@import "./style.css";

/* -----HEADER----- */
.header {
  position: relative;
}
.header-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}

/* -----MAIN----- */
.btn-drop {
  /* opacity: 0.5; */
  aspect-ratio: 3.6/1;
}

/* -----LINE UP----- */
.share-box {
  /* background: rgba(0, 0, 0, 0.5); */
  display: flex;
  justify-content: space-between;
  height: auto;
  position: absolute;
  bottom: 8.7%;
  width: 28%;
}
.share-box button {
  width: 46%;
  aspect-ratio: 1;
  opacity: 0;
}

@media screen and (min-width: 751px) {
  /* -----COUNTENT----- */
  .pc {
    display: none !important;
  }
  .warp {
    max-width: 750px;
  }
  .scroll-tab {
    max-width: 750px;
  }
  /* -----LINE UP----- */
  .video-wrap {
    width: 80%;
    bottom: 55%;
  }
  .swiper-content {
    bottom: 26.2%;
    width: 80%;
  }
  .swiper-slide .font-media {
    font-size: 14px;
  }
}