/* portrait */
.popup-portrait {}

.popup-portrait>.con {}

.popup-portrait>.con>.body {}

.popup-portrait>.con>.body>.bg {
    visibility: hidden;
    max-width: 65vw;
    max-height: 70vh;
    min-width: 450px;
    min-height: 300px;
}

.popup-portrait .body>.portrait-slider {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 55px;
    width: 100%;
    height: 100%;

}

.popup-portrait .body>.portrait-slider>.slick-list {
    width: 100%;
    height: 100%;
    transition: all, 0.5s ease;
    -webkit-transition: all, 0.5s ease;
    -moz-transition: all, 0.5s ease;
    -ms-transition: all, 0.5s ease;
    -o-transition: all, 0.5s ease;
}

.popup-portrait .body>.portrait-slider>.slick-list>.slick-track {
    display: flex;
    height: 100%;
}

.popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.popup-portrait .body>.portrait-slider .img {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.popup-portrait .body>.portrait-slider .img>img {
    max-width: 100%;
    max-height: 100%;
}

.popup-portrait .body>.control {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 10;
}

.popup-portrait .body>.control>.btn {
    display: block;
    position: absolute;
    width: 14px;
    cursor: pointer;
}

.popup-portrait .body>.control>.btn>img {
    width: 100%;
}

.popup-portrait .body>.control>.btn-left {
    left: 20px;
}

.popup-portrait .body>.control>.btn-right {
    right: 20px;
}

@media screen and (max-width:768px) {
    .popup-portrait>.con {
        max-width: 100vw;
        max-height: 100vh;
    }

    /* 이미지 */
    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item {}

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item>.img {}

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item>.img>img {
        display: none;
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-1>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/01.BTS01.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-2>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/01.BTS02.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-3>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/01.BTS03.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-4>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/01.BTS04.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-5>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/01.BTS05.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-6>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/02.BTS01.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-7>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/02.BTS02.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-8>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/02.BTS03.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-9>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/02.BTS04.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-10>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/02.BTS05.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-11>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/03.BTS01.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-12>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/03.BTS02.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-13>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/04.BTS01.jpg')
    }

    .popup-portrait .body>.portrait-slider>.slick-list>.slick-track>.slick-slide.item-14>.img {
        background-image: url('./../../../../images/bts/2023festa/portrait/mb/04.BTS02.jpg')
    }

}