.news-table {
  border-collapse: collapse;
  width: 100%;          /* 화면 폭에 맞게 가변 */
  max-width: 800px;     /* 최대 폭 제한 */
  table-layout: auto;   /* 열 폭은 자동 조정 */
}

.news-table th, .news-table td {
  border: 1px solid #ccc;
  padding: 8px;
  overflow: hidden;         /* 넘치는 글자 숨김 */
  text-overflow: ellipsis;  /* ... 표시 */
  white-space: nowrap;      /* 줄바꿈 방지 */
}


.news-table tr:hover {
  background-color: #f0f0f0; /* 마우스 오버 시 강조 */
}

.news-table tr.selected {
  background-color: #cce5ff; /* 선택된 행 색상 */
}

.w3-bar .w3-bar-item {
  padding: 0px 0px;   /* 위아래 12px, 좌우 24px */
  margin: 0 5px;        /* 좌우 간격 5px */
}

    .intro {
       background: #333;
      color: #fff;
      text-align: center;
      
    }
    .topbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    font-size: 32px;
    background-color: #333;
    color: white;
    padding: 0px;
    text-align: center;
}
  .bottombar {
    position: sticky;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    font-size: 20px;
    background-color: #333;
    color: white;
    padding: 0px;
    text-align: center;
}
@media (max-width: 768px) {
    .topbar {
        font-size: 16px; /* 모바일에서 크게 표시 */
    }
}


    .layout {
      display: flex;
    
    }
    .sidebar {
      width: 180px;
      background-color: #f1f1f1;
      display: none;
      font-size:24px;
    }
    .main {
      flex: 1;
      padding: 10px;
      background: #fafafa;
    }
 
 .contents {
      width:800px;

    
    }
   img {
    max-width: 100%;
    height: auto;
    display: block; /* 선택 사항: 인라인 간격 제거 */
  }
#slideBox {
  text-align: left;        /* 컨테이너 안의 콘텐츠 왼쪽 정렬 */
  position: relative;      /* 버튼을 이미지 위에 겹치게 하기 위해 기준점 설정 */
 }

#slideBox img.mySlides {
  display: none;           /* 기본은 숨김 (슬라이드 제어용) */
  width: 100%;             /* 컨테이너 폭에 맞춤 */
}

#slideBox .hide-btn {
  position: absolute;      /* 컨테이너 기준으로 위치 */
  top: 10px;               /* 위에서 10px */
  right: 10px;             /* 오른쪽에서 10px */
  background: rgba(255,255,255,0.7); /* 버튼 배경 반투명 (이미지 위에서도 잘 보이게) */
  border: none;
  cursor: pointer;
  padding: 5px 10px;
}