@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); 
body {background: unset;}
.layout-wrapper {}
.layout-wrapper.bg01 { background: no-repeat center / cover; background-image: url('/fms/resource_adm/login/img/login-bg01.png'); }
/* .layout-wrapper.bg01 { */
/*   background-image: url('/resource_adm/login/img/login-bg01.png'); */
/* } */

.layout-wrapper.bg02 {
  background-image: url('/fms/resource_adm/login/img/login-bg02.png');
}

.layout-wrapper.bg03 {
  background-image: url('/fms/resource_adm/login/img/login-bg03.png');
}

.login-box {position: relative; z-index: 1; width: 100%; max-width: 550px; margin: 0 auto; padding: 40px; background-color: rgba(61, 65, 74, 0.8); border-radius: 10px;}
.login-box .row {margin: 0;}
.login-box .tit {color: #fff; word-break: keep-all; font-weight: 600; line-height: 1.4;}
.login-box .pass-err {color: #fff; font-size: 18px; display: flex; gap: 7px; margin-bottom: 10px;}
.login-box .login-inpt {width: 100%; height: 50px; line-height: 36px; padding: 0 15px; border: 1px solid #666; border-radius: 5px; background-color: rgba(36, 36, 36, 0.8) !important; color: #fff !important; }
.login-box .login-inpt::placeholder { color: #999; }
.login-box input.login-inpt.form-control:focus {background-color: rgba(36, 36, 36, 0.8) !important; color: #fff !important; border-color: #aaa !important; outline: none !important; box-shadow: none !important;}
/* 브라우저 인풋 색 제거 */
input.login-inpt:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px rgba(36, 36, 36, 0.8) inset !important; -webkit-text-fill-color: #fff !important; transition: background-color 9999s ease-out !important;}
.login-box .custom-checkbox {margin: 20px 0; color: #999; font-size: 16px;}
.login-box .custom-checkbox .custom-control-label::before {width: 18px; height: 18px; border: 0; border-radius: 2px;}
.login-box .custom-control-label::after {width: 18px; height: 18px; border: 0;}
.login-box .custom-control-input:checked ~ .custom-control-label::before {width: 18px; height: 18px; background-color: #0f3ba9;}
.login-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-size: 10px;}


.login-box .btn { display: block; width: fit-content; height: 45px; line-height: 45px; padding: 0 20px; font-weight: 400; font-size: 15px; white-space: nowrap; border-radius: 6px; border: none; } 
.bg-main { background-color: #0f3ba9; color: #fff;} 
.bg-main:hover { background: #0d3496;} 
.bg-sub { background-color: #2cb34d; color: #fff; } 
.bg-sub:hover { background: #269b43; } 
.bg-gray-66 { background-color: #666; color: #fff; } 
@media only screen and (max-width: 600px){
 .login-box .btn-ce { flex-wrap: wrap; } 
 .login-box .btn-ce .btn {width: 100%;}
 }
 
.editor-box { width: 100%; max-width: 550px; margin: 0 auto; margin-top: 50px; padding: 30px; background: rgba(255, 255, 255, .7); backdrop-filter: blur(5px); border-radius: 10px; } 
.editor-box p { margin-top: 1rem; font-size: 16px; word-break: keep-all; line-height: 1.5; font-weight: 500; } 
.editor-box p b { color: #0f3ba9; font-weight: 600; }
@media only screen and (max-width: 1023px){
	.login-box {padding: 30px;}
	.editor-box {margin-top: 30px;}
} 
@media only screen and (max-width: 600px){
	.authentication-page-content {height: 100%;}
}
/********* footer *********/
.exit-footer { width: 100%; padding: 20px; background: #555; backdrop-filter: blur(5px); } 
.exit-footer .inner {width: 100%; max-width: 1600px; margin: 0 auto;}
.exit-footer .f-nav { display: flex; justify-content: center; color: #aaa; gap: 10px 30px; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0;} 
.exit-footer .f-nav li { text-align: center; line-height: 1.4; } 
.exit-footer .f-nav li .copyright {margin-bottom: 0;}