@charset "utf-8";

#hnn-wrap {width:100%;position:relative;}

#hnn-top {width:100%;height:81px; background:#ffffff; display:block; z-index:0; position:fixed; z-index:9999; }
#hnn-top:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:0px;
	width:100%;
	background:#ffffff;
}

#hnn-top .hnn-inner {width:1000px; margin:0 auto; position:relative; display:block; z-index:10;}
#hnn-top .hnn-inner:after {content:"";display:block;clear:both;}
#hnn-top #hnn-logo {position:absolute; top:23px; left:0;}
#hnn-top #hnn-gnb {float:right; background:#fff;}
#hnn-top #hnn-gnb > li {float:left; position:relative; margin-left:30px; text-align:center;}
#hnn-top #hnn-gnb > li > a {display:block;  width:110px; height:76px;color:#4d4d4d; font-size:16px; border-bottom:5px solid #fff; line-height:85px;}
#hnn-top #hnn-gnb > li:hover > a,
#hnn-top #hnn-gnb > li.active > a{color:#e89d26;}
#hnn-top #hnn-gnb li ul {position:absolute;left:0;top:81px;width:100%;text-align:center;background:#e89d26;padding:10px 0;display:none;}
#hnn-top #hnn-gnb li ul li a {display:block;color:#fff;font-size:13px;letter-spacing:-0.05em;word-spacing:-0.05em;padding:7px;}
#hnn-top #hnn-gnb li ul li.active a,
#hnn-top #hnn-gnb li ul li a:hover {color:#333;}
#hnn-top .hnn-inner .hnn-line {display:block;width:110px;height:5px;background:#e89d26;position:absolute;top:76px; z-index:50; left:0;}


#hnn-top .gnb-bg {background:url(../images/gnb-bg.png) 50% 0; width:100%; height:87px; display:block; position:absolute; top:0px; z-index:1;}

/*메인비주얼*/
#hnn-vis {width:100%;height:710px; z-index:0; position:relative; padding-top:81px;}
#hnn-vis .hnn-vis {width:100%;height:710px; position:relative;}
#hnn-vis .hnn-vis1 {background:url(../images/vis1.jpg) no-repeat 50% 0; z-index:0;}
#hnn-vis .hnn-vis2 {background:url(../images/vis2.jpg) no-repeat 50% 0; z-index:0;}
#hnn-vis .hnn-vis3 {background:url(../images/vis3.jpg) no-repeat 50% 0; z-index:0;}
#hnn-vis .hnn-vis4 {background:url(../images/vis4.jpg) no-repeat 50% 0; z-index:0;}
#hnn-vis .hnn-vis5 {background:url(../images/vis5.jpg) no-repeat 50% 0; z-index:0;}



.hnn-pager {
	position:absolute;
	top:730px;
	left:50%;
	margin-left:-85px;
	z-index:9999; 
	width:166px; height:44px; 
	display:block;
	background:url(../images/vis-bg.png);
}
.hnn-pager a {width:14px; height:14px; overflow:hidden; float:left; margin-left:10px; margin-top:15px;}
.hnn-pager a.hnn-pager1 {margin-left:27px;}
.hnn-pager a:hover > img,
.hnn-pager a.active > img {margin-top:-19px;}







/*푸터*/
#hnn-foot {z-index:0; width:100%; background:#f2f2f2;}
#hnn-foot:after {content:"";display:block;clear:both;}
#hnn-foot .hnn-inner {width:1000px;margin:0 auto;position:relative; font-size:11px; padding:32px 0 27px; z-index:0;}
#hnn-foot p {line-height:18px;color:#6e6e6e;}
#hnn-foot p img {padding:0 13px; }
#hnn-foot .hnn-sns {position:absolute; top:40px; right:0;}


/*공지레이어*/
body.hidden {overflow:hidden;}
#hnn-layer {position:fixed;width:100%;height:100%;overflow:auto;left:0;top:0;z-index:9999;background:url(../images/layer-bg.png);}
#hnn-layer .hnn-inner {width:780px;position:relative;top:10%;margin:0 auto;background:url(../images/layer-top.gif) repeat-x;}
#hnn-layer.hnn-findpass .hnn-inner {top:25%;}
#hnn-layer .hnn-close {position:absolute;display:block;top:0;right:-35px;}
#hnn-layer .hnn-con {padding:10px;background:#fff;}
#hnn-layer .hnn-con h4 {font-size:16px;color:#333;font-weight:bold; border-top:2px solid #333; border-bottom:1px solid #333; padding:10px 0 10px 10px;}
#hnn-layer .hnn-con .hnn-text {margin:20px 0; height:500px; padding:10px 40px 20px 10px; font-size:14px; overflow:auto; line-height:25px;}
#hnn-layer .hnn-con .hnn-text img {padding:10px 0;}