/* /assets/css/pages.css — 형블리 분야 페이지(.lp-*) 전용. 리블리 pages.css(2026-09-30) 복제 + 형블리 추가분(맨 아래). [2026-10-01]
 *   /criminal/ · /criminal/{fraud-economic,sex-crime,dui-traffic,assault-threat,drug-crime}
 * ★ 헤더·모바일메뉴·푸터·FAB 는 홈 index.css 가 담당(이 파일보다 먼저 로드). body·.header·.footer·.inner 등
 *   사이트 공용 클래스는 여기서 건드리지 않는다(홈과 달라지면 안 됨). 색·버튼 모양은 홈 히어로(hero-v3)와 맞춤.
 */
:root{
  --lp-navy:#12172b; --lp-navy2:#1f2239; --lp-blue:#263FA4; --lp-sky:#36a4e7; --lp-sky2:#65bfeb; --lp-ice:#8fd3f7;
  --lp-ink:#12172b; --lp-body:#353d56; --lp-muted:#6b7490; --lp-line:#e4e8f2; --lp-bg:#f6f7fb; --lp-tint:#eef3fc;
  --lp-warm:#b8752f; --lp-warm2:#e0a45e; --lp-warm-bg:#fbf6ee;
  --lp-radius:18px; --lp-shadow:0 10px 30px rgba(18,23,43,.06);
}

/* 홈의 고정 퀵바가 없는 페이지 → 하단 여백만 되돌림 */
body.lp-page{padding-bottom:0}
html:has(body.lp-page){scroll-behavior:smooth}

.lp-main{padding-top:80px;color:var(--lp-body);font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:break-word;background:#fff}
.lp-main a{-webkit-tap-highlight-color:transparent}
.lp-main img{max-width:100%;height:auto}
.lp-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}
.lp-ico{flex:0 0 auto;display:inline-block;vertical-align:middle}

/* ── 버튼(홈 히어로 CTA 와 같은 결) ── */
.lp-btns{display:flex;flex-wrap:wrap;gap:12px}
.lp-btns--center{justify-content:center}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 24px;border-radius:14px;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;cursor:pointer}
.lp-btn--lg{min-height:58px;padding:0 28px;font-size:17px}
.lp-btn--sky{background:linear-gradient(135deg,#36a4e7,#2563eb);color:#fff;box-shadow:0 10px 28px rgba(37,99,235,.35)}
.lp-btn--sky:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(37,99,235,.45)}
.lp-btn--line{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(16,21,33,.25)}
.lp-btn--line:hover{background:rgba(255,255,255,.12)}
.lp-btn--white{background:#fff;color:var(--lp-blue)}
.lp-btn--white:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.lp-btn--ghost{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.lp-btn--ghost:hover{background:rgba(255,255,255,.1)}
.lp-btn--solid{background:var(--lp-blue);color:#fff}
.lp-btn--solid:hover{background:#1e3490}

/* ── 공통 히어로(핵심 쟁점·허브) ── */
.lp-hero{position:relative;overflow:hidden;color:#fff;padding:56px 0 64px;
  background:radial-gradient(900px 420px at 88% -12%,rgba(101,191,235,.30),transparent 62%),linear-gradient(135deg,#101521 0%,#1b2459 55%,#263FA4 100%)}
.lp-hero::after{content:'';position:absolute;right:-120px;bottom:-220px;width:560px;height:560px;border-radius:50%;border:1px solid rgba(143,211,247,.16);box-shadow:0 0 0 70px rgba(143,211,247,.035),0 0 0 140px rgba(143,211,247,.025);pointer-events:none}
.lp-hero--gray{background:radial-gradient(820px 420px at 90% -10%,rgba(224,164,94,.30),transparent 60%),linear-gradient(135deg,#101521 0%,#23285a 58%,#3a3f7a 100%)}
.lp-hero--gray::after{border-color:rgba(224,164,94,.18);box-shadow:0 0 0 70px rgba(224,164,94,.04),0 0 0 140px rgba(224,164,94,.03)}
.lp-hero-in{position:relative;z-index:1}
.lp-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.62);margin:0 0 22px}
.lp-crumb a{color:inherit;text-decoration:none}
.lp-crumb a:hover{color:#fff}
.lp-crumb em{font-style:normal;color:rgba(255,255,255,.92)}
.lp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--lp-ice);margin:0 0 18px;padding:7px 15px;border:1px solid rgba(143,211,247,.42);border-radius:999px;background:rgba(16,21,33,.3)}
.lp-hero--gray .lp-eyebrow{color:#f3c98f;border-color:rgba(243,201,143,.45)}
.lp-hero h1,.lp-lhero h1,.lp-ahero h1{color:#fff;font-size:44px;line-height:1.3;font-weight:800;letter-spacing:-.02em;margin:0 0 18px;max-width:920px;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.lp-lead{font-size:18px;line-height:1.75;color:#dfe7f3;max-width:760px;margin:0 0 30px}
.lp-hero-meta{font-size:13.5px;color:rgba(255,255,255,.55);margin:24px 0 0}

/* ── 쟁점 탭 ── */
.lp-tabs{background:#fff;border-bottom:1px solid var(--lp-line)}
.lp-tabs-in{display:flex;gap:8px;overflow-x:auto;padding-top:16px;padding-bottom:16px;scrollbar-width:none}
.lp-tabs-in::-webkit-scrollbar{display:none}
.lp-tab{flex:0 0 auto;padding:9px 17px;border-radius:999px;border:1px solid var(--lp-line);background:#fff;color:var(--lp-body);font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}
.lp-tab:hover{border-color:var(--lp-sky);color:var(--lp-blue)}
.lp-tab.is-gray::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lp-warm2);margin:0 7px 2px 0;vertical-align:middle}
.lp-tab.on{background:var(--lp-blue);border-color:var(--lp-blue);color:#fff}
.lp-tab.on.is-gray{background:linear-gradient(135deg,#8a5424,#c0843e);border-color:#a8692c}
.lp-tab.on.is-gray::before{background:#fff}

/* ── 본문 레이아웃(목차 + 글) ── */
.lp-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;padding-top:52px;padding-bottom:80px}
.lp-toc-in{position:sticky;top:108px}
.lp-toc-h{font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--lp-muted);margin:0 0 12px}
.lp-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--lp-line)}
.lp-toc li a{display:block;margin-left:-2px;padding:7px 0 7px 16px;border-left:2px solid transparent;font-size:14.5px;line-height:1.45;color:var(--lp-muted);text-decoration:none;transition:color .15s,border-color .15s}
.lp-toc li a:hover{color:var(--lp-blue)}
.lp-toc li a.on{color:var(--lp-blue);border-left-color:var(--lp-blue);font-weight:700}
.lp-toc-cta{display:flex;align-items:center;gap:12px;margin-top:26px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#1f2239,#263FA4);color:#fff;text-decoration:none;box-shadow:0 12px 26px rgba(38,63,164,.22);transition:transform .15s}
.lp-toc-cta:hover{transform:translateY(-2px)}
.lp-toc-cta span{display:flex;flex-direction:column;line-height:1.35}
.lp-toc-cta b{font-size:15px}
.lp-toc-cta small{font-size:12.5px;color:var(--lp-ice);margin-top:2px}
.lp-article{min-width:0;max-width:800px}

/* ── 글 타이포 ── */
.lp-summary{background:linear-gradient(135deg,#f3f7ff,#edf3fd);border:1px solid #d9e4f7;border-radius:20px;padding:26px 30px;margin:0 0 48px}
.lp-issue--gray .lp-summary{background:linear-gradient(135deg,#fdf8f1,#f8efe2);border-color:#efdcc2}
.lp-summary-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--lp-blue);margin:0 0 14px}
.lp-issue--gray .lp-summary-h{color:#8a5424}
.lp-summary ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.lp-summary li{position:relative;padding-left:20px;font-size:16.5px;line-height:1.65;color:var(--lp-ink);font-weight:500}
.lp-summary li::before{content:'';position:absolute;left:2px;top:.68em;width:8px;height:8px;border-radius:50%;background:var(--lp-sky)}
.lp-issue--gray .lp-summary li::before{background:var(--lp-warm2)}

.lp-sec{margin:0 0 60px;scroll-margin-top:100px}
.lp-sec h2,.lp-checklist h2,.lp-faq h2{font-size:29px;line-height:1.38;font-weight:800;color:var(--lp-ink);letter-spacing:-.015em;margin:0 0 20px}
.lp-sec h2::before{content:'';display:block;width:36px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--lp-blue),var(--lp-sky));margin-bottom:16px}
.lp-issue--gray .lp-sec h2::before{background:linear-gradient(90deg,#a8692c,var(--lp-warm2))}
.lp-main h3{font-size:20.5px;line-height:1.45;font-weight:800;color:var(--lp-ink);margin:32px 0 10px}
.lp-sec p,.lp-lsec-body > p{margin:0 0 16px}
.lp-main strong{font-weight:700;color:var(--lp-ink)}
.lp-sec p strong,.lp-list li strong,.lp-lsec-body > p strong{background:linear-gradient(transparent 62%,rgba(101,191,235,.30) 0)}
.lp-link{color:var(--lp-blue);font-weight:600;text-decoration:underline;text-decoration-color:rgba(38,63,164,.35);text-underline-offset:3px}
.lp-link:hover{text-decoration-color:var(--lp-blue)}

.lp-list{margin:4px 0 20px;padding:0;list-style:none;display:grid;gap:9px}
.lp-list li{position:relative;padding-left:22px}
.lp-list li::before{content:'';position:absolute;left:5px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--lp-blue)}
.lp-olist{counter-reset:lp}
.lp-olist li{counter-increment:lp;padding-left:34px}
.lp-olist li::before{content:counter(lp);width:23px;height:23px;left:0;top:.28em;border-radius:50%;background:var(--lp-tint);color:var(--lp-blue);font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}

/* 표 */
.lp-table-wrap{max-width:100%;margin:6px 0 26px;overflow-x:auto;border:1px solid var(--lp-line);border-radius:16px;background:#fff;-webkit-overflow-scrolling:touch;box-shadow:var(--lp-shadow)}
.lp-table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.62}
.lp-table--c3,.lp-table--c4{min-width:620px}
.lp-table caption{caption-side:top;text-align:left;padding:15px 18px 12px;font-size:14px;font-weight:800;color:var(--lp-muted);border-bottom:1px solid var(--lp-line)}
.lp-table th,.lp-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--lp-line)}
.lp-table thead th{background:var(--lp-navy2);color:#fff;font-weight:700;font-size:14.5px;border-bottom:0;white-space:nowrap}
.lp-table tbody th{font-weight:700;color:var(--lp-ink);background:#f8f9fd;min-width:118px}
.lp-table tbody tr:last-child th,.lp-table tbody tr:last-child td{border-bottom:0}
.lp-table tbody tr:hover td{background:#fbfcff}

/* 강조 박스 */
.lp-callout{display:flex;gap:14px;padding:20px 22px;border-radius:16px;margin:6px 0 26px;border:1px solid}
.lp-callout--info{background:#f1f6ff;border-color:#d5e3fb;color:#23407a}
.lp-callout--tip{background:#effaf5;border-color:#cbeedc;color:#1d5a41}
.lp-callout--warn{background:#fff6eb;border-color:#f8d6ab;color:#7a4413}
.lp-callout-ico{flex:0 0 auto;margin-top:2px}
.lp-callout-body{min-width:0}
.lp-callout-title{display:block;font-size:16.5px;font-weight:800;margin:0 0 5px;color:inherit!important}
.lp-callout p{margin:0;font-size:15.5px;line-height:1.72;color:inherit}
.lp-callout p strong{color:inherit;background:none}

/* 단계(타임라인) */
.lp-steps{list-style:none;margin:10px 0 28px;padding:0}
.lp-step{position:relative;display:flex;gap:18px;padding:0 0 24px}
.lp-step:not(:last-child)::before{content:'';position:absolute;left:23px;top:50px;bottom:2px;width:2px;background:linear-gradient(var(--lp-sky),rgba(54,164,231,.12))}
.lp-step-num{flex:0 0 48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--lp-blue),var(--lp-sky));color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(38,63,164,.25)}
.lp-issue--gray .lp-step-num{background:linear-gradient(135deg,#8a5424,var(--lp-warm2));box-shadow:0 8px 18px rgba(168,105,44,.25)}
.lp-step-body{padding-top:10px;min-width:0}
.lp-step-body strong{display:block;font-size:18px;line-height:1.45;color:var(--lp-ink);margin:0 0 5px}
.lp-step-body p{margin:0;font-size:16px;line-height:1.72}

/* 비교 */
.lp-compare{display:grid;gap:16px;margin:8px 0 28px}
.lp-compare--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-compare--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-compare-col{position:relative;border:1px solid var(--lp-line);border-top:4px solid var(--lp-blue);border-radius:18px;padding:24px 22px;background:#fff;box-shadow:var(--lp-shadow)}
.lp-compare-col--2{border-top-color:var(--lp-sky)}
.lp-compare-col--3{border-top-color:#7b8bd6}
.lp-compare-tag{display:inline-block;font-size:12.5px;font-weight:800;color:var(--lp-blue);background:var(--lp-tint);padding:4px 11px;border-radius:999px;margin:0 0 10px}
.lp-compare h4{font-size:19px;line-height:1.4;font-weight:800;margin:0 0 12px;color:var(--lp-ink)}
.lp-compare ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.lp-compare li{position:relative;padding-left:24px;font-size:15.5px;line-height:1.62}
.lp-compare li::before{content:'';position:absolute;left:3px;top:.42em;width:11px;height:6px;border-left:2px solid var(--lp-sky);border-bottom:2px solid var(--lp-sky);transform:rotate(-45deg)}

/* 숫자 타일 */
.lp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:8px 0 28px}
.lp-stat{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border-radius:18px;color:#fff;background:linear-gradient(155deg,#12172b,#263FA4)}
.lp-issue--gray .lp-stat{background:linear-gradient(155deg,#1b1f3d,#5a4a6a 70%,#8a5f3a)}
.lp-stat-val{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--lp-ice)!important;background:none!important}
.lp-issue--gray .lp-stat-val{color:#f6cf98!important}
.lp-stat-label{font-size:15px;font-weight:600;line-height:1.45;color:#fff}
.lp-stat-note{font-style:normal;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.66)}

/* 카드 */
.lp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:8px 0 28px}
.lp-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-card{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border:1px solid var(--lp-line);border-radius:18px;background:#fff;color:var(--lp-body);text-decoration:none;box-shadow:var(--lp-shadow);transition:transform .2s,box-shadow .2s,border-color .2s}
a.lp-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(18,23,43,.12);border-color:#cfdaf3}
.lp-card-ico{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#263FA4,#4a6cf7);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 0 6px}
.lp-card h4{font-size:18px;line-height:1.4;font-weight:800;color:var(--lp-ink);margin:0}
.lp-card p{font-size:15px;line-height:1.66;margin:0}
.lp-card ul{margin:6px 0 0;padding:12px 0 0;border-top:1px dashed var(--lp-line);list-style:none;display:grid;gap:6px}
.lp-card ul li{position:relative;padding-left:16px;font-size:14px;font-weight:600;color:var(--lp-blue);line-height:1.5}
.lp-card ul li::before{content:'';position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--lp-blue)}
.lp-card-more{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:var(--lp-blue)}

/* 체크리스트 */
.lp-checks{list-style:none;margin:8px 0 26px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.lp-checks li{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#f7f9fe;border:1px solid #e6ecf8;font-size:15.5px;line-height:1.62}
.lp-checks li .lp-ico{color:var(--lp-sky);margin-top:2px}
.lp-issue--gray .lp-checks li .lp-ico{color:var(--lp-warm)}

/* 조문 인용 */
.lp-quote{margin:8px 0 26px;padding:20px 24px;border-left:4px solid var(--lp-blue);background:#f8f9fd;border-radius:0 14px 14px 0}
.lp-quote p{margin:0 0 8px;font-size:16.5px;line-height:1.72;color:var(--lp-ink)}
.lp-quote cite{font-style:normal;font-size:13.5px;color:var(--lp-muted)}

/* 본문 중간 상담 유도 */
.lp-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 28px;margin:0 0 60px;border-radius:20px;color:#fff;background:radial-gradient(500px 200px at 100% 0,rgba(101,191,235,.3),transparent 60%),linear-gradient(135deg,#1f2239,#263FA4)}
.lp-inline-cta strong{display:block;font-size:19px;line-height:1.4;margin:0 0 5px;color:#fff}
.lp-inline-cta p{margin:0;color:rgba(255,255,255,.8);font-size:15px;line-height:1.62}
.lp-inline-cta .lp-btn{flex:0 0 auto}
.lp-inline-cta--wide{max-width:1136px;margin:0 auto;border-radius:22px;position:relative;top:0}
.lp-landing .lp-inline-cta--wide{margin-top:-8px;margin-bottom:0;transform:translateY(0)}

/* 상담 전 준비 */
.lp-checklist{margin:0 0 56px;padding:32px 30px 26px;border-radius:22px;background:var(--lp-bg);border:1px solid var(--lp-line)}
.lp-checklist h2{font-size:24px;margin-bottom:16px}
.lp-checklist .lp-checks li{background:#fff}
.lp-checklist-tip{margin:4px 0 0;font-size:15px;line-height:1.65;color:var(--lp-muted)}

/* FAQ */
.lp-faq{margin:0 0 48px;scroll-margin-top:100px}
.lp-faq-list{display:grid;gap:10px}
.lp-faq-item{border:1px solid var(--lp-line);border-radius:16px;background:#fff;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.lp-faq-item[open]{border-color:#cfdaf3;box-shadow:var(--lp-shadow)}
.lp-faq-item summary{list-style:none;display:flex;align-items:flex-start;gap:12px;padding:18px 20px;cursor:pointer;font-size:17px;font-weight:700;line-height:1.5;color:var(--lp-ink)}
.lp-faq-item summary::-webkit-details-marker{display:none}
.lp-faq-q{flex:0 0 28px;height:28px;border-radius:50%;background:var(--lp-blue);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:-1px}
.lp-faq-qt{flex:1;min-width:0}
.lp-faq-tg{flex:0 0 20px;height:20px;position:relative;margin-top:3px}
.lp-faq-tg::before,.lp-faq-tg::after{content:'';position:absolute;left:3px;right:3px;top:9px;height:2px;border-radius:2px;background:var(--lp-muted);transition:transform .2s}
.lp-faq-tg::after{transform:rotate(90deg)}
.lp-faq-item[open] .lp-faq-tg::after{transform:rotate(0)}
.lp-faq-a{padding:0 22px 20px 60px;font-size:16px;line-height:1.78;color:var(--lp-body)}

/* 관련 법령·참고 자료 */
.lp-refs{border-top:1px solid var(--lp-line);padding-top:24px;display:grid;gap:14px}
.lp-refs-row{display:flex;gap:16px;align-items:flex-start}
.lp-refs-h{flex:0 0 76px;font-size:13.5px;font-weight:800;color:var(--lp-muted);padding-top:5px}
.lp-law-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lp-law-chips li{font-size:13.5px;line-height:1.4;padding:6px 12px;border-radius:999px;background:#f1f4fa;color:#46506d}
.lp-src-list{margin:0;padding:0;list-style:none;display:grid;gap:5px;min-width:0}
.lp-src-list a{font-size:14px;color:var(--lp-blue);text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.lp-refs-date{font-size:13px;color:var(--lp-muted);margin:0}

/* 관련 쟁점 */
.lp-related{background:var(--lp-bg);padding:68px 0}
.lp-related-title{font-size:28px;font-weight:800;color:var(--lp-ink);letter-spacing:-.015em;margin:0 0 24px}
.lp-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.lp-related-card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:18px;background:#fff;border:1px solid var(--lp-line);color:var(--lp-body);text-decoration:none;box-shadow:var(--lp-shadow);transition:transform .2s,box-shadow .2s,border-color .2s}
.lp-related-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(18,23,43,.1);border-color:#cfdaf3}
.lp-related-ico{width:46px;height:46px;border-radius:13px;background:var(--lp-tint);color:var(--lp-blue);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.lp-related-card.is-gray .lp-related-ico{background:#f8ecdc;color:#9a5c22}
.lp-related-card strong{font-size:18px;color:var(--lp-ink)}
.lp-related-desc{font-size:14.5px;line-height:1.6}
.lp-related-more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:var(--lp-blue)}

/* 하단 CTA 밴드 */
.lp-cta-band{color:#fff;text-align:center;padding:84px 0;background:radial-gradient(900px 400px at 12% 0%,rgba(101,191,235,.26),transparent 60%),linear-gradient(135deg,#101521 0%,#1b2459 60%,#263FA4 100%)}
.lp-cta-kicker{font-size:13px;font-weight:800;letter-spacing:.16em;color:var(--lp-ice);margin:0 0 12px}
.lp-cta-band h2{font-size:36px;line-height:1.35;font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 14px}
.lp-cta-text{font-size:17.5px;line-height:1.72;color:rgba(255,255,255,.82);max-width:680px;margin:0 auto 32px}
.lp-cta-note{margin:22px 0 0;font-size:14px;color:rgba(255,255,255,.58)}

/* ══ 이혼소송 준비(랜딩) ══ */
.lp-lhero{position:relative;overflow:hidden;color:#fff;padding:64px 0 80px;
  background:radial-gradient(900px 480px at 92% 8%,rgba(101,191,235,.26),transparent 60%),linear-gradient(135deg,#0d1220 0%,#18204f 52%,#263FA4 100%)}
.lp-lhero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);pointer-events:none}
.lp-lhero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.lp-lhero h1{font-size:50px}
.lp-chips{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lp-chips li{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.92)}
.lp-chips .lp-ico{color:var(--lp-ice)}
.lp-lhero-map{list-style:none;margin:0;padding:22px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;gap:10px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.lp-lhero-map li a{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-weight:700;font-size:16.5px;transition:background .2s,transform .2s}
.lp-lhero-map li a:hover{background:rgba(255,255,255,.14);transform:translateX(4px)}
.lp-map-num{flex:0 0 38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#36a4e7,#65bfeb);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#0d1220}
.lp-map-t{flex:1}
.lp-lhero-map li a .lp-ico{opacity:.55}

.lp-anchors{position:sticky;top:80px;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--lp-line);box-shadow:0 6px 18px rgba(18,23,43,.04)}
.lp-anchors-in{max-width:1200px;margin:0 auto;padding:11px 32px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.lp-anchors-in::-webkit-scrollbar{display:none}
.lp-anchors a{flex:0 0 auto;padding:8px 16px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--lp-body);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.lp-anchors a:hover{color:var(--lp-blue);background:var(--lp-tint)}
.lp-anchors a.on{background:var(--lp-blue);color:#fff}

.lp-lsec{padding:92px 0;scroll-margin-top:136px}
.lp-lsec--white{background:#fff}
.lp-lsec--tint{background:var(--lp-bg)}
.lp-lsec--navy{color:rgba(255,255,255,.84);background:radial-gradient(800px 380px at 90% 0,rgba(101,191,235,.2),transparent 60%),linear-gradient(135deg,#101521,#1b2459 70%,#22307e)}
.lp-lsec-head{text-align:center;max-width:800px;margin:0 auto 46px}
.lp-kicker{font-size:13px;font-weight:800;letter-spacing:.16em;color:var(--lp-sky);margin:0 0 12px}
.lp-lsec h2{font-size:40px;line-height:1.32;font-weight:800;letter-spacing:-.02em;color:var(--lp-ink);margin:0 0 14px}
.lp-lsec-intro{font-size:18px;line-height:1.72;color:var(--lp-muted);margin:0}
.lp-lsec-body{max-width:1040px;margin:0 auto}
.lp-lsec-body > p,.lp-lsec-body > h3,.lp-lsec-body > .lp-list,.lp-lsec-body > .lp-steps,.lp-lsec-body > .lp-callout,.lp-lsec-body > .lp-quote{max-width:840px;margin-left:auto;margin-right:auto}
.lp-lsec--navy h2,.lp-lsec--navy h3,.lp-lsec--navy h4,.lp-lsec--navy strong{color:#fff}
.lp-lsec--navy .lp-kicker{color:var(--lp-ice)}
.lp-lsec--navy .lp-lsec-intro{color:rgba(255,255,255,.72)}
.lp-lsec--navy p strong,.lp-lsec--navy .lp-list li strong{background:none}
.lp-lsec--navy .lp-link{color:var(--lp-ice);text-decoration-color:rgba(143,211,247,.45)}
.lp-lsec--navy .lp-list li::before{background:var(--lp-ice)}
.lp-lsec--navy .lp-card,.lp-lsec--navy .lp-compare-col{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none;color:rgba(255,255,255,.8)}
.lp-lsec--navy a.lp-card:hover{background:rgba(255,255,255,.1);border-color:rgba(143,211,247,.4)}
.lp-lsec--navy .lp-card-ico{background:linear-gradient(135deg,#36a4e7,#65bfeb);color:#0d1220}
.lp-lsec--navy .lp-card-more{color:var(--lp-ice)}
.lp-lsec--navy .lp-card ul{border-top-color:rgba(255,255,255,.14)}
.lp-lsec--navy .lp-card ul li{color:var(--lp-ice)}
.lp-lsec--navy .lp-card ul li::before{background:var(--lp-ice)}
.lp-lsec--navy .lp-compare-tag{background:rgba(143,211,247,.14);color:var(--lp-ice)}
.lp-lsec--navy .lp-checks li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.86)}
.lp-lsec--navy .lp-step-body p{color:rgba(255,255,255,.78)}
.lp-lsec--navy .lp-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.lp-lsec--tint .lp-checks li,.lp-lsec--tint .lp-card,.lp-lsec--tint .lp-compare-col{background:#fff}
.lp-landing-tail{max-width:1040px;padding-top:80px;padding-bottom:30px}

/* ══ 리블리 소개 ══ */
.lp-ahero{position:relative;overflow:hidden;color:#fff;padding:52px 0 0;
  background:radial-gradient(900px 480px at 85% 10%,rgba(101,191,235,.24),transparent 60%),linear-gradient(135deg,#0d1220 0%,#18204f 55%,#263FA4 100%)}
.lp-ahero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end}
.lp-ahero-copy{padding-bottom:84px}
.lp-ahero h1{font-size:48px}
.lp-ahero h1 span{color:var(--lp-sky2)}
.lp-ahero-photo{position:relative;margin:0;border-radius:28px 28px 0 0;overflow:hidden;box-shadow:0 -10px 60px rgba(0,0,0,.35);line-height:0}
.lp-ahero-photo img{display:block;width:100%;height:auto}
.lp-ahero-photo figcaption{position:absolute;left:22px;bottom:22px;display:flex;flex-direction:column;gap:2px;padding:11px 16px;border-radius:12px;background:rgba(16,21,33,.78);border:1px solid rgba(101,191,235,.35);backdrop-filter:blur(6px);line-height:1.3}
.lp-ahero-photo figcaption b{font-size:16px;color:#fff}
.lp-ahero-photo figcaption span{font-size:12px;color:#a9bcd6}
.lp-stats--facts{margin-top:36px}
.lp-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 40px}
.lp-svc-card{display:flex;flex-direction:column;gap:10px;padding:30px 26px;border-radius:22px;background:#fff;border:1px solid var(--lp-line);box-shadow:var(--lp-shadow);color:var(--lp-body);text-decoration:none;transition:transform .2s,box-shadow .2s}
.lp-svc-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(18,23,43,.12)}
.lp-svc-card h3{margin:4px 0 0;font-size:22px}
.lp-svc-card p{margin:0;font-size:15.5px;line-height:1.7}
.lp-svc-ico{width:60px;height:60px;border-radius:18px;background:var(--lp-tint);color:var(--lp-blue);display:flex;align-items:center;justify-content:center}
.lp-svc-card--accent{background:linear-gradient(150deg,#1f2239,#263FA4);border-color:transparent;color:rgba(255,255,255,.82)}
.lp-svc-card--accent h3{color:#fff}
.lp-svc-card--accent .lp-svc-ico{background:rgba(255,255,255,.12);color:#fff}
.lp-svc-card--accent .lp-card-more{color:var(--lp-ice)}
.lp-features{max-width:900px;margin:0 auto;padding:30px;border-radius:22px;background:#fff;border:1px solid var(--lp-line)}
.lp-features h3{margin:0 0 14px;font-size:20px;color:var(--lp-blue)}
.lp-features .lp-checks{margin:0}
.lp-platform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.lp-platform-list{display:grid;gap:16px}
.lp-platform-item{display:flex;gap:18px;padding:24px;border-radius:20px;background:var(--lp-bg);border:1px solid var(--lp-line)}
.lp-platform-item h3{margin:0 0 6px;font-size:19px}
.lp-platform-item p{margin:0;font-size:15.5px;line-height:1.7}
.lp-platform-no{flex:0 0 auto;font-size:26px;font-weight:800;color:var(--lp-sky);line-height:1.1}
.lp-platform-flow{padding:28px 28px 8px;border-radius:22px;background:linear-gradient(160deg,#101521,#1f2a6b);color:rgba(255,255,255,.8)}
.lp-platform-flow-h{margin:0 0 20px;font-size:18px;font-weight:800;color:#fff}
.lp-platform-flow .lp-step-body strong{color:#fff}
.lp-platform-flow .lp-step-body p{color:rgba(255,255,255,.75)}
.lp-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1040px;margin:0 auto}
.lp-next-card{display:flex;flex-direction:column;gap:6px;padding:30px 30px;border-radius:22px;background:linear-gradient(135deg,#f3f7ff,#e9f0fd);border:1px solid #d9e4f7;color:var(--lp-body);text-decoration:none;transition:transform .2s,box-shadow .2s}
.lp-next-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(18,23,43,.1)}
.lp-next-k{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--lp-sky)}
.lp-next-card strong{font-size:22px;line-height:1.4;color:var(--lp-ink)}
.lp-next-card span:last-child{display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:700;color:var(--lp-blue)}
.lp-about-next{padding:72px 0}

/* ══ 핵심 쟁점 허브 ══ */
.lp-hub-group{padding:76px 0}
.lp-hub-group--gray{background:linear-gradient(180deg,#fcf8f2 0%,#f7efe3 100%)}
.lp-hub-head{text-align:center;max-width:780px;margin:0 auto 38px}
.lp-hub-head h2{font-size:36px;line-height:1.3;font-weight:800;color:var(--lp-ink);letter-spacing:-.02em;margin:0 0 10px}
.lp-hub-head p:not(.lp-kicker){margin:0;font-size:17px;line-height:1.7;color:var(--lp-muted)}
.lp-hub-group--gray .lp-kicker{color:var(--lp-warm)}
.lp-hub-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.lp-hub-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lp-hub-card{display:flex;flex-direction:column;gap:10px;padding:26px 22px;border-radius:20px;background:#fff;border:1px solid var(--lp-line);box-shadow:var(--lp-shadow);color:var(--lp-body);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.lp-hub-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(18,23,43,.12);border-color:#cfdaf3}
.lp-hub-ico{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#263FA4,#4a6cf7);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.lp-hub-group--gray .lp-hub-ico{background:linear-gradient(135deg,#8a5424,var(--lp-warm2))}
.lp-hub-group--gray .lp-hub-card:hover{border-color:#ecd3b0}
.lp-hub-card strong{font-size:20px;line-height:1.35;color:var(--lp-ink)}
.lp-hub-desc{font-size:15px;line-height:1.6}
.lp-hub-card ul{margin:2px 0 0;padding:12px 0 0;border-top:1px dashed var(--lp-line);list-style:none;display:grid;gap:7px}
.lp-hub-card li{position:relative;padding-left:12px;font-size:13.5px;line-height:1.55;color:var(--lp-muted)}
.lp-hub-card li::before{content:'';position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:var(--lp-muted)}
.lp-hub-more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:var(--lp-blue)}
.lp-hub-group--gray .lp-hub-more{color:#8a5424}
.lp-hub-src{margin:22px 0 0;text-align:center;font-size:13px;color:var(--lp-muted)}

/* ── 스크롤 등장(자바스크립트 있을 때만 숨김 → JS 실패해도 내용은 보임) ── */
.lp-js .lp-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.lp-js .lp-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ .lp-js .lp-reveal{opacity:1;transform:none;transition:none} html:has(body.lp-page){scroll-behavior:auto} }

/* ══ 반응형 ══ */
@media(max-width:1200px){
  .lp-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-hub-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){
  .lp-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-top:40px}
  .lp-toc{display:none}
  .lp-article{width:100%;max-width:820px;margin:0 auto}   /* 그리드 항목에 auto 여백만 주면 fit-content 로 커져 넓은 표가 화면을 밀어낸다 */
  .lp-lhero-in{grid-template-columns:minmax(0,1fr);gap:36px}
  .lp-lhero-map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-platform{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1024px){
  .lp-hero h1,.lp-ahero h1{font-size:36px}
  .lp-lhero h1{font-size:40px}
  .lp-lsec h2{font-size:32px}
  .lp-cards--3,.lp-svc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-compare--3{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:860px){
  .lp-ahero-in{grid-template-columns:minmax(0,1fr);gap:8px}
  .lp-ahero-copy{padding-bottom:28px}
  .lp-ahero-photo{max-width:520px;width:100%;margin:0 auto}
  .lp-next{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .lp-compare--2{grid-template-columns:minmax(0,1fr)}
  .lp-checks{grid-template-columns:minmax(0,1fr)}
  .lp-inline-cta{flex-direction:column;align-items:stretch}
  .lp-cards--3,.lp-svc{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .lp-main{padding-top:64px;font-size:16px;line-height:1.78}
  .lp-inner,.lp-anchors-in{padding-left:20px;padding-right:20px}
  .lp-hero{padding:34px 0 42px}
  .lp-lhero{padding:36px 0 48px}
  .lp-ahero{padding-top:34px}
  .lp-hero h1,.lp-ahero h1{font-size:28px}
  .lp-lhero h1{font-size:30px}
  .lp-lead{font-size:16px;margin-bottom:24px}
  .lp-crumb{margin-bottom:16px;font-size:13px}
  .lp-eyebrow{font-size:13px;margin-bottom:14px}
  .lp-btns{flex-direction:column}
  .lp-btn,.lp-btn--lg{width:100%;min-height:52px;font-size:16px;white-space:normal;text-align:center}
  .lp-lhero-map{display:none}   /* 폰에선 첫 화면을 카피·CTA 에 쓰고, 같은 목차는 아래 고정 앵커 바가 맡는다 */
  .lp-lhero-map li a{font-size:15.5px;padding:11px 12px}
  .lp-map-num{flex-basis:32px;height:32px;font-size:13px}
  .lp-anchors{top:64px}
  .lp-anchors a{font-size:14px;padding:7px 13px}
  .lp-tabs-in{padding-top:12px;padding-bottom:12px}
  .lp-tab{font-size:14px;padding:8px 14px}
  .lp-layout{padding-top:28px;padding-bottom:56px}
  .lp-summary{padding:20px 20px;margin-bottom:36px;border-radius:16px}
  .lp-summary li{font-size:15.5px}
  .lp-sec{margin-bottom:46px;scroll-margin-top:80px}
  .lp-sec h2,.lp-checklist h2,.lp-faq h2{font-size:23px}
  .lp-main h3{font-size:18.5px;margin-top:26px}
  .lp-table{font-size:14.5px}
  .lp-table th,.lp-table td{padding:12px 14px}
  .lp-table tbody th{min-width:92px}
  .lp-callout{padding:16px;gap:10px}
  .lp-step{gap:14px}
  .lp-step-num{flex-basis:40px;height:40px;font-size:13.5px}
  .lp-step:not(:last-child)::before{left:19px;top:42px}
  .lp-step-body{padding-top:7px}
  .lp-step-body strong{font-size:17px}
  .lp-step-body p{font-size:15.5px}
  .lp-stat-val{font-size:28px}
  .lp-inline-cta{padding:20px;margin-bottom:46px}
  .lp-inline-cta--wide{margin:0 20px;width:auto}
  .lp-checklist{padding:24px 18px 18px}
  .lp-faq-item summary{font-size:16px;padding:16px}
  .lp-faq-a{padding:0 16px 18px 56px;font-size:15.5px}
  .lp-refs-row{flex-direction:column;gap:8px}
  .lp-related{padding:52px 0}
  .lp-related-title{font-size:23px}
  .lp-cta-band{padding:58px 0}
  .lp-cta-band h2{font-size:26px}
  .lp-cta-text{font-size:16px}
  .lp-lsec{padding:60px 0;scroll-margin-top:118px}
  .lp-lsec-head{margin-bottom:32px}
  .lp-lsec h2{font-size:26px}
  .lp-lsec-intro{font-size:16px}
  .lp-landing-tail{padding-top:56px}
  .lp-hub-group{padding:56px 0}
  .lp-hub-head h2{font-size:28px}
  .lp-hub-grid,.lp-hub-grid--4{grid-template-columns:minmax(0,1fr)}
  .lp-svc-card,.lp-features,.lp-platform-flow,.lp-platform-item,.lp-next-card{padding:22px 20px}
  .lp-about-next{padding:52px 0}
}
/* 3~4열 표는 폰에서 옆으로 밀지 않고 행마다 카드처럼 쌓는다(50·60대 독자 배려) */
@media(max-width:640px){
  .lp-table--c3,.lp-table--c4{min-width:0}
  .lp-table--c3 thead,.lp-table--c4 thead{display:none}
  .lp-table--c3 tbody tr,.lp-table--c4 tbody tr{display:block;border-bottom:1px solid var(--lp-line)}
  .lp-table--c3 tbody tr:last-child,.lp-table--c4 tbody tr:last-child{border-bottom:0}
  .lp-table--c3 tbody th,.lp-table--c4 tbody th{display:block;min-width:0;border-bottom:0;padding:13px 16px 7px;background:#f3f6fd;font-size:15px}
  .lp-table--c3 td,.lp-table--c4 td{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;border-bottom:0;padding:7px 16px}
  .lp-table--c3 td:last-child,.lp-table--c4 td:last-child{padding-bottom:14px}
  .lp-table--c3 td::before,.lp-table--c4 td::before{content:attr(data-th);font-size:13px;font-weight:800;line-height:1.7;color:var(--lp-muted)}
  .lp-table--c3 tbody tr:hover td,.lp-table--c4 tbody tr:hover td{background:none}
}
@media(max-width:380px){
  .lp-hero h1,.lp-ahero h1{font-size:25px}
  .lp-lhero h1{font-size:27px}
}

/* ══════════════════════════════════════════════════════════════
   [형블리 2026-10-01] 형사사건 분야 페이지(.lp-cat) · 허브 — 리블리 pages.css 위에 덧붙인 것
   ══════════════════════════════════════════════════════════════ */
.lp-btn--sm{min-height:42px;padding:0 16px;font-size:14.5px;border-radius:12px}
.lp-btn--outline{border-color:var(--lp-blue);color:var(--lp-blue);background:#fff}
.lp-btn--outline:hover{background:var(--lp-blue);color:#fff}

/* 히어로 오른쪽: 이 분야 주요 사건 목록 */
.lp-cmap{padding:22px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 60px rgba(0,0,0,.25)}
.lp-cmap-h{margin:0 0 12px 4px;font-size:14px;font-weight:800;letter-spacing:.04em;color:var(--lp-ice)}
.lp-cmap ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lp-cmap li a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-weight:700;font-size:15px;line-height:1.3;transition:background .2s,transform .2s}
.lp-cmap li a:hover{background:rgba(255,255,255,.14);transform:translateX(3px)}
.lp-cmap .lp-map-num{flex:0 0 30px;height:30px;font-size:12.5px}
.lp-cmap li a .lp-ico{opacity:.5;margin-left:auto}
.lp-anchors a.is-crime{font-weight:700}

/* 세부 사건(CASE) 섹션 */
.lp-kicker--num{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--lp-tint);color:var(--lp-blue);letter-spacing:.12em}
.lp-lsec--navy .lp-kicker--num{background:rgba(143,211,247,.14);color:var(--lp-ice)}
.lp-crime-cta{max-width:840px;margin:30px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px;background:#fff;border:1px solid var(--lp-line);box-shadow:var(--lp-shadow)}
.lp-crime-cta p{margin:0;font-size:15px;color:var(--lp-body)}
.lp-crime-cta p b{color:var(--lp-ink)}
.lp-crime-cta div{display:flex;gap:8px;flex-shrink:0}
.lp-lsec--tint .lp-crime-cta{background:#fff}
.lp-lsec--navy .lp-crime-cta{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.lp-lsec--navy .lp-crime-cta p{color:rgba(255,255,255,.8)}

/* "이런 말을 하는 상황" 말풍선 */
.lp-voices{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:8px 0 28px}
.lp-voice-group{padding:22px;border-radius:20px;background:var(--lp-bg);border:1px solid var(--lp-line)}
.lp-lsec--tint .lp-voice-group{background:#fff}
.lp-voice-label{margin:0 0 12px;font-size:14px;font-weight:800;color:var(--lp-blue);letter-spacing:.02em}
.lp-voice-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.lp-voice-group li{position:relative;align-self:flex-start;max-width:100%;padding:11px 16px;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid #dfe6f5;font-size:15.5px;line-height:1.55;color:var(--lp-ink);box-shadow:0 4px 12px rgba(18,23,43,.04)}
.lp-lsec--tint .lp-voice-group li{background:var(--lp-tint);border-color:#d9e3f7}
.lp-voice-group:nth-child(2) .lp-voice-label{color:#8a5424}
.lp-voice-group:nth-child(2) li{border-radius:16px 16px 4px 16px;align-self:flex-end}
.lp-lsec--navy .lp-voice-group{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.lp-lsec--navy .lp-voice-label{color:var(--lp-ice)}
.lp-lsec--navy .lp-voice-group li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}

/* 태그 칩 */
.lp-tags{list-style:none;margin:8px 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lp-tags li{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--lp-line);font-size:14px;font-weight:600;color:var(--lp-body)}
.lp-tags--lg li{padding:9px 16px;font-size:15px}
.lp-lsec--navy .lp-tags li{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff}
.lp-areas{background:var(--lp-bg);padding:60px 0 48px;border-top:1px solid var(--lp-line)}
.lp-areas .lp-tags{margin:0}

/* 관련 소식 */
.lp-news{background:#fff;padding:60px 0;border-top:1px solid var(--lp-line)}
.lp-news-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.lp-news-head .lp-related-title{display:flex;align-items:center;gap:10px;margin:0}
.lp-news-all{display:inline-flex;align-items:center;gap:4px;font-size:14.5px;font-weight:700;color:var(--lp-blue);text-decoration:none;white-space:nowrap}
.lp-news-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lp-news-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;border:1px solid var(--lp-line);background:#fff;text-decoration:none;color:var(--lp-ink);transition:border-color .15s,box-shadow .15s}
.lp-news-list a:hover{border-color:#cfdaf3;box-shadow:var(--lp-shadow)}
.lp-news-cat{font-size:12.5px;font-weight:800;color:var(--lp-blue);background:var(--lp-tint);padding:4px 10px;border-radius:999px;white-space:nowrap}
.lp-news-list strong{font-size:15.5px;line-height:1.45;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lp-news-list time{font-size:13px;color:var(--lp-muted);white-space:nowrap}

/* 허브: 분야 카드 */
.lp-catgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lp-catcard{display:flex;flex-direction:column;gap:14px;padding:26px 24px;border-radius:22px;background:#fff;border:1px solid var(--lp-line);box-shadow:var(--lp-shadow)}
.lp-catcard-top{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--lp-body)}
.lp-catcard-top strong{font-size:22px;color:var(--lp-ink)}
.lp-catcard-crimes{list-style:none;margin:0;padding:14px 0 0;border-top:1px dashed var(--lp-line);display:flex;flex-wrap:wrap;gap:6px}
.lp-catcard-crimes a{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--lp-tint);color:var(--lp-blue);font-size:13.5px;font-weight:600;text-decoration:none}
.lp-catcard-crimes a:hover{background:var(--lp-blue);color:#fff}
.lp-catcard .lp-hub-more{margin-top:auto}

@media(max-width:1100px){ .lp-catgrid{grid-template-columns:repeat(2,minmax(0,1fr))} .lp-cmap ol{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:760px){
  .lp-news-list{grid-template-columns:minmax(0,1fr)}
  .lp-crime-cta{flex-direction:column;align-items:stretch}
  .lp-crime-cta div .lp-btn{flex:1}
  .lp-cmap ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .lp-cmap{display:none}   /* 폰에선 같은 목록을 아래 고정 앵커 바가 맡는다 */
  .lp-catgrid{grid-template-columns:minmax(0,1fr)}
  .lp-news-list a{grid-template-columns:minmax(0,1fr);gap:6px}
  .lp-news-head{flex-direction:column;align-items:flex-start}
  .lp-voice-group{padding:18px}
  .lp-areas,.lp-news{padding:44px 0}
}

/* 앵커 바 가로 넘침 표시(JS 가 is-l/is-r 토글) — 분야 페이지는 항목이 15~17개라 PC 에서도 넘친다 */
.lp-anchors-in.is-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 80px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 80px),transparent)}
.lp-anchors-in.is-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 80px);mask-image:linear-gradient(90deg,transparent,#000 80px)}
.lp-anchors-in.is-l.is-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 80px,#000 calc(100% - 80px),transparent);mask-image:linear-gradient(90deg,transparent,#000 80px,#000 calc(100% - 80px),transparent)}