PageSourceSearch

https://sinsinmnc.com/landing/contact

html sinsinmnc.com collected 2026-10-02 00:55:36 UTC 127,495 bytes, 2,722 lines download raw bytes

1<!doctype html>
2<html lang="ko">
3<head>
4    <meta charset="utf-8">
5    <meta name="facebook-domain-verification" content="h54p3wp6fcstfevft2qvd8uwa365h6" />
6    <!-- 네이버 서치 어드바이저 -->
7    <meta name="naver-site-verification" content="f82345faa8c50788195e7148cdcbbf02f8afc32d" />
8    <meta http-equiv="imagetoolbar" content="no">
9<meta http-equiv="X-UA-Compatible" content="IE=edge">
10<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
11    <title>상담신청 | 카드단말기·포스 설치 및 관리기업 신신엠엔씨</title>
12
13    <!-- 네이버 캐러셀 구조화 데이터 -->
14    
14<script type="application/ld+json">
15        {
16            "@context": "https://schema.org",
17            "@type": "ItemList",
18            "itemListElement": [
19                {
20                    "@type": "ListItem",
21                    "position": 1,
22                    "item": {
23                        "@type": "Product",
24                        "name": "네이버 플레이스 연동 포스",
25                        "image": "https://sinsinmnc.com/img/carousel_pos_2.jpg",
26                        "url": "https://sinsinmnc.com/landing/paynpos",
27                        "description": "네이버 플레이스와 완벽하게 연동되는 스마트 포스 시스템",
28                        "brand": {
29                            "@type": "Brand",
30                            "name": "신신엠엔씨"
31                        },
32                        "offers": {
33                            "@type": "Offer",
34                            "priceCurrency": "KRW",
35                            "price": "0",
36                            "priceValidUntil": "2027-12-31",
37                            "availability": "https://schema.org/InStock"
38                        }
39                    }
40                },
41                {
42                    "@type": "ListItem",
43                    "position": 2,
44                    "item": {
45                        "@type": "Product",
46                        "name": "[0원혜택] 평생 무상",
47                        "image": "https://sinsinmnc.com/img/carousel_pos_1.jpg",
48                        "url": "https://sinsinmnc.com/landing/tipposfree",
49                        "description": "초기 비용 부담 없는 평생 무상 포스 지원 혜택",
50                        "brand": {
51                            "@type": "Brand",
52                            "name": "신신엠엔씨"
53                        },
54                        "offers": {
55                            "@type": "Offer",
56                            "priceCurrency": "KRW",
57                            "price": "0",
58                            "priceValidUntil": "2027-12-31",
59                            "availability": "https://schema.org/InStock"
60                        }
61                    }
62                },
63                {
64                    "@type": "ListItem",
65                    "position": 3,
66                    "item": {
67                        "@type": "Product",
68                        "name": "[사장님pick] 요즘 대세 포스",
69                        "image": "https://sinsinmnc.com/img/carousel_pos_3.png",
70                        "url": "https://sinsinmnc.com/landing/pos",
71                        "description": "수많은 사장님들이 선택한 신신엠엔씨 추천 대세 포스",
72                        "brand": {
73                            "@type": "Brand",
74                            "name": "신신엠엔씨"
75                        },
76                        "offers": {
77                            "@type": "Offer",
78                            "priceCurrency": "KRW",
79                            "price": "0",
80                            "priceValidUntil": "2027-12-31",
81                            "availability": "https://schema.org/InStock"
82                        }
83                    }
84                },
85                {
86                    "@type": "ListItem",
87                    "position": 4,
88                    "item": {
89                        "@type": "Product",
90                        "name": "[최저가보장] 토스단말기",
91                        "image": "https://sinsinmnc.com/img/carousel_wired_1.jpg",
92                        "url": "https://sinsinmnc.com/landing/toss",
93                        "description": "깔끔한 디자인과 최저가 보장 혜택의 토스 프론트 단말기",
94                        "brand": {
95                            "@type": "Brand",
96                            "name": "신신엠엔씨"
97                        },
98                        "offers": {
99                            "@type": "Offer",
100                            "priceCurrency": "KRW",
101                            "price": "0",
102                            "priceValidUntil": "2027-12-31",
103                            "availability": "https://schema.org/InStock"
104                        }
105                    }
106                },
107                {
108                    "@type": "ListItem",
109                    "position": 5,
110                    "item": {
111                        "@type": "Product",
112                        "name": "수기 결제 어플, 신신페이",
113                        "image": "https://sinsinmnc.com/img/carousel_sinsinpay_1.jpg",
114                        "url": "https://sinsinmnc.com/landing/sinsinpay",
115                        "description": "단말기 없이 스마트폰으로 ì
115–´ë””서나 간편하게 결제하는 앱",
116                        "brand": {
117                            "@type": "Brand",
118                            "name": "신신엠엔씨"
119                        },
120                        "offers": {
121                            "@type": "Offer",
122                            "priceCurrency": "KRW",
123                            "price": "0",
124                            "priceValidUntil": "2027-12-31",
125                            "availability": "https://schema.org/InStock"
126                        }
127                    }
128                },
129                {
130                    "@type": "ListItem",
131                    "position": 6,
132                    "item": {
133                        "@type": "Product",
134                        "name": "[갓성비] 애플페이 키오스크",
135                        "image": "https://sinsinmnc.com/img/carousel_kiosk_1.jpg",
136                        "url": "https://sinsinmnc.com/landing/kiosk",
137                        "description": "애플페이 완벽 지원 및 합리적인 가격의 고성능 키오스크",
138                        "brand": {
139                            "@type": "Brand",
140                            "name": "신신엠엔씨"
141                        },
142                        "offers": {
143                            "@type": "Offer",
144                            "priceCurrency": "KRW",
145                            "price": "0",
146                            "priceValidUntil": "2027-12-31",
147                            "availability": "https://schema.org/InStock"
148                        }
149                    }
150                },
151                {
152                    "@type": "ListItem",
153                    "position": 7,
154                    "item": {
155                        "@type": "Product",
156                        "name": "소형 매장에 딱 맞는 시스템",
157                        "image": "https://sinsinmnc.com/img/carousel_pos_4.jpg",
158                        "url": "https://sinsinmnc.com/landing/toss_tablet_pos",
159                        "description": "공간 효율성을 극대화한 소형 매장 맞춤형 결제 시스템",
160                        "brand": {
161                            "@type": "Brand",
162                            "name": "신신엠엔씨"
163                        },
164                        "offers": {
165                            "@type": "Offer",
166                            "priceCurrency": "KRW",
167                            "price": "0",
168                            "priceValidUntil": "2027-12-31",
169                            "availability": "https://schema.org/InStock"
170                        }
171                    }
172                },
173                {
174                    "@type": "ListItem",
175                    "position": 8,
176                    "item": {
177                        "@type": "Product",
178                        "name": "언제 어디서나 가벼운 결제",
179                        "image": "https://sinsinmnc.com/img/carousel_mobile_1.jpg",
180                        "url": "https://sinsinmnc.com/landing/cardterminal_wireless",
181                        "description": "이동이 잦은 비즈니스에 최적화된 무선 휴대용 카드단말기",
182                        "brand": {
183                            "@type": "Brand",
184                            "name": "신신엠엔씨"
185                        },
186                        "offers": {
187                            "@type": "Offer",
188                            "priceCurrency": "KRW",
189                            "price": "0",
190                            "priceValidUntil": "2027-12-31",
191                            "availability": "https://schema.org/InStock"
192                        }
193                    }
194                },
195                {
196                    "@type": "ListItem",
197                    "position": 9,
198                    "item": {
199                        "@type": "Product",
200                        "name": "첫 달 무료, 테이블오더",
201                        "image": "https://sinsinmnc.com/img/carousel_tableorder_1.jpg",
202                        "url": "https://sinsinmnc.com/landing/tableorder",
203                        "description": "매장 회전율을 높여주는 스마트 테이블오더 시스템",
204                        "brand": {
205                            "@type": "Brand",
206                            "name": "신신엠엔씨"
207                        },
208                        "offers": {
209                            "@type": "Offer",
210                            "priceCurrency": "KRW",
211                            "price": "0",
212                            "priceValidUntil": "2027-12-31",
213                            "availability": "https://schema.org/InStock"
214                        }
215                    }
216                }
217            ]
218        }
219    </script>
219
220
221    <!-- GEO 검색 활성화를 위해 해당 php코드 추가 -->
222            
222<script type="application/ld+json">
223            {
224                "@context": "https://schema.org",
225                "@type": "WebSite",
226                "name": "신신엠앤씨",
227                "url": "https://sinsinmnc.com"
228            }
229        </script>
229
230    
231    
231<script type="application/ld+json">
232    {
233        "@context": "https://schema.org",
234        "@type": "Organization",
235        "@id": "https://www.sinsinmnc.com/#organization",
236        "name": "신신엠앤씨",
237        "alternateName": ["신신엠엔씨", "(주)신신엠앤씨"],
238        "url": "https://www.sinsinmnc.com",
239        "telephone": "1688-2298",
240        "email": "[email protected]",
241        "taxID": "504-81-84781",
242        "address": {
243            "@type": "PostalAddress",
244            "postalCode": "41551",
245            "streetAddress": "침산남로9길 20 3층",
246            "addressLocality": "북구",
247            "addressRegion": "대구광역시",
248            "addressCountry": "KR"
249        },
250        "location": [
251            {
252                "@type": "Place",
253                "name": "신신엠앤씨 본사 (대구)",
254                "address": {
255                    "@type": "PostalAddress",
256                    "postalCode": "41551",
257                    "streetAddress": "침산남로9길 20 3층",
258                    "addressLocality": "대구광역시 북구",
259                    "addressRegion": "대구광역시",
260                    "addressCountry": "KR"
261                }
262            },
263            {
264                "@type": "Place",
265                "name": "신신엠앤씨 서울지사",
266                "address": {
267                    "@type": "PostalAddress",
268                    "postalCode": "05661",
269                    "streetAddress": "오금로35길 16",
270                    "addressLocality": "서울특별시 송파구",
271                    "addressRegion": "서울특별시",
272                    "addressCountry": "KR"
273                }
274            }
275        ],
276        "sameAs": [
277            "https://blog.naver.com/ssmnc",
278            "https://www.youtube.com/channel/UCyQMsJXDjnlde3Bu1SowE6A",
279            "https://www.facebook.com/ssmnc16882298"
280        ]
281    }
282    </script>
282
283    <!-- 260721 serviceType -> knowsAbout 으로 변경 -->
284    
284<script type="application/ld+json">
285    {
286        "@context": "https://schema.org",
287        "@type": "FinancialService",
288        "@id": "https://www.sinsinmnc.com/#financialservice",
289        "name": "신신엠앤씨",
290        "alternateName": ["신신엠엔씨", "(주)신신엠앤씨"],
291        "parentOrganization": { "@id": "https://www.sinsinmnc.com/#organization" },
292        "url": "https://www.sinsinmnc.com",
293        "telephone": "1688-2298",
294        "address": {
295            "@type": "PostalAddress",
296            "postalCode": "41551",
297            "streetAddress": "침산남로9길 20 3층",
298            "addressLocality": "북구",
299            "addressRegion": "대구광역시",
300            "addressCountry": "KR"
301        },
302        "areaServed": "KR",
303        "description": "카드단말기, 포스, 키오스크 설치 및 결제 관리 전문기업. 무약정, 365일 고객센터, 전국 A/S 제공.",
304        "knowsAbout": ["카드단말기", "포스", "키오스크", "테이블오더", "결제관리"]
305    }
306    </script>
306
307    <!-- 260721 추가 -->
308    
308<script type="application/ld+json">
309    {
310        "@context": "https://schema.org",
311        "@type": "Service",
312        "@id": "https://www.sinsinmnc.com/#service",
313        "name": "신신엠앤씨 결제 솔루션 서비스",
314        "url": "https://www.sinsinmnc.com",
315        "provider": { "@id": "https://www.sinsinmnc.com/#organization" },
316        "description": "카드단말기, 포스, 키오스크 설치 및 결제 관리 전문 서비스",
317        "serviceType": ["카드단말기", "포스", "키오스크", "테이블오더", "결제관리"]
318    }
319    </script>
319
320
321    
321<script src="https://kit.fontawesome.com/f27325b36c.js" crossorigin="anonymous"></script>
321
322    
322<script src="https://sinsinmnc.com/js/font-awesome/js/fontawesome.js"></script>
322
323    
323<script src="https://sinsinmnc.com/js/font-awesome/js/brands.js"></script>
323
324    
324<script src="https://sinsinmnc.com/js/font-awesome/js/solid.js"></script>
324
325    
325<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
325
326    <link rel="stylesheet" href="/js/animate.css">
327    <link rel="stylesheet"
328          href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
329    <link rel="stylesheet"
330          href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/>
331    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
332    <!-- Animate.css -->
333    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
334    <link rel="stylesheet" href="https://sinsinmnc.com/theme/basic/css/default.css?ver=250410">
335    <!-- canonical -->
336        <link rel="canonical" href="https://sinsinmnc.com/landing/contact" />
337    <link rel="stylesheet"
338          href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
339    <link rel="stylesheet"
340          href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/>
341	<span itemscope="" itemtype="http://schema.org/Organization">
342	<link itemprop="url" href="https://www.sinsinmnc.com">
343	<a itemprop="sameAs" href="https://blog.naver.com/ssmnc"></a>
344	<a itemprop="sameAs" href="https://www.youtube.com/channel/UCyQMsJXDjnlde3Bu1SowE6A"></a>
345	<a itemprop="sameAs" href="https://www.facebook.com/ssmnc16882298"></a>
346	<a itemprop="sameAs" href="http://cafe.naver.com/nicejungbo/"></a>
347	</span>
348        <meta name="description" content="카드단말기·POS·키오스크 전문 신신엠앤씨. 무약정 설치부터 평생 A/S까지, 17만 사장님이 선택한 결제 솔루션. 지금 무료 상담 신청하세요.">
349    <!-- <meta name="description" content="상담신청 | 카드단말기, 휴대용카드체크기, 무선카드결제기, 키오스크, 스마트폰단말기"> -->
350    <meta name="keywords" content="카드단말기, 휴대용카드체크기, 신용카드조회기, 무선카드결제기, 포스, POS, 키오스크, 스마트폰단말기" />
351    <meta property="og:type" content="website" />
352    <meta property="og:site_name" content="신신엠엔씨" />
353    
354
355            <meta property="og:url" content="https://sinsinmnc.com/contact" />
356        <meta property="og:title" content="신신엠앤씨|상담 신청 바로가기" />
357        <meta property="og:description" content="전화번호만 남겨주시면 평균 1일 내 연락드려요">
358        <meta property="og:image" content="/img/og_img_contact.jpg" />
359        <!-- Google tag (gtag.js) -->
360    <!-- 2024-10-29 주석처리함
vendor: 69 bytes, lines 360-361
360
361    <script async src="https://www.googletagmanager.com/gtag/js?id=
361G-DHWVVJCQHE
vendor: 17 bytes, lines 361-362
361"></script>
362    
362-->
363    
364    
364<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
364
365    
365<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/ScrollTrigger.min.js"></script>
365
366    
366<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/TextPlugin.min.js"></script>
366
367    
367<script>
368        
vendor: 156 bytes, lines 368-372
368window.dataLayer = window.dataLayer || [];
369        function gtag(){dataLayer.push(arguments);}
370        gtag('js', new Date());
371
372        gtag('config', '
372G-DHWVVJCQHE
vendor: 13 bytes, lines 372-373
372');
373        
373gtag('config', 'AW-1012511103');
374    </script>
374
375    <!-- Event snippet for 채팅문의 conversion page -->
376    
376<script>
377        gtag('event', 'conversion', {'send_to': 'AW-1012511103/lMDmCJjs1pgZEP_i5uID', 'value': 1.0, 'currency': 'USD'});
378    </script>
378
379
380    <!-- Event snippet for 전화문의(16612298) conversion page -->
381    
381<script>
382        function gtag_report_conversion(url) {
383            var callback = function () {
384                if (typeof(url) != 'undefined') {
385                    window.location = url;
386                }
387            };
388            gtag('event', 'conversion', {
389                'send_to': 'AW-1012511103/N3loCP--j5kZEP_i5uID',
390                'event_callback': callback
391            });
392            return false;
393        }
394    </script>
394
395
396    <!-- Google Tag Manager -->
397    
397<script>
vendor: 379 bytes, lines 397-401
397(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
398                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
399            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
400            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
401        })(window,document,'script','dataLayer','
401GTM-KGJVQMKF
vendor: 3 bytes, line 401
401');
401</script>
401
402    <!-- End Google Tag Manager -->
403    <!--[if lte IE 8]>
404<script src="https://sinsinmnc.com/js/html5.js"></script>
404
405<![endif]-->
406    
406<script>
407        // 자바스크립트에서 사용하는 전역변수 선언
408        var g5_url       = "https://sinsinmnc.com";
409        var g5_bbs_url   = "https://sinsinmnc.com/bbs";
410        var g5_is_member = "";
411        var g5_is_admin  = "";
412        var g5_is_mobile = "";
413        var g5_bo_table  = "";
414        var g5_sca       = "";
415        var g5_editor    = "";
416        var g5_cookie_domain = ".sinsinmnc.com";
417                    </script>
417
418    
419    <!-- 260731 네이버광고 웹 전환 추적 스크립트 설치 코드 시작 -->
420    
420<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
420
421    
421<script type="text/javascript">
422        if (window.wcs) {
423            // if(!wcs_add) var wcs_add = {};
424            window.wcs_add = window.wcs_add || {};
425            // (2) 각 사이트별 식별자 설정
426            // wcs_add["wa"] = "AccountId";
427            window.wcs_add["wa"] = "s_a25b7be1c6a";      // 사이트 식별자 (=네이버공통키, na_account_id)
428            // (3) 광고 전환추적을 위한 cookie domain설정
429            const wcsDomain = location.hostname.replace(/^www\./, '');  // 주소여러개를 같은 코드로 쓰고 있어서.
430            wcs.inflow(wcsDomain);
431            // (4) PV 이벤트 전송
432            wcs_do(); // PV 이벤트 전송
433        }
434
435        // 전역 전환 전송 함수 // 필요한 곳에 sendNaverConversion("test_lead")처럼 쓰면 됨.
436        // 테스트 작업할땐 항상 앞에 test_ 붙이기
437        window.sendNaverConversion = (type, extraData = {}) => {
438            if (window.wcs) {
439                let _conv = {};
440                _conv.type = type
441                if(type === "test_lead" || type === "lead"){
442                    // 맞게 들어갈 내용. 지금은 lead만 있으니
443                }else{
444                    // 각 type에 맞게 들어갈 내용
445                    // 참고 주소 https://naver.github.io/conversion-tracking/pages/01_script_guide_wcstrans/
446                }
447                wcs.trans(_conv);
448            }
449        };
450    </script>
450
451    <!-- 네이버광고 웹 전환 추적 스크립트 설치 코드 끝 -->
452
453
454
455<link rel="stylesheet" href="https://sinsinmnc.com/js/font-awesome/css/font-awesome.min.css?ver=250410">
456<link rel="icon" href="/favicon.ico" type="image/x-icon">
457<link rel="apple-touch-icon" type="image/png" href="/img/180180.png">
458<link rel="apple-touch-icon" sizes="152x152" href="/img/152152.png">
459<link rel="apple-touch-icon" sizes="120x120" href="/img/120120.png">
460<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
461<script src="https://sinsinmnc.com/js/jquery-1.12.4.min.js?ver=250410"></script>
vendor: 1 bytes, line 461
461
462<script src="https://sinsinmnc.com/js/jquery-migrate-1.4.1.min.js?ver=250410"></script>
vendor: 1 bytes, line 462
462
463<script src="https://sinsinmnc.com/js/jquery.menu.js?ver=250410"></script>
vendor: 1 bytes, line 463
463
464<script src="https://sinsinmnc.com/js/common.js?ver=250410"></script>
vendor: 1 bytes, line 464
464
465<script src="https://sinsinmnc.com/js/wrest.js?ver=250410"></script>
vendor: 1 bytes, line 465
465
466<script src="https://sinsinmnc.com/js/placeholders.min.js?ver=250410"></script>
vendor: 1 bytes, line 466
466
467<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
467
468</head>
469<body>
470<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 470-471
470
471<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
471GTM-KGJVQMKF
vendor: 103 bytes, lines 471-472
471"
472                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
473<!-- End Google Tag Manager (noscript) -->
474<script>
475    try{
476        // URL 쿼리스트링 파라미터 파싱
477        const params = new URLSearchParams(window.location.search);
478        // 필수 UTM 파라미터가 모두 존재하는 경우에만 유입 정보 저장
479        // 260921 utm_source 1개만 있어도 작동하도록 수정
480        if(params.has('utm_source'))
481        // if (params.has('utm_source') && params.has('utm_medium') && params.has('utm_campaign')) 
482        {
483            // 쿼리스트링 파라미터를 객체로 변환
484            const queryParams = Object.fromEntries(params.entries());
485            // 매체, 유입 출처 어디에서 왔는가? utm_source (예: google, naver, blog)
486            // 매체유형, 유입 방식  어떤 방식으로 왔나? utm_medium (예: organic, referral, paid_search)
487            // 캠페인 어떤 광고/마케팅 묶음인가? utm_campaign
488            // 콘텐츠/소재 어떤 콘텐츠를 클릭했나? utm_content
489            // 키워드 어떤 키워드와 관련됐나? utm_term
490            sessionStorage.setItem('ss_utm_link', window.location.href)  // 260921 들어온 경로를 파악하기 위해 utm_link 를 그대로 저장 및 session storage를 활용
491        }
492    }catch(error) {
493        console.log(`UTM Path Error : ${error.message}`);
494    }
495
496
497    $(document).ready(function() {
498        let hideMenuTimeout;
499        // if ($(window).width() >= 1230) {
500        if ($(window).width() > 768) {
501            
502            // 헤더 영역 및 서브메뉴 영역에 마우스가 들어왔을 때
503            // $("#header, #header_sub1, .submenu_area").mouseenter(function() {
504            // nav-tab안에 들어왔을때 작동시키기 위함
505            $(".nav-tab, .submenu_area").mouseenter(function() {
506                clearTimeout(hideMenuTimeout);
507                
508                // 헤더 스타일 활성화 (배경 흰색, 텍스트 검은색 변경 등)
509                $('#header').addClass('on');
510                $('#header_sub1').addClass('on');
511                $('.navbar').addClass('on');
512                
513                // 서브메뉴 영역 보이기 (ss-invisible 클래스 제거)
514                $('.submenu_area').removeClass('ss-invisible');
515
516                // 탭 콘텐트를 처음의 것으로 초기화
517                 if ($('.nav-tab-content:not(.ss-hidden)').length === 0) {
518                    $('.nav-tab-content').first().removeClass('ss-hidden');
519                }
520            });
521            // GNB 각 탭에 마우스를 올렸을 때 서브메뉴 매칭하여 전환
522            $(".nav-tab").mouseenter(function() {
523                const menuName = $(this).data('header-nav'); // ex: "support", "product", "promotion"
524                // 상담신청인 경우 tabcontent를 이전것으로 유지
525                // if (menuName === "contact"){return}
526
527                
528                // 모든 하위 서브메뉴는 숨김 처리
529                $('.nav-tab-content').addClass('ss-hidden');
530                
531                // 마우스가 올라간 탭과 매칭되는 서브메뉴만 노출
532                const targetContent = $(`.nav-tab-content[data-header-nav="${menuName}"]`);
533                if (targetContent.length > 0) {
534                    targetContent.removeClass('ss-hidden');
535                }
536            });
537            // 헤더 및 서브메뉴 전체 영역에서 마우스가 완전히 이탈했을 때
538            $("#header, #header_sub1, .submenu_area").mouseleave(function() {
539                // 빠른 마우스 이동 시 메뉴가 바로 닫히거나 깜빡거리지 않도록 딜레이
540                // 기존 700
541                hideMenuTimeout = setTimeout(function() {
542                    // 서브메뉴 닫기
543                    $('.submenu_area').addClass('ss-invisible');
544                    // submenu_area.ss-invisible의 transition 속도를 맞추기 위해 해당 방식 이용
545                    $('#header').removeClass('on');
546                    $('#header_sub1').removeClass('on');
547                    $('.navbar').removeClass('on');
548                    setTimeout(() => {
549                        $('.nav-tab-content').addClass('ss-hidden');
550                    }, 50); 
551                }, 350);
552            });
553        }
554    });
555
556    $(document).on('click', '#mobileGnb', function(){
557        const menu = document.querySelector('.menu-icon');
558        menu.classList.toggle('active');
559
560        $("#mobileMenu").slideToggle();
561    });
562
563    //console.log('');
564</script>
vendor: 2 bytes, line 564
564
565<script src="/theme/basic/sinsin_utils.js?v=1790646037"></script>
vendor: 2 bytes, line 565
565
566<script>
567    // 26.09.13 추가 — 구버전 sinsin_utils.js 가 브라우저에 캐시된 경우를 대비한 폴백
568    // getUTM 이 없으면 폼 제출 핸들러에서 TypeError 가 나면서 접수 자체가 막히므로 반드시 보강한다
569    if (typeof SSUtils !== "undefined" && typeof SSUtils.getUTM !== "function") {
570        SSUtils.getUTM = function () {
571            var keys = ["ss_utm_link"];
572            var out = {};
573            keys.forEach(function (k) { out[k] = ""; });
574            try {
575                keys.forEach(function (k) { out[k] = sessionStorage.getItem(k) || ""; });
576            } catch (error) {
577                console.log("UTM Get Error : " + error.message);
578            }
579            return out;
580        };
581    }
582</script>
582
583
584
585
586    <div class="top_billboard">
587        <ul class="top_advert">
588            <li onclick="location.href='/detailview/transfer_event'"><strong>환승 EVENT</strong>, "신신엠앤씨로 환승하시겠습니까?"</li>
589            <!-- <li onclick="location.href='/landing/paynpos'">누적 판매 1,000대 돌파! 네이버 연동 <strong>페이앤 포스</strong></li> -->
590            <li onclick="location.href='/landing/placeplus'">검색 시 돋보이는 내 매장, <strong>플레이스 플러스</strong></li>
591            <!--
592            <li onclick="location.href='/landing/package'">합치면 더 저렴한 <strong>원스톱 창업 패키지</strong></li>
593            -->
594            <li onclick="location.href='/landing/bankevent'">사업자 통장 이벤트 참여 시, <strong>최대 8만원</strong> 지급</li>
595        </ul>
596    </div>
597
598    <!-- tail.php 에서 닫힘 -->
599    <div id="wrap">
600        <!--  nav 전체를 감싸는 것 -->
601                    <!-- 배경 흰색, 글자 검은색 -->
602            <div id="header" class="">
603        
604        <!--  nav 내부 -->
605                    <div id="header-container">
606                <div id="logo">
607                    <a href="/" class="default-logo"></a>
608                </div>
609
610                <div class="navbar">
611                    <ul>
612                        <li class="nav-tab" data-header-nav="support">
613                            <a href="/review" class="dropdown" onclick="event.preventDefault();">
614                                <span class="">고객지원</span>
615                            </a>
616                        </li>
617                        <li class="nav-tab" data-header-nav="product">
618                            <a href="/landing/cardterminal_cable" class="dropdown" onclick="event.preventDefault();">
619                                <span class="">제품</span>
620                            </a>
621                        </li>
622                        <li class="nav-tab" data-header-nav="promotion">
623                            <a href="/landing/toss" class="dropdown" onclick="event.preventDefault();">
624                                <span class="">
625                                    프로모션
626                                </span>
627                            </a>
628                        </li>
629                        <li class="nav-tab" data-header-nav="contact">
630                            <a href="/landing/contact">
631                                <span class="">
632                                    상담신청
633                                </span>
634                            </a>
635                        </li>
636                    </ul>
637                </div>
638                <div id="toplink">
639                    <a href="/landing/contact">
640                        <div class="billboard">
641                            <ul class="advert">
642                                <li>1688-2298</li>
643                                <li>전문상담원과 지금</li>
644                                <li>상담 받아보세요!</li>
645                            </ul>
646                        </div>
647                    </a>
648                </div>
649                <div class="navbar_toggleBtn">
650                    <!-- <i id="mobileGnb" class="fa-solid fa-bars"></i> -->
651                    <div class="menu-icon" id="mobileGnb">
652                        <span></span>
653                        <span></span>
654                        <span></span>
655                    </div>
656                </div>
657            </div>
658                
659        </div>  <!--  nav 전체를 감싸는 것(#header_sub1, #header, #header_none)을 닫아줌 -->
660
661        <!-- 모바일의 .submenu_area -->
662        <div id="mobileMenu">
663            <div class="snb">
664                <div class="top">
665                    <span>고객지원</span>
666                    <span class="menu-toggle"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg></span>
667                </div>
668                <div class="submenu">
669                    <a href="/faq">자주 묻는 질문</a>
670                    <a href="/review">고객리뷰</a>
671                    <a href="/landing/ccm">소비자중심경영(CCM)</a>
672                </div>
673            </div>
674            <div class="snb">
675                <div class="top">
676                    <span>제품</span>
677                    <span class="menu-toggle"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg></span>
678                </div>
679                <div class="submenu container">
680                    <a href="/landing/cardterminal_cable">유선단말기</a>
681                    <a href="/landing/tableorder">테이블오더</a>
682                    <a href="/landing/cardterminal_wireless">무선단말기</a>
683                    <a href="/landing/sinsinpay">비대면결제</a>
684                    <a href="/landing/pos">포스기</a>
685                    <a href="/landing/promotion_pos">중고포스</a>
686                    <a href="/landing/kiosk">키오스크</a>
687                    <a href="/landing/aiscanner" style="border-bottom: none;">AI 빵스캐너</a>
688                </div>
689            </div>
690            <div class="snb">
691                <div class="top">
692                    <span>프로모션</span>
693                    <span class="menu-toggle"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg></span>
694                </div>
695                <div class="submenu container">
696                    <a href="/landing/connect">Npay 커넥트</a>
697                    <a href="/landing/toss">토스단말기 기획전</a>
698                    <a href="/landing/placeplus">플레이스연동</a>
699                    <a href="/landing/shortterm">단기임대</a>
700                    <a href="/landing/baemin">배민 입점 혜택</a>
701                    <a href="/landing/bankevent">사업자통장 혜택</a>
702                    <!-- <a href="/landing/mukkebi">먹깨비 입점 혜택</a>
703                    <a href="/landing/promotion_lightning">내일입금서비스</a>
704                    <a href="/landing/sinsinpay">신신페이</a>
705                    <a href="/landing/package">창업패키지</a>
706                    <a href="/landing/zero">신신플러스</a> -->
707                </div>
708            </div>
709            <div class="all-submenus-snb">
710                <div id="slideshow">
711                                                                <a href="/landing/baemin" style="margin-bottom: 20px;">
712                            <img src="/img/top_banner1_mobile.png" class="slide2" style="object-fit:contain; display: block;">
713                        </a>
714                                            <a href="/landing/sinsinpay" style="margin-bottom: 20px;">
715                            <img src="/img/top_banner2_mobile.png" class="slide2" style="object-fit:contain; display: none;">
716                        </a>
717                                            <a href="/landing/connect" style="margin-bottom: 20px;">
718                            <img src="/img/top_banner3_mobile.png" class="slide2" style="object-fit:contain; display: none;">
719                        </a>
720                                        <div id="navigation">
721                                                    <span class="nav-dot2" data-slide2="0"></span>
722                                                    <span class="nav-dot2" data-slide2="1"></span>
723                                                    <span class="nav-dot2" data-slide2="2"></span>
724                                            </div>
725                </div>
726            </div>
727            <!-- 하단 고정 메뉴 영역 -->
728            <div class="bottom-menu">
729                <a class="btn1" href="/landing/contact">상담신청</a>
730                <a href="#" class="custom-button-1 btn2" data-chatdata="">채팅하기</a>
731            </div>
732        </div>
733
734        
734<script>
735            // DOM 로딩 후 토글 버튼에 이벤트 리스너 등록
736            document.addEventListener("DOMContentLoaded", function(){
737                const toggles = document.querySelectorAll('#mobileMenu .top');
738                toggles.forEach(function(toggle){
739                    toggle.addEventListener("click", function(){
740                        const snb = this.closest('.snb');
741                        snb.classList.toggle('active');
742                    });
743                });
744            });
745        </script>
745
746
747        <!-- drop-down 메뉴 내용 -->
748        <div class="submenu_area ss-invisible">
749            <!-- 상단 내용 들어있느 곳 -->
750            <div class="all-submenus">
751                <!-- data-header-nav, support, product,promotion, contact -->
752                <!-- 고객지원 -->
753                <div class="nav-tab-content nav-support ss-hidden" data-header-nav="support">
754                    <div class="nav_link-content">
755                        <div class="" style="padding: 1rem 0;" >
756                            <p class="" style="font-size: 1.125rem; font-weight: 600; padding-bottom: 1rem;">
757                                고객지원
758                            </p>
759                            <ul class="" style="font-size:1rem; font-weight:500;">
760                                <li class="nav_link-text" onclick="location.href='/faq'">
761                                    자주 묻는 질문 (FAQ)
762                                </li>
763                                <li class="nav_link-text" onclick="location.href='/review'">
764                                    고객 리뷰
765                                </li>
766                                <li class="nav_link-text" onclick="location.href='/landing/ccm'">
767                                    CCM
768                                </li>
769                            </ul>
770                        </div>
771                        <div class="" style="height: auto; width: 1px; background-color:#E7E7E7; margin: 0 60px;"></div>
772                        <div class="" style="padding: 1rem 0;" >
773                            <p class="" style="font-size: 1.125rem; font-weight: 600; padding-bottom: 1rem;">
774                                상담
775                            </p>
776                            <ul class="" style="display: flex; flex-direction: column; gap: 0.625rem;">
777                                <li class="scale-hover-105">
778                                    <a href="tel:1688-2298" class="nav-re" style="background-color: white; padding: 1rem 0.5rem; display: flex; align-items: center; justify-content: space-between; border-radius: 0.25rem; font-size:1rem; color:#555555; border:1px solid #555555; width:148px; cursor: pointer;">
779                                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" style="height: 1rem; width: 1rem;">
780                                            <path d="M12.8471 11.3591C12.7635 11.7339 12.5563 12.0696 12.2587 12.3123C11.9337 12.642 11.5463 12.9038 11.1192 13.0826C10.692 13.2613 10.2336 13.3533 9.77063 13.3534H9.5543C8.5825 13.3006 7.63097 13.0546 6.75534 12.6298H6.74868C6.54567 12.5353 6.336 12.4408 6.13298 12.3256C5.11085 11.7525 4.17334 11.0402 3.34734 10.2089C2.27539 9.20208 1.39573 8.00845 0.751397 6.68645C0.408965 5.96195 0.180405 5.18893 0.07379 4.3947C-0.0829904 3.56334 0.0113195 2.70412 0.3447 1.92656C0.555167 1.57577 0.812221 1.25512 1.10884 0.973386C1.2423 0.822455 1.40548 0.700689 1.58816 0.615706C1.77084 0.530723 1.96909 0.484351 2.17051 0.479492C2.38957 0.503701 2.60164 0.571182 2.7944 0.67802C2.98717 0.784858 3.15679 0.928923 3.29342 1.10185C3.59761 1.43267 3.96903 1.77746 4.27389 2.09563L4.69323 2.50832C4.93951 2.72664 5.09194 3.0315 5.11923 3.36032C5.11923 3.66185 5.00807 3.95273 4.80772 4.17837C4.67797 4.33619 4.54022 4.48726 4.39503 4.631L4.25991 4.77278C4.18137 4.846 4.12146 4.93652 4.08419 5.03703C4.0509 5.13599 4.03759 5.23739 4.04425 5.34122C4.15141 5.62811 4.31982 5.88903 4.53681 6.10536C4.87561 6.56464 5.21375 6.96402 5.55855 7.39668C6.1822 8.12069 6.92234 8.73553 7.74845 9.21583C7.83299 9.27773 7.93017 9.319 8.03334 9.33697C8.12254 9.34363 8.21306 9.33032 8.29693 9.29704C8.53323 9.15792 8.7429 8.97953 8.91862 8.7692C9.15494 8.4798 9.49419 8.29324 9.86514 8.24868C10.2221 8.25358 10.5626 8.39955 10.8123 8.65471C10.9475 8.7692 11.0959 8.92495 11.2383 9.07405L11.4407 9.28306L11.6504 9.48608L12.0091 9.85084C12.223 10.0408 12.4236 10.2438 12.6109 10.4599C12.7986 10.7195 12.8831 11.041 12.8471 11.3591ZM10.4203 6.72706C10.2862 6.72567 10.
780158 6.67179 10.0632 6.57697C9.96834 6.48215 9.91446 6.35394 9.91307 6.21985C9.91377 5.83697 9.83887 5.45771 9.69267 5.10384C9.54648 4.74997 9.33185 4.42844 9.06111 4.1577C8.79037 3.88696 8.46884 3.67233 8.11497 3.52613C7.7611 3.37993 7.38184 3.30504 6.99896 3.30574C6.86444 3.30574 6.73543 3.2523 6.64031 3.15718C6.54519 3.06206 6.49175 2.93305 6.49175 2.79853C6.49175 2.66401 6.54519 2.535 6.64031 2.43988C6.73543 2.34476 6.86444 2.29133 6.99896 2.29133C7.51508 2.29054 8.02629 2.39161 8.50327 2.58876C8.98026 2.78591 9.41365 3.07525 9.77861 3.4402C10.1436 3.80516 10.4329 4.23855 10.63 4.71554C10.8272 5.19252 10.9283 5.70373 10.9275 6.21985C10.9277 6.28651 10.9147 6.35254 10.8892 6.41416C10.8638 6.47577 10.8265 6.53176 10.7793 6.57889C10.7322 6.62602 10.6762 6.66338 10.6146 6.6888C10.553 6.71423 10.4869 6.72723 10.4203 6.72706Z" fill="#081323"/>
781                                            <path d="M12.7672 6.49085C12.6332 6.48947 12.5051 6.43568 12.4103 6.341C12.3155 6.24632 12.2615 6.11828 12.26 5.98431C12.261 5.33193 12.1334 4.68575 11.8845 4.08273C11.6355 3.47972 11.2701 2.93172 10.8092 2.47007C10.3482 2.00843 9.80073 1.64222 9.19808 1.39238C8.59544 1.14254 7.94944 1.01399 7.29706 1.01408C7.22895 1.01655 7.16105 1.00527 7.09739 0.980905C7.03374 0.956544 6.97565 0.919605 6.9266 0.872294C6.87754 0.824983 6.83852 0.76827 6.81187 0.705543C6.78522 0.642816 6.77148 0.575361 6.77148 0.507207C6.77148 0.439053 6.78522 0.371598 6.81187 0.308871C6.83852 0.246144 6.87754 0.189431 6.9266 0.14212C6.97565 0.0948089 7.03374 0.0578697 7.09739 0.0335086C7.16105 0.00914757 7.22895 -0.00213572 7.29706 0.00033283C8.08258 0.000332343 8.86039 0.155161 9.58602 0.455965C10.3117 0.75677 10.9709 1.19765 11.526 1.7534C12.0812 2.30915 12.5213 2.96887 12.8213 3.69484C13.1213 4.42081 13.2753 5.1988 13.2744 5.98431C13.2746 6.05097 13.2616 6.117 13.2361 6.17862C13.2107 6.24023 13.1733 6.29622 13.1262 6.34335C13.0791 6.39048 13.0231 6.42784 12.9615 6.45326C12.8999 6.47869 12.8338 6.49103 12.7672 6.49085Z" fill="#081323"/>
782                                        </svg>
783                                        <span class="">1688-2298</span>
784                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="11" viewB
784ox="0 0 6 11" fill="none" style="height: 0.625rem; width: 0.625rem;">
785                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M5.73812 4.59074L1.14746 8.50275e-05L1.20398e-06 1.14755L4.01692 5.16447L1.50471e-07 9.1814L1.14746 10.3289L5.73812 5.7382C5.89025 5.58602 5.97571 5.37965 5.97571 5.16447C5.97571 4.94929 5.89025 4.74292 5.73812 4.59074Z" fill="#222222"/>
786                                        </svg>
787                                    </a>
788                                </li>
789                                <li class="scale-hover-105">
790                                    <a href="" class="kakao-chat-button" style="background-color: white; padding: 1rem 0.5rem; display: flex; align-items: center; justify-content: space-between; border-radius: 0.25rem; font-size:1rem; color:#555555; border:1px solid #555555; width:148px; cursor: pointer;">
791                                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none" style="height: 1rem; width: 1rem;">
792                                            <path d="M6.69914 10.7186C10.3991 10.7186 13.3983 8.319 13.3983 5.35932C13.3983 2.39963 10.3991 0 6.69914 0C2.99921 0 0 2.39963 0 5.35932C0 6.80432 0.714799 8.11534 1.87643 9.07935C1.52138 10.4842 0.669914 11.3885 0 12.0585C2.00974 12.0585 3.0327 11.4026 4.23386 10.3441C4.99756 10.5853 5.82825 10.7186 6.69914 10.7186Z" fill="#081323"/>
793                                        </svg>
794                                        <span class="">채팅상담</span>
795                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="11" viewB
795ox="0 0 6 11" fill="none" style="height: 0.625rem; width: 0.625rem;">
796                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M5.73812 4.59074L1.14746 8.50275e-05L1.20398e-06 1.14755L4.01692 5.16447L1.50471e-07 9.1814L1.14746 10.3289L5.73812 5.7382C5.89025 5.58602 5.97571 5.37965 5.97571 5.16447C5.97571 4.94929 5.89025 4.74292 5.73812 4.59074Z" fill="#222222"/>
797                                        </svg>
798                                    </a>
799                                </li>
800                            </ul>
801                        </div>
802                    </div>
803                    <div class="all-submenus-snb">
804                                                <div id="slideshow">
805                                                            <a href="/landing/connect"><img src="/img/top_banner1.jpg" width="190" class="slide" style="display: block;"></a>
806                                                            <a href="/landing/sinsinpay"><img src="/img/top_banner2.jpg" width="190" class="slide" style="display: none;"></a>
807                                                            <a href="/landing/package"><img src="/img/top_banner3.jpg" width="190" class="slide" style="display: none;"></a>
808                                                        <div id="navigation">
809                                                                    <span class="nav-dot" data-slide="0"></span>
810                                                                    <span class="nav-dot" data-slide="1"></span>
811                                                                    <span class="nav-dot" data-slide="2"></span>
812                                                            </div>
813                        </div>
814                    </div>
815                </div>
816                <!-- 제품 -->
817                <div class="nav-tab-content nav-product ss-hidden" data-header-nav="product">
818                    
819                                            <div class="nav-product_item">
820                            <a href="/landing/cardterminal_cable" class="nav-product_link">
821                                <img
822                                    src="/img/header/product/cardterminal_cable.png"
823                                    alt="유선단말기"
824                                    class="nav-product_thumbnail scale-hover-105"
825                                >
826                                <p class="nav-product_description">
827                                    간단한 금액 결제용                                </p>
828                                <p class="nav-product_title">
829                                    유선단말기                                </p>
830                            </a>
831                        </div>
832                                            <div class="nav-product_item">
833                            <a href="/landing/cardterminal_wireless" class="nav-product_link">
834                                <img
835                                    src="/img/header/product/cardterminal_wireless.png"
836                                    alt="무선단말기"
837                                    class="nav-product_thumbnail scale-hover-105"
838                                >
839                                <p class="nav-product_description">
840                                    언제 어디서나                                </p>
841                                <p class="nav-product_title">
842                                    무선단말기                                </p>
843                            </a>
844                        </div>
845                                            <div class="nav-product_item">
846                            <a href="/landing/pos" class="nav-product_link">
847                                <img
848                                    src="/img/header/product/pos.png"
849                                    alt="포스기"
850                                    class="nav-product_thumbnail scale-hover-105"
851                                >
852                                <p class="nav-product_description">
853                                    주문·결제·배달                                </p>
854                                <p class="nav-product_title">
855                                    포스기                                </p>
856                            </a>
857                        </div>
858                                            <div class="nav-product_item">
859                            <a href="/landing/kiosk" class="nav-product_link">
860                                <img
861                                    src="/img/header/product/kiosk.png"
862                                    alt="키오스크"
863                                    class="nav-product_thumbnail scale-hover-105"
864                                >
865                                <p class="nav-product_description">
866                                    인건비 줄여주는                                </p>
867                                <p class="nav-product_title">
868                                    키오스크                                </p>
869                            </a>
870                        </div>
871                                            <div class="nav-product_item">
872                            <a href="/landing/tableorder" class="nav-product_link">
873                                <img
874                                    src="/img/header/product/tableorder.png"
875                                    alt="테이블오더"
876                                    class="nav-product_thumbnail scale-hover-105"
877                                >
878                                <p class="nav-product_description">
879                                    업계 최초 무약정                                </p>
880                                <p class="nav-product_title">
881                                    테이블오더                                </p>
882                            </a>
883                        </div>
884                                            <div class="nav-product_item">
885                            <a href="/landing/sinsinpay" class="nav-product_link">
886                                <img
887                                    src="/img/header/product/sinsinpay.png"
888                                    alt="비대면 결제"
889                                    class="nav-product_thumbnail scale-hover-105"
890                                >
891                                <p class="nav-product_description">
892                                    카드번호로 결제                                </p>
893                                <p class="nav-product_title">
894                                    비대면 결제                                </p>
895                            </a>
896                        </div>
897                                            <div class="nav-product_item">
898                            <a href="/landing/promotion_pos" class="nav-product_link">
899                                <img
900                                    src="/img/header/product/used_pos.png"
901                                    alt="중고포스"
902                                    class="nav-product_thumbnail scale-hover-105"
903                                >
904                                <p class="nav-product_description">
905                                    비용 부담 줄여주는                                </p>
906                                <p class="nav-product_title">
907                                    중고포스                                </p>
908                            </a>
909                        </div>
910                                            <div class="nav-product_item">
911                            <a href="/landing/aiscanner" class="nav-product_link">
912                                <img
913                                    src="/img/header/product/aiscanner.png"
914                                    alt="AI 빵스캐너"
915                                    class="nav-product_thumbnail scale-hover-105"
916                                >
917                                <p class="nav-product_description">
918                                    자동화 계산                                </p>
919                                <p class="nav-product_title">
920                                    AI 빵스캐너                                </p>
921                            </a>
922                        </div>
923                                    </div>
924                <!-- 프로모션 -->
925                <div class="nav-tab-content nav-promotion ss-hidden" data-header-nav="promotion">
926                    <div class="nav_link-content">
927                        <div class="" style="padding: 1rem 0;" >
928                            <p class="" style="font-size: 1.125rem; font-weight: 600; padding-bottom: 1rem;">
929                                프로모션
930                            </p>
931                            <ul class="" style="font-size:1rem; font-weight:500;">
932                                <li class="nav_link-text" onclick="location.href=`/landing/promotion`" style="white-space:nowrap;">
933                                    프로모션 전체 보기
934                                </li>
935                                
936                            </ul>
937                        </div>
938                        <div class="" style="height: auto; width: 1px; background-color:#E7E7E7; margin: 0 60px;"></div>
939                    </div>
940                    <div class="nav-promotion_link-box">
941                                                                            <div class="">
942                                <a href="/landing/connect" class="nav-promotion_card">
943                                    <img class="scale-hover-105" src="/img/header/promotion/npay_connect.png" alt="NPAY 커넥트" class="nav-promotion_thumbnail">
944                                    <p class="nav-promotion_title">
945                                        NPAY 커넥트                                    </p>
946                                </a>
947                            </div>
948                                                    <div class="">
949                                <a href="/landing/placeplus" class="nav-promotion_card">
950                                    <img class="scale-hover-105" src="/img/header/promotion/placeplus.png" alt="플레이스 연동" class="nav-promotion_thumbnail">
951                                    <p class="nav-promotion_title">
952                                        플레이스 연동                                    </p>
953                                </a>
954                            </div>
955                                                    <div class="">
956                                <a href="/landing/toss" class="nav-promotion_card">
957                                    <img class="scale-hover-105" src="/img/header/promotion/toss_terminal.png" alt="토스단말기" class="nav-promotion_thumbnail">
958                                    <p class="nav-promotion_title">
959                                        토스단말기                                    </p>
960                                </a>
961                            </div>
962                                                    <div class="">
963                                <a href="/landing/promotion_lightning" class="nav-promotion_card">
964                                    <img class="scale-hover-105" src="/img/header/promotion/lightning.png" alt="내일입금서비스" class="nav-promotion_thumbnail">
965                                    <p class="nav-promotion_title">
966                                        내일입금서비스                                    </p>
967                                </a>
968                            </div>
969                                                    <div class="">
970                                <a href="/landing/shortterm" class="nav-promotion_card">
971                                    <img class="scale-hover-105" src="/img/header/promotion/shortterm.png" alt="단기임대" class="nav-promotion_thumbnail">
972                                    <p class="nav-promotion_title">
973                                        단기임대                                    </p>
974                                </a>
975                            </div>
976                                                    <div class="">
977                                <a href="/landing/baemin" class="nav-promotion_card">
978                                    <img class="scale-hover-105" src="/img/header/promotion/baemin.png" alt="배달의민족 입점" class="nav-promotion_thumbnail">
979                                    <p class="nav-promotion_title">
980                                        배달의민족 입점                                    </p>
981                                </a>
982                            </div>
983                                                    <div class="">
984                                <a href="/landing/mukkebi" class="nav-promotion_card">
985                                    <img class="scale-hover-105" src="/img/header/promotion/mukkebi.png" alt="먹깨비 입점" class="nav-promotion_thumbnail">
986                                    <p class="nav-promotion_title">
987                                        먹깨비 입점                                    </p>
988                                </a>
989                            </div>
990                                                    <div class="">
991                                <a href="/landing/bankevent" class="nav-promotion_card">
992                                    <img class="scale-hover-105" src="/img/header/promotion/bankevent.png" alt="사업자통장 혜택" class="nav-promotion_thumbnail">
993                                    <p class="nav-promotion_title">
994                                        사업자통장 혜택                                    </p>
995                                </a>
996                            </div>
997                        
998                    </div>
999                </div>
1000                <!-- 상담신청 -->
1001                <!-- <div class="nav-tab-content nav-contact ss-hidden" data-header-nav="contact">
1002                </div> -->
1003            </div>
1004        </div>
1005
1006        
1006<script>
1007            $(document).ready(function(){
1008                var currentIndex = 0;
1009                var currentIndex2 = 0;
1010                var slides = $(".slide");
1011                var slides2 = $(".slide2");
1012                var navDots = $(".nav-dot");
1013                var navDots2 = $(".nav-dot2");
1014                var slideInterval = setInterval(nextSlide, 3000);
1015                var slideInterval2 = setInterval(nextSlide2, 3000);
1016
1017                navDots.click(function(){
1018                    clearInterval(slideInterval);
1019                    currentIndex = $(this).data('slide');
1020                    updateSlides();
1021                    slideInterval = setInterval(nextSlide, 3000);
1022                });
1023
1024                navDots2.click(function(){
1025                    clearInterval(slideInterval2);
1026                    currentIndex2 = $(this).data('slide2');
1027                    updateSlides2();
1028                    slideInterval2 = setInterval(nextSlide2, 3000);
1029                });
1030
1031                function nextSlide() {
1032                    currentIndex = (currentIndex + 1) % slides.length;
1033                    updateSlides();
1034                }
1035
1036                function updateSlides() {
1037                    slides.hide().eq(currentIndex).fadeIn(1000);
1038                    navDots.removeClass('active').eq(currentIndex).addClass('active');
1039                }
1040
1041                function nextSlide2() {
1042                    currentIndex2 = (currentIndex2 + 1) % slides2.length;
1043                    updateSlides2();
1044                }
1045
1046                function updateSlides2() {
1047                    slides2.hide().eq(currentIndex2).fadeIn(1000);
1048                    navDots2.removeClass('active').eq(currentIndex2).addClass('active');
1049                }
1050
1051                updateSlides(); // 초기 화면 설정
1052                updateSlides2(); // 초기 화면 설정
1053            });
1054        </script>
1054
1055
1056                                    <div id="sub_visual_container">
1057                    <div id="sub_visual" class="subcontact animate-zoom">
1058                    </div>
1059                </div>
1060                        
1061                    <style>
1062  /* 💡 외부 레거시 CSS 오염 차단 및 격리 */
1063  .floating-contact-wrapper {
1064    all: revert;
1065    box-sizing: border-box;
1066  }
1067
1068  .floating-contact-container {
1069    font-family: 'Pretendard', sans-serif;
1070    z-index: 999;
1071    position: fixed;
1072    bottom: 2rem;
1073    /* left: 50%;
1074    transform: translate(-50%, 0); */
1075    left: 0;
1076    right: 0;
1077    margin: 0 auto;
1078    width: fit-content;
1079    /* 이제 전체 화면 기준으로 fit-content가 계산됩니다! */
1080    max-width: 1000px;
1081    width: fit-content;
1082    background-color: #FFFFFF;
1083    display: flex;
1084    flex-direction: row;
1085    justify-content: center;
1086    align-items: center;
1087    gap: 0 1rem;
1088    border-radius: 2rem;
1089    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
1090    padding: 0.75rem 2rem;
1091    box-sizing: border-box;
1092  }
1093
1094  /* 기본(PC 화면): PC용만 보이고 모바일용은 숨김 */
1095  /* .floating-contact-container.on_pc {
1096    display: flex ;
1097  }
1098
1099  .floating-contact-container.on_mobile {
1100    display: none ;
1101  } */
1102
1103  .floating-contact-container .event-mark {
1104    font-size: 1.25rem;
1105    poistion: relative;
1106    flex-shrink: 0;
1107  }
1108
1109  .floating-contact-container .floating-contact_text {
1110    font-size: 1.25rem;
1111    flex-shrink: 0;
1112  }
1113
1114  .floating-contact-container.on_pc input {
1115    width: 12rem;
1116    padding: 0.5rem 1rem;
1117    font-size: 1.25rem;
1118    border-radius: 0.5rem;
1119    border: #E5E5E5 1px solid;
1120  }
1121
1122  .floating-contact-container.on_pc button {
1123    border-radius: 2rem;
1124    padding: 0.5rem 1.75rem;
1125    color: #FFFFFF;
1126    background-color: #3B82F6;
1127    box-shadow: none;
1128    border: none;
1129    font-size: 1.25rem;
1130    cursor: pointer;
1131    flex-shrink: 0;
1132  }
1133
1134  .floating-contact-container.on_pc button:hover {
1135    opacity: 0.8;
1136  }
1137
1138  /* 모달 시작 */
1139
1140  /* 모달 배경 (백드롭) */
1141  .floating-contact_modal {
1142    position: fixed;
1143    top: 0;
1144    left: 0;
1145    right: 0;
1146    bottom: 0;
1147    z-index: 999;
1148    display: none;
1149    /* 기본 숨김 */
1150    align-items: center;
1151    justify-content: center;
1152    background-color: rgba(0, 0, 0, 0.5);
1153    box-sizing: border-box;
1154  }
1155
1156  /* 모달 활성화 */
1157  .floating-contact_modal.active {
1158    display: flex;
1159  }
1160
1161  /* 모달 콘텐츠 박스 */
1162  .floating-contact_modal-content {
1163    position: relative;
1164    width: 1000px;
1165    border-radius: 1rem;
1166    background-color: #FFFFFF;
1167    padding: 6.25rem 3rem;
1168    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
1169    box-sizing: border-box;
1170    text-align: left;
1171  }
1172
1173  /* 모달 닫기 버튼 (우측 상단 X) */
1174  .floating-contact_modal-close {
1175    position: absolute;
1176    top: 1rem;
1177    right: 1rem;
1178    color: #9ca3af;
1179    background: none;
1180    border: none;
1181    cursor: pointer;
1182    padding: 0;
1183  }
1184
1185  .floating-contact_modal-close svg {
1186    width: 1.5rem;
1187    height: 1.5rem;
1188  }
1189
1190  /* 내용 */
1191  .floating-contact_modal-body {
1192    display: grid;
1193    grid-template-columns: repeat(2, 1fr);
1194    gap: 0 2rem;
1195  }
1196
1197  .floating-contact_modal-info {
1198    width: 100%;
1199  }
1200
1201  .floating-contact_modal-info>p:nth-of-type(1) {
1202    font-size: 2.25rem;
1203    margin-bottom: 1rem;
1204    word-break: keep-all;
1205  }
1206
1207  .floating-contact_modal-info>p:nth-of-type(2) {
1208    font-size: 1.25rem;
1209  }
1210
1211  .floating-contact_modal-form {
1212    width: 100%;
1213    display: flex;
1214    flex-direction: column;
1215    align-items: center;
1216    gap: 1rem 0
1217  }
1218
1219  .floating-contact_modal-form input[type="text"],
1220  .floating-contact_modal-form input[type="tel"] {
1221    width: 100%;
1222    padding: 1rem 1rem;
1223    font-size: 1.25rem;
1224    border-radius: 0.5rem;
1225    border: #E5E5E5 1px solid;
1226  }
1227
1228
1229  .floating-contact_modal-form input[type="checkbox"] {
1230    height: 1.25rem;
1231    width: 1.25rem;
1232    cursor: pointer;
1233    accent-color: #3B82F6;
1234  }
1235
1236  .floating-contact_modal-form input[type="checkbox"]+label {
1237    cursor: pointer;
1238  }
1239
1240  .floating-contact_modal-form .agree-check {
1241    display: flex;
1242    flex-direction: row;
1243    align-items: center;
1244    width: 100%;
1245    gap: 0 0.5rem
1246  }
1247
1248  .floating-contact_modal-form .agree-check em {
1249    margin-left: auto;
1250    font-style: normal;
1251    font-size: 1rem;
1252    font-weight: 400;
1253    cursor: pointer;
1254  }
1255
1256  .floating-contact_modal-form .agree-check em:hover {
1257    opacity: 0.8;
1258  }
1259
1260  .floating-contact_modal-form button {
1261    width: 100%;
1262    padding: 1rem 0;
1263    border-radius: 0.5rem;
1264    border: none;
1265    font-size: 1.25rem;
1266  }
1267
1268  .floating-contact_modal-form button:hover {
1269    opacity: 0.8;
1270  }
1271
1272  .floating-contact_modal-form button[type="submit"] {
1273    background-color: #3B82F6;
1274    color: #FFFFFF;
1275  }
1276
1277  .floating-contact_modal-form button[type="button"] {
1278    background-color: #F0F3F5;
1279  }
1280
1281  /* 모달 끝 */
1282
1283  /* 동의 모달 시작 */
1284  .floating-contact_agree-modal {
1285    position: fixed;
1286    top: 0;
1287    left: 0;
1288    right: 0;
1289    bottom: 0;
1290    z-index: 999;
1291    display: none;
1292    /* 기본 숨김 */
1293    align-items: center;
1294    justify-content: center;
1295    background-color: rgba(0, 0, 0, 0.5);
1296    box-sizing: border-box;
1297  }
1298
1299  .floating-contact_agree-modal.active {
1300    display: flex;
1301  }
1302
1303  /* 모달 콘텐츠 박스 */
1304  .floating-contact_agree-modal-content {
1305    position: relative;
1306    width: 380px;
1307    max-height: 75vh;
1308    border-radius: 1rem;
1309    background-color: #FFFFFF;
1310    padding: 3rem 2rem 0;
1311    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
1312    box-sizing: border-box;
1313    text-align: left;
1314  }
1315
1316  .floating-contact_agree-modal-top {
1317    font-weight: 700;
1318    font-size: 1.25rem;
1319    text-align: center;
1320    margin-bottom: 1rem;
1321  }
1322
1323  .floating-contact_agree-modal-body {
1324    display: flex;
1325    flex-direction: column;
1326    gap: 1rem 0;
1327    margin-bottom: 1rem;
1328    line-height: 1.4;
1329  }
1330
1331  .floating-contact_agree-modal-bottom {}
1332
1333  .floating-contact_agree-modal-bottom button {
1334    display: block;
1335    width: 100%;
1336    border: none;
1337    border-radius: 2rem;
1338    padding: 1rem 0;
1339  }
1340
1341  .floating-contact_agree-modal-bottom button:hover {
1342    opacity: 0.8;
1343  }
1344
1345  .floating-contact_agree-modal-bottom .agree-button {
1346    background-color: #3B82F6;
1347    color: #FFFFFF;
1348  }
1349
1350  .floating-contact_agree-modal-bottom .close-button {
1351    background-color: transparent;
1352    color: #C3C3C3;
1353  }
1354
1355  /* 동의 모달 끝 */
1356
1357  /* 모바일 화면(768px 이하) 대응 */
1358  @media screen and (max-width: 768px) {
1359
1360    /* 💡 외부 레거시 CSS 오염 차단 및 격리 */
1361    .floating-contact-wrapper {}
1362
1363    .floating-contact-container {
1364      bottom: min(4vw, 1rem);
1365      max-width: 380px;
1366      width: 90%;
1367      background-color: transparent;
1368      display: flex;
1369      flex-direction: row;
1370      justify-content: center;
1371      align-items: stretch;
1372      gap: 0 min(4vw, 1rem);
1373      border-radius: none;
1374      box-shadow: none;
1375      padding: 0;
1376    }
1377
1378    /* 기본(PC 화면): PC용만 보이고 모바일용은 숨김 */
1379    /* .floating-contact-container.on_pc {
1380      display: none ;
1381    }
1382
1383    .floating-contact-container.on_mobile {
1384      display: flex ;
1385    } */
1386
1387    /* 모바일용 개별 버튼 스타일 */
1388    .floating-contact-btn-apply {
1389      background-color: #3B82F6;
1390      font-size: min(4.5vw, 1.125rem);
1391      border-radius: 1em;
1392      flex: 1;
1393      display: flex;
1394      align-items: center;
1395      justify-content: center;
1396      box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.1);
1397      cursor: pointer;
1398      border: none;
1399      box-sizing: border-box;
1400      color: #FFFFFF;
1401      font-weight: 600;
1402    }
1403
1404    .floating-contact-btn-apply p {
1405      margin: 0;
1406      padding: 0;
1407    }
1408
1409    /* 카카오톡 상담 버튼 */
1410    .floating-contact-btn-chat {
1411      width: min(14vw, 3.5rem);
1412      height: min(14vw, 3.5rem);
1413      flex-shrink: 0;
1414      display: flex;
1415      align-items: center;
1416      justify-content: center;
1417      background-color: white;
1418      border-radius: min(4vw, 1rem);
1419      box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.1);
1420      cursor: pointer;
1421      box-sizing: border-box;
1422      border: none;
1423    }
1424
1425    .floating-contact-btn-chat img {
1426      width: min(8vw, 2rem);
1427      height: min(8vw, 2rem);
1428      object-fit: contain;
1429      margin: 0;
1430      padding: 0;
1431    }
1432
1433    /* 모달 시작 */
1434
1435    /* 모달 배경 (백드롭) */
1436    .floating-contact_modal {}
1437
1438    /* 모달 활성화 */
1439    .floating-contact_modal.active {}
1440
1441    /* 모달 콘텐츠 박스 */
1442    .floating-contact_modal-content {
1443      top: 48px;
1444      max-width: 380px;
1445      width: 90%;
1446      hegiht: 75vh;
1447      font-size: min(4vw, 1rem);
1448      padding: 3.125em 1.75em;
1449    }
1450
1451    /* 모달 닫기 버튼 (우측 상단 X) */
1452    .floating-contact_modal-close {
1453      position: absolute;
1454      top: min(4vw, 1rem);
1455      right: min(4vw, 1rem);
1456      color: #9ca3af;
1457      background: none;
1458      border: none;
1459      cursor: pointer;
1460      padding: 0;
1461    }
1462
1463    .floating-contact_modal-close svg {
1464      width: min(4vw, 1rem);
1465      height: min(4vw, 1rem);
1466    }
1467
1468    /* 내용 */
1469    .floating-contact_modal-body {
1470      display: grid;
1471      grid-template-columns: repeat(1, 1fr);
1472      gap: 0;
1473    }
1474
1475    .floating-contact_modal-info {
1476      width: 100%;
1477      margin-bottom: min(4vw, 1rem);
1478    }
1479
1480    .floating-contact_modal-info>p:nth-of-type(1) {
1481      font-size: min(6vw, 1.5rem);
1482      margin-bottom: min(4vw, 1rem);
1483      word-break: keep-all;
1484    }
1485
1486    .floating-contact_modal-info>p:nth-of-type(2) {
1487      font-size: min(3.5vw, 0.875rem);
1488    }
1489
1490    .floating-contact_modal-form {
1491      gap: min(4vw, 1rem) 0;
1492    }
1493
1494    .floating-contact_modal-form input[type="text"],
1495    .floating-contact_modal-form input[type="tel"] {
1496      padding: min(2vw, 0.5rem);
1497      font-size: min(4vw, 1rem);
1498      border-radius: min(2vw, 0.5rem);
1499    }
1500
1501
1502    .floating-contact_modal-form input[type="checkbox"] {
1503      height: min(4vw, 1rem);
1504      width: min(4vw, 1rem);
1505    }
1506
1507    .floating-contact_modal-form input[type="checkbox"]+label {
1508      font-size: min(3.5vw, 0.875rem);
1509    }
1510
1511    .floating-contact_modal-form .agree-check {
1512      gap: 0 min(2vw, 0.5rem);
1513    }
1514
1515    .floating-contact_modal-form .agree-check em {
1516      font-size: min(3.5vw, 0.875rem);
1517    }
1518
1519    .floating-contact_modal-form .agree-check em:hover {}
1520
1521    .floating-contact_modal-form button {
1522      padding: min(3.5vw, 0.875rem) 0;
1523      border-radius: min(2vw, 0.5rem);
1524      font-size: min(4vw, 1rem);
1525    }
1526
1527    .floating-contact_modal-form button:hover {}
1528
1529    .floating-contact_modal-form button[type="submit"] {}
1530
1531    .floating-contact_modal-form button[type="button"] {}
1532
1533    /* 모달 끝 */
1534
1535    /* 동의 모달 시작 */
1536    .floating-contact_agree-modal {
1537      position: fixed;
1538      top: 0;
1539      left: 0;
1540      right: 0;
1541      bottom: 0;
1542      z-index: 999;
1543      /* 기본 숨김 */
1544      visibility: hidden;
1545      opacity: 0;
1546      display: flex;
1547      align-items: end;
1548      justify-content: center;
1549      background-color: rgba(0, 0, 0, 0.5);
1550      box-sizing: border-box;
1551      transition: opacity 0.2s linear, visibility 0.2s linear;
1552    }
1553
1554    .floating-contact_agree-modal.active {
1555      visibility: visible;
1556      opacity: 1;
1557    }
1558
1559    /* 모달 콘텐츠 박스 */
1560    .floating-contact_agree-modal-content {
1561      overflow-y: auto;
1562      transform: translateY(100%);
1563      max-width: 380px;
1564      width: 90%;
1565      max-height: 75vh;
1566      border-radius: min(4vw, 1rem) min(4vw, 1rem) 0 0;
1567      background-color: #FFFFFF;
1568      padding: min(12vw, 3rem) min(8vw, 2rem) 0;
1569      box-shadow: 0 0 50px 10px rgba(255, 255, 255, 0.25);
1570      box-sizing: border-box;
1571      text-align: left;
1572      transition: transform 0.2s linear;
1573    }
1574
1575    .floating-contact_agree-modal.active .floating-contact_agree-modal-content {
1576      transform: translateY(0%);
1577    }
1578
1579    .floating-contact_agree-modal-top {
1580      font-weight: 700;
1581      font-size: min(5vw, 1.25rem);
1582      text-align: center;
1583      margin-bottom: min(4vw, 1rem);
1584    }
1585
1586    .floating-contact_agree-modal-body {
1587      display: flex;
1588      flex-direction: column;
1589      gap: min(4vw, 1rem) 0;
1590      margin-bottom: min(4vw, 1rem);
1591      line-height: 1.4;
1592    }
1593
1594    .floating-contact_agree-modal-bottom {}
1595
1596    .floating-contact_agree-modal-bottom button {
1597      display: block;
1598      width: 100%;
1599      border: none;
1600      border-radius: min(8vw, 2rem);
1601      padding: min(4vw, 1rem) 0;
1602    }
1603
1604    .floating-contact_agree-modal-bottom button:hover {
1605      opacity: 0.8;
1606    }
1607
1608    .floating-contact_agree-modal-bottom .agree-button {
1609      background-color: #3B82F6;
1610      color: #FFFFFF;
1611    }
1612
1613    .floating-contact_agree-modal-bottom .close-button {
1614      background-color: transparent;
1615      color: #C3C3C3;
1616    }
1617
1618    /* 동의 모달 끝 */
1619  }
1620</style>
1621
1622
1623<div class="floating-contact-wrapper">
1624  <!-- PC -->
1625  <div class="floating-contact-container on_pc">
1626    <!-- EVENT 또는 로고 -->
1627    <div class="event-mark">
1628              <p class="fw-bold" style="color: #3B82F6">
1629          EVENT
1630        </p>
1631          </div>
1632    <!-- 반 줄 설명 -->
1633    <p class="fw-semibold floating-contact_text">
1634              지금 상담 신청 시, <span class="" style="color: #3B82F6;">최저가 보장</span>
1635          </p>
1636    <!-- 전화번호 입력 -->
1637    <input id="floating-contact_phone1" type="tel" class="" placeholder="010-1234-1234" maxlength="13">
1638    <!-- 신청하기 버튼 -->
1639    <button class="fw-semibold floating-contact-btn-open" style="">
1640              신청하기
1641          </button>
1642  </div>
1643  <!-- 모바일 -->
1644  <div class="floating-contact-container on_mobile" style="">
1645    <div class="floating-contact-btn-apply floating-contact-btn-open"
1646      style="">
1647              <p>
1648          지금 상담 신청 시, 최저가 보장
1649        </p>
1650          </div>
1651    <div class="floating-contact-btn-chat kakao-chat-button" data-chatdata="">
1652      <img src="/img/chat_icon.png" alt="채팅상담">
1653    </div>
1654  </div>
1655
1656  <!-- 모달 -->
1657  <div class="floating-contact_modal">
1658    <div class="floating-contact_modal-content">
1659      <!-- 닫기 버튼 (우측 상단) -->
1660      <button class="floating-contact_modal-close floating-contact-btn-close">
1661        <svg fill="none" viewBox="0 0 24 24" stroke="currentColor">
1662          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
1663        </svg>
1664      </button>
1665      <!-- 모달 내용 -->
1666      <div class="floating-contact_modal-body">
1667        <div class="floating-contact_modal-info">
1668          <p class="">
1669            휴대폰 번호를 알려주시면 연락드릴게요.
1670          </p>
1671          <p class="">
1672            평균 1일 내 <span class="" style="color: #3B82F6;">1688-2298</span>로 연락드려요
1673          </p>
1674        </div>
1675        <form action="" class="floating-contact_modal-form">
1676                      <input type="hidden" name="ss_referer" value="" />
1677                    <input type="hidden" name="ss_type" value="1">
1678          <input type="hidden" name="ss_hopetime" value="ASAP">
1679          <input type="hidden" name="ss_id_nickname" value="">
1680          <!-- 위의 floating-contact_phone1와 floating-contact_phone2 의 value는 같아야함 사용자 편의성을 위해서 -->
1681          <input required id="floating-contact_phone2" type="tel" class="" name="ss_phone"
1682            placeholder="연락처 예) 010-1234-1234" maxlength="13">
1683          <input type="text" class="" name="ss_company" placeholder="상호명(선택)">
1684
1685          <div class="agree-check">
1686            <input required type="checkbox" name="ss_agree-personal_info" id="floating-contact_agree-personal-info">
1687            <label for="floating-contact_agree-personal-info" class="">
1688              개인정보 수집·이용 동의 (필수)
1689            </label>
1690            <!-- 개인정보 수집 ╖ 이용 동의 -->
1691            <em class="floating-contact-btn-view-terms" style="cursor: pointer;">보기</em>
1692          </div>
1693
1694          <button type="submit" class="fw-bold">신청하기</button>
1695          <button type="button" class="fw-bold floating-contact-btn-close">닫기</button>
1696        </form>
1697      </div>
1698    </div>
1699  </div>
1700  <div class="floating-contact_agree-modal">
1701    <div class="floating-contact_agree-modal-content">
1702      <!-- 타이틀 -->
1703      <di
1703v class="floating-contact_agree-modal-top">
1704        <p class="">
1705          <strong class="">
1706            개인정보 수집 동의 안내
1707          </strong>
1708        </p>
1709      </div>
1710      <!-- 콘텐트 -->
1711      <div class="floating-contact_agree-modal-body">
1712        <p class="">
1713          개인정보 수집 및 이용 동의서<br />
1714          (주)신신엠앤씨는 「개인정보 보호법」 제15조에 의거하여 개인정보 수집·이용 동의를 받고 있습니다. 정보주체가 동의한 내용 외의 다른 목적으로 활용하지 않습니다.
1715        </p>
1716        <p class="">
1717          <b class="">• 개인정보 수집·이용 목적</b><br />
1718          <span class="">전화번호, 상호명</span>
1719        </p>
1720        <p class="">
1721          <b class="">• 수집하는 개인정보의 항목</b><br />
1722          상담 문의 대응을 위함
1723        </p>
1724        <p class="">
1725          <b class="">• 개인정보의 보유 및 이용 기간</b><br />
1726          <span class="">
1727            상담 문의 응대 완료일로부터 1년간 보관 후 파기
1728          </span>
1729        </p>
1730        <p class="">
1731          ※ 귀하는 본 동의를 거부하실 수 있습니다. 다만, 위 개인정보
1732          수집·이용에 관한 동의는 상담 대응을 위한 필수적 사항이므로,
1733          위 사항에 동의하셔야 상담 대응이 가능합니다.
1734        </p>
1735      </div>
1736      <!-- 하단 버튼 2개 -->
1737      <div class="floating-contact_agree-modal-bottom">
1738        <button class="agree-button">
1739          동의합니다
1740        </button>
1741        <button class="close-button">
1742          동의하지 않고 닫기
1743        </button>
1744      </div>
1745    </div>
1746  </div>
1747</div>
1748
1749<script>
1750  (() => {
1751    const wrapper = document.querySelector(".floating-contact-wrapper");
1752    if (!wrapper) return;
1753
1754    const phone1 = wrapper.querySelector("#floating-contact_phone1");
1755    const phone2 = wrapper.querySelector("#floating-contact_phone2");
1756    const modal = wrapper.querySelector(".floating-contact_modal");
1757    const modalContent = wrapper.querySelector(".floating-contact_modal-content");
1758    const modalForm = wrapper.querySelector(".floating-contact_modal-form");
1759    const floatingContactPersonalInfo = modalForm ? modalForm.querySelector("#floating-contact_agree-personal-info") : null;
1760
1761    // 동의 모달
1762    const agreeModal = wrapper.querySelector(".floating-contact_agree-modal")
1763    const agreeModalContent = wrapper.querySelector(".floating-contact_agree-modal-content")
1764    const agreeButton = agreeModal ? agreeModal.querySelector(".agree-button") : null;
1765
1766    // 1. '보기' 버튼 클릭 시 약관 모달 열기
1767    const viewTermsBtn = wrapper.querySelector(".floating-contact-btn-view-terms");
1768    if (viewTermsBtn && agreeModal) {
1769      viewTermsBtn.addEventListener("click", () => {
1770        agreeModal.classList.add("active");
1771      });
1772    }
1773
1774    // 2. 약관 모달 내 '동의합니다' 버튼 클릭 시 체크박스 체크 후 닫기
1775    if (agreeButton && agreeModal) {
1776      agreeButton.addEventListener("click", (e) => {
1777        e.preventDefault();
1778        if (floatingContactPersonalInfo) {
1779          floatingContactPersonalInfo.checked = true;
1780        }
1781        agreeModal.classList.remove("active");
1782      });
1783    }
1784
1785    // 3. 약관 모달 내 '동의하지 않고 닫기' 버튼 클릭 시 닫기
1786    const agreeCloseBtn = agreeModal ? agreeModal.querySelector(".close-button") : null;
1787    if (agreeCloseBtn && agreeModal) {
1788      agreeCloseBtn.addEventListener("click", (e) => {
1789        e.preventDefault();
1790        agreeModal.classList.remove("active");
1791      });
1792    }
1793
1794    // 4. 약관 모달 바깥 영역(배경) 클릭 시 닫기
1795    if (agreeModal) {
1796      agreeModal.addEventListener("click", (e) => {
1797        if (e.target === agreeModal) {
1798          agreeModal.classList.remove("active");
1799        }
1800      });
1801    }
1802
1803    // 5. 약관 모달 콘텐츠 클릭 시 닫히는 이벤트 전파 방지
1804    if (agreeModalContent) {
1805      agreeModalContent.addEventListener("click", (e) => {
1806        e.stopPropagation();
1807      });
1808    }
1809
1810    let phoneValue = "";
1811
1812    // phone1과 phone2 간의 실시간 양방향 동기화 및 자동 하이픈 처리
1813    if (phone1 && phone2) {
1814      const syncInput = (e) => {
1815        const formatted = SSUtils.initPhoneDash(e.target.value);
1816        phone1.value = formatted;
1817        phone2.value = formatted;
1818        phoneValue = formatted;
1819      };
1820      phone1.addEventListener("input", syncInput);
1821      phone2.addEventListener("input", syncInput);
1822    }
1823
1824    // 모달 열기 이벤트
1825    wrapper.querySelectorAll(".floating-contact-btn-open").forEach((btn) => {
1826      btn.addEventListener("click", () => {
1827        if (modal) {
1828          if (phone1 && phone2) {
1829            phone2.value = phone1.value;
1830          }
1831          modal.classList.add("active");
1832        }
1833      });
1834    });
1835
1836    // 모달 닫기 이벤트 (닫기 버튼들 클릭 시)
1837    wrapper.querySelectorAll(".floating-contact-btn-close").forEach((btn) => {
1838      btn.addEventListener("click", () => {
1839        if (modal) {
1840          modal.classList.remove("active");
1841        }
1842      });
1843    });
1844
1845    // 모달 바깥 영역(배경) 클릭 시 닫기
1846    if (modal) {
1847      modal.addEventListener("click", () => {
1848        modal.classList.remove("active");
1849      });
1850    }
1851
1852    // 모달 콘텐츠 내부 클릭 시 이벤트 버블링 방지 (배경 클릭 닫기 차단)
1853    if (modalContent) {
1854      modalContent.addEventListener("click", (e) => {
1855        e.stopPropagation();
1856      });
1857    }
1858
1859
1860
1861    // 폼 제출 이벤트
1862    if (modalForm) {
1863      modalForm.addEventListener('submit', async (e) => {
1864        e.preventDefault();
1865
1866        const nicknameInput = modalForm.querySelector('input[name="ss_id_nickname"]');
1867        const hopeTimeInput = modalForm.querySelector('input[name="ss_hopetime"]');
1868        const companyInput = modalForm.querySelector('input[name="ss_company"]');
1869        const phoneInput = modalForm.querySelector('input[name="ss_phone"]');
1870        const agreePersonalInfoInput = modalForm.querySelector('input[name="ss_agree-personal_info"]');
1871
1872        if (nicknameInput && nicknameInput.value.trim() !== "") {
1873          alert("신청되었습니다.");
1874          return false;
1875        }
1876        if (!phoneInput || phoneInput.value.trim() === "") {
1877          alert("전화번호를 입력해주세요");
1878          phoneInput?.focus();
1879          return false;
1880        }
1881        if (!SSUtils.verifyPhoneDash(phoneInput.value.trim())) {
1882          alert("정확한 전화번호를 입력해주세요");
1883          phoneInput?.focus();
1884          return false;
1885        }
1886        if (hopeTimeInput && hopeTimeInput.value.trim() === "") {
1887          alert("원하시는 상담 시간대를 선택해주세요");
1888          hopeTimeInput.focus();
1889          return false;
1890        }
1891        if (!agreePersonalInfoInput || !agreePersonalInfoInput.checked) {
1892          alert("개인정보 수집 및 이용에 동의하셔야 상담 서비스를 진행할 수 있습니다. 동의 여부를 선택해주세요.");
1893          agreePersonalInfoInput?.focus();
1894          return false;
1895        }
1896        // if (!companyInput || companyInput.value.trim() === "") {
1897        //   alert("상호를 입력해주세요");
1898        //   companyInput?.focus();
1899        //   return false;
1900        // }
1901
1902
1903
1904        const formData = new FormData(modalForm);
1905        const postData = Object.fromEntries(formData.entries());
1906
1907        postData.ss_agree = (agreePersonalInfoInput && agreePersonalInfoInput.checked) ? "1" : "0";
1908        postData.current_url = document.location.href;
1909        // 26.09.13 추가 — localStorage 의 UTM 값을 함께 전송
1910        Object.assign(postData, SSUtils.getUTM());
1911        
1912        /////////// 주소에 따른 ss_type 변경
1913        // 예시) /landing/connect -> ss_type = 12
1914        const typeMapping = {
1915          '/landing/shortterm': '3',
1916          '/landing/promotion_pos': '5',
1917          '/landing/bankevent': '6',
1918          '/landing/zero': '8',
1919          '/landing/package': '9',
1920          '/landing/toss': '10',
1921          '/landing/connect': '12',
1922          '/landing/meta': '27',
1923          '/landing/youtube': '28',
1924          '/landing/youtube': '28',
1925          '/landing/baemin': '46',
1926          '/landing/mukkebi': '47',
1927          '/landing/chimac': '49',   // /landing/chimac -> ss_type = 49
1928        };
1929        for (const [keyword, typeValue] of Object.entries(typeMapping)) {
1930          if (postData.current_url.includes(keyword)) {
1931            postData.ss_type = typeValue;
1932            break;
1933          }
1934        }
1935        
1936        /////////// 주소에 따른 ss_type 변경
1937
1938        // 확인 코드
1939        // alert(`접수완료 되었습니다.\n전문상담원이 확인 후에 연락드릴게요.${document.location.href}`);
1940        // modalForm.reset();
1941        // if (phone1) phone1.value = "";
1942        // if (phone2) phone2.value = "";
1943        // phoneValue = "";
1944        // if (modal) {
1945        //   modal.classList.remove("active");
1946        // }
1947
1948        try {
1949          const response = await fetch("/contact_process.php", {
1950            method: "POST",
1951            headers: {
1952              "Content-Type": "application/json"
1953            },
1954            body: JSON.stringify(postData)
1955          });
1956          
1957          const data = await response.json();
1958
1959          if (response.ok && data.success) {
1960            alert(data.message || "접수완료 되었습니다.\n전문상담원이 확인 후에 연락드릴게요.");
1961            modalForm.reset();
1962            if (phone1) phone1.value = "";
1963            if (phone2) phone2.value = "";
1964            phoneValue = "";
1965            if (modal) {
1966              modal.classList.remove("active");
1967            }
1968            
1969            sendNaverConversion("lead")
1970
1971          } else {
1972            alert(data.message || "서버 응답에 문제가 발생했습니다.");
1973          }
1974        } catch (error) {
1975          console.error("상세 에러 내용:", error);
1976          alert("상담 신청 중 오류가 발생했습니다.");
1977        }
1978      });
1979    }
1980  })();
1981</script>
1981                
1981<script>
1982            // const cta = document.getElementById('cta-container-mobile');
1983            // if (cta) {
1984            //     cta.addEventListener('click', function () {
1985            //         window.location.href = "https://sinsinmnc.com/landing/event_payn_renew";
1986            //     });
1987            // }
1988
1989            // const ctaPos = document.getElementById('cta-container-mobile-pos');
1990            // if (ctaPos) {
1991            //     ctaPos.addEventListener('click', function () {
1992            //         window.location.href = "https://sinsinmnc.com/landing/placeplus";
1993            //     });
1994            // }
1995        </script>
1995
1996        
1997                    <div id="container">
1998                <!-- 260805 -->
1999                <!-- 여기 이부분에서 schema_org.json을 활용한 작업 시작 -->
2000                                <!-- 여기 이부분에서 schema_org.json을 활용한 작업 끝 -->
2001
2002<link rel=stylesheet href='/theme/basic/css/contact.css' type='text/css'>
2003<script src="https://cdn.tailwindcss.com"></script>
vendor: 1 bytes, line 2003
2003
2004<script>
2005    tailwind.config = {
2006        theme: {
2007            extend: {
2008                screens: {
2009                    'max-md': { max: '768px' },
2010                    'md': { min: '769px' },
2011                },
2012                colors: {},
2013                fontSize: {}
2014            }
2015        }
2016    }
2017</script>
2017
2018
2019<style>
2020    @media screen and (max-width:768px) {
2021        #section_counsel.contact {
2022            margin-top: -50px;
2023        }
2024
2025        .contact .counsel_text {
2026            text-align: center;
2027            word-break: keep-all;
2028        }
2029    }
2030</style>
2031<div id="header" style="display: none;"></div>
2032<div id="toplink" style="display: none;"></div>
2033<div class="navbar" style="display: none;"></div>
2034
2035<div class="">
2036    <!-- 일반 -->
2037    <div id="section_counsel" class="contact">
2038        <div class="counsel_text">
2039            <h4>전화번호를 남겨주시면 연락드릴게요</h4>
2040            <p>평균 1일 내 <strong>1688-2298</strong>로 연락드려요!</p>
2041            <!--
2042            <button class="btn_type1">1688-2298 전화 문의</button> <button class="btn_type2">1:1 채팅 문의</button>
2043            -->
2044        </div>
2045        <div class="counsel_form">
2046            <form id="frm_contact" method="post" action="/contact_process.php" onsubmit="//return contact_submit();">
2047                                    <input type="hidden" name="ss_referer" value="" />
2048                                <ul>
2049                    <li>문의형태</li>
2050                    <li>
2051                        <label class="radioWrapper">신규 상담문의
2052                            <input type="radio" name="ss_type" value="1" checked="checked">
2053                            <span class="radio_checkmark"></span>
2054                        </label>
2055                        <label class="radioWrapper">AS 문의
2056                            <input type="radio" name="ss_type" value="2">
2057                            <span class="radio_checkmark"></span>
2058                        </label>
2059                    </li>
2060                </ul>
2061                <div id="company_hidden">
2062                    <ul>
2063                        <li>상호명</li>
2064                        <li><input type="text" name="ss_company" size="20" class="counsel_input"></li>
2065                    </ul>
2066                </div>
2067                <ul>
2068                    <li>
2068전화번호</li>
2069                    <li>
2070                        <input type="tel" name="ss_phone" size="20" maxlength="13" class="counsel_input"
2071                            placeholder="예) 010-1234-5678" oninput="this.value = SSUtils.initPhoneDash(this.value)">
2072                    </li>
2073                </ul>
2074                <ul class="underTP-margin-50" style="position:absolute; left: -3000vw;">
2075                    <li>닉네임</li>
2076                    <input type="text" id="ss_id_nickname" name="ss_id_nickname" placeholder="닉네임을 입력해 주세요"
2077                        maxlength="20" tabindex="-1" autocomplete="off" />
2078                </ul>
2079                <input type="hidden" name="ss_hopetime" value="ASAP">
2080                <div style="margin-bottom: 20px;">
2081                    <span class="call_info">평일 / 토요일</span> 아침 9시 ~ 저녁 10시<br>
2082                    <span class="call_info">일요일 / 공휴일</span> 아침 10시 ~ 저녁 7시
2083                </div>
2084                <label class="checkboxWrapper"> [필수] 개인정보 수집 및 이용에 동의합니다. 상담 외 다른 목적으로 사용되지 않아요.
2085                    <input type="checkbox" name="ss_agree" value="1" id="ss_agree" checked>
2086                    <span class="checkmark"></span>
2087                </label>
2088                <input type="submit" value="상담신청하기" class="btn_submit">
2089            </form>
2090        </div>
2091    </div>
2092    <!-- 아싸카페 전용  -->
2093    <div class="assa-cafe landing-container">
2094                <!-- 신청 -->
2095        <section class="assa-inquiry-section bg-gradient-to-b from-[#F1F6FF] to-white to-[38%] py-[80px] md:py-[200px]">
2096            <div class="inner-container">
2097                <div class="mx-auto space-y-5 md:space-y-10">
2098                    <span
2099                        class="inline-block font-bold text-base md:text-3xl/snug py-[0.2666666em] px-[0.5333333em] text-white rounded-full bg-[var(--primary)]">
2100                        아싸카페 전용
2101                    </span>
2102                    <h3 class="text-2xl/snug md:text-5xl/snug font-bold">
2103                        <span class="text-[var(--primary)]">아프니까 사장이다 카페</span><br />
2104                        혜택 다 받아가세요 !
2105                    </h3>
2106                    <p class="text-base md:text-3xl font-semibold ">
2107                        평균 1일 내 <span class="text-[var(--primary)]">1661-2298</span>로 연락드려요
2108                    </p>
2109
2110                    <form id="frm_contact_assa" name="frm_contact_assa" method="post" action="/contact_process.php"
2111                        class="text-left space-y-3 md:space-y-6 w-[75%] md:w-[620px] mx-auto">
2112                        <input type="hidden" name="ss_type" value="23">
2113                        <input type="hidden" name="ss_hopetime" value="ASAP">
2114                        <input type="hidden" name="ss_id_nickname" value="">
2115                        <div class="flex flex-col gap-y-1 md:gap-y-2 text-base md:text-2xl">
2116                            <label for="ss_sector_assa" class="">
2117                                <span class="font-semibold" size="20" maxlength="30">업종</span>을 입력해주세요
2118                            </label>
2119                            <input type="text" name="ss_sector" id="ss_sector_assa"
2120                                class="border bg-white border-gray-200 rounded-md py-2 px-2" placeholder="업종을 입력해주세요">
2121                        </div>
2122
2123                        <div class="flex flex-col gap-y-1 md:gap-y-2 text-base md:text-2xl">
2124                            <label for="ss_phone_assa" class=" ">
2125                                <span class="font-semibold">전화번호</span>를 입력해주세요
2126                            </label>
2127                            <input type="tel" name="ss_phone" size="20" maxlength="13" id="ss_phone_assa"
2128                                class="border bg-white border-gray-200 rounded-md py-2 px-2"
2129                                placeholder="예) 010-1234-5678" oninput="this.value = 
2129SSUtils.initPhoneDash(this.value)">
2130                        </div>
2131                        <div class="text-sm md:text-xl cursor-pointer">
2132                            <input id="ss_agree_assa" name="ss_agree" type="checkbox" value="1" class="" checked>
2133                            <label for="ss_agree_assa" class="inline-block">
2134                                [필수] 개인정보 수집 및 이용에 동의합니다. 상담 외 다른 목적
2135                                으로 사용되지 않아요.
2136                            </label>
2137                        </div>
2138                        <button type="submit"
2139                            class="py-[0.7em] bg-[var(--primary)] text-white rounded-md w-full text-lg md:text-3xl font-bold">
2140                            빠른 상담 신청하기
2141                        </button>
2142                    </form>
2143                    <img src="/img/products/custom/bottom_arrow_gif.gif" alt="" class="mx-auto size-36 max-md:hidden">
2144                </div>
2145            </div>
2146        </section>
2147        <!-- 3택 -->
2148        <section class="special-benefit bg-[#F1F6FF] py-[80px] md:py-[200px]">
2149            <div class="inner-container space-y-[60px] md:space-y-[150px]">
2150                <!-- 특별 혜택포인트 이미지 -->
2151                <div class="title-area">
2152                    <h2 class="font-semibold text-2xl/snug md:text-5xl/snug mb-[2em]">
2153                        오직 아싸 사장님만을 위한<br />
2154                        신신엠앤씨 <span class="text-[var(--primary)]">특별 혜택</span>
2155                    </h2>
2156                    <img src="/img/contact/benefit-title.png" alt="" class="mx-auto rounded-lg w-[92.38095%]">
2157                </div>
2158                <!-- 혜택 소개 -->
2159                <div class="introduction">
2160                    <h3 class="font-semibold text-xl/snug md:text-4xl/snug mb-[1.3333333em]">
2161                        매장 운영에 필요한 모든 것,<br />
2162                        최저가로 해결하세요
2163                    </h3>
2164                    <ul class="card-box space-y-5 md:space-y-15 w-[88.8888888889%] md:w-[83.428571%] mx-auto">
2165                        <li class="card">
2166                            <div class="img-box">
2167                                <img src="/img/contact/naver_connect.png" alt="" class="m-auto w-[72.2%]">
2168                            </div>
2169                            <div class="explain-box">
2170                                <div class="space-x-2 md:space-x-4">
2171                                    <span class="badge text-white bg-[var(--text-naver)]">네이버 커넥트</span>
2172                                    <span class="badge bg-gray-200">0원</span>
2173                                </div>
2174                                <p class="mt-[0.388889em] font-medium text-base md:text-[36px]/snug">
2175                                    <span class="text-red-500 font-bold max-md:hidden">
2176                                        NEW
2177                                    </span>
2178                                    월 비용 0원·무약정 단말기
2179                                </p>
2180                            </div>
2181                        </li>
2182                        <li class="card">
2183                            <div class="img-box">
2184                                <img src="/img/contact/toss_pos.png" alt="" class="m-auto w-[75.34%]">
2185                            </div>
2186                            <div class="explain-box">
2187                                <div class="space-x-2 md:space-x-4">
2188                                    <span class="badge text-white bg-[var(--text-toss)]">토스포스</span>
2189                                    <span class="badge bg-gray-200">0원</span>
2190                                </div>
2191                                <p class="mt-[0.388889em] font-medium text-base md:text-[36px]/snug">토스포스 · 토스프론트 무료</p>
2192                            </div>
2193                        </li>
2194                        <li class="card">
2195                            <div class="img-box">
2196                                <img src="/img/contact/tableorder.png" alt="" class="m-auto mb-0 w-[51.37%]">
2197                            </div>
2198                            <div class="explain-box">
2199                                <div class="space-x-2 md:space-x-4">
2200                                    <span class="badge text-white bg-[#FF6A5B]">무약정</span>
2201                                    <span class="badge bg-gray-200">0원</span>
2202                                </div>
2203                                <p class="mt-[0.388889em] font-medium text-base md:text-[36px]/snug">테이블오더 한 달 이용료 면제
2204                                </p>
2205                            </div>
2206                        </li>
2207                        <li class="card">
2208                            <div class="img-box">
2209                                <img src="/img/contact/baemin.png" alt="" class="m-auto w-[56.22%]">
2210                            </div>
2211                            <div class="explain-box">
2212                                <div class="space-x-2 md:space-x-4">
2213                                    <span class="badge bg-gray-200">배민</span>
2214                                    <span class="badge bg-[#00BEA6] text-white">현금 10만원 증정</span>
2215                                </div>
2216                                <p class="mt-[0.388889em] font-medium text-base md:text-[36px]/snug">배민 신규 입점 시, 50만원 혜택
2217                                </p>
2218                            </div>
2219                        </li>
2220                        <li class="card">
2221                            <div class="img-box">
2222                                <img src="/img/contact/sinsinpay.png" alt="" class="m-auto w-[47.66%]">
2223                            </div>
2224                            <div class="explain-box">
2225                                <div class="space-x-1 md:space-x-4">
2226                                    <span class="badge bg-gray-200">카드번호 결제</span>
2227                                    <span class="badge bg-gray-200">신신페이</span>
2228                                </div>
2229                                <p class="mt-[0.388889em] font-medium text-base md:text-[36px]/snug">비대면 결제 어플 이용료 0원
2230                                </p>
2231                            </div>
2232                        </li>
2233                    </ul>
2234                </div>
2235                <!-- 캐러셀 -->
2236                <!-- type3: Tailwind props를 받지만 한 화면에 카드 1장인 구조 -->
2237
2238<style>
2239  /* 이 스타일은 클래스 기반이므로 한 번만 정의되어도 모든 인스턴스에 안전하게 적용됩니다. */
2240  .carousel-hide-scrollbar::-webkit-scrollbar {
2241    display: none;
2242  }
2243
2244  .carousel-hide-scrollbar {
2245    -ms-overflow-style: none;
2246    scrollbar-width: none;
2247  }
2248</style>
2249
2250<div id="carousel_6abf0105da8f8" class="carousel-container relative w-full ">
2251  <div class="carousel-viewport w-full">
2252    <ul
2253      class="carousel-track-ul carousel-hide-scrollbar flex flex-row overflow-x-auto snap-x snap-mandatory scroll-smooth rounded-md md:rounded-xl mx-auto w-[300px] md:w-[1000px] shadow-lg">
2254              <li class="carousel-card shrink-0 snap-center flex justify-center w-full ">
2255          <img src="/img/contact/benefit_ad1.png" alt="혜택 1" class="w-full object-cover"
2256            draggable="false">
2257        </li>
2258              <li class="carousel-card shrink-0 snap-center flex justify-center w-full ">
2259          <img src="/img/contact/benefit_ad2.png" alt="혜택 2" class="w-full object-cover"
2260            draggable="false">
2261        </li>
2262              <li class="carousel-card shrink-0 snap-center flex justify-center w-full ">
2263          <img src="/img/contact/benefit_ad3.png" alt="혜택 3" class="w-full object-cover"
2264            draggable="false">
2265        </li>
2266          </ul>
2267  </div>
2268
2269      <ul class="carousel-dots flex flex-row items-center justify-center gap-x-2 md:gap-x-5 mt-4 md:mt-8">
2270              <li
2271          class="carousel-dot size-3 md:size-6 rounded-full cursor-pointer transition-all duration-300 bg-gray-800 scale-110 "
2272          data-index="0"></li>
2273              <li
2274          class="carousel-dot size-3 md:size-6 rounded-full cursor-pointer transition-all duration-300 bg-gray-300 "
2275          data-index="1"></li>
2276              <li
2277          class="carousel-dot size-3 md:size-6 rounded-full cursor-pointer transition-all duration-300 bg-gray-300 "
2278          data-index="2"></li>
2279          </ul>
2280  </div>
2281
2282<script>
2283  (function () {
2284    const container = document.getElementById('carousel_6abf0105da8f8');
2285    if (!container) return;
2286
2287    const track = container.querySelector('.carousel-track-ul');
2288    const dots = container.querySelectorAll('.carousel-dot');
2289
2290    const dotActiveClass = "bg-gray-800 scale-110 ".split(' ').filter(Boolean);
2291    const dotInactiveClass = "bg-gray-300 ".split(' ').filter(Boolean);
2292
2293    // 💡 과거와 현재를 관통하는 핵심 상태값: 현재 활성화된 슬라이드 인덱스
2294    let currentIndex = 0;
2295    let autoplayInterval;
2296    let resizeTimeout;
2297
2298    // 1. 도트 UI 업데이트 함수
2299    function updateDots(activeIndex) {
2300      dots.forEach((dot, index) => {
2301        if (index === activeIndex) {
2302          dot.classList.remove(...dotInactiveClass);
2303          dot.classList.add(...dotActiveClass);
2304        } else {
2305          dot.classList.remove(...dotActiveClass);
2306          dot.classList.add(...dotInactiveClass);
2307        }
2308      });
2309    }
2310
2311    // 2. 특정 인덱스로 슬라이드를 이동시키는 함수
2312    function scrollToSlide(index, behavior = 'smooth') {
2313      const slideWidth = track.clientWidth;
2314
2315      // 인덱스 범위 방어 코드
2316      if (index < 0) index = 0;
2317      if (index >= dots.length) index = dots.length - 1;
2318
2319      currentIndex = index; // 현재 인덱스 업데이트
2320
2321      track.scrollTo({
2322        left: currentIndex * slideWidth,
2323        behavior: behavior
2324      });
2325    }
2326
2327    // 3. 윈도우 리사이즈(Resize) 시 위치를 강제로 재정렬하는 함수
2328    function handleResize() {
2329      // 리사이즈 도중에는 애니메이션을 'instant' 또는 'auto'로 처리하여 
2330      // 덜덜 떨리는 현상 없이 현재 인덱스 위치에 딱 고정시킵니다.
2331      scrollToSlide(currentIndex, 'auto');
2332    }
2333
2334    // 도트 클릭 이벤트
2335    dots.forEach(dot => {
2336      dot.addEventListener('click', (e) => {
2337        const index = parseInt(e.target.getAttribute('data-index'));
2338        scrollToSlide(index, 'smooth');
2339      });
2340    });
2341
2342    // 사용자가 직접 스크롤할 때 현재 인덱스를 실시간 동기화
2343    track.addEventListener('scroll', () => {
2344      const scrollPosition = track.scrollLeft;
2345      const slideWidth = track.clientWidth;
2346
2347      if (slideWidth > 0) {
2348        currentIndex = Math.round(scrollPosition / slideWidth);
2349        updateDots(currentIndex);
2350      }
2351    });
2352
2353    // 💡 브라우저 크기가 바뀔 때 과거에 멈춰있지 않도록 리사이즈 이벤트 바인딩
2354    // 성능 최적화(Debounce)를 위해 아주 미세한 디레이를 줍니다.
2355    window.addEventListener('resize', () => {
2356      clearTimeout(resizeTimeout);
2357      resizeTimeout = setTimeout(handleResize, 100);
2358    });
2359
2360    // 오토플레이 기능
2361          function startAutoplay() {
2362        autoplayInterval = setInterval(() => {
2363          let nextIndex = currentIndex + 1;
2364
2365          // 끝에 도달하면 처음(0)으로 가고, 아니면 다음 인덱스로 이동
2366          if (nextIndex >= dots.length) {
2367            nextIndex = 0;
2368          }
2369
2370          scrollToSlide(nextIndex, 'smooth');
2371        }, 2000);
2372      }
2373
2374      function stopAutoplay() {
2375        clearInterval(autoplayInterval);
2376      }
2377
2378      startAutoplay();
2379
2380      // 이벤트 리스너 설정
2381      track.addEventListener('touchstart', stopAutoplay, { passive: true });
2382      track.addEventListener('touchend', startAutoplay);
2383      container.addEventListener('mouseenter', stopAutoplay);
2384      container.addEventListener('mouseleave', startAutoplay);
2385    
2386  })();
2387</script>
2387
2388            </div>
2389        </section>
2390
2391    </div>
2392</div>
2393
2394<script>
2395    const sectionCounsel = document.querySelector("#section_counsel")
2396    const assaCafe = document.querySelector(".assa-cafe")
2397    const normalForm = document.getElementById('frm_contact');
2398    const assaForm = document.getElementById("frm_contact_assa");
2399
2400    const publicContactList = document.querySelectorAll(".floating-contact-container")
2401    const specialBenefit = document.querySelector(".special-benefit");
2402
2403    function bindContactForm(form, options = {}) {
2404        if (!form) return;
2405
2406        form.addEventListener("submit", async function (e) {
2407            e.preventDefault();
2408
2409            const isAssa = options.isAssa === true;
2410
2411            const phoneInput = form.querySelector('input[name="ss_phone"]');
2412            const agreeInput = form.querySelector('input[name="ss_agree"]');
2413            const nicknameInput = form.querySelector('input[name="ss_id_nickname"]');
2414            const companyInput = form.querySelector('input[name="ss_company"]');
2415            const sectorInput = form.querySelector('input[name="ss_sector"]');
2416            const ssTypeInput = form.querySelector('input[name="ss_type"]:checked')
2417                || form.querySelector('input[name="ss_type"]');
2418            const hopeTimeInput = form.querySelector('input[name="ss_hopetime"]');
2419
2420            if (nicknameInput && nicknameInput.value !== "") {
2421                return false;
2422            }
2423
2424            if (!isAssa && ssTypeInput && ssTypeInput.value === "2") {
2425                if (!companyInput || companyInput.value.trim() === "") {
2426                    alert("상호를 입력해주세요");
2427                    companyInput?.focus();
2428                    return false;
2429                }
2430            }
2431
2432            if (isAssa) {
2433                if (!sectorInput || sectorInput.value.trim() === "") {
2434                    alert("업종을 입력해주세요");
2435                    sectorInput?.focus();
2436                    return false;
2437                }
2438            }
2439
2440            if (!phoneInput || phoneInput.value.trim() === "") {
2441                alert("전화번호를 입력해주세요");
2442                phoneInput?.focus();
2443                return false;
2444            }
2445            if (!SSUtils.verifyPhoneDash(phoneInput.value.trim())) {
2446                alert("정확한 전화번호를 입력해주세요");
2447                phoneInput?.focus();
2448                return false;
2449            }
2450
2451
2452            if (hopeTimeInput && hopeTimeInput.value.trim() === "") {
2453                alert("원하시는 상담 시간대를 선택해주세요");
2454                hopeTimeInput.focus();
2455                return false;
2456            }
2457
2458            if (!agreeInput || !agreeInput.checked) {
2459                alert("개인정보 수집 및 이용에 동의하셔야 상담 서비스를 진행할 수 있습니다. 동의 여부를 선택해주세요.");
2460                agreeInput?.focus();
2461                return false;
2462            }
2463
2464            const formData = new FormData(form);
2465            const postData = Object.fromEntries(formData.entries());
2466
2467            postData.ss_agree = agreeInput.checked ? "1" : "0";
2468            postData.current_url = document.location.href;
2469
2470            // utm 관련해서 추가 진행
2471            if (sessionStorage.getItem('ss_utm_link')) {
2472                // console.log(`utm_link contact : ${sessionStorage.getItem('ss_utm_link')}`)
2473                postData.ss_utm_link = sessionStorage.getItem('ss_utm_link')
2474            }
2475
2476            try {
2477                const response = await fetch("/contact_process.php", {
2478                    method: "POST",
2479                    headers: {
2480                        "Content-Type": "application/json"
2481                    },
2482                    body: JSON.stringify(postData)
2483                });
2484
2485                const data = await response.json();
2486
2487                if (response.ok && data.success) {
2488                    alert(data.message || "접수완료 되었습니다./n\n전문상담원이 확인 후에 연락드릴게요.");
2489                    form.reset();
2490                    sendNaverConversion("lead")
2491                } else {
2492                    alert(data.message || "서버 응답에 문제가 발생했습니다.");
2493                }
2494            } catch (error) {
2495                console.error("상세 에러 내용:", error);
2496                alert("상담 신청 중 오류가 발생했습니다.");
2497            }
2498        });
2499    }
2500
2501    bindContactForm(normalForm, { isAssa: false });
2502    bindContactForm(assaForm, { isAssa: true });
2503
2504
2505    ///////// ?l=해당코드 로 접속한 경우를 위해 해당 코드 추가함
2506    const urlParams = new URLSearchParams(window.location.search);
2507    const source = urlParams.get('l');
2508
2509    if (source) {
2510        const asInput = document.querySelector('input[name="ss_type"][value="2"]');
2511        if (asInput) {
2512            const asLabel = asInput.closest('label.radioWrapper');
2513            if (source === 'assa') {
2514                asLabel.style.display = 'none';
2515            } else {
2516                asLabel.style.display = '';
2517            }
2518        }
2519    }
2520    if (source === "assa") {
2521        const headerBar = document.querySelector("#header")
2522        const headerSub1 = document.querySelector("#header_sub1")
2523        const topBillboard = document.querySelector(".top_billboard")
2524        const theContainer = document.querySelector("#container")
2525
2526        // 기존 contact 페이지 정보 숨김 처리
2527        sectionCounsel.style.display = "none"
2528        // 상단 헤더-광고 숨김 처리
2529        if (headerBar) {
2530            headerBar.style.display = "none"
2531        } if (headerSub1) {
2532            headerSub1.style.display = "none"
2533        } if (topBillboard) { topBillboard.style.display = "none" }
2534        if (theContainer) {
2535            theContainer.style.marginTop = "0px"
2536            theContainer.style.marginTop = "0px"
2537            theContainer.style.paddingTop = "0px"
2538        }
2539    } else {
2540
2541        assaCafe.style.display = "none"
2542    }
2543
2544    ////////////
2545    // 상담신청 하기 버튼 클릭시 관련 위치로 이동
2546    const assaInquirySection = document.querySelector('.assa-inquiry-section');
2547    function goInquiry() {
2548        if (assaInquirySection) {
2549            assaInquirySection.scrollIntoView({ behavior: 'smooth', block: 'start' });
2550        }
2551    }
2552
2553    // // 일정높이 이하로 내려왔을 때 작동하게 하는 함수
2554
2555    if (publicContactList && publicContactList.length > 0 && specialBenefit) {
2556        // 문서 전체 기준 specialBenefit의 절대 Y 위치
2557        const targetTop = SSUtils.getAbsTop(specialBenefit)
2558
2559        // 스크롤 상태 체크 및 클래스 토글 함수
2560        const checkScroll = () => {
2561            const currentScroll = window.scrollY || document.documentElement.scrollTop;
2562
2563            // targetTop > scrollTop (스크롤이 목표 위치보다 위에 있을 때 숨김)
2564            const shouldHide = currentScroll < targetTop;
2565
2566            publicContactList.forEach(publicContact => {
2567                publicContact.classList.toggle("ss-hidden", shouldHide);
2568            });
2569        };
2570
2571        // 1. 페이지 로드 직후 상태 즉시 반영 (처음 진입 시점 처리)
2572        checkScroll();
2573
2574        // 2. 이후 스크롤할 때마다 반영
2575        window.addEventListener('scroll', checkScroll);
2576    }
2577
2578</script>
2578
2579
2580
2581</div>
2582</div>
2583
2584<div id="footer">
2585    <div id="footer-container">
2586        <ul class="fnb">
2587            <li><a href="https://ssmnc.notion.site/c01ce446c24e4aadb853d0a985bbb7c0" target="_blank">회사소개</a></li>
2588            <li><a href="/landing/ceo_message">CEO인사말</a></li>
2589            <li><a href="/content/privacy">개인정보처리방침</a></li>
2590            <li><a href="https://sinsinmnc.com/sinsin_pds">자료실</a></li>
2591            <li><a href="https://sinsinmnc.com/voc">고객의 소리</a></li>
2592        </ul>
2593        <div class="footer_info">
2594            <div class="address">
2595                (주)신신엠엔씨 / 504-81-84781 / 대구광역시 북구 침산남로9길 20 3층 / TEL 1688-2298 / FAX 0303-3130-6963<br />
2596                개인정보담당자 정현민 / E-mail [email protected] / Copyright©신신엠엔씨 All rights reserved.<br>
2597                <a href="https://www.flaticon.com/kr/free-icons/" title="필수 아이콘" style="font-size:12px;color:#ccc;">icon
2598                    wind - Flaticon</a>
2599            </div>
2600            <div class="quicklink">
2601                <ul>
2602                    <li class="nblog" data-text="블로그" onclick="window.open('https://blog.naver.com/ssmnc')"></li>
2603                    <!--
2604                        <li class="nstore" data-text="스마트스토어" onclick="window.open('https://smartstore.naver.com/sinsincard')"></li>
2605                        -->
2606                    <li class="nin" data-text="지식iN"
2607                        onclick="window.open('https://kin.naver.com/profile/index.naver?u=aiMmPX626%2F53ZAgUJCiTBZgZLqizqLc%2FWs8ksD64G6A%3D')">
2608                    </li>
2609                    <li class="youtube" data-text="유튜브"
2610                        onclick="window.open('https://www.youtube.com/channel/UCyQMsJXDjnlde3Bu1SowE6A')"></li>
2611                    <li class="facebook" data-text="페이스북"
2612                        onclick="window.open('https://www.facebook.com/ssmnc16882298')"></li>
2613                    <li class="ncafe" data-text="카페" onclick="window.open('http://cafe.naver.com/nicejungbo/')"></li>
2614                </ul>
2615            </div>
2616        </div>
2617    </div>
2618</div>
2619
2620<!-- 2025-09-22 네이버 프리미엄 로그분석 설치 -->
2621<!-- 
2621<script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script>
2621
2622    
2622<script type="text/javascript">
2623    if (!wcs_add) var wcs_add={};
2624    wcs_add["wa"] = "s_a25b7be1c6a";
2625    if (!_nasa) var _nasa={};
2626    if(window.wcs){
2627        wcs.inflow("16882298.com");
2628        wcs_do();
2629    }
2630    </script>
2630 -->
2631
2632<!-- 채널톡 코드 -->
2633<script>
2634    // (function(){var w=window;if(w.ChannelIO){return w.console.error("ChannelIO script included twice.");}var ch=function(){ch.c(arguments);};ch.q=[];ch.c=function(args){ch.q.push(args);};w.ChannelIO=ch;function l(){if(w.ChannelIOInitialized){return;}w.ChannelIOInitialized=true;var s=document.createElement("script");s.type="text/javascript";s.async=true;s.src="https://cdn.channel.io/plugin/ch-plugin-web.js";var x=document.getElementsByTagName("script")[0];if(x.parentNode){x.parentNode.insertBefore(s,x);}}if(document.readyState==="complete"){l();}else{w.addEventListener("DOMContentLoaded",l);w.addEventListener("load",l);}})();
2635
2636    // // 모바일 기기 감지
2637    // isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
2638    // // console.log("Detected Mobile:", isMobile);
2639
2640    // // ChannelIO가 로드된 후 실행되도록 설정
2641    // function bootChannelTalk() {
2642    //     if (typeof ChannelIO !== "undefined") {
2643    //         var channelConfig = {
2644    //             pluginKey: "b19931f0-83a6-4bd5-b080-285d50e19011",
2645    //             customLauncherSelector: ".custom-button-1",
2646    //             hideDefaultLauncher: isMobile
2647    //         };
2648    //         ChannelIO('boot', channelConfig);
2649
2650    //     } else {
2651    //         console.error("ChannelIO is not loaded yet.");
2652    //     }
2653    // }
2654
2655    // // ChannelIO가 로드될 때까지 기다림
2656    // window.addEventListener("load", function() {
2657    //     setTimeout(bootChannelTalk, 1000);
2657 // 1초 후 실행 (필요시 조정)
2658    // });
2659</script>
2659
2660<!-- 카카오 채팅상담 코드 -->
2661<script>window.SS_UTM_MAP = {"full":{"blog|referral|naver_blog":"네이버블로그","blog|referral|rockface69":"네이버블로그광고","daangn|search|daangn":"당근","google|display|demand_gen_image":"구글","google|display|demand_gen_video":"구글","google|organic|organic":"홈페이지신규상담","google|paid_search|pmax":"구글","google|referral|ai-assistant":"기타","kakao|dm|ch_tax":"추천인이벤트","kakao|referral|premium_link":"다음검색광고","kakao|referral|referral":"다음검색광고","meta|dm|241128_reels":"인스타그램","meta|dm|260309_reels":"인스타그램","meta|dm|260313_feed":"인스타그램","meta|dm|260616_feed":"인스타그램","meta|dm|260618_feed":"인스타그램","meta|dm|260622_feed":"인스타그램","meta|dm|260623_feed":"인스타그램","meta|dm|260624_feed":"인스타그램","meta|dm|260701_feed":"인스타그램","meta|dm|260702_feed":"인스타그램","meta|dm|260707_feed":"인스타그램","meta|dm|260708_reels":"인스타그램","meta|dm|260713_reels":"인스타그램","meta|dm|260805_reels":"인스타그램","meta|paid_social|baemin":"메타","meta|referral|260616_feed":"인스타그램","meta|referral|facebook":"페이스북","meta|referral|instagram":"인스타그램","meta|referral|instagram_profile":"인스타그램","meta|referral|referral":"인스타그램","meta|search|instagram_contents":"인스타그램","naver|brand_ad|brand_2510":"네이버브랜드광고","naver|brand_ad|brand_2607":"네이버브랜드광고","naver|brand_ad|brand_mobile_2607":"네이버브랜드광고","naver|brand_ad|brand_mobile_2609":"네이버브랜드광고","naver|brand_ad|brand_pc_2607":"네이버브랜드광고","naver|brand_ad|brand_pc_2609":"네이버브랜드광고","naver|display|gfa":"GFA광고","naver|naver_power_content|260219_connect":"네이버파워컨텐츠","naver|naver_power_content|260402_toss":"네이버파워컨텐츠","naver|naver_power_content|260408_toss_qr":"네이버파워컨텐츠","naver|naver_power_content|260713_card_terminal_guide":"네이버파워컨텐츠","naver|naver_power_content|260713_sinsinpay":"네이버파워컨텐츠","naver|naver_power_content|260714_card_terminal":"네이버파워컨텐츠","naver|naver_power_content|260714_rental_vs_purchase":"네이버파워컨텐츠","naver|naver_power_content|260715_apple_pay":"네이버파워컨텐츠","naver|naver_power_content|260715_kiosk":"네이버파워컨텐츠","naver|naver_power_content|260716_pos":"네이버파워컨텐츠","naver|naver_power_content|260716_table_order":"네이버파워컨텐츠","naver|naver_power_content|260720_kiosk":"네이버파워컨텐츠","naver|naver_power_content|260722_pos":"네이버파워컨텐츠","naver|naver_power_content|260722_table_order":"네이버파워컨텐츠","naver|naver_power_content|260728_apple_pay":"네이버파워컨텐츠","naver|naver_power_content|260803_toss_pos":"네이버파워컨텐츠","naver|naver_power_content|powercontent":"네이버파워컨텐츠","naver|organic|organic":"홈페이지신규상담","naver|paid_search|brand_mobile_2607":"네이버브랜드광고","naver|paid_search|brand_pc_2607":"네이버브랜드광고","naver|paid_search|powercontent":"네이버파워컨텐츠","naver|paid_search|powerlink":"네이버검색광고","naver|referral|assa":"아프니까사장이다","naver|referral|brand_2510":"네이버브랜드광고","naver|referral|brand_2601":"네이버브랜드광고","naver|referral|brand_2607":"네이버브랜드광고","naver|referral|kin":"네이버지식인","naver|referral|naver_blog":"네이버블로그","naver|search|naver_tv":"기타","offline|offline|union_table_order":"오프라인","other|offline|union_table_order":"오프라인","other|organic|organic":"홈페이지신규상담","other|referral|assa":"아프니까사장이다","partner|referral|assa":"아프니까사장이다","threads|referral|referral":"스레드","threads|referral|threads":"스레드","tiktok|search|tiktok":"틱톡","tistory|paid_search|baemin":"배달의민족","tistory|paid_search|tistory":"기타","tistory|search|baemin":"배달의민족","tistory|search|lightning":"기타","t
2661istory|search|tistory":"기타","youtube|referral|referral":"유튜브","youtube|referral|youtube_contents":"유튜브","youtube|referral|youtube_profile":"유튜브"},"sm":{"daangn|search":"당근","google|display":"구글","google|organic":"홈페이지신규상담","google|paid_search":"구글","google|referral":"기타","kakao|dm":"추천인이벤트","kakao|referral":"다음검색광고","meta|dm":"인스타그램","meta|paid_social":"메타","meta|search":"인스타그램","naver|brand_ad":"네이버브랜드광고","naver|display":"GFA광고","naver|naver_power_content":"네이버파워컨텐츠","naver|organic":"홈페이지신규상담","naver|search":"기타","offline|offline":"오프라인","other|offline":"오프라인","other|organic":"홈페이지신규상담","partner|referral":"아프니까사장이다","threads|referral":"스레드","tiktok|search":"틱톡","youtube|referral":"유튜브"}};</script>
2661
2662<!-- 파일 수정시각을 붙여 브라우저 캐시 무효화 (구버전 고착 방지) -->
2663<script src="/kakao_chat_btn.js?v=1790736915"></script>
2663
2664
2665<!-- 뷰저블 코드 -->
2666<script type="text/javascript">
2667    (function (w, d, a) {
2668        w.__beusablerumclient__ = {
2669            load: function (src) {
2670                var b = d.createElement("script");
2671                b.src = src; b.async = true; b.type = "text/javascript";
2672                d.getElementsByTagName("head")[0].appendChild(b);
2673            }
2674        }; w.__beusablerumclient__.load(a + "?url=" + encodeURIComponent(d.URL));
2675    })(window, document, "//rum.beusable.net/load/b230425e110336u316");
2676</script>
2676
2677
2678
2679<script>
2680    window.onscroll = function () { myFunction() };
2681
2682    var header = document.querySelector("#header");
2683    var gnb = document.querySelector(".navbar");
2684    var toplink = document.querySelector("#toplink");
2685
2686    if (header) {
2687        var sticky = header.offsetTop;
2688
2689        function myFunction() {
2690            if (window.pageYOffset > sticky) {
2691                if (header) header.classList.add("sticky");
2692                if (gnb) gnb.classList.add("sticky");
2693                if (toplink) toplink.classList.add("sticky");
2694                $(".default-logo").attr("src", "/images/logo_white.png");
2695            } else {
2696                if (header) header.classList.remove("sticky");
2697                if (gnb) gnb.classList.remove("sticky");
2698                if (toplink) toplink.classList.remove("sticky");
2699                $(".default-logo").attr("src", "/images/logo_white.png");
2700            }
2701        }
2702    }
2703
2704</script>
2704
2705
2706
2707
2708<script src="/js/wow.js"></script>
vendor: 2 bytes, line 2708
2708
2709<script>
2710new WOW({ mobile: true }).init();
2711</script>
2711
2712<!-- 2024-01-08 네이버 애널리틱스 -->
2713<!-- 
2713<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
vendor: 2 bytes, line 2713
2713
2714<script type="text/javascript">
2715if(!wcs_add) var wcs_add = {};
2716wcs_add["wa"] = "1c53c07c5c63240";
2717if(window.wcs) {
2718  wcs_do();
2719}
2720</script>
2720 -->
2721</body>
2722</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.