/* body{ -ms-overflow-style: none; } ::-webkit-scrollbar { display: none; } */

/*폰트불러오기*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); 

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');
font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: 'Poppins', sans-serif; */


/* 초기화 */
html { font-size:10px; } 
body { margin:0 auto; padding:0; font-family:'Poppins',  Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color:#222; font-weight:400; font-size: 1.8rem; } 
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 } 
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, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; } 
input { background-color: #fff !important; } 
input[type="submit"] { cursor:pointer } 
button { cursor:pointer } 
textarea, select { font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; } 
select { margin:0 } 
p { margin:0; padding:0; word-break:keep-all; } 
hr { display:none } 
a { color:#1B2423; text-decoration:none } 
a:hover { color:#1B2423; 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; 
 } 
.ft_eng{font-family: 'Poppins'}
img { max-width:100%; display:inline-block; height: auto; } 


:root { 
 --main: #114290; 
 --main-hover: #0d1c3b; 
 --brand-primary: #114290;
 --brand-secondary: #0d1c3b;
 --brand-gradient: linear-gradient(180deg, #114290 0%, #0d1c3b 100%);
 --brand-primary-soft: #dbe7fb;
 --brand-primary-soft-strong: #eef4ff;
 --brand-shadow: rgba(13, 28, 59, 0.28);
 --brand-soft: #dbe7fb;
 --brand-softest: #eef4ff;
 --second: #888888; 
--second-hover: #727171;
 --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: 1760px; padding-right: 8rem; padding-left: 8rem; } 
 .container-md{max-width: 1520px; padding-right: 10rem; padding-left: 10rem; }

 /*메인*/
.idx_pg { min-height:800px; padding-top: 17.5rem; } 


/*틀 사이즈땜에 만들어놓음*/
.container-fluid{min-height: 700px; max-width: 2560px;}

/*서브*/
.sub_tit { position: relative; } 
.sub_pg { min-height:800px; padding-top: 17.5rem; padding-bottom: 10rem;} 
.sub_pg2 { min-height:800px; padding-top: 10rem; padding-bottom: 10rem;} 



.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*/

.tit_h2{font-size: 3.15vw; font-weight: 700;  }
.tit_h3{font-size: 4rem; font-weight: 700;   }
.tit_h4{font-size: 3.4rem; font-weight: 700;}
.tit_h5{font-size: 2.4rem; font-weight: 700;} 
.tit_h6{font-size: 2rem; font-weight: 700;} 

.ff_pop{font-family: 'Poppins', sans-serif;}

.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_primary { color:var(--main); }
.fc_primary_mobi { color:#f68121; }
.fc_inquiry_em {
  color: #8fb8ff;
  text-shadow: 0 2px 10px rgba(8, 24, 52, 0.45), 0 0 18px rgba(143, 184, 255, 0.2);
}
.fc_gray1 { color:#ADB6C7 ; } 
.fc_gray2 { color:#a2a2a2 ; } 


.fc_bk { color:#222; } 
.fc_rd { color:#FF4D4D; } 
.fc_or_l{color:var(--brand-soft)}
.fc_dgr { color:#3B4047; } 
.fc_mgr { color:#969A9F; } 
.fc_lgr { color:#D0D8E2; } 

.mobi_orange{ background-color: #f68121 !important;}
.bg-primary { background-color: var(--main) !important; } 
.bg-secondary { background-color: var(--second) !important; } 
.bg-transparent { background:transparent; } 
.bg_lgr { background:#f5f5f5; } 
.bg_mgr { background:#EDEDED; } 
.bg_dgr { background:#D0D8E2; } 
.bg_F5F5F5 { background:#F5F5F5; } 
.bg_rd { background:#FF4D4D; } 
.bg_or { background:var(--brand-softest); } 

.bg_pri { background-color: var(--brand-soft); } 
.bg_pr_light { background-color: var(--brand-softest); } 

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

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

.border-2{border-width: 2px !important;}
.border-black{border-color: #222 !important;}
.border-222{border-color: #222 !important;}

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


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

.wh_pre { white-space: pre-line; } 
.wh_pre_mono { 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 { 
 background-color: var(--main-hover); 
 border-color: var(--main-hover); 
 } 

.btn-primary:focus, 
.btn-primary.focus { 
 background-color: var(--main-hover); 
 border-color: var(--main-hover); 
 box-shadow:none; 
 } 

.btn-primary.disabled, 
.btn-primary:disabled { 
color:#808080 !important; 
background-color:#D7D7D7; 
border-color: #D7D7D7; 
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);   box-shadow:none !important; 
 } 

.btn-secondary { 
color:#1B2423 !important; 
background-color:var(--second); 
border-color: var(--second); 
 } 

.btn-secondary:hover { 
color: #1B2423; 
background-color: var(--second-hover); 
border-color: var(--second-hover); 
box-shadow: none; 
 } 

.btn-secondary:focus, 
.btn-secondary.focus { 
color: #1B2423; 
background-color: var(--second-hover); 
border-color: var(--second-hover); 
box-shadow: none; 
 } 

.btn-secondary.disabled, 
.btn-secondary:disabled { 
color: #1B2423; 
background-color: var(--second-hover); 
border-color: var(--second-hover); 
 } 

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



.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: #1B2423 !important; 
background-color:#fff; 
border-color: var(--second); 
 } 

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

.btn { border-radius:1rem; font-size:1.8rem; padding: 0 1.5rem; font-weight: 700; height: 5rem;} 
.btn-sm { height: 3.4rem; } 
.btn-md { height: 4.5rem; } 
.btn-lg { font-size: 2rem; height: 6rem; } 

/*뱃지*/
.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; word-break: break-all; } 

.line1_text { 
    white-space: normal; 
    overflow: hidden; 
    text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
    word-wrap: break-word; 
    display: -webkit-box; 
    -webkit-line-clamp: 1; 
    -webkit-box-orient: vertical; 
} 
.line2_text { 
white-space: normal; 
overflow: hidden; 
text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
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; /* 여러 줄 자르기 추가 스타일 */
text-align: left; 
word-wrap: break-word; 
display: -webkit-box; 
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical; 

 } 

 
/* 페이지네이션 */
.pagination { margin-top: 40px; display: flex; justify-content: center; align-items: center; } 
.pagination li { height: 100%; } 
.pagination a { font-size: 1.8rem; padding: 0 10px; font-weight: 600; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.pagination a.disabled { color: #AAA; } 
.pagination a.on { color: var(--main); text-decoration: underline; } 

/* 페이저 */
.pager { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 100%; 
    margin: 3.5rem auto 0; 
    } 


/*입력 인풋 input*/
.form-control { padding: 1.4rem 2.0rem; font-size: 1.6rem; height:5rem; border-radius: 0.7rem; border:1px solid #E3E3E3 !important; color: #3B4047; } 
.form-control:focus { color: #495057; border-color:1px solid #E3E3E3; box-shadow: none !important; } 

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

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

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

/*파일업로드*/
.custom-file{ height:5rem}
.custom-file-label{background:  #f5f5f5; height: 5rem ;     padding: 1.4rem 2rem;
    font-size: 1.6rem;
    border-radius: 0.7rem;}
.custom-file-input{ height: 50px;}
.fileup{position: absolute;
    z-index: 5;
    right: 10px;
    top: 35%;}

.custom-file-label::after{display: none;}
.form-control:focus{border-color: var(--main);}
.custom-file-input:focus~.custom-file-label{border-color: var(--main); box-shadow:none}
.ip_wr { margin-top:2.4rem; } 
.ip_wr .ip_tit { margin-bottom:0.4rem; } 
.ip_wr .ip_tit h5 { font-size:1.7rem !important; font-weight:700; display:inline-block; } 
.ip_wr .custom-select_wr { width: calc(100% - 120px); } 
.ip_wr .custom-select { 
 padding: 0.4rem 2rem; 
 font-size: 1.6rem; 
 height: 5rem; 
 border-radius: 0.7rem; 
 border: 1px solid #E3E3E3 !important; 
 color: #3B4047; 
 background: url(../img/select_arrow.png)no-repeat center right 2rem; 
 line-height: 100%; 
 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.6rem; min-height: 78px; width: 100%; } 
.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("./../img/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("./../img/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(../img/calendar_ic.png)no-repeat right 2.0rem center; background-size:2.4rem auto; } 
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.6rem; 
 height: calc(1.706em + 2.5rem + 2px); 
 border-radius: 0; 
 border: 0; 
 color: #333; 
background: url(../img/drop_opt.png)no-repeat center right 1.2rem; 
 } 


/*아코디언*/
.custom_acc .btn-link { width:23px; height:23px; background: url(../img/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: 1px; 
margin: 0; 
 color: #3B4047; 
font-weight: 500; 
 } 
.checks input[type="checkbox"] + label:before { 
 content: ''; 
 position: absolute; 
 left: 0; 
 top: 2px; 
 width: 22px; 
 height: 22px; 
 text-align: center; 
 background: url(./../img/check_off.png)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: 22px; 
 height: 22px; 
 background: url(./../img/check_on_brand.png)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: 0px; 
 } 
.checks input[type="radio"] + label:before { 
 content: ''; 
 position: absolute; 
 left: 0; 
 top: 1px; 
 width: 22px; 
 height: 22px; 
 text-align: center; 
 background: url(./../img/check_off.png)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: 1px; 
 left: 0; 
 width: 22px; 
 height: 22px; 
 background: url(./../img/check_on_brand.png)no-repeat center; 
 background-size: cover; 
 } 

 .btn.focus, .btn:focus{box-shadow:none}
/*선택 라디오,체크박스*/
.select input[type="radio"] + label, .select input[type="checkbox"] + label { background-color: #fff; border: 1px solid var(--second) !important; padding:1.6rem 1.5rem; border-radius: 0.5rem; width: 100%; color: #3B4047; } 
.select input[type="radio"]:checked + label, .select input[type="checkbox"]:checked + label { border: 1px solid var(--main) !important; color: var(--main) !important; } 
.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: 5rem; padding: 0; line-height: 5rem; 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; 
 } 

/*모달*/
.modal-content{border:0px;     border-radius: 1.5rem;}
.modal-footer{padding: 2.75rem; border-top:0px}
.modal-body{padding: 2.75rem;}
.modal-header{padding: 2.75rem;}

.modal h5{font-size: 2rem; font-weight: 700;}
.modal  .close{font-size: 2rem;    opacity: 1; }
/*너비 넓이*/
.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: 100%;
}

.rect img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
a .hoverimg{ z-index: 1; opacity: 0;  transition: all 0.5s;} /*갤러리게시판이미지*/
a:hover .hoverimg{opacity: 1; height: auto;  } /*갤러리게시판이미지*/

 /* 이미지 세로 16:9 */
 .rect2 { overflow: hidden; position:relative; width:100%; } 
 .rect2::after { content: ''; display: block; padding-bottom: 66.66%; } 
 .rect2>img { position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); } 
 
 /*테이블*/
.table_01 {width:100%; border-collapse: collapse;   border-bottom:1px solid #e3e3e3; text-align:center; border-top: 2px #f5f5f5 solid; background: #fff;}
.table_01  th {background: #cccccc;    border:1px solid #e3e3e3;     }
.table_01 td {    border:1px solid #e3e3e3;  }
.table_01 th, .table_01 td{ padding:1rem 0.8rem;}
/*테이블 반응형때*/
.table_scroll { overflow-x: auto; overflow-y: hidden; padding: 0px !important; }

@media (min-width: 1601px) { 
    .tit_h2{font-size:6rem ;}
	

    }
@media (max-width: 1600px) { 
    html{font-size: 9.4px;}
    .sub_pg{padding-top: 14.5rem; }
    .sub_pg2{padding-top: 9rem; }
 } 

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) { 
    html{font-size: 9px;}
    .container { padding-right: 5rem; padding-left: 5rem; max-width: 1100px; } 
    .container-md { padding-right: 4rem; padding-left: 4rem; } 

    .sub_pg{padding-top: 7.5rem; }
    .sub_pg2{padding-top: 5rem; }
    
/*틀 사이즈땜에 만들어놓음*/
.container-fluid{min-height: auto;}
 } 

/*반응형 max 992px lg*/
@media (max-width: 991.98px) { 
html{font-size: 9px;}

.tit_h2{font-size: 3.5rem;}
.tit_h3{font-size: 3.2rem;}
.tit_h4{font-size: 3rem;}  
.tit_h5{font-size: 2.1rem;}  
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{    line-height: 1.4;}

.input-group>.input-group-append>.btn { padding-left:1.0rem; padding-right:1.0rem; } 
.ip_wr .custom-select_wr { width: calc(100% - 120px); } 
.ip_wr .custom-select { background-size: 13px; } 
.m_mx_0 { margin-left:-15px; margin-right:-15px; } 
.m_half .btn { width: 49%; padding-right: 0.5rem; padding-left: 0.5rem; } 
 

} 


/*반응형 max 767px md*/
@media (max-width: 767.98px) { 
    html{font-size: 8.5px;}
    .container-md { padding-right: 2rem; padding-left: 2rem; } 
    .fs_18m { font-size: 1.8rem; } 

    .sub_pg{padding-top: 7.5rem; padding-bottom: 6rem;}

	  
    .tit_h2{font-size: 2.5rem;}
    .tit_h3{font-size: 2.2rem;}
    .tit_h4{font-size: 2.3rem;}   
    .tit_h5{font-size: 1.8rem;}   
    .pager .fs_24{font-size: 1.8rem;}
    .pager .fs_26{font-size: 2rem; padding: 1rem !important;}
    .wh_pre_mono { white-space: normal; } 

    
} 

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

.boxst1{}
 } 


/*반응형 max 380px*/
@media (max-width: 380px) { 
    .tit_h2{    font-size: 2.1rem;}
.input-group>.input-group-append>.btn { 
padding-left: 0.2rem; 
padding-right: 0.2rem; 
 } 
.btn { font-size: 1.4rem; } 
.btn-lg { 
font-size: 1.6rem; 
height: 4.8rem; 
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: 4.45rem; font-size: 1.4rem; padding: 1.4rem 1rem; } 
.ip_wr .custom-select { height: 4.45rem; font-size: 1.4rem; padding: 1.4rem 1rem; background-position: right 1rem center;} 
 }