@charset "utf-8";
@import url(/Content/Css/fonts/font-awesome.css);


html, body { width: 100%; height: 100%; }

.page-wrapper { position: relative; width: 100%; height: 100%; background: #eee; }
.page-wrapper .container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.login-page .container { width: 330px; height: 330px; text-align: center; }
.login-page .header { font-size: 16px; color: #444; font-family: 'NanumSquareEB'; }
.login-page .result { margin-top: 15px; font-weight: bold; color: #ce8477; }
.login-page form { margin-top: 20px; }
.login-page form input { margin-bottom: 5px; padding: 0 10px 1px 10px; width: 200px; height: 33px; font-size: 14px; border: solid 1px #bbb; border-radius: 5px; }
.login-page form input::-webkit-input-placeholder { color: #999; opacity: 0.63; }
.login-page form input::-moz-placeholder { color: #999; opacity: 0.63; }
.login-page form input:-ms-input-placeholder { color: #999; }
.login-page form input[type="submit"] { padding: 1px 0 0 0; font-size: 14px; color: #fff; background-color: #444; border: 0; }

.error-page .container { padding: 30px; width: 550px; height: 220px; background-color: #fff; border: solid 1px #ccc; border-radius: 5px; }
.error-page h2 { padding: 0; margin: 0; color: #355b82; }
.error-page h3 { padding: 20px 0 0 0; margin: 0; color: #2877c4; }
.error-page p { padding: 0; margin: 0; line-height: 2.5em; }

.closed-page .container { width: 500px; height: 30px; font-size: 24px; font-weight: bold; text-align: center; }