/*Content CSS*/
#header_wrap {position: absolute; top:0; width:100%; height:100px; background-color:transparent; z-index:57; background: #fff;}
#header #logo { margin-left:25px; padding:0}
#header #logo a { display:block; height:100px; line-height:96px}
#header #logo img { width:100%}
#header {position:absolute;left:0;top:0px; max-width: 1400px; 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:#fff; 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:0px; top:0px; display:flex; flex-direction: row; }
#top_nav .gnb > li { position:relative; height: 100px; text-align:center; min-width:156px; padding-left:50px;}
#top_nav .gnb > li > a {display: block; height :100px; line-height: 100px; width:100%; color:#3e3e3e; font-size:20px; letter-spacing:-0.5px; font-weight:400; text-decoration:none;  border-bottom: 3px solid transparent;  transition: all 0.3s ease; display:block; }
#top_nav .gnb > li > a::after {position: absolute; top: 97px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height: 3px; background-color: #cc0111; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
#top_nav .gnb > li > a:hover, #top_nav .gnb > li.active > a {color: #cc0111}
#top_nav .gnb > li > a:hover::after, #top_nav .gnb > li.active > a::after  {width:150px; margin-left:25px;}

/* #top_nav .gnb > li.active {background-color: #b0905e}
#top_nav .gnb > li.active > a {color: #009f9f} */
#top_nav .gnb .snb {list-style:none; display:none;}
#top_nav .gnb .snb,.device-md #top_nav .gnb .snb{display: none;position: absolute;right: -82px;width: 200px; top:100px; border-top: 0;background-color: #009f9f; z-index:2}
#top_nav .gnb .snb li { font-size:14px; line-height:3.1; text-align:left; border-top:1px solid rgba(255,255,255,0.2);}
#top_nav .gnb .snb li a { color:#FFF; display:block; padding-left:20px}
#top_nav .gnb .snb li a:hover {color:#fff;  display:block; background-color:#333; text-decoration:none; line-height:3.1}
#top_nav .gnb .snb li:first-child { border-top:0}

.top_slide_menu_wrap{width: 100%; background: transparent;  min-height: 250px; display: block; position: absolute; top: 100px; left: 0; display: none; z-index: 101; border-top: 1px solid #f2f2f2;}
.hidden_menu_bg{width: 100%; background: #fcfcfc; min-height: 250px; display: block; position: absolute; top: 100px; left: 0; display: none; z-index: 5;
box-shadow: 0 10px 10px 4px rgba(0,0,0,0.05); border-top: 1px solid #f2f2f2;}

.top_slide_menu {width: 1280px; margin: 0 auto; display: flex; flex-direction: row;  min-height: 250px;}
.t_s_m_child {display: none;}
.t_s_m_child li {width: 100%; }
.t_s_m_child li:first-child a{padding-top:25px;}
.t_s_m_child li a {font-size: 15px; font-weight: 400; color:#7a7a7a; padding-left: 3px; padding: 7px 0; width: 100%; display: inline-block; transition: color 0.2s ease;}
.t_s_m_child li a:hover {color:#cc0111;}

@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;}
}