/* ====================================================
   careers-talent (인재채용 — 한솔경영체계 HMS)
   좌측 헤더 + 우측 콘텐츠 좌우 분할 레이아웃
   ==================================================== */

/* 페이지 타이틀 영역 — 가로선은 motion-child 영향 밖의 별도 div로 분리 */
.wd-sub.wd-hms-title { padding-bottom: 0; }
.wd-hms-title .wd-stitle { margin-bottom: 56px; }
.wd-hms-title__divider {
  border-bottom: 2px solid var(--wd-text-primary);
}
.wd-hms--intro { padding-top: 80px; }
@media (max-width: 768px) {
  .wd-hms-title .wd-stitle { margin-bottom: 40px; }
  .wd-hms--intro { padding-top: 60px; }
}

/* ── Row: 좌우 분할 ─────────────────────────────────── */
.wd-hms__row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 3fr;
  gap: 80px;
  align-items: start;
}

/* ── Head (좌측) ────────────────────────────────────── */
.wd-hms__head { padding-top: 4px; }
.wd-hms__heading {
  font-size: 56px;
  font-weight: 800;
  color: var(--wd-text-primary);
  letter-spacing: -0.045em;
  line-height: 1.15;
  margin: 0;
  word-break: keep-all;
}

/* ── Body (우측) ────────────────────────────────────── */
.wd-hms__body { min-width: 0; }
.wd-hms__body > * + * { margin-top: 24px; }

.wd-hms__lead {
  font-size: 19px;
  line-height: 1.75;
  color: var(--wd-text-secondary);
  letter-spacing: -0.02em;
  margin: 0;
  word-break: keep-all;
}

/* ── Items (사명·원칙 공통) ─────────────────────────── */
.wd-hms__items {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 2px solid var(--wd-text-primary);
}
.wd-hms__item {
  padding: 28px 0 0;
  border-bottom: 1px solid var(--wd-border-light, #e5e7eb);
}
.wd-hms__item-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--wd-text-primary);
  letter-spacing: -0.025em;
  line-height: 1.4;
  margin: 0 0 20px;
  word-break: keep-all;
}
.wd-hms__item-slogan {
  font-size: 17px;
  font-weight: 600;
  color: var(--wd-text-primary);
  letter-spacing: -0.02em;
  margin: -10px 0 18px;
  word-break: keep-all;
}
.wd-hms__item-body {
  background: var(--wd-surface-light, #f7f7f8);
  padding: 24px 28px;
  margin-bottom: 28px;
  border-radius: 4px;
}
.wd-hms__item-body p {
  font-size: 17px;
  line-height: 1.75;
  color: var(--wd-text-secondary);
  letter-spacing: -0.02em;
  margin: 0;
  word-break: keep-all;
}
.wd-hms__item-body p + p { margin-top: 12px; }

/* ── Diagram (우리의 원칙 섹션) ─────────────────────── */
.wd-hms__diagram {
  margin: 24px 0 0;
  text-align: center;
}
.wd-hms__diagram img {
  display: inline-block;
  width: 100%;
  max-width: 520px;
  height: auto;
}

/* ── Tablet (≤1024px) ───────────────────────────────── */
@media (max-width: 1024px) {
  .wd-hms__row { gap: 56px; }
  .wd-hms__heading { font-size: 44px; }
  .wd-hms__lead { font-size: 17px; }
  .wd-hms__item-title { font-size: 20px; }
  .wd-hms__item-slogan { font-size: 16px; }
  .wd-hms__item-body p { font-size: 16px; }
}

/* ── Mobile (≤768px) — 좌우 → 상하 적층 ─────────────── */
@media (max-width: 768px) {
  .wd-hms__row {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .wd-hms__head { padding-top: 0; }
  .wd-hms__heading { font-size: 32px; letter-spacing: -0.04em; }
  .wd-hms__body > * + * { margin-top: 18px; }
  .wd-hms__lead { font-size: 16px; line-height: 1.7; }
  .wd-hms__item { padding-top: 22px; }
  .wd-hms__item-title { font-size: 18px; margin-bottom: 14px; }
  .wd-hms__item-slogan { font-size: 14px; margin: -6px 0 14px; }
  .wd-hms__item-body { padding: 18px 20px; margin-bottom: 22px; }
  .wd-hms__item-body p { font-size: 15px; line-height: 1.7; }
  .wd-hms__diagram img { max-width: 360px; }
}