@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:17px;
}
body { background:url(../img/bg_line2.gif) repeat-y 50% 0;}
 

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;}
.tYellow {color:#da7600;}
.tGray {color:#777;}
.tNumber {font-family:tahoma, Arial, sans-serif; font-size:12px;}
.tsNumber {font-family:tahoma, Arial, sans-serif; font-size:11px;}


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

#wrapperMain{text-align:center;}


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

#wrapper{background:url(../img/bg.gif) repeat-x; padding-top:6px;}
#topNetwork{position:relative; background-color:#767676;}
#topNetwork .network{position:absolute; top:0; left:0; width:750px;}
#contents{ position:relative; margin:0 auto; width:1000px;}
#contents .menu{ position:absolute; top:0; left:0; width:203px;}
#contents .pageArea{margin-left:203px;width:673px;}
#contents .flashArea{position:relative; width:673px; padding-bottom:23px;background-color:#fff;}
#contents .conArea{position:relative;width:625px;background-color:#fff;padding-bottom:23px; min-height:400px; _height:400px;}
#quickMenu {right:0;}
#footer { clear:both; width:1000px; margin: 0 auto;}


/* == 게시판== */

/*목록*/
#bdList {position:relative; width:625px;}
#bdList .listCount {font-size:11px;letter-spacing:-1px;padding-bottom:4px;text-align:right;color:#999;}
#bdList th{border-top: solid 2px #8d8d8d;border-bottom: solid 2px #999;padding:9px 0;text-align:center; background:url(../img/board/top_line.gif) no-repeat top left;}
#bdList thead th.first{background:none;}
#bdList td{border-bottom: solid 1px #e1e1e1;padding:8px 0 6px;text-align:center;}
#bdList tbody tr:hover { background-color:#fafafa;}
#bdList tbody td.subject {text-align:left;}
#bdList .listReply{font-family:tahoma, verdana, Arial;font-size:10px; line-height:13px; font-weight:bold; color:#3866f8;}
#bdList .search { border:solid 3px #ededed; padding:10px; text-align:center;margin-top:22px;}
#bdList .btnWrite {position:absolute;right:-2px; bottom:60px;}

/*상세보기*/
#bdView {position:relative; width:625px; border-top:solid 2px #999; margin:7px 0 0;}
#bdView .subject {background:url(../img/board/icon_note.gif) no-repeat 0 3px;margin-top:15px;padding:0 0 2px 14px; color:#ff6600; font-weight:bold;}
#bdView .etcInfo { border-bottom:1px solid #ededed; font-size:11px; padding:0 0 12px 14px; margin-bottom:25px;}
#bdView .imgArea {padding-bottom:25px; text-align:center} /*갤러리 이미지 출력*/
#bdView .viewCon {padding:0 25px;}
#bdView .viewReply {border: solid 1px #f4f4f4; background:#FFF; color:#ff6600; padding:25px; margin-top:20px;}
#bdView .btnArea {border-top:solid 1px #e5e1e6; margin-top:25px; padding-top:15px}
#bdView .btnArea .modify {float:left}
#bdView .btnArea .list {float:right}

/*글쓰기폼*/
#bdWrite {margin-top:7px;}
#bdWrite .outline {width:545px; 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 {width:545px; padding:20px 30px; border: solid 10px #f4f4f4; margin-top:6px; text-align:center;}
#bdDelete .btnDelete {padding:20px 0; text-align:center;}


/* == 갤러리 == */

#gallery {position:relative; width:625px;}
#gallery .listCount {border-bottom: solid 2px #8d8d8d; margin-bottom:30px; font-size:11px;letter-spacing:-1px;padding-bottom:4px;text-align:right;color:#999;}
#gallery ul {padding-left:10px;}
#gallery li {float:left; display:inline; height:167px; margin:0 18px 10px 10px;}
#gallery li p {font-size:11px;letter-spacing:-1px;padding:6px 0;text-align:center;color:#777; font-weight:bold;}
#gallery li a img {border:1px solid #f0f0f0;}
#gallery li a:hover img, #gallery li a:focus img {border:1px solid #000;}
#gallery .paging {border-top: solid 1px #F0F0F0;}
#gallery .search { border:solid 3px #ededed; padding:10px; text-align:center;margin-top:22px;}

/* == FAQ == */

#bdFAQ {width:625px;}
#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 170px; 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;
}

/* == 기타페이지설정 == */

/* ==파트너 == */

#partner {position:relative; width:625px;}
#partner ul {padding-left:10px; overflow: auto; height: 100%;}
#partner li {float:left; display:inline; height:180px; margin:0 18px 16px 10px;}
#partner li p.company {font-size:11px;letter-spacing:-1px;padding:10px 0 0;text-align:center;color:#777; font-weight:bold;}
#partner li p.exp {font-size:11px;text-align:center;color:#888;}
#partner li img {border:1px solid #f0f0f0;}
#partner li a:hover img, #gallery li a:focus img {border:1px solid #000;}

/*원단색상보기*/
.bgColor { background:url(../img/helpdesk/bg_guide.gif) no-repeat; height:240px;}
.bgColor .searchFile{padding-top:153px; text-align:center;}
.imgBox { border:10px solid #f1f1f1; width:583px; height:441px; margin-left:11px;}
.colorSwf {position:absolute; left:11px; top:321px; width:116px; height:84px; z-index:3}
#al {position:absolute; left:29px; top:321px; width:33px; height:253px; z-index:2}

/*제품소개*/
.proTab {background:url(../img/product/bg_tab.gif) repeat-x; height:30px;}
.proTab li {float:left; border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #a5a5a5;background-color:#f9f9f9; height:28px; width:140px; text-align:center; }
.proTab li.proFirst {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-bottom:1px solid #a5a5a5; border-right:none;}
.proTab li.proCur{border:1px solid #a5a5a5;border-bottom:1px solid #fff; background-color:#fff;}
.proTab li a {display:block;line-height:28px;height:28px;overflow:hidden;text-indent:-1000px;}

.proTab li.proTab11 a{background:url(../img/product/tab1_text1.gif) no-repeat 0 0;}
.proTab li.proTab12 a{background:url(../img/product/tab1_text1.gif) no-repeat -140px 0;}
.proTab li.proTab13 a{background:url(../img/product/tab1_text1.gif) no-repeat -280px 0;}
.proTab li.curTab11 a{background:url(../img/product/tab1_text1_2.gif) no-repeat 0 0;}
.proTab li.curTab12 a{background:url(../img/product/tab1_text1_2.gif) no-repeat -140px 0;}
.proTab li.curTab13 a{background:url(../img/product/tab1_text1_2.gif) no-repeat -280px 0;}

.proTab li.proTab21 a{background:url(../img/product/tab1_text2.gif) no-repeat 0 0;}
.proTab li.proTab22 a{background:url(../img/product/tab1_text2.gif) no-repeat -140px 0;}
.proTab li.proTab23 a{background:url(../img/product/tab1_text2.gif) no-repeat -280px 0;}
.proTab li.curTab21 a{background:url(../img/product/tab1_text2_2.gif) no-repeat 0 0;}
.proTab li.curTab22 a{background:url(../img/product/tab1_text2_2.gif) no-repeat -140px 0;}
.proTab li.curTab23 a{background:url(../img/product/tab1_text2_2.gif) no-repeat -280px 0;}

.proTab li.proTab31 a{background:url(../img/product/tab1_text3.gif) no-repeat 0 0;}
.proTab li.proTab32 a{background:url(../img/product/tab1_text3.gif) no-repeat -140px 0;}
.proTab li.proTab33 a{background:url(../img/product/tab1_text3.gif) no-repeat -280px 0;}
.proTab li.curTab21 a{background:url(../img/product/tab1_text2_2.gif) no-repeat 0 0;}
.proTab li.curTab31 a{background:url(../img/product/tab1_text3_2.gif) no-repeat 0 0;}
.proTab li.curTab32 a{background:url(../img/product/tab1_text3_2.gif) no-repeat -140px 0;}
.proTab li.curTab33 a{background:url(../img/product/tab1_text3_2.gif) no-repeat -280px 0;}


.ftsMovie{ background:url(../img/product/bg_fts.gif) no-repeat; padding:20px 0 0 20px; margin-top:23px; height:194px;}

.mapInfo{ background:url(../img/about/bg_map.gif) no-repeat; height:414px; padding:30px 0 0 45px;}