@charset "UTF-8";

/* ============================================================
   게시판 전용 head 보정
   - head_sub.css의 .wv-sub-container 초기화보다 뒤에서 로드됩니다.
   - 게시판 스킨은 수정하지 않고 게시판 본문 영역만 적당한 폭으로 잡습니다.
   ============================================================ */

#wrapper.wv-board-wrapper {
    width: 100% !important;
    padding-top: 0 !important;
}

#wrapper.wv-board-wrapper #container_wr.wv-sub-container-wr {
    width: 100% !important;
}

#wrapper.wv-board-wrapper #container.wv-board-container {
    width: calc(100% - 40px) !important;
    max-width: 1200px !important;
    margin: 70px auto 100px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 게시판 제목을 스킨에서 출력하는 경우 상단 여백이 과하게 벌어지지 않도록 기본 정리 */
#wrapper.wv-board-wrapper #container_title {
    max-width: 1200px !important;
    margin: 0 auto 30px !important;
}

@media screen and (max-width: 768px) {
    #wrapper.wv-board-wrapper #container.wv-board-container {
        width: calc(100% - 24px) !important;
        margin: 42px auto 76px !important;
    }
}

@media screen and (max-width: 480px) {
    #wrapper.wv-board-wrapper #container.wv-board-container {
        width: calc(100% - 16px) !important;
        margin: 32px auto 64px !important;
    }
}