@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; transition: .4s; position: relative; left: 0;}
body.on{overflow-y: hidden; left: -320px;}
#wrap {	position:relative; width:100%; min-width:320px; font-size:1rem;}
#wrap.on{}
.mo_bg.on{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.4); z-index: 3;}
.w-inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}
.inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1280px;	position:relative;	margin-left:auto;	margin-right:auto;}


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


/* header */
#header{position: fixed; top: 0; right: 0; width: 100%; height: 100px; z-index: 102; border-bottom: 1px solid rgba(0,0,0,0.1); transition: .4s;}
#header.on{background-color: #fff;}
#header.onss{background-color: #fff;}
#header #logo{position: absolute; left: 60px; top: 50%; transform: translateY(-50%); z-index: 2;}
#header #logo a{}
#header #logo a img{max-height: 60px;}
#header .pcGnb{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; display: flex; justify-content: center;}
#header .pcGnb > ul{display: flex; align-items: center; gap:0 50px;}
#header .pcGnb > ul > li{position: relative;}
#header .pcGnb > ul > li > div{}
#header .pcGnb > ul > li > div > a{font-size: 18px; font-weight: 500; color: #000000; display: block; line-height: 100px;}
#header .pcGnb > ul > li:hover > div > a{color: #cb181d;}
#header .pcGnb > ul > li > ul{position: absolute; display: none; width: 200px; background-color: #fafafa;left: -30px;padding: 20px 30px;}
#header .pcGnb > ul > li > ul > li{}
#header .pcGnb > ul > li > ul > li > a{font-size: 17px; font-weight: 500; color: #333333; display: block; line-height: 40px;}
#header .pcGnb > ul > li > ul > li:hover > a{color: #cb181d;}
#header .menuToggle{cursor: pointer; position: absolute; right: 60px; top: 50%; transform: translateY(-50%); z-index: 2;}
#header .menuToggle img{max-width: 24px;}
/*
#header .shop{display: flex; flex-direction: column; align-items: center; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); right: 120px; cursor: pointer;}
#header .shop .icon{}
#header .shop .icon img{max-width: 30px;}
#header .shop p{color: #000; margin-top: 5px; font-size: 12px;}
*/

@media all and (max-width:1280px){
	#header #logo{left: 3%;}
	#header .menuToggle{right: 3%;}
	#header .pcGnb > ul{gap:50px;}
}
@media all and (max-width:1024px){
	#header{height: 70px;}
	#header #logo a img{max-height: 44px;}
	#header .pcGnb{display: none;}
	#header .menuToggle img{max-width: 22px;}
}

.mo_bg{}
.moGnb{position: fixed; top: 0; right: -320px; width: 320px; height: 100vh; padding-top: 100px; z-index: -1; background: #cb181d; padding-top: 140px; opacity: 1; transition: .4s;}
.moGnb.on{z-index: 99; right: 0;}
.moGnb .lang{display: none;}
.moGnb .lang li{}
.moGnb .lang li.on{}
.moGnb .lang li a{}
.moGnb .lang li.on a{}
.moGnb .gnb{display: grid; grid-template-columns: repeat(3, 1fr);}
.moGnb .gnb > li{text-align: center; height: calc(50vh - 70px); padding: 40px; border-bottom: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1); position: relative;}
.moGnb .gnb > li.active > div::after{content: '↓'; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; color: #fff; font-size: 16px; font-family: 'SUIT', sans-serif;}
.moGnb .gnb > li > div{margin-bottom: 20px; position: relative;}
.moGnb .gnb > li > div > a{color:#fff; font-size: 24px; font-weight: 700;}
.moGnb .gnb > li.active > div > a{pointer-events: none;}
.moGnb .gnb > li:hover > div > a{color: #fff;}
.moGnb .gnb > li > ul{display: block;}
.moGnb .gnb > li > ul > li{}
.moGnb .gnb > li > ul > li > a{color:#ddd; font-size: 17px; transition: .4s; font-weight: 300;}
.moGnb .gnb > li > ul > li:hover > a{color: #cb181d;}
.moGnb .gnb > li > ul > li + li{margin-top: 15px;}
.moGnb{overflow-y: scroll; padding-top: 100px;}
.moGnb .gnb{grid-template-columns: repeat(1, 1fr);}
.moGnb .gnb > li{height: auto; padding: 0px; text-align: left; cursor: pointer;}
.moGnb .gnb > li + li{border-top: 1px solid rgba(255,255,255,0.1);}
.moGnb .gnb > li > div{margin-bottom: 0;}
.moGnb .gnb > li > div > a{color: #fff; font-size: 20px; width: 100%; display: block; padding: 20px;}
.moGnb .gnb > li > ul{}
.moGnb .gnb > li > ul > li{}
.moGnb .gnb > li > ul > li + li{margin-top: 0;}
.moGnb .gnb > li > ul > li > a{color: #fff; display: block; width: 100%;padding: 10px 30px;}
.moGnb .gnb > li > ul{display: none;}

.moGnb .lang{display: flex; align-items: center; gap:20px; justify-content: flex-end; padding: 0 20px; margin-top: 40px;}
.moGnb .lang li{}
.moGnb .lang li.on{}
.moGnb .lang li a{font-family: "Montserrat", sans-serif; font-size: 16px; color: #000; font-weight: 700; opacity: 0.5; padding-bottom: 4px;}
.moGnb .lang li.on a{opacity: 1; color: #128e39; border-bottom: 1px solid #128e39;}
@media all and (max-width:768px){
	.moGnb{padding-top: 70px;}
/*	.moGnb .gnb > li > div{padding: 15px;}*/
	.moGnb .gnb > li > div > a{font-size: 18px;}
	.moGnb .gnb > li > ul > li > a{padding: 10px 20px; font-size: 16px;}
}


/* inquiry_banner */
.inquiry_banner{}
.inquiry_banner .banner{height: 540px; width: 100%; background: url(/images/common/inquiry_bg.webp) no-repeat center center / cover;}
.inquiry_banner .banner .txt{text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column;}
.inquiry_banner .banner .txt h3{font-size: 44px; font-weight: 500; color: #fff;}
.inquiry_banner .banner .txt a{display: inline-block; background-color: #fff; font-size: 16px; font-weight: 600; color: #000; line-height: 50px; padding: 0 30px; border-radius: 30px; margin-top: 50px;}
.inquiry_banner .banner .txt a span{display: inline-block; margin-left: 20px;}
.inquiry_banner .form{background-color: #fff; margin-top: -120px; padding: 100px 60px;}
.inquiry_banner .form form{}
.inquiry_banner .form form .tit{font-size: 32px; color: #000; font-weight: 700; margin-bottom: 50px; text-align: center;}
.inquiry_banner .form form .form_box{}
.inquiry_banner .form form .form_box + .form_box{margin-top: 60px; padding-top: 60px; border-top: 1px dashed #eee;}
.inquiry_banner .form form .form_box.box1{}
.inquiry_banner .form form .form_box.box2{}
.inquiry_banner .form form .form_box.box3{}
.inquiry_banner .form form .form_box .tit2{font-size: 22px; color: #000; font-weight: 700; margin-bottom: 30px;}
.inquiry_banner .form form .form_box .cont_box{display: flex; gap:30px;}
.inquiry_banner .form form .form_box .cont_box.hidden{visibility: hidden; height: 0;}
.inquiry_banner .form form .form_box .cont_box.visible{visibility: visible; height: auto; margin-top: 40px; background-color: #fafafa; padding: 30px;}
.inquiry_banner .form form .form_box .cont_box + .cont_box{margin-top: 30px;}
.inquiry_banner .form form .form_box .cont_box .cont{width: 100%;}
.inquiry_banner .form form .form_box .cont h4{font-size: 18px; color: #000; font-weight: 500; margin-bottom: 20px; position: relative;}
.inquiry_banner .form form .form_box .cont h4.required{}
.inquiry_banner .form form .form_box .cont h4.required::after{content: '*'; color: #cb181d; margin-left: 4px;}
.inquiry_banner .form form .form_box .cont_box .cont input[type=text]{border: 1px solid #ddd; width: 100%; font-size: 16px; padding: 15px 10px; font-family: 'Pretendard', sans-serif;}
.inquiry_banner .form form .form_box .cont_box2 .cont{}
.inquiry_banner .form form .form_box .cont_box2 .cont + .cont{margin-top: 30px;}
.inquiry_banner .form form .form_box .cont_box2 .cont .list{display: grid; gap:10px;}
.inquiry_banner .form form .form_box .cont_box2 .cont .list.w3{grid-template-columns: repeat(3, 1fr);}
.inquiry_banner .form form .form_box .cont_box2 .cont .list.w4{grid-template-columns: repeat(4, 1fr);}
.inquiry_banner .form form .form_box .cont_box2 .cont .list.w5{grid-template-columns: repeat(5, 1fr);}
.inquiry_banner .form form .form_box .cont_box2 .cont .list.w6{grid-template-columns: repeat(6, 1fr);}
.inquiry_banner .form form .form_box .cont_box2 .cont .list li{border: 1px solid #ddd; padding: 30px 20px; position: relative;border-radius: 3px; cursor: pointer; transition: .4s;}
.inquiry_banner .form form .form_box .cont_box2 .cont .list li.on{border:1px solid #cb181d;}
.inquiry_banner .form form .form_box .cont_box2 .cont .list li input[type=checkbox]{position: absolute; top: 15px; left: 15px;}
.inquiry_banner .form form .form_box .cont_box2 .cont .list li .info{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.inquiry_banner .form form .form_box .cont_box2 .cont .list li .info .img{margin-bottom: 15px; filter: grayscale(1); transition: .4s;}
.inquiry_banner .form form .form_box .cont_box2 .cont .list li.on .info .img{filter: grayscale(0);}
.inquiry_banner .form form .form_box .cont_box2 .cont .list li .info .img img{max-width: 48px;}
.inquiry_banner .form form .form_box .cont_box2 .cont .list li .info p{font-size: 16px; color: #222; transition: .4s; text-align: center; word-break: keep-all;}
.inquiry_banner .form form .form_box .cont_box2 .cont .list li.on .info p{color: #cb181d;}
.inquiry_banner .form form .form_box .cont .radio_box{display: flex; gap:20px;}
.inquiry_banner .form form .form_box .cont .radio_box .radio{display: flex; align-items: center; gap:5px;}
.inquiry_banner .form form .form_box .cont .radio_box .radio input{}
.inquiry_banner .form form .form_box .cont .radio_box .radio label{font-size: 16px;}
.inquiry_banner .form form .form_box .txt{margin-top: -20px; font-size: 16px; color: #444; margin-bottom: 20px; word-break: keep-all; line-height: 1.6em;}
.inquiry_banner .form form .form_box textarea{resize: none; border: 1px solid #ddd; width: 100%; font-size: 16px; font-family: 'Pretendard', sans-serif; padding: 20px; color: #444; outline: none;}
.inquiry_banner .form form .btn_box{text-align: center; margin-top: 40px;}
.inquiry_banner .form form .btn_box button{background-color: #cb181d; color: #fff; font-size: 17px; line-height: 64px; font-family: 'Pretendard', sans-serif; padding: 0 34px; font-weight: 700; transition: .4s;}
.inquiry_banner .form form .btn_box button:hover{background-color: #a82427;}

@media all and (max-width:1280px){
	.inquiry_banner .banner{height: 480px;}
	.inquiry_banner .banner .txt h3{font-size: 40px;}
	.inquiry_banner .banner .txt a{line-height: 48px; padding: 0 28px; margin-top: 45px;}
	.inquiry_banner .form{margin-top: -100px; padding: 80px 50px;}
	.inquiry_banner .form form .form_box .cont_box{gap:20px;}
	.inquiry_banner .form form .form_box + .form_box{margin-top: 50px; padding-top: 50px;}
	.inquiry_banner .form form .tit{font-size: 28px; margin-bottom: 40px;}
	.inquiry_banner .form form .form_box .tit2{font-size: 21px; margin-bottom: 25px;}
	.inquiry_banner .form form .form_box .cont h4{font-size: 17px; margin-bottom: 15px;}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list li{padding: 25px 15px;}
	.inquiry_banner .form form .form_box textarea{padding: 15px;}
	.inquiry_banner .form form .btn_box{margin-top: 35px;}
	.inquiry_banner .form form .btn_box button{line-height: 58px; font-size: 16px;}
}
@media all and (max-width:1024px){
	.inquiry_banner .banner{height: 420px;}
	.inquiry_banner .banner .txt h3{font-size: 36px;}
	.inquiry_banner .banner .txt a{line-height: 46px; padding: 0 26px; margin-top: 42px;}
	.inquiry_banner .form{margin-top: -80px; padding: 70px 40px;}
	.inquiry_banner .form form .form_box + .form_box{margin-top: 45px; padding-top: 45px;}
	.inquiry_banner .form form .tit{font-size: 26px; margin-bottom: 35px;}
	.inquiry_banner .form form .form_box .tit2{font-size: 20px; margin-bottom: 22px;}
}
@media all and (max-width:768px){
	.inquiry_banner .banner{height: 360px;}
	.inquiry_banner .banner .txt h3{font-size: 32px;}
	.inquiry_banner .banner .txt a{line-height: 42px; padding: 0 24px; margin-top: 38px; font-size: 15px;}
	.inquiry_banner .banner .txt a span{margin-left: 15px;}
	.inquiry_banner .form{margin-top: -60px; padding: 60px 30px;}
	.inquiry_banner .form form .form_box .cont_box{flex-direction: column;}
	.inquiry_banner .form form .form_box .cont_box + .cont_box{margin-top: 20px;}
	.inquiry_banner .form form .form_box + .form_box{margin-top: 40px; padding-top: 40px;}
	.inquiry_banner .form form .tit{font-size: 25px; margin-bottom: 30px;}
	.inquiry_banner .form form .form_box .tit2{font-size: 19px;}
	.inquiry_banner .form form .form_box .cont h4{font-size: 16px; margin-bottom: 10px;}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list li .info .img img{max-width: 44px;}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list.w5{grid-template-columns: repeat(3, 1fr);}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list.w6{grid-template-columns: repeat(3, 1fr);}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list li{padding: 20px 12px;}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list li .info p{font-size: 15px;}
	.inquiry_banner .form form .form_box .txt{margin-top: -12px;}
	.inquiry_banner .form form .form_box textarea{padding: 10px; font-size: 15px;}
	.inquiry_banner .form form .form_box .cont_box.visible{gap:30px;}
	.inquiry_banner .form form .btn_box{margin-top: 30px;}
	.inquiry_banner .form form .btn_box button{line-height: 52px; font-size: 15px;}
}
@media all and (max-width:500px){
	.inquiry_banner .banner{height: 300px;}
	.inquiry_banner .banner .txt h3{font-size: 27px;}
	.inquiry_banner .form{margin-top: -40px; padding: 50px 20px;}
	.inquiry_banner .form form .form_box + .form_box{margin-top: 35px; padding-top: 35px;}
	.inquiry_banner .form form .tit{font-size: 24px;}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list li .info .img img{max-width: 40px;}
	.inquiry_banner .form form .form_box .tit2{font-size: 18px;}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list.w5{grid-template-columns: repeat(2, 1fr);}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list.w6{grid-template-columns: repeat(2, 1fr);}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list.w4{grid-template-columns: repeat(2, 1fr);}
	.inquiry_banner .form form .form_box .cont_box2 .cont .list li{padding: 16px 10px;}
}



/* footer */
#footer{background-color: #fff; border-top: 1px solid #eee;}
#footer .top{padding: 60px 0;}
#footer .top .inner{display: flex; justify-content: space-between;}
#footer .top .inner .l_cont{}
#footer .top .inner .l_cont .f_logo{margin-bottom: 60px;}
#footer .top .inner .l_cont .f_logo img{max-width: 100px;}
#footer .top .inner .l_cont .info{}
#footer .top .inner .l_cont .info h3{font-size: 18px; color: #000; margin-bottom: 15px;}
#footer .top .inner .l_cont .info .list{}
#footer .top .inner .l_cont .info .list span{display: inline-block; font-size: 16px; font-weight: 500; color: #222222; margin-right: 20px;}
#footer .top .inner .l_cont .info .list span + span{ line-height: 1.8em;}
#footer .top .inner .r_cont{display: flex; gap:100px;}
#footer .top .inner .r_cont .list{}
#footer .top .inner .r_cont .list h3{font-size: 18px; color: #000; margin-bottom: 15px;}
#footer .top .inner .r_cont .list li{}
#footer .top .inner .r_cont .list li a{display: inline-block; font-size: 16px; font-weight: 500; color: #222222;}
#footer .top .inner .r_cont .list li + li{margin-top: 12px;}
#footer .bottom{padding: 20px 0; border-top: 1px solid #eee;}
#footer .bottom .inner{}
#footer .bottom .inner .copy{font-size: 16px; color: #666;}

@media all and (max-width:1280px){
	#footer .top{padding: 50px 0;}
	#footer .top .inner .l_cont .f_logo{margin-bottom: 50px;}
	#footer .top .inner .l_cont .f_logo img{max-width: 90px;}
	#footer .top .inner .l_cont .info h3{font-size: 17px; margin-bottom: 13px;}
}
@media all and (max-width:1024px){
	#footer .top{padding: 45px 0;}
	#footer .top .inner .l_cont .f_logo{margin-bottom: 45px;}
	#footer .top .inner .l_cont .info .list span{font-size: 15px;}
	#footer .top .inner .l_cont .info .list span + span{margin-left: 16px;}
	#footer .top .inner .r_cont{gap:50px;}
	#footer .top .inner .r_cont .list h3{font-size: 17px; margin-bottom: 13px;}
	#footer .top .inner .r_cont .list li a{font-size: 15px;}
	#footer .bottom{padding: 16px 0;}
	#footer .bottom .inner .copy{font-size: 15px;}
}
@media all and (max-width:768px){
	#footer .top{padding: 40px 0;}
	#footer .top .inner .l_cont .f_logo{margin-bottom: 40px;}
	#footer .top .inner{flex-direction: column;}
	#footer .top .inner .l_cont .info .list br{display: none;}
	#footer .top .inner .l_cont .info .list span{margin-right: 15px;}
	#footer .top .inner .l_cont .info .list span + span{margin-left: 0;}
	#footer .top .inner .l_cont .f_logo img{max-width: 72px;}
	#footer .top .inner .r_cont{margin-top: 50px;}
}
@media all and (max-width:500px){
	#footer .top{padding: 35px 0;}
	#footer .top .inner .l_cont .f_logo{margin-bottom: 35px;}
	#footer .top .inner .l_cont .info .list span{font-size: 14px;}
	#footer .bottom .inner .copy{font-size: 14px;}
	#footer .top .inner .r_cont{margin-top: 30px;}
	#footer .top .inner .r_cont .list li a{font-size: 14px;}
	#footer .top .inner .r_cont .list h3{font-size: 16px; margin-bottom: 10px;}
	#footer .top .inner .l_cont .info h3{font-size: 16px; margin-bottom: 10px;}
}


/* quick */
.quick{position: fixed; right: 30px; bottom: 50px; z-index: 3; display: flex; flex-direction: column; align-items: center; gap:10px}
.quick .inquiry_btn{width: 100px; height: 100px; border-radius: 100%; background-color: #cb181d; display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer;}
.quick .inquiry_btn h4{font-size: 13px; font-weight: 500; color: #fff; opacity: 0.5;}
.quick .inquiry_btn h4 span{letter-spacing: 0.02em;}
.quick .inquiry_btn h3{font-size: 16px; font-weight: 500; color: #fff;}
.quick .go_top{width: 60px; height: 60px; background-color: #000000; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 700; color: #fff; cursor: pointer}

@media all and (max-width:1280px){
	.quick{right: 2%; bottom: 2%;}
	.quick .inquiry_btn{width: 88px; height: 88px;}
}
@media all and (max-width:768px){
	.quick{right: 2%; bottom: 2%;}
	.quick .inquiry_btn{width: 80px; height: 80px;}
	.quick .inquiry_btn h4{font-size: 12px;}
	.quick .inquiry_btn h3{font-size: 15px;}
	.quick .go_top{width: 52px; height: 52px;}
}


.slo{width: 90%;max-width: 467px; margin: 0 auto 30px; }
.slo img{width: 100%;}

@media all and (max-width:768px){
    .slo{margin-bottom: 20px;}
    .slo{max-width: 330px;}
}