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.