/* ==========================================================================
   [캐릭터 소개] 본문 흰색 박스 유지 및 외곽/하단 검정색 배경 통일
   ========================================================================== */

/* 1. 본문 상자 바깥쪽 전체 레이어를 검정색(#0D0D0F) 바탕으로 채우기 */
html, 
body, 
main#sub_page, 
.sub_page_wrap, 
#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;
    
    /* 🌟 흰색 박스가 아래쪽에서 자연스럽게 끊기도록 마진 부여 */
    padding-bottom: 50px !important; 
    margin-bottom: 80px !important; 
    
    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;
}