/* 올세라믹 · 지르코니아 — 시안 치수 전용 레이어.
   공통 레이어(newn-figma-2nd.css)에 없는 값만 적는다. 공통 파일은 고치지 않는다. */

/* ── 섹션 여백 ─────────────────────────────
   시안 프레임의 섹션별 위·아래 여백을 그대로 박는다. */
.fg14e-sec--def1 { background: #ffffff; padding: 170px 0; }
.fg14e-sec--adv1 { background: #f5f5f5; padding: 130px 0 150px; }
.fg14e-sec--def2 { background: #ffffff; padding: 130px 0 160px; }
.fg14e-sec--adv2 { background: #f5f5f5; padding: 130px 0 248px; }

/* ── 본문 사진 ─────────────────────────────
   시안 프레임이 곧 사진 영역이라 래퍼를 두지 않는다.
   공통 레이어가 figure 여백을 0 으로 고정하므로 img 에 직접 준다. */
.fg14e-figure {
  display: block;
  width: 100%;
  margin: 70px 0 0;
  object-fit: cover;
  background: #f0f0f0;
}
.fg14e-figure--def1 { height: 445px; object-position: 50% 24.1%; }
.fg14e-figure--def2 { height: 375px; object-position: 50% 50%; }

/* ── 장점 카드 ─────────────────────────────
   한 줄에 세 칸, 두 줄. 테두리는 시안이 INSIDE 라 border 로 옮겨도 박스가 안 커진다. */
.fg14e-adv {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 60px 0 0;
}
.fg14e-adv__row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.fg14e-card {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 28px 32px;
  border: 1px solid #e4e4e4;
  background: #ffffff;
}
.fg14e-card__text {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.255px;
  color: #0a0a0a;
}
/* 시안에서 폭이 글자 길이에 맞춰진 칸 — 그 폭을 그대로 둔다 */
.fg14e-card__text--w250 { width: 250px; white-space: nowrap; }
.fg14e-card__text--w281 { width: 281px; white-space: nowrap; }

/* ── 아래 넓은 안내 칸 ─────────────────────── */
.fg14e-note {
  padding: 28px 32px;
  border: 1px solid #e4e4e4;
  background: #ffffff;
}
.fg14e-note--first { margin: 60px 0 0; }
.fg14e-note--second { margin: 14px 0 0; }
.fg14e-note__text {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.255px;
  color: #0a0a0a;
}

/* ── 좁은 화면 ─────────────────────────────
   시안에 모바일 프레임이 없다. 첫 화면은 사진이 주인공이고,
   글자는 작게 위아래로 몰아 가운데를 사진에 비운다(공통 레이어가 히어로를 맡는다).
   본문은 시안의 강제 줄바꿈을 풀어 화면 폭에 맞게 흐르게 한다. */
@media (max-width: 1023px) {
  .fg14e-br { display: none; }

  .fg14e-sec--def1 { padding: 56px 0 48px; }
  .fg14e-sec--adv1 { padding: 48px 0 52px; }
  .fg14e-sec--def2 { padding: 48px 0 52px; }
  .fg14e-sec--adv2 { padding: 48px 0 64px; }

  .fg14e-figure { margin: 28px 0 0; }
  .fg14e-figure--def1 { height: 220px; }
  .fg14e-figure--def2 { height: 200px; }

  .fg14e-adv { margin: 28px 0 0; gap: 12px; }
  .fg14e-adv__row { flex-direction: column; align-items: stretch; gap: 12px; }
  .fg14e-card { padding: 16px 18px; }
  .fg14e-card__text { font-size: 16px; line-height: 26px !important; }
  .fg14e-card__text--w250,
  .fg14e-card__text--w281 { width: auto; white-space: normal; }

  .fg14e-note { padding: 16px 18px; }
  .fg14e-note--first { margin: 28px 0 0; }
  .fg14e-note--second { margin: 12px 0 0; }
  .fg14e-note__text { font-size: 16px; line-height: 26px !important; }
}