html, body {height: 100%;  }
input, button, table, select, textarea, label, a, h1, h2, h3, h4, h5 {font-family: "Noto Sans KR", sans-serif; border: none; resize: none; background: transparent;}
.hidden {display: block; width: 0; height: 0; overflow: hidden; opacity: 0; pointer-events: none;}

.Wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
  background-color: #ECEFF5;
 
}

.Wrapper .tit {
  letter-spacing: -0.7px;
  font-size: 28px;
  font-weight: 500;
  color: #101010;
}

.login_box {
  width: 100%;
  max-width: 520px;
  /* background-color: rgb(182, 185, 185); */
  margin: 0 auto;
  padding: 40px 60px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 4px 4px 16px #0000000A;
  border-radius: 8px;
}

form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
}

.btn01 {width: 100%; margin-top: 24px; text-align: center;}
.login_btn {
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: white;
  background: #1E76C0;
  transition: all 0.3s;
}

.login_btn:hover {
  color: black;
  background-color: white;
}


.input_box {width: 100%;}
.id_box {
  margin-top: 28px;
  margin-bottom: 24px;
  width: 100%;
}
.input_box > div > input {padding: 0; width: 100%; height: 56px; line-height: 56px; border-bottom: 1px solid #DBDBDB; box-sizing: border-box; letter-spacing: -0.4px; font-size: 16px;}
.input_box > div > input::placeholder {color: #767676;}
.pw_box {margin-bottom: 20px;}


.util {display: flex; justify-content: space-between;}
.util .chk_box {display: flex; align-items: center;}
.util .chk_box .custom {position: relative; width: 20px; height: 20px; border: 1px solid #DBDBDB; border-radius: 50%; box-sizing: border-box;}
.util .chk_box #inpChk:checked + .custom:after {content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background: #1E76C0; border-radius: 50%; transform: translate(-50%, -50%);}
.util .chk_box .label {margin-left: 10px; letter-spacing: -0.38px; font-size: 15px; font-weight: 400; color: #767676;}
.util > a {font-size: 15px; color: #767676;}