#header_wrap {position:relative; left:0; top:0; width:100%; z-index:57;  }
#header{background: #fff; border-bottom: 1px solid #dfdfdf; -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 {position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height:100%; margin:0 auto; z-index: 10;
padding: 0 50px; margin: 0 auto; max-width: 1800px;}
/* #header:hover { border-bottom-color: #ddd;} */
/* #header:hover,
.scrolled #header { border-bottom-color: #ddd;} */

/* logo */
#logo a {display: flex; align-items: center; justify-content: center; position: relative;}
/* #logo a img {transition: opacity .3s; }
#logo a img + img {opacity: 0; position: absolute; left:0; top:0; z-index: 2;} */

/* hd_btns */
#hd_btns{display: flex; align-items: center;}
#hd_btns .menu_slider_btn { position: relative; width:33px; height: 21px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; align-items: flex-end;}
#hd_btns .menu_slider_btn span { display: block;  width: 100%; height:3px; background: #000; transition: all .3s ease; }
#hd_btns .menu_slider_btn span:first-child,
#hd_btns .menu_slider_btn span:last-child {width: 25px; }

/* top_nav */
/* gnb */
#top_nav{height: 100px; overflow: hidden; transition: all .5s ease; margin-right: 200px;}
#top_nav .gnb{display: flex; height: 100%; }
#top_nav .gnb > li {position: relative; text-align: center; max-width: 210px;}
#top_nav .gnb > li > a{ display: flex; justify-content: center; align-items: center; font-size:20px; color:#000; font-weight:600; word-break: keep-all; height: 100%;
 transition: all .5s ease; white-space: nowrap; padding: 0 43px; }
/* #top_nav .gnb > li:hover > a { font-weight: 700;} */
/* #top_nav .gnb > li:last-child{display: none;} */
#header:hover #top_nav{overflow: visible;}
#header:hover .gnb {margin-right: 0;}
#header:hover .gnb > li > a {padding: 0 70px;}
/* #header:hover .gnb > li > a {font-weight: 700; overflow: hidden;} */
/*snb  */
#top_nav .gnb > li + li .snb{border-left: 0;}
/* #top_nav .gnb > li:hover .snb::before{opacity: 1;} */
#top_nav .gnb .snb {width: 100%; position: relative; top: 1px;min-height: 250px; transition: all .5s ease; border: solid 1px #ddd; border-top: 0; border-bottom: 0;overflow: hidden; transition: all .5s ease; border-top: 0; left: 50%; transform: translateX(-50%);}
#top_nav .gnb .snb::before{content: ''; display: block; width: 12px; height: 12px; z-index: 1; background-color: #095eab; position: absolute; top: -5px; left: calc(50% - 6px); opacity: 1; transition: .4s; border-radius: 50%; z-index: 2;}
#top_nav .gnb .snb::after{content: ''; display: block; width: 12px; height: 12px; z-index: 1; background-color: #dc0c15; position: absolute; top: -5px; left: calc(50% - 6px); opacity: 0; transition: .4s; border-radius: 50%; z-index: 1;}
#top_nav .gnb .snb li:first-child {padding-top: 25px; border-top: 3px solid transparent;transition: .4s; }
#top_nav .gnb .snb li a {display: block; text-align: center; font-weight: 400; letter-spacing: -.5px; white-space: nowrap; font-size:18px; line-height: 45px; color: #6e6e6e;
transition: color .3s; }
#top_nav .gnb .snb li a:hover {color:#095eab; font-weight: 600; }
#header_wrap .gnb > li:hover .snb {background-color: #F9F9F9;}
#header_wrap .gnb > li:hover .snb::before { left: calc(50% - 12px); }
#header_wrap .gnb > li:hover .snb::after {opacity: 1; left: 50%; }
#header_wrap .gnb > li:hover .snb li:first-child {border-top-color: #095eab; }

.snb_bg {display: block; position: absolute; left:50%; transform: translateX(-50%);right:0; top:101px; height: 250px; width: 0; background-color:#fff; border-bottom: solid 1px #ddd; z-index: -1; opacity: 0; transition:  opacity .5s;}
#header:hover .snb_bg{width: 100%; opacity: 1;}

/* hidden_nav */

#header_wrap .menu_slider_btn2 { display: block; position: absolute; right:30px; top:40px; cursor: pointer; transform: translate(-50%, -50%); width:35px; height: 35px;
display: flex; flex-direction: column; justify-content: center; z-index: 2; align-items: center;}
#header_wrap .menu_slider_btn2 span { display: block; width: 25px; height: 2px; border-radius: 3px; background:#095eab; }
#header_wrap .menu_slider_btn2 span:nth-child(1) { margin:0; transform: rotate(45deg);}
#header_wrap .menu_slider_btn2 span:nth-child(2) { display: none; transform: rotate(45deg); }
#header_wrap .menu_slider_btn2 span:nth-child(3) { margin-top: -2px; transform: rotate(135deg); }

.hidden_nav_box {width :100%; height: 100vh; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 9999; position: fixed; display: none;}
.hidden_nav {text-align: center; width: 450px; height: 100vh; position: fixed; top: 0; right: -450px; background: #fbfbfb; z-index: 10000; position: fixed; text-align: left; padding:40px 50px 0 50px;}
.hidden_nav .hidden_gnb  { width: 100%; }
.h_lm {margin-bottom:20px; padding-bottom: 20px; border-bottom: solid 1px #ddd; position: relative; }
.h_lm > a {display: block; font-size:20px; font-weight: 700; color:rgba(0,0,0,.5) !important; transition: all .3s ease; max-width:220px;  position: relative;text-transform: uppercase;}
.h_lm:hover > a, .h_lm > a.active {color:rgba(0,0,0,1) !important;}
/* .h_lnb {display: none; position: absolute; left:195px; top:5px; z-index: 2;}
.h_lnb li {margin-bottom:20px;}
.h_lnb li a {font-size:17px; font-weight: 400; color:#707070; transition: all .3s ease; border-bottom:2px solid transparent; padding:2px 0; white-space: nowrap; }
.h_lnb li a:hover {padding:2px 15px; border-bottom:2px solid #095eab; color:#095eab;} */

.h_lnb{display: block; margin-top: 10px;}
.h_lnb li a{font-size: 15px; font-weight: 300; color: #666; transition: color .3s; }
.h_lnb li + li{margin-top: 5px;}
.h_lnb li:hover > a{color: #095eab;}

/* @media screen and (min-width:1501px) {
.scrolled #top_nav .gnb > li > a { font-size: 17px;}
.scrolled #top_nav .gnb .snb li a {font-size: 15px;}
}

@media screen and (min-width: 1281px) {
.scrolled #hd_btns .cont_btn a {height: 35px;}
}

@media screen and (min-width: 1025px) {
.scrolled #top_nav {height: 60px; }
.scrolled #logo a {width: 150px;}
.scrolled .snb_bg {top:61px;}
} */

/* @media screen and (min-width: 1025px) { */
#header_wrap:hover #top_nav .gnb .snb {overflow: visible;}

/* } */

/* @media screen and (max-width: 1800px) {
    #header .header-inner{padding: 0 50px;}
    #top_nav .gnb > li {max-width:180px;}
    #header:hover .gnb > li > a{padding: 0 70px; }
    #top_nav .gnb .snb li a {font-size: 15px;}
}
@media screen and (max-width: 1500px) {
    #top_nav .gnb > li > a{padding: 0 40px; font-size: 18px;}
    #top_nav .gnb > li {max-width: 160px;}
    #top_nav .gnb .snb li a { letter-spacing: -.6px;}
    #header:hover .gnb > li > a{padding: 0 60px; }


} */
/* @media screen and (max-width: 1280px) {
    #header .header-inner{padding: 0 30px;}
    #logo a {width: 160px; }
    #hd_btns .cont_btn {margin-right: 15px;}
    #hd_btns .cont_btn a{width: 30px; height: 30px; }
    #hd_btns .cont_btn a i {font-size: 16px;}
    #hd_btns .menu_slider_btn {width:30px; height: 18px;}
    #top_nav .gnb > li {max-width: 150px;}
    #top_nav .gnb > li > a{font-size: 16px; padding: 0 15px;}
    #header:hover .gnb > li > a{padding: 0 30px; }
    #top_nav .gnb .snb{min-height: 236px;  padding: 20px 0;}
    #top_nav .gnb .snb li a{  line-height: 2;}
    .snb_bg {height: 236px;}
}

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

    #hd_btns {display: none;}
    #top_nav .gnb > li > a {font-size: 16px; padding: 0 10px;}
} */

/* @media screen and (max-width: 1024px) {
    #top_nav .gnb { display: none; }
    #hd_btns { display: none; }
    #logo a {width: 180px; height: 27px; background-position: center;}

    #header .header-inner { justify-content: center; padding: 0 20px; }

    #header_wrap {position: fixed;}
    #header_wrap,
    #header_wrap.sub { height: 60px; }
    #header {height: 60px;}
    #header {background-color: #fff; border-bottom-color: #ddd;} */

    /* scroll */
    /* .scrolled #header {background-color: #fff; border-bottom-color: #ddd;} */
    /* #header_wrap .snb_bg{display: none !important;}

} */