@charset "utf-8";
#winwidth {position:fixed;left:10px;bottom:10px;z-index:9999;display:block;padding:10px;font-size:14px;color:#fff;background:#333;font-weight:600;}

img {max-width:100%;}
#hnn-wrap {position:relative;min-width:320px;overflow:hidden;}

/* 최상단 */
#hnn-tnb {background:#0c4da2;position:relative;z-index:20;}
#hnn-tnb .hnn-inner {margin:0 auto;max-width:980px;height:45px;position:relative;}
#hnn-tnb .hnn-main {position:absolute;left:0;top:0;}
#hnn-tnb .hnn-main .hnn-btn {
	display:block;
	width:99px;
	height:44px;
	line-height:43px;
	color:#d3e6fe;
	font-size:13px;
	border-left:1px solid #3068b0;
	border-right:1px solid #3068b0;
	border-bottom:1px solid #3068b0;
	text-align:center;
}

#hnn-tnb .hnn-lang {position:absolute;right:0;}
#hnn-tnb .hnn-lang li {float:left;}
#hnn-tnb .hnn-lang li a {
	display:block;
	height:45px;
	line-height:43px;
	color:#d3e6fe;
	font-size:13px;
	border-right:1px solid #3068b0;
	padding:0 15px;
	transition:0.3s;
}
#hnn-tnb .hnn-lang li:first-child a {border-left:1px solid #3068b0;}
#hnn-tnb .hnn-lang li:hover a {color:#fff;text-decoration:underline;transition:0.3s;}
#hnn-tnb .hnn-lang li.active a {color:#fff;text-decoration:underline;}

/* 상단 */
#hnn-top {position:relative;z-index:10;padding:0 10px;}
#hnn-top .hnn-inner {margin:0 auto;max-width:980px;height:90px;position:relative;}
#hnn-top #hnn-logo {position:absolute;top:11px;left:0;width:203px;}
#hnn-top #hnn-gnb {position:absolute;top:0;right:0;}
#hnn-top #hnn-gnb > li {float:left;}
#hnn-top #hnn-gnb > li > a {
	display:block;
	height:90px;
	padding:0 35px;
	line-height:90px;
	font-family:osb,sans-serif;
	letter-spacing:-0.05em;
	word-spacing:-0.05em;
	color:#545454;
	font-size:16px;
	transition:0.3s;
}
#hnn-top #hnn-gnb .hnn-gnb5 > a {padding-right:0;}
#hnn-top #hnn-gnb > li.active > a,
#hnn-top #hnn-gnb > li > a:hover {color:#0c4da2;transition:0.3s;}


/* 하단 */
#hnn-foot {background:#ededed;padding:37px 0 40px;position:relative;}
#hnn-foot .hnn-inner {max-width:980px;margin:0 auto;position:relative;overflow:hidden;}
#hnn-foot h2 {float:left;width:136px;margin-top:5px;}
#hnn-foot p {float:left;/*margin-left:22px;*/color:#888;letter-spacing:-0.03em;word-spacing:-0.03em;line-height:18px;}
#hnn-foot p em {white-space:nowrap;}


/* 메인비쥬얼 */
#hnn-vis {position:relative;z-index:0;background:url(../images/ko/vis-bg.gif) no-repeat 50% 0;}
#hnn-vis .hnn-inner {max-width:980px;margin:0 auto;}
#hnn-vis .hnn-inner,
#hnn-vis .hnn-vis {position:relative;}

#hnn-vis .bx-pager {position:absolute;bottom:15px;left:15px;z-index:100;}
#hnn-vis .bx-pager .bx-pager-item {display:block;float:left;}
#hnn-vis .bx-pager .bx-pager-item a {
	display:block;
	width:15px;
	height:15px;
	background:#bfc6d1;
	text-indent:15px;
	overflow:hidden;
	margin-right:5px;
	border-radius:50%;
}
#hnn-vis .bx-pager .bx-pager-item a.active {background:#fff;}


/* 메인하단 */
#hnn-element {position:relative;z-index:0;}
#hnn-element .hnn-inner {max-width:980px;margin:0 auto;position:relative;padding-bottom:30px;}
#hnn-element .hnn-ban {margin:0 -4px;overflow:hidden;}
#hnn-element .hnn-ban .hnn-box {width:50%;float:left;}
#hnn-element h3 {font-size:35px;letter-spacing:-0.03em;word-spacing:-0.03em;color:#1f1f1f;margin:43px 0 8px;font-weight:normal; position:relative;}
#hnn-element h3 em {
	position:absolute;
	width:40px;
	height:2px;
	background:#00a2e4;
	top:0;
	left:0;
}

.hnn-box1 {position:relative; }
.hnn-box1 .hnn-bg1 {position:absolute; bottom:0;  width:100%;}
.hnn-box1 .bx-controls-direction {display:block;}
.hnn-box1 .bx-controls-direction a {position:absolute;top:85%; z-index:100;display:block;width:12px;height:23px;text-indent:-9999px;}
.hnn-box1 .bx-controls-direction .bx-prev {width:12px; height:23px; background:url(../images/ko/roll-btn.gif) no-repeat 0 0;left:5%;}
.hnn-box1 .bx-controls-direction .bx-next {width:12px; height:23px; background:url(../images/ko/roll-btn.gif) no-repeat -12px 0;left:13%;}

.hnn-box2 {position:relative;}
.hnn-box2 .hnn-bg2 {position:absolute; bottom:0; width:100%;}
.hnn-box2 .bx-controls-direction {display:block;}
.hnn-box2 .bx-controls-direction a {position:absolute;top:85%;left:50%; z-index:100;display:block;width:12px;height:23px;text-indent:-9999px;}
.hnn-box2 .bx-controls-direction .bx-prev {width:12px; height:23px; background:url(../images/ko/roll-btn.gif) no-repeat 0 0;left:5%;}
.hnn-box2 .bx-controls-direction .bx-next {width:12px; height:23px; background:url(../images/ko/roll-btn.gif) no-repeat -12px 0;left:13%;}


/* 하단 공지사항 */
#hnn-foot-notice {border-top:1px solid #eaeaea;padding:0 20px;margin-top:10px;}
#hnn-foot-notice .hnn-inner {max-width:865px;padding:0 40px 0 75px;height:44px;position:relative;margin:0 auto;overflow:hidden;}
#hnn-foot-notice h3 {position:absolute;left:0;top:0;height:44px;line-height:44px;font-size:14px;font-family:osb,sans-serif;color:#3d3d50;}
#hnn-foot-notice .hnn-link {display:block;position:absolute;right:0;top:12px;}
#hnn-foot-notice .hnn-box {max-width:460px;padding-right:90px;position:relative;}
#hnn-foot-notice .hnn-box dt,
#hnn-foot-notice .hnn-box dd {height:44px;line-height:44px;color:#999;}
#hnn-foot-notice .hnn-box dd {position:absolute;right:0;top:0;}
#hnn-foot-notice .hnn-box dt a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#999;transition:0.3s}
#hnn-foot-notice .hnn-box dt a:hover {color:#000;}




/* 서브 비쥬얼 */
#hnn-svis {position:relative;z-index:0;background:url(../images/ko/svis.gif) no-repeat 50% 0;padding:0 10px;}
#hnn-svis .hnn-inner {margin:0 auto;max-width:980px;height:140px;position:relative;}
#hnn-svis h2 {position:absolute;top:52px;left:0;font-weight:normal;color:#fff;font-size:22px;}
#hnn-svis p {position:absolute;top:62px;right:0;font-size:14px;color:#fff;}
#hnn-svis p span {padding:0 5px;}


/* 서브 */
#hnn-sub {position:relative;padding:0 10px;}
#hnn-sub .hnn-inner {max-width:760px;margin:50px auto 50px;padding-left:220px;position:relative;}

#hnn-sub #hnn-lef {width:180px;position:absolute;left:0;top:0;}
#hnn-sub #hnn-lef h2 {
	font-size:20px;
	font-weight:normal;
	font-family:osb,sans-serif;
	color:#330000;
	letter-spacing:-0.03em;
	word-spacing:-0.03em;
	position:relative;
	padding-bottom:10px;
}
#hnn-sub #hnn-lef h2 em {
	position:absolute;
	height:1px;
	width:65px;
	left:0;
	bottom:0;
	background:#00a2e4;
}
#hnn-sub #hnn-lef #hnn-lnb {margin-top:40px;}
#hnn-sub #hnn-lef #hnn-lnb > li {border-bottom:1px solid #e8e8e8;}
#hnn-sub #hnn-lef #hnn-lnb > li > a {
	display:block;
	font-family:osb,sans-serif;
	color:#333;
	letter-spacing:-0.03em;
	word-spacing:-0.03em;
	font-size:14px;
	padding:12px 10px 12px 0;
	background:url(../images/ko/lnb-off.gif) no-repeat 100% 50%;
	transition:0.3s;
}
#hnn-sub #hnn-lef #hnn-lnb > li:hover > a,
#hnn-sub #hnn-lef #hnn-lnb > li.over > a,
#hnn-sub #hnn-lef #hnn-lnb > li.active > a {color:#00a2e4;background:url(../images/ko/lnb-on.gif) no-repeat 100% 50%;transition:0.3s;}
#hnn-sub #hnn-lef #hnn-lnb li ul {border-top:1px solid #e8e8e8;padding:10px 0;display:none;}
#hnn-sub #hnn-lef #hnn-lnb li ul li a {
	display:block;
	padding:7px 0 7px 28px;
	font-size:13px;
	letter-spacing:-0.03em;
	word-spacing:-0.03em;
	color:#6f6d6d;
	background:url(../images/ko/lnb-dot.gif) no-repeat 15px 12px;
	transition:0.3s;
}
#hnn-sub #hnn-lef #hnn-lnb li ul li.active a,
#hnn-sub #hnn-lef #hnn-lnb li ul li a:hover {color:#00a2e4;transition:0.3s;}

#hnn-sub #hnn-rig #hnn-tit {
	font-size:36px;
	color:#404040;
	font-weight:normal;
	letter-spacing:-0.03em;
	word-spacing:-0.03em;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:10px;
}
#hnn-sub #hnn-content {min-height:480px;margin-top:40px;}



/* 검색 */
.hnn-asearch {text-align:right;padding-bottom:13px;}
.hnn-asearch select,
.hnn-asearch .hnn-txt,
.hnn-asearch .hnn-btn {display:inline-block;font-size:13px;color:#3c3c3c;font-weight:600;}
.hnn-asearch select {width:100px;height:30px;border:1px solid #ccc;}
.hnn-asearch .hnn-txt {width:155px;height:28px;border:1px solid #ccc;}
.hnn-asearch .hnn-btn {width:73px;height:30px;border:none;background:#383838;color:#fff;}


/* 게시판 리스트 */
.hnn-blist {width:100%;border-top:2px solid #000;letter-spacing:-0.03em;word-spacing:-0.03em;}
.hnn-blist .hnn-blist-wid {width:15%;}
.hnn-blist thead th {
	background:#f9f9f9;
	font-size:15px;
	font-weight:600;
	text-align:center;
	color:#3b3b3b;
	border-bottom:1px solid #000;
	padding:12px 0;
}
.hnn-blist tbody td {border-bottom:1px solid #e0e0e0;text-align:center;padding:12px 10px;font-size:14px;color:#6f6d6d;}
.hnn-blist .hnn-subject {text-align:left;}
.hnn-blist .hnn-subject a {display:inline-block;max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.hnn-blist .hnn-subject a:hover {text-decoration:underline;color:#000;}


/* 페이징 */
.hnn-paging {text-align:center;padding-top:25px;font-size:0;}
.hnn-paging a {
	display:inline-block;
	font-size:13px;
	text-align:center;
	margin-left:-1px;
	width:32px;
	height:31px;
	line-height:31px;
	border:1px solid #d8d8d8;
	transition:0.2s;
}
.hnn-paging .hnn-round1 {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.hnn-paging .hnn-round2 {border-top-right-radius:5px;border-bottom-right-radius:5px;}
.hnn-paging .hnn-num:hover,
.hnn-paging .hnn-num.active {background:#00a2e4;color:#fff;transition:0.2s;}


/* 게시판 뷰 */
.hnn-bview {letter-spacing:-0.03em;word-spacing:-0.03em;border-bottom:1px solid #e0e0e0;}
.hnn-bview .hnn-top {padding-right:100px;position:relative;}
.hnn-bview .hnn-top dt {color:#3b3b3b;font-weight:600;font-size:15px;}
.hnn-bview .hnn-top dd {position:absolute;top:50%;right:5px;margin-top:-8px;}
.hnn-bview .hnn-con {border-top:1px solid #000;padding:20px 0;margin-top:10px;font-size:14px;line-height:20px;min-height:200px;}

.hnn-bview .hnn-file dl {border-top:1px solid #e0e0e0;position:relative;padding-left:100px;}
.hnn-bview .hnn-file dl dt {
	position:absolute;
	left:0;
	top:0;
	width:100px;
	height:46px;
	line-height:46px;
	text-align:center;
	font-size:14px;
	color:#333;
	background:#f9f9f9;
}
.hnn-bview .hnn-file dl dd {
	padding:0 10px;
	height:46px;
	line-height:46px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-size:14px;
}
.hnn-bview .hnn-file dl dd a {display:block;}

.hnn-bview-bot {clear:both;padding-top:25px;overflow:hidden;}
.hnn-bview-bot .hnn-bview-lef {float:left;}
.hnn-bview-bot .hnn-bview-rig {float:right;text-align:right;}


/* 버튼모음 */
.hnn-abtn {
	display:inline-block;
	width:98px;
	line-height:28px;*height:28px;
	border:1px solid #ccc;
	text-align:center;
	font-size:14px;
	letter-spacing:-0.05em;
	word-spacing:-0.05em;
	background:#fff;
}
.hnn-abtn.hnn-abtn2 {background:#00a2e4;color:#fff;border:1px solid #00a2e4;}
.hnn-bbtn {
	vertical-align:middle;
	display:inline-block;
	width:58px;
	line-height:30px;*height:30px;
	border:1px solid #545968;
	background:#545968;
	box-shadow:inset 0 0 1px #fff;
	text-align:center;
	font-size:14px;
	letter-spacing:-0.05em;
	word-spacing:-0.05em;
	color:#f8f8f9;
}
.hnn-cbtn {
	vertical-align:middle;
	display:inline-block;
	width:70px;
	line-height:24px;*height:@4px;
	border:1px solid #00a2e4;
	background:#fff;
	text-align:center;
	font-size:13px;
	letter-spacing:-0.05em;
	word-spacing:-0.05em;
	color:#00a2e4;
	border-radius:5px;
}



/* 폼 */
.hnn-iform {display:inline-block;border:1px solid #e2e2e2;font-size:13px;}
input.hnn-iform {height:30px;line-height:30px;text-indent:7px;}
select.hnn-iform {height:32px;}


/* 글 작성 */
.hnn-wtbl {width:100%;border-top:1px solid #000;letter-spacing:-0.05em;word-spacing:-0.05em;}
.hnn-wtbl th,
.hnn-wtbl td {border-bottom:1px solid #e0e0e0;padding:7px;}
.hnn-wtbl th {text-align:center;color:#333;font-size:14px;background:#f9f9f9;width:100px;}


/* CEO인사말 */
.hnn-company {letter-spacing:-0.03em;word-spacing:-0.03em;word-break:keep-all;}
.hnn-company img {float:right;margin:0 0 20px 20px;display:block;}
.hnn-company h4 {font-size:22px;font-weight:600;line-height:30px;color:#0c4da2;}
.hnn-company .txt1 {font-size:16px;font-weight:600;color:#333;line-height:24px;margin-top:20px;}
.hnn-company .txt1 strong {color:#0c4da2; font-weight:600;}
.hnn-company .txt2 {font-size:14px;color:#6f6d6d;line-height:24px;margin-top:20px;}
.hnn-company .txt3 {font-size:16px;color:#333;line-height:24px;margin-top:20px;}

/* 회사연혁 */
.hnn-history dl {
	position:relative;
	padding-left:150px;
	letter-spacing:-0.02em;
	word-spacing:-0.02em;
	border-top:1px solid #e8e8e8;
	margin-top:0px;
	padding-top:20px;
}
.hnn-history dl:first-child {border-top:none;margin-top:0;padding-top:0;}
.hnn-history dl:first-child dt {top:0;}
.hnn-history dl dt {position:absolute;left:0;top:20px;font-size:22px;font-weight:bold;color:#0c4da2;}
.hnn-history dl dd p {background:url(../images/ko/history-dot.gif) no-repeat 0 5px;font-size:14px;color:#6f6d6d;padding-left:22px;margin-top:-10px; position:relative;}
.hnn-history dl dd p:first-child {margin-top:0;}
.hnn-history dl dd p span {display:block; position:relative; top:-22px; left:25px; line-height:25px;}

/* 조직도 */
.hnn-organization {text-align:center;padding-top:50px;}


/* 찾아오시는 길 */
.hnn-location iframe {display:block;width:100%;border:none;height:450px;}
.hnn-location dl {position:relative;padding-left:200px;min-height:52px;/*border-bottom:1px solid #e8e8e8;*/padding:11px 0 11px 200px;}
.hnn-location dl dt {position:absolute;top:50%;left:0;margin-top:-26px;font-size:20px;color:#000;font-weight:bold;}
.hnn-location dl dt img {padding-right:15px;}
.hnn-location dl dd {font-size:14px;letter-spacing:-0.02em;word-spacing:-0.02em;color:#6f6d6d;line-height:52px;}
.hnn-location dl dd p {margin-bottom:5px; position:relative;}
.hnn-location dl dd strong {color:#0c4da2;}
.hnn-location dl dd span {display:inline-block; position:absolute; left:75px; line-height:18px;}
.hnn-location .hnn-info dl:first-child dd {line-height:24px;}

/* 제품 */
.hnn-plist {border-top:1px solid #707070; word-break:break-all}
.hnn-plist table {width:100%;}
.hnn-plist thead {background:#a1d2f4;}
.hnn-plist thead th {border:1px solid #e2e2e2; height:36px; color:#333333; font-weight:600;  font-size:14px; line-height:15px;}
.hnn-plist thead th span {font-family:나눔고딕; font-weight:600; font-size:13px;}
.hnn-plist tbody td {border:1px solid #e2e2e2; height:40px; text-align:center; color:#333333;  font-size:12px;}
.hnn-plist tbody td.hnn-btn {margin:0 2%;}
.hnn-plist .subject {text-align:left;padding:0 5px;}


/* 고객사 */
.hnn-partner {overflow:hidden;}
.hnn-partner li {width:33%;float:left;margin-bottom:75px;border-right:1px solid #e6e6e6;}
.hnn-partner li:first-child{border-left:1px solid #e6e6e6;}
.hnn-partner li span {display:block;}


/* 비전 */
.hnn-vision {word-break:keep-all;}
.hnn-vision .title {border-bottom:1px solid #e6e6e6;padding-bottom:25px;margin-bottom:30px;}
.hnn-vision .title h3 {font-size:25px;color:#0c4da2;letter-spacing:-0.05em;font-weight:600;}
.hnn-vision .title h3 strong {display:block;font-weight:600;font-size:35px;}
.hnn-vision .title p {font-size:14px;line-height:24px;color:#6f6d6d;padding-top:10px;}
.hnn-vision .desc {overflow:hidden;margin:0 -20px;}
.hnn-vision .desc .box {float:left;width:50%;padding:0 20px;box-sizing:border-box;margin-bottom:40px;}
.hnn-vision .desc .box:nth-child(odd) {clear:both;}
.hnn-vision .desc .box dl {margin-top:5px;}
.hnn-vision .desc .box dt {font-size:17px;font-weight:600;color:#00a2e4;}
.hnn-vision .desc .box dd {font-size:14px;line-height:24px;color:#333;padding-top:3px;}

/* 연구소소개 */
.hnn-rnd {word-break:keep-all;}
.hnn-rnd .top {font-size:20px;line-height:30px;color:#0c4da2;letter-spacing:-0.05em;padding-bottom:80px;}
.hnn-rnd .img {text-align:center;}



.hnn-loca .atab {margin-bottom:30px;border-bottom:1px solid #e0e0e0;}
.hnn-loca .atab:after {content:"";display:block;clear:both;}
.hnn-loca .atab a {
	display:block;
	float:left;
	border:1px solid #e0e0e0;
	border-bottom:none;
	font-size:16px;
	letter-spacing:-0.05em;
	padding:0 20px;
	line-height:45px;
	height:45px;
	margin-left:-1px;
	background:#f3f3f3;
}
.hnn-loca .atab a:first-child {margin-left:0;}
.hnn-loca .atab .active {background:#fff;height:46px;margin-bottom:-1px;font-weight:600;color:#333;}
.hnn-loca .desc .box {display:none;}
.hnn-loca .desc .box.active {display:block;}
.hnn-loca .desc .box {font-size:14px;letter-spacing:-0.02em;word-spacing:-0.02em;color:#6f6d6d;}
.hnn-loca .desc .box p {margin-bottom:5px; position:relative;margin-top:10px;}
.hnn-loca .desc .box strong {color:#0c4da2;display:inline-block;padding-right:10px;}
.hnn-loca .desc .box span {}
.hnn-loca .desc .box iframe {width:100%;height:400px;display:block;}

/* 768이상 */
@media all and (min-width:768px){
	.onlym {display:none !important;}
}

@media all and (max-width:900px){
	#hnn-top #hnn-gnb > li > a {padding:0 25px;transition:0.3s;}
}


/* 768이하 */
@media all and (max-width:767px){
	.onlyp {display:none !important;}
	#hnn-tnb .hnn-inner {height:30px;}
	#hnn-tnb .hnn-main {display:none;}

	#hnn-tnb .hnn-mlang {position:absolute;left:0;top:0;}
	#hnn-tnb .hnn-mlang .hnn-btn {
		display:block;
		width:99px;
		height:44px;
		line-height:43px;
		color:#d3e6fe;
		font-size:13px;
		border-left:1px solid #3068b0;
		border-right:1px solid #3068b0;
		border-bottom:1px solid #3068b0;
		text-align:center;
	}
	#hnn-tnb .hnn-mlang .hnn-btn > em {
		background:url(../images/ko/lang-off.gif) no-repeat;
		text-indent:-9999px;
		display:inline-block;
		width:10px;
		height:5px;
	}

	#hnn-tnb .hnn-mlang ul {
		left:0;
		top:45px;
		width:100%;
		position:absolute;
		background:#0c4da2;
		display:none;
	}
	#hnn-tnb .hnn-mlang.active > a {color:#fff;}
	#hnn-tnb .hnn-mlang.active > a > em {background:url(../images/ko/lang-on.gif) no-repeat;}
	#hnn-tnb .hnn-mlang ul li {margin-top:-1px;}
	#hnn-tnb .hnn-mlang ul li a {
		display:block;
		color:#d3e6fe;
		text-align:center;
		border:1px solid #3068b0;
		height:30px;
		line-height:30px;
		transition:0.3s;
	}
	#hnn-tnb .hnn-mlang ul li:hover a {background:#00357b;color:#fff;transition:0.3s;}
	#hnn-tnb .hnn-mlang {position:relative;}
	#hnn-tnb .hnn-mlang .hnn-btn {width:100%;height:30px;line-height:28px;}
	#hnn-tnb .hnn-mlang ul {top:30px;}


	#hnn-top {padding:0;}
	#hnn-top .hnn-inner {height:75px;}
	#hnn-top #hnn-logo {position:absolute;top:10px;left:10px;width:110px;}
	#hnn-top #hnn-mgnb .hnn-btn {
		display:block;
		position:absolute;
		border-radius:5px;
		border:1px solid #e8e8e8;
		width:80px;
		height:25px;
		line-height:25px;
		font-size:15px;
		color:#333;
		top:23px;
		right:10px;
		text-align:center;
	}
	#hnn-top #hnn-mgnb .hnn-btn img {width:14px;vertical-align:baseline;}
	#hnn-top #hnn-mgnb .hnn-menu {
		position:absolute;
		top:75px;
		background:#fff;
		width:100%;
		display:none;
		box-shadow:0 3px 3px rgba(0,0,0,0.2);
	}
	#hnn-top #hnn-mgnb .hnn-menu > li {border-bottom:1px solid #e8e8e8;}
	#hnn-top #hnn-mgnb .hnn-menu > li:first-child {border-top:1px solid #e8e8e8;}
	#hnn-top #hnn-mgnb .hnn-menu > li > a {
		display:block;
		font-size:15px;
		color:#1f1f1f;
		padding:5px 10px;
		background:url(../images/ko/mgnb-off.gif) no-repeat 97% 50%;
	}
	#hnn-top #hnn-mgnb .hnn-menu > li.active > a,
	#hnn-top #hnn-mgnb .hnn-menu > li:hover > a,
	#hnn-top #hnn-mgnb .hnn-menu > li.over > a {background:url(../images/ko/mgnb-on.gif) no-repeat 97% 50%;color:#0c4da2;}
	
	#hnn-top #hnn-mgnb .hnn-menu li ul li {border-top:1px solid #e8e8e8;}
	#hnn-top #hnn-mgnb .hnn-menu li ul li a {
		display:block;
		padding:5px 20px;
		font-size:14px;
		transition:0.3s;
		background:url(../images/ko/mgnb-off.gif) no-repeat 97% 50%;
	}
	#hnn-top #hnn-mgnb .hnn-menu li ul li:hover a,
	#hnn-top #hnn-mgnb .hnn-menu li ul li a:focus {color:#00a2e4;transition:0.3s;background:url(../images/ko/mgnb-on.gif) no-repeat 97% 50%;}

	#hnn-svis {letter-spacing:-0.03em;word-spacing:-0.03em;}
	#hnn-svis .hnn-inner {height:70px;}
	#hnn-svis h2 {top:24px;font-size:15px;}
	#hnn-svis p {top:27px;font-size:11px;}
	#hnn-svis p span {padding:0 2px;}

	#hnn-sub .hnn-inner {margin:0;padding:20px 0;position:relative;}
	#hnn-sub #hnn-lef {width:100%;position:relative;}
	#hnn-sub #hnn-lef h2 {font-size:18px;padding-bottom:7px;}
	#hnn-sub #hnn-lef #hnn-lnb {margin-top:20px;}
	#hnn-sub #hnn-lef #hnn-lnb > li > a {padding:10px 10px 10px 0;}

	#hnn-sub #hnn-rig #hnn-tit {font-size:24px;padding-bottom:5px;}
	#hnn-sub #hnn-content {min-height:200px;margin-top:20px;padding-bottom:60px;}



	#hnn-element h3 {margin:13px 0 8px;}


	/* 하단 */
	#hnn-foot {padding:20px 10px;text-align:center;}
	#hnn-foot h2 {float:none;width:100px;margin:0 auto;}
	#hnn-foot p {float:none;margin:0;color:#888;padding-top:10px;}


	/* 메인하단 */
	#hnn-element .hnn-ban {margin:10px;}
	#hnn-element .hnn-ban .hnn-box {width:100%;float:none;margin-top:20px;}
	#hnn-element .hnn-ban .hnn-box img {width:100%;}
	#hnn-element .hnn-ban .hnn-box:first-child {margin-top:0;}

	/* 검색 */
	.hnn-asearch select {width:90px;}
	.hnn-asearch .hnn-txt {width:110px;}
	.hnn-asearch .hnn-btn {width:60px;}

	/* 게시판 리스트 */
	.hnn-blist .hnn-subject a {max-width:80%;}

	/* 버튼모음 */
	.hnn-abtn {width:80px;}

	.hnn-mo100 {width:98% !important;}

	/* 글작성 */
	.hnn-wtbl th {width:65px;}

	/* 회사연혁 */
	.hnn-history dl {padding-left:0; padding-top:10px; 	margin-top:-10px;}
	.hnn-history dl dt {position:relative;top:0;font-size:22px;padding-bottom:5px;}
	.hnn-history dl dd p {padding-left:22px; margin-top:-20px; }
	.hnn-history dl dd p span {line-height:25px;}


	/* 조직도 */
	.hnn-organization {padding:20px 0;}

	/* 찾아오시는 길 */
	.hnn-location iframe {height:300px;}
	.hnn-location dl {padding-left:0;}
	.hnn-location dl dt {position:relative;top:0;margin-top:0;font-size:20px;padding-bottom:10px;}
	.hnn-location dl dt img {padding-right:10px;}
	.hnn-location dl dd {line-height:20px;}


	/* 제품 */
	.hnn-plist thead th {font-size:12px; line-height:13px;}
	.hnn-plist tbody td {font-size:10px;}
	.hnn-plist tbody td.hnn-btn {margin:0 2%;}
	.hnn-plist .hnn-cbtn {font-size:10px;width:40px;word-spacing:-0.01em;}



	.hnn-partner li {width:50%;overflow:hidden;margin-bottom:20px; border-left:1px solid #eee;}
	.hnn-partner li span {margin:0 -0.5px;}
	.hnn-partner li:nth-child(odd) {clear:both;}
	.hnn-partner li:nth-child(odd) span {border-left:none;}
	

	.hnn-vision .title {padding-bottom:15px;margin-bottom:15px;}
	.hnn-vision .title h3 {font-size:16px;}
	.hnn-vision .title h3 strong {font-size:24px;}
	.hnn-vision .title p {font-size:12px;line-height:18px;padding-top:5px;}
	.hnn-vision .desc {overflow:hidden;margin:0 -5px;}
	.hnn-vision .desc .box {padding:0 5px;margin-bottom:15px;}
	.hnn-vision .desc .box dl {margin-top:5px;}
	.hnn-vision .desc .box dt {font-size:14px;}
	.hnn-vision .desc .box dd {font-size:12px;line-height:18px;}

	.hnn-rnd .top {font-size:14px;line-height:22px;padding-bottom:20px;}

	.hnn-loca .atab {margin-bottom:20px;}
	.hnn-loca .atab a {
		font-size:14px;
		padding:0 10px;
		line-height:30px;
		height:30px;
	}
	.hnn-loca .atab .active {height:31px;}
	.hnn-loca .desc .box iframe {height:250px;}

}