@charset "utf-8";

/* 기본 컨테이너 설정 */
.sermon { position:relative; margin:0; padding:0; width:100%; }
.sermon:after { content:""; display:block; clear:both; }

/* 리스트 항목: 가로 배열로 변경 (Life 스킨 방식) */
.sermon li { 
    float:center; 
    list-style:none; 
    margin:0; 
    padding:0 0px 15px 0; /* 우측 간격과 하단 여백 */
    border-right:1px solid #ececec; /* 가로 구분선 */
    border-bottom:none; /* 기존 세로 구분선 제거 */
    box-sizing: border-box;
}

/* 마지막 항목의 테두리 제거 */
.sermon li:last-child { border-right:0; padding-right:0; }

/* 섬네일 영역 (Life 스킨 스타일 복제) */
.sermon li .thumb { 
    display:block; 
    position:relative; 
    margin-bottom:10px; 
    overflow:hidden; 
    text-decoration:none; 
    background:#f9f9f9;
}
.sermon li .thumb img { display:block; width:100%; height:auto; transition: 0.3s; }
.sermon li .thumb:hover img { transform: scale(1.05); } /* 살짝 커지는 효과 추가 */

/* 이미지 없을 때 (Life 스킨 스타일) */
.sermon li .thumb .imgNone { 
    display:block; 
    position:relative; 
    width:100%; 
    height:0; 
    padding-top:70%; /* 4:3 비율 유지 */
    background:#eee; 
    text-align:center; 
    color:#999; 
    font-size:12px;
}

/* 텍스트 요소들: Sermon의 항목을 유지하되 Life의 간격 적용 */
.sermon li h3 { 
    margin:8px 0 4px; 
    padding:0 5px; 
    font-size:1.3em; 
    color: #333;
    line-height:1.4em; 
    height:2.8em; /* 두 줄 제한 */
    overflow:hidden; 
    font-weight:bold;
}

.sermon li .ti_text { color:#464646; text-decoration:none; display:block; }

/* 설교자, 날짜 정보 등 (s_info) */
.sermon li .s_info { 
    margin:0; 
    padding:0 5px; 
    font-size:1.0em; 
    line-height:1.2em; 
    color:#707070; 
}

/* 개별 항목들 (날짜, 작성자 등) */
.sermon .date { display:block; color:#a2a2a2; font-size:11px; }
.sermon .author { display:inline-block; color:#333; margin-top:3px; }

/* 위젯 하단 초기화 */
.widgetDivider { clear:both; height:0; margin:0; padding:0; }