@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:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1450px;	position:relative;	margin-left:auto;	margin-right:auto;}
.w-inner {	width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;}


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

/* header */
#header{position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 999; transition: .4s;}
#header.on{background-color: #fff;}
#header #logo{position: absolute; left: 70px; top: 50%; transform: translateY(-50%);}
#header #logo img{}
#header .pcGnb{height: 100%;}
#header .pcGnb ul{display: flex; justify-content: center; gap:0 60px; align-items: center; height: 100%; font-family: 'EliceDigitalBaeum';}
#header .pcGnb ul li{}
#header .pcGnb ul li a{font-size: 2rem; color: #fff; font-weight:600;}
#header.on .pcGnb ul li a{color: #000;}
#header .rTel{position: absolute; right: 70px; top: 50%; transform: translateY(-50%); z-index: 10; }
#header.on .rTel a{border: 1px solid #feba09;}
#header .rTel.on a{border: 1px solid #feba09;}
#header .rTel.onn a{border: 1px solid #feba09;}
#header .rTel a{color: #feba09;  padding: 10px 20px; background: #fff; border-radius: 100px; display: inline-block;border: 1px solid #fff;}
.rTel span{font-size: 1.8rem; font-family: 'EliceDigitalBaeum';font-weight: normal; margin-right:10px;}
.rTel p{font-size: 2rem;font-family: "Jost"; font-weight: 600;}

#header .menuToggle{display: none;}
.moGnb{display: none;}
.moBG{display: none;}
.moGnb .rTel{display: none;}

@media all and (max-width:1680px){
    #header .pcGnb ul{gap:0 50px;}
}
@media all and (max-width:1600px){
    #header .pcGnb ul{gap:0 40px;}
	#header #logo{left: 2%;}
    #header .rTel{right: 2%;}
    #header .rTel a{padding: 7px 15px;}
    #header .pcGnb ul li a{font-size: 1.8rem;}
}
@media all and (max-width:1400px){
	#header .pcGnb{display: none;}
	#header.onn{background-color: #fff;}
	#header .rBtn{right: 245px;}
    #header .rTel{right: 75px;}
	#header .menuToggle{display: block; position: absolute; right: 2%; top: 50%; transform: translateY(-50%);}
	#header .menuToggle span{color: #fff; font-size: 30px; cursor: pointer;}
	#header.on .menuToggle span{color: #000;}
	#header .menuToggle span.onn{color: #000;}
	.moGnb{display: block; position: fixed; top:100px; right: -100%; z-index: 9; width: 30%; min-width: 300px; height: 100%; background-color: #f8f8f8; transition: .4s;}
	.moGnb.onn{right: 0;}
	.moGnb ul{box-shadow: 0px 8px 12px rgba(0,0,0,0.04);}
	.moGnb ul > li{}
	.moGnb ul > li:not(:last-child){border-bottom: 1px solid #eee;}
	.moGnb ul > li > a{font-size: 1.7rem; font-weight: 600; display: block; padding: 15px 10px; font-weight: 700; font-family: 'EliceDigitalBaeum-Bd'; color: #000;}
	.moGnb ul > li > a:hover{color: #4c8037;}
	.moBG{display: block; position: fixed; z-index: -2; background-color: rgba(0,0,0,0.4); top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: .4s;}
}
@media all and (max-width:976px){
	#header{height: 65px;}
	#header #logo img{max-width: 180px;}
	.moGnb{top: 65px;}
	.moGnb.onn{top: 65px;}
    .moGnb .rTel{display: block; text-align: center; margin-top: 15px;}
    .moGnb .rTel a{color: #feba09;}
    #header .rTel a{padding: 5px 20px;}
}
@media all and (max-width:640px){
    #header #logo img{max-width: 160px;}
	#header .rBtn{display: none;}
    #header .rTel{display: none;}
    .moGnb .rWrap{display: flex; justify-content: center; align-items: center;}
    .rTel span{font-size: 14px;}
    .rTel p{font-size: 20px;}
    .moBG.onn{z-index: 8; opacity: 1; visibility: visible;}
	
}

/* footer */
#footer {	width:100%;	clear:both;	position:relative;	margin:0 auto;	background:#fff; padding: 60px 0 25px; }
#footer ul{display: flex; gap: 5px 20px; color: #000; font-size: 1.5rem; flex-wrap: wrap; font-family: 's-core'; width: 930px; padding-bottom: 25px; }
#footer ul span{margin-right: 5px; font-weight: bold;}
#footer p{text-align: right; font-size: 1.3rem; color: #000; opacity: 0.5;border-top: 1px solid #eee; padding-top: 25px; font-family: 's-core';}


@media screen and (max-width:1280px){
    #footer ul{font-size: 1.4rem;}
}
@media screen and (max-width:980px){
    #footer ul{gap: 5px 15px;width: 100%;}
    #footer p{font-size: 1.2rem;}
}
@media screen and (max-width:680px){
    #footer {padding: 40px 0 25px; }
    #footer ul{justify-content: center;}
    #footer p{text-align: center;}
}



.layer{position:fixed; display:none; left:0;top:180px; z-index:9999; 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:90%; 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.2);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:21px; font-weight:500;  font-family: 'GongGothic'; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}