/*Content CSS*/
#header_wrap { width:100%; height:100px; background-color:transparent; z-index:57; position: absolute; top:0; left:0; border-bottom: 1px solid rgba(255,255,255,.2); min-width: 1300px; }
#header {left:0; top:0px; width:100%; z-index:6;height:100%;-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%; margin:0 auto; display: flex; justify-content: space-between; align-content: center; }
#header #logo { display: flex; align-items: center; padding:0 0 0 100px; }

#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:75px;}
#top_nav .gnb > li {height:100px;line-height:100px; -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 { position:relative; display:block; line-height:100px; height: 100px;  width:100%; color:#fff; font-size:20px; font-weight:500; text-decoration:none; white-space: nowrap; transition: all .3s ease; position: relative; }
#top_nav .gnb > li:last-child {margin-right:75px;}
#top_nav .gnb > li:first-child {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: 215px; top:100px; border-top: 0; z-index:2;  padding-top: 14px; margin-top: -14px; left:50%; transform:translateX(-50%); background: url('../img/navi_tri.png') no-repeat 50% 0;}
#top_nav .gnb .snb li { line-height:3.7; border-top:1px solid rgba(255,255,255,.2);background-color:rgba(0,122,195,0.55); transition: all .3s ease;}
#top_nav .gnb .snb li a { color:#fff; display:block; opacity: 1; text-align: center; line-height:3; font-size:16px; transition: all .3s ease; font-weight: 300; }
/* #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:rgba(0,122,195,1); }
#top_nav .gnb .snb li:first-child { border-top:0;}


.menu_slider_btn { display: flex; align-items: center; flex-direction: column; justify-content: center; cursor: pointer; position: relative; background:#fff; width:100px; height: 100%; }
.menu_slider_btn span { display: block; background: #000; width: 30px; 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: #007ac3; 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:180px 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: 500; color:rgba(0,0,0,.5) !important; transition: all .3s ease; max-width:180px; position: relative; z-index: 1; text-transform: uppercase;}
.h_lm > a:hover,
.h_lm > a.active {color:rgba(0,0,0,1) !important;}
.h_snb {display: none; position: absolute; left:200px; top:8px; z-index: 2;}
.h_snb li {margin-bottom:25px;}
.h_snb li a {font-size:20px; font-weight: 400; color:rgba(0,0,0,.6); transition: all .3s ease; border-bottom:2px solid transparent; padding:2px 0; }
.h_snb li a:hover {padding:2px 15px; border-bottom:2px solid #007ac3; color:#007ac3;}