/* 공통탭 */
.sub-tab-list{width: 100%;}
.sub-tab-list li{ cursor: pointer; font-size:0.8889rem;float: left;text-align: center;height:45px; line-height: 45px; border-left: 1px solid #ddd;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
:lang(ru) .sub-tab-list li{word-break: break-all;}
:lang(ru) .sub-tab-list li:first-child{border-left: 1px solid #ddd;}
:lang(ru) .sub-tab-list li{border-right: 1px solid #ddd; border-left: 0; border-bottom: 0;}
:lang(ru) .sub-tab-list li:nth-child(4){border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
:lang(ru) .sub-tab-list li:nth-child(5), :lang(ru) .sub-tab-list li:nth-child(6){border-bottom: 1px solid #ddd;}
:lang(ru) .equipment-tab-list{border-bottom: 1px solid #ddd; 
    display: -webkit-box; display: -ms-flexbox; display: flex;
    flex-direction: row; flex-wrap: wrap; 
}
:lang(ru) .equipment-tab-list>li{ height: auto; line-height: 1.4; padding: 16px;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; 
    align-items: center; -webkit-box-align: center; -ms-flex-align: center; 
 
}
.sub-tab-list li:last-child{border-right: 1px solid #ddd;}
.sub-tab-list li:hover{background-color: #ffc233; color: #fff; border: 1px solid #ffc233;}
.sub-tab-list li.p-on{background-color: #ffc233; color: #fff; border: 1px solid #ffc233!important;}
.product-tab-list2 li>p:hover{background-color: #f5f5f5; color: #ffc233;}
.product-tab-list2 li p.p-on{background-color: #f5f5f5; color: #ffc233;}

.mobile-con-tab li{position: relative; width: 100%; height: 55px; z-index: 3; cursor: pointer; line-height: 55px; text-align: center; color:#ffc233; background-color: white; border-bottom: 2px solid #ffc233;}
.mobile-con-tab>li>a{pointer-events: none;}
.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: #ffc233; color: white; border-bottom: 1px solid #ececec;}
.mobile-con-sub-tab li a{ display: block; width: 100%; height: 100%;}
.mobile-con-tab li a 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 #ffc233; margin-left: 20px;}
/* ********************************************* *
    company
* ********************************************* */
.company-ceo-con{width: 100%; text-align: center; margin-top: 100px;position: relative;}
.company-greeting-bg{width: 100%; position: absolute; z-index: -1;bottom:-150px; left: 50%; transform: translateX(-50%);}
.company-ceo-con p:first-child{font-size: 25px;margin-bottom: 20px}
.company-ceo-con p{margin-bottom: 40px; font-size: 18px; word-break: keep-all;}
.company-ceo-con p span{display: block; font-weight: 400; padding: 5px 0;}
.company-ceo-border{font-weight: 700; font-size: 24px;}
.company-ceo-name{font-size: 22px; font-weight: 700; padding-left: 10px;}
.company-ceo-con p:last-child span{font-size: 16px;}
.company-ceo-con p:nth-child(2) span b{font-weight: 900;}

.company-his-con{width: 100%; margin: 0 auto;}
.company-his-month{width: 40%; float: left; padding-top: 20px; font-size:33px; font-weight: 700; text-align: center; position: relative;}
.company-his-inner{width: 60%;display: inline-block; margin-right: -4px; margin-bottom: -8px; border-left: 1px solid #dbdbdb; padding-left: 130px; padding-top:20px; position: relative;}
.company-his-month::before{content: ""; position: absolute; z-index:2; width:18px; height: 18px; border-radius: 50%; background-color:white; border: 4px solid #ffc233; top: 0; right:-10px;}
.company-his-inner table{margin-bottom: 50px; position: relative;}
.company-his-inner table tr td{padding: 8px 0;}
.company-his-inner table tr td:first-child{font-weight: 700; padding-right:30px; font-size: 20px;}
.company-his-con:last-child .company-his-inner::after{content: ""; position: absolute; z-index: 2; width:18px; height: 18px; border-radius: 50%; background-color:white; border: 4px solid #ffc233; bottom:0px; left:-10px;}

.company-certi-con{width: 100%; overflow: hidden;}
.company-certi-con ul li{width: 33.333%; display: inline-block; padding: 0 48px 48px 48px; margin-right: -4px; vertical-align: top;}
.company-certi-img{width: 100%;border: 1px solid #ddd;}
.company-certi-img>img{width: 100%; -ms-interpolation-mode:bicubic;}
.company-certi-con ul li p{width: 100%; word-break: keep-all; text-align: center; padding:16px; font-size: 17px;}


.company-ceo-con .video_con{position: relative; width: 960px; max-width: 100%; height: 510px; margin: 0 auto 100px auto; overflow: hidden;}
.company-ceo-con .video_con iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.company-ceo-con .video_con .ru iframe{display: none;}
:lang(en).company-ceo-con .video_con .ru iframe{display: none;}
:lang(ru).company-ceo-con .video_con .eng iframe{display: none;}
:lang(ru).company-ceo-con .video_con .ru iframe{display: block!important;}

/*연혁*/
.history_con{width: 100%; overflow: hidden;}
.history_con .his_list{width: 100%; overflow: hidden;position: relative;}
.history_con .his_list .history_img{width: 100%; position: relative; }
.history_con .his_list .history_img_in{width: 100%; height: 280px;}
.history_con .his_list .history_img_in .history_img_inner{width: 100%; height: 100%; background-position: 80%; }
.history_con .his_list .history_img .history_img_text{width: 100%; overflow: hidden; position: absolute; text-align: left; top: 50%; padding: 0 64px; 
    transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    color: #fff; 
}
.history_con .his_list .history_img .history_img_text p{font-size:2.222rem; font-weight: 700; padding-bottom: 8px;}
.history_con .his_list .history_img .history_img_text span{display: block;}
.history_con .his_list .history_list_inner{position: relative; width: 100%; overflow: hidden; margin: 56px 0 72px 0;}
.history_con .his_list .history_list_inner::after{content: ""; position: absolute; width: 1px; height: 100%; background-color: #dbdbdb;
    left: 50%; top: 27px; 
}
.history_con .his_list .history_list_inner>ul>li .his_list_in ul{margin-bottom: 16px;}
.history_con .his_list .history_list_inner>ul>li{position: relative; margin-bottom: 32px;}
.history_con .his_list .history_list_inner>ul>li strong{display: block; font-size:33px; font-weight: 500; padding-bottom: 8px; position: relative; letter-spacing: -0.7px; font-weight: 600;  }
.history_con .his_list .history_list_inner>ul>li:nth-child(odd){text-align: left; padding-left: 50%;}
.history_con .his_list .history_list_inner>ul>li:nth-child(even){text-align: right; padding-right: 50%;}
.history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in{padding-left: 32px; padding-top: 16px;}
.history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in{padding-right: 32px;  padding-top: 16px;}
.history_con .his_list .history_list_inner>ul>li:nth-child(odd) strong::after{content: ""; position: absolute; width: 15px; height: 15px; top: 11px; right: -38px; border: 3px solid #ffc233; border-radius: 50%;z-index:5; background-color:#fff!important;}
.history_con .his_list .history_list_inner>ul>li:nth-child(even) strong::after{content: ""; position: absolute; width: 15px; height: 15px; top: 11px; right: -40px; border: 3px solid #ffc233; border-radius: 50%;z-index:5; background-color:#fff!important;}
.history_con .his_list .history_list_inner>ul>li:first-child strong::after{content: ""; position: absolute; width: 15px; height: 15px; top: 11px; left: -39px; border: 3px solid #ffc233; border-radius: 50%;z-index:5; background-color:#fff!important;}

.history_con .his_list .history_list_inner>ul>li .his_list_in ul b{display: block; color: #ffc233; font-size: 1.111rem; margin-bottom: 4px;}
.history_con .his_list .history_list_inner>ul>li .his_list_in ul li{font-size:0.9444rem; position: relative; padding:4px 0; line-height: 1.5;}
.history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in ul li{padding-left: 16px;}
.history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in ul li{padding-right: 16px;}
.history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in ul li::after{ content:""; width: 5px; height: 2px;position: absolute; left: 0; top: 15px; background-color: #666; }
.history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in ul li::before{ content:""; width: 5px; height: 2px;position: absolute;right: 0; top: 15px;  background-color: #666; }

.history_right-text{text-align: right!important;}




/* 페이지네이션 */
.pagination{text-align: center; margin-top: 60px; width: auto; font-size: 0;}
.pagination .page a{display: inline-block; min-width: 34px; height: 34px; font-size: 15px; line-height: 34px; cursor:pointer;
color:#333; box-sizing: border-box; border: 1px solid #ddd; vertical-align: top; text-align: center; margin: 0 7px; }
.pagination .page a.active, .pagination .page a:hover{color:#fff; background-color: #ffc233;}




/* ********************************************* *
    product
* ********************************************* */
.product-lng-text-box{width: 100%; margin-bottom: 16px;}
.product-lng-text-box p{padding-bottom: 40px; text-align: center; font-weight: 300; font-size: 0.8889rem; letter-spacing: -0.1px; word-break: keep-all; text-align: center;}
:lang(ru) .product-lng-text-box p{word-break: break-all;}
.product-lng-text-box .p-txt-con2{background-color: #f5f5f5; padding: 45px; font-size: 1rem; font-weight: 400;}
.product-lng-text-box p span{display: block;}
.product-lng-text-box p span>b{color: #09b10f; font-weight: 600;}

.product-tab-list li{width: 16.6666%;}
:lang(ru) .product-tab-list li{width: 33.333%;}
.product-tab-list2{margin-top: 16px;}
.product-tab-list2 li{width: 16.6666%; border:0!important; height: auto; border-radius: 55px; 
     padding:8px;  background-color: inherit!important; color: #333!important;
     display: inline-block; vertical-align: top; margin-right: -4px; float: inherit;
    }
.product-tab-list2{margin-right: -8px; margin-left: -8px;}
.product-tab-list2 li>p{border: 1px solid #ddd; border-radius: 55px; line-height: 1.4; padding:8px 16px; font-size: 15px;}
.product-tab-list2 li p.p-on2{background-color: #f5f5f5; border: 1px solid #ffc233!important; color: #ffc233; }
:lang(ru) .product-tab-list2{display: flex;flex-wrap: wrap;}
:lang(ru) .product-tab-list2 li>p{ height: 100%; line-height: 1.4;
    display: flex; display: -webkit-box; display: -ms-flexbox; 
justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; 
align-items: center; -webkit-box-align: center; -ms-flex-align: center; 
flex-direction: column; -webkit-box-orient: vertical; -ms-flex-direction: column; 
}
.product-con h4{font-size:1.875rem; padding-top:80px;}
.product-con>span{display: block; color: #777; font-size:1.2rem;}
.product-img-list{margin-left: -16px; margin-right: -16px;}
.product-img-list li{width: 33.333%; float: left; padding:16px}
.product-img-list li .pro-img{width: 100%;border: 1px solid #ddd; height: 280px; background-color: #f5f5f5; }
.product-img-list li .pro-img img{width: 100%; height: 100%; display: block; object-fit: cover; -ms-interpolation-mode:bicubic; }



.pro-feature{width: 100%; padding:20px 0;}
.pro-feature .in{width: 100%; background-color: #f5f5f5; padding:20px}
.pro-feature .in p{position: relative; padding-left: 20px; font-weight: 300; font-size: 16px;}
.pro-feature .in p::before{position: absolute; width: 5px; height: 5px; border-radius: 100%; background-color:#ffc233; top: 10px; left: 0; content: "";}
.product_hose{padding-top: 80px;}
.hose .product_hose .product-img-list{margin-left: -16px; margin-right: -16px;}
.hose .product_hose .product-img-list li{padding:16px;}




.product_list{width: 100%; overflow: hidden;}
.product_list>.inner{width: 100%; overflow: hidden;}
.product_list>.inner ul{margin-left: -16px; margin-right: -16px;}
.product_list>.inner ul li{width: 33.333%; display: inline-block; vertical-align: top; margin-right: -5px; padding: 16px;}
.product_list>.inner ul li .con_wrap{width: 100%; overflow: hidden;  }
.product_list>.inner ul li .con_wrap .img_wrap{width: 100%; overflow: hidden; border: 1px solid #ddd; cursor: pointer; transition-duration: 0.3s; }
.product_list>.inner ul li .con_wrap .img_wrap:hover{border: 6px solid #ffc233;}
.product_list>.inner ul li .con_wrap .img_wrap .img_inner{width: 100%; padding-bottom: 70%;}
.product_list>.inner ul li .con_wrap .text_wrap{width: 100%; text-align: center; padding: 8px; font-weight: 600; font-size: 23px; word-break: keep-all;}
.hotpad_top_text{width: 60%; text-align: center; padding: 45px; margin: 8px auto 0 auto; }
.hotpad_top_text>span{color: #09b10f; font-weight: 600;}


.hotpad_con{width: 100%;}
.hotpad_con .hotpad_top_con{width: 100%; }
.hotpad_con .hotpad_top_con>.inner{width: 100%; }
.hotpad_con .hotpad_top_con>.inner>.title{text-align: center; font-size: 30px; font-weight: 600; padding: 48px 0; position: relative;}
.hotpad_con .hotpad_top_con>.inner>.title>p{display: table; overflow: hidden; position: relative; margin: 0 auto;}
.hotpad_con .hotpad_top_con>.inner>.title>p::after{content: ""; position: absolute; left: 0; bottom: 10px; width: 100%; height: 15px; background-color: rgba(255, 194, 51, 0.6); z-index:-1;}
.hotpad_con .hotpad_top_con>.inner>.top_text{width: 100%; overflow: hidden; padding-bottom: 62px;}
.hotpad_con .hotpad_top_con>.inner>.top_text>p{width: 80%; margin: 0 auto; text-align: center; font-size: 18px; word-break: keep-all; letter-spacing: 0.3px;}
.hotpad_con .hotpad_top_con>.inner>.top_text>p>span{color: #09b10f; font-weight: 600;}
.hotpad_con .hotpad_top_con>.inner>.img_con{width: 60%; display: inline-block; vertical-align: middle; margin-right: -5px; overflow: hidden; }
.hotpad_con .hotpad_top_con>.inner>.img_con ul{margin-left: -16px; margin-right: -16px;}
.hotpad_con .hotpad_top_con>.inner>.img_con ul li{width: 50%; display: inline-block; vertical-align: top; margin-right: -5px; padding: 16px;}
.hotpad_con .hotpad_top_con>.inner>.img_con ul li .img_wrap{width: 100%; overflow: hidden; }
.hotpad_con .hotpad_top_con>.inner>.img_con ul li .img_wrap .img_inner{width:100%; height: 280px;}
.hotpad_con .hotpad_top_con>.inner .table_wrap{width: 40%; display: inline-block; vertical-align: top; margin-right: -5px; overflow: hidden; padding-left: 32px; padding-top: 16px;}
.hotpad_con .hotpad_top_con>.inner .table_wrap table{ border-top: 2px solid #333; vertical-align: middle;}
.hotpad_con .hotpad_top_con>.inner .table_wrap tr td{border-right: 1px solid #ddd; padding:8px 16px ; border-bottom: 1px solid #ddd; color: #555;}
.hotpad_con .hotpad_top_con>.inner .table_wrap tr td:last-child{border-right: 0;}
.hotpad_con .hotpad_top_con>.inner .table_wrap tr th:last-child{border-right: 0;}
.hotpad_con .hotpad_top_con>.inner .table_wrap tr th{ border-right: 1px solid #ddd;padding:8px 16px; border-bottom: 1px solid #ddd; font-weight: 500; background-color: #f5f5f5;}
.product_list_on{display:block;}
.hotpad_con .hotpad_top_con>.inner .produc_video_con{width: 100%; }
.hotpad_con .hotpad_top_con>.inner .produc_video_con .video_con{width: 100%; position: relative; padding-bottom: 56.3%; box-shadow: 2px 1px 3px #e8e8e8;}
.hotpad_con .hotpad_top_con>.inner .produc_video_con .video_con>iframe{width: 100%;  height: 100%; position: absolute; left: 0; top: 0;}
.hotpad_con .hotpad_top_con>.inner .produc_video_con .video_con>video{width: 100%;  height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #ddd;}
.hotpad_con .hotpad_top_con>.inner .produc_video_con .img_con{width: 100%; overflow: hidden;}
.hotpad_con .hotpad_top_con>.inner .produc_video_con .img_con .inner{width: 100%; overflow: hidden;}
.hotpad_con .hotpad_top_con>.inner .produc_video_con .img_con .inner ul{margin-left: -16px; margin-right: -24px;}
.hotpad_con .hotpad_top_con>.inner .produc_video_con .img_con .inner ul li{width: 33.333%; display: inline-block; vertical-align: top; margin-right: -4px; padding: 16px;}
.hotpad_con .hotpad_top_con>.inner .produc_video_con .img_con .inner ul li .img_wrap{width: 100%; overflow: hidden;}
.hotpad_con .hotpad_top_con>.inner .produc_video_con .img_con .inner ul li .img_wrap .img_in{width: 100%; padding-bottom: 70%; border: 1px solid #ddd; }







/* ********************************************* *
   agent
* ********************************************* */
.agent-con h4{padding: 0 20px; font-size: 1.875rem; padding-top: 80px;}
:lang(ru) .agent-con h4{padding-bottom: 8px;}
.agent-feature{padding:20px;}
.agent-feature .in{position: relative;}
.agent-feature .in::before{content: "";  width: 4px; height: 100%; background-color: #ffc233; position: absolute; left: 0; top: 0;}
.agent-feature .in p{padding-left: 20px; font-size: 16px; text-transform: uppercase; color: #444; }
.agent-tab-list li{width: 20%; float: left; padding:0 1.388% 20px; }
:lang(ru) .agent-tab-list{display: flex; flex-wrap: wrap;}
:lang(ru) .agent-tab-list li{border-bottom: 1px solid #ddd; height: auto; padding: 16px; line-height: 1.4;
    display: flex; display: -webkit-box; display: -ms-flexbox; 
    justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; 
    align-items: center; -webkit-box-align: center; -ms-flex-align: center; 
    flex-direction: column; -webkit-box-orient: vertical; -ms-flex-direction: column; 
}
:lang(ru) .agent-tab-list li:nth-child(3){border-right:0;}
.agent-img-list li{width: 25%; float: left; padding:0 1.388% 20px; }

.agent-img-list>li p{font-size: 16px; padding-top: 10px; line-height: 1.2; color: #666; font-weight: 300; letter-spacing: .2px; text-transform: uppercase;}
.agent-img-list>li p span{display: block;}

.agent-img{width: 100%; height: 252px; position: relative; cursor: pointer;}
.agent-img img{width: 100%; height: 100%; object-fit: cover; display: block; -ms-interpolation-mode:bicubic;}
.agent-hover-bg{width: 100%; height: 100%; position: absolute; transition: all .3s; top: 0; left: 0; opacity: 0; background-image:linear-gradient(to right, rgba(215,165,52,0.7) 0%, rgba(51,51,51,0.7)120%);}
.agent-img:hover .agent-hover-bg{opacity: 1;}

.agent-hover-bg .plusbtn{display: block; width: 50px; height: 50px; top: 47%; left: 50%; position: absolute; transform: translate(-50%,-50%);
    background: url(../img/main/plus-btn.png)no-repeat; background-size: cover; background-position: center;}
.agent-hover-bg .more{color:#fff; text-align: center; width: 100%; font-weight: 300; display: block; position: absolute; top: 63%;}

.agent-con:nth-child(3) ul li:nth-child(2) img,.agent-con:nth-child(3) ul li:nth-child(3) img{border: 1px solid #dbdbdb; padding: 16px; -ms-interpolation-mode:bicubic;}
.agent_point{letter-spacing: 1px; color: #ffc233; font-size:1.3rem; padding-top: 0; font-weight: 600;word-break: keep-all; color: #ffc233;}
.metso-con-inner p:last-child{position: relative; width: 57.5%; margin: 0 auto; margin-bottom: 70px; padding: 40px;}
:lang(ru) .metso-con-inner p:last-child{padding: 16px 32px;}
.metso-con-inner p:last-child::before{position: absolute; top:22px; left: 0; content: ""; background: url(../img/sub/agent/agent_bracket01.png)no-repeat;width: 35px; height: 103px;}
.metso-con-inner p:last-child::after{position: absolute; top:22px; right: 0; content: ""; background: url(../img/sub/agent/agent_bracket02.png)no-repeat;width: 35px; height: 103px;}

.metso-con{width: 100%; overflow: hidden;}
.metso-con-inner{width: 100%;overflow:hidden; border-bottom: 1px dotted #ddd;}
.metso-title-img{width: 230px; height:70px; margin: 0 auto; margin-bottom: 26px;}
.metso-title-img>img{width: 100%; -ms-interpolation-mode:bicubic;}
.metso-btn{width:165px; height:40px;margin: 0 auto; background-color:#ffc233; border-radius:25px; text-align: center; line-height: 40px; color: white; cursor: pointer;}
.metso-btn:hover{background-color: #ffc233;}
.metso-con-inner{width: 100%; text-align: center;}
.metso-con-inner p{width: 100%; padding-top: 40px; padding-bottom: 70px;}
.metso-con-inner p span{display: block;}

.metso-con-inner2{width: 100%; overflow: hidden; padding-top: 65px; position: relative;}
.metso-con-bg{width: 100%; margin: 0 auto; position: relative;}
.metso-con-text{width:60%; background-color:#ffc233; color: white; padding: 32px; text-align: center; position: absolute; top: 50%; left: 50%; margin-left: -30%; transform: translateY(-40%);}
.metso-con-text span{display: block;}

/* ********************************************* *
    equipment
* ********************************************* */

.equipment-tab-list li{width: 33.333%;}


/* ********************************************* *
    customer
* ********************************************* */
.customer-con{width: 100%; display: inline-block; margin-right: -4px; padding-top: 80px;}
.customer-map{width: 50%; height: 480px; float: left;}
.customer-map>iframe:nth-child(2){display: none;}
.customer-add{width: 50%; float: left; padding: 90px 0 0 100px;}
.customer-add table{width:100%;}
.customer-add table tr td:first-child{font-weight: 900;font-size: 20px; color: #ffc233;}
.customer-add table tr td:nth-child(2){padding-left: 16px;}
.customer-add table tr td{ font-size:18px; padding: 16px 0;}

.customer-online-con{width: 100%; overflow: hidden}
.online_con{width:80%; 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;}
.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: #ffc233;}
.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;}
.online_send_btn{width:160px; height: 50px; margin: 0 auto; background-color: #ffc233; color: white; text-align: center; line-height: 50px; cursor: pointer;}
.online_send_btn:hover{background-color: white; border: 1px solid #ffc233; color: #ffc233;}