/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap'); */
.subpage_middle_container section.business{padding-bottom:180px;}
section.business ul{margin:0 -20px;}
section.business ul li.content{ float:left; padding:0 20px; margin-bottom:80px;}
section.business ul li.w33{width:33.333%;}
section.business li.content .inner{text-align: center;}
section.business li.content .inner .item_img{border:1px solid #e1e1e1; overflow: hidden;}
section.business li.content .inner .item_text{font-size:18px; padding-top:20px;}


/* 작업: SH */
/*-----  equipment ----*/
#equipment_submenu01,#equipment_submenu02{display: block;}

.subpage_middle_container section.equipment{padding-bottom:180px;}
section.equipment ul{margin:0 -20px; padding-bottom:40px;}
section.equipment ul li.content{ display:inline-block; margin-right:-4px; vertical-align: top; padding:0 20px; margin-bottom:80px;}
section.equipment ul li.w100{width: 100%;}
section.equipment ul li.w50{width: 50%; }
section.equipment ul li.w33{width: 33.3333%;}
section.equipment li.content .inner{text-align: center;}
section.equipment li.content .inner .item_img{border:1px solid #e1e1e1; overflow: hidden;line-height: 1;}
section.equipment li.content .inner .item_img img{width: 100%; height: auto; display: block; }
section.equipment li.content .inner .item_img.eq01 img{height:190px; width:auto; display: block; margin:40px auto;}
section.equipment li.w100.content .inner .item_img.eq01{padding:0 40px;}
section.equipment li.w100.content .inner .item_img.eq01 img{ width: 65%; height:300px;}


section.equipment li.content .inner .item_text{font-size:18px; padding-top:20px;}

.equipment01_table_containter{padding-top:26px}
.equipment01_table_containter table{border-top: 2px solid #d70034; width: 100%; font-size: 16px;}
.equipment01_table_containter table td{padding: 16px 0; text-align: center; border-bottom: 1px solid #ddd; vertical-align: middle;}
.equipment01_table_containter table td:first-child{background-color:#f5f5f5; padding-left:20px; padding-right:20px; text-align: left;}
.equipment01_table_containter table td:first-child{width: 120px;}

/* 가공라인 */
section.equipment .equipment_line h2{text-align:center; position: relative; font-size:24px; padding-bottom: 10px; margin-bottom: 60px; font-family: 'Noto Sans KR', sans-serif; font-weight: lighter}
section.equipment .equipment_line h2::after{bottom:0; left:50%; content: ""; display: block; position: absolute; width: 30px; height: 2px; transform: translateX(-50%); background-color:#ccc;}




/* 작업: SH */
/*-----  customer ----*/
section.customer p.customer_top_text{font-size: 30px; line-height: 33px; margin-bottom: 60px;}
section.customer p.customer_top_text span{display: block;}
section.customer .customer_table_container{width: 100%;}
section.customer .customer_table_container table{border-top: 2px solid #222; width: 100%; table-layout: fixed; }
section.customer .customer_table_container table th{padding:15px; text-align: center; border-bottom: 1px solid #808080;}
section.customer .customer_table_container table td{vertical-align: middle; text-align: center; padding:15px 0; border-bottom: 1px solid #e1e1e1; }
section.customer .customer_table_container table td:nth-child(2){text-align: left; cursor: pointer;
    padding:0 20px;width: 80% !important; }
section.customer p.customer_top_text>span{display: block;}


.board_container{padding-top:120px;}

/* 00건 00페이지 */
.table_total { font-size: 14px; padding-bottom: 12px;}
.table_total b{color:#808080;}

.board_table {width: 100%; font-size: 15px; table-layout: fixed;}
.board_table th{border-top: 2px solid #333; border-bottom: 1px solid #333; font-weight: 700;}
.board_table th, .board_table td { padding: 20px 10px; vertical-align: middle; text-align:center;}
.board_table td { border-bottom: 1px solid #e4e5e7; width:20%;}


/* 제목 */
.board_title{width:60% !important; }
.board_table td.board_title{text-align: left !important ; cursor:pointer;
    -webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out;
    -ms-transition:border 0.3s ease-out; -moz-transition:border 0.3s ease-out; -o-transition:border 0.3s ease-out;}
.board_table td.board_title:hover{color:#808080;}
.board_table tr td{-webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out; transition-delay: 0.3s;
    -ms-transition:border 0.3s ease-out; -moz-transition:border 0.3s ease-out; -o-transition:border 0.3s ease-out;}
.board_table tr:hover td{ background:#fafafa;}
/* .board_table trL */
td.board_title > span{width:100%;}
td.board_title .overtext{ display: inline-block;
    padding-left:16px;
    overflow: hidden; width: 100%; text-overflow: ellipsis;
    white-space: nowrap; line-height: 18px; vertical-align: middle;}


.c_file_icon img{vertical-align: middle;}/* background:url(../image/sub/icon_file.png)no-repeat; background-size: 100%; margin: 0 auto; */

.pagination_container{padding-top: 60px; display: table; margin: 0 auto;}
.pagination_container .page_item.active{background-color: transparent; color:#222; font-weight: 700;}
.pagination_container .page_item{cursor: pointer; display: inline-block; color: #808080;  border: none; width: 20px;
    background-color: transparent; font-size: 16px;  margin: 0 10px; position: relative; overflow: hidden; z-index: 1; text-transform: uppercase;}
.pagination_container .page_item::before{content: ""; position: absolute; top: 0;left: 0; width:100%; height: 100%; border-bottom: 2px solid #222; opacity: 0; transform: scaleY(0);-webkit-transition: all 0.3s ease 0s;}

.pagination_container .page_item{line-height:40px;  text-align: center;}
.pagination_container .page_item.arrow{font-size:24px; width:40px; height:40px; line-height:1.5;}
.pagination_container .page_item.arrow.next{border:1px solid #222; background:#222; color:#fff; }
.pagination_container .page_item.arrow.prev{border:1px solid #222; background:#fff; color:#222;}


/* online */
form{display: block;}
form.online_container{position: relative; padding: 10px 5px;}
.online-half-box .form-wrap{position: relative;}
.online-half-box {width: 50%; float: left; padding:20px; }
.online-full-box {width: 100%;float: left; padding:20px; }
.form-wrap input{border: none; border-bottom: 1px solid #222;}
.form_input{display: block; width: 100%; height: 50px; padding:12px 16px; font-size:15px; font-weight: 300;}
.form-wrap textarea{border:none; border-bottom:1px solid #222; min-height: 200px;}
.form-wrap ::placeholder{color: #808080;}
.form-wrap label.form_label_title{display: block; padding-bottom:6px; color:#222; font-weight: 300; overflow: hidden;}
.form-wrap label.form_label_title span{color:#d70034; font-weight: 700;}

/* customer */
section.customer{margin-bottom:240px;}