@charset "UTF-8";
/* =========================================================
   JCC.TV 공통 좌측 메뉴(SNB) 통일 디자인
   - 단독 로드용 독립 파일. 전역 규칙 없음 — .jcc-snb 에만 적용.
   - paper / photo / praise 의 새 메뉴 디자인과 동일한 톤.
   - 구조: table.jcc-snb > [1]여백행 [2]제목행 [3]남색본문행 [4]모서리행
   - 헤더 글자는 한글을 직접 쓰지 않고 유니코드 이스케이프로 표기
     (EUC-KR/UTF-8 어느 인코딩에서도 안전하게 렌더링)
   ========================================================= */

table.jcc-snb {
    width: 150px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(0, 51, 102, 0.12) !important;
    font-family: "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif !important;
}

/* [1] 여백행 제거 */
table.jcc-snb > tbody > tr:first-child > td {
    height: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

/* [2] 제목행 → 남색 헤더바 (제목 GIF 숨기고 텍스트 표시) */
table.jcc-snb > tbody > tr:nth-child(2) > td {
    background: #003366 !important;
    height: 40px !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    border: 0 !important;
}
table.jcc-snb > tbody > tr:nth-child(2) > td img { display: none !important; }
table.jcc-snb > tbody > tr:nth-child(2) > td::after {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

/* [3] 본문행 → 남색 박스 */
table.jcc-snb > tbody > tr:nth-child(3) > td {
    background: #003366 !important;
    padding: 6px 8px 14px !important;
}
table.jcc-snb > tbody > tr:nth-child(3) > td > br { display: none !important; }
table.jcc-snb > tbody > tr:nth-child(3) > td > table { width: 100% !important; }
table.jcc-snb > tbody > tr:nth-child(3) > td > table td { padding: 1px 0 !important; border: 0 !important; }

/* 메뉴 글머리 이미지 숨김 */
table.jcc-snb img[src*="_blit"] { display: none !important; }

/* 메뉴 링크 */
table.jcc-snb a.menu {
    display: block !important;
    padding: 6px 14px !important;
    color: #b0caff !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    transition: background 0.15s, color 0.15s !important;
}
table.jcc-snb a.menu:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* [4] 모서리행 → 둥근 하단 */
table.jcc-snb > tbody > tr:last-child > td {
    background: #003366 !important;
    height: 10px !important;
    padding: 0 !important;
    border-radius: 0 0 14px 14px !important;
}
table.jcc-snb > tbody > tr:last-child > td img { display: none !important; }

/* -------- 페이지별 헤더 텍스트 -------- */
/* 교회소개 */
table.jcc-snb-introduce  > tbody > tr:nth-child(2) > td::after { content: "\AD50\D68C\C18C\AC1C"; }
/* 동영상 설교 */
table.jcc-snb-vod        > tbody > tr:nth-child(2) > td::after { content: "\B3D9\C601\C0C1\0020\C124\AD50"; }
/* 해외집회 */
table.jcc-snb-conference > tbody > tr:nth-child(2) > td::after { content: "\D574\C678\C9D1\D68C"; }
/* 교회소식지 */
table.jcc-snb-paper      > tbody > tr:nth-child(2) > td::after { content: "\AD50\D68C\C18C\C2DD\C9C0"; }