.permission-to-dance {
    background-color: #ff7828;
}

.permission-to-dance img {
    max-width: 100%;
}

.permission-to-dance .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.permission-to-dance .only-pc {
    display: block;
}

.permission-to-dance .only-mobile {
    display: none;
}

.permission-to-dance header {
    background: #ff7828;
}

.permission-to-dance .album-detail {
    padding-top: 63px;
    padding-bottom: 0;
    margin-bottom: 1px;
}

.permission-to-dance .album-detail > * {
    max-width: 100%;
}

/* section-title */
.permission-to-dance .album-detail .album-desc .section-title {
    margin-bottom: calc(135 / 3840 * 100vw);
}

.permission-to-dance .album-detail .album-desc .section-title img {
    display: block;
    width: calc(1701 / 3840 * 100vw);
    margin: 0 auto;
}

/* kv */
.permission-to-dance .album-detail .album-kv {
    display: block;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.permission-to-dance .album-detail .album-kv img {
    width: 100%;
}

/* album-desc */
.permission-to-dance .album-detail .album-desc {
    display: block;
    text-align: center;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    font-size: calc(50 / 3840 * 100vw);
    line-height: calc(75 / 50);
    letter-spacing: 0.01em;
    padding: calc(342 / 3840 * 100vw) 0 calc(316 / 3840 * 100vw);
    color: #fff;
}

.permission-to-dance .album-detail .album-desc .album-desc-text {
    max-width: calc(2480 / 3840 * 100vw);
    padding: 0 calc(40 / 3840 * 100vw);
    margin: 0 auto;
    word-break: keep-all;
}

.permission-to-dance .album-detail .album-desc .album-desc-text.ja,
.permission-to-dance .album-detail .album-desc .album-desc-text.zh {
    word-break: break-all;
}

/* tracklist */
.permission-to-dance .tracklist img {
    width: 100%;
}

/* footer */
.permission-to-dance .foot img {
    width: 100%;
}

.permission-to-dance.album-detail .bottom ul li button {
    color: #774ED0;
}

/* btn-list */
.permission-to-dance .album-detail .btn-list span {
    background: #774ED0;
}

.permission-to-dance .album-detail .btn-list span::after {
    border-color: #774ED0;
}

/* Desc */
.permission-to-dance .album-desc .contents-title {
    font-family: 'MVB-SolanoGothicMVB-B';
}

.permission-to-dance .album-detail .album-desc .contents-desc {
    color: #774ED0;
}

.permission-to-dance .contents-sub {
    text-transform: none;
    border-bottom: 2px solid transparent;
    color: #774ed0;
}

.permission-to-dance .contents-sub:hover {
    color: #774ed0;
}

.permission-to-dance .bottom li.active .contents-sub,
.permission-to-dance .bottom button:hover .contents-sub {
    border-bottom: 2px solid #774ed0;
}

.permission-to-dance .album-detail .bottom ul li button:hover .contents-sub {
    color: #774ed0;
}

/* PHOTO POPUP */
.concept-photo .section-title {
    text-align: center;
}

.concept-photo .section-title img {
    width: calc(190 / 1920 * 100%);
}

.concept-photo .concept-photo-title-1 {
    text-align: center;
}

.concept-photo .concept-photo-title-1 img {
    width: calc(233 / 1920 * 100%);
    margin-top: calc(60 / 1920 * 100vw);
}

.concept-photo {
    background-color: #000;
    padding-top: calc(200 / 1920 * 100vw);
    padding-bottom: calc(200 / 1920 * 100vw);
}

.concept-photo .swiper-box {
    position: relative;
    max-width: calc(800 / 1920 * 100%);
    margin: calc(20 / 1920 * 100vw) auto 0;
}

.concept-photo .swiper-box ~ .swiper-box {
    margin-top: 152px;
}

.concept-photo .swiper {
    width: calc(512 / 800 * 100%);
    max-width: 100%;
    margin: 0 auto;
}

.concept-photo .swiper-slide::after {
    content: "";
    display: block;
    padding-bottom: calc(3 / 2 * 100%);
}

.concept-photo .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.concept-photo .btn-swiper-prev,
.concept-photo .btn-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    width: 48px;
    height: 46px;
    z-index: 2;
    background-position: center;
}

.concept-photo .btn-swiper-prev {
    left: 0;
    background-image: url(./../../../images/bts/discography/bts/permission-to-dance/ui/btn-swiper-prev.png);
}

.concept-photo .btn-swiper-next {
    right: 0;
    background-image: url(./../../../images/bts/discography/bts/permission-to-dance/ui/btn-swiper-next.png);
}

.concept-photo-title {
    width: 208px;
    margin: 26px auto 0;
}

.concept-photo.concept-photo--2 {
    padding-top: 0;
}

.concept-photo.concept-photo--2 .concept-photo-title-2 {
    text-align: center;
}

.concept-photo.concept-photo--2 .concept-photo-title-2 img {
    width: calc(233 / 1920 * 100%);
    margin-top: calc(60 / 1920 * 100vw);
}

.concept-photo .swiper-box {
    position: relative;
    max-width: calc(1165 / 1920 * 100%);
    margin: 0 auto;
}

.concept-photo.concept-photo--2 .swiper-slide::after {
    content: "";
    display: block;
    padding-bottom: calc(2 / 3 * 100%);
}

@media screen and (max-width: 768px) {
    .concept-photo .section-title img {
        width: calc(81 / 414 * 100%);
    }

    .concept-photo .concept-photo-title-1 img {
        width: calc(121 / 414 * 100%);
    }

    .concept-photo {
        padding: calc(64 / 370 * 100vw) 0;
    }

    .concept-photo .swiper-box {
        max-width: 100%;
    }

    .concept-photo .swiper-box ~ .swiper-box {
        margin-top: calc(80 / 414 * 100vw);
    }

    .concept-photo .swiper {
        width: 100%;
    }

    .concept-photo .swiper .swiper-slide::after {
        padding-bottom: calc(325 / 256 * 100%);
    }

    .concept-photo .btn-swiper-prev{
        left: calc(20 / 414 * 100vw);
    }

    .concept-photo .btn-swiper-next{
        right: calc(20 / 414 * 100vw);
    }

    .concept-photo .btn-swiper-prev,
    .concept-photo .btn-swiper-next {
        width: calc(22 / 414 * 100vw);
        height: calc(22 / 414 * 100vw);
    }

    .concept-photo-title {
        width: calc(256 / 414 * 100vw);
        margin-top: calc(29 / 414 * 100vw);
    }

    .concept-photo.concept-photo--2 {
        padding-top: 0;
    }

    .concept-photo.concept-photo--2 .concept-photo-title-2 img {
        width: calc(121 / 414 * 100%);
    }

    .concept-photo.concept-photo--2 .swiper-box {
        max-width: 100%;
    }

    .concept-photo.concept-photo--2 .swiper-slide::after {
        content: "";
        display: block;
        padding-bottom: calc(2 / 3 * 100%);
    }
}

/* PHOTO POPUP */
.photo-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background-color: rgba(22, 22, 22, 0.95);
    z-index: 1101;
    align-items: center;
    justify-content: center;
}

.photo-popup.on {
    display: flex;
}

.photo-popup .picture {
    display: none;
    width: 600px;
    max-width: 90%;
    text-align: center;
}

.photo-popup .picture.on {
    display: block;
}

.photo-popup .picture img {
    max-height: 70vh;
}

.photo-popup .btn-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0 10px;
    margin-bottom: 16px;
}

.photo-popup .btn-download,
.photo-popup .btn-close-popup {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
}

.photo-popup .btn-download {
    background: url(./../../../images/bts/btn-download.png) center/100% no-repeat;
}

.photo-popup .btn-close-popup {
    background: url(./../../../images/bts/btn-close-popup.png) center/100% no-repeat;
}

@media screen and (max-width: 1440px) {
    .permission-to-dance .album-detail .contents {
        padding-left: 3vw;
    }

    /* Song List */
    .permission-to-dance .song-list {
        margin-bottom: 17.3611111111vw;
    }
}

@media screen and (max-width: 768px) {
    .permission-to-dance .only-pc {
        display: none;
    }

    .permission-to-dance .only-mobile {
        display: block;
    }

    .permission-to-dance .album-detail {
        padding-top: 12.5vw;
    }

    .permission-to-dance .album-detail .btn-list {
        background-image: url('./../../../images/btn-list-774ED0.png');
    }

    .permission-to-dance .album-detail .list-wrap > .list-inner > ol > li {
        padding-left: 13.6vw;
        font-size: 4.2vw;
        line-height: 1.5;
    }

    .permission-to-dance .album-desc .contents-obj {
        margin-bottom: 14vw;
    }

    .permission-to-dance .album-detail .contents {
        position: relative;
        padding-left: 0;
    }

    /* album-desc */
    .permission-to-dance .album-detail .album-desc {
        padding: calc(67 / 414 * 100vw) 0 calc(64 / 414 * 100vw);
        font-size: calc(10 / 414 * 100vw);
        line-height: calc(15 / 10);
    }

    .permission-to-dance .album-detail .album-desc .section-title {
        margin-bottom: calc(27 / 414 * 100vw);
    }

    .permission-to-dance .album-detail .album-desc .section-title img {
        width: calc(342 / 414 * 100%);
    }
}