/* 헤더 */
.pg-head .pg-eyebrow{
  font-size: .9rem;
  letter-spacing: .08em;
  font-weight: 600;
  color: #9aa0a6;
  text-transform: uppercase;
}
.pg-head .pg-title{
  margin: .25rem 0 0 0;
  font-size: clamp(1.3rem, 1rem + 1.2vw, 2rem);
  font-weight: 800;
}

/* 카드 */
.pg-card{
  border: 0;
}
.pg-thumb-link{
  display:block;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  transition: transform .25s ease, box-shadow .25s ease;
  background: #fff;
}
.pg-thumb-link:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
}
.pg-thumb .pg-img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* 이미지 크롭 */
  display: block;
}

/* 메타(제목/날짜) */
.pg-meta{
  padding: .75rem .25rem 0 .25rem;
  font-size: .95rem;
}
.pg-subject{
  font-weight: 600;
  max-width: 100%;
}
.pg-date{
  white-space: nowrap;
  color: #8a8f98;
  font-size: .9rem;
}
@media (max-width: 576px){
  .pg-subject{
    font-weight: normal;
    max-width: 100%;
    font-size: .75rem;
  }
  .pg-date{
    white-space: nowrap;
    color: #8a8f98;
    font-size: .75rem;
  }
}
/* 반응형 열 수는 latest.skin.php에서 부트스트랩 col-*로 제어합니다 */