@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap');

* {box-sizing: border-box;}
a {color: rgb(102, 102, 102) ;}
ul, ul li {list-style: none; padding:0; margin: 0; }
.fc_black {color: #363331;}
.fc_blue {color: #004277;/*244bbf*/}

.china {font-family: 'Noto Sans TC', 'MingLiU', sans-serif;}
.center {text-align: center !important;}
.img_box {text-align: center; vertical-align: middle;}
.img_box img {max-width: 100%; height: auto; vertical-align: middle;}

.fl_w {width: 100%;}
.fl_l {float: left; width: 50%;}
.fl_r {float: right; width: 50%;}
.fl_w:after {display: block; content: ""; clear: both;} 
.slider {width: 100%;margin: 0px auto;}
.slider-nav .slick-slide {margin: 0px 5px;}
.slick-slide img {width: 100%;}
.slick-prev:before,
.slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s;opacity: .5;}
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}

/*인사말*/
.sign {text-align: right; margin-top: 30px; font-size: 1.1em; font-weight: 500;}
.sign span {font-family: 'Nanum Pen Script','sans-serif' cursive; font-size: 28px; padding-left: 7px; letter-spacing: 5px;}
.eng_sign span {letter-spacing: 0; font-size: 22px;}
/*회사개요*/
.c_img {width: 100%; text-align: center; margin: 0 auto 20px;}
.c_img ul li {display: inline-block; width: 33%;}
.c_img .cf_50 li {width: 49.5%}
.c_img ul li p {margin: 5px auto 0;}
.tbl_type{ margin-bottom:10px; border-top:2px solid #555555; border-bottom: 2px solid #555;}
.tbl_type th{background-color:#f3f3f3; color:#004277; padding:10px 17px; font-weight:bold; text-align:center; 
	border: 1px solid #fff; }
.tbl_type td{padding:10px; border:1px solid #fff;color:#434343;background-color:#ffffff; text-align:left; border: 1px solid #f3f3f3;}
.c_table th {padding:15px 17px; min-width: 90px; }
.c_table td {padding: 10px 20px;}
/*연혁*/
.c_history .fl_l {width:65%;}
.c_history .fl_r {width: 32%; padding-top: 10%;}
.table {width: 100%; margin-bottom: 20px;}
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {border-bottom: 1px solid #ccc; padding: 10px; border-top: 0;}
 .year {font-weight: bold; color: #004277; vertical-align: middle; font-size: 24px; padding: 10px 15px 10px 10px; }
 .date {font-size: 18px; font-weight: bold; color: #004277; min-width: 45px; text-align: center;}
 .c_date {min-width: 60px;}
 .vam {vertical-align: middle !important;}
 .table p { font-size: 14px; line-height: 150%; margin-bottom: 0}
.table tr .bor0 {border: 0; padding-bottom: 0;}
.c_history .table strong {font-weight: 600;}
 /*인증서*/
.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 img { width: 100%; height: auto; border: 1px solid #ccc; vertical-align: middle;}
.cert ul li p { text-align: center; font-size: 15px;  margin:5px 0 0;}
.cert ul:after {display: block; content: ""; clear: both;}


/*제품소개*/
.product {vertical-align: middle; text-align: justify; font-size: 14px;}
.h4pro{ background:#004277;  font-weight:bold; padding:7px 7px; color:#ffffff; clear:both; font-size: 16px;}
.h4pro i{margin:0 4px;}
.pro_s, .pro_s2{margin:20px 0; width: 100%;}
.pro_s li{float:left; width: 25%; padding: 0px 2px 10px;}
.pro_s2 li {float: left;padding: 0px 2px 10px;}
.pro_s li img {border-radius: 10px; border:2px solid #ccc; box-shadow: 2px 2px 2px #eee; }
.bor0  li img {border:0; box-shadow:none;}
.pro_s2:after {display: block; content: ""; clear: both;}
.pro_s:after {display: block; content: ""; clear: both;}


/*설비현황*/
.slide_wrap {margin: 0 auto 40px;}
.slider-for div p {text-align: center; font-size: 16px; padding: 10px 20px; font-weight: 500; color: #004277;}
.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{border-top:2px solid #61626e; border-collapse:collapse; margin:0 auto; margin-bottom:40px; border-bottom: 1px solid #004277;}
.tbl_type2 caption {font-size: 15px; margin: 0 auto 10px;}
.tbl_type2 th{padding:7px 2px;border:1px solid #fff;background-color:#004277;color:#ffffff;font-weight:bold;}
.tbl_type2 td{padding:6px 10px;border:1px solid #ddd; color:#0000a0; text-align:center;}
.tbl_type2 tr th:first-child,.tbl_type2 tr td:first-child {border-left: 0;}
.tbl_type2 tr th:last-child,.tbl_type2 tr td:last-child {border-right: 0;}
.mar20 {margin: 0 auto 20px;}

/*연구개발*/
.R-D .text01 {font-size: 18px;}
.R-D .text02 {font-size: 14px; margin: 0 auto 40px; /*text-align: center;*/ text-align: justify;}
.R-D h3 {font-size: 20px; margin: 0 auto 15px; color: #810629;font-weight: bold;}
.R-D h4 {font-size: 15px; border-radius: 5px; padding: 5px 0 6px 10px; border:1px solid #ddd; margin: 0 auto 10px; color: #004277; font-weight: 500; vertical-align: middle;
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f6f6 0%, #ffffff 60%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f6f6 0%,#ffffff 60%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f6f6 0%,#ffffff 60%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.R-D h4 span{font-size: 20px;font-weight: bold;}
.R-D .fl_l {width: 67%;}
.R-D .fl_r {width: 33%; padding-left: 15px; }
.R-D .fl_r img {padding: 10px; border:1px solid #ddd; max-height: 327px;}


@media (max-width: 991px) {
	.pro_s li{width: 33.3%;}
	.R-D .fl_l {width: 60%;}
	.R-D .fl_r {width: 40%; padding-left: 15px; }
	.R-D .fl_r img { width:100%; height: auto; max-height:827px;}
}
@media (max-width: 767px) {
	.cert ul li {width: 50%;}
    .cert ul li p  {}
    .pro_s{margin:20px 0; width: 100%;}
	.pro_s li{width: 50%;}
    .R-D .fl_l {width: 100%;}
	.R-D .fl_r {width: 100%; padding-left: 0;  }
	.R-D .fl_r img { width:80%; height: auto; max-height:827px;}
}