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("")"> 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("BL003688")"><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("BL003703")"><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("BL003659")"><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("BL003706")"><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("BL003646")"><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("BL003707")"><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("BL003724")"><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("BL003710")"><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("BL003673")"><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("BL003708")"><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("BL003722")"><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("BL003723")"><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("BL003663")"><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("BL003660")"><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("BL003725")"><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("\/exhibitionDetail?dispCtgrNo=87597", "02")">
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("\/exhibitionDetail?dispCtgrNo=87657", "02")"> 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("\/category?dispCtgrNo=31118")"> 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("\/exhibitionDetail?dispCtgrNo=87957", "02")">
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("\/exhibitionDetail?dispCtgrNo=87667", "02")"> 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("\/category?dispCtgrNo=31119")"> 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("\/exhibitionDetail?dispCtgrNo=87687", "02")"> 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("\/category?dispCtgrNo=31120")">
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("\/exhibitionDetail?dispCtgrNo=87967", "02")"> 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("\/category?dispCtgrNo=41313")"> 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("\/exhibitionDetail?dispCtgrNo=87947", "02")">
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("\/category?dispCtgrNo=31121")"> 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("\/exhibitionDetail?dispCtgrNo=87787", "02")"> 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("\/outlet")"> 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("\/exhibitionList")">
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("\/best")"> 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("\/eventList")"> 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 <!–<li> 1318 <button type="button" class="aside-floating__item aside-floating__item--talk"><span>ì±ëí¡</span></button> 1319 </li>–> 1320 </ul> 1321 <div class="aside-floating__top" ref="topBtn"><!– active classë¡ top íì±í 컨í¸ë¡¤ –> 1322 <button type="button" class="aside-floating__item aside-floating__item--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.