/* ========================================
   section-cta (페이지 CTA 배너)
   ======================================== */

.section-cta {
  width: 100%;
  height: 35.6875rem; /* 571px */
  background-color: var(--color-brand-dark);
}

.section-cta__container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-cta__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.section-cta__title {
  margin: 0;
  font-family: var(--font-suit);
  font-weight: var(--fw-suit-bold); /* 600 */
  font-size: var(--fs-title); /* 40px */
  line-height: 130%;
  color: var(--color-white);
  word-break: keep-all;
  overflow-wrap: break-word;
}

.section-cta__desc {
  margin: 0.625rem 0 0; /* 10px */
  font-family: var(--font-suit);
  font-weight: 300;
  font-size: var(--fs-body-02); /* 22px */
  line-height: 130%;
  color: var(--color-brand-light-1);
  word-break: keep-all;
  overflow-wrap: break-word;
}

.section-cta__button {
  margin-top: 1.875rem; /* 30px */
}

.section-cta__word {
  display: inline-block;
  white-space: nowrap;
}

.section-cta__char {
  display: inline-block;
  will-change: transform, opacity;
}

.section-cta__title-break {
  display: none;
}

@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .section-cta__title {
    font-size: clamp(1.5rem, 3.128vw, 2rem); /* 32px */
  }
}

@media (max-width: 47.9375rem) {

  .section-cta {
    height: 22.6875rem; /* 360px */
  }

  .section-cta__title {
    font-size: clamp(1.091rem, 5.455vw, 1.5rem); /* 24px */
  }

  .section-cta__title-break {
    display: block;
  }
}