🌸 JANGSU CLUB

/* XWiki 기본 UI 요소 숨기기 - 서비스 사이트 느낌을 위해 */
.xwiki-last-modified, .xwiki-export, .xwiki-info, .xwiki-edit-buttons, .xwiki-page-meta {
  display: none !important;
}
.xwiki-content {
  max-width: 1000px;
  margin: 0 auto;
}
/* 상단 소개 섹션 */
.site-intro {
  text-align: center;
  padding: 2rem 1rem;
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  border-radius: 24px;
  margin-bottom: 2rem;
  border: 1px solid #e3ddd5;
}
.site-intro h1 {
  font-size: 2.5rem;
  color: #1f2f36;
  margin-bottom: 0.5rem;
}
.site-intro p {
  font-size: 1.2rem;
  color: #5f6b72;
  margin: 0;
}
/* 퀵 링크 및 CTA 버튼 */
.cta-container {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin: 2rem 0;
  flex-wrap: wrap;
}
.cta-button {
  padding: 0.8rem 1.5rem;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.2s;
  text-align: center;
  min-width: 160px;
}
.cta-primary {
  background: #0f766e;
  color: white !important;
}
.cta-secondary {
  background: white;
  color: #0f766e !important;
  border: 2px solid #0f766e;
}
.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
/* 최근 소식/일정 그리드 */
.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 3rem;
}
.dashboard-card {
  background: white;
  border: 1px solid #ebe4da;
  border-radius: 20px;
  padding: 1.5rem;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.dashboard-card h3 {
  margin-top: 0;
  color: #1f2f36;
  border-bottom: 2px solid #f0ede9;
  padding-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.news-item, .event-item {
  display: flex;
  justify-content: space-between;
  padding: 0.7rem 0;
  border-bottom: 1px solid #f8f5ef;
  font-size: 0.95rem;
}
.news-item:last-child, .event-item:last-child {
  border-bottom: none;
}
.date-tag {
  font-size: 0.8rem;
  color: #8a7b69;
  margin-right: 0.5rem;
}
@media (max-width: 640px) {
  .site-intro h1 { font-size: 1.8rem; }
  .site-intro p { font-size: 1rem; }
}

어서 오세요, 장수클럽입니다

함께 땀 흘리고, 소통하며, 성장하는 우리들의 소중한 공간에 오신 것을 환영합니다.
서로의 존재만으로도 힘이 되는 곳, 이곳에서 함께 웃고 울며 진정한 우정을 나누길 바랍니다.

📌 빠른 연결

• 📝 우리들의 블로그 - 지안이와 장수클럽 멤버들이 전하는 소소한 이야기와 생각들
• 👥 우리들의 이야기 - 장수클럽 멤버들의 소개
• 📜 우리의 발자취 - 장수클럽의 소중한 역사와 기록들
• 📅 함께하는 시간 - 앞으로의 모임과 일정 안내

🌿 클럽 소개

"함께 땀 흘리고, 소통하며, 성장하는 우리들의 공간"
장수클럽은 처음엔 선덕고등학교에서 쉬는시간에 함께 축구하던 친구들의 모임으로 시작했습니다. 하지만 시간이 흐르며 우리는 깨달았습니다. 함께 흘리는 땀보다 더 값진 것은 서로를 향한 믿음과 따뜻한 소통이라는 것을요.
이제 장수클럽은 단순한 쉬는시간 모임을 넘어, 삶의 고단함을 나누고 서로를 응원하며 함께 성장해가는 정겨운 공동체를 지향합니다.

✍️ 매니저 지안이의 한마디

*"오늘 하루는 어떠셨나요? 가끔은 아무 생각 없이 깊은 숨을 한 번 들이마셔 보세요. 당신은 충분히 잘하고 있고, 그대로도 충분히 좋은 사람입니다."*

👥 Members

.members-wrap{
  margin:1.5rem 0 2.5rem;
  color:#2a241f;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.members-hero{
  padding:2.2rem 2rem;
  border:1px solid #e3ddd5;
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(1,105,111,.10), transparent 28%),
    linear-gradient(135deg,#f8f5ef 0%,#fcfbf8 100%);
  box-shadow:0 14px 40px rgba(39,31,23,.08);
}
.members-eyebrow{
  display:inline-block;
  margin-bottom:.7rem;
  padding:.35rem .7rem;
  border-radius:999px;
  background:#e4f1ef;
  color:#0d5c61;
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.02em;
}
.members-hero h2{
  margin:0 0 .7rem;
  font-size:2rem;
  line-height:1.15;
  color:#1f2f36;
}
.members-hero p{
  margin:0;
  max-width:760px;
  color:#5f6b72;
  line-height:1.75;
  font-size:1rem;
}
.members-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1.2rem;
  margin-top:1.6rem;
}
.member-card{
  background:#fffdfa;
  border:1px solid #ebe4da;
  border-radius:22px;
  padding:1.2rem;
  box-shadow:0 8px 24px rgba(43,33,22,.05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.member-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(43,33,22,.09);
  border-color:#ddd2c3;
}
.member-top{
  display:flex;
  align-items:center;
  gap:.85rem;
  margin-bottom:.9rem;
}
.member-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#0f766e 0%,#0b5d56 100%);
  color:#fff;
  font-size:1.1rem;
  font-weight:700;
  box-shadow:0 8px 18px rgba(15,118,110,.22);
  flex:0 0 52px;
}
.member-name{
  margin:0;
  font-size:1.2rem;
  line-height:1.2;
  color:#222b33;
}
.member-sub{
  margin:.22rem 0 0;
  color:#8a7b69;
  font-size:.9rem;
}
.member-list{
  list-style:none;
  margin:0;
  padding:0;
}
.member-list li{
  display:flex;
  gap:.5rem;
  padding:.46rem 0;
  border-top:1px dashed #eee4d8;
  line-height:1.55;
  color:#4d5963;
}
.member-list li:first-child{
  border-top:none;
  padding-top:0;
}
.member-label{
  min-width:4.8rem;
  font-weight:700;
  color:#7a5a2d;
  flex:0 0 4.8rem;
}
.members-footer{
  margin-top:1.4rem;
  padding:1rem 1.1rem;
  border-left:4px solid #0f766e;
  border-radius:14px;
  background:#f6f6f2;
  color:#5f6972;
  line-height:1.7;
  font-size:.95rem;
}
@media (max-width:640px){
  .members-hero{padding:1.5rem 1.2rem;}
  .members-hero h2{font-size:1.55rem;}
  .member-list li{display:block;}
  .member-label{
    display:block;
    min-width:auto;
    margin-bottom:.12rem;
  }
}