@charset "utf-8";
body {background:#e6eaee url(../images/bg-sub.gif) fixed 100% 0 ;}
#hnn-wrap {width:100%; height:100%; min-height:850px;min-width:1100px;position:relative;}
#hnn-left {width:210px;position:fixed;left:0;top:0;height:100%;min-height:758px;z-index:10;background:#0a60ae;}
#hnn-left #hnn-logo {background:#fff; height:161px; text-align:center;}
#hnn-left #hnn-logo img {position:relative; top:42px;}
#hnn-left #hnn-tnb {
	text-align:center;
	font-size:0;
	border-top:1px solid #6d9cc7;
	border-bottom:1px solid #6d9cc7;
	height:34px;
	line-height:34px;
	background:#337bbc;

}
#hnn-left #hnn-tnb li {display:inline-block;padding:0 5px 0 7px; }
#hnn-left #hnn-tnb li a {font-size:12px; color:#88f0f9;}

#hnn-left #hnn-gnb {background:#0a60ae;padding:0 0 25px;}
#hnn-left #hnn-gnb > li {border-bottom:1px solid #3b80be;}
#hnn-left #hnn-gnb > li > a {
	display:block;
	padding:16px 0 16px 16px;
	color:#fff;
	font-size:16px;
}
#hnn-left #hnn-gnb > li.active > a,
#hnn-left #hnn-gnb > li.over > a,
#hnn-left #hnn-gnb > li:hover > a {color:#88f0f9;background:#0b5190;}
#hnn-left #hnn-gnb li dl {
	position:absolute;
	left:210px;
	top:0;
	width:0;
	background:#0b5190;
	height:100%;
	overflow:hidden;
}


#hnn-left #hnn-gnb li dl dt,
#hnn-left #hnn-gnb li dl dd {width:155px}
#hnn-left #hnn-gnb li dl dt {height:197px;background:url(../images/left-bg.gif) repeat-x 100% 0; text-align:center; margin-bottom:15px;}
#hnn-left #hnn-gnb li dl dt span {	font-size:18px; color:#fff; position:relative; top:70px; letter-spacing:-0.05em;}

#hnn-left #hnn-gnb li.hnn-gnb1 dl dd {position:relative; top:0;}
#hnn-left #hnn-gnb li.hnn-gnb2 dl dd {position:relative; top:50px;}
#hnn-left #hnn-gnb li.hnn-gnb3 dl dd {position:relative; top:105px;}
#hnn-left #hnn-gnb li.hnn-gnb4 dl dd {position:relative; top:165px;}
#hnn-left #hnn-gnb li.hnn-gnb5 dl dd {position:relative; top:220px;}
#hnn-left #hnn-gnb li.hnn-gnb6 dl dd {position:relative; top:275px;}



#hnn-left #hnn-gnb li dl dd a {
	display:block;
	height:36px;
	line-height:36px;
	font-size:14px;
	color:#fff;
	letter-spacing:-0.5px;
	word-spacing:-0.5px;
	padding-left:35px;
}
#hnn-left #hnn-gnb li dl dd.active a,
#hnn-left #hnn-gnb li dl dd a:hover {color:#88f0f9;}


#hnn-left #hnn-bot {
	position:absolute;
	left:0;
	bottom:0;
	height:230px;
	width:100%;
	background:#0a60ae;
}
#hnn-left #hnn-fnb {position:relative; top:10px;}
#hnn-left #hnn-fnb li {display:block;padding:2px 0 2px 43px;}
#hnn-left #hnn-fnb li a {font-size:12px; color:#97d4fa;}
#hnn-left #hnn-fnb li img {padding-right:7px;}

#hnn-left #hnn-foot {
	position:absolute;
	bottom:30px;
	left:20px;
	font-size:12px;
	color:#a5bbd9;
	line-height:18px;
}
#hnn-left #hnn-foot p {letter-spacing:-0.05em; word-spacing:0;}