<!doctype html>
<html lang="ko"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layout/default}">
<head>
    <title>매출정산서비스</title>
</head>
<body>

<div id="wrapper" layout:fragment="content">
    <!-- ======================== HEADER -->
    <header id="hd" class="sub"></header>

    <!-- ======================== CONTAINER -->
    <div id="container">
        <div id="container_wrapper">

            <!-- ========= SUB VISUAL + BREADCRUMB ========= -->
            <div id="sub_visual">
                <div class="sub-bg bg-business"></div>
                <div class="sub-tit-wrap">
                    <h2 class="sub-tit">매출정산서비스</h2>
                    <p class="sub-desc">선 정산 서비스 솔루션</p>
                </div>
            </div>            
            <!-- ========= SUB VISUAL + BREADCRUMB [e] ========= -->


            <!-- ========= SUB CONTENT [s] ========= -->
            <div class="sub_content">		
                <section class="intro-section">                   
                    <div class="ps-sys-section">
                        <div class="sub-inner">
 
                            <!-- 섹션 헤더 -->
                            <div class="ps-sec-head ps-fade">
                                <span class="ps-eyebrow">Pre-Settlement Service</span>
                                <h2 class="sub-h2">매출정산 관리 <em>통합 솔루션</em></h2>
                                <p class="sub-desc-txt">매장 카드결제, 배달의 민족, 요기요 등<br>오늘 매출을 바로 <b>다음날 입금</b>해 드립니다.</p>
                            </div>
 
                            <!-- 4개 시스템 카드 -->
                            <div class="ps-sys-grid">
 
                                <!-- 1. 매출정산 관리 시스템 -->
                                <div class="ps-sys-card ps-fade">
                                    <div class="ps-sys-icon">
                                        <svg viewBox="0 0 24 24"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/><path d="M6 8h.01M9 8h6"/></svg>
                                    </div>
                                    <h3 class="ps-sys-tit">매출정산 관리 시스템</h3>
                                    <ul class="ps-sys-list">
                                        <li>대리점/가맹점 관리</li>
                                        <li>입금정산/출금정산</li>
                                        <li>통계관리</li>
                                        <li>실시간 매출관리</li>
                                        <li>수수료 관리</li>
                                    </ul>
                                </div>
 
                                <!-- 2. 여신 관리 시스템 -->
                                <div class="ps-sys-card ps-fade">
                                    <div class="ps-sys-icon">
                                        <svg viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2z"/><path d="M12 6v6l4 2"/></svg>
                                    </div>
                                    <h3 class="ps-sys-tit">여신 관리 시스템</h3>
                                    <ul class="ps-sys-list">
                                        <li>가맹점 여신관리</li>
                                        <li>이자&amp;상환관리</li>
                                        <li>채권관리</li>
                                        <li>통계관리</li>
                                    </ul>
                                </div>
 
                                <!-- 3. 가맹점 매출관리 어플 -->
                                <div class="ps-sys-card ps-fade">
                                    <div class="ps-sys-icon">
                                        <svg viewBox="0 0 24 24"><rect x="5" y="2" width="14" height="20" rx="2"/><path d="M12 18h.01"/></svg>
                                    </div>
                                    <h3 class="ps-sys-tit">가맹점 매출관리 어플</h3>
                                    <ul class="ps-sys-list">
                                        <li>실시간 매출 관리</li>
                                        <li>카드 결제 모듈 (PG 연동)</li>
                                        <li>선정산&amp;대출 정보 조회</li>
                                        <li>매출통계 관리</li>
                                        <li>긴급 자금 신청</li>
                                    </ul>
                                </div>
 
                                <!-- 4. 매출 연동서비스 -->
                                <div class="ps-sys-card ps-fade">
                                    <div class="ps-sys-icon">
                                        <svg viewBox="0 0 24 24"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
                                    </div>
                                    <h3 class="ps-sys-tit">매출 연동 서비스</h3>
                                    <ul class="ps-sys-list">
                                        <li>12개 VAN사 연동</li>
                                        <li>배달의 민족/요기요 연동</li>
                                        <li>은행계좌 연동</li>
                                    </ul>
                                </div>
 
                            </div><!-- /ps-sys-grid -->
                        </div>
                    </div>
                </section>
 
 
                <!-- ══════════════════════════════════
                     SECTION 2 — 이용 혜택 (다크 배경)
                     ══════════════════════════════════ -->
                <div class="ps-benefit-section">
                    <div class="sub-inner">
                        <div class="ps-sec-head ps-fade">
                            <span class="ps-eyebrow">Why Pre-Settlement?</span>
                            <h2 class="sub-h2">선 정산 서비스를 <em>이용하려면?</em></h2>
                            <p class="sub-desc-txt">카드사별 입금 주기의 차이에서 발생하는 매출 누락·자금 공백을<br>선 정산 서비스 하나로 해결하세요.</p>
                        </div>
 
                        <div class="ps-benefit-grid">
 
                            <div class="ps-benefit-card ps-fade">
                                <div class="ps-benefit-ico">
                                    <svg viewBox="0 0 24 24"><path d="M9 12l2 2 4-4"/><path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"/></svg>
                                </div>
                                <p class="ps-benefit-tit">매출 누락방지</p>
                                <p class="ps-benefit-desc">카드사별로 입금 주기가 달라도 선 정산으로 카드 매출의 누락을 방지합니다.</p>
                            </div>
 
                            <div class="ps-benefit-card ps-fade">
                                <div class="ps-benefit-ico">
                                    <svg viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
                                </div>
                                <p class="ps-benefit-tit">현금 유동성 확보</p>
                                <p class="ps-benefit-desc">오늘 매출이 내일 바로 입금되므로 묶이는 자금이 없어집니다.</p>
                            </div>
 
                            <div class="ps-benefit-card ps-fade">
                                <div class="ps-benefit-ico">
                                    <svg viewBox="0 0 24 24"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
                                </div>
                                <p class="ps-benefit-tit">매출 정산 관리</p>
                                <p class="ps-benefit-desc">매장의 매출을 한 곳에서 정산·관리할 수 있습니다.</p>
                            </div>
                            <div class="ps-benefit-card ps-fade">
                                <div class="ps-benefit-ico">
                                    <svg viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
                                </div>
                                <p class="ps-benefit-tit">매출 횡령 방지</p>
                                <p class="ps-benefit-desc">매출이 한 곳에서 정산·관리되므로 누락 및 횡령이 방지됩니다.</p>
                            </div>
 
                            <div class="ps-benefit-card ps-fade">
                                <div class="ps-benefit-ico">
                                    <svg viewBox="0 0 24 24"><path d="M20 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z"/><path d="M12 12h.01"/></svg>
                                </div>
                                <p class="ps-benefit-tit">스팟대여금</p>
                                <p class="ps-benefit-desc">스팟대여금이 가능하여 카드론·현금서비스를 받으실 필요가 없습니다.</p>
                            </div>
 
                        </div><!-- /ps-benefit-grid -->
                    </div>
                </div>
 
 
                <!-- ══════════════════════════════════
                     SECTION 3 — 사장님 인터뷰 (말풍선)
                     ══════════════════════════════════ -->
                <div class="ps-review-section">
                    <div class="sub-inner">
 
                        <div class="ps-sec-head ps-fade">
                            <span class="ps-eyebrow">Real Reviews</span>
                            <h2 class="sub-h2">사장님들의 <em>인터뷰</em></h2>
                            <p class="ps-review-intro">오늘 매출을 내일 오전에 받는 배달시대<br>매장카드&amp;배달앱 선정산 서비스를 이용하시는 사장님들의 리뷰!</p>
                        </div>
 
                        <div class="ps-review-grid">
 
                            <!-- 리뷰 1 -->
                            <div class="ps-review-card ps-fade">
                                <div class="ps-review-quote"><img src="/img/sub/ico-mark.png"></div>
                                <p class="ps-review-txt">매출을 보이는데 통장에 들어오는 돈은 항상 틀리네요~<br>왜 차이가 나는지 이제 알겠습니다.</p>
                                <div class="ps-reviewer-row">
                                    <div class="ps-reviewer-ava">
                                        <img src="/img/sub/user01.png">
                                    </div>
                                    <div class="ps-reviewer-info">
                                        <p class="ps-reviewer-name">프랜차이즈 점장 3년차</p>
                                        <p class="ps-reviewer-role">경기도</p>
                                    </div>
                                </div>
                            </div>
 
                            <!-- 리뷰 2 -->
                            <div class="ps-review-card ps-fade">
                                <div class="ps-review-quote"><img src="/img/sub/ico-mark.png"></div>
                                <p class="ps-review-txt">일도 힘들고 영업 끝난 후에 돈까지 맞추려니 쉴 시간도 없었는데, 믿을 수 있는 정산시스템이 있어서 믿고 갑니다.</p>
                                <div class="ps-reviewer-row">
                                    <div class="ps-reviewer-ava">
                                        <img src="/img/sub/user02.png">
                                    </div>
                                    <div class="ps-reviewer-info">
                                        <p class="ps-reviewer-name">제과점 운영 2년차</p>
                                        <p class="ps-reviewer-role">경기도</p>
                                    </div>
                                </div>
                            </div>
 
                            <!-- 리뷰 3 -->
                            <div class="ps-review-card ps-fade">
                                <div class="ps-review-quote"><img src="/img/sub/ico-mark.png"></div>
                                <p class="ps-review-txt">오늘 매출이 내일 들어오니 결제 부분을 빨리 해줄 수 있어서 거래처에서도 할인도 받았어요!</p>
                                <div class="ps-reviewer-row">
                                    <div class="ps-reviewer-ava">
                                        <img src="/img/sub/user03.png">
                                    </div>
                                    <div class="ps-reviewer-info">
                                        <p class="ps-reviewer-name">요식업 운영 5년차</p>
                                        <p class="ps-reviewer-role">서울</p>
                                    </div>
                                </div>
                            </div>
 
                        </div><!-- /ps-review-grid -->
                    </div>
                </div>
 
 
                <!-- ══════════════════════════════════
                     하단 CTA 버튼 4개
                     ══════════════════════════════════ -->
               <!--
                     <div class="evpg-ref-wrap">
                    <div class="sub-inner">
                        <div class="evpg-cta-row">
                            <a href="chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.owra.net/imgs/solution_pc_menual01.pdf" target="_blank" class="evpg-btn-outline">
                                <svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg>
                                매출정산 시스템구조도
                            </a>
                            <a href="chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.owra.net/imgs/solution_pc_menual02.pdf" target="_blank" class="evpg-btn-outline">
                                <svg viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
                                대리점 사용자 매뉴얼
                            </a>
                            <a href="chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.owra.net/imgs/solution_pc_menual03.pdf" target="_blank" class="evpg-btn-outline">
                                <svg viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
                                가맹점 사용자 매뉴얼
                            </a>
                            <a href="/bbs/partnership" class="evpg-btn-outline">
                                <svg viewBox="0 0 24 24"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                                견적 문의하기
                            </a>
                        </div>
                    </div>
                </div>
                -->
            </div>
       
            <!-- ========= SUB CONTENT [e] ========= -->

        </div>
    </div>
</div>
<th:block layout:fragment="scripts">
<script>
    /* 스크롤 페이드업 */
    const _obs = new IntersectionObserver(entries => {
        entries.forEach(el => { if (el.isIntersecting) { el.target.classList.add('on'); _obs.unobserve(el.target) } });
    }, { threshold: 0.08 });
    document.querySelectorAll('.ps-fade').forEach(el => _obs.observe(el));
 
    /* 앵커 스크롤 */
    document.querySelectorAll('a[href^="#"]').forEach(a => {
        a.addEventListener('click', e => {
            const t = document.querySelector(a.getAttribute('href'));
            if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth' }) }
        });
    });
</script>
</th:block>
</body>
</html>