/* 050301.css — 인재상
   수치는 design/050301_인재상.png(1920×3067) 픽셀 실측 기준.
   단일 줄 텍스트는 line-height:1 로 두어 잉크 박스 ≈ 라인 박스가 되게 하고,
   요소 간 여백은 실측 delta 를 그대로 margin 으로 넣는다. */

/* ── 가치 섹션 : 상·하 padding 83 동일 ── */
.value-section--white {
  background: var(--color-bg);
}

.value-section--gray {
  background: var(--color-bg-alt);
}

.value-section__inner {
  max-width: var(--container);
  margin: 0 auto;
  padding: 83px var(--gutter-pc) 79px;
  text-align: center;
}

.value-section__eyebrow {
  font-family: Consolas, "Courier New", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0; /* 실측상 자간 없음 */
  color: var(--color-muted);
}

.value-section__title {
  margin-top: 17px;
  font-size: 36px; /* "창의적인 사람" 실측 폭 192 */
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.5px;
  color: var(--color-text);
}

/* 아이콘 실측 164×176 / 167×161 / 161×153 → 180 고정 박스에 중앙 정렬 */
.value-section__icon-box {
  margin-top: 64px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.value-section__icon {
  display: block;
}

.value-section__statement {
  margin-top: 47px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.5px;
  color: var(--color-text);
}

.text-accent {
  color: var(--color-primary);
}

.value-section__desc {
  margin-top: 22px;
  font-size: 19px;
  letter-spacing: 0.25px;
  line-height: 30px;
  color: var(--color-text-sub);
}

/* ── CTA : 밴드 2418~2868 (450) = 88 + 32 + 56 + 114 + 160 ── */
.cta {
  background: var(--color-bg-alt);
}

.cta__inner {
  max-width: var(--container);
  margin: 0 auto;
  padding: 88px var(--gutter-pc) 160px;
}

.cta__title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.5px;
  color: var(--color-text);
  text-align: center;
}

.cta__cards {
  margin-top: 53px;
  display: flex;
  gap: 24px; /* 카드1 우측 948 → 카드2 좌측 972 */
}

/* 카드 564×114 (stroke rect 563×113 + stroke 1), radius 11.5+0.5 */
.cta-card {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 25px;
  height: 114px;
  padding: 0 32px; /* 카드 384 → 아이콘 416 */
  background: var(--color-bg);
  border: 1px solid var(--color-line);
  border-radius: 12px;
}

.cta-card__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--color-icon-bg);
  color: var(--color-primary);
}

.cta-card__icon img {
  width: auto;
  height: auto;
}

.cta-card__body {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.cta-card__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.5px;
  color: var(--color-text);
}

.cta-card__link {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  font-size: 16px;
  line-height: 1;
  color: var(--color-primary);
}

.cta-card__link img {
  width: 14px;
  height: 14px;
}

/* ── 태블릿 ── */
@media (max-width: 1023px) {
  .value-section__inner {
    padding: 64px var(--gutter-mo);
  }

  .cta__inner {
    padding: 64px var(--gutter-mo);
  }

  .cta__cards {
    flex-direction: column;
  }
}

/* ── 모바일 ── */
@media (max-width: 767px) {
  .value-section__inner,
  .cta__inner {
    padding: 48px var(--gutter-mo);
  }

  .value-section__title {
    font-size: 24px;
  }

  .value-section__icon-box {
    margin-top: 40px;
    height: 120px;
  }

  .value-section__icon {
    width: auto;
    height: 110px;
  }

  .value-section__statement {
    margin-top: 32px;
    font-size: 20px;
    line-height: 30px;
  }

  .value-section__desc {
    margin-top: 16px;
    font-size: 15px;
    line-height: 26px;
  }

  .cta__title {
    font-size: 24px;
    line-height: 34px;
  }

  .cta__cards {
    margin-top: 32px;
  }

  .cta-card {
    height: auto;
    padding: 24px;
  }
}