/* -----------------------------
   detail-visual
------------------------------ */
.detail-visual {
  margin: 65px 0 90px;

  .detail-visual__inner {
    max-width: 730px;

    .detail-visual__img {
      width: 100%;
      display: block;
    }
  }
}

@media screen and (max-width: 768px) {
  .detail-visual {
    margin: 70px 0 100px;
  }
}

/* -----------------------------
   job-about
------------------------------ */
.job-about {
  .job-about__inner {
    display: flex;
    gap: 60px;

    .job-about__left {
      width: 34%;
    }

    .job-about__right {
      width: 62%;
    }
  }

  .job-about__left_buttons {
    .job-about__entry-btn {
      display: block;
      width: max-content;
      padding: 10px 25px;
      background: #092956;
      color: #fff;
      border-radius: 999px;
      font-size: 1.6rem;
      margin: 33px 0 23px;
    }
    .job-about__back-link {
      display: inline-block;
      margin-top: 10px;
      font-size: 1.3rem;
      color: #666;
    }
  }
}

@media screen and (max-width: 768px) {
  .job-about {
    .job-about__inner {
      flex-direction: column;
      gap: 30px;

      .job-about__left,
      .job-about__right {
        width: 100%;
      }
    }
  }
}