.insideWrap {position:relative;height:100px;max-width:1200px;margin:0 auto;}
#header {position:fixed;height:100px;width:100%;z-index:999; background: url("../img/design/bg_top.png") repeat-x center top;}

.logo {top:17px; 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;}

#header #nav {position:absolute;z-index:110;left:30%;width:70%; top:40px; text-align:center; font-weight:300;}
#header #nav ul li {float:left; width:16.6%;}
#header #nav ul li a {display:inline-block; font-size:19px;}
#header .GnbMenu {position:absolute;z-index:120;left:0;top:100px;width:100%;height:0px;overflow:hidden;background: url("../img/design/bg_top.png") repeat-x left bottom;}
#header .GnbMenu .insideWrap {height:800px;overflow:hidden;}
#header .GnbMenu .GnbWrap .menu {position:relative;height:800px; font-size:15px; font-weight:300;}
#header .GnbMenu .GnbWrap .menu .depth2 {position:absolute;z-index:125;padding-top:0px;left:30%;top:0;width:70%;height:800px;overflow:hidden; text-align:center;} 
#header .GnbMenu .GnbWrap .menu .depth2 ul {float:left;width:16.6%;}
#header .GnbMenu .GnbWrap .menu .depth2 ul li {height:28px;overflow:hidden;}
#header #nav ul li a, #header .GnbMenu .GnbWrap .menu .depth2 ul li a{color:#333; transition:color 0.15s ease-in;}
#header #nav ul li a:hover, #header .GnbMenu .GnbWrap .menu .depth2 ul li a:hover{color:#99846b;}






@media (max-width:1220px){
#header, #header #nav, #header .global_nav, #header .logo, #container{display:none;}
#main, #wrap_main{background:none;}
#m_slider{display:block;}
.header{position:relative;top:0; height:66px; width:100%;}
.insideWrap{width:100%;}
.gnb > div.top .m_logo{position:relative; display:block; height:auto; text-align:center; padding:14px 0 0 0;}
.gnb > div.top .m_logo img{height:40px;}
.gnb > div.top > a.menu{ display:block;}
.gnb > div.top{height:66px; }
.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:#171717; 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:#f2f2f2; width:240px; display:block; border-bottom:1px solid #303030; font-size:16px; font-weight:500;}
.gnb > div.mz_menu > ul > li > span > a:hover{ color:#fff; text-decoration:none;}
.gnb > div.mz_menu > ul > li > ul{ background:#252525; padding:10px 0; display:none;}
.gnb > div.mz_menu > ul > li > ul > li > a{padding-left:30px; color:#f2f2f2; font-size:14px;}
.gnb > div.mz_menu > ul > li > ul > li > a:hover{color:#fff; text-decoration:none;}
.gnb > div.mz_menu > a{float:left;}
.gnb .member {background:#202020; padding:10px 30px; overflow:hidden; border-bottom:1px solid #202020;}
.gnb .member a{color:#ccc; font-size:14px; width:50%; display:block; float:left; padding:8px 0;}
.gnb .member a:hover{text-decoration:none;}
.gnb .sns{margin:20px 0 20px 20px;}
.gnb .sns a{padding:0 10px;}
.bg_mask {position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.7;display:none; z-index:999;}
div::-webkit-scrollbar {width: 0px; height: 0px; }
}