@charset "utf-8";
/*회사소개 메인*/
.hnn-company {width:100%; height:710px; position:absolute; z-index:1; top:0; left:0;}
.hnn-company a {width:100%; height:710px; display:block; position:absolute; top:81px; left:0; z-index:9999;}
.hnn-company .hnn-inner {width:1000px; height:710px; position:absolute; top:0; left:50%; margin-left:-500px;  z-index:0;}
.hnn-company span {position:absolute; top:665px; right:0;}
.hnn-company .hnn-box {
	position:absolute;
	z-index:100;
	left:0;
	top:454px;
	letter-spacing:-0.03px; word-spacing:-0.03px;
}
.hnn-company .hnn-box h3 {font-size:38px; color:#000000; margin-bottom:15px; }
.hnn-company .hnn-box p {font-size:15px; color:#000000; }



/*사업영역 메인*/
.hnn-business {width:1000px; height:710px; position:absolute; top:0; left:50%; margin-left:-500px;  z-index:0;}
.hnn-business h3 {position:absolute; top:93px; right:0; margin-right:250px;}
.hnn-business .hnn-box {float:left; margin-right:13px; position:relative; margin-top:309px; letter-spacing:-1px; word-spacing:-1px;}
.hnn-business .hnn-box .hnn-txt {position:absolute; right:19px; bottom:22px; font-size:30px; color:#fff;}
.hnn-business .hnn-box em {
	display:none;
	width:100%;
	height:100%;
	background:url(../images/sub20-box-on.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
.hnn-business .hnn-box1,
.hnn-business .hnn-box3 {margin-right:13px}
.hnn-business .hnn-box2 {margin-right:14px}
.hnn-business .hnn-box4  {margin-right:0;}



/*솔루션 메인*/
.hnn-solution {width:1000px; height:710px; position:absolute; top:61px; left:50%; margin-left:-500px;  z-index:1;}
.hnn-solution .hnn-box {float:left; position:relative;  z-index:1;}
.hnn-solution .hnn-box1 {margin-right:13px;}
.hnn-solution .hnn-box2 {margin-right:12px;}
.hnn-solution .hnn-box .hnn-txt {position:absolute; left:27px; top:50px; font-size:20px; color:#fff; line-height:24px;}
.hnn-solution .hnn-box .hnn-txt > span {font-size:38px; display:block; margin-top:15px; line-height:38px;}
.hnn-solution .hnn-box em {
	display:none;
	width:100%;
	height:100%;
	background:url(../images/sub30-box-on.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}



/*홍보센터 메인*/
.hnn-ad {width:1000px; height:710px; position:absolute; top:0; left:50%; margin-left:-500px;  z-index:0;}
.hnn-ad h3 {position:absolute; top:75px; right:0; margin-right:250px;}
.hnn-ad .hnn-box {float:left; margin-right:13px; position:relative; margin-top:222px; letter-spacing:-1px; word-spacing:-1px;}
.hnn-ad .hnn-box .hnn-txt {position:absolute; right:19px; bottom:22px; font-size:30px; color:#fff;}
.hnn-ad .hnn-box em {
	display:none;
	width:100%;
	height:100%;
	background:url(../images/sub40-box-on.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
.hnn-ad .hnn-box1 {margin-left:40px;}
.hnn-ad .hnn-box1,
.hnn-ad .hnn-box2 {margin-right:50px}



/*고객지원 메인*/
.hnn-center {width:100%; height:710px; position:absolute; z-index:1; top:0; left:0;}
.hnn-center a {width:100%; height:710px; display:block; position:absolute; top:81px; left:0; z-index:9999;}
.hnn-center .hnn-inner {width:1000px; height:710px; position:absolute; top:0; left:50%; margin-left:-500px;  z-index:0;}
.hnn-center span {position:absolute; top:665px; right:0; color:#6f7275;}
.hnn-center .hnn-box {
	position:absolute;
	z-index:100;
	right:0;
	top:113px;
	letter-spacing:-1px; word-spacing:-1px;
}
.hnn-center .hnn-box h3 {font-size:45px; color:#000000; margin-bottom:15px; }
.hnn-center .hnn-box p {font-size:32px; color:#000000; line-height:40px;}




/*Sub*/
#hnn-svis {z-index:0; width:100%; padding-top:81px;}
#hnn-svis,
#hnn-svis .hnn-svis {width:100%; height:162px;position:relative;}
#hnn-svis .hnn-svis1 {background:url(../images/svis1.jpg) no-repeat 50% 0;}
#hnn-svis .hnn-svis2 {background:url(../images/svis2.jpg) no-repeat 50% 0;}
#hnn-svis .hnn-svis3 {background:url(../images/svis3.jpg) no-repeat 50% 0;}
#hnn-svis .hnn-svis4 {background:url(../images/svis4.jpg) no-repeat 50% 0;}
#hnn-svis .hnn-svis5 {background:url(../images/svis5.jpg) no-repeat 50% 0;}
#hnn-svis .hnn-svis .hnn-inner {width:1000px; margin:0 auto;} 
#hnn-svis .hnn-svis .hnn-inner h3 {font-size:40px; color:#fff; font-weight:normal; padding-top:45px;}
#hnn-svis .hnn-svis .hnn-inner p {font-size:14px; color:#fff;}

#hnn-navi {height:40px; border-bottom:1px solid #e7e7e7;}
#hnn-navi .hnn-inner {width:1000px; margin:0 auto;}
#hnn-navi .hnn-inner li {float:left; font-size:13px; line-height:40px; color:#9f9f9f;}
#hnn-navi .hnn-inner li.hnn-navi1 {width:58px; text-indent:16px; background:url(../images/navi-bg.gif) no-repeat 100% 0;}
#hnn-navi .hnn-inner li.hnn-navi1 a img {position:relative; top:-2px;}
#hnn-navi .hnn-inner li.hnn-navi2 {background:url(../images/navi-bg.gif) no-repeat 100% 0; padding:0 42px 0 30px;}
#hnn-navi .hnn-inner li.hnn-navi3 {color:#575858; padding:0 42px 0 30px;}



#hnn-sub {width:1000px; margin:0 auto; position:relative; padding:40px 0 75px;}
#hnn-sub:after {content:"";display:block;clear:both;}
#hnn-sub .hnn-lef {width:170px;float:left;}
#hnn-sub .hnn-lef #hnn-lnb h2 {
	width:170px;
	height:140px;
	background:#e89d26;
	text-align:center;
	color:#fff;
	letter-spacing:-0.75px;
	word-spacing:-0.75px;
	font-size:26px;
	font-weight:600;
}
#hnn-sub .hnn-lef #hnn-lnb h2 p {padding-top:63px;}

#hnn-sub .hnn-lef #hnn-lnb ul {width:168px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
#hnn-sub .hnn-lef #hnn-lnb ul > li > a {
	display:block;
	color:#615956;
	height:45px;
	line-height:45px;
	text-indent:20px;
	font-size:14px;
	letter-spacing:-0.5px;
	word-spacing:-0.5px;
	border-bottom:1px solid #e7e7e7;
}

#hnn-sub .hnn-lef #hnn-lnb ul > li.hnn-lnb33 > a {line-height:15px; 	text-indent:0;}
#hnn-sub .hnn-lef #hnn-lnb ul > li.hnn-lnb33 > a span {padding:7px 0 0 20px;display:block;}

#hnn-sub .hnn-lef #hnn-lnb ul > li.active > a,
#hnn-sub .hnn-lef #hnn-lnb ul > li:hover > a {background:url(../images/lnb-on.gif) no-repeat 140px 50%;color:#e87026;}

#hnn-sub .hnn-rig {width:780px;float:right;}
#hnn-sub .hnn-rig .hnn-title {font-size:32px;  font-weight:bold; color:#5f5e5e; letter-spacing:-0.01em; word-spacing:-0.01em;  }
#hnn-sub .hnn-rig .hnn-slogan {font-size:18px; color:#5f5e5e; letter-spacing:-0.5px; word-spacing:-0.5px;}


#hnn-content {clear:both;padding-top:50px;}

.hnn-s-tit {color:#cecece; font-size:30px; margin-bottom:30px;  letter-spacing:-0.05em; word-spacing:-0.05em; }
.hnn-s-slogan {color:#2d2d2d; font-size:16px; line-height:25px; margin-bottom:54px;  letter-spacing:-0.01em; word-spacing:-0.01em; }
.hnn-s-slogan strong {color:#e87026; font-weight:normal; }