/* 시술 쪽 volnewmer 의 몸통 CSS. 시안 낱장의 <style> 을 그대로 옮기되, 모든 규칙을 .pz 안에 가두고 클래스 이름에 pz- 를 붙였다.
   다른 쪽에는 걸리지 않는다(이 파일은 이 쪽에서만 부른다). 공통 틀은 frame.css. */

  .pz {
    --c-home-pri: #31584a;
    --c-home-pri-dark: #193c32;
    --c-home-pri-light: #e8efea;
    --c-home-sec: #8e6840;
    --c-home-text: #222622;
    --c-home-text-dim: #626761;
    --c-home-bg: #f7f4ed;
    --c-home-bg-deep: #ede8dc;
    --c-home-surface: #fffdf8;
    --c-home-border: #dcd7cb;

    --c-vol-red: #B4221B;
    --c-vol-red-dark: #7E1611;
    --c-vol-red-deep: #2B0A08;
    --c-vol-pink: #FFD3CB;
    --c-cool: #1F5FA8;
    --c-orange-safe: #bd3600;

    --nav-h: 70px;
  }

  .pz :not(.pz-keep, .pz-keep *) {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    letter-spacing: -0.02em; /* 양수 자간 금지 */
    word-break: keep-all;
  }

  .pz {
    font-family: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", sans-serif;
    color: var(--c-home-text);
    background: var(--c-home-bg);
    line-height: 1.5;
    
    
  }

  .pz a, .pz button, .pz summary { cursor: pointer; }

  .pz .pz-ment-eyebrow { font-size: 16px; font-weight: 700; color: var(--c-vol-red); margin-bottom: 16px; }
  .pz .pz-ment-main { font-size: max(32px, 3.5vw); font-weight: 300; line-height: 1.3; margin-bottom: 24px; color: #111; }
  .pz .pz-ment-main strong { font-weight: 800; display: block; }
  .pz .pz-ment-line { width: 40px; height: 3px; background: var(--c-home-text); margin-bottom: 24px; }
  .pz .pz-ment-sub { font-size: 18px; line-height: 1.6; color: var(--c-home-text-dim); }

  .pz .pz-desktop-only { display: block; }
  .pz .pz-mobile-only { display: none; }
  .pz br.pz-mobile-only { display: none; }

  /* 네비게이션 헤더 */
  
  
  
  
  
  
  
  

  /* 모바일 하단 예약 띠 */
  
  
  

  /* 첫 화면 */
  .pz .pz-sec-hero {
    position: relative; height: 100vh; min-height: 800px; background: var(--c-vol-red);
    padding-top: var(--nav-h); overflow: hidden; display: flex; flex-direction: column;
  }
  .pz .pz-hero-content-wrapper { flex: 1; display: flex; align-items: stretch; position: relative; width: 100%; }

  /* 기기 그림(흰 기기 통째, 바탕 없음)의 자리와 크기는 공통 틀(frame.css 의 한 틀)이 잡는다. 비스듬한 흰 판은 고침 36 에서 걷었다 */
  .pz .pz-hero-bg { position: absolute; z-index: 1; }

  .pz .pz-hero-content {
    position: relative; z-index: 2; width: 100%; max-width: 1440px; margin: 0 auto;
    padding: 100px 5vw 160px; display: flex; flex-direction: column; justify-content: center;
    color: white;
  }
  .pz .pz-hc-inner { max-width: 55%; padding-right: 40px; z-index: 10; position: relative; }

  .pz .pz-hero-breadcrumb { font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.8); margin-bottom: 24px; display: flex; align-items: center; gap: 8px; }

  .pz .pz-hero-en { font-size: 22px; font-weight: 300; line-height: 1; margin-bottom: 24px; color: #fff; }
  .pz .pz-hero-ment { font-size: clamp(28px, 3.5vw, 36px); font-weight: 300; margin-bottom: 4px; }
  .pz .pz-hero-title-area { display: flex; align-items: flex-end; gap: 28px; margin-bottom: 36px; position: relative; width: 100%; }
  .pz .pz-hero-h1 { font-size: clamp(120px, 11.5vw, 176px); font-weight: 800; line-height: 1.08; margin: 0 0 0 -0.04em; letter-spacing: -0.045em; }

  .pz .pz-hero-res-btn { display: inline-flex; align-items: center; justify-content: center; background: white; color: var(--c-vol-red-dark); font-size: 18px; font-weight: 800; padding: 0 40px; height: 60px; border-radius: 8px; text-decoration: none; margin-top: 4px; }

  /* 첫 화면 아래 요약 띠 */
  .pz .pz-hero-summary {
    position: absolute; bottom: 0; left: 0; width: 100%; background: var(--c-vol-red-dark);
    display: flex; justify-content: space-between; gap: 24px; padding: 40px 5vw; z-index: 10;
  }
  .pz .pz-summary-item { display: flex; align-items: center; gap: 20px; color: white; }
  .pz .pz-summary-icon { width: 48px; height: 48px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.5; opacity: 0.9; }
  .pz .pz-summary-val { font-size: 26px; font-weight: 800; line-height: 1.2; }
  .pz .pz-summary-label { font-size: 15px; opacity: 0.85; font-weight: 500; margin-bottom: 4px; }

  /* 원리 면: 왼쪽에 글(위 큰 글 · 아래 풀이와 팁), 오른쪽에 피부 단면 그림. 슈링크 쪽과 같은 짜임 */
  .pz .pz-sec-prin { display: grid; grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); grid-template-areas: "top fig" "bot fig"; column-gap: 3vw; background: #fdeee9; padding: 140px 5vw; overflow: hidden; }
  .pz .pz-prin-top { grid-area: top; align-self: end; }
  .pz .pz-prin-bot { grid-area: bot; align-self: start; }
  .pz .pz-prin-fig { grid-area: fig; align-self: center; }
  .pz .pz-skin { display: grid; grid-template-columns: max-content 1fr; column-gap: 14px; align-items: stretch; }
  .pz .pz-skin-labels { position: relative; min-width: 140px; }
  .pz .pz-skin-labels span { position: absolute; right: 0; transform: translateY(-50%); white-space: nowrap; font-size: 16px; font-weight: 800; color: var(--c-home-text); text-align: right; }
  .pz .pz-skin-labels span::after { content: ""; position: absolute; left: 100%; top: 50%; width: 12px; height: 1px; background: currentColor; margin-left: 2px; }
  .pz .pz-skin img { width: 100%; height: auto; display: block; border-radius: 12px; }
  /* 넷째 이름표(근막층)는 그림 맨 아래에 붙어 있어, 그림이 작아지는 폭에서 글자 아랫변이 그림 밖으로 나가지 않게 붙든다 */
  .pz .pz-skin-labels span:last-child { top: min(96.4%, calc(100% - 13px)) !important; }
  .pz .pz-spec { display: flex; align-items: center; gap: 24px; margin-top: 44px; }
  .pz .pz-spec img { width: 132px; height: auto; flex: none; }
  .pz .pz-spec dl { display: grid; grid-template-columns: auto auto; column-gap: 16px; row-gap: 6px; font-size: 16px; }
  .pz .pz-spec dt { color: var(--c-home-text-dim); font-weight: 500; }
  .pz .pz-spec dd { font-weight: 800; color: var(--c-home-text); }

  /* 대상자 면 */
  .pz .pz-sec-target { display: flex; background: var(--c-vol-red); padding: 0; }
  .pz .pz-target-left { flex: 1; padding: 120px 40px 120px 5vw; color: #fff; display: flex; flex-direction: column; justify-content: center; }

  .pz .pz-face-list { margin-top: 20px; }
  .pz .pz-fl-item { display: flex; align-items: center; gap: 16px; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,0.25); }
  .pz .pz-fl-item:last-child { border-bottom: none; }
  .pz .pz-fl-num { width: 32px; height: 32px; background: #fff; color: var(--c-vol-red-deep); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 800; flex-shrink: 0; }
  .pz .pz-fl-text { font-size: 15px; color: rgba(255,255,255,0.88); line-height: 1.4; }
  .pz .pz-fl-text strong { font-size: 24px; color: #fff; font-weight: 800; margin-right: 12px; display: inline-block; }

  /* 오른쪽: 팁 사진과 한 번에 닿는 면 */
  .pz .pz-target-right { flex: 1; display: flex; align-items: center; justify-content: center; background: #f6eeec; position: relative; overflow: hidden; min-height: 760px; }
  .pz .pz-tip-photo { width: 62%; max-width: 520px; height: auto; position: relative; z-index: 2; margin: 0 0 120px 12%; transform: rotate(-6deg); }
  .pz .pz-tip-area { position: absolute; left: 9%; bottom: 9%; z-index: 3; display: flex; align-items: flex-end; gap: 18px; }
  .pz .pz-tip-sq { width: 132px; height: 132px; background: linear-gradient(135deg, #e9c15a, #c99a2e); border-radius: 10px; box-shadow: 0 10px 24px rgba(60,20,10,0.22); }
  .pz .pz-tip-area b { display: block; font-size: 40px; font-weight: 800; line-height: 1; color: var(--c-vol-red-dark); letter-spacing: -0.03em; }
  .pz .pz-tip-area span { display: block; font-size: 16px; font-weight: 600; color: var(--c-home-text); margin-top: 8px; line-height: 1.4; }

  /* 이런 분께 추천합니다 밑단 */
  .pz .pz-target-bottom { background: var(--c-vol-red-dark); padding: 80px 5vw; }
  .pz .pz-chk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; border-top: 2px solid rgba(255,255,255,0.3); list-style: none; }
  .pz .pz-chk-item { display: flex; align-items: center; gap: 16px; font-size: 20px; font-weight: 700; color: #fff; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,0.14); }
  .pz .pz-chk-item svg { flex: none; }
  .pz .pz-not-for { margin-top: 28px; font-size: 16px; color: rgba(255,255,255,0.88); line-height: 1.6; }
  .pz .pz-not-for b { color: #fff; font-weight: 800; margin-right: 10px; }

  /* 견줌 면: 슈링크와 무엇이 다른가 */
  .pz .pz-sec-vs { background: #fff; padding: 160px 5vw; }
  .pz .pz-vs-in { max-width: 1440px; margin: 0 auto; display: flex; gap: 5vw; align-items: flex-start; }
  .pz .pz-vs-text { flex: 0 0 32%; }
  .pz .pz-vs-table { flex: 1; }
  .pz .pz-vs-head, .pz .pz-vs-row { display: grid; grid-template-columns: 132px 1fr 1fr; column-gap: 28px; }
  .pz .pz-vs-head { align-items: end; padding-bottom: 20px; }
  .pz .pz-vs-head .pz-nm { font-size: 26px; font-weight: 800; line-height: 1.2; }
  .pz .pz-vs-head .pz-nm small { display: block; font-size: 15px; font-weight: 500; color: var(--c-home-text-dim); margin-top: 4px; }
  .pz .pz-vs-head .pz-nm.pz-me { color: var(--c-vol-red); }
  .pz .pz-vs-head svg { display: block; width: 100%; max-width: 250px; height: auto; margin-bottom: 14px; border-radius: 8px; }
  .pz .pz-vs-row { border-top: 1px solid var(--c-home-border); padding: 20px 0; font-size: 17px; line-height: 1.5; }
  .pz .pz-vs-row.pz-first { border-top: 4px solid var(--c-home-text); }
  .pz .pz-vs-row dt, .pz .pz-vs-row .pz-k { font-size: 15px; font-weight: 700; color: var(--c-home-text-dim); }
  .pz .pz-vs-row .pz-me { font-weight: 700; color: var(--c-home-text); }
  .pz .pz-vs-row small { display: block; font-size: 15px; color: var(--c-home-text-dim); font-weight: 500; margin-top: 2px; }
  .pz .pz-vs-order { margin-top: 36px; display: flex; align-items: center; flex-wrap: wrap; gap: 14px 20px; }
  .pz .pz-vs-order .pz-cap { font-size: 16px; font-weight: 700; color: var(--c-home-text-dim); width: 100%; }
  .pz .pz-vs-step { display: inline-flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 800; }
  .pz .pz-vs-step i { font-style: normal; width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; background: var(--c-home-text); color: #fff; }
  .pz .pz-vs-step.pz-me { color: var(--c-vol-red); } .pz .pz-vs-step.pz-me i { background: var(--c-vol-red); }
  .pz .pz-vs-link { display: inline-flex; align-items: center; gap: 8px; height: 48px; margin-top: 36px; font-size: 16px; font-weight: 700; color: var(--c-home-text); text-decoration: none; border-bottom: 2px solid var(--c-home-text); }

  /* 경과 면 */
  .pz .pz-sec-cycle { display: flex; align-items: center; padding: 160px 5vw 120px; background: var(--c-home-bg); }
  .pz .pz-cycle-text { flex: 0 0 35%; padding-right: 5vw; }
  .pz .pz-cycle-graphic { flex: 1; }
  .pz .pz-tl { display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 900px; margin: 0 auto; }
  .pz .pz-tl-item { border-top: 2px solid var(--c-home-text-dim); padding: 28px 24px 0 0; position: relative; }
  .pz .pz-tl-item::before { content: ""; position: absolute; left: 0; top: -8px; width: 14px; height: 14px; border-radius: 50%; background: var(--c-home-bg); border: 2px solid var(--c-home-text-dim); }
  .pz .pz-tl-item.pz-hl::before { background: var(--c-vol-red); border-color: var(--c-vol-red); }
  .pz .pz-tl-num { font-size: 104px; font-weight: 100; color: var(--c-vol-red-dark); line-height: 1; white-space: nowrap; }
  .pz .pz-tl-num small { font-size: 22px; font-weight: 700; margin-left: 6px; }
  .pz .pz-tl-item.pz-hl .pz-tl-num { font-weight: 800; }
  .pz .pz-tl-cap { font-size: 18px; font-weight: 700; margin-top: 16px; color: var(--c-home-text); }
  .pz .pz-tl-desc { font-size: 16px; color: var(--c-home-text-dim); margin-top: 6px; line-height: 1.55; }

  /* 시술 방법 면 */
  .pz .pz-sec-how { background: var(--c-home-bg); padding: 0 5vw 120px; }
  .pz .pz-how-in { max-width: 1440px; margin: 0 auto; }
  .pz .pz-how-title { font-size: 32px; font-weight: 800; margin-bottom: 40px; color: var(--c-home-text); }
  .pz .pz-how-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
  .pz .pz-how-fig { background: #f9f0ef; border-radius: 12px; overflow: hidden; }
  .pz .pz-how-fig img { display: block; width: 100%; height: auto; }
  .pz .pz-how-cap { padding: 24px 28px 30px; background: var(--c-home-surface); }
  .pz .pz-how-cap b { font-size: 24px; font-weight: 800; display: block; margin-bottom: 8px; }
  .pz .pz-how-cap span { font-size: 16px; color: var(--c-home-text-dim); line-height: 1.6; display: block; }

  .pz .pz-proc-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-top: 60px; }
  .pz .pz-proc-row { display: flex; flex-direction: column; border-top: 4px solid var(--c-home-text); padding-top: 32px; }
  .pz .pz-proc-num { font-size: 64px; font-weight: 100; color: var(--c-vol-red); line-height: 1; margin-bottom: 24px; }
  .pz .pz-proc-title { font-size: 24px; font-weight: 800; margin-bottom: 12px; color: var(--c-home-text); }
  .pz .pz-proc-desc { font-size: 16px; color: var(--c-home-text-dim); line-height: 1.6; }

  /* 시술 전에 알려 주세요 */
  .pz .pz-sec-care { background: var(--c-home-bg-deep); padding: 120px 5vw; }
  .pz .pz-care-in { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 0.9fr 1fr 1fr 1.25fr; gap: 40px; align-items: start; }
  .pz .pz-care-col { border-top: 4px solid var(--c-home-text); padding-top: 24px; }
  .pz .pz-care-col.pz-no { border-top-color: var(--c-vol-red); }
  .pz .pz-care-col h3 { font-size: 22px; font-weight: 800; margin-bottom: 16px; }
  .pz .pz-care-col.pz-no h3 { color: var(--c-vol-red-dark); }
  .pz .pz-care-col li { list-style: none; font-size: 17px; line-height: 1.5; padding: 10px 0; border-bottom: 1px solid var(--c-home-border); }
  .pz .pz-care-col li:last-child { border-bottom: none; }

  /* 비용 면 */
  .pz .pz-sec-price { display: flex; background: var(--c-vol-red-deep); padding: 160px 5vw; position: relative; overflow: hidden; min-height: 800px; }
  .pz .pz-price-device { position: absolute; left: 0; top: 0; width: 40%; height: 100%; z-index: 1; }
  .pz .pz-price-device img { pointer-events: none; }
  .pz .pz-price-content { width: 58%; margin-left: 42%; position: relative; z-index: 2; }

  .pz .pz-price-list { margin-top: 60px; }
  .pz .pz-price-row { border-top: 4px solid #fff; padding: 40px 0; }
  .pz .pz-pr-name { font-size: 24px; font-weight: 700; color: var(--c-vol-pink); margin-bottom: 24px; }
  .pz .pz-pr-vals { display: flex; gap: 60px; align-items: baseline; margin-bottom: 24px; flex-wrap: wrap; }
  .pz .pz-pr-val-item { display: flex; align-items: baseline; gap: 8px; }
  .pz .pz-pr-num { font-size: 64px; font-weight: 800; color: #fff; line-height: 1; letter-spacing: -0.02em !important; font-family: -apple-system, sans-serif; }
  .pz .pz-pr-num.pz-todo { font-size: 40px; font-family: inherit; color: rgba(255,255,255,0.75); font-weight: 300; }
  .pz .pz-pr-unit { font-size: 20px; font-weight: 700; color: #fff; }
  .pz .pz-pr-empty { font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.72); }

  /* 자주 묻는 질문 */
  .pz .pz-sec-faq { padding: 160px 5vw; background: white; }
  .pz .pz-faq-title { font-size: 36px; font-weight: 800; color: var(--c-home-text); margin-bottom: 60px; text-align: center; }
  .pz .pz-faq-item summary { font-size: 20px; font-weight: 700; padding: 32px 0; border-top: 2px solid var(--c-home-text); display: flex; justify-content: space-between; align-items: center; gap: 16px; list-style: none; }
  .pz .pz-faq-item summary svg { flex: none; }
  .pz .pz-faq-item summary::-webkit-details-marker { display: none; }
  .pz .pz-faq-answer { padding: 0 0 40px 0; font-size: 16px; color: var(--c-home-text-dim); line-height: 1.6; }
  .pz .pz-faq-item:last-child { border-bottom: 1px solid var(--c-home-border); }

  /* 꼬리말 */
  
  
  
  

  /* 반응형 분기 */
  .pz .pz-hero-bg-mo { display: none; }
  @media(max-width: 1023px) {
    

    .pz .pz-hero-bg { display: none !important; }

    .pz .pz-sec-hero { height: auto; min-height: 0; }
    .pz .pz-hero-content-wrapper { flex-direction: column; }
    .pz .pz-hero-content { padding: 40px 5vw 0; }
    .pz .pz-hc-inner { max-width: 100%; padding-right: 0; }


    .pz .pz-hero-h1 { font-size: clamp(104px, 22vw, 150px); }
    .pz .pz-hero-title-area { margin-bottom: 28px; }

    .pz .pz-hero-summary { position: relative; flex-direction: column; gap: 32px; padding: 60px 5vw 60px; z-index: 3; }

    .pz .pz-sec-prin { display: block; padding: 100px 5vw; }
    .pz .pz-prin-fig { margin: 56px 0; }

    .pz .pz-sec-target { flex-direction: column; }
    .pz .pz-target-left, .pz .pz-target-right { flex: none; width: 100%; }
    .pz .pz-target-left { padding: 100px 5vw 60px; }
    .pz .pz-target-right { min-height: 0; padding: 60px 5vw 190px; }
    .pz .pz-tip-photo { width: 56%; max-width: 360px; margin: 0 0 0 26%; }
    .pz .pz-tip-area { left: 5vw; bottom: 40px; }
    .pz .pz-tip-sq { width: 104px; height: 104px; }

    .pz .pz-target-bottom { padding: 80px 5vw; }
    .pz .pz-chk-grid { grid-template-columns: 1fr; }

    .pz .pz-sec-vs { padding: 100px 5vw; }
    .pz .pz-vs-in { flex-direction: column; gap: 60px; }
    .pz .pz-vs-text { flex: none; width: 100%; }
    .pz .pz-vs-table { width: 100%; }

    .pz .pz-sec-cycle { flex-direction: column; padding: 100px 5vw 80px; }
    .pz .pz-cycle-text { flex: none; width: 100%; padding-right: 0; margin-bottom: 70px; }
    .pz .pz-cycle-graphic { width: 100%; }
    .pz .pz-tl { max-width: none; }
    .pz .pz-tl-num { font-size: 80px; }

    .pz .pz-sec-how { padding: 0 5vw 100px; }
    .pz .pz-proc-list { grid-template-columns: repeat(2, 1fr); margin-top: 60px; }

    .pz .pz-sec-care { padding: 100px 5vw; }
    .pz .pz-care-in { grid-template-columns: 1fr 1fr; }
    .pz .pz-care-in .pz-care-head { grid-column: 1 / -1; }
    .pz .pz-care-in .pz-care-col.pz-wide { grid-column: 1 / -1; }

    .pz .pz-sec-price { flex-direction: column; padding: 100px 5vw; min-height: 0; }
    .pz .pz-price-device { display: none !important; }
    .pz .pz-price-content { width: 100% !important; margin-left: 0 !important; }
  }

  @media(max-width: 767px) {
    
    
    

    .pz .pz-desktop-only { display: none !important; }
    .pz .pz-mobile-only { display: block !important; }
    .pz br.pz-mobile-only { display: inline !important; }

    .pz .pz-hero-content { padding-top: 28px; }
    .pz .pz-hero-breadcrumb { margin-bottom: 18px; }
    .pz .pz-hero-en { font-size: 18px; margin-bottom: 16px; }
    .pz .pz-hero-ment { font-size: 24px; }
    .pz .pz-hero-h1 { font-size: min(27vw, 112px); }
    .pz .pz-hero-title-area { margin-bottom: 20px; flex-direction: column; align-items: flex-start; gap: 6px; }
    .pz .pz-hero-res-btn { height: 56px; }

    .pz .pz-summary-val { font-size: 24px; }

    .pz .pz-spec { gap: 16px; }
    .pz .pz-spec img { width: 96px; }
    .pz .pz-spec dl { font-size: 15px; column-gap: 12px; }

    .pz .pz-fl-item { align-items: flex-start; }
    .pz .pz-fl-text strong { display: block; font-size: 22px; margin: 0 0 4px; }
    .pz .pz-chk-item { font-size: 18px; align-items: flex-start; }
    .pz .pz-tip-photo { width: 64%; margin-left: 30%; }
    .pz .pz-tip-area b { font-size: 32px; }
    .pz .pz-tip-area span { font-size: 15px; }

    /* 견줌 표: 휴대폰에서는 항목 이름을 줄 위로 올리고 두 칸으로 */
    .pz .pz-vs-head, .pz .pz-vs-row { grid-template-columns: 1fr 1fr; column-gap: 16px; }
    .pz .pz-vs-head .pz-k, .pz .pz-vs-row .pz-k { grid-column: 1 / -1; margin-bottom: 6px; }
    .pz .pz-vs-head .pz-k { display: none; }
    .pz .pz-vs-head .pz-nm { font-size: 20px; }
    .pz .pz-vs-row { font-size: 16px; padding: 16px 0; }
    .pz .pz-vs-step { font-size: 19px; }

    .pz .pz-tl { grid-template-columns: 1fr; row-gap: 0; }
    .pz .pz-tl-item { border-top: none; border-left: 2px solid var(--c-home-text-dim); padding: 0 0 40px 28px; }
    .pz .pz-tl-item:last-child { padding-bottom: 0; }
    .pz .pz-tl-item::before { left: -8px; top: 0; }
    .pz .pz-tl-num { font-size: 64px; }
    .pz .pz-tl-num small { font-size: 20px; }

    .pz .pz-how-title { font-size: 26px; }
    .pz .pz-how-grid { grid-template-columns: 1fr; gap: 24px; }
    .pz .pz-how-cap { padding: 20px 20px 24px; }
    .pz .pz-how-cap b { font-size: 22px; }
    .pz .pz-proc-list { grid-template-columns: 1fr; }

    .pz .pz-care-in { grid-template-columns: 1fr; gap: 32px; }

    .pz .pz-pr-num { font-size: 48px; }
    .pz .pz-pr-num.pz-todo { font-size: 30px; }
    .pz .pz-pr-vals { gap: 24px; }

    .pz .pz-faq-item summary { font-size: 18px; padding: 26px 0; }

    /* 피부 단면 그림: 휴대폰에서는 이름표를 그림 안 왼쪽 가장자리, 층 높이마다 */
    .pz .pz-skin { display: block; position: relative; }
    .pz .pz-skin-labels { position: absolute; inset: 0; min-width: 0; z-index: 1; pointer-events: none; }
    .pz .pz-skin-labels span { left: -2.5vw; right: auto; padding: 0 4px; border-radius: 4px; background: rgba(255,255,255,0.8); font-size: 14px; line-height: 18px; text-align: left; }
    .pz .pz-skin-labels span::after { display: none; }
    .pz .pz-prin-fig { margin: 40px 0 48px; }
    .pz .pz-skin-labels span:last-child { top: 96.4% !important; margin-top: -2px; }

    
    
  }