#in_header {width:100%;}

.top_menu_wrap {width:100%;  background:#2780be;}
.top_menu {width:1180px; margin:0 auto; overflow:hidden;}

.top_list {float:right;}
.top_list li {float:left; margin-right:8px; padding-left:8px; background:url(/image/top_blit.gif) left 8px no-repeat;}
.top_list li:first-child {background:none;}
.top_list li a {display:block; font-family:"dotum"; font-size:11px; line-height:16px; color:#99cfe9; padding:6px 0;}
.top_list li a:hover {color:#fff;}

.main_nav {width:1180px; margin:0 auto;}

.logo {float:left; line-height:80px; font-size:0;}
.logo img{vertical-align:middle; }

/* menu */

.nav {
	float:right;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif, "NanumBarunGothic";
	z-index:9999;
}
.nav-list {
	float:left;
}
.nav-list li {
	float:left;
	width:155px;
	position:relative;
	text-align:center;
}
.nav-list li > a {
	display:block;
	color:#3c3c3c;
	font:normal 16px "NanumBarunGothic";
	line-height:30px;
	padding:17px 0;
	letter-spacing:-1px;
}
.nav-list li:hover > a {

}
.nav-list li:hover ul {
	display:block;
}

.down_arrow {display:inline-block; width:20px; height:100%; background:url(/image/menu_arrow.png) right 12px no-repeat;}

/* Navigation submenu */
.nav-list li ul {
	display:none;
	position:absolute;
	top:61px;
	left:0;
	width:100%;
	border-top:1px solid #e2e2e2;
	z-index:9999;
}

.nav-list li ul li {
	width:100%;
	position:relative;
}

.nav-list li ul li a {
	background:#ffffff;
	border-bottom:1px solid #e2e2e2;
	display:block;
	padding:11px;
	font:normal 14px "NanumBarunGothic";
	color:#808080;
	letter-spacing:-1px;
}

.nav-list li ul li a:hover {
	background:#afafaf;
	color:#fff;
}

/* SUBSUB Menu */

.nav-list li ul li ul {
	display: none;
}

.nav-list li ul li:hover ul {
	position:absolute;
	left:100%;
	top: 0;
}


.slicknav_menu {
	display:none;
}

/* menu_all */
.in_menu_all {width:1180px; margin:0 auto; padding:30px 0;}
.nav_all {overflow:hidden;}
.nav_all li {float:left; width:16.66%; padding:0 1%; box-sizing:border-box; }
.nav_all li dl dt {font-size:17px; line-height:20px; color:#555; font-weight:500; margin-bottom:10px;}
.nav_all li dl dd {font-size:14px; line-height:18px; color:#666; margin:5px 0; }
.nav_all li dl .depth_menu {font-size:12px; text-indent:16px;}

.nav_all > li:nth-child(4){padding-left:4%; }


/* hide_nav */

#hide_nav {display:none;}
#hide_nav ul ul {display:none;}

#hide_nav > ul {border-top:1px solid #ccc;}
#hide_nav > ul > li {border-bottom:1px solid #ccc;  background:#f0f0f0;}
#hide_nav > ul > li a {display:block; font-family:"nanumgothic"; font-size:18px; line-height:36px; font-weight:600; color:#707070; text-indent:20px; padding:10px 0;}
#hide_nav > ul > li > a:hover {color:#fff; background:#5e9fcc;}
#hide_nav > ul > li.open > a {color:#fff; background:#5e9fcc;}
#hide_nav > ul > li > ul {background:#fff; padding:10px 0;}
#hide_nav > ul > li > ul li a {display:block; font-size:14px; line-height:20px; font-weight:500; padding:5px 0;}
#hide_nav > ul > li > ul li a:hover {color:#5e9fcc;}
#hide_nav > ul > li > ul li.open > a {color:#5e9fcc;}
#hide_nav > ul > li > ul > li > ul > li a {text-indent:40px; font-size:13px;}
#hide_nav > ul > li > ul > li > ul > li a:hover {color:#303030;}

#hide_nav ul li a {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 22px;
  /*border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;*/
}
#hide_nav > ul > li > a:hover > span::after,
#hide_nav > ul > li.active > a > span::after,
#hide_nav > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 22px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}



@media screen and (max-width: 1180px) {
	.in_menu_all {width:100%;}

	.top_menu {width:100%;}
	.main_nav {width:100%;}
	.nav{display:none; }
}

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

	.logo {float:none; margin:0;}

	.js #menu {display:none;}
	.js .slicknav_menu {display:block;}

	.down_arrow {display:none;}
	.slicknav_nav li a br{display:none;}
}

@media screen and (max-width: 1024px) {
	.in_menu_all {padding:0;}
	#hide_nav {display:block;}
	.nav_all {display:none;}
}

@media screen and (max-width: 500px) {
	.top_list li a{padding:4px 0;}

	.logo{line-height:64px; }
	.logo img{height:64px;}
}