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

body{
    font-weight: 400;
	color:#222;
    width:100%;
    letter-spacing: -0.8px;
	line-height: 1.6;
    font-size: 1rem;
    font-family:'Hind','Noto Sans KR', sans-serif;
  
}
:lang(ru) body{font-family: 'Open Sans', sans-serif;}
/* 전체 */
.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:1440px; box-sizing: border-box; position: relative}
.boundary2{margin:0 auto; max-width:100%; width:1280px; box-sizing: border-box; position: relative}
.boundary3{margin:0 auto; max-width:100%; width:1024px; box-sizing: border-box; position: relative}

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

/* font */

.fc-or{color: #ffc233;}
.fc-red{color:#09b10f;}
.fc-wh{color:#fff}

/* background-color */
.bc-or{background-color:#ffc233;}
.bc-wh{background-color: #fff;}

/* rate */


/* array */

/* button */
.main01 .button-wrap{margin-top: 100px;}
.button-wrap{width: 200px; margin: 0 auto;}
:lang(ru) .button-wrap{width: auto;}

/* ********************************************* *
    header
* ********************************************* */

.header{width: 100%; height:80px; position: absolute; z-index: 10; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
:lang(ru) .header{height: 95px;}
.header .boundary{position: relative;}
.header .logo{width:140px; position: absolute; top: 38px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
:lang(en) .header .logo{width: 145px;}
:lang(ru) .header .logo{width: 170px; top: 45px;}
.header .logo a{width: 100%; display: block;}
.header .logo img{width: 100%; display: block;}
.header .nav{width: 40%; position: relative; margin: 0 auto;}
:lang(ru) .header .nav{width: 65%;}
.header .nav li a{color: #fff;}
.header .nav .depth-01>li{width: 20%; float: left; text-align: center;}
:lang(ru) .header .nav .depth-01>.header_menu>a{height: 95px; font-size: 17px;
    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; 
}
.header .nav .depth-01>li>a{width: 100%; display: block; line-height: 80px; /* font-size: 1.111rem; */ transition: all .2s; transition: all .3s;}
:lang(ru) .header .nav .depth-01>li>a{line-height: 1.4;}
.header .nav .depth-01>li.active>a{background-color:#ffc233; }
.header .nav .depth-02{background-color: rgba(255,255,255,0.8); display: none; }
.header .nav .depth-02 li a{line-height: 60px; transition: all .2s; font-size: 0.889rem;}
.header .nav .depth-02>li>a{color: #555; display: inline;}
.header .language{position: absolute; right: 0; top: 0; color: #fff;}
.header .language>a{position: relative; padding-right: 16px; font-size:16px; display: block; margin-top: 28px;}
:lang(ru) .header .language>a{margin-top: 33px;}
.header .language>a::before{width: 20px; height: 20px; background: url(../img/language.png)no-repeat; background-position: center; background-size: cover; content: "";
     left: -30px; position: absolute; top: 50%; transform: translateY(-50%);}
.header .language .lang-select{transform: translateY(-50%);  position: absolute; right: 0; top: 50%;
    border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.header .language .lang-select.rotate{transform: rotate(180deg);}
.header .language .lang-box{width: 100%; position: absolute; top: 100%; z-index: 20;  border: 1px solid #fff; display: none; }
.header .language .lang-box li{height: 28px; line-height: 28px; cursor: pointer; text-align: center; font-size: 15px;}
.header .language .lang-box li:nth-child(1), .header .language .lang-box li:nth-child(2){border-bottom: 1px solid #fff;}



/* ********************************************* *
    footer
* ********************************************* */
.footer{width: 100%; background-color: #eee; color:#999; text-align: center; padding:30px 16px;}
.footer p{text-transform: uppercase; font-weight: 400; font-size: 14px;}


/* ********************************************* *
    common_banner
* ********************************************* */
.common_sub_banner{width: 100%; height: 428px; position: relative; }
.common-title{font-size:3.289rem; text-align: center; font-weight: 600; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.common_tab_banner{width: 100%; height: 55px; background-color:#fff; position: absolute; bottom: 0; left: 0; border-bottom: 1px solid rgba(171, 171, 171, 0.5);}
.comm-tab{margin-left:auto; margin-right:auto;  line-height: 55px;
    /* display: flex; display: -webkit-box; display: -ms-flexbox;  */
  
}
.comm-tab li{float: left; cursor: pointer; color: #333; text-align: center;}
.comm-tab li span{width: 100%; height: 100%; display: block;}
.comm-tab li.tab-on{background-color: #fff; color:#ffc233;}
.comm-tab li.tab-on::after{content: ""; display: block; width: 100%; height: 2px; background-color: #ffc233; margin-top: -2px;}

.company-tab{width: 500px;}
:lang(ru) .company-tab{width: 100%;}
.company-tab li{width: 33.333%;}

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

.equipment-tab{width: 196px; max-width: 100%;}
:lang(ru) .equipment-tab{width: 225px; max-width: 100%;}
.equipment-tab li{width: 100%;}
.product-tab{width: 450px; max-width: 100%;}

:lang(ru) .product-tab{width: 625px; max-width: 100%;}


.company-bg{background: url(../img/sub/company_bg2.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-bg2.jpg)no-repeat; background-size: cover; background-position: center; }
.customer-bg{background: url(../img/sub/customer-bg2.jpg)no-repeat; background-size: cover; background-position: center; }
.agent-bg{background: url(../img/sub/agent-bg2.jpg)no-repeat; background-size: cover; background-position: center; }

/* ********************************************* *
    common_title
* ********************************************* */
.sub-body{padding:120px 0}
.com-sub-title{padding-bottom: 40px;}
.com-sub-title h2{font-size: 2.222rem; line-height: 1; text-align: center; padding-bottom: 15px;}
.com-sub-title .sub-title-line{width: 54px; height: 3px; background-color:#ffc233; margin: 0 auto; display: block;}