/* ==========================================================================
   [최종 보정] 게임소개 본문 화이트 박스화 및 외곽/하단 블랙 배경 처리
   ========================================================================== */

/* 1. 본문 박스를 감싸는 모든 바깥쪽 레이어의 배경을 완전히 검정색으로 강제 통일 */
html, 
body, 
main#sub_page, 
#sub_page .sub_page_wrap, 
#sub_page #container {
    background-color: #0D0D0F !important;
    background: #0D0D0F !important;
}

/* 2. 상단 메뉴(s_navi)와 본문 사이의 공백 제거 */
.s_navi {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    background-color: #0D0D0F !important;
}

/* 3. 흰색 본문 상자가 하단 푸터까지 밀고 내려가지 않도록 높이 값 제어 및 끊어주기 */
.mookhon-board-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background-color: #ffffff !important; /* 본문은 확실하게 흰색 고정 */
    
    /* 화면 중앙 정렬 */
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* 🌟 아래쪽이 안 채워질 때 해결책: 
       하단 패딩을 줄이고, 박스 자체를 띄우는 margin-bottom을 확실하게 줍니다. */
    padding-bottom: 40px !important; 
    margin-bottom: 80px !important; 
    
    /* 높이가 부모 때문에 강제로 100% 늘어나는 것을 방지 */
    height: auto !important; 
    display: block !important;
    box-sizing: border-box;
}

/* 4. 메뉴명 텍스트 상단 간격 조절 */
.mookhon-board-container .board-header {
    margin-top: 0 !important;
    padding-top: 28px !important; 
}
.board-header {
    margin-top: 0 !important;
}

/* New CSS END */