@charset "utf-8";


/************************************** import **************************************/


@import url("../common/component.css");



/************************************** login css **************************************/


.admin-wrap.login-page {position: relative;}

.login-wrap {width: 400px; position: fixed; top: 45%; left: 50%; transform: translate(-50%,-50%); background: #fff; box-shadow: 0 3px 17px rgba(219,219,219,0.3); padding: 40px 30px 65px; border: 1px solid #fff;}

.login-wrap .login-head-area {text-align: center; width: 100%;}
.login-wrap .login-head-area > img {height: 55px}
.login-wrap .login-head-area > img.dark {display: none;}
.login-wrap .login-head-area > p {font-size: 1.4rem; color: #949494; font-weight: 500; padding: 5px 0; margin-bottom: 30px;}

.login-wrap .login-content-area {position: relative}
.login-wrap .login-content-area input[type="text"].text-input {height: 45px; margin-bottom: 10px; display:block;}
.login-wrap .login-content-area input[type="password"].text-input {height: 45px;}
.login-wrap .login-content-area .btn-wrap.login-btn {position: absolute; padding: 17px; border-radius: 50%; left: 50%; bottom: -100px; transform: translateX(-50%); border: 15px solid #fff; transition: opacity .3s ease; box-shadow: 0 3px 17px rgba(219,219,219,0.3); cursor: pointer}
.login-wrap .login-content-area .btn-wrap.login-btn:hover {opacity: .9}
.login-wrap .login-content-area .btn-wrap.login-btn button {min-width: auto; height: auto; line-height: 49px; padding: 0; background: none;}
.login-wrap .login-content-area .btn-wrap.login-btn button span.material-icons {font-size: 2.5rem}

.login-wrap .login-content-area .copyright-wrap {text-align: center; padding-top: 30px; font-size: 1.2rem; color: #b7b7b7}