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

#wrap{ padding-top:91px; min-width:1000px;}
#wrap2{ padding-top:20px; min-width:1000px;}

/*#header 시작*/
#header{ width:100%; height:100px; border-bottom:1px solid #ddd; position:absolute; top:0; left:0; background:#FFF; z-index:100;}

#kebiutill{ width:100%; height:40px; background:#858585;}
#kebiutillin{ width:1000px; margin:0 auto;}
.hTopLink p{ float:left;}
.hTopLink p a{ display:block; text-align:center; height:18px; padding:6px 17px; margin-top:10px;}
.hTopLink .ht1 a{ background:#17b8cf; color:#fff; font-size:14px; margin-right:4px;}
.hTopLink .ht2 a{ background:#fff; color:#555; font-size:14px; margin-right:4px;}

.utill{ float:right; position:absolute; top:10px; left:50%; margin-left:-30px;}
.utill a{ color:#FFF;}
.utill .txt{ background:url(../img/icon_line.png) no-repeat; margin-left:20px; padding-left:20px; float:left;}
.utill .first{ background:none;}
.utill .scBox{ width:165px; height:26px; padding:1px; background:url(../img/scbox_bg.png) no-repeat; margin-top:-3px;}
.utill .scBox input{ width:135px; height:24px; padding-left:5px; border:0; background:none; color:#666;}
.utill .scBox label{ display:none;} 
.utill .scBox a{ display:block; width:22px; height:22px; text-indent:-9999px; float:right;}
.utill .memBox {position:absolute; top:0px; margin-left:-120px; padding-left:5px; padding-right:5px; height:20px; font-size:12px; color:#FFF;}

.logo{ position:absolute; top:45px; left:50%; margin-left:-490px;}
.favor{ position:absolute; top:160px; left:50%; margin-right:100px;}
.gnb{ position:absolute; top:70px; left:50%; margin-left:-250px;}
.gnb h2{ display:none;}
.gnb li{ float:left; margin-left:32px; position:relative; font-size:14px}
.gnb li .m{ display:block; height:12px;}
.gnb .g1 .m{ width:85px; height:20px; font-size:16px;}
.gnb .g2 .m{ width:85px; height:20px; font-size:16px;}
.gnb .g3 .m{ width:105px; height:20px; font-size:16px;}
.gnb .g4 .m{ width:80px; height:20px; font-size:16px;}
.gnb .g5 .m{ width:85px; height:20px; font-size:16px;}
.gnb .g6 .m{ width:105px; height:20px; font-size:16px;}
.gnb li:hover .m{ color:#fe5f70;}
.gnb li .sub{ position:absolute; top:10px; left:0; width:150px; height:170px; display:none; z-index:300;}
.gnb:hover li .sub{ display:block;}
.gnb li .sub ul{ padding-top:30px;}
.gnb li .sub li{ float:none; margin-left:0; margin-bottom:5px;}
.gnb li .sub li a{ color:#555;}
.gnb li .sub li a:hover{ color:#17b8cf;}
.subBg{ display:none; width:4000px; height:340px; background:#fff; position:absolute; top:30px; left:-300px; z-index:200; border:1px solid #d2d2d2; margin-left:-1200px;}
.gnb:hover .subBg{ display:block;}
.subBgimg{ display:none ;width:170px; height:168px; position:absolute; right:820px; top:45px; z-index:600; text-align:center;}
.subBgimg a{ color:#777777;}
.gnb:hover .subBgimg{ display:block;}
/*#header 끝*/

/*#row1 시작*/
#row1{ width:1000px; height:280px; margin:0 auto; margin-top:30px;}
#row1 .row1Cont{ margin-right:20px; float:left;}

.bnsliderwrap{ width:180px; height:171px; margin-bottom:19px; position:relative;}
.bnslider .slidesjs-pagination{ display:none;}
.bnslider .slidesjs-navigation{ position:relative; z-index:50;}
.bnslider .slidesjs-previous{ display:block; background:url(../img/pager3_off.png) no-repeat; width:16px; height:35px; position:absolute; top:68px; left:10px; float:left; text-indent:-9999px;}
.bnslider .slidesjs-next{ display:block; background:url(../img/pager4_off.png) no-repeat; width:16px; height:35px; position:absolute; top:68px; left:154px; float:right; text-indent:-9999px;}
.bnslider .slidesjs-previous:hover{ background:url(../img/pager3_on.png) no-repeat;}
.bnslider .slidesjs-next:hover{ background:url(../img/pager4_on.png) no-repeat;}
.bnslider span{width:178px; display:block; position:absolute; bottom:6px; text-align:center; margin-left:0px;} /*margin-left값은 글자를 쓴 후 남는 가로값의 1/2을 써 주시면 됩니다*/

.qmn1{ width:180px; height:90px; position:relative;}
.qmn1 .contBox{ width:90px; height:30px;}
.qmn1 .box1{ position:absolute; top:0; left:0;}
.qmn1 .box2{ position:absolute; top:0; left:90px;}
.qmn1 .box3{ position:absolute; top:30px; left:0;}
.qmn1 .box4{ position:absolute; top:30px; left:90px;}
.qmn1 .box5{ position:absolute; top:60px; left:0;}
.qmn1 .box6{ position:absolute; top:60px; left:90px;}
.qmn1 div p .on{ position:absolute; top:0; left:0; display:none;}
.qmn1 div p:hover .on{ display:block;}

.mainslider{ position:relative; width:520px; height:280px;}
.mainslider .slidesjs-pagination{ position:absolute; bottom:20px; left:50%; margin-left:-51px; z-index:50;}
.mainslider .slidesjs-pagination li{ float:left; margin:0 3px;}
.mainslider .slidesjs-pagination li a{ display:block; width:28px; height:4px; background:#ffffff; text-indent:-9999px;}
.mainslider .slidesjs-pagination li .active{ background:#4795e2;}

#row1 .faq{ margin-right:0; width:258px; height:278px; border:1px solid #d2d2d2;}
#row1 .faq dt{ margin-top:20px; margin-left:40px;}
#row1 .faq dd{ margin-top:15px; margin-left:30px; line-height:8px;}
#row1 .faq dd a{color:#333333;}
#row1 .faq dd span{ color:#fe8691; font-weight:bold;}
/*#row1 끝*/

/*#row2 시작*/
#row2{ width:1000px; height:414px; margin:0 auto; margin-top:20px;}
#row2 .row2Cont{margin-right:20px; float:left;}
#row2 .row2Bann{ margin-right:0;}

.mtnuri{ width:718px; height:412px; border:1px solid #d2d2d2;}
.mtnuri .title{ margin-left:5px; margin-bottom:20px; margin-top:25px;}
.mtnuri .titxt{ float:left; margin-left:35px; }
.mtnuri .cont li{ width:150px; float:left; margin-right:20px;}
.mtnuri .cont .first {margin-left:29px;}
.mtnuri li .plusTxt{ margin-bottom:5px; margin-left:5px;}
.mtnuri li .plusT1{font-size:13px; margin:5px 0 3px 0; color:#0052b0;}
.mtnuri li .plusT2{height:35px; color:#4f4f4f;}
.mtnuri li .plusimg{border: 1px solid #ddd;}
.mtnuri li .plusimg:hover{border:1px solid #2b93ca;}

#css_tabs{ width:720px;}
#css_tabs label{ display:inline-block; font-size:12px; padding:7px; text-align:center; width:43px; color:#777; border:1px solid #ccc; margin-bottom:-1px; border-bottom:1px solid #d3d3d3;}
#css_tabs label[for=tab1] {margin-left:270px;}
#lTab1{ background-color:#FFFFFF;}
#lTab2{ background-color:#F3F3F3;}
#lTab3{ background-color:#F3F3F3;}
#css_tabs span{ display:block; width:660px; height:1px; background-color:#d2d2d2; margin-bottom:20px; margin-left:29px;}
#row2 .bn2_2{ margin-top:20px;}
/*#row2 끝*/

/*#row3 시작*/
#row3{ width:1000px; height:367px; margin:0 auto; margin-top:20px;}
#row3 .row3Cont{margin-right:20px; float:left;}
#row3 .reslide{ margin-right:0;}

.printwrap{ width:718px; height:365px; background:#fffdf2; border:1px solid #d2d2d2; position:relative;}
.print .titxt{ float:left; margin:25px 0 20px 40px;}
.up{ margin-bottom:10px;}
.printimg{width:100px; float:left;}
.printimg img{border:1px solid #ccc;}
.printimg img:hover{border:1px solid #2b93ca;}
.print .cont2 li{ width:100px; height:260px; float:left; margin-right:12px;}
.print .cont2 .last{ margin-right:0;}
.ar_left2 .bt2{float:right; width:20px; height:20px; margin-right:27px;}
.ar_right2 .bt2{float:right; width:20px; height:20px; padding-right:6px;}
.ar_left2 .bt2 img{ margin-bottom:-37px;}
.ar_right2 .bt2 img{ margin-bottom:-37px;}
.div_data_view_area2{float:left; width:660px; height:290px; overflow:hidden; margin:0 29px;} 
.ar_images2{float:left; width:1000px;}							

.reslide{ width: 258px; height:365px; border:1px solid #d2d2d2; background-color:#f3f3f3; position:relative;}
.reslide .photo{ width:200px; height:170px; margin:0 auto; margin-top:30px;}
.reslide .title{ width:200px; margin:0 auto; margin-top:10px; color:#ff4851; font-size:14px; font-weight:bold;}
.reslide .cont{ width:200px;  margin:0 auto; margin-top:5px; color:#717171;}
.reslide .id{ width:200px; text-align:right; margin-top:5px; color:#2484c6;}
.reslide .bimg img{ width:100%; } 
.reslide .slidesjs-pagination{ position:absolute; bottom:16px; left:50%; margin-left:-32px; z-index:50;}
.reslide .slidesjs-pagination li{ float:left; margin:0 2px;}
.reslide .slidesjs-pagination li a{ display:block; width:12px; height:12px; text-indent:-9999px; background:url(../img/pager1.png) no-repeat;}
.reslide .slidesjs-pagination li .active{ background:url(../img/pager2.png) no-repeat;}
/*#row3 끝*/

/*#row4 시작*/
#row4{ width:1000px; height:240px; margin:0 auto; margin-top:20px; margin-bottom:50px;}
#row4 .row4Cont{ float:left;}

.mtpluswrap{width:718px; height:238px; background:#fff; border:1px solid #d2d2d2; margin-right:20px;}
.mtplus .title{ margin-left:5px; margin-bottom:10px;}
.mtplus .titxt{ float:left; margin:0 0 20px 35px; padding-top:15px; width:603px;}
.li_equipment_data{ width:150px; float:left; margin-right:20px;}
.mtplus .cont .last{ margin-right:0;}
.mtplus li .plusimg img{border: 1px solid #ddd;}
.mtplus li .plusimg img:hover{border:1px solid #2b93ca;}
.mtplus li .plusTxt{ float:left; width:150px; margin-left:10px;}
.mtplus li .plusT1{ font-size:13px; margin:5px 0 1px 0; color:#40ad54;}
.mtplus li .plusT2{ color:#4f4f4f;}
.ar_left .bt{float:left; width:20px; height:20px; margin-right:6px;}
.ar_right .bt{float:left; width:20px; height:20px;}
.ar_left .bt img{ margin-bottom:-27px;}
.ar_right .bt img{ margin-bottom:-27px;}
.div_data_view_area{ width:660px; height:150px; overflow:hidden; margin:0 29px;} 		
.ar_images{float:left; width:2000px;}

.qmn3{ width:260px; height:240px; position:relative;}
.qmn3 .contBox{ width:130px; height:120px;}
.qmn3 .box1{ position:absolute; top:0; left:0;}
.qmn3 .box2{ position:absolute; top:0; right:0;}
.qmn3 .box3{ position:absolute; top:120px; left:0;}
.qmn3 .box4{ position:absolute; top:120px; right:0;}
.qmn3 div p .on{ position:absolute; top:0; left:0; display:none;}
.qmn3 div p:hover .on{ display:block;}
/*#row4 끝*/

/*#footer 시작*/
#footer{ width:100%; height:280px; background-image:url(../img/fbg.png);}
#footerin{ width:1000px; height:240px; margin:0 auto; position:relative;}
.fmenu{ position:absolute; top:20px; left:50%; margin-left:0; width:960px;}
.fmenu span{ background-image:url(../img/icon_line.png); background-repeat:no-repeat; margin-left:20px; padding-left:20px;}
.fmenu .first{ background-image:none;}
.fmenu span a{ color:#ffffff;}
.flogo{ position:absolute; left:40px; top:75px;}
.finfo{ color:#ffffff; position:absolute; left:50px; top:77px; width:600px; line-height:22px;}
.ftel{ color:#ffffff; position:absolute; left:750px; top:77px; width:250px; padding-top:20px; line-height:22px; font-size:30px;}
.flink{ position:absolute; left:32px; top:160px;}
.fmenu{ position:relative; top:14px; left:1px;}
/*#footer 끝*/