@charset "utf-8";

/******************기본스타일******************/

html {overflow-y:scroll; overflow:-moz-scrollbars-verticals;}

/*element 여백초기화*/
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form {
	margin:0;
	padding:0;
}
legend, caption {display:none;clear:both;}
ol,ul,li {list-style:none;}

body,td,th {
	font-family:Dotum,"돋움",Gulim,"굴림",Arial;
	font-size:12px;
	color:#555; 
	line-height:18px;
}
 

img, fieldset {vertical-align:top; border:0;}

A:link	{text-decoration:none;color:#575757;}
A:visited{text-decoration:none;color:#575757;}
A:hover {text-decoration:none;color:#3866f8;}
A:active {text-decoration:none;color:#575757;}

.png24 {tmp:expression(setPng24(this));}
legend, caption {display:none;clear:both;}

/* == 정렬 == */

.tAlignR {text-align:right;}
.floatL {float:left}
.floatR {float:right}
.pdTL {padding-top:80px}
.vaMiddle {vertical-align:middle;}


/* == 폰트설정 == */

.tSmall {font-size:11px;color:#444444;line-height:16px;}
.tBold {font-weight:bold;}
.tBig {font-size:15px;}
.tNarrow {letter-spacing:-1px;}
.tBlue {color:#5674df;}
.tOrange {color:#ff6600;}
.tGray {color:#777;}
.tNumber {font-family:tahoma, Arial, sans-serif; font-size:12px; letter-spacing:0px;}
.tsNumber {font-family:tahoma, Arial, sans-serif; font-size:11px; color:#777;}


/* ==  패딩설정 == */
.pdBt55{ padding-bottom:55px;}
.pdBt50{ padding-bottom:50px;}
.pdBt45{ padding-bottom:45px;}
.pdBt40{ padding-bottom:40px;}
.pdBt35{ padding-bottom:35px;}
.pdBt30{ padding-bottom:30px;}
.pdBt25{ padding-bottom:25px;}
.pdBt15{ padding-bottom:15px;}
.pdBt10{ padding-bottom:10px;}
.pdBt20{ padding-bottom:20px;}
.pdTop40{ padding-top:40px;}
.pdTop30{ padding-top:30px;}
.pdTop20{ padding-top:20px;}
.pdTop10{ padding-top:10px;}

/* == 메인레이아웃 == */

#wrapperMain{}
#headerMain{}
#contentsMain{ position:relative; margin:0 auto; width:1000px; height:235px;}
#contentsMain .con1{position:absolute; top:0; left:0;}
#contentsMain .con1 ul {padding-left:39px; margin:12px 0 7px;}
#contentsMain .con1 li {line-height:17px; background:url(../img/main/icon_spot.gif) no-repeat 0 6px; padding-left:8px;}
#contentsMain .con1 li a {font-size:11px; letter-spacing:-1px; color:#888}
#contentsMain .con1 li a:hover{color:#333;}
#contentsMain .con2{position:absolute; top:0; left:280px;}
#contentsMain .con3{position:absolute; top:0; right:0;}
#footerMain { background:url(../img/main/bg_copy.gif) repeat-x; text-align:center;}

/* == 서버레이아웃 == */

#wrapper{}
#header{}
#contents{ position:relative; margin:0 auto; width:950px;}
#contents .submenu{display:inline-block;width:201px;min-height:675px}
#contents .pageArea{display:inline-block;width:707px;min-height:520px; _height:520px;vertical-align:top}
#contents .titleArea1{margin-bottom:47px;}
#contents .titleArea2{margin-bottom:37px;}
#footer { background:url(../img/bg_copy.gif) repeat-x; text-align:center;}


/* == 테이블설정 == */
.tbPro th{padding:8px; border-bottom:1px solid #c5c5c5; border-left:1px solid #e5e5e5; border-top:2px solid #9b9b9b; background-color:#f8f8f8;}
.tbPro th.thFirst{border-left:none;}
.tbPro td{padding:7px; border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
.tbPro td.tdFirst{border-left:none; font-weight:bold; text-align:center;}
.tbPro td.td2{padding-left:10px;}
.tbPro td.td3{padding-left:10px;}
.tbPro td.td4{text-align:center;}
.tbPro td.tdEnd{border-bottom:1px solid #c5c5c5;}

.tbManage td.tdTop1{padding:15px 7px 7px;border-top:2px solid #4a52b7;}
.tbManage td.tdTop2{padding:15px 7px 7px;border-top:2px solid #9b9b9b;}
.tbManage td{padding:7px; border-bottom:1px solid #f1f1f1;}
.tbManage td.tdFirst{border-left:none; font-weight:bold; text-align:center;}
.tbManage td.td2{padding-left:20px;}
.tbManage td.td4{text-align:center;}
.tbManage td.tdEnd{border-bottom:1px solid #c5c5c5; padding-bottom:13px;}

.tbRecruit{ margin:0 0 30px 29px;}
.tbRecruit th{padding:8px; border-bottom:1px solid #c5c5c5; border-left:1px solid #e5e5e5; border-top:2px solid #9b9b9b; background-color:#f8f8f8;}
.tbRecruit th.thFirst{border-left:none;}
.tbRecruit td{padding:7px; border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5; text-align:center;}
.tbRecruit td.tdFirst{border-left:none; font-weight:bold; text-align:center;}
.tbRecruit td.tdEnd{border-bottom:1px solid #c5c5c5;}
.tbRecruit td.tdLeft{padding-left:16px; text-align:left;}

/* == 회사소개== */
.imgAbout1{ position:absolute; top:228px; right:0;}

/* == 제품과기술== */
.imgPro1{ position:absolute; top:294px; right:0;}
.proTab {background:url(../img/product/tab_bg.gif) repeat-x; height:31px;}
.proTab li {float:left;}
.proSubtab {padding:19px 0 0 19px; background-color:#fcfcfc; border-bottom:solid 1px #d6d6d6; height:112px;}
.proSubtab li {float:left; margin-right:15px;}
.proSubtab li.liLast {margin-right:0;}
.subPro{display:none;}
#pro01 {display:block;}
.subTitle {position:relative; margin-bottom:12px; height:17px;}
.btnDownload {position:absolute; top:0; right:0; width:85px;}
.btnDownload2 {text-align:right; margin-bottom:5px;}

/* == 책임경영== */
.imgManage1{position:absolute; top:115px; right:0;}
#manageLayer{position:relative;}
#manageLayer .managePop{position:absolute; z-index:100; top:0px; left:0px; width:645px; padding:30px; background-color:#fff; border:solid 1px #a8acd2;}
#manageLayer .popTitle{position:relative; background:url(../img/manage/bg_title.gif) repeat-x; padding-left:14px; line-height:35px; height:35px; font-size:14px; color:#fff; font-weight:bold; letter-spacing:-1px;}
#manageLayer .btnClose{position:absolute; top:0;right:0;}
#manageLayer .popContents{margin:10px auto 0; width:600px; padding-right:20px; height:330px; overflow:auto;}
#manageLayer .conTitle{ font-weight:bold; color:#40456c;}
#manageLayer .popContents p{margin:20px 0;}
#manageLayer ul{margin:12px 0 20px 18px;}
#manageLayer li{background:url(../img/icon_spot.gif) no-repeat 0 6px; padding-left:8px;}
.hseSwf{position:absolute; top:345px; right:0;}
.spanGap1{padding-left:23px;}
.spanGap2{padding-left:30px;}


/* == ContactUs== */
#contactus{width:522px;}
#contactus .tText{padding:15px 0 20px 15px;}
#contactus .tbWrap{padding:0 34px 10px;}
.tbContact{ margin:0 0 20px 0;}
.tbContact th{padding:5px; border-bottom:1px solid #c5c5c5; border-left:1px solid #e5e5e5; border-top:2px solid #9b9b9b; background-color:#f8f8f8;}
.tbContact th.thFirst{border-left:none;}
.tbContact td{padding:4px; border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5; text-align:center;}
.tbContact td.tdFirst{border-left:none; font-weight:bold; text-align:center;}
.tbContact td.tdEnd{border-bottom:1px solid #c5c5c5;}
.tbContact td.tdLeft{padding-left:16px; text-align:left;}


/* == 게시판== */

/*목록*/
#bdList {position:relative; width:707px;}
#bdList .listCount {font-size:11px;letter-spacing:-1px;padding-bottom:4px;text-align:right;color:#999;}
#bdList th{border-top: solid 2px #9b9b9b;border-bottom: solid 1px #c5c5c5;padding:9px 0;text-align:center; background:url(../img/board/top_line.gif) #fafafa no-repeat bottom left;}
#bdList thead th.first{background:none; background-color:#fafafa;}
#bdList td{border-bottom: solid 1px #e1e1e1;padding:8px 0 6px;text-align:center;}
#bdList tbody tr:hover { background-color:#fcfcfc;}
#bdList tbody td.subject {text-align:left; padding-left:15px;}
#bdList .listIndex{ font-weight:bold; color:#4d569e; padding-right:10px; letter-spacing:-1px;}
#bdList .listReply{font-family:tahoma, verdana, Arial;font-size:11px; font-weight:bold; color:#4d569e;}
#bdList .search {clear:both;border:solid 3px #ededed; padding:10px; text-align:center;margin-top:40px;}
#bdList .btnWrite {position:absolute;right:-2px; bottom:70px;}

/*상세보기*/
#bdView {position:relative; width:707px; border-top:solid 2px #999; margin:7px 0 0;}
#bdView .subject {background:url(../img/board/icon_subject.gif) no-repeat 1px 0;margin-top:20px;padding:2px 0 0 22px; color:#5361d0; font-weight:bold; font-size:14px; letter-spacing:-1px;}
#bdView .etcInfo { border-bottom:1px solid #ededed; font-size:11px; padding:6px 0 15px 21px; margin-bottom:35px;}
#bdView .imgArea {padding-bottom:25px; text-align:center} /*갤러리 이미지 출력*/
#bdView .viewCon {padding:0 21px;}
#bdView .viewReply {border: dotted 2px #e7e7e7; background:#FFF; color:#5361d0; padding:25px; margin-top:30px;}
#bdView .btnArea {border-top:solid 1px #e5e1e6; margin-top:35px; padding-top:15px}
#bdView .btnArea .modify {float:left}
#bdView .btnArea .list {float:right}

/*댓글*/
#bdComment {clear:both; position:relative; width:647px; margin:30px auto 0; padding:12px 30px 20px; border: solid 1px #e3e3e3; background-color:#fefefe;}
#bdComment .comInputBox{position:relative; margin:15px 0 10px;}
#bdComment .comInput {position:absolute; width:555px;}
#bdComment .comBtn {text-align:right;}
#bdComment ul {}
#bdComment li {border-bottom:solid 1px #ededed; padding-top:15px;}
#bdComment .comText{padding:0 0 15px 0;}
#bdComment .btnDel a{position:absolute; right:32px; font-family:Dotum,"돋움"; font-size:11px;}
#bdComment .comCon{font-size:12px; padding-top:5px; line-height:17px;}

/*글쓰기폼*/
#bdWrite {margin-top:7px;}
#bdWrite .outline {padding:20px 30px; border: solid 10px #f4f4f4; margin-top:6px;}
#bdWrite th,td { border-bottom:solid 1px #ededed;}
#bdWrite th {padding:7px 10px 6px 0; text-align:right; letter-spacing:-1px;}
#bdWrite td {padding:7px 0 6px 18px}
#bdWrite .endLine{ border:none;}
#bdWrite .btnSubmit {padding:20px 0; text-align:center;}

/*글삭제폼*/
#bdDelete {margin-top:7px;}
#bdDelete .outline {padding:20px 30px; border: solid 10px #f4f4f4; margin-top:6px; text-align:center;}
#bdDelete .btnDelete {padding:20px 0; text-align:center;}


/* == 인쇄광고 == */

#adPrint {position:relative; width:707px; z-index:100;}
#adPrint .listCount { background:url(../img/board/bar_adPrint.gif) no-repeat; height:31px; margin-bottom:30px; padding:12px 12px 0 0; font-size:11px;letter-spacing:-1px;text-align:right;color:#999;}
#adPrint ul {clear:both; padding-left:16px;}
#adPrint li {float:left; display:inline; margin:0 24px 25px 0;}
#adPrint li.liLast {margin:0;}
#adPrint li p {width:110px;font-size:11px;letter-spacing:-1px;padding:6px 0;text-align:center;color:#777;}
#adPrint .adImgArea td {border:solid 1px #f0f0f0; width:110px; height:145px; vertical-align:middle;}
/*#adPrint li a img {border:1px solid #f0f0f0;}
#adPrint li a:hover img{border:1px solid #3a45ae;}*/
#adPrint .paging {clear:both; border-top: solid 1px #F0F0F0;}
#adPrint .pop_layer{ position:absolute; z-index:100; top:-70px; left:70px; padding:15px; background-color:#fff; border:solid 1px #3c47b3; width:530px;}
#adPrint .pop_layer a img {border:none;}
#adPrint .pop_layer a:hover img{border:none;}

.adMovie{clear:both;position:relative; border:solid 1px #e2e4f0; padding:34px 38px; margin-top:35px; z-index:10;}
.movieArea{position:absolute; top:37px; right:37px;}


/* == 갤러리 == */

#gallery {position:relative; width:707px;}
#gallery .listCount {border-bottom: solid 2px #8d8d8d; margin-bottom:34px; font-size:11px;letter-spacing:-1px;padding-bottom:4px;text-align:right;color:#999;}
#gallery ul {clear:both; padding-left:8px;}
#gallery li {float:left; display:inline; margin:0 15px 25px 0; _margin-bottom:0;}
#gallery li.liLast {margin:0 0 25px 0; _margin-bottom:0;}
#gallery li p {width:160px;font-size:12px;padding:11px 0 5px;text-align:center;color:#555; line-height:15px;}
#gallery li a img {border:1px solid #f0f0f0;}
#gallery li a:hover img {border:1px solid #3a45ae;}
#gallery .paging {clear:both;border-top: solid 1px #F0F0F0;}
#gallery .search {clear:both;border:solid 3px #ededed; padding:10px; text-align:center;margin-top:40px;}

/* == FAQ == */

#bdFAQ {width:707px;}
#bdFAQ .listCount {font-size:11px;letter-spacing:-1px;padding-bottom:4px;text-align:right;color:#999;}
#bdFAQ dt {padding:9px 10px 7px 20px; font-weight:bold; border-bottom:solid 1px #e1e1e1}
#bdFAQ dd {padding:15px 10px 14px 43px; border-bottom:solid 1px #e1e1e1}
#bdFAQ .faqBar {padding-bottom:8px;}
#bdFAQ .search {border:solid 3px #ededed; padding:10px; text-align:center;margin-top:22px;}


/* == 페이징(전체공통)== */

.paging {clear:both;font-family:tahoma, Arial, sans-serif;font-size:11px;color:#666666;font-weight:bold;padding-top:17px;text-align:center;}
.paging a {position:relative; display:inline-block; margin-right:1px; padding:0 5px; color:#666; border:1px solid #ededed; background:#fff; vertical-align:middle;}
.paging strong {position:relative; display:inline-block; margin-right:1px; padding:0 5px; color:#ff6600; border:1px solid #ededed; background:#fff; vertical-align:middle;}
.paging a:hover {background:#ededed; border:1px solid #8a949e; text-decoration:none;}
.paging .pre {margin-right:4px; padding:5px 7px; _padding:5px 7px 0; border:1px solid #ededed; background:#fff; vertical-align:middle;}
.paging a:hover.pre {border:1px solid #444; background:#ccc;}
.paging .next {margin-left:3px; padding:5px 7px; _padding:5px 7px 0; border:1px solid #ededed; background:#fff; vertical-align:middle;}
.paging a:hover.next {border:1px solid #444; background:#ccc;}


/* =======================상담폼====================== */
#frRequest {background:url(../img/helpdesk/bg_request.gif) no-repeat; padding:40px 0 0 50px;}
#frRequest th,td { border-bottom:solid 1px #ededed;}
#frRequest th {padding:7px 0 6px 15px; text-align:left;}
#frRequest td {padding:7px 0 6px 18px}
.fSend {background:url(../img/helpdesk/bg_request2.gif) no-repeat; height:81px;padding:30px 0 0 80px; text-align:center;}


/* =======================폼스타일====================== */
.inputField {  
	font-family: Dotum,"돋움"; 
	font-size: 11px; 
	color: #555555; 
	border: #cccccc; 
	background-color: #fdfdfd;  
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	height:16px;
}

.inputField2 {  
	font-family: Dotum,"돋움"; 
	font-size: 12px; 
	color: #555555; 
	border: #cccccc; 
	background-color: #fdfdfd;  
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	height:16px;
}

.inputText {  
	font-family: Dotum,"돋움"; 
	font-size: 12px; 
	color: #555555; 
	border: #cccccc; 
	background-color: #fdfdfd;  
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}
.inputFile {  
	font-family: Dotum,"돋움"; 
	font-size: 12px; 
	color: #555555; 
	border: #cccccc; 
	background-color: #fdfdfd;  
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	height:19px;
}

.LBox1 {  
	font-family: Gulim,"굴림"; 
	font-size: 12px; 
	color: #444444; 
	border: #cccccc; 
	background-color: #fdfdfd;  
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	height:20px;
}

.inputMail {  
	font-family: Dotum,"돋움"; 
	font-size: 12px; 
	color: #555555; 
	border: #f7f6f5; 
	background-color: #f7f6f5;  
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	height:14px;
	padding-top:2px;
}

.inputLocal {  
	font-family: Dotum,"돋움"; 
	font-size: 19px;
	font-weight:bold;
	letter-spacing:-1px;
	color: #ffffff;
	border-style: solid; 
	border: #583360; 
	background-color: #583360;  
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	height:20px;
	width:150px;
}

.inputComment {  
	font-family:Gulim,"굴림"; 
	font-size: 12px; 
	color: #444; 
	border: #cccccc; 
	background-color: #fafafa;  
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	width:99%;
	height:70px;
	overflow:auto;
}