/* 베타안 홈 + 메뉴·버튼 시안 U (2026-10-07 000 27306) + PC 증상 검색(시안 S)·휴대폰 첫 화면 영상 (10-08 Son) — home-u-src/build-home-u.js 가 만든다. 손으로 고치지 말 것
   = beta-home.css 파랑 사본(nav-src/blue.js) + nv-common.css + nv-u.css + nv-s.css + 영상 C3 칸 + 10-08 덧붙임(검색·첫 화면 영상·다크 모드에서도 흰 바탕·잘 모르겠어요 칸) */
/* ── nv-blue ── */
/* 설비맵 프리뷰 베타안 홈 (2026-10-07 · Son 26896·26905 두 번째 시안) — 이 파일 하나로 홈 화면 전부를 그린다(예전 site.css 등 안 씀) */
:root{
  --bt-teal:#2468f6;--bt-teal-d:#1652d8;--bt-teal-2:#2a64e0;--bt-ink:#0f1a36;--bt-text:#38465f;--bt-sub:#5b6982;
  --bt-line:#d8e0ee;--bt-line-2:#e5ebf5;--bt-bg:#edf1f9;--bt-soft:#f3f6fc;--bt-tint:#e6eeff;--bt-yellow:#fee500;
  --bt-band:#2468f6;--bt-foot:#0b1630;--bt-radius:16px;--bt-shadow:0 18px 44px rgba(15,26,54,.12);
  --bt-font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body.bt{margin:0;background:#fff;color:var(--bt-text);font-family:var(--bt-font);font-size:16px;line-height:1.6;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
/* 기본값은 :where() 로 낮은 우선순위 — 아래 개별 규칙(여백 등)이 항상 이긴다 */
:where(.bt) img{max-width:100%;display:block}
:where(.bt) a{color:inherit;text-decoration:none}
:where(.bt) h1,:where(.bt) h2,:where(.bt) h3{color:var(--bt-ink);margin:0;letter-spacing:-.035em;line-height:1.3;font-weight:800}
:where(.bt) p{margin:0}
:where(.bt) button,:where(.bt) input,:where(.bt) select,:where(.bt) textarea{font:inherit;color:inherit}
.bt-br-mo{display:none}
.hidden{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bt-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--bt-teal);color:#fff!important;padding:10px 14px;border-radius:8px;font-weight:700}
.bt-skip:focus{top:12px}
.bt-ico{width:20px;height:20px;flex:0 0 auto}
.bt-wrap{width:100%;max-width:1228px;margin:0 auto;padding:0 24px}
.bt :focus-visible{outline:3px solid #5a92ff;outline-offset:2px;border-radius:6px}

/* 머리말 */
.bt-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid transparent;transition:box-shadow .2s,border-color .2s}
.bt-header.is-scrolled{border-bottom-color:var(--bt-line-2);box-shadow:0 6px 18px rgba(15,26,54,.06)}
.bt-header-in{display:flex;align-items:center;gap:28px;height:70px}
.bt-logo{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto}
.bt-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px 10px 10px 3px;background:var(--bt-teal);color:#fff;font-weight:900;font-size:19px;line-height:1;padding-bottom:3px}
.bt-logo-name{font-size:19px;font-weight:850;color:var(--bt-ink);letter-spacing:-.04em}
.bt-nav{display:flex;gap:26px;font-size:15px;font-weight:600;color:#333d4e}
.bt-nav a:hover{color:var(--bt-teal)}
.bt-head-cta{margin-left:auto;display:flex;align-items:center;gap:16px}
.bt-head-call{display:flex;align-items:center;gap:10px}
.bt-head-call-ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bt-tint);color:var(--bt-teal)}
.bt-head-call-ico .bt-ico{width:18px;height:18px}
.bt-head-call-txt{display:flex;flex-direction:column;line-height:1.2}
.bt-head-call-txt small{font-size:11.5px;color:var(--bt-sub);font-weight:600}
.bt-head-call-txt b{font-size:16px;color:var(--bt-ink);font-weight:800;letter-spacing:-.02em}
.bt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:750;font-size:15px;line-height:1.2;padding:12px 18px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;white-space:nowrap}
.bt-btn-dark{background:var(--bt-teal);color:#fff!important}
.bt-btn-dark:hover{background:var(--bt-teal-d)}
.bt-btn-line{background:#fff;border-color:#c9cfda;color:var(--bt-ink)!important}
.bt-btn-line:hover{border-color:var(--bt-teal)}
/* 상담 요청 버튼은 문서 순서상 맨 앞(cta.js 빠른 문의가 첫 data-cta-id 링크를 상담 칸 주소로 쓴다) · 화면에서는 전화 오른쪽 */
.bt-head-form{padding:11px 18px;font-size:14.5px;order:2}

/* 첫 화면 */
.bt-hero{background:linear-gradient(180deg,#f4f6f9 0%,#eaedf3 100%);padding:56px 0 124px}
.bt-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:56px;align-items:center}
.bt-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:18px}
.bt-badge{display:inline-flex;align-items:center;gap:6px;background:var(--bt-teal);color:#fff;border-radius:999px;padding:7px 14px 7px 11px;font-size:13px;font-weight:700}
.bt-badge .bt-ico{width:15px;height:15px}
.bt-badge-sub{font-size:13px;color:var(--bt-sub);font-weight:600}
.bt-hero h1{font-size:40px;line-height:1.28;letter-spacing:-.045em}
.bt-intro{margin-top:18px;font-size:16.5px;line-height:1.7;color:var(--bt-text);max-width:560px}
.bt-checks{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 20px}
.bt-checks li{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:650;color:var(--bt-ink)}
.bt-checks .bt-ico{width:19px;height:19px;color:var(--bt-teal)}
.bt-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.bt-cta{display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:10px 22px 10px 14px;border-radius:12px;border:1px solid transparent;transition:transform .15s,box-shadow .15s,background .15s}
.bt-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,26,54,.14)}
.bt-cta-txt{display:flex;flex-direction:column;line-height:1.25;text-align:left}
.bt-cta-txt b{font-size:16px;font-weight:800}
.bt-cta-txt small{font-size:12.5px;font-weight:600;opacity:.8}
.bt-cta-ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14)}
.bt-cta-ico .bt-ico{width:19px;height:19px}
.bt-cta-call{background:var(--bt-teal);color:#fff!important}
.bt-cta-call:hover{background:var(--bt-teal-d)}
.bt-cta-kakao{background:#fff;border-color:#cfd4df;color:var(--bt-ink)!important}
.bt-cta-kakao:hover{border-color:#b8c0cf}
.bt-kk{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bt-yellow);flex:0 0 auto}
.bt-kk svg{width:21px;height:21px;display:block}
.bt-hero-more{display:inline-flex;align-items:center;gap:2px;margin-top:18px;font-size:14px;font-weight:700;color:var(--bt-teal);text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:1px}
.bt-hero-more .bt-ico{width:16px;height:16px}
.bt-hero-photo{position:relative;margin:0;border-radius:20px;overflow:hidden;box-shadow:var(--bt-shadow);aspect-ratio:5/4;background:#dfe3eb}
.bt-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.bt-tag{position:absolute;left:14px;top:14px;background:rgba(15,26,54,.72);color:#fff;font-size:12px;font-weight:700;line-height:1;padding:7px 10px;border-radius:999px;letter-spacing:0}

/* 빠른 상담 칸 */
.bt-quick{position:relative;z-index:2;margin-top:-84px;padding-bottom:8px}
.bt-quick-card{background:#fff;border-radius:18px;box-shadow:0 22px 50px rgba(15,26,54,.13);border:1px solid var(--bt-line-2);padding:24px 26px 20px;display:grid;grid-template-columns:minmax(0,1.15fr) repeat(3,minmax(0,1fr)) auto;gap:12px 14px;align-items:end;scroll-margin-top:90px;transition:box-shadow .3s}
.bt-quick-head{align-self:center;padding-right:6px}
.bt-quick-head h2{font-size:19px;letter-spacing:-.04em}
.bt-quick-head h2:focus{outline:none}
.bt-quick-head p{margin-top:5px;font-size:13px;color:var(--bt-sub);font-weight:600;line-height:1.45}
.bt-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.bt-field label{font-size:12.5px;font-weight:700;color:#4b5464}
/* 기타 직접 입력 칸(10-07 10:29): 「기타」를 고를 때만, 「필요한 작업」 바로 아래 */
.bt-field-etc[hidden]{display:none!important}
.bt-field-etc{grid-column:2;grid-row:2}
.bt-input{width:100%;height:50px;border:1px solid #d3d8e2;border-radius:10px;background:#fff;padding:0 14px;font-size:15.5px;color:var(--bt-ink);outline:none;transition:border-color .15s,box-shadow .15s}
.bt-input::placeholder{color:#979eab}
.bt-input:focus{border-color:var(--bt-teal-2);box-shadow:0 0 0 3px rgba(36,104,246,.16)}
.bt-input[aria-invalid="true"]{border-color:#d9483b;box-shadow:0 0 0 3px rgba(217,72,59,.12)}
select.bt-input{appearance:none;-webkit-appearance:none;padding-right:40px;background:#f1f3f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232468f6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center/18px 18px;font-weight:650;cursor:pointer;text-overflow:ellipsis}
.bt-submit{height:50px;padding:0 24px;font-size:15.5px;background:var(--bt-teal-d)}
.bt-submit:hover{background:#1145c2}
.bt-submit[disabled]{opacity:.6;cursor:progress}
.bt-consent{grid-column:2 / span 3;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:#4b5464}
.bt-consent-check{display:flex;align-items:flex-start;gap:8px;cursor:pointer;line-height:1.5}
.bt-consent-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--bt-teal);flex:0 0 auto;cursor:pointer}
.bt-consent-check input[aria-invalid="true"]{outline:2px solid #d9483b;outline-offset:2px}
.bt-consent-check strong{color:var(--bt-teal)}
.bt-consent-check a{text-decoration:underline!important;text-underline-offset:3px;color:var(--bt-teal)}
.bt-consent-more{font-size:12.5px}
.bt-consent-more summary{list-style:none;display:inline-flex;align-items:center;gap:3px;cursor:pointer;color:var(--bt-sub);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.bt-consent-more summary::-webkit-details-marker{display:none}
.bt-consent-more summary .bt-ico{width:15px;height:15px;transition:transform .2s}
.bt-consent-more[open] summary .bt-ico{transform:rotate(180deg)}
.bt-consent-body{margin-top:10px;background:var(--bt-soft);border:1px solid var(--bt-line-2);border-radius:12px;padding:14px 16px;color:var(--bt-text);line-height:1.6}
.bt-consent-body h3{font-size:13.5px;margin-bottom:8px}
.bt-consent-body dl{margin:0;display:grid;gap:8px}
.bt-consent-body dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}
.bt-consent-body dt{font-weight:700;color:var(--bt-ink)}
.bt-consent-body dd{margin:0}
.bt-consent-body p{margin-top:10px;font-size:12px;color:var(--bt-sub)}
.bt-consent-body a{text-decoration:underline!important}
.bt-quick-note{grid-column:2 / -1;font-size:12px;color:var(--bt-sub);line-height:1.5}
.bt-quick-help{grid-column:2 / -1;font-size:11.5px;color:#7a8290;line-height:1.5}
.bt-status{grid-column:2 / -1;margin:2px 0 0;padding:11px 14px;border-radius:10px;background:var(--bt-soft);font-size:13.5px;font-weight:650;line-height:1.5;color:var(--bt-ink)}
.bt-status[data-state="error"]{background:#fdf0ee;color:#a5281d}
.bt-status[data-state="success"]{background:#e9f6f1;color:#145c43}

/* 공통 절 */
.bt-sec{padding:88px 0}
.bt-white{background:#fff}
.bt-soft{background:var(--bt-soft)}
.bt-tint{background:linear-gradient(180deg,#eef1f6,#f6f7fa)}
.bt-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.05fr);gap:48px;align-items:start}
.bt-eyebrow{font-size:13px;font-weight:800;color:var(--bt-teal-2);letter-spacing:.01em;margin-bottom:10px}
.bt-sec h2{font-size:30px;line-height:1.32}
.bt-lead{margin-top:12px;font-size:15px;color:var(--bt-sub);line-height:1.7}
.bt-center{text-align:center}
.bt-sec-head.bt-center{max-width:760px;margin:0 auto 40px}
.bt-sec-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.bt-sec-head-row .bt-lead{max-width:420px;margin:0;text-align:right}
.bt-note{margin-top:26px;font-size:13px;color:#7a8290}

/* 필요한 작업 찾기 — 아이콘 줄 (10-07 11:53 증상 고르기 절을 빼서 상담 칸 바로 다음 절: 위 여백을 줄이고, 메뉴로 와도 제목이 머리말 아래 보이게) */
#services.bt-sec{padding-top:72px}
#services{scroll-margin-top:20px}
/* 10-07 14:24 Son 27169 「시안 5가 좋네 이걸로하고」 — 아이콘 시안 5 묶음 배지(/drafts/beta-icons/5-badge-group/) 그대로:
   회색 판 3묶음(누수·물 · 막힘·배수 · 생활 설비) + 꼬리표, 아이콘은 코드 그림(svg.fi)을 옅은 색 동그라미 배지에(회색 판 위라 흰 테두리 3px) */
.bt-svc{display:grid;grid-template-columns:4fr 4fr 8fr;gap:14px;margin-top:16px}
.bt-svc-grp{position:relative;background:#F3F5F8;border-radius:20px;padding:30px 8px 14px}
.bt-svc-tag{position:absolute;top:-11px;left:16px;display:inline-flex;align-items:center;height:24px;padding:0 11px;border-radius:7px;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:-.02em;line-height:1}
.bt-svc-t1{background:var(--bt-teal)}.bt-svc-t2{background:#7C8A93}
.bt-svc-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 2px}
.bt-svc-wide .bt-svc-row{grid-template-columns:repeat(8,minmax(0,1fr))}
.bt-svc-ic{display:flex;flex-direction:column;align-items:center;gap:9px;padding:6px 0 7px;border-radius:14px;color:#333D4B;text-align:center;transition:background .15s}
.bt-svc-ic:hover{background:#fff}
.bt-svc-ic span{font-size:13px;font-weight:650;line-height:1.3;letter-spacing:-.05em;white-space:nowrap}
.bt-svc-bdg{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 4px 12px rgba(15,26,54,.07);transition:transform .18s,box-shadow .18s}
.bt-svc-bdg .fi{width:34px;height:34px}
.bt-svc-ic:hover .bt-svc-bdg{transform:translateY(-3px);box-shadow:0 0 0 3px #fff,0 8px 18px rgba(15,26,54,.12)}
.bt-svc-ic:hover span{color:var(--bt-teal)}

/* 견적 비교 */
.bt-cost{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bt-cost-card{background:#fff;border:1px solid var(--bt-line-2);border-radius:var(--bt-radius);padding:24px 24px 22px;display:flex;flex-direction:column;gap:10px}
.bt-cost-card h3{font-size:18px}
.bt-cost-flow{font-size:13.5px;font-weight:700;color:var(--bt-teal-2);line-height:1.5}
.bt-cost-card p:not(.bt-cost-flow){font-size:14.5px;color:var(--bt-text);line-height:1.7}
.bt-outline{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;padding:10px 14px;border:1px solid #cbd1dc;border-radius:10px;font-size:14px;font-weight:700;color:var(--bt-ink)}
.bt-outline .bt-ico{width:16px;height:16px;color:var(--bt-teal)}
.bt-outline:hover{border-color:var(--bt-teal)}
.bt-cost-note{grid-column:1 / -1;display:flex;align-items:flex-start;gap:14px;background:var(--bt-teal-d);color:#fff;border-radius:14px;padding:18px 22px}
.bt-cost-note .bt-ico{width:24px;height:24px;color:var(--bt-yellow);margin-top:1px}
.bt-cost-note b{display:block;font-size:15px;font-weight:750;line-height:1.5}
.bt-cost-note span{display:block;margin-top:3px;font-size:13.5px;color:rgba(255,255,255,.78);line-height:1.6}

/* 진행 절차 */
.bt-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;position:relative;counter-reset:none}
.bt-steps::before{content:"";position:absolute;left:8.33%;right:8.33%;top:23px;height:2px;background:var(--bt-line)}
.bt-steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.bt-step-no{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--bt-teal);color:var(--bt-teal);font-weight:800;font-size:17px}
.bt-steps li.is-on .bt-step-no{background:var(--bt-teal);color:#fff}
.bt-steps b{display:block;font-size:16px;color:var(--bt-ink);font-weight:800}
.bt-steps p{margin-top:6px;font-size:13.5px;color:var(--bt-sub);line-height:1.6}

/* 현장 확인 */
.bt-checkcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.bt-checkcard{margin:0;display:flex;flex-direction:column;gap:14px}
.bt-checkcard-img{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3/2;background:#dfe3eb}
.bt-checkcard-img img{width:100%;height:100%;object-fit:cover}
.bt-checkcard figcaption b{display:block;font-size:16.5px;color:var(--bt-ink);font-weight:800}
.bt-checkcard figcaption span{display:block;margin-top:6px;font-size:14px;color:var(--bt-sub);line-height:1.65}

/* 지역 */
.bt-regions{display:flex;flex-wrap:wrap;gap:10px}
.bt-region{display:inline-flex;align-items:center;gap:6px;padding:10px 16px 10px 12px;border:1px solid var(--bt-line);border-radius:999px;background:#fff;font-size:15px;font-weight:700;color:var(--bt-ink);transition:border-color .15s,background .15s}
.bt-region .bt-ico{width:17px;height:17px;color:var(--bt-teal-2)}
.bt-region:hover{border-color:var(--bt-teal);background:var(--bt-soft)}

/* 다른 설비 작업 */
.bt-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bt-topic{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 14px;background:#fff;border:1px solid var(--bt-line-2);border-radius:12px;font-size:15px;font-weight:700;color:var(--bt-ink);transition:border-color .15s,box-shadow .15s}
.bt-topic:hover{border-color:#a3bcef;box-shadow:0 6px 16px rgba(15,26,54,.07)}
.bt-topic-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bt-tint);color:var(--bt-teal)}
.bt-topic-ico .bt-ico{width:15px;height:15px}

/* 자주 묻는 질문 */
.bt-ask{margin-top:24px;background:var(--bt-soft);border:1px solid var(--bt-line-2);border-radius:var(--bt-radius);padding:20px}
.bt-ask b{display:block;font-size:15.5px;color:var(--bt-ink)}
.bt-ask p{margin:4px 0 14px;font-size:13.5px;color:var(--bt-sub);line-height:1.6}
.bt-ask .bt-btn{padding:8px 16px 8px 8px;font-size:14px;gap:10px}
.bt-ask .bt-kk{width:30px;height:30px}
.bt-ask .bt-kk svg{width:18px;height:18px}
.bt-faq{border-top:2px solid var(--bt-ink)}
.bt-faq details{border-bottom:1px solid var(--bt-line)}
.bt-faq summary{list-style:none;display:flex;align-items:center;gap:14px;padding:20px 4px;cursor:pointer;font-size:16.5px;font-weight:750;color:var(--bt-ink);line-height:1.45}
.bt-faq summary::-webkit-details-marker{display:none}
.bt-faq summary>.bt-ico{margin-left:auto;width:20px;height:20px;color:#89919f;transition:transform .2s}
.bt-faq details[open] summary>.bt-ico{transform:rotate(180deg)}
.bt-q{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bt-teal);color:#fff;font-size:13px;font-weight:800;flex:0 0 auto}
.bt-faq-q{min-width:0}
.bt-faq details p{padding:0 8px 22px 46px;font-size:15px;color:var(--bt-text);line-height:1.75}

/* 아래 상담 띠 */
.bt-band{background:var(--bt-band);color:#fff;padding:52px 0}
.bt-band-in{display:flex;align-items:center;justify-content:space-between;gap:28px}
.bt-band h2{color:#fff;font-size:26px}
.bt-band p{margin-top:10px;font-size:15px;color:rgba(255,255,255,.8);line-height:1.7;max-width:560px}
.bt-band-cta{display:flex;gap:12px;flex:0 0 auto}
.bt-cta-white{background:#fff;color:var(--bt-ink)!important}
.bt-cta-white .bt-cta-ico{background:var(--bt-tint);color:var(--bt-teal)}
.bt-cta-yellow{background:var(--bt-yellow);color:#191919!important}
.bt-cta-yellow .bt-kk{background:#191919}
.bt-cta-yellow .bt-kk svg path{fill:var(--bt-yellow)}

/* 바닥글 */
.bt-footer{background:var(--bt-foot);color:rgba(255,255,255,.66);padding:48px 0 56px;font-size:13px;line-height:1.75}
.bt-footer-in{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}
.bt-footer-in>.bt-logo{justify-self:start}
.bt-logo-foot .bt-logo-name{color:#fff}
.bt-logo-foot .bt-logo-mark{background:#2468f6}
.bt-footer-txt p{margin:0}
.bt-footer-lead{color:#fff;font-weight:700;font-size:14px;margin-bottom:8px!important}
.bt-footer-txt a{color:#fff;text-decoration:underline!important;text-underline-offset:3px}
.bt-footer-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px}
.bt-footer-links a{font-weight:700}

/* 휴대폰 하단 바 */
.bt-bar{display:none}

/* 우측 빠른 문의(cta.js 가 붙이는 .quick-menu) — PC 에서만 */
.quick-menu{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;gap:8px}
.quick-menu a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;height:64px;border-radius:16px;font-size:11px;font-weight:800;letter-spacing:-.04em;box-shadow:0 10px 24px rgba(15,26,54,.16);background:#fff;color:var(--bt-ink);border:1px solid var(--bt-line)}
.quick-menu a svg{width:21px;height:21px}
.quick-menu .quick-menu-call{background:var(--bt-teal);color:#fff;border-color:var(--bt-teal)}
.quick-menu .quick-menu-kakao svg{background:var(--bt-yellow);color:#191919;border-radius:50%;padding:4px;width:26px;height:26px}
.quick-menu .quick-menu-form svg{color:var(--bt-teal)}
.quick-menu a:hover{transform:translateY(-1px)}

/* ── 반응형 */
/* 빠른 문의는 본문(1180px) 오른쪽에 자리가 남는 1360px 이상에서만 — 그보다 좁으면 사진·카드를 가린다(머리말 상담 버튼이 대신한다) */
@media (max-width:1359px){
  .quick-menu{display:none!important}
}
@media (max-width:1199px){
  .bt-svc{grid-template-columns:1fr 1fr;gap:30px 14px}
  .bt-svc-wide{grid-column:1/-1}
  .bt-svc-ic span{font-size:13.5px;letter-spacing:-.04em}
  .bt-quick-card{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
  .bt-quick-head{grid-column:1 / -1;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
  .bt-quick-head p{margin:0}
  .bt-consent,.bt-quick-note,.bt-quick-help,.bt-status{grid-column:1 / -1}
  .bt-field-etc{grid-column:1;grid-row:3}
  .bt-hero h1{font-size:36px}
}
@media (max-width:1100px){
  .bt-nav{gap:18px;font-size:14.5px}
  .bt-head-call{display:none}
}
@media (max-width:1023px){
  .bt-nav{display:none}
  .bt-head-call{display:flex}
  .bt-hero{padding:40px 0 112px}
  .bt-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:32px}
  .bt-hero h1{font-size:32px}
  .bt-cta{padding:10px 16px 10px 12px}
  .bt-split{grid-template-columns:minmax(0,1fr);gap:26px}
  .bt-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}
  .bt-steps::before{display:none}
  .bt-checkcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
  .bt-band-in{flex-direction:column;align-items:flex-start}
  .bt-footer-in{grid-template-columns:minmax(0,1fr);gap:18px}
  .bt-sec{padding:72px 0}
}
@media (max-width:860px){
  .bt-hero-grid{grid-template-columns:minmax(0,1fr)}
  .bt-hero-photo{aspect-ratio:16/9}
  .bt-quick-card{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bt-submit{grid-column:1 / -1}
  .bt-sec-head-row{flex-direction:column;align-items:flex-start;gap:12px}
  .bt-sec-head-row .bt-lead{text-align:left;max-width:none}
  .bt-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  body.bt{font-size:15px}
  /* 하단 바(68px)에 바닥글 끝이 가리지 않게 바닥글 아래를 늘린다 — 흰 띠가 생기지 않게 body 대신 바닥글에 준다 */
  .bt-footer{padding-bottom:calc(56px + 68px + env(safe-area-inset-bottom,0px))}
  .bt-br-mo{display:inline}
  .bt-wrap{padding:0 18px}
  .bt-header-in{height:60px;gap:12px}
  .bt-logo-mark{width:30px;height:30px;font-size:18px}
  .bt-logo-name{font-size:18px}
  .bt-head-call{display:none}
  .bt-head-form{padding:9px 14px;font-size:14px;background:#fff;color:var(--bt-teal)!important;border:1.5px solid var(--bt-teal)}
  .bt-head-form:hover{background:var(--bt-soft)}
  .bt-hero{padding:26px 0 96px}
  .bt-hero-grid{gap:24px}
  .bt-badges{margin-bottom:14px}
  .bt-hero h1{font-size:27px;line-height:1.32}
  .bt-intro{margin-top:14px;font-size:15px}
  .bt-checks{margin-top:16px;gap:8px 14px}
  .bt-checks li{font-size:13.5px}
  .bt-hero-cta{flex-direction:column;gap:10px;margin-top:22px}
  .bt-cta{width:100%;min-height:58px}
  .bt-hero-photo{aspect-ratio:4/3;border-radius:16px}
  .bt-quick{margin-top:-72px}
  .bt-quick-card{grid-template-columns:minmax(0,1fr);padding:22px 18px 18px;border-radius:16px;gap:14px}
  .bt-quick-head{display:block}
  .bt-quick-head p{margin-top:4px}
  .bt-field-etc{grid-column:auto;grid-row:auto}
  .bt-sec{padding:60px 0}
  #services.bt-sec{padding-top:56px}
  .bt-sec h2{font-size:24px}
  .bt-lead{font-size:14.5px}
  .bt-sec-head.bt-center{margin-bottom:28px}
  .bt-svc{grid-template-columns:1fr;gap:28px}
  .bt-svc-wide .bt-svc-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bt-svc-grp{padding:28px 6px 12px;border-radius:18px}
  .bt-svc-ic span{font-size:13px}
  .bt-svc-bdg{width:54px;height:54px}
  .bt-svc-bdg .fi{width:32px;height:32px}
  .bt-cost{grid-template-columns:minmax(0,1fr)}
  .bt-steps{grid-template-columns:minmax(0,1fr);gap:0;padding-left:0}
  .bt-steps li{flex-direction:row;align-items:flex-start;text-align:left;gap:16px;padding-bottom:22px}
  .bt-steps li:not(:last-child)::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--bt-line)}
  .bt-step-no{width:44px;height:44px;font-size:16px;flex:0 0 auto}
  .bt-steps li>div{padding-top:9px}
  .bt-steps p{margin-top:4px}
  .bt-checkcards{grid-template-columns:minmax(0,1fr);gap:26px}
  .bt-topics{grid-template-columns:minmax(0,1fr)}
  .bt-faq summary{font-size:15.5px;gap:12px;padding:18px 2px}
  .bt-faq details p{padding:0 4px 20px 40px;font-size:14.5px}
  .bt-band{padding:44px 0}
  .bt-band h2{font-size:22px}
  .bt-band-cta{flex-direction:column;width:100%}
  .bt-band-cta .bt-cta{width:100%}
  .bt-consent-body dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
  .bt-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--bt-line-2);box-shadow:0 -8px 24px rgba(15,26,54,.08);padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));transition:transform .22s ease,opacity .22s ease}
  .bt-bar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:12px;font-size:15.5px;font-weight:800}
  .bt-bar-call{background:var(--bt-teal);color:#fff!important}
  .bt-bar-kakao{background:#fff;border:1.5px solid #cfd4df;color:var(--bt-ink)!important}
  .bt-bar .bt-kk{width:28px;height:28px}
  .bt-bar .bt-kk svg{width:17px;height:17px}
  body.bt-form-active .bt-bar{transform:translateY(110%);opacity:0;visibility:hidden;pointer-events:none}
}
@media (max-width:374px){
  .bt-wrap{padding:0 16px}
  .bt-hero h1{font-size:24px}
  .bt-badge{font-size:12.5px}
  .bt-head-form{padding:8px 12px;font-size:13.5px}
  .bt-svc-ic span{font-size:12px;letter-spacing:-.06em}
  .bt-svc-bdg{width:46px;height:46px;box-shadow:0 0 0 2px #fff,0 3px 8px rgba(15,26,54,.07)}
  .bt-svc-bdg .fi{width:28px;height:28px}
  .bt-cta-txt b{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .bt *{transition:none!important}
}

/* ── nv-common ── */
/* 베타안 메뉴·버튼 시안 공통 (2026-10-07 Son 27269) — 영상 C3 흰·파랑에 맞춘 바탕·꼬리표·제목 강조·버튼
   nv-blue.css(베타안 홈 CSS 를 파랑으로 바꾼 사본) 다음에 읽는다. 「필요한 작업 찾기」 아이콘(.bt-svc)은 건드리지 않는다. */
:root{--nv-blue:#2468f6;--nv-blue-d:#1652d8;--nv-blue-dd:#0f3fb0;--nv-navy:#0f1a36;--nv-sky:#e9f0ff;--nv-bg:#e5e9f4;--nv-ring:0 0 0 4px rgba(36,104,246,.18)}
.nv .bt-hero{background:linear-gradient(180deg,#fff 0%,#f4f6fb 42%,#e6ebf5 100%)}
.nv .bt-badge{background:var(--nv-blue);gap:8px;padding:7px 15px 7px 13px;box-shadow:0 8px 18px rgba(36,104,246,.24)}
.nv .bt-badge .bt-ico{display:none}
.nv .bt-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;flex:0 0 auto}
.nv .nv-hl{font-style:normal;color:var(--nv-blue)}
.nv .bt-hero-video{border-radius:24px;box-shadow:0 26px 60px rgba(15,26,54,.14),0 0 0 1px rgba(15,26,54,.05)}
.nv .bt-vid-btn{background:rgba(15,26,54,.36)}
.nv .bt-vid-btn:hover,.nv .bt-vid-btn:focus-visible{background:rgba(15,26,54,.7)}
.nv .bt-checks .bt-ico{color:var(--nv-blue)}
.nv :focus-visible{outline-color:#5a92ff}
/* 아래 띠 — 영상 파랑 그라데이션 · 카톡 버튼은 흰 버튼(노란 카톡 표시만)
   (흰 반사광 겹 그라데이션은 뺐다 — 점검 도구가 띠 색을 옅게 재어 흰 글자 대비 1.7:1 로 잡았다, 10-07 재개 회차) */
.nv .bt-band{background:#1a55df linear-gradient(120deg,#2468f6 0%,#1a55df 55%,#1145c2 100%)}
.nv .bt-cta-yellow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55);color:#fff!important}
.nv .bt-cta-yellow:hover{background:rgba(255,255,255,.2)}
.nv .bt-cta-yellow .bt-kk{background:var(--bt-yellow)}
.nv .bt-cta-yellow .bt-kk svg path{fill:#191919}
.nv .bt-cta-white .bt-cta-ico{background:var(--nv-sky);color:var(--nv-blue)}
/* 휴대폰 틀(m/) 안 — 위 검은 안내 띠는 틀 밖에 있으니 뺀다 */
.nv-frame .bi-note{display:none}
/* 견적 비교 안내 띠의 ₩ 표시 — 베타 홈은 노랑, 시안은 파랑 통일이라 흰색 */
.nv .bt-cost-note .bt-ico{color:#fff}
/* 공통 버튼 모양 */
.nv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:800;line-height:1.2;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:background .18s,box-shadow .18s,transform .18s,color .18s,border-color .18s}
.nv-btn-blue{background:var(--nv-blue);color:#fff!important;box-shadow:0 10px 22px rgba(36,104,246,.28)}
.nv-btn-blue:hover{background:var(--nv-blue-d);transform:translateY(-1px);box-shadow:0 14px 28px rgba(36,104,246,.34)}
.nv-btn-white{background:#fff;color:var(--nv-navy)!important;border-color:#d6deec}
.nv-btn-white:hover{border-color:var(--nv-blue);color:var(--nv-blue)!important}
.nv-btn svg{width:18px;height:18px;flex:0 0 auto}
.nv-arrow{transition:transform .2s}
.nv-btn:hover .nv-arrow,a:hover>.nv-arrow{transform:translateX(3px)}
/* 영상처럼 버튼 위로 빛이 한 번씩 지나간다(동작 줄이기면 끔) */
.nv-shine{position:relative;overflow:hidden;isolation:isolate}
.nv-shine::after{content:"";position:absolute;inset:-2px auto -2px -60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 50%,rgba(255,255,255,0) 100%);transform:skewX(-18deg);animation:nv-shine 5.5s ease-in-out 1.2s infinite;pointer-events:none;z-index:1}
@keyframes nv-shine{0%,70%{left:-60%}100%{left:130%}}
/* 상담 칸으로 보내 줄 때 칸이 한 번 반짝 */
.nv .bt-quick-card.nv-flash{box-shadow:0 0 0 4px rgba(36,104,246,.28),0 22px 50px rgba(15,26,54,.13)}
.nv .nv-i{width:20px;height:20px;flex:0 0 auto}
/* 휴대폰: 베타안은 머리말 상담 버튼을 흰 테두리 버튼으로 바꾸는데, 시안들은 파란 버튼 그대로 */
@media (max-width:767px){
  .nv .bt-head-form.nv-btn-blue{background:var(--nv-blue);color:#fff!important;border:0;padding:9px 15px;font-size:14px}
  .nv .bt-head-form.nv-btn-blue:hover{background:var(--nv-blue-d)}
}
.nv-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){.nv-shine::after{animation:none;display:none}.nv *{transition:none!important;animation:none!important}}

/* ── nv-u ── */
/* 시안 U 상담 도우미 버튼·남색 머리말 (채널톡 상담 버튼·에어비앤비 도움말·쿠팡 고객센터 구조) */
.nv-u .quick-menu{display:none!important}
.nv-u .nvu-head{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .28s,box-shadow .28s,border-color .28s}
.nv-u .nvu-head.is-scrolled{background:rgba(15,26,54,.95);backdrop-filter:saturate(1.4) blur(10px);border-bottom-color:transparent;box-shadow:0 10px 28px rgba(15,26,54,.28)}
.nvu-head .bt-logo-name,.nvu-head-call{transition:color .28s}
.nvu-head.is-scrolled .bt-logo-name,.nvu-head.is-scrolled .bt-nav,.nvu-head.is-scrolled .nvu-head-call{color:#fff}
/* 메뉴 글자색은 링크에 바로 준다 — 부모(.bt-nav)와 링크에 색 전환이 겹치면 맨 위로 돌아올 때 흰 글자가 흰 바탕에 잠깐 남았다 */
.nvu-nav a{color:#333d4e}
.nvu-head.is-scrolled .nvu-nav a{color:#fff}
.nvu-head.is-scrolled .bt-logo-mark{background:#fff;color:var(--nv-blue)}
.nvu-nav{gap:4px!important}
.nvu-nav a{padding:8px 13px;border-radius:999px;transition:background .18s,color .28s}
.nvu-nav a:hover{background:rgba(36,104,246,.1);color:var(--nv-blue)}
.nvu-head.is-scrolled .nvu-nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.nvu-head-form{padding:11px 20px;font-size:14.5px}
.nvu-head-call{display:inline-flex;align-items:center;gap:7px;font-size:15.5px;color:var(--nv-navy)}
.nvu-head-call .bt-ico{width:18px;height:18px;color:var(--nv-blue)}
.nvu-head.is-scrolled .nvu-head-call .bt-ico{color:#8db4ff}
.nvu-head-call b{font-weight:800;letter-spacing:-.02em}
/* 첫 화면 — 큰 파란 전화 + 흰 카톡 */
.nvu-cta{gap:10px}
.nvu-main{display:inline-flex;align-items:center;gap:12px;min-height:64px;padding:8px 24px 8px 10px;border-radius:999px;background:var(--nv-blue);color:#fff!important;box-shadow:0 14px 30px rgba(36,104,246,.3);transition:background .18s,transform .18s}
.nvu-main:hover{background:var(--nv-blue-d);transform:translateY(-2px)}
.nvu-main-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--nv-blue)}
.nvu-main-ic .bt-ico{width:21px;height:21px}
.nvu-main-t{display:flex;flex-direction:column;line-height:1.2}
.nvu-main-t small{font-size:12.5px;font-weight:700;opacity:.88}
.nvu-main-t b{font-size:19px;font-weight:800;letter-spacing:-.02em}
.nvu-kk{display:inline-flex;align-items:center;gap:10px;min-height:64px;padding:8px 22px 8px 10px;border-radius:999px;background:#fff;border:1px solid #d6deec;color:var(--nv-navy)!important;transition:border-color .18s}
.nvu-kk:hover{border-color:var(--nv-blue)}
.nvu-kk .bt-kk{width:46px;height:46px}
.nvu-kk>span:last-child{display:flex;flex-direction:column;line-height:1.25}
.nvu-kk b{font-size:15.5px;font-weight:800}
.nvu-kk small{font-size:12.5px;color:#5b6982;font-weight:600}
.nvu-ask{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;margin-top:16px;margin-right:16px;min-height:44px;font-size:14.5px;font-weight:800;color:var(--nv-blue);cursor:pointer;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b9cdf7}
.nvu-ask:hover{text-decoration-color:var(--nv-blue)}
.nvu-ask:focus-visible{outline:3px solid #5a92ff;outline-offset:3px;border-radius:6px}
.nvu-ask .nv-i{width:19px;height:19px}
/* 첫 화면 두 글자 링크(질문 보기 · 증상별 서비스 보기)를 같은 높이·같은 줄에 맞춘다 */
.nvu-ask,.nv-u .bt-hero-more{vertical-align:top}
.nv-u .bt-hero-more{margin-top:16px;min-height:44px}
/* 도우미 버튼 */
.nvu-launch{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px}
.nvu-hello{background:#fff;color:var(--nv-navy);font-size:14px;font-weight:800;padding:11px 16px;border-radius:16px 16px 4px 16px;box-shadow:0 12px 28px rgba(15,26,54,.16);border:1px solid #e3e9f4;transition:opacity .3s,transform .3s;white-space:nowrap}
.nvu-quiet .nvu-hello{opacity:0;transform:translateX(10px);pointer-events:none}
.nvu-fab{all:unset;box-sizing:border-box;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--nv-blue);color:#fff;cursor:pointer;box-shadow:0 14px 30px rgba(36,104,246,.42);transition:transform .2s,background .2s}
.nvu-fab:hover{transform:scale(1.06);background:var(--nv-blue-d)}
.nvu-fab:focus-visible{outline:3px solid #5a92ff;outline-offset:3px}
.nvu-fab .nv-i{width:28px;height:28px}
.nvu-launch{transition:opacity .25s,visibility .25s,transform .25s}
.nvu-open .nvu-launch,.nv-u.bt-form-active .nvu-launch{opacity:0;visibility:hidden;transform:translateY(16px)}
/* 도우미 판 */
.nvu-panel{position:fixed;right:24px;bottom:24px;z-index:96;width:390px;max-height:min(680px,calc(100vh - 48px));display:flex;flex-direction:column;background:#fff;border-radius:24px;box-shadow:0 30px 70px rgba(15,26,54,.3);border:1px solid #e3e9f4;overflow:hidden;animation:nvu-in .24s cubic-bezier(.2,.8,.2,1)}
.nvu-panel[hidden]{display:none}
@keyframes nvu-in{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.nvu-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:20px 18px 16px 22px;background:linear-gradient(135deg,#2468f6,#1145c2);color:#fff}
.nvu-kick{display:flex;align-items:center;gap:7px;margin:0 0 4px;font-size:12.5px;font-weight:700;opacity:.92}
.nvu-dot{width:7px;height:7px;border-radius:50%;background:#fff}
.nvu-hd h2{margin:0;color:#fff;font-size:21px;letter-spacing:-.04em}
.nvu-x{all:unset;box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;cursor:pointer;margin:-6px -6px 0 0}
.nvu-x:hover{background:rgba(255,255,255,.14)}.nvu-x:focus-visible{outline:3px solid #fff}
.nvu-body{overflow:auto;padding:14px 16px 18px;background:#f5f7fc}
.nvu-acts{display:grid;gap:8px}
.nvu-act{display:flex;align-items:center;gap:12px;min-height:62px;padding:8px 14px 8px 10px;border-radius:16px;background:#fff;border:1px solid #e3e9f4;color:var(--nv-navy)!important;transition:border-color .18s,transform .18s}
.nvu-act:hover{border-color:var(--nv-blue);transform:translateY(-1px)}
.nvu-act>span:last-child{display:flex;flex-direction:column;line-height:1.3}
.nvu-act b{font-size:15px;font-weight:800}
.nvu-act small{font-size:12.5px;color:#5b6982;font-weight:600}
.nvu-act-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--nv-sky);color:var(--nv-blue);flex:0 0 auto}
.nvu-act-ic .bt-ico,.nvu-act-ic .nv-i{width:20px;height:20px}
.nvu-act-call{background:var(--nv-blue);border-color:var(--nv-blue);color:#fff!important}
.nvu-act-call small{color:rgba(255,255,255,.85)}
.nvu-act-call .nvu-act-ic{background:#fff}
.nvu-act .bt-kk{width:42px;height:42px;border-radius:13px}
.nvu-sub{margin:18px 4px 8px;font-size:13px;font-weight:800;color:#6a7790}
.nvu-faq details{background:#fff;border:1px solid #e3e9f4;border-radius:14px;margin-bottom:6px}
.nvu-faq summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;cursor:pointer;font-size:14.5px;font-weight:750;color:var(--nv-navy);line-height:1.4}
.nvu-faq summary::-webkit-details-marker{display:none}
.nvu-faq summary .bt-q{width:24px;height:24px;font-size:12px;background:var(--nv-blue)}
.nvu-faq summary>.bt-ico{margin-left:auto;width:18px;height:18px;color:#89919f;transition:transform .2s;flex:0 0 auto}
.nvu-faq details[open] summary>.bt-ico{transform:rotate(180deg)}
.nvu-faq details p{margin:0;padding:0 14px 14px 46px;font-size:13.5px;color:#38465f;line-height:1.65}
.nvu-works{display:flex;flex-wrap:wrap;gap:6px}
.nvu-w{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:3px 12px 3px 4px;border-radius:999px;background:#fff;border:1px solid #e3e9f4;font-size:13.5px;font-weight:750;color:var(--nv-navy)}
.nvu-w:hover{border-color:var(--nv-blue);color:var(--nv-blue)}
.nvu-w-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%}
.nvu-w-ic svg{width:20px;height:20px}
@media (max-width:1100px){.nvu-head-call b{display:none}}
@media (max-width:767px){
  .nvu-launch{display:none}
  .nv-u .nvu-head.is-scrolled{box-shadow:0 6px 18px rgba(15,26,54,.25)}
  .nvu-cta{flex-direction:column}
  .nvu-main,.nvu-kk{width:100%}
  .nvu-main{min-height:62px}
  .nvu-panel{left:0;right:0;bottom:0;width:auto;max-height:88vh;border-radius:24px 24px 0 0;animation-name:nvu-up}
  @keyframes nvu-up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
  .nvu-body{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .nv-u .bt-bar{grid-template-columns:minmax(0,1.3fr) auto auto;gap:8px}
  .nvu-bar-call{background:var(--nv-blue);color:#fff!important;border-radius:14px;box-shadow:0 8px 18px rgba(36,104,246,.3)}
  .nvu-bar-kk{padding:0 14px;background:#fff;border:1.5px solid #d6deec;color:var(--nv-navy)!important;border-radius:14px}
  .nvu-bar-help{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:0 14px;border-radius:14px;background:var(--nv-sky);color:var(--nv-blue);font-size:15px;font-weight:800;cursor:pointer}
  .nvu-bar-help .nv-i{width:20px;height:20px}
  .nvu-bar .bt-kk{width:26px;height:26px}
  .nvu-bar .bt-kk svg{width:16px;height:16px}
}
@media (max-width:374px){
  .nvu-bar-kk span:last-child,.nvu-bar-help span{display:none}
  .nvu-main-t b{font-size:17px}
}

/* ── nv-s (검색창) ── */
/* 시안 S 증상 검색 메뉴 (숨고·네이버 검색창·당근 구조) */
.nvs-head .bt-header-in{gap:20px}
.nvs-box{position:relative;flex:1 1 auto;max-width:470px;min-width:0}
.nvs-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:var(--nv-blue);pointer-events:none}
.nvs-ic .nv-i{width:19px;height:19px}
.nvs-in{width:100%;height:48px;border:1.5px solid transparent;border-radius:999px;background:#f1f4fa;padding:0 18px 0 44px;font:inherit;font-size:15px;font-weight:600;color:var(--nv-navy);outline:none;transition:background .18s,border-color .18s,box-shadow .18s;-webkit-appearance:none;appearance:none}
.nvs-in::-webkit-search-cancel-button{-webkit-appearance:none}
.nvs-in:hover{background:#eaeff8}
.nvs-in:focus{background:#fff;border-color:var(--nv-blue);box-shadow:var(--nv-ring)}
.nvs-type{position:absolute;left:45px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:600;color:#7d879b;pointer-events:none;white-space:nowrap;overflow:hidden;max-width:calc(100% - 60px)}
.nvs-type::after{content:"";display:inline-block;width:1.5px;height:16px;margin-left:2px;vertical-align:-2px;background:var(--nv-blue);animation:nvs-caret 1s steps(1) infinite}
@keyframes nvs-caret{50%{opacity:0}}
.nvs-box.is-typing .nvs-in::placeholder{color:transparent}
.nvs-box:not(.is-typing) .nvs-type{display:none}
.nvs-pop{position:absolute;left:0;top:calc(100% + 8px);width:max(100%,440px);z-index:70;background:#fff;border:1px solid #e3e9f4;border-radius:20px;box-shadow:0 24px 54px rgba(15,26,54,.18);padding:10px;max-height:min(70vh,560px);overflow:auto}
.nvs-sec-t{margin:6px 8px 8px;font-size:12.5px;font-weight:800;color:#6a7790}
.nvs-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 6px 8px}
.nvs-chip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;background:#f1f4fa;font-size:13.5px;font-weight:700;color:var(--nv-navy);cursor:pointer}
.nvs-chip:hover,.nvs-chip:focus-visible{background:var(--nv-sky);color:var(--nv-blue);outline:none;box-shadow:inset 0 0 0 1.5px var(--nv-blue)}
.nvs-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px}
.nvs-row:hover,.nvs-row.is-act{background:#f3f6fc}
.nvs-row-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 3px #fff,0 3px 8px rgba(15,26,54,.08)}
.nvs-row-ic svg{width:28px;height:28px}
.nvs-row-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.nvs-row-t a{font-size:15px;font-weight:800;color:var(--nv-navy);text-decoration:none}
.nvs-row-t a:hover{color:var(--nv-blue);text-decoration:underline;text-underline-offset:3px}
.nvs-row-t small{font-size:12.5px;color:#6a7790;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nvs-fill{all:unset;box-sizing:border-box;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:0 13px;border-radius:999px;background:var(--nv-blue);color:#fff;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.nvs-fill:hover{background:var(--nv-blue-d)}
.nvs-fill:focus-visible{outline:3px solid #5a92ff;outline-offset:2px}
.nvs-none{padding:12px 10px 8px;font-size:14px;color:#38465f}
.nvs-none b{color:var(--nv-navy)}
.nvs-none .nvs-fill{margin-top:10px}
.nvs-nav{gap:20px!important;flex:0 0 auto}
.nvs-nav a:hover{color:var(--nv-blue)}
.nvs-head-form{padding:11px 18px;font-size:14.5px}
.nvs-head-call{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:800;color:var(--nv-navy);white-space:nowrap}
.nvs-head-call .bt-ico{width:18px;height:18px;color:var(--nv-blue)}
.nvs-head-call:hover{color:var(--nv-blue)}
.nvs-open{all:unset;box-sizing:border-box;display:none;place-items:center;width:42px;height:42px;border-radius:50%;background:#f1f4fa;color:var(--nv-blue);cursor:pointer}
.nvs-open .nv-i{width:20px;height:20px}
.nvs-open:focus-visible{outline:3px solid #5a92ff;outline-offset:2px}
/* 첫 화면 검색 막대(휴대폰·태블릿) */
.nvs-hero{all:unset;box-sizing:border-box;display:none;align-items:center;gap:10px;width:100%;margin-top:22px;min-height:60px;padding:6px 6px 6px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--nv-blue);box-shadow:0 12px 28px rgba(36,104,246,.16);cursor:pointer;text-align:left}
.nvs-hero:focus-visible{outline:3px solid #5a92ff;outline-offset:3px}
.nvs-hero-ic{display:grid;place-items:center;color:var(--nv-blue)}
.nvs-hero-ic .nv-i{width:21px;height:21px}
.nvs-hero-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25;font-size:15.5px;font-weight:800;color:var(--nv-navy)}
.nvs-hero-t small{font-size:12.5px;font-weight:600;color:#7d879b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nvs-hero-go{flex:0 0 auto;display:inline-flex;align-items:center;height:46px;padding:0 18px;border-radius:999px;background:var(--nv-blue);color:#fff;font-size:14.5px;font-weight:800}
.nvs-cta{margin-top:14px}
.nv-s .bt-cta-call{background:var(--nv-blue)}
.nv-s .bt-cta-call:hover{background:var(--nv-blue-d)}
/* 화면 전체 검색판 */
.nvs-sheet{position:fixed;inset:0;z-index:90;background:rgba(15,26,54,.4);display:flex;align-items:flex-start;justify-content:center}
.nvs-sheet[hidden]{display:none}
.nvs-sheet-in{width:100%;max-width:640px;max-height:100%;overflow:auto;background:#fff;border-radius:0 0 22px 22px;padding:12px 16px 18px;box-shadow:0 24px 54px rgba(15,26,54,.22)}
.nvs-sheet-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.nvs-sheet-t{margin:0;font-size:16px;font-weight:800;color:var(--nv-navy)}
.nvs-x{all:unset;box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--nv-navy);cursor:pointer}
.nvs-x:hover{background:#f1f4fa}.nvs-x:focus-visible{outline:3px solid #5a92ff}
.nvs-box-m{max-width:none}
.nvs-box-m .nvs-ic{top:24px}
.nvs-box-m .nvs-pop{position:static;width:auto;margin-top:10px;border:0;box-shadow:none;padding:4px 0 0;max-height:none}
@media (max-width:1359px){.nvs-nav{display:none}}
@media (max-width:1199px){.nvs-head-call span{display:none}}
@media (max-width:1023px){
  .nvs-head .nvs-box{display:none}
  .nvs-open{display:grid}
  .nvs-head .bt-head-cta{margin-left:auto}
  .nvs-hero{display:flex}
  .nv-s .bt-head-call{display:none}
}
@media (max-width:767px){
  .nvs-head-call{display:none}
  .nvs-open{width:40px;height:40px}
  .nvs-sheet-in{border-radius:0;min-height:100%}
  .nv-s .bt-bar{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px}
  .nvs-bar-q{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;border-radius:14px;background:#fff;border:1.5px solid var(--nv-blue);color:var(--nv-blue);font-size:15px;font-weight:800;cursor:pointer}
  .nvs-bar-q .nv-i{width:18px;height:18px}
  .nvs-bar-call{background:var(--nv-blue);color:#fff!important;border-radius:14px}
  .nvs-bar-kk{padding:0 14px;background:#fff;border:1.5px solid #d6deec;color:var(--nv-navy)!important;border-radius:14px}
  .nvs-bar .bt-kk{width:26px;height:26px}
  .nvs-bar .bt-kk svg{width:16px;height:16px}
  .nvs-row-t small{white-space:normal}
}
@media (max-width:374px){
  .nvs-bar-kk span:last-child{display:none}
  .nvs-hero-t small{display:none}
  .nvs-hero-go{padding:0 14px}
}
@media (prefers-reduced-motion:reduce){.nvs-type::after{animation:none}}

/* ── 영상 C3 칸 ── */
.bt-hero-video{aspect-ratio:1/1}
#heroVideo{scroll-margin-top:140px}
.bt-hero-vid{display:block;width:100%;height:100%;object-fit:cover}
.bt-vid-btn{position:absolute;right:12px;top:12px;width:36px;height:36px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(15,34,40,.42);color:#fff;cursor:pointer;opacity:.8;transition:opacity .15s,background .15s}
.bt-vid-btn:hover,.bt-vid-btn:focus-visible{opacity:1;background:rgba(15,34,40,.72)}
.bt-vid-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bt-vid-btn svg{width:16px;height:16px}
.bt-vid-btn .i-play,.bt-vid-btn.is-paused .i-pause{display:none}
.bt-vid-btn.is-paused .i-play{display:block}
@media (max-width:860px){.bt-hero-video{width:100%;max-width:520px;justify-self:center}}
@media (max-width:767px){.bt-hero-video{max-width:480px;border-radius:16px}.bt-vid-btn{right:10px;top:10px;width:34px;height:34px}}
/* ── 10-08 PC 검색·휴대폰 첫 화면 영상 ── */
/* 내리면 남색 머리말 — 검색창은 흰 알약(옅은 회색 알약은 남색에 묻힘) */
.nv-us .nvu-head.is-scrolled .nvs-in{background:#fff}
.nv-us .nvu-head.is-scrolled .nvs-in:hover{background:#f5f8fe}
.nv-us .nvu-head.is-scrolled .nvs-in:focus{border-color:#8db4ff;box-shadow:0 0 0 4px rgba(141,180,255,.32)}
/* 첫 화면 = 위 글(꼬리표·제목) + 영상 + 아래 글(소개·버튼). PC 는 예전처럼 왼쪽 글·오른쪽 영상 —
   영상이 두 줄을 걸치고 위 글은 줄 아래쪽·아래 글은 줄 위쪽에 붙어 글 덩어리가 영상 가운데에 온다 */
.nv-us .bt-hero-grid{grid-template-rows:auto auto;row-gap:0}
.nv-us .nvh-lead{grid-column:1;grid-row:1;align-self:end}
.nv-us .nvh-rest{grid-column:1;grid-row:2;align-self:start}
.nv-us #heroVideo{grid-column:2;grid-row:1 / span 2;align-self:center}
@media (max-width:860px){
  .nv-us .nvh-lead,.nv-us .nvh-rest,.nv-us #heroVideo{grid-column:1;grid-row:auto}
  .nv-us #heroVideo{margin-top:20px}
  .nv-us .nvh-rest{margin-top:6px}
}
/* 휴대폰: 제목 바로 밑 영상이 처음 화면에 다 들어오게 — 첫 화면 높이(100svh, 주소창이 보이는 높이)에서
   머리말 61 · 위 여백 26 · 꼬리표 33+14 · 제목 두 줄 72 · 영상 위 14 · 하단 바 69 · 숨 쉴 틈 13 = 302px 를 뺀 만큼(최대 칸 너비) */
@media (max-width:767px){
  .nv-us #heroVideo{margin-top:14px;width:clamp(220px,calc(100vh - 302px - env(safe-area-inset-bottom,0px)),100%);width:clamp(220px,calc(100svh - 302px - env(safe-area-inset-bottom,0px)),100%)}
  .nv-us .nvh-rest{margin-top:4px}
}
/* 꼬리표 옆 회색 보조 문구는 이 폭에서 따로 한 줄을 차지한다 → 휴대폰에서는 빼고 영상 자리로 */
@media (max-width:519px){.nv-us .bt-badge-sub{display:none}}
/* ── 10-08 다크 모드에서도 흰 바탕 ── */
:root{color-scheme:only light}
/* ── 10-08 상담 칸 「잘 모르겠어요」 → 어떤 점을 모르는지 적는 칸 ── */
/* 그때만 보임 · PC(1200~)는 작업·지역·연락처 세 칸 폭(2줄째) · 1199 이하는 첫 칸부터 세 칸 폭(3줄째) · 휴대폰은 작업 칸 바로 밑 */
.bt-field-unsure[hidden]{display:none!important}
.bt-field-unsure{grid-column:2 / span 3;grid-row:2}
.bt-field-unsure .bt-opt{font-weight:600;color:var(--bt-sub)}
.bt-input.bt-unsure-in{display:block;height:auto;min-height:76px;padding:12px 14px;line-height:1.5;resize:none}
@media (max-width:1199px){.bt-field-unsure{grid-column:1 / span 3;grid-row:3}}
@media (max-width:767px){.bt-field-unsure{grid-column:auto;grid-row:auto}}