.service__header {
  text-align: start;
  margin-top: 50px;

//padding: 0 20px;
}
.service__title {
  color: #aaa;
  font-size: 40px;
  font-weight: 800;
  line-height: normal;
}
.service__text {
  margin-top: 20px;
  color: #2f2f2f;
  font-size: 40px;
  font-weight: 800;
  line-height: normal;
}

.service__section__grid {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 20px;
}

.about__card,
.about__card__two,
.about__card__three {
  background-color: white;
  border-radius: 4px;
  min-height: 200px;
  white-space: nowrap;
}

.about__card,
.about__card__three {
  padding: 40px 0px 40px 40px;
}

.about__card__two {
  padding: 40px;
}

.card__title {
  text-align: start;
  color: #2f2f2f;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  text-wrap: wrap;
}

.card__text {
  white-space: initial;
  margin-top: 46px;
  display: grid;
  color: #2f2f2f;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.card__text__inner {
  white-space: initial;
  margin-top: 46px;
  display: grid;
  color: #2f2f2f;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.first__card__text {
  white-space: initial;
  color: #2f2f2f;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-top: 46px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.first__card__text_inner {
  white-space: initial;
  color: #2f2f2f;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-top: 46px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.first__card__text > div {
  flex: 1 1 calc(50% - 10px); /* 각 div가 한 줄에 두 개씩 배치되도록 */
  display: flex;
  align-items: center;
}

.first__card__text_inner > div {
  flex: 1 1 calc(50% - 10px); /* 각 div가 한 줄에 두 개씩 배치되도록 */
  display: flex;
  align-items: center;
}

.card__text {
  gap: 20px;
}

.card__text__inner {
  gap: 20px;
}

.card__text p {
  text-align: start;
  line-height: 36px;
}

.card__text__inner p {
  text-align: start;
}

.card__text strong {
  font-weight: 700;
}

.card__text__inner strong {
  font-weight: 700;
}

.card__text q {
  color: #aaa;
}

.card__text__inner q {
  color: #aaa;
}

.first__card__text div,
.card__text div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.first__card__text__inner div,
.card__text__inner div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.first__card__text img,
.card__text img {
  width: 20px;
  height: 20px;
}

/* .first__card__text__inner img,
.card__text__inner img {
  width: 120px;
  height: auto;
  opacity: 0.4;
  float: right;
  z-index: 0;
} */

.first__card__text__inner img,
.card__text__inner img {
  width: 140px;
  height: auto;
  opacity: 0.4;
  z-index: 1;
  position: absolute;
  margin-left: 250px;
  margin-top: -30px;
}

.about__card {
  flex: 6;
}
.about__card__two {
  flex: 4;
}

.about__card__three {
  flex: 1;
}

.first__card__text {
  gap: 16px;
}

.first__card__text__inner {
  gap: 16px;
}

.card__container {
  width: 100%;
  display: flex;
  gap: 20px;
}

.card__container__inner {
  width: 317px;
}

@media (max-width: 1320px) and (min-width: 769px) {
  .service {
    margin: 0 auto;
    padding: 100px 200px 0px 200px;
    height: auto;
  }

  .about__card {
    width: 100%;
    max-width: 904px;
    /* height: 250px; */
  }

  .about__card__two {
    width: 100%;
    max-width: 600px;
    /* height: 250px; */
  }

  .about__card__three {
    width: 100%;
    max-width: 493px;
    /* height: 300px; */
  }

  .card__container__inner {
    width: 317px;
  }

}

@media (max-width: 768px) {
  #service {
    margin-top: 48px;
  }

  .service__title,
  .service__text,
  .service__strong {
    font-size: 28px;
  }

  .card__container {
    flex-direction: column;
  }

  .about__card,
  .about__card__two,
  .about__card__three {
    /* flex: 1 1 100%; */
    padding: 20px 0px 0px 20px;
    height: auto;
    flex-wrap: wrap;
  }
  .card__title {
    font-size: 20px;
    line-height: 30px;
  }
  .first__card__text,
  .card__text {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .first__card__text__inner,
  .card__text__inner {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .first__card__text div {
    margin-bottom: 20px;
  }

  .first__card__text__inner div {
    margin-bottom: 20px;
  }

  .first__card__text {
    text-wrap: nowrap;
  }

  .first__card__text__inner {
    text-wrap: nowrap;
  }

  .card__container__inner {
    width: 317px;
  }

  .first__card__text__inner img,
  .card__text__inner img {
    width: 120px;
    margin-left: 190px;
    margin-top: -30px;
  }

}

@media (max-width: 360px) {
  .first__card__text__inner img,
  .card__text__inner img {
    width: 120px;
    margin-left: 130px;
    margin-top: -30px;
  }

  .case__header{
    padding: 0 20px;
  }


}