/*Content CSS*/
#header_wrap { width:1280px; height:80px; background-color:#fff; z-index:57; position: relative; top:0;left:0; border-bottom:0px solid rgba(255,255,255,.4); margin:0 auto;}
#header #logo { padding:0; line-height: 80px;}
/* #header #logo a { display:block;  line-height:90px} */
#header #logo a {font-size:48px; font-weight: 700; color:#072a60; letter-spacing: -1.92px;font-family: 'Raleway', sans-serif;}
#header #logo img {}
#header {left:0;top:0px; max-width: 1620px; width:100%; z-index:6;height:80px;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; margin:0 auto; }
#header .header-inner {width:100%; height:100%; margin:0 auto; display: flex; justify-content: space-between; align-content: center; padding:0 40px;}
#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%; display: flex;}
#top_nav .gnb > li {position:relative; display:block; width:auto;  vertical-align:middle; text-align:center; margin-left:80px;}
#top_nav .gnb > li {height:80px;line-height:80px; -webkit-transition: all .4s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#top_nav .gnb > li:first-child {margin-left:0;}
#top_nav .gnb > li > a {display:inline-block; line-height:80px; height: 80px;  width:100%; color:#707070; font-size:18px; font-weight:500; text-decoration:none; opacity: 1; transition: all .3s ease; border-bottom: 2px solid transparent; font-family: 'Raleway', sans-serif;}
#top_nav .gnb > li > a::after {position: absolute; top: 78px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height: 2px; background-color: #072a60; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.4s; -ms-transition: all 0.3s; transition: all 0.3s;}
#top_nav .gnb > li > a:hover {opacity: #072a60;}
/* #top_nav .gnb > li.active {background-color: #b0905e} */
#top_nav .gnb > li.active > a {color: #072a60;}
#top_nav .gnb > li > a:hover::after, #top_nav .gnb > li.active > a::after  {width:160px; margin-left:0;}

/*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: 160px; top:80px; border-top: 0; z-index:2; padding-top: 10px; margin-top: -10px; left:50%; transform:translateX(-50%);}
.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; border-top:1px solid #eee;}
#top_nav .gnb .snb li a { color:#333; display:block; transition: all .3s ease; text-align: center; line-height:3.6; font-family: 'Raleway', sans-serif; background-color: #ededed;
font-weight: 500;}
#top_nav .gnb .snb li a:hover {color:#333;  display:block; text-decoration:none;  opacity: 1; background-color:#fff;}
#top_nav .gnb .snb li:first-child { border-top:0}


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