/* ================= Notice search form (mobile clean) ================= */
/* 공지검색폼,입력크기*/
.notice-search{
  display:flex;
  gap:8px;
  align-items:center;
}

@media (max-width: 520px){
  .notice-search{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .notice-search select,
  .notice-search input,
  .notice-search button{
    width: 100%;
  }

  .notice-search button{
    height: 42px;
  }
}

/* ================= Notice search input size fix ================= */
@media (max-width: 520px){

  /* 검색 영역 전체 간격 */
  .notice-search{
    gap: 12px;
  }

  /* select / input / button 크기 통일 */
  .notice-search select,
  .notice-search input,
  .notice-search button{
    height: 46px;          /* ⬅️ 핵심 */
    font-size: 15px;       /* ⬅️ 글자 키우기 */
    border-radius: 12px;
  }

  /* 검색어 입력창 */
  .notice-search input{
    padding: 0 14px;       /* 좌우 여백 */
    line-height: 46px;
  }

  /* 검색 버튼 */
  .notice-search button{
    font-weight: 800;
  }
}

/* notice detail부분*/
.notice-image-wrap {
  margin: 10px 0 16px;
  text-align: center;
}

.notice-image {
  max-width: 100%;
  max-height: 300px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.35);
  background: #000;
}

@media (max-width: 640px) {
  .notice-image {
    max-height: 260px;
    border-radius: 12px;
  }
}
/* 공지 상세 구분선 */
.notice-divider {
  margin: 14px 0 18px;
  border-top: 1px solid #e5e7eb;
}

/* 이미지 아래는 더 연하게 */
.notice-divider.light {
  margin: 18px 0 22px;
  border-top: 1px dashed #e5e7eb;
}

/* 공지리스트*/
/* notice_list 표: 칸 나눔(세로 구분선) */
.table-wrap{
  overflow:auto;
  border-radius:14px;
}

table.table{
  width:100%;
  border-collapse:collapse; /* ← 칸칸이 보이게 */
  border:1px solid var(--line);
  background:#fff;
}

table.table thead th{
  background:#f8fafc;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  padding:12px 12px;
  border-bottom:1px solid var(--line);
  border-right:1px solid var(--line); /* ← 세로선 */
  text-align:center;
  white-space:nowrap;
}
table.table thead th:last-child{
  border-right:none;
}

table.table tbody td{
  padding:12px 12px;
  border-bottom:1px solid var(--line);
  border-right:1px solid var(--line); /* ← 세로선 */
  vertical-align:middle;
  text-align:center;
  font-size:14px;
  white-space:nowrap;
}
table.table tbody td:last-child{
  border-right:none;
}
table.table tbody tr:last-child td{
  border-bottom:none;
}

/* 제목 칼럼은 좌측 정렬 + 말줄임 */
table.table tbody td:nth-child(3){
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:0; /* 말줄임 안정화 */
}
table.table tbody td:nth-child(3) a{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* hover */
table.table tbody tr:hover{
  background:#fafafa;
}

/* 공지(상단고정) 행 강조(원하면 유지) */
table.table tbody tr.notice-pinned{
  background:#fbf7ff;
}
/* =========================
   공지 페이지 footer 보정 (후기 페이지와 동일 패턴)
   layout.css 영향 없음
   ========================= */
.notice-page{
	
	
	
	
	
  min-height: calc(100vh - 260px); /* header + heroSub */
  display: flex;
  flex-direction: column;

  /* ⛔ 가운데로 줄어드는 현상 방지 */
  align-items: stretch;
}

.notice-content{
  flex: 1;
  width: 100%;
  min-width: 0;
}