게시판이 푸더에 붙어있어요

https://kade1.dothome.co.kr/bbs/board.php?bo_table=event

layout.css 이소스에서 문제가 생긴거 같은데 수정을 아무리 해도 스킨 사이즈가 작게 나와요.

푸더 수정하다가 생긴 문제인거 같긴한데

layout.css 소스랑

@charset "utf-8";

/* [0] 레이아웃 초기화 */
html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
body { display: flex; flex-direction: column; min-height: 100vh; overflow-x: hidden; }

/* [1] 게시판/서브페이지 영역 반응형 확장 */
#container-box { flex: 1 0 auto; width: 100% !important; }
.content_wrap { 
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important; 
    margin: 0 auto !important;
    padding: 50px 20px 150px 20px !important;
    box-sizing: border-box !important;
}

/* [2] 메인 비주얼 디자인 */
#main_visual_flex { position: relative; width: 100%; height: 100vh; display: flex; overflow: hidden; background: #000; }
#full_bg_layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: background-image 0.5s; z-index: 1; }
.flex_wrapper { display: flex; width: 100%; height: 100%; z-index: 10; position: relative; }
.flex_item { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.4); border-right: 1px solid rgba(255,255,255,0.1); transition: all 0.5s; cursor: pointer; }
.flex_item:hover { background: rgba(0, 0, 0, 0.2); }
.flex_item h3 { color: #fff !important; font-size: 24px !important; font-weight: 800; margin-bottom: 25px !important; text-shadow: 0 2px 4px rgba(0,0,0,0.5); }

.btn_2x2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; width: 280px; list-style: none; opacity: 0; transform: translateY(20px); transition: all 0.4s; padding: 0; margin: 0; }
.flex_item:hover .btn_2x2 { opacity: 1; transform: translateY(0); }
.btn_2x2 li a { display: flex; align-items: center; justify-content: center; height: 45px; background: #fff; color: #333 !important; font-size: 14px; border-radius: 4px; text-decoration: none; font-weight: 600; }
.btn_2x2 li a:hover { background: #eee; }

/* [3] 푸터 디자인 */
#footer { flex-shrink: 0; background: #1a1c21; padding: 60px 0; color: #999; width: 100%; }
#footer .inner { width: 95%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer_info_group { display: flex; gap: 40px; }
.footerText h2 { color: #fff; font-size: 16px; margin-bottom: 10px; }
.footerText ul { list-style: none; padding: 0; }
.footerText ul li a { color: #999; text-decoration: none; font-size: 14px; }
.footerMall { list-style: none; padding: 0; font-size: 13px; line-height: 1.8; margin: 0; }

/* [4] 모바일 전용 (768px 이하) */
@media screen and (max-width: 768px) {
    .content_wrap { padding: 30px 15px 100px 15px !important; }
    
    #main_visual_flex { height: auto !important; min-height: 100vh; display: block !important; }
    #full_bg_layer { position: fixed !important; height: 100% !important; background-attachment: scroll; }

    .flex_wrapper { flex-direction: column !important; height: auto !important; }
    .flex_item { 
        flex: none !important; 
        height: 25vh !important; /* 4개 섹션이 화면을 1/4씩 균등 분할 */
        border-right: none !important; 
        border-bottom: 1px solid rgba(255,255,255,0.1); 
        padding: 20px !important; 
        width: 100%; 
        box-sizing: border-box; 
    }
    
    .flex_item h3 { font-size: 20px !important; margin-bottom: 15px !important; }
    .btn_2x2 { opacity: 1 !important; transform: translateY(0) !important; width: 100% !important; max-width: 280px; gap: 8px; }
    .btn_2x2 li a { height: 38px !important; font-size: 13px !important; }

    #footer .inner { flex-direction: column; text-align: left; }
    .right_info_box { text-align: left; margin-top: 30px; }
}

tail.php 소스

<?php
if (!defined('_GNUBOARD_')) exit;

// 게시판이나 서브페이지일 경우 별도의 tail을 불러옴
if (isset($bo_table) && $bo_table) {
    include G5_THEME_PATH . '/html/bbs_tail.php';
} else {
    // 메인페이지 등에서 열려있던 태그를 닫아줌 (head.php에서 연 태그에 맞춰 조정 필요)
    echo '</div>';
}
?>

<footer id="footer">
    <div class="inner">
        <div class="footer_left">
            <h1 class="footerLogo"><a href="/" style="color:#fff; text-decoration:none;">eccil</a></h1>
            <div class="footer_info_group">
                <div class="footerText">
                    <h2>SNS</h2>
                    <ul>
                        <li><a href="#"><i class="xi-instagram"></i> 인스타그램</a></li>
                        <li><a href="#"><i class="xi-kakaotalk"></i> 카카오톡</a></li>
                    </ul>
                </div>
                <div class="footerText">
                    <h2>LEGAL</h2>
                    <ul>
                        <li><a href="/bbs/content.php?co_id=privacy">개인정보 처리방침</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="right_info_box">
            <ul class="footerMall">
                <li>대표자:  | 대표전화: </li>
                <li>주소: 경기도 이천시 </li>
                <li>상호: 이천시</li>
            </ul>
            <p style="margin-top:20px; font-size:12px;">Copyright © 2025 이천시. All Rights Reserved.</p>
        </div>
    </div>
</footer>

<?php include_once(G5_THEME_PATH . "/tail.sub.php"); ?>