/* 구몬 업무 포털 V2 */
:root{--card:#fff;--navy:#083b66;--blue:#1f86ff;--line:#d8e6f5;--text:#0f2540;--muted:#64748b;--red:#e83422}
*{box-sizing:border-box}body{margin:0;font-family:"Malgun Gothic",Arial,sans-serif;background:linear-gradient(180deg,#eef7ff,#f8fbff);color:var(--text)}.hidden{display:none!important}
.btn{border:0;border-radius:999px;padding:11px 16px;background:var(--navy);color:#fff;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.blue{background:var(--blue)}.btn.gray{background:#eef2ff;color:#17365d;border:1px solid #dbeafe}.btn.red{background:#dc2626}.btn.green{background:#16a34a}.btn.full{width:100%;height:48px;margin-top:12px}
.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:450px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 50px rgba(8,59,102,.15);padding:32px;text-align:center}.logo-box{width:92px;height:58px;margin:0 auto 18px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;font-weight:900;color:var(--red)}.mini-logo{margin:0}.login-card h1{margin:0;font-size:28px}.login-card p{color:var(--muted);margin:10px 0 22px}.signup-note{margin-top:7px;color:var(--muted);font-size:12px;font-weight:800;text-align:center}.mini{font-size:12px!important;margin-top:18px!important}
.field,input,textarea,select{font-family:inherit}.field{width:100%;height:48px;border:1px solid #cbd5e1;border-radius:14px;padding:0 14px;font-size:16px;outline:none;margin-bottom:10px}.login-error{min-height:22px;color:#dc2626;font-size:14px;margin-top:10px;font-weight:800}
.wrap{width:min(1480px,calc(100% - 48px));margin:34px auto 60px}.top{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:0 10px 30px rgba(8,59,102,.08)}.brand{display:flex;align-items:center;gap:18px}.brand h1{margin:0;font-size:34px}.brand p{margin:6px 0 0;color:var(--muted);font-weight:800}.version{text-align:right;color:var(--muted);font-size:14px;line-height:1.65}.version strong{color:var(--navy)}
.hero{margin-top:18px;background:linear-gradient(135deg,#06477d,#2690ff);color:#fff;border-radius:26px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:0 20px 50px rgba(31,134,255,.22)}.hero h2{margin:0 0 10px;font-size:30px}.hero p{margin:0;line-height:1.65;font-weight:800}.pill{border:0;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:900;cursor:pointer}
.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.dash-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(8,59,102,.07)}.dash-card b{display:block;color:#64748b;margin-bottom:10px}.dash-card strong{font-size:28px;color:#083b66}
.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.notice-status-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:stretch}.notice-dashboard{margin-top:0;grid-template-columns:repeat(2,minmax(150px,1fr));align-content:stretch}.notice-dashboard .dash-card{border-radius:18px;padding:16px}.notice-dashboard .dash-card strong{font-size:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(8,59,102,.07)}.panel h3{margin:0 0 14px;font-size:22px}.notice-list{display:flex;flex-direction:column;gap:10px}.notice-item{border-left:5px solid var(--blue);background:#f8fbff;border-radius:14px;padding:12px 14px}.notice-item b{display:block;margin-bottom:5px}.notice-date{color:var(--muted);font-size:13px;font-weight:800}
.feedback-form{display:grid;gap:10px}.feedback-form input,.feedback-form textarea,.admin-box input,.admin-box textarea,.admin-box select{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:12px;font-size:15px;outline:none}.feedback-form textarea{min-height:96px;resize:vertical}.feedback-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.messages{margin-top:14px;border-top:1px dashed #cbd5e1;padding-top:12px;max-height:460px;overflow:auto}.msg{background:#f8fbff;border:1px solid #e2e8f0;border-radius:16px;padding:12px 14px;margin-bottom:10px;font-size:14px}.msg.compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:10px 12px}.msg-title{min-width:0;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:800}.msg-body{grid-column:1 / -1;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-actions{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap}.msg-actions .btn{padding:7px 11px;font-size:12px}.msg-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.msg small{display:block;color:var(--muted);font-weight:800;margin-top:5px}.status{font-weight:900;border-radius:999px;padding:5px 10px;font-size:12px}.st-접수{background:#fee2e2;color:#991b1b}.st-처리중{background:#fef3c7;color:#92400e}.st-완료{background:#dcfce7;color:#166534}
.toolbar{margin:24px 0 12px;display:flex;align-items:end;justify-content:space-between;gap:14px}.toolbar h3{margin:0;font-size:24px}.toolbar p{margin:6px 0 0;color:var(--muted);font-weight:800}.search{min-width:300px;height:46px;border:1px solid #cbd5e1;border-radius:999px;padding:0 18px;font-size:15px;outline:none}
.apps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.app-card{position:relative;min-height:180px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 18px 20px;text-align:center;box-shadow:0 10px 28px rgba(8,59,102,.06);overflow:hidden}.app-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ff2d1f,#ffb000,#1f86ff)}.num{position:absolute;right:16px;top:14px;color:#b5c5d9;font-weight:900}.icon{width:44px;height:44px;border-radius:14px;background:#eff6ff;border:1px solid #dbeafe;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 0 16px}.app-card h4{margin:0;font-size:20px}.app-status{display:inline-flex;margin-top:7px;padding:4px 9px;border-radius:999px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;font-size:12px;font-weight:900}.app-card p{min-height:42px;margin:12px 0 18px;color:var(--muted);font-weight:700;line-height:1.45}.access-panel,.feedback-panel{margin-top:18px}.access-history{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto}.access-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;align-items:center;background:#f8fbff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;font-size:13px}.access-row b,.access-row span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-row time{color:var(--muted);font-weight:800;white-space:nowrap}
.admin-box{margin-top:18px;background:#fff7d6;border:1px solid #fde68a;border-radius:22px;padding:18px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-grid.three{grid-template-columns:1fr 1fr 1fr}.help{color:#64748b;font-weight:800;line-height:1.6;margin:0}.request-list{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto}.request-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.request-card b{display:block;margin-bottom:6px}.request-card small{display:block;color:#64748b;font-weight:800;margin:6px 0}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table td,.table th{background:#fff;padding:10px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.table th{text-align:left;color:var(--muted)}.ok-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#0f2540;color:#fff;padding:13px 18px;border-radius:999px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:30}
@media(max-width:1100px){.apps{grid-template-columns:repeat(3,1fr)}.section-grid,.notice-status-grid{grid-template-columns:1fr}.admin-grid,.admin-grid.three{grid-template-columns:1fr}.dashboard,.notice-dashboard{grid-template-columns:repeat(2,1fr)}.access-row{grid-template-columns:1fr 1fr}}@media(max-width:720px){.wrap{width:min(100% - 24px,1480px);margin-top:16px}.top,.hero{flex-direction:column;align-items:flex-start}.brand h1{font-size:28px}.apps{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.search{min-width:0;width:100%}.feedback-row{grid-template-columns:1fr}.dashboard,.notice-dashboard{grid-template-columns:1fr}.access-row{grid-template-columns:1fr}.msg.compact{grid-template-columns:1fr}}