/*
 * gram_basic - portable GNUBOARD5 board skin
 * Scope policy: visual rules live below .gram-board to reduce theme collisions.
 * No external image/font dependency is required.
 */

.gram-board {
    --gram-text:#333;
    --gram-sub:#777;
    --gram-line:#dedede;
    --gram-soft:#f7f7f7;
    --gram-soft2:#fafafa;
    --gram-dark:#555;
    --gram-accent:#a34e45;
    --gram-accent-soft:#f6ecea;
    --gram-white:#fff;
    position:relative;
    width:100% !important;
    max-width:100%;
    margin:0 0 50px;
    color:var(--gram-text);
    font-family:"Pretendard Variable","Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:1.55;
    letter-spacing:-0.02em;
    box-sizing:border-box;
}
.gram-board *, .gram-board *:before, .gram-board *:after {box-sizing:border-box}
.gram-board a {color:inherit;text-decoration:none}
.gram-board a:hover {color:inherit;text-decoration:none}
.gram-board ul, .gram-board ol {margin:0;padding:0;list-style:none}
.gram-board img {max-width:100%;height:auto}
.gram-board button, .gram-board input, .gram-board select, .gram-board textarea {font:inherit;letter-spacing:inherit}

/* =========================================================
   LIST
   ========================================================= */
.gram-board-list {padding:0}
.gram-board-list .gram-board-head {
    display:flex;align-items:center;justify-content:space-between;gap:28px;
    min-height:46px;margin:0 0 20px;
}
.gram-board-list .gram-board-total {flex:0 0 auto;color:#555;font-size:15px;white-space:nowrap}
.gram-board-list .gram-board-search {display:flex;justify-content:flex-end;align-items:stretch;width:min(402px,100%);margin:0}
.gram-board-list .gram-search-input {
    display:block;width:100%;height:44px;margin:0 !important;padding:0 16px !important;
    border:1px solid #ddd !important;border-right:0 !important;border-radius:0 !important;
    background:#fff !important;color:#333 !important;outline:none !important;box-shadow:none !important;
    appearance:none;-webkit-appearance:none;
}
.gram-board-list .gram-search-input:focus {border-color:#999 !important}
.gram-board-list .gram-search-input::placeholder {color:#999;opacity:1}
.gram-board-list .gram-search-btn {
    flex:0 0 100px;height:44px;margin:0 !important;padding:0 14px !important;
    border:1px solid var(--gram-dark) !important;border-radius:0 !important;
    background:var(--gram-dark) !important;color:#fff !important;font-weight:500 !important;
    cursor:pointer;box-shadow:none !important;
}
.gram-board-list .gram-search-btn:hover {background:#444 !important;border-color:#444 !important}

.gram-board-list .gram-board-category {margin:0 0 28px;border-bottom:1px solid var(--gram-line)}
.gram-board-list .gram-board-category ul {display:flex;flex-wrap:wrap;gap:0}
.gram-board-list .gram-board-category li {margin:0 24px 0 0}
.gram-board-list .gram-board-category a {display:block;position:relative;padding:0 0 12px;color:#777}
.gram-board-list .gram-board-category #bo_cate_on {color:var(--gram-accent);font-weight:600}
.gram-board-list .gram-board-category #bo_cate_on:after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gram-accent)}

.gram-board-list .gram-board-table-wrap {width:100%;overflow:hidden;border-top:2px solid #8a8a8a}
.gram-board-list .gram-board-table {
    width:100% !important;margin:0 !important;border:0 !important;border-collapse:collapse !important;border-spacing:0 !important;
    table-layout:fixed;background:#fff !important;color:#333 !important;
}
.gram-board-list .gram-board-table caption {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gram-board-list .gram-board-table th,
.gram-board-list .gram-board-table td {height:53px;padding:10px 12px !important;border:0 !important;border-bottom:1px solid var(--gram-line) !important;background:#fff !important;vertical-align:middle !important;color:#333 !important;font-size:15px !important;font-weight:400 !important}
.gram-board-list .gram-board-table thead th {height:53px;background:#fafafa !important;color:#202020 !important;font-weight:600 !important;text-align:center !important}
.gram-board-list .gram-col-check {width:45px}
.gram-board-list .gram-col-num {width:85px}
.gram-board-list .gram-col-name {width:120px}
.gram-board-list .gram-col-date {width:140px}
.gram-board-list .gram-col-hit {width:85px}
.gram-board-list .gram-check-cell,
.gram-board-list .gram-num,
.gram-board-list .gram-name,
.gram-board-list .gram-date,
.gram-board-list .gram-hit {text-align:center !important;white-space:nowrap}
.gram-board-list .gram-subject {overflow:hidden;text-align:left !important}
.gram-board-list .gram-subject-link {display:inline-flex;align-items:center;min-width:0;max-width:calc(100% - 10px);vertical-align:middle}
.gram-board-list .gram-subject-text {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gram-board-list tbody tr:hover td {background:#fcfcfc !important}
.gram-board-list tbody tr.bo_notice td {background:#fffdfc !important}
.gram-board-list tbody tr.is-current td {background:var(--gram-accent-soft) !important}
.gram-board-list .gram-notice,
.gram-board-list .gram-current {display:inline-block;min-width:42px;padding:3px 7px;border:1px solid #d8c1bd;color:var(--gram-accent);font-size:12px;font-weight:600;line-height:1.2;text-align:center}
.gram-board-list .gram-category-badge {display:inline-block;margin-right:7px;color:var(--gram-accent);font-size:12px;font-weight:500;vertical-align:middle}
.gram-board-list .gram-new {display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:5px;border-radius:50%;background:var(--gram-accent);color:#fff;font-size:10px;font-weight:700;vertical-align:middle}
.gram-board-list .gram-comment {margin-left:5px;color:var(--gram-accent);font-size:12px;font-weight:600;vertical-align:middle}
.gram-board-list .gram-meta-icon {display:inline-block;margin-left:4px;vertical-align:middle}
.gram-board-list .gram-empty {height:150px !important;text-align:center !important;color:#888 !important}

.gram-board-list .gram-board-mobile {display:none}
.gram-board-list .gram-board-actions {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
.gram-board-list .gram-admin-actions,
.gram-board-list .gram-user-actions {display:flex;flex-wrap:wrap;gap:6px}
.gram-board-list .gram-btn {
    display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:40px;margin:0 !important;padding:0 16px !important;
    border-radius:0 !important;font-size:14px !important;font-weight:500 !important;line-height:38px !important;text-align:center;cursor:pointer;box-shadow:none !important;
}
.gram-board-list .gram-btn-light {border:1px solid #ccc !important;background:#fff !important;color:#555 !important}
.gram-board-list .gram-btn-dark {border:1px solid var(--gram-dark) !important;background:var(--gram-dark) !important;color:#fff !important}

/* pagination - supports GNUBOARD default pg_wrap/pg_page output */
.gram-board-list .gram-pagination {clear:both;margin:38px 0 0;text-align:center}
.gram-board-list .gram-pagination .pg_wrap {display:inline-block;margin:0 !important;padding:0 !important}
.gram-board-list .gram-pagination .pg {display:flex;align-items:center;justify-content:center;gap:2px;margin:0 !important;padding:0 !important}
.gram-board-list .gram-pagination .pg_page,
.gram-board-list .gram-pagination .pg_current {
    display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;margin:0 1px !important;padding:0 !important;
    border:0 !important;border-radius:50% !important;background:#fff !important;color:#333 !important;font-size:14px !important;font-weight:400 !important;line-height:40px !important;box-shadow:none !important;
}
.gram-board-list .gram-pagination .pg_current {background:var(--gram-accent) !important;color:#fff !important;font-weight:600 !important}
.gram-board-list .gram-pagination .pg_start,
.gram-board-list .gram-pagination .pg_end,
.gram-board-list .gram-pagination .pg_prev,
.gram-board-list .gram-pagination .pg_next {font-size:0 !important}
.gram-board-list .gram-pagination .pg_start:after {content:"«";font-size:22px;color:#555}
.gram-board-list .gram-pagination .pg_prev:after {content:"‹";font-size:24px;color:#555}
.gram-board-list .gram-pagination .pg_next:after {content:"›";font-size:24px;color:#555}
.gram-board-list .gram-pagination .pg_end:after {content:"»";font-size:22px;color:#555}

/* GNUBOARD checkbox - contained within skin */
.gram-board .selec_chk {width:16px;height:16px;margin:0;vertical-align:middle}
.gram-board .selec_chk + label span {display:none !important}

/* =========================================================
   VIEW
   ========================================================= */
.gram-board-view {margin-bottom:60px}
.gram-board-view > header {border-top:2px solid #777;border-bottom:1px solid var(--gram-line);background:#fff}
.gram-board-view #bo_v_title {margin:0 !important;padding:25px 22px !important;color:#222 !important;font-size:24px !important;font-weight:600 !important;line-height:1.45 !important;word-break:keep-all}
.gram-board-view .bo_v_cate {display:inline-block;margin:0 8px 5px 0;color:var(--gram-accent);font-size:13px;font-weight:600}
.gram-board-view .bo_v_tit {display:inline}
.gram-board-view #bo_v_info {position:relative;margin:0 !important;padding:16px 20px !important;border-bottom:1px solid var(--gram-line);background:#fafafa;color:#777}
.gram-board-view #bo_v_info > h2 {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.gram-board-view .profile_info {display:flex;align-items:center;min-height:36px}
.gram-board-view .pf_img {display:none}
.gram-board-view .profile_info_ct {font-size:13px;line-height:1.8}
.gram-board-view .profile_info_ct > strong {display:inline-block;margin-right:14px;color:#777;font-weight:400}
.gram-board-view .profile_info_ct > strong:first-of-type {color:#444;font-weight:600}
.gram-board-view .profile_info_ct br {display:none}
.gram-board-view #bo_v_top {position:absolute;right:16px;top:13px}
.gram-board-view .bo_v_com {display:flex;gap:5px;margin:0 !important;padding:0 !important;float:none !important}
.gram-board-view .bo_v_com > li {position:relative;float:none !important;margin:0 !important}
.gram-board-view .bo_v_com .btn,
.gram-board-view #bo_v_share .btn {
    display:inline-flex !important;align-items:center;justify-content:center;min-width:40px;height:36px;margin:0 !important;padding:0 11px !important;
    border:1px solid #d2d2d2 !important;border-radius:0 !important;background:#fff !important;color:#555 !important;font-size:13px !important;line-height:34px !important;box-shadow:none !important;
}
.gram-board-view .bo_v_com .btn:hover,
.gram-board-view #bo_v_share .btn:hover {border-color:#999 !important;background:#fff !important;color:#222 !important}
.gram-board-view .more_opt {display:none;position:absolute;right:0;top:40px;z-index:50;min-width:100px;border:1px solid #ccc;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.gram-board-view .more_opt li {border-bottom:1px solid #eee}
.gram-board-view .more_opt li:last-child {border-bottom:0}
.gram-board-view .more_opt a {display:flex;justify-content:space-between;gap:14px;padding:10px 12px;color:#555;font-size:13px;white-space:nowrap}
.gram-board-view #bo_v_atc {min-height:260px;margin:0;padding:35px 20px 45px;border-bottom:1px solid var(--gram-line)}
.gram-board-view #bo_v_atc_title {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.gram-board-view #bo_v_share {display:flex;justify-content:flex-end;gap:5px;margin:0 0 22px;padding:0 !important}
.gram-board-view #bo_v_sns {display:flex;gap:5px;float:none !important;margin:0 !important;padding:0 !important}
.gram-board-view #bo_v_sns li {float:none !important;margin:0 !important}
.gram-board-view #bo_v_img {width:100%;margin:0 0 25px;overflow:hidden}
.gram-board-view #bo_v_img img {display:block;max-width:100%;height:auto;margin:0 auto 18px}
.gram-board-view #bo_v_con {width:100%;min-height:180px;margin:0 !important;color:#333;font-size:15px;line-height:1.85;word-break:break-word;overflow:hidden}
.gram-board-view #bo_v_con img {max-width:100%;height:auto}
.gram-board-view #bo_v_con a {text-decoration:underline}
.gram-board-view #bo_v_act {display:flex;justify-content:center;gap:8px;margin:35px 0 0;text-align:center}
.gram-board-view .bo_v_good,
.gram-board-view .bo_v_nogood {display:inline-flex !important;align-items:center;justify-content:center;gap:5px;min-width:74px;height:42px;padding:0 14px;border:1px solid #ddd !important;border-radius:21px !important;background:#fff;color:#555;line-height:40px !important}
.gram-board-view #bo_v_file,
.gram-board-view #bo_v_link {margin:22px 0 0;border:1px solid var(--gram-line);background:#fff}
.gram-board-view #bo_v_file h2,
.gram-board-view #bo_v_link h2 {margin:0;padding:13px 16px;border-bottom:1px solid var(--gram-line);background:#fafafa;color:#333;font-size:14px;font-weight:600}
.gram-board-view #bo_v_file li,
.gram-board-view #bo_v_link li {padding:12px 16px;border-bottom:1px solid #eee;color:#555;font-size:13px}
.gram-board-view #bo_v_file li:last-child,
.gram-board-view #bo_v_link li:last-child {border-bottom:0}
.gram-board-view .bo_v_file_cnt,
.gram-board-view .bo_v_link_cnt {color:#999;font-size:12px}
.gram-board-view .bo_v_nb {margin:28px 0 0 !important;border-top:1px solid var(--gram-line)}
.gram-board-view .bo_v_nb li {display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px !important;border-bottom:1px solid var(--gram-line) !important;background:#fff !important}
.gram-board-view .bo_v_nb li:hover {background:#fafafa !important}
.gram-board-view .bo_v_nb .nb_tit {flex:0 0 72px;padding:0 !important;color:#888}
.gram-board-view .bo_v_nb a {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gram-board-view .bo_v_nb .nb_date {margin-left:auto;float:none !important;color:#999;white-space:nowrap}
.gram-board-view #bo_v_bot {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 0 !important}
.gram-board-view #bo_v_bot:after {display:none !important}
.gram-board-view #bo_v_bot ul {display:flex;gap:6px;margin:0 !important;padding:0 !important}
.gram-board-view #bo_v_bot .btn {
    display:inline-flex !important;align-items:center;justify-content:center;min-width:70px;height:40px;padding:0 15px !important;
    border:1px solid #ccc !important;border-radius:0 !important;background:#fff !important;color:#555 !important;font-size:13px !important;line-height:38px !important;box-shadow:none !important;
}

/* =========================================================
   COMMENTS
   ========================================================= */
.gram-board-view .cmt_btn {display:block;width:100%;margin:35px 0 0;padding:0 0 14px;border:0 !important;border-bottom:1px solid var(--gram-line) !important;background:#fff !important;color:#333;text-align:left;cursor:pointer}
.gram-board-view .cmt_btn .total {display:inline-block;color:#555;font-size:14px}
.gram-board-view .cmt_btn .total b {color:#222;font-size:16px}
.gram-board-view .cmt_btn .cmt_more {float:right;width:14px;height:14px;margin-top:4px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(45deg);transition:transform .2s}
.gram-board-view .cmt_btn.cmt_btn_op .cmt_more {margin-top:9px;transform:rotate(225deg)}
.gram-board-view #bo_vc {margin:0;padding:0}
.gram-board-view #bo_vc > h2 {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.gram-board-view #bo_vc article {position:relative;margin:0 !important;padding:20px 4px;border-bottom:1px solid #eee;background:#fff}
.gram-board-view #bo_vc article .pf_img {display:none !important}
.gram-board-view #bo_vc article .cm_wrap {float:none !important;width:100% !important;max-width:none !important}
.gram-board-view #bo_vc article header {margin:0 0 8px;color:#555;font-size:13px}
.gram-board-view #bo_vc article header h2 {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.gram-board-view #bo_vc .bo_vc_hdinfo {margin-left:8px;color:#999;font-size:12px}
.gram-board-view #bo_vc .cmt_contents {padding:0 !important;color:#444;line-height:1.7}
.gram-board-view #bo_vc .cmt_contents p {margin:0}
.gram-board-view .gram-secret-comment {display:inline-block;margin-right:6px;padding:2px 6px;background:#f3f3f3;color:#777;font-size:11px;vertical-align:1px}
.gram-board-view .bo_vl_opt {position:absolute;right:3px;top:15px}
.gram-board-view .btn_cm_opt {width:34px;height:32px;border:1px solid #ddd !important;background:#fff !important;color:#555 !important;cursor:pointer}
.gram-board-view .bo_vc_act {display:none;position:absolute;right:0;top:36px;z-index:20;width:72px;border:1px solid #ccc;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.gram-board-view .bo_vc_act li {border-bottom:1px solid #eee}
.gram-board-view .bo_vc_act li:last-child {border-bottom:0}
.gram-board-view .bo_vc_act a {display:block;padding:9px 10px;text-align:center;font-size:12px}
.gram-board-view #bo_vc_empty {margin:0;padding:45px 0;color:#999;text-align:center;border-bottom:1px solid #eee}
.gram-board-view .bo_vc_w {display:block;margin:20px 0 0;padding:18px;border:1px solid #ddd;background:#fafafa}
.gram-board-view .bo_vc_w > h2 {margin:0 0 12px;color:#333;font-size:15px;font-weight:600}
.gram-board-view .bo_vc_w textarea {display:block;width:100% !important;height:110px;margin:0;padding:12px !important;border:1px solid #ccc !important;border-radius:0 !important;background:#fff !important;color:#333 !important;resize:vertical;box-shadow:none !important}
.gram-board-view .bo_vc_w_wr {display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:10px}
.gram-board-view .bo_vc_w_info {display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 !important;float:none !important}
.gram-board-view .bo_vc_w_info .frm_input {height:38px;margin:0 !important;padding:0 10px !important;border:1px solid #ccc !important;border-radius:0 !important;background:#fff !important;color:#333 !important;box-shadow:none !important}
.gram-board-view .bo_vc_w .btn_confirm {display:flex;align-items:center;gap:10px;margin:0 !important;white-space:nowrap}
.gram-board-view .bo_vc_w .btn_submit {height:40px;padding:0 18px !important;border:1px solid var(--gram-dark) !important;border-radius:0 !important;background:var(--gram-dark) !important;color:#fff !important;cursor:pointer}
.gram-board-view .secret_cm {display:inline-flex !important;align-items:center;float:none !important}

/* =========================================================
   WRITE
   ========================================================= */
.gram-board-write {margin-bottom:60px}
.gram-board-write #fwrite {width:100% !important;max-width:100%;margin:0}
.gram-board-write .write_div {position:relative;margin:0 0 12px !important}
.gram-board-write .bo_v_option {display:flex;flex-wrap:wrap;gap:12px;margin:0 0 18px;padding:13px 15px;background:#fafafa;border:1px solid #e3e3e3}
.gram-board-write .bo_v_option li {float:none !important;margin:0 !important}
.gram-board-write .frm_input,
.gram-board-write select,
.gram-board-write .file_wr {
    height:46px !important;margin:0 !important;padding:0 13px !important;border:1px solid #d5d5d5 !important;border-radius:0 !important;
    background:#fff !important;color:#333 !important;outline:none !important;box-shadow:none !important;
}
.gram-board-write .frm_input:focus,
.gram-board-write select:focus {border-color:#888 !important}
.gram-board-write .full_input {width:100% !important}
.gram-board-write .half_input {width:calc(50% - 5px) !important}
.gram-board-write .bo_w_info {display:flex;flex-wrap:wrap;gap:10px}
.gram-board-write .bo_w_info .frm_input {float:none !important;margin:0 !important}
.gram-board-write #wr_password,
.gram-board-write #wr_homepage {margin:0 !important}
.gram-board-write .bo_w_tit .frm_input {padding-right:120px !important}
.gram-board-write #btn_autosave {position:absolute;right:7px;top:7px;height:32px;padding:0 10px;border:1px solid #ddd;background:#f7f7f7;color:#555;cursor:pointer}
.gram-board-write .bo_w_link label,
.gram-board-write .bo_w_flie .lb_icon {position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:45px;height:46px;border-right:1px solid #e2e2e2;color:#999}
.gram-board-write .bo_w_link .frm_input {padding-left:57px !important}
.gram-board-write .bo_w_flie .file_wr {position:relative;height:auto !important;min-height:46px;padding:7px 10px 7px 52px !important}
.gram-board-write .bo_w_flie .frm_file {display:block;width:100%;min-height:30px;margin:0 !important;padding:3px 0 !important}
.gram-board-write .bo_w_flie .file_del {position:static;display:block;margin:6px 0 0;color:#777;font-size:12px}
.gram-board-write .wr_content {margin-top:15px}
.gram-board-write .wr_content textarea {width:100%;min-height:300px;padding:14px;border:1px solid #d5d5d5;border-radius:0;background:#fff;resize:vertical}
.gram-board-write .wr_content iframe {max-width:100%;background:#fff}
.gram-board-write .btn_confirm {display:flex;justify-content:center;gap:6px;margin:28px 0 0 !important}
.gram-board-write .btn_submit,
.gram-board-write .btn_cancel,
.gram-board-write .btn_frmline {
    display:inline-flex !important;align-items:center;justify-content:center;min-width:90px;height:44px;margin:0 !important;padding:0 18px !important;
    border-radius:0 !important;font-size:14px !important;font-weight:500 !important;line-height:42px !important;box-shadow:none !important;cursor:pointer;
}
.gram-board-write .btn_submit {border:1px solid var(--gram-dark) !important;background:var(--gram-dark) !important;color:#fff !important}
.gram-board-write .btn_cancel,
.gram-board-write .btn_frmline {border:1px solid #ccc !important;background:#fff !important;color:#555 !important}
.gram-board-write #autosave_pop {z-index:1000;position:absolute;right:0;top:44px;width:min(420px,100%);border:1px solid #ccc;background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.12)}
.gram-board-write #autosave_pop ul {max-height:220px;overflow-y:auto}
.gram-board-write #autosave_pop li {padding:9px 12px;border-bottom:1px solid #eee}

/* CAPTCHA / editor safety */
.gram-board #captcha {max-width:100%}
.gram-board #captcha img {max-width:none}
.gram-board .cke_sc,
.gram-board .cke,
.gram-board .smarteditor2 {max-width:100%}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width:768px) {
    .gram-board {margin-bottom:35px;font-size:14px}

    .gram-board-list .gram-board-head {display:block;margin-bottom:15px}
    .gram-board-list .gram-board-total {margin:0 0 10px;font-size:13px}
    .gram-board-list .gram-board-search {width:100%}
    .gram-board-list .gram-search-input {height:42px}
    .gram-board-list .gram-search-btn {flex-basis:86px;height:42px;padding:0 8px !important;font-size:13px !important}
    .gram-board-list .gram-board-table-wrap {display:none}
    .gram-board-list .gram-board-mobile {display:block;border-top:2px solid #888}
    .gram-board-list .gram-board-mobile > ul > li {position:relative;padding:17px 4px;border-bottom:1px solid var(--gram-line);background:#fff}
    .gram-board-list .gram-board-mobile > ul > li.bo_notice {background:#fffdfc}
    .gram-board-list .gram-mobile-check {position:absolute;right:2px;top:17px}
    .gram-board-list .gram-mobile-title {padding-right:24px;color:#333;font-size:14px;line-height:1.5;word-break:keep-all}
    .gram-board-list .gram-mobile-title a {display:inline}
    .gram-board-list .gram-category-text {color:var(--gram-accent);font-size:12px}
    .gram-board-list .gram-mobile-info {display:flex;flex-wrap:wrap;gap:0;margin-top:8px;color:#999;font-size:12px}
    .gram-board-list .gram-mobile-info span+span:before {content:"·";margin:0 7px;color:#ccc}
    .gram-board-list .gram-board-actions {align-items:flex-start;flex-direction:column}
    .gram-board-list .gram-user-actions {margin-left:auto}
    .gram-board-list .gram-btn {min-width:64px;height:38px;padding:0 12px !important;font-size:13px !important}
    .gram-board-list .gram-pagination {margin-top:28px}
    .gram-board-list .gram-pagination .pg_page,
    .gram-board-list .gram-pagination .pg_current {width:34px;height:34px;line-height:34px !important}

    .gram-board-view #bo_v_title {padding:20px 12px !important;font-size:20px !important}
    .gram-board-view #bo_v_info {padding:13px 12px 56px !important}
    .gram-board-view .profile_info_ct > strong {margin-right:8px;font-size:12px}
    .gram-board-view #bo_v_top {left:12px;right:auto;top:auto;bottom:10px}
    .gram-board-view #bo_v_atc {padding:26px 10px 34px}
    .gram-board-view #bo_v_share {justify-content:flex-start;flex-wrap:wrap}
    .gram-board-view .bo_v_nb li {display:grid;grid-template-columns:58px minmax(0,1fr);gap:5px 8px}
    .gram-board-view .bo_v_nb .nb_tit {grid-column:1;grid-row:1;flex:auto}
    .gram-board-view .bo_v_nb a {grid-column:2;grid-row:1}
    .gram-board-view .bo_v_nb .nb_date {grid-column:2;grid-row:2;margin-left:0;font-size:11px}
    .gram-board-view #bo_v_bot {align-items:flex-start;flex-direction:column}
    .gram-board-view #bo_v_bot ul {flex-wrap:wrap}
    .gram-board-view #bo_vc article {margin-left:0 !important;padding:17px 2px}
    .gram-board-view .bo_vc_w {padding:13px}
    .gram-board-view .bo_vc_w_wr {align-items:stretch;flex-direction:column}
    .gram-board-view .bo_vc_w .btn_confirm {justify-content:space-between}

    .gram-board-write .half_input {width:100% !important}
    .gram-board-write .bo_w_info {display:block}
    .gram-board-write .bo_w_info .frm_input {display:block;width:100% !important;margin-bottom:8px !important}
    .gram-board-write .bo_w_tit .frm_input {padding-right:100px !important}
    .gram-board-write .btn_confirm {justify-content:flex-end}
}