html, body {
  	height: 100%;
}

body {
  	font-family: "SUITE-Regular", sans-serif;
	font-weight: bold;
  	color: #505050;
  	font-size: 16px;
}

.logo h1 {
  	font-size: 26px;
  	padding: 0 0 0 8px;
  	margin: 11px 0;
  	line-height: 1;
  	font-weight: 700;
  	letter-spacing: 1px;
  	text-transform: uppercase;
  	font-family: "Poppins", sans-serif;
  	border-left: 8px solid #e96b56;
}

.form-signin {
  	width: 380px;
  	padding: 2rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* ±×¸²ÀÚ */
    background-color: white;
}

.form-signin input[type="text"] {
  	margin-bottom: -1px;
  	border-bottom-right-radius: 0;
  	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  	margin-bottom: 10px;
  	border-top-left-radius: 0;
  	border-top-right-radius: 0;
}

.checkbox label {
    cursor: pointer;
    margin: 1px 0 0 5px;
}

#loginform input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}