/*Content CSS*/
#header_wrap {position: absolute; top:0; left:0; width:100%; height:90px; background-color:transparent;  z-index:57; background: transparent; min-width: 1300px;
border-bottom:1px solid rgba(255,255,255,.15); transition: all .3s ease;}
#header #logo {padding:0}
#header #logo a { display:block; height:90px; line-height:96px; transition: background-image .3s ease; width: 113px; height: 47px; background: url('../img/logo_w.png?v=250930') 50% 50% no-repeat; }
#header { max-width: 1740px; 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; padding:0 20px; margin:0 auto;position: relative; min-width: 1300px; z-index: 1000;}
#header .header-inner {width:100%; height:100%; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 6;}
/* .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%; display:flex; flex-direction: row; }
#top_nav .gnb > li {position:relative; height: 90px; text-align:center; margin-right: 105px;}
#top_nav .gnb > li > a {display: block; height :90px; line-height: 90px; color:#fff; font-size:17px; font-weight:700; text-decoration:none;
border-bottom: 2px solid transparent;  transition: all 0.3s ease; display:block; font-family: 'NanumSquare',sans-serif; white-space: nowrap; }
#top_nav .gnb > li > a::after {position: absolute; top: 88px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height:2px; background-color: #2b3e5f; -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: #2b3e5f; }
#top_nav .gnb > li > a:hover::after, #top_nav .gnb > li.active > a::after  {width:80px;}


.hidden_menu_bg{width: 100%; background: #fff; min-height: 180px; display: block; position: absolute; top: 90px; left: -0; display: none; z-index: 5;  border-top:1px solid #ddd;}

.top_slide_menu { margin: 0 auto; display: flex; flex-direction: row;  min-height:180px;}
.t_s_m_child {display: none; position: absolute; z-index: 10; text-align: left; top: 90px; left:50%; transform:translateX(-50%); padding:0; }
.t_s_m_child::before {content: ''; display:block; width: 1px; height: 120px; background-color: #ddd; position: absolute; left: 0; top: 25px ;}
#top_nav .gnb > li:last-child .t_s_m_child::after {content: ''; display:block; width: 1px; height: 120px; background-color: #ddd; position: absolute; right: 0; top: 25px ;}
.t_s_m_child li {width: 165px; margin-bottom: 15px ;}
.t_s_m_child li:last-child {margin-bottom: 0; }
.t_s_m_child li a {font-size: 14px; font-weight: 300; color:#666;   padding: 0 30px; width: 100%; display: inline-block; word-break: keep-all;
transition: color 0.2s ease;line-height: 20px; text-align: center ;}
.t_s_m_child li:first-child a {padding-top: 35px;}
.t_s_m_child li a:hover {color:#2b3e5f;}

/* hidden */
#menu_slider_btn { display: block; cursor: pointer; position: relative; width:23px; height: 19px;  top: 1px; z-index:5;}
#menu_slider_btn span { display: block; background: #fff; width: 23px; height: 2px; border-radius: 0px; transition: all .6s ease ; }
#menu_slider_btn span:nth-child(2) {margin: 5px 0; }

#menu_slider_btn.active span:nth-child(1) {
  -webkit-transform: translateY (6px) rotate (-45deg);
  transform: translateY(6px) rotate(-45deg);
}
#menu_slider_btn.active span:nth-child(2) {
  opacity: 0;
}
#menu_slider_btn.active span:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}



.hidden_nav {text-align: center; width:0; height: 100vh; position: absolute; right: 0;  z-index: 999; position: fixed; text-align: left; top:0;
padding:0; transition: all .8s cubic-bezier(0.215, 0.610, 0.355, 1.000); background:#2a3d5e; background-size:cover; overflow: hidden;}
.hidden_nav.active {left:0; width: 100%;}
.hidden_nav > div {position: absolute; width: 1740px; left:50%; transform:translateX(-50%); top:90px; height:calc(100% - 90px); display: none;}

.hidden_nav .hidden_gnb  {  width: 100%; }
.hidden_nav .sitemap_title {border-bottom: 1px solid rgba(255,255,255,.2); padding:50px 0  40px; margin-bottom: 70px; width: 100%; font-size:65px; font-weight: 800; color:#fff;
font-family: 'Montserrat'; text-align: center; letter-spacing: 3px; }
.h_gnb {display: flex; justify-content: space-between; width: 100%; overflow: hidden; padding:0; width: 1300px; margin:0 auto; text-align: center;}
.h_lm {position: relative; }
.h_gnb .h_lm:last-child {margin-right: 0;}
.h_lm > a {display: block; font-size:28px; font-weight:700; color:#fff; white-space: nowrap; font-family: 'NanumSquare',sans-serif;}
.h_snb {margin-top:40px;}
.h_snb li {margin-bottom:30px;}
.h_snb li a {font-size:16px; font-weight: 300; position: relative; color:rgba(255,255,255,.6); transition: color .3s ease;word-break: keep-all;display: block; line-height: 28px;
max-width: 130px ;}
.h_snb li a::after {position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); content: ''; width: 0px; height: 1px; background-color: #fff; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
.h_snb li a:hover {color:#fff; }
.h_snb li a:hover::after {width:100%;}


/* h_right */
#h_right {display: flex ;align-items: center; }
#hd_contact {display: block; width: 150px; height: 40px; border-radius: 20px; line-height: 40px; text-align: center ;border:1px solid #fff; background-color: transparent;
font-size:17px; font-weight: 700; color:#fff; font-family: 'NanumSquare',sans-serif; margin-right: 25px ; transition: all .3s ease;}
#hd_contact:hover {background-color: #fff; color:#2b3e5f; }

/* hover */
#header_wrap:hover {background-color: #fff;}
#header_wrap:hover #logo a {background-image: url('../img/logo.png?v=250930');}
#header_wrap:hover #top_nav .gnb > li > a {color:#000; }
#header_wrap:hover #top_nav .gnb > li > a:hover, #header_wrap:hover #top_nav .gnb > li.active > a {color:#2b3e5f;}
#header_wrap:hover #hd_contact {border-color: #ddd; color:#000; }
#header_wrap:hover #hd_contact:hover {background-color: #2b3e5f; border-color: #2b3e5f; color:#fff; }
#header_wrap:hover #menu_slider_btn span {background-color: #000; }

/* hidden_menu active */
#header_wrap.active {position: fixed; }
#header_wrap.active #logo a {background-image: url('../img/logo_w.png?v=250930');}
#header_wrap.active #menu_slider_btn span {background-color: #fff;}
#header_wrap.active #h_right #hd_contact, #header_wrap.active #h_right #top_nav {display: none;}





@media screen and (max-width:1700px) {
    #top_nav .gnb > li  {margin-right:60px;}
}

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

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