PageSourceSearch

https://kmclubb2b.com/

html kmclubb2b.com collected 2026-10-01 23:51:19 UTC 47,821 bytes, 1,228 lines download raw bytes

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.