/* 로그인 페이지 중앙 정렬 스타일링 */
#page-login-index .login-container,
#page-login-index #region-main {
    display: flex;
    justify-content: center; /* 가로축 가운데 정렬 */
    align-items: center;     /* 세로축 가운데 정렬 */
    min-height: 80vh;        /* 화면 높이에 따라 중앙에 위치하도록 최소 높이 설정 */
}

#page-login-index .login-container .login-form {
    width: 100%;
    max-width: 400px;        /* 로그인 폼 너비 최대값 */
    margin: auto;            /* 상하좌우 자동 마진으로 가운데 정렬 */
    padding: 30px;
    background: #ffffff;     /* 배경색 (옵션) */
    border-radius: 8px;      /* 테두리 라운딩 (옵션) */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* 그림자 효과 (옵션) */
}

/* 추가 옵션: 배경 및 세부 디자인 사용자 정의 */
/* 로그인 페이지 전체 배경색 */
#page-login-index {
    background-color: #f0f6fc;
}

/* 로그인 버튼 스타일 변경 */
#page-login-index .btn-primary {
    background-color: #0055a5;
    border-color: #0055a5;
    color: #ffffff;
}