@charset "utf-8";

html {min-width:360px}

/* head */
#header {width:100%; min-width:360px; height:6rem; position:fixed; top:0; z-index:100}
#header:before {content:''; position:absolute; top:0; width:100%; height:2rem; background-color:#4b1564}
#header:after {content:''; position:absolute; top:6rem; width:100%; height:1px; background-color:rgba(255,255,255,.2)}
.headerWrap {max-width:1280px; margin:0 auto; padding-top:2rem; position:relative}
.gnb_navi h1 {width:173px; height:37px; position:absolute; left:0; top:3rem; z-index:2}
.gnb_navi h1 a {background:url('/main/img/common/head-logo.png') no-repeat center top; background-size:100%; display:block; width:100%; height:100%}

/*사이트 링크*/
.util {position:absolute; top:0; left:0; width:100%; height:2rem; padding-top:4px}
.util a {color:rgba(255,255,255,.8); font-size:0.7rem; position:relative; margin-left:0.5rem}
.util a:after {content:''; background:#fff; width:4px; height:4px; border-radius:100%; position:absolute; top:7px; right:-9px}
.util a:last-child:after {display:none}
.util a.mail img {width:55px; display:inline-block; vertical-align:-1px}
.util .site {float:left}
.util .etc {float:right}

/*사이트맵 버튼*/
.sitemap-btn {width:60px; height:60px; position:absolute; right:-15px; top:2.15rem; z-index:2}
.sitemap-btn a {display:block; width:100%; height:100%; padding:18px 15px 16px; position:relative; overflow:hidden}
.sitemap-btn i.all-gnb {display:inline-block; background:#4b1564; width:28px; height:3px; vertical-align:9px; margin:0; position:relative; transition:all .3s}
.sitemap-btn i.all-gnb:before {content:''; background:#4b1564; width:100%; height:3px; position:absolute; top:8px; right:0}
.sitemap-btn i.all-gnb:after {content:''; background:#4b1564; width:100%; height:3px; position:absolute; top:16px; right:0}

/*모바일 메뉴 버튼*/
.AllMn, .Allmn-close {display:none}
.gnb .member {display:none}

/* 상단 메뉴 gnb */
.gnb {margin:0 auto; max-width:100%; padding:0 7% 0 20%}
.gnb > ul.topmenu {clear:both; display:table; max-width:1120px; width:100%; margin:0 auto; position:relative}
.gnb > ul > li {display:table-cell; position:relative; text-align:center}
.gnb > ul > li:last-child {margin-right:0}
.gnb > ul > li > a {color:#fff; display:block; font-size:1rem; font-weight:500; height:4rem; line-height:4rem; position:relative; padding:0 15px; transition:all .3s; z-index:1; overflow:hidden}

/*3depth*/
.gnb .submenu {display:none; position:absolute; left:0; z-index:2; width:100%; padding:20px 0}
.gnb .submenu ul li {display:block; margin:0 2%}
.gnb .submenu ul li a {color:#444; font-size:0.8rem; display:block; line-height:2em; letter-spacing:-1px; text-align:center}
.gnb .submenu ul li a:hover {color:#4b1564}
.gnb .submenu ul.lnb-detail {display:none}

@media all and (min-width:1000px) {
	/*효과*/
	.gnb > ul > li:hover > a, .gnb > ul > li > a.active, 
	#header:hover .gnb > ul > li:hover > a, #header:hover .gnb > ul > li > a.active, 
	#header.active .gnb > ul > li:hover > a, #header.active .gnb > ul > li > a.active {color:#4b1564}
	.gnb > ul > li > a:after {content:''; position:absolute; left:0; bottom:0; width:0; height:3px; background:#4b1564; transition:all .3s}
	.gnb > ul > li:hover > a:after, .gnb > ul > li > a.active:after {width:100%}
	
	.gnb_bg {background:rgba(255,255,255,1); border-top:1px solid #eee; box-shadow:0 3px 5px 0 rgba(0,0,0,.1);  position:absolute; width:100%; top:6rem; left:0; height:300px; display:none; z-index:1}
	
	/*hover*/
	#header:hover {background-color:#fff}
	#header:hover:after {background:#eee}
	#header:hover .gnb_navi h1 a {background-image:url('/main/img/common/head-logo-on.png')}
	#header:hover .gnb > ul > li > a , #header.active .gnb > ul > li > a {color:#333}
}

/*active일 때*/
#header.active {background-color:#fff; box-shadow:1px 0 10px 0 rgba(0,0,0,.2)}
#header.active:after {background:#eee}
#header.active .gnb_navi h1 a {background-image:url('/main/img/common/head-logo-on.png')}
#header.active .gnb > ul > li > a {color:#333}

/*foot*/
#footer {background-color:#05082d; padding:2.5rem 1rem}
#footer .footWrap {max-width:1280px; margin:0 auto; position:relative}
#footer .footWrap > div {color:rgba(255,255,255,.8); font-size:15px; text-align:center}

#issue .tt a { top:2.8rem !important; right:12rem !important;}

@media all and (max-width:1580px) {
	.gnb_navi h1 {left:1rem}
	.util {padding:4px 1rem 0}
	.sitemap-btn {right:5px}
	.gnb > ul > li > a {font-size:0.9rem}
}

@media screen and (max-width:1280px){
	#issue .tt a {top:3.3rem !important; right:3.5rem !important;}
}