:root{
  --bg:#fbfaf7;
  --ink:#16171d;
  --sub:#4f5651;
  --mute:#7a817c;
  --line:#e3e4df;
  --green:#3f7a2b;
  --green-d:#2e6e21;
  --dark:#202624;
  --wrap:1180px;
  --gut:40px;
  --hd-h:104px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{position:relative;font-family:'Pretendard',-apple-system,'Noto Sans KR',sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;word-break:keep-all}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.br-m{display:none}
.nw{white-space:nowrap}

/* 헤더 */
.hd{background:var(--bg);position:relative;z-index:5}
.hd-in{display:flex;align-items:center;height:var(--hd-h)}
.logo img{width:104px;height:auto;mix-blend-mode:multiply}
.gnb{display:flex;gap:44px;margin-left:96px;font-size:18px;font-weight:600}
.gnb a{padding:8px 0;border-bottom:2px solid transparent}
.gnb a:hover{border-color:var(--green)}
.hd-tel{margin-left:auto;font-size:16px;font-weight:600;color:var(--sub)}

/* 첫 화면 */
.hero{overflow:hidden}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,620px);align-items:center;gap:20px;min-height:520px;padding-top:12px;padding-bottom:48px}
.hero-msg{min-width:0;container-type:inline-size}
.hero h1{font-size:clamp(40px,5vw,72px);font-size:clamp(36px,12.6cqi,72px);font-weight:800;line-height:1.12;letter-spacing:-.045em;white-space:nowrap}
.hero-desc{margin-top:24px;font-size:clamp(17px,4.6cqi,24px);font-weight:500;color:var(--sub);letter-spacing:-.02em}
.hero-cta{display:flex;gap:14px;margin-top:36px}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;height:58px;padding:0 24px;min-width:186px;font-size:18px;font-weight:700;border:1.5px solid var(--green);transition:background .15s,color .15s}
.btn svg{width:22px;height:22px}
.btn-fill{background:var(--green);color:#fff}
.btn-fill:hover{background:var(--green-d)}
.btn-line{background:#fff;color:var(--green-d)}
.btn-line:hover{background:#f1f6ee}

.slide.is-on{opacity:1;visibility:visible}
.bars i.on::after{content:"";position:absolute;inset:0;background:var(--green);transform-origin:left;animation:fill 6s linear forwards}
.stage.is-paused .bars i.on::after,.stage.no-auto .bars i.on::after{animation:none;transform:none}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* 서비스 */
.ic{width:46px;height:46px;color:var(--green);stroke-width:2.2}

/* 섹션 공통 */

/* 제품 */

/* 오버홀 */

/* 안내 구역(수리·임대·딜러) */
.more-links{margin-top:28px;font-size:15px;color:var(--sub);display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.more-links a{font-weight:600;color:var(--green-d);border-bottom:1px solid var(--green)}

/* 모바일 메뉴 (1023px 이하에서 표시) */
.menu-btn{display:none;width:44px;height:44px;margin-left:4px;padding:0;position:relative;background:none;border:0;cursor:pointer;flex:none}
.menu-btn i{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.menu-btn i:nth-child(1){top:15px}
.menu-btn i:nth-child(2){top:21px}
.menu-btn i:nth-child(3){top:27px}
.menu-btn[aria-expanded="true"] i:nth-child(1){top:21px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] i:nth-child(3){top:21px;transform:rotate(-45deg)}
.menu-btn:focus-visible{outline:2px solid var(--green);outline-offset:0}
.mnav{display:none}

/* 작업 기록 */

/* 문의·푸터 */

/* ─────────────────────────────────────────────
   반응형 기준 (RESPONSIVE.md 참고)
   XL 1280 이상   기본 데스크톱
   L  1024–1279   작은 노트북: 메뉴 간격 축소, 서비스 3칸을 제목 아래로
   M   768–1023   태블릿: 햄버거 메뉴, 첫 화면 1단, 제품 가로 넘김
   S   767 이하   휴대폰: 모든 구역 1단
   XS  374 이하   작은 휴대폰: 여백·제목 축소
   ───────────────────────────────────────────── */

/* L: 1279px 이하 */
@media (max-width:1279px){
  .gnb{margin-left:56px;gap:30px;font-size:17px}
  .hero-in{grid-template-columns:minmax(0,1fr) minmax(0,540px)}
}

/* M: 1023px 이하 */
@media (max-width:1023px){
  :root{--hd-h:80px}
  .hd{position:sticky;top:0;z-index:20}
  .gnb{display:none}
  .menu-btn{display:block}
  .hd-tel{display:inline-flex;align-items:center;min-height:44px}
  .mnav{display:block;position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - var(--hd-h));max-height:calc(100dvh - var(--hd-h));overflow-y:auto;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px var(--gut) 24px;box-shadow:0 12px 24px rgba(0,0,0,.08)}
  .mnav[hidden]{display:none}
  .mnav>a{display:block;padding:16px 0;font-size:18px;font-weight:700;border-bottom:1px solid var(--line)}
  .mnav-act{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:20px}
  .mnav-act .btn{justify-content:center;width:100%}
  .mnav-sub{display:flex;gap:4px 18px;margin-top:10px;font-size:14px;color:var(--sub)}
  .mnav-sub a{display:inline-flex;align-items:center;min-height:44px}
  body.menu-open{overflow:hidden}
  #top section[id]{scroll-margin-top:var(--hd-h)}

  .hero-in{grid-template-columns:1fr;min-height:0;padding-top:24px;gap:32px}

  /* 작은 링크의 터치 영역 */
  .more-links a{display:inline-flex;align-items:center;min-height:44px}
  .more-links a{border-bottom:0;text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:4px}
}

/* S: 767px 이하 */
@media (max-width:767px){
  :root{--gut:22px;--hd-h:72px}
  .logo img{width:76px}
  .hd-tel{font-size:15px}
  .br-m{display:inline}
  .hero-in{padding-top:8px;padding-bottom:40px;gap:28px}
  .hero h1{font-size:40px;white-space:normal;line-height:1.18}
  .hero-desc{margin-top:16px;font-size:16px}
  .hero-cta{flex-direction:column;gap:10px;margin-top:28px}
  .btn{height:52px;font-size:16px;width:100%;min-width:0}

  .ic{width:34px;height:34px}

}

/* XS: 374px 이하 */
@media (max-width:374px){
  :root{--gut:16px}
  .hero h1{font-size:36px}
  .btn{padding:0 18px}
}

/* ── 상세 페이지 (repair.html, rent.html) ── */
.gnb a[aria-current="page"]{border-color:var(--green);color:var(--green-d)}
.mnav>a[aria-current="page"]{color:var(--green-d)}
.more-a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;color:var(--green-d);text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:4px}

.crumb{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--mute)}
.crumb a{display:inline-flex;align-items:center;min-height:32px}
.crumb a:hover{color:var(--green-d);text-decoration:underline}

/* 증상 */

/* 접수 방법 */
.kv{margin-top:6px}
.kv div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:10px 0;font-size:15px}
.kv dt{color:var(--sub);font-weight:600}
.kv dd{line-height:1.55}
.note{margin-top:auto;padding-top:14px;font-size:14px;color:var(--sub)}

/* 순서, 체크 */

/* 사용법 링크 */

/* 기록 카드 */
.tag{display:inline-block;padding:1px 8px;font-size:13px;font-weight:700;line-height:20px;color:var(--green-d);border:1px solid var(--green)}
.tag-rent{color:#fff;background:var(--green)}

/* 포함 항목 */

/* 다른 안내로 넘어가는 띠 */

@media (max-width:1023px){
  .note{grid-column:2}
}

@media (max-width:374px){
  .kv div{grid-template-columns:1fr;gap:2px}
}

/* 오버홀 상세 */

/* 제품 사양·구매 버튼 */
.buy-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.price{font-size:18px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.buy-btn{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;font-size:14px;font-weight:700;color:var(--green-d);border:1.5px solid var(--green);white-space:nowrap}
.buy-btn:hover{background:#f1f6ee}
.buy-btn.is-buy{background:var(--green);color:#fff}

/* 무한잉크 */

/* 자주 묻는 질문 */
.faq-list{border-top:2px solid var(--ink)}
.faq details[open] summary::after{content:"−"}

@media (max-width:767px){
  .buy-row{flex-wrap:wrap}
}

/* 홈 서비스 4칸 */

/* ─────────────────────────────────────────────
   트렌드 반영 (2026-09-29)
   본문 PC 16px·휴대폰 15px, 보조 글 PC 15px·휴대폰 14px
   버튼 10px, 카드 14px, 사진 12px 둥근 모서리
   ───────────────────────────────────────────── */
:root{--r-btn:10px;--r-card:14px;--r-img:12px}

/* 글자 크기 */
.kv div,.more-links,.more-a{font-size:16px}
.note,.crumb,.buy-btn{font-size:15px}

/* 모서리 */
.btn,.buy-btn{border-radius:var(--r-btn)}
.tag{border-radius:999px;padding:1px 10px}

/* 홈 서비스: 둥근 카드 4개 */

/* 휴대폰 하단 상담 버튼 (767px 이하) */
.callbar{display:none}

@media (max-width:767px){
  .kv div,.more-links,.more-a{font-size:15px}
  .note,.crumb,.buy-btn{font-size:14px}

  /* 홈: 첫 화면 문구 → 서비스 → 사진 순서 */

  .callbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:8px var(--gut);padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -6px 16px rgba(0,0,0,.06)}
  .callbar a{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;font-size:16px;font-weight:700;border-radius:var(--r-btn);border:1.5px solid var(--green)}
  .callbar svg{width:20px;height:20px}
  .cb-tel{background:var(--green);color:#fff}
  .cb-talk{background:#fff;color:var(--green-d)}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  body.menu-open .callbar{display:none}
}

@media (prefers-reduced-motion:reduce){.cb-fab{transition:none}}

/* ═════ 시안 v2 ═════ */
/* 시안(1536×1024)에 맞춘 홈 첫 화면·헤더. 1536보다 좁으면 비율대로 줄어든다. 2026-09-30 */
:root{--mk-bg:#fcfcf9;--mk-green:#528233;--mk-green-d:#2c5c2f;--mk-line:#ecedea;--pad-l:min(8.46vw,130px);--pad-s:max(min(4.1vw,63px),calc((100vw - 1536px)/2 + 63px))}
body{background:var(--mk-bg)}
.btn,.buy-btn,.callbar a{border-radius:4px}

/* 헤더 */
.hd{background:var(--mk-bg);z-index:20}
.hd-in{display:flex;align-items:center;max-width:1536px;height:110px;margin:0 auto;padding:0 var(--pad-l)}
.logo{flex:none}
.logo img{width:133px;height:auto;mix-blend-mode:multiply}
.gnb{display:flex;gap:min(3.71vw,57px);margin-left:min(7.1vw,109px);font-size:18px;font-weight:700;color:#111;letter-spacing:-.01em}
.gnb a{padding:8px 0;border-bottom:2px solid transparent}
.hd-tag{margin-left:auto;padding:5px 0 5px 29px;border-left:1px solid #dddedb;font-size:15px;line-height:21px;color:#707070;white-space:nowrap;position:relative;top:2px}
.hd-tel{display:none}

/* 첫 화면 */
.hero{background:var(--mk-bg);overflow:visible}
.hero-in{display:grid;grid-template-columns:min(40.63vw,624px) min(36vw,553px) minmax(0,1fr);column-gap:0;align-items:center;max-width:1536px;min-height:380px;margin:0 auto;padding:16px min(2.4vw,37px) 24px var(--pad-l)}
.hero-msg{padding-top:10px;padding-bottom:10px;container-type:normal;max-width:540px}
.hero h1{font-size:clamp(48px,4.5vw,70px);font-weight:800;line-height:1.12;letter-spacing:-.02em;white-space:nowrap;color:var(--ink)}
.hero-desc{margin-top:14px;font-size:clamp(18px,1.4vw,22px);font-weight:500;color:#3a423b;letter-spacing:-.025em;line-height:1.38;white-space:nowrap}
.hero-desc .hero-kw{color:#1f4d22;font-weight:700}
.dot{margin:0 .18em}
.hero-cta{display:flex;gap:14px;margin-top:22px;max-width:480px}
.hero-cta .btn{flex:1;min-width:0;justify-content:center;gap:16px;white-space:nowrap;height:60px;padding:0 20px;font-size:19px;font-weight:700;border-radius:10px}
.btn-line{border-color:#2f6a2c;color:#1f4d1c}
.arw{width:22px;height:22px;stroke-width:1.6}
.hero-note{margin-top:18px;font-size:15px;color:#5a635c;letter-spacing:-.025em;display:flex;align-items:center;gap:8px}
.hero-note::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#3f7d2c;flex:none}
.hero-pic{margin:0}
.hero-pic img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.hero-side{padding:80px 0 0 16px}
.hero-script{font-family:'Nanum Pen Script',cursive;font-size:clamp(24px,2vw,32.5px);line-height:1.45;color:#3d7a2c;transform:rotate(-4deg);transform-origin:left bottom;white-space:nowrap}
.hero-sub{margin-top:24px;padding-left:6px;font-size:16px;line-height:24px;color:#636361}

/* 서비스 3칸 + 사진 */
.svc3{display:grid;grid-template-columns:min(16.5vw,256px) minmax(0,1fr) min(27vw,420px);min-height:280px;padding-left:var(--pad-s);background:#fefefc;border-top:1px solid #ebebeb;border-bottom:1px solid #f1f1ee}
.svc3-head{display:flex;flex-direction:column;justify-content:flex-start;padding:44px 24px 36px 0}
.svc3-head h2{font-size:26px;font-weight:800;line-height:1.32;letter-spacing:-.03em;color:var(--ink)}
.svc3-head p{margin-top:14px;font-size:15px;line-height:1.55;color:#5b625c;letter-spacing:-.02em;word-break:keep-all}
.svc3-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}
.svc3-list li{display:flex;margin:0;border-left:1px solid var(--mk-line)}
.svc3-list a{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:44px min(2.5vw,36px) 36px;transition:background .15s;text-decoration:none}
.svc3-list a:hover{background:#f6f8f3}
.svc3-pic{position:relative;margin:0;overflow:hidden;background:#e9e9e7}
.svc3-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 0;transform:scale(1.06);transform-origin:70% 0}
.svc3-pic::after{content:"";position:absolute;inset:0;background:radial-gradient(95% 75% at 100% 0,rgba(242,242,239,.98) 36%,rgba(242,242,239,0) 74%)}
.svc3-pic figcaption{position:absolute;z-index:1;top:30px;right:28px;text-align:right;color:#2a302b}
.svc3-pic .cap-l{display:block;font-size:15px;font-weight:500;line-height:1.5;letter-spacing:-.02em;color:#4d544e}
.svc3-pic .cap-b{position:relative;display:inline-block;margin-top:8px;padding-top:10px;font-size:26px;font-weight:800;line-height:1.1;letter-spacing:-.04em;color:var(--mk-green-d)}
.svc3-pic .cap-b::before{content:"";position:absolute;right:0;top:0;width:28px;height:2px;border-radius:1px;background:var(--mk-green)}

/* 추천 제품 */
.prod2{position:relative;display:grid;grid-template-columns:min(10.6vw,163px) minmax(0,1fr);padding:48px max(min(3.65vw,56px),calc((100vw - 1536px)/2 + 56px)) 64px var(--pad-s);background:#fdfdfb}
.prod2-head{padding-top:6px}
.prod2-head h2{font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.03em}
.prod2-head p{margin-top:24px;font-size:16px;line-height:25px;color:#5e5e5e}
.prod2-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.prod2-list li{position:relative}
.prod2-list li+li::before{content:"";position:absolute;left:0;top:12px;height:159px;border-left:1px solid var(--mk-line)}
.p-card{display:flex;flex-direction:column;align-items:center}
.p-card img{height:158px;width:auto;max-width:84%;object-fit:contain;mix-blend-mode:multiply}
.p-card span{margin-top:17px;font-size:20px;font-weight:500;letter-spacing:-.01em;color:#111}
.p-card:hover span{color:var(--green-d)}
.prod2-all{position:absolute;top:18px;right:max(min(3.26vw,50px),calc((100vw - 1536px)/2 + 50px));display:inline-flex;align-items:center;gap:8px;padding-bottom:3px;font-size:13px;font-weight:600;color:#2d5a1f;border-bottom:1px solid currentColor}
.prod2-all .arw{width:18px;height:18px}
.prod2-etc{grid-column:2;display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center;margin-top:40px;font-size:15px;color:var(--sub)}
.prod2-etc a{display:inline-flex;align-items:center;min-height:32px;font-weight:600;color:var(--green-d);text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:4px}

@media (max-width:1439px){
  .hero-in{grid-template-columns:minmax(0,1fr) minmax(0,44%);padding-right:var(--pad-l)}
  .hero-side{display:none}
  .svc3-list p{white-space:normal}
}
@media (max-width:1279px){
  .gnb{margin-left:56px}
  .svc3{grid-template-columns:1fr;padding:0 var(--gut)}
  .svc3-head{padding:56px 0 24px}
  .svc3-head h2 br{display:none}
  .svc3-head p{margin-top:10px}
  .svc3-head p br{display:none}
  .svc3-list li{margin-top:0;border-top:1px solid var(--mk-line)}
  .svc3-list li:first-child{border-left:0}
  .svc3-list li:first-child a,.svc3-list li:nth-child(2) a,.svc3-list li:nth-child(3) a{padding:24px 16px 28px 24px}
  .svc3-list li:first-child a{padding-left:0}
  .svc3-pic{aspect-ratio:16/6;margin:0 calc(var(--gut)*-1)}
  .svc3-pic img{transform:none;object-position:50% 25%}
  .prod2{grid-template-columns:1fr;padding:56px var(--gut) 64px}
  .prod2-head{margin-bottom:32px}
  .prod2-head p br{display:none}
  .prod2-head p{margin-top:10px}
  .prod2-all{top:52px;right:var(--gut);min-height:44px;padding:0;border-bottom:0;text-decoration:underline;text-underline-offset:5px}
  .prod2-etc{grid-column:1}
}
@media (max-width:1023px){
  .p-card img{height:120px}
  .p-card span{font-size:18px}
}
@media (max-width:1023px){
  .hd{position:sticky;top:0}
  .hd-in{height:80px;padding:0 var(--gut)}
  .logo img{width:104px}
  .gnb,.hd-tag{display:none}
  .hd-tel{display:inline-flex;margin-left:auto}
  .hero-in{grid-template-columns:1fr;height:auto;padding:24px var(--gut) 48px}
  .hero-msg{padding-top:0}
  .hero-pic{width:100%;max-width:560px;margin:28px auto 0}
}
@media (max-width:767px){
  .hd-in{height:72px}
  .logo img{width:76px}
  .hero-in{padding:8px var(--gut) 40px}
  .hero-pic{display:none}
  .hero h1{font-size:40px;line-height:1.18;letter-spacing:-.05em;white-space:normal}
  .hero-desc{margin-top:16px;font-size:16px}
  .hero-cta{flex-direction:column;gap:10px;margin-top:28px}
  .hero-cta .btn{width:100%;height:54px;font-size:17px}
  .hero .hero-cta{display:flex;flex-direction:row;gap:8px;margin-top:22px;max-width:360px;width:100%}
  .hero .hero-cta .btn{flex:1;min-width:0;width:auto;height:48px;padding:0 12px;font-size:15px;font-weight:700;border-radius:10px;justify-content:center;gap:6px;white-space:nowrap}
  .hero .hero-cta .btn .arw{width:18px;height:18px}
  .hero-note{margin-top:16px;font-size:14px}
  .svc3-head{padding:48px 0 16px}
  .svc3-head h2{font-size:24px;line-height:1.35}
  .svc3-head p{font-size:15px;line-height:1.6}
  .svc3-list{grid-template-columns:1fr}
  .svc3-list li,.svc3-list li:first-child{border-left:0}
  .svc3-list a,.svc3-list li:first-child a{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;column-gap:14px;align-items:center;padding:18px 0}
  .svc3 .ic{width:36px;height:36px;grid-row:1/span 2}
  .svc3-list h3{margin:0;font-size:20px}
  .svc3-list p{grid-column:2;margin-top:2px;font-size:15px;line-height:1.5}
  .svc3-list .arw{grid-column:3;grid-row:1/span 2;margin:0}
  .svc3-pic{aspect-ratio:4/3}
  .svc3-list li:first-child a,.svc3-list li:nth-child(2) a,.svc3-list li:nth-child(3) a{padding:18px 0}
  .svc3-pic figcaption{left:auto;right:var(--gut);top:18px}
  .prod2{padding:56px var(--gut)}
  .prod2-head h2{font-size:24px}
  .prod2-head p{font-size:15px}
  .prod2-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .prod2-list li:nth-child(odd)::before{display:none}
  .prod2-list li+li::before{height:120px;top:0}
  .p-card img{height:96px}
  .p-card span{margin-top:12px;font-size:16px}
  .prod2-all{position:static;justify-self:start;margin-top:32px;min-height:32px}
}

/* 문의·푸터·홈 작업 기록도 새 여백에 맞춤 */

/* ═══ 상세 페이지 공통 ═══ */
.pg{background:#fff}
.pg ol{list-style:none}
.pg .crumb{display:flex;gap:8px;align-items:center;font-size:14px;color:#8a8a88}
.pg .crumb a{display:inline-flex;align-items:center;min-height:32px}
.pg .arw{width:18px;height:18px}
.pg .hero-cta .arw{width:24px;height:24px}
.pg .kv div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:8px 0;font-size:15px}
.pg .kv dt{color:#777;font-weight:600}
.pg .kv dd{line-height:1.55}
.pg .note{margin-top:12px;font-size:14px;color:#777}
.pg .more-a{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;font-size:15px;font-weight:600;color:var(--green-d);text-decoration:underline;text-underline-offset:4px}
.pg .faq-list{margin-top:32px;border-top:2px solid #111}
.pg .faq-list details{border-bottom:1px solid #e5e8eb}
.pg .faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 0;font-size:18px;font-weight:700;cursor:pointer;list-style:none}
.pg .faq-list summary::-webkit-details-marker{display:none}
.pg .faq-list summary::after{content:"+";font-size:24px;font-weight:400;color:var(--green-d);flex:none}
.pg .faq-list details[open] summary::after{content:"−"}
.pg .faq-list details p{padding:0 32px 20px 0;font-size:16px;color:#4e5968;line-height:1.7}

/* ═══ 1. 제품 안내 — 인포그래픽 & 큐레이션 리뉴얼 (2026-10-29) ═══ */
.pg-products {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Noto Sans KR", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  word-break: keep-all;
  overflow-wrap: break-word;
  letter-spacing: -0.015em;
  color: #1a261c;
  background: #fbfdfa;
}
.pd-wrap {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 var(--gut, 24px);
  box-sizing: border-box;
}

/* 1. 히어로 섹션 */
.pd-top {
  padding: 24px 0 44px;
  background: linear-gradient(180deg, #f2f7ef 0%, #fbfdfa 100%);
  border-bottom: 1px solid #e5eee1;
}
.pd-top .crumb {
  margin-bottom: 14px;
  font-size: 13.5px;
  color: #6d7d6f;
  letter-spacing: -0.01em;
}
.pd-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 13px;
  border-radius: 99px;
  background: #e7f3e1;
  border: 1px solid #cbe3c2;
  color: #215424;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 14px;
}
.pd-hero-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2b702e;
  display: inline-block;
}
.pd-top h1 {
  margin: 0 0 14px;
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #101c12;
}
.pd-top h1 .nobr {
  display: inline-block;
  white-space: nowrap;
}
.pd-lead {
  margin: 0 0 24px;
  font-size: clamp(15px, 1.2vw, 17px);
  color: #48564b;
  line-height: 1.62;
  letter-spacing: -0.015em;
  max-width: 820px;
}
.pd-lead .nobr {
  display: inline-block;
}

/* 4-Bento 구매 혜택 인포그래픽 바 */
.pd-bento-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 0 0 28px;
  padding: 16px 14px;
  background: #fff;
  border: 1.5px solid #dce8d5;
  border-radius: 16px;
  box-shadow: 0 4px 14px -4px rgba(25, 55, 28, 0.08);
}
.pd-bento-item {
  text-align: center;
  padding: 4px 8px;
}
.pd-bento-item:not(:last-child) {
  border-right: 1px solid #e8f0e4;
}
.pd-bento-num {
  font-size: clamp(23px, 2.2vw, 30px);
  font-weight: 800;
  color: #245828;
  letter-spacing: -0.03em;
  line-height: 1.1;
  font-feature-settings: "tnum";
}
.pd-bento-num small {
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
}
.pd-bento-lbl {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 700;
  color: #263628;
  letter-spacing: -0.01em;
}
.pd-bento-sub {
  margin-top: 2px;
  font-size: 11.5px;
  color: #68796a;
  letter-spacing: -0.01em;
}

/* 퀵 점프 칩 */
.pd-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 0;
}
.pd-jump a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 16px;
  border: 1.5px solid #cfe0cb;
  border-radius: 99px;
  font-size: 14px;
  font-weight: 700;
  background: #fff;
  color: #234c26;
  letter-spacing: -0.01em;
  transition: all 0.16s ease;
}
.pd-jump a:hover {
  border-color: #2a5a2d;
  background: #f0f7ee;
  color: #1a3d1c;
}
.pd-jump a .arw {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-width: 2.2;
  fill: none;
}

/* 2. 용도별 3초 맞춤 추천 섹션 */
.pd-curate-sec {
  padding: 56px 0;
  background: #fff;
  border-bottom: 1px solid #edf2e9;
}
.pd-sec-head {
  margin-bottom: 34px;
}
.pd-sec-head.center {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px;
}
.pd-sec-tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 6px;
  background: #eaf3e6;
  border: 1px solid #d5e6cf;
  color: #235827;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.pd-sec-head h2 {
  margin: 0 0 8px;
  font-size: clamp(23px, 2.2vw, 29px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.34;
  color: #111e13;
}
.pd-sec-head p {
  margin: 0;
  font-size: 15px;
  color: #526154;
  line-height: 1.6;
}
.pd-curate-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.pd-curate-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 28px 24px 22px;
  border: 1.5px solid #dce8d6;
  border-radius: 18px;
  background: #fafcf8;
  box-shadow: 0 4px 14px -4px rgba(25, 55, 28, 0.05);
  transition: all 0.2s ease;
}
.pd-curate-card:hover {
  transform: translateY(-3px);
  border-color: #7ab36d;
  box-shadow: 0 10px 24px -8px rgba(35, 75, 40, 0.12);
}
.pd-curate-card.is-popular {
  border-color: #3b7929;
  background: linear-gradient(180deg, #f2faed 0%, #ffffff 100%);
  box-shadow: 0 8px 24px -8px rgba(42, 90, 45, 0.14);
}
.curate-badge {
  display: inline-block;
  align-self: flex-start;
  padding: 3px 10px;
  border-radius: 99px;
  background: #e4eee1;
  color: #315e34;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}
.curate-badge.popular {
  background: #2a5a2d;
  color: #fff;
}
.curate-icon {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
}
.pd-curate-card h3 {
  margin: 0 0 6px;
  font-size: 18.5px;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #122014;
}
.curate-desc {
  margin: 0 0 14px;
  font-size: 13.5px;
  color: #556657;
  line-height: 1.55;
  min-height: 40px;
}
.curate-features {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  display: grid;
  gap: 7px;
}
.curate-features li {
  font-size: 13px;
  color: #29402c;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}
.curate-features li i {
  color: #2a5a2d;
  font-weight: 800;
  font-style: normal;
  font-size: 12px;
}
.curate-rec {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #e5eee2;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.rec-lbl {
  font-size: 12.5px;
  font-weight: 700;
  color: #68796a;
}
.rec-link {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 6px;
  background: #edf5ea;
  border: 1px solid #cce1c4;
  color: #1e4d22;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: -0.01em;
  transition: all 0.15s ease;
}
.rec-link:hover {
  background: #2a5a2d;
  color: #fff;
  border-color: #2a5a2d;
}

/* 3. 라인업 스펙 비교 섹션 */
.pd-lineup {
  padding: 56px 0;
  background: #fbfdfa;
}
.pd-panel {
  padding: 38px 32px 32px;
  border-radius: 20px;
  background: #19241b;
  color: #fff;
  box-shadow: 0 12px 32px -10px rgba(10, 25, 12, 0.25);
}
.pd-panel h2 {
  font-size: clamp(21px, 2vw, 26px);
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0;
}
.pd-panel > p {
  margin-top: 6px;
  font-size: 14.5px;
  color: #a6b5a8;
  line-height: 1.5;
}

/* 4. 제품 그리드 & 카드 슬림화 */
.pd-list {
  padding: 56px 0 80px;
  background: #fff;
}
.pd-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.pd-head h2 {
  font-size: clamp(23px, 2.2vw, 29px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111e13;
  margin: 0;
}
.pd-count {
  font-size: 15px;
  font-weight: 700;
  color: #2a5a2d;
}
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 28px;
}
.chips button {
  height: 38px;
  padding: 0 16px;
  border: 1.5px solid #dce6d8;
  border-radius: 99px;
  font-size: 14.5px;
  font-weight: 700;
  color: #3b4e3e;
  background: #fafcf8;
  letter-spacing: -0.015em;
  cursor: pointer;
  transition: all 0.16s ease;
}
.chips button:hover {
  border-color: #2a5a2d;
  color: #1a3a1d;
}
.chips button[aria-pressed="true"] {
  background: #2a5a2d;
  border-color: #2a5a2d;
  color: #fff;
  box-shadow: 0 4px 12px -3px rgba(42, 90, 45, 0.3);
}

.pd-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
}
.pd-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px 18px 18px;
  border-radius: 18px;
  background: #fafcf8;
  border: 1.5px solid #e1edde;
  box-shadow: 0 4px 12px -4px rgba(25, 55, 28, 0.05);
  scroll-margin-top: 120px;
  transition: all 0.2s ease;
}
.pd-card:hover {
  transform: translateY(-3px);
  border-color: #7ab36d;
  box-shadow: 0 10px 24px -8px rgba(35, 75, 40, 0.12);
}
.pd-card[hidden] {
  display: none !important;
}
.pd-img {
  position: relative;
  display: grid;
  place-items: center;
  height: 180px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #edf4ea;
  overflow: hidden;
}
.pd-img img {
  max-width: 88%;
  max-height: 145px;
  object-fit: contain;
  transition: transform 0.2s ease;
}
.pd-card:hover .pd-img img {
  transform: scale(1.04);
}
.pd-card-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 3px 8px;
  border-radius: 5px;
  background: #2a5a2d;
  color: #fff;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: -0.01em;
  z-index: 2;
}
.pd-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 14px;
}
.pd-tags span {
  padding: 2px 7px;
  border: 1px solid #dbe8d6;
  border-radius: 4px;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  color: #3b5a3e;
}
.pd-card h3 {
  margin: 8px 0 2px;
  font-size: 17.5px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.025em;
  color: #101c12;
}
.pd-kind {
  margin: 0 0 10px;
  font-size: 13px;
  color: #68796a;
}
.pd-spec {
  list-style: none;
  padding: 0;
  margin: 0 0 14px;
  display: grid;
  gap: 5px;
}
.pd-spec li {
  position: relative;
  padding-left: 12px;
  font-size: 13px;
  line-height: 1.5;
  color: #304033;
  letter-spacing: -0.01em;
}
.pd-spec li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.55em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #2a5a2d;
}
.pd-price {
  font-size: 21px;
  font-weight: 800;
  color: #215424;
  letter-spacing: -0.03em;
  margin: 0 0 12px;
  font-feature-settings: "tnum";
}
.pg-products .buy-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: auto;
  padding: 0;
  border: 0;
}
.pg-products .buy-btn {
  height: 42px;
  padding: 0 8px;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: -0.015em;
  border-radius: 9px;
  border: 1.5px solid #c9d8c4;
  background: #fff;
  color: #233b25;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.16s ease;
  text-decoration: none;
}
.pg-products .buy-btn:hover {
  background: #f4f8f2;
}
.pg-products .buy-btn.is-buy {
  background: #2a5a2d;
  border-color: #2a5a2d;
  color: #fff;
}
.pg-products .buy-btn.is-buy:hover {
  background: #1e4521;
}

/* 5. 하단 프로모션 박스 */
.pd-promo {
  padding: 0 0 72px;
  background: #fff;
}
.pd-promo-in {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.promo {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 32px 30px;
  border-radius: 18px;
  overflow: hidden;
  border: 1.5px solid #dbe6d6;
}
.promo-green {
  background: linear-gradient(180deg, #edf5e9 0%, #f7fbf5 100%);
}
.promo-light {
  background: #fafcf8;
}
.promo-label {
  align-self: flex-start;
  padding: 3px 10px;
  border-radius: 99px;
  background: #2a5a2d;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.promo strong {
  margin-top: 12px;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.34;
  letter-spacing: -0.025em;
  color: #101c12;
}
.promo-sub {
  margin-top: 8px;
  font-size: 14.5px;
  color: #556658;
  line-height: 1.55;
}
.promo-items {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 10px;
  margin-top: 18px;
}
.promo-items li {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e1eddc;
}
.promo-items .ic {
  width: 32px;
  height: 32px;
  color: #2a5a2d;
}
.promo-items b {
  font-size: 16px;
  font-weight: 800;
  color: #142416;
}
.promo-items .buy-btn {
  height: 36px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 8px;
  background: #2a5a2d;
  color: #fff;
  border: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

/* 반응형 */
@media (max-width: 1023px) {
  .pd-curate-grid {
    grid-template-columns: 1fr;
    max-width: 520px;
    margin: 0 auto;
  }
  .pd-promo-in {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .pd-top {
    padding: 20px 0 32px;
  }
  .pd-bento-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 12px;
  }
  .pd-bento-item:nth-child(2) {
    border-right: none;
  }
  .pd-bento-item:nth-child(1),
  .pd-bento-item:nth-child(2) {
    border-bottom: 1px solid #e8f0e4;
    padding-bottom: 8px;
  }
  .pd-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .pd-card {
    padding: 14px 12px 14px;
  }
  .pd-img {
    height: 130px;
  }
  .pd-img img {
    max-height: 100px;
  }
  .pd-card h3 {
    font-size: 15.5px;
  }
  .pd-price {
    font-size: 18px;
  }
  .pg-products .buy-row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .pd-grid {
    grid-template-columns: 1fr;
  }
  .pd-img {
    height: 160px;
  }
}

/* ═══ 2. 설치·수리 — 현대적 고신뢰 서비스형 (2026-10-29 정밀 타이포그래피 리뉴얼) ═══ */
.pg-repair {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Noto Sans KR", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "cv05", "cv06", "cv07", "ss01", "ss02", "tnum";
  word-break: keep-all;
  overflow-wrap: break-word;
  letter-spacing: -0.015em;
  color: #1a261c;
  background: #fbfdfa;
}
.rp-wrap {
  max-width: 1344px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* 1. 히어로 섹션 */
.rp-hero {
  padding: 28px 0 58px;
  background: linear-gradient(180deg, #f3f8f0 0%, #fbfdfa 100%);
  border-bottom: 1px solid #e5eee1;
}
.rp-hero .crumb {
  margin-bottom: 14px;
  font-size: 13.5px;
  color: #6d7d6f;
  letter-spacing: -0.01em;
}
.rp-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  border-radius: 99px;
  background: #e7f3e1;
  border: 1px solid #cbe3c2;
  color: #215424;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}
.rp-hero-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2b702e;
  display: inline-block;
}
.rp-hero-title {
  margin: 0 0 16px;
  font-size: clamp(34px, 3.8vw, 54px);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.035em;
  color: #101c12;
}
.rp-hero-lead {
  margin: 0 0 28px;
  font-size: clamp(16px, 1.3vw, 19.5px);
  color: #48564b;
  line-height: 1.68;
  letter-spacing: -0.018em;
  max-width: 820px;
}
.rp-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}
.rp-hero-badges li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border: 1px solid #d4e4cc;
  border-radius: 99px;
  background: #fff;
  box-shadow: 0 4px 12px -4px rgba(25, 55, 28, 0.08);
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #1b3d1e;
  white-space: nowrap;
}
.rp-hero-badges li i {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2d6b31;
  color: #fff;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
}
.rp-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}
.rp-hero-cta .btn {
  min-width: 220px;
  height: 54px;
  padding: 0 24px;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -0.015em;
  border-radius: 12px;
  justify-content: center;
  box-shadow: 0 6px 18px -4px rgba(42, 90, 45, 0.28);
}
.rp-hero-cta .btn-fill {
  background: var(--mk-green, #3f7d2c);
  border-color: var(--mk-green, #3f7d2c);
}
.rp-hero-cta .btn-fill:hover {
  background: #2a5a2d;
}
.rp-hero-cta .btn-line {
  background: #fff;
  border: 1.5px solid #c8d9c2;
  color: #1e3a21;
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.05);
}
.rp-hero-cta .btn-line:hover {
  background: #f4f8f1;
  border-color: #a8c49f;
}

/* 섹션 공통 헤드 */
.rp-sec-head {
  margin-bottom: 38px;
}
.rp-sec-head.between {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  flex-wrap: wrap;
}
.rp-sec-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 6px;
  background: #eaf3e6;
  border: 1px solid #d5e6cf;
  color: #235827;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.rp-sec-head h2 {
  margin: 0 0 10px;
  font-size: clamp(25px, 2.4vw, 34px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.34;
  color: #111e13;
}
.rp-sec-head p {
  margin: 0;
  font-size: 16px;
  color: #526154;
  line-height: 1.66;
  letter-spacing: -0.015em;
}

/* 2. 3-Way 서비스 채널 */
.rp-ways-sec {
  padding: 72px 0;
  background: #fff;
  border-bottom: 1px solid #ecf2e9;
}
.rp-ways-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.rp-way-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 34px 28px 28px;
  border: 1.5px solid #e1ecdc;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02), 0 10px 24px -8px rgba(25, 55, 28, 0.06);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}
.rp-way-card:hover {
  transform: translateY(-4px);
  border-color: #9ecc8f;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03), 0 18px 36px -10px rgba(35, 75, 40, 0.14);
}
.rp-way-card.is-featured {
  border-color: #3b7929;
  background: linear-gradient(180deg, #f3faee 0%, #ffffff 100%);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02), 0 14px 34px -10px rgba(42, 90, 45, 0.16);
}
.way-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.way-badge {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 99px;
  background: #e8f2e4;
  color: #245828;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.way-badge.feat {
  background: #2a5a2d;
  color: #fff;
  box-shadow: 0 4px 10px -2px rgba(42, 90, 45, 0.3);
}
.way-no {
  font-size: 15px;
  font-weight: 800;
  color: #8fa892;
  font-feature-settings: "tnum";
}
.way-head {
  margin-bottom: 16px;
}
.way-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #eaf4e5;
  display: grid;
  place-items: center;
  color: #2a5a2d;
  margin-bottom: 16px;
}
.way-icon svg {
  width: 26px;
  height: 26px;
}
.rp-way-card.is-featured .way-icon {
  background: #2a5a2d;
  color: #fff;
  box-shadow: 0 6px 16px -4px rgba(42, 90, 45, 0.35);
}
.way-head h3 {
  margin: 0 0 9px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.34;
  color: #121f14;
}
.way-head p {
  margin: 0;
  font-size: 14.5px;
  color: #505f52;
  line-height: 1.62;
  letter-spacing: -0.012em;
}
.way-info {
  margin: 0 0 26px;
  padding: 18px 16px;
  background: #f9fbf8;
  border: 1px solid #e5eee1;
  border-radius: 12px;
  display: grid;
  gap: 11px;
}
.rp-way-card.is-featured .way-info {
  background: #f8fbf6;
  border-color: #d6e6ce;
}
.way-info > div {
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 8px;
  font-size: 14px;
  line-height: 1.55;
}
.way-info dt {
  font-weight: 700;
  color: #6d7d6f;
  letter-spacing: -0.01em;
}
.way-info dd {
  margin: 0;
  color: #1a291c;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.way-foot {
  margin-top: auto;
}
.way-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.015em;
  text-decoration: none;
  cursor: pointer;
  border: 1.5px solid #3f7d2c;
  background: #fff;
  color: #2a5a2d;
  transition: all 0.16s ease;
  box-sizing: border-box;
}
.way-action-btn:hover {
  background: #f0f7ec;
  border-color: #2a5a2d;
}
.way-action-btn.feat-btn {
  background: #2a5a2d;
  color: #fff;
  border-color: #2a5a2d;
  box-shadow: 0 6px 16px -2px rgba(42, 90, 45, 0.28);
}
.way-action-btn.feat-btn:hover {
  background: #1f4522;
}
.way-action-btn.copy-btn {
  border-color: #2a5a2d;
}

/* 3. 6대 대표 증상 비주얼 트리아지 */
.rp-sym-sec {
  padding: 72px 0;
  background: #f4f8f2;
  border-bottom: 1px solid #e1ece0;
}
.rp-sym-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 24px;
}
.sym-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 16px 10px 14px;
  border: 1.5px solid #dce7d8;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  text-align: center;
  transition: all 0.16s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px -2px rgba(25, 55, 28, 0.05);
}
.sym-tab:hover {
  border-color: #8dbd80;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px -4px rgba(35, 75, 40, 0.12);
}
.sym-tab.is-active {
  border-color: #275d2b;
  background: linear-gradient(180deg, #f2faec 0%, #ffffff 100%);
  box-shadow: 0 0 0 1.5px #275d2b, 0 8px 22px -6px rgba(39, 93, 43, 0.22);
}
.sym-tab-icon {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 3px;
}
.sym-tab b {
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: #142116;
  display: block;
}
.sym-tab small {
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #6f7f71;
  display: block;
}
.sym-panel {
  display: none;
  background: #fff;
  border: 1.5px solid #d9e6d3;
  border-radius: 20px;
  padding: 34px 32px;
  box-shadow: 0 12px 32px -12px rgba(25, 55, 28, 0.1);
  animation: rpFadeIn 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.sym-panel[hidden] {
  display: none !important;
}
.sym-panel.is-open,
.sym-panel:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
  gap: 34px;
  align-items: center;
}
@keyframes rpFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sym-panel-media {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: #e9ede6;
  box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.08);
}
.sym-panel-media img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}
.sym-media-tag {
  position: absolute;
  bottom: 12px;
  left: 12px;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(18, 32, 20, 0.88);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.01em;
  backdrop-filter: blur(4px);
}
.sym-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  background: #edf6ea;
  border: 1px solid #d2e6cb;
  color: #245828;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
}
.sym-panel-desc h3 {
  margin: 0 0 12px;
  font-size: clamp(21px, 1.8vw, 25px);
  font-weight: 800;
  letter-spacing: -0.028em;
  line-height: 1.36;
  color: #111f13;
}
.sym-p1 {
  margin: 0 0 20px;
  font-size: 15px;
  color: #47564a;
  line-height: 1.72;
  letter-spacing: -0.018em;
}
.sym-solution-box {
  background: #f7fbf5;
  border: 1px solid #dbe8d5;
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 20px;
}
.sym-solution-box b {
  display: block;
  margin-bottom: 10px;
  font-size: 14.5px;
  color: #1a451d;
  font-weight: 800;
  letter-spacing: -0.015em;
}
.sym-solution-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 7px;
}
.sym-solution-box li {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  color: #38493b;
  line-height: 1.62;
  letter-spacing: -0.015em;
}
.sym-solution-box li::before {
  content: "•";
  position: absolute;
  left: 4px;
  top: 0;
  color: #2e6d32;
  font-weight: 800;
  font-size: 16px;
  line-height: 1.4;
}
.sym-panel-meta {
  display: grid;
  gap: 6px;
  margin-bottom: 22px;
  font-size: 13.5px;
  line-height: 1.65;
  letter-spacing: -0.012em;
  color: #5d6d5f;
}
.sym-panel-meta b {
  color: #183a1a;
}
.sym-panel-meta a {
  color: #235826;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sym-panel-act {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.sym-panel-act .btn {
  min-width: 180px;
  height: 48px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.015em;
  border-radius: 11px;
}

/* 4. 4단계 수리 원칙 */
.rp-step-sec {
  padding: 72px 0;
  background: #fff;
  border-bottom: 1px solid #edf2e9;
}
.rp-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.rp-step-card {
  padding: 28px 24px 26px;
  border: 1px solid #e1ecdc;
  border-radius: 16px;
  background: #fafcf8;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  transition: transform 0.18s ease;
}
.rp-step-card:hover {
  transform: translateY(-2px);
  border-color: #a4ce97;
}
.step-num {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #255a28;
  background: #e3f1dc;
  padding: 4px 10px;
  border-radius: 6px;
  margin-bottom: 14px;
}
.rp-step-card h3 {
  margin: 0 0 9px;
  font-size: 17.5px;
  font-weight: 800;
  letter-spacing: -0.022em;
  line-height: 1.36;
  color: #122014;
}
.rp-step-card p {
  margin: 0;
  font-size: 14px;
  color: #506052;
  line-height: 1.66;
  letter-spacing: -0.015em;
}

/* 5. 잦은 고장 대안 솔루션 */
.rp-alt-sec {
  padding: 72px 0;
  background: #fbfdfa;
  border-bottom: 1px solid #ecf2ea;
}
.rp-alt-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 38px;
}
.rp-alt-head h2 {
  margin: 0 0 10px;
  font-size: clamp(24px, 2.3vw, 32px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.32;
  color: #121e14;
}
.rp-alt-head p {
  margin: 0;
  font-size: 16px;
  color: #566658;
  line-height: 1.65;
  letter-spacing: -0.015em;
}
.rp-alt-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 1080px;
  margin: 0 auto;
}
.rp-alt-card {
  display: flex;
  flex-direction: column;
  padding: 34px 30px 28px;
  border: 1.5px solid #dce8d6;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px -10px rgba(35, 75, 40, 0.08);
}
.rp-alt-card.is-rent {
  border-color: #3b7929;
  background: linear-gradient(180deg, #f6faf2 0%, #fff 100%);
  box-shadow: 0 12px 30px -10px rgba(42, 90, 45, 0.18);
}
.alt-tag {
  display: inline-block;
  align-self: flex-start;
  padding: 6px 13px;
  border-radius: 8px;
  background: #e8f2e3;
  color: #265529;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 14px;
}
.alt-tag.rent {
  background: #2a5a2d;
  color: #fff;
}
.rp-alt-card h3 {
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.35;
  color: #111e13;
}
.rp-alt-card p {
  margin: 0 0 18px;
  font-size: 15px;
  color: #4e5e51;
  line-height: 1.68;
  letter-spacing: -0.015em;
}
.alt-points {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: grid;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #2d3e30;
  letter-spacing: -0.012em;
}
.alt-points li {
  position: relative;
  padding-left: 22px;
  line-height: 1.6;
  word-break: keep-all;
}
.alt-points li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #28602c;
  font-weight: 800;
}
.rp-alt-card .btn {
  margin-top: auto;
  width: 100%;
  height: 48px;
  justify-content: center;
  border-radius: 11px;
  font-size: 15.5px;
  letter-spacing: -0.015em;
}

/* 6. 간편 접수 폼 */
.rp-form-sec {
  padding: 72px 0;
  background: #f4f8f2;
  border-bottom: 1px solid #dfead7;
}
.rp-form-box {
  max-width: 860px;
  margin: 0 auto;
  background: #fff;
  border: 1.5px solid #d7e5d1;
  border-radius: 24px;
  padding: 42px 38px 34px;
  box-shadow: 0 16px 36px -12px rgba(25, 55, 28, 0.12);
}
.rp-form-head {
  text-align: center;
  margin-bottom: 30px;
}
.form-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 99px;
  background: #e4f2dc;
  color: #245827;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.rp-form-head h2 {
  margin: 0 0 8px;
  font-size: clamp(24px, 2.3vw, 32px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.32;
  color: #121e14;
}
.rp-form-head p {
  margin: 0;
  font-size: 15px;
  color: #556658;
  line-height: 1.62;
  letter-spacing: -0.015em;
}
.rp-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 20px;
}
.rp-field {
  display: grid;
  gap: 7px;
}
.rp-field.is-full {
  grid-column: 1 / -1;
}
.rp-field label {
  font-size: 14px;
  font-weight: 700;
  color: #1c2b1e;
  letter-spacing: -0.012em;
}
.rp-field label span {
  font-size: 12.5px;
  font-weight: 500;
  color: #78877a;
  margin-left: 4px;
}
.rp-field label b {
  color: #c72525;
}
.rp-field input,
.rp-field select,
.rp-field textarea {
  width: 100%;
  padding: 13px 16px;
  font-size: 15px;
  letter-spacing: -0.015em;
  line-height: 1.5;
  border: 1.5px solid #d2e0cc;
  border-radius: 11px;
  background: #fafcf8;
  color: #111e13;
  transition: border-color 0.16s, box-shadow 0.16s, background 0.16s;
  font-family: inherit;
  box-sizing: border-box;
}
.rp-field input:focus,
.rp-field select:focus,
.rp-field textarea:focus {
  outline: none;
  border-color: #3b7a29;
  box-shadow: 0 0 0 3.5px rgba(59, 122, 41, 0.14);
  background: #fff;
}
.rp-field textarea {
  resize: vertical;
  min-height: 80px;
  line-height: 1.6;
}
.rp-agree {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  color: #536355;
  letter-spacing: -0.012em;
  margin-bottom: 22px;
  cursor: pointer;
}
.rp-agree input {
  accent-color: #2a5a2d;
  width: 17px;
  height: 17px;
}
.rp-agree a {
  color: #2a5a2d;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rp-submit-wrap {
  text-align: center;
}
.rp-submit-wrap .btn {
  width: 100%;
  max-width: 380px;
  height: 52px;
  font-size: 16.5px;
  font-weight: 800;
  letter-spacing: -0.015em;
  border-radius: 12px;
  justify-content: center;
}
.rp-form-msg {
  margin: 10px 0 0;
  font-size: 14.5px;
  min-height: 22px;
}
.rp-form-msg.is-ok {
  color: #1f6b24;
  font-weight: 700;
}
.rp-form-msg.is-bad {
  color: #cb2431;
  font-weight: 700;
}

/* 7. 실제 수리 사례 갤러리 */
.rp-cases-sec {
  padding: 72px 0;
  background: #fff;
  border-bottom: 1px solid #edf2e9;
}
.cases-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: -0.012em;
  color: #235426;
  text-decoration: none;
}
.cases-all-btn:hover {
  text-decoration: underline;
}
.rp-cases-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.case-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #e1ebdb;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: all 0.18s ease;
}
.case-card:hover {
  transform: translateY(-3px);
  border-color: #90be84;
  box-shadow: 0 12px 24px -10px rgba(35, 75, 40, 0.15);
}
.case-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #eef2eb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transition: transform 0.22s ease;
}
.case-card:hover .case-thumb img {
  transform: scale(1.04);
}
.case-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 3px 8px;
  border-radius: 6px;
  background: rgba(18, 32, 20, 0.88);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.case-body {
  padding: 15px 15px 18px;
}
.case-body b {
  display: block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #121e14;
  line-height: 1.45;
  margin-bottom: 5px;
}
.case-body span {
  font-size: 13px;
  color: #6d7d6f;
  letter-spacing: -0.01em;
}

/* 8. 설치 스트립 */
.rp-ins-sec {
  padding: 72px 0;
  background: #f7faf5;
  border-bottom: 1px solid #e1ead8;
}
.rp-ins-box {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 38px;
  align-items: center;
}
.rp-ins-text h2 {
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.34;
  color: #121f14;
}
.rp-ins-text p {
  margin: 0 0 20px;
  font-size: 15px;
  color: #526254;
  line-height: 1.66;
  letter-spacing: -0.015em;
}
.rp-ins-links {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.rp-ins-links a {
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #285d2b;
  text-decoration: none;
}
.rp-ins-links a:hover {
  text-decoration: underline;
}
.rp-ins-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.ins-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #dce8d5;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: transform 0.16s ease, border-color 0.16s ease;
}
.ins-card:hover {
  transform: translateY(-2px);
  border-color: #8ebd82;
}
.ins-card img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}
.ins-card b {
  display: block;
  padding: 13px 13px 3px;
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #121f14;
  line-height: 1.4;
}
.ins-card span {
  display: block;
  padding: 0 13px 13px;
  font-size: 13px;
  color: #6d7d6f;
  letter-spacing: -0.01em;
}

/* 반응형 */
@media (max-width: 1279px) {
  .rp-sym-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .rp-cases-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rp-ins-box {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .rp-ins-links {
    flex-direction: row;
    gap: 20px;
  }
}
@media (max-width: 1023px) {
  .rp-ways-grid {
    grid-template-columns: 1fr;
    max-width: 520px;
    margin: 0 auto;
  }
  .rp-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rp-alt-grid {
    grid-template-columns: 1fr;
    max-width: 520px;
  }
  .sym-panel.is-open,
  .sym-panel:not([hidden]) {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}
@media (max-width: 767px) {
  .rp-hero {
    padding: 20px 0 42px;
  }
  .rp-hero-title {
    font-size: 30px;
    line-height: 1.3;
  }
  .rp-hero-lead {
    font-size: 15px;
    line-height: 1.62;
  }
  .rp-hero-badges {
    gap: 6px;
  }
  .rp-hero-badges li {
    padding: 7px 12px;
    font-size: 13px;
  }
  .rp-hero-cta .btn {
    width: 100%;
  }
  .rp-sym-tabs {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 22px;
  }
  .sym-tab {
    padding: 14px 10px 12px;
    min-height: 84px;
    justify-content: center;
    border-radius: 14px;
  }
  .sym-tab-icon {
    font-size: 22px;
    margin-bottom: 3px;
  }
  .sym-tab b {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.025em;
    word-break: keep-all;
    text-align: center;
  }
  .sym-tab small {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #607362;
    margin-top: 2px;
    line-height: 1.25;
    letter-spacing: -0.01em;
    white-space: nowrap;
  }
  .rp-way-card, .rp-alt-card {
    padding: 26px 20px 22px;
  }
  .sym-panel {
    padding: 20px 18px;
  }
  .sym-panel-desc h3 {
    font-size: 20px;
  }
  .sym-panel-act .btn {
    width: 100%;
  }
  .rp-steps-grid {
    grid-template-columns: 1fr;
  }
  .rp-form-box {
    padding: 26px 18px;
  }
  .rp-form-grid {
    grid-template-columns: 1fr;
  }
  .rp-cases-grid {
    grid-template-columns: 1fr;
  }
  .rp-ins-grid {
    grid-template-columns: 1fr;
  }
}


/* ═══ 3. 임대 — LG 가전 구독형 ═══ */
.rt-wrap{max-width:1344px;margin:0 auto;padding:0 var(--gut)}
.rt-top{padding:28px 0 76px;background:linear-gradient(180deg,#f1f6ee 0,#fff 100%)}
.rt-kicker{margin-top:40px;text-align:center;font-size:16px;font-weight:700;color:var(--mk-green-d)}
.rt-top h1{margin-top:12px;text-align:center;font-size:clamp(34px,3.6vw,52px);font-weight:600;line-height:1.3;letter-spacing:-.4px}
.rt-lead{margin-top:14px;text-align:center;font-size:clamp(18px,1.8vw,26px);color:#444}
.rt-price{display:table;margin:28px auto 0;padding:14px 28px;border:1px solid #dbe5d4;border-radius:40px;background:#fff;font-size:20px;font-weight:700}
.rt-top .hero-cta{justify-content:center;margin-top:28px}
.rt-sec{padding-top:72px}
.rt-last{padding-bottom:88px}
.rt-h{font-size:37px;font-weight:600;letter-spacing:-.4px}
.rt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.rt-cards li{position:relative;min-height:196px;padding:28px;border-radius:16px}
.c-pink{background:#fbeef0}
.c-blue{background:#eaf2f8}
.c-gray{background:#f2f2f0}
.pill{display:inline-block;padding:3px 12px;border-radius:20px;background:#111;color:#fff;font-size:13px;font-weight:700}
.rt-cards strong{display:block;margin-top:14px;font-size:26px;font-weight:700;line-height:1.35;letter-spacing:-.4px}
.rt-cards .ic{position:absolute;right:28px;bottom:24px;width:64px;height:64px;color:#3b3b3b;stroke-width:1}
.rt-inc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.rt-inc li{display:flex;align-items:center;gap:20px;padding:32px;border-radius:16px;background:#f5f1ea}
.rt-inc .ic{flex:none;width:52px;height:52px;color:var(--mk-green-d);stroke-width:1.2}
.rt-inc h3{font-size:22px;font-weight:700}
.rt-inc p{margin-top:6px;font-size:16px;color:#555}
.rt-note{margin-top:16px;font-size:14px;color:#777}
.rt-headrow{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.rt-headrow a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;color:#555}
.rt-rec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px}
.rt-rec img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}
.rt-rec .tag{margin-top:12px}
.rt-rec b{display:block;margin-top:6px;font-size:17px;line-height:1.4}
.rt-rec span:not(.tag){display:block;margin-top:2px;font-size:14px;color:#777}

/* ═══ 4. 작업 기록 — 오늘의집 피드형 ═══ */
.fd-wrap{max-width:1156px;margin:0 auto;padding:0 var(--gut)}
.fd{padding:28px 0 88px}
.fd h1{margin-top:14px;font-size:28px;font-weight:700}
.fd-lead{margin-top:8px;font-size:15px;color:#757575}
.fd-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 20px}
.fchips{display:flex;flex-wrap:wrap;gap:8px}
.fchips button{height:34px;padding:0 14px;border:1px solid transparent;border-radius:4px;background:#f7f9fa;font-size:15px;color:#424242}
.fchips button[aria-pressed="true"]{border-color:#cfe0c3;background:#eaf3e3;color:var(--mk-green-d);font-weight:700}
.fd-count{font-size:15px;color:#757575;white-space:nowrap}
.fd-count b{color:#111}
.feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 20px}
.feed li[hidden]{display:none}
.f-img{position:relative;overflow:hidden;border-radius:6px;background:#eef2eb;display:flex;align-items:center;justify-content:center}
.f-img img{width:100%;aspect-ratio:3/2;object-fit:contain;transition:transform .3s}
.feed a:hover img{transform:scale(1.02)}
.f-kind{position:absolute;left:10px;top:10px;padding:2px 8px;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;font-weight:700}
.feed b{display:block;margin-top:12px;font-size:17px;line-height:1.4}
.f-meta{display:block;margin-top:4px;font-size:13px;color:#828c94}
.fd-more{margin-top:48px}

/* ═══ 5. 무한잉크 — 토스 스토리형 ═══ */
.mk-wrap{max-width:1140px;margin:0 auto;padding:0 var(--gut)}
.mk-top{padding:28px 0 96px;text-align:center}
.mk-kicker{margin-top:56px;font-size:20px;font-weight:700;color:var(--mk-green)}
.mk-top h1{margin-top:14px;font-size:clamp(44px,5.6vw,80px);font-weight:700;line-height:1.2;letter-spacing:-.03em}
.mk-top .hero-cta{justify-content:center;margin-top:36px}
.mk-hero{margin:64px 0 0}
.mk-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:40px}
.mk-hero figcaption{margin-top:12px;font-size:14px;color:#8b95a1}
.mk-h{font-size:clamp(30px,2.8vw,40px);font-weight:700;line-height:1.35;letter-spacing:-.8px}
.mk-story{padding:104px 0 120px;background:#f9fafb}
.st{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:40px}
.st-item{min-height:62vh;padding-top:10vh}
.st-item:first-child{padding-top:24px}
.st-item h3{font-size:clamp(26px,2.4vw,34px);font-weight:700;line-height:1.35;letter-spacing:-.5px;color:#c4cad1;transition:color .3s}
.st-item p{margin-top:14px;font-size:18px;line-height:1.6;color:#b0b8c1;transition:color .3s}
.st-item.is-on h3{color:#191f28}
.st-item.is-on p{color:#4e5968}
.st-mob{display:none}
.st-media{position:sticky;top:130px;align-self:start;aspect-ratio:4/5}
.st-fig{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .45s}
.st-fig.is-on{opacity:1}
.st-fig img{width:100%;height:100%;object-fit:cover;border-radius:40px}
.st-fig figcaption{position:absolute;left:20px;bottom:20px;padding:6px 12px;border-radius:20px;background:rgba(0,0,0,.55);color:#fff;font-size:13px}
.mk-facts{padding:104px 0 88px}
.mk-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px}
.mk-dl div{padding:28px 30px;border-radius:24px;background:#f2f4f6}
.mk-dl dt{font-size:15px;font-weight:700;color:#6b7684}
.mk-dl dd{margin-top:8px;font-size:20px;font-weight:700;line-height:1.5;color:#191f28}
.mk-faq{padding-bottom:104px}
.mk-faq .more-links{margin-top:28px}

/* ═══ 6. 오버홀 — 인포그래픽 기반 테크니컬 리빌드 (2026-10-29 전면 개편) ═══ */
.pg-overhaul {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", "Noto Sans KR", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "cv05", "cv06", "cv07", "ss01", "ss02", "tnum";
  word-break: keep-all;
  overflow-wrap: break-word;
  letter-spacing: -0.015em;
  color: #1a261c;
  background: #fbfdfa;
}
.oh-wrap {
  max-width: 1344px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* 1. 히어로 섹션 */
.oh-hero {
  padding: 24px 0 60px;
  background: linear-gradient(180deg, #f2f7ef 0%, #fbfdfa 100%);
  border-bottom: 1px solid #e5eee1;
}
.oh-hero .crumb {
  margin-bottom: 14px;
  font-size: 13.5px;
  color: #6d7d6f;
  letter-spacing: -0.01em;
}
.oh-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 44px;
  align-items: center;
}
.oh-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 13px;
  border-radius: 99px;
  background: #e7f3e1;
  border: 1px solid #cbe3c2;
  color: #215424;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 14px;
}
.oh-hero-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2b702e;
  display: inline-block;
}
.oh-hero-title {
  margin: 0 0 14px;
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #101c12;
}
.oh-hero-title .nobr {
  display: inline-block;
  white-space: nowrap;
}
.oh-hero-lead {
  margin: 0 0 20px;
  font-size: clamp(15px, 1.2vw, 17.5px);
  color: #48564b;
  line-height: 1.62;
  letter-spacing: -0.015em;
  max-width: 680px;
}

/* 4-Bento 핵심 수치 인포그래픽 바 */
.oh-stats-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 0 0 26px;
  padding: 14px 12px;
  background: #fff;
  border: 1.5px solid #dce8d5;
  border-radius: 16px;
  box-shadow: 0 4px 14px -4px rgba(25, 55, 28, 0.08);
}
.stat-item {
  text-align: center;
  padding: 4px 6px;
}
.stat-item:not(:last-child) {
  border-right: 1px solid #e8f0e4;
}
.stat-num {
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 800;
  color: #245828;
  letter-spacing: -0.03em;
  line-height: 1.1;
  font-feature-settings: "tnum";
}
.stat-num small {
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
}
.stat-lbl {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 700;
  color: #556658;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.oh-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.oh-hero-cta .btn {
  min-width: 200px;
  height: 50px;
  padding: 0 20px;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: -0.015em;
  border-radius: 12px;
  justify-content: center;
}
.oh-hero-cta .btn-fill {
  background: var(--mk-green, #3f7d2c);
  border-color: var(--mk-green, #3f7d2c);
  box-shadow: 0 6px 16px -4px rgba(42, 90, 45, 0.28);
}
.oh-hero-cta .btn-fill:hover {
  background: #2a5a2d;
}
.oh-hero-cta .btn-line {
  background: #fff;
  border: 1.5px solid #c8d9c2;
  color: #1e3a21;
}
.oh-hero-cta .btn-line:hover {
  background: #f4f8f1;
}

/* 히어로 실물 사진 카드 */
.oh-hero-visual {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 16px 40px -12px rgba(25, 55, 28, 0.18);
  border: 1.5px solid #dbe8d5;
  background: #e9ede6;
}
.oh-hero-visual img {
  width: 100%;
  aspect-ratio: 3/4;
  max-height: 500px;
  object-fit: cover;
  object-position: center 20%;
  display: block;
  transition: transform 0.25s ease;
}
.oh-hero-visual:hover img {
  transform: scale(1.02);
}
.oh-visual-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 5px 11px;
  border-radius: 7px;
  background: rgba(18, 32, 20, 0.88);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.01em;
  backdrop-filter: blur(6px);
}
.oh-visual-card {
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.12);
}
.oh-visual-card b {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 800;
  color: #142416;
  margin-bottom: 3px;
  letter-spacing: -0.015em;
}
.oh-visual-card span {
  font-size: 12px;
  color: #506153;
  line-height: 1.45;
  letter-spacing: -0.01em;
  display: block;
}

/* 섹션 공통 헤드 */
.oh-sec-head {
  margin-bottom: 36px;
}
.oh-sec-head.center {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 38px;
}
.oh-sec-tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 6px;
  background: #eaf3e6;
  border: 1px solid #d5e6cf;
  color: #235827;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.oh-sec-head h2 {
  margin: 0 0 8px;
  font-size: clamp(23px, 2.2vw, 30px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.34;
  color: #111e13;
}
.oh-sec-head p {
  margin: 0;
  font-size: 15px;
  color: #526154;
  line-height: 1.62;
  letter-spacing: -0.015em;
}

/* 2. 비교 인포그래픽 섹션 (게이지 바 스타일) */
.oh-comp-sec {
  padding: 68px 0;
  background: #fff;
  border-bottom: 1px solid #edf2e9;
}
.oh-comp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 1040px;
  margin: 0 auto;
}
.oh-comp-card {
  padding: 30px 28px 26px;
  border: 1.5px solid #e3ede0;
  border-radius: 20px;
  background: #fafcf8;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02), 0 8px 20px -8px rgba(25, 55, 28, 0.06);
}
.oh-comp-card.is-featured {
  border-color: #3b7929;
  background: linear-gradient(180deg, #f2faed 0%, #ffffff 100%);
  box-shadow: 0 8px 26px -10px rgba(42, 90, 45, 0.18);
}
.comp-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 99px;
  background: #e6eee3;
  color: #4b584d;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}
.comp-badge.feat {
  background: #2a5a2d;
  color: #fff;
}
.oh-comp-card h3 {
  margin: 0 0 6px;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #121f14;
}
.oh-comp-card .card-summary {
  margin: 0 0 22px;
  font-size: 13.5px;
  color: #556657;
  line-height: 1.5;
}
.comp-meter-list {
  display: grid;
  gap: 14px;
}
.comp-meter {
  display: grid;
  gap: 6px;
}
.meter-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  letter-spacing: -0.01em;
}
.meter-info span {
  color: #5f7062;
  font-weight: 600;
}
.meter-info b {
  color: #1a261c;
  font-weight: 700;
}
.meter-info b.text-green {
  color: #245828;
}
.meter-bar {
  width: 100%;
  height: 8px;
  background: #e9f0e6;
  border-radius: 99px;
  overflow: hidden;
}
.meter-bar .bar-fill {
  height: 100%;
  border-radius: 99px;
  transition: width 0.4s ease;
}
.meter-bar .bad-fill {
  background: #cf6868;
}
.meter-bar .good-fill {
  background: linear-gradient(90deg, #3f7d2c, #58aa3e);
}

/* 3. 6단계 오버홀 공정 (비주얼 타임라인 카드) */
.oh-steps-sec {
  padding: 68px 0;
  background: #f4f8f2;
  border-bottom: 1px solid #e1ece0;
}
.oh-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.oh-step-card {
  padding: 24px 22px 20px;
  border: 1.5px solid #dce8d6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 12px -4px rgba(25, 55, 28, 0.06);
  transition: all 0.18s ease;
}
.oh-step-card:hover {
  transform: translateY(-3px);
  border-color: #8fbf83;
  box-shadow: 0 10px 22px -8px rgba(35, 75, 40, 0.12);
}
.step-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.oh-step-num {
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #255a28;
  background: #e3f1dc;
  padding: 3px 8px;
  border-radius: 5px;
}
.oh-step-icon {
  font-size: 20px;
  line-height: 1;
}
.oh-step-card h3 {
  margin: 0 0 7px;
  font-size: 16.5px;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #122014;
}
.oh-step-card p {
  margin: 0 0 12px;
  font-size: 13.5px;
  color: #4e5e50;
  line-height: 1.58;
  letter-spacing: -0.015em;
}
.oh-step-check {
  font-size: 12.5px;
  color: #275d2b;
  font-weight: 700;
  letter-spacing: -0.01em;
  background: #f6fbf4;
  border: 1px solid #e1edde;
  border-radius: 7px;
  padding: 6px 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* 4. 추천 대상 인포그래픽 카드 */
.oh-target-sec {
  padding: 68px 0;
  background: #fff;
  border-bottom: 1px solid #edf2e9;
}
.oh-target-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.oh-target-card {
  padding: 28px 24px 24px;
  border: 1.5px solid #e1ecdc;
  border-radius: 18px;
  background: #fafcf8;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
}
.target-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #eaf4e5;
  display: grid;
  place-items: center;
  color: #2a5a2d;
  font-size: 22px;
  margin-bottom: 14px;
}
.oh-target-card h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #121f14;
}
.oh-target-card p {
  margin: 0 0 16px;
  font-size: 14px;
  color: #506153;
  line-height: 1.6;
  letter-spacing: -0.015em;
}
.target-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
}
.target-chips span {
  padding: 3px 8px;
  border-radius: 5px;
  background: #edf5ea;
  color: #245828;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* 5. 투명한 비용 & 무상 대체 프린터 안내 */
.oh-pricing-sec {
  padding: 68px 0;
  background: #f4f8f2;
  border-bottom: 1px solid #e1ead8;
}
.oh-pricing-box {
  max-width: 920px;
  margin: 0 auto;
  background: #fff;
  border: 1.5px solid #d8e5d2;
  border-radius: 22px;
  padding: 36px 36px;
  box-shadow: 0 12px 32px -12px rgba(25, 55, 28, 0.1);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 32px;
  align-items: center;
}
.oh-pricing-info h3 {
  margin: 0 0 8px;
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #121e14;
}
.oh-pricing-info p {
  margin: 0 0 18px;
  font-size: 14.5px;
  color: #506153;
  line-height: 1.62;
  letter-spacing: -0.015em;
}
.oh-price-specs {
  display: grid;
  gap: 9px;
  padding: 16px 18px;
  background: #f8fbf6;
  border: 1px solid #e1eddc;
  border-radius: 12px;
}
.oh-price-specs > div {
  display: grid;
  grid-template-columns: 82px 1fr;
  font-size: 13.5px;
  line-height: 1.5;
}
.oh-price-specs dt {
  font-weight: 700;
  color: #68796a;
}
.oh-price-specs dd {
  margin: 0;
  font-weight: 700;
  color: #162618;
}
.oh-pricing-action {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}
.oh-pricing-action .btn {
  height: 50px;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: -0.015em;
  border-radius: 11px;
  justify-content: center;
}
.oh-free-sub-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 12px;
  border-radius: 9px;
  background: #edf5e8;
  border: 1px solid #cce1c4;
  color: #1e4d22;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* 6. 온라인 간편 접수 폼 */
.oh-form-sec {
  padding: 68px 0;
  background: #fff;
  border-bottom: 1px solid #edf2e9;
}
.oh-form-box {
  max-width: 820px;
  margin: 0 auto;
  background: #fafcf8;
  border: 1.5px solid #dce8d5;
  border-radius: 22px;
  padding: 38px 34px 30px;
  box-shadow: 0 14px 32px -12px rgba(25, 55, 28, 0.08);
}
.oh-form-head {
  text-align: center;
  margin-bottom: 26px;
}
.form-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 99px;
  background: #e4f2dc;
  color: #245827;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
}
.oh-form-head h2 {
  margin: 0 0 6px;
  font-size: clamp(23px, 2.2vw, 29px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.32;
  color: #121e14;
}
.oh-form-head p {
  margin: 0;
  font-size: 14.5px;
  color: #556658;
  line-height: 1.58;
  letter-spacing: -0.015em;
}
.oh-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 18px;
}
.oh-field {
  display: grid;
  gap: 6px;
}
.oh-field.is-full {
  grid-column: 1 / -1;
}
.oh-field label {
  font-size: 13.5px;
  font-weight: 700;
  color: #1c2b1e;
  letter-spacing: -0.012em;
}
.oh-field label span {
  font-size: 12px;
  font-weight: 500;
  color: #78877a;
  margin-left: 3px;
}
.oh-field label b {
  color: #c72525;
}
.oh-field input,
.oh-field select,
.oh-field textarea {
  width: 100%;
  padding: 12px 14px;
  font-size: 14.5px;
  letter-spacing: -0.015em;
  line-height: 1.5;
  border: 1.5px solid #d2e0cc;
  border-radius: 10px;
  background: #fff;
  color: #111e13;
  transition: border-color 0.16s, box-shadow 0.16s;
  font-family: inherit;
  box-sizing: border-box;
}
.oh-field input:focus,
.oh-field select:focus,
.oh-field textarea:focus {
  outline: none;
  border-color: #3b7a29;
  box-shadow: 0 0 0 3px rgba(59, 122, 41, 0.14);
}
.oh-field textarea {
  resize: vertical;
  min-height: 76px;
  line-height: 1.58;
}
.oh-agree {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #536355;
  letter-spacing: -0.012em;
  margin-bottom: 20px;
  cursor: pointer;
}
.oh-agree input {
  accent-color: #2a5a2d;
  width: 16px;
  height: 16px;
}
.oh-agree a {
  color: #2a5a2d;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.oh-submit-wrap {
  text-align: center;
}
.oh-submit-wrap .btn {
  width: 100%;
  max-width: 360px;
  height: 50px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.015em;
  border-radius: 11px;
  justify-content: center;
}

/* 반응형 */
@media (max-width: 1279px) {
  .oh-hero-grid {
    gap: 32px;
  }
  .oh-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1023px) {
  .oh-hero-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .oh-hero-visual {
    max-width: 480px;
    margin: 0 auto;
  }
  .oh-comp-grid {
    grid-template-columns: 1fr;
    max-width: 480px;
  }
  .oh-target-grid {
    grid-template-columns: 1fr;
    max-width: 480px;
    margin: 0 auto;
  }
  .oh-pricing-box {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .oh-hero {
    padding: 20px 0 38px;
  }
  .oh-hero-title {
    font-size: 27px;
    line-height: 1.32;
  }
  .oh-hero-lead {
    font-size: 14.5px;
    line-height: 1.6;
  }
  .oh-stats-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 12px;
  }
  .stat-item:nth-child(2) {
    border-right: none;
  }
  .stat-item:nth-child(1),
  .stat-item:nth-child(2) {
    border-bottom: 1px solid #e8f0e4;
    padding-bottom: 8px;
  }
  .oh-hero-cta .btn {
    width: 100%;
  }
  .oh-steps-grid {
    grid-template-columns: 1fr;
  }
  .oh-form-box {
    padding: 24px 16px;
  }
  .oh-form-grid {
    grid-template-columns: 1fr;
  }
}


/* ═══ 반응형 ═══ */
@media (max-width:1279px){
  .pd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .quick{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}
  .rp-split{grid-template-columns:1fr}
  .rt-rec{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1023px){
  .pd-promo-in,.rt-inc{grid-template-columns:1fr}
  .ways3,.rt-cards,.oh-feat,.oh-steps2,.oh-check{grid-template-columns:1fr}
  .sym-pan{grid-template-columns:1fr;gap:20px}
  .feed{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st{grid-template-columns:1fr;gap:0}
  .st-media{display:none}
  .st-item,.st-item:first-child{min-height:0;padding:0 0 48px}
  .st-item h3{color:#191f28}
  .st-item p{color:#4e5968}
  .st-mob{display:block;margin:20px 0 0}
  .st-mob img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px}
  .st-mob figcaption{margin-top:8px;font-size:13px;color:#8b95a1}
  .oh-banner{grid-template-columns:1fr}
  .oh-banner>img{min-height:0;aspect-ratio:16/9}
  .mk-dl{grid-template-columns:1fr}
}
@media (max-width:767px){
  .pd-top h1,.rp-top h1{font-size:30px}
  .pd-panel{padding:32px 20px 24px;border-radius:16px}
  .pd-panel h2,.pd-head h2{font-size:24px}
  .pd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pd-card{padding:14px 14px 16px;border-radius:16px}
  .pd-img{height:120px}
  .pd-img img{max-height:96px}
  .pd-card h3{font-size:16px}
  .promo{min-height:0;padding:28px 24px}
  .promo strong{font-size:23px}
  .promo-green img{position:static;width:100%;margin-top:20px}
  .promo-go{margin-top:16px}
  .promo-items{margin-top:20px}
  .promo-items li{grid-template-columns:32px minmax(0,1fr);row-gap:10px}
  .promo-items .buy-row{grid-column:1/-1}
  .promo-items .buy-btn{width:100%;justify-content:center;min-height:44px}
  .quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 6px;margin-top:28px}
  .q-ic{width:60px;height:60px}
  .q-ic .ic{width:28px;height:28px}
  .quick a{gap:8px;font-size:13px}
  .rp-sec{padding:56px 0}
  .rp-sec h2,.rt-h{font-size:26px}
  .sym-tabs button{font-size:15px;padding:0 14px}
  .sym-pan{padding:16px}
  .sym-pan h3{font-size:22px}
  .ins-strip{grid-template-columns:1fr 1fr;gap:12px}
  .ins-strip li:nth-child(3){display:none}
  .rlist a{grid-template-columns:72px minmax(0,1fr) 18px;gap:6px 14px;padding:14px 4px}
  .rlist img{width:72px;height:54px;grid-row:1/span 2}
  .rlist .tag{display:none}
  .rlist b{font-size:15px;grid-column:2}
  .r-place{grid-column:2;font-size:13px}
  .rlist .arw{grid-column:3;grid-row:1/span 2}
  .oh-ban{flex-direction:column;align-items:flex-start;padding:24px}
  .rt-top h1{font-size:32px}
  .rt-lead{font-size:17px}
  .rt-price{font-size:16px;padding:12px 20px}
  .rt-top .hero-cta,.mk-top .hero-cta{flex-direction:column;gap:10px}
  .rt-cards strong{font-size:22px}
  .rt-inc li{padding:22px}
  .rt-rec{gap:12px}
  .rt-rec b{font-size:15px}
  .fd-bar{flex-direction:column;align-items:flex-start}
  .feed{grid-template-columns:1fr;gap:28px}
  .mk-top{padding-bottom:64px}
  .mk-kicker{margin-top:32px;font-size:17px}
  .mk-hero{margin-top:40px}
  .mk-hero img{border-radius:24px}
  .mk-story,.mk-facts{padding:64px 0}
  .mk-dl dd{font-size:17px}
  .mk-faq{padding-bottom:64px}
  .oh-ban-txt{padding:32px 24px}
  .oh-price{flex-direction:column;align-items:stretch}
  .oh-sec{padding-top:56px}
  .oh-sec h2{font-size:24px}
}
@media (max-width:374px){
  .pd-grid{grid-template-columns:1fr}
  .quick{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ins-strip{grid-template-columns:1fr}
  .ins-strip li:nth-child(3){display:block}
}

/* ═══ 2026-10-06 점검 수정 ═══ */
/* 상세 페이지 본문 시작 위치를 헤더 로고와 맞춤 */
.pd-wrap,.rp-wrap,.rt-wrap,.fd-wrap,.mk-wrap,.oh-wrap{max-width:1536px;padding:0 var(--pad-l)}
.mk-hero{max-width:1040px;margin-left:auto;margin-right:auto}
@media (max-width:1023px){.pd-wrap,.rp-wrap,.rt-wrap,.fd-wrap,.mk-wrap,.oh-wrap{padding:0 var(--gut)}}

/* 작은 회색 글씨 대비 (바탕 대비 4.5:1 이상) */
.pg .crumb{color:#6b6b69}
.f-meta{color:#68727c}
.s-no{color:#666}
.w-no{color:#767676}
.pg .kv dt,.pg .note,.rt-note,.oh-notice li,.ins-strip span,.rt-rec span:not(.tag){color:#666}
.r-place{color:#636363}
.mk-hero figcaption,.st-mob figcaption{color:#6b7684}
.mk-dl dt{color:#5b6572}
.st-item h3{color:#8b95a1}
.st-item p{color:#646e7a}
.svc3-pic figcaption{color:#555553}
.oh-price dt{color:#666}
.s-img.s-ic{aspect-ratio:auto;height:132px}
.s-ic .ic{width:56px;height:56px}

/* 제품 안내: 라인업 기능 비교표 */
.cmp2-wrap{position:relative;margin-top:28px;overflow-x:auto;border-radius:16px;background:rgba(255,255,255,.06)}
.cmp2{width:100%;min-width:760px;border-collapse:collapse;color:#fff}
.cmp2 th,.cmp2 td{padding:14px 12px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}
.cmp2 tbody tr:last-child th,.cmp2 tbody tr:last-child td{border-bottom:0}
.cmp2 thead th{vertical-align:bottom;padding-top:20px}
.cmp2 thead a{display:flex;flex-direction:column;align-items:center;gap:2px}
.cmp2 thead img{width:100%;max-width:150px;height:96px;margin-bottom:10px;padding:8px;object-fit:contain;border-radius:10px;background:#fff}
.cmp2 thead b{font-size:19px;font-weight:700}
.cmp2 thead span{font-size:13px;font-weight:400;color:#c9d1cb}
.cmp2 thead a:hover b{text-decoration:underline}
.cmp2 tbody th{padding-left:20px;text-align:left;font-size:15px;font-weight:600;color:#e2e8e4;white-space:nowrap}
.cmp2 .cmp2-k{padding-left:20px;text-align:left;font-size:14px;font-weight:600;color:#c9d1cb}
.cmp2 .y{display:inline-block;width:12px;height:12px;border-radius:50%;background:#8fd16f}
.cmp2 .n{display:inline-block;width:12px;height:2px;border-radius:1px;background:rgba(255,255,255,.3);vertical-align:middle}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:767px){.pd-grid>li:last-child:nth-child(odd){grid-column:1/-1}}

/* 상담 구역 (모든 페이지 공통) */
.cta2{background:#1f2622;color:#fff}
.cta2-in{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px 56px;max-width:1536px;margin:0 auto;padding:64px var(--pad-l)}
.cta2-head h2{font-size:30px;font-weight:700;letter-spacing:-.5px}
.cta2-head p{margin-top:8px;font-size:16px;color:#c9d1cb}
.cta2-tel a{font-size:40px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.cta2-tel p{margin-top:4px;font-size:15px;color:#c9d1cb}
.cta2-note{display:inline-block;margin-top:10px;padding:6px 14px;background:rgba(116,184,81,.18);border:1px solid rgba(116,184,81,.4);color:#a8e096;border-radius:20px;font-size:13px;font-weight:600;line-height:1.4}
@media (max-width:767px){.cta2-note{font-size:12px;padding:5px 10px;border-radius:16px}}
.cta2-act{display:flex;flex-direction:column;gap:10px}
.cta2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:220px;height:52px;padding:0 22px;border:1px solid rgba(255,255,255,.4);border-radius:4px;font-size:16px;font-weight:700;color:#fff;transition:background .15s,border-color .15s}
.cta2-btn svg{width:20px;height:20px}
.cta2-btn:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.cta2-talk{background:var(--mk-green);border-color:var(--mk-green)}
.cta2-talk:hover{background:#5d9439;border-color:#5d9439}
@media (max-width:1023px){
  .cta2-in{grid-template-columns:1fr;padding:56px var(--gut)}
  .cta2-act{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:767px){
  .cta2-tel a{font-size:32px}
  .cta2-btn{flex:1 1 100%}
}

/* 푸터 (모든 페이지 공통) */
.ft2{background:#f4f4f1;color:#444}
.ft2-in{max-width:1536px;margin:0 auto;padding:48px var(--pad-l) 40px}
.ft2-top{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(0,1.6fr);gap:28px 48px;padding-bottom:28px;border-bottom:1px solid #e1e1dc}
.ft2-logo img{width:104px;height:auto;mix-blend-mode:multiply}
.ft2-nav{display:flex;flex-wrap:wrap;align-content:flex-start;gap:0 20px}
.ft2-nav b{flex:0 0 100%;margin-bottom:6px;font-size:14px;color:#111}
.ft2-nav a{display:inline-flex;align-items:center;min-height:34px;font-size:15px;color:#444}
.ft2-nav a:hover{color:var(--green-d);text-decoration:underline}
.ft2-nav strong{color:#111}
.ft2-info{margin-top:24px;font-size:14px;line-height:1.8;color:#555}
.ft2-copy{margin-top:8px;font-size:13px;color:#666}
@media (max-width:1023px){
  .ft2-in{padding:40px var(--gut) 32px}
  .ft2-top{grid-template-columns:1fr 1fr}
  .ft2-logo{grid-column:1/-1}
}
@media (max-width:767px){
  .ft2-top{grid-template-columns:1fr}
  .ft2-nav a{min-height:40px}
}

/* 홈 작업 기록 (시안의 추천 제품 구역과 같은 틀) */
.rec2{position:relative;display:grid;grid-template-columns:min(10.6vw,163px) minmax(0,1fr);padding:56px max(min(3.65vw,56px),calc((100vw - 1536px)/2 + 56px)) 64px var(--pad-s);background:#f6f6f2;border-top:1px solid #ebebeb}
.rec2-head{padding-top:6px}
.rec2-head h2{font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.03em}
.rec2-head p{margin-top:24px;font-size:16px;line-height:25px;color:#5e5e5e}
.rec2-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rec2-list img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#eef2eb;border-radius:6px;transition:transform .3s}
.rec2-list a:hover img{transform:scale(1.02)}
.rec2-list b{display:block;margin-top:14px;font-size:18px;font-weight:700;letter-spacing:-.02em}
.rec2-list span{display:block;margin-top:2px;font-size:14px;color:#666}
.rec2-list a:hover b{color:var(--green-d)}
.rec2-etc{grid-column:2}
@media (max-width:1279px){
  .rec2{grid-template-columns:1fr;padding:56px var(--gut) 64px}
  .rec2-head{margin-bottom:28px}
  .rec2-head p br{display:none}
  .rec2-head p{margin-top:10px}
  .rec2-etc{grid-column:1}
}
@media (max-width:767px){
  .rec2-list{grid-template-columns:1fr;gap:28px}
  .rec2-head h2{font-size:24px}
}

/* 휴대폰: 하단 고정 버튼이 있으니 헤더의 '전화 상담'은 숨김 */
@media (max-width:767px){
  .hd-tel{display:none}
  .menu-btn{margin-left:auto}
}

/* 재점검 수정 (2026-10-06) */
.st-item h3{color:#7f8994}
.s-img.s-ic{position:relative;aspect-ratio:auto;height:112px}
.s-ic .ic{width:48px;height:48px}
.s-big{position:absolute;left:18px;top:12px;font-size:28px;font-weight:800;letter-spacing:-.02em;color:#c9d3c1}
.cb-fab{transition:transform .15s,background .15s,opacity .2s,visibility .2s}
.cb-fab.cb-hide{opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none}

/* 무한잉크 첫 화면: HP 공식 제품 사진을 둥근 회색 틀 안에 */
.mk-prod-box{display:grid;place-items:center;aspect-ratio:16/9;padding:0 10%;background:transparent}
.mk-prod .mk-prod-box img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border-radius:0;mix-blend-mode:multiply}
@media (max-width:767px){.mk-prod-box{border-radius:24px;padding:4% 8%}}

/* ═══ 안내 챗봇 (chatbot.js) ═══ */
.cb-fab{position:fixed;right:24px;bottom:86px;z-index:40;display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 20px 0 16px;border-radius:26px;background:#1f2622;color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .15s,background .15s}
.cb-fab:hover{background:#2c5c2f;transform:translateY(-2px)}
.cb-fab svg{width:22px;height:22px;stroke-width:1.8}
.cb-open .cb-fab{display:none}
.cb-panel{position:fixed;right:24px;bottom:24px;z-index:41;display:flex;flex-direction:column;width:380px;height:min(600px,calc(100vh - 48px));border-radius:16px;background:#fff;box-shadow:0 16px 48px rgba(0,0,0,.22);overflow:hidden}
.cb-panel[hidden]{display:none}
.cb-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 12px 16px 20px;background:#1f2622;color:#fff}
.cb-head h2{font-size:18px;font-weight:700}
.cb-head p{margin-top:2px;font-size:13px;color:#c9d1cb}
.cb-close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff}
.cb-close:hover{background:rgba(255,255,255,.1)}
.cb-close svg{width:22px;height:22px}
.cb-log{flex:1;overflow-y:auto;padding:16px;background:#f6f7f4;overscroll-behavior:contain}
.cb-msg{max-width:88%;margin-bottom:10px;padding:12px 14px;border-radius:14px;font-size:15px;line-height:1.6}
.cb-msg p+p{margin-top:6px}
.cb-bot{background:#fff;border:1px solid #e6e8e3;border-top-left-radius:4px;color:#222}
.cb-me{margin-left:auto;background:var(--mk-green);color:#fff;border-top-right-radius:4px}
.cb-links{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.cb-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:8px;background:#f1f6ee;font-size:14px;font-weight:600;color:var(--green-d)}
.cb-links a:hover{background:#e3eedb}
.cb-links svg{width:16px;height:16px;flex:none}
.cb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.cb-chip{min-height:38px;padding:0 14px;border:1px solid #cfdcc6;border-radius:19px;background:#fff;font-size:14px;font-weight:600;color:#2c5c2f}
.cb-chip:hover{background:#f1f6ee;border-color:var(--mk-green)}
.cb-home{border-color:#ddd;color:#555}
.cb-form{display:flex;gap:8px;padding:12px;border-top:1px solid #e6e8e3;background:#fff}
.cb-form input{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid #d9dcd6;border-radius:22px;font:inherit;font-size:15px}
.cb-form input:focus{outline:2px solid var(--mk-green);outline-offset:0;border-color:transparent}
.cb-form button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mk-green);color:#fff}
.cb-form button svg{width:20px;height:20px}
.cb-note{padding:0 16px 12px;background:#fff;font-size:13px;color:#666}
@media (max-width:767px){
  .cb-fab{right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:52px;padding:0;justify-content:center}
  .cb-fab span{display:none}
  .cb-panel{inset:0;width:auto;height:auto;border-radius:0}
  .cb-open .callbar{display:none}
  .cb-open{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.cb-fab{transition:none}}

/* ═══ 자체 쇼핑몰 (2026-10-06) ═══ */
/* 헤더 장바구니 */
.hd-cart{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:20px;border-radius:50%;color:#111}
.hd-cart:hover{background:#eef2ea}
.hd-cart svg{width:24px;height:24px;stroke-width:1.7}
.hd-cart-n{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--mk-green);color:#fff;font-size:13px;font-weight:700;line-height:18px;text-align:center}
.hd-cart-n[hidden]{display:none}
@media (max-width:1023px){.hd-cart{margin-left:auto}.hd-tel{margin-left:8px}}
@media (max-width:767px){.hd-cart{margin-left:auto}.menu-btn{margin-left:4px}}

.shop-dev{position:relative;z-index:30;margin:0;padding:8px 16px;background:#fff4d6;color:#5c4400;font-size:14px;text-align:center}
.shop-dev.is-live{background:#c62828;color:#fff;font-weight:700}
.shop-toast{position:fixed;left:50%;bottom:28px;z-index:60;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:14px 20px;border-radius:10px;background:#1f2622;color:#fff;font-size:15px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.shop-toast.on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.shop-toast a{margin-left:8px;color:#bfe3a8;text-decoration:underline}
.shop-loading,.shop-empty{padding:48px 0;color:#555;text-align:center}
.shop-empty .btn{margin-top:16px;justify-content:center}
.pg-shop .pd-wrap{max-width:1536px;padding:0 var(--pad-l)}
.shop-top{padding:28px 0 8px}
.shop-top h1{margin-top:12px;font-size:32px;font-weight:700;letter-spacing:-.5px}
.shop-lead{margin-top:8px;font-size:16px;color:#555}
.shop-body{padding:24px 0 88px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* 주문 단계 */
.steps3{display:flex;gap:8px;margin-top:16px;font-size:14px;color:#777;list-style:none}
.steps3 li{display:flex;align-items:center;gap:8px}
.steps3 li+li::before{content:"›";color:#bbb}
.steps3 li[aria-current]{color:#111;font-weight:700}

/* 제품 목록 카드 (가격·담기) */
.pd-link{display:flex;flex-direction:column;flex:1}
.pd-link:hover h3{color:var(--green-d)}
.pd-price{margin:4px 0 14px;font-size:20px;font-weight:800;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.pd-price.is-wait,.p-price.is-wait{font-size:15px;font-weight:600;color:#777}
.pg-products .buy-row{flex-direction:row;gap:8px}
.pg-products .buy-row .buy-btn{flex:1;padding:0 8px}
.pg-products .buy-btn.is-buy{background:var(--mk-green);border-color:var(--mk-green);color:#fff}
.p-card .p-price{display:block;margin-top:4px;font-style:normal;font-size:17px;font-weight:700;color:#111}
.f-prod{display:inline-flex;align-items:center;min-height:32px;margin-top:4px;font-size:14px;font-weight:600;color:var(--green-d)}

/* 상품 상세 */
.pdp-sec{padding:16px 0 56px}
.pdp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
.pdp-main{display:grid;place-items:center;aspect-ratio:4/3;border-radius:16px;background:#fff;border:1px solid #ececea;overflow:hidden}
.pdp-main img{max-width:86%;max-height:86%;object-fit:contain;mix-blend-mode:multiply}
.pdp-thumbs{display:flex;gap:10px;margin-top:12px}
.pdp-thumbs button{width:84px;height:64px;padding:4px;border:1px solid #e3e3e0;border-radius:10px;background:#fff}
.pdp-thumbs button[aria-current]{border:2px solid var(--mk-green)}
.pdp-thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pdp-src{margin-top:8px;font-size:13px;color:#777}
.pdp-kind{font-size:15px;font-weight:600;color:var(--green-d)}
.pdp-info h1{margin-top:6px;font-size:32px;font-weight:800;line-height:1.25;letter-spacing:-.5px}
.pdp-price{margin-top:14px;font-size:30px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.pdp-spec{margin-top:18px;padding:16px 0;border-top:1px solid #ececea;border-bottom:1px solid #ececea}
.pdp-spec li{position:relative;padding-left:12px;font-size:16px;line-height:1.8}
.pdp-spec li::before{content:"";position:absolute;left:0;top:.8em;width:4px;height:4px;border-radius:50%;background:var(--mk-green)}
.pdp-note{margin-top:14px;padding:12px 14px;border-radius:8px;background:#f4f7f1;font-size:15px}
.pdp-opt{margin-top:18px;border:0}
.pdp-opt legend{margin-bottom:8px;font-size:15px;font-weight:700}
.pdp-opt label{display:block;margin-top:8px;padding:12px 14px;border:1px solid #ddd;border-radius:10px;cursor:pointer}
.pdp-opt label:has(input:checked){border-color:var(--mk-green);background:#f4f8f1}
.pdp-opt input{margin-right:8px;accent-color:var(--mk-green)}
.pdp-opt small{display:block;margin:4px 0 0 24px;font-size:14px;color:#666}
.pdp-qty{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:15px;font-weight:700}
.qty{display:inline-flex;align-items:center;border:1px solid #d9d9d9;border-radius:8px;overflow:hidden}
.qty button{width:40px;height:40px;font-size:18px}
.qty button:hover{background:#f3f3f1}
.qty input,.qty span{width:48px;height:40px;border:0;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:center;font:inherit;font-weight:700;line-height:40px;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pdp-sum{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:16px;border-top:1px solid #ececea;font-size:15px}
.pdp-sum b{font-size:24px;font-variant-numeric:tabular-nums}
.pdp-btns{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:16px}
.pdp-btns .btn{justify-content:center;width:100%;min-width:0;height:56px}
.pdp-btns .btn:only-child{grid-column:1/-1}
.pdp-wait{margin-top:10px;font-size:14px;color:#777}
.pdp-trust{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:18px;font-size:14px;color:#555}
.pdp-trust li{position:relative;padding-left:20px}
.pdp-trust li::before{content:"✓";position:absolute;left:0;color:var(--mk-green);font-weight:700}
.pdp-more{padding:56px 0 88px;background:#f7f7f4;border-top:1px solid #ececea}
.pdp-more-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.pdp-more h2,.guide h2{font-size:22px;font-weight:700;letter-spacing:-.3px}
.guide-list{margin-top:14px}
.guide-list li{position:relative;padding-left:12px;font-size:15px;line-height:1.75;color:#444}
.guide-list li+li{margin-top:6px}
.guide-list li::before{content:"·";position:absolute;left:0}
.guide-list a{color:var(--green-d);text-decoration:underline}
.pdp-ask{margin-top:14px;font-size:15px;line-height:1.8;color:#444}
.pdp-ask b{font-size:22px;color:#111}
.buybar{display:none}

/* 장바구니 */
.cart-list{border-top:2px solid #111}
.cart-list li{display:grid;grid-template-columns:72px minmax(0,1fr) auto 110px 36px;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e5e5e5}
.cart-list img{width:72px;height:54px;object-fit:contain;mix-blend-mode:multiply}
.cl-name a{font-size:17px;font-weight:700}
.cl-name small{display:block;font-size:14px;color:#666}
.cl-name .is-wait{color:#b25500}
.cl-sum{text-align:right;font-size:17px;font-variant-numeric:tabular-nums}
.cl-del{width:36px;height:36px;border-radius:50%;color:#777}
.cl-del:hover{background:#f1f1ef;color:#111}
.cart-sum{max-width:420px;margin:28px 0 0 auto;padding:24px;border:1px solid #e3e3e0;border-radius:12px}
.cart-sum dl div,.co-sum dl div{display:flex;justify-content:space-between;padding:6px 0;font-size:15px}
.cs-total{margin-top:6px;padding-top:12px!important;border-top:1px solid #e5e5e5;font-weight:800}
.cs-total dd{font-size:22px;color:var(--green-d);font-variant-numeric:tabular-nums}
.cs-hint{margin-top:8px;font-size:14px;color:var(--green-d)}
.cart-sum .btn{justify-content:center;width:100%;margin-top:16px}

/* 주문서 */
.co{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}
.co-box{margin-bottom:20px;padding:24px;border:1px solid #e3e3e0;border-radius:12px}
.co-box legend{padding:0 6px;font-size:18px;font-weight:700}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-wide{grid-column:1/-1}
.co label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#333}
.co label b{color:#c0392b}
.co label span{font-weight:400;color:#777}
.co input,.co textarea,.lookup-form input,.inq input,.inq textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid #d6d9d3;border-radius:8px;font:inherit;font-size:16px;background:#fff}
.co input:focus,.co textarea:focus,.lookup-form input:focus,.inq input:focus,.inq textarea:focus{outline:2px solid var(--mk-green);outline-offset:0;border-color:transparent}
.co input[readonly]{background:#f6f6f4}
.co-box>input,.co-box>textarea{margin-top:10px}
.co-zip{display:grid;grid-template-columns:160px auto;gap:10px}
.co-zip .btn{height:48px;min-width:0;justify-content:center}
.co-visit,.co-paynote{margin-top:12px;padding:12px 14px;border-radius:8px;background:#f4f7f1;font-size:14px}
.co-side{position:sticky;top:24px}
.co-sum{padding:24px;border:1px solid #e3e3e0;border-radius:12px;background:#fff}
.co-sum h2{font-size:18px;font-weight:700}
.co-items{margin:12px 0;padding-bottom:12px;border-bottom:1px solid #eee}
.co-items li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:14px}
.co-agree{flex-direction:row!important;align-items:flex-start;gap:10px!important;margin-top:16px;font-weight:400!important;line-height:1.6}
.co-agree input{width:20px;min-height:0;height:20px;margin-top:2px;accent-color:var(--mk-green);flex:none}
.co-agree a{color:var(--green-d);text-decoration:underline}
.co-err{min-height:22px;margin-top:8px;font-size:14px;color:#c0392b}
.co-pay{justify-content:center;width:100%;height:56px;margin-top:6px;font-size:18px}
.co-safe{margin-top:10px;font-size:13px;color:#666}
.co-privacy{margin-top:12px;padding:14px 16px;border-radius:10px;background:#f7f7f4;font-size:14px}
.co-privacy summary{font-weight:600;cursor:pointer}
.co-privacy ul{margin-top:8px}
.co-privacy li{padding-left:10px;line-height:1.7;color:#444}
.co-privacy a{color:var(--green-d);text-decoration:underline}

/* 결제 결과·주문조회 */
.done{max-width:720px;margin:0 auto}
.done-head{padding:24px 0 8px;text-align:center}
.done-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--mk-green);color:#fff;font-size:30px;font-weight:700}
.done-head h1{margin-top:16px;font-size:30px;font-weight:800}
.done-head p{margin-top:8px;font-size:16px;color:#555}
.done-head.is-err h1{color:#a33}
.ord{margin-top:24px;border-top:2px solid #111}
.ord div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid #e5e5e5;font-size:15px}
.ord dt{color:#666;font-weight:600}
.ord-va{background:#f6faf3}
.ord a{color:var(--green-d);text-decoration:underline}
.done-note{margin-top:16px;font-size:15px;color:#555;text-align:center}
.done-note a{color:var(--green-d);text-decoration:underline}
.done-btns{display:flex;justify-content:center;gap:10px;margin-top:24px}
.lookup{max-width:720px}
.lookup-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.lookup-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.lookup-form .btn{height:48px;min-width:0;justify-content:center}
.lookup-err{margin-top:20px;color:#a33}
.guide{max-width:880px}
.guide>section+section{margin-top:40px}

/* 온라인 신청서 (임대·수리·오버홀) */
.inq-sec{padding:72px 0 0}
.inq-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:40px;padding:36px;border-radius:16px;background:#f4f7f1}
.inq-head h2{font-size:28px;font-weight:700;letter-spacing:-.4px}
.inq-head p{margin-top:10px;font-size:16px;line-height:1.6;color:#555}
.inq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inq-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#333}
.inq-grid label b{color:#c0392b}
.inq-grid label span{font-weight:400;color:#777}
.inq-grid label:nth-child(3){grid-column:1/-1}
.inq-wide{grid-column:1/-1}
.inq-agree{display:flex;gap:10px;margin-top:14px;font-size:14px;line-height:1.6}
.inq-agree input{width:20px;height:20px;min-height:0;margin-top:1px;accent-color:var(--mk-green);flex:none}
.inq-agree a{color:var(--green-d);text-decoration:underline}
.inq-foot{display:flex;align-items:center;gap:16px;margin-top:16px}
.inq-foot .btn{min-width:180px;justify-content:center}
.inq-msg{font-size:15px;color:#a33}
.inq-msg.is-ok{color:var(--green-d);font-weight:600}
.pg-repair .inq-sec,.pg-overhaul .inq-sec{padding-bottom:0}
.pg-repair .inq-sec{padding-bottom:72px}

@media (max-width:1279px){
  .pdp{gap:36px}
  .pdp-more-in{grid-template-columns:1fr 1fr}
  .co{grid-template-columns:minmax(0,1fr) 340px}
}
@media (max-width:1023px){
  .pg-shop .pd-wrap{padding:0 var(--gut)}
  .pdp{grid-template-columns:1fr}
  .co{grid-template-columns:1fr}
  .co-side{position:static}
  .inq-box{grid-template-columns:1fr;gap:20px;padding:28px}
}
@media (max-width:767px){
  .shop-top h1{font-size:26px}
  .pdp-info h1{font-size:26px}
  .pdp-price{font-size:26px}
  .pdp-btns{display:none}
  .pdp-more-in{grid-template-columns:1fr;gap:28px}
  .has-buybar .callbar{display:none}
  .has-buybar{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .has-buybar .cb-fab{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .buybar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px var(--gut);padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -6px 16px rgba(0,0,0,.06)}
  .buybar small{display:block;font-size:13px;color:#666}
  .buybar b{font-size:18px;font-variant-numeric:tabular-nums}
  .buybar .btn{height:48px;min-width:0;padding:0 14px;font-size:15px;justify-content:center}
  .cart-list li{grid-template-columns:56px minmax(0,1fr) 36px;row-gap:8px}
  .cart-list img{width:56px;height:44px;grid-row:1/span 2}
  .cart-list .qty{grid-column:2}
  .cl-sum{grid-column:2/4;text-align:left}
  .cl-del{grid-column:3;grid-row:1}
  .cart-sum{max-width:none}
  .co-grid{grid-template-columns:1fr}
  .co-box{padding:18px}
  .co-zip{grid-template-columns:1fr auto}
  .lookup-form{grid-template-columns:1fr}
  .ord div{grid-template-columns:96px minmax(0,1fr)}
  .inq-grid{grid-template-columns:1fr}
  .inq-box{padding:22px}
  .inq-head h2{font-size:23px}
  .inq-foot{flex-direction:column;align-items:stretch}
  .pg-products .buy-row{flex-direction:column}
}

/* 아이콘·비교표 고급화 (fix6) */
:root{--ic-a:#d7eac6;--ic-line:#2c5c2f;--tile-bg:linear-gradient(150deg,#fff 0%,#f2f5ee 100%);--tile-sh:0 0 0 1px rgba(44,92,47,.09),0 1px 2px rgba(20,40,20,.05),0 12px 24px -14px rgba(30,70,30,.38)}
.ic .a{fill:var(--ic-a);stroke:none}
svg:not(.ic) .a{display:none}
.ic{stroke-linecap:round;stroke-linejoin:round}

/* 아이콘 타일: svg 자체에 여백·배경을 준다 */
.ways3 .ic,.rt-inc .ic,.oh-feat .ic,.promo-items .ic,.s-ic .ic{box-sizing:border-box;flex:none;color:var(--ic-line);background:var(--tile-bg);box-shadow:var(--tile-sh)}
.ways3 .ic,.oh-feat .ic{width:58px;height:58px;padding:14px;border-radius:17px;stroke-width:1.5}
.rt-inc .ic{width:62px;height:62px;padding:15px;border-radius:18px;stroke-width:1.5}
.promo-items .ic{width:40px;height:40px;padding:9px;border-radius:12px;stroke-width:1.6}
.promo-items li{grid-template-columns:40px minmax(0,1fr) auto}

/* 홈 서비스 3칸: 틀 없이 2톤만 */
.svc3 .ic{stroke-width:1.1}

/* 수리 바로가기 원 */
.q-ic{background:radial-gradient(circle at 32% 26%,#fff 0%,#f6f8f3 45%,#e9efe3 100%);box-shadow:0 0 0 1px rgba(44,92,47,.1),0 14px 26px -16px rgba(30,70,30,.45),inset 0 1px 0 #fff;transition:box-shadow .2s,transform .2s}
.q-ic .ic{width:34px;height:34px;stroke-width:1.5;color:var(--ic-line)}
.quick a:hover .q-ic{background:radial-gradient(circle at 32% 26%,#fff 0%,#f3f8ee 45%,#dfead4 100%);box-shadow:0 0 0 1px rgba(44,92,47,.28),0 18px 28px -16px rgba(30,70,30,.5),inset 0 1px 0 #fff;transform:translateY(-2px)}

/* 접수 방법 카드 */
.ways3>li{border-color:#e6e8e3;box-shadow:0 1px 0 rgba(0,0,0,.02),0 18px 36px -28px rgba(30,60,30,.35)}
.w-no{font-size:13px;letter-spacing:.08em;color:#8a9a84}

/* 임대 요약 카드 */
.rt-cards li{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.rt-cards .c-pink{background:linear-gradient(160deg,#f8f5ef 0%,#efe8dc 100%)}
.rt-cards .c-blue{background:linear-gradient(160deg,#f3f6f0 0%,#e4ebde 100%)}
.rt-cards .c-gray{background:linear-gradient(160deg,#f4f5f3 0%,#e8eae6 100%)}
.rt-cards .pill{padding:4px 12px;background:rgba(255,255,255,.75);color:var(--ic-line);box-shadow:inset 0 0 0 1px rgba(44,92,47,.14);font-size:12px;letter-spacing:.02em}
.rt-cards .ic{color:var(--ic-line);stroke-width:1.15;opacity:.95}
.rt-cards .ic .a{fill:rgba(255,255,255,.85)}

/* 임대료 포함 항목 */
.rt-inc li{background:linear-gradient(160deg,#f9f7f2 0%,#f2eee6 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.035)}

/* 오버홀 단계 */
.s-img.s-ic{background:linear-gradient(160deg,#f7f9f4 0%,#e9efe3 100%);box-shadow:inset 0 0 0 1px rgba(44,92,47,.07);border-radius:14px}
.s-ic .ic{width:64px;height:64px;padding:16px;border-radius:19px;stroke-width:1.5}
.s-big{top:10px;font-size:40px;font-weight:800;color:transparent;-webkit-text-stroke:1px #a9bd9b;letter-spacing:-.03em}
.s-no{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mk-green)}
@media (min-width:1024px){
  .oh-steps2>li{position:relative}
  .oh-steps2>li:not(:last-child)::after{content:"";position:absolute;top:50px;right:-17px;width:10px;height:10px;border-top:1.5px solid #9fb68f;border-right:1.5px solid #9fb68f;transform:rotate(45deg)}
}

/* 비교표 */
.cmp2-legend{display:flex;justify-content:flex-end;gap:18px;margin-top:20px;font-size:13px;color:#b9c2bc}
.cmp2-legend span{display:inline-flex;align-items:center;gap:8px}
.cmp2-legend+.cmp2-wrap{margin-top:12px}
.cmp2-wrap{border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.025) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cmp2 th,.cmp2 td{padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.07);transition:background .15s}
.cmp2 thead th{padding:26px 12px 20px;border-bottom-color:rgba(255,255,255,.12)}
.cmp2{table-layout:fixed}
.cmp2 .cmp2-k{width:170px}
.cmp2 thead img{width:100%;max-width:156px;height:112px;margin-bottom:14px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.5),0 16px 28px -16px rgba(0,0,0,.8)}
.cmp2 thead a{gap:0}
.cmp2 thead b{font-size:18px;letter-spacing:-.01em}
.cmp2 thead span{margin-top:8px;padding:3px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:12px;color:#c9d1cb}
.cmp2 thead a:hover b{text-decoration:none;color:#b8e39b}
.cmp2 thead a:hover img{box-shadow:0 0 0 2px #8fd16f,0 16px 28px -16px rgba(0,0,0,.8)}
.cmp2 tbody tr:hover th,.cmp2 tbody tr:hover td{background:rgba(255,255,255,.035)}
.cmp2 tbody th{padding-left:22px;font-size:15px}
.cmp2 tbody th::before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:-4px;background:#8fd16f;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.cmp2 tbody tr:nth-child(1) th{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6M6 18H4.5A2.5 2.5 0 0 1 2 15.5v-4A2.5 2.5 0 0 1 4.5 9h15a2.5 2.5 0 0 1 2.5 2.5v4a2.5 2.5 0 0 1-2.5 2.5H18'/%3E%3Crect x='6' y='14' width='12' height='7' rx='1'/%3E%3C/svg%3E")}
.cmp2 tbody tr:nth-child(2) th{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='13' rx='2'/%3E%3Cpath d='M16 8V5a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E")}
.cmp2 tbody tr:nth-child(3) th{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11V3h8l3 3v5'/%3E%3Crect x='3' y='11' width='18' height='10' rx='2'/%3E%3Cpath d='M7 15h4M7 18h2M15 15h2M15 18h2'/%3E%3C/svg%3E")}
.cmp2 tbody tr:nth-child(4) th{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M15 3v4h4M9.5 17.5l5-5M11 12.5h3.5V16'/%3E%3C/svg%3E")}
.cmp2 .y{position:relative;width:26px;height:26px;border-radius:50%;background:rgba(143,209,111,.16);box-shadow:inset 0 0 0 1px rgba(143,209,111,.45);vertical-align:middle}
.cmp2 .y::after{content:"";position:absolute;left:9.5px;top:6px;width:5px;height:10px;border:solid #a6dd84;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cmp2 .n{width:10px;height:1.5px;background:rgba(255,255,255,.28)}
.cmp2-legend .y,.cmp2-legend .n{display:inline-block}
.cmp2-legend .y{position:relative;width:22px;height:22px;border-radius:50%;background:rgba(143,209,111,.16);box-shadow:inset 0 0 0 1px rgba(143,209,111,.45);transform:none}
.cmp2-legend .y::after{content:"";position:absolute;left:8px;top:5px;width:4px;height:8px;border:solid #a6dd84;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cmp2-legend .n{width:10px;height:1.5px;background:rgba(255,255,255,.4)}
@media (max-width:767px){
  /* 옆으로 밀어도 기능 이름은 남는다 */
  .cmp2 .cmp2-k,.cmp2 tbody th{position:sticky;left:0;z-index:1;background:#2a302c;box-shadow:1px 0 0 rgba(255,255,255,.08)}
  .cmp2 tbody tr:hover th{background:#2f3632}
  .cmp2-legend{justify-content:flex-start}
  .cmp2 tbody th{padding-left:16px;font-size:14px}
  .cmp2 tbody th::before{display:none}
  .cmp2 .cmp2-k{width:112px}
  .cmp2 thead img{max-width:120px;height:84px}
  .ways3 .ic,.oh-feat .ic{width:52px;height:52px;padding:12px;border-radius:15px}
  .rt-inc .ic{width:54px;height:54px;padding:13px;border-radius:16px}
  .s-ic .ic{width:56px;height:56px;padding:14px}
  .q-ic .ic{width:28px;height:28px}
}

/* 신청서 칸 이름: 별표·(선택)이 줄바꿈되지 않게 */
.inq-grid label{display:block}
.inq-grid label input,.inq-grid label textarea{display:block;margin-top:6px}
.inq-grid label b{margin-left:2px}

/* 상품 상세 아래: 탭·상세정보·사양·상품 고시 (2026-10-06) */
.pdt-tabs{position:sticky;top:var(--hd-h,0);z-index:15;background:rgba(252,252,249,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #ececea;border-bottom:1px solid #ececea}
.pdt-tabs .pd-wrap{display:flex;gap:40px}
.pdt-tabs a{padding:18px 0 16px;font-size:16px;font-weight:600;color:#777;border-bottom:2px solid transparent;transition:color .15s}
.pdt-tabs a:hover{color:#111}
.pdt-tabs a[aria-current]{color:#111;border-bottom-color:#111}
.pdt-sec,#pd-ship{scroll-margin-top:calc(var(--hd-h,0px) + 56px)}
.pdt-sec{padding:88px 0}
.pdt-detail{padding:0 0 88px}
.pdt-kick{font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--mk-green)}
.pdt-intro{padding:96px 0 0;text-align:center;background:linear-gradient(180deg,#eef3e9 0%,var(--mk-bg) 78%)}
.pdt-intro h2{margin-top:14px;font-size:48px;font-weight:800;line-height:1.25;letter-spacing:-.035em}
.pdt-sub{max-width:560px;margin:18px auto 0;font-size:18px;line-height:1.7;color:#555}
.pdt-stage{display:grid;place-items:center;max-width:880px;margin:52px auto 0;padding:48px;border-radius:28px;background:#fff;box-shadow:0 0 0 1px rgba(44,92,47,.07),0 40px 80px -48px rgba(30,60,30,.45)}
.pdt-stage img{max-width:100%;max-height:420px;object-fit:contain}
.pdt-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px}
.pdt-points li{padding:30px 26px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px #ecede9,0 18px 36px -30px rgba(30,60,30,.35)}
.pp-v{display:flex;align-items:baseline;gap:4px;color:var(--mk-green-d)}
.pp-v b{font-size:44px;font-weight:800;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.pp-v span{font-size:18px;font-weight:700}
.pdt-points h3{margin-top:14px;font-size:17px;font-weight:700}
.pp-s{margin-top:4px;font-size:14px;line-height:1.5;color:#777}
.pdt-warn{margin-top:20px;padding:14px 18px;border-radius:12px;background:#fdf6e8;box-shadow:inset 0 0 0 1px #f1e2bf;font-size:15px;color:#6b4e16}
.pdt-care{background:#1f2622;color:#fff}
.pdt-care .pdt-kick{color:#a6dd84}
.pdt-care h2{margin-top:10px;font-size:32px;font-weight:700;letter-spacing:-.5px}
.pdt-care-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.pdt-care-list li{display:flex;flex-direction:column;align-items:flex-start;padding:30px 28px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pdt-care-list .ic{box-sizing:border-box;width:56px;height:56px;padding:13px;border-radius:16px;background:rgba(255,255,255,.08);color:#cfe9b8;stroke-width:1.5}
.pdt-care-list .ic .a{fill:rgba(166,221,132,.22)}
.pdt-care-list h3{margin-top:18px;font-size:20px;font-weight:700}
.pdt-care-list p{margin-top:8px;font-size:15px;line-height:1.6;color:#c9d1cb}
.pdt-care-list a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:15px;font-weight:600;color:#b8e39b}
.pdt-care-list a .arw{width:18px;height:18px}
.pdt-spec h2,.pdt-notice h2,.pdt-other h2{font-size:28px;font-weight:700;letter-spacing:-.4px}
.pdt-specnote{margin-top:10px;font-size:15px;color:#555}
.pdt-table{width:100%;margin-top:24px;border-collapse:collapse;border-top:2px solid #111}
.pdt-table th,.pdt-table td{padding:17px 22px;border-bottom:1px solid #e8e9e5;text-align:left;font-size:15px;line-height:1.6;vertical-align:top}
.pdt-table th{width:240px;background:#f6f7f4;font-weight:600;color:#333}
.pdt-table td{color:#222}
.pdt-table .is-wait{color:#999}
.pdt-src{margin-top:14px;font-size:13px;color:#777}
.pdt-notice{padding-top:72px}
.pdt-other{padding-top:0}
.pdt-other-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.pdt-other-list a{display:flex;flex-direction:column;height:100%;padding:18px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #ecede9;transition:box-shadow .2s,transform .2s}
.pdt-other-list a:hover{box-shadow:0 0 0 1px #dfe6d8,0 20px 36px -24px rgba(30,60,30,.4);transform:translateY(-2px)}
.po-img{display:grid;place-items:center;aspect-ratio:4/3}
.po-img img{max-width:100%;max-height:100%;object-fit:contain}
.pdt-other-list b{margin-top:12px;font-size:16px;font-weight:700}
.pdt-other-list small{margin-top:2px;font-size:13px;color:#777}
.pdt-other-list em{margin-top:8px;font-style:normal;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.pdt-other-list em.is-wait{font-size:14px;font-weight:600;color:#999}
@media (max-width:1023px){
  .pdt-points{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdt-care-list{grid-template-columns:1fr}
  .pdt-other-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .pdt-tabs .pd-wrap{gap:0}
  .pdt-tabs a{flex:1;padding:14px 0 12px;text-align:center;font-size:14px}
  .pdt-sec{padding:64px 0}
  .pdt-detail{padding:0 0 64px}
  .pdt-intro{padding-top:64px}
  .pdt-intro h2{font-size:30px}
  .pdt-sub{font-size:16px}
  .pdt-stage{margin-top:32px;padding:24px;border-radius:20px}
  .pdt-points{gap:10px;margin-top:32px}
  .pdt-points li{padding:22px 18px;border-radius:16px}
  .pp-v b{font-size:32px}
  .pp-v span{font-size:15px}
  .pdt-points h3{font-size:15px}
  .pp-s{font-size:13px}
  .pdt-care h2,.pdt-spec h2,.pdt-notice h2,.pdt-other h2{font-size:23px}
  .pdt-table th,.pdt-table td{padding:14px 12px;font-size:14px}
  .pdt-table th{width:112px}
  .pdt-notice{padding-top:56px}
  .pdt-other-list{gap:10px}
  .pdt-other-list a{padding:12px}
}

/* 상세정보: 후커블식 세로 상세페이지 (2026-10-06) */
.pdt-detail{padding:0}
.hk{--hk-g:#3f7d2c;--hk-d:#1d231f;color:#151a16}
.hk-sec{padding:104px 20px}
.hk-in{max-width:860px;margin:0 auto;text-align:center}
.hk h2{font-size:46px;font-weight:800;line-height:1.28;letter-spacing:-.04em}
.hk mark{padding:0 .06em;background:linear-gradient(transparent 58%,#d3efb0 58%);color:inherit}
.hk-eye{font-size:16px;font-weight:800;letter-spacing:.02em;color:var(--hk-g)}
.hk-eye+h2{margin-top:12px}
.hk-pill{display:inline-block;padding:7px 16px;border-radius:999px;background:var(--hk-d);color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em}

/* 1. 첫 질문 */
.hk-hook{position:relative;overflow:hidden;background:radial-gradient(55% 45% at 12% 8%,#e1f2cf 0%,rgba(225,242,207,0) 70%),radial-gradient(45% 40% at 90% 22%,#e3eefa 0%,rgba(227,238,250,0) 70%),linear-gradient(180deg,#f6faf1 0%,#fcfcf9 100%)}
.hk-hook::before,.hk-hook::after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(214,239,184,.35) 60%,rgba(214,239,184,0) 72%);pointer-events:none}
.hk-hook::before{width:180px;height:180px;left:6%;top:26%}
.hk-hook::after{width:110px;height:110px;right:9%;top:12%}
.hk-hook .hk-in{position:relative;z-index:1}
.hk-hook h2{margin-top:24px;font-size:54px}
.hk-lead{margin-top:18px;font-size:20px;line-height:1.6;color:#555}
.hk-hero{display:grid;place-items:center;max-width:760px;margin:52px auto 0;padding:44px;border-radius:32px;background:#fff;box-shadow:0 0 0 1px rgba(44,92,47,.06),0 50px 90px -50px rgba(30,70,30,.5)}
.hk-hero img{width:100%;max-height:440px;object-fit:contain}

/* 2. 고민 */
.hk-pain{background:var(--hk-d);color:#fff}
.hk-pain .hk-eye{font-size:30px;font-weight:800;letter-spacing:-.03em;color:#fff}
.hk-bubbles{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:40px}
.hk-bubbles li{position:relative;max-width:560px;padding:20px 28px;border-radius:22px;background:#fff;color:#1d231f;font-size:19px;font-weight:600;line-height:1.5;text-align:left;box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}
.hk-bubbles li::after{content:"";position:absolute;bottom:-8px;width:18px;height:18px;background:#fff;transform:rotate(45deg);border-radius:3px}
.hk-bubbles li:nth-child(odd){transform:translateX(-56px)}
.hk-bubbles li:nth-child(odd)::after{left:34px}
.hk-bubbles li:nth-child(even){transform:translateX(56px);background:#e4f3d4}
.hk-bubbles li:nth-child(even)::after{right:34px;background:#e4f3d4}

/* 3. 해결 */
.hk-solve{background:linear-gradient(180deg,#fcfcf9 0%,#f0f6e9 100%)}
.hk-down{position:relative;display:block;width:2px;height:72px;margin:0 auto 32px;background:linear-gradient(rgba(63,125,44,0),var(--hk-g))}
.hk-down::after{content:"";position:absolute;left:50%;bottom:-2px;width:12px;height:12px;margin-left:-6px;border-right:2px solid var(--hk-g);border-bottom:2px solid var(--hk-g);transform:rotate(45deg)}
.hk-solve-s{font-size:22px;font-weight:600;color:#555}
.hk-solve h2{margin-top:10px;font-size:50px}
.hk-solve-img{display:grid;place-items:center;max-width:640px;aspect-ratio:4/3;margin:44px auto 0;padding:32px;border-radius:28px;background:#fff;box-shadow:0 0 0 1px rgba(44,92,47,.06),0 40px 80px -48px rgba(30,70,30,.45)}
.hk-solve-img img{max-width:100%;max-height:100%;object-fit:contain}

/* 4. 포인트 */
.hk-points .hk-in{display:grid;gap:112px}
.hk-no{display:inline-block;padding:6px 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--hk-g);color:var(--hk-g);font-size:14px;font-weight:800;letter-spacing:.1em}
.hk-pt h3{margin-top:18px;font-size:42px;font-weight:800;line-height:1.3;letter-spacing:-.04em}
.hk-pt-d{max-width:560px;margin:14px auto 0;font-size:18px;line-height:1.7;color:#555}
.hk-viz{max-width:640px;margin:40px auto 0;padding:60px 24px 52px;border-radius:30px;background:radial-gradient(70% 90% at 50% 0%,#e3f3cf 0%,#f4f9ee 58%,#fff 100%);box-shadow:inset 0 0 0 1px rgba(63,125,44,.12),0 34px 64px -44px rgba(30,70,30,.5)}
.hk-viz-v{display:flex;justify-content:center;align-items:baseline;gap:6px;color:#2c5c2f}
.hk-viz-v b{font-size:128px;font-weight:900;line-height:1;letter-spacing:-.05em;background:linear-gradient(180deg,#4a9a31 0%,#1f4d22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.hk-viz-v span{font-size:38px;font-weight:800}
.hk-viz-c{margin-top:16px;font-size:18px;font-weight:600;color:#4a5a4a}
.hk-src{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:6px 14px 6px 8px;border-radius:999px;background:#f1f3ef;font-size:13px;font-weight:600;color:#666}
.hk-src i{position:relative;width:16px;height:16px;border-radius:50%;background:var(--hk-g)}
.hk-src i::after{content:"";position:absolute;left:5.5px;top:3px;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}

/* 5. 맞는 곳 */
.hk-fit{background:#f4f5f1}
.hk-check{display:grid;gap:12px;max-width:560px;margin:36px auto 0;text-align:left}
.hk-check li{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:16px;background:#fff;font-size:18px;font-weight:600;box-shadow:0 0 0 1px #e8eae5}
.hk-check li::before{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--hk-g) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/15px no-repeat}
.hk-alt-h{margin-top:56px;font-size:16px;font-weight:700;color:#666}
.hk-alt{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;max-width:640px;margin:16px auto 0;text-align:left}
.hk-alt a{display:flex;align-items:center;gap:14px;height:100%;padding:12px 18px 12px 12px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #e8eae5;transition:box-shadow .2s,transform .2s}
.hk-alt a:hover{box-shadow:0 0 0 1px #d5e2c9,0 18px 32px -22px rgba(30,70,30,.45);transform:translateY(-2px)}
.hk-alt-img{display:grid;place-items:center;flex:none;width:76px;height:58px}
.hk-alt-img img{max-width:100%;max-height:100%;object-fit:contain}
.hk-alt-t{display:flex;flex-direction:column;flex:1;min-width:0}
.hk-alt-t small{font-size:13px;color:#777}
.hk-alt-t b{margin-top:2px;font-size:16px;font-weight:700}
.hk-alt-go{font-size:18px;font-weight:700;color:var(--hk-g)}

/* 6. 한눈에 */
.hk-glance{background:#fff}
.hk-glance h2{font-size:34px}
.hk-glance .pdt-points{margin-top:32px;text-align:left}
.hk-glance .pdt-warn{text-align:left}

/* 7. 마인잉크 */
.hk-care{background:var(--hk-d);color:#fff}
.hk-care .hk-eye{color:#a6dd84}
.hk-care mark{background:linear-gradient(transparent 58%,rgba(166,221,132,.38) 58%)}
.hk-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}
.hk-badges li,.hk-badges a{display:flex;flex-direction:column;align-items:center}
.hk-badges .ic{box-sizing:border-box;width:92px;height:92px;padding:25px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#cfe9b8;stroke-width:1.4;transition:box-shadow .2s,transform .2s}
.hk-badges .ic .a{fill:rgba(166,221,132,.25)}
.hk-badges a:hover .ic{box-shadow:inset 0 0 0 1px rgba(166,221,132,.6);transform:translateY(-2px)}
.hk-badges b{margin-top:16px;font-size:17px;font-weight:700}
.hk-badges span{margin-top:4px;font-size:14px;color:#b9c2bc}
.hk-care-n{margin-top:32px;font-size:14px;color:#9aa59d}

/* 8. 구매 */
.hk-cta{background:linear-gradient(135deg,#3f7d2c 0%,#24502a 100%);color:#fff}
.hk-cta h2{font-size:40px}
.hk-tel{display:inline-block;margin-top:22px;font-size:46px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hk-cta p{margin-top:6px;font-size:15px;color:rgba(255,255,255,.75)}
.hk-cta .hk-buy{min-width:300px;margin-top:32px;justify-content:center;border-color:#fff;background:#fff;color:#1f4d22}
.hk-cta .hk-buy:hover{background:#eef6e6}

@media (max-width:1023px){
  .hk-badges{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
}
@media (max-width:767px){
  .hk-sec{padding:72px 20px}
  .hk h2{font-size:29px}
  .hk-hook h2{font-size:32px}
  .hk-lead{font-size:16px}
  .hk-hook::before{width:110px;height:110px;left:-20px;top:30%}
  .hk-hook::after{width:70px;height:70px}
  .hk-hero{margin-top:36px;padding:20px;border-radius:22px}
  .hk-pain .hk-eye{font-size:23px}
  .hk-bubbles{margin-top:28px;gap:14px}
  .hk-bubbles li{padding:16px 20px;font-size:16px}
  .hk-bubbles li:nth-child(odd){transform:translateX(-8px)}
  .hk-bubbles li:nth-child(even){transform:translateX(8px)}
  .hk-down{height:52px;margin-bottom:24px}
  .hk-solve-s{font-size:17px}
  .hk-solve h2{font-size:30px}
  .hk-solve-img{margin-top:32px;padding:18px;border-radius:22px}
  .hk-points .hk-in{gap:80px}
  .hk-pt h3{font-size:28px}
  .hk-pt-d{font-size:16px}
  .hk-viz{margin-top:28px;padding:40px 16px 34px;border-radius:22px}
  .hk-viz-v b{font-size:80px}
  .hk-viz-v span{font-size:26px}
  .hk-viz-c{font-size:15px}
  .hk-check li{padding:15px 16px;font-size:16px}
  .hk-alt{grid-template-columns:1fr}
  .hk-glance h2{font-size:24px}
  .hk-badges .ic{width:76px;height:76px;padding:20px}
  .hk-badges b{font-size:16px}
  .hk-cta h2{font-size:27px}
  .hk-tel{font-size:34px}
  .hk-cta .hk-buy{width:100%;min-width:0}
}

/* 포인트 그림 */
.hk-svg text{stroke:none}
.hk-svg{display:block;stroke:none;width:100%;max-width:520px;height:auto;margin:0 auto;font-family:inherit;letter-spacing:-.02em}
.hk-viz.has-svg{padding:44px 28px 40px}
.hk-viz.has-svg .hk-viz-v{margin-top:20px;padding-top:22px;border-top:1px solid rgba(63,125,44,.14)}
.hk-viz.has-svg .hk-viz-v b{font-size:60px}
.hk-viz.has-svg .hk-viz-v span{font-size:24px}
.hk-viz.has-svg .hk-viz-c{margin-top:8px;font-size:16px}
@media (max-width:767px){
  .hk-viz.has-svg{padding:24px 10px 26px}
  .hk-viz.has-svg .hk-viz-v{margin-top:14px;padding-top:16px}
  .hk-viz.has-svg .hk-viz-v b{font-size:44px}
  .hk-viz.has-svg .hk-viz-v span{font-size:19px}
  .hk-viz.has-svg .hk-viz-c{font-size:14px}
}

/* 홈 서비스 3칸·사진 문구 (fix7) */
.svc3-list a::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--mk-green);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.svc3-list a:hover::before{transform:scaleX(1)}
.svc3-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%}
.svc3-ic{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:radial-gradient(120% 100% at 30% 15%,#fff 0%,#f4f7f0 55%,#e8eee2 100%);box-shadow:0 0 0 1px rgba(44,92,47,.1),0 12px 22px -14px rgba(30,70,30,.45),inset 0 1px 0 #fff;transition:background .2s,box-shadow .2s,transform .2s}
.svc3 .svc3-ic .ic3{display:block;width:48px;height:48px;stroke:none;transition:transform .25s}
.svc3-list a:hover .svc3-ic{box-shadow:0 0 0 1px rgba(63,125,44,.32),0 18px 30px -14px rgba(46,110,40,.55),inset 0 1px 0 #fff;transform:translateY(-3px)}
.svc3-list a:hover .svc3-ic .ic3{transform:scale(1.07) rotate(-3deg)}
.svc3-no{font-size:13px;font-weight:700;letter-spacing:.1em;color:#a3ad9d;font-variant-numeric:tabular-nums;line-height:1;margin-top:2px}
.svc3-list h3{margin-top:18px;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--ink);min-height:29px}
.svc3-list p{margin-top:10px;font-size:15px;line-height:1.55;color:#555a56;letter-spacing:-.02em;word-break:keep-all;min-height:46px}
.svc3-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;min-height:28px}
.svc3-chips i{padding:4px 10px;border-radius:999px;background:#f0f4ec;box-shadow:inset 0 0 0 1px rgba(44,92,47,.08);font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:-.01em;color:#3d5a37;white-space:nowrap}
.svc3-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:22px;font-size:14px;font-weight:700;color:#111;transition:color .2s}
.svc3-go .arw{margin:0;width:18px;height:18px;transition:transform .2s}
.svc3-list a:hover .svc3-go{color:var(--mk-green-d)}
.svc3-list a:hover .svc3-go .arw{transform:translateX(4px)}

@media (max-width:1279px){
  .svc3-pic img{transform:none;object-position:50% 25%}
  .svc3-pic figcaption{top:22px;right:var(--gut)}
}
@media (max-width:767px){
  .svc3-list a,.svc3-list li:first-child a{grid-template-columns:52px minmax(0,1fr) auto;row-gap:0}
  .svc3-list a::before{display:none}
  .svc3-top{grid-row:1/span 3;align-self:start;width:auto;padding:0}
  .svc3-ic{width:48px;height:48px;border-radius:14px}
  .svc3 .svc3-ic .ic3{width:40px;height:40px}
  .svc3-ic{width:52px;height:52px;border-radius:15px}
  .svc3-no{display:none}
  .svc3-list h3{grid-column:2;margin:0}
  .svc3-chips{grid-column:2;margin-top:8px}
  .svc3-chips i{font-size:12px;padding:3px 9px}
  .svc3-go{grid-column:3;grid-row:1/span 3;margin:0}
  .svc3-go>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .svc3-pic .cap-l{font-size:13px}
  .svc3-pic .cap-b{font-size:21px}
}

/* 입체 컬러 아이콘 (fix9): 선 굵기·색 규칙을 끄고, 타일 안 여백을 줄인다 */
.ic3{stroke:none;fill:none;overflow:visible}
.ways3 .ic3,.oh-feat .ic3{padding:6px}
.rt-inc .ic3{padding:7px}
.promo-items .ic3{padding:5px}
.s-ic .ic3{padding:8px}
.q-ic .ic3{width:48px;height:48px}
.quick a:hover .q-ic .ic3{transform:scale(1.06)}
.q-ic .ic3{transition:transform .2s}
.rt-cards .ic3{width:72px;height:72px;bottom:20px;opacity:1}
.hk-badges .ic3{padding:20px;background:radial-gradient(circle at 32% 26%,#fff 0%,#eef3e8 60%,#dfe8d6 100%);box-shadow:0 0 0 1px rgba(255,255,255,.5),0 18px 34px -14px rgba(0,0,0,.65)}
.hk-badges a:hover .ic3{box-shadow:0 0 0 2px #a6dd84,0 18px 34px -14px rgba(0,0,0,.65)}
@media (max-width:767px){
  .ways3 .ic3,.oh-feat .ic3{padding:7px}
  .rt-inc .ic3{padding:8px}
  .s-ic .ic3{padding:9px}
  .q-ic .ic3{width:38px;height:38px}
  .hk-badges .ic3{padding:16px}
  .rt-cards .ic3{width:60px;height:60px}
}

/* 점검 후 다듬기 (2026-10-07) */
/* 1. 주문서·주문조회 칸 이름: 별표·(선택)이 줄바꿈되지 않게 */
.co label,.lookup-form label{display:block}
.co label input,.co label textarea,.co label select,.lookup-form label input{display:block;margin-top:6px}
.co label b,.lookup-form label b{margin-left:2px}

/* 3. 휴대폰 누르는 영역 */
.pg .crumb a{min-width:32px;justify-content:center}
.ft2-nav a{min-width:32px}

/* 4. 휴대폰 인포그래픽: 그림을 화면 끝까지 넓히고, 그림과 겹치는 큰 숫자는 줄인다 */
.hk-viz.has-svg .hk-viz-v b{font-size:48px}
.hk-viz.has-svg .hk-viz-v span{font-size:20px}
@media (max-width:767px){
  .hk-viz.has-svg{margin-left:-20px;margin-right:-20px;padding:24px 6px 26px;border-radius:0;box-shadow:inset 0 1px 0 rgba(63,125,44,.12),inset 0 -1px 0 rgba(63,125,44,.12)}
  .hk-viz.has-svg .hk-svg{max-width:none}
  .hk-viz.has-svg .hk-viz-v b{font-size:34px}
  .hk-viz.has-svg .hk-viz-v span{font-size:16px}
}

/* 2. 움직임 줄이기를 켠 사람에게는 움직임을 끈다 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .svc3-list a:hover .svc3-ic,.svc3-list a:hover .svc3-ic .ic3,.svc3-list a:hover .svc3-go .arw,.quick a:hover .q-ic,.quick a:hover .q-ic .ic3,
  .hk-alt a:hover,.pdt-other-list a:hover,.hk-badges a:hover .ic,.svc3-list a:hover::before{transform:none!important}
}

/* 작업 기록 게시판: 글·직원 글쓰기 (2026-10-07) */
.rec-sec{padding:24px 0 96px}
.rec-wrap{max-width:860px;margin:0 auto;padding:0 20px}
.rec-head{margin-top:28px;padding-bottom:24px;border-bottom:1px solid #ececea}
.rec-kind{display:inline-block;padding:4px 12px;border-radius:999px;background:#eef4e8;color:#2c5c2f;font-size:13px;font-weight:700}
.rec-kind.k-install{background:#e9f1f8;color:#1f4f7a}
.rec-kind.k-rent{background:#f6efe3;color:#7a4f12}
.rec-head h1{margin-top:12px;font-size:34px;font-weight:800;line-height:1.3;letter-spacing:-.03em}
.rec-meta{margin-top:10px;font-size:15px;color:#666}
.rec-photos{display:grid;gap:12px;margin-top:28px}
.rec-photos figure{margin:0;overflow:hidden;border-radius:16px;background:#f3f4f1}
.rec-photos img{display:block;width:100%;height:auto}
.rec-body{margin-top:28px;font-size:17px;line-height:1.85;color:#2a2f2b;word-break:keep-all;overflow-wrap:anywhere}
.rec-body p{margin:0 0 1em}
.rec-body img{display:block;max-width:100%;height:auto;margin:16px 0;border-radius:14px}
.rec-body a{color:var(--mk-green-d);text-decoration:underline}
.rec-prod{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding:20px 24px;border-radius:16px;background:#f2f6ee;box-shadow:inset 0 0 0 1px rgba(44,92,47,.1)}
.rec-prod span{font-size:14px;color:#55624f}
.rec-prod b{font-size:16px;color:#1f4d22}
.rec-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;padding-top:28px;border-top:1px solid #ececea}
.rec-foot .btn{justify-content:center;min-width:180px}
.rec-more{margin-top:72px}
.rec-more h2{margin-bottom:20px;font-size:24px;font-weight:700}
.rec-empty{margin-top:40px;font-size:16px;color:#555}
.rec-empty a{color:var(--mk-green-d);text-decoration:underline}
.feed .f-noimg{display:block;aspect-ratio:3/2;background:#eef1ea}

/* 직원 글쓰기 */
.rw-h1{margin-top:24px;font-size:30px;font-weight:800;letter-spacing:-.03em}
#recWrite{margin-top:24px}
.rw-box{padding:28px;border-radius:16px;background:#f6f7f4;box-shadow:inset 0 0 0 1px #ecede9}
.rw-box h2{font-size:22px;font-weight:700}
.rw-box p{margin-top:8px;font-size:15px;line-height:1.6;color:#444}
.rw-box label{display:block;margin-top:16px;font-size:14px;font-weight:600;color:#333}
.rw-box label b{color:#c0392b}
.rw-box input:not([type=radio]):not([type=checkbox]):not([type=file]),.rw-box textarea,.rw-box select{display:block;width:100%;margin-top:6px;min-height:48px;padding:10px 14px;border:1px solid #d6d9d3;border-radius:8px;font:inherit;font-size:16px;background:#fff}
.rw-box textarea{min-height:200px;line-height:1.6}
.rw-box .btn{margin-top:16px}
.rw-login{max-width:420px}
.rw-msg{min-height:1.4em;font-size:15px}
.rw-msg.is-bad{color:#b3261e}
.rw-msg.is-ok{color:var(--mk-green-d);font-weight:600}
.rw-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.rw-top h2{font-size:22px;font-weight:700}
.rw-top .btn{margin:0}
.rw-import{margin-top:16px}
.rw-import .btn{margin:0 0 0 8px}
.rw-list{margin-top:16px;border-top:1px solid #ececea}
.rw-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ececea}
.rw-list a{overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.rw-list small{font-size:13px;color:#777}
.rw-list .btn{min-height:36px;padding:0 14px;font-size:14px}
.rw-kind{margin-top:4px;border:0;padding:0}
.rw-kind legend{font-size:14px;font-weight:600;color:#333}
.rw-kind label{display:inline-flex;align-items:center;gap:6px;margin:8px 16px 0 0;font-weight:500}
.rw-kind input{width:20px;height:20px;accent-color:var(--mk-green)}
.rw-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rw-note{padding:12px 14px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #e3e6df}
.rw-photos{margin-top:18px}
.rw-photos>p{font-size:14px;font-weight:600;color:#333}
.rw-photos small{font-weight:400;color:#777}
#rwThumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
#rwThumbs li{position:relative;width:110px;height:82px;overflow:hidden;border-radius:10px;background:#e9ece6}
#rwThumbs li.is-new{box-shadow:0 0 0 2px var(--mk-green)}
#rwThumbs img{width:100%;height:100%;object-fit:cover}
#rwThumbs button{position:absolute;top:4px;right:4px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:14px;cursor:pointer}
.rw-add{display:inline-flex;cursor:pointer}
.rw-check{display:flex!important;align-items:center;gap:8px}
.rw-check input{width:20px;height:20px;accent-color:var(--mk-green)}
.rw-actions{display:flex;gap:10px;justify-content:flex-end}
@media (max-width:767px){
  .rec-head h1{font-size:26px}
  .rec-body{font-size:16px}
  .rec-prod{flex-direction:column;align-items:flex-start}
  .rec-foot .btn{flex:1;min-width:0}
  .rw-box{padding:20px}
  .rw-two{grid-template-columns:1fr}
  .rw-list li{grid-template-columns:auto minmax(0,1fr) auto}
  .rw-list small{display:none}
  .rw-actions .btn{flex:1;justify-content:center}
}

/* 사용법 자료·오시는 길 (2026-10-12) */
.gd-h1{margin-top:24px;font-size:34px;font-weight:800;letter-spacing:-.03em}
.gd-lead{margin-top:10px;font-size:17px;color:#555}
.gd-list{margin-top:28px;border-top:2px solid #111}
.gd-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 4px;border-bottom:1px solid #ececea;transition:background .15s}
.gd-list a:hover{background:#f6f8f3}
.gd-list b{font-size:17px;font-weight:600;line-height:1.45}
.gd-list small{font-size:13px;color:#777}
.gd-kind{display:inline-block;min-width:76px;padding:4px 10px;border-radius:999px;background:#eef4e8;color:#2c5c2f;font-size:12.5px;font-weight:700;text-align:center}
.gd-video{display:block;width:100%;max-height:70vh;margin-top:28px;border-radius:16px;background:#111}
.lc-map{margin-top:24px;overflow:hidden;border-radius:16px;background:#eef1ea;min-height:320px}
.lc-map .root_daum_roughmap{width:100%!important}
.lc-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.lc-info{margin-top:28px;border-top:2px solid #111}
.lc-info div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:16px 4px;border-bottom:1px solid #ececea;font-size:16px}
.lc-info dt{font-weight:600;color:#555}
.lc-info a{color:var(--mk-green-d);text-decoration:underline}
@media (max-width:767px){
  .gd-h1{font-size:27px}
  .gd-list a{grid-template-columns:minmax(0,1fr);gap:6px}
  .gd-kind{justify-self:start}
  .lc-info div{grid-template-columns:88px minmax(0,1fr);font-size:15px}
  .lc-btns .btn{flex:1;justify-content:center}
}
.pg .crumb span[aria-current],.rec-head h1,.gd-list b{min-width:0;overflow-wrap:anywhere}

/* 게시판 영상 (2026-10-12) */
.rw-vids{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.rw-vids li{position:relative;width:160px;height:96px;overflow:hidden;border-radius:10px;background:#111}
.rw-vids li.is-new{box-shadow:0 0 0 2px var(--mk-green)}
.rw-vids video{width:100%;height:100%;object-fit:cover}
.rw-vids small{position:absolute;left:6px;bottom:6px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font-size:12px}
.rw-vids button{position:absolute;top:4px;right:4px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:14px;cursor:pointer}
.rw-top h2 small{margin-left:6px;font-size:14px;font-weight:500;color:#777}
.f-noimg{display:block;aspect-ratio:3/2;border-radius:inherit;background:#eef1ea}
.f-noimg.is-video{position:relative;background:linear-gradient(160deg,#2a302c,#151a16)}
.f-noimg.is-video::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;margin:-14px 0 0 -9px;border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent #fff;opacity:.9}
.rec-view .gd-video+.gd-video{margin-top:12px}

/* 게시판 글쓰기 에디터: 네이버 블로그 에디터 모양 (2026-10-12) */
body.se-on{background:#fff}
body.se-on .hd,body.se-on .cta2,body.se-on .ft2,body.se-on .callbar,body.se-on .cb-fab,body.se-on .cb-panel,body.se-on .shop-dev,
body.se-on .pg-recwrite .crumb,body.se-on .rw-h1{display:none!important}
body.se-on .rec-sec{padding:0}
body.se-on .rec-wrap{max-width:none;padding:0}
body.se-on #recWrite{margin:0}
body.se-on{padding-bottom:0!important}
.se{--se-g:#3f7d2c;min-height:100vh;background:#fff}
.se-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 24px;background:#fff;border-bottom:1px solid #e5e5e5}
.se-brand{font-size:18px;font-weight:700;color:#111;letter-spacing:-.02em}
.se-brand b{color:var(--se-g)}
.se-saved{margin-left:12px;font-size:13px;font-weight:400;color:#999}
.se-top-r{display:flex;gap:8px;align-items:center}
.se-ghost{height:38px;padding:0 16px;border:1px solid #ddd;border-radius:6px;background:#fff;font:inherit;font-size:14px;color:#333;cursor:pointer}
.se-ghost:hover{background:#f7f7f7}
.se-pubbtn{height:38px;padding:0 20px;border:0;border-radius:6px;background:var(--se-g);font:inherit;font-size:15px;font-weight:700;color:#fff;cursor:pointer}
.se-pubbtn:hover{background:#356b25}
.se-pubbtn:disabled{opacity:.6;cursor:default}
.se-pub{position:absolute;top:56px;right:16px;width:340px;padding:22px 22px 18px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e3e3e3,0 18px 48px -12px rgba(0,0,0,.28)}
.se-pub h3{font-size:17px;font-weight:700}
.se-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:start;margin-top:16px;font-size:14px}
.se-row>b{padding-top:6px;color:#555;font-weight:600}
.se-opts{display:flex;flex-wrap:wrap;gap:6px 14px}
.se-opts label{display:inline-flex;align-items:center;gap:6px;min-height:32px;cursor:pointer}
.se-opts input{width:18px;height:18px;accent-color:var(--se-g)}
.se-row select{width:100%;height:38px;padding:0 10px;border:1px solid #ddd;border-radius:6px;font:inherit;font-size:14px;background:#fff}
.se-pub-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #eee}
.se-pub-foot .rw-msg{font-size:13px}
.se-bars{position:sticky;top:60px;z-index:30;background:#fff;border-bottom:1px solid #e5e5e5}
.se-comp{display:flex;gap:4px;justify-content:center;padding:8px 16px 6px;overflow-x:auto}
.se-comp button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;padding:6px 8px;border:0;border-radius:8px;background:none;font:inherit;font-size:12px;color:#333;cursor:pointer}
.se-comp button:hover{background:#f3f5f1}
.se-comp svg{width:26px;height:26px;fill:none;stroke:#333;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.se-comp button:first-child svg{stroke:var(--se-g)}
.se-tools{display:flex;align-items:center;justify-content:center;gap:2px;padding:6px 16px;border-top:1px solid #f0f0f0;background:#fafafa;overflow-x:auto}
.se-tools button{display:grid;place-items:center;flex:none;width:34px;height:32px;border:0;border-radius:6px;background:none;font:inherit;font-size:15px;color:#333;cursor:pointer}
.se-tools button:hover{background:#ececec}
.se-tools svg{width:18px;height:18px;fill:none;stroke:#444;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.se-tools select{flex:none;height:32px;margin-right:4px;padding:0 8px;border:1px solid #ddd;border-radius:6px;font:inherit;font-size:14px;background:#fff}
.se-sep{flex:none;width:1px;height:18px;margin:0 6px;background:#ddd}
.se-canvas{padding:48px 20px 160px;background:#fff}
.se-doc{max-width:760px;margin:0 auto}
.se-title{display:block;width:100%;padding:0;border:0;outline:0;resize:none;overflow:hidden;font:inherit;font-size:34px;font-weight:600;line-height:1.35;letter-spacing:-.03em;color:#111;background:none}
.se-title::placeholder{color:#c2c2c2}
.se-meta{display:flex;gap:10px;margin-top:16px;padding-bottom:22px;border-bottom:1px solid #eee}
.se-meta input{flex:1;min-width:0;height:36px;padding:0 12px;border:1px solid #eee;border-radius:6px;font:inherit;font-size:14px;color:#444;background:#fafafa}
.se-meta input:focus{outline:0;border-color:var(--se-g);background:#fff}
.se-body{min-height:420px;margin-top:28px;outline:0;font-size:17px;line-height:1.85;color:#222;word-break:keep-all;overflow-wrap:anywhere}
.se-body:empty::before,.se-body>p:only-child:has(>br:only-child)::before{content:attr(data-ph);color:#bbb;pointer-events:none}
.se-body.is-drop{box-shadow:inset 0 0 0 2px var(--se-g);border-radius:8px}
.se-body p{margin:0 0 .4em}
.se-body h3{margin:1.2em 0 .5em;font-size:22px;font-weight:700}
.se-body blockquote,.rec-body blockquote{margin:1.2em 0;padding:6px 0 6px 18px;border-left:4px solid var(--mk-green,#3f7d2c);font-size:18px;color:#444}
.se-body hr,.rec-body hr{margin:2em auto;width:40%;border:0;border-top:2px solid #ddd}
.se-body a,.rec-body a{color:var(--mk-green-d,#2c5c2f);text-decoration:underline}
.se-body ul,.se-body ol,.rec-body ul,.rec-body ol{margin:.4em 0 .8em;padding-left:1.4em}
.se-body ul,.rec-body ul{list-style:disc}
.se-body ol,.rec-body ol{list-style:decimal}
.se-img{position:relative;margin:18px 0;user-select:none}
.se-img img{display:block;width:100%;height:auto;border-radius:4px}
.se-img:hover img{outline:2px solid var(--se-g);outline-offset:2px}
.se-img figcaption{min-height:1.6em;margin-top:8px;outline:0;font-size:14px;color:#777;text-align:center;user-select:text}
.se-img figcaption:empty::before{content:attr(data-ph);color:#c4c4c4}
.se-del{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:15px;cursor:pointer;opacity:0;transition:opacity .15s}
.se-img:hover .se-del,.se-img:focus-within .se-del{opacity:1}
.se-toast{position:fixed;left:50%;bottom:28px;z-index:60;max-width:90vw;padding:12px 18px;border-radius:10px;background:rgba(20,24,21,.92);color:#fff;font-size:14px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.se-toast.is-on{opacity:1;transform:translate(-50%,0)}
/* 글 화면: 에디터로 쓴 본문 */
.rec-body figure{margin:20px 0}
.rec-body figure img{margin:0}
.rec-body figcaption{margin-top:8px;font-size:14px;color:#777;text-align:center}
.rec-body h3{margin:1.4em 0 .5em;font-size:21px;font-weight:700}
.rec-body .al-c{text-align:center}
.rec-body .al-r{text-align:right}
.se-body .al-c{text-align:center}
.se-body .al-r{text-align:right}
@media (max-width:767px){
  .se-top{padding:0 12px;height:54px}
  .se-brand{font-size:16px}
  .se-saved{display:none}
  .se-bars{top:54px}
  .se-comp{justify-content:flex-start}
  .se-tools{justify-content:flex-start}
  .se-pub{left:8px;right:8px;width:auto;top:50px}
  .se-canvas{padding:28px 16px 120px}
  .se-title{font-size:26px}
  .se-meta{flex-direction:column}
  .se-body{font-size:16px}
  .se-del{opacity:1}
}

/* 원격지원 (fix11_remote.py) — 손님이 찾아 누르는 버튼이라 들어오자마자 보이게 */
/* 맨 위 초록 띠: 띠 전체가 링크 */
.rbar{display:block;background:var(--green-d);color:#fff;transition:background .15s}
.rbar:hover{background:#245a19}
.rbar:focus-visible{outline:3px solid #1f2622;outline-offset:-3px}
.rbar-in{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1536px;min-height:44px;margin:0 auto;padding:6px var(--pad-l,40px)}
.rbar-ic{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16)}
.rbar-ic svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rbar b{font-size:15px;font-weight:800;letter-spacing:-.02em}
.rbar-txt{font-size:14px;opacity:.92}
.rbar-btn{display:inline-flex;align-items:center;gap:5px;margin-left:8px;height:32px;padding:0 14px;border-radius:16px;background:#fff;color:var(--green-d);font-size:13px;font-weight:800;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:transform .15s}
.rbar:hover .rbar-btn{transform:translateX(2px)}
@media print{.rbar{display:none}}

@media (max-width:1023px){.rbar-in{padding:8px var(--gut)}.rbar-txt{font-size:15px}}
@media (max-width:767px){.rbar{display:none}}

/* 2026-10-12 점검 (fix12_audit.py): 사진에 width·height 를 넣었으니 비율대로. :where 라서 다른 높이 규칙이 항상 이긴다 */
:where(img[width][height]){height:auto}
.done-btns .btn{justify-content:center}

/* 지역 안내 페이지 (build_areas.py) + 검색 최적화 덧붙임 (fix13_seo.py) */
.ar-wrap{max-width:1140px;margin:0 auto;padding:0 var(--gut)}
.ar-hero{padding:40px 0 56px;background:var(--bg,#fcfcf9)}
.ar-hero .crumb{margin-bottom:20px}
.ar-hero h1{font-size:clamp(30px,3.6vw,48px);font-weight:800;line-height:1.3;letter-spacing:-.03em;word-break:keep-all}
.ar-lead{max-width:760px;margin-top:16px;font-size:18px;line-height:1.7;color:#4e5968;word-break:keep-all}
.ar-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:36px;border:1px solid #e1e4dc;border-radius:14px;overflow:hidden;background:#e1e4dc}
.ar-facts div{padding:16px 18px;background:#fff}
.ar-facts dt{font-size:13px;font-weight:700;color:var(--green-d)}
.ar-facts dd{margin-top:4px;font-size:15px;line-height:1.5;color:#1f2622;word-break:keep-all}
.ar-sec{padding:64px 0}
.ar-gray{background:#f4f5f1}
.ar-sec h2{font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.02em}
.ar-sub{margin-top:8px;font-size:16px;color:#5f6b62}
.ar-sec>.ar-wrap>ul,.ar-sec>.ar-wrap>ol,.ar-sec>.ar-wrap>p.ar-sido{margin-top:28px}
.ar-gu,.ar-svc{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;list-style:none;padding:0}
.ar-gu a,.ar-svc a{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 22px;border:1px solid #e1e4dc;border-radius:14px;background:#fff;transition:border-color .15s,transform .15s}
.ar-gu a:hover,.ar-svc a:hover{border-color:var(--green);transform:translateY(-2px)}
.ar-gu b,.ar-svc b{font-size:18px;font-weight:800;color:#1f2622}
.ar-gu span,.ar-svc span{font-size:14px;line-height:1.6;color:#5f6b62}
.ar-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0}
.ar-ways li{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #e1e4dc;border-radius:14px;background:#fff}
.ar-ways h3{font-size:18px;font-weight:800}
.ar-ways p{flex:1;font-size:15px;line-height:1.7;color:#4e5968;word-break:keep-all}
.ar-ways a{font-size:15px;font-weight:700;color:var(--green-d)}
.ar-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;list-style:none;padding:0}
.ar-cards a{display:block;height:100%;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #e1e4dc;transition:transform .15s,box-shadow .15s}
.ar-cards a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.ar-cards img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef0ea}
.ar-cm{padding:14px 16px 16px}
.ar-cm h3{margin-top:8px;font-size:16px;font-weight:700;line-height:1.45}
.ar-cm p{margin-top:4px;font-size:14px;color:#6b766e}
.ar-tag{display:inline-block;padding:1px 10px;border:1px solid var(--green);border-radius:999px;font-size:12px;font-weight:700;line-height:20px;color:var(--green-d)}
.ar-tag.is-rent{color:#fff;background:var(--green)}
.ar-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;counter-reset:st}
.ar-steps li{position:relative;display:flex;flex-direction:column;gap:8px;padding:48px 20px 22px;border:1px solid #e1e4dc;border-radius:14px;background:#fff;counter-increment:st}
.ar-steps li::before{content:counter(st);position:absolute;top:16px;left:20px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-size:14px;font-weight:800}
.ar-steps b{font-size:17px;font-weight:800}
.ar-steps span{font-size:15px;line-height:1.7;color:#4e5968;word-break:keep-all}
.ar-sido{display:flex;flex-wrap:wrap;gap:8px}
.ar-sido span{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #dfe3da;font-size:15px;font-weight:600}
.ar-note{margin-top:16px;font-size:15px;color:#4e5968}
.ar-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px}
.ar-links a[aria-current]{font-weight:800;color:var(--green-d)}
.ar-faq{padding-top:64px}
/* 첫 화면·설치수리·임대에 넣은 자주 묻는 질문 */
.seo-faq{padding:72px 0}
/* 바닥글 서비스 지역 줄 */
.ft2-area{display:flex;flex-wrap:wrap;gap:4px 16px;padding:18px 0;border-bottom:1px solid #e1e1dc;font-size:14px;color:#666}
.ft2-area b{margin-right:4px;color:#222}
.ft2-area a:hover{color:var(--green-d)}
@media (max-width:1023px){.ar-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-ways{grid-template-columns:1fr}}
@media (max-width:767px){.ar-hero{padding:24px 0 40px}.ar-lead{font-size:16px}.ar-facts{grid-template-columns:1fr}.ar-sec{padding:48px 0}.ar-steps{grid-template-columns:1fr}.seo-faq{padding:48px 0}}

/* 고객 회원 (build_account.py · account.js · fix14_account.py) */
.hd-user{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:12px;border-radius:50%;color:var(--ink,#1f2622)}
.hd-user svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.hd-user:hover{background:rgba(0,0,0,.05)}
.hd-user.is-in::after{content:"";position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px #fff}
.hd-user+.hd-cart{margin-left:4px}
/* PC 머리글 '로그인 · 회원가입' 글자 링크 (휴대폰·태블릿은 아이콘) */
.hd-acc{display:flex;align-items:center;gap:8px;flex:none;margin-left:20px;font-size:15px;font-weight:600;white-space:nowrap}
.hd-acc a{display:inline-flex;align-items:center;min-height:40px;padding:0 4px;color:var(--ink,#1f2622)}
.hd-acc a:hover{color:var(--green-d)}
.hd-acc .hd-acc-up{padding:0 14px;border:1.5px solid var(--green);border-radius:20px;color:var(--green-d)}
.hd-acc .hd-acc-up:hover{background:var(--green);color:#fff}
.hd-acc+.hd-user{display:none}
.hd-acc+.hd-user+.hd-cart{margin-left:12px}
.hd-user-t{display:none}
@media (max-width:1023px){
  .hd-acc{display:none}
  .hd-acc+.hd-user{display:inline-flex}
  .hd-user{margin-left:auto;width:auto;height:40px;padding:0 12px 0 9px;gap:5px;border:1.5px solid var(--green);border-radius:20px;color:var(--green-d)}
  .hd-user svg{width:19px;height:19px}
  .hd-user-t{display:inline;font-size:14px;font-weight:700;white-space:nowrap}
  .hd-user.is-in::after{right:-2px;top:-2px}
  .hd-user+.hd-cart{margin-left:2px}
}
#mnavJoin[hidden]{display:none}

.pg-auth .pd-wrap.au-wrap{max-width:520px}
.pg-auth .pd-wrap.my-wrap{max-width:760px}
.au-form[hidden],.co-save[hidden]{display:none}
.au-ic svg{width:20px;height:20px}
.au-wrap h1{margin:12px 0 8px;font-size:clamp(26px,3vw,34px);font-weight:800}
.au-box{margin-top:24px}
.au-social{display:grid;gap:10px}
.au-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;border:0}
.au-btn:disabled{opacity:.6;cursor:wait}
.au-btn[hidden]{display:none}
.au-ic{display:grid;place-items:center;width:22px;height:22px;font-weight:900}
.au-kakao{background:#FEE500;color:rgba(0,0,0,.85)}
.au-kakao .au-ic{font-size:14px}
.au-naver{background:#03C75A;color:#fff}
.au-google{background:#fff;color:#1f1f1f;border:1px solid #dadce0}
.au-email{background:#f3f5f1;color:#1f2622;border:1px solid #d7dcd3}
.au-email:hover{border-color:var(--green);color:var(--green-d)}
.au-email-box[hidden],.au-pick[hidden]{display:none}
.au-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-bottom:4px;padding:0 4px;font-size:14px;font-weight:600;color:#5f6b62;background:none;cursor:pointer}
.au-back:hover{color:var(--green-d)}
.au-g{color:#4285F4}
.au-note{margin-top:12px;font-size:13px;color:#6b766e;line-height:1.6}
.au-note a{text-decoration:underline}
.au-or{display:flex;align-items:center;gap:12px;margin:28px 0 16px;color:#8a948c;font-size:13px}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:#e1e4dc}
.au-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e1e4dc}
.au-tabs button{height:46px;font-size:15px;font-weight:700;color:#8a948c;border-bottom:2px solid transparent;background:none;cursor:pointer}
.au-tabs button[aria-selected="true"]{color:var(--green-d);border-color:var(--green-d)}
.au-form{display:grid;gap:12px;margin-top:18px}
.au-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:#3d4740}
.au-form small{font-weight:400;color:#8a948c}
.au-form input[type=text],.au-form input[type=email],.au-form input[type=password],.au-form input[type=tel],.au-form input:not([type]){height:48px;padding:0 14px;border:1px solid #d7dcd3;border-radius:8px;font-size:16px;background:#fff}
.au-form .btn{justify-content:center;min-height:50px}
.au-link{justify-self:center;font-size:14px;color:#5f6b62;text-decoration:underline;background:none;cursor:pointer}
.au-msg{min-height:1.2em;font-size:14px;color:#c0392b}
.au-err{padding:12px 14px;border-radius:8px;background:#fdecea;color:#b3261e;font-size:14px;margin-bottom:14px}
.au-agree{display:grid;gap:8px;padding:14px;border:1px solid #e1e4dc;border-radius:10px}
.au-agree legend{padding:0 6px;font-size:14px;font-weight:700}
.au-agree label,.au-check{display:flex;align-items:center;gap:8px;font-weight:500}
.au-agree input,.au-check input{width:18px;height:18px;accent-color:var(--green-d)}
.au-agree a{text-decoration:underline}
.au-done{padding:20px;border-radius:10px;background:#f1f7ec;line-height:1.7}

.my-box{margin-top:16px;padding:22px;border:1px solid #e1e4dc;border-radius:14px;background:#fff}
.my-box h2{font-size:19px;font-weight:800}
.my-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.my-head p,.my-sub{margin-top:4px;font-size:14px;color:#6b766e}
.my-orders{list-style:none;padding:0;margin-top:12px}
.my-orders li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #eef0ea}
.my-orders li div{display:grid;gap:4px}
.my-orders li div:last-child{text-align:right;justify-items:end}
.my-orders small{color:#8a948c;font-size:13px}
.my-st{font-size:13px;font-weight:700;color:var(--green-d)}
.my-danger p{margin:6px 0 12px;font-size:14px;color:#6b766e}

.co-member{margin-bottom:12px;padding:12px 14px;border-radius:10px;background:#f1f7ec;font-size:14px}
.co-member a{font-weight:700;text-decoration:underline}
.co-save{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px}
.co-save input{width:18px;height:18px;accent-color:var(--green-d)}
.terms h2{font-size:18px}
@media (max-width:767px){.my-box{padding:18px}.my-orders li{flex-direction:column}.my-orders li div:last-child{text-align:left;justify-items:start}}

/* 머리글 고정 풀기 (2026-10-14 사용자 요청: 상단바가 스크롤을 따라와 화면을 가림).
   머리글은 페이지와 함께 올라가고, 상품 상세의 목차 탭(상세정보·사양…)만 맨 위에 붙는다.
   휴대폰은 아래 전화·톡톡 막대가 그대로 있다. */
@media (max-width:1023px){
  .hd{position:relative}
  #top section[id]{scroll-margin-top:0}
}
.pdt-tabs{top:0}
.pdt-sec,#pd-ship{scroll-margin-top:56px}

/* 제품 안내 '라인업 한눈에 비교' 머리 정렬 (2026-10-14 사용자 요청).
   칸마다 위에서부터 같은 자리: 사진(같은 크기) → 모델명(한 줄) → 종류(한 줄 알약). */
.cmp2 thead th{vertical-align:top}
.cmp2 thead th:not(.cmp2-k){padding-left:6px;padding-right:6px}
.cmp2 thead th.cmp2-k{vertical-align:bottom}
.cmp2 thead a{display:flex;flex-direction:column;align-items:center;height:100%}
.cmp2 thead img{display:block;flex:none}
.cmp2 thead b{white-space:nowrap;font-size:clamp(15px,1.5vw,18px);line-height:1.3}
.cmp2 thead span{white-space:nowrap}

/* 프린터·복합기 전화 주문 표시 (shop.js, 2026-10-15): 가격 자리에 '전화로 상담·주문' */
.pd-price.is-phone,[data-price-id].is-phone{font-size:15px;font-weight:700;color:var(--green-d)}
.pdp-price.is-phone{font-size:clamp(22px,2.4vw,28px);color:var(--green-d)}

/* 업무자 모드 (staff.html · staff.js, 2026-10-14) */
.pg-auth .pd-wrap.st-wrap{max-width:980px}
.au-staff{margin-top:22px;padding-top:16px;border-top:1px solid #e1e4dc;font-size:14px;text-align:center}
.au-staff a{color:#5f6b62}
.au-staff a:hover{color:var(--green-d)}
.rw-note{margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#f1f7ec;font-size:14px}
.st-box{margin-top:16px;padding:22px;border:1px solid #e1e4dc;border-radius:14px;background:#fff}
.st-box h2{font-size:19px;font-weight:800}
.st-login{display:grid;gap:12px;max-width:440px}
.st-login p{font-size:14px;color:#6b766e}
.st-login label,.st-shopform label{display:grid;gap:6px;font-size:14px;font-weight:600;color:#3d4740}
.st-login input,.st-shopform input[type=number],.st-act input,.st-table input[type=number]{height:46px;padding:0 12px;border:1px solid #d7dcd3;border-radius:8px;font-size:16px;background:#fff}
.st-msg{min-height:1.2em;font-size:14px;color:#5f6b62}
.st-msg.is-bad{color:#c0392b}
.st-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:14px 18px;border-radius:12px;background:#f3f5f1}
.st-bar p{font-size:16px}
.st-role{margin-left:6px;padding:3px 10px;border-radius:999px;background:#e1e4dc;font-size:13px;font-weight:700;color:#3d4740}
.st-role.is-admin{background:var(--green-d);color:#fff}
.st-bar>div{display:flex;flex-wrap:wrap;gap:8px}
.st-bar .btn{width:auto;min-height:38px;padding:0 14px;font-size:14px}
.st-tabs{display:flex;gap:4px;margin-top:18px;overflow-x:auto;border-bottom:1px solid #e1e4dc;scrollbar-width:none}
.st-tabs button{flex:none;height:46px;padding:0 14px;border-bottom:2px solid transparent;background:none;font-size:15px;font-weight:700;color:#8a948c;cursor:pointer;white-space:nowrap}
.st-tabs button[aria-selected="true"]{color:var(--green-d);border-color:var(--green-d)}
.st-pane{padding-top:18px}
.st-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px}
.st-head h2{font-size:19px;font-weight:800}
.st-head small{margin-left:6px;font-size:14px;font-weight:500;color:#6b766e}
.st-note{margin:6px 0 12px;font-size:14px;color:#5f6b62}
.st-note a{text-decoration:underline}
.st-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:0 0 10px}
.st-cards a{display:grid;gap:4px;padding:20px;border:1px solid #e1e4dc;border-radius:14px;background:#fff}
.st-cards a:hover{border-color:var(--green)}
.st-cards b{font-size:34px;font-weight:800;color:var(--green-d)}
.st-cards span{font-size:14px;color:#5f6b62}
.st-list{list-style:none;padding:0;margin:0}
.st-list>li{padding:14px 2px;border-top:1px solid #eef0ea}
.st-list>li.is-done{opacity:.6}
.st-list>li.is-draft{background:#fbfcf8}
.st-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:15px}
.st-row small{color:#8a948c;font-size:13px}
.st-row .btn{margin-left:auto;min-height:38px}
.st-row em{font-style:normal;font-weight:700;color:#b26b00}
.st-tag{padding:2px 9px;border-radius:999px;background:#eef3e9;font-size:12px;font-weight:700;color:var(--green-d)}
.st-s-paid,.st-s-waiting_deposit{background:#fff4dd;color:#9a5a00}
.st-s-done{background:#eef0ea;color:#5f6b62}
.st-msgtxt{margin-top:6px;font-size:15px;white-space:pre-wrap;word-break:break-word}
.st-sub,.st-memo{margin-top:4px;font-size:13px;color:#6b766e}
.st-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.st-act input{flex:1 1 220px;height:40px}
.st-act .btn{min-height:40px}
.st-table{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:15px}
.st-table th,.st-table td{padding:10px 8px;border-bottom:1px solid #eef0ea;text-align:left;vertical-align:middle}
.st-table thead th{font-size:13px;color:#6b766e}
.st-table tbody th small{display:block;font-weight:400;font-size:12px;color:#8a948c}
.st-table input[type=number]{width:140px;height:40px}
.st-sw{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.st-sw input{width:18px;height:18px;accent-color:var(--green-d)}
.st-shopform{display:grid;gap:14px;max-width:460px}
.st-toast{position:fixed;left:50%;bottom:28px;z-index:60;max-width:90vw;padding:12px 18px;border-radius:10px;background:rgba(20,24,21,.92);color:#fff;font-size:14px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.st-toast.is-on{opacity:1;transform:translate(-50%,0)}
@media (max-width:767px){
  .st-cards{grid-template-columns:1fr}
  .st-cards a{grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px 16px}
  .st-cards b{font-size:28px}
  .st-row .btn{margin-left:0}
  .st-table thead{display:none}
  .st-table tr{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px 0;border-bottom:1px solid #eef0ea}
  .st-table th,.st-table td{padding:0;border:0}
  .st-table input[type=number]{width:100%}
}

/* 글쓰기 AI 도우미 (record-editor.js #seAi, 2026-10-14) */
.se-comp .se-aibtn{margin-left:8px;color:#fff;background:linear-gradient(135deg,#3d8a2e,#2f6a37);box-shadow:0 4px 12px -4px rgba(47,106,55,.6)}
.se-comp .se-aibtn:hover{background:linear-gradient(135deg,#469b35,#2f6a37)}
.se-comp .se-aibtn b{font-size:22px;line-height:26px}
.se-comp .se-aibtn[aria-expanded="true"]{outline:2px solid #a6dd84}
.se-ai{position:relative;max-width:760px;margin:20px auto 4px;padding:18px 20px;scroll-margin-top:200px;border-radius:12px;background:#fbfdf8;box-shadow:0 0 0 1px #dfe8d6,0 14px 36px -14px rgba(0,0,0,.25)}
.se-ai[hidden]{display:none}
.se-ai-h{display:flex;align-items:center;justify-content:space-between}
.se-ai-h h3{font-size:17px;font-weight:800}
.se-ai-n{margin:6px 0 4px;font-size:13px;color:#6b766e}
.se-ai-s{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #e7ede1;font-size:14px}
.se-ai-s p{color:#5f6b62}
.se-ai-s textarea{width:100%;padding:10px 12px;border:1px solid #d7dcd3;border-radius:8px;font:inherit;font-size:15px;resize:vertical;background:#fff}
.se-ai-s .btn{justify-self:start;min-height:40px}
.se-ai-out:not(:empty){margin-top:16px;padding:14px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #e1e4dc}
.se-ai-k{font-size:12px;font-weight:700;color:var(--se-g)}
.se-ai-t{margin-top:6px;font-size:17px;font-weight:800}
.se-ai-p{margin-top:8px;font-size:15px;line-height:1.7}
.se-ai-p p+p{margin-top:8px}
.se-ai-go{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.se-ai-go .btn{min-height:40px}
.se-ai-wait{color:#5f6b62}
.se-ai-err{color:#c0392b;font-size:14px}
.se-ai-titles{display:grid;gap:8px;margin-top:8px}
.se-ai-pick{padding:10px 12px;border:1px solid #d7dcd3;border-radius:8px;background:#fff;font:inherit;font-size:15px;text-align:left;cursor:pointer}
.se-ai-pick:hover{border-color:var(--se-g);background:#f3f8ee}
@media (max-width:767px){.se-ai{margin:12px 8px 4px;padding:14px;scroll-margin-top:170px}}

/* 업무자 모드 '새 글 쓰기' (staff.js) */
.st-bigwrite{display:grid;gap:4px;margin-bottom:14px;padding:20px 22px;border-radius:14px;background:linear-gradient(135deg,#3d8a2e,#2f6a37);color:#fff;box-shadow:0 10px 24px -14px rgba(47,106,55,.8)}
.st-bigwrite b{font-size:20px;font-weight:800}
.st-bigwrite span{font-size:14px;opacity:.9}
.st-bigwrite:hover{filter:brightness(1.06)}
/* 프린터 도우미 직원용 내려받기 (2026-10-22) */
.st-dl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;margin-bottom:14px;padding:16px 20px;border:1px solid #dfe5dc;border-radius:14px;background:#fff}
.st-dl>div{display:grid;gap:3px;min-width:0;flex:1 1 320px}
.st-dl b{font-size:17px;font-weight:800}
.st-dl span{font-size:13.5px;color:#5f6b62}
.st-dl .btn{flex:none;white-space:nowrap}
/* AI 초안 미리보기: 사진마다 밑에 들어갈 글 (2026-10-16) */
.se-ai-ph{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;margin:12px 0;padding-top:12px;border-top:1px dashed #dfe8d6}
.se-ai-ph img{width:96px;height:72px;object-fit:cover;border-radius:8px;background:#eee}
.se-ai-p h3{margin:10px 0 4px;font-size:15px;font-weight:800}
.se-ai-ph h3{margin-top:0}
/* 글쓰기 사진 돌리기 버튼 (record-editor.js .se-rot, 2026-10-16) — 빼기(✕) 왼쪽 */
.se-rot{position:absolute;top:10px;right:54px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:19px;line-height:36px;cursor:pointer;opacity:0;transition:opacity .15s}
.se-rot:disabled{cursor:wait;opacity:.5}
.se-img:hover .se-rot,.se-img:focus-within .se-rot{opacity:1}
@media (max-width:767px){.se-rot{opacity:1}}

/* 마인잉크 프린터 도우미 내려받기 (fix16_helper.py, 2026-10-16) */
.hp-lead{margin:6px 0 22px;font-size:17px;color:#4f5651;max-width:46em}
.hp-get{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;padding:24px 26px;border-radius:16px;background:#e2eddb}
.hp-get-txt{display:grid;gap:4px;min-width:0;flex:1 1 320px}
.hp-get-txt b{font-size:20px;font-weight:800;color:#16171d}
.hp-get-txt span{font-size:14px;color:#4f5651}
.hp-get-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 26px;border-radius:12px;background:var(--green-d);color:#fff;font-size:17px;font-weight:800;white-space:nowrap}
.hp-get-btn:hover{background:var(--green);color:#fff}
.hp-get-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hp-get-btn small{font-size:13px;font-weight:600;opacity:.85}
.hp-h2{margin:36px 0 12px;font-size:21px;font-weight:800}
.hp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:hp}
.hp-steps li{display:grid;gap:4px;padding:18px;border:1px solid #e3e4df;border-radius:12px;background:#fff;counter-increment:hp}
.hp-steps li::before{content:counter(hp);display:grid;place-items:center;width:28px;height:28px;margin-bottom:6px;border-radius:50%;background:var(--green-d);color:#fff;font-weight:800;font-size:14px}
.hp-steps b{font-size:16px}
.hp-steps span{font-size:14px;color:#4f5651}
.hp-note{display:grid;gap:4px;margin:12px 0 0;padding:14px 16px;border-radius:10px;background:#fbf0de;color:#7a4b06;font-size:14px}
.hp-note p{margin:0}
.hp-note a{color:#7a4b06;font-weight:700;text-decoration:underline}
.hp-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;padding:0;list-style:none}
.hp-feat li{display:grid;gap:2px;padding:14px 0;border-top:1px solid #e3e4df}
.hp-feat b{font-size:16px}
.hp-feat span{font-size:14px;color:#4f5651}
.hp-sum{margin:24px 0 0;font-size:13px;color:#7a817c;overflow-wrap:anywhere}
.hp-sum code{font-family:Consolas,ui-monospace,monospace;font-size:12px;color:#4f5651}
.hp-help{margin:28px 0 8px;font-size:15px;color:#4f5651}
.hp-help a{color:var(--green-d);font-weight:700;text-decoration:underline}
.hp-home{padding:8px var(--gut,40px) 28px}
.hp-home-in{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;max-width:var(--wrap,1180px);margin:0 auto;padding:24px 28px;border-radius:16px;background:#e2eddb}
.hp-home-txt{display:grid;gap:4px;min-width:0;flex:1 1 360px}
.hp-home-txt b{font-size:20px;font-weight:800;color:#16171d}
.hp-home-txt span{font-size:15px;color:#4f5651}
.hp-home-act{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.hp-home-more{font-size:15px;font-weight:700;color:var(--green-d);text-decoration:underline}
@media (max-width:767px){
  .hp-steps{grid-template-columns:1fr}
  .hp-feat{grid-template-columns:1fr}
  .hp-home{padding:20px 16px}
  .hp-home-in{padding:20px}
  .hp-get-btn,.hp-man-btn{width:100%;justify-content:center}
}
/* 내려받기 옆 사용설명서(사장님 2026-10-23) */
.hp-man-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 22px;border-radius:12px;border:1.5px solid var(--green-d);background:#fff;color:var(--green-d);font-size:17px;font-weight:800;white-space:nowrap}
.hp-man-btn:hover{background:var(--green-d);color:#fff}
.hp-man-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .menu-btn i{transition:none}
}
/* staff-reports: 업무자 모드 '프로그램 오류' 탭 */
.st-act select{height:40px;padding:0 10px;border:1px solid #d7dcd3;border-radius:8px;font-size:15px;background:#fff}
.rep-more{margin-top:10px;padding:12px 14px;border-radius:10px;background:#f6f8f4}
.rep-tbl{overflow-x:auto;margin:8px 0}
.rep-tbl table{width:100%;border-collapse:collapse;font-size:13px}
.rep-tbl th,.rep-tbl td{padding:6px 8px;border-bottom:1px solid #e3e6df;text-align:left;vertical-align:top;white-space:nowrap}
.rep-tbl td:first-child,.rep-tbl td:last-child{white-space:normal}
.rep-tbl em,.rep-more em{font-style:normal;font-weight:700;color:#b63a29}
.rep-log{margin-top:8px}
.rep-log summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--green-d)}
.rep-log pre{max-height:420px;overflow:auto;margin:8px 0 0;padding:10px;border-radius:8px;background:#1f2622;color:#e8efe6;font:12px/1.5 Consolas,ui-monospace,monospace;white-space:pre-wrap;word-break:break-all}
/* hp-guide:start (fix16_helper.py 가 관리) */
.hp-get-act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hp-store-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px;border-radius:12px;background:#16171d;color:#fff;font-size:16px;font-weight:800;white-space:nowrap}
.hp-store-btn:hover{background:#2b2d35;color:#fff}
.hp-store-btn svg{width:18px;height:18px;fill:#fff}
.hp-store-btn small{display:block;margin-left:4px;font-size:12px;font-weight:600;opacity:.75}
.hp-warn{margin-top:28px;padding:22px 24px 18px;border:1px solid #f0d9b0;border-radius:16px;background:#fffaf1}
.hp-warn .hp-h2{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.hp-warn .hp-h2 small{font-size:14px;font-weight:500;color:#7a4b06}
.hp-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:hg}
.hp-guide li{display:grid;align-content:start;gap:6px;padding:14px;border-radius:12px;background:#fff;border:1px solid #efe6d6;counter-increment:hg}
.hp-guide li>b{font-size:16px;line-height:1.4}
.hp-guide li>b::before{content:counter(hg);display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:#c07a0f;color:#fff;font-size:13px;vertical-align:1px}
.hp-guide li>span{font-size:14px;color:#4f5651}
.hp-guide mark{background:#ffe9a8;color:inherit;padding:0 3px;border-radius:3px}
.hp-guide kbd{display:inline-block;min-width:1.6em;padding:1px 6px;border:1px solid #cfd2cc;border-bottom-width:2px;border-radius:5px;background:#f6f7f4;font:700 13px/1.4 Consolas,ui-monospace,monospace;text-align:center}
.hg-shot{position:relative;display:grid;align-content:start;gap:8px;min-height:132px;margin-bottom:6px;padding:12px;border-radius:10px;background:#f1f3f0;font-size:12px;color:#3a3f3b;overflow:hidden}
.hg-shot b{font-size:12.5px;overflow-wrap:anywhere}
.hg-shot>*{min-width:0}
.hg-bar{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:7px;background:#fff}
.hg-dot{width:8px;height:8px;border-radius:50%;background:#d9dcd6}
.hg-url{flex:1;margin-left:6px;padding:2px 8px;border-radius:10px;background:#f1f3f0;color:#7a817c}
.hg-dl{position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffe9a8;font-weight:800;box-shadow:0 0 0 3px #f2b84b}
.hg-dl i{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#d93025}
.hg-pop{justify-self:end;display:grid;gap:2px;width:78%;padding:8px 10px;border-radius:8px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.hg-pop span,.hg-red{color:#c5221f}
.hg-row{display:flex;gap:10px;align-items:center;padding:8px;border-radius:8px;background:#fff}
.hg-row div{display:grid;gap:2px;min-width:0}
.hg-file{display:grid;place-items:center;flex:none;width:34px;height:40px;border-radius:5px;background:#e3e6e1;font-size:10px;font-weight:800;color:#5f665f}
.hg-btns{display:flex;gap:8px;justify-content:flex-end}
.hg-b{padding:5px 12px;white-space:nowrap;border:1px solid #cfd2cc;border-radius:6px;background:#fff;font-weight:700}
.hg-hit{box-shadow:0 0 0 3px #f2b84b;background:#ffe9a8;border-color:#e5a23a}
.hg-blue{background:#0f5fb5;color:#e8f1fb}
.hg-blue b{font-size:14px;color:#fff}
.hg-blue .hg-link{justify-self:start;color:#fff;text-decoration:underline;padding:1px 4px;border-radius:4px}
.hg-blue .hg-link.hg-hit{background:rgba(255,233,168,.25);box-shadow:0 0 0 2px #f2b84b}
.hg-blue .hg-b{background:#0f5fb5;color:#fff;border-color:#9cc3ec}
.hg-blue .hg-b.hg-hit{background:#ffe9a8;color:#16171d}
.hp-edge{margin:12px 0 0;font-size:14px;color:#7a4b06}
.hp-edge a{color:#7a4b06;font-weight:700;text-decoration:underline}
@media (max-width:900px){.hp-guide{grid-template-columns:1fr}.hg-shot{max-width:420px}}
/* hp-guide:end */
/* sg-guide:start (fix17_scanguide.py 가 관리) */
.sg-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 8px}
.sg-pick a{display:grid;gap:6px;padding:18px 20px;border:1px solid #dfe3dc;border-radius:14px;background:#fff;color:inherit}
.sg-pick a:hover{border-color:#c07a0f;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.sg-pick small{font-size:13px;font-weight:700;color:#c07a0f}
.sg-pick b{font-size:19px}
.sg-pick span{font-size:14px;color:#4f5651}
.sg-sec{margin-top:40px;scroll-margin-top:90px}
.sg-sec>.hp-h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.sg-sec>.hp-h2 small{font-size:14px;font-weight:500;color:#5f665f}
.sg-steps{display:grid;gap:22px;margin:16px 0 0;padding:0;list-style:none;counter-reset:sg}
.sg-steps>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;align-items:start;padding:18px;border:1px solid #e7e9e4;border-radius:14px;background:#fff;counter-increment:sg}
.sg-steps>li>div{display:grid;gap:8px;align-content:start}
.sg-steps>li>div>b{font-size:17px;line-height:1.45}
.sg-steps>li>div>b::before{content:counter(sg);display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border-radius:50%;background:#c07a0f;color:#fff;font-size:14px;vertical-align:1px}
.sg-steps>li>div>span,.sg-steps>li>div li{font-size:15px;color:#3f4540;line-height:1.6}
.sg-steps ol.sg-n{margin:0;padding-left:0;list-style:none;display:grid;gap:4px}
.sg-n i{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:50%;background:#e58c16;color:#fff;font-size:12px;font-style:normal;font-weight:800}
.sg-steps img{width:100%;height:auto;border:1px solid #e3e6e1;border-radius:10px;background:#f6f7f4}
.sg-steps mark{background:#ffe9a8;color:inherit;padding:0 3px;border-radius:3px}
.sg-tip{margin:6px 0 0;padding:10px 12px;border-radius:10px;background:#f6f7f4;font-size:14px;color:#4f5651}
.sg-mock{display:grid;gap:8px;padding:14px;border-radius:12px;background:#f1f3f0;font-size:13px;color:#3a3f3b}
.sg-desk{display:flex;gap:18px;padding:18px;border-radius:10px;background:linear-gradient(135deg,#2c5c8f,#4f86b8)}
.sg-ico{display:grid;justify-items:center;gap:6px;width:84px;padding:8px 4px;border-radius:8px;color:#fff;font-size:12px;text-align:center}
.sg-ico i{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#fff;color:#0f5fb5;font-style:normal;font-weight:900;font-size:15px}
.sg-ico.hg-hit{background:rgba(255,233,168,.28);box-shadow:0 0 0 3px #f2b84b}
.sg-win{display:grid;gap:6px;padding:10px;border-radius:10px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.sg-win>b{font-size:13px}
.sg-opt{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid #e1e4de;border-radius:7px}
.sg-opt em{font-style:normal;color:#0f5fb5;font-weight:700}
.sg-opt.hg-hit{border-color:#e5a23a}
.sg-faq{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.sg-faq li{padding:14px 16px;border:1px solid #e7e9e4;border-radius:12px;background:#fff}
.sg-faq b{display:block;margin-bottom:4px;font-size:16px}
.sg-faq span{font-size:14.5px;color:#4f5651}
@media (max-width:900px){.sg-pick{grid-template-columns:1fr}.sg-steps>li{grid-template-columns:1fr}}
/* sg-guide:end */
/* hgd-guide:start (fix19_helperguide.py 가 관리) */
.hgd-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 6px;padding:0;list-style:none}
.hgd-nav a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:14.5px;font-weight:600}
.hgd-nav a:hover{border-color:var(--green);color:var(--green)}
.hgd-sec{margin-top:44px;scroll-margin-top:90px}
.hgd-sec>.hp-h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.hgd-sec>.hp-h2 small{font-size:14px;font-weight:500;color:var(--mute)}
.hgd-shot{margin:14px 0 0;border:1px solid #e3e6e1;border-radius:10px;overflow:hidden;background:#f6f7f4}
.hgd-shot img{width:100%;height:auto}
.hgd-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:16px 0 0;padding:0;list-style:none}
.hgd-list li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;font-size:15px;line-height:1.6;color:#3f4540}
.hgd-list li>i{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;background:#e58c16;color:#fff;font-size:13px;font-style:normal;font-weight:800}
.hgd-list b{color:var(--ink)}
.hgd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 0;padding:0;list-style:none;counter-reset:hs}
.hgd-steps li{display:grid;gap:6px;align-content:start;padding:18px;border:1px solid #e7e9e4;border-radius:12px;background:#fff;counter-increment:hs}
.hgd-steps li>b{font-size:16.5px;line-height:1.4}
.hgd-steps li>b::before{content:counter(hs);display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;vertical-align:1px}
.hgd-steps li>span{font-size:14.5px;color:#4f5651;line-height:1.6}
.hgd-tip{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:#f2f5ee;font-size:14.5px;color:#3f4540;line-height:1.6}
.hgd-tip b{color:var(--green-d)}
@media (max-width:900px){.hgd-list,.hgd-steps{grid-template-columns:1fr}}
/* hgd-guide:end */
/* quick:start (fix18_quick.py 가 관리) */
.qk{display:none}
@media (min-width:1024px){
.qk{display:flex;flex-direction:column;position:absolute;left:0;top:150px;z-index:85;width:88px;background:#fff;border:1px solid var(--line);border-left:0;border-radius:0 4px 4px 0;box-shadow:0 8px 20px -16px rgba(22,23,29,.35)}
.qk a{display:grid;justify-items:center;gap:1px;padding:9px 4px 8px;text-align:center;color:var(--ink);transition:background .15s}
.qk a+a{border-top:1px solid var(--line)}
.qk a:hover{background:#f2f5ee}
.qk svg{width:20px;height:20px;margin-bottom:2px;color:var(--green);stroke-width:1.8}
.qk b{font-size:12.5px;font-weight:700;letter-spacing:-.4px;line-height:1.25;white-space:nowrap}
.qk span{font-size:10.5px;color:var(--mute);line-height:1.25}
.qk .qk-call{background:var(--green);color:#fff;border-top-right-radius:3px}
.qk .qk-call:hover{background:var(--green-d)}
.qk .qk-call svg{color:#fff}
.qk .qk-call span{margin-top:1px;color:#fff;font-size:11px;font-weight:700;letter-spacing:-.2px;line-height:1.2}
.qk-n{display:grid;place-items:center;width:20px;height:20px;margin-bottom:2px;border:1.6px solid var(--green);border-radius:3px;color:var(--green);font:800 11.5px/1 'Pretendard',sans-serif;font-style:normal}
}
/* 1024~1279px(화면 전체를 줄여 그리는 폭): 머리글 여백이 화면 폭 비율이라 같이 줄어 로고와 맞닿는다 → 바로가기를 76px 로 */
@media (min-width:1024px) and (max-width:1279px){
.qk{width:76px;top:145px}
.qk a{padding:7px 3px 6px}
.qk svg{width:18px;height:18px;margin-bottom:1px}
.qk-n{width:18px;height:18px;margin-bottom:1px;font-size:10.5px}
.qk b{font-size:11.5px;letter-spacing:-.5px}
.qk span{font-size:10px}
.qk .qk-call span{font-size:10px}
}
@media print{.qk{display:none!important}}
/* quick:end */
/* drv-lib:start (fix21_drivers.py 가 관리) */
.drv-easy{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin:22px 0 0;padding:20px 22px;border-radius:14px;background:#e2eddb}
.drv-easy b{display:block;font-size:17px}
.drv-easy span{font-size:14.5px;color:#3f4540}
.drv-tools{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:30px 0 12px}
.drv-tools input{flex:1 1 260px;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:10px;font-size:16px}
.drv-tools p{margin:0;font-size:14px;color:var(--mute)}
.drv-tools p b{color:var(--green-d)}
.drv-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.drv-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:10px 18px;align-items:center;padding:14px 18px;border:1px solid #e7e9e4;border-radius:12px;background:#fff}
.drv-row>b{font-size:16px;line-height:1.35}
.drv-row>b small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;color:var(--mute)}
.drv-cell{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.drv-cell>i{width:100%;font-size:12px;font-style:normal;color:var(--mute)}
.drv-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:700;cursor:pointer}
.drv-btn:hover{border-color:var(--green);color:var(--green-d)}
.drv-btn.on{border-color:var(--green-d);background:var(--green-d);color:#fff}
.drv-btn small{font-weight:500;opacity:.75}
.drv-btn[disabled]{opacity:.6;cursor:wait}
.drv-none{font-size:13px;color:#a3a8a2}
.drv-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:18px;padding:0 18px 6px;font-size:13px;font-weight:700;color:var(--mute)}
.drv-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none}
.drv-apps li{display:grid;gap:6px;padding:18px;border:1px solid #e7e9e4;border-radius:12px;background:#fff}
.drv-apps li b{font-size:16px}
.drv-apps li span{font-size:14px;color:#4f5651;line-height:1.55}
.drv-apps li .drv-btn{justify-self:start;margin-top:4px}
.drv-get{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;background:var(--green-d);color:#fff;font-size:15px;font-weight:800;white-space:nowrap}
.drv-get:hover{background:var(--green);color:#fff}
.drv-get svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* 압축 파일(고급)은 작은 글자 링크로: '인쇄 64비트 · 32비트' / '스캔 64비트 · 32비트' */
.drv-zl{display:block;width:100%;font-size:13px;color:var(--mute);line-height:1.9}
.drv-zip .drv-btn,.drv-zip .drv-btn.on{min-height:0;padding:0 4px;border:0;background:none;color:var(--mute);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.drv-zip .drv-btn:hover{color:var(--green-d)}
.drv-zip .drv-btn small{font-weight:400}
.drv-adv{margin-top:18px}
.drv-adv summary{cursor:pointer;font-size:15px;font-weight:700;color:var(--mute)}
.drv-msg{padding:18px;border-radius:12px;background:#f6f7f4;color:var(--mute);font-size:15px}
@media (min-width:901px){.drv-cell>i{display:none}}   /* PC 는 위 제목 줄이 대신한다 */
@media (max-width:900px){.drv-row,.drv-head{grid-template-columns:1fr}.drv-head{display:none}.drv-apps{grid-template-columns:1fr}}
/* 윗메뉴가 5개가 되며 좁은 모니터에서 두 줄로 꺾였다 → 한 줄로, 자리가 모자라면 간격을 줄이고 그래도 모자라면 문구(hd-tag)를 숨긴다 */
.gnb a{white-space:nowrap}
@media (max-width:1535px){.gnb{gap:32px;margin-left:68px}}
@media (max-width:1365px){.gnb{gap:26px;margin-left:44px}}
@media (max-width:1279px){.gnb{gap:22px;margin-left:28px;font-size:17px}.hd .hd-tag{display:none}}
/* drv-lib:end */
/* html-editor:start */
.se-comp button[aria-expanded="true"]{background:#e8f2e2;color:var(--se-g,#2f6a37);font-weight:700}
.se-htmlbox{max-width:1160px;margin:0 auto 28px;padding:20px 22px;scroll-margin-top:180px;border-radius:14px;background:#f8faf7;box-shadow:0 0 0 1px #d8e3d0,0 12px 32px -12px rgba(0,0,0,.18)}
.se-htmlbox[hidden]{display:none}
.se-html-h{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}
.se-html-h h3{margin:0;font-size:18px;font-weight:800;color:#1b261c}
.se-html-h p{margin:4px 0 0;font-size:13.5px;color:#556056}
.se-html-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.se-html-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.se-html-col{display:flex;flex-direction:column;gap:6px;min-width:0}
.se-html-col>b{font-size:13.5px;color:#39443a}
#seHtmlCode{width:100%;height:420px;padding:14px;border:1px solid #cdd8c6;border-radius:10px;background:#1e2420;color:#e9f2ec;font-family:Consolas,Monaco,'Courier New',monospace;font-size:13.5px;line-height:1.6;resize:vertical;outline:0}
#seHtmlCode:focus{border-color:var(--se-g,#2f6a37);box-shadow:0 0 0 2px rgba(47,106,55,.2)}
.se-html-prev{height:420px;padding:20px 22px;border:1px solid #dce3d8;border-radius:10px;background:#fff;overflow-y:auto}
.se-html-prev .rec-head h1{font-size:24px;margin:8px 0 6px}
.se-html-prev .rec-body{margin-top:18px;font-size:16px}
.se-prevmodal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,20,16,.62);backdrop-filter:blur(2px)}
.se-prevmodal[hidden]{display:none}
.se-prevmodal-in{display:flex;flex-direction:column;width:100%;max-width:860px;max-height:90vh;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden}
.se-prevmodal-h{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #eaede8;background:#f8faf7}
.se-prevmodal-h b{font-size:17px;color:#1b261c}
.se-prevmodal-b{padding:32px 28px 48px;overflow-y:auto}
.se-body table,.rec-body table{width:100%;margin:16px 0;border-collapse:collapse;font-size:15px}
.se-body th,.se-body td,.rec-body th,.rec-body td{padding:10px 12px;border:1px solid #dfe3dc;text-align:left}
.se-body th,.rec-body th{background:#f4f7f2;font-weight:700}
@media (max-width:900px){
  .se-html-grid{grid-template-columns:1fr}
  #seHtmlCode,.se-html-prev{height:300px}
  .se-prevmodal{padding:12px}
  .se-prevmodal-b{padding:20px 16px 32px}
}
/* html-editor:end */
/* rent-showcase:start */
.pg-rent,.pg-rent button,.pg-rent select,.pg-rent input,.pg-rent textarea{font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,'Malgun Gothic','맑은 고딕','Noto Sans KR',sans-serif;word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.02em}
.pg-rent h1,.pg-rent h2,.pg-rent h3,.pg-rent strong,.pg-rent p{text-wrap:balance}

.rt-hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px auto 0;padding:0;list-style:none}
.rt-hero-badges li{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #d2e2c8;border-radius:99px;background:#fff;box-shadow:0 8px 20px -12px rgba(25,55,28,.16);font-size:15.5px;font-weight:700;color:#1b431e;white-space:nowrap}
.rt-hero-badges li i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#2c5c2f;color:#fff;font-style:normal;font-size:12px;font-weight:800}

.rt-model-sec{padding:48px 0 16px}
.rt-m-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:22px}
.rt-m-head p{margin-top:6px;font-size:16.5px;color:#4f5850}
.rt-m-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:26px}
.rt-m-tab{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 8px 12px;border:1.5px solid #e1e6dd;border-radius:16px;background:#fff;text-align:center;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}
.rt-m-tab:hover{border-color:#98be7f;transform:translateY(-2px)}
.rt-m-tab[aria-selected="true"]{border-color:var(--mk-green,#3f7d2c);background:linear-gradient(180deg,#f3faed 0%,#fff 100%);box-shadow:0 0 0 1.5px var(--mk-green,#3f7d2c),0 14px 28px -16px rgba(44,92,47,.38)}
.rt-m-tab img{width:100%;height:58px;object-fit:contain;mix-blend-mode:multiply}
.rt-m-tab b{font-size:16px;font-weight:800;color:#161d17;line-height:1.2;white-space:nowrap}
.rt-m-tab small{padding:3px 9px;border-radius:99px;background:#eff3ec;color:#465447;font-size:12px;font-weight:700;white-space:nowrap}
.rt-m-tab[aria-selected="true"] small{background:#2c5c2f;color:#fff}

.rt-view{padding:42px;border:1px solid #dce3d7;border-radius:24px;background:#fff;box-shadow:0 24px 56px -36px rgba(25,55,28,.24)}
.rt-v-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px;align-items:start}
.rt-v-gal{position:sticky;top:24px}
.rt-v-main{position:relative;display:grid;place-items:center;aspect-ratio:4/3;padding:28px;border:1px solid #eaede6;border-radius:20px;background:radial-gradient(circle at 50% 42%,#fff 0%,#f4f8f0 100%);overflow:hidden}
.rt-v-main img{max-width:90%;max-height:90%;object-fit:contain;mix-blend-mode:multiply}
.rt-v-badge{position:absolute;left:18px;top:18px;padding:6px 14px;border-radius:99px;background:#1f4d22;color:#fff;font-size:13.5px;font-weight:700;white-space:nowrap}
.rt-v-thumbs{display:flex;gap:10px;margin-top:12px}
.rt-v-thumbs button{width:80px;height:62px;padding:6px;border:1.5px solid #e2e6de;border-radius:10px;background:#fff;cursor:pointer}
.rt-v-thumbs button[aria-current="true"]{border-color:var(--mk-green,#3f7d2c);background:#f5faf0;box-shadow:0 0 0 1px var(--mk-green,#3f7d2c)}
.rt-v-thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.rt-v-gal-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:13.5px;color:#667067}
.rt-v-gal-foot a{font-weight:700;color:var(--green-d,#2c5c2f);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

.rt-v-info{display:flex;flex-direction:column;min-width:0}
.rt-v-kind{font-size:14.5px;font-weight:700;color:var(--mk-green,#3f7d2c)}
.rt-v-name{margin-top:4px;font-size:clamp(26px,2.4vw,32px);font-weight:800;line-height:1.25;letter-spacing:-.03em;color:#141a15}
.rt-v-sub{margin-top:8px;font-size:16.5px;font-weight:600;color:#3d493e;line-height:1.5}
.rt-fit-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.rt-fit-chips span{padding:5px 12px;border-radius:99px;background:#f2f7ee;border:1px solid #d5e4ca;font-size:13.5px;font-weight:700;color:#214524;white-space:nowrap}

.rt-v-dl{margin-top:18px;border-top:2px solid #1b241d}
.rt-v-dl>div{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid #ecefe9;font-size:15.5px}
.rt-v-dl dt{font-weight:700;color:#525c53;white-space:nowrap}
.rt-v-dl dd{color:#1b241d;font-weight:600;line-height:1.45}
.rt-v-dl .rt-dl-price dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.rt-v-dl .rt-dl-price strong{font-size:28px;font-weight:800;color:#1f4d22;font-variant-numeric:tabular-nums;white-space:nowrap}
.rt-v-dl .rt-dl-price span{font-size:13.5px;font-weight:500;color:#666;white-space:nowrap}
.rt-v-dl .rt-dl-opt{background:#f6faf2;padding:12px 14px;border-radius:12px;margin:6px 0;border-bottom:0}
.rt-v-dl .rt-dl-opt dt{color:#1f4d22;font-weight:800}
.rt-opt-sel{width:100%;height:48px;padding:0 38px 0 14px;border:2px solid #2c5c2f;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f4d22' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;font:inherit;font-size:15.5px;font-weight:700;color:#1b241d;-webkit-appearance:none;appearance:none;cursor:pointer}
.rt-opt-sel:focus{outline:2px solid var(--mk-green,#3f7d2c);outline-offset:1px}

.rt-calc{margin-top:16px;padding:18px 22px;border:1.5px solid #cde0bf;border-radius:16px;background:linear-gradient(160deg,#f5faef 0%,#e8f3de 100%)}
.rt-calc-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px}
.rt-calc-picked{font-size:15px;font-weight:700;color:#265029}
.rt-calc-total{display:flex;align-items:baseline;gap:8px;margin-left:auto;font-size:15px;font-weight:700;color:#333;white-space:nowrap}
.rt-calc-total b{font-size:28px;font-weight:800;color:#1f4d22;font-variant-numeric:tabular-nums;letter-spacing:-.02em}

.rt-v-acts{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;margin-top:18px}
.rt-v-acts .btn{justify-content:center;height:54px;min-width:0;padding:0 12px;font-size:15.5px;font-weight:700;border-radius:12px;white-space:nowrap}
.rt-btn-talk{border:1.5px solid #cfe0c3;background:#f4f9ef;color:#1f4d22}
.rt-btn-talk:hover{background:#e6f2dc}

.rt-v-detail{margin-top:36px;padding-top:32px;border-top:1px solid #e8ece4}
.rt-v-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rt-v-points li{padding:20px 16px;border:1px solid #e6ebe1;border-radius:16px;background:#fafbf9;text-align:center}
.rt-v-points b{display:block;font-size:28px;font-weight:800;color:#2c5c2f;line-height:1.1}
.rt-v-points b small{font-size:15px;font-weight:700;margin-left:2px}
.rt-v-points strong{display:block;margin-top:8px;font-size:15.5px;font-weight:800;color:#1b241d;white-space:nowrap}
.rt-v-points span{display:block;margin-top:4px;font-size:13.5px;color:#667067}

.rt-spec-details{margin-top:18px;border:1px solid #e2e6de;border-radius:14px;background:#fafbf9;overflow:hidden}
.rt-spec-details summary{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;font-size:15.5px;font-weight:800;color:#1f4d22;cursor:pointer;list-style:none;user-select:none}
.rt-spec-details summary::-webkit-details-marker{display:none}
.rt-spec-details summary::after{content:"사양표 펼쳐보기 ↓";font-size:13.5px;font-weight:700;color:#3d4d3e;padding:5px 12px;border-radius:99px;background:#e8efe3;white-space:nowrap}
.rt-spec-details[open] summary{border-bottom:1px solid #e2e6de;background:#f2f7ee}
.rt-spec-details[open] summary::after{content:"사양표 접기 ↑";background:#2c5c2f;color:#fff}
.rt-spec-tbl{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff}
.rt-spec-tbl th,.rt-spec-tbl td{padding:12px 18px;border-bottom:1px solid #eaede6;text-align:left;line-height:1.5}
.rt-spec-tbl th{width:190px;background:#f7f9f5;font-weight:700;color:#344035;white-space:nowrap}
.rt-spec-tbl td{color:#1b241d}

/* 인포그래픽 1: 한눈에 보는 기종 선택 & 비용 비교 (모던 벤토 그리드 UI) */
.rt-bento{display:grid;grid-template-columns:1fr;gap:32px;margin-top:28px}
.rt-bento-box{padding:40px 36px;border-radius:28px;background:#f4f7f2;border:1px solid #e2e9de}
.rt-bento-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:28px}
.rt-bento-kicker{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:99px;background:#2c5c2f;color:#fff;font-size:13px;font-weight:800;letter-spacing:.03em}
.rt-bento-head h3{margin-top:10px;font-size:clamp(22px,2.2vw,28px);font-weight:800;color:#141c15;letter-spacing:-.03em}
.rt-bento-head p{font-size:15.5px;color:#525f53;font-weight:600}

/* 1-A. 업종·용도별 기종 매칭 4열 벤토 카드 (실제 제품 이미지 포함) */
.rt-pick-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.rt-pick-card{display:flex;flex-direction:column;padding:24px 20px 20px;border-radius:22px;background:#fff;border:1.5px solid #e4ebe0;box-shadow:0 12px 28px -18px rgba(25,55,28,.14);transition:transform .2s,border-color .2s,box-shadow .2s;text-decoration:none;color:inherit}
.rt-pick-card:hover{transform:translateY(-5px);border-color:#2c5c2f;box-shadow:0 20px 36px -18px rgba(44,92,47,.32)}
.rt-pick-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.rt-pick-paper{padding:4px 11px;border-radius:99px;background:#e8f2e1;color:#1f4d22;font-size:12.5px;font-weight:800;white-space:nowrap}
.rt-pick-paper.is-a3{background:#1f4d22;color:#fff}
.rt-pick-who{font-size:13px;font-weight:700;color:#586659;white-space:nowrap}
.rt-pick-img{display:grid;place-items:center;height:132px;margin:16px 0;padding:12px;border-radius:16px;background:radial-gradient(circle at 50% 50%,#f8fbf6 0%,#eef4ea 100%)}
.rt-pick-img img{max-width:92%;max-height:108px;object-fit:contain;mix-blend-mode:multiply;transition:transform .22s}
.rt-pick-card:hover .rt-pick-img img{transform:scale(1.05)}
.rt-pick-card strong{display:block;font-size:19px;font-weight:800;color:#151d16;letter-spacing:-.02em;white-space:nowrap}
.rt-pick-desc{margin-top:6px;font-size:14px;line-height:1.45;color:#4f5b50;font-weight:600}
.rt-pick-tags{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 16px}
.rt-pick-tags span{padding:3px 9px;border-radius:6px;background:#f3f6f1;color:#3b483c;font-size:12.5px;font-weight:700;white-space:nowrap}
.rt-pick-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #edf1ea}
.rt-pick-foot b{font-size:18px;font-weight:800;color:#1f4d22;font-variant-numeric:tabular-nums;white-space:nowrap}
.rt-pick-foot em{font-style:normal;padding:5px 11px;border-radius:99px;background:#eaf4e3;color:#1f4d22;font-size:12.5px;font-weight:800;white-space:nowrap;transition:background .18s,color .18s}
.rt-pick-card:hover .rt-pick-foot em{background:#2c5c2f;color:#fff}

/* 1-B. 직접 구매 vs 마인잉크 임대 대형 듀얼 비교 보드 */
.rt-vs-board{display:grid;grid-template-columns:1fr 64px 1.12fr;align-items:stretch;gap:0}
.rt-vs-col{display:flex;flex-direction:column;padding:34px 32px;border-radius:24px}
.rt-vs-buy{background:#fff;border:1.5px solid #e1e5de;color:#444}
.rt-vs-rent{background:linear-gradient(155deg,#1f4422 0%,#132a15 100%);color:#fff;box-shadow:0 22px 48px -20px rgba(20,52,23,.5);position:relative}
.rt-vs-badge{display:inline-block;align-self:flex-start;padding:4px 12px;border-radius:99px;font-size:12.5px;font-weight:800;letter-spacing:.02em}
.rt-vs-buy .rt-vs-badge{background:#eef0ed;color:#5c645d}
.rt-vs-rent .rt-vs-badge{background:#8fd16f;color:#112412}
.rt-vs-col h4{margin-top:10px;font-size:23px;font-weight:800;letter-spacing:-.03em}
.rt-vs-buy h4{color:#222823}
.rt-vs-rent h4{color:#fff}
.rt-vs-total{margin:16px 0 22px;padding:16px 20px;border-radius:16px}
.rt-vs-buy .rt-vs-total{background:#f5f6f4;border:1px solid #e6e8e4}
.rt-vs-rent .rt-vs-total{background:rgba(143,209,111,.15);border:1px solid rgba(143,209,111,.35)}
.rt-vs-total small{display:block;font-size:13px;font-weight:700;opacity:.85}
.rt-vs-total strong{display:block;margin-top:4px;font-size:24px;font-weight:800;letter-spacing:-.02em}
.rt-vs-buy .rt-vs-total strong{color:#3c433d}
.rt-vs-rent .rt-vs-total strong{color:#a8ea86}
.rt-vs-items{display:grid;gap:12px;list-style:none;padding:0;margin:0}
.rt-vs-items li{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:15px}
.rt-vs-buy .rt-vs-items li{background:#fafbf9;border:1px solid #ecefe9}
.rt-vs-rent .rt-vs-items li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.rt-vs-items span{font-size:13.5px;font-weight:700;white-space:nowrap}
.rt-vs-buy .rt-vs-items span{color:#687069}
.rt-vs-rent .rt-vs-items span{color:#bfe6ac}
.rt-vs-items b{font-size:15px;font-weight:800}
.rt-vs-buy .rt-vs-items b{color:#49504a}
.rt-vs-rent .rt-vs-items b{color:#fff}
.rt-vs-mid{display:grid;place-items:center}
.rt-vs-mid span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#2c5c2f;color:#fff;font-size:14px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.18)}

/* 인포그래픽 2: 올인원 공식 배너 (월 임대료 포함 혜택 상단) */
.rt-formula{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:22px 0 24px;padding:22px 28px;border-radius:22px;background:linear-gradient(135deg,#233825 0%,#162418 100%);color:#fff;box-shadow:0 16px 36px -22px rgba(20,45,22,.45)}
.rt-f-item{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:15.5px;font-weight:700;white-space:nowrap}
.rt-f-item em{font-style:normal;padding:2px 8px;border-radius:6px;background:#8fd16f;color:#142415;font-size:13px;font-weight:800}
.rt-f-op{font-size:20px;font-weight:800;color:#8fd16f}
.rt-f-res{padding:11px 22px;border-radius:12px;background:#8fd16f;color:#132414;font-size:17px;font-weight:800;white-space:nowrap}

/* 인포그래픽 3: 4단계 임대 절차 타임라인 아이콘 */
.rt-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px;list-style:none;padding:0}
.rt-steps li{position:relative;padding:28px 22px;border:1px solid #dfe5da;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#f7faf4 100%);text-align:center}
@media (min-width:1101px){
  .rt-steps li:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2c5c2f;color:#fff;font-size:13px;font-weight:800;box-shadow:0 4px 10px rgba(0,0,0,.15)}
}
.rt-step-ic{display:inline-grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border-radius:18px;background:#eaf4e3;color:#1f4d22}
.rt-step-ic svg{width:28px;height:28px;stroke-width:2}
.rt-step-no{display:block;font-size:12.5px;font-weight:800;letter-spacing:.06em;color:#3f7d2c}
.rt-steps h3{margin-top:4px;font-size:19px;font-weight:800;color:#1b241d;white-space:nowrap}
.rt-steps p{margin-top:6px;font-size:14.5px;line-height:1.5;color:#4e584f}

/* 지역 밀착 출장 안내 배너 */
.rt-area-box{margin-top:20px;padding:22px 28px;border:1px solid #d5e3cb;border-radius:18px;background:#f3f8ef;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px}
.rt-area-box h3{font-size:18.5px;font-weight:800;color:#1f4d22}
.rt-area-box p{margin-top:4px;font-size:14.5px;color:#39463a}
.rt-area-links{display:flex;flex-wrap:wrap;gap:8px}
.rt-area-links a{padding:8px 14px;border-radius:99px;background:#fff;border:1px solid #cfe0c3;font-size:13.5px;font-weight:700;color:#1f4d22;white-space:nowrap;transition:background .15s,border-color .15s}
.rt-area-links a:hover{background:#2c5c2f;border-color:#2c5c2f;color:#fff}

@media (max-width:1100px){
  .rt-m-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rt-v-top{grid-template-columns:1fr;gap:32px}
  .rt-v-gal{position:static}
  .rt-pick-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rt-vs-board{grid-template-columns:1fr;gap:16px}
  .rt-vs-mid{height:24px}
  .rt-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .rt-hero-badges{gap:6px}
  .rt-hero-badges li{padding:7px 12px;font-size:13.5px}
  .rt-m-tabs{display:flex;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .rt-m-tab{flex:0 0 116px;scroll-snap-align:start}
  .rt-view{padding:22px 16px;border-radius:18px}
  .rt-v-dl>div{grid-template-columns:88px minmax(0,1fr);font-size:14.5px;padding:10px 2px}
  .rt-calc-row{flex-direction:column;align-items:flex-start;gap:6px}
  .rt-calc-total{align-self:flex-end}
  .rt-v-acts{grid-template-columns:1fr}
  .rt-v-points{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rt-spec-tbl th{width:112px;padding:10px 12px;font-size:13.5px}
  .rt-spec-tbl td{padding:10px 12px;font-size:13.5px}
  .rt-bento-box{padding:24px 16px;border-radius:20px}
  .rt-pick-cards{grid-template-columns:1fr}
  .rt-vs-col{padding:24px 18px}
  .rt-vs-items li{grid-template-columns:72px minmax(0,1fr);font-size:14px;padding:10px 12px}
  .rt-formula{padding:16px;gap:8px}
  .rt-f-item{font-size:13.5px;padding:7px 12px}
  .rt-steps{grid-template-columns:1fr}
}
/* pg-rent 전용 4-Bento & 모던 레이아웃 */
.pg-rent .rt-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.pg-rent .rt-top {
  padding: 32px 0 64px;
  background: linear-gradient(180deg, #f0f6ec 0%, #ffffff 100%);
  text-align: center;
  border-bottom: 1px solid #e5ebe0;
}
.pg-rent .rt-top .rp-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: #245828;
  color: #ffffff;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 16px auto 0;
}
.pg-rent .rt-top .rp-hero-title {
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.03em;
  color: #141c15;
  margin: 16px auto 14px;
  text-align: center;
}
.pg-rent .rt-top .rp-hero-lead {
  font-size: clamp(15px, 1.35vw, 17.5px);
  color: #4a584c;
  line-height: 1.6;
  text-align: center;
  max-width: 680px;
  margin: 0 auto 20px;
}
.pg-rent .rt-top .rp-hero-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 16px;
  list-style: none;
  padding: 0;
  margin: 0 auto 24px;
}
.pg-rent .rt-top .rp-hero-badges li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14.5px;
  font-weight: 700;
  color: #214324;
  background: #e8f2e2;
  border: 1px solid #cce0c2;
  padding: 6px 14px;
  border-radius: 999px;
}
.pg-rent .rt-top .rp-hero-badges li i {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #245828;
  color: #fff;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
}
.pg-rent .rt-top .rp-hero-cta {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 auto;
}
.pg-rent .rt-top .rp-bento-bar {
  max-width: 1040px;
  margin: 32px auto 0;
}
@media (max-width: 767px) {
  .pg-rent .rt-top {
    padding: 20px 0 44px;
  }
  .pg-rent .rt-top .rp-bento-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 14px 12px;
  }
  .pg-rent .rt-top .rp-bento-item:nth-child(2) {
    border-right: none;
  }
  .pg-rent .rt-top .rp-bento-item:nth-child(1),
  .pg-rent .rt-top .rp-bento-item:nth-child(2) {
    border-bottom: 1px solid #e8f0e4;
    padding-bottom: 12px;
  }
  .pg-rent .rt-top .rp-bento-item:nth-child(3),
  .pg-rent .rt-top .rp-bento-item:nth-child(4) {
    padding-top: 6px;
  }
}
/* rent-showcase:end */

/* personal-payment:start (2026-10-28 로그인 회원 1:1 전용 1회성 개인결제창) */
.pp-nav-dot{display:inline-flex;align-items:center;margin-left:6px;padding:2px 8px;border-radius:999px;background:#e65100;color:#fff;font-size:12px;font-weight:700;line-height:1.4}
.pp-badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;background:var(--green-d,#214d24);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:-.2px}
.pp-mytag{display:inline-block;padding:2px 9px;border-radius:6px;background:#e5f2dc;color:var(--green-d,#214d24);font-size:12px;font-weight:700}

/* 마이페이지(내 정보) 전용 개인결제 카드 */
.pp-mybox{margin-top:16px;border:2px solid var(--green,#2e6b32);background:linear-gradient(180deg,#f6fbf2 0%,#ffffff 100%);box-shadow:0 10px 26px -14px rgba(33,77,36,.25)}
.pp-myhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.pp-mylist{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}
.pp-myitem{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding:18px 20px;border:1px solid #d5e5cb;border-radius:12px;background:#fff}
.pp-myinfo{display:grid;gap:5px;min-width:0;flex:1 1 260px}
.pp-myinfo b{font-size:18px;font-weight:800;color:#161d17;word-break:keep-all}
.pp-mymemo{margin:2px 0;font-size:14.5px;color:#3d493f;line-height:1.55;word-break:keep-all}
.pp-myinfo small{font-size:13.5px;color:#657267}
.pp-myact{display:flex;align-items:center;gap:16px;flex:none}
.pp-myprice{font-size:22px;font-weight:800;color:var(--green-d,#214d24);white-space:nowrap}

/* 제품 안내(products.html) 상단 로그인 당사자 전용 개인결제 섹션 */
.pp-prod-sec{padding:28px 0 8px}
.pp-prod-box{padding:28px 30px;border:2px solid var(--green,#2e6b32);border-radius:20px;background:linear-gradient(135deg,#f3faed 0%,#ffffff 65%);box-shadow:0 16px 36px -18px rgba(33,77,36,.22)}
.pp-prod-head{display:grid;gap:6px;margin-bottom:20px}
.pp-prod-head .pp-badge{justify-self:start}
.pp-prod-head h2{margin:2px 0 0;font-size:clamp(22px,2.4vw,28px);font-weight:800;color:#161d17;letter-spacing:-.4px}
.pp-prod-head p{margin:0;font-size:15px;color:#4a564c;line-height:1.6;word-break:keep-all}
.pp-prod-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.pp-prod-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid #cfe2c3;border-radius:16px;background:#fff}
.pp-prod-body{display:grid;gap:6px;align-content:start}
.pp-prod-body .pp-mytag{justify-self:start}
.pp-prod-body h3{margin:2px 0 0;font-size:20px;font-weight:800;color:#161d17;line-height:1.35;word-break:keep-all}
.pp-prod-memo{margin:4px 0 0;padding:10px 12px;border-radius:8px;background:#f7faf5;font-size:14.5px;color:#39443b;line-height:1.55;word-break:keep-all}
.pp-prod-sub{margin:4px 0 0;font-size:13.5px;color:#657267}
.pp-prod-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #eef2ec}
.pp-prod-price{display:grid;gap:2px}
.pp-prod-price small{font-size:12.5px;color:#657267;font-weight:600}
.pp-prod-price strong{font-size:24px;font-weight:800;color:var(--green-d,#214d24)}

/* 업무자 모드(staff.html) 개인결제창 생성 폼 */
.st-ppform{display:grid;gap:18px}
.st-pp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.st-pp-wide{grid-column:1 / -1}
.st-ppform label{display:grid;gap:7px;font-size:14.5px;font-weight:700;color:#2c352e}
.st-ppform label small{font-weight:500;color:#6b766e}
.st-ppform input[type=text],.st-ppform input[type=search],.st-ppform input[type=number],.st-ppform select:not([size]){height:46px;padding:0 14px;border:1px solid #cfd6cb;border-radius:10px;font-size:15.5px;background:#fff}
.st-pp-select{width:100%;padding:8px;border:1px solid #cfd6cb;border-radius:10px;font-size:14.5px;background:#fbfcfa;line-height:1.5}
.st-pp-select option{padding:8px 10px;border-radius:6px;cursor:pointer}
.st-pp-select option:checked{background:var(--green-d,#214d24);color:#fff;font-weight:700}
.st-pp-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.st-pp-presets button{padding:6px 12px;border:1px solid #d5ddd0;border-radius:999px;background:#f5f8f2;color:#354237;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}
.st-pp-presets button:hover{border-color:var(--green,#2e6b32);background:#e6f2de;color:var(--green-d,#214d24)}
.st-pp-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #ebefe8}
.st-pp-preview{margin:0;font-size:15px;color:#3d4740}
.st-pp-preview b{color:var(--green-d,#214d24)}
.st-pp-banner{border:2px solid var(--green,#2e6b32);background:linear-gradient(135deg,#f4fbee 0%,#ffffff 100%)}

/* 왼쪽 사이드바(.qk) 원격지원 아래 '개인결제' 버튼 */
.qk .qk-ppay{position:relative;background:linear-gradient(180deg,#fffaf0 0%,#fff3db 100%);border-top:1px solid #f0d8a8;border-bottom-right-radius:4px}
.qk .qk-ppay:hover{background:#ffecbe}
.qk .qk-ppay svg{color:#c96200;stroke-width:1.9}
.qk .qk-ppay b{color:#9a4400;font-weight:800}
.qk .qk-ppay span{color:#b85400;font-weight:700;letter-spacing:-.3px}
.qk-pp-badge{position:absolute;top:3px;right:3px;padding:1px 4px;border-radius:999px;background:#d9480f;color:#fff;font-size:9.5px;font-style:normal;font-weight:800;line-height:1.2}

/* 왼쪽 사이드바 클릭 시 뜨는 전용 개인결제 모달창 */
.pp-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}
.pp-modal-bg{position:fixed;inset:0;background:rgba(16,22,17,.58);backdrop-filter:blur(2px)}
.pp-modal-box{position:relative;z-index:1;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;padding:28px 28px 24px;border-radius:20px;background:#fff;box-shadow:0 24px 60px -12px rgba(0,0,0,.35);border:2px solid var(--green,#2e6b32)}
.pp-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pp-modal-head h2{margin:6px 0 0;font-size:23px;font-weight:800;color:#161d17;letter-spacing:-.4px}
.pp-modal-x{width:38px;height:38px;border:0;border-radius:50%;background:#f2f5f0;color:#3d4740;font-size:18px;font-weight:700;cursor:pointer}
.pp-modal-x:hover{background:#e3e9df;color:#161d17}
.pp-modal-sub{margin:8px 0 18px;font-size:14.5px;color:#4f5a51;line-height:1.55;word-break:keep-all}
.pp-modal-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.pp-modal-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 18px;padding:18px 20px;border:1.5px solid #cfe2c3;border-radius:14px;background:#f9fcf7}
.pp-modal-info{display:grid;gap:5px;min-width:0;flex:1 1 240px}
.pp-modal-info .pp-mytag{justify-self:start}
.pp-modal-info b{font-size:18px;font-weight:800;color:#161d17;word-break:keep-all}
.pp-modal-info small{font-size:13px;color:#657267}
.pp-modal-act{display:flex;align-items:center;gap:14px;flex:none}
.pp-modal-act strong{font-size:22px;font-weight:800;color:var(--green-d,#214d24);white-space:nowrap}

@media (max-width:767px){
  .pp-myitem{flex-direction:column;align-items:stretch}
  .pp-myact{justify-content:space-between;padding-top:10px;border-top:1px solid #eef2ec}
  .pp-prod-box{padding:22px 18px;border-radius:16px}
  .pp-prod-foot{flex-direction:column;align-items:stretch}
  .pp-prod-foot .btn{width:100%;justify-content:center}
  .st-pp-grid{grid-template-columns:1fr}
  .st-pp-foot{flex-direction:column;align-items:stretch}
  .st-pp-foot .btn{width:100%;justify-content:center}
  .pp-modal-box{padding:22px 18px}
  .pp-modal-item{flex-direction:column;align-items:stretch}
  .pp-modal-act{justify-content:space-between;padding-top:10px;border-top:1px solid #e4ece0}
}
/* 개인결제 전용 쇼핑몰 페이지 (pay.html) */
.pg-paylist .shop-top{padding:36px 0 20px;border-bottom:1px solid #e7ede2;background:#fcfdfb}
.pay-search-box{margin-bottom:24px;padding:20px 22px;border:1px solid #d8e5d2;border-radius:14px;background:#f7fbf4}
.pay-search-in input{width:100%;max-width:540px;height:48px;padding:0 16px;border:1.5px solid #a6c49c;border-radius:10px;font-size:16px;background:#fff}
.pay-search-in input:focus{border-color:var(--green-d,#214d24);outline:none;box-shadow:0 0 0 3px rgba(33,77,36,.15)}
.pay-help-tip{margin:10px 0 0;font-size:14px;color:#506152}
.pay-list-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.pay-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:22px;border:1.5px solid #dbe6d5;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.04);transition:transform .15s,box-shadow .15s}
.pay-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(33,77,36,.12);border-color:var(--green,#2e6b32)}
.pay-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pay-badge-one{padding:3px 9px;border-radius:999px;background:#edf5e8;color:var(--green-d,#214d24);font-size:12px;font-weight:700}
.pay-cust-name{font-size:14px;color:#354438}
.pay-cust-name b{color:var(--green-d,#214d24);font-size:15px}
.pay-card-body{display:grid;gap:6px}
.pay-card-body h3{margin:0;font-size:19px;font-weight:800;color:#161d17;line-height:1.4;word-break:keep-all}
.pay-card-memo{margin:4px 0 0;padding:10px 12px;border-radius:8px;background:#f8faf6;font-size:14px;color:#455247;line-height:1.55;word-break:keep-all}
.pay-card-detail{margin:6px 0 0;font-size:13px;color:#6d7a6f}
.pay-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #edf2ea}
.pay-price-wrap{display:grid;gap:1px}
.pay-price-wrap small{font-size:12px;color:#6d7a6f;font-weight:600}
.pay-price-wrap strong{font-size:22px;font-weight:800;color:var(--green-d,#214d24)}
.pay-buy-btn{min-height:44px;padding:0 20px;font-size:15px;font-weight:800;white-space:nowrap}
.shop-empty-sub{margin-top:6px;font-size:14.5px;color:#6b766e}

@media (max-width:767px){
  .pay-list-grid{grid-template-columns:1fr}
  .pay-card{padding:18px}
  .pay-card-foot{flex-direction:column;align-items:stretch;gap:10px}
  .pay-card-foot .pay-buy-btn{width:100%;justify-content:center}
}
/* personal-payment:end */

/* ─── 수리 탭(repair.html) A안 하단 인포그래픽 칩셋 스타일 ─── */
.rp-step-card {
  display: flex;
  flex-direction: column;
}
.rp-step-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 12px;
}
.rp-step-chips span {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 6px;
  background: #eef5e9;
  color: #214d24;
  font-size: 12px;
  font-weight: 700;
}
.rp-step-lead {
  font-size: 13.5px;
  line-height: 1.55;
  color: #526355;
  margin-bottom: 14px;
}
.rp-step-tag {
  display: inline-block;
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: 999px;
  background: #245828;
  color: #fff;
  font-size: 11.5px;
  font-weight: 800;
  margin-top: auto;
}

.alt-top-badges {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.alt-stat {
  padding: 5px 13px;
  border-radius: 999px;
  background: #eaf2e5;
  color: #245828;
  font-size: 12.5px;
  font-weight: 800;
}
.alt-stat.rent {
  background: #8fd16f;
  color: #122814;
}
.alt-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 14px;
}
.alt-chips span {
  padding: 5px 12px;
  border-radius: 7px;
  background: #f1f6ed;
  border: 1px solid #dce8d6;
  color: #264a28;
  font-size: 12px;
  font-weight: 700;
}
.alt-chips.rent-chips span {
  background: #eaf5e6;
  color: #1b5320;
  border: 1px solid #bfe0b6;
  font-weight: 700;
}

/* 슬림 설치 스트립 배너 */
.rp-ins-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 32px 36px;
  background: linear-gradient(135deg, #f4f8f1 0%, #e8f2e2 100%);
  border: 1px solid #d4e4cc;
  border-radius: 20px;
  box-shadow: 0 8px 24px -12px rgba(25, 55, 28, 0.1);
}
.rp-ins-info h2 {
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 800;
  color: #152217;
  margin: 6px 0 8px;
}
.rp-ins-info p {
  font-size: 15px;
  color: #475849;
  margin-bottom: 12px;
}
.rp-ins-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.rp-ins-pills span {
  padding: 5px 12px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c9dec0;
  color: #1f4d22;
  font-size: 13px;
  font-weight: 700;
}
.rp-ins-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.rp-ins-actions .btn {
  height: 48px;
  padding: 0 20px;
  font-size: 14.5px;
  font-weight: 700;
  border-radius: 10px;
  white-space: nowrap;
}

/* FAQ 칩셋 */
.faq-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.faq-chip {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 6px;
  background: #eef5e9;
  color: #1f4a22;
  font-size: 12.5px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .rp-ins-banner {
    padding: 22px 18px;
  }
  .rp-ins-actions {
    width: 100%;
    flex-direction: column;
  }
  .rp-ins-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* ─── 설치·수리 페이지 4-Bento 및 인포그래픽 리뉴얼 (repair.html) ─── */
.rp-bento-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 32px 0 0;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #dce8d6;
  border-radius: 16px;
  box-shadow: 0 4px 18px -4px rgba(33, 77, 36, 0.08);
}
.rp-bento-item {
  text-align: center;
  padding: 6px 10px;
}
.rp-bento-item:not(:last-child) {
  border-right: 1px solid #e8f0e4;
}
.rp-bento-num {
  font-size: clamp(24px, 2.3vw, 32px);
  font-weight: 800;
  color: #245828;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.rp-bento-num small {
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
}
.rp-bento-lbl {
  margin-top: 6px;
  font-size: 13.5px;
  font-weight: 700;
  color: #263628;
  letter-spacing: -0.01em;
}
.rp-bento-sub {
  margin-top: 3px;
  font-size: 11.5px;
  color: #68796a;
  letter-spacing: -0.01em;
  word-break: keep-all;
}

/* 증상별 트리아지 인포그래픽 칩 & 솔루션 플로우 */
.sym-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0 16px;
}
.sym-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 6px;
  background: #f2f6ee;
  border: 1px solid #dbe6d5;
  font-size: 12px;
  font-weight: 600;
  color: #3b503d;
  letter-spacing: -0.01em;
}
.sym-flow-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 14px 0 16px;
}
.sym-flow-step {
  padding: 10px 12px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #dce8d6;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}
.sym-flow-step b {
  display: block;
  font-size: 11.5px;
  color: var(--green-d, #214d24);
  font-weight: 800;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}
.sym-flow-step span {
  display: block;
  font-size: 12.5px;
  color: #2c3a2e;
  font-weight: 600;
  line-height: 1.35;
  word-break: keep-all;
}

/* 3-Way 카드 마이크로 리스트 */
.way-clean-list {
  list-style: none;
  padding: 0;
  margin: 14px 0 24px;
  display: grid;
  gap: 10px;
}
.way-clean-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  color: #38493b;
  line-height: 1.48;
  word-break: keep-all;
}
.way-clean-list li i {
  font-style: normal;
  flex-shrink: 0;
  width: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 1.2;
  margin-top: 1px;
}

@media (max-width: 900px) {
  .rp-bento-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 14px 12px;
  }
  .rp-bento-item:nth-child(2) {
    border-right: none;
  }
  .rp-bento-item:nth-child(1),
  .rp-bento-item:nth-child(2) {
    border-bottom: 1px solid #e8f0e4;
    padding-bottom: 10px;
  }
  .sym-flow-steps {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}


/* ═══════════════════════════════════════════════════════════════════════
   마인잉크 수리·판매·임대 통합 타이포그래피 & 레이아웃 밸런스 (2026-10-29)
   1. 컨테이너 폭 1240px 완벽 일원화 (좌우 흔들림 제거)
   2. 한국어 Pretendard 웹폰트 일원화 (윈도우 맑은고딕 튕김 방지)
   3. 상단 히어로 중앙 밸런스 정렬 (좌측 쏠림/치우침 해소)
   4. 자간(-0.022em / -0.01em) 및 단어 쪼개짐/단어 2개 낙오(Orphan) 방지 (text-wrap: balance / pretty)
   ═══════════════════════════════════════════════════════════════════════ */

/* 1. 컨테이너 가로폭 1240px & 중앙 정렬 통일 */
.rp-wrap, .rt-wrap, .pd-wrap, .mk-wrap,
.pg-repair .rp-wrap, .pg-products .pd-wrap, .pg-rent .rt-wrap {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  .rp-wrap, .rt-wrap, .pd-wrap, .mk-wrap,
  .pg-repair .rp-wrap, .pg-products .pd-wrap, .pg-rent .rt-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* 2. 한국어 웹폰트 일원화 */
body, .pg-repair, .pg-products, .pg-rent,
.pg-repair button, .pg-products button, .pg-rent button,
.pg-repair select, .pg-products select, .pg-rent select,
.pg-repair input, .pg-products input, .pg-rent input,
.pg-repair textarea, .pg-products textarea, .pg-rent textarea {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 3. 자간 및 단어 끊김(Orphan) 방지: 모든 제목 균형 배치 */
.pg-repair h1, .pg-repair h2, .pg-repair h3, .pg-repair h4,
.pg-products h1, .pg-products h2, .pg-products h3, .pg-products h4,
.pg-rent h1, .pg-rent h2, .pg-rent h3, .pg-rent h4,
.rp-hero-title, .pd-top h1, .rt-top h1, .rt-h,
.rp-sec-head h2, .pd-sec-head h2, .rt-bento-head h3,
.sym-card h3, .rt-pick-card strong, .pd-card-body h3 {
  letter-spacing: -0.022em !important;
  line-height: 1.28 !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  text-wrap: balance !important;
}

/* 본문 문단: 자연스러운 줄바꿈 & 단어 1~2개 고립 방지 (text-wrap: pretty) */
.pg-repair p, .pg-products p, .pg-rent p,
.rp-hero-lead, .pd-lead, .rt-lead,
.rp-sec-head p, .pd-sec-head p,
.rp-step-body p, .rp-alt-card p, .rt-pick-desc {
  letter-spacing: -0.012em !important;
  line-height: 1.62 !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  text-wrap: pretty !important;
}

/* 4. 상단 히어로 중앙 밸런스 정렬 (수리·판매·임대 통일) */
.rp-hero, .pd-top, .rt-top {
  text-align: center !important;
}
.rp-hero .crumb, .pd-top .crumb, .rt-top .crumb {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 16px !important;
}
.rp-hero-badge, .pd-hero-badge, .rt-top .rp-hero-badge {
  display: inline-flex !important;
  margin: 0 auto 16px !important;
  text-align: center !important;
}
.rp-hero-title, .pd-top h1, .rt-top .rp-hero-title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 960px !important;
}
.rp-hero-lead, .pd-lead, .rt-top .rp-hero-lead {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 760px !important;
}
.rp-hero-badges, .rt-top .rp-hero-badges {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 28px !important;
}
.rp-hero-cta, .pd-jump, .rt-top .rp-hero-cta {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 12px !important;
}
.rp-bento-bar, .pd-bento-bar, .rt-top .rp-bento-bar {
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 32px !important;
}

/* 5. 인라인 nobr 유틸리티 */
.nobr {
  display: inline-block !important;
  white-space: nowrap !important;
}


/* ==========================================================================
   트렌디 상품 상세페이지 (PDP v2) - 2026 플래그십 아키텍처
   Pretendard 타이포그래피, 타이트한 자간, 넉넉한 박스 여백 (Breathing Room)
   ========================================================================== */

.pdp-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.25fr);
  gap: 52px;
  align-items: start;
  margin-bottom: 40px;
}

/* 갤러리 영역 */
.pdp-gal-v2 {
  position: sticky;
  top: 90px;
}
.pdp-main-v2 {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 4/3.2;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f7faf5 100%);
  border: 1.5px solid #dce8d6;
  box-shadow: 0 4px 16px -4px rgba(35, 75, 40, 0.08);
  overflow: hidden;
  padding: 32px;
}
.pdp-badge-hero {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 6px 14px;
  border-radius: 99px;
  background: #2a5a2d;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.015em;
  box-shadow: 0 4px 12px -2px rgba(42, 90, 45, 0.35);
  z-index: 2;
}
.pdp-main-v2 img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.pdp-main-v2:hover img {
  transform: scale(1.03);
}
.pdp-subtag {
  position: absolute;
  bottom: 14px;
  font-size: 12.5px;
  font-weight: 600;
  color: #5c705f;
  background: rgba(255, 255, 255, 0.85);
  padding: 4px 12px;
  border-radius: 20px;
  backdrop-filter: blur(4px);
  border: 1px solid #dce8d6;
}
.pdp-thumbs-v2 {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}
.pdp-thumbs-v2 button {
  width: 88px;
  height: 68px;
  padding: 6px;
  border: 1.5px solid #dce8d6;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: all 0.18s ease;
  overflow: hidden;
}
.pdp-thumbs-v2 button:hover {
  border-color: #79af6f;
}
.pdp-thumbs-v2 button.is-active {
  border-color: #2a5a2d;
  box-shadow: 0 0 0 2px #2a5a2d;
}
.pdp-thumbs-v2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pdp-guarantee-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 16px;
  padding: 14px 12px;
  background: #f4f8f1;
  border: 1px solid #dbe7d5;
  border-radius: 14px;
}
.pdp-g-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 700;
  color: #294d2c;
  letter-spacing: -0.015em;
  text-align: center;
}
.pdp-g-item i {
  font-style: normal;
  font-size: 15px;
}

/* 우측 정보 영역 */
.pdp-info-v2 {
  display: flex;
  flex-direction: column;
}
.pdp-kicker-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.pdp-pill-cat {
  padding: 5px 12px;
  border-radius: 99px;
  background: #e8f3e3;
  color: #245828;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.pdp-pill-rank {
  padding: 5px 12px;
  border-radius: 99px;
  background: #fbf1d8;
  color: #8c5a08;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.pdp-title-v2 {
  margin: 0 0 12px;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.035em;
  color: #111e13;
  word-break: keep-all;
}
.pdp-lead-v2 {
  margin: 0 0 24px;
  font-size: 15.5px;
  line-height: 1.65;
  letter-spacing: -0.015em;
  color: #485b4c;
  word-break: keep-all;
}

/* 4-Bento Grid 핵심 스펙 요약 */
.pdp-bento-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 26px;
}
.pdp-bento-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background: #ffffff;
  border: 1.5px solid #dce8d6;
  border-radius: 16px;
  box-shadow: 0 2px 6px -2px rgba(25, 55, 28, 0.04);
  transition: all 0.18s ease;
}
.pdp-bento-card:hover {
  border-color: #8dbd80;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px -4px rgba(35, 75, 40, 0.1);
}
.bento-ic {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #eef6ec;
  font-size: 20px;
  flex-shrink: 0;
}
.bento-text strong {
  display: block;
  font-size: 16px;
  font-weight: 800;
  color: #132416;
  letter-spacing: -0.025em;
  line-height: 1.25;
}
.bento-text small {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #5d7060;
  letter-spacing: -0.01em;
  margin-top: 3px;
}

/* 듀얼 플랜 박스 (구매 vs 렌탈) */
.pdp-plans-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
.pdp-plan-card {
  position: relative;
  padding: 24px 24px 22px;
  border-radius: 18px;
  border: 1.5px solid #dce8d6;
  background: #fff;
  transition: all 0.2s ease;
}
.pdp-plan-card.is-rent-plan {
  border-color: #2f6f34;
  background: linear-gradient(180deg, #f4faef 0%, #ffffff 100%);
  box-shadow: 0 6px 20px -6px rgba(42, 90, 45, 0.16);
}
.plan-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 6px;
  background: #2a5a2d;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}
.plan-badge.light {
  background: #edf3e9;
  color: #29552d;
}
.plan-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 14px;
}
.plan-header h3 {
  margin: 0;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #122115;
}
.plan-price {
  font-size: 15px;
  font-weight: 700;
  color: #255d29;
}
.plan-price strong {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.03em;
  font-feature-settings: "tnum";
}
.plan-bullets {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  display: grid;
  gap: 8px;
}
.plan-bullets li {
  position: relative;
  padding-left: 20px;
  font-size: 13.5px;
  font-weight: 600;
  color: #3b4e3e;
  line-height: 1.48;
  word-break: keep-all;
}
.plan-bullets li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #28602c;
  font-weight: 800;
}
.plan-btn {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  border-radius: 11px;
}
.pdp-action-subtext {
  padding: 12px 14px;
  background: #f7faf5;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.55;
  color: #596c5c;
  border: 1px solid #e3ede0;
}
.pdp-action-subtext b {
  color: #1f4722;
}

/* Why Mineink 엔지니어링 섹션 */
.pdp-tech-sec {
  padding: 88px 0;
  background: linear-gradient(180deg, #f7faf5 0%, #ffffff 100%);
  border-top: 1px solid #e2ece0;
}
.pdp-sec-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 52px;
}
.pdp-sec-tag {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 99px;
  background: #e6f3e0;
  color: #245828;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.01em;
  margin-bottom: 14px;
}
.pdp-sec-header h2 {
  margin: 0 0 14px;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -0.035em;
  color: #112013;
  word-break: keep-all;
}
.pdp-sec-header p {
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: -0.015em;
  color: #4f6352;
  word-break: keep-all;
}
.pdp-tech-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.pdp-tech-card {
  position: relative;
  padding: 34px 28px 28px;
  border-radius: 22px;
  background: #fff;
  border: 1.5px solid #dce8d6;
  box-shadow: 0 4px 16px -4px rgba(35, 75, 40, 0.06);
  display: flex;
  flex-direction: column;
}
.tech-num {
  font-size: 15px;
  font-weight: 800;
  color: #8da490;
  font-feature-settings: "tnum";
  margin-bottom: 16px;
}
.tech-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: #eaf4e5;
  display: grid;
  place-items: center;
  color: #2a5a2d;
  margin-bottom: 20px;
}
.tech-icon-wrap svg {
  width: 26px;
  height: 26px;
}
.pdp-tech-card h3 {
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.025em;
  color: #122115;
  word-break: keep-all;
}
.tech-desc {
  margin: 0 0 20px;
  font-size: 14.5px;
  line-height: 1.65;
  color: #506353;
  letter-spacing: -0.015em;
  word-break: keep-all;
}
.tech-check-list {
  list-style: none;
  padding: 0;
  margin: auto 0 0;
  display: grid;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid #edf4ea;
}
.tech-check-list li {
  position: relative;
  padding-left: 20px;
  font-size: 13px;
  font-weight: 700;
  color: #27522a;
  line-height: 1.45;
  word-break: keep-all;
}
.tech-check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #2a5a2d;
  font-weight: 800;
}

/* 실제 설치 사례 섹션 */
.pdp-cases-sec {
  padding: 88px 0;
  background: #ffffff;
  border-top: 1px solid #e5eee2;
}
.pdp-cases-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.pdp-case-card {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #fff;
  border: 1.5px solid #dce8d6;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 4px 14px -4px rgba(35, 75, 40, 0.06);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.pdp-case-card:hover {
  transform: translateY(-4px);
  border-color: #8dbd80;
  box-shadow: 0 12px 28px -6px rgba(35, 75, 40, 0.16);
}
.case-img-box {
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;
  background: #eef2eb;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.35s ease;
}
.pdp-case-card:hover .case-img-box img {
  transform: scale(1.05);
}
.case-tag {
  position: absolute;
  bottom: 12px;
  left: 12px;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(18, 33, 20, 0.82);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  backdrop-filter: blur(4px);
}
.case-body {
  padding: 24px 22px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.case-meta {
  font-size: 12.5px;
  font-weight: 700;
  color: #2a5a2d;
  margin-bottom: 8px;
}
.case-body h3 {
  margin: 0 0 10px;
  font-size: 17.5px;
  font-weight: 800;
  line-height: 1.38;
  letter-spacing: -0.025em;
  color: #112013;
  word-break: keep-all;
}
.case-body p {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.62;
  color: #556858;
  word-break: keep-all;
}
.case-more {
  margin-top: auto;
  font-size: 13.5px;
  font-weight: 700;
  color: #245828;
}

/* 사양 스펙표 모던화 */
.pdt-spec-v2 {
  padding: 80px 0;
  background: #f8fbf6;
  border-top: 1px solid #e2ece0;
}
.pdt-table-v2 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1.5px solid #dce8d6;
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 2px 8px -2px rgba(25, 55, 28, 0.05);
}
.pdt-table-v2 th, .pdt-table-v2 td {
  padding: 16px 22px;
  font-size: 14.5px;
  border-bottom: 1px solid #edf4ea;
  line-height: 1.55;
  letter-spacing: -0.015em;
}
.pdt-table-v2 tr:last-child th, .pdt-table-v2 tr:last-child td {
  border-bottom: none;
}
.pdt-table-v2 th {
  width: 28%;
  font-weight: 700;
  color: #264b29;
  background: #fbfdfa;
  text-align: left;
}
.pdt-table-v2 td {
  color: #1f2e22;
  font-weight: 500;
}

/* 배송·교환·보증 3카드 */
.pdp-guides-sec {
  padding: 80px 0;
  background: #ffffff;
  border-top: 1px solid #e5eee2;
}
.pdp-guides-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.pdp-guide-card {
  padding: 30px 24px;
  border-radius: 18px;
  background: #f9fbf8;
  border: 1.5px solid #e1ece0;
}
.pdp-guide-card h3 {
  margin: 0 0 14px;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #122214;
}
.pdp-guide-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.pdp-guide-card li {
  position: relative;
  padding-left: 14px;
  font-size: 14px;
  line-height: 1.62;
  color: #4b5d4e;
  word-break: keep-all;
}
.pdp-guide-card li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #2a5a2d;
  font-weight: 800;
}

/* 모바일 반응형 미디어쿼리 */
@media (max-width: 900px) {
  .pdp-v2 {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .pdp-gal-v2 {
    position: static;
  }
  .pdp-main-v2 {
    aspect-ratio: 4/3.2;
    padding: 24px;
  }
  .pdp-title-v2 {
    font-size: 26px;
  }
  .pdp-lead-v2 {
    font-size: 14.5px;
  }
  .pdp-bento-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .pdp-bento-card {
    padding: 13px 12px;
  }
  .bento-ic {
    width: 36px;
    height: 36px;
    font-size: 17px;
  }
  .bento-text strong {
    font-size: 14.5px;
  }
  .bento-text small {
    font-size: 11px;
  }
  .pdp-plan-card {
    padding: 22px 18px 20px;
  }
  .plan-header h3 {
    font-size: 17.5px;
  }
  .plan-price strong {
    font-size: 23px;
  }
  .pdp-tech-grid, .pdp-cases-grid, .pdp-guides-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .pdp-tech-card, .pdp-guide-card {
    padding: 26px 20px 22px;
  }
  .pdp-sec-header h2 {
    font-size: 26px;
  }
  .pdt-table-v2 th, .pdt-table-v2 td {
    padding: 13px 14px;
    font-size: 13.5px;
  }
  .pdt-table-v2 th {
    width: 32%;
  }
}


/* ═══════════════════════════════════════════════════════════════════════
   로그인 및 업무자 모드 UI 밸런스 개선 (2026-11-02)
   1. 일반 고객 로그인창(login.html) 와이드 팽창 방지 및 440px 중앙 카드 정렬
   2. 업무자 모드(staff.html) 직원 로그인창 440px 중앙 정렬
   ═══════════════════════════════════════════════════════════════════════ */

/* 1. 일반 고객 로그인 화면 비율 최적화 */
.pg-auth .pd-wrap.au-wrap {
  max-width: 440px !important;
  margin: 40px auto 60px !important;
  padding: 0 20px !important;
}
.au-wrap h1 {
  font-size: 28px !important;
  font-weight: 800 !important;
  text-align: center !important;
  margin: 16px 0 8px !important;
}
.au-wrap .crumb {
  justify-content: center !important;
}
.au-wrap .shop-lead {
  text-align: center !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: #666 !important;
  margin-bottom: 24px !important;
}
.au-social {
  display: grid !important;
  gap: 12px !important;
  max-width: 400px !important;
  margin: 0 auto !important;
  width: 100% !important;
}
.au-btn {
  height: 52px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
}
.au-note, .au-staff {
  text-align: center !important;
}

/* 2. 업무자 모드 직원 로그인창 중앙 정렬 */
.st-login {
  display: grid !important;
  gap: 12px !important;
  max-width: 440px !important;
  margin: 32px auto 60px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}
.pg-staff:has(.st-login) .st-wrap h1,
.pg-staff:has(.st-login) .crumb {
  text-align: center !important;
  justify-content: center !important;
}


/* ==========================================================================
   Modern Web Guidance Enhancements (2026-11-03)
   - Accessibility: Skip to Content Link
   - Typography: Balanced Headings & Pretty Body Wrapping
   - Root Color Scheme Light Standard
   ========================================================================== */

:root {
  color-scheme: light;
}

/* Accessibility: 본문 바로가기 스킵 링크 */
.skip-link {
  position: absolute;
  top: -9999px;
  left: 16px;
  z-index: 10000;
  padding: 12px 20px;
  background: #2a5a2d;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 15px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  transition: top 0.15s ease-out;
}
.skip-link:focus,
.skip-link:focus-visible {
  top: 16px;
  outline: 3px solid #8fd16f;
  outline-offset: 2px;
}

/* Typography: 헤드라인 줄바꿈 균형 (Orphan 단어 방지) */
h1, h2, h3, .hero-msg h1, .svc3-head h2, .prod2-head h2, .rec2-head h2, .cta2-head h2, .mk-h {
  text-wrap: balance;
}

/* Typography: 본문 가독성 줄바꿈 */
.hero-desc, .hero-note, .svc3-head p, .prod2-head p, .rec2-head p, .faq-list p, .cta2-head p, .svc3-list p {
  text-wrap: pretty;
}

/* Modern Details & Summary */
details[name="faq"] {
  transition: background-color 0.2s ease, border-color 0.2s ease;
}


/* ==========================================================================
   2026-11 UX/UI Enhancements: Trust Strip, Trouble Diagnosis, Checkout Micro-UX
   ========================================================================== */

/* ── Trust Strip (소셜 프루프 뱃지) ── */
.trust-strip{background:#fff;border-top:1px solid #edf0ea;border-bottom:1px solid #e2e8de;padding:16px 0;box-shadow:0 2px 8px rgba(0,0,0,.02);position:relative;z-index:2}
.ts-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ts-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#f9faf7;border:1px solid #ebf0e6;transition:all .2s ease}
.ts-item:hover{background:#f3f7ef;border-color:#d5e3cd;transform:translateY(-1px)}
.ts-link{display:flex;align-items:center;gap:12px;width:100%;text-decoration:none}
.ts-icon{flex:none;width:38px;height:38px;border-radius:10px;background:#eaf4e5;display:grid;place-items:center;color:#2a5a2d}
.ts-icon svg{width:20px;height:20px;stroke-width:2}
.ts-icon-star{background:#fff7df;color:#c98600}
.ts-text{display:flex;flex-direction:column;gap:2px}
.ts-text b{font-size:14.5px;font-weight:700;color:#1e3820;letter-spacing:-.02em;line-height:1.3}
.ts-text span{font-size:12.5px;color:#617263;line-height:1.3}

@media (max-width:1023px){
  .ts-in{grid-template-columns:repeat(2,1fr);gap:10px}
}
@media (max-width:640px){
  .trust-strip{padding:12px 0}
  .ts-in{grid-template-columns:1fr;gap:8px;padding:0 16px}
  .ts-item{padding:9px 12px}
  .ts-text b{font-size:14px}
  .ts-text span{font-size:12px}
}

/* ── Interactive Trouble Diagnostic Widget (1초 증상 진단 위젯) ── */
.diag-widget{background:#fff;border-radius:20px;border:1.5px solid #e1ebd9;box-shadow:0 8px 30px rgba(32,58,34,.05);padding:32px 34px;margin:28px 0 52px;transition:box-shadow .2s}
.diag-widget:hover{box-shadow:0 12px 36px rgba(32,58,34,.08)}
.dw-header{text-align:center;max-width:640px;margin:0 auto 22px}
.dw-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;background:#eef7eb;border:1px solid #cce8c5;font-size:13px;font-weight:700;color:#2a5a2d;margin-bottom:10px}
.dw-title{font-size:clamp(20px,3vw,26px);font-weight:800;color:#1a2e1d;letter-spacing:-.03em;margin-bottom:8px}
.dw-sub{font-size:15px;color:#5c6e5e;line-height:1.45}

.dw-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.dw-tab{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;background:#f8faf6;border:1.5px solid #dbe6d5;border-radius:14px;font-size:14px;font-weight:700;color:#3b4d3d;cursor:pointer;transition:all .18s ease;text-align:center}
.dw-tab:hover{background:#edf4e8;border-color:#b8d6b0;color:#1f4d22}
.dw-tab.is-active{background:#2a5a2d;border-color:#2a5a2d;color:#fff;box-shadow:0 4px 14px rgba(42,90,45,.28);transform:translateY(-1px)}
.dw-tab-icon{font-size:16px;line-height:1}

.dw-panels{background:#fdfefc;border:1px solid #e9f0e4;border-radius:16px;padding:24px 26px}
.dw-panel{animation:dwFade .22s ease-out}
.dw-panel[hidden]{display:none!important}
@keyframes dwFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.dw-content{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;align-items:center}
.dw-info h4{font-size:16.5px;font-weight:800;color:#1f3b21;margin-bottom:12px;letter-spacing:-.02em}
.dw-tips{display:flex;flex-direction:column;gap:8px}
.dw-tips li{position:relative;padding-left:14px;font-size:14px;color:#455647;line-height:1.55}
.dw-tips li::before{content:"•";position:absolute;left:0;color:#3f7a2b;font-weight:bold;font-size:16px}
.dw-tips li b{color:#1a2e1d;font-weight:700}

.dw-action{background:#fff;border:1.5px solid #e1ebd9;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:9px;box-shadow:0 4px 16px rgba(0,0,0,.03)}
.dw-callout{background:#f4f8f2;border-radius:10px;padding:9px 12px;text-align:center;display:flex;flex-direction:column;gap:3px}
.dw-callout span{font-size:12px;color:#677d69;font-weight:600}
.dw-callout b{font-size:14px;color:#234a26;font-weight:800}
.dw-btn{display:flex;align-items:center;justify-content:center;height:42px;border-radius:10px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .15s}
.dw-btn-tel{background:#f0f5ec;color:#2a5a2d;border:1.5px solid #cbe0c3}
.dw-btn-tel:hover{background:#e2eed9;color:#1d4220}
.dw-btn-inq{background:#2a5a2d;color:#fff;border:none;box-shadow:0 3px 10px rgba(42,90,45,.2)}
.dw-btn-inq:hover{background:#214a24}

@media (max-width:1023px){
  .diag-widget{padding:22px 18px;margin:20px 0 36px}
  .dw-tabs{grid-template-columns:repeat(2,1fr)}
  .dw-content{grid-template-columns:1fr;gap:18px}
}
@media (max-width:640px){
  .dw-tabs{grid-template-columns:1fr;gap:6px}
  .dw-tab{padding:10px 12px;font-size:13.5px;justify-content:flex-start}
  .dw-panels{padding:16px 14px}
  .dw-info h4{font-size:15px}
  .dw-tips li{font-size:13px}
}

/* ── Checkout Micro-UX ── */
.co-installment-badge{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#f2f7ef;border:1px solid #d4e7cd;border-radius:8px;font-size:13px;color:#244d27;margin-top:10px;line-height:1.4}
.co-installment-badge .cib-ic{font-size:15px;flex:none}
.co-installment-badge b{color:#1a3d1c}
.co-safe-receipt{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;background:#f9fbf8;border:1px solid #e5eee2;border-radius:8px;font-size:12.5px;color:#526454;line-height:1.4}
.co-safe-receipt .csr-ic{font-size:14px;color:#2e6e21;flex:none}
.co-safe-receipt b{color:#2a5a2d}

/* ── Diagnostic Section Container ── */
.diag-sec{background:#fdfdfb;padding:36px 0 24px;border-bottom:1px solid #edf1ea}
.diag-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.diag-widget{margin:0}
@media (max-width:1023px){
  .diag-sec{padding:24px 0 16px}
}
@media (max-width:640px){
  .diag-sec{padding:18px 0 12px}
  .diag-wrap{padding:0 16px}
}

/* ==========================================================================
   2026-11 Modern Web & UX Enhancements:
   1. Product Card Spec Chips & Highlighting Badges
   2. Real Customer Review Social Proof Grid
   3. Native Smooth FAQ Accordion & Advanced Typography
   ========================================================================== */

/* ── 1. Product Cards: Bento Elevation, Badges & Spec Chips ── */
.prod2-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.prod2-list li {
  position: relative;
  display: flex;
}
.prod2-list li+li::before {
  display: none !important;
}
.p-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 24px 14px 20px;
  background: #ffffff;
  border: 1px solid #e2ede0;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(32, 58, 34, 0.03);
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease;
}
.p-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(32, 58, 34, 0.09);
  border-color: #bad6b0;
}
.p-card img {
  height: 120px;
  width: auto;
  max-width: 86%;
  object-fit: contain;
  mix-blend-mode: multiply;
  margin: 4px 0 10px;
  transition: transform 0.25s ease;
}
.p-card:hover img {
  transform: scale(1.04);
}
.p-card .p-title {
  margin-top: 8px;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #172b1a;
  transition: color 0.15s ease;
}
.p-card:hover .p-title {
  color: var(--green-d);
}

.p-badge {
  position: static;
  align-self: flex-start;
  margin-bottom: 8px;
  font-size: 11.5px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 6px;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.p-badge-best { background: #eaf4e5; color: #1f4f22; border: 1px solid #c8e4be; }
.p-badge-a3 { background: #eef3fb; color: #1c3b73; border: 1px solid #c9dbf5; }
.p-badge-new { background: #fef3e8; color: #7c3b0d; border: 1px solid #f9dac4; }
.p-badge-speed { background: #f5f0fa; color: #4e2277; border: 1px solid #decff0; }

.p-chips {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 12px 0 14px;
  width: 100%;
}
.p-chips span {
  font-size: 12px;
  color: #4b5c4e;
  background: #f4f7f2;
  border-radius: 6px;
  padding: 4px 8px;
  text-align: center;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
.p-card .p-price {
  margin-top: auto;
  font-size: 16px;
  font-weight: 800;
  color: var(--green-d);
  font-style: normal;
  letter-spacing: -0.02em;
}

@media (max-width: 1023px) {
  .prod2-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }
  .p-card {
    padding: 20px 10px 16px;
  }
  .p-card img {
    height: 108px;
  }
  .p-card .p-title {
    font-size: 16.5px;
  }
  .p-chips span {
    font-size: 11.5px;
    padding: 3px 6px;
  }
}
@media (max-width: 640px) {
  .prod2-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }
  .p-badge {
    margin-bottom: 4px;
    font-size: 10.5px;
    padding: 2px 6px;
  }
  .p-card img {
    height: 88px;
  }
  .p-card .p-title {
    font-size: 15px;
  }
}

/* ── 2. Real Customer Review Quote Section (소셜 프루프 리뷰 그리드) ── */
.rev-sec {
  background: #f6f8f4;
  border-top: 1px solid #e5ebe1;
  border-bottom: 1px solid #e5ebe1;
  padding: 68px 0 72px;
}
.rev-wrap {
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 var(--gut);
}
.rev-head {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 40px;
}
.rev-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #dce8d5;
  color: #2a5a2d;
  font-size: 13.5px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
  margin-bottom: 12px;
}
.rev-head h2 {
  font-size: clamp(24px, 3.2vw, 34px);
  font-weight: 800;
  color: #17291a;
  letter-spacing: -0.03em;
  text-wrap: balance;
  margin-bottom: 10px;
}
.rev-head p {
  font-size: 16px;
  color: #556958;
  line-height: 1.55;
  text-wrap: pretty;
}
.rev-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-bottom: 34px;
}
.rev-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e1eadc;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 4px 18px rgba(32,58,34,0.04);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.2s;
}
.rev-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(32,58,34,0.08);
  border-color: #cbdcc3;
}
.rev-stars {
  color: #f59e0b;
  font-size: 17px;
  letter-spacing: 2px;
  margin-bottom: 14px;
}
.rev-comment {
  font-size: 15px;
  color: #27382a;
  line-height: 1.68;
  margin-bottom: 22px;
  word-break: keep-all;
  flex: 1;
}
.rev-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #f0f4ee;
  padding-top: 16px;
  gap: 12px;
}
.rev-author b {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #192a1c;
}
.rev-author span {
  display: block;
  font-size: 12px;
  color: #728475;
  margin-top: 2px;
}
.rev-tag {
  font-size: 11.5px;
  font-weight: 600;
  color: #036b3f;
  background: #e8f5ec;
  padding: 3px 8px;
  border-radius: 6px;
  white-space: nowrap;
}
.rev-foot {
  text-align: center;
}
.rev-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  background: #fff;
  border: 1.5px solid #2a5a2d;
  color: #2a5a2d;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  transition: all 0.15s ease;
  box-shadow: 0 2px 8px rgba(42,90,45,0.08);
}
.rev-all-btn:hover {
  background: #2a5a2d;
  color: #fff;
}
.rev-all-btn .arw {
  width: 18px;
  height: 18px;
}
@media (max-width: 1023px) {
  .rev-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .rev-sec {
    padding: 50px 0;
  }
}
@media (max-width: 640px) {
  .rev-wrap {
    padding: 0 16px;
  }
  .rev-card {
    padding: 20px 16px;
  }
  .rev-head {
    margin-bottom: 26px;
  }
}

/* ── 3. Modern Web Guidance: Native Accordion Height Transitions ── */
.pg .faq-list {
  interpolate-size: allow-keywords;
}
.pg .faq-list details {
  border-bottom: 1px solid #e5e8eb;
  transition: background-color 0.2s ease;
  interpolate-size: allow-keywords;
}
.pg .faq-list details[open] {
  background-color: #fafcf9;
}
.pg .faq-list summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 64px;
  padding: 18px 8px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: color 0.15s ease;
}
.pg .faq-list summary::-webkit-details-marker {
  display: none;
}
.pg .faq-list summary::after {
  content: "+";
  font-size: 24px;
  font-weight: 400;
  color: var(--green-d);
  flex: none;
  display: inline-block;
  line-height: 1;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
}
.pg .faq-list details[open] summary::after {
  content: "+";
  transform: rotate(45deg);
  color: #1b451d;
}
.pg .faq-list details::details-content {
  opacity: 0;
  block-size: 0;
  overflow-y: clip;
  transition: content-visibility 280ms allow-discrete,
              opacity 280ms cubic-bezier(0.16, 1, 0.3, 1),
              block-size 280ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pg .faq-list details[open]::details-content {
  opacity: 1;
  block-size: auto;
}
.pg .faq-list details p {
  padding: 0 32px 22px 8px;
  font-size: 16px;
  color: #4e5968;
  line-height: 1.75;
}


/* ==========================================================================
   2026-11 Korean Typography Optimization (가독성 & 타이포그래피 정밀 보정)
   ========================================================================== */

/* ── 1. 한글 최적화 글로벌 텍스트 렌더링 & 행간/자간 황금비율 ── */
body {
  line-height: 1.65;
  letter-spacing: -0.018em;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── 2. 숫자·가격·전화번호 균일 정렬 (Tabular Nums) ── */
.price,
.p-price,
.cta2-tel a,
.ts-text b,
.hero-cta .btn,
[data-price-id],
.p-badge,
.co-installment-badge b,
.dw-callout b {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.012em;
}

/* ── 3. 섹션 설명문(Subtext) 행간 및 자간 미세 튜닝 ── */
.hero-desc,
.svc3-head p,
.prod2-head p,
.rec2-head p,
.dw-sub,
.rev-head p,
.cta2-head p {
  line-height: 1.62;
  letter-spacing: -0.015em;
  text-wrap: pretty;
}

/* ── 4. 본문 리스트, 후기, 팁 가독성 향상 ── */
.dw-tips li,
.rev-comment,
.faq-list p,
.svc3-list p {
  line-height: 1.72;
  letter-spacing: -0.012em;
  text-wrap: pretty;
}

/* ── 5. 고대비 및 가독성 색상 안정화 (WCAG AA 기준 준수) ── */
.hero-sub,
.dw-sub,
.rev-author span,
.ft2-area {
  color: #556157;
}


/* ── 6. 크로스 플랫폼 완결형 폰트 스택 명시 (1번 항목) ── */
body {
  font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

/* ── 7. 섹션 상하 여백 및 수직 리듬 8px 배수 모듈화 (5번 항목) ── */
.diag-sec {
  padding: 56px 0 !important;
}
.prod2 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.rec2 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.rev-sec {
  padding: 64px 0 !important;
}
.seo-faq {
  padding: 64px 0 !important;
}

@media (max-width: 1023px) {
  .diag-sec {
    padding: 40px 0 !important;
  }
  .prod2 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .rec2 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .rev-sec {
    padding: 48px 0 !important;
  }
  .seo-faq {
    padding: 48px 0 !important;
  }
}


/* ==========================================================================
   2026-11 Mobile UI/UX & Ergonomics Optimization (모바일 사용성 전면 개선)
   ========================================================================== */
@media (max-width: 767px) {
  /* 1. 모바일 헤더: 로그인/장바구니/메뉴 버튼 일체 우측 정렬 */
  .hd-user {
    margin-left: auto !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1.5px solid #dce2d9 !important;
    border-radius: 50% !important;
    color: var(--ink) !important;
  }
  .hd-user-t {
    display: none !important;
  }
  .hd-cart {
    margin-left: 6px !important;
  }
  .menu-btn {
    margin-left: 2px !important;
  }

  /* 2. 모바일 히어로: 대표 복합기 제품 비주얼 복원 */
  .hero-pic {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 16px auto 4px !important;
    max-width: 240px !important;
  }
  .hero-pic img {
    max-height: 135px;
    width: auto;
    object-fit: contain;
  }
  .hero-note {
    justify-content: center;
    font-size: 13.5px;
    text-align: center;
    margin-top: 14px;
  }

  /* 3. 모바일 소셜 프루프 뱃지: 2x2 콤팩트 스마트 그리드 (스크롤 높이 50% 절약) */
  .trust-strip {
    padding: 10px 0 !important;
  }
  .ts-in {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 0 12px !important;
  }
  .ts-item {
    padding: 8px 10px !important;
    gap: 8px !important;
    border-radius: 10px !important;
  }
  .ts-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
  }
  .ts-icon svg {
    width: 16px !important;
    height: 16px !important;
  }
  .ts-text b {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  .ts-text span {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  /* 4. 1초 자가진단 위젯: 2x2 탭 그리드로 전환 (원클릭 즉시 솔루션 확인) */
  .dw-tabs {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
  }
  .dw-tab {
    padding: 10px 6px !important;
    font-size: 12.5px !important;
    justify-content: center !important;
    border-radius: 10px !important;
    text-align: center !important;
  }
  .dw-tab-icon {
    font-size: 14px !important;
  }
  .dw-panels {
    padding: 16px 14px !important;
    border-radius: 14px !important;
  }

  /* 5. 모바일 화면 가림 방지: 하단 고정바와 겹치던 원형 챗봇 플로팅 버튼 숨김 */
  .cb-fab {
    display: none !important;
  }

  /* 6. 엔지니어 현장 사진 텍스트 대비 및 가독성 개선 */
  .svc3-pic {
    position: relative;
    aspect-ratio: 16/8 !important;
    border-radius: 14px !important;
    overflow: hidden;
    margin: 24px 0 0 !important;
  }
  .svc3-pic img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 25% !important;
  }
  .svc3-pic figcaption {
    background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.3) 60%, transparent 100%) !important;
    padding: 24px 16px 16px !important;
    color: #fff !important;
  }
  .svc3-pic .cap-l {
    color: rgba(255,255,255,0.9) !important;
    font-size: 14px !important;
  }
  .svc3-pic .cap-b {
    color: #a3e685 !important;
    font-size: 22px !important;
  }
}