CINXE.COM

셀트리온뷰티몰

<!DOCTYPE HTML> <html lang="ko-KR"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <title>셀트리온뷰티몰</title> <meta name="viewport" content="width=1263, initial-scale=1.0, minimum-scale=0.5, maximum-scale=1.0, user-scalable=yes"> <meta name="keywords" content=" 셀트리온,셀트리온뷰티몰,한스킨,셀큐어,이너랩,뷰티.쇼핑몰"> <meta name="description" content=" 셀트리온의 화장품 계열사. 셀큐어, 한스킨, 이너랩의 종합 뷰티 쇼핑몰입니다"> <meta name="author" content="celltrionbeauty.co.kr"> <meta name="format-detection" content="telephone=no"><!-- iOS 전화 자동연결 방지 메타태그 --> <meta name="facebook-domain-verification" content="ewzn3v4uej1eoduf4ndhxkyynxjpdz" /> <meta name="google-site-verification" content="DJeeimxEO-AZ1NpAzGjDfhe62kFp0hzRYCS6NPv5Ip4" /> <meta name="naver-site-verification" content="9af80e01ddbddea324c1b91814e6960a101f02c4" /> <script> console.log("210.105.192.166"); </script> <!-- Kakao Pixel Code --> <script type="text/javascript" charset="UTF-8" src="//t1.daumcdn.net/adfit/static/kp.js"></script> <script type="text/javascript"> kakaoPixel('4723418349035106927').pageView(); </script> <!-- Kakao Pixel Code END --> <!-- Google Tag Manager --> <script> var productInfoArr = []; var orderInfoArr = []; var prdClickArr = []; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MQW2XND'); </script> <!-- End Google Tag Manager --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WWC89B469S"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WWC89B469S'); </script> <!-- Jenniffer Front Monitoring --> <script> (function(j,en,ni,fer) { j['dmndata']=[];j['jenniferFront']=function(args){window.dmndata.push(args)}; j['dmnaid']=fer;j['dmnatime']=new Date();j['dmnanocookie']=false;j['dmnajennifer']='JENNIFER_FRONT@INTG'; var b=Math.floor(new Date().getTime() / 60000) * 60000;var a=en.createElement(ni); a.src='https://d-collect.jennifersoft.com/'+fer+'/demian.js?'+b;a.async=true; en.getElementsByTagName(ni)[0].parentNode.appendChild(a); }(window,document,'script','ec9e5e0e')); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11012459395"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-11012459395'); </script> <!-- ADN3.0 Tracker[공통] start --> <script src="//fin.rainbownine.net/js/across_adn_3.0.1.js" type="text/javascript"></script> <!-- ADN3.0 Tracker[공통] end --> <!-- Favicon --> <link rel="shorcut icon" href="https://www.celltrionbeauty.com:443/resources/images/favicon/favicon.ico?1736830193335"> <link rel="apple-touch-icon" href="https://www.celltrionbeauty.com:443/resources/images/favicon/apple-touch-icon.png?1736830193335"><!-- 애플 아이콘 --> <link rel="apple-touch-icon-precomposed" href="https://www.celltrionbeauty.com:443/resources/images/favicon/android-chrome-512x512.png?1736830193335"><!-- 안드로이드,아이폰 바탕화면 아이콘 --> <!-- CSS Call --> <link rel="stylesheet" type="text/css" href="/resources/css/style.css"> <link rel="stylesheet" type="text/css" href="/resources/css/sub_style.css"> <link rel="stylesheet" type="text/css" href="/resources/plugin/jquery.selectric-1.11.1/selectric.css"> <link rel="stylesheet" type="text/css" href="/resources/plugin/slick-1.8.0/slick.css"/> <link rel="stylesheet" type="text/css" href="/resources/plugin/jquery.rateyo-v.2.3.2/jquery.rateyo.css"/> <link rel="stylesheet" type="text/css" href="/resources/plugin/datepicker-1.0.0/datepicker.css?1736830193335"> <link rel="stylesheet" type="text/css" href="/resources/plugin/aos/aos.css"/> <!-- integrated main css call --> <link rel="stylesheet" type="text/css" href="/resources/plugin/swiper/swiper.css?v1"/> <link rel="stylesheet" type="text/css" href="/resources/plugin/gray/gray.css"/> <link rel="stylesheet" type="text/css" href="/resources/css/additional-style.css?1736830193335"> <link rel="stylesheet" type="text/css" href="/resources/css/commonNew.css?1736830193335"> <link rel="stylesheet" type="text/css" href="/resources/css/celltrionmall.css?1736830193335"> <!-- 리뉴얼 스타일.css 추가 2024/02/06 --> <link rel="stylesheet" type="text/css" href="/resources/css/renew_style.css?1736830193335"> <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+Color+Emoji&display=swap" rel="stylesheet"> <script> // 전역 상수 정의 window.c = { env: 'prd', httpPorts: '', httpsPorts: '', root: '', resVer: '1736830193335', resRoot: '/resources', resRootBase: '', attachBaseUrl: '/attach', attachItemBaseDir: '/item', attachItemBaseUrl: '/attach/item', isLogin: 'false', device: 'NORMAL', sitePreference: 'NORMAL', kakaoLinkApiKey : '0ea85cde725cd70da39c1db6c946a7d0', siteBaseUrl : 'https://www.celltrionbeauty.com:443', siteDomain : 'www.celltrionbeauty.com', b2bId : '', b2bCode : '', experienceDeal : '', experienceDealOmega : 'IT2021110946', inipayId : 'celltrion6', cdnImageUrl : 'https://image.celltrionbeauty.com', memId : '' }; // 전역 상수 정의2(AND 스크립트에서 전역변수 c 를 사용하는것으로 추정. 카카오 공유에서 오류발생 해결하기위해 추가) window.cKakao = { env: 'prd', httpPorts: '', httpsPorts: '', root: '', resVer: '1736830193335', resRoot: '/resources', resRootBase: '', attachBaseUrl: '/attach', attachItemBaseDir: '/item', attachItemBaseUrl: '/attach/item', isLogin: 'false', device: 'NORMAL', sitePreference: 'NORMAL', kakaoLinkApiKey : '0ea85cde725cd70da39c1db6c946a7d0', siteBaseUrl : 'https://www.celltrionbeauty.com:443', siteDomain : 'www.celltrionbeauty.com', b2bId : '', b2bCode : '', experienceDeal : '', experienceDealOmega : 'IT2021110946', quizCorrectAnswer : '알티지', koreaTrackingUrl : 'https://trace.cjlogistics.com/next/tracking.html?wblNo=', postTrackingUrl : 'https://service.epost.go.kr/trace.RetrieveDomRigiTraceList.comm?displayHeader=N&sid1=', hlcTrackingUrl : 'https://www.lotteglogis.com/mobile/reservation/tracking/linkView?InvNo=', hanjinTrackingUrl : 'https://www.hanjin.com/kor/CMS/DeliveryMgr/WaybillResult.do?mCode=MN038&schLang=KR&wblnumText2=', logenTrackingUrl : 'https://www.ilogen.com/m/personal/trace.pop/', hyTrackingUrl : 'https://delivery.fredit.co.kr/delivery/deliveryStatusIqr.do?ORD_ID=', kdTrackingUrl : 'https://kdexp.com/service/delivery/etc/delivery.do?barcode=', cdnImageUrl : 'https://image.celltrionbeauty.com', memId : '' }; </script> <script src="/resources/js/lib/jquery.min.js?1736830193335"></script> <!-- script --> <script type="text/javascript" src="/resources/plugin/jquery-3.2.0/jquery-3.2.0.min.js" ></script> <script type="text/javascript" src="/resources/plugin/jquery.selectric-1.11.1/jquery.selectric.min.js" ></script> <script type="text/javascript" src="/resources/plugin/jquery.uniform-2.2.0/jquery.uniform.min.js" ></script> <script type="text/javascript" src="/resources/js/common-ui.js?1736830193335" ></script> <script type="text/javascript" src="/resources/plugin/slick-1.8.0/slick.js"></script> <script type="text/javascript" src="/resources/plugin/jquery.rateyo-v.2.3.2/jquery.rateyo.min.js"></script> <script type="text/javascript" src="/resources/plugin/datepicker-1.0.0/datepicker.js?1736830193335"></script> <script type="text/javascript" src="/resources/plugin/datepicker-1.0.0/datepicker.ko-KR.js?1736830193335"></script> <script type="text/javascript" src="/resources/plugin/gsap-1.20.3/TweenMax.min.js?1736830193335"></script> <script type="text/javascript" src="/resources/plugin/aos/aos.js"></script> <!-- integrated main css call --> <script type="text/javascript" src="/resources/plugin/swiper/swiper.min.js"></script> <link rel="stylesheet" href="/resources/plugin/swiper/swiper.css?1736830193335"> <script src="/resources/js/commonNew.js?1736830193335"></script> <!-- Dev --> <script src="/resources/js/lib/jquery.form.min.js?1736830193335"></script> <script src="/resources/js/lib/jsrender.min.js?1736830193335"></script> <script src="/resources/js/lib/moment.min.js?1736830193335"></script> <script src="/resources/js/lib/underscore.min.js?1736830193335"></script> <script src="/resources/js/lib/underscore.string.min.js?1736830193335"></script> <script src="/resources/js/lib/jquery.cookie.js?1736830193335"></script> <script src="/resources/js/common/rd.core.js?1736830193335"></script> <script src="/resources/js/common/rd.util.js?1736830193335"></script> <script src="/resources/js/common/rd.base.js?1736830193335"></script> <script src="/resources/js/common/cl.site.common.js?1736830193335"></script> <script src="/resources/js/module/popup/cl.PopupManager.js?1736830193335"></script> <script src="/resources/js/page/member/signup.js?1736830193335"></script> <script src="/resources/js/common/function.js?1736830193335"></script> <script src="/resources/js/page/cellcure/cellcure.js?v=7"></script> <script src="/resources/js/ui/PureSnow.js?1736830193335"></script> <script src="/resources/js/module/cl.Share.js?1736830193335"></script> <script src="/resources/js/page/event/event-detail.js?1736830193335"></script> <script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script> <!-- facebook 공유 --> <meta property="og:title" content="셀트리온 뷰티몰 연말결산 메가세일"/> <meta property="og:type" content="event"/> <meta property="og:url" content="https://www.celltrionbeauty.com/app/app_check?redirect=/event/detail/EVT0001427"/> <meta property="og:description" content="UP TO 65% 2024 셀트리온 연말결산"/> <meta property="og:image" content='https://image.celltrionbeauty.com/attach/event/2024/202412/7880c003-4251-49e4-824e-3bc1d5017d1a/LIST_THUMB_pc.jpg'/> <meta property="og:site_name" content="셀트리온 뷰티몰" /> <script> var isCustomSearchMode = ''; </script> <script src="/resources/js/page/common/cl.Search.js?1736830193335"></script> <style> .searchInput1::-ms-input-placeholder { color: #939393 !important; } .searchInput1::-webkit-input-placeholder { color: #939393 !important; } .searchInput1::-moz-placeholder { color: #939393 !important; } #recent_words_zone { padding: 20px 0px 0px 10px } #recent_words_zone ul li { padding: 3px 10px 5px; } #recent_words_zone ul li a { font-size: 13px; } #recent_words_zone ul li button.clo { width: 9px; height: 9px; } .search_bottom_info { text-align: center; border: solid 0px #878787; border-radius: 0px; background: #edf5ff; margin: 10px 10px 10px 10px; padding: 15px; } .head .head_top .head_top_in .hd_select .recent_list .search_bottom_info p { font-weight: 400; font-size: 13px; color: #878787; } .head .head_top .head_top_in .hd_select .recent_list .search_bottom_info #custom_search { margin-top: 5px; font-weight: 500; font-size: 14px; color: #000; cursor: pointer; text-decoration: underline; } #custom_search_zone { top: 0px; border-radius: 20px; padding: 25px; width: 100%; background: #fff; position: absolute; box-shadow: 0px 8px 12px 0 rgba(0, 0, 0, 0.12); border: solid 1px #eaeaea; background-color: #fff; left: 0px; } #custom_search_zone h3 { font-size: 18px; font-weight: bold; color: #333333; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px #333 solid; text-align: center; } #custom_search_zone h4 { font-size: 16px; font-weight: bold; color: #333333; margin: 15px 0px 10px; } .item_list_top { display: flex; justify-content: space-between; align-items: center; } .item_list_top button { padding: 2px 5px; color: #666; font-size: 13px; border: 1px #ddd solid; background-color: #FFFFFF; } #custom_search_zone input[type="checkbox"].no-uniform + label { margin-left: -19px !important; padding: 0px 0 0px 18px !important; min-height: 21px; height: auto; background: url(/resources/images/ico_check.png) no-repeat left center; overflow: hidden; vertical-align: middle; text-indent: 5px; font-size: 13px; color: #434343; letter-spacing: -1px; } #custom_search_zone .benefit-area input[type="checkbox"].no-uniform + label { letter-spacing: -0.5px; } #custom_search_zone input[type="checkbox"].no-uniform:checked + label { background: url(/resources/images/ico_check_ckd.png) no-repeat left center; } #custom_search_zone ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0px; border-bottom: 1px #ddd solid; padding: 0px 0px 15px 5px; } #custom_search_zone ul.price-area, #custom_search_zone ul.benefit-area { display: flex; flex-wrap: wrap; } #custom_search_zone ul.benefit-area { border-bottom: 0px #ddd solid; } #custom_search_zone ul li { font-size: 13px; margin: 5px 0px; } #custom_search_zone ul.price-area li { margin: 5px 10px 5px 0px; } #custom_search_zone ul.benefit-area li { margin: 5px 15px 5px 0px; } #custom_search_zone ul.price-area li.customInput { line-height: 1.6; } /* 라디오 버튼 기본 스타일 숨기기 */ #custom_search_zone input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; border: 1px solid #999; cursor: pointer; outline: none; position: relative; } /* 선택된 상태일 때 스타일 */ #custom_search_zone input[type="radio"]:checked { background-color: #fff; border-color: #999; } /* 선택된 상태에서 내부 원 스타일 */ #custom_search_zone input[type="radio"]:checked::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #custom_search_zone input[type="radio"] + label { font-size: 13px; color: #434343; letter-spacing: -1px; margin-right: 5px; } #custom_search_zone .searchPrice { font-size: 13px; text-align: right; width: 90px; height: 25px; line-height: 25px; border: 1px #ddd solid; padding: 10px; font-weight: 500; } #custom_search_zone .bottom_btns { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-top: 10px; } #custom_search_zone .bottom_btns #back_recent_list { background-color: #f6f6f6; } </style> <!-- 통합 메 --> <script> $(document).ready(function () { setB2BPaymentMode(); getRealRanking(); typingEffect(); try { if ($('#recent_count').length > 0) { let recentItemsStr = window.localStorage.getItem('recentItems'); let recentCount = 0; if (recentItemsStr != null) { let recentArray = JSON.parse(recentItemsStr); let form = cl.common.createForm("hd_recent_form"); for (let i=0;i<recentArray.length;i++) { form.appendChild(cl.common.createHiddenInput('recent_item', recentArray[i])); } rd.Ajax.post(form, { url: '/item/recent/list' }).done(function(d){ recentCount = d.recentItemList.length; $('#recent_count').text(recentCount); }); } } } catch (e) {} if ($('#login_path').length > 0) { var locSearch = window.location.search; var locSearchParam = new URLSearchParams(locSearch); if (locSearchParam.has('NaPm')) { locSearchParam.delete('NaPm'); } let isEmptyParam = isEmptyObject(getURLParams(locSearch)); var locPathName = window.location.pathname; if (locPathName.indexOf('/order-step1') > -1) { locPathName = '/main'; } $('#login_path').attr('href', '/member/login?returnUrl=' + encodeURIComponent(locPathName + (isEmptyParam ? '' : '?') + locSearchParam.toString())); } $('.ranking_arrow').click(function () { var ranking_div = $('.ranking_detail_div'); if ($(ranking_div).is(':visible')) { $(this).css('background', 'url("/resources/images/main/ico/top_sear_arr_down.png") no-repeat right 5px center'); $(ranking_div).hide(); } else { $(this).css('background', 'url("/resources/images/main/ico/top_sear_arr_up.png") no-repeat right 5px center'); $(ranking_div).show(); } }); $('#ranking_detail_close').click(function () { $('.ranking_arrow').css('background', 'url("/resources/images/main/ico/top_sear_arr_down.png") no-repeat right 5px center'); $('.ranking_detail_div').hide(); }); setMainAdvertisement(); $('input:radio[name="searchPrice"]').change(function(){ if ($(this).val() != 'input') { $('#searchPriceLowInput').val(''); $('#searchPriceHighInput').val(''); $('#searchPriceLow').val(''); $('#searchPriceHigh').val(''); } }); $('input:checkbox[name="searchCategory"]').click(function(){ let checkedCnt = $('input:checkbox[name="searchCategory"]:checked').length; if (checkedCnt > 3) { return false; } }); $('#custom_search').click(function () { isCustomSearchMode = 'Y'; $('#recent_list_zone').hide(); $('#custom_search_zone').show(); }); $('#back_recent_list').click(function () { isCustomSearchMode = 'N'; $('#recent_list_zone').show(); $('#custom_search_zone').hide(); }); $('#search-custom').click(function () { var searchCategorySelect = []; Array.from($('[name=searchCategory]:checked')).forEach(i => { searchCategorySelect.push(i.value) }); if (searchCategorySelect.length > 3) { alert('검색 카테고리는 최대 3개 까지만 선택이 가능합니다.'); return false; } $('[name=searchCategorySelect]').val(searchCategorySelect); let searchConditionSelect = []; let searchCondition = $('[name=searchCondition]:checked').val(); searchConditionSelect.push(searchCondition); $('[name=searchConditionSelect]').val(searchConditionSelect); var searchPriceType = $('[name=searchPrice]:checked').val(); $('#searchPriceType').val(searchPriceType); let searchBrand = $('[name=searchBrandCustom]:checked').val(); if (searchCategorySelect.length === 0 && searchPriceType === 'all' && searchCondition === 'all' && searchBrand === 'all') { alert('최소 하나 이상의 검색 조건을 선택 해주셔야 합니다.'); return false; } if (searchPriceType == 'input') { var searchPriceLow = $('#searchPriceLowInput').val(); var searchPriceHigh = $('#searchPriceHighInput').val(); if (searchPriceLow == '' || searchPriceHigh == '') { alert('가격을 입력해주세요.'); return; } if (Number(searchPriceLow) > Number(searchPriceHigh)) { alert('가격을 정확히 입력해주세요.'); return; } if (Number(searchPriceLow) < 0 || Number(searchPriceHigh) < 0) { alert('가격을 양수로만 입력이 가능합니다.'); return; } $('[name=searchPriceLow]').val(searchPriceLow); $('[name=searchPriceHigh]').val(searchPriceHigh); } if (searchBrand !== 'all') { $('#searchBrandCustom').val(searchBrand); } $('#customPageNo').val(1); $('#mainCustomSearchForm').submit(); }); $('#searchPriceLowInput').on('input', function () { $('input[name=searchPrice]').prop('checked', false); $('input[name=searchPrice][value="input"]').prop('checked', true); }); $('#searchPriceHighInput').on('input', function () { $('input[name=searchPrice]').prop('checked', false); $('input[name=searchPrice][value="input"]').prop('checked', true); }); }); function allRemoveCustomSelect() { $('input[name=searchCategory]').prop('checked', false); $('input[name=searchPrice]').prop('checked', false); $('input[name=searchPrice][value="all"]').prop('checked', true); $('#searchPriceLowInput').val(''); $('#searchPriceHighInput').val(''); $('input[name=searchCondition][value="all"]').prop('checked', true); } function getURLParams(url) { var result = {}; url.replace(/[?&]{1}([^=&#]+)=([^&#]*)/g, function (s, k, v) { result[k] = decodeURIComponent(v); }); return result; } function isEmptyObject(obj) { return JSON.stringify(obj) === '{}'; } function getRealRanking() { let sessionB2bEvent = getSessionStorageData('b2bevent'); if (sessionB2bEvent != null) { return false; } rd.Ajax.post(null, { url: '/mainSearch/real_search_rankings' }).done(function (d) { if (d.realSearchRankings) { if (d.realSearchRankings.length == 0) { return; } var rankHtml = ''; for (var idx in d.realSearchRankings) { var rank = (Number(idx) + 1); var keyword = d.realSearchRankings[idx]; var linkUrl = '/mainSearch/searchResult?rankIndex=' + rank + '&sortOption1=display.sort.popular&searchInput1=' + encodeURIComponent(keyword); rankHtml += '<li class="swiper-slide"><a href="' + linkUrl + '"><span class="num">' + rank + '</span>&nbsp;&nbsp;' + keyword + '</a></li>'; } $('#rank-area').html(rankHtml); $('#ranking_detail_list').html(rankHtml); $('#ranking_base_date').text(d.realSearchRankings_date + ' 기준'); rank_swiper_fc(); } }).fail(function (e) { console.log(e); }); } function setB2BPaymentMode() { let sessionB2bEvent = getSessionStorageData('b2bevent'); if (sessionB2bEvent != null) { $('#typing_zone_href').attr('href', sessionB2bEvent); $('.line-banner').css('background-color', 'forestgreen'); $('#typing_zone').text('이벤트 페이지로 돌아가기'); $('.sub_title').css('padding-top', 30); if (window.c.isLogin == 'true' || $('.line-banner').length == 0) { $('.wrap').css('padding-top', 35); var b2bBannerHtml = ''; if ($('.header-line-banner').length == 0) { b2bBannerHtml += '<div class="header-line-banner">'; } b2bBannerHtml += '<div class="promotion">'; b2bBannerHtml += '<div class="line-banner" style="background-color:forestgreen">'; b2bBannerHtml += '<a id="typing_zone_href" class="banner" href="' + sessionB2bEvent + '">'; b2bBannerHtml += '<p id="typing_zone" style="font-size:16px;font-weight:500;color:#FFFFFF">이벤트 페이지로 돌아가기</p>'; b2bBannerHtml += '</a></div></div>'; if ($('.header-line-banner').length == 0) { b2bBannerHtml += '</div>'; $(document.body).prepend(b2bBannerHtml); } else { $('.header-line-banner').prepend(b2bBannerHtml); } } } else { $('.head').show(); } $('.header-line-banner').show(); } function typingEffect() { let sessionB2bEvent = getSessionStorageData('b2bevent'); if (sessionB2bEvent != null) { return false; } const letters = ['가입시 3만원 상단 웰컴키트 990원!']; try { // 글자 입력 속도 const speed = 100; let isSupport = false; let i = 0; // 타이핑 효과 const typing = async () => { const letter = letters[i].split(""); while (letter.length) { await wait(speed); if (!isSupport) { isSupport = true; $('#typing_zone').text(''); } $('#typing_zone').append(letter.shift()); } } // 딜레이 기능 ( 마이크로초 ) function wait(ms) { return new Promise(res => setTimeout(res, ms)) } // 초기 실행 setTimeout(typing, 1500); } catch (e) { } } function blockRightClick() { alert("마우스 오른쪽 버튼은 사용할 수 없습니다."); return false; } function rank_swiper_fc() { var rank_swiper = new Swiper('.rank_swiper', { direction: 'vertical', slidesPerView: 'auto', autoplay: { delay: 2500, disableOnInteraction: false, }, loop: true }); if ('' != '') { var rankIndex = Number(''); rank_swiper.slideTo(rankIndex - 1); } } function setMainAdvertisement() { var adsLength = $('.hd_ads').length; if (adsLength > 0) { setTimeout(function () { $('.hd_ads').each(function (idx) { if ($(this).css('display') != 'none') { $(this).fadeOut(1000); // 마지막 if (adsLength <= (idx + 1)) { $('.hd_ads:eq(0)').fadeIn(1000); } else { $(this).next().fadeIn(1000); } setMainAdvertisement(); return false; } }); }, 5000); } } </script> <!-- Facebook Pixel Code --> <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '289096363070625'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=289096363070625&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code --> </head> <body oncontextmenu="return blockRightClick()"> <script> cl.isLogin = "false"; cl.hasLineFull = ""; </script> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQW2XND" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- 통합 메인 --> <div class="header-line-banner" style="display:none;"> <!-- linebanner--> <div class="promotion"> <div class="line-banner" style="background-color: #000000;"> <a id="typing_zone_href" class="banner" href="https://www.celltrionbeauty.com/event/detail/EVT0001079" > <p id="typing_zone" style="font-size:16px;font-weight:500;color: #FFFFFF">가입시 3만원 상단 웰컴키트 990원!</p> </a> </div> </div> <script src="/resources/js/page/main/linebanner.js?1736830193335"></script> <!-- line banner --> </div> <div class="wrap" style="padding-top:35px;"> <div class="head" style=""> <div class="head_top"> <div class="head_top_in"> <h1><a href="/"><img width="208px" src="https://image.celltrionbeauty.com/attach/logo/celltrionmall_renew.png" alt="셀트리온뷰티몰"></a></h1> <div class="hd_select not_focus_out" style="left:39%;"> <form action="/mainSearch/searchResult" id="mainSearchForm" class="not_focus_out"> <div class="inp_text not_focus_out"> <input type="hidden" name="searchBrand" id="searchBrand" value=""/> <!-- 값 없음 : 통합, 한스킨, 셀큐어, 이너랩 --> <input type="hidden" name="sortOption1" id="sortOption1" value="display.sort.popular"/> <input type="hidden" name="mallType" id="mallType" value=""/> <input type="text" name="searchInput1" id="searchInput1" class="searchInput1 not_focus_out" value="" maxlength="26" onkeydown="cl.Search.nullCheckKey();" onkeyup="cl.Search.instantSearch();" autocomplete="off" onfocusin="cl.Search.loadRecentWords();" placeholder="#지피덤 #쌩쌩타민"> <a id="main_search_button" class="btn_sear not_focus_out" href="#"></a> </div> <div class="key_list search_box not_focus_out" style="display:none;"> <ul id="search_result" class="not_focus_out"></ul> </div> <div class="recent_list not_focus_out" id="recent_list_zone" style="display:none;"> <p class="not_focus_out">최근검색어</p> <div class="rc_btm not_focus_out" id="all_recent_remove_btn"> <button type="button" class="not_focus_out" onClick="cl.Search.allRemoveRecentWord()"> 검색어 전체 삭제 </button> </div> <div class="rc_set not_focus_out" id="recent_words_zone"></div> <div class="search_bottom_info"> <p>어떤 혜택과 상품을 찾고 계세요?<br> 찾고 계신 혜택과 상품을 빠르고 쉽게! </p> <div id="custom_search" class="not_focus_out">맞춤검색 &gt;</div> </div> </div> <div class="not_focus_out" id="custom_search_zone" style="display:none;"> <h3>맞춤검색</h3> <div class="item_list_top"> <h4 class="not_focus_out">관심상품 <span style="color:#666;font-size:12px;font-weight:400;">(최대 3개 선택가능)</span></h4> <div class="not_focus_out" id="all_custom_select_remove_btn"> <button type="button" class="not_focus_out" onClick="allRemoveCustomSelect()">검색 초기화 </button> </div> </div> <ul class="not_focus_out"> <!-- class on 처리 하자--> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="310" id="310" > <label class="not_focus_out" for="310">스킨케어</label> </li> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="311" id="311" > <label class="not_focus_out" for="311">클렌징</label> </li> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="312" id="312" > <label class="not_focus_out" for="312">메이크업</label> </li> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="313" id="313" > <label class="not_focus_out" for="313">헤어/바디케어</label> </li> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="314" id="314" > <label class="not_focus_out" for="314">뷰티소품</label> </li> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="315" id="315" > <label class="not_focus_out" for="315">기획세트</label> </li> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="329" id="329" > <label class="not_focus_out" for="329">건강식품</label> </li> </ul> <h4 class="not_focus_out">브랜드</h4> <ul class="not_focus_out price-area"> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchBrandCustom" value="all" id="brand-all" checked="checked"> <label class="not_focus_out" for="brand-all">전체</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchBrandCustom" value="H" id="brand-h" > <label class="not_focus_out" for="brand-h">한스킨</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchBrandCustom" value="C" id="brand-c" > <label class="not_focus_out" for="brand-c">셀큐어</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchBrandCustom" value="Z" id="brand-z" > <label class="not_focus_out " for="brand-z">지피덤</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchBrandCustom" value="P" id="brand-p" > <label class="not_focus_out " for="brand-p">플로디카</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchBrandCustom" value="IN" id="brand-in" > <label class="not_focus_out" for="brand-in">이너랩</label> </li> </ul> <h4 class="not_focus_out">가격</h4> <ul class="not_focus_out price-area"> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchPrice" value="all" id="price-all" checked="checked"> <label class="not_focus_out" for="price-all">전체</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchPrice" value="type1" id="price-1" > <label class="not_focus_out " for="price-1">1~3만원</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchPrice" value="type3" id="price-3" > <label class="not_focus_out" for="price-3">3~5만원</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchPrice" value="type5" id="price-5" > <label class="not_focus_out" for="price-5">5~10만원</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchPrice" value="type10" id="price-10" > <label class="not_focus_out" for="price-10">10만원 이상</label> </li> <li class="not_focus_out customInput"> <input type="radio" class="no-uniform not_focus_out" name="searchPrice" value="input" id="price-custom" > <label class="not_focus_out" for="price-custom">직접입력</label> <input type="text" id="searchPriceLowInput" class="not_focus_out searchPrice" value=""> ~ <input type="text" id="searchPriceHighInput" class="not_focus_out searchPrice" value=""> </li> </ul> <h4 class="not_focus_out">혜택</h4> <ul class="not_focus_out benefit-area"> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchCondition" value="all" id="search-benefit-all" checked="checked"> <label class="not_focus_out" for="search-benefit-all">전체</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchCondition" value="coupon" id="search-coupon" > <label class="not_focus_out" for="search-coupon">쿠폰할인</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchCondition" value="onePlusOne" id="search-opo" > <label class="not_focus_out" for="search-opo">1+1</label> </li> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchCondition" value="newProduct" id="search-np" > <label class="not_focus_out" for="search-np">신제품</label> </li> </ul> <div class="not_focus_out bottom_btns"> <button type="button" id="back_recent_list" class="btn medium slightly not_focus_out">이전으로</button> <button type="button" id="search-custom" class="btn medium weighty not_focus_out">검색하기</button> </div> </div> </form> <form action="/mainSearch/customSearchResult" id="mainCustomSearchForm"> <!-- 값 없음 : 통합, 한스킨, 셀큐어, 이너랩 --> <input type="hidden" name="sortOption1" id="sortOption2" value=""/> <input type="hidden" name="searchCategorySelect" id="searchCategorySelect" value=""/> <input type="hidden" name="searchPriceType" id="searchPriceType" value=""/> <input type="hidden" name="searchPriceLow" id="searchPriceLow" value=""/> <input type="hidden" name="searchPriceHigh" id="searchPriceHigh" value=""/> <input type="hidden" name="searchConditionSelect" id="searchConditionSelect" value=""/> <input type="hidden" name="searchBrand" id="searchBrandCustom" value=""/> </form> </div> <div class="hd_ads" id="hd_ads_0" style="left:67%;"> <a href="/item/DL2024060918"> <div class="ad_img"> <img width="45px" height="45px" src="https://image.celltrionbeauty.com/attach/item/DL2024060918/DL2024060918-represent.jpg" onerror="this.src='/resources/images/logo_celltrionmall_renew.png'" alt="셀트리온뷰티몰" style="background-color:#f6f6f6;"> </div> <div class="ad_titles"> <p class="first-p">브레인코어 인지력 기억력</p> <p class="second-p">#포스파티딜세린 #최대함량</p> </div> </a> </div> <div class="hd_ads" id="hd_ads_1" style="left:67%;display:none;"> <a href="/item/DL2024060921"> <div class="ad_img"> <img width="45px" height="45px" src="https://image.celltrionbeauty.com/attach/item/DL2024060921/DL2024060921-represent.jpg" onerror="this.src='/resources/images/logo_celltrionmall_renew.png'" alt="셀트리온뷰티몰" style="background-color:#f6f6f6;"> </div> <div class="ad_titles"> <p class="first-p">바나바잎 플러스 크롬</p> <p class="second-p">#혈당관리 #식후혈당</p> </div> </a> </div> <div class="hd_ads" id="hd_ads_2" style="left:67%;display:none;"> <a href="/item/DL2024081035"> <div class="ad_img"> <img width="45px" height="45px" src="https://image.celltrionbeauty.com/attach/item/DL2024081035/DL2024081035-represent.jpg" onerror="this.src='/resources/images/logo_celltrionmall_renew.png'" alt="셀트리온뷰티몰" style="background-color:#f6f6f6;"> </div> <div class="ad_titles"> <p class="first-p">매직 타이트닝 모공 부스터</p> <p class="second-p">#깊은속탄력 #모공타이트닝</p> </div> </a> </div> <div class="hd_ads" id="hd_ads_3" style="left:67%;display:none;"> <a href="/item/DL2024060926"> <div class="ad_img"> <img width="45px" height="45px" src="https://image.celltrionbeauty.com/attach/item/DL2024060926/DL2024060926-represent.jpg" onerror="this.src='/resources/images/logo_celltrionmall_renew.png'" alt="셀트리온뷰티몰" style="background-color:#f6f6f6;"> </div> <div class="ad_titles"> <p class="first-p">카무트 브랜드밀 골든 효소</p> <p class="second-p">#1일498원 #속편한</p> </div> </a> </div> <div class="hd_ads" id="hd_ads_4" style="left:67%;display:none;"> <a href="/item/DL2024070953"> <div class="ad_img"> <img width="45px" height="45px" src="https://image.celltrionbeauty.com/attach/item/DL2024070953/DL2024070953-represent.jpg" onerror="this.src='/resources/images/logo_celltrionmall_renew.png'" alt="셀트리온뷰티몰" style="background-color:#f6f6f6;"> </div> <div class="ad_titles"> <p class="first-p">체지방 오일 CLA</p> <p class="second-p">#체지방감소 #다이어트</p> </div> </a> </div> <div class="hd_ads" id="hd_ads_5" style="left:67%;display:none;"> <a href="/item/DL2024040801"> <div class="ad_img"> <img width="45px" height="45px" src="https://image.celltrionbeauty.com/attach/item/DL2024040801/DL2024040801-represent.jpg" onerror="this.src='/resources/images/logo_celltrionmall_renew.png'" alt="셀트리온뷰티몰" style="background-color:#f6f6f6;"> </div> <div class="ad_titles"> <p class="first-p">퍼펙트 올인원 로션</p> <p class="second-p">#귀찮으니까 #하나만!</p> </div> </a> </div> <div class="hd_ads" id="hd_ads_6" style="left:67%;display:none;"> <a href="/item/DL2024050882"> <div class="ad_img"> <img width="45px" height="45px" src="https://image.celltrionbeauty.com/attach/item/DL2024050882/DL2024050882-represent.jpg" onerror="this.src='/resources/images/logo_celltrionmall_renew.png'" alt="셀트리온뷰티몰" style="background-color:#f6f6f6;"> </div> <div class="ad_titles"> <p class="first-p">시카판테놀 장벽크림</p> <p class="second-p">#오돌토돌 #좁쌀여드름</p> </div> </a> </div> <div class="hd_ads" id="hd_ads_7" style="left:67%;display:none;"> <a href="/item/DL2024081028"> <div class="ad_img"> <img width="45px" height="45px" src="https://image.celltrionbeauty.com/attach/item/DL2024081028/DL2024081028-represent.jpg" onerror="this.src='/resources/images/logo_celltrionmall_renew.png'" alt="셀트리온뷰티몰" style="background-color:#f6f6f6;"> </div> <div class="ad_titles"> <p class="first-p">루테인 지아잔틴 아스타잔틴</p> <p class="second-p">#1일559원 #눈피로</p> </div> </a> </div> <div class="hd_ads" id="hd_ads_8" style="left:67%;display:none;"> <a href="/item/DL2024081048"> <div class="ad_img"> <img width="45px" height="45px" src="https://image.celltrionbeauty.com/attach/item/DL2024081048/DL2024081048-represent.jpg" onerror="this.src='/resources/images/logo_celltrionmall_renew.png'" alt="셀트리온뷰티몰" style="background-color:#f6f6f6;"> </div> <div class="ad_titles"> <p class="first-p">비타민D 4000IU</p> <p class="second-p">#고함량 #햇빛비타민</p> </div> </a> </div> <div class="hd_ads" id="hd_ads_9" style="left:67%;display:none;"> <a href="/item/DL2024040780"> <div class="ad_img"> <img width="45px" height="45px" src="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-represent.jpg" onerror="this.src='/resources/images/logo_celltrionmall_renew.png'" alt="셀트리온뷰티몰" style="background-color:#f6f6f6;"> </div> <div class="ad_titles"> <p class="first-p">어린 비피다 바이옴 앰플</p> <p class="second-p">#동안피부 #리프팅</p> </div> </a> </div> <div class="right_div"> <div class="ht_top" style="margin-right:5px;"> <ul> <li><a id="login_path" href="/member/login">로그인</a></li> <li><a href="/login/kakao">간편가입</a></li> </ul> </div> <div class="ht_menu"> <ul> <li class="ht_li_my"> <a href="javascript:void(0);" class="exceptCall"> <img src="/resources/images/h_menu01.png" class="exceptCall img"/> <img src="/resources/images/h_menu01_on.png" class="exceptCall on_img"/> </a> </li> <li> <a href="/cart" class="basket"> <img src="/resources/images/h_menu02.png"/> </a> </li> <li style="margin-top:1px;"> <a href="javascript:void(0);" class="clock" alt="최근 본"> <img src="/resources/images/h_menu03.png"/> <span id="recent_count" class="nw_num">0</span> </a> </li> </ul> </div> </div> </div> </div> <div class="head_btm"> <div class="head_btm_in"> <div class="left_div"> <button class="tot_m">카테고리메뉴</button> <div class="hb_menu"> <ul> <li style=""> <a href="https://www.celltrionbeauty.com/event/detail/EVT0001439" style="color:#1362d8" target="">#설프라이즈</a> </li> <li style="margin-top:2px;"><a href="/main/best-items" style="font-family:'Montserrat';">BEST</a></li> <li> <a href="/main/category/beauty">뷰티</a> </li> <li> <a href="/main/category/health">헬시</a> </li> <li> <a href="/event">이벤트</a> </li> <li class="brand-area"><a href="/main/category/H_all"><img src="/resources/images/brand/hanskin_ico.png?ver=3" class="brand-icon"/></a></li> <li class="brand-area"><a href="/main/category/C_all"><img src="/resources/images/brand/cellcure_ico.png?ver=3" class="brand-icon" /></a></li> <li class="brand-area"><a href="/main/category/Z_all"><img src="/resources/images/brand/zpiderm_ico.png?ver=3" class="brand-icon" /></a></li> <li class="brand-area"><a href="/main/category/P_all"><img src="/resources/images/brand/plodica_ico.png?ver=3" class="brand-icon" /></a></li> <li class="brand-area"><a href="/main/category/IN_all"><img src="/resources/images/brand/innerlab_ico.png?ver=3" class="brand-icon"/></a></li> </ul> </div> </div><!-- //left_div --> <div class="right_div"> <div class="kw_div"> <dl class="rank_list"> <dt>인기 검색어</dt> <dd> <div class="swiper-container rank_swiper"> <ol id="rank-area" class="swiper-wrapper"></ol> </div> <span class="btn_rank_more">더보기</span> </dd> </dl> <div class="rank_layer"> <div class="rl_con"> <ol id="ranking_detail_list"></ol> </div> <div class="rl_btm"> <p id="ranking_base_date" class="time"></p> </div> </div><!-- //rank_layer --> </div><!-- //kw_div --> </div><!-- //right_div --> <div class="brand_pop_wrap" style="display:none;"> <div class="brand_pop_wrap_in"> <div class="brand_pop"> <ul> <li class="han"><a href="/main/category/2">한스킨</a></li> <li class="cel"><a href="/main/category/101">셀큐어</a></li> <li class="zpd"><a href="/main/category/349">지피덤</a></li> <li class="inn"><a href="/main/category/127">이너랩</a></li> <li class="alli"><a href="/brand/alliance">제휴 브랜드관</a></li> </ul> </div> </div> </div> <div class="tm_pop_wrap" style="display:none;"> <div class="tm_pop_wrap_in"> <div class="tm_pop"> <ul class="dep1"> <!-- class on 처리 하자--> <li class="on" ><a href="#n">통합</a> <ul class="dep2"> <li > <a href="/main/category/56">스킨케어</a> <ul class="dep3"> <li> <a href="/main/category/62">스킨/토너/패드</a> </li> <li> <a href="/main/category/63">로션/에멀전</a> </li> <li> <a href="/main/category/64">에센스/세럼/앰플</a> </li> <li> <a href="/main/category/65">크림/아이크림</a> </li> <li> <a href="/main/category/66">팩/마스크</a> </li> <li> <a href="/main/category/67">자외선 차단</a> </li> <li> <a href="/main/category/68">미스트</a> </li> <li> <a href="/main/category/69">옴므</a> </li> <li> <a href="/main/category/70">기획 세트</a> </li> </ul> </li> <li > <a href="/main/category/57">클렌징</a> <ul class="dep3"> <li> <a href="/main/category/71">클렌징 폼/젤</a> </li> <li> <a href="/main/category/72">클렌징 오일/밤</a> </li> <li> <a href="/main/category/73">티슈/패드</a> </li> <li> <a href="/main/category/75">파우더/필링</a> </li> </ul> </li> <li > <a href="/main/category/58">메이크업</a> <ul class="dep3"> <li> <a href="/main/category/76">메이크업베이스</a> </li> <li> <a href="/main/category/77">BB크림</a> </li> <li> <a href="/main/category/78">쿠션/팩트</a> </li> <li> <a href="/main/category/79">파운데이션</a> </li> <li> <a href="/main/category/80">컨실러</a> </li> <li> <a href="/main/category/81">픽서/파우더</a> </li> <li> <a href="/main/category/82">아이메이크업</a> </li> <li> <a href="/main/category/330">립메이크업</a> </li> </ul> </li> <li > <a href="/main/category/60">일반/건강식품</a> <ul class="dep3"> <li> <a href="/main/category/89">피부 건강</a> </li> <li> <a href="/main/category/91">면역/혈행개선</a> </li> <li> <a href="/main/category/92">유산균/눈건강</a> </li> <li> <a href="/main/category/93">항산화/에너지</a> </li> <li> <a href="/main/category/94">비타민/간 건강</a> </li> <li> <a href="/main/category/95">여성 건강</a> </li> <li> <a href="/main/category/97">관절/뼈 건강</a> </li> </ul> </li> <li > <a href="/main/category/61">기타</a> <ul class="dep3"> <li> <a href="/main/category/98">도구/소품</a> </li> <li> <a href="/main/category/304">향수</a> </li> <li> <a href="/main/category/331">헤어/바디</a> </li> <li> <a href="/main/category/99">기타</a> </li> </ul> </li> </ul> </li> <li ><a href="/main/category/H_all">한스킨</a> <ul class="dep2"> <li > <a href="/main/category/2">스킨케어</a> <ul class="dep3"> <li> <a href="/main/category/3">스킨/토너/패드</a> </li> <li> <a href="/main/category/5">에센스/세럼/엠플</a> </li> <li> <a href="/main/category/6">크림/아이크림</a> </li> <li> <a href="/main/category/7">팩/마스크</a> </li> <li> <a href="/main/category/8">자외선차단</a> </li> <li> <a href="/main/category/338">옴므</a> </li> <li> <a href="/main/category/339">기획세트</a> </li> </ul> </li> <li > <a href="/main/category/30">클렌징</a> <ul class="dep3"> <li> <a href="/main/category/31">폼/젤</a> </li> <li> <a href="/main/category/33">오일/밤</a> </li> <li> <a href="/main/category/35">파우더/필링젤</a> </li> <li> <a href="/main/category/37">패드/티슈</a> </li> </ul> </li> <li > <a href="/main/category/10">베이스메이크업</a> <ul class="dep3"> <li> <a href="/main/category/11">메이크업베이스</a> </li> <li> <a href="/main/category/12">BB크림</a> </li> <li> <a href="/main/category/13">쿠션/팩트</a> </li> <li> <a href="/main/category/14">파운데이션</a> </li> <li> <a href="/main/category/15">컨실러</a> </li> <li> <a href="/main/category/16">픽서/파우더</a> </li> </ul> </li> <li > <a href="/main/category/18">포인트메이크업</a> <ul class="dep3"> <li> <a href="/main/category/20">아이메이크업</a> </li> <li> <a href="/main/category/22">립메이크업</a> </li> </ul> </li> <li > <a href="/main/category/26">도구/소품</a> <ul class="dep3"> <li> <a href="/main/category/28">도구/소품</a> </li> </ul> </li> <li > <a href="/main/category/39">기획세트</a> <ul class="dep3"> <li> <a href="/main/category/40">기획세트</a> </li> </ul> </li> </ul> </li> <li ><a href="/main/category/C_all">셀큐어</a> <ul class="dep2"> <li > <a href="/main/category/101">스킨케어</a> <ul class="dep3"> <li> <a href="/main/category/117">스킨/토너</a> </li> <li> <a href="/main/category/118">로션/에멀전</a> </li> <li> <a href="/main/category/119">에센스/세럼/앰플</a> </li> <li> <a href="/main/category/120">크림/아이크림</a> </li> <li> <a href="/main/category/121">팩/마스크</a> </li> <li> <a href="/main/category/122">자외선 차단</a> </li> <li> <a href="/main/category/123">옴므</a> </li> <li> <a href="/main/category/336">미스트</a> </li> <li> <a href="/main/category/305">바디로션</a> </li> <li> <a href="/main/category/124">기획 세트</a> </li> </ul> </li> <li > <a href="/main/category/102">클렌징</a> <ul class="dep3"> <li> <a href="/main/category/114">클렌징 폼/젤</a> </li> <li> <a href="/main/category/116">필링/스크럽</a> </li> <li> <a href="/main/category/306">바디워시</a> </li> <li> <a href="/main/category/307">샴푸/컨디셔너</a> </li> </ul> </li> <li > <a href="/main/category/105">기획세트</a> <ul class="dep3"> <li> <a href="/main/category/106">기획세트</a> </li> <li> <a href="/main/category/337">향수</a> </li> </ul> </li> </ul> </li> <li ><a href="/main/category/Z_all">지피덤</a> <ul class="dep2"> <li > <a href="/main/category/349">스킨케어</a> <ul class="dep3"> <li> <a href="/main/category/352">스킨/토너</a> </li> <li> <a href="/main/category/353">에센스/세럼/앰플</a> </li> <li> <a href="/main/category/354">크림/아이크림</a> </li> </ul> </li> <li > <a href="/main/category/350">클렌징</a> <ul class="dep3"> <li> <a href="/main/category/355">클렌징폼</a> </li> </ul> </li> <li > <a href="/main/category/351">기획세트</a> <ul class="dep3"> <li> <a href="/main/category/356">기획세트</a> </li> </ul> </li> </ul> </li> <li ><a href="/main/category/P_all">플로디카</a> <ul class="dep2"> <li > <a href="/main/category/358">스킨케어</a> <ul class="dep3"> <li> <a href="/main/category/360">스킨/토너/패드</a> </li> <li> <a href="/main/category/361">에센스/세럼/앰플</a> </li> <li> <a href="/main/category/362">크림/아이크림</a> </li> <li> <a href="/main/category/363">팩/마스크</a> </li> <li> <a href="/main/category/364">자외선차단</a> </li> </ul> </li> <li > <a href="/main/category/359">클렌징</a> <ul class="dep3"> <li> <a href="/main/category/365">폼/젤</a> </li> <li> <a href="/main/category/366">오일/밤</a> </li> <li> <a href="/main/category/367">립/아이리무버</a> </li> </ul> </li> </ul> </li> <li ><a href="/main/category/IN_all">이너랩</a> <ul class="dep2"> <li > <a href="/main/category/127">헬스 라인</a> <ul class="dep3"> <li> <a href="/main/category/155">활력충전</a> </li> <li> <a href="/main/category/156">혈행건강</a> </li> <li> <a href="/main/category/158">장건강</a> </li> <li> <a href="/main/category/157">눈건강</a> </li> <li> <a href="/main/category/159">관절/뼈건강</a> </li> <li> <a href="/main/category/153">항산화/혈압</a> </li> <li> <a href="/main/category/332">혈당케어</a> </li> <li> <a href="/main/category/333">기억력/인지력</a> </li> <li> <a href="/main/category/161">면역건강</a> </li> <li> <a href="/main/category/160">간건강</a> </li> <li> <a href="/main/category/162">근육/근력</a> </li> <li> <a href="/main/category/154">피로개선</a> </li> <li> <a href="/main/category/334">기타</a> </li> <li> <a href="/main/category/347">선물세트</a> </li> </ul> </li> <li > <a href="/main/category/126">뷰티 라인</a> <ul class="dep3"> <li> <a href="/main/category/128">피부건강</a> </li> <li> <a href="/main/category/129">다이어트</a> </li> <li> <a href="/main/category/335">기타</a> </li> </ul> </li> </ul> </li> </ul> </div> <div class="tm_foot_m"> <ul> <li class="cel"><a href="/event">EVENT</a></li> <li class="med"><a href="/talk/gallery">MEDIA</a></li> <li class="faq"><a href="/cs/faq">FAQ</a></li> <li class="bra"><a href="/brand">브랜드소개</a></li> </ul> </div> </div> <!--// tm_pop_wrap_in --> </div> <!--// tm_pop_wrap --> <div class="my_pop_wrap" style=" display:none; right: 49px; "> <div class="my_pop_wrap_in"> <div class="my_pop" style=""> <ul> <li><a href="/guest/order">비회원 주문조회</a></li> <li><a href="/main/membership">멤버십</a></li> <li><a href="/member/joinSelectView">회원가입</a></li> <li><a href="/cs">고객센터</a></li> <li><a href="/member/login?returnUrl=/mypage/inquiry">1:1 문의</a></li> </ul> </div><!-- //my_pop --> </div><!-- //my_pop_wrap_in --> </div><!-- //my_pop_wrap --> </div><!-- //head_btm_in --> </div> </div><!-- //head --> <div class="head_bg" id="head_bg"></div> <!-- 최근 본 상품 --> <div class="header-pop-cover" style="display: none;z-index:999;"> <div class="header-pop"> <div class="header-pop-top"> <h2>최근 본 상품</h2> <a href="javascript:void(0);" class="close">닫기</a> </div> <div class="header-pop-content"> <!-- 최근 본 상품 있는 경우 --> <div class="recent-list" style="display: none;"> <ul class="item-list" id="item-recent-list"></ul> </div> <!-- //최근 본 상품 있는 경우 --> <div class="recent-not" style="display: none;"> 최근 본 상품이 없습니다! </div> <!-- 최근 본 상품 없는 경우 --> <div class="recommend-list" style="display: none;"> <div class="nomember recommend-list-nomember" style="display: none;"> 가장 최근에 출시된 <strong>신상품을 확인해보세요</strong> </div> <div class="member recommend-list-member" style="display: none;"> <strong>님,</strong> 다시 구매할 때 되지 않으셨나요? <br> <a href="/mypage/order"><span>구매내역 바로가기</span> <i></i></a> </div> <ul class="item-list" id="item-list"></ul> </div> <!-- //최근 본 상품 없는 경우 --> </div> </div> </div> <!-- //최근 본 상품 --> </div> <style> .recent-item.soldout .thumbnail img {opacity: 0.4;} .recent-item.soldout .title {color:rgba(21,21,21,0.4)} .recent-item.soldout .price-tag {color:rgba(133,133,133,0.4)} .recent-item.soldout::after {content:'';display:inline-block;width: 80px;height: 19px; top: 238px; left: 23px;background:url("https://www.celltrionbeauty.com/resources/images/main/ico/ico_soldout.png") no-repeat center center;} </style> <script id="recent-tmpl" type="text/x-jsrender"> <li> <div class="item recent-item {{:soldOut ? 'soldout' : ''}}"> <div class="thumbnail"> <a href="/item/{{:itemNo}}"> <span class="thumb"> <img src="https://image.celltrionbeauty.com{{:url}}" alt="{{:itemName}}" onerror="this.src='/resources/images/common/default.png'"> </span> </a> </div> <div class="detail"> <a href="/item/{{:itemNo}}"> <span class="title-wrap"> <strong class="title">{{: itemName}}</strong> </span> <span class="price-tag"> <span class="price"> {{if regularSellPrice != (currentItemMemberPrice == null ? currentSellPrice : currentItemMemberPrice)}} <span class="origin">{{: regularSellPriceFormat}}</span> {{/if}} <span class="fixed"><strong>{{: (currentItemMemberPrice == null ? currentSellPriceFormat : currentItemMemberPriceFormat)}}</strong><span>{{: won}}</span></span> </span> </span> </a> </div> <a href="javascript:void(0);" class="delete recent-item-delete" data-item-no="{{:itemNo}}">{{: del}}</a> </div> </li> </script> <script id="new-item-tmpl" type="text/x-jsrender"> <li> <div class="item"> <div class="thumbnail"> <a href="/item/{{if refItemNo != null}}{{: refItemNo}}{{else}}{{: item.itemNo}}{{/if}}"> <span class="thumb"> <img src="{{: imgUrl}}" alt="{{: item.itemName}}" onerror="this.src='/resources/images/common/default.png'"> </span> </a> </div> <div class="detail"> <a href="/item/{{if refItemNo != null}}{{: refItemNo}}{{else}}{{: item.itemNo}}{{/if}}"> <span class="title-wrap"> <strong class="title"> {{if refItemName != null && refItemName != ''}} {{: refItemName}} {{else}} {{: item.itemName}} {{/if}} </strong> </span> <span class="price-tag"> <span class="price"> {{if regularItemPriceFmt != currentItemPriceFmt}} <span class="origin">{{: regularItemPriceFmt}}</span> {{/if}} <span class="fixed"><strong>{{: currentItemPriceFmt}}</strong>{{: won}}</span> </span> </span> </a> </div> </div> </li> </script> <script id="order-item-tmpl" type="text/x-jsrender"> <li> <div class="item"> <div class="thumbnail"> <a href="/item/{{if refItemNo != null}}{{: refItemNo}}{{else}}{{: orderItem.itemNo}}{{/if}}"> <span class="thumb"> <img src="{{: imgUrl}}" alt="{{: orderItem.itemName}}" onerror="this.src='/resources/images/common/default.png'"> </span> </a> </div> <div class="detail"> <a href="/item/{{if refItemNo != null}}{{: refItemNo}}{{else}}{{: orderItem.itemNo}}{{/if}}"> <span class="title-wrap"> <strong class="title"> {{if refItemName != null && refItemName != ''}} {{: refItemName}} {{else}} {{: orderItem.itemName}} {{/if}} {{if itemOption != null}} ({{: itemOption.optionName1}}) {{/if}} </strong> </span> <span class="price-tag"> <span class="price"> {{if regularItemPrice.sellPrice != appliedItemPrice.sellPrice}} <span class="origin">{{: regularItemPriceFmt}}</span> {{/if}} <span class="fixed"><strong>{{: appliedItemPriceFmt}}</strong>{{: won}}</span> </span> </span> </a> </div> </div> </li> </script> <style> #matterList{padding-left:30px; font-size:20px; line-height:1.6} #matterList h3{font-weight:bold; margin-bottom:20px;} #matterList label input{width:20px; height:20px; margin-right:10px; vertical-align:middle} #textAreaTitle{font-size:20px; line-height:1.6;margin-bottom:10px} #textArea{font-size:20px; line-height:1.6;padding:20px} .time_sale .tit.on-air { font-size: 80px; color: #ff2d2d; } /* 이미지 콜라주 */ /* 이미지 크기는 최대로 그냥 두고 span에 너비를 지정해서 사용.*/ .imgCollage { margin:auto; text-align: center; } @media screen and (min-width: 1240px) { .imgCollage { display:flex; -webkit-flex:auto; -moz-display:flex; -ms-display:flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; } .imgCollage > span { padding: 4px; } .imgCollage > span > .imageblock:not(:last-child) { vertical-align: baseline; } .imgCollage .imageblock { padding:0; } .imgCollage img { box-shadow: none; } } @media screen and (max-width: 1240px) { .imgCollage > span { padding: 0; width: 100% !important; } .imgCollage .imageblock { padding: 16px 0; } .imgCollage > span:first-of-type .imageblock:first-of-type { padding-top: 8px; } .imgCollage > span:last-of-type .imageblock:last-of-type { padding-bottom: 4px; } } /* 이미지 콜라주 끝 */ .layer-popup.input-popup .wrapper{ width: 700px; } .info-txt{ font-size: 16px; font-weight: normal; } .check_area{ margin: 20px 0px; } .agree_box{ background: #ececec; border: 1px #ddd solid; padding: 10px 20px; font-size: 14px; margin: 10px 0px; } .fieldset{ /*border-top: 0px ;*/ margin-bottom: 30px; } .fieldset.small .field .insert{ width: 400px; } .fieldset .field .ph-insert .selectric, .fieldset .field .ph-insert .box{ width: 106px; } .btn-area{ display: flex; justify-content: space-between; } #eventOutMallPopup { overflow: scroll; } .attendance { cursor: pointer; } #eventOutMallPopup label { padding-top: 0px !important; } .snowflake { position: absolute; width: 10px; height: 10px; background: linear-gradient(snow, white); /* Workaround for Chromium's selective color inversion */ border-radius: 50%; filter: drop-shadow(0 0 10px white); } .tab-container { width: 100%; overflow: hidden; } .tabs { list-style: none; padding: 0; margin: 0; display: flex; } .tabs div.tab { flex: 1; text-align: center; padding: 12px 0; height: 68px; line-height: 44px; background-color: #0d0d0d !important; } .tabs div.tab.on .emoji-converter { color: #FFFFFF; font-weight: 550; text-underline-position: under; text-decoration: underline; opacity: 1; font-size: 23px; } .tabs div.tab .emoji-converter { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto; font-size: 21px; color: #c4c4c4; height: 40px; opacity: 0.6; } </style> <!-- 마케팅 개인정보 제3자 제공 동의(선택) 팝업 --> <div class=" layer-popup member-popup" id="thirdPartyPopup"> <div class="wrapper"> <div class="popup"> <div class="popup-content"> <h3 class="title">셀트리온스킨큐어 서비스<br><strong>마케팅 개인정보 제3자 제공 동의</strong>(선택)</h3> <div class="cont-wrap"> <div class="maketing-cont"> <p style="font-size:0.95em;margin-bottom:40px;color:#666;">고객님께서는 해당 동의를 거부하실 수 있으며, 동의하지 않으셔도 불이익은 존재하지 않습니다.</p> <table class="data-table"> <caption>수집이용동의</caption> <colgroup> <col style="width: 35%;"> <col> </colgroup> <tbody> <tr> <th style="font-size:1em;padding:17px;">제공받는 자</th> <td style="font-size:1em;padding:17px;">Alphabet Inc, Meta Platforms Inc, (주)인라이플, 네이버(주), (주)카카오, (주)레인보우8</td> </tr> <tr> <th style="font-size:1em;padding:17px;">개인정보 이용 목적</th> <td style="font-size:1em;padding:17px;">데이터 분석 및 통계화 처리, 개인화된 콘텐츠 추천 및 광고등 마케팅에 활용</td> </tr> <tr> <th style="font-size:1em;padding:17px;">제공하는 개인정보 항목</th> <td style="font-size:1em;padding:17px;">이름, 생년월일, 성별, 장바구니, 상품 구매 및 결제내역에 대한 서비스 이용 내역, 휴대폰번호, 이메일</td> </tr> <tr> <th style="font-size:1em;padding:17px;">보유 및 이용 기간</th> <td style="font-size:1em;padding:17px;">회원 탈퇴 또는 동의 철회 시 즉시 파기</td> </tr> </tbody> </table> </div> </div> <div class="btn-area" style="padding:0;width:100%;"> <button type="button" class="btn large slightly" onclick="$('#thirdPartyPopup').hide();" style="width:49%;">닫기</button> <button type="button" class="btn large weighty" id="thirdPartyAgreeBtn" style="width:49%;">동의하기</button> </div> </div> </div> </div> </div> <!-- //마케팅 개인정보 제3자 제공 동의(선택) 팝업 --> <div class=" layer-popup input-popup" id="eventOutMallPopup"> <div class="wrapper"> <div class="popup"> <div class="popup-content"> <div class="popup-body"> <fieldset class="fieldset small" style="border:0;"> <legend>배송지 정보</legend> <input type="hidden" id="EventOutMallType" name="EventOutMallType" value="CJ온스타일"> <h2 style="text-align: center;margin:20px 0 30px 0;">CJ온스타일 단백질 앰플 구매 인증</h2> <div class="field" style="border-top:2px solid #000;padding:15px;"> <div class="label" style="line-height:40px;width:160px;"><label for="EventOutMallOrdName">주문자 성명</label></div> <div class="insert id-insert" style="width:420px;"> <div class="row"><input type="text" id="EventOutMallOrdName" name="ordName" value="" maxlength="30" style="height:40px;"></div> </div> </div> <div class="field" style="padding:15px;"> <div class="label" style="line-height:40px;width:160px;"><label for="EventOutMallPhone1">휴대폰 번호</label></div> <div class="insert ph-insert" style="width:420px;"> <div class="box-area"> <div class="box box1" style="height:40px;"> <select name="phone1" id="EventOutMallPhone1" class="phone1 large" title="휴대폰 첫3자리" style="padding-left:20px;"> <option value="010" selected="selected">010</option> <option value="011">011</option> <option value="016">016</option> <option value="017">017</option> <option value="018">018</option> <option value="019">019</option> </select> </div> <div class="at" style="line-height:40px;height:40px;">-</div> <div class="box box2" style="height:40px;"><input type="text" id="EventOutMallPhone2" value="" name="phone2" maxlength="4" class="ip-onlyNumber" title="휴대폰 중간4자리" style="height:40px;"></div> <div class="at" style="line-height:40px;height:40px;">-</div> <div class="box box3" style="height:40px;"><input type="text" id="EventOutMallPhone3" value="" name="phone3" maxlength="4" class="ip-onlyNumber" title="휴대폰 뒷4자리" style="height:40px;"></div> </div> </div> </div> <div class="field" style="padding:15px;"> <div class="label" style="line-height:40px;width:160px;"><label for="EventOutMallOrdNo">CJ온스타일 주문번호</label></div> <div class="insert id-insert" style="width:420px;"> <div class="row"><input type="text" id="EventOutMallOrdNo" name="ordNo" value="" maxlength="30" style="height:40px;"></div> </div> </div> <div class="field" style="padding:15px;"> <div class="label" style="line-height:40px;width:160px;"><label>사은품 배송주소</label></div> <div class="insert id-insert" style="width:420px;"> <div class="row" style="height:40px;"><input type="text" style="width: 250px; margin-right: 10px;height:40px;" id="n_expZipcode" name="expZipcode" value="" readonly="readonly" maxlength="6"><a href="javascript:void(0);" id="searchPostCode" class="btn medium weighty" style="height:40px;line-height:35px;width:140px;">우편번호 검색</a></div> <div class="row" style="height:40px;"><input type="text" id="n_expAddress" name="expAddress" value="" readonly="readonly" maxlength="100" style="height:40px;"></div> <div class="row" style="height:40px;"><input type="text" id="n_expAddressDetail" name="expAddress" value="" placeholder="상세주소입력" maxlength="100" style="height:40px;"></div> </div> </div> </fieldset> <p class="info-txt" style="font-size:18px;font-weight:bold;margin-bottom:3px;">※ 유의 사항</p> <p class="info-txt" style="font-size:15px;">- 1인 1회 응모 가능하며, CJ온스타일에서 주문한 주문자명과 주문번호를 정확하게 입력해주세요.</br>&nbsp;&nbsp;&nbsp;(중복구매 및 동일주소지 응모불가)</p> <p class="info-txt" style="font-size:15px;">- 잘못된 핸드폰 번호 입력시 당첨이 취소될 수 있으니 정확하게 입력해주세요.</p> <p class="info-txt" style="font-size:15px;">- 구매하신 상품과 사은품은 별도로 배송되며, 주문취소/환불시 사은품 제공은 되지 않습니다.</p> <p class="info-txt" style="font-size:15px;">- 5/20(월)~5/27(월) 사전구매기간내 구매하신 분에 한하여, 구매 인증 누락 시 사은품 지급 대상에서 제외됩니다.</p> <div class="check_area" style="margin-bottom:0px;"> <input type="checkbox" name="eventOutMallPrivateAgreeYn" id="eventOutMallPrivateAgreeYn"> <label for="eventOutMallPrivateAgreeYn" style="font-size:18px;font-weight:bold;">개인정보 수집 및 이용에 대한 동의 <span style="color: red"> (필수)</span></label> </div> <div class="agree_box"> ※ 개인정보 수집 및 활용동의 필수 기재 내용<br> - 수집항목 : 주문자 성명, 휴대폰 번호, 주문번호, 배송지 주소<br> - 수집 이용 및 목적 : 이벤트 경품 지급 및 이벤트 안내<br> - 보유 및 이용기간 : 이벤트 종료 후 3개월 이내 파기<br> - 개인정보 수집 이용에 동의하지 않을 수 있으나, 미동의 시 이벤트 참여가 불가합니다.<br> </div> <div class="btn-area" style="padding-top:10px;"> <button type="button" onclick="$('#eventOutMallPopup').hide();" class="btn normal medium buy-btn" style="width: 200px">닫기</button> <button type="button" id="submitOutMallEvent" class="btn weighty medium" style="width: 414px">응모완료</button> </div> </div> </div> </div> </div> </div> <!-- 본문시작 --> <div id="content"> <div class="wrapper"> <!-- 리뷰 --> <div class="event-wrapper" id="event" style="margin-top:20px;margin-bottom:70px;"> <div class="event-cont-box"> <div class="event-detail"> <div class="head-area"> <p class="date"> 2024-12-11 ~ 2024-12-17 </p> <strong style="text-decoration:line-through;">셀트리온 뷰티몰 연말결산 메가세일</strong> <p class="info" style="text-decoration:line-through;">UP TO 65% 2024 셀트리온 연말결산</p> <input type="hidden" id="returnUrl" value="/event/detail/EVT0001427"/> <input type="hidden" id="eventNoVote" value="EVT0001427"> <input type="hidden" id="weekInfo" value=""> <input type="hidden" id="env" value="prd"> <input type="hidden" id="eventClkFlg" value="0"> <input type="hidden" id="eventId" value="1427"> <div class="share-sns-area"> <a href="javascript:;" class="facebook" >페이스북</a> <a href="javascript:;" class="kakao" id="kakao-link-btn">카카오톡</a> <span id="copyUrl">URL</span> </div> </div> <div class="cont-area" style="margin-bottom:50px;filter:brightness(0.4);"> <div style="position:absolute;width:1240px;height:100%;"></div> <input type="hidden" id="mbrId" value=""> <input type="hidden" id="isLogin" value="false"> <div style="text-align: center;" align="center"> <img src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241203/event_12_megasale_pc_01.jpg" width="1240" border="0"> </div> <div class="tab-container" id="event_tab_sticky" style="position:sticky;top:126px;background-color:white;width:1240px;z-index:43;"> <div class="tabs"> <div class="tab" id="tab0" data-tab-num="0" style="cursor: pointer; "> <div class="emoji-converter" data-tab-num="0" data-emoji-value="쿠폰/혜택" ">></div> </div> <div class="tab" id="tab1" data-tab-num="1" style="cursor: pointer; "> <div class="emoji-converter" data-tab-num="1" data-emoji-value="셀트리온 BEST" style=""">></div> </div> <div class="tab" id="tab2" data-tab-num="2" style="cursor: pointer; "> <div class="emoji-converter" data-tab-num="2" data-emoji-value="럭키쿠폰" style=""">></div> </div> <div class="tab" id="tab3" data-tab-num="3" style="cursor: pointer; "> <div class="emoji-converter" data-tab-num="3" data-emoji-value="비밀특가" style=""">></div> </div> </div> </div> <div class="tab-content " id="tabContent0"> <img src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241203/event_12_megasale_pc_02.jpg" width="1240" usemap="#event_megasale_pc_241105_02_Map" border="0"> <map name="event_megasale_pc_241105_02_Map"> <area shape="rect" coords="285,1253,959,1378" id="couponDown" href="#"> </map> <img src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241203/event_12_megasale_pc_03.jpg" width="1240" border="0"> <img src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241203/event_12_megasale_pc_04.jpg" width="1240" usemap="#event_megasale_pc_241105_04_Map" border="0"> <map name="event_megasale_pc_241105_04_Map"> <area shape="rect" coords="203,302,618,850" href="https://www.celltrionbeauty.com/item/IT2024086414"> <area shape="rect" coords="622,301,1037,849" href="https://www.celltrionbeauty.com/item/IT2024076084"> <area shape="rect" coords="281,1405,959,1522" href="https://pf.kakao.com/_wvTjj"> </map> </div> <div class="tab-content " id="tabContent1"> <img src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241203/event_12_megasale_pc_05.jpg" width="1240" usemap="#event_12_megasale_pc_05_Map" border="0"> <map name="event_12_megasale_pc_05_Map"> <area shape="rect" coords="153,329,1090,849" href="https://www.celltrionbeauty.com/item/DL2024050859"> <area shape="rect" coords="156,878,1090,1394" href="https://www.celltrionbeauty.com/item/DL2024030707"> <area shape="rect" coords="149,1429,1088,1942" href="https://www.celltrionbeauty.com/item/DL2024030716"> <area shape="rect" coords="154,2375,1089,2892" href="https://www.celltrionbeauty.com/item/ST2024062875"> <area shape="rect" coords="156,2926,1086,3438" href="https://www.celltrionbeauty.com/item/DL2024070960"> <area shape="rect" coords="155,3477,1085,3983" href="https://www.celltrionbeauty.com/item/DL2024070958"> <area shape="rect" coords="152,4421,1090,4936" href="https://www.celltrionbeauty.com/item/DL2024070942"> <area shape="rect" coords="155,4970,1089,5483" href="https://www.celltrionbeauty.com/item/ST2021090850"> <area shape="rect" coords="155,5523,1089,6031" href="https://www.celltrionbeauty.com/item/DL2024040780"> </map> </div> <div class="tab-content " id="tabContent2"> <table cellpadding="0" cellspacing="0" width="1240" align="center"> <tbody> <tr> <td><img src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241209/event_12_megasale_pc_05_1.jpg" width="100%"></td> </tr> <tr bgcolor="#178efa"> <td><img id="applyPrizeEvent" src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241209/event_12_megasale_pc_05_2.jpg" width="100%" style="cursor:pointer;"></td> </tr> <tr bgcolor="#178efa"> <td><img id="checkMyCoupon" src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241209/event_12_megasale_pc_05_3.jpg" width="100%" style="cursor:pointer;"></td> </tr> <tr bgcolor="#178efa"> <td><img id="checkWinEvent" src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241209/event_12_megasale_pc_05_4.jpg" width="100%" style="cursor:pointer;"></td> </tr> <tr> <td><img src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241209/event_12_megasale_pc_05_5.jpg" width="100%"></td> </tr> </tbody> </table> </div> <div class="tab-content " id="tabContent3"> <img src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241203/event_12_megasale_pc_07.jpg" width="1240" usemap="#event_megasale_pc_241105_07_Map" border="0"> <map name="event_megasale_pc_241105_07_Map"> <area shape="rect" coords="157,338,603,950" href="https://www.celltrionbeauty.com/item/IT2024127936"> <area shape="rect" coords="637,337,1083,949" href="https://www.celltrionbeauty.com/item/IT2024127942"> <area shape="rect" coords="154,978,602,1596" href="https://www.celltrionbeauty.com/item/IT2024127933"> <area shape="rect" coords="635,982,1086,1597" href="https://www.celltrionbeauty.com/item/IT2024127941"> <area shape="rect" coords="156,1625,606,2241" href="https://www.celltrionbeauty.com/item/IT2024127951"> <area shape="rect" coords="636,1626,1084,2243" href="https://www.celltrionbeauty.com/item/ST2024123123"> <area shape="rect" coords="268,2294,957,2411" class="move_division new-goods-list5" href="#"> </map> <img src="https://image.celltrionbeauty.com/attach/images/img/beautymall/241203/event_12_megasale_pc_08.jpg" width="1240" border="0"> </div> </div> </div> <script> $(document).ready(function(){ $('.emoji-converter').each(function(){ let emojiValue = $(this).data('emojiValue'); let convertStr = ''; let emojis = emojiValue.split('@{'); if (emojis.length > 1) { for (var i=0;i<emojis.length;i++) { if ($.trim(emojis[i]) != '') { let point = emojis[i].indexOf('}'); let cut = emojis[i].substring(0, point); convertStr += String.fromCodePoint(cut); convertStr += emojis[i].substring(point + 1); } } } else { convertStr = emojiValue; } $(this).html(convertStr); }); }); </script> </div> </div> <!-- //리뷰 --> </div> </div> <div class=" layer-popup nonmember-popup" id="prizeEventPopup" style="background-color:rgba(0, 0, 0, 0.8);"> <div class="wrapper" style="width: 360px" > <div class="popup" > <div class="popup-content" style="padding: 0px;"> <div class="popup-body"> <div id="lotteryScratch"></div> <div id="lotteryScratchButton" class="btn-area" style="display: none; justify-content: center; margin-top: 0px"> <a href="javascript:$('#prizeEventPopup').hide();" style="width: 100%;height:60px;padding-top:10px;font-size:1.3em;font-weight:550" class="btn weighty small">확인</a> </div> </div> </div> </div> </div> </div> <div class=" layer-popup nonmember-popup" id="checkWinEventPopup"> <div class="wrapper" style="width: 800px" > <div class="popup" > <div class="popup-content" style="padding:40px 20px 20px;"> <div class="popup-body"> <h2 style="text-align:center;margin-bottom:20px;font-weight:550;">이벤트 당첨내역</h2> <table class="winning_detail"> <colgroup> <col width="160" /> <col width="60" /> <col width="*" /> </colgroup> <tr> <th>일자</th> <th>등수</th> <th>내역</th> </tr> </table> <div class="winning_detail_scroll"> <table class="winning_detail"> <colgroup> <col width="160" /> <col width="60" /> <col width="*" /> </colgroup> <tbody id="winningTable"> </tbody> </table> </div> <div class="btn-area" style="justify-content: center;"> <a href="javascript:$('#checkWinEventPopup').hide();" class="btn weighty small">확인</a> </div> </div> </div> </div> </div> </div> <style> .winning_detail{ width: 100%; } .winning_detail th{ padding: 5px; border-bottom: 2px #000 solid; } .winning_detail td{ padding: 5px; text-align: center; border-bottom: 1px #ddd solid; font-size: 16px; } .winning_detail_scroll{ width: 100%; height: 310px; overflow: scroll; } </style> <script> $("#go-qna").click(function() { var qna_top = $("#img-qna").offset().top; $("html,body").animate({ scrollTop: qna_top + 50 }, 500); return false; }); $("#go-comment").click(function() { var comment_top = $(".cmt-register-wrap").offset().top; $("html,body").animate({ scrollTop: comment_top - 150 }, 500); return false; }); $(".go_recomment_list_scroll").click(function() { var recommend_list_top = $(".related-item-list").offset().top; $("html,body").animate({ scrollTop: recommend_list_top - 220 }, 500); return false; }); function loginChk(){ if(cl.isLogin == 'false'){ if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ location.reload(); }else{ location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } }; </script> <script src="https://t1.kakaocdn.net/kakao_js_sdk/2.3.0/kakao.min.js" integrity="sha384-70k0rrouSYPWJt7q9rSTKpiTfX6USlMYjZUtr1Du+9o4cGvhPAWxngdtVZDdErlh" crossorigin="anonymous"></script> <script type='text/javascript'> //<![CDATA[ Kakao.init(window.cKakao['kakaoLinkApiKey'] ); function sendLink() { var userId = ''; var baseUrl = 'https://' + window.c['siteDomain'] + '/member/join-step1'; var requestUrl = baseUrl +'?ref='+userId; Kakao.Share.sendDefault({ objectType: 'feed', content: { title: '셀트리온뷰티몰 초대 이벤트', description: '추천인 아이디 : '+ userId, imageUrl: 'https://www.celltrionbeauty.com/resources/images/main/ico/800_kakaoref2.jpg', link: { mobileWebUrl: requestUrl, webUrl : requestUrl, } }, buttons: [ { title: '지금 가입하고 혜택받기', link: { mobileWebUrl : requestUrl, webUrl : requestUrl, }, }, ], }); } //]]> </script> <!-- 룰렛 이벤트 용 --> <input type="hidden" id="mbrId" value=""> <style> .roulette_box_area{ width:100%; position:relative; } .roulette_box_area .roulette_box_bg{ position:absolute; } .roulette_box{ width: 722px; position: absolute; padding-top: 0px; margin-left: calc(50% - 361px); } .roulette_box .niddle{ z-index:20; } .roulette_box .niddle img{ position: absolute; width: 14.265927%; z-index:10; margin-left: 42.8670360%; } .roulette_box .circle{ z-index:10; } #roulette_image{ margin-top: 50px; width: 100%; z-index:9; } #roulette_start_btn{ position: absolute; width: 23.54570%; top:calc(50% - 59px); left:38.22714681%; z-index: 10; } #roulette_result{ display: none; } #roulette_result.on{ display: block; position: absolute; z-index: 9999; left: 35%; width: 30%; } </style> <script type="text/javascript" src="/resources/js/jQueryRotateCompressed.js"></script> <script type="text/javascript" src="/resources/js/scratch.js"></script> <script> var flag = true; var isSubmitting = false; window.onload = function() { $(document).on('click', '#roulette_start_btn', function(){ if ($('.cont-area').length > 1) { return false; } if (cl.isLogin == 'false') { if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ return; } else { location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } if (flag) { flag = false; var data = { eventId: $('#eventId').val() }; rd.Ajax.post(this, { url: '/event/roulette', data : data }).done(function(d){ let res = d.result; if(res.result == "false"){ flag = true; alert(res.msg); } else { rotation(res.rank, res.angle, res.imageUrl); } }).fail(function(e){ e.alertError(); if(e.data.code == "LGN003") { location.href = '/member/login?returnUrl=' + $('#returnUrl').val(); } location.reload(); }); } }); $(document).on('click', '#roulette_result, .layer-dim-hold', function(){ closeRouletteWinPop(); }); function rotation(rank, angle, imageUrl){ $("#roulette_image").rotate({ angle: 0, animateTo: 360 * 10 + angle, center: ["50%", "50%"], easing: $.easing.easeInOutElastic, callback: function(){ endAnimate(rank, imageUrl); }, duration: 15000 }); } function endAnimate(rank, imageUrl){ $('#roulette_result_img').attr('src', imageUrl); $("#roulette_result").addClass('on'); $("#roulette_result").show(); $(".layer-dim-hold").show(); setTimeout(function(){ closeRouletteWinPop(); }, 2500); flag = true; } function closeRouletteWinPop() { $('#roulette_result_img').attr('src', ''); $('#roulette_result').removeClass('on'); $('#roulette_result').hide(); $(".layer-dim-hold").hide(); } $(document).on('click', '#thirdPartyAgreePopup', function(){ if (window.cKakao.isLogin == 'false') { if (confirm("로그인이 필요합니다. 로그인 하시겠습니까?")) { location.href='/member/login?returnUrl=' + $('#returnUrl').val(); } return false; } rd.Ajax.post(this, { url: '/event/prize-coupon-check', data: {eventId: $('#eventId').val()} }).done(function(d){ if (d.couponCnt > 0) { alert('이미 응모권을 받으셨습니다.'); return false; } else { if (d.isDirectInsert) { alert('응모권 지급이 완료되었습니다.\n룰렛을 돌려 100% 당첨 경품 혜택을 누려보세요.'); return false; } else { $('#thirdPartyPopup').show(); } } }).fail(function(e){ e.alertError(); if(e.data.code == "LGN003") { location.href = '/member/login?returnUrl=' + $('#returnUrl').val(); } }); }); $(document).on('click', '#thirdPartyAgreeBtn', function(){ if ($('.cont-area').length > 1) { return false; } if (window.cKakao.isLogin == 'false') { if (confirm("로그인이 필요합니다. 로그인 하시겠습니까?")) { location.href='/member/login?returnUrl=' + $('#returnUrl').val(); } return false; } rd.Ajax.post(this, { url: '/event/agree-third-party', data: {eventId: $('#eventId').val()} }).done(function(d){ alert('마케팅 개인정보 제3자 제공 동의가 완료되었습니다.\n룰렛을 돌려 100% 당첨 경품 혜택을 누려보세요.'); $('#thirdPartyPopup').hide(); }).fail(function(e){ e.alertError(); if(e.data.code == "LGN003") { location.href = '/member/login?returnUrl=' + $('#returnUrl').val(); } }); }); $(document).on('click', '#kakao-link-btn', function(){ var check = $("#kakao-share-event").length; if(check > 0){ if(cl.isLogin == 'false'){ if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ return; }else{ location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } else { //setTimeout(function() { // alert("나의 응모 가능 티켓수에서 확인해보세요.\n(나에게 공유하기는 응모권 수에 반영이 되지 않습니다.)") //}, 7000); } } }); $(document).on('click', '#kakao-share-btn', function(){ if(cl.isLogin == 'false'){ if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ return; }else{ location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } }); // 응모버튼 클릭 $('#applyPrizeEvent').click(function(){ if ($('.cont-area').length > 1) { return false; } if(cl.isLogin == 'false'){ if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ return; }else{ location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } if($("#eventClkFlg").val() == '1'){ alert("이벤트 응모중입니다. 잠시만 기다려주세요"); return; } $("#eventClkFlg").val('1'); var data = { eventId: $('#eventId').val() }; rd.Ajax.post(this, { url: '/event/apply-prize', data: data }).done(function(d){ var res = d.result; if(res.result == "false"){ alert(res.msg); } else { var imgage = new Image(); imgage.src="/resources/images/event/lottery_image_240805.png"; imgage.onload = function(){ $("#lotteryScratch canvas").remove(); $('#lotteryScratchButton').hide(); var canvas = document.getElementById('lotteryScratch') var ei = new ExposeImage(canvas, res.imageUrl, 360, 360, this) $("#prizeEventPopup").show(); } } $("#eventClkFlg").val('0'); }).fail(function(e){ console.log(e.data.code); e.alertError(); $("#eventClkFlg").val('0'); location.reload(); }); }); // 보유 쿠폰 갯수 확인 클릭 $(document).on('click', '#checkMyCoupon', function(){ if ($('.cont-area').length > 1) { return false; } if(cl.isLogin == 'false'){ if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ return; }else{ location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } var data = { eventId: $('#eventId').val(), }; rd.Ajax.post(this, { url: '/event/prize-coupon-check', data: data }).done(function(d){ if (d.agreeThirdPartyAgreeCnt > 0) { if (d.isDirectInsert) { alert('응모권 지급이 완료되었습니다.\n룰렛을 돌려 100% 당첨 경품 혜택을 누려보세요'); } else { alert(d.couponCnt > 0 ? '이미 응모권을 받으셨습니다.' : '금일 발행될 수 있는 응모권을 모두 소진하셨습니다.'); } } else { if (d.todayWinCount > 0) { alert('금일 발행될 수 있는 응모권을 모두 소진하셨습니다.'); } else { $('#thirdPartyPopup').show(); } } }).fail(function(e){ e.alertError(); if(e.data.code == "LGN003") { location.href = '/member/login?returnUrl=' + $('#returnUrl').val(); } }); }); // 당첨내역 확인 $(document).on('click', '#checkWinEvent', function(){ if ($('.cont-area').length > 1) { return false; } if(cl.isLogin == 'false'){ if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ return; }else{ location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } var data = { eventId: $('#eventId').val(), }; rd.Ajax.post(this, { url: '/event/event-win-check', data: data }).done(function(d){ var html = ""; if(d.result?.length > 0){ d.result.forEach(item => { html += "<tr>"; html += "<td>" + rd.util.date.setDateFormat(item.REG_DT, 'mdHm') + "</td>"; html += "<td>" + item.RANK + "등</td>"; html += "<td>" + item.TITLE + "</td>"; html += "</tr>"; }) } else { html += "<tr>"; html += "<td colspan=4>당첨내역이 없습니다.</td>"; html += "</tr>"; } $("#winningTable").html(html); $("#checkWinEventPopup").show(); }).fail(function(e){ console.log(e.data.code); e.alertError(); if(e.data.code == "LGN003") { location.href = '/member/login?returnUrl=' + $('#returnUrl').val(); } }); }); $(document).on('click', '.attendance', function () { if (isSubmitting) { return; } if(cl.isLogin == 'false'){ if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ return; }else{ location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } if (confirm("출석체크 이벤트에 응모하시겠습니까?")) { var attendanceDate = ""; isSubmitting = true; for (var i = 0; i < this.classList.length; i++) { var className = this.classList[i]; if (className.indexOf("202") === 0) { attendanceDate = className; } } $('#attendanceDate').val(attendanceDate); if ($("#marketingAgreeYn").val() == 'Y') {//마케팅 수신동의 var data = { eventId: $('#eventId').val(), attendanceDate: attendanceDate }; attend(data); } else {//마케팅 수신 미동의 $("#marketingAgreeYnPopup").show(); isSubmitting = false; } } }); $('.copyHashTag').on('click', function (e) { $('#clip_target').val("#광고 #셀트리온이너랩 #식물성오메가3 #임산부오메가3 #씹어먹는오메가 본 포스팅은 셀트리온스킨큐어 이너랩으로부터 무료 체험단 이벤트에 참여하고 제품을 제공받아 공유한 글입니다."); //input박스 value를 선택 $('#clip_target').select(); try { var successful = document.execCommand('copy'); if(successful) alert("복사가 완료되었습니다."); } catch (err) { alert('이 브라우저는 지원하지 않습니다.'); } }); $(document).on('click', "#applyVipGift", function () { if(cl.isLogin == 'false'){ if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ return; }else{ location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } rd.Ajax.post(this, { url: '/event/applyVipGift' }).done(function(d){ location.href = d.returnUrl; }).fail(function(e){ e.alertError(); if(e.data.code == "LGN003") { location.href = '/member/login?returnUrl=' + $('#returnUrl').val(); } }); }) $('.imageDown').click(function () { if (isSubmitting) { return; } if(cl.isLogin == 'false'){ if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ return; }else{ location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } var fileName = ""; isSubmitting = true; for (var i = 0; i < this.classList.length; i++) { var className = this.classList[i]; if (className.indexOf("background") === 0) { fileName = className; } } location.href = '/fileDownload/image/' + fileName + '?extension=jpg&isDownload=true'; setTimeout(function () { isSubmitting = false; }, 1000); }) $('.applySelect').click(function () { var a_unselect = 'http://image.celltrionbeauty.com/attach/images/img/beautymall/event_innerlab_pc_220303_04.jpg'; var a_select = 'http://image.celltrionbeauty.com/attach/images/img/beautymall/event_innerlab_pc_220303-_04.jpg'; var b_unselect = 'http://image.celltrionbeauty.com/attach/images/img/beautymall/event_innerlab_pc_220303_05.jpg'; var b_select = 'http://image.celltrionbeauty.com/attach/images/img/beautymall/event_innerlab_pc_220303-_05.jpg'; for (var i = 0; i < this.classList.length; i++) { var className = this.classList[i]; if (className.indexOf("a-select") === 0) { $('#a-select').attr("src", a_select); $('#b-select').attr("src", b_unselect); $('#selectVal').val("a"); } else if (className.indexOf("b-select") === 0) { $('#a-select').attr("src", a_unselect); $('#b-select').attr("src", b_select); $('#selectVal').val("b"); } } }) $('#applySelect').click(function () { if (isSubmitting) { return; } if(cl.isLogin == 'false'){ if(!confirm("로그인이 필요합니다. 로그인 하시겠습니까?")){ return; }else{ location.href='/member/login?returnUrl=' + $('#returnUrl').val(); return; } } var select = $('#selectVal').val(); if (select == null || select === '') { alert('건강기능식품을 선택해주세요.'); return; } isSubmitting = true; rd.Ajax.post(null, { url: '/event/apply-select', data: { eventId: $('#eventId').val(), select: select } }).done(function(d){ alert("응모되었습니다."); isSubmitting = false; }).fail(function(e){ console.log(e.data.code); e.alertError(); isSubmitting = false; if(e.data.code == "LGN003") { location.href = '/member/login?returnUrl=' + $('#returnUrl').val(); } }); }) }; function attend(data) { rd.Ajax.post(this, { url: '/event/apply-attendance', data: data }).done(function(d){ $("#marketingAgreeYnPopup").hide(); var res = d.result; alert(res.msg); location.reload(); }).fail(function(e){ console.log(e.data.code); e.alertError(); location.reload(); }); } //마케팅 수신동의 실행 function agreeMarketingAgree(){ if (isSubmitting) { return; } var attendanceDate = $('#attendanceDate').val(); if($("input:checkbox[name=marketingAgreeYn]").is(":checked") == true) { var data = { mbrId: $('#mbrId').val() }; isSubmitting = true; rd.Ajax.post(this, { url: '/event/agreeMarketingAgree', data: data }).done(function(d){ var res = d.result; if(res.result == "false"){ alert(res.msg); location.reload(); } else { var data = { eventId: $('#eventId').val(), attendanceDate: attendanceDate }; attend(data); } }).fail(function(e){ console.log(e.data.code); e.alertError(); location.reload(); }); }else{ alert("광고 수신동의 체크해 주세요."); } } //마케팅 수신동의 실행 function agreeMarketingAgreeOmega(){ if (isSubmitting == true) { return; } if($("input:checkbox[name=marketingAgreeYn]").is(":checked") == true) { var data = {}; isSubmitting = true; rd.Ajax.post(this, { url: '/event/agreeMarketingAgreeOmega', data: data }).done(function(d){ var res = d.result; if(res.result == "false"){ alert(res.msg); location.reload(); } else { alert('수신동의 되었습니다.'); $("#marketingAgreeYnPopupOmega").hide(); location.href = '/item/' + res.msg; } }).fail(function(e){ console.log(e.data.code); e.alertError(); location.reload(); }); }else{ alert("이벤트/쇼핑혜택 수신 동의에 체크해주세요."); } } function dataURLtoBlob(dataurl) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } return new Blob([u8arr], { type: mime }); } function downloadImg(imgSrc) { var image = new Image(); image.crossOrigin = "anonymous"; image.src = imgSrc; var fileName = image.src.split("/").pop(); image.onload = function() { var canvas = document.createElement('canvas'); canvas.width = this.width; canvas.height = this.height; canvas.getContext('2d').drawImage(this, 0, 0); if (typeof window.navigator.msSaveBlob !== 'undefined') { window.navigator.msSaveBlob(dataURLtoBlob(canvas.toDataURL()), fileName); } else { var link = document.createElement('a'); link.href = canvas.toDataURL(); link.download = fileName; link.click(); } isSubmitting = false; }; } var liveTimeCount; function requestTimer(id) { const targetTime = $("#target" + id).attr('value'); CountDownTimer(targetTime, id); setTimeout(function () { $(".time_sale").show(); }, 1000); } function CountDownTimer(dday, targetId) { var countDownDate = dday; clearInterval(liveTimeCount); liveTimeCount = setInterval(function() { var now = new Date().getTime(); var distance = countDownDate - now; var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); function showRemaining() { if(days === 0) $('.day' + targetId).hide(); if(days < 0) { days = 0; hours = 0; minutes = 0; seconds = 0; $('.ti' + targetId).hide(); $('.time_sale .tit').text("ON AIR"); $('.time_sale .tit').addClass("on-air"); clearInterval(liveTimeCount); } $('.day' + targetId).html('D-' + days); $('.ti' + targetId).html(pad(hours,2) + ':' + pad(minutes,2) + ':' + pad(seconds,2)); } showRemaining(); }, 1000); } function pad(n, width) { n = n + ''; return n.length >= width ? n : new Array(width - n.length + 1).join('0') + n; } </script> <input id="clip_target" style="position: absolute; opacity: 0" value=" " /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-rwdImageMaps/1.6/jquery.rwdImageMaps.min.js" integrity="sha256-H0jJMH37jcA7SQWWbILbmKZkAQyD6pUqbR46qtwAcDs=" crossorigin="anonymous"></script> <script src="/resources/js/lib/jquery.jmap.js?1736830193335"></script> <script> (function($){ $(document).ready(function(e) { lazyImageObserve(); setTimeout(function () { $('img[usemap]').jMap(); }, 500); var alertMsg = ''; if (alertMsg != null && alertMsg != undefined && alertMsg.length > 0) { history.pushState(null, null, window.location.origin + window.location.pathname); alert(alertMsg); } var eventTypeCd = 'display.event.type.normal'; if (eventTypeCd == 'display.event.type.live') { requestTimer(3); } // 장콘서트 임시 코드(241113) let isHiddenDisplayEvent = $('input:hidden[name="hiddenDisplayEvent"]').val() === 'Y'; if (isHiddenDisplayEvent) { if (window.cKakao.isLogin == 'false'){ $('#hidden_login_area').show(); } else { $('#hidden_ticket_area').show(); } } }); $(document).on('click', '#hidden_login_area', function(){ location.href = '/login/kakao?returnUrl=' + $('#returnUrl').val() + '&joinPath=jyjConcert'; }); $(document).on('click', '#hidden_ticket_area', function(){ if ($("#eventClkFlg").val() == '1') { alert("처리중입니다. 잠시만 기다려주세요."); return; } $("#eventClkFlg").val('1'); var data = { type: 'anything' }; rd.Ajax.post(this, { url: '/event/apply-concert', data: data }).done(function (d) { var res = d.result; if (res.result == "false") { alert(res.msg); } else { window.open($('input:hidden[name="tikHUrl"]').val()); } $("#eventClkFlg").val('0'); }).fail(function (e) { console.log(e.data.code); e.alertError(); $("#eventClkFlg").val('0'); }); }); $(document).on('click', '#free_coupon_area', function(){ if (cl.isLogin == 'false') { if (!confirm("무료 증정 혜택은 신규회원에게만 제공 가능합니다.\n회원 가입 하시겠습니까?")) { return; } else { location.href = '/login/kakao?returnUrl=' + $('#returnUrl').val(); return; } } if ($("#eventClkFlg").val() == '1') { alert("처리중입니다. 잠시만 기다려주세요."); return; } $("#eventClkFlg").val('1'); var data = { type: 'anything' }; rd.Ajax.post(this, { url: '/event/apply-concert', data: data }).done(function (d) { var res = d.result; if (res.result == "false") { alert(res.msg); } else { location.href = '/item/IT2024117879'; } $("#eventClkFlg").val('0'); }).fail(function (e) { console.log(e.data.code); e.alertError(); $("#eventClkFlg").val('0'); }); }); $(document).on('click', '#free_coupon_area', function(){ if (cl.isLogin == 'false') { if (!confirm("본 이벤트는 셀트리온뷰티몰 회원만 참여 가능합니다. 가입 하시겠습니까?")) { return; } else { location.href = '/login/kakao?returnUrl=' + $('#returnUrl').val(); return; } } location.href = '/item/IT2024117879'; }); $(document).on('click', '.go_tab_division', function(){ $('#tab' + $(this).attr('type')).trigger('click'); }); $(document).on('click', '.move_division', function(){ var divisionCd; for (var i=0;i<$(this).prop("classList").length;i++) { if ($(this).prop("classList")[i].startsWith('new-goods-list')) { divisionCd = Number($(this).prop("classList")[i].split('new-goods-list')[1]); break; } } if (divisionCd != null) { if (divisionCd == '0') { let timeSaleBottomYn = 'N'; if (timeSaleBottomYn == 'Y') { divisionCd = $('.new-goods-list').length; } } let offset; if ($('.quick-tab').length > 0) { changeTabDivision(divisionCd); offset = $('.quick-tab').offset(); } else { offset = $('.product_sec').offset(); } $('html, body').animate({scrollTop : offset.top - 160}, 400); } }); $(document).on('click', '#req_vipGift', function(){ if (cl.isLogin == 'false') { alert('뷰티몰 회원님께만 제공되는 서비스입니다.'); return false; } if ('' == 'false') { alert('VIP 또는 VVIP 등급이신 고객님만 신청이 가능합니다.') return false; } if ('' == 'false') { alert('스페셜 기프트 신청 기간이 아닙니다.'); return false; } location.href = '/member/login?returnUrl=/mypage'; }); $(document).on('click', '.kakao_direct_login', function(){ location.href='/login/kakao?returnUrl=' + $('#returnUrl').val(); }); $(document).on('click', '#apply_event_outmall', function(){ $('#eventOutMallPopup').show(); }); })(jQuery); </script> <footer> <div class="btn-top-scroll"> <button type="button">최상단으로 가기</button> </div> <div class="foot_top"> <div class="foot_top_in"> <p class="foot_logo"><img src="/resources/images/foot_logo.png" alt="CELLTRION"></p> <div class="ft_menu"> <ul> <li><a href="/main/company">회사소개</a></li> <li><a href="/main/policy">개인정보처리방침</a></li> <li><a href="/main/terms">이용약관</a></li> <li><a href="/cs/notice">공지사항</a></li> <li><a href="/cs/offstore">매장안내</a></li> <li><a href="/member/join-step1-employees" member-target="employee" data="joinMember">임직원회원가입</a></li> <li><a href="/purchase-inquiry">대량구매 문의</a></li> </ul> </div> <div class="fs_sele"> <p id="fs_sele_tit" class="fs_sele_tit">Family Site</p> <div class="fs_sele_div" style="display:none;"> <ul> <li><a href="http://www.celltrion.com" target="_blank">셀트리온</a></li> <li><a href="https://www.celltrionph.com/" target="_blank">셀트리온 제약</a></li> <li><a href="http://www.celltrionwelfare.com" target="_blank">셀트리온 복지재단</a></li> <li><a href="https://celltrionenter.com" target="_blank">셀트리온 엔터테인먼트</a></li> </ul> </div> </div> </div><!-- //foot_top_in --> </div><!-- //foot_top --> <div class="foot_con"> <div class="foot_con_in"> <div class="cc_div"> <div class="fc_tit">고객센터</div> <div class="ph_num">1588-8829</div> <div class="fc_tit">운영시간</div> <div class="fc_txt"> 평일 : 오전 9시 ~ 오후 6시 <br /> (점심시간 12시 30분 ~ 1시 30분) </div> </div> <div class="cp_div"> <div class="fc_tit">회사정보</div> <div class="fc_txt"> 회사명: ㈜셀트리온스킨큐어 <span class="bar">|</span> 대표 : 유헌영 <br/> 본사: 서울특별시 서초구 강남대로 601 <br/> 개인정보관리책임자 : 이한민 <span class="bar">|</span> 사업자등록번호 : 105-86-13560 <br/> 통신판매업신고번호 : 제 2016-서울서초-2240호 제 2016-0099505 <br/> TEL : 02-6200-1100 <span class="bar">|</span> FAX : 02-543-6444 <br/> 이메일 : <a href="mailto:webmaster@celltrionskincure.com">webmaster@celltrionskincure.com</a> </div> <div class="fc_tit">매장안내</div> <div class="fc_txt"> 본점: 서울특별시 서초구 강남대로 601, 1층 <a href="/cs/offstore" class="underline">판매처안내</a> </div> </div> <div class="kini_div"> <div class="sns"> <ul> <li><a href="https://www.instagram.com/hanskin_official/"><img src="/resources/images/sns_ins01.png" alt="instagram" style="width:38px;"></a></li> <li><a href="https://www.youtube.com/channel/UC7akIzmrbXb07QBdJ72HWyQ"><img src="/resources/images/sns_you01.png" alt="youtube" style="width:38px;"></a></li> <li><a href="https://pf.kakao.com/_wvTjj"><img src="/resources/images/sns_kakao01.png" alt="kakao" style="width:38px;"></a></li> </ul> </div> <div class="escro_tit"> ㈜KG이니시스 에스크로 <br /> 서비스 가입 </div> <div class="fc_txt" style="margin-top:10px;"> 저희 쇼핑몰은 고객님의 안전거래를 위해 <br /> 무통장입금 거래에 대해 구매안전서비스를 적용하고 있습니다. </div> <div class="copy">© 2020.CELLTRION SKINCURE. ALL RIGHTS RESERVED.</div> </div> <div class="cm_div"> <img src="/resources/images/common/footer_qrcode.png"> </div> </div> </div> </footer> <div class="loader-wrap"> <div class="loader"></div> </div> </div> <!--마일리지적립안내 팝업 --> <div class="layer-popup guide-popup" id="mileageInfoPopup"> <div class="wrapper" style=""> <div class="popup"> <div class="popup-content purchase-complete-pop cart-add-pop"> <div class="pop-head"> 마일리지 적립안내 </div> <div class="pop-body" style="text-align: left; margin-top: 40px;"> <p> - 쿠폰으로 할인받은 금액과 마일리지 등으로 결제한 금액을 제외한 최종 실 결제금액(카드,현금)으로 마일리지 적립이 적용됩니다.<br><br> - 고객등급(회원) 및 실 결제금액에 따라 적립 마일리지가 달라질 수 있으며, 상품 상세페이지 노출되는 마일리지 금액과 실제 적립된 마일리지 금액은 차이가 있을수 있습니다.<br><br> - 주문 마일리지는 구매확정시 즉시 지급됩니다.</p> </div> </div> <a class="btn close closeConfirmPopup" href="javascript:void(0);">닫기<span class="icon"></span></a> </div> </div> </div> <!--리뷰작성완료 팝업 --> <div class="layer-popup guide-popup" id="reviewDone"> <div class="wrapper" style="width: 400px"> <div class="popup"> <div class="popup-content purchase-complete-pop" style="padding: 30px 10px 10px"> <div class="pop-body" style="font-family:'Montserrat' "> <p style="font-size: 22px; font-weight: bold; margin-top: 20px;">리뷰 작성 완료!</p> <p style="font-size: 22px"><span style="color: red; font-weight: bold;">+<strong class="saveMile">0</strong>M</span> 가 적립되었습니다</p> <div style="background: url('/resources/images/popup/review-write.png') no-repeat; width:270px; height: 140px; text-align: center; padding-top: 70px; background-size: contain; margin: 0 auto; font-size: 30px; font-weight: bold;"></div> <p>즐거운 쇼핑하세요 :)</p> </div> <div class="pop-foot" style="margin-top: 20px"> <button type="button" style="width:48%; height: 50px; line-height: 48px" class="btn large normal closeConfirmPopup" onclick="location.reload();">닫기</button> <button type="button" style="width:48%; height: 50px; line-height: 48px" class="btn large weighty" onclick="location.href = '/mypage/account/mileage'">마일리지 확인</button> </div> </div> </div> </div> </div> <!--로그인없이 리뷰작성완료 팝업 --> <div class="layer-popup guide-popup" id="reviewDoneNoLogin"> <div class="wrapper" style="width: 400px"> <div class="popup"> <div class="popup-content purchase-complete-pop" style="padding: 30px 10px 10px"> <div class="pop-body" style="font-family:'Montserrat' "> <p style="font-size: 22px; font-weight: bold; margin-top: 20px;">리뷰 작성 완료!</p> <p style="font-size: 22px"><span style="color: red; font-weight: bold;">+<strong class="saveMileNoLogin">0</strong>M</span> 가 적립되었습니다</p> <div style="background: url('/resources/images/popup/review-write.png') no-repeat; width:270px; height: 140px; text-align: center; padding-top: 70px; background-size: contain; margin: 0 auto; font-size: 30px; font-weight: bold;"></div> <p>즐거운 쇼핑하세요 :)</p> </div> <div class="pop-foot" style="margin-top: 20px"> <button type="button" style="width:48%; height: 50px; line-height: 48px" class="btn large normal closeConfirmPopup" onclick="location.reload();">닫기</button> </div> </div> <a class="btn close closeConfirmPopup" href="javascript:location.reload();">닫기<span class="icon"></span></a> </div> </div> </div> <!--장바구니 팝업 --> <div class="layer-popup guide-popup" id="confirmCartAdd"> <div class="wrapper" style=""> <div class="popup"> <div class="popup-content purchase-complete-pop cart-add-pop" style="border-radius:35px;"> <div class="pop-body"> <p style="font-weight: bold">장바구니에 상품이 담겼습니다.</p> <div class="img"> <img src="/resources/images/popup/cart_add.png?v=1" alt="장바구니추가" style="width:150px;height:150px;"> </div> </div> <div class="pop-foot"></div> </div> </div> </div> </div> <div class="layer-dim-hold"></div> <style> #confirmCartAdd .wrapper{ width: 400px; } #confirmCartAdd.layer-popup .popup-content{ padding: 30px 10px 10px; font-size: 22px; } #confirmCartAdd .wrapper .pop-foot { display: flex; justify-content: center; margin-top : 40px } #confirmCartAdd .wrapper .pop-body .img{ margin-top: 20px; } #confirmCartAdd .wrapper .pop-foot .btn.large{ height: 50px; line-height: 48px; } </style> <!-- 네이버 애널리틱스 --> <!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 --> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script> <script type="text/javascript"> // A. Account ID 적용 if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_568be5ee3f14"; //B.유입추적함수 if (!_nasa) var _nasa={}; if(window.wcs){ wcs.inflow("www.celltrionbeauty.com"); // C. 로그 수집 함수 호출 wcs_do(_nasa); } </script> <!-- Enliple Tracker Start --> <script type="text/javascript"> (function(a,g,e,n,t){a.enp=a.enp||function(){(a.enp.q=a.enp.q||[]).push(arguments)};n=g.createElement(e);n.async=!0;n.defer=!0;n.src="https://cdn.megadata.co.kr/dist/prod/enp_tracker_self_hosted.min.js";t=g.getElementsByTagName(e)[0];t.parentNode.insertBefore(n,t)})(window,document,"script"); enp('create', 'common', 'hanskin', { device: 'W' }); // W:웹, M: 모바일, B: 반응형 enp('send', 'common', 'hanskin'); </script> <!-- Enliple Tracker End --> <!-- ADN3.0 Tracker[방문자] start --> <script type="text/javascript"> window.addEventListener('load', function() { fnc_adn3_health_ok_check(function(){ var across_adn3_contain = new fn_across_adn3_contain(); var across_adn3_param = []; across_adn3_param = {"ut":"Home","ui":"108325"}; across_adn3_contain.init(across_adn3_param); }); }); </script> <!-- ADN3.0 Tracker[방문자] end --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10