@charset "utf-8";
/**
 * 파일명: style.css (basic 게시판 스킨)
 * 목적: 공지사항 등 기본 게시판 스타일 (데스크톱 + 모바일 반응형)
 *
 * [수정 이력]
 * - 2026-02-08: 전면 리디자인
 *   - 모바일 서브헤더 대응 (.board_title 모바일 숨김)
 *   - 목록: 모바일에서 테이블→카드 리스트, 타이틀+날짜 같은 줄
 *   - 상세: 타이틀+날짜 통합 헤더 (.bo_v_header)
 *   - 전체적 반응형 간격·폰트 조정
 */

/* ===================================================
   1. 공통 레이아웃
   =================================================== */
.margin-default {
    max-width: 800px;
    margin: 50px auto;
    padding: 0 20px;
}

.board_title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 24px;
    letter-spacing: -1px;
    text-align: center;
    color: #18181B;
}

/* ===================================================
   2. 검색바 (목록 상단 우측)
   =================================================== */
#bo_sch {
    margin: 0 0 20px auto;
    width: 280px;
    border: 1px solid #d5d5d5;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}
#bo_sch:after { display: block; visibility: hidden; clear: both; content: ""; }
#bo_sch legend { position: absolute; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }
#bo_sch select { display: none; }
#bo_sch .sch_input {
    height: 40px;
    width: calc(100% - 44px);
    border: 0;
    padding: 0 14px;
    background: transparent;
    float: left;
    font-size: 13px;
    color: #18181B;
}
#bo_sch .sch_input::placeholder { color: #999; }
#bo_sch .sch_btn {
    height: 40px;
    float: right;
    background: none;
    border: 0;
    width: 44px;
    font-size: 16px;
    cursor: pointer;
    color: #666;
    transition: color 0.2s;
}
#bo_sch .sch_btn:hover { color: #18181B; }

/* ===================================================
   3. 목록 테이블
   =================================================== */
#bo_list { position: relative; }
#bo_list:after { display: block; visibility: hidden; clear: both; content: ""; }

/* 테이블 기본 */
#bo_list .tbl_head01 { border: 0; }
#bo_list .tbl_head01 caption { position: absolute; font-size: 0; overflow: hidden; }
#bo_list .tbl_head01 thead th {
    border-top: 2px solid #18181B;
    border-bottom: 1px solid #e5e7eb;
    background: #fff;
    font-weight: 600;
    font-size: 13px;
    color: #666;
    height: 48px;
    padding: 0 12px;
}
#bo_list .tbl_head01 thead a { font-weight: 600; color: #666; text-decoration: none; }
#bo_list .tbl_head01 td {
    height: 52px;
    padding: 0 12px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    letter-spacing: -0.5px;
    color: #333;
}
#bo_list .tbl_head01 tbody tr:hover td { background: #fafafa; }
#bo_list td a { color: #18181B; font-size: 14px; font-weight: 400; text-decoration: none; }
#bo_list td a:hover { text-decoration: none; color: #000; }

/* 컬럼 너비 */
.td_chk { width: 36px; text-align: center; }
.td_num2 { width: 70px; text-align: center; }
.td_datetime { width: 90px; text-align: center; font-size: 13px !important; color: #888 !important; }
.td_subject { text-align: left; }

/* 공지 뱃지 */
.notice_badge {
    display: inline-block;
    padding: 3px 10px;
    background: #18181B;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    letter-spacing: 0.5px;
    vertical-align: middle;
    line-height: 1.4;
}

/* 공지 행 스타일 */
.bo_notice td { background: #f9fafb !important; }
.bo_notice td a { font-weight: 600 !important; color: #18181B !important; }

/* 제목 영역 */
.bo_tit { display: block; color: #18181B; }
.bo_tit a { transition: color 0.15s; }
.bo_current { color: #e8180c; font-size: 12px; }
.bo_cate_link { display: inline-block; color: #666; font-size: 12px; font-weight: 600; margin-right: 8px; }

/* 아이콘 */
#bo_list .cnt_cmt { color: #999; font-size: 11px; padding: 0 4px; vertical-align: middle; }
#bo_list .bo_tit .new_icon { display: inline-block; width: 16px; line-height: 16px; font-size: 10px; color: #FF4C6D; text-align: center; vertical-align: middle; margin-left: 4px; }
#bo_list .bo_tit .fa-lock { display: inline-block; line-height: 14px; width: 16px; font-size: 10px; color: #999; vertical-align: middle; margin-right: 2px; }
#bo_list .bo_tit .fa-download,
#bo_list .bo_tit .fa-link { width: 16px; height: 16px; line-height: 16px; color: #999; text-align: center; font-size: 10px; vertical-align: middle; margin-left: 2px; }
.td_subject img { margin-left: 4px; }

/* 빈 테이블 */
#bo_list td.empty_table { text-align: center; color: #999; padding: 60px 0; font-size: 14px; }

/* 카테고리 */
#bo_cate { margin: 10px 0; border-bottom: 1px solid #e0e0e0; }
#bo_cate h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#bo_cate ul { zoom: 1; display: block; }
#bo_cate ul:after { display: block; visibility: hidden; clear: both; content: ""; }
#bo_cate li { display: inline-block; }
#bo_cate a { display: block; line-height: 26px; padding: 10px 25px; background: #f3f3f3; border: 1px solid #e0e0e0; border-bottom: 0; border-right: 0; color: #818181; font-weight: 700; margin-top: 5px; }
#bo_cate li:last-child a { border-right: 1px solid #e0e0e0; }
#bo_cate #bo_cate_on { z-index: 2; background: #000; color: #fff; font-weight: bold; border: 1px solid #000; border-bottom: 0; }

/* ===================================================
   4. 목록 버튼 (글쓰기 등)
   =================================================== */
#fboardlist { margin-bottom: 20px; }

.bo_fx { margin: 16px 0 5px; text-align: right; zoom: 1; }
.bo_fx:after { display: block; visibility: hidden; clear: both; content: ""; }
.bo_fx ul { margin: 0; padding: 0; list-style: none; }

.btn_bo_user { float: right; margin: 0; padding: 0; list-style: none; }
.btn_bo_user li { float: left; margin-left: 5px; }

/* 관리자 버튼 */
a.btn_admin, .btn_admin {
    border-radius: 6px;
    background: #fff !important;
    color: #777 !important;
    border: 1px solid #e3e3e3 !important;
    padding: 0 10px;
    font-size: 13px;
}
a.btn_admin:hover, .btn_admin:hover { background: #f5f5f5 !important; }

/* 목록 버튼 (목록 페이지) */
#bo_list a.btn_b01 { border-radius: 6px; padding: 0 24px; }
#bo_list a.btn_b02 {
    border-radius: 6px;
    background: #18181B;
    color: #fff;
    padding: 0 24px;
    font-weight: 600;
}
#bo_list a.btn_b02:hover { background: #333; }

/* 페이지네이션 */
#bo_list .write_pages { text-align: center; margin: 24px 0; }

/* ===================================================
   5. 상세 페이지 (읽기)
   =================================================== */
#bo_v {
    margin-top: 0;
    margin-bottom: 20px;
    background: #fff;
    box-sizing: border-box;
    border-top: 2px solid #18181B;
}

/* 통합 헤더 (타이틀 + 날짜 같은 줄) */
.bo_v_header {
    padding: 20px 0 15px;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
}

#bo_v_title {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    flex: 1;
    min-width: 0;
}
#bo_v_title .bo_v_cate { display: inline-block; line-height: 35px; color: #777; font-weight: bold; border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px; }
#bo_v_title .bo_v_tit { font-size: 18px; font-weight: 600; letter-spacing: -0.5px; word-break: break-all; color: #18181B; }

/* 날짜 - 우측 고정 */
.bo_v_date {
    color: #888;
    font-size: 13px;
    font-style: normal;
    white-space: nowrap;
    flex-shrink: 0;
}

/* 기존 #bo_v_info 호환 (제거됨, 안전장치) */
#bo_v_info { display: none; }

/* 첨부파일 */
#bo_v_file { margin: 0; border-bottom: 1px solid #e5e7eb; }
#bo_v_file h2 { padding: 10px; border-bottom: 1px solid #e5e7eb; display: none; }
#bo_v_file ul { margin: 0; padding: 8px 0; list-style: none; }
#bo_v_file li { padding: 6px 0; position: relative; font-size: 13px; }
#bo_v_file a { color: #3497d9; text-decoration: underline; word-wrap: break-word; }
.bo_v_file_cnt { position: absolute; top: 6px; right: 0; color: #888; font-size: 12px; }

/* 관련링크 */
#bo_v_link { margin: 0; border-bottom: 1px solid #e5e7eb; }
#bo_v_link h2 { display: none; }
#bo_v_link ul { margin: 0; padding: 8px 0; list-style: none; }
#bo_v_link li { padding: 6px 0; position: relative; font-size: 13px; }
#bo_v_link a { color: #3497d9; text-decoration: underline; word-wrap: break-word; }
.bo_v_link_cnt { position: absolute; top: 6px; right: 0; color: #888; font-size: 12px; }

/* 본문 */
#bo_v_atc { min-height: 200px; }
#bo_v_atc_title { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

/* 이미지 중앙정렬 (2026-02-08) */
#bo_v_img { width: 100%; overflow: hidden; zoom: 1; text-align: center; }
#bo_v_img:after { display: block; visibility: hidden; clear: both; content: ""; }
#bo_v_img a.view_image { display: block; text-align: center; }
#bo_v_img img { margin: 0 auto 20px; max-width: 100%; height: auto; display: block; }

#bo_v_con {
    margin: 30px 0;
    width: 100%;
    line-height: 1.8;
    min-height: 200px;
    word-break: break-all;
    overflow: hidden;
    font-size: 15px;
    color: #333;
}
#bo_v_con a { color: #18181B; text-decoration: underline; }

/* 본문 내 이미지 중앙정렬 (2026-02-08) */
#bo_v_con img { max-width: 100%; height: auto; display: block; margin: 0 auto; }

/* 이전/다음글 */
.bo_v_nb {
    margin: 24px 0;
    position: relative;
    clear: both;
    text-align: left;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    list-style: none;
    padding: 0;
}
.bo_v_nb li {
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background 0.15s;
}
.bo_v_nb li:last-child { border-bottom: 0; }
.bo_v_nb li:hover { background: #f9fafb; }
.bo_v_nb li a { color: #18181B; text-decoration: none; font-size: 14px; flex: 1; }
.bo_v_nb li a:hover { text-decoration: underline; }
.bo_v_nb li .nb_tit {
    display: inline-block;
    min-width: 36px;
    font-size: 13px;
    font-weight: 600;
    color: #666;
}

/* 버튼 영역 (목록/글쓰기) */
#bo_v_top { zoom: 1; }
#bo_v_top:after { display: block; visibility: hidden; clear: both; content: ""; }
#bo_v_top ul { padding: 0; list-style: none; }

.bo_v_center {
    text-align: center;
    margin: 28px 0 20px;
}
.bo_v_center .btn { margin: 0 4px; }

/* 관리자 버튼 (상세) */
.bo_v_left2 { margin: 16px 0; float: left; }
.bo_v_left2 li { float: left; margin-right: 5px; }
#bo_v a.btn_b01 {
    border-radius: 6px;
    background: #fff;
    padding: 0 28px;
    color: #555;
    border: 1px solid #d5d5d5;
    font-weight: 500;
}
#bo_v a.btn_b01:hover { background: #f5f5f5; }
#bo_v a.btn_b02 {
    border-radius: 6px;
    background: #18181B;
    padding: 0 28px;
    color: #fff;
    font-weight: 600;
}
#bo_v a.btn_b02:hover { background: #333; }
#bo_v a.btn_admin {
    border-radius: 6px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    border: 1px solid #e3e3e3;
    font-weight: 400;
    color: #555;
    font-size: 13px;
}

/* 추천/비추천 - 숨김 (공지사항에선 불필요) */
#bo_v_act { display: none; }

/* SNS 공유 - 숨김 */
#bo_v_share { display: none; }

/* ===================================================
   6. 글쓰기 페이지
   =================================================== */
#bo_w { margin-top: 30px; border-top: 2px solid #18181B; }
#bo_w .btn_submit {
    border-radius: 6px;
    background: #18181B;
    padding: 0 28px;
    font-weight: 600;
}
#bo_w button.btn_submit {}
#bo_w .btn_cancel {
    border-radius: 6px;
    background: #fff;
    color: #555;
    border: 1px solid #d5d5d5;
    padding: 0 20px;
}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {}

#bo_w .write_div { margin: 10px 0; position: relative; }
#bo_w .bo_w_info:after { display: block; visibility: hidden; clear: both; content: ""; }
#bo_w .bo_w_info .frm_input { float: left; width: 33%; }
#bo_w #wr_password { margin: 0 0.5%; }
#bo_w .wr_content.smarteditor2 iframe { background: #fff; }
#bo_w .bo_w_tit { position: relative; }
#bo_w .bo_w_tit .frm_input { padding-right: 120px; }
#bo_w .bo_w_tit #btn_autosave { position: absolute; top: 5px; right: 5px; line-height: 30px; height: 30px; }
#bo_w .bo_w_link label { position: absolute; top: 1px; left: 1px; border-radius: 3px 0 0 3px; height: 38px; line-height: 38px; width: 40px; background: #eee; text-align: center; color: #888; }
#bo_w .bo_w_link .frm_input { padding-left: 50px; }
#bo_w .bo_w_flie .lb_icon { position: absolute; top: 0; left: 0; border-radius: 3px 0 0 3px; height: 38px; line-height: 38px; width: 40px; background: #eee; text-align: center; color: #888; }
#bo_w .bo_w_flie .frm_file { padding-left: 50px; }
#bo_w .bo_w_flie .file_wr { border: 1px solid #ccc; background: #fff; color: #000; border-radius: 3px; padding: 5px; height: 40px; margin: 0; }
#bo_w .bo_w_flie .frm_input { margin: 10px 0 0; }
#bo_w .bo_w_flie .file_del { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #7d7d7d; }
#bo_w .bo_w_select select { border: 1px solid #ccc; height: 40px; border-radius: 6px; }

/* 임시저장 팝업 */
#autosave_wrapper { position: relative; }
#autosave_pop { display: none; z-index: 10; position: absolute !important; top: 34px; right: 0; width: 350px; max-height: 180px; border: 1px solid #565656; background: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); }
#autosave_pop strong { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#autosave_pop div { text-align: center; margin: 0 !important; }
#autosave_pop button { margin: 0; padding: 0; border: 0; }
#autosave_pop ul { padding: 15px; border-top: 1px solid #e9e9e9; list-style: none; overflow-y: scroll; height: 130px; }
#autosave_pop li { padding: 8px 5px; border-bottom: 1px solid #fff; background: #eee; zoom: 1; }
#autosave_pop a { display: block; float: left; }
#autosave_pop span { display: block; float: right; font-size: 12px; font-style: italic; color: #999; }
.autosave_close { cursor: pointer; width: 100%; height: 30px; background: none; color: #888; font-weight: bold; font-size: 12px; }
.autosave_close:hover { background: #f3f3f3; }
.autosave_content { display: none; }

/* 글자수 */
#char_count_desc { display: block; margin: 0 0 5px; padding: 0; }
#char_count_wrap { margin: 5px 0 0; text-align: right; }
#char_count { font-weight: bold; }

/* ===================================================
   7. 댓글 (공지사항에서는 보통 비활성화)
   =================================================== */
.cmt_btn { background: #fff; text-align: left; width: 100%; border: 0; color: #18181B; font-weight: bold; font-size: 1.5em; margin: 30px 0 0; padding: 0 0 10px; border-bottom: 1px solid #e5e7eb; }
#bo_vc h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#bo_vc article { margin: 20px 0; position: relative; }
#bo_vc header:after { display: block; visibility: hidden; clear: both; content: ""; }
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-weight: bold; }
.bo_vc_hdinfo { float: right; color: #777; padding-left: 10px; }
#bo_vc .cmt_contents { padding: 15px; margin: 10px 0 0; background: #fff; border-bottom: 1px solid #e5e7eb; line-height: 1.8; }
#bo_vc_empty { margin: 0; padding: 60px 0 !important; color: #777; text-align: center; }

.bo_vc_w textarea { border: 0; background: #f9fafb; color: #000; border-radius: 6px; padding: 15px; width: 100%; height: 150px; }
.bo_vc_w .btn_submit { height: 45px; padding: 0 20px; border-radius: 6px; font-weight: bold; font-size: 15px; background: #18181B; }


/* ===================================================
   8. 모바일 반응형 (≤1023px)
   =================================================== */
@media (max-width: 1023px) {

    /* --- 공통 --- */
    .mb_hide { display: none; }

    /* 타이틀 모바일 조정 */
    .board_title {
        font-size: 20px;
        margin-bottom: 16px;
        text-align: center;
    }

    /*
     * 컨테이너 상단 패딩 - 고정 서브헤더(44px) 아래로 콘텐츠 밀어내기
     * body #container 로 specificity를 높여 sub-header/shop.head.php CSS 모두 오버라이드
     */
    body #container {
        padding-top: 52px !important; /* 44px sub-header + 8px gap */
    }

    .margin-default {
        margin: 0 auto;
        padding: 0 16px 24px;
    }

    /* --- 검색바 --- */
    #bo_sch {
        width: 100%;
        margin: 0 0 12px;
        border-radius: 6px;
    }
    #bo_sch .sch_input {
        height: 38px;
        font-size: 14px;
        padding: 0 12px;
    }
    #bo_sch .sch_btn { height: 38px; }

    /* --- 목록 테이블 → 카드 리스트 --- */
    #bo_list .tbl_head01 thead { display: none; }

    #bo_list .tbl_head01 table,
    #bo_list .tbl_head01 tbody {
        display: block;
        width: 100%;
    }

    #bo_list .tbl_head01 tr {
        display: flex;
        align-items: center;
        padding: 14px 0;
        height: auto !important;
        border-bottom: 1px solid #f0f0f0;
    }
    #bo_list .tbl_head01 tr:first-child {
        border-top: 1px solid #e5e7eb;
    }

    /* 번호 칼럼 숨김 (공지 뱃지는 제목 앞에 CSS로 표시) */
    .td_num2 { display: none !important; }

    /* 체크박스 (관리자만 보이지만 모바일에서도 축소) */
    .td_chk {
        width: 28px !important;
        padding: 0 !important;
        height: auto !important;
        border: none !important;
        flex-shrink: 0;
    }

    /* 제목 - 남은 공간 차지 */
    .td_subject {
        flex: 1;
        min-width: 0;
        padding: 0 !important;
        height: auto !important;
        border: none !important;
    }

    .td_subject .bo_tit {
        display: flex;
        align-items: center;
        gap: 0;
    }

    .td_subject .bo_tit a {
        flex: 1;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4;
    }

    /* 공지 행 - 제목 앞에 뱃지 표시 */
    .bo_notice .td_subject .bo_tit a::before {
        content: '공지';
        display: inline-flex;
        align-items: center;
        padding: 2px 6px;
        background: #18181B;
        color: #fff;
        font-size: 10px;
        font-weight: 600;
        border-radius: 3px;
        margin-right: 6px;
        letter-spacing: 0.3px;
        flex-shrink: 0;
        line-height: 1.4;
    }

    .bo_notice td { background: transparent !important; }

    /* 날짜 - 우측 고정 */
    .td_datetime {
        flex-shrink: 0;
        width: auto !important;
        padding: 0 0 0 12px !important;
        height: auto !important;
        border: none !important;
        font-size: 12px !important;
        color: #aaa !important;
        white-space: nowrap;
    }

    /* 빈 테이블 */
    #bo_list td.empty_table {
        display: block !important;
        text-align: center;
        padding: 40px 0 !important;
        border: none !important;
    }

    /* 목록 버튼 (관리자) */
    .bo_fx { margin: 12px 0; }
    .btn_bo_user li { margin-left: 4px; }

    /* 페이지네이션 */
    #bo_list .write_pages { margin: 16px 0; }

    /* 카테고리 모바일 */
    #bo_cate { width: 100%; height: 48px; position: relative; margin: 0 auto; }
    #bo_cate h2 { display: block; line-height: 26px; font-size: 16px; position: relative; width: 100%; border: 1px solid #ccc; padding: 10px 15px; color: #818181; cursor: pointer; background: #fff; }
    #bo_cate h2 span { float: right; }
    #bo_cate ul { display: none; border-top: 0; background: #fff; }
    #bo_cate ul li { width: 100%; }
    #bo_cate a { margin: 0; background: transparent; padding: 10px 15px; border-top: 0; border-right: 1px solid #ccc; border-left: 1px solid #ccc; font-size: 16px; color: #a7a7a7; }
    #bo_cate li:last-child a { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
    #bo_cate #bo_cate_on { background: transparent; border-top: 0; border-right: 1px solid #ccc; border-left: 1px solid #ccc; color: #000; }

    /* --- 상세 페이지 --- */
    #bo_v { border-top: none; }

    /* 통합 헤더: 타이틀 + 날짜 같은 줄 */
    .bo_v_header {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 0 12px;
        border-bottom: 1px solid #f0f0f0;
    }

    #bo_v_title {
        flex: 1;
        min-width: 0;
        gap: 6px;
    }

    #bo_v_title .bo_v_tit {
        font-size: 15px;
        line-height: 1.4;
    }

    #bo_v_title .notice_badge {
        padding: 2px 6px;
        font-size: 10px;
    }

    .bo_v_date {
        flex-shrink: 0;
        margin-top: 0;
        font-size: 12px;
        color: #aaa;
        white-space: nowrap;
    }

    /* 본문 */
    #bo_v_con {
        font-size: 14px;
        margin: 20px 0;
        line-height: 1.7;
    }

    /* 이전/다음글 */
    .bo_v_nb { margin: 16px 0; border-radius: 6px; }
    .bo_v_nb li {
        padding: 12px 14px;
        gap: 8px;
    }
    .bo_v_nb li .nb_tit {
        min-width: 28px;
        font-size: 12px;
    }
    .bo_v_nb li a {
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 버튼 영역 */
    .bo_v_left2 { float: none; text-align: center; margin: 12px 0; }
    .bo_v_left2 li { float: none; display: inline-block; margin: 0 3px; }
    .bo_v_center { margin: 20px 0 16px; }

    #bo_v a.btn_b01,
    #bo_v a.btn_b02 { padding: 0 20px; font-size: 13px; }

    /* --- 글쓰기 페이지 --- */
    #bo_w { margin-top: 16px; border-top: none; }
    #bo_w .bo_w_info .frm_input { float: none; width: 100%; }
    #bo_w .bo_w_tit .frm_input { padding-right: 0; }
    #bo_w .bo_w_tit #btn_autosave { position: static; margin-top: 5px; }

    /* 댓글 */
    .bo_vc_w textarea { height: 100px; }
}

/* ===================================================
   9. 소형 모바일 (≤480px)
   =================================================== */
@media (max-width: 480px) {
    .margin-default { padding: 6px 14px 20px; }

    .td_subject .bo_tit a { font-size: 13px; }
    .td_datetime { font-size: 11px !important; padding: 0 0 0 8px !important; }

    #bo_v_title .bo_v_tit { font-size: 14px; }
    .bo_v_date { font-size: 11px; }

    .bo_v_nb li a { font-size: 12px; }

    #bo_v a.btn_b01,
    #bo_v a.btn_b02 { padding: 0 16px; font-size: 12px; }
}