/* BokjiCheck UI layer 2026-10-28. "html body" prefix outranks page-embedded <style> rules of equal class weight. */

/* ---------- shared ---------- */
html body .bk-feature{max-width:800px;margin:0 auto 28px;padding:0 20px;box-sizing:border-box}
html body .bk-feature img{display:block;width:100%;height:auto;aspect-ratio:1650/933;object-fit:cover;border-radius:14px;border:1px solid #E8ECF1;background:#F0F5FF}
html body .bk-srch-btn svg{width:20px!important;min-width:20px!important;height:20px!important;flex:0 0 20px!important;fill:none!important;stroke:#fff!important;stroke-width:2.5!important;display:block!important}
html body .bk-srch-btn{color:#fff}

/* Related-guide lists on reviewed legacy pages: cards instead of bare underlined links. */
html body .bk-review-links{list-style:none!important;padding:0!important;margin:8px 0 24px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .bk-review-links li{margin:0!important;padding:0!important;list-style:none!important}
html body .bk-review-links li::before{content:none!important}
html body .bk-review-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;height:100%;box-sizing:border-box;padding:14px 16px;border:1px solid #E1E8F0;border-radius:12px;background:#fff;color:#1a4a8a;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none!important;transition:background .15s,border-color .15s}
html body .bk-review-links a::after{content:'›';font-size:18px;line-height:1;color:#93A3C0;flex-shrink:0}
html body .bk-review-links a:hover,html body .bk-review-links a:focus-visible{background:#F5F8FF;border-color:#C9D7EE}

/* Legacy in-body table of contents. */
html body .bk-section nav[aria-label="본문 목차"]{background:#FAFBFC;border:1px solid #E8ECF1;border-radius:12px;padding:18px 20px;margin:0 0 28px}
html body .bk-section nav[aria-label="본문 목차"] ol{margin:10px 0 0;padding-left:20px}
html body .bk-section nav[aria-label="본문 목차"] li{margin:4px 0;line-height:1.6}
html body .bk-section nav[aria-label="본문 목차"] a{color:#33507a;text-decoration:none}
html body .bk-section nav[aria-label="본문 목차"] a:hover{text-decoration:underline}

/* Wide tables scroll inside their box; JS adds the hint only when needed. */
html body .bk-review-table,html body .bk-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
html body .bk-scroll-hint{display:none;font-size:12px;color:#7a8799;margin:-4px 0 8px;text-align:right}
html body .is-scrollable+.bk-scroll-hint,html body .bk-scroll-hint.on{display:block}

/* ---------- mobile ---------- */
@media (max-width:900px){
 html body .bk-gov{font-size:11px!important;padding:6px 16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

 /* Header: logo row + one swipeable menu row instead of a wrapped two-line menu. */
 html body .bk .bk-hd{position:sticky;top:0;z-index:1000;background:#fff}
 html body .bk .bk-hd .bk-hd-inner{padding:10px 16px 0!important;gap:6px!important;min-height:0!important}
 html body .bk .bk-hd .bk-logo svg{width:140px!important;height:32px!important}
 html body .bk .bk-hd .bk-menu{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:0 18px!important;padding:2px 24px 0 0!important;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
 html body .bk .bk-hd .bk-menu::-webkit-scrollbar{display:none}
 html body .bk .bk-hd .bk-menu>li>a,html body .bk .bk-hd .bk-nav-details>summary{font-size:14px!important;padding:10px 0 12px!important;display:block}
 html body .bk .bk-hd .bk-menu>li>a[aria-current="page"]{color:#1a4a8a!important;font-weight:700;box-shadow:inset 0 -2px 0 #1a4a8a}

 /* Article typography and spacing. */
 html body .bk-bread{padding:12px 16px!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body .bk-hero{padding:22px 16px 20px!important}
 html body .bk-hero h1,html body .bk-hero h2{font-size:23px!important;font-weight:800!important;color:#1a4a8a;line-height:1.4!important;letter-spacing:-.02em;word-break:keep-all;margin:0 0 10px!important}
 html body .bk-hero-sub{font-size:14.5px!important;line-height:1.75!important}
 html body .bk-feature{padding:0 16px;margin-bottom:22px}
 html body .bk-feature img{border-radius:12px}
 html body .bk-section,html body .bk-content,html body .bk-summary,html body .bk-toc,html body .bk-faq,html body .bk-related,html body .bk-source{padding-left:16px!important;padding-right:16px!important}
 html body .bk-section p,html body .bk-content p,html body .bk-section li,html body .bk-content li{font-size:15.5px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
 html body .bk-section h2,html body .bk-content h2{font-size:20px!important;line-height:1.45!important;word-break:keep-all;margin-top:36px!important}
 html body .bk-section h3,html body .bk-content h3{font-size:17px!important;line-height:1.5!important;word-break:keep-all}
 html body .bk-sum-box{padding:18px!important;gap:12px!important}
 html body .bk-sum-label{min-width:72px}
 html body .bk-warn,html body .bk-tip{padding:14px 16px!important}
 html body .bk-review-table table,html body .bk-table-wrap table,html body .bk-tbl{font-size:13px!important}
 html body .bk-review-table th,html body .bk-review-table td,html body .bk-tbl th,html body .bk-tbl td{padding:10px 12px!important;word-break:keep-all}
 html body .bk-review-table table{min-width:520px}
 html body .bk-review-table table:not(:has(th:nth-child(3))){min-width:0}
 html body .bk-step{gap:12px!important}
 html body .bk-faq-q{align-items:flex-start!important;line-height:1.5;word-break:keep-all}
 html body .bk-faq-a{padding-left:0!important}
 html body .bk-auto-links{padding:0 16px!important;margin:28px auto!important}
 html body .bk-auto-links h2{font-size:19px!important}
 html body .bk-auto-card{padding:16px!important}
 html body .bk-review-links{grid-template-columns:1fr}
 html body .bk-ft{padding:24px 16px!important}

 /* Floating copy button: compact icon so it no longer covers headings and links. */
 html body .bk-url-copy{width:44px;height:44px;padding:0!important;border-radius:50%!important;justify-content:center;font-size:0!important;gap:0!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;right:14px!important;opacity:.92}
 html body .bk-url-copy svg{width:18px!important;height:18px!important}

 /* Home: search, quick services, category list. */
 html body .bk-srch{padding:24px 16px 20px!important}
 html body .bk-srch-title{font-size:21px!important;word-break:keep-all}
 html body .bk-srch-box input{font-size:16px!important}
 html body .bk-noti{padding:14px 16px 0!important}
 html body .bk-noti-row{gap:8px!important}
 html body .bk-quick{padding:24px 16px 20px!important;margin-top:16px!important}
 html body .bk-quick-inner{align-items:stretch!important;gap:14px!important}
 html body .bk-quick h2{text-align:left!important;font-size:18px!important}
 html body .bk-quick h2 br{display:none}
 html body .bk-quick-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 html body .bk-quick-grid>.bk-cc{grid-column:1/-1;order:-1;padding:14px 16px!important;border-radius:14px!important}
 html body .bk-qi{padding:12px 4px!important;gap:8px!important;background:#fff;border-radius:14px;box-shadow:0 1px 3px rgba(16,40,80,.06)}
 html body .bk-qi-icon{width:48px!important;height:48px!important;box-shadow:none!important;background:#F4F6FB!important}
 html body .bk-qi-icon svg{width:32px!important;height:32px!important}
 html body .bk-qi-name{font-size:13px!important;word-break:keep-all}
 html body .bk-qi-name br{display:none}
 html body .bk-cats{padding:28px 16px!important}
 html body .bk-cats h2,html body .bk-calc h2{font-size:19px!important}
 html body .bk-cats-grid{grid-template-columns:1fr!important;gap:10px!important}
 html body .bk-cats-grid .bk-cc{padding:14px 16px!important}
 html body .bk-cc-ico{width:42px!important;height:42px!important;border-radius:12px!important}
 html body .bk-news{padding:0 16px 28px!important}
 html body .bk-calc{padding:28px 16px!important}
}
@media (max-width:380px){
 html body .bk-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 html body .bk-qi-name{font-size:12px!important}
}