@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Thin.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Light.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Regular.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Medium.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-SemiBold.woff') format('woff'),
       url('/font/Pretendard/Pretendard-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Bold.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Bold.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/font/Pretendard/Pretendard-Black.woff') format('woff'),
       url('/font/Pretendard/Pretendard-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

html, body {height:100%; /* overflow:hidden */ }
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption {display:block}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,u,figure{margin:0;padding:0; letter-spacing:-1px;}
body,input,textarea,select,button,table{font-size:14px;font-family: 'Pretendard', sans-serif;color:#666666; letter-spacing:-1px;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}
hr{display:none}
ul,ol{list-style:none}
em,address{font-style:normal}
table{border-collapse:collapse;border-spacing:0;}
th{font-weight:normal;}
img{vertical-align:middle;}
img,fieldset,button{border:0}
button{background:0;cursor:pointer}
a{text-decoration:none;color:#666666}
a:hover{text-decoration:none}
a:active,
a:focus{color:#000}
a:visited{color:#666}
legend,caption,
.blind{overflow:hidden; position:absolute; z-index:-1; width:1px; height:1px; font-size:0; line-height:1px; text-indent:-9999px;}
#u_skip{overflow:hidden; position:absolute; z-index:-1; width:1px; height:1px; font-size:0; line-height:1px; text-indent:-9999px;}

/* Placeholder 포커스시 감추기 */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.p-vw-12{padding: 12vw 0 !important;}
.pt-vw-12{padding-top: 12vw !important;}
.pb-vw-12{padding-bottom: 12vw !important;}
.mt-vw-4{margin-top: 4vw !important;}
.mb-vw-4{margin-bottom: 4vw !important;}
.clamp-1{overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.clamp-2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.clamp-3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.clamp-4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.txc-y{color:#FEAB14 !important;}
:root {
	--yellow-1: #FEAB14; /* 메인컬러 */
}

h3.title{font-size:20px; color:#000; letter-spacing:-2px; padding:12px 0 11px 0;}
section{position:relative;}
img[usemap] {width: auto; max-width: 100%; height: auto; border: none;}



/* header */
#header .top-box{border-bottom: 1px solid #eaeaea; padding: 4vw 0;}
#header .top-box .inner{display: flex; align-items: flex-end; justify-content: space-between; width: 90%; margin: 0 auto;}
#header .top-box h1{width: 40%;}
#header .top-box h1 a{display: block; width: 100%;}
#header .top-box h1 a img{display: block; width: 100%;}
#header .top-box .allmenu{display:block; width: 6.5vw; height: 6.5vw; margin-bottom: -1vw; background: url('/mobile/images/common/ico_menu.svg') center/cover no-repeat;}
#gnb .gnbmenu{overflow: hidden;}
#gnb .gnbmenu ul{padding-left: 4.5vw;}
#gnb .gnbmenu ul li{width: fit-content; text-align:center; margin-right: 7vw; box-sizing: border-box;}
#gnb .gnbmenu ul li:last-child{margin-right: 0;}
#gnb .gnbmenu .gnb_on{font-weight: bold;}
#gnb .gnbmenu .gnb_on:after{content: ''; display: block; width: 80%; height: 2px; background: #000; margin: 0 auto; }
#gnb .gnbmenu ul a{color: #000000; font-size: 4vw; padding: 4vw 0; display: block;}

#sitemapdiv_background{position: absolute; z-index: 999998; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.5; display: none;}
.allSitemenu{
  display: flex; flex-direction: column; position: fixed; z-index:999999; width:100%; height: 100%; left: 0px; top: 0px;
  background-color: #fff; box-sizing:border-box; visibility: hidden; transform: translateX(105%); transition: transform 0.4s ease, visibility 0.4s ease;
}
.allSitemenu.active{
  visibility: visible; transform: translateX(0);
}
.allSitemenu .top-box{padding: 4vw 0; flex-shrink: 0;}
.allSitemenu .top-box .inner{display: flex; align-items: flex-end; justify-content: space-between; width: 90%; margin: 0 auto;}
.allSitemenu .top-box .logo{width: 40%;}
.allSitemenu .top-box .btn-x{display: block; width: 6.5vw; height: 6.5vw; background: url('/mobile/images/common/ico_x.svg') center/cover no-repeat;}
.nav-set{padding: 5vw 0 7vw; flex-shrink: 0;}
.nav-set ul{display: flex; justify-content: center; width: 85%; margin: 0 auto; gap: 2vw;}
.nav-set ul li{flex-grow: 1; flex-basis: 0; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,.1); border-radius: 2.2vw;}
.nav-set ul li a{display: block; padding: 5vw 0; font-size: 4vw; font-weight: 500; color: #333;}
.nav-set ul li .ico{display: block; width: 9vw; margin: 0 auto 2vw;}

.allSitemenu > ul > li {width:199px; float:left;}
.allSitemenu > ul > li > span{display:block; padding:15px 0; text-align:center;background-color: #fff;}
.allSitemenu > ul > li > span > a{font-size:0.938em; font-weight:bold; color:#444; letter-spacing:-1px;}


/* cssmenu */
#cssmenu {display: flex; flex-grow: 1; overflow: hidden; width:100%; border-top: 1.2vw solid #EAEAEA; box-sizing: border-box;}
#cssmenu .dep1{width:33%; height: 100%; padding-bottom: 12vw; overflow-y: auto; border-right: 1px solid #EAEAEA; flex-shrink: 0; box-sizing: border-box;}
#cssmenu .dep1 li{position: relative; color:#333; font-size: 4vw; padding-left: 4vw;}
#cssmenu .dep1 li a{display:block; color:#333; padding:4vw 0; font-weight:600;}
#cssmenu .dep1 li.active1 a{color:var(--yellow-1);}
#cssmenu .dep1 li.active1::after{display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.5vw; height: 4vw; background-color: var(--yellow-1); content: '';}
#cssmenu .dep1 li.btm{margin-top: 4vw;}
#cssmenu .dep1 li.btm .subtit{font-size: 3.4vw; margin-bottom: 0.5vw;}
#cssmenu .dep1 li.btm a{padding: unset;}
#cssmenu .dep1 li.btm strong{display:block; font-size: 3.7vw; color: var(--yellow-1); font-weight: 700;}
#cssmenu .dep2{flex-grow: 1; position: relative; height: 100%; background-color:#fff; overflow-y:auto;}
#cssmenu .dep2 .gnb-contents{display: none; position: absolute; top: 0; left: 0; width: 100%; padding: 0 3vw 12vw 4vw; box-sizing: border-box;}
#cssmenu .dep2 li{font-size: 4vw; margin: 2vw 0;}
#cssmenu .dep2 li a{display:block; color:#333; padding: 1vw 0; word-break: keep-all;}
#cssmenu .dep2 li:not(.ttl) > a{position: relative; color: #707070; padding-left: 3vw;}
#cssmenu .dep2 li:not(.ttl) > a::before{content: ''; position: absolute; top: 3vw; left: 1vw; width: 0.6vw; height: 0.6vw; background-color: #707070; border-radius: 50%;}
#cssmenu .dep2 li.ttl{padding-top: 1.5vw;}
#cssmenu .dep2 li.ttl a{font-weight:700;}
#cssmenu .dep2 li.ttl:not(:first-child){margin-top: 3vw;}


/* footer */
#footer {background-color: #F9F9F9; border-top: 1px solid #EAEAEA; padding-bottom: 20vw;}
#footer .inner{width: 90%; margin: 0 auto;}
#footer .links{padding: 3vw 0; border-bottom: 1px solid #EAEAEA;}
#footer .links .group{display: flex; align-items: center; justify-content: center; margin: 2.5vw 0;}
#footer .links .group a{display: flex; align-items: center; font-size: 3.4vw;}
#footer .links .group a:not(:first-child)::before{display: block; width: 1px; height: 2.5vw; background-color: #C1C1C1; margin: 0 2.5vw; content: '';}
#footer .links .group1 a{color: #707070;}
#footer .links .group2 a{color: #999;}
#footer .info{padding: 6vw 0; color: #707070;}
#footer .info h3{font-size: 3.4vw; font-weight: 700; margin-bottom: 1.5vw;}
#footer .info p{font-size: 3.4vw; line-height: 1.5em;}
#footer .info p .gap{margin-right: 5vw;}


/* 하단고정 */
.fix-btn-scrTop{
  display: none; position: fixed; right: 5vw; bottom: 24vw; width: 10vw; height: 10vw; background-color: #fff; z-index: 99;
  box-shadow: 0 16px 20px rgba(0, 0, 0, .1); border: 1px solid #EAEAEA; border-radius: 50%;
}
.fix-btn-scrTop::before{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); background: url('/mobile/images/common/ico_arrow_bk.svg') center/60% no-repeat; content: '';}
.fix-btn-concult{
  display: flex; align-items: center; justify-content: center; position: fixed; left: 5%; bottom: 5vw; width: 90%; height: 15vw; 
  color: #333; font-size: 4.5vw; font-weight: 700; background-color: var(--yellow-1); border-radius: 10vw; box-shadow: 0 16px 20px rgba(0, 0, 0, .15); z-index: 99;
}
.fix-btn-concult::after{display: block; width: 6vw; height: 6vw; margin-left: 2vw; background: url('/mobile/images/common/ico_arrow_bk.svg') center/100% no-repeat; content: '';}

.fix-bg{display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; background-color: rgba(0,0,0,.7);}
.fix-concult-wrap{
  overflow-y: auto; position: fixed; z-index: 101; left: 0; bottom: 0; width: 100%; max-height: 100%; padding: 10vw 0; 
  background-color: #fff; border-radius: 8vw 8vw 0 0; box-sizing: border-box; transform: translateY(101%); visibility: hidden; transition: transform 0.4s ease, visibility 0.4s ease;
}
.fix-concult-wrap.active{transform: translateY(0); visibility: visible;}
.fix-concult-wrap .container{width: 83%; margin: 0 auto;}
.fix-concult-wrap .tit{color: #333; font-size: 5vw; font-weight: 700; margin-bottom: 4vw;}
.fix-concult-wrap .btn-x{position: absolute; top: 5vw; right: 6vw; width: 6vw; height: 6vw; background: url('/mobile/images/common/ico_x.svg') center/100% no-repeat;}

.fix-concult-wrap .input-cnt{
  display: block; width: 100%; height: 11.5vw; margin: 2.5vw 0; padding: 0 5vw; 
  color: #333; font-size: 4vw; background: none; border: 1px solid #EAEAEA; border-radius: 2vw;  box-sizing: border-box;
}
.fix-concult-wrap .input-cnt::placeholder{color: #999;}
.fix-concult-wrap .input-selct{background: url('/mobile/images/common/ico_chevron_down.svg') 95% center / 7vw no-repeat;}
.fix-concult-wrap .input-selct:invalid{color: #999;}
.fix-concult-wrap .input-selct option{color: #333;}
.fix-concult-wrap .agree-chk{display: flex; align-items: center; justify-content: space-between; margin: 1vw 0;}
.fix-concult-wrap .agree-chk .input-chk-area{display: flex; color: #5C5C5C; font-size: 3.5vw;}
.fix-concult-wrap .agree-chk .input-chk-area input[type="checkbox"]{
  width: 6vw; height: 6vw; margin-right: 1.5vw; cursor: pointer; flex-shrink: 0;
  background: url('/mobile/images/common/ico_check_onoff.svg') left center/auto 100% no-repeat; -webkit-appearance: none; appearance: none;
}
.fix-concult-wrap .agree-chk .input-chk-area input[type="checkbox"]:checked{background-position-x: 100%;}
.fix-concult-wrap .agree-chk .input-chk-area label{line-height: 1.5em; word-break: keep-all;}
.fix-concult-wrap .agree-chk .agree-chk-more{color: #999; font-size: 3.4vw; text-decoration: underline; flex-shrink: 0; margin-left: 3vw;}
.fix-concult-wrap .agree-chk .sub-txt{margin-left: 8vw; font-size: 2.8vw; word-break: keep-all;}
.fix-concult-wrap .btn-submit{width: 100%; height: 12vw; margin-top: 5vw; color: #fff; font-size: 4.5vw; font-weight: 600; text-align: center; background-color: #333; border-radius: 2vw;}

.fix-concult-modal{
  display: none; overflow-y: auto; position: fixed; left: 4vw; top: 45%; transform: translateY(-50%); width: 92%; max-height: 70vh; padding: 5vw; 
  background-color: #fff; border: 1px solid #eaeaea; box-shadow: 0 5px 20px rgba(0, 0, 0, .2); box-sizing: border-box; z-index: 102;
}
.fix-concult-modal .btn-x{display: block; position: absolute; top: 3vw; right: 3vw; width: 6vw; height: 6vw; background: url('/mobile/images/common/ico_x.svg') center/100% no-repeat; z-index: 1;}
.fix-concult-modal .agreementWrap{font-size: 3.2vw; line-height: 1.3em;}
.fix-concult-modal .agreementWrap .tit{font-size: 4vw; margin-bottom: 2vw;}
.fix-concult-modal .agreementWrap table{margin: 2vw 0; border: 1px solid #EAEAEA; font-size: 3vw;}
.fix-concult-modal .agreementWrap table th{padding: 1vw; background-color: #F2F2F2;}
.fix-concult-modal .agreementWrap table th,
.fix-concult-modal .agreementWrap table td{padding: 1vw; border: 1px solid #EAEAEA;}


/* 상담센터 폼 */
#Consult{background-color:#f7f7f7; padding: 6%;}
.ttl > h3{color: #000; font-size: 5vw; letter-spacing:-0.5vw; font-weight: bold; text-align: center;}
.consult-div{display: table; width: 100%; margin-bottom: 4vw; padding: 3vw 0;}
.consult-div span{vertical-align: top; display:table-cell; width: 25%; font-size: 3.5vw; font-weight: bold; color: #333333; padding: 3vw; text-align: right;}
.consult-div ul{vertical-align: top; display:table-cell}
.consult-div ul li{border-bottom: 1px solid #e8e8e8; padding: 3vw 0 3vw 3vw;  }
.consult-div ul li:last-child{border-bottom:none;}
.consult-div label{vertical-align:middle; vertical-align: top; font-size: 3.5vw; padding-left: 1vw; line-height: 5vw; }
.consult-div input[type='checkbox'] {background:#fff url('/mobile/images/support/icon_checkbox.png')no-repeat center center; background-size: 100%; border:solid 1px #333333; height:5vw; width:5vw; -webkit-appearance:none; -webkit-border-radius:10vw; padding:0; border:0 \0/IE8+9; margin-top:0; margin-top:1vw \0/IE8+9; margin-right: 2vw;}
.consult-div input[type='checkbox']:checked {background:#6d6464 url('/mobile/images/support/icon_checkbox-after.png')no-repeat center center; background-size: 100%; border:solid 1px #6d6464; border:0 \0/IE8+9;}
.consult-div ul li em{background:url('/mobile/images/support/icon_hot.png')no-repeat center center; width: 4.5vw; height: 4.5vw; background-size: cover; display: inline-block; margin-left: 2vw; line-height: 5vw;}

input[type='date']{font-size: 3.5vw; padding-left: 1vw; border:none; background:none;}
input[type='date']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

select {
	width: 100%;
	border: none;
	font-family: inherit;
	background: url('/mobile/images/support/select_arrow.png') no-repeat right center;
	background-size:  3.5vw;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 3.5vw;
}

	select::-ms-expand {
	display: none;
}
.picktime {
	width: 42%;
	background: url('/mobile/images/support/select_arrow.png') no-repeat right center;
	background-size:  3.5vw;
	float: right;
}
.pickcontact {
	width: 25%;
	background: url('/mobile/images/support/select_arrow.png') no-repeat right center;
	background-size:  3.5vw;
}



/* 빠른상담신청 */
#quickConsult{background-color:#f7f7f7; padding: 10vw 6%;}
.ttl > h3{color: #000; font-size: 5vw; letter-spacing:-0.5vw; font-weight: bold; text-align: center;}

.btn_quick_consult{border: 1px solid #2b2b2b; display: block; width: 100%;}
.btn_quick_consult > a{font-size:5.5vw; display: block; padding: 2vw 0;}
.quick_consult_table input[type='text']{border:none; background:none; font-size: 3.5vw;}
.quick_consult_table input[type='tel']{border:none; background:none; font-size: 3.5vw; width: 25%; text-align: center;}
/* .quick_consult_table input[type='checkbox']{background:#fff; border: 1px solid #000; height: 7vw; width:7vw;}
.quick_consult_table input[type='checkbox']:checked {background:#fff; border: 1px solid #000; border:0 \0/IE8+9;} */
.quick_consult_table input[type='checkbox'] {background:#fff; border:solid 1px #000; height:6vw; width:6vw; -webkit-appearance:none;  padding:0; border:0 \0/IE8+9; margin-top:0; margin-top:2px \0/IE8+9; border-radius:0}
.quick_consult_table input[type='checkbox']:checked {background:#fff; border:solid 1px #000; border:0 \0/IE8+9; border-radius:0}
.quick_consult_table input[type='checkbox']:checked:after {content:""; display:block; width: 100%; height: 100%; background:#e16726; position:relative;  background:url('/mobile/images/common/quick_consult_check.png') no-repeat center center; display: block; background-size: 100%;} 
.quick_consult_table .agreebox{overflow: hidden; position: relative; height: 0vw; background:#fff; padding: 3vw; font-size: 2.5vw; line-height: 170%}
.agreementWrap{position:relative;}
.agreebox h4{font-weight: bold; padding-bottom: 2vw; font-size: 2.5vw;}
.agreebox strong{display: block; padding-bottom: 1vw; padding-top: 2vw;}

.quick_consult_table .div-arrow{position:absolute; width: 6vw; height: 5vw; right: 2vw; top: 0vw;}
.quick_consult_table .div-arrowup{background:url('/mobile/images/support/down_arrow.png') no-repeat center center; display: block; background-size: 100%;}
.quick_consult_table .div-arrowdown{background:url('/mobile/images/support/up_arrow.png') no-repeat center center; display: block; background-size: 100%;}
.highdiv{height:150vw !important}