/*Content CSS*/
#header_wrap {width:100%;height:90px;background-color: #fff;z-index:57;position: absolute;top:0;left:0;border-bottom: 1px solid rgba(255,255,255,.15);min-width: 1300px; transition: .3s;}
#header #logo { margin-left:0; padding:0; display: flex; align-items: center; }

#header #logo a {display:block;width: 110px;height: 56px;}
#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:1700px; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
#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;padding-right: 90px;}
#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 {height:90px;line-height:90px; -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:90px;height: 90px;width:100%;color: #000;font-size: 18px;font-weight: 500;text-decoration:none;white-space: nowrap;transition: all .3s ease;position: relative;text-transform: uppercase;font-family: 'Montserrat';}
#top_nav .gnb > li + li {margin-left: 78px;}
#top_nav .gnb > li:last-child a::after {display: none;}
#top_nav .gnb > li:first-child {margin-left:0; }

#top_nav .gnb > li > a:hover {color:#e9502e;}
#header_wrap:hover #top_nav .gnb > li > a {color:#000;}


/*child_menu*/
#top_nav .gnb .snb {list-style:none;display: none;}
#top_nav .gnb .snb,.device-md #top_nav .gnb .snb{margin-top: -10px;display: none;position: absolute;width: 169px;top:90px;height: 308px;border-top: 0;z-index:2;padding-top: 10px;left:50%;transform:translateX(-50%);/*background: url('../img/navi_tri.png') no-repeat 50% 0;*/}
#top_nav .gnb .snb::before,.device-md #top_nav .gnb .snb::before {content : ''; position: absolute; left: 50%; top: -3px; transform: translateX(-50%);width: 26px; height: 13px; background: url("../img/navi_tri.png") no-repeat center;}
#top_nav .gnb .snb li {position: relative;background-color: rgba(233, 80, 46, .8);transition: all .3s ease;}
#top_nav .gnb .snb li + li::before {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%);width: 130px; height: 1px; background: rgba(255, 255, 255, .2);}
#top_nav .gnb .snb li a {color:#fff;display:block;opacity: 1;text-align: center;line-height: 24px;font-size: 15px;font-weight: 300;transition: all .3s ease;padding: 20px;}
#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: #e9502e;}


.menu_slider_btn { display: block; cursor: pointer; position: relative; top:0px;}
.menu_slider_btn span {display: block;background: #fff;width: 23px;height: 2px;border-radius: 0px;transition: .3s;}
.menu_slider_btn span:nth-child(2) {margin: 5px 0; }
#header_wrap:hover .menu_slider_btn span {background: #e9502e;}
.menu_slider_btn2 { display: block; cursor: pointer; transform: translate(-50%, -50%); position: absolute; right:60px; top:60px;}
.menu_slider_btn2 span { display: block; background: #e9502e; width: 32px; 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: 550px;height: 100vh;position: absolute;top: 0;right: -640px;background: #fff;z-index: 10000;position: fixed;text-align: left;padding: 80px 60px 0 60px;}
.hidden_nav .hidden_gnb  {  width: 100%; }
.h_gnb {margin-top: 50px;}
.h_lm {margin-bottom:50px; position: relative; }
.h_lm > a {display: block;font-size: 28px;font-weight: 600;color:rgba(0,0,0,.7) !important;transition: all .3s ease;max-width:240px;position: relative;z-index: 1;text-transform: uppercase;font-family: 'Montserrat'; letter-spacing: 0.2px;}
.h_lm > a:hover, .h_lm > a.active {color:rgba(0,0,0,1) !important;}
.h_snb {display: none; position: absolute; left:250px; top:2px; z-index: 2;}
.h_snb li {margin-bottom:15px;}
.h_snb li a {font-size:18px; font-weight: 400; color:rgba(0,0,0,.6); transition: all .3s ease; border-bottom:2px solid transparent; padding:2px 0; white-space: nowrap;}
.h_snb li a:hover {padding:2px 15px; border-bottom:2px solid #e9502e; color:#e9502e;}

.h_right {display: flex; align-items: center; margin-left: 70px;}
.h_login {display: flex;}
.h_login li a {transition: all .3s ease; font-size:17px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif; display: block; position: relative; }
.h_login li:last-child a {padding-left:22px; margin:0 52px 0 22px; color:#333; font-weight: 700;}
.h_login li:last-child a::before {content: ''; display: block; width: 1px; height: 17px; background: #ddd; position: absolute ; top:0; left:0;}
.h_login li a:hover {color:#e9502e;}

.h_login2 {display: flex;}
.h_login2 li a {transition: all .3s ease; font-size:17px; font-weight: 700; color:#fff; font-family: 'NanumSquare',sans-serif; display: block; position: relative; width: 150px; height: 40px; background: #333; text-align: center; line-height: 40px; border-radius: 5px;}
.h_login2 li:last-child a {margin:0 0 0 10px; }
.h_login2 li a:hover {color:#e9502e;}



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

}

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

}

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

}

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

}