/* 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 14px; 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}

/*다중 메뉴*/
.login-multi-item {float:right; padding:19px 5px; 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-multi-bottom {height: inherit; width:100%; bottom:0}
.nav-pills .nav-link {background-color: #aaaaaa;color: #ffffff; border-radius: 7px}
.nav>li>a {color: #ffffff;}
.nav>.nav-item { width: 100%;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a.active, .nav-pills>li>a.active:focus, .nav-pills>li>a.active:hover {background-color: #2f4050;}
.tab-content>.tab-pane {border-right: 1px; border-left: 1px;}
fieldset.login-border {border: 2px groove #ddd !important;padding: 0 5px !important;margin: 0 15px !important;-webkit-box-shadow:  0px 0px 0px 0px #000;box-shadow:  0px 0px 0px 0px #000;border-radius: 5px;}
fieldset.nologin-border {border: 0px !important;}
legend.login-border {width:inherit;padding:0;border-bottom:none;font-size: 13px;width:100%;}
.login-input-time { position: absolute !important; right: 40px !important; bottom:50px !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;}

    .login-multi-item {width:100%; height:inherit; border-radius: 0}
    .login-multi-bottom {position:inherit; width:auto; bottom:auto}
    .login-input-time { position: absolute !important; right: 80px !important; bottom:50px !important; }
}