:root{--bg:#eef1f5;--panel:#fff;--line:#c9d1dc;--line-soft:#e3e8ef;--text:#1d2733;--muted:#637083;--navy:#1f3a68;--navy-2:#2c4f8a;--accent:#1d5fd1;--accent-soft:#dce8fc;--sel:#cfe0ff;--danger:#c4372f;--head:#e9eef5;--font:"Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 var(--font)}button,input,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}.btn{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:4px;height:30px;padding:0 14px}.btn:hover{background:#f4f7fb}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#174fb0}.btn.danger{color:var(--danger);border-color:#e6b3af}.btn.danger:hover{background:#fdf1f0}.btn.sm{height:26px;padding:0 10px;font-size:12px}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:3px;min-width:0;padding:0 7px}input,select{height:28px}textarea{resize:vertical;padding:6px 7px}input:focus,select:focus,textarea:focus,.grid:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}input[readonly]{color:var(--muted);background:#f3f5f8}input.num{text-align:right}.short{max-width:110px}.fld{align-items:center;gap:8px;min-width:0;display:flex}.fld>span{width:84px;color:var(--muted);white-space:pre;flex:none}.fld>input,.fld>select,.fld>textarea{flex:1;width:100%}.fld>.short{flex:0 110px}.radios{align-items:center;gap:12px;height:28px;display:inline-flex}.radios label,.chk{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.hint{color:var(--muted);font-size:12px}.login-wrap{background:linear-gradient(160deg,#1f3a68 0%,#2c4f8a 55%,#e9eef5 55.1%);place-items:center;min-height:100%;padding:16px;display:grid}.login-box{background:#fff;border-radius:8px;width:min(360px,100%);padding:32px 28px;box-shadow:0 10px 30px #0f23462e}.login-box h1{color:var(--navy);letter-spacing:1px;margin:0;font-size:26px}.login-sub{color:var(--muted);margin:4px 0 24px}.login-form{gap:14px;display:grid}.login-form label{color:var(--muted);gap:5px;display:grid}.login-form input{height:38px;color:var(--text);font-size:14px}.login-form .btn{height:40px;font-size:14px}.login-err{color:var(--danger);margin:0}.shell{grid-template:"top top"44px"menu work"1fr/212px 1fr;height:100vh;display:grid}.shell.menu-closed{grid-template-columns:52px 1fr}.topbar{background:var(--navy);color:#fff;grid-area:top;align-items:center;gap:10px;padding:0 12px;display:flex}.topbar .brand{letter-spacing:1px;font-size:16px}.topbar .who{opacity:.9;margin-left:auto}.topbar .btn{color:#fff;background:0 0;border-color:#ffffff59}.topbar .btn:hover{background:#ffffff1f}.topbar form{margin:0}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;place-items:center;width:32px;height:30px;display:grid}.menu-toggle:hover{background:#ffffff1f}.menu{border-right:1px solid var(--line);background:#f7f9fc;grid-area:menu;padding:6px 0 16px;overflow:hidden auto}.menu-group{padding:2px 8px}.menu-group+.menu-group{margin-top:2px}.menu-title{cursor:pointer;color:#637083;letter-spacing:.2px;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 8px 5px;font-size:12px;font-weight:700;display:flex}.menu-title:hover{color:var(--navy);background:#edf1f7}.menu-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.menu-chev{opacity:.7;transition:transform .15s}.menu-group.closed .menu-chev{transform:rotate(-90deg)}.menu-group.has-active>.menu-title{color:var(--navy)}.menu-items{gap:1px;padding:1px 0 4px;display:grid}.menu-item{text-align:left;cursor:pointer;color:#2b3644;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-left:3px solid #0000;border-radius:0 6px 6px 0;width:100%;padding:6px 10px 6px 34px;display:block;overflow:hidden}.menu-item:hover{background:#eaf0f8}.menu-item.on{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent);font-weight:700}.menu-item.todo{color:#9aa5b4}.menu-closed .menu{padding-top:8px}.menu-closed .menu-group{padding:2px 6px}.menu-closed .menu-title{justify-content:center;padding:9px 0}.menu-closed .menu-title-text,.menu-closed .menu-chev,.menu-closed .menu-items{display:none}.menu-closed .menu-group.has-active>.menu-title{background:var(--accent-soft);color:var(--accent)}.work{flex-direction:column;grid-area:work;min-width:0;min-height:0;display:flex}.tabs{flex:none;gap:2px;padding:6px 8px 0;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);white-space:nowrap;background:#dde3eb;border-bottom:0;border-radius:5px 5px 0 0;align-items:center;display:flex}.tab.on{background:var(--panel)}.tab-name{cursor:pointer;background:0 0;border:0;padding:6px 4px 6px 12px}.tab.on .tab-name{color:var(--navy);font-weight:700}.tab-x{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:0 8px;font-size:15px}.tab-x:hover{color:var(--danger)}.screens{background:var(--panel);border-top:1px solid var(--line);flex:1;min-height:0}.screen{height:100%}.empty-work{height:100%;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.scr{flex-direction:column;height:100%;display:flex}.scr-top{border-bottom:1px solid var(--line);background:#f8fafc;flex-wrap:wrap;flex:none;align-items:center;gap:10px 14px;padding:9px 12px;display:flex}.scr-top .fld>span{width:auto}.scr-top .fld>input{width:180px}.scr-mid{flex:1;min-height:0;display:flex}.scr-mid>.grid,.scr-mid.split>.grid{flex:1}.scr-mid.stack{flex-direction:column}.scr-bot{border-top:1px solid var(--line);background:#f8fafc;flex:none;align-items:center;gap:6px;padding:8px 12px;display:flex}.scr-bot .msg{color:var(--muted);margin-right:auto}.side{border-left:1px solid var(--line);background:#fbfcfd;flex-direction:column;flex:none;gap:6px;width:330px;padding:10px 12px;display:flex;overflow-y:auto}.side-head{color:var(--navy);border-bottom:1px solid var(--line-soft);margin-bottom:2px;padding-bottom:6px;font-weight:700}.side-btns{justify-content:flex-end;margin-top:6px;display:flex}.bottom-form{border-top:1px solid var(--line);background:#fbfcfd;flex:none;gap:6px;padding:10px 12px;display:grid}.row{flex-wrap:wrap;gap:6px 24px;display:flex}.grid{background:#fff;min-width:0;min-height:0;position:relative;overflow:auto}.grid table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}.grid th,.grid td{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);white-space:nowrap;text-overflow:ellipsis;height:25px;padding:0 6px;overflow:hidden}.grid th{z-index:1;background:var(--head);color:#344255;border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;font-weight:400;position:sticky;top:0}.grid td.rn,.grid th.rn{text-align:center;color:var(--muted);cursor:default;background:#f6f8fb}.grid tbody tr{cursor:default}.grid tbody tr:hover td{background:#f3f7fd}.grid tbody tr.sel td{background:var(--sel)}.grid tbody tr.sel td.rn{background:var(--accent);color:#fff}.grid-msg{text-align:center;color:var(--muted);position:absolute;inset:40px 0 auto}.modal{border:0;border-radius:8px;max-height:calc(100vh - 24px);padding:0;box-shadow:0 12px 40px #0a19324d}.modal::backdrop{background:#0f192859}.modal-head{background:var(--navy);color:#fff;align-items:center;padding:10px 14px;display:flex}.modal-head .x{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:20px;line-height:1}.modal-body{gap:10px;padding:14px;display:grid}.btns{justify-content:flex-end;gap:6px;padding-top:4px;display:flex}.form2{grid-template-columns:1fr 1fr;gap:6px 20px;display:grid}.form2 .wide{grid-column:1/-1}.notice{grid-template-columns:280px 1fr;gap:10px;height:420px;display:grid}.notice-list{border:1px solid var(--line);min-height:0;display:flex}.notice-list .grid{flex:1}.notice-body{border:1px solid var(--line);white-space:pre-wrap;font:inherit;background:#fbfcfd;margin:0;padding:10px;overflow:auto}.edit-table{border:1px solid var(--line);max-height:50vh;overflow:auto}.edit-table table{border-collapse:collapse;width:100%}.edit-table th{background:var(--head);padding:5px;font-weight:400;position:sticky;top:0}.edit-table td{border-top:1px solid var(--line-soft);padding:3px}.edit-table input,.edit-table select{width:100%}@media (max-width:800px){.shell,.shell.menu-closed{grid-template-columns:0 1fr}.menu-closed .menu{display:none}.shell:not(.menu-closed) .menu{z-index:20;width:240px;display:block;position:fixed;top:44px;bottom:0;left:0;box-shadow:4px 0 16px #00000026}.topbar .who{display:none}.topbar .btn:first-of-type{margin-left:auto}.scr-mid.split{flex-direction:column}.side{border-left:0;border-top:1px solid var(--line);width:auto;max-height:50%}.scr-top .fld>input{width:140px}.form2,.notice{grid-template-columns:1fr}.notice{height:auto}.notice-list{height:200px}.notice-body{min-height:160px}.scr-bot{flex-wrap:wrap}}.master-list{border-right:1px solid var(--line);flex-direction:column;flex:none;width:400px;min-height:0;display:flex}.master-list .grid{flex:1}.pane-title{background:var(--head);border-bottom:1px solid var(--line);color:var(--navy);flex:none;align-items:center;gap:8px;padding:6px 12px;font-weight:700;display:flex}.pane-title.with-btns .hint{margin-left:auto;font-weight:400}.pane-title .dirty{color:var(--danger);margin-left:8px;font-style:normal;font-weight:400}.doc{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.doc>.grid{flex:1}.doc-head{border-bottom:1px solid var(--line);background:#fbfcfd;flex:none;gap:12px;padding:10px 12px;display:flex}.form3{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 18px;display:grid}.form3 .wide{grid-column:1/-1}.form3 .fld>span{width:64px}.doc-btns{flex-direction:column;gap:6px;display:flex}.range{align-items:center;gap:4px;display:inline-flex}.code-name{flex:1;gap:4px;min-width:0;display:flex}.code-name>input:last-child{flex:1;min-width:60px}.pick-grid{border:1px solid var(--line);height:360px;display:flex}.pick-grid .grid{flex:1}.etable td.ed{padding:0}.etable .cell{height:100%;display:flex}.etable .cell input{background:0 0;border:0;border-radius:0;flex:1;width:100%;height:24px;padding:0 5px}.etable .cell input:focus{outline:2px solid var(--accent);outline-offset:-2px;background:#fff}.etable .find{border:0;border-left:1px solid var(--line-soft);cursor:pointer;background:#f1f4f8;flex:none;width:22px}.etable td.ro{color:#344255;background:#f7f9fb}.etable tbody tr.sel td.ro{background:#e3ecfc}.etable tbody tr.sel td.ed{background:#f0f5ff}.etable tbody tr.del td{color:#9a6b00;text-decoration:line-through;background:#fff3cd!important}.etable tfoot td{background:var(--head);border-top:1px solid var(--line);height:26px;padding:0 6px;position:sticky;bottom:0}@media (max-width:1100px){.scr-mid:has(.master-list){flex-direction:column;overflow-y:auto}.master-list{border-right:0;border-bottom:1px solid var(--line);width:auto;height:220px}.doc>.grid{min-height:260px}.form3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.form3{grid-template-columns:1fr}.doc-head{flex-direction:column}.doc-btns{flex-direction:row}}.code-name>input:first-child{flex:none;min-width:70px}.form3 .fld.span2{grid-column:span 2}.etable tbody tr.err td{background:#ffd2d2}.etable tbody tr.err.sel td{background:#ffb8b8}.status-badge{background:var(--accent-soft);color:var(--navy);border-radius:10px;padding:1px 8px;font-size:12px;display:inline-block}.status-badge.locked{color:#8a5300;background:#fde7c7}.chk.fix{color:var(--muted);font-size:12px}.sheet-list{gap:6px;display:grid}.sheet-list .btn{text-align:left}.hist{grid-template-columns:260px 1fr;gap:10px;height:min(70vh,640px);display:grid}.hist-left{border:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.hist-left .grid{flex:1}.hist-right{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.hist-right .grid{border:1px solid var(--line);flex:1}@media (max-width:800px){.hist{grid-template-columns:1fr;height:auto}.hist-left{height:180px}.hist-right .grid{min-height:240px}}.etable tbody tr.done td{background:#d9f7d9}.etable tbody tr.done.sel td{background:#c2efc2}.pdoc{flex-direction:column;gap:8px;height:min(74vh,720px);display:flex}.pdoc-po{background:var(--head);border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:6px 10px;display:flex}.pdoc-body{flex:1;grid-template-columns:300px 1fr;gap:10px;min-height:0;display:grid}.pdoc-list{border:1px solid var(--line);min-height:0;display:flex}.pdoc-list .grid{flex:1}.pdoc-main{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.pdoc-main .grid{border:1px solid var(--line);flex:1}@media (max-width:1000px){.pdoc{height:auto}.pdoc-body{grid-template-columns:1fr}.pdoc-list{height:160px}.pdoc-main .grid{min-height:300px}}.master-list.narrow{width:300px}.doc-grid{flex:1;min-height:160px;display:flex}.doc-grid>.grid{flex:1}.grid tfoot td{background:var(--head);border-top:1px solid var(--line);height:26px;font-weight:700;position:sticky;bottom:0}.grid tbody tr.stat-on td{background:#e3f6e3}.grid tbody tr.stat-closed td{background:#dff4fb}.grid tbody tr.sel.stat-on td,.grid tbody tr.sel.stat-closed td{background:var(--sel)}.stat-head{border-top:1px solid var(--line)}.tabs-inline{border-bottom:1px solid var(--line);background:#f8fafc;flex:none;gap:2px;padding:6px 12px 0;display:flex}.tabs-inline button{border:1px solid var(--line);cursor:pointer;background:#dde3eb;border-bottom:0;border-radius:4px 4px 0 0;padding:5px 14px}.tabs-inline button.on{color:var(--navy);background:#fff;font-weight:700}@media (max-width:1100px){.master-list.narrow{width:auto}}.cal-top{gap:8px}.cal-top select{width:auto}.cal-modes{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-left:10px;display:inline-flex}.cal-wrap{padding:8px;overflow:auto}.cal{border-left:1px solid var(--line);border-top:1px solid var(--line);flex:1;grid-template-columns:repeat(7,minmax(110px,1fr));grid-auto-rows:minmax(96px,1fr);display:grid}.cal-h{background:var(--head);border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-row:auto;place-items:center;height:28px;font-weight:700;display:grid}.cal .sun{color:#d22}.cal .sat{color:#1d5fd1}.cal-d{border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;background:#fff;flex-direction:column;gap:2px;min-width:0;padding:3px;display:flex;overflow:hidden}.cal-d.empty{cursor:default;background:#f6f8fa}.cal-d.on{outline:2px solid var(--accent);outline-offset:-2px}.cal-n{justify-content:space-between;font-size:12px;display:flex}.cal-n span{color:var(--muted);font-weight:700}.cal-e{text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffd2d2;border:0;border-radius:2px;padding:1px 4px;font-size:12px;overflow:hidden}.cal-e:hover{background:#ffb3b3}.day-pop{grid-template-rows:1fr 1.4fr;gap:8px;height:min(70vh,640px);display:grid}.day-pop .grid{border:1px solid var(--line)}@media (max-width:800px){.cal{grid-template-columns:repeat(7,minmax(90px,1fr))}}.grid tbody tr.out-row td{color:#b42318}.side.web-side{width:420px}.web-img{border-top:1px solid var(--line-soft);gap:6px;padding-top:8px;display:grid}.web-img-head{align-items:center;gap:6px;display:flex}.web-img-head>span{color:var(--muted);margin-right:auto}.web-img-box{aspect-ratio:4/3;border:1px solid var(--line);background:#f3f5f8;place-items:center;display:grid;overflow:hidden}.web-img-box img{object-fit:contain;width:100%;height:100%}.master-list.wide{width:560px}.grid tbody tr.unread td{font-weight:700}@media (max-width:800px){.side.web-side{width:auto}}.comp-sel{color:#fff;background:#ffffff1a;border:1px solid #ffffff59;border-radius:6px;max-width:280px;height:30px;padding:0 8px;font-weight:700}.comp-sel option{color:var(--text);background:#fff;font-weight:400}.ro-badge{color:#3a2a00;background:#f6c343;border-radius:10px;padding:2px 8px;font-size:12px}.login-note{background:var(--accent-soft);border-radius:6px;margin:0 0 4px;padding:8px 10px;font-size:13px;line-height:1.5}.form1{gap:8px;display:grid}.form3 .chk-line{flex-wrap:wrap;align-items:center;gap:16px;min-height:30px;display:flex}.auth-table{border-collapse:collapse;width:100%}.auth-table th,.auth-table td{border:1px solid var(--line-soft);text-align:left;padding:4px 8px}.auth-table th{background:var(--head);font-weight:400}.auth-wrap{border:1px solid var(--line);max-height:260px;overflow:auto}.grid tbody tr.unused td{color:#98a2b0}@media (max-width:800px){.comp-sel{max-width:150px}.ro-badge{display:none}}.login-wrap{box-sizing:border-box;height:100%;min-height:0;display:flex;overflow-y:auto}.login-box{margin:auto}.slip-tools{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:6px 12px;display:flex}.slip-sum{margin-left:8px;font-weight:700}.slip-sum.ok{color:#1d7a3a}.slip-sum.bad{color:var(--danger)}.dirty-mark{color:var(--danger);margin-left:6px;font-size:12px;font-style:normal}.slip-modal{border:1px solid var(--line);height:min(560px,100vh - 160px);display:flex}.save-ok{color:#1d7a3a;margin-left:8px;font-weight:700}.rep-title{color:var(--navy)}.rep-warn{color:var(--danger)}.grid tbody tr.sub td{background:#f3f6fa;font-weight:700}.grid tbody tr.sub-open td{color:#34465c;background:#fafbfc}.grid tbody tr.total td{background:#e6edf7}.grid tbody tr.sel.sub td,.grid tbody tr.sel.sub-open td{background:var(--sel)}.scr-mid.stack>.half{flex:1;min-height:0;display:flex}.scr-mid.stack>.half>.grid{flex:1}.scr-mid.stack>.half+.half{border-top:2px solid var(--line)}.close-box{gap:10px;max-width:640px;padding:12px;display:grid}.bank-form{border-top:2px solid var(--line);background:#fbfcfd;flex:none;gap:12px;padding:10px 12px;display:flex}.grid tbody tr.other-src td{color:#6b7686}.list-foot{border-top:1px solid var(--line-soft);flex:none;justify-content:flex-end;padding:4px 8px;display:flex}.menu-module+.menu-module{border-top:1px solid var(--line-soft);margin-top:4px;padding-top:4px}.menu-module-title{cursor:pointer;text-align:left;width:calc(100% - 16px);color:var(--navy);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;margin:2px 8px;padding:9px 8px;font-size:14px;font-weight:700;display:flex}.menu-module-title:hover{background:#e8eef7}.menu-module-title em{color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:0 6px;font-size:11px;font-style:normal;font-weight:400}.menu-module:not(.open)>.menu-module-title .menu-chev{transform:rotate(-90deg)}.menu-module.has-active:not(.open)>.menu-module-title{background:var(--accent-soft)}.menu-module-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:auto}.menu-module.open>.menu-group{padding-left:14px}.menu-closed .menu-module-title{display:none}.menu-closed .menu-module.open>.menu-group{padding-left:8px}.menu-closed .menu-module+.menu-module{border-top:0;margin-top:0;padding-top:0}.grid tbody tr.late td{color:var(--danger)}.perm-table td,.perm-table th{padding:3px 6px}.perm-table tr.perm-group td{color:var(--navy);background:#eef3f9;font-weight:700}.perm-cell{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:3px;min-width:44px;padding:1px 4px;font-size:12px}.perm-cell.inherit{color:#98a2b0}.perm-cell.yes{color:#136313;background:#d9f7d9;border-color:#8fd18f;font-weight:700}.perm-cell.no{color:#a11;background:#ffe0e0;border-color:#f0a0a0;font-weight:700}.menu-admin-group{border:1px solid var(--line);background:#fff;border-radius:4px;margin-bottom:10px}.menu-admin-head{border-bottom:1px solid var(--line);background:#f3f6fa;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 8px;display:flex}.menu-admin-group .auth-table td,.menu-admin-group .auth-table th{padding:3px 6px}.etable tbody tr.ro-row td{color:#4a5a6e;background:#f6f8fa}