@charset "utf-8";
body{width:100%; min-width:1000px;}
ul,li{ list-style:none; }
img{ border:0px none; }
a{ text-decoration:none; color:#333; }
body{ /* overflow-y:scroll; background:#e2e2e2;*/}
#wrap{width:100%; overflow: hidden; }
.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
body{font-family:"NanumBarunGothic","Malgun Gothic","¸¼Àº °íµñ","³ª´® °íµñ","Dotum","µ¸¿ò","±¼¸²",Sans-serif !important;}

/*common*/
section{width:1100px; margin:0 auto; }
     .company .top_img{width:100%; height:206px; background: url(../images/company_top.jpg) no-repeat 50% 0;}
     .products .top_img{width:100%; height:206px; background: url(../images/products_top.jpg) no-repeat 50% 0;}
     .facilities .top_img{width:100%; height:206px; background: url(../images/facilities_top.jpg) no-repeat 50% 0;}
     .customer .top_img{width:100%; height:206px; background: url(../images/customer_top.jpg) no-repeat 50% 0;}

	 .top_img p{width:1100px;  margin:0 auto; text-align:center; font-size:44px; text-shadow:3px 3px 3px #353535; padding-top:84px; color:#fff;}

.snb{width:100%; height:60px; background:#c1272d;  border-bottom:1px solid #c1272d;}
.snb ul{width:1100px; height:60px; line-height:60px; margin:0 auto; }
.snb ul li{width:273px; line-height:60px; font-size:18px; text-align:center; float:left; color:#fff; border-right:1px solid #fff;}
.snb ul li:first-child{border-left:1px solid #fff;}
.snb ul li a{display:block; width:100%; }
.snb ul li a:hover{ background:#fff;  color:#000; }

.cont_wrap{width:1100px;  margin:0 auto; padding-bottom:100px;}
.cont_wrap .cont_title{height:22px; line-height:22px;  margin:40px 0 12px 0; font-size:24px;  text-indent:6px; border-bottom:1px solid #e2e2e2;  background: url(../images/h2_bg.jpg) no-repeat left top; padding:0 0 10px 5px;}
.cont{width:1100px; margin:0 auto;}

/*company_greeting*/
.greeting img{ margin:50px 0;}
.greeting .greeting_text{width:1100px;  font-size:16px;}
.greeting .greeting_text .p1{width:1100px; padding-bottom:50px; color:#0a3296; font-size:30px; text-align:center; text-shadow:2px 2px 2px #999999; }
.greeting .greeting_text .p2{ text-align:justify; line-height:2em;}
.greeting .greeting_text .p2 .f_green{color:#1b6e07; }
.greeting .greeting_text .p2 .f_red{color:#c1272d; font-size:20px; }
.greeting .greeting_text .p3{width:1100px; text-align:right; margin-top:54px;}




/*company_history*/
.history .year{width:100%; display:inline-block; margin-top:50px; }
.history .year p{width:200px; float:left; color:#102389; font-size:26px; text-align:center; font-style:italic;}
.history .year table{width:850px; float:left;}
.history .year table tr{line-height:25px;}
.history .year table tr th{width:160px;  font-size:15px; border-left:1px solid #b8b8b8; text-align:center; }
.history .year table tr td{ font-size:15px; padding-left:50px; background:url(../images/disc.png) no-repeat left center, url(../images/line_bg.png) repeat-y left center; display:block; margin-left:-4px;}



/*company_organization*/
.organization .tab{width:100%; margin:50px 0; display:inline-block;}
.organization .tab li{width:359px; height:40px; line-height:40px; float:left; margin-right:11px; background:#e2e2e2; text-align:center;}
.organization .tab li:last-child{margin-right:0px;  }
.organization .tab .on{background:#555555; color:#ffffff; }
.organization .tab li:hover{background:#555555; color:#ffffff; }
.organization .tab li a{display:block; width:100%; height:40px;}
.organization .map{width:1098px; height:600px; border:1px solid #e2e2e2;  margin-top:30px;}

.organization1 .pics{width:100%; }
.organization1 .pics li{float:left; margin:6px 6px; border:1px solid #e2e2e2;}

.organization .info{width:100%; height:50px; padding-top:30px; font-size:15px; text-align:center; line-height:2em;}
.organization .info .space{display:inline-block; padding:0 10px; }

.organization2 .text{width:100%; line-height:1.8em; font-size:15px; margin-bottom:20px; text-align:center;}

.organization2 .pics{width:100%; }
.organization2 .pics li{float:left; margin:4px 4px; border:1px solid #e2e2e2;}



/*company_location*/
.location .tab{width:100%; margin:50px 0; display:inline-block;}
.location .tab li{width:359px; height:40px; line-height:40px; float:left; margin-right:11px; background:#e2e2e2; text-align:center;}
.location .tab li:last-child{margin-right:0px;  }
.location .tab .on{background:#555555; color:#ffffff; }
.location .tab li:hover{background:#555555; color:#ffffff; }
.location .tab li a{display:block; width:100%; height:40px;}

.location .info{width:100%; height:50px; padding-bottom:30px; font-size:15px; text-align:center; line-height:2em;}
.location .info .space{display:inline-block; padding:0 10px; }

.location .map{width:1098px; height:600px; border:1px solid #e2e2e2;}



/*Facilities_inspection*/
.inspection img{ margin-top:50px;}
.inspection table{width:1100px; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; margin-top:50px;}
.inspection table tr{width:100%; height:30px;  border-top:1px solid #e2e2e2;}
.inspection table tr th{width:365px; font-size:13px; border-right:1px solid #e2e2e2; text-align:center; letter-spacing:-0.04em;}
.inspection table tr th:nth-child(even){background:#f0f0f0; }



/*Facilities_production*/
.production img{ margin-top:50px;}
.production table{width:1100px; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; margin-top:50px;}
.production table tr{width:100%; height:30px;  border-top:1px solid #e2e2e2;}
.production table tr th{width:365px; font-size:13px; border-right:1px solid #e2e2e2; text-align:center; letter-spacing:-0.04em;}
.production table tr th:nth-child(even){background:#f0f0f0; }



/*Facilities_production*/
.board_text{width:100%; padding:10px 0 100px 0;}



.tab{padding-top:30px; }
.tab ul{width:1100px; height:60px; line-height:60px; margin:0 auto; }
.tab ul li{width:272px; line-height:30px; font-size:15px; text-align:center; float:left; margin-right:3px;}
.tab ul li:first-child{border-left:1px solid #fff;}
.tab ul li:last-child{ margin-right:0;}
.tab ul li a{display:block; width:100%; background:#e2e2e2; }
.tab ul li a:hover{ background:#982020;  color:#fff; }


.tab_sub{padding:10px 0 30px 0; }
.tab_sub ul{width:1100px;  margin:0 auto; }
.tab_sub ul li{font-size:12px; text-align:center; float:left; margin-right:3px;  border-right:1px solid #982020; padding:0 7px; line-height:15px;}
.tab_sub ul li:first-child{border-left:1px solid #fff; padding-left:0;}
.tab_sub ul li:last-child{ border-right:none;}
.tab_sub ul li a{display:block; width:100%;  }
.tab_sub ul li a:hover{  color:#982020; }