|
|
| 1번째 줄: |
1번째 줄: |
| /* ===== 인문지리학 전공 메인페이지 전용 스타일 ===== */
| |
|
| |
|
| body {
| |
| margin: 0;
| |
| font-family: 'Noto Sans KR', sans-serif;
| |
| }
| |
|
| |
| #content,
| |
| .mw-body,
| |
| #mw-content-text {
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| }
| |
|
| |
| .main-wrapper {
| |
| max-width: 1200px;
| |
| margin: 0 auto;
| |
| padding: 40px 24px 60px;
| |
| }
| |
|
| |
| /* Hero */
| |
| .hero {
| |
| position: relative;
| |
| height: 380px;
| |
| background: url('/wiki/images/b/bc/Banner_hg.jpg') center/cover no-repeat;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .hero::after {
| |
| content: '';
| |
| position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| left: 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;
| |
| }
| |
|
| |
| .hero-subtitle {
| |
| font-size: 18px;
| |
| }
| |
|
| |
| /* Section */
| |
| .section-title {
| |
| font-size: 22px;
| |
| font-weight: 700;
| |
| margin-bottom: 20px;
| |
| padding-bottom: 12px;
| |
| border-bottom: 3px solid #1e4b8e;
| |
| display: inline-block;
| |
| }
| |
|
| |
| /* Cards */
| |
| .activities-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(3, 1fr);
| |
| gap: 20px;
| |
| }
| |
|
| |
| .activity-card {
| |
| background: #fff;
| |
| border-radius: 12px;
| |
| padding: 24px;
| |
| box-shadow: 0 2px 8px rgba(0,0,0,0.06);
| |
| border: 1px solid #dce3ec;
| |
| transition: 0.3s;
| |
| }
| |
|
| |
| .activity-card:hover {
| |
| transform: translateY(-4px);
| |
| box-shadow: 0 8px 24px rgba(0,0,0,0.1);
| |
| }
| |
|
| |
| .activity-title {
| |
| font-size: 17px;
| |
| font-weight: 600;
| |
| margin-bottom: 8px;
| |
| }
| |
|
| |
| .activity-desc {
| |
| font-size: 14px;
| |
| color: #64748b;
| |
| }
| |
|
| |
| .activity-button {
| |
| display: inline-block;
| |
| margin-top: 12px;
| |
| text-decoration: none;
| |
| color: #1e4b8e;
| |
| font-weight: 600;
| |
| }
| |