#hnn-vis {height:565px;background:url(../images/vis-bg.jpg) no-repeat 50% 0;}
#hnn-vis .hnn-inner {width:990px;margin:0 auto;position:relative;}
#hnn-vis #hnn-visbtn {position:absolute;top:44px;right:0;}
#hnn-vis #hnn-visbtn > div {width:321px;position:relative;}
#hnn-vis #hnn-visbtn .hnn-con {padding:22px 0 0 25px;}
#hnn-vis #hnn-visbtn .hnn-con h5 {
	font-size:21px;
	font-family:'맑은 고딕','malgun gothic';
	color:#fff;
	font-weight:bold;
	letter-spacing:-0.75px;
	word-spacing:-0.75px;
}
#hnn-vis #hnn-visbtn .hnn-con p {
	font-weight:bold;
	font-family:'맑은 고딕','malgun gothic';
	font-size:13px;
	color:#fff;
	line-height:16px;
	padding:10px 0;
	letter-spacing:-0.75px;
	word-spacing:-0.75px;
}
#hnn-vis #hnn-visbtn #hnn-visbtn1 {height:159px;background:url(../images/vis1.png) no-repeat;}
#hnn-vis #hnn-visbtn #hnn-visbtn2 {height:158px;background:url(../images/vis2.png) no-repeat;}
#hnn-vis #hnn-visbtn #hnn-visbtn3 {height:163px;background:url(../images/vis3.png) no-repeat;}

#hnn-element {width:100%;height:207px;background:#4f576a;}
#hnn-element .hnn-inner {width:990px;margin:0 auto;}
#hnn-element .hnn-inner:after {content:"";display:block;clear:both;font-size:0;}
#hnn-element .hnn-inner > div {position:relative;padding-top:28px;height:179px;}
#hnn-element .title {height:37px;}
#hnn-element .title:after {content:"";display:block;clear:both;font-size:0;}
#hnn-element .title h3 {float:left;font-size:18px;font-family:'Open Sans';color:#fff;font-weight:bold;}
#hnn-element .title a {float:right;}
#hnn-element .hnn-list {font-size:13px;line-height:23px;}
#hnn-element .hnn-list li {padding-left:9px;background:url(../images/edot.gif) no-repeat 0 50%;}
#hnn-element .hnn-list a {color:#fff;}
#hnn-element .hnn-inner #hnn-notice {width:289px;float:left;}
#hnn-element .hnn-inner #hnn-qa {
	float:left;
	width:289px;
	margin-left:30px;
	border-left:1px solid #999da7;
	border-right:1px solid #999da7;
	padding-left:30px;
	padding-right:30px;
}
#hnn-element .hnn-inner #hnn-cs {float:right;width:292px;}
#hnn-element .hnn-inner #hnn-cs .hnn-bg {
	display:block;
	width:130px;
	height:181px;
	position:absolute;
	bottom:0;
	right:-17px;
	background:url(../images/cs-bg.jpg) no-repeat;
	z-index:0;
}
#hnn-element .hnn-inner #hnn-cs img {position:relative;z-index:1;}




/*Sub*/
#hnn-sub {width:100%;position:relative;z-index:0;}
#hnn-sub .hnn-svis {width:100%;height:207px;background:url(../images/svis1.jpg) no-repeat 50% 0;}
#hnn-sub .hnn-inner {width:990px;margin:32px auto 0;padding-bottom:80px;background:url(../images/sub-dot.gif) repeat-y 206px 0;}
#hnn-sub .hnn-inner:after {content:"";display:block;clear:both;font-size:0;}
#hnn-sub .hnn-lef {width:206px;float:left;}
#hnn-sub .hnn-lef h2 {
	padding:0 0 15px 8px;
	border-bottom:1px solid #ebebeb;
	font-size:30px;
	font-weight:bold;
	font-family:'Open Sans','ng';
	color:#474747;
	line-height:28px;
}
#hnn-sub .hnn-lef #hnn-lnb {line-height:28px;padding-top:15px;}
#hnn-sub .hnn-lef #hnn-lnb > li > a {
	line-height:28px;
	padding-left:22px;
	background:url(../images/lnb-off.gif) no-repeat 13px 50%;
	font-size:14px;
	letter-spacing:-0.5px;
	word-spacing:-0.5px;
	font-family:'Open Sans','ng';
	color:#444;
}
#hnn-sub .hnn-lef #hnn-lnb li.active a,
#hnn-sub .hnn-lef #hnn-lnb li a:hover {color:#1f4a9e;background:url(../images/lnb-on.gif) no-repeat 13px 50%;}
#hnn-sub .hnn-rig {width:745px;float:right;}
#hnn-sub .hnn-rig .title {padding-bottom:30px;}
#hnn-sub .hnn-rig .title:after {content:"";display:block;clear:both;font-size:0;}
#hnn-sub .hnn-rig .title h3 {float:left;font-size:25px;color:#474747;font-family:'Open Sans','ng';letter-spacing:-0.5px;word-spacing:-0.5px;font-weight:bold;}
#hnn-sub .hnn-rig .title p {float:right;font-size:11px;color:#686868;font-family:'Open Sans','ng';padding-top:10px;}
#hnn-sub .hnn-rig .title p img {margin:0 5px;}
#hnn-sub #hnn-content {clear:both;min-height:500px;}
#hnn-sub #hnn-content:after {content:"";display:block;clear:both;font-size:0;}

.sub11 {background:url(../images/sub11-bg.jpg) no-repeat 100% 0;}