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?1732783534733"> <link rel="apple-touch-icon" href="https://www.celltrionbeauty.com:443/resources/images/favicon/apple-touch-icon.png?1732783534733"><!-- 애플 아이콘 --> <link rel="apple-touch-icon-precomposed" href="https://www.celltrionbeauty.com:443/resources/images/favicon/android-chrome-512x512.png?1732783534733"><!-- 안드로이드,아이폰 바탕화면 아이콘 --> <!-- 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?1732783534733"> <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?1732783534733"> <link rel="stylesheet" type="text/css" href="/resources/css/commonNew.css?1732783534733"> <link rel="stylesheet" type="text/css" href="/resources/css/celltrionmall.css?1732783534733"> <!-- 리뉴얼 스타일.css 추가 2024/02/06 --> <link rel="stylesheet" type="text/css" href="/resources/css/renew_style.css?1732783534733"> <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: '1732783534733', 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: '1732783534733', 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 : 'http://nplus.doortodoor.co.kr/web/detail.jsp?slipno=', 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?1732783534733"></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?1732783534733" ></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?1732783534733"></script> <script type="text/javascript" src="/resources/plugin/datepicker-1.0.0/datepicker.ko-KR.js?1732783534733"></script> <script type="text/javascript" src="/resources/plugin/gsap-1.20.3/TweenMax.min.js?1732783534733"></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?1732783534733"> <script src="/resources/js/commonNew.js?1732783534733"></script> <!-- Dev --> <script src="/resources/js/lib/jquery.form.min.js?1732783534733"></script> <script src="/resources/js/lib/jsrender.min.js?1732783534733"></script> <script src="/resources/js/lib/moment.min.js?1732783534733"></script> <script src="/resources/js/lib/underscore.min.js?1732783534733"></script> <script src="/resources/js/lib/underscore.string.min.js?1732783534733"></script> <script src="/resources/js/lib/jquery.cookie.js?1732783534733"></script> <script src="/resources/js/common/rd.core.js?1732783534733"></script> <script src="/resources/js/common/rd.util.js?1732783534733"></script> <script src="/resources/js/common/rd.base.js?1732783534733"></script> <script src="/resources/js/common/cl.site.common.js?1732783534733"></script> <script src="/resources/js/module/popup/cl.PopupManager.js?1732783534733"></script> <script src="/resources/js/page/member/signup.js?1732783534733"></script> <script src="/resources/js/common/function.js?1732783534733"></script> <script src="/resources/js/page/cellcure/cellcure.js?v=7"></script> <link rel="stylesheet" href="/resources/css/sub_style.css"> <script src="https://t1.kakaocdn.net/kakao_js_sdk/2.3.0/kakao.min.js" integrity="sha384-70k0rrouSYPWJt7q9rSTKpiTfX6USlMYjZUtr1Du+9o4cGvhPAWxngdtVZDdErlh" crossorigin="anonymous"></script> <input type="hidden" name="isExpDeal" id="isExpDeal" value="false" /> <input type="hidden" name="isExpDealOmega" id="isExpDealOmega" value="false" /> <input type="hidden" name="omegaEventMbr" id="omegaEventMbr" value="false" /> <script> isLogin = 'false'; itemNo = 'DL2024040780'; var isConditionItem = false; cl.siteCode.item_status_soldout = 'item.status.soldout'; cl.siteCode.item_comment_type_image = 'item.comment.type.image'; cl.siteCode.item_comment_type_text = 'item.comment.type.text'; </script> <!-- 상품상세 전용 js --> <script src="/resources/js/detail-ui.js?1732783534733"></script> <!-- paging js --> <script src="/resources/js/common/cl.paging.js?1732783534733"></script> <!-- order --> <script src="/resources/js/module/cl.Order.js?1732783534733"></script> <script src="/resources/js/module/cl.Cart.js?1732783534733"></script> <script src="/resources/js/module/cl.Wish.js?1732783534733"></script> <!-- 상품상세 탭 --> <script src="/resources/js/module/cl.ItemComment.js?1732783534733"></script> <script src="/resources/js/module/cl.ItemInquiry.js?1732783534733"></script> <!-- SNS리뷰 팝업 --> <script src="/resources/js/module/cl.SnsReview.js?1732783534733"></script> <!-- 상품 공유 --> <script src="/resources/js/module/cl.Share.js?1732783534733"></script> <script src="/resources/js/page/item/item-detail.js?1732783534733"></script> <!-- sns 공유 --> <meta property="og:title" content="[1+1]어린 비피다 엑스퍼트 바이옴 앰플 50ml+50ml"/> <meta property="og:type" content="product"/> <meta property="og:url" content='https://www.celltrionbeauty.com/item/DL2024040780'/> <meta property="og:description" content="[1+1]어린 비피다 엑스퍼트 바이옴 앰플 50ml+50ml"/> <meta property="og:image" content="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-represent.jpg"/> <meta property="og:site_name" content="셀트리온 뷰티몰" /> <script> var isCustomSearchMode = ''; </script> <script src="/resources/js/page/common/cl.Search.js?1732783534733"></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) { var recentItemsStr = window.localStorage.getItem('recentItems'); var recentCount = 0; if (recentItemsStr != null) { var recentArray = JSON.parse(recentItemsStr); recentCount = recentArray.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); if (searchCategorySelect.length === 0 && searchPriceType === 'all' && searchCondition === '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); } $('#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> ' + 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 = ['지금 가입하면 신규 웰컴딜 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">지금 가입하면 신규 웰컴딜 990원~</p> </a> </div> </div> <script src="/resources/js/page/main/linebanner.js?1732783534733"></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:36%;"> <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">맞춤검색 ></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="316" id="316" > <label class="not_focus_out" for="316">생활가전</label> </li> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="317" id="317" > <label class="not_focus_out" for="317">이미용가전</label> </li> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="323" id="323" > <label class="not_focus_out" for="323">생활용품</label> </li> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="325" id="325" > <label class="not_focus_out" for="325">스포츠/건강관리</label> </li> <li class="not_focus_out"> <input type="checkbox" class="no-uniform not_focus_out" name="searchCategory" value="327" id="327" > <label class="not_focus_out" for="327">가공식품</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="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> <li class="not_focus_out"> <input type="radio" class="no-uniform not_focus_out" name="searchCondition" value="lowPrice" id="search-lp" > <label class="not_focus_out" for="search-lp">최저가도전</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=""/> </form> </div> <div class="hd_ads" id="hd_ads_0" style="left:67%;"> <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_1" 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="hd_ads" id="hd_ads_2" 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_3" style="left:67%;display:none;"> <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_4" 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_5" 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_6" 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_7" 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_8" 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_9" 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="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"></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> <button class="brand_m"><span class="brand_m_sp">브랜드</span></button> <div class="hb_menu"> <ul> <li> <a href="/main/m-store"> <img src="/resources/images/main/hotdeal_small_pc.png" alt="핫딜회원관" style="width:91px;height:19px;vertical-align:sub;margin-bottom:0.5px;"> </a> </li> <li style="margin-top:2px;"> <a href="/main/big-sale" style="font-family:'Montserrat';">BIG SALE</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> </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="cel"><a href="/main/category/101">셀큐어</a></li> <li class="han"><a href="/main/category/2">한스킨</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/101">셀큐어</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/2">한스킨</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/127">이너랩</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> <li ><a href="#n">핫딜회원관</a> <ul class="dep2"> <li > <a href="/main/category/165">화장품/미용</a> <ul class="dep3"> <li> <a href="/main/category/175">스킨케어</a> </li> <li> <a href="/main/category/177">클렌징</a> </li> <li> <a href="/main/category/181">네일케어</a> </li> <li> <a href="/main/category/182">바디케어</a> </li> <li> <a href="/main/category/183">헤어케어</a> </li> <li> <a href="/main/category/185">향수</a> </li> <li> <a href="/main/category/186">뷰티소품</a> </li> </ul> </li> <li > <a href="/main/category/169">디지털/가전</a> <ul class="dep3"> <li> <a href="/main/category/188">생활가전</a> </li> <li> <a href="/main/category/189">이미용가전</a> </li> </ul> </li> <li > <a href="/main/category/173">생활/건강</a> <ul class="dep3"> <li> <a href="/main/category/243">스포츠/건강관리</a> </li> <li> <a href="/main/category/249">안마용품</a> </li> <li> <a href="/main/category/251">생활용품</a> </li> </ul> </li> <li > <a href="/main/category/174">식품</a> <ul class="dep3"> <li> <a href="/main/category/252">건강식품</a> </li> <li> <a href="/main/category/254">음료</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;"> <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> <!-- DV360 floodlight Code --> <iframe src="https://14708889.fls.doubleclick.net/activityi;src=14708889;type=cellt00;cat=itemk0;qty=[Quantity];cost=[Revenue];u1=[item id];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=;gdpr_consent=;ord=[OrderID]?" width="1" height="1" frameborder="0" style="display:none"></iframe> <!-- End DV360 floodlight Code --> <!-- Facebook Pixel Code --> <script> fbq('track', 'ViewContent', { value: 33800, currency: 'KRW', content_ids: 'DL2024040780', content_type: 'product', }); </script> <!-- End Facebook Pixel Code --> <!-- Criteo 세일즈 태그 - 네이버페이 주문형 --> <script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script> <script type="text/javascript"> window.criteo_q = window.criteo_q || []; var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; window.criteo_q.push( { event: "setAccount", account: 71730 }, // You should never update this line { event: "setEmail", email: "" }, // Can be an empty string { event: "setSiteType", type: deviceType }, { event: "viewItem", item: "DL2024040780" } ); </script> <script type="text/javascript"> window.criteo_q = window.criteo_q || []; var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; window.criteo_q.push({ requiresDOM: "non-blocking", cb: function () { var btn = document.getElementsByClassName('npay_btn_pay')[0]; addEvent(btn, "click", function () { criteo_q.push( { event: "setAccount", account: 71730}, // 이 라인은 업데이트하면 안됩니다 { event: "setEmail", email: "" }, // 유저가 로그인이 안되 있는 경우 빈 문자열을 전달 { event: "setSiteType", type: deviceType }, { event: "trackTransaction", id: "npay" + Math.floor(Math.random()*999999), item: [ { id: "DL2024040780", price: 33800, quantity: 1 } ] } ); naverPayConversion(); }); } }); function addEvent(obj, evType, fn) { if (obj.addEventListener) { obj.addEventListener(evType, fn, false); return true; } else if (obj.attachEvent) { var r = obj.attachEvent("on" + evType, fn); return r; } } </script> <!-- END Criteo 세일즈 태그 - 네이버페이 주문형 --> <!-- GTM 제품 상세 페이지(제품 상세보기) --> <script> var productNo = 'DL2024040780'; var productPrice = '33800'; var productName = '[1+1]어린 비피다 엑스퍼트 바이옴 앰플 50ml+50ml'; var productBrand = 'H' var categoryName = '에센스/세럼/앰플' var item = { 'id': productNo, 'name': productName, 'category': categoryName, 'brand': productBrand, 'quantity': 1, 'price': Number(productPrice) } productInfoArr = [item]; dataLayer.push({'event' : 'prdDetail'}); </script> <!-- GA 전자상거래 코드 END --> <!-- *) 제품상세페이지 분석코드 --> <script> var itemInfoObj = { currency: "KRW", value: Number('33800'), items: [ { item_id: "DL2024040780", item_name: "[1+1]어린 비피다 엑스퍼트 바이옴 앰플 50ml+50ml", item_brand: "H", item_category: "한스킨", item_category2: "스킨케어", item_category3: "에센스/세럼/앰플", price : Number('60000'), discount : (Number('60000') - Number('33800')) } ] } gtag("event", "view_item", itemInfoObj); </script> <style> /* #goods .item-brand {margin-bottom: 10px; height: 35px; display: table; } */ #goods .item-brand {height: 40px; position: relative; } #goods .item-brand img {height: 38px; vertical-align:middle; position: absolute; margin-top: -19px; top: 50%; } #goods .item-brand span {font-size:20px; line-height: 38px; position: absolute; margin-top: -19px; top: 50%; padding-left: 48px; } #goods .timesale .time-sale-icon img {margin-right: 10px; } </style> <!-- GA 전자상거래 코드 END --> <!-- 본문시작 --> <div id="content"> <div class="wrapper" id="goods"> <div class="product-wrapper renew"> <!-- renuew 클래스 삽입하여 css 컨트롤 하였습니다! (renew_style.css) --> <!-- 상품 상세 --> <div class="product-detail-wrapper"> <!-- ↓↓↓↓↓↓↓↓↓ 리뉴얼 시작 ↓↓↓↓↓↓↓↓↓ --> <!-- 상품구매정보 --> <div class="product-detail-basic"> <!-- 상품 공유 --> <div class="detail-basic-share"> <ul> <li><button type="button" class="zzim" id="pick-item">찜하기</button></li> <li> <button type="button" class="share" id="shareArea">공유하기</button> <div id="sharePopup"> <div class="pop-head"> <p>공유하기</p> <a class="btn close float-right" style="cursor:pointer;" id="sharePopup_close">닫기<span class="icon"></span></a> </div> <div> <ul> <li><button type="button" class="kakao" id="kakao-link-btn"><span class="ico-kakao"></span>카카오톡</button></li> <li><button type="button" class="url" ><span class="ico-url"></span>URL 복사</button></li> </ul> </div> </div> </li> </ul> </div> <!-- // 상품 공유 --> <!-- 상품 기본정보, 상품이미지 영역 --> <div class="detail-basic-wrapper"> <!-- 상품이미지, 리뷰 --> <div class="detail-basic-thumbs"> <div class="thumb "> <!-- 수정 및 추가 --> <!-- soldout 클래스 삽입시 soldout 보여집니다! --> <img id="present-item-image" src="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-represent.jpg" onerror="this.src='/resources/images/common/noimage.png';" alt="상품이미지"> <span class="bset-badge"> <!-- 베스트 뱃지 --> <i class="ico"><img src="/resources/images/renew/ico_best.png" class="best-icon" alt=""></i> </span> <div class="prdt-img-emblem-event"></div> <div class="prdt-img-emblem-gift"></div> </div> <input type="hidden" name="base_item_image_item.imageType.represent" value="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-represent.jpg" /> <input type="hidden" name="base_item_image_item.imageType.add1" value="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-add1.jpg" /> <input type="hidden" name="base_item_image_item.imageType.add2" value="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-add2.jpg" /> <input type="hidden" name="base_item_image_item.imageType.add3" value="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-add3.jpg" /> <input type="hidden" name="base_item_image_item.imageType.add4" value="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-add4.jpg" /> <div class="thumb-list"> <div class="cell"> <ul class="list" id="item-image-area"> <li class="on"> <a href="javascript:void(0);"><img src="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-represent.jpg" onerror="this.src='/resources/images/common/noimage.png';" alt="상품이미지"></a> </li> <li > <a href="javascript:void(0);"><img src="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-add1.jpg" onerror="this.src='/resources/images/common/noimage.png';" alt="상품이미지"></a> </li> <li > <a href="javascript:void(0);"><img src="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-add2.jpg" onerror="this.src='/resources/images/common/noimage.png';" alt="상품이미지"></a> </li> <li > <a href="javascript:void(0);"><img src="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-add3.jpg" onerror="this.src='/resources/images/common/noimage.png';" alt="상품이미지"></a> </li> <li > <a href="javascript:void(0);"><img src="https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-add4.jpg" onerror="this.src='/resources/images/common/noimage.png';" alt="상품이미지"></a> </li> </ul> </div> </div> <div class="review-wrap"> <div class="review-total"> <span class="star-num">4.9</span> <p class="txt1"><span class="num">2,105</span>개 상품리뷰</p> <a href="javascript:cl.page.setReviewTabView();" class="more">전체보기</a> </div> <div class="swiper review_swiper"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <div class="review-box"> <div class="pic best"> <!-- best 클래스 추가시 뱃지가 나옵니다. --> <span class="ico"><img src="/resources/images/renew/review-icon-1.png" /></span> <img src="https://image.celltrionbeauty.com/attach/images/2024/202401/983fd4b9-89fc-4897-98bf-e7dec2cdc99b/20231222_154913.jpg" onerror="this.onerror=null; this.src='/attach/images/2024/202401/983fd4b9-89fc-4897-98bf-e7dec2cdc99b/20231222_154913.jpg'"/> </div> <div class="text-box"> <div class="top-text"> <div class="rating-star" > <!-- 별표 갯수에 맞게 클래스 숫자 조절 star-1 / star-2 ... --> <span class="star-5"></span> </div> <p class="user-id"> <span class="review-writer">***langlee@hanmail.net</span> </p> </div> <p class="review-text"> "어린"이라는 말에 솔깃해서 주문했어요~^^ 용기도 반짝반짝 너무 귀엽고 이뻐요~ㅎㅎ 한스킨제품은 항상 믿고 쓰고 있어서 신제품 나왔다고해서 바로 주문했어요~^^ 발림성도 좋고 향도 은은하니 좋네요~ 엄마랑 같이 쓰려구요~ 써보고 좋으면 다시 재구매하러 올께요~^^ </p> </div> </div> </li> <li class="swiper-slide"> <div class="review-box"> <div class="pic best"> <!-- best 클래스 추가시 뱃지가 나옵니다. --> <span class="ico"><img src="/resources/images/renew/review-icon-1.png" /></span> <img src="https://image.celltrionbeauty.com/attach/images/2023/202312/63b07b59-48e3-4b9e-958a-db878cc36d6e/20231217_105215.jpg" onerror="this.onerror=null; this.src='/attach/images/2023/202312/63b07b59-48e3-4b9e-958a-db878cc36d6e/20231217_105215.jpg'"/> </div> <div class="text-box"> <div class="top-text"> <div class="rating-star" > <!-- 별표 갯수에 맞게 클래스 숫자 조절 star-1 / star-2 ... --> <span class="star-5"></span> </div> <p class="user-id"> <span class="review-writer">***egero</span> </p> </div> <p class="review-text"> 이거 정말 찐이네요!!! 앰플인데 오일 바르는것처럼 마일드한 사용감에 젤 먼저 반했구요. 그렇게 매끄럽게 발리지만 정말 끈적임은 하나도없이 예쁜 광만 남겨요 흡수도 빠르고 탱탱한 피부처럼 보여지는게 동안앰플 맞네요 밤에 발라도 좋고 아침에 발라도 화장밀림 없어요 건조하고 칙칙했던 피부가 앰플 하나로 이렇게 달리 보이다니요♡♡♡ </p> </div> </div> </li> <li class="swiper-slide"> <div class="review-box"> <div class="pic best"> <!-- best 클래스 추가시 뱃지가 나옵니다. --> <span class="ico"><img src="/resources/images/renew/review-icon-1.png" /></span> <img src="https://image.celltrionbeauty.com/attach/images/2023/202312/0ac8bab9-a5d1-422b-ba9e-ed572b6ea37f/17027414683111278189691934418320.jpg" onerror="this.onerror=null; this.src='/attach/images/2023/202312/0ac8bab9-a5d1-422b-ba9e-ed572b6ea37f/17027414683111278189691934418320.jpg'"/> </div> <div class="text-box"> <div class="top-text"> <div class="rating-star" > <!-- 별표 갯수에 맞게 클래스 숫자 조절 star-1 / star-2 ... --> <span class="star-5"></span> </div> <p class="user-id"> <span class="review-writer">***mon1@gmail.com</span> </p> </div> <p class="review-text"> 요즘들어 얼굴이 나이가 많이 들어보이고. 눈가 주름 피부 쳐짐이 신경쓰였는데, 셀트리온 신상 특가문자받고 얼른 주문 했어요.화장품 안맞으면 트러블 심해서 속상하고 스트레스받는데,셀트리온 제품 제 피부에 잘 맞아서 사용하지 2년.. 믿고 주문 했어요. 오늘 첨 발라봤어요.당연히 좋을거라 생각 합니다. </p> </div> </div> </li> <li class="swiper-slide"> <div class="review-box"> <div class="pic best"> <!-- best 클래스 추가시 뱃지가 나옵니다. --> <span class="ico"><img src="/resources/images/renew/review-icon-1.png" /></span> <img src="https://image.celltrionbeauty.com/attach/images/2024/202402/0b8a5843-32f5-4d58-bb36-93a3dca8fe4c/20240205_125847.jpg" onerror="this.onerror=null; this.src='/attach/images/2024/202402/0b8a5843-32f5-4d58-bb36-93a3dca8fe4c/20240205_125847.jpg'"/> </div> <div class="text-box"> <div class="top-text"> <div class="rating-star" > <!-- 별표 갯수에 맞게 클래스 숫자 조절 star-1 / star-2 ... --> <span class="star-5"></span> </div> <p class="user-id"> <span class="review-writer">***odycre@gmail.com</span> </p> </div> <p class="review-text"> 예전에 썼던 한스킨 기초가 좋았던 생각이 나서 이번에 앰플을 처음 시켜봤는데요, 1. 촉촉해서 은은한 광이 나고 2. 리프팅이 되어 탄력을 잡아주네요~ 한 번만 써봐도 느껴져서 후기 남겨요~ 이 앰플 좋네요~!!! </p> </div> </div> </li> <li class="swiper-slide"> <div class="review-box"> <div class="pic best"> <!-- best 클래스 추가시 뱃지가 나옵니다. --> <span class="ico"><img src="/resources/images/renew/review-icon-1.png" /></span> <img src="https://image.celltrionbeauty.com/attach/images/2024/202401/3ca5154d-e884-4293-a1ff-55a18b217d8f/image.jpg" onerror="this.onerror=null; this.src='/attach/images/2024/202401/3ca5154d-e884-4293-a1ff-55a18b217d8f/image.jpg'"/> </div> <div class="text-box"> <div class="top-text"> <div class="rating-star" > <!-- 별표 갯수에 맞게 클래스 숫자 조절 star-1 / star-2 ... --> <span class="star-5"></span> </div> <p class="user-id"> <span class="review-writer">***doslocos@hanmail.net</span> </p> </div> <p class="review-text"> 셀트리온 짝짝짝 주식하고 알게된 쵝오의 기초화장품 한스킨도 아주 좋네요 피부가 좋아합니다^^ </p> </div> </div> </li> </ul> <div class="nav-set"> <div class="swiper-button-next rw_next"></div> <div class="swiper-button-prev rw_prev"></div> </div> </div> </div> <div class="detail-report"> <ul> <li> <div class="detail-box"> <div class="pic"> <img src="https://image.celltrionbeauty.com/attach/images/2024/202404/c1c71a1b-ea15-4513-8719-f35b10c0c154/highlight_pc_08.png"/> </div> <p class="text">탄력,주름</p> </div> </li> <li> <div class="detail-box"> <div class="pic"> <img src="https://image.celltrionbeauty.com/attach/images/2024/202404/509b87c5-eb5d-41f1-9808-2752ae6e8f87/highlight_pc_09.png"/> </div> <p class="text">건성,복합성</p> </div> </li> <li> <div class="detail-box"> <div class="pic"> <img src="https://image.celltrionbeauty.com/attach/images/2024/202404/aad09717-eea5-408c-b21b-67ae445ef053/highlight_pc_11.png"/> </div> <p class="text">압도적동안앰플</p> </div> </li> <li> <div class="detail-box"> <div class="pic"> <img src="https://image.celltrionbeauty.com/attach/images/2024/202404/dce171e9-509a-4203-b358-35e027eb0a3a/highlight_pc_13.png"/> </div> <p class="text">피부나이지수개선</p> </div> </li> </ul> </div> </div> <!-- // 상품이미지, 리뷰 --> <!-- 상품 기본정보 --> <div class="detail-basic-info"> <input type='hidden' id="itemId" value="24401" /> <input type='hidden' id="itemNo" value="DL2024040780" /> <input type='hidden' id="itemName" value="[1+1]어린 비피다 엑스퍼트 바이옴 앰플 50ml+50ml" /> <input type='hidden' id="returnUrl" value="/item/DL2024040780" /> <input type='hidden' id="shelfLife" value="" /> <input type='hidden' id="shelfLifeDisplayYn" value="N" /> <input type='hidden' id="mbrId" value="" /> <input type='hidden' id="optionYn" value="Y" /> <input type='hidden' id="resOrdTypeCd" value="item.restrictOrderType.quantityOnce" /> <input type='hidden' id="resOrdQtyOnce" value="5" /> <input type='hidden' id="currentSellPrice" value="33800" /> <input type='hidden' id="itemBrand" value="H" /> <input type='hidden' id="categoryName" value="에센스/세럼/앰플" /> <input type='hidden' id="soldoutYn" value="N" /> <input type='hidden' id="maxReviewMile" value="1000" /> <div class="item-brand" style="display:block;"> <img src="/resources/images/talk/img-brand-icon-han.png" style="height:20px;margin-top:-11px;"> <span style="margin-top:-21px;margin-left:-20px;font-size:18px;color:#666666;">한스킨 </span> </div> <div class="title-wrap"> <!-- 수정 및 추가 04/02--> <h2 class="title">[1+1]어린 비피다 엑스퍼트 바이옴 앰플 50ml+50ml</h2> <div class="special"> <div class="emblem emblem-detail" style="display:block"> <b class="badge-img" style="vertical-align:text-bottom;margin-right:0px;"> <img src="/resources/images/wb_icon/wb_ico30.png" style="height:18.5px;"/> </b> </div> </div> </div> <div class="price-tag"> <div class="price"> <div class="maximum-price-style"> <div class="price-area"> <span class="renew_hidden">판매가</span> <strong id="maximumBenefitPrice">33,800</strong>원 </div> </div> <div class="sale-price-style"> <span style="margin-left:10px;"> <span class="renew_hidden">정상가</span> <strong id="salesPrice">60,000</strong>원 <span class="discount-price-style"> <!-- 수정 및 추가 03/27 --> <span class="discount-price"><strong id="discountRate">44</strong>%</span> </span> <a id="viewBenefit" class="btn benefit" style="cursor:pointer;">할인내역</a> </span> </div> <div id="benefitPopup"> <div class="pop-head"> <span>할인내역</span> <a class="btn close benefitBtn float-right" style="cursor:pointer;" id="benefitPopup_close">닫기<span class="icon"></span></a> </div> <div class="first-line"> <span class="title">정상가</span> <span class="float-right price-area" id="popup_salesPrice">60,000원</span> </div> <div class="second-line"> <div> <span class="minus-title"> 즉시할인</span> <span class="float-right minus-price" id="popup_instantDiscountPrice">-26,200원</span> </div> </div> <div class="last-line"> <span class="title">뷰티몰판매가</span> <span class="float-right final-price" id="popup_maximumBenefitPrice">33,800원</span> </div> </div> </div> </div> <div class="option-details H"> <a href="javascript:cl.page.getFreeGiftList();" class="option-more ">사은품 전체 보기</a> <div class="mileage-box"> <p class="title">마일리지</p> <p class="text">최대 적립 <span class="num-1 reserveAmountSum">1,338</span>M (구매적립 : <span class="num-1 reserveAmount">338</span>M + 포토리뷰 : <span class="num-1 reserveReviewAmount">1,000</span>M)</p> </div> <div class="delivery-box"> <p class="title">배송비</p> <p class="text"> <span class="num-2">2,500</span>원 <!-- 수정 및 추가 04/02--> (<span class="num-3">20,000</span>원 이상 구매시 무료 배송) </p> </div> </div> <div class="buying-option" style=""> <div class="option-wrap"> <div class="option-list"> <div class="option-item "> <input type="hidden" class="itemOptionId" name="itemOptionId" value="8760"> <input type="hidden" class="itemNo" name="itemNo" value="DL2024040780"> <input type="hidden" class="refItemNo" name="refItemNo" value="ST2023122480"> <input type="hidden" class="sellPrice" value="33800.00"> <input type="hidden" class="mileage" value="338"> <input type="hidden" class="isPriority" value="Y"> <input type="hidden" name="newMemberOnlyYn" value=""> <p class="title"> 바이옴 앰플 50ml 2개 </p> <div class="price-box"> <div class="option-price"> <p class="discount-price"><span class="num">44</span>%</p> <p class="basic-price"><span class="num">33,800</span>원</p> </div> <div class="spinner spinner-option"> <a href="javascript:void(0);" class="minus" data-item-no="ST2023122480" alt="수량감소"></a> <input type="text" class="optionSelectedCnt qty-item-no-ST2023122480" name="qty" value="0" maxlength="3" readonly="readonly" /> <a href="javascript:void(0);" class="plus" data-item-no="ST2023122480" alt="수량증가"></a> </div> </div> </div> </div> </div> </div> <div class="total-price price-total"> <div class="total">총 금액 <span class="price"><strong> 0 </strong>원</span> </div> </div> <div class="button-area gift"> <span class="balloon">카카오톡으로 간편하게 선물하기</span> <button type="button" class="btn-gift gift-btn" >선물하기</button> <button type="button" class="btn-basket add-cart-btn" >장바구니</button> <button type="button" class="btn-buy order-item-btn" >구매하기</button> </div> </div> <!-- // 상품 기본정보 --> </div> <!-- // 상품 기본정보, 상품이미지 영역--> </div> <!-- // 상품구매정보 --> <!-- 제품 홍보 배너 --> <div class="product-detail-banner"> <div class="swiper banner_swiper"> <ul class="swiper-wrapper"> <div class="swiper-slide detail-event-banner"> <a href="/event/detail/EVT0001407"> <img src="https://image.celltrionbeauty.com/attach/event/2024/202411/92f4c01e-aec2-4f54-83a7-11b8ba8db4b2/search_banner_pc_1.jpg" alt="" /> </a> </div> <div class="swiper-slide detail-event-banner"> <a href="/event/detail/EVT0001408"> <img src="https://image.celltrionbeauty.com/attach/event/2024/202411/2366fd96-ba70-4652-a1ca-c877bdab3b5e/search_banner_pc_3[1].jpg" alt="" /> </a> </div> <div class="swiper-slide detail-event-banner"> <a href="/event/detail/EVT0001412"> <img src="https://image.celltrionbeauty.com/attach/event/2024/202411/638ed07d-85b1-4d5f-9e5d-e67924d92b3d/search_banner_pc.jpg" alt="" /> </a> </div> <div class="swiper-slide detail-event-banner"> <a href="/event/detail/EVT0001380"> <img src="https://image.celltrionbeauty.com/attach/event/2024/202408/236cc9d3-166b-4d35-8b95-55266bbe89b3/search_banner_pc.jpg" alt="" /> </a> </div> </ul> <div class="swiper-pagination"></div> </div> </div> <!-- // 제품 홍보 배너 --> <!-- 조건부 구매 상품 (품절이 아닌 경우에만 노출)--> <!-- 상품 하단내역 --> <div class="product-detail-section"> <!-- 상품 상세 영역 --> <div class="product-detail-contents"> <div id="hold_tab_sticky" style="position:sticky;top:128px;background-color:white;width:1000px;z-index:43;"> <!-- 수정 및 추가 04/02--> <ul class="skip-link renew"> <li><a href="javascript:void(0);" data-target="detailInfo">상세정보</a></li> <li><a href="javascript:void(0);" data-target="Review">리뷰(2,105)</a></li> <li><a href="javascript:void(0);" data-target="Qna">Q&A</a></li> <li><a href="javascript:void(0);" data-target="delivery">배송/반품/교환</a></li> </ul> </div> <div class="article-wrap renew"> <div class="skip-article" id="detailInfo"> <div class="inner detail-skiplink-content detail-content"> <div class="admin-editor"> <div style="text-align: center;" align="center"> <img style="display:blcok;" src="https://image.celltrionbeauty.com/attach/images/img/beautymall/240709/800_ctsc-brand_01.jpg"> </div> </div> <div style="text-align: center;" align="center"> <div><br style="clear:both;"><br></div><div><img style="display:blcok;" src="https://image.celltrionbeauty.com/attach/images/img/hanskin/page/GH990914_01.jpg"></div> <div><img style="display:blcok;" src="https://image.celltrionbeauty.com/attach/images/img/hanskin/page/GH990914_02.gif"></div> <div><img style="display:blcok;" src="https://image.celltrionbeauty.com/attach/images/img/hanskin/page/GH990914_03.jpg"></div></div><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p> </div> </div> <div class="skip-article" id="Review"> <script id="review-area-tmpl" type="text/x-jsrender"> <div class="inner detail-skiplink-content review-content"> <!-- 리뷰 마일리지 적립 --> <div class="review-point-box"> <h3>구매확정 후 <strong>구매리뷰 작성 시 마일리지가 적립</strong>돼요!<br> 구매확정 후 <strong>한달 뒤 사용리뷰도 작성해서 마일리지를 한번 더 적립</strong> 받으세요! </h3> <ul> <li class="list00"> <div class="ico ico-star">별점 리뷰</div> <div class="desc"> <span>별점 리뷰</span> <strong><em style="font-size:28px;"> 50 </em>M</strong> </div> </li> <li class="list01"> <div class="ico ico-txt">텍스트 리뷰</div> <div class="desc"> <span>텍스트 리뷰</span> <strong><em style="font-size:28px;"> 300 </em>M</strong> </div> </li> <li class="list02"> <div class="ico ico-photo">포토 리뷰</div> <div class="desc"> <span>포토 리뷰</span> <strong><em style="font-size:28px;"> 1000 </em>M</strong> </div> </li> <li class="list03"> <div class="ico ico-best">베스트 리뷰</div> <div class="desc"> <span>베스트 리뷰</span> <strong><em style="font-size:28px;">3,000</em>M</strong> </div> </li> </ul> <a href="javascript:void(0);" class="btn medium weighty write-item-review" style="width:295px;">리뷰 작성하기</a> <p class="warning-txt">상품과 관련 없는 내용 또는 욕설 및 비방글은 관리자에 의해 삭제 될 수 있으며, 부여된 마일리지는 회수될 수 있습니다.</p> </div> <!-- 베스트리뷰 슬라이드 --> {{if bestCommentList != null && bestCommentList.length > 0}} <div class="review-slider-wrap" style="height:auto;"> <div class="review-best-slider"> {{for bestCommentList}} <div class="best-item"> <div class="desc-area"> <div class="quotes"> <span></span> <span></span> </div> <div class="review-txt"> <div class="rating-star"> <span class="star-{{:star}}"></span> </div> <a href="javascript:cl.ItemComment.getCommentDetail('{{:itemCommentId}}', 'Y', true);"> <strong>{{:content}}</strong> <span class="item">{{:itemName}}</span> </a> <ul class="write-info"> <li>{{:writer}}</li> <li>{{:regDt}}</li> </ul> </div> </div> {{if itemCommentTypeCd == 'item.comment.type.image' && content != null && content != '' && filePath != null && filePath != ''}} <div class="img-area"> <a href="javascript:cl.ItemComment.getCommentDetail('{{:itemCommentId}}', 'Y', true);"> <img src="https://image.celltrionbeauty.com{{:filePath}}" alt="{{:itemName}}"> </a> </div> {{/if}} </div> {{/for}} </div> <div class="review-best-arrows"></div> </div> {{/if}} <!-- 상품 상세 리뷰 메뉴 --> <div class="review-menu"> <input type="hidden" id="itemComment_itemCommentTypeCd" value="{{:itemCommentSearchCriteria.itemCommentTypeCd}}"/> <input type="hidden" id="itemComment_bestYn" value="{{:itemCommentSearchCriteria.bestYn}}" /> <ul class="menu" style="margin-top:-70px;"> <li {{if itemCommentSearchCriteria.itemCommentTypeCd == null && itemCommentSearchCriteria.bestYn == null}}class="on"{{/if}} data-comment-type="" data-best-yn=""><a href="javascript:void(0);">전체 리뷰</a></li> <li {{if itemCommentSearchCriteria.itemCommentTypeCd == null && itemCommentSearchCriteria.bestYn == 'Y'}}class="on"{{/if}} data-comment-type="" data-best-yn="Y"><a href="javascript:void(0);">베스트 리뷰</a></li> <li {{if itemCommentSearchCriteria.itemCommentTypeCd == 'item.comment.type.image' && itemCommentSearchCriteria.bestYn == null}}class="on"{{/if}} data-comment-type="item.comment.type.image" data-best-yn=""><a href="javascript:void(0);">포토 리뷰</a></li> <li {{if itemCommentSearchCriteria.itemCommentTypeCd == 'item.comment.type.text' && itemCommentSearchCriteria.bestYn == null}}class="on"{{/if}} data-comment-type="item.comment.type.text" data-best-yn=""><a href="javascript:void(0);">텍스트 리뷰</a></li> </ul> </div> <style> .review-result-body .eval-area .best-mark { position: relative; top: 0; left: 0; } .review-result-body .eval-area .preuser-mark { position: relative; top: 0; left: 0; } .review-result-body .eval-area .rating-star { padding-top: 10px; } .review-result-body h3 { font-weight: normal; font-size: 19px; margin-top: 30px} .review-result-body .result-list-CommentDisplayN { padding: 50px 0; border-bottom: 1px solid #e9e9e9; } .review-result-body .result-list-CommentDisplayN:before, .review-result-body .result-list-CommentDisplayN:after { content: ""; display: table; } .review-result-body .result-list-CommentDisplayN:after { clear: both; } .review-result-body .result-list-CommentDisplayN .eval-area { width: 100%; } .review-result-body .result-list-CommentDisplayN .user-id {margin-top: -20px; float: right;} .review-result-body .result-list-CommentDisplayN .item-info { clear: both; margin-top: 20px; font-size: 16px; } </style> <!-- 리뷰 리스트 --> <div class="review-result-body"> {{for result}} <div class="result-list" onclick="javascript:cl.ItemComment.getCommentDetail('{{:itemCommentId}}', '{{:bestYn}}');" style="cursor:pointer;" data-comment-id="{{:itemCommentId}}"> <div class="eval-area"> {{if ordItemId == 'NAVER_STORE_REVIEW'}} <div class="best-mark"><img src="/resources/images/review/review-icon-naver.png" alt="best review" style="width:94px;height:30px;margin-bottom: 5px;"></div> {{/if}} {{if ordItemId != 'NAVER_STORE_REVIEW' && bestYn == 'Y'}} <div class="best-mark"><img src="/resources/images/review/review-icon-best.png" alt="best review" style="width:94px;height:30px;margin-bottom: 5px;"></div> {{/if}} {{if ordItemId != 'NAVER_STORE_REVIEW' && itemCommentWriteTypeCd == 'item.comment.write.type.use'}} <div class="best-mark"><img src="/resources/images/review/review-icon-use.png" alt="use review" style="width:94px;height:30px;"></div> {{/if}} <div class="rating-star"> <!-- 별표 갯수에 맞게 클래스 숫자 조절 --> <span class="star-{{:star}}"></span> </div> <div class="user-id"> {{if ordItemId == 'NAVER_STORE_REVIEW'}} {{:regId}} {{else}} {{:writer}} {{/if}} </div> <div class="date">{{:regDt}}</div> </div> <div class="review-area" style="{{if itemCommentTypeCd != 'item.comment.type.image' || (content == null || content == '' || filePath == null || filePath == '')}}min-height:100px !important;width:84%;{{/if}}"> {{if content != null && content != ''}} <a href="javascript:void(0);" class="review-txt"> {{:content}} </a> {{/if}} <div class="item-info" style="{{if content == null || content == ''}}padding-top:30px;{{/if}}"> <a href="javascript:void(0);"> <!-- 이미지사이즈 60*60 --> {{if ordItemId != 'NAVER_STORE_REVIEW' && precommentYn == 'N'}} <span class="thumb"><img src="https://image.celltrionbeauty.com{{:itemImagePath}}" alt="{{:itemName}}" onerror="this.src='/resources/images/common/default.png'"></span> {{/if}} {{if precommentYn == 'Y'}} <span class="info"> <p class="gray-txt" style="display: block;">※ 본 후기는 체험단으로 선정되어 (주)셀트리스킨큐어로부터 위 상품을 제공받아 작성함.</p> </span> {{/if}} {{if ordItemId != 'NAVER_STORE_REVIEW' && precommentYn == 'N'}} <span class="info"> <span class="name" style="{{if itemCommentTypeCd != 'item.comment.type.image' || filePath == null || filePath == ''}}max-width:680px;{{/if}}">{{:itemName}}</span> </span> {{/if}} </a> </div> </div> <!-- 이미지사이즈 192*192 --> {{if itemCommentTypeCd == 'item.comment.type.image' && content != null && content != '' && filePath != null && filePath != ''}} <div class="user-thumb"> <img src="https://image.celltrionbeauty.com{{:filePath}}" alt="썸네일" style="width:192px;height:192px;"> </div> {{/if}} </div> {{/for}} </div> <!-- pagination --> <div class="pagination medium" id="pageMst"></div> </div> </script> <script id="review-area-empty-tmpl" type="text/x-jsrender"> <div class="inner detail-skiplink-content review-content"> <!-- 리뷰 마일리지 적립 --> <div class="review-point-box"> <h3>구매확정 후 <strong>구매리뷰 작성 시 마일리지가 적립</strong>돼요!<br> 구매확정 후 <strong>한달 뒤 사용리뷰도 작성해서 마일리지를 한번 더 적립</strong> 받으세요! </h3> <li class="list00"> <div class="ico ico-star">별점 리뷰</div> <div class="desc"> <span>별점 리뷰</span> <strong><em style="font-size:28px;"> 50 </em>M</strong> </div> </li> <li class="list01"> <div class="ico ico-txt">텍스트 리뷰</div> <div class="desc"> <span>텍스트 리뷰</span> <strong><em style="font-size:28px;"> 300 </em>M</strong> </div> </li> <li class="list02"> <div class="ico ico-photo">포토 리뷰</div> <div class="desc"> <span>포토 리뷰</span> <strong><em style="font-size:28px;"> 1000 </em>M</strong> </div> </li> <li class="list03"> <div class="ico ico-best">베스트 리뷰</div> <div class="desc"> <span>베스트 리뷰</span> <strong><em>3,000</em>M</strong> </div> </li> <p class="warning-txt">상품과 관련 없는 내용 또는 욕설 및 비방글은 관리자에 의해 삭제 될 수 있으며, 부여된 마일리지는 회수될 수 있습니다.</p> <a href="javascript:void(0);" class="btn medium weighty write-item-review" style="width:295px;">리뷰 작성하기</a> </div> <!-- 베스트리뷰 슬라이드 --> {{if bestCommentList != null && bestCommentList.length > 0}} <div class="review-slider-wrap" style="height:auto;"> <div class="review-best-slider"> {{for bestCommentList}} <div class="best-item"> <div class="desc-area"> <div class="quotes"> <span></span> <span></span> </div> <div class="review-txt"> <div class="rating-star"> <span class="star-{{:itemComment.star}}"></span> </div> <a href="javascript:cl.ItemComment.getCommentDetail('{{:itemComment.itemCommentId}}', 'Y');"> <strong>{{:itemComment.content}}</strong> <span class="item">{{:item.itemName}}</span> </a> <ul class="write-info"> <li>{{:member.mbrLoginId}}</li> <li>{{:itemComment.regDt}}</li> </ul> </div> </div> {{if filePath != null}} <div class="img-area"> <a href="javascript:cl.ItemComment.getCommentDetail('{{:itemComment.itemCommentId}}', 'Y');"> <img src="https://image.celltrionbeauty.com{{:filePath}}" alt="{{:item.itemName}}"> </a> </div> {{/if}} </div> {{/for}} </div> <div class="review-best-arrows"></div> </div> {{/if}} <!-- 상품 상세 리뷰 메뉴 --> <div class="review-menu"> <input type="hidden" id="itemComment_itemCommentTypeCd" value="{{:itemCommentSearchCriteria.itemCommentTypeCd}}"/> <input type="hidden" id="itemComment_bestYn" value="{{:itemCommentSearchCriteria.bestYn}}" /> <ul class="menu"> <li {{if itemCommentSearchCriteria.itemCommentTypeCd == null && itemCommentSearchCriteria.bestYn == null}}class="on"{{/if}} data-comment-type="" data-best-yn=""><a href="javascript:void(0);">전체 리뷰</a></li> <li {{if itemCommentSearchCriteria.itemCommentTypeCd == null && itemCommentSearchCriteria.bestYn == 'Y'}}class="on"{{/if}} data-comment-type="" data-best-yn="Y"><a href="javascript:void(0);">베스트 리뷰</a></li> <li {{if itemCommentSearchCriteria.itemCommentTypeCd == 'item.comment.type.image' && itemCommentSearchCriteria.bestYn == null}}class="on"{{/if}} data-comment-type="item.comment.type.image" data-best-yn=""><a href="javascript:void(0);">포토 리뷰</a></li> <li {{if itemCommentSearchCriteria.itemCommentTypeCd == 'item.comment.type.text' && itemCommentSearchCriteria.bestYn == null}}class="on"{{/if}} data-comment-type="item.comment.type.text" data-best-yn=""><a href="javascript:void(0);">텍스트 리뷰</a></li> </ul> </div> <!-- 상세상품 결과없음 --> <div class="review-result-null"> {{if itemCommentSearchCriteria.itemCommentTypeCd == null && itemCommentSearchCriteria.bestYn == 'Y'}} <p>선정된 베스트 리뷰가 없습니다.</p> {{else}} <p>등록 된 리뷰가 없습니다.</p> {{/if}} {{if itemCommentSearchCriteria.itemCommentTypeCd == 'item.comment.type.image'}} <span>첫번째 리뷰 등록을 해주세요~<br>첫 포토리뷰 등록 시 <strong> 1,500 </strong> 마일리지 적립!</span> {{/if}} </div> </div> </script> <script id="review-form-tmpl" type="text/x-jsrender"> <div class="inner detail-skiplink-content review-content"> <!-- 리뷰 --> <div class="sub-title-area" style="margin-top:50px;"> <h2 style="font-weight:500;">리뷰 작성하기</h2> <div><span class="name" style="color:#666666;">{{:item.itemName}}</span></div> </div> <form name="majorCommentForm" id="majorCommentForm"> <div class="review-write-cont goods-review-write"> <ul class="warning-txt"> <li>구매자 또는 선정된 체험단에 한해서만 리뷰를 작성할 수 있습니다.</li> <li>상품과 관련 없는 내용 또는 욕설 및 비방글은 관리자에 의해 삭제 될 수 있으며, 부여된 마일리지는 회수될 수 있습니다.</li> </ul> <div class="review-write-wrapper"> <div class="info-box" style="min-height:200px;"> <div class="item-info"> <input type="hidden" name="itemId" value="{{:item.itemId}}" /> <input type="hidden" name="ordItemId" value="{{:orderItemId}}" /> <div class="desc" style="padding:20px 0;min-height:0;text-align:center;margin-bottom:15px;"> <ul class="review-mileage-info" style="display:inline-block;float:initial;"> <li style="background-image: url('/resources/images/review/ico-star-ss.png');"> <span>별점 리뷰</span> <strong><em style="font-size:28px;"> 50 </em>M</strong> </li> <li style="background-image: url('/resources/images/review/ico-text-s.png');"> <span>텍스트 리뷰</span> <strong><em style="font-size:28px;"> 300 </em>M</strong> </li> <li style="background-image: url('/resources/images/review/ico-photo.png');"> <span>포토 리뷰</span> <strong><em style="font-size:28px;"> 1000 </em>M</strong> </li> <li style="background-image: url('/resources/images/review/ico-best-s.png');"> <span>베스트 리뷰</span> <strong>3,000<small>M</small></strong> </li> </ul> </div> <div class="eval-box" style="float:left;"> <!-- 평점선택 --> <input type="hidden" name="star" id="" value="" title="제목입력"> <div class="txt" style="margin:3px 10px 0 0;"><span class="text_red">(필수)</span> 별점으로 평가해주세요.</div> <div class="rating-select" id="rating1"> </div> <!-- //평점선택 --> </div> <div class="moreReviewArea" style="clear:initial;"><button type="button" class="btn medium slightly moreReview" style="margin-left:170px;margin-top:6px;height:45px;line-height:41px;padding:0 15px;">텍스트/포토 리뷰 쓰고 마일리지 더 받기</button></div> </div> </div> <div class="write-box textPhotoReview" style="display: none;padding-bottom:15px;"> <textarea name="content" placeholder="최소 10글자 이상 내용을 입력해주세요. 정성스런 후기로 베스트리뷰에 도전해보세요." title="내용입력" style="height:320px;"></textarea> </div> <div class="upload-box textPhotoReview" style="display: none;margin-top:15px;padding-bottom:15px;"> <div class="file-area"> <input type="hidden" name="attachGrpId" value="" /> <div class="thumb-area"></div> <div class="upload"> <label for="forLabel"><input type="file" id="forLabel" class="select-img" title="사진등록" /></label> </div> </div> <p class="info-txt"> <span> - 첫번째 등록하신 이미지가 대표이미지로 리스트에 보여집니다.<br> - 최대 3장 첨부 가능, 최대 용량 8MB, 이미지 파일(jpg, png, gif) </span> </p> </div> </div> </div> <div class="list-back"> <button type="submit" class="btn medium weighty">작성완료</button> </div> </form> </div> </script> <script id="review-text-detail-tmpl" type="text/x-jsrender"> <div class="popup-content"> <div class="cont-wrap"> <div class="review-box"> <div class="info-area"> <div class="thumb"> <!--클릭시 제품 상세페이지 새창열기--> <a href="javascript:void(0);" title="새창으로열기"> <img src="https://image.celltrionbeauty.com/attach{{:detail.itemImagePath}}" alt="{{:detail.itemName}}" onerror="this.src='/resources/images/common/default.png'"> </a> </div> <div class="info"> <!--클릭시 제품 상세페이지 새창열기--> <a href="javascript:void(0);" title="새창으로열기"> <p class="name">{{:detail.itemName}}</p> {{if detail.itemOptionName != null}} <p class="type">{{:detail.itemOptionName}}</p> {{/if}} </a> </div> </div> <div style="float:right;position:relative;top:-5px;display:flex;"> {{if detail.ordItemId == 'NAVER_STORE_REVIEW' }} <div class="best-mark"><img src="/resources/images/review/review-icon-naver.png" alt="best review" style="width:94px;height:30px;margin-right: 5px;"></div> {{/if}} {{if detail.ordItemId != 'NAVER_STORE_REVIEW' && detail.bestYn == 'Y' }} <div class="best-mark"><img src="/resources/images/review/review-icon-best.png" alt="best review" style="width:94px;height:30px;margin-right: 5px;"></div> {{/if}} {{if detail.ordItemId != 'NAVER_STORE_REVIEW' && detail.precommentYn == 'Y'}} <div class="preuser-mark" style="margin-left:10px;"><img src="/resources/images/review/review-icon-pre.png" alt="체험단 review" style="width:94px;height:30px;margin-bottom: 5px;"></div> {{/if}} {{if detail.ordItemId != 'NAVER_STORE_REVIEW' && detail.itemCommentWriteTypeCd == 'item.comment.write.type.use'}} <div class="best-mark"><img src="/resources/images/review/review-icon-use.png" alt="use review" style="width:94px;height:30px;"></div> {{/if}} </div> <div class="eval-area" style="padding:20px 0;"> <div class="rating-star"> <!-- 별표 갯수에 맞게 클래스 숫자 조절 --> <span class="star-{{:detail.star}}"></span> </div> <div class="writer-info"> <span class="user"> {{if detail.ordItemId == 'NAVER_STORE_REVIEW'}} {{:detail.regId}} {{else}} {{:detail.writer}} {{/if}} </span> <span class="date">{{:detail.regDt}}</span> </div> </div> <div class="review"> {{:detail.content}} </div> </div> </div> <div class="page-arrow-area"> <!-- 페이지 없을경우 disabled 클래스 삽입 --> <a href="javascript:void(0);" class="prev">PREV</a> <a href="javascript:void(0);" class="next">NEXT</a> </div> </div> <a class="btn close" href="javascript:void(0);">닫기<span class="icon"></span></a> </script> <script id="review-image-detail-tmpl" type="text/x-jsrender"> <div class="popup-content"> <div class="cont-wrap"> <div class="img-box review-popup-slider"> {{if detail.filePathList != null && detail.filePathList.length > 0}} {{for detail.filePathList}} <div class="slider" style="background-image: url('https://image.celltrionbeauty.com/attach{{: }}'),url('/attach{{: }}')"></div> {{/for}} {{/if}} </div> <div class="review-box"> <div class="info-area"> <div class="thumb"> <!--클릭시 제품 상세페이지 새창열기--> <a href="javascript:void(0);" title="새창으로열기"> <img src="https://image.celltrionbeauty.com/attach{{:detail.itemImagePath}}" alt="{{:detail.itemName}}" onerror="this.src='/resources/images/common/default.png'"> </a> </div> <div class="info"> <!--클릭시 제품 상세페이지 새창열기--> <a href="javascript:void(0);" title="새창으로열기"> <p class="name">{{:detail.itemName}}</p> {{if detail.itemOptionName != null}} <p class="type">{{:detail.itemOptionName}}</p> {{/if}} </a> </div> </div> <div style="float:right;position:relative;top:-5px;display:flex;"> {{if detail.ordItemId == 'NAVER_STORE_REVIEW' }} <div class="best-mark"><img src="/resources/images/review/review-icon-naver.png" alt="best review" style="width:94px;height:30px;margin-right: 5px;"></div> {{/if}} {{if detail.ordItemId != 'NAVER_STORE_REVIEW' && detail.bestYn == 'Y' }} <div class="best-mark"><img src="/resources/images/review/review-icon-best.png" alt="best review" style="width:94px;height:30px;margin-right:5px;"></div> {{/if}} {{if detail.ordItemId != 'NAVER_STORE_REVIEW' && detail.precommentYn == 'Y'}} <div class="preuser-mark" style="margin-left:10px;"><img src="/resources/images/review/review-icon-pre.png" alt="체험단 review" style="width:94px;height:30px;margin-right:5px;"></div> {{/if}} {{if detail.ordItemId != 'NAVER_STORE_REVIEW' && detail.itemCommentWriteTypeCd == 'item.comment.write.type.use'}} <div class="best-mark"><img src="/resources/images/review/review-icon-use.png" alt="use review" style="width:94px;height:30px;"></div> {{/if}} </div> <div class="eval-area" style="padding:20px 0;"> <div class="rating-star"> <!-- 별표 갯수에 맞게 클래스 숫자 조절 --> <span class="star-{{:detail.star}}"></span> </div> <div class="writer-info"> <span class="user"> {{if detail.ordItemId == 'NAVER_STORE_REVIEW'}} {{:detail.regId}} {{else}} {{:detail.writer}} {{/if}} </span> <span class="date">{{:detail.regDt}}</span> </div> </div> <div class="review" style="margin-top:20px;"> {{:detail.content}} </div> </div> </div> <div class="page-arrow-area"> <!-- 페이지 없을경우 disabled 클래스 삽입 --> <a href="javascript:void(0);" class="prev">PREV</a> <a href="javascript:void(0);" class="next">NEXT</a> </div> </div> <a class="btn close" href="javascript:void(0);">닫기<span class="icon"></span></a> </script> </div> <div class="skip-article" id="Qna"> <script id="inquiry-base-tmpl" type="text/x-jsrender"> <div class="inner detail-skiplink-content qna-content"> <!-- 상품문의하기 버튼 구간 --> <div class="qna-btn-area"> <p class="qna-info"> 상품 문의 외 질문은 <span><span>마이페이지</span> > <span>1:1문의</span></span>를 이용해주세요. </p> <button type="button" class="btn medium weighty" onclick="cl.ItemInquiry.getInquiryAddForm({target:'Qna', returnUrl:'/item/DL2024040780?viewAttr=Qna'});">상품문의</button> </div> </div> </script> <script id="inquiry-list-tmpl" type="text/x-jsrender"> <!-- 상품문의 아코디언 --> <div class="accordion-area"> <ul id="inquiry-list-mst"></ul> </div> <!-- paging --> <div class="pagination medium" id="pageMst"></div> </script> <script id="inquiry-row-tmpl" type="text/x-jsrender"> <li class="accordion-list"> <div class="accordion-head"> <a href="javascript:void(0);"> <div class="title"> {{if memberInquiry.publicYn != null && memberInquiry.publicYn == 'N'}} <i class="ico rock"></i> {{if loginMbrId != null && loginMbrId != memberInquiry.mbrId}} 비밀글입니다. {{else}} {{:memberInquiry.title}} {{/if}} {{else}} {{:memberInquiry.title}} {{/if}} </div> <div class="member-id">{{:member.mbrLoginId}}</div> <div class="date">{{:memberInquiry.regDt}}</div> {{if memberInquiryCommentCount > 0}} <div class="answer complete">답변완료</div> {{else}} <div class="answer waiting">답변대기</div> {{/if}} </a> </div> <div class="accordion-body"> {{if memberInquiry.publicYn != null && memberInquiry.publicYn == 'N' && loginMbrId != null && loginMbrId != memberInquiry.mbrId}} <div class="question-area">비밀글입니다.</div> {{else}} <!-- 문의내역 --> <div class="question-area">{{>memberInquiry.content}}</div> <!-- 전달영역 --> <div class="convey-area"> {{if memberInquiry.attachList != null}} <div class="attach"> <span>첨부파일</span> {{for memberInquiry.attachList}} <a href="/files{{:filePath}}" title="{{:filePath}}">{{:fileName}}</a> {{/for}} </div> {{/if}} {{if loginMbrId != null && loginMbrId == memberInquiry.mbrId}} <a href="javascript:cl.ItemInquiry.bindRemoveInquiry('{{:memberInquiry.mbrInquiryId}}');" class="delete-btn">삭제</a> <a href="javascript:cl.ItemInquiry.getInquiryModifyForm({target:'Qna', mbrInquiryId:'{{:memberInquiry.mbrInquiryId}}'});" class="modify-btn">수정</a> {{/if}} </div> {{if memberInquiryCommentCount > 0}} <!-- 답변내역 --> <div class="answer-area"> {{:latestMemberInquiryComment.content}} </div> {{/if}} {{/if}} </div> </li> </script> <script id="inquiry-list-empty-tmpl" type="text/x-jsrender"> <!-- 상세상품 결과없음 --> <div class="qna-result-null"> <p>등록 된 문의가 없습니다.</p> </div> </script> <script id="inquiry-form-tmpl" type="text/x-jsrender"> <div class="inner detail-skiplink-content qna-content"> <form name="majorInquiryForm" id="majorInquiryForm"> <div class="review-write-cont qna-goods-write"> <input type="hidden" name="mbrInquiryId" value="{{:mbrInquiryId}}" /> <input type="hidden" name="itemId" value="" /> <ul class="warning-txt"> <li>상품 문의 외 질문은 <span class="point">마이페이지</span> > <span class="point">1:1문의</span>를 이용해주세요.</li> </ul> <div class="review-write-wrapper"> <div class="write-box"> <div class="box"> <label for="label_03" class="blind">제목입력</label> <input type="text" id="label_03" name="title" title="제목입력" class="title" placeholder="제목을 최대 50자 이내로 작성해주세요." value="{{:title}}" /> </div> <div class="box"> <label for="label_04" class="blind">내용입력</label> <textarea name="content" id="label_04" title="내용입력" placeholder="내용을 입력해주세요.">{{:content}}</textarea> </div> </div> <div class="upload-box"> <div class="file-area"> <input type="hidden" name="attachGrpId" value="{{:attachGrpId}}" /> <div class="upload"> <label for="upload01"><input type="file" id="upload01" title="사진등록" class="select-img" /></label> </div> <!-- 최대 5개까지 첨부가능 --> <div class="thumb-area"></div> </div> <p class="info-txt"><span>- 전체 최대 용량 8MB, 이미지 파일 (jpg,png,gif) 1개 첨부 가능</span></p> <div class="open-check-box"> <div class="asset"> <input type="checkbox" name="publicYn" {{if publicYn != null && publicYn == 'N'}}checked="checked"{{/if}} value="N" id="private"> <span class="label"><label for="private">글 비공개</label></span> </div> </div> </div> </div> </div> <div class="list-back"> <button type="button" id="cancel-btn" class="btn medium normal">작성취소</button> <button type="submit" class="btn medium weighty">작성완료</button> </div> </form> </div> </script> </div> <div class="skip-article" id="delivery"> <div class="inner detail-skiplink-content delivery-content"> <table class="data-table refund-policy"> <caption>배송정책 테이블</caption> <colgroup> <col style="width: 200px;"> <col style="width: auto;"> </colgroup> <thead> <tr> <th colspan="2">배송정책</th> </tr> </thead> <tbody> <tr> <th style="height:10px;"></th> <td></td> </tr> <tr> <th scope="row">배송 업체</th> <td>CJ대한통운</td> </tr> <tr> <th scope="row">배송 지역</th> <td>전국 지역 /일부 도서, 산간 지역은 배송불가하거나 배송기간이 길어질 수 있으며, 추가 배송비가 발생할 수 있습니다.</td> </tr> <tr> <th scope="row">배송 비용</th> <td>20,000원 이상 시 무료, 미만 시 2,500원 부과</td> </tr> <tr> <th scope="row">배송 기간</th> <td>입금완료일 기준 2~3일 소요 <span>(주말 및 공휴일 제외)</span></td> </tr> </tbody> </table> <table class="data-table refund-policy refund"> <caption>배송/교환/환불규정 테이블</caption> <colgroup> <col style="width: 200px;"> <col style="width: auto;"> </colgroup> <thead> <tr> <th colspan="2">배송/교환/환불규정</th> </tr> </thead> <tbody> <tr> <th style="height:10px;"></th> <td></td> </tr> <tr> <th scope="row">반품 택배사</th> <td>CJ대한통운</td> </tr> <tr> <th scope="row">반품/교환 가능 기간</th> <!-- <td>고객센터 1588-8829 또는 <span>마이페이지</span>><span>1:1문의</span>로 연락하여 반품사유 택배사,배송비 반품주소 등을 협의 후에 반품 가능</td> --> <td>반품/교환은 [마이페이지>주문배송>반품, 교환 요청]을 통해 직접 신청하시거나 고객센터 1588-8829로 연락해 주세요.</td> </tr> <tr> <th scope="row">상품의 불량 변질 하자 </th> <td>상품수령일로부터 7일 이내 <span>(왕복배송비 : 판매자 부담)</span></td> </tr> <tr> <th scope="row">구매자 단순 변심</th> <td>상품수령일로부터 7일 이내 <span>(왕복배송비 : 구매자 부담)</span></td> </tr> <tr style="border-bottom: 1px solid #f4f4f4;"> <th style="height:10px;"></th> <td></td> </tr> <!-- <tr> <th></th> <td>제공받은 상품이 주문 제품의 내용과 다르거나 계약 내용과 다르게 이행된 경우에는 상품을 공급받은 날로부터 3개월 이내,<br>그 사실을 안 날 또는 알 수 있었던 날부터 30일 내에 교환 및 반품 신청이 가능합니다.</td> </tr> --> <tr> <th scope="row">반품/교환 불가 사유</th> <td> <ul> <li>반품 요청 가능기간이 지난 경우</li> <li> 구매자 책임 사유로 상품 등 멸실 또는 훼손된 경우<br> <span>(단, 상품 내용확인을 위해 포장 등을 훼손한 경우는 제외)</span> </li> <li> 개봉 후 상품의 훼손으로 상품가치가 현저히 상실된 경우 <br> <span>(셀트리온뷰티몰 온라인구매가 아닌 직영점 등 에서 제품을 구매하셨다면, 해당 구매 매장의 반품 정책에 따름)</span> </li> <li>시간의 경과에 의해 재판매가 곤란할 정도로 상품 등의 가치가 현저히 감소한 경우</li> </ul> </td> </tr> <tr> <th scope="row">주의사항</th> <td>셀트리온뷰티몰에서는 보다 많은 고객님들께 구매 기회를 드리기 위해 아래의 기준에 따라 운영됩니다.<br> 1) 동일상품에 대한 최대 구매 가능 수량은 1회 주문시 최대 10개입니다.<br> 2) 1인 고객당(ID)당 최대 구매가능 수량은 30개 입니다. (여러개의 제품을 구입할때에도 30개까지만 구입가능합니다.)<br> 3) 고객 배송정보를 고려하여 동일하거나, 또는 사실상 동일 주소지일 경우에는 1인 고객으로 집계할 수 있습니다.<br> 4) 상기의 기준으로 부합하지 않는 것으로 판단되는 경우 주문이 취소될 수 있습니다. <br> - 당사 제품을 허가나 동의없이 재판매하는 행위는 독점규제 및 공정거래에 관한 법률에 위배되오니 이 점 숙지하시기 바랍니다.<br> - 당사 공식 판매처가 아닌 개인판매상 혹은 판매몰에서 제품을 구입한 경우에는 발생되는 문제에 대해서는 셀트리온뷰티몰에서 책임을 지지않습니다. </td> </tr> </tbody> </table> <!-- 배송정책 테이블 --> <!-- 배송/반품/교환 --> </div> </div> </div> </div> <!-- // 상품 상세 영역 --> <!-- ↓↓↓↓↓↓↓↓↓ 리뉴얼 시작 ↓↓↓↓↓↓↓↓↓ --> <!-- 상품 플로팅 영역 --> <div class="product-detail-float renew"> <div class="float-inner"> <div class="order-select"> <div class="option-wrap"> <div class="option-list" id="option-sub-mst"> <div class="option-item "> <input type="hidden" class="itemNo" value="ST2023122480"> <input type="hidden" class="sellPrice" value="33800.00"> <input type="hidden" class="mileage" value="338"> <input type="hidden" class="newMemberOnlyYn" value=""> <p class="title"> 바이옴 앰플 50ml 2개 </p> <div class="price-box"> <div class="option-price"> <p class="discount-price"><span class="num">44</span>%</p> <p class="basic-price"><span class="num">33,800</span>원</p> </div> <div class="spinner spinner-option"> <a href="javascript:void(0);" class="minus" data-item-no="ST2023122480" alt="수량감소"></a> <input type="text" class="optionSelectedCnt qty-item-no-ST2023122480" name="qty" value="0" maxlength="3" readonly="readonly" /> <a href="javascript:void(0);" class="plus" data-item-no="ST2023122480" alt="수량증가"></a> </div> </div> </div> </div> </div> <div class="price-total price-total"> <div class="total">총 금액 <span class="price"><strong> 0 </strong>원</span> </div> <div class="mileage-box"> <p class="title">마일리지</p> <p class="text">최대 적립 <span class="num-1 reserveAmountSum">1,338</span>M<br/>(구매적립 : <span class="num-1 reserveAmount">338</span>M + 포토리뷰 : <span class="num-1 reserveReviewAmount">1,000</span>M)</p> </div> <div class="delivery-box"> <p class="title">배송비</p> <p class="text"><span class="num-2">2,500</span>원 (<span class="num-3">20,000</span>원 이상 구매시 무료 배송)</p> </div> </div> </div> <div class="order-footer"> <div class="button-area gift"> <button type="button" class="btn-gift gift-btn" >선물하기</button> <button type="button" class="btn-basket add-cart-btn" >장바구니</button> <button type="button" class="btn-buy order-item-btn" >구매하기</button> </div> </div> </div> </div> <!-- // 상품 플로팅 영역 --> <!-- ↑↑↑↑↑↑↑↑↑ 리뉴얼 끝 ↑↑↑↑↑↑↑↑↑ --> </div> <!-- // 상품 하단내역 --> </div> <!-- // 상품 상세 --> </div> </div> </div> <!-- //본문종료 --> <!-- 쿠폰다운로드 --> <div class="layer-popup coupon-download-pop" id="couponDown"> <div class="wrapper"> <div class="popup"> <div class="popup-content"> <div class="title-area"> <h3 class="title">쿠폰 다운로드 완료</h3> <a class="btn close" href="javascript:void(0);">닫기<span class="icon"></span></a> </div> <div class="coupon"><img src="/resources/images/renew/coupon.png" alt="한스킨 할인 쿠폰"></div> <!-- 수정 및 추가 03/27 --> <ul class="info-txt"> <li><a href="/mypage/account/coupon">마이페이지</a> <span>></span> <a href="/mypage/account/coupon">쿠폰</a>에서 확인 가능</li> <li>다운받은 쿠폰은 <em>주문/결제</em> 화면에서 <em>적용가능</em></li> </ul> </div> </div> </div> </div> <!-- // 쿠폰다운로드 --> <!-- 구매사은품 --> <div class="layer-popup guide-popup renew-popup" id="buyGift" style="display: none;"> <div class="wrapper"> <div class="popup"> <div class="popup-content buy-gift-pop " id="free-gift-mst"> <div class="pop-head"> 사은품 안내 </div> </div> <script id="free-gift-tmpl" type="text/x-jsrender"> <div class="pop-body"> {{props result}} {{if key == 'item.freeGift.all'}} <div class="all-buy-gift"> <div class="buy-gift-title">기본 사은품</div> <ul class="gift-list"> {{for prop}} <li> <div class="thumb"> <img src="https://image.celltrionbeauty.com/attach{{:filePath}}" alt="마크업이미지" onerror="this.onerror=null; this.src='/attach{{:filePath}}'" /> </div> <div class="one-line-desc">{{:itemName}}</div> </li> {{/for}} </ul> </div> {{/if}} {{/props}} {{if itemFreeGiftNewList}} <div class="all-buy-gift"> <div class="buy-gift-title">구매 사은품</div> <ul class="gift-list"> {{props itemFreeGiftNewList}} {{for prop}} <li> <div class="thumb"> <img src="https://image.celltrionbeauty.com/attach{{:FILE_PATH}}" alt="마크업이미지" onerror="this.onerror=null; this.src='/attach{{:FILE_PATH}}'" /> </div> <div class="one-line-desc">{{:ITEM_TEXT}}</div> </li> {{/for}} {{/props}} </ul> </div> {{/if}} <div class="amount-gift"> <div class="amount-title"> <div class="buy-gift-title">구매 금액대별 사은품 </div> <ul class="amount"> {{props result}} {{if key != 'item.freeGift.all'}} <li><a href="javascript:void(0);" {{if #getIndex() == 1 }}class="on"{{/if}}>{{:prop.codeName}}</a></li> {{/if}} {{/props}} </ul> </div> {{props result}} {{if key != 'item.freeGift.all'}} <ul class="gift-list" {{if #getIndex() > 1 }}style="display: none;"{{/if}}> <li class="info"> <strong>{{:prop.codeName}} 구매시</strong> </li> {{for prop}} <li> <div class="thumb"> <img src="https://image.celltrionbeauty.com/attach{{:filePath}}" alt="마크업이미지" onerror="this.onerror=null; this.src='/attach{{:filePath}}'" /> </div> <div class="one-line-desc">{{:itemName}}</div> </li> {{/for}} </ul> {{/if}} {{/props}} </div> {{if firstBuyFreeGiftList}} <div class="all-buy-gift"> <div class="buy-gift-title">첫 구매고객 사은품</div> <ul class="gift-list"> {{props firstBuyFreeGiftList}} {{for prop}} <li> <div class="thumb"> <img src="https://image.celltrionbeauty.com/attach{{:filePath}}" alt="마크업이미지" onerror="this.onerror=null; this.src='/attach{{:filePath}}'" /> </div> <div class="one-line-desc">{{:itemName}}</div> </li> {{/for}} {{/props}} </ul> </div> {{/if}} {{if eventFreeGiftList}} <div class="all-buy-gift"> <div class="buy-gift-title">정월대보름 기념 특별사은품(1만원 이상 구매시 증정)</div> <ul class="gift-list"> {{props eventFreeGiftList}} {{for prop}} <li> <div class="thumb"> <img src="https://image.celltrionbeauty.com/attach{{:filePath}}" alt="마크업이미지" onerror="this.onerror=null; this.src='/attach{{:filePath}}'" /> </div> <div class="one-line-desc">{{:itemName}}</div> </li> {{/for}} {{/props}} </ul> </div> {{/if}} </div> </script> <a class="btn close" href="javascript:void(0);">닫기<span class="icon"></span></a> </div> </div> </div> <!-- // 구매사은품 --> <!-- 일반 리뷰보기 팝업 --> <div class=" layer-popup hot-review-popup hot-txt-popup" id="hotTxtPopup"> <div class="wrapper"> <div class="popup"> </div> </div> </div> <!-- // 일반 리뷰보기 팝업 --> <!-- 포토 리뷰보기 팝업 --> <div class=" layer-popup review-photo-popup hot-review-popup hot-photo-popup" id="hotPhotoPopup"> <div class="wrapper"> <div class="popup"> </div> </div> </div> <!-- // 포토 리뷰보기 팝업 --> <!-- 190129 비회원 구매 팝업 --> <div class=" layer-popup nonmember-popup" id="nonmemberPopup"> <div class="wrapper"> <div class="popup"> <div class="popup-content" style="padding: 40px 25px 40px"> <!-- 190208 popup-head 추가 --> <div class="popup-head"> <!-- 190208 닫기 버튼 추가 --> <a class="btn close" href="javascript:void(0);">닫기<span class="icon"></span></a> <!-- //190208 닫기 버튼 추가 --> </div> <!-- 190208 popup-body 추가 --> <div class="popup-body"> <p class="info-txt" id="nomemberConditionMsg">카카오로 간편가입 후 <span style="font-weight:600;">3종 할인쿠폰</span>과<br><span style="font-weight:600;">다양한 혜택</span>을 경험해보세요.</p> <div class="btn-area"> <a href="javascript:void(0);" class="btn normal small buy-btn">비회원구매</a> <a href="/login/kakao?returnUrl=/item/DL2024040780" class="btn weighty small kakao">회원가입 후 구매</a> </div> </div> </div> </div> </div> </div> <!-- // 190129 비회원 구매 팝업 --> <!-- SNS 팝업 --> <div class="layer-popup review-photo-popup sns-review-popup" id="snsReviewPopup"></div> <!-- // SNS 팝업 --> <!-- SNS 팝업 --> <script id="sns-review-tmpl" type="text/x-jsrender"> <div class="wrapper"> <div class="popup"> <div class="popup-content"> <div class="cont-wrap"> <div class="img-box review-popup-slider"> {{if itemComment.attachList != null}} {{for itemComment.attachList}} <div class="slider" style="background-image: url('/attach{{:filePath}}')"></div> {{/for}} {{/if}} </div> <div class="review-box"> <div class="user-info"> <span class="ico insta"></span> <span class="user-id"> <a href="https://www.instagram.com/{{:itemComment.instaId}}/?hl=ko" target="_blank">{{:itemComment.instaId}}</a> </span> </div> <div class="review">{{:itemComment.content}}</div> <div class="hash-area"> {{for itemComment.hashContentArr}} {{if data != ''}} <a href="https://www.instagram.com/explore/tags/{{> #data}}/" target="_blank"># {{> #data}} </a> {{/if}} {{/for}} </div> {{if snsReviewItem != null}} <div class="info-area"> <p class="title">리뷰 관련상품</p> <div class="info-wrap"> <div class="thumb"> <!--클릭시 제품 상세페이지 새창열기--> <a href="/item/{{:snsReviewItem.item.itemNo}}" target="_blank" title="새창으로열기"> <img src="/attach{{:snsReviewItem.itemImagePath}}" alt="제품썸네일"> </a> </div> <div class="info"> <!--클릭시 제품 상세페이지 새창열기--> <a href="/item/{{:snsReviewItem.item.itemNo}}" target="_blank" title="새창으로열기"> <p class="name">{{:snsReviewItem.item.itemName}}</p> <!-- 190103 type삭제 --> </a> </div> </div> </div> {{/if}} </div> </div> <div class="page-arrow-area" data="sns-controll"> <a href="javascript:void(0);" class="prev {{if itemComment.prevCommentId == null}}disabled{{/if}}"> <input type="hidden" name="prevCommentId" value="{{:itemComment.prevCommentId}}" /> PREV </a> <a href="javascript:void(0);" class="next {{if itemComment.nextCommentId == null}}disabled{{/if}}"> <input type="hidden" name="nextCommentId" value="{{:itemComment.nextCommentId}}" /> NEXT </a> </div> </div> <a class="btn close" href="javascript:void(0);">닫기<span class="icon"></span></a> </div> </div> </script> <script id="page-first-tmpl" type="text/x-jsrender"> <span class="left-box"> <a class="btn first" href="javascript:void(0);" data-value="{{:page}}">처음</a> </span> </script> <script id="page-before-tmpl" type="text/x-jsrender"> <a class="btn prev" href="javascript:void(0);" data-value="{{:page}}">이전</a> </script> <script id="page-tmpl" type="text/x-jsrender"> <a href="javascript:void(0);" data-value="{{:page}}"><span>{{:page}}</span></a> </script> <script id="page-now-tmpl" type="text/x-jsrender"> <strong title="현재위치"><span>{{:page}}</span></strong> </script> <script id="page-after-tmpl" type="text/x-jsrender"> <span class="right-box"> <a class="btn next" href="javascript:void(0);" data-value="{{:page}}">다음</a> </span> </script> <script id="page-last-tmpl" type="text/x-jsrender"> <a class="btn last" href="javascript:void(0);" data-value="{{:page}}">끝</a> </script> <script id="plus-btn-tmpl" type="text/x-jsrender"> <div class="list-up-ea-btn"> <button type="button" name="plusBtn" class="btn xlarge disable" data-page-no="{{:#data}}">더보기</button> </div> </script> <!-- Enliple Tracker Start --> <script type="text/javascript"> var ENP_VAR = { collect: {}, conversion: { product: [] } }; ENP_VAR.collect.productCode = 'DL2024040780'; ENP_VAR.collect.productName = '[1+1]어린 비피다 엑스퍼트 바이옴 앰플 50ml+50ml'; ENP_VAR.collect.price = '60000'; ENP_VAR.collect.dcPrice = '33800'; ENP_VAR.collect.soldOut = 'N'; ENP_VAR.collect.imageUrl = 'https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-represent.jpg'; ENP_VAR.collect.secondImageUrl = ''; ENP_VAR.collect.thirdImageUrl = ''; ENP_VAR.collect.fourthImageUrl = '' ENP_VAR.collect.topCategory = '한스킨'; ENP_VAR.collect.firstSubCategory = '한스킨'; ENP_VAR.collect.secondSubCategory = '스킨케어'; ENP_VAR.collect.thirdSubCategory = '에센스/세럼/앰플'; /* 간편 결제 시스템을 통한 전환. (이용하지 않는 경우 삭제) */ ENP_VAR.conversion.product.push({ productCode : 'DL2024040780', productName : '[1+1]어린 비피다 엑스퍼트 바이옴 앰플 50ml+50ml', price : '60000', dcPrice : '33800', qty : '1', soldOut : 'N', imageUrl : 'https://image.celltrionbeauty.com/attach/item/DL2024040780/DL2024040780-represent.jpg', topCategory : '한스킨', firstSubCategory : '한스킨', secondSubCategory : '스킨케어', thirdSubCategory : '에센스/세럼/앰플' }); (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', 'collect', 'hanskin', { device: 'W' }); /* 장바구니 버튼 타겟팅 (이용하지 않는 경우 삭제) */ enp('create', 'cart', 'hanskin', { device: 'W', btnSelector: '.add-cart-btn' }); /* 찜 버튼 타겟팅 (이용하지 않는 경우 삭제) */ enp('create', 'wish', 'hanskin', { device: 'W', btnSelector: '#pick-item' }); /* 네이버페이 전환. (이용하지 않는 경우 삭제) */ enp('create', 'conversion', 'hanskin', { device: 'W', paySys: 'naverPay' }); </script> <!-- Enliple Tracker End --> <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="/partners/">Biz 파트너스 입점</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>