@charset "utf-8";
/* ==========================================================================
   assets/page/56.css — [56] 콧볼축소 (slug: alar-reduction) 전용
   --------------------------------------------------------------------------
   · 모든 셀렉터를 .fs-p-56 스코프 안에 둔다.
   · 색은 전부 var(--fs-*) 토큰. 새 hex 없음.
   · 전용 컴포넌트 4종
       .fs-alar-hero    최소 인트로 히어로(흰 배경 320px · 센터 타이포)
       .fs-alar-def     콧볼 폭 개념 도해 2연(전 → 후)
       .fs-alar-spec    수술정보 6칸 보드 (아이콘 + 라벨바 + 값)
       .fs-alar-time    ★ 시그니처 — '약 40분' 타임 마커 (막대가 좌→우로 차오른다)
       .fs-alar-target  수술대상 (모델 컷 + 체크 4항목)
   ========================================================================== */

/* ---------- A01 · 최소 인트로 히어로 ---------- */
.fs-p-56 .fs-alar-hero {
  min-height: 320px;
  background: var(--fs-white);
  color: var(--fs-ink);
  border-block-end: 1px solid var(--fs-line);
}
.fs-p-56 .fs-alar-hero .fs-hero__copy { gap: clamp(10px, 8.7px + 0.359vw, 18px); }
.fs-p-56 .fs-alar-hero .fs-hero__kicker { color: var(--fs-muted); letter-spacing: var(--fs-ls-wide); }
.fs-p-56 .fs-alar-hero .fs-hero__title { color: var(--fs-ink); }
.fs-p-56 .fs-alar-hero__rule {
  display: block;
  width: clamp(48px, 42.5px + 1.538vw, 72px);
  height: 2px;
  background: var(--fs-teal);
  margin-block-start: clamp(4px, 2.6px + 0.385vw, 10px);
}

/* ---------- A02 · 콧볼축소란? ---------- */
.fs-p-56 .fs-alar-about__body {
  margin-block-start: clamp(24px, 20.3px + 1.026vw, 40px);
  color: var(--fs-ink-soft);
}
.fs-p-56 .fs-alar-hl { padding: 2px 6px; }

.fs-p-56 .fs-alar-def {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(8px, 5.7px + 0.641vw, 18px);
  max-width: 620px;
  margin-inline: auto;
  margin-block-start: clamp(30px, 24.9px + 1.410vw, 52px);
}
.fs-p-56 .fs-alar-def__fig { display: grid; }
.fs-p-56 .fs-alar-def__box {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  background: var(--fs-white);
}
.fs-p-56 .fs-alar-def__ill { width: 58%; max-width: 132px; height: auto; }

/* ---------- A21 · 콧볼축소 수술정보 보드 ---------- */
.fs-p-56 .fs-alar-spec {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--fs-line);
  margin-block-start: clamp(30px, 25.4px + 1.282vw, 50px);
}
.fs-p-56 .fs-alar-spec__item {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  background: var(--fs-white);
}
.fs-p-56 .fs-alar-spec__fig { display: grid; }
.fs-p-56 .fs-alar-spec__iconbox {
  display: grid;
  place-items: center;
  min-height: clamp(84px, 78px + 1.667vw, 110px);
}
.fs-p-56 .fs-alar-spec__icon {
  width: clamp(40px, 36.8px + 0.897vw, 54px);
  height: auto;
}
.fs-p-56 .fs-alar-spec__value {
  display: grid;
  place-items: center;
  text-align: center;
  padding: clamp(12px, 10.2px + 0.513vw, 20px) var(--fs-sp-3);
  font-size: var(--fs-t-sub);
  font-weight: 700;
  line-height: var(--fs-lh-head);
  color: var(--fs-ink);
}
@media (min-width: 600px) {
  .fs-p-56 .fs-alar-spec { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .fs-p-56 .fs-alar-spec { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* ---------- ★ 시그니처 · '약 40분' 타임 마커 ---------- */
.fs-p-56 .fs-alar-time {
  display: grid;
  justify-items: start;
  gap: clamp(10px, 8.7px + 0.359vw, 18px);
  margin-block-start: clamp(24px, 19.4px + 1.282vw, 44px);
  padding: clamp(22px, 18.3px + 1.026vw, 38px) clamp(20px, 15.4px + 1.282vw, 40px);
  background: var(--fs-white);
}
.fs-p-56 .fs-alar-time__kicker {
  font-size: var(--fs-t-kicker);
  font-weight: 700;
  letter-spacing: var(--fs-ls-wide);
  color: var(--fs-teal-text);
}
.fs-p-56 .fs-alar-time__bar {
  position: relative;
  width: 100%;
  height: 6px;
  background: var(--fs-line);
}
.fs-p-56 .fs-alar-time__fill {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 40%;
  background: var(--fs-teal-text);
}
.fs-p-56 .fs-alar-time__tick {
  position: absolute;
  inset-block: -9px;
  inset-inline-start: 40%;
  width: 2px;
  background: var(--fs-teal-dk);
}
.fs-p-56 .fs-alar-time__fill { transform-origin: left center; }
/* 리빌 진입 시 좌→우로 차오른다. JS 미실행·reduced-motion 에서는 처음부터 최종 상태(꽉 참). */
:root.fs-js .fs-p-56 .fs-alar-time.fs-reveal .fs-alar-time__fill { transform: scaleX(0); }
:root.fs-js .fs-p-56 .fs-alar-time.fs-reveal.is-in .fs-alar-time__fill {
  transform: scaleX(1);
  transition: transform 900ms var(--fs-ease) 140ms;
}
@media (prefers-reduced-motion: reduce) {
  :root.fs-js .fs-p-56 .fs-alar-time.fs-reveal .fs-alar-time__fill,
  :root.fs-js .fs-p-56 .fs-alar-time.fs-reveal.is-in .fs-alar-time__fill {
    transform: none !important;
    transition: none !important;
  }
}
.fs-p-56 .fs-alar-time__value {
  font-size: var(--fs-t-num);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--fs-ls-tight);
  color: var(--fs-teal-dk);
}
@media (min-width: 600px) {
  .fs-p-56 .fs-alar-time {
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    grid-template-areas: "kicker bar" "value bar";
    align-items: center;
    column-gap: clamp(24px, 17.1px + 1.923vw, 56px);
    row-gap: clamp(6px, 4.6px + 0.385vw, 12px);
  }
  .fs-p-56 .fs-alar-time__kicker { grid-area: kicker; align-self: end; }
  .fs-p-56 .fs-alar-time__value  { grid-area: value;  align-self: start; }
  .fs-p-56 .fs-alar-time__bar    { grid-area: bar; }
}

/* ---------- A13 · 수술방법 캐러셀 ---------- */
/* 슬라이드가 세로로 늘어나도 라벨바가 도해에서 떨어지지 않게 고정 */
.fs-p-56 .fs-alar-tx .fs-nose-tx__card { align-content: start; }
.fs-p-56 .fs-alar-tx__no { margin-block-end: clamp(12px, 10.2px + 0.513vw, 20px); }
.fs-p-56 .fs-alar-tx .fs-nose-tx__panel { align-content: start; }

/* ---------- A23 · 콧볼축소 수술대상 ---------- */
.fs-p-56 .fs-alar-target {
  display: grid;
  align-items: center;
  gap: clamp(24px, 19.4px + 1.282vw, 44px);
  margin-block-start: clamp(30px, 25.4px + 1.282vw, 50px);
}
.fs-p-56 .fs-alar-target__photo { display: grid; justify-self: center; width: 100%; max-width: 440px; }
.fs-p-56 .fs-alar-target__frame { display: block; overflow: hidden; }
.fs-p-56 .fs-alar-target__frame img { display: block; width: 100%; height: auto; }
.fs-p-56 .fs-alar-target__list { display: grid; }
.fs-p-56 .fs-alar-target__item {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  column-gap: clamp(10px, 7.7px + 0.641vw, 28px);
  padding-block: clamp(16px, 13.1px + 0.801vw, 30px);
  border-block-end: 1px solid var(--fs-line);
}
.fs-p-56 .fs-alar-target__item:first-child { border-block-start: 1px solid var(--fs-line); }
.fs-p-56 .fs-alar-target__ico { width: clamp(56px, 47.5px + 2.372vw, 104px); height: auto; }
.fs-p-56 .fs-alar-target__txt {
  font-size: var(--fs-t-lead);
  line-height: 1.5;
  color: var(--fs-muted);
}
.fs-p-56 .fs-alar-target__txt strong {
  display: block;
  font-weight: 700;
  color: var(--fs-ink);
}
@media (min-width: 1024px) {
  .fs-p-56 .fs-alar-target {
    grid-template-columns: minmax(0, 460fr) minmax(0, 900fr);
    column-gap: clamp(30px, 19.7px + 2.885vw, 78px);
  }
  .fs-p-56 .fs-alar-target__photo { justify-self: stretch; max-width: none; }
}

/* ---------- A24 · CTA ---------- */
.fs-p-56 .fs-alar-cta__note { margin-block-start: clamp(16px, 13.7px + 0.641vw, 26px); }

/* ==========================================================================
   ▼▼▼ 진단·수정 패스 — 2026-08-28
   렌더 실측으로 잡은 결함만 고친다. 문구·마크업 무변경(CSS 전용).
   ========================================================================== */

/* --- A. [접근성] CTA 주의문 명도 대비 4.12:1 → AA ---------------------------
   `--fs-muted-2 #7D7D7D` 는 fs.css:2599~ 의 AA 보정 밴드가 손대지 않는 토큰이라
   흰 배경에서 4.12:1(기준 4.5)이다. 같은 밴드에서 `--fs-muted` 는 이미
   #6E6E6E 로 보정돼 있다(fs.css:2716). 107·122 가 같은 방식으로 처리했다.
   공용 셸(드로어 제목·푸터 카피)의 미달은 손대지 않는다 — 공유 파일이다. */
.fs-p-56 .fs-alar-cta__note { color: var(--fs-muted); }

/* --- B. [구조] 타임 마커 — 흰 섹션 위의 흰 패널 -----------------------------
   `.fs-alar-time` 은 `background: var(--fs-white)` 인데 `#spec` 이 흰 섹션이라
   상자가 배경과 같은 색이 되어 «패널» 로 읽히지 않고 가로 패딩 40px 만 남는다.
   그 결과 1920 에서 '수술시간' 킥커가 바로 위 스펙 보드보다 40px 안으로 들어가
   섹션 안에서 왼쪽 축이 혼자 어긋난다.
   → 상자를 지우고 스펙 보드와 같은 축·같은 헤어라인 계열로 잇는다.
     (「깊이는 크림 밴드 위 흰 카드로만」 — 2차 규칙과도 맞는다) */
.fs-p-56 .fs-alar-time {
  background: none;
  padding-inline: 0;
  border-block-start: 1px solid var(--fs-line);
}

/* --- C. [구조] A02 — 좌 카피 / 우 도해 2단 (PC) ------------------------------
   1920 실측: 헤드·리드는 좌측 정렬인데 도해 2연만 `margin-inline:auto` 로
   가운데 놓여 축이 어긋나고, 크림 밴드 우측 ~28% 가 통째로 빈다.
   축을 하나로 모으고 빈 면을 도해로 채운다. 태블릿 미만은 시안 그대로 세로 적층. */
@media (min-width: 1024px) {
  .fs-p-56 .fs-section--cream2 > .fs-container {
    display: grid;
    /* 좌 칸은 리드의 <br> 줄바꿈이 그대로 유지되는 폭(max-content)으로 잡는다.
       고정 fr 로 잡으면 가장 긴 2행이 한 어절 흘러 「콧대를」 고아 줄이 생긴다. */
    grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
    column-gap: var(--fs-gap-col);
    align-items: center;
  }
  .fs-p-56 .fs-section--cream2 .fs-sec-head { grid-column: 1 / -1; }
  /* 행 안에서 두 칸의 위쪽 마진이 다르면 가운데정렬 기준이 어긋난다 — 둘 다 0 */
  .fs-p-56 .fs-alar-about__body,
  .fs-p-56 .fs-alar-def { margin-block-start: 0; }
  /* 도해 상자를 우측 칸 전폭으로 늘리면 «띠 위에 동그라미» 가 된다 —
     1920 에서 바 377px 에 도해 132px(2.9배). 확정 시안 57 의 `.fs-nose-dz` 는
     바 300px / 도해 147~217px(최대 2.0배)다. 상자 폭을 묶고 도해를 키워
     그 비율 안으로 되돌린다. */
  .fs-p-56 .fs-alar-def {
    /* width 를 명시한다 — auto 마진은 grid 의 stretch 를 무효화하고
       상자를 fit-content 로 줄인다(도해 폭이 %라 min-content 가 120px 이다). */
    width: 100%;
    max-width: 660px;
    margin-inline: auto 0;   /* 우측 칸 안에서 컨테이너 오른쪽 끝에 맞춘다 */
  }
}
/* 도해가 상자 대비 너무 작아 라벨바만 도드라지는 것을 막는다(위 주석 참조).
   360 에서는 상자가 140px 라 58% 규칙이 그대로 걸려 영향이 없다. */
.fs-p-56 .fs-alar-def__ill { max-width: 160px; }

/* --- D. [마이크로] 섹션 제목 뒤 70px 틸 선 (48 검증분) -----------------------
   ★ `.is-in` 이면 보이기로 짜면 첫 화면 제목의 선이 영원히 안 그어진다.
     fs.js 는 첫 화면 안에 있던 대상에 `.fs-reveal` 클래스 자체를 안 붙인다.
     → 기본을 「그어진 상태」로 두고 실제 리빌 대상에만 초기 은닉을 건다.
   ★ 선은 «헤드 블록의 끝» 에 붙인다. `#about` 은 제목 아래 부제가 한 줄 더
     있으므로 제목이 아니라 부제 뒤에 그어야 제목과 부제가 갈라지지 않는다.
   ★ ID 선택자를 쓰지 않는다 — (1,x,x) 가 되면 아래 초기 은닉 규칙이 진다. */
.fs-p-56 .fs-nose-head h2::after,
.fs-p-56 .fs-alar-tx .fs-sec-head__title::after,
.fs-p-56 .fs-sec-head__sub::after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  margin-block-start: var(--fs-sp-4);
  background: var(--fs-teal);
  transform: scaleX(1);
  transform-origin: left center;
  transition: transform var(--fs-dur-slow) var(--fs-ease-out) .5s;
}
:root.fs-js .fs-p-56 .fs-reveal:not(.is-in) .fs-nose-head h2::after,
:root.fs-js .fs-p-56 .fs-nose-head.fs-reveal:not(.is-in) h2::after,
:root.fs-js .fs-p-56 .fs-reveal:not(.is-in) .fs-sec-head__sub::after,
:root.fs-js .fs-p-56 .fs-sec-head.fs-reveal:not(.is-in) .fs-sec-head__sub::after { transform: scaleX(0); }

/* --- E. [마이크로] 호버 — 프레임 고정 + 사진·도해만 scale(1.045) -------------
   그림자는 쓰지 않는다(2차 규칙). overflow 는 프레임 쪽에 건다.
   임상 도해가 든 A13 캐러셀은 대상에서 뺀다 — 확대가 도해 가장자리를 자른다. */
.fs-p-56 .fs-alar-def__box { overflow: hidden; }
.fs-p-56 .fs-alar-def__ill,
.fs-p-56 .fs-alar-target__frame img {
  transition: transform var(--fs-dur-slow) var(--fs-ease-out);
}
@media (hover: hover) and (pointer: fine) {
  .fs-p-56 .fs-alar-def__fig:hover .fs-alar-def__ill,
  .fs-p-56 .fs-alar-target__photo:hover .fs-alar-target__frame img { transform: scale(1.045); }
}

/* --- F. reduced-motion — 새로 얹은 것을 전부 정지 상태로 고정 ---------------- */
@media (prefers-reduced-motion: reduce) {
  .fs-p-56 .fs-nose-head h2::after,
  .fs-p-56 .fs-alar-tx .fs-sec-head__title::after,
  .fs-p-56 .fs-sec-head__sub::after { transform: scaleX(1) !important; transition: none !important; }
  .fs-p-56 .fs-alar-def__ill,
  .fs-p-56 .fs-alar-target__frame img { transition: none !important; transform: none !important; }
}

/* ==========================================================================
   히어로 — 1mm 결 (2026-08-28 승인자 지시)
   전: 흰 밴드에 가운데 정렬 카피만. 사진이 아예 없었다(52 와 같은 경우).
   후: 풀블리드 인물 + 그 위 카피.
   ★ 사진을 <img> 로 넣으면 alt 이 «새 문구» 라 R1 에 걸린다.
     장식 배경이므로 **CSS background** 로 넣는다 — 마크업 변경 0.
   ★ 이 히어로는 fs-hero--center(가운데 정렬)다. 카피를 왼쪽으로 옮겨
     인물이 있는 오른쪽을 비운다.
   ========================================================================== */
.fs-p-56 .fs-alar-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-block-end: 0;
  background:
    linear-gradient(90deg,
      rgba(246,241,236,.92) 0%, rgba(246,241,236,.84) 26%,
      rgba(246,241,236,.58) 42%, rgba(246,241,236,.24) 58%,
      rgba(246,241,236,0)   78%),
    url("/draft1_builder/assets/alar-reduction/hero.jpg?v=66c6c47e") 72% 26% / cover no-repeat,
    var(--fs-cream);
  color: var(--fs-ink);
  min-height: clamp(520px, 380px + 12vw, 720px);
  display: grid;
  align-items: center;
}
/* fs-hero--center 의 가운데 정렬을 좌측 축으로 되돌린다 */
.fs-p-56 .fs-alar-hero .fs-hero__copy {
  justify-items: start;
  text-align: start;
  max-width: min(100%, 42ch);
}
.fs-p-56 .fs-alar-hero .fs-hero__kicker { color: var(--fs-teal-dk); font-weight: 700; }
.fs-p-56 .fs-alar-hero .fs-hero__title {
  color: var(--fs-ink);
  font-size: clamp(30px, 20px + 2.0vw, 56px);
  line-height: 1.08;
}
@media (max-width: 599px) {
  .fs-p-56 .fs-alar-hero {
    align-items: start;
    min-height: clamp(540px, 430px + 26vw, 660px);
    padding-block-start: clamp(78px, 62px + 4vw, 104px);
    background:
      linear-gradient(180deg,
        rgba(246,241,236,.93) 0%, rgba(246,241,236,.80) 30%,
        rgba(246,241,236,.28) 52%, rgba(246,241,236,0) 70%),
      url("/draft1_builder/assets/alar-reduction/hero-mo.jpg?v=6e0f0c0a") center 28% / cover no-repeat,
      var(--fs-cream);
  }
}
.fs-p-56 .fs-header--overlay { color: var(--fs-ink); background: transparent; }
.fs-p-56 .fs-header--overlay::before {
  background: linear-gradient(180deg, rgba(246,241,236,.84) 0%, rgba(246,241,236,.46) 55%, rgba(246,241,236,0) 100%);
}
.fs-p-56 .fs-header--overlay .fs-gnb__link:hover,
.fs-p-56 .fs-header--overlay .fs-util__link:hover { color: var(--fs-teal-dk); opacity: 1; }

/* --- 3D 도해 크기 보정 (2026-08-28) ---------------------------------------
   선화 아이콘은 60~70px 에 맞춰 그려진 것이라 그 크기에 legible 했다.
   3D 렌더는 같은 크기에서 형태가 뭉개진다 — 읽히는 크기로 키운다. */
.fs-p-56 .fs-alar-target__ico {
  inline-size: clamp(88px, 66px + 3.4vw, 128px);
  aspect-ratio: 1;
}
.fs-p-56 .fs-alar-target__ico img { width: 100%; height: 100%; object-fit: contain; }
.fs-p-56 .fs-alar-def__ill { inline-size: min(100%, 320px); }

/* ==========================================================================
   ▼▼▼ 2026-09-14 · 카테고리 틴트 2단계 — 코성형 = 로즈 그레이지 #D8C9C4 (body.fs-cat-nose)
   이 히어로는 CSS background 스택(카피 쪽 크림 그라데이션 + 사진 + 크림 바탕)이라 값을 통째로 다시 쓴다:
   사진은 i2i 컬러 워시 hero-duo(-mo).jpg(샌드/카키 배경 → 로즈 그레이지 → 로즈 크림 글로우), 그라데이션·바탕은 틴트.
   fs.css 의 «56 형식» 안개·후광·킥커 B 는 공용 블록이 건다. 위치값(72% 26% · center 28%)·높이·정렬은 그대로.
   ========================================================================== */
.fs-p-56 .fs-alar-hero {
  background:
    linear-gradient(90deg,
      rgba(var(--fs-cat), .92) 0%, rgba(var(--fs-cat), .84) 26%,
      rgba(var(--fs-cat), .58) 42%, rgba(var(--fs-cat), .24) 58%,
      rgba(var(--fs-cat), 0)   78%),
    url("/draft1_builder/assets/alar-reduction/hero-duo.jpg?v=e29603c0") 72% 26% / cover no-repeat,
    var(--fs-cat-hex);
}
@media (max-width: 599px) {
  .fs-p-56 .fs-alar-hero {
    background:
      linear-gradient(180deg,
        rgba(var(--fs-cat), .93) 0%, rgba(var(--fs-cat), .91) 18%, rgba(var(--fs-cat), .80) 34%,
        rgba(var(--fs-cat), .28) 52%, rgba(var(--fs-cat), 0) 70%),
      url("/draft1_builder/assets/alar-reduction/hero-duo-mo.jpg?v=32c47cab") center 28% / cover no-repeat,
      var(--fs-cat-hex);
  }
}


/* ==========================================================================
   ▼▼▼ 2026-09-21 · 승인자 「코성형·포유리프팅·윤곽성형·바디성형 히어로 통일」 — 규정 = 81 코재수술 포맷.
   영문 시술명 킥커 → 한글 제목 → 줄 → 리드(기존 한국어 문구). 값은 81.css 1절:
   킥커 21/500/.02em(틸) · 제목 58/700/1.22 · 요소 간격 10px · 줄 아래 8px · 리드 --fs-t-lead/1.5/#111.
   사진·카피 상자 위치·스크림은 그대로 둔다(33 선례 「모델 위치는 그대로 텍스트 부분만」).
   줄 요소의 폭(48~72)·두께·색은 fs.css:3485 정본 규칙이 정한다 — 여기서는 아래 여백만 준다.
   ========================================================================== */
.fs-p-56 .fs-alar-hero .fs-hero__copy { gap: var(--fs-sp-3); }
.fs-p-56 .fs-alar-hero .fs-hero__kicker {
  font-family: inherit; font-size: clamp(15px, 13.5px + 0.42vw, 21px);
  letter-spacing: 0.02em; font-weight: 500; line-height: 1.25; color: var(--fs-teal-dk);
}
.fs-p-56 .fs-alar-hero .fs-hero__title {
  font-size: clamp(30px, 21.4px + 2.39vw, 58px);
  font-weight: 700; line-height: 1.22; color: var(--fs-ink);
}
.fs-p-56 .fs-alar-hero__rule { margin-block-end: var(--fs-sp-2); }
.fs-p-56 .fs-alar-hero .fs-alar-hero__lead {
  max-width: 34em; font-size: var(--fs-t-lead); font-weight: 400; line-height: 1.5; color: var(--fs-ink);
}

/* ==========================================================================
   ▼▼▼ 2026-10-22 · 모바일 최적화(승인자 「홈페이지 전체적인 모바일 최적화 진행」) — 줄바꿈은 전 폭, 배치는 599px/767px/1023px 이하만.
   PC 요소 위치 무변화(1024·1440·1920 실측). 백업 _src/build/backup-56-1022-mo · 실측 _design/momeasure.py 360/390/540/768.
   · 정의 리드 <br> 문장 블록 1곳(390 「이미지를 주기 쉬운데 콧대를」 외톨이). balance: 수술대상 굵은 줄(360 「… 주는 / 경우」) · 주의문.
   · 특징 POINT 4장 <600: fs-grid--4 가 1열(정사각 카드 장당 ≈280px) → 2열(§2 A, 600~1023 과 같은 짜임). 155px 칸이라 정사각 강제를 풀고 위아래 여백만.
   ========================================================================== */
.fs-p-56 .fs-lead__s { display: block; text-wrap: balance; }
.fs-p-56 .fs-alar-target__txt strong,
.fs-p-56 .fs-alar-cta__note { text-wrap: balance; }
@media (max-width: 599px) {
  .fs-p-56 .fs-nose-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--fs-sp-4); }
  .fs-p-56 .fs-nose-cards .fs-card--square { aspect-ratio: auto; padding: var(--fs-sp-6) var(--fs-sp-3); }
}