CINXE.COM
RFBIO
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/xml; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=2, minimum-scale=1, width=device-width"> <meta name="format-detection" content="telephone=no" /> <!-- SEO meta data --> <meta property="og:type" content="website"> <meta property="og:site_name" content="RFBIO - 한국어"> <meta property="og:title" content="RFBIO"> <meta property="og:url" content="http://www.rfbio.co.kr/"> <meta property="og:description" content=""> <meta property="og:image" content="http://www.rfbio.co.kr"> <meta name="twitter:card" content="RFBIO" /> <meta property="twitter:url" content="http://www.rfbio.co.kr/" /> <meta name="twitter:title" content="RFBIO" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="http://www.rfbio.co.kr" /> <meta name="title" content="RFBIO"> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="canonical" href="http://www.rfbio.co.kr/"> <!-- favicon --> <link rel="icon" href="/app/public/images/favicon/favicon.ico" sizes="16x16"> <link rel="icon" href="/app/public/images/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/app/public/images/favicon/favicon.ico" sizes="64x64"> <link rel="icon" href="/app/public/images/favicon/favicon.ico" sizes="128x128"> <title>RFBIO</title> <!--jquery--> <script src="/app/lib/jquery/jquery-2.1.4.min.js"></script> <!-- jquery cookie --> <script src="/app/lib/jquery/jquery.cookie.js"></script> <!-- template7 --> <script src="/app/lib/template7/template7.min.js"></script> <!-- XEIcon --> <link rel="stylesheet" href="/app/lib/xeicon/xeicon.min.css"> <!--news ticker--> <script src="/app/lib/newsTicker/newsTicker.js"></script> <!--swiper--> <link rel="stylesheet" href="/app/lib/swiper/css/swiper.css"> <script src="/app/lib/swiper/js/swiper.js"></script> <!-- sortable js --> <script src="/app/lib/sortableJs/Sortable.min.js"></script> <script src="/app/lib/sortableJs/jquery-sortable.js"></script> <!-- jBox popup message library --> <script src="/app/lib/jBox/Source/jBox.min.js"></script> <link rel="stylesheet" type="text/css" href="/app/lib/jBox/Source/jBox.css"> <!-- iziToast --> <link rel="stylesheet" href="/app/lib/iziToast/css/iziToast.min.css"> <script src="/app/lib/iziToast/js/iziToast.min.js" type="text/javascript"></script> <!-- jquery timepicker --> <link rel="stylesheet" href="/app/lib/timepicker/jquery.timepicker.min.css"> <script src="/app/lib/timepicker/jquery.timepicker.min.js"></script> <!-- dropzone --> <script src="/app/lib/dropzone/dropzone.js?v=1732701403"></script> <link type="text/css" href="/app/lib/dropzone/dropzone.css?v=1732701403" rel="stylesheet" /> <!-- froala Editor --> <link rel="stylesheet" href="/app/lib/froala/css/froala_editor.pkgd.min.css" type="text/css" /> <script type="text/javascript" src="/app/lib/froala/js/froala_editor.pkgd.min.js"></script> <script type="text/javascript" src="/app/lib/froala/js/languages/ko.js"></script> <!-- global js functions --> <script src="/app/public/js/util.js?v=1732701403"></script> <script src="/app/public/js/ajaxRequest.js?v=1732701403"></script> <script src="/app/public/js/dropzoneWrapper.js?v=1732701403"></script> <script src="/app/public/js/common.js?v=1732701403"></script> <!-- global css --> <link rel="stylesheet" type="text/css" href="/app/public/css/style.css?v=1732701403"> <!-- js --> <script src="/app/layout/web/js/commonStyle.js?v=1732701403"></script> <!-- 앱 전체 공통 js --> <script src="/app/layout/web/js/common.js?v=1732701403"></script> <!--multiPopup--> <script src="/app/lib/multiPopup/js/multiPopup.js?v=1732701403"></script> <link type="text/css" href="/app/lib/multiPopup/css/multiPopup.css?v=1732701403" rel="stylesheet" /> <!--페이지 css--> <link rel="stylesheet" href="/app/layout/web/css/base.css"> <link rel="stylesheet" href="/app/layout/web/css/font.css"> <link rel="stylesheet" href="/app/layout/web/css/commonLayout.css?v=1732701403"> <link rel="stylesheet" href="/app/layout/web/css/layout.css?v=1732701403"> <!-- kakao map --> <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=0161d7e3c5b364fb9f9528a2cef1f08a&libraries=services"></script> <!-- aos--> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <script src="https://unpkg.com/aos@next/dist/aos.js"></script> <!-- 분석스크립트 영역 --> </head> <body> <!-- 본문영역 --> <div class="header"> <div class="headerWrap"> <div class="logo"> <a href="/" class="logoWrap"><img src="/app/layout/web/images/logo.png?v=1" alt=""></a> </div> <div class="gnbWrap"> <div class="mainMenu"> <a href="/web/sub/aboutUs1">회사소개</a> <div class="subWrap"> <a href="/web/sub/aboutUs1">CEO 인사말</a> <a href="/web/sub/aboutUs2">경영 철학</a> <a href="/web/sub/aboutUs3">기업 연혁</a> <a href="/web/sub/aboutUs4">네트워크</a> <a href="/web/sub/aboutUs5">찾아오시는 길</a> </div> </div> <div class="mainMenu"> <a href="/web/sub/RnD2">연구개발</a> <div class="subWrap"> <a href="/web/sub/RnD2">톡신연구</a> <a href="/web/sub/RnD1">신사업연구</a> </div> </div> <div class="mainMenu"> <a href="/web/product">제품소개</a> <div class="subWrap"> <a href="/web/product">제품 소개</a> <a href="/web/marketing?id=18">마케팅 자료</a> </div> </div> <div class="mainMenu"> <a href="/web/community">커뮤니티</a> <div class="subWrap"> <a href="/web/community">공지사항</a> <a href="/web/community/board?category=PR">PR / IR</a> <a href="/web/contact">CONTACT</a> </div> </div> <div class="mainMenu"> <a href="/web/sub/recruitment1">인재채용</a> <div class="subWrap"> <a href="/web/sub/recruitment1">인재상</a> <a href="/web/sub/recruitment2">복리후생</a> <a href="/web/sub/recruitment3">채용절차</a> </div> </div> <div class="mainMenu"> <a class="blue" target="_blank" href="https://mall.rfbio.co.kr/">알에프바이오몰</a> <div class="subWrap"> <a target="_blank" href="https://mall.rfbio.co.kr/">알에프바이오몰</a> </div> </div> </div> <div class="dropArea"> <div class="dropdown"> <div class="selectedText product">Brand page <i class="xi-angle-down-min"></i></div> <div class="dropdownBox"> <div data-value="1"><a href="https://www.youthfill.co.kr/" target="_blank">YOUTHFILL</a></div> <div data-value="2"><a href="http://www.youthheal.com/" target="_blank">YOUTHHEAL</a></div> </div> </div> <div class="dropdown lang"> <div class="selectedText">Language <i class="xi-angle-down-min"></i></div> <div class="dropdownBox"> <div data-value="1" class="on"><a href="//www.rfbio.co.kr">KOR <div class="langImg"><img src="/app/layout/web/images/lang1.png" alt=""></div></a></div> <div data-value="2"><a href="//english.rfbio.co.kr">ENG <div class="langImg"><img src="/app/layout/web/images/lang2.png" alt=""></div></a></div> <!-- <div data-value="3"><a href="">CHN <div class="langImg"><img src="/app/layout/web/images/lang3.png" alt=""></div></a></div> <div data-value="4"><a href="">THAI <div class="langImg"><img src="/app/layout/web/images/lang4.png" alt=""></div></a></div> --> </div> </div> </div> </div> </div> <!--모바일 헤더--> <div class="header_m"> <div class="logo_m"> <a href="/" class="logoWrap"><img src="/app/layout/web/images/logo_m.png" alt=""></a> </div> <div class="mobMenuBtn"> <span class="line line1"></span> <span class="line line2"></span> <span class="line line3"></span> </div> <!--햄버거버튼 메뉴--> <div class="menuDimmer"></div> <div class="mobMenuWrap"> <div class="language"> <div class="langDimmer"></div> <div class="selectedText">Language <i class="xi-angle-down-min"></i></div> <div class="dropdownBox"> <div data-value="1"><a href="//www.rfbio.co.kr">KOR <div class="langImg"><img src="/app/layout/web/images/lang1.png" alt=""></div></a></div> <div data-value="2"><a href="//english.rfbio.co.kr">ENG <div class="langImg"><img src="/app/layout/web/images/lang2.png" alt=""></div></a></div> <!-- <div data-value="3"><a href="">CHN <div class="langImg"><img src="/app/layout/web/images/lang3.png" alt=""></div></a></div> <div data-value="4"><a href="">THAI <div class="langImg"><img src="/app/layout/web/images/lang4.png" alt=""></div></a></div> --> </div> </div> <div class="gnbWrap"> <div class="menuWrap"> <div class="mainMenu"> <div class="mobMenuTit">회사소개</div> <div class="subWrap"> <a href="/web/sub/aboutUs1">CEO 인사말</a> <a href="/web/sub/aboutUs2">경영 철학</a> <a href="/web/sub/aboutUs3">기업 연혁</a> <a href="/web/sub/aboutUs4">네트워크</a> <a href="/web/sub/aboutUs5">찾아오시는 길</a> </div> </div> <div class="mainMenu"> <div class="mobMenuTit">연구개발</div> <div class="subWrap"> <a href="/web/sub/RnD2">톡신연구</a> <a href="/web/sub/RnD1">신사업연구</a> </div> </div> <div class="mainMenu"> <div class="mobMenuTit">제품소개</div> <div class="subWrap"> <a href="/web/product">제품 소개</a> <a href="/web/marketing?id=18">마케팅 자료</a> </div> </div> <div class="mainMenu"> <div class="mobMenuTit">커뮤니티</div> <div class="subWrap"> <a href="/web/community">공지사항</a> <a href="/web/community/board?category=PR">PR / IR</a> <a href="/web/contact">CONTACT</a> </div> </div> <div class="mainMenu"> <div class="mobMenuTit">인재채용</div> <div class="subWrap"> <a href="/web/sub/recruitment1">인재상</a> <a href="/web/sub/recruitment2">복리후생</a> <a href="/web/sub/recruitment3">채용절차</a> </div> </div> <div class="mainMenu"> <div class="mobMenuTit"><a class="blue" target="_blank" href="https://mall.rfbio.co.kr/">알에프바이오몰</a></div> </div> </div> </div> <div class="product_m showBlockM"> <div class="selectedText">Brand page <i class="xi-angle-up-min"></i></div> <div class="dropdownBox"> <div data-value="1"><a href="https://www.youthfill.co.kr/" target="_blank">YOUTHFILL</a></div> <div data-value="2"><a href="http://www.youthheal.com/" target="_blank">YOUTHHEAL</a></div> </div> </div> </div> </div> <script> $(function(){ // 햄버거 버튼 $(".mobMenuBtn").on("click", function(){ if($(this).hasClass("on") == true){ $(this).removeClass("on"); $(".mobMenuWrap").removeClass("on"); $('body').css("overflow", 'auto'); $(".menuDimmer").hide(); }else{ $(this).addClass("on"); $('body').css("overflow", 'hidden'); $(".mobMenuWrap").addClass("on"); $(".menuDimmer").show(); } }); //메뉴 슬라이드 다운 $(".header .gnbWrap .mainMenu > a").on("mouseover", function(){ $(".header").addClass('on'); $(".header .subWrap").stop().slideDown(300); }); $(".header").on("mouseleave", function(){ $(".header").removeClass('on'); $(".header .subWrap").stop().slideUp(300); }); //셀렉트 드롭다운 $(".dropdown .selectedText").on("click", function(){ $(this).toggleClass("on"); $(this).siblings(".dropdown .dropdownBox").toggleClass("on"); if( $(this).hasClass("on") == false) { $(this).children("i").attr("class", "xi-angle-down-min").css("color", "#606060"); } else { $(this).children("i").attr("class", "xi-angle-up-min").css("color", "#1565c0"); } }); //모바일 스크롤 할때 $(window).scroll(function(){ var h = $(document).scrollTop(); if(h > 90) { $(".header_m").addClass("on"); } else { $(".header_m").removeClass("on"); } }); //모바일 메뉴 언어 $(".mobMenuWrap .language .selectedText").on("click", function (){ $(".mobMenuWrap .language .dropdownBox").slideToggle(); if ($(this).hasClass("on")) { $(this).removeClass("on"); $(this).find("i").attr("class", "xi-angle-down-min"); $(".mobMenuWrap .langDimmer").hide(); } else { $(this).addClass("on"); $(this).find("i").attr("class", "xi-angle-up-min"); $(".mobMenuWrap .langDimmer").show(); } }); //모바일 메뉴 스크롤 다운 $(".mobMenuWrap .gnbWrap .mainMenu .mobMenuTit").on("click", function (){ $(this).toggleClass("on"); $(this).siblings(".subWrap").slideToggle(); }); //모바일 브랜드페이지 $(".mobMenuWrap .product_m .selectedText").on("click", function (){ $(this).toggleClass("on"); $(this).siblings(".dropdownBox").slideToggle(); if ($(this).hasClass("on")) { $(this).find("i").attr("class", "xi-angle-down-min"); } else { $(this).find("i").attr("class", "xi-angle-up-min"); } }); }); </script> <div class="pageOutWrap main"> <div class="mainVisual"> <div class="mainVisualSwiperArea"> <div class="swiper-container mainVisualSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="mainVisualTextWrap"> <div class="mainVisualTop">바이오 기술에 의한 미래 혁신</div> <div class="mainVisualText">Renovation of Future</div> <div class="mainVisualSub">by BIO-Technology</div> <div class="subText">알에프바이오</div> </div> <video src="/app/layout/web/images/main/mainVideo1.mp4" autoplay playsinline muted loop></video> </div> <div class="swiper-slide"> <div class="mainVisualTextWrap"> <div class="mainVisualTop">세계시장을 개척해 나가는 글로벌 리더</div> <div class="mainVisualText">Global Leader</div> <div class="mainVisualSub">In Bio-Innovations</div> <div class="subText">알에프바이오</div> </div> <video src="/app/layout/web/images/main/mainVideo2.mp4" autoplay playsinline muted loop></video> </div> </div> </div> </div> </div> <div class="mainContents whoWeAre"> <div class="whoWeAreContents left"> <div class="cl_mainTitle"> <div class="subText"><span class="bold blue">RF</span>BIO</div> </div> <div class="textArea"> <div class="textTitle">Who<br> <span class="bold">We</span> Are.</div> <div class="textDesc"> K-BIO 산업의 선두주자가 되어 미래를 개척하고<br> 최고의 기술력과 최적의 품질관리 시스템을 기반으로<br> 모든 구성원들이 최선을 다하는 기업입니다.<br> <br class="showBlockPc"> <div class="linePadding">창조적 소통으로 조직의 시너지를 확대하고<br> 고객의 가치를 극대화하고 있습니다.<br> 적극적인 해외진출로 성장기반을 확충하면서<br> 열린 변화로 핵심 기술 경쟁력을 확보하고<br> 나아가 혁신을 통해 제조, 품질 경쟁력을 극대화하고자 합니다.</div> </div> <!-- <div class="cl_moreButton"><a href="">VIEW MORE <i class="xi-angle-right-min"></i></a></div>--> </div> <div class="section2-bg"> <p class="ani-border"><span class="ani-circle"></span></p> </div> </div> <div class="whoWeAreContents right"> <img src="/app/layout/web/images/main/mainImg1.png?v=2" alt="메인이미지1"> </div> </div> <!--<div class="mainContents history showBlockPc"> <div class="historyContents"> <div class="title count1">0</div> <div class="desc">Corporate History</div> </div> <div class="historyContents"> <div class="title count2">0</div> <div class="desc">Product competitiveness</div> </div> <div class="historyContents"> <div class="title count3">0</div> <div class="desc">Global Networks</div> </div> </div> <div class="mainContents history showBlockM"> <div class="historyContents"> <div class="title count1M">0</div> <div class="desc">Corporate History</div> </div> <div class="historyContents"> <div class="title count3M">0</div> <div class="desc">Global Networks</div> </div> <div class="historyContents"> <div class="title count2M">0</div> <div class="desc">Product competitiveness</div> </div> </div>--> <div class="mainContents rNd"> <div class="cl_mainTitle"> <div class="subText white"><span class="bold">RF</span>BIO</div> </div> <div class="contentWrap"> <div class="cl_mainTitle"><div class="mainText white">Research & Development</div></div> <div class="rNdContents"> <div class="rNdContentsText left"> <a href="/web/sub/RnD2"> <div class="subTitle">TOXIN</div> <div class="title"><span>톡신</span> 부문</div> <div class="desc"> 야생 벌꿀 유래의 클로스트리디움<br class="showInlineM"> 보툴리눔균 확보<br class="showInlinePc"> 벌꿀로부터 분리(Isolation)<br class="showInlineM"> 동정(Identification)에 성공한<br class="showInlinePc"> 보툴리눔<br class="showInlineM"> ‘독자 균주’를 확보 </div> <div class="viewBtn"><div class="cl_moreButton">VIEW MORE <i class="xi-angle-right-min"></i></div></div> </a> </div> <div class="rNdContentsText right"> <a href="/web/sub/RnD1"> <div class="subTitle">NEW BUSINESS RESEARCH</div> <div class="title"><span>신사업연구</span> 부문</div> <div class="desc"> 신원천 기술 개발을 통한 기술 혁신<br> 선도적인 신기술 개발을 통하여 의료미용과<br class="showInlineM"> 관절 분야의<br class="showInlinePc"> 다양한 신제품 연구 진행 </div> <div class="viewBtn"><div class="cl_moreButton">VIEW MORE <i class="xi-angle-right-min"></i></div></div> </a> </div> </div> </div> </div> <div class="mainContents product"> <div class="cl_mainTitle"> <div class="subText"><span class="bold blue">RF</span>BIO</div> </div> <div class="contentWrap"> <div class="titleArea"> <div class="cl_mainTitle"><div class="mainText">Product</div></div> <div class="cl_moreButton"><a href="/web/product">VIEW MORE <i class="xi-angle-right-min"></i></a></div> </div> <div class="mainProductSwiperArea"> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiperLine"></div> <div class="swiper-container mainProductSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/web/product"> <div class="swiperImg"><img src="/upload/files/files1652161254877/1714024719197.jpg" alt="메인스와이퍼이미지"></div> <div class="engName"></div> <div class="korName">YOUTFILL</div> </a> </div> <div class="swiper-slide"> <a href="/web/product"> <div class="swiperImg"><img src="/upload/files/files1652161254877/1714025609138.jpg" alt="메인스와이퍼이미지"></div> <div class="engName"></div> <div class="korName">YOUTHHEAL</div> </a> </div> <div class="swiper-slide"> <a href="/web/product"> <div class="swiperImg"><img src="/upload/files/files1652161254877/1714026298221.jpg" alt="메인스와이퍼이미지"></div> <div class="engName"></div> <div class="korName">YOUTHFILL PN</div> </a> </div> <!-- <div class="swiper-slide">--> <!-- <div class="swiperImg"><img src="/app/layout/web/images/main/mainSwiperImg.png" alt="메인스와이퍼이미지"></div>--> <!-- <div class="engName">YOUTHFILL</div>--> <!-- <div class="korName">유스필</div>--> <!-- </div>--> <!-- <div class="swiper-slide">--> <!-- <div class="swiperImg"><img src="/app/layout/web/images/main/mainSwiperImg.png" alt="메인스와이퍼이미지"></div>--> <!-- <div class="engName">YOUTHFILL</div>--> <!-- <div class="korName">유스필</div>--> <!-- </div>--> <!-- <div class="swiper-slide">--> <!-- <div class="swiperImg"><img src="/app/layout/web/images/main/mainSwiperImg.png" alt="메인스와이퍼이미지"></div>--> <!-- <div class="engName">YOUTHFILL</div>--> <!-- <div class="korName">유스필</div>--> <!-- </div>--> </div> </div> </div> </div> </div> </div> <div class="footer"> <div class="contentWrap"> <div class="footerPolicy"> <ul> <li class="white popBtn">개인정보 처리방침</li> <li><a href="/web/sub/contactUs" class="white">제품 문의</a></li> </ul> </div> <div class="footerContents"> <div class="logoWrap"><img src="/app/layout/web/images/footerLogo.png" alt=""></div> <div class="footerContentWrap"> <div class="item rfBio white">주식회사 알에프바이오</div> <!-- <div class="item singleLine top white">경기도 군포시 엘에스로 166번길 10-16, 3층. 4층(금정동)<br class="showBlockM"> l 대표자 남 택 종 l 사업자등록번호: 451-86-01856</div>--> <div class="item singleLine top white">강원특별자치도 원주시 지정면 기업도시로 38<br class="showBlockM"> l 대표자 남 택 종 l 사업자등록번호: 451-86-01856</div> <div class="item singleLine bottom white">COPYRIGHT © 2020 RFBio Co.,Ltd. ALL RIGHTS RESERVED</div> </div> </div> </div> </div> <div class="cl_csPopup" data-popup-id="1"> <div class="popupWin"> <i class="xi-close-min btnCloseCsPopup"></i> <!-- <div class="popupTitle">팝업 타이틀</div>--> <div class="popupContent"> 1. 처리하는 개인정보 항목<br> <br> (주)알에프바이오(이하, “회사”라 합니다)은 다음과 같은 개인정보 항목을 처리하고 있습니다.<br> <br> 1) 고객상담 서비스 운영 : 병원명, 성명, 연락처, 이메일주소, 민원 내용<br> 2) 인터넷 서비스 이용과정에서 아래 개인정보 항목이 자동으로 생성되어 수집될 수 있습니다.<br> : IP주소, 쿠키, 접속 로그, MAC주소, 서비스 이용기록, 방문기록, 불량 이용기록 등<br> 2. 개인정보의 처리목적<br> 회사는 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며,<br> 이용 목적이 변경되는 경우에는 개인정보 보호법 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다.<br> <br> 고객상담 서비스 운영을 위해 민원인의 신원 확인, 민원사항 확인, 사실조사를 위한 연락·통지, 처리결과 통보 등의 목적으로 개인정보를 처리합니다.<br> <br> 3. 개인정보의 처리 및 보유기간<br> 회사는 법령에 따른 개인정보 보유·이용기간 또는 정보주체로부터 개인정보를 수집시에 동의받은 개인정보 보유-이용기간 내에서 개인정보를 처리·보유합니다. 고객상담 서비스 운영기간 동안 보유하고 있으며, 이외의 다른 목적으로 사용되지 않습니다.<br> <br> 4. 개인정보 수집 및 이용에 대한 동의를 거부할 권리<br> 이용자는 위의 개인정보 수집 및 이용에 대하여 동의하지 않을 권리를 가지고 있습니다.<br> 단, 개인정보 수집 및 이용은 회사가 사이트를 운영함에 있어 필수적인 정보로써, 개인정보의 수집 및 이용에 대하여 동의하지 않는 이용자는 고객상담 서비스 이용이 제한됩니다. </div> </div> </div> <script> //개인정보 팝업 $(".footer .popBtn").on("click", function (){ $(".cl_csPopup").css("display", "flex"); $("body").css("overflow","hidden"); }); $(".cl_csPopup .btnCloseCsPopup").on("click", function (){ $(".cl_csPopup").css("display", "none"); $("body").css("overflow","auto"); }); </script> <script> //메인 비주얼 스와이퍼 let visualSwiper = new Swiper(".mainVisualSwiper", { loop: true, autoplay: { delay: 9000, disableOnInteraction: false, }, }); //제품 스와이퍼 let productSwiper = new Swiper(".mainProductSwiper", { loop: true, spaceBetween: 40, slidesPerView: 1.3, autoplay: { delay: 3000, disableOnInteraction: false, }, navigation: { nextEl: ".mainProductSwiperArea .swiper-button-next", prevEl: ".mainProductSwiperArea .swiper-button-prev", }, breakpoints: { 768: { slidesPerView: 3, // spaceBetween: 40, }, }, }); //스크롤할때 메뉴 그림자 $(window).scroll(function() { let scrollTop = $(window).scrollTop(); if (scrollTop > 124) { $('.header').addClass('add'); } else { $('.header').removeClass('add'); } }); // 카운트 /* const counter1 = document.querySelector(".count1"); const max1 = 2020; counter1($counter1, max1); function counter1($counter1, max1) { let now1 = max1; const handle1 = setInterval(() => { $counter1.innerHTML = Math.ceil(max1 - now1); if (now1 < 1) { clearInterval(handle1); } const step1 = now1 / 10; now1 -= step1; }, 50); } const $counter2 = document.querySelector(".count2"); var max2 = 569; counter2($counter2, max2); function counter2($counter2, max2) { let now2 = max2; const handle2 = setInterval(() => { $counter2.innerHTML = Math.ceil(max2 - now2) + "만+"; if (now2 < 1) { clearInterval(handle2); } const step2 = now2 / 10; now2 -= step2; }, 50); } const $counter3 = document.querySelector(".count3"); const max3 = 8; counter3($counter3, max3); function counter3($counter3, max3) { let now3 = max3; const handle3 = setInterval(() => { $counter3.innerHTML = Math.ceil(max3 - now3)+"+"; if (now3 < 1) { clearInterval(handle3); } const step3 = now3 / 10; now3 -= step3; }, 50); }*/ // 모바일 카운트 /* const counter1M = document.querySelector(".count1M"); const max1M = 2020; counter1M($counter1M, max1M); function counter1M($counter1M, max1M) { let now1M = max1M; const handle1M = setInterval(() => { $counter1M.innerHTML = Math.ceil(max1M - now1M); if (now1M < 1) { clearInterval(handle1M); } const step1M = now1M / 10; now1M -= step1M; }, 50); } const $counter2M = document.querySelector(".count2M"); var max2M = 5690000; let commasNum = numberWithCommas(max2M) counter2M($counter2M, max2M); function counter2M($counter2M, max2M) { let now2M = max2M; const handle2M = setInterval(() => { $counter2M.innerHTML = Math.ceil(max2M - commasNum) ; if (now2M < 1) { clearInterval(handle2M); } const step2M = now2M / 10; now2M -= step2M; }, 50); } function numberWithCommas(){ value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ","); return value; }*/ </script> </body> </html> <!-- 분석스크립트 영역 -->