/*Content CSS*/
#header_wrap { width:100%; height:90px; z-index:57; position: fixed; top:0; left:0; background-color:transparent;  background: #fff; border-bottom: 1px solid #f0f4f8;}
#header_wrap.subpage {position: fixed; }
#header #logo { margin-left:0; padding:0; display: flex; align-items: center;}
#header #logo a { display:block; }
#header #logo img {}
#header {left:0;top:0px; width:100%; z-index:6;height:90px;-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; position: relative; z-index: 2;}
#header .header-inner {width:100%; height:100%; max-width:1740px; margin:0 auto; display: flex; justify-content: space-between; align-content: center; padding:0 20px;}
#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 {display: flex; height:100%; align-items: center;}
#top_nav .gnb { list-style:none; height:100%; display: flex; margin-right: 75px; }
#top_nav .gnb > li {position:relative; display:block; width:auto;  vertical-align:middle; text-align:center; margin-left:62px;}
#top_nav .gnb > li:first-child {margin-left: 0; }
#top_nav .gnb > li {height:90px;line-height:90px; -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 > a {display:block; line-height:90px; height: 90px;  width:100%; color:#000; font-size:19px; font-weight:500; text-decoration:none;  white-space: nowrap; transition: all .3s ease; text-transform: uppercase; border-bottom: 2px solid transparent; font-family: 'Montserrat'; position: relative; 	}
#top_nav .gnb > li > a::after {position: absolute; top: 87px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height:4px; background-color: #0053a5; -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:last-child {margin-right:0;}
#top_nav .gnb > li > a:hover::after, #top_nav .gnb > li.active > a::after  {width:155px; margin-left:0; font-weight: 600;}

/* #top_nav .gnb > li > a:hover {color:#009944;}
#top_nav .gnb > li.active > a {color:#009944;} */

/*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: 155px; top:90px; border-top: 0; z-index:2; left:50%; transform:translateX(-50%);padding:0 15px; background-color: rgba(255,255,255,.45);}
#top_nav .gnb .snb li { font-size:14px; line-height:22px; transition: all .3s ease;}
#top_nav .gnb .snb li a { color:#fff; display:block; opacity: 1;  text-align: center; line-height:22px; font-size:15px; font-weight:400; transition: all .3s ease;
 border-top:1px solid rgba(37,49,61,.15); padding:15px 15px; word-break: keep-all;  text-shadow: 1.3px 1.5px 2px rgba(21, 21, 21, 0.25);}
#top_nav .gnb .snb li a:hover {color:#fff;  display:block; text-decoration:none;  opacity: 1;}
#top_nav .gnb .snb li:hover a {color: #0046a5; }
#top_nav .gnb .snb li:first-child { border-top:0;}

/* hd_right */
#hd_right {height: 100%; display: flex; align-items: center; }
.select_lang {display: flex; align-items: center;height: 100%;}
.select_lang li a {display: block; width: 60px; height: 30px ;line-height: 28px; text-align: center; border:1px solid #0046a5; background: #fff; color:#0046a5;
font-size: 14px ;font-weight: 400; font-family: 'Montserrat'; text-transform:uppercase; transition: all .3s ease;}
.select_lang li a:hover {background: #ddeaf4; }
.select_lang li.active a {color:#fff; background:#0046a5; }
.select_lang li:first-child {margin-right: 6px; }

/* #header_wrap.blue #top_nav .gnb .snb {background-color: rgba(0,83,165,.45);} */
#header_wrap.blue #top_nav .gnb .snb {background-color: #5e7a9d;}
#header_wrap.blue #top_nav .gnb .snb li a {border-top:1px solid rgba(255,255,255,.15); }
#header_wrap.blue #top_nav .gnb .snb li a:hover{ color:#fff; }





@media screen and (max-width:1700px) {

}

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