/* =========================================================
   PETCOM MEMORY / REVIEW MODERN BOARD UI
   2026-09-01
   memory, review 게시판에서만 로드됨
   ========================================================= */

html.petcom-board-page {
    --pcb-bg:#faf8f4;
    --pcb-paper:#ffffff;
    --pcb-ink:#2f2925;
    --pcb-muted:#837970;
    --pcb-line:#ece5dc;
    --pcb-brown:#5d3b27;
    --pcb-brown-dark:#3f2a1e;
    --pcb-gold:#b98a45;
    --pcb-gold-soft:#f3e7d3;
    --pcb-soft:#f6f1ea;
    --pcb-shadow:0 18px 55px rgba(72,52,37,.09);
}

html.petcom-board-page body {
    background:var(--pcb-bg);
    color:var(--pcb-ink);
}

/* ---------- 기존 서브 비주얼도 게시판에서만 현대화 ---------- */
html.petcom-board-page .s_visual_wrap {
    position:relative;
    height:330px;
    min-height:330px;
    overflow:hidden;
    margin:0;
    background:#4b392e;
}
html.petcom-board-page .s_visual_wrap .slide,
html.petcom-board-page .s_visual_wrap .slide > ul,
html.petcom-board-page .s_visual_wrap .slide > ul > li {
    height:100% !important;
}
html.petcom-board-page .s_visual_wrap .content {
    position:absolute !important;
    z-index:4;
    left:50% !important;
    top:50% !important;
    width:min(1120px, calc(100% - 40px));
    transform:translate(-50%,-50%) !important;
    text-align:left !important;
}
html.petcom-board-page .s_visual_wrap .content h1 {
    margin:0 0 12px !important;
    color:#fff !important;
    font-size:clamp(32px,3vw,50px) !important;
    line-height:1.22 !important;
    font-weight:700 !important;
    letter-spacing:-.04em;
    text-shadow:0 3px 18px rgba(0,0,0,.28);
}
html.petcom-board-page .s_visual_wrap .content p {
    margin:0 !important;
    color:rgba(255,255,255,.88) !important;
    font-size:16px !important;
    line-height:1.7 !important;
}
html.petcom-board-page .s_visual_wrap .overlay {
    opacity:1 !important;
    background:linear-gradient(90deg,rgba(42,30,23,.78),rgba(42,30,23,.38)) !important;
}
html.petcom-board-page #breadcrumbs {
    border:0 !important;
    background:#fff !important;
    box-shadow:0 1px 0 rgba(80,60,45,.08);
}
html.petcom-board-page #breadcrumbs .sub_three_map {
    max-width:1120px;
    margin:auto;
}
html.petcom-board-page #sub_content {
    background:var(--pcb-bg) !important;
}
html.petcom-board-page #sub_content > .container {
    width:min(1180px, calc(100% - 40px)) !important;
    max-width:1180px !important;
    padding:70px 0 100px !important;
}
html.petcom-board-page .page-header {
    margin:0 0 32px !important;
    padding:0 !important;
    border:0 !important;
    text-align:center;
}
html.petcom-board-page .page-header h1 {
    margin:0 !important;
    color:var(--pcb-ink) !important;
    font-size:38px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    letter-spacing:-.045em;
}
html.petcom-board-page .petcom-board-desc {
    max-width:680px;
    margin:12px auto 0;
    color:var(--pcb-muted);
    font-size:15px;
    line-height:1.75;
    text-align:center;
}
html.petcom-board-page .petcom-board-kicker {
    display:block;
    margin-bottom:9px;
    color:var(--pcb-gold);
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.18em;
}

/* ---------- 공통 목록 ---------- */
html.petcom-board-page #bo_list {
    width:100% !important;
    max-width:1120px;
    margin:0 auto;
    color:var(--pcb-ink);
}
html.petcom-board-page #bo_btn_top {
    min-height:54px;
    margin:0 0 20px !important;
    padding:12px 14px !important;
    border:1px solid var(--pcb-line);
    border-radius:16px;
    background:rgba(255,255,255,.88);
    box-shadow:0 8px 25px rgba(72,52,37,.04);
}
html.petcom-board-page #bo_list_total {
    color:var(--pcb-muted) !important;
    font-size:13px !important;
    line-height:30px;
}
html.petcom-board-page #bo_list_total span {
    color:var(--pcb-brown) !important;
    font-weight:700;
}
html.petcom-board-page .btn_bo_user .btn,
html.petcom-board-page .btn_bo_user a,
html.petcom-board-page .btn_bo_user button {
    border-radius:10px !important;
}
html.petcom-board-page .btn_bo_sch,
html.petcom-board-page .btn_b01 {
    border:1px solid var(--pcb-line) !important;
    background:#fff !important;
    color:var(--pcb-brown) !important;
}
html.petcom-board-page .btn_bo_user a[title="글쓰기"],
html.petcom-board-page .bo_fx a[href*="write.php"] {
    border-color:var(--pcb-brown) !important;
    background:var(--pcb-brown) !important;
    color:#fff !important;
}
html.petcom-board-page #bo_cate {
    margin-bottom:20px !important;
}
html.petcom-board-page #bo_cate_ul {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
html.petcom-board-page #bo_cate_ul li {
    float:none !important;
}
html.petcom-board-page #bo_cate_ul a {
    display:block;
    padding:9px 14px !important;
    border:1px solid var(--pcb-line) !important;
    border-radius:999px !important;
    background:#fff !important;
    color:var(--pcb-muted) !important;
}
html.petcom-board-page #bo_cate_ul a#bo_cate_on {
    border-color:var(--pcb-brown) !important;
    background:var(--pcb-brown) !important;
    color:#fff !important;
}

/* ---------- REVIEW: 데스크톱은 세련된 리스트, 모바일은 카드 ---------- */
html.petcom-board-review #bo_list .tbl_head01 {
    overflow:visible !important;
    border:0 !important;
    background:transparent !important;
}
html.petcom-board-review #bo_list table {
    width:100%;
    border-collapse:separate !important;
    border-spacing:0 10px !important;
    background:transparent !important;
}
html.petcom-board-review #bo_list thead th {
    height:42px !important;
    padding:0 14px !important;
    border:0 !important;
    background:transparent !important;
    color:#9a8f86 !important;
    font-size:12px !important;
    font-weight:600 !important;
}
html.petcom-board-review #bo_list tbody td {
    padding:18px 14px !important;
    border-top:1px solid var(--pcb-line) !important;
    border-bottom:1px solid var(--pcb-line) !important;
    border-left:0 !important;
    border-right:0 !important;
    background:#fff !important;
    color:var(--pcb-muted) !important;
    vertical-align:middle !important;
}
html.petcom-board-review #bo_list tbody td:first-child {
    border-left:1px solid var(--pcb-line) !important;
    border-radius:16px 0 0 16px;
}
html.petcom-board-review #bo_list tbody td:last-child {
    border-right:1px solid var(--pcb-line) !important;
    border-radius:0 16px 16px 0;
}
html.petcom-board-review #bo_list tbody tr {
    transition:transform .2s ease, box-shadow .2s ease;
}
html.petcom-board-review #bo_list tbody tr:hover td {
    border-color:#e3d7c8 !important;
    background:#fffdf9 !important;
}
html.petcom-board-review #bo_list .td_subject .bo_tit > a {
    color:var(--pcb-ink) !important;
    font-size:16px !important;
    line-height:1.55;
    font-weight:600 !important;
    letter-spacing:-.025em;
}
html.petcom-board-review #bo_list .td_name {
    color:#756a62 !important;
    font-size:13px !important;
}
html.petcom-board-review #bo_list .td_num2 {
    color:#b3aaa2 !important;
    font-size:12px !important;
}
html.petcom-board-review #bo_list .bo_notice td {
    background:#fbf5eb !important;
    border-color:#ead8bc !important;
}
html.petcom-board-review #bo_list .notice_icon {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    height:25px;
    padding:0 9px;
    border-radius:999px;
    background:var(--pcb-gold-soft);
    color:#946828;
    font-size:11px;
}
html.petcom-board-review #bo_list .new_icon {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:19px !important;
    height:19px !important;
    margin-left:6px;
    border-radius:50% !important;
    background:var(--pcb-gold) !important;
    color:#fff !important;
    font-size:10px !important;
}
html.petcom-board-review #bo_list .cnt_cmt {
    color:var(--pcb-gold) !important;
    font-size:12px !important;
    font-weight:700;
}

/* ---------- MEMORY: 사진 중심 추모 카드 ---------- */
html.petcom-board-memory #bo_gall,
html.petcom-board-memory #bo_list {
    width:100% !important;
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
html.petcom-board-memory #gall_ul,
html.petcom-board-memory ul#gall_ul {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
    margin:0 !important;
    padding:0 !important;
}
html.petcom-board-memory #gall_ul > li,
html.petcom-board-memory .gall_li {
    float:none !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}
html.petcom-board-memory .gall_box,
html.petcom-board-memory .gall_con,
html.petcom-board-memory .thumbnail {
    overflow:hidden;
    height:100%;
    margin:0 !important;
    border:1px solid var(--pcb-line) !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 10px 30px rgba(72,52,37,.055) !important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
html.petcom-board-memory .gall_box:hover,
html.petcom-board-memory .thumbnail:hover {
    transform:translateY(-4px);
    border-color:#dfd0bd !important;
    box-shadow:var(--pcb-shadow) !important;
}
html.petcom-board-memory .gall_img,
html.petcom-board-memory .gall_href,
html.petcom-board-memory .thumbnail > a:first-child {
    display:block;
    overflow:hidden;
    width:100%;
    aspect-ratio:4/3;
    background:#eee8df;
}
html.petcom-board-memory .gall_img img,
html.petcom-board-memory .gall_href img,
html.petcom-board-memory .thumbnail img {
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    transition:transform .4s ease;
}
html.petcom-board-memory .gall_box:hover img,
html.petcom-board-memory .thumbnail:hover img {
    transform:scale(1.025);
}
html.petcom-board-memory .gall_text_href,
html.petcom-board-memory .gall_text_href a,
html.petcom-board-memory .caption h4,
html.petcom-board-memory .caption a {
    color:var(--pcb-ink) !important;
    font-size:15px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
    letter-spacing:-.025em;
}
html.petcom-board-memory .gall_text_href {
    padding:15px 15px 5px !important;
}
html.petcom-board-memory .gall_info,
html.petcom-board-memory .gall_name,
html.petcom-board-memory .caption {
    color:var(--pcb-muted) !important;
}
html.petcom-board-memory .gall_info {
    padding:0 15px 15px !important;
    font-size:11px !important;
}

/* bootstrap 계열 갤러리에도 대응 */
html.petcom-board-memory #bo_gall .row {
    margin-left:-9px !important;
    margin-right:-9px !important;
}
html.petcom-board-memory #bo_gall .row > [class*="col-"] {
    padding-left:9px !important;
    padding-right:9px !important;
    margin-bottom:18px !important;
}

/* ---------- 페이지네이션 ---------- */
html.petcom-board-page .pg_wrap {
    margin:34px 0 0 !important;
}
html.petcom-board-page .pg_page,
html.petcom-board-page .pg_current {
    min-width:38px !important;
    height:38px !important;
    margin:0 3px !important;
    padding:0 10px !important;
    border:1px solid var(--pcb-line) !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#766b63 !important;
    line-height:36px !important;
}
html.petcom-board-page .pg_current {
    border-color:var(--pcb-brown) !important;
    background:var(--pcb-brown) !important;
    color:#fff !important;
}

/* ---------- 검색 레이어 ---------- */
html.petcom-board-page #bo_sch {
    border:1px solid var(--pcb-line) !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 25px 80px rgba(47,36,28,.18) !important;
}
html.petcom-board-page #bo_sch h3 {
    color:var(--pcb-ink) !important;
}
html.petcom-board-page #bo_sch select,
html.petcom-board-page #bo_sch .sch_input {
    border:1px solid var(--pcb-line) !important;
    border-radius:10px !important;
    background:#fff !important;
}
html.petcom-board-page #bo_sch .sch_btn {
    border-radius:10px !important;
    background:var(--pcb-brown) !important;
    color:#fff !important;
}

/* =========================================================
   상세보기
   ========================================================= */
html.petcom-board-page #bo_v {
    width:100% !important;
    max-width:980px !important;
    margin:0 auto !important;
    color:var(--pcb-ink);
}
html.petcom-board-page #bo_v_title {
    margin:0 !important;
    padding:34px 38px 22px !important;
    border:1px solid var(--pcb-line) !important;
    border-bottom:0 !important;
    border-radius:24px 24px 0 0 !important;
    background:#fff !important;
}
html.petcom-board-page #bo_v_title .bo_v_tit {
    color:var(--pcb-ink) !important;
    font-size:clamp(26px,3vw,36px) !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    letter-spacing:-.04em;
}
html.petcom-board-memory #bo_v_title .bo_v_tit:before {
    content:"MEMORY";
    display:block;
    margin-bottom:10px;
    color:var(--pcb-gold);
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.18em;
}
html.petcom-board-review #bo_v_title .bo_v_tit:before {
    content:"REVIEW";
    display:block;
    margin-bottom:10px;
    color:var(--pcb-gold);
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.18em;
}
html.petcom-board-page #bo_v_info {
    margin:0 !important;
    padding:0 38px 28px !important;
    border:1px solid var(--pcb-line) !important;
    border-top:0 !important;
    background:#fff !important;
    color:var(--pcb-muted) !important;
}
html.petcom-board-page #bo_v_info .profile_img img {
    border-radius:50% !important;
}
html.petcom-board-page #bo_v_top {
    margin:14px 0 18px !important;
}
html.petcom-board-page #bo_v_top .btn,
html.petcom-board-page #bo_v_top a {
    border-radius:10px !important;
}
html.petcom-board-page #bo_v_atc {
    overflow:hidden;
    margin:0 !important;
    padding:42px 42px 52px !important;
    border:1px solid var(--pcb-line) !important;
    border-radius:22px !important;
    background:#fff !important;
    box-shadow:0 12px 42px rgba(72,52,37,.05);
}
html.petcom-board-page #bo_v_atc_title {
    display:none !important;
}
html.petcom-board-page #bo_v_share {
    display:flex;
    justify-content:flex-end;
    margin:0 0 22px !important;
    opacity:.72;
}
html.petcom-board-page #bo_v_img {
    margin:0 0 28px !important;
}
html.petcom-board-page #bo_v_img img,
html.petcom-board-page #bo_v_con img {
    display:block;
    max-width:100% !important;
    height:auto !important;
    margin:14px auto !important;
    border-radius:16px !important;
}
html.petcom-board-page #bo_v_con {
    min-height:180px;
    color:#443c37 !important;
    font-size:16px !important;
    line-height:2 !important;
    letter-spacing:-.015em;
    word-break:keep-all;
}
html.petcom-board-review #bo_v_con {
    font-size:17px !important;
    line-height:2.05 !important;
}
html.petcom-board-memory #bo_v_con {
    text-align:center;
    font-size:18px !important;
    line-height:1.9 !important;
}
html.petcom-board-page #bo_v_con > a:not([href]) {
    display:none !important;
}
html.petcom-board-page #bo_v_file,
html.petcom-board-page #bo_v_link {
    margin:18px 0 0 !important;
    border:1px solid var(--pcb-line) !important;
    border-radius:16px !important;
    background:#fff !important;
}
html.petcom-board-page .bo_v_nb {
    overflow:hidden;
    margin:18px 0 !important;
    border:1px solid var(--pcb-line) !important;
    border-radius:16px !important;
    background:#fff !important;
}
html.petcom-board-page .bo_v_nb li {
    padding:16px 20px !important;
    border-color:var(--pcb-line) !important;
}
html.petcom-board-page .bo_v_nb a {
    color:var(--pcb-ink) !important;
}
html.petcom-board-page .bo_v_nb .nb_tit {
    color:var(--pcb-gold) !important;
}

/* ---------- 댓글 ---------- */
html.petcom-board-page #bo_vc {
    margin:26px 0 0 !important;
    padding:28px !important;
    border:1px solid var(--pcb-line) !important;
    border-radius:20px !important;
    background:#fff !important;
}
html.petcom-board-page #bo_vc h2 {
    color:var(--pcb-ink) !important;
    font-size:18px !important;
}
html.petcom-board-page #bo_vc article {
    margin-top:16px !important;
    padding:20px 0 !important;
    border-color:var(--pcb-line) !important;
}
html.petcom-board-page #bo_vc_w {
    margin:18px 0 0 !important;
    padding:24px !important;
    border:1px solid var(--pcb-line) !important;
    border-radius:20px !important;
    background:#fff !important;
}
html.petcom-board-page #bo_vc_w textarea,
html.petcom-board-page #bo_vc_w input[type="text"],
html.petcom-board-page #bo_vc_w input[type="password"] {
    border:1px solid var(--pcb-line) !important;
    border-radius:10px !important;
    background:#fcfbf9 !important;
}
html.petcom-board-page #bo_vc_w .btn_submit {
    border-radius:10px !important;
    background:var(--pcb-brown) !important;
    color:#fff !important;
}

/* ---------- 하단 CTA ---------- */
html.petcom-board-page .petcom-board-cta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    max-width:980px;
    margin:34px auto 0;
    padding:25px 28px;
    border-radius:20px;
    background:linear-gradient(135deg,#5c3b28,#3d291f);
    color:#fff;
    box-shadow:0 20px 50px rgba(62,40,28,.16);
}
html.petcom-board-page .petcom-board-cta strong {
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-size:17px;
}
html.petcom-board-page .petcom-board-cta p {
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:12px;
}
html.petcom-board-page .petcom-board-cta-links {
    display:flex;
    gap:8px;
    flex-shrink:0;
}
html.petcom-board-page .petcom-board-cta a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 16px;
    border-radius:10px;
    color:#fff !important;
    font-size:13px;
    font-weight:600;
    text-decoration:none !important;
    background:rgba(255,255,255,.12);
}
html.petcom-board-page .petcom-board-cta a:last-child {
    background:#fff;
    color:var(--pcb-brown) !important;
}

/* 모바일 기본 푸터가 지나치게 구식으로 보이는 문제 완화 */
html.petcom-board-page #ft {
    border-top:1px solid var(--pcb-line) !important;
    background:#30251f !important;
    color:rgba(255,255,255,.68) !important;
}

/* =========================================================
   반응형
   ========================================================= */
@media (max-width: 991px) {
    html.petcom-board-memory #gall_ul,
    html.petcom-board-memory ul#gall_ul {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    html.petcom-board-page #sub_content > .container {
        width:min(100% - 30px, 1120px) !important;
        padding-top:52px !important;
    }
}

@media (max-width: 767px) {
    html.petcom-board-page .s_visual_wrap {
        height:220px !important;
        min-height:220px !important;
    }
    html.petcom-board-page .s_visual_wrap .content {
        width:calc(100% - 32px);
    }
    html.petcom-board-page .s_visual_wrap .content h1 {
        font-size:28px !important;
    }
    html.petcom-board-page .s_visual_wrap .content p {
        font-size:12px !important;
        line-height:1.55 !important;
    }
    html.petcom-board-page #breadcrumbs {
        display:none !important;
    }
    html.petcom-board-page #sub_content > .container {
        width:100% !important;
        padding:38px 14px 78px !important;
        box-sizing:border-box !important;
    }
    html.petcom-board-page .page-header {
        margin-bottom:24px !important;
    }
    html.petcom-board-page .page-header h1 {
        font-size:29px !important;
    }
    html.petcom-board-page .petcom-board-desc {
        margin-top:9px;
        padding:0 10px;
        font-size:12px;
    }
    html.petcom-board-page #bo_btn_top {
        padding:10px 11px !important;
        border-radius:14px;
    }
    html.petcom-board-page #bo_list_total {
        font-size:11px !important;
    }

    /* review 모바일 초밀도 리스트 */
    html.petcom-board-review #bo_list .tbl_head01 {
        margin:0 !important;
        overflow:visible !important;
        border:0 !important;
        background:transparent !important;
    }
    html.petcom-board-review #bo_list .tbl_head01 thead {
        display:none !important;
    }
    html.petcom-board-review #bo_list .tbl_head01 table,
    html.petcom-board-review #bo_list .tbl_head01 tbody {
        display:block !important;
        width:100% !important;
        border:0 !important;
        border-spacing:0 !important;
        background:transparent !important;
    }
    html.petcom-board-review #bo_list .tbl_head01 tbody tr {
        display:grid !important;
        grid-template-columns:46px minmax(0,1fr) 72px !important;
        align-items:center !important;
        min-height:54px !important;
        margin:0 !important;
        padding:0 10px !important;
        border:0 !important;
        border-bottom:1px solid #ece5dc !important;
        border-radius:0 !important;
        background:#fff !important;
        box-shadow:none !important;
    }
    html.petcom-board-review #bo_list .tbl_head01 tbody tr:first-child {
        border-top:1px solid #ece5dc !important;
    }
    html.petcom-board-review #bo_list .tbl_head01 tbody tr.bo_notice {
        background:#fbf6ed !important;
    }
    html.petcom-board-review #bo_list .tbl_head01 tbody td {
        display:block !important;
        width:auto !important;
        min-width:0 !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        line-height:1.2 !important;
    }
    html.petcom-board-review #bo_list .td_num2 {
        display:block !important;
        grid-column:1 !important;
        color:#b3aaa2 !important;
        font-size:11px !important;
        text-align:left !important;
    }
    html.petcom-board-review #bo_list .notice_icon {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        height:22px !important;
        padding:0 7px !important;
        border-radius:999px !important;
        background:#f3e7d3 !important;
        color:#946828 !important;
        font-size:10px !important;
        line-height:22px !important;
        font-weight:700 !important;
    }
    html.petcom-board-review #bo_list .td_subject {
        grid-column:2 !important;
        min-width:0 !important;
        padding:0 8px 0 0 !important;
        overflow:hidden !important;
        text-align:left !important;
    }
    html.petcom-board-review #bo_list .td_subject .bo_tit {
        display:flex !important;
        align-items:center !important;
        min-width:0 !important;
        gap:4px !important;
        overflow:hidden !important;
        white-space:nowrap !important;
    }
    html.petcom-board-review #bo_list .td_subject .bo_tit > a {
        display:block !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        padding:0 !important;
        color:#302820 !important;
        font-size:13px !important;
        line-height:18px !important;
        font-weight:600 !important;
    }
    html.petcom-board-review #bo_list .td_name {
        display:block !important;
        grid-column:3 !important;
        margin:0 !important;
        overflow:hidden !important;
        color:#948981 !important;
        font-size:10px !important;
        line-height:15px !important;
        text-align:right !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }
    html.petcom-board-review #bo_list .td_name:before {
        content:none !important;
    }
    html.petcom-board-review #bo_list .td_num:not(.td_num2),
    html.petcom-board-review #bo_list .td_datetime,
    html.petcom-board-review #bo_list .td_chk,
    html.petcom-board-review #bo_list .hidden-xs,
    html.petcom-board-review #bo_list .hidden-sm {
        display:none !important;
    }
    html.petcom-board-review #bo_list .new_icon,
    html.petcom-board-review #bo_list .cnt_cmt {
        flex:0 0 auto !important;
        min-width:15px !important;
        height:15px !important;
        margin:0 0 0 2px !important;
        padding:0 3px !important;
        border-radius:999px !important;
        font-size:9px !important;
        line-height:15px !important;
    }

    /* memory 모바일 2열 소형 카드 */
    html.petcom-board-memory #gall_ul,
    html.petcom-board-memory ul#gall_ul {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:7px !important;
    }
    html.petcom-board-memory #gall_ul > li,
    html.petcom-board-memory .gall_li {
        min-width:0 !important;
        margin:0 !important;
    }
    html.petcom-board-memory .gall_box,
    html.petcom-board-memory .gall_con,
    html.petcom-board-memory .thumbnail {
        min-height:0 !important;
        margin:0 !important;
        border-radius:10px !important;
        box-shadow:none !important;
    }
    html.petcom-board-memory .gall_img,
    html.petcom-board-memory .gall_href,
    html.petcom-board-memory .thumbnail > a:first-child {
        aspect-ratio:1.35/1 !important;
        min-height:0 !important;
    }
    html.petcom-board-memory .gall_text_href {
        padding:7px 7px 2px !important;
        overflow:hidden !important;
        white-space:nowrap !important;
        text-overflow:ellipsis !important;
    }
    html.petcom-board-memory .gall_text_href,
    html.petcom-board-memory .gall_text_href a,
    html.petcom-board-memory .caption h4,
    html.petcom-board-memory .caption a {
        display:block !important;
        overflow:hidden !important;
        color:#302820 !important;
        font-size:11px !important;
        line-height:15px !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }
    html.petcom-board-memory .gall_info {
        padding:0 7px 7px !important;
        font-size:8px !important;
        line-height:12px !important;
    }
    html.petcom-board-memory #bo_gall .row {
        margin-left:-4px !important;
        margin-right:-4px !important;
    }
    html.petcom-board-memory #bo_gall .row > [class*="col-"] {
        width:50% !important;
        float:left !important;
        padding-left:4px !important;
        padding-right:4px !important;
        margin-bottom:8px !important;
    }
    html.petcom-board-memory #bo_gall .thumbnail {
        min-height:0 !important;
        height:auto !important;
    }
    /* 상세보기 모바일 */
    html.petcom-board-page #bo_v {
        max-width:none !important;
    }
    html.petcom-board-page #bo_v_title {
        padding:24px 20px 16px !important;
        border-radius:18px 18px 0 0 !important;
    }
    html.petcom-board-page #bo_v_title .bo_v_tit {
        font-size:24px !important;
    }
    html.petcom-board-page #bo_v_info {
        padding:0 20px 22px !important;
        font-size:11px !important;
    }
    html.petcom-board-page #bo_v_atc {
        padding:26px 19px 34px !important;
        border-radius:16px !important;
    }
    html.petcom-board-page #bo_v_con,
    html.petcom-board-review #bo_v_con,
    html.petcom-board-memory #bo_v_con {
        min-height:120px;
        font-size:15px !important;
        line-height:1.9 !important;
        word-break:break-word;
    }
    html.petcom-board-page #bo_v_share {
        display:none !important;
    }
    html.petcom-board-page #bo_vc,
    html.petcom-board-page #bo_vc_w {
        padding:18px 15px !important;
        border-radius:16px !important;
    }
    html.petcom-board-page .bo_v_nb li {
        padding:14px 13px !important;
    }
    html.petcom-board-page .bo_v_nb .nb_date {
        display:none !important;
    }
    html.petcom-board-page .petcom-board-cta {
        display:block;
        margin-top:22px;
        padding:20px 17px;
        border-radius:16px;
    }
    html.petcom-board-page .petcom-board-cta-links {
        margin-top:14px;
    }
    html.petcom-board-page .petcom-board-cta a {
        flex:1;
        min-width:0;
    }
}

@media (max-width: 390px) {
    html.petcom-board-memory #gall_ul,
    html.petcom-board-memory ul#gall_ul {
        gap:7px !important;
    }
    html.petcom-board-page .page-header h1 {
        font-size:27px !important;
    }
}

/* =========================================================
   2026-09-01 v4 : 모바일 후기 최종 압축
   - 번호 제거
   - 제목/작성자 한 줄
   - 날짜 아주 작은 2번째 줄
   - 공지는 제목 앞 배지로 표시
   ========================================================= */
@media (max-width: 767px) {
    html.petcom-board-review #bo_list .tbl_head01 tbody tr {
        grid-template-columns:minmax(0,1fr) 70px !important;
        grid-template-rows:auto auto !important;
        column-gap:8px !important;
        row-gap:2px !important;
        min-height:50px !important;
        padding:6px 10px !important;
    }

    /* 일반 번호는 모바일에서 완전히 제거 */
    html.petcom-board-review #bo_list .td_num2 {
        display:none !important;
    }

    html.petcom-board-review #bo_list .td_subject {
        display:block !important;
        grid-column:1 !important;
        grid-row:1 !important;
        min-width:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    /* 공지는 번호칸 대신 제목 앞 배지 */
    html.petcom-board-review #bo_list tr.bo_notice .td_subject {
        display:flex !important;
        align-items:center !important;
        gap:7px !important;
    }
    html.petcom-board-review #bo_list tr.bo_notice .td_subject:before {
        content:"공지" !important;
        flex:0 0 auto !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        height:21px !important;
        padding:0 7px !important;
        border-radius:999px !important;
        background:#f3e7d3 !important;
        color:#946828 !important;
        font-size:10px !important;
        line-height:21px !important;
        font-weight:700 !important;
    }

    html.petcom-board-review #bo_list .td_subject .bo_tit {
        min-width:0 !important;
        flex:1 1 auto !important;
    }
    html.petcom-board-review #bo_list .td_subject .bo_tit > a {
        font-size:13px !important;
        line-height:18px !important;
        font-weight:600 !important;
    }

    html.petcom-board-review #bo_list .td_name {
        display:block !important;
        grid-column:2 !important;
        grid-row:1 !important;
        align-self:center !important;
        color:#948981 !important;
        font-size:10px !important;
        line-height:15px !important;
        text-align:right !important;
    }

    /* 기존 hidden-xs보다 더 구체적으로 다시 표시 */
    html.petcom-board-review #bo_list .tbl_head01 tbody td.td_datetime.hidden-xs,
    html.petcom-board-review #bo_list .tbl_head01 tbody td.td_datetime.hidden-sm,
    html.petcom-board-review #bo_list .tbl_head01 tbody td.td_datetime {
        display:block !important;
        grid-column:1 / 3 !important;
        grid-row:2 !important;
        width:auto !important;
        padding:0 !important;
        color:#b0a69d !important;
        font-size:9px !important;
        line-height:11px !important;
        text-align:left !important;
    }

    html.petcom-board-review #bo_list .td_num:not(.td_num2),
    html.petcom-board-review #bo_list .td_chk {
        display:none !important;
    }

    html.petcom-board-review #bo_list .new_icon,
    html.petcom-board-review #bo_list .cnt_cmt {
        height:14px !important;
        min-width:14px !important;
        padding:0 3px !important;
        font-size:8px !important;
        line-height:14px !important;
    }

    /* 상단 검색/글쓰기 박스도 불필요한 높이 제거 */
    html.petcom-board-review #bo_btn_top {
        min-height:0 !important;
        margin-bottom:12px !important;
        padding:8px 10px !important;
        border-radius:12px !important;
    }
    html.petcom-board-review #bo_list_total {
        font-size:10px !important;
        line-height:28px !important;
    }
    html.petcom-board-review #bo_btn_top .btn_bo_user {
        margin:0 !important;
    }
    html.petcom-board-review #bo_btn_top .btn_bo_user .btn,
    html.petcom-board-review #bo_btn_top .btn_bo_user a,
    html.petcom-board-review #bo_btn_top .btn_bo_user button {
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        padding:0 !important;
        line-height:32px !important;
    }

    /* 추모관 2열 카드 한 단계 더 압축 */
    html.petcom-board-memory #bo_gall .row > [class*="col-"] {
        margin-bottom:6px !important;
    }
    html.petcom-board-memory .gall_text_href,
    html.petcom-board-memory .gall_text_href a,
    html.petcom-board-memory .caption h4,
    html.petcom-board-memory .caption a {
        font-size:10px !important;
        line-height:14px !important;
    }
    html.petcom-board-memory .gall_info {
        padding:0 6px 6px !important;
        font-size:8px !important;
        line-height:11px !important;
    }
}

/* =========================================================
   2026-09-01 v5 : 게시글 상세 상단 정보영역 REAL FIX
   - 오래된 그누보드 float / 고정높이 완전 해제
   - '페이지 정보' 시각 제목 제거
   - 프로필/메타정보 + 관리버튼 가로 정렬
   - 레거시 SNS 공유영역 제거
   ========================================================= */
html.petcom-board-page #bo_v_info {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:20px !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:18px 38px 22px !important;
    box-sizing:border-box !important;
    clear:both !important;
}
html.petcom-board-page #bo_v_info > h2 {
    display:none !important;
}
html.petcom-board-page #bo_v_info .profile_info {
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
}
html.petcom-board-page #bo_v_info .pf_img,
html.petcom-board-page #bo_v_info .profile_img {
    float:none !important;
    flex:0 0 auto !important;
    width:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
}
html.petcom-board-page #bo_v_info .pf_img img,
html.petcom-board-page #bo_v_info .profile_img img {
    display:block !important;
    width:48px !important;
    height:48px !important;
    object-fit:cover !important;
    border-radius:50% !important;
}
html.petcom-board-page #bo_v_info .profile_info_ct {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:4px 12px !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    color:#7d736b !important;
    font-size:13px !important;
    line-height:1.5 !important;
}
html.petcom-board-page #bo_v_info .profile_info_ct > br {
    display:none !important;
}
html.petcom-board-page #bo_v_info .profile_info_ct > strong {
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    color:#5f554e !important;
    font-size:13px !important;
    line-height:20px !important;
    font-weight:500 !important;
    white-space:nowrap !important;
}
html.petcom-board-page #bo_v_info .profile_info_ct > strong:first-of-type {
    flex-basis:100% !important;
    color:#332b27 !important;
    font-size:14px !important;
    font-weight:700 !important;
}
html.petcom-board-page #bo_v_info .profile_info_ct a {
    color:inherit !important;
}
html.petcom-board-page #bo_v_info .profile_info_ct i {
    color:#aa8250 !important;
}

html.petcom-board-page #bo_v_info #bo_v_top {
    position:static !important;
    float:none !important;
    flex:0 0 auto !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    clear:none !important;
}
html.petcom-board-page #bo_v_info #bo_v_top .btn_bo_user,
html.petcom-board-page #bo_v_info #bo_v_top .bo_v_com {
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
html.petcom-board-page #bo_v_info #bo_v_top .btn_bo_user > li,
html.petcom-board-page #bo_v_info #bo_v_top .bo_v_com > li {
    position:relative !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
}
html.petcom-board-page #bo_v_info #bo_v_top .btn,
html.petcom-board-page #bo_v_info #bo_v_top a.btn,
html.petcom-board-page #bo_v_info #bo_v_top button.btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #eadfce !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#6d452c !important;
    line-height:36px !important;
    box-shadow:none !important;
}
html.petcom-board-page #bo_v_info #bo_v_top .btn:hover,
html.petcom-board-page #bo_v_info #bo_v_top a.btn:hover,
html.petcom-board-page #bo_v_info #bo_v_top button.btn:hover {
    background:#6d452c !important;
    color:#fff !important;
}
html.petcom-board-page #bo_v_info #bo_v_top .more_opt {
    top:46px !important;
    right:0 !important;
    left:auto !important;
    z-index:30 !important;
}

/* 구형 SNS 텍스트(페이스북/트위터/구글+)는 디자인을 깨므로 상세에서 숨김 */
html.petcom-board-page #bo_v_share {
    display:none !important;
}

@media (max-width: 767px) {
    html.petcom-board-page #bo_v_info {
        align-items:flex-start !important;
        gap:10px !important;
        padding:13px 16px 16px !important;
    }
    html.petcom-board-page #bo_v_info .profile_info {
        min-width:0 !important;
        flex:1 1 auto !important;
        gap:9px !important;
    }
    html.petcom-board-page #bo_v_info .pf_img,
    html.petcom-board-page #bo_v_info .profile_img,
    html.petcom-board-page #bo_v_info .pf_img img,
    html.petcom-board-page #bo_v_info .profile_img img {
        width:38px !important;
        height:38px !important;
    }
    html.petcom-board-page #bo_v_info .profile_info_ct {
        gap:1px 8px !important;
        font-size:10px !important;
    }
    html.petcom-board-page #bo_v_info .profile_info_ct > strong {
        font-size:10px !important;
        line-height:16px !important;
    }
    html.petcom-board-page #bo_v_info .profile_info_ct > strong:first-of-type {
        font-size:12px !important;
    }
    html.petcom-board-page #bo_v_info #bo_v_top .btn_bo_user,
    html.petcom-board-page #bo_v_info #bo_v_top .bo_v_com {
        gap:4px !important;
    }
    html.petcom-board-page #bo_v_info #bo_v_top .btn,
    html.petcom-board-page #bo_v_info #bo_v_top a.btn,
    html.petcom-board-page #bo_v_info #bo_v_top button.btn {
        width:32px !important;
        min-width:32px !important;
        height:32px !important;
        border-radius:9px !important;
        line-height:30px !important;
        font-size:12px !important;
    }
}

@media (max-width: 430px) {
    html.petcom-board-page #bo_v_info {
        flex-wrap:wrap !important;
    }
    html.petcom-board-page #bo_v_info #bo_v_top {
        flex-basis:100% !important;
        padding-left:47px !important;
    }
}