(二?釉붾옓?쇨렇 ??HACCP ?몄쬆 異뺤궛臾?媛怨??꾨Ц | 議곗꽑 留ㅼ슫援?Ъ媛덈퉬李?/title> <meta name="description" content="(二?釉붾옓?쇨렇??2013???ㅻ┰, HACCP ?몄쬆 異뺤궛臾?媛怨??꾨Ц?낆껜?낅땲?? 議곌뎅李?留ㅼ옣 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="hero"> <div class="hero-bg" style="background-image:url('images/hero.png')"></div> <div class="hero-overlay"></div> <div class="hero-content"> <span class="hero-badge">2013???ㅻ┰ 쨌 HACCP ?몄쬆</span> <h1>500?ш컻 嫄곕옒泥섍? ?좊ː?섎뒗<br>異뺤궛臾?媛怨??꾨Ц 湲곗뾽</h1> <p>議곌뎅李?留ㅼ옣 250媛쒕? 鍮꾨’???꾧뎅 B2B 嫄곕옒泥섏뿉<br>洹좎씪???덉쭏??媛덈퉬李쑣룸텋怨좉린쨌?ㅻ룎媛덈퉬瑜??⑺뭹?⑸땲??</p> <a href="contact.html" class="hero-btn">?⑺뭹 臾몄쓽?섍린 ??/a> </div> </section>  <section class="stats"> <div class="stats-grid"> <div><div class="stat-num">13<span class="stat-suffix">??</span></div><div class="stat-label">?낅젰</div></div> <div><div class="stat-num">500<span class="stat-suffix">+</span></div><div class="stat-label">?⑺뭹泥?/div></div> <div><div class="stat-num">HACCP</div><div class="stat-label">?꾩깮 ?몄쬆</div></div> <div><div class="stat-num">250<span class="stat-suffix">媛?/span></div><div class="stat-label">議곌뎅李?留ㅼ옣</div></div> </div> </section>  <section class="section scroll-reveal"> <div class="container"> <div class="section-label">釉붾옓?쇨렇 ?뚭컻</div> <h2 class="section-title">?쒓껐媛숈? ?덉쭏, 泥좎????꾩깮 愿由?/h2> <p class="section-desc">2013???ㅻ┰ ?대옒, (二?釉붾옓?쇨렇??異뺤궛臾?媛怨듭쓽 ??湲몄쓣 嫄몄뼱?붿뒿?덈떎. HACCP ?몄쬆 ?쒖꽕?먯꽌 ?꾧꺽???꾩깮 湲곗??쇰줈 ?앹궛?섎ŉ, "議곗꽑 留ㅼ슫援?Ъ媛덈퉬李? ?곹몴沅뚯쓣 蹂댁쑀??釉뚮옖???뚯썙瑜?媛뽰텛怨??덉뒿?덈떎.</p> <div class="about-grid"> <div class="about-card"> <div class="about-card-img"><img src="images/factory.png" alt="HACCP ?몄쬆 怨듭옣"></div> <div class="about-card-body"> <h3>HACCP ?몄쬆 ?쒖꽕</h3> <p>2020??10??31??HACCP ?몄쬆 痍⑤뱷. 泥좎????꾩깮 愿由щ줈 ?덉쟾???쒗뭹???앹궛?⑸땲??</p> </div> </div> <div class="about-card"> <div class="about-card-img"><img src="images/production.png" alt="?꾩깮?곸씤 ?앹궛 ?쇱씤"></div> <div class="about-card-body"> <h3>洹좎씪???덉쭏</h3> <p>500?ш컻 嫄곕옒泥섏뿉 留ㅼ씪 洹좎씪???덉쭏濡??⑺뭹. 諛곗튂 媛??몄감 ?녿뒗 ?쒖??붾맂 怨듭젙.</p> </div> </div> </div> <div style="text-align:center;margin-top:40px"> <a href="about.html" class="link-btn">?뚯궗 ?뚭컻 ?먯꽭??蹂닿린 ??/a> </div> </div> </section>  <section class="trust scroll-reveal"> <div class="container"> <div class="section-label">?⑺뭹泥섍? ?좏깮?섎뒗 ?댁쑀</div> <h2 class="section-title">??釉붾옓?쇨렇?멸?</h2> <div class="trust-grid"> <div class="trust-item"> <div class="trust-icon">HACCP</div> <h4>?꾩깮 ?몄쬆</h4> <p>HACCP ?몄쬆 怨듭옣?먯꽌<br>泥좎????꾩깮 愿由?/p> </div> <div class="trust-item"> <div class="trust-icon">B2B</div> <h4>怨듦툒 ?덉젙??/h4> <p>500?ш컻 嫄곕옒泥섏뿉<br>?덉젙?곸씤 怨듦툒 ?λ젰</p> </div> <div class="trust-item"> <div class="trust-icon">BRAND</div> <h4>?곹몴沅?蹂댁쑀</h4> <p>"議곗꽑 留ㅼ슫援?Ъ媛덈퉬李?<br>?곹몴沅??깅줉 ?꾨즺</p> </div> <div class="trust-item"> <div class="trust-icon">QUALITY</div> <h4>?덉쭏 ?쇨???/h4> <p>留ㅼ씪 洹좎씪???덉쭏濡?br>?좊ː諛쏅뒗 ?⑺뭹</p> </div> </div> </div> </section>  <section class="section scroll-reveal"> <div class="container"> <div class="section-label">????쒗뭹</div> <h2 class="section-title">媛덈퉬李?쨌 遺덇퀬湲?쨌 ?ㅻ룎媛덈퉬</h2> <p class="section-desc">?꾨옖李⑥씠利? ?앸떦, ?붿떇?낆껜??理쒖쟻?붾맂 諛?ㅽ듃 ?쒗뭹???⑺뭹?⑸땲??</p> <div class="products-grid"> <div class="product-card"> <div class="product-img"><img src="images/galbijim.png" alt="留ㅼ슫援?Ъ ?쇱?媛덈퉬李?></div> <div class="product-info"> <h4>媛덈퉬李??쒕━利?/h4> <p>留ㅼ슫援?Ъ쨌媛꾩옣援?Ъ / ?쇱?쨌?≪븘吏媛덈퉬李? 議곌뎅李?踰좎뒪?몄???</p> <span class="product-tag">BEST</span> </div> </div> <div class="product-card"> <div class="product-img"><img src="images/bulgogi.png" alt="怨좎텛?λ텋怨좉린"></div> <div class="product-info"> <h4>遺덇퀬湲??쒕━利?/h4> <p>怨좎텛?Β룰컙??遺덇퀬湲? ?뚮텋怨좉린. 諛붾줈 議곕━ 媛?ν븳 ?몄쓽??</p> <span class="product-tag">POPULAR</span> </div> </div> <div class="product-card"> <div class="product-img"><img src="images/odol.png" alt="留ㅼ숴 ?ㅻ룎媛덈퉬"></div> <div class="product-info"> <h4>?ㅻ룎媛덈퉬 ?쒕━利?/h4> <p>留ㅼ숴쨌媛꾩옣 ?ㅻ룎媛덈퉬. ?뚯떥??留ㅼ슫留쏆씠 ?뱀쭠.</p> <span class="product-tag">NEW</span> </div> </div> </div> <div style="text-align:center;margin-top:40px"> <a href="products.html" class="link-btn">?꾩껜 ?쒗뭹 蹂닿린 ??/a> </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">500?ш컻 嫄곕옒泥섍? ?좏깮??釉붾옓?쇨렇. 洹좎씪???덉쭏怨??좎냽???⑺뭹?쇰줈 鍮꾩쫰?덉뒪瑜?吏?먰빀?덈떎.</p> <div style="display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap"> <a href="about.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>