@charset "utf-8";
body {background:#fff 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:#456daa;}
#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:# ;

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

#hnn-left #hnn-gnb {background:#456daa;padding:0 0 25px;}
#hnn-left #hnn-gnb > li {border-bottom:1px solid #19478d;}
#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:#000;background:#aecdfc;}
#hnn-left #hnn-gnb li dl {
	position: absolute;
	left: 209px;
	top: 0;
	width: 0;
	background: #19478d;
	height: 100%;
	overflow: hidden;
}


#hnn-left #hnn-gnb li dl dt,
#hnn-left #hnn-gnb li dl dd {width:210px}
#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:#ff0000;}


#hnn-left #hnn-bot {
	position:absolute;
	left:0;
	bottom:0;
	height:230px;
	width:100%;
	background:#456daa;
}
#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;}