.login-section { display: flex; justify-content: center; align-items: center; height: 100vh; } .login-section .login-container { display: flex; gap: 80px; } .login-section .login-container .image-container {} .login-section .login-container .image-container .image-box { background: url('../img/login.png'), lightgray 50% / cover no-repeat; min-height: 465px; min-width: 400px; height: 60vh; width: 24vw; border-radius: 15px; margin-right: 10px; background-position: center; background-size: cover; } .login-section .login-container .form-container { display: flex; flex-direction: column; justify-content: center; gap: 40px; } .login-section .login-container .form-container .form-title p { color: $blue-005; font-family: 'GmarketSans'; font-size: 27px; font-weight: 700; margin: 0; } .login-section .login-container .form-container .login-form { display: flex; flex-direction: column; gap: 24px; min-width: 324px; width: 20vw; height: fit-content; .login-check-field{ label{ font-family: 'Pretendard'; } } } .login-section .login-container .form-container .login-form label { font-weight: 300; font-size: 14px; color: black; font-family: 'GmarketSans'; } .login-section .login-container .form-container .login-form .login-put-field label { display: block; } .login-section .login-container .form-container .login-form .login-put-field input { width: calc(100% - 20px); height: 40px; border: solid 1px rgba(227, 227, 227, 1); border-radius: 5px; padding: 0 10px; } .login-section .login-container .form-container .login-form .login-check-field { display: flex; gap: 5px; } .login-section .login-container .form-container .login-form .login-check-field input { width: 16px; height: 16px; margin: 0; padding: 0; } .login-section .login-container .form-container .login-form .submit-btn { width: 100%; } .login-section .login-container .form-container .login-form .submit-btn button { width: 100%; height: 40px; font-family: 'GmarketSans'; font-weight: 400; font-size: 15px; }