* {
  font-family:"Open Sans","Nanum Barun Gothic",sans-serif;
}

html {
  height: 100%;
}

body.login {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  display: table;
  vertical-align: middle;
}

body.login > div {
  display: table-row;
}

body.login > div > div {
  width: 400px;
  height: 300px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}

body.login > div > div > form {
  width: 400px;
  height: 300px;
  margin: 0 auto;
  border: 7px solid #ddd;
  border-radius: 5px;
  background-color: #eee;
  box-sizing: border-box;
  text-align: center;
}

body.login > div > div > form > input,
body.login > div > div > form > div {
  display: inline-block;
  margin: 0px 0px 5px 0px;
  min-width: 290px;
  border-radius: 4px;
  padding: 12px;
  box-sizing: border-box;
}

body.login > div > div > form > input[type="password"],
body.login > div > div > form > input[type="text"] {
  box-shadow: 0px 0px 5px #E7E7E7 inset;
  border: 1px solid #b2bcc0;
}

body.login > div > div > form > input[type="submit"] {
  border: 0;
  background-color: #37f;
  color: white;
}

body.login > div > div > form > div {
  text-align: left;
  padding: 12px 0;
}