@charset "utf-8";

/*common*/
.w12{width: 1200px;margin: auto;border-top: 1px s;}
h3{font-size: 28px; color: #555;}
.more_btn{float: right;}
.gradient{background: #1072ba; /* Old browsers */
background: -moz-linear-gradient(left, #1072ba 0%, #03acb9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1072ba 0%,#03acb9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1072ba 0%,#03acb9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1072ba', endColorstr='#03acb9',GradientType=1 ); /* IE6-9 */}

/*header css*/
header{width: 100%; background: #fff;}
.head_wrap{width: 1200px; margin: auto;}
#lnb{width:100%; height: 20px; margin-top: 15px; text-transform: uppercase}
#lnb:after{content:""; display:block; clear:both; visibility:hidden;}
#lnb ul{float: right;}
#lnb li{float: left; font-size: 11px; line-height: 19px; padding: 0 10px;}
#lnb li a:hover{text-decoration: underline}
#lnb .home a{color: #1a75ba;}
#lnb .site a{color: #666666;}
#lnb .korea a{display:inline-block;background: url(../img/common/contry.jpg) no-repeat left; width: 19px; height: 19px;}
#lnb .english a{display:inline-block;background: url(../img/common/contry.jpg) no-repeat right; width: 19px; height: 19px;}

#gnb{padding:10px 0 15px 0;}
#gnb:after{content:""; display:block; clear:both; visibility:hidden;}
#gnb h1{float: left;}
#gnb nav {float: right;}
#gnb nav>ul>li{position: relative; float: left; padding:25px 50px;}
#gnb nav>ul>li>a{font-size: 1.3em; font-weight: 500}
#gnb nav>ul>li>a:hover{color:#1a75ba;}
#gnb nav .dep2{position: absolute; top:65px;left:0;z-index: 99; width:100%;  background: #fff; line-height: 40px; font-size: 16px; text-align: center;border: 1px solid #ccc;}
#gnb nav .dep2 a{display: block}
#gnb nav .dep2 a:hover{background: #10212f;color: #fff;}


/*footer css*/
footer{min-width: 1200px; background: #10212f; padding: 60px 0;}
.foot_wrap{width: 1200px; margin: auto;display: table;font-size: 14px; font-weight: 300;}
.foot_wrap > img , .foot_wrap > div{display: table-cell; vertical-align: middle}
.foot_wrap ul li{float: left; padding: 0 20px; border-left: 1px solid #ccc;}
.foot_wrap ul li span{padding-right: 6px;}
.foot_wrap ul li:first-child{padding-left: 0; border-left: 0;}
.foot_wrap ul li:last-child{padding-right: 0;}
.foot_wrap ul li,.foot_wrap span,.foot_wrap p{color:#ccc;}
.foot_wrap p{clear: both; padding-top: 5px;}


/*main css*/
#visual{height: 620px; background: url(../img/main/visual_bg.jpg) repeat-x top left; }
#visual:after{content:""; display:block; clear:both; visibility:hidden;}
#visual > div{width: 1200px; padding: 90px 0 0 30px;}
#visual > div img{width: 100%;}
/*
#visual > div img:first-child{float: left; padding-top: 20px}
#visual > div img:last-child{float: right;}
*/
#visual .bx-wrapper .bx-controls-direction a {position: absolute; top: 43%; width:38px; height:38px;margin-top: -16px; outline: 0; text-indent: -9999px; z-index: 9999;}
#visual .bx-wrapper .bx-next{right:-100px; background: url('../img/common/arrow.png') no-repeat top right;}
#visual .bx-wrapper .bx-prev{left:-100px; background: url('../img/common/arrow.png') no-repeat top left;}

.con1{margin-top:40px;}
.con1:after{content:""; display:block; clear:both; visibility:hidden;}
.con1 > div{float: left;}
.con1 .con_box > div {float: left; width:300px;height: 315px;border: 1px solid #ccc; border-bottom:3px solid #163045; margin-right: 25px;}
.con1 .con_box > div .inner1{width:100%; height:150px; font-size: 28px;padding: 30px 0 0 20px;}
.con1 .con_box .inner1 p, .con1 .con_box .inner1 p span{color: #fff;}
.con1 .con_box > div .inner2{width:100%;height: 160px; padding: 15px;}
.con1 .con_box > div .inner2 p{padding: 10px; line-height: 24px;}
.con1 .con_box .box1 .inner1{background: url(../img/main/box1.jpg) no-repeat top left;}
.con1 .con_box .box1 .inner2{background: url(../img/main/box1_bg.jpg) no-repeat top left;}
.con1 .con_box .box2 .inner1{background: url(../img/main/box2.jpg) no-repeat top left;}
.con1 .con_box .box2 .inner2{background: url(../img/main/box2_bg.jpg) no-repeat top left;}

/*제품롤링배너*/
.con1 .pr_banner{width:550px; height:315px;  border: 1px solid #ccc;}
.con1 #productBanner > div{display: table; padding: 50px 0 0 25px; vertical-align: middle;}
.con1 #productBanner > div > div{display: table-cell; vertical-align: middle;}
.con1 #productBanner .inner1{ width: 260px;}
.con1 #productBanner .inner2{text-align: center; padding: 0 25px;}
.con1 #productBanner .inner2 img{width: 100%;}
.con1 #productBanner .hr{display: block;background: url(../img/main/line.jpg) no-repeat; width: 100%; height:3px; margin:27px 0;}
.con1 #productBanner .pr_name{font-size: 28px; line-height: 35px}
.con1 #productBanner .pr_info{line-height: 25px; white-space: pre-line}
.con1 .pr_banner .bx-wrapper{height: 315px;}
.con1 .pr_banner .bx-wrapper .bx-controls-direction a {position: absolute;bottom:20px; width:38px; height:38px;margin-top: -16px; outline: 0; text-indent: -9999px; z-index: 9999;}
.con1 .pr_banner .bx-wrapper .bx-next{right:0; background: url('../img/common/arrow.png') no-repeat bottom right -8px;}
.con1 .pr_banner .bx-wrapper .bx-prev{right: 35px; background: url('../img/common/arrow.png') no-repeat bottom left;}


.con2{width:100%;min-width: 1200px;height: 265px; margin-top:85px; background: url(../img/main/qna_bg.jpg) no-repeat; background-size: cover;}
.con2 > div{width: 1200px;margin:auto;padding:45px 0;text-align: center}
.con2 h3{font-size: 35px; padding-bottom: 20px}
.con2 p{line-height: 24px}
.con2 a{display: block; text-align: center; line-height: 48px; color: #fff; font-size:18px;width: 270px; height: 48px; border-radius: 30px; margin:30px auto;}
.con2 a span{color: #fff;}
.con2 a:hover{background: #075791}

.con3{padding: 63px 0 63px 28px}
.con3:after{content:""; display:block; clear:both; visibility:hidden;}
.con3 .notice{float: left; width: 47%;}
.con3 .contact{float: right; width: 49%;}
.con3 .tit {padding-bottom: 20px;}
.con3 .tit h3{display: inline-block;}
.con3 .notice li{padding-top: 20px;}
.con3 .notice li a{display: inline-block; text-overflow: ellipsis; white-space: nowrap; width: 80%; overflow: hidden}
.con3 .notice li a:hover{color:#1a75ba;}
.con3 .notice .date{float: right; color: #ccc;}
.con3 .contact .info{padding:25px 27px; background:#ecf6fa url(../img/main/contact_bg.png) no-repeat bottom 25px right 20px;}
.con3 .contact .info li{padding: 6px 0; font-weight: 500;}
.con3 .contact .info li.tel{color: #03acb9;}
.con3 .contact .info li img{vertical-align: middle; padding-right: 20px;}

.map{border-top:1px solid #d6d6d6;}
.map h3{text-align: center; padding-top:50px;}
.map ul:after{content:""; display:block; clear:both; visibility:hidden;}
.map ul>li{float: left;width: 23%;text-align: center;margin-right: 32px}
.map ul>li:last-child{margin-right:0px}
.map ul>li>a{font-weight: bold;font-size: 20px;padding:16px; display: block;border-bottom:1px dotted #000;}
.map .dep2{display: block !important;}
.map .dep2 li{clear: both;width:100%;}
.map .dep2 li a{font-weight: 400;text-align: left;font-size: 18px;background:url("../img/common/cd-arrow.svg") no-repeat right 16px center;}
.map .dep2 li a:hover{color: #1a75ba;}

/*sub*/
#snb{width:100%;min-width: 1200px;background-size: cover;}
.snb01{background: url(../img/common/snb_bg01.jpg) no-repeat top center;}
.snb02{background: url(../img/common/snb_bg02.jpg) no-repeat top center;}
.snb03{background: url(../img/common/snb_bg03.jpg) no-repeat top center;}
.snb04{background: url(../img/common/snb_bg04.jpg) no-repeat top center;}
#snb ul{width: 1200px; margin: auto; color: #fff; text-align: center;padding: 95px 0;}
#snb ul li:first-child{font-size: 20px;color: #fff;padding-bottom: 18px;}
#snb ul li:last-child{font-size: 45px;color: #fff;}

.content{min-height: 500px;padding: 60px 0;}
.content .intro{font-weight: 300; line-height: 35px; text-align: center; padding-bottom: 50px; color: #333;}
.content .se_tit{font-weight: 400; color:#555; padding-bottom: 30px; font-size: 30px; text-transform: uppercase;}
.content .se_tit span{color: #555;}
.content .se_tit span.add{display: block; font-size: 20px; font-weight: 300; color:#555; font-size:18px; }

/*01_ceo인사말*/
.greet{font-size:18px; line-height: 28px; text-align: center; font-weight: 300;}
.greet01{padding-bottom: 50px;font-size: 22px; color: #555;}
.greet01 span.txt_b{color:#}
.greet03{padding: 25px 0 30px;}
.ceo{padding-bottom: 80px; font-weight: 400;}
.ceo img{padding-left: 10px;}

/*01_연혁*/
.history{padding:0 80px;}
.history>div{padding-bottom: 35px}
.history p{font-size: 2em; color:#ddd;padding-bottom: 15px;}
.history dl{display: table;width:100%;}
.history dt,dd{display: table-cell;}
.history dt{width: 20%; color:#1a75ba;font-size:1.5em; font-weight: bold; text-align: right; border-top:1px solid #1a75ba; }
.history dd{display:block;width:100%;margin-left: 15px; padding:15px 20px; background: #f9f9f9; border-top:1px solid #d6d6d6;line-height: 24px;}
.history > div dl:last-child dd:last-child{border-bottom:1px solid #d6d6d6;}
.history span{display: table-cell;}
.history span.month{padding-right: 20px;font-weight: bold;}

/*01_조직도*/
.org {text-align: center; }
.org img{width: 800px;}

/*01_주요고객사*/
.partner:after{content:""; display:block; clear:both; visibility:hidden;}
.partner ul{margin: auto; width: 1090px;}
.partner ul li{position: relative; float: left; vertical-align: middle;height: 115px;width:250px; text-align: center; padding: 35px 15px; margin:0 20px 20px 0; border: 1px solid #d6d6d6; border-top:3px solid #10212f;font-size: 20px;}
/*.partner ul li:nth-child(3n-1){margin: 0 20px;}*/
.partner ul li img{width:100%; }
.partner ul li span{position: absolute;top:50%;left: 50%;transform: translateX(-50%) translateY(-50%);}

/*01_찾아오시는길*/
.contactus{width:1200px;text-align: center;padding-bottom: 30px;}
.contactus ul{display: inline-block;}
.contactus ul li:nth-child(1)~li{float: left;padding: 20px 10px;}
.contactus ul li span.txt_b{color:#1a75ba; padding-right: 5px; }

/*02_생산제품*/
.product > div:nth-child(even){background: #edf6fb; clear: both; padding:50px 0; margin:50px 0;}
.product > div{text-align: center;}
.product div ul{display: inline-block;}
.product div ul:after{content:""; display:block; clear:both; visibility:hidden;}
.product div ul li{position: relative; width:235px;height: 215px; float: left; margin:0 5px 5px 0; border:1px solid #d6d6d6; overflow:hidden;}
/*.product div ul li:nth-child(5n){margin:0}*/
.product div ul li img{width: 100%;}
.product div ul li div.detail{ display:none; position:absolute;top:0;left: 0;bottom:0;width: 100%;height: 100%;color:#fff;background: rgba(0, 33, 87, 0.87);text-align: center;}
.product div ul li div.detail > div {position:absolute; top:50%;left: 50%;width:100%; transform: translateX(-50%) translateY(-50%);color: #fff;font-weight:300; }
.product div ul li:hover div.detail{display: block;}
.product div ul li div.detail .txt_b{color: #fff; display: block; font-size: 17px;padding-bottom: 5px;}


/*03_생산설비*/
.equip > div:nth-child(even){background: #edf6fb; clear: both; padding:50px 0; margin:50px 0;}
.equip  > div{text-align: center;}
.equip  > div:after{content:""; display:block; clear:both; visibility:hidden;}
.equip .inner1{float: left; width: 48%}
.equip .inner2{float: right;width: 48%}
.equip table{width:100%;margin-top: 15px; border-top:2px solid #000;border-bottom:2px solid #000;}
.equip thead th{padding:20px 0;text-align: center; border:1px solid #d6d6d6;}
.equip thead th:nth-child(1){width:50%}
.equip thead th:nth-child(2){width:40%}
.equip thead th:nth-child(3){width:10%}
.equip tbody{font-weight: 300;}
.equip tbody tr td{padding:13px 0; border:1px solid #d6d6d6;}
.equip tbody tr td:nth-child(1),.equip th:nth-child(1){border-left: none;}
.equip tbody tr td:nth-child(3),.equip th:nth-child(3){border-right: none;}
.equip tbody tr:last-child td{padding-bottom:20px;}
.equip .tbl_se{border-top:1px solid #000; }
.equip div ul{display: inline-block;}
.equip div ul:after{content:""; display:block; clear:both; visibility:hidden;}
.equip div ul li{position: relative; width:235px;height: 215px; float: left; margin: 0 5px 5px 0; border:1px solid #d6d6d6; overflow:hidden; background: #fff;}
.equip > div:nth-child(1) ul li{height: 240px;}
.equip > div:nth-child(1) ul li:nth-child(4){clear: both}
.equip > div:nth-child(2) ul li{padding: 30px 0;}
.equip div ul li img{width: 100%;}
.equip div ul li div.detail{ display:none; position:absolute;top:0;left: 0;bottom:0;width: 100%;height: 100%;color:#fff;background: rgba(0, 33, 87, 0.87);text-align: center;}
.equip div ul li div.detail > div {position:absolute; top:50%;left: 50%;width:100%; transform: translateX(-50%) translateY(-50%);color: #fff;font-weight:300; }
.equip div ul li:hover div.detail{display: block;}
.equip div ul li div.detail .txt_b{color: #fff; display: block; font-size: 17px;padding-bottom: 5px;}

/*03_품질인증*/
.deed{text-align: center;}
.deed:after{content:""; display:block; clear:both; visibility:hidden;}
.deed ul{display: inline-block;} 
.deed li{float: left; width: 275px;margin:0 25px 25px 0; padding:0 25px 25px; border: 1px solid #d6d6d6; text-align: center;}
.deed .deed_tit{display: table;height: 50px;width: 100%; border-bottom: 1px solid #d6d6d6;}
.deed .deed_tit span{display: table-cell; vertical-align: middle;}
.deed .deed_img{width: 190px; height: 270px; margin:20px auto 0;}
.deed .deed_img img{width: 100%;border: 1px solid #d6d6d6;}