*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Malgun Gothic,맑은 고딕,sans-serif;background:#eef1f5;color:#222;font-size:14px}.header{background:#1f3a5f;color:#fff;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #f0a020}.header h1{font-size:19px;font-weight:700}.header .sub{font-size:12px;color:#b9c6d8}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi{background:#fff;border-radius:8px;padding:16px 18px;border-left:4px solid #1f3a5f;box-shadow:0 1px 3px #0000000f}.kpi .label{font-size:13px;color:#667}.kpi .val{font-size:26px;font-weight:700;margin-top:4px}.kpi .val small{font-size:13px;font-weight:400;color:#889;margin-left:3px}.kpi.v1{border-color:#1f3a5f}.kpi.v2{border-color:#d64545}.kpi.v3{border-color:#e0902a}.kpi.v4{border-color:#2e9e5b}.main{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.layout{display:flex;align-items:stretch;min-height:calc(100vh - 55px)}.sidebar{width:225px;flex-shrink:0;background:#fff;border-right:1px solid #dde3ec;padding:14px 0}.menu-group{margin-bottom:8px}.menu-grouptitle{padding:8px 18px 6px;font-size:11.5px;font-weight:700;color:#97a2b4;letter-spacing:.3px}.menu-item{padding:10px 18px;font-size:13.5px;color:#3a4658;cursor:pointer;border-left:3px solid transparent}.menu-item:hover{background:#f2f6fc}.menu-item.active{background:#eaf1fb;color:#1f5aa8;font-weight:600;border-left-color:#1f5aa8}.content{flex:1;min-width:0;background:#eef1f5}.page{padding:18px 24px 30px}.page-t{font-size:20px;color:#1f3a5f;font-weight:700;margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:start}.barwrap{position:relative;display:flex;align-items:center;gap:8px;min-width:120px}.barwrap .bar{height:15px;border-radius:3px;min-width:2px;opacity:.85}.barwrap span{font-size:12.5px;color:#333;white-space:nowrap}@media (max-width: 900px){.summary-grid{grid-template-columns:1fr}}@media (max-width: 680px){.sidebar{width:150px}}.panel{background:#fff;border-radius:8px;padding:18px;box-shadow:0 1px 3px #0000000f}.panel h2{font-size:15px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #eee}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:#667;margin-bottom:5px}.field select,.field input{width:100%;padding:8px;border:1px solid #ccd2da;border-radius:5px;font-size:13px;background:#fff}.field.chk{display:flex;align-items:center;gap:7px}.field.chk input{width:auto}.btn{width:100%;padding:11px;background:#1f5aa8;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;margin-top:6px}.btn:hover{background:#17457f}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #eef;font-size:13px}th{color:#667;font-weight:600;background:#f7f9fc}.tag{display:inline-block;padding:4px 9px;border-radius:12px;color:#fff;font-size:11px;font-weight:600}.t-DANDOK_165,.t-DANDOK_330{background:#3f6fb5}.t-GEUNSAENG{background:#e0902a}.t-VIOL_GIS,.t-VIOL_LISTED{background:#d64545}.t-DAGAGU_660{background:#2e9e5b}.t-DASEDAE_85{background:#b5852a}.viol-y{color:#d64545;font-weight:700}.gas-y{color:#e0902a;font-weight:600}.mut{color:#aab}.detail-btn{padding:5px 12px;border:1px solid #a9c0e0;background:#fff;color:#1f5aa8;border-radius:5px;cursor:pointer;font-size:12px}.listhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.listhead h2{border:none;padding:0;margin:0}.pager{display:flex;gap:6px;justify-content:flex-end;margin-top:14px;align-items:center}.pager button{padding:6px 11px;border:1px solid #ccd;background:#fff;border-radius:5px;cursor:pointer}.pager button:disabled{opacity:.45;cursor:default}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:10px;max-width:720px;width:100%;max-height:85vh;overflow:auto;padding:24px}.modal .close{float:right;cursor:pointer;color:#889;font-size:22px;line-height:1}.modal h3{color:#1f3a5f;font-size:18px;font-weight:700;padding:0 0 10px 12px;margin-bottom:16px;border-bottom:3px solid #f0a020;border-left:5px solid #1f3a5f}.dtable{border:1px solid #c3ccd9;border-radius:6px;overflow:hidden}.drow{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid #c3ccd9}.drow:last-child{border-bottom:none}.drow .k{background:#e9eef6;color:#2c4a78;font-weight:600;font-size:12.5px;padding:10px 12px;display:flex;align-items:center;border-right:1px solid #c3ccd9}.drow .v{padding:10px 13px;line-height:1.5;word-break:break-word}.considers{list-style:none;padding:8px 13px;margin:0}.considers li{position:relative;padding:6px 0 6px 22px;line-height:1.6;border-bottom:1px dashed #d3d9e3}.considers li:last-child{border-bottom:none}.considers li:before{content:"✓";position:absolute;left:0;top:6px;color:#2e9e5b;font-weight:700}.header .userbox{display:flex;align-items:center;gap:14px}.header .uname{font-size:13px;color:#dbe6f2}.header .lnk{background:#ffffff21;color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:5px;cursor:pointer;font-size:12.5px}.header .lnk:hover{background:#ffffff40}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1f3a5f}.login-card{background:#fff;border-radius:12px;padding:34px 30px;width:340px;box-shadow:0 8px 30px #00000040}.login-card h2{color:#1f3a5f;margin-bottom:4px}.login-card p{margin-bottom:18px}.login-card input{width:100%;padding:11px;margin-bottom:11px;border:1px solid #ccd2da;border-radius:6px;font-size:14px}.login-msg{margin-top:12px;padding:9px;background:#f3f6fb;border-radius:6px;font-size:13px;color:#33507a}.login-toggle{margin-top:16px;text-align:center;color:#1f5aa8;cursor:pointer;font-size:13px}.login-toggle:hover{text-decoration:underline}.login-note{margin-top:16px;text-align:center;color:#8892a4;font-size:12px}.adduser{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.adduser input{padding:8px 10px;border:1px solid #ccd2da;border-radius:5px;font-size:13px}.adduser input::placeholder{color:#aab}.pw-modal{max-width:440px}.pw-modal input{width:100%;padding:11px;margin-bottom:11px;border:1px solid #ccd2da;border-radius:6px;font-size:14px}.pw-policy{background:#f4f7fb;border:1px solid #dbe3ef;border-radius:7px;padding:12px 14px;margin-bottom:16px}.pw-policy-t{font-weight:700;color:#1f3a5f;font-size:13px;margin-bottom:8px}.pw-policy ul{margin:0;padding-left:4px;list-style:none}.pw-policy li{position:relative;padding:3px 0 3px 15px;font-size:12px;color:#4a5876;line-height:1.5}.pw-policy li:before{content:"·";position:absolute;left:3px;color:#1f5aa8;font-weight:700}.notice{margin:40px auto;max-width:520px;background:#fff;padding:34px;border-radius:10px;text-align:center;color:#55607a;line-height:1.7;box-shadow:0 1px 3px #0000000f}.csv-btn{margin-left:12px;padding:6px 12px;background:#2e9e5b;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12.5px}.csv-btn:hover{background:#26824b}.admin-wrap{padding:18px 24px}.admin-tbl th,.admin-tbl td{vertical-align:top}.st{padding:3px 9px;border-radius:10px;font-size:11px;font-weight:600}.st-active{background:#dff3e6;color:#1e7a42}.st-pending{background:#fdf0d6;color:#9a6a12}.st-suspended{background:#fbe0e0;color:#b03030}.rolechk{display:inline-flex;align-items:center;gap:4px;margin-right:12px;font-size:12.5px;white-space:nowrap}.badge-adm{margin-left:6px;background:#1f3a5f;color:#fff;padding:2px 7px;border-radius:8px;font-size:10px}.sm-btn{padding:5px 12px;border-radius:5px;border:none;cursor:pointer;font-size:12px;color:#fff;background:#6b7688}.sm-btn.ok{background:#1f5aa8}.sm-btn.danger{background:#c05050}.role-legend{margin-top:14px;padding:12px;background:#f7f9fc;border-radius:6px;font-size:12px;color:#667;line-height:1.7}@media (max-width: 780px){.kpis{grid-template-columns:repeat(2,1fr)}.main{grid-template-columns:1fr}.hide-sm{display:none}}