@charset "utf-8";
/* 로그인창 스타일 */
.login { width: 400px; position: fixed; top: 50%; left: 50%; margin-top: -260px; margin-left: -200px; }
.login .login-head { width: 100%; height: 80px;  text-align: center; }
.login .login-head .login-logo { display: inline-block; width: 320px; height: auto; }
.login .login-body {width: 100%; height: 215px; padding: 0 30px 0 30px; }
.login .login-body .body-input { height: 100%; width: 100%; }
.login .login-body .body-input .input-id { padding-left: 15px; width: 100%; height: 50px; background-color:#fff; border: 1px solid #dee3eb; border-radius: 3px; vertical-align: middle; font-size: 13px; color: #2d2d2d; display: block; outline: 0; transition: border-color .2s ease, box-shadow .2s ease; }
.login .login-body .body-input .input-pw { padding-left: 15px; width:100%; height: 50px; background-color:#fff; border: 1px solid #dee3eb; border-radius: 3px; vertical-align: middle; font-size: 13px; color: #2d2d2d; display: block; margin-top: 10px; outline: 0; transition: border-color .2s ease, box-shadow .2s ease; }
.login .login-body .body-input .input-id:focus,
.login .login-body .body-input .input-id:active,
.login .login-body .body-input .input-pw:focus,
.login .login-body .body-input .input-pw:active { border-color: #65DEFF; box-shadow: 0 0 2px 2px rgba(26, 113, 165, 0.1); }

.login .login-body .body-input .login-btn { border:none; width:100%; height:55px; color:#fff; margin: 25px 0; padding: 5px 0 6px 0; font-size: 16px; font-weight: bold; cursor: pointer; font-weight: 400; border-radius: 3px; transition: background 0.25s ease-out; display: block; outline: 0; letter-spacing: -0.5px; }

.login .login-foot { color: #555; font-size: 11px; text-align: center; font-weight: 300; }
.login .login-foot .host { padding-top: 23px; }
.login .login-foot .copyright { padding-top: 2px; }