body {
   background-color: #f2f9fc;
}

.login-wrapp {
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.login-wrapp .login-logo img {
   width: 156px;
}

.login-wrapp .login-box {
   width: 440px;
   height: 443px;
   border: 1px solid #cccccc;
   margin-top: 30px;
   background-color: #fff;
}

.login-wrapp .login-box .login-header {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 40px;
   margin-bottom: 20px;
}

.login-wrapp .login-box .login-header h2 {
   font: normal normal bold 20px/29px NotoSansKR-Regular;
   color: #000000;
}

.login-wrapp .login-box .login-body {
   display: block;
   margin: 30px 55px;
}
.login-wrapp .login-box .login-body label {
   font-family: NotoSansKR-Regular;
   font-size: 14px;
   color: #000000 !important;
}

input[type="text"],
input[type="email"],
input[type="password"] {
   border: 1px solid #bcbcbc !important;
   border-radius: 0px !important;
   padding: 10px 12px !important;
   font-family: NotoSansKR-Regular;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #777;
   box-shadow: none !important;
   outline: none !important;
}

input[type="checkbox"] {
   border: 1px solid #bcbcbc !important;
   border-radius: 0px !important;
   width: 14px;
   height: 14px;
   font-family: NotoSansKR-Regular;
   font-size: 14px;
   letter-spacing: 0px;
   color: #777;
   box-shadow: none !important;
   outline: none !important;
}

.login-body button,
.login-body button:hover {
   width: 100% !important;
   border-radius: 0px !important;
   background-color: #2ab6ed;
   border: 1px solid #2ab6ed;
}
.login-body a {
   font-family: NotoSansKR-Regular;
   font-size: 14px;
   color: #222222;
   text-decoration: none;
}