/* bak/1 테마 Override - 기존 moonrabitU 3-column 레이아웃을 1-column으로 변경 */

/* 한글 폰트 - bak/1 원본과 동일 */
*, body, p, div, span, a, li, td, th, input, select, textarea, button, label, h1, h2, h3, h4, h5, h6 {
    font-family: 'NanumBarunGothic' !important;
}

/* 기존 3-column 레이아웃 제거 */
.allContent {
    display: block !important;
    max-width: 1260px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.LeftContent {
    display: none !important;
}

.rightContent {
    width: 100% !important;
    margin-left: 0 !important;
    background: transparent !important;
}

.menuHeader {
    display: none !important;
}

/* 기존 old 요소 숨김 */
.top-main_main,
.bg_movie,
#footer.footer.only_pc,
.top_inner {
    display: none !important;
}

/* 기존 사이드바 숨김 */
.snb_left,
.snb_right,
.bet_slip {
    display: none !important;
}

.wrap {
    max-width: 1260px !important;
    margin: 0 auto !important;
}

/* 서브페이지 컨텐츠 영역 */
.contents,
.main-content,
.main_content_continer {
    max-width: 1260px !important;
    margin: 0 auto !important;
}

.webp {
    background: transparent !important;
}

/* 반응형 */
@media screen and (max-width: 767px) {
    .allContent,
    .rightContent {
        width: 100% !important;
    }
}

/* 페이지네이션 (paging_div) - getNavigationNp 출력용 */
.paging_div {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}
.paging_div a,
.paging_div span {
    font-size: 13px;
    color: #7c7c7c;
    padding: 4px 8px;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.paging_div a:hover {
    color: #fff;
}
.paging_div a.on,
.paging_div strong,
.paging_div b {
    font-weight: bold;
    color: #d5c800;
}

/* 삭제 버튼 (ui_btn_red) */
.ui_btn_red {
    background: #930000;
    color: #fff;
    border: 1px solid #930000;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 3px;
}
.ui_btn_red:hover {
    background: #b30000;
}

/* 대기/답변 상태 뱃지 */
.wating {
    background: #bebebe;
    color: #303030;
    font-size: 12px;
    border-radius: 3px;
    display: inline-block;
}
.success {
    background: #b1e778;
    color: #303030;
    font-size: 12px;
    border-radius: 3px;
    display: inline-block;
}

/* 문의하기 등 tbl-btn-wrap 버튼 크기 보정 */
.board-page-wrap .tbl-btn-wrap button.t01 {
    min-width: 100px;
    height: 38px;
    font-size: 14px;
    padding: 0 20px;
    margin-bottom: 5px;
}

/* 로고 크기 확대 - PC */
header .rela .header-item {
    height: 140px !important;
    align-items: center !important;
}
header .rela h1 {
    width: 400px !important;
    overflow: visible !important;
}
header .rela h1 img {
    max-width: 350px !important;
    width: 100% !important;
}

/* 모바일 폰트 보정 */
@media screen and (max-width: 767px) {
    .board-page-wrap .form-row-wrap .lt-item,
    .board-page-wrap .form-row-wrap .rt-item .form-item-wrap .inp,
    .board-page-wrap .tbl-item-wrap table th,
    .board-page-wrap .tbl-item-wrap table td,
    .board-page-wrap .tbl-item-wrap table td a,
    .board-page-wrap .help-list li {
        font-family: 'NanumBarunGothic' !important;
    }
    /* 모바일 사이드메뉴 - side_menu.jsp 내부 style 태그에서 관리 */

    /* 로고 크기 확대 - 모바일 */
    header .rela h1 {
        width: 220px !important;
    }
    header .rela h1 a img {
        width: 220px !important;
    }
    .mob-logo img {
        width: 200px !important;
    }
}