.gnb{position:relative;z-index:99;}
#header {position:fixed; top:0; width:100%;height:98px;z-index:999; background:url("../img/design/bg_top.png") repeat-x center bottom;}
.insideWrap {position:relative; max-width:1200px;margin:0 auto;}
.logo {top:33px; float:left;position:absolute;left:0;}
.gnb > div.mz_menu, .gnb > div.top .m_logo{display:none; height:0; overflow:hidden;}
.gnb > div.top > a{ position:absolute;}
.gnb > div.top > a.menu{ top:0; left:0; display:none;}
div#menu {position:absolute; top:30px; right:0; font-weight:300;}
div#menu ul {list-style:none; float:left;}
div#menu li { position:relative; z-index:100; display:block; float:left;} 
div#menu li div {list-style: none; float:left; position:absolute; top:45px; left:-20px; z-index:11; visibility:hidden; }
div#menu li:hover>div {visibility:visible;}
div#menu li.menu_line{width:1px; padding:0 25px;}
div#menu a {position:relative; z-index:10; height:50px; display:block; float:left; line-height:50px; text-decoration:none;}
div#menu span {font-size:19px; color:#000; display:block; cursor:pointer;letter-spacing:-0.5px;}
div#menu ul ul {z-index:12; padding:0;}
div#menu ul ul li {width:100%; background:url(../img/design/nav_line.png) center bottom no-repeat; padding:6px 0; z-index:9; }
div#menu ul ul li:last-child{background-position:center top;}
div#menu ul ul a {width:147px; padding:7px 14px; height:auto; float:none; display:block; background:none; z-index:-1; }
div#menu ul ul a span {font-size:15px; color:#e0e0e0; padding:0 10px; line-height:16px; word-break:keep-all; background:none; transition:color 0.15s ease-in;}
div#menu ul ul a:hover span {background:url(../img/design/bg_on.png) no-repeat 50% 50%; color:#fff; }
div#menu ul ul li.nav_top{background:url(../img/design/nav_arrow.png) 20% top no-repeat; padding:0; height:5px;}

@media (max-width:1220px){
#header, #header #nav, #header .global_nav{display:none;}
.header{position:relative;top:0; height:66px; width:100%;z-index:99999999999999;}
.insideWrap{width:100%;}
.gnb > div.top .m_logo{position:relative; display:block; height:auto; text-align:center; padding:10px 0 0 0;}
.gnb > div.top > a.menu{ display:block;}
.gnb > div.top{height:66px; background:#fff; box-shadow:0 2px rgba(0, 0, 0, .04);}
.gnb > div.mz_menu{ position:fixed; top:0; left:0; width:270px; height:100%; overflow-y:auto; display:none; z-index:9000;text-align:left;}
.gnb > div.mz_menu > a{float:right !important;}
.gnb > div.mz_menu > ul{ width:270px; float:right; background:#fff; height:100%; overflow-y:auto;}
.gnb > div.mz_menu > ul > li > ul > li {padding:8px 0;}
.gnb > div.mz_menu > ul > li > span > a{height:65px; line-height:65px; padding-left:30px;color:#333; width:240px; display:block; border-bottom:1px solid #eee; font-size:16px;font-weight:700;}
.gnb > div.mz_menu > ul > li > span > a:hover{ color:#000; text-decoration:none;}
.gnb > div.mz_menu > ul > li > ul{ background:#f7f7f7; border-bottom:1px solid #eee;padding:10px 0; display:none;}
.gnb > div.mz_menu > ul > li > ul > li > a{padding-left:30px; color:#333; font-size:14px;font-weight:300;}
.gnb > div.mz_menu > ul > li > ul > li > a:hover{color:#333; text-decoration:none;}
.gnb > div.mz_menu > a{float:left;}
.gnb .member {background:#f7f7f7; padding:10px 0 10px 30px; overflow:hidden; border-bottom:1px solid #eee; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial;}
.gnb .member a{color:#333; font-size:13px;border:1px solid #e1e1e1; display:block; float:left; padding:5px; margin-right:5px;}
.gnb .member a:hover{text-decoration:none;}
.gnb .member p{font-size:12px; color:#aaa; font-weight:200; clear:both; margin-bottom:10px;}
.gnb .sns{margin:20px 0 20px 20px;}
.gnb .sns a{padding:0 10px; float:left;}
.bg_mask {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;display:none;z-index:999;}
div::-webkit-scrollbar {width: 0px; height: 0px; }
}