:root{color:#111827;background:#fff;font-family:Pretendard,Noto Sans KR,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fff}a{color:inherit;text-decoration:none}input,textarea,select,button{font-family:inherit}button{font:inherit}.app{min-height:100vh;background:#fff}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e5edf7;background:#fffffff5;padding:16px clamp(20px,4vw,56px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand,.footer-brand{display:flex;align-items:center;gap:12px}.brand-mark,.footer-brand svg{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#0b63e5;color:#fff;flex:0 0 auto}.brand strong,.footer-brand strong{display:block;color:#0f172a;font-size:22px;font-weight:800;letter-spacing:0;line-height:1.14}.topnav{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;color:#223550;font-size:15px;font-weight:750}.topnav a{padding:8px 0}.topnav a:hover{color:#075fe4}.hero{border-bottom:1px solid #e5edf7;background:#fbfdff}.hero-inner{max-width:980px;margin:0 auto;padding:76px 22px 58px;text-align:center}.eyebrow,.section-heading p,.panel-kicker{margin:0 0 8px;color:#0b63e5;font-size:14px;font-weight:800}.hero h1{margin:0;color:#0f172a;font-size:clamp(34px,5vw,54px);font-weight:900;letter-spacing:0;line-height:1.18}.subtitle{max-width:780px;margin:22px auto 0;color:#334967;font-size:18px;line-height:1.75}.guide-note{display:inline-flex;margin:24px 0 0;border:1px solid #d7e2f0;border-radius:999px;background:#fff;color:#405776;padding:10px 16px;font-size:14px;font-weight:700}.categories,.detail-section,.guide-section{max-width:1280px;margin:0 auto;padding:44px clamp(18px,3vw,36px)}.section-heading{margin-bottom:22px}.section-heading h2{margin:0;color:#0f172a;font-size:28px;line-height:1.25}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.category-card{display:grid;min-height:176px;grid-template-rows:auto auto 1fr auto;justify-items:start;border:1px solid #dbe5f1;border-radius:8px;background:#fff;color:#0f172a;padding:20px;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.category-card:hover,.category-card.active{border-color:#0b63e5;background:#f3f8ff;box-shadow:0 12px 28px #075fe41f;transform:translateY(-1px)}.category-card.active{border-color:#075fe4;box-shadow:inset 4px 0 #075fe4,0 12px 28px #075fe41f}.icon-bubble{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;background:#eef6ff;color:#0b63e5;margin-bottom:16px}.icon-bubble svg{width:25px;height:25px;stroke-width:2.3}.category-card strong{font-size:19px;line-height:1.25}.category-card small{margin-top:9px;color:#53637c;font-size:14px;line-height:1.55}.card-arrow{justify-self:end;margin-top:12px;color:#405776}.detail-section{scroll-margin-top:88px;padding-top:4px}.detail-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:24px;border-top:1px solid #dbe5f1;padding-top:34px}.detail-copy h2{margin:0 0 24px;color:#0f172a;font-size:30px}.info-block{margin-top:20px}.info-block h3,.check-list h3{margin:0 0 10px;color:#0f172a;font-size:16px}.info-block p,.detail-copy p,.guide-section>p{color:#334967;font-size:15px;line-height:1.75}.check-list{margin-top:24px}.check-list ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.check-list li{display:flex;align-items:center;gap:10px;color:#223550;font-size:15px;font-weight:700}.check-list svg{color:#0b63e5;flex:0 0 auto}.link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.link-card{display:flex;flex-direction:column;gap:14px;border:1px solid #dbe5f1;border-radius:8px;background:#fff;padding:20px}.link-card div:first-child p{margin:0 0 7px;color:#0b63e5;font-size:13px;font-weight:800}.link-card h3{margin:0 0 7px;color:#0f172a;font-size:18px;line-height:1.35}.link-card span{color:#53637c;font-size:14px;font-weight:700}.link-card .description{margin:0;color:#334967;font-size:14px;line-height:1.62}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{border:1px solid #d8e2f1;border-radius:999px;background:#f7fbff;color:#314865;padding:6px 10px;font-size:12px}.link-card a{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto;border-radius:8px;background:#075fe4;color:#fff;padding:12px 14px;font-size:14px;font-weight:800}.link-card a:hover{background:#004fc4}.section-note{margin:18px 0 0;border-left:3px solid #0b63e5;background:#f7fbff;color:#334967;padding:13px 15px;font-size:14px;line-height:1.7}.guide-section{border-top:1px solid #e5edf7}.guide-section>p{max-width:820px;margin:0}.community-box{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:820px;margin-top:20px;border:1px solid #dbe5f1;border-radius:8px;background:#fff;padding:18px}.community-box h3{margin:0 0 7px;color:#0f172a;font-size:17px;line-height:1.35}.community-box p{margin:0;color:#334967;font-size:14px;line-height:1.65}.community-box a{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;border-radius:8px;background:#03c75a;color:#fff;padding:11px 13px;font-size:14px;font-weight:800}.community-box a:hover{background:#02b351}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e5edf7;background:#fbfdff;padding:30px clamp(20px,5vw,72px)}footer p{max-width:620px;margin:0;color:#334967;font-size:14px;line-height:1.7}@media(max-width:1020px){.link-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.detail-panel{grid-template-columns:1fr}}@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column;gap:14px}.topnav{width:100%;justify-content:flex-start;gap:22px}.hero-inner{padding:62px 20px 54px;text-align:left}.guide-note{border-radius:8px;line-height:1.5}.category-grid,.link-list{grid-template-columns:1fr}.category-card,.link-card{min-height:0}footer{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.topbar{padding:14px 18px}.brand strong{font-size:20px}.hero h1{font-size:32px}.subtitle{font-size:16px}}.lookup-panel{margin-top:28px;border:1px solid #dbe5f1;border-radius:8px;background:#fff;padding:20px}.lookup-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.lookup-heading p{margin:0 0 5px;color:#0b63e5;font-size:13px;font-weight:800;line-height:1.3}.lookup-heading h3{margin:0;color:#0f172a;font-size:18px;line-height:1.35}.lookup-heading span{border:0;border-radius:999px;background:#eef4ff;color:#075fe4;padding:6px 10px;font-size:12px;font-weight:800;white-space:nowrap}.lookup-form{display:grid;gap:9px}.lookup-form label{color:#223550;font-size:13px;font-weight:800}.lookup-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px}.lookup-field-grid label{display:grid;gap:7px}.lookup-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.lookup-field-grid input,.lookup-input-row input{width:100%;min-height:46px;border:1px solid #cfdced;border-radius:8px;background:#fff;color:#0f172a;padding:0 13px;font-size:15px;font-weight:700;outline:none}.lookup-field-grid input:focus,.lookup-input-row input:focus{border-color:#0b63e5;box-shadow:0 0 0 3px #0b63e51f}.lookup-field-grid button,.lookup-input-row button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:#075fe4;color:#fff;padding:0 16px;font-size:14px;font-weight:800;cursor:pointer}.lookup-field-grid button:disabled,.lookup-input-row button:disabled{cursor:wait;opacity:.72}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lookup-help,.lookup-error,.lookup-empty{margin:14px 0 0;border-radius:8px;padding:12px 13px;font-size:13px;line-height:1.65}.lookup-help{background:#f7fbff;color:#405776}.lookup-error{border:1px solid #ffd6d6;background:#fff7f7;color:#b42318;font-weight:750}.lookup-empty{border:1px solid #f5dfab;background:#fffbeb;color:#8a5b00;font-weight:750}.lookup-result{margin-top:16px;border:1px solid #dbe5f1;border-radius:8px;background:#fbfdff;padding:16px}.lookup-result-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #e5edf7;padding-bottom:13px}.lookup-result-title strong{color:#0f172a;font-size:17px;line-height:1.4}.lookup-result-title span{color:#53637c;font-size:12px;font-weight:800;white-space:nowrap}.lookup-result dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:15px 0 0}.lookup-result dl div{min-width:0}.lookup-result dt{margin-bottom:4px;color:#60718d;font-size:12px;font-weight:800}.lookup-result dd{margin:0;color:#17243a;font-size:14px;font-weight:750;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}.lookup-result dd small{display:inline-block;margin-left:4px;color:#60718d;font-size:12px;font-weight:700}@media(max-width:720px){.lookup-field-grid,.lookup-input-row,.lookup-result dl{grid-template-columns:1fr}.lookup-result-title{flex-direction:column}}.top-lookup-section{border-bottom:1px solid #e5edf7;background:#fff;padding:28px clamp(18px,3vw,36px) 10px}.top-lookup-inner{max-width:980px;margin:0 auto}.top-lookup-inner .lookup-panel{margin-top:0;box-shadow:0 14px 36px #0f172a0f}.top-lookup-inner .lookup-heading h3{font-size:22px}.category-detail{grid-column:1 / -1;width:100%;max-width:none;margin:0;padding:8px 0 20px;scroll-margin-top:92px}.category-detail .detail-panel{border:1px solid #dbe5f1;border-radius:8px;background:#fff;padding:26px;box-shadow:0 12px 30px #0f172a0d}.detail-panel>*{align-self:start}.category-card:focus-visible,.link-card a:focus-visible,.chat-link:focus-visible,.lookup-input-row button:focus-visible,.lookup-input-row input:focus-visible{outline:3px solid rgba(7,95,228,.28);outline-offset:3px}.lookup-error a{display:inline-flex;margin-left:10px;color:#075fe4;font-weight:800;text-decoration:underline;text-underline-offset:3px}.chat-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e0c900;border-radius:8px;background:#fee500;color:#241a00;font-size:14px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:none}.topnav .chat-link{flex:0 0 auto;width:auto;min-width:max-content;padding:9px 14px}.chat-link:hover{border-color:#d4bd00;background:#f4da00;color:#241a00}@media(max-width:720px){.community-box{align-items:flex-start;flex-direction:column}.community-box a{width:100%}}@media(max-width:720px){.topbar{padding:14px 16px;gap:12px}.brand{max-width:100%}.brand-mark{width:38px;height:38px}.brand strong{font-size:19px}.topnav{width:100%;gap:10px 14px;font-size:14px;line-height:1.2}.topnav a{padding:5px 0}.topnav .chat-link{flex:0 0 auto;min-width:0;padding:8px 10px;font-size:13px;white-space:nowrap}.hero-inner{padding:42px 16px 36px}.subtitle{font-size:15px;line-height:1.65}.guide-note{margin-top:18px;padding:10px 12px;font-size:13px}.top-lookup-section{padding:20px 14px 8px}.lookup-panel{padding:16px}.lookup-heading{align-items:flex-start;flex-direction:column;gap:10px}.lookup-heading span{white-space:normal}.lookup-field-grid,.lookup-input-row{grid-template-columns:minmax(0,1fr)}.lookup-field-grid button,.lookup-input-row button{width:100%}.lookup-result{padding:14px}.lookup-result-title span{white-space:normal}.categories,.detail-section,.guide-section{padding:32px 14px}.category-grid{grid-template-columns:minmax(0,1fr);gap:12px}.category-card{min-height:0;padding:16px}.icon-bubble{margin-bottom:12px}.category-detail{padding:4px 0 16px}.category-detail .detail-panel{padding:18px}.detail-copy h2{font-size:24px}.link-list{grid-template-columns:minmax(0,1fr)}.link-card,.community-box{padding:16px}footer{padding:24px 16px}}@media(max-width:420px){.topnav{gap:8px 12px}.topnav .chat-link{padding:7px 9px;font-size:12px}.hero h1{font-size:28px}.section-heading h2{font-size:24px}.top-lookup-inner .lookup-heading h3{font-size:19px}}
