@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;margin-bottom:20px;background:#fff}
.lat .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.lat .lat_title a {position:relative;color:#000;display:inline-block}

.lat ul {padding:10px 0}
.lat li {position:relative;line-height:18px;border-bottom:1px solid #e5ecee;margin-bottom:10px}
.lat li a {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.lat li a:hover {color:#3a8afd}
.lat li .fa-heart {color:#ff0000}
.lat li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.lat li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lat li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-caret-right {color:#bbb}
.lat li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.lat .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.lat .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.lat .empty_li:before {background:none;padding:0}

.lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.lat .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.lat .lt_more:hover {color:#777}

.won-scripture {
  padding: 16px;
  height: 100%;
}

.verse-card {
  border-radius: 16px;
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(10px);
  display: inline-block;
  max-width: 720px;
  width: 100%;
}

.verse-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-main);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 10px;
}

.verse-content {
  font-size: 18px;
  line-height: 1.7;
  color: #333;
  margin: 0 0 18px;
     display: -webkit-box;
  -webkit-line-clamp: 10;     /* 최대 5줄 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}

.verse-meta {
  font-size: 15px;
  color: #666;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.verse-link {
  display: inline-block;
  font-size: 14px;
  color: #8b8dfd;
  text-decoration: none;
  transition: color .3s;
}

.verse-link:hover {
  color: #5e61ff;
}


/* 카드 자체를 세로 플렉스 컨테이너로 */
.won-scripture .verse-card{
  display: flex;
  flex-direction: column;
  height: 100%;          /* 부모가 그리드/컬럼일 때 높이 채우기 */
  gap: 12px;             /* 위아래 간격 */
}

/* 제목은 내용 높이와 무관하게 고정 */
.won-scripture .verse-title{
  flex: 0 0 auto;
  margin: 0;
}

/* 본문이 남는 공간을 '다' 차지 */
.won-scripture .verse-content{
  flex: 1 1 auto;        /* 핵심: 남는 높이 다 먹기 */
  margin: 0;
  overflow: hidden;       /* 라인 클램프랑 궁합 좋음 */
  display: -webkit-box;
  -webkit-line-clamp: 9;  /* 필요 시 줄 수 조정 */
  -webkit-box-orient: vertical;
}

/* 메타는 맨 아래로 밀기 */
.won-scripture .verse-meta{
  margin-top: auto;       /* 핵심: 아래로 붙이기 */
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  gap: 8px;
}

/* 카드가 여러 개일 때 높이 균등화(선택) */
.won-scripture{
  /* 그리드/컬럼 컨테이너라면 아래 중 하나를 사용 */
  /* display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; */
  /* 또는 .verse-card 부모 칼럼에 align-stretch가 적용돼 있으면 OK */
}