
:root{--ui-font:'Pretendard Variable',Pretendard,'Noto Sans KR',system-ui,sans-serif;}
.seo-wrap,.seo-after{width:calc(var(--study-paper-width, 860px) + 56px);max-width:calc(100vw - 20px);margin:0 auto;box-sizing:border-box;}
.seo-wrap{padding:18px 28px 0;}
.seo-after{padding:0 0 60px;}
.seo-crumb{font-family:var(--ui-font);font-size:12px;color:#9aa2af;margin-bottom:10px;word-break:keep-all;}
.seo-crumb a{color:#9aa2af;text-decoration:none;} .seo-crumb b{color:var(--primary);font-weight:700;}
.seo-q-h1{font-family:var(--ui-font);font-size:17px;font-weight:800;color:var(--text);margin:0 0 8px;word-break:keep-all;line-height:1.45;}
.seo-tags{display:flex;gap:8px;flex-wrap:wrap;}
.seo-tag{font-family:var(--ui-font);font-size:12.5px;font-weight:800;color:var(--primary);background:rgba(36,81,223,.10);border-radius:999px;padding:4px 12px;}
.seo-tag.g{color:#64748b;background:#eef1f6;}
.seo-attribution{font-family:var(--ui-font);font-size:11px;color:#94a3b8;text-align:right;margin-top:14px;}
.seo-ans{font-family:var(--ui-font);font-size:14px;font-weight:800;color:var(--text);margin:18px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.seo-ans .n{color:var(--success);font-size:16px;}
.seo-badge{font-family:var(--ui-font);font-size:11px;font-weight:800;color:#fff;background:var(--primary);border-radius:6px;padding:3px 8px;}
.seo-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 22px rgba(15,23,42,.06);padding:22px 24px;margin-top:14px;}
.seo-card-h{font-family:var(--ui-font);font-size:16px;font-weight:800;color:var(--text);margin-bottom:10px;letter-spacing:-.2px;}
.seo-card-h .now{color:var(--primary);}
.seo-tzr{font-family:'Batang','바탕','Noto Serif KR',serif;font-size:17px;line-height:1.8;color:#1f2937;word-break:keep-all;}
.seo-gate{position:relative;margin-top:16px;border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.seo-gate-blur{padding:16px 16px 30px;filter:blur(4.5px);user-select:none;color:#8b93a1;font-family:'Batang',serif;font-size:16px;line-height:1.9;}
.seo-gate-over{position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,246,248,.30),rgba(245,246,248,.97));display:flex;align-items:flex-end;justify-content:center;padding:0 14px 16px;}
.seo-gate-t{font-family:var(--ui-font);font-size:14.5px;color:#475569;font-weight:700;word-break:keep-all;text-align:center;line-height:1.6;}
.seo-cta-wrap{text-align:center;margin-top:22px;}
.seo-cta{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 26px;background:var(--primary);color:#fff;font-family:var(--ui-font);font-size:15px;font-weight:800;border-radius:12px;text-decoration:none;box-shadow:0 8px 22px rgba(36,81,223,.26);word-break:keep-all;}
.seo-cta-sub{font-family:var(--ui-font);font-size:13px;color:#94a3b8;margin-top:10px;}
.seo-cur{margin-top:14px;border:1px solid rgba(36,81,223,.22);background:rgba(36,81,223,.045);border-radius:14px;padding:18px 20px;}
.seo-cur-h{font-family:var(--ui-font);font-size:13px;font-weight:800;color:var(--primary);margin-bottom:12px;word-break:keep-all;}
.seo-cur-row{margin-top:10px;}
.seo-cur-lab{font-family:var(--ui-font);font-size:11.5px;font-weight:800;color:#64748b;margin-bottom:4px;}
.seo-cur-basis{font-family:var(--ui-font);font-size:13px;color:#334155;word-break:keep-all;}
.seo-cur-foot{font-family:var(--ui-font);font-size:12px;color:#64748b;margin-top:12px;line-height:1.7;word-break:keep-all;}
.seo-nav{display:flex;gap:8px;align-items:stretch;margin-top:22px;}
.seo-nav-a{flex:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--ui-font);font-size:13.5px;font-weight:700;color:#334155;text-decoration:none;padding:11px 16px;border:1px solid var(--border);border-radius:10px;background:#fff;white-space:nowrap;}
.seo-nav-a.mid{flex:1;color:var(--primary);}
.seo-nav-a.off{color:#cbd5e1;background:transparent;}
.seo-rel{margin-top:30px;} .seo-rel-h{font-family:var(--ui-font);font-size:13px;font-weight:800;color:#6b7280;margin-bottom:10px;}
.seo-rel a{display:block;font-family:var(--ui-font);font-size:13.5px;color:#334155;text-decoration:none;padding:11px 13px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:#fff;word-break:keep-all;}
.seo-foot{font-family:var(--ui-font);margin-top:34px;font-size:11px;color:#9aa2af;line-height:1.8;text-align:center;}
.seo-list-h1{font-family:var(--ui-font);font-size:22px;font-weight:800;color:var(--text);margin:6px 0 6px;word-break:keep-all;}
.seo-list-sub{font-family:var(--ui-font);font-size:13.5px;color:#64748b;margin-bottom:18px;line-height:1.7;word-break:keep-all;}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;}
.seo-grid a{font-family:var(--ui-font);font-size:14px;font-weight:700;color:#334155;text-decoration:none;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#fff;word-break:keep-all;}
.seo-qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;}
.seo-qgrid a{font-family:var(--ui-font);font-size:13.5px;color:#334155;text-decoration:none;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:#fff;word-break:keep-all;line-height:1.5;}
.seo-qgrid a b{color:var(--primary);font-weight:800;}
@media (max-width:767px){
  .seo-wrap{padding:14px 16px 0;} .seo-after{padding:0 0 48px;} .seo-card{padding:18px 16px;} .seo-tzr{font-size:16px;}
}
