@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

* {box-sizing: border-box;}

.fc_blue {color: #293b7c !important;}
.fc_skyblue {color:#56ACC9 !important; }

.center {text-align: center !important;}

.row img {max-width: 100%; height: auto; vertical-align: middle;}
.img_box {text-align: center;}
.img_box img {max-width: 100%; height: auto; vertical-align: middle;}

.fl_w {width: 100%;}
.fl_left {float: left;}
.fl_right {float: right;}
.fl_w:after {display: block; content: ""; clear: both;} 

.sub h3 {font-size: 1.2em; margin: 0 0 15px; color: #3a4264;}
.sub h3 i {color:#293b7c ;}
.sub .text00 {width: 100%; text-align: center; color: #5e5d5d; font-size: 17px; line-height: 26px; letter-spacing: -0.5px;}
.sub .text00 span {color:#293b7c; font-weight: 500; }
.sub .text01 {width: 100%; text-align: center; color: #888888; font-size: 13px; line-height: 22px; margin: 10px 0 30px 0;}

/*인사말*/
.greeting p strong {color: #293b7c;}
.sign {text-align: right; margin-top: 30px;}
.sign span {font-family: 'Nanum Pen Script', cursive; font-size: 32px; padding-left: 7px;}


/*개요 및 연혁*/
.history .fl_left {width: 46%;}
.history .fl_left img {margin-top: -1px;}
.history .fl_right {width: 54%;}
.history p {margin: 0;}
.c_index {width: 100%; padding-bottom: 50px; font-size: 13px;}
.c_index table {width: 100%; border-top: 1px solid #fff; border-bottom:1px solid #fff; }
.c_index table th {text-align: center; padding: 10px; border: 1px solid #ccc; background: rgb(102, 102, 102); color: #fff;}
.c_index table td {padding: 10px 15px;border: 1px solid #ccc; }
.c_index table td.fc_green {font-weight: bold;}
.history .table {width: 100%; margin-bottom: 20px; font-weight: 500;}
.history .table>tbody>tr>td, 
.history .table>tbody>tr>th, 
.history .table>tfoot>tr>td, 
.history .table>tfoot>tr>th, 
.history .table>thead>tr>td, 
.history .table>thead>tr>th {padding: 10px; vertical-align: inherit;}
.history .table>tbody>tr {border-bottom: 1px solid #ddd;} 
.history .year{font-weight: bold; vertical-align: top; font-size: 24px; border-right: 1px solid #ddd; text-align: center; padding: 5px;}
.history .year span {display: inline-block; padding: 12px 12px; background: #56ACC9; color: #fff; 
	border-radius: 50%;}
.history .date {color:#293b7c; font-size: 15px; font-weight: 600; }
.history .vam {vertical-align: middle !important;}
.history .table p { font-size: 14px; line-height: 150%;}
.history .table p span {font-weight: normal;}

 /*인증서*/
.cert {width: 100%; text-align: center; margin-bottom: 80px; font-size: 13px;}
.cert ul {width: 100%; padding: 0; margin: 0; list-style: none;}
.cert ul li {width: 25%; float: left; padding: 5px 5px 10px;}
.cert ul li div { width: 100%;}
.cert ul li div .c_none {cursor: default;}
.cert ul li div img { width: 100%; height: auto; border: 1px solid #ccc; vertical-align: middle;}
.cert ul li div p { text-align: center; font-size: 15px;  margin:5px 0 0;}
.cert ul:after {display: block; content: ""; clear: both;}

/*납품실적-tab*/
ul.tabs {width:100%; padding: 0; margin: 0 auto 30px;text-align: center; overflow: hidden;}
ul.tabs li {display: inline-block; /*float: left;*/ margin: 0; padding: 0; width:12%;/*12.5*/ }
ul.tabs li a {display: block;width: 100%; border: 1px solid rgb(205, 205, 205); padding: 10px 2px; font-size: 14px;
color: #293b7c;}
ul.tabs li.active a, ul.tabs li.active a:hover {background:#34383C; color: #fff; text-decoration: none;}
.sub-guss-table {padding:0; border:1px solid #000; text-align:center; font-size:11px; margin-top:10px;}
.sub-guss-table th{ background-color:#293b7c; border:1px solid #000; color:#FFF; text-align:center; padding:12px 10px;}
.sub-guss-table td { border:1px solid #000; padding:8px 5px;}

/*보유설비현황 */
.fac .tbl_type {border-top: 3px solid #293b7c; margin-bottom: 30px;}
.fac .tbl_type th {padding: 10px 2px; border: 1px solid #CCC; background-color: #56ACC9; color: #fff; text-align: center;}
.fac .tbl_type td {padding: 7px; border: 1px solid #CCC;}
.fac ul {width: 100%; list-style: none; padding: 0; margin: 0; text-align: center; color: #183A5C;}
.fac ul li {float: left; width: 33.33%; padding: 0 5px 20px;}
.fac ul li p {}
.fac ul:after {display: block; content: ""; clear: both;}
/*오시는길*/
.about h3 {margin-bottom: 10px; font-size:1.2em;}
.about h3 i {color: #56ACC9;}

/*플랜트설비*/
.plant .p_txt {font-size: 14px; line-height: 1.5em; font-weight: 500; max-width: 700px; margin: 0 auto 30px;}
.plant .p_txt span {font-weight: 600; font-size: 16px;}
.plant .img_box {margin-bottom: 20px;}

/*제품소개*/
.product .pro_m,.product .pro_m2 {width: 100%; list-style: none; margin: 0 auto 20px; padding: 0;} 
.product .pro_m:last-child,.product .pro_m2:last-child {margin:0 auto;}
.product .pro_m li {width: 50%; float: left; padding: 0 5px 20px;}
.product ul li img {border: 1px solid #999;}
.product li p { margin: 10px 0 0; color: #183A5C; font-weight: 500; font-size:14px; }

.product table {}
.product table th {background: #f1f6fd; text-align: center;padding: 12px 10px; border:1px solid #ddd; font-weight: bold;}
.product table td {padding: 10px; border:1px solid #ddd; }
.product table .s_tit {background: lightyellow; text-align: center;}
.product table .ss_tit {background: #f5f5f5;}
.product table .openimg {text-align: center;min-width: 105px; padding: 10px 5px}
.product table .openimg a {display: inline-block; padding: 5px; border:1px solid #ccc;transition: all 0.3s;}
.product table .openimg a:hover {text-decoration: underline; transition: all 0.3s;}

@media (max-width: 991px) {
    .cert ul li {width: 50%;}
}
@media (max-width: 767px) {
	ul.tabs li a {font-size: 13px;}
}



/********영문********/
/*연혁*/
.eng_history .c_index table th {padding: 6px;}
.eng_history .c_index table td {padding: 6px 7px;}

.tbl_ad{ margin:0 auto;}
.tbl_ad th {
	padding: 10px 10px;
	text-align: center;
	border-top:1px solid #3d8ed9;
	border-left:0;
	background-color:#e6f3ff;
	color: #3d8ed9;
	border-bottom: 1px solid #3d8ed9;
	}
.tbl_ad td {	
    padding:10px 12px;
	border:1px solid #94adba;
	color:#555;
	border-right:0;
}

.tbl_ad a {color:#888; text-decoration:underline;}