.sc__need-pain .title-wrap .sp-desc:not(:nth-of-type(1)) {
  margin-top: 1.6rem;
}

.sc__need-pain .full-width-image {
  background-image: url("/assets/img/pages/chiropractic/need_sc3_pain_img.png?v=2");
}

.sc__need-problem .problem-content-wrap {
  display: flex;
}

.sc__need-problem .problem-item {
  position: relative;

  width: 33.3333%;
  height: 75rem;

  background: no-repeat 50% 50% / cover;

  transition: all 0.8s;

  overflow: hidden;
}

.sc__need-problem .problem-item:lang(en) {
  height: auto;
}

.sc__need-problem .problem-item:hover {
  width: 52%;
}

.sc__need-problem .problem-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(33, 93, 131, 0.8) 0%,
    rgba(33, 93, 131, 0.8) 100%
  );
  box-shadow: 3px 0px 20px 0px rgba(0, 0, 0, 0.25);

  opacity: 0;
  transition: all 0.8s;
}

.sc__need-problem .problem-item:hover:before {
  opacity: 1;
}

.sc__need-problem .problem-item.problem-1 {
  background-image: url("/assets/img/pages/chiropractic/need_sc4_problem_img_01.png?v=2");
}
.sc__need-problem .problem-item.problem-2 {
  background-image: url("/assets/img/pages/chiropractic/need_sc4_problem_img_02.png?v=2");
}
.sc__need-problem .problem-item.problem-3 {
  background-image: url("/assets/img/pages/chiropractic/need_sc4_problem_img_03.png?v=2");
}

.sc__need-problem .problem-item .text {
  position: relative;

  width: 100%;
  height: 100%;

  padding: 12rem 10rem;

  display: flex;
  flex-direction: column;

  font-size: 1.7rem;
  color: #fff;
}

.sc__need-problem .problem-item .text strong {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  margin-bottom: 4rem;

  font-size: 3.6rem;
  font-weight: 700;
}

.sc__need-problem .problem-item .text strong .click-hint {
  font-size: 1.8rem;
  font-weight: 500;

  background: rgba(100, 161, 196, 0.6);
  color: #fff;

  padding: 0.05em 0.5em;
  margin-top: 1rem;

  animation: blink 3s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.sc__need-problem .problem-item .text p + p {
  margin-top: 1rem;
}

.sc__need-problem .problem-item .default-text {
  position: absolute;
  top: 50%;
  left: 10rem;

  opacity: 1;
  transform: translate(0, -50%);
  transition: all 0.4s;
}

.sc__need-problem .problem-item:hover .default-text {
  opacity: 0;
}

.sc__need-problem .problem-item .hover-text {
  opacity: 0;
  transition: all 0.8s;

  width: 33.333vw;
}

.sc__need-problem .problem-item:hover .hover-text {
  opacity: 1;
}

.sc__need-care .flex-container {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}

.sc__need-care .flex-container .image-wrap {
  width: 42%;
  flex-shrink: 0;
}

.sc__need-care .flex-container .image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc__need-care .flex-container .title-wrap {
  width: 58%;
  max-width: 80rem;

  display: flex;
  flex-direction: column;
  justify-content: center;

  padding-top: 7.4rem;
  padding-bottom: 7.4rem;
  padding-right: 10rem;
  padding-left: 20px;
}

.sc__need-care .flex-container.reverse {
  flex-direction: row-reverse;
  background: linear-gradient(90deg, #f6fdff 0%, #deedf6 100%);
}

.sc__need-care .flex-container.reverse .title-wrap {
  padding-left: 10rem;
  padding-right: 20px;
}

.sc__need-care .flex-container ul {
  display: flex;
  margin-top: 2.4rem;
}

.sc__need-care .flex-container ul li {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-primary);
  text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 11.2em;
  height: 6.8em;

  border-radius: 999px;
  border: 1px solid var(--color-primary);
  background: rgba(230, 240, 246, 0.5);
}

.sc__need-care .flex-container ul li + li {
  margin-left: -1.2rem;
}

/* 반응형 */
@media (max-width: 1280px) {
  .sc__need-problem .problem-content-wrap {
    flex-direction: column;
  }

  .sc__need-problem .problem-item {
    width: 100%;
    height: auto;
  }

  .sc__need-problem .problem-item:hover {
    width: 100%;
  }

  .sc__need-problem .problem-item .text {
    padding: 6rem 4%;
  }

  .sc__need-problem .problem-item .hover-text {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .sc__need-problem .problem-item .text {
    font-size: 1.9rem;
  }
}

@media (max-width: 960px) {
  .sc__need-care .flex-container.reverse,
  .sc__need-care .flex-container {
    flex-direction: column;
  }

  .sc__need-care .flex-container .title-wrap {
    width: 100%;
    max-width: none;
    padding-right: 20px;
  }

  .sc__need-care .flex-container.reverse .title-wrap {
    padding-left: 20px;
  }

  .sc__need-care .flex-container .image-wrap {
    width: 100%;
    height: 360px;
  }

  .sc__need-care .flex-container .image-wrap img {
    object-position: 50% 20%;
  }
}

@media (max-width: 500px) {
  .sc__need-care .flex-container .image-wrap {
    height: 300px;
  }
}