???? 완벽한 단일 박스 템플릿

이 템플릿은 모바일 반응형 문제를 완전히 해결한 단일 박스 구조입니다. 박스가 2개, 3개로 나뉘면서 발생하는 인라인 스타일 충돌을 방지합니다.

???? 기존 문제점

• 다중 박스 구조: 여러 개의 content-block-thin-gray 박스 사용
• 모바일 충돌: 작은 화면에서 인라인 스타일 충돌 발생
• 레이아웃 깨짐: 박스 간격과 패딩이 누적되어 화면 넘침
• 테마 적용 불일치: 박스마다 다른 테마 변수 적용

✅ 완벽한 해결책

• 단일 박스 구조: 모든 콘텐츠를 하나의 큰 박스에 포함
• 섹션 분리: content-section 클래스로 논리적 구분
• 완전 반응형: 모바일에서 완벽한 레이아웃 유지
• 일관된 테마: 전체 박스에 동일한 테마 변수 적용

???? 33개 테마 색상 시스템

현재 적용된 테마: 2번 (민트색)

테마 특징

1. 주별 자동 로테이션: 26주차 → 테마 1번 자동 적용
2. 카테고리별 그룹핑: 5개 테마씩 카테고리별 배치
3. 관리자 수동 설정: URL에 ?theme=번호로 임시 변경
4. 완전 동적 적용: CSS 변수 기반으로 실시간 변경

???? 사용법 가이드

1. 마크다운 작성

마크다운으로 콘텐츠를 작성하면 자동으로 이 단일 박스 구조로 변환됩니다. 더 이상 여러 박스를 걱정할 필요가 없습니다!

2. HTML 직접 작성시

• 전체를 .single-content-box로 감싸기
• 섹션별로 .content-section으로 구분
• CSS 변수 var(--theme-*) 활용
• 반응형 클래스 .table-responsive 사용

3. 완벽한 결과

???? 모바일 반응형 100% 완벽 해결! ????