:root{--band:#D98932;--acc:#A85500;--tint:#FBEFE2}
html[data-client=income]{--band:#248650;--acc:#1F7A4F;--tint:#E4F3EA}
body{margin:0;background:#fff;color:#222;font-family:'Malgun Gothic','맑은 고딕','Noto Sans KR',sans-serif;font-size:13px;line-height:1.45;font-variant-numeric:tabular-nums}
a{color:#1D5FBF}a:hover{color:#174C99}
button{font:inherit}
.hv:hover{background:#EDF0F4}
.bb:hover{background:rgba(255,255,255,.16)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden}
.wrap{min-height:900px}
@media (max-width:640px){.tap{min-height:44px}}

.hd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:#fff;padding:10px 20px;border-bottom:1px solid #E2E2E2}
.brand{color:#222;font-size:19px;font-weight:700;text-decoration:none;margin-right:12px}
.sel{display:inline-flex}
#client{max-width:220px;background:#F7F7F7;color:#222;border:1px solid #BDBDBD;border-radius:14px;padding:4px 10px;font:inherit}
.pill{background:var(--band);color:#fff;border-radius:14px;padding:4px 12px;font-size:12px}
.pill2{border:1px solid var(--acc);color:var(--acc);border-radius:14px;padding:3px 11px;font-size:12px}
.srch{display:flex;margin-left:auto;flex:0 1 240px;min-width:180px}
.srch input{flex:1;min-width:0;background:#fff;color:#222;border:1px solid #ccc;padding:5px 10px;font:inherit}
.usr{color:#555}

.nv{display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px 2px;padding:4px 20px 0;background:#fff;border-bottom:1px solid #D9DEE5}
.ar{padding:7px 22px;border-bottom:3px solid transparent;color:#555;font-size:14px;font-weight:500;text-decoration:none}
.ar:hover{color:#222}
.ar.on{border-bottom-color:var(--acc);color:var(--acc);font-weight:700}
.crumb{margin-left:auto;padding:0 0 6px;font-size:12px;color:#555}
.crumb a{color:#555}

.lay{display:flex;flex-wrap:wrap;align-items:flex-start}
.side{flex:1 1 264px;box-sizing:border-box;padding:14px 12px 24px;background:#fff;border-right:1px solid #D9DEE5;min-height:780px}
.mn{flex:999 1 560px;min-width:0;box-sizing:border-box}
.sh{display:flex;align-items:center;justify-content:space-between;padding:0 8px 6px}
.sh h2{margin:0;font-size:13px;font-weight:700;color:var(--acc)}
.nofav{padding:8px;color:#555;font-size:12px}
.nofav p{margin:0 0 8px}
.nofav button{border:1px solid #B8C0CC;background:#fff;color:#222;padding:5px 10px;cursor:pointer}
.fv{display:flex;align-items:center}
.fv a{flex:1;min-width:0;color:#222;padding:5px 8px 5px 2px;text-decoration:none}
.sh2{margin:16px 0 6px;padding:12px 8px 0;font-size:13px;font-weight:700;color:#222;border-top:1px solid #D9DEE5}
.ct{display:flex;width:100%;box-sizing:border-box;gap:8px;justify-content:space-between;align-items:baseline;color:#222;padding:6px 8px;text-decoration:none}
.ct.on{background:var(--tint);color:var(--acc);font-weight:700}
.ct span+span{font-size:11px;color:#555}
.star{border:0;background:transparent;padding:5px 4px 5px 8px;cursor:pointer;display:inline-flex}
.star svg{fill:none;stroke:#555}
.star[aria-pressed=true] svg{fill:#A85500;stroke:#A85500}

.band{display:flex;flex-wrap:wrap;align-items:stretch;min-height:48px;background:var(--band);color:#fff}
.tg{flex:0 0 48px;border:0;background:rgba(0,0,0,.28);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.band h1{margin:0;padding:10px 8px 10px 14px;font-size:19px;font-weight:400;align-self:center}
.bstar{border:0;background:transparent;padding:4px 6px;cursor:pointer;display:inline-flex;align-items:center}
.bstar svg{fill:none;stroke:#fff}
.bstar[aria-pressed=true] svg{fill:#fff}
.bwin{color:#fff;padding:4px 6px;display:inline-flex;align-items:center}
.bwin:hover{color:#fff}
.bbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;padding:6px 12px}
.bbs button{border:1px solid rgba(255,255,255,.65);background:transparent;color:#fff;padding:4px 10px;font-size:12px;cursor:pointer}

.lvw{overflow:auto;background:#fff}
.lv{position:relative;width:1440px;overflow:hidden;font-size:12px;color:#222}
.lb,.lg,.lf,.lt{position:absolute}
.lb{box-sizing:border-box;border:0}
.lg{box-sizing:border-box;display:flex;flex-direction:column;background:#FAFAFA;border-top:2px solid #000;border-left:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD}
.lgh{flex:none;display:grid;background:#EFEFEF;font-weight:700;color:#222}
.lgh div{min-width:0;overflow:hidden;white-space:nowrap;display:flex;align-items:center;justify-content:center;border-right:1px solid #D5D5D5;border-bottom:1px solid #BDBDBD}
.lgb{flex:1 1 0;min-height:0}
.lgf{flex:none;display:grid;background:#A9CBF5;font-weight:700;color:#111}
.lgf div{min-width:0;overflow:visible;white-space:nowrap;display:flex;align-items:center;justify-content:center;border-right:1px solid #93B7E8;border-top:1px solid #93B7E8}
.lf{box-sizing:border-box;border:1px solid #CCC;background:#fff;padding:0 6px;font:inherit}
.lt{white-space:nowrap;pointer-events:none}

.fr{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fr.lvf{padding:10px 20px}
.fr.stf{margin-top:10px}
.nb{border:1px solid #BDBDBD;background:#fff;color:#222;padding:4px 10px;text-decoration:none}
.nb:hover{background:#EDF0F4;color:#222}
.nb.off{color:#9A9A9A;background:#F5F5F5}
.fr .pos{color:#555}
.fr .note{margin-left:auto;font-size:12px;color:#555}

.stw{display:flex;flex-wrap:wrap;align-items:stretch}
.stm{flex:999 1 560px;min-width:0;box-sizing:border-box;padding:8px 20px 16px}
.vt{display:flex;flex-wrap:wrap;border-bottom:1px solid #9E9E9E;margin-bottom:10px}
.vtab{padding:8px 16px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:#666;font-size:14px;font-weight:400;cursor:pointer}
.vtab[aria-pressed=true]{border-bottom-color:#1E88E5;color:#111;font-weight:700}
.cd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;border:1px solid #DDD;padding:10px 16px;margin-bottom:10px}
.cd label{display:inline-flex;align-items:center;gap:8px}
.cd span{color:#333}
.cd input{width:130px;border:1px solid #CCC;padding:4px 8px;font:inherit}
.cd .go{margin-left:auto;border:0;background:#555;color:#fff;padding:5px 14px;cursor:pointer}
.sc{margin-bottom:14px}
.sc h2{display:flex;align-items:center;gap:8px;margin:10px 0 6px;font-size:14px;font-weight:700}
.bdg{display:inline-block;min-width:18px;padding:0 4px;box-sizing:border-box;background:#333;color:#fff;text-align:center;font-size:12px;line-height:18px}
.sct{overflow-x:auto;border-top:2px solid #000}
.scm{min-width:640px}
.r{display:flex;border-bottom:1px solid #DDD}
.c{flex:1 1 0;min-width:0;box-sizing:border-box;border-left:1px solid #DDD;background:#F5F5F5;display:flex;align-items:center;justify-content:center;padding:7px 8px;word-break:keep-all;text-align:center}
.c.g2{flex:2 1 0}
.c.i{background:#fff;padding:3px 4px}
.c input{width:100%;box-sizing:border-box;border:1px solid #DDD;padding:4px 6px;font:inherit;text-align:right;background:#fff}
.gd{overflow-x:auto;border-top:2px solid #000;border-left:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD}
.gh{display:grid;background:#EFEFEF;font-weight:700;text-align:center;font-size:12px}
.gh.grp{border-bottom:1px solid #DDD}
.gh.col{border-bottom:1px solid #BDBDBD}
.gh.grp div{padding:6px;border-right:1px solid #DDD}
.gh.col div{padding:7px 6px;border-right:1px solid #DDD}
.gi{display:grid;background:#DCEEFB;min-height:28px;border-bottom:1px solid #DDD}
.gi div{border-right:1px solid #DDD}
.emp{display:flex;align-items:center;justify-content:center;min-height:420px;background:#FAFAFA;color:#666}
.tot{padding:6px;background:#A9CBF5;text-align:center;font-weight:700;color:#111}
.pn{flex:1 1 214px;box-sizing:border-box;background:#EEE;padding:6px;min-height:560px}
.pb{background:#fff;border:1px solid #DDD;margin-bottom:6px}
.pb.msg{padding:12px;text-align:center;color:#666}
.pb:last-child{margin-bottom:0}
.pt{padding:9px 12px;border-bottom:1px solid #DDD;font-weight:700}
.pc{padding:8px 10px}
.pc label{display:block;margin-bottom:6px}
.pc span{display:block;margin-bottom:2px}
.pc input{width:100%;box-sizing:border-box;border:1px solid #DDD;background:#F2F2F2;padding:4px 6px;font:inherit}
.pc2{padding:10px 12px;color:#444}

.plain{padding:18px 22px 32px;background:#F4F5F7;min-height:760px}
.plain h1{margin:0 0 14px;font-size:18px;font-weight:700;color:var(--acc)}
.plain h1.tight{margin-bottom:4px}
.lead{margin:0 0 16px;color:#555}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:20px}
.kpi div{background:#fff;border:1px solid #D9DEE5;padding:12px 14px}
.kpi small{display:block;font-size:12px;color:#555}
.kpi b{font-size:16px;font-weight:500}
.plain h2.map{margin:0 0 8px;font-size:14px;font-weight:700}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.card{display:block;background:#fff;border:1px solid #D9DEE5;color:#222;padding:10px 12px;text-decoration:none}
.card:hover{color:#222}
.card b{display:block;font-weight:700}
.card small{font-size:12px;color:#555}
.sb{margin-bottom:18px}
.sb h2{margin:0 0 6px;padding-bottom:5px;font-size:13px;font-weight:700;border-bottom:2px solid #222}
.its{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 18px}
.it{display:flex;align-items:center;background:#fff;border-bottom:1px solid #E6EAEF}
.it .star{padding:6px 4px 6px 6px}
.it .open{flex:1;min-width:0;color:#222;padding:6px;text-decoration:none}
.it .win{color:#555;padding:6px;display:inline-flex}
.res{padding:18px 22px 32px;background:#F4F5F7;min-height:760px}
.res h1{margin:0 0 12px;font-size:18px;font-weight:700}
.res .it small{padding-right:12px;font-size:12px;color:#555}
.area{margin-bottom:22px}
.area h2{margin:0 0 8px;font-size:15px;font-weight:700}
.area h2 a{color:#222;text-decoration:none}