﻿boardTop@charset "utf-8";

/*웹폰트_나눔체 START*/
@font-face{
  font-family: 'NanumGothic'; /*나눔고딕*/
	src: url('/font/NanumGothic.eot');
  	src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumGothic.woff') format('woff'),
       url('/font/NanumGothic.ttf') format('truetype');  
	font-style: normal;
  	font-weight: normal;
		}

@font-face{
  font-family: 'NanumGothicB';
	src: url('/font/NanumGothicBold.eot');
  	src: url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumGothicBold.woff') format('woff'),
       url('/font/NanumGothicBold.ttf') format('truetype');  
	font-style: normal;
  	font-weight: normal;
		}

@font-face{
  font-family:'NanumMyeongjo'; /*나눔명조*/
	src: url('/font/NanumMyeongjo.eot');
  	src: url('/font/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumMyeongjo.woff') format('woff'),
       url('/font/NanumMyeongjo.ttf') format('truetype');  
	font-style: normal;
  	font-weight: normal;
		}

@font-face{
  font-family:'NanumMyeongjoB';
	src: url('/font/NanumMyeongjoBold.eot');
  	src: url('/font/NanumMyeongjoBold.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumMyeongjoBold.woff') format('woff'),
       url('/font/NanumMyeongjoBold.ttf') format('truetype');  
	font-style: normal;
  	font-weight: normal;
		}

@font-face{
  font-family:'NanumBrush';	/*나눔손글씨 붓*/
	src: url('/font/NanumBrush.eot');
  	src: url('/font/NanumBrush.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumBrush.woff') format('woff'),
       url('/font/NanumBrush.ttf') format('truetype');  
	font-style: normal;
  	font-weight: normal;
		}

@font-face{
  font-family:'NanumPen'; /*나눔손글씨 펜*/
	src: url('/font/NanumPen.eot');
  	src: url('/font/NanumPen.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumPen.woff') format('woff'),
       url('/font/NanumPen.ttf') format('truetype');  
	font-style: normal;
  	font-weight: normal;
		}
/*웹폰트_나눔체 END*/

html {
	overflow: scroll;
	overflow-x: auto;
	}
BODY {
	background-color: #ffffff;
	font-family: "돋움", "돋움체";
	font-size: 11px;
	line-height: 140%;
	color: #888888;
	margin: 0px;
	padding: 0px;
}
textarea {
	overflow: auto;
	scrollbar-3dlight-color: #EBEBEB;
	scrollbar-arrow-color: #EBEBEB;
	scrollbar-track-color: #EDEDED;
	scrollbar-darkshadow-color: #EBEBEB;
	scrollbar-face-color: #F9F9F9;
	scrollbar-highlight-color: #EBEBEB;
	scrollbar-shadow-color: #EBEBEB;
	border: solid 1px #C0C0C0;
	background-color: #ffffff;
	font: 12px "돋움", "돋움체";
	line-height: 140%;
	color: #8A8A8A;
}
img {
	border: none;
}
A {
	line-height: 140%;
	color: #5F6263;
	text-decoration: none;
}
A:hover {
	color: #333333;
	text-decoration: underline;
}
input, th, td, select {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	line-height: 140%;
	color: #888888;
}
.search_none {
	height: 20px;
	width: 130px;
	border: 1px solid #ffffff;
	background-color: #FFFFFF;
}
.search_blur {
	height: 20px;
	width: 130px;
	border: 1px solid #ffffff;
	background-color: #FFFFFF;
	background-image: url(/images/search_txt.jpg);
	background-repeat: no-repeat;
}
.list_select {
	behavior: url('/selectbox/selectbox.htc');
}
/*======================================================================
	Common
======================================================================*/

img {
	border: none;
}
A {
	line-height: 140%;
	color: #8a8a8a;
	text-decoration: none;
	font-family: 'NanumGothic', "돋움", "돋움체";
	font-size: 12px;
}
A:hover {
	line-height: 140%;
	color: #303030;
	text-decoration: none;
	font-family: 'NanumGothic', "돋움", "돋움체";
	font-size: 12px;
}
div, span, form {
	margin: 0;
	padding: 0;
}
ol, p, h1, h2, ul, li, dl, dt, dd {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
input, textarea {	outline-style: none; }
input, th, td, div, li, select { margin: 0; padding: 0;	border: 0; }
.clear {clear: both;}
/* /////////////////////////////////////////////////////////// COMMON /////////////////////////////////////////////////////////// */
.blind { visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
.blind2 { visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}

.wrapper {width: 100%;position: relative;}

.pagenumWrap {width: 276px;height: 30px;margin: 0 auto;zoom: 1;margin-top: 30px;}
.pagenumWrap:after {display: block;content: "";clear: both;}
.pagenumWrap li {float: left;}
.pagenumBtn > li:first-child {margin-right: 3px;}
.pagenum {margin: 0 10px;}
.pagenum > li > a {display: block;width: 26px;height: 30px;font-family: Verdana;font-size: 13px;color: #666666;line-height: 30px;text-align: center;}
.pagenum > li > a:hover {color: #444444;text-decoration: underline;}

.searchWrap {margin-top: 30px;border-width: 1px 0;border-style: solid;border-color: #cdcdcd;background: #f6f6f6;height: 53px;padding-top: 17px;}
.searchField {position: relative;margin: 0 auto;padding: 0;width: 335px;height: 35px;border: 1px solid #d9d9d9;background: #ffffff;}
.searchField legend {display: none;width: 0;height: 0;}
.searchField .searchInput {position: absolute;left: 0;top: 0;height: 35px;width: 280px;font-family: 'NanumGothic';font-size: 12px;color: #aaaaaa;line-height: 30px;text-indent: 20px;}
.searchField .btn_search {position: absolute;left: 280px;top: 0;}

/* /////////////////////////////////////////////////////////// HEADER Start /////////////////////////////////////////////////////////// */

.headerWrap {width: 100%;min-width: 996px;position: absolute;height: 151px;/* background:url(/images/topBg.png) top left repeat-x;*/border-bottom: 1px solid #d4d4d4;box-shadow: 0px -5px 10px #eeeeee;behavior: url(/lib/js/PIE.htc);background: #ffffff;}

.headerTopWrap {height: 30px;background: #333333;}
.headerTop {width: 996px;height: 30px;margin: 0 auto;background: #333333;}

.gnb_top {float: right;}
.gnb_top > li {float: left;padding-left: 14px;margin-left: 13px;background: url(/images/line_right.jpg) left 11px no-repeat;}
.gnb_top > li:first-child {padding: 0;background: none;}
.gnb_top > li > a {font-family: Arial;font-size: 9px;color: #aaaaaa;line-height: 30px;text-transform: uppercase;}
.gnb_top > li > a:hover {color: #cccccc;}

.header {width: 996px;margin: 0 auto;zoom: 1;}
.header:after {display: block;content: "";clear: both;}
.header .tel{vertical-align:top}
.header .tel img{padding-top:30px;}

h1 {float: left;}

.header_right {float: right;padding-top: 24px; padding-right:20px;}
.header_right>li:first-child {text-align: right;}

.notice_top {height: 21px;}
.notice_top > dt {float: left;font-family: 'NanumGothicB';font-size: 11px;line-height: 21px;color: #666666;text-transform: uppercase;text-indent: 15px;background: url(images/headerIcon.jpg) left top no-repeat;margin-right: 10px;}
.notice_top > dd {float: left;}
.notice_top > dd a {font-family: 'NanumGothic';font-size: 11px;line-height: 21px;color: #999999;}
.notice_top > dd a:hover {font-family: 'NanumGothic';font-size: 11px;line-height: 21px;color: #777777;text-decoration: underline;}


.gnbWrap {width: 100%;height: 40px;border-top: 1px solid #d4d4d4;}
.gnb {width: 996px;margin: 0 auto;zoom: 1;}
.gnb:after {display: block;content: "";clear: both;}

.gnb .gnbList {float: left;width: 165px;}
.gnb .gnbList > dl {border-right: 1px solid #d4d4d4;}
.gnb .gnbList > dl:first-child {width: 164px;border-left: 1px solid #d4d4d4;}
.gnb .gnbList > dl > dt {font-family: 'NanumGothicB';font-size: 13px;line-height: 40px;text-indent: 20px;}
.gnb .gnbList > dl > dd {display: none;border-bottom: 1px solid #d4d4d4;background: #ffffff;height: 40px;text-indent: 20px;}
.gnb .gnbList > dl > dd.lnb01 {background: url(/main/images/sdwBg.png) left top repeat-x;background-color: #ffffff;border-top: 1px solid #d4d4d4;}
.gnb .gnbList > dl > dd a {font-family: 'NanumGothic';font-size: 12px;color: #888888;line-height: 40px;}
.gnb .gnbList > dl > dd a:hover {color: #444444;line-height: 40px;text-decoration: underline;}

.gnbNone {color: #555555;background: url(/images/gnbBt.jpg) 143px top no-repeat;}
.gnbOn {color: #df3939;background: url(/images/gnbBt_over.jpg) 143px top no-repeat; cursor:pointer;}

/* /////////////////////////////////////////////////////////// HEADER End /////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////// FOOTER Start /////////////////////////////////////////////////////////// */

.footerWrap {padding-top: 30px;height: 140px;padding-bottom:174px;background: #f3f3f3;}
.footerWrap div {width: 100%;min-width: 996px;height: 140px;background: #222222;}
.footer {width: 996px;margin: 0 auto;}
.footer>li:first-child {float: left;}
.footer>li:last-child {float: right;}
/*ie8*/
.footer > li+li {float: right;}

.footer_grp_bnak{display:none;padding:46px 15px 14px 17px;width:275px;height:216px;background:url(/images/bg_bankaccount.png) left top no-repeat;}

.bankInfo>li{font-size:16px;line-height:27px;font-family:'NanumGothicB';text-align:center;color:#444444}
.bankInfo>li dl {margin-top:17px;}
.btn_footer_bank{margin-top:11px; text-align:center;cursor:pointer;}

.footerLeft {width: 700px;padding-top: 32px;}

.foot_companyInfo {height: 20px;}
.foot_companyInfo dt {float: left;margin-right: 12px;font-family: 'NanumGothicB';font-size: 13px;color: #ffffff;line-height: 20px;}
.foot_companyInfo dd {float: left;margin-right: 10px;font-family: 'NanumGothic';font-size: 12px;color: #999999;line-height: 20px;}

.addressF {zoom: 1;}
.addressF:after {display: block;content: "";clear: both;}

.addressF li {float: left;padding-left: 12px;margin-right: 10px;height: 20px;font-family: 'NanumGothic';font-size: 12px;color: #999999;line-height: 20px;background: url(/images/line_right02.jpg) left 6px no-repeat;}
.addressF li:first-child {padding: 0px;background: none; }
.addressF li a {font-family: 'NanumGothic';font-size: 12px;color: #999999;line-height: 20px;}
.addressF li a:hover {color: #bbbbbb;}

.copyright {margin-top: 18px;height: 14px;}
.copyright dt {float: left;margin-right: 7px;font-family: Arial;font-size: 11px;color: #555555;line-height: 14px;}
.copyright dd {float: left;margin-right: 1px;}

.footerRight {margin-top: 27px;}
.footerRight li {float: left;margin-left: 3px;}
.footerRight li:first-child > a {display: block;width: 101px;height: 29px;font-family: 'NanumGothic';font-size: 11px;color: #dedede;line-height: 29px;text-align: center;background: url(images/bg_bankaccount.jpg) left top no-repeat;}

/* /////////////////////////////////////////////////////////// FOOTER End /////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////// MAIN Start /////////////////////////////////////////////////////////// */

.visual {width: 100%;padding-top: 152px;min-width: 996px;height: 280px;background:url(/images/visualBg.jpg) left 152px no-repeat;}
.visual div {width: 996px;margin: 0 auto;}
.visual div p {padding: 50px 0 0 40px;}

.contentMain {background: #f3f3f3;}

.content01 {margin-bottom:22px; min-width:996px; height:333px;background:#fff; box-shadow:0px 1px 5px #eeeeee;behavior:url(/lib/js/PIE.htc);}
.content01 > li:first-child {position:relative;border-top:1px solid #d4d4d4;}
.content01 > li {border-bottom:1px solid #d4d4d4;}

.contentWork {width: 996px;margin: 0 auto;}
.contentWork:after{display:block;content:"";clear:both}

.contentWork > li {float:left;width: 165px;height:166px;border-right:1px solid #d4d4d4;position:relative;z-index: 100;}
.contentWork > li:first-child {width: 164px;border-left: 1px solid #d4d4d4;}
.contentWork > li > dl > dt {margin:30px 0 0 40px;}
.contentWork > li > dl > dd {text-align: center;font-family: 'NanumGothic';font-size: 14px;color: #333333;line-height: 33px;}
.contentWork > li > dl.contentWork_over {display:none; position:absolute; left:-1px;top:-1px;z-index: 150;width:167px;height:168px;background: #df3939; cursor:pointer;}
.contentWork > li > dl.contentWork_over > dt {margin:41px 0 7px 30px;}
.contentWork > li > dl.contentWork_over > dd {margin:0 5px;text-align: center; font-family:'NanumGothic'; font-size:12px; color:#ffffff;line-height: 16px; }
.contentWork > li:first-child > dl.contentWork_over {width:166px}
.contentWork > li:first-child > dl.contentWork_over > dt {margin:41px 0 7px 31px; }


.content02 {min-width: 996px;zoom: 1;}
.content02T:after {display: block;content: "";clear: both;}

.content02 > li {background: #ffffff;border-bottom: 1px solid #d4d4d4;}
.content02 > li:first-child {background: none;}

.content02T {width: 996px;margin: 0 auto;padding-bottom: 7px;}
.content02T li:first-child {float: left;}
.content02T li:last-child {float: right;}
/*ie8*/
.content02T li+li {float: right;}

.mainGallBtn {width: 39px;height: 19px;border: 1px solid #d4d4d4;}
.mainGallBtn li {float: left;width: 19px;height: 19px;}
.mainGallBtn li:first-child {border-right: 1px solid #d4d4d4;}

.contentGall {width: 996px;margin: 0 auto;overflow: hidden;}
.contentGall > li {float: left;width: 165px;height: 202px;border-right: 1px solid #d4d4d4;}
.contentGall > li:first-child {width: 164px;border-left: 1px solid #d4d4d4;}
.contentGall > li dl dt {text-align: center;padding: 13px 10px 10px 10px;}
.contentGall > li dl dd {padding: 0 9px;width: 147px;text-align: center;font-family: 'NanumGothic';font-size: 13px;color: #333333;line-height: 19px;}
.contentGall > li dl dd a {display: block;margin-top: 9px;padding: 6px 0 0 55px;width: 92px;height: 25px;font-family: 'NanumGothic';font-size: 11px;color: #888888;line-height: 17px;text-align: left;background: url(main/images/mainBtBg.jpg) left top no-repeat;}
.contentGall > li dl dd a:hover {color: #555555;background: url(main/images/mainBtBg_over.jpg) left top no-repeat;}

/* /////////////////////////////////////////////////////////// MAIN End /////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////// SUB COMMON Start /////////////////////////////////////////////////////////// */

.visualSub {width: 100%;padding-top: 152px;min-width: 996px;height: 158px;background: url(/images/visualBg.jpg) left 152px no-repeat;}
.visualSub ul {width: 996px;height: 158px;margin: 0 auto;}
.visualSub ul li {float: left;}
.visualSub ul li:first-child {padding-top: 32px;margin-right: 51px;}

.contentSub {background: #ffffff;}

.snbWrap {min-width: 996px;width: 100%;height: 40px;border-top: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;background: #f5f5f5;}

.snb {width: 996px;height: 40px;margin: 0 auto;}
.snb li {float: left;width: 165px;height: 40px;border-right: 1px solid #d4d4d4;}
.snb li:first-child {width: 164px;border-left: 1px solid #d4d4d4;}
.snb li:first-child a {display: block;width: 164px;height: 40px;font-family: 'NanumGothic';font-size: 13px;color: #666666;line-height: 40px;text-align: center;}
.snb li:first-child a:hover {height: 40px;font-family: 'NanumGothicB';color: #333333;background: #ffffff;}
.snb li:first-child a.curr {height: 41px;font-family: 'NanumGothicB';color: #333333;background: #ffffff;}

.snb li a {display: block;width: 165px;height: 40px;font-family: 'NanumGothic';font-size: 13px;color: #666666;line-height: 40px;text-align: center;}
.snb li a:hover {height: 40px;font-family: 'NanumGothicB';color: #333333;background: #ffffff;}
.snb li a.curr {height: 41px;font-family: 'NanumGothicB';color: #333333;background: #ffffff;}

.sub_content {width: 996px;margin: 0 auto;padding: 57px 0 100px 0;min-height: 535px;}

h2 {font-family: 'NanumGothicB';font-size: 37px;color: #333333;line-height: 40px;text-align: center;}

.subNavWrap {width: 584px;height: 15px;margin-left: 206px;margin-top: 10px;margin-bottom: 67px;background: url(images/line_subRoute.jpg) left top no-repeat;text-align: center;}
.sub_nav {display: inline-block;background: #ffffff;}
.sub_nav li {float: left;padding-left: 10px;margin-right: 4px;background: url(images/arr_subRoute.jpg) left top no-repeat;font-family: 'NanumGothic';font-size: 11px;color: #999999;line-height: 15px;}
.sub_nav li:first-child {background: none;margin-left: 2px;}
.sub_nav li:last-child {margin-left: 3px;padding-right: 8px;color: #555555;}

/* /////////////////////////////////////////////////////////// SUB COMMON End /////////////////////////////////////////////////////////// */
.ceoContent {zoom: 1;}
.ceoContent:after {display: block;content: "";clear: both;}

.ceoContent li {float: left;}
.ceoTxt {width: 565px;}
.ceoTxt dt {margin-bottom: 19px;}
.ceoTxt > dd {margin-bottom: 10px;font-family: 'NanumGothic';font-size: 13px;color: #777777;line-height: 21px;}
.ceoTxt > dd.emph {font-family: 'NanumGothicB';font-size: 15px;color: #444444;line-height: 22px;}
span.txtEmph {color: #df3939;}
.ceoImg dd {text-align: right;margin-top: 8px;}

.sub_content_footer {width: 100%;min-width: 996px;height: 88px;border-top: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;}
.sub_footer_nav {width: 996px;margin: 0 auto;}
.sub_footer_nav li {float: left;border-right: 1px solid #d4d4d4;height: 88px;width: 248px;}
.sub_footer_nav li:first-child {border-left: 1px solid #d4d4d4;width: 247px;}
.sub_footer_nav li:hover {height: 89px;background: url(images/bg_subFootNav.jpg) left bottom repeat-x;cursor: pointer;}
.sf_nav01 {padding: 16px 0 0 87px;width: 160px;height: 72px;background: url(/images/icon_subCommon01.jpg) 17px 17px no-repeat;}
.sf_nav02 {padding: 16px 0 0 88px;width: 160px;height: 72px;background: url(/images/icon_subCommon02.jpg) 17px 17px no-repeat;}
.sf_nav03 {padding: 16px 0 0 88px;width: 160px;height: 72px;background: url(/images/icon_subCommon03.jpg) 17px 17px no-repeat;}
.sf_nav04 {padding: 16px 0 0 88px;width: 160px;height: 72px;background: url(/images/icon_subCommon04.jpg) 17px 17px no-repeat;}
.sub_footer_nav li dl dt {font-family: 'NanumGothicB';font-size: 13px;color: #555555;line-height: 21px;margin-bottom: 2px;}
.sub_footer_nav li dl dd {font-family: 'NanumGothic';font-size: 11px;color: #888888;line-height: 15px;}


.trademarkWrap {border: 1px solid #d4d4d4;width: 994px;height: 322px;}
.trademarkWrap li {float: left;}
.trademarkWrap > li:first-child {padding-top: 142px;height: 180px;width: 344px;text-align: center;background: url(/company/images/icon_TradeMark01.jpg) 130px 44px no-repeat;}
.trademarkWrap > li > dl > dd {font-family: 'NanumGothic';font-size: 12px;color: #888888;line-height: 18px;margin-top: 13px;}
.trademarkWrap li > ul > li {border-left: 1px solid #d4d4d4;height: 322px;}
.trademark dt {padding: 14px 0 7px 0;font-family: 'NanumGothicB';font-size: 15px;color: #333333;line-height: 25px;text-align: center;border-bottom: 1px solid #d4d4d4;}
.trademark dt span {display: block;font-family: 'NanumGothicB';font-size: 13px;color: #ca0000;line-height: 16px;}

.certificatePop_top:after {display: block;content: "";clear: both;} 
.certificatePop_top > li {float:left;}
.certificatePop_top > li:first-child {font-family:'NanumGothicB'; font-size:20px; color:#ffffff; line-height:25px; margin-bottom:7px;}
.certificatePop_top > li.trade_close {float:right; cursor:pointer;}

.mainWorkW {border-width: 1px 0;border-style: solid;border-color: #555555;zoom: 1;margin-bottom: 47px;}
.mainWorkW ul:first-child {width: 497px;border-right: 1px solid #d4d4d4;}
.mainWorkW ul {float: left;}
.mainWorkW:after {display: block;content: "";clear: both;}
.mainWorkW ul li {height: 70px;border-top: 1px solid #d4d4d4;}
.mainWorkW ul:first-child>li:first-child {border-top: none;font-family: 'NanumGothicB';font-size: 15px;color: #555555;line-height: 70px;text-align: center;background: #f3f3f3;}
.mainWorkW ul li:first-child {border-top: none;}
.mainWorkW ul li > dl {height: 70px;}
.mainWorkW ul li > dl > dt {float: left;clear: left;padding-left: 31px;width: 74px;}
.mainWorkW ul li > dl > dd {display: table;}
.mainWorkD {display: table-cell;vertical-align: middle;width: 392px;height: 70px;}
.mainWorkD>dt {font-family: 'NanumGothicB';font-size: 14px;color: #666666;line-height: 21px;text-decoration: underline;margin-bottom: 1px;}
.mainWorkD>dd {font-family: 'NanumGothic';font-size: 13px;color: #777777;line-height: 18px;}


.asInfoW {zoom: 1;}
.asInfoW:after {display: block;content: "";clear: both;}
.asInfoW > p {margin-bottom: 27px;font-family: 'NanumGothicB';font-size: 18px;color: #666666;line-height: 22px;text-indent: 23px;background: url(work/images/icon_work.jpg) left top no-repeat;}
.asInfoC {width: 996px;height: 55px;background: url(/work/images/asinfo_Bg.jpg) left top no-repeat;}
.asInfoW ul {width: 493px;float: left;}
.asInfoW ul:last-child {margin-left: 10px;}
/* ie8 */
.asInfoW ul+ul {margin-left: 10px;}

.asInfoW > ul > li:first-child {height: 42px;border: none;}
.asInfoW > ul > li:first-child > dl {background: #d32828;height: 42px;}
.asInfoW > ul > li:first-child > dl > dt {float: left;clear: left;height: 42px;width: 148px;font-family: 'NanumGothicB';font-size: 12px;color: #ffffff;line-height: 42px;text-align: center;border-width: 0 1px;border-style: solid;border-color: #d32828;background: none;}
.asInfoW > ul > li:first-child > dl > dd {float: left;width: 342px;height: 42px;font-family: 'NanumGothicB';font-size: 12px;color: #ffffff;line-height: 42px;text-align: center;border-right: 1px solid #d32828;}
.asInfoW > ul > li {height: 47px;border-bottom: 1px solid #d4d4d4;}
.asInfoW > ul > li > dl {height: 47px;}
.asInfoW > ul > li > dl > dt {float: left;clear: left;width: 148px;height: 47px;font-family: 'NanumGothic';font-size: 12px;color: #555555;line-height: 47px;text-indent: 20px;border-width: 0 1px;border-style: solid;border-color: #d4d4d4;background: #f6f6f6;}
.asInfoW > ul > li > dl > dd {float: left;width: 342px;width: 342px;height: 47px;font-family: 'NanumGothic';font-size: 12px;color: #888888;line-height: 47px;text-indent: 20px;border-right: 1px solid #d4d4d4;}
.asInfoC {margin-top: 12px;padding-top: 21px;width: 996px;height: 34px;font-family: 'NanumGothicB';font-size: 12px;color: #ffffff;line-height: 19px;text-indent: 314px;background: url(/work/images/asinfo_Bg.jpg) left top no-repeat;}



.galleryWrap {width: 996px;overflow: hidden;}
.galleryWrap > div {width: 1008px;}
.gallList {float: left;padding: 0 22px;margin: 0 12px 10px 0;width: 194px;height: 238px;border: 1px solid #dddddd;}
.gallList .gallListOver {display: none;}
.gallList dt {margin: 22px 0;width: 194px;height: 144px;background: url(/construction/images/gall_noImg.jpg) left top no-repeat;}
.gallList dd {height: 49px;font-family: 'NanumGothicB';font-size: 13px;line-height: 49px;color: #333333;border-top: 1px solid #e5e5e5;text-align: center;}
.gallList_over {position: relative;float: left;padding: 0 22px;margin: 0 12px 10px 0;width: 194px;height: 238px;background: url(/construction/images/gall_overBg.jpg) left top repeat;border: 1px solid #bbbbbb;cursor: pointer;}
.gallList_over dt {margin: 22px 0;width: 194px;height: 144px;background: url(/construction/images/gall_noImg.jpg) left top no-repeat;}
.gallList_over dd {height: 49px;font-family: 'NanumGothicB';font-size: 13px;line-height: 49px;color: #333333;border-top: 1px solid #e5e5e5;text-align: center;}
.gallList_over .gallListOver {display: block;}
.gallListOver {position: absolute;left: 0;top: 0;z-index: 100;width: 238px;height: 238px;background: url(/construction/images/gall_icon.png) 90px 65px no-repeat;}



.constructionTxtW {width: 999px;position: relative;left: -1px;}
.constructionTxt {margin-top: 51px;zoom: 1;}
.constructionTxt:after {display: block;content: "";clear: both;}

.constructionTxt li {float: left;margin-left: 12px;width: 325px;height: 172px;background: url(/construction/images/constructionBg.jpg) left top no-repeat;}
.constructionTxt li:first-child {margin: 0px;}
.constructionTxt li dt {width: 320px;height: 20px;font-family: 'NanumGothicB';font-size: 20px;color: #555555;line-height: 27px;text-align: center;margin: 36px 0 30px 2px;}
.constructionTxt li dd {width: 320px;font-family: 'NanumGothic';font-size: 14px;color: #777777;line-height: 20px;text-align: center;}
.constructionTxt li dd > span {color: #333333;}


.aslistTabW {width:996px; height:45px; background:url(/aslist/images/tab_Bg.jpg) left top repeat-x; margin-bottom:12px;}
.aslistTab {zoom:1;width:815px; margin:0 auto;}
.aslistTab:after {display: block;content: "";clear: both;}
.aslistTab_nav {float:left;width:156px; height:43px; border:1px solid #dddddd; margin-right:5px; background:#ffffff; font-family:'NanumGothic'; font-size:13px; line-height:43px; text-align:center; color:#555555;}
.aslistTab_nav_over {float:left; margin-right:5px; width:158px; height:45px;font-family:'NanumGothic'; font-size:13px; line-height:45px; text-align:center; color:#ffffff;background:url(/aslist/images/tabBg_over.jpg) left top no-repeat; cursor:pointer;}

h3 {display:inline-block; zoom:1; *display:inline; padding-right:10px; font-family:'NanumGothicB'; font-size:20px; color:#666666; line-height:43px; background:url(/aslist/images/title_underBar.jpg)left bottom no-repeat; margin-top:28px; margin-bottom:33px;}
h3 > span {display:inline-block; zoom:1; *display:inline; margin-left:10px; color:#666666; font-family:'NanumGothic'; font-size:12px; font-weight:normal;}
.aslistW { width:996px; overflow:hidden;}
.aslistW > div {width:1008px;}
.aslist:after {display: block;content: "";clear: both;}
.aslist > li {float:left; margin:0 12px 10px 0; position:relative; left:0; top:0; width:154px; height:154px; border:1px solid #dddddd;}

.aslist > li  dd {margin:13px 0;}
.aslist > li  dt {margin:0 40px; height:40px; font-family:'NanumGothic'; font-size:13px; color:#777777; text-transform:capitalize; text-align:center; line-height:40px; border-top:1px solid #dddddd;}

.aslist_img > .aslinstOver {display:none;}
.aslist_img_over >.aslinstOver {display:block;}
.aslinstOver {position:absolute; left:-1px; top:-1px;display:block; width:156px; height:156px; background:url(/aslist/images/aslist_over.png) left top no-repeat; cursor:pointer;}
.aslistPop{display:none; position:relative; width:406px; height:376px; background:url(/aslist/images/aslistPop_bg.png) left top no-repeat;}
.aslistPop_inner {width:398px; height:368px;margin:1px 0 0 1px;}
.aslistPop_inner > li:first-child { font-family:'NanumGothicB'; font-size:20px; color:#666666; line-height:27px; padding-top:40px; text-align:center;}
.aslistPop_inner > li > dl > dt {height:70px; font-family:'NanumGothic'; font-size:15px; color:#6d6d6d; text-align:center; text-transform:capitalize;  line-height:70px; margin:0 50px; border-top:3px double #b7b7b7;}
.aslistPop_inner > li > dl > dd {height:215px;padding-top:15px;}

.layerClose{position:absolute; left:350px; top:1px; cursor:pointer;}

.applicationWrap {zoom:1;}
.applicationWrap:after {display: block;content: "";clear: both;}

.applicationWrap > div {float:left;}
.applicationI > p {padding-left:39px;  margin-bottom:15px; font-family:'NanumGothicB';font-size: 20px;line-height: 29px;color: #555555;background:url(/application/images/applicationIcon01.jpg) left top no-repeat;}
.applincationInfo {width:358px; padding-right:29px; border-right:1px solid #eaeaea;}
.applincationInfo li {min-height:50px; border-top:1px solid #eaeaea;}
.applincationInfo li:first-child {border-top:1px solid #a3a3a3;}
.applincationInfo li:last-child {border-bottom:1px solid #a3a3a3;}
/* ie8 */
.applincationInfo li+li+li+li+li+li {border-bottom:1px solid #a3a3a3;}


.applincationInfo li > dl > dt {float:left; clear:left;  width:80px; line-height:50px; font-family:'NanumGothic'; font-size:12px; color:#555555; text-indent:20px;}
.applincationInfo li > dl > dd {float:left;height:50px; width:277px;	}
.applincationInfo input{ font-size:12px;line-height:30px;font-family:'NanumGothic';color:#666666;}

.txtInput {margin:9px 0 0 10px;width:238px; height:30px; border:1px solid #dddddd; text-indent:10px;} 
.tellNb {margin:9px 0 0 10px; width:62px; height:30px; border:1px solid #dddddd;margin:9px 0 0 10px; text-align:center;}

.addrInput {height:101px;}
.addrInput > dt {height:101px;}
.addrInput > dd {border-bottom:1px solid #eaeaea;}


.radioBoxW{height:50px; width:261px; padding-left:20px; zoom:1;}
.radioBoxW:after {display: block;content: "";clear: both;}
.radioBoxW > dt {float:left; padding-top:19px; margin-right:7px;}
.radioBoxW > dd {float:left; font-family:'NanumGothic'; font-size:12px; color:#555555; line-height:50px; margin-right:10px;}


.applicationT {padding-left:30px; width:578px;}
.applicationT > p{ padding-left:39px;  margin-bottom:15px; font-family:'NanumGothicB';font-size: 20px;line-height: 29px;color: #555555;background:url(/application/images/applicationIcon02.jpg) left top no-repeat;}
.applincationTxt {border-width:1px 0; border-style:solid; border-color:#a3a3a3;}
.applincationTxt li{padding-bottom:9px;}
.applincationTxt li:first-child{padding-top:9px;}
.txtInput2 {width:575px; height:38px; border:1px solid #dddddd;font-size:12px;line-height:30px;font-family:'NanumGothic';color:#666666; text-indent:20px;}
.txtinput3 {width:535px; height:247px; resize:none; border:1px solid #dddddd;font-size:12px;line-height:30px;font-family:'NanumGothic';color:#888888;padding:20px;}

.appBtnW {float:right; zoom:1; margin-top:14px;}
.appBtnW:after {display: block;content: "";clear: both;}
.appBtnW li {float:left; margin-left:2px;}

.bt01 > a {display:block; width:70px; height:35px; font-family:'NanumGothic'; font-size:13px; color:#ffffff; line-height:35px; text-align:center; background:url(/application/images/applicationBg01.jpg) left top repeat-x;}
.bt01 > a:hover {background:url(/application/images/applicationBg01_over.jpg) left top repeat-x;}

.bt02 > a {display:block; width:123px; height:35px; font-family:'NanumGothic'; font-size:13px; color:#ffffff; line-height:35px; text-indent:53px; background:url(/application/images/applicationBg02.jpg) left top no-repeat;}
.bt02 > a:hover {background:url(/application/images/applicationBg02_over.jpg) left top no-repeat;}


/* ////////////////////////// BOARD Start ////////////////////////// */

.boardTop {border:1px solid #dddddd; width:994px; height:48px; margin-bottom:5px;}
.boardTop:after {display: block;content: "";clear: both;}
.boardTop > li {float:left;}
.boardTop > li>dl.b02>dd{ font-family:'NanumGothicB'; font-size:13px; color:#555555;}
.boardTop > li>dl.b05>dd{ font-family:'NanumGothicB'; font-size:13px; color:#555555;}

.boardTopN {margin-left:-1px; margin-top:-1px;}

.boardTop_over {border:1px solid #df3939; width:994px; height:48px; margin-bottom:5px; cursor:pointer;}
.boardTop_over:after {display: block;content: "";clear: both;}
.boardTop_over > li {float:left;}
.boardTop_over > li>dl.b02>dd{ font-family:'NanumGothicB'; font-size:13px; color:#555555;}
.boardTop_over > li>dl.b05>dd{ font-family:'NanumGothicB'; font-size:13px; color:#555555;}

.boardList {border:1px solid #dddddd; width:994px; height:48px; margin-bottom:5px;}
.boardList:after {display: block;content: "";clear: both;}
.boardList > li {float:left;}

.boardList_over {border:1px solid #999999; width:994px; height:48px; margin-bottom:5px; cursor:pointer; position:relative;}
.boardList_over:after {display: block;content: "";clear: both;}
.boardList_over > li {float:left;}



 .secretListWrap { position:absolute; left:-1px; top:-1px; width:996px; height:50px; background:url(/board/images/secretListBg_over.png) left top repeat-x;}

.positionR { position:relative; left:0px; top:0px;}
.clear{ clear:both;}


.secretList {width:263px; height:32px; margin:0 auto;margin-top:8px;}
.secretList:after {display: block;content: "";clear: both;}
.secretList  > li {float:left;}
.secretList  > li:first-child {width:217px; height:32px; margin-right:6px;}
.pwInput { height:32px; width:217px; text-indent:32px; line-height:32px;font-family:'NanumGothic'; font-size:12px; color:#999999; background:url(/board/images/pwInput_Bg_over.jpg) #ffffff 8px top no-repeat;}

.b01 {width:72px; height:48px; background:#eeeeee;}
.b01 > dd {text-align:center; line-height:48px; color:#777777; font-family:'NanumGothic'; font-size:12px;}
.b02 {width:609px; padding-left:25px;}
.b02 > dd {float:left;font-family:'NanumGothic'; font-size:13px; color:#666666; line-height:48px;}
.b02 > dd.reBoard {background:url(/board/images/icon_re.jpg) left 13px no-repeat; text-indent:27px;}
.secretB {padding-top:15px; margin-left:10px; }
.b03 {width:108px; text-align:center;} 
.b03 > dd {font-family:'NanumGothic'; font-size:12px; color:#666666; line-height:48px;}
.b04 {width:144px; height:28px; margin:10px 0; padding-left:35px; border-left:1px solid #dddddd; line-height:28px;}
.b04 > dd {font-family:'NanumGothic'; font-size:12px; color:#666666; font-size:12px;}

.b05 {width:717px; padding-left:25px;}
.b05 > dd {float:left;font-family:'NanumGothic'; font-size:13px; color:#666666; line-height:48px;}



.bt03 {float:right; margin-top:25px;height:35px;}
.bt03 a {display:block; width:140px; height:35px; font-family:'NanumGothic'; font-size:12px; color:#ffffff; line-height:35px; text-indent:61px; background:url(/board/images/btn_write.jpg) left top no-repeat;}
.bt03 a:hover { background:url(/board/images/btn_write_over.jpg) left top no-repeat;}

.readTop {width:996px; height:50px; background:#3e3e3e;}
.readTop:after {display: block;content: "";clear: both;} 
.readTop li {float:left;}
.readTop dd {font-family:'NanumGothic'; font-size:13px; color:#ffffff; line-height:50px;margin-right:10px;}
.readTop li:first-child {padding-left:20px;}
.readTop li.notice_right {float:right;}
.readTop li.notice_right > ul {width:155px; padding-left:15px; height:50px; background:url(/board/images/readTop_bg.jpg) left top no-repeat;}
.readTop li.qna_right {float:right;}
.readTop li.qna_right > ul {width:200px; padding-left:15px; height:50px; background:url(/board/images/readTop_bg.jpg) left top no-repeat;}
.readTop li.gall_right {float:right;}
.readTop li.gall_right > ul {width:200px; padding-left:15px; height:50px; background:url(/board/images/readTop_bg.jpg) left top no-repeat;}

.read_row02{height:43px;}
.read_row02>dl{padding-left:20px;} 
.read_row02>dl>dd {height:43px; font-family:'NanumGothic'; font-size:12px; color:#666666; line-height:43px; text-indent:20px; background:url(/board/images/icon_addFile.jpg) left top no-repeat;}
.read_row02>dl>dd>a { font-family:'NanumGothic'; font-size:12px; color:#666666; line-height:43px;}
.read_row02>dl>dd>a:hover { color:#555555; text-decoration:underline;}

.read_row03 {min-height:300px; padding:25px 20px; border-width:1px 0; border-style:solid; border-color:#dddddd;fnot-size:12px;line-height:18px;font-family:'NanumGothic';color:#777777;}


.read_btnW {margin-top:30px; width:996px;}
.read_btnW:after {display: block;content: "";clear: both;} 
.read_btnW > li {float:left; margin-left:3px;}
.read_btnW > li:first-child {width:604px; margin-left:0px;}
.read_btnW > li.btArr {float:right;}





.btArr >ul>li{float:left;margin-left:2px;}


.bt04 a {display:block; width:140px; height:35px; font-family:'NanumGothic'; font-size:13px; color:#ffffff; line-height:35px; text-indent:55px; background:url(/board/images/btn_list.jpg) left top no-repeat;}
.bt04 a:hover {background:url(/board/images/btn_list_over.jpg) left top no-repeat;}

.bt05 a {display:block; width:80px; height:35px; font-family:'NanumGothic'; font-size:13px; color:#ffffff; line-height:35px; text-align:center; background:url(/board/images/btn_read01.jpg) left top repeat-x;}
.bt05 a:hover {background:url(/board/images/btn_read01_over.jpg) left top repeat-x;}

.bt06 a {display:block; width:140px; height:35px; font-family:'NanumGothic'; font-size:12px; color:#ffffff; line-height:35px; text-indent:61px; background:url(/board/images/btn_write.jpg) left top no-repeat;}
.bt06 a:hover {background:url(/board/images/btn_write_over.jpg) left top no-repeat;}

.bt07 a {display:block; width:35px; height:35px; background:url(/board/images/btn_read01.jpg) left top repeat-x;}
.bt07 a:hover {background:url(/board/images/btn_read01_over.jpg) left top repeat-x;}


.wInput{margin-bottom:10px; border:1px solid #dddddd;}
.wInput input {background:#f1f1f1;font-family:'NanumGothic'; font-size:13px; color:#555555; line-height:32px;}
.wInput > li {height:48px; font-family:'NanumGothic'; font-size:13px; color:#676767; line-height:48px; border-top:1px solid #dddddd;}
.wInput > li:first-child {border-top:none;}
.wInputT {display:inline-block;zoom:1; *display:inline;width:78px; padding-left:30px;}
.wInput_inner:after {display: block;content: "";clear: both;} 
.wInput_inner >li {float:left;}

.qnaT {width:855px; height:32px;text-indent:10px; }
.qnaU {width:230px; height:32px; text-align:center; margin-right:72px;}
.qnaP {width:220px; height:32px; text-align:center; margin-right:20px;}

.radioBx {zoom:1; height:33px; padding-top:15px;}
.radioBx:after {display: block;content: "";clear: both;} 
.radioBx > dt {float:left;margin:0 9px 0 6px;}
.radioBx > dd {float:left; margin-top:3px;}

.qnaAddW{ position:relative; left:0; top:0;}
.input_file{width:220px; height:32px;  font-family:'NanumGothic'; font-size:12px; color:#666666; line-height:32px; text-indent:10px; padding:0; background:#f1f1f1;}

.bt_file11 {filter:alpha(opacity:0); opacity:0;position:absolute; left:0; top:5px;width:30px; }
.bt_file { filter:alpha(opacity:0); opacity:0; height:33px; }
.bt_fileWrap{ display:inline-block; *display:inline; zoom:1; position:absolute; top:8px;left:306px; width:32px; height:32px;  text-align:center;}
.bt_fileWrap_modify{ display:inline-block; *display:inline; zoom:1; position:absolute; top:8px;left:306px; width:220px; height:32px;  text-align:center;}

.qna_readBtnW { zoom:1; width:199px; padding-top:20px; margin:0 auto;}
.qna_readBtnW:after {display: block;content: "";clear: both;}
.qna_readBtnW li {float:left; margin-left:3px;}

@media only screen and (max-width:1280px) {
.telwrap{position:fixed;left:0;bottom:0;width:100%;height:100px;background:#ff0000;}
.telwrap > a{display:block;width:100%;height:100px;font-size:40px;font-weight:bold;color:#ffffff;text-align:center;line-height:100px;}
.telwrap{display:block;}
}
