PageSourceSearch

https://www.idlookmall.com/cart

html idlookmall.com collected 2026-10-06 12:23:55 UTC 108,423 bytes, 2,146 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ko">
3    <head>
4        <meta charset="utf-8" />
5<meta name="format-detection" content="telephone=no" />
6<meta name="viewport" content="width=device-width,initial-scale=1"/>
7<meta name="robots" content="index">
8
9<meta name="naver-site-verification" content="8330cb55adedebab305c2c7685790828a9988e39" />
10<meta name="facebook-domain-verification" content="az6p9bn7w0eqid31bscco6pnynjxbq" />
11
12    
13    <title>쇼핑백 - 아이디룩몰</title>
14    <meta name="url" />
15    
16    <meta name="title"       content="쇼핑백 - 아이디룩몰"/>
17    <meta name="description" content="A.P.C., 키이스, 기비, 쉐르 등 아이디룩의 프리미엄 패션 브랜드를 한곳에서. 믿을 수 있는 공식몰의 정품 보장과 시즌 컬렉션을 경험해 보세요."/>
18    
19    
20    <meta name="keywords" />
21    <meta property="image"       content="https://www.idlookmall.com/image/idlook/idlookLogo.jpg"/>
22    
23    <!--<meta name="image"       th:if="${metaImg == ''}" content="" />
24    <meta name="image"       th:unless="${metaImg == ''}" th:content="${metaImg}" />-->
25
26    <meta property="og:type"        content="website" />
27    
28    <meta property="og:title"       content="쇼핑백 - 아이디룩몰" id="metaOgTit" />
29    <meta property="og:url"         content="http://www.idlookmall.com/cart" id="metaOgUrl" />
30    
31    <meta property="og:description" content="A.P.C., 키이스, 기비, 쉐르 등 아이디룩의 프리미엄 패션 브랜드를 한곳에서. 믿을 수 있는 공식몰의 정품 보장과 시즌 컬렉션을 경험해 보세요." id="metaOgDesc" />
32    
33    <meta property="og:image"       content="https://www.idlookmall.com/image/idlook/idlookLogo.jpg" id="metaOgImg" />
34    
35    <meta property="fb:app_id" />
36
37
38<link rel="shortcut icon" href="https://cdn.idlookmall.com/cdn/favicon/idlook/32x32.ico">
39
40<link rel="apple-touch-icon" sizes="57x57" href="https://cdn.idlookmall.com/cdn/favicon/idlook/57x57.ico">
41<link rel="apple-touch-icon" sizes="60x60" href="https://cdn.idlookmall.com/cdn/favicon/idlook/60x60.ico">
42<link rel="apple-touch-icon" sizes="72x72" href="https://cdn.idlookmall.com/cdn/favicon/idlook/72x72.ico">
43<link rel="apple-touch-icon" sizes="76x76" href="https://cdn.idlookmall.com/cdn/favicon/idlook/76x76.ico">
44<link rel="apple-touch-icon" sizes="114x114" href="https://cdn.idlookmall.com/cdn/favicon/idlook/114x114.ico">
45<link rel="apple-touch-icon" sizes="120x120" href="https://cdn.idlookmall.com/cdn/favicon/idlook/120x120.ico">
46<link rel="apple-touch-icon" sizes="144x144" href="https://cdn.idlookmall.com/cdn/favicon/idlook/144x144.ico">
47<link rel="apple-touch-icon" sizes="152x152" href="https://cdn.idlookmall.com/cdn/favicon/idlook/152x152.ico">
48<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.idlookmall.com/cdn/favicon/idlook/180x180.ico">
49<link rel="icon" type="image/png" sizes="192x192"  href="https://cdn.idlookmall.com/cdn/favicon/idlook/192x192.ico">
50<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.idlookmall.com/cdn/favicon/idlook/32x32.ico">
51<link rel="icon" type="image/png" sizes="96x96" href="https://cdn.idlookmall.com/cdn/favicon/idlook/96x96.ico">
52<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.idlookmall.com/cdn/favicon/idlook/16x16.ico">
53
54
55<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Noto+Sans+KR|Montserrat:400,500,600,700&display=swap"/>
56<link rel="stylesheet" type="text/css" href="/css/idlook/style-455734797dad25d213fe20308f74f6f3.css" />
57<link rel="stylesheet" type="text/css" href="https://cdn.idlookmall.com/cdn/css/plugins/swiper-bundle.min.css">
58
59<style>
60    [v-cloak] {
61        display: none !important;
62    }
63    /*  TODO https://qc.boneis.com/issues/91036 이슈 대응용. 토스에서 패치되면 삭제해야함.  */
64    div#___tosspayments_dimmer___ {
65        background-color: rgba(0, 0, 0, 0.6) !important;
66    }
67</style>
68        <!--
68<script src="//cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
68-->
69<script src="//cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.js"></script>
vendor: 1 bytes, line 69
69
70<script src="//cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.12.1/polyfill.js"></script>
70
71
72<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/swiper.min.js"></script>
vendor: 1 bytes, line 72
72
73<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/jquery-3.3.1.min.js"></script>
vendor: 1 bytes, line 73
73
74<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/axios.min.js"></script>
vendor: 1 bytes, line 74
74
75<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/jquery-ui.min.js"></script>
vendor: 1 bytes, line 75
75
76<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/bootstrap4.min.js"></script>
vendor: 1 bytes, line 76
76
77<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/rsa/jsbn.js"></script>
vendor: 1 bytes, line 77
77
78<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/rsa/prng4.js"></script>
vendor: 1 bytes, line 78
78
79<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/rsa/rng.js"></script>
vendor: 1 bytes, line 79
79
80<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/rsa/rsa.js"></script>
vendor: 1 bytes, line 80
80
81<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/lodash.min.js"></script>
vendor: 1 bytes, line 81
81
82<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/vue.min.js"></script>
82
83<!-- script type="text/javascript" th:src="@{/js/vue.js}"></script -->
84
85<!-- 유틸 -->
86<script type="text/javascript" src="/js/common/web.util-04e335a82ec0a0a994a1fff9a4f4e2f3.js"></script>
vendor: 1 bytes, line 86
86
87<script type="text/javascript" src="/js/common/doc.util-d96feed745f65c1467033613d798e685.js"></script>
vendor: 1 bytes, line 87
87
88<script type="text/javascript" src="/js/common/layer.util-34faed4a0dabe62decc2c54870dfe844.js"></script>
vendor: 1 bytes, line 88
88
89<script type="text/javascript" src="/js/common/axios.util-0a9b9454a103bf554dc81fcdd1472d43.js"></script>
vendor: 1 bytes, line 89
89
90<script type="text/javascript" src="/js/common/code.util-2b93ca5ed7e6d5355955ca175f4f1c55.js"></script>
vendor: 1 bytes, line 90
90
91<script type="text/javascript" src="/js/common/user.util-6c838bdb5be5c5258e2bdf72e297a438.js"></script>
vendor: 1 bytes, line 91
91
92<script type="text/javascript" src="/js/common/commonUtil-c3b7dabdc7d6559de9f6916b9ec2755a.js"></script>
vendor: 1 bytes, line 92
92
93<script type="text/javascript" src="/js/common/commonShare-f10f38b17f31adcc7add9146196db43c.js"></script>
93
94
95<script type="text/javascript" src="/js/search/searchCommon-f79974aa3eca697ac6a016228147f1d4.js"></script>
vendor: 1 bytes, line 95
95
96<script type="text/javascript" src="/js/common/modal-1f8e2ae2fbd2540b55b61dd4e50d7846.js"></script>
vendor: 1 bytes, line 96
96
97<script type="text/javascript" src="/js/common/bSelect-e4368f7a8e9fe124e3db5c75f849c57d.js"></script>
97
98
99<script type="text/javascript">
100    //checkApp();
101
102    const Env = {
103        development: false,
104        production: true
105    };
106
107    const GblVar = Object.freeze({
108        siteCd: "idlook",
109        dvcCd: "02",
110        uploadUrl: "https:\/\/kr.object.ncloudstorage.com",
111        cdnUrl: "https:\/\/cdn.idlookmall.com\/cdn\/",
112        svrEnvCd: "prd",
113        naverAppId: "DZ724qNQ4ceqJfMyrKiS",
114        kakaoAppId: "9990b5b1c3f97ac6edffe20ba01d9668",
115        downloadUrl: "https:\/\/kr.object.ncloudstorage.com",
116        mobileUrl: "https:\/\/m.idlookmall.com",
117        frontUrl: "https:\/\/www.idlookmall.com",
118        orderApiUrl: "http:\/\/api-order-active:8600",
119        noImgUrl: "https:\/\/www.idlookmall.com\/image\/idlook\/idlookLogo.jpg",
120        kakaoPixelTrackId: "7834251301964041820",
121        adnUi : "103901",
122        naverClientId: "Ojt5s7_55Lav1p6U2bx6",
123        tossClientKey: "live_gck_6BYq7GWPVvnD7jqdplwGVNE5vbo1",
124        tossBrandClientKey: "live_ck_XZYkKL4Mrj1PLYYGJldEV0zJwlEW",
125        vodUrl : "https:\/\/vod.idlookmall.com\/cdn\/",
126        vodSuffixSD : "_AVC_SD_1Pass_30fps.mp4",
127        vodSuffixHD : "_AVC_HD_1Pass_30fps.mp4",
128        vodSuffixFHD : "_AVC_FHD_1Pass_30fps.mp4",
129        thumSmlSize: "200_",
130        recoPickUid:'',
131        recoPickServiceId: "3575",
132        legacyUrl: "https:\/\/prod-www.idlookmall.com",
133        naverAdKey: 's_1421761686ac',
134        naverAdDomain: 'idlookmall.com',
135        dfineryServiceKey: "8qx202",
136        empTaxExemStdPrc : "2400000",
137        taxExemStdPrc : "2400000"
138    });
139
140    if (GblVar.svrEnvCd === "prd") {
141        <!-- Google Tag Manager For IDLOOK -->
vendor: 368 bytes, lines 141-146
141
142        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
143        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
144        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
145        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
146        })(window,document,'script','dataLayer','
146GTM-55NKK9C
vendor: 8 bytes, lines 146-147
146');
147    
147}
148
149    var isSafariReload = true;
150
151    // 모바일 접속시 모바일 주소로 자동 리다이렉트
152    if(isMobile()) {
153       location.href = GblVar.mobileUrl + location.pathname + location.search;
154    }
155
156    // 사파리 뒤로가기 시 화면갱신 이슈
157    $(window).bind("pageshow", function (event) {
158        if (isSafariReload) {
159            if (event.originalEvent && event.originalEvent.persisted) {
160                document.body.style.display = "none";
161                location.reload();
162            }
163        } else {
164            // WebUtil.initSession();
165
166            // iOS 뒤로가기
167            if (isApp() && isIosApp() && event.originalEvent.persisted) {
168            }
169        }
170    });
171    const dateFormatPattern = "yyyy.mm.dd";
172</script>
172
173
174<script type="text/javascript" src="/js/common/ga4.util-fe1fffcaecb4a5d0f1d9e5b610be41c9.js"></script>
vendor: 1 bytes, line 174
174
175<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/common/af.util.js"></script>
vendor: 1 bytes, line 175
175
176<script type="text/javascript" defer="" src="//fin.rainbownine.net/js/adn_tags_2.1.3.js"></script>
vendor: 1 bytes, line 176
176
177<script type="text/javascript">
178    if (GblVar.svrEnvCd === "prd" || GblVar.svrEnvCd === "dev") {
179        let serviceDomain = (GblVar.svrEnvCd === "prd")? 'prod.idlookmall.com':'www-dev.idlookmall.com';
180        (function(w, d, n, s, e, o) {w[n] = w[n] || function() {(w[n].q = w[n].q || []).push(arguments)};e = d.createElement(s);e.async = 1;e.charset = 'utf-8';e.src = '//static.recopick.com/dist/production.min.js';o = d.getElementsByTagName(s)[0];o.parentNode.insertBefore(e, o);})(window, document, 'recoPick', 'script');
181        recoPick('service', serviceDomain);
182
183        var pathname = window.location.pathname;
184        if (!(pathname.indexOf('/product/productDetail') > -1 // 상품상세(view)
185            || pathname.indexOf('/payment/complete') > -1 // 구매완료(order)
186            || pathname.indexOf('/cart') > -1 // 쇼핑백(basket)
187            || pathname.indexOf('/search/totalResult') > -1 // 검색(search)
188            || pathname.indexOf('/account/memberRegFinish') > -1  // 20200220@SOJSJ 회원가입완료
189        )) {
190            recoPick('sendLog', 'visit');  // 기타 로그
191        }
192    }
193</script>
vendor: 1 bytes, line 193
193
194<script type="text/javascript">
195
196    if (GblVar.svrEnvCd === "prd") {
197        var adn_param = adn_param || [];
198
199        adn_param.push([{
200            ui:GblVar.adnUi,
201            ut:'Home'
202        }]);
203
204        // console.log("adn_param check : " , adn_param);
205    }
206
207    var urlParams = WebUtil.getUrlParams();
208
209    if(window.sessionStorage.getItem('utmInfo') == null && urlParams.utm_campaign !== undefined) {
210        var utmInfo = {
211            utm_source: urlParams.utm_source,
212            utm_medium: urlParams.utm_medium,
213            utm_campaign: urlParams.utm_campaign
214        };
215
216        window.sessionStorage.setItem('utmInfo', JSON.stringify(utmInfo));
217    }
218</script>
218
219
220
221
222<!-- 제휴사 EP 정보 cookie 설정 -->
223<script type="text/javascript">
224    $(document).ready(function () {
225        const urlParams = new URL(location.href).searchParams;
226        const ptnrCd = urlParams.get('ptnrCd');
227        const ckPtnrCd = WebUtil.getCookie('ptnrCd');
228
229        if(WebUtil.isNotNull(ptnrCd)) {
230            if(WebUtil.isNotNull(ckPtnrCd)) {
231                if(ptnrCd != ckPtnrCd) {
232                    WebUtil.setCookie('ptnrCd', ptnrCd);
233                }
234            } else {
235                WebUtil.setCookie('ptnrCd', ptnrCd);
236            }
237        } else {
238            if(WebUtil.isNull(ckPtnrCd)) {
239                if(WebUtil.isNotNull(WebUtil.getCookie('LPINFO'))) {
240                    WebUtil.setCookie('ptnrCd', "4001");
241                }
242            }
243        }
244    });
245</script>
vendor: 1 bytes, line 245
245
246<script type="text/javascript">
247    // DFINERY SDK 최신버젼 설치
248    !function (_, e) {
249        if (void 0 !== _ && !_.Dfinery) {
250            var d = {queue: []}, t = e.createElement("script");
251            t.type = "text/javascript", t.async = !0, t.src = "//static.dfinery.io/web-sdk/latest/dfn-web-sdk.min.js", t.onload = function () {
252                _.Dfinery.runQueuedFunctions && _.Dfinery.runQueuedFunctions()
253            };
254            var n = e.getElementsByTagName("script")[0];
255            n.parentNode.insertBefore(t, n);
256            ["init", "onInitialized", "logEvent", "setUserProfile", "setUserProfiles", "setIdentity", "setIdentities", "resetIdentity"].forEach((function (_) {
257                var e = _.split("."), t = e.pop();
258                e.reduce((function (_, e) {
259                    return _[e] = _[e] || {}
260                }), d)[t] = function () {
261                    d.queue.push([_, arguments])
262                }
263            }));
264            const i = {
265                    LOGIN: "df_login",
266                    LOGOUT: "df_logout",
267                    SIGN_UP: "df_sign_up",
268                    PURCHASE: "df_purchase",
269                    REFUND: "df_refund",
270                    VIEW_HOME: "df_view_home",
271                    VIEW_PRODUCT_DETAILS: "df_view_product_details",
272                    ADD_TO_CART: "df_add_to_cart",
273                    ADD_TO_WISHLIST: "df_add_to_wishlist",
274                    VIEW_SEARCH_RESULT: "df_view_search_result",
275                    SHARE_PRODUCT: "df_share_product",
276                    VIEW_LIST: "df_view_list",
277                    VIEW_CART: "df_view_cart",
278                    REMOVE_CART: "df_remove_cart",
279                    ADD_PAYMENT_INFO: "df_add_payment_info"
280                }, E = {
281                    ITEMS: "df_items",
282                    ITEM_ID: "df_item_id",
283                    ITEM_NAME: "df_item_name",
284                    ITEM_PRICE: "df_price",
285                    ITEM_QUANTITY: "df_quantity",
286                    ITEM_DISCOUNT: "df_discount",
287                    ITEM_CATEGORY1: "df_category1",
288                    ITEM_CATEGORY2: "df_category2",
289                    ITEM_CATEGORY3: "df_category3",
290                    ITEM_CATEGORY4: "df_category4",
291                    ITEM_CATEGORY5: "df_category5",
292                    DISCOUNT: "df_discount",
293                    TOTAL_REFUND_AMOUNT: "df_total_refund_amount",
294                    ORDER_ID: "df_order_id",
295                    DELIVERY_CHARGE: "df_delivery_charge",
296                    PAYMENT_METHOD: "df_payment_method",
297                    TOTAL_PURCHASE_AMOUNT: "df_total_purchase_amount",
298                    SHARING_CHANNEL: "df_sharing_channel",
299                    SIGN_CHANNEL: "df_sign_channel",
300                    KEYWORD: "df_keyword"
301                }, f = {MALE: "Male", FEMALE: "Female", NON_BINARY: "NonBinary", OTHER: "Other"}, r = {
302                    EXTERNAL_ID: "external_id",
303                    EMAIL: "email",
304                    PHONE_NO: "phone_no",
305                    KAKAO_USER_ID: "kakao_user_id",
306                    LINE_USER_ID: "line_user_id",
307                    UNIFIED_ID: "unified_id"
308                }, o = {
309                    BIRTH: "df_birth",
310                    GENDER: "df_gender",
311                    NAME: "df_name",
312                    MEMBERSHIP: "df_membership",
313                    PUSH_OPTIN: "df_push_optin",
314                    PUSH_ADS_OPTIN: "df_push_ads_optin",
315                    PUSH_NIGHT_ADS_OPTIN: "df_push_night_ads_optin",
316                    SMS_ADS_OPTIN: "df_sms_ads_optin",
317                    KAKAO_ADS_OPTIN: "df_kakao_ads_optin"
318                }, a = {LOG_ENABLE: "logEnable", LOG_LEVEL: "logLevel", SHARE_SUBDOMAIN_COOKIE: "shareSubdomainCookie"},
319                I = {DISABLE: 0, ERROR: 1, WARN: 2, INFO: 3};
320            _.DFEvent = i, _.DFEventProperty = E, _.DFGender = f, _.DFIdentity = r, _.DFUserProfile = o, _.DFConfig = a, _.DFLogLevel = I, _.Dfinery = d
321        }
322    }(window, document);
323
324    if (["local", "dev", "prd"].includes(GblVar.svrEnvCd)) {
325        const initOptions = {};
326        initOptions[DFConfig.LOG_LEVEL] = window.DFLogLevel.INFO;
327        Dfinery.init(GblVar.dfineryServiceKey, initOptions);
328    }
329</script>
329
330
331        
331<script type="text/javascript">
332            isSafariReload = false;
333        </script>
333
334
335        <!-- 전시 -->
336        
336<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/display/HttpVueLoader.js"></script>
336
337        
337<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/display/vueLazyLoad.js"></script>
337
338        
338<script type="text/javascript" src="/js/display/displayCommon-c12038e775c89c870a688da27005da02.js"></script>
338
339        
339<script type="text/javascript" src="/js/display/displayCorner-d8b3f915cf99cfff3210e96d32835448.js"></script>
339
340        
340<script type="text/javascript" src="/js/search/searchCommon-f79974aa3eca697ac6a016228147f1d4.js"></script>
340
341        
341<script type="text/javascript" src="/js/listing/swiperComponent-bf32249a7dd1764b56d1cd5826ce400d.js"></script>
341
342        
342<script type="text/javascript" src="/js/listing/listing-05c18d2317f09a0dd6b1d2423bbfd4c3.js"></script>
342
343        
343<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/fullcalendar/moment.min.js"></script>
343
344        
344<script type="text/javascript" src="https://cdn.idlookmall.com/cdn/js/plugins/vue/vue-infinite-loading.js"></script>
344
345        <meta charset="UTF-8">
346        <meta http-equiv="Content-Script-Type" content="text/javascript">
347        <meta http-equiv="Content-Style-Type" content="text/css">
348        <meta http-equiv="X-UA-Compatible" content="IE=edge">
349        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
350        
351        <title>쇼핑백 - 아이디룩몰</title>
352        <link rel="stylesheet" href="/css/idlook/style-455734797dad25d213fe20308f74f6f3.css" />
353        <link rel="stylesheet" href="/css/idlook/member-17c290dd58d1d5bdfc48e6ccc8e097e4.css" />
354        <!-- login popup -->
355        <link rel="stylesheet" href="/css/idlook/order-da19eb32a5eefa7b47a0879c7303a1bf.css" />
356        <!-- only 쇼핑백 주문서 -->
357    </head>
358    <body>
359        <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 359-360
359
360        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
360GTM-55NKK9C
vendor: 91 bytes, lines 360-361
360" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
361        
361<!-- End Google Tag Manager (noscript) -->
362
363        <div class="wrap-body">
364            
365            
366                <header id="header" class="header">
367    <div class="header__inner">
368        <div class="header__hgroup">
369            <h1><a href="/"><span>IDLOOKMALL</span></a></h1>
370            <div class="header__pers">
371                <!-- 검색 -->
372                <fieldset class="header-sch" id="searchLayer">
373                    <legend>검색</legend>
374                    <button type="button" class="header__pers-btn header__pers-btn--sch js-dimdbtn" @click="openLayer"><span>검색</span></button>
375                    <div class="header-sch__dimd js-dimdlayer" ref="searchLayer">
376    <div class="header-sch__inner">
377        <div class="header-sch__cnts">
378            <div class="header-sch__form">
379                <input type="search" placeholder="검색어를 입력해주세요." title="검색어를 입력해주세요."
380                       id="layerSearchKeywordInput"
381                       v-model="searchKeyword"
382                       @focus="showKeyword"
383                       @keyup="searchKeywordInputKeyPress"
384                />
385                <button type="button" class="ibtn-close--xs" @click="deleteInputWeyword"><span>입력 검색어 삭제</span></button>
386                <button type="button" class="header-sch__form-btn" @click="doSearch(searchKeyword, true)"><span></span></button>
387            </div>
388            <div class="header-sch__result" v-if="isPularKeywordShow">
389                <div>
390                    <h2>인기 검색어</h2>
391                    <p>{{ popularKeywordDate }} 기준</p>
392                    <ol>
393                        <li v-for="item in popularKeywordList">
394                            <a href="javascript:void(0);" @click="doSearch(item.query, true);" v-text="item.query"></a>
395                        </li>
396                    </ol>
397                </div>
398                <div>
399                    <h2>최근 검색어</h2>
400                    <ul v-if="latestKwdList.length > 0">
401                        <li v-for="(item, index) in latestKwdList">
402                            <a href="javascript:void(0);" @click="doSearch(item.kwd, true);" v-text="item.kwd"></a><button type="button" class="ibtn-close--xs2" @click="deleteLatestKwd(index)"><span>삭제</span></button>
403                        </li>
404                    </ul>
405                    <p v-else class="no-sch">최근 검색어가 없습니다.</p>
406                    <button type="button" class="lbtn-def2" @click="deleteAllLatestKwd" v-if="latestKwdList.length > 0">전체삭제</button>
407                </div>
408            </div>
409            <div class="header-sch__kwd" v-if="isAutoKeywordShow">
410                <ul>
411                    <li v-for="(item, index) in autoCompleteKeyword">
412                        <a href="javascript:void(0);" v-html="item.highlight" @click="doSearch(item.keyword, true);"></a>
413                    </li>
414                </ul>
415            </div>
416        </div>
417
418        <search-recm-product-list-component :channel="'searchPage'"></search-recm-product-list-component>
419
420        <button type="button" class="ibtn-close--md js-btnclose" @click="closeLayer"><span>검색 창 닫기</span></button>
421    </div>
422</div>
423
424                </fieldset>
425                <!-- 오른쪽 상단 개인화 메뉴 -->
426                <ul>
427                    <li class="header__pers-item"><a href="/mypage" class="header__pers-btn header__pers-btn--myp"><span>마이페이지</span></a>
428                        <div class="header__inlayer">
429                            <strong style="display: none;" id="loginMem"><a href="/mypage" id="loginNm"></a></strong>
430                            <ul style="display: none;" id="loginY">
431                                <!--<li><a href="/mypage">마이페이지 홈</a></li>-->
432                                <li><a href="/mypage/orderList">주문내역조회</a></li>
433                                <li><a href="/mypage/claims">취소/반품/교환</a></li>
434                                <li><a href="/mypage/coupon">쿠폰</a></li>
435                                <li><a href="/mypage/mileage">마일리지</a></li>
436                                <li>
437                                    <a href="/mypage/review">
438                                        리뷰
439                                        <span class="header__new" id="reviewNewIcon" style="display: none">NEW</span>
440                                    </a>
441                                </li>
442                                <li><a href="/mypage/memberMng">회원정보수정</a></li>
443<!--                                <li><a href="javascript:window.sessionStorage.clear();window.location.href='/logout?callbackUrl=' + window.location.href">로그아웃</a></li>-->
444                                <li><a href="javascript:void(0)" onclick="handleLogout()">로그아웃</a></li>
445                            </ul>
446                            <ul style="display: none;" id="loginN">
447                                <li><a href="/account/memberRegIntro">회원가입</a></li>
448                                <li><a href="javascript:window.location.href = '/login?callbackUrl=' + encodeURIComponent(WebUtil.isNotNull(getParameters('callbackUrl')) ? getParameters('callbackUrl') : window.location.href);">로그인</a></li>
449                            </ul>
450                        </div>
451                    </li>
452                    <li class="header__pers-item">
453                        <a href="/mypage/wishList" class="header__pers-btn header__pers-btn--wish"><span>마이찜</span></a>
454                    </li>
455                    <li class="header__pers-item">
456                        <a href="/cart" class="header__pers-btn header__pers-btn--cart">
457                            <span>쇼핑백</span><i class="r-num" style="display: none"><span>담긴 상품</span></i>
458                        </a>
459                    </li>
460                </ul>
461            </div>
462        </div>
463        <nav id="navi">
464            <!-- navi -->
465            <div class="header-nav">
466                <ul class="header-nav__depth1" >
467                    <li class="header-nav__home"><a href="/">홈</a></li>
468                    <li>
469                        <a href="javascript:void(0);" onclick="gnbLink(&quot;&quot;)">
470                            <span>브랜드</span>
471                            
472                        </a>
473                        <div class="header-nav__inw">
474                            <div class="header-nav__inner header-nav__inner--brand">
475                                <ul>
476                                    <!-- 브랜드홈 여부 Y + 브랜드 매핑 시에만 브랜드홈으로, 그 외는 일반 카테고리로 이동 -->
477                                    
478                                    
479                                    
480                                    
481                                    
482                                    
483                                    
484                                    
485                                    
486                                    
487                                    
488                                    
489                                    
490                                    
491                                    
492                                    <li >
493                                        <button type="button" class="like-review__like" name="like_BL003688" onclick="addToDeleteWishBrand(&quot;BL003688&quot;)"><span>찜하기</span></button>
494                                        <a href="/brandHome?bDispCtgrNo=31296">KEITH</a>
495                                    </li>
496                                    <li >
497                                        <button type="button" class="like-review__like" name="like_BL003703" onclick="addToDeleteWishBrand(&quot;BL003703&quot;)"><span>찜하기</span></button>
498                                        <a href="/brandHome?bDispCtgrNo=31294">GIVY</a>
499                                    </li>
500                                    <li >
501                                        <button type="button" class="like-review__like" name="like_BL003659" onclick="addToDeleteWishBrand(&quot;BL003659&quot;)"><span>찜하기</span></button>
502                                        <a href="/brandHome?bDispCtgrNo=31288">BERENICE</a>
503                                    </li>
504                                    <li >
505                                        <button type="button" class="like-review__like" name="like_BL003706" onclick="addToDeleteWishBrand(&quot;BL003706&quot;)"><span>찜하기</span></button>
506                                        <a href="/brandHome?bDispCtgrNo=31287">A.P.C. WOMEN</a>
507                                    </li>
508                                    <li >
509                                        <button type="button" class="like-review__like" name="like_BL003646" onclick="addToDeleteWishBrand(&quot;BL003646&quot;)"><span>찜하기</span></button>
510                                        <a href="/brandHome?bDispCtgrNo=31279">A.P.C. MEN</a>
511                                    </li>
512                                    <li >
513                                        <button type="button" class="like-review__like" name="like_BL003707" onclick="addToDeleteWishBrand(&quot;BL003707&quot;)"><span>찜하기</span></button>
514                                        <a href="/brandHome?bDispCtgrNo=31278">A.P.C. GOLF</a>
515                                    </li>
516                                    <li >
517                                        <button type="button" class="like-review__like" name="like_BL003724" onclick="addToDeleteWishBrand(&quot;BL003724&quot;)"><span>찜하기</span></button>
518                                        <a href="/brandHome?bDispCtgrNo=76777">soeur</a>
519                                    </li>
520                                    <li >
521                                        <button type="button" class="like-review__like" name="like_BL003710" onclick="addToDeleteWishBrand(&quot;BL003710&quot;)"><span>찜하기</span></button>
522                                        <a href="/brandHome?bDispCtgrNo=31291">EDTR</a>
523                                    </li>
524                                    <li >
525                                        <button type="button" class="like-review__like" name="like_BL003673" onclick="addToDeleteWishBrand(&quot;BL003673&quot;)"><span>찜하기</span></button>
526                                        <a href="/brandHome?bDispCtgrNo=31292">ELEVENTY</a>
527                                    </li>
528                                    <li >
529                                        <button type="button" class="like-review__like" name="like_BL003708" onclick="addToDeleteWishBrand(&quot;BL003708&quot;)"><span>찜하기</span></button>
530                                        <a href="/brandHome?bDispCtgrNo=86007">ELEVENTY WOMEN</a>
531                                    </li>
532                                    <li >
533                                        <button type="button" class="like-review__like" name="like_BL003722" onclick="addToDeleteWishBrand(&quot;BL003722&quot;)"><span>찜하기</span></button>
534                                        <a href="/brandHome?bDispCtgrNo=51227">MSGM</a>
535                                    </li>
536                                    <li >
537                                        <button type="button" class="like-review__like" name="like_BL003723" onclick="addToDeleteWishBrand(&quot;BL003723&quot;)"><span>찜하기</span></button>
538                                        <a href="/brandHome?bDispCtgrNo=62787">MIZUIRO IND</a>
539                                    </li>
540                                    <li >
541                                        <button type="button" class="like-review__like" name="like_BL003663" onclick="addToDeleteWishBrand(&quot;BL003663&quot;)"><span>찜하기</span></button>
542                                        <a href="/brandHome?bDispCtgrNo=31298">MARIMEKKO</a>
543                                    </li>
544                                    <li >
545                                        <button type="button" class="like-review__like" name="like_BL003660" onclick="addToDeleteWishBrand(&quot;BL003660&quot;)"><span>찜하기</span></button>
546                                        <a href="/brandHome?bDispCtgrNo=31295">IL BISONTE</a>
547                                    </li>
548                                    <li >
549                                        <button type="button" class="like-review__like" name="like_BL003725" onclick="addToDeleteWishBrand(&quot;BL003725&quot;)"><span>찜하기</span></button>
550                                        <a href="/brandHome?bDispCtgrNo=79567">LCVE</a>
551                                    </li>
552                                </ul>
553                                <div class="header__banner">
554                                    <ul>
555                                        <li class="header__banner-item">
556
557                                            
558
559                                            <a href="javascript:void(0);" onclick="goUrl(&quot;\/exhibitionDetail?dispCtgrNo=87597&quot;, &quot;02&quot;)">
560                                                <span>
561                                                    <img src="https://cdn.idlookmall.com/cdn/contents/disp_corner_conts/103930/600_disp_corner_conts_103930_1790840776290.jpg" loading="lazy">
562                                                </span>
563                                                <p>KEITH Autumn Breeze</p>
564                                            </a>
565
566                                        </li>
567                                        <li class="header__banner-item">
568
569                                            
570
571                                            <a href="javascript:void(0);" onclick="goUrl(&quot;\/exhibitionDetail?dispCtgrNo=87657&quot;, &quot;02&quot;)">
572                                                <span>
573                                                    <img src="https://cdn.idlookmall.com/cdn/contents/disp_corner_conts/103931/600_disp_corner_conts_103931_1790840823031.jpg" loading="lazy">
574                                                </span>
575                                                <p>GIVY NEW SEASON CODINATION</p>
576                                            </a>
577
578                                        </li>
579                                    </ul>
580                                </div>
581                            </div>
582                            
583                        </div>
584                    </li>
585                    <li>
586                        <a href="javascript:void(0);" onclick="gnbLink(&quot;\/category?dispCtgrNo=31118&quot;)">
587                            <span>여성</span>
588                            
589                        </a>
590                        <div class="header-nav__inw">
591                            
592                            <div class="header-nav__inner">
593                                <div class="header-nav__cate">
594                                    <h2>Category</h2>
595                                    <ul>
596                                        <li><a href="/category?dispCtgrNo=31118">전체상품</a></li>
597                                        <li>
598                                            <a href="/category?dispCtgrNo=41050">티셔츠</a>
599                                        </li>
600                                        <li>
601                                            <a href="/category?dispCtgrNo=41097">블라우스/셔츠</a>
602                                        </li>
603                                        <li>
604                                            <a href="/category?dispCtgrNo=41118">니트웨어</a>
605                                        </li>
606                                        <li>
607                                            <a href="/category?dispCtgrNo=31129">원피스</a>
608                                        </li>
609                                        <li>
610                                            <a href="/category?dispCtgrNo=41060">팬츠</a>
611                                        </li>
612                                        <li>
613                                            <a href="/category?dispCtgrNo=41127">스커트</a>
614                                        </li>
615                                        <li>
616                                            <a href="/category?dispCtgrNo=41128">아우터</a>
617                                        </li>
618                                        <li>
619                                            <a href="/category?dispCtgrNo=41119">셋업</a>
620                                        </li>
621                                        <li>
622                                            <a href="/category?dispCtgrNo=41137">키즈</a>
623                                        </li>
624                                    </ul>
625                                </div>
626                                <div class="header__banner">
627                                    <ul>
628                                        <li class="header__banner-item">
629
630                                                
631
632                                                <a href="javascript:void(0);" onclick="goUrl(&quot;\/exhibitionDetail?dispCtgrNo=87957&quot;, &quot;02&quot;)">
633                                                <span>
634                                                    <img src="https://cdn.idlookmall.com/cdn/contents/disp_corner_conts/104377/600_disp_corner_conts_104377_1790840902839.jpg" loading="lazy">
635                                                </span>
636                                                    <p>A.P.C. New Bag with Influencers</p>
637                                                </a>
638
639
640
641                                        </li>
642                                        <li class="header__banner-item">
643
644                                                
645
646                                                <a href="javascript:void(0);" onclick="goUrl(&quot;\/exhibitionDetail?dispCtgrNo=87667&quot;, &quot;02&quot;)">
647                                                <span>
648                                                    <img src="https://cdn.idlookmall.com/cdn/contents/disp_corner_conts/104378/600_disp_corner_conts_104378_1790840950410.jpg" loading="lazy">
649                                                </span>
650                                                    <p>BERENICE 26FALL-WINTER LOOKBOOK</p>
651                                                </a>
652
653
654
655                                        </li>
656                                    </ul>
657                                </div>
658                            </div>
659                        </div>
660                    </li>
661                    <li>
662                        <a href="javascript:void(0);" onclick="gnbLink(&quot;\/category?dispCtgrNo=31119&quot;)">
663                            <span>남성</span>
664                            
665                        </a>
666                        <div class="header-nav__inw">
667                            
668                            <div class="header-nav__inner">
669                                <div class="header-nav__cate">
670                                    <h2>Category</h2>
671                                    <ul>
672                                        <li><a href="/category?dispCtgrNo=31119">전체상품</a></li>
673                                        <li>
674                                            <a href="/category?dispCtgrNo=40977">티셔츠</a>
675                                        </li>
676                                        <li>
677                                            <a href="/category?dispCtgrNo=40987">셔츠</a>
678                                        </li>
679                                        <li>
680                                            <a href="/category?dispCtgrNo=40988">니트웨어</a>
681                                        </li>
682                                        <li>
683                                            <a href="/category?dispCtgrNo=31169">팬츠</a>
684                                        </li>
685                                        <li>
686                                            <a href="/category?dispCtgrNo=31168">아우터</a>
687                                        </li>
688                                        <li>
689                                            <a href="/category?dispCtgrNo=40997">키즈</a>
690                                        </li>
691                                    </ul>
692                                </div>
693                                <div class="header__banner">
694                                    <ul>
695                                        <li class="header__banner-item">
696
697                                                
698
699                                                <a href="javascript:void(0);" onclick="goUrl(&quot;\/exhibitionDetail?dispCtgrNo=87687&quot;, &quot;02&quot;)">
700                                                <span>
701                                                    <img src="https://cdn.idlookmall.com/cdn/contents/disp_corner_conts/104379/600_disp_corner_conts_104379_1790841005875.jpg" loading="lazy">
702                                                </span>
703                                                    <p>ELEVENTY FALL WINTER 26</p>
704                                                </a>
705
706
707
708                                        </li>
709                                    </ul>
710                                </div>
711                            </div>
712                        </div>
713                    </li>
714                    <li>
715                        <a href="javascript:void(0);" onclick="gnbLink(&quot;\/category?dispCtgrNo=31120&quot;)">
716                            <span>패션잡화</span>
717                            
718                        </a>
719                        <div class="header-nav__inw">
720                            
721                            <div class="header-nav__inner">
722                                <div class="header-nav__cate">
723                                    <h2>Category</h2>
724                                    <ul>
725                                        <li><a href="/category?dispCtgrNo=31120">전체상품</a></li>
726                                        <li>
727                                            <a href="/category?dispCtgrNo=41457">여성 가방</a>
728                                        </li>
729                                        <li>
730                                            <a href="/category?dispCtgrNo=41458">여성 슈즈</a>
731                                        </li>
732                                        <li>
733                                            <a href="/category?dispCtgrNo=43877">여성 잡화</a>
734                                        </li>
735                                        <li>
736                                            <a href="/category?dispCtgrNo=41467">남성 가방</a>
737                                        </li>
738                                        <li>
739                                            <a href="/category?dispCtgrNo=41460">남성 슈즈</a>
740                                        </li>
741                                        <li>
742                                            <a href="/category?dispCtgrNo=43878">남성 잡화</a>
743                                        </li>
744                                    </ul>
745                                </div>
746                                <div class="header__banner">
747                                    <ul>
748                                        <li class="header__banner-item">
749
750                                                
751
752                                                <a href="javascript:void(0);" onclick="goUrl(&quot;\/exhibitionDetail?dispCtgrNo=87967&quot;, &quot;02&quot;)">
753                                                <span>
754                                                    <img src="https://cdn.idlookmall.com/cdn/contents/disp_corner_conts/104381/600_disp_corner_conts_104381_1790841057865.jpg" loading="lazy">
755                                                </span>
756                                                    <p>IL BISONTE THE NEW SEGNO</p>
757                                                </a>
758
759
760
761                                        </li>
762                                    </ul>
763                                </div>
764                            </div>
765                        </div>
766                    </li>
767                    <li>
768                        <a href="javascript:void(0);" onclick="gnbLink(&quot;\/category?dispCtgrNo=41313&quot;)">
769                            <span>골프</span>
770                            
771                        </a>
772                        <div class="header-nav__inw">
773                            
774                            <div class="header-nav__inner">
775                                <div class="header-nav__cate">
776                                    <h2>Category</h2>
777                                    <ul>
778                                        <li><a href="/category?dispCtgrNo=41313">전체상품</a></li>
779                                        <li>
780                                            <a href="/category?dispCtgrNo=41353">여성 골프의류</a>
781                                        </li>
782                                        <li>
783                                            <a href="/category?dispCtgrNo=41380">남성 골프의류</a>
784                                        </li>
785                                        <li>
786                                            <a href="/category?dispCtgrNo=41354">골프 액세서리</a>
787                                        </li>
788                                    </ul>
789                                </div>
790                                <div class="header__banner">
791                                    <ul>
792                                        <li class="header__banner-item">
793
794                                                
795
796                                                <a href="javascript:void(0);" onclick="goUrl(&quot;\/exhibitionDetail?dispCtgrNo=87947&quot;, &quot;02&quot;)">
797                                                <span>
798                                                    <img src="https://cdn.idlookmall.com/cdn/contents/disp_corner_conts/104382/600_disp_corner_conts_104382_1790841103013.jpg" loading="lazy">
799                                                </span>
800                                                    <p>A.P.C. GOLF 필드 위에 담은 가을</p>
801                                                </a>
802
803
804
805                                        </li>
806                                    </ul>
807                                </div>
808                            </div>
809                        </div>
810                    </li>
811                    <li>
812                        <a href="javascript:void(0);" onclick="gnbLink(&quot;\/category?dispCtgrNo=31121&quot;)">
813                            <span>라이프</span>
814                            
815                        </a>
816                        <div class="header-nav__inw">
817                            
818                            <div class="header-nav__inner">
819                                <div class="header-nav__cate">
820                                    <h2>Category</h2>
821                                    <ul>
822                                        <li><a href="/category?dispCtgrNo=31121">전체상품</a></li>
823                                        <li>
824                                            <a href="/category?dispCtgrNo=41347">키친</a>
825                                        </li>
826                                        <li>
827                                            <a href="/category?dispCtgrNo=41357">리빙</a>
828                                        </li>
829                                        <li>
830                                            <a href="/category?dispCtgrNo=41348">욕실용품</a>
831                                        </li>
832                                    </ul>
833                                </div>
834                                <div class="header__banner">
835                                    <ul>
836                                        <li class="header__banner-item">
837
838                                                
839
840                                                <a href="javascript:void(0);" onclick="goUrl(&quot;\/exhibitionDetail?dispCtgrNo=87787&quot;, &quot;02&quot;)">
841                                                <span>
842                                                    <img src="https://cdn.idlookmall.com/cdn/contents/disp_corner_conts/104383/600_disp_corner_conts_104383_1788407398738.jpg" loading="lazy">
843                                                </span>
844                                                    <p>Marrimekko CLASSIC LINE, FOREVER</p>
845                                                </a>
846
847
848
849                                        </li>
850                                    </ul>
851                                </div>
852                            </div>
853                        </div>
854                    </li>
855                    <li>
856                        <a href="javascript:void(0);" onclick="gnbLink(&quot;\/outlet&quot;)">
857                            <span>아울렛</span>
858                            
859                        </a>
860                        <div class="header-nav__inw">
861                            
862                            <div class="header-nav__inner">
863                                <div class="header-nav__cate header-nav__cate--brand">
864                                    <h2>Brand</h2>
865                                    <ul>
866                                        
867                                        <li>
868                                            <a href="/category?dispCtgrNo=64377">KEITH</a>
869                                        </li>
870                                        <li>
871                                            <a href="/category?dispCtgrNo=64637">GIVY</a>
872                                        </li>
873                                        <li>
874                                            <a href="/category?dispCtgrNo=32220">BERENICE</a>
875                                        </li>
876                                        <li>
877                                            <a href="/category?dispCtgrNo=32219">A.P.C. WOMEN </a>
878                                        </li>
879                                        <li>
880                                            <a href="/category?dispCtgrNo=32218">A.P.C. MEN </a>
881                                        </li>
882                                        <li>
883                                            <a href="/category?dispCtgrNo=32217">A.P.C. GOLF</a>
884                                        </li>
885                                        <li>
886                                            <a href="/category?dispCtgrNo=32227">ELEVENTY</a>
887                                        </li>
888                                        <li>
889                                            <a href="/category?dispCtgrNo=66607">MSGM</a>
890                                        </li>
891                                        <li>
892                                            <a href="/category?dispCtgrNo=75237">MIZUIRO IND</a>
893                                        </li>
894                                        <li>
895                                            <a href="/category?dispCtgrNo=32232">MARIMEKKO</a>
896                                        </li>
897                                        <li>
898                                            <a href="/category?dispCtgrNo=32230">IL BISONTE</a>
899                                        </li>
900                                        <li>
901                                            <a href="/category?dispCtgrNo=72207">TATRAS</a>
902                                        </li>
903                                        <li>
904                                            <a href="/category?dispCtgrNo=32221">CHLOE STORA</a>
905                                        </li>
906                                        <li>
907                                            <a href="/category?dispCtgrNo=32223">EDTR</a>
908                                        </li>
909                                        <li>
910                                            <a href="/category?dispCtgrNo=51437">NOVEENER</a>
911                                        </li>
912                                    </ul>
913                                </div>
914                                <div class="header-nav__cate">
915                                    <h2>Category</h2>
916                                    <ul>
917                                        
918                                        <li>
919                                            <a href="/category?dispCtgrNo=32567">여성</a>
920                                        </li>
921                                        <li>
922                                            <a href="/category?dispCtgrNo=32577">남성</a>
923                                        </li>
924                                        <li>
925                                            <a href="/category?dispCtgrNo=41129">패션잡화</a>
926                                        </li>
927                                        <li>
928                                            <a href="/category?dispCtgrNo=32578">골프</a>
929                                        </li>
930                                        <li>
931                                            <a href="/category?dispCtgrNo=32579">라이프</a>
932                                        </li>
933                                    </ul>
934                                </div>
935                                
936                            </div>
937                        </div>
938                    </li>
939                    
940                    
941                    
942                    
943
944                </ul>
945            </div>
946            <!-- board -->
947            <div class="header-nav__board">
948                <ul>
949                    
950                    
951                    
952                    
953                    
954                    
955                    
956                    <li>
957                        <a href="javascript:void(0);" onclick="gnbLink(&quot;\/exhibitionList&quot;)">
958                            <span>기획전</span>
959                        </a>
960                        
961<!--                        <a href="javascript:void(0);" th:if="${gnb.menuUrlLnk != 'magazine' }" th:onclick="gnbLink(/exhibitionList)" th:text="${gnb.menuNm}"></a>-->
962<!--                        <a href="javascript:void(0);" th:if="${gnb.menuUrlLnk == 'magazine'}" th:text="${gnb.menuNm}"></a>-->
963
964                        
965                    </li>
966                    <li>
967                        <a href="javascript:void(0);" onclick="gnbLink(&quot;\/best&quot;)">
968                            <span>베스트</span>
969                        </a>
970                        
971<!--                        <a href="javascript:void(0);" th:if="${gnb.menuUrlLnk != 'magazine' }" th:onclick="gnbLink(/best)" th:text="${gnb.menuNm}"></a>-->
972<!--                        <a href="javascript:void(0);" th:if="${gnb.menuUrlLnk == 'magazine'}" th:text="${gnb.menuNm}"></a>-->
973
974                        
975                    </li>
976                    <li>
977                        
978                        <a href="javascript:void(0);">
979                            <span>매거진</span>
980                            
981                        </a>
982<!--                        <a href="javascript:void(0);" th:if="${gnb.menuUrlLnk != 'magazine' }" th:onclick="gnbLink(magazine)" th:text="${gnb.menuNm}"></a>-->
983<!--                        <a href="javascript:void(0);" th:if="${gnb.menuUrlLnk == 'magazine'}" th:text="${gnb.menuNm}"></a>-->
984
985                        <div class="header__inlayer">
986                            <ul>
987                                <li><a href="/idTvList">I.D.TV</a></li>
988                                <li><a href="/styleEditList">STYLE EDIT</a></li>
989                                <li><a href="/collectionAllList">COLLECTION</a></li>
990                            </ul>
991                        </div>
992                    </li>
993                    <li>
994                        <a href="javascript:void(0);" onclick="gnbLink(&quot;\/eventList&quot;)">
995                            <span>이벤트</span>
996                        </a>
997                        
998<!--                        <a href="javascript:void(0);" th:if="${gnb.menuUrlLnk != 'magazine' }" th:onclick="gnbLink(/eventList)" th:text="${gnb.menuNm}"></a>-->
999<!--                        <a href="javascript:void(0);" th:if="${gnb.menuUrlLnk == 'magazine'}" th:text="${gnb.menuNm}"></a>-->
1000
1001                        
1002                    </li>
1003                </ul>
1004            </div>
1005        </nav>
1006    </div>
1007
1008    <!-- [NAVER AD] STEP 1. 프리미엄로그분석 스크립트인 wcslog.js 호출 (공통스크립트 / 전환스크립트의 function들을 모두 담고 있음 ) -->
1009    
1009<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
1009
1010
1011    
1011<script type="text/javascript" src="/js/search/searchLayer-333e0121066be766866dbd1bde13712b.js"></script>
1011
1012    
1012<script type="text/javascript" src="/js/search/searchRecmProductListComponent-f4df3809cdebf17c6cfd40e1f4a0b3c5.js"></script>
1012
1013    
1013<script>
1014        window.addEventListener('scroll', function() {
1015            var header = document.querySelector('.header');
1016            //   var headerInner = document.querySelector('.header__inner');
1017
1018            if (window.pageYOffset >= header.offsetHeight) {
1019                header.classList.add('sticky');
1020            } else {
1021                header.classList.remove('sticky');
1022            }
1023        });
1024
1025        // navi 마우스오버시에 딤드 생성
1026        var hoverElement = document.querySelectorAll(".header-nav__depth1 > li");
1027
1028        var dimdElement = document.createElement("div");
1029        dimdElement.className = "nav-dimd";
1030
1031        function handleHoverEvent() {
1032            if (event.type === "mouseenter") {
1033                event.target.querySelector('.header-nav__inw').classList.add('active');
1034                document.querySelector(".header__inner").insertAdjacentElement("afterend", dimdElement);
1035            }
1036            else if (event.type === "mouseleave") {
1037                event.target.querySelector('.header-nav__inw').classList.remove('active');
1038                dimdElement.parentNode.removeChild(dimdElement);
1039            }
1040        }
1041
1042        hoverElement.forEach(function(element) {
1043            element.addEventListener("mouseenter", handleHoverEvent);
1044            element.addEventListener("mouseleave", handleHoverEvent);
1045        });
1046
1047        gnbInit();
1048
1049        /**
1050         * 나의 상품후기 작성가능 건수 조회
1051         */
1052        async function gnbInit() {
1053            let user = await new User();
1054            if(user.loginYn == 'Y') {
1055                document.getElementById('loginY').style.display = '';
1056                document.getElementById('loginN').style.display = 'none';
1057                document.getElementById('loginMem').style.display = '';
1058                document.getElementById('loginNm').innerText = user.memberVo.memNm+"님";
1059                AxiosUtil.get({
1060                    url: "/product/rest/fo/mypage/selectPrdEvalWritCount",
1061                    loadYn: false,
1062                    success: function(response) {
1063                        if(response.resultData > 0){
1064                            document.getElementById('reviewNewIcon').style.display = '';
1065                        }
1066                    }
1067                });
1068            } else {
1069                document.getElementById('loginY').style.display = 'none';
1070                document.getElementById('loginN').style.display = '';
1071                document.getElementById('loginMem').style.display = 'none';
1072            }
1073        }
1074
1075    </script>
1075
1076</header>
1077            
1078
1079            <main id="contents" class="contents">
1080                
1081    <div id="cartList">
1082    <article class="order-cart">
1083        <h1 class="order-cart__tit">쇼핑백</h1>
1084        <div class="order-cart__no-mem" v-if="!isLogin && checkLogin">
1085            <p>로그인 후, 멤버십 혜택을 확인하세요.</p>
1086            <button type="button" class="lbtn-dirgo js-dimdbtn" aria-controls="nmLogin" @click="login()">로그인</button>
1087        </div>
1088        <div class="order-cart__inner">
1089            <cart-list-component ref="prodcutListInCartComponent" :mem-typ-cd="memTypCd" :user="user" :is-login="isLogin" @order="order" @popup-layer="popupLayer" @set-price="setPrice" @login="login" @refresh="refresh"></cart-list-component>
1090            <payment-component ref="paymentComponent" :user="user" :is-login="isLogin" @order="order" @popup-layer="popupLayer"></payment-component>
1091        </div>
1092        <!-- thfqls 여기는 구좌 자리 (함께 구매하면 좋은 상품) -->
1093        <cart-recm-prd-list-component ref="cartRecmPrdListComponent" :user="user" :channel="'shoppingBag'" ></cart-recm-prd-list-component>
1094    </article>
1095    <hr />
1096    <modal ref="popupProductPrice" @open-modal="$refs.popupProductPriceComponent.init()">
1097        <popup-product-price-component
1098                ref="popupProductPriceComponent"
1099                :popup-param="popupParam.popupProductPrice"
1100                :tot-price-title="priceTotLabel"
1101                @close="$refs.popupProductPrice.close()">
1102
1103        </popup-product-price-component>
1104    </modal>
1105    <modal ref="popupChangeOption" @open-modal="$refs.popupChangeOptionComponent.init()" :options="modalOptions">
1106        <popup-change-option-component
1107                ref="popupChangeOptionComponent"
1108                :popup-param="popupParam.popupChangeOption"
1109                :mem-typ-cd="memTypCd"
1110                @login="login"
1111                @close="$refs.popupChangeOption.close()"
1112                @confirm="$refs.prodcutListInCartComponent.getCarts()"
1113                @product-re-open-popup="productReOpenPopup"
1114                @delete-product-listener="deleteProductListener">
1115        </popup-change-option-component>
1116    </modal>
1117    <product-re-open-layer
1118            ref="productReOpenLayer">
1119    </product-re-open-layer>
1120    <modal ref="popupLogin" :options="modalOptions">
1121        <login-component popup-mode="Y"
1122                         :close-callback="popupLoginClose"
1123                         :login-success-callback="popupLoginSuccess"
1124                         :show-button-for-nonmember-purchasing='showButtonForNomember ? "Y" : "N"'
1125                         opener-vue-name="cart" ref="loginComponent">
1126        </login-component>
1127    </modal>
1128    </div>
1129
1130            </main>
1131            <div id="footerArea">
1132                <footer class="footer">
1133	<div id="footer">
1134		<div class="footer__family">
1135			<div class="footer__family-inner">
1136				<h2>패밀리사이트</h2>
1137				<ul>
1138					<li><a href="https://www.apc-korea.com" target="_blank" title="새창열림"><img src="/image/idlook/brand_logo/f_apc.svg" alt="A.P.C" /></a></li>
1139					<li><a href="https://www.marimekko.kr" target="_blank" title="새창열림"><img src="/image/idlook/brand_logo/f_marimekko.svg" alt="marimekko" /></a></li>
1140					<li><a href="https://idjoymall.com" target="_blank" title="새창열림"><img src="/image/idlook/brand_logo/f_leccove.svg" alt="L'ECCOVE" /></a></li>
1141					<li><a href="https://lcve.kr/?utm_source=idlook_homepage_landing&utm_medium=idlook_homepage_banner&utm_id=idlook_landing" target="_blank" title="새창열림"><img src="/image/idlook/brand_logo/f_lcve.svg" alt="LCVE" /></a></li>
1142				</ul>
1143			</div>
1144		</div>
1145		<div class="footer__inner">
1146			<div class="footer__nav">
1147				<ul>
1148					<li><a href="https://idlook.co.kr" target="_blank">회사소개</a></li>
1149					<li><a href="/termsOfService">이용약관</a></li>
1150					<li><a href="/privacyPolicy">개인정보처리방침</a></li>
1151					<li><a href="/csCenter/customerCenter">고객센터</a></li>
1152					<li><a href="/csCenter/memberBenefit">멤버십 혜택</a></li>
1153					<li><a href="/csCenter/storeInfoList">매장찾기</a></li>
1154				</ul>
1155			</div>
1156			<div class="footer__info">
1157				<div class="footer__info-def">
1158					<div>
1159						<em>(주)아이디룩</em>
1160						<address>서울특별시 강남구 강남대로 580 성보빌딩 8층</address>
1161						<span>대표이사 : 김재풍</span>
1162						<span>개인정보 보호책임자 : 지경</span>
1163					</div>
1164					<div>
1165						<span>사업자등록번호 : 211-81-39521</span>
1166						<span>통신판매업신고 : 서울 강남 02143호</span>
1167						<a href="https://www.ftc.go.kr/bizCommPop.do?wrkr_no=2118139521" target="_blank">사업자정보확인</a>
1168						<button type="button" class="js-dimdbtn" aria-controls="ftrCerti" @click="showCerti = true">채무지급보증안내</button>
1169					</div>
1170					<div>
1171						<p>(주)아이디룩 사이트의 상품/콘텐츠 등에 대한 무단복
1171제, 전송, 배포, 스크래핑 등의 행위는 저작권법, 콘텐츠 산업 진흥법 등 관련법령에 의하여 엄격히 금지됩니다.</p>
1172						<button type="button" class="js-dimdbtn" aria-controls="ftrProm" >콘텐츠산업진흥법에 따른 표기</button>
1173					</div>
1174					<p>COPYRIGHT <span id="currentYear"></span> IDLOOK. ALL RIGHTS RESERVED.</p>
1175				</div>
1176				<div class="footer__info-cust">
1177					<div class="footer__sns">
1178						<ul>
1179							<li><a href="https://www.instagram.com/idlookmall_official" target="_blank" title="새창열림" class="footer__sns-item footer__sns-item--instagram"><span>인스타그램</span></a></li>
1180							<li><a href="https://www.youtube.com/channel/UCfHNOnOcA5d1TVRhp0z7Ywg" target="_blank" title="새창열림" class="footer__sns-item footer__sns-item--youtube"><span>유튜브</span></a></li>
1181						</ul>
1182					</div>
1183					<div class="footer__customer">
1184						<em>고객센터</em>
1185						<strong>1833-2250</strong>
1186						<time>AM 09:00 ~ PM 05:00</time>
1187						<p>(토, 일, 공휴일 휴무)</p>
1188					</div>
1189				</div>
1190			</div>
1191		</div>
1192
1193		<!-- [layer] 서비스가입사실확인 -->
1194		<div id="ftrCerti" class="dimd__wrap js-dimdlayer">
1195			<section class="dimd__inner dimd__inner--medium">
1196				<h1 class="dimd__tit">서비스 가입사실 확인</h1>
1197				<div class="dimd__conts">
1198					<div class="ftr-certi">
1199						<img :src="'/image/idlook/ftr_certi.png'" alt="지급보증서(근보증용)" v-if="showCerti" />
1200					</div>
1201				</div>
1202				<button type="button" class="dimd__close js-btnclose"><span>서비스 가입사실 확인 닫기</span></button>
1203			</section>
1204		</div>
1205
1206		<!-- [layer]  -->
1207		<div id="ftrProm" class="dimd__wrap js-dimdlayer">
1208			<section class="dimd__inner dimd__inner--medium">
1209				<h1 class="dimd__tit">콘텐츠 산업 진흥법에 따른 표시</h1>
1210				<div class="dimd__conts">
1211					<div class="pop-prom">
1212						<div class="pop-prom__mark">
1213							<img :src="'/image/idlook/ftr_c_prom.png'" alt="콘텐츠 산업 진흥법에 따른 표시 마크" />
1214						</div>
1215						<ul>
1216							<li>콘텐츠의 명칭 상품/판매자/쇼핑정보 및 이벤트 정보</li>
1217							<li>제작연월일: 개별콘텐츠의 개시일 또는 갱신일</li>
1218							<li>제작자: (주)아이디룩</li>
1219						</ul>
1220						<div class="pop-prom__cnts">
1221							<p>(주)아이디룩 사이트상의 콘텐츠는 ‘콘텐츠 산업 진흥법’에 따라 개시일 또는 그 갱신일부터 5년간 보호됩니다.</p>
1222						</div>
1223					</div>
1224				</div>
1225				<button type="button" class="dimd__close js-btnclose"><span>서비스 가입사실 확인 닫기</span></button>
1226			</section>
1227		</div>
1228	</div>
1229	
1229<script>
1230		var footer = new Vue({
1231			el: "#footer",
1232			data: {
1233				showCerti: false
1234			},
1235
1236			methods: {
1237
1238			},
1239			mounted: function() {
1240
1241			}
1242		});
1243		//--------------- [layerpopup 공통 가이드] ---------------//
1244		(function() {
1245			// 각 버튼 요소와 .js-dimdlayer 요소 선택
1246			let $document = document.getElementsByClassName('footer')[0];
1247			var buttons = $document.querySelectorAll('.js-dimdbtn');
1248			var layers = $document.querySelectorAll('.js-dimdlayer');
1249			var closeButtons = $document.querySelectorAll('.js-btnclose');
1250
1251			// 각 버튼에 이벤트 리스너 추가
1252			buttons.forEach(function(button) {
1253				// 버튼을 클릭했을 때 실행되는 함수
1254				button.addEventListener('click', function() {
1255					// 버튼에 연결된 .js-dimdlayer의 ID 값을 가져옴
1256					var layerId = button.getAttribute('aria-controls');
1257
1258					// 모든 .js-dimdlayer 요소에 "active" 클래스를 제거
1259					layers.forEach(function(layer) {
1260						layer.classList.remove('active');
1261					});
1262
1263					// 클릭된 버튼에 연결된 .js-dimdlayer에만 "active" 클래스 추가
1264					document.getElementById(layerId).classList.add('active');
1265
1266					// body에 overflow: hidden; 속성 추가
1267					document.body.style.overflow = 'hidden';
1268				});
1269			});
1270
1271			// .js-btnclose 버튼에 이벤트 리스너를 추가
1272			closeButtons.forEach(function(closeButton) {
1273				closeButton.addEventListener('click', function() {
1274					layers.forEach(function(layer) {
1275						layer.classList.remove('active');
1276						document.body.style.overflow = '';
1277					});
1278				});
1279			});
1280
1281			// 현재 년도 표시
1282			document.getElementById("currentYear").textContent = new Date().getFullYear();
1283		})();
1284	</script>
1284
1285	<!-- NAVER SWITCHING ADJUST -->
1286	
1286<script type="text/javascript">
1287		if (GblVar.svrEnvCd === 'prd') {
1288			if (!wcs_add) var wcs_add = {};
1289			wcs_add['wa'] = GblVar.naverAdKey;
1290			if (!_nasa) var _nasa = {};
1291			wcs.inflow(GblVar.naverAdDomain);
1292			wcs_do(_nasa);
1293		}
1294	</script>
1294
1295</footer>
1296            </div>
1297        </div>
1298        <div class="aside-floating" id="sideBanner">
1299	<div class="aside-floating__inner">
1300
1301		
1302		<div class="aside-floating__top" ref="topBtn">
1303			<button type="button" class="aside-floating__item aside-floating__item--top" @click="scrollToTop"><span>최상단으로 이동</span></button>
1304		</div>
1305		<div class="aside-floating__talk">
1306			<button type="button" id="channeltalk"><span>채널톡</span></button>
1307			<i class="r-num" id="channeltalkRead" style="display: none;"></i>
1308		</div>
1309
1310		<!--<ul>
1311			<li v-if="WebUtil.isNotNull(firstRecentViewPrd)" th:if="${noRecentViewPrdYn != 'Y'}">
1312				<a href="/recentViewPrdList" class="aside-floating__item">
1313					<img :src="GblVar.cdnUrl + firstRecentViewPrd.imgUrl + '/120_' + firstRecentViewPrd.baseImgFileNm" :alt="firstRecentViewPrd.prdNm" />
1314					<span>최근본상품</span>
1315				</a>
1316			</li>
1317			&lt;!&ndash;<li>
1318				<button type="button" class="aside-floating__item aside-floating__item&#45;&#45;talk"><span>채널톡</span></button>
1319			</li>&ndash;&gt;
1320		</ul>
1321		<div class="aside-floating__top" ref="topBtn">&lt;!&ndash; active class로 top 활성화 컨트롤 &ndash;&gt;
1322			<button type="button" class="aside-floating__item aside-floating__item&#45;&#45;top" @click="scrollToTop"><span>최상단으로 이동</span></button>
1323		</div>-->
1324	</div>
1325</div>
1326<script>
1327	(function(){var w=window;if(w.ChannelIO){return w.console.error("ChannelIO script included twice.");}var ch=function(){ch.c(arguments);};ch.q=[];ch.c=function(args){ch.q.push(args);};w.ChannelIO=ch;function l(){if(w.ChannelIOInitialized){return;}w.ChannelIOInitialized=true;var s=document.createElement("script");s.type="text/javascript";s.async=true;s.src="https://cdn.channel.io/plugin/ch-plugin-web.js";var x=document.getElementsByTagName("script")[0];if(x.parentNode){x.parentNode.insertBefore(s,x);}}if(document.readyState==="complete"){l();}else{w.addEventListener("DOMContentLoaded",l);w.addEventListener("load",l);}})();
1328</script>
vendor: 1 bytes, line 1328
1328
1329<script type="text/javascript">
1330	var sideBanner = new Vue({
1331		el: "#sideBanner",
1332		data: {
1333			firstRecentViewPrd: null,
1334			user : null,
1335			recentViewPrdYn: true,
1336			isRecentPrd : true,
1337		},
1338
1339		methods: {
1340			/**
1341			 * 페이지 초기화
1342			 */
1343			initPage: function() {
1344				var $this = this;
1345
1346				/*let preScrollTop = 0;
1347
1348				window.addEventListener('scroll',() => {
1349					let nextScrollTop = window.scrollY;
1350
1351					if(preScrollTop < nextScrollTop) {
1352						//console.log('Down!');
1353						$this.$refs.topBtn.classList.remove('active');
1354						$this.isRecentPrd = false;
1355					}
1356					else { // (preScrollTop > nextScrollTop)
1357						//console.log('Up!');
1358						$this.$refs.topBtn.classList.add('active');
1359						$this.isRecentPrd = true;
1360					}
1361					preScrollTop = nextScrollTop;
1362				});*/
1363
1364
1365				$(window).scroll(function(){
1366					var st = $(window).scrollTop();
1367					if (st != 0) {
1368						$this.$refs.topBtn.classList.add('active');
1369						//$this.isRecentPrd = true;
1370					} else {
1371						$this.$refs.topBtn.classList.remove('active');
1372						//$this.isRecentPrd = false;
1373					}
1374				});
1375
1376
1377				if($this.recentViewPrdYn){
1378					$this.selectRecentView();
1379				}
1380			},
1381			scrollToTop: function () {
1382				window.scrollTo({top:0,left:0,behavior:'smooth'});
1383			},
1384
1385			/**
1386			 *  최근 본 상품 목록 조회
1387			 */
1388			selectRecentView: function() {
1389				var $this = this;
1390
1391				AxiosUtil.get({
1392					url: "/product/rest/fo/prdRctView/selectPrdRct",
1393					loadYn: false,
1394					success: function(response) {
1395						$this.firstRecentViewPrd = response.resultData[0];
1396					}
1397				});
1398			},
1399
1400			/**
1401			 *  채널톡 뷰 설정
1402			 */
1403			showChannelTalk : async function () {
1404				this.user = await new User();
1405
1406				var pluginKey = "1e040f63-6cfc-46fc-9331-3bc3397a0288";
1407
1408				if(this.user.isLogin()) {
1409					ChannelIO('boot', {
1410						"pluginKey": pluginKey, // fill your plugin key
1411						"customLauncherSelector": "#channeltalk",
1412						"hideChannelButtonOnBoot": true,
1413						"memberId": this.user.memberVo.memId, // fill user's member id
1414						"memberHash" : getCookie("CHANNEL_TALK_MEM_ID_ENC"),
1415						"profile": { // fill user's profile
1416							"name": this.user.memberVo.memNm, // fill user's name
1417							"mobileNumber": this.user.memberVo.mphnNo, // fill user's mobile number
1418							"email": this.user.memberVo.mailAddr, // fill user's landline number
1419						}
1420					});
1421				}else{
1422					ChannelIO('boot', {
1423						"pluginKey": pluginKey, // fill your plugin key
1424						"customLauncherSelector": "#channeltalk",
1425						"hideChannelButtonOnBoot": true,
1426						"memberId": "", // fill user's member id
1427						"memberHash" : "",
1428					});
1429				}
1430
1431
1432				ChannelIO('onBadgeChanged', function onBadgeChanged(unread, alert) {
1433					//console.log(`Unread is changed to ${unread}, alert is changed to ${alert}.`);
1434					if(unread > 0){
1435						document.getElementById("channeltalkRead").style.display = "flex";
1436						document.getElementById("channeltalkRead").innerText = unread;
1437					}
1438				});
1439
1440
1441			}
1442		},
1443
1444
1445
1446
1447
1448		mounted: async function() {
1449			this.initPage();
1450			this.showChannelTalk();  //TODO 오픈전까지 라이브안되게
1451		}
1452
1453
1454
1455
1456
1457
1458	})
1459</script>
1459
1460        <div id="displayCommonPopup">
1461    <div class="ftr-bnr" ref="popup" v-show="displayPopupList.length > 0">
1462        <div class="ftr-bnr__inner">
1463            <div class="ftr-bnr__items swiper" ref="swiperObj">
1464                <div class="swiper-wrapper">
1465                    <div class="ftr-bnr__item swiper-slide" v-for="popup in displayPopupList">
1466                        <div class="ftr-bnr__edit" v-html="popup.htmlCont"></div>
1467                    </div>
1468                </div>
1469            </div>
1470            <div class="ftr-bnr__paging" v-if="displayPopupList.length > 1">
1471                <!-- [03.14] 버튼 추가에 따른 마크업 수정 -->
1472                <span ref="pageing">{{ activeIndex+1 }} / {{ displayPopupList.length }}</span>
1473                <button type="button" class="ftr-bnr__btn ftr-bnr__btn--prev" ref="prevBtn"><span>이전</span></button>
1474                <button type="button" class="ftr-bnr__btn ftr-bnr__btn--next" ref="nextBtn"><span>다음</span></button>
1475                <!-- ] -->
1476            </div>
1477            <div class="ftr-bnr__today">
1478                <button type="button" @click="todayNoPopup" v-if="todayNoviewYn">오늘 하루 그만보기</button>
1479                <button type="button" @click="closePopup">닫기</button>
1480            </div>
1481        </div>
1482    </div>
1483</div>
1484<script type="text/javascript" src="/js/display/displayCommonPopup-3b9b81e69c8da2a9698bec94e826ecb8.js"></script>
vendor: 1 bytes, line 1484
1484
1485<script type="text/javascript" src="/js/timer-259fa1313d111429a84dd47918362de5.js"></script>
1485
1486
1487        
1488        
1489<!-- alert -->
1490<div class="layer_pop_wrap size_s" id="alertLayerWrap" style="display:none;">
1491    <div class="pop_inner">
1492        <div class="pop_wrap">
1493            <a href="javascript:;" class="btn_close pop_close">팝업닫기</a>
1494            <div class="con_box">
1495                <p class="fs16 txt_c mt40" id="alertLayerMsg"></p>
1496                <p class="fs14 txt_c col_gray">레이어팝업 임시 작업</p>
1497                <div class="btn_area align_c mt40">
1498                    <button class="btn50 b_bl" name="cer_btn" id="alertLayerBtnOk">확인</button>
1499                </div>
1500            </div>
1501        </div>
1502    </div>
1503</div>
1504<!-- //alert -->
1505
1506<!-- confirm -->
1507<div class="layer_pop_wrap type_simple" id="confirmLayerWrap" style="display:none;">
1508    <div class="pop_inner">
1509        <div class="pop_wrap">
1510            <div class="con_box">
1511                <p id="confirmLayerMsg" class="word_break_all"></p>
1512            </div>
1513            <div class="btn_wrap no_pad">
1514                <button type="button" class="btn btn_black02 btn_bd_rdus_none" id="confirmLayerBtnCncl">취소</button>
1515                <button type="button" class="btn btn_red02 btn_bd_rdus_none" id="confirmLayerBtnOk">확인</button>
1516            </div>
1517        </div>
1518    </div>
1519</div>
1520<!-- //confirm -->
1521
1522<!-- layer popup -->
1523<!--<div class="loading-dimd" id="loadingBox" style="display:none;">-->
1524<!--    <p>로딩중</p>-->
1525<!--    <div class="loading-def">-->
1526<!--        <span></span><span></span>-->
1527<!--    </div>-->
1528<!--</div>-->
1529<!-- //layer popup -->
1530
1531<!-- //로딩바 -->
1532
1533<script type="text/javascript">
1534    // 헤더 장바구니 설정
1535    if(typeof DocUtil != 'undefined') {
1536        DocUtil.ready(function() {
1537            WebUtil.setHeadCart();
1538        });
1539    }
1540</script>
1540
1541
1542        
1543    
1543<script>
1544        const _hasGetPermission = false;
1545        const _memTypCd = null;
1546    </script>
1546
1547    
1547<script type="text/javascript" src="/js/common/commonConstants-28e7cc56dfb8a04eb53aaa8281d67084.js"></script>
1547
1548    
1548<script type="text/javascript" src="/js/common/commonFilters-98e660589b2c0a2acb737c8cda00ead8.js"></script>
1548
1549    
1549<script type="text/javascript" src="/js/common/orderCommonMixin-8c2c201b1e011436e6deb8c96fe7033a.js"></script>
1549
1550    
1550<script type="text/javascript" src="/js/common/modal-1f8e2ae2fbd2540b55b61dd4e50d7846.js"></script>
1550
1551    
1551<script type="text/javascript" src="/js/common/bSelect-e4368f7a8e9fe124e3db5c75f849c57d.js"></script>
1551
1552
1553    <!-- Login component -->
1554    
1554<script type="text/javascript" src="/js/account/loginWithNaverComponent-f7c25d43cc71b794f5ee39eae6b4416e.js"></script>
1554
1555    
1555<script type="text/javascript" src="/js/account/loginWithKakaoComponent-d6f1cfb56bc93a27bb126135a60e25aa.js"></script>
1555
1556    
1556<script type="text/javascript" src="/js/account/loginWithAppleComponent-bb199418449f8e8d1c48a01406209882.js"></script>
1556
1557    
1557<script type="text/javascript" src="/js/account/loginUtil-334b91b476b134971b31b19ed64ec7ee.js"></script>
1557
1558    
1558<script type="text/javascript" src="/js/account/existingMphnNoComponent-421a1b9bda2080c651561896ff836ffe.js"></script>
1558
1559    
1559<script type="text/javascript" src="/js/account/snsLoginComponent-fb9d21c879ba83023d0b83e58791ac32.js"></script>
1559
1560    
1560<script type="text/javascript" src="/js/account/loginComponent-7cb0fde890a610089892b73e9032cf2f.js"></script>
1560
1561
1562    <!-- shopping tip -->
1563    
1563<script type="text/javascript" src="/js/mypage/claim/components/claimProductShoppingTip-d915966bd54c0c8918e5be41e5e2399a.js"></script>
1563
1564
1565    <!-- Product List -->
1566    
1566<script type="text/x-template" id="productListInCartTemplate"><!DOCTYPE html>
1567
1568<div class="order-cart__cnts" id="productListInCartTemplate">
1569	<!-- 상품 리스트 -->
1570	<div class="order-w">
1571		<!-- 상품 리스트 header -->
1572		<div class="order__thead">
1573			<p>전체 상품 선택 및 리스트 정보 노출 순서</p>
1574			<div class="order__total-cho">
1575				<input type="checkbox" id="totalChk" class="txt-hide" v-model="isAllChecked" @click="toggleCheck()"/>
1576				<label for="totalChk"><span>전체 상품 선택</span></label>
1577			</div>
1578			<span class="order__th-prdinfo">상품정보</span>
1579			<span class="order__th-price">혜택가</span>
1580			<span class="order__th-choice">선택</span>
1581		</div>
1582		<!-- 쇼핑백에 담긴 상품이 없을때 -->
1583		<div class="order__empty" v-if="productGroupSize <= 0">
1584			<p>쇼핑백에 담긴 상품이 없습니다.</p>
1585		</div>
1586		<div v-if="productGroupSize > 0"> <!-- 영역 invisible을 위해 임의로 div로 감쌓음 -->
1587			<div class="order-container" v-for="(group, i) in deliveryTemplates">
1588				<ul class="order-list">
1589					<li class="order-list__item" v-for="(product, pi) in group.products">
1590<!--						<p class="desc-noti" v-if="product.odlvYn == 'Y' && product.prdStatusCd == '01' && product.odlvStatusCd == '05'">빠른배송 재고가 품절되었습니다. 일반배송으로 구매가능합니다.</p>-->
1591						<p class="desc-noti" v-if="product.isNeedCheckOdlv">빠른배송 재고가 품절되었습니다. 일반배송으로 구매가능합니다.</p>
1592						<!-- checkbox -->
1593						<div class="order-list__chk">
1594							<input type="checkbox" :id="'chk'+i+'_'+pi" class="txt-hide" v-model="product.isChecked" @click="toggleCheck(product.cartNo)" :disabled="!product.isPossibleSales || product.isNeedCheckOdlv"/>
1595							<label :for="'chk'+i+'_'+pi"><span v-text="product.prdNm"></span></label>
1596						</div>
1597						<!-- 상품정보 -->
1598						<div class="order-list__def">
1599							<!-- 상품 기본 정보 -->
1600							<div class="order-list__prd-w">
1601								<div class="order-list__prd">
1602									<a :href="GblVar.frontUrl + '/product/' + GblVar.siteCd + '/productDetail?pcode=' + product.pcode" class="order-list__prd-link">
1603										<span class="order-list__prd-thumb">
1604											<img :src="GblVar.cdnUrl + product.imgUrl + '/' + product.thumbnailImg.w290" alt="" />
1605										</span>
1606										<div class="order-list__prd-info">
1607											<span class="flag-order">
1608												<img v-if="product.iconList != null && product.iconList.length > 0 && WebUtil.isNotNull(icon.iconImgPath) && icon.foDispTyp == 'I' "
1609													 v-for="(icon, index) in product.iconList"
1610													 :src="GblVar.cdnUrl + icon.iconImgPath + '/' + icon.iconImgFileNm" :alt="product.prdNo" loading="lazy"/>
1611											</span>
1612											<span v-if="product.rsvnSelYn == 'Y' && product.rsvnSelTermYn == 'Y'" class="flag-benefit">예약상품</span>
1613											<span class="order-list__prd-info-brand" v-text="product.brandNm"></span>
1614											<p v-text="product.prdNm"></p>
1615											<div class="order-list__prd-info-etc">
1616												<span>
1617													<template v-if="product.setPrdYn != 'Y'">{{WebUtil.isNotNull(product.colorVal) ? product.colorVal + ', ' : ''}}</template>
1618													<template v-for="(option, oi) in product.options">
1619													{{option.optVal != null ? option.optVal + ', ' : ''}}{{option.ordQty}}개
1620													</template>
1621												</span>
1622												<p v-if="product.prdStatusCd == '07' && product.mainOptionQty > product.policy.getAvailableStockCount() && product.minBuyQty <= product.policy.getAvailableStockCount()" class="desc-noti">주문가능수량: {{product.policy.getAvailableStockCount()}}개</p>
1623											</div>
1624										</div>
1625									</a>
1626								</div>
1627							</div>
1628							<!-- 상품 가격 -->
1629							<div class="order-list__price">
1630								<s v-if="product.totalNormPrice != null && product.totalNormPrice != product.policy.getPaymentPrice()">{{product.totalNormPrice | currency}}</s>
1631								<strong>{{product.policy.getPaymentPrice() | numberFormat}}<span>원</span></strong>
1632								<i v-if="product.policy.getPredictPoint() > 0">{{product.policy.getPredictPoint() | pointFormat}}</i>
1633								<div class="ques-wrap">
1634									<button type="button" class="ibtn-ques" aria-controls="priceInfo" @click="popupProductPrice(product.cartNo)"><span>혜택가 도움말</span></button>
1635								</div>
1636								<!-- [25.03.17] 마크업 추가 -->
1637								<div class="order-list__tax" v-if="isEmployee">
1638									<span>비과세 {{product.totTaxExemPrc | numberFormat}}<span>원</span></span>
1639									<span>과세 {{product.totTaxPrc | numberFormat}}<span>원</span></span>
1640								</div>
1641								<!-- ] -->
1642							</div>
1643							<!-- 상품 버튼 -->
1644							<div class="order-list__btn">
1645								<button type="button" class="btn-def btn-def--xs btn-def--dis" aria-controls="chOption" @click="popupChangeOption(product.cartNo)">옵션변경</button>
1646								<!-- 선택 된 상품(옵션)의 재고가 있을 때 -->
1647								<template v-if="product.isPossibleSales || product.isNeedCheckOdlv">
1648									<button type="button" class="btn-def btn-def--point btn-def--xs" v-if="!product.isNeedCheckOdlv && product.prdStatusCd != '03' && product.prdStatusCd != '05'" @click="eachSaveOrder(product)">바로구매</button>
1649									<button type="button" class="btn-def btn-def--err btn-def--xs" v-if="product.isNeedCheckOdlv" @click="changeDeliveryType(product.cartNo)">일반배송 변경</button>
1650								</template>
1651								<!-- 선택 된 상품(옵션)의 재고가 없을 때 -->
1652								<template v-else>
1653									<button type="button" class="btn-def btn-def--xs" disabled="disabled">품절</button>
1654								</template>
1655							</div>
1656							<div class="order-list__user-w">
1657								<div class="order-list__user">
1658									<button type="button" class="like-review__like" :class="{active: product.wishYn == 'Y'}" @click="wishProduct(product.prdNo, product.wishYn)"><span>좋아요</span></button>
1659									<button type="button" class="ibtn-close--sm2" @click="deleteProductFromCart(product.cartNo)"><span>상품 삭제</span></button>
1660								</div>
1661							</div>
1662						</div>
1663						<!-- 세트구성상품 -->
1664						<div class="set-prd" :class="{active: product.foldState}" v-if="product.setPrdYn == 'Y'">
1665							<button type="button" class="set-prd__btn" @click="toggleFoldCompositionProductInfo(product.cartNo)">세트구성상품</button>
1666							<ul>
1667								<li class="set-prd__item" v-for="(setItem, si) in product.setCompositionProducts">
1668									<a :href="GblVar.frontUrl + '/product/' + GblVar.siteCd + '/productDetail?pcode=' + setItem.pcode" class="set-prd__link">
1669										<span class="set-prd__thumb">
1670											<img :src="GblVar.cdnUrl + setItem.imgUrl + '/' + setItem.thumbnailImg.w290" alt="" />
1671										</span>
1672										<div class="set-prd__info">
1673											<span class="set-prd__info-brand" v-text="setItem.brandNm"></span>
1674											<p><em v-text="setItem.prdNm"></em><span class="set-prd__info-etc">{{WebUtil.isNotNull(setItem.colorVal) ? setItem.colorVal + ', ' : ''}}<template v-for="(option, oi) in setItem.options">{{option.optVal}}</template></span></p>
1675										</div>
1676									</a>
1677								</li>
1678							</ul>
1679						</div>
1680					</li>
1681				</ul>
1682				<div class="order__total-w">
1683					<div class="order__total-dev" v-if="group.deliveryTemplate.dlvMthdCd == '005'">
1684						<em>빠른배송</em>
1685						<p>{{group.deliveryTemplate.predictDateForHuman}} 도착</p>
1686					</div>
1687					<p class="order__total-ok" v-if="group.deliveryTemplate.dlvMthdCd == '005'">{{group.deliveryTemplate.infoMsg ? group.deliveryTemplate.infoMsg : '서울 전지역 가능 / 경기권 일부(고양시,인천시,부천시)'}}</p>
1688					<p class="order__total-price">{{group.totalPrice | currency}}<span>+</span>{{group.totalDeliveryPrice | expressionDeliveryPrice}}<span>=</span>합계 {{(group.totalPrice + group.totalDeliveryPrice) | currency}}
1689					</p>
1690				</div>
1691			</div>
1692		</div>
1693		<div class="order__btn" v-if="productGroupSize > 0">
1694			<button type="button" class="btn-def btn-def--dis btn-def--xs" @click="deleteSelectedProductsFromCart">선택 상품 삭제</button>
1695			<button type="button" class="btn-def btn-def--dis btn-def--xs" @click="goBack">쇼핑 계속하기</button>
1696		</div>
1697	</div>
1698	<!-- [25.03.17] 할인근로소득합계 추가 -->
1699	<div class="tax-box" v-if="isEmployee">
1700		<h3>할인근로소득합계</h3>
1701		<dl>
1702			<div>
1703				<dt>총 임직원 할인금액</dt>
1704				<dd><em>{{taxPrc.totSelectDscSumPrc | numberFormat}}</em>원</dd>
1705			</div>
1706			<div>
1707				<dt>비과세 한도</dt>
1708				<dd><em>{{taxPrc.remainTaxExemPrc | numberFormat}}</em>원</dd>
1709				<dt>비과세 초과(과세대상액)</dt>
1710				<dd><em>{{taxPrc.overTaxExemPrc | numberFormat}}</em>원</dd>
1711			</div>
1712		</dl>
1713	</div>
1714	<div class="clist2" v-if="productGroupSize > 0 && cartUsingGuide != null" v-html="cartUsingGuide.pcGuideStmt">
1715	</div>
1716</div></script>
1716
1717    
1717<script type="text/javascript" src="/js/cart_new/productListInCartComponent-ce60a20ca050e7521912293afb7e5dff.js"></script>
1717
1718
1719    <!-- Payment Area -->
1720    
1720<script type="text/x-template" id="paymentInfoInCartTemplate"><!DOCTYPE html>
1721
1722<div class="order-cart__price" :class="{'order-cart__price--max':withoutSticky}" id="paymentInfoInCartTemplate" ref="paymentInfoInCartTemplate">
1723	<div class="order-cart__price-inner">
1724		<h2>결제예상금액</h2>
1725		<ul class="order-cart__price-data">
1726			<li>
1727				<div class="order-cart__price-item">
1728					<i>상품금액</i>
1729					<em>{{sellPrice | numberFormat}}<span>원</span></em> <!-- 판매가 -->
1730				</div>
1731			</li>
1732			<li v-if="baseLevelBenefitAmt > 0">
1733				<div class="order-cart__price-item">
1734					<i>회원혜택</i>
1735					<em>{{baseLevelBenefitAmt | negativeNumberFormat}}<span>원</span></em>
1736				</div>
1737			</li>
1738			<li v-if="myLevelBenefitAmt != 0">
1739				<div class="order-cart__price-item">
1740					<i>등급혜택</i>
1741					<em>{{myLevelBenefitAmt | negativeNumberFormat }}<span>원</span></em>
1742				</div>
1743			</li>
1744		</ul>
1745		<ul class="order-cart__price-data">
1746			<li>
1747				<div class="order-cart__price-item">
1748					<i>혜택가 합계</i>
1749					<em>{{paymentPrice | numberFormat }}<span>원</span></em>
1750				</div>
1751			</li>
1752			<li>
1753				<div class="order-cart__price-item">
1754					<i>배송비 합계</i>
1755					<em>{{deliveryPrice | deliveryCurrency}}<span v-show="deliveryPrice > 0">원</span></em>
1756				</div>
1757			</li>
1758		</ul>
1759		<div class="order-cart__price-total">
1760			<i>합계</i>
1761			<strong>{{paymentPrice + deliveryPrice | numberFormat}}<span>원</span></strong>
1762			<p v-if="predictPoint > 0">{{predictPoint | pointFormat}} 적립 예정</p>
1763		</div>
1764		<button type="button" class="btn-def btn-def--point btn-def--xl" @click="saveOrder">{{cartLength | numberFormat}}건 주문하기</button>
1765	</div>
1766	<div class="order-cart__benefit" v-if="!isLogin">
1767		<h3>{{regMemberGuide.guideTitl}}</h3>
1768		<div v-html="regMemberGuide.pcGuideStmt"></div>
1769	</div>
1770</div></script>
1770
1771    
1771<script type="text/javascript" src="/js/cart_new/paymentInfoInCartComponent-b7a273213925586d7ea4761cda121131.js"></script>
1771
1772
1773    <!-- Price Info Popup -->
1774    
1774<script type="text/x-template" id="popupProductPriceTemplate"><!DOCTYPE html>
1775
1776
1777	<section class="dimd__inner dimd__inner--medium" id="popupProductPriceTemplate">
1778		<h1 class="dimd__tit dimd__tit--dtype2">가격 상세정보 안내</h1>
1779		<div class="dimd__conts">
1780			<div class="d-benefit">
1781				<div class="d-benefit__info">
1782					<h2>할인혜택</h2>
1783					<ul>
1784						<li>
1785							<p>정상가</p>
1786							<span :text-content.prop="normalPrice | currency"></span>
1787						</li>
1788						<li v-if="productBenefit"><!-- 판매가 할인 -->
1789							<p :text-content.prop="productBenefit.benefitNm"></p>
1790							<span :text-content.prop="productBenefit.price | currency | minusPrefix"></span>
1791						</li>
1792						<li v-if="discountList != null && discountList.length > 0" v-for="benefit in discountList">
1793							<p>[{{benefit.rate | numberFormat}}{{benefit.bnftUnitCd == '01' ? '%' : '원'}}] {{benefit.cpnNm}}</p>
1794							<span :text-content.prop="benefit.price | currency | minusPrefix"></span>
1795						</li>
1796						<li v-if="benefitList != null && benefitList.length > 0" v-for="benefit in benefitList">
1797<!--							<p :text-content.prop="benefit.cpnNm"></p>-->
1798							<p>[{{benefit.rate | numberFormat}}{{benefit.bnftUnitCd == '01' ? '%' : '원'}}] {{benefit.cpnNm}}</p>
1799							<span :text-content.prop="benefit.price | currency | minusPrefix"></span>
1800						</li>
1801					</ul>
1802				</div>
1803				<div class="d-benefit__total">
1804					<span>{{totPriceTitle}}</span>
1805					<em :text-content.prop="paymentPrice | currency"></em>
1806				</div>
1807				<div class="clist2">
1808					<ul>
1809						<li>쇼핑백 금액은 기본적으로 적용된 혜택가 이며<br />주문 시 쿠폰/마일리지 등을 사용하시면 추가 할인을 받으실 수 있습니다.</li>
1810					</ul>
1811				</div>
1812			</div>
1813		</div>
1814		<button type="button" class="dimd__close js-btnclose" @click="close"><span>로그인 닫기</span></button>
1815	</section>
1816</script>
1816
1817    
1817<script type="text/javascript" src="/js/cart_new/popup/popupProductPriceComponent-89b8e3142e0c8ed809abad275d44420d.js"></script>
1817
1818
1819    <!-- Change Option Popup -->
1820    
1820<script type="text/x-template" id="popupChangeOptionTemplate"><!DOCTYPE html>
1821
1822<section class="dimd__inner dimd__inner--medium" id="popupChangeOptionTemplate" v-cloak>
1823	<h1 class="dimd__tit dimd__tit--dtype2">상품옵션변경</h1>
1824	<div class="dimd__conts">
1825		<div class="change-option">
1826			<!-- 상품정보 -->
1827			<div class="pop-prdinfo">
1828				<a :href="GblVar.frontUrl + '/product/' + GblVar.siteCd + '/productDetail?pcode=' + product.pcode">
1829					<div class="pop-prdinfo__thumb">
1830						<img :src="GblVar.cdnUrl + product.imgUrl + '/' + product.baseImgFileNm" alt="" />
1831					</div>
1832					<div class="list-info">
1833						<em class="list-info__brand">{{product.brandNm}}</em>
1834						<div class="list-info__name">
1835							<p>{{product.prdNm}}</p>
1836						</div>
1837<!--						<div class="price-com">-->
1838<!--							<div class="price-com__price">-->
1839<!--								<strong><i>최종판매가</i>{{ Math.floor(product.policy?.getPaymentPrice() / option.ordQty) | numberFormat }}</strong>-->
1840<!--								<s><i>혜택전가격</i>{{ (product.normPrc + option.optPrc) | numberFormat }}</s>-->
1841<!--								<em v-if="product.normPrc > 0"><i>세일율</i>{{ Math.floor(((product.normPrc + option.optPrc) - Math.floor(product.policy?.getPaymentPrice() / option.ordQty)) / (product.normPrc + option.optPrc) * 100) }}%</em>-->
1842<!--							</div>-->
1843<!--						</div>-->
1844					</div>
1845				</a>
1846			</div>
1847			<!--//todo 세트상품-->
1848			<div class="change-option__setprd" v-if="product.prdTypCd === '03'">
1849				<h2 class="change-option__setprd-tit">세트구성상품</h2>
1850				<div class="pdp-info__set">
1851					<ul>
1852						<li :class="{'pdp-info__set-item': true, 'selected': productInfo.clicked}" v-for="(productInfo, outerIndex) in setCompositionProducts"><!-- 열고 닫기 selected로 컨트롤 -->
1853							<div class="pdp-info__set-def">
1854								<div class="pdp-info__set-thumb">
1855									<img :src="GblVar.cdnUrl + productInfo.product.imgUrl + '/' + productInfo.product.baseImgFileNm" alt="" />
1856								</div>
1857								<div class="pdp-info__set-info">
1858									<p>{{productInfo.product.prdNm}}</p>
1859									<ins>{{productInfo.option.optVal}}</ins>
1860								</div>
1861								<button type="button" @click="openSetProductTab(productInfo)">
1862									<span>세트 상품 옵션 열기</span>
1863								</button>
1864							</div>
1865							<div class="pdp-info__set-cho">
1866								<div class="pdp-info__set-inner">
1867								<template v-if="productInfo.product.productsGroupByStyleCode.length > 0">
1868									<h3>컬러</h3>
1869									<div class="color-chips color-chips--detail">
1870										<span class="color-chips__chip"
1871											  v-for="(productGroupByStyleCode, index) in productInfo.product.productsGroupByStyleCode"
1872											  @click="changeSetProductColorChip(productGroupByStyleCode.clorPcode, outerIndex)">
1873											<input type="radio"
1874												   :name="'chips'+index+'_'+outerIndex"
1875												   :id="'chips'+index+'_'+outerIndex"
1876												   :checked="productGroupByStyleCode.clorPcode === productInfo.product.pcode"
1877											>
1878											<label v-if="WebUtil.isNull(productGroupByStyleCode.colorImgFileNm) && WebUtil.isNull(productGroupByStyleCode.rgbCd)" :for="'chips'+index" class="none-chip">
1879												<i></i>
1880												<span>별도표기</span>
1881											</label>
1882											<label v-else :for="'chips'+index" :class="{'line-chip': productGroupByStyleCode.colorVal2 == 'Y'}">
1883												<template v-if="productGroupByStyleCode.colorImgFileNm">
1884													<img :src="GblVar.cdnUrl + productGroupByStyleCode.imgUrl + '/' + productGroupByStyleCode.colorImgFileNm" alt="">
1885												</template>
1886												<template v-else>
1887													<i :style="'background-color:'+ productGroupByStyleCode.rgbCd +';'"></i>
1888												</template>
1889												<span>{{ productGroupByStyleCode.colorCdNm }}</span>
1890											</label>
1891										</span>
1892									</div>
1893								</template>
1894								</div>
1895								<div class="pdp-info__set-inner">
1896								<h3>
1897									<template v-if="optionNameList && optionNameList.length > 1">옵션</template>
1898									<template v-else v-for="(optionName, i) in optionNameList">{{optionName}}</template>
1899								</h3>
1900								<template v-for="(optionList, outerIndex) in productInfo.optionAllList">
1901									<b-select v-model="productInfo.selectedIndex[outerIndex]" @change="change(outerIndex, productInfo);">
1902										<ul>
1903											<li value="">
1904												<span v-if="optionNameList"><template v-for="(title, i) in optionNameList">{{i?'/':''}}{{title}}</template> 선택</span>
1905												<span v-else>사이즈선택</span>
1906											</li>
1907											<li v-for="(option, innerIndex) in optionList"
1908												:value="innerIndex"
1909												:class="{disabled:!(option.useYn == 'Y' && ((option.rsvnSelTermYn == 'Y' && option.rsvnRealStckQty > 0) || (product.odlvYnForChange != 'Y' && option.tempStckQty > 0) || (product.odlvYnForChange == 'Y' && option.odlvTempStckQty > 0)))}">
1910												<span>
1911													{{ option | optionTextForm(optionAllList, outerIndex) }}
1912												</span>
1913<!--												<button type="button" class="btn-link js-dimdbtn" aria-controls="reOpen"-->
1914<!--														v-if="(option.noDispRsnCd == '01' || option.noDispRsnCd == '07') && option.rstkNotiYn == 'Y'"-->
1915<!--														@click="productReOpenPopup(option.stckNo)">재입고 알림></button>-->
1916											</li>
1917										</ul>
1918									</b-select>
1919								</template>
1920								</div>
1921							</div>
1922						</li>
1923					</ul>
1924					<div class="change-option__data">
1925						<table>
1926							<caption>변경할 옵션 항목</caption>
1927							<tbody>
1928							<tr>
1929								<th scope="row">수량</th>
1930								<td>
1931									<div class="quant">
1932										<input type="number"
1933											   oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1').replace('.', '');"
1934											   :value="option.ordQtyForChange"
1935											   @change="changeQuantityByInput($event.target.value)" maxlength="5" title="수량 설정">
1936										<button type="button"
1937												class="quant__btn quant__btn--minus"
1938												@click.prevent="changeQuantityByButton(-1)"
1939												:disabled="option.ordQtyForChange === 1">
1940											<span>수량 감소</span>
1941										</button>
1942										<button type="button"
1943												class="quant__btn quant__btn--plus"
1944												@click.prevent="changeQuantityByButton(+1)">
1945											<span>수량 증가</span>
1946										</button>
1947									</div>
1948									<template v-for="quantityAlertMessage in quantityAlertMessages">
1949										<p class="desc-err desc-err--ctype2">{{ quantityAlertMessage }}</p>
1950									</template>
1951									<claim-product-shopping-tip ref="claimProductShoppingTip"></claim-product-shopping-tip>
1952								</td>
1953							</tr>
1954							<tr>
1955								<th scope="row">배송</th>
1956								<td>
1957									<div class="btn-radio">
1958										<input type="radio" name="shipping" id="normal" class="type-btn type-btn--type1" :checked="product.odlvYnForChange === 'N'"/>
1959										<label for="normal" @click="changeOdlvYn('N')">일반배송</label>
1960										<input type="radio" name="shipping" id="today" class="type-btn type-btn--type2" :checked="product.odlvYnForChange === 'Y'"/>
1961										<label for="today" @click="changeOdlvYn('Y')" v-if="product.rsvnSelYn != 'Y' && product.rsvnSelTermYn != 'Y' && product.odlvPrdYn == 'Y' && product.odlvTermYn == 'Y'">빠른배송</label>
1962										<div class="btn-radio__desc btn-radio__desc--type1" v-if="product.odlvYnForChange == 'N'">
1963											<p>{{ deliveryTemplate ? deliveryTemplate.infoMsg : ''}}</p>
1964										</div>
1965										<!-- 빠른 배송 상품일 경우 노출, 지역 및 시간은 함수로 제공 예정 -->
1966										<div class="btn-radio__desc btn-radio__desc--type2" v-if="product.odlvYnForChange == 'Y'">
1967											<em>{{ odlvTemplate.predictDateForHuman }} 도착 (배송비 {{odlvTemplate.dlvCst | numberFormat}}원)</em>
1968											<p>{{odlvTemplate.infoMsg ? odlvTemplate.infoMsg : '서울 전지역 가능 / 경기권 일부(고양시,인천시,부천시)'}}</p>
1969										</div>
1970									</div>
1971								</td>
1972							</tr>
1973							</tbody>
1974						</table>
1975					</div>
1976				</div>
1977			</div>
1978			<div class="change-option__data" v-if="product.prdTypCd !== '03'">
1979				<table>
1980					<caption>변경할 옵션 항목</caption>
1981					<tbody>
1982						<tr>
1983							<th scope="row">컬러</th>
1984							<td>
1985								<div class="color-chips color-chips--detail">
1986									<span class="color-chips__chip"
1987										  v-for="(productGroupByStyleCode, index) in product.productsGroupByStyleCode"
1988										  @click="changeProductColorChip(productGroupByStyleCode.clorPcode)">
1989										<input type="radio"
1990											   :name="'chips'+index"
1991											   :id="'chips'+index"
1992											   :checked="productGroupByStyleCode.clorPcode === product.pcode">
1993										<label v-if="WebUtil.isNull(productGroupByStyleCode.colorImgFileNm) && WebUtil.isNull(productGroupByStyleCode.rgbCd)" :for="'chips'+index" class="none-chip">
1994											<i></i>
1995											<span>별도표기</span>
1996										</label>
1997										<label v-else :for="'chips'+index" :class="{'line-chip': productGroupByStyleCode.colorVal2 == 'Y'}">
1998											<template v-if="productGroupByStyleCode.colorImgFileNm">
1999												<img :src="GblVar.cdnUrl + productGroupByStyleCode.imgUrl + '/' + productGroupByStyleCode.colorImgFileNm" alt="">
2000											</template>
2001											<template v-else>
2002												<i :style="'background-color:'+ productGroupByStyleCode.rgbCd +';'"></i>
2003											</template>
2004											<span>{{ productGroupByStyleCode.colorNm }}</span>
2005										</label>
2006									</span>
2007									<!--//todo hs: 품절상태 처리 필요-->
2008								</div>
2009							</td>
2010						</tr>
2011						<tr v-for="(optionList, outerIndex) in optionAllList">
2012							<th scope="row">
2013								<template v-if="optionNameList && optionNameList.length > 1">옵션</template>
2014								<template v-else v-for="(optionName, i) in optionNameList">{{optionName}} </template>
2015							</th>
2016							<td>
2017								<b-select v-model="selectedIndex[outerIndex]" @change="change(outerIndex)">
2018									<ul>
2019										<li value="">
2020											<span v-if="optionNameList"><template v-for="(title, i) in optionNameList">{{i?'/':''}}{{title}}</template> 선택</span>
2021											<span v-else>사이즈선택</span>
2022										</li>
2023										<li v-for="(option, innerIndex) in optionList" :value="innerIndex"
2024											:class="{disabled:!(option.useYn == 'Y' && ((option.rsvnSelTermYn == 'Y' && option.rsvnRealStckQty > 0) || (product.odlvYnForChange != 'Y' && option.tempStckQty > 0) || (product.odlvYnForChange == 'Y' && option.odlvTempStckQty > 0)))}">
2025											<span>
2026												{{ option | optionTextForm(optionAllList, outerIndex) }}
2027											</span>
2028											<button type="button" class="btn-link js-dimdbtn" aria-controls="reOpen"
2029													v-if="(option.noDispRsnCd == '01' || option.noDispRsnCd == '07') && option.rstkNotiYn == 'Y'"
2030													@click="productReOpenPopup(option.stckNo)">재입고 알림</button>
2031										</li>
2032									</ul>
2033								</b-select>
2034							</td>
2035
2036						</tr>
2037						<tr>
2038							<th scope="row">수량</th>
2039							<td>
2040								<div class="quant">
2041									<input type="number"
2042										   oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1').replace('.', '');"
2043										   :value="option.ordQtyForChange"
2044										   @change="changeQuantityByInput($event.target.value)" maxlength="5" title="수량 설정">
2045									<button type="button"
2046											class="quant__btn quant__btn--minus"
2047											@click.prevent="changeQuantityByButton(-1)"
2048											:disabled="option.ordQtyForChange === 1">
2049										<span>수량 감소</span>
2050									</button>
2051									<button type="button"
2052											class="quant__btn quant__btn--plus"
2053											@click.prevent="changeQuantityByButton(+1)">
2054										<span>수량 증가</span>
2055									</button>
2056								</div>
2057								<template v-for="quantityAlertMessage in quantityAlertMessages">
2058									<p class="desc-err desc-err--ctype2">{{ quantityAlertMessage }}</p>
2059								</template>
2060								<claim-product-shopping-tip ref="claimProductShoppingTip"></claim-product-shopping-tip>
2061							</td>
2062						</tr>
2063						<tr>
2064							<th scope="row">배송</th>
2065							<td>
2066								<div class="btn-radio">
2067									<input type="radio" name="shipping" id="normal" class="type-btn type-btn--type1" :checked="product.odlvYnForChange === 'N'"/>
2068									<label for="normal" @click="changeOdlvYn('N')">일반배송</label>
2069									<input type="radio" name="shipping" id="today" class="type-btn type-btn--type2" :checked="product.odlvYnForChange === 'Y'"/>
2070<!--									<label for="today" @click="changeOdlvYn('Y')" v-if="product.odlvPrdYn === 'Y' && product.odlvStatusCd !== '05'">빠른배송</label>-->
2071									<label for="today" @click="changeOdlvYn('Y')" v-if="product.rsvnSelYn != 'Y' && product.rsvnSelTermYn != 'Y' && product.odlvPrdYn == 'Y' && product.odlvTermYn == 'Y' && selected[0] != null && selected[0].odlvTempStckQty > 0">빠른배송</label>
2072									<div class="btn-radio__desc btn-radio__desc--type1" v-if="product.odlvYnForChange == 'N'">
2073										<p>{{ deliveryTemplate ? deliveryTemplate.infoMsg : ''}}</p>
2074									</div>
2075									<div class="btn-radio__desc btn-radio__desc--type2" v-if="product.odlvYnForChange == 'Y'">
2076										<em>{{ odlvTemplate.predictDateForHuman }} 도착<!-- (배송비 {{odlvTemplate.dlvCst | numberFormat}}원)--></em>
2077										<p>{{odlvTemplate.infoMsg ? odlvTemplate.infoMsg : '서울 전지역 가능 / 경기권 일부(고양시,인천시,부천시)'}}</p>
2078									</div>
2079								</div>
2080							</td>
2081						</tr>
2082					</tbody>
2083				</table>
2084			</div>
2085			<!-- 예약상품 일 경우 표시 (상세 정보도 가져와야 함) -->
2086			<!--//todo 예약상품-->
2087			<div class="pdp-info__shipinfo" v-if="false">
2088				<p>3월24일(금) 일괄 배송 예정입니다.</p>
2089				<p>입고 지연 시 문자 안내 발송 예정입니다.</p>
2090				<ins>3월21일 ~ 3월24일 (3월24일부터 순차배송)</ins>
2091				<strong>1일 21시간 22분 38초 남음</strong>
2092			</div>
2093		</div>
2094	</div>
2095	<div class="pop-totalprice">
2096		<i>총 상품 금액</i>
2097		<strong>{{ getProductPriceOnOptionPopup() | numberFormat }}<span>원</span></strong>
2098	</div>
2099	<div class="dimd__btn">
2100		<button type="button" class="btn-def btn-def--md" @click="close">취소</button>
2101		<button type="button" class="btn-def btn-def--point btn-def--md" @click="confirm">변경</button>
2102	</div>
2103	<button type="button" class="dimd__close js-btnclose" @click="close"><span>상품옵션변경 닫기</span></button>
2104</section>
2105</script>
2105
2106    
2106<script type="text/javascript" src="/js/cart_new/popup/popupChangeOptionComponent-a5ff84c1f9037966556d7ef50d4dc621.js"></script>
2106
2107
2108    <!-- Recopick Product List -->
2109    
2109<script type="text/javascript" src="/js/cart_new/cartRecmPrdListComponent-7ed70643c22347642ab4f5616f4a9dfc.js"></script>
2109
2110
2111    <!-- Apply Restock Alaram -->
2112    
2112<script type="text/javascript" src="/js/product/idlook/productOptMixin-a2a1d6cadda9b5cb2952c99c941d46e0.js"></script>
2112
2113    
2113<script type="text/javascript" src="/js/product/layerPop/productReOpenLayer-34fb8481500f26c4b7449fb4ba48713e.js"></script>
2113
2114
2115    <!-- Main Script -->
2116    
2116<script type="text/javascript" src="/js/cart_new/cart-c19cbf1e67b2f3b79ba54ce184b3fec9.js"></script>
2116
2117
2118    
2118<script>
2119        /** 레코픽 로그수집 스크립트 */
2120        let _cartsForRecoPick = [];
2121        function _sendCartsToRecoPick() {
2122            if(GblVar.svrEnvCd === 'prd' || GblVar.svrEnvCd === "dev") {
2123                const productsForRecoPick = [];
2124                if (_cartsForRecoPick && _cartsForRecoPick.size > 0) {
2125                    _cartsForRecoPick.forEach((x) => {
2126                        if(x.notAuthDispYn == 'Y'){
2127                            productsForRecoPick.push({
2128                                id: x.pcode,
2129                                count: x.options[0].ordQty
2130                            });
2131                        }
2132                    });
2133                }
2134                recoPick('sendLog', 'basket', ...productsForRecoPick);
2135            }
2136
2137        }
2138    </script>
2138
2139
2140        
2141    
2141<script type="text/javascript">
2142        displayCommonPopup.getCommonDisplayPopup();
2143    </script>
2143
2144
2145    </body>
2146</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.