/*폰트불러오기*/
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');



/* 초기화 */
html {font-size:10px;}
body {margin:0 auto;padding:0;font-family: 'Pretendard', sans-serif;color:#222;font-weight:400;font-size: 1.5rem;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family: 'Pretendard', sans-serif;}
input{background-color: #fff !important;}
input[type="submit"] {cursor:pointer}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
button {cursor:pointer}
textarea, select {font-family: 'Pretendard', sans-serif;}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all;}
hr {display:none}
a {color:#222;text-decoration:none}
a:hover{color:#222;text-decoration: none;}
.un_reboot_a{color: var(--main);text-decoration: underline;}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  word-break: keep-all;
}

img{max-width:100%;display:block;height: auto;}


:root {
	--main: #43B695;
	--main-hover: #2d9b7c;
	--second: #C9CACA;
	--second-hover: #b1b9b9;
	--second-in: #222;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    --max-width-sm: 540px;
    --max-width-md: 720px;
    --max-width-lg: 960px;
    --max-width-xl: 1140px;
    --max-width-xxl: 1320px;
}




/*메인*/
.container {max-width: 1360px;padding-right: 2rem;padding-left: 2rem;}
.container-xs {max-width: 410px; padding: 0 2rem;}
.container-sm {max-width: 440px; padding: 0;}
.container-xl {max-width: 1180px;padding-right: 2rem;padding-left: 2rem;}
.idx_pg{min-height:calc(100vh - var(--hd_ft_H));margin-top:var(--hdH); padding-top: 7rem; padding-bottom: 13rem;}

/*서브*/
.sub_pg{min-height:calc(100vh - var(--hd_ft_H));margin-top:var(--hdH); padding-top: 7rem; padding-bottom: 13rem;}
.bg_pg{position: relative; min-height: calc(100vh - var(--hdH));}
.bg_pg::before{content: ''; display: block; width: 100%; height: calc(100vh + var(--hdH)); position: absolute; top: calc(var(--hdH) * -1); left: 0; background: url('../images/bg_pg_bg.png') no-repeat; background-position: center top; background-size: cover; z-index: -1;}




.line_h1{line-height:1.0em;}
.line_h1_1{line-height:1.1em;}
.line_h1_2{line-height:1.2em;}
.line_h1_3{line-height:1.3em;}
.line_h1_4{line-height:1.4em;}
.line_h1_5{line-height:1.5em;}
.line_h1_6{line-height:1.6em;}
.line_h1_7{line-height:1.7em;}
.line_h1_8{line-height:1.8em;}
.line_h1_9{line-height:1.9em;}
.line_h2{line-height:2.0em;}


/*폰트커스텀 기본사이즈 10px*/
.ff_mon{font-family: 'Montserrat', sans-serif; font-weight: 700;}

.tit_1{font-size: 4.0rem; font-weight: 600;}
.tit_2{font-size: 2.2rem; font-weight: 800;}
.tit_3{font-size: 1.8rem; font-weight: 600;}
.tit_4{font-size: 1.3rem;}

.fs_8 {font-size: 0.8rem;}
.fs_9 {font-size: 0.9rem;}
.fs_10 {font-size: 1.0rem;}
.fs_11 {font-size: 1.1rem;}
.fs_12 {font-size: 1.2rem;}
.fs_13 {font-size: 1.3rem;}
.fs_14 {font-size: 1.4rem;}
.fs_15 {font-size: 1.5rem;}
.fs_16 {font-size: 1.6rem;}
.fs_17 {font-size: 1.7rem;}
.fs_18 {font-size: 1.8rem;}
.fs_19 {font-size: 1.9rem;}
.fs_20 {font-size: 2.0rem;}
.fs_21 {font-size: 2.1rem;}
.fs_22 {font-size: 2.2rem;}
.fs_23 {font-size: 2.3rem;}
.fs_24 {font-size: 2.4rem;}
.fs_25 {font-size: 2.5rem;}
.fs_26 {font-size: 2.6rem;}
.fs_27 {font-size: 2.7rem;}
.fs_28 {font-size: 2.8rem;}
.fs_29 {font-size: 2.9rem;}
.fs_30 {font-size: 3.0rem;}
.fs_31 {font-size: 3.1rem;}
.fs_32 {font-size: 3.2rem;}
.fs_33 {font-size: 3.3rem;}
.fs_34 {font-size: 3.4rem;}
.fs_35 {font-size: 3.5rem;}
.fs_36 {font-size: 3.6rem;}
.fs_37 {font-size: 3.7rem;}
.fs_38 {font-size: 3.8rem;}
.fs_39 {font-size: 3.9rem;}
.fs_40 {font-size: 4.0rem;}
.fs_41 {font-size: 4.1rem;}
.fs_42 {font-size: 4.2rem;}
.fs_43 {font-size: 4.3rem;}
.fs_44 {font-size: 4.4rem;}
.fs_45 {font-size: 4.5rem;}
.fs_46 {font-size: 4.6rem;}
.fs_47 {font-size: 4.7rem;}
.fs_48 {font-size: 4.8rem;}
.fs_49 {font-size: 4.9rem;}
.fs_50 {font-size: 5.0rem;}
.fs_51 {font-size: 5.1rem;}
.fs_52 {font-size: 5.2rem;}


.fw_100 {font-weight: 100;}
.fw_200 {font-weight: 200;}
.fw_300 {font-weight: 300;}
.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_600 {font-weight: 600;}
.fw_700 {font-weight: 700;}
.fw_800 {font-weight: 800;}
.fw_900 {font-weight: 900;}

.text-primary{color:var(--main) !important;}
.fc_wh{color:#fff !important;}
.fc_19204C{color:#19204C;}
.fc_primary{color:var(--main)}
.fc_A2A2A2{color:#A2A2A2;}
.fc_graaa{color:#aaa;}
.fc_grccc{color:#ccc;}
.fc_grddd{color:#ddd;}
.fc_gr999{color:#999;}
.fc_gr777{color:#777;}
.fc_gr666{color:#666;}
.fc_gr444{color:#444;}
.fc_gr333{color:#333;}
.fc_bk{color:#222;}
.fc_rd{color:#F82F27;}

.fc_dgr{color:#3B4047;}
.fc_mgr{color:#969A9F;}
.fc_lgr{color:#D0D8E2;}

.bg_F1F8F2{background: #F1F8F2;}
.bg_19204C{background: #19204C;}
.bg_F5F5F5{background: #F5F5F5;}
.bg-primary {background-color: var(--main) !important;}
.bg-transparent{background:transparent;}
.bg_lgr{background:#F0F4F7;}
.bg_mgr{background:#E8EDF3;}
.bg_dgr{background:#D0D8E2;}
.bg_rd{background:#FF4D4D;}

.bg_pri{background-color: #FFDAB9;}
.bg_pr_light{background-color: #FFEAD8;}

/*border 선 커스텀*/
.border,
.border-top,
.border-bottom,
.border-left,
.border-right{border-color:#E3E3E3 !important;}


.border-2{border-width: 2px !important;}

.border-black{border-color: #222 !important;}
.border-19204C{border-color: #19204C !important;}

.border-primary {border-color: var(--main) !important;}

.clear {clear: both;}
.clear:after{content:""; display:block; clear:both;}

.cont_wr{max-width:1230px;margin:0 auto;padding: 0 15px; position: relative;}
.cont_wr:after{content:""; display:block; clear:both;}

.wh_pre{white-space: pre-line;}
.required {
    color: var(--main) !important;
    font-size: 1.3rem;
    margin-left: 0.5rem;
    position: relative;
    top: -0.4rem;
}

.sq_guide{display:flex;flex-wrap: wrap;}
.sq_guide li {
    width: 90px;
    height: 90px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin: 0.5rem;
}





/*드롭다운버튼*/
/* .dropdown-menu{font-size:1.7rem;font-family: 'NanumSquareRound',sans-serif;} */

/*버튼커스텀*/

.btn-primary {
	color: #fff !important;
	background-color: var(--main);
	border-color: var(--main);
}

.btn-primary:hover {
	color: #333;
	background-color: var(--main-hover);
	border-color: var(--main-hover);
}

.btn-primary:focus, 
.btn-primary.focus {
	color: #333;
	background-color: var(--main-hover);
	border-color: var(--main-hover);
	/* box-shadow: 0 0 0 0.1rem var(--main-hover); */
}

.btn-primary.disabled, 
.btn-primary:disabled {
	color:#8F8D8D !important;
	background-color:var(--second);
	border-color: var(--second);
	opacity:1;
}

.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--main-hover);
	border-color: var(--main-hover);
}

.btn-secondary {
	color:#fff;
	background-color:var(--second);
	border-color: var(--second);
}

.btn-secondary:hover {
	color: #fff;
	background-color: var(--second-hover);
	border-color: var(--second-hover);
}

.btn-secondary:focus, 
.btn-secondary.focus {
	color: #fff;
	background-color: #999;
	border-color: #999;
	/* box-shadow: 0 0 0 0.1rem var(--second-in); */
}

.btn-secondary.disabled, 
.btn-secondary:disabled {
	color: #8F8D8D;
	background-color: var(--second);
	border-color: var(--second);
}

.btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: var(--second-in);
	border-color: var(--second-in);
}



.btn-outline-primary {
	color: var(--main) !important;
	background-color:#fff;
	border-color: var(--main);
}

.btn-outline-primary:hover {
	color:var(--main-hover) !important;
	background-color:#fff;
	border-color:var(--main-hover) !important;
}
.btn-outline-primary:focus {
	color:var(--main-hover) !important;
	background-color:#fff;
	border-color:var(--main-hover) !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
	color:var(--main-hover) !important;
	background-color:#fff;
	border-color:var(--main-hover) !important;
}

.btn-outline-secondary {
	color: var(--second-in) !important;
	background-color:#fff;
	border-color: var(--second);
}

.btn-outline-secondary:hover {
	color:  var(--second-in);
	background-color:#fff;
	border-color: var(--second-hover);
}
.btn-outline-secondary:focus {
	color:  var(--second-in);
	background-color:#fff;
	border-color: var(--second-in);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, 
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
	color: #fff;
	background-color: var(--second);
	border-color: var(--second);
}

.btn{border-radius:0.5rem;font-size:1.5rem;padding: 0 2.0rem;font-weight: 500; height: 4.4rem;}
.btn-lg{font-size:2rem;border-radius:1rem; font-weight: 700; height: 6rem;padding: 0 1.0rem;}
.btn-sm{font-size: 1.3rem;height: 3rem;line-height: 1; padding: 0 1rem;}

/*뱃지*/
.badge{font-size:1.4rem;padding: .429em .5em;border-radius: .5rem;font-weight: 500;}
.badge-primary {color: #7DB249;background-color: #E6F2FF;}



/*글자자르기*/
.line_text{white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	word-wrap: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
.line2_text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}
.line3_text {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;

}
.lst_st01 {
    list-style-image: url(../images/lst_st01.png);
    padding-left: 1.2rem;
}
.lst_st01 li{word-break: keep-all;}




/*입력 인풋 input*/
.form-control{padding: 0 1.5rem;font-size: 1.5rem;height:4.4rem;border-radius: 0.5rem;border-color:#E3E3E3;color: var(--main);}
.form-control:focus {color: var(--main);border-color:#E3E3E3;box-shadow: none !important;}
.form-control::placeholder {color: #A2A2A2;}

.valid-feedback{margin-top:1rem;font-size:1.3rem;color: var(--main);}
.invalid-feedback{margin-top:1rem;font-size:1.3rem;color:#FF4D4D;}
.form-control.is-valid, .was-validated .form-control:valid {border-color:#E3E3E3 !important;background-image:none;box-shadow: none !important; padding-right: 1rem;}
.form-control.is-invalid, .was-validated .form-control:invalid {border-color:#E3E3E3 !important;background-image:none;box-shadow: none !important; padding-right: 1rem;}
.form-text{margin-top:1rem;font-size:1.3rem;}

.form-row>.col, .form-row>[class*=col-] {
    padding-right: 4px;
    padding-left: 4px;
}

.form-row2{margin: 0 -2rem;}
.form-row2>.col, .form-row2>[class*=col-] {
    padding-right: 2rem;
    padding-left: 2rem;
}

.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.input-group:not(.has-validation)>.form-control:not(:last-child){
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
	margin-right: 0.8rem;
	resize: none;
}
.input-group>.form-control:focus{box-shadow: none;}
.input-group>.input-group-append>.btn{border-radius: 0.5rem !important;width:11rem; padding: 0;}
.ip_wr>.row>.custom-select{width: 15rem;}

.ip_wr{margin-top:4.0rem;}
.ip_wr .ip_tit{margin-bottom:0.8rem;}
.ip_wr .ip_tit h5{font-size:1.5rem !important;font-weight:700;display:inline-block;}
.ip_wr .custom-select_wr {width: calc(100% - 120px);}
.ip_wr .custom-select {
    padding: 0.4rem 1.5rem;
    font-size: 1.5rem;
    height: 4.4rem;
    border-radius: 0.4rem;
    border: 1px solid #E3E3E3 !important;
    color: #A2A2A2;
    background: url(../images/select_arrow.png)no-repeat center right 1.5rem;
    line-height: 1.4rem;
    background-color: #fff;
    background-size: 1.5rem !important;
}
.custom-select:focus {border-color:var(--main) !important;box-shadow: none;}
.ip_wr textarea.form-control {font-size: 1.5rem;min-height: 78px;width: 100%; padding: 1.3rem 1.4rem;}
.input_in_btn .input-group>div {
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.input_in_btn .input-group>div{width:100%;}
.input_in_btn .form-control{width:calc(100% - 150px);}
.input_in_btn .btn_wr{width:auto;}
.input-group-append, .input-group-prepend {flex-wrap: inherit;}


/*버튼추가*/
.btn-outline-primary.fc_bk{color: #3B4047 !important;}
.btn-outline-primary.fc_bk:hover{background-color: #fff;}
.calendar_input{position: relative !important;}
.calendar_input::after{content: ''; width: 34px; height: 34px; background:url("./../images/ico_calendar.png") no-repeat center;position: absolute; top: 5px;right: 8px; cursor:pointer;background-size: cover;z-index: 5;}
.search_input{position: relative !important;}
.search_input::before{content: ''; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #F9A05C; margin-right: 0.8rem;position: relative; top: 50%; transform: translateY(-50%);}
.search_input::after{content: ''; width: 34px; height: 34px; background:url("./../images/ico_search.png") no-repeat center;position: absolute; top: 5px;right: 8px; cursor:pointer;background-size: cover;z-index: 5;}
input::-ms-clear,
input::-ms-reveal{display:none;width:0;height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}
.btn-myinfo{border: 1px solid #E3E3E3;}

input.form-control[type="date"]{background:url(../images/calendar_ic.png)no-repeat right 1.5rem center;background-size:2.4rem auto; line-height: 4.4rem;}
input.form-control[type="date"]::before {content:attr(data-placeholder);width:100%;color:#c3c3c3;line-height:2.0rem;}
input.form-control[type="date"]:focus:before, input[type="date"]:valid:before{display: none;}
input.form-control[type="date"]::-webkit-calendar-picker-indicator{opacity:0;z-index: 1;cursor: pointer;}



/*추천순 선택 select*/
.drop_opt .custom-select{
    padding: 1.4rem 3.5rem 1.4rem 0;
    font-size: 1.5rem;
    height: calc(1.706em + 2.5rem + 2px);
    border-radius: 0;
    border: 0;
    color: #333;
	background: url(../images/drop_opt.png)no-repeat center right 1.2rem;
}

/*페이저*/
.page-link:focus{box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);}
.page-item{margin: 0 5px; cursor: pointer;}
.pagination .page-link{padding: 0.8rem 1.1rem;border-color: transparent;color: #aaa;font-weight: 500; pointer-events: none;}
.page-item.active .page-link {z-index: 3;color: #222;background-color: transparent;border-color: transparent;}
.page-item.arrow .page-link, .page-item.arrow .page-link {border: 1px solid #e9e9e9; border-radius: 1rem;}
.page-item .page-link:hover {background-color: transparent;}


/*아코디언*/
.custom_acc .btn-link{width:23px;height:23px;background: url(../images/select_arrow.png)no-repeat center;padding:0;transform: rotate(0deg);}
.custom_acc .btn-link[aria-expanded="false"]{transform: rotate(0deg);transition: all 0.2s ease}
.custom_acc .btn-link[aria-expanded="true"]{transform: rotate(180deg);transition: all 0.2s ease}

/*체크박스*/
.checks {position: relative;}
.checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	color: #37383A;
	padding-top: 2px;
	margin: 0;
    color: #3B4047;
	font-weight: 500;
}
.checks input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 21px;
    height: 21px;
    text-align: center;
    background: url(./../images/check_off.png?ver=111)no-repeat center;
    background-size: cover;
}
.checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {color:#3B4047;}
.checks input[type="checkbox"]:checked + label:before {}
.checks input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 21px;
    height: 21px;
    background: url(./../images/check_on.png?ver=111)no-repeat center;
    background-size: cover;
}


/*라디오*/
.checks {position: relative;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #3B4047;
    font-weight: 500;
	margin: 0;
    padding-top: 2px;
}
.checks input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 21px;
    height: 21px;
    text-align: center;
    background: url(./../images/check_off.png?ver=111)no-repeat center;
    background-size: cover;
}
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before {color:#333;}
.checks input[type="radio"]:checked + label:before {}
.checks input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 21px;
    height: 21px;
    background: url(./../images/check_on.png?ver=111)no-repeat center;
    background-size: cover;
}


/*선택 라디오,체크박스*/
.select input[type="radio"] + label, .select input[type="checkbox"] + label {background-color: #fff; border: 1px solid #E3E3E3 !important; padding:1.6rem 1.5rem;border-radius: 0.5rem;width: 100%; color: #222; font-weight: 600;} 
.select input[type="radio"]:checked + label, .select input[type="checkbox"]:checked + label{border: 1px solid #E3E3E3 !important; color: #fff !important; background-color: var(--main);}
.select input[type=checkbox], input[type=radio] { 
 -webkit-user-select: none; 
 -moz-user-select: none; 
 -ms-user-select: none; 
 } 
.select .checks input[type="radio"] + label:before, .select .checks input[type="checkbox"] + label:before { display: none; } 
.select .checks input[type="radio"]:checked + label:after, .select .checks input[type="checkbox"]:checked + label:after { display: none; } 
.select{width: 100%;display: flex;}
.select .checks{width: calc(50% + 1rem);text-align: center;}
.select input[type="radio"] + label{height: 4.4rem;padding: 0;line-height: 4.4rem;box-shadow: none;}
.select input[type="radio"]:checked + label{z-index: 1;}
.select .checks:not(:first-child), 
.select .checks:not(:first-child){
	margin-left: -1px;
}
.select .checks:not(:first-child) input[type="radio"] + label, 
.select .checks:not(:first-child) input[type="checkbox"] + label{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.select .checks:not(:last-child) input[type="radio"] + label, 
.select .checks:not(:last-child) input[type="checkbox"] + label{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/*border rounded*/
.rounded { border-radius: 0.5rem!important; } 
.rounded-lg { border-radius: 1.0rem!important; } 
.rounded-xl { border-radius: 2rem!important; } 

/*너비 넓이*/
.w-5{width:5%;}
.w-10{width:10%;}
.w-15{width:15%;}
.w-20{width:20%;}
.w-30{width:30%;}
.w-33{width:33%;}
.w-35{width:35%;}
.w-40{width:40%;}
.w-45{width:45%;}
.w-55{width:55%;}
.w-60{width:60%;}
.w-65{width:65%;}
.w-70{width:70%;}
.w-80{width:80%;}
.w-85{width:85%;}
.w-90{width:90%;}
.w-95{width:95%;}

.rect {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.rect:after {
content: "";
display: block;
padding-bottom: 66.66667%;
}

.rect img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.rect video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.rect2:after {
content: "";
display: block;
padding-bottom: 100%;
}


.underline{text-decoration: underline; cursor: pointer;}
.break_all{word-break: break-all;}





@media (max-width: 1400px) {
	.container {max-width: 1360px;padding-right: 2rem;padding-left: 2rem;}
}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {

}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
	.input-group>.input-group-append>.btn{padding-left:1.0rem;padding-right:1.0rem;}
    .ip_wr{margin-top: 2rem;}
	.ip_wr .custom-select_wr {width: calc(100% - 120px);}
	.ip_wr .custom-select {background-size: 13px !important;}

    .idx_pg{height: auto; padding: 5rem 0;}
    .sub_pg{height: auto; padding: 5rem 0;}
    .bg_pg{height: auto; padding: 5rem 0;}
    .bg_pg::before{min-height: auto; background: url('../images/bg_pg_bg_m.png') no-repeat; background-position: top; background-size: 100%;}

    .tit_1{font-size: 3.2rem;}
    .tit_2{font-size: 2rem;}
}


/*반응형 max 767px md*/
@media (max-width: 767.98px) {
    .tit_1{font-size: 2.4rem;}
    .tit_2{font-size: 1.8rem;}
    .tit_3{font-size: 1.6rem;}
}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
	input::placeholder {font-size: 1.4rem}
	textarea::placeholder {font-size: 1.4rem;line-height: 1.3;}

    .ip_wr>.row>.custom-select{width: 100%; margin-bottom: 1rem;}

    .idx_pg{height: auto; padding: 3rem 0;}
    .sub_pg{height: auto; padding: 3rem 0;}
    .bg_pg{height: auto; padding: 3rem 0;}
}


/*반응형 max 380px*/
@media (max-width: 380px) {
	.input-group>.input-group-append>.btn {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
	.btn {font-size: 1.4rem; height: 4rem;}
	.btn-lg {
		font-size: 1.6rem;
		/* height: 4.8rem; */
        height: 6rem;
		padding: 1.3rem 1rem;
	}
	.btn-md {height: 4.45rem;line-height: 2rem;font-size: 1.4rem;}
	.btn-sm {font-size: 1.4rem;height: 3.4rem;line-height: 1.5rem;}
	.form-control {height: 4rem;font-size: 1.4rem;padding: 1.4rem 1rem;}
}