/* ------------------------------------------------------------------------------- */
/* [키비주얼] */

.kv-area {
    height: 100dvh;
}
.swiper1 {
  width: 100vw;
  height: 100dvh;
  position: relative;
}
.swiper1 .swiper-slide {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  opacity: 1;
  cursor: default;
  position: relative;
  transform: scale(1);
  transition: 5s .5s;
}
.swiper1 .swiper-slide::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
.swiper1 .swiper-slide-prev,
.swiper1 .swiper-slide-next {
  transform: scale(1);
}
.swiper1 .swiper-slide-active {
    transform: scale(1.2);
}
.swiper1 .slide-1 {
    background-image: url(../img/kv-slide-1.jpg);
}
.swiper1 .slide-2 {
    background-image: url(../img/kv-slide-2.jpg);
}
.swiper1 .slide-3 {
    background-image: url(../img/kv-slide-3.jpg);
}
.swiper1 .slide-4 {
    background-image: url(../img/kv-slide-4.jpg);
}
.swiper1 .slide-5 {
    background-image: url(../img/kv-slide-5.jpg);
}
.kv-title-box {
    margin-bottom: 110px;
}
.kv-title {
    width: 100%;
    /* max-width: 850px; */
    margin-bottom: 30px;
    font-size: 12rem;
}
.kv-title-text {
    font-size: 3.4rem;
    line-height: 1.4;
}
.kv-text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  width: 100%;
  z-index: 2;
}
.kv-sub-title {
    width: 100%;
    max-width: 706px;
    height: 106px;
}
.kv-sub-title::before, .kv-sub-title::after {
    position: absolute;
    content: '';
    height: 106px;
    width: 19px;
}
/* .kv-sub-title::before {
    background: url(../img/kv-sub-obj-1.svg)no-repeat center/cover;
    left: 0;
}
.kv-sub-title::after {
    background: url(../img/kv-sub-obj-2.svg)no-repeat center/cover;
    right: 0;
} */
.kv-text-box .text-box {
    margin-top: 40px;
    gap: 24px;
}
.kv-text-box .box {
    gap: 24px;
}
.kv-text-box .box .tag {
    background: radial-gradient(64.58% 527.21% at 53.75% 58.33%, rgba(255, 255, 255, 0.2) 0%, rgba(153, 153, 153, 0.2) 100%);
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(20px);
    width: 128px;
    height: 45px;
    border-radius: 4px;
    font-size: 24px;
}
.kv-area .arrow-down {
    bottom: 5%;
}

@media (max-width: 1279px) {
    .kv-title-box {
        margin-bottom: 80px;
    }
    .kv-title {
        /* max-width: 672px; */
        margin-bottom: 40px;
        font-size: 10vw;
    }
    .kv-sub-title {
        max-width: 500px;
    }
    .kv-sub-title p,
    .kv-sub-title p span {
        font-size: 28px;
    }
    .kv-sub-title::before, .kv-sub-title::after {
        height: 84px;
        width: 13px;
    }
    .kv-text-box {
        transform: translate(-50%,0);
        top: 16%;
    }
    .kv-text-box .text-box {
        margin-top: 30px;
        gap: 20px;
    }
    .kv-text-box .box {
        gap: 20px;
    }
    .kv-text-box .box .tag {
        font-size: 18px;
        height: auto;
        width: auto;
        padding: 8px 20px;
        border: none;
    }
    .kv-text-box .box .info {
        font-size: 20px;
    }
    .kv-area .arrow-down {
        width: 30px;
        bottom: 70px;
    }
}

@media (max-width: 799px) {
    .kv-title-box {
        margin-bottom: 30px;
    }
    .kv-title {
        /* max-width: 298px; */
        margin-bottom: 12px;
        
    }
    .kv-title-text {
        font-size: 1.6rem;
    }
    .kv-sub-title {
        max-width: 313px;
        height: 60px;
    }
    .kv-sub-title p,
    .kv-sub-title p span {
        font-size: 17px;
    }
    .kv-sub-title::before, .kv-sub-title::after {
        height: 42px;
        width: 7px;
    }
    .kv-text-box .text-box {
        margin-top: 10px;
        gap: 24px;
    }
    .kv-text-box .box {
        gap: 12px;
        flex-direction: column;
    }
    .kv-text-box .box .tag {
        font-size: 15px;
        padding: 6px 14px;
    }
    .kv-text-box .box .info {
        font-size: 16px;
    }
    .kv-area .arrow-down {
        width: 20px;
    }
}

@media (max-width: 600px) {
    .kv-title {
        font-size: 15vw;
    }
}