@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--primary-color: #313f70;--primary-hover: #26325a;--secondary-color: #e46b5a;--secondary-hover: #cf5c4d;--bg-color: #eef2f6;--card-bg: #ffffff;--text-color: #333333}body{margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;background-color:var(--bg-color);background:linear-gradient(#0006,#0006),url(/assets/bg-CkSz2lEk.png);background-size:cover;background-position:center;background-attachment:fixed;display:flex;justify-content:center;align-items:center;min-height:100vh}.portal-container{width:100%;max-width:850px;padding:20px}.login-card{background-color:var(--card-bg);border-radius:16px;box-shadow:0 15px 35px #0000001a;overflow:hidden;position:relative}.header{background-color:var(--primary-color);padding:24px;text-align:center;border-radius:30px;margin:-10px -10px 0;position:relative;z-index:10}.title{color:#fff;margin:0;font-size:22px;font-weight:700;letter-spacing:1px}.content{padding:40px 35px 30px}.auth-header{display:flex;align-items:center;margin-bottom:20px}.auth-icon{width:24px;height:24px;margin-right:8px;color:var(--text-color)}.auth-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-color)}.form-group{margin-bottom:12px}.form-control{width:100%;padding:14px 15px;border:1px solid #dcdcdc;border-radius:8px;font-size:15px;box-sizing:border-box;font-family:inherit;transition:border-color .2s}.form-control:focus{outline:none;border-color:var(--primary-color)}.form-control::placeholder{color:#a0a0a0}.btn{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;color:#fff;box-sizing:border-box}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--secondary-hover)}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.help-links p{margin:8px 0;font-size:14px;color:var(--primary-color);font-weight:500;cursor:pointer}.info-box{background-color:#f4f6f9;padding:12px;border-radius:6px;font-size:13px;color:#555;text-align:center;margin-bottom:30px}.footer-links{display:flex;justify-content:space-between;font-size:13px;color:#666;border-top:1px solid #eee;padding-top:20px}.text-blue{color:#4a6ee0;font-weight:600;cursor:pointer}.right-links span{margin-left:15px;cursor:pointer}.welcome-box{text-align:center;margin-bottom:30px}.welcome-box h3{margin:0 0 10px;color:var(--primary-color);font-size:22px}.welcome-box p{color:#666;margin:0}.system-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.system-card{background-color:#f8f9fb;border:1px solid #e2e6ea;border-radius:12px;padding:25px 15px;text-align:center;cursor:pointer;text-decoration:none;transition:all .2s;flex:1;min-width:120px;max-width:148px;box-sizing:border-box}.system-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000f;border-color:var(--primary-color);background-color:#fff}.system-icon{display:flex;align-items:center;justify-content:center;height:44px;font-size:36px;margin-bottom:12px}.system-icon-integrated{color:var(--primary-color)}.system-icon-library{color:#278568}.system-icon-elearning{color:#ba6050}.system-icon-homepage{color:#3978ac}.system-card h4{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--primary-color)}.system-card p{margin:0;font-size:12px;color:#888}.placeholder{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}.placeholder:hover{transform:none;box-shadow:none;border-color:#e2e6ea;background-color:#f8f9fb}.btn-logout{background-color:#f1f3f5;color:#495057}.btn-logout:hover{background-color:#e9ecef}.security-panel{margin-top:32px;padding:24px;border:1px solid #dce2ec;border-radius:12px;background:#f8f9fc}.security-eyebrow{margin:0 0 8px;color:var(--primary-color);font-size:12px;font-weight:700}.security-panel h3{margin:0;color:var(--primary-color);font-size:18px}.security-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.otp-connection{border-radius:20px;background:#e9edf3;color:#526070;padding:4px 9px;font-size:12px}.otp-connection.connected{background:#e0f2e9;color:#216943}.otp-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #dce2ec;border-bottom:1px solid #dce2ec;color:#35435b;font-size:14px}.otp-toggle-control{display:flex;gap:10px;align-items:center;white-space:nowrap}.otp-switch{width:48px;height:28px;padding:3px;border:0;border-radius:20px;background:#a0a9b8;cursor:pointer;flex-shrink:0}.otp-switch.on{background:var(--primary-color)}.otp-switch-thumb{display:block;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .15s}.otp-switch.on .otp-switch-thumb{transform:translate(20px)}.otp-switch:disabled{opacity:.5;cursor:not-allowed}.otp-switch:focus-visible{outline:3px solid #e46b5a;outline-offset:3px}.security-description,.security-help{color:#606779;line-height:1.7;font-size:14px}.security-help{margin-bottom:0;font-size:12px}.security-actions{display:flex;gap:12px;margin-top:20px}.btn-outline{color:var(--primary-color);background:#fff;border:1px solid #bdc7db}.btn:disabled{opacity:.6;cursor:wait}.btn:focus-visible,.system-card:focus-visible{outline:3px solid #e46b5a;outline-offset:3px}.security-notice{margin-top:16px;padding:12px;border-radius:6px;background:#e9effb;color:#283c70;font-size:14px}.security-error{background:#fff0ee;color:#a33222}.auth-container{max-width:520px;box-sizing:border-box}.auth-state{text-align:center}.auth-state h2{color:var(--primary-color);font-size:22px}.auth-state p{color:#606779;line-height:1.7;margin-bottom:24px}@media (max-width: 600px){.portal-container{box-sizing:border-box}.content{padding:30px 20px 24px}.security-panel{padding:18px}.security-actions{flex-direction:column}}