#wrap{padding-top:3.9vh;}

#header{position: fixed; top: 0;width: 100%; z-index: 100; background:rgba(10,10,10,0.7);    backdrop-filter: blur(5px);}
#header .inner{display:flex;padding:0.45rem 2% 0;justify-content: space-between; align-items: center;}
#header .inner #logo{width:160px;padding-bottom:2px;}
#header .inner #logo img{width:100%; transform:translate(0,-2px)}
#header .inner #gnb ul{display:flex; justify-content:center; align-content:center; align-items:center;  }
#header .inner #gnb ul li{width:100%;padding-bottom:2px;margin-left:24px; font-weight:600;border-bottom:2px solid transparent; transition:0.3s}
#header .inner #gnb ul li:hover{border-bottom:2px solid #9054ff; color: #9054ff;}

#footer{position: relative;padding:10% 0 8%;background:url(../image/common/bg-footer.jpg) no-repeat 50% 100% fixed; text-align: center;}
#footer .footer-text{font-size: 20px;margin-bottom: 36px; line-height:1.8;}
#footer .footer-logo{margin:24px 0;}
#footer .footer-logo img{width:450px;}
#footer ul{display:flex; gap:32px; justify-content:center; align-content:center; align-items:center;  text-align:left; margin-top:24px;}
#footer ul li{color: #aaa; font-size:18px;}
#footer ul li strong{display:block; font-size:0.7em; color: #fff;}
#footer cite{font-size:12px; letter-spacing:3px; font-style:normal}
#footer:after{content:' ';position: absolute; width:100%; top: 0; left: 0; height:25%;background:linear-gradient(180deg,rgba(10, 10, 10, 1) 5%, rgba(10, 10, 10, 0) 100%)}


section{position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align:center; overflow: hidden; z-index: 2;}
.inner{padding:0 1%;}
.mo_br{display: none;}

/* 레이어팝업 */
.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:none; 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:rgba(0,0,0,0.95); text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:1.6; color: #fff;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:22px;border-bottom:1px solid #222; font-size:24px; font-weight:bold;}
.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: #fff;border-radius:3px; padding:7px 10px; font-weight: bold; color: #333;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}




@media all and (max-width:1200px){
	.inner{padding:0 2%;}
	#footer{padding:15% 0 8%;}
}


@media all and (max-width:1024px){
	#wrap{padding-top:4.2vh;}
	#header .inner #logo{width:140px;padding-bottom:4px;}
	#header .inner #gnb ul li.gnb-home{display: none;}

	#footer{padding:30% 0 20% 6%;background:url(../image/common/bg-footer.jpg) no-repeat 50% 100% fixed; text-align: left;}
	#footer .footer-text{font-size: 15px;margin-bottom: 24px;}
	#footer .footer-logo img{width:300px;}
	#footer ul{display:flex; gap:16px;align-items: flex-start; flex-wrap:wrap; }
	#footer ul li{width: 100%;color: #aaa; font-size:16px;}
	#footer cite{letter-spacing:0;}
}


@media all and (max-width:768px){
	.inner{padding:0 3%;}
	.mo_br{display: block;}
}