/* law.jobofbrothers.com 키워드 페이지 (2026-10-16) */
.kw{ background:#fff; color:#111; }
.kw .inner{ width:min(92%, 1200px); margin:0 auto; }
.kw-hero{ padding:150px 0 80px; background:radial-gradient(70% 90% at 80% 10%, rgba(70,132,236,.35), transparent 60%), linear-gradient(180deg,#0d1321,#111a2e); color:#fff; }
.kw-crumb{ font-size:13px; color:#8fa0bd; display:flex; gap:8px; flex-wrap:wrap; }
.kw-crumb a{ color:#8fa0bd } .kw-crumb strong{ color:#fff; font-weight:600 }
.kw-eyebrow{ display:inline-block; margin-top:26px; padding:6px 12px; border-radius:100px; background:rgba(70,132,236,.18); border:1px solid rgba(70,132,236,.45); color:#9cc0ff; font-size:13px; font-weight:600; letter-spacing:-.02em }
.kw-hero h1{ margin-top:18px; max-width:860px; font-size:46px; font-weight:800; line-height:1.25; letter-spacing:-.045em; word-break:keep-all }
.kw-lead{ margin-top:20px; max-width:760px; font-size:17px; line-height:1.75; color:#c9d2e3; word-break:keep-all }
.kw-btns{ display:flex; gap:12px; margin-top:30px; flex-wrap:wrap }
.kw-btns a{ display:inline-flex; align-items:center; height:52px; padding:0 26px; border-radius:6px; font-weight:700; font-size:15px; letter-spacing:-.02em }
.kw-btns .pri{ background:#4684ec; color:#fff } .kw-btns .line{ border:1px solid rgba(255,255,255,.3); color:#fff }
.kw-trust{ display:grid; grid-template-columns:repeat(4,1fr); margin-top:54px; border-top:1px solid rgba(255,255,255,.12); padding-top:26px; list-style:none; gap:16px }
.kw-trust li{ font-size:13px; color:#9aa3b2; line-height:1.5 } .kw-trust b{ display:block; font-size:20px; color:#fff; font-weight:800; letter-spacing:-.03em; margin-bottom:4px }
.kw-sec{ padding:90px 0; border-top:1px solid #e9edf3 } .kw-sec.alt{ background:#f6f8fb }
.kw-sec .inner{ display:grid; grid-template-columns:1fr 1.5fr; gap:48px }
.kw-sec-h .no{ display:inline-block; font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:700; color:#4684ec; letter-spacing:.1em }
.kw-sec-h h2{ margin-top:12px; font-size:30px; font-weight:800; line-height:1.3; letter-spacing:-.04em; word-break:keep-all }
.kw-sec-b p{ font-size:16px; line-height:1.85; color:#3d4452; word-break:keep-all } .kw-sec-b p + p{ margin-top:14px }
.kw-bullets{ margin-top:22px; display:grid; gap:10px; list-style:none; padding:0 }
.kw-bullets li{ position:relative; padding:14px 18px 14px 44px; background:#fff; border:1px solid #e3eaf6; border-radius:10px; font-size:15px; line-height:1.6; color:#222; word-break:keep-all }
.kw-sec.alt .kw-bullets li{ background:#fff } .kw-sec:not(.alt) .kw-bullets li{ background:#f6f8fb }
.kw-bullets li::before{ content:''; position:absolute; left:16px; top:18px; width:16px; height:16px; border-radius:50%; background:#4684ec; box-shadow:0 0 0 4px rgba(70,132,236,.18) }
.kw-pf{ background:#DFE8F6 } .kw-pf .sec_tit{ margin-top:22px }
.kw-faq{ padding:90px 0 }
.kw-faq .inner{ display:grid; grid-template-columns:1fr 1.5fr; gap:48px }
.kw-faq-list details{ border-top:1px solid #e3eaf6 } .kw-faq-list details:last-child{ border-bottom:1px solid #e3eaf6 }
.kw-faq-list summary{ display:flex; gap:14px; align-items:flex-start; padding:20px 0; cursor:pointer; font-size:17px; font-weight:700; letter-spacing:-.03em; list-style:none; word-break:keep-all }
.kw-faq-list summary::-webkit-details-marker{ display:none }
.kw-faq-list summary span, .kw-faq-list .a span{ flex:0 0 26px; height:26px; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:700; background:#eaf1fe; color:#4684ec }
.kw-faq-list .a{ display:flex; gap:14px; padding:0 0 22px } .kw-faq-list .a span{ background:#111; color:#fff }
.kw-faq-list .a p{ font-size:15px; line-height:1.8; color:#3d4452; word-break:keep-all }
.kw-cta{ padding:90px 0; background:#0d1321; color:#fff; text-align:center }
.kw-cta h2{ font-size:34px; font-weight:800; letter-spacing:-.04em; line-height:1.3; word-break:keep-all }
.kw-cta p{ margin-top:14px; color:#9aa3b2; font-size:16px } .kw-cta .kw-btns{ justify-content:center }
.kw-related{ padding:80px 0 100px; background:#f6f8fb }
.kw-rel-g{ margin-top:30px; font-size:13px; font-weight:700; color:#6b7280; letter-spacing:.04em } .kw-related .kw-sec-h + .kw-rel-g{ margin-top:30px }
.kw-rel-list{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; list-style:none; padding:0 }
.kw-rel-list a{ display:inline-flex; align-items:center; height:40px; padding:0 16px; border-radius:100px; background:#fff; border:1px solid #d3deef; font-size:14px; color:#222; font-weight:500 }
.kw-rel-list li.on a{ background:#111; color:#fff; border-color:#111 } .kw-rel-list a:hover{ border-color:#4684ec; color:#4684ec }
.kw-rel-list.main a{ border-style:dashed }
@media (max-width:900px){ .kw-hero{ padding:120px 0 60px } .kw-hero h1{ font-size:32px } .kw-trust{ grid-template-columns:repeat(2,1fr) } .kw-sec .inner, .kw-faq .inner{ grid-template-columns:1fr; gap:24px } .kw-sec-h h2{ font-size:24px } .kw-cta h2{ font-size:26px } }