/* 공통 */
h1.h1_01 {
 font-size: 2.8rem;
 font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
 font-weight: 900;

}

h1.h1_02 {
 font-size: 28px;
 font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
 font-weight: 700;
 text-align:center

}
#sub_page {margin-bottom:50px}
/* 회사소개 */
#sub_page.org section .img_wrap {margin-top: 80px;margin-bottom: 80px;text-align:center;}
#sub_page.org section  h1{text-align:center;}
#sub_page.org section .img_wrap img{max-width:100%;}


/* 인사말 */
#sub_page.company01 section .flex {
 display: flex;
}

#sub_page.company01 section .flex .left {
 width: 40%;
}

#sub_page.company01 section .flex .right {
 width: 60%;
}


#sub_page.company01 section .flex .right .box {
 line-height: 34px;
}

#sub_page.company01 section .flex .right .box h1 {
 font-size: 38px;
 margin-bottom: 38px;
 line-height: 54px;
 font-weight: 900;
}

/*오시는길 */

/* 찾아오시는 길 */
#sub_page.location section {
 display: flex;
 margin-bottom: 80px;
 padding-bottom: 80px;
 border-bottom: 1px #eee solid;
}

#sub_page.location section .left {
 width: 32%;
}

#sub_page.location section .right {
 width: 68%;
 padding-left: 150px;
}

#sub_page.location section .left .box.box01 {
 margin-bottom: 50px;
}

#sub_page.location section .left .box span {
 font-size: 20px;
 font-weight: 900;
 font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
 position: relative;
 display:inline-block
}
#sub_page.location section .left .box span::before {
 position: absolute;
 width: 100%;
 height: 8px;
 background: rgba(255, 234, 93, 1);
 content: '';
 margin-top: 21px;
 z-index: -1;
}

#sub_page.location section .left .box h1 {
 font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
 font-size: 38px;
 font-weight: 900;
 color: #000;
}

#sub_page.location section .left .box .flex {
 display: flex;
 margin-top: 20px;
}

#sub_page.location section .left .box .flex div {
 width: 24%;
}

#sub_page.location section .left .box .flex ul {
 width: 76%;
}

#sub_page.location section .left .box .flex ul.tel li {
 align-items: center;
 height: 57px;
 display: flex;
 color: #000;
 font-family: 'Cairo', sans-serif;
 font-weight: 900;
 font-size: 29px;
}

#sub_page.location section .left .box .flex div p {
 width: 57px;
 height: 57px;
 background: #000;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
 color: #fff;
}

#sub_page.location section .left .box .flex div p i {
 font-size: 26px;
 color: #fff;
}
#sub_page.location section .right .map {
 height: 440px;
}
#sub_page.location section .right .map .root_daum_roughmap {
 width: 100%;
 height: 440px;
 
}

#sub_page.location section .left .box .flex ul li {
 padding-bottom: 5px;
 color: #949494;
}
#sub_page.location section .img_wrap img {max-width:100%;}

/* 사업분야 */
#sub_page.business section .img_wrap {background: url('../../img/bg_map.png') 0 0% no-repeat;background-size:100%; margin-top: 80px; margin-bottom: 80px; text-align:center;}
#sub_page.business section .img_wrap img {max-width:100%;}
#sub_page.business .bg_box {background:#f3f8fb;padding:60px 0;}
#sub_page.business section.section02 { display: flex;}
#sub_page.business section.section02 .left { width: 25%; }
#sub_page.business section.section02 .left h2{font-size:36px;font-weight:900;line-height:48px;}
#sub_page.business section.section02 .right { width: 75%; }
#sub_page.business section.section02 .right ul{position:relative;vertical-align:top}
#sub_page.business section.section02 .right li {float:left;width:47%;margin-left:2%;min-height:300px; padding:30px; border:2px solid #fff;margin-bottom:10px;background: #fff; box-shadow: 0px 0px 30px rgba(0,0,0,.1);}
#sub_page.business section.section02 .right li:hover{border:2px solid #3ca1dc;}

#sub_page.business section.section02 .right li:hover a{text-decoration:none}
#sub_page.business section.section02 .right li h3{font-size:26px;font-weight:700;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd}
#sub_page.business section.section02 .right li p{position:relative;display:inline-block;font-size:18px;background: #fff;padding:10px 15px 0 15px;border-radius:30px;margin-top:10px;color:#000}
#sub_page.business section.section02 .right li p:before {content: "";display: block;position: absolute;top: 20px;left: 0;width: 5px;height: 5px;border-radius:50%;background-color: #40a4df;}

@media(max-width:640px) {
	#sub_page.business section.section02 .left h2{font-size:20px;font-weight:900;line-height:28px;text-align:center}
	#sub_page.business section.section02 .right ul{margin-top:30px}
	#sub_page.business section.section02 .right li {float:left;width:100%;margin-left:0;border-radius:30px !important;text-align:center}
	#sub_page.business section.section02 .right li p{display:block;text-align:left}
}

/* 연혁 */
#sub_page.history section.section02 { margin-top: 140px;}
#sub_page.history section.section02 .flex { display: flex; margin-bottom: 90px; border-bottom: 1px #eeeeee solid; padding-bottom: 90px;}
#sub_page.history section.section02 .left { width: 40%; padding-right:50px;}
#sub_page.history section.section02 .right {width: 60%;}
#sub_page.history section.section02 .left .title p { color: #9b9b9b; font-size: 20px; margin-top: 12px;}
#sub_page.history section.section02 .left .title p img{max-width:90%;}
#sub_page.history section.section02 .left .title h2 { font-size: 32px; color: #000; font-weight: 900; display: inline-block; position: relative;}
.history_list {position:relative;padding:0 0;margin:0 60px;}
.history_list::before {content:"";position:absolute;top:0;left:165px;height:100%;border-right:1px dashed #e5e5e5;transform:translateX(-50%);}
.history_li {display:flex;margin-top:80px;}
.history_li:first-child {margin-top:0;}
.history_year {flex-shrink:0;position:relative;width:165px;font-family:"Poppins" !important;color:#333;font-size:46px;font-weight:800;line-height:1;}
.history_year::before {content:"";position:absolute;top:12px;right:0;width:20px;height:20px;transform:translateX(50%);background:#3083ff;border-radius:50%;border:3px solid #a1c9ff}
.history_month_list {position:relative;margin:5px 0 0 50px;}
.month_item {display:flex;margin-top:15px;}
.month_item:first-child {margin-top:0;}
.month_item .month_text {min-width:45px;font-size:18px;color:#007dc6;}
.month_item .text-medium {align-self:center;position:relative;padding-left:12px;margin-left:20px;color:#5c5c5c;}
/*.month_item .text-medium::before {content:"";position:absolute;top:11px;left:0;width:4px;height:4px;background-color:#222;}*/

@media(max-width:991px) {
	#sub_page.history section.section02 .left {padding-right:0;}
	#sub_page.history section.section02 .left .title p img{max-width:100%;display:none;}

	
	
 	.history_li:not(:first-child) {margin-top:30px;}	
	.history_year {font-size:32px;}
	.history_list {padding:50px 40px;margin:0;}
	.history_list::before {left:15px;}
	.history_li {flex-direction:column;}
	.history_year {width:auto;padding-right:0;font-size:34px;}
	.history_year::before {top:50%;left:-25px;right:auto;width:18px;height:18px;transform:translate(-50%, -50%);}
	.history_month_list {margin:10px 0 0;}
 .month_item {margin-top:5px;}
	.month_text {margin-top:10px;}
	.month_item .text-medium {padding-left:10px;margin-left:15px;}
}

/* 공장현황 */
#sub_page.factory section .img_wrap {background: url('../../img/bg_map.png') 0 0% no-repeat;background-size:100%; margin-top: 0px; margin-bottom: 80px; text-align:center;}
#sub_page.factory section .img_wrap img {max-width:100%;}
#sub_page.factory .bg_box {background:#f3f8fb;padding:60px 0;}
#sub_page.factory section.section02 { display: flex;}
#sub_page.factory section.section02 .left { width: 25%; }
#sub_page.factory section.section02 .left h2{font-size:36px;font-weight:900;line-height:48px;}
#sub_page.factory section.section02 .right { width: 75%; }
#sub_page.factory section.section02 .right ul{position:relative;vertical-align:top}
#sub_page.factory section.section02 .right li {float:left;width:48%;margin-right:2%; padding:0; margin-bottom:20px;background: #fff; box-shadow: 0px 0px 30px rgba(0,0,0,.1);}
#sub_page.factory section.section02 .right li img{max-width:100%}
#sub_page.factory section.section02 .right li:hover{ }
 
#sub_page.factory section.section02 .right li p{ font-size:20px;font-weight:700;text-align:center;background: #fff;padding:15px;color:#000}


@media(max-width:640px) {
	#sub_page.factory section.section02 {display: block;}
 #sub_page.factory section.section02 .left {width: 100%;}
 #sub_page.factory section.section02 .right {width: 100%;padding-left: 0px;margin-top: 40px;}
	
	#sub_page.factory section.section02 .left h2{font-size:24px;font-weight:900;line-height:28px;text-align:center}
	#sub_page.factory section.section02 .right ul{margin-top:30px}
	#sub_page.factory section.section02 .right li {float:left;width:100%;margin-left:0;border-radius:30px !important;text-align:center}
	#sub_page.factory section.section02 .right li p{display:block;text-align:center}
}

/* 인증현황 */
#sub_page.cert section.section02 { display: flex;margin-bottom:30px}
#sub_page.cert section.section02 .left { width: 25%; }
#sub_page.cert section.section02 .left h2{font-size:36px;font-weight:900;line-height:48px;}
#sub_page.cert section.section02 .right { width: 75%; }
#sub_page.cert section.section02 .right ul{position:relative;vertical-align:top}
#sub_page.cert section.section02 .right li {float:left;width:31.333333%;margin-right:2%; padding:0; margin-bottom:20px;background: #fff; box-shadow: 0px 0px 30px rgba(0,0,0,.1);}
#sub_page.cert section.section02 .right li img{max-width:100%}
#sub_page.cert section.section02 .right li:hover{ }
 
#sub_page.cert section.section02 .right li p{ font-size:20px;font-weight:700;text-align:center;background: #fff;padding:15px;color:#000}


@media(max-width:767px) {
	#sub_page.cert section.section02 {display: block;}
  #sub_page.cert section.section02 .left {width: 100%;}
  #sub_page.cert section.section02 .right {width: 100%;padding-left: 0px;margin-top: 40px;}
	
	#sub_page.cert section.section02 .left h2{font-size:24px;font-weight:900;line-height:28px;text-align:center}
	#sub_page.cert section.section02 .right ul{margin-top:30px}
	#sub_page.cert section.section02 .right li {float:left;width:100%;margin-left:0;border-radius:30px !important;text-align:center}
	#sub_page.cert section.section02 .right li p{display:block;text-align:center}
}

/* 주요장비 */
#sub_page.equipment section.section02 { display: flex;margin-bottom:30px}
#sub_page.equipment section.section02 .left { width: 25%; }
#sub_page.equipment section.section02 .left h2{font-size:36px;font-weight:900;line-height:48px;}
#sub_page.equipment section.section02 .right { width: 75%; }
#sub_page.equipment section.section02 .right ul{position:relative;vertical-align:top}
#sub_page.equipment section.section02 .right li {float:left;width:31.333333%;max-height:280px;overflow:hidden; margin-right:2%; padding:0; margin-bottom:20px;background: #fff; box-shadow: 0px 0px 30px rgba(0,0,0,.1);}
#sub_page.equipment section.section02 .right li.w64 {width:64.66%}
#sub_page.equipment section.section02 .right li img{max-width:100%}
#sub_page.equipment section.section02 .right li:hover{ }
 
#sub_page.equipment section.section02 .right li p{ font-size:20px;font-weight:700;text-align:center;background: #fff;padding:15px;color:#000}


@media(max-width:640px) {
	#sub_page.equipment section.section02 {display: block;}
 #sub_page.equipment section.section02 .left {width: 100%;}
 #sub_page.equipment section.section02 .right {width: 100%;padding-left: 0px;margin-top: 40px;}
	
	#sub_page.equipment section.section02 .left h2{font-size:24px;font-weight:900;line-height:28px;text-align:center}
	#sub_page.equipment section.section02 .right ul{margin-top:30px}
	#sub_page.equipment section.section02 .right li {float:left;width:100%;margin-left:0;text-align:center}
	#sub_page.equipment section.section02 .right li p{display:block;text-align:center}
 #sub_page.equipment section.section02 .right li.w64 {width:100%}
}

/* 주요고객*/
.clients { }
.clients .flex-wrap { align-items: flex-end}
.clients__text-wrap { width: 50%}
.clients__text-wrap .title-wrap__text { margin-top: 0}

.clients .experience { margin-top: 50px}
.clients .experience__list { display: flex; flex-wrap: wrap; }
.clients .experience__item { width: 20%;padding: 30px 20px;}
.clients .experience__img { /*filter: grayscale(1);*/}
.clients .experience__img-wrap {width: 100%;height:120px;line-height:80px; padding: 20px;text-align:center;border:1px solid #ddd; /* opacity: .5;*/ transition: opacity .3s,filter .3s}
.clients .experience__img-wrap img {max-width:100%;vertical-align:middle}

@media(min-width: 1025px) {
 .clients .experience__img-wrap:hover {border:1px solid #025eb3; opacity:1 }
 .clients .experience__img-wrap:hover .experience__img { filter: grayscale(0) }
}

@media(max-width: 1280px) {
 .clients .flex-wrap { flex-direction:column; align-items: flex-start }
 .clients__text-wrap { width: 100%; margin-top: 20rem }
 .clients .experience__item { width: 20% }
}

@media(max-width: 1024px) {
	 .clients .experience__item { width: 33.33333333% }
 .clients .experience__img-wrap { opacity:1 }
 
}

@media(max-width: 640px) {
 .clients { }
 .clients .experience__item { width: 50%;padding: 10px;}
 .clients .experience__img-wrap { }
 .clients .experience__img { filter: grayscale(0) }

}

#sub_page.experiences section.section02 .tbl-s1 td{word-break:keep-all}

.table-default {width:100%;height:100%;border-top:2px solid #222;}
.table-default thead th, .table-default tbody th, .table-default tbody td {height:70px;font-size:18px;line-height:1.5;text-align:center;vertical-align:middle;border-bottom:1px solid #e5e5e5;}
.table-default thead tr:last-child th {border-bottom:0;}
.table-default thead th[rowspan="2"] {border-bottom:0;}
.table-default thead th[rowspan="2"]:last-child {border-left:1px solid #e5e5e5;}
.table-default thead th:not(:last-child), .table-default tbody th:not(:last-child), .table-default tbody td:not(:last-child) {border-right:1px solid #e5e5e5;}
.table-default tbody tr:first-child td, .table-default tbody tr:first-child th {border-top:1px solid #222;}
.table-default thead th {padding:10px;font-size:18px;font-weight:600;color:#222}
.table-default tbody th {padding:15px 10px;font-weight:400;}
.table-default tbody td {padding:15px 10px;color:#555;border-left:1px solid #e5e5e5;}
.table-default tbody td:not([rowspan]), .table-default tbody td:first-child {border-left:0}
.table-default .s-bold {font-weight:600;}
.table-default .left {padding:25px 30px;text-align:left!important;}
.table-default .small{padding:15px}
.table-default .total{font-weight:600;color:#222}
.table-default__bdr{border-right:1px solid #e5e5e5}

.table-default__strong{width:200px;font-weight:600!important;color:#222!important;font-weight:700;vertical-align:middle;text-align:center;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.table-default__address{padding:25px!important;font-size:15px;color:#555;text-align:left !important;vertical-align:middle;border-bottom:1px solid #e5e5e5}
@media(max-width:640px) {
	.table-default thead th, 
	.table-default tbody th, 
	.table-default tbody td {height:50px;font-size:14px;padding:5px;letter-spacing:-0.5px;}
	
}


.tbl-s1 {clear:both; width:100%; border-top:#333 2px solid; border-collapse: collapse; border-spacing:0px;/*table-layout:fixed;*/ font-size:15px}
.tbl-s1 thead th, 
.tbl-s1 tbody th {padding:10px;text-align:center; border:solid #e0e0e0; border-width:0 1px 1px 1px; background:#f6f6f6; color:#333; /*word-wrap:break-word;*/ }
.tbl-s1 tbody th {background:#fcfcfc}
.tbl-s1 thead th:first-child, 
.tbl-s1 tbody th:first-child,
.tbl-s1 tbody td:first-child, 
.tbl-s1 tfoot td:first-child {border-left:0px;}
.tbl-s1 thead th:last-child, 
.tbl-s1 tbody th:last-child, 
.tbl-s1 tbody td:last-child, 
.tbl-s1 tfoot td:last-child { border-right:0}
.tbl-s1 tbody td {padding:5px 10px; text-align:center; border:1px solid #e0e0e0; border-width:1px;word-break: break-all; line-height:1.6}
.tbl-s1 .left,
.tbl-s1 .l {padding-left:20px;text-align:left}/*여백 재설정이 필요할 경우*/
.tbl-s1 tfoot th {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 0px; text-align:center; padding:10px 0; color:#e6360d;}
.tbl-s1 tfoot td {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 1px; text-align:center; padding:10px 0; color:#333;font-size:16px; font-weight:600;}
.tbl-s1 tbody td h2 { font-size:18px; font-weight:bold}

@media screen and (max-width: 600px) {
	.tbl-s1 tbody td { padding:10px}	
}
		
@media (max-width: 576px) {
 .tbl-s1 thead {display: none;}
 .tbl-s1, 
 .tbl-s1 tbody, 
 .tbl-s1 th, 
 .tbl-s1 td, 
 .tbl-s1 tr {display: block;background:#fff;} 
 .tbl-s1 th {text-align: left;font-size:16px;padding:5px 0 5px 5px;border-bottom:0px solid #ddd; border-right:none;} 
 .tbl-s1 tbody td {text-align:left;padding:3px 0 3px 160px;border:none; }
 /* 테이블 행 스타일 조정 */
 .tbl-s1 tr {margin-bottom: 10px;border-bottom:#333 2px solid;}
 .tbl-s1 td {border: none; position: relative;text-align: left;font-size:13px;font-weight:600; padding:3px 0 3px 70px;}

 /* 데이터 레이블 */
 .tbl-s1 td:before { position: absolute; left: 6px;font-size:13px;font-weight:400;/*width:130px;border:1px solid #e2e2e2;border-radius:30px;*/content: attr(data-label);color:#6a6a6a;letter-spacing:-0.5px;}
}

/*
		 
<table class="tbl-s1">
 
 <thead >
 <tr>
 <th scope="col">상품</th>
 <th scope="col">조합출자금</th>
 <th scope="col">조합차입금</th>
 <th scope="col">수익금 입금계좌</th>
 <th scope="col">투자개시일</th>
 <th scope="col">투자만기일</th>
 </tr>
 </thead>
 <tbody>

 <tr class="<?php echo $bg; ?>">
 <th data-label="상품">11</th>
 <td data-label="출자금">22</td>
 <td data-label="차입금">33</td>
 <td data-label="계좌"><?php echo $row['iv_bank'].' '.$row['iv_account'].' '.$row['iv_account_name'] ?></td>
 <td data-label="투자개시일"><?php echo $row['iv_invest_start'] ?></td>
 <td data-label="투자만기일"><?php echo $row['iv_invest_end'] ?></td>

 </tr>
 </tbody>
 </table>			 
*/