<!doctype html>
<html lang="ko">
<head>
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="OSSE">
    <title>OSSE 오쎄</title>
    <link rel="canonical" href="https://www.osse.co.kr/">
    <meta name="keywords" content="런드리서핑 | 수야무 | 메디버블 | 소이베베 | 유통&영업 | 이데이몰 | 원료사업 | 게임">
    <meta name="description" content="Creating THE ORIGINAL. 오쎄만의 차별화된 브랜드, 콘텐츠 개발을 통해 새로운 고객가치를 창출해가는 토탈서비스그룹입니다.">    <meta name="date" content="">
    <link rel="icon" type="image/x-icon" href="./favicon.ico">
    <meta name="thumbnail" content="" alt="">
    <meta property="og:url" content="https://www.osse.co.kr/">
    <meta property="og:image" content="https://image.edaymall.com/images/mail/news/osse/html/img/main/main01_optimized.png">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="OSSE 오쎄">
    <meta property="og:locale" content="ko">
    <meta property="og:title" content="OSSE 런드리서핑 | 수야무 | 오쎄 글로벌푸드 | 메디버블 | 소이베베 | 유통&영업 | 이데이몰 | 원료사업 | 게임">
    <meta property="og:description" content="Creating THE ORIGINAL. 오쎄만의 차별화된 브랜드, 콘텐츠 개발을 통해 새로운 고객가치를 창출해가는 토탈서비스그룹입니다.">
    <script src="./common/js/jquery.1.11.1.min.js"></script>
    <link href="./common/css/style.css" rel="stylesheet">
    <script src="./common/js/jquery.collapse.js"></script>
    <script src="./common/js/util.js"></script>
    <script type="text/x-javascript">
    (function(w, d, a){
        w.__beusablerumclient__ = {
            load : function(src){
                var b = d.createElement("script");
                b.src = src; b.async=true; b.type = "text/x-javascript";
                d.getElementsByTagName("head")[0].appendChild(b);
            }
        };w.__beusablerumclient__.load(a + "?url=" + encodeURIComponent(d.URL));
    })(window, document, "//rum.beusable.net/load/b161207e112311u833");
    </script>
</head>
<body>

<div>

    <!-- ================================
            Header
    ================================ -->
    <!-- Back to top button -->
    <a id="toTop"><img src="./img/arrow_top.png" alt="to top"/></a>

    <header class="header nav-down">
        <div class="header_wrap">
            <p class="logo"><a href="/"><img src="./img/logo_main.png" alt="로고"/></a></p>
            <span> </span>
            <ul class="language">
                <li class="active"><a href="javascript:void(0);" onclick="localeCookieHandler('ko')">KO</a></li>
                <li><a href="javascript:void(0);" onclick="localeCookieHandler('en')">EN</a></li>
            </ul>
            <div class="burger">
                <div class="burger__patty"></div>
                <div class="burger__patty"></div>
                <div class="burger__patty"></div>
            </div>
            <nav class="menu">
                <ul class="menu__list">
                    <li class="menu__item">
                        <!-- Vetical -->
                        <div id="verticalType01">
                            <div class="ver-title01 f50 fw500 bgnone"><sup>01</sup><span class="three"
                                                                                         data-hover="WHO WE ARE"
                                                                                         onclick="location.href='/whoweare';">WHO WE ARE</span>
                            </div>
                            <div></div>
                            <div class="ver-title01 f50 fw500 bgnone"><sup>02</sup><span class="three"
                                                                                         data-hover="WHO WE WANT"
                                                                                         onclick="location.href='/whowewant';">WHO WE WANT</span>
                            </div>
                            <div></div>
                            <div class="ver-title01 f50 fw500"><sup>03</sup><span class="three" data-hover="WHAT WE DO"
                                                                                  onclick="location.href='javascript:void(0)';">WHAT WE DO</span>
                            </div>
                            <div>
                                <div class="v_content wow bounceInRight">
                                    <p><a href="./ossebrand" class="f22"><span class="three" data-hover="OSSE Brands">OSSE Brands</span></a>
                                    </p>
                                    <p><a href="./sales" class="f22"><span class="three"
                                                                           data-hover="Distribution & Sales">Distribution & Sales</span></a>
                                    </p>
                                    <p><a href="./globalfood" class="f22"><span class="three"
                                                                                data-hover="OSSE Globalfood">OSSE Globalfood</span></a>
                                    </p>
                                    <p><a href="./ecommerce" class="f22"><span class="three" data-hover="E-Commerce">E-Commerce</span></a>
                                    </p>
                                    <p><a href="./trade" class="f22"><span class="three" data-hover="Ingredient Trade">Ingredient Trade</span></a>
                                    </p>
                                    <p><a href="./game" class="f22"><span class="three"
                                                                          data-hover="Game">Game</span></a></p>
                                </div>


                            </div>
                            <div class="ver-title01 f50 fw500 bgnone"><sup>04</sup><span class="three"
                                                                                         data-hover="CONTACT US"
                                                                                         onclick="location.href='/contactus';">CONTACT US</span>
                            </div>
                            <div></div>
                            <div class="ver-title01 f50 fw500 bgnone"><sup>05</sup><span class="three" data-hover="SHOP"
                                                                                         onclick="window.open('https://www.edaymall.com ')">SHOP</span>
                            </div>
                            <div></div>
                            <!-- 2026-02-20 -->
                            <div class="menu-epirus">
                                <p class="f20">
                                    <a href="/epirusvios" target="_blank"
                                       onclick="event.stopPropagation();">
                                        <img src="./img/common/arrow.png" alt="페치 사이트 바로가기"/>
                                        Epirus Vios Brand Site
                                    </a>
                                </p>
                                <p class="f20">
                                    <a href="/pecsi/index.html"
                                       target="_blank"
                                       onclick="event.stopPropagation();">
                                        <img src="./img/common/arrow.png" alt="에피로스비오스 사이트 바로가기"/>
                                        Pecsi Brand Site
                                    </a>
                                </p>
                            </div>
                            <!-- //2026-02-20 -->

                            <!--                            <div class="menu-epirus " data-collapse-summary=""><a href="#"><img src="./img/common/logo2.png" alt="에피로스비오스 사이트 바로가기" onclick="location.href='/epirusvios';"></a></div>-->
                            <div aria-hidden="true" style="display: none;"></div>
                        </div>
                        <script>
                            $("#verticalType01").collapse({
                              accordion: true, //다열리고 싶을때
                              open: function() {
                                this.addClass("open");
                                this.css({ height: this.children().outerHeight() });
                              },
                              close: function() {
                                this.css({ height: "0px" });
                                this.removeClass("open");
                              }
                            });
                        </script>
                        <!-- // Vetical -->
                    </li>
                </ul>

                <div class="menu__brand">
                    <div class="logo_menu">
                        <a href="/index"><img src="./img/logo_white.png"/></a>
                        <p class="mt40 f16">TEL 02-318-3217~9</p>
                        <p class="f16">FAX 02-318-3216</p>
                        <p class="f16">ⓒ OSSE. All right reserved.</p>
                        <p class="pdf mt20 f14"><a href="./img/common/OsseCompanyIntroduction_web.pdf" target="_blank">Introduction.PDF</a>
                        </p>
                    </div>
                </div>
            </nav>
        </div><!-- //header_wrap -->
    </header>
    <!-- ================================
            // Header
    ================================ -->
</div>
<!-- 모달팝업 2026-03-18 -->
<div id="recruitModalOverlay"></div>
<div id="recruitPopup">
	<div class="swiper recruitSwiper">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<a href="https://www.saramin.co.kr/zf_user/jobs/relay/view?rec_idx=53372621&" target="_blank">
					<img src="https://image.edaymall.com/images/mail/news/osse/html/img/want/reu_ad01.jpg" alt="총무 채용">
				</a>
			</div>
			<!--<div class="swiper-slide">
				<a href="https://www.gamejob.co.kr/Recruit/GI_Read/View?GI_No=277557" target="_blank">
					<img src="https://image.edaymall.com/images/mail/news/osse/html/img/want/reu_game01_20260316.jpg" alt="게임팀 채용 Poster">
				</a>
			</div>-->

		</div>
		<div class="swiper-button-next"></div>
		<div class="swiper-button-prev"></div>
		<div class="swiper-pagination"></div>
	</div>
	<div class="recruit-popup-footer">
		<label><input type="checkbox" id="chkHideToday"> 오늘 하루 보지 않기</label>
		<button type="button" id="btnClosePopup">닫기</button>
	</div>
</div>
<!-- // 모달파업 html --><!-- // 모달파업 html -->
<!-- ================================
		Content
================================ -->
<main role="main">
	<section>
		<!-- main Visual Slide 20250408 -->
		<div class="swiper mainVS">
			<ul class="bnr_epirus" >
				<li><a href="/epirusvios" target="_blank" ><img src="./img/common/epirus.png" alt="Epirus vios" /><p>epirus vios<br>Brand Site</p></a></li>
				<li><a href="/pecsi/index.html" target="_blank" ><img src="./img/common/pecsi.png" alt="Pecsi" /><p>Pecsi<br>Brand Site</p></a></li>
			</ul>
			<!-- //2026-02-20 -->
			<div class="swiper-wrapper">
				<!-- slide6 -->
				<div class="swiper-slide">
					<div class="fnc-slide__inner">
						<div class="fnc-slide__content">
							<h2 class="fnc-slide__heading">
								<div class="fnc-slide__heading-line">
									<span class="fw600">오쎄가 선별한, <br>세계의 맛을 소개</span>
								</div>
								<div class="fnc-slide__heading-line mt20">
									<a href="/globalfood"><span class="f32 fw400 white">OSSE Globalfood <br class="mView600"><b class="btn07 hvr-sweep-to-right3 ">바로가기</b></span></a>
								</div>
							</h2>
						</div>
						<div class=" wView600">
							<video id="video3" class="video " autoplay loop playsinline muted >
								<source src="./img/main/mainVideo06.mp4" type="video/mp4" >
							</video>
						</div>
						<div class=" mView600">
							<video  id="video3" class="video-container mView" autoplay loop playsinline muted >
								<source src="./img/main/mainVideo06m.mp4" type="video/mp4" >
							</video>
						</div>
					</div>
				</div>
				<!-- slide1 -->
				<div class="swiper-slide">
					<div class="fnc-slide__inner">
						<div class="fnc-slide__content" >
							<h2 class="fnc-slide__heading">
								<div class="fnc-slide__heading-line">
									<span class="fw600">보다 나은 <br>라이프스타일을 <br class="mView600">추구하는</span>
								</div>
								<div class="fnc-slide__heading-line mt20">
									<a href="/ossebrand" ><span class="f32 fw400 white">OSSE Brands <br class="mView600"><b class="btn07 hvr-sweep-to-right3 ">바로가기</b></span></a>
								</div>
							</h2>
						</div>
						<div class="wView600" >
							<video  id="video1" class="video-container" autoplay loop playsinline muted >
								<source src="./img/main/mainVideo01.mp4" type="video/mp4" >
							</video>
						</div>
						<div class="mView600" >
							<video  id="video1" class="video-container mView" autoplay loop playsinline muted >
								<source src="./img/main/mainVideo01m.mp4" type="video/mp4" >
							</video>
						</div>
					</div>
				</div>
				<!-- slide2 -->
				<div class="swiper-slide">
					<div class="fnc-slide__inner">
						<div class="fnc-slide__content">
							<h2 class="fnc-slide__heading">
								<div class="fnc-slide__heading-line">
									<span class="fw600">고객과 미래를<br class="mView"> 연결하는 <br>신뢰의 파트너</span>
								</div>
								<div class="fnc-slide__heading-line mt20">
									<a href="/sales"><span class="f32 fw400 white">Distribution & Sales <br class="mView600"><b class="btn07 hvr-sweep-to-right3 ">바로가기</b></span></a>
								</div>

							</h2>
						</div>
						<div class=" wView600">
							<video id="video2" class="video" autoplay loop playsinline muted >
								<source src="./img/main/mainVideo02.mp4" type="video/mp4" >
							</video>
						</div>
						<div class=" mView600">
							<video id="video2" class="video-container" autoplay loop playsinline muted >
								<source src="./img/main/mainVideo02m.mp4" type="video/mp4" >
							</video>
						</div>
					</div>
				</div>
				<!-- slide3 -->
				<div class="swiper-slide">
					<div class="fnc-slide__inner">
						<div class="fnc-slide__content">
							<h2 class="fnc-slide__heading">
								<div class="fnc-slide__heading-line">
									<span class="fw600">더 나은 일상을 <br>경험하는</span>
								</div>
								<div class="fnc-slide__heading-line mt20">
									<a href="/ecommerce"><span class="f32 fw400 white">E-Commerce <br class="mView600"><b class="btn07 hvr-sweep-to-right3 ">바로가기</b></span></a>
								</div>
							</h2>
						</div>
						<div class=" wView600">
							<video id="video3" class="video " autoplay loop playsinline muted >
								<source src="./img/main/mainVideo03.mp4" type="video/mp4" >
							</video>
						</div>
						<div class=" mView600">
							<video  id="video3" class="video-container mView" autoplay loop playsinline muted >
								<source src="./img/main/mainVideo03m.mp4" type="video/mp4" >
							</video>
						</div>
					</div>
				</div>

				<!-- slide4 -->
				<div class="swiper-slide">
					<div class="fnc-slide__inner">
						<div class="fnc-slide__content">
							<h2 class="fnc-slide__heading">
								<div class="fnc-slide__heading-line">
									<span class="fw600">지속 가능한 <br>맞춤 원료 솔루션</span>
								</div>
								<div class="fnc-slide__heading-line mt20">
									<a href="/trade"><span class="f32 fw400 white">Ingredient Trade <br class="mView600"><b class="btn07 hvr-sweep-to-right3 ">바로가기</b></span></a>
								</div>
							</h2>
						</div>
						<div class=" wView600">
							<video id="video4" class="video " autoplay loop playsinline muted >
								<source src="./img/main/mainVideo04.mp4" type="video/mp4" >
							</video>
						</div>
						<div class=" mView600">
							<video  id="video4" class="video-container " autoplay loop playsinline muted >
								<source src="./img/main/mainVideo04m.mp4" type="video/mp4" >
							</video>
						</div>
					</div>
				</div>
				<!-- slide5 -->
				<div class="swiper-slide">
					<div class="fnc-slide__inner">
						<div class="fnc-slide__content">
							<h2 class="fnc-slide__heading">
								<div class="fnc-slide__heading-line">
									<span class="fw600">새로운 경험과 <br>즐거움 제공하는</span>
								</div>
								<div class="fnc-slide__heading-line mt20">
									<a href="/game"><span class="f32 fw400 white">Game <br class="mView600"><b class="btn07 hvr-sweep-to-right3 ">바로가기</b></span></a>
								</div>
							</h2>
						</div>
						<div class=" wView600">
							<video id="video5" class="video " autoplay loop playsinline muted >
								<source src="./img/main/mainVideo05.mp4" type="video/mp4" >
							</video>
						</div>
						<div class=" mView600">
							<video  id="video5" class="video-container " autoplay loop playsinline muted >
								<source src="./img/main/mainVideo05m.mp4" type="video/mp4" >
							</video>
						</div>
					</div>
				</div>
				<!-- //slide5 -->

			</div>
			<ul class="swi-sc-box">
				<li class="swiper-scrollbar"></li>
				<li class="swi-nvi">
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</li>
			</ul>
		</div>

		<!-- Swiper JS -->
		<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

		<!-- Initialize Swiper -->
		<script>
    var swiper = new Swiper(".mainVS", {
      scrollbar: {
        el: ".swiper-scrollbar",

      },
	   loop: true,
	   navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
	  },
	   autoplay: {
            delay: 7100,
        },
		parallax: true,
        speed: 1000,
	   slidesPerView: 1,
    });
  </script>
		<!-- //main Visual Slide 20250408-- -->
	</section>

	<div class="w1200">
		<div class="row mt200 pb200 weWrap" >
			<div class="col-lg-6 pt50 wow fadeInLeft">
				<video  class=" round40" autoplay loop playsinline muted >
					<source src="./img/main/conceptmotion_600.mp4" type="video/mp4" >
				</video>
			</div>
			<div class="col-lg-6 pt50 weBox">
				<div class=" wow fadeInRight pl50" data-wow-duration="1s" data-wow-delay="0.2s">
					<p class="f50 fw800">Who We Are</p>
					<p class="f22 fw400 gray01 mt30">
						Total Service Group for Customers
					</p>
					<p class="f18 lh180 fw400 gray02 mt70  " >
						30년 넘게 다양한 B2C 제품의<br class="wView">
						유통판매업 네트워크를 쌓아온 오쎄는 <br class="wView">
						이커머스 플랫폼 운영과<br class="wView">
						오쎄만의 차별화된 브랜드, 콘텐츠 개발을 통해<br class="wView">
						새로운 고객가치를 창출해가는 토탈서비스그룹입니다.
					</p>
					<a href="/whoweare"><p class="btn01 mt50 hvr-sweep-to-right">More</p></a>
					<a href="./img/common/OsseCompanyIntroduction_web.pdf" target="_blank">&nbsp;<p class="btn01 mt50 hvr-sweep-to-right">Introduction.PDF</p></a>
				</div>
			</div>
		</div>
		<!-- //row -->
	</div>
	<!-- //w1400 -->
	<div class="w100 bgBlack mt130">
		<div class="center pt150 pb80 wow fadeInDown" >
			<p class="f50 fw900 white">What We Do</p>
			<p class="f18 fw400 white mt20">우리는 고객과의 진정성 있는 소통을 바탕으로,<br>우리만의 독창적인 서비스를 지속적으로 발전시켜 나갑니다.</p>
		</div>
		<div class="content-card pb200 row " >
			<div class="col-md-2 col-6 wow fadeInDown" data-wow-delay="1.0s">
				<a class="card" href="/ossebrand">
					<div class="front" style="background-image: url(./img/main/main01_optimized.png)"></div>
					<div class="back">
						<div class="f16">
							<p>보다 나은 라이프스타일을 위한 오쎄 자체 브랜드</p>
							<button class="btn01 hvr-sweep-to-right mt20">Click Here</button>
						</div>
					</div>
				</a>
				<a href=""><p class="card-title white f27 fw400 center mt20">OSSE Brands</p></a>
			</div>
			<div class="col-md-2 col-6 wow fadeInDown"  data-wow-delay="1.2s">
				<a class="card" href="/sales">
					<div class="front" style="background-image: url(./img/main/main02_optimized.png)">
						<!-- <p>Lorem ipsum dolor sit amet consectetur adipisi.</p> -->
					</div>
					<div class="back">
						<div class="f17">
							<p>신뢰로 이어지는 관계를 구축하는 유통 &middot; 판매 시스템</p>
							<button class="btn01 hvr-sweep-to-right mt20">Click Here</button>
						</div>
					</div>
				</a>
				<a href=""><p class="card-title white f27 fw400 center mt20">Distribution & Sales</p></a>
			</div>

			<!-- 2026-03-19 -->
			<div class="col-md-2 col-6 wow fadeInDown"  data-wow-delay="1.4s"><!-- 시간수정 -->
				<a class="card" href="/globalfood">
					<div class="front" style="background-image: url(/img/main/main_06.png)">
					</div>
					<div class="back">
						<div class="f17">
							<p>OSSE Globalfood가 엄선한 세계의 맛을 전합니다.</p>
							<button class="btn01 hvr-sweep-to-right mt20">Click Here</button>
						</div>
					</div>
				</a>
				<a href=""><p class="card-title white f27 fw400 center mt20">OSSE Globalfood</p></a>
			</div>
			<!-- //2026-03-19 -->
			<div class="col-md-2 col-6 wow fadeInDown"  data-wow-delay="1.6s">
				<a class="card" href="/ecommerce">
					<div class="front" style="background-image: url(./img/main/main03_optimized.png)">
						<!-- <p>Lorem ipsum dolor sit amet consectetur adipisi.</p> -->
					</div>
					<div class="back">
						<div class="f17">
							<p>소통으로 만들어지는 고객 만족, EDAYMALL 운영</p>
							<button class="btn01 hvr-sweep-to-right mt20">Click Here</button>
						</div>
					</div>
				</a>
				<a href=""><p class="card-title white f27 fw400 center mt20">E-Commerce</p></a></a>
			</div>
			<div class="col-md-2 col-6 wow fadeInDown" data-wow-delay="1.8s">
				<a class="card" href="/trade">
					<div class="front" style="background-image: url(./img/main/main04_optimized.png)">
						<!-- <p>Lorem ipsum dolor sit amet consectetur adipisi.</p> -->
					</div>
					<div class="back">
						<div class="f17">
							<p>지속 가능한 맞춤 솔루션을 제공하는 식품 원자재 공급</p>
							<button class="btn01 hvr-sweep-to-right mt20">Click Here</button>
						</div>
					</div>
				</a>
				<a href=""><p class="card-title white f27 fw400 center mt20">Ingredient Trade</p></a>
			</div>
			<div class="col-md-2 col-6 wow fadeInDown" data-wow-delay="2s">
				<a class="card" href="/Game">
					<div class="front" style="background-image: url(./img/main/main05_optimized.png)">
						<!-- <p>Lorem ipsum dolor sit amet consectetur adipisi.</p> -->
					</div>
					<div class="back">
						<div class="f17">
							<p>새로운 경험과 즐거움을 선사하는 글로벌 서비스 게임</p>
							<button class="btn01 hvr-sweep-to-right mt20">Click Here</button>
						</div>
					</div>
				</a>
				<a href=""><p class="card-title white f27 fw400 center mt20">Game</p></a>
			</div>
		</div>
	</div>

	<div class="w1400">
		<div class="center pt150 pb80 wow fadeInDown">
			<p class="f50 fw900 ">What We've Done</p>
			<p class="f18 fw400  mt20"></p>
		</div>

		<div class="content-card pb80 row wow fadeInDown" >
			<!-- 2026-03-20 매출 -->
			<div class="col-md-3  col-6">
				<div class="center " >
					<p class="f80 fw900" ><span class="counter" data-start="0" data-end="32">32</span><span class="f30 fw600">years</span></p>
					<p class="f20 fw400 gray03">고객님과<br>함께한 시간<br>&nbsp;</p>
				</div>
			</div>
			<div class="col-md-3  col-6">
				<div class="center" >
					<p class="f80 fw900" ><span class="counter" data-start="0" data-end="55">55</span><span class="f30 fw600">채널</span></p>
					<p class="f20 fw400 gray03">온라인 판매<br>유통망<br>&nbsp;</p>
				</div>
			</div>
			<div class="col-md-3  col-6"  >
				<div class="center" >
					<p class="f80 fw900" ><span class="counter" data-start="0" data-end="769">769</span><span class="f30 fw600">억원</span></p>
					<p class="f20 fw400 gray03">연 매출액<br>*(2025년 기준)<br>&nbsp;</p>
				</div>
			</div>
			<div class="col-md-3  col-6" >
				<div class="center">
					<p class="f80 fw900" ><span class="counter" data-start="0" data-end="115">115</span><span class="f30 fw600">%</span></p>
					<p class="f20 fw400 gray03">당기순이익 성장률<br> *(2023년 기준)<br>&nbsp;</p>
				</div>
			</div>
			<!-- //2026-03-20 -->
		</div>
	</div>
	<script>
	// 오늘 하루 보지 않기 쿠키 설정 함수
function setPopupCookie(name, value, expiredays) {
    var todayDate = new Date();
    todayDate.setDate(todayDate.getDate() + expiredays);
    document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toUTCString() + ";";
}
$(document).ready(function() {
    // 클래스가 "counter"인 모든 요소를 선택합니다.
    const $counters = $(".counter");

    // 노출 비율(%)과 애니메이션 속도(ms)을 설정합니다.
    const exposurePercentage = 100; // ex) 스크롤 했을 때 $counters 컨텐츠가 화면에 100% 노출되면 숫자가 올라갑니다.
    const duration = 1000; //ex) 1000 = 1초

    // 숫자에 쉼표를 추가할지 여부를 설정합니다.
    const addCommas = true; //ex) true = 1,000 / false = 1000

    // 숫자를 업데이트하고 애니메이션하는 함수 정의
    function updateCounter($el, start, end) {
        let startTime;
        function animateCounter(timestamp) {
            if (!startTime) startTime = timestamp;
            const progress = (timestamp - startTime) / duration;
            const current = Math.round(start + progress * (end - start));
            const formattedNumber = addCommas ? current.toLocaleString() : current;
            $el.text(formattedNumber);
            if (progress < 1) {
                requestAnimationFrame(animateCounter);
            } else {
                $el.text(addCommas ? end.toLocaleString() : end);
            }
        }
        requestAnimationFrame(animateCounter);
    }


    // 윈도우의 스크롤 이벤트를 모니터링합니다.
    $(window).on('scroll', function() {
        // 각 "counter" 요소에 대해 반복합니다.
        $counters.each(function() {
            const $el = $(this);
            // 요소가 아직 스크롤되지 않았다면 처리합니다.
            if (!$el.data('scrolled')) {
                // 요소의 위치 정보를 가져옵니다.
                const rect = $el[0].getBoundingClientRect();
                const winHeight = window.innerHeight;
                const contentHeight = rect.bottom - rect.top;

                // 요소가 화면에 특정 비율만큼 노출될 때 처리합니다.
                if (rect.top <= winHeight - (contentHeight * exposurePercentage / 100) && rect.bottom >= (contentHeight * exposurePercentage / 100)) {
                    const start = parseInt($el.data("start"));
                    const end = parseInt($el.data("end"));
                    // 숫자를 업데이트하고 애니메이션을 시작합니다.
                    updateCounter($el, start, end);
                    $el.data('scrolled', true);
                }
            }
        });
    }).scroll();

    // 팝업 노출 종료일 설정 (2026년 3월 27일 23시 59분 59초까지 노출)
    var endDate = new Date("2026-03-27T23:59:59");
    var currentDate = new Date();
    var cookiedata = document.cookie;

    // 현재 시간이 종료일 이전이고, 쿠키가 없을 때만 팝업 표시
    if (currentDate <= endDate && cookiedata.indexOf("hideRecruitPopup=Y") < 0) {
        $("#recruitModalOverlay, #recruitPopup").show();

        // 팝업이 노출된 직후에 Swiper 슬라이드를 실행합니다.
        var popupSwiper = new Swiper(".recruitSwiper", {
            loop: true,                 // 무한 반복
            autoplay: {
                delay: 3000,            // 3초마다 자동 슬라이드
                disableOnInteraction: false,
            },
            pagination: {
                el: ".recruitSwiper .swiper-pagination",
                clickable: true,
            },
            navigation: {
                nextEl: ".recruitSwiper .swiper-button-next",
                prevEl: ".recruitSwiper .swiper-button-prev",
            },
        });
    } else {
        $("#recruitModalOverlay, #recruitPopup").hide();
    }

    // 닫기 버튼 클릭 이벤트
    $("#btnClosePopup").click(function() {
        if ($("#chkHideToday").is(":checked")) {
            setPopupCookie("hideRecruitPopup", "Y", 1);
        }
        $("#recruitModalOverlay, #recruitPopup").hide();
    });

    // 배경 클릭 시 닫기
    $("#recruitModalOverlay").click(function() {
        $("#recruitModalOverlay, #recruitPopup").hide();
    });
});



</script>
	<!-- //w1400 -->


	<div class="w100 bgBlack mt130">
		<div class="w1200">
			<div class="center pt150 pb80 wow fadeInDown">
				<p class="f50 fw900 white">How Can We Help?</p>
				<p class="f18 fw400 white mt20">고객의 필요와 목표를 깊이 이해하고 함께 <br>성장할 수 있는 가치를 창출하는 데 초점을 둡니다.</p>
			</div>

			<div class="pb200 row " >
				<div class="col-md-6 mb20m wow fadeInDown" data-wow-delay="0.5s">
					<a  href="https://www.edaymall.com/" target="_blank">
						<div class="grayBox round30 hvr-sweep-to-right2">
							<p class="black f50 fw700 lh100">Shop</p>
							<p class="arrow_right"><img src="./img/arrow_right.png" alt="arrow"/></p>
							<p class="gray03 f23 fw400 mt50  text-right">for Customer</p>
						</div>
					</a>
				</div>
				<div class="col-md-6 mb20m wow fadeInDown" data-wow-delay="1s">
					<a  href="/contactus">
						<div class="grayBox round30 hvr-sweep-to-right2">
							<p class="black f50 fw700 lh100">Contact</p>
							<p class="arrow_right"><img src="./img/arrow_right.png" alt="arrow"/></p>
							<p class="gray03 f23 fw400 mt50  text-right">for Business</p>
						</div>
					</a>
				</div>

			</div>
		</div>
	</div>
	<!-- //w1400 -->
	<!-- ================================
            // Content
    ================================ -->

	<!-- ================================
            Footer
    ================================ -->
	<!DOCTYPE html>
<html>
<footer class="w100 bgBlack">
    <div class="w1400">
        <div class="row flex">
            <div class="col-md-8 gray02 pb20 f14">
                <p>서울 성동구 아차산로 121 | <br class="mView"> 소비자상담 : 080-999-0909 | <br class="mView"> TEL 02-318-3217~9 | <br class="mView"> FAX 02-318-3216 |<br class="mView"> <b class="person"><a href="/personal" >개인정보처리방침</a></b> | <br class="mView"> <b class="gray04"><a href="/terms">이용약관</a></b></p>
                <p class="mt5">ⓒ2025 OSSE. All rights reserved.</p>
            </div>
            <div class="col-md-4  flex02 pb50 f14">
                <select class="family" onchange="if(this.value) window.open(this.value);">
                    <option value="https://www.osse.co.kr/">Family Site</option>
                    <option value="https://www.vegemil.co.kr/">정식품</option>
                    <option value="https://www.innp.co.kr/kr/">자연과사람들</option>
                    <option value="https://www.edaymall.com/">이데이몰</option>
                </select>
            </div>
        </div>
    </div>

</footer>
</html>
	<!-- ================================
            // Footer
    ================================ -->
</main>
<script src="./common/js/bootstrap.bundle.js"></script>
<!-- main Video Slide 
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="./common/js/video.js"></script>
 // main Video Slide -->
<script src="./common/js/common.js"></script>
<!-- mobilemenu -->
<script src="./common/js/script_mobilemenu.js"></script>
<!-- wow -->
<script src="./common/js/wow.min.js"></script>
<script>
	new WOW().init();
</script>
</body>
</html>