/* ============================================================
   RIVER RUN MARATHON — 게시판(서브페이지) 전용 스타일
   공지사항 / 참가신청 조회 / FAQ / 환불신청 등에서 공용으로 사용
   ============================================================ */

/* ===== PAGE BAND (타이틀 배너) ===== */
.page-band{
  background:var(--navy);color:#fff;padding:40px 0 32px;position:relative;overflow:hidden;
}
.page-band::before{
  content:"";position:absolute;inset:0;opacity:.12;
  background-image:repeating-linear-gradient(115deg, transparent 0 58px, rgba(255,255,255,.5) 58px 60px);
}
.page-band .wrap{position:relative;z-index:1;}
.crumb{font-family:'JetBrains Mono',monospace;font-size:12px;color:#9AA2B8;display:flex;gap:8px;align-items:center;margin-bottom:10px;}
.crumb a:hover{color:var(--coral);}
.crumb .sep{color:#4B5470;}
.page-band h1{font-family:'Bebas Neue',sans-serif;font-size:38px;}

/* ===== BODY LAYOUT: LEFT SIDEBAR + CONTENT ===== */
.body-layout{
  max-width:1180px;margin:0 auto;padding:48px 24px 100px;
  display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start;
}

/* LEFT SIDE NAV */
.side-nav{
  position:sticky;top:96px;
  border:1px solid var(--line);background:var(--paper);border-radius:4px;overflow:hidden;
}
.side-nav .snav-head{
  background:var(--navy);color:#fff;padding:20px 22px;
  font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:.03em;
}
.side-nav ul{padding:8px;}
.side-nav li a{
  display:block;padding:13px 14px;font-size:14px;color:var(--ink);border-radius:3px;
  border-left:3px solid transparent;
}
.side-nav li a:hover{background:#F1EEE5;}
.side-nav li a.active{
  border-left-color:var(--coral);background:#FFF3EE;color:var(--coral);font-weight:700;
}
.side-contact{margin-top:16px;border:1px solid var(--line);background:var(--paper);border-radius:4px;padding:22px;}
.side-contact .sc-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:#999;letter-spacing:.08em;margin-bottom:6px;}
.side-contact .sc-tel{font-family:'JetBrains Mono',monospace;font-size:22px;color:var(--navy);font-weight:700;margin-bottom:8px;}
.side-contact p{font-size:12px;color:#888;}

/* CONTENT HEAD */
.content-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:16px;
  border-bottom:2px solid var(--navy);padding-bottom:16px;margin-bottom:24px;flex-wrap:wrap;
}
.content-head h2{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--navy);}
.content-head .count{font-family:'JetBrains Mono',monospace;font-size:12px;color:#999;}

.board-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px;}
.search-box{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--paper);}
.search-box select{border:0;background:#F1EEE5;padding:0 12px;font-size:13px;color:var(--ink);font-family:inherit;}
.search-box input{border:0;padding:0 12px;font-size:13px;width:200px;font-family:inherit;}
.search-box button{border:0;background:var(--navy);color:#fff;padding:0 18px;cursor:pointer;font-size:13px;}
.search-box input:focus, .search-box select:focus{outline:none;}

/* BOARD TABLE */
.board-table-wrap{overflow-x:auto;} /* 모바일 등 좁은 화면에서도 표 형태(가로) 유지, 넘치면 가로 스크롤 */
table.board{width:100%;border-collapse:collapse;font-size:14px;}
table.board thead th{
  background:#F1EEE5;color:#555;font-weight:700;font-size:12px;letter-spacing:.03em;
  padding:14px 12px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);text-align:center;
}
table.board tbody td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:center;color:#555;}
table.board tbody tr{transition:background .15s ease;}
table.board tbody tr:hover{background:#FFF9F5;}
table.board td.title{text-align:left;}
table.board td.title a{color:var(--ink);font-weight:500;}
table.board td.title a:hover{color:var(--coral);}
.badge-new{
  font-family:'JetBrains Mono',monospace;font-size:9px;background:var(--coral);color:#fff;
  padding:2px 6px;border-radius:2px;margin-right:6px;vertical-align:middle;
}
.badge-notice{
  font-family:'JetBrains Mono',monospace;font-size:9px;background:var(--navy);color:#fff;
  padding:2px 6px;border-radius:2px;margin-right:6px;vertical-align:middle;
}
tr.pinned td{background:#FBFAF6;}

/* PAGINATION */
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:36px;}
.pagination a, .pagination span{
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:3px;font-size:13px;font-family:'JetBrains Mono',monospace;color:#666;
}
.pagination a:hover{border-color:var(--coral);color:var(--coral);}
.pagination .current{background:var(--navy);color:#fff;border-color:var(--navy);}
.pagination .arrow{border:none;color:#999;}

.bottom-actions{display:flex;justify-content:flex-end;margin-top:20px;}

/* ===== 게시글 상세보기 (댓글 없음, 읽기 전용) ===== */
.board-view{border-top:2px solid var(--navy);}
.bv-head{padding:24px 4px 16px;border-bottom:1px solid var(--line);}
.bv-head h2{font-size:19px;font-weight:700;color:var(--ink);display:inline;}
.bv-meta{
  display:flex;gap:16px;padding:14px 16px;margin-bottom:8px;
  background:#FAF8F3;border-bottom:2px solid var(--navy);
  font-family:'JetBrains Mono',monospace;font-size:12px;color:#999;
}
.bv-content{padding:44px 4px;font-size:15px;line-height:1.9;color:var(--ink);min-height:160px;}

/* ===== MOBILE ===== */
@media (max-width:900px){
  .body-layout{grid-template-columns:1fr;}
  .side-nav{position:relative;top:0;}
  table.board{min-width:520px;} /* 표는 그대로 유지하고, 넘치는 만큼만 .board-table-wrap이 가로 스크롤 */
}