.w-100 { width: 100%; }
    .bg-primary { background-color: #007bff !important; }
    .login-container {
        max-width: 400px;
        margin: auto;
        padding: 20px;
    }

    main { height: calc(100vh - 80px); overflow-y: auto; }
    .card { margin-bottom: 20px; padding: 20px; text-align: left; }
    .btn-fixed { width: 200px; }


    /* 모바일 환경에서 footer와 콘텐츠 간의 간격 및 footer 위치 조정 */
    @media (max-width: 576px) {
            footer.fixed-bottom {
            position: static;
        }
        .container {
            margin-bottom: 20px; /* footer와 겹치지 않도록 여백 추가 */
        }
    }