.gnb{position:relative;z-index:99;}
#header {position:fixed; top:0; width:100%;height:118px;z-index:999; }
.stk_mz{position:fixed; top:0; width:100%; height:60px; background:#eee; box-shadow:0 1px 6px rgba(0, 0, 0, .2);}
.insideWrap {position:relative; max-width:1200px;margin:0 auto;}
.logo {position:absolute;left:60px; top:17px;z-index:99;}
.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:20px;font-weight:300; width:100%; text-align:center; display:block;}
div#menu li {position:relative; z-index:100; margin:0 3%; box-sizing:border-box; display:inline-block;} 
div#menu li div {position:absolute; top:65px; left:-20px;min-width:180px; box-sizing:border-box; z-index:11; visibility:hidden; list-style: none; text-align:left;}
div#menu li:hover>div {visibility:visible;}
div#menu a {position:relative; z-index:10; height:80px; display:block;line-height:80px; text-decoration:none;} 
div#menu span {font-size:20px; color:#000; display:block; cursor:pointer;letter-spacing:-0.5px;}
div#menu ul ul {z-index:12; padding:0; }
div#menu ul ul li {display:block; z-index:9; background:url(../img/design/nav_line.png) center bottom no-repeat;}
div#menu ul ul li:last-child{background-position:center top;}
div#menu ul ul a {height:auto; padding:8px 10px; float:none; display:block; background:none; z-index:-1; color:red; }
div#menu ul ul a span {font-size:15px; color:#e0e0e0; padding:6px 12px; line-height:16px; word-break:keep-all; 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:#bbe4d6;}
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, .stk_mz{display:none;}
.header{position:absolute;top:0; height:60px; 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 .m_logo img{height:32px;}
.gnb > div.top > a.menu{ display:block;}
.gnb > div.top{height:60px;}
.gnb > div.mz_menu{ position:fixed; top:0; right:0; width:calc(100% - 50px); height:100%; overflow-y:auto; display:none; z-index:99999;text-align:left; background:#fff!important; }
.gnb > div.mz_menu > a{float:left!important;}
.gnb > div.mz_menu > ul{width:100%; float:left; height:100%; overflow-y:auto;}
.gnb > div.mz_menu > ul > li > ul > li {padding:10px 0;}
.gnb > div.mz_menu > ul > li > span > a{padding:20px 60px;color:#333; box-sizing:border-box; display:block; font-size:20px;font-weight:700;}
.gnb > div.mz_menu > ul > li > span > a:hover{color:#000; text-decoration:none;}
.gnb > div.mz_menu > ul > li > ul{padding:0px 60px 10px 80px; display:none;}
.gnb > div.mz_menu > ul > li > ul > li > a{color:#333; font-size:16px;font-weight:400;}
.gnb > div.mz_menu > ul > li > ul > li > a:hover{color:#333; text-decoration:none;}
.gnb > div.mz_menu > a{float:left;}
.gnb .br{width:90%; height:1px; margin:20px 5% 0; border-bottom:1px solid #d9d9d9;}
.gnb .member {padding:40px 0;}
.gnb .member ol{text-align:center;}
.gnb .member ol a{color:#333; font-size:16px; float:none;}
.gnb .member ol a:hover{text-decoration:none;}
.gnb .member ol i{padding:0 15px; color:#e5e5e5;}
.gnb .sns{text-align:center;}
.gnb .sns a{margin:0 10px;}
.bg_mask {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;display:none;z-index:999;}
div::-webkit-scrollbar {width: 0px; height: 0px; }
}