.login-form {
  display: flex;
  align-items: center;
}

.login-box {
  width: 432px;
  margin: 169px auto;
  padding: 48px;
  border-radius: 16px;
  opacity: 1;
}
.login-title {
  color: blue;
  font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-32) /
    43px Roboto;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--bl-n-500-2643ff);
  text-align: center;
  font: normal normal bold 32px/43px Roboto;
  letter-spacing: 0px;
  color: #2643ff;
  opacity: 1;
}

.login-desc {
  margin-bottom: 48px;
  text-align: center;
  font: normal normal 500 16px/24px Noto Sans CJK KR;
  letter-spacing: 0px;
  color: #242e64;
  opacity: 1;
}
.reset-password {
  float: left;
  margin-top: 7.5px;
  text-align: left;
  
  font: normal normal normal 16px/24px Noto Sans CJK KR;
  letter-spacing: 0px;
  color: #394dd1;
  opacity: 1;
}
#in-label{
  font-family: Noto Sans CJK KR;
}
.reset-password:hover{
  text-decoration: underline;
}
.sign-link {
  float: right;
  margin-top: 7.5px;
  text-align: right;
  font: normal normal normal 16px/24px Noto Sans CJK KR;
  letter-spacing: 0px;
  color: #394dd1;
  opacity: 1;
  text-decoration: none;
}
.sign-link:hover{
  text-decoration: underline;
}

.btn-login {
  display: block;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 18px;
  text-align: center;
  font: normal normal 500 16px/24px Noto Sans CJK KR;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}

.btn-kakao-login {
  width:calc((100% - 24px)/2);
  text-align: center;
  font: normal normal 500 16px/24px Noto Sans CJK KR;
  letter-spacing: 0px;
  color: #242e64;
  opacity: 1;
  align-items: center;
  margin-bottom: 7.5px;
  margin-right: 12px;
  background: #FEE500
  0% 0% no-repeat padding-box;
  border-radius: 4px;
  opacity: 1;
}
.btn-kakao-login:hover {
  background: #FEE500
  0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 12px rgba(19, 24, 48, 0.2);
}
.btn-google-login {
  width:calc((100% - 24px)/2);
  color: var(--gi-00-ffffff);
  text-align: center;
  font: normal normal 500 16px/24px Noto Sans CJK KR;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  float: right;
  margin-bottom: 7.5px;
  margin-left: 12px;
  background: #DB4A39 0% 0% no-repeat padding-box;
  border-radius: 4px;
  opacity: 1;
}
.btn-google-login:hover {
  box-shadow: 0px 4px 12px rgba(19, 24, 48, 0.2);
  background: #DB4A39 0% 0% no-repeat padding-box;
}
.auto-login {
  font: normal normal 500 14px/24px Noto Sans CJK KR;
  letter-spacing: 0px;
  color: #4f5783;
  margin-bottom: 26px;
}

.email-field {
  margin-bottom: 24px;
}
.password-field {
  margin-bottom: 24px;
}

.sns-symbol{
  width:22px;
  height: 22px;
  margin-right: 6px;
}

.error-text {
  text-align: center;
  font: normal normal 500 16px/24px Noto Sans CJK KR;
  letter-spacing: 0px;
  color: red;
  opacity: 1;
  margin-bottom:24px;
}
@media screen and (min-width: 0) and (max-width: 600px) {
  .login-box {
    margin-top:56px;
    width:100%;
    padding:32px 16px;
    border:none; 
    box-shadow: none;
  }
}