.login-container { width: 100vw; height: 100vh; display: flex; flex-direction: row; justify-content: center; align-items: center; background: #F9FAFB; }

.login-container .type-select-box { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: white; border: 1px solid #E5E7EB; border-radius: 20px; padding: 60px; box-sizing: border-box; }

.login-container .type-select-box > h2 { color: #222222; font-size: 36px; }

.login-container .type-select-box .type-button { width: 182px; height: 202px; border-radius: 16px; padding: 16px; box-sizing: border-box; border: none; cursor: pointer; color: #6A7282; font-size: 18px; background: #F9FAFB; }

.login-container .type-select-box .type-button > img { width: 62px; margin-top: 16px; }

.login-container .type-select-box .type-button:first-child { margin-right: 16px; }

.login-container .type-select-box .type-button:hover { background: linear-gradient(180deg, #7E5BEF 61.28%, #D2C5FF 100%); color: white; }

.login-container .login-form-box { width: 500px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: white; border: 1px solid #E5E7EB; border-radius: 20px; padding: 60px; box-sizing: border-box; }

.login-container .login-form-box > h2 { color: #222222; font-size: 36px; margin-bottom: 44px; margin-top: 0; }

.login-container .login-form-box .form-input-box-wrapper { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.login-container .login-form-box .form-input-box-wrapper .form-input-box { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.login-container .login-form-box .form-input-box-wrapper .form-input-box > span { display: none; }

.login-container .login-form-box .form-input-box-wrapper .form-input-box.error > input { border: 1px solid #FB2C36; }

.login-container .login-form-box .form-input-box-wrapper .form-input-box.error span { color: #FB2C36; margin-top: 12px; font-size: 14px; display: block; }

.login-container .login-form-box .form-input-box-wrapper .form-input-box:not(:last-child) { margin-bottom: 24px; }

.login-container .login-form-box .form-input-box-wrapper .form-input-box > label { color: #222222; font-size: 14px; margin-bottom: 12px; font-weight: 600; }

.login-container .login-form-box .form-input-box-wrapper .form-input-box > input { width: 100%; border: 1px solid #E5E7EB; background: white; border-radius: 8px; padding: 16px; box-sizing: border-box; }

.login-container .login-form-box .form-input-box-wrapper .form-input-box > input::placeholder { color: #99A1AF; }

.login-container .login-submit-btn { width: 100%; height: 56px; background: #F3F4F6; border-radius: 8px; color: #6A7282; font-size: 16px; font-weight: 500; margin-top: 32px; cursor: pointer; border: none; }

.login-container .login-submit-btn.active { background: #7E5BEF; color: white; }

/*# sourceMappingURL=login.css.map */