.hub-ui{--hub-ink:#182039;--hub-muted:#5e6880;--hub-border:#e3e7ef;min-height:100dvh;color:var(--hub-ink);letter-spacing:-.012em;-webkit-font-smoothing:antialiased;background:#f6f7fb;font-family:NeedThisAI Sans,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:1rem;line-height:1.6}.hub-ui main{width:100%;max-width:none;margin:0}.hub-ui :where(button,input,textarea,select){font-family:inherit}.hub-ui :where(h1,h2,h3){word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.hub-ui :where(p,label,td){overflow-wrap:anywhere}.hub-ui :where(button,a)>svg{flex-shrink:0}.hub-ui :is(button,a[href],summary,select,[role=button],input[type=checkbox],input[type=radio]):not(:disabled):not([aria-disabled=true]){cursor:pointer}.hub-ui :is(button,input,select,textarea):disabled{cursor:not-allowed}.hub-ui button:disabled{pointer-events:auto}.hub-ui button:enabled:hover{filter:brightness(.97)}.hub-ui button:enabled:active{opacity:.85}.hub-ui :where(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #8065f5}.hub-ui :is(.text-\[8px\],.text-\[9px\],.text-\[10px\]){font-size:.75rem;line-height:1.5}.hub-ui .text-\[11px\]{font-size:.8125rem;line-height:1.55}.hub-ui :is(.text-xs,.text-\[12px\],.text-\[13px\],.text-\[14px\],.text-sm){font-size:.875rem;line-height:1.6}.hub-ui :is(.text-\[15px\],.text-\[16px\],.text-base){font-size:1rem;line-height:1.65}.hub-ui :is(.text-\[17px\],.text-\[18px\],.text-lg){font-size:1.125rem;line-height:1.5}.hub-ui :is(.font-black,.font-extrabold){font-weight:700}.hub-ui p:is(.font-semibold,.font-bold){font-weight:400}.hub-ui h1:not(.sr-only){letter-spacing:-.03em;font-size:clamp(1.5rem,2.4vw,1.875rem);font-weight:700;line-height:1.35}.hub-ui :is(h2,h3){letter-spacing:-.02em;line-height:1.5}.hub-ui h1+p[class]{max-width:52em;color:var(--hub-muted);font-size:1rem;font-weight:400;line-height:1.75}.hub-ui button{font-weight:600}.hub-ui :is(input:not([type=checkbox]):not([type=radio]),select,textarea)[class]{font-size:1rem;font-weight:400;line-height:1.5}.hub-ui a.text-white{color:#fff}.hub-ui :is(input,textarea)::placeholder{color:#7a8497;opacity:1}.hub-ui :is(th,td){font-size:.875rem;line-height:1.65}.hub-ui th{white-space:nowrap;font-weight:600}.hub-ui td{padding-top:18px;padding-bottom:18px}.hub-ui tbody tr{transition:background-color .15s}.hub-ui tbody tr:hover{background:#fafaff}.hub-ui :is(button,a).h-8{height:auto;min-height:36px;padding-block:6px}.hub-ui :is(button,a).h-9{height:auto;min-height:40px;padding-block:7px}.hub-ui .text-\[30px\],.hub-ui .text-\[32px\]{font-variant-numeric:tabular-nums;letter-spacing:-.025em}.hub-shell{background:#f6f7fb}.hub-stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))}.hub-sidebar{border-color:var(--hub-border);padding:28px 20px}.hub-sidebar nav{margin-top:28px}.hub-sidebar nav button{border-radius:10px;min-height:46px;padding:11px 14px;font-size:.875rem;line-height:1.55}.hub-sidebar nav button svg{flex-shrink:0}.hub-topbar{border-color:var(--hub-border);gap:16px;min-height:76px}.hub-topbar [aria-label="서비스 영역 전환"]{height:auto;min-height:40px;padding:4px}.hub-topbar [aria-label="서비스 영역 전환"] button{height:auto;min-height:32px;padding:6px 10px;font-size:.875rem}.hub-current-view{min-width:0;color:var(--hub-muted);flex:1;font-size:.875rem}.hub-topbar>.hub-guide-trigger{margin-left:auto}.hub-content{padding:32px}.hub-content>div{width:100%;min-width:0;max-width:1440px}.hub-content [class*=shadow-]:not(button):not(a):not(input){box-shadow:0 2px 8px #18203904}.hub-content .space-y-5>:not(:last-child){margin-bottom:24px}.hub-content :is(.rounded-xl,.rounded-\[14px\]).border.bg-white{border-color:var(--hub-border);border-radius:14px}.hub-ui .hub-mobile-nav button{min-height:40px;font-size:.875rem}.hub-ui button[class*=shadow-]{box-shadow:0 3px 10px #5c35f214}.hub-login{background:#f6f7fb;min-height:100dvh;padding-block:40px}.hub-login>div{border-color:var(--hub-border);border-radius:20px;padding:40px;box-shadow:0 12px 40px #18203908}.hub-login h1{max-width:15em;margin-inline:auto}.hub-ui .hub-login p{font-size:1rem;line-height:1.8}.hub-login a{box-shadow:none;font-weight:600}@media (min-width:1024px){.hub-shell-grid{grid-template-columns:264px minmax(0,1fr)}.hub-sidebar{height:100dvh;position:sticky;top:0;overflow-y:auto}}@media (max-width:1279px){.hub-content{padding:24px}}@media (max-width:639px){.hub-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hub-stat-grid>div{min-height:0;padding:16px}.hub-stat-grid strong{overflow-wrap:anywhere;font-size:1.5rem;line-height:1.3}.hub-topbar{flex-wrap:wrap;gap:12px;padding:14px 20px}.hub-current-view{display:none}.hub-topbar [aria-label="서비스 영역 전환"] button span{display:inline}.hub-topbar [aria-label="서비스 영역 전환"] button{padding-inline:8px;font-size:.8125rem}.hub-content{padding:24px 16px}.hub-login>div{padding:32px 24px}.hub-ui :is(th,td){padding-inline:16px}.hub-ui h1+p[class]{font-size:.9375rem}}.hub-ui .hub-guide-trigger{color:#5434d8;background:#fff;border:1px solid #dcd5fc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:.875rem;line-height:1.5;display:inline-flex}.hub-ui .hub-guide-trigger:hover{background:#f4f1ff;border-color:#ab99f1}.hub-ui .hub-guide-dialog{overscroll-behavior:contain;border:1px solid var(--hub-border);width:min(860px,100vw - 32px);max-width:none;max-height:min(760px,100dvh - 40px);color:var(--hub-ink);background:#fff;border-radius:20px;margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto;box-shadow:0 24px 80px #18203933}.hub-guide-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182e80}.hub-guide-dialog{text-align:left}.hub-guide-header{z-index:1;border-bottom:1px solid var(--hub-border);background:#fff;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:sticky;top:0}.hub-guide-header span{color:#65528f;font-size:.8125rem}.hub-guide-header h2{margin:2px 0 0;font-size:1.375rem;font-weight:700}.hub-guide-header>button{border:1px solid var(--hub-border);background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.hub-guide-layout{grid-template-columns:200px minmax(0,1fr);display:grid}.hub-guide-layout>nav{border-right:1px solid var(--hub-border);background:#f8f9fc;flex-direction:column;gap:5px;padding:20px 12px;display:flex}.hub-guide-layout>nav button{text-align:left;color:#5e6880;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;font-size:.875rem;line-height:1.5;display:flex}.hub-guide-layout>nav button[aria-pressed=true]{color:#5434d8;background:#ede8ff}.hub-guide-content{min-width:0;padding:28px}.hub-guide-content h3{margin:0;font-size:1.25rem;font-weight:700}.hub-guide-content>p{color:var(--hub-muted);margin:6px 0 24px;font-size:.9375rem;line-height:1.7}.hub-guide-steps{flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.hub-guide-steps button{color:#68718c;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.875rem;display:flex}.hub-guide-steps button>span{background:#eff1f6;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.hub-guide-steps [aria-current=step]{color:#5434d8;background:#f7f4ff;border-color:#dcd5fc}.hub-guide-steps [aria-current=step]>span{color:#fff;background:#5c35f2}.hub-guide-instruction{border:1px solid var(--hub-border);background:#fafbfe;border-radius:12px;min-height:170px;padding:22px}.hub-guide-instruction>span{color:#66528f;font-size:.8125rem}.hub-guide-instruction h4{margin:8px 0;font-size:1.0625rem;font-weight:700;line-height:1.5}.hub-guide-instruction p{color:#505b73;margin:0;font-size:1rem;font-weight:400;line-height:1.8}.hub-guide-actions{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.hub-guide-actions button{border:1px solid var(--hub-border);background:#fff;border-radius:9px;align-items:center;gap:6px;min-height:42px;padding:10px 16px;font-size:.875rem;display:inline-flex}.hub-guide-actions button:disabled{opacity:.4}.hub-guide-actions .is-primary{color:#fff;background:#5c35f2;border-color:#5c35f2}.hub-guide-jump{color:#5434d8;background:#f3efff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:18px;padding:10px;font-size:.875rem;display:flex}.hub-ui .hub-tour-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--hub-ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.hub-tour-dialog::backdrop{background:0 0}.hub-tour-dialog[open]{display:block}.hub-tour-shade{background:#11182ea8;position:fixed;inset:0}.hub-tour-spotlight{z-index:1;pointer-events:none;border:2px solid #a999ff;border-radius:12px;transition:top .32s,left .32s,width .32s,height .32s;position:fixed;box-shadow:0 0 0 9999px #11182ea8}.hub-tour-spotlight:after{content:"";border:2px solid #c4b8ff;border-radius:16px;animation:1.8s ease-in-out infinite hub-tour-pulse;position:absolute;inset:-5px}.hub-tour-pointer{background:#7956ff;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;right:-8px;box-shadow:0 3px 10px #11182e44}.hub-tour-panel{z-index:2;overscroll-behavior:contain;text-align:left;background:#fff;border:1px solid #dfd8fc;border-radius:18px;max-height:min(55dvh,100dvh - 32px);padding:22px;position:fixed;overflow-y:auto;box-shadow:0 16px 50px #11182e40}.hub-tour-panel header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.hub-tour-panel header>span{color:#5434d8;font-size:.8125rem;font-weight:700}.hub-tour-panel header button{color:#56617a;cursor:pointer;background:#f3f1f9;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.hub-tour-topic{color:#68718c;gap:6px;font-size:.75rem;display:grid}.hub-tour-topic select{color:#252d42;width:100%;font:inherit;background:#fff;border:1px solid #e0e3ef;border-radius:8px;padding:9px 10px;font-size:.875rem}.hub-tour-progress{gap:5px;margin:18px 0;display:flex}.hub-tour-progress>span{background:#e8eaf1;border-radius:999px;flex:1;height:4px;transition:background .3s}.hub-tour-progress>span.is-active{background:#7956ff}.hub-tour-instruction{animation:.28s both hub-tour-enter}.hub-tour-instruction small{color:#79678f;font-size:.75rem}.hub-tour-instruction h2{margin:8px 0 10px;font-size:1.125rem;font-weight:700;line-height:1.5}.hub-tour-instruction p{color:#505b73;margin:0;font-size:.9375rem;line-height:1.8}.hub-tour-instruction .hub-tour-context{color:#79678f;background:#f6f3ff;border-radius:8px;margin-top:12px;padding:8px 10px;font-size:.75rem}.hub-tour-panel footer{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.hub-tour-panel footer button{color:#505b73;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e0e3ef;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:.875rem;display:inline-flex}.hub-tour-panel footer button:disabled{opacity:.4;cursor:default}.hub-tour-panel footer .is-primary{color:#fff;background:#5c35f2;border-color:#5c35f2}.hub-tour-skip{color:#7b859c;cursor:pointer;background:0 0;border:0;width:100%;margin-top:14px;font-size:.75rem;display:block}.hub-tour-panel :is(button,select):focus-visible{outline-offset:3px;outline:3px solid #b4a4ff}.hub-tour-panel{flex-direction:column;padding:18px;display:flex;overflow:hidden}.hub-tour-panel header{margin-bottom:8px}.hub-tour-topic{white-space:nowrap;align-items:center;gap:12px;display:flex}.hub-tour-topic select{flex:1;width:auto;min-width:0;padding:6px 8px}.hub-tour-progress{margin:12px 0}.hub-tour-panel :is(header,.hub-tour-topic,.hub-tour-progress,footer,.hub-tour-skip){flex-shrink:0}.hub-tour-instruction{overscroll-behavior:contain;min-height:0;overflow-y:auto}.hub-tour-instruction p{font-size:.875rem;line-height:1.65}.hub-tour-instruction .hub-tour-welcome{color:#5636b6;background:#f4f0ff;border-radius:8px;margin-bottom:12px;padding:10px}.hub-tour-panel footer{margin-top:12px}.hub-tour-skip{margin-top:8px}@keyframes hub-tour-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.35;transform:scale(1.03)}}@keyframes hub-tour-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.hub-tour-panel{max-height:45dvh;padding:18px;transition:none;bottom:16px;width:calc(100vw - 32px)!important;top:auto!important;left:16px!important}.hub-tour-instruction p{font-size:.875rem}.hub-tour-panel header{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.hub-tour-spotlight,.hub-tour-panel,.hub-tour-progress>span{transition:none}.hub-tour-spotlight:after,.hub-tour-instruction{animation:none}}@media (max-width:639px){.hub-guide-layout{grid-template-columns:minmax(0,1fr)}.hub-guide-layout>nav{border-right:0;border-bottom:1px solid var(--hub-border);flex-direction:row;padding:12px;overflow-x:auto}.hub-guide-layout>nav button{white-space:nowrap;flex-shrink:0}.hub-guide-header{padding:18px 20px}.hub-guide-content{padding:20px}.hub-guide-instruction{min-height:0;padding:18px}.hub-guide-trigger{gap:5px}}@media (max-width:359px){.hub-stat-grid{grid-template-columns:minmax(0,1fr)}.hub-topbar{gap:8px;padding-inline:12px}}@media (prefers-reduced-motion:reduce){.hub-ui *,.hub-ui :before,.hub-ui :after{scroll-behavior:auto;transition:none;animation:none}}
