@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family:dotum; font-size:12px; line-height:160%; color:#888;}
body{ height:100%; background:url(../img/common/bg_tmn.gif) repeat-x top;}
img, fieldset {border:0;}
html{ width:100%; height:100%;}

li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#333;}


/*레이아웃*/
.wrap{width:100%;}
.topBg{padding:5px 0;}
.tmn{width:1000px; text-align:right;}
.tmn a{margin:0 3px; float:right;}
.container{width:1000px;}
.footer{border-top:#e5e5e5 solid 1px; padding:10px 0; margin-top:30px;}
.flaBox{position:relative; width:100%;}
.navi{ position:absolute; width:100%; top:0; text-align:center; z-index:1;}
.flaarea{background:url(../img/common/bg_line.gif) repeat-x 0 100%; text-align:center; z-index:100; padding-top:85px;}

/*공통클래스*/
.flL{float:left;}
.flR{float:right;}
.clr{clear:both;}
.pdtb10{padding:10px 0;}
.pd10{padding:10px;}
.date{font-family:tahoma; color:#b1b1b1; font-size:11px; margin-right:10px;}
.mgt40{margin-top:40px;}
.mgt20{margin-top:20px;}
.mgt10{margin-top:10px;}
.pdL15{padding-left:15px;}
.txtBlue{color:#2d83cc; letter-spacing:-0.05em;}
.txtGreen{color:#93c271;}
.txtskyb{color:#52948d; font-weight:bold;}
.txtb{font-weight:bold; color:#444;}

/*메인클래스*/
.mainContents{padding:30px 0 0;}
.mainCon1{width:315px; float:left; background:url(../img/main/main_tit1.gif) no-repeat 0 0; padding-top:3px;}
.mainCon1 ul{ padding:13px 0 0;}
.mainCon1 li{}
.mainCon2{width:345px; float:left; margin-left:55px; background:url(../img/main/main_tit2.gif) no-repeat 0 0; padding-top:3px;}
.mainCon2 .proImg{ float:left; border:#e5e5e5 solid 1px; margin-right:6px; filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.mainCon2 .proImg:hover{ float:left; border:#e5e5e5 solid 1px; margin-right:6px; filter:alpha(opacity=80);-moz-opacity:0.8; opacity:.80;}
.mainCon2 .arw{float:left; background:url(../img/main/arw_right.gif) no-repeat 50% 50%; width:20px; height:65px; display:block; filter:alpha(opacity=70);-moz-opacity:0.7; opacity:.70;}
.mainCon2 .arw:hover{float:left; background:url(../img/main/arw_right.gif) no-repeat 50% 50%; width:20px; height:65px; display:block;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.mainCon3{float:right; width:250px; background:url(../img/main/main_tit3.gif) no-repeat 0 0; padding-top:3px;}
.mainCon4{float:left; margin-left:38px; width:360px; background:url(../img/main/main_tit4.gif) no-repeat 5px 0; padding-top:3px;}

/*서브레이아웃*/
.leftBox{width:200px; float:left; margin-bottom:40px;}
.subBox{width:770px; float:left; margin:10px 0 40px 30px; _margin:10px 0 40px 20px; text-align:left;}
.subBox h2{padding:10px 0 10px 5px;}

.banner{border:#e5e5e5 solid 1px; margin:9px;}
.mnBox{margin-left:5px;}
.mnTit1{background:url(../img/common/leftmn01.gif) no-repeat -180px 0; width:180px; height:110px;}
.mnTit2{background:url(../img/common/leftmn02.gif) no-repeat -180px 0; width:180px; height:110px;}
.mnTit3{background:url(../img/common/leftmn03.gif) no-repeat -180px 0; width:180px; height:110px;}
.mnTit4{background:url(../img/common/leftmn04.gif) no-repeat -180px 0; width:180px; height:110px;}
.mnTit5{background:url(../img/common/leftmn05.gif) no-repeat -180px 0; width:180px; height:110px;}
.mnTit6{background:url(../img/common/leftmn06.gif) no-repeat -180px 0; width:180px; height:110px;}

.left1 a{background:url(../img/common/leftmn01.gif) no-repeat; width:180px; height:28px; display:block;}
.left2 a{background:url(../img/common/leftmn02.gif) no-repeat; width:180px; height:28px; display:block;}
.left3 a{background:url(../img/common/leftmn03.gif) no-repeat; width:180px; height:28px; display:block;}
.left4 a{background:url(../img/common/leftmn04.gif) no-repeat; width:180px; height:28px; display:block;}
.left5 a{background:url(../img/common/leftmn05.gif) no-repeat; width:180px; height:28px; display:block;}
.left6 a{background:url(../img/common/leftmn06.gif) no-repeat; width:180px; height:28px; display:block;}

.mnBox .mn1{background-position:-180px -110px;}
.mnBox .mn2{background-position:-180px -138px;}
.mnBox .mn3{background-position:-180px -166px;}
.mnBox .mn4{background-position:-180px -194px;}
.mnBox .mn5{background-position:-180px -222px;}
.mnBox .mn6{background-position:-180px -250px;}
.mnBox .mn7{background-position:-180px -278px;}
.mnBox .mn8{background-position:-180px -306px;}
.mnBox .mn9{background-position:-180px -334px;}
.mnBox .mn1:hover{background-position:0 -110px;}
.mnBox .mn2:hover{background-position:0 -138px;}
.mnBox .mn3:hover{background-position:0 -166px;}
.mnBox .mn4:hover{background-position:0 -194px;}
.mnBox .mn5:hover{background-position:0 -222px;}
.mnBox .mn6:hover{background-position:0 -250px;}
.mnBox .mn7:hover{background-position:0 -278px;}
.mnBox .mn8:hover{background-position:0 -306px;}
.mnBox .mn9:hover{background-position:0 -334px;}
.mnBox .mn1_on{background-position:-360px -110px;} 
.mnBox .mn2_on{background-position:-360px -138px;}
.mnBox .mn3_on{background-position:-360px -166px;}
.mnBox .mn4_on{background-position:-360px -194px;}
.mnBox .mn5_on{background-position:-360px -222px;}
.mnBox .mn6_on{background-position:-360px -250px;}
.mnBox .mn7_on{background-position:-360px -278px;}
.mnBox .mn8_on{background-position:-360px -306px;}
.mnBox .mn9_on{background-position:-360px -334px;}

.location{font-size:11px; letter-spacing:-0.05em; text-align:right; padding:5px 10px;}
.location b{color:#2d7cc8; font-size:11px; letter-spacing:-0.05em;}

.subContents{margin-top:20px;}
.boardContents{margin-top:5px;}




/*제품소개*/
.topImg{padding-bottom:10px; border-bottom:#dfdfdf solid 1px;}
.product{border-bottom:#dfdfdf solid 1px; padding:0 0 30px;}
.product h3{ padding:20px 0 10px;}
.product b{color:#79a5ce;}
.product .dtxt{padding:0 20px;}
.product li{background:url(../img/product/ic_pr.gif) no-repeat 0 8px; padding-left:15px;}
.product ol{ padding-left:18px;}
.product .num1{background:url(../img/product/num1.gif) no-repeat 0 4px;}
.product .num2{background:url(../img/product/num2.gif) no-repeat 0 4px;}
.product .num3{background:url(../img/product/num3.gif) no-repeat 0 4px;}
.product .num4{background:url(../img/product/num4.gif) no-repeat 0 4px;}
.product .num5{background:url(../img/product/num5.gif) no-repeat 0 4px;}

.proDetail{ padding:10px 0 0; margin-top:20px;}
.proDetail h4{border-bottom:#2d7cc8 solid 2px; padding:2px 0;}
.proDetail h5{padding:15px 0 5px;}
.proDetail .proImg{ float:left; width:370px; padding:20px 0;}
.proDetail .proCon{float:left; width:375px; margin-left:25px; padding:20px 0 0;}
.proDetail ul{padding:3px 0;}
.proDetail li{padding-left:66px;}
.proDetail .dtit1{background:url(../img/product/dtxt1.gif) no-repeat 0 2px;}
.proDetail .dtit2{background:url(../img/product/dtxt2.gif) no-repeat 0 2px;}
.proDetail .dtit3{background:url(../img/product/dtxt3.gif) no-repeat 0 2px;}
.proDetail .dtit4{background:url(../img/product/dtxt4.gif) no-repeat 0 2px;}
.proDetail .dtit5{background:url(../img/product/dtxt5.gif) no-repeat 0 2px;}

/*제품팝업*/
.popPro{background:url(../img/techdata/bg.gif) repeat-x;}
.pop_product{ width:100%; background:url(../img/techdata/top.gif) no-repeat 50% 0; padding-top:70px;}
.pop_product .titBack{ background:#2d7cc8 url(../img/techdata/ic_cong.gif) no-repeat 10px 50%; height:33px;}
.pop_product h1{ color:#fff; font-size:14px; font-weight:bold; padding:5px 25px; float:left;}
.pop_product .sbtn{ float:right; margin:6px 10px 0 0;}
.pop_product .detail{ padding:20px 25px; margin-bottom:15px;}
.pop_product ul{float:left; margin:20px 10px 10px 20px;}
.pop_product .stit1{background:url(../img/techdata/stxt1.gif) no-repeat 0 3px; padding:2px 0 2px 170px;}
.pop_product .stit2{background:url(../img/techdata/stxt2.gif) no-repeat 0 3px; padding:2px 0 2px 170px;}
.pop_product .stit3{background:url(../img/techdata/stxt3.gif) no-repeat 0 3px; padding:2px 0 2px 170px;}

.pop_product .popclose{padding:10px; border-top:#dfdfdf solid 1px;}



/*게시판*/
.board{margin:5px 0;border-top:#2d83cc solid 3px; border-bottom:#2d83cc solid 1px;}
.board th{font-size:11px; letter-spacing:-0.05em; color:#3489d1; font-weight:bold; border-bottom:#e5e5e5 dashed 1px; padding-left:7px;}
.board td{border-bottom:#e5e5e5 dashed 1px; height:26px; vertical-align:middle;}
.btn{margin:15px;}
.board input{border:#d6d6d6 solid 1px; padding:2px; margin:2px;}

.downSearch{ margin:5px;}
.downSearch input{border:#e3e3e3 solid 1px; height:20px;}

.paging{color:#908980; font-size:11px; text-align:center; letter-spacing:0.1em; margin:10px;}
.paging a{color:#908980; font-size:11px;}
.paging a:hover{color:#3489d1;}
.paging b{color:#3489d1; font-weight:bold;}

.boardTit { background:#efefef; margin-top:1px; padding-top:1px;}
.boardTit td {font-size:12px; color:#333; vertical-align:middle;}
.boardTit th {font-size:11px; letter-spacing:-0.05em; color:#2d83cc;vertical-align:middle; border-bottom:#e8e8e8 solid 1px; height:24px; text-align:center; }
.boardTit b{font-size:11px; color:#2d83cc; letter-spacing:-0.05em;}
.boardView{padding:20px; border-bottom:#e8e8e8 solid 1px;}
.txtFile{font-size:11px; color:#669acb; margin-top:10px; padding-top:5px; border-top:#e8e8e8 dashed 1px;}


/*견적문의*/
.onlineBox{margin:10px 0; border-top:#2d83cc solid 3px; border-bottom:#2d83cc solid 1px; padding:10px;}
.onlineBox td{padding:3px 10px; border-top:#e5e5e5 dashed 1px; font-size:11px; letter-spacing:-0.05em; color:#bbb;}
.onlineBox td p{ font-size:11px; letter-spacing:-0.05em; color:#bbb; padding-top:3px;}
.onlineBox th{padding:3px 0 3px 25px; border-top:#e5e5e5 dashed 1px;color:#646464; font-family:dotum; font-weight:bold; font-size:12px; background:url(../img/board/icon_arw.gif) no-repeat 10px 8px; text-align:left;}
.onlineBox .arw2{padding:3px 0 3px 25px;border-top:#e5e5e5 dashed 1px; color:#646464; font-family:dotum; font-weight:bold; font-size:12px; background:url(../img/board/icon_arw2.gif) no-repeat 10px 7px; text-align:left;}
.onlineBox input{border:#d8d8d8 solid 1px; margin-bottom:2px; height:18px;}
.private { margin:10px 0 15px 15px;float:left;}
.private_agree { margin-top:10px; margin-left:15px; width:78%; float:left; font-size:11px;}
.onlineBox .group1{color:#2d83cc; font-size:11px; letter-spacing:-0.05em;border-top:#D2D8DE solid 1px; border-bottom:#D2D8DE solid 1px;}
.onlineBox .group2{color:#2d83cc; font-size:11px; letter-spacing:-0.05em;border-top:none;border-bottom:#D2D8DE solid 1px;}


/*고객센터-테크데이터*/
.techdata{}
.techdata h6{border-bottom:#2d7cc8 solid 2px; padding:3px 0; margin-top:50px;}
.techdata .list{ border-bottom:#e8e8e8 solid 1px; padding:20px 0;}
.techdata dl{border-right:#e8e8e8 solid 1px; float:left; width:255px; text-align:center;}
.techdata dt{ color:#333; padding:5px 0 10px;}
.techdata b{ color:#2d7cc8;}