/* 공용 1벌 — 4사이트 공통 조각이 쓰는 규칙 · 토큰 · 글꼴 선언 · PC 플로팅 · 하단 바 · 머리 · 꼬리 · 신뢰 표지(서신 #106 R1 ⓒ · HT-088 · 틀 v3 설계서 3-1 ⓐ · 3-2 ⓐ · 원천 = 95 뼈대 인라인 style[b25ddf3e] + pcf95-css + k135hd 가운데 공용 선택자 · #3104 가름 · 비부품 → 95공통 · 92 ⓐ 16종 = 92 회차 합류) */
@font-face{font-family:'PcfPretendard';font-weight:300;font-display:swap;src:local('Pretendard Light'),url(/assets/fonts/Pretendard-Light.woff2) format('woff2')}
@font-face{font-family:'PcfPretendard';font-weight:400;font-display:swap;src:local('Pretendard Regular'),url(/assets/fonts/Pretendard-Regular.woff2) format('woff2')}
@font-face{font-family:'PcfPretendard';font-weight:500;font-display:swap;src:local('Pretendard Medium'),url(/assets/fonts/Pretendard-Medium.woff2) format('woff2')}
@font-face{font-family:'PcfPretendard';font-weight:600;font-display:swap;src:local('Pretendard SemiBold'),url(/assets/fonts/Pretendard-SemiBold.woff2) format('woff2')}
@font-face{font-family:'PcfPretendard';font-weight:700;font-display:swap;src:local('Pretendard Bold'),url(/assets/fonts/Pretendard-Bold.woff2) format('woff2')}
@font-face{font-family:'PcfPretendard';font-weight:900;font-display:swap;src:local('Pretendard Black'),url(/assets/fonts/Pretendard-Black.woff2) format('woff2')}
:root{--paper:#fff;--bg:#f4f5f7;--navy:#1f2b52;--blue:#3a68ad;--lblue:#ebf3fe;
--ink:#20262e;--sub:#5c6572;--pen:#9aa3b0;--line:#e4e8ee;--gold:#b99150;
--serif:"Noto Serif KR","Apple SD Gothic Neo",serif;
--sans:'PcfPretendard',"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
body.big{font-size:16.5px}
.trust{margin-top:14px;border-top:1px solid var(--line);padding-top:11px;font-size:10.8px;color:var(--sub);line-height:1.75}
.trust .tt{font-size:11.5px;font-weight:800;color:var(--navy);line-height:1.45;margin-bottom:5px}
.trust li{list-style:none}
.trust li::before{content:"";display:inline-block;width:4px;height:4px;border-radius:2px;background:var(--gold);margin:0 6px 2px 0}
.trust .firm{margin-top:5px;color:var(--pen);font-weight:700}
/* PC 플로팅 세트 — 92 fbw2+fbar 동일 이식(#382) */
.fbw2{position:fixed;right:18px;bottom:74px;z-index:69;width:292px;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:14px;box-shadow:0 10px 24px rgba(20,30,55,.14);padding:10px 10px 9px}
.fbw2-t{font-size:10.5px;font-weight:800;color:var(--gold);letter-spacing:.08em;margin-bottom:7px}
.fbw2-g{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.fbw2-g a,.fbw2-g button{border:1px solid var(--line);border-radius:9px;padding:7px 6px;text-align:center;font-size:10.5px;line-height:1.3;font-weight:800;color:var(--navy);background:#fbfcfe}
.fbw2-g a:hover,.fbw2-g button:hover{border-color:var(--gold)}
.fbar{position:fixed;right:18px;bottom:18px;z-index:70;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:99px;padding:7px 12px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px rgba(15,25,45,.18);font-size:12.5px}
.fbar .sep{width:1px;height:14px;background:var(--line)}
.fbar button{border:none;background:none;font-weight:800;color:var(--navy);font-size:12.5px;display:flex;align-items:center;gap:4px;padding:0}
.fbar button svg{width:14px;height:14px}
.fbar .lbl{color:var(--pen);font-size:11px}
.fbar #likeBtn.on{color:var(--gold)}
.qd-bar{display:none}
@media(max-width:1100px){.fbw2,.fbar{display:none}
/* kit87 — 구 모바일 하단층 CSS «교체»(#397 §3 회차 B · 유령 규칙 0) */
/* kit87 — 캡슐 독(브랜드 4) + 사분원 FAB(F-1 말풍선) + 펼침 D-1 (#397 §3 회차 B · 유틸 스택 없음) */
@media(max-width:960px){.qd-bar{position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));height:60px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px 4px;z-index:80;border-radius:30px;background:#fff;border:1px solid rgba(28,43,74,.06);box-shadow:0 4px 10px rgba(15,23,42,.08),0 18px 40px rgba(15,23,42,.18);padding:4px 5px 4px 82px;overflow:hidden}
.qd-bar a,.qd-bar button{display:flex;align-items:center;justify-content:center;white-space:nowrap;letter-spacing:-.02em;background:#f4f6fa;border-radius:12px;text-decoration:none}
.qd-bar a b,.qd-bar button b{font-size:13.5px;font-weight:800;color:#1c2b4a}
.qd-bar a i,.qd-bar button i{font-style:normal;font-size:11px;font-weight:500;color:#9aa3b5}
.qd-fab{position:fixed;left:16px;bottom:calc(14px + env(safe-area-inset-bottom));width:74px;height:74px;border-radius:37px 37px 12px 37px;z-index:82;border:0;padding:0;cursor:pointer;font-family:inherit;color:#fff;background:linear-gradient(145deg,#ff7a49,#f4551f);box-shadow:0 12px 28px rgba(244,85,31,.4)}
.qd-fab .qd-i{position:absolute;left:50%;top:16px;transform:translateX(-50%)}
.qd-fab .qd-i svg{width:19px;height:19px;color:#fff;fill:#fff}
.qd-fab .qd-t{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:15px;font-weight:800;letter-spacing:.02em}
.qd-dim{position:fixed;inset:0;z-index:81;background:rgba(16,22,36,0);visibility:hidden;transition:.18s}
.qd-stack{position:fixed;left:16px;right:16px;bottom:calc(104px + env(safe-area-inset-bottom));z-index:83;display:flex;flex-direction:column;gap:12px;visibility:hidden}
.qd-stack .qd-mini,.qd-stack .qd-card{opacity:0;transform:translateY(16px);transition:.2s}
body.qd-open .qd-dim{background:rgba(16,22,36,.44);visibility:visible}
body.qd-open .qd-stack{visibility:visible}
body.qd-open .qd-stack .qd-mini,body.qd-open .qd-stack .qd-card{opacity:1;transform:none}
body.qd-open .qd-stack .qd-card{transition-delay:.05s}
body.qd-open .qd-fab .qd-i,body.qd-open .qd-fab .qd-t{opacity:0}
body.qd-open .qd-fab:after{content:'\2715';position:absolute;left:50%;bottom:26px;transform:translateX(-50%);font-size:23px;font-weight:800;color:#fff}
.qd-mini{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.97);border:1px solid rgba(28,43,74,.10);border-radius:15px;height:56px;padding:0 16px;text-decoration:none;box-shadow:0 8px 22px rgba(15,23,42,.16)}
.qd-mini svg{width:17px;height:17px;color:#41506e;flex:0 0 auto}
.qd-mini .qd-hint{font-size:11.5px;color:#8a93a6;font-weight:700;line-height:1.3}
.qd-mini .qd-num{font-size:17px;font-weight:800;color:#1c2b4a;margin-left:2px}
.qd-mini .qd-lbl{margin-left:auto;font-size:11.5px;color:#8a93a6;font-weight:700;text-align:right;line-height:1.35}
.qd-card{display:block;text-decoration:none;background:linear-gradient(140deg,#ff7a49,#f4551f);color:#fff;border-radius:20px;padding:20px 20px 18px;box-shadow:0 18px 44px rgba(244,85,31,.42)}
.qd-card .qd-r1{display:flex;align-items:center;gap:10px}
.qd-card .qd-r1 svg{width:22px;height:22px;color:#fff;flex:0 0 auto}
.qd-card .qd-r1 b{font-size:23px;font-weight:800;letter-spacing:-.01em}
.qd-card .qd-badge{margin-left:auto;font-size:11.5px;font-weight:800;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.34);border-radius:20px;padding:5px 11px;white-space:nowrap}
.qd-card .qd-desc{display:block;margin-top:12px;font-size:13.5px;line-height:1.62;color:rgba(255,255,255,.94);font-weight:500;word-break:keep-all}
.qd-card .qd-desc b{font-weight:800;color:#fff}
.qd-card .qd-go{margin-top:13px;display:flex;align-items:center;justify-content:center;gap:7px;height:46px;border-radius:13px;background:#fff;color:#e2490f;font-size:16.5px;font-weight:800}}
/* 좌레일 → 상단 가로 칩 스트립(92 종결사례 문법) */
/* 우레일 → 모바일 숨김(#145 B) · 접이식 목차 .mtoc + 소개 카드 .mtrust로 대체 */
/* 홈 타일 2열 칩 */
/* 유사사례찾기 입력부 세로 스택 */
/* ── #145 B — 접이식 목차·소개 카드(모바일 한정·PC 불변) ── */
.mtrust{display:block;background:var(--paper);border:1px solid var(--line);border-radius:12px;
  padding:16px 18px;margin:14px 0 0;font-size:13.5px;line-height:1.8;color:var(--sub)}
.mtrust .tt{font-size:15px;font-weight:900;color:var(--navy);line-height:1.5;margin-bottom:6px}
.mtrust li{list-style:none}
.mtrust li::before{content:"";display:inline-block;width:4px;height:4px;border-radius:2px;background:var(--gold);margin:0 7px 3px 0}
.mtrust .firm{margin-top:6px;color:var(--pen);font-weight:700}}
@media(min-width:961px){.qd-bar,.qd-fab,.qd-dim,.qd-stack,.fbar,.fbw2{display:none}}
@media(min-width:1101px){.mtrust{display:none}}
/* embed 오버레이(A안, #388) */
/* pcf95-css */
.pcf{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.pcf-stack{width:224px;display:flex;flex-direction:column;gap:10px;text-align:left}
.pcf-stack *{box-sizing:border-box}
.pcf-stack .card{background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:14px;box-shadow:0 10px 24px rgba(20,30,55,.14)}
.pcf-stack .lb{font-size:11px;font-weight:800;color:#8b95a1;letter-spacing:.08em}
.pcf-stack .ftel{padding:11px 14px;text-align:center}
.pcf-stack .ftel a{display:block;margin-top:3px;font-size:19px;font-weight:900;color:#1c2b4a;text-decoration:none}
.pcf-stack .fcs{padding:12px;text-align:center}
.pcf-stack .fcs .go{display:flex;align-items:center;justify-content:center;height:40px;border-radius:9px;background:#f4551f;color:#fff;font-size:14px;font-weight:800;text-decoration:none}
.pcf-stack .fcs .go:hover{background:#e2490f}
.pcf-stack .fcs .cap2{margin-top:7px;font-size:8.5px;line-height:1.55;color:#4c5668;font-weight:600;word-break:keep-all}
.pcf-stack .fcs .cap2 b{font-weight:800;color:#1c2b4a}
.pcf-stack .fbr{padding:10px 10px 9px;text-align:center}
.pcf-stack .fbr .lb{display:block;margin:0 0 7px;text-align:center}
.pcf-stack .fbr .g{display:grid;gap:6px}
.pcf-stack .fbr .g a,.pcf-stack .fbr .g button{display:flex;align-items:center;justify-content:center;height:36px;border:1px solid rgba(15,25,45,.1);border-radius:10px;font-size:12.5px;font-weight:800;color:#26324e;text-decoration:none;background:#f8fafc;white-space:nowrap}
.pcf-stack .fbr .g a:hover,.pcf-stack .fbr .g button:hover{background:#eef2f8}
.pcf-stack .futl{border-radius:99px;padding:7px 12px;display:flex;gap:9px;align-items:center;justify-content:center;font-size:12.5px}
.pcf-stack .futl button{font-family:inherit;cursor:pointer;white-space:nowrap}
.pcf-stack .futl .sh{background:#233249;color:#fff;border:0;border-radius:99px;padding:7px 15px;font-weight:800;font-size:12.5px}
.pcf-stack .futl .sep{width:1px;align-self:stretch;background:rgba(0,0,0,.1)}
.pcf-stack .futl .lbl{color:#5c6572;font-weight:700;white-space:nowrap}
.pcf-stack .futl .fz{width:30px;height:30px;border-radius:50%;border:1px solid #e4e8ee;background:#fff;font-weight:800;color:#3d4757;font-size:12px}
.pcf-grp{display:flex;flex-direction:column;gap:10px;transition:opacity 260ms cubic-bezier(.2,.8,.25,1),transform 260ms cubic-bezier(.2,.8,.25,1)}
.pcf-grp.hid{opacity:0;transform:translateY(16px);pointer-events:none;height:0;overflow:hidden;margin:0}
.pcf-chip{display:flex;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;border-radius:99px;padding:7px 13px;font-size:11.5px;font-weight:800;font-family:inherit;background:rgba(255,255,255,.92);color:#3d4757;box-shadow:0 8px 20px rgba(15,23,42,.25);transition:opacity .2s}
.pcf-chip.hid{opacity:0;pointer-events:none;height:0;padding:0;overflow:hidden}
.pcf-mini{display:flex;align-items:center;gap:9px;border-radius:99px;padding:10px 18px;box-shadow:0 10px 26px rgba(15,23,42,.35);font-size:13px;font-weight:800;cursor:pointer;transition:opacity 260ms;border:0;font-family:inherit;background:linear-gradient(140deg,#ff7a49,#f4551f);color:#fff}
.pcf-mini.hid{opacity:0;pointer-events:none;height:0;padding:0;overflow:hidden}
.pcf-mini .dot{width:8px;height:8px;border-radius:50%;background:#fff}
@media(max-width:960px){.pcf{display:none}}
/* 5-3 같은 링크 세 벌 → 한 벌(서신 #106 R3 ⓔ · HT-088): 브랜드 링크는 꼬리말 1벌만 <a> · 플로팅 바 · 하단 바 · PC 플로팅의 같은 목적지는 <button data-href>(화면 부품 · 위 a 규칙의 선택자 쌍둥이가 button에도 적용) */
.fbw2-g button,.qd-bar button,.pcf-stack .fbr .g button{font-family:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;text-align:center}
.qd-bar button{border:0}
/* 날짜 줄(서신 #109 R2 · ★대표 지시 #2987 · 날2 「12px 회색」 첫 시공 · 제목 위 · 꼬리말 위 두 자리 같은 꼴 · 가로 가운데[PC · 모바일] · 좌우 안쪽 여백 = .stage와 같은 값 · 줄바꿈은 막지 않음[글꼴 대체 때 잘리지 않고 두 줄] · 아래 띄움은 글자 있는 줄만[빈 자리 표지 = 높이 0 그대로]) */
.dateline{font-size:12px;line-height:1.6;color:#8a8f98;text-align:center;padding:0 18px}
.dateline:not(:empty){margin:0 0 10px}
@media(max-width:1100px){.dateline{padding:0 12px}}
/* ★대표 지시 #2987 · #3085 · 서신 #133 R1 — 날짜 줄 = 모바일 360 폭 한 줄 폰트 · PC 12px 그대로 */
@media(max-width:480px){.dateline{font-size:11px}}