@charset "UTF-8";
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden; /* 가로 스크롤 방지 */
    width: 100%; /* 뷰포트 크기를 넘지 않도록 설정 */
}

footer {
    background-color: #f1f1f1;
    text-align: center;
    padding: 20px;
    flex-shrink: 0;
    width: 100vw; /* 뷰포트 너비에 맞춤 */
    max-width: 100%; /* 100%를 넘지 않도록 제한 */
    margin-top: auto;
    box-sizing: border-box; /* 패딩 포함하여 크기 조정 */
}

.container-fluid {
    flex: 1; /* 컨텐츠 영역을 채움 */
    width: 100%; /* 가로 크기 강제 */
    max-width: 100%; /* 가로 넘침 방지 */
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; /* 내부 요소가 넘치지 않도록 */
}

.footer-logo {
    width: 100px;
    margin-bottom: 10px;
}

.footer-info p {
    margin: 5px 0;
}