.first-container {
  padding: 5% 0 0;
}

/*===overview===*/

.overview-area {
  margin-bottom: 8%;
}

.overview-title {
  width: 15%;
  margin: 0 auto 6%;
}

.overview-detail {
  width: 32%;
  margin: 0 auto 5%;
}

.overview-diagnosis_text {
  width: 21%;
  margin: 0 auto 2%;
}

.overview-diagnosis-btn {
  width: 34%;
  margin: 0 auto 4%;
}

.overview-worries_text {
  width: 20%;
  margin: 0 auto 2%;
}

.overview-worries_btn {
  width: 34%;
  margin: 0 auto;
}

/*===service===*/

.service-area {
  background-color: rgba(203, 230, 220, 0.25);
  padding: 8% 0;
}

.service-title {
  display: flex;
  width: 21%;
  margin: 0 auto 5%;
  justify-content: center;
  gap: 20px;
  max-width: 300px;
}

.service-list {
  display: flex;
  max-width: 940px;
  margin: 0 auto 4%;
  flex-wrap: wrap;
  gap: 60px 100px;
}

.service-content {
  width: calc((100% - 200px) / 3);
}

.service-content_title {
  width: 60%;
  margin: 0 auto 5%;
}

.service-content_icon {
  width: 62%;
  margin: 0 auto 10%;
}

.service-content_detail {
  width: 100%;
  margin: 0 auto 10%;
}

.service-content_link {
  width: 45%;
  margin: 0 auto;
}

.service-btn {
  width: 34%;
  margin: 0 auto;
}

/*===BEST SELLER===*/

.seller-area {
  padding: 10% 0 5%;
}

.seller-title {
  width: 14%;
  margin: 0 auto 4%;
}

.seller-list {
  display: flex;
  max-width: 1020px;
  margin: 0 auto 4%;
  justify-content: center;
  gap: 80px;
  width: 80%;
}

.seller-item {
  width: 100%;
}

.lineUp-btn {
  width: 34%;
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  .first-container {
    padding: 10% 0 0;
  }

  .overview-area {
    margin-bottom: 20%;
  }

  .overview-title {
    width: 43%;
    margin: 0 auto 15%;
  }

  .overview-detail {
    width: 85%;
    margin: 0 auto 16%;
  }

  .overview-diagnosis_text {
    width: 60%;
    margin: 0 auto 5%;
  }

  .overview-worries_text {
    width: 55%;
    margin: 0 auto 5%;
  }

  .overview-diagnosis-btn {
    width: 85%;
    margin: 0 auto 10%;
  }

  .overview-worries_btn {
    width: 85%;
    margin: 0 auto;
  }

  /*===service===*/

  .service-area {
    padding: 20% 0;
  }

  .service-title {
    width: 100%;
    gap: 15px;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 10%;
    max-width: 100%;
  }

  .service-title img:first-child {
    width: 60%;
  }

  .service-title img:last-child {
    width: 53%;
  }

  .service-content_icon {
    width: 95%;
    margin: 0 auto 16%;
  }

  .service-content_link {
    width: 70%;
    margin: 0 auto;
  }

  .service-content_detail {
    margin: 0 auto 14%;
  }

  .service-content {
    width: calc((100% - 20px) / 2);
  }

  .service-content_title {
    width: 80%;
    margin: 0 auto 5%;
  }

  .service-list {
    gap: 70px 20px;
    width: 80%;
    margin: 0 auto 20%;
  }

  .service-btn {
    width: 85%;
  }

  /*===seller===*/

  .seller-area {
    padding: 20% 0 10%;
  }

  .seller-list {
    width: 75%;
  }

  .seller-title {
    width: 40%;
    margin: 0 auto 15%;
  }

  .seller-list {
    flex-direction: column;
    margin: 0 auto 15%;
  }

  .lineUp-btn {
    width: 80%;
  }
}