@charset "utf-8";
body{width:100%; min-width:1000px;}
body *{ margin:0px; padding:0px; }
ul{ list-style:none; }
img{ border:0px none; }
a{ text-decoration:none; color:#333; }
body.index{/*background: #000; overflow-y:scroll;*/}
#wrap{width:100%; overflow: hidden; }
.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}


#wrap{width:100%;}


/* sub_common */
.top_wrap{width:100%;  border-bottom:28px solid #7f7f7f; position:relative;}
.top_wrap .gnb_wrap{width:1077px; height:48px; position:absolute; z-index:999; left:22%; }
.top_wrap .gnb_wrap h2{/*margin:31px 0 0 11px;*/ margin:31px 0 0 -5px; float:left;}
.top_wrap .gnb_wrap .gnb{width:260px;  float:right; margin-top:31px}
.top_wrap .gnb_wrap .gnb li{float:left; font-size:11px; color:#ffffff;}
.top_wrap .gnb_wrap .gnb li .space{padding:0 8px; }
.top_wrap .gnb_wrap .gnb .box_red{width:60px; height:15px; font-size:10px; background:#cd1522; border-radius:3px; padding:0 5px; margin-left:9px;}
.top_wrap .gnb_wrap .gnb .box_black{width:28px; height:15px; font-size:10px;  background:#1b2630; border-radius:3px; padding:0 5px; margin-left:6px;}

.sub_bg{width:2100px; height:252px; margin:0 auto;  background:url(../images/sub_bg.jpg) repeat-x 0 0; }

.cont_wrap{width:1200px; height:auto;  position:absolute; z-index:2000; top:90px; left:20.8%; }
.cont_wrap .container{width:1200px; height:500px; background:url(../images/cont_bg.png) no-repeat 0 0;}
.cont_wrap .lnb{width:1077px; height:33px; margin-left:19px;}
.cont_wrap .lnb ul{width:1077px; height:33px; }
.cont_wrap .lnb ul > li{height:33px; line-height:33px; background:#1d5d9e; float:left; text-align:center; color:#ffffff; }
.cont_wrap .lnb ul > li:hover{background:#05396e; }
.cont_wrap .lnb ul .lnb1{width:170px; }
.cont_wrap .lnb ul .lnb2{width:175px;  border-left:1px solid #497bad;}
.cont_wrap .lnb ul .lnb3{width:270px;  border-left:1px solid #497bad;}
.cont_wrap .lnb ul .lnb4{width:250px;  border-left:1px solid #497bad;}
.cont_wrap .lnb ul .lnb5{width:205px;  border-left:1px solid #497bad;}

.cont_wrap .lnb ul li ul{height:30px; background:#05396e; color:#b4c4d4; display:none; /* border-top:1px solid #497bad;*/ position:absolute; z-index:9999; }
.cont_wrap .lnb ul li .submenu li{ height:12px;  line-height:10px; font-size:13px; margin:9px 20px 9px 0; float:left; background:#05396e; padding-right:15px; border-right:1px solid #b4c4d4; }
.cont_wrap .lnb ul li .submenu li:hover{color:#497bad;}
.cont_wrap .lnb ul li .submenu .last{ border-right:1px solid #05396e;}

.cont_wrap .lnb ul li .submenu1{width:390px; padding-left:50px;}
.cont_wrap .lnb ul li .submenu2{width:670px; padding-left:54px;}
.cont_wrap .lnb ul li .submenu3{width:300px; padding-left:48px;}
.cont_wrap .lnb ul li .submenu4{width:192px; padding-left:58px;}
.cont_wrap .lnb ul li .submenu5{width:182px; padding-left:23px;}
.cont_wrap .lnb ul li .submenu5 .last{margin-right:0px; }


.footer{width:100%; border-top:1px solid #e3e5e5;  position:absolute; z-index:2000; top:970px; left:0;}
.footer .footer_inner{width:1050px; margin:0 auto; padding:20px 0 50px 10px; }
.footer .footer_inner p{width:100%; height:20px; font-size:12px; color:#4b4b4b;}
.footer .footer_inner .p1{color:#939393; font-weight:bold;}
.footer .footer_inner .p2 .space{padding:0 5px; }
.footer .footer_inner .p3 .blue{color:#779dc3; }


.cont_company .left{width:210px; height:808px; border-right:1px solid #cfcfcf;  background:url(../images/company_left_bg.jpg) no-repeat 78px 482px; float:left; padding:27px 0 0 60px; margin-top:5px;}
.cont_wrap .left h3{height:20px; line-height:20px; margin-top:40px; font-size:9px; color:#b5b6b9; text-indent:2px;}
.cont_wrap .left h2{height:48px; line-height:32px; font-size:30px; color:#373737; font-weight:bold;}
.cont_wrap .left ul{width:183px; }
.cont_wrap .left ul li{width:183px; height:30px; line-height:30px; font-size:15px; color:#404040; text-indent:20px; border-bottom:1px solid #cecece;}
.cont_wrap .left ul li:hover{background:url(../images/llist_bg.jpg) no-repeat 0 1px; color:#ffffff;}
.cont_wrap .left ul .on1{background:url(../images/llist_bg.jpg) no-repeat 0 1px; color:#ffffff;}

.cont_company .right{width:776px; height:808px;  padding-left:45px; float:left; background:url(../images/company_bg.jpg) no-repeat right top;}
.cont_wrap .right_top{width:100%; height:217px; border-bottom:1px solid #d8dada;}
.cont_wrap .right_top h2{width:370px; height:45px; line-height:40px; margin-top:60px; font-size:25px; color:#5d5c5c;}
.cont_wrap .right_top h3{width:370px; height:48px;  background:url(../images/daejung.jpg) no-repeat 0 0;}
.cont_wrap .right_top p{width:370px; height:70px; line-height:1.6em;  font-size:14px; color:#2b2b2b; text-align:justify;}
.cont_wrap .right_top h4{height:18px; line-height:18px; font-size:20px; color:#595959; background:url(../images/title_bg.jpg) no-repeat 0 0; text-indent:10px; margin-top:25px;}

.cont_wrap .right_cont{width:100%; height:auto; }
.cont_wrap .right_cont .navi{width:100%; height:35px; }
.cont_wrap .right_cont .navi ul{width:auto; height:35px; ; float:right;}
.cont_wrap .right_cont .navi ul li{ height:15px; line-height:15px; font-size:12px; color:#8b8b93; float:left; margin:10px 0 0 5px;}
.cont_wrap .right_cont .navi ul .last{color:#004098; }


/* company_greeting */
.cont_wrap .right_cont .greeting{width:100%; height:535px;}
.cont_wrap .right_cont .greeting h2{height:35px; line-height:35px; font-size:25px; color:#2d2d2d;  margin:30px 0;}
.cont_wrap .right_cont .greeting img{width:249px; height:177px; float:left; }
.cont_wrap .right_cont .greeting h2 .blue{color:#346aa4;}
.cont_wrap .right_cont .greeting p{width:485px; margin-left:36px;  float:left; color:#666666; font-size:14px; text-align:justify; }


/* company_history */
.cont_wrap .right_cont .history{width:100%; height:535px;}
.cont_wrap .right_cont .history table{width:760px; margin:40px 0 0 10px;}
.cont_wrap .right_cont .history table tr{width:100%; height:32px; line-height:32px; border-bottom:1px solid #e7e8e8;}
.cont_wrap .right_cont .history table .last{ border-bottom:1px solid #ffffff;}
.cont_wrap .right_cont .history table tr th{width:60px; font-size:14px; color:#3f95d7; text-align:center;}
.cont_wrap .right_cont .history table tr td{width:670px; text-indent:8px; font-size:14px; color:#666666;}


/* company_certification */
.cont_wrap .cer_left{height:1250px;}
.cont_wrap .right_cont .certification{width:100%; height:900px;}
.cont_wrap .right_cont .certification .cer_imgs{width:700px; height:800px; margin:30px 0 0 30px;}
.cont_wrap .right_cont .certification img{width:272px; height:370px; float:left; margin:34px 15px 0 0;}

.cer_footer{top:1410px;}

/* company_directions */
.cont_wrap .direc_left{height:1150px;}
.cont_wrap .right_cont .directions{width:100%; height:900px; }
.cont_wrap .right_cont .directions .map{width:754px; height:644px; margin:40px 0 0 8px; padding-bottom:20px;}
.cont_wrap .right_cont .directions p{width:100%; height:20px; line-height:20px; color:#666666; font-size:14px; margin:10px 0 0 8px;}
.cont_wrap .right_cont .directions p span{padding:0 20px; }

.direc_footer{ top:1310px;}



/* products */
.cont_products .left{width:210px; height:1070px; border-right:1px solid #cfcfcf;  background:url(../images/products_left_bg.jpg) no-repeat right bottom; float:left; padding:27px 0 0 60px; margin-top:5px;}
.cont_products .right{width:776px; height:808px;  padding-left:45px; float:left; background:url(../images/products_bg.jpg) no-repeat right top;}
.products{width:100%;}
.products .product_img1{margin:40px 0 0 8px;}
.products p{font-size:14px; color:#1c1c1c; margin:20px 0 0 8px;}
.products .product_img2{margin:80px 0 0 8px;}
.cont_products .right_top p{width:380px;}

.products_footer{ top:1230px;}


/* products_o-ring */
.products .o-ring{margin:60px 0 0 8px;}

/* equipment1 */
.cont_equipment .left{width:210px; height:1780px; border-right:1px solid #cfcfcf;  background:url(../images/equipment_left_bg.jpg) no-repeat right bottom; float:left; padding:27px 0 0 60px; margin-top:5px;}
.cont_equipment .right_top p{width:370px; letter-spacing:-0.03em;}
.cont_equipment .right{width:776px; height:808px;  padding-left:45px; float:left; background:url(../images/equipment_bg.jpg) no-repeat right top;}
.equipment{width:100%; height:350px; }
.equipment table{width:754px; height:335px; margin:40px 0 0 8px; border-top:1px solid #d7d9dc;}
.equipment table tr{width:100%; height:33px; line-height:33px; border-bottom:1px solid #d7d9dc; }
.equipment table .odd{background:#f7f9fc;}
.equipment table tr th{font-size:16px; color:#000000; border-right:1px solid #d7d9dc; text-align:center; background:#d8e1ef;}
.equipment table tr td{font-size:16px; color:#000000; border-right:1px solid #d7d9dc; text-align:center;}
.equipment table tr .none{ border-right:1px solid #ffffff;}

.equipment1 .facility{width:765px; height:270px;  margin-top:30px; padding:25px 0 0 6px;}
.equipment1 .facility li{width:251px; height:270px; float:left; margin-right:3px; }
.equipment1 .facility li p{width:100%; padding-top:185px; font-size:14px;}
.equipment1 .facility li p span{color:#05396e; }

.equipment1 .facility1 .li1{background:url(../images/facility1_1.jpg) no-repeat left top;}
.equipment1 .facility1 .li2{background:url(../images/facility1_2.jpg) no-repeat left top;}
.equipment1 .facility1 .li3{background:url(../images/facility1_3.jpg) no-repeat left top;}

.equipment1 .facility2{background:#f7f9fc; border-top:1px solid #dbdcdc; border-bottom:1px solid #dbdcdc;} 
.equipment1 .facility2 .li1{background:url(../images/facility2_1.jpg) no-repeat left top;}
.equipment1 .facility2 .li2{background:url(../images/facility2_2.jpg) no-repeat left top;}
.equipment1 .facility2 .li3{background:url(../images/facility2_3.jpg) no-repeat left top;}

.equipment1 .facility3{ border-bottom:1px solid #dbdcdc;} 
.equipment1 .facility3 .li1{background:url(../images/facility3_1.jpg) no-repeat left top;}
.equipment1 .facility3 .li2{background:url(../images/facility3_2.jpg) no-repeat left top;}
.equipment1 .facility3 .li3{background:url(../images/facility3_3.jpg) no-repeat left top;}

.equipment_footer{ top:1940px;}



/* equipment2 */
.cont_equipment .equipment2_left{width:210px; height:1888px; border-right:1px solid #cfcfcf;  background:url(../images/equipment_left_bg.jpg) no-repeat right bottom; float:left; padding:27px 0 0 60px; margin-top:5px;}
.cont_equipment2 .right_top p{width:370px; letter-spacing:-0.03em;}

.equipment2 .test{width:780px; height:195px; margin-top:15px;  padding:20px 0 0 6px;}
.equipment2 .test li{width:177px; height:195px; float:left; margin-right:17px;  }
.equipment2 .test li p{width:100%; padding-top:150px; font-size:14px; color:#05396e; text-align:center; }

.equipment2 .test1{margin-top:40px;}
.equipment2 .test1 .li1{background:url(../images/test1_1.jpg) no-repeat left top;}
.equipment2 .test1 .li2{background:url(../images/test1_2.jpg) no-repeat left top;}
.equipment2 .test1 .li3{background:url(../images/test1_3.jpg) no-repeat left top;}
.equipment2 .test1 .li4{background:url(../images/test1_4.jpg) no-repeat left top;}

.equipment2 .test2{background:#f7f9fc; border-top:1px solid #dbdcdc; border-bottom:1px solid #dbdcdc;} 
.equipment2 .test2 .li1{background:url(../images/test2_1.jpg) no-repeat left top;}
.equipment2 .test2 .li2{background:url(../images/test2_2.jpg) no-repeat left top;}
.equipment2 .test2 .li3{background:url(../images/test2_3.jpg) no-repeat left top;}
.equipment2 .test2 .li4{background:url(../images/test2_4.jpg) no-repeat left top;}

.equipment2 .test3 .li1{background:url(../images/test3_1.jpg) no-repeat left top;}
.equipment2 .test3 .li2{background:url(../images/test3_2.jpg) no-repeat left top;}
.equipment2 .test3 .li3{background:url(../images/test3_3.jpg) no-repeat left top;}
.equipment2 .test3 .li4{background:url(../images/test3_4.jpg) no-repeat left top;}

.equipment2 .test4{background:#f7f9fc; border-top:1px solid #dbdcdc; border-bottom:1px solid #dbdcdc;} 
.equipment2 .test4 .li1{background:url(../images/test4_1.jpg) no-repeat left top;}
.equipment2 .test4 .li2{background:url(../images/test4_2.jpg) no-repeat left top;}
.equipment2 .test4 .li3{background:url(../images/test4_3.jpg) no-repeat left top;}

.equipment2_footer{ top:2050px;}


/* process */
.process{margin-left:-15px;}
.cont_process .left{width:210px; height:1620px; border-right:1px solid #cfcfcf;  background:url(../images/process_left_bg.jpg) no-repeat right 1300px; float:left; padding:27px 0 0 60px; margin-top:5px;}
.cont_process .right{width:776px; height:808px;  padding-left:45px; float:left; background:url(../images/process_bg.jpg) no-repeat right top;}
.cont_wrap .right_cont .directions{width:100%; height:900px; }
.cont_wrap .right_cont .directions .map{width:754px; height:644px; margin:40px 0 0 8px; padding-bottom:20px;}
.cont_wrap .right_cont .directions p{width:100%; height:20px; line-height:20px; color:#666666; font-size:14px; margin:10px 0 0 8px;}
.cont_wrap .right_cont .directions p span{padding:0 20px; }

.process_footer{ top:1780px;}


.process img{margin-top:40px; }


/* customer */
.cont_customer .left{width:210px; height:1100px; border-right:1px solid #cfcfcf;  background:url(../images/customer_left_bg.jpg) no-repeat right bottom; float:left; padding:27px 0 0 60px; margin-top:5px;}
.cont_customer .right_top p{width:370px; letter-spacing:-0.03em;}
.cont_customer .right{width:776px; height:808px;  padding-left:45px; float:left; background:url(../images/customer_bg.jpg) no-repeat right top;}

.board_wrap{padding-top:20px; }


.customer_footer{ top:1260px;}