<!DOCTYPE html>
<html lang="ko">
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no" />
    <title>올닷</title>
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/sub.css">
    <link rel="stylesheet" href="/css/swiper-bundle.min.css">
    <link rel="shortcut icon" href="data:image/x-icon" type="image/x-icon">
    <link rel="icon" href="/favicon.ico">

    <script src="/js/jquery-3.4.1.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/basic.js"></script>
    <script src="/js/swiper-bundle.min.js"></script>
    <script src="/js/jquery.marquee.js"></script>
    <script src="/common/js/commonUtil.js"></script>
    <script src="/common/js/paging.js"></script>

    <script src="/js/service/service.js"></script>
    <script src="/js/search/search.js"></script>
    <script src="/js/mypage/mypage.js"></script>
    <script src="/js/popupUtil.js"></script>

    <meta name="google-site-verification" content="pmJVLvmv6N83EMln5QFpzXuY47gW3gRiWMC0s_cljXk" />

    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-T63TDSF3');</script>
    <!-- End Google Tag Manager -->

</head>

<body>

    <div class="wrap">
        <!-- header -->
        <header id="header">

     <!--Google tag (gtag.js) -->
    <!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-V7JD5SQ4GT"></script>
    <script>
        window.dataLayer = window.dataLayer || [];f
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-V7JD5SQ4GT');
    </script>-->

    <style>
        .curs {
            cursor: pointer;
        }
        /* ckEditor table border 선 표시  css */
        /*.table table {*/
        /*    border-collapse: collapse; !* 테두리 간의 간격 제거 *!*/
        /*    width: 100%; !* 필요에 따라 너비 조정 *!*/
        /*}*/

        /*.table td, .table th {*/
        /*    border: 1px solid black; !* 검정색 실선 테두리 *!*/
        /*    padding: 8px; !* 더 나은 간격을 위한 셀 패딩 *!*/
        /*}*/
        /*blockquote {
            margin: 20px;
            padding: 10px;
            border-left: 5px solid #ccc;
            background-color: #f9f9f9;
        }

        blockquote p {
            margin: 0;
        }*/
    </style>
    <div class="top-banner" id="band-image-area">
        <div style="width: 320px; height: 22px"></div>
    </div>
    <div class="header-inner">
        <h1 class="logo"><a href="/main"><span class="blind">올닷</span></a></h1>
        <nav id="gnb_layout">
            <div id="gnb">
                <div class="layout">
                    <!-- 메뉴 시작 -->
                    <ul class="depth1_ul" id="menu-area">
                        <li>
                            <a class="enter"><span>안전창업솔루션</span></a>
                            <div class="item">
                                
                                    <div class="gnb-title">
                                        <strong>안전창업솔루션</strong>
                                        <p>아이템 선정부터 내 가게 오픈까지,안전하고 손쉬운 창업을 도와드립니다. </p>
                                        <img src="/images/common/menu-title-img01.png" alt="메뉴이미지">
                                    </div>
                                
                                
                                
                                <ul class="depth2_ul">
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>내 점포 만들기</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/10">
                                                    <span>한번에 창업견적</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/11">
                                                    <span>매장찾기/양수매물검증</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/12">
                                                    <span>매장팔기/양도매물인증</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/5">
                                                    <span>카드결제/가맹점등록</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/16">
                                                    <span>법인설립무료지원센터</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/61">
                                                    <span>인터넷/CCTV</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>유망업종/프랜차이즈</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/186">
                                                    <span>자영업 트렌드</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/74">
                                                    <span>유망 프랜차이즈</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/79">
                                                    <span>집중 상권</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>창업/운영 꿑팁</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/92">
                                                    <span>창업전문가 칼럼</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/94">
                                                    <span>운영/마케팅 정보</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a class="enter"><span>성공매장운영</span></a>
                            <div class="item">
                                
                                
                                
                                    <div class="gnb-title">
                                        <strong>성공매장운영</strong>
                                            <p>주문,결제부터 경영, 홍보, 마케팅, 직원관리 등 매장운영을 위한 모든 것 전문가와 지금, 바로 상담해 보세요.</p>
                                        
                                        <img src="/images/common/menu-title-img02.png" alt="메뉴이미지">
                                    </div>
                                
                                <ul class="depth2_ul">
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>IT솔루션</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/139">
                                                    <span>카드단말기</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/8">
                                                    <span>전자결제(PG)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/9">
                                                    <span>비대면원격결제</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/142">
                                                    <span>POS(포스) 시스템</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/159">
                                                    <span>KIOSK(키오스크)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/143">
                                                    <span>Table Order(테이블오더)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/4">
                                                    <span>픽업솔루션</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/6">
                                                    <span>디지털 메뉴보드</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>경영솔루션</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/163">
                                                    <span>세무자동장부</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/49">
                                                    <span>경정청구</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/53">
                                                    <span>매장 HR솔루션</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/54">
                                                    <span>장사고수 성공컨설팅</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/50">
                                                    <span>세이브택스 세무기장</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>마케팅솔루션</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/55">
                                                    <span>성공! 온라인마케팅</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/90">
                                                    <span>멤버십서비스</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>렌탈&amp;구독솔루션</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/59">
                                                    <span>신규렌탈</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/60">
                                                    <span>렌탈승계</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>식자재솔루션</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/184">
                                                    <span>베이킹몬</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a class="enter"><span>LG B2B전문몰</span></a>
                            <div class="item">
                                
                                
                                    <div class="gnb-title">
                                        <strong>LG B2B전문몰</strong>
                                        <p>LG전자의 프리미엄 가전을 최고의 올닷 혜택가로 제공</p>
                                        <img src="/images/common/menu-title-img03.png" alt="메뉴이미지">
                                    </div>
                                
                                
                                <ul class="depth2_ul">
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>디스플레이</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/99">
                                                    <span>디지털 사이니지(단독형)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/100">
                                                    <span>디지털 사이니지(비디오 월)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/101">
                                                    <span>디지털 사이니지(전자칠판)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/102">
                                                    <span>LED 사이니지</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/103">
                                                    <span>OLED 사이니지</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/104">
                                                    <span>TV (울트라HD)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/105">
                                                    <span>프로젝터(상업용 프로빔)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/106">
                                                    <span>AV (사운드바)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/107">
                                                    <span>AV (무선스피커)</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>노트북/PC</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/113">
                                                    <span>모니터</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/109">
                                                    <span>노트북(Gram)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/110">
                                                    <span>노트북(컨버터블)</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/112">
                                                    <span>PC(일체형)</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>로봇</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/121">
                                                    <span>LG 클로이 로봇 </span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>주방가전</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/122">
                                                    <span>냉장고</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/123">
                                                    <span>광파오븐</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/124">
                                                    <span>전자레인지</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/125">
                                                    <span>정수기</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0)" style="cursor: auto;"><span>온습도/공기</span></a>
                                        <ul class="depth3_ul">
                                            <li>
                                                <a href="/service/126">
                                                    <span>제습기</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/129">
                                                    <span>공기청정기</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/service/128">
                                                    <span>가습기</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- 고정 메뉴 -->
                        <li>
                            <a class="enter" href="javascript:void(0)"><span>고객센터</span></a>
                            <div class="item">
                                <div class="gnb-title">
                                    <strong>고객센터</strong>
                                    <p>
                                        올닷서비스 이용 중 궁금하신 사항은 언제든 문의주세요.
                                    </p>
                                    <img src="/images/common/menu-title-img04.png" alt=""/>
                                </div>
                                <ul class="depth2_ul">
                                    <li>
                                        <a onclick="linkUrl('notice')"><span>공지사항</span></a>
                                    </li>
                                    <li>
                                        <a onclick="linkUrl('faq')"><span>FAQ</span></a>
                                    </li>
                                    
                                    <li>
                                        <a onclick="linkUrl('termsOfUse')"><span>이용약관</span></a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a class="enter" href="javascript:void(0)"><span>섹타나인 특별제안</span></a>
                            <div class="item">
                                <div class="gnb-title">
                                    <strong>섹타나인 특별제안</strong>
                                    <p>
                                        국내 No.1 프랜차이즈 운영 노하우와 IT 기술을 기반으로 성공하는 B2B 매장 운영솔루션을 컨설팅하여 드립니다.
                                    </p>
                                    <img src="/images/common/menu-title-img05.png" alt=""/>
                                </div>
                                <ul class="depth2_ul">
                                    <li>
                                        <a onclick="linkUrl('s9')"><span>섹타나인의 가치</span></a>
                                    </li>
                                    <li>
                                        <a onclick="linkUrl('digital')"><span>디지털 프랜차이즈</span></a>
                                    </li>
                                    <li>
                                        <a onclick="linkUrl('elFee')"><span>전기세 절감 패키지</span></a>
                                    </li>
                                    <li>
                                        <a onclick="linkUrl('ummanned')"><span>무인화 패키지</span></a>
                                    </li>
<!--                                    <li>-->
<!--                                        <a href="javascript:void(0)"><span>Payment 전문 컨설팅</span></a>-->
<!--                                    </li>-->
                                </ul>
                            </div>
                        </li>
                    </ul>
                    <!-- //메뉴 끝 -->
                </div>
            </div>
        </nav>
        <!--검색 레이어 st-->
        <div id="search_wrap" class="search_wrap">
            <div class="btn_search-close" onclick="$('#search_btn').click()">
                <i></i><span class="blind">닫기</span>
            </div>
            <div class="search-input-box">
                <form action="/search" method="get" onsubmit="return handleSubmit('search-header')">
                    <div class="dv-grp input-border">
                        <div class="dv">
                            <input type="text" class="block all-none search-layer" id="search-header" name="search" placeholder="궁금하신 내용을 입력해보세요" value="" autocomplete="off">
                        </div>
                        <div class="dvn mlauto">
                            <button type="submit" class="btn-MT-search"><span class="blind">검색</span></button>
                        </div>
                    </div>
                </form>
                <div class="search-fav">
                    <div class="sear-fav-title">추천 검색어 : </div>
                    <div>
                       <span class="sear-fav-title">#한번에창업견적</span><span class="sear-fav-title">#안전창업솔루션</span><span class="sear-fav-title">#성공매장운영</span>
                    </div>
                </div>
            </div>
        </div>
        <!--검색 레이어 ed-->
        <div class="util">
            <button class="btn-icon btn-search" id="search_btn"><span class="blind">검색</span></button>
            <!--  -->
            
            <!--  -->
            
                <button type="button" class="btn-icon btn-login"
                        onclick="javascript:location.href=&#39;/auth/loginPage&#39;"><span class="blind">로그인</span>
                </button>
            
            <button class="btn-allmenu" id="all_btn"><i></i><span class="blind">전체메뉴</span></button>
            <button class="mbtn" id="m-menu"><i></i><span class="blind">모바일 메뉴</span></button>
            <!--전체메뉴 st-->
            <div class="all-menu" id="allMenu">
                <div class="scroll_wrap">
                    <ul class="all-menu-frame">
                        <li class="title-box">안전창업솔루션</li>
                        <li>
                            
                                <dl class="last">
                                    <dt>내 점포 만들기</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 10);">한번에 창업견적</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 11);">매장찾기/양수매물검증</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 12);">매장팔기/양도매물인증</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 5);">카드결제/가맹점등록</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 16);">법인설립무료지원센터</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 61);">인터넷/CCTV</dd>
                                </dl>
                            
                        </li>
                        <li>
                            
                                <dl class="last">
                                    <dt>유망업종/프랜차이즈</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 186);">자영업 트렌드</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 74);">유망 프랜차이즈</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 79);">집중 상권</dd>
                                </dl>
                            
                        </li>
                        <li>
                            
                                <dl class="last">
                                    <dt>창업/운영 꿑팁</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 92);">창업전문가 칼럼</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 94);">운영/마케팅 정보</dd>
                                </dl>
                            
                        </li>
                        <li>
                            
                        </li>
                    </ul>
                    <ul class="all-menu-frame">
                        <li class="title-box">성공매장운영</li>
                        <li>
                            
                                <dl>
                                    <dt>IT솔루션</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 139);">카드단말기</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 8);">전자결제(PG)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 9);">비대면원격결제</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 142);">POS(포스) 시스템</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 159);">KIOSK(키오스크)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 143);">Table Order(테이블오더)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 4);">픽업솔루션</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 6);">디지털 메뉴보드</dd>
                                </dl>
                            
                                <dl class="last">
                                    <dt>식자재솔루션</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 184);">베이킹몬</dd>
                                </dl>
                            
                        </li>
                        <li>
                            
                                <dl class="last">
                                    <dt>경영솔루션</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 163);">세무자동장부</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 49);">경정청구</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 53);">매장 HR솔루션</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 54);">장사고수 성공컨설팅</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 50);">세이브택스 세무기장</dd>
                                </dl>
                            
                        </li>
                        <li>
                            
                                <dl class="last">
                                    <dt>마케팅솔루션</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 55);">성공! 온라인마케팅</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 90);">멤버십서비스</dd>
                                </dl>
                            
                        </li>
                        <li>
                            
                                <dl class="last">
                                    <dt>렌탈&amp;구독솔루션</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 59);">신규렌탈</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 60);">렌탈승계</dd>
                                </dl>
                            
                        </li>
                    </ul>
                    <ul class="all-menu-frame">
                        <li class="title-box">LG B2B전문몰</li>
                        <li>
                            
                                <dl>
                                    <dt>디스플레이</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 99);">디지털 사이니지(단독형)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 100);">디지털 사이니지(비디오 월)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 101);">디지털 사이니지(전자칠판)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 102);">LED 사이니지</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 103);">OLED 사이니지</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 104);">TV (울트라HD)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 105);">프로젝터(상업용 프로빔)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 106);">AV (사운드바)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 107);">AV (무선스피커)</dd>
                                </dl>
                            
                                <dl class="last">
                                    <dt>온습도/공기</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 126);">제습기</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 129);">공기청정기</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 128);">가습기</dd>
                                </dl>
                            
                        </li>
                        <li>
                            
                                <dl class="last">
                                    <dt>노트북/PC</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 113);">모니터</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 109);">노트북(Gram)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 110);">노트북(컨버터블)</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 112);">PC(일체형)</dd>
                                </dl>
                            
                        </li>
                        <li>
                            
                                <dl class="last">
                                    <dt>로봇</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 121);">LG 클로이 로봇 </dd>
                                </dl>
                            
                        </li>
                        <li>
                            
                                <dl class="last">
                                    <dt>주방가전</dt>
                                    <dd onclick="linkUrl(&#39;service&#39;, 122);">냉장고</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 123);">광파오븐</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 124);">전자레인지</dd>
                                    <dd onclick="linkUrl(&#39;service&#39;, 125);">정수기</dd>
                                </dl>
                            
                        </li>
                    </ul>
                    <!-- 고정 메뉴 -->
                    <ul class="all-menu-frame">
                        <li class="title-box">고객센터</li>
                        <li>
                            <dl class="curs">
                                <dt onclick="linkUrl('notice')">공지사항</dt>
                            </dl>
                        </li>
                        <li>
                            <dl class="curs">
                                <dt onclick="linkUrl('faq')">FAQ</dt>
                            </dl>
                        </li>
                        
                        <li>
                            <dl class="curs">
                                <dt onclick="linkUrl('termsOfUse')">이용약관</dt>
                            </dl>
                        </li>
                    </ul>
                    <ul class="all-menu-frame">
                        <li class="title-box">섹타나인 특별제안</li>
                        <li>
                            <dl class="curs">
                                <dt onclick="linkUrl('s9')">섹타나인의 가치</dt>
                            </dl>
                        </li>
                        <li>
                            <dl class="curs">
                                <dt onclick="linkUrl('digital')">디지털 프랜차이즈</dt>
                            </dl>
                        </li>
                        <li>
                            <dl class="curs">
                                <dt onclick="linkUrl('elFee')">전기세 절감 패키지</dt>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt onclick="linkUrl('ummanned')">무인화 패키지</dt>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <!--전체메뉴 ed-->
        </div>
    </div>
    <!--모바일 메뉴 st-->
    <div class="m-menu">
        <div class="top-util">
            <img src="/images/common/m-logo-on.svg" alt="">
            <div class="m-colse" id="mcolse"><img src="/images/common/icon-m-close.svg" alt=""><span
                    class="blind">닫기</span></div>
        </div>
        <div class="login-info">

            <!-- 회원 -->
            

            <!-- 비회원 -->
            

            <!-- 게스트 -->
            
                <button class="button btn-line dark-blue login-mr" onclick="linkUrl('login')">로그인</button>
                <button class="button btn-bg black1" onclick="linkUrl('join')">회원가입</button>
            

        </div>
        <div class="nav_body">
            <ul>
                <li class="depth-1">
                    <a href="javascript:void(0)" class="depth-menu">안전창업솔루션</a>
                    <ul class="nav-list-depth2">
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">내 점포 만들기</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/10"
                                       class="no-depth">한번에 창업견적</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/11"
                                       class="no-depth">매장찾기/양수매물검증</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/12"
                                       class="no-depth">매장팔기/양도매물인증</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/5"
                                       class="no-depth">카드결제/가맹점등록</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/16"
                                       class="no-depth">법인설립무료지원센터</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/61"
                                       class="no-depth">인터넷/CCTV</a>
                                </li>
                            </ul>
                        </li>
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">유망업종/프랜차이즈</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/186"
                                       class="no-depth">자영업 트렌드</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/74"
                                       class="no-depth">유망 프랜차이즈</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/79"
                                       class="no-depth">집중 상권</a>
                                </li>
                            </ul>
                        </li>
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">창업/운영 꿑팁</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/92"
                                       class="no-depth">창업전문가 칼럼</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/94"
                                       class="no-depth">운영/마케팅 정보</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="depth-1">
                    <a href="javascript:void(0)" class="depth-menu">성공매장운영</a>
                    <ul class="nav-list-depth2">
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">IT솔루션</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/139"
                                       class="no-depth">카드단말기</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/8"
                                       class="no-depth">전자결제(PG)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/9"
                                       class="no-depth">비대면원격결제</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/142"
                                       class="no-depth">POS(포스) 시스템</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/159"
                                       class="no-depth">KIOSK(키오스크)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/143"
                                       class="no-depth">Table Order(테이블오더)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/4"
                                       class="no-depth">픽업솔루션</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/6"
                                       class="no-depth">디지털 메뉴보드</a>
                                </li>
                            </ul>
                        </li>
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">경영솔루션</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/163"
                                       class="no-depth">세무자동장부</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/49"
                                       class="no-depth">경정청구</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/53"
                                       class="no-depth">매장 HR솔루션</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/54"
                                       class="no-depth">장사고수 성공컨설팅</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/50"
                                       class="no-depth">세이브택스 세무기장</a>
                                </li>
                            </ul>
                        </li>
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">마케팅솔루션</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/55"
                                       class="no-depth">성공! 온라인마케팅</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/90"
                                       class="no-depth">멤버십서비스</a>
                                </li>
                            </ul>
                        </li>
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">렌탈&amp;구독솔루션</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/59"
                                       class="no-depth">신규렌탈</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/60"
                                       class="no-depth">렌탈승계</a>
                                </li>
                            </ul>
                        </li>
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">식자재솔루션</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/184"
                                       class="no-depth">베이킹몬</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="depth-1">
                    <a href="javascript:void(0)" class="depth-menu">LG B2B전문몰</a>
                    <ul class="nav-list-depth2">
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">디스플레이</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/99"
                                       class="no-depth">디지털 사이니지(단독형)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/100"
                                       class="no-depth">디지털 사이니지(비디오 월)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/101"
                                       class="no-depth">디지털 사이니지(전자칠판)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/102"
                                       class="no-depth">LED 사이니지</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/103"
                                       class="no-depth">OLED 사이니지</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/104"
                                       class="no-depth">TV (울트라HD)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/105"
                                       class="no-depth">프로젝터(상업용 프로빔)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/106"
                                       class="no-depth">AV (사운드바)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/107"
                                       class="no-depth">AV (무선스피커)</a>
                                </li>
                            </ul>
                        </li>
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">노트북/PC</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/113"
                                       class="no-depth">모니터</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/109"
                                       class="no-depth">노트북(Gram)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/110"
                                       class="no-depth">노트북(컨버터블)</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/112"
                                       class="no-depth">PC(일체형)</a>
                                </li>
                            </ul>
                        </li>
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">로봇</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/121"
                                       class="no-depth">LG 클로이 로봇 </a>
                                </li>
                            </ul>
                        </li>
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">주방가전</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/122"
                                       class="no-depth">냉장고</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/123"
                                       class="no-depth">광파오븐</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/124"
                                       class="no-depth">전자레인지</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/125"
                                       class="no-depth">정수기</a>
                                </li>
                            </ul>
                        </li>
                        <li class="depth-2">
                            <a href="javascript:void(0)" class="depth-menu">온습도/공기</a>
                            <ul class="nav-list-depth3">
                                <li class=" depth-3">
                                    <a href="/service/126"
                                       class="no-depth">제습기</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/129"
                                       class="no-depth">공기청정기</a>
                                </li>
                                <li class=" depth-3">
                                    <a href="/service/128"
                                       class="no-depth">가습기</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- 고정 메뉴 -->
                <li class="depth-1">
                    <a href="javascript:void(0)" class="depth-menu">고객센터</a>
                    <ul class="nav-list-depth2">
                        <li class="depth-2">
                            <a href="/customer/noticemanagement/list" class="no-depth">공지사항</a>
                        </li>
                        <li class="depth-2">
                            <a href="/customer/faqmanagement/list" class="no-depth">FAQ</a>
                        </li>
                        <li class="depth-2">
                            
                        </li>
                        <li class="depth-2">
                            <a href="/customer/termsmanagement/list" class="no-depth">이용약관</a>
                        </li>
                    </ul>
                </li>
                <li class="depth-1">
                    <a href="javascript:void(0)" class="depth-menu">섹타나인 특별제안</a>
                    <ul class="nav-list-depth2">
                        <li class="depth-2">
                            <a href="/proposal/value" class="no-depth"><span>섹타나인의 가치</span></a>
                        </li>
                        <li class="depth-2">
                            <a href="/proposal/franchise" class="no-depth">디지털 프랜차이즈</a>
                        </li>
                        <li class="depth-2">
                            <a href="/proposal/package" class="no-depth">전기세 절감 패키지</a>
                        </li>
                        <li class="depth-2">
                            <a href="/proposal/ummanned" class="no-depth">무인화 패키지</a>
                        </li>
<!--                        <li class="depth-2">-->
<!--                            <a href="javascript:void(0)" class="no-depth"-->
<!--                            >Payment 전문 컨설팅</a-->
<!--                            >-->
<!--                        </li>-->
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!--모바일 메뉴 ed-->
    <div class="m-dim"></div>
    <script type="text/javascript">
        $(function () {
            // 띠배너 이미지 조회
            fetchBandImage();
        });

        function isMobile() {
            return window.innerWidth < 1200; // 일반적으로 768px 이하를 모바일로 간주합니다.
        }

        /**
         * 띠배너 이미지 조회
         */
        function fetchBandImage() {
            $.ajax({
                url: '/api/main/band-banner-image',
                type: 'get',
                contentType: 'application/json',
            }).done(response => {
                if (response.code === 200) {
                    const responseData = response.data;

                    if (responseData.length === 0) {
                        document.getElementsByClassName("top-banner")[0].style.display = 'none';
                        document.getElementById("search_wrap").style.top = '0';
                        if (isMobile()) {
                            document.getElementById("container").style.paddingTop = '0';
                            document.getElementById("header").style.height = '52px'; //height: 52px;
                        } else {
                            document.getElementById("container").style.paddingTop = '80px';
                            document.getElementById("header").style.height = '80px';
                            document.getElementById("allMenu").style.top = '80px';
                        }
                        slideBanner();
                        return;
                    }

                    const bandImageHtml = responseData.map(data => `
                        <img src="${data.filePath}"
                             alt="${data.originalName}"
                             class="img-style"
                             style="display: none; height: 22px; cursor: pointer"
                             onclick="handleBandImageClick(${data.serviceId}, ${data.menuId}, '${data.url}', ${data.fileId})"
                        />
                    `).join('');

                    $("#band-image-area").html(bandImageHtml);

                    slideBanner();
                }
            }).fail(error => {
                alert(error.responseJSON.message);
            });
        }

        function handleBandImageClick(serviceId, menuId, url, fileId) {
            // 메뉴 ID에 따라 서비스 페이지 또는 URL로 이동
            if (menuId && menuId !== "null" && menuId !== "") {
                goBandImageService(serviceId, menuId, fileId, url);
            } else if (url) {
                fnHeaderCountUp(menuId, fileId, url);
                window.open(url, '_blank');
            }
        }

        function goBandImageService(serviceId, menuId, fileId, url) {
            fnHeaderCountUp(menuId, fileId, url);
            location.href = `/service/${serviceId}`;
        }

        const fnHeaderCountUp = (meId, fiId, u) => {
            // 쿼리 파라미터 생성
            const menuId = meId;
            const fileId = fiId;
            const urlLink = u;
            const adType = "static"

            const params = new URLSearchParams({
                fileId: fileId,
                menuId: menuId,
                url: urlLink,
                adType: adType,
            });

            // GET 요청 URL 생성
            const url = `/api/statistics/increment-click-count?${params.toString()}`;

            fetch(url, {
                method: "GET",
                headers: {
                    "Content-Type": "application/json",
                }
            })
        }


        function slideBanner() {
            var $next = 1;
            var $current = 0;
            var $interval = 5000;
            var $fadeTime = 500;
            var $banner = $("#band-image-area img");
            var $imgNum = $banner.length;

            if (!$banner.length) {
                $("#band-image-area").append(`<div style="width: 320px; height: 22px"></div>`)
                return;
            }

            // 배너가 1개일 경우 이벤트 X
            if ($banner.length < 2) {
                $banner.show();
                return;
            }

            $banner.hide();
            banEffect();

            function banEffect() {
                $banner.eq($current).show();
                $banner.eq($current).delay($interval);
                $banner.eq($current).fadeOut($fadeTime, function () {

                    $banner.eq($current).hide();

                    if ($next < $imgNum - 1) {
                        $next++;
                    } else {
                        $next = 0;
                    }
                    if ($current < $imgNum - 1) {
                        $current++;
                    } else {
                        $current = 0;
                    }

                    $banner.eq($current).fadeIn($fadeTime, banEffect);

                });
            };
        }

        /**
         * 로그아웃
         */
        function logout() {
            location.href = '/api/auth/log-out';
        }

        /**
         * 페이지 이동.
         */
        function locationHref(link) {
            location.href = `${link}`;
        }

        function linkUrl(type, serviceId) {

            let url = '';

            switch (type) {

                // 서비스
                case 'service':
                    serviceId !== null ? url = `/service/${serviceId}` : url = '/404';
                    break;

                // 고객센터
                case 'notice':
                    url = '/customer/noticemanagement/list';
                    break;

                case 'faq':
                    url = '/customer/faqmanagement/list';
                    break;

                case 'inquiry':
                    url = '/mypage/inquiry/list';
                    break;

                case 'termsOfUse':
                    url = '/customer/termsmanagement/list';
                    break;

                // 섹타나인 특별제안
                case 's9':
                    url = '/proposal/value';
                    break;

                case 'digital':
                    url = '/proposal/franchise';
                    break;

                case 'elFee':
                    url = '/proposal/package';
                    break;

                case 'ummanned':
                    url = '/proposal/ummanned';
                    break;

                // 로그인, 회원 가입
                case 'login':
                    url = '/auth/loginPage';
                    break;

                case 'join':
                    url = '/user/join/join-step1';
                    break;

            }

            window.location.href = url;
        }

    </script>
</header>
        <div class="dim"></div>
        <div id="container">

             <!-- content -->
             <div class="sub-frame error">
    <div class="error-frame">
        <div class="error-img">
            <img src="/images/common/error_img.png" alt="오류이미지">
        </div>
        <div class="err-content">
            <p>페이지를 찾을 수 없습니다</p>
            <span>
                            페이지가 존재하지 않거나,사용하지 않는 페이지입니다.
                            <i>입력하신 주소가 정확한지 다시 한 번 확인해 주세요.</i>
                        </span>
            <div class="btn-list-more">
                <button class="btn-line bntlin04 mr10" onclick="history.back()">이전페이지</button>
                <button class="btn-bg black1 btn04" onclick ="location.href='/'">홈으로 가기</button>
            </div>
        </div>
    </div>
</div>

            <!-- foot-banner -->
            <div class="foot-banner">
    <div class="footbanner-swiper">
        <div class="swiper footSwiper">
            <div class="swiper-wrapper" id="main-banner-area">
                <div class="swiper-slide">
                    <div class="footbanner-imgbox">
                        <img src="/images/main/footbanner01.jpg" alt="" >
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="footbanner-imgbox">
                        <img src="/images/main/footbanner01.jpg" alt="" >
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="footbanner-imgbox">
                        <img src="/images/main/footbanner01.jpg" alt="" >
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <script>
        $(function () {
            // 메인배너 조회
            fetchMainBanner();
        });

        /**
         * 메인배너 조회
         */
        function fetchMainBanner() {
            $.ajax({
                url: '/api/main/main-banner',
                type: 'get',
                contentType: 'application/json',
            }).done(response => {
                if (response.code === 200) {
                    const responseData = response.data;

                    if (responseData.length > 0) {
                        document.querySelector(".foot-banner").classList.remove('hidden');
                        const bannerHtml = responseData.map(data => `
                            <div class="swiper-slide">
                                <div class="footbanner-imgbox">
                                    <a href="javascript:void(0);"
                                       data-service-id="${data.serviceId}"
                                       data-file-id="${data.fileId}"
                                       data-menu-id="${data.menuId}"
                                       data-url="${data.url}"
                                       onclick="handleBannerClick(this); return false;">
                                        <img src="${data.filePath}" alt="${data.originalName}" />
                                    </a>
                                </div>
                            </div>
                        `).join('');

                        $('#main-banner-area').html(bannerHtml);
                        initFootSwiper();

                    } else {
                        document.querySelector(".foot-banner").classList.add('hidden');
                    }

                }
            }).fail(error => {
                alert(error.responseJSON.message);
            })
        }

        function handleBannerClick(element) {
            const serviceId = element.dataset.serviceId;
            const fileId = element.dataset.fileId;
            const menuId = element.dataset.menuId;
            const url = element.dataset.url;

            // menuId가 존재하면 기존 메서드와 service 페이지로 이동
            if (menuId && menuId !== "null" && menuId !== "") {
                fnFootBannerCountUp(fileId, menuId, url);
                location.href = `/service/${serviceId}`;
            } else if (url) {
                fnFootBannerCountUp(fileId, menuId, url);
                window.open(url, '_blank');
            }
        }

        const fnFootBannerCountUp = (fiId, meId, u) => {
            // 쿼리 파라미터 생성
            const fileId = fiId;
            const menuId = meId;
            const urlLink = u;
            const adType = "static"

            const params = new URLSearchParams({
                fileId: fileId,
                menuId: menuId,
                adType: adType,
                url: urlLink
            });

            // GET 요청 URL 생성
            const url = `/api/statistics/increment-click-count?${params.toString()}`;

            fetch(url, {
                method: "GET",
                headers: {
                    "Content-Type": "application/json",
                }
            });
        }

        // Swiper 초기화 함수
        function initFootSwiper() {
            new Swiper('.footSwiper', {
                loop: true, // 무한 루프 활성화
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                autoplay: {
                    delay: 5000,
                    disableOnInteraction: false,
                },
            });
        }
    </script>
</div>

        </div> <!--//container -->

        <!-- footer -->
        <footer>
    <div class="foot-inner">
        <div class="foot-flex">
            <div class="foot-logo">
                <span class="blind">올닷</span>
            </div>
            <div class="foot-adress">
                <div class="foot-menu">
                    <a href="/customer/termsmanagement/list?termsType=TST_COMMON001">개인정보처리방침</a>
                    <a href="/customer/termsmanagement/list?termsType=TST_MEMBER001">이용약관</a>
<!--                    <a href="#a">올닷 챗봇 상담하기</a>-->
                </div>
                <div class="co-info">
                    <span>(주)섹타나인 </span>
                    <span>서울특별시 강남구 논현로 201(도곡동 907-54)</span>
                    <span>사업자 등록번호: 214-85-54039</span>
                    <span>Copyright ⓒ by 섹타나인 All Rights Reserved.</span>
                </div>
            </div>
            <div class="famil-site">
                <div class="family">
                    <button type="button" class="select-btn"><i class="icon">패밀리사이트</i></button>
                    <div class="family-list">
                        <div>
                            <a href="http://www.secta9ine.co.kr/" target="_blank">섹타나인<img src="/images/common/icon-famlily-arrow.svg" alt=""></a>
                            <a href="https://www.spc.co.kr/" target="_blank">SPC<img src="/images/common/icon-famlily-arrow.svg" alt=""></a>
                            <a href="https://www.happypointcard.com/" target="_blank">해피포인트<img src="/images/common/icon-famlily-arrow.svg" alt=""></a>
                            <a href="https://pariscroissantorder.com/" target="_blank">파리크라상<img src="/images/common/icon-famlily-arrow.svg" alt=""></a>
                            <a href="https://www.paris.co.kr/" target="_blank">파리바게뜨<img src="/images/common/icon-famlily-arrow.svg" alt=""></a>
                            <a href="https://www.baskinrobbins.co.kr/" target="_blank">배스킨라빈스<img src="/images/common/icon-famlily-arrow.svg" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

        <!-- sns -->
        <div class="sns-katok">

<!--    <div class="sns-inner">-->
<!--        <span class="sns-close"><img th:src="@{/images/common/btn-katolk-close.svg}" alt="닫기"></span>-->
<!--        <button onclick="window.open('http://pf.kakao.com/_xjxixftG', '_blank');" class="katolk"><span class="blind">카카오톡</span></button>-->
<!--    </div>-->

    <div class="sns-inner">

        <!--<button class="btn-line bntlin01 block"
                th:attr="onclick=|loginHelper.setUserSession(event,'basic-user')|"
        >일반 사용자 로그인 하기
        </button>-->

        <!--<button class=""
                th:attr="onclick=|loginHelper.setUserSession(event,'no-member-user')|"
        >비회원 로그인 하기
        </button>-->


        <!--<button class="btn-line bntlin01 block"
                th:attr="onclick=|certificationNumberHelper.getCertificationNumber(event,'phone-certification-number')|"
        >핸드폰 인증번호 확인하기
        </button>

        <br/>

        <button class="btn-line bntlin01 block"
                th:attr="onclick=|certificationNumberHelper.getCertificationNumber(event,'email-certification-number')|"
        >이메일 인증번호 확인하기
        </button>-->

    </div>

    <script>

        const loginHelper = {

            setUserSession: function (event, url) {
                event.preventDefault();
                fetch(`/api/login/${url}`, {
                    method: 'GET'
                })
                    .then((response) => {
                        return response.json();
                    })
                    .then((response) => {
                        alert(`설정된 ROLE : ${response.data}`)
                    });
            }

        }

        const certificationNumberHelper = {

            getCertificationNumber: function (event, url) {
                event.preventDefault();
                fetch(`/api/login/${url}`, {
                    method: 'GET'
                })
                    .then((response) => {
                        return response.json();
                    })
                    .then((response) => {
                        alert(`인증번호 : ${response.data}`)
                    });
            }

        }

    </script>

</div>

    </div> <!--//wrap -->

    <!-- script -->
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<script>
    var swiper = new Swiper(".footSwiper", {
        pagination: {
            el: ".swiper-pagination",
        },
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
    });

    document.addEventListener("DOMContentLoaded", function() {
        const bodyElement = document.querySelector("body");
        const currentUrl = window.location.href;
        if (currentUrl.includes('/main')) {
            bodyElement.removeAttribute("id");
        } else if (currentUrl.includes('/auth/') || currentUrl.includes('/user/')) {
            bodyElement.setAttribute("id", "login");
        } else {
            bodyElement.setAttribute("id", "sub");
        }
    });
</script>


</html>


    <!-- Google Tag Manager (noscript) -->
    <!--<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T63TDSF3"
                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>-->
    <!-- End Google Tag Manager (noscript) -->

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T63TDSF3"
                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

</body>

</html>