/* ===============================
   SH NOTICE – 1줄 카드형 리스트
=============================== */

#kboard-sh-notice-list{
  width:100%;
  box-sizing:border-box;
}

#kboard-sh-notice-list .kboard-sh-notice-items{
  display:flex;
  flex-direction:column;
  gap:12px; /* 공지 리스트답게 간격 줄임 */
}

/* 카드 */
#kboard-sh-notice-list .kboard-sh-notice-item{
  display:flex;
  align-items:flex-start;   /* ❗ 가운데 정렬 제거 */
  gap:20px;
  padding:18px 20px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  background:#fff;
  text-decoration:none;
  color:inherit;
  transition: background .15s ease, border-color .15s ease;
}

#kboard-sh-notice-list .kboard-sh-notice-item:hover{
  background:#fafafa;
  border-color: rgba(0,0,0,.16);
  transform:none;           /* ❗ 떠오르는 효과 제거 */
  box-shadow:none;
}

/* 썸네일 */
#kboard-sh-notice-list .kboard-sh-notice-thumb{
  flex:0 0 280px;            /* ❗ 공지용으로 살짝 줄임 */
  height:160px;
  border-radius:10px;
  background-size:cover;
  background-position:center;
}

/* 본문 */
#kboard-sh-notice-list .kboard-sh-notice-body{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* 상단 정보 */
#kboard-sh-notice-list .kboard-sh-notice-top{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:#666;
}

#kboard-sh-notice-list .kboard-sh-notice-cat{
  padding:5px 10px;
  border-radius:999px;
  background:#f1f3f5;
  font-weight:700;
  color:#333;
}

#kboard-sh-notice-list .kboard-sh-notice-date{
  color:#999;
}

/* 제목 */
#kboard-sh-notice-list .kboard-sh-notice-title{
  font-size:18px;
  font-weight:800;
  line-height:1.35;
  color:#111;
}

/* 소제목 */
#kboard-sh-notice-list .kboard-sh-notice-subtitle{
  font-size:14px;
  line-height:1.6;
  color:#555;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* 비어있을 때 */
#kboard-sh-notice-list .kboard-sh-notice-empty{
  padding:28px;
  border:1px dashed rgba(0,0,0,.18);
  border-radius:12px;
  text-align:center;
  color:#888;
}

/* 모바일 */
@media (max-width: 768px){
  #kboard-sh-notice-list .kboard-sh-notice-item{
    flex-direction:column;
    padding:16px;
    gap:14px;
  }

  #kboard-sh-notice-list .kboard-sh-notice-thumb{
    width:100%;
    height:200px;
  }

  #kboard-sh-notice-list .kboard-sh-notice-title{
    font-size:17px;
  }
}