.kvSwiper.swiper-container {
    height: 100vh;
}
/* .kvSwiper.swiper-container img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.kvSwiper.swiper-container .swiper-slide {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kvSwiper.swiper-container .swiper-slide .wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    z-index: 10;
}
.kvSwiper.swiper-container .swiper-slide-1.slide1-kv-0 {
    background: url(../img/kv1-img-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 100%;
}
.kvSwiper.swiper-container .swiper-slide-2 {
    background: url(../img/kv2-img-1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 100%;
}
.kvSwiper.swiper-container .swiper-slide-3 {
    position: relative;
    width: 100%;
    height: 100%;
}
.kvSwiper.swiper-container .swiper-slide > img {
    top: 0;
    left: 0;
}
.kvSwiper.swiper-container .swiper-slide-1 .img-box {
    height: 100vh;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.kvSwiper.swiper-container .swiper-slide .slide1-kv-1 {
    position: absolute;
    background: url(../img/kv1-img-4.png) no-repeat;
    background-size: cover;;
    background-position: center;
    width: 100%;
    height: 100%;
}
.kvSwiper.swiper-container .swiper-slide .slide1-line-2 {
    position: absolute;
    background: url(../img/kv1-img-2.svg) no-repeat;
    background-size: cover;;
    background-position: center;
    width: 100%;
    height: 100%;
}
.kvSwiper.swiper-container .swiper-slide .slide1-line-3 {
    position: absolute;
    background: url(../img/kv1-img-3.svg) no-repeat;
    background-size: cover;;
    background-position: center;
    width: 100%;
    height: 100%;
}
.kvSwiper.swiper-container .swiper-slide .slide2-line-2 {
    position: absolute;
    background: url(../img/kv2-img-2.svg) no-repeat;
    background-size: cover;;
    background-position: center;
    width: 100%;
    height: 100%;
}
.kvSwiper.swiper-container .swiper-slide .slide3-kv-1 {
    position: absolute;
    background: url(../img/kv3-img-3.svg) no-repeat;
    background-size: cover;;
    background-position: center;
    width: 100%;
    height: 100%;
}
.kvSwiper.swiper-container .swiper-slide .slide3-line-2 {
    position: absolute;
    background: url(../img/kv3-img-2.svg) no-repeat;
    background-size: cover;;
    background-position: center;
    width: 100%;
    height: 100%;
}


.kvSwiper.swiper-container .swiper-slide > .line-svg {
    /* z-index: 6; */
    opacity: 0;
    left: 50%;
    transform: scale(2) translateX(-50%);
}
.kvSwiper.swiper-container .swiper-slide.swiper-slide-active > .line-svg {
    animation: scale1 0.75s 1s both;
}
.kvSwiper.swiper-container .swiper-slide .kv-text-1 {
    margin-top: 180px;
    opacity: 0;
    width: 500px;
}
.kvSwiper.swiper-container .swiper-slide .kv-text-2 {
    width: 296px;
    margin-top: 150px;
}
.kvSwiper.swiper-container .swiper-slide.swiper-slide-active .kv-text-1 {
    animation: text 1s .6s both;
}
.kvSwiper.swiper-container .swiper-slide.swiper-slide-active .kv-text-2 {
    animation: text 1s .8s both;
}
@keyframes text {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes scale1 {
    0% {
        opacity: 0;
        transform: scale(2) translateX(0);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(-50%);
    }
}


@media (max-width: 1320px) {

    .kvSwiper.swiper-container .swiper-slide .wrap {
        margin: 0 40px;
    }
    .kvSwiper.swiper-container .swiper-slide .kv-text-1 {
        margin-top: 100px;
        width: 400px;
    }
    .kvSwiper.swiper-container .swiper-slide .kv-text-2 {
        width: 250px;
        margin-top: 100px;
    }
    
}

@media (max-width: 767px) {

    .kvSwiper.swiper-container .swiper-slide .wrap {
        margin: 0 20px;
    }
    .kvSwiper.swiper-container .swiper-slide-1 {
        background-position: 80%;
    }
    .kvSwiper.swiper-container .swiper-slide .kv-text-1 {
        margin-top: 90px;
        width: 60vw;
    }
    .kvSwiper.swiper-container .swiper-slide .kv-text-2 {
        width: 55vw;
        margin-top: 80px;
    }
    
/* 배경 이미지 모바일용 변경 */
    .kvSwiper.swiper-container .swiper-slide .main-kv-1 {
        display: none;
    }
    .kvSwiper.swiper-container .swiper-slide-1.slide1-kv-0 {
        background: none;
    }
    .kvSwiper.swiper-container .swiper-slide .slide1-kv-1 {
        background: url(../img/kv1-size-edit.jpg) no-repeat center;
        background-size: cover;
    }
    .kvSwiper.swiper-container .swiper-slide-2 {
        background: url(../img/kv2-size-edit.jpg) no-repeat center;
        background-size: cover;
    }
    .kvSwiper.swiper-container .swiper-slide > .line-svg.type-1 {
        top: -100px;
    }

}