/* used for ssologin, ssopwd page */
* {font-family: malgun gothic, gulim, sans-serif; }
body { background-color: #eee }
.panel { max-width: 520px; margin: 40px auto }
.prod-header { background-color: #284194; color: #fff }

.login {position:absolute; top:50%; left:50%; margin-left:-321px; margin-top:-215px; width:642px; height:430px;}
.login-input, .login-input:focus { border-left-width:0; border-top-width:0; border-right-width:0; border-radius:0; box-shadow:none;}
.login-input-div { padding:0 48px; }
.login-input-notice {display:block;padding-bottom:10px; font-size: 9pt; text-align: left; padding-left:14px; padding-top:4px;}
.login-input-notice2 {display:none}
.login-btn, .login-btn:hover { background-color:#2f4050; border-radius: 0; color:#ffffff; height:48px; width:158px; }
.login-item {float:right; padding:36px 24px; background-color:#ffffff; color:#4c5558; text-align:center; display:inline-block; width:387px; height:430px; border-top-right-radius: 4px; border-bottom-right-radius: 5px;}
.login-item-div {height:256px; position:relative;}
.login-welcome {float:right; padding:36px 24px; color:white; display:inline-block; width:255px; height:430px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color:#2f4050; }
.login-welcome label { color:white !important}
.login-welcome-div {height:256px; position:relative}
.login-welcome-sso {height:230px; position:relative}
.login-bottom {position:absolute; width:100%; bottom:0}
.login-link-text {color:#2f4050}
.login-link-split {margin: 0 5px 0 5px}
/* override bootstrap */
.bootstrap-select .btn-white,
.bootstrap-select .btn-white:hover,
.bootstrap-select .btn-white:focus,
.bootstrap-select .btn-white.focus,
.bootstrap-select .btn-white:active,
.bootstrap-select .btn-white.active,
.bootstrap-select .dropdown-toggle.btn-white, .bootstrap-select .dropdown-toggle.btn-white:focus
{background-color:#2f4050; color:#ffffff !important}
@media (max-height: 430px)
{
    .login {position:inherit; top:inherit; left:inherit; width:auto; height:auto; margin:0 auto; }
}
@media (max-width: 642px)
{
    .login {position:inherit; top:inherit; left:inherit; width:auto; height:auto; margin:0 auto; }
    .login-input-div { padding:0; }
    .login-input-notice {display:none}
    .login-input-notice2 {display:block; padding-bottom:10px; font-size: 9pt; text-align: right; padding-left:14px; padding-top:4px;}
    .login-btn, .login-btn:hover { width:100%; }
    .login-item {width:100%; height:inherit; border-radius: 0}
    .login-item-div {height:inherit; position:inherit;}
    .login-welcome {width:100%; height:inherit; border-radius: 0; background-color:#5b6568;}
    .login-welcome-div {height:inherit; position:inherit}
    .login-welcome-sso {height:inherit; position:inherit}
    .login-bottom {position:inherit; width:auto; bottom:auto}
    /* override bootstrap */
    .bootstrap-select .btn-white,
    .bootstrap-select .btn-white:hover,
    .bootstrap-select .btn-white:focus,
    .bootstrap-select .btn-white.focus,
    .bootstrap-select .btn-white:active,
    .bootstrap-select .btn-white.active,
    .bootstrap-select .dropdown-toggle.btn-white, .bootstrap-select .dropdown-toggle.btn-white:focus {background-color:#5b6568;}
}