/* 원데이 임플란트 — 시안 치수 전용 레이어.
   공통 레이어(newn-figma-2nd.css)에 없는 값만 적는다. 공통 파일은 고치지 않는다. */

/* ── 섹션 여백 ─────────────────────────────
   시안 프레임의 섹션별 위·아래 여백을 그대로 박는다. */
.fg14i-sec--def    { background: #ffffff; padding: 170px 0; }
.fg14i-sec--point  { background: #f5f5f5; padding: 130px 0 134px; }
.fg14i-sec--spec   { background: #ffffff; padding: 130px 0; }
.fg14i-sec--tech   { background: #f5f5f5; padding: 170px 0; }
.fg14i-sec--studio { background: #ffffff; padding: 170px 0 168px; }
.fg14i-sec--clinic { background: #f5f5f5; padding: 170px 0 277px; }

/* 시안에 연속 공백이 있는 줄 — HTML 은 공백을 한 칸으로 접으므로 원문대로 보존한다 */
.fg14i-keepspace { white-space: pre-wrap; }

/* ── 정의 섹션의 큰 사진 — 테두리 안쪽에 사진이 들어간다 ── */
.fg2 .fg14i-figure { margin: 60px 0 0 !important; border: 1px solid #e4e4e4; }
.fg14i-figure__media {
  width: 100%;
  height: 400px;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  background: #f0f0f0;
}

/* ── POINT 카드 사진 ───────────────────────
   시안이 한 장의 원본에서 네 구간을 각각 잘라 쓴다.
   잘라낸 자리를 배율과 위치로 그대로 옮긴다(잘라낸 폭 19.219% · 높이 48.058%). */
.fg14i-point__media {
  width: 100%;
  height: 300px;
  display: block;
  background-image: url(/figma/b21f8cbceb032a23805088d283cb14c303e80e43.png);
  background-repeat: no-repeat;
  background-size: 520.32% 208.08%;
  background-color: #f0f0f0;
}
.fg14i-point__media--1 { background-position: 17.72% 0.01%; }
.fg14i-point__media--2 { background-position: 81.55% 0.02%; }
.fg14i-point__media--3 { background-position: 23.24% 99.93%; }
.fg14i-point__media--4 { background-position: 80.93% 100%; }

/* ── 테두리만 있는 안내 박스 ───────────────
   공통 레이어의 노트 박스는 바탕만 있고 테두리가 없다. 이 지면은 테두리를 쓴다. */
.fg14i-note { background: transparent; border: 1px solid #e4e4e4; }

/* 좁은 칩 — 시안에서 이 두 개만 좌우 안쪽 여백이 14 다 */
.fg14i-chip--narrow { padding: 10px 14px; }

/* ── 임플란트 스튜디오 사진 ────────────────
   공통 레이어의 사진 높이(420)와 달라 이 지면 값으로 덮는다. */
.fg2 .fg14i-studio__figure { margin: 70px 0 0 !important; }
.fg14i-studio__media {
  height: 300px;
  border-radius: 0;
  object-position: 50% 50%;
}
.fg14i-studio__notes { margin-top: 35px; }

/* ── 가로로 미는 카드 줄 ───────────────────
   공통 레이어가 아래 여백 4를 두어 줄 높이가 시안보다 커진다 — 이 지면은 0 으로 둔다.
   막대를 감추어도 손가락·트랙패드로 밀리고, 다음 카드가 잘려 보이는 것이 곧 안내다. */
.fg14i-rail { padding-bottom: 0; scrollbar-width: none; }
.fg14i-rail::-webkit-scrollbar { display: none; }

/* ── 좁은 화면 ─────────────────────────────
   폰에서는 사진이 주인공이다. 글자를 줄이고 가로로 밀리는 것을 없앤다. */
@media (max-width: 1023px) {
  .fg14i-sec--def,
  .fg14i-sec--tech,
  .fg14i-sec--studio,
  .fg14i-sec--clinic { padding: 64px 0; }
  .fg14i-sec--point,
  .fg14i-sec--spec { padding: 64px 0; }
  .fg2 .fg14i-figure { margin: 32px 0 0 !important; }
  .fg14i-figure__media { height: 210px; }
  .fg14i-point__media { height: 200px; }
  .fg2 .fg14i-studio__figure { margin: 32px 0 0 !important; }
  .fg14i-studio__media { height: 200px !important; }
  .fg14i-studio__notes { margin-top: 20px; }
  .fg14i-chip--narrow { padding: 8px 14px; }
}