🗓️ 8~9월 예배 및 행사 안내
2025년 8월
일
월
화
수
목
금
토
27
28
29
30
31
1
2
3
4
5
6
7
8
9
청소11초원
10
세가족교육
11
12
13
14
큐인페스티벌
15
큐인페스티벌
박상미금요기도회
16
큐인페스티벌
청소청년부
세가족교육
17
세가족교육
18
주중학교개강
19
20
큐인스쿨개강
21
22
이재연금요기도회
23
큐인스쿨부모기도회
청소12초원
24
25
26
27
허현식선교사기도회
28
29
이재연금요기도회
30
청소13초원
31
1
2
3
4
5
6
2025년 9월
일
월
화
수
목
금
토
31
1
2
qt세미나 시작
3
4
5
6
7
양육교사모임
8
9
qt세미나
10
11
12
13
14
15
16
qt세미나
17
18
19
20
21
22
23
qt세미나
24
25
26
27
28
29
30
1
2
3
4
주요 행사
세가족교육/청소
qt 세미나
.notice-container {
max-width: 800px;
margin: 0 auto 30px auto;
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.header {
background: linear-gradient(135deg, #ff7b54 0%, #ff6b3d 100%);
color: white;
text-align: center;
padding: 25px 20px;
position: relative;
}
.header::before {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translatex(-50%);
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #ff6b3d;
}
.header h1 {
margin: 0;
font-size: 28px;
font-weight: bold;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.content {
padding: 40px 30px;
background: #f8f8f8;
}
.notice-item {
background: white;
margin-bottom: 20px;
border-radius: 15px;
padding: 25px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
border-left: 5px solid #ff7b54;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.notice-item:hover {
transform: translatey(-2px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
.notice-number {
display: inline-block;
background: #333;
color: white;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 30px;
font-weight: bold;
margin-right: 15px;
font-size: 16px;
}
.notice-title {
font-size: 20px;
font-weight: bold;
color: #333;
margin-bottom: 8px;
}
.notice-details {
color: #666;
font-size: 16px;
line-height: 1.4;
}
.special-section {
margin-top: 30px;
padding-top: 30px;
border-top: 3px dotted #ddd;
}
.special-item {
background: white;
margin-bottom: 20px;
border-radius: 15px;
padding: 20px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
.special-item::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 5px;
background: linear-gradient(to bottom, #ffc107, #ff9800);
}
.special-icon {
display: inline-block;
background: linear-gradient(135deg, #ffc107, #ff9800);
color: white;
padding: 8px 12px;
border-radius: 20px;
font-weight: bold;
margin-bottom: 10px;
font-size: 14px;
}
.special-title {
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 8px;
}
/* 달력 스타일 */
.calendar-container {
max-width: 1200px;
margin: 0 auto;
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.calendar-header {
background: linear-gradient(135deg, #ff7b54 0%, #ff6b3d 100%);
color: white;
text-align: center;
padding: 25px 20px;
}
.calendar-header h1 {
margin: 0;
font-size: 28px;
font-weight: bold;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.months-container {
display: flex;
flex-wrap: wrap;
gap: 30px;
padding: 30px;
background: #f8f8f8;
}
.month {
flex: 1;
min-width: 500px;
background: white;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.month-header {
background: linear-gradient(135deg, #333 0%, #555 100%);
color: white;
text-align: center;
padding: 15px;
font-size: 22px;
font-weight: bold;
}
.calendar {
width: 100%;
border-collapse: collapse;
}
.calendar th {
background: #f5f5f5;
padding: 12px 8px;
text-align: center;
font-weight: bold;
color: #333;
border-bottom: 2px solid #ddd;
font-size: 14px;
}
.calendar th.sunday {
color: #ff6b3d;
}
.calendar th.saturday {
color: #2196f3;
}
.calendar td {
height: 80px;
vertical-align: top;
padding: 5px;
border: 1px solid #eee;
position: relative;
}
.date-number {
font-weight: bold;
margin-bottom: 3px;
font-size: 14px;
}
.sunday .date-number {
color: #ff6b3d;
}
.saturday .date-number {
color: #2196f3;
}
.other-month {
color: #ccc;
background: #f9f9f9;
}
.event {
background: #ff7b54;
color: white;
padding: 2px 4px;
border-radius: 3px;
font-size: 10px;
margin-bottom: 2px;
line-height: 1.2;
cursor: pointer;
transition: background 0.2s;
}
.event:hover {
background: #ff6b3d;
}
.event.special {
background: #ffc107;
color: #333;
}
.event.special:hover {
background: #ff9800;
}
.event.qt {
background: #4caf50;
}
.event.qt:hover {
background: #45a049;
}
.legend {
display: flex;
justify-content: center;
gap: 20px;
padding: 20px;
background: white;
margin-top: 20px;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.legend-item {
display: flex;
align-items: center;
gap: 8px;
}
.legend-color {
width: 15px;
height: 15px;
border-radius: 3px;
}
.legend-color.main {
background: #ff7b54;
}
.legend-color.special {
background: #ffc107;
}
.legend-color.qt {
background: #4caf50;
}
@media (max-width: 768px) {
.months-container {
flex-direction: column;
padding: 20px;
}
.month {
min-width: auto;
}
.calendar td {
height: 60px;
padding: 3px;
}
.event {
font-size: 9px;
padding: 1px 2px;
}
}
8-9월 예배 및 행사 안내
1
여름 큐인 페스티벌 사역
청년부 8월 14일(목)~16일(토) / 세종한빛교회(은혜홀)
2
박상미 교수 초청 금요 기도회
8월 15일(금) 저녁 8시 / 은혜홀
3
주중학교 2학기 개강
늘뛰닐 : 8월 18일(월) / 큐인스쿨 : 8월 20일(수)
4
이재연 교수 초청 금요 기도회
1회차 : 8월 22일(금), 2회차 : 8월 29일(금) / 저녁 8시 은혜홀
5
큐인스쿨 부모 기도회
8월 23일(토) 저녁 8시 / 나눔홀
6
허현식 선교사(우간다) 초청 수요 기도회
8월 27일(수) / 저녁 8시 은혜홀
7
qt 세미나
9월 2일(화)부터 매주 화요일 4주간 / 오전 10시 / 은혜홀
8
양육 교사 모임
9월 7일(주일) / 오후 3시 나눔홀
⭐ 세가족교육(8월)
가족 성장 프로그램
- 2주차 : 9일(토) 오전11시, 10일(주일) 오후3시 / 나눔홀
- 3주차 : 16일(토) 오전11시, 17일(주일) 오후3시 / 나눔홀
⭐ 교회 청소(8월)
함께하는 교회 돌봄
9일(토)11초원 / 16일(토)청년부 / 23일(토)12초원 / 30일(토)13초원
.church-content {
background: white;
border-radius: 15px;
padding: 20px;
max-width: 600px;
width: 100%;
margin: 0 auto;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.church-title {
text-align: center;
margin-bottom: 20px;
color: #333;
font-family: 'arial', sans-serif;
}
.church-title h2 {
margin: 0;
font-size: 24px;
font-weight: bold;
color: #2c5aa0;
}
.church-title p {
margin: 5px 0 0 0;
font-size: 14px;
color: #666;
}
/* 세로 레이아웃 */
.image-stack {
display: flex;
flex-direction: column;
gap: 15px; /* 이미지 사이 간격 */
}
/* 각 이미지 스타일 */
.image-stack img {
width: 100%;
border-radius: 10px;
box-shadow: 0 6px 15px rgba(0,0,0,0.1);
transition: transform 0.5s ease, box-shadow 0.5s ease;
}
/* 호버 효과 */
.image-stack img:hover {
transform: scale(1.03);
box-shadow: 0 12px 25px rgba(0,0,0,0.2);
}
2025.08.09
주일 주차안내
