/* 골든케어 v9: v7 구성(슬라이드·링·품목·패널·지정·오시는 길)에 장기요양보험·신청·복지용구·구매 안내를 더함 */
:root{--bg:#fff;--soft:#f7f1ea;--ink:#241c16;--mute:#5e5249;--line:#e6dccf;--acc:#a8482a;--tan1:#c8875a;--tan2:#ead3bb;--dark:#241c16;--fs:18px;--pad:clamp(20px,5vw,72px);--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}html.big{--fs:21px}
body{margin:0;font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:var(--fs);line-height:1.7;color:var(--ink);background:var(--bg);word-break:keep-all;letter-spacing:-.01em}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,.slide-h,.ft-slogan{margin:0;letter-spacing:-.035em;line-height:1.25;text-wrap:balance}
p{text-wrap:pretty}
a,button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(168,72,42,.15)}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:6px}
.vis :focus-visible,.hd:not(.solid) :focus-visible,.ft :focus-visible{outline-color:#fff}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 16px;z-index:99}.skip:focus{left:8px}
.k{color:var(--acc);font-weight:700;font-size:16px;margin-bottom:12px}

/* 버튼 */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font:inherit;font-size:17px;font-weight:700;cursor:pointer;border:1px solid transparent;background:none;color:inherit;transition:background-color .2s,color .2s}
.pill-k{background:var(--ink);color:#fff}.pill-k:hover{background:var(--acc)}
.pill-w{background:#fff;color:var(--ink)}.pill-w:hover{background:var(--tan2)}
.pill-line{border-color:currentColor;min-height:44px;padding:0 16px;font-size:16px}
.pill-line-k{border-color:var(--ink);color:var(--ink);background:#fff}.pill-line-k:hover{background:var(--soft)}

/* 머리 */
.hd{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:32px;min-height:76px;padding:0 var(--pad);color:#fff;border-bottom:1px solid rgba(255,255,255,.18);transition:background-color .3s,color .3s}
.hd.solid{background:#fff;color:var(--ink);border-bottom-color:var(--line)}
.logo{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:800;font-size:22px;letter-spacing:-.04em}
.logo small{font-size:15px;font-weight:600;opacity:.8;letter-spacing:-.02em}
.logo-mark{width:26px;height:26px;border-radius:50%;border:5px solid var(--tan1);border-right-color:transparent;transform:rotate(-45deg)}
.nav{display:flex;gap:40px;margin:0 auto;font-weight:600;font-size:17px}.nav a{display:inline-flex;align-items:center;min-height:44px}.nav a:hover{color:var(--tan1)}
.tools{display:flex;align-items:center;gap:10px}
.tel{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;font-weight:800;font-size:17px}.tel svg{width:18px;height:18px}

/* 1. 전면 슬라이드 */
.vis{position:relative;height:100svh;min-height:640px;max-height:980px;overflow:hidden;background:var(--dark);color:#fff}
.slide{position:absolute;inset:0;background:var(--dark);opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s .8s}
.slide.is-on{opacity:1;visibility:visible;transition:opacity .8s ease}
.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(28,20,14,.88),rgba(28,20,14,.55) 38%,rgba(28,20,14,.08) 62%),linear-gradient(90deg,rgba(28,20,14,.4),rgba(28,20,14,0) 55%)}
.slide-t{position:absolute;z-index:2;left:var(--pad);top:50%;transform:translateY(-50%);max-width:640px}
/* 1장: 간판 글자와 겹치지 않게 제목을 아래쪽 어두운 바닥 위로 */
.slide-1 .slide-t{top:auto;bottom:150px;transform:none;max-width:820px}
.slide-1 .slide-bg{object-position:50% 30%}
.slide-k{font-size:18px;font-weight:600;opacity:.92;margin-bottom:18px}
.slide h1,.slide-h{font-size:clamp(36px,5vw,68px);line-height:1.2;letter-spacing:-.045em;margin-bottom:32px}
.slide h1 span,.slide-h span{display:block;font-weight:300}
.slide h1 b,.slide-h b{display:block;font-weight:800}
.slide-items{background-color:#7a4527;background-image:radial-gradient(120% 90% at 70% 40%,#d7a17a,#a8643f 55%,#6e3c22)}
.slide-3::before{background:linear-gradient(90deg,rgba(28,20,14,.74),rgba(28,20,14,.3) 60%,rgba(28,20,14,.12))}
.slide-items::before{background:linear-gradient(90deg,rgba(60,30,14,.45),rgba(60,30,14,0) 55%)}
.orb{position:absolute;z-index:2;right:12%;top:50%;width:min(44vw,560px);aspect-ratio:1/1;transform:translateY(-46%);margin:0;border-radius:50%;background:#fff;overflow:hidden;display:grid;place-items:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.orb img{width:92%;height:auto}
.orb figcaption{position:absolute;bottom:13%;left:0;right:0;text-align:center;font-size:14px;color:var(--mute)}
.bubbles li{position:absolute;z-index:3;display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:#fff6ec;color:var(--acc);font-weight:800;font-size:18px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.b1{right:calc(12% + min(44vw,560px) - 70px);top:22%}
.b2{right:calc(12% - 40px);top:20%}
.b3{right:calc(12% + min(44vw,560px) - 40px);top:62%}
.b4{right:calc(12% - 56px);top:58%;width:96px!important;height:96px!important}
.b5{right:calc(12% + min(22vw,280px) - 52px);top:13%;width:104px!important;height:104px!important}
.vis-ctrl{position:absolute;z-index:5;right:var(--pad);bottom:170px;display:flex;align-items:center;gap:10px}
.ic{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(28,20,14,.25);color:#fff;cursor:pointer}
.ic svg{width:20px;height:20px}
.ic:hover{background:rgba(255,255,255,.22)}
.ft a:hover{color:var(--tan2)}
.ic .i-play{display:none}.ic[aria-pressed="true"] .i-play{display:block}.ic[aria-pressed="true"] .i-pause{display:none}
.count{min-width:64px;text-align:center;font-size:17px;font-variant-numeric:tabular-nums}
.arc{position:absolute;z-index:4;left:-10%;right:-10%;bottom:-90px;height:180px;background:var(--bg);border-radius:50% 50% 0 0/100% 100% 0 0}

/* 2. 링 + 떠 있는 사진 */
.about{position:relative;padding:72px var(--pad) 140px;text-align:center;overflow:hidden}
.ring{position:relative;z-index:2;width:min(520px,82vw);aspect-ratio:1/1;margin:0 auto;border-radius:50%;padding:34px;background:conic-gradient(from 200deg,var(--tan1),var(--tan2) 55%,var(--tan1) 85%,transparent 85% 88%,var(--tan1) 88%)}
.ring-in{width:100%;height:100%;border-radius:50%;background:#fff;display:grid;place-content:center;padding:0 12%}
.ring h2{font-size:clamp(30px,3.6vw,46px);font-weight:800}
.about-p{position:relative;z-index:2;max-width:520px;margin:40px auto 28px;color:var(--mute)}
.floats li{position:absolute;z-index:1;border-radius:50%;overflow:hidden;box-shadow:0 12px 30px rgba(36,28,22,.14)}
.floats img{width:100%;height:100%;object-fit:cover}
.f1{width:168px;height:168px;left:6%;top:10%}
.f2{width:210px;height:210px;left:11%;top:48%}
.f3{width:120px;height:120px;left:27%;top:4%}
.f4{width:190px;height:190px;right:7%;top:12%}
.f5{width:128px;height:128px;right:26%;top:2%}
.f6{width:160px;height:160px;right:5%;top:56%}

/* 3. 품목 링: 왼쪽 제목, 오른쪽 링 위에 품목 4개(사진 동그라미 + 이름) */
.items{position:relative;padding:130px var(--pad);background:var(--soft);overflow:hidden}
.items{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}
.items>*{min-width:0}
.items-head{max-width:440px;justify-self:end;width:100%}
.items-head h2,.proof-head h2,.how-head h2,.visit-t h2{font-size:clamp(30px,3.4vw,44px);font-weight:800}
.items-lead{margin:24px 0 32px;color:var(--mute)}
.items-note{color:var(--mute);font-size:16px;margin-top:20px}
.arcwrap{position:relative;width:min(560px,100%);aspect-ratio:1/1;margin:0 auto}
.bigarc{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 200deg,var(--tan1),var(--tan2) 45%,var(--tan1) 85%,transparent 85% 90%,var(--tan1) 90%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 34px),#000 calc(100% - 33px));mask:radial-gradient(farthest-side,transparent calc(100% - 34px),#000 calc(100% - 33px))}
.arc-img{position:absolute;left:50%;top:50%;width:58%;aspect-ratio:1/1;transform:translate(-50%,-50%);margin:0;border-radius:50%;overflow:hidden;box-shadow:0 20px 50px rgba(36,28,22,.16)}
.arc-img img{width:100%;height:100%;object-fit:cover}
.cats li{position:absolute;z-index:2}
.cats a{display:flex;align-items:center;gap:14px;min-height:44px;padding:10px 22px 10px 10px;border-radius:999px;background:#fff;box-shadow:0 10px 28px rgba(36,28,22,.12);transition:box-shadow .2s}
.cats a:hover{box-shadow:0 12px 32px rgba(168,72,42,.22)}.cats a:hover b{color:var(--acc)}
.th{flex:none;width:60px;height:60px;border-radius:50%;overflow:hidden;background:var(--tan2)}
.th img{width:100%;height:100%;object-fit:cover}
.th-ic{display:grid;place-items:center}.th-ic svg{width:30px;height:30px;fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round}
.tx{display:flex;flex-direction:column;line-height:1.4}
.cats b{font-size:19px}.cats .tx span{font-size:16px;color:var(--mute)}
.c1{left:-12%;top:6%}.c2{right:-9%;top:16%}.c3{left:-16%;bottom:12%}.c4{right:-6%;bottom:2%}

/* 4. 사진 패널 (폭을 다르게) */
.panels{display:flex;gap:4px;height:640px;background:#fff}
.pn{position:relative;overflow:hidden;background:var(--dark);color:#fff;flex:1 1 0;min-width:0;transition:flex-grow .6s ease}
.pn:nth-child(2){flex-grow:1.4}.pn:nth-child(4){flex-grow:.95}
.pn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.pn:nth-child(2) img{object-position:50% 78%}.pn:nth-child(3) img{object-position:50% 60%}.pn:nth-child(4) img{object-position:30% 80%}
.pn::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,20,14,.86),rgba(28,20,14,.3) 48%,rgba(28,20,14,0) 72%)}
.pn-t{position:absolute;z-index:2;left:40px;right:32px;bottom:44px}
.pn svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}
.pn h3{font-size:clamp(26px,2.6vw,36px);font-weight:800;margin-bottom:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.45);max-width:380px}
.pn p{font-size:17px;opacity:.95;max-width:380px}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.pn:hover{flex-grow:2}.pn:hover img{transform:scale(1.04)}}

/* 5. 지정 확인: 왼쪽 제목+도장 고리, 오른쪽 번호 붙은 서류 목록 */
.proof{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;max-width:var(--max);margin:0 auto;padding:130px var(--pad)}
.proof .note{margin-top:20px;color:var(--mute);font-size:16px}
.seal{display:block;width:112px;height:112px;margin-top:40px;fill:none;stroke-linecap:round;stroke-linejoin:round}
.seal circle{stroke:var(--tan2);stroke-width:10}
.seal path{stroke:var(--acc);stroke-width:8}
.list{border-top:2px solid var(--ink);counter-reset:doc}
.list div{counter-increment:doc;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px 16px;align-items:baseline;padding:28px 12px;border-bottom:1px solid var(--line);transition:background-color .2s}
.list div::before{content:counter(doc,decimal-leading-zero);font-size:15px;font-weight:800;color:var(--acc);font-variant-numeric:tabular-nums}
@media (hover:hover){.list div:hover{background:var(--soft)}}
.list dt{font-weight:700;font-size:19px}
.list dd{text-align:right}
.list b{display:block;font-size:clamp(19px,1.65vw,23px);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.list small{display:block;font-size:16px;color:var(--mute)}

/* 6. 이용 방법 띠 */
.how{background:linear-gradient(180deg,#f3eee8,#ebe4dc);padding:110px var(--pad)}
.how-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px 64px;align-items:end}
.quick{display:flex;gap:28px;grid-row:1;grid-column:2}
.quick a{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:88px;min-height:44px;font-size:16px;font-weight:700;text-align:center}
.quick svg{width:56px;height:56px;padding:14px;border-radius:50%;background:#fff;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quick a:hover svg{stroke:var(--acc)}
.steps{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr 1.35fr;border-top:1px solid var(--ink)}
.steps li{padding:32px 32px 8px 0}
.steps .n{display:block;font-size:clamp(44px,4.4vw,60px);font-weight:300;line-height:1;letter-spacing:-.04em;color:#a85f33;margin-bottom:14px;font-variant-numeric:tabular-nums}
.steps h3{font-size:clamp(22px,2vw,26px);font-weight:800;margin-bottom:8px}
.steps p{color:var(--mute);font-size:18px;max-width:340px}
.steps a{color:var(--ink);font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* 7. 오시는 길 */
.visit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;max-width:var(--max);margin:0 auto;padding:130px var(--pad)}
.addr{font-size:clamp(20px,1.8vw,24px);font-weight:700;margin:24px 0}
.live{min-height:0;font-size:16px;color:var(--acc)}
.row{display:flex;flex-wrap:wrap;gap:10px}
.phone{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:36px;font-size:clamp(34px,4vw,52px);font-weight:800;color:var(--acc);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.phone svg{flex:none;width:.7em;height:.7em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.visit-pic{position:relative}
.visit-img{margin:0;border-radius:50% 50% 24px 24px;overflow:hidden;aspect-ratio:1/1}
.visit-ext{position:absolute;left:-44px;bottom:-28px;width:36%;aspect-ratio:1/1;margin:0;border-radius:50%;overflow:hidden;border:8px solid #fff;box-shadow:0 14px 34px rgba(36,28,22,.2)}
.visit-ext img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.visit-ext figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 0 14px;text-align:center;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(0deg,rgba(28,20,14,.75),rgba(28,20,14,0))}
.visit-img img{width:100%;height:100%;object-fit:cover}

/* 푸터 */
.ft{background:var(--dark);color:#cfc3b6;padding:96px var(--pad) 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end}
.ft-slogan{font-size:clamp(40px,5vw,72px);line-height:1.15;font-weight:300;letter-spacing:-.04em;color:#d6b18c}
.ft-info{font-size:16px;line-height:1.9}
.ft-name{font-weight:800;color:#fff;font-size:19px;margin-bottom:8px}
.ft a{text-decoration:underline;text-underline-offset:3px;color:#fff;display:inline-block;padding:10px 2px;margin:-10px 0}
.ft-c{margin-top:16px}
.mbar{display:none}

/* 큰 글씨 */
html.big .about-p,html.big .steps p,html.big .list small,html.big .pn p,html.big .cats .tx span,html.big .items-note,html.big .items-lead,html.big .ft-info,html.big .proof .note,html.big .k{font-size:calc(var(--fs) + 1px)}
html.big .pill{font-size:20px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.slide.is-on{transition:none}}

/* 태블릿 */
@media (max-width:1080px){
  .nav{display:none}.tools{margin-left:auto}
  .proof,.visit,.items{grid-template-columns:1fr;gap:40px}
  .visit-pic{max-width:520px;margin:0 auto 28px;width:100%}.visit-ext{left:-12px}
  .items-head{justify-self:start;max-width:560px}
  .arcwrap{width:min(480px,70%)}
  .floats li{transform:scale(.72)}.f2{top:40%}
  .panels{flex-direction:column;height:auto}.pn{height:440px;flex:none;transition:none}.pn:hover{flex-grow:0}
  .how-in{grid-template-columns:1fr}.quick{grid-row:auto;grid-column:auto}.steps{grid-row:auto;grid-template-columns:1fr}.steps li{border-bottom:1px solid #d9cfc3;padding:22px 0}
  .ft{grid-template-columns:1fr}
  .orb{right:6%}
}
/* 휴대폰 */
@media (max-width:720px){
  :root{--pad:20px}
  body{padding-bottom:84px}
  .hd{gap:12px;min-height:64px}.logo small,.store,.tel span{display:none}.tel{border:1px solid currentColor;border-radius:50%}
  .vis{height:auto;min-height:0;max-height:none}
  .slides{position:relative;height:720px}
  .slide-t{top:auto;bottom:200px;transform:none;right:var(--pad)}
  .slide h1,.slide-h{font-size:34px;margin-bottom:22px}
  .slide-k{font-size:16px;margin-bottom:10px}
  .slide::before{background:linear-gradient(0deg,rgba(28,20,14,.82),rgba(28,20,14,.2) 70%)}
  .slide-1 .slide-t{bottom:200px}
  .slide-items .slide-t{bottom:auto;top:88px}
  .orb{width:260px;right:auto;left:50%;top:auto;bottom:190px;transform:translateX(-50%)}
  .orb figcaption{font-size:13px;line-height:1.4;bottom:16%;padding:0 18%}
  .bubbles li{width:84px!important;height:84px!important;font-size:15px}
  .b1{left:14px;right:auto;top:250px}.b2{right:14px;top:236px}.b3,.b4,.b5{display:none!important}
  .vis-ctrl{bottom:110px;right:auto;left:var(--pad)}
  .ic{width:44px;height:44px}
  .arc{bottom:-50px;height:100px}
  .about{padding:40px var(--pad) 72px}
  .floats{position:relative;display:flex;justify-content:center;gap:10px;margin-bottom:28px}
  .floats li{position:static;width:64px!important;height:64px!important;transform:none}.floats .f5,.floats .f6{display:none}
  .ring{width:300px;padding:24px}
  .ring h2{font-size:28px}
  .items{padding:80px var(--pad)}
  .arcwrap{width:100%;aspect-ratio:auto;margin-top:4px}
  .bigarc{display:none}
  .arc-img{position:relative;left:auto;top:auto;transform:none;width:220px;margin:0 auto 28px;border:14px solid var(--tan2);box-shadow:none}
  .cats{display:grid;gap:10px}.cats li{position:static}
  .cats a{border-radius:20px;padding-right:16px}
  .proof,.visit{padding:84px var(--pad)}
  .list div{grid-template-columns:1fr;gap:4px;padding:22px 0}.list b{white-space:normal}.list dd{text-align:left}
  .seal{width:72px;height:72px;margin-top:24px}
  .how{padding:80px var(--pad)}
  .quick{flex-wrap:wrap;gap:16px 8px;justify-content:space-between}.quick li{flex:1 1 40%}
  .pn{height:380px}.pn-t{left:24px;bottom:30px}
  .ft{padding:64px var(--pad) 48px}
  .mbar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}
  .mbar .pill{flex:1;min-height:56px}
  html{scroll-padding-bottom:92px}
}

/* ══ v9: v7 구성 + 장기요양보험·복지용구 안내(v8) ══ */
/* ── v8 안내형 구간 ── */
.sec{padding:120px var(--pad)}
.sec-in{max-width:var(--max);margin:0 auto}
.sec.soft{background:var(--soft)}
.sec h2,.proof-head h2,.visit-t h2{font-size:clamp(30px,3.4vw,44px);font-weight:800}
.lead{max-width:680px;margin-top:20px;color:var(--mute)}
.src{margin-top:28px;font-size:16px;color:var(--mute)}
.src a{text-decoration:underline;text-underline-offset:3px}
.tbd{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;border:1px dashed var(--acc);color:var(--acc);font-size:14px;font-weight:700;vertical-align:middle;white-space:nowrap}


/* 보험이란: 넓은 설명 + 좁은 요약 */
.what{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:64px;align-items:start;margin-top:48px}
.what p+p{margin-top:16px}
.facts{border-top:2px solid var(--ink)}
.facts div{padding:18px 0;border-bottom:1px solid var(--line)}
.facts dt{font-size:16px;font-weight:700;color:var(--acc)}
.facts dd{font-size:19px;font-weight:700;margin-top:2px}

/* 대상: 두 경우를 폭 다르게 */
.who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;margin-top:48px}
.who li{padding:36px 36px 32px;border-radius:24px;background:#fff}
.who li:nth-child(2){background:var(--dark);color:#fff}
.who .age{display:block;font-size:clamp(30px,3vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1.2}
.who p{margin-top:12px;color:var(--mute)}.who li:nth-child(2) p{color:#d9cdbf}
.who-note{margin-top:20px;padding:18px 22px;border-left:4px solid var(--acc);background:#fff;font-weight:600}

/* 신청 방법: 세로 순서 */
.flow{margin-top:56px;max-width:860px;counter-reset:st}
.flow>li{counter-increment:st;position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:0 20px;padding-bottom:40px}
.flow>li::before{content:counter(st,decimal-leading-zero);font-size:clamp(40px,4vw,54px);font-weight:300;line-height:1;letter-spacing:-.04em;color:#a85f33;font-variant-numeric:tabular-nums}
.flow>li:not(:last-child)::after{content:"";position:absolute;left:30px;top:64px;bottom:8px;width:1px;background:var(--tan1)}
.flow h3{font-size:clamp(22px,2vw,26px);font-weight:800}
.flow p{margin-top:8px;color:var(--mute)}
.flow ul.dot{margin-top:10px}
.dot li{position:relative;padding-left:16px;color:var(--mute)}
.dot li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--tan1)}
.callbox{margin-top:8px;max-width:860px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:26px 30px;border-radius:22px;background:#fff}
.callbox b{font-size:19px}
.callbox .num{font-size:clamp(26px,2.6vw,34px);font-weight:800;color:var(--acc);font-variant-numeric:tabular-nums}

/* 복지용구: 숫자 요약 + 품목 */
.money{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;margin-top:48px}
.money>div{padding:34px 36px;border-radius:24px;background:#fff}
.money .big{display:block;font-size:clamp(40px,4.6vw,64px);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--acc);font-variant-numeric:tabular-nums}
.money h3{font-size:19px;font-weight:700}
.rate{margin-top:14px}
.rate div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.rate dt{color:var(--mute)}.rate dd{font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}
.kinds{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;margin-top:56px}
.kinds h3{font-size:22px;font-weight:800;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chips li{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:17px}
.kinds .both{grid-column:1/-1}

/* 골든케어 구매 방법 */
.buy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:start;margin-top:48px}
.buy .flow{margin-top:0}
.paper{padding:34px 36px;border-radius:24px;background:var(--soft)}
.paper h3{font-size:22px;font-weight:800}
.paper .dot{margin-top:14px}.paper .dot li{color:var(--ink);font-weight:600;padding-top:4px;padding-bottom:4px}
.paper p{margin-top:16px;color:var(--mute)}
.paper .row{margin-top:22px}

/* 길잡이 띠: 4칸을 폭 다르게 */
.guide-band{padding:96px var(--pad) 72px}
.guide-band h2{margin-bottom:36px}
.guide{display:grid;grid-template-columns:1.15fr 1fr 1.1fr .9fr;gap:12px}
.guide a{display:flex;flex-direction:column;gap:6px;min-height:44px;padding:24px 24px 26px;border-radius:22px;background:var(--soft);transition:background-color .2s}
.guide a:hover{background:var(--tan2)}.guide a:hover b{color:var(--acc)}
.guide .n{font-size:34px;font-weight:300;line-height:1;color:#a85f33;font-variant-numeric:tabular-nums;margin-bottom:8px}
.guide b{font-size:20px;line-height:1.35}
.guide span.d{font-size:16px;color:var(--mute);line-height:1.5}
/* PC 기준선 통일: 모든 구간 글 시작을 같은 세로선(1280에서 64px)에 맞춤 */
.proof,.visit{max-width:calc(var(--max) + var(--pad) * 2)}
.items{padding-left:max(var(--pad),calc((100% - var(--max)) / 2));padding-right:max(var(--pad),calc((100% - var(--max)) / 2))}
.items-head{justify-self:start}
@media (min-width:721px){.slide-t{left:max(var(--pad),calc((100% - var(--max)) / 2))}.vis-ctrl{right:max(var(--pad),calc((100% - var(--max)) / 2))}}
/* 신청 방법: 왼쪽 순서, 오른쪽 공단 문의 칸(오른쪽이 비지 않게) */
.apply-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:56px;align-items:start;margin-top:56px}
.apply-grid .flow{margin-top:0;max-width:none}
.apply-side{position:sticky;top:104px}
.apply-side .callbox{margin-top:0;max-width:none;flex-direction:column;align-items:flex-start;gap:6px;background:var(--soft)}
.apply-side .src{margin-top:18px}
.buy-quick{margin-top:56px;justify-content:flex-start}.buy-quick svg{background:var(--soft)}
.nav{gap:28px}.nav a,.tools .pill,.tel{white-space:nowrap}
@media (max-width:1240px){.nav{gap:20px;font-size:16px}}
@media (max-width:1160px){.nav{display:none}.tools{margin-left:auto}}

/* PC 리듬: 바탕을 흰색·크림으로 번갈아 두고, 구간 위아래 여백을 120px로 통일 */
.guide-band{background:var(--soft)}.guide-band .guide a{background:#fff}.guide-band .guide a:hover{background:var(--tan2)}
.items{background:#fff}
#buy{background:var(--soft)}#buy .paper{background:#fff}#buy .buy-quick svg{background:#fff}
.visit-wrap{background:var(--soft)}
@media (min-width:721px){
  .guide-band{padding:110px var(--pad) 110px}
  .items{padding-top:120px;padding-bottom:120px}
  .proof,.visit{padding-top:120px;padding-bottom:120px}
  .about{padding:120px var(--pad) 130px}
}

html.big .lead,html.big .flow p,html.big .dot li,html.big .who p,html.big .guide span.d,html.big .src,html.big .rate dt,html.big .chips li,html.big .facts dt,html.big .paper p{font-size:calc(var(--fs) + 1px)}

@media (max-width:1080px){
  .what,.buy,.kinds,.apply-grid{grid-template-columns:1fr;gap:40px}
  .apply-side{position:static}
  .guide{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .sec{padding:80px var(--pad)}
  .guide-band{padding:64px var(--pad) 48px}
  .guide{grid-template-columns:1fr}
  .guide a{padding:18px 20px}
  .who,.money{grid-template-columns:1fr}
  .who li,.money>div,.paper{padding:26px 22px}
  .flow>li{grid-template-columns:56px minmax(0,1fr);gap:0 12px}
  .flow>li:not(:last-child)::after{left:22px;top:52px}
  .callbox{padding:22px}
}
/* v9 순서 검토: 등급 있는 분 바로가기 */
.guide-tip{margin-top:24px;font-size:17px;color:var(--mute)}
.guide-tip a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
/* 보험 구간 PC: 제목 왼쪽·설명 오른쪽, 요점 4칸은 아래 한 줄 */
@media (min-width:721px){
  #ins .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
}
@media (min-width:1000px){
  #ins .sec-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:end}
  #ins .k{grid-column:1}
  #ins h2{grid-column:1;grid-row:2}
  #ins .what{display:contents}
  #ins .what>div{grid-column:2;grid-row:2;align-self:end}
  #ins .facts{grid-column:1/-1;grid-row:3;margin-top:56px;grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* 품목 3종 PC: 같은 폭의 세 줄(왼쪽 이름, 오른쪽 품목) */
@media (min-width:1000px){
  .kinds{grid-template-columns:1fr;gap:0;border-top:2px solid var(--ink)}
  .kinds>div{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line)}
  .kinds h3{border-bottom:0;padding:8px 0 0}
  .kinds .chips{margin-top:0}
}
/* 상담 신청서 */
.consult{margin-top:64px;padding:48px;background:#fff;border-radius:20px;border:1px solid var(--line);scroll-margin-top:96px}
.cs-head h3{font-size:clamp(24px,2.4vw,30px);font-weight:800}
.cs-head p{margin-top:8px;color:var(--mute)}
.req{color:var(--acc);font-weight:800}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px;margin-top:32px}
.fd-wide{grid-column:1/-1}
.fd label{display:block;font-weight:700;font-size:17px;margin-bottom:8px}
.fd input,.fd select,.fd textarea{width:100%;min-height:52px;padding:12px 14px;font:inherit;font-size:18px;color:var(--ink);background:#fff;border:1.5px solid #b9ab9c;border-radius:10px}
.fd textarea{resize:vertical}
.fd input:focus-visible,.fd select:focus-visible,.fd textarea:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-color:var(--acc)}
.fd .hint{margin-top:6px;font-size:15px;color:var(--mute)}
.agree{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.agree summary{display:inline-flex;align-items:center;min-height:44px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.agree dl{margin:12px 0 8px;padding:20px 24px;background:var(--soft);border-radius:12px;font-size:16px}
.agree dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:6px 0}
.agree dt{font-weight:700}
.chk{display:flex;align-items:center;gap:12px;min-height:48px;font-weight:600;cursor:pointer}
.chk input{width:24px;height:24px;flex:none;accent-color:var(--acc)}
.cs-send{margin-top:24px;min-width:240px;border:0;cursor:pointer;font:inherit;font-weight:700}
@media (max-width:999px){.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.consult{padding:28px 20px;margin-top:48px}.cs-grid{grid-template-columns:1fr}.agree dl div{grid-template-columns:1fr;gap:2px}}
.thanks{max-width:640px;margin:0 auto;padding:clamp(80px,14vh,160px) var(--pad);text-align:center}
.thanks h1{margin-top:12px;font-size:clamp(30px,4vw,44px);font-weight:800}
.thanks>p:not(.k){margin-top:20px;color:var(--mute)}
.thanks .row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}

/* ===== v10: 밝은 첫 화면, 바로 연결, 6개 안내, 선구매, 상담 ===== */
:root{--gold:#b8862b;--gold-d:#8a5f12;--cream:#fbf6ee}
.pill-gold{background:var(--gold-d);color:#fff}.pill-gold:hover{background:#6f4b0c}
.pill-lg{min-height:58px;padding:0 30px;font-size:19px}
.hd .store{border:0}
.hero{height:auto;min-height:0;max-height:none;background:linear-gradient(180deg,var(--cream),#fff);color:var(--ink);padding-top:76px}
.hero .slides{position:relative;height:640px}
.hero .slide{background:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:0 max(var(--pad),calc((100% - var(--max)) / 2))}
.hero .slide::before{display:none}
.hs-k{font-size:19px;font-weight:600;color:var(--gold-d);margin-bottom:16px}
.hero h1,.hs-h{font-size:clamp(38px,4.6vw,64px);line-height:1.18;letter-spacing:-.045em;font-weight:800;margin:0 0 22px}
.hero h1 span,.hs-h span{color:var(--gold-d)}
.hs-p{font-size:19px;color:var(--mute);line-height:1.7}
.hs-btn{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hs-img{position:relative;margin:0;height:540px;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(36,28,22,.14)}
.hs-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hs-img figcaption{position:absolute;right:14px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.88);font-size:14px;color:var(--ink)}
.hero .hs-ctrl{position:absolute;bottom:28px;left:max(var(--pad),calc((100% - var(--max)) / 2));right:auto}
.hero .ic{border-color:var(--line);background:#fff;color:var(--ink)}
.hero :focus-visible{outline-color:var(--acc)}
.quick-band{background:#fff;border-bottom:1px solid var(--line);padding:28px var(--pad)}
.top-quick{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.top-quick li{display:block}
.top-quick a{flex-direction:row;justify-content:center;gap:14px;min-height:76px;padding:0 16px;border:1px solid var(--line);border-radius:16px;font-size:19px;background:#fff}
.top-quick a:hover{border-color:var(--gold);background:var(--cream)}
.top-quick svg{width:48px;height:48px;padding:12px;background:var(--cream)}
.guide6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.guide6 .g-store{background:var(--gold-d)!important;color:#fff}
.guide6 .g-store .d,.guide6 .g-store .n{color:#fff}
.store-cta{margin-top:8px}
.pre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.pre .lead+.lead{margin-top:14px}
.pre .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
#consult .consult{margin-top:40px}
#consult .lead a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
#buy{background:var(--soft)}
@media (max-width:1160px){.hero .slides{height:600px}.hs-img{height:480px}}
@media (max-width:999px){.guide6{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pre{grid-template-columns:1fr;gap:24px}}
@media (max-width:720px){
  .hero{padding-top:64px}
  .hero .slides{height:auto;display:grid}
  .hero .slide{position:relative;grid-area:1/1;grid-template-columns:1fr;gap:22px;padding:20px var(--pad) 88px;align-content:start}
  .hero .slide .hs-img{order:-1;height:260px;border-radius:20px}
  .hero h1,.hs-h{font-size:32px;margin-bottom:14px}
  .hs-k{font-size:16px;margin-bottom:8px}.hs-p{font-size:17px}
  .hs-btn{margin-top:22px}.hs-btn .pill{flex:1 1 100%}
  .hero .hs-ctrl{bottom:20px;left:var(--pad)}
  .top-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .top-quick a{flex-direction:column;gap:6px;min-height:96px;font-size:17px}
  .guide6{grid-template-columns:1fr!important}
  .pill-lg{font-size:18px}
}
.nw{white-space:nowrap}.hero h1 span,.hs-h span{font-weight:800}
/* v10-2: 로고, 하단 표시, 동그라미 늘리기 */
.logo-img{width:36px;height:36px}
.hs-img-r img{object-position:80% 20%}
.ft-l{display:grid;gap:36px;align-content:end}
.ft-marks{display:flex;align-items:center;gap:20px}
.ft-marks img{width:120px;height:120px;border-radius:16px;background:#fff;padding:6px;flex:none}
.ft-marks ul{display:flex;flex-wrap:wrap;gap:8px}
.ft-marks li{padding:6px 12px;border:1px solid rgba(214,177,140,.5);border-radius:999px;font-size:15px;color:#e9dccd}
.about{min-height:820px}
.f7{width:150px;height:150px;left:30%;top:66%}
.f8{width:132px;height:132px;right:24%;top:68%}
.f9{width:104px;height:104px;left:2%;top:74%}
.dot-c{box-shadow:none!important}
.dc1{width:46px;height:46px;left:22%;top:34%;background:var(--tan2)}
.dc2{width:28px;height:28px;right:20%;top:40%;background:var(--gold)}
.dc3{width:64px;height:64px;right:2%;top:40%;background:var(--tan1);opacity:.55}
.dc4{width:22px;height:22px;left:4%;top:38%;background:var(--gold)}
.dc5{width:90px;height:90px;left:40%;top:3%;border:3px solid var(--tan2);background:none}
.dc6{width:38px;height:38px;right:40%;top:88%;background:var(--tan2)}
@media (max-width:1160px){.f7,.f8{transform:scale(.72)}}
@media (max-width:720px){
  .about{min-height:0}
  .floats{flex-wrap:wrap;max-width:320px;margin-left:auto;margin-right:auto}
  .floats .f5,.floats .f6{display:block}
  .floats li{width:56px!important;height:56px!important}
  .floats .dot-c{width:20px!important;height:20px!important;align-self:center}
  .ft-marks{flex-direction:column;align-items:flex-start}
}
/* 바탕 교차: 복지용구(크림) 구매(흰) 선구매(크림) 상담(흰) 스토어(크림) */
#buy{background:#fff}#buy .paper{background:var(--soft)}#buy .buy-quick svg{background:var(--soft)}
#consult .consult{background:var(--cream)}
.items{background:var(--soft)}
.f7{left:15%;top:76%}.f8{right:14%;top:74%}.f9{left:3%;top:60%}.dc6{right:33%;top:90%}
.hs-img-p{background:#fff}.hs-img-p img{object-fit:contain;padding:24px}
.hs-img-p{background:linear-gradient(180deg,#fff4f1,#fbf8f2)}.hs-img-p img{padding:0}
/* v11 첫 화면: 사진이 화면 전체를 덮는 방식, 글 쪽은 크림색으로 덮어 원본 글자를 가림 */
.hero-full{padding-top:76px}
.hero-full .slides{height:clamp(600px,calc(100svh - 76px),760px)}
.hero-full .slide{display:block;padding:0}
.hs-bg{position:absolute;inset:0;margin:0}
.hs-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 30%}
.hero-full .slide::before{content:"";display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fbf6ee 0%,#fbf6ee 40%,rgba(251,246,238,.82) 50%,rgba(251,246,238,0) 64%)}
.hero-full .hs-t{position:absolute;z-index:2;top:50%;transform:translateY(-50%);left:max(var(--pad),calc((100% - var(--max)) / 2));max-width:560px}
.hs-cap{position:absolute;z-index:2;right:max(var(--pad),calc((100% - var(--max)) / 2));bottom:24px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.88);font-size:14px}
.hs-bg-bed img{object-position:80% 50%}
.hs-bg-goods{background:linear-gradient(180deg,#fff4f1,#fbf8f2)}
.hs-bg-goods img{object-fit:contain;object-position:85% 50%;padding:60px 4% 60px 44%}
.hero-full .hs-ctrl{z-index:3;bottom:28px}
@media (max-width:720px){
  .hero-full{padding-top:64px}
  .hero-full .slides{height:auto;display:grid}
  .hero-full .slide{position:relative;grid-area:1/1;display:flex;flex-direction:column;justify-content:flex-end;min-height:720px;padding:0 0 84px}
  .hs-bg img{object-position:50% 20%}
  .hero-full .slide::before{background:linear-gradient(0deg,#fbf6ee 0%,#fbf6ee 44%,rgba(251,246,238,.85) 54%,rgba(251,246,238,0) 70%)}
  .hero-full .hs-t{position:relative;top:auto;transform:none;left:auto;padding:0 var(--pad);max-width:none}
  .hs-cap{top:12px;bottom:auto;right:12px}
  .hs-bg-goods img{padding:20px 20px 52%;object-position:50% 10%}
  .hero-full .hs-ctrl{bottom:20px}
}
@media (min-width:721px){
  .hero-full .slide::before{background:linear-gradient(90deg,#fbf6ee 0%,#fbf6ee 44%,rgba(251,246,238,.88) 52%,rgba(251,246,238,0) 66%)}
  .hs-bg:not(.hs-bg-bed):not(.hs-bg-goods) img{object-position:100% 30%}
}
@media (max-width:720px){
  .hs-bg{bottom:auto;height:390px}
  .hs-bg img{object-position:50% 30%}
  .hero-full .slide::before{background:linear-gradient(180deg,rgba(251,246,238,0) 0,rgba(251,246,238,0) 300px,#fbf6ee 392px,#fbf6ee 100%)}
  .hero-full .slide{min-height:740px}
  .hs-bg-goods img{padding:24px;object-position:50% 50%}
}
/* 지정·확인 표시(장애인기업 클로버: 의뢰인 배지, 노인장기요양보험: 보건복지부 배포 BI) */
.marks{display:flex;flex-wrap:wrap;gap:10px}
.marks li{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;background:#fff;color:var(--ink);font-size:15px;font-weight:700;line-height:1.35}
.marks img{height:40px;width:auto}
.marks .m-ltc img{height:44px}
.marks .m-txt{flex-direction:column;align-items:flex-start;gap:0}
.hero-marks{position:absolute;z-index:3;top:24px;right:max(var(--pad),calc((100% - var(--max)) / 2));display:flex;flex-direction:column;gap:10px}
.hero-marks li{display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(36,28,22,.12);font-size:15px;font-weight:700;line-height:1.3}
.hero-marks img{height:38px;width:auto}
@media (max-width:720px){.hero-marks{display:none}.marks li{font-size:14px}}
.hero-marks{top:100px}
/* AI 제품 동그라미: 원 밖 초록 모서리가 안 보이게 살짝 확대 */
.cats .th{background:#fff}
.cats .th img,.floats img[src*="item-"]{object-fit:cover;transform:scale(1.14)}
.floats li{background:#fff}
.pn img{object-fit:cover}
.pn img.pn-walker{object-position:88% 50%}
/* 지정 표시: 사진을 가리지 않게 첫 화면 바로 아래 띠로 */
.trust-band{background:#fff;border-bottom:1px solid var(--line);padding:22px var(--pad) 0}
.trust-marks{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px}
.trust-marks li{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700}
.trust-marks img{height:44px;width:auto}
.trust-band+.quick-band{border-top:0}
@media (max-width:720px){.trust-marks{gap:10px 18px;justify-content:flex-start}.trust-marks li{font-size:15px;gap:8px}.trust-marks img{height:32px}}
/* ===== 다듬기(스킬 점검 반영) ===== */
/* 1. 버튼 위계 하나로: 주 버튼 금색, 보조 버튼 흰 테두리, 본문 버튼 높이 58px */
main .pill-k,.mbar .pill-k{background:var(--gold-d);color:#fff}
main .pill-k:hover,.mbar .pill-k:hover{background:#6f4b0c}
main .pill{min-height:58px;font-size:19px;padding:0 30px}
.pill-line-k{border-color:var(--ink)}
/* 2. 어르신용 최소 글자 16px */
.fd .hint,.hs-cap,.marks li,.ft-marks li{font-size:16px}
/* 3. 구간 여백 120px로 통일 */
@media (min-width:721px){.guide-band{padding-top:120px;padding-bottom:120px}}
/* 4. 작은 제품 사진은 원본보다 크게 늘리지 않음(흐림 방지) */
.f7{width:124px;height:124px}.f8{width:120px;height:120px}.f5{width:116px;height:116px}.f3{width:116px;height:116px}.f9{width:112px;height:112px}
.cats .th{max-width:96px;max-height:96px}
.visit-ext figcaption{font-size:16px}
@media (max-width:720px){
  .hs-p .sep{display:none}.hs-p .nw:first-child{display:block}
  .hero-full .slide{justify-content:flex-start;padding-top:366px}
}