@charset "utf-8";
/* ===== 의성중부교회 설교 게시판 상단 대표설교 (2단 카드) : worship_top ===== */

.worship_top { width: 100%; }
.worship_top * { box-sizing: border-box; }

.worship_top .wtop_card { display: flex; align-items: stretch; border: 3px solid #2f6db3; border-radius: 12px; overflow: hidden; box-shadow: 0 12px 32px rgba(30,37,54,.10); background: #2f6db3; }

/* 왼쪽 정보 */
.worship_top .wtop_info { flex: 1 1 46%; min-width: 0; background: #fff; padding: 42px 36px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.worship_top .wtop_icon { font-size: 32px; color: #1e2536; margin-bottom: 14px; }
.worship_top .wtop_preacher { font-size: 19px; font-weight: 700; color: #1e2536; margin-bottom: 14px; font-family: 'Pretendard', 'NotoSans', sans-serif; }
.worship_top .wtop_bible { display: inline-block; background: #2f6db3; color: #fff; padding: 6px 16px; border-radius: 6px; font-size: 14px; font-weight: 600; margin-bottom: 20px; }
.worship_top .wtop_title { display: block; font-size: 24px; font-weight: 800; color: #1a1a1a; line-height: 1.4; text-decoration: none; margin-bottom: 16px; word-break: keep-all; font-family: 'Pretendard', 'NotoSans', sans-serif; }
.worship_top .wtop_title:hover { color: #2f6db3; }
.worship_top .wtop_desc { font-size: 15px; line-height: 1.75; color: #666; margin: 0; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.worship_top .wtop_desc em { color: #999; font-style: normal; }

/* 오른쪽 영상 */
.worship_top .wtop_video { flex: 1 1 54%; min-width: 0; position: relative; background: #000; }
.worship_top .wtop_video a { display: block; position: relative; height: 100%; }
.worship_top .wtop_video img { display: block; width: 100%; height: 100%; aspect-ratio: 16/9; object-fit: cover; }
.worship_top .wtop_video .wtop_noimg { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 260px; color: #fff; background: #1c1c1c; padding: 0 20px; text-align: center; }
.worship_top .playbt { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 76px; height: 54px; background: rgba(0,0,0,.7); border-radius: 14px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 34px; transition: background .2s, transform .2s; }
.worship_top .wtop_video a:hover .playbt { background: #ff0000; transform: translate(-50%,-50%) scale(1.05); }

.worship_top .wtop_empty { text-align: center; padding: 50px 0; color: #999; border: 1px solid #ececec; border-radius: 12px; }

@media (max-width: 768px) {
    .worship_top .wtop_card { flex-direction: column; }
    .worship_top .wtop_info { padding: 30px 22px; }
    .worship_top .wtop_title { font-size: 21px; }
    .worship_top .wtop_video .wtop_noimg { min-height: 200px; }
}

/* 유튜브 팝업 (공용) */
#worship_yt_modal { display: none; position: fixed; inset: 0; z-index: 100000; }
#worship_yt_modal.on { display: block; }
#worship_yt_modal .wym_dim { position: absolute; inset: 0; background: rgba(0,0,0,.85); }
#worship_yt_modal .wym_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 92%; max-width: 900px; }
#worship_yt_modal .wym_video { position: relative; padding-top: 56.25%; background: #000; border-radius: 8px; overflow: hidden; }
#worship_yt_modal .wym_video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
#worship_yt_modal .wym_close { position: absolute; right: -6px; top: -46px; width: 40px; height: 40px; background: none; border: 0; color: #fff; font-size: 34px; line-height: 1; cursor: pointer; }