@charset "utf-8";
#hnn-wrap {width:100%;min-width:1050px;margin:0 auto;padding-top:70px;}
#hnn-top {width:100%;min-width:1050px;height:69px;border-bottom:1px solid #e2e2e2;position:fixed;z-index:500;background:#fff;left:0;top:0;}
#hnn-top .hnn-inner {width:1050px;margin:0 auto;position:relative;}
#hnn-top #hnn-logo {position:absolute;top:21px;left:0;z-index:10;}
#hnn-top #hnn-logo img {display:block;}
#hnn-top .hnn-tnb {position:absolute;top:18px;right:0;}
#hnn-top .hnn-tnb li {float:left;margin-left:6px;}
#hnn-top #hnn-gnb {position:absolute;top:0;right:85px;}
#hnn-top #hnn-gnb > li {float:left;position:relative;}
#hnn-top #hnn-gnb > li > a {
	float:left;
	display:block;
	text-align:center;
	font-size:16px;
	letter-spacing:-1px;
	word-spacing:-1px;
	height:69px;
	line-height:66px;
	color:#222;
}
#hnn-top #hnn-gnb > li.active > a,
#hnn-top #hnn-gnb > li.over > a,
#hnn-top #hnn-gnb > li:hover > a {
	font-weight:600;
	color:#378bea;
	height:66px;
	border-bottom:3px solid #4195f5;
}
#hnn-top #hnn-gnb .hnn-gnb1 > a {width:129px;}
#hnn-top #hnn-gnb .hnn-gnb2 > a {width:110px;}
#hnn-top #hnn-gnb .hnn-gnb3 > a {width:116px;}
#hnn-top #hnn-gnb .hnn-gnb4 > a {width:110px;}
#hnn-top #hnn-gnb .hnn-gnb5 > a {width:148px;}
#hnn-top #hnn-gnb li ul {
	position:absolute;
	top:69px;
	width:100%;
	box-sizing:border-box;
	line-height:30px;
	background:#fff;
	padding:10px 0 15px;
	display:none;
	border:1px solid #4195f5;
	border-top:none;
}
/*
#hnn-top #hnn-gnb li:hover ul:before {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#4195f5;
	position:absolute;
	top:0;
	left:0;
}
*/
#hnn-top #hnn-gnb li ul li a {font-size:15px;letter-spacing:-0.5px;word-spacing:-0.5px;padding:0 0 0 25px;color:#222;}
#hnn-top #hnn-gnb li ul li.active a,
#hnn-top #hnn-gnb li ul li a:hover {color:#4195f5;font-weight:600;}

#hnn-top .hnn-default,
#hnn-top .hnn-scroll {width:100%;position:absolute;left:0;z-index:0;}
#hnn-top .hnn-default {top:0;}
#hnn-top .hnn-scroll {top:-100px;opacity:0;}
#hnn-top .hnn-rnb {position:absolute;top:15px;right:0;width:140px;}
#hnn-top .hnn-rnb:after {content:"";display:block;clear:both;height:0;}
#hnn-top .hnn-rnb li {float:left;text-align:center;letter-spacing:-0.5px;word-spacing:-0.5px;}
#hnn-top .hnn-rnb .hnn-rnb2 {clear:both;}
#hnn-top .hnn-rnb .hnn-rnb2,
#hnn-top .hnn-rnb .hnn-rnb3 {margin-top:2px;}
#hnn-top .hnn-rnb .hnn-rnb3 {float:right;}
#hnn-top .hnn-rnb .hnn-rnb1 a {width:140px;height:35px;line-height:35px;background:#4195f5;font-size:16px;color:#fff;display:block;}
#hnn-top .hnn-rnb .hnn-rnb2 a,
#hnn-top .hnn-rnb .hnn-rnb3 a {
	width:67px;
	height:33px;
	line-height:33px;
	background:#f4f4f4;
	border:1px solid #e6e6e6;
	font-size:14px;
	color:#555;
	display:block;
}
#hnn-top .hnn-cs {position:absolute;left:325px;top:26px;}
#hnn-top .hnn-cs h3 strong {font-size:32px;color:#fe9500;vertical-align:middle;}
#hnn-top .hnn-cs h3 span {font-size:18px;color:#000;letter-spacing:-0.5px;word-spacing:-0.5px;}
#hnn-top .hnn-cs p {font-size:14px;color:#666;letter-spacing:-0.5px;word-spacing:-0.5px;}


#hnn-foot {width:100%;position:relative;background:#3c3f48;}
#hnn-foot .hnn-inner {width:1050px;margin:0 auto;padding:23px;position:relative;}
#hnn-foot .hnn-inner:after {content:"";display:block;clear:both;height:0;}
#hnn-foot h2 {float:left;margin-top:5px;}
#hnn-foot .hnn-info {float:left;margin-left:35px;}
#hnn-foot .hnn-info .hnn-fnb:after {content:"";display:block;clear:both;height:0;}
#hnn-foot .hnn-info .hnn-fnb li {float:left;margin-right:20px;font-size:14px;letter-spacing:-1px;word-spacing:-1px;}
#hnn-foot .hnn-info .hnn-fnb li a {color:#a4a7b0;}
#hnn-foot .hnn-info p {color:#797c84;padding-top:7px;}
#hnn-foot #hnn-gotop {
	background:url(../images/gotop.png) no-repeat;
	text-indent:-9999px;
	right:-44px;
	top:-10px;
	display:block;
	width:37px;
	height:37px;
	position:absolute;
}


#hnn-stop {background:#f6f6f6 url(../images/svis-bg.gif) repeat-x;border-bottom:1px solid #ececec;}
#hnn-stop .hnn-inner {width:1050px;margin:0 auto;height:79px;line-height:79px;}
#hnn-stop .hnn-inner:after {content:"";display:block;clear:both;height:0;}
#hnn-stop h2 {float:left;font-size:36px;font-weight:normal;letter-spacing:-1px;word-spacing:-1px;}
#hnn-stop p {float:right;color:#777;font-size:14px;letter-spacing:-0.5px;word-spacing:-0.5px;}
#hnn-stop p img {margin:0 5px;}

#hnn-sub {width:1050px;margin:0 auto;position:relative;padding:35px 0 100px;min-height:440px;}
#hnn-sub .hnn-stit:after {content:"";display:block;clear:both;height:0;}
#hnn-sub .hnn-stit h3 {
	float:left;
	font-size:26px;
	letter-spacing:-2px;
	word-spacing:-2px;
	font-weight:normal;
	color:#4195f5;
	padding-bottom:30px;
}
#hnn-sub .hnn-stit h4 {float:left;padding-bottom:10px;}
#hnn-sub .hnn-stit h4 strong {padding-left:0;font-size:16px;color:#333;letter-spacing:-0.5px;word-spacing:-0.5px;vertical-align:middle;}
#hnn-sub .hnn-stit h4 .hnn-icon + strong {padding-left:10px;}
#hnn-sub .hnn-stit .hnn-rig {float:right;padding:10px 0;}
#hnn-sub .hnn-stit h4 + .hnn-rig {padding:0 0 10px;}
#hnn-sub .hnn-stit .hnn-rig .hnn-sns li {float:left;margin-left:4px;}



.hnn-layer {display:none;width:100%;height:100%;position:fixed;background:url(../images/layer-bg.png);z-index:1000;top:0;left:0;}
.hnn-layer .hnn-log-bg {width:100%;height:100%;position:fixed;z-index:1000;top:0;left:0;}
.hnn-layer .hnn-close {position:absolute;top:12px;right:10px;}
.hnn-layer .hnn-inner {width:480px;top:50%;left:50%;margin:-300px 0 0 -240px;background:#fff;position:absolute;z-index:2000;}
.hnn-layer .hnn-top {height:130px;background:#4195f5;text-align:center;color:#fff;}
.hnn-layer .hnn-top h2 {font-size:34px;letter-spacing:-1px;word-spacing:-1px;padding-top:23px;}
.hnn-layer .hnn-top h2 strong {font-family:'arial black';vertical-align:middle;}
.hnn-layer .hnn-top h2 span {vertical-align:baseline;font-weight:normal;}
.hnn-layer .hnn-top p {letter-spacing:-0.75px;word-spacing:-0.75px;}
.hnn-layer .hnn-top p img {vertical-align:-7px;}
.hnn-layer .hnn-top p span {font-size:21px;padding:0 5px;}
.hnn-layer .hnn-top p em {font-size:17px;}
.hnn-layer .hnn-top p em {font-size:17px;}
.hnn-layer .hnn-con input[type="text"],
.hnn-layer .hnn-con input[type="password"] {
	display:block;
	height:83px;
	line-height:83px;
	border:none;
	border-bottom:1px solid #eceff2;
	font-size:15px;
	text-indent:72px;
	width:100%;
}
.hnn-layer .hnn-con input[type="text"] {background:#fff url(../images/ico-log1.gif) no-repeat 35px 50%;}
.hnn-layer .hnn-con input[type="text"]:focus {background:#fff url(../images/ico-log1on.gif) no-repeat 35px 50%;}
.hnn-layer .hnn-con input[type="password"] {background:#fff url(../images/ico-log2.gif) no-repeat 35px 50%;}
.hnn-layer .hnn-con input[type="password"]:focus {background:#fff url(../images/ico-log2on.gif) no-repeat 35px 50%;}
input::-webkit-input-placeholder {color:#a2a1a1;}
input:-moz-placeholder {color:#a2a1a1;}
input::-moz-placeholder {color:#a2a1a1;}
input:-ms-input-placeholder {color:#a2a1a1;}

.hnn-layer .hnn-con .hnn-auto {background:#f9fafc;padding:15px 0;}
.hnn-layer .hnn-con .hnn-auto:after {content:"";display:block;clear:both;height:0;}
.hnn-layer .hnn-con .hnn-area {float:left;margin:7px 0 0 35px;}
.hnn-layer .hnn-con .hnn-lbtn {
	background:url(../images/btn-login.png) no-repeat;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border:none;
	width:140px;
	height:35px;
	float:right;
	margin-right:22px;
	letter-spacing:-0.5px;
	word-spacing:-0.5px;
}
.hnn-layer .hnn-con .hnn-area label {vertical-align:middle;letter-spacing:-0.5px;word-spacing:-0.5px;font-size:14px;color:#747474;cursor:pointer;}
.hnn-layer .hnn-con .hnn-area label a {color:#1b74db;vertical-align:baseline;}
.hnn-layer .hnn-con .hnn-area .hnn-passlost {letter-spacing:-0.5px;word-spacing:-0.5px;font-size:14px;color:#1b74db;padding:0 15px;}

.hnn-layer .hnn-con .hnn-bot {*overflow:hidden;padding:15px 0;}
.hnn-layer .hnn-con .hnn-bot:after {content:"";display:block;clear:both;height:0;}
.hnn-layer .hnn-con .hnn-bot .hnn-txt {float:left;margin-left:30px;letter-spacing:-0.5px;word-spacing:-0.5px;font-size:14px;color:#747474;}
.hnn-layer .hnn-con .hnn-bot .hnn-rig {float:right;margin-right:40px;letter-spacing:-0.5px;word-spacing:-0.5px;font-size:16px;}
.hnn-layer .hnn-con .hnn-bot .hnn-rig a {color:#1b74db;}
.hnn-layer .hnn-con .hnn-bot .hnn-rig a:hover {text-decoration:underline;}
.hnn-layer .hnn-con .hnn-bot2 {*overflow:hidden;padding:15px 0;}
.hnn-layer .hnn-con .hnn-bot2:after {content:"";display:block;clear:both;height:0;}
.hnn-layer .hnn-con .hnn-bot2 .hnn-lbtn {float:left;margin-left:178px;}
.hnn-layer .hnn-con .hnn-caution {
	background:#f6cfcf;
	color:#f83b3b;
	text-align:center;
	padding:15px 0;
	font-size:14px;
	letter-spacing:-0.5px;
	word-spacing:-0.5px;
	display:none;
}
.hnn-layer .hnn-con .hnn-find {background:#f9fafc;display:none;}
.hnn-layer .hnn-con .hnn-find h3 {text-align:center;font-size:16px;color:#090909;padding-bottom:5px;}
.hnn-layer .hnn-con .hnn-find .hnn-area {display:none;}
.hnn-layer .hnn-con .hnn-find .hnn-area span {font-size:14px;color:#f83b3b;letter-spacing:-0.5px;word-spacing:-0.5px;}
.hnn-layer .hnn-con .hnn-radi {padding:15px 30px;border-bottom:1px solid #eceff2;}
.hnn-layer .hnn-con .hnn-radi label {padding:0 0 0 25px;font-size:16px;font-weight:bold;color:#333;line-height:20px;display:block;margin-top:15px;}
.hnn-layer .hnn-con .hnn-radi label:first-child {margin-top:0;}
.hnn-layer .hnn-con .hnn-radi label input {margin-left:-20px;}

#hnn-join.hnn-layer .hnn-inner {width:480px;top:50%;left:50%;margin:-330px 0 0 -240px;background:#fff;position:absolute;z-index:2000;}
#hnn-join.hnn-layer .hnn-provision {width:650px;top:70px;left:50%;margin:0 0 0 -325px;background:#fff;position:absolute;z-index:3000;display:none;}
.hnn-layer .hnn-provision .hnn-tit {
	height:68px;
	line-height:68px;
	padding-left:20px;
	font-size:30px;
	color:#636364;
	font-weight:bold;
	border-bottom:1px solid #eceff2;
}
.hnn-layer .hnn-provision .hnn-ptxt {
	font-size:13px;
	letter-spacing:-0.5px;
	word-spacing:-0.5px;
	color:#636364;
	line-height:20px;
	padding:20px;
	overflow-y:scroll;
	height:600px;
	white-space:pre-wrap;
}
.hnn-layer .hnn-provision .hnn-close2 {position:absolute;top:27px;right:22px;}