/*Content CSS*/
#header_wrap {width:100%;height:90px;z-index:57;background: transparent;border-bottom:1px solid rgba(255,255,255,.2);position: absolute;left:0;top:0; -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  {height: 100%; width: 100%;}
#header #logo {padding:0; position: relative; z-index: 2;  display: flex; justify-content: center; align-items: center;}
#header #logo a {display:block;width: 230px;height: 47px;transition: all .3s ease;background: url('../img/logo_w.png') 50% 50% no-repeat;}
#header {left:0;top:0px; max-width: 100%; width:100%; z-index:6;-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;}
#header .header-inner {max-width: 1700px;height:100%;margin:0 auto;display: flex;justify-content: space-between;position: relative;z-index: 10;align-items: center;}

/* hover */
#header_wrap:hover {background: #fff; border-bottom-color: #ddd;}
#header_wrap:hover #logo a {background-image: url("../img/logo_hv.png");}
#header_wrap:hover #top_nav .gnb::before {background: #002e70;}
#header_wrap:hover #top_nav .gnb > li > a {color: #000;}
#header_wrap:hover .select_link_default > .selected {color: #000;}
#header_wrap:hover .select_link_default .h_lang_icon {background-image: url("../img/lang_icon.png");}
#header_wrap:hover .select_link_default .h_lang_down {background-image: url("../img/lang_down.png");}

/* scrolled */
/* .scrolled #header_wrap {background: #fff; border-bottom-color: #ddd;}
.scrolled #header_wrap #logo a {background-image: url("../img/logo.png");}
.scrolled #header_wrap #top_nav .gnb::before {background: #002e70;}
.scrolled #header_wrap #top_nav .gnb > li > a {color: #000;}
.scrolled #header_wrap .select_link_default > .selected {color: #000;}
.scrolled #header_wrap .select_link_default .h_lang_icon {background-image: url("../img/lang_icon.png");}
.scrolled #header_wrap .select_link_default .h_lang_down {background-image: url("../img/lang_down.png");} */

#top_nav {height: 100%; display: flex; }
#top_nav .gnb {position: relative;list-style:none;display: flex;justify-content: flex-end;padding:0 0 0 0;height: 100%;padding-right: 58px;}
#top_nav .gnb::before {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 20px;background: #fff; transition: .3s;}
#top_nav .gnb > li {display:block;width:auto;text-align:center;position: relative;height: 100%;}
#top_nav .gnb > li + li {margin-left: 66px;}
#top_nav .gnb > li {-webkit-transition: all .4s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; height:100%;}
#top_nav .gnb > li > a {font-size:19px;font-weight: 700;color: #fff;height: 100%;display: flex;align-items: center;font-family: 'NanumSquare', sans-serif;text-transform: uppercase;}

#top_nav .gnb > li > a::after {position: absolute; bottom: -1px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height: 3px; background-color: #091139;
-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 {color:#091139;}
#top_nav .gnb > li.active > a {color:#091139; }
#top_nav .gnb > li > a:hover::after {width:149px; margin-left:0; }
#top_nav .gnb > li > a.active::after {}

/*child_menu*/
#top_nav .gnb .snb {list-style:none; height:90px; width:100%; position: absolute; left:0; top:90px; }
#top_nav .gnb .snb,.device-md #top_nav .gnb .snb{display: none;border-top: 0;z-index:2;text-align: center;flex-wrap:nowrap;}
#top_nav .gnb .snb li a {color: #333;display:block;transition: all .3s ease;text-align: left;font-weight: 300;padding-right: 44px;white-space: nowrap;font-size:15px;height: 90px;display: flex;align-items: center;}
#top_nav .gnb .snb li a:hover {color:#091139;  text-decoration:none;}
#top_nav .gnb .snb li a.active {color:#091139;  text-decoration:none;}

.snb_bg {width:100%; height: 90px; background: #fff; position: absolute; left:0; top:90px; z-index: -1; display: none; border-bottom:1px solid #eee;}

/* hidden_nav */
.menu_slider_btn { display: block; cursor: pointer; position: relative; top:0;}
.menu_slider_btn span { display: block; background: #fff; width: 23px; height: 2px; border-radius: 0px; transition: 0.25s margin 0.25s, 0.25s transform; }
.menu_slider_btn span:nth-child(2) {margin: 5px 0; }
.menu_slider_btn2 { display: block; cursor: pointer; transform: translate(-50%, -50%); position: absolute; right:60px; top:80px;}
.menu_slider_btn2 span { display: block; background: #091139; width: 25px; height: 2px; border-radius: 3px; transition: 0.25s margin 0.25s, 0.25s transform;}
.menu_slider_btn2 span:nth-child(1) { margin-top: 0; margin-bottom: -0; transform: rotate(45deg);}
.menu_slider_btn2 span:nth-child(2) { transform: rotate(45deg); display: none; }
.menu_slider_btn2 span:nth-child(3) { margin-top: -2px; transform: rotate(135deg); }

.hidden_nav_box {width :100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 9999; position: fixed; display: none;}
.hidden_nav {text-align: center; width: 640px; height: 100vh; position: absolute; top: 0; right: -640px; background: #fbfbfb; z-index: 10000; position: fixed; text-align: left;
    padding:120px 70px 0 70px;}
.hidden_nav .hidden_gnb  {  width: 100%; }
.h_lm {margin-bottom:40px; position: relative; }
.h_lm > a {display: block; font-size:26px; font-weight: 700; color:rgba(0,0,0,.5) !important; transition: all .3s ease; max-width:200px;  position: relative;
font-family: 'NanumSquare',sans-serif; }
.h_lm > a:hover, .h_lm > a.active {color:rgba(0,0,0,1) !important;}
.h_snb {display: none; position: absolute; left:200px; top:5px; z-index: 2;}
.h_snb li {margin-bottom:20px;}
.h_snb li a {font-size:18px; font-weight: 400; color:#707070; transition: all .3s ease; border-bottom:2px solid transparent; padding:2px 0; font-family: 'NanumSquare',sans-serif;
white-space: nowrap; }
.h_snb li a:hover {padding:2px 15px; border-bottom:2px solid #091139; color:#091139;}

/* top_nav_btn */
#top_nav .top_nav_btn {display: flex;height: 100%;align-items: center;padding-left: 62px;}


/* select_link */
.select_link{color: #fff;text-align: center;position: relative;}
.select_link_default {position:relative;text-align: left;border: none;background: transparent;width: 100px;height: 30px;border-radius: 14.5px;display: flex;align-items: center;justify-content: center;line-height: 30px;transition: all .3s ease;border:1px solid transparent;}
.select_link_default > .selected {font-weight: 400;font-size: 16px;line-height: 30px;display: flex;align-items: center;color: #fff;}

.select_link_default .h_lang_icon {display: inline-block;width: 16px;height: 16px;background: url('../img/lang_icon_w.png') 50% 50% no-repeat;transition: all .3s ease;margin-right: 10px;}

.select_link_default .h_lang_down {display: inline-block;width: 8px;height: 4px;background: url('../img/lang_down_w.png') 50% 50% no-repeat;transition: all .3s ease;margin-left: 12px;margin-top: 5px;}
.select_link_default:focus {outline: none;}
.select_link_default > img {margin-left:8px; position: relative; top:-2px; }
.select_link_default > i { color:#fff; margin-left:15px ;}

.select_link .select_list {display:none;position: absolute;left: 50%;top:30px;transform: translateX(-50%);box-sizing: border-box;z-index: 100;text-align: left;box-shadow: 0 0 18px 0 rgba(9, 17, 57, 0.16);}
.select_link.on .select_list {display: block;}
.select_list > li {background-color: #fff;transition: .3s;}
.select_list > li:hover {background: #002e70;}
.select_list > li + li {border-top: 1px solid #ddd;}
.select_list > li > a {display: block;padding: 8px 0;color: #000;text-decoration: none;cursor:pointer;font-size:12px;text-transform: uppercase;font-weight: 300;text-align: center;width: 79px;transition: .3s;}
.select_list > li:hover > a {color: #fff;}