 
	
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
			
			
			
			
			
			
			
			
                        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    
	
	










































































































































































































































































































































































































































































































 <!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
<link rel="alternate" href="https://www.sulwhasoo.com/int/en/index.html" hreflang="en" />
<link rel="alternate" href="https://www.sulwhasoo.com.cn/index.html" hreflang="zh-CN" />
<link rel="alternate" href="https://www.sulwhasoo.com/kr/ko/index.html" hreflang="ko-KR" />
<link rel="alternate" href="https://www.sulwhasoo.com/hk/en/index.html" hreflang="en-HK" />
<link rel="alternate" href="https://www.sulwhasoo.com/hk/zh/index.html" hreflang="zh-HK" />
<link rel="alternate" href="https://www.sulwhasoo.com/sg/en/index.html" hreflang="en-SG" />
<link rel="alternate" href="https://www.sulwhasoo.com/my/en/index.html" hreflang="en-MY" />
<link rel="alternate" href="https://www.sulwhasoo.com/vn/vi/index.html" hreflang="vi-VN" />
<link rel="alternate" href="https://www.sulwhasoo.com/id/id/index.html" hreflang="id-ID" />
<link rel="alternate" href="https://www.sulwhasoo.com/th/th/index.html" hreflang="th-TH" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="google-site-verification" content="5EbKXCdVvWtAtCSz4ijpEzSm1dBk3Q74Z7PEP-SyfRQ" />
    <meta name="title" content="雪花秀, 不为时光所动 | 雪花秀 中国">
    <meta name="description" content="雪花秀（sulwhasoo）韩国著名草本护肤化妆品品牌，中国唯一雪花秀官方网站，致力于向中国女性传播美丽与自信。为消费者提供雪花秀睡眠面膜、雪花秀人参面霜、雪花秀人参眼霜等热门护肤化妆品。更多雪花秀护肤化妆品请关注雪花秀官网。雪花秀，打造更美的女性。">
    <meta name="keywords" content="雪花秀,sulwhasoo,雪花秀官网,雪花秀官方旗舰店,雪花秀护肤美容,sulwhasoo官网">
    <meta property="og:title" content="雪花秀">
    <meta property="og:description" content="不为时光所动">
    <meta property="og:site_name" content="sulwhasoo" />
    <meta property="og:type" content="" />
    <meta property="og:url" content="https://www.sulwhasoo.com.cn/cn/zh/products/new-issue/new-issue.html" />
    <meta property="og:image" content="/meta/__icsFiles/afieldfile/2020/04/17/sulwhasoo-og_cn.jpg" />
    <link rel="canonical" href="https://www.sulwhasoo.com.cn/index.html">
    <link rel="shortcut icon" type="image/x-icon" href="/resource/image/favicon.vnd.microsoft.ico" />
    <title>雪花秀, 不为时光所动
    </title>

    <!-- jquery-1.8.1.min.js -->
    <link rel="stylesheet" href="/resource/css/common.min.0.css">
    <!-- common.min.0.css-->
    <!--[if lt IE 9]><link rel="stylesheet" href="/sg/en/static/css/ie.min.0.css"><![endif]-->
    <script>
        var dep1 = "";
        var dep2 = "";
        var tplId = "";
    </script>
    <script type="text/javascript" src="/resource/js/common.min.0.js"></script>
    <!-- common.min.0.js -->
    <!--<script type="text/javascript" src="/resource/js/ion.js"></script>ion.js -->
    <script type="text/javascript" src="/resource/js/api.js"></script>
    <!--api.js -->
    <script type="text/javascript" src="/resource/js/modernizr.min.0.js"></script>
    <!-- modernizr.min.0.js -->
    <script src="/resource/js/iScript.js"></script>
    <script type="text/javascript" src="/resource/js/layout.js"></script>
    <!-- layout.js-->      
        <script type="text/javascript" src="/resource/js/util.js"></script>
        <!-- util.js-->
        <!-- Google Tag Manager -->
        <script>
            (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-PNTDCFJ');
        </script>
        <!-- End Google Tag Manager -->    </head>

<body>
    <!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PNTDCFJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <script>
        var mobileArr = new Array("iPhone", "iPod", "iPad", "BlackBerry", "Android", "Windows CE", "LG", "MOT", "SAMSUNG", "SonyEricsson");
        var mobileChk = "PC";
        for (var mi in mobileArr) {
            if (navigator.userAgent.match(mobileArr[mi]) != null) {
                mobileChk = "MOBILE";
            }
        }

        var dataLayer = dataLayer || [];
        var AP_SEARCH_TERM = "";
        var AP_SEARCH_NUM = "";
        var AP_SEARCH_TYPE = "";
        var AP_SEARCH_PRDRESULT = '';
        var AP_DATA_GCID = "";
        var AP_DATA_CID = "";
        var AP_DATA_ISMEMBER = "";
        var AP_DATA_ISLOGIN = "N";
        var AP_DATA_LOGINTYPE = "";
        var AP_DATA_CA = "";
        var AP_DATA_CD = "";
        var AP_DATA_CG = "";
        var AP_DATA_CT = "";
        var AP_DATA_SITENAME="SULWHASOO";
          var AP_DATA_CHANNEL= mobileChk;   //PC,MOBILE,APP
          var AP_DATA_PAGENAME=document.title ; //
        var AP_DATA_PAGETYPE="main";  //main, prds, prd, events, event, search
          var AP_DATA_COUNTRY="cn";
          var AP_DATA_LANG="zh";
          var AP_DATA_BREAD="HOME";//Breadcrumb Trail값
    </script>
    <script>
        function search(p1) {
            var frm = $('#frm_search_' + p1);
            var q = frm.find($('.text'));
            if (q.val() == '') {
                q.val('致美润白气垫粉底液');
            }
            frm.submit();
        }
    </script>
    <!--20160509 onclick 태킹코드 요청 삭제 -->
    <!--[if lt IE 9]><div id="legacy-browser">您当前浏览器版本过低，请更新升级您的浏览器，或者使用 <a href="https://windows.microsoft.com/ko-kr/internet-explorer/ie-11-worldwide-languages" target="_blank">IE10以上版本</a>浏览。 <button type="button" class="legacy-browser-close">关闭<i class="icon"></i></button></div><![endif]-->
    <!--S 20160602 (20170215) 쿠션특별페이지 바이두 리마케팅 코드-->
    <script type="text/javascript">
        (function(d) {
                (window.bd_cpro_rtid = window.bd_cpro_rtid || []).push({
                    id: "nWD3Pj0v"
                });
                var s = d.createElement("script");
                s.type = "text/javascript";
                s.async = true;
                s.src = location.protocol + "//cpro.baidu.com/cpro/ui/rt.js";
                var s0 = d.getElementsByTagName("script")[0];
                s0.parentNode.insertBefore(s, s0);
            }

        )(document);
    </script>
    <!-- E 20160602 쿠션특별페이지 바이두 리마케팅 코드-->
    <!-- 20170216 구매완료 페이지 제외한 모든 페이지 코드 삽입 -->
    <!-- Start of DoubleClick Floodlight Tag: Please do not remove Activity name of this tag: web_RMKT_CN URL of the webpage where the tag is expected to be placed: https: //www.sulwhasoo.com
This tag must be placed between the <body>and </body>tags,
as close as possible to the opening tag. Creation Date: 02/06/2017 -->
    <script type="text/javascript">
        var axel = Math.random() + "";
        var a = axel * 10000000000000;
        document.write('<img class="blind" src="https://ad.doubleclick.net/ddm/activity/src=6518618;type=invmedia;cat=tj34tu0t;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=' + a + '?" width="1" height="1" alt=""/>'); //20170221 add 모바일에서 높이값 공간 차지하는 관계로 class="blind"추가
    </script><noscript><img src="https://ad.doubleclick.net/ddm/activity/src=6518618;type=invmedia;cat=tj34tu0t;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=1?" width="1" height="1" alt=""/></noscript>
    <!-- End of DoubleClick Floodlight Tag: Please do not remove -->
    <!-- // 20170216 구매완료 페이지 제외한 모든 페이지 코드 삽입 -->
    <a href="#main" id="skipnav">了解详情</a>
    <div id="browser-resizing"></div>
    <div id="wrap">
        <header id="header" class="header" ap-type="header">
            <div class="l-header">
                <h1 class="logo">
                    <a href="/" id="header_atag" class="logo-a" ap-click-area="header" ap-click-name="Click - header" ap-click-data="logo"><img src="/resource/image/logo_sulwhasoo.png" class="logo-img" alt="Sulwhasoo"></a><span class="blind">Sulwhasoo</span></h1>
                <div class="header-inner"><button type="button" id="sidenav-open" class="sidenav-open"><i class="icon icon-menu"></i><span class="blind">Open menu</span></button>
                    <div class="top-left">
                        <div class="select-language"><a href="#language-list" class="toggle-layer select-language-a" ap-click-area="header" ap-click-name="Select Country" ap-click-data="Select Country">中国大陆/中文<i class="icon-arr-down"></i><i class="icon-arr-up"></i></a></div>
                        <ul id="language-list" class="select-language-list" tabindex="0" style="outline: none 0px;">
                            <li class="is-current"><a href="https://www.sulwhasoo.com/cn/zh" target="_blank" title="新窗口" ap-click-area="header" ap-click-name="Select Country" ap-click-data="cn/zh">中国大陆/中文</a></li>
                            <li><a href="https://www.sulwhasoo.com/kr/ko" target="_blank" ap-click-area="header" ap-click-name="Select Country" ap-click-data="kr/ko">한국/한국어</a></li>
                            <li><a href="https://www.sulwhasoo.com/int/en" target="_blank" ap-click-area="header" ap-click-name="Select Country" ap-click-data="int/en">International/English</a></li>
                            <li><a href="https://www.sulwhasoo.com/hk/zh" target="_blank" title="新窗口" ap-click-area="header" ap-click-name="Select Country" ap-click-data="hk/zh">中国香港/繁體中文</a></li>
                            <li><a href="https://www.sulwhasoo.com/hk/en" target="_blank" title="新窗口" ap-click-area="header" ap-click-name="Select Country" ap-click-data="hk/en">HONGKONG CHINA/English</a></li>
                            <!--<li><a href="https://www.sulwhasoo.com/tw/zh" target="_blank" title="新窗口" data-track-name="lang/twzh">中國台灣/繁體中文</a></li>-->
                            <li><a href="https://www.sulwhasoo.com/sg/en" target="_blank" title="新窗口" ap-click-area="header" ap-click-name="Select Country" ap-click-data="sg/en">Singapore/English</a></li>
                            <li><a href="https://www.sulwhasoo.com/my/en/" target="_blank" title="新窗口" ap-click-area="header" ap-click-name="Select Country" ap-click-data="my/en">Malaysia/English</a></li>
                            <li><a href="https://www.sulwhasoo.com/th/th" target="_blank" title="新窗口" ap-click-area="header" ap-click-name="Select Country" ap-click-data="th/th">ประเทศไทย/ไทย</a></li>
                            <li><a href="https://www.sulwhasoo.com/vn/vi" target="_blank" title="新窗口" ap-click-area="header" ap-click-name="Select Country" ap-click-data="vn/vi">Việt Nam/Tiếng Việt</a></li>
                            <!-- 20160330 -->
                            <li><a href="https://www.sulwhasoo.com/id/id" target="_blank" title="新窗口" ap-click-area="header" ap-click-name="Select Country" ap-click-data="id/id">Indonesia/Bahasa Indonesia</a></li>
                            <!-- 20160401 -->
                            <li><a href="https://us.sulwhasoo.com/" target="_blank" title="新窗口" ap-click-area="header" ap-click-name="Select Country" ap-click-data="us/en">USA/English</a></li>
                            <!--20170914 add new language site-->
                            <!-- <li><a href="https://www.sulwhasoo.com/fr/fr" target="_blank" title="新窗口" ap-click-area="header" ap-click-name="Select Country" ap-click-data="fr/fr">France/Français</a></li>-->
                        </ul><a href="/misc/store/index.html" class="store-location" title="Store location" ap-click-area="header" ap-click-name="Click - Find a Store" ap-click-data="Find Store">专柜导航</a></div>
                    <!-- 20151110 -->
                    <style>
                        .header .misc-links {
                            width: 40%;
                        }
                        
                        .header .misc-a.add01:first-child:after {
                            border-left: 0;
                        }
                        
                        .header .misc-a.sws-logout-btn:after {
                            border-left: 0;
                        }
                        
                        .header .open-search {
                            display: none;
                        }
                        
                        .header .misc-links .show_pc {
                            display: block;
                            width: 15%;
                            overflow: hidden;
                            position: absolute;
                            top: 52%;
                            right: 0;
                        }
                        
                        .header .show_pc .search .text {
                            height: 31px;
                            font-size: 13px;
                            padding-top: 6px;
                            line-height: 1.4;
                        }
                        
                        .header .show_pc .search .submit {
                            right: 6px;
                            font-size: 18px;
                            line-height: 1.4;
                        }
                        
                        @media only all and (min-width: 1024px) {
                            .header .misc-links {
                                padding-right: 0
                            }
                            .header .add02 {
                                margin-right: 0;
                                padding-right: 0
                            }
                            .header .add02 .misc-text {
                                display: inline-block;
                                vertical-align: top;
                                padding-top: 1px
                            }
                        }
                        
                        @media only all and (max-width: 1023px) {
                            .header .add01 {
                                top: 2px;
                                margin-right: -2.45%;
                            }
                            .header .add01 .f-icon {
                                font-size: 24px;
                            }
                            .header .add02 {
                                display: none;
                            }
                            .header .open-search {
                                display: block;
                            }
                            .header .misc-links .show_pc {
                                display: none;
                            }
                        }
                        
                        @media only all and (max-width: 767px) {
                            .header .add01 .f-icon {
                                font-size: 21px;
                            }
                            .header .misc-a.add02 {
                                display: block;
                                position: absolute;
                                top: 28%;
                                left: 16.5%;
                            }
                            /* 20160919 add */
                        }
                        
                        @media only all and (max-width: 320px) {
                            .header .misc-a.add02 {
                                left: 18.5%;
                            }
                            /* 20160919 add */
                        }
                    </style>
                    <!-- // 20151110 -->
                    <div class="misc-links">
                        <!-- 20151110 pc용 -->
                        <div class="show_pc">
                            <form name="" action="/misc/search/index.html" class="search" id="frm_search_pc">
                                <div class="search-box"><label for="q" class="blind">搜索</label><input name="q" id="q" type="search" class="text" autocomplete="off" placeholder="致美润白气垫粉底液"><input name="_charset_" type="hidden" value="UTF-8"><button type="button" class="submit"
                                        onclick="search('pc');"><!-- 20151012 수정 --><i class="icon-search" style="background-color:#fff;border:1px solid #fff"></i><span class="blind">搜索</span></button></div>
                            </form>
                        </div>
                        <!-- // 20151110 pc용 -->
                    </div><a href="#top-search" id="open-search" class="open-search" data-track-name="gnb/search"><i class="icon-search"></i><span class="blind">search</span></a>
                    <div id="top-search" class="search-container" tabindex="0" style="outline: none 0px;">
                        <form name="" action="/misc/search/index.html" class="search" id="frm_search_mobile">
                            <div class="search-box"><label for="q" class="blind">搜索</label><input name="q" id="q" type="search" class="text" autocomplete="off" placeholder="致美润白气垫粉底液"><input name="_charset_" type="hidden" value="UTF-8"><button type="button" class="submit" onclick="search('mobile');"><!-- 20151012 수정 --><i class="icon-search" style="background-color:#fff;border:1px solid #fff"></i><span class="blind">搜索</span></button></div>
                        </form>
                    </div>
                    <!-- 20160601 add - cushion banner -->
                    <style>
                        .cushion-banner {
                            position: absolute;
                            top: 74px;
                            right: 0;
                            z-index: 100;
                            max-width: 180px;
                        }
                        
                        @media only all and (max-width: 1023px) {
                            .cushion-banner {
                                display: none;
                            }
                        }
                        
                        @media only all and (max-width: 1110px) {
                            .cushion-banner {
                                top: 78px;
                                right: -13px;
                                width: 17%;
                            }
                        }
                    </style>
                    <!--<a href="/cn/zh/cover/make_up/perfecting_cushion_brightening.html" class="cushion-banner" data-track-name="/cover/make_up/致美润白气垫粉底液"><img src="/cn/zh/static/images/a/cushion_banner1.jpg" alt="致美润白气垫粉底液"></a>-->
                    <!-- // 20160601 add - cushion banner -->
                </div>
            </div>
            <nav id="gnb" class="gnb" ap-type="gnb">
                <div class="l-wrap">
                    <div class="blind">Top Navigation</div>
                    <ul id="gnb-menu" class="gnb-menu"></ul>
                </div>
                <div id="gnb-bg" class="bg"></div>
            </nav>
        </header>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PNTDCFJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Google Tag Manager (noscript) 20191217-->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TCP82QB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) 20191217 -->
<script>
    $(document).ready(function() {

        $("main[role=main]").attr("ap-type", "content");

        //$("a[data-ap-action=Click - Product Detail Link]").each(function () {
        $('a').parent().find('a[data-ap-action="Click - Product Detail Link"]').each(function() {
            var apClickData = new Object();
            apClickData = $(this).attr("data-ap-product");
            $(this).attr("ap-click-area", "Product");
            $(this).attr("ap-click-name", "Click - Product Detail Link");
            if (typeof apClickData != "undefined") {
                try {
                    var nmVal = $(this).children(".name:first").children(".name-tit:first").text();
                    if (!($(this).attr("ap-click-data").length > 0)) {
                        $(this).attr("ap-click-data", $.trim(nmVal));
                    }
                    //var nmVal = JSON.parse(apClickData).name;
                    //$(this).attr("ap-click-data", nmVal);
                } catch (e) {
                    // error in the above string (in this case, yes)!
                    var nmVal = $(this).attr("href");
                    $(this).attr("ap-click-data", "https://www.sulwhasoo.com" + nmVal);
                }
            } else {
                var nmVal = $(this).attr("href");
                $(this).attr("ap-click-data", "https://www.sulwhasoo.com" + nmVal);
            }
        });

    });
</script>

<style>
    /* slick.min.css :: S */
    
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent
    }
    
    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0
    }
    
    .slick-list:focus {
        outline: 0
    }
    
    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }
    
    .slick-slider .slick-list,
    .slick-slider .slick-track {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    
    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    
    .slick-track:after,
    .slick-track:before {
        display: table;
        content: ''
    }
    
    .slick-track:after {
        clear: both
    }
    
    .slick-loading .slick-track {
        visibility: hidden
    }
    
    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }
    
    [dir=rtl] .slick-slide {
        float: right
    }
    
    .slick-slide img {
        display: block
    }
    
    .slick-slide.slick-loading img {
        display: none
    }
    
    .slick-slide.dragging img {
        pointer-events: none
    }
    
    .slick-initialized .slick-slide {
        display: block
    }
    
    .slick-loading .slick-slide {
        visibility: hidden
    }
    
    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent
    }
    
    .slick-arrow.slick-hidden {
        display: none
    }
    /* slick.min.css :: E */
    /* main common */
    
    .main-renew {
        margin-top: -34px;
    }
    
    .main-renew h2 {
        padding-bottom: 30px;
        color: #030200;
        font-weight: normal;
        font-size: 28px;
        font-family: 'Buri', serif;
        text-align: center;
    }
    
    @media only screen and (max-width: 1439px) {
        .main-renew h2 {
            font-size: 1.944vw;
        }
    }
    
    @media only screen and (max-width: 1023px) {
        .main-renew {
            margin-top: 0;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .main-renew h2 {
            font-size: 5vw;
        }
    }
    
    .main-renew .display-pc {}
    
    .main-renew .display-mo {
        display: none;
    }
    
    @media only screen and (max-width: 767px) {
        .main-renew h2 {
            padding-bottom: 3.125vw;
        }
        .main-renew .display-pc {
            display: none;
        }
        .main-renew .display-mo {
            display: block;
        }
    }
    /* MAIN KV :: S */
    
    .main-kv-wrap {
        position: relative;
        width: 100%;
    }
    
    .main-kv {
        position: relative;
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
        background-color: #ececec;
        overflow-y: hidden;
    }
    
    .main-kv .kv-slide {
        position: relative;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }
    
    .main-kv .kv-slide .mainpc {
        /* position: absolute; */
        width: 100%;
        max-width: inherit;
        display: block;
    }
    
    .main-kv .kv-slide .mainmo {
        position: absolute;
        display: none;
    }
    
    .main-kv .kv-veil {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        opacity: 0;
    }
    
    .main-kv .txt-wrap {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
    }
    
    .main-kv .txt-cont {
        display: table;
        width: 480px;
        height: inherit;
        color: #fff;
        text-align: right;
        opacity: 0;
    }
    
    .main-kv .txt-cont .txt-cont-cell {
        display: table-cell;
        height: inherit;
        vertical-align: middle;
    }
    
    .main-kv .txt-cont .kv-tit {
        font-size: 40px;
        font-family: 'Buri', serif;
        line-height: 54px;
    }
    
    .main-kv .txt-cont .txt-sub {
        font-size: 18px;
        font-family: 'Buri', serif;
    }
    
    .main-kv .txt-cont .txt-desc {
        margin: 46px 0 0;
        font-size: 20px;
        font-family: 'Buri', serif;
    }
    
    .main-kv .txt-cont .btn-wrap {
        margin: 30px 0 0;
    }
    
    .main-kv .txt-cont .btn-view {
        display: inline-block;
        width: 132px;
        height: 38px;
        margin-left: 10px;
        border: 1px solid #fff;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        line-height: 38px;
        text-align: center;
        text-decoration: none !important;
    }
    
    .main-kv .kv-slide.slick-active .kv-veil,
    .main-kv .kv-slide.slick-active .txt-cont {
        opacity: 1;
    }
    /*20191010 동영상영역 수정*/
    
    .main-kv .video-item.slick-current .kv-veil,
    .main-kv .video-item.slick-current .txt-cont {
        opacity: 1 !important;
    }
    
    .main-kv .slick-arrow {
        position: absolute;
        top: 50%;
        margin-top: -29px;
        z-index: 1;
        width: 30px;
        height: 58px;
        background-position: 0 0;
        background-repeat: 0 0;
        overflow: hidden;
        text-indent: -9999px;
        font-size: 0;
        line-height: 0;
        z-index: 1;
    }
    
    .main-kv .slick-prev {
        left: 168px;
        background-image: url(/resource/image/a/main-kv-arr-l.png);
    }
    
    .main-kv .slick-next {
        right: 168px;
        background-image: url(/resource/image/a/main-kv-arr-r.png);
    }
    
    .main-kv .slick-dots {
        position: absolute;
        right: 0;
        bottom: 24px;
        left: 0;
        margin: 0 auto;
        text-align: center;
    }
    
    .main-kv .slick-dots li {
        display: inline-block;
        padding: 0 5px;
        font-size: 0;
        line-height: 0;
    }
    
    .main-kv .slick-dots button {
        width: 10px;
        height: 10px;
        padding: 0;
        overflow: hidden;
        background: #fff;
        border-radius: 5px;
        text-indent: -9999px;
        -webkit-transition: width .3s;
        -moz-transition: width .3s;
        -o-transition: width .3s;
        transition: width .3s;
    }
    
    .main-kv .slick-dots .slick-active button {
        width: 25px;
    }
    
    .main-kv-wrap .btn-control {
        position: absolute;
        bottom: 22px;
        left: 50%;
        width: 18px;
        height: 18px;
        padding: 0;
        background-repeat: no-repeat;
        background-position: 0 0;
        overflow: hidden;
        text-indent: -9999px;
        z-index: 1;
    }
    
    .main-kv-wrap .btn-control.dot1 {
        margin-left: 23px;
    }
    
    .main-kv-wrap .btn-control.dot2 {
        margin-left: 33px;
    }
    
    .main-kv-wrap .btn-control.dot3 {
        margin-left: 43px;
    }
    
    .main-kv-wrap .btn-control.dot4 {
        margin-left: 53px;
    }
    
    .main-kv-wrap .btn-control.dot5 {
        margin-left: 63px;
    }
    
    .main-kv-wrap .btn-control.dot6 {
        margin-left: 73px;
    }
    
    .main-kv-wrap .btn-control.dot7 {
        margin-left: 83px;
    }
    
    .main-kv-wrap .btn-control.dot8 {
        margin-left: 93px;
    }
    
    .main-kv-wrap .btn-control.dot9 {
        margin-left: 103px;
    }
    
    .main-kv-wrap .btn-control.dot10 {
        margin-left: 113px;
    }
    
    .main-kv-wrap .btn-control.play {
        background-image: url(/resource/image/a/btn-play-pc.png);
    }
    
    .main-kv-wrap .btn-control.stop {
        background-image: url(/resource/image/a/btn-stop-pc.png);
    }
    
    @media only screen and (max-width: 1440px) {
        .main-kv .slick-prev {
            left: 5.556vw;
        }
        .main-kv .slick-next {
            right: 5.556vw;
        }
    }
    
    @media only screen and (max-width: 1027px) {
        .main-kv {
            height: 100%;
        }
        .main-kv .kv-slide {
            background-size: cover;
        }
        .main-kv .kv-veil {
            height: 38.194vw;
        }
        .main-kv .txt-cont {
            width: 32.750vw;
        }
        .main-kv .txt-cont .kv-tit {
            font-size: 2.917vw;
            line-height: 3.750vw;
            letter-spacing: -0.139vw;
        }
        .main-kv .txt-cont .txt-sub {
            font-size: 1.250vw;
        }
        .main-kv .txt-cont .txt-desc {
            margin: 3.194vw 0 0;
            font-size: 1.389vw;
        }
        .main-kv .txt-cont .btn-wrap {
            margin: 2.083vw 0 0;
        }
        .main-kv .txt-cont .btn-view {
            width: 9.167vw;
            height: 2.639vw;
            margin-left: 0.694vw;
            font-size: 1.042vw;
            line-height: 2.639vw;
        }
        .main-kv .slick-track {
            height: 100%;
        }
        .main-kv .slick-arrow {
            margin-top: -2.014vw;
            width: 2.083vw;
            height: 4.028vw;
            background-size: cover;
        }
        .main-kv .slick-prev {
            left: 5.556vw;
        }
        .main-kv .slick-next {
            right: 5.556vw;
        }
        .main-kv .slick-dots {
            bottom: 1.667vw;
        }
        .main-kv .slick-dots li {
            padding: 0 0.347vw;
        }
        .main-kv .slick-dots button {
            width: 0.694vw;
            height: 0.694vw;
            border-radius: 0.347vw;
        }
        .main-kv .slick-dots .slick-active button {
            width: 1.736vw;
        }
        .main-kv-wrap .btn-control {
            top: 35.556vw;
            width: 1.250vw;
            height: 1.250vw;
            background-size: cover;
        }
        .main-kv-wrap .btn-control.dot1 {
            margin-left: 1.597vw;
        }
        .main-kv-wrap .btn-control.dot2 {
            margin-left: 2.292vw;
        }
        .main-kv-wrap .btn-control.dot3 {
            margin-left: 2.986vw;
        }
        .main-kv-wrap .btn-control.dot4 {
            margin-left: 3.681vw;
        }
        .main-kv-wrap .btn-control.dot5 {
            margin-left: 4.375vw;
        }
        .main-kv-wrap .btn-control.dot6 {
            margin-left: 5.069vw;
        }
        .main-kv-wrap .btn-control.dot7 {
            margin-left: 5.764vw;
        }
        .main-kv-wrap .btn-control.dot8 {
            margin-left: 6.458vw;
        }
        .main-kv-wrap .btn-control.dot9 {
            margin-left: 7.153vw;
        }
        .main-kv-wrap .btn-control.dot10 {
            margin-left: 7.847vw;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .main-kv-wrap {
            width: 100%;
        }
        .main-kv {
            position: relative;
            height: 135vw;
            overflow-y: visible;
        }
        .main-kv .kv-slide {
            background-size: cover;
        }
        .main-kv .kv-slide .mainpc {
            display: none;
        }
        .main-kv .kv-slide .mainmo {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .main-kv .kv-veil {
            display: none;
        }
        .main-kv .txt-wrap {
            position: absolute;
            top: auto;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 28.125vw;
        }
        .main-kv .txt-wrap:after {
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: '';
        }
        .main-kv .txt-cont {
            display: table;
            width: 100%;
            height: inherit;
            text-align: center;
        }
        .main-kv .kv-slide.slick-active .txt-cont {
            opacity: 1 !important;
        }
        .main-kv .txt-cont .txt-cont-cell {
            position: relative;
            display: table-cell;
            height: inherit;
            vertical-align: middle;
            z-index: 1;
        }
        .main-kv .txt-cont .kv-tit {
            font-size: 6.250vw;
            line-height: 7.188vw;
            letter-spacing: -0.1em;
        }
        .main-kv .txt-cont .txt-sub {
            margin-top: 1.250vw;
            font-size: 3.438vw;
            letter-spacing: 0.01em;
        }
        .main-kv .txt-cont .txt-desc {
            display: none;
        }
        .main-kv .txt-cont .btn-wrap {
            display: none;
        }
        .main-kv .cta-mobile {
            position: absolute;
            top: 0;
            left: 0;
            width: auto;
            max-width: inherit;
            height: 100%;
            width: 100%;
            z-index: 1;
        }
        .main-kv .slick-track {
            height: 135vw;
        }
        .main-kv .slick-arrow {
            width: 12px;
            height: 12px;
            background-position: center;
            margin-top: 0;
            top: auto;
            bottom: -8.438vw;
        }
        .main-kv.main-kv .slick-next {
            right: 5.556vw;
        }
        .main-kv .slick-dots {
            position: absolute;
            right: 0;
            bottom: -8.438vw;
            left: 0;
            margin: 0 auto;
            text-align: center;
        }
        .main-kv .slick-dots li {
            display: inline-block;
            padding: 0 0.938vw;
        }
        .main-kv .slick-dots button {
            width: 2.500vw;
            height: 2.500vw;
            background: #e7e7e7;
            border-radius: 1.250vw;
            -webkit-transition: width .3s;
            -moz-transition: width .3s;
            -o-transition: width .3s;
            transition: width .3s;
        }
        .main-kv .slick-dots .slick-active button {
            width: 6.563vw;
            /*background-color:#4f4f4f;*/
        }
        .main-kv-wrap .btn-control {
            top: 140vw;
            width: 4.688vw;
            height: 4.688vw;
            background-size: cover;
        }
        .main-kv-wrap .btn-control.dot1 {
            margin-left: 5.156vw;
        }
        .main-kv-wrap .btn-control.dot2 {
            margin-left: 7.344vw;
        }
        .main-kv-wrap .btn-control.dot3 {
            margin-left: 9.531vw;
        }
        .main-kv-wrap .btn-control.dot4 {
            margin-left: 11.719vw;
        }
        .main-kv-wrap .btn-control.dot5 {
            margin-left: 13.906vw;
        }
        .main-kv-wrap .btn-control.dot6 {
            margin-left: 16.094vw;
        }
        .main-kv-wrap .btn-control.dot7 {
            margin-left: 18.281vw;
        }
        .main-kv-wrap .btn-control.dot8 {
            margin-left: 20.469vw;
        }
        .main-kv-wrap .btn-control.dot9 {
            margin-left: 22.656vw;
        }
        .main-kv-wrap .btn-control.dot10 {
            margin-left: 24.844vw;
        }
        .main-kv-wrap .btn-control.play {
            background-image: url(/resource/image/btn-play-mo.png);
        }
        .main-kv-wrap .btn-control.stop {
            background-image: url(/resource/image/btn-stop-mo.png);
        }
    }
    /*video::-webkit-media-controls-start-playback-button {display:none !important;}*/
    
    .video-item {
        background-color: #fff;
    }
    /*20191010 동영상영역 수정*/
    
    .video-item .kv-veil {
        width: 50% !important;
        opacity: 0 !important;
    }
    
    .video-item .txt-cont {
        opacity: 0 !important;
    }
    /* .video-wrap {position:absolute; top:0; left:0; width:56%; height: 100%;} */
    
    .video-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .video-wrap .video-wrap-inner {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: inherit;
        overflow: hidden;
        /* text-align:right; */
    }
    
    .kv-video {
        height: 100%;
    }
    
    .vdo-mo {
        display: none;
    }
    
    .main-kv .kv-slide .video-wrap.video-01 .video-wrap-inner {
        position: static;
        margin-left: 5%;
    }
    /* ICS상 Video Add class 필드에서 입력한 video-01 클래스 를 적용*/
    
    @media only screen and (max-width: 1439px) {
        /* .kv-video {position:absolute;top:0;left:50%;transform:translateX(-50%);} */
    }
    
    @media only screen and (max-width: 767px) {
        .video-wrap {
            width: 100%;
            height: 100%;
        }
        .kv-video {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: auto;
            transform: translateY(-50%);
            /* margin-left:0;margin-top:-88.889vw; */
        }
        .vdo-pc {
            display: none;
        }
        .vdo-mo {
            display: block;
        }
        .main-kv .video-item .cta-mobile {
            position: absolute;
            top: auto;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 28.125vw;
            z-index: 1;
        }
    }
    /* MAIN KV :: E */
    /* 설화수 선물추천 :: S */
    
    .main-recomm-wrap {
        margin-top: 120px;
    }
    
    .main-recomm-inner {
        width: 1440px;
        margin: 0 auto;
    }
    
    .recomm-tab-list {
        width: 500px;
        height: 42px;
        margin: 0 auto;
        border-bottom: 2px solid #e6e6e6;
    }
    
    .recomm-tab-list:after {
        clear: both;
        display: block;
        content: '';
    }
    
    .recomm-tab-list .btn-tab {
        float: left;
        display: block;
        position: relative;
        width: 33.33%;
        font-size: 17px;
        line-height: 42px;
        text-align: center;
        text-decoration: none;
    }
    
    .recomm-tab-list .btn-tab.current {
        color: #b17c5c;
        font-weight: bold;
    }
    
    .recomm-tab-list .btn-tab.current:after {
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #b17c5c;
        font-size: 0;
        line-height: 0;
        content: '';
    }
    
    .recomm-tabpanel {
        position: relative;
        margin-top: 25px;
        padding: 0;
        box-sizing: border-box;
    }
    
    .prd-item {
        float: left;
        position: relative;
        width: 25%;
        padding: 34px 35px 0;
        box-sizing: border-box;
    }
    
    .prd-item .vdo-thumb {
        width: 290px;
        height: 290px;
        padding: 11px 0 0;
        line-height: 0;
        font-size: 0;
        text-align: center;
        box-sizing: border-box;
    }
    
    .prd-item .vdo-thumb video {
        width: 220px;
    }
    
    .prd-item .gif-thumb {
        display: table;
        width: 290px;
        height: 290px;
        padding: 0;
        line-height: 0;
        font-size: 0;
        text-align: center;
        box-sizing: border-box;
    }
    
    .prd-item .gif-thumb .gif-cell {
        display: table-cell;
        vertical-align: middle;
    }
    
    .prd-item .gif-thumb .gif-cell img {
        width: 100%;
    }
    
    .prd-item .prd-name {
        padding: 0 0 25px;
        color: #333;
        font-size: 18px;
        font-family: 'Buri', serif;
        letter-spacing: -.1em;
        text-align: center;
    }
    
    .cta-layer {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 360px;
        height: 383px;
        background: rgba(242, 242, 242, 0.5);
    }
    
    .cta-layer .cta-layer-inner {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
    }
    
    .cta-layer .btn-view {
        display: inline-block;
        width: 178px;
        height: 38px;
        border: 1px solid #555;
        background: #fff;
        color: #555;
        font-weight: bold;
        font-size: 15px;
        line-height: 38px;
        text-decoration: none !important;
    }
    
    .cta-layer .btn-view.black {
        margin-top: 9px;
        background: #555;
        color: #fff;
    }
    
    .prd-item.on .cta-layer {
        display: table;
    }
    
    .prd-item:hover .cta-layer {
        display: table;
    }
    
    .recomm-tabpanel .slick-track {
        height: ;
    }
    
    .recomm-tabpanel .slick-arrow {
        position: absolute;
        top: 50%;
        margin-top: -32px;
        width: 42px;
        height: 63px;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
        z-index: 1;
    }
    
    .recomm-tabpanel .slick-arrow.slick-prev {
        left: 0;
        /* background: url(/resource/image/a/reco-arr-prev.png) no-repeat 0 0; */
        background-size: cover;
    }
    
    .recomm-tabpanel .slick-arrow.slick-next {
        right: 0;
        /* background: url(/resource/image/a/reco-arr-next.png) no-repeat 0 0; */
        background-size: cover;
    }
    
    .recomm-tabpanel .slick-dots {
        margin: 25px auto 0;
        text-align: center;
    }
    
    .recomm-tabpanel .slick-dots li {
        display: inline-block;
        padding: 0 5px;
        font-size: 0;
        line-height: 0;
    }
    /* // 2019-09-04 선물추천 인디케이터 전체 노출 수정
.recomm-tabpanel .slick-dots li {display:none; padding:0 5px; font-size:0; line-height:0;}
.recomm-tabpanel .slick-dots.trending li.trending {display:inline-block;}
.recomm-tabpanel .slick-dots.best li.best {display:inline-block;}
.recomm-tabpanel .slick-dots.new li.new {display:inline-block;}
*/
    
    .recomm-tabpanel .slick-dots button {
        width: 10px;
        height: 10px;
        padding: 0;
        overflow: hidden;
        background: #e7e7e7;
        border-radius: 5px;
        text-indent: -9999px;
    }
    
    .recomm-tabpanel .slick-dots .slick-active button {
        background: #4f4f4f;
    }
    
    @media only screen and (max-width: 1439px) {
        .main-recomm-wrap {
            margin-top: 8.333vw;
        }
        .main-recomm-inner {
            width: 100%;
        }
        .recomm-tabpanel {
            margin-top: 1.736vw;
            box-sizing: border-box;
        }
        .prd-item {
            float: left;
            position: relative;
            width: 25%;
            padding: 2.361vw 2.431vw 0;
            box-sizing: border-box;
        }
        .prd-item .prd-img {
            height: 20.139vw;
        }
        .prd-item .vdo-thumb {
            width: 20.139vw;
            height: 20.139vw;
            padding: 0.764vw 0 0;
        }
        .prd-item .vdo-thumb video {
            width: 15.278vw;
        }
        .prd-item .gif-thumb {
            width: 20.139vw;
            height: 20.139vw;
        }
        .prd-item .prd-name {
            padding: 0 0 1.736vw;
            color: #333;
            font-size: 1.250vw;
            font-family: 'Buri', serif;
            letter-spacing: -.1em;
            text-align: center;
        }
        .cta-layer {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 25vw;
            height: 26.597vw;
            background: rgba(242, 242, 242, 0.5);
        }
        .cta-layer .cta-layer-inner {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
        }
        .cta-layer .btn-view {
            display: inline-block;
            width: 12.361vw;
            height: 2.639vw;
            border: 0.069vw solid #555;
            background: #fff;
            color: #555;
            font-weight: bold;
            font-size: 1.042vw;
            line-height: 2.639vw;
            text-decoration: none !important;
        }
        .cta-layer .btn-view.black {
            margin-top: 0.625vw;
            background: #555;
            color: #fff;
        }
        .prd-item.on .cta-layer {
            display: table;
        }
        .prd-item:hover .cta-layer {
            display: table;
        }
        .recomm-tabpanel .slick-track {
            height: ;
        }
        .recomm-tabpanel .slick-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2.222vw;
            width: 2.917vw;
            height: 4.375vw;
            overflow: hidden;
            font-size: 0;
            line-height: 0;
            text-indent: -9999px;
            z-index: 1;
        }
        .recomm-tabpanel .slick-dots {
            margin: 1.736vw auto 0;
            text-align: center;
        }
        .recomm-tabpanel .slick-dots li {
            padding: 0 0.347vw;
        }
        .recomm-tabpanel .slick-dots button {
            width: 0.694vw;
            height: 0.694vw;
            padding: 0;
            overflow: hidden;
            background: #e7e7e7;
            border-radius: 0.347vw;
            text-indent: -9999px;
        }
        .recomm-tabpanel .slick-dots .slick-active button {
            background: #4f4f4f;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .main-recomm-wrap {
            margin-top: 21.875vw;
        }
        .main-recomm-inner {
            width: 100%;
            margin: 0;
        }
        .recomm-tab-list {
            width: auto;
            height: 10.625vw;
            margin: 0 4.688vw;
            padding: 0;
            border-bottom: 0.313vw solid #e6e6e6;
        }
        .recomm-tab-list .btn-tab {
            font-size: 2.813vw;
            line-height: 10.625vw;
        }
        .recomm-tab-list .btn-tab.current:after {
            bottom: -0.313vw;
            height: 0.313vw;
        }
        .recomm-tabpanel {
            margin-top: 4.688vw;
            padding: 0 3.438vw;
        }
        .prd-item {
            width: 50%;
            height: 68.438vw;
            padding: 0 1.250vw;
            box-sizing: border-box;
        }
        .prd-item .prd-img {
            height: 50vw;
            background-color: #fafafa;
        }
        .prd-item .vdo-thumb {
            display: table;
            width: 100%;
            height: 50vw;
            margin: 0;
            padding: 0;
            background-color: #fafafa;
        }
        .prd-item .vdo-thumb .vdo-cell {
            display: table-cell;
            vertical-align: middle;
        }
        .prd-item .vdo-thumb video {
            width: 31.250vw;
            height: 31.250vw;
        }
        .prd-item .gif-thumb {
            width: 100%;
            height: 50vw;
            margin: 0;
            padding: 0;
            background-color: #fafafa;
        }
        .prd-item .prd-img img.display-mo {
            width: 100%;
        }
        .prd-item .prd-name {
            height: 18.438vw;
            padding: 1.875vw 0;
            font-size: 3.750vw;
            box-sizing: border-box;
        }
        .cta-layer {
            display: none;
        }
        .prd-item.on .cta-layer {
            display: none;
        }
        .prd-item:hover .cta-layer {
            display: none;
        }
        .recomm-tabpanel .slick-track {
            height: ;
        }
        .recomm-tabpanel .slick-arrow {
            width: 12px;
            height: 12px;
            background-position: center !important;
            top: auto;
            bottom: 0;
        }
        .recomm-tabpanel .slick-dots li {
            padding: 0 0.625vw;
        }
        .recomm-tabpanel .slick-dots button {
            width: 2.5vw;
            height: 2.5vw;
            padding: 0;
            border-radius: 1.25vw;
        }
        .recomm-tabpanel .cta-mobile {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
    }
    /* 설화수 선물추천 :: E */
    /* pixlee_common */
    
    .main-renew .main-pixlee-title {
        padding-bottom: 1px;
    }
    
    .main-pixlee-inner {
        width: 1440px;
        margin: 0 auto;
    }
    /* UGC */
    
    .main-ugc-wrap {
        margin-top: 120px;
    }
    /* culture */
    
    .main-culture-wrap {
        background-color: #fafafa;
        padding-top: 38px;
    }
    
    .main-culture-wrap .main-pixlee-title {
        margin-bottom: 16px;
    }
    
    .main-culture-wrap .main-pixlee-title:before {
        content: "";
        background-image: url(/resource/image/icon_sulwhasoo_culture_pixlee.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: inline-block;
        margin-right: 10px;
        width: 66px;
        height: 66px;
        vertical-align: middle;
    }
    
    @media only screen and (max-width: 1439px) {
        .main-ugc-wrap {
            margin-top: 8.333333333333332vw;
        }
        .main-pixlee-inner {
            width: 100%;
        }
        .main-culture-wrap .main-pixlee-title:before {
            width: 3.43vw;
            height: 3.43vw;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .main-culture-wrap {
            padding-top: 27px;
        }
        .main-ugc-wrap {
            margin-top: 8.333333333333332vw;
            width: 100%;
        }
        .main-culture-wrap .main-pixlee-title:before {
            width: 12.34vw;
            height: 12.34vw;
            margin-right: 1.56vw;
        }
    }
    /* 배너 :: S */
    
    .main-banner-wrap {
        margin-top: 120px;
    }
    /* [20190911] 커머스 배너영역의 색상값 변경 */
    /*.main-banner-inner {width:100%; height:180px; text-align:center;}*/
    
    .main-banner-inner {
        width: 100%;
        /*height:160px;*/
        text-align: center;
    }
    
    .main-banner-inner>a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    .main-banner-inner>a img {
        /*width:auto;* height:100%;*/
    }
    
    @media only screen and (max-width: 1439px) {
        .main-banner-wrap {
            margin-top: 8.333vw;
        }
        .main-banner-inner {
            /*height:11.111vw;*/
        }
    }
    
    @media only screen and (max-width: 767px) {
        .main-banner-wrap {
            margin-top: 18.125vw;
        }
        .main-banner-inner {
            /*height:25vw;*/
        }
    }
    /* 배너 :: E */
    /* 설화수 라운지 :: S */
    
    .main-lounge-wrap,
    .main-review-wrap {
        /* margin-top:120px; */
        margin-top: 70px;
    }
    
    .main-lounge-wrap .main-lounge-slide+.main-lounge-slide {
        margin-top: 70px;
    }
    
    .main-lounge-inner,
    .main-review-inner {
        width: 1440px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    
    .main-lounge-inner .slick-list,
    .main-review-inner .slick-list {
        padding: 0 90px;
    }
    
    .lounge-cont {
        position: relative;
        height: 0;
        padding-bottom: 590px;
    }
    
    .lounge-cont .coninr {
        position: absolute;
        top: 0;
        left: 0;
        display: table;
    }
    
    .lounge-cont .coninr .concell {
        display: table-cell;
        vertical-align: middle;
    }
    
    .lounge-cont h3 {
        border-bottom: 1px solid #c3bdb6;
        color: #6a481b;
        font-size: 27px;
        font-family: 'Buri', serif;
    }
    
    .lounge-cont .sub-tit {
        margin: 40px 0 0;
        color: #000;
        font-size: 46px;
        line-height: 65px;
        font-family: 'Buri', serif;
    }
    
    .lounge-cont .desc {
        margin: 16px 0 0;
        color: #333;
        font-size: 20px;
        line-height: 32px;
    }
    
    .lounge-cont .btn-wrap {
        margin-top: 54px;
    }
    
    .lounge-cont .btn-view {
        display: inline-block;
        height: 38px;
        padding: 0 44px;
        border: 1px solid #555;
        color: #555;
        font-weight: bold;
        font-size: 15px;
        line-height: 38px;
        text-decoration: none !important;
    }
    
    .lounge-cont.right {
        background: none;
    }
    
    .lounge-cont.right .coninr {
        width: 100%;
        height: 100%;
        padding-left: 718px;
        box-sizing: border-box;
    }
    
    .lounge-cont.right .lounge-img {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .lounge-cont.left {
        text-align: right;
    }
    
    .lounge-cont.left .coninr {
        width: 100%;
        height: 100%;
        padding-right: 718px;
        box-sizing: border-box;
    }
    
    .lounge-cont.left .lounge-img {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    @media only screen and (max-width: 1439px) {
        .main-lounge-wrap,
        .main-review-wrap {
            /* margin-top:8.33vw; */
            margin-top: 4.861111111111112vw;
        }
        .main-lounge-wrap .main-lounge-slide+.main-lounge-slide {
            margin-top: 4.861111111111112vw;
        }
        .main-lounge-inner,
        .main-review-inner {
            width: 100%;
        }
        .main-lounge-inner .slick-list,
        .main-review-inner .slick-list {
            padding: 0 6.25vw;
        }
        .lounge-cont {
            padding-bottom: 40.97222222222222vw;
        }
        .lounge-cont h3 {
            font-size: 1.875vw;
        }
        .lounge-cont .lounge-img {
            width: 40.97222222222222vw;
        }
        .lounge-cont .lounge-img img {
            width: 100%;
        }
        .lounge-cont .sub-tit {
            margin: 2.7777777777777777vw 0 0;
            font-size: 3.194444444444444vw;
            line-height: 4.513888888888888vw;
        }
        .lounge-cont .desc {
            margin: 1.1111111111111112vw 0 0;
            font-size: 1.3888888888888888vw;
            line-height: 2.2222222222222223vw
        }
        .lounge-cont .btn-wrap {
            margin-top: 3.75vw;
        }
        .lounge-cont .btn-view {
            height: 2.638888888888889vw;
            padding: 0 3.0555555555555554vw;
            font-size: 1.0416666666666665vw;
            line-height: 2.638888888888889vw;
        }
        .lounge-cont.right .coninr {
            padding-left: 49.861111111111114vw;
        }
        .lounge-cont.left .coninr {
            padding-right: 49.861111111111114vw;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .main-flagship-inner {
            background: url(/resource/image/main/img_20200812_main_flag-bg-mo.jpg) no-repeat 0 100%;
        }

        .main-lounge-wrap {
            margin-top: 0;
        }
        .main-review-wrap {
            margin-top: 18.125vw;
        }
        .main-lounge-wrap .main-lounge-slide+.main-lounge-slide {
            margin-top: -4.861111111111112vw;
        }
        .main-lounge-inner,
        .main-review-inner {
            margin: 0;
            background-color: #fafafa;
        }
        .main-lounge-inner .slick-list,
        .main-review-inner .slick-list {
            padding: 10.9375vw 0;
        }
        .lounge-cont {
            position: relative;
            height: auto;
            padding-bottom: 0;
        }
        .lounge-cont .coninr {
            position: static;
            display: block;
        }
        .lounge-cont .coninr .concell {
            display: block;
        }
        .lounge-cont .lounge-img {
            width: 100%;
        }
        .lounge-cont .lounge-img {
            padding: 0 8.75vw;
            box-sizing: border-box;
        }
        .lounge-cont .sub-tit,
        .lounge-cont .desc,
        .lounge-cont .btn-wrap {
            padding: 0 15vw;
            box-sizing: border-box;
        }
        .lounge-cont h3 {
            margin: 0 0 0 8.75vw;
            font-size: 4.375vw;
            box-sizing: border-box;
        }
        .lounge-cont .sub-tit {
            margin: 6.25vw 0 0;
            font-size: 6.25vw;
            line-height: 8.125vw;
        }
        .lounge-cont .desc {
            margin: 6.25vw 0 0;
            font-size: 4.0625vw;
            line-height: 6.5625vw;
        }
        .lounge-cont .desc br {
            display: none;
        }
        .lounge-cont .btn-wrap {
            margin-top: 9.375vw;
        }
        .lounge-cont .btn-view {
            height: 9.0625vw;
            padding: 0 9.375vw;
            font-size: 3.125vw;
            line-height: 9.0625vw;
        }
        .lounge-cont.right .coninr {
            padding-left: 0;
        }
        .lounge-cont.right .lounge-img {
            position: static;
            margin: 4.375vw 0 0;
        }
        .lounge-cont.left {
            text-align: left;
        }
        .lounge-cont.left .coninr {
            padding-right: 0;
        }
        .lounge-cont.left .lounge-img {
            position: static;
            margin: 4.375vw 0 0;
        }
    }
    /* 설화수 라운지 :: E */
    /* 설화수 플래그십 스토어 :: S */
    
    .main-flagship-wrap {
        margin-top: 120px;
        margin-bottom: 112px;
    }
    
    .main-flagship-inner {
        width: 1440px;
        margin: 0 auto;
        /* background: url(/resource/image/main/img_20200812_main_flag-bg-mo.jpg) no-repeat 0 100%; */
        background-size: contain;
        box-sizing: border-box;

    }
    
    .flagship-carousel-wrap {
        position: relative;
    }
    
    .flagship-carousel {
        position: relative;
        height: 400px;
        margin: 0 auto;
        background-color: #ececec;
    }
    
    .flagship-carousel .flagship-slide {
        background-position: 50% 0;
        background-repeat: no-repeat;
        opacity: 0;
    }
    
    .flagship-carousel .flagship-slide.slick-current {
        opacity: 1;
    }
    
    .flagship-carousel .flagship-slide .imgpc {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .flagship-carousel .flagship-slide .imgmo {
        display: none
    }
    
    .flag-con-box {
        display: table;
        position: absolute;
        top: 0;
        left: 720px;
        width: 364px;
        height: 400px;
    }
    
    .flag-con-box .con-box-cell {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    
    .flag-con-box p {
        margin: 0;
        padding: 0;
        color: #545454;
        font-size: 18px;
        line-height: 30px;
        padding: 0px 20px;
    }
    
    .flag-con-box .btn-view {
        display: inline-block;
        height: 38px;
        margin-top: 38px;
        padding: 0 46px;
        border: 1px solid #555;
        color: #555;
        font-weight: bold;
        font-size: 15px;
        line-height: 38px;
        text-decoration: none !important;
    }
    
    .flagship-carousel .slick-track {
        height: 400px;
    }
    
    .flagship-carousel .slick-arrow {
        position: absolute;
        top: 50%;
        margin-top: -39px;
        z-index: 1;
        width: 45px;
        height: 79px;
        background-position: 0 0;
        background-repeat: 0 0;
        overflow: hidden;
        text-indent: -9999px;
        font-size: 0;
        line-height: 0;
    }
    
    .flagship-carousel .slick-prev {
        left: 0;
        /* background-image: url(/resource/image/a/flag-arr-prev.png); */
    }
    
    .flagship-carousel .slick-next {
        right: 0;
        /* background-image: url(/resource/image/a/flag-arr-next.png); */
    }
    
    .flagship-carousel .slick-dots {
        position: absolute;
        top: 438px;
        left: 0;
        width: 100%;
        line-height: 0;
        text-align: center;
    }
    
    .flagship-carousel .slick-dots li {
        display: inline-block;
        padding: 0 5px;
        font-size: 0;
        line-height: 0;
    }
    
    .flagship-carousel .slick-dots button {
        width: 10px;
        height: 10px;
        padding: 0;
        overflow: hidden;
        background: #e7e7e7;
        border-radius: 5px;
        text-indent: -9999px;
    }
    
    .flagship-carousel .slick-dots .slick-active button {
        background: #4f4f4f;
    }
    
    .main-flagship-inner .btn-control {
        position: absolute;
        top: 434px;
        left: 50%;
        width: 18px;
        height: 18px;
        margin-left: 55px;
        padding: 0;
        background-repeat: no-repeat;
        background-position: 0 0;
        overflow: hidden;
        text-indent: -9999px;
        z-index: 1;
    }
    
    .main-flagship-inner .btn-control.play {
        /* background-image: url(/kr/ko/resource/img/mainnew/btn-play-pc-gray.png); */
    }
    
    .main-flagship-inner .btn-control.stop {
        /* background-image: url(/kr/ko/resource/img/mainnew/btn-stop-pc-gray.png); */
    }
    
    @media only screen and (max-width: 1439px) {
        .main-flagship-wrap {
            margin-top: 8.333333333333332vw;
        }
        .main-flagship-inner {
            width: 100%;
        }
        .flagship-carousel {
            height: 27.77777777777778vw;
        }
        .flagship-carousel .flagship-slide {
            background-size: cover;
        }
        .flag-con-box {
            left: 49vw;
            width: 25.27777777777778vw;
            height: 27.77777777777778vw;
        }
        .flag-con-box p {
            margin: 0;
            padding: 0;
            font-size: 1.25vw;
            line-height: 2.083333333333333vw;
        }
        .flag-con-box .btn-view {
            height: 2.638888888888889vw;
            margin-top: 2.638888888888889vw;
            padding: 0 3.2638888888888893vw;
            border: 1px solid #555;
            color: #555;
            font-weight: bold;
            font-size: 1.0416666666666665vw;
            line-height: 2.638888888888889vw;
        }
        .flagship-carousel .slick-track {
            height: 27.778vw;
        }
        .flagship-carousel .slick-arrow {
            top: 50%;
            margin-top: -2.7083333333333335vw;
            width: 3.125vw;
            height: 5.486111111111111vw;
            background-size: cover;
        }
        .flagship-carousel .slick-dots {
            top: 30.417vw;
        }
        .flagship-carousel .slick-dots li {
            padding: 0 0.3472222222222222vw;
        }
        .flagship-carousel .slick-dots button {
            width: 0.6944444444444444vw;
            height: 0.6944444444444444vw;
            border-radius: 0.3472222222222222vw;
        }
        .main-flagship-inner .btn-control {
            top: 30.139vw;
            width: 1.250vw;
            height: 1.250vw;
            margin-left: 3.819vw;
            background-size: cover;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .main-flagship-wrap {
            margin-bottom: 0;
        }
        .main-flagship-inner {
            width: 100%;
            padding: 0 8.75vw 10.3125vw;
            background: url(/resource/image/main/img_20200812_main_flag-bg-mo.jpg) no-repeat 0 100%;
            background-size: contain;
            box-sizing: border-box;
        }
        .flagship-carousel-wrap {
            width: 100%;
        }
        .flagship-carousel {
            height: 82.5vw;
            margin: 0 auto;
            overflow: hidden;
        }
        .flagship-carousel .flagship-slide {
            background-size: cover;
        }
        .flagship-carousel .flagship-slide .imgpc {
            display: none;
        }
        .flagship-carousel .flagship-slide .imgmo {
            display: block;
            width: 100%;
            height: 100%;
        }
        .flag-con-box {
            display: block;
            position: static;
            left: 0;
            width: 100%;
            height: auto;
        }
        .flag-con-box .con-box-cell {
            display: block;
            text-align: center;
        }
        .flag-con-box p {
            margin: 6.25vw 0 0;
            padding: 0;
            font-size: 3.75vw;
            line-height: 6.5625vw;
        }
        .flag-con-box .btn-view {
            height: 9.0625vw;
            margin-top: 6.25vw;
            padding: 0 9.375vw;
            font-size: 3.125vw;
            line-height: 9.0625vw;
        }
        .flagship-carousel .slick-track {
            height: 82.5vw;
        }
        .flagship-carousel .slick-arrow {
            width: 12px;
            height: 12px;
            margin-top: 0;
            top: 74.375vw;
            background-position: center;
            z-index: 2;
        }
        .flagship-carousel .slick-dots {
            position: absolute;
            top: 74.375vw;
            left: 0;
            right: 0;
            width: 100%;
            margin: 0 auto;
            text-align: center;
            z-index: 1;
        }
        .flagship-carousel .slick-dots li {
            padding: 0 0.625vw;
        }
        .flagship-carousel .slick-dots button {
            width: 2.5vw;
            height: 2.5vw;
            padding: 0;
            overflow: hidden;
            background: #fff;
            border-radius: 1.25vw;
            -webkit-transition: width .3s;
            -moz-transition: width .3s;
            -o-transition: width .3s;
            transition: width .3s;
        }
        .flagship-carousel .slick-dots .slick-active button {
            width: 6.5625vw;
            background: #fff;
        }
        .main-flagship-inner .btn-control {
            top: 73.594vw;
            width: 4.688vw;
            height: 4.688vw;
            margin-left: 12.222vw;
            background-size: cover;
        }
        /* .main-flagship-inner .btn-control.play {
            background-image: url(/kr/ko/resource/img/mainnew/btn-play-mo-wht.png);
        }
        .main-flagship-inner .btn-control.stop {
            background-image: url(/kr/ko/resource/img/mainnew/btn-stop-mo-wht.png);
        } */
    }
    /* 설화수 플래그십 스토어 :: E */
    /* 설화수 리뷰 영역 :: S */
    
    .main-review-wrap .lounge-cont .desc .name,
    .main-review-wrap .lounge-cont .desc .hash {
        display: block;
    }
    
    .main-review-wrap .lounge-cont .coninr .concell {
        vertical-align: top;
        padding-top: 20px;
    }
    
    .main-review-wrap .lounge-cont .sub-tit {
        line-height: 60px;
        font-size: 42px;
    }
    
    .main-review-wrap .lounge-cont a {
        /*display:block;*/
    }
    
    .main-review-wrap .lounge-cont a:active,
    .main-review-wrap .lounge-cont a:hover {
        text-decoration: none;
    }
    
    @media only screen and (max-width: 1439px) {
        .main-review-wrap .lounge-cont .sub-tit {
            font-size: 3.194444444444444vw;
            line-height: 4vw;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .main-review-wrap .lounge-cont .desc br {
            display: block;
        }
        .main-review-wrap .lounge-cont .sub-tit {
            font-size: 6.25vw;
            line-height: 8.125vw;
        }
    }
    /* 설화수 리뷰 영역 :: E */
    /* 설화수 리뷰/라운지 슬라이드 :: S */
    
    .main-lounge-slide .slick-arrow {
        position: absolute;
        bottom: 50%;
        margin-top: -32px;
        width: 42px;
        height: 63px;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
        z-index: 1;
    }
    
    .main-lounge-slide .slick-arrow.slick-prev {
        left: 0;
        /* background: url(/kr/ko/resource/img/mainnew/reco-arr-prev.png) no-repeat center center; */
        background-size: cover;
    }
    
    .main-lounge-slide .slick-arrow.slick-next {
        right: 0;
        /* background: url(/kr/ko/resource/img/mainnew/reco-arr-next.png) no-repeat center center; */
        background-size: cover;
    }
    
    .main-lounge-slide .slick-dots {
        margin: 25px auto 0;
        text-align: center;
    }
    
    .main-lounge-slide .slick-dots li {
        display: inline-block;
        padding: 0 0.625vw;
        font-size: 0;
        line-height: 0;
    }
    
    .main-lounge-slide .slick-dots button {
        width: 10px;
        height: 10px;
        padding: 0;
        overflow: hidden;
        background: #e7e7e7;
        border-radius: 50%;
        text-indent: -9999px;
    }
    
    .main-lounge-slide .slick-dots .slick-active button {
        background: #4f4f4f;
    }
    
    @media only screen and (max-width: 1439px) {
        .main-lounge-slide .slick-arrow {
            margin-top: -2.222vw;
            width: 2.917vw;
            height: 4.375vw;
        }
        .main-lounge-slide .slick-dots button {
            width: 0.694vw;
            height: 0.694vw;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .main-lounge-slide .slick-arrow {
            bottom: 10.9375vw;
            width: 12px;
            height: 12px;
        }
        .main-lounge-slide .slick-arrow.slick-prev {
            left: 3.438vw;
        }
        .main-lounge-slide .slick-arrow.slick-next {
            right: 3.438vw;
        }
        .main-lounge-slide .slick-dots {
            margin: 25px auto 0;
            text-align: center;
        }
        .main-lounge-slide .slick-dots li {
            display: inline-block;
            padding: 0 0.625vw;
            font-size: 0;
            line-height: 0;
        }
        .main-lounge-slide .slick-dots button {
            width: 2.5vw;
            height: 2.5vw;
            border-radius: 1.25vw;
        }
    }
    /* 설화수 리뷰/라운지 슬라이드 :: E */
    
    @media only all and (max-width: 767px) {
        .l-wrap {
            padding: 0 0px;
        }
    }
</style>
<style>
    .main-review-wrap .lounge-cont .coninr .concell {
        vertical-align: middle;
    }
    
     @media only screen and (max-width: 767px) {
        .txt-wrap:nth-of-type(1) .txt-cont {
            background: rgba(30,30,35,0.5);
        }
        .txt-wrap:nth-of-type(2) .txt-cont {
            background: rgba(8,66,65,0.5);
        }
        .txt-wrap:nth-of-type(3) .txt-cont {
            background: rgba(137, 82, 38, 0.5);
        }
        .txt-wrap:nth-of-type(4) .txt-cont {
            background: rgba(164,105,53,0.50);
        }
        .txt-wrap:nth-of-type(5) .txt-cont {
            background: rgba(169,76,96,0.5);
        }
        .txt-wrap:nth-of-type(6) .txt-cont {
            background: rgba(245,190,73,0.5);
        }
    }
    
    
</style>
<main role="main" class="main-renew">
    <h1 class="blind">설화수 메인</h1>
    <!-- KV :: S -->
    <div class="main-kv-wrap">
        <div class="main-kv">
              
            <div class="kv-slide">
                <img class="mainpc" src="/__icsFiles/afieldfile/2020/12/30/20201223_final_cny_main_kv_pc.jpg" alt="">
                <img class="mainmo" src="/__icsFiles/afieldfile/2020/12/30/20201223_final_cny_main_k_mo.jpg" alt="">
                <div class="kv-veil" style="background-color: rgba(30,30,35,0.5);"></div>
                <div class="txt-wrap">
                    <div class="txt-cont">
                        <div class="txt-cont-cell">
                            <div class="kv-tit display-pc">润致焕活精华肌底液<br>限定红装</div>
                            <div class="kv-tit display-mo">润致焕活精华肌底液<br>限定红装</div>
                            <div class="txt-sub display-pc">First Care Activating Serum<br>[2021 New Year Collection]</div>
                            <div class="txt-sub display-mo">First Care Activating Serum<br>[2021 New Year Collection]</div>
                            <p class="txt-desc display-pc">无稳不爱 肌肤有光</p>
                            <div class="btn-wrap display-pc">
                                <a href="/products/skin-care/first-care-activating-serum-2021-new-year-limited-edition.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_First Care Activating Serum<br>[2021 New Year Collection]" class="btn-view"><span class="blind">마스크 컬렉션</span>查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/products/skin-care/first-care-activating-serum-2021-new-year-limited-edition.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_First Care Activating Serum<br>[2021 New Year Collection]" class="display-mo cta-mobile"><span class="blind"></span></a>
            </div>
              
            <div class="kv-slide">
                <img class="mainpc" src="/__icsFiles/afieldfile/2020/12/30/20201222_final_holiday_main_kv_pc.jpg" alt="">
                <img class="mainmo" src="/__icsFiles/afieldfile/2020/12/30/20201222_final_holiday_main_kv_mo.jpg" alt="">
                <div class="kv-veil" style="background-color: rgba(8,66,65,0.5);"></div>
                <div class="txt-wrap">
                    <div class="txt-cont">
                        <div class="txt-cont-cell">
                            <div class="kv-tit display-pc">美，如你所愿</div>
                            <div class="kv-tit display-mo">美，如你所愿</div>
                            <div class="txt-sub display-pc">Wear Your Fantasy</div>
                            <div class="txt-sub display-mo">Wear Your Fantasy</div>
                            <p class="txt-desc display-pc">以臻选明星奢礼，见证肌肤致美时刻</p>
                            <div class="btn-wrap display-pc">
                                <a href="/products/best-seller/index.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_Wear Your Fantasy" class="btn-view"><span class="blind">마스크 컬렉션</span>查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/products/best-seller/index.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_Wear Your Fantasy" class="display-mo cta-mobile"><span class="blind"></span></a>
            </div>
              
            <div class="kv-slide">
                <img class="mainpc" src="/__icsFiles/afieldfile/2020/12/30/20200807_final_Concentrated-Ginseng-Renewing-Serum_main_KV_pc.jpg" alt="">
                <img class="mainmo" src="/__icsFiles/afieldfile/2020/12/30/20200807_final_Concentrated-Ginseng-Renewing-Serum_main_KV_mo.jpg" alt="">
                <div class="kv-veil" style="background-color: rgba(137, 82, 38, 0.5);"></div>
                <div class="txt-wrap">
                    <div class="txt-cont">
                        <div class="txt-cont-cell">
                            <div class="kv-tit display-pc">滋盈生人参焕颜精华露</div>
                            <div class="kv-tit display-mo">滋盈生人参焕颜精华露</div>
                            <div class="txt-sub display-pc">Concentrated Ginseng Renewing Serum</div>
                            <div class="txt-sub display-mo">Concentrated Ginseng Renewing Serum</div>
                            <p class="txt-desc display-pc">层层紧塑 自赋年轻
8周 提·拉·紧</p>
                            <div class="btn-wrap display-pc">
                                <a href="/products/concentrated-ginseng-renewing-serum.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_Concentrated Ginseng Renewing Serum" class="btn-view"><span class="blind">마스크 컬렉션</span>查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/products/concentrated-ginseng-renewing-serum.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_Concentrated Ginseng Renewing Serum" class="display-mo cta-mobile"><span class="blind"></span></a>
            </div>
              
            <div class="kv-slide">
                <img class="mainpc" src="/__icsFiles/afieldfile/2020/12/30/20200814_final_Rescue_main_kv_pc.jpg" alt="">
                <img class="mainmo" src="/__icsFiles/afieldfile/2020/12/30/20200814_final_Rescue_main_kv_mo.jpg" alt="">
                <div class="kv-veil" style="background-color: rgba(164,105,53,0.50);"></div>
                <div class="txt-wrap">
                    <div class="txt-cont">
                        <div class="txt-cont-cell">
                            <div class="kv-tit display-pc">滋盈生人参密集修护精华液</div>
                            <div class="kv-tit display-mo">滋盈生人参密集修护精华液</div>
                            <div class="txt-sub display-pc">Concentrated Ginseng Rescue Ampoule</div>
                            <div class="txt-sub display-mo">Concentrated Ginseng Rescue Ampoule</div>
                            <p class="txt-desc display-pc">浓缩修护微损伤
年轻加速 时光止步</p>
                            <div class="btn-wrap display-pc">
                                <a href="/products/concentrated-ginseng-rescue-ampoule.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_Concentrated Ginseng Rescue Ampoule" class="btn-view"><span class="blind">마스크 컬렉션</span>查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/products/concentrated-ginseng-rescue-ampoule.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_Concentrated Ginseng Rescue Ampoule" class="display-mo cta-mobile"><span class="blind"></span></a>
            </div>
              
            <div class="kv-slide">
                <img class="mainpc" src="/__icsFiles/afieldfile/2020/12/30/20201111_final_Timetreasure-Invigorating_main_kv.jpg" alt="">
                <img class="mainmo" src="/__icsFiles/afieldfile/2020/12/30/20201111_final_Timetreasure-Invigorating_main_kv_mo.jpg" alt="">
                <div class="kv-veil" style="background-color: rgba(169,76,96,0.5);"></div>
                <div class="txt-wrap">
                    <div class="txt-cont">
                        <div class="txt-cont-cell">
                            <div class="kv-tit display-pc">秘时臻金系列</div>
                            <div class="kv-tit display-mo">秘时臻金系列</div>
                            <div class="txt-sub display-pc">Timetreasure Invigorating Series</div>
                            <div class="txt-sub display-mo">Timetreasure Invigorating Series</div>
                            <p class="txt-desc display-pc">臻金级修护 干预式抗衰</p>
                            <div class="btn-wrap display-pc">
                                <a href="/products/timetreasure-honorstige-collection/timetreasure-honorstige-collection.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_Timetreasure Invigorating Series" class="btn-view"><span class="blind">마스크 컬렉션</span>查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/products/timetreasure-honorstige-collection/timetreasure-honorstige-collection.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_Timetreasure Invigorating Series" class="display-mo cta-mobile"><span class="blind"></span></a>
            </div>
              
            <div class="kv-slide">
                <img class="mainpc" src="/__icsFiles/afieldfile/2020/12/30/Serum_EX_pc.jpg" alt="">
                <img class="mainmo" src="/__icsFiles/afieldfile/2020/12/30/Serum_main_kv_mo.jpg" alt="">
                <div class="kv-veil" style="background-color: rgba(245,190,73,0.5);"></div>
                <div class="txt-wrap">
                    <div class="txt-cont">
                        <div class="txt-cont-cell">
                            <div class="kv-tit display-pc">润致焕活精华肌底液</div>
                            <div class="kv-tit display-mo">润致焕活精华肌底液</div>
                            <div class="txt-sub display-pc">First Care Activating Serum</div>
                            <div class="txt-sub display-mo">First Care Activating Serum</div>
                            <p class="txt-desc display-pc">一瓶稳住
亮·润·透</p>
                            <div class="btn-wrap display-pc">
                                <a href="/products/skin-care/first-care-activating-serum-ad.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_First Care Activating Serum" class="btn-view"><span class="blind">마스크 컬렉션</span>查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="/products/skin-care/first-care-activating-serum-ad.html" target="" ap-click-area="Main" ap-click-name="Click - Main Visual" ap-click-data="Main Visual_First Care Activating Serum" class="display-mo cta-mobile"><span class="blind"></span></a>
            </div>
              
        </div>
        <button class="btn-control stop">정지</button>
    </div>
    <!-- KV :: E -->
    <!-- 설화수 선물추천 :: S -->
    <div class="main-recomm-wrap">
        <div class="main-recomm-inner">
            <h2>Sulwhasoo Recommendations</h2>
            <div class="recomm-tab-list">
                <a href="#tab-trending" data-recom-tab="trending" class="btn-tab current">TRENDING</a>
                <a href="#tab-best" data-recom-tab="best" class="btn-tab">BEST</a>
                <a href="#tab-new" data-recom-tab="new" class="btn-tab">NEW</a>
            </div>
            <div class="recomm-tabpanel">
                <div class="prd-recomm-carousel">
                    <!-- TRENDING :: S -->
                     
                    <div data-recom-slide="trending">
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/23/20201222_final_Concentrated-Ginseng-Ampoule_thumbnails_580_pc.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/12/23/20201222_final_Concentrated-Ginseng-Ampoule_thumbnails_580_pc.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">滋盈生人参密集修护精华液</div>
                            <div class="prd-name display-mo">滋盈生人参密集修护精华液</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/concentrated-ginseng-rescue-ampoule.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_TRENDING_Concentrated Ginseng Rescue Ampoule" class="btn-view"><span class="blind">윤조에센스</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/concentrated-ginseng-rescue-ampoule.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_TRENDING_Concentrated Ginseng Rescue Ampoule" class="display-mo cta-mobile"><span class="blind">윤조에센스
                                    자세히 보기</span></a>
                        </div>
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_Concentrated-Ginseng-Renewing-Serum-50ml_thumbnails_pc.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_Concentrated-Ginseng-Renewing-Serum-50ml_thumbnails_pc.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">滋盈生人参焕颜精华露</div>
                            <div class="prd-name display-mo">滋盈生人参焕颜精华露</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/concentrated-ginseng-renewing-serum.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_TRENDING_Concentrated Ginseng Renewing Serum" class="btn-view"><span class="blind">윤조에센스</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/concentrated-ginseng-renewing-serum.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_TRENDING_Concentrated Ginseng Renewing Serum" class="display-mo cta-mobile"><span class="blind">윤조에센스
                                    자세히 보기</span></a>
                        </div>
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/23/20201222_final_Timetreasure-Invigorating-Eye-Serum_thumbnails_580_pc.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/12/23/20201222_final_Timetreasure-Invigorating-Eye-Serum_thumbnails_580_pc.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">秘时臻金焕生眼部精华露</div>
                            <div class="prd-name display-mo">秘时臻金焕生眼部精华露</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/timetreasure-invigorating-eye-serum.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_TRENDING_Timetreasure Invigorating Eye Serum" class="btn-view"><span class="blind">윤조에센스</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/timetreasure-invigorating-eye-serum.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_TRENDING_Timetreasure Invigorating Eye Serum" class="display-mo cta-mobile"><span class="blind">윤조에센스
                                    자세히 보기</span></a>
                        </div>
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/11/11/20201111_final_Timetreasure-Invigorating-Eye-Cream_thumbnails_pc.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/11/11/20201111_final_Timetreasure-Invigorating-Eye-Cream_thumbnails_pc.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">秘时臻金焕生眼霜</div>
                            <div class="prd-name display-mo">秘时臻金焕生眼霜</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/timetreasure-invigorating-eye-cream.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_TRENDING_Timetreasure Invigorating Eye Cream" class="btn-view"><span class="blind">윤조에센스</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/timetreasure-invigorating-eye-cream.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_TRENDING_Timetreasure Invigorating Eye Cream" class="display-mo cta-mobile"><span class="blind">윤조에센스
                                    자세히 보기</span></a>
                        </div>
                        
                    </div>
                       
                    <div data-recom-slide="best">
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_Concentrated-Ginseng-Renewing-Serum-50ml_thumbnails_pc.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_Concentrated-Ginseng-Renewing-Serum-50ml_thumbnails_pc.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">滋盈生人参焕颜精华露</div>
                            <div class="prd-name display-mo">滋盈生人参焕颜精华露</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/concentrated-ginseng-renewing-serum.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_BEST_Concentrated Ginseng Renewing Serum" class="btn-view"><span class="blind">순행클렌징폼</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/concentrated-ginseng-renewing-serum.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_BEST_Concentrated Ginseng Renewing Serum" class="display-mo cta-mobile"><span class="blind">순행클렌징폼 자세히
                                    보기</span></a>
                        </div>
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/11/11/20201111_final_Concentrated-Ginseng-Renewing-Cream-Light_thumbnails_pc.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/11/11/20201111_final_Concentrated-Ginseng-Renewing-Cream-Light_thumbnails_pc.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">滋盈生人参焕颜修护乳霜</div>
                            <div class="prd-name display-mo">滋盈生人参焕颜修护乳霜</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/concentrated-ginseng-renewing-cream-light.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_BEST_Concentrated Ginseng Renewing Cream Light" class="btn-view"><span class="blind">순행클렌징폼</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/concentrated-ginseng-renewing-cream-light.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_BEST_Concentrated Ginseng Renewing Cream Light" class="display-mo cta-mobile"><span class="blind">순행클렌징폼 자세히
                                    보기</span></a>
                        </div>
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_First-Care-Activating-Serum-60ml_thumbnails_580_pc.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_First-Care-Activating-Serum-60ml_thumbnails_580_pc.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">全新 润致焕活精华肌底液</div>
                            <div class="prd-name display-mo">全新 润致焕活精华肌底液</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/first-care-activating-serum-ad.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_BEST_First Care Activating Serum" class="btn-view"><span class="blind">순행클렌징폼</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/first-care-activating-serum-ad.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_BEST_First Care Activating Serum" class="display-mo cta-mobile"><span class="blind">순행클렌징폼 자세히
                                    보기</span></a>
                        </div>
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/08/06/20200806_final_Gentle-Cleansing-Foam_thumbnails_580_pc_1.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/08/06/20200806_final_Gentle-Cleansing-Foam_thumbnails_580_pc_1.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">顺行柔和洁面泡沫</div>
                            <div class="prd-name display-mo">顺行柔和洁面泡沫</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/gentle-cleansing-foam-ex.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_BEST_Gentle Cleansing Foam Ex" class="btn-view"><span class="blind">순행클렌징폼</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/gentle-cleansing-foam-ex.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_BEST_Gentle Cleansing Foam Ex" class="display-mo cta-mobile"><span class="blind">순행클렌징폼 자세히
                                    보기</span></a>
                        </div>
                        
                    </div>
                       
                    <div data-recom-slide="new">
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/23/20201215_final_First-Care-Activating-Serum_120_thumbnails_580_pc_1.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/12/23/20201215_final_First-Care-Activating-Serum_120_thumbnails_580_pc_1.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">润致焕活精华肌底液<br>限定红装</div>
                            <div class="prd-name display-mo">润致焕活精华肌底液<br>限定红装</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/first-care-activating-serum-2021-new-year-limited-edition.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_NEW_First Care Activating Serum<br>[2021 New Year Collection]" class="btn-view"><span class="blind">옥용팩</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/first-care-activating-serum-2021-new-year-limited-edition.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_NEW_First Care Activating Serum<br>[2021 New Year Collection]" class="display-mo cta-mobile"><span class="blind">옥용팩 자세히
                                    보기</span></a>
                        </div>
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/23/20201222_final_Concentrated-Ginseng-Ampoule_thumbnails_580_pc.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/12/23/20201222_final_Concentrated-Ginseng-Ampoule_thumbnails_580_pc.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">滋盈生人参密集修护精华液</div>
                            <div class="prd-name display-mo">滋盈生人参密集修护精华液</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/concentrated-ginseng-rescue-ampoule.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_NEW_Concentrated Ginseng Rescue Ampoule" class="btn-view"><span class="blind">옥용팩</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/concentrated-ginseng-rescue-ampoule.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_NEW_Concentrated Ginseng Rescue Ampoule" class="display-mo cta-mobile"><span class="blind">옥용팩 자세히
                                    보기</span></a>
                        </div>
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/02/202005018_final_clarifying_thumbnails_580_pc_1_1.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/12/02/202005018_final_clarifying_thumbnails_580_pc_1_1.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">全新 玉璨净颜面膜</div>
                            <div class="prd-name display-mo">全新 玉璨净颜面膜</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/clarifying-mask.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_NEW_Clarifying Mask" class="btn-view"><span class="blind">옥용팩</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/clarifying-mask.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_NEW_Clarifying Mask" class="display-mo cta-mobile"><span class="blind">옥용팩 자세히
                                    보기</span></a>
                        </div>
                        
                        <div class="prd-item">
                            <div class="prd-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/02/202005018_final_overnight_thumbnails_580_pc.png" alt="" class="display-pc">
                                <img src="/products/__icsFiles/afieldfile/2020/12/02/202005018_final_overnight_thumbnails_580_pc.png" alt="" class="display-mo">
                            </div>
                            <div class="prd-name display-pc">全新 与润夜间修护面膜</div>
                            <div class="prd-name display-mo">全新 与润夜间修护面膜</div>
                            <div class="cta-layer">
                                <div class="cta-layer-inner">
                                    <a href="/products/overnight-vitalizing-mask.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_NEW_Overnight Vitalizing Mask" class="btn-view"><span class="blind">옥용팩</span>查看详情</a>
                                </div>
                            </div>
                            <a href="/products/overnight-vitalizing-mask.html" ap-click-area="Main" ap-click-name="Click - Recommendation" ap-click-data="Recommendation_NEW_Overnight Vitalizing Mask" class="display-mo cta-mobile"><span class="blind">옥용팩 자세히
                                    보기</span></a>
                        </div>
                        
                    </div>
                     
                </div>
            </div>
        </div>
    </div>
    <!-- 설화수 선물추천 :: E -->
    <!-- [S : 20191120] UGC : pixlee 수정 -->
    <div class="main-ugc-wrap">
        <div class="main-pixlee-inner">
            <h2 class="main-pixlee-title">#with Sulwhasoo</h2>
            <div id="pixl">
                <div class="list-pixl">
                    <ul class="list-rb">
                        <div class="center">
                            
                            <li class="list-rb-img" id="pilimgmo" ap-click-area="Main" ap-click-name="Click - UGC">
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL3.jpg" class="list-son1" />
                            </li>
                            
                            <li class="list-rb-img" id="pilimgmo" ap-click-area="Main" ap-click-name="Click - UGC">
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL2.jpg" class="list-son1" />
                            </li>
                            
                            <li class="list-rb-img" id="pilimgmo" ap-click-area="Main" ap-click-name="Click - UGC">
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL1.jpg" class="list-son1" />
                            </li>
                            
                            <li class="list-rb-img" id="pilimgmo" ap-click-area="Main" ap-click-name="Click - UGC">
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL6.jpg" class="list-son1" />
                            </li>
                            
                            <li class="list-rb-img" id="pilimgmo" ap-click-area="Main" ap-click-name="Click - UGC">
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL5.jpg" class="list-son1" />
                            </li>
                            
                            <li class="list-rb-img" id="pilimgmo" ap-click-area="Main" ap-click-name="Click - UGC">
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL4.jpg" class="list-son1" />
                            </li>
                            
                        </div>
                        <div class="noslick">
                            
                            <li class="list-rb-img" id="pilimgpc" ap-click-area="Main" ap-click-name="Click - UGC" >
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL3.jpg" class="list-son1" />
                            </li>
                            
                            <li class="list-rb-img" id="pilimgpc" ap-click-area="Main" ap-click-name="Click - UGC" >
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL2.jpg" class="list-son1" />
                            </li>
                            
                            <li class="list-rb-img" id="pilimgpc" ap-click-area="Main" ap-click-name="Click - UGC" >
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL1.jpg" class="list-son1" />
                            </li>
                            
                            <li class="list-rb-img" id="pilimgpc" ap-click-area="Main" ap-click-name="Click - UGC" >
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL6.jpg" class="list-son1" />
                            </li>
                            
                            <li class="list-rb-img" id="pilimgpc" ap-click-area="Main" ap-click-name="Click - UGC" >
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL5.jpg" class="list-son1" />
                            </li>
                            
                            <li class="list-rb-img" id="pilimgpc" ap-click-area="Main" ap-click-name="Click - UGC" >
                                <img src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL4.jpg" class="list-son1" />
                            </li>
                            
                        </div>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function() {
            $('.center').slick({
                infinite: false,
                // centerMode: true,
                // centerPadding: '40px',
                slidesToShow: 2,
                // asNavFor: ".popup-slick",
                responsive: [{
                    breakpoint: 768,
                    settings: {
                        arrows: false,
                        // centerMode: true,
                        // centerPadding: '20px',
                        slidesToShow: 2,
                        slidesToScroll: 2

                    }
                }, {
                    breakpoint: 480,
                    settings: {
                        arrows: false,
                        // centerMode: true,
                        // leftPadding: '40px',
                        slidesToShow: 2,
                        slidesToScroll: 2
                    }
                }]
            });
        });
    </script>
    <!--// popup 위드설화수 -->
    <div class="popup-wrap" style="display:none">
        <div class="popup-slick">   
             
            <div class="motai" id="mo">
                <div class="allcount">
                    <span class="close">
                    </span>
                    <!-- <button type="button" class="left2">lift</button>
                    <button type="button" class="right">right</button> -->
                    <div class="cont-img">
                        <img class="motaimg" src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL3.jpg" />
                    </div>
                    <div class="cont-ww">
                        <div class="caption">
                            <span class="capth">小红书名：石大小姐</span>
                            <p class="capt">肌底精华界的资深老前辈，护肤界各种单品的好搭档…
</p>
                            <a href="https://www.xiaohongshu.com/discovery/item/5ee598c4000000000100695e?xhsshare=CopyLink&appuid=5b0f57bef7e8b961af332348&apptime=1592147098" target="_blank">查看更多</a>
                        </div>
                                                        
                        <div class="capt-product">
                            <div class="capt-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_First-Care-Activating-Serum-60ml_thumbnails_580_pc.png" />
                            </div>
                            <div class="capt-continer">
                                <div class="produ-name">全新 润致焕活精华肌底液</div>
                                <div class="procu-shop"><a href="/products/first-care-activating-serum-ad.html" ap-click-area="Main" ap-click-name="Click - Product Detail Link" ap-click-data="" class="procu-btn">查看详情</a></div>
                            </div>
                        </div>
                                                                                                                                                                                                                   
                    </div>
                </div>
            </div>
             
            <div class="motai" id="mo">
                <div class="allcount">
                    <span class="close">
                    </span>
                    <!-- <button type="button" class="left2">lift</button>
                    <button type="button" class="right">right</button> -->
                    <div class="cont-img">
                        <img class="motaimg" src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL2.jpg" />
                    </div>
                    <div class="cont-ww">
                        <div class="caption">
                            <span class="capth">小红书名 : 美七是我</span>
                            <p class="capt">韩国小姐姐水光肌的秘密，为亚洲肌底保养定制…</p>
                            <a href="https://www.xiaohongshu.com/discovery/item/5eeb321f000000000100196d?xhsshare=CopyLink&appuid=56e4327a1c07df26fc9bb08f&apptime=1592472519" target="_blank">查看更多</a>
                        </div>
                                                        
                        <div class="capt-product">
                            <div class="capt-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_First-Care-Activating-Serum-60ml_thumbnails_580_pc.png" />
                            </div>
                            <div class="capt-continer">
                                <div class="produ-name">全新 润致焕活精华肌底液</div>
                                <div class="procu-shop"><a href="/products/first-care-activating-serum-ad.html" ap-click-area="Main" ap-click-name="Click - Product Detail Link" ap-click-data="" class="procu-btn">查看详情</a></div>
                            </div>
                        </div>
                                                                                                                                                                                                                   
                    </div>
                </div>
            </div>
             
            <div class="motai" id="mo">
                <div class="allcount">
                    <span class="close">
                    </span>
                    <!-- <button type="button" class="left2">lift</button>
                    <button type="button" class="right">right</button> -->
                    <div class="cont-img">
                        <img class="motaimg" src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL1.jpg" />
                    </div>
                    <div class="cont-ww">
                        <div class="caption">
                            <span class="capth">小红书名 : 因为我是tyt</span>
                            <p class="capt">超轻薄的凝露上脸特别清爽，肌肤由内而外的透亮…
</p>
                            <a href="https://www.xiaohongshu.com/discovery/item/5ef73f18000000000101fba5" target="_blank">查看更多</a>
                        </div>
                                                        
                        <div class="capt-product">
                            <div class="capt-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_First-Care-Activating-Serum-60ml_thumbnails_580_pc.png" />
                            </div>
                            <div class="capt-continer">
                                <div class="produ-name">全新 润致焕活精华肌底液</div>
                                <div class="procu-shop"><a href="/products/first-care-activating-serum-ad.html" ap-click-area="Main" ap-click-name="Click - Product Detail Link" ap-click-data="" class="procu-btn">查看详情</a></div>
                            </div>
                        </div>
                                                                                                                                                                                                                   
                    </div>
                </div>
            </div>
             
            <div class="motai" id="mo">
                <div class="allcount">
                    <span class="close">
                    </span>
                    <!-- <button type="button" class="left2">lift</button>
                    <button type="button" class="right">right</button> -->
                    <div class="cont-img">
                        <img class="motaimg" src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL6.jpg" />
                    </div>
                    <div class="cont-ww">
                        <div class="caption">
                            <span class="capth">小红书名 : ssoa</span>
                            <p class="capt">干皮油皮竟然都能适配，上脸迅速吸收渗透…
</p>
                            <a href="http://xhslink.com/dF6In" target="_blank">查看更多</a>
                        </div>
                                                                                                                                            
                        <div class="capt-product">
                            <div class="capt-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_Concentrated-Ginseng-Renewing-Serum-50ml_thumbnails_pc.png" />
                            </div>
                            <div class="capt-continer">
                                <div class="produ-name">滋盈生人参焕颜精华露</div>
                                <div class="procu-shop"><a href="/products/concentrated-ginseng-renewing-serum.html" ap-click-area="Main" ap-click-name="Click - Product Detail Link" ap-click-data="" class="procu-btn">查看详情</a></div>
                            </div>
                        </div>
                                                                                                                               
                    </div>
                </div>
            </div>
             
            <div class="motai" id="mo">
                <div class="allcount">
                    <span class="close">
                    </span>
                    <!-- <button type="button" class="left2">lift</button>
                    <button type="button" class="right">right</button> -->
                    <div class="cont-img">
                        <img class="motaimg" src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL5.jpg" />
                    </div>
                    <div class="cont-ww">
                        <div class="caption">
                            <span class="capth">小红书名 : __claudie</span>
                            <p class="capt">用了才不到两个月，每天都感觉自己在变美…
</p>
                            <a href="http://xhslink.com/EN6In" target="_blank">查看更多</a>
                        </div>
                                                                                                                                            
                        <div class="capt-product">
                            <div class="capt-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_Concentrated-Ginseng-Renewing-Serum-50ml_thumbnails_pc.png" />
                            </div>
                            <div class="capt-continer">
                                <div class="produ-name">滋盈生人参焕颜精华露</div>
                                <div class="procu-shop"><a href="/products/concentrated-ginseng-renewing-serum.html" ap-click-area="Main" ap-click-name="Click - Product Detail Link" ap-click-data="" class="procu-btn">查看详情</a></div>
                            </div>
                        </div>
                                                                                                                               
                    </div>
                </div>
            </div>
             
            <div class="motai" id="mo">
                <div class="allcount">
                    <span class="close">
                    </span>
                    <!-- <button type="button" class="left2">lift</button>
                    <button type="button" class="right">right</button> -->
                    <div class="cont-img">
                        <img class="motaimg" src="/conent/conent1/__icsFiles/afieldfile/2020/07/31/KOL4.jpg" />
                    </div>
                    <div class="cont-ww">
                        <div class="caption">
                            <span class="capth">小红书名 : Hello胡馨宇</span>
                            <p class="capt">眼角细纹明显改善，皮肤嫩嫩滑滑的…</p>
                            <a href="http://xhslink.com/jJ5In" target="_blank">查看更多</a>
                        </div>
                                                                                                                                            
                        <div class="capt-product">
                            <div class="capt-img">
                                <img src="/products/__icsFiles/afieldfile/2020/12/21/20201217_final_Concentrated-Ginseng-Renewing-Serum-50ml_thumbnails_pc.png" />
                            </div>
                            <div class="capt-continer">
                                <div class="produ-name">滋盈生人参焕颜精华露</div>
                                <div class="procu-shop"><a href="/products/concentrated-ginseng-renewing-serum.html" ap-click-area="Main" ap-click-name="Click - Product Detail Link" ap-click-data="" class="procu-btn">查看详情</a></div>
                            </div>
                        </div>
                                                                                                                               
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <!-- popup 위드설화수 // -->
    <style>
        .center {
            display: none;
        }
        
        .noslick {
            display: block;
        }
        
        #pixl {
            width: 1440px;
            height: 347px;
            margin-top: 40px;
        }
        
        .list-pixl {
            width: 1440px;
            height: 347px;
        }
        
        .list-rb {
            width: 100%;
            height: auto;
        }
        
        .list-rb-img {
            float: left;
            cursor: pointer;
        }
        
        .list-son1 {
            width: auto;
            height: 300px;
        }
        
        /* .motai {
            position: fixed !important;
            width: 100vw !important;
            height: 100vh !important;
            display: none;
            background-color: rgba(0, 0, 0, 0.6);
            opacity: 1;
            z-index: 9999;
            top: 0;
            left: 0;
        } */

        /* 위드설화수 팝업*/
        .popup-wrap .popup-slick {
            position: fixed !important;
            width: 100vw !important;
            height: 100vh !important;
            display: none;
            background-color: rgba(0, 0, 0, 0.6);
            opacity: 1;
            z-index: 9999;
            top: 0;
            left: 0;
        }
    

        
        .close {
            position: absolute;
            width: 15px;
            height: 15px;
            cursor: pointer;
            right: 20px;
            top: 20px;
            z-index: 1;
            background: url("/resource/image/close.png") no-repeat center;
        }
        /* 20200807 slick next btn 수정
         .left2,
        .right {
            position: absolute;
            width: 20px;
            height: 40px;
            font-size: 0px;
        } */
        
        .allcount {
            position: relative;
            width: 860px;
            height: 580px;
            margin: 120px auto;
            background-color: #fff;
            display: flex;
        }

        .cont-img {
            height: auto;
            padding: 20px;
            flex: 1;
        }
        
        .motaimg {
            width: auto;
            height: 100%;
        }
        
        .cont-ww {
            flex: 1;
            padding: 20px 20px 20px 0;
        }
        
        .caption {
            /* padding: 0 20px; */
            margin-bottom: 50px;
            width: 100%;
            height: 100px;
            box-sizing: border-box;
        }
        
        .caption a {
            font-size: 16px;
        }
        
        .capt {
            width: 100%;
            text-overflow: ellipsis;
            font-size: 14px;
            color: #000;
            line-height: 18px;
            margin: 1em 0;
        }
        
        .capth {
            font-size: 1.6em;
            border: none;
            border-radius: 20px;
            width: auto;
            background-color: #FBC081;
            color: #fff;
            text-align: center;
            padding: 3px 10px;
        }
        
        .popup-wrap .popup-slick .slick-prev {
            position: absolute;
            top: 370px;
            left: 10vw;
            width: 40px;
            height: 60px;
            font-size: 0px;
            background-position:center;
            background: url("/resource/image/left.png") no-repeat;
            background-position:10px center;
            z-index:1;
        }
        
        .popup-wrap .popup-slick .slick-next {
            position: absolute;
            top: 370px;
            right: 10vw;
            width: 40px;
            height: 60px;
            font-size: 0px;
            background-position:center;
            background: url("/resource/image/right.png") no-repeat;
            background-position:10px center;
            z-index:1;
        }
        
        .capt-product {
            z-index: 1;
            display: flex;
            flex-flow: wrap row;
            justify-content: center;
            align-items: center;
        }
        
        .capt-product:before {
            border-top: solid #000 1px;
        }
        
        .capt-img {
            padding-top: 40px;
            width: 260px;
            border-top: solid 1px #ccc;
        }
        
        .produ-name {
            font-size: 14px;
            color: black;
            margin-bottom: 20px;
            text-align: center;
        }
        
        .procu-shop a {
            text-decoration: none;
            color: white;
        }
        
        .procu-shop {
            width: 150px;
            height: 40px;
            font-size: 16px;
            border: solid 1px;
            text-align: center;
            line-height: 40px;
            background: #000;
        }
        
        @media only screen and (max-width: 767px) {
            .center {
                display: block;
            }
            .noslick {
                display: none;
            }
            #pixl {
                width: 100%;
                height: 347px;
            }
            .main-ugc-wrap #pixl {
                height: auto;
            }
            .list-pixl {
                width: 100%;
                height: 347px;
            }
            .main-ugc-wrap .list-pixl {
                height: auto;
            }
            /* .motai {
                position: fixed !important;
                width: 100% !important;
                height: 100vh !important;
                display: none;
                background-color: #fff;
                opacity: 1;
                z-index: 9999;
                top: 0;
                left: 0;
            } */

            /* 위드 설화수 */
            .popup-wrap .popup-slick {
                position: fixed !important;
                width: 100% !important;
                height: 100vh !important;
                display: none;
                background-color: #fff;
                opacity: 1;
                z-index: 9999;
                top: 0;
                left: 0;
            }

            .allcount {
                width: 100%;
                height: 94vh;
                margin: 20px auto;
                background-color: #fff;
                display: flex;
                justify-content: center;
                flex-flow: row wrap;
                align-items: center;
                overflow-y: scroll;
            }

            .popup-wrap .popup-slick .slick-prev,
            .popup-wrap .popup-slick .slick-next {
                position: absolute;
                width: 50px;
                height: 80px;
                top: calc(50% - 80px);
            }

            .popup-wrap .popup-slick .slick-prev {left:10px;background:url("/resource/image/prev-01025e7a2582b2e7022c70a4e2fe57854c0e5552fe15113961556acbbb265fe6.png") no-repeat;background-position: 10px center;}
            .popup-wrap .popup-slick .slick-next {right:10px;background:url("/resource/image/next-6129ae65f9752efd8b4e9e6b897a17573a8319fcbaf63c95d2276a2b51a116e8.png") no-repeat;background-position: 10px center;}

            .close {
                right: 10px;
                top: 0px;
                width: 10px;
                height: 10px;
            }
            .motaimg {
                width: 100%;
                height: auto;
                padding: 0px 0px;
            }
            .cont-ww {
                display: flex;
                flex-flow: wrap;
                justify-content: center;
                align-items: center;
                padding: 0 0 15vw;
            }
            .cont-img {
                height: auto;
                padding: 20px 10px;
                flex: auto;
            }
            .capth {
                font-size: 14px;
            }
            .left2 {
                top: 25%;
                left: 20px;
                background: url("/resource/image/prev-01025e7a2582b2e7022c70a4e2fe57854c0e5552fe15113961556acbbb265fe6.png") no-repeat;
            }
            .right {
                top: 25%;
                right: 20px;
                background: url("/resource/image/next-6129ae65f9752efd8b4e9e6b897a17573a8319fcbaf63c95d2276a2b51a116e8.png") no-repeat;
            }
            .caption {
                margin: 0px 10px 25px;
            }
            .capt-img {
                padding-top: 10px;
                width: 158px;
            }
            .caption a {
                font-size: 14px;
            }
            .capt-continer {
                display: flex;
                flex-flow: row wrap;
                justify-content: center;
                align-content: center;
            }
            .produ-name {
                width: 100%;
                font-size: 14px;
                color: black;
                margin-bottom: 0px;
            }
            .procu-shop a {
                text-decoration: none;
                color: white;
            }
            /* with sulwhasoo */
            .list-son1 {
                margin: 0 auto;
                width: calc(100% - 20px);
                height: auto;
            }
            .l-wrap {
                padding: 0 15px;
            }
        }
    </style>
    <script>
        var list = document.querySelectorAll("#pilimgpc");
        var listm = document.querySelectorAll("#pilimgmo");
        var mota = document.querySelectorAll("#mo");
        var clo = document.querySelectorAll(".close");
        var left = document.querySelectorAll(".left2");
        var right = document.querySelectorAll(".right");
        var popupBtn = document.querySelectorAll(".procu-shop");
        var shop = document.querySelectorAll(".procu-shop");

        var clickIdx = 0;
        var listIdx = 0;
        var popupIdx = 0;
        var popno = 0;

        // 위드 설화수 PC
        /*
        popupIdx = $(".motai").length;
        for(var i=1;i<popupIdx;i++){
            $(".motai .procu-shop").eq(i-1).children("a").attr("ap-click-data","UGC_First Care Activating Serum_Image "+i);
            if(i < 3){
               popno = i-2;
                $(".motai .procu-shop").eq(i-1).children("a").attr("ap-click-data","UGC_Concentrated Ginseng Renewing Serum_Image "+popno);
            }
        }
        */

        for (var i = 0; i < list.length; i++) {
            list[i].setAttribute("index", i);

            listIdx = i+1;
            if(i < 3){
                list[i].setAttribute("ap-click-data","First Care Activating Serum_Image "+listIdx); 
                shop[i].children[0].setAttribute("ap-click-data"," UGC_First Care Activating Serum_Image "+[i+1]);                
            }else {
                listIdx = i-2;
                list[i].setAttribute("ap-click-data","Concentrated Ginseng Renewing Serum_Image "+listIdx);
                shop[i].children[0].setAttribute("ap-click-data","UGC_Concentrated Ginseng Renewing Serum_Image "+[i-2]); 
            }

            list[i].onclick = function() {
                $(".popup-wrap").css("display","block");
                $(".popup-wrap .popup-slick").css("display","block");

                if(clickIdx == 0){
                    //위드설화수
                    $(".popup-slick").slick({
                        infinite: false,
                         // asNavFor: ".center",
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        arrows: true,
                        draggable : false, 
                        swipe : false,
                        responsive: [
                            {
                                breakpoint: 768,
                                settings: {
                                    arrows: true,
                                    slidesToShow: 1,
                                    slidesToScroll: 1,
                                    draggable : true, 
                                    swipe : true
                                }
                            }
                        ]
                    });
                }
                clickIdx = clickIdx + 1;

                var slideno = $(this).index();
                $(".popup-slick").slick('slickGoTo',slideno);
                console.log(slideno);

                // var index = this.getAttribute("index");
                // for (var i = 0; i < mota.length; i++) {
                //     mota[i].style.display = "none";
                // }
                // mota[index].style.display = "block";
                for (var c = 0; c < clo.length; c++) {
                    clo[c].onclick = function() {
                        $(".popup-wrap").css("display","none");
                        $(".popup-wrap .popup-slick").css("display","none");
                    }
                }

                // left[0].style.display = "none";
                // right[5].style.display = "none";

                // for (var l = 0; l < left.length; l++) {
                //     left[l].onclick = function() {
                //         mota[index].style.display = "none";
                //         mota[index - 1].style.display = "block";
                //         index = parseInt(index) - 1;
                //     }
                // }
                // for (var r = 0; r < right.length; r++) {
                //     right[r].onclick = function() {
                //         mota[parseInt(index)].style.display = "none";
                //         mota[parseInt(index) + 1].style.display = "block";
                //         index = parseInt(index) + 1;
                //     }
                // }

            }
        } // 위드 설화수 MO
        for (var i = 0; i < listm.length; i++) {
            listm[i].setAttribute("index", i);
            listIdx = i+1;
            if(i < 3){
                listm[i].setAttribute("ap-click-data","First Care Activating Serum_Image "+listIdx);
            }else {
                listIdx = i-2;
                listm[i].setAttribute("ap-click-data","Concentrated Ginseng Renewing Serum_Image "+listIdx);
            }
            listm[i].onclick = function() {
                $(".popup-wrap").css("display","block");
                $(".popup-wrap .popup-slick").css("display","block");
                // var index = this.getAttribute("index");
                // for (var i = 0; i < mota.length; i++) {
                //     mota[i].style.display = "none";
                // }
                // mota[index].style.display = "block";

                if(clickIdx == 0){
                    //위드설화수
                    $(".popup-slick").slick({
                        infinite: false,
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        arrows: true,
                        draggable : false, 
                        swipe : false,
                        responsive: [
                            {
                                breakpoint: 768,
                                settings: {
                                    arrows: true,
                                    slidesToShow: 1,
                                    slidesToScroll: 1,
                                    draggable : true, 
                                    swipe : true
                                }
                            }
                        ]
                    });
                }
                clickIdx = clickIdx + 1;

                var slideno = $(this).index();
                $(".popup-slick").slick('slickGoTo',slideno);
                console.log(slideno);

                for (var c = 0; c < clo.length; c++) {
                    clo[c].onclick = function() {
                        $(".popup-wrap").css("display","none");
                        $(".popup-wrap .popup-slick").css("display","none");
                    }
                }

                // left[0].style.display = "none";
                // right[5].style.display = "none";

                // for (var l = 0; l < left.length; l++) {
                //     left[l].onclick = function() {
                //         mota[index].style.display = "none";
                //         mota[index - 1].style.display = "block";
                //         index = parseInt(index) - 1;
                //     }
                // }
                // for (var r = 0; r < right.length; r++) {
                //     right[r].onclick = function() {
                //         mota[parseInt(index)].style.display = "none";
                //         mota[parseInt(index) + 1].style.display = "block";
                //         index = parseInt(index) + 1;
                //     }
                // }

            }
        }
    </script>
    <!-- [S : 20191120] UGC : pixlee 수정 -->
    <!-- BANNER :: S -->
    
    <div class="main-banner-wrap" style="background-color: #140600">
        <div class="main-banner-inner">
            <a href="https://detail.tmall.com/item.htm?id=597154423543" ap-click-area="Main" ap-click-name="Click - Mall" ap-click-data="Promotion Banner" target="_blank" class="display-pc">
                <img src="/__icsFiles/afieldfile/2020/08/20/20200820_final_Concentrated-Ginseng-Renewing-Serum_main_commerce_banner_pc.jpg" alt="(7/6~7/20)<br>설화수 NO.1 윤조에센스<br>5세대 업그레이드 포인트!" class="display-pc"></a>
            <a href="https://detail.tmall.com/item.htm?id=597154423543" ap-click-area="Main" ap-click-name="Click - Mall" ap-click-data="Promotion Banner" target="_blank" class="display-mo">
                <img src="/__icsFiles/afieldfile/2020/08/20/20200820_final_Concentrated-Ginseng-Renewing-Serum_main_commerce_banner_mo.jpg" alt="(7/6~7/20)<br>설화수 NO.1 윤조에센스<br>5세대 업그레이드 포인트!" class="display-mo"></a>
        </div>
    </div>
    
    <!-- BANNER :: E -->
    <!-- 설화수 리뷰 :: S -->
    
    <div class="main-review-wrap">
        <h2 class="blind">TOP 10 明星单品</h2>
        <div class="main-review-inner main-lounge-slide main-review-slide">
            <div class="lounge-cont left">
                <div class="coninr">
                    <div class="concell">
                        <h3>TOP 10 明星单品</h3>
                        <div class="lounge-img">
                            <a href="/products/best-seller/index.html" ap-click-area="Main" ap-click-name="Click - Banner" ap-click-data="Banner_雪花秀挚爱产品推荐">
                                <img src="/__icsFiles/afieldfile/2020/08/04/highlight_first_care_cativating_serum_best_seller_1_0618.jpg" alt="진설">
                            </a>
                        </div>
                        <p class="sub-tit">雪花秀挚爱产品推荐</p>
                        <p class="desc"><span class='display-pc'>全新升级上市的雪花秀新品精华——润燥精华，作为护肤第一步，打开肌肤吸收通道，强韧肌底，一瓶稳住亮·润·透。</span>
                            <span class='display-mo'>全新升级上市的雪花秀新品精华——润燥精华，作为护肤第一步，打开肌肤吸收通道，强韧肌底，一瓶稳住亮·润·透。</span>
                        </p>
                        <div class="btn-wrap">
                            <a href="/products/best-seller/index.html" ap-click-area="Main" ap-click-name="Click - Banner" ap-click-data="Banner_雪花秀挚爱产品推荐" class="btn-view">
                                查看详情
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 설화수 리뷰 :: E -->
    <!-- 설화수 라운지 :: S -->
    <div class="main-lounge-wrap">
        <h2 class="blind">Magazine</h2>
        <div class="main-lounge-inner main-lounge-slide main-collection-slide">
            <div class="lounge-cont right">
                <div class="coninr">
                    <div class="concell">
                        <h3>Magazine</h3>
                        <div class="lounge-img">
                            <a href="/sul-style/magazine/1240572_3160.html" ap-click-area="Main" ap-click-name="Click - Banner" ap-click-data="Banner_清华大学雪花秀非遗保护基金“文化之美影戏人间”2020年度成果展">
                                <img src="/__icsFiles/afieldfile/2021/01/05/20210104_final_Magazine_main_thumb_pc.jpg" alt="명작세트 자세히 보기"></a>
                        </div>
                        <p class="sub-tit"><span class='display-pc'>清华大学雪花秀非遗保护基金“文化之美影戏人间”2020年度成果展</span>
                            <span class='display-mo'>清华大学雪花秀非遗保护基金“文化之美影戏人间”2020年度成果展</span></p>
                        <p class="desc">2020年12月19日，“清华大学雪花秀非遗保护基金”在完成对陕西皮影的深入研究、创新传承以及全面推广之后，以成果展的形式向社会大众发布2020年度的理论研究和创新实践成果。</p>
                        <div class="btn-wrap"><a href="/sul-style/magazine/1240572_3160.html" ap-click-area="Main" ap-click-name="Click - Banner" ap-click-data="Banner_清华大学雪花秀非遗保护基金“文化之美影戏人间”2020年度成果展" class="btn-view"><span class="blind">명작세트 </span>查看详情</a></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 설화수 라운지 Collection :: E -->
        <!-- 설화수 라운지 Magazine :: S -->
        <!-- <div class="main-lounge-inner main-lounge-slide main-magazine-slide">
            <div class="lounge-cont left">
                <div class="coninr">
                    <div class="concell">
                        <h3></h3>
                        <div class="lounge-img">
                            <a href="" ap-click-area="Main" ap-click-name="Click - Banner" ap-click-data="Banner_피부를 지키고 아끼는 지극한 지혜">
                                <img src="/__icsFiles/afieldfile/" alt="매거진 자세히 보기"></a>
                        </div>
                        <p class="sub-tit"></p>
                        <p class="desc"></p>
                        <div class="btn-wrap"><a href="" ap-click-area="Main" ap-click-name="Click - Banner" ap-click-data="Banner_피부를 지키고 아끼는 지극한 지혜" class="btn-view"><span class="blind">매거진 </span>查看详情</a></div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- 설화수 라운지 Magazine :: E -->
        <!-- </div> -->
        <!-- 설화수 라운지 :: E -->
         
        <!-- 설화수 플래그십 스토어 :: S -->
        <div class="main-flagship-wrap">
            <div class="main-flagship-inner">
                <h2>Flagshipstore & SPA</h2>
                <div class="flagship-carousel-wrap">
                    <div class="flagship-carousel">
                        
                        <div class="flagship-slide">
                            <img class="imgpc" src="/__icsFiles/afieldfile/2020/07/07/20200601_flagship-Spa_banner_pc.jpg" alt="">
                            <img class="imgmo" src="/__icsFiles/afieldfile/2020/07/07/20200601_flagship-Spa_banner_mo.jpg" alt="">
                        </div>
                        
                        <div class="flagship-slide">
                            <img class="imgpc" src="/__icsFiles/afieldfile/2020/07/07/flag-bg-pc-01.jpg" alt="">
                            <img class="imgmo" src="/__icsFiles/afieldfile/2020/07/07/flag-bg-mo-01.jpg" alt="">
                        </div>
                        
                        <div class="flagship-slide">
                            <img class="imgpc" src="/__icsFiles/afieldfile/2020/07/07/flag-bg-pc-02.jpg" alt="">
                            <img class="imgmo" src="/__icsFiles/afieldfile/2020/07/07/flag-bg-mo-02.jpg" alt="">
                        </div>
                        
                        <div class="flagship-slide">
                            <img class="imgpc" src="/__icsFiles/afieldfile/2020/07/07/flag-bg-pc-03.jpg" alt="">
                            <img class="imgmo" src="/__icsFiles/afieldfile/2020/07/07/flag-bg-mo-03.jpg" alt="">
                        </div>
                        
                        <div class="flagship-slide">
                            <img class="imgpc" src="/__icsFiles/afieldfile/2020/07/07/flag-bg-pc-04.jpg" alt="">
                            <img class="imgmo" src="/__icsFiles/afieldfile/2020/07/07/flag-bg-mo-04.jpg" alt="">
                        </div>
                        
                    </div>
                    <button class="btn-control stop">정지</button>
                    <div class="flag-con-box">
                        <div class="con-box-cell">
                            <p>在这里，雪花秀通过经验丰富的成熟治疗师和雪花秀的产品，通过蕴含着亚洲智慧的雪花秀的独特仪式和特别的治疗工具来实现更为整体的美丽。</p>
                            <a href="/sul-style/flagship/index.html" ap-click-area="Main" ap-click-name="Click - Flagship" ap-click-data="Flagship" class="btn-view"><span class="blind">설화수 플래그십 스토어 &amp; 스파 </span>查看详情</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 설화수 플래그십 스토어 :: E -->
        <!-- [E : 20191120] culture : pixlee 추가 -->
        <!-- [S : 20191120] culture : pixlee 추가 -->
        <div class="main-culture-wrap">
            <div class="main-pixlee-inner">
                <h2 class="main-pixlee-title"><span class="blind">sulwhasoo.culture</span></h2>
                <p id="description_holder">雪花秀，不为时间所动的美</p>
                <!-- <a href="https://www.instagram.com/sulwhasoo.culture/" target="_blank" id="view_gallery" title="새창열림">
                    인스타그램에서 @sulwhasoo.culture 를 방문해보세요
                </a> -->
                <div id="pixl2">
                    <div class="list-pixl2">
                        <ul class="list-rb2">
                            <div class="slick">
                                <li class="list-rb-img2">
                                    
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/1.jpg" class="list-son2" id="pixpc" ap-click-area="Main" ap-click-name="Click - UGC"/> 
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/2.png" class="list-son2" id="pixpc" ap-click-area="Main" ap-click-name="Click - UGC"/> 
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/3.jpg" class="list-son2" id="pixpc" ap-click-area="Main" ap-click-name="Click - UGC"/> 
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/4.jpg" class="list-son2" id="pixpc" ap-click-area="Main" ap-click-name="Click - UGC"/> 
                                </li>
                                <li class="list-rb-img2" ap-click-area="Main" ap-click-name="Click - UGC">
                                    
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/5.jpg" class="list-son2" id="pixpc2" ap-click-area="Main" ap-click-name="Click - UGC"/> 
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/6.png" class="list-son2" id="pixpc2" ap-click-area="Main" ap-click-name="Click - UGC"/> 
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/7.jpg" class="list-son2" id="pixpc2" ap-click-area="Main" ap-click-name="Click - UGC"/> 
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/8.jpg" class="list-son2" id="pixpc2" ap-click-area="Main" ap-click-name="Click - UGC"/> 
                                </li>
                            </div>
                            <div class="noslick">
                                
                                <li class="list-rb-img2" id="pixmo" ap-click-area="Main" ap-click-name="Click - UGC" ap-click-data="Sulwhasoo Culture_Image 1">
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/1.jpg" class="list-son2" />
                                </li>
                                
                                <li class="list-rb-img2" id="pixmo" ap-click-area="Main" ap-click-name="Click - UGC" ap-click-data="Sulwhasoo Culture_Image 2">
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/2.png" class="list-son2" />
                                </li>
                                
                                <li class="list-rb-img2" id="pixmo" ap-click-area="Main" ap-click-name="Click - UGC" ap-click-data="Sulwhasoo Culture_Image 3">
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/3.jpg" class="list-son2" />
                                </li>
                                
                                <li class="list-rb-img2" id="pixmo" ap-click-area="Main" ap-click-name="Click - UGC" ap-click-data="Sulwhasoo Culture_Image 4">
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/4.jpg" class="list-son2" />
                                </li>
                                
                                <li class="list-rb-img2" id="pixmo" ap-click-area="Main" ap-click-name="Click - UGC" ap-click-data="Sulwhasoo Culture_Image 5">
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/5.jpg" class="list-son2" />
                                </li>
                                
                                <li class="list-rb-img2" id="pixmo" ap-click-area="Main" ap-click-name="Click - UGC" ap-click-data="Sulwhasoo Culture_Image 6">
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/6.png" class="list-son2" />
                                </li>
                                
                                <li class="list-rb-img2" id="pixmo" ap-click-area="Main" ap-click-name="Click - UGC" ap-click-data="Sulwhasoo Culture_Image 7">
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/7.jpg" class="list-son2" />
                                </li>
                                
                                <li class="list-rb-img2" id="pixmo" ap-click-area="Main" ap-click-name="Click - UGC" ap-click-data="Sulwhasoo Culture_Image 8">
                                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/8.jpg" class="list-son2" />
                                </li>
                                
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <style>
            .slick {
                display: none;
            }
            
            .noslick {
                display: flex;
                flex-flow: row wrap;
                align-items: center;
                justify-content: space-around;
            }
            
            .main-pixlee-inner {
                font-family: 'Noto Sans', sans-serif !important;
                text-align: center;
                font-size: 14px;
            }
            
            #pixl2 {
                width: 1440px;
                height: auto;
                margin-top: 40px;
                padding-bottom: 40px;
            }
            
            .list-pixl2 {
                width: 1260px;
                height: auto;
                margin: 0px auto;
            }
            
            .list-rb {
                width: 100%;
                height: auto;
            }
            
            .list-rb-img2 {
                float: left;
                cursor: pointer;
                margin: 0px 0px 10px 0px;
            }
            
            .list-son2 {
                width: 300px;
                height: 100%;
                margin-left: 15px;
                margin-bottom: 15px;
            }
            
            .mitn {
                position: fixed !important;
                width: 100vw !important;
                height: 100vh !important;
                display: none;
                background-color: rgba(0, 0, 0, 0.6);
                opacity: 1;
                z-index: 9999;
                top: 0;
                left: 0;
            }
            
            .close1 {
                position: absolute;
                top: 20px;
                right: 20px;
                margin: 0px 0px;
                width: 15px;
                height: 15px;
                cursor: pointer;
                font-size: 0px;
                z-index: 1;
                color: black;
                background: url(/resource/image/close.png) no-repeat center;
            }
            
            .left1,
            .right1 {
                position: absolute;
                width: 20px;
                height: 40px;
                font-size: 0px;
                z-index: 1;
            }
            
            .left1 {
                top: 180px;
                left: -150px;
                background: url("/resource/image/left.png") no-repeat;
            }
            
            .right1 {
                top: 180px;
                right: -150px;
                background: url("/resource/image/right.png") no-repeat;
            }
            
            .mitncont {
                position: relative;
                width: 792px;
                height: 410px;
                margin: 140px auto;
                background-color: #fff;
                display: flex;
            }
            
            .mitn-img {
                height: auto;
                padding: 20px;
                flex: 1;
            }
            
            .mitn-img img {
                width: auto;
                height: 100%;
                vertical-align: top;
            }
            
            .mitn-cont {
                width: 100%;
                height: 100px;
                margin: 20px 20px 0px 0px;
                flex: 1;
            }
            
            .mitn-cen {
                margin: 20px 20px 20px 0;
                color: #000;
                font-size: 13px;
            }
            
            @media only screen and (max-width: 767px) {
                .noslick {
                    display: none;
                }
                .slick {
                    display: block;
                }
                #pixl2 {
                    width: 100%;
                    /* height: 347px; */
                    margin-top: 40px;
                    padding-bottom: 20px;
                }
                .list-pixl2 {
                    width: 375px;
                    /* height: 347px; */
                }
                .list-son2 {
                    width: 177px;
                    height: 177px;
                    margin: 10px 5px;
                }
                .list-rb-img2 {
                    width: 375px !important;
                    display: flex !important;
                    flex-flow: row wrap;
                    justify-content: center;
                    align-content: center;
                }
                .mitn {
                    position: fixed !important;
                    width: 100% !important;
                    height: 800px !important;
                    display: none;
                    background-color: rgba(0, 0, 0, 0.6);
                    opacity: 1;
                    z-index: 9999;
                    top: 0;
                    left: 0;
                }
                .close1 {
                    position: absolute;
                    top: 20px;
                    right: 10px;
                    cursor: pointer;
                    font-size: 16px;
                    color: black;
                    z-index: 1;
                    width: 10px;
                    height: 10px;
                }
                .left1 {
                    width:50px;
                    height:80px;
                    top: 25%;
                    left: 10px;
                    background: url("/resource/image/prev-01025e7a2582b2e7022c70a4e2fe57854c0e5552fe15113961556acbbb265fe6.png") no-repeat center;
                }
                .right1 {
                    width:50px;
                    height:80px;
                    top: 25%;
                    right: 10px;
                    background: url("/resource/image/next-6129ae65f9752efd8b4e9e6b897a17573a8319fcbaf63c95d2276a2b51a116e8.png") no-repeat center;
                }
                .mitncont {
                    width: 100%;
                    height: 100%;
                    margin: 0px auto;
                    background-color: #fff;
                }
                .mitn-img {
                    position: absolute;
                    width: auto;
                    height: 400px;
                    padding: 40px 10px 0px 10px;
                }
                .mitn-img img {
                    width: auto;
                    height: 390px;
                    vertical-align: top;
                }
                .mitn-cont {
                    position: absolute;
                    left: 0;
                    padding: 0 10px;
                    margin: 0 auto;
                    width: 100%;
                    height: auto;
                    left: 0px;
                    top: 460px;
                    box-sizing: border-box;
                }
                .mitn-cont:before {
                    display: block;
                    content: "";
                    clear: both;
                    width: 50%;
                    margin: 0 auto;
                    height: 2px;
                    background-color: #eee;
                    margin: 0 auto 20px;
                }
                .mitn-cen {
                    margin: 0 auto;
                }
            }
        </style>
        
        <div class="mitn">
            <div class="mitncont">
                <button type="button" class="left1">lift</button>
                <button type="button" class="right1">right</button>
                <div class="mitn-img">
                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/1.jpg" />
                </div>
                <div class="mitn-cont">
                    <p class="mitn-cen">艺术品是不可分离的伴侣，与建筑的结构形象相吻合的精巧工业元素，展现了特别的张力。
</p>
                </div>
                <span class="close1"></span>
            </div>
        </div>
        
        <div class="mitn">
            <div class="mitncont">
                <button type="button" class="left1">lift</button>
                <button type="button" class="right1">right</button>
                <div class="mitn-img">
                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/2.png" />
                </div>
                <div class="mitn-cont">
                    <p class="mitn-cen">新年限量版包装设计传递着继承传统文化遗产的理念，采用鲜艳绽放的牡丹金叶图案为装饰。
</p>
                </div>
                <span class="close1"></span>
            </div>
        </div>
        
        <div class="mitn">
            <div class="mitncont">
                <button type="button" class="left1">lift</button>
                <button type="button" class="right1">right</button>
                <div class="mitn-img">
                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/3.jpg" />
                </div>
                <div class="mitn-cont">
                    <p class="mitn-cen">每件物品的背后都有一个特别的故事，都是历史文化的沉淀。
</p>
                </div>
                <span class="close1"></span>
            </div>
        </div>
        
        <div class="mitn">
            <div class="mitncont">
                <button type="button" class="left1">lift</button>
                <button type="button" class="right1">right</button>
                <div class="mitn-img">
                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/4.jpg" />
                </div>
                <div class="mitn-cont">
                    <p class="mitn-cen">大胆的直线和分面的设计摆脱了传统材料的枷锁，呈现了独特的风格。</p>
                </div>
                <span class="close1"></span>
            </div>
        </div>
        
        <div class="mitn">
            <div class="mitncont">
                <button type="button" class="left1">lift</button>
                <button type="button" class="right1">right</button>
                <div class="mitn-img">
                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/5.jpg" />
                </div>
                <div class="mitn-cont">
                    <p class="mitn-cen">拼贴艺术家结合着细腻抒情的元素与大胆果断的笔触，构建了独特的世界。
</p>
                </div>
                <span class="close1"></span>
            </div>
        </div>
        
        <div class="mitn">
            <div class="mitncont">
                <button type="button" class="left1">lift</button>
                <button type="button" class="right1">right</button>
                <div class="mitn-img">
                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/6.png" />
                </div>
                <div class="mitn-cont">
                    <p class="mitn-cen">新年限量版包装采用红色背景与鲜艳绽放的牡丹金叶图案为装饰，延续老工匠精致技艺的同时继承了传统文化。
</p>
                </div>
                <span class="close1"></span>
            </div>
        </div>
        
        <div class="mitn">
            <div class="mitncont">
                <button type="button" class="left1">lift</button>
                <button type="button" class="right1">right</button>
                <div class="mitn-img">
                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/7.jpg" />
                </div>
                <div class="mitn-cont">
                    <p class="mitn-cen">民间绘画中花鸟鲜艳色彩的组合与丝绸的结合，成就了独特的艺术。
</p>
                </div>
                <span class="close1"></span>
            </div>
        </div>
        
        <div class="mitn">
            <div class="mitncont">
                <button type="button" class="left1">lift</button>
                <button type="button" class="right1">right</button>
                <div class="mitn-img">
                    <img src="/conent/conent2/__icsFiles/afieldfile/2020/07/31/8.jpg" />
                </div>
                <div class="mitn-cont">
                    <p class="mitn-cen">在普通的屏风里发现特别的故事，在熟悉和平凡的事物中体现非凡。
</p>
                </div>
                <span class="close1"></span>
            </div>
        </div>
        
        <script>
            $(function() {
                $('.slick').slick({
                    infinite: false,
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    arrows: false,
                    draggable : true, 
                    swipe : true,
                });
                // 설화수 컬쳐 이미지 GA 태깅값
                $('.slick .list-rb-img2 .list-son2').each(function(){
                    var idx = parseInt($(this).attr('index'));
                    var idx2 = parseInt($(this).attr('index2'));
                    idx += 1;
                    idx2 += 1;

                    if($(this).attr('index') > -1){
                        $(this).attr("ap-click-data","Sulwhasoo Culture_Image "+idx);    
                    }else if($(this).attr('index2') > -1){
                        $(this).attr("ap-click-data","Sulwhasoo Culture_Image "+idx2);    
                    }
                });
            });
        </script>
        <script>
            var list1 = document.querySelectorAll("#pixpc");
            var list2 = document.querySelectorAll("#pixpc2");
            var listm1 = document.querySelectorAll("#pixmo");
            var mit = document.querySelectorAll(".mitn");
            var left1 = document.querySelectorAll(".left1");
            var right1 = document.querySelectorAll(".right1");
            var close1 = document.querySelectorAll(".close1");

            function preventDefaultFn(event) {
                event.preventDefault();
            }
            for (var i = 0; i < list1.length; i++) {
                list1[i].setAttribute("index", i);
                list1[i].onclick = function() {

                    var index1 = this.getAttribute("index");
                    for (var m = 0; m < mit.length; m++) {
                        mit[m].style.display = "none";
                    }
                    mit[index1].style.display = "block";
                    for (var c = 0; c < close1.length; c++) {
                        close1[c].onclick = function() {
                            mit[index1].style.display = "none";

                        }
                    }
                    left1[0].style.display = "none";
                    right1[7].style.display = "none";

                    for (var l = 0; l < left1.length; l++) {
                        left1[l].onclick = function() {
                            mit[index1].style.display = "none";
                            mit[index1 - 1].style.display = "block";
                            index1 = parseInt(index1) - 1;
                        }
                    }
                    for (var r = 0; r < right1.length; r++) {
                        right1[r].onclick = function() {
                            mit[parseInt(index1)].style.display = "none";
                            mit[parseInt(index1) + 1].style.display = "block";
                            index1 = parseInt(index1) + 1;
                        }
                    }
                }
            }
            for (var a = 0; a < list2.length; a++) {
                list2[a].setAttribute("index2", a + 4);
                list2[a].onclick = function() {

                    var index2 = this.getAttribute("index2");
                    for (var m = 0; m < mit.length; m++) {
                        mit[m].style.display = "none";
                    }
                    mit[index2].style.display = "block";
                    for (var c = 0; c < close1.length; c++) {
                        close1[c].onclick = function() {
                            mit[index2].style.display = "none";

                        }
                    }
                    left1[0].style.display = "none";
                    right1[7].style.display = "none";

                    for (var l = 0; l < left1.length; l++) {
                        left1[l].onclick = function() {
                            mit[index2].style.display = "none";
                            mit[index2 - 1].style.display = "block";
                            index2 = parseInt(index2) - 1;
                        }
                    }
                    for (var r = 0; r < right1.length; r++) {
                        right1[r].onclick = function() {
                            mit[parseInt(index2)].style.display = "none";
                            mit[parseInt(index2) + 1].style.display = "block";
                            index2 = parseInt(index2) + 1;
                        }
                    }
                }
            }
            for (var i = 0; i < listm1.length; i++) {
                listm1[i].setAttribute("index", i);
                listm1[i].onclick = function() {

                    var index1 = this.getAttribute("index");
                    for (var m = 0; m < mit.length; m++) {
                        mit[m].style.display = "none";
                    }
                    mit[index1].style.display = "block";
                    for (var c = 0; c < close1.length; c++) {
                        close1[c].onclick = function() {
                            mit[index1].style.display = "none";

                        }
                    }
                    left1[0].style.display = "none";
                    right1[7].style.display = "none";

                    for (var l = 0; l < left1.length; l++) {
                        left1[l].onclick = function() {
                            mit[index1].style.display = "none";
                            mit[index1 - 1].style.display = "block";
                            index1 = parseInt(index1) - 1;
                        }
                    }
                    for (var r = 0; r < right1.length; r++) {
                        right1[r].onclick = function() {
                            mit[parseInt(index1)].style.display = "none";
                            mit[parseInt(index1) + 1].style.display = "block";
                            index1 = parseInt(index1) + 1;
                        }
                    }
                }
            }
        </script>
        <!-- [E : 20191120] culture : pixlee 추가 -->
</main>
<!-- main 템플릿 삽입 소스 E -->
</div>
<script src="/resource/js/iScript.js"></script>
<script src="/resource/js/slick.min.js"></script>
<!-- <script src="/resource/js/slick.min.js"></script> -->
<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"> -->
</script>
<!--  [S : 20191120] pixlee 수정 및 추가 작업 -->
<script type="text/javascript">
    // pixlee
    window.PixleeAsyncInit = function() {
        Pixlee.init({
            apiKey: 'oUmM0uIiFOyAAtg6JKYd'
        });

        Pixlee.addSimpleWidget({
            widgetId: 1428838,
            //widgetId:1962941, // 테스트 경로
            containerId: "pixlee_mainUgc"
        });

        Pixlee.addSimpleWidget({
            widgetId: 1849016,
            containerId: "pixlee_mainCulture"
        });
    };
</script>
<!-- <script src="//assets.pixlee.com/assets/pixlee_widget_1_0_0.js"></script> -->
<!--  [E : 20191120] pixlee 수정 및 추가 작업 -->
<script type="text/javascript">
    $(document).ready(function() {

        // KV 캐러셀 초기화
        var $mainKv = $('.main-kv');
        var $kvCtlBtn = $('.main-kv-wrap .btn-control');
        $mainKv.on('init', function(event, slick) {

            var slideNum = slick.$slides.length;
            $kvCtlBtn.addClass('dot' + slideNum);

            // KV 캐러셀 재생정지 버튼
            $kvCtlBtn.on('click', function() {
                var isSts = $(this).hasClass('stop');
                if (isSts) {
                    $mainKv.slick('slickPause');
                    $(this).removeClass('stop').addClass('play').text('재생');
                } else {
                    $mainKv.slick('slickPlay');
                    $(this).removeClass('play').addClass('stop').text('정지');
                }
            });

            var $vdoSld = $('.slick-current.video-item');
            if ($vdoSld.length > 0) {
                var $vdoPc = $vdoSld.find('.vdo-pc');
                var $vdoMo = $vdoSld.find('.vdo-mo');

                $vdoPc.one('ended', function() {
                    if ($vdoPc.css('display') != 'none') {
                        $mainKv.slick('slickNext');
                        $mainKv.slick('slickPlay');
                        $kvCtlBtn.removeClass('play').addClass('stop').text('정지');
                        setTimeout(function() {
                            $vdoPc.get(0).currentTime = 0;
                            $vdoMo.get(0).currentTime = 0;
                        }, 500);
                    }
                });
                $vdoMo.one('ended', function() {
                    if ($vdoMo.css('display') != 'none') {
                        $mainKv.slick('slickNext');
                        $mainKv.slick('slickPlay');
                        $kvCtlBtn.removeClass('play').addClass('stop').text('정지');
                        setTimeout(function() {
                            $vdoPc.get(0).currentTime = 0;
                            $vdoMo.get(0).currentTime = 0;
                        }, 500);
                    }
                });

                setTimeout(function() {
                    $mainKv.slick('slickPause');
                    $kvCtlBtn.removeClass('stop').addClass('play').text('재생');
                }, 500);
            }
        });
        $mainKv.slick({
            autoplay: true,
            autoplaySpeed: 5000,
            dots: true,
            infinite: true,
            speed: 800,
            fade: true
        }).on('beforeChange', function(event, slick, currentSlide, nextSlide) {
            $mainKv.find('.slick-slide').find('.kv-veil').css({
                'width': '0',
                'opacity': '0'
            });
            $mainKv.find('.slick-slide').find('.txt-cont').css({
                'opacity': '0'
            });
            $mainKv.find('.slick-slide').eq(nextSlide).find('.kv-veil').stop().delay(600).animate({
                'width': '50%',
                'opacity': '1'
            }, 1200, 'easeOutCirc');
            $mainKv.find('.slick-slide').eq(nextSlide).find('.txt-cont').stop().delay(900).animate({
                'opacity': '1'
            }, 1000);

            var $vdoItem = $('.video-item');
            $vdoItem.each(function() {
                $(this).find('.vdo-pc').get(0).pause();
                $(this).find('.vdo-mo').get(0).pause();
                $(this).find('.vdo-pc').get(0).currentTime = 0;
                $(this).find('.vdo-mo').get(0).currentTime = 0;
            });

            var $nexSld = slick.$slides.eq(nextSlide);
            if ($nexSld.hasClass('video-item')) {
                var $vdoPc = $nexSld.find('.vdo-pc');
                var $vdoMo = $nexSld.find('.vdo-mo');

                $vdoPc.get(0).play();
                $vdoMo.get(0).play();

                $vdoPc.on('ended', function() {
                    if ($vdoPc.css('display') != 'none') {
                        $mainKv.slick('slickNext');
                        $mainKv.slick('slickPlay');
                        $kvCtlBtn.removeClass('play').addClass('stop').text('정지');

                        setTimeout(function() {
                            $vdoPc.get(0).currentTime = 0;
                            $vdoMo.get(0).currentTime = 0;
                        }, 500);
                    }
                });
                $vdoMo.on('ended', function() {
                    if ($vdoMo.css('display') != 'none') {
                        $mainKv.slick('slickNext');
                        $mainKv.slick('slickPlay');
                        $kvCtlBtn.removeClass('play').addClass('stop').text('정지');

                        setTimeout(function() {
                            $vdoPc.get(0).currentTime = 0;
                            $vdoMo.get(0).currentTime = 0;
                        }, 500);
                    }
                });

                setTimeout(function() {
                    $mainKv.slick('slickPause');
                    $kvCtlBtn.removeClass('stop').addClass('play').text('재생');
                }, 100);
            }
        });


        // 선물추천 캐러셀
        var $prdRecomm = $('.prd-recomm-carousel');
        $prdRecomm.on('init', function(event, slick) {
            var slideData = slick.$slides.map(function() {
                return $(this).data('recom-slide');
            });
            var slideDataArr = $.makeArray(slideData);
            var $recomDot = slick.$dots;
            var $recomDotsLi = $recomDot.find('li');

            $.each(slideData, function(key, value) {
                $recomDotsLi.eq(key).addClass(value);
            });
            $recomDot.addClass(slick.$slides.eq(0).data('recom-slide'));

            var tabIdx01 = slideDataArr.indexOf('trending');
            var tabIdx02 = slideDataArr.indexOf('best');
            var tabIdx03 = slideDataArr.indexOf('new');
            var $recomTabs = $('.recomm-tab-list .btn-tab');
            $recomTabs.on('click', function(e) {
                e.preventDefault();

                var curTabId = $(this).data('recom-tab');

                $($recomTabs).removeClass('current');
                $(this).addClass('current');

                if (curTabId === 'trending') {
                    $prdRecomm.slick('slickGoTo', tabIdx01, true);
                } else if (curTabId === 'best') {
                    $prdRecomm.slick('slickGoTo', tabIdx02, true);
                } else if (curTabId === 'new') {
                    $prdRecomm.slick('slickGoTo', tabIdx03, true);
                }
            });
        });
        $prdRecomm.slick({
            dots: true
        }).on('beforeChange', function(event, slick, currentSlide, nextSlide) {
            var curId = $(slick.$slides[currentSlide]).data('recom-slide');
            var nexId = $(slick.$slides[nextSlide]).data('recom-slide');
            var $curTab = $('.recomm-tab-list .btn-tab[data-recom-tab="' + curId + '"]');
            var $nexTab = $('.recomm-tab-list .btn-tab[data-recom-tab="' + nexId + '"]');

            if (nexId !== curId) {
                $curTab.removeClass('current');
                $nexTab.addClass('current');
                slick.$dots.removeClass(curId);
                slick.$dots.addClass(nexId);
            }
        });

        // 설화수 플래그십 스토어 캐러셀 초기화
        $('.flagship-carousel').slick({
            autoplay: true,
            autoplaySpeed: 3000,
            dots: true,
            infinite: true,
            speed: 800,
            fade: true
        });

        // 설화수 플래그십 스토어 캐러셀 버튼
        $('.flagship-carousel-wrap .btn-control').on('click', function() {
            var isSts = $(this).hasClass('stop');
            if (isSts) {
                $('.flagship-carousel').slick('slickPause');
                $(this).removeClass('stop').addClass('play').text('재생');
            } else {
                $('.flagship-carousel').slick('slickPlay');
                $(this).removeClass('play').addClass('stop').text('정지');
            }
        });

        function slickWithOption($el) {
            var opt = {
                dots: true,
                infinite: true,
                speed: 800,
                fade: true,
            }
            if ($el.find(".lounge-cont").length <= 1) {
                opt = $.extend({}, opt, {
                    dots: false
                });
            }
            $el.slick(opt);
        }

        // 설화수 리뷰 캐러셀 초기화
        slickWithOption($('.main-review-slide'));
        // 설화수 명작컬렉션 캐러셀 초기화
        slickWithOption($('.main-collection-slide'));
        // 설화수 매거진 캐러셀 초기화
        slickWithOption($('.main-magazine-slide'));
    });
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/sha512.js"></script> -->
<script>
    var toggleflag = function() {
        var s = true;
        return function() {
            s = s == true ? false : true;
            return s;
        }
    }();

    $(document).ready(function() {
        var dpimeta = $('#dpimeta');
        if (dpimeta != null && dpimeta.length > 0) {
            $('#dpimetatoggle').click(function() {
                if (toggleflag()) dpimeta.show();
                else dpimeta.hide();
            });S
        }
    });

    function trackClicksEx() {
        return false;
    }
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "설화수 (Sulwhasoo)",
        "url": "https://www.sulwhasoo.com/kr/ko/index.html",
        "logo": "https://www.sulwhasoo.com/kr/ko/resource/img/a/logo_sulwhasoo.png",
        "contactPoint": [{
            "@type": "ContactPoint",
            "telephone": "+82-80-023-5454",
            "contactType": "customer service"
        }],
        "sameAs": [
            "https://www.facebook.com/sulwhasoo.official",
            "https://instagram.com/sulwhasoo.official",
            "https://www.youtube.com/user/sulwhasookorea"
        ]
    }
</script>
<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "WebSite",
        "url": "https://www.sulwhasoo.com/kr/ko/",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "https://www.sulwhasoo.com/kr/ko/misc/search/search.html?q={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
</script>
<!-- <script src="/cn/zh/resource/js/main.min.0.js"></script> main.min.0.js -->
<style>
    .mo-ver{display:none;}
    .pc-ver {display:block;}
    .footer-content {width:100%;}
    .footer-content .footer-links {position:relative;}
    .footer-content .footer-links .footer-item {position:relative;}
    .footer-content .footer-links .footer-item:after {content:'';position:absolute;top:0;bottom:0;right:-0.7em;width:1px;height:12px;margin:auto;background:#e5e5e5;}
    .footer-content .footer-links .footer-item:last-child:after {display:none;}
    .footer-content .footer-links .ico-link-list {position:absolute;top:6px;right:0;}
    .footer-content .footer-links .ico-link-list:after {display:block;content:"";clear:both;}
    .footer-content .footer-links .ico-link-list li {float:left;margin-right:15px;width:30px;}
    .footer-content .footer-links .ico-link-list .popup-btn-qr {padding:0 0;width:100%;}
    /* .footer-content .footer-links .ico-link-list .link-red {padding-top:7px;width:45px;} */
    .footer-content .footer-links .ico-link-list li img {vertical-align:middle;}
    .footer-content .footer-links .footer-qrcode {position:absolute;left:-40%;top:-165px;width:126px;}
    .footer-content .addr-item {margin-right:10px;}
    .footer-qrcode {display:none;}
    .footer-qrcode.active {display:block !important;}

        @media only all and (max-width: 1023px){
            .mo-ver {display:block;}
            .pc-ver {display:none;}
            .l-wrap {display:block;}
            .footer {display:block;}
            .is-open-sidenav .l-wrap {display:none;}
            .is-open-sidenav .footer {display:none;}
            .footer {border-top:0;}
            .footer .l-footer {border-top:1px solid #eee;}
            .footer .footer-mobile {position:relative;padding:15px 0;margin:0 -30px;border-bottom:1px solid #eee;}
            .footer .footer-content {display:block;text-align:left;}
            .sidenav .nav-misc {position:relative;padding:50px 15px 55px;text-align:center;}
            .sidenav .nav-misc .ico-link-list.mo-ver {display:inline-block;}
            .sidenav .nav-misc .ico-link-list:after {display:block;content:"";clear:both;}
            .sidenav .nav-misc .ico-link-list li {float:left;margin-right:20px;width:30px;text-align:center;}
            .sidenav .nav-misc .ico-link-list li.link-red {padding-top:5px;margin-right:0;width:72px;}
            .sidenav .nav-misc .ico-link-list .popup-btn-qr {padding:0 0;}
            .sidenav .nav-misc .footer-qrcode {position:absolute;left:10px;bottom:-45%;width:33.3%;}
        }
    
        @media only all and (max-width: 767px){
.l-wrap.footer-top-info {padding:0 15px;box-sizing:border-box;}
            .footer .footer-mobile {margin:0 auto;box-sizing:border-box;}
            .footer .footer-content {width:100%;min-width:auto;}
            .footer .footer-content .copyright {display:block;}
            .footer .footer-content .footer-links {padding:15px 15px;}
            .footer-content .addr-item {display:block;margin-right:0px;}
            .footer .footer-info {padding:0 15px;margin-top:20px;}
            .footer .footer-cert {padding:15px 15px 0;}
            .footer .footer-cert .footer-item {padding:3px 0;margin-left:0;}
            .footer .footer-cert .footer-item:after {display:none;}
        }    

        @media only all and (max-width: 599px){
            .footer .footer-mobile .bar {top:35%;height:30%;margin-top:0;margin-left:0;}
        }
</style>
<script>
    $(document).ready(function() {
        $("#qr-popup").on("click", function(){
            if($("#wechat-qrcode").css("display") == "none"){
                $("#wechat-qrcode").css({"display":"block"});
            }else{
                $("#wechat-qrcode").css({"display":"none"}); 
            }
        });  

        $("#qr-popup-mo").on("click", function(){
            if($("#wechat-qrcode-mo").css("display") == "none"){
                $("#wechat-qrcode-mo").css({"display":"block"});
            }else{
                $("#wechat-qrcode-mo").css({"display":"none"}); 
            }
        });  
    });  
</script>
<div class="l-wrap footer-top-info" style="width:100%;margin:60px auto 20px;font-size:12px;word-break:keep-all;">
    国家药监局提示您：<br>
    <p>
        ① 宣称用于祛斑美白、防晒、染发、<br class="mo-ver">
        烫发等的化妆品为特殊用途化妆品，<br class="mo-ver">
        产品标签上应标注“国妆特字”或者“国妆特进字”的批准文号；<br>
    </p>
    <p>
        ② 请正确认识化妆品功效，<br class="mo-ver">
        化妆品不能替代药品， 不能治疗皮肤病等疾病。
    </p>
</div>
<footer id="footer" class="footer" style="margin-top:0;" ap-type="footer">
    <div class="l-footer">
        <div class="go-top-container is-active">
            <a href="#main" id="go-top" class="go-top" title="返回" ap-click-area="footer" ap-click-name="Click - footer" ap-click-data="top"><img src="/resource/image/top.png" alt="top"></a>
        </div>
        <div class="footer-mobile">
            <a href="/misc/store/index.html" class="link-loc" ap-click-area="footer" ap-click-name="Click - footer" ap-click-data="专柜导航">专柜导航<i class="icon-location2"></i></a>
            <i class="bar"></i>
            <a href="#sulwhasoo-languages" id="toggle-languages" class="link-lang">中文 <i class="icon-arr-down"></i><i class="icon-arr-up"></i></a>
        </div>
        <div class="footer-content">
            <div class="footer-links">
                <a href="/misc/terms-agreement/index.html" class="footer-item" ap-click-area="footer" ap-click-name="Click - footer" ap-click-data="使用条款">使用条款</a><!-- 서비스이용약관 -->
                <a href="/misc/privacy/index.html" class="footer-item footer-privacy" ap-click-area="footer" ap-click-name="Click - footer" ap-click-data="隐私政策">隐私政策</a><!-- 개인정보취급방침 -->
                <a href="/misc/sitemap/index.html" class="footer-item" ap-click-area="footer" ap-click-name="Click - footer" ap-click-data="网站地图">网站地图</a>

                <ul class="ico-link-list pc-ver">
                    <li class="wechat">
                        <div class="footer-qrcode" id="wechat-qrcode">
                            <img src="/resource/image/img_2020810_icon_qrcode.png" alt="手机版">
                        </div>
                        <button type="button" class="popup-btn-qr" id="qr-popup" ap-click-area="footer" ap-click-name="Click SN" ap-click-data="Wechat">
                            <img src="/resource/image/img_20200812_footer_wechat_icon.png">
                        </button>
                    </li>
                    <li class="link-weibo">
                        <a href="https://weibo.com/sulwhasoochina" class="link-btn" target="_blank" ap-click-area="footer" ap-click-name="Click SN" ap-click-data="Weibo">
                            <img src="/resource/image/img_20200812_footer_weibo_icon.png">
                        </a>
                    </li>
                    <li class="link-red">
                        <a href="https://www.xiaohongshu.com/user/profile/5af54264e8ac2b4c9f8832c7?xhsshare=CopyLink&appuid=55a1cc28c2bdeb2fb46c2a88&apptime=1595831181" class="link-btn" target="_blank" ap-click-area="footer" ap-click-name="Click SN" ap-click-data="Xiaohongshu">
                            <img src="/resource/image/img_20200812_footer_xiaohongshu_icon.png">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-cert">
                <span class="copyright"><i class="copy">©</i> 2015 AMOREPACIFIC. All Rights Reserved.</span>
                <a href="https://fw.scjgj.sh.gov.cn/lz/licenseLink.do?method=licenceView&entyId=20130412120351307" target="_blank" class="footer-item footer-sgs" ap-click-area="footer" ap-click-name="Click - footer" ap-click-data="上海工商"><img src="/resource/image/sgs_logo.jpg" alt="上海工商"></a><!-- 20170124 수정 -->
                <!-- 20190715 수정 -->
                <a href="http://beian.miit.gov.cn/" target="_blank" class="footer-item footer-sgs" ap-click-area="footer" ap-click-name="Click - footer" ap-click-data="icp">沪ICP备11011083号-36</a>
                <!-- //20190715 수정 -->
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602003797" target="_blank" class="footer-item footer-sgs" ap-click-area="footer" ap-click-name="Click - footer" ap-click-data="沪公网安备"><img src="/resource/image/beian_logo.png" alt="沪公网安备"><span>沪公网安备 31010602003797号</span></a>
            </div>
            <!-- 20170307 add -->
            <div class="footer-info">
                <span class="addr-item">爱茉莉太平洋贸易有限公司</span>
                <span class="addr-item">地址：上海市石门一路288号兴业太古汇香港兴业中心一座7楼 电话：021-23290666</span>
            </div>
            <div class="footer-info">    
                <span class="addr-item">联系我们 400-920-1207</span>
                <span class="addr-item">sulwhasoo@sulwhasoo.com.cn</span>
                <!-- 20170412 modify -->
            </div>
            <!--// 20170307 add -->
        </div>
    </div>
    <section id="sulwhasoo-languages" class="languages">
        <h2>选择语言</h2>
        <button type="button" class="close-layer"><i class="icon-close"></i><span class="blind">Close</span></button>
    </section>
</footer>
</div><!-- // #wrap -->
<nav id="sidenav" role="navigation" class="nav-drawer sidenav">
    <section class="nd-box sidenav-box">
        <h1 class="sidenav-h"><img src="/resource/image/logo_sulwhasoo_m.png" alt="" class="sidenav-h-img"><span class="blind">Sulwhasoo Site Navigation</span></h1>
        <div id="global-nav" class="nav-list">
        </div>
        <section class="nav-misc-section">
            <h2 class="blind">Miscellaneous Links</h2>
            <div class="nav-misc">
                <ul class="ico-link-list mo-ver">
                    <li class="wechat">
                        <div class="footer-qrcode" id="wechat-qrcode-mo">
                            <img src="/resource/image/img_2020810_icon_qrcode.png" alt="手机版">
                        </div>
                        <button type="button" class="popup-btn-qr" id="qr-popup-mo">
                            <img src="/resource/image/a/img_20200727_footer_icon_wechat_w.png">
                        </button>
                    </li>
                    <li class="link-weibo">
                        <a href="https://weibo.com/sulwhasoochina" class="link-btn" target="_blank">
                            <img src="/resource/image/a/img_20200727_footer_icon_weibo_w.png">
                        </a>
                    </li>
                    <li class="link-red">
                        <a href="https://www.xiaohongshu.com/user/profile/5af54264e8ac2b4c9f8832c7?xhsshare=CopyLink&appuid=55a1cc28c2bdeb2fb46c2a88&apptime=1595831181" class="link-btn" target="_blank">
                            <img src="/resource/image/a/img_20200727_footer_icon_xiaohongshu_w.png">
                        </a>
                    </li>
                </ul>
            </div>
        </section>
    </section>
</nav><!-- // #sidenav -->
</body>

</html>