@charset "utf-8";

body{position:relative;}
body.scrollX{overflow:hidden;}

/* header .*/
#header_wrap{position:relative;}
#header_wrap.ov{position:fixed;top:0;left:0;width:100%;background:#fff;border-bottom:1px solid #e3e3e3;box-shadow: 5px 5px 15px rgb(0 0 0 / 3%);z-index: 99;}
.sub #header_wrap {border-bottom:1px solid #e3e3e3;position:relative;}
#header_wrap .header_inner{max-width:1500px;width:100%;margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
#header_wrap .bg_menu{opacity:0;visibility:hidden;position: absolute;top: 134px;left: 0;width: 100%;height: 0;border-bottom: 1px solid #dcdcdc;}
.logo{width: 13%;min-width: 150px;}
.logo > a {display:block;background-image:url('/common/img/common/logo.png');background-size:contain;background-position:50%;background-repeat:no-repeat;padding: 15%;box-sizing: border-box;min-width: 130px;}
/* gnb */
#gnb {/* width:75%; */width:60%}
#gnb > ol{display:flex;align-items: center;justify-content: center;width: 100%;}
#gnb > ol > li{width:15%;min-width: 120px;text-align:center;cursor: pointer;position:relative;}
#gnb > ol > li > a{display:block;font-weight:500;font-size:1.1rem;color:#000;transition:0.3s;padding: 30px 0;box-sizing: border-box;}
#header_wrap.ov #gnb > li > a{color:#000;}
#gnb > li:hover > a{text-decoration:underline;color:#C0A162 !important;}
.lnb{opacity:0;visibility:hidden;position:absolute;top:100%;left: 50%;transform: translateX(-50%);width: 150px;height:0;text-align: left;border-top:1px solid #DDD;box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);background:#FFF;box-sizing:border-box;}
.lnb.on{opacity:1;visibility:visible;height:auto;z-index:55;transition:height .3s ease-in-out, opacity .2s .1s ease-in-out;}
.lnb > li{box-sizing:border-box;border-bottom:1px solid #DDD;transition:0.3s;text-align:center}
.lnb > li > a{display:block;padding: 10px;box-sizing:border-box;font-size:0.95rem;}
.lnb > li:hover{background:#C0A162;}
.lnb > li:hover > a{color:#FFF;}
/* loginbox */
.loginbox{}
.loginbox > ol{display:flex;justify-content: flex-end;max-width:1500px;margin:0 auto;width:100%;}
.loginbox > ol > li {}
.loginbox > ol > li > a{display: block;color:#000;padding:10px 13px;box-sizing:border-box;font-size:15px;}
.loginbox > ol > li > a:hover{text-decoration:underline;transition:all .3s;}
/* 모바일 */
.btn_mobileMenu{display:none;color:#000;font-size:2rem;}
.btn_mobileMenu > i.xi-close{color:#000 !important;}
/* mo_menu_wrap */
.mo_menu_wrap{display:none;}
.mo_menu_wrap.on{display:block;background:#FFF;height: 100vh;}
.mo_menu{}
.mo_menu > ul > li{border-bottom:1px solid #DDD;}
.mo_menu > ul > li > a{display:flex;justify-content: space-between;align-items: center;padding:20px;box-sizing:border-box;font-size:1.2rem;}
.mo_menu > ul > li > a > i{font-size:1.2rem;}
.mo_menu > ul > li.on > a > i:before{content:'\e944';}
.mo_menu > ul > li > .lnb{position:initial;border-top: 0;box-shadow:none;display:none;opacity: 1;visibility: visible;height:auto;padding-left:0 !important;width:100%;transform:translateX(0);}
.mo_menu > ul > li > .lnb.slideUp{}
.mo_menu > ul > li > .lnb > li{border-bottom:1px solid #DDD;background: #C0A162;text-align:left;}
.mo_menu > ul > li > .lnb > li:last-child{border-bottom:0;}
.mo_menu > ul > li > .lnb > li > a{color: #FFF;font-size:1.15rem;padding:15px 20px;}
.mo_menu > .loginbox{display:flex;margin-top:20px;}
.mo_menu > .loginbox > ol > li {margin-right:10px;}
.mo_menu > .loginbox > ol > li > a{border:1px solid #DDD;padding:5px 10px;box-sizing:border-box;}
@media screen and (max-width:1024px){
	#header_wrap{}
	#header_wrap.ov{background:#fff;border:0;}
	#header_wrap.on{box-shadow:none;border-bottom: 1px solid #DDD;}
	#header_wrap .header_inner{padding:10px 13px;box-sizing:border-box;}
	#gnb{display:none;}
	.loginbox{display:none;}
	.btn_mobileMenu{display:block;}
}
@media screen and (max-width:480px){
	.logo,
	.logo > a{min-width: 160px;}
	.mo_menu_wrap.on{}
	.mo_menu > ul > li > a{padding:10px 15px}
	.mo_menu > ul > li > .lnb > li > a{padding:10px 20px;font-size:1rem;}
}

/* footer .*/
footer{background:#000;color:#d7d7d7;font-size:0.9rem;padding: 50px 0;box-sizing: border-box;}
footer > .inner{max-width:1500px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
footer img{width: 15%;min-width: 160px;}
footer a > img{width: 15%;min-width: 102px;}
footer ul {width:85%;margin-left:6%;text-align:left;}
footer ul > li{margin-bottom:10px;display:flex;font-size:0.9rem;}
footer ul > li.copy{color:#bbb;}
footer ul > li:last-child{margin-bottom:0;}
footer ul > li > div{margin-right: 10px;padding-right: 10px;box-sizing: border-box;position:relative;font-weight:200;}
footer ul > li > div:after{content:'';position:absolute;top:30%;right:0;width:1px;height:10px;background:#d7d7d7;}
footer ul > li > div:last-child{margin-right:0;padding-right:0;}
footer ul > li > div:last-child:after{display:none;}
@media screen and (max-width:1024px){
	footer > .inner{flex-direction:column;padding:0 13px;box-sizing:border-box;}
	footer ul{width:90%;margin-left:0;margin:20px 0;}
	footer ul > li{justify-content:center;flex-wrap:wrap;}
}
@media screen and (max-width:1024px){
	footer ul{width:100%;}
}
@media screen and (max-width:480px){
	footer{padding:30px 0;}
	footer ul > li{font-size:0.8rem;}
	footer ul > li > div{margin-right: 5px;padding-right: 5px;}
	footer ul > li > div:after{top:20%;}
}


/* clearfix */
.clearfix:after{content:'';display:block;clear:both;}

/* img_box > img */
.img_box > img{width:100%;height:100%;}

/* f_box */
.f_box{display:flex;}
@media screen and (max-width:640px){
	.f_box{display:block;}
}

/* 시안 선택 */
/* ul.tab {width:100%; border-bottom:1px solid #ddd; display:flex;}
ul.tab li {width:50%;font-size:17px; font-weight:400; line-height:43px; text-align:center; background-color:#fff; background-color:#f9f9f9; box-sizing:border-box; color:#666; border-right:1px solid #777;}
ul.tab li a {color:#666 !important; width:100%; display:inline-block; }
ul.tab li.on {background-color: #444;border: 1px solid #666;}
ul.tab li.on > a{color:#FFF !important;} */