@charset "utf-8";
.login-page{width:100%;max-width:450px;min-height:100dvh;margin:0 auto;padding:10px;box-sizing:border-box;background:#fff;font-family:'Pretendard','Noto Sans KR',sans-serif;color:#10234A;display:flex;align-items:center;justify-content:center;}
.login-wrap{width:100%;height:auto;max-height:calc(100dvh - 20px);padding:56px 24px 38px;box-sizing:border-box;border:1px solid #E4E7EA;border-radius:20px;background:linear-gradient(180deg,#E9F7FF 0%,#F7FBFF 48%,#F7F6F2 100%);box-shadow:0 10px 24px rgba(26,40,70,.08);overflow-y:auto;}
.login-card{width:100%;margin:0 auto;padding:32px 28px 31px;box-sizing:border-box;border:1px solid #E3E8EF;border-radius:22px;background:#fff;box-shadow:0 10px 24px rgba(25,43,72,.10);}
.login-robot{width:72px;height:72px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;}
.login-robot img{display:block;width:72px;height:72px;object-fit:contain;}
.login-title{margin:0 0 24px;font-size:25px;font-weight:800;line-height:1.18;color:#10234A;text-align:center;letter-spacing:-.055em;}
.login-form{width:100%;margin:0;padding:0;}
.login-input{position:relative;display:block;width:100%;height:48px;margin-bottom:14px;}
.login-input input{width:100%;height:100%;padding:0 40px 0 18px;box-sizing:border-box;border:1px solid #D7E1EC;border-radius:13px;background:#F5FAFE;color:#10234A;font-size:15px;font-weight:500;letter-spacing:-.035em;outline:none;}
.login-input input::placeholder{color:#7D8898;}
.login-input input:focus{border-color:#AFC5E2;background:#fff;}
.login-input span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:500;color:#E03131;}
.login-btn{width:100%;height:54px;margin:4px 0 18px;border:0;border-radius:13px;background:#294C9B;color:#fff;font-family:inherit;font-size:17px;font-weight:800;letter-spacing:-.04em;cursor:pointer;}
.login-btn:active{transform:translateY(1px);}
.login-auto{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 0 26px;color:#7B8592;font-size:14px;font-weight:500;letter-spacing:-.035em;cursor:pointer;}
.login-auto input{display:none;}
.login-auto i{position:relative;width:16px;height:16px;border:1.5px solid #888;border-radius:3px;box-sizing:border-box;background:#fff;}
.login-auto input:checked + i{border-color:#294C9B;background:#294C9B;}
.login-auto input:checked + i::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.login-auto span{display:block;line-height:1;}
.login-line{width:100%;height:1px;margin:0 0 22px;background:#E1E5EA;}
.login-links{display:flex;align-items:center;justify-content:center;gap:16px;}
.login-links a{display:block;color:#9A9FA8;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;letter-spacing:-.04em;}
.login-links em{display:block;width:1px;height:15px;background:#D8DDE4;font-style:normal;}
.login-notice{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:22px auto 0;color:#0073D9;font-size:12.5px;font-weight:500;line-height:1.4;letter-spacing:-.03em;text-align:center;word-break:keep-all;}
.login-notice strong{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#3753da;color:#fff;font-size:13px;font-weight:800;line-height:1;flex:0 0 18px;}
.login-notice span{display:block;     color: #666;}

@media(max-width:420px){.login-page{min-height:100dvh;padding:20px;background:#fff;display:flex;align-items:center;justify-content:center;}.login-wrap{width:100%;height:auto;max-height:calc(100dvh - 40px);padding:46px 20px 34px;border:1px solid #E4E7EA;border-radius:20px;box-shadow:0 10px 24px rgba(26,40,70,.08);overflow-y:auto;}.login-card{padding:32px 22px 30px;}.login-title{font-size:24px;}.login-input{height:48px;}.login-btn{height:52px;font-size:16px;}.login-notice{font-size:12px;text-align:left;align-items:flex-start;}}