#wrap{position: relative !important;}

nav { float:right; margin-right:5em;}

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}

nav ul li {
  display: inline-block;
  position: relative; 
}

nav ul li a {
  text-decoration: none;
  color: #fff !important; 
  font-size:20px;
  font-weight:400; 
  line-height:80px;
   letter-spacing:-1px; 
   padding:0 2vw;
  transition: 0.3s linear;
	display:block;
}

 
nav ul li ul {
   display: none;
  position: absolute;
  width: 200px; left:50%; margin-left:-100px;
}

nav ul li ul li {
  border-top: 1px solid #444;
  display: block; text-align:center;
}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #373737; 
  color:#fff !important;
   font-size:15px; 
   font-weight:400; 
   line-height:45px; 
  padding:0; 
  display:inline-block; 
  width:100%;
}

nav ul li ul li a:hover { background: #00b2b1; }

nav .fa.fa-angle-down { margin-left: 6px; }

.nav_ul ul{display:none;}  /*2단, 3단 메뉴를 숨기기 */
.nav_ul li:hover > ul {display:block;}  /*주 메뉴에 마우스 오버했을 때 부 메뉴 드러내기 */
.two{position:absolute;}  /*2단 메뉴 절대 위치*/
.three{position:absolute;left:300px; top: -1px; }  /*3단 메뉴 절대 위치*/


 

/*헤더*/
 #header {position:relative; z-index:999999 !important; width:100%; position:relative; height:80px; box-sizing:border-box; }
 #header .logo {margin-top:12px}

.top.roll{border-bottom:1px solid #ddd; }

.top.roll .logo img.color_img{display:block}
.top.roll .logo img.w_img{display:none}


#header:hover {background-color:#fff}
 #header:hover .logo img.color_img {display:block}
 #header:hover .logo img.w_img {display:none}
 #header:hover nav ul li a { color:#333 !important; }
 #header:hover nav ul li ul li a { color:#fff !important; }


.header_in {width:92%; box-sizing:border-box; margin:0 auto; position:relative; height:80px;}
 
.top {transition: ease-in 0.2s;}
.roll {background-color:#fff; }

.roll nav ul li a { color: #333 !important; }
.roll nav ul li ul li a { color:#fff !important; }

.logo {display:inline-block;}
.logo img.color_img {display:none; width:130px;}
.logo img.w_img {display:block; width:130px;}
.logo.color img.color_img {display:block}
.logo.color img.w_img {display:none}



@media (max-width:1400px){
.header_in{width:97%}
nav{margin-right:4em}
nav ul li a{font-size:17px;}
}

@media (max-width:1100px){
nav .nav_ul{display:none}

}

@media (max-width:950px){
#header{background:#fff !important}
.logo img.w_img{display:none !important}
.color_img{display:block !important}
.cd-nav-trigger span.ham{background-color:#333 !important}
}


@media (max-width:800px){
#header{background-color:#fff; height:60px;}
#header .logo{margin-top:5px;}
.logo img.w_img{display:none;}
.logo img.color_img{display:block; width:120px;}
}



.menu_div{}
.menu_div > ul > li{width:14.2%; text-align:center; margin-right:10px}
.menu_div > ul > li:last-child{margin-right:0;}
.menu_div > ul > li h2{background:#00b2b1; color:#fff; font-size:1.1vw; padding:10px 20px; box-sizing:border-box; margin-bottom:1em;}
.sub_menu_pop{}
.sub_menu_pop ul{}
.sub_menu_pop ul li{border-bottom:1px solid #ddd;}
.sub_menu_pop ul li a{padding:1em 0; box-sizing:border-box; display:block; font-size:0.9vw; font-weight:500;} 

.pop_p_img{position: absolute; bottom:0; right:0;}