1<!DOCTYPE html> 2<html lang="ko"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<title>ì ì©ì¹´ë íê¸í | 5~10ë¶ ì¹ì¸ · ì¦ì ì ê¸ Â· ì¹´ëì¤ìºì ê³µììë´</title> 7<meta name="description" content="ì ì©ì¹´ë íê¸íì ì ì. 5~10ë¶ ë´ ì¹ì¸Â·ì¦ì ì ê¸Â·ììë£ í¬ëª ê³µê°. ì¹´ëì¤ìºìë ì ì ì¹ì¸ 기ë°ì ìì í êµ¬ì¡°ë§ ìë´íë ê¸ìµí íê¸í ì 문 íë«í¼ì ëë¤."> 8 9<link rel="canonical" href="https://cardncash.pages.dev/"> 10 11<!-- Open Graph --> 12<meta property="og:title" content="ì ì©ì¹´ë íê¸í | ì¹´ëì¤ìºì ë¹ ë¥¸ ì¹ì¸ · ì¦ì ì ê¸"> 13<meta property="og:description" content="ì ì ì¹ì¸ êµ¬ì¡°ë§ ì¬ì©íë ìì í ì ì©ì¹´ë íê¸í. íê· 5~10ë¶ ë´ ì ê¸. í¬ëª í ììë£ ê³µê°. 24ìê° ì 문 ìë´ ì§ì."> 14<meta property="og:url" content="https://cardncash.pages.dev/"> 15<meta property="og:type" content="website"> 16<meta property="og:image" content="https://cardncash.pages.dev/assets/og/main.jpg"> 17 18<!-- Twitter --> 19<meta name="twitter:card" content="summary_large_image"> 20<meta name="twitter:title" content="ì ì©ì¹´ë íê¸í | ë¹ ë¥¸ ì¹ì¸ · ì¦ì ì ê¸ Â· ì¹´ëì¤ìºì"> 21<meta name="twitter:description" content="ì ì©ì ì ìí¥ ìë ì ì ì¹ì¸ ê¸°ë° íê¸í. íê· 5~10ë¶ ì²ë¦¬. í¬ëª í ììë£ ìë´. ì¹´ëì¤ìºììì ìì íê² ì´ì©íì¸ì."> 22<meta name="twitter:image" content="https://cardncash.pages.dev/assets/og/main.jpg"> 23<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> 24<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"> 25 26<link rel="stylesheet" href="/assets/style.css">
27<script defer src="/assets/script.js"></script>
27 28<meta name="google-site-verification" content="981v3_kuphRmzJNxsNM5CpfB3R8hP2qMqmy7jqw7OB0" /> 29<meta name="naver-site-verification" content="5f20e10ac54dad418e830c374cb357a3e5b4c961" />
30<script type="text/javascript" src="//wcs.pstatic.net/wcslog.js"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript"> 32if(!wcs_add) var wcs_add = {}; 33wcs_add["wa"] = "174b13ec0b6e2b0"; 34if(window.wcs) { 35 wcs_do(); 36} 37</script>
37 38</head> 39 40<body> 41<header class="site-header"> 42 <div class="container header-inner"> 43 44 <!-- ë¡ê³ --> 45 <a href="/" class="site-logo">ð³ ì¹´ëì¤ìºì</a> 46 47 <!-- ë¤ë¹ê²ì´ì --> 48 <nav class="site-nav"> 49 <a href="/guide/">íê¸í ìë´</a> 50 <a href="/fees/">ììë£ ê¸°ì¤</a> 51 <a href="/process/">ì¹ì¸ ì ì°¨</a> 52 <a href="/warning/">ì¬ê¸° ë°©ì§</a> 53 <a href="/reviews/">ì´ì© í기</a> 54 </nav> 55 56 <!-- CTA ë²í¼ --> 57 <div class="header-cta"> 58 <a href="tel:01030436528" class="cta-call">ð ì í</a> 59 <a href="/kakao" class="cta-kakao">ð¬ ì¹´í¡</a> 60 </div> 61 62 </div> 63</header> 64<!-- ========= HERO ========= --> 65<section class="hero"> 66 <div class="container"> 67 <div class="hero-wrap"> 68 69<div class="hero-text"> 70 <h1>ì ì©ì¹´ë íê¸í, ê°ì¥ ë¹ ë¥´ê³ ìì íê² ìë´í©ëë¤</h1> 71 <p>ì ì ì¹ì¸ ê¸°ë° êµ¬ì¡° · í¬ëª í ììë£ Â· íê· 5~10ë¶ ì¦ì ì ê¸</p> 72 <p>ì ì©ì¹´ë íê¸íë ì ì©ì¹´ëíë를 기ë°ì¼ë¡ íê¸ì íë³´íë ë°©ì</p> 73 <p>ì¹´ëê²°ì ì¼ì í ë¹ì¨ì ììë£ë¥¼ ì ì¸íê³ íê¸ì¼ë¡ ëë ¤ì£¼ë ê²ì ëë¤</p> 74</div> 75 76 <div class="hero-img"> 77 <img src="/manager.png" 78 alt="ì¹´ëì¤ìºì ì 문 ìë´ ì´ë¯¸ì§"> 79 </div> 80 </div> 81 </div> 82</section> 83 84<!-- ========= CTA ========= --> 85<section class="cta-area"> 86 <div class="cta-buttons"> 87 <a href="tel:01030436528" class="cta-btn call-btn">ð ì í ìë´</a> 88 <a href="/kakao" class="cta-btn kakao-btn">ð¬ ì¹´ì¹´ì¤í¡ ìë´</a> 89 </div> 90</section> 91 92<!-- ========= CTA COMPONENT ì½ì ìì¹ ========= --> 93<div id="cta"></div> 94 95<!-- ========= WHY SELECT ========= --> 96<section class="section container"> 97 <h2>ì ì¹´ëì¤ìºì를<br>ì íí´ì¼ í ê¹ì?</h2> 98 99 <div class="box-grid"> 100 101 <!-- ì¹´ë1 --> 102 <div class="card"> 103 <div class="card-icon"> 104 <svg viewBox="0 0 24 24"> 105 <path d="M12 2L4 6v6c0 5 3.4 9.3 8 10 4.6-1 8-5 8-10V6l-8-4z"></path> 106 <path d="M9 12l2 2 4-4"></path> 107 </svg> 108 </div> 109 <h3>í¬ëª í ììë£ ì ì± </h3> 110 <p>ìë´ë ê¸ì¡ ê·¸ëë¡ ì§íëë©° ì¨ì ë¹ì©ì´ ììµëë¤.</p> 111 </div> 112 113 <!-- ì¹´ë2 --> 114 <div class="card"> 115 <div class="card-icon"> 116 <svg viewBox="0 0 24 24"> 117 <circle cx="12" cy="12" r="9"></circle> 118 <path d="M12 7v5l3 2"></path> 119 </svg> 120 </div> 121 <h3>ë¹ ë¥¸ ì¹ì¸ & ì ê¸</h3> 122 <p>íê· 5~10ë¶ ë´ ì¹ì¸ ìë£Â·ì¦ì ì ê¸ ì²ë¦¬ë©ëë¤.</p> 123 </div> 124 125 <!-- ì¹´ë3 --> 126 <div class="card"> 127 <div class="card-icon"> 128 <svg viewBox="0 0 24 24"> 129 <path d="M6 10a6 6 0 0 1 12 0v5a2 2 0 0 1-2 2h-1"></path> 130 <path d="M6 10v5a2 2 0 0 0 2 2h1"></path> 131 </svg> 132 </div> 133 <h3>ì 문 ìë´ ì§ì</h3> 134 <p>ì¹´ë íê¸í ì 문 ìë´ì¼í°ìì ì íí ìë´ë¥¼ ì ê³µí©ëë¤.</p> 135 </div> 136 137 <!-- ì¹´ë4 --> 138 <div class="card"> 139 <div class="card-icon"> 140 <svg viewBox="0 0 24 24"> 141 <circle cx="12" cy="12" r="9"></circle> 142 <path d="M8.5 12.5l2.5 2.5 4.5-5"></path> 143 </svg> 144 </div> 145 <h3>ì ì©ì ì ìí¥ ìì</h3> 146 <p>ì¼ë° ê²°ì ì¹ì¸ê³¼ ëì¼í ì²ë¦¬ ë°©ìì¼ë¡ ìì í©ëë¤.</p> 147 </div> 148 149 <!-- ì¹´ë5 --> 150 <div class="card"> 151 <div class="card-icon"> 152 <svg viewBox="0 0 24 24"> 153 <path d="M12 2L4 6v6c0 5 3.5 9 8 10 4.5-1 8-5 8-10V6l-8-4z"></path> 154 <path d="M9 12l2 2 4-4"></path> 155 </svg> 156 </div> 157 <h3>ê°ì¸ì ë³´ ì² ì ë³´í¸</h3> 158 <p>모ë ì ë³´ë ìí¸í ìì¤í ì¼ë¡ ìì íê² ê´ë¦¬ë©ëë¤.</p> 159 </div> 160 161 <!-- ì¹´ë6 --> 162 <div class="card"> 163 <div class="card-icon"> 164 <svg viewBox="0 0 24 24"> 165 <rect x="3" y="6" width="18" height="12" rx="2"></rect> 166 <path d="M3 10h18"></path> 167 </svg> 168 </div> 169 <h3>ì ì ì¹ì¸ 구조</h3> 170 <p>ì¹´ëì¬ ì¹ì¸ ìì¤í 기ë°ì¼ë¡ í©ë² ì ì°¨ë§ ì§íí©ëë¤.</p> 171 </div> 172 173 </div> 174</section> 175 176<!-- TAG HUB --> 177<section class="tag-hub container" style="margin-top:32px;"> 178 <h3 class="tag-title">íµì¬ ê°ì´ë ë¹ ë¥´ê² ë³´ê¸°</h3> 179 180 <div class="tag-grid"> 181 <a href="/guide/" class="tag-card">íê¸í 구조</a> 182 <a href="/fees/" class="tag-card">ììë£ ê¸°ì¤</a> 183 <a href="/process/" class="tag-card">ì¹ì¸ ì ì°¨</a> 184 <a href="/warning/" class="tag-card">ì¬ê¸° ë°©ì§ ì²´í¬</a> 185 <a href="/limitrules/" class="tag-card">íë ê·ì </a> 186 <a href="/reviews/" class="tag-card">ì¤ì ì´ì© í기</a> 187 </div> 188</section> 189 190<!-- ========= ì 문 ìë´ì¬ ìë´ ========= --> 191<section class="advisor-section container"> 192 193 <div class="advisor-text"> 194 <h2>ì 문 ìë´ì¬ 1:1 ë°°ì </h2> 195 <p> 196 ì¹´ëì¤ìºìë ì¹ì¸ 구조ì ììë£ ê¸°ì¤ì 197 <strong>ì 문 ìë´ì¬ê° 1:1ë¡ ìë´</strong>í©ëë¤.<br> 198 모ë ì ì°¨ë í¬ëª íê³ ëª ííê² ì¤ëª ë리며 199 ê³ ê°ì´ ì¶©ë¶í ì´í´í í ì§íí©ëë¤. 200 </p> 201 202 <p class="advisor-meta"> 203 ⸠ì 문 ìë´ì¬ ì ë´ ë°°ì <br> 204 â¸ ëª íí ë¹ì©Â·ì ì°¨ ì¬ì ìë´<br> 205 ⸠ê°ì¸ì ë³´ ë³´í¸Â·ë³´ì ìì¤í ì ì©<br> 206 ⸠24ìê° ìë´ ê°ë¥ 207 </p> 208 </div> 209 210 <div class="advisor-photo"> 211 <div class="advisor-card"> 212 <img src="/manager.png" alt="ì¹´ëì¤ìºì ì 문 ìë´ì¬"> 213 <div class="advisor-name">ê¹í린 ìë´ì¬</div> 214 <div class="advisor-role">ê³ ê° ì ë´ ë§¤ëì </div> 215 </div> 216 </div> 217 218</section> 219 220<!-- ========= FEE SECTION ========= --> 221<section class="section container"> 222 <h2>ììë£ ê¸°ì¤ & ì§í ì ì°¨</h2> 223 224 <div class="box-grid"> 225 226 <div class="card"> 227 <div class="card-icon"> 228 <svg viewBox="0 0 24 24"> 229 <circle cx="7" cy="7" r="3"></circle> 230 <circle cx="17" cy="17" r="3"></circle> 231 <line x1="7" y1="17" x2="17" y2="7"></line> 232 </svg> 233 </div> 234 <h3>ì íí ììë£ ìë´</h3> 235 <p>ì¹ì¸ ê¸ì¡ì ë°ë¼ ëì¼í ë¹ì¨ë¡ ì ì©ë©ëë¤.</p> 236 </div> 237 238 <div class="card"> 239 <div class="card-icon"> 240 <svg viewBox="0 0 24 24"> 241 <path d="M4 12h16"></path> 242 <path d="M12 4l8 8-8 8"></path> 243 </svg> 244 </div> 245 <h3>ê°ë¨í ì ì°¨</h3> 246 <p>ìë´ â ì¹ì¸ â ì ê¸ê¹ì§ ì ì°¨ê° ë§¤ì° ë¨ìí©ëë¤.</p> 247 </div> 248 249 <div class="card"> 250 <div class="card-icon"> 251 <svg viewBox="0 0 24 24"> 252 <path d="M12 2L4 6v6c0 5 3.5 9 8 10 4.5-1 8-5 8-10V6l-8-4z"></path> 253 <path d="M9 12l2 2 4-4"></path> 254 </svg> 255 </div> 256 <h3>ê°ì¸ì ë³´ ì² ì ë³´í¸</h3> 257 <p>ìí¸íë ìì ìì¤í ì¼ë¡ ì ë³´ê° ê´ë¦¬ë©ëë¤.</p> 258 </div> 259 260 </div> 261</section> 262 263<!-- ========= ê³µê³µê¸°ê´ ìë´ ========= --> 264<section class="section container public-info-section"> 265 <h2>ê³µê³µê¸°ê´ ê³µì ìë´ ë³´ê¸°</h2> 266 267 <div class="public-card-grid"> 268 269 <a href="https://www.fss.or.kr" target="_blank" rel="noopener" class="public-card"> 270 <div class="public-icon">ð¦</div> 271 <h3>
271ê¸ìµê°ë ì ìë¹ì ìë´</h3> 272 <p>ì ì©ì¹´ë ì¬ì© ì ì± , ê¸ìµì¬ê¸° ìë°©, ìë¹ì ë³´í¸ ê¸°ì¤ì ê³µìì ì¼ë¡ íì¸í ì ììµëë¤.</p> 273 </a> 274 275 <a href="https://www.kinfa.or.kr" target="_blank" rel="noopener" class="public-card"> 276 <div class="public-icon">ð¡ï¸</div> 277 <h3>ì민ê¸ìµì§í¥ì ìê¸ì§ì ìë´</h3> 278 <p>ì ë¶ ì민ê¸ìµ ì§ì ì ëì ëì²´ ê¸ìµ ìí ì 보를 ì ê³µí©ëë¤.</p> 279 </a> 280 281 <a href="https://cyberbureau.police.go.kr" target="_blank" rel="noopener" class="public-card"> 282 <div class="public-icon">ð¨</div> 283 <h3>ê²½ì°°ì² ì¬ì´ë²ë²ì£ ì ê³ ì¼í°</h3> 284 <p>ì¬ê¸° ìì¬ ì¬ì´í¸ ì ê³ ë° ìµì ê¸ìµ ë²ì£ ìë°© ì 보를 ì ê³µí©ëë¤.</p> 285 </a> 286 287 </div> 288</section> 289 290<!-- ========= í기 ì¹ì ========= --> 291<section class="section container reviews-section"> 292 <h2>ì¹´ëì¤ìºì ì´ì©í기</h2> 293 294 <div class="reviews-grid"> 295 296 <!-- FULL 10ê° í기 â ì ëë¡ ìëµ ìì --> 297 <div class="review-card"> 298 <img src="https://api.dicebear.com/7.x/big-ears/svg?seed=user101" class="review-photo"> 299 <div class="review-info"> 300 <strong>ìµOO ê³ ê°</strong> 301 <div class="review-rating">â 4.9</div> 302 <p>ì ì°¨ê° ê¹ëíê³ ììë£ë 미리 ìë´í´ì¤ì ë¯¿ê³ ì§ííìµëë¤.</p> 303 </div> 304 </div> 305 306 <div class="review-card"> 307 <img src="https://api.dicebear.com/7.x/adventurer/svg?seed=user102" class="review-photo"> 308 <div class="review-info"> 309 <strong>ë°OO ê³ ê°</strong> 310 <div class="review-rating">â 5.0</div> 311 <p>ì¹ì¸ í ë°ë¡ ì ê¸ë¼ì ê¸í ìê¸ ë¬¸ì 를 ë¹ ë¥´ê² í´ê²°íì´ì.</p> 312 </div> 313 </div> 314 315 <div class="review-card"> 316 <img src="https://api.dicebear.com/7.x/personas/svg?seed=user103" class="review-photo"> 317 <div class="review-info"> 318 <strong>ê¹OO ê³ ê°</strong> 319 <div class="review-rating">â 4.8</div> 320 <p>ì 문 ìë´ì¬ê° ì¹ì íê² ìë´í´ì¤ì ë§¤ì° ë§ì¡±íìµëë¤.</p> 321 </div> 322 </div> 323 324 <div class="review-card"> 325 <img src="https://api.dicebear.com/7.x/big-ears/svg?seed=user104" class="review-photo"> 326 <div class="review-info"> 327 <strong>ìOO ê³ ê°</strong> 328 <div class="review-rating">â 5.0</div> 329 <p>í¬ëª í ìë´ë¼ì 첫 ì´ì©ì´ìì§ë§ ê±±ì ìì´ ì§ííìµëë¤.</p> 330 </div> 331 </div> 332 333 <div class="review-card"> 334 <img src="https://api.dicebear.com/7.x/adventurer/svg?seed=user105" class="review-photo"> 335 <div class="review-info"> 336 <strong>ì¤OO ê³ ê°</strong> 337 <div class="review-rating">â 4.9</div> 338 <p>ì ê¸ ìëê° ì ë§ ë¹ ë¥´ê³ ê³¼ì ë ìì ì ì´ììµëë¤.</p> 339 </div> 340 </div> 341 342 <div class="review-card"> 343 <img src="https://api.dicebear.com/7.x/personas/svg?seed=user106" class="review-photo"> 344 <div class="review-info"> 345 <strong>ì¥OO ê³ ê°</strong> 346 <div class="review-rating">â 5.0</div> 347 <p>ììë£ê° í©ë¦¬ì ì´ê³ ì§í ê³¼ì ì´ ê°ë¨í´ì ë§ì¡±í©ëë¤.</p> 348 </div> 349 </div> 350 351 <div class="review-card"> 352 <img src="https://api.dicebear.com/7.x/big-ears/svg?seed=user107" class="review-photo"> 353 <div class="review-info"> 354 <strong>문OO ê³ ê°</strong> 355 <div class="review-rating">â 4.8</div> 356 <p>ì 문 ìë´ì¬ê° ëê¹ì§ ìë´í´ì¤ì 믿ìì´ ê°ì´ì.</p> 357 </div> 358 </div> 359 360 <div class="review-card"> 361 <img src="https://api.dicebear.com/7.x/adventurer/svg?seed=user108" class="review-photo"> 362 <div class="review-info"> 363 <strong>íOO ê³ ê°</strong> 364 <div class="review-rating">â 4.9</div> 365 <p>ë¶íìí ì구 ìì´ ê°ë¨íê² ì§íëì´ ì¢ììµëë¤.</p> 366 </div> 367 </div> 368 369 <div class="review-card"> 370 <img src="https://api.dicebear.com/7.x/personas/svg?seed=user109" class="review-photo"> 371 <div class="review-info"> 372 <strong>ì OO ê³ ê°</strong> 373 <div class="review-rating">â 5.0</div> 374 <p>ìì íê³ ë¹ ë¥¸ ì ì°¨ ëë¶ì ë§ì¡±ì¤ë¬ì´ ê²½íì´ììµëë¤.</p> 375 </div> 376 </div> 377 378 <div class="review-card"> 379 <img src="https://api.dicebear.com/7.x/big-ears/svg?seed=user110" class="review-photo"> 380 <div class="review-info"> 381 <strong>ì¤OO ê³ ê°</strong> 382 <div class="review-rating">â 4.9</div> 383 <p>ì²ìì´ë¼ ê±±ì íëë° ì¤ëª ì´ ëª íí´ì ì ë¢°ê° ê°ìµëë¤.</p> 384 </div> 385 </div> 386 387 </div> 388</section> 389<section class="section container faq-section"> 390 <h2>ì ì©ì¹´ë íê¸í FAQ</h2> 391 392 <div class="faq-card-grid"> 393 394 <div class="faq-card">
395 <span class="faq-badge">Q1</span> 396 <h3>ì ì©ì¹´ë íê¸íë 무ìì¸ê°ì?</h3> 397 <p> 398 ì ì©ì¹´ë íê¸íë ì¹´ë ê²°ì ì¹ì¸ í ì¼ì ì 차를 ê±°ì³ 399 íê¸ì¼ë¡ ì§ê¸ë°ë 구조를 ì미í©ëë¤. 400 ì¹´ëì¤ìºìë <strong>ì ì ì¹ì¸ ê¸°ë° ë°©ìë§ ìë´</strong>í©ëë¤. 401 </p> 402 </div> 403 404 <div class="faq-card"> 405 <span class="faq-badge">Q2</span> 406 <h3>ì ë§ 5~10ë¶ ë´ ì ê¸ì´ ê°ë¥íê°ì?</h3> 407 <p> 408 ë¤. ì¹ì¸ ì¡°ê±´ì´ ì¶©ì¡±ë ê²½ì° 409 <strong>íê· 5~10ë¶ ë´ ì¹ì¸ ë° ì¦ì ì ê¸</strong>ì´ ì§íë©ëë¤. 410 ìí©ì ë°ë¼ ìí ì°¨ì´ê° ë°ìí ì ììµëë¤. 411 </p> 412 </div> 413 414 <div class="faq-card"> 415 <span class="faq-badge">Q3</span> 416 <h3>ì ì©ì ìì ìí¥ì ìëì?</h3> 417 <p> 418 ì¼ë° ì¹´ë ì¹ì¸ê³¼ ëì¼í êµ¬ì¡°ë¡ ì²ë¦¬ëë©° 419 <strong>ì ì©ì ì íë½ìë ì§ì ì ì¸ ìí¥ì´ ììµëë¤.</strong> 420 </p> 421 </div> 422 423 <div class="faq-card"> 424 <span class="faq-badge">Q4</span> 425 <h3>ììë£ë ì´ë»ê² ê²°ì ëëì?</h3> 426 <p> 427 ì¹ì¸ ê¸ì¡ê³¼ ì¹´ë ì¡°ê±´ì ë°ë¼ 428 <strong>ì¬ì ê³ ì§ë ê¸°ì¤ ììë£</strong>ê° ì ì©ëë©° 429 ì¶ê° ë¹ì©ì ë°ìíì§ ììµëë¤. 430 </p> 431 </div> 432 433 <div class="faq-card"> 434 <span class="faq-badge">Q5</span> 435 <h3>ì¬ê¸° ìíì ìëì?</h3> 436 <p> 437 ì¹´ëì¤ìºìë ê°ì¸ì ë³´ ì구 ìì´ 438 <strong>ì 문 ìë´ì¬ 1:1 ìë´</strong>ë¡ë§ ì§íí©ëë¤. 439 ìì¬ëë ê²½ì° ì¸ì ë ìë´ ì¤ë¨ì´ ê°ë¥í©ëë¤. 440 </p> 441 </div> 442 443 </div> 444</section> 445 446<!-- ===== ì¶ê° ì ë³´ (SEO ê°í ìì) ===== --> 447<section class="section container extra-info-section"> 448 <h2>ì ì©ì¹´ë íê¸í ì ë³´ ë ìì보기</h2> 449 450 <div class="seo-card-grid"> 451 452<!-- ì¹´ë 1 --> 453<div class="seo-card"> 454 <h3>ì ì©ì¹´ë íê¸í 구조 íµì¬ ìì½</h3> 455 <p> 456 ì ì©ì¹´ë íê¸íë ì ì ì¹ì¸ë ê²°ì ë´ìì 기ë°ì¼ë¡ ìê¸ì íë³´íë ë°©ìì´ë©°, 457 ì¹ì¸ êµ¬ì¡°ê° ì¼ë° 구매ì ëì¼íê² ì²ë¦¬ë기 ë문ì 458 <strong>ì ì©íì ì ìí¥ì ì£¼ì§ ìë ìì í ë°©ë²</strong>ì¼ë¡ íê°ë©ëë¤. 459 </p> 460</div> 461 462<!-- ì¹´ë 2 --> 463<div class="seo-card"> 464 <h3>ììë£ íë¨ ê¸°ì¤ & ì¢ì ì ì²´ ê³ ë¥´ë ë²</h3> 465 <p> 466 ììë£ë ì¹´ë ì¢ ë¥ì ì¹ì¸ ë°©ìì ë°ë¼ ë¬ë¼ì§ ì ìì¼ë, 467 ì 뢰í ì ìë ì ì²´ë <strong>ê³ ì ë¹ì¨Â·ì ëª í ìì¨</strong>ì ì ê³µí©ëë¤. 468 ì¨ê²¨ì§ ë¹ì©ì´ ìëì§ ê¼ íì¸í´ì¼ í©ëë¤. 469 </p> 470</div> 471 472<!-- ì¹´ë 3 --> 473<div class="seo-card"> 474 <h3>ì ê¸ì´ ë¹ ë¥¸ ì´ì ë 무ìì¼ê¹?</h3> 475 <p> 476 ì 문 ì¹ì¸ ìì¤í ì íµí´ ê²°ì ê° ìë íì¸ëë©°, 477 ì¹ì¸ í ë´ë¹ìê° ë°ë¡ ì ê¸ ì 차를 ì§íí©ëë¤. 478 ì´ë¬í 구조 ëë¶ì <strong>íê· 5~10ë¶ ë´ ì²ë¦¬</strong>ê° ê°ë¥í©ëë¤. 479 </p> 480</div> 481 482<!-- ì¹´ë 4 --> 483<div class="seo-card"> 484 <h3>ì ì©ì ìê° ë¨ì´ì§ì§ ìë ì´ì </h3> 485 <p> 486 ì ì©ì¹´ë íê¸íë ëì¶ì´ë ê¸ìµ ìíì´ ìë 487 <strong>ì¼ë° ê²°ì ì¹ì¸</strong>ì¼ë¡ë§ 기ë¡ë©ëë¤. 488 ë문ì ì ì©ë±ê¸, ì°ì²´ ì ë³´, ëì¶ í목ì ë°ìëì§ ììµëë¤. 489 </p> 490</div> 491 492<!-- ì¹´ë 5 --> 493<div class="seo-card"> 494 <h3>ìì í ì 체를 ê³ ë¥´ë ì²´í¬ ê¸°ì¤</h3> 495 <p> 496 í©ë² 구조를 ë°ë¥´ë ì ì²´ë ìë´ ì 차·결ì ë°©ì·보ì ìì¤í ì ëª íí ìë´í©ëë¤. 497 ë°ëë¡, ê³¼ëí ììë£Â·ë¶í¬ëª í ì¤ëª ì 498 <strong>í¼í´ì¼ í ìí ì í¸</strong>ì ëë¤. 499 </p> 500</div> 501 502<!-- ì¹´ë 6 --> 503<div class="seo-card"> 504 <h3>ì ì©ì¹´ë íê¸í ì ë°ëì ììì¼ í ì </h3> 505 <p> 506 ì¹ì¸ ê°ë¥í ê¸ì¡, ì²ë¦¬ ìë, ê²°ì ë°©ì ë±ì ì¬ì ì íì¸í´ì¼ íë©°, 507 <strong>ì¹ì¸Â·ì·¨ì ë°ë³µ ë°©ì</strong>ì ì구íë ê³³ì ë°ëì í¼í´ì¼ í©ëë¤. 508 </p> 509</div> 510 511<!-- ì¹´ë 7 --> 512<div class="seo-card"> 513 <h3>ì ê¸í ë ì ì©ì¹´ë íê¸íê° ì ì©íê°?</h3> 514 <p> 515 ìí ìì ìê°ê³¼ ê´ê³ìì´ ì´ì© ê°ë¥íë©°, 516 ì¹ì¸ í ì¦ì ìê¸ íë³´ê° ê°ë¥í기 ë문ì 517 ê¸íê² íê¸ì´ íìí ìí©ìì <strong>ê°ì¥ ë¹ ë¥¸ ëì</strong>ì´ ë©ëë¤. 518 </p> 519</div> 520 521<!-- ì¹´ë 8 --> 522<div class="seo-card"> 523 <h3>íê¸ìë¹ì¤Â·ì¹´ëë¡ ê³¼ì ì°¨ì´ì </h3> 524 <p> 525 íê¸ìë¹ì¤ë ì¹´ëë¡ ì 기ë¡ì´ ë¨ì§ë§, 526 ì ì©ì¹´ë íê¸íë 구매 ì¹ì¸ë§ ì²ë¦¬ë기 ë문ì 527 <strong>ì ì©ëì ë¶ë´ ìì´</strong> ìê¸ì ë§ë ¨í ì ììµëë¤. 528 </p> 529</div> 530 531<!-- ì¹´ë 9 --> 532<div class="seo-card"> 533 <h3>ì ì ë±ë¡ ì ì²´ ì íì´ ì¤ìí ì´ì </h3> 534 <p> 535 ì¬ì ì ë±ë¡ê³¼ ë³´ì ìì¤í ì´ ê°ì¶°ì§ ì ì²´ë 536 ê°ì¸ì ë³´ ë³´í¸, ììë£ ìë´, ì¹ì¸ ì ì°¨ê° ëª íí©ëë¤. 537 <strong>ìì ì±ê³¼ ì 뢰ë</strong>를 ìí´ ë°ëì íì¸í´ì¼ íë ììì ëë¤. 538 </p> 539</div> 540 541<!-- ì¹´ë 10 --> 542<div class="seo-card"> 543 <h3>ì¹´ëì¬ë³ ì¹ì¸ ì ì± ì°¨ì´ ì´í´í기</h3> 544 <p>ì¹´ëì¬ë§ë¤ í´ì¸ ì¹ì¸ íì© ì¬ë¶, ì¨ë¼ì¸ ê²°ì ì í ì ì± ì´ ë¬ë¼ ì¹ì¸ ì±ê³µë¥ ì ìí¥ì ì¤ëë¤.</p> 545</div> 546 547<!-- ì¹´ë 11 --> 548<div class="seo-card"> 549 <h3>ì¹ì¸ ì¤í¨ê° ë°ìíë 주ì ìì¸</h3> 550 <p>íë ë¶ì¡±, ì ì¢ ì í, ë³´ì íì§ ë±ì´ ëíì ì¸ ì¤í¨ ìì¸ì´ë©° ì¬ì ì ê²ì¼ë¡ ìë°©í ì ììµëë¤.</p> 551</div> 552 553<!-- ì¹´ë 12 --> 554<div class="seo-card"> 555 <h3>ê²°ì ì¼ê³¼ ì ê¸ íì´ë° ê´ë¦¬ í</h3> 556 <p>ê²°ì ì¼ì 기ì¤ì¼ë¡ ì ê¸ ìì ì ì¡°ì íë©´ ë¶ë´ì ì¤ì´ê³ í¨ì¨ì ì¸ ìê¸ ê´ë¦¬ê° ê°ë¥í©ëë¤.</p> 557</div> 558 559<!-- ì¹´ë 13 --> 560<div class="seo-card"> 561 <h3>ì¹ì¸ ê¸ì¡ì ëì´ë ì¤ì ì ëµ</h3> 562 <p>ê±°ë í¨í´, ê²°ì 주기, ì¹´ëë³ ì¹ì¸ 구조 ì´í´ë ì¹ì¸ ê°ë¥ ê¸ì¡ì ìµëííë ë° ëìì´ ë©ëë¤.</p> 563</div> 564 565<!-- ì¹´ë 14 --> 566<div class="seo-card"> 567 <h3>ì¬ê¸° ì¬ì´í¸ 구ë³íë ë²</h3> 568 <p>ì§ëì¹ê² ë®ì ììë£ ê´ê³ , ê°ì¸ í´ëì íë§ ì´ìíë ì ì²´ë ìì¬í´ì¼ í ììì ëë¤.</p> 569</div> 570 571<!-- ì¹´ë 15 --> 572<div class="seo-card"> 573 <h3>ê°ì¸ì ë³´ ë³´í¸ê° ì¤ìí ì´ì </h3> 574 <p>ì¼ë¶ ë¹ì ì ì ì²´ë ê°ì¸ì ë³´ ë³´ìì´ ì·¨ì½í´ ì ì¶ ìíì´ ìì¼ë¯ë¡ ë³´ì ì¸ì¦ ì¬ë¶ë¥¼ íì¸í´ì¼ í©ëë¤.</p> 575</div> 576 577<!-- ì¹´ë 16 --> 578<div class="seo-card"> 579 <h3>ì ì ììë£ ë²ìë ì´ë ì ëì¸ê°?</h3> 580 <p>ë무 ë®ì ììë£ë 구조ì ì¼ë¡ ë¶ê°ë¥íë©° ì¨ì ë¹ì©ì´ ìì ê°ë¥ì±ì´ ëì 주ìê° íìí©ëë¤.</p> 581</div> 582 583<!-- ì¹´ë 17 --> 584<div class="seo-card"> 585 <h3>íê¸íê° ì í©íì§ ìì ìí©</h3> 586 <p>ê²°ì ì¼ ê´ë¦¬ê° ì´ë µê±°ë íë ì¬ì© ë¶ë´ì´ í° ê²½ì°ìë íê¸íê° ìµì ì ì íì´ ìë ì ììµëë¤.</p> 587</div> 588 589<!-- ì¹´ë 18 --> 590<div class="seo-card"> 591 <h3>PGì¬ ì¹ì¸ ìì¤í ì ìí </h3> 592 <p>모ë ê²°ì ë PGì¬ë¥¼ íµí´ ìì íê² ì¹ì¸ëë©° ì¹ì¸ ìì ì±ì´ ì ì²´ ì²ë¦¬ ìë를 ì¢ì°í©ëë¤.</p> 593</div> 594 595<!-- ì¹´ë 19 --> 596<div class="seo-card"> 597 <h3>ì¹ì¸ íëê° ì¤ì´ëë ì´ì </h3> 598 <p>ì¹´ëì¬ë 리ì¤í¬ ê´ë¦¬ ì°¨ììì ê²°ì í¨í´ì ë°ë¼ íë를 ìë ì¡°ì í ì ììµëë¤.</p> 599</div> 600 601<!-- ì¹´ë 20 --> 602<div class="seo-card"> 603 <h3>ê°ë¥ ì ì¢ ê³¼ ì í ì ì¢ ì ì°¨ì´</h3> 604 <p>ì¼ë¶ ì ì¢ ì ì ì± ì ë°ë³µ ê²°ì ê° ë¶ê°ë¥íë©° ìì ì ì¢ ì íì©í´ì¼ ì¹ì¸ ì±ê³µë¥ ì´ ì¬ë¼ê°ëë¤.</p> 605</div> 606 607<!-- ì¹´ë 21 --> 608<div class="seo-card"> 609 <h3>íê¸í ì ê°ì¥ íí ì¤ì</h3> 610 <p>ììë£ë§ ë³´ê³ ì 체를 ì ííê±°ë 구조 ì¤ëª ì ì¶©ë¶í ë£ì§ ìë ê²½ì° ì¤í¨ ìíì´ ì»¤ì§ëë¤.</p> 611</div> 612 613<!-- ì¹´ë 22 --> 614<div class="seo-card"> 615 <h3>ì¹ì¸ ì·¨ì ë°ë³µì ìíì±</h3> 616 <p>ì·¨ì ë°ë³µì ë¹ì ì í¨í´ì¼ë¡ ì¸ìëì´ í¥í ì¹ì¸ ì íì¼ë¡ ì´ì´ì§ ì ìì¼ë¯ë¡ í¼í´ì¼ í©ëë¤.</p> 617</div> 618 619<!-- ì¹´ë 23 --> 620<div class="seo-card"> 621 <h3>íê¸í í ê²°ì ì¼ ì°ì²´ ë°©ì§ í</h3> 622 <p>
622ì²êµ¬ì¼Â·ê²°ì 주기 ì²´í¬ë§ ìí´ë ë¶ë´ ìì´ ì´ì©í ì ìì¼ë©° ìê¸ ê³íì´ ë§¤ì° ì¤ìí©ëë¤.</p> 623</div> 624 625<!-- ì¹´ë 24 --> 626<div class="seo-card"> 627 <h3>íê¸íì í ë¶ ê²°ì ì ê´ê³</h3> 628 <p>ì¼ìë¶ ì¹ì¸ì´ ì¼ë°ì ì´ì§ë§ ì¼ë¶ ì¹´ëììë í ë¶ ìµì ì¡°ì ë¡ ë¶ë´ì ìíí ì ììµëë¤.</p> 629</div> 630 631<!-- ì¹´ë 25 --> 632<div class="seo-card"> 633 <h3>ì§í ì íìí ì ë³´ë 무ìì¸ê°?</h3> 634 <p>ì¹´ë ì¢ ë¥, ì¹ì¸ ê°ë¥ ê¸ì¡ ì ëë§ì¼ë¡ ì¶©ë¶íë©° ê³¼ëí ì ë³´ ì구ë ìí ì í¸ì ëë¤.</p> 635</div> 636 637<!-- ì¹´ë 26 --> 638<div class="seo-card"> 639 <h3>íê¸íê° ìë¹ í¨í´ì 미ì¹ë ìí¥</h3> 640 <p>ì§ì ì ì¸ ìí¥ì ìì§ë§ ê²°ì ì¼ ê´ë¦¬ë¥¼ íì§ ìì¼ë©´ ë¶ë´ì´ ì길 ì ìì´ ë³í ê´ë¦¬ê° íìí©ëë¤.</p> 641</div> 642 643<!-- ì¹´ë 27 --> 644<div class="seo-card"> 645 <h3>ì ì²´ ì í ì ë°ëì íì¸í´ì¼ í í목</h3> 646 <p>ììë£ í¬ëª ì±, ì¬ì ì ì ë³´ ê³µê° ì¬ë¶, ìë´ ë°©ìì ìì í ì ì²´ì íµì¬ 기ì¤ì ëë¤.</p> 647</div> 648[2026ë 2ììµì ì ë°ì´í¸] 본 ê°ì´ëë 2026ë 02ì 24ì¼ ê¸°ì¤ì¼ë¡ 모ë ì¹´ëì¬ ì ì± ê³¼ ì ê³ ìµì ììë£ ê²ì¦ì ìë£íìµëë¤. 649</section> 650 651<!-- ========= FOOTER ì½ì ìì ========= --> 652<footer class="global-footer"> 653 654 <div class="footer-inner"> 655 656 <!-- ë¸ëë ì ë³´ --> 657 <div class="footer-section"> 658 <h4>Card&Cash ì ì©ì¹´ë íê¸í ìë´ì¼í°</h4> 659 <p class="footer-desc"> 660 ì¹´ëì¤ìºìë ì ì ì¹ì¸ 기ë°ì¼ë¡ë§ ìë´íë ê¸ìµí ì ë³´ íë«í¼ì ëë¤.<br> 661 í¬ëª í ììë£ Â· ìì í ì¹ì¸ 구조 · íê· 5~10ë¶ ì¦ì ì ê¸ì ìì¹ì¼ë¡ ì´ìí©ëë¤. 662 </p> 663 </div> 664 665 <!-- ë´ë¶ ë§í¬ 그룹 --> 666 <div class="footer-section footer-links"> 667 <h4>ë°ë¡ê°ê¸°</h4> 668 <ul> 669 <li><a href="https://cardncash.pages.dev/">í</a></li> 670 <li><a href="https://cardncash.pages.dev/guide/">íê¸í 구조 ìë´</a></li> 671 <li><a href="https://cardncash.pages.dev/fees/">ììë£ ê¸°ì¤</a></li> 672 <li><a href="https://cardncash.pages.dev/process/">ì§í ì ì°¨</a></li> 673 <li><a href="https://cardncash.pages.dev/warning/">ì¬ê¸°Â·ë¶ë² ë°©ì§ ê°ì´ë</a></li> 674 <li><a href="https://cardncash.pages.dev/reviews/">ì¤ì ì´ì© í기</a></li> 675 </ul> 676 </div> 677 678 <!-- ìë´ Â· ì°ë½ --> 679 <div class="footer-section footer-contact"> 680 <h4>ìë´ ë° ê³ ê°ì§ì</h4> 681 <p>ë¹ ë¥¸ ìë´ ì°ê²°:</p> 682 <p> 683 ð <a href="tel:01030436528">010-3043-6528</a><br> 684 ð¬ <a href="/kakao">ì¹´ì¹´ì¤í¡ 1:1 ìë´</a> 685 </p> 686 </div> 687 688 </div> 689 690 <!-- ì¹´í¼ë¼ì´í¸ --> 691 <div class="footer-bottom"> 692 © 2025 Card&Cash | ì ì©ì¹´ë íê¸í ì ë³´ íë«í¼<br> 693 본 ì¬ì´í¸ë ê²°ì ìì¤í ìë´ íë«í¼ì´ë©° ì§ì ì ì¸ ê²°ì íì를 ìííì§ ììµëë¤. 694 </div> 695<!-- ð¥ ì¹´ëì¤ìºì íë¨ ê³ ì ë°°ë --> 696<div id="bottomBanner" class="cc-bottom-banner"> 697 <button class="cc-close">Ã</button> 698 699 <div class="cc-banner-content"> 700 <span class="cc-banner-title"> 701 ð³ <b>ì ì©ì¹´ë íê¸í</b> ì§ê¸ ìë´ ì<br> 702 <strong>10~15ë¶ ë´ ì¦ì ì ê¸ ê°ë¥í©ëë¤!</strong> 703 </span> 704 705 <div class="cc-buttons"> 706 <a href="/kakao" target="_blank" class="cc-btn cc-kakao"> 707 <img src="https://cdn-icons-png.flaticon.com/512/3991/3991999.png" class="cc-icon">ì¹´ì¹´ì¤í¡ ìë´ 708 </a> 709 710 <a href="tel:01030436528" class="cc-btn cc-call"> 711 <img src="https://cdn-icons-png.flaticon.com/512/724/724664.png" class="cc-icon">ì í ì°ê²° 712 </a> 713 </div> 714 </div> 715</div> 716 717<style> 718/* ðµ íë¨ ê³ ì ë°°ë 기본 */ 719.cc-bottom-banner { 720 position: fixed; 721 bottom: 0; left: 0; 722 width: 100%; 723 z-index: 99999; 724 background: linear-gradient(110deg, #0A1A3A, #112B5A, #0A1A3A); 725 color: #fff; 726 text-align: center; 727 padding: 16px 12px; 728 border-top: 3px solid #d4af37; /* Gold Accented Top Border */ 729 box-shadow: 0 -4px 18px rgba(0,0,0,0.45); 730 animation: ccSlideUp .35s ease; 731 font-family: 'Noto Sans KR', sans-serif; 732} 733
734/* ⨠íì´í */ 735.cc-banner-title { 736 font-size: 18px; 737 font-weight: 800; 738 line-height: 1.45; 739 display: block; 740 margin-bottom: 12px; 741 text-shadow: 0 0 6px rgba(212,175,55,0.4); 742} 743 744/* ë²í¼ 그룹 */ 745.cc-buttons { 746 display: flex; 747 gap: 10px; 748 justify-content: center; 749} 750 751/* ë²í¼ 기본 ì¤íì¼ */ 752.cc-btn { 753 display: flex; 754 align-items: center; 755 gap: 6px; 756 padding: 12px 22px; 757 border-radius: 10px; 758 font-size: 16px; 759 font-weight: 800; 760 text-decoration: none; 761 transition: .2s; 762 white-space: nowrap; 763} 764 765/* ì¹´ì¹´ì¤ ë²í¼ */ 766.cc-btn.cc-kakao { 767 background:#FEE500; 768 color:#000; 769} 770 771/* ì í ë²í¼ (ë¥ë¸ë£¨ì ëë¹ëë ê³ ê¸ ê·¸ë¦°í¤) */ 772.cc-btn.cc-call { 773 background:#1cc57a; 774 color:#fff; 775} 776 777/* ë²í¼ í¨ê³¼ */ 778.cc-btn:hover { 779 transform: translateY(-4px); 780 box-shadow: 0 4px 14px rgba(255,255,255,0.25); 781} 782 783/* ìì´ì½ í¬ê¸° */ 784.cc-icon { width:22px; height:22px; } 785 786/* ë«ê¸° ë²í¼ */ 787.cc-close { 788 position:absolute; 789 right: 14px; top: 10px; 790 background:none; 791 border:none; 792 font-size:28px; 793 font-weight:600; 794 cursor:pointer; 795 color:#fff; 796 text-shadow: 0 0 5px rgba(0,0,0,0.6); 797} 798 799/* ì ëë©ì´ì */ 800@keyframes ccSlideUp { 801 from { transform:translateY(70px); opacity:0; } 802 to { transform:translateY(0); opacity:1; } 803} 804 805/* ð± 모ë°ì¼ ë°ìí */ 806@media (max-width:600px) { 807 .cc-banner-title { font-size:15px; } 808 .cc-buttons { flex-direction:column; gap:8px; } 809 .cc-btn { width:100%; padding:11px 14px; font-size:15px; } 810} 811</style> 812 813<!-- â ë«ê¸° ë²í¼ ìë ì¤í¬ë¦½í¸ -->
814<script> 815document.addEventListener("DOMContentLoaded", function () { 816 const banner = document.getElementById("bottomBanner"); 817 const closeBtn = document.querySelector(".cc-close"); 818 819 if (closeBtn && banner) { 820 closeBtn.addEventListener("click", function () { 821 banner.style.display = "none"; 822 }); 823 } 824}); 825</script>
825 826 827<!-- Deep Blue Financial Style Popup --> 828 829<style> 830/* ë¥ë¸ë£¨ ë°í¬ëª ë°°ê²½ */ 831.exit-popup-overlay { 832 position: fixed; 833 top: 0; 834 left: 0; 835 width: 100vw; 836 height: 100vh; 837 background: rgba(10, 20, 50, 0.75); /* ë¥ë¸ë£¨ ë°°ê²½ */ 838 display: none; 839 align-items: center; 840 justify-content: center; 841 z-index: 999999; 842} 843 844/* íì´í¸ ì¹´ë ë°ì¤ */ 845.exit-popup-box { 846 background: #ffffff; 847 border-radius: 12px; 848 padding: 32px 28px; 849 max-width: 440px; 850 width: 90%; 851 text-align: left; 852 box-shadow: 0 10px 32px rgba(0, 0, 0, 0.25); 853 animation: fadeIn 0.28s ease; 854 font-family: 'Pretendard', sans-serif; 855 position: relative; 856} 857 858/* Fade animation */ 859@keyframes fadeIn { 860 from { opacity: 0; transform: translateY(18px); } 861 to { opacity: 1; transform: translateY(0); } 862} 863 864/* ìì´ì½ (ë¥ë¸ë£¨ à íì´í¸ ì¡°í©) */ 865.exit-popup-icon { 866 width: 50px; 867 height: 50px; 868 border-radius: 50%; 869 background: #1E3A8A; 870 display: flex; 871 align-items: center; 872 justify-content: center; 873 color: white; 874 font-size: 26px; 875 margin-bottom: 16px; 876} 877 878/* íì´í */ 879.exit-popup-title { 880 font-size: 20px; 881 font-weight: 700; 882 color: #142042; 883 margin-bottom: 12px; 884} 885 886/* ìë¸ í ì¤í¸ */ 887.exit-popup-sub { 888 font-size: 15px; 889 color: #50597a; 890 margin-bottom: 16px; 891 line-height: 1.6; 892} 893 894/* ê²½ê³ ë°ì¤ */ 895.exit-popup-warning { 896 background: #F2F5FC; 897 border-left: 4px solid #1E3A8A; 898 padding: 12px 14px; 899 border-radius: 6px; 900 font-size: 14px; 901 color: #2f3a4d; 902 margin-bottom: 22px; 903 line-height: 1.5; 904} 905 906/* CTA Gradient ë²í¼ (ë¥ë¸ë£¨ ê³ì´) */ 907.exit-popup-btn { 908 background: linear-gradient(90deg, #1E3A8A 0%, #2748B5 100%); 909 color: #ffffff; 910 display: inline-block; 911 padding: 12px 20px; 912 border-radius: 6px; 913 font-size: 15px; 914 font-weight: 600; 915 cursor: pointer; 916 transition: opacity 0.25s ease; 917} 918 919.exit-popup-btn:hover { 920 opacity: 0.85; 921} 922 923/* ë«ê¸° ë²í¼ */ 924.exit-popup-close { 925 margin-top: 18px; 926 font-size: 14px; 927 color: #d0d6e7; 928 cursor: pointer; 929 text-align: center; 930} 931</style> 932 933<div class="exit-popup-overlay" id="exitPopup"> 934 <div class="exit-popup-box"> 935 936 <div class="exit-popup-title">ð³ ì ì©ì¹´ë íê¸í · ë¹ ë¥¸ ì ê¸ ìë¹ì¤</div> 937 938 <div class="exit-popup-sub"> 939í©ë²ì ì¸ ì ì°¨ · ìì í ì²ë¦¬ · í¬ëª í ììë£ ìë´<br> 940 941ê°ìì¤ë¬ì´ ìê¸ì´ íìíì ê°ì?<br> 942ì¹´ëì¤ìºìê° ê°ì¥ ë¹ ë¥´ê³ ìì í<br> í´ê²° ë°©ë²ì ì ê³µí©ëë¤. 943 944 </div> 945 946 <div class="exit-popup-warning"> 947방문 ìì´ ì¨ë¼ì¸ì¼ë¡ ê°í¸ ì§í<br>íê· 10ë¶ ë´ ì ê¸ ìë£ë©ëë¤. 948 </div> 949 950 <a href="/kakao" target="_blank" class="cc-btn cc-kakao"> 951 <img src="https://cdn-icons-png.flaticon.com/512/3991/3991999.png" class="cc-icon">ì¹´ì¹´ì¤í¡ ìë´ 952 </a> 953 954 <div class="exit-popup-close" 955 onclick="document.getElementById('exitPopup').style.display='none'"> 956 ë«ê¸° 957 </div> 958 959 </div> 960</div> 961
962<script> 963// PC Exit Intent 964let popupShown = false; 965document.addEventListener("mouseleave", function(e){ 966 if (e.clientY < 10 && !popupShown && window.innerWidth > 768) { 967 document.getElementById("exitPopup").style.display = "flex"; 968 popupShown = true; 969 } 970}); 971 972// Mobile scroll after pause 973let mobilePopupTriggered = false; 974let scrollTimer; 975 976window.addEventListener("scroll", function(){ 977 if (window.innerWidth <= 768 && !mobilePopupTriggered) { 978 clearTimeout(scrollTimer); 979 scrollTimer = setTimeout(function(){ 980 document.getElementById("exitPopup").style.display = "flex"; 981 mobilePopupTriggered = true; 982 }, 1500); 983 } 984}, false); 985 986// Click outside to close 987document.getElementById("exitPopup").addEventListener("click", function(e){ 988 if (e.target.id === "exitPopup") { 989 document.getElementById("exitPopup").style.display = "none"; 990 } 991}); 992</script>
992 993 994<style> 995/* ========================== 996 ð ë°ì¤í¬í: ëí ìí CTA (ë¥ë¸ë£¨) 997 ========================== */ 998.float-round-cta { 999 position: fixed; 1000 top: 50%; 1001 right: 18px; 1002 transform: translateY(-50%); 1003 z-index: 999999; 1004 opacity: 0; 1005 transition: opacity 0.6s ease; 1006} 1007.float-round-cta.show { opacity: 1; } 1008 1009.float-round-cta button { 1010 width: 78px; 1011 height: 78px; 1012 background: linear-gradient(145deg, #1C3FA8, #3F6DFF); 1013 color: #fff; 1014 border-radius: 50%; 1015 border: 3px solid #8FAAFF; 1016 font-size: 15px; 1017 font-weight: 800; 1018 cursor: pointer; 1019 box-shadow: 0 0 18px rgba(63,109,255,0.45); 1020 display:flex; 1021 justify-content:center; 1022 align-items:center; 1023 text-align:center; 1024 animation: pulseCTA 2.5s infinite ease-in-out; 1025} 1026@keyframes pulseCTA { 1027 0% { transform: scale(1); } 1028 50% { transform: scale(1.12); } 1029 100% { transform: scale(1); } 1030} 1031 1032/* ========================== 1033 ð± 모ë°ì¼: ìë¨ ì¬ë¼ì´ë CTA (ë¥ë¸ë£¨) 1034 ========================== */ 1035.mobile-top-cta { 1036 position: fixed; 1037 top: -90px; 1038 left: 50%; 1039 transform: translateX(-50%); 1040 width: 94%; 1041 background: linear-gradient(145deg, #1C3FA8, #3F6DFF); 1042 color: white; 1043 padding: 14px; 1044 border-radius: 14px; 1045 font-size: 17px; 1046 font-weight: 700; 1047 text-align:center; 1048 z-index:999999; 1049 box-shadow: 0 0 18px rgba(63,109,255,0.32); 1050 transition: top 0.7s ease; 1051} 1052.mobile-top-cta.show { 1053 top: 12px; 1054} 1055 1056/* ë°ì¤í¬íììë 모ë°ì¼ CTA ì¨ê¹ */ 1057@media(min-width: 769px){ 1058 .mobile-top-cta { display:none; } 1059} 1060 1061/* 모ë°ì¼ììë ë°ì¤í¬í CTA ì¨ê¹ */ 1062@media(max-width: 768px){ 1063 .float-round-cta { display:none; } 1064} 1065 1066/* ========================== 1067 ð íì (ë¥ë¸ë£¨ í ë§) 1068 ========================== */ 1069#popupBgCalc { 1070 position:fixed; 1071 top:0; left:0; right:0; bottom:0; 1072 background:rgba(0,0,0,0.55); 1073 display:none; 1074 justify-content:center; 1075 align-items:center; 1076 z-index:9999999; 1077} 1078#popupCalcBox { 1079 background:#0A1B3F; 1080 padding:26px; 1081 border-radius:16px; 1082 width:90%; 1083 max-width:360px; 1084 box-shadow:0 0 25px rgba(63,109,255,0.45); 1085 position:relative; 1086 line-height:1.6; 1087 color:white; 1088} 1089.closeCalcBtn { 1090 position:absolute; 1091 top:10px; 1092 right:12px; 1093 font-size:22px; 1094 cursor:pointer; 1095 color:#8FAAFF; 1096} 1097 1098/* ì ë ¥ì°½ */ 1099.calc-input { 1100 width:100%; 1101 padding:12px; 1102 border-radius:8px; 1103 border:1px solid #3F6DFF; 1104 background:#11224C; 1105 color:white; 1106 margin-bottom:12px; 1107} 1108 1109/* ê³ì° ë²í¼ */ 1110.calc-btn { 1111 background:linear-gradient(145deg, #1C3FA8, #3F6DFF); 1112 color:#fff; 1113 width:100%; 1114 padding:12px; 1115 font-size:17px; 1116 font-weight:700; 1117 border:none; 1118 border-radius:10px; 1119 cursor:pointer; 1120 box-shadow:0 0 12px rgba(63,109,255,0.35); 1121 display:block; 1122} 1123 1124/* ê³ì° ê²°ê³¼ */ 1125#calcResultPopup { 1126 display:none; 1127 margin-top:15px; 1128 background:#11224C; 1129 border-left:4px solid #3F6DFF; 1130 padding:15px; 1131 border-radius:8px; 1132 color:white; 1133} 1134 1135/* ê³ì°í기 ë²í¼ - íë¨ ì¬ë°± ì¶ê° */ 1136.calc-btn { 1137 margin-bottom: 15px; /* â ë²í¼ ê°ê²© ìì± */ 1138} 1139 1140/* ì¹´ì¹´ì¤í¡ ë²í¼ ê³µíµ ì¤íì¼ */ 1141.cc-btn { 1142 display: flex !important; 1143 align-items: center; 1144 justify-content: center; 1145 width: 100% !important; 1146 padding: 12px 0; 1147 border-radius: 10px; 1148 font-size: 17px; 1149 font-weight: 700; 1150 text-decoration: none !important; 1151 margin-top: 10px; /* â ë²í¼ ì쪽 ê°ê²© */ 1152} 1153 1154/* ì¹´ì¹´ì¤í¡ ë²í¼ ìì */ 1155.cc-kakao { 1156 background: #fae100; 1157 color: #3c1e1e !important; 1158} 1159 1160/* ìì´ì½ ì¤íì¼ */ 1161.cc-icon { 1162 width: 22px; 1163 height: 22px; 1164 margin-right: 8px; /* â í ì¤í¸ì ìì´ì½ ê°ê²© */ 1165 display: inline-block; 1166} 1167 1168 1169/* ì¡°íì í ì¤í¸ */ 1170/* ================================ 1171 ⨠조íì 문구: í°ì + ë°ì§ì ì ëë©ì´ì 1172 ================================ */ 1173.boosting-text { 1174 font-size: 13px; 1175 color: #ffffff !important; /* ê¸ìì í°ì */ 1176 margin-top: 6px; 1177 text-align: center; 1178 font-weight: 600; 1179 animation: boostingGlow 1.7s infinite ease-in-out; 1180} 1181 1182/* ë°ì§ì´ë Glow í¨ê³¼ */ 1183@keyframes boostingGlow { 1184 0% { opacity: 0.6; text-shadow: 0 0 4px rgba(255,255,255,0.3); } 1185 50% { opacity: 1; text-shadow: 0 0 8px rgba(255,255,255,0.7); } 1186 100% { opacity: 0.6; text-shadow: 0 0 4px rgba(255,255,255,0.3); } 1187} 1188 1189</style> 1190 1191<!-- ========================== 1192 ð» ë°ì¤í¬í CTA 1193 ========================== --> 1194<div class="float-round-cta" id="desktopCTA"> 1195 <button onclick="openCalcPopup()">ìì<br>ê¸ì¡</button> 1196 <div class="boosting-text" id="boostingDesktop"></div> 1197</div> 1198 1199<!-- ========================== 1200 ð± 모ë°ì¼ CTA (ìë¨ ì¬ë¼ì´ë) 1201 ========================== --> 1202<div class="mobile-top-cta" id="mobileCTA" onclick="openCalcPopup()"> 1203 ð° ìì ê°ë¥ ê¸ì¡ ê³ì°í기 1204 <div class="boosting-text" id="boostingMobile"></div> 1205</div> 1206 1207<!-- ========================== 1208 íì 1209 ========================== --> 1210<div id="popupBgCalc"> 1211 <div id="popupCalcBox">
1212 <span class="closeCalcBtn" onclick="closeCalcPopup()">â</span> 1213 1214 <h3 style="color:#8FAAFF;">ð ìì ê°ë¥ ê¸ì¡ ê³ì°ê¸°</h3> 1215 <p style="color:#d0d8ff;">ë°±ë§ì ë¨ìë¡ ì ë ¥í´ì£¼ì¸ì. (ì: 100 â 100ë§ì)</p> 1216 1217 <input type="number" id="limitInputPopup" class="calc-input" placeholder="ì: 100 (ë°±ë§ì ë¨ì)"> 1218 1219 <button class="calc-btn" onclick="runPopupCalc()">ê³ì°í기</button> 1220 1221 <div id="calcResultPopup"></div> 1222 1223 <a href="/kakao" target="_blank" class="cc-btn cc-kakao"> 1224 <img src="https://cdn-icons-png.flaticon.com/512/3991/3991999.png" class="cc-icon">ì¹´ì¹´ì¤í¡ ìë´ 1225 </a> 1226 </div> 1227</div> 1228
1229<script> 1230/* íì ì´ê¸° */ 1231function openCalcPopup(){ 1232 document.getElementById("popupBgCalc").style.display = "flex"; 1233} 1234/* ë«ê¸° */ 1235function closeCalcPopup(){ 1236 document.getElementById("popupBgCalc").style.display = "none"; 1237} 1238 1239/* ========================== 1240 ê³ì°ê¸° (80~95%) 1241 ========================== */ 1242function runPopupCalc(){ 1243 let unit = document.getElementById("limitInputPopup").value; 1244 1245 if(!unit || unit < 1){ 1246 alert("ë°±ë§ì ë¨ìë¡ ì ë ¥í´ì£¼ì¸ì. (ì: 150)"); 1247 return; 1248 } 1249 1250 let limit = unit * 10000; // 100 â 100ë§ì 1251 1252 let min = Math.floor(limit * 0.80); 1253 let max = Math.floor(limit * 0.95); 1254 1255 let box = document.getElementById("calcResultPopup"); 1256 box.style.display = "block"; 1257 box.innerHTML = ` 1258 <strong style="color:#8FAAFF;">ð ìì ê°ë¥ ê¸ì¡ ê²°ê³¼</strong><br><br> 1259 ⢠ìì ê¸ì¡: <b>${min.toLocaleString()}ì ~ ${max.toLocaleString()}ì</b><br> 1260 ⢠ì¹ì¸ ìì ë: <b>ëì</b><br> 1261 ⢠í: ì§ê¸ ë°ë¡ ìë´íë©´ ììë£í ì¸ ê°ë¥<br> 1262 ⢠ìµê·¼ ì¹ì¸ë¥ ì¦ê° 1263 `; 1264} 1265 1266/* CTA ë±ì¥ */ 1267window.addEventListener("scroll", () => { 1268 document.getElementById("desktopCTA")?.classList.add("show"); 1269 document.getElementById("mobileCTA")?.classList.add("show"); 1270}); 1271 1272/* ëë¤ ì¡°íì */ 1273let todayCount = Math.floor(80 + Math.random() * 120); 1274document.getElementById("boostingDesktop").innerText = `ì¤ë ${todayCount}ëª ì´ ì¡°ííìµëë¤`; 1275document.getElementById("boostingMobile").innerText = `ì¤ë ${todayCount}ëª ì´ ì¡°ííìµëë¤`; 1276</script>
1276 1277</footer>
1278<script type="application/ld+json"> 1279{ 1280 "@context": "https://schema.org", 1281 "@type": "FAQPage", 1282 "mainEntity": [ 1283 { 1284 "@type": "Question", 1285 "name": "ì ì©ì¹´ë íê¸íë 무ìì¸ê°ì?", 1286 "acceptedAnswer": { 1287 "@type": "Answer", 1288 "text": "ì ì©ì¹´ë íê¸íë ì¹´ë ê²°ì ì¹ì¸ í ìë´ë ì ì°¨ì ë°ë¼ íê¸ì¼ë¡ ì§ê¸ë°ë 구조를 ì미í©ëë¤. ì¹´ëì¤ìºìë ì ì ì¹ì¸ ê¸°ë° ë°©ìë§ì ìë´í©ëë¤." 1289 } 1290 }, 1291 { 1292 "@type": "Question", 1293 "name": "ì ë§ 5~10ë¶ ë´ ì ê¸ì´ ê°ë¥íê°ì?", 1294 "acceptedAnswer": { 1295 "@type": "Answer", 1296 "text": "ì¹ì¸ ì¡°ê±´ì´ ì¶©ì¡±ë ê²½ì° íê· 5~10ë¶ ë´ ì¹ì¸ ë° ì¦ì ì ê¸ì´ ì§íë©ëë¤. ì¹´ë ì¡°ê±´ ë° ì¹ì¸ ìí©ì ë°ë¼ ìì ìê°ì ë¬ë¼ì§ ì ììµëë¤." 1297 } 1298 }, 1299 { 1300 "@type": "Question", 1301 "name": "ì ì©ì ìì ìí¥ì ìëì?", 1302 "acceptedAnswer": { 1303 "@type": "Answer", 1304 "text": "ì¼ë° ì¹´ë ì¹ì¸ê³¼ ëì¼í ë°©ìì¼ë¡ ì²ë¦¬ëë©°, ì ì©ì ìì ì§ì ì ì¸ ìí¥ì ì£¼ì§ ììµëë¤." 1305 } 1306 }, 1307 { 1308 "@type": "Question", 1309 "name": "ììë£ë ì´ë»ê² ê²°ì ëëì?", 1310 "acceptedAnswer": { 1311 "@type": "Answer", 1312 "text": "ì¹ì¸ ê¸ì¡ê³¼ ì¹´ë ì¡°ê±´ì ë°ë¼ ì¬ì ì ìë´ë ê¸°ì¤ ììë£ê° ì ì©ëë©°, ì¶ê° ë¹ì©ì ë°ìíì§ ììµëë¤." 1313 } 1314 }, 1315 { 1316 "@type": "Question", 1317 "name": "ì¬ê¸° ìíì ìëì?", 1318 "acceptedAnswer": { 1319 "@type": "Answer", 1320 "text": "ì¹´ëì¤ìºìë ì 문 ìë´ì¬ 1:1 ìë´ë¡ë§ ì§íëë©°, ê°ì¸ì ë³´ ë³´í¸ì í¬ëª í ì 차를 기ë°ì¼ë¡ ì´ìë©ëë¤." 1321 } 1322 } 1323 ] 1324} 1325</script>
vendor: 1 bytes, line 1325
1325
1326<script type="application/ld+json"> 1327{ 1328 "@context": "https://schema.org", 1329 "@type": "Organization", 1330 "name": "ì¹´ëì¤ìºì", 1331 "url": "https://cardncash.pages.dev/", 1332 "logo": "https://cardncash.pages.dev/assets/og/main.jpg", 1333 "description": "ì¹´ëì¤ìºìë ì ì ì¹ì¸ ê¸°ë° êµ¬ì¡°ë§ ìë´íë ì ì©ì¹´ë íê¸í ì 문 ìë´ íë«í¼ì ëë¤.", 1334 "contactPoint": { 1335 "@type": "ContactPoint", 1336 "telephone": "+82-10-3043-6528", 1337 "contactType": "customer service", 1338 "availableLanguage": "Korean" 1339 }, 1340 "sameAs": [ 1341 "/kakao" 1342 ] 1343} 1344</script>
1344 1345
1346<script type="application/ld+json"> 1347{ 1348 "@context": "https://schema.org", 1349 "@type": "WebSite", 1350 "name": "ì¹´ëì¤ìºì", 1351 "url": "https://cardncash.pages.dev/", 1352 "potentialAction": { 1353 "@type": "SearchAction", 1354 "target": "https://cardncash.pages.dev/?s={search_term_string}", 1355 "query-input": "required name=search_term_string" 1356 } 1357} 1358</script>
1358 1359 1360 1361</body> 1362</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.