/*Comapny*/
.compny-intro {
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: space-between;
}

.company-intro--left {
    width:100%;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:20px;
}

.company-intro--left div {
    height:280px;
}

.comapny-intro--right {
    width:100%;
}

.comapny-intro--right .swiper-container {
    overflow: hidden;
}

.comapny-intro--right .swiper-controls {
    display:flex;
    align-items: center;
    justify-content:space-between;
}

.comapny-intro--right .swiper-controls .number {
    width:auto;
    font-family: "Spoqa Han Sans Neo","Play","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
    color:#404040;
    font-size:1.4rem;
    margin:0px -2px;
}

.comapny-intro--right .swiper-controls .number span {
    padding:0px 2px;
}

.comapny-intro--right .swiper-controls .number span.swiper-pagination-current {
    color:#0d81ff;
    font-weight:500;
}

.comapny-intro--right .swiper-controls .arrows {
    display:flex;
    align-items: center;
    justify-content:space-between;
    max-width:70px;
    width:100%;
}

.comapny-intro--right .swiper-controls .next,
.comapny-intro--right .swiper-controls .prev {
    width:18px;
    height: 18px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition:all .3s ease;
}

.comapny-intro--right .swiper-controls .next {
    background-image: url('/res/images/sub/company/next.png');
}

.comapny-intro--right .swiper-controls .prev {
    background-image: url('/res/images/sub/company/prev.png');
}


.company-icons .comapny-icons--list {
    display: flex;
    flex-wrap: wrap;
    margin:-5px;
    font-family: "Spoqa Han Sans Neo","Play","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
}
.company-icons .comapny-icons--list li {
    flex:1 1 100%;
    max-width:100%;
    padding:5px;
}
.company-icons .comapny-icons--list .icons-card {
    border-radius:20px;
    background-color:#fff;
    overflow: hidden;
    padding:50px 15px;
    box-shadow:0px 0px 10px rgba(209,227,233,.5);
    height:100%;
}

.company-icons .comapny-icons--list .icons-card p {
    color:#161616;
    font-weight:500;
}


.company-rescue .rescue-imgs{
    width:100%;
    border-radius:20px;
    border:1px solid #eeeeee;
    overflow: hidden;
    padding:50px 60px;
}

@media (min-width:500px) {

    .company-icons .comapny-icons--list li {
        flex:1 1 50%;
        max-width:50%;
    }


}

@media (min-width:768px){

    .company-intro--left {
        width:46.35%;
        margin-bottom:0px;
    }
    .company-intro--left div {
        height:648px;
    }
    .comapny-intro--right {
        width:47.14%;
    }


    .company-icons .comapny-icons--list {
        margin:-12px;
    }

    .company-icons .comapny-icons--list li {
        flex:1 1 33.33%;
        max-width:33.33%;
        padding:12px;
    }

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

    .comapny-intro--right .swiper-controls .number {font-size:1.6rem;}
    .comapny-intro--right .swiper-controls .next:hover {
        background-image: url('/res/images/sub/company/next-on.png');
    }
    .comapny-intro--right .swiper-controls .prev:hover {
        background-image: url('/res/images/sub/company/prev-on.png');
    }

    .company-icons .comapny-icons--list .icons-card {
        padding:60px 20px;
    }

    .company-icons .comapny-icons--list {
        margin:-20px;
    }

    .company-icons .comapny-icons--list li {
        flex:1 1 25%;
        max-width:25%;
        padding:20px;
    }


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

}

/*Technology*/
.technology-wrap .technology-intro--img {
    position: relative;
    width:100%;
    height:260px;
    border-radius:20px;
    overflow: hidden;
    padding-top:0px;
}

.technology-wrap .technology-intro--thumb {
    position: absolute;
    width:100%;
    height:100%;
    top:50%;
    left:50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index:1;
}

.technology-wrap .technology-intro-txt {
    padding:40px 0px 60px;
}

.technology-order--wrap {
    padding-bottom:60px;
}

.technology-order--wrap .list {
    display: flex;
    flex-wrap: wrap;
    margin:-5px -15px;
}

.technology-order--wrap .list li {
    flex:1 1 100%;
    max-width:100%;
    padding:5px 15px;
}

.technology-order--wrap .list .list-box {
    border-radius:20px;
    background-color: #eff9ff;
    overflow:hidden;
    height:100%;
    padding:30px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.technology-way-wrap {
    position:relative;
}
.technology-way-wrap::after {
    content:"";
    display: block;
    width:100vw;
    position: absolute;
    top:0;
    left:50%;
    -ms-transform: translateX(-50%);
    -webkit-ransform: translateX(-50%);
    transform: translateX(-50%);
    height:100%;
    background-color: #eff9ff;
    z-index:0;
}

.technology-way-wrap .technology-way--con {
    position: relative;
    z-index:1;
}

.technology-way-wrap .technology-con-style2 {
    display: flex;
    flex-wrap:wrap;
    margin:-10px;
}

.technology-way-wrap .technology-con-style2 .technology-con--list {
    flex:1 1 100%;
    max-width:100%;
    padding:10px;
}

.technology-way-wrap .technology-con--img {
    background-color:#fff;
    border-radius:20px;
    border:1px solid #e0e0e0;
    padding:15px 20px;
    text-align: center;
    min-height:280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.technology-way-wrap .technology-con-style2 .technology-con--img {
    padding:15px 20px 0px;
    height:auto;
    align-items: flex-end;
}

.technology-way-wrap .technology-information-area {
    max-height:120px;
    overflow:hidden;
    overflow-y:auto;
    background-color: #daeefa;
    padding:15px;
}

.technology-way-wrap .technology-information-area::-webkit-scrollbar {
    width:2px;
}
.technology-way-wrap .technology-information-area::-webkit-scrollbar-thumb {
    background-color: #0d81ff;
}
.technology-way-wrap .technology-information-area::-webkit-scrollbar-track {
    background-color: #afcee0;
}

.technology-icons--wrap .icon-list {
    display: flex;
    flex-wrap: wrap;
    margin:-5px -10px;
}

.technology-icons--wrap .icon-list li {
    flex:1 1 100%;
    max-width:100%;
    padding:5px 10px;
    text-align: center;
}

.technology-icons--wrap .icon-list div{
    border-radius:20px;
    background-color:#fff;
    box-shadow: 0px 0px 10px rgb(209 227 233 / 50%);
    padding:40px 20px;
}

@media (min-width:576px){
    .technology-order--wrap .list li {
        flex:1 1 50%;
        max-width:50%;
    }

    .technology-order--wrap .list.list-style2 li {
        flex:1 1 100%;
        max-width:100%;
    }

    .technology-icons--wrap .icon-list li {
        flex:1 1 50%;
        max-width:50%;
    }

}
@media (min-width:768px){
    .technology-way-wrap .technology-con-style2 .technology-con--list {
        flex:1 1 50%;
        max-width:50%;
    }

    .technology-way-wrap .technology-con-style2 .technology-con--img {
        height:100%;
    }

    .technology-way-wrap .technology-information-area {
        padding:30px;
        max-height:220px;
    }

}
@media (min-width:1024px){
    .technology-wrap .technology-intro--img {
        padding-top: calc(400/1800*100%);
        height:0;
    }

    .technology-wrap .technology-intro-txt {
        padding:100px 0px 120px;
    }

    .technology-order--wrap {
        padding-bottom:140px;
    }

    .technology-way-wrap .technology-con--img {
        min-height:550px;
    }

    .technology-icons--wrap .icon-list {
        margin:-10px -20px;
    }

    .technology-icons--wrap .icon-list li {
        flex:1 1 25%;
        max-width:25%;
        padding:10px 20px;
    }

    .technology-icons--wrap .icon-list div {
        padding:60px 30px;
    }
}
@media (min-width:1200px){
    .technology-wrap .technology-intro--img {
        width:calc(100vw - 8.58%);
        min-width:1400px;
        left:50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}



/*Partners*/
.partners-wrap {
    text-align: center;
    border-radius:20px;
    border:1px solid #eeeeee;
    overflow: hidden;
    font-family: "Spoqa Han Sans Neo","Play","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
}
.partners-wrap a {
    display:block;
}
.partners-logo {
    padding:30px 20px;
    height:140px;
    display: flex;
    align-items: center;
    justify-content:center;
}

.partners-wrap p {
    padding:10px 5px;
    margin:0px 10px;
    border-top:1px solid #eeeeee;
    font-weight:500;
}


@media (min-width:1024px) {

    .partners-logo {
        padding:50px 20px;
        height:180px;
    }

    .partners-wrap p {
        padding:20px 10px;
        margin:0px 20px;
    }

}


/*Conatact Tabs*/
.contact-wrap .tab {
    max-width:700px;
    margin:auto;
}
.contact-wrap .tab > li .button {
    color:#404040;
    font-weight: 300;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 44px;
    font-size: 1.3rem;
    padding:0 8px;
    background-color:transparent;
    -webkit-transition: all ease-out .15s; -ms-transition: all ease-out .15s; transition: all ease-out .15s;
}
.contact-wrap .tab > li.on .button {color:#fff; background-color: var(--v-point-base) !important;}

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


@media (min-width:768px) {
    .contact-wrap .tab > li .button {
        font-size:1.6rem;
    }
}


@media (min-width:1024px) {
    .contact-wrap .tab > li .button {
        font-size:1.8rem;
        min-height: 56px;
    }
}


/*Conatact*/
.contact-wrap{
    font-family: "Spoqa Han Sans Neo","Play","Nanum Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif;
}
.contact-wrap .info-maps {
    width:100%;
    height:320px;
    border-radius:20px;
    overflow: hidden;
}

.contact-wrap .info-con-tit {
    line-height:1;
    border-bottom:1px solid #e0e0e0;
}
.contact-wrap .info-con--list {
    margin:-10px 0px;
}
.contact-wrap .info-con--list li {
    padding:10px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.contact-wrap .info-con--list span {
    display: block;
    font-weight:300;
    color:#404040;
    width:100%;
}

.contact-wrap .info-con--list span.info-list--tit {
    color:#161616;
    font-weight:400;
    display: flex;
    align-items: center;
    padding-bottom:10px;
}

.contact-wrap .info-con--list span.info-list--tit .icons{
    display: block;
    margin-right:5px;
    width:20px;
}

.contact-wrap .info-con--list span.info-list--tit .icons::before{
    content:"";
    display: block;
    margin-right:5px;
    background-size:auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.contact-wrap .info-con--list span.info-list--tit .icons-address::before {
    background-image: url('/res/images/sub/contact/address-icon.png');
    width:15px;
    height:20px;
}

.contact-wrap .info-con--list span.info-list--tit .icons-leader::before {
    background-image: url('/res/images/sub/contact/leader-icon.png');
    width:21px;
    height:20px;
}

.contact-wrap .info-con--list span.info-list--tit .icons-direct::before {
    background-image: url('/res/images/sub/contact/phone-icon.png');
    width:20px;
    height:20px;
}

.contact-wrap .info-con--list span.info-list--tit .icons-fax::before {
    background-image: url('/res/images/sub/contact/fax-icon.png');
    width:20px;
    height:17px;
}

.contact-wrap .info-con--list span.info-list--tit .icons-email::before {
    background-image: url('/res/images/sub/contact/email-icon.png');
    width:20px;
    height:20px;
}


@media (min-width:768px) {

    .contact-wrap .info-con--list span {
        width:auto;
    }

    .contact-wrap .info-con--list span.info-list--tit {
        width:120px;
        padding-bottom:0;
    }

    .contact-wrap .info-con--list span.info-list--tit .icons {
        margin-right:10px;
    }

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

    .contact-wrap .info-maps {
        height:460px;
    }


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


    .contact-wrap .info-con--list span.info-list--tit {
        width:140px;
    }

}