*{box-sizing:border-box}.login-container{flex-direction:column}.login-container,.login-header{display:flex;align-items:center}.login-header{justify-content:center;padding-top:20vh;padding-bottom:5vh}.login-logo{display:flex;align-items:center}.login-logo-image{object-fit:contain}.login-logo-title{font-family:Montserrat-Bold;font-size:3rem;color:#ffff}.login-logo-title-yellow{font-family:Montserrat-Bold;font-size:3rem;color:#FFB006}.login-body{width:100%;justify-content:center}.login-body,.login-box{display:flex;align-items:center}.login-box{width:80vw;height:40vh;border-radius:15px;background-color:#D9D9D9;flex-direction:column;justify-content:space-between;padding:5vh 5vw}.login-title{font-family:Montserrat-Bold;font-size:1.3rem;color:#000;align-self:flex-start}.login{display:flex;flex-direction:column;justify-content:center;width:100%;gap:1.5vh}.login-input{height:4.5vh;padding:0 13px;border-radius:8px;border:none;background-color:#BDBDBD;color:#000}.login-state{display:flex;justify-content:flex-end;align-items:center;gap:5px;font-family:Pretendard-Medium;font-size:13px;color:#C0C0C0}.login-state-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;border:1px solid #727272}input[type=radio]:checked{background-color:#796558;border:2px solid #d9d9d9;box-shadow:0 0 0 1px #727272}.login-state-btn &:checked{background-color:#000}.login-state-text{font-family:Pretendard-Medium;font-size:13px;color:#C0C0C0}.login-btn{width:100%;height:4.5vh;border-radius:8px;border:none;font-family:Pretendard-Bold;font-size:1.2rem;background-color:#796558;color:#ffff}.login-error{color:#BE3838;font-size:.6rem}.login-toSignup{display:flex;justify-content:center;gap:5px}.login-toSignup-text{color:#000}.login-toSignup-router,.login-toSignup-text{font-family:Pretendard-Regular;font-size:14px}.login-toSignup-router{color:#796558}