|
|
| 1번째 줄: |
1번째 줄: |
| /* ===== 인문지리학 전공 대문 스타일 ===== */
| |
|
| |
|
| :root {
| |
| --primary: #1e4b8e;
| |
| --primary-dark: #153a6e;
| |
| --primary-light: #3366b3;
| |
| --secondary: #2d5aa0;
| |
| --background: #f5f7fa;
| |
| --foreground: #1a2a3a;
| |
| --card: #ffffff;
| |
| --muted: #64748b;
| |
| --border: #dce3ec;
| |
| }
| |
|
| |
| /* 위키 기본 콘텐츠 폭 확장 */
| |
| .mw-body {
| |
| max-width: 100%;
| |
| }
| |
|
| |
| /* Hero */
| |
| .hero {
| |
| position: relative;
| |
| height: 380px;
| |
| background: url('/images/banner-hg.jpg') center/cover no-repeat;
| |
| overflow: hidden;
| |
| margin-bottom: 40px;
| |
| }
| |
|
| |
| .hero::after {
| |
| content: '';
| |
| position: absolute;
| |
| inset: 0;
| |
| background: rgba(0, 0, 0, 0.45);
| |
| }
| |
|
| |
| .hero-content {
| |
| position: absolute;
| |
| bottom: 50px;
| |
| right: 80px;
| |
| z-index: 2;
| |
| color: white;
| |
| text-align: right;
| |
| }
| |
|
| |
| .hero-title {
| |
| font-size: 42px;
| |
| font-weight: 700;
| |
| margin-bottom: 12px;
| |
| text-shadow: 0 3px 12px rgba(0,0,0,0.4);
| |
| }
| |
|
| |
| .hero-subtitle {
| |
| font-size: 18px;
| |
| opacity: 0.95;
| |
| }
| |
|
| |
| /* 메인 컨테이너 */
| |
| .main-container {
| |
| max-width: 1200px;
| |
| margin: 0 auto;
| |
| padding: 40px 24px 60px;
| |
| }
| |
|
| |
| .content-grid {
| |
| display: grid;
| |
| grid-template-columns: 1fr 380px;
| |
| gap: 32px;
| |
| }
| |
|
| |
| .section-title {
| |
| font-size: 22px;
| |
| font-weight: 700;
| |
| margin-bottom: 20px;
| |
| padding-bottom: 12px;
| |
| border-bottom: 3px solid var(--primary);
| |
| display: inline-block;
| |
| }
| |
|
| |
| /* 카드 */
| |
| .activity-card {
| |
| background-color: white;
| |
| border-radius: 12px;
| |
| padding: 24px;
| |
| box-shadow: 0 2px 8px rgba(0,0,0,0.06);
| |
| border: 1px solid var(--border);
| |
| transition: all 0.3s;
| |
| }
| |
|
| |
| .activity-card:hover {
| |
| transform: translateY(-4px);
| |
| box-shadow: 0 8px 24px rgba(0,0,0,0.1);
| |
| }
| |
|
| |
| /* 반응형 */
| |
| @media (max-width: 1024px) {
| |
| .content-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| }
| |