:root{color:#222;background:#fff;font-family:Malgun Gothic,맑은 고딕,sans-serif;font-size:13px}body{margin:0}main{padding:16px}dl{grid-template-columns:max-content 1fr;gap:4px 12px;display:grid}dt{font-weight:700}dd{margin:0}.error{color:#c00}.warn{color:#b45f00}.screen{background:#d6e0f9;flex-direction:column;max-width:895px;height:calc(100vh - 24px);display:flex}.screen-title{letter-spacing:.3em;word-spacing:-.3em;color:#363f6b;border-bottom:1px solid #9aa6c9;padding:4px 8px;font-family:HY헤드라인M,HYHeadLine-Medium,Malgun Gothic,sans-serif;font-size:27px;font-weight:700;line-height:32px}.conditions{grid-template-columns:350px 1fr;grid-template-areas:"period vend""acc gbn";gap:4px 16px;padding:6px 8px;display:grid}.area-period{grid-area:period}.area-vend{grid-area:vend}.area-acc{grid-area:acc}.area-gbn{grid-area:gbn}.cond{align-items:center;gap:3px;display:flex}.cond-label{text-align:center;min-width:70px;display:inline-block}.conditions input,.conditions select{box-sizing:border-box;height:20px;font:inherit;border:1px solid #7f8fb8;padding:0 3px}.conditions input:focus,.conditions select:focus{outline-offset:-1px;outline:2px solid #ffd54a}.conditions input:disabled{background:#ece9d8}.w-date{width:100px}.w-code{width:77px}.w-name{width:165px}.w-accnm{width:159px}.w-gbn{width:76px}.tilde{padding:0 3px}.kims-grid{flex:1;min-height:200px}.kims-grid .cell-center{text-align:center}.b201 .conditions{gap:8px;display:flex}.b201 .w-slip{width:141px}.b201 .sums{justify-content:flex-end;gap:20px;padding:3px 4px;display:flex}.b201 .sums output{box-sizing:border-box;text-align:right;color:#000;background:#fff;border:1px solid #7f8fb8;width:180px;height:20px;padding:0 4px;line-height:18px;display:inline-block}.b201 .sum-d{color:#00f}.b201 .sum-c{color:red}.screen.b200{max-width:915px}.b200-user{float:right;letter-spacing:normal;word-spacing:normal;color:#363f6b;margin-top:16px;font-family:inherit;font-size:12px;font-weight:400;line-height:14px}.b200-head{align-items:center;gap:3px;padding:4px 8px;display:flex}.b200-panels{grid-template-columns:1fr 1fr;gap:8px;padding:0 8px;display:grid}.b200-panel{border:1px solid #9aa6c9;padding:3px}.b200-side-title{color:#fff;text-align:center;background:#717fae;margin-bottom:3px}.b200-row{align-items:center;gap:3px;margin-bottom:2px;display:flex}.b200 input,.b200 select{box-sizing:border-box;height:20px;font:inherit;border:1px solid #7f8fb8;padding:0 3px}.b200 input:focus,.b200 button:focus{outline-offset:-1px;outline:2px solid #ffd54a}.b200 input:disabled{background:#f9e0d6}.b200 .w-wide,.b200 .w-full{flex:1;min-width:0}.b200 .num{text-align:right}.b200 .w-mgt{flex:1;min-width:0}.b200 .w-slipno{width:74px}.b200 .mgt-label{text-align:center;width:117px;font-size:12px;display:inline-block}.b200 .mgt-label.short{width:85px}.b200-date{align-items:center;gap:2px;display:inline-flex}.b200-add{width:53px;height:22px;margin-left:auto}.b200-grids{flex:1;grid-template-columns:1fr 1fr;gap:8px;min-height:160px;padding:4px 8px;display:grid}.b200-grid{min-height:0;display:flex}.b200-grid .kims-grid{flex:1}.b200-sums{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:2px 8px;display:grid}.b200-sums output{text-align:right;background:#ece9d8;border:1px solid #7f8fb8;height:20px;padding:0 4px;line-height:18px;display:block}.b200-menu{z-index:50;background:#fff;border:1px solid #7f8fb8;position:fixed;box-shadow:2px 2px 4px #0003}.b200-menu button{cursor:pointer;background:0 0;border:0;padding:4px 24px;display:block}.b200-menu button:hover{background:#d6e0f9}.screen-buttons button,.popup-search{justify-content:center;align-items:center;gap:4px;display:inline-flex}.code-btn{justify-content:center;align-items:center;padding:0;display:inline-flex}.icon{flex:none}button:disabled .icon{opacity:.4}.date-input{align-items:center;display:inline-flex;position:relative}.date-btn{justify-content:center;align-items:center;width:18px;height:20px;margin-left:1px;padding:0;display:inline-flex}.calendar{z-index:60;background:#fff;border:1px solid #717fae;outline:none;width:210px;margin-top:2px;padding:4px;font-size:12px;position:absolute;top:100%;left:0;box-shadow:2px 2px 6px #00000040}.calendar:focus-visible{outline:2px solid #ffd54a}.calendar-head{color:#fff;background:#717fae;justify-content:space-between;align-items:center;padding:2px;display:flex}.calendar-head button{color:#fff;cursor:pointer;background:0 0;border:0;width:24px}.calendar-title{font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:1px;margin-top:3px;display:grid}.calendar-week{text-align:center;padding:2px 0;font-weight:700}.calendar-day{cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;padding:3px 0}.calendar-day:hover{background:#d6e0f9}.calendar .sun{color:#d32f2f}.calendar .sat{color:#1565c0}.calendar-day.other{color:#aaa}.calendar-day.today{border-color:#f0a000}.calendar-day.selected{color:#fff;background:#717fae}.calendar-day.cursor{outline-offset:-2px;outline:2px solid #ffd54a}.screen.b341{max-width:440px;height:auto}.b341-form{flex-direction:column;gap:4px;padding:8px;display:flex}.b341-row{align-items:center;gap:3px;display:flex}.b341 input,.b341 select{box-sizing:border-box;height:20px;font:inherit;border:1px solid #7f8fb8;padding:0 3px}.b341 input:focus,.b341 select:focus{outline-offset:-1px;outline:2px solid #ffd54a}.b341 input:disabled{background:#ece9d8}.b341 input[type=radio]{height:auto}.b341-range{border:1px solid #9aa6c9;order:-1;gap:16px;width:fit-content;margin:0;padding:2px 8px;display:flex}.b341-range legend{font-size:11px}.report-preview{z-index:70;background:#5a6480;flex-direction:column;display:flex;position:fixed;inset:0}.report-preview-bar{color:#fff;background:#717fae;align-items:center;gap:12px;padding:4px 8px;display:flex}.report-preview-title{font-weight:700}.report-preview-hint{flex:1;font-size:12px}.report-preview-bar button{align-items:center;gap:4px;height:26px;display:inline-flex}.report-preview-frame{background:#fff;border:0;flex:1}.screen-buttons{border-top:1px solid #9aa6c9;justify-content:space-between;padding:3px 0;display:flex}.screen-buttons button{width:70px;height:28px;margin:0 1px}.msgbox-backdrop{z-index:1000;background:#00000026;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.msgbox{background:#fff;border:1px solid #555;min-width:280px;box-shadow:0 4px 16px #0000004d}.msgbox-title{color:#fff;background:#717fae;padding:4px 8px}.msgbox-text{white-space:pre-line;padding:16px 16px 8px}.msgbox-buttons{text-align:center;padding:8px}.msgbox-buttons button{width:75px}.statusbar{background:#ece9d8;border-top:1px solid #aaa;height:22px;padding:0 8px;line-height:22px;position:fixed;bottom:0;left:0;right:0}.kims-grid .ag-header-cell-text,.kims-grid .ag-cell{white-space:pre}.code-btn{width:18px;height:20px;padding:0;font-size:11px}.popup-backdrop{z-index:900;background:#00000026;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup{background:#d6e0f9;border:1px solid #555;flex-direction:column;height:420px;display:flex;box-shadow:0 4px 16px #0000004d}.popup-title{color:#fff;background:#717fae;padding:4px 8px}.popup-conditions{flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px;display:flex}.popup-cond{align-items:center;gap:3px;display:flex}.popup-conditions input{box-sizing:border-box;height:20px;font:inherit;border:1px solid #7f8fb8;padding:0 3px}.popup-conditions input:focus{outline-offset:-1px;outline:2px solid #ffd54a}.popup .kims-grid{margin:0 6px}.popup-status{background:#ece9d8;border-top:1px solid #aaa;height:20px;padding:0 6px;line-height:20px}.popup:focus{outline:none}.login{background:#d6e0f9;justify-content:center;align-items:center;height:calc(100vh - 24px);display:flex}.login-panel{background:#fff;border:1px solid #717fae;width:360px;padding:16px 20px;box-shadow:2px 2px 8px #0003}.login-title{color:#363f6b;text-align:center;font-size:18px;font-weight:700}.login-sub{color:#555;text-align:center;border-bottom:1px solid #9aa6c9;margin-bottom:12px;padding-bottom:8px;font-size:12px}.login-form{flex-direction:column;gap:8px;display:flex}.login-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.login-row label{text-align:right;width:60px}.login-row input{box-sizing:border-box;width:140px;height:22px;font:inherit;border:1px solid #7f8fb8;padding:0 4px}.login-row input:focus{outline-offset:-1px;outline:2px solid #ffd54a}.login-user{color:#363f6b;flex-basis:100%;min-height:16px;margin-left:66px;font-size:12px}.login-buttons{justify-content:center;gap:8px;margin-top:12px;display:flex}.login-buttons button{width:70px;height:26px}.shell{flex-direction:column;height:calc(100vh - 24px);display:flex}.menubar{background:#ece9d8;border-bottom:1px solid #a0a0a0;align-items:stretch;height:24px;display:flex}.menu-top{position:relative}.menu-top>button{height:24px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 10px}.menu-top>button:hover:not(:disabled),.menu-top>button[aria-expanded=true]{color:#fff;background:#717fae}.menu-top>button:disabled{color:#a0a0a0;cursor:default}.menu-drop{z-index:80;background:#fff;border:1px solid gray;flex-direction:column;min-width:210px;max-height:calc(100vh - 60px);padding:2px 0;display:flex;position:absolute;top:24px;left:0;overflow-y:auto;box-shadow:2px 2px 4px #00000040}.menu-drop button{text-align:left;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:3px 16px}.menu-drop button:hover:not(:disabled){color:#fff;background:#717fae}.menu-drop button:disabled{color:#a0a0a0;cursor:default}.menu-drop button.not-ready:not(:disabled){color:#6b6b6b}.menu-drop button.not-ready:not(:disabled):after{content:" (준비 중)";color:#999;font-size:11px}.menu-drop hr{border:0;border-top:1px solid silver;margin:2px 4px}.menu-logout{font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;padding:0 10px;display:inline-flex}.tabs{background:#b8c3e3;border-bottom:1px solid #717fae;align-items:flex-end;gap:2px;min-height:26px;padding:3px 4px 0;display:flex}.tab{background:#dfe5f5;border:1px solid #9aa6c9;border-bottom:0;align-items:center;display:flex}.tab.active{background:#d6e0f9;border-color:#717fae;font-weight:700}.tab button{font:inherit;cursor:pointer;background:0 0;border:0;padding:3px 8px}.tab .tab-close{color:#666;padding:3px 6px}.tab .tab-close:hover{color:#c62828}.shell-user{color:#363f6b;align-self:center;margin-left:auto;padding:0 6px;font-size:12px}.shell-body{isolation:isolate;background:#aab4d0;flex:1;min-height:0;position:relative;overflow:auto}.shell-pane{display:contents}.screen-frame{resize:both;box-sizing:border-box;border-bottom:1px solid #9aa6c9;border-right:1px solid #9aa6c9;min-width:300px;max-width:100%;min-height:200px;position:absolute;overflow:hidden}.screen-frame.max{resize:none;border:0;width:100%!important;height:100%!important;top:0!important;left:0!important}.screen-frame:not(.max){border-top:1px solid #9aa6c9;border-left:1px solid #9aa6c9;box-shadow:2px 2px 6px #0000002e}.screen-frame:not(.max)>.screen>.screen-title{cursor:move;-webkit-user-select:none;user-select:none}.screen-frame>.screen{width:100%;max-width:none;height:100%}.screen-frame>.screen>.screen-title{padding-right:76px}.screen-frame-buttons{z-index:5;gap:2px;display:flex;position:absolute;top:4px;right:5px}.screen-frame-buttons>button{cursor:default;background:linear-gradient(#fdfdfe,#dfe4f1);border:1px solid #8e99bd;border-radius:2px;place-items:center;width:22px;height:18px;padding:0;display:grid}.screen-frame-buttons>button:hover{background:linear-gradient(#fff,#c9d3ee);border-color:#5b6a9a}.screen-frame-buttons>button:active{background:#b9c4e4}.screen-frame-buttons>button:last-child{margin-left:3px}.screen-frame-buttons>button:last-child:hover{background:linear-gradient(#e9a597,#c9452f);border-color:#8a2a1a}.screen-frame-buttons>button:last-child:hover .wb-close:before,.screen-frame-buttons>button:last-child:hover .wb-close:after{background:#fff}.wb-min{background:#333;width:8px;height:2px;margin-top:6px}.wb-max{box-sizing:border-box;border:1px solid #333;border-top-width:2px;width:9px;height:7px}.wb-restore{width:10px;height:9px;position:relative}.wb-restore:before,.wb-restore:after{content:"";box-sizing:border-box;background:0 0;border:1px solid #333;border-top-width:2px;width:7px;height:6px;position:absolute}.wb-restore:before{top:0;right:0}.wb-restore:after{background:linear-gradient(#fdfdfe,#dfe4f1);bottom:0;left:0}.wb-close{width:10px;height:10px;position:relative}.wb-close:before,.wb-close:after{content:"";background:#333;width:2px;height:12px;position:absolute;top:-1px;left:4px}.wb-close:before{transform:rotate(45deg)}.wb-close:after{transform:rotate(-45deg)}.screen-frame.min{resize:none;min-width:0;min-height:0;bottom:0;top:auto!important;left:calc(var(--slot) * 204px)!important;z-index:500!important;width:200px!important;height:auto!important}.screen-frame.min>.screen{height:auto}.screen-frame.min>.screen>:not(.screen-title){display:none}.screen-frame.min>.screen>.screen-title{letter-spacing:normal;word-spacing:normal;cursor:default;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:18px;overflow:hidden}.screen-frame:not(.active)>.screen>.screen-title{color:#6b7390;background:#c9cfdf}.screen-frame.active{box-shadow:3px 3px 10px #0000004d}