/*Content CSS*/
#header-wrap { width: 100%; z-index: 57; position: absolute; top: 0; left: 0;}
#header h1 a {display: block; line-height: 90px;}
#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; align-items: center;}
#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;}
#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;}
#top_nav .gnb > li + li {margin-left: 65px;}
#top_nav .gnb > li > a {display:block; line-height: 90px; width:100%; color:#fff; font-size:18px; font-weight: 400; text-decoration:none;  white-space: nowrap; transition: all .3s ease; border-bottom: 2px solid transparent;position: relative;}
#top_nav .gnb > li:last-child {}
#top_nav .gnb > li:last-child a::after {display: none;}
#top_nav .gnb > li > a:hover {color:#fee1a3;}
#top_nav .gnb > li.active > a {color:#fee1a3}


/*child_menu*/
#top_nav .gnb .snb {}
#top_nav .gnb .snb {display: none; position: absolute; width: 148px; top: 90px; left:50%; transform:translateX(-50%); border-radius: 5px; background-color: rgba(0, 49, 89, .5);  z-index:2;}
#top_nav .gnb .snb::before {content: ''; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); width: 17px; height: 10px; background: url("../img/navi_tri.png") no-repeat center;}
#top_nav .gnb .snb li {transition: all .3s ease;}
#top_nav .gnb .snb li a { color:#fff; display:block; opacity: 1;  text-align: center; font-size: 15px; font-weight: 300; transition: .3s;padding: 16px 0;}
#top_nav .gnb .snb li + li {border-top: 1px solid rgba(255, 255, 255 , .16);}
#top_nav .gnb .snb li a:hover {color:#fee1a3;  display:block; text-decoration:none;  opacity: 1;}


.menu-slider-btn { display: block; cursor: pointer; position: relative; top:0;display: none;}
.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: #0069d7; 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:200px 80px 0 80px;}
.hidden-nav .hidden_gnb  {  width: 100%; }
.h-lm {margin-bottom:50px; position: relative; }
.h-lm > a {display: block; font-size:30px; font-weight: 600; color:rgba(0,0,0,.5) !important; transition: all .3s ease; max-width:200px;  position: relative;
z-index: 1; 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:10px; 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;}
.h-snb li a:hover {padding:2px 15px; border-bottom:2px solid #0069d7; color:#0069d7;}

/* select-link */
.select-link{border: 1px solid #fff;border-radius: 17.5px;color: #fff; font-weight: 900;font-size: 12px; text-align: center; position: relative; transition: .3s;margin-left: 54px;}
.select-link_default {position:relative;text-align: left;width: 100%; border: none; background: transparent;}
.select-link_default:focus {outline: none;}
.select-link_default .selected {display:inline-block; font-weight: 300; font-size: 15px; text-transform: uppercase;color: #fff;transition: .3s;display: flex;justify-content: center;align-items: center;width: 120px;padding: 7px 0;}
.select-link_default .selected .obj {position: relative; width: 16px; height: 16px;margin-right: 12px;}
.select-link_default .selected .obj img {position: absolute; left: 0; top: 0; transition: .3s;}
.select-link_default .selected .obj img:nth-child(1) {opacity: 1;}
.select-link_default .selected .obj img:nth-child(2) {opacity: 0;}
.select-link:hover {background: #fff;}
.select-link:hover .select-link_default .selected {color: #045c74;}
.select-link:hover .obj img:nth-child(1) {opacity: 0;}
.select-link:hover .obj img:nth-child(2) {opacity: 1;}
.select-link .select-list {display:none;position: absolute; top: 100%;width: 100%;box-sizing: border-box;background-color: rgba(0, 49, 89, .5); z-index: 100;
text-align: left;}
.select-link.on .select-list {display: block;}
.select-list > li + li {border-top: 1px solid rgba(255, 255, 255, .16);}
.select-list > li > a {display: block;padding: 10px 0; font-family: 'NotoSans-Regular', sans-serif; color: #fff; text-decoration: none; cursor:pointer;text-align: center;text-transform: uppercase;}

@media screen and (max-width: 1700px) {
     #header-wrap {padding: 0 60px;}
}

@media screen and (max-width: 1300px) {
    #top_nav .gnb > li + li {margin-left: 55px;}
    .h_right {margin-left: 50px;}
    #header #logo a {width: 85px;}
    #top_nav .gnb > li > a {font-size: 17px;}
}

@media screen and (max-width: 1200px) {
     #top_nav .gnb > li > a {font-size: 16px;}
     #top_nav .gnb > li + li {margin-left: 50px;}
     #header h1 a {width: 160px;}
     .select-link {margin-left: 45px;}
     .select-link_default .selected {width: 105px; font-size: 13px;}
}

@media screen and (max-width: 1023px) {
    #header-wrap {position: fixed; height: 65px; padding-top: 0;border-bottom: 1px solid rgba(255, 255, 255, .2);}
    .scrolled #header-wrap {background: rgba(0, 0, 0, .7); border-bottom-color: transparent;}
    #top_nav, .select-link {display: none;}
    #header  {height: 65px;}
    #header .header-inner {justify-content: center;}
    #header #logo a {width: 60px;}
    #header #logo img {width: 100%;}
    #header h1 a {width: 140px;}
    #header h1 a, #top_nav .gnb > li > a {line-height: 65px;}
}

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

}