/*Content CSS*/
#header_wrap { width:100%; height:100px; background-color:transparent; z-index:57; background: #fff;}
#header #logo { margin-left:25px; padding:0}
#header #logo a { display:block;  line-height:90px}
#header #logo img {}
#header {position:relative; left:0;top:0px; max-width: 1700px; width:100%; left: 50%; transform:translateX(-50%) ;z-index:6; height:100px;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease;}
#header .header-inner {width:100%; height:100% }
#header .header-inner .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:29px; left:50%;width:25px;height:20px; background-image:url('../img/cate_more.gif'); margin-left:200px; border:0; display:none}
#header .header-inner .menu.on {background-image: url('../img/cate_close.gif')}
.scrolled #header_wrap  { background-color:#000; border-bottom:none; -webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; }

#top_nav .gnb { list-style:none; height:100%; position:absolute; right: 0; top:0px;}
#top_nav .gnb > li { float:left; position:relative; display:inline-block; width:150px;  vertical-align:middle; text-align:center;}
#top_nav .gnb > li {height:100px;line-height:100px; -webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#top_nav .gnb > li > a {display:inline-block; line-height:100px; height: 100px;  width:100%; color:#161616; font-size:18px; font-weight:600; text-decoration:none; font-family: 'NanumSquare', sans-serif !important; }
#top_nav .gnb > li > a:hover {color: #fff; background:#019b92;}
#top_nav .gnb > li.active {background-color: #019b92}
#top_nav .gnb > li.active > a {color: #fff}

/*child_menu*/
#top_nav .gnb .snb {list-style:none; display:none; }
#top_nav .gnb .snb,.device-md #top_nav .gnb .snb{display: none;position: absolute; width: 150px; top:100px; border-top: 0; z-index:2;
     /* background:url('../img/menu_tri.png') no-repeat 50%  0; */
      padding-top: 10px; margin-top: -10px;}
/* .navi_tri {position: absolute; left: 50%; top: -55px; margin-left: -10px; width: 21px; height: 15px;} */
#top_nav .gnb .snb li { font-size:14px; line-height:3.1; text-align:center; border-top:1px solid rgba(255,255,255,0.2);background-color: #019b92;
width:150px; padding:5px 0;}
#top_nav .gnb .snb li a { color:#fff; display:block; font-size: 300;  opacity: .75; transition: all 0.2s ease;}
#top_nav .gnb .snb li a:hover {color:#fff;  display:block; background-color:#019b92; text-decoration:none; line-height:3.1; opacity: 1;}
#top_nav .gnb .snb li:first-child { border-top:0}

.header_call {position: absolute; top: 0; right: 0; height: 100px; line-height: 100px; font-family: 'GmarketSansMedium',sans-serif; font-size: 24px; color:#333;}
.header_call img {margin-right: 15px;}
@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {
    #header { display:block; background-color:transparent; top:0;  position:fixed}
    #header #logo { width:120px; display:block}
    .scrolled #header_wrap { background-color:#000}
    #top_nav .gnb { display:none}
    #header_wrap {top:0px;}
}

@media screen and (max-width: 640px) {
    #header_wrap {top:0px;}
}