/*Content CSS*/
#header_wrap { width:100%; height:80px; z-index:57; position: absolute; top:0; left:0; background-color:rgba(0,0,0,.58);}
#header #logo { margin-left:0; padding:0; display: flex; align-items: center; justify-content: center; width: 450px; height: 100%; background: transparent;}
#header #logo a { display:block; }
#header #logo img {}
#header {left:0;top:0px; width:100%; z-index:6;height:80px;-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:100%; margin:0 auto; display: flex; justify-content: space-between; align-content: center; padding:0 100px 0 0;}
#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; }
#top_nav .gnb > li {position:relative; display:block; width:auto;  vertical-align:middle; text-align:center; margin-left:90px;}
#top_nav .gnb > li {height:80px;line-height:80px; -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:80px; height: 80px;  width:100%; color:#fff; font-size:17px; font-weight:700; text-decoration:none;  white-space: nowrap; transition: all .3s ease; border-bottom: 2px solid transparent; letter-spacing: -.85px; font-family: 'NanumSquare',sans-serif; position: relative; 	}
/* #top_nav .gnb > li > a::after {content: ''; display: block; width:1px; height:12px; background: rgba(255,255,255,.3); position: absolute; right:0; top:52%; transform:translateY(-50%);} */
#top_nav .gnb > li:last-child {margin-right:75px;}
#top_nav .gnb > li:last-child a::after {display: none;}
#top_nav .gnb > li:first-child {margin-left:0;}
/* #top_nav .gnb > li > a::after {position: absolute; top: 77px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height: 3px; background-color: #8ec323; -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:#ff7200;}
#top_nav .gnb > li.active > a {color:#ff7200;}
/* #top_nav .gnb > li > a:hover::after, #top_nav .gnb > li.active > a::after  {width:180px; margin-left:0;} */

/*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: 200px; top:80px; border-top: 0; z-index:2;  padding-top: 10px; margin-top: -10px; left:50%; transform:translateX(-50%); background: url('../img/navi_tri.png') no-repeat 50% 0;}
/* .navi_tri {position: absolute; left: 50%; top: -55px; margin-left: -10px; width: 21px; height: 15px;} */
#top_nav .gnb .snb li { font-size:14px; line-height:3.1; border-top:1px solid rgba(255,255,255,.1);background-color: #ff7200; transition: all .3s ease;}
#top_nav .gnb .snb li a { color:#fff; display:block; opacity: 1;  text-align: center; line-height:3.1; font-size:14px; font-weight: 300; transition: all .3s ease;}
#top_nav .gnb .snb li a:hover {color:#fff;  display:block; text-decoration:none;  opacity: 1;}
#top_nav .gnb .snb li:hover a {background-color: #ff8726;}
#top_nav .gnb .snb li:first-child { border-top:0; }

.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: #ff7200; 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 30px 0 70px;}
.hidden_nav .hidden_gnb  {  width: 100%; }
.h_lm {margin-bottom:50px; position: relative; }
.h_lm > a {display: block; font-size:28px; font-weight: 600; color:rgba(0,0,0,.5) !important; transition: all .3s ease; max-width:270px;  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:310px; top:6px; 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 #ff7200; color:#ff7200;}

/* select_link */
.select_link{border: 1px solid #fff;width:80px;border-radius: 13px;color: #fff; font-weight: 900;font-size: 12px; text-align: center; position: relative; margin-right: 34px;}
.select_link_default {position:relative;text-align: left;width: 100%; border: none; background: transparent; color:#fff; padding-left:10px;}
.select_link_default:focus {outline: none;}
.select_link_default .selected {display:inline-block; line-height:26px; height: 26px; font-weight: 300; font-size:12px;}
.select_link_default > i {font-size:6px; margin-left:8px; transform: scale(.7);}
.select_link_default > span i {font-size:15px; margin-right: 4px; position: relative; top:1px;}

.select_link .select_list {display:none;position: absolute; top:27px;width: 100%;box-sizing: border-box;background-color: rgba(0,0,0,.7); z-index: 100;
text-align: left;}
.select_link.on .select_list {display: block;}
.select_list > li > a {display: block;padding: 5px 0 5px 8px; font-family: 'NotoSans-Regular', sans-serif; color: #fff; text-decoration: none; cursor:pointer;}








@media screen and (max-width:1600px) {
    #header {max-width: 1300px; padding:0 20px;}
    #header .header-inner {padding:0;}
    #top_nav .gnb > li { margin-left:40px;}
    #header #logo {width: auto;}
}


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

}

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