/* */
/* 공통탭 */
.sub-tab-list{width: 100%; padding: 0 20px;}
.sub-tab-list li{ cursor: pointer; font-size:0.8889rem;float: left;text-align: center;height:40px; line-height: 40px; border-left: 1px solid #222;  border-top: 1px solid #222; border-bottom: 1px solid #222;}
.sub-tab-list li:last-child{border-right: 1px solid #222;}
.sub-tab-list li:hover{background-color: #d7a534; color: #fff;}
.sub-tab-list li.p-on{background-color: #d7a534; color: #fff;}

.mobile-con-tab li{display: none; position: relative; width: 100%; height: 50px; z-index: 3; line-height: 50px; cursor: pointer; text-align: center; color:#4888be; background-color: white; border-bottom: 2px solid #4888be;}
.mobile-con-sub-tab{position: absolute; left: 0; top: 50px; width: 100%; overflow: hidden; height:0; line-height: 50px; cursor: pointer;}
.mobile-con-sub-tab li{width: 100%; height: 50px; background-color: #4888be; color: white; border-bottom: 1px solid #ececec;}
.mobile-con-sub-tab li a{width:100%; display: block; position: relative;}
.mobile-con-tab li span{position: absolute; top: 50%;width: 0; height: 0; border-bottom: 6px solid none; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-top: 6px solid #4888be; margin-left: 15px;}
/* ********************************************* *
    company
* ********************************************* */

/* 회사개요 */
.info_con{width: 100%; overflow: hidden;}
.info_con .info_top{width: 100%; overflow: hidden;}
.info_con .info_top .info_table_img{width: 50%; float: left;}
.info_con .info_top .info_table_img>img{width: 100%;  border-top-left-radius: 50px; border-bottom-right-radius: 50px;}
.info_table_wrap{width: 50%; overflow: hidden;}
.info_table_wrap table{width: 100%;}
/* ceo인사말 */
.ceo_con{width: 100%;}
.ceo_con .ceo_top{width: 100%;  height:312px;}
.ceo_con .ceo_top .ceo_top_img{position: absolute; right: 0; top: -190px;}
.ceo_con .ceo_top .ceo_top_img>img{width: 100%;}
.ceo_con .ceo_top .ceo_top_inner{position: relative; width: 100%;padding: 75px 0;}
/* :lang(en) .ceo_con .ceo_top .ceo_top_inner{padding: 52px 0;} */
.ceo_con .ceo_top .ceo_top_inner>p{font-size: 1.9222rem; line-height: 1.3; font-weight: 500; font-style: italic; }
:lang(en) .ceo_con .ceo_top .ceo_top_inner>p{line-height: 1.1;}
.ceo_con .ceo_top .ceo_top_inner>p:first-child span{color:#0a56a7;}
.ceo_con .ceo_top .ceo_top_inner>p:last-child span{color:#1ead4c;}
.ceo_con .ceo_top .ceo_top_inner>p>span{font-size: 3.3444rem; padding-right: 8px;}
.ceo_center{width: 100%; overflow: hidden; padding: 24px 160px 0 0;}
.ceo_center h3{font-size: 30px; padding-bottom: 48px;}
.ceo_center p{padding: 10px 0; font-size: 20px; word-break: keep-all;}
.ceo_center p:last-child{font-size: 24px; padding-top: 56px;}
.ceo_center p:last-child>span{font-size: 37px; font-weight: 500; padding-left: 8px;}
.ceo_center p:last-child i{display: inline-block; vertical-align: middle; margin-right: -4px; padding-left: 10px;}
.bold{font-weight: 600;}
.c_blue{color:#0a56a7;}
.c_green{color:#1ead4c;}




/* 액상실리콘 특장점 */
.tech2_top{width: 100%; overflow: hidden; margin: 0 auto 72px auto; background-color: #f9f9f9; border-top:2px solid #35c685; padding: 32px 56px; text-align: center;}
.tech2_top>p{ font-size: 1.2888rem; word-break: keep-all;}

.tech2_center{width: 100%; max-width: 100%;}
.tech2_center>p{font-size: 25px; position: relative; padding-bottom: 32px;}
.tech2_center>p::before{content: "";display: inline-block; width: 7px; height: 20px; background-color: #35c685; margin-right: 8px;}

.tech2_center ul li{width:100%; overflow: hidden; border-bottom: 1px dashed #dbdbdb; }
.tech2_center ul li:first-child{border-top: 2px solid #35c685;}
.tech2_center ul li:last-child{border-bottom: 1px solid #dbdbdb;}
.tech2_center ul li dl{display: table; table-layout: fixed;}
.tech2_center ul li dl dd{display: table-cell; vertical-align: middle; padding: 24px 16px; font-size: 1.1rem; word-break: keep-all;}
.tech2_center ul li dl dd:first-child{width:190px; color:#35c685; text-align:left; }
.tech2_center ul li dl dd:last-child{width: calc(100% - 190px);}







/* 비전 */
.vision_con{width: 100%; overflow: hidden;}
.vision_con .vision_center{width: 100%; margin: 0 auto; }
.vision_con .vision_center ul{margin-right: -16px; margin-left: -16px; }
.vision_con .vision_center ul li{width:25%;display: inline-block; margin-right: -4px; vertical-align: top; text-align: center; padding: 16px;}

.vision_con .vision_center ul li .vision_circle{ padding-bottom: 100%; position: relative; width:100%; border:2px solid #777777; margin: 0 auto; border-top-left-radius:31px; border-bottom-right-radius:31px; }
.c_hover:hover{background-color: #35c685; border: 0!important; color: white;}
.c_hover:hover p:first-child::after{background-color: white;}

.vision_img{width: 100%; overflow: hidden;}
.vision_img>img{width: 90%; margin: 0 auto;}
.vision_con .vision_center ul li .vision_circle .vision_inner{position: absolute;  text-align: center; font-size: 30px;
top: 52%; left: 50%; transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.vision_con .vision_center ul li .vision_circle .vision_inner>p:first-child{font-weight: 500;}
.c_hover p:first-child::after{content:""; display: block; width: 23px; height: 2px; background-color: #35c685; margin: 16px auto; }
.vision_text{width:100%; margin: 0 auto 100px auto; text-align: center; padding: 32px 56px;background-color: #f9f9f9; border-top:2px solid #35c685;}
.vision_text>h3{font-size: 48px; font-style: italic;  color: #35c685;}
.vision_text>h3::after{content: ""; display: block; width: 35px; height: 2px; background-color: #656565; margin: 24px auto;}
.vision_text>p{font-size: 1.3888rem; word-break: keep-all;}
.vision_text>p>span{display: block;}
.vision_center2li{width: 25%!important;}









/* 연혁 */
.history_con{width: 100%; overflow: hidden;}
.history_text{width: 100%; overflow: hidden; text-align: center;}
.history_text>p{width: 60%; text-align: center; margin: 0 auto;}
.history_con ul li{width: 100%; overflow: hidden; border-bottom: 1px solid #dbdbdb; padding: 32px 0; display:inline-block; vertical-align: middle; margin-right: -4px;}
.history_con ul li h3{width:240px; font-size:40px; color: #35c685; padding:0 16px; display:inline-block; vertical-align: middle; margin-right: -4px;}
.history_con ul li .hisotry_table_wrap{width: calc(100% - 240px); display:inline-block; vertical-align: middle; margin-right: -4px;}
.history_con ul li .hisotry_table_wrap table{width: 100%;}
.history_con ul li .hisotry_table_wrap table tr{padding: 16px 0;}
.history_con ul li .hisotry_table_wrap table tr td{text-align: left; padding: 12px 0;}
.history_con ul li .hisotry_table_wrap table tr td:last-child{padding-right: 20px;}
.history_con ul li .hisotry_table_wrap table tr td p{padding: 3px 0;}
.history_con ul li .hisotry_table_wrap table tr td:nth-child(1){width:100px;}

/* 오시는길 */
.comeway-con{width: 100%; overflow: hidden;}
.comeway-con .comeway-add{width: 100%; overflow: hidden;}
.comeway-con .comeway-add ul li{position: relative; width: 33.333%; float: left; padding: 32px;}
.comeway-con .comeway-add ul li::after{content: ""; position: absolute; top:85px; right: 0; width: 1px; height: 120px; background-color: #dbdbdb;}
.comeway-con .comeway-add ul li:last-child::after{content: "";width: 0; height: 0;}
.comeway-con .comeway-add ul li .comeway-icon{width:54px; margin: 30px auto;}
.comeway-con .comeway-add ul li .comeway-icon img{width: 100%;}
.comeway-con .comeway-add ul li p{width: 100%; text-align: center; font-size:1rem; word-break: keep-all;}
.comeway-con .comeway-add ul li p>span{display: block;}
.comeway-con .comeway-add ul li h4{width: 100%; text-align: center; font-size:1rem; word-break: keep-all; padding-bottom: 10px;}
.comeway-con .comeway-map{width: 100%; height: 450px;} 
.comeway-add2{margin-top: 0; border-top: 1px dashed #dbdbdb; margin-top: 150px;}

/* 인증서 */
.certi_con{width: 100%; overflow: hidden;}
.certi_con ul{margin-left: -32px; margin-right: -32px;}
.certi_con ul li{width:25%; display: inline-block; vertical-align: top; margin-right: -4px; padding: 32px;}
.certi_con ul li .certi_img_wrap{width: 100%;}
/* .certi_con ul li p span{display: block;} */
.certi_con ul li .certi_img_inner{width: 100%; padding-bottom: 140%;}
.certi_con ul li .certi_img_wrap img{width: 100%;}
.certi_con ul li p{width: 100%; height:auto; text-align: center; padding: 16px 0; font-size: 1.1rem; word-break: keep-all;}



/* 기업특장점 */
.tech_con{width: 100%;}
.t_green{color: #25b960;}
.t_blue{color: #0474b8;}

.tech_con_center{width: 100%; overflow: hidden; background-color: #f9f9f9; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.tech_point_text{width: 100%; text-align: center; background-color: #35c685; color: white; padding: 12px 0; font-size: 1.2rem; text-shadow: 1px 1px 3px #7d7d7d; background: url(../img/sub/tech2_img3-01.jpg)no-repeat; background-position: center; background-size: cover;}
.tech_con_center ul:last-child{border-bottom: 0;}

.tech_con_center ul li{width:33.333%;display: inline-block; vertical-align: top;  margin-right: -4px; position: relative; padding: 24px;}
.tech_con_center ul li .tech_inner{width: 100%;}
.tech_con_center ul li .tech_inner .tech_text{position: relative; word-break: keep-all; width:100%; display: inline-block; margin-right: -4px;  vertical-align: top;}
.tech_con_center ul li .tech_inner .tech_text::after{content: ""; position: absolute; right: 0; top: 0; background:url(../img/sub/tech_img00.png)no-repeat; background-position: center; background-size: cover;}
.tech_con_center ul li .tech_inner .tech_text>h3{padding: 8px 0; font-size: 1rem; position: relative;  padding-left: 53px; }
.tech_con_center ul li .tech_inner .tech_text>h3::before{content: " 01"; position: absolute; left: 0; top: 0;  width: 50px; height: 50px; font-size: 2.0rem; font-weight: 500; color: #35c685;}
.tech_con_center ul li:nth-child(2) .tech_inner .tech_text>h3::before{content: "02";}
.tech_con_center ul li:nth-child(3) .tech_inner .tech_text>h3::before{content: "03";}
.tech_con_center ul li:nth-child(4) .tech_inner .tech_text>h3::before{content: "04";}
.tech_con_center ul li:nth-child(5) .tech_inner .tech_text>h3::before{content: "05";}
.tech_con_center ul li:nth-child(6) .tech_inner .tech_text>h3::before{content: "06";}



.tech_con_center ul li .tech_inner .tech_text>p{ position: relative; font-weight: 300; color:#3c3c3c; margin-left: 15px; padding: 8px 0; position: relative; padding-left: 52px;}
.tech_con_center ul li .tech_inner .tech_text>p::before{content: "";position: absolute; left: 36px; top:20px; width:5px; height: 5px; border-radius: 50%; background-color: #232323;}



.tech01_inner{width: 100%; overflow: hidden;}
.tech01_center{width: 100%; position: relative; margin: 50px auto;}
.tech01_center ul li{width: 33.333%; display: inline-block; margin-right: -4px; vertical-align: top; text-align: center; margin-bottom: 16px;  }
.circle_out{position: relative; width: 250px; height: 250px; border-radius: 22%; margin: 0 auto; background-color: #03c5a8; background: url(../img/sub/circle_img01.png)no-repeat;
            background-position: center; background-size: cover;
}
.circle_in{width: 230px; height: 230px;position: absolute;top: 50%; left: 50%; 
    transform: translate(-50% ,-50%);  -ms-transform: translate(-50% ,-50%); 
    -webkit-transform: translate(-50% ,-50%);border: 1px solid #f9f9f9; 
    border-radius: 22%;text-align: center; word-break: keep-all;background-color:white;
}
.circle_in p {position: absolute;top: 50%; left: 50%;
    width: 100%;
    transform: translate(-50% ,-50%);  
    -ms-transform: translate(-50% ,-50%); 
    -webkit-transform: translate(-50% ,-50%);
    padding: 0 16px;
}
.circle_out::after{content: ""; position: absolute; top: 50%; left:250px; width: 68%; height: 1px; background-color: #10d7d6; z-index: -1;}
.tech01_center ul li:nth-child(3) .circle_out::after{display: none;}
.tech01_center ul li:last-child .circle_out::after{display: none;}
.circle_in p>span{display: block; font-size: 1.5rem; font-weight: 500;}
.tech01_top{margin: 0 auto;}
.sub_text{color: #777; font-size: 0.8rem!important; font-weight: 400!important; padding-top: 4px;}

.tech_box{width: 100%; overflow: hidden; }
.tech_box ul li{width: 33.333%; display: inline-block; vertical-align: top;  border-radius: 25px;}
.tech_box ul li .tech_num{width: 100%; overflow: hidden;}
.tech_box ul li .tech_num .tech_num_left{width: 50px; float: left;}
.tech_box ul li .tech_num .tech_num_left>p{width: 70px; height: 70px; 
    border-radius: 50%; background-color: #03c5a8; text-align: center; 
    line-height: 70px; color: white; font-size: 1.2rem;
}
.tech_box ul li .tech_num .tech_num_right{width:calc(100% - 80px); float: left; margin-top: 16px; padding-left: 34px;}
.tech_text{width: 100%; overflow: hidden;  padding: 24px;}

.tech_icon{width: 80px; height: 80px; float: right;}


/* ********************************************* *
    product
* ********************************************* */
/* 주요생산품 */
.pro_howto{display: block; font-size: 15px!important; padding-bottom: 5px; color: #777777;}
.equipment_table .pro_howto{display: none;}
.tab_list{width: 100%;overflow: hidden; position: relative; color: #bbb; font-size: 20px; padding: 0 5px;}
.tab_list ul li{width:50%; text-align: center;  display: inline-block; vertical-align:top; margin-right: -4px;  border-bottom: 1px solid #dbdbdb; padding:20px 2px;  cursor: pointer; }
.tab_on{color: #35c685; font-weight: 500;border: 1px solid #35c685!important; border-bottom: 0!important;}

.tab_02 ul li{width: 20%; font-size: 1rem;}
:lang(en) .tab_02 ul li{width: 33.33%;}
.product_title{font-size: 2.5rem; line-height: 1.2; text-align:center; padding-bottom: 80px; font-weight: 500; position: relative;}
.product01{padding-bottom: 0;}
.product_con{width:100%; overflow: hidden;}
.product_con:last-child{border-bottom: 0;}
.product_con>h2{font-size: 2.5rem; line-height: 1; text-align:center; padding-bottom: 52px; font-weight: 500; position: relative;}
.product_con>h2 h2::after{content: "";position: absolute; bottom:13px; left: 50%; z-index: -1; 
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
    width:180px; height:22px; opacity: 0.5; background-color:#35c685; text-align: center; margin:32px auto 0 auto;
}
.product_con .product_img_wrap{width: 100%; overflow: hidden; margin-bottom: 80px;padding-top: 50px;}
.product_con .product_img_wrap ul{margin-left: -16px; margin-right: -16px;}
.product_con .product_img_wrap ul li{width: 33.333%; display: inline-block; margin-right: -4px; padding: 16px; vertical-align: top;}
.product_con .product_img_wrap ul li .product_img{width: 100%; overflow: hidden; background-color: #f2f2f2; padding: 16px;}
.product_img .product_img_inner{background-position: center!important; background-size: contain!important; width: 100%; padding-bottom: 68%; }
.product_con .product_img_wrap ul li .product_img>img{width: 100%;}
.product_con .product_img_wrap ul li>p{width: 100%; padding: 8px 0; text-align: center;}
.product_con .product_img_wrap>p{font-size:1.8333rem; font-weight: 500; color: #35c685; padding-bottom: 24px;}
.product_con .product_img_wrap>p::after{content: ""; display: block; width:50px; height: 2px; background-color: #35c685; margin-top: 5px;}


.product_con .product_info{width: 100%; overflow: hidden; margin-bottom: 80px;}
.product_left{width: 360px; overflow: hidden; float: left;}
:lang(en) .product_left{width: 400px;}
.product_left>span{font-size:1rem; display: block; padding-top: 16px; font-weight: 400; color: #676767;}
.product_left>p{font-size:1.8333rem; font-weight: 500; color: #35c685;}
.product_left>p::after{content: ""; display: block; width:50px; height: 2px; background-color: #35c685; margin-top: 5px;}
.product_right{width:calc(100% - 360px);float: left;}
:lang(en) .product_right{width:calc(100% - 400px);}
.product_right ul li{width: 100%; padding: 8px 16px; position: relative;}
.product_right ul li::before{content: "";position: absolute; left: 0px; top:16px; width:6px; height: 6px; border-radius: 50%; background-color: #35c685;}
.product_right .equipment_table{overflow-x: auto;}
.product_right .equipment_table>table thead th:first-child{width: auto!important; min-width: 190px;}
.product_right .equipment_table>table thead th:nth-child(2){min-width: 80px;}
.product_right .equipment_table>table thead th:nth-child(3){min-width: 80px;}
.product_right .equipment_table>table thead th:nth-child(4){min-width: 135px;}
.product_info3 .product_right ul li::before{display: none;}
.product_info3 .product_right ul{margin-left: -8px; margin-right: -8px;}
.product_info3 .product_right ul li{width: 33.333%; float: left; padding: 8px; margin-left: 0!important;}
.product_info3 .product_right ul li .product_img{width: 100%;border: 1px solid #dbdbdb; background-position: center; background-size: cover; }
.product_info3 .product_right ul li .product_img .product_img_inner{width: 100%; padding-bottom: 140%;}


/* 카탈로그 */
.catalog_con{width: 100%; overflow: hidden;} 
.catalog_con ul{margin-left: -16px; margin-right: -16px;}
.catalog_con ul li{overflow: hidden; position: relative; width: 33.333%; padding: 16px; display: inline-block; margin-right: -4px; vertical-align: top;}
.catalog_con ul li .catalog_img_wrap{border: 1px solid #dbdbdb; position: relative; width: 100%; padding-bottom: 160%; background-color: gray; }
.catalog_con ul li .catalog_img_wrap>p{cursor: pointer; position: absolute;width: 102%; bottom:60px; left: 50%; padding: 16px 0; background-color: #f2f2f2;
    transform: translateX(-50%); -ms-transform: translateX(-50%);  -webkit-transform: translateX(-50%); 
    text-align: center;
}
.catalog_con ul li .catalog_img_wrap p:hover{background-color: #35c685;}
.catalog_con ul li .catalog_img_wrap p:hover a{color: white;}
.catalog_con ul li>p{text-align: center; padding: 16px 0; font-size: 20px;}
.catalog_con ul li .catalog_img_wrap p:last-child{bottom:0;}

.catalog_btn{width: 100%; overflow: hidden;text-align: center;}
.catalog_btn>p{width: 100%; background-color: #dbdbdb; padding: 16px 0; }
.catalog_btn>p>a>span{display: inline-block; width: 50px; margin-bottom: -3px; height: 20px; background: url(../img/sub/down_img.png)no-repeat;  background-position: center; background-size: contain;}
/* 주요고객사 */
.customer_con{width:100%; overflow: hidden;}
.customer_con ul{margin-right: -16px; margin-left: -16px;}
.customer_con ul li{width:20%; display: inline-block; margin-right: -4px; padding: 16px; vertical-align: top;}
.customer_con ul li .customer_img_wrap{width: 100%; height: 85px;border: 1px solid #dbdbdb;}
.customer_con ul li .customer_img_wrap>.customer_inner{width: 100%; height: 100%;}




/* ********************************************* *
    equipment
* ********************************************* */
.equipment>h2::after{width:230px;}
.equipment_con{width: 100%; overflow: hidden;}
.equipment_top>h3::before, .equipment_center>h3::before, .equipment_table>h3::before{content: "";display: inline-block; width: 6px; height: 20px; background-color: #35c685; margin-right: 8px;}
.equipment_con .equipment_top{width: 100%; overflow: hidden; margin-bottom: 120px;}
.equipment_con .equipment_top .equipment_img{width: 100%;}
.equipment_con .equipment_top .equipment_img>img{width: 100%;}
.equipment_con .equipment_top h3, .equipment_con .equipment_center h3{font-size: 25px; font-weight: 500; padding-bottom: 24px;}
.equipment_con .equipment_top h3>span, .equipment_center h3 span{color: #35c685;}

.equipment_con .equipment_center{width: 100%; overflow: hidden;}
.equipment_con .equipment_center ul{margin-left: -16px; margin-right: -16px; margin-bottom: 120px;}
.equipment_con .equipment_center ul li{width: 33.333%; height:545px; display: inline-block; margin-right: -4px; padding: 16px;}
.equipment_con .equipment_center ul li .equipment_img{width: 100%; height: 100%;}

.equipment_table{width: 100%; overflow: hidden;}
.equipment_table>table{width: 100%; border-top: 2px solid #232323; }
.equipment_table>table thead th{padding:16px 24px; border-bottom: 1px solid #232323; text-align: center; font-weight: 600;}
.equipment_table>table thead th:first-child{width:380px;}
:lang(en) .equipment_table>table thead th:first-child{width:250px; min-width:230px;}
:lang(en) .equipment_table>table thead th:nth-child(2){width:200px; min-width:200px;}
:lang(en) .equipment_table>table thead th:nth-child(3){width:200px; min-width:200px;}
.equipment_table>table tr td{padding: 16px 24px; border-bottom: 1px dashed #dbdbdb; text-align: center; vertical-align: middle;}
.equipment_table>table tr:last-child td{border-bottom: 1px solid #dbdbdb;}
/* ********************************************* *
    customer
* ********************************************* */
.customer-online-con{width: 100%; overflow: hidden;}
.online_con{width:70%; overflow: hidden; margin: 0 auto; background-color: #f5f5f5; border: 1px solid #dbdbdb; padding: 4%;}
.online_box{width: 50%; float: left; padding: 24px;}
.online_box_full{width: 100%; padding: 24px; overflow: hidden;}
.form_wrap .form_label_title{display: block; padding-bottom: 6px; color: #222; font-weight: 500; padding-left: 2px;}
.form_wrap .form_label_title span{padding-left: 6px; color: #4888be;}
.form_wrap textarea{min-height: 200px;}
.form_input{width: 100%; height: 50px; padding: 12px 16px; border: 1px solid #dbdbdb;}
.online_send{width: 100%; padding-top: 50px; padding-bottom: 60px;}
.online_send_btn{width:160px; height: 50px; border-radius: 25px; margin: 0 auto; background-color: #4888be; color: white; text-align: center; line-height: 50px; cursor: pointer;}
.online_send_btn:hover{background-color: white; border: 1px solid #4888be; color: #4888be;}

.customer_news{width: 100%; overflow: hidden;}
.customer_news .news_con{width: 100%; overflow: hidden;}
.customer_news .news_con ul{margin-left: -32px; margin-right: -32px;}
.customer_news .news_con ul li{width: 33.333%;  float: left; padding: 32px;}
.customer_news .news_con ul li .news_img{width: 100%; height: 320px;}
.customer_news .news_con ul li .news_img img{width: 100%; height: 100%;}
.customer_news .news_con ul li h4{display: inline-block;margin-right: -4px; vertical-align: middle;font-size: 1.25rem; width: 100%; text-align: left; padding-top:16px;}
.customer_news .news_con ul li p{display: inline-block;margin-right: -4px; vertical-align: middle; width: 100%; text-align: left;  font-size: 15px;color: #555;}

.customer_news .news_search{position: relative;width:300px; height: 50px;  overflow: hidden; border-radius: 25px; margin:50px auto; border: 1.5px solid #4888be; background-color: white; box-sizing: border-box;}
.customer_news .news_search input{width:100%; padding-right: 44px;padding-left: 20px; height: 100%; float: left; overflow: hidden;}
.customer_news .news_search .news_search_btn{position: absolute; right: 16px; top:50%; transform: translateY(-50%); cursor: pointer;}
.customer_news .news_pagination{width: 100%; text-align: center; margin-top: 60px; cursor: pointer;}
.customer_news .news_pagination .news_page_btn{width: 40px; height: 40px;margin: 0 auto; background-color: #4888be; color: white; font-weight: 700; line-height: 40px;}
input:focus {outline:none;}

/* page_naition */
.pagination_container{padding-top: 60px; display: table; margin: 0 auto;}
.pagination_container .page_item{line-height: 46px; text-align: center; cursor: pointer; display: inline-block; font-size: 16px; margin: 0 8px; position: relative; 
    overflow: hidden; z-index: 1; text-transform: uppercase;}
.pagination_container .page_item.active{font-weight: 700; width: 46px; height: 46px; background-color: #4888be; color: white;}
.pagination_container .page_item::before{content: "";position: absolute; top: 0; left: 0;width: 100%;height: 100%; border-bottom: 2px solid #333;opacity: 0;transform: scaleY(0);-webkit-transition: all 0.3s ease 0s;}
.pagination_container .page_item:hover{text-decoration: underline;} .pagination_container .page_item.arrow:hover{text-decoration: unset; border:1px solid #37b35c;}
.pagination_container .page_item{line-height:46px;  text-align: center;}
.pagination_container .page_item.arrow{font-size:30px; width:46px; height:46px; background-color:white; line-height:1.3;}
.pagination_container .page_item.arrow.next{border:1px solid #aaa;}
.pagination_container .page_item.arrow.prev{border:1px solid #aaa;}
/* ********************************************* *
    news_view
* ********************************************* */
.news_view_con{width: 100%;}
.news_view_con .news_wrap{width: 100%; overflow: hidden;}
.news_view_con .news_wrap .news_top{padding: 16px; width: 100%; border-top: 2px solid #232323; border-bottom: 1px solid #dbdbdb;}
.news_view_con .news_wrap .news_top .table_news{width: 100%; vertical-align: middle;}
.news_view_con .news_wrap .news_top .table_news .news_title{width: 90%; font-size: 1.555rem;}
.news_view_con .news_wrap .news_top .table_news .news_date{width: 10%; color: #808080; font-size: 1rem;vertical-align: middle; text-align: center; padding: 10px;}
.news_view_con .news_wrap .news_top p span:nth-child(1){display: inline-block; margin-right: -4px; padding-right: 10px; vertical-align: middle; margin-bottom: 5px;}
.news_view_con .news_wrap .news_top p .news_file{font-weight: 300; font-size:0.944rem; cursor: pointer;}
.news_view_con .news_wrap .news_top p .news_file:hover{text-decoration: underline;}

.news_view_con .news_wrap .news_con{width: 100%; overflow: hidden; padding: 16px; border-bottom: 1px solid #dbdbdb;}
.news_view_con .news_wrap .news_con .new_con_text{width: 100%; min-height: 360px; padding:32px 0;}

.news_view_con .news_arrow{width: 100%;overflow: hidden;border-bottom:1px solid #dbdbdb;}
.news_view_con .news_arrow .table_arrow{width: 100%;}
.news_view_con .news_arrow .table_arrow tr td{padding: 12px 8px; font-size: 1rem;}
.news_view_con .news_arrow .table_arrow tr:nth-child(1){border-bottom: 1px dotted #dbdbdb;}
.news_view_con .news_arrow .table_arrow .prev td:nth-child(1) span{display: inline-block; width: 0; height: 0; border-bottom: 6px solid none; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-bottom: 6px solid #232323; margin-left: 20px; margin-bottom: 2px;}
.news_view_con .news_arrow .table_arrow .next td:nth-child(1) span{display: inline-block; width: 0; height: 0; border-bottom: 6px solid none; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-top: 6px solid #232323; margin-left: 20px; margin-bottom: 2px;}
.news_view_con .news_arrow .table_arrow .prev .prev_title{cursor: pointer;}
.news_view_con .news_arrow .table_arrow .next .next_title{cursor: pointer;}

.news_view_con .news_arrow .table_arrow tr td:nth-child(1){width: 10%;}
.news_view_con .news_arrow .table_arrow tr td:nth-child(2){width: 80%;}

.news_view_con .news_list_btn{width:100%;}
.news_view_con .news_list_btn span{display: block; width:170px; height: 50px; margin: 50px auto; background-color: #232323; line-height: 50px;text-align: center; line-height: 50px; color:white;}
.news_view_con .news_list_btn span:hover{background-color: white; color: #232323; border: 1px solid #232323;}





/* 문의하기 */
.inquiry_con{width:1200px;max-width: 100%; overflow: hidden; margin: 0 auto;}
.inquiry_con>p{font-size: 16px; text-align: right; padding-bottom: 8px;}
.inquriy_table{width: 100%; overflow: hidden;}
.inquriy_table ul li{width: 50%; overflow: hidden; padding: 32px 8px; border-bottom: 1px dashed #dbdbdb; float: left; height: 141px;}
.inquriy_table ul li:last-child{width: 100%; border-bottom: 1px solid #dbdbdb; height: auto;}
.inquriy_table ul li dl{width: 100%;display: table; table-layout: fixed;}
.inquriy_table ul li dl dd{display: table-cell; vertical-align:top;}
.inquriy_table ul li dl dd:first-child>span{color: #35c685; font-weight: 600; padding-left:10px;}
.inquriy_table ul li dl dd:first-child{width: 135px;}
:lang(en) .inquriy_table ul li dl dd:first-child{width: 163px;}
.inquriy_table ul li dl dd input{width: 92%;  padding:12px 16px; background-color: #f9f9f9;}
.inquriy_table ul li dl dd textarea{width: 100%; height:250px; background-color: #f9f9f9; padding: 16px;}
.inquriy_table ul li dl dd>p{font-size: 15px; padding-top: 10px; color: #797979; word-break: keep-all;}
.gradient-border{width: 100%; border-top: 2px solid #35c685; }
.inquiry_btn_wrap{width: 100%; text-align: center; margin-top: 50px; overflow: hidden;}
.inquiry_btn_wrap ul li{width: 150px; padding: 16px; float: right; color: white; background-color: #35c685;}
.inquiry_btn_wrap ul li:hover{background-color: white; color: #35c685; border: 1px solid #35c685; }
input{outline: none; border: none;}
textarea{outline: none; border: 0; resize: none;}
.email{width: 44%!important;}

/* 공지사항 */
.notice_head{width:100%; overflow: hidden;}
.notice_head ul{display: table; width: 100%; table-layout: fixed; text-align: center;}
.notice_head ul li{display: table-cell;  padding: 24px;}


.notice_body{width: 100%; overflow: hidden;}
.notice_body ul li{width: 100%;  padding: 32px 0;   border-bottom: 1px solid #dbdbdb;}
.notice_body ul li:hover{background-color: #f2f2f2;}
.notice_body ul li dl{width:100%; display: table; table-layout: fixed; }
.notice_body ul li dl dd{display: table-cell; text-align: center; vertical-align: middle;}

.no{width: 120px;}
.title{text-align: left!important;}
.date{width: 200px;}

/* 시공사례 */
.case_con{width: 100%; overflow: hidden;}
.case_con ul{margin-left: -16px; margin-right: -16px;}
.case_con ul li{width: 25%;float: left; padding: 16px;}
.case_con ul li .case_img_wrap{width: 100%; height: 100%; cursor: pointer;}
.case_con ul li .case_img_wrap .case_img{width: 100%; height: 200px;}
.case_con ul li .case_img_wrap .case_img>img{width: 100%; height: 100%; object-fit: cover;}
.case_con ul li .case_img_wrap>p{padding: 8px 0;}


/* 제품소개 */
.product_05_con{width: 100%; overflow: hidden;}
.product_05_top{width: 100%; overflow: hidden; border-top: 2px solid #1dad4c; padding: 48px; text-align: center; background-color: #f8f8f8; margin-bottom:90px;}
.product_05_top>p>span{color: #1dad4c;}
.product_05_center{width: 100%; overflow: hidden; background-color: #f8f8f8; padding: 90px 0; position: relative;}
.product_05_center::before{content: ""; width: 70px; height: 70px; 
    background: url(../img/sub/product05.png)no-repeat; 
    background-position: center; background-size: cover; 
    position: absolute; left: 50%; transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top:-36px;}
.product_05_center>.boundary>ul>li{width: 100%; padding-bottom: 80px;}
.product_05_left{width: 20%; display: inline-block; vertical-align: top; margin-right: -4px; font-size: 25px; font-weight: 600;}
.product_05_left::before{content: "";display: block; width:30px;height: 2px; background-color: #1dad4c; margin-bottom: 20px;}
.product_05_right{width: 80%; display: inline-block; vertical-align: top; margin-right: -4px; padding-top: 24px;}
.character>p{padding: 8px 0;}
.character>p::before{content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #1dad4c; margin-right: 10px;}
.case_ex li{width:33.333%; float: left;}
.pattern>li{width: 100%; margin-bottom: 50px;}
.pattern>li>p{color: #1dad4c; padding-bottom: 10px;}

/* loading */
.loading{width:100%;height:100%;position:fixed;left:0px;top:0px;background:#fff;opacity:0.5;z-index:9999;display:none; /* 이 값으로 레이어의 위치를 조정합니다. */}
.loading_img{position:absolute; top : 50%; margin-top : -100px; left : 50%; margin-left : -100px;};