/* 사랑니 발치 — 이 지면 전용 레이어. 공통 레이어(newn-figma-2nd.css) 위에 얹는다.
   치수는 시안 프레임(1920 폭) 값을 그대로 박는다. 근사 클래스를 쓰지 않는다. */

/* 정의 섹션 사진 — 시안 프레임 1200x400, 세로 긴 원본에서 가운데 띠만 보인다 */
.fg14w-figure__media {
  width: 100%;
  height: 400px;
  display: block;
  object-fit: cover;
  object-position: 50% 52.54%;
}

/* 굵은 소제목 + 설명 한 덩이 — 소제목은 글자 폭만큼만 차지한다 */
.fg14w-note { display: flex; flex-direction: column; gap: 0; margin-top: 64px; }
.fg14w-note__title {
  margin: 0;
  width: fit-content;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.255px;
  color: #0a0a0a;
}
.fg14w-note__desc {
  margin: 0;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  color: #6b6b6b;
}

/* 그대로 두면 생기는 문제 — 흰 카드. 테두리는 안쪽으로 그려 박스 크기를 바꾸지 않는다 */
.fg14w-grid { display: flex; flex-direction: column; gap: 14px; margin-top: 66px; }
.fg14w-row { display: flex; gap: 14px; }
.fg14w-card {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 30px;
  background: #ffffff;
  border: 1px solid #e4e4e4;
}
.fg14w-card--wide { margin-top: 14px; }
.fg14w-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -0.255px;
  color: #0a0a0a;
}
.fg14w-card__desc {
  margin: 0;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  color: #6b6b6b;
  /* 시안은 어절을 붙들지 않고 줄을 채운다 — 줄 수를 맞추려면 같은 방식이어야 한다 */
  word-break: normal;
}

/* 가로로 미는 카드 줄 — 시안 프레임에는 아래 여백이 없다.
   미는 띠는 그림 위에 겹쳐 그려지므로 자리를 따로 비우지 않는다. */
.fg14w .fg2-rail { padding-bottom: 0; }

/* 맞물린 어금니 그림 */
.fg14w-shot {
  width: 100%;
  height: 300px;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  margin-top: 50px;
}

/* ── 좁은 화면 ─────────────────────────────
   폰 첫 화면은 사진이 주인공이다. 글자는 작게 위아래로 몰고 가운데를 그림에 비운다.
   카드는 가로로 세우면 글자가 뭉개져 세로로 쌓는다. */
@media (max-width: 1023px) {
  /* 넓은 화면의 줄 나눔을 좁은 화면까지 들고 가면 한 줄에 낱말 두어 개만 남는다.
     줄 나눔을 지우고 글이 폭에 맞춰 흐르게 둔다 — 앞의 공백이 낱말을 갈라 준다. */
  .fg14w-br { display: none; }
  .fg14w-figure__media { height: 240px; }
  .fg14w-note { margin-top: 36px; }
  .fg14w-note__desc { line-height: 26px; }
  .fg14w-grid { margin-top: 36px; }
  .fg14w-row { flex-direction: column; gap: 14px; }
  .fg14w-card { padding: 22px 20px; }
  .fg14w-card__desc { line-height: 26px; }
  .fg14w-shot { height: 200px; margin-top: 32px; }
}