.wrap {
  padding-top:4.5rem;
}
.contents_wrap {
  height:100vh;
  box-sizing:border-box;
}
.login__ {
  max-width:21rem;
  margin:4.25rem auto 4.8rem;
}
.login__ .title {
  text-align:center;
}
.login__ > .title h2 {
  font-size:2.1rem;
  color:var(--font-color-black);
  font-weight:var(--font-bold);
}
.login_form {
  margin-top:2rem;
}
.login_form .login:not(:first-child) {
  margin-top:1.3rem;
}
.login_form .login.flex-direction {
  gap:0.35rem;
  grid-gap:0.35rem;
}
.login_form .login > small {
  font-size:0.7rem;
  letter-spacing:-0.22px;
  color:#4d4d4d;
  font-weight:var(--font-medium);
}
.login_form .login input {
  width:100%;
  box-sizing:border-box;
  border:1px solid #dedee1;
  background:var(--background-white);
  padding:0.7rem 0.9rem;
  border-radius:0.3rem;
  font-size:0.7rem;
  letter-spacing:-0.23px;
  color:var(--font-color-dark);
  font-weight:var(--font-bold);
}
.login_form .login input::placeholder {
  font-size:0.7rem;
  letter-spacing:-0.23px;
  color:#b1b3b3;
  font-weight:var(--font-regular);
}
.set__ {
  margin-top:0.8rem;
  justify-content:space-between;
}
.set__ .flex input[type="checkbox"] {
  display:none;
}
.set__ .flex input ~ label {
  display:inline-block;
  width:1rem;
  height:1rem;
  background:url(../images/btns/btn_check_off.png)no-repeat center / cover;
}
.set__ .flex input:checked ~ label {
  background:url(../images/btns/btn_check_on.png)no-repeat center / cover;
}
.set__ .flex.a1 {
  gap:0.4rem;
  grid-gap:0.4rem;
}
.set__ .flex.a1 span {
  font-size:0.7rem;
  letter-spacing:-0.22px;
  color:#4d4d4d;
  font-weight:var(--font-medium);
  transform:translateY(-1px);
  line-height:1;
  -webkit-transform: translateY(1px);
}
.set__ .flex.a2 {
  position:relative;
  gap:1.05rem;
  grid-gap:1.05rem;
}
.set__ .flex.a2::before {
  content:'|';
  position:absolute;
  left:46%;
  top:40%;
  transform:translateY(-50%);
  font-size:0.5rem;
  color:#dadada;
}
.set__ .flex.a2 a {
  font-size:0.7rem;
  letter-spacing:-0.22px;
  color:#aaa;
  font-weight:var(--font-medium);
}
.btn {
  gap:0.8rem;
  grid-gap:0.8rem;
  margin-top:2.7rem;
}
.btn > div {
  width:100%;
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:3.2rem;
  border-radius:0.3rem;
}
.btn > .login {
  background:#333;
}
.btn > .login a {
  color:var(--font-color-white);
  font-weight:var(--font-bold);
}
.btn > .sign {
  background:var(--background-white);
  border:1px solid var(--background-dark);
}
.btn > .sign a {
  color:var(--font-color-dark-black);
  font-weight:var(--font-semibold);
}
.btn > div a {
  display:block;
  width:100%;
  box-sizing:border-box;
  text-align:center;
  font-size:0.85rem;
  letter-spacing:-0.26px;
  padding:1.1rem 0;
  line-height:1;
}