#container .content {
  margin-top: 170px;
  padding: 100px 0;
  background: #f6f6f6;
}
#container .content_inner {
  max-width: 650px;
  margin: 0 auto;
}
#container .login_wrap {
  width: 100%;
  background: #fff;
  padding: 86px 100px 60px;
  border-radius: 30px;
}

#container h2 {
  font-size: 35px;
  color: var(--point-color2);
  font-weight: 700;
  padding-bottom: 20px;
  border-bottom: 4px solid #005ad5;
}
#container .login_wrap>p {
  color: var(--gray-400);
  text-align: center;
  margin-top: 20px;
}
/*** 로그인 실패 메시지 ***/
#container .login_wrap>p.fail {
  color: red;
  font-weight: 700;
}

/*** 로그인 - 입력폼 ***/
#container .login {
  margin: 30px 0 10px;
  border: 2px solid #ddd;
  padding: 10px 20px;
}
#container .login p {
  font-size: 18px;
  text-align: left;
  padding: 10px;
  color: var(--gray-600);
}
#container .login span {
  display: block;
  width: 100%;
  height: 1px;
  background: #ddd;
  margin: 10px 0;
}
#container .login input {
  border: none;
  width: 100%;
  height: 40px;
}
/* 아이디 저장 css는 common.css에서 수정해야 함 */
/*** 로그인 - 로그인 버튼 ***/
#container .login_btn  {
  width: 100%;
  height: 56px;
  background: var(--point-color2);
  color: #fff;
  border: none;
  border-radius: 5px;
  margin-top: 30px;
}
/*** 로그인 - 기타 바로가기 ***/
#container .other_wrap {
  padding: 10px;
  margin-top: 20px;
  color: var(--gray-400);
}
#container .other_wrap ul {
  display: flex;
  justify-content: space-around;
}