<footer class="site-footer" role="contentinfo">
    {{-- Topbar: 링크 띠 --}}
    <div class="footer-topbar">
        <div class="container footer-topbar__inner">
            <nav class="footer-topbar__nav" aria-label="푸터 상단 링크">
                <a class="footer-topbar__link" href="{{ route('web.cs.notice.index') }}">공지사항</a>
                <span class="footer-topbar__sep">|</span>
                <a class="footer-topbar__link" href="{{ route('web.cs.faq.index') }}">자주 묻는 질문</a>
                <span class="footer-topbar__sep">|</span>
                <a class="footer-topbar__link" href="{{ route('web.cs.kakao.index') }}">카카오톡상담</a>
                <span class="footer-topbar__sep">|</span>
                <a class="footer-topbar__link" href="{{ route('web.cs.qna.index') }}">1:1 문의</a>
                <span class="footer-topbar__sep">|</span>
                <a class="footer-topbar__link" href="{{ route('web.policy.index') }}">약관 및 정책</a>
                <span class="footer-topbar__sep">|</span>
                <a class="footer-topbar__link" href="{{ route('web.policy.terms.index') }}">이용약관</a>
                <span class="footer-topbar__sep">|</span>
                <a class="footer-topbar__link footer-topbar__link--strong" href="{{ route('web.policy.privacy.index') }}">개인정보처리방침</a>
                <span class="footer-topbar__sep">|</span>
                <a class="footer-topbar__link" href="{{ route('web.policy.email.index') }}">이메일무단수집거부</a>
            </nav>
        </div>
    </div>

    {{-- Main --}}
    <div class="footer-main">
        <div class="container">
            <div class="footer-grid">

                {{-- Brand / Company --}}
                <div class="footer-col footer-col--brand">
                    <a href="{{ url('/') }}" class="footer-logo" aria-label="홈으로">
                        <img
                            src="{{ asset('assets/images/common/bottom_logo.png') }}"
                            alt="PIN FOR YOU"
                            class="footer-logo-img"
                            loading="lazy"
                        >
                    </a>

                    <div class="footer-company">
                        <div class="footer-company__row">
                            <span class="footer-company__k">상호명 및 호스팅 서비스 제공</span>
                            <span class="footer-company__v">(주) 플러스메이커</span>
                        </div>
                        <div class="footer-company__row">
                            <span class="footer-company__k">대표이사</span>
                            <span class="footer-company__v">송병수</span>
                        </div>
                        <div class="footer-company__row">
                            <span class="footer-company__k">주소</span>
                            <span class="footer-company__v">전북특별자치도 전주시 완산구 용마리로 94, 4층 451호</span>
                        </div>
                        <div class="footer-company__row">
                            <span class="footer-company__k">사업자등록번호</span>
                            <span class="footer-company__v">121-88-01191</span>
                        </div>
                        <div class="footer-company__row">
                            <span class="footer-company__k">통신판매업신고번호</span>
                            <span class="footer-company__v">제 2018-전주완산-0705호</span>
                        </div>
                        <div class="footer-company__row">
                            <span class="footer-company__k">개인정보관리책임자</span>
                            <span class="footer-company__v">송병수</span>
                        </div>
                    </div>

                    <div class="footer-copy">
                        © 2018 plusmaker Corp. All rights reserved.
                    </div>
                </div>

                {{-- Customer Center --}}
                <div class="footer-col footer-col--cs">
                    <div class="footer-h">고객센터</div>

                    <div class="footer-call">
                        <div class="footer-call__num">1833-4856</div>
                        <div class="footer-call__meta">평일 09:00~18:00 (점심 12:00~13:00) · 주말/공휴일 휴무</div>
                    </div>

                    <div class="footer-kv">
                        <div class="footer-kv__row">
                            <span class="footer-kv__k">메일</span>
                            <span class="footer-kv__v">master@plusmaker.co.kr</span>
                        </div>
                    </div>
                </div>

                {{-- Policy / Payment / Marks --}}
                <div class="footer-col footer-col--etc">
                    <div class="footer-h">약관 및 안내</div>

                    <div class="footer-mini-links">
                        <a class="footer-link" href="{{ route('web.policy.terms.index') }}">이용약관</a>
                        <a class="footer-link footer-link--strong" href="{{ route('web.policy.privacy.index') }}">개인정보처리방침</a>
                        <a class="footer-link" href="{{ route('web.policy.email.index') }}">이메일무단수집거부</a>
                        <a class="footer-link" href="{{ route('web.cs.notice.index') }}">공지사항</a>
                    </div>

                    <div class="footer-payments">
                        <div class="footer-pay">
                            <img
                                src="{{ asset('assets/images/web/escrow_logo.png') }}"
                                alt="Danal escrow service"
                                class="footer-pay__img"
                                loading="lazy"
                            >
                            <div class="footer-pay__cap">Danal escrow service</div>
                        </div>

                        <div class="footer-pay">
                            <img
                                src="{{ asset('assets/images/web/payment-method.png') }}"
                                alt="Secured Payment Gateways"
                                class="footer-pay__img footer-pay__img--wide"
                                loading="lazy"
                            >
                            <div class="footer-pay__cap">Secured Payment Gateways</div>
                        </div>
                    </div>

                    {{-- 인증/마크 영역 (이미지 파일 있으면 교체해서 사용) --}}
                    <div class="footer-marks" aria-label="인증 마크">
                        {{-- 예: assets/images/common/mark-isms.png 같은 파일 추가 시 사용 --}}
                        {{-- <img src="{{ asset('assets/images/common/mark-isms.png') }}" alt="ISMS" loading="lazy"> --}}
                        {{-- <img src="{{ asset('assets/images/common/mark-escrow.png') }}" alt="에스크로" loading="lazy"> --}}
                    </div>
                </div>

            </div>
        </div>
    </div>
</footer>
