/* ══ Y3 「두 줄」 3판 — 사진 · 색 면 · 채운 도표 ═══════════════════════════════
   선 아이콘 · 선 흐름 · 선 연결을 걷어 내고: 사진 타일(실제 / 연출 표시) · 색 면 칸(bento) · 채운 알약 · 채운 막대 · 면으로 칠한 입체 그림.
   섹션 바탕 — 흰 / 연초록(.tint) / 먹(.ink) / 초록(숫자 띠). 모서리 4px · 그림자 없음. */
.cx-y3{--tint:#F1F7EA;--ink2:#1D231F}
.cx-y3 .hero h1 em{color:var(--acc)}

/* 사진 + 표시 */
.ph3{position:relative;margin:0;overflow:hidden;border-radius:var(--r);background:var(--panel)}
.ph3 img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.js .rv .ph3 img,.js .ph3.rv img{transform:scale(1.06)}
.rv.in .ph3 img,.ph3.rv.in img,.s-still .ph3 img{transform:none}
.pt3{position:absolute;left:10px;top:10px;z-index:2;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.02em;background:rgba(255,255,255,.9);color:var(--fg)}
.pt3.ai{background:rgba(17,21,19,.78);color:#fff}
.ph3 figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:40px 22px 18px;color:#fff;background:linear-gradient(0deg,rgba(10,13,11,.82),rgba(10,13,11,0));font-size:15px}
.ph3 figcaption b{display:block;margin:0;color:#fff;font-size:clamp(20px,1.8vw,26px);font-weight:800;letter-spacing:-.02em}

/* 섹션 · 바탕 */
.s3{padding:var(--pad) 0}
.s3.tint{background:var(--tint)}
.s3.ink{background:var(--fg);color:#fff}
.sh3{max-width:820px;margin-bottom:clamp(28px,3.4vw,48px)}
.eb3{display:inline-block;padding:5px 11px;border-radius:3px;background:var(--fg);color:var(--acc);font-size:13px;font-weight:800;margin-bottom:14px}
.eb3.g{background:var(--acc);color:var(--fg)}
.s3.ink .eb3{background:var(--acc);color:var(--fg)}
.sh3 h2{font-size:clamp(30px,3.6vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1.15}
.sh3 .lede{margin-top:12px;color:var(--sub);font-size:clamp(16px,1.25vw,18px)}
.s3.ink .sh3 .lede{color:rgba(255,255,255,.7)}
#items .sh3{margin-bottom:clamp(20px,2.4vw,32px)}

/* 머리 — 사진 띠 */
.bn3{position:relative;min-height:min(64vh,620px);display:flex;align-items:flex-end;padding:calc(var(--hh) + 60px) 0 clamp(48px,6vw,80px);color:#fff;overflow:hidden;background:#111513}
.bn3 .bg{position:absolute;inset:0}
.bn3 .bg img{width:100%;height:100%;object-fit:cover}
.bn3 .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,11,.86) 0%,rgba(10,13,11,.55) 55%,rgba(10,13,11,.2) 100%)}
.bn3 .pt3{left:auto;right:16px;top:calc(var(--hh) + 14px)}
.bn3 .wrap{position:relative;width:100%}
.bn3 .crumb{color:rgba(255,255,255,.65)}
.bn3 h1{font-size:clamp(42px,5.4vw,80px);line-height:1.08;font-weight:800;letter-spacing:-.045em;max-width:760px}
.bn3 .lede{margin-top:16px;color:rgba(255,255,255,.82);font-size:clamp(16px,1.3vw,18.5px);max-width:600px}
.bn3 .eb3{background:var(--fg);color:var(--acc)}
.bn3 .eb3.g{background:var(--acc);color:var(--fg)}

/* 두 줄 */
.trh3{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:0;margin-bottom:22px}
.trh3 .lab{display:flex;align-items:center;padding:13px 20px;border-radius:var(--r);font-size:clamp(17px,1.4vw,20px);font-weight:800;letter-spacing:-.02em;line-height:1.3}
.trh3 .k{background:var(--fg);color:#fff}
.trh3 .g{background:var(--acc);color:var(--fg)}
.trk3{position:relative}
.tline3{position:absolute;left:50%;top:0;bottom:0;width:6px;margin-left:-3px;border-radius:3px;background:var(--hair)}
.tline3 i{position:absolute;inset:0;border-radius:3px;background:var(--acc);transform-origin:top;transform:scaleY(var(--tp,0))}
.tr3{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;padding:14px 0}
.lg3{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center}
.lg3 .tt{aspect-ratio:4/3}
.lg3 .no{font-size:13px;font-weight:800;color:var(--acc-d)}
.lg3 h3{font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.03em}
.lg3 p:last-child{margin-top:4px;color:var(--sub);font-size:14.5px}
.lamp{position:relative;z-index:1;justify-self:center;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid var(--line);transition:background .3s,border-color .3s,transform .35s var(--ease)}
.lamp i{font-style:normal;font-size:18px;font-weight:800;color:transparent;transition:color .3s}
.lamp.on{background:var(--acc);border-color:var(--fg);transform:scale(1.08)}
.lamp.on i{color:var(--fg)}
.cm3{padding:22px 24px;border-radius:var(--r);background:var(--tint)}
.cm3 h3{font-size:clamp(19px,1.6vw,22px);font-weight:800}
.cm3 p{margin-top:4px;color:var(--sub);font-size:14.5px}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pills li{padding:4px 11px;border-radius:999px;background:var(--fg);color:#fff;font-size:12.5px;font-weight:700}

/* 소통 — 색 면 칸 */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(230px,auto));gap:14px}
.bento .b-a{grid-column:1/3;grid-row:1/3;min-height:480px}
.bento .b-d{min-height:230px}
.b-t{display:flex;flex-direction:column;padding:24px;border-radius:var(--r)}
.b-t .k{font-size:13px;font-weight:800;opacity:.8}
.b-t b{margin-top:auto;font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.2}
.b-t p:last-child{margin-top:8px;font-size:14.5px;line-height:1.6}
.b-t.g{background:var(--acc);color:var(--fg)}
.b-t.k{background:var(--ink2);color:#fff;border:1px solid rgba(255,255,255,.12)}
.b-t.k .k{color:var(--acc)}
.b-t.w{background:#fff;color:var(--fg)}
.b-t.w .k{color:var(--acc-d)}
.b-t .tel{font-size:clamp(22px,2vw,30px);white-space:nowrap}
.b-t .tel a{border-bottom:3px solid var(--acc)}
.b-t.t{background:#2B332E;color:#fff}
.b-t.t .k{color:var(--acc)}
.b-t.k p:last-child,.b-t.t p:last-child{color:rgba(255,255,255,.75)}

/* 숫자 띠 — 초록 면 */
.num3{padding:clamp(48px,6vw,80px) 0;background:var(--acc)}
.num3 ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.num3 li{padding:0 18px;border-left:2px solid rgba(17,21,19,.18)}
.num3 li:first-child{border-left:0;padding-left:0}
.num3 .n{display:flex;align-items:baseline;gap:3px}
.num3 b{font-size:clamp(46px,4.8vw,72px);font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.num3 .n span{font-size:17px;font-weight:800}
.num3 .l{margin-top:10px;font-size:14px;font-weight:600;color:rgba(17,21,19,.75)}

/* 서비스 사진 타일 */
.sv3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sv3 a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:var(--r);overflow:hidden;background:var(--tint);transition:background .2s}
.sv3 a:hover{background:#E6F1D9}
.sv3 .sv{border-radius:0;aspect-ratio:4/3;height:100%}
.sv3 .tx{display:flex;flex-direction:column;padding:22px}
.sv3 h3{font-size:clamp(19px,1.7vw,23px);font-weight:800;letter-spacing:-.02em}
.sv3 p{margin-top:6px;color:var(--sub);font-size:14.5px;flex:1}
.sv3 .go{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;color:var(--acc-d)}
.sv3 .go svg{width:15px;height:15px}

/* 서비스 자세히 — 큰 사진 + 알약 흐름 */
.sv2{padding:clamp(56px,6vw,96px) 0}
.sv2:nth-of-type(even){background:var(--tint)}
.sp3{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,64px);align-items:center}
.sv2.r .sp3>.ph3{order:2}
.sp3 .big{aspect-ratio:4/3}
.sp3 h2{font-size:clamp(30px,3.4vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.15}
.sp3 .lede{margin-top:10px;color:var(--sub)}
.pf{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 14px}
.pf li{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--fg);color:#fff;font-size:14px;font-weight:700;opacity:0;transform:translateY(6px);transition:opacity .4s calc(var(--i) * .12s),transform .4s var(--ease) calc(var(--i) * .12s)}
.pf li b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--acc);color:var(--fg);font-size:12.5px}
.pf.in li,.s-still .pf li{opacity:1;transform:none}

/* 받는 상품 · 1PLT · 요금 타일 */
.it3 .wide{aspect-ratio:16/7}
.chips3{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chips3 li{padding:10px 18px;border-radius:999px;background:#fff;font-weight:800;font-size:16px}
.chips3 .x{background:var(--fg);color:#fff;text-decoration:line-through;text-decoration-color:var(--acc);text-decoration-thickness:2px}
.plw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.pal3{margin:0;padding:24px;border-radius:var(--r);background:var(--tint);text-align:center}
.pal3 svg{width:min(380px,100%);height:auto}
.pal3 polygon{stroke:#111513;stroke-width:1.5;stroke-linejoin:round}
.pal3 .g0{fill:rgba(17,21,19,.08);stroke:none}
.pal3 .pl.l{fill:#B7C0BA}.pal3 .pl.r{fill:#9AA39D}
.pal3 .bx.t{fill:#fff}.pal3 .bx.l{fill:#EEF1EE}.pal3 .bx.r{fill:#D9DFDA}
.pal3 .tp{fill:var(--acc);stroke:none}
.pal3 .dt{font:800 17px 'P',sans-serif;fill:var(--acc-d)}
.js .pal3 svg{transform:translateY(16px);opacity:0;transition:transform .9s var(--ease),opacity .9s}
.pal3.in svg,.s-still .pal3 svg{transform:none;opacity:1}
.plp{aspect-ratio:1}
.fr3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fr3 li{padding:24px;border-radius:var(--r)}
.fr3 b{display:block;font-size:clamp(34px,3.4vw,50px);font-weight:800;letter-spacing:-.045em;line-height:1.05}
.fr3 span{display:block;margin-top:8px;font-size:14.5px}
.fr3 .g{background:var(--acc);color:var(--fg)}
.fr3 .k{background:var(--fg);color:#fff}
.fr3 .k b{color:var(--acc)}
.fr3 .k span{color:rgba(255,255,255,.75)}
.fr3 .t{background:var(--tint)}
.fr3 .t span{color:var(--sub)}

/* 위치 띠 · 시간 막대 */
.pl3{position:relative;padding:clamp(72px,9vw,128px) 0;overflow:hidden;background:#111513}
.pl3 .bg{position:absolute;inset:0}
.pl3 .bg img{width:100%;height:100%;object-fit:cover}
.pl3 .bg::after{content:"";position:absolute;inset:0;background:rgba(10,13,11,.35)}
.pl3 .pt3{left:auto;right:16px;top:16px}
.pl3 .wrap{position:relative}
.pl3 .card{max-width:560px;padding:clamp(24px,3vw,40px);border-radius:var(--r);background:#fff}
.pl3 h2{font-size:clamp(32px,3.6vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1.1}
.pl3 .lede{margin-top:10px;color:var(--sub);font-size:15.5px}
.pl3 .maps3{margin-top:20px}
.pl3 .more{margin-top:16px}
.dbar{margin-top:22px}
.dbar .k{font-size:13px;font-weight:800;color:var(--faint);margin-bottom:8px}
.db{display:grid;grid-template-columns:64px minmax(0,1fr) 72px;gap:12px;align-items:center;padding:6px 0}
.db .nm{font-weight:800;font-size:15px}
.db .bar{height:20px;border-radius:3px;background:var(--hair);overflow:hidden}
.db .bar i{display:block;height:100%;width:0;border-radius:3px;background:var(--acc);transition:width 1.4s var(--ease)}
.db .bar.k i{background:var(--fg)}
.dbar.in .bar i,.s-still .dbar .bar i{width:var(--w)}
.db b{font-size:17px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.dbar .fine{margin-top:10px}
.vis3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:start}
.vis3 .dbar{margin:0 0 24px;padding:22px;border-radius:var(--r);background:var(--tint)}
.vis3 .acts{margin-top:20px}
.vp{aspect-ratio:4/5}

/* 사진 격자 · 설비 · 대표 · 사람 · 보상 · 단계 */
.gal3{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}
.gal3 figure{margin:0}
.gal3 img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.gal3 .lead img{aspect-ratio:auto;height:calc(100% - 26px)}
.gal3 .gg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.gal3 figcaption{margin-top:5px;font-size:12.5px;font-weight:700}
.gal3 figcaption b{color:var(--acc-d);margin-right:6px}
.s3.tint .fine{margin-top:12px}
.eq3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.eq3 li{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden}
.eq3 .p{background:var(--tint)}
.eq3 .p .eqp{aspect-ratio:4/3;border-radius:0}
.eq3 .p b{padding:14px 18px 0;font-size:18px;font-weight:800}
.eq3 .p span{padding:2px 18px 16px;color:var(--sub);font-size:14.5px}
.eq3 .n{padding:24px;background:var(--fg);color:#fff;justify-content:flex-end;min-height:150px}
.eq3 .n.g{background:var(--acc);color:var(--fg)}
.eq3 .n b{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.03em}
.eq3 .n span{margin-top:4px;font-size:14px;opacity:.8}
.ceo3{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,4vw,64px);align-items:center}
.ceo3 blockquote{border-left-color:var(--acc)}
.ceo3 blockquote p{color:#fff}
.ceo3 blockquote footer{color:rgba(255,255,255,.65)}
.ceo3 .cp{aspect-ratio:4/3}
.pp3{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px}
.pp3 ul{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pp3 li{display:flex;flex-direction:column;justify-content:flex-end;min-height:180px;padding:22px;border-radius:var(--r);background:var(--tint)}
.pp3 li.k{background:var(--fg);color:#fff}
.pp3 .av{display:grid;place-items:center;width:56px;height:56px;margin-bottom:auto;border-radius:var(--r);background:var(--acc);color:var(--fg);font-size:22px;font-weight:800}
.pp3 li.k .av{background:var(--acc)}
.pp3 b{margin-top:16px;font-size:20px;font-weight:800}
.pp3 li>span:last-child{color:var(--sub);font-size:14.5px}
.pp3 li.k>span:last-child{color:rgba(255,255,255,.7)}
.pp3 .pp{min-height:100%}
.cp3{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr));gap:12px}
.cp3 li{padding:24px;border-radius:var(--r)}
.cp3 li.p{padding:0;overflow:hidden}
.cp3 .cpp{height:100%;min-height:220px;border-radius:0}
.cp3 .k{font-size:13px;font-weight:800}
.cp3 b{display:block;margin-top:24px;font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.03em;line-height:1.25}
.cp3 li>p:last-child{margin-top:10px;font-size:14px}
.cp3 li.k{background:var(--fg);color:#fff}
.cp3 li.k .k{color:var(--acc)}
.cp3 li.k>p:last-child{color:rgba(255,255,255,.75)}
.cp3 li.g{background:var(--acc)}
.cp3 li.t{background:#fff}
.cp3 li.t>p:last-child,.cp3 li.g>p:last-child{color:rgba(17,21,19,.75)}
.st3{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.st3 .seg{display:block;height:12px;border-radius:3px;background:var(--hair);overflow:hidden}
.st3 .seg i{display:block;height:100%;width:0;background:var(--acc);transition:width .6s var(--ease) calc(var(--i) * .35s)}
.st3.in .seg i,.s-still .st3 .seg i{width:100%}
.st3 .n{margin-top:16px;font-size:13px;font-weight:800;color:var(--acc-d)}
.st3 b{display:block;font-size:19px;font-weight:800}
.st3 li>p:last-child{margin-top:6px;color:var(--sub);font-size:14.5px}
.s3 .wide.st{aspect-ratio:21/8;margin-top:32px}

/* 접는 질문 · 견적 띠 */
.acc details{border-bottom:1px solid var(--line)}
.acc details:first-child{border-top:2px solid var(--fg)}
.acc summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:17px;font-weight:700;cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary i{position:relative;flex:none;width:16px;height:16px}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:currentColor;transition:transform .3s var(--ease)}
.acc summary i::after{transform:rotate(90deg)}
.acc details[open] summary i::after{transform:rotate(0)}
.acc details p{padding:0 32px 18px 0;color:var(--sub)}
.ct3{position:relative;padding:clamp(80px,10vw,140px) 0;color:#fff;overflow:hidden;background:#111513}
.ct3 .bg{position:absolute;inset:0}
.ct3 .bg img{width:100%;height:100%;object-fit:cover}
.ct3 .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,11,.9),rgba(10,13,11,.5))}
.ct3 .wrap{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.ct3 .k{font-size:14px;font-weight:700;color:var(--acc)}
.ct3 h2{margin-top:8px;font-size:clamp(36px,4.6vw,68px);font-weight:800;letter-spacing:-.05em;line-height:1.08}
.ct3 p{margin-top:10px;color:rgba(255,255,255,.75)}
.cx-y3 .calc{background:#fff}
.s-still .ph3 img,.s-still .pf li,.s-still .pal3 svg,.s-still .db .bar i,.s-still .st3 .seg i{transition:none!important}
@media (max-width:1080px){
  .bento{grid-template-columns:1fr 1fr}
  .bento .b-a{grid-column:1/3;grid-row:auto;min-height:320px}
  .num3 ul{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .num3 li:nth-child(4){border-left:0;padding-left:0}
  .sv3{grid-template-columns:1fr}
  .cp3{grid-template-columns:1fr 1fr}
  .eq3{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .trh3{grid-template-columns:1fr;gap:8px}
  .trh3>span{display:none}
  .tline3{left:19px;margin-left:0}
  .tr3{grid-template-columns:1fr;gap:12px;padding:16px 0 16px 56px;position:relative}
  .tr3 .lamp{position:absolute;left:0;top:16px}
  .lg3{grid-template-columns:1fr;gap:12px}
  .lg3 .tt{aspect-ratio:16/9}
  .sp3,.plw,.vis3,.ceo3,.pp3,.gal3{grid-template-columns:1fr}
  .sv2.r .sp3>.ph3{order:0}
  .fr3{grid-template-columns:1fr 1fr}
  .st3{grid-template-columns:1fr;gap:20px}
  .gal3 .gg{grid-template-columns:1fr 1fr}
  .it3 .wide{aspect-ratio:4/3}
  .vp{aspect-ratio:4/3}
}
@media (max-width:600px){
  .bento{grid-template-columns:1fr}
  .bento .b-a{grid-column:auto}
  .num3 ul{grid-template-columns:1fr 1fr}
  .num3 li{border-left:0;padding-left:0}
  .sv3 a{grid-template-columns:1fr}
  .cp3,.eq3,.fr3{grid-template-columns:1fr}
  .pp3 ul{grid-template-columns:1fr 1fr}
}

/* 지도 버튼 — 네이버(초록) · 카카오맵(노랑), 글씨 앞 아이콘 */
.maps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}
.mapb{width:100%;gap:9px;padding:0 10px;border:0;font-size:15px}
.mapb.tl{background:var(--fg);color:#fff}
.mapb.tl:hover{background:#2B332E}
.mapb svg{width:24px;height:24px;flex:none}
.mapb.nv{background:#03C75A;color:#fff}
.mapb.nv:hover{background:#02B350}
.mapb.kk{background:#FEE500;color:#191919}
.mapb.kk:hover{background:#F2DA00}
@media (max-width:600px){.maps3{grid-template-columns:1fr}}

/* 방사 지도 — 차로 걸리는 시간 동심원 (채운 원 · 굵은 길 · 알약 이름표) */
.rad{margin-top:20px}
.rad svg{display:block;width:min(400px,100%);height:auto;margin:0 auto;overflow:visible}
.rad .rg{transform-box:fill-box;transform-origin:center}
.rad .r40{fill:#F1F7EA}.rad .r30{fill:#E5F0D6}.rad .r20{fill:#D6E9BE}.rad .r10{fill:#C2DE9E}
.rad .rt{font:700 12px 'P',sans-serif;fill:#6F8A5A;text-anchor:middle}
.rad .rl{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.rad .rl.k{stroke:var(--fg)}.rad .rl.g{stroke:var(--acc-d)}
.rad .pk{fill:var(--fg);stroke:#fff;stroke-width:3}.rad .pg{fill:var(--acc-d);stroke:#fff;stroke-width:3}
.rad .lk{fill:var(--fg)}.rad .lg{fill:var(--acc)}
.rad .lt{font:800 14px 'P',sans-serif;fill:var(--fg);text-anchor:middle}.rad .lt.w{fill:#fff}
.rad .hub{fill:var(--acc);stroke:var(--fg);stroke-width:4}
.rad .ht{font:800 15px 'P',sans-serif;fill:var(--fg);text-anchor:middle}
.rad .pp{transform-box:fill-box;transform-origin:center}
.js .rad .rg{transform:scale(0);transition:transform .9s var(--ease) calc(var(--i) * .12s)}
.js .rad .rl{stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--ease) .6s}
.js .rad .pp{opacity:0;transform:scale(.6);transition:opacity .4s calc(.9s + var(--i) * .2s),transform .4s var(--ease) calc(.9s + var(--i) * .2s)}
.rad.in .rg,.rad.in .pp,.s-still .rad .rg,.s-still .rad .pp{transform:none;opacity:1}
.rad.in .rl,.s-still .rad .rl{stroke-dashoffset:0}
.s-still .rad *{transition:none!important}
.rad .fine{margin-top:10px;text-align:center}
.vis3 .rad{margin:0 0 24px;padding:18px;border-radius:var(--r);background:#fff;border:1.5px solid var(--line)}

/* 카카오톡 오픈채팅 — 처음 문의용 (노랑) */
.mapb.kt{width:auto;padding:0 18px 0 12px;background:#FEE500;color:#191919}
.mapb.kt:hover{background:#F2DA00}
.ct3 .acts{flex-wrap:wrap}
.oc{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:14px;padding:18px 22px;border-radius:var(--r);background:#2B332E;color:#fff}
.oc p{color:rgba(255,255,255,.8);font-size:15px}
.oc b{color:#fff}
.direct .mapb.kt{margin:6px 0 10px}