.header-bts {
  height: 72px;
  background-color: #262625;
  border-bottom: 1px solid #0d0d0d;
}

.album-detail {
  background-color: #fdfdf8;
  padding-top: 72px;
  padding-bottom: 0;
}

.album-detail img {
  display: block;
  max-width: 100%;
}

.album-detail .contents-title {
  margin-bottom: 1.875vw;
}

.album-detail .contents-title img {
  margin: 0 auto;
}

/* [S] INFO */
.album-detail .album-info {
  max-width: 100%;
}

/* [E] INFO */

/* [S] PHOTO */
.album-detail .album-photo {
  padding-top: 5.729vw;
  padding-bottom: 5.313vw;
  margin-top: 0;
  background: url(../../../../images/bts/discography/rm/rpwp/ui/bg-photo.png)
    no-repeat top 4.583vw center/100%;
}

.album-detail .album-photo .contents-title img {
  max-width: 6.042vw;
}

.album-detail .album-photo .swiper-wrap .swiper-box {
  position: relative;
  box-sizing: content-box;
  max-width: 50%;
  margin: 0 auto;
  padding-left: 9.375vw;
  padding-right: 9.375vw;
  height: 0;
  overflow: hidden;
}

.album-detail .album-photo .swiper-wrap .swiper-box.active {
  height: auto;
  overflow: visible;
}

.album-detail .album-photo .swiper-wrap .swiper-box .swiper-btn-prev,
.album-detail .album-photo .swiper-wrap .swiper-box .swiper-btn-next {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.667vw;
  height: 1.667vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.album-detail .album-photo .swiper-wrap .swiper-box .swiper-btn-prev {
  left: 0;
  background-image: url(../../../../images/bts/discography/rm/rpwp/ui/photo-prev.png);
}

.album-detail .album-photo .swiper-wrap .swiper-box .swiper-btn-next {
  right: 0;
  background-image: url(../../../../images/bts/discography/rm/rpwp/ui/photo-next.png);
}

.album-detail .album-photo .swiper-wrap .swiper-box img {
  cursor: pointer;
}

.album-detail .album-photo .swiper-wrap-pagination {
  max-width: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2.24vw;
  padding-bottom: 2.24vw;
}

.album-detail .album-photo .swiper-wrap-pagination-item {
  cursor: pointer;
  flex: 1 0;
}

.album-detail .album-photo .swiper-wrap-pagination-item img {
  width: 8.594vw;
  margin: 0 auto;
}

.album-detail .album-photo .swiper-wrap-pagination-item .img {
  display: block;
}

.album-detail .album-photo .swiper-wrap-pagination-item .active-img {
  display: none;
}

.album-detail .album-photo .swiper-wrap-pagination-item.active img {
  display: none;
}

.album-detail .album-photo .swiper-wrap-pagination-item.active .active-img {
  display: block;
}

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

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

.album-detail .album-photo .photo-popup .picture {
  display: none;
  width: 600px;
  max-width: 90%;
}

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

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

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

.album-detail .album-photo .photo-popup .btn-download {
  background: url(./../../../../images/bts/discography/rm/rpwp/ui/btn-download.png)
    center/100% no-repeat;
}

.album-detail .album-photo .photo-popup .btn-close-popup {
  background: url(./../../../../images/bts/discography/rm/rpwp/ui/btn-close-popup.png)
    center/100% no-repeat;
}

/* [E] PHOTO */

/* [S] VIDEO */
.album-detail .album-video {
  padding: 5.729vw 0 7.292vw;
  margin-top: 0;
  background: url(../../../../images/bts/discography/rm/rpwp/ui/bg-video.png)
    no-repeat top 25.052vw center/100%;
}

.album-detail .album-video .con {
  max-width: 50%;
  margin: 0 auto;
}

.album-detail .album-video .contents-title img {
  max-width: 6.094vw;
}

.album-detail .album-video .slide-wrap > ul {
  width: 100%;
}

.album-detail .album-video .con .slide-wrap > ul > li .contents-obj {
  height: auto;
}

.album-detail .album-video .slide-wrap > ul > li .contents-obj::after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.album-detail .album-video .slide-wrap > ul > li .btn-play {
  position: absolute;
  top: 0;
  left: 0;
}

.album-detail .album-video .bottom {
  width: 100%;
  margin-top: 45px;
}

.album-detail .album-video .bottom ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.album-detail .album-video .bottom ul li {
  flex: 0 0 50%;
  width: 50%;
  padding: 0;
}

.album-detail .album-video .bottom ul.third li:nth-child(n + 3) {
  margin-top: 1.302vw;
}

.album-detail .album-video .bottom ul li .btn {
  padding: 0;
  margin: 0 auto;
}

.album-detail .album-video .bottom ul li .contents-sub img {
  height: 0.729vw;
}

.album-detail .album-video .bottom ul li .contents-sub .img {
  display: block;
}

.album-detail .album-video .bottom ul li .contents-sub .active-img {
  display: none;
}

.album-detail .album-video .bottom ul li.active .contents-sub .img {
  display: none;
}

.album-detail .album-video .bottom ul li.active .contents-sub .active-img {
  display: block;
}

.album-detail .album-video .bottom ul li:nth-child(2),
.album-detail .album-video .bottom ul li:nth-child(3),
.album-detail .album-video .bottom ul li:nth-child(5),
.album-detail .album-video .bottom ul li:nth-child(6) {
  flex: 0 0 15%;
  width: 15%;
}

.album-detail .album-video .bottom ul li:nth-child(2),
.album-detail .album-video .bottom ul li:nth-child(5) {
  margin-left: 10%;
}

.album-detail .album-video .bottom ul li {
  margin-top: 1.302vw;
}

.album-detail .album-video .bottom ul li:nth-child(7),
.album-detail .album-video .bottom ul li:nth-child(8) {
  margin-top: 3.385vw;
}

.album-detail .album-video .bottom ul li .contents-sub img {
  margin: auto;
}

/* [E] VIDEO */

/* [S] TRACK LIST */
.album-detail .track-list {
  max-width: 100%;
  padding-top: 5.729vw;
  padding-bottom: 5.688vw;
  background: url(../../../../images/bts/discography/rm/rpwp/ui/bg-tracklist.png)
    no-repeat top 35.177vw center/100%;
}

.album-detail .track-list .con {
  max-width: 50%;
  margin: 0 auto;
}

.album-detail .track-list .contents-title img {
  max-width: 8.385vw;
}

/* [E] TRACK LIST */

/* [S] LAST */
.album-detail .last {
  margin-bottom: 30px;
}

.album-detail .last img {
  width: 5.052vw;
  margin: 0 auto;
}

.pc-only {
  display: block !important;
}

.mo-only {
  display: none !important;
}

@media all and (max-width: 768px) {
  .pc-only {
    display: none !important;
  }

  .mo-only {
    display: block !important;
  }

  .album-detail .contents-title {
    margin-bottom: 5.208vw;
  }

  /* [S] PHOTO */
  .album-detail .album-photo {
    padding-top: 19.531vw;
    padding-bottom: 7.943vw;
    background: none;
  }

  .album-detail .album-photo .contents-title img {
    max-width: 18.229vw;
  }

  .album-detail .album-photo .swiper-wrap .swiper-box {
    max-width: 100%;
    padding: 0;
  }

  .album-detail .album-photo .swiper-wrap .swiper-box .swiper-btn-prev,
  .album-detail .album-photo .swiper-wrap .swiper-box .swiper-btn-next {
    width: 3.906vw;
    height: 3.906vw;
    z-index: 1;
  }

  .album-detail .album-photo .swiper-wrap .swiper-box .swiper-btn-prev {
    left: 4.167vw;
  }

  .album-detail .album-photo .swiper-wrap .swiper-box .swiper-btn-next {
    right: 4.167vw;
  }

  .album-detail .album-photo .swiper-wrap-pagination {
    max-width: 100%;
    padding-top: 5.729vw;
    padding-bottom: 5.729vw;
  }

  .album-detail .album-photo .swiper-wrap-pagination-item img {
    width: 27.865vw;
  }

  /* [E] PHOTO */
  /* [S] VIDEO */
  .album-detail .album-video {
    padding-top: 31.51vw;
    padding-bottom: 12.76vw;
    background: url(../../../../images/bts/discography/rm/rpwp/ui/bg-video-mo.png)
      no-repeat top 0 center/100%;
  }

  .album-detail .album-video .con {
    max-width: 100%;
  }

  .album-detail .album-video .contents-title img {
    max-width: 17.448vw;
  }

  .album-detail .slide-wrap > ul > li .contents-sub {
    padding-top: 5.469vw;
    padding-bottom: 0;
  }

  .album-detail .slide-wrap > ul > li .contents-sub img {
    height: 2.604vw;
    margin: 0 auto;
  }

  .album-detail .album-video .slide-wrap > ul > li {
    margin-bottom: 0;
    padding-bottom: 16.927vw;
  }

  .album-detail .album-video .slide-wrap > ul > li:nth-child(4) {
    padding-bottom: 0;
  }

  .album-detail .album-video .slide-wrap > ul > li:nth-child(5) {
    padding-top: 16.927vw;
    padding-bottom: 16.927vw;
    background: url(../../../../images/bts/discography/rm/rpwp/ui/bg-video-mo-2.png)
      no-repeat top 2.423vw center/100%;
  }

  .album-detail .album-video .slide-wrap > ul > li:nth-child(7) {
    padding-top: 16.927vw;
    padding-bottom: 8.463vw;
    background: url(../../../../images/bts/discography/rm/rpwp/ui/bg-video-mo-3.png)
      no-repeat top 2.423vw center/100%;
  }

  .album-detail .album-video .slide-wrap > ul > li:nth-child(8) {
    padding-top: 8.463vw;
    padding-bottom: 0;
  }

  .album-detail .album-video .slide-wrap > ul > li:nth-child(9) {
    padding-top: 16.927vw;
    padding-bottom: 0;
    background: url(../../../../images/bts/discography/rm/rpwp/ui/bg-video-mo-4.png)
      no-repeat top 6.12vw center/100%;
  }

  .album-detail .album-video .slide-wrap > ul > li:nth-child(10) {
    padding-top: 16.927vw;
    padding-bottom: 0;
    background: url(../../../../images/bts/discography/rm/rpwp/ui/bg-video-mo-5.png)
      no-repeat top 8.464vw center/100%;
  }

  .album-detail .album-video .slide-wrap > ul > li:nth-child(11) {
    padding-top: 16.927vw;
  }

  .album-detail .album-video .slide-wrap ul > li.pc-only:nth-child(2),
  .album-detail .album-video .slide-wrap ul > li.pc-only:nth-child(3),
  .album-detail .album-video .slide-wrap ul > li.pc-only:nth-child(5),
  .album-detail .album-video .slide-wrap ul > li.pc-only:nth-child(6) {
    position: absolute !important;
    display: none;
    top: 0;
  }

  .album-detail .album-video .slide-wrap ul > li.pc-only:nth-child(5) {
    top: 13.8%;
  }

  .album-detail .album-video .slide-wrap ul > li.pc-only:nth-child(6) {
    top: 17.44%;
  }

  .album-detail .album-video .slide-wrap ul > li.pc-only.active:nth-child(2),
  .album-detail .album-video .slide-wrap ul > li.pc-only.active:nth-child(3),
  .album-detail .album-video .slide-wrap ul > li.pc-only.active:nth-child(5),
  .album-detail .album-video .slide-wrap ul > li.pc-only.active:nth-child(6) {
    display: block !important;
    z-index: 5;
  }

  .album-detail .album-video .slide-wrap ul li .bottom {
    display: block;
    margin-top: 0;
    z-index: 10;
  }

  .album-detail .album-video .slide-wrap ul li .bottom ul li h3 img {
    height: 2.604vw;
  }

  .album-detail
    .album-video
    .slide-wrap
    ul
    li
    .bottom
    .first
    li:first-child
    h3
    img,
  .album-detail
    .album-video
    .slide-wrap
    ul
    li
    .bottom
    .second
    li:nth-child(4)
    h3
    img {
    display: block;
  }

  /* [E] VIDEO */

  /* [S] TRACK LIST */
  .album-detail .track-list {
    padding-top: 12.76vw;
    padding-bottom: 7.292vw;
  }

  .album-detail .track-list .con {
    max-width: 100%;
  }

  .album-detail .track-list .contents-title img {
    max-width: 19.01vw;
  }
  /* [E] TRACK LIST */

  /* [E] CREDIT */
  .album-detail .last img {
    width: 14.063vw;
  }

  .pc-only {
    display: none !important;
  }

  .mo-only {
    display: block !important;
  }
}