.RvHBnr_cn {
    display: flex;
    width: 100%;
    height: 360px;
    top: 0;
    margin-bottom: 0;
    position: relative;
}

.swiper-slide.RvHBnr_li::after {
    background: linear-gradient(180deg,rgba(0,0,0,0) 40.65%,rgb(0 0 0 / 54%) 100%);
    content: '';
    height: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.swiper-slide.RvHBnr_li::before {
    background: linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);
    height: 200px;
}

.RvHBnr_wr {
    display: flex;
    width: 100%;
    position: relative;
    overflow: hidden;
    align-items: stretch;
    z-index: 1;
}

.swiper-wrapper.RvHBnr_ul {
    height: 100%;
}

.swiper-slide.RvHBnr_li {
    height: 100%;
    width: 100%;
    flex-shrink: 0;
}

.swiper-wrapper.RvHBnr_ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.swiper-slide.RvHBnr_li {
    background-position: center;
}

.RvHBnr_crd-cn {
    position: absolute;
    bottom: 30px;
    left: 0;
    transform: none;
    width: 100%;
    max-width: 1320px;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 12;
}

.RvHBnr_crd-wr {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0,0,0,.6);
    width: 50%;
}

.RvHBnr_crd-ttl {
    color: #fff;
    font-family: var(--vj-ff-Trvl);
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 36px;
}

.RvHBnr_crd-byl {
    font-size: 14px;
    line-height: 18px;
    opacity: .8;
}

.RvHBnr_wr .RvHBnr_tmb-wr {
    display: none;
    margin-bottom: 60px;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    position: relative;
    bottom: 30px;
}

.RvHBnr_wr .RvHBnr_tmb-ul {
    display: flex;
    gap: 10px;
    z-index: 1;
    justify-content: flex-end
}

.RvHBnr_wr .RvHBnr_tmb-li {
    width: 69px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: .3s;
    opacity: 1;
}

.RvHBnr_wr .RvHBnr_tmb-li.active {
    outline: 3px solid #fff;
    opacity: 1;
}

.RvHBnr_li {
    position: relative;
    width: 100%;
    height: 100%;
}

.RvHBnr_li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.RvHBnr_crd-wr {
    color: #fff;
    width: 100%;
    text-shadow: 0 2px 4px rgba(0,0,0,.6);
}

.swiper.RsSld_wr {
    padding: 5px 50px 10px;
    width: 100%;
    margin: 0;
}

.swiper-button-prev.RvSld_prv,.swiper-button-next.RvSld_nxt {
    background: #500a52;
    height: calc(100% + 10px);
    width: 40px;
    top: 20px;
}

.swiper-button-prev.RvSld_prvInr,.swiper-button-next.RvSld_nxtInr {
    background: var(--vj-cl-RvNv3);
}

.swiper-button-next.RvSld_nxt {
    right: 0;
}

.swiper-button-prev.RvSld_prv {
    left: 0;
}

.swiper-button-prev.RvSld_prv::after,.swiper-button-next.RvSld_nxt::after {
    color: var(--vj-cl-dr2);
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    background: var(--vj-cl-bg3);
    border-radius: 50%;
    height: 35px;
    width: 35px;
}

.swiper-button-prev.RvSld_prv:hover::after,.swiper-button-next.RvSld_nxt:hover::after {
    background: var(--vj-cl-RvNv4);
}

.RsSld_card {
    background: var(--vj-cl-bg3);
    padding: 10px 10px 15px;
    border-radius: 8px;
    box-shadow: 2px 2px 8px rgb(0 0 0 / 20%);
    max-width: 100%;
    height: auto;
    width: 100%;
}

.RsSld_card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 6px;
}

.RsSld_card button {
    background: #ff9800;
    color: #fff;
    padding: 8px 14px;
    border: none;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
}

.swiper-pagination.swiper-pagination-bullets.RvSld_pg {
    bottom: 0;
}

.RvSld_pg .swiper-pagination-bullet {
    background: #fff
}

@media (min-width: 768px) {
    .RvHBnr_crd-cn {
        position:absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 1320px;
        padding: 0 15px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        z-index: 12
    }

    .RvHBnr_crd-wr {
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0,0,0,.6);
        width: 55%
    }

    .RsSld_card {
        padding: 15px
    }
}

@media (min-width: 1199px) {
    .RvHBnr_crd-ttl {
        font-size:64px;
        font-weight: 400;
        line-height: 68px;
        margin-bottom: 14px;
        font-family: var(--ff-two)
    }

    .swiper.RsSld_wr {
        width: calc(100% + 100px);
        margin: 0 -50px
    }

    .RvHBnr_wr .RvHBnr_tmb-li {
        width: 89px;
        height: 50px;
        background-size: cover;
        background-position: center;
        cursor: pointer;
        transition: .3s;
        opacity: 1
    }

    .RvHBnr_crd-byl {
        font-size: 21px;
        line-height: 24px;
        opacity: .8
    }

    .RvHBnr_cn {
        display: flex;
        width: 100%;
        height: 720px;
        top: -160px;
        margin-bottom: -160px;
        position: relative
    }

    .RvHBnr_wr .RvHBnr_tmb-wr {
        display: flex
    }

    .RsSld_card {
        padding: 20px
    }

    .RvCrd_v9 .RsSld_card {
        padding: 15px
    }

    .swiper-button-prev.RvSld_prv::after,.swiper-button-next.RvSld_nxt::after {
        height: 40px;
        width: 40px
    }
}

.RsSld_card {
    overflow: hidden
}

.RsSld_card:hover .img-gr img {
    transform: scale(1.1);
    transition: transform .4s ease;
}

.img-gr img {
    transition: transform .4s ease;
    display: block;
    width: 100%;
    height: auto;
}

.img-gr {
    overflow: hidden;
}

.img-gr img {
    transform-origin: center center;
}