/*Common*/
/* .sub-section-wrap {
    padding-top:60px;
} */

.sub-section--tit {
    font-size:2.2rem;
    font-weight:700;
    color:var(--v-grey-2-base);
    /* padding-bottom:16px; */
    position:relative;
}

.sub-section-tit--lines {
    width:18px;
    height:2px;
    background-color: var(--v-grey-2-base);
    margin:16px auto 0px;
}

@media (min-width:768px) {
    /* .sub-section-wrap {
        padding-top:80px;
    } */
    .sub-section--tit {
        font-size:3.2rem;
        /* padding-bottom:26px; */
    }

    .sub-section-tit--lines {
        margin:26px auto 0px;
    }
}

@media (min-width:1024px) {
    /* .sub-section-wrap {
        padding-top:160px;
    } */
    .sub-section--tit {
        font-size:4.8rem;
        /* padding-bottom:38px; */
    }
    .sub-section-tit--lines {
        margin:38px auto 0px;
        width:36px;
        height:4px;
    }

}

/*Position*/
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}

/*Font Weight*/
.font-weight-100 {
    font-weight: 100;
}
.font-weight-200 {
    font-weight: 200;
}
.font-weight-300 {
    font-weight: 300;
}
.font-weight-500 {
    font-weight: 500;
}
.font-weight-600 {
    font-weight: 600;
}
.font-weight-700 {
    font-weight: 700;
}
.font-weight-800 {
    font-weight: 800;
}
.font-weight-900 {
    font-weight: 900;
}

/*Sub Tab*/
.sub-tab {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.sub-tab .sub-tab__li {
    flex: 1 1 auto;
    -webkit-transition: all ease-out .2s; -ms-transition: all ease-out .2s; transition: all ease-out .2s;
    border: 1px solid #e6e6e6;
    margin-left: -1px;
    margin-bottom: -1px;
}

.sub-tab.sub-tab--product {
    border:1px solid #e6e6e6;
    margin-top:-1px;
    margin-right: -1px;
}

.sub-tab.sub-tab--product .sub-tab__li {width:50%;}

.sub-tab .sub-tab__li .button {
    color:var(--v-grey-2-base);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 40px;
    font-size: 1.2rem;
    padding:0 6px;
    letter-spacing:-0.03em;
    background-color:transparent;
    -webkit-transition: all ease-out .15s; -ms-transition: all ease-out .15s; transition: all ease-out .15s;
}

.sub-tab li.active .button {
    background-color: var(--v-grey-2-base);
    color:#fff;
}

.sub-tab-contents {
    position: relative;
}

.sub-tab-contents > li { display: none; position: absolute; top: 0; left: 0; }
.sub-tab-contents > li.active { display: block; height:auto; position:relative; animation: contents-on ease-in-out .5s forwards; }

@media (min-width:640px) {
    .sub-tab.sub-tab--product .sub-tab__li {width:auto;}

    .sub-tab.four-sub--tab .sub-tab__li {
        flex:1 1 25%;
    }


    .five-sub--tab  .sub-tab__li {
        flex:1 1 20%;
    }
}

@media (min-width:768px){


    .sub-tab.six-sub--tab .sub-tab__li {
        flex:1 1 33.33%;
    }

}
@media (min-width:1024px){
    .sub-tab .sub-tab__li .button {
        font-size:1.8rem;
        min-height:60px;
    }
}

@media (min-width:1200px) {
    .sub-tab.six-sub--tab .sub-tab__li {
        flex:1 1 16.6667%;
    }
}

/*Company*/
/*Company About Css [S]*/
.sub-section--about .con-about--inner {
    display:flex;
    flex-wrap: wrap;
}

.sub-section--about .con-about--inner .con-about__left {
    width:100%;
}

.sub-section--about .con-about--inner .con-about__left img {
    display:block;
}

.sub-section--about .con-about--inner .con-about__right {
    width:100%;
    padding-left:0px;
}

.sub-section--about .con-about--inner .con-about__right p {
    font-size:1.4rem;
    color:var(--v-grey-2-base);
}

.sub-section--about .con-about--inner .con-about__right p:last-child {
    font-weight:700;
}

.sub-section--about .con-about--inner .con-about__right p.about-right__tit {
    font-size:2.2rem;
    font-weight:700;
    color:var(--v-grey-2-base);
    padding:10px 0px 16px;
}

@media (min-width:768px) {

    .sub-section--about .con-about--inner .con-about__right p {
        font-size:1.6rem;
    }


}
@media (min-width:1024px) {

    .sub-section--about .con-about--inner .con-about__left {
        width:480px;
    }

    .sub-section--about .con-about--inner .con-about__right {
        width:calc(100% - 480px);
        padding-left:40px;
    }

    .sub-section--about .con-about--inner .con-about__right p {
        font-size:1.8rem;
    }

    .sub-section--about .con-about--inner .con-about__right p.about-right__tit {
        font-size:3.4rem;
        padding:20px 0px 32px;
    }


}
@media (min-width:1200px) {

    .sub-section--about .con-about--inner .con-about__right {
        padding-left:80px;
    }

}

/*Company About Css [E]*/
/*Company Partner Css [S]*/
.sub-section--global .global-images .global-mo {
    display:block;
}

.sub-section--global .global-images .global-pc {
    display: none;
}

.sub-section--partner::after {
    content:"";
    display: block;
    width:100vw;
    height:100%;
    background-color:var(--v-grey-f7-base);
    position: absolute;
    top:0;
    left:50%;
    -ms-transform: translateX(-50%);
    -webkit-ransform: translateX(-50%);
    transform: translateX(-50%);
    z-index:0;
}

.sub-section--partner .partner-layer {
    z-index:1;
}

.sub-section--partner .partner-row {
    display: flex;
    flex-wrap:wrap;
    flex-wrap:1 1 auto;
    margin:-5px;
}

.sub-section--partner .partner-col {
    flex:1 1 50%;
    max-width:50%;
    padding:5px;
}

.sub-section--partner .u-card-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#fff;
    width: 100%;
    height: 70px;
    padding:10px 12px;
    border:1px solid #e6e6e6;
}

.sub-section--partner .u-card-logo img {
    max-height:100%;
}


.china-location-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.china-location-wrap div {
    border:1px solid #eeeeee;
    width:100%;
    text-align: center;
    padding:12px 10px;
}

.china-location-wrap div:first-child {
    margin-top:40px;
}
.china-location-wrap div:last-child {
    margin-top:20px;
    margin-bottom:60px;
}


@media (min-width:768px) {
    .sub-section--global .global-images .global-mo {
        display: none;
    }
    .sub-section--global .global-images .global-pc {
        display:block;
    }

    .china-location-wrap div:last-child {
        margin-bottom:80px;
    }

}
@media (min-width:1024px){

    .sub-section--partner .partner-row {
        margin:-10px;
    }

    .sub-section--partner .partner-col {
        flex:1 1 25%;
        max-width:25%;
        padding:10px;
    }
    .sub-section--partner .u-card-logo {
        height:100px;
    }

    .china-location-wrap div {
        padding:24px 20px;
    }

    .china-location-wrap div:last-child {
        margin-bottom:160px;
    }

}
/*Company Partner Css [E]*/
/*Company Location Css [S]*/
.sub-section--location iframe {
    display: block;
}

.sub-section--location .location-info p {
    font-weight:700;
    color:var(--v-grey-2-base);
    font-size:2rem;
    padding-bottom:10px;
    position: relative;
}
.sub-section--location .location-info p::after {
    content:"";
    display:block;
    width:100%;
    height:2px;
    background-color:var(--v-grey-2-base);
    position: absolute;
    bottom:0;
    left:0;
}

.sub-section--location .location-info ul {
    display:flex;
    flex-wrap: wrap;
    padding:15px 0px;
    margin:-8px -10px;
}

.sub-section--location .location-info li {
    display: flex;
    align-items: center;
    padding:8px 10px;
    flex:1 1 100%;
    max-width:100%;
}

.sub-section--location .location-info span {
    font-size:1.4rem;
    color:var(--v-grey-7e-base);
}

.sub-section--location .location-info span.icon-tit {
    font-weight:700;
    color:var(--v-grey-2-base);
    display: flex;
    align-items: center;
    margin-right:5px;
}

.sub-section--location .location-info span.icon-tit i {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    display: block;
    margin-right:6px;
}

.sub-section--location .location-info span.icon-address i {
    background-image: url('/res/images/sub/company/location/address-icon.svg');
    width:15px;
    height:20px;
}
.sub-section--location .location-info span.icon-tel i {
    background-image: url('/res/images/sub/company/location/tel-icon.svg');
    width:19px;
    height:19px;
}
.sub-section--location .location-info span.icon-fax i {
    background-image: url('/res/images/sub/company/location/fax-icon.svg');
    width:20px;
    height:16px;
}
.sub-section--location .location-info span.icon-mail i {
    background-image: url('/res/images/sub/company/location/mail-icon.svg');
    width:20px;
    height:12px;
}

.sub-section--location .location-maps {
    position: relative;
    width:100%;
    height:280px;
    padding-top:0px;
}

.sub-section--location .maps {
    width:100vw;
    height:100%;
    position: absolute;
    top:50%;
    left:50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

@media (min-width:640px) {

    .sub-section--location .location-info li {
        flex:0 0 50%;
    }

}

@media (min-width:1024px) {
    .sub-section--location .location-info p {
        font-size:2.6rem;
        padding-bottom:20px;
    }

    .sub-section--location .location-info ul {
        padding:30px 0px;
        margin:-20px;
    }

    .sub-section--location .location-info li {
        padding:20px;
    }

    .sub-section--location .location-info span {
        font-size:1.8rem;
    }

    .sub-section--location .location-info span.icon-tit i {
        margin-right:12px;
    }

    .sub-section--location .location-info span.icon-address i {
        width:18px;
        height:24px;
    }
    .sub-section--location .location-info span.icon-tel i {
        width:22px;
        height:22px;
    }
    .sub-section--location .location-info span.icon-fax i {
        width:24px;
        height:20px;
    }
    .sub-section--location .location-info span.icon-mail i {
        width:24px;
        height:16px;
    }

    .sub-section--location .location-maps {
        height:0;
        padding-top: calc(600/1920*100%);
    }
}

@media (min-width:1200px) {

    .sub-section--location .location-info ul {
        margin:-30px;
    }

    .sub-section--location .location-info li {
        padding:30px;
        flex:none;
    }

}
/*Company Location Css [E]*/

/*Product Css [S]*/
.sub-section--product {
    font-family:"Pretendard","Play","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
}

.product-view {
    max-width:1100px;
    width:100%;
    margin:0 auto;
}

.view-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.view-wrap--text::before {
    content:"";
    display:block;
    margin:0 auto 14px;
    background:url('/res/images/sub/product/product-pointe.png') no-repeat center;
    width:12px;
    height:12px;
    background-size: cover;
}

.view-wrap--text span {
    color:var(--v-point-base);
}

.view-intro-text p {
    color:var(--v-accent-lighten5);
}

.view-intro-text p.intro-line {
    width:150px;
    height:2px;
    background-image: linear-gradient(to right,transparent, #fff, transparent);
    margin:0 auto;
}

.product-intro::before {
    content:"";
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-top:0px;
    background-origin: padding-box;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
}

.intro--cleaner::before {
    background-image: url('/res/images/sub/product/cleaner/product-inro--bg.png');
}

.cleaner-intro--img img {
       max-width:201px;
       filter: drop-shadow(5px 5px 10px rgba(0,0,0,.3));
}


.product-spec {
    background-color:#f7f8f9;
}



@media (min-width:768px) {

    .view-wrap--text::before {
        margin:0 auto 24px;
        width:16px;
        height:16px;
    }


}

@media (min-width:1024px) {
    .view-tit {
        font-size:8.8rem;
    }
    .view-subtit {
        font-size:4.2rem;
    }

    .product-intro::before {
        height:0;
        padding-top: calc(937/1100*100%);
    }

    .view-intro-text p.intro-line {
        width:300px;
    }

    .cleaner-intro--img img {
        max-width:100%;
    }

}

/*Product Css [E]*/

/*Form CSS [S]*/
.fomail-input--box {
    border:3px solid #eeeeee;
    padding:20px 10px;
}

.fomail-input--box .fomail-box--wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.fomail-input--box span {
    color:#7e7e7e;
    font-family:"Play","Pretendard","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
}

.fomail-input--box span.fomail-box-tit {
    color:#222222;
    margin:0px 5px 0px 12px;
}

.fomail-input--box i {
    background-position: center;
    background-repeat: no-repeat;
    background-size:auto 100%;
    display:block;
    width:40px;
    height: 40px;
}

.fomail-input--box i.fomail-mail--icons {
    background-image: url('/res/images/sub/form/form-mail.svg');
}

.fomail-input--box i.fomail-cooperation--icons {
    background-image: url('/res/images/sub/form/form-cooperation.svg');
}

.fomail-input--box i.fomail-technical--icons {
    background-image: url('/res/images/sub/form/form-tools.svg');
}

.fomail-input--box i.fomail-smart--icons {
    background-image: url('/res/images/sub/form/form-smart.svg');

}

.fomail-input--box i.fomail-government--icons {
    background-image: url('/res/images/sub/form/form-government.svg');
}

.sub-section--con .thumb--img {
    position:relative;
    top:0;
    left:50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width:100vw;
    height:260px;
    padding-top:0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sub-section--con .sub-con--tit {
    font-weight:700;
    color:var(--v-grey-2-base);
    font-size:2rem;
    padding-bottom:10px;
    margin-bottom:20px;
}

.sub-section--con .sub-con--tit::after {
    content:"";
    display:block;
    width:100%;
    height:2px;
    background-color:var(--v-grey-2-base);
    position: absolute;
    bottom:0;
    left:0;
}

.sub-section--con .sub-con--row {
    display: flex;
    flex-wrap: wrap;
    margin:0px -20px;
}

.sub-section--con .sub-con--col {
    flex:1 1 auto;
    width:100%;
    padding:0px 20px;
}

.sub-section--con .col-border-txt {
    border:1px solid #e6e6e6;
    padding:15px;
    font-family:"Pretendard","Play","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
}

.sub-section--con .col-border-txt ul {
    margin:-5px 0px;
}

.sub-section--con .col-border-txt li {
    font-size:1.6rem;
    color:#7e7e7e;
    padding:5px 0px;
    display: flex;
}
.sub-section--con .col-border-txt span {
    display:block;
    width:calc(100% - 12px);
}

.sub-section--con .col-border-txt em {
    font-style: normal;
    color:#222;
}

.sub-section--con .col-border-txt span.dot {
    background:url('/res/images/sub/form/dot.png') no-repeat center;
    background-size:cover;
    width:12px;
    height:12px;
    margin-top:5px;
}

.sub-section--con table {
    text-align: center;
    table-layout:fixed;
    width:100%;
    border-collapse: collapse;
    font-family:"Pretendard","Play","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
}
.sub-section--con table th, .sub-section--con table td {
    padding:10px 10px;
    overflow: hidden;
}
.sub-section--con table th {
    background-color: #222222;
    color:#fff;
}
.sub-section--con table th:first-child {
    border-right:1px solid #555555;
}

.sub-section--con table td {
    border:1px solid #e6e6e6;
    color:#222222;
}

.sub-section--con .table-pc {display: none;}

.sub-section--con .aos-pc {
    display: none;
}

.sub-section--con .aos-mo {
    display: block;
}

.sub-section--con .col-aos-txt {
    display: flex;
}

.sub-section--con .aos-mo .col-aos-txt {
    flex-wrap:wrap;
    margin:-8px;
}

.sub-section--con .aos-mo .col-aos-txt li {
    text-align: center;
    margin-left:0px;
    flex:1 1 100%;
    max-width:100%;
    padding:8px;
}

.sub-section--con .aos-mo .col-aos-txt li .aos-txt-round {
    border-radius:100px;
    background-color:#000;
    padding:10px;
    display: flex;
    align-items: center;
}

.sub-section--con .aos-mo .col-aos-txt li .aos-txt-round span {
    display: block;
    font-family:"Pretendard","Play","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
    font-weight:700;
    color:#fff;
}

.sub-section--con .aos-mo .col-aos-txt li .aos-txt-round span.aos-txt--num {
    border-radius:50%;
    background-color: #fff;
    width:30px;
    height:30px;
    line-height:1.9
}

.sub-section--con .aos-mo .col-aos-txt li .aos-txt-round span:not(.aos-txt--num) {
    width:calc(100% - 30px);
}

/*round style [S]*/
.sub-section--con .aos-mo .col-aos-txt li .txt-round1 {background-color: #c4c4c4;}
.sub-section--con .aos-mo .col-aos-txt li .aos-txt-round span.txt--num1 {color:#c4c4c4;}

.sub-section--con .aos-mo .col-aos-txt li .txt-round2 {background-color: #9d9d9d;}
.sub-section--con .aos-mo .col-aos-txt li .aos-txt-round span.txt--num2 {color:#9d9d9d;}

.sub-section--con .aos-mo .col-aos-txt li .txt-round3 {background-color: #777777;}
.sub-section--con .aos-mo .col-aos-txt li .aos-txt-round span.txt--num3 {color:#777777;}

.sub-section--con .aos-mo .col-aos-txt li .txt-round4 {background-color: #555555;}
.sub-section--con .aos-mo .col-aos-txt li .aos-txt-round span.txt--num4 {color:#555555;}

.sub-section--con .aos-mo .col-aos-txt li .txt-round5 {background-color: #333333;}
.sub-section--con .aos-mo .col-aos-txt li .aos-txt-round span.txt--num5 {color:#333333;}

.sub-section--con .aos-mo .col-aos-txt li .txt-round6 {background-color: #111111;}
.sub-section--con .aos-mo .col-aos-txt li .aos-txt-round span.txt--num6 {color:#111111;}
/*round style [E]*/

.sub-section--con .col-aos-txt p {
    color:var(--v-grey-2-base);
}
.sub-section--con .col-aos-txt img {
    display: block;
}
.sub-section--con .smart-aos-imgs:nth-child(2),
.sub-section--con .smart-aos-imgs:nth-child(3),
.sub-section--con .smart-aos-imgs:nth-child(4),
.sub-section--con .smart-aos-imgs:nth-child(5),
.sub-section--con .smart-aos-imgs:nth-child(6){
    margin-left:-20px;
}

.sub-section--con .government-aos-imgs:not(:last-child)::after {
    content:"";
    display:none;
    position:absolute;
    width:50px;
    height:6px;
    background-color: #eeeeee;
    left:100%;
    top:40%;
}

.sub-section--con .col-border-block {
    border:0px;
    background-color:var(--v-grey-2-base);
}

.sub-section--con .col-border-block p {
    color:#fff;
}

.sub-section--con .col-icon-txt {
    display: flex;
    flex-wrap:wrap;
    margin:-5px -6px;
    padding-top:10px;
}

.sub-section--con .col-icon-txt li {
    padding:5px 6px;
    flex:1 1 100%;
    max-width:100%;
}

.sub-section--con .col-icon-txt div {
    border:3px solid #eeeeee;
    padding:25px 15px;
}

/*government syle [S]*/
.sub-section--con .col-aos-government {
    flex-wrap: wrap;
    margin-bottom:-15px;
}

.sub-section--con .col-aos-government img {
    margin:auto;
    max-width:100px;
}

.sub-section--con .col-aos-government li:nth-child(4)::after {
    display: none;
}

.sub-section--con .col-aos-government li {
    flex:0 0 50%;
    width:50%;
    padding-bottom:15px;
}

/*government syle [E]*/


@media (min-width:500px) {
    .sub-section--con .aos-mo .col-aos-txt li {
        flex:1 1 50%;
        max-width:50%;
    }

    .sub-section--con .col-icon-txt li {
        flex:1 1 50%;
        max-width:50%;
    }

    .sub-section--con .col-aos-government img {
        max-width:100%;
    }

}

@media (min-width:640px) {

    .sub-section--con .col-aos-government {
        margin-bottom:-25px;
    }

    .sub-section--con .col-aos-government li {
        flex:0 0 25%;
        width:25%;
        padding-bottom:25px;
    }

    .sub-section--con .government-aos-imgs:not(:last-child)::after {
        width:150px;
        left:75%;
        top:35%;
        display:block;
    }

}

@media (min-width:768px) {
    .sub-section--con .aos-mo .col-aos-txt li {
        flex:1 1 33.33%;
        max-width:33.33%;
    }

}

@media (min-width:1024px) {
    .fomail-input--box {
        border:6px solid #eeeeee;
        padding:40px 20px;
    }

    .fomail-input--box span.fomail-box-tit {
        margin:0px 10px 0px 24px;
    }

    .fomail-input--box i {
        width:60px;
        height:60px;
    }

    .sub-section--con .thumb--img {
        height:0;
        padding-top: calc(534/1920*100%);
    }

    .sub-section--con .sub-con--tit {
        font-size:2.6rem;
        padding-bottom:20px;
        margin-bottom:40px;
    }

    .sub-section--con .sub-con--col {
        width:50%;
    }

    .sub-section--con .col-border-txt {
        padding:30px;
    }

    .sub-section--con .col-border-txt li {
        font-size:1.8rem;
    }

    .sub-section--con .col-border-txt span.dot {
        margin-top:7px;
    }

    .sub-section--con table th, .sub-section--con table td {
        padding:20px 10px;
    }

    .sub-section--con .table-mo {
        display:none;
    }

    .sub-section--con .table-pc {
        display: table;
    }

    .sub-section--con .col-icon-txt {
        margin:-10px -12px;
        padding-top:20px;
    }

    .sub-section--con .col-icon-txt li {
        padding:10px 12px;
        flex:1 1 25%;
        max-width:25%;
    }

    .sub-section--con .col-icon-txt div {
        border:6px solid #eeeeee;
        padding:40px 25px;
    }

}
@media (min-width:1200px) {

    .sub-section--con .sub-con--row {
        margin:0px -40px;
    }

    .sub-section--con .sub-con--col {
        padding:0px 40px;
    }

    .sub-section--con .aos-pc {
        display:block;
    }

    .sub-section--con .aos-mo {
        display: none;
    }

    .sub-section--con .col-aos-government li {
        flex:0 0 auto;
        width:auto;
    }


    .sub-section--con .col-aos-government li:nth-child(4)::after {
        display: block;
    }

}

@media (min-width:1280px) {
}
/*Form CSS [E]*/