/* */
/* 공통탭 */
.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{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
* ********************************************* */
.company-his-con{width: 100%; margin: 0 auto;}
.company-his-year{width: 30%; float: left; padding-top: 20px; font-size:33px; font-weight: 700; text-align:left; position: relative;}
.company-his-inner{width: 70%;display: inline-block; margin-right: -4px; margin-bottom: -8px; border-left: 1px solid #dbdbdb; padding-left: 130px; padding-top:40px;padding-bottom: 40px; position: relative;}

.company-his-inner table{position: relative;}
.company-his-inner table tr td{padding: 8px 0;}
.company-his-inner table tr td:first-child{width:100px; font-weight: 700; padding-right:30px; font-size: 20px;}
.company-his-inner::after{content: ""; position: absolute; z-index: 2; width:65px; height:6px;background-color: #4888be; top:0px; left:0;}
.company-his-inner::before{content: ""; position: absolute; width:125px; height:1px;background-color:#dbdbdb; top: 5px; left: 0;}

.comeway-con{width: 100%; overflow: hidden;}
.comeway-con .comeway-add{width: 100%; overflow: hidden; margin-bottom: 40px;}
.comeway-con .comeway-add ul li{position: relative; width: 25%; 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:35px; 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 h4{width: 100%; text-align: center; font-size:1rem; word-break: keep-all; padding-bottom: 10px;}
.comeway-con .comeway-map{width: 100%; height: 450px;} 



.certi_con{width: 100%; overflow: hidden;}
.certi_con ul{margin-left: -32px; margin-right: -32px;}
.certi_con ul li{width:25%; display: inline-block; margin-right: -4px; vertical-align: middle; padding: 32px;}
.certi_con ul li .certi_img_wrap{width: 100%; padding:32px; background-color: #f1f1f1;}
.certi_con ul li .certi_img_wrap img{width: 100%;}
.certi_con ul li p{width: 100%; height:55px; text-align: center; padding: 16px 0; font-size: 0.888rem;}

.organi_con{width:75%; overflow: hidden; margin: 0 auto;}
.organi_con .ceo{position: relative; width:130px; height: 130px; margin: 0 auto;  line-height: 130px; text-align: center; font-size: 30px; background-color: #27336b; color: white; border-radius: 50%; font-weight: 700;}
.organi_con .ceo::after{content: ""; position: absolute;width: 1px; height: 171px; background-color: #dbdbdb; bottom:-161px; z-index: -2; left: 50%; transform: translateX(-50%);}

.organi_con .organi_center{width: 100%; float: left; position: relative; font-size:17px;}
.organi_con .organi_center::before{content: ""; position: absolute; width:50%; height: 1px; z-index: -2; background-color: #dbdbdb; left: 50%; transform: translateX(-50%); top: 0;}
.organi_con .organi_center li{width: 50%; float: left; text-align: center; padding: 32px 0;}
.organi_con .organi_center li p{position: relative; width:40%; height: 50px; line-height: 50px; margin: 0 auto; border: 1px solid #dbdbdb;  background-color: #4888be; color: white;}
.organi_con .organi_center li p::after{content: ""; position: absolute; width: 1px; height: 100px; z-index: -2; background-color: #dbdbdb; left: 50%; transform: translateX(-50%); bottom:-100px;}
.organi_con .organi_center li p::before{content: ""; position: absolute; width: 1px; height: 50px; z-index: -2; background-color: #dbdbdb; left: 50%; transform: translateX(-50%); top:-33px;}

.organi_con .organi_center2{width: 50%; float: right;}
.organi_con .organi_center2 li{width: 100%; padding: 55px 0;}
.organi_con .organi_center2 li p{ position: relative; width:40%; height: 50px; margin: 0 auto; text-align: center; line-height: 50px; background:#4888be; color: white; border: 1px solid #dbdbdb;}
.organi_con .organi_center2 li p::after{content: ""; position: absolute; z-index: -2; width:76%; height: 1px; background-color: #dbdbdb; left:-76%; top: 50%; transform: translateY(-50%);}

.organi_con .organi_bottom{width: 100%; overflow: hidden;}
.organi_con .organi_bottom>li{width:50%; float: left; text-align: center; padding: 32px 0;}
.organi_con .organi_bottom>li>p{position: relative; width:40%; height: 50px; line-height: 50px;margin: 0 auto; border: 1px solid #dbdbdb; background-color: #f2f2f2; }
.organi_con .organi_bottom>li>p::after{content: ""; position: absolute; width: 1px; height: 26px; bottom: -26px; z-index: 1; left: 49.9%; transform: translateX(-50%);background-color: #dbdbdb; }


.organi_con .organi_bottom .organi_sub{width: 100%;float: left; position: relative;}
.organi_con .organi_bottom .organi_sub::after{content: ""; width:66.9%; height: 1px; background: #dbdbdb; position: absolute; top:24px; left:50%; transform: translateX(-50%);}
.organi_con .organi_bottom .organi_sub li{width:33.333%; float: left; padding: 45px 0;}
.organi_con .organi_bottom .organi_sub li>p::before{z-index: -1; content: ""; width:1px; height: 21px; background: #dbdbdb; position: absolute; top:-21px; left: 50%; transform: translateX(-50%);}
.organi_con .organi_bottom .organi_sub li>p{background-color: white; position: relative; width:90%; margin: 0 auto;height: 50px; line-height: 50px; border: 1px solid #dbdbdb; margin-bottom: 16px;}
.organi_con .organi_bottom .organi_sub li ul li{width: 100%; height: 50px; line-height: 50px; margin: 0 auto;}
.organi_con .organi_bottom .organi_sub2{width: 100%; float: left; position: relative;}
.organi_con .organi_bottom .organi_sub2::after{content: ""; width:50%; height: 1px; background: #dbdbdb; position: absolute; top:24px; left:50%; transform: translateX(-50%);}
.organi_con .organi_bottom .organi_sub2 li{background-color: white; width: 50%; float: left; padding: 45px 0;  position: relative;}
.organi_con .organi_bottom .organi_sub2 li::before{content: ""; width:1px; height: 21px; background: #dbdbdb; position: absolute; top:24px; left: 50%; transform: translateX(-50%);}
.organi_con .organi_bottom .organi_sub2 li>p{width: 60%;margin: 0 auto;  line-height: 50px; height: 50px; text-align: center; border: 1px solid #dbdbdb;}

/* ********************************************* *
    product
* ********************************************* */
.product_con{width:100%; overflow: hidden;}
.product_con ul{width: 100%; margin-left: -16px; margin-right: -16px;}
.product_con ul li{width: 50%; float: left; padding-bottom: 40px; padding: 16px;}
/* .product_con ul li p{width: 100%; text-align: center; font-size: 1rem; padding: 10px 0;  display: inline-block; vertical-align: middle;} */
.product_con ul li .product_img{width: 50%; height: 230px; float: left;}
.product_con ul li .product_img img{width: 100%; height: 100%; border: 1px solid #dbdbdb;}
.product_con ul li .product_text h4{color: #4888be; font-weight: 700; font-size: 20px; padding-bottom: 10px;}


.product_con ul li .product_text{width: 50%; height: auto; overflow: hidden; padding: 10px;}
.product_con ul li .product_text p{width: 100%; height: auto; overflow: hidden; color: #808080; font-size: 0.888rem; word-break: break-all;}
.product_con ul li .product_text p:nth-child(2){padding-bottom: 12px;}

/* ********************************************* *
    equipment
* ********************************************* */
.equipment_con{width: 100%; overflow: hidden;}
.equipment_con .main_equipment_table{width: 100%; margin-bottom: 120px; overflow-x: auto;}
.equipment_con .main_equipment_table table{table-layout: fixed;}
.equipment_con .main_equipment_table table th{word-break: keep-all; padding: 8px; background-color: #ecf3f8; color: #4888be;font-size:1rem; text-align: center; border-top: 2px solid #4888be; padding: 10px 0px;}
.equipment_con .main_equipment_table table th:nth-child(1){min-width: 50px;}
.equipment_con .main_equipment_table table th:nth-child(2){min-width: 175px;}
.equipment_con .main_equipment_table table th:nth-child(4){min-width: 120px;}
.equipment_con .main_equipment_table table th:nth-child(5){min-width: 300px;}
.equipment_con .main_equipment_table table th:nth-child(6){min-width: 150px;}
.equipment_con2 .equipment_table tr{width: 100%;}
.equipment_con .main_equipment_table table td{font-size:16px; text-align: center; padding: 14px; word-break: break-all;}
.equipment_con .main_equipment_table table tbody tr:last-child{border-bottom: 1px solid #dbdbdb;}
.equipment_con .main_equipment_table table tbody tr:nth-child(2n){background-color:#f5f5f5;}

.equipment_con .main_equipment_con{width: 100%; overflow: hidden;}
.equipment_con .main_equipment_con ul li{width: 100%; overflow: hidden; padding-bottom: 80px;}
.equipment_con .main_equipment_con ul li h3{width: 100%; font-size:1.47rem;padding-bottom: 20px; font-weight: 700; text-align: left;}
.equipment_con .main_equipment_con ul li h3 span{color: #4888be; font-size: 1.6875rem; font-weight: 900;}
.equipment_con .main_equipment_con ul li .main_equipment_img{width: 100%; overflow: hidden; margin-bottom: 10px;}
.equipment_con .main_equipment_con ul li .main_equipment_img ul{margin-left: -16px; margin-right: -16px;}
.equipment_con .main_equipment_con ul li .main_equipment_img ul li{width:33.333%;height:350px; float: left; padding: 16px;}
.equipment_con .main_equipment_con ul li .main_equipment_img ul li img{width: 100%; height:100%;}

.equipment_con .main_equipment_con .main_equipment_text{width:100%; overflow: hidden; padding: 16px; border: 1px solid #dbdbdb;}
.equipment_con .main_equipment_con .main_equipment_text p{width: 100%; text-align: left; padding: 4px 16px; position: relative; font-size: 0.95rem;}
.equipment_con .main_equipment_con .main_equipment_text p::before{content: "";position: absolute; left: 0; top: 48%; width: 7px; height: 1px; background-color: #222222;}



.equipment_con2{width: 100%; overflow: hidden; margin-right: -16px; margin-left: -16px;}
.equipment_con2 .equipment_table{width: 50%; float: left; padding: 16px; overflow-x: auto; margin-bottom:40px;}
.equipment_con2 .equipment_table table{table-layout:fixed; width: 100%;}
.equipment_con2 .equipment_table th:nth-child(1){min-width: 30px; width:50px;}
.equipment_con2 .equipment_table th:nth-child(2){min-width: 100px; width:120px;}
.equipment_con2 .equipment_table th:nth-child(3){min-width: 120px;width: 180px;}
.equipment_con2 .equipment_table tr{width: 100%;}
.equipment_con2 .equipment_table th{padding: 8px; background-color: #ecf3f8; color: #4888be;font-size:1rem; text-align: center; border-top: 2px solid #4888be; padding: 10px 0px;}
.equipment_con2 .equipment_table tr td{font-size:16px; text-align: center; padding: 8px; word-break: break-all;}
.equipment_con2 .equipment_table tbody tr:last-child{border-bottom: 1px solid #dbdbdb;}
.equipment_con2 .equipment_table tr:nth-child(2n){background-color: #f5f5f5;}
/* ********************************************* *
    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 #4888be; 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 #4888be; 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 #4888be; 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: #4888be; line-height: 50px;text-align: center; line-height: 50px; color:white;}
.news_view_con .news_list_btn span:hover{background-color: white; color: #4888be; border: 1px solid #4888be;}

/* 문의하기 완료페이지 추가 22-05-16 */
.inquiry_complete{width: 100%; text-align: center;}
.inquiry_complete img{width: 70px; margin: 0 auto 32px auto; animation:img_event 1.2s ease 0s forwards ; }
@keyframes img_event{
    from{opacity: 0; transform: translateY(15px);}
    to{opacity: 1; transform: translateY(0);}
}

.inquiry_complete b{font-size: 30px; word-break: keep-all; line-height: 1.4; display: block; margin-bottom: 8px;}
.inquiry_complete b span{color: #4888be;}
.inquiry_complete p{opacity: 0.7; word-break: keep-all;}
.inquiry_complete .btn_wrap{display: flex; justify-content: center; align-items: center; margin-top: 48px;}
.inquiry_complete .btn_wrap p{padding: 8px; word-break: keep-all;}
.inquiry_complete .btn_wrap a{color: #333; border: 1px solid #ddd; padding:12px 24px; transition-duration: 0.3s; font-size: 16px;}
.inquiry_complete .btn_wrap a:hover{background-color: #4888be; color: #fff; border: 1px solid #4888be;}

/* 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; left: 50%; top: 50%; width: 200px; height: 200px; transform: translateX(-50%); transform: translateY(-50%)}