/* ==========================================================================
   142 · 콜라겐부스터 (collagen-booster) — 이 페이지에만 필요한 규칙
   전부 .fs-p-142 스코프. 색은 --fs-* 토큰만 쓴다(새 hex 0).
   전용 컴포넌트
     .fs-cb-hero      사진 없는 크림 타이포 히어로
     .fs-cb-stat      진피 콜라겐 90% 스탯 밴드(게이지 + 대형 수치)  ← 시그니처
     .fs-cb-kw        효과 키워드 3종 도해 타일(아이콘 + 라벨바)
     .fs-cb-quote     인용 밴드(좌 인물컷 / 우 설명)
     .fs-cb-product   제품 슬라이드(제품컷 + 디테일컷 2단 + 서술)
     .fs-cb-spec      시술정보 표(행 머리에 아이콘, 흰 패널)
     .fs-cb-target    시술대상 카드(인물컷 + 라벨바 + 번호 필)
   ========================================================================== */

/* --- A01 · 3분할 인물 스트립 히어로 (84 와 같은 계열) --------------------
   2026-08-31 · 사진 없는 1080px 타이포 히어로를 걷어내고 84 의 형태로 바꿨다.
   높이를 min-height 로 잡지 않는다 — 카피 + 스트립이 스스로 높이를 만든다. */
.fs-p-142 .fs-cb-hero {
  background: var(--fs-cream);
  color: var(--fs-ink);
  min-height: 0;
  align-items: stretch;
  overflow: visible;
}
.fs-p-142 .fs-cb-hero__wrap {
  display: grid;
  gap: clamp(24px, 20.2px + 1.058vw, 42px);
  padding-block-start: clamp(28px, 23.8px + 1.170vw, 48px);
}
.fs-p-142 .fs-cb-hero .fs-hero__copy { gap: clamp(8px, 6.3px + 0.481vw, 16px); }
.fs-p-142 .fs-cb-hero .fs-hero__kicker {
  color: var(--fs-teal-dk); font-weight: 600; letter-spacing: 0.08em;
}
.fs-p-142 .fs-cb-hero .fs-hero__title {
  font-size: var(--fs-t-hero); font-weight: 700;
  line-height: 1.14; letter-spacing: var(--fs-ls-tight); color: var(--fs-ink);
}
.fs-p-142 .fs-cb-hero__rule {
  display: block; width: clamp(48px, 42.4px + 1.554vw, 74px); height: 3px;
  background: var(--fs-teal);
}
/* 2026-08-31 · 승인자 지시 「너무 길어. (84 히어로) 이렇게 간단하게 해야지」 →
   이어서 「이 문구도 그냥 콜라겐부스터로 수정」.
   히어로는 84 와 같이 «킥커 + 제목 + 틸 선» 3단이고, 제목은 84 의 「피부」처럼
   시술명 한 낱말(「콜라겐부스터」)이다. 옛 3행 리드는 버리지 않고 다음 섹션(#stat)
   머리가 받는다 — 84 도 리드를 히어로가 아니라 다음 섹션(#lead)이 받는 구조다.
   #stat 킥커로 뒀던 시술명은 제목과 같은 낱말이 되어 중복이므로 걷어냈다. */
.fs-p-142 .fs-cb-hero__strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(4px, 2.3px + 0.481vw, 12px);
}
.fs-p-142 .fs-cb-hero__cell {
  position: relative;
  overflow: hidden;
  height: clamp(230px, 149.4px + 22.4vw, 500px);
  background: var(--fs-cream-2);
}
.fs-p-142 .fs-cb-hero__cell img {
  width: 100%; height: 100%;
  /* 셀은 가로로 눕고(≈635x500) 사진은 세로(694x925)라 cover 가 세로 59% 만 보여준다.
     84 의 32% 를 그대로 쓰면 이 컷들은 입술에서 잘린다 — 눈~턱이 들어오게 내린다. */
  object-fit: cover; object-position: 50% 48%;
}

/* --- A08 · 진피 콜라겐 90% 스탯 밴드 (시그니처) -------------------------
   수치는 정적 텍스트로 두고 모션은 게이지 막대에만 준다.
   (헤드리스 캡처에서 카운트업이 중간값으로 얼어붙어 잘못된 수치가 찍히는 것을 막는다) */
.fs-p-142 .fs-cb-stat {
  display: grid; gap: var(--fs-gap-card);
  grid-template-columns: minmax(0, 1fr);
  margin-block-start: var(--fs-gap-title);
  list-style: none; padding: 0;
}
@media (min-width: 600px)  { .fs-p-142 .fs-cb-stat { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .fs-p-142 .fs-cb-stat { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fs-p-142 .fs-cb-stat__item {
  display: grid; align-content: start; gap: var(--fs-sp-3);
  background: var(--fs-cream-2);
  border-block-start: 3px solid var(--fs-teal);
  padding: clamp(24px, 19.4px + 1.28vw, 44px) clamp(18px, 15.2px + 0.77vw, 30px)
           clamp(26px, 21.4px + 1.28vw, 46px);
}
.fs-p-142 .fs-cb-stat__label {
  font-size: var(--fs-t-kicker); font-weight: 600;
  letter-spacing: var(--fs-ls-wide); color: var(--fs-teal-dk);
}
.fs-p-142 .fs-cb-stat__value {
  display: flex; align-items: baseline; gap: 4px; flex-wrap: wrap;
  font-size: var(--fs-t-num); font-weight: 700; line-height: 1.1;
  letter-spacing: var(--fs-ls-tight); color: var(--fs-ink);
}
.fs-p-142 .fs-cb-stat__unit { font-size: var(--fs-t-h3); font-weight: 600; }
.fs-p-142 .fs-cb-stat__caption {
  margin-block-start: var(--fs-sp-5);
  /* --fs-muted-2(#7D7D7D)는 fs.css 의 AA 보정 밴드 밖이라 흰 밴드 위 4.12:1 이다.
     보정된 --fs-muted(#6E6E6E, fs.css:2716)로 올린다. */
  font-size: var(--fs-t-xs); color: var(--fs-muted); line-height: var(--fs-lh-body);
}
/* 게이지는 정적으로 그린다. 카운트업·transition 은 헤드리스 캡처에서 중간값으로
   얼어붙어 잘못된 수치를 보여주므로 의학 수치에는 쓰지 않는다. */
.fs-p-142 .fs-cb-stat__track {
  display: block; width: 100%; height: 8px; background: var(--fs-line);
}
.fs-p-142 .fs-cb-stat__fill {
  display: block; height: 100%; width: var(--fs-cb-fill, 100%);
  background: var(--fs-teal-text);
}
.fs-p-142 .fs-cb-stat__rule { display: block; width: 56px; height: 3px; background: var(--fs-teal); }

/* --- A05 · 효과 키워드 3종 + 인용 밴드 ---------------------------------- */
.fs-p-142 .fs-cb-kw {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(8px, 5.2px + 0.78vw, 20px);
  margin-block-start: var(--fs-gap-title);
  list-style: none; padding: 0;
}
.fs-p-142 .fs-cb-kw__item { display: grid; }
.fs-p-142 .fs-cb-kw__fig {
  display: grid; grid-template-rows: minmax(0, 1fr) auto; margin: 0;
  background: var(--fs-white);
}
.fs-p-142 .fs-cb-kw__ico {
  justify-self: center; align-self: center;
  /* 원본 3장의 캔버스가 237x240 · 240x197 · 240x156 으로 제각각이라 «폭» 을 156px 로
     고정하면 렌더 높이가 158 / 128 / 101 로 갈라진다. 같은 얼굴 도해 두 장이 서로 다른
     크기로 뜨고, 셋째 장 아래에만 28px 이 비어 「띠 위에 도형 하나」로 읽혔다.
     → 높이를 고정하고 폭을 풀어 세 장의 시각 크기를 맞춘다. 동시에 156→168px 로 키워
     흰 카드(1920 에서 467px) 안의 채움을 33% → 55% 로 올린다.
     box-sizing 은 content-box 로 되돌린다 — border-box 면 padding 이 height 를 먹어
     도해가 오히려 작아진다. object-fit 은 좁은 폭에서 max-width 가 걸릴 때의 안전망이다. */
  box-sizing: content-box;
  height: clamp(72px, 45.4px + 6.94vw, 168px); width: auto;
  max-width: 100%; object-fit: contain;
  padding-block: clamp(14px, 10.5px + 0.96vw, 29px);
}
.fs-p-142 .fs-cb-kw__fig .fs-labelbar {
  min-height: clamp(38px, 34.9px + 0.86vw, 50px);
  padding-inline: var(--fs-sp-1);
  /* 하한 11px 이면 360 에서 11px 로 떨어진다(qa: 12px 미만 글자). 12px 로 올린다. */
  font-size: clamp(12px, 11.1px + 0.26vw, 16px);
  line-height: 1.3;
}
.fs-p-142 .fs-cb-quote { margin-block-start: clamp(30px, 21.2px + 2.44vw, 64px); }
.fs-p-142 .fs-cb-quote__fig { margin: 0; overflow: hidden; }
.fs-p-142 .fs-cb-quote__fig img { display: block; width: 100%; height: auto; }
.fs-p-142 .fs-cb-quote__body {
  display: grid; align-content: center; gap: var(--fs-sp-5);
}
.fs-p-142 .fs-cb-quote__body .fs-body { color: var(--fs-ink-soft); }

/* --- A17 · 포시즌 콜라겐부스터 7종 캐러셀 -------------------------------
   JS 미실행 상태에서도 1번 슬라이드가 정위치에 보이도록 기본 flex 를 직접 준다. */
.fs-p-142 .fs-cb-lineup { margin-block-start: var(--fs-gap-title); }
.fs-p-142 .fs-cb-lineup__viewport { overflow: hidden; }
.fs-p-142 .fs-cb-lineup__track { display: flex; list-style: none; padding: 0; margin: 0; }
.fs-p-142 .fs-cb-lineup__slide { flex: 0 0 100%; max-width: 100%; }
.fs-p-142 .fs-cb-product__figs {
  display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: clamp(10px, 7.2px + 0.78vw, 22px); align-items: end;
}
.fs-p-142 .fs-cb-product__fig { display: grid; margin: 0; }
.fs-p-142 .fs-cb-product__box { display: block; overflow: hidden; background: var(--fs-cream-2); }
.fs-p-142 .fs-cb-product__box img {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover;
}
.fs-p-142 .fs-cb-product__body {
  display: grid; align-content: center; gap: var(--fs-sp-3);
}
.fs-p-142 .fs-cb-product__num { color: var(--fs-teal-dk); line-height: 1; }
.fs-p-142 .fs-cb-product__name { line-height: var(--fs-lh-head); }
.fs-p-142 .fs-cb-product__tags {
  display: flex; flex-wrap: wrap; gap: var(--fs-sp-2);
  list-style: none; padding: 0; margin-block-start: var(--fs-sp-1);
}
.fs-p-142 .fs-cb-product__desc { color: var(--fs-ink-soft); }

/* --- A21 · 시술정보 표 --------------------------------------------------- */
.fs-p-142 .fs-cb-spec {
  background: var(--fs-white);
  padding: clamp(18px, 12.5px + 1.54vw, 42px);
  margin-block-start: var(--fs-gap-title);
}
.fs-p-142 .fs-cb-spec__row { display: inline-flex; align-items: center; gap: var(--fs-sp-2); }
.fs-p-142 .fs-cb-spec__ico {
  display: inline-flex; flex: 0 0 auto;
  width: clamp(26px, 22.8px + 0.9vw, 40px);
}
.fs-p-142 .fs-cb-spec__ico img { width: 100%; height: auto; }
.fs-p-142 .fs-cb-spec .fs-table td { font-weight: 600; }

/* --- A23 · 콜라겐부스터 시술대상 ---------------------------------------- */
.fs-p-142 .fs-cb-target {
  display: grid; gap: var(--fs-gap-card);
  grid-template-columns: minmax(0, 1fr);
  margin-block-start: var(--fs-gap-title);
  list-style: none; padding: 0;
}
@media (min-width: 600px)  { .fs-p-142 .fs-cb-target { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .fs-p-142 .fs-cb-target { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fs-p-142 .fs-cb-target__item { display: grid; align-content: start; gap: var(--fs-sp-3); }
.fs-p-142 .fs-cb-target__pill { justify-self: start; }
.fs-p-142 .fs-cb-target__fig { display: grid; margin: 0; }
.fs-p-142 .fs-cb-target__box { display: block; overflow: hidden; }
.fs-p-142 .fs-cb-target__box img {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover;
}
.fs-p-142 .fs-cb-target__fig .fs-labelbar {
  min-height: clamp(52px, 46.4px + 1.54vw, 76px);
  line-height: 1.4; padding-inline: var(--fs-sp-2);
}

/* --- 공통 마무리 --------------------------------------------------------- */
.fs-p-142 .fs-cb-btnbar { margin-block-start: clamp(28px, 21.1px + 1.92vw, 58px); }

/* ==========================================================================
   진단·수정 패스 (2026-08-28) — 아래는 전부 이 패스에서 추가한 것이다.
   ========================================================================== */

/* --------------------------------------------------------------------------
   F1 [LOCK 6] 캐러셀이 1440 안에서 «딱 맞게» 끝난다.
   .fs-cb-lineup__viewport 의 overflow:hidden 이 다음 장을 콘텐츠 경계(x1679)
   에서 잘라 「한 화면에 딱 맞는 캐러셀」이 됐다. 판정법 (b) 는 「뷰포트의
   overflow:hidden → FAIL」이고 잘림은 fs.css:211·219 의 html/body{overflow-x:clip}
   에 맡겨야 한다. vibecheck 에는 L6 판정 코드가 없어 3폭 전부 ✓ 로 통과했다.

   뷰포트 «폭» 은 건드리지 않는다 — fs.js:456 이 clientWidth 로 슬라이드 폭을 잡는다.
   노출 폭은 (뷰포트폭 − 1440)/2 라 1440 에서는 34px 밖에 안 나와 「잘린 다음 장」이
   아니라 「어긋난 여백」으로 읽힌다. 1700 부터만 흘린다(114 와 같은 처방).
   slide 모드는 코버플로우 같은 감광이 없어 흘러나온 조각이 «현재 장의 연장» 으로
   읽히므로, HTML 에 data-fs-carousel-gap="40" 을 주고(pv=1 이라 슬라이드 폭은
   안 변하고 이동량만 sw+gap 이 된다) 비활성 장을 감광한다.
   -------------------------------------------------------------------------- */
@media (min-width: 1700px) {
  .fs-p-142 .fs-cb-lineup__viewport { overflow: visible; }
  .fs-p-142 .fs-cb-lineup__slide {
    opacity: var(--fs-cover-fade, .55);
    transition: opacity var(--fs-dur-slow) var(--fs-ease-out);
  }
  .fs-p-142 .fs-cb-lineup__slide.is-active { opacity: 1; }
  /* JS 가 안 돌면 fs.js 가 .is-active 를 못 붙여 «보이고 있는» 첫 장까지 감광된 채
     굳는다. 배선 신호는 :root.fs-js(=MOTION) 가 아니라 fs.js:439 가 트랙에 붙이는
     .fs-carousel__track 이어야 한다 — reduced-motion 사용자는 fs-js 가 없어도
     캐러셀은 정상 동작하므로(initCarousels 는 MOTION 게이트 밖이다, fs.js:1019)
     :root:not(.fs-js) 로 잡으면 4번 장을 보고 있어도 1번 장이 켜진다. */
  .fs-p-142 .fs-cb-lineup__track:not(.fs-carousel__track) .fs-cb-lineup__slide:first-child { opacity: 1; }
}

/* --------------------------------------------------------------------------
   F2 [V70 · D] 인접 두 섹션의 도해가 같은 쪽이다.
   v70fit: D:S3+S4 둘 다 Ll — A05 인용 밴드(사진 좌 / 인용 우)와 바로 다음
   A17 제품 슬라이드(제품컷 좌 / 서술 우)가 같은 축이라 두 섹션이 한 리듬으로 붙는다.
   HTML 에서 .fs-split--swap + 비율 반전으로 인용 밴드만 뒤집었다(48 의 4번과 같은 판단).
   제품 슬라이드는 7장이 같은 구조라 그쪽을 뒤집으면 섹션 머리(좌)와 어긋난다.
   여기서는 겹침·비대칭을 얹지 않는다 — 축 반전만으로 리듬은 끊긴다.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   F3 [마이크로] 섹션 제목 뒤 70px 틸 선 (delay .5s) — 48 검증분
   #stat-title 에는 걸지 않는다. 이미 <span class="fs-mark"> 색면(90%)이 액센트라
   선이 겹치면 한 제목에 강조가 둘이 된다(138 과 같은 판단).
   ★ 초기 은닉을 «.is-in 이면 보이기» 로 짜면 첫 화면 제목의 선이 영원히 안 그어진다.
     fs.js 는 첫 화면 대상에 .fs-reveal 클래스 자체를 안 붙인다.
     → 기본은 「그어진 상태」, 실제 리빌 대상에만 초기 은닉을 건다.
   ★ 이 블록만으로는 선이 «항상 그어진 채» 굳는다 — 아래 은닉 선택자가 요구하는
     .fs-reveal 은 fs.js 의 prep() 이 [data-fs-reveal] 에만 붙인다. 즉 제목 자체가
     리빌 대상이어야 delay .5s 가 의미를 갖는다(48 도 h2 에 직접 걸었다).
     index.html 의 #stat-title · #effect-title · #lineup-title · #spec-title ·
     #target-title 다섯 곳에 data-fs-reveal 이 있어야 한다. 지우지 마라.
   -------------------------------------------------------------------------- */
.fs-p-142 .fs-nose-head h2,
.fs-p-142 .fs-sec-head__title { position: relative; }

.fs-p-142 .fs-nose-head h2::after,
.fs-p-142 .fs-sec-head__title::after {
  content: "";
  display: block;
  inline-size: 70px;
  block-size: 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;
}
.fs-p-142 #stat-title::after { content: none; }

:root.fs-js .fs-p-142 h2.fs-reveal:not(.is-in)::after,
:root.fs-js .fs-p-142 .fs-reveal:not(.is-in) h2::after { transform: scaleX(0); }

/* --------------------------------------------------------------------------
   F4 [마이크로] 호버 — 프레임은 고정, 사진만 scale(1.045). 그림자는 쓰지 않는다.
   대상은 «틸트가 안 걸린» 사진뿐이다. .fs-cb-kw / .fs-cb-target 은 이미
   data-fs-tilt + 광택을 갖고 있어 확대까지 얹으면 한 호버에 모션이 세 겹이 된다
   (100·127 이 같은 이유로 A15 를 제외했다).
   두 프레임 모두 overflow:hidden 이라 확대가 상자 밖으로 새지 않는다.
   -------------------------------------------------------------------------- */
.fs-p-142 .fs-cb-product__box img,
.fs-p-142 .fs-cb-quote__fig img {
  transition: transform var(--fs-dur-slow) var(--fs-ease-out);
}
@media (hover: hover) and (pointer: fine) {
  .fs-p-142 .fs-cb-product__fig:hover .fs-cb-product__box img,
  .fs-p-142 .fs-cb-quote__fig:hover img { transform: scale(1.045); }
}

/* --------------------------------------------------------------------------
   F5 reduced-motion — 제목 선은 «그어진 상태» 로 고정, 확대는 끈다.
   ★ 비활성 슬라이드의 감광은 «끄지 않는다». reduced-motion 은 모션을 없애는 것이지
     대비 단서를 없애는 것이 아니다 — fs.css:1294~1295 가 코버플로우에 대해
     `.fs-carousel__slide{opacity:.55}` / `.is-active{opacity:1}` 을 RM 안에서
     명시적으로 «유지» 하고, 같은 --fs-cover-fade 를 빌려 쓰는 114·146 의 RM 블록도
     transition 만 끈다. 여기서 opacity:1 로 되돌리면 흘러나온 다음 장이 콘텐츠
     경계 밖에서 «또 하나의 완전한 제품컷» 으로 서서 현재 장과 구별되지 않는다
     (1920 RM 대조 실측 0.66% → 0%). is-active 는 RM 에서도 fs.js 가 붙인다.
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .fs-p-142 .fs-nose-head h2::after,
  .fs-p-142 .fs-sec-head__title::after {
    transform: scaleX(1) !important;
    transition: none !important;
  }
  .fs-p-142 .fs-cb-product__box img,
  .fs-p-142 .fs-cb-quote__fig img { transition: none; transform: none !important; }
  .fs-p-142 .fs-cb-lineup__slide { transition: none; }
}

/* ==========================================================================
   ▼▼▼ 2026-10-22 · 히어로 카피 포맷 — 형제 히어로와 같게(150·140 과 같은 날, 승인자 「응」)
   규정 = 09-21 히어로 통일(81 코재수술 포맷) + 무보형물 해시태그 글줄: 영문 킥커 → 제목 → 줄 → 리드 → 해시태그.
   이 히어로는 84 계열 가운데 정렬 + 3분할 스트립이라 정렬·스트립·크림 바탕은 그대로 두고 카피 순서와 값만 맞춘다.
   · 킥커 COLLAGEN BOOSTER(시술명 영문 — 146 「PHILTRUM SURGERY」 와 같은 방식) · 21/500/.02em teal-dk(옛 600/.08em 해시태그)
   · 제목 58/700/1.22(옛 --fs-t-hero/1.14) · 줄은 fs.css 정본([class*="hero__rule"]) + 아래 8px
   · 리드: 08-31 「너무 길어」 로 #stat 머리로 내린 3행 리드의 둘째 줄을 한 구로(새 문구 — approved-142). #stat 리드는 그대로.
   · 해시태그: 한 텍스트 노드 그대로(번역 키·textdiff 노드 무변경) — keep-all 로 # 앞 공백에서만 접힌다.
   ========================================================================== */
.fs-p-142 .fs-cb-hero .fs-hero__copy { gap: var(--fs-sp-3); }
.fs-p-142 .fs-cb-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-142 .fs-cb-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-142 .fs-cb-hero__rule { margin-block-end: var(--fs-sp-2); }
.fs-p-142 .fs-cb-hero__lead {
  max-width: 34em; font-size: var(--fs-t-lead); font-weight: 400; line-height: 1.5; color: var(--fs-ink);
  text-wrap: balance;
}
.fs-p-142 .fs-cb-hero__tags {
  margin-block-start: var(--fs-sp-2);
  font-size: var(--fs-t-body);
  font-weight: 500;
  line-height: 1.5;
  word-break: keep-all;
  word-spacing: var(--fs-sp-1);
  color: var(--fs-ink-soft);
}

/* ==========================================================================
   ▼▼▼ 2026-10-22 · 모바일 최적화(승인자 「홈페이지 전체적인 모바일 최적화 진행」) — 줄바꿈은 전 폭, 배치는 599px 이하만. PC 요소 위치 무변화(1024·1440·1920 실측).
   백업 _src/build/backup-142-1022-mo(같은 날 히어로 카피 포맷 변경 뒤 상태 — 히어로 리드 문구는 승인 대기라 손대지 않음) · 실측 _design/momeasure.py 360/390/540/768.
   줄바꿈: 문장 가운데 <br> 5곳 → 공백 + <br class="fs-pc-only">(§1-7 — #stat 리드 2 · 효과 인용 2 · 라인업 부제 1, PC 는 그대로) ·
           balance(#stat 리드·주의문, 효과 인용, 라인업 부제, 주소) · nbsp 2(「차지하는 콜라겐」 · 「저하 개선」 — 제목 줄 수 무변화).
   고아 줄(전): 360·390 #stat 리드 「…전체적으로 / 깔아주어 /」「…얼굴 볼륨을 / 회복시키고 /」 · 효과 인용 「…콜라겐이 / 감소되면 /」 ·
               부제 「…효과가 / 달라 /」 · 제목 「…차지하는 / 콜라겐」「…탄력 저하 / 개선」.
   배치: 무변경 — 360 본문 6,260px 로 이미 짧다(제품은 캐러셀, 시술대상 2열).
   ========================================================================== */
.fs-p-142 #stat .fs-nose-lead,
.fs-p-142 .fs-cb-stat__caption,
.fs-p-142 #effect .fs-quote,
.fs-p-142 .fs-sec-head__sub,
.fs-p-142 .fs-address { text-wrap: balance; }