@charset "UTF-8";
@import url(reset.css);
@import url(font.css);

html {
  font-size: 10px;
}

body {
  font-family: 'Inter', sans-serif;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.6;
  background-color: #fff;
}

/* 공통 wrapper */
.all-wrap {
  width: 100%;
  min-height: 100vh;
  position: relative;
}


.login-box {
  padding-top: 30rem;
}
.login-wrapper {
  width: 60rem;
  height: 58rem;
  margin: 0 auto;
  background: #fff;
  padding: 8rem;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  position: relative;
  border-radius: 2rem;
  box-sizing: border-box;
}

.login-wrapper h2 {
  margin-bottom: 2rem;
  font-size: 2.8rem;
  color: #545454;
  font-weight: bolder;
}
.login-wrapper p {
  color: #898989;
  font-size: 1.5rem;
  margin-bottom: 2rem;
  letter-spacing: 0.1px;
}
.login-wrapper input[type="text"],
.login-wrapper input[type="password"] {
  width: 100%;
  padding: 2rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.login-wrapper input[type="checkbox"] {
  margin-right: 0.5rem;
}

.login-wrapper .login-btn {
  width: 100%;
  background-color: #153e75;
  color: #fff;
  padding: 10px;
  border: none;
  font-size: 2.2rem;
  font-weight: bold;
  cursor: pointer;
  border-radius: 0.5rem;
}

.login-wrapper .options {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.login-wrapper .options a {
  color: #898989;
  text-decoration: none;
  
}
.login-wrapper .options a:hover {
  color: #333;
}

.close-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
  font-size: 2rem;
  font-weight: bold;
}

.error {
  color: red;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1280px) {
  .login-box {
    padding-top: 15rem;
  }
  .login-wrapper {
    width: 75%;
    padding: 0;
    box-shadow: none;
    }

}