/* Àüü ÄÁÅÙÃ÷ ±æÀÌ 1120px  ·Î°í 250px Á¦¿Ü ¸Þ´º¹Ù ±æÀÌ*/
.top_nav {
	/* margin: 0px auto; top: 0px; width: 840px; position: absolute; border:1px solid #666;left:30%; */
	margin: 0px auto; top: 0px; width: 870px; position: absolute; 
}

.top_nav > ul > li {
	float: left; list-style:none; 
}
.top_nav > ul > li:first-child {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none; 
}
.top_nav > ul > li > a {
	padding: 23px 0px; color: rgb(0, 0, 0); letter-spacing: -0.5px; font-size: 20px; font-weight: 700; display:block;
}
.top_nav > ul > li.on > a {
	color: rgb(0, 51, 255);
}
.top_nav > ul > li > a:hover {
	color: rgb(1, 65, 127); text-decoration:none;
}
.top_nav_s {
	margin: 0px; padding: 25px 0px 20px 0px; height: 360px; text-align: center; display: none; border-left:dotted 1px #4f7eb8;margin-top:7px;
}

.top_nav_s ul:last-child{
	border-right:dotted 1px #d7d7d7;
}

.on.top_nav_s {
	display: block;
}
.top_nav_s li {
	list-style:none; margin-left:0px;
}
.top_nav_s li a {
	margin: 0px; padding: 4px 0px; color: rgb(255, 255, 255); font-size: 1.0em; font-weight: normal; display: block;
}
.top_nav_s li a:hover {
	color: rgb(255, 255, 255); text-decoration:none; font-weight: bold; font-size: 1.1em;background:#4f88c7
}
.top_nav > ul > li > a:hover > ul {
	 background:#d9d9d9; height:auto;
}
.top_nav_bg {
	background: rgb(66, 69, 118); top: 76px; width: 100%; height: 370px; display: none; position: absolute; opacity: 0.93; border-bottom:solid 5px #00417e;
}
.top_nav_bg .bg_img {
	
	
}
.top_nav_bg span {
	width:840px;
	
}


.top_nav ul .list1 {
	width: 174px;text-align:center;float:left;margin-left:40px;
}
.top_nav ul .list2 {
	width: 164px;text-align:center;float:left;
}
.top_nav ul .list3 {
	width: 164px;text-align:center;float:left;
}
.top_nav ul .list4 {
	width: 164px;text-align:center;float:left;
}
.top_nav ul .list5 {
	width: 144px;text-align:center;float:left;
}

.top_nav > ul > li > a:hover > top_nav_s ul {
	 background:#d9d9d9; height:auto;
}

@media (min-width:640px) and (max-width:1024px){
	.top_nav {
		left:25%;
	}
	/*.top_nav_bg .bg_img {
	margin:-90px 0 0 -100px;
	}*/
}
@media (min-width:1025px) and (max-width:1280px){
	.top_nav {
		left:30%;
	}
	/*.top_nav_bg .bg_img {
	margin:-80px 0 0 -70px;
	}*/
}
@media (min-width:1366px){
	.top_nav {
		left:27%;
	}
	/*.top_nav_bg .bg_img {
	margin:-80px 0 0 -70px;
	}*/
}
@media (min-width:1281px){
	.top_nav {
		left:36%;
	}
	/*.top_nav_bg .bg_img {
	margin:-110px 0 0 210px;
	} */
}