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>êµë¯¼í´ë½ë¹í¬ë¹</title> 7 <meta name="naver-site-verification" content="bc7fe4b70737bb27060949f7dbe9d30c6a360396"> 8 <meta name="description" content="ëíë¯¼êµ ëí B2B, ì¬ì ì몰, ìì ì몰 ì¢ í©ë매ì¼í몰"> 9 <meta property="og:title" content="êµë¯¼í´ë½ë¹í¬ë¹"> 10 <meta property="og:description" content="ëíë¯¼êµ ëí B2B, ì¬ì ì몰, ìì ì몰 ì¢ í©ë매ì¼í몰"> 11 <meta property="og:image" content="https://kmclubb2b.com/home/img/20230602OG.png"> 12 <meta property="og:url" content="https://kmclubb2b.com"> 13 <meta property="og:type" content="website"> 14 <link rel="canonical" href="https://kmclubb2b.com"> 15 <link href="https://kmclubb2b.com/home/img/b2b_icon.png" type="image/x-icon" rel="shortcut icon"> 16 <link rel="stylesheet" href="/home/css/2026_landing.css"> 17</head> 18<body> 19 20<!-- ===================================================== 21 SECTION 00 - TOP BANNER 22====================================================== --> 23<div id="top_banner" class="top-banner"> 24 25 <div class="top-banner__bg"></div> 26 27 <div class="top-banner__inner"> 28 29 <a href="https://kmclubb2b.com/home/onepage/km_agency.php" 30 class="top-banner-card top-banner-card--welfare"> 31 32 <div class="top-banner-card__content"> 33 <small>íìì íë«í¼</small> 34 35 <strong> 36 íìì 매ì¶ë¡ ì°ê²°íë<br> 37 ì ì© ì¼í íë«í¼ 38 </strong> 39 </div> 40 41 <span class="top-banner-card__arrow">â</span> 42 </a> 43 44 <a href="https://kmclubb2b.com/home/b2b_global.php" 45 class="top-banner-card top-banner-card--global"> 46 47 <div class="top-banner-card__content"> 48 <small>ê¸ë¡ë² íë«í¼</small> 49 50 <strong> 51 íêµ ìíì í´ì¸ í매를 ì°ê²°íë<br> 52 ê¸ë¡ë² ìì¶ íë«í¼ 53 </strong> 54 </div> 55 56 <span class="top-banner-card__arrow">â</span> 57 </a> 58 59 <a href="https://kmkongshop.com/" 60 class="top-banner-card top-banner-card--kong"> 61 62 <div class="top-banner-card__content"> 63 <small>ì½©ìµ íë«í¼</small> 64 65 <strong> 66 í매ìë§ë¤ íëì ë¸ëë ì¼í몰,<br> 67 기ì ê³¼ í¨ê» ì±ì¥íë ì¨ë¼ì¸ ì íµë§ 68 </strong> 69 </div> 70 71 <span class="top-banner-card__arrow">â</span> 72 </a> 73 74 </div> 75</div> 76 77<!-- ===================================================== 78 SECTION 01 - HEADER 79====================================================== --> 80<header class="site-header" id="siteHeader"> 81 <div class="site-header__inner"> 82 83 <a href="https://kmclubb2b.com/" 84 class="site-header__logo" 85 aria-label="êµë¯¼í´ë½ë¹í¬ë¹ í"> 86 87 <img src="https://kmclubb2b.com/home/img/black_2026b2b_logo.png" 88 alt="êµë¯¼í´ë½ë¹í¬ë¹"> 89 </a> 90 91 <div class="site-header__right"> 92 <a href="tel:1544-1262" 93 class="site-header__tel"> 94 1544-1262 95 </a> 96 97 <a href="https://kmclubb2b.com/home/member/login.php" 98 class="site-header__login"> 99 ë¡ê·¸ì¸ 100 </a> 101 </div> 102 103 </div> 104</header> 105 106<!-- ===================================================== 107 FIXED BOTTOM CTA 108====================================================== --> 109<div class="fixed-bottom-cta" id="fixedBottomCta"> 110 111 <div class="fixed-bottom-cta__inner"> 112 113 <!-- ìí ì ì 문ì --> 114 <a href="/home/b2b_member3.php" 115 class="fixed-bottom-cta__button fixed-bottom-cta__button--supply"> 116 117 <div class="fixed-bottom-cta__image"> 118 <img src="https://kmclubb2b.com/home/img/b2b_cta_icon_01.png" 119 alt="ìí ì ì 문ì"> 120 </div> 121 122 <div class="fixed-bottom-cta__content"> 123 <small>ì ì¡°ì¬ Â· ë¸ëëì¬ Â· ìì°ì</small> 124 <strong>ìí ì ì 문ìí기</strong> 125 </div> 126
127 <span class="fixed-bottom-cta__arrow">â</span> 128 </a> 129 130 <!-- ì¤ì í매 êµì¡ --> 131 <a href="https://kmclubb2b.com/home/b2b_sales_education.php" 132 class="fixed-bottom-cta__button fixed-bottom-cta__button--education"> 133 134 <div class="fixed-bottom-cta__image"> 135 <img src="/home/img/445647.jpg" 136 alt="ë¹ê·¼ SNS ë¼ì´ë¸ë°©ì¡ ì¤ì í매 êµì¡ ì ì²"> 137 </div> 138 139 <div class="fixed-bottom-cta__content"> 140 <small>ë¹ê·¼ · SNS · ë¼ì´ë¸ë°©ì¡ ì¤ì í매</small> 141 <strong>í매 êµì¡ ì ì²í기</strong> 142 </div> 143 144 <span class="fixed-bottom-cta__arrow">â</span> 145 </a> 146 147 </div> 148</div> 149 150<style> 151 .fixed-bottom-cta{ 152 transition: 153 opacity .35s ease, 154 transform .35s ease, 155 visibility .35s ease; 156 } 157 158 .fixed-bottom-cta.is-hide{ 159 opacity:0; 160 visibility:hidden; 161 transform:translateY(45px); 162 pointer-events:none; 163 } 164</style> 165
166<script> 167 document.addEventListener("DOMContentLoaded", function () { 168 169 const fixedBottomCta = document.getElementById("fixedBottomCta"); 170 const footer = document.querySelector("footer"); 171 172 if (!fixedBottomCta || !footer) { 173 return; 174 } 175 176 const footerObserver = new IntersectionObserver( 177 function (entries) { 178 entries.forEach(function (entry) { 179 180 if (entry.isIntersecting) { 181 fixedBottomCta.classList.add("is-hide"); 182 } else { 183 fixedBottomCta.classList.remove("is-hide"); 184 } 185 186 }); 187 }, 188 { 189 root: null, 190 threshold: 0.01, 191 rootMargin: "0px 0px 40px 0px" 192 } 193 ); 194 195 footerObserver.observe(footer); 196 197 }); 198</script>
198 199<main> 200 <!-- ===================================================== 201 SECTION 02 - HERO 202 ====================================================== --> 203 <section class="hero" id="hero"> 204 205 <!-- Background Video --> 206 <video class="hero__video" autoplay muted playsinline> 207 <source src="https://kmclubb2b.com/home/img/2026_landing.mp4" type="video/mp4"> 208 </video> 209 210 <!-- Dark Overlay --> 211 <div class="hero__overlay"></div> 212 213 <div class="section-inner hero__inner"> 214 215 <span class="section-kicker reveal-item"> 216 217 </span> 218 219 <h1 class="reveal-item"> 220 ì¬ì ì를 ìí<br> 221 B2B ì¢ í©ë매ì¬ì´í¸ 222 </h1> 223 224 <p class="hero__desc reveal-item"> 225 ë¶íìí ì íµì ì¤ì´ê³ , íìí ìíì ë¹ ë¥´ê² ì°ê²°í©ëë¤. 226 <br> 227 ì ì¡°ì¬Â·ìì°ì·ìì ì¬ë¶í° ì´í·1ì°¨ 벤ëê¹ì§,<br> 228 í매 ì±ëì ë§ë ìíì í ê³³ìì íì¸íì¸ì. 229 </p> 230 231 <div class="hero__actions reveal-item"> 232 <a href="https://kmclubb2b.com/home/b2b_member3.php" 233 target="_blank" 234 rel="noopener noreferrer" 235 class="btn btn--primary"> 236 ì ì ì ì² ë°ë¡ê°ê¸° 237 </a> 238 239 <button type="button" 240 class="btn btn--ghost" 241 data-video-open> 242 ìë´ ëìì 보기 243 </button> 244 </div> 245 246 <div class="hero__stats reveal-item" aria-label="êµë¯¼í´ë½ë¹í¬ë¹ 주ì ìì¹"> 247 248 <div class="stat-card lift-card"> 249 <img src="https://kmclubb2b.com/home/img/2026b2b_icon_01.png" 250 class="stat-card__icon" 251 alt=""> 252 253 <b class="count-number" data-count="70000">0</b> 254 <span>ìí ì´ì</span> 255 </div> 256 257 <div class="stat-card lift-card"> 258 <img src="https://kmclubb2b.com/home/img/2026b2b_icon_02.png" 259 class="stat-card__icon" 260 alt=""> 261 262 <b class="count-number" data-count="3500">0</b> 263 <span>ê³µê¸ì¬ ë¤í¸ìí¬</span> 264 </div> 265 266 <div class="stat-card lift-card"> 267 <img src="https://kmclubb2b.com/home/img/2026b2b_icon_03.png" 268 class="stat-card__icon" 269 alt=""> 270 271 <b class="count-number" data-count="7000">0</b> 272 <span>íìì¬ ê¸°ë°</span> 273 </div> 274 </div> 275 276 </div> 277 278 </section> 279 280 <!-- ===================================================== 281 SECTION 03 - AVAILABLE SALES CHANNELS 282 ====================================================== --> 283 <section class="sales-channels" id="salesChannels"> 284 <div class="section-inner"> 285 286 <div class="section-title reveal-item"> 287 <span class="section-kicker">Available Sales Channels</span> 288 289 <h2>í매 ê°ë¥í ì±ëì íì¸íì¸ì</h2> 290 291 <p> 292 ì´ì ë°©ìì ë§ë í매 ì±ëì ì ííê³ 293 <br class="mobile-br"> 294 êµë¯¼í´ë½ë¹í¬ë¹ ìí ê³µê¸ì íì©í ì ììµëë¤. 295 </p> 296 </div> 297 298 <div class="channel-grid"> 299 300 <a href="https://kmclubb2b.com/home/landing/live_commerce.php" 301 class="channel-card bg-live reveal-item"> 302 <div class="channel-card__content"> 303 <strong>ë¼ì´ë¸ì»¤ë¨¸ì¤</strong> 304 <span>ë°©ì¡ í매ì ë§ì¶ ìí 구ì±</span> 305 </div> 306 </a> 307 308 <a href="https://kmclubb2b.com/home/landing/group_buying.php" 309 class="channel-card bg-group reveal-item"> 310 <div class="channel-card__content"> 311 <strong>ê³µë구매</strong>
312 <span>커뮤ëí°Â·íì ê¸°ë° ê³µêµ¬</span> 313 </div> 314 </a> 315 316 <a href="https://kmclubb2b.com/home/landing/welfare.php" 317 class="channel-card bg-welfare reveal-item"> 318 <div class="channel-card__content"> 319 <strong>íì몰/ë³µì§ëª°</strong> 320 <span>ìì§ì·íì ì ì©ëª° ìí ê³µê¸</span> 321 </div> 322 </a> 323 324 <a href="https://kmclubb2b.com/home/landing/export.php" 325 class="channel-card bg-global reveal-item"> 326 <div class="channel-card__content"> 327 <strong>í´ì¸ ìì§êµ¬Â·ìì¶</strong> 328 <span>ê¸ë¡ë² í매 ì±ë ìí ê³µê¸</span> 329 </div> 330 </a> 331 332 <a href="https://kmclubb2b.com/home/landing/gift.php" 333 class="channel-card bg-gift reveal-item"> 334 <div class="channel-card__content"> 335 <strong>ê³ ê°Â·íì´ ì¬ìí</strong> 336 <span>íì¬Â·ì¦ì ·íë¡ëª¨ì ìí 구ì±</span> 337 </div> 338 </a> 339 340 <a href="https://kmclubb2b.com/home/landing/offline.php" 341 class="channel-card bg-store reveal-item"> 342 <div class="channel-card__content"> 343 <strong>ì¤íë¼ì¸ 매ì¥</strong> 344 <span>ë§¤ì¥ íë§¤ì© ìí ìì±</span> 345 </div> 346 </a> 347 348 </div> 349 </div> 350 </section> 351 <!-- ===================================================== 352 SECTION 04 - PRICE ADVANTAGE 353 ====================================================== --> 354 <section class="price-section" id="priceSection"> 355 <div class="section-inner price-section__inner"> 356 <div class="price-copy reveal-item"> 357 <span class="section-kicker">Price Advantage</span> 358 <h2>ì¤ê° ì íµì ì¤ì´ê³ ,<br>ê°ê²© ê²½ìë ¥ì ë ê°íê²</h2> 359 <p>ì ì¡°ì¬Â·ìì°ì·ìì ì¬ ì¤ì¬ ê³µê¸ê³¼<br> ì´í·1ì°¨ 벤ë ìíì í¨ê» 구ì±íì¬ <br>ì±ëë³ í매 ê²½ìë ¥ì ëì ëë¤.</p> 360 </div> 361 <div class="price-ratio"> 362 <div class="ratio-card lift-card reveal-item"> 363 <img src="https://kmclubb2b.com/home/img/2026b2b_icon_04.png" alt="" class="ratio-card__icon"> 364 <strong>70%</strong> 365 <p>ì ì¡°ì¬ Â· ìì°ì · ìì ì¬</p> 366 </div> 367 <div class="ratio-card lift-card reveal-item"> 368 <img src="https://kmclubb2b.com/home/img/2026b2b_icon_05.png" alt="" class="ratio-card__icon"> 369 <strong>30%</strong> 370 <p>ì´í · 1ì°¨ 벤ë</p> 371 </div> 372 </div> 373 </div> 374 <div class="discount-band"> 375 376 <video class="discount-band__video" autoplay muted loop playsinline preload="auto"> 377 <source src="https://kmclubb2b.com/home/img/0_Shopping_Cart_1920x1080 (1).mp4" type="video/mp4"> 378 </video> 379 380 <div class="discount-band__overlay"></div> 381 <canvas class="discount-band__fireworks"></canvas> 382 383 <div class="section-inner discount-band__inner"> 384 <div class="discount-band__text reveal-item"> 385 <span>7ë§ì¬ ê°ì§ì ê²½ìë ¥ ìë ìíë¤</span> 386 387 <h3> 388 ì¨ë¼ì¸ ìµì ê° ëë¹<br> 389 <strong>ìµë -80% í ì¸</strong> 390 </h3> 391 392 <p class="discount-band__desc"> 393 ìì°ì·ì ì¡°ì¬Â·ìì ì¬ ì§ì ê³µê¸ì¼ë¡ <br class="mobile-br">ëì± í©ë¦¬ì ì¸ ê°ê²©ì ì ê³µí©ëë¤. 394 </p> 395 </div> 396 </div> 397 398 </div> 399 </section> 400 401 <!-- ===================================================== 402 SECTION 05 - PRODUCT PAIN POINTS 403 ====================================================== --> 404 <section class="pain-section" id="painSection"> 405 <div class="section-inner pain-section__inner"> 406 <div class="pain-stack reveal-item"> 407 <div class="pain-card lift-card"> 408 <img src="https://kmclubb2b.com/home/img/2026b2b_icon_07.png" alt=""> 409 <strong>íì ì´ë©´ ì´ë¡íì§?</strong>
410 <span>SOLD OUT</span> 411 </div> 412 <div class="pain-card lift-card"> 413 <img src="https://kmclubb2b.com/home/img/2026b2b_icon_08.png" alt=""> 414 <strong>ê°ê²© ì¸ì ë ê±´ ìëê¹?</strong> 415 <span>PRICE</span> 416 </div> 417 <div class="pain-card lift-card"> 418 <img src="https://kmclubb2b.com/home/img/2026b2b_icon_09.png" alt=""> 419 <strong>ìí ì ì ì´ íë¤ì´!</strong> 420 <span>SELECT</span> 421 </div> 422 <div class="pain-card lift-card"> 423 <img src="https://kmclubb2b.com/home/img/2026b2b_icon_10.png" alt=""> 424 <strong>ë§ì 물ëì ë¶ë´ì¤ë¬ì´ë°</strong> 425 <span>STOCK</span> 426 </div> 427 </div> 428 429 <div class="pain-copy reveal-item"> 430 <span class="section-kicker">No More Product Stress</span> 431 <h2>ìí ê±±ì ,<br>ì´ì ë ë ¤ë²ë ¤ì!</h2> 432 <p>ë매몰 ìµì´ë¡ <br class="mobile-br">ì ìí, íì , ë¨ì¢ , ì¬ì ê³ , ë¨ê° ì¸ì/ì¸íê¹ì§<br><br class="mobile-br"> í매ìê° ììì¼ í ì 보를 <br class="mobile-br">ë¹ ë¥´ê² íì¸í ì ìëë¡ ì§ìí©ëë¤.</p> 433 </div> 434 </div> 435 </section> 436 437 <!-- ===================================================== 438 SECTION 06 - PRODUCT OPERATION 439 ====================================================== --> 440 <section class="b2b-product-section" id="productSection" > 441 <div class="b2b-product-bg-word" aria-hidden="true">PRODUCT</div> 442 443 <div class="section-inner"> 444 <div class="b2b-product-title product-ani"> 445 <span class="b2b-product-kicker">Product Operation</span> 446 <h2>ìí ì´ìì ë ë¹ ë¥´ê²,<br>í매 ë¶ë´ì ë ê°ë³ê²</h2> 447 <p>ì¤ìê° ìíê´ë¦¬ë¶í° ì¬ê³ ë¶ë´ ìë í매,<br class="mobile-br"> 7ë§ì¬ ê°ì§ ìí 구ì±ê¹ì§ í ë²ì íì¸í ì ììµëë¤.</p> 448 </div> 449 450 <div class="b2b-product-list"> 451 452 <article class="b2b-product-item product-ani"> 453 <div class="b2b-product-num">01</div> 454 455 <div class="b2b-product-text"> 456 <span>Real-time Update</span> 457 <h3>ì¤ìê° ìíê´ë¦¬</h3> 458 <p>ì ìí, ì¬ì ê³ , ë¨ì¢ , ê°ê²© ë³ë, íì ì 보를<br class="mobile-br"> ë¹ ë¥´ê² íì¸íì¬ í매ìê° ëì¹ê¸° ì¬ì´<br class="mobile-br"> ìí 리ì¤í¬ë¥¼ ì¤ì ëë¤.</p> 459 </div> 460 461 <div class="b2b-product-visual b2b-update-box"> 462 <div class="b2b-update-main"> 463 <img src="https://kmclubb2b.com/home/img/m_2026b2b_icon_01.png" alt=""> 464 <strong>ì¤ìê°<br>ì ë°ì´í¸</strong> 465 </div> 466 467 <ul> 468 <li>ì ìí</li> 469 <li>ì¬ì ê³ </li> 470 <li>ë¨ì¢ </li> 471 <li>ê°ê²© ì¸í</li> 472 <li>ê°ê²© ì¸ì</li> 473 <li>íì </li> 474 </ul> 475 </div> 476 </article> 477 478 <article class="b2b-product-item product-ani"> 479 <div class="b2b-product-num">02</div> 480 481 <div class="b2b-product-text"> 482 <span>No Stock Burden</span> 483 <h3>ì¬ê³ ë¶ë´ ZERO</h3> 484 <p>ë³µì¡í ëë구매 ìì´ë<br class="mobile-br"> í매 ì±ëì ë§ë ìíì íì¸íê³ ,<br class="mobile-br"> íìí ìíì ê²½ìë ¥ ìë ê°ê²©ì¼ë¡ <br class="mobile-br">ì íí ì ììµëë¤.</p> 485 </div> 486 487 <div class="b2b-product-visual b2b-stock-box"> 488 <img src="https://kmclubb2b.com/home/img/m_2026b2b_icon_02.png" alt="êµë¯¼í´ë½ë¹í¬ë¹ ìíë°ì¤"> 489 <div> 490 <strong>ë¨ íëì ìíë</strong>
491 <span>ê²½ìë ¥ ìë ê°ê²©ì¼ë¡!</span> 492 </div> 493 </div> 494 </article> 495 496 <article class="b2b-product-item product-ani"> 497 <div class="b2b-product-num">03</div> 498 499 <div class="b2b-product-text"> 500 <span>70,000+ Products</span> 501 <h3>7ë§ì¬ ê°ì§ ë¤ìí ìí</h3> 502 <p>ìí, ìí, 주방, ê°ì ë¶í° íì´íì¬ì 기íìíê¹ì§<br> <br class="mobile-br">ì¬ì ìì ìì ì¸ìê² íìí ìíì<br class="mobile-br"> íëê² êµ¬ì±í©ëë¤.</p> 503 </div> 504 505 <div class="b2b-product-visual b2b-category-box"> 506 <ul> 507 <li><img src="https://kmclubb2b.com/home/img/m_2026b2b_icon_03.png" alt="">공구ì¶ì²</li> 508 <li><img src="https://kmclubb2b.com/home/img/m_2026b2b_icon_04.png" alt="">기ê°íì </li> 509 <li><img src="https://kmclubb2b.com/home/img/m_2026b2b_icon_05.png" alt="">ìµë¤í매</li> 510 <li><img src="https://kmclubb2b.com/home/img/m_2026b2b_icon_06.png" alt="">ì íµê¸°íìë°</li> 511 <li><img src="https://kmclubb2b.com/home/img/m_2026b2b_icon_07.png" alt="">ìí</li> 512 <li><img src="https://kmclubb2b.com/home/img/m_2026b2b_icon_08.png" alt="">ìí</li> 513 <li><img src="https://kmclubb2b.com/home/img/m_2026b2b_icon_09.png" alt="">주방</li> 514 <li><img src="https://kmclubb2b.com/home/img/m_2026b2b_icon_10.png" alt="">ê°ì </li> 515 </ul> 516 </div> 517 </article> 518 519 </div> 520 </div> 521 </section> 522 523 <!-- ===================================================== 524 KAKAO WORK TALK DIVIDER 525 ====================================================== --> 526 <section class="blue-divider" id="workDivider"> 527 528 <div class="blue-divider__messages" aria-hidden="true"> 529 530 <div class="talk-message-track talk-message-track--left"> 531 <div class="talk-message-group"> 532 <div class="talk-message talk-message--white"> 533 <span>í매ì 문ì</span> 534 <p>ë¨ì¢ ì ì¸ì ëë ê±´ê°ì?</p> 535 <small>ì¤ì 9:18</small> 536 </div> 537 538 <div class="talk-message talk-message--yellow"> 539 <p>ëµë³ ì¢ ë¶íë립ëë¤.</p> 540 <small>ì¤ì 10:42</small> 541 </div> 542 543 <div class="talk-message talk-message--white"> 544 <span>ìí 문ì</span> 545 <p>ì¬ì ê³ ì¼ì íì¸í´ì£¼ì¸ì.</p> 546 <small>ì¤í 1:05</small> 547 </div> 548 549 <div class="talk-message talk-message--yellow"> 550 <p>ìì§ íì¸ì´ ì ë 걸ê¹ì?</p> 551 <small>ì¤í 2:37</small> 552 </div> 553 554 <div class="talk-message talk-message--white"> 555 <span>ë°°ì¡ ë¬¸ì</span> 556 <p>ì¤ë ì¶ê³ ê°ë¥íê°ì?</p> 557 <small>ì¤í 4:12</small> 558 </div> 559 560 <div class="talk-message talk-message--yellow"> 561 <p>ë´ë¹ìë íì¸ ë¶íëë ¤ì.</p> 562 <small>ì¤í 5:26</small> 563 </div> 564 </div> 565 566 <div class="talk-message-group"> 567 <div class="talk-message talk-message--white"> 568 <span>í매ì 문ì</span> 569 <p>ë¨ì¢ ì ì¸ì ëë ê±´ê°ì?</p> 570 <small>ì¤ì 9:18</small> 571 </div> 572 573 <div class="talk-message talk-message--yellow"> 574 <p>ëµë³ ì¢ ë¶íë립ëë¤.</p> 575 <small>ì¤ì 10:42</small> 576 </div> 577 578 <div class="talk-message talk-message--white">
579 <span>ìí 문ì</span> 580 <p>ì¬ì ê³ ì¼ì íì¸í´ì£¼ì¸ì.</p> 581 <small>ì¤í 1:05</small> 582 </div> 583 584 <div class="talk-message talk-message--yellow"> 585 <p>ìì§ íì¸ì´ ì ë 걸ê¹ì?</p> 586 <small>ì¤í 2:37</small> 587 </div> 588 589 <div class="talk-message talk-message--white"> 590 <span>ë°°ì¡ ë¬¸ì</span> 591 <p>ì¤ë ì¶ê³ ê°ë¥íê°ì?</p> 592 <small>ì¤í 4:12</small> 593 </div> 594 595 <div class="talk-message talk-message--yellow"> 596 <p>ë´ë¹ìë íì¸ ë¶íëë ¤ì.</p> 597 <small>ì¤í 5:26</small> 598 </div> 599 </div> 600 </div> 601 602 <div class="talk-message-track talk-message-track--right"> 603 <div class="talk-message-group"> 604 <div class="talk-message talk-message--yellow"> 605 <p>ê°ê²©ì´ ì¸ìë ê±´ê°ì?</p> 606 <small>ì¤ì 9:34</small> 607 </div> 608 609 <div class="talk-message talk-message--white"> 610 <span>ì¬ê³ 문ì</span> 611 <p>íì ìí ì¸ì í리ëì?</p> 612 <small>ì¤ì 11:20</small> 613 </div> 614 615 <div class="talk-message talk-message--yellow"> 616 <p>ìµì 주문 ìëì´ ëª ê°ì¸ê°ì?</p> 617 <small>ì¤í 12:48</small> 618 </div> 619 620 <div class="talk-message talk-message--white"> 621 <span>í매ì 문ì</span> 622 <p>ë¨ê° ë³ë ì¬ë¶ íì¸í´ì£¼ì¸ì.</p> 623 <small>
623ì¤í 2:14</small> 624 </div> 625 626 <div class="talk-message talk-message--yellow"> 627 <p>ê³ì 기ë¤ë¦¬ê³ ììµëë¤.</p> 628 <small>ì¤í 3:51</small> 629 </div> 630 631 <div class="talk-message talk-message--white"> 632 <span>ìí 문ì</span> 633 <p>문ì ë´ì© íì¸íì ¨ëì?</p> 634 <small>ì¤í 6:08</small> 635 </div> 636 </div> 637 638 <div class="talk-message-group"> 639 <div class="talk-message talk-message--yellow"> 640 <p>ê°ê²©ì´ ì¸ìë ê±´ê°ì?</p> 641 <small>ì¤ì 9:34</small> 642 </div> 643 644 <div class="talk-message talk-message--white"> 645 <span>ì¬ê³ 문ì</span> 646 <p>íì ìí ì¸ì í리ëì?</p> 647 <small>ì¤ì 11:20</small> 648 </div> 649 650 <div class="talk-message talk-message--yellow"> 651 <p>ìµì 주문 ìëì´ ëª ê°ì¸ê°ì?</p> 652 <small>ì¤í 12:48</small> 653 </div> 654 655 <div class="talk-message talk-message--white"> 656 <span>í매ì 문ì</span> 657 <p>ë¨ê° ë³ë ì¬ë¶ íì¸í´ì£¼ì¸ì.</p> 658 <small>
658ì¤í 2:14</small> 659 </div> 660 661 <div class="talk-message talk-message--yellow"> 662 <p>ê³ì 기ë¤ë¦¬ê³ ììµëë¤.</p> 663 <small>ì¤í 3:51</small> 664 </div> 665 666 <div class="talk-message talk-message--white"> 667 <span>ìí 문ì</span> 668 <p>문ì ë´ì© íì¸íì ¨ëì?</p> 669 <small>ì¤í 6:08</small> 670 </div> 671 </div> 672 </div> 673 674 </div> 675 676 <div class="section-inner blue-divider__inner reveal-item"> 677 678 <div class="blue-divider__icon"> 679 <span class="blue-divider__icon-glow"></span> 680 681 <img 682 src="https://kmclubb2b.com/home/img/2026_kakao.png" 683 alt="ì ë¬´í¡ ìì´ì½" 684 > 685 </div> 686 687 <div class="blue-divider__copy"> 688 <span>ëµëµí 문ìë ì´ì ê·¸ë§</span> 689 690 <strong> 691 묵묵ë¶ëµ 692 <em>ì 무í¡</em>ì ìë ~ 693 </strong> 694 </div> 695 696 </div> 697 698 </section> 699 <section class="cs-section" id="csSection"> 700 <div class="section-inner cs-section__inner"> 701 702 <div class="cs-copy cs-ani"> 703 <div class="cs-copy__head"> 704 <span class="section-kicker">CS Support</span> 705 706 <span class="cs-copy__status"> 707 <i></i> 708 ì ë´í ì´ì 709 </span> 710 </div> 711 712 <h2> 713 문ìë¶í° ì 무 ì²ë¦¬ê¹ì§,<br> 714 기ë¤ë¦¼ ìì´ ë¹ ë¥´ê². 715 </h2> 716 717 <div class="cs-copy__message"> 718 <div class="cs-copy__message-profile"> 719 <span>CS</span> 720 </div> 721 722 <div class="cs-copy__message-content"> 723 <span class="cs-copy__message-name"> 724 êµë¯¼í´ë½ë¹í¬ë¹ ì ë´í
725 </span> 726 727 <div class="cs-copy__bubble"> 728 <strong> 729 ìì ì ì±ê³µì<br> 730 ë¹ ë¥¸ ëììì ììë©ëë¤. 731 </strong> 732 733 <p> 734 주문·ì¶ê³ ·ìí·CS 문ì를<br> 735 ì ë´í ì 무 ì¹´í¡ì¼ë¡ ì ìíê² ì²ë¦¬í©ëë¤. 736 </p> 737 </div> 738 739 <span class="cs-copy__message-time"> 740 ì¤ìê° íì¸ 741 </span> 742 </div> 743 </div> 744 745 746 </div> 747 748 <div class="kakao-chat cs-ani" id="kakaoChatMockup"> 749 <div class="kakao-chat__top"> 750 <div class="kakao-chat__back"></div> 751 <strong>A 기ì ìë¹ê±°ë</strong> 752 <span>ìë´ì¤</span> 753 </div> 754 755 <div class="kakao-chat__body"> 756 <div class="kakao-date">ì¤ë</div> 757 758 <div class="kakao-message kakao-message--left"> 759 <div class="kakao-profile"> 760 <img src="https://kmclubb2b.com/home/img/icon_chat_profile.png" alt=""> 761 </div> 762 763 <div> 764 <span class="kakao-name">A 기ì ë´ë¹ì</span> 765 <p>ìë íì¸ì! ë¨ê°í íì¸ ë¶íë립ëë¤.</p> 766 </div> 767 </div> 768 769 <div class="kakao-message kakao-message--right"> 770 <p>íì¸íìµëë¤. ìë´ëë¦¬ê² ìµëë¤.</p> 771 </div> 772 773 <div class="kakao-message kakao-message--left"> 774 <div class="kakao-profile"> 775 <img src="https://kmclubb2b.com/home/img/icon_chat_profile.png" alt=""> 776 </div> 777 778 <div> 779 <span class="kakao-name">A 기ì ë´ë¹ì</span> 780 <p>ì¶ê³ ê°ë¥ ì¬ë¶ë íì¸ ê°ë¥í ê¹ì?</p> 781 </div> 782 </div> 783 784 <div class="kakao-message kakao-message--right"> 785 <p>ë¤, ë°ë¡ ì¶ê³ ê°ë¥ ìíì ëë¤.</p> 786 </div> 787 788 <div class="kakao-message kakao-message--right"> 789 <p>íì ìë íì¸ í 견ì ê¹ì§ ë°ë¡ ì ë¬ëë¦¬ê² ìµëë¤.</p> 790 </div> 791 </div> 792 793 <div class="kakao-chat__input"> 794 <span>ë©ìì§ë¥¼ ì ë ¥íì¸ì</span> 795 <button type="button">ì ì¡</button> 796 </div> 797 </div> 798 799 </div> 800 </section> 801 802 803 <!-- ===================================================== 804 SECTION 10 - FAQ QUICK LINK 805 ====================================================== --> 806 <section class="landing-faq-link" aria-labelledby="landingFaqTitle"> 807 <div class="section-inner"> 808 <a href="/home/landing/qna.php" class="landing-faq-link__card reveal-item"> 809 <div class="landing-faq-link__icon" aria-hidden="true"> 810 <span>Q</span> 811 </div> 812 813 <div class="landing-faq-link__copy"> 814 <span class="landing-faq-link__eyebrow">Q&A</span> 815 <h2 id="landingFaqTitle">ê¶ê¸í ë´ì©ì´ ìì¼ì ê°ì?</h2> 816 <p>ê°ì ë¶í° ìí ê³µê¸, í매 ì±ë, í´ì¸ìì¶ê¹ì§ <br class="mobile-br">ì주 묻ë ì§ë¬¸ì í ë²ì íì¸íì¸ì.</p> 817 </div> 818 819 <div class="landing-faq-link__action"> 820 <strong>Q&A</strong> 821 <span class="landing-faq-link__arrow" aria-hidden="true">â</span> 822 </div> 823 </a> 824 </div> 825 </section> 826 827</main> 828 829<!-- ===================================================== 830 SECTION 10 - FOOTER 831====================================================== --> 832<footer class="site-footer"> 833 834 <div class="section-inner site-footer__inner"> 835 836 <a href="/" 837 class="site-footer__logo"> 838 <img src="https://kmclubb2b.com/home/img/b2b_20260522.png"
839 alt="êµë¯¼í´ë½ë¹í¬ë¹"> 840 </a> 841 842 <!-- <p>--> 843 <!-- êµë¯¼í´ë½ë¹í¬ë¹ë¥¼ ì°¾ì주ì íìì¬ ëíë ê°ì¬í©ëë¤.--> 844 <!-- <br><br class="mobile-br">--> 845 <!----> 846 <!-- ìíì ê²½ìë ¥ê³¼ ë¤ìì±ê¹ì§ ë루 ê°ì¶ êµë¯¼í´ë½ë¹í¬ë¹ë--> 847 <!-- <br><br class="mobile-br">--> 848 <!----> 849 <!-- íì¬ì ë§ì¡±íì§ ìê³ ëì± ê²½ìë ¥ ìë ìí íë³´ì <br class="mobile-br">ì¹ì í ìë¹ì¤ë¥¼ ìí´ ë ¸ë ¥íê² ìµëë¤.--> 850 <!-- <br>--> 851 <!-- --> 852 <!-- </p>--> 853 <p> 854 주ìíì¬ êµë¯¼í´ë½<br> 855 ì¬ì ìë±ë¡ë²í¸:122-86-22889 íµì í매ì ì ê³ ë²í¸:2016-경기ë¶ì²-1525í¸<br> 856 ëíì:ì¡°íí¥ ì£¼ì:경기ë ë¶ì²ì ì미구 길주ë¡64(ìë 548-4) 굿모ëë¹ë©2층 êµë¯¼í´ë½<br> 857 ê³ ê°ì¼í°:1544-1262 FAX:032-503-3939 ì¹´ì¹´ì¤í¡ ì±ë : êµë¯¼í´ë½ ë¹í¬ë¹<br> 858 í¸ì¤í ì ê³µì: (주)ì½ë¦¬ììë²í¸ì¤í <br> 859 CopyrightâKookminclub b2b service. All right reserved. 860 861 </p> 862 863 <div class="site-footer__contact"> 864 865 <br class="mobile-br"> 866 867 <strong>1544-1262</strong> 868 869 <span> 870 íì¼ 09:30 ~ 18:00 <br> 871 ì ì¬ìê° 12:30 ~ 13:30 <br> 872 주ë§, ê³µí´ì¼ í´ë¬´ 873 </span> 874 875 </div> 876 877 </div> 878 879</footer> 880<!-- ===================================================== 881 SECTION 11 - FLOATING CTA / VIDEO MODAL 882====================================================== --> 883<!--a href="https://kmclubb2b.com/home/b2b_member3.php" target="_blank" rel="noopener noreferrer" class="floating-apply" id="floatingApply">ì ì ì ì² ë°ë¡ê°ê¸°</a--> 884 885<div class="video-modal" id="videoModal" aria-hidden="true"> 886 <div class="video-modal__dim" data-video-close></div> 887 <div class="video-modal__box" role="dialog" aria-modal="true" aria-label="êµë¯¼í´ë½ë¹í¬ë¹ ìë´ ëìì"> 888 <button type="button" class="video-modal__close" data-video-close>ë«ê¸°</button> 889 <iframe data-video-frame title="êµë¯¼í´ë½ë¹í¬ë¹ ìê° ìì" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> 890 </div> 891</div> 892
893<script> 894 (function () { 895 var header = document.getElementById('siteHeader'); 896 var floatingApply = document.getElementById('floatingApply'); 897 var footer = document.querySelector('.site-footer'); 898 var revealItems = document.querySelectorAll('.reveal-item'); 899 var modal = document.getElementById('videoModal'); 900 var videoFrame = modal ? modal.querySelector('[data-video-frame]') : null; 901 var videoOpen = document.querySelector('[data-video-open]'); 902 var videoClose = document.querySelectorAll('[data-video-close]'); 903 var videoUrl = 'https://www.youtube.com/embed/W_zazz0KuL8?autoplay=1'; 904 905 function onScroll() { 906 if (header) { 907 if (window.scrollY > 30) { 908 header.classList.add('is-scrolled'); 909 } else { 910 header.classList.remove('is-scrolled'); 911 } 912 } 913 914 if (!floatingApply || !footer) return; 915 var footerTop = footer.getBoundingClientRect().top; 916 if (window.scrollY < 250 || footerTop < window.innerHeight - 20) { 917 floatingApply.classList.add('is-hidden'); 918 } else { 919 floatingApply.classList.remove('is-hidden'); 920 } 921 } 922 923 if ('IntersectionObserver' in window) { 924 var observer = new IntersectionObserver(function (entries) { 925 entries.forEach(function (entry) { 926 if (entry.isIntersecting) { 927 entry.target.classList.add('is-visible'); 928 } 929 }); 930 }, { threshold: 0.16 }); 931 932 revealItems.forEach(function (item) { 933 observer.observe(item); 934 }); 935 } else { 936 revealItems.forEach(function (item) { 937 item.classList.add('is-visible'); 938 }); 939 } 940 941 if (videoOpen && modal && videoFrame) { 942 videoOpen.addEventListener('click', function () { 943 modal.classList.add('is-active'); 944 modal.setAttribute('aria-hidden', 'false'); 945 videoFrame.setAttribute('src', videoUrl); 946 }); 947 } 948 949 videoClose.forEach(function (btn) { 950 btn.addEventListener('click', function () { 951 modal.classList.remove('is-active'); 952 modal.setAttribute('aria-hidden', 'true'); 953 if (videoFrame) videoFrame.setAttribute('src', ''); 954 }); 955 }); 956 957 window.addEventListener('scroll', onScroll, { passive: true }); 958 window.addEventListener('resize', onScroll); 959 onScroll(); 960 })(); 961 /* ========================================================= 962 HERO VIDEO 963========================================================= */ 964 965 const heroVideo = document.querySelector('.hero__video'); 966 const heroSection = document.querySelector('.hero'); 967 968 if(heroVideo && heroSection){ 969 970 const heroObserver = new IntersectionObserver((entries)=>{ 971 972 entries.forEach(entry=>{ 973 974 if(entry.isIntersecting){ 975 976 heroVideo.currentTime = 0; 977 heroVideo.play(); 978 979 }else{ 980 981 heroVideo.pause(); 982 983 } 984 985 }); 986 987 },{ 988 threshold:0.5 989 }); 990 991 heroObserver.observe(heroSection); 992 993 } 994 /* ========================================================= 995 SECTION - COUNT UP 996========================================================= */ 997 998 const counters = document.querySelectorAll('.count-number'); 999 1000 const counterObserver = new IntersectionObserver((entries)=>{ 1001 1002 entries.forEach(entry=>{ 1003 1004 if(!entry.isIntersecting) return; 1005 1006 const counter = entry.target; 1007 1008 if(counter.dataset.played) return; 1009 1010 counter.dataset.played = "true"; 1011 1012 const target = Number(counter.dataset.count); 1013 1014 const duration = 1800; 1015 1016 const startTime = performance.now(); 1017 1018 function update(now){ 1019 1020 const progress = Math.min((now - startTime) / duration, 1); 1021 1022 // easeOutCubic 1023 const ease = 1 - Math.pow(1 - progress, 3); 1024 1025 const value = Math.floor(target * ease); 1026
1027 counter.textContent = value.toLocaleString() + "+"; 1028 1029 if(progress < 1){ 1030 1031 requestAnimationFrame(update); 1032 1033 }else{ 1034 1035 counter.textContent = target.toLocaleString() + "+"; 1036 1037 } 1038 1039 } 1040 1041 requestAnimationFrame(update); 1042 1043 }); 1044 1045 },{ 1046 threshold:0.4 1047 }); 1048 1049 counters.forEach(counter=>{ 1050 counterObserver.observe(counter); 1051 }); 1052</script>
vendor: 2 bytes, line 1052
1052
1053<script> 1054 (function(){ 1055 const section = document.querySelector('.discount-band'); 1056 const canvas = document.querySelector('.discount-band__fireworks'); 1057 1058 if(!section || !canvas) return; 1059 1060 const ctx = canvas.getContext('2d'); 1061 let particles = []; 1062 let animationId = null; 1063 let canPlay = true; 1064 1065 function resizeCanvas(){ 1066 canvas.width = section.offsetWidth; 1067 canvas.height = section.offsetHeight; 1068 } 1069 1070 function createFirework(x, y){ 1071 const colors = [ 1072 'rgba(255,255,255,1)', 1073 'rgba(0,220,255,1)', 1074 'rgba(128,90,255,1)', 1075 'rgba(0,255,180,1)', 1076 'rgba(255,80,220,1)' 1077 ]; 1078 1079 for(let i = 0; i < 46; i++){ 1080 const angle = Math.random() * Math.PI * 2; 1081 const speed = Math.random() * 4.2 + 1.4; 1082 1083 particles.push({ 1084 x:x, 1085 y:y, 1086 vx:Math.cos(angle) * speed, 1087 vy:Math.sin(angle) * speed, 1088 life:Math.random() * 38 + 38, 1089 maxLife:76, 1090 alpha:1, 1091 size:Math.random() * 2.5 + 1.1, 1092 color:colors[Math.floor(Math.random() * colors.length)] 1093 }); 1094 } 1095 } 1096 1097 function animate(){ 1098 ctx.clearRect(0, 0, canvas.width, canvas.height); 1099 1100 particles.forEach((p, index) => { 1101 p.x += p.vx; 1102 p.y += p.vy; 1103 p.vy += 0.025; 1104 p.life--; 1105 p.alpha = p.life / p.maxLife; 1106 1107 ctx.globalAlpha = Math.max(p.alpha, 0); 1108 ctx.beginPath(); 1109 ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2); 1110 ctx.fillStyle = p.color; 1111 ctx.fill(); 1112 1113 if(p.life <= 0){ 1114 particles.splice(index, 1); 1115 } 1116 }); 1117 1118 ctx.globalAlpha = 1; 1119 1120 if(particles.length > 0){ 1121 animationId = requestAnimationFrame(animate); 1122 }else{ 1123 animationId = null; 1124 } 1125 } 1126 1127 function fireSequence(){ 1128 resizeCanvas(); 1129 1130 const w = canvas.width; 1131 const h = canvas.height; 1132 1133 createFirework(w * 0.38, h * 0.42); 1134 createFirework(w * 0.62, h * 0.38); 1135 1136 setTimeout(() => createFirework(w * 0.50, h * 0.30), 260); 1137 setTimeout(() => createFirework(w * 0.28, h * 0.52), 520); 1138 setTimeout(() => createFirework(w * 0.72, h * 0.50), 720); 1139 1140 if(!animationId){ 1141 animate(); 1142 } 1143 } 1144 1145 resizeCanvas(); 1146 1147 const observer = new IntersectionObserver((entries) => { 1148 entries.forEach(entry => { 1149 if(entry.isIntersecting){ 1150 if(canPlay){ 1151 canPlay = false; 1152 fireSequence(); 1153 } 1154 }else{ 1155 canPlay = true; 1156 particles = []; 1157 1158 if(animationId){ 1159 cancelAnimationFrame(animationId); 1160 animationId = null; 1161 } 1162 1163 ctx.clearRect(0, 0, canvas.width, canvas.height); 1164 } 1165 }); 1166 }, { 1167 threshold:0.45 1168 }); 1169 1170 observer.observe(section); 1171 1172 window.addEventListener('resize', resizeCanvas); 1173 })(); 1174 document.addEventListener('DOMContentLoaded', function () { 1175 const productItems = document.querySelectorAll('.product-ani'); 1176 1177 const productObserver = new IntersectionObserver(function (entries) { 1178 entries.forEach(function (entry) { 1179 if (entry.isIntersecting) { 1180 entry.target.classList.add('is-active'); 1181 } else { 1182 entry.target.classList.remove('is-active'); 1183 } 1184 }); 1185 }, { 1186 threshold: 0.2, 1187 rootMargin: '0px 0px -8% 0px' 1188 }); 1189
1190 productItems.forEach(function (item) { 1191 productObserver.observe(item); 1192 }); 1193 }); 1194 document.addEventListener('DOMContentLoaded', function () { 1195 const csItems = document.querySelectorAll('.cs-ani'); 1196 1197 const csObserver = new IntersectionObserver(function (entries) { 1198 entries.forEach(function (entry) { 1199 if (entry.isIntersecting) { 1200 entry.target.classList.remove('is-active'); 1201 1202 void entry.target.offsetWidth; 1203 1204 entry.target.classList.add('is-active'); 1205 } else { 1206 entry.target.classList.remove('is-active'); 1207 } 1208 }); 1209 }, { 1210 threshold: 0.25, 1211 rootMargin: '0px 0px -8% 0px' 1212 }); 1213 1214 csItems.forEach(function (item) { 1215 csObserver.observe(item); 1216 }); 1217 }); 1218 window.addEventListener('load', () => { 1219 document.querySelectorAll('.channel-card__content').forEach(el => { 1220 el.classList.add('arrow-start'); 1221 }); 1222 }); 1223</script>
1223 1224</body> 1225</html> 1226 1227 1228
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.