@charset "utf-8";



.company .img {margin:0 0 30px;text-align:center;}
.company .img img {max-width:100%}
.company .table {border-top:2px solid #555555;}
.company .table th,
.company .table td {border-bottom:1px solid #dddddd;color:#666666;padding:20px}
.company .table th {background:#f1f1f1;font-weight:500;text-align:left;}
.company .table td {}



.message .img {margin:0 0 30px;float:left;width:334px;margin-right:46px;}
.message .img img {max-width:100%}
.message > .sub_con {font-size: 0;line-height: 0;float:left;width:820px;}
.message > .sub_con div.sign {margin:0 55px 0 0;vertical-align: top;text-align:right;}

.message > .sub_con div.desc {display:inline-block;vertical-align: top;width:850px}
.message > .sub_con div.desc p {color:#666666;font-size:16px;line-height:1.8;word-break: keep-all;margin-bottom:20px;}
.message > .sub_con div.desc p.first {font-size:30px;}
.message > .sub_con div.desc p.first span.orange {color:#cb4c2c;font-weight:700;}
.message > .sub_con div.desc p.first small {font-weight:500;font-size:20px;}
.message > .sub_con div.desc p.first small span.green {color:#849936;font-weight:500;}
.message > .sub_con div.desc p.last {font-weight:500;font-size:20px;text-align:right;}


.history .img {margin:0 0 30px;}
.history .img img {max-width:100%}

.history_list {clear:both; overflow:hidden; padding-bottom:20px;margin-left:60px;border-bottom:1px dashed #ddd;}
.history_list p {float:left; font-weight:900; font-size:28px; color:#cb4c2c;margin-right:30px;}
.history_list .history_txt {float:left;}
.history_list dl {padding:10px 0;}
.history_list dt {font-size:16px; color:#2b3137; font-weight:700; line-height:1.8; display:inline-block; vertical-align:top;margin-right:20px;}
.history_list dd {font-size:16px; color:#666666; line-height:1.8; display:inline-block;vertical-align:top;}

.location .table {border-top:2px solid #555555;margin-top:20px;}
.location .table th,
.location .table td {border-bottom:1px solid #dddddd;color:#666666;padding:20px 25px}
.location .table th {background:#f1f1f1;font-weight:500;text-align:left;}
.location .table td {}
.location .table th i {font-size:20px;margin-right:15px;color:#cb4c2c;}

.vision {}
.vision h4 {font-weight:700; font-size:30px; color:#333;position:relative;text-align:center;margin-bottom:40px;}
.vision h4:after {content:'';position:absolute;bottom:-20px;left:50%;margin-left:-22px;width:44px;height:3px;background:#333;}
.vision .img {margin:0 0 80px;text-align:center;}
.vision .img img {max-width:100%}

.vision div.vision_con {font-size:0;line-height:0;padding-top:10px;}
.vision div.vision_con .inner {display:inline-block;vertical-align: top;width:50%;position:relative;}
.vision div.vision_con .inner.bg1 {background:url(../../company/images/left.jpg) no-repeat;height:353px;}
.vision div.vision_con .inner.bg2 {background:url(../../company/images/right.jpg) no-repeat;height:353px;}
.vision div.vision_con .inner p {position:absolute;bottom:20px;color:#fff;font-size:18px;font-weight:300;line-height:1.5;    letter-spacing: -1px;word-break: keep-all;margin:0;padding:0 40px;text-align:center;}


.row_cert {}
.row_cert ul {font-size:0;line-height:0;margin:0;padding:0}
.row_cert ul:after {clear: both;display: block;content: "";}
.row_cert ul li img {max-width:100%}

.row_cert ul.grid {margin:0 0 0 -2%;}
.row_cert ul.grid > li {width:auto;margin:0 0 2% 2%;display:inline-block;text-align:center;-webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;}

.row_cert ul.grid2 {margin:0 0 0 -2%;}
.row_cert ul.grid2 > li {width:48%;margin:0 0 2% 2%;display:inline-block;text-align:center;-webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;}

.row_cert ul.grid3 {margin:0 0 0 -2%;}
.row_cert ul.grid3 > li {width:31%;margin:0 0 2% 2%;display:inline-block;text-align:center;-webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;}

.row_cert ul.grid4 {margin:0 0 0 -2%;}
.row_cert ul.grid4 > li {width:23%;margin:0 0 2% 2%;display:inline-block;text-align:center;-webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;}


.videoWrap {margin-bottom:50px;text-align:center;}

#gall_ul {margin:0;padding: 0;list-style: none;zoom: 1;overflow:hidden;clear:both;}
#gall_ul .gall_li {width:32%;float:left;margin:0 2% 2% 0;}
#gall_ul .gall_li:nth-child(3n) {margin:0 0 2% 0;}
#gall_ul .gall_li div.menu_thumb {overflow:hidden;border:1px solid #c6c6c6;}
#gall_ul .gall_li img {max-width:100%;}
#gall_ul .gall_li div.menu_info {padding:20px;background-color:#eee;}
#gall_ul .gall_li div.menu_info p {font-family:'Nanum Gothic', sans-serif;font-size:15px;color:#4b4b4b;font-style:normal;margin-bottom:10px;display: inline-block;}
#gall_ul .gall_li div.menu_info h4 {font-size:25px;color:#4b4b4b;font-weight:normal; text-align:center;}

#gall_ul2 {margin:0 0 90px 0;padding: 0;list-style: none;zoom: 1;overflow:hidden;clear:both;}
#gall_ul2 .gall_li {width:190px;float:left;margin:0 7px 7px 0;}
#gall_ul2 .gall_li:nth-child(6n) {margin:0 0 7px 0;}
#gall_ul2 .gall_li div.menu_thumb {overflow:hidden;}
#gall_ul2 .gall_li img {max-width:100%;}
#gall_ul2 .gall_li div.menu_info {padding:5px;text-align:center;}
#gall_ul2 .gall_li div.menu_info h4 {font-size:14px;color:#666666;font-weight:normal;}


.production h5 {font-size:20px; color:#333333;  line-height:1.8; margin:0 0 20px 0;font-weight:500;position:relative;padding:5px 0 5px 27px;background: #f9f9f9;border: solid #ddd;border-width: 1px 0;}
.production h5:before {content:'';width:18px;height:18px;position:absolute;left:0;top:50%;margin-top:-9px;background: url(../../production/images/icon.png) no-repeat;}

.production .table {border-top:2px solid #555555;margin-bottom:80px;}
.production .table th,
.production .table td {border:1px solid #dddddd;color:#666666;padding:20px 25px;text-align:center;}
.production .table th {background:#f1f1f1;font-weight:500;}
.production .table th:first-child,
.production .table td:first-child {border-left:0 none;}
.production .table th:last-child,
.production .table td:last-child {border-right:0 none;}


.tech_item {}
.tech_item div.thumb {}
.tech_item div.name h4 {font-size:20px;line-height:1.5;color:#4b4b4b;font-weight:400;}