.insideWrap {position:relative;height:85px;width:980px;margin:0 auto;}
#header {position:relative;height:85px;width:100%;  background:url(/images/skin4/bg_main.png) center top repeat-x; z-index:2;}

.logo {font-size:28px; color:#fff; top:34px; float:left;position:absolute;left:0;}
.logo a:hover {color:#f36269;}
.gnb > div.menu, .gnb > div.top .m_logo, #m_slider{display:none;}
.gnb > div.top > a{ position:absolute;}
.gnb > div.top > a.menu{ top:0; left:0; display:none;}
.gnb > div.menu > ul > li > ul{ background:#30303c; border-bottom:1px solid #3b3b43; padding:20px 0; display:none;}


#header #nav {position:absolute;z-index:110;left:190px;top:40px;height:40px;}
#header #nav ul li {float:left; background:url(/images/skin4/bg_menu.png) center top repeat-x; }
#header #nav ul li:first-child {background:url() center top repeat-x; }
#header #nav ul li a {display:inline-block;}
#header .GnbMenu {position:absolute;z-index:120;left:0;top:85px;width:100%;height:0px;overflow:hidden;background: url("/images/skin4/bg_top.png") repeat-x left bottom;}
#header .GnbMenu .insideWrap {height:800px;overflow:hidden;}
#header .GnbMenu .GnbWrap {}
#header .GnbMenu .GnbWrap .menu {position:relative;height:800px;}
#header .GnbMenu .GnbWrap .menu .depth1 {position:absolute;left:50px;bottom:5px;}
#header .GnbMenu .GnbWrap .menu .depth2 {position:absolute;z-index:125;padding-top:0px;left:190px;top:0;width:980px;height:800px;overflow:hidden;} 
#header .GnbMenu .GnbWrap .menu .depth2 ul {float:left;left:40px;}

a.menu1{color:#fff;font-size:20px; width:140px; height:40px; text-align:center; }
a:hover.menu1{color:#f36269; cursor:pointer; }
a.smenu{color:#fff;width:140px; height:15px; text-align:center;}
a:hover.smenu{color:#f36269;}

#header .GnbMenu .GnbWrap .menu .depth2 ul li {height:22px;overflow:hidden;}
#header .GnbMenu .GnbWrap .menu .depth2 ul li:hover ,
#header .GnbMenu .GnbWrap .menu .depth2 ul li.on {background:none;}
#header .GnbMenu .GnbWrap .menu .depth2 ul li p {}
#header .GnbMenu .GnbWrap .menu .depth2 ul li p a {display:block;}
#header .GnbMenu .GnbWrap .menu .depth2 ol {display:none;}
#header .GnbMenu .GnbWrap .depth3 {position:absolute;z-index:120;left:227px;top:0;height:116px;width:160px;padding-right:1px;} 
#header .GnbMenu .GnbWrap .depth3 .container {position:relative;width:100%;height:116px;overflow:hidden;}
#header .GnbMenu .GnbWrap .depth3 ol {position:absolute;left:-160px;top:0;width:160px;}
#header .GnbMenu .GnbWrap .depth3 li {height:30px;overflow:hidden;}
#header .GnbMenu .GnbWrap .depth3 li:hover ,
#header .GnbMenu .GnbWrap .depth3 li.on {background:#e6e6e6;}
#header .GnbMenu .GnbWrap .depth3 li p {}
#header .GnbMenu .GnbWrap .depth3 li p a {display:block;padding:9px 0 9px 30px;}




@media (max-width:1023px){
#header, #header #nav, #header .global_nav, #header .logo, #container{display:none;}
#m_slider{display:block;}
.header{position:relative;top:0; height:66px; width:100%;z-index:99999999999999;}
.insideWrap{width:100%;}
.gnb > div.top{background:url(/images/skin4/bg_main.png) center top repeat-x; }
.gnb > div.top .m_logo{display:block; text-align:center; font-size:28px; color:#fff; padding:15px 0 0 0;}
.gnb > div.top .m_logo a:hover{color:#f36269;}
.gnb > div.top > a.menu{ display:block;}
.gnb > div.top{ height:66px; }
.gnb > div.menu{ position:absolute; top:0; left:0; width:270px; font-size:18px; display:none; z-index:9000; }
.gnb > div.menu > ul{ width:200px; float:right; background:#171717; line-height:25px;}
.gnb > div.menu > ul > li > span > a{font-weight:500; height:65px; line-height:65px; padding-left:30px;color:#d2d2d6; width:170px; display:block; border-bottom:1px solid #272727; font-size:16px;}
.gnb > div.menu > ul > li > span > a:hover{ color:#fff; text-decoration:none;}
.gnb > div.menu > ul > li > ul{ background:#252525; border-bottom:1px solid #212121; padding:10px 0; display:none;}
.gnb > div.menu > ul > li > ul > li > a{padding-left:30px; color:#c8c8c8; font-size:14px;}
.gnb > div.menu > ul > li > ul > li > a:hover{color:#d7d7d7; text-decoration:none;}
.gnb > div.menu > a{float:right !important; }

.gnb .member {padding:10px 0px; overflow:hidden;}
.gnb .member a{color:#a1a1b2; font-size:11px; width:48%; display:block; float:left; }
.gnb .member a:hover{color:#d7d7d7; text-decoration:none;}

}

@media (max-width:640px){
.gnb > div.top .m_logo{font-size:22px; padding:15px 0 0 0;}
}