@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
* {box-sizing:  border-box;}
ul, ol, li {margin: 0; padding: 0; list-style: none;}
.fc_blue {color: #3a267b;}

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

.center, .center th{text-align: center !important;}
.left {text-align: left !important;}
.fl_w {width: 100%;}
.fl_w .fl_l {float: left; width: 50%;}
.fl_w .fl_r {float: right; width: 50%;}
.fl_w:after{display: block; content: ""; clear: both;}

/*dep2*/
.dep2 {width: 100%; padding: 0; margin: 0 auto 40px;}
.dep2 ul {width: 100%; }
.dep2 li {display: inline-block; width: 24%;}
.dep2 li a {display: block; background-color: #E8E8E8; transition: all 0.3s; margin-bottom: 5px; 
    letter-spacing: -0.3px; color: #666; padding: 5px; font-weight: 600; text-align: center;}
.dep2 li a:hover {color: #034ea1;}
.dep2 .active a {background-color: #034ea1; color: #fff !important;}
.dep2 .active a:hover {background-color: #034ea1; color: #fff;}


/*인사말*/
.sign {text-align: right; margin: 0 auto 0; font-size: 14px; font-weight: 500;}
.sign span{ font-family: 'Nanum Pen Script', cursive; font-size: 28px; padding-left: 7px; letter-spacing: 3px;}

/*회사개요*/
.wrap_table { border-top: 2px solid #707070; border-bottom: 1px solid #707070;}
.table_info th { text-align: center; background-color: #f6f6f6; color: #000; font-weight: 600; line-height: 22px; border-bottom: 1px solid #ddd; padding: 7px 2px;}
.table_info td { padding:5px 10px;     border-bottom: 1px solid #ddd;}
.table_info .fc_blue {font-weight: 600;}
.table_info td td {border: 0; padding: 5px 0;}
.table_info .year {max-width: 80px;}
@media all and (max-width:768px) {
.table_info td { padding:5px;} 
.table_info .year {min-width: 110px; max-width: 115px;}
}

/*인증서*/
.cert {width: 100%; text-align: center;  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: 13px;  margin:5px 0 0;}
.cert ul:after {display: block; content: ""; clear: both;}


/*사업소개*/
.business {line-height: 1.5em;}
.bus_w {margin: 0 auto 30px; padding-left: 10px;}
.business h3 {font-size: 16px; margin: 0 auto 10px; color: #0283a8;}
.business h4 {font-size: 14px; margin: 0 auto 5px; color: #333;}
.business ol, .business ol li {list-style: none; margin: 0; padding: 0;}
.business ol li { margin: 0 auto 15px;}
.business ol li p { padding-left: 15px;}
.business ul {width: 100%;}
.business ul li {float: left; width: 33.33%; padding:0 2% 20px; }
.business ul li img {width: 100%; height: auto; border: 1px solid #ddd; padding: 1px;}
.business ul li p {margin: 5px 0 0;}
.business ul li p strong {color: #333;}
.business ul li p span { color : #879b2c; font-weight: 600;}
.business ul li:nth-child(3n+1) {clear: both;}
.business ul:after {display: block; content: ""; clear: both;}
@media all and (max-width:991px) {
	.business ul li { padding:0 1% 20px; }
}

@media all and (max-width:768px) {
	.business ul li { padding:0 5px 20px; }
}

/*기술자료*/
.data_table{width:calc(100% - 2px); font-size: 14px; margin: 10px auto 30px;} 
.data_table .thead_th,
.data_table .tbody_th,
.data_table th,
.data_table td{height:50px; padding:10px 1em; background:#fff; border-bottom:1px solid #e4dcd3; word-break: break-word; background:#fff;}
.data_table .thead_th,
.data_table .tbody_th,
.data_table th{ font-weight:normal; border: 1px solid #fff; border-bottom: none; } 
.data_table td{ border: 1px solid #e4dcd3; text-align: center;} 
.data_table td + td{border-left:1px solid #e4dcd3;}
.data_table th + th{border-left:1px solid #fff;}
.data_table .thead_th:first-child,
.data_table thead th:first-child { border-left-color: #034ea1; } 
.data_table .thead_th:last-child,
.data_table thead th:last-child { border-right-color: #034ea1; } 
.data_table thead tr:first-child th,
.data_table thead + tbody tr:first-child td { border-top: none; } 
.data_table .thead_th,
.data_table thead th{background:#034ea1; color:#fff; border-color:#fff;}
.data_table .tbody_th,
.data_table tbody th{background:#e4dcd3; color:#000; border-bottom-color:#fff;}
.data_table colgroup + tbody tr:first-child td{border-top:1px solid #e4dcd3;}
.data_table tbody tr:last-child td{border-bottom:1px solid #e4dcd3}
.data_table tbody tr:last-child th{border-bottom:1px solid #e4dcd3;}
.data_table td a:hover {color: #034ea1; font-weight: 600;}
.data_table td img {margin-bottom: -5px;}
.data .p_page .on { font-family: 'Noto Sans KR', sans-serif; text-decoration: underline; line-height: 21px; font-size: 14px;padding:0 2px 2px;}


/* 제품소개 */
.pro_w {margin: 0 auto 20px; }
.pro_w .fl_l {padding:0 1% 0 1px;}
.pro_w .fl_r {padding:0 1px 0 1%;}
.pro_w img{margin-bottom:10px; border:1px solid #cccccc;}
.pro_txt{padding-left:15px; margin-bottom:10px;}
.pro_txt li.txt_tit{ color:#2c5da1; font-weight:bold;font-size: 15px;}
.pro_w img {max-width: 100%; height: auto; }

h4.h4pro_tit{ line-height:200%; font-size:18px; background-color:#034ea1; color:#ffffff; font-weight:00; padding-left:10px; margin-bottom:10px;}
h4.h4pro_tit>i{margin-right:3px; line-height:200%;}

h5.h5pro_tit{ line-height:180%; font-size:16px; /* background-color:#a9c9f1;  */color:#333569; 
	font-weight: 600; border-bottom:4px double #333569; padding:2px 10px; margin:0 auto 10px;}
h5.h5pro_tit>i{margin-right:3px; line-height:200%;}

.pro_btn1{ /*margin-right:30px;*/  }
.pro_btn1 a{display:block; padding:10px 15px; background:#83be37; color:#ffffff; font-weight:bold;}
.pro_btn1 a:hover{background:#64ae05; color:#ffffff;}
.pro_txt:after {display: block; content: ""; clear: both;}




/*반응형코드*/

@media all and (max-width:991px) {

}

@media all and (max-width:768px) {
	.cert{width:100%; font-size:12px;}
	.pc_view {display: none;}

}