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

* { margin:0; padding:0; font-family:dotum; font-size:12px; color:#7f7f7f; line-height:160%;}
img, fieldset {border:0;}
html{ width:100%; height:100%;;}
head{ width:100%; text-align:center; } 
li{list-style:none;}
a{text-decoration:none; color:#7f7f7f;}
a:hover{color:#372B1B;}
body{ background:url(../img/common/bg_top.gif) repeat-x top;}

/*공통*/
.wrapBox{width:100%;}
.wrap{ width:1000px;}
.topmn{width:940px; text-align:right;  margin-top:5px;}
.topmn a{ color:#929292; font-family:tahoma; font-size:10px;}
.topmn a:hover{ color:#3489d1;}
.conBox{width:965px; position:relative; margin-top:3px;}
.logo{position:absolute; left:25px; top:15px; width:174px; height:43px;}
.navi{position:absolute; right:15px; top:15px; width:450px; height:60px; text-align:left;}
.sky{position:absolute; right:-50px; _top:7px;  background:url(../img/common/bg_right.gif) no-repeat 0 0; width:50px; height:400px; padding:20px 0 0 15px;}
.sky p{margin-bottom:20px;}
.footer{border-top:#e0e1e6 solid 1px; margin-top:30px; padding:10px 0;} 

/*공통클래스*/
.flr{float:right;}
.flL{float:left;}
.clr{clear:both;}
.mgt10{margin-top:10px;}
.mgCon{margin:5px 30px;}
.pdl15{padding-left:15px;}
.pdl5{padding-left:5px;}
.black14{font-family:dotum; font-size:14px; font-weight:bold; color:#6a6a6a;}
.black{color:#6a6a6a;}

/*메인*/
.mainFla{float:left; width:490px; text-align:center;}
.mainCon{float:left; width:440px; margin:100px 5px 0 15px;}
.mainNews{ background:url(../img/main/tit_news.gif) no-repeat 6px 0; float:left;}
.mainNews ul {padding:25px 10px 0; width:280px; float:left;}
.mainPro{ margin-top:20px; background:url(../img/main/bg_highlight.gif) no-repeat; padding:5px;}
.mainPro h2{color:#fff;}
.mainPro .arw{text-align:right; margin:0 10px 4px; *margin:4px 10px 0;}
.mainPro .txt{color:#fff; font-size:11px; letter-spacing:-0.05em; padding-right:5px;}
.mainwws{ float:left; margin-top:20px; *margin-top:10px;}
.mainwws p{float:left;}

/*서브*/
.subBox{width:950px; padding-top:51px;}
.subWrap{ float:left;width:950px;}
.leftMn{float:left; width:200px;}
.leftmn01 a{background:url(../img/common/leftmn1.gif) no-repeat; width:200px; height:28px; display:block; }
.leftmn01 .title{background:url(../img/common/leftmn1.gif) no-repeat; height:50px; margin-top:23px;}
.leftmn01 .mn1{background-position:0 -50px;}
.leftmn01 .mn2{background-position:0 -78px;}
.leftmn01 .mn3{background-position:0 -106px;}
.leftmn01 .mn4{background-position:0 -134px;}
.leftmn01 .mn1_on, .leftmn01 .mn1:hover{background-position:-200px -50px;}
.leftmn01 .mn2_on, .leftmn01 .mn2:hover{background-position:-200px -78px;}
.leftmn01 .mn3_on, .leftmn01 .mn3:hover{background-position:-200px -106px;}
.leftmn01 .mn4_on, .leftmn01 .mn4:hover{background-position:-200px -134px;}

.leftmn02{margin-bottom:30px;}
.leftmn02 li{height:24px;display:block}
.leftmn02 li .selected{color:#1376c9; font-weight:bold;}
.leftmn02 a{font-family:dotum; font-size:12px; color:#7f7f7f;}
.leftmn02 a:hover{color:#1376c9;}
/*.leftmn02 .selected{color:#1376c9; font-weight:bold; background:url(../img/product/icon_left.gif) no-repeat 12px 1px;}*/
.leftmn02 .title{background:url(../img/common/leftmn2.gif) no-repeat; height:50px; margin-top:23px;}

.leftmn03 a{background:url(../img/common/leftmn3.gif) no-repeat; width:200px; height:28px; display:block; }
.leftmn03 .title{background:url(../img/common/leftmn3.gif) no-repeat; height:50px; margin-top:23px;}
.leftmn03 .mn1{background-position:0 -50px;}
.leftmn03 .mn2{background-position:0 -78px;}
.leftmn03 .mn3{background-position:0 -106px;}
.leftmn03 .mn4{background-position:0 -134px;}
.leftmn03 .mn5{background-position:0 -162px;}
.leftmn03 .mn1_on, .leftmn03 .mn1:hover{background-position:-200px -50px;}
.leftmn03 .mn2_on, .leftmn03 .mn2:hover{background-position:-200px -78px;}
.leftmn03 .mn3_on, .leftmn03 .mn3:hover{background-position:-200px -106px;}
.leftmn03 .mn4_on, .leftmn03 .mn4:hover{background-position:-200px -134px;}
.leftmn03 .mn5_on, .leftmn03 .mn5:hover{background-position:-200px -162px;}

.leftmn04 a{background:url(../img/common/leftmn4.gif) no-repeat; width:200px; height:28px; display:block; }
.leftmn04 .title{background:url(../img/common/leftmn4.gif) no-repeat; height:50px; margin-top:23px;}
.leftmn04 .mn1{background-position:0 -50px;}
.leftmn04 .mn2{background-position:0 -78px;}
.leftmn04 .mn3{background-position:0 -106px;}
.leftmn04 .mn1_on, .leftmn04 .mn1:hover{background-position:-200px -50px;}
.leftmn04 .mn2_on, .leftmn04 .mn2:hover{background-position:-200px -78px;}



.subCon{float:left; width:750px; background:url(../img/common/bg_sub.gif) no-repeat 0 0;}
.midline1{height:15px; margin-top:1px; background-color:#afcee8; text-align:left;}
.midline2{height:15px; margin-top:1px; background:#c9deef url(../img/common/midcopy.gif) no-repeat right;}
.contents{margin:23px 0 50px 25px;}
.subTit{border-bottom:#eaeaea solid 1px; position:relative; padding-bottom:7px;}
.location{position:absolute; right:30px; top:10px; font-size:12px; color:#ababab;}
.location b{font-size:12px; font-weight:bold; color:#3489d1;}
.substance{ margin:20px 0;}
.greet{background:#efefef url(../img/download/logoImg.gif) 550px 10px no-repeat; height:42px; margin:0 30px 15px;}

/*제품소개*/
.stitle{background:url(../img/product/icon_title.gif) no-repeat 10px 3px; font-family:dotum; font-size:14px; font-weight:bold; color:#000; padding-left:30px;}
.proSmn{background-color:#efefef; padding:5px; float:left; width:655px;}
.proSmn a{font-family:dotum; font-size:12px; font-weight:bold; color:#5f5f5f;}
.proSmn a:hover, .proSmn .select{color:#1376c9;}
.proSmn .proSmnDiv{width:130px;float:left;border-right:#d1d1d1 solid 1px;text-align:center;padding:0 10px}
.proSmn .textEll3{width:95%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}

.proBtn{float:left; margin:5px 0;}
.proBtn a{background:url(../img/product/btn.gif) no-repeat; width:112px; height:23px; display:block; margin-right:6px; float:left;  filter:alpha(opacity=65);}
.proBtn a:hover{ filter:alpha(opacity=100);}
.proBtn .btn1{background-position:0 0;}
.proBtn .btn2{background-position:-112px 0;}
.proBtn .btn3{background-position:-225px 0;}
.proBtn .btn4{background-position:-338px 0;}
.imgBox{background:url(../img/product/imgLogo.gif) right top no-repeat; width:655px; margin-top:13px; float:left;}
.proImg{border:#e8e8e8 solid 1px; float:left;}
.prothum{ margin:0 0 4px 4px;border:#e8e8e8 solid 1px;}
.proTxt{ padding:20px 0 15px; border-bottom:#eaeaea solid 1px;}
.proTxt h3{background:url(../img/product/icon_cong.gif) no-repeat 5px 6px; color:#3282d4; font-family:dotum; font-weight:bold; font-size:14px; padding-left:18px;}
.proTxt p{ color:#636363; font-family:dotum; font-size:12px; margin:5px 0 5px 7px; }
.proTxt li{ margin-left:20px;list-style:circle }
.proTxt table{ margin-top:10px;}
.proTxt td{ color:#9b9a9a;font-family:dotum; font-size:11px; letter-spacing:-0.05em; padding:3px 5px;}
.proTxt th{color:#636363;font-family:dotum; font-size:11px; background-color:#f1f1f1; font-weight:bold; letter-spacing:-0.05em; text-align:left; padding:3px 5px 3px 18px;}
.btn_bg{position:absolute; right:-32px; top:700px; background:url(../img/product/bg_top.gif) no-repeat 0% 50%; width:46px; padding:35px 0;}
.btn_top{background:url(../img/product/btn_top.gif) no-repeat; width:46px; height:35px; display:block; cursor:pointer;}

/*다운로드*/
.downSearch{background:#efefef url(../img/download/logoImg.gif) 550px 10px no-repeat; padding:10px; margin:0 30px 10px;}
.downSearch input{border:#e3e3e3 solid 1px; height:20px;}
.board{margin:0 30px;}
.board th{font-size:12px; color:#fff; font-weight:bold;}
.board td{border-bottom:#e8e8e8 solid 1px; height:26px; vertical-align:middle;}

/*제품문의*/
.subTitImg{background:#efefef url(../img/download/logoImg.gif) 550px 15px no-repeat; margin:0 30px 10px;}
.onlineBox{border:#d3d3d3 solid 2px; border-right:none; border-left:none; margin:0 30px; padding:10px;}
.onlineBoxTxt{margin:15px 40px 5px; font-size:11px; color:#3489d1; letter-spacing:-0.05em;}
.onlineBox td{padding:3px 10px;}
.onlineBox th{padding:3px 0 3px 13px; color:#646464; font-family:dotum; font-weight:bold; font-size:12px; background:url(../img/inquiry/icon_arw.gif) no-repeat 0 7px; text-align:left;}
.onlineBox .arw2{padding:3px 0 3px 13px; color:#646464; font-family:dotum; font-weight:bold; font-size:12px; background:url(../img/inquiry/icon_arw2.gif) no-repeat 0 7px; text-align:left;}
.onlineBox input{border:#d8d8d8 solid 1px; margin-bottom:2px; height:18px;}
.substance .btn{margin-top:15px; text-align:center;}
.onlineBox .product{margin-top:5px; font-size:11px; letter-spacing:-0.05em;}
.onlineBox .product input{border:none; vertical-align:middle; margin:0 0 0 5px;}

/*회사소개*/
.certificate{padding:0 0 0 30px; float:left;}
.certificate .certiBox{border-bottom:#e8e8e8 solid 1px; padding:20px 0; float:left; clear:both;}
.certificate .imgThum{ float:left; margin:0 10px 0 0; }
.certificate .imgThum .ctfImg{border:#e8e8e8 solid 1px;}
.certificate .imgThum p{font-size:11px; text-align:center; line-height:13px; margin-top:5px;}
.certificate .xLine{margin:25px 0; height:1px; background-color:#e8e8e8;}
.img_pop{background:#fff; width:100%;}
.img_close{background:#ecebeb; text-align:right; padding:3px 20px;}


/*제품문의*/
.paging{color:#908980; font-size:11px; text-align:center; letter-spacing:0.1em; margin-top:20px;}
.paging a{color:#908980; font-size:11px;}
.paging a:hover{color:#3489d1;}
.paging b{color:#3489d1; font-weight:bold;}

.boardTit { background-color:#669acb; margin-top:20px;}
.boardTit td {border-top:#e8e8e8 solid 1px; font-size:12px; color:#fff; vertical-align:middle;}
.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;}



.textEll{width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left}
.textEll2{width:95%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}