/* ********************************************* *
    product
* ********************************************* */

.product_section{width: 100%; overflow: hidden; padding-bottom: 150px;}
.product_section .project_list{width: 100%;}
.product_section .project_list ul{width: 100%;}
.product_section .project_list ul li{width: 33.333%; padding: 1%; float: left; cursor: pointer; }
.product_section .project_list ul li:hover .product_hover{opacity: 1;}

.project_list .picture_wrap{width: 100%; position: relative; height:350px; }
.project_list .picture_wrap .pic{width: 100%; height:100% }
.project_list .picture_wrap .pic>img{width: 100%; height: 100%;}
.project_list .picture_wrap .product_hover{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; background-color: rgba(0,0,0,0.7);
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
  -o-transition: all 0.5s;
    transition: all 0.5s;}

.product_hover .btn_con{ position: relative;  top: 150px; }
.product_hover .btn_con .text{color: #fff; font-weight: bolder;}

.product_section .pagination_container{width: 100%;}
.product_title{padding: 4% 3%;}
.product_title h4{font-size: 18px; line-height: 1; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product_title p{font-size: 16px; color: #777; }

/* 목록 버튼 */
.product_view_section .btn_con{padding-top: 44px;}


 /* ********************************************* *
    product_view
* ********************************************* */

.product_view_section{width: 100%; overflow: hidden; padding-bottom: 150px;}
.product_view_section .board_view{width: 100%; border-top: 2px solid #222; border-bottom: 1px solid #222;}
.product_view_section .board_view .board_header{padding:17px; border-bottom: 1px solid #222; line-height: 1;}
.product_view_section .board_title{font-size: 18px; float: left; font-weight: 700;}
.product_view_section .board_date{font-size: 16px; float:right; color: #777; }
.product_view_section .board_body{padding: 0 16px;}
.product_view_section .board_body .board_content{min-height: 400px; padding: 2%}
.product_view_section .board_body .board_content img{max-width: 100%;}
.product_view_section .btn_con .button03 a{color: #fff; width: 100%; height: 100%; display: block}

/* ********************************************* *
    equipment
* ********************************************* */
.equipment_section ul{width: 100%; overflow: hidden; padding-bottom: 150px;}
.equipment_section ul li{width: 33.333%; float: left; padding:2%; }
.equipment_section ul li p{padding-top: 15px; line-height: 1;}

/* ********************************************* *
    business
* ********************************************* */
.business_tab{width: 100%; overflow: hidden;}
.business_tab .business_tap_wrap {width: 100%;/* border-bottom: 1px solid #ccc; */}
.business_tab .business_tap_wrap ul{width: 100%;position: relative;}
/* .business_tab .tap_wrap01 ul{border-bottom: 1px solid #ccc;} */
.business_tab .tap_wrap01 ul::after{width: 100%; width: 100%; height: 1px; background-color: #ccc; bottom: 36px; left: 0; display: block; content: ""; position: absolute; z-index: -1;}
.business_tab .tap_wrap02 ul::after{width: 100%; width: 100%; height: 1px; background-color: #ccc; bottom: 36px; left: 0; display: block; content: ""; position: absolute; z-index: -1;}
.business_tab .business_tap_wrap ul li{width:100%; float: left; height: 100px;}
.business_tab .business_tap_wrap ul li a{color: #222; font-weight: bolder; width: 100%; height: 100%; display: block; line-height: 100px;  word-break: keep-all;}
.business_tab .business_tap_wrap ul li a:hover{color: #125ad3; border-bottom: 2px solid #125ad3;}
.business_tab .business_tap_wrap ul li a.bsdown{animation: scroll 1s infinite alternate;}

.business_tab .owl-theme .owl-dots{ position: relative; }
.business_tab .owl-theme .owl-dots .owl-dot span{width: 30px; height: 3px; background-color: #ccc;} 
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:linear-gradient(to right,#f5f5f5,#125ad3)!important;}

.business{width: 100%; overflow: hidden; padding:20px 0}
.business h2{line-height: 1; font-size:28px; padding:30px 0 10px; padding-left: 1%; }
.business ul {width: 100%;}
.business ul li{width: 33.333%; float:left; padding: 1%; }
.business ul li .business_wrap{width: 100%; height: 308px; position: relative;}
.business ul li .business_wrap .business_pic{width: 100%; height: 100%;}
.business ul li .business_wrap .business_pic img{width: 100%; height: 100%; display: block;}
.business ul li p{padding: 10px; text-transform: uppercase;}
.business_wrap .step{position: absolute; left: 0; bottom: 0; font-size: 16px; padding: 10px 30px; background-color: #125ad3; color: #fff; border-top: 2px solid #fff; border-right: 2px solid #fff;}

.last_business{padding-bottom: 130px;}

.business-process{width: 100%; overflow: hidden; padding:20px 0}
.business-process h2{line-height: 1; font-size:28px; padding:30px 0 10px; padding-left: 1%;}
.business-process ul{width: 100%;}
.business-process ul li.round_box{width: 20%; float: left; text-align: center; padding: 1.5% 7% 1.5% 0; overflow: hidden; position: relative;}
.business-process ul li .round_out{background-color: #ececec; border-radius: 60%; width: 100%; height: 100%; padding-bottom: 95%; position: relative;}
.business-process ul li .round_in{position: absolute; width: 85%; height: 85%; left: 50%; top: 50%; background-color: #fff;  border: 1px solid #e0e0e0; border-radius: 90%; transform: translate(-50%,-50%); text-transform: uppercase;}
.business-process ul li .round_in span{position: absolute; padding:0 12px; transform: translate(-50%,-50%);line-height: 1; left: 50%; top: 50%; width: 100%; font-size: 18px;}
.business-process .round_box::after{position: absolute; display: block; content: ""; width: 30px; height: 22px; right: 36px; top: 53%; transform: translateY(-50%); 
    /* background-color: #ccc; */ background: linear-gradient(to right,#f5f5f5,#125ad3); z-index: 0; left: unset;}
.business-process .round_box.last_box::after{display: none;}
.business-process .round_box.last_box::before{display: none;}
.business-process .round_box::before{border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #125ad3; display: block;content: '';position: absolute; right: 10px;  top: 53%; transform: translateY(-50%) rotate(-90deg);}

.business_pic_box ul{width: 100%;}
.business_pic_box ul li{width: 25%;}
.business_pic_box ul li .business_wrap{width: 100%; height: 200px;}


/* ********************************************* *
    aside button
* ********************************************* */

.aside{position: fixed; bottom: 50px; right: 40px; width: 60px; height: 60px; z-index: 100;    
     border:0 none!important; }     
.aside .aside_btn{width: 60px; height: 60px;  color: #fff;background-color: #125ad3; 
    transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.aside .aside_btn:hover{background-color: #0e49ad;  }