:root{--bg:#f4f5f8;--surface:#fff;--ink:#0f1222;--ink2:#4a5163;--ink3:#98a0b0;--line:#edeef3;--line2:#e3e5ec;--accent:#5457ea;--accent-d:#4244d6;--accent-soft:#ecedfd;--accent-soft2:#f6f7fe;--ok:#0e9f6e;--ok-soft:#e4f7ef;--warn:#e0342b;--warn-soft:#fdeceb;--amber:#b45309;--amber-soft:#fef3e2;--violet:#7c3aed;--violet-soft:#f2ecfe;--sky:#0284c7;--sky-soft:#e4f2fb;--shadow-xs:0 1px 2px rgba(15,18,34,.05);--shadow-sm:0 1px 2px rgba(15,18,34,.04),0 2px 6px rgba(15,18,34,.05);--shadow-md:0 4px 12px rgba(15,18,34,.06),0 10px 28px rgba(15,18,34,.07);--shadow-lg:0 12px 32px rgba(15,18,34,.1),0 24px 60px rgba(15,18,34,.1);--ring:0 0 0 4px var(--accent-soft);--grad:linear-gradient(135deg,#6366f1,#7c3aed);--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:20px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Pretendard,Pretendard Variable,-apple-system,Apple SD Gothic Neo,맑은 고딕,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:-.011em;background-image:radial-gradient(1200px 600px at 100% -10%,rgba(124,58,237,.05),transparent 60%),radial-gradient(1000px 500px at -10% 0,rgba(84,87,234,.05),transparent 55%);background-attachment:fixed}button{font-family:inherit}a{color:inherit}::selection{background:var(--accent-soft);color:var(--accent-d)}.btn{background:var(--accent);color:#fff;border:none;border-radius:var(--r-md);padding:11px 18px;font-size:13.5px;font-weight:700;cursor:pointer;transition:transform .16s cubic-bezier(.4,0,.2,1),box-shadow .16s,background .16s,filter .16s;display:inline-flex;align-items:center;gap:7px;letter-spacing:-.01em;box-shadow:0 1px 2px rgba(84,87,234,.28),0 4px 12px rgba(84,87,234,.22)}.btn:hover{background:var(--accent-d);transform:translateY(-1.5px);box-shadow:0 4px 10px rgba(84,87,234,.3),0 10px 24px rgba(84,87,234,.28)}.btn:active{transform:translateY(0);filter:brightness(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn.sub{background:#fff;color:var(--ink);border:1px solid var(--line2);box-shadow:var(--shadow-xs)}.btn.sub:hover{background:#fafbfc;border-color:#d4d7e0;box-shadow:var(--shadow-sm)}.btn.sm{padding:8px 13px;font-size:12.5px;border-radius:10px}.btn.lg{padding:13px 24px;font-size:14.5px;border-radius:13px}.btn.ghost{background:transparent;color:var(--accent);padding:8px 12px;box-shadow:none}.btn.ghost:hover{background:var(--accent-soft);box-shadow:none;transform:none}.btn.danger{background:#fff;color:var(--warn);border:1px solid #f4ccc9;box-shadow:var(--shadow-xs)}.btn.danger:hover{background:var(--warn-soft);box-shadow:none;border-color:#edb4b0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12.5px;font-weight:700;color:var(--ink2)}.req{color:var(--accent);margin-left:2px}input,select,textarea{font-family:inherit;font-size:14px;padding:11px 13px;border:1px solid var(--line2);border-radius:var(--r-md);background:#fff;width:100%;color:var(--ink);transition:border-color .15s,box-shadow .15s;letter-spacing:-.01em}input::placeholder,textarea::placeholder{color:#aeb4c0}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}textarea{resize:vertical;min-height:84px;line-height:1.6}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2398A0B0' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}.badge{font-size:11px;font-weight:700;padding:3.5px 10px;border-radius:20px;white-space:nowrap;letter-spacing:0}.badge.type{background:var(--ok-soft);color:var(--ok)}.badge.common{background:var(--accent-soft);color:var(--accent)}.badge.req{background:var(--warn-soft);color:var(--warn)}.badge.opt{background:#f0f1f4;color:var(--ink3)}.badge.likert{background:var(--violet-soft);color:var(--violet)}.badge.open,.badge.st-개설{background:var(--amber-soft);color:var(--amber)}.badge.st-발송{background:var(--sky-soft);color:var(--sky)}.muted{color:var(--ink3);font-size:12.5px}.app{min-height:100vh}.app,.side{display:flex}.side{width:244px;flex-shrink:0;background:hsla(0,0%,100%,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--line);flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{gap:11px;padding:22px 20px 18px}.brand,.logo{display:flex;align-items:center}.logo{width:38px;height:38px;border-radius:11px;background:var(--grad);justify-content:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 4px 12px rgba(99,102,241,.42),inset 0 1px 0 hsla(0,0%,100%,.25)}.brand .t{font-size:14.5px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.brand .s{font-size:11px;color:var(--ink3);margin-top:2px}.side nav{padding:6px 12px;display:flex;flex-direction:column;gap:2px}.navlabel{font-size:10.5px;font-weight:800;color:var(--ink3);padding:16px 12px 7px;text-transform:uppercase;letter-spacing:.06em}.side nav a{position:relative;display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:10px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ink2);transition:background .14s,color .14s}.side nav a:hover{background:var(--accent-soft2);color:var(--ink)}.side nav a.active{background:var(--accent-soft);color:var(--accent-d);font-weight:700}.side nav a.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent)}.side .sfoot{margin-top:auto;padding:16px 20px;font-size:11px;color:var(--ink3);border-top:1px solid var(--line)}.main{flex:1 1;min-width:0}.topbar{height:62px;background:hsla(0,0%,100%,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar h1{font-size:17px;font-weight:800;margin:0;letter-spacing:-.02em}.spacer{flex:1 1}.content{padding:30px;max-width:1060px;animation:fadein .3s ease}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-head{margin-bottom:22px}.page-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.025em}.page-head p{margin:6px 0 0;color:var(--ink2);font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 18px;gap:16px 18px}.full{grid-column:1/-1}.sumrow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:24px}.sumcard{padding:20px;border-radius:var(--r-lg);transition:transform .16s,box-shadow .16s}.sumcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sumcard .v{font-size:27px;font-weight:800;letter-spacing:-.03em}.sumcard .l{font-size:12px;color:var(--ink3);font-weight:600;margin-top:3px}.sumcard.accent{background:var(--grad);border:none;color:#fff;box-shadow:0 8px 24px rgba(99,102,241,.28)}.sumcard.accent .l{color:#fff;opacity:.9}.list{flex-direction:column;gap:12px}.list,.srow{display:flex}.srow{padding:18px 20px;align-items:center;gap:16px;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.srow:hover{border-color:#cfd1f4;box-shadow:var(--shadow-md);transform:translateY(-2px)}.srow .si{width:46px;height:46px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(84,87,234,.08)}.srow .nm{font-size:15px;font-weight:700;letter-spacing:-.015em}.srow .meta{font-size:12.5px;color:var(--ink3);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.empty{text-align:center;padding:64px 20px;color:var(--ink3)}.empty .ico{font-size:46px;margin-bottom:10px}.empty .t{font-size:16px;font-weight:700;color:var(--ink2)}.qcard{border:1px solid var(--line);border-radius:14px;padding:15px 17px;margin-bottom:10px;background:#fff;box-shadow:var(--shadow-xs);transition:box-shadow .15s,border-color .15s}.qcard:hover{box-shadow:var(--shadow-sm);border-color:var(--line2)}.qhead{display:flex;gap:8px;flex-wrap:wrap}.qhead,.qnum{align-items:center}.qnum{width:25px;height:25px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:12.5px;display:inline-flex;justify-content:center;flex-shrink:0}.qtext{font-size:14.5px;font-weight:600;margin-top:9px}.qmeta{font-size:12px;color:var(--ink3);margin-top:4px}.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:18px 0 22px}.subtabs button{background:none;padding:11px 16px;font-size:13.5px;font-weight:700;color:var(--ink3);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s,border-color .14s}.subtabs button:hover{color:var(--ink2)}.subtabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:4px 0 24px}.kpi{border:1px solid var(--line);border-radius:15px;padding:18px 16px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .16s,box-shadow .16s}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi .v{font-size:28px;font-weight:800;letter-spacing:-.03em}.kpi .l{font-size:12px;color:var(--ink3);margin-top:2px;font-weight:600}.kpi.accent{background:var(--grad);border:none;box-shadow:0 8px 24px rgba(99,102,241,.28)}.kpi.accent .l,.kpi.accent .v{color:#fff}.kpi.accent .l{opacity:.9}h3.block{font-size:15px;font-weight:800;margin:26px 0 12px;letter-spacing:-.02em}table.data{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-xs)}table.data th{background:#fafbfc;color:var(--ink2);text-align:left;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em}table.data td,table.data th{padding:12px 14px;border-bottom:1px solid var(--line)}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .12s}table.data tbody tr:hover td{background:#fbfbfe}.bar-wrap{display:flex;align-items:center;gap:10px}.bar-track{flex:1 1;height:8px;background:#edeff3;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,var(--accent));border-radius:6px}.scoreval{font-weight:800;min-width:42px;text-align:right}.distrib .qd{margin-bottom:18px}.distrib .qn{font-size:13.5px;font-weight:700;margin-bottom:9px}.dbar{display:flex;align-items:center;gap:10px;margin-bottom:5px;font-size:12px}.dbar .lab{width:96px;color:var(--ink2);font-weight:600}.dbar .tr{flex:1 1;height:18px;background:#edeff3;border-radius:7px;overflow:hidden}.dbar .fl{height:100%;background:linear-gradient(90deg,#818cf8,var(--accent));border-radius:7px;display:flex;align-items:center;justify-content:flex-end;padding-right:7px;color:#fff;font-size:11px;font-weight:700}.dbar .cnt{width:48px;text-align:right;color:var(--ink3);font-weight:600}.nps-box{display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:24px;background:linear-gradient(135deg,#fff,var(--accent-soft2));box-shadow:var(--shadow-sm)}.nps-score{font-size:50px;font-weight:800;line-height:1;letter-spacing:-.04em}.opinion h4{margin:18px 0 9px;font-size:14px;font-weight:800}.opinion ul{margin:0;padding-left:18px}.opinion li{font-size:13.5px;margin-bottom:5px;color:var(--ink2)}.chip{display:inline-block;font-size:11px;font-weight:700;padding:2.5px 9px;border-radius:20px;margin-left:9px}.chip.pos{background:var(--ok-soft);color:var(--ok)}.chip.imp{background:var(--warn-soft);color:var(--warn)}.chip.etc{background:#f0f1f4;color:var(--ink3)}.callout{background:var(--accent-soft2);border:1px solid #e4e5fa;border-radius:13px;padding:14px 16px;font-size:13px;color:#3a3e63;margin:14px 0;line-height:1.6}.callout.amber{background:var(--amber-soft);border-color:#f4dcb4;color:#85531a}.qedit{border:1px solid var(--line);border-radius:13px;padding:12px 14px;margin-bottom:10px;background:#fff;box-shadow:var(--shadow-xs);transition:box-shadow .15s,border-color .15s}.qedit:hover{box-shadow:var(--shadow-sm);border-color:var(--line2)}.qedit-top{display:flex;align-items:center;gap:10px}.qedit-text{flex:1 1;font-size:14px;font-weight:600}.qedit-ctl{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.qedit-ctl select{width:auto;min-width:120px;padding:8px 30px 8px 12px;font-size:13px}.chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer}.chk input{width:auto}.qedit-move{margin-left:auto;display:flex;gap:6px}.iconbtn{width:31px;height:31px;border:1px solid var(--line2);background:#fff;border-radius:9px;cursor:pointer;color:var(--ink2);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:.14s}.iconbtn:hover{background:#fafbfc;border-color:#d4d7e0}.iconbtn:disabled{opacity:.4;cursor:not-allowed}.iconbtn.del{color:var(--warn)}.iconbtn.del:hover{background:var(--warn-soft);border-color:#f4ccc9}.seg{display:inline-flex;background:#eeeff3;border-radius:10px;padding:3px;gap:2px}.seg button{border:none;background:none;padding:7px 13px;font-size:12.5px;font-weight:700;color:var(--ink2);border-radius:8px;cursor:pointer;transition:.14s}.seg button:hover{color:var(--ink)}.seg button.on{background:#fff;color:var(--accent);box-shadow:var(--shadow-sm)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.chart-card{border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff;box-shadow:var(--shadow-sm);text-align:center;transition:box-shadow .16s}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-card .qn{font-size:13px;font-weight:700;text-align:left}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-image:radial-gradient(900px 500px at 50% -20%,rgba(124,58,237,.1),transparent 60%)}.login-card{width:100%;max-width:390px;padding:36px 32px;text-align:center;box-shadow:var(--shadow-lg);border-radius:var(--r-xl)}.login-card .logo{margin:0 auto 16px;width:46px;height:46px;border-radius:14px;font-size:22px}.survey-page{max-width:680px;margin:0 auto;padding:44px 20px 84px}.survey-hero{text-align:center;margin-bottom:30px}.survey-hero .org{color:var(--ink3);font-size:13px;font-weight:600}.survey-hero h1{font-size:27px;font-weight:800;margin:8px 0;letter-spacing:-.03em}.survey-hero .sub{color:var(--ink2);font-size:14px}.qblock{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.qblock .ql{font-size:15px;font-weight:700;margin-bottom:14px}.qblock .ql .rq{color:var(--warn);margin-left:3px}.scale{display:flex;gap:8px;flex-wrap:wrap}.scale label{flex:1 1;min-width:64px;border:1px solid var(--line2);border-radius:12px;padding:13px 6px;text-align:center;cursor:pointer;transition:transform .12s,border-color .14s,background .14s,box-shadow .14s;font-size:13px;font-weight:600;color:var(--ink2)}.scale label:hover{border-color:var(--accent);background:var(--accent-soft2);transform:translateY(-2px)}.scale input{display:none}.scale label.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-d);box-shadow:var(--ring)}.scale .num{font-size:18px;font-weight:800;display:block}.scale .lbl{font-size:11px}.thanks{text-align:center;padding:74px 20px}.thanks .big{font-size:56px}.thanks h2{font-size:22px;font-weight:800;margin:14px 0 8px;letter-spacing:-.02em}.thanks p{color:var(--ink2)}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(12px);background:var(--ink);color:#fff;padding:13px 24px;border-radius:30px;font-size:13.5px;font-weight:600;opacity:0;pointer-events:none;transition:.28s cubic-bezier(.4,0,.2,1);z-index:60;box-shadow:0 10px 30px rgba(0,0,0,.28)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:860px){.app{flex-direction:column}.chart-grid{grid-template-columns:1fr}.side{width:100%;height:auto;position:static;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--line)}.brand{padding:12px 16px}.side nav{flex-direction:row;padding:8px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.side nav a{flex-shrink:0;white-space:nowrap}.navlabel,.side .sfoot,.side nav a.active:before{display:none}.grid,.kpis,.sumrow{grid-template-columns:1fr 1fr}.content{padding:18px}.subtabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.subtabs button{flex-shrink:0;white-space:nowrap}.nps-box{flex-wrap:wrap}}@media(max-width:560px){.grid,.sumrow{grid-template-columns:1fr}.content{padding:14px}.qblock,.rsec{padding:18px 16px}.survey-page{padding:32px 16px 72px}.survey-hero h1{font-size:23px}.kpi .v{font-size:24px}.nps-score{font-size:40px}}@media print{.noprint,.side,.subtabs,.topbar{display:none!important}body{background:#fff;background-image:none}.content{padding:0;max-width:none}}.rcheck{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink);padding:8px 10px;border-radius:9px;cursor:pointer;transition:background .12s}.rcheck:hover{background:var(--accent-soft2)}.rcheck input{width:auto;flex-shrink:0}.rcheck .rc-name{font-weight:600}.rcheck .rc-email{color:var(--ink3)}.check-list{max-height:230px;overflow:auto;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:12px;padding:6px}.modal-overlay{position:fixed;inset:0;background:rgba(15,18,34,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:80;padding:20px;animation:fadein .2s ease}.modal{background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal .m-head{padding:20px 22px 14px;border-bottom:1px solid var(--line)}.modal .m-head h3{margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em}.modal .m-body{padding:16px 22px;overflow:auto}.modal .m-foot{padding:14px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.consent{border:1px solid var(--line);border-radius:13px;padding:14px 16px;background:#fafbfc;margin-bottom:14px}.consent-title{font-size:13.5px;font-weight:700;margin-bottom:8px}.consent-body{font-size:12px;color:var(--ink2);line-height:1.7;white-space:pre-line;background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px 12px;max-height:150px;overflow:auto}.agree{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:600;cursor:pointer}.agree input{width:auto}@keyframes shimmer{0%{background-position:-460px 0}to{background-position:460px 0}}.srow.skel{cursor:default;pointer-events:none}.srow.skel:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--line)}.srow.skel .si{color:transparent}.skel-line,.srow.skel .si{background:linear-gradient(90deg,#eef0f3 25%,#f7f8fa 37%,#eef0f3 63%);background-size:800px 100%;animation:shimmer 1.3s linear infinite}.skel-line{height:12px;border-radius:6px}.rsec{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow-sm)}.rsec,.rsec-h{margin-bottom:16px}.rsec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.rsec-h h3{font-size:15px;font-weight:800;margin:0;letter-spacing:-.02em;color:var(--ink)}.rsec-h .muted{font-size:12px}.rsec table.data{border:none;box-shadow:none;border-radius:0}.rsec .nps-box{border:none;box-shadow:none;padding:0;background:none}.rsec .distrib .qd:last-child{margin-bottom:0}.rsec .opinion h4:first-child{margin-top:0}.qcell,.tdcell,.thcell{display:inline-block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.tdcell{max-width:200px}.qcell{max-width:360px}.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.tscroll table.data{width:auto;min-width:100%}