.page-module__9PpV-q__main{padding-top:0}.page-module__9PpV-q__hero{padding:calc(var(--header-height) + 120px)0 100px;text-align:center;color:var(--color-white);background-image:url(https://images.unsplash.com/photo-1497366216548-37526070297c?q=80&w=1920&auto=format&fit=crop);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.page-module__9PpV-q__hero:after{content:"";z-index:1;background:linear-gradient(135deg,#0f172ad9 0%,#0f172ab3 100%);position:absolute;inset:0}.page-module__9PpV-q__heroContent{z-index:2;max-width:800px;margin:0 auto;position:relative}.page-module__9PpV-q__heroLabel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.1em;color:#4caf50;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;margin-bottom:24px;padding:6px 16px;font-size:17px;font-weight:600;display:inline-block}.page-module__9PpV-q__heroTitle{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2}.page-module__9PpV-q__heroDesc{opacity:.9;font-size:18px;line-height:1.6}.page-module__9PpV-q__filters{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-module__9PpV-q__filterBtn{padding:var(--space-2)var(--space-5);border-radius:var(--radius-full);border:1px solid var(--color-gray-300);font-size:var(--font-size-sm);cursor:pointer;color:var(--color-text-secondary);background:var(--color-white);transition:all var(--transition-fast);font-weight:500}.page-module__9PpV-q__filterBtn.page-module__9PpV-q__active,.page-module__9PpV-q__filterBtn:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.page-module__9PpV-q__noticeGrid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.page-module__9PpV-q__noticeItemLink{color:inherit;height:100%;text-decoration:none;display:flex}.page-module__9PpV-q__noticeCard{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:16px;flex-direction:column;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.page-module__9PpV-q__noticeItemLink:hover .page-module__9PpV-q__noticeCard{border-color:var(--color-gray-300);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.page-module__9PpV-q__cardImageWrapper{aspect-ratio:16/9;background-color:var(--color-gray-100);width:100%;position:relative;overflow:hidden}.page-module__9PpV-q__imageOverlay{z-index:2;background:linear-gradient(#0000 0%,#000000a6 100%);justify-content:space-between;align-items:center;padding:28px 16px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.page-module__9PpV-q__overlayBadge{letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff26;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.page-module__9PpV-q__overlayDate{color:#ffffffd9;letter-spacing:.02em;font-size:12px;font-weight:500}.page-module__9PpV-q__cardImage{object-fit:cover;width:100%;height:100%;transition:transform .6s}.page-module__9PpV-q__noticeItemLink:hover .page-module__9PpV-q__cardImage{transform:scale(1.05)}.page-module__9PpV-q__cardContent{flex-direction:column;flex:1;padding:16px 20px 18px;display:flex}.page-module__9PpV-q__cardHeader{display:none}.page-module__9PpV-q__noticeDate{color:var(--color-text-muted);font-size:17px;font-weight:500}.page-module__9PpV-q__noticeTitle{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.page-module__9PpV-q__noticeSummary{color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.page-module__9PpV-q__cardFooter{border-top:1px solid var(--color-gray-100);color:var(--color-primary);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;font-size:17px;font-weight:600;display:flex}.page-module__9PpV-q__newBadge{color:#fff;vertical-align:middle;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:8px;font-size:11px;font-weight:700;display:inline-flex}.page-module__9PpV-q__pagination{justify-content:center;gap:var(--space-2);margin-top:var(--space-10);display:flex}.page-module__9PpV-q__pageBtn{border-radius:var(--radius-md);border:1px solid var(--color-gray-300);width:40px;height:40px;font-size:var(--font-size-sm);background:var(--color-white);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.page-module__9PpV-q__pageBtn:hover{border-color:var(--color-primary);color:var(--color-primary)}.page-module__9PpV-q__pageActive{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-module__9PpV-q__pageEllipsis{width:32px;height:40px;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:15px;display:flex}.page-module__9PpV-q__badge--recruit{color:#065f46;background-color:#ecfdf5}.page-module__9PpV-q__emptyMsg{text-align:center;color:#9ca3af;padding:60px;font-size:15px}@media (max-width:1024px){.page-module__9PpV-q__noticeGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-module__9PpV-q__hero{padding:calc(var(--header-height) + 80px)0 60px}.page-module__9PpV-q__heroTitle{font-size:2rem}.page-module__9PpV-q__noticeGrid{grid-template-columns:1fr}}.page-module__9PpV-q__loadingWrapper{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:80px 0;display:flex}.page-module__9PpV-q__loadingSpinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite page-module__9PpV-q__spin}.page-module__9PpV-q__loadingText{color:var(--color-text-secondary);font-size:15px}@keyframes page-module__9PpV-q__spin{to{transform:rotate(360deg)}}