嫄곕옒泥???(二?釉붾옓?쇨렇 | 500?ш컻 ?⑺뭹泥?/title> <meta name="description" content="(二?釉붾옓?쇨렇??議곌뎅李?留ㅼ옣 250媛쒕? ?ы븿??500?ш컻 B2B 嫄곕옒泥섏뿉 異뺤궛臾?媛怨??쒗뭹???⑺뭹?⑸땲??"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700&family=Pretendard:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css"> <link rel="stylesheet" href="style.css?v=20260427"> </head> <body>  <div class="fade-screen" id="fadeScreen"><div class="loader-text">BLACKPIG</div></div>  <nav class="nav" id="nav"> <div class="nav-inner"> <a href="index.html" class="nav-logo"> <span class="logo-text">BLACKPIG</span> </a> <ul class="nav-links"> <li><a href="index.html">??/a></li> <li><a href="about.html">?뚯궗?뚭컻</a></li> <li><a href="products.html">?쒗뭹</a></li> <li><a href="clients.html">嫄곕옒泥?/a></li> <li><a href="contact.html" class="nav-cta">?⑺뭹 臾몄쓽</a></li> </ul> <button class="hamburger" id="hamburger" aria-label="Menu"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg> </button> <div class="mobile-nav" id="mobileNav"> <ul class="nav-links"> <li><a href="index.html">??/a></li> <li><a href="about.html">?뚯궗?뚭컻</a></li> <li><a href="products.html">?쒗뭹</a></li> <li><a href="clients.html">嫄곕옒泥?/a></li> <li><a href="contact.html" class="nav-cta">?⑺뭹 臾몄쓽</a></li> </ul> </div> </div> </nav>  <section class="page-hero"> <div class="hero-bg" style="background-image:url('images/clients-hero.png')"></div> <div class="hero-overlay"></div> <div class="hero-content"> <span class="hero-badge">嫄곕옒泥??꾪솴</span> <h1>500?ш컻 嫄곕옒泥섍?<br>?좊ː?섎뒗 ?뚰듃??/h1> </div> </section>  <section class="section scroll-reveal"> <div class="container"> <div class="section-label">Clients</div> <h2 class="section-title">?⑺뭹泥??꾪솴</h2> <p class="section-desc">?꾧뎅 500?ш컻 B2B 嫄곕옒泥섏뿉 留ㅼ씪 洹좎씪???덉쭏???쒗뭹???⑺뭹?섍퀬 ?덉뒿?덈떎.</p> <div class="clients-stats"> <div class="client-stat-item"> <div class="stat-num">500<span class="stat-suffix">+</span></div> <div class="stat-label">珥??⑺뭹泥?/div> </div> <div class="client-stat-item"> <div class="stat-num">250<span class="stat-suffix">媛?/span></div> <div class="stat-label">議곌뎅李?留ㅼ옣</div> </div> <div class="client-stat-item"> <div class="stat-num">100<span class="stat-suffix">+</span></div> <div class="stat-label">?꾨옖李⑥씠利?/div> </div> <div class="client-stat-item"> <div class="stat-num">150<span class="stat-suffix">+</span></div> <div class="stat-label">湲고? ?앸떦</div> </div> </div> </div> </section>  <section class="section scroll-reveal" style="background:var(--dark)"> <div class="container"> <div class="section-label" style="color:rgba(255,255,255,0.5)">Categories</div> <h2 class="section-title" style="color:#fff">?⑺뭹泥??좏삎</h2> <div class="client-categories"> <div class="client-category"> <div class="category-icon">?룵</div> <h3>?꾨옖李⑥씠利?/h3> <p>?꾧뎅 泥댁씤 ?꾨옖李⑥씠利?蹂몄궗 諛?留ㅼ옣??以묒븰 吏묒쨷 ?⑺뭹. 洹좎씪???덉쭏怨??덉젙?곸씤 怨듦툒?쇰줈 ?댁쁺 ?⑥쑉???믪엯?덈떎.</p> </div> <div class="client-category"> <div class="category-icon">?뜴</div> <h3>?쇰컲 ?앸떦</h3> <p>媛쒖씤 ?앸떦 諛??붿떇?낆껜??留욎땄???⑺뭹. ?뚮웾遺????됯퉴吏 ?좎뿰??怨듦툒??媛?ν빀?덈떎.</p> </div> <div class="client-category"> <div class="category-icon">?슊</div> <h3>?좏넻?낆껜</h3> <p>?앹옄???좏넻??諛??꾨ℓ?곸뿉 B2B 怨듦툒. ?좎냽??臾쇰쪟? 泥좎????⑷린 愿由щ? ?쎌냽?⑸땲??</p> </div> <div class="client-category"> <div class="category-icon">?룶</div> <h3>湲됱떇쨌湲곌?</h3> <p>湲곗뾽 湲됱떇, ?숆탳, 蹂묒썝 ???⑥껜 湲됱떇 ?쒖꽕???꾩깮 ?덉떖 ?쒗뭹??怨듦툒?⑸땲??</p> </div> </div> </div> </section>  <section class="cta-section scroll-reveal"> <div class="container"> <h2 class="section-title" style="color:#fff">?④퍡 ?깆옣???뚰듃?덈? 李얠뒿?덈떎</h2> <p style="color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto">釉붾옓?쇨렇? ?④퍡 鍮꾩쫰?덉뒪瑜??뺤옣?대낫?몄슂. 洹좎씪???덉쭏怨??좎냽???⑺뭹?쇰줈 怨좉컼 留뚯”???믪씠寃좎뒿?덈떎.</p> <div style="display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap"> <a href="products.html" class="cta-btn-outline">?쒗뭹 蹂닿린</a> <a href="contact.html" class="cta-btn-solid">?⑺뭹 臾몄쓽</a> </div> </div> </section>  <div class="floating-cta"> <a href="contact.html"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/></svg> ?⑺뭹 臾몄쓽?섍린 </a> </div>  <footer class="footer"> <div class="footer-inner"> <div class="footer-brand"> <span class="footer-logo">BLACKPIG</span> <p class="footer-desc">HACCP ?몄쬆 異뺤궛臾?媛怨??꾨Ц | 500?ш컻 嫄곕옒泥??좊ː</p> </div> <div class="footer-nav"> <div class="footer-nav-col"> <h4>?섏씠吏</h4> <ul> <li><a href="index.html">??/a></li> <li><a href="about.html">?뚯궗 ?뚭컻</a></li> <li><a href="products.html">?쒗뭹 ?뚭컻</a></li> <li><a href="clients.html">嫄곕옒泥?/a></li> </ul> </div> <div class="footer-nav-col"> <h4>臾몄쓽</h4> <ul> <li><a href="contact.html">?⑺뭹 臾몄쓽</a></li> </ul> </div> </div> </div> <div class="footer-bottom"> © 2026 Blackpig Co., Ltd. All rights reserved. </div> </footer> <script src="script.js?v=20260427"></script> </body> </html>