#unipost-unidocu #wrap {position: absolute;left:50%;top:50%;width: 800px;transform: translate(-50%,-50%);}
{ letter-spacing: -1px;}
.NGB {  font-weight: 700;  }
.intro-logo{  display: inline-block; width: 126px;height:35px;margin-top: 40px;margin-bottom: 19px;  background-image: url(/webjars/unidocu-ui/images/boryung/logo22.jpg);}
input.login-input {  border: none;  height: 38px;  padding: 1px 10px; box-shadow: none;  }
#login-button {  background-color: #78abdc;  color: #fff;  border: none;  height: 83px;  vertical-align: top;  margin-left: -6px;  width: 90px;  font-size: 16px;  }
.login-page-middle-background {  background-color: #7DB8F0; position: absolute;height: 380px;display: inline-block;width: 100%;border-top: 1px solid #CDCDCD  }
#intro-image {  margin-top: 160px;  margin-left: 390px;  display: inline-block;  width: 986px;  height: 516px; background-image: url(/webjars/unidocu-ui/images/boryung/bts.jpg);}
#login-page-title-decoration {  margin-top: 60px; border-top: 2px solid #000;width: 60px;  }
#login-page-title {  font-size: 48px; margin-top: 20px;  }
#login-box {  margin-top: 250px; background-color: #fff;  width: 300px;  box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);  }
#login-title {  padding: 15px;  background-color: #ECECEC;  font-size: 18px;  }
.login-page-layer {  position: absolute;  display: inline-block;  width: 100%;  }
.center-1000px {  margin: 0 auto;  width: 1000px;  }
#change-pw-before-login {  margin-left:30px; cursor: pointer;}
#change-pw-before-login:hover { text-decoration: underline;}
.login-box-middle {  color: #858585;  margin-left: 39px;  margin-top: 10px;  font-size: 13px;  padding-bottom: 10px;}
#login-box-top {  margin-top: 20px  }
#login-input-wrapper {  display: inline-block;  width: 168px;  border: 1px solid #ddd;  margin-left: 20px;  }
.pw-wrapper {  border-top: 1px solid #ddd;  }
.login-box-middle input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.login-box-middle input[type=checkbox] + label:before {  font-family: FontAwesome;  display: inline-block;  }
.login-box-middle input[type=checkbox] + label:before { content: "\f096"; width: 15px;} /* unchecked icon */
.login-box-middle input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.login-box-middle label { cursor: pointer;}
.alert-caps-lock {position: absolute; width: 160px; background: #595959;color: #fff; display: none;text-align: center; padding: 4px;}
.alert-caps-lock strong {color: #fcff00; font-weight:bold;}
.DESTINATION_ALIAS-wrapper {position: fixed;top: 5px;right: 5px;}
.theme-names-wrapper {position: fixed;top: 40px;right: 5px; display: none; }