html,
body {
  height: 100%;
  font-family: 'Noto Sans KR', sans-serif;
}

body {
  overflow-y:hidden;
}
.h-100{
  background: url("../../img/login/login_background.jpg") no-repeat;
  background-size: cover;
  width:100%;
  height:100%;
}
.card {
  width: 30rem;
  height: 32rem;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 2px 30px rgba(6, 45, 111, 0.15);
  border-radius: 16px;
  position: relative;
}
.card .card-body .loginLogo{
  background: url("../../img/login/loginLogo.png") no-repeat;
  width:151px;
  height:30px;
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  z-index: 100;
}
#form-signIn{
  margin-top:64px;
}
input {
  outline-color: #3883FF;
  padding: 0 24px;
  box-sizing: border-box;
}
.col-6{
  margin: 24px 0 32px;
}
#loginId, #password{
  font-family: 'Noto Sans KR';
  width: 400px;
  height:65px;
  border: 1px solid #ccc;
  box-shadow: 0px 1px 9px rgba(0, 74, 198, 0.15);
  border-radius: 8px;
  box-sizing: border-box;
  background: #FFFFFF;
}

#loginId::placeholder{
  font-family: 'Noto Sans KR';
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #B5B5B5;
}
#password::placeholder{
  font-family: 'Noto Sans KR';
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #B5B5B5;
}
.ml-auto{
  padding: 0;
}
#btn-Yes{
  font-family: 'Noto Sans KR';
  font-weight: 500;
  width: 400px;
  height:65px;
  color: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #84BFFF;
  background: linear-gradient(40deg, #84BFFF 0%, #56A4F9 35.73%, #0056E6 100%);
  overflow: hidden;
  }
}