@charset "utf-8";
@import url('layout.css');

/*header*/
#header {background-color:#fff; padding:0 1rem}

/*모바일 메뉴 버튼*/
#header .AllMn {display:block; position:absolute; top:1rem; right:-1rem}
#header .Allmn-close {display:block; color:#fff !important; position:absolute; right:0; top:0.75rem; z-index:10}
#header .AllMn a, #header .Allmn-close {color:#4b1564; display:block; font-size:31px; width:3rem; height:3rem; line-height:3rem; text-align:center}
#header.active .AllMn a {color:#333}

.gnb .member {display:block; position:absolute; top:1.5rem; right:125px; z-index:100}
.gnb .member a {border:1px solid #fff; border-radius:100px; color:#fff; font-size:16px; margin-right:5px; padding:3px 10px}

/*gnb menu*/
#gnb {background:rgba(0,0,0,0.5); clear:both; width:100%; height:100%; display:none; overflow:hidden; padding:0; position:fixed; top:0; right:0; z-index:10}
#gnb > ul {background:#5F1A85; float:right; padding-top:83px; padding-right:0; padding-left:0; width:300px; height:100%; z-index:1}
#gnb > ul > li {border-bottom:1px solid rgba(255,255,255,.3); display:block; width:100%}
#gnb > ul > li:first-child {border-top:1px solid rgba(255,255,255,.3)}
#gnb > ul > li.mnlast {background:none}
#gnb > ul > li > a {color:#fff; display:block; font-size:20px; height:3rem; line-height:3rem; padding-left:20px; text-align:left}
#gnb div.submenu {background:#fff; position:relative; padding:15px 0; z-index:1}
#gnb div.submenu ul li a {color:#666; font-size:16px; padding:0 20px; text-align:left; line-height:32px}
#header .gnb_bg {display:none !important}
#container {position:relative}