<section class="section section--support" id="support">
    <div class="container">
        <div class="support-grid">

            {{-- Notices --}}
            <div class="notice-panel" aria-label="공지사항">
                <div class="notice-head">
                    <h2 class="notice-title">공지사항</h2>
                    <a href="/cs/notice" class="notice-more">더보기</a>
                </div>

                <ul class="notice-list">
                    <li class="notice-item">
                        <a href="/cs/notice/1" class="notice-link">
                            <span class="notice-badge">공지</span>
                            <span class="notice-text">설 연휴 고객센터 운영 안내</span>
                            <time class="notice-date" datetime="2026-01-09">2026.01.09</time>
                        </a>
                    </li>

                    <li class="notice-item">
                        <a href="/cs/notice/2" class="notice-link">
                            <span class="notice-badge notice-badge--info">안내</span>
                            <span class="notice-text">휴대폰 결제 점검 안내 (일시)</span>
                            <time class="notice-date" datetime="2026-01-08">2026.01.08</time>
                        </a>
                    </li>

                    <li class="notice-item">
                        <a href="/cs/notice/3" class="notice-link">
                            <span class="notice-badge notice-badge--info">안내</span>
                            <span class="notice-text">핀번호 발송/재발송 정책 안내</span>
                            <time class="notice-date" datetime="2026-01-06">2026.01.06</time>
                        </a>
                    </li>

                    <li class="notice-item">
                        <a href="/cs/notice/3" class="notice-link">
                            <span class="notice-badge notice-badge--info">안내</span>
                            <span class="notice-text">핀번호 발송/재발송 정책 안내</span>
                            <time class="notice-date" datetime="2026-01-06">2026.01.06</time>
                        </a>
                    </li>
                </ul>
            </div>

            {{-- Banners --}}
            <div class="support-banners">
                <a href="/cs/qna" class="support-banner support-banner--qna" aria-label="1:1 문의">
                    <div class="support-banner-title">1:1 문의함</div>
                    <div class="support-banner-desc">주문/환불/발송 문의를 빠르게 접수하세요</div>
                    <div class="support-banner-cta">바로가기 →</div>
                </a>

                <a href="/cs/guide" class="support-banner support-banner--guide" aria-label="이용안내">
                    <div class="support-banner-title">이용안내</div>
                    <div class="support-banner-desc">구매 절차 · 결제 · 발송 흐름 한눈에</div>
                    <div class="support-banner-cta">바로가기 →</div>
                </a>
            </div>

        </div>
    </div>
</section>
