/* com_news_01.css : 부동산 뉴스 모아보기 페이지 전용 스타일 */
.news-page{
  max-width:1080px;
}

.news-header{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:1rem;
  border-bottom:1px solid rgba(0,0,0,.05);
  padding-bottom:.75rem;
}

.news-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.5rem;
}

.news-list{
  display:flex;
  flex-direction:column;
  gap:.75rem;
}

/* 뉴스 카드 */
.news-card{
  display:flex;
  gap:.75rem;
  padding:.75rem .85rem;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.08);
  background:#ffffff;
  transition:background .12s ease, box-shadow .12s ease, transform .06s ease;
}

.news-card:hover{
  background:#f8fafc;
  box-shadow:0 6px 16px rgba(15,23,42,.08);
  transform:translateY(-1px);
}

/* 썸네일 */
.news-thumb{
  flex:0 0 96px;
  height:64px;
  border-radius:8px;
  background:#e2e8f0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2rem;
}

.news-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

/* 콘텐츠 */
.news-body{
  flex:1 1 auto;
  min-width:0;
}

.news-title{
  margin:0 0 .25rem;
  font-size:.97rem;
  font-weight:600;
  letter-spacing:-.01em;
}

.news-title a{
  color:#111827;
  text-decoration:none;
}

.news-title a:hover{
  text-decoration:underline;
}

/* 메타 정보 */
.news-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  font-size:.78rem;
  color:#6b7280;
}

.news-meta .dot{
  width:3px;
  height:3px;
  border-radius:999px;
  background:#9ca3af;
}

.news-category{
  font-size:.75rem;
  padding:.1rem .5rem;
  border-radius:999px;
  background:#e3f2fd;
  color:#0d47a1;
}

.news-summary{
  margin:.25rem 0 0;
  font-size:.86rem;
  color:#4b5563;
}

/* 작은 화면에서 썸네일 아래로 떨어지지 않도록 */
@media (max-width:576px){
  .news-card{
    align-items:flex-start;
  }
}

/* 필터 버튼 active 상태 */
.news-header .btn-group .btn.active{
  background-color:#0d6efd;
  color:#fff;
}