@charset "utf-8";
/* 스킵 */
#skip a {position:absolute;top:-9999px;z-index:9999;display:block;width:100%;background:#333;font-size:16px;font-weight:600;color:#fff;text-align:center;}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}


/* 전체 */
#wrap {width:100%;min-width:1200px;margin:0 auto;}

a.channel:link {font-size: 12px;color:#2c4755; font-family: "나눔고딕","맑은 고딕", "Helvetica", "sans-serif"; text-decoration:none} 
a.channel:visited {font-size: 12px;color:#2c4755; font-family: "나눔고딕","맑은 고딕", "Helvetica", "sans-serif"; text-decoration:none} 
a.channel:active {font-size: 12px;color:#2c4755; font-family: "나눔고딕","맑은 고딕", "Helvetica", "sans-serif"; text-decoration:none} 
a.channel:hover {font-size: 12px;color:#00c7fc; font-family: "나눔고딕","맑은 고딕", "Helvetica", "sans-serif"; text-decoration:none} 
.channel_on {font-size: 12px;color:#00c7fc; font-family: "나눔고딕","맑은 고딕", "Helvetica", "sans-serif"; text-decoration:none}

a.channel1:link {font-size: 11px;color:#ffffff; font-family: "나눔고딕","맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold;text-decoration:none} 
a.channel1:visited {font-size: 11px;color:#ffffff; font-family: "나눔고딕","맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold;text-decoration:none} 
a.channel1:active {font-size: 11px;color:#ffffff; font-family: "나눔고딕","맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold;text-decoration:none} 
a.channel1:hover {font-size: 11px;color:#00c7fc; font-family: "나눔고딕","맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold;text-decoration:none}
.channel1_on {font-size: 11px;color:#00c7fc; font-family: "나눔고딕","맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold;text-decoration:none}


a.channel2:link {font-size: 15px;color:#2c4755; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none} 
a.channel2:visited {font-size: 15px;color:#2c4755; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none} 
a.channel2:active {font-size: 15px;color:#2c4755; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none} 
a.channel2:hover {font-size: 15px;color:#00c7fc; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none}

a.channel3:link {font-size: 12px;color:#313131; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none} 
a.channel3:visited {font-size: 12px;color:#313131; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none} 
a.channel3:active {font-size: 12px;color:#313131; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none} 
a.channel3:hover {font-size: 12px;color:#00c7fc; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none}

a.channel4:link {font-size: 11px;color:#ffffff; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none} 
a.channel4:visited {font-size: 11px;color:#ffffff; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none} 
a.channel4:active {font-size: 11px;color:#ffffff; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none} 
a.channel4:hover {font-size: 11px;color:#00c7fc; font-family: "맑은 고딕", "Helvetica", "sans-serif"; font-weight: bold; text-decoration:none}

.style8 {font-size: 18px; font-weight: bold; color: #ff3131; font-family:"나눔고딕"}
/* 상단 */
#top {width:1200px;height:74px;margin:0px auto;position:relative;z-index:10;background:#406cab;}
#top #logo {position:absolute;top:0;left:0;}
#top #logo a {display:block;width:140px;height:70px;text-indent:-9999px;background:url(../images/logo.gif) no-repeat;}
#top #gnb {position:absolute;top:16px;left:50px;z-index:10;height:74px;}
#top #gnb > li {float:left;position:relative;width:190px;}
#top #gnb > li > a {
	display:block;
	padding:0px 0 0px 0px;
	font-family:나눔바른고딕,nanumbarungothic,bg,sans-serif;
	font-size:15px;
	height:57px;
	line-height:50px;
	color:#fff;
}
#top #gnb > li > a > span {display:inline-block;padding-right:0px;background:url(../images/gnb-off.png) no-repeat 100% 50%;}
#top #gnb > li.active > a {background:#fff;color:#0040b5;}
#top #gnb > li.active > a > span {background:none/* url(../images/gnb-off2.png) no-repeat 100% 50% */;}
#top #gnb > li:focus > a,
#top #gnb > li > a:hover,
#top #gnb > li.over > a {background:#0040b5;color:#fff;}
#top #gnb > li > a:focus > span,
#top #gnb > li:hover > a > span,
#top #gnb > li.over > a > span {background:none /* url(../images/gnb-on.png) no-repeat 100% 50% */;}
#top #gnb li ul {position:absolute;top:57px;left:0;padding:0 0px 0 0;width:190px;background:#0040b5;display:none;}
#top #gnb li ul li a {
	font-family:나눔바른고딕,nanumbarungothic,bg,sans-serif;
	display:block;
	font-size:13px;
	text-align:left;
	padding:5px 0 5px 25px;
	color:#fff;
}
#top #gnb li ul li:hover a,
#top #gnb li ul li a:focus,
#top #gnb li ul li.active a {background:#fff;color:#0040b5;}
#top .tnb {position:absolute;top:30px;right:0;width:96px;height:34px;padding-left:33px;}
#top .tnb .btn {
	width:32px;
	height:32px;
	background:url(../images/tnb-search.gif) no-repeat;
	text-indent:-9999px;
	border:1px solid #b4b4b4;
	border-right:none;
	position:absolute;
	left:0;
	top:0;
}
#top .tnb .btn:hover,
#top .tnb .btn.active {background:url(../images/tnb-search-on.gif) no-repeat;border:1px solid #0040b5;border-right:none;}

#top .tnb .lang {position:relative;}
#top .tnb .lang > a {
	display:block;
	width:95px;
	height:32px;
	border:1px solid #b4b4b4;
	border-left:none;
	font-size:10px;
	color:#9d9d9d;
	font-weight:600;
	line-height:32px;
	text-indent:14px;
	background:url(../images/tnb-lang-off.gif) no-repeat 100% 0;
}
#top .tnb .lang:hover > a,
#top .tnb .lang.active > a {background:#0040b5 url(../images/tnb-lang-on.gif) no-repeat 100% 0;color:#fff;border:1px solid #0040b5;border-left:none;}
#top .tnb .lang ul {position:absolute;left:0;top:34px;width:100%;display:none;border-bottom:1px solid #898888;}
#top .tnb .lang ul li a {
	display:block;
	color:#888;
	background:#fff;
	text-align:center;
	height:32px;
	line-height:32px;
	font-size:10px;
	font-weight:600;
	border-left:1px solid #898888;
	border-right:1px solid #898888;
}
#top .tnb .lang ul li a:hover,
#top .tnb .lang ul li a:focus {background:#0040b5;color:#fff;border-left:1px solid #0040b5;border-right:1px solid #0040b5;}


#top .search {position:absolute;top:74px;right:0;border:1px solid #aaa;background:#fff;width:360px;height:43px;z-index:5;display:none;}
#top .search .ok {
	display:block;
	position:absolute;
	width:48px;
	height:28px;
	background:#fff;
	right:17px;
	top:9px;
	letter-spacing:-0.05em;
	word-spacing:-0.05em;
	
	border:1px solid #aaa;
	color:#888;
}
#top .search .ok:hover {color:#fff;background:#0040b5;}
#top .search .txt {width:290px;border:none;height:43px;line-height:43px;text-indent:20px;border:none;}

/* 서브비쥬얼 */
#svis {width:100%;height:350px;background:url(../images/svis1.jpg) no-repeat 50% 0;color:#fff;z-index:5;position:relative;}
#svis.svis1 {background:url(../images/svis1.jpg) no-repeat 50% 0;}
#svis.svis14 {background:url(../images/svis2.jpg) no-repeat 50% 0;}
#svis.svis16 {background:url(../images/svis16.jpg) no-repeat 50% 0;}
#svis.svis2 {background:url(../images/svis2.jpg) no-repeat 50% 0;}
#svis.svis3 {background:url(../images/svis3.jpg) no-repeat 50% 0;}
#svis.svis4 {background:url(../images/svis4.jpg) no-repeat 50% 0;}
#svis.svis5 {background:url(../images/svis5.jpg) no-repeat 50% 0;}
#svis.svis6 {background:url(../images/svis6.jpg) no-repeat 50% 0;}
#svis.svis9 {background:url(../images/svis9.jpg) no-repeat 50% 0;}
#svis .inner {width:990px;margin:0 auto;position:relative;}
#svis .title {position:absolute;left:0;top:110px;}
#svis .title h2 {font-size:50px;font-weight:normal;font-family:notol,sans-serif;}
#svis .title p {font-size:17px;font-weight:bold;font-family:notol,sans-serif;}
#svis .navi {position:absolute;top:13px;right:0;letter-spacing:-0.05em;word-spacing:-0.05em;font-size:16px;}
#svis .navi span {padding:0 5px;}

#svis .search {position:relative;top:350px;bottom:0;right:0;background:#4d4d4d;height:79px;line-height:79px;width:990px;text-align:center;}
#svis .search > span {font-size:20px;color:#fff;}
#svis .search select {
	text-align:left;
	border:1px solid #a2a2a2;
	height:38px;
	display:inline-block;
	font-size:14px;
	color:#9e9e9e;
	min-width:104px;
}
#svis .search input[type="text"],
#svis .search input[type="submit"] {display:inline-block;font-size:14px;}
#svis .search input[type="text"] {border:1px solid #c9c8c8;width:400px;height:36px;line-height:36px;text-indent:10px;color:#666;margin:0 10px;}
#svis .search input[type="submit"] {width:117px;height:38px;border:none;background:#0042bb;color:#fff;font-size:16px;}
#svis .search input[placeholder] {color:#9e9e9e;}
#svis .search ::-moz-placeholder {color:#9e9e9e;}
#svis .search input:-moz-placeholder {color:#9e9e9e;}

/* 서브메뉴 */
#snb {background:#ffffff;margin-top:0px;}
#snb .inner {width:990px;background:#4d4d4d;height:44px;margin:0 auto;}
#snb .inner2 {background:#8e5616;width:990px;height:80px;margin:0 auto;}
#snb .inner > li {float:left;background:url(../images/snb-bar.gif) no-repeat 0 50%;position:relative;}
#snb .inner > li:first-child {background:#4d4d4d;}
#snb .inner > li > a {
	display:block;
	padding:0 30px;
	min-width:50px;
	height:44px;
	line-height:44px;
	text-align:center;
	font-size:16px;
	
	color:#fff;
}
#snb .inner > li.active > a {background:#0040b5;color:#fff;}
#snb .inner li ul {position:absolute;top:76px;left:0;width:500px;padding-top:15px;display:none;}
#snb .inner li:hover ul {display:block;}
#snb .inner li ul li {float:left;background:url(../images/snb-bar.gif) no-repeat 0 50%;font-size:14px;padding:0 17px 0 18px;}
#snb .inner li ul li:first-child {background:none;}
#snb .inner li ul li a {display:block;color:#8b960c;}
#snb .inner li ul li.active a,
#snb .inner li ul li a:hover {color:#0040b5;}


/* 서브 */
#sub {width:990px;margin:0 auto;padding:20px 0 60px;}
#sub.wide {width:100%;background:#f7f7f7;position:relative;z-index:0;}
#sub.wide .inner {width:990px;margin:0 auto;position:relative;}


/* 하단 */
#foot {border-top:1px solid #f7f7f7;padding:50px 0 30px;position:relative;}
#foot .inner {width:990px;margin:0 auto;position:relative;}
#foot .inner:after {content:"";display:block;clear:both;}
#foot .lef {float:left;}
#foot .rig {float:right;}
#foot .fnb {font-size:16px;overflow:hidden;}
#foot .fnb li {float:left;padding:0 9px 0 11px;background:url(../images/fnb-bar.gif) no-repeat 0 50%;}
#foot .fnb li:first-child {background:none;padding-left:0;}
#foot .fnb li a {color:#414141;display:block;}
#foot .copy {margin-top:30px;}

#foot .rel {position:relative;}
#foot .rel > a {display:block;}
#foot .rel {
	position:relative;
	margin-bottom:5px;
	width:175px;
	height:30px;
	background:url(../images/rel-off.gif) no-repeat 158px 50%;
	border-bottom:1px solid #a2a2a2;
	font-size:12px;
	line-height:30px;
	vertical-align:middle
}
#foot .rel:after{content:"";clear:both;display:block}
#foot .rel.active {background:url(../images/rel-on.gif) no-repeat 158px 50%;}
#foot .rel > a {display:block;width:100%;height:100%;color:#333;text-align:left;padding-left:10px;}
#foot .rel ul {
	display:none;
	z-index:100;
	overflow-y:auto;
	position:absolute;
	bottom:30px;
	right:-1px;
	width:100%;
	height:205px;
	background:#fff;
	border:1px solid #a2a2a2;
}
#foot .rel.active ul {display:block;}
#foot .rel li {overflow:hidden;color:#333;text-overflow:ellipsis;white-space:nowrap;}
#foot .rel li a {
	display:block;
	padding:9px;
	width:147px;
	height:11px;
	background-color:#fff;
	font-size:12px;
	line-height:11px;
	letter-spacing:-1px;
	vertical-align:middle
}

#foot .channel {display:block;width:175px;height:35px;margin-top:5px;background:url(../images/btn-channel.gif) no-repeat 0 0;text-indent:-9999px;}
#foot .channel:hover,
#foot .channel:focus {background:url(../images/btn-channel.gif) no-repeat 0 -35px;}


/* 메인비쥬얼 */
#vis {z-index:0;}
#vis,
#vis .vis {width:100%;height:478px;position:relative;}
#vis .vis1 {background:url(../images/vis2.jpg) no-repeat 50% 0;}
#vis .vis2 {background:url(../images/vis1.jpg) no-repeat 50% 0;}

#vis .vis dl {width:930px;margin:0 auto;position:relative;}
#vis .vis dl dt {padding-top:153px;}
#vis .vis dl dd {margin-top:16px;}

#vis .bx-pager {position:absolute;top:354px;right:50%;width:55px;margin-right:410px;z-index:100;}
#vis .bx-pager .bx-pager-item {float:left;margin-right:4px;}
#vis .bx-pager .bx-pager-item a {float:left;display:block;width:11px;height:11px;background:url(../images/vis-off.png) no-repeat;text-indent:-9999px;}
#vis .bx-pager .bx-pager-item a.active {background:url(../images/vis-on.png) no-repeat;width:36px;}

#vis .bx-controls-auto-item {position:absolute;top:354px;right:50%;margin-right:398px;z-index:100;}
#vis .bx-controls-auto-item a {display:block;width:11px;height:11px;text-indent:-9999px;}
#vis .bx-controls-auto-item .bx-start {background:url(../images/vis-play.png) no-repeat;}
#vis .bx-controls-auto-item .bx-stop {background:url(../images/vis-stop.png) no-repeat;}



/* 메인컨텐츠 */
#main {width:100%;background:#f9f9f9;}
#main .inner {width:990px;position:relative;margin:0 auto;}
#main .inner:after {content:"";display:block;clear:both;}
#main .box {float:left;width:330px;height:223px;position:relative;}
#main .box .desc {height:223px;padding:25px 0 0;width:330px;display:none;}
#main .box .desc h3 {color:#fff;font-size:30px;font-weight:normal;margin-left:25px;}
#main .box .desc p {color:#fff;text-align:center;line-height:30px;font-size:15px;padding-top:40px;}
#main .box .more {
	position:absolute;
	top:24px;
	right:24px;
	z-index:150;
	background:url(../images/main-more1.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	width:27px;
	height:27px;
}

#main .box .tit {font-size:35px;font-weight:bold;color:#222;text-align:center;position:absolute;width:100%;top:50%;margin-top:-20px;}

#main .box1 {background:url(../images/main1.gif) no-repeat;height:330px;}
#main .box1 .desc {width:280px;padding:25px 25px 0;display:block;height:306px;}
#main .box1 .desc h3 {margin-left:0;}
#main .box1 dl {padding-top:20px;}
#main .box1 dl dt {font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;}
#main .box1 dl dt a {color:#fff;text-decoration:underline;}
#main .box1 dl dd {color:#fff;}
#main .box1 dl .txt {margin-top:10px;font-size:14px;overflow:visible;height:45px;line-height:25px;}
#main .box1 dl .date {margin-top:50px;}
#main .box1 .bx-controls-direction {position:absolute;z-index:100;;text-indent:-9999px;bottom:14px;right:31px;}
#main .box1 .bx-controls-direction a {display:block;width:17px;height:31px;text-indent:-9999px;float:left;}
#main .box1 .bx-controls-direction .bx-prev {background:url(../images/box1-prev.png) no-repeat;}
#main .box1 .bx-controls-direction .bx-next {background:url(../images/box1-next.png) no-repeat;margin-left:35px;}


#main .box2 {background:url(../images/main2.gif) no-repeat;height:330px;}
#main .box2 .desc {background:url(../images/main2-bg.png);height:306px;}
#main .box2:hover .more {background:url(../images/main-more2.gif) no-repeat;}

#main .box3 {background:url(../images/main3.gif) no-repeat;height:330px;}
#main .box3 .more {background:url(../images/main-more2.gif) no-repeat;}
#main .box3 .tit {color:#fff;}
#main .box3 .desc {background:#f37025;height:306px;}

#main .box4 {clear:both;height:330px;}
#main .box4 img {position:relative;z-index:0;}
#main .box4 dl {background:url(../images/main4-bg.png);position:absolute;bottom:0;left:0;height:59px;width:270px;padding:10px 30px;color:#fff;}
#main .box4 dl dt {font-size:20px;padding-bottom:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#main .box4 dl dd {height:28px;overflow:hidden;}
#main .box4 .more {top:0;right:0;background:url(../images/main-more3.png) no-repeat 50% 70px;width:100%;height:100%;}

#main .box5 {background:url(../images/main5.gif) no-repeat;height:330px;}
#main .box5 .more {background:url(../images/main-more2.gif) no-repeat;}
#main .box5 .tit {margin-top:-40px;}
#main .box5 .desc {background:url(../images/main5_old.gif);height:306px;}
#main .box5 .desc p {padding-top:30px;}

#main .box6 {background:url(../images/main6.gif) no-repeat;height:330px;}
#main .box6:hover .more {background:url(../images/main-more2.gif) no-repeat;}
#main .box6 .tit {color:#fff;margin-top:-140px;}
#main .box6 .desc {background:url(../images/main6-bg.png);height:306px;}
#main .box6 .desc p {padding-top:30px;}

#main .search {position:relative;bottom:0;right:0;background:#4d4d4d;height:79px;line-height:79px;width:990px;text-align:center;}
#main .search > span {font-size:20px;color:#fff;}
#main .search select {
	text-align:left;
	border:1px solid #a2a2a2;
	height:38px;
	display:inline-block;
	font-size:14px;
	color:#9e9e9e;
	min-width:104px;
}
#main .search input[type="text"],
#main .search input[type="submit"] {display:inline-block;font-size:14px;}
#main .search input[type="text"] {border:1px solid #c9c8c8;width:400px;height:36px;line-height:36px;text-indent:10px;color:#666;margin:0 10px;}
#main .search input[type="submit"] {width:117px;height:38px;border:none;background:#0042bb;color:#fff;font-size:16px;}
#main .search input[placeholder] {color:#9e9e9e;}
#main .search ::-moz-placeholder {color:#9e9e9e;}
#main .search input:-moz-placeholder {color:#9e9e9e;}

#menu_m {position:relative;bottom:0;right:0;width:990px;top:0px;text-align:center;}

/* 공통 */
h4.tit {font-size:30px;line-height:38px;color:#262626;font-weight:normal;letter-spacing:-0.02em;word-spacing:-0.02em;}
h5.tit {position:relative;font-size:25px;color:#4d4d4d;font-weight:normal;letter-spacing:-0.02em;word-spacing:-0.02em;}
h5.tit span { position:absolute; right:0; bottom:0; font-size:15px; }


/* 게시판 검색 */
.asearch {text-align:right;}
.asearch > span {font-size:16px;padding-right:5px;}
.asearch select {
	text-align:left;
	border:1px solid #a2a2a2;
	height:38px;
	display:inline-block;
	font-size:14px;
	color:#9e9e9e;
	min-width:104px;
}
.asearch input[type="text"],
.asearch input[type="submit"] {display:inline-block;font-size:14px;}
.asearch input[type="button"] {display:inline-block;font-size:14px;}

.asearch input[type="text"] {border:1px solid #c9c8c8;width:311px;height:36px;line-height:36px;text-indent:10px;color:#666;}
.asearch input[type="submit"] {width:117px;height:38px;border:none;background:#0042bb;color:#fff;font-size:16px;}
.asearch input[type="button"] {width:117px;height:38px;border:none;background:#0042bb;color:#fff;font-size:16px;}

.asearch input[placeholder] {color:#9e9e9e;}
.asearch ::-moz-placeholder {color:#9e9e9e;}
.asearch input:-moz-placeholder {color:#9e9e9e;}


/* 게시판 리스트*/
.tbl-list {width:100%;border-top:2px solid #666;}
.tbl-list th,
.tbl-list td {border-bottom:1px solid #d6d6d6;text-align:center;padding:0 15px;}
.tbl-list th {background:#f3f3f3;font-size:18px;font-weight:600;color:#606363;height:59px;}
.tbl-list td {height:58px;font-size:16px;}
.tbl-list .subject {text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.04em;word-spacing:-0.04em;}
.tbl-list .ico {
	display:inline-block;
	text-align:center;
	margin-right:3px;
	width:58px;
	height:27px;
	line-height:27px;
	font-size:14px;
	font-weight:600;
	background:#0040b5;
	border:1px solid #0040b5;
	color:#fff;
}
.tbl-list .ico.ico2 {background:#fff;color:#0040b5;}
.tbl-list .subject a:focus,
.tbl-list .subject a:hover {color:#000;text-decoration:underline;}
.tbl-list .grade th {background:#d6d6d6;padding:10px 0;height:18px;}
.tbl-list .grade .hline {background:#d6d6d6 url(../images/half-line.gif) no-repeat 0 50%;}


/* 페이징 */
.paging {text-align:center;padding-top:40px;font-size:0;}
.paging a {display:inline-block;}
.paging .btn {width:27px;height:27px;text-indent:-9999px;}
.paging .btn.first {background:url(../images/paging-prev2.png) no-repeat;}
.paging .btn.first.active {background:url(../images/paging-prev2-on.png) no-repeat;}
.paging .btn.prev {background:url(../images/paging-prev.png) no-repeat;margin-right:10px;}
.paging .btn.prev.active {background:url(../images/paging-prev-on.png) no-repeat;}
.paging .btn.next {background:url(../images/paging-next.png) no-repeat;margin-left:10px;}
.paging .btn.next.active {background:url(../images/paging-next-on.png) no-repeat;}
.paging .btn.last {background:url(../images/paging-next2.png) no-repeat;}
.paging .btn.last.active {background:url(../images/paging-next2-on.png) no-repeat;}
.paging .goto {font-size:13px;font-weight:normal;color:#bdbdbd;line-height:27px;padding:0 7px;}
.paging .goto.active {color:#0040b5;font-weight:600;}


/* 폼 */
.iform {display:inline-block;border:1px solid #d1d1d1;font-size:14px;}
.iform.iform2 {border:1px solid #a2a2a2;color:#262626;}
input.iform {height:33px;line-height:33px;text-indent:7px;}
select.iform {height:35px;}
select.iform.iform2 {height:38px;}


/* 버튼 */
.abtn {
	display:inline-block;
	
	width:168px;
	line-height:48px;*height:48px;
	border:1px solid #0040b5;
	color:#0040b5;
	background:none;
	text-align:center;
	font-size:16px;
}
.abtn.abtn2 {background:#0040b5;color:#fff;}
.bbtn {
	display:inline-block;
	font-family:돋움,dotum,sans-serif;
	padding:0 15px 0 32px;
	background:url(../images/ico-down.gif) no-repeat 15px 50%;
	line-height:33px;*height:33px;
	border:1px solid #c9c9c9;
	color:#696969;
	letter-spacing:-0.05em;
	word-spacing:-0.05em;
	text-align:center;
}
.bbtn:hover {background:#0040b5 url(../images/ico-down-on.gif) no-repeat 15px 50%;color:#fff;border:1px solid #0040b5;}

.cbtn {
	display:inline-block;
	width:90px;
	height:29px;
	line-height:29px;
	background:url(../images/cbtn-bg.gif) no-repeat 17px 50%;
	border:1px solid #999;
	text-indent:10px;
	text-align:center;
}
.cbtn:hover {background:#0040b5 url(../images/cbtn-bg-on.gif) no-repeat 17px 50%;color:#fff;border:1px solid #0040b5;}
.dbtn {
	display:inline-block;
	
	font-size:16px;
	width:170px;
	height:50px;
	line-height:50px;
	background:#0040b5 url(../images/dbtn-off.gif) no-repeat 47px 50%;
	border:1px solid #0040b5;
	color:#fff;
	text-indent:17px;
	text-align:center;
}
.dbtn:hover {background:#fff url(../images/dbtn-on.gif) no-repeat 47px 50%;color:#0040b5;}


/* 글쓰기 */
.tbl-write {width:990px;border-top:2px solid #666;border-bottom:1px solid #b8b8b8;}
.tbl-write th,
.tbl-write td {min-height:35px;border-top:1px solid #efefef;vertical-align:top;}
.tbl-write tr:first-child th,
.tbl-write tr:first-child td {border-top:none;}
.tbl-write th {text-align:left;font-size:16px;font-weight:600;color:#606363;background:#f3f3f3;padding:0px 0px 0 0px;}
.tbl-write td {font-size:14px;letter-spacing:-0.03em;word-spacing:-0.03em;padding:7px 11px;}
.tbl-write p {margin-top:8px;}
.tbl-write p:first-child {margin-top:0;}
.tbl-write label {cursor:pointer;margin-left:0px;}
.tbl-write label:first-child {margin-left:0;}
.tbl-write .pribox {overflow-y:scroll;border:1px solid #d1d1d1;padding:10px;line-height:24px;height:210px;word-break:keep-all;}
.tbl-write .pribox strong {font-size:16px;}
.tbl-write .pribox table {width:100%;margin-top:5px;}
.tbl-write .pribox table thead {border-top:2px solid #999;}
.tbl-write .pribox table th,
.tbl-write .pribox table td {padding:10px;border:1px solid #ddd;text-align:center;vertical-align:middle;line-height:150%;}
.tbl-write .pribox table thead th {background:#f3f3f3;}
.tbl-write .pribox table tbody th {background:#f9f9f9;}
.tbl-write .pribot {text-align:right;font-size:16px;padding:0px 0 25px;}
.tbl-write .pribot span {
	display:inline-block;
	padding-left:0px;
	background:url(../images/pribot-dot.gif) no-repeat 0 50%;
	padding-right:0px;
	color:#4d4d4d;
	font-weight:bold;
}
.tbl-write .pribot label {color:#808080;}


/* 테이블 */
.tbl-sort {width:100%;border-top:2px solid #606363;}
.tbl-sort.tbl-sort3 {border-top:2px solid #eb3b4b;}
.tbl-sort.tbl-sort4 {border-top:2px solid #c1c1c1;}
.tbl-sort.tbl-sort5 {border-top:2px solid #666;}
.tbl-sort th,
.tbl-sort td {padding:15px;border:1px solid #d6d6d6;border-right:none;line-height:20px;}
.tbl-sort.tbl-sort2 th,
.tbl-sort.tbl-sort4 th {border-left:none;}
.tbl-sort.tbl-sort4 th,
.tbl-sort.tbl-sort5 th {background:#ddd;color:#4d4d4d;}
.tbl-sort th:first-child,
.tbl-sort td:first-child {border-left:none;}
.tbl-sort th {background:#f3f3f3;font-size:18px;font-weight:600;}
.tbl-sort.tbl-sort3 th {font-size:16px;}
.tbl-sort td {font-size:16px;color:#999;text-align:center;}
.tbl-sort .bor {border-right:1px solid #d6d6d6;}
.tbl-sort .subject {text-align:left;font-size:16px;color:#606363;background:none;}
.tbl-sort.tbl-sort5 .subject {text-align:center;font-weight:600;background:none;}
.tbl-sort.tbl-sort5 a {text-decoration:underline;}
.tbl-sort.tbl-sort2 .subject {text-align:center;}
.tbl-sort.tbl-sort2 td {color:#666;line-height:24px;}
.tbl-sort.tbl-sort3 th {text-align:center;padding:15px 0;}
.tbl-sort.tbl-sort3 .nobg {background:none;}
.tbl-sort.tbl-sort6 tbody td {padding-left:0;padding-right:0;}

.tbl-sort .bg {background:#f9f9f9;}
.tbl-sort .num {text-align:right;padding-right:110px;}

.ired {color:#ff3131;}
.iblue {color:#2088f2;}

/* 게시판 보기 */
.tbl-view {width:100%;}
.tbl-view caption {border-bottom:2px solid #666;}
.tbl-view th,
.tbl-view td {border:1px solid #e2e2e2;border-right:none;padding:19px 20px;}
.tbl-view th {
	text-align:center;
	font-size:20px;
	color:#666;
	font-weight:normal;
	background:#f3f3f3;
}
.tbl-view th:first-child {border-left:none;}
.tbl-view td {font-size:16px;}
.tbl-view .hnn-txt {text-align:left;letter-spacing:-0.075em;word-spacing:-0.075em;}
.tbl-view-con {
	
	line-height:35px;
	font-size:16px;
	color:#888;
	padding:50px;
}
.tbl-view-pn {border-top:1px solid #d6d6d6;border-bottom:1px solid #999;padding:5px 0;}
.tbl-view-pn dl {position:relative;padding-left:204px;font-size:14px;}
.tbl-view-pn dl:first-child {border-bottom:1px solid #d6d6d6;}
.tbl-view-pn dl dt,
.tbl-view-pn dl dd {height:45px;line-height:45px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.tbl-view-pn dl dt {position:absolute;left:80px;top:0;}
.tbl-view-pn dl dt img {margin-right:10px;}
.tbl-view-pn dl dd {padding-right:30px;}


/* 탭 */
.movetab {position:relative;height:40px;margin-bottom:50px;}
.movetab .list {position:relative;margin-left:38px;width:910px;height:40px;overflow:hidden}
.movetab .list ul {width:200%;position:absolute;top:0;left:0;height:40px;}
.movetab .list:after {display:block;clear:both;content:"";}
.movetab .list li {float:left}
.movetab .list li.active a, .movetab .list li a:hover {background:#0040b5;}
.movetab .list em {font-size:10px;vertical-align:top;margin-top:-7px;display:inline-block;}
.movetab .list li a {display:inline-block;width:150px;height:40px;margin-left:2px;font-size:16px;line-height:40px;color:#fff;text-align:center;background:#bebebe;}
.movetab .btn a {display:inline-block;width:22px;height:40px;letter-spacing:-1px;border:1px solid #d7d7d7}
.movetab .btn a.next.disabled {position:absolute;top:0;right:0;background:#f7f7f7 url(../images/btn_storck_right.png) no-repeat 50% 50%}
.movetab .btn a.prev.disabled {position:absolute;top:0;left:0;background:#f7f7f7 url(../images/btn_storck_left.png) no-repeat 50% 50%}
.movetab .btn a.next {position:absolute;top:0;right:0;background:#f7f7f7 url(../images/btn_storck_right02.png) no-repeat 50% 50%}
.movetab .btn a.prev {position:absolute;top:0;left:0;background:#f7f7f7 url(../images/btn_storck_left02.png) no-repeat 50% 50%}
.movetab .btn a.next.active,
.movetab .btn a.next:hover {background:#003eaf url(../images/btn_storck_right_on.png) no-repeat 50% 50%;border:1px solid #003eaf}
.movetab .btn a.prev.active,
.movetab .btn a.prev:hover {background:#003eaf url(../images/btn_storck_left_on.png) no-repeat 50% 50%;border:1px solid #003eaf}

.basictab {position:relative;height:40px;margin-bottom:50px;}
.basictab:after {display:block;clear:both;content:"";}
.basictab li {float:left}
.basictab li.active a, .basictab li a:hover {background:#0040b5;}
.basictab li a {display:inline-block;width:196px;height:40px;margin-left:2px;font-size:15px;line-height:40px;color:#fff;text-align:center;background:#bebebe;}
.basictab li:first-child a {margin-left:0;}


/* 아코디언 메뉴 */
.accordion {border-top:2px solid #666;border-bottom:1px solid #aeaeae;}
.accordion dl dt {font-size:20px;border-top:1px solid #d6d6d6;background:url(../images/association-off.gif) no-repeat 98% 50%;}
.accordion dl dt.active {background:url(../images/association-on.gif) no-repeat 98% 50%;}
.accordion dl:first-child dt {border-top:none;}
.accordion dl dt a {display:block;font-weight:600;color:#606363;padding:20px 15px;}
.accordion dl dt em {font-size:10px;vertical-align:top;}
.accordion dl dd {
	border-top:1px solid #d6d6d6;
	
	font-size:16px;
	padding:15px 20px;
	line-height:26px;
	display:none;
	position:relative;
}
.accordion.accordion2 dd {padding:0;}
.accordion dl dd p.txt {margin-top:25px;word-break:keep-all;letter-spacing:-0.04em;word-spacing:-0.04em;}
.accordion dl dd p.txt:first-child {margin-top:0;}
.accordion dl dd p.txt span {display:block;color:#eb3b4b;padding-bottom:3px;}
.accordion .imgr {display:block;position:relative;z-index:0;}

.accordion .over {display:block;background:url(../images/blank.gif);position:absolute;z-index:10;/* background-color:red;opacity:0.5; */}
.accordion .over span {display:none;position:absolute;}
.accordion .over:hover span {display:block;background:url(../images/inquiry-pop-bg.png);padding:10px;}
.accordion .elec1 .over1 {width:119px;height:119px;top:63px;left:33px;}
.accordion .elec1 .over1 span {left:119px;top:0;}
.accordion .elec1 .over2 {width:95px;height:95px;top:248px;left:138px;}
.accordion .elec1 .over2 span {left:95px;top:0;}
.accordion .elec1 .over3 {width:173px;height:173px;top:141px;left:259px;}
.accordion .elec1 .over3 span {left:173px;top:0;}
.accordion .elec1 .over4 {width:128px;height:128px;top:309px;left:829px;}
.accordion .elec1 .over4 span {right:128px;bottom:0;}
.accordion .elec1 .over5 {width:128px;height:128px;top:183px;left:643px;}
.accordion .elec1 .over5 span {right:128px;bottom:0;}

.accordion .elec2 .over1 {width:119px;height:119px;top:63px;left:33px;}
.accordion .elec2 .over1 span {left:119px;top:0;}
.accordion .elec2 .over2 {width:95px;height:95px;top:248px;left:138px;}
.accordion .elec2 .over2 span {left:95px;top:0;}

/* 개요 */
.overview {}
.overview h4 {font-size:30px;line-height:38px;color:#262626;font-weight:normal;}
.overview .inner {overflow:hidden;margin-top:20px;}
.overview .box {float:left;height:291px;}
.overview .box1 {width:489px;background:#31aaa3;}
.overview .box2 {width:489px;background:#6a96e8;float:right;}
.overview .box3 {width:100%;background:#91b8db url(../images/overview-bg.gif) no-repeat 100% 100%;margin-top:10px;}
.overview .box dl {padding:35px 25px;}
.overview .box dl dt {font-size:26px;color:#fff;padding-bottom:25px;}
.overview .box dl dt img {vertical-align:top;}
.overview .box dl dd {font-size:16px;letter-spacing:-0.03em;word-spacing:-0.03em;line-height:24px;}
.overview .box1 dd {color:#d3fffc;}
.overview .box2 dd {color:#e0ebfe;}
.overview .box3 dd {color:#e1f1ff;}


/* 비전 */
.vision {text-align:center;}
.vision h4 span {font-size:30px;letter-spacing:-0.03em;word-spacing:-0.03em;color:#262626;font-weight:normal;}
.vision h4 strong {font-size:42px;color:#eb3b4b;display:block;}
.vision .txt {letter-spacing:-0.03em;word-spacing:-0.03em;font-size:20px;padding-top:10px;color:#606363;}
.vision .top {width:300px;height:310px;background:url(../images/vision2025.png) no-repeat;margin:70px auto 0;position:relative;}
/*.vision .top {width:458px;height:283px;background:url(../images/vision-top.gif) no-repeat;margin:70px auto 0;position:relative;left:-30px;} 20170201jms*/
.vision .bot {width:989px;height:286px;background:url(../images/vision-bot.gif) no-repeat;margin:90px auto 0;position:relative;}
.vision .bot h5 {font-size:25px;color:#4d4d4d;font-weight:600;text-align:center;padding-top:19px;}
.vision .bot dl {position:absolute;width:171px;top:164px;}
.vision .bot dl dt {font-size:14px;letter-spacing:-0.03em;word-spacing:-0.03em;line-height:18px;}
.vision .bot dl dd {font-size:18px;letter-spacing:-0.03em;word-spacing:-0.03em;padding-top:7px;font-weight:600;}
.vision .bot .bot1 {left:0;}
.vision .bot .bot2 {left:204px;}
.vision .bot .bot3 {left:409px;}
.vision .bot .bot4 {left:614px;}
.vision .bot .bot5 {right:0;}
.vision .bot .bot1 dd {color:#4d4d4d;}
.vision .bot .bot2 dd {color:#0e756e;}
.vision .bot .bot3 dd {color:#175b92;}
.vision .bot .bot4 dd {color:#207227;}
.vision .bot .bot5 dd {color:#b24b0f;}


/* 연혁 */
.history {}
.history .box {margin-top:14px;padding-left:370px;position:relative;}
.history .box1 {background:url(../images/history1.jpg) no-repeat;height:550px;margin-top:0;}
.history .box2 {background:url(../images/history2.jpg) no-repeat;height:479px;}
.history .box3 {background:url(../images/history3.jpg) no-repeat;height:450px;}
.history .box .title {position:absolute;top:30px;left:43px;color:#fff;letter-spacing:-0.04em;word-spacing:-0.04em;}
.history .box .title dt {font-weight:600;font-size:40px;}
.history .box .title dd {font-size:20px;padding-top:8px;}
.history  .top h5 {font-size:20px;color:#5f5f5f;font-weight:normal;}
.history .box .txt {background:url(../images/history-line.png) repeat-y 5px 0;}
.history .box .txt .sort {position:relative;padding-left:105px;}
.history .box .txt .sort dt {
	position:absolute;
	left:0;
	top:0;
	letter-spacing:-0.03em;
	word-spacing:-0.03em;
	padding-left:25px;
	background:url(../images/history-dot.png) no-repeat 0 50%;
	font-size:22px;
	color:#fff;
}
.history .box .txt .sort dd {
	margin-top:30px;
	padding-left:32px;
	position:relative;
	font-size:16px;
	color:#fff;
	letter-spacing:-0.03em;
	word-spacing:-0.03em;
	line-height:24px;
}
.history .box .txt .sort dd:first-child {margin-top:0;}
.history .box .txt .sort .date {position:absolute;left:0;top:0;color:#00fff1;}


/* 사업장 안내 */
.location {}
.location h4 {font-size:25px;font-weight:normal;color:#4d4d4d;padding-bottom:15px;}
.location table {width:100%;border-top:2px solid #eb3b4b;}
.location table th,
.location table td {padding:0 25px;font-size:16px;line-height:17px;letter-spacing:-0.03em;word-spacing:-0.03em;border-bottom:1px solid #808080;}
.location table th {height:58px;font-weight:600;color:#4d4d4d;text-align:left;}
.location table td {color:#808080;padding:10px 25px;min-height:35px;}
.location table td a {
	display:block;
	background:#0040b5;
	color:#fff;
	font-family:돋움,dotum,sans-serif;
	text-align:center;
	width:100px;
	height:35px;
	line-height:35px;
	font-size:12px;
}
.location table .map td {padding:0;border:none;line-height:0;min-height:0;}
.location table .map.hidden {position:absolute;left:-9999px;top:-9999px;}
.location table .map .txt {border-bottom:1px solid #808080;overflow:hidden;height:0;position:relative;}
.location table .map .txt iframe {display:block;}


/* CEO */
.ceo {}
.ceo .top {background:url(../images/img01_01.png) no-repeat 100% 100%;padding-bottom:-80px;}
.ceo .top h4 {font-size:24px;letter-spacing:-0.03em;word-spacing:-0.03em;font-weight:normal;color:#3e3e3e;}
.ceo .top dt {padding-top:10px;}
.ceo .top dd {font-weight:300;color:#606363;font-size:20px;letter-spacing:-0.03em;word-spacing:-0.03em;}
.ceo .top .txt {font-size:16px;letter-spacing:-0.03em;word-spacing:-0.03em;width:650px;line-height:28px;padding-top:35px;}
.ceo .top .txt .sign {text-align:right;font-size:14px;padding:10px 30px 0 0;}
.ceo .top .txt .sign strong {font-size:20px;font-weight:600;}
.ceo .bot h4 {font-size:25px;color:#4d4d4d;font-weight:600;padding-bottom:15px;}
.ceo .bot .inner {
	overflow:hidden;
	border-top:2px solid #666;
	border-bottom:1px solid #808080;
	padding:0 0 15px;
	font-family:나눔바른고딕,nanumbarungothic,bg,sans-serif;
}
.ceo .bot .inner .lef {float:left;width:440px;}
.ceo .bot .inner .rig {float:right;width:490px;}
.ceo .bot .inner dl {position:relative;padding:18px 0 18px 100px;border-top:1px solid #d6d6d6;}
.ceo .bot .inner dl:first-child {border-top:none;}
.ceo .bot .inner dl dt,
.ceo .bot .inner dl dd {font-size:16px;}
.ceo .bot .inner dl dt {position:absolute;top:16px;left:0;font-weight:600;line-height:20px;}
.ceo .bot .inner dl dd span {padding-right:20px;}

/* 조직도 */
.org {}
.org .top {background:url() no-repeat 100% 100%;padding-bottom:-80px;}
.org .top h4 {font-size:24px;letter-spacing:-0.03em;word-spacing:-0.03em;font-weight:normal;color:#3e3e3e;}
.org .top dt {padding-top:10px;}
.org .top dd {font-weight:300;color:#606363;font-size:24px;letter-spacing:-0.03em;word-spacing:-0.03em;}
.org .top .txt {font-size:16px;letter-spacing:-0.03em;word-spacing:-0.03em;width:990px;line-height:28px;padding-top:35px;}
.org .top .txt .sign {text-align:right;font-size:14px;padding:10px 30px 0 0;}
.org .top .txt .sign strong {font-size:20px;font-weight:600;}
.org .bot h4 {font-size:25px;color:#4d4d4d;font-weight:600;padding-bottom:15px;}
.org .bot .inner {
	overflow:hidden;
	border-top:2px solid #666;
	border-bottom:1px solid #808080;
	padding:0 0 15px;
	font-family:나눔바른고딕,nanumbarungothic,bg,sans-serif;
}
.org .bot .inner .lef {float:left;width:440px;}
.org .bot .inner .rig {float:right;width:490px;}
.org .bot .inner dl {position:relative;padding:18px 0 18px 100px;border-top:1px solid #d6d6d6;}
.org .bot .inner dl:first-child {border-top:none;}
.org .bot .inner dl dt,
.org .bot .inner dl dd {font-size:16px;}
.org .bot .inner dl dt {position:absolute;top:16px;left:0;font-weight:600;line-height:20px;}
.org .bot .inner dl dd span {padding-right:20px;}

/* TEcH */
.tech {}
.tech .top {background:url(../images/img03_01.png) no-repeat 100% 100%;padding-bottom:50px;}
.tech .top h4 {font-size:24px;letter-spacing:-0.03em;word-spacing:-0.03em;font-weight:normal;color:#3e3e3e;}
.tech .top dt {padding-top:10px;}
.tech .top dd {font-weight:300;color:#606363;font-size:20px;letter-spacing:-0.03em;word-spacing:-0.03em;}
.tech .top .txt {font-size:16px;letter-spacing:-0.03em;word-spacing:-0.03em;width:480px;line-height:28px;padding-top:35px;}
.tech .top .txt .sign {text-align:right;font-size:14px;padding:10px 30px 0 0;}
.tech .top .txt .sign strong {font-size:20px;font-weight:600;}
.tech .bot h4 {font-size:25px;color:#4d4d4d;font-weight:600;padding-bottom:15px;}
.tech .bot .inner {
	overflow:hidden;
	border-top:2px solid #666;
	border-bottom:1px solid #808080;
	padding:0 0 15px;
	font-family:나눔바른고딕,nanumbarungothic,bg,sans-serif;
}
.tech .bot .inner .lef {float:left;width:450px;}
.tech .bot .inner .rig {float:right;width:470px;}
.tech .bot .inner dl {position:relative;padding:18px 0 18px 10px;}
.tech .bot .inner dl:first-child {border-top:none;}
.tech .bot .inner dl dt,
.tech .bot .inner dl dd {font-size:16px;}
.tech .bot .inner dl dt {position:absolute;top:16px;left:0;font-weight:600;line-height:30px;}
.tech .bot .inner dl dd span {padding-right:20px;}
.tech .channel {display:block;width:442px;height:35px;margin-top:5px;background:url(../images/btn-download.png) no-repeat 0 0;text-indent:-9999px;}
.tech .channel:hover,
.tech .channel:focus {background:url(../images/btn-download.png) no-repeat 0 -35px;}
.tech .channel1 {display:block;width:442px;height:35px;margin-top:5px;background:url(../images/btn-download1.png) no-repeat 0 0;text-indent:-9999px;}
.tech .channel1:hover,
.tech .channel1:focus {background:url(../images/btn-download1.png) no-repeat 0 -35px;}
.tech .channel2 {display:block;width:442px;height:35px;margin-top:5px;background:url(../images/btn-download2.png) no-repeat 0 0;text-indent:-9999px;}
.tech .channel2:hover,
.tech .channel2:focus {background:url(../images/btn-download2.png) no-repeat 0 -35px;}
.tech .channel3 {display:block;width:442px;height:35px;margin-top:5px;background:url(../images/btn-download3.png) no-repeat 0 0;text-indent:-9999px;}
.tech .channel3:hover,
.tech .channel3:focus {background:url(../images/btn-download3.png) no-repeat 0 -35px;}
.tech .channel4 {display:block;width:442px;height:35px;margin-top:5px;background:url(../images/btn-download4.png) no-repeat 0 0;text-indent:-9999px;}
.tech .channel4:hover,
.tech .channel4:focus {background:url(../images/btn-download4.png) no-repeat 0 -35px;}
.tech .channel5 {display:block;width:442px;height:35px;margin-top:5px;background:url(../images/btn-download5.png) no-repeat 0 0;text-indent:-9999px;}
.tech .channel5:hover,
.tech .channel5:focus {background:url(../images/btn-download5.png) no-repeat 0 -35px;}
.tech .channel6 {display:block;width:442px;height:35px;margin-top:5px;background:url(../images/btn-download6.png) no-repeat 0 0;text-indent:-9999px;}
.tech .channel6:hover,
.tech .channel6:focus {background:url(../images/btn-download6.png) no-repeat 0 -35px;}

/* 기술지원 */
.tech2 {margin-top:-40px;}
.tech2 .top {background:url() no-repeat 100% 100%;padding-bottom:50px;}
.tech2 .top h4 {font-size:24px;letter-spacing:-0.03em;word-spacing:-0.03em;font-weight:normal;color:#3e3e3e;}
.tech2 .top dt {padding-top:10px;}
.tech2 .top dd {font-weight:300;color:#606363;font-size:20px;letter-spacing:-0.03em;word-spacing:-0.03em;}
.tech2 .top .txt {font-size:16px;letter-spacing:-0.03em;word-spacing:-0.03em;width:480px;line-height:28px;padding-top:35px;}
.tech2 .top .txt .sign {text-align:right;font-size:14px;padding:10px 30px 0 0;}
.tech2 .top .txt .sign strong {font-size:20px;font-weight:600;}
.tech2 .bot h4 {font-size:25px;color:#4d4d4d;font-weight:600;padding-bottom:15px;}
.tech2 .bot .inner {
	overflow:hidden;
	border-top:2px solid #666;
	border-bottom:1px solid #808080;
	padding:0 0 15px;
	font-family:나눔바른고딕,nanumbarungothic,bg,sans-serif;
}
.tech2 .bot .inner .lef {float:left;width:450px;}
.tech2 .bot .inner .rig {float:right;width:470px;}
.tech2 .bot .inner dl {position:relative;padding:18px 0 18px 10px;}
.tech2 .bot .inner dl:first-child {border-top:none;}
.tech2 .bot .inner dl dt,
.tech2 .bot .inner dl dd {font-size:16px;}
.tech2 .bot .inner dl dt {position:absolute;top:16px;left:0;font-weight:600;line-height:30px;}
.tech2 .bot .inner dl dd span {padding-right:20px;}
.tech2 .channel {display:block;width:442px;height:35px;margin-top:5px;background:url(../images/btn-download.png) no-repeat 0 0;text-indent:-9999px;}
.tech2 .channel:hover,
.tech2 .channel:focus {background:url(../images/btn-download.png) no-repeat 0 -35px;}

/* TEcH */
.dist {margin-top:0px;}
.dist .top {background:url() no-repeat 100% 100%;padding-bottom:20px;width:990px;}
.dist .top h4 {font-size:24px;letter-spacing:-0.03em;word-spacing:-0.03em;font-weight:normal;color:#3e3e3e;}
.dist .top dt {padding-top:10px;}
.dist .top dd {font-weight:300;color:#606363;font-size:20px;letter-spacing:-0.03em;word-spacing:-0.03em;}
.dist .top .txt {font-size:12px;letter-spacing:-0.03em;word-spacing:-0.03em;width:990px;line-height:28px;padding-top:35px;}
.dist .top .txt .sign {text-align:right;font-size:14px;padding:10px 30px 0 0;}
.dist .top .txt .sign strong {font-size:20px;font-weight:600;}
.dist .bot h4 {font-size:25px;color:#4d4d4d;font-weight:600;padding-bottom:15px;}
.dist .bot .inner {
	overflow:hidden;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:0 0 15px;
	font-family:나눔바른고딕,nanumbarungothic,bg,sans-serif;
}
.dist .bot .inner .lef {float:left;width:450px;}
.dist .bot .inner .rig {float:right;width:470px;}
.dist .bot .inner dl {position:relative;padding:18px 0 18px 10px;}
.dist .bot .inner dl:first-child {border-top:none;}
.dist .bot .inner dl dt,
.dist .bot .inner dl dd {font-size:16px;}
.dist .bot .inner dl dt {position:absolute;top:16px;left:0;font-weight:600;line-height:30px;}
.dist .bot .inner dl dd span {padding-right:20px;}

/* PRODUCT */
.pro {margin-top:79px;}
.pro .top {background:url() no-repeat 100% 100%;padding-top:-50px;padding-bottom:50px;}
.pro .top h4 {font-size:24px;letter-spacing:-0.03em;word-spacing:-0.03em;font-weight:normal;color:#3e3e3e;}
.pro .top dt {padding-top:10px;}
.pro .top dd {font-weight:300;color:#606363;font-size:20px;letter-spacing:-0.03em;word-spacing:-0.03em;}
.pro .top .txt {font-size:16px;letter-spacing:-0.03em;word-spacing:-0.03em;width:650px;line-height:28px;padding-top:35px;}
.pro .top .txt .sign2 {text-align:right;font-size:14px;padding:10px 30px 0 0;}
.pro .top .txt .sign {text-align:right;font-size:14px;padding:10px 30px 0 0;}
.pro .top .txt .sign strong {font-size:20px;font-weight:600;}
.pro .bot h4 {font-size:25px;color:#4d4d4d;font-weight:600;padding-bottom:15px;}
.pro .bot .inner {
	overflow:hidden;
	border-top:2px solid #666;
	border-bottom:1px solid #808080;
	padding:0 0 15px;
	font-family:나눔바른고딕,nanumbarungothic,bg,sans-serif;
}
.pro .bot .inner .lef {float:left;width:440px;}
.pro .bot .inner .rig {float:right;width:490px;}
.pro .bot .inner dl {position:relative;padding:18px 0 18px 100px;border-top:1px solid #d6d6d6;}
.pro .bot .inner dl:first-child {border-top:none;}
.pro .bot .inner dl dt,
.pro .bot .inner dl dd {font-size:16px;}
.pro .bot .inner dl dt {position:absolute;top:16px;left:0;font-weight:600;line-height:20px;}
.pro .bot .inner dl dd span {padding-right:20px;}

.style16 {font-size: 14px; font-weight: bold; color: #333333; font-family:"맑은 고딕"}
.style17 {font-size: 14px; font-weight: bold; color: #2c4755; line-height:"24px"; padding-top:5px; padding-bottom:5px}
.style18 {font-size: 30px; font-weight: bold; color: #505050; font-family:"나눔고딕"; line-height:130%;}
.style21 {font-size: 14px; color: #505050; font-family:"나눔고딕"; line-height:130%;}
.style22 {font-size: 14px; color: #e8e8e8; font-family:"나눔고딕"}


/* R&D */
.rnd {}
.rnd .top {background:url(../images/rnd-bg.gif) no-repeat 100% 100%;min-height:360px;}
.rnd .txt {font-size:16px;letter-spacing:-0.03em;word-spacing:-0.03em;line-height:26px;padding-top:40px;}
.rnd .txt strong {color:#4d4d4d;}
.rnd h4 {font-size:25px;font-weight:normal;color:#4d4d4d;padding:35px 0 10px;}
.rnd table {width:100%;border-top:2px solid #ffffff;border-bottom:1px solid #ffffff;}
.rnd table th,
.rnd table td {border-top:1px solid #ffffff;font-size:16px;padding:17px;}
.rnd table th {text-align:left;width:150px;}
.rnd table td {letter-spacing:-0.03em;word-spacing:-0.03em;}
.rnd .rnd-circle {
	display:inline-block;
	width:136px;
	padding-top:17px;
	height:54px;
	font-size:13px;
	background:url(../images/rnd-circle.gif) no-repeat;
	text-align:center;
	letter-spacing:-0.03em;
	word-spacing:-0.03em;
	margin:0 0 10px 10px;
}
.rnd .rnd-circle em {display:inline-block;width:100%;font-size:16px;font-weight:bold;}

/* 사회공헌 */

.contribute {height:794px;position:relative;}
.contribute .box {position:absolute;}
.contribute .box.title {border:1px solid #e0e0e0;width:196px;height:196px;}
.contribute .box.title dl {padding:25px 0 0 20px;letter-spacing:-0.03em;word-spacing:-0.03em;}
.contribute .box.title dt {
	background:url(../images/contribute-line.gif) no-repeat 0 100%;
	font-weight:600;
	color:#eb3b4b;
	font-weight:bold;
	padding-bottom:15px;
	font-size:25px;
}
.contribute .box.title dd {font-size:15px;padding-top:20px;color:#4d4d4d;}
.contribute .box1 {left:0;top:197px;}
.contribute .box2 {width:395px;height:395px;background:#eb6a74 url(../images/contribute1.jpg) no-repeat 0 100%;left:199px;top:0;}
.contribute .box2 p {font-size:14px;color:#fbe3e5;letter-spacing:-0.03em;word-spacing:-0.03em;line-height:28px;padding:20px 15px;}
.contribute .box3 {left:595px;top:0;}
.contribute .box4 {width:395px;height:196px;background:#2ea037 url(../images/contribute2.jpg) no-repeat 100% 0;left:595px;top:199px;}
.contribute .box5 {width:395px;height:198px;background:url(../images/contribute3.jpg) no-repeat;left:396px;top:396px;}
.contribute .box6 {left:792px;top:396px;}




.csrMain {position:relative;width:990px;height:794px;}
.csrMain .textCube {position:absolute;width:196px;height:196px;border:1px solid #e0e0e0;background:#fff;}
.csrMain .textCube .tit {
	background:url(../images/contribute-line.gif) no-repeat 20px 100%;
	font-weight:600;
	color:#eb3b4b;
	font-weight:bold;
	padding-bottom:15px;
	font-size:25px;
	padding:30px 0 10px 20px
}
.csrMain .textCube .txt {padding:11px 0 0 20px;font-size:15px;padding-top:20px;color:#4d4d4d;}
.csrMain .textCube.num01 {left:0;top:198px;}
.csrMain .textCube.num02 {right:197px;top:1px;}
.csrMain .textCube.num03 {right:0;bottom:199px;}

.csrMain .textCube .direct {display:inline-block;position:absolute;z-index:3;width:16px;height:16px;}
.csrMain .textCube.num01 .direct {right:-16px;top:24px;background:url(../images/br_csr_arrow_right.png) no-repeat left top;}
.csrMain .textCube.num02 .direct {right:24px;bottom:-16px;background:url(../images/br_csr_arrow_down.png) no-repeat left top;}
.csrMain .on .textCube.num02 .direct {right:-16px;top:24px;background:url(../images/br_csr_arrow_right.png) no-repeat left top;}
.csrMain .textCube.num03 .direct {left:-16px;bottom:24px;background:url(../images/br_csr_arrow_left.png) no-repeat right top;}
.csrMain .textCube.num04 .direct {left:24px;top:-16px;background:url(../images/br_csr_arrow_up.png) no-repeat left bottom;}
.csrMain .on .textCube.num04 .direct {left:-16px;top:24px;background:url(../images/br_csr_arrow_left.png)no-repeat right top;}

.csrMain .imgCube {position:absolute;width:395px;height:196px;background:red;}
.csrMain .imgCube_con .txt {
	font-size:14px;
	color:#fbe3e5;
	letter-spacing:-0.03em;
	word-spacing:-0.03em;
	line-height:20px;
	
	padding:20px 15px;
}
.csrMain .imgCube_con .list:after {display:block;clear:both;content:;}
.csrMain .imgCube_con .list li {font-size:16px;line-height:24px;letter-spacing:-1px}
.csrMain .imgCube_con a {display:inline-block;margin-top:20px;padding:10px 15px 6px 15px;font-size:14px;line-height:14px; color:#fff;border:1px solid #fff;}
.csrMain .imgCube_con .btn {}
.csrMain .imgCube.num01 {left:199px;bottom:398px;background:#eb6a74 url(../images/contribute1.jpg) no-repeat 0 100%;}
.csrMain .imgCube.num02 {right:0;bottom:398px;background:#2ea037 url(../images/contribute2.jpg) no-repeat 100% 100%;}
.csrMain .imgCube.num03 {right:199px;top:397px;height:198px;background:#4f91cc url(../images/contribute3.jpg) no-repeat 100% 100%;}

.csrMain .imgCube.num01 .list li {color:#cde3cc;}
.csrMain .imgCube.num02 .list li {width:146px;color:#ccd5ea;}
.csrMain .imgCube.num03 .list li {width:174px;color:#f3d1d4;}
.csrMain .imgCube.num02 .txt {color:#d8edd9;}
.csrMain .imgCube.num03 .txt {color:#dfebf6;}

.csrMain .imgCube .front {position:absolute;left:0;top:0;width:395px;height:196px;z-index:1;}
.csrMain .imgCube .back {position:absolute;width:395px;height:0px;overflow:hidden;z-index:2;}
.csrMain .imgCube.num01 .back {left:0;bottom:0;background:#eb6a74 url(../images/contribute1on.jpg) no-repeat 0 0;}
.csrMain .imgCube.num02 .back {left:0;bottom:0;background:#2ea037 url(../images/contribute2on.jpg) no-repeat 100% 0;}
.csrMain .imgCube.num03 .back {left:0;top:0;background:#4f91cc url(../images/contribute3on.jpg) no-repeat 100% 100%;}


/* 영상 */
.movie {}
.movie iframe {display:block;width:100%;height:590px;}
.movie dl {overflow:hidden;font-size:18px;letter-spacing:-0.03em;word-spacing:-0.03em;padding-top:15px;}
.movie dl dt {color:#4d4d4d;font-weight:600;float:left;}
.movie dl dd {float:right;}


/* 인쇄광고 */
.printad .sort select,
.printad .sort button {display:inline-block;}
.printad .sort select {width:151px;height:32px;border:1px solid #a2a2a2;}
.printad .sort button {width:58px;height:32px;border:1px solid #c3c3c3;text-align:center;background:none;}
.printad .sort button:hover {background:#0040b5;color:#fff;border:1px solid #0040b5;}
.printad .inner {overflow:hidden;padding-top:15px;}
.printad .box {width:182px;height:346px;border:1px solid #eaeaea;float:left;margin:0 0 17px 17px;}
.printad .box.nomar {margin-left:0;clear:both;}
.printad .box:nth-child(5n+1) {margin-left:0;clear:both;}
.printad .box dl {padding:10px 15px 0 15px;letter-spacing:-0.03em;word-spacing:-0.03em;}
.printad .box dl dt {font-size:16px;color:#6e6e6e;white-space:nowrap;white-space:nowrap;overflow:hidden;}
.printad .box dl .date {padding:8px 0 10px;}
.printad .box dl .link a {display:block;border:1px solid #b5b5b5;text-align:center;font-size:14px;color:#535353;padding:8px 0;}
.printad .box dl .link a:hover {border:1px solid #0040b5;background:#0040b5;color:#fff;}


/* KOLON */
.kolon {letter-spacing:-0.03em;word-spacing:-0.03em;}
.kolon h4 {font-size:25px;font-weight:normal;padding-bottom:10px;color:#4d4d4d;}
.kolon h4.line {border-top:1px solid #dcdcdc;margin-top:35px;padding-top:35px;}
.kolon .inner {overflow:hidden;}
.kolon .lef {float:left;width:480px;}
.kolon .rig {float:right;width:470px;}
.kolon .rig dt {font-size:20px;line-height:28px;font-weight:600;color:#4d4d4d;}
.kolon .rig dd {font-size:14px;line-height:20px;padding-top:25px;}

.kolon .visual {position:relative;margin:0;z-index:2}
.kolon .visual > div a {display:inline-block;width:198px;height:198px;}
.kolon .visual > div .visu_con {width:0;height:0;text-align:center;overflow:hidden;z-index:2}
.kolon .visual > div .visu_con > img { display:none; }
.kolon .visual > div .visu_con > span {display:inline-block;margin-top:200px;width:0;height:0;overflow:hidden}
.kolon .visual .visu_con_red {cursor:default; background:url(../images/bg_visual_con.png) no-repeat}
.kolon .visual .visu_con_blue {cursor:default; background:url(../images/bg_visual_con02.png) no-repeat}
.kolon .visual .visual_txt01 .visu_con {position:absolute;top:0;left:0;}
.kolon .visual .visual_txt02 .visu_con {position:absolute;top:0;right:0}
.kolon .visual .visual_txt03 .visu_con {position:absolute;top:0;left:0}
.kolon .visual .visual_txt04 .visu_con {position:absolute;bottom:0;left:0}
.kolon .visual .visual_txt05 .visu_con {position:absolute;bottom:0;left:0}
.kolon .visual .visual_txt06 .visu_con {position:absolute;bottom:0;right:0}

.kolon .visual .visual_txt01 {position:absolute;top:52px;left:0;}
.kolon .visual .visual_txt02 a {width:200px;height:198px}
.kolon .visual .visual_txt01 {position:absolute;top:0;left:0;}
.kolon .visual .visual_txt02 {position:absolute;top:0;right:0;}
.kolon .visual .visual_txt03 {position:absolute;top:198px;left:198px;}
.kolon .visual .visual_txt04 {position:absolute;bottom:0;left:0;}
.kolon .visual .visual_txt05 {position:absolute;bottom:0;left:396px;}
.kolon .visual .visual_txt06 {position:absolute;bottom:0;right:0;}

.kolon .visual .visual_txt01 .visu_con .img1 {position:absolute;top:68px;left:176px;}
.kolon .visual .visual_txt01 .visu_con .img3 {position:absolute;top:128px;right:94px}
.kolon .visual .visual_txt01 .visu_con .img4 {position:absolute;top:219px;right:75px}
.kolon .visual .visual_txt01 .visu_con .img5 {position:absolute;bottom:112px;left:84px}
.kolon .visual .visual_txt01 .visu_con .img6 {position:absolute;top:118px;left:78px}
.kolon .visual .visual_txt01 .visu_con .line { background:url(../images/icon_visual_con03.png) no-repeat center center;}

.kolon .visual .visual_txt02 .visu_con .img1 {position:absolute;top:68px;right:163px}
.kolon .visual .visual_txt02 .visu_con .img2 {position:absolute;top:137px;right:79px}
.kolon .visual .visual_txt02 .visu_con .img3 {position:absolute;bottom:80px;right:92px}
.kolon .visual .visual_txt02 .visu_con .img4 {position:absolute;bottom:80px;left:90px}
.kolon .visual .visual_txt02 .visu_con .img5 {position:absolute;top:138px;left:80px}
.kolon .visual .visual_txt02 .visu_con .line { background:url(../images/icon_visual_con03.png) no-repeat center center;}

.kolon .visual .visual_txt03 .visu_con .img1 {position:absolute;top:115px;right:85px}
.kolon .visual .visual_txt03 .visu_con .img2 {position:absolute;bottom:104px;right:65px}
.kolon .visual .visual_txt03 .visu_con .img3 {position:absolute;bottom:106px;left:68px}
.kolon .visual .visual_txt03 .visu_con .img4 {position:absolute;top:114px;left:60px}
.kolon .visual .visual_txt03 .visu_con .line { background:url(../images/icon_visual_con05.png) no-repeat center center}

.kolon .visual .visual_txt04 .visu_con .img1 {position:absolute;top:68px;left:170px}
.kolon .visual .visual_txt04 .visu_con .img2 {position:absolute;bottom:80px;right:88px}
.kolon .visual .visual_txt04 .visu_con .img3 {position:absolute;bottom:80px;left:90px}
.kolon .visual .visual_txt04 .visu_con .line { background:url(../images/icon_visual_con04.png) no-repeat center center;}

.kolon .visual .visual_txt05 .visu_con .img1 {position:absolute;top:70px;left:164px}
.kolon .visual .visual_txt05 .visu_con .img2 {position:absolute;top:135px;right:81px}
.kolon .visual .visual_txt05 .visu_con .img3 {position:absolute;bottom:80px;right:84px}
.kolon .visual .visual_txt05 .visu_con .img4 {position:absolute;bottom:81px;left:69px}
.kolon .visual .visual_txt05 .visu_con .img5 {position:absolute;top:135px;left:68px}
.kolon .visual .visual_txt05 .visu_con .line { background:url(../images/icon_visual_con03.png) no-repeat center center;}

.kolon .visual .visual_txt06 .visu_con .img1 {position:absolute;top:163px;left:150px}


/* 제품소개 메인 */
.promain h4 {font-size:30px;letter-spacing:-0.03em;word-spacing:-0.03em;font-weight:normal;color:#3e3e3e;line-height:38px;padding-bottom:30px;}
.promain .inner {overflow:hidden;}
.promain .inner a {display:block;float:left;margin:0 0 30px 30px;}
.promain .inner a:nth-child(3n+1) {clear:both;margin-left:0;}


/* 이사회 */
.director {}
.director .box {position:relative;border-bottom:1px solid #b8b8b8;margin-top:20px;}
.director .box .txt {position:absolute;left:325px;bottom:10px;}
.director .box .txt dl {position:relative;padding-left:83px;line-height:26px;}
.director .box .txt dl dt {position:absolute;left:0;top:0;width:75px;font-size:16px;font-weight:600;color:#4d4d4d;}
.director .box .txt dl dt span {position:absolute;right:0;top:0;}
.director .box .txt dl dd {font-size:16px;}


/* 정관 */
.association {border-top:2px solid #666;border-bottom:1px solid #aeaeae;}
.association dl dt {font-size:20px;border-top:1px solid #d6d6d6;background:url(../images/association-off.gif) no-repeat 98% 50%;}
.association dl dt.active {background:url(../images/association-on.gif) no-repeat 98% 50%;}
.association dl:first-child dt {border-top:none;}
.association dl dt a {display:block;font-weight:600;color:#606363;padding:20px 15px;}
.association dl dd {
	border-top:1px solid #d6d6d6;
	
	font-size:16px;
	padding:15px 20px;
	line-height:26px;
	display:none;
	white-space:pre-wrap;
}
.association-bot {border:1px solid #b3b3b3;padding:25px;margin-top:60px;}
.association-bot dt {font-size:20px;color:#606363;font-weight:600;padding-bottom:20px;white-space:pre-wrap;}
.association-bot dd {font-size:16px;line-height:26px;white-space:pre-wrap;}


/* 기업윤리규정 */
.ethics {}
.ethics .img {margin:30px auto 0;width:474px;height:415px;background:url(../images/ethics-img.gif) no-repeat;}
.ethics .sort {margin-top:60px;}
.ethics dl {position:relative;padding:40px 35px 40px 300px;min-height:60px;letter-spacing:-0.03em;word-spacing:-0.03em;border-bottom:1px solid #c1c1c1;}
.ethics dl dt {position:absolute;top:40px;left:35px;font-size:25px;line-height:30px;}
.ethics dl dt span {color:#4f91cc;}
.ethics dl dd {line-height:24px;font-size:16px;}


/* 주식정보 */
.stockinfo {letter-spacing:-0.03em;word-spacing:-0.03em;}
.stockinfo p.txt {font-size:16px;line-height:22px;}


/* 재무정보 */
.finance .chart {height:416px;background:url(../images/finance-chart.gif) no-repeat;width:100%;}


/* 인재상 */
.people {width:591px;height:712px;background:url(../images/people-bg.gif) no-repeat;margin:0 auto;}


/* 인사제도 */
.person {}
.person .txt {letter-spacing:-0.03em;word-spacing:-0.03em;font-size:16px;}
.person .grade {width:906px;height:136px;background:url(../images/person-bg.gif) no-repeat;margin:25px auto 0;text-indent:-9999px;}
.person .inner {overflow:hidden;margin-top:10px;}
.person .box {
	float:left;
	border:1px solid #d6d6d6;
	border-top:2px solid #ee5866;
	width:304px;
	height:166px;
	padding:15px 0 0 15px;
	background-repeat:no-repeat;
	background-position:100% 100%;
	margin:0 0 18px 13px;
}
.person .box:nth-child(3n+1) {clear:both;margin-left:0;}
.person .box dt {font-size:16px;font-weight:600;color:#606363;}
.person .box dd {font-size:16px;line-height:22px;padding-top:5px;}
.person .box1 {background-image:url(../images/person-ico1.gif);}
.person .box2 {background-image:url(../images/person-ico2.gif);}
.person .box3 {background-image:url(../images/person-ico3.gif);}
.person .box4 {background-image:url(../images/person-ico4.gif);}
.person .box5 {background-image:url(../images/person-ico5.gif);}
.person .box6 {background-image:url(../images/person-ico6.gif);}
.person .box7 {background-image:url(../images/person-ico7.gif);}
.person .box8 {background-image:url(../images/person-ico8.gif);}
.person .box9 {background-image:url(../images/person-ico9.gif);}
.person .box10{background-image:url(../images/person-ico10.gif);}
.person .box11{background-image:url(../images/person-ico11.gif);}
.person .box12{background-image:url(../images/person-ico12.gif);}


/* 인증서 */
.certify dl {padding:10px 0 50px;border-top:1px solid #ccc;}
.certify dl:first-child {padding-top:0;border-top:none;}
.certify dl dt {font-size:25px;letter-spacing:-0.03em;word-spacing:-0.03em;color:#4d4d4d;font-weight:600;padding-bottom:13px;}
.certify dl dd {position:relative;}
.certify dl dd .img {display:block;}
.certify dl dd p {
	position:absolute;
	top:0;
	left:425px;
	white-space:nowrap;
	letter-spacing:-0.05em;
	word-spacing:-0.05em;
	
	font-size:16px;
	line-height:26px;
}
.certify dl dd em {display:block;position:absolute;right:0;bottom:0;}


/* 연락처 안내 */
.contact {overflow:hidden;}
.contact .box {width:481px;float:right;margin-bottom:40px;}
.contact .box:nth-child(odd) {clear:both;float:left;}
.contact .box h5 {font-size:25px;font-weight:600;color:#4d4d4d;letter-spacing:-0.03em;word-spacing:-0.03em;padding-bottom:8px;}
.contact .box p {
	padding-top:10px;
	line-height:26px;
	letter-spacing:-0.04em;
	word-spacing:-0.04em;
	padding-bottom:8px;
	color:#606363;
	font-size:18px;
	font-weight:600;
}
.contact .box p span {display:block;font-size:16px;font-weight:normal;}
.contact .box dl {letter-spacing:-0.04em;word-spacing:-0.04em;font-size:16px;padding-top:20px;line-height:26px;}
.contact .box dl dt {color:#eb3b4b;}
.contact .box dl dd {color:#606363;}


/* 성형가이드 */
.guide {letter-spacing:-0.03em;word-spacing:-0.03em;}
.guide .txt {font-size:16px;line-height:22px;word-break:keep-all;}
.guide h5 {
	font-size:20px;
	font-weight:normal;
	color:#4d4d4d;
	padding-left:9px;
	background:url(../images/guide-dot.gif) no-repeat 0 50%;
	margin:35px 0 15px;
}
.guide .formula {text-align:center;}
.guide .formula li {display:inline-block;padding:20px 50px;border:1px solid #b7b7b7;color:#eb3b4b;font-size:26px;}


/* 대책 */
.measure {}
.measure h4 {font-size:25px;font-weight:600;color:#eb3b4b;}
.measure p.txt {font-size:16px;letter-spacing:-0.03em;word-spacing:-0.03em;line-height:22px;padding:20px 0;}
.measure .sorting dl {padding:20px 15px;letter-spacing:-0.03em;word-spacing:-0.03em;}
.measure .sorting dl:nth-child(odd) {background:#f5f5f5;}
.measure .sorting dl dt {
	font-size:18px;
	font-weight:600;
	background:url(../images/measure-line.png) no-repeat 50% 100%;
	padding-bottom:25px;
	padding-left:40px;
	text-indent:-40px;
}
.measure .sorting dl dd {font-size:16px;color:#808080;margin-top:13px;padding-left:45px;position:relative;}
.measure .sorting dl dd strong {font-weight:600;color:#eb3b4b;position:absolute;top:0;left:0;}


/* CAE */
.analysis {letter-spacing:-0.03em;word-spacing:-0.03em;}
.analysis h5.tit {margin-top:70px;padding-bottom:8px;font-weight:600;}
.analysis .sorting {overflow:hidden;margin-top:11px;}
.analysis .sorting dl {width:306px;border:1px solid #e0e0e0;float:left;margin-left:32px;}
.analysis .sorting.sorting2 dl {width:238px;margin-left:9px;}
.analysis .sorting dl:first-child {margin-left:0;margin-right:1px;clear:both;}
.analysis .sorting.sorting2 dl:first-child {margin-left:0;margin-right:2px;clear:both;}
.analysis .sorting dt {
	color:#eb3b4b;
	text-align:center;
	height:51px;
	font-size:20px;
	position:relative;
	background:#f5f5f5;
	border-bottom:1px solid #e0e0e0;
	overflow:hidden;
}
.analysis .sorting.sorting2 dt {height:104px;}
.analysis .sorting dt span {display:block;position:relative;top:50%;margin-top:-11.5px;height:23px;}
.analysis .sorting.sorting2 dt span {height:46px;margin-top:-23px;}
.analysis .sorting.sorting2 .last dt {letter-spacing:-0.06em;word-spacing:-0.06em;}
.analysis .sorting.sorting2 .last dt span {height:69px;margin-top:-34.5px;}
.analysis .sorting dd {font-size:15px;line-height:22px;padding:10px 0 0 30px;height:120px;color:#808080;}
.analysis .sorting.sorting2 dd {padding:25px 0 0 15px;height:175px;}


/* 제품소개 */
.proinfo {letter-spacing:-0.03em;word-spacing:-0.03em;}
.proinfo .top {position:relative;overflow:hidden;}
.proinfo .top .txt {float:left;width:665px;}
.proinfo .top .txt h5 {padding-bottom:20px;}
.proinfo .top .txt p {font-size:16px;line-height:24px;word-break:keep-all;}
.proinfo .top .txt .bbtn {position:absolute;right:325px;bottom:0;}
.proinfo .ptxt {font-size:16px;line-height:24px;word-break:keep-all;}
.proinfo .top.noimg .txt {width:100%;}
.proinfo .top.noimg .bbtn {right:0;}
.proinfo .top .img {float:right;width:298px;}
.proinfo .bot {padding:80px 0 80px;}
.proinfo .bot h5.tit {color:#444;padding-bottom:20px;}
.proinfo .bot p.txt {font-size:16px;line-height:24px;}


/* 자동차 메인 */
.carmain {height:623px;position:relative;background:url(../images/carmain.jpg) no-repeat;}
.carmain a {display:block;width:122px;height:122px;position:absolute;text-indent:-9999px;background:url(../images/blank.gif);}
.carmain .carmain1 {left:762px;top:51px;}
.carmain .carmain2 {left:566px;top:441px;}
.carmain .carmain3 {left:156px;top:164px;}


/* 제품문의 */
/* 제품문의 */
.inquiry {letter-spacing:-0.03em;word-spacing:-0.03em;}
.inquiry h5.tit {padding-bottom:8px;}
.inquiry .top {margin-top:80px;overflow:hidden;}
.inquiry .top .box {width:480px;}
.inquiry .top .lef {float:left;}
.inquiry .top .rig {float:right;}
.inquiry .top .box .inner:after {content:"";display:block;clear:both;}
.inquiry .top .box .inner {border-top:2px solid #666;overflow:hidden;}
.inquiry .top .box a {
	display:block;
	float:left;
	height:47px;
	line-height:47px;
	position:relative;
	margin:-1px 0 0 -1px;
	border:1px solid #e0e0e0;
	width:238px;
	float:left;
	text-indent:18px;
	background:url(../images/inquiry-off.gif) no-repeat 195px 50%;
	font-size:16px;
	color:#606363;
}
.inquiry .top .box a:hover,
.inquiry .top .box a:focus {background:url(../images/inquiry-on.gif) no-repeat 195px 50%;}
.inquiry .top .box a:nth-child(2n+1) {margin-left:0;width:239px;}

.inquiry .inquiry-pop .pop {
	width:625px;
	height:414px;
	background:url(../images/inquiry-pop-bg.png);
	padding:10px;
	position:fixed;
	z-index:2000;
	left:50%;
	top:50%;
	margin:-217px 0 0 -322.5px;
	letter-spacing:-0.03em;
	word-spacing:-0.03em;
	display:none;
}
.inquiry .inquiry-pop .pop .close {display:block;position:absolute;top:18px;right:18px;z-index:100;}
.inquiry .inquiry-pop .pop h5 {position:absolute;top:20px;left:20px;color:#fff;font-size:18px;font-weight:normal;}
.inquiry .inquiry-pop .pop table {position:absolute;bottom:10px;left:10px;width:625px;background:url(../images/inquiry-tbl-bg.png);}
.inquiry .inquiry-pop .pop th,
.inquiry .inquiry-pop .pop td {font-size:16px;padding:10px 0;text-align:center;}
.inquiry .inquiry-pop .pop th {color:#fff;background:url(../images/inquiry-tbl-bar.gif) no-repeat 0 50%;font-weight:normal;}
.inquiry .inquiry-pop .pop th:first-child {background:none;}
.inquiry .inquiry-pop .pop td {background:#fff;}



/* 익스테리어파트 */
.ep {height:623px;position:relative;}
.ep .imgr {display:block;position:relative;z-index:0;}
.ep .ov {position:absolute;display:block;height:23px;background:url(../images/blank.png);/* background:red;opacity:0.5; */}
.ep .ov .ll {left:-10px;}
.ep .ov .rr {right:-10px;}
.ep .ov .bb {bottom:-10px;}
.ep .ov .tt {top:-10px;}
.ep .ov span {display:none;position:absolute;background:url(../images/inquiry-tbl-bg.png);padding:10px;box-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.ep .ov:hover span {display:block;}
.ep .ov1 {width:143px;left:23px;top:317px;}
.ep .ov2 {width:172px;left:60px;top:215px;}
.ep .ov3 {width:134px;left:156px;top:171px;}
.ep .ov4 {width:134px;left:199px;top:113px;}
.ep .ov5 {width:163px;left:214px;top:54px;}
.ep .ov6 {width:134px;left:591px;top:95px;}
.ep .ov7 {width:145px;right:107px;top:102px;}
.ep .ov8 {width:145px;right:100px;top:130px;}
.ep .ov9 {width:145px;right:91px;top:157px;}
.ep .ov10{width:184px;right:47px;top:184px;}
.ep .ov11{width:184px;right:38px;top:211px;}
.ep .ov12{width:214px;right:76px;top:382px;}
.ep .ov13{width:244px;right:100px;top:455px;}
.ep .ov14{width:144px;right:321px;bottom:73px;}
.ep .ov15{width:249px;right:216px;bottom:28px;}


/* 인테리어파트 */
.ip {height:623px;position:relative;}
.ip .imgr {display:block;position:relative;z-index:0;}
.ip .ov {position:absolute;display:block;height:23px;background:url(../images/blank.png); /* background:red;opacity:0.5; */ }
.ip .ov .ll {left:-10px;}
.ip .ov .rr {right:-10px;}
.ip .ov .bb {bottom:-10px;}
.ip .ov .tt {top:-10px;}
.ip .ov span {display:none;position:absolute;background:url(../images/inquiry-tbl-bg.png);padding:10px;box-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.ip .ov:hover span {display:block;}
.ip .ov1 {width:314px;left:23px;top:11px;}
.ip .ov2 {width:181px;left:150px;top:40px;}
.ip .ov3 {width:206px;left:107px;top:68px;}
.ip .ov4 {width:240px;left:70px;top:94px;}
.ip .ov5 {width:134px;left:181px;top:122px;}
.ip .ov6 {width:120px;left:90px;top:248px;}
.ip .ov7 {width:162px;left:107px;top:283px;}
.ip .ov8 {width:143px;left:156px;top:323px;}
.ip .ov9 {width:163px;left:143px;bottom:207px;}
.ip .ov10{width:162px;left:143px;bottom:169px;}
.ip .ov11{width:241px;left:70px;bottom:144px;}
.ip .ov12{width:119px;left:196px;bottom:119px;}
.ip .ov13{width:110px;left:217px;bottom:93px;}
.ip .ov14{width:163px;left:160px;bottom:65px;}
.ip .ov15{width:174px;left:165px;bottom:38px;}
.ip .ov16{width:170px;right:270px;bottom:49px;}
.ip .ov17{width:102px;right:337px;bottom:83px;}
.ip .ov18{width:125px;right:308px;bottom:122px;}
.ip .ov19{width:244px;right:148px;bottom:156px;}
.ip .ov20{width:204px;right:24px;top:239px;}
.ip .ov21{width:150px;right:83px;top:199px;}
.ip .ov22{width:144px;right:96px;top:166px;}
.ip .ov23{width:186px;right:76px;top:135px;}
.ip .ov24{width:147px;right:148px;top:105px;}
.ip .ov25{width:230px;right:76px;top:40px;}


/* 파워트레인파트 */
.pp {height:623px;position:relative;}
.pp .imgr {display:block;position:relative;z-index:0;}
.pp .ov {position:absolute;display:block;height:23px;background:url(../images/blank.png); /* background:red;opacity:0.5; */ }
.pp .ov .ll {left:-10px;}
.pp .ov .rr {right:-10px;}
.pp .ov .bb {bottom:-10px;}
.pp .ov .tt {top:-10px;}
.pp .ov span {display:none;position:absolute;background:url(../images/inquiry-tbl-bg.png);padding:10px;box-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.pp .ov:hover span {display:block;}
.pp .ov1 {width:203px;left:98px;top:71px;}
.pp .ov2 {width:113px;left:176px;top:103px;}
.pp .ov3 {width:141px;left:161px;top:136px;}
.pp .ov4 {width:168px;left:108px;top:168px;}
.pp .ov5 {width:143px;left:136px;top:195px;}
.pp .ov6 {width:157px;left:111px;top:222px;}
.pp .ov7 {width:151px;left:87px;top:246px;}
.pp .ov8 {width:257px;left:30px;bottom:201px;}
.pp .ov9 {width:220px;left:90px;bottom:157px;}
.pp .ov10{width:191px;left:111px;bottom:101px;}
.pp .ov11{width:229px;right:223px;bottom:64px;}
.pp .ov12{width:242px;right:192px;bottom:96px;}
.pp .ov13{width:140px;right:310px;bottom:128px;}
.pp .ov14{width:206px;right:226px;bottom:160px;}
.pp .ov15{width:155px;right:267px;bottom:189px;}
.pp .ov16{width:301px;right:110px;bottom:219px;}
.pp .ov17{width:124px;right:280px;bottom:254px;}
.pp .ov18{width:167px;right:226px;bottom:281px;}
.pp .ov19{width:196px;right:258px;top:203px;}
.pp .ov20{width:193px;right:276px;top:172px;}
.pp .ov21{width:176px;right:5px;top:51px;}
.pp .ov22{width:108px;right:82px;top:23px;}


/* 팝업 */
#inquiry-pop {width:100%;}
#inquiry-pop .vis {height:88px;background:url(../images/popup-bg.gif) no-repeat;position:relative;}

#inquiry-pop .title {position:absolute;left:20px;top:20px;color:#fff;}
#inquiry-pop .title h2 {font-size:24px;font-weight:normal;font-family:notol,sans-serif;}
#inquiry-pop .title p {font-size:11px;font-family:notol,sans-serif;}
#inquiry-pop .iform {font-size:12px;}
#inquiry-pop input.iform {height:19px;}
#inquiry-pop select.iform {height:21px;}
#inquiry-pop .tbl-write th,
#inquiry-pop .tbl-write td {font-size:12px;min-height:21px;}
#inquiry-pop .abtn {width:98px;line-height:30px;*height:30px;}


/* 검색결과 */
.result {}
.result h2 {font-size:30px;font-weight:normal;padding-bottom:8px;color:#0040b5;border-bottom:2px solid #0040b5;}
.result .txt {padding:18px 0 15px;font-size:20px;line-height:46px;color:#000;letter-spacing:-1px}
.result .txt span {color:#0040b5;}
.result .txt em {color:#eb3b4b;}

.result .resulttab:after {display:block;clear:both;content:"";}
.result .resulttab:after {display:block;clear:both;content:"";}
.result .resulttab {padding-bottom:30px;border-bottom:1px solid #ccc;}
.result .resulttab li {float:left;margin-left:2px}
.result .resulttab li:first-child {margin-left:0}
.result .resulttab li a {display:inline-block;width:150px;height:42px;color:#fff;text-align:center;font-size:16px;line-height:44px;background:#bebebe;}
.result .resulttab li.active a,
.result .resulttab li a:hover,
.result .resulttab li a:focus {background:#0040b5;}
.result .resulttab.borderNo {border:none}

.result .tbl-search {clear:both;letter-spacing:-1px}
.result .tbl-search td {padding:26px 0 27px 0;border-bottom:1px solid #ccc}
.result .tbl-search td > a {display:block}
.result .tbl-search .listit {margin:57px 0 -13px;font-size:20px;color:#000;line-height:27px;}
.result .tbl-search .tit {padding-bottom:8px;font-size:16px;color:#0040b5;line-height:22px;}
.result .tbl-search .tit > span {font-weight:bold}
.result .tbl-search .con {height:60px;overflow:hidden;font-size:13px;color:#777;line-height:20px;word-break:keep-all;}
.result .tbl-search .con > span {color:#eb3b4b}
.result .tbl-search .date {display:block;padding-top:3px;font-size:13px;color:#666;font-family:Dotum,'돋움';letter-spacing:0;word-spacing:0;}
.result .tbl-search .more {padding-top:20px;text-align:right}
.result .tbl-search .more a {
	display:inline-block;
	background:url(../images/search-more.gif) no-repeat right 2px;
	padding-right:11px;
	font-size:11px;
	color:#666;
	font-family:Doutum,'돋움'
}
.result .listtxt {font-size:14px; color:#333; line-height:28px; letter-spacing:-1px;}


/* 법적고지 개인정보취급방침 */
.legal {letter-spacing:-0.025em;word-spacing:-0.025em;}
.legal h3 {font-size:30px;line-height:37px;color:#0040b5;font-weight:normal;}
.legal h3 span {display:block;color:#128bef;}
.legal .txt {font-size:16px;line-height:22px;padding:30px 0 55px;}

.legal .tbl_transpar caption {border-bottom:2px solid #0040b5 !important}
.legal .tbl_transpar > thead {visibility:hidden;position:absolute;width:1px;font-size:0;line-height:0;text-align:left;text-indent:-999em}
.legal .tbl_transpar > tbody th,
.legal .tbl_transpar > tbody td {padding:30px 18px 10px;background:#f7f7f7;border-bottom:1px solid #d8d8d8;vertical-align:top;text-align:left;line-height:22px;}
.legal .tbl_transpar > tbody th {font-size:22px;color:#3a3a3a;letter-spacing:-2px}
.legal .tbl_transpar > tbody td {font-size:14px;color:#777;letter-spacing:0;word-break:keep-all}
.legal .tbl_transpar > tbody td.cte {background:#ededed !important;font-size:16px;color:#595959;letter-spacing:-1px}
.legal .tbl_transpar > tbody td .more li {margin-bottom:20px;word-break:keep-all}
.legal .tbl_transpar > tbody td .more > p {margin-bottom:20px;word-break:keep-all}
.legal .tbl_transpar > tbody td .more .blk {display:block;padding-left:9px}

.legal .blt_list {padding-top:10px;margin-left:5px}
.legal .blt_list li {padding-left:10px;margin:0 !important;text-indent:-10px}
.legal .num_step01 li {padding-left:10px;margin-bottom:10px;text-indent:-13px}
.legal .num_step02 {margin-left:5px;padding-top:10px}
.legal .num_step02 li {margin-bottom:10px}
.legal .num_step03 {margin-left:5px;padding:10px 0 0}
.legal .num_step03 li {margin:0 !important}
.legal .num_step04 {padding:0;margin:0 !important}
.legal .num_step04 li {margin:0 !important}
.legal .num_step05 {padding:10px 0 0}
.legal .num_step05 li {margin:0 !important;padding:0;text-indent:0}

.legal .box {overflow:hidden;}
.legal .box dl {float:right;}
.legal .box dl:first-child {float:left;}
.legal .box dl {
	border-top:2px solid #0040b5;
	padding-top:40px;
	height:380px;
	border-bottom:1px solid #5a5a5a;
	width:471px;
	letter-spacing:-0.025em;
	word-spacing:-0.025em;
	word-break:keep-all;
}
.legal .box dt {height:90px;font-size:18px;}
.legal .box dd {font-size:14px;color:#8d8c8c;line-height:20px;}

.legal .tbl_transpar .pritbl {width:100%;margin-top:5px;}
.legal .tbl_transpar .pritbl th,
.legal .tbl_transpar .pritbl td {
	padding:10px;
	border:1px solid #909090;
	color:#666;
	text-align:center;
	vertical-align:middle;
	line-height:150%;
	font-size:12px;
	text-indent:0;
	letter-spacing:-0.03em;
	word-spacing:-0.03em;
}
.legal .tbl_transpar .pritbl thead th {background:#d7d6d6;font-weight:normal;}
.legal .tbl_transpar .pritbl tbody th {background:#d7d6d6;font-weight:normal;}


/* 기타 기술자료 */
.etc-tch .txt {font-size:16px;line-height:26px;margin-top:35px;}
.etc-tch .btn {overflow:hidden;margin-top:60px;}
.etc-tch .btn a {display:block;float:left;height:78px;position:relative;border:1px solid #0040b5;}
.etc-tch .btn .fl a {margin-right:15px;}
.etc-tch .btn .fr a {margin-left:15px;}
.etc-tch .btn .btn1 {width:265px;background:url(../images/etc-tch1.gif) no-repeat;}
.etc-tch .btn .btn2 {width:158px;background:url(../images/etc-tch2.gif) no-repeat;}
.etc-tch .btn .btn3 {width:265px;background:url(../images/etc-tch3.gif) no-repeat;}
.etc-tch .btn .btn4 {width:158px;background:url(../images/etc-tch4.gif) no-repeat;}
.etc-tch .btn a span {display:block;position:relative;text-indent:-9999px;width:0;overflow:hidden;height:78px;}
.etc-tch .btn .btn1 span {background:url(../images/etc-tch1.gif) no-repeat 0 -78px;}
.etc-tch .btn .btn2 span {background:url(../images/etc-tch2.gif) no-repeat 0 -78px;}
.etc-tch .btn .btn3 span {background:url(../images/etc-tch3.gif) no-repeat 0 -78px;}
.etc-tch .btn .btn4 span {background:url(../images/etc-tch4.gif) no-repeat 0 -78px;}