@charset "utf-8";
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* login */
.login-block-wrap {display:flex;justify-content:center;align-items:center;height:100%;font-family:'SpoqaHanSansNeo'; background-color:#8e9091;}
.login-block {width:800px;margin:0 auto;background-color:#fff;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.05);}
.login-block .login-input {width:500px;flex:none;padding:60px 80px 40px 80px;text-align:center; margin: auto;}
.login-block .login-input h1 {margin-top:0px; margin-bottom:40px; font-size:50px;}
.login-block .login-input h2 {padding:20px 0 40px;font-size:28px;font-weight:700;color:#005891;}
.login-block .input-list li {margin-top:16px;text-align:left;}
.login-block .input-list p {margin-bottom:8px;}
.login-block input[type=text],.login-block input[type=password] {width:100%;height:50px;padding-left:10px;margin:0 0 4px;font-size:14px;box-shadow:none;border:1px solid #E6E6E6;border-radius:0px;}
.login-block .login-btn {margin-top:45px;}
.login-block .btn-login {display:block;width:100%;height:50px;line-height:50px;font-size:16px;color:#fff;font-weight:700;text-align:center;background:#00578a;border-radius:50px;transition:all 0.3s;}
.login-block .btn-login:hover {background:#0e4d67;}
.login-block .idpw-search {margin-top:30px;}
.login-block .idpw-search a:before {content:'';display:inline-block;width:1px;height:14px;margin:0 11px 3px 8px;background:#E1E1E1;vertical-align:middle;}
.login-block .idpw-search a:first-child:before {display:none;}
.login-block .idpw-search a:hover {color:#114c65;}
.login-block .login-private {margin-top:10px;}
.login-block .login-private a {color:#919191;border-bottom:1px solid #919191;transition:all 0.3s;}
.login-block .login-private a:hover {color:#114c65;border-bottom:1px solid #114c65;}

@keyframes countingBar {0% {width:0;} 100% {width:100%;}}

@keyframes fadeBigInUp {
  0% {opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);}
  100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}

