<!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="smap-wrap">
                    <div class="sub-inner">
 
                        <div class="smap-grid">
 
                            <!-- 1. 회사소개 -->
                            <div class="smap-col">
                                <div class="smap-depth1">
                                    <div class="smap-depth1-icon">
                                        <svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
                                    </div>
                                    <div class="smap-depth1-label">
                                        <span class="smap-depth1-en">Company</span>
                                        <span class="smap-depth1-ko">회사소개</span>
                                    </div>
                                </div>
                                <ul class="smap-depth2-list">
                                    <li><a href="/company/intro">회사개요 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/company/business">경영이념 &amp; 비전 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/company/history">회사연혁 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/company/chart">조직도 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/company/map">찾아오는 길 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                </ul>
                            </div>
 
                            <!-- 2. 서비스 -->
                            <div class="smap-col">
                                <div class="smap-depth1">
                                    <div class="smap-depth1-icon">
                                        <svg viewBox="0 0 24 24"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
                                    </div>
                                    <div class="smap-depth1-label">
                                        <span class="smap-depth1-en">Business</span>
                                        <span class="smap-depth1-ko">사업소개</span>
                                    </div>
                                </div>
                                <ul class="smap-depth2-list">
                                    <li><a href="/business/intro">사업소개 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/business/pg">PG 시스템 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/business/prepayment">선불 시스템 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/business/payment">결제 솔루션<span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/business/sales">매출정산 솔루션 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/business/b2b">B2B 구매자금 솔루션 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/business/delivery">배달대행 솔루션 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/business/progress">사업진행현황 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                </ul>
                            </div>
 
                            <!-- 3. 채용 -->
                            <div class="smap-col">
                                <div class="smap-depth1">
                                    <div class="smap-depth1-icon">
                                        <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                                    </div>
                                    <div class="smap-depth1-label">
                                        <span class="smap-depth1-en">Careers</span>
                                        <span class="smap-depth1-ko">인재채용</span>
                                    </div>
                                </div>
                                <ul class="smap-depth2-list">
                                    <li><a href="/careers/talent">인재상 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/careers/benefit">복리후생 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/careers/careers">채용정보 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/careers/recruitment">채용문의 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                </ul>
                            </div>
 
                            <!-- 4. 고객지원 -->
                            <div class="smap-col">
                                <div class="smap-depth1">
                                    <div class="smap-depth1-icon">
                                        <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>
                                    </div>
                                    <div class="smap-depth1-label">
                                        <span class="smap-depth1-en">Oline</span>
                                        <span class="smap-depth1-ko">오라인</span>
                                    </div>
                                </div>
                                <ul class="smap-depth2-list">
                                    <li><a href="/bbs/owrainfo">회사소식 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/bbs/partnership">제휴문의 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                    <li><a href="/bbs/press">보도자료 <span class="smap-arrow"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span></a></li>
                                </ul>
                            </div>
 
                        </div><!-- /smap-grid -->
 
                        <div class="smap-home-row">
                            <a href="/" class="smap-home-btn">
                                <svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
                                메인 홈으로 이동
                            </a>
                        </div>
 
                    </div>
                </section>
            </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>