@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:1rem; }
.inner {	width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1640px;	position:relative;	margin-left:auto;	margin-right:auto;}


/* 타블렛 가로 */
@media all and (max-width:1599px) {	
.inner {width:94%;}
.s-inner {width:94%;}
}

#header{height: 100px; position: fixed; width: 100%; z-index: 99; left: 0; top: 0; border-bottom: 1px solid rgba(255,255,255,0.2);}
#header.on{background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1);}
#header.ons{background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1);}
#header.add{background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1);}
#header .inner{height: 100%;}
#header .inner #logo{position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
#header .inner #logo a{display: block; width: 171px; height: 47px; background: url(/images/common/logo_w.webp) no-repeat center center / contain;}
#header.on .inner #logo a{background: url(/images/common/logo.webp) no-repeat center center / contain;}
#header.ons .inner #logo a{background: url(/images/common/logo.webp) no-repeat center center / contain;}
#header.add .inner #logo a{background: url(/images/common/logo.webp) no-repeat center center / contain;}
#header .inner .pcGnb{display: flex; justify-content: flex-start; padding-left: 250px;}
#header .inner .pcGnb > ul{display: flex; justify-content: center; gap:0 86px;}
#header .inner .pcGnb > ul > li{position: relative;}
#header .inner .pcGnb > ul > li > div{}
#header .inner .pcGnb > ul > li > div > span{}
#header .inner .pcGnb > ul > li > div > span > a{font-size: 18px; color: #fff; display: block; line-height: 100px; font-weight: 700;}
#header.on .inner .pcGnb > ul > li > div > span > a{color: #000;}
#header.os .inner .pcGnb > ul > li > div > span > a{color: #000;}
#header.add .inner .pcGnb > ul > li > div > span > a{color: #000;}
#header .inner .pcGnb > ul > li > ul{position: absolute; left: 50%; transform: translateX(-50%); background-color: #234295; width: 160px; text-align: center; text-align: center; display: block; display: none;}
#header .inner .pcGnb > ul > li > ul > li{}
#header .inner .pcGnb > ul > li > ul > li:hover{background-color: #1a357c;}
#header .inner .pcGnb > ul > li > ul > li > a{color: #fff; font-size: 18px; font-weight: 700; line-height: 50px; display: block; width: 100%; height: 100%;}
#header .inner .r_cont{position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; gap:0 40px; align-items: center;}
#header .inner .r_cont .inquiry{background-color: #1d61ff; font-size: 15px; color: #ffffff; font-weight: 700; display: flex; align-items: center; padding: 10px 20px; border-radius: 20px; gap:0 3px;}
#header .inner .r_cont .inquiry span{font-weight: 300; font-size: 22px;}
#header .inner .r_cont .lang{display: flex; gap:0 15px;}
#header .inner .r_cont .lang li{}
#header .inner .r_cont .lang li.on{}
#header .inner .r_cont .lang li a{font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff; font-weight: 700; opacity: 0.5;}
#header.on .inner .r_cont .lang li a{color: #000;}
#header.ons .inner .r_cont .lang li a{color: #000;}
#header.add .inner .r_cont .lang li a{color: #000;}
#header .inner .r_cont .lang li.on a{opacity: 1;}
#header  .menuToggle{display: none; cursor: pointer;}
#header  .menuToggle::after{content:'\e5d2'; font-family: 'Material Symbols Outlined'; font-size: 24px; color: #fff;}
#header.on .menuToggle::after{color: #000;}
#header.ons .menuToggle::after{color: #000;}
#header.add .menuToggle::after{color: #000;}

#header .data{display: flex; align-items: center; gap:0 20px;}
#header .data li{display: flex; align-content: center; gap:0 8px}
#header .data li .icon{}
#header .data li .icon img{max-width: 100%; filter: invert(1);}
#header.on .data li .icon img{filter: invert(0);}
#header.ons .data li .icon img{filter: invert(0);}
#header.add .data li .icon img{filter: invert(0);}
#header .data li .txt{}
#header .data li .txt p{color:#fff; font-size: 14px;}
#header.on .data li .txt p{color:#333;}
#header.ons .data li .txt p{color:#333;}
#header.add .data li .txt p{color:#333;}
#header .data li .txt h3{color:#1cb7e3; font-size: 20px; line-height: 1.2em;}
#header.on .data li .txt h3{}
#header.add .data li .txt h3{}

.moGnb{display: none;}

@media all and (max-width:1600px){
	#header .inner .pcGnb > ul{gap:0 50px;}
}
@media all and (max-width:1400px){
	#header .inner .pcGnb{display: none;}
	#header .inner .r_cont{gap:0 20px;}
	#header  .menuToggle{display: block;}
	#header .inner .r_cont .inquiry{font-size: 14px; padding: 8px 16px; border-radius: 18px;}
	#header .inner .r_cont .inquiry span{font-size: 20px;}
	#header .inner .r_cont .lang{gap:0 12px;}
	#header .inner .r_cont .lang li a{font-size: 15px;}
	
	.moGnb{position: fixed; top: -100%; width: 100%; height: calc(100% - 66px); z-index: 98; display: block; background-color: #314e9c; transition: .4s;}
	.moGnb.on{top: 66px;}
	.moGnb > ul{}
	.moGnb > ul > li{border-bottom: 1px solid rgba(255,255,255,0.3);}
	.moGnb > ul > li > div{}
	.moGnb > ul > li > div > span{ cursor: pointer;}
	.moGnb > ul > li > div > span > a{color: #fff; font-size: 18px; display: block; padding: 15px 3%; font-weight: 700; pointer-events: none;}
	.moGnb > ul > li > ul{display: none; background-color: #24408b;}
	.moGnb > ul > li > ul > li{}
	.moGnb > ul > li > ul > li + li{border-top: 1px solid rgba(255,255,255,0.15);}
	.moGnb > ul > li > ul > li > a{color: #fff;display: block; padding: 12px 5%; font-size: 16px; font-weight: 500;}
}
@media all and (max-width:976px){
	#header{height: 66px;}
	#header .inner #logo a{width: 150px;}
	#header .data li .icon{display: none;}
	#header .data li .txt{text-align: center;}
	#header .data li .txt p{font-size: 13px;}
	#header .data li .txt h3{font-size: 18px;}
}
@media all and (max-width:640px){
	#header .inner #logo a{width: 142px;}
	#header .inner .r_cont .inquiry{display: none;}
	#header .inner .r_cont .lang{display: none;}
	#header .data li .txt p{font-size: 12px;}
	#header .data li .txt h3{font-size: 17px;}
	
	.moGnb .lang{display: flex; gap:0 15px; justify-content: flex-end; margin-top: 30px; padding-right: 3%;}
	.moGnb .lang li{ border-bottom: 0;}
	.moGnb .lang li.on{}
	.moGnb .lang li a{font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff; font-weight: 700; opacity: 0.5;}
	.moGnb .lang li.on a{opacity: 1;}
}


#footer{padding: 50px 0 160px; border-top: 1px solid #e5e5e5;}
#footer .inner{display: flex; justify-content: space-between;}
#footer .inner .l_cont{display: flex; gap:0 50px;}
#footer .inner .l_cont .f_logo{}
#footer .inner .l_cont .f_logo img{}
#footer .inner .l_cont .info{}
#footer .inner .l_cont .info span{font-size: 14px; display: inline-block; color: #666; margin-right: 18px; line-height: 1.6em;}
#footer .inner .l_cont .info span b{}
#footer .inner .l_cont .info span b a{font-weight: 600; color: #222; margin-left: 5px;}
#footer .inner .l_cont .info .copy{font-size: 14px; color: #aaaaaa; margin-top: 25px;}
#footer .inner .r_cont{text-align: right;}
#footer .inner .r_cont .list{display: flex; gap:0 18px;}
#footer .inner .r_cont .list li{}
#footer .inner .r_cont .list li a{font-size: 14px; font-weight: 600; color: #000000;}
#footer .inner .r_cont .call{margin-top: 25px;}
#footer .inner .r_cont .call p{font-size: 14px; color: #666666;}
#footer .inner .r_cont .call h3{margin-top: 3px;}
#footer .inner .r_cont .call h3 a{font-size: 24px; color: #234295;}

@media all and (max-width:1280px){
	#footer .inner .l_cont{width: calc(100% - 158px);}
	#footer .inner .r_cont{width: 158px;}
}
@media all and (max-width:976px){
	#footer{padding-bottom: 70px;}
	#footer .inner{flex-direction: column;}
	#footer .inner .l_cont{width: 100%; flex-direction: column; text-align: center; align-items: center;}
	#footer .inner .l_cont .f_logo{margin-bottom: 30px;}
	#footer .inner .r_cont{width: 100%; margin-top: 30px;}
	#footer .inner .r_cont .list{justify-content: center;}
	#footer .inner .r_cont .call{text-align: center;}
	#footer .inner .l_cont .info span{margin-right: 0; margin: 0 8px;}
}
@media all and (max-width:640px){
	#footer{padding: 40px 0 55px;}
}


.quick_menu{width: 80px; position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 999; border-radius: 10px; overflow: hidden; box-shadow: 2px 8px 12px rgba(0,0,0,0.1);}
.quick_menu .quick{}
.quick_menu .quick.q1{background-color: #1cb7e3;}
.quick_menu .quick.q1 a{display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 20px 0;}
.quick_menu .quick.q1 a .img{}
.quick_menu .quick.q1 a .img img{max-width: 100%;}
.quick_menu .quick.q1 a p{font-size: 14px; font-weight: 700; color: #fff; margin-top: 8px;}
.quick_menu .goTop{background-color: #ffffff;}
.quick_menu .goTop a{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 0; font-family: 'SUIT', sans-serif; font-size: 14px; font-weight: 700; color: #000;}
.quick_menu .goTop a .go{}
.quick_menu .goTop a p{}

@media all and (max-width:976px){
	.quick_menu{display: none;}
}


.bottom_quick{background-color: #234295; position: fixed; bottom: 0; width: 100%; padding: 23px 0; z-index: 999;}
.bottom_quick .form{}
.bottom_quick .inner{display: flex; gap:0 20px;}
.bottom_quick .inner input[type=text]{border-radius: 6px; border: 0px; height: 44px; padding: 0 30px; font-family: 'Pretendard', sans-serif; font-size: 16px; font-weight: 400;}
.bottom_quick .inner .input1{width: 10%;}
.bottom_quick .inner .input2{width: 12.75%;}
.bottom_quick .inner .input3{width: 14.875%;}
.bottom_quick .inner .input4{width: 26.33125%;}
.bottom_quick .inner .input5{width: 10%;}
.bottom_quick .inner .btn_submit{border-radius: 6px; border: 0px; height: 44px;background-color: #fff; width: 9.4375%; font-size: 18px; color: #234295; font-weight: 700; font-family: 'Pretendard', sans-serif; cursor: pointer;}
.bottom_quick .inner .checkbox{display: flex; align-items: flex-start; padding-top: 5px; gap:0 4px;}
.bottom_quick .inner .checkbox input{margin-top: 2px; display: block;}
.bottom_quick .inner .checkbox label{font-size: 14px; font-weight: 400; color: #fff; line-height: 1.3em;}
.bottom_quick .inner .checkbox label span{ cursor: pointer; font-weight: 600;}

/* 개인정보처리방침 */
.layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#111;  border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .contwrap{width:100%;  margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;}
.layer .layer_wrap .contwrap h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:2.2rem; font-weight:bold;}
.layer .layer_wrap .contwrap .cont_wrap .t2 {font-size:1.5rem;}
.layer .layer_wrap .contwrap .cont_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .contwrap .cont_wrap h4 {font-size:1.5rem; display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;}
.layer .layer_wrap .contwrap .cont_wrap p {font-size:1.4rem; margin-bottom:16px; padding:4px 12px; box-sizing:border-box; line-height:1.4em}


@media all and (max-width:1600px){
	.bottom_quick .inner input[type=text]{padding: 0 20px;}
	.bottom_quick .inner .input4{width: 28%;}
	.bottom_quick .inner .checkbox{width: 14%;}
	.bottom_quick .inner .checkbox label br{display: none;}
}
@media all and (max-width:1280px){
	.bottom_quick .inner{gap:0 14px;}
	.bottom_quick .inner .checkbox{width: 16%;}
}
@media all and (max-width:976px){
	.bottom_quick{display: none;}
}

.mo_quick{display: none;}

@media all and (max-width:976px){
	.mo_quick{display: block; position: fixed; bottom: 20px; right: 3%; z-index: 97;}
	.mo_quick li{width: 64px; height: 64px; border-radius: 100%; font-size: 15px; font-weight: 700;}
	.mo_quick li a{ color: #fff; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
	.mo_quick li + li{margin-top: 10px;}
	.mo_quick li.q1{background-color: #314e9c;}
	.mo_quick li.q2{background-color: #333;}
}