:root{--blue:#2e5bff;--blue-dark:#1f46d6;--blue-bg:#eef2ff;--blue-line:#d6e0ff;--ink:#1a2233;--sub:#5b6779;--faint:#98a2b3;--line:#e8ebf1;--bg:#f7f8fb;--card:#fff;--green:#12905f;--green-bg:#e7f6ef;--red:#d92d20;--red-bg:#feeceb;--orange:#b54708;--orange-bg:#fdf0dc;--purple:#6941c6;--purple-bg:#f1ebfb;--sky:#0e7490;--sky-bg:#e0f4f9;--muted:#f0f2f6;--input-border:#d5dae3;--on-accent:#fff;--navy-bg:#151b2e;--navy-ink:#fff;--navy-sub:#b8c0d4;--navy-line:#2b3350;--r:12px;--r-sm:9px;--shadow:0 1px 3px #10182812;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.shell{grid-template-columns:228px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--card);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar.navy{background:var(--navy-bg);border-right-color:var(--navy-line)}.logo{align-items:center;gap:9px;padding:0 8px 14px;display:flex}.logo b{letter-spacing:-.3px;font-size:16px;font-weight:800}.logo b span{color:var(--blue)}.logo p{color:var(--faint);margin:2px 0 0;font-size:11.5px;font-weight:600}.logo-mark{background:var(--blue);width:26px;height:26px;color:var(--on-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nav-group{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.nav-label{color:var(--faint);letter-spacing:.02em;padding:8px 10px 4px;font-size:11px;font-weight:800}.nav-item{border-radius:var(--r-sm);color:var(--sub);cursor:pointer;align-items:center;gap:9px;padding:9px 10px;font-size:13.5px;font-weight:700;display:flex}.nav-item:hover{background:var(--muted);color:var(--ink)}.nav-item.active{background:var(--blue-bg);color:var(--blue)}.sidebar.navy .nav-item{color:var(--navy-sub)}.sidebar.navy .nav-item:hover,.sidebar.navy .nav-item.active{background:var(--navy-line);color:var(--on-accent)}.nav-foot{border-top:1px solid var(--line);color:var(--sub);margin-top:auto;padding:14px 10px 0;font-size:12px}.step{color:var(--faint);margin-left:auto;font-size:10.5px;font-weight:800}.main{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:30;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .t{letter-spacing:-.2px;font-size:15.5px;font-weight:800}.wrap{width:100%;max-width:1180px;padding:24px 28px 64px}.page-title{letter-spacing:-.4px;flex-wrap:wrap;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.page-desc{color:var(--sub);margin:6px 0 0;font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin-top:16px;padding:20px 22px}.card h3{align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:800;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px}.kpi .k-label{color:var(--sub);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.kpi .k-value{letter-spacing:-.6px;margin-top:5px;font-size:27px;font-weight:800}.kpi .k-delta{color:var(--sub);margin-top:3px;font-size:12px;font-weight:700}.kpi.accent{border-color:var(--blue-line);background:var(--blue-bg)}.kpi.accent .k-label,.kpi.accent .k-value{color:var(--blue)}.btn{border-radius:var(--r-sm);cursor:pointer;background:var(--muted);color:var(--ink);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn.primary{background:var(--blue);color:var(--on-accent)}.btn.outline{background:var(--card);border-color:var(--input-border);color:var(--ink)}.btn.navy{background:var(--navy-bg);color:var(--on-accent)}.btn.danger{background:var(--card);border-color:var(--red);color:var(--red)}.btn.sm{padding:6px 11px;font-size:12.5px}.btn.icon{padding:7px 10px}.link{color:var(--blue);cursor:pointer;font-weight:700}.badge{background:var(--muted);color:var(--sub);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.green{background:var(--green-bg);color:var(--green)}.badge.orange{background:var(--orange-bg);color:var(--orange)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.purple{background:var(--purple-bg);color:var(--purple)}.badge.sky{background:var(--sky-bg);color:var(--sky)}.badge.navy{background:var(--navy-bg);color:var(--on-accent)}.tlabel{border-radius:5px;padding:2.5px 9px;font-size:10.5px;font-weight:800;display:inline-block}.tlabel.def{background:var(--blue-bg);color:var(--blue)}.tlabel.comp{background:var(--orange-bg);color:var(--orange)}.tlabel.guide{background:var(--purple-bg);color:var(--purple)}.tlabel.data{background:var(--sky-bg);color:var(--sky)}.fld{color:var(--sub);margin:16px 0 6px;font-size:12.5px;font-weight:800;display:block}.fld small{color:var(--faint);margin-left:4px;font-weight:500}.inp{border:1px solid var(--input-border);border-radius:var(--r-sm);width:100%;color:var(--ink);background:var(--card);padding:10px 12px;font-family:inherit;font-size:13.5px}.inp:focus{border-color:var(--blue);outline:none}textarea.inp{resize:vertical;min-height:80px;line-height:1.6}.chk{color:var(--sub);cursor:pointer;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.chk input{accent-color:var(--blue);width:16px;height:16px}.sel-chk{width:17px;height:17px;accent-color:var(--blue);cursor:pointer;flex-shrink:0}.callout{border-radius:var(--r-sm);background:var(--muted);color:var(--sub);align-items:flex-start;gap:9px;margin-top:14px;padding:13px 15px;font-size:12.5px;line-height:1.65;display:flex}.callout.blue{background:var(--blue-bg);color:var(--blue-dark)}.callout.warn{background:var(--orange-bg);color:var(--orange)}.callout.danger{background:var(--red-bg);color:var(--red)}.soon-box{border:1px dashed var(--line);border-radius:var(--r);text-align:center;color:var(--sub);background:var(--card);margin-top:16px;padding:28px 24px;font-size:13px}.soon-box b{color:var(--ink);margin-bottom:6px;font-size:15px;display:block}.tbl-scroll{overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;color:var(--faint);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:11.5px;font-weight:800}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 10px}.tbl tr:last-child td{border-bottom:none}.stepper{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.st{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);min-width:180px;color:var(--sub);cursor:pointer;flex:1;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.st .n{background:var(--muted);width:20px;height:20px;color:var(--sub);border-radius:999px;justify-content:center;align-items:center;font-size:11.5px;font-weight:800;display:inline-flex}.st.on{border-color:var(--blue);color:var(--blue);background:var(--blue-bg)}.st.on .n{background:var(--blue);color:var(--on-accent)}.st.ok .n{background:var(--green);color:var(--on-accent)}.next-card{background:var(--blue-bg);border:1px solid var(--blue-line);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;display:flex}.next-card .nc-eyebrow{color:var(--blue);letter-spacing:.04em;font-size:11px;font-weight:800}.next-card b{margin-top:3px;font-size:16px;display:block}.next-card span.sub{color:var(--sub);margin-top:2px;font-size:12.5px;display:block}.filter-bar{flex-wrap:wrap;gap:8px;margin:16px 0 10px;display:flex}.filter-chip{border:1px solid var(--input-border);background:var(--card);color:var(--sub);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:700}.filter-chip.on{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}.q-row{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;padding:13px 16px;display:flex}.q-row.picked{border-color:var(--blue);background:var(--blue-bg)}.q-main{flex:1;min-width:220px}.q-text{font-size:14px;font-weight:700}.q-act{align-items:center;gap:7px;display:flex}.suggest-wrap{background:var(--card);border:1px solid var(--blue-line);border-left:3px solid var(--blue);border-radius:var(--r-sm);margin:8px 0 12px;padding:16px 18px}.suggest-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:flex}.interview{margin-top:12px}.interview .q{align-items:flex-start;gap:10px;display:flex}.interview .q p{margin:0;font-size:13.5px;font-weight:700;line-height:1.55}.ai-ico{background:var(--purple-bg);width:26px;height:26px;color:var(--purple);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.interview .a{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.interview .a .inp{flex:1;min-width:220px}.progress-outer{background:var(--muted);border-radius:999px;height:8px;margin:12px 0;overflow:hidden}.progress-inner{background:var(--blue);border-radius:999px;height:100%;transition:width .4s}.gen-steps{gap:8px;margin-top:14px;display:grid}.gen-step{color:var(--faint);align-items:center;gap:10px;font-size:13px;display:flex}.gen-step .st-icon{background:var(--muted);width:22px;height:22px;color:var(--sub);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:11.5px;font-weight:800;display:inline-flex}.gen-step .st-name{color:var(--sub);font-weight:700}.gen-step .st-sub{color:var(--faint);font-size:12px}.gen-step.doing .st-icon{background:var(--blue);color:var(--on-accent)}.gen-step.doing .st-name{color:var(--blue)}.gen-step.done .st-icon{background:var(--green);color:var(--on-accent)}.gen-step.done .st-name{color:var(--ink)}.preview-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;margin-top:16px;display:grid}.wp-frame{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}.wp-frame-bar{background:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:10px;height:38px;padding:0 14px;display:flex}.wf-dots{gap:5px;display:flex}.wf-dots span{background:var(--input-border);border-radius:999px;width:9px;height:9px}.wf-addr{background:var(--card);border:1px solid var(--line);color:var(--sub);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:3px 12px;font-size:11.5px;display:inline-flex;overflow:hidden}.article{padding:32px 36px 44px}.article h1{letter-spacing:-.5px;margin:10px 0 8px;font-size:26px;line-height:1.38}.article h2{border-top:1px solid var(--line);margin:30px 0 10px;padding-top:18px;font-size:18px}.article h3,.article h4{margin:18px 0 8px;font-size:15px}.article p{margin:10px 0;font-size:14.5px;line-height:1.85}.article .post-meta{color:var(--faint);align-items:center;gap:8px;font-size:12px;display:flex}.article .post-cat{background:var(--blue-bg);color:var(--blue);border-radius:5px;padding:2px 8px;font-weight:800}.article .byline{color:var(--sub);border-bottom:1px solid var(--line);padding-bottom:14px;font-size:12.5px}.article .answer-box{background:var(--blue-bg);border-radius:var(--r-sm);margin:14px 0;padding:14px 16px;font-size:13.5px}.article .answer-box b{color:var(--blue);margin-bottom:4px;font-size:11.5px;display:block}.article table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.article th,.article td{border:1px solid var(--line);text-align:left;padding:8px 10px}.article th{background:var(--muted);font-weight:800}.article .faq-q{margin-top:14px;font-weight:800}.article .fine{color:var(--faint);font-size:12px}.side-panel{flex-direction:column;gap:0;display:flex}.side-panel .card{margin-top:0;margin-bottom:14px}.meta-item{border-bottom:1px solid var(--line);color:var(--sub);padding:9px 0;font-size:12.5px}.meta-item:last-child{border-bottom:none}.meta-item b{color:var(--ink);margin-bottom:2px;font-size:13px;display:block}.check-list{color:var(--sub);margin:0;padding-left:18px;font-size:12.5px;line-height:1.85}.revise-sticky{z-index:20;position:sticky;top:70px}.swt{background:var(--input-border);cursor:pointer;border-radius:999px;flex-shrink:0;width:34px;height:20px;display:inline-block;position:relative}.swt:after{content:"";background:var(--card);border-radius:999px;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px}.swt.on{background:var(--blue)}.swt.on:after{left:16px}.slot-card{border:1.5px dashed var(--blue-line);background:var(--blue-bg);border-radius:var(--r);margin:18px 0;padding:14px 16px;font-size:13px}.slot-card.ok{border-style:solid;border-color:var(--green);background:var(--green-bg)}.slot-card .sc-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slot-card .sc-cap{margin-top:7px;font-size:13.5px;font-weight:800}.gen-bar{background:var(--blue-bg);border:1px solid var(--blue-line);border-radius:var(--r-sm);flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:13px 16px;display:flex}.gen-bar.done{background:var(--green-bg);border-color:var(--green)}.att-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.att-card{border:2px solid var(--line);background:var(--card);text-align:center;border-radius:10px;width:160px;padding:8px}.att-card.on{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.att-card.stale{opacity:.45}.att-card .att-label{color:var(--faint);margin:6px 0 7px;font-size:11px;display:block}.prompt-ta{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;min-height:92px;color:var(--sub);resize:vertical;padding:10px 12px;font-family:inherit;font-size:12px;line-height:1.6}.kind-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.kind-chip{border:1px solid var(--input-border);background:var(--card);color:var(--sub);cursor:pointer;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700}.kind-chip.on{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}.img-prev{background:var(--muted);height:84px;color:var(--sub);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:11px;display:flex}.img-prev.photo{background:var(--sky-bg);color:var(--sky)}.img-prev.illustration{background:var(--purple-bg);color:var(--purple)}.img-prev.card{background:var(--blue-bg);color:var(--blue)}.img-prev.infographic{background:var(--orange-bg);color:var(--orange)}.auth-frame{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.ob-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;width:100%;max-width:430px;padding:36px 34px}.ob-logo{align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.ob-logo span.aeo{color:var(--blue)}.demo-note{color:var(--faint);margin-top:14px;font-size:11.5px}.toast-wrap{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--on-accent);border-radius:10px;max-width:520px;padding:12px 18px;font-size:13px;font-weight:600;box-shadow:0 6px 20px #1018282e}@media (max-width:1080px){.preview-layout{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;height:auto;position:static;overflow-x:auto}.sidebar .nav-group{flex-direction:row;margin:0}.logo,.nav-label,.nav-foot{display:none}.grid2,.grid3,.kpi-grid{grid-template-columns:1fr}.wrap{padding:18px 16px 48px}}