@media (min-width: 64em) {
  .work-detail-container {
    display: none;
    visibility: hidden;
    opacity: 0;
  }

  .work-img-container {
    margin-bottom: 10rem;
  }

  .overview-img-subcontainer {
    max-width: 80rem;
    margin: 0 auto;
  }

  .sub-container {
    max-width: 80rem;
    margin: 0 auto;
  }

  .detail-desktop-top {
    display: block;
    visibility: visible;
    opacity: 1;

    width: 48rem;
    position: absolute;
    right: calc(9.6rem + (24 - 9.6) * ((100vw - 102.4rem) / (143.9 - 102.4)));
  }

  .detail-desktop-bottom {
    display: block;
    visibility: visible;
    opacity: 1;

    width: 48rem;
    position: absolute;
    top: 106rem;
    left: calc(4rem + (12 - 4) * ((100vw - 102.4rem) / (143.9 - 102.4)));
  }

  .work-detail {
    color: #fff;
  }

  .work-detail-bottom {
    text-align: center;
    width: 52rem;
  }

  .check-first {
    position: absolute;
    top: 0;
    left: 10%;
  }

  .check-second {
    position: absolute;
    top: 60%;
    left: 130%;
  }

  .client-name-detail {
    margin-bottom: 4.8rem;
  }

  .fineserve-img-container {
    display: inherit;
    max-height: 160rem;
    max-width: 128rem;
    margin: 0 auto;
  }
}

@media (min-width: 90em) {
  .detail-desktop-top {
    right: 20rem;
  }

  .detail-desktop-bottom {
    left: 8rem;
  }
}