html, body { height: 100%; padding: 0; margin: 0; }

#container { width: 100%; height: 100%; }
.container { display: table; width: 100%; height: 100%; min-height: 100%; padding:5px; }
.site-wrapper { position: relative; display: table-cell; vertical-align: middle; z-index: 10; }
.login-content { margin-right: auto; margin-left: auto; }
img.login-symbol { margin: 0 auto; }
.login-box { padding: 10px 40px; margin: 0; background-color: #fff; background: rgba(255,255,255,.4); border: 1px solid rgba(255,255,255,.6); box-shadow: 0 5px 10px rgba(83, 136, 199, 0.1); }
.login-heading { text-align: center; padding: 10px 0; }
.login-body { padding: 0; margin: 0; }
.login-footer { text-align: center; padding-top: 20px; }
.login-title { color: #275a9b; font-size: 1.8em; font-family: 'Nanum Square'; font-weight: 400; text-align: center; padding: 10px 0 10px 0; margin: 0; }
.login-text { color: #275a9b; font-size: 1.1em; font-family: 'Nanum Square', sans-serif; font-weight: 100; text-align: center; padding: 0 0 30px 0; margin: 0; }
.login-input .input-group { width: 100%; margin-bottom: 15px; }
.login-input .input-group > input.form-control { position: relative; padding-left: 45px; border-color: #275a9b; z-index: 1; }
.login-input .input-group i.fa { position: absolute; top: 15px; left: 20px; font-size: 1.2em; color: #275a9b; z-index: 10; }
.login-input .form-control { height: inherit; padding: 10px 12px; font-size: 1.2em; color: #000000; background-color: #ffffff; background-image: none; border-radius: 0; }
.btn-login { color: #ffffff; font-size: 1.2em; font-family: 'Nanum Square', sans-serif; font-weight: 400; padding: 10px 12px; border-radius: 2px; background-color: #275a9b; }
.btn-login:hover, .btn-login:focus { color: #ffffff; background-color: #1a4780; }
.login-content fieldset { border: none; padding: 0; margin: 0; }
.login-link { margin-top: 40px; }
.login-link .btn { margin-bottom: 10px; border-radius: 25px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.login-copy { font-size: .8em; color: #7993b4; text-align: center; }
.info-text { color: #666; padding: 20px 10px; background-color: #fff; border: 1px solid #eee; }
.info-text strong { display: inline-block; color: #275a9b; font-size: 1.250em; margin-top: 15px; }
.login-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/bg-login.png'); background-position: center top; background-repeat: no-repeat; background-size: cover; z-index: 1; }

@media (min-width: 768px) {
	.login-content { width: 400px; }
}