/* header */
.m_header {position:fixed;left:0;top:0;z-index:120;width:100%;height:50px; display: none;}
.hm_eader .logo {height:50px;text-align:center;}

.m_header .logo a {display:inline-block;width:140px;height:27px;margin:12px 0 0 15px;background:url(/images/prom/newsletter/vol80/m_logo.png) no-repeat 0 0;background-size:contain;font-size:0;}
.btn_prev {
	position: absolute;right:40px;top:20px;z-index:0;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(-135deg);
	font-size:0;
}
.btn_next {
	position: absolute;right:15px;top:20px;z-index:0;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
	font-size:0;
}

.header .issue {position:relative;width:100%;height:20px;background:#000;padding:5px 15px;text-align:left;box-sizing:border-box;}
.header .issue:after {content:'';display:block;clear:both;}
.header .issue span {display:inline-block;font-size:10px;color:#fff;line-height:0.9em;vertical-align:top;}
.header .issue .txt {font-weight:600;}
.header .issue .no {float:right;}
.header_wrap {position:fixed;top:0;left:0;width:100%;height:50px;background:#023894;text-align:left;}
.gnb {
	overflow:hidden;
	position:fixed;left:0;top:0;
	width:100%;height:100%;
	transform:scale(0.8);
	transition:all 0.2s 0s ease-in;
	opacity:0;
}
.gnb.active {transform:scale(1);opacity:1;z-index:110;}
.gnb > ul {overflow-y:auto;overflow-x:hidden;position:absolute;top:50px;bottom:0;left:0;right:0;z-index:0;width:100%;height:auto;background:#fff;box-sizing:border-box;}
.gnb.active ul {-webkit-overflow-scrolling:touch;}
.gnb > ul > li {position:relative;}
.gnb > ul > li:nth-child(odd) {background:#f2f2f2;}
.gnb > ul > li:nth-child(even) {background:#eaeaea;}
.gnb .toggleBtn {position:absolute; right:12px; top:18px; width:7px; height:7px;  font-size:0; transform: rotate(-45deg); border-right:2px solid #767676; border-top:2px solid #767676; transition:all 0.3s ease-in-out;}
.gnb .toggleBtn.up {border-right:2px solid #1b1b1b; border-top:2px solid #1b1b1b; transform:rotate(135deg); top:15px; display:block !important; transition:all 0.3s ease-in-out;}
.gnb > ul > li > a {    display:block;padding:9px 15px; font-size:16px;color:#1b1b1b;font-weight:500; font-family:'NotoSansKR'; letter-spacing: -0.5px;}
.gnb > ul > li > span {display:block;margin:3px 0 0 0;font-size:11px;color:#6b2974;font-weight:500;line-height:1.4em;}

.gnb .dep2 {background:#fff; display:none;}
.gnb .dep2 li a {display: block;  padding:9px 0; margin:0 15px; border-bottom:1px solid #d6d6d6; color:#5d5d5d;}
.gnb .dep2 li:last-child a {border-bottom:0;}
.gnb > ul > li > ul {background:#5b637c; display:none}
.gnb > ul > li > ul > li{border-bottom:1px solid #989ca9;padding-left:30px;}
.gnb > ul > li > ul a{color:#fff;line-height:40px; display:block;}
.btn_gnb {display:inline-block;position:fixed;right:15px;top:17px;z-index:120;width: 20px;height:18px;cursor: pointer; display: none;}
.btn_gnb span {
	display: block;
	width: 14px;
	height: 2px;
	background: #fff;
	border-radius:2px;
	margin:8px 0 0 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size:0;
}
.btn_gnb:before {
	content:'';
	display: block;
	position:absolute;left:0;top:0;z-index:0;
	width: 100%;
	height: 2px;
	background: #fff;
	border-radius:2px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn_gnb:after {
	content:'';
	display: block;
	position:absolute;left:0;bottom:0;z-index:0;
	width: 100%;
	height: 2px;
	background: #fff;
	border-radius:2px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn_gnb.active span {opacity: 0;}
.btn_gnb.active:before {top:-4px;transform: translateY(12px) rotate(45deg);}
.btn_gnb.active:after {bottom:-4px;transform: translateY(-12px) rotate(-45deg);}

.btn_top {
	display:none;
	position:fixed;right:15px;bottom:20px;z-index:100;
	width: 50px;height:50px;
	background:url(/images/prom/newsletter/vol80/btn_top.png) no-repeat 0 0;
	background-size:contain;
	font-size:0;
}

@media (max-width:800px) {
    .m_header {display: block;}
    .btn_gnb{ display: block;}
}