/* ------------------------------------------------------------- */
/* ------------------- 공통으로 들어가는 부분  ------------------- */
/* ------------------------------------------------------------- */
html{
    font-size:18px; scroll-behavior:smooth; height: 100%; margin: 0;
}

body{
    height: 100%;
    font-weight: 400;
	color:#222;
    width:100%;
    letter-spacing: -0.8px;
	line-height: 1.6;
    font-size: 1rem;
    font-family:'Roboto','Noto Sans KR', sans-serif;
}
:lang(en) .main02{letter-spacing: 0px;}

/* 전체 */
.wrap{max-width: 1920px; width: 100%; position: relative; overflow: hidden;}
/* clearfix */
.clf::before, .clf::after{display:block; content:''; clear: both;}

/* boundary */
.boundary{margin:0 auto; max-width:100%; width:1200px; box-sizing: border-box; position: relative}
.boundary2{margin:0 auto; max-width:100%; width:1600px; box-sizing: border-box; position: relative}

/* 마우스긁었을때 */
::selection{background-color: #333; color: white;}

/* rate */

/* array */

/* button */
.button-wrap{width: 100%;}

input:focus, textarea:focus{outline:1px solid #35c685!important;}

/* ********************************************* *
    header
* ********************************************* */
.header_bg{width:100%; height: 110px; background-color: white;position: absolute; top: 0; left: 0;}
/* .header:hover .header_bg{display: block;} */
/* .nav_inner:hover ul li{color: #232323!important;} */

.header{width: 100%; height:110px; background-color:white; position: fixed; z-index: 999; padding-left: 6.4375%; padding-right:6.4375%;}
.header .main_nav{width:100%; margin: 0 auto; background-color: white; height: 110px; position: relative;}
.header .main_nav .logo{width: 207px; height: 60px; position: absolute; top:20px; left:0px; text-indent: -9999px; 
    overflow: hidden; background: url(../img/logo.png)no-repeat; 
    background-size:contain;background-position: center; z-index: 9998;
}
.header .main_nav .logo a{display: block; width: 100%; height: 100%;}
ul.gnb{position: relative;}
.header .nav_inner{position: relative; text-align: center; padding-top: 32px;}
.header .nav_inner>ul>li::after{content: ""; position: absolute; top: 76px; left: 2px; width:0;height: 2px; background-color: #35c685; transform-origin: 50%;}
.header .nav_inner>ul>li:hover::after{width: 100%;}
.header .nav_inner ul>li{position: relative; display: inline-block; font-weight: 500; vertical-align: top; padding:0 3%; color: #232323;  margin-right: -4px; height: 110px; font-size: 23px;}


:lang(en) .header .nav_inner ul>li{padding: 0 2%; font-size: 22px;}
.header .nav_inner ul>li .sub_deph{display:none; width: 100%; position: absolute; top:78px; left: 0;z-index: 999; }
.header .nav_inner ul>li .sub_deph ul li{font-weight: 400; width:100%; padding: 13px 0; height: 60px; background-color:white;z-index: 999; font-size:19px; }
.header .nav_inner ul>li:hover .sub_deph{display: block;}
.header .nav_inner ul>li .sub_deph ul li:hover{background-color:#f2f2f2;}
:lang(en) .header .nav_inner ul>li .sub_deph ul li{height: auto; padding: 16px 8px;}


.header .language{position: absolute; right:19px; top:40px; color:#232323; font-weight: 300;}
.header .language i{display: inline-block;padding-right: 8px;}
.header .language>p{cursor: pointer; position: relative; font-size: 1.16rem;}
.header .language>p::before{content: "";display: inline-block; margin-bottom:-2px; margin-right: 5px; width:18px; height: 18px; background: url(../img/main/lang_icon.png)no-repeat; background-size: cover; background-position: center;}
.header .language>p>span{position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; 
    border-left:6px solid transparent; 
    border-right:6px solid transparent; 
    border-top: 6px solid #777777;
    margin-left:8px;
}

.header .language ul{transition-duration: 0.2s; height: 0; overflow: hidden;}
.header .language ul li{ padding:4px 24px; position: relative; border-radius: 25px; border: 1px solid #777777; margin: 10px 0 10px 0; background-color:rgba(255, 255, 255, 0.5); }
.header .language ul li:hover{background-color:white!important;}


/* 모바일헤더 */
.mobile_ver{width: 100%;}

.mo_btn_wrap{cursor: pointer;position: absolute; right:0px; top:50%; transform: translateY(-50%); width:33px; height: 20px;} 
/* .mo_btn_wrap span{display: block; width: 100%; height: 3px; margin-bottom:7px; background-color: white;} */
.mo_btn_wrap span{position: absolute; width: 100%; height:2px; background-color:#777777;z-index: 300;}
.mo_btn_wrap span:nth-child(1){top: 0;}
.mo_btn_wrap span:nth-child(2){top:50%;}
.mo_btn_wrap span:nth-child(3){top: 100%;}
.mo_btn_wrap span:last-child{margin-bottom: 0;}

/* ********************************************* *
    footer
* ********************************************* */
.footer{position: relative; width: 100%; background-color: white; color:#5e5e5e; text-align: center; padding:24px 0; border-top:1px solid #eaeaea;}
.footer .footer_text{text-transform: uppercase; font-weight: 500; font-size: 14px; font-weight: 500; word-break: keep-all;}
.footer .footer_text>p{padding: 3px 0; word-break: keep-all;}
.footer .footer_text>p>span{padding-left: 5px;}
.footer .footer_text>p:nth-child(2)>span::before{content: ""; display: inline-block; width: 1px; height: 10px; background-color: #aeaeae; margin-right: 5px;}
.footer .footer_text>p:last-child{color: #686868; padding-top: 8px; font-family: 'Roboto', sans-serif; font-weight: 400;}
.footer .footer_logo{width:128px; overflow: hidden; text-align: center; margin: 0 auto; padding-bottom: 16px;}

.footer .rock{width: 18px; height: 20px; position: absolute; right:18px; bottom: 18px;}
.footer .rock a img{width: 100%;}


/* ********************************************* *
    common_banner
* ********************************************* */
.common_sub_banner{width: 100%; height: 350px; position: relative; margin-top: 110px; }
.common-title{font-size:3.333rem; text-align: center; color: #fff;font-weight: 500; position: absolute; top: calc(50% - 20px); left: 50%; transform: translate(-50%,-50%);}
.common_tab_banner{width: 100%; height: 55px; background-color: rgba(0,0,0,0.3); position: absolute; bottom: 0; left: 0;}
.common_tab_banner .boundary ul li{float: left; position: relative; color:white}
.common_tab_banner .h_btn{display: block; width: 55px; height:55px; text-indent: -9999px;}
.common_tab_banner .h_btn a{display: block; position: relative; width: 100%; height: 100%; position: relative; z-index: 1; padding: 0; border: 0 none;}
.common_tab_banner .h_btn a i{display: block; position: relative; z-index: 1; width: 100%; height: 100%; background: url(../img/sub/h_btn_icon.png)no-repeat; background-size: cover; background-position: center;}
.dropdown{position: relative;}
.common_tab_banner .dropdown{min-width: 255px;}
.common_tab_banner .dropdown>a:hover{background-color: white; color: #232323; border-bottom: 1px solid rgba(0,0,0,0.3);}
.common_tab_banner .dropdown_01>a:hover{border-left: 1px solid rgba(0,0,0,0.3);}
.common_tab_banner .dropdown a{ font-size: 17px; display: block; position: relative; text-align: left; width: 100%; height: 55px; padding: 16px 40px 16px 20px;}
.common_tab_banner .dropdown a>span::after{content: ""; position: absolute; width: 1px; height: 15px; right: 0;  background-color:white; opacity: 0.3;
top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  }

.common_tab_banner .dropdown .dropdown_menu>a:hover{background-color: #f2f2f2;}
.common_tab_banner .dropdown a>span{position: absolute;width: 55px; height: 55px;  right: 0; top: 0; background: url(../img/sub/plus_btn.png)no-repeat; background-size: cover; background-position: center;}
.common_tab_banner .dropdown a:hover span{background: url(../img/sub/plus_btn3.png)no-repeat; background-size: cover; background-position: center;}
.dropdown .dropdown_menu{display:none; width: 100%;background-color: white;border-left: 1px solid #aeaeae; border-right: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; z-index: 100; position: absolute; top:55px;left: 0;}
.dropdown .dropdown_menu .drop_item{display: block;width: 100%; height: 55px; color: #232323;}
.dropdown .dropdown_menu .drop_item>a{display: block; }

/* .comm-tab{display:-webkit-box; display: -ms-flexbox; display: flex; margin-left:auto; margin-right:auto;  line-height: 50px;}
.comm-tab li{float: left; cursor: pointer; color: #fff; text-align: center;}
.comm-tab li span{width: 100%; height: 100%; display: block;}
.comm-tab li.tab-on{background-color: #fff; color: #4888be;} */

.equipment-tab,.customer-tab,.agent-tab{width: 400px;}
.equipment-tab li,.customer-tab li,.agent-tab li{width:50%;}

.product-tab{width: 500px;}
.product-tab li{width:33.333%;}


.company-bg{background: url(../img/sub/company_bg.jpg)no-repeat; background-size: cover; background-position: center; }
.product-bg{background: url(../img/sub/product_bg2.jpg)no-repeat; background-size: cover; background-position: center; }
.equipment-bg{background: url(../img/sub/equipment-bg.png)no-repeat; background-size: cover; background-position: center; }
.customer-bg{background: url(../img/sub/customer_bg.jpg)no-repeat; background-size: cover; background-position: center; }
.tech-bg{background: url(../img/sub/equipment_bg.jpg)no-repeat; background-size: cover; background-position: center; }


.page_btn{width: 35px;height: 40px; text-align: center; border-bottom: 2px solid #232323; font-weight: 600; font-size: 19px; margin: 50px auto 0 auto;}
/* ********************************************* *
    common_title
* ********************************************* */
.sub-body{padding:120px 0;}
.com-sub-title{padding-bottom: 76px;}
.com-sub-title h2{font-size: 2.5rem; line-height: 1; text-align:center; padding-bottom: 15px; font-weight: 500; position: relative;}
/* .com-sub-title 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;} */