/*Content CSS*/
#header_wrap {  border:1px solid #d9d9d9;width:100%; height:70px; z-index:1111; background-color:rgba(232,243,247,1); left:0; position: absolute;-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 {left:0;top:20px; max-width: 100%; width:100%; z-index:6;-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;}
#header .header-inner {max-width:1300px; height:100%; margin:0 auto; display: flex; justify-content: space-between;  position: relative; z-index: 10;
align-items: center; }

#top_nav {height: 100%;  align-items: center; z-index:1111;  }
#top_nav .gnb { list-style:none; display: flex; padding:0 0 0 0; width:1400px; height: 100%; }
#top_nav .gnb > li { display:block; width:auto;  text-align:center; margin-left:57px;  position: relative; height: 100%; }
#top_nav .gnb > li:first-child {margin-left:0;}
#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; height:100%;}
#top_nav .gnb > li > a {font-size:18px; color:#222; height: 100%; align-items: center;transition: color .3s ease; }
#top_nav .gnb > li > a::after {position: absolute; bottom: -15px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height: 2px; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; -o-transition: all 0.4s; -ms-transition: all 0.3s; transition: all 0.3s; background:#008bc6;}
#top_nav .gnb > li > a:hover::after, #top_nav .gnb > li.active > a::after  {width:80px; margin-left:0; }
#top_nav .gnb > li > a.active::after {width: 80px; background-color: #008bc6;}
#top_nav .gnb > li > a:hover {color:#008bc6;}
#top_nav .gnb > li.active > a {color:#008bc6; }

/*child_menu*/
#top_nav .gnb .snb {list-style:none; height:90px;  position: absolute; left:0; }
#top_nav .gnb .snb,.device-md #top_nav .gnb .snb{display: none; border-top: 0; z-index:2;    text-align: center; flex-wrap:nowrap;  }
#top_nav .gnb .snb li a { color:#333; display:block; transition: all .3s ease; text-align: left; padding-right:20px;
white-space: nowrap; font-size:16px; height: 85px; display: flex; align-items: center;}
#top_nav .gnb .snb li a:hover {color:#008bc6;  text-decoration:none;}
#top_nav .gnb .snb li a.active {color:#008bc6;  text-decoration:none; background:#e7daff}

.snb_bg {width:100%; height:55px; background: #e8f3f7; position: absolute; left:0; top:70px; z-index: -1; display: none; border-bottom:1px solid #eee;}

/* hidden_nav */
.menu_slider_btn { display: block; cursor: pointer; position: relative; top:1px; width: 40px; }
.menu_slider_btn span { display: block; background: #222; width: 25px; 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: #222; width: 42px; 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(3) { margin-top: -2px; transform: rotate(135deg); }


.h_lm {margin-bottom:30px; position: relative; }
.h_lm > a {display: block; font-size:26px; font-weight: 700; color:rgba(0,0,0,.5) !important; transition: all .3s ease; max-width:250px;  position: relative; }
.h_lm > a:hover, .h_lm > a.active {color:rgba(0,0,0,1) !important;}
.h_snb {display: none; position: absolute; left:250px; top:5px; 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; white-space: nowrap; }
.h_snb li a:hover {padding:2px 15px; border-bottom:2px solid #008bc6; color:#008bc6;}





/* white header */
#header_wrap:hover {background-color: #e8f3f7;}
#header_wrap:hover #logo a {background-image:url('/new2025/images/logo.png'); }
#header_wrap:hover #top_nav .gnb > li > a {color:#000; }
#header_wrap:hover #top_nav .gnb > li.active > a {color:#008bc6; }
#header_wrap:hover #top_nav .gnb > li > a:hover {color:#008bc6; }
#header_wrap:hover .menu_slider_btn span {background: #008bc6; }