@charset "utf-8";

/* 1. 페이지 공통 레이아웃 */
.pagecommon { 
    position: relative; 
    margin: 10px 0 80px; 
    font-size: 15px; 
    letter-spacing: -.3px; 
    color: #777; 
    line-height: 1.8; 
}
.pagecommon .inner { 
    max-width: var(--mainsize); 
    margin: 0 auto; 
    padding: 0 20px; 
}

/* 2. 상단 타이틀 영역 (인사말 페이지 스타일 일치) */
#worship_time_page .top_area { 
    display: flex; 
    padding: 30px 40px 50px 40px; 
    border-bottom: 1px solid #f0f0f0; 
    margin-bottom: 50px;
}
#worship_time_page .top_area .tit { 
    flex: 0 0 280px; 
    color: var(--primary); 
    text-align: left;
}
#worship_time_page .top_area .tit span { 
    display: block;
    font-size: 13px; 
    font-weight: 700; 
    letter-spacing: 2px; 
    font-family: 'Poppins', sans-serif; 
    text-transform: uppercase; 
}
#worship_time_page .top_area .tit p { 
    margin-top: 10px; 
    font-size: 32px; 
    font-weight: 300; 
    line-height: 1.3; 
    color: #111; 
}
#worship_time_page .top_area .tit p b { 
    font-weight: 700; 
    color: var(--primary); 
}

#worship_time_page .top_area .txt { 
    flex: 1;
    padding-left: 20px;
}
#worship_time_page .top_area .main_message {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.5;
}
#worship_time_page .top_area .sub_message {
    font-size: 15.5px;
    color: #777;
}

/* 3. 하단 예배 그리드 */
.worship_grid { 
    display: flex; 
    gap: 30px; 
    flex-wrap: wrap; 
}
.worship_column { 
    flex: 1; 
    min-width: 320px; 
}

/* 타이틀 바 */
.worship_column h3 { 
    background: var(--primary); 
    color: #fff; 
    padding: 18px 0; 
    text-align: center; 
    font-size: 19px; 
    font-weight: 600; 
    border-radius: 10px 10px 0 0; 
}

/* 내용 박스 */
.worship_box { 
    border: 1px solid #eee; 
    border-top: none; 
    background: #fff; 
    border-radius: 0 0 10px 10px; 
}
.worship_box .item { 
    padding: 22px 20px; 
    border-bottom: 1px solid #f9f9f9; 
    text-align: center; 
}
.worship_box .item:last-child { border-bottom: none; }

.worship_box .item .title { 
    display: block; 
    font-size: 17px; 
    font-weight: 700; 
    color: #111; 
    margin-bottom: 5px; 
}
.worship_box .item .time { 
    display: block; 
    font-size: 15px; 
    color: #666; 
}

/* 4. 반응형 */
@media (max-width: 1024px) {
    #worship_time_page .top_area { display: block; text-align: center; padding: 20px; }
    #worship_time_page .top_area .tit { width: 100%; margin-bottom: 20px; text-align: center; }
    #worship_time_page .top_area .txt { padding-left: 0; }
    .worship_column { min-width: 100%; }
}