아울렛 | Samsung 대한민국

<!DOCTYPE HTML> <html lang="ko"> <head> <title>아울렛 | Samsung 대한민국</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="canonical" href="https://www.samsung.com/sec/outlets/all-outlets/"> <meta name="keywords" content="아울렛 | Samsung 대한민국"> <meta name="description" content="아울렛 | Samsung 대한민국"> <meta name="date" content=""> <meta name="sitecode" content="sec"> <meta name="twitter:card" content="Summary"> <meta name="twitter:site" content="@samsungkorea"> <meta name="twitter:creator" content="@samsungkorea"> <meta name="twitter:url" content="https://www.samsung.com/sec/outlets/all-outlets/"> <meta name="twitter:title" content="아울렛 | Samsung 대한민국"> <meta name="twitter:description" content="아울렛 | Samsung 대한민국"> <meta name="twitter:image" content="https://images.samsung.com/kdp/st/1/17875ef3-e132-4a7e-abfb-2622dd6c8a9c.jpg">  <meta name="google-site-verification" content="Y5FXtKRkwrMXPsNBUlQe-3vZp4mtp_PZRy1jmEyp6wM" />  <meta name="thumbnail" content="https://images.samsung.com/kdp/temp/20231220/ce8bbbda-16df-4d9c-bf99-dd02fb95c947.jpg" alt="아울렛"> <meta property="og:url" content="https://www.samsung.com/sec/outlets/all-outlets/"> <meta property="og:image" content="https://images.samsung.com/kdp/st/1/17875ef3-e132-4a7e-abfb-2622dd6c8a9c.jpg"> <meta property="og:type" content="website"> <meta property="og:site_name" content="Samsung sec"> <meta property="og:locale" content="ko"> <meta property="og:title" content="아울렛 | Samsung 대한민국"> <meta property="og:description" content="아울렛 | Samsung 대한민국"> <meta property="og:country-name" content="sec"> <meta itemprop="name" content="Samsung sec"> <meta itemprop="image" content="https://images.samsung.com/kdp/st/1/17875ef3-e132-4a7e-abfb-2622dd6c8a9c.jpg"> <meta itemprop="url" content="https://www.samsung.com/sec/outlets/all-outlets/"> <meta itemprop="description" content="아울렛 | Samsung 대한민국"> <meta itemprop="keywords" content="아울렛 | Samsung 대한민국"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin /> <link rel="preconnect" href="https://static.adbrix.io" crossorigin /> <link rel="preconnect" href="https://www.google-analytics.com" crossorigin /> <link rel="preconnect" href="https://assets.adobedtm.com" crossorigin /> <link rel="preconnect" href="//images.samsung.com" crossorigin /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://static.adbrix.io" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://assets.adobedtm.com" /> <link rel="dns-prefetch" href="//images.samsung.com" /><link rel="shortcut icon" href="/sec/static/_images/favicon.ico"> <link rel="apple-touch-icon" href="" sizes=""> <script> const __ST_CONTEXT_PATH = "/sec/"; const __ST_GB_CD = "b2c"; const __SA_CLIENT_ID = "o46xdl05ck"; var stGbCd = '10'; </script>  <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/reset.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/slick.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/common.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/layout.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/pf.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part01.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part02.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part03.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part04.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part05.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part06.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/component.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/app.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="https://images.samsung.com/kdp/script/jquery-ui/jquery-ui.min.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/swiper.min.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/homefitness.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/gnb.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/bnb.css?ver=20241127035551"> <script src="https://images.samsung.com/kdp/script/jquery/jquery.min.js"></script> <script src="https://images.samsung.com/kdp/script/jquery-ui/jquery-ui.min.js"></script> <script src="/sec/static/_script/slick.js"></script> <script src="/sec/static/_script/slick-init.js"></script>  <script src="/sec/static/_script/jquery.blockUI.js"></script>  <script src="/sec/static/_script/base.js?ver=20241127035551"></script> <script src="/sec/static/_script/layerPop.js?ver=20241127035551"></script> <script type="text/javascript" src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js" charset="utf-8"></script> <script src="/sec/static/_script/netfunnel.js?ver=20241127035551" charset="UTF-8"></script> <script src="/sec/static/_script/netfunnel_skin.js?ver=20241127035551" charset="UTF-8"></script> <script src="/sec/static/_script/common.js?ver=20241127035551"></script>  <script src="/sec/static/_script/sticky.min.js"></script> <script src="/sec/static/_script/jquery.cookie.js"></script> <script src="/sec/static/_script/search.js?ver=20241127035551"></script> <script src="/sec/static/_script/component.js?ver=20241127035551"></script>  <script src="/sec/static/_script/event/event.js?ver=20241127035551"></script> <script src="/sec/static/_script/clipboard.min.js"></script> <script async type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script src="/sec/static/_script/buynow.js?ver=20241127035551"></script>  <script type="text/javascript" src="/sec/static/_script/picturePolyfill.min.js"></script> <script src="/sec/static/_script/bnb.js?ver=20241127035551"></script> <script src="/sec/static/_script/swiper.min.js"></script>  <script src="https://account.samsung.com/resources/libs/analytics/1.0.0/analytics.min.js"></script> <script type="text/javascript" async="" src="https://account.samsung.com/resources/libs/account-internal/2.0.0/account-internal.min.js" ></script> <script type="text/javascript"> var loginProcFlag = "N"; var autoLoginFlag = "N"; var appSamsungAccount = "N"; var autoLoginCodeYn = "N"; class UrlSchemeCaller { windowState = 'focus'; constructor() { this.init(); } init() { window.addEventListener('focus', () => { this.windowState = 'focus'; }); window.addEventListener('blur', () => { this.windowState = 'blur'; }); } call(urlScheme, time, callbackFunc) { $("#appWebMask").remove(); setCookieForSite("appWebCookie","Y",8/24); try{ location.href = urlScheme; setTimeout(() => { if (this.windowState === 'focus') { callbackFunc(); appWebAutoLogin100(); } }, time); } catch (exception) { } } tagLoggedOut() { try{ setTimeout(() => { if (this.windowState === 'focus') { try { lcTrack("autoLoginFail"); } catch (exception) { } } }, 3000); } catch (exception) { } } } window.urlSchemeCaller = new UrlSchemeCaller(); !function(e, r) { var agent; try { agent = e.navigator.userAgent.toLowerCase(); } catch (exception) { agent = ""; } if(agent.indexOf("secios") > -1){ // APP에서 autoLogin 안함.SECIOS } else if(agent.indexOf("sectest") > -1 || agent.indexOf("secapp") > -1){ // 삼성닷컴 어플 $.ajax({ url : "/sec/xhr/member/app/saProfileUpdate" ,type : "POST" ,data : {navPlatform : navigator.platform} ,success : function(result) { } }); // APP에서 autoLogin 안함. 대신 saProfileUpdate는 함. } else { $.ajax({ url : "/sec/xhr/member/getLoginFlag" , type : "POST" ,async: false , success : function(result) { result = JSON.parse(result); autoLoginCodeYn = result.kdpAutoLogin; if(autoLoginCodeYn == 'Y'){ $.ajax({ url : "/sec/xhr/member/auto/loginSucces" ,type : "POST" ,async: false ,data : {navPlatform : navigator.platform} ,success : function(result) { if(result.result === 'Y'){ autoLoginFlag = "Y"; } else { if(result.signOut === 'Y'){ // signOut 호출 setTimeout(() => { window.samsung.account.signOut() .then(() => { console.log('sign-out complete'); }) .catch(() => { console.error('sign-out failure'); }) .finally(() => { // clean up web resources (local storage, session storage, cookie) }); }, 500); } } } }); } } }); } // s :: KDP-39014 [B2C][FO] 앱/웹 상시 로그인 기능 개발 try { let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(e.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("ipad") > -1){ //iPad isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else if("Y" == getCookieForSite("appWebCookie")){ isSkip = true; } else { isSkip = false; } if(!isSkip){ $.ajax({ url : "/sec/xhr/member/getLoginFlag" , type : "POST" , success : function(result) { result = JSON.parse(result); if (result.mbrNo == "0") { appSamsungAccount = result.appWebsamsungaccount; autoLoginCodeYn = result.kdpAutoLogin; if(autoLoginCodeYn == 'Y'){ //console.log("appLink 호출 시도"); if(window.navigator.userAgent.toLowerCase().indexOf("kakaotalk") > -1){ appWebAutoLogin(); } else { let appWebMask = `<div id="appWebMask" onclick="appWebAutoLogin()" style="z-index: 299;position:fixed; display:block; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0);"></div>`; $('body').append(appWebMask); } } } else { //console.log("이미 로그인 상태, appLink 호출 SKIP"); } } }); } } catch (exception) { } // e :: KDP-39014 [B2C][FO] 앱/웹 상시 로그인 기능 개발 }(window, document); function appWebAutoLogin2(){ try { if($("#appWebMask").html() == undefined){ // skip } else { appWebAutoLogin(); } } catch (exception) { //console.log(exception); } } function appWebAutoLogin(){ try { if("Y" == getCookieForSite("appWebCookie") || "Y" == loginProcFlag){ // skip } else { let browserName = getBrowserScheme(); loginProcFlag = "Y"; urlSchemeCaller.call('intent://login?browser='+ browserName+'&returnUrl='+encodeURIComponent(window.location.href)+'#Intent;scheme=secapp;end;', 300 ,function(){ if (this.windowState === 'focus') { loginProcFlag = "N"; } }); } } catch (exception) { } } function samsungAccountSignUp(returnUrl){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(returnUrl){ setCookieForSite("saReturnUrl_1_",encodeURIComponent(returnUrl),1/24); }else{ setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); } // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true, state: saState } const configs = { locale: 'ko-KR' } window.samsung.account.signUp(params, configs); } function samsungAccountSignIn(returnUrl){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(returnUrl){ setCookieForSite("saReturnUrl_1_",encodeURIComponent(returnUrl),1/24); }else{ setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); } // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true, state: saState } const configs = { locale: 'ko-KR' } window.samsung.account.signIn(params, configs); } function appWebAutoLogin100(){ urlSchemeCaller.tagLoggedOut(); var isOn = appSamsungAccount; var saState = getCookieForSite("saState_1_"); if(isOn == 'Y'){ let agent = window.navigator.userAgent.toLowerCase(); let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(window.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else { isSkip = false; } if(!isSkip){ switch (true) { case agent.indexOf("kakaotalk") > -1: isSkip = true; break; case agent.indexOf("naver") > -1: isSkip = true; break; case agent.indexOf("samsungbrowser") > -1: isSkip = false; // 삼브랑 break; case agent.indexOf("whale") > -1: isSkip = true; break; case agent.indexOf("firefox") > -1: isSkip = true; break; case agent.indexOf("edga") > -1: isSkip = true; break; case agent.indexOf("edge") > -1: isSkip = true; break; case agent.indexOf("opr") > -1: isSkip = true; break; case agent.indexOf("chrome") > -1: isSkip = false; // 크롬만 통과. break; case agent.indexOf("safari") > -1: isSkip = true; break; default: isSkip = true; } } saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(!isSkip){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/global/auto/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), state: saState, countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true } const configs = { locale: 'ko-KR', publicKey: PROPS_ACCOUNT_PUBLICKEY } window.samsung.account.sec.signInWithGalaxy(params, configs); } } } function appWebAutoLogin99(){ var isOn = appSamsungAccount; var saState = getCookieForSite("saState_1_"); if(isOn == 'Y'){ let agent = window.navigator.userAgent.toLowerCase(); let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(window.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else { isSkip = false; } if(!isSkip){ switch (true) { case agent.indexOf("kakaotalk") > -1: isSkip = true; break; case agent.indexOf("naver") > -1: isSkip = true; break; case agent.indexOf("samsungbrowser") > -1: isSkip = false; // 삼브랑 break; case agent.indexOf("whale") > -1: isSkip = true; break; case agent.indexOf("firefox") > -1: isSkip = true; break; case agent.indexOf("edga") > -1: isSkip = true; break; case agent.indexOf("edge") > -1: isSkip = true; break; case agent.indexOf("opr") > -1: isSkip = true; break; case agent.indexOf("chrome") > -1: isSkip = false; // 크롬만 통과. break; case agent.indexOf("safari") > -1: isSkip = true; break; default: isSkip = true; } } saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(!isSkip){ const port = Math.floor(Math.random() * (65536 - 10000 + 1)) + 10000; var url = 'origin_id=p7q4bc58o5&app_id='+__SA_CLIENT_ID+'&app_alias_id=SECKDPWEB&region=GC&port='+ port +'&response_type=code&client_id='+__SA_CLIENT_ID+'&locale=ko_KR&countryCode=KR&' +'redirect_uri='+encodeURIComponent(window.location.href) +'&state='+saState +'&goBackURL='+encodeURIComponent(window.location.href) +'&scope=offline.access'; try{ location.href = 'intent://SamsungAccountServerLib/sso?'+url+'#Intent;scheme=samsungaccount;end;'; let interval = setInterval(function () { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).done(function( xhr, status ){ if (xhr.status === 202) { // 기기로그인 수락을 기다리는 상태 } else { clearInterval(interval); } }).fail(function( xhr, status ){ if (xhr.status === 410) { //result=canceled clearInterval(interval); } else if (xhr.status === 401) { //result=unauthorized clearInterval(interval); } else if (xhr.status === 403) { //result=unsupported-browser clearInterval(interval); } else { //10초 후에는 인터벌 무조건 죽임 setTimeout(() => { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).fail(function( xhr, status ){ clearInterval(interval); }); }, 10000); } }); }, 500); } catch (exception) { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).fail(function( xhr, status ){ clearInterval(interval); }); } } } } function getBrowserScheme(){ let browserName = ""; try { let agent = window.navigator.userAgent.toLowerCase(); switch (true) { case agent.indexOf("kakaotalk") > -1: browserName = ""; break; case agent.indexOf("naver") > -1: browserName = "com.nhn.android.search"; break; case agent.indexOf("samsungbrowser") > -1: browserName = "com.sec.android.app.sbrowser"; break; case agent.indexOf("whale") > -1: browserName = "com.naver.whale"; break; case agent.indexOf("firefox") > -1: browserName = "org.mozilla.firefox"; break; case agent.indexOf("edga") > -1: browserName = "com.microsoft.emmx"; break; case agent.indexOf("edge") > -1: browserName = "com.microsoft.emmx"; break; case agent.indexOf("opr") > -1: browserName = "com.opera.browser"; break; case agent.indexOf("chrome") > -1: browserName = "com.android.chrome"; break; case agent.indexOf("safari") > -1: browserName = "savannah.internet.web.browser"; break; default: browserName = ""; } return browserName; } catch (exception) { return browserName; } } $(document).ready(function(){ autoLoginFlag == "Y" ? adbrix.login(getCookieForSite("guid_1_")) : ""; }); </script>  <script async type="text/javascript"> var pageURL = window.location.href; var siteCode = "sec"; var digitalData = { "page" : { "pageInfo" : { "siteCode" : siteCode , "siteSection" : "" , "pageName" : "" , "pageURL" : pageURL , "pageTrack" : "product finder" , "version" : "KDP" } , "pathIndicator" : { "depth_2" : "outlets" , "depth_3" : "outlets" , "depth_4" : "all" , "depth_5" : "finder" } } , "user" : { "loginStatus" : "" } , "product" : { "category" : "outlets" , "model_code" : "" , "model_name" : "" , "displayName" : "" , "pvi_type_code" : "" , "pvi_type_name" : "" , "pvi_subtype_code" : "" , "pvi_subtype_name" : "" } } // depth Info. var depth = window.location.href.split("/").length; var depth_last = window.location.href.split("/")[depth-1]; if(depth_last =="" || depth_last.charAt(0)=="?"){ depth -= 1; } // set site section value if((digitalData.page.pathIndicator.depth_2 != "")||(digitalData.page.pageInfo.pageTrack == "flagship pdp")){ if(digitalData.page.pathIndicator.depth_2 == "shop" || digitalData.page.pathIndicator.depth_2 == "my account"){ digitalData.page.pageInfo.siteSection = siteCode + ":" + digitalData.page.pathIndicator.depth_2; }else{ digitalData.page.pageInfo.siteSection = siteCode + ":consumer"; //product page } }else if(depth == 4){ digitalData.page.pageInfo.siteSection = siteCode + ":home"; //home }else{ digitalData.page.pageInfo.siteSection = siteCode + ":" + window.location.href.split("/")[4]; } // set product category value /* if(digitalData.page.pathIndicator.depth_3 != ""){ digitalData.product.category = digitalData.page.pathIndicator.depth_3; } */ // set pathIndicator(not product page) if(digitalData.page.pathIndicator.depth_2 == ""){ if(depth >= 5) digitalData.page.pathIndicator.depth_2 = window.location.href.split("/")[4].toLowerCase(); if(depth >= 6) digitalData.page.pathIndicator.depth_3 = window.location.href.split("/")[5].toLowerCase(); if(depth >= 7) digitalData.page.pathIndicator.depth_4 = window.location.href.split("/")[6].toLowerCase(); if(depth >= 8) digitalData.page.pathIndicator.depth_5 = window.location.href.split("/")[7].toLowerCase(); } // set pageName var pageName = siteCode; if(digitalData.page.pathIndicator.depth_2 != "") pageName += ":" + digitalData.page.pathIndicator.depth_2; if(digitalData.page.pathIndicator.depth_3 != "") pageName += ":" + digitalData.page.pathIndicator.depth_3; if(digitalData.page.pathIndicator.depth_4 != "") pageName += ":" + digitalData.page.pathIndicator.depth_4; if(digitalData.page.pathIndicator.depth_5 != "") pageName += ":" + digitalData.page.pathIndicator.depth_5.replace(/^\s+|\s+$/gm,''); // check PD, GPD var pageTrackName = digitalData.page.pageInfo.pageTrack; if(pageTrackName == "product detail" || pageTrackName == "generic product details"){ pageName += ":" + digitalData.product.model_code; var displayName = "".replace(/(<([^>]+)>)/gi, ""); digitalData.product.displayName = displayName; } digitalData.page.pageInfo.pageName = pageName; </script> <script async src="//assets.adobedtm.com/c8a575b84bb9/0d8938615268/launch-160c25cdcd93.min.js"></script>  <script> var stGbCd = '10'; </script>  <script src="//t1.kakaocdn.net/kakao_js_sdk/v1/kakao.min.js"></script> <script src="/sec/static/_script/jsrender.min.js"></script> <script src="/sec/static/_script/jquery.form.min.js"></script>  <script type="text/javascript" > // JS Render Helpers 재 정의 $.views.helpers({ fn_equals : function(A,B){ return A==B }, fn_lt : function(A,B){ return A<B }, fn_gt : function(A,B){ return A>B }, fn_ne : function(A,B){ return A!=B }, // 값 유무 체크 fn_notEmpty : function(A){ if(typeof A == 'undefined' ){ return false; } if( A == null ){ return false; } if( A.length < 1 ){ return false; } return true; }, // 천단위 콤마 fn_comma : function(value){ var v=(value+'');var reg=/(^[+-]?\d+)(\d{3})/;var n= v.split(",").join("").replace(/^\s*|\s*$/g, '');while(reg.test(n)){n=n.replace(reg, '$1'+','+'$2');} return n; }, fn_length : function(obj){ if(typeof obj == 'object'){ if(Array.isArray(obj)){ return obj.length; }else{ return Object.keys(compareData).length; } }else{ return (obj+'').length; } }, fn_first : function (obj){ if(Array.isArray(obj)){ return obj[0]; }else{ var keys = Object.keys(compareData); return obj[(keys[0])]; } }, fn_last : function (obj){ if(Array.isArray(obj)){ return obj[obj.length-1]; }else{ var keys = Object.keys(compareData); return obj[(keys[keys.length-1])]; } }, fn_default : function (val, v){ if(typeof val == 'undefined'){ return v; }else if(val == null){ return v; }else if(val == ''){ return v; } return val; } }); // JS Render Tag 재 정의 $.views.tags('script',{ // 스크립트 init : function(tagCtx){ switch (tagCtx.props.mode) { case 'include': this.template = '<'+'script type="text/javascript" src="{{:}}"></'+'script>'; break; case 'open': this.template = '<'+'script type="text/javascript">'; break; case 'close': this.template = '</'+'script>'; break; default: this.template = '{{:}}'; break; } } }); </script><script src="/sec/static/_script/snsShare.js"></script> <script src="/sec/static/_script/jquery.mCustomScrollbar.js"></script> <script> if( '80' == '10' && '1' == '122'){ viewportChange = function() { var pcView = "width=802,maximum-scale=1.0"; var normalView = "width=device-width,initial-scale=1.0"; var viewPort = document.querySelector('[name="viewport"]'); var widthChk = function() { var winW = window.outerWidth; if ([ 'iphone', 'ipad', 'android' ].find(it => device.agent.includes(it))) { if (540 < winW && winW < 1100) viewPort.setAttribute("content", pcView); else viewPort.setAttribute("content", normalView) } } widthChk(); window.addEventListener("resize", function() { if (viewPort.getAttribute("content") == pcView || viewPort.getAttribute("content") == normalView) widthChk(); else return false }); }; } viewportChange(); </script>  <script> //s : KDP-44827 [FO][공통][상품] PF 마케팅 배너 관리 기능 수정건. 폴드 접기 펼치기 이벤트 고려 : pc/mo 전환시 상품 재조회 var pf_device = (device.val == 'm') ? 'm' : 'p'; let pf_delay = 300; let pf_resizeTimer = null; window.addEventListener("resize", function () { clearTimeout(pf_resizeTimer); pf_resizeTimer = setTimeout(function () { var pf_device_new = (device.val == 'm') ? 'm' : 'p'; //현재 디바이스 상태를 저장 if(pf_device != pf_device_new){ //기존 디바이스와 다르면 디바이스 상태 담고 상품 재조회 pf_device = pf_device_new; itemInit(); } }, pf_delay); }); //e : KDP-44827 [FO][공통][상품] PF 마케팅 배너 관리 기능 수정건. 폴드 접기 펼치기 이벤트 고려 : pc/mo 전환시 상품 재조회 $(window).resize(function(){ var windowWidth = window.innerWidth; if(windowWidth > 800){ //pc $(".ranking li button").attr("tabindex","0"); $(".ranking li a").attr("tabindex","0"); }else{//mo $(".ranking li button").attr("tabindex","-1"); $(".ranking li a").attr("tabindex","-1"); $(".slick-active a").attr("tabindex","0"); $(".slick-active button").attr("tabindex","0"); } //floatingStickyComparePosition(); // 230119 }); var filterNmUpd = []; var filterNmFlag = true; var g_rows = true ? 30 : 12; $(document).ready(function () { $('#rows').val(g_rows); // 품목 필터 영역 $(".new-filter .list-filter .filter-open").on("click", function (e) { $(this).parent().next('.list-box').slideDown(); if (!$(this).parent().hasClass("active")) { $(this).parent().addClass("active"); if (!$(this).parent().next().is(":visible")) { $(this).parent().next().slideDown(); $(this).parent().addClass('open'); } } else { $(this).parent().removeClass("active"); $(this).parent().next('.list-box').slideUp(); } // 2021-01-07 추가 checkPfFilter(); }); // desktop 필터 오픈 초기값 if ($(window).width() > 800) { $(".new-filter .list-filter .filter-open").click(); } else { $(".list-filter > li").eq(0).find(".filter-open").click(); } }); // 2021-01-07 접근성 : 품목 필터 상태 정보 제공 function checkPfFilter() { var $item = $('.new-filter .list-filter li .filter-open'); $item.find($('span.blind')).remove(); $item.each(function () { if ($(this).parent().hasClass('active')) { $(this).attr('aria-expended', true); } else { $(this).attr('aria-expended', false); } $(this).append('<span class="blind">' + $(this).data('filter-nm') + ' 옵션선택메뉴</span>'); }); } function filterIconMo(num, eNum){ for(var i=1; i<eNum+1 ; i++){ if(i == num){ $("#pf_icon_tooltip_"+i).css("display","flex"); } else { $("#pf_icon_tooltip_"+i).css("display","none"); } } } if( '1' == '1' || '1' == '2'|| '1' == '3') { $(document).ready(function () { // PC selector var $sortDroplist = $(".sort-droplist"); var $boxBtnInfo = $sortDroplist.find(".box-btn-info"); var $btnInfoPc = $boxBtnInfo.find(".btn-info"); var $infoSortNm = $btnInfoPc.find(".info-sort-nm"); var $pfSortingTooltipPc = $sortDroplist.find(".pf-sorting-tooltip"); var $pfSortingTooltipPcPara = $pfSortingTooltipPc.find(".para"); // MO selector var $pfPrdFilterAreaMo = $(".mo_ver2.pf-prd-filter-area-mo"); var $btnInfoMo = $pfPrdFilterAreaMo.find(".btn-info"); var $pfSortingTooltipWrap = $pfPrdFilterAreaMo.find(".tooltip-layer-wrap"); var $pfSortingTooltipMo = $pfSortingTooltipWrap.find(".pf-sorting-tooltip"); var $pfSortingTooltipMoTitle = $pfSortingTooltipMo.find(".tooltip-title"); var $pfSortingTooltipMoPara = $pfSortingTooltipMo.find(".para"); // 마지막 클릭 버튼 var $lastBtnInfo = ""; // PC 정렬 옵션 클릭 $(document).on("click", ".sort-droplist .droplist>li", function (e) { var $this = $(this); if (!$this.hasClass("disabled")) { var dataOmni = $this.attr("data-omni"); var dataSortNm = $this.attr("data-sort-nm"); var pfSortByOmniList = $("#pfSortByOmniList").val(); var pfSortByOmni = []; var pfSOrtByOmniChk = false; if (!!pfSortByOmniList) { pfSortByOmni = pfSortByOmniList.split(','); } for (var i = 0; i < pfSortByOmni.length; i++) { if (pfSortByOmni[i] == dataOmni) { pfSOrtByOmniChk = true; break; } } if (pfSOrtByOmniChk) { $boxBtnInfo.addClass("show"); $btnInfoPc.attr("data-omni", dataOmni); $infoSortNm.text(dataSortNm); } else { $boxBtnInfo.removeClass("show"); } } }); // PC 정렬 버튼 클릭 $(document).on("click", ".sort-droplist .droplist-button", function (e) { $pfSortingTooltipPc.removeClass("show"); $pfSortingTooltipPcPara.removeClass("show"); }); // 정렬 기준 보기 버튼 $btnInfoPc.add($btnInfoMo).on("click", function (e) { e.stopPropagation(); var $this = $(this); var dataOmni = "[data-omni=" + $this.attr("data-omni") + "]"; var dataSortNm = $this.attr("data-sort-nm"); if ($this.hasClass("pc")) { $sortDroplist.removeClass("active").find(".droplist-button").attr("aria-expanded", "false"); $pfSortingTooltipPcPara.removeClass("show").filter(dataOmni).addClass("show"); $pfSortingTooltipPc.addClass("show").focus(); } else { $pfSortingTooltipMoTitle.html(dataSortNm); $pfSortingTooltipMoPara.removeClass("show").filter(dataOmni).addClass("show"); $pfSortingTooltipWrap.addClass("show"); $pfSortingTooltipMo.focus(); } $lastBtnInfo = $this; }); // 정렬 기준 보기 툴팁 닫기 버튼 $(document).on("click", ".pf-sorting-tooltip .btn-tooltip-close", function (e) { var $target = $(this).hasClass("pc") ? $pfSortingTooltipPc : $pfSortingTooltipWrap; $target.removeClass("show"); $lastBtnInfo.focus(); }); var resizeTimer = null; $(window).resize(function () { clearTimeout(resizeTimer); timer = setTimeout(function () { var winWidth = $(window).width(); if (winWidth < 801) { // mo $pfSortingTooltipPc.removeClass("show"); $pfSortingTooltipPcPara.removeClass("show"); } else { // pc if ($pfPrdFilterAreaMo.hasClass("active")) { $pfPrdFilterAreaMo.removeClass("active"); scrollLock('unlock'); } $pfSortingTooltipWrap.removeClass("show"); $pfSortingTooltipMoPara.removeClass("show"); } }, 300); }); $(".pfSortByMo").each(function(index, item){ var btDataOmni = $(item).data("omni"); var dataChk = false; $("#odrDeliveryCycleMo ul li").each(function (ind, val){ var liDataOmni = $(val).data("omni"); var cnt = $("#odrDeliveryCycleMo ul li").length-1; if(liDataOmni == btDataOmni){ $(val).append($(item)); dataChk = true; } if(cnt == ind && !dataChk){ $(item).remove(); } }); }); }); } </script>  <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxz22cyz2hlvyq-f-b7f61c521-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"143520","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":6,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"15a284ca","ak.r":6099,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":55628,"ak.gh":"124.155.222.130","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732730225","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==4hXHu7zXK4VsRml2vePT1JPMd7eUvHpt36RWBspd1eSwtRnTPm91COz9IypPpQXLbb1Biv4sk2sCnU9steB7JcC3MI+BEDwYLGxOX5juObtpKABSPXpkDPLfVzHxgHasjUXOViBKY4y3XqTac02x8QMzDsxZqs/oLO21XVaJvOblgxIT6fGOUN70qanB/PWv4HRrYzq0QjUwukPnje89CZtt6Y/gp06AxUzVevPIqw+tg3jJHWyDYP44ZFCeEjLs1XAsVxGwh7f8foV9/K64nKfzEg/qcJq/+L4FhTinB+N8ZmIqbhD55gseUD4B0pVC4cWingWBCvlTab+1Utm35KZlJvb8VnM8+2W5jhcqGs1hE1JEIcWTOtTl4aKgcb9vQI76EpvwhEh3FqV2kSX22xMWkNbpb/AiuaicSkeeip0=","ak.pv":"3678","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body data-pagename="b2c">  <div id="skip_content"> <a href="#pd-container" class="">본문 바로가기</a> </div>  <div id="wrap"> <div id="gcsInducePopBf" style="display: none;"></div>  <script async type="text/javascript"> $(document).ready(function(){ let gcsUserAgent = navigator.userAgent.toUpperCase(); //조건식 선언 if( (window.secapp !== undefined || window.secapppopup != undefined) && ( (gcsUserAgent.indexOf("SECTEST") > -1) || (gcsUserAgent.indexOf("SECAPP") > -1) ) ){ //gcsInducePopup(); //운영에는 팝업 뜨지 않게 분기처리 // 속도개선 개발 시에, 중복으로 gcsInducePopup 펑션이 여러번 호출되어도 팝업이 한번만 떠있는 상태로 존재하도록 개발 부탁드립니다. } }); function gcsInducePopup() { if(getCookieForSite("mbrNo_1_") != ''){ if (getCookieForSite("gcsMbrYn_1_") == 'Y'){ gcsToastAjax('gcsWelcomePopup'); // 기가입자 } else if(getCookieForSite("gcsInduceMbrYn_1_") == 'Y'){ gcsToastAjax('gcsNewPopup'); //가입유도 } } } //갤캠스 유도 팝업 AJAX 호출 function gcsToastAjax(id){ $.ajax({ url : "/sec/xhr/common/gcsInducePopImg" , type : "POST" , success : function(result){ if($('#gcsNewPopup').length < 1){ $("#gcsInducePopBf").before(result); gcsToast(id); } } }); }; //갤캠스 유도 팝업 열기 :: 갤캠앱 통합 function gcsToast(id){ var appTCondition = false; if(window.secapp != undefined || window.secapppopup != undefined){ appTCondition = true; } var toastI = $('#'+id); var key = encodeURIComponent(getCookieForSite("mbrNo_1_")); var toastYN = getCookieForSite("gcsToastYN"+"_"+id+'_'+key); var path = window.location.pathname; if (path.indexOf('/sec/cart/') >= 0 ) { $('#'+id+"Warning").show(); } else if (path.indexOf('/sec/order/') >= 0 ) { $('#'+id+"Warning").show(); } else if (path.indexOf('/sec/present/') >= 0 ) { $('#'+id+"Warning").show(); appTCondition = false; } else if (path.indexOf('/sec/careplusSubApply/') >= 0 ) { $('#'+id+"Warning").show(); } else { $('#'+id+"Warning").hide(); } if(path != '/sec/'){ if(id == 'gcsNewPopup'){ appTCondition = false; } } if (path.indexOf('/sec/digitalplaza/storeMain/') >= 0 || path.indexOf('/sec/event/gift/') >= 0 || path.indexOf('/sec/event/galaxy-z5/promotion') >= 0 || path.indexOf('/sec/event/galaxy-z5/benefit') >= 0 || path.indexOf('/sec/event/galaxywatch6') >= 0 || path.indexOf('/sec/event/galaxy_tabs9_preorderpromotion') >= 0) { appTCondition = false; } function toastPO(){ if(toastI.length > 0){ $('body').append(mask); $("#mask2").fadeIn(); $(toastI).addClass("active"); } } let mask = `<div id="mask2" style="z-index: 899;position:fixed; display:block; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.8);"></div>`; appTCondition && (toastYN != "N") ? toastPO() : "" ; }; // 갤캠스 유도 토스트 팝업 닫기 :: 갤캠앱 통합 function gcsToastClose(id){ var cookieDay = id == "gcsWelcomePopup" ? 7 : 1; var key = encodeURIComponent(getCookieForSite("mbrNo_1_")); $("#mask2").remove(); $('#'+id).removeClass("active"); var atpc = $("#chk-"+id).is(":checked"); atpc ? setCookie("gcsToastYN"+"_"+id+'_'+key,"N",cookieDay) : ""; } // 갤캠스 유도 토스트 하이퍼링크처리 function gcsToastHref(objectId){ if(objectId == 'goToGcs'){ window.location.href="/sec/member/saSsoLogin?redirect_url=/event/galaxycampus/"; } if(objectId == 'goToSignup'){ window.location.href="/sec/member/saSsoLogin?redirect_url=/event/galaxycampus/member/loginDocumentEmailCheck"; } } </script>  <script async type="text/javascript"> class PurchaseBenefitPop { constructor() { this.toastPop = document.getElementById("purchaseBenefitPop"); this.toastPopClose = document.querySelector("#purchaseBenefitPop .stop-view-wrap .toast-close"); this.newGnb = document.querySelector(".new-gnb"); this.mask = $(`<div id="mask" style="z-index: 299;"></div>`); this.setEnv(); this.url = window.location.href; } init() { let slideCount = document.querySelectorAll("#purchaseBenefitPop .app_btmBanner_swiper .swiper-slide").length; this.swiper = new Swiper("#purchaseBenefitPop .app_btmBanner_swiper", { pagination: { el: "#purchaseBenefitPop .swiper-pagination", type: "fraction", clickable : slideCount > 1 ? true : false, }, touchRatio : slideCount === 1 ? 0 : 1 }); if (slideCount <= 1) { let pElement = this.toastPop.querySelector('.swiper-pagination'); if (pElement) { pElement.style.display = 'none'; } } } popUp() { this.toastPop.setAttribute("display", "block"); this.init(); this.mask.fadeIn(); this.toastPop.classList.add("active"); } popClose() { this.mask.fadeIn("fast").remove(); this.toastPop.classList.remove("active"); this.toastPop.setAttribute("display", "none"); let atpc = $("#purchaseBenefitPop #chk-not-see").is(":checked"); this.setCookie(this.cookieName, "N", atpc ? 7 : 1); appWebAutoLogin2(); //닫기시 자동로그인 호출 /*if (atpc) { this.setCookie(this.cookieName, "N", 7); }*/ } setEnv() { this.env = "web"; let gcsUserAgent = navigator.userAgent.toUpperCase(); if ((device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined))) { this.env = "moWeb"; return; } if( (window.secapp !== undefined || window.secapppopup != undefined) && ( (gcsUserAgent.indexOf("SECTEST") > -1) || (gcsUserAgent.indexOf("SECAPP") > -1))) { this.env = "android"; return; } } getCookie(key){ let result = null; let cookie = document.cookie.split(';'); cookie.some(function (item) { //공백 제거 item = item.replace(' ', ''); var dic = item.split('='); if (key === dic[0]){ result = dic[1]; return true; } }); return result; } setCookie(name, value, exp) { let date = new Date(); date.setTime(date.getTime()+exp*24*60*60*1000); document.cookie = name+'='+value+';expires='+date.toUTCString()+';path=/'; } simplePop(cookieName, popUpId, componentList) { this.cookieName = cookieName; let cookie = this.getCookie(cookieName); if (cookie === "N") { return; } let pcDevice = "win16|win32|win64|mac|macintel"; let platform = navigator.platform; if(platform){ if(pcDevice.indexOf(platform.toLowerCase())>= 0){ return; } } //미노출 url 및 노출 기간 검증 $.ajax({ url : "/sec/xhr/appInstallPop/purchaseBenefitPop" ,type : "POST" ,dataType : 'json' ,contentType : "application/json; charset=UTF-8" ,data : JSON.stringify({ popUpId : popUpId }) ,success : (result) => { if (result.popOpenFlag === "Y") { for (let i = componentList.length - 1; i >= 0; i--) { let component = document.getElementById(componentList[i]); component.style.display = 'block'; this.toastPop.querySelector('.swiper-wrapper').appendChild(component); } this.popUp(); } } }); } goToUrl(moWebUrl, appUrl) { window.location.href = "/sec/" + this.env === "android" ? appUrl : moWebUrl; } } let purchaseBenefitPop = null; $(document).ready(()=>{ purchaseBenefitPop = new PurchaseBenefitPop(); if (purchaseBenefitPop.env === "moWeb") { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["purchaseBenefitPopComponent"]); } if (purchaseBenefitPop.env === "android") { //ajax 호출로 로그인 여부 검증. let logInYn = getCookieForSite("mbrNo_1_") != ''; let gcsMemberYn = getCookieForSite("gcsMbrYn_1_") == 'Y'; if (logInYn && gcsMemberYn) { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["galcamsGatePopComponent", "purchaseBenefitPopComponent"]); } else { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["purchaseBenefitPopComponent"]); } } }); </script> <div id='purchaseBenefitPop' class="toast-pop induce-ss-app toast-parent" data-toast-name="toastInduce" data-focus="toastInduce" data-toast-index="0" style="display: none"> <div class="inner">  <div class="app_btmBanner_swiper"> <div class="swiper-wrapper"></div> <div class="swiper-pagination"></div> </div>  </div> <div class="stop-view-wrap"> <div class="chk-form"> <input id="chk-not-see" type="checkbox" required="" title="" class="" /> <label for="chk-not-see" class="">일주일 그만보기</label> </div> <button type="button" class="btn-underline toast-close" data-focus-next="toastInduce" onclick="purchaseBenefitPop.popClose()"> 닫기 </button> </div> </div> <div id='purchaseBenefitPopComponent' class="swiper-slide" style="display: none"> <div class="img-area"> <img src="//images.samsung.com/kdp/common/img-induce-benefit-4.png" alt="" /> </div> <div class="text-area"> <p><b class="eng">갤럭시 AI 폰</b> 구매 고객님께 드리는<br> <b>스마트태그2</b>를 지금 신청하세요!<br>(대상 모델 : S24 시리즈, S23 FE, Z Fold5 | Z Flip5, S23 시리즈)</p> </div> <button type="button" class="btn btn-d btn-type2" onclick="purchaseBenefitPop.goToUrl('https://www.samsung.com/sec/event/galaxy-ai/promotion/', 'https://www.samsung.com/sec/event/galaxy-ai/promotion/app')">신청하기</button> </div> <div id='galcamsGatePopComponent' class="swiper-slide" style="display: none;"> <div class="img-area" style="height:150px">  </div> <div class="text-area"> <p><b class="blue-color">갤럭시 캠퍼스 회원</b>이시네요! 리뉴얼 이벤트와 <br> 오리지널 콘텐츠, 더 풍성해진 커뮤니티까지!<br> <b class="blue-color">새로워진 갤럭시 캠퍼스</b>를 만나보세요 </p> </div> <button type="button" class="btn btn-d btn-type2" onclick="purchaseBenefitPop.goToUrl('member/saSsoLogin?redirect_url=/event/galaxycampus/', 'member/saSsoLogin?redirect_url=/event/galaxycampus/')">갤럭시 캠퍼스로 이동하기</button> </div>  <link rel="dns-prefetch" href="//cdn.decibelinsight.net"> <link rel="dns-prefetch" href="//collection.decibelinsight.net"> <script type="text/javascript"> function callApplicationMenu(menuName) { if(device.isIosApp) { if(menuName === "samsungApp") { return; } if ( window.location.hostname == 'dev-www.samsung.com' || window.location.hostname == 'stg-www.samsung.com' || window.location.hostname == 'www.samsung.com' || window.location.hostname == 'dev-familynet.samsung.com' || window.location.hostname == 'stg-familynet.samsung.com' || window.location.hostname == 'familynet.samsung.com' ) { window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"callAppMenu", p1:menuName})); } else { console.log('메시지를 보낼 수 없는 도메인입니다.'); } } else if(window.secapp) { window.secapp.callAppMenu(menuName); } } window._da_=window._da_||[]; _da_.oldErr=window.onerror; _da_.err=[]; window.onerror=function(){ _da_.err.push(arguments); if(_da_.oldErr){ _da_.oldErr.apply(window,Array.prototype.slice.call(arguments)); } }; window.addEventListener('load', (event) => { (function(d,e,c,i,b,el,it) { d.DecibelInsight=b; d[b] = d[b]||function(){( d[b].q=d[b].q||[]).push(arguments); }; el=e.createElement(c); it=e.getElementsByTagName(c)[0]; el.async=1; el.src=i; it.parentNode.insertBefore(el,it); })(window,document,'script','https://cdn.decibelinsight.net/i/14121/1818501/di.js','decibelInsight'); }); if (typeof window !== 'undefined' && typeof window.decibelInsight !== 'undefined') { window.decibelInsight('ready', decibelInit); } else { window._da_readyArray = window._da_readyArray || []; window._da_readyArray.push(decibelInit); } function decibelInit() { try{ document.cookie = "DXA_READY=1; max-age=6000"; }catch(e){ } if(digitalData.ecommerce.orderComplete) { var orderId = digitalData.ecommerce.orderComplete.id; // 결제 ID var orderPrice = digitalData.ecommerce.orderComplete.revenue; // 결제 총 금액 if(sessionStorage.getItem('DXA_'+ orderId) != 1) { //DXA_1234, DXA_1235 이벤트 중복체크하여, 해당값이 1이 아닌 경우만 실행 sessionStorage.setItem('DXA_'+orderId, 1); //해당 상품번호는 1로 설정 decibelInsight('sendTrackedEvent', 'Purchase', orderPrice); } } } function setCookieA(name, value, exp){ var date = new Date(); date.setTime(date.getTime()+exp*24*60*60*1000); document.cookie=name+'='+value+';expires='+date.toUTCString()+';path=/'; } function getCookieA(key){ var result = null; var cookie = document.cookie.split(';'); cookie.some(function (item) { //공백 제거 item = item.replace(' ', ''); var dic = item.split('='); if (key === dic[0]){ result = dic[1]; return true; } }); return result; } //app version 체크용 var CURRENT_AOS_APP_VERSION = getCookieA("CURRENT_AOS_APP_VERSION"); var CURRENT_IOS_APP_VERSION = getCookieA("CURRENT_IOS_APP_VERSION"); var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf("SECAPP")>-1 || userAgent.indexOf("SECTEST")>-1){ if(CURRENT_AOS_APP_VERSION == "" || CURRENT_AOS_APP_VERSION == null || CURRENT_AOS_APP_VERSION == undefined){ var aosVersion = window.secapp.getAppVersion(); getAppVersion(aosVersion, "AOS"); } } else if(userAgent.indexOf('SECIOS') > -1) { if(CURRENT_IOS_APP_VERSION == "" || CURRENT_IOS_APP_VERSION == null || CURRENT_IOS_APP_VERSION == undefined){ window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"getAppVersion", p1:"IOS"})); } } function getAppVersion(version, clcd) { if(clcd != null){ setCookieA("CURRENT_"+clcd+"_APP_VERSION", version, 0.5); if(clcd == "AOS") { //android CURRENT_AOS_APP_VERSION = version; } else { CURRENT_IOS_APP_VERSION = version; } } } //뒤로가기 버튼 네이티브 분기 function goBack(){ if((window.secapp || device.isIosApp) && checkAppVersion() == 1) { callApplicationMenu("back"); } else { window.history.go(-1); } } function checkAppVersion() { var curVersion; var stdVersion; var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf('SECAPP') > -1 || userAgent.indexOf("SECTEST") > -1) { curVersion = CURRENT_AOS_APP_VERSION; stdVersion = "2.2.3"; } else { curVersion = CURRENT_IOS_APP_VERSION; stdVersion = "1.9.9"; } if(curVersion == "" || curVersion == null || curVersion == undefined){ return false; } curVersion = curVersion.split("."); stdVersion = stdVersion.split("."); var result = false; for(var i=0; i< Math.max(curVersion.length, stdVersion.length); i++){ let curNum = curVersion[i] || 0; let stdNum = stdVersion[i] || 0; if(curNum > stdNum) { return 1; }else if(curNum < stdNum) { return -1; } } return 0; } </script>   <script defer> !function(e, r) { if (void 0 !== e && !e.adbrix) { var o = { queue: [] }, t = navigator.userAgent.toLowerCase(), c = r.createElement("script"), a = "Netscape" === navigator.appName && -1 !== navigator.userAgent.search("Trident") || -1 !== t.indexOf("msie") ? "abx-web-sdk.ie.min.js" : "abx-web-sdk.min.js"; c.type = "text/javascript", c.async = !0, c.src = "//static.adbrix.io/web-sdk/latest/" + a, c.onload = function() { e.adbrix.runQueuedFunctions ? e.adbrix.runQueuedFunctions() : console.log("[adbrix] Error: could not load SDK") }; var i = r.getElementsByTagName("script")[0]; i.parentNode.insertBefore(c, i); ["init", "onInitialized", "login", "getUserId", "logout", "userProperty.get", "userProperty.getAll", "userProperty.addOrUpdate", "userProperty.remove", "userProperty.removes", "common.signUp", "common.invite", "common.useCredit", "common.purchase", "event.send", "debug.traceListener", "commerceAttr.categories", "commerceAttr.product", "commerce.viewHome", "commerce.categoryView", "commerce.productView", "commerce.addToCart", "commerce.addToWishList", "commerce.reviewOrder", "commerce.refund", "commerce.search", "commerce.share", "commerce.listView", "commerce.cartView", "commerce.paymentInfoAdded", "game.tutorialComplete", "game.characterCreated", "game.stageCleared", "game.levelAchieved"].forEach(function(e) { var r = e.split("."), t = r.pop(); r.reduce(function(e, r) { return e[r] = e[r] || {} }, o)[t] = function() { o.queue.push([e, arguments]) } }), e.adbrix = o } }(window, document); $(document).ready(function(){ // AdBrix Web SDK init window.adbrix.init({ appkey: PROPS_ADBRIX_APP_KEY, webSecretkey: PROPS_ADBRIX_WEB_SECRET_KEY }); }); </script>   <div class="outer__mask" data-type=""></div> <header id="header__navi" class=""> <script> // let locationUrl = window.location.href; let style = "<style> body {display:none;} </style>"; // if(locationUrl=="http://localhost:8080/sec/" || locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/"){ $("body").prepend(style); // } </script> <div class="header__inner"> <div class="logo"> <a href="javascript:void(0);" onclick="openCtaLink('/sec/','_self');" data-omni="gnb_samsung_logo" title="삼성 닷컴으로 이동"> <svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="17" x="0px" y="0px" viewBox="0 0 120 17" xml:space="preserve" fill="currentColor"> <style type="text/css"> .st0{fill:#000;} </style> <g id="그룹_6_00000054980231599809239120000010237605620034582675_" transform="translate(0 0)"> <path id="패스_40_00000102518621275233789640000013295783304341869743_" class="st0" d="M92.5,13.1L92.3,0.5h4v15.9h-5.7 L86.6,3.4h-0.1l0.2,13.1h-3.9V0.5h5.9L92.5,13.1L92.5,13.1z"/> <path id="패스_41_00000156569092805086873380000006366778581903118496_" class="st0" d="M20.6,2l-2.2,14.6h-4.3l3-16.1h7.1 l2.9,16.1h-4.3L20.6,2L20.6,2z"/> <path id="패스_42_00000109723613739840634560000006153530515306095037_" class="st0" d="M39.2,12.8l2-12.3h6.5l0.4,16.1h-4 L44,2.1h-0.1l-2.7,14.4h-4.1L34.5,2.1h-0.1l-0.1,14.4h-4l0.4-16.1h6.5L39.2,12.8L39.2,12.8z"/> <path id="패스_43_00000124856864098989735720000000947399174449198469_" class="st0" d="M7.4,12.1c0.1,0.4,0.1,0.8,0,1.2 c-0.1,0.5-0.5,1.1-1.6,1.1c-1,0-1.6-0.6-1.6-1.5v-1.6H0v1.2c0,3.6,2.8,4.7,5.8,4.7c2.9,0,5.3-1,5.6-3.7c0.1-0.9,0.1-1.8,0-2.6 c-0.7-3.4-6.7-4.4-7.2-6.3c-0.1-0.3-0.1-0.6,0-0.8C4.4,3.1,5,2.6,5.7,2.7C6.4,2.6,7.1,3.2,7.2,4c0,0.1,0,0.1,0,0.2v1h4V4 c0-3.5-3.1-4-5.4-4C2.9,0,0.6,0.9,0.2,3.6C0.1,4.3,0.1,5,0.2,5.7C0.9,9,6.6,10,7.4,12.1z"/> <path id="패스_44_00000003805233845088015000000012094499568742061709_" class="st0" d="M59.3,12c0.1,0.4,0.1,0.8,0,1.2 c-0.1,0.5-0.5,1.1-1.5,1.1c-1,0-1.6-0.6-1.6-1.4v-1.5H52v1.2c0,3.5,2.8,4.6,5.7,4.6c2.9,0,5.2-1,5.6-3.6c0.1-0.9,0.1-1.7,0-2.6 c-0.7-3.3-6.7-4.3-7.1-6.2c-0.1-0.3-0.1-0.6,0-0.8c0.1-0.7,0.8-1.2,1.4-1.1C58.3,2.7,59,3.2,59.1,4c0,0.1,0,0.2,0,0.2v1H63V4.1 c0-3.5-3.1-4-5.3-4c-2.8,0-5.1,0.9-5.5,3.5c-0.1,0.7-0.1,1.4,0,2.1C52.9,9,58.5,10,59.3,12z"/> <path id="패스_45_00000102503741420779417540000004179831365953292733_" class="st0" d="M72.7,14.2c0.7,0.1,1.4-0.4,1.5-1.2 c0-0.2,0-0.4,0-0.6V0.5h4V12c0,0.3,0,0.9,0,1.1c-0.3,3-2.6,4-5.6,4s-5.3-1-5.6-4c0-0.2,0-0.8,0-1.1V0.5h4v11.9c0,0.2,0,0.4,0,0.6 C71.4,13.8,72,14.3,72.7,14.2z"/> <path id="패스_46_00000138553160280057187080000009994170928517811595_" class="st0" d="M106,14c0.7,0.1,1.4-0.4,1.6-1.2 c0-0.2,0-0.4,0-0.6V9.9h-1.6V7.6h5.7v4.3c0,0.4,0,0.7-0.1,1.1c-0.3,2.9-2.8,4-5.6,4c-2.8,0-5.4-1-5.6-4c0-0.4-0.1-0.7-0.1-1.1V5.1 c0-0.4,0-0.7,0.1-1.1c0.4-3,2.8-4,5.6-4s5.3,1,5.6,4c0,0.4,0,0.7,0,1.1v0.5h-4V4.7c0-0.2,0-0.4-0.1-0.6c-0.2-0.8-0.9-1.3-1.6-1.2 c-0.7-0.1-1.4,0.4-1.6,1.2c0,0.3-0.1,0.5-0.1,0.8v7.3c0,0.2,0,0.4,0,0.6C104.6,13.6,105.3,14.1,106,14z"/> </g> </svg> </a> </div> <div class="utility__wrap"> <div class="utility__button__search" data-name="utility__search"> <div class="search__box" data-omni="search" role="button" onclick="headerSearch.eventListener.uinifiedSearchInp();"> <ul id="search__slide__00"> </ul> <button type="button" class="search__button"> <span class="sr-only">검색 버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> </div> <div class="utility__button__back__m" data-name="utility__back"> <button class="utility__back" onclick="goBack();"> <span class="sr-only">뒤로가기</span> <svg id="icon-svg-back" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20.132"> <g transform="translate(-0.047 -0.047)" fill="currentColor"> <g transform="translate(3.779 1.595)"> <path d="M197.669,189.924l-8.584,8.584,8.584,8.584" transform="translate(-189.085 -189.924)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </g> <rect width="20" height="20" transform="translate(0.047 0.047)" fill="none"/> </g> </svg> </button> </div> <div class="utility__button__search__m" data-name="utility__search"> <button class="search__button" onclick='$(".search__box").eq(0).click();' data-omni="search"> <span class="sr-only">검색버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> <div class="utility__button__barcode__m" name="appMenu" style="display:none !important;" data-name="utility__barcode"> <button class="barcode__button" data-omni="membership" onclick="callApplicationMenu('memberShip');"> <span class="sr-only">바코드</span> <svg id="icon-svg-barcode" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 96 96" fill="currentColor"> <rect width="96" height="96" fill="none"/> <path d="M-4491.75-1950a4.25,4.25,0,0,1-4.245-4.024v-.015l-.006-.212v-59.5a4.248,4.248,0,0,1,4.024-4.244h.015l.206,0h83.506a4.247,4.247,0,0,1,4.244,4.024v.014l0,.212v59.5a4.249,4.249,0,0,1-4.023,4.245h-.014l-.212.006Zm1.75-6h80v-56h-80Zm66-8v-40h4v40Zm-7,0v-40h4v40Zm-12,0v-40h10v40Zm-7.5,0v-40h5v40Zm-9,0v-40h5v40Zm-13.5,0v-40h10v40Zm-7.5,0v-40h5v40Z" transform="translate(4498.5 2032.5)"/> </svg> </button> </div> <div class="utility__button__cart" data-name="utility__cart"> <button class="cart__button" onclick="getCartList();"> <span class="sr-only">장바구니 버튼</span> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g id="icon-svg-cart" transform="translate(-9)"> <rect width="26" height="26" transform="translate(9)" fill="none"/> <path d="M20.974,22.205a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,20.974,22.205Zm-9.7,0a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,11.273,22.205Zm9.7,1.94a1.109,1.109,0,1,0,1.109,1.109A1.1,1.1,0,0,0,20.974,24.145Zm-9.7,0a1.109,1.109,0,1,0,1.109,1.109A1.094,1.094,0,0,0,11.273,24.145ZM4.648,3.8A1.527,1.527,0,0,1,6.062,4.826v.055l.832,3.1H25.769a1.329,1.329,0,0,1,1.3,1.608v.055L24.411,19.71a1.482,1.482,0,0,1-1.358,1.081H9.138a1.49,1.49,0,0,1-1.414-1.026L7.7,19.71,4.066,6.017H1.1V3.8Zm19.957,6.4H7.475l2.217,8.371H22.415Z" transform="translate(7.9 -2.801)"/> </g> </svg> <span class="cart__count" style="display:none;"></span> </button> <div class="cart__list"> </div> </div> <div class="utility__button__user" data-name="utility__user"> <button class="user__button"> <span class="sr-only">유저 메뉴버튼</span> <svg id="icon-svg-mypage" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M25,15.5a8.989,8.989,0,0,1,9,8.734v2.235a1.408,1.408,0,0,1-1.406,1.406H17.406A1.408,1.408,0,0,1,16,26.469V24.234A8.989,8.989,0,0,1,25,15.5Zm0,2.25a6.794,6.794,0,0,0-6.75,6.484v1.391h13.5V24.234A6.794,6.794,0,0,0,25,17.75ZM25,2a6.188,6.188,0,1,1-6.187,6.188A6.2,6.2,0,0,1,25,2Zm0,2.25a3.938,3.938,0,1,0,3.938,3.938A3.942,3.942,0,0,0,25,4.25Z" transform="translate(-12 -2)"/> </svg> <svg id="icon-svg-mypage-on" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor" style="display:none;"> <defs><style>.a{fill:none;}</style></defs> <rect class="a" width="26" height="26"/> <path d="M25,15.5a8.989,8.989,0,0,1,9,8.734v2.235a1.408,1.408,0,0,1-1.406,1.406H17.406A1.408,1.408,0,0,1,16,26.469V24.234A8.989,8.989,0,0,1,25,15.5ZM25,2a6.188,6.188,0,1,1-6.187,6.188A6.188,6.188,0,0,1,25,2Z" transform="translate(-12 -2)"/> </svg> </button> <div class="user__list"> </div> </div> <div class="utility__button__menu__m" data-name="utility__menu" style="display:none !important;"> <button class="menu__button" id="menuButton"> <span class="sr-only">메뉴</span> <svg id="icon-svg-menu" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g transform="translate(2.001 5)"> <line x1="22" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> <line x1="22" transform="translate(0 8)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> <line x1="22" transform="translate(0 16)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> </g> <rect width="26" height="26" fill="none"/> </svg> </button> </div> <div class="utility__button__home__m" data-name="utility__home" data-omni="gnb_samsung_home" > <button class="home__button" onclick="location.href='/sec/';"> <span class="sr-only">홈으로 가기</span> <svg id="icon-svg-home" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"> <g transform="translate(-1223.802 -58.802)"> <rect width="24" height="24" transform="translate(1223.802 58.802)" fill="none"/> <path d="M312.913,64.608a1.109,1.109,0,0,1-1.109-1.049l0-.061V50.712a1.417,1.417,0,0,1,.494-1.045l.056-.043,8.948-6.593a1.221,1.221,0,0,1,1.365-.039l.056.039,8.948,6.593a1.411,1.411,0,0,1,.547,1.018l0,.07V63.5a1.11,1.11,0,0,1-1.05,1.109l-.06,0Zm13.036-11.442v9.712h4.54V50.9l-8.479-6.248L313.531,50.9V62.879h4.541V53.167Zm-6.393,9.712h4.909V54.65h-4.909ZM322.01,44.345Z" transform="translate(913.915 17.177)"/> </g> </svg> </button> </div> </div> <div class="menu__wrap" id="menuWrap"> <div class="menu__head m-only"> <div class="head__top"> <div class="search__box" onclick="headerSearch.eventListener.uinifiedSearchInp();" data-omni="search"> <ul id="search__slide__02"> </ul> <button id="mobMenuSearchButton" type="button" class="menu__search__button"> <span class="sr-only">검색 버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> <div class="head__button__wrap"> <button name="appMenu" style="display:none !important;" class="menu__noti__button" onclick="openCtaLink('/sec/push/notify/','_self');" data-omni="notice"> <span class="sr-only">알림</span> <svg id="icon-svg-notification" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 96 96"> <rect width="96" height="96" fill="none"/> <path d="M-4713.05-1905.775a13.972,13.972,0,0,1-4.123-8.225H-4737.8a4.167,4.167,0,0,1-3.431-1.716,4.14,4.14,0,0,1-.542-3.773l.009-.026.07-.192,8.272-21.14a3.73,3.73,0,0,0,.119-.6l0-.073v-9.667l.007-9.006a29.528,29.528,0,0,1,2.544-11.253,29.577,29.577,0,0,1,6.371-9.152,29.433,29.433,0,0,1,9.286-6.151A29.2,29.2,0,0,1-4703.8-1989h0a29.294,29.294,0,0,1,20.417,8.248,29.537,29.537,0,0,1,9.057,20.087v.008l.017.5.009,18.659a3.577,3.577,0,0,0,.108.611l.024.069,8.262,21.117a4.162,4.162,0,0,1-.349,3.819,4.137,4.137,0,0,1-3.316,1.879h-.022l-.207.006h-20.625a13.989,13.989,0,0,1-4.123,8.224A13.243,13.243,0,0,1-4703.8-1902,13.243,13.243,0,0,1-4713.05-1905.775Zm9.253-3.225a6.606,6.606,0,0,0,6.252-5h-12.507A6.561,6.561,0,0,0-4703.8-1909Zm-22.481-51.421-.012.359-.007,18.566a9.988,9.988,0,0,1-.487,2.874l-.008.025-.111.3L-4733.67-1921h59.744l-6.766-17.3a9.85,9.85,0,0,1-.569-2.5l0-.023-.025-.361-.008-.325v-3.97l-.007-14.546A22.436,22.436,0,0,0-4703.8-1982,22.485,22.485,0,0,0-4726.278-1960.421Z" transform="translate(4751.999 1994)"/> </svg> </button> <button class="menu__cart__button" onclick="getCartList();" data-omni="cart"> <span class="sr-only">장바구니 버튼</span> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g id="icon-svg-cart-menu" transform="translate(-9)"> <rect width="26" height="26" transform="translate(9)" fill="none"/> <path d="M20.974,22.205a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,20.974,22.205Zm-9.7,0a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,11.273,22.205Zm9.7,1.94a1.109,1.109,0,1,0,1.109,1.109A1.1,1.1,0,0,0,20.974,24.145Zm-9.7,0a1.109,1.109,0,1,0,1.109,1.109A1.094,1.094,0,0,0,11.273,24.145ZM4.648,3.8A1.527,1.527,0,0,1,6.062,4.826v.055l.832,3.1H25.769a1.329,1.329,0,0,1,1.3,1.608v.055L24.411,19.71a1.482,1.482,0,0,1-1.358,1.081H9.138a1.49,1.49,0,0,1-1.414-1.026L7.7,19.71,4.066,6.017H1.1V3.8Zm19.957,6.4H7.475l2.217,8.371H22.415Z" transform="translate(7.9 -2.801)"/> </g> </svg> <span class="cart__count" style="display:none;"></span> </button> <button class="menu__close__button" data-omni="menu close"> <span class="sr-only">메뉴닫기</span> <svg id="icon-svg-gnbClose" xmlns="http://www.w3.org/2000/svg" width="22.745" height="22.745" viewBox="0 0 22.745 22.745" fill="currentColor"> <g transform="translate(-275.669 -189.336)"> <line x2="19.917" y2="19.917" transform="translate(277.083 190.75)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line x1="19.917" y2="19.917" transform="translate(277.083 190.75)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </g> </svg> </button> </div> </div> <div class="head__bottom"> <div class="login__user__wrap m-only"> <a href="javascript:doLogin();" data-omni="login"> 로그인/회원가입 > </a> </div> <div class="add__contents__wrap m-only"> <div class="add__contents__inner"> <ul id="addContents__slider"> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/smartphones/galaxy-z-fold-special-edition/buy/','_self');" data-omni="mobilecontents:galaxy-z-fold-special-edition_shot"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/98e12cc8-0f3d-4c81-aa88-3fc1af396d6f.jpg" alt="갤럭시 Z 폴드6 스페셜 에디션 페이지로 이동" /> </div> <p>갤럭시 Z 폴드<br> 스페셜 에디션</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/event/galaxy-z6/promotion/app/','_self');" data-omni="mobilecontents:Galaxy benefit_shot"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/061d6559-0ded-4973-8fba-31b0d031b505.png" alt="Galaxy 구매 혜택 신청하기" /> </div> <p>Z폴드6ㅣZ플립6 혜택 신청하기</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://samsung.com/sec/offer/samsung-week','_self');" data-omni="mobilecontents:Samsung Week_alarm_shotcut"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/6c75efec-6305-4f59-bc01-3109b42c5c59.png" alt="파란종이백 모양의 버스에 Samsung Week라고 씌여져있는 이미지 " /> </div> <p>삼성위크<br>특별 혜택</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/Samsung-Care-Plus/CE/','_self');" data-omni="mobilecontents:withsamsungcareplus"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/21a1c96c-d2f1-4c91-8a2c-61691565bae1.png" alt="삼성케어플러스 앰블럼" /> </div> <p>삼성케어플러스</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/eventList/delivery-service/','_self');" data-omni="mobilecontents:delivery-service"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/9b021b3b-8fcb-47ed-9f50-266011e0fafc.png" alt="오늘보장&시간 맞춤 설치" /> </div> <p>오늘보장&<br> 시간 맞춤 설치</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/samsungstore/culture-lab/','_self');" data-omni="mobilecontents:samsungstore culture-lab"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/002534df-0ec6-4c2b-9163-66708187c77a.png" alt="삼성 컬처랩" /> </div> <p>삼성 컬처랩</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/store-model/live/','_self');" data-omni="mobilecontents:SamsungLive"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/65cb8d18-5dd2-4e75-8274-fa199e267569.png" alt="삼닷 Live" /> </div> <p>삼닷 Live</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/galaxycampus/','_self');" data-omni="mobilecontents:galaxycampus"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/cc13ffd5-92fc-463e-a8c1-0fee81323d10.png" alt="갤럭시 캠퍼스 " /> </div> <p>갤럭시 캠퍼스 </p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/smartthings/do-the-smartthings/','_self');" data-omni="mobilecontents:smartthings"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/5f6a183e-3de0-4da2-ba65-91d5ce31ba9b.png" alt="스마트싱스 앰블럼" /> </div> <p>스마트싱스</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/bespokeshop/','_self');" data-omni="mobilecontents:bespokeshop"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/50ac836b-9425-4751-bab8-bc37cedbfb99.png" alt="e식품관 소고기 이미지" /> </div> <p>e식품관</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/membership/membershipMain/','_self');" data-omni="mobilecontents:membership"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/7b81b664-5d91-4264-a54b-5114158a0240.png" alt="멤버십" /> </div> <p>멤버십</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/sustainability/main/','_self');" data-omni="mobilecontents:sustainability"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/98bb33e6-6b70-4cd3-9f54-f09729924928.png" alt="지속가능경영 앰블럼" /> </div> <p>지속가능경영</p> </a> </li> <li name="appMenu" style="display:none !important;"> <a href="javascript:void(0);" onclick="callApplicationMenu('samsungApp');" data-omni=":samsungapp"> <div class="imgform"> <img loading="lazy" src="/sec/static/_images/gnb/icon-gnb-samsungapp.png" alt="삼성전자 앱 메뉴 이미지"> </div> <p>삼성전자 앱</p> </a> </li> </ul> </div> </div> </div> </div> <ul class="menu__list"> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="AI" class="item__button " data-dispclsfno="710039388" data-menulinkgbcd="10" data-texten="AI" >AI</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="mobile" class="item__button " data-dispclsfno="710043106" data-menulinkgbcd="10" data-texten="mobile" >모바일</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="tv&audio" class="item__button " data-dispclsfno="710034650" data-menulinkgbcd="10" data-texten="tv&audio" >TV&오디오</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="kitchen-appliances" class="item__button " data-dispclsfno="710034651" data-menulinkgbcd="10" data-texten="kitchen-appliances" >주방가전</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="living" class="item__button " data-dispclsfno="710034652" data-menulinkgbcd="10" data-texten="living" >리빙가전</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="PC" class="item__button " data-dispclsfno="710034653" data-menulinkgbcd="10" data-texten="PC" >PC/주변기기</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" data-omni="expendables" class="item__button " data-dispclsfno="710034654" data-menulinkgbcd="20" data-texten="expendables" onclick="openCtaLink('/sec/accessories/','_self');" >소모품/액세서리</a> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="samsung care plus" class="item__button " data-dispclsfno="710037379" data-menulinkgbcd="10" data-texten="samsung care plus" >삼성케어플러스</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="smart things" class="item__button " data-dispclsfno="710034655" data-menulinkgbcd="10" data-texten="smart things" >스마트싱스</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="promotion" class="item__button " data-dispclsfno="710037734" data-menulinkgbcd="10" data-texten="promotion" >삼성닷컴추천</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" data-omni="outlet" class="item__button " data-dispclsfno="710034659" data-menulinkgbcd="20" data-texten="outlet" onclick="openCtaLink('/sec/outlets/all-outlets/','_self');" >아울렛</a> </li> <li class="menuitem__l0 list__divide"> <a href="javascript:void(0);" role="menuitem" data-omni="samsung Experience" class="item__button " data-dispclsfno="710037719" data-menulinkgbcd="10" data-texten="samsung Experience" >#Samsung Experience</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 list__right right__menu"> <a href="javascript:void(0);" role="menuitem" data-omni="support" class="item__button " data-dispclsfno="710034660" data-menulinkgbcd="10" data-texten="support" >고객지원</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" data-omni="Samsung Business" class="item__button newtab" data-dispclsfno="710034662" data-menulinkgbcd="30" data-texten="Samsung Business" onclick="openCtaLink('/sec/business/','_blank');"title="새 창" >비즈니스</a> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" role="menuitem" data-omni="samsung store" class="item__button " data-dispclsfno="710034661" data-menulinkgbcd="10" data-texten="samsung store" >삼성스토어</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" data-omni="sustainability" class="item__button " data-dispclsfno="710035040" data-menulinkgbcd="20" data-texten="sustainability" onclick="openCtaLink('/sec/sustainability/main/','_self');" >지속가능경영 </a> </li> </ul> <div class="user__mypage__list"> <ul> </ul> </div> </div> <div class="inner__mask" data-type=""></div> </div> </header>  <input type="hidden" name="useLogin" id="useLogin" value="" />   <input type="hidden" id="getCartCntUseYn" value="Y" /> <input type="hidden" id="getCouponCntUseYn" value="Y" /> <input type="hidden" id="getWritableMyCommentUseYn" value="Y" /> <input type="hidden" id="writableCommentUseYn" value="Y" />  <script defer> var userAgent=navigator.userAgent.toUpperCase(); if(userAgent.indexOf("SECAPP")>-1||userAgent.indexOf("SECTEST")>-1){ // $("#header").hide(); $(".string-banner-wrap").hide(); } if(window.secapp) { window.secapp.showAndHideGnb('GONE'); $("html").css("margin-top", "0px"); } var stcmtMbrYn = "N"; //스마트싱스 커뮤니티 회원 여부 $(document).ready(function(){ ts_hostChk('prd'); getSessionInfo(); // 장바구니 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCartCnt) var getCartCntUseYn = $("#getCartCntUseYn").val(); if(getCartCntUseYn == undefined || getCartCntUseYn == "Y"){ getCartCnt(); } // 모바일이면 1뎁스(1번째) 미리 Load처리 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false) { // .click(); 안되서 func직접호출 // $(".menuitem__l0").eq(0).children('a').click(); var depth1 = $(".menuitem__l0").eq(0).children('a'); var menuLinkGbCd = $(depth1).data("menulinkgbcd"); if(menuLinkGbCd == '10'){ getGnbDepth2(depth1); } //} // 1뎁스 mouseover시 2뎁스 조회 $(".menuitem__l0 > a").on("mouseover focus", function(){ // 메뉴링크구분이 서브메뉴가 아닌 경우 var menuLinkGbCd = $(this).data("menulinkgbcd"); if(menuLinkGbCd != '10'){ return; } // 2뎁스 AJAX호출 var depth1 = $(this); getGnbDepth2(depth1); }); // 1뎁스 클릭시 스타일적용 $(".menuitem__l0").on("click", function(){ $(".menuitem__l0").removeClass("active"); $(this).addClass("active"); }); let platformCd = getCookieA("COOKIE_KEY_PLATFORM"); if(platformCd == "" || platformCd == null || platformCd == undefined){ if(window.secapp !== undefined || window.secapppopup !== undefined){ setCookieA("COOKIE_KEY_PLATFORM", "AOS", 1); } else if(device.isIosApp){ setCookieA("COOKIE_KEY_PLATFORM", "IOS", 1); } } }); // 푸시 알림 뱃지 카운트 핸들러 function getAlarmCnt() { if(window.secapp) { var cnt = window.secapp.getBadgeCounterOfPushMessages(); getBadgeCounterOfPushMessagesCallback(cnt); } else if(device.isIosApp) { if ( window.location.hostname == 'dev-www.samsung.com' || window.location.hostname == 'stg-www.samsung.com' || window.location.hostname == 'www.samsung.com' || window.location.hostname == 'dev-familynet.samsung.com' || window.location.hostname == 'stg-familynet.samsung.com' || window.location.hostname == 'familynet.samsung.com' ) { window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"getBadgeCounterOfPushMessages"})); } else { console.log('메시지를 보낼 수 없는 도메인입니다.'); } } } // 푸시 알림 뱃지 카운트 콜백 //퍼블작업 완료시 진행예정 function getBadgeCounterOfPushMessagesCallback(cnt) { const alertDiv = $(".cta_alrt ._alrt"); // cnt > 0 ? alertDiv.show() : alertDiv.hide(); } // 2뎁스 조회 function getGnbDepth2(depth1){ // Load된 2뎁스 메뉴가 이미 존재하는 경우 var divCnt = $(depth1).siblings('div').children().length; if(divCnt > 0){ return; } var dispClsfNo = $(depth1).data("dispclsfno"); var text = $(depth1).text(); var textEn = $(depth1).data("texten"); var omni = $(depth1).data("omni"); $.ajax({ url : "/sec/cxhr/display/getGnbDepth2" , type : "GET" , data : {upDispClsfNo : dispClsfNo , dispClsfNm : text , dispClsfEnNm : textEn } , dataType : "html" , success : function(html) { if(html != ""){ $(depth1).siblings('.menuitem__l1__container').replaceWith(html); if(omni.toLowerCase() == "smart things"){ $(depth1).siblings('.menuitem__l1__container').find(".menuitem__l2__list").children().each(function(){ var omniArr = $(this).children().data("omni").split(":"); if(omniArr.length == 2 && omniArr[1].toLowerCase() == "smartthings-square"){ if(stcmtMbrYn == "Y" || stcmtMbrYn == "R"){ $(this).show(); }else{ $(this).hide(); } } }); } //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ if(window.innerWidth <= 1280){ // 모바일 이미지메뉴 2줄처리 width설정 var depth2 = $(depth1).siblings('.menuitem__l1__container'); if($(depth2).find("#new__prod__slider__01").length > 0){ var ul = $(depth2).find("#new__prod__slider__01"); var liWidth = $(ul).children("li").first().width(); var liCnt = $(ul).children("li").length; var ulWidth = (liWidth * liCnt * 0.65); $(ul).css("width", ulWidth+"px"); } // 모바일(아이폰) 2뎁스 화이트영역을 1뎁스 FULL높이로 변경 let mainListH = document.querySelector(".menu__list").clientHeight; $(".menuitem__l1__container").css({ height: mainListH + "px" }); } // s : 고객지원 - 원격상담/출장예약/전화상담 메뉴 SSO연동설정(앱→웹) if(textEn.toLowerCase().indexOf("support") > -1){ // 원격상담 $("a[data-omni='support:remote_service']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/consult/remote');"); // 전화상담 $("a[data-omni='support:rescounselview']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/consult/call');"); //출장서비스예약 $("a[data-omni='support:U service reservation']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/reserve/reserveEngineer');"); } // e : 고객 지원 - 원격지원/출장예약/전화상담 메뉴 SSO연동(앱→웹) } } , error : function(request, status, error) { } }); } var clipboard = new ClipboardJS('#lUrl'); clipboard.on('success', function(e) { let alertData = { title: "" ,content : "링크가 복사되었습니다." ,callback : "" ,btnText : "확인" }; commonAlert(alertData); openLayer('commonAlert'); }); clipboard.on('error', function(e) { let alertData = { title: "" ,content : "다시 시도하여 주십시오." ,callback : "" ,btnText : "확인" }; commonAlert(alertData); openLayer('commonAlert'); }); function getCartList(){ var options = { url : '/sec/xhr/order/gnbCartList' , dataType : "html" , done : function(data){ $(".cart__list").html(data); gnbObj.ultilityEvent('cart'); } } ajax.call(options); } // 뒤로가기 시 이벤트 $(window).bind("pageshow", function(event){ if(event.originalEvent.persisted || window.performance && window.performance.navigation.type == 2){ // 장바구니 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCartCnt) var getCartCntUseYn = $("#getCartCntUseYn").val(); if(getCartCntUseYn == undefined || getCartCntUseYn == "Y"){ getCartCnt(); } var useLogin = $("input[name=useLogin]").val(); if(useLogin == "Y"){ // 작성가능한 상품평 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - writableComment) //20240517 kcg - 앱설치유도배너 중복 노출로 인한 로직 제거 // var writableCommentUseYn = $("#writableCommentUseYn").val(); // if(writableCommentUseYn == undefined || writableCommentUseYn == "Y"){ // writableComment(); // } // 작성가능한 상품평 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getWritableMyComment) var getWritableMyCommentUseYn = $("#getWritableMyCommentUseYn").val(); if(getWritableMyCommentUseYn == undefined || getWritableMyCommentUseYn == "Y"){ getWritableMyComment(); } else { // 개수 표시 미노출 $("#mobMyComment").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평'); $("#pcMyComment").html('작성 가능한 상품평'); } // 사용가능한 쿠폰 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCouponCnt) var getCouponCntUseYn = $("#getCouponCntUseYn").val(); if(getCouponCntUseYn == undefined || getCouponCntUseYn == "Y"){ getCouponCnt(); } else { // 개수 표시 미노출 $("#mobCouponZone").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰'); $("#pcCouponZone").html('사용 가능한 쿠폰'); } } } }); // 세션정보조회 function getSessionInfo() { $.ajax({ url : "/sec/xhr/member/getSession" , type : "POST" , success : function(result) { result = JSON.parse(result); if (result.mbrNo == "0") { //$("#imgUserMenuIcon").attr("src", "/sec/static/_images/gnb/icon-26-mypage.svg"); $("#icon-svg-mypage").css("display", ""); $("#icon-svg-mypage-on").css("display", "none"); $("input[name=useLogin]").val("N"); $(".link-login i").addClass("ico-people"); $(".user__button > .sr-only").text("로그인 메뉴버튼"); $(".loginAfter").remove(); $(".loginBefore").remove(); setLogoutGnbMenu(); } else { //$("#imgUserMenuIcon").attr("src", "/sec/static/_images/gnb/icon-26-mypage-on.svg"); $("#icon-svg-mypage").css("display", "none"); $("#icon-svg-mypage-on").css("display", ""); $("input[name=useLogin]").val("Y"); $(".link-login i").addClass("ico-people-logged"); $(".user__button > .sr-only").text("나의정보 메뉴버튼"); $(".loginBefore").remove(); $(".loginAfter").remove(); setLoginGnbMenu(); $("#mbrNmMo").html(result.mbrNm); $("#mbrNmPc").html(result.mbrNm); // 작성가능한 상품평 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - writableComment) var writableCommentUseYn = $("#writableCommentUseYn").val(); if(writableCommentUseYn == undefined || writableCommentUseYn == "Y"){ var writableMyCommentCnt = getCookieA("writableMyCommentCnt_1_"); if(writableMyCommentCnt !== undefined && writableMyCommentCnt != null && writableMyCommentCnt > 0){ writableComment(); } } // 작성가능한 상품평 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getWritableMyComment) var getWritableMyCommentUseYn = $("#getWritableMyCommentUseYn").val(); if(getWritableMyCommentUseYn == undefined || getWritableMyCommentUseYn == "Y"){ getWritableMyComment(); } else { // 개수 표시 미노출 $("#mobMyComment").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평'); $("#pcMyComment").html('작성 가능한 상품평'); } // 사용가능한 쿠폰 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCouponCnt) var getCouponCntUseYn = $("#getCouponCntUseYn").val(); if(getCouponCntUseYn == undefined || getCouponCntUseYn == "Y"){ getCouponCnt(); } else { // 개수 표시 미노출 $("#mobCouponZone").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰'); $("#pcCouponZone").html('사용 가능한 쿠폰'); } stcmtMbrYn = result.stcmCertStat; // 스마트싱스 회원여부 } } }); } // 메뉴설정 로그아웃 상태 function setLogoutGnbMenu() { // 모바일 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ var htmlMoLoginBefore = ''; // 로그인 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:doLogin();" data-omni=\'login\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-01.svg" alt="로그인 아이콘">로그인'; htmlMoLoginBefore += '<svg id="icon-svg-my-01" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="currentColor">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M23.219,12.5a5.746,5.746,0,0,1,5.719,5.542h0v1.49a.657.657,0,0,1-.656.656H18.156a.657.657,0,0,1-.656-.656h0v-1.49A5.746,5.746,0,0,1,23.219,12.5Zm0,.938a4.81,4.81,0,0,0-4.781,4.6h0V19.25H28V18.042a4.809,4.809,0,0,0-4.7-4.6h-.077Zm0-9.937a3.844,3.844,0,1,1-3.844,3.844A3.844,3.844,0,0,1,23.219,3.5Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.906,2.906,0,0,0,23.219,4.438Z" transform="translate(-14.125 -2.75)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '로그인'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 회원가입 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:doSignUp()" data-omni=\"sign up\">'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-02.svg" alt="회원가입 아이콘">회원가입'; htmlMoLoginBefore += '<svg id="icon-svg-my-02" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M56.787,62.513A3.2,3.2,0,0,1,53.6,59.306a3.115,3.115,0,0,1,.938-2.269,3.191,3.191,0,0,1,2.269-.937h0a3.2,3.2,0,0,1,3.206,3.188,3.237,3.237,0,0,1-3.225,3.225Zm0-5.606a2.4,2.4,0,0,0,.019,4.8h0a2.4,2.4,0,0,0,2.4-2.4,2.31,2.31,0,0,0-.712-1.687,2.383,2.383,0,0,0-1.706-.712Z" transform="translate(-43.287 -45.581)"/>'; htmlMoLoginBefore += '<path d="M29.438,18.55m-4.612,2.138H18.656A.664.664,0,0,1,18,20.031h0V18.55a5.7,5.7,0,0,1,7.913-5.1l-.825.694a4.247,4.247,0,0,0-1.294-.206h-.075a4.808,4.808,0,0,0-4.781,4.612h0v1.2h5.888ZM23.719,4a3.844,3.844,0,1,1-3.844,3.844A3.849,3.849,0,0,1,23.719,4Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.9,2.9,0,0,0,23.719,4.938Zm1.106,15.75" transform="translate(-14.362 -3.25)"/>'; htmlMoLoginBefore += '<rect width="0.638" height="3.675" transform="translate(13.181 11.888)"/>'; htmlMoLoginBefore += '<rect width="3.675" height="0.638" transform="translate(11.663 13.406)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '회원가입'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 삼성계정을 만들어야 하는 이유 htmlMoLoginBefore += '<li class="variety">'; htmlMoLoginBefore += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">'; //htmlMoLoginBefore += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; //htmlMoLoginBefore += '<rect width="18" height="18" fill="none"></rect>'; //htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '삼성계정을 만들어야 하는 이유'; htmlMoLoginBefore += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlMoLoginBefore += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlMoLoginBefore += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlMoLoginBefore += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 주문/배송 조회 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-03.svg" alt="주문/배송 조회 아이콘">주문/배송 조회'; htmlMoLoginBefore += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M17.78,23.837a.313.313,0,0,1-.249.1H16.16a2.1,2.1,0,0,0-3.222-1.062V17h3.078a.713.713,0,0,1,.654.541l.058.3H14.9a.561.561,0,0,0-.558.563v2.063a.561.561,0,0,0,.558.563h2.44l.489,2.543A.313.313,0,0,1,17.78,23.837Zm-2.391,1.038a1.266,1.266,0,0,1-2.5-.282,1.266,1.266,0,0,1,2.531,0A1.268,1.268,0,0,1,15.389,24.875ZM17.2,20.281h-2.1V18.594h1.779ZM12,23.938H7.535a2.108,2.108,0,0,0-4.007,0H2.438v-9H12v9Zm-5.236.938a1.244,1.244,0,1,1,.033-.281A1.267,1.267,0,0,1,6.764,24.875ZM18.752,23.4l-1.161-6.034a1.648,1.648,0,0,0-1.575-1.3H12.938V14.656A.657.657,0,0,0,12.281,14H2.156a.657.657,0,0,0-.656.656v9.562a.657.657,0,0,0,.656.656H3.443a2.107,2.107,0,0,0,4.177,0h4.448a2.107,2.107,0,0,0,4.177,0h1.287A1.215,1.215,0,0,0,18.752,23.4Z" transform="translate(-1.125 -11.375)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '주문/배송 조회'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 멤버십 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-05.svg" alt="멤버십 아이콘">멤버십'; htmlMoLoginBefore += '<svg id="icon-svg-my-05" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<g transform="translate(1 2.5)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginBefore += '<rect width="16" height="13" rx="3" stroke="none"/>'; htmlMoLoginBefore += '<rect x="0.5" y="0.5" width="15" height="12" rx="2.5" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '<line x2="15" transform="translate(1.5 12)" fill="none" stroke="#000" stroke-width="1"/>'; htmlMoLoginBefore += '<g transform="translate(3.6 5.1)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginBefore += '<rect width="3" height="3" rx="1" stroke="none"/>'; htmlMoLoginBefore += '<rect x="0.5" y="0.5" width="2" height="2" rx="0.5" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '멤버십'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 나의 제품 관리 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="NetFunnel_Action({action_id:\'b2c_login_default\'},\'/sec/mypage/info/indexMyDeviceList/\');return false;" data-omni=\'my device\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-08.svg" alt="나의 제품 관리 아이콘">나의 제품 관리'; htmlMoLoginBefore += '<svg id="icon-svg-my-08" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<defs>'; htmlMoLoginBefore += '<clipPath id="clip-path">'; htmlMoLoginBefore += '<rect width="15.004" height="14.533" fill="none"/>'; htmlMoLoginBefore += '</clipPath>'; htmlMoLoginBefore += '</defs>'; htmlMoLoginBefore += '<g transform="translate(-4353 -1170)">'; htmlMoLoginBefore += '<g transform="translate(4355 1172)">'; htmlMoLoginBefore += '<g transform="translate(0 0)" clip-path="url(#clip-path)">'; htmlMoLoginBefore += '<path d="M7.278,10.387l-.189.139L7.106,13.6l-4.377.017v-3.1l-.189-.139a3.854,3.854,0,0,1,0-6.248L2.729,4,2.712.928,7.089.911V2.362c.083-.093.167-.187.258-.274a4.864,4.864,0,0,1,.685-.559V.911A.919.919,0,0,0,7.106,0H2.712a.92.92,0,0,0-.926.911V3.542a4.77,4.77,0,0,0,0,7.442v2.638a.92.92,0,0,0,.926.911H7.106a.919.919,0,0,0,.926-.911V10.984a4.874,4.874,0,0,0,.937-1.018,4.9,4.9,0,0,1-.842-.434,3.982,3.982,0,0,1-.849.855" transform="translate(0 0)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M26.238,5.027A4.023,4.023,0,0,0,23.4,6.18a3.8,3.8,0,0,0-1.172,2.791,3.97,3.97,0,0,0,3.985,3.945,4.015,4.015,0,0,0,4.032-3.968,3.971,3.971,0,0,0-4.009-3.922m0,6.9a2.953,2.953,0,1,1-.024-5.906h0a3,3,0,0,1,2.133.876,2.82,2.82,0,0,1,.891,2.076,2.983,2.983,0,0,1-3,2.953" transform="translate(-15.243 -3.472)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M31.792,12.418h-1.1V11.371a.563.563,0,0,0-1.125,0v1.047h-1.1a.554.554,0,1,0,0,1.107h1.1v1.047a.563.563,0,0,0,1.125,0V13.525h1.1a.554.554,0,1,0,0-1.107" transform="translate(-19.133 -7.472)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M4.977,16.6a3.9,3.9,0,1,1,0-7.8,4,4,0,0,1,1.384.25,4.643,4.643,0,0,1,.457-.822,4.947,4.947,0,0,0-1.841-.356,4.831,4.831,0,1,0,0,9.66A4.93,4.93,0,0,0,9.041,15.4a4.9,4.9,0,0,1-.845-.435A3.979,3.979,0,0,1,4.977,16.6" transform="translate(-0.047 -5.434)" fill="#1a1311"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '<rect width="18" height="18" transform="translate(4353 1170)" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '나의 제품 관리'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 쿠폰존 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="쿠폰존 아이콘">쿠폰존'; htmlMoLoginBefore += '<svg id="icon-svg-my-04" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M19.094,14.5a.469.469,0,0,1,.468.438v3.153a.469.469,0,0,1-.469.469,2.195,2.195,0,0,0-2.112,1.5A2.231,2.231,0,0,0,19.04,23h.084a.468.468,0,0,1,.437.437v3.153a.469.469,0,0,1-.438.468H2.969a.469.469,0,0,1-.468-.438V14.969a.469.469,0,0,1,.438-.468H19.094Zm-.469.937H8.125v1.219H7.187V15.438H3.437V26.125h3.75V25.094h.938v1.031h10.5V23.907l-.032,0a3.169,3.169,0,0,1-2.542-4l.017-.06.019-.063A3.106,3.106,0,0,1,18.5,17.678l.065-.012.063-.01V15.438Zm-10.5,6.281v1.688H7.188V21.719Zm0-3.375v1.688H7.188V18.344Z" transform="translate(-1.938 -11.688)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '쿠폰존'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 삼성닷컴 회원 혜택 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-06.svg" alt="삼성닷컴 회원 혜택 아이콘">삼성닷컴 회원 혜택'; htmlMoLoginBefore += '<svg id="icon-svg-my-06" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M17.912,5a1.905,1.905,0,0,1,1.759,2.625h1.735a.657.657,0,0,1,.655.62v3.786a.657.657,0,0,1-.62.655h-.88v7.781a.657.657,0,0,1-.62.655H8.656A.657.657,0,0,1,8,20.5V12.688H7.156a.657.657,0,0,1-.655-.62V8.281a.657.657,0,0,1,.62-.655H8.892a1.9,1.9,0,0,1,2.673-2.392l.036.02.056.028.06.031c.139.073.334.185.585.34l.059.037c.549.343,1.189.79,1.92,1.354l-.07.054.238-.183c.626-.477,1.184-.865,1.671-1.174L16.2,5.69c.319-.2.554-.332.7-.408l.057-.029L17,5.234A1.894,1.894,0,0,1,17.843,5Zm-5.974,7.688h-3v7.5h3Zm3.75,0H12.875v7.5h2.813Zm3.938,0h-3v7.5h3ZM11.938,8.563h-4.5V11.75h4.5Zm3.75,0H12.875V11.75h2.813Zm5.438,0h-4.5V11.75h4.5ZM17.912,5.938a.957.957,0,0,0-.447.11l-.045.025-.02.012-.021.01c-.022.01-.074.037-.157.082-.128.07-.28.158-.456.267l-.067.042c-.47.294-1.015.671-1.634,1.14h3.488a.967.967,0,0,0-.641-1.688Zm-7.261,0a.967.967,0,0,0-.641,1.688H13.5c-.585-.443-1.1-.8-1.556-1.091l-.078-.049c-.181-.114-.339-.207-.473-.281l-.049-.027-.119-.063-.059-.028-.02-.012a.954.954,0,0,0-.492-.135Z" transform="translate(-5.188 -4.063)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '삼성닷컴 회원 혜택'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 앱설정 if(window.secapp || device.isIosApp) { htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="callApplicationMenu(\'settings\');">'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-setting.svg" alt="설정 아이콘">설정'; htmlMoLoginBefore += '<svg id="icon-svg-my-set" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">'; htmlMoLoginBefore += '<path d="M20.076-1.5A21.576,21.576,0,1,1-1.5,20.076,21.6,21.6,0,0,1,20.076-1.5Zm0,35.712A14.136,14.136,0,1,0,5.94,20.076,14.152,14.152,0,0,0,20.076,34.212Z" transform="translate(27.5 27.5)" fill="#010101"/>'; htmlMoLoginBefore += '<path d="M64.911,9.7h16.12a6.085,6.085,0,0,1,5.841,4.554l.01.041,2.465,10.354a.373.373,0,0,0,.068.089l.183.092,2.182,1.455a1.755,1.755,0,0,0,.542.13L102.7,23.451a5.886,5.886,0,0,1,1.426-.176h0a6.144,6.144,0,0,1,5.051,2.713l.071.107,8.182,14.319.116.349A6.52,6.52,0,0,1,116.15,47.3l-7.688,7.688a.4.4,0,0,0-.15.346v.458l-.427,1.709a.891.891,0,0,0,.1.177l7.674,7.674a6.008,6.008,0,0,1,1.193,7.022l-.1.182-8,14-.071.107a6.144,6.144,0,0,1-5.051,2.713A5.887,5.887,0,0,1,102.2,89.2l-.12-.032-10.255-2.93a1.834,1.834,0,0,0-.631.167l-1.781,1.013a.37.37,0,0,0-.069.091l-2.729,10.42a6.086,6.086,0,0,1-5.834,4.526H64.663a6.086,6.086,0,0,1-5.834-4.526L56.1,87.507a.37.37,0,0,0-.069-.091l-.158-.085L54.25,86.4a1.834,1.834,0,0,0-.631-.167L43.245,89.2a5.887,5.887,0,0,1-1.427.176,6.144,6.144,0,0,1-5.051-2.713l-.071-.107L28.744,72.636a5.974,5.974,0,0,1,.8-7.286l7.688-7.688a.4.4,0,0,0,.15-.346v-2.2a1.13,1.13,0,0,0-.165-.391L29.284,46.79l-.2-.306a6.381,6.381,0,0,1-.48-6.455l.051-.1,8.3-14.336.065-.1a6.144,6.144,0,0,1,5.051-2.713,5.887,5.887,0,0,1,1.427.176l.12.032,10.255,2.93a1.834,1.834,0,0,0,.631-.167l1.781-1.013a.37.37,0,0,0,.069-.091l2.729-10.42A6.086,6.086,0,0,1,64.911,9.7Zm15,7.44H66L63.553,26.5a7.619,7.619,0,0,1-3.814,4.824l-1.845,1.047a9.245,9.245,0,0,1-4.046.986,7.2,7.2,0,0,1-1.744-.208l-.12-.032-9.263-2.647L35.669,42.653l6.824,6.824a8.329,8.329,0,0,1,2.33,5.606v2.232a7.777,7.777,0,0,1-2.33,5.606l-6.829,6.829L42.481,81.68,51.857,79A7.2,7.2,0,0,1,53.6,78.8a9.245,9.245,0,0,1,4.046.986l.182.1,1.663.95a7.619,7.619,0,0,1,3.814,4.824l2.451,9.36H79.689l2.451-9.36a7.619,7.619,0,0,1,3.814-4.824L87.8,79.781a9.245,9.245,0,0,1,4.046-.986A7.2,7.2,0,0,1,93.589,79l.12.032,9.256,2.645,6.726-11.771L102.7,62.923a8.329,8.329,0,0,1-2.33-5.606v-.458l.512-2.049a7.762,7.762,0,0,1,2.313-5.084l6.987-6.987-6.726-11.771-9.376,2.677a7.2,7.2,0,0,1-1.744.208,9.245,9.245,0,0,1-4.046-.986l-.207-.1-2.267-1.511a7.622,7.622,0,0,1-3.687-4.778l-.01-.041Z" transform="translate(-24.86 -7.7)" fill="#010101"/>'; htmlMoLoginBefore += '<rect width="96" height="96" fill="none"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '설정'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; } $(".user__mypage__list ul").html(htmlMoLoginBefore); // PC //} else { var htmlLoginBefore = ''; htmlLoginBefore += '<ul>'; // 로그인 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:doLogin();" data-omni=\'login\'>로그인</a>'; htmlLoginBefore += '</li>'; // 회원가입 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:doSignUp();" data-omni=\"sign up\">회원가입</a>'; htmlLoginBefore += '</li>'; // 삼성계정을 만들어야 하는 이유 htmlLoginBefore += '<li class="variety">'; htmlLoginBefore += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">삼성계정을 만들어야 하는 이유'; htmlLoginBefore += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlLoginBefore += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlLoginBefore += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlLoginBefore += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlLoginBefore += '</g>'; htmlLoginBefore += '</svg>'; htmlLoginBefore += '</a>'; htmlLoginBefore += '</li>'; // 주문/배송 조회 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>주문/배송 조회</a>'; htmlLoginBefore += '</li>'; // 멤버십 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>멤버십</a>'; htmlLoginBefore += '</li>'; // 나의 제품 관리 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:void(0);" onclick="NetFunnel_Action({action_id:\'b2c_login_default\'},\'/sec/mypage/info/indexMyDeviceList/\');return false;" data-omni=\'my device\'>나의 제품 관리</a>'; htmlLoginBefore += '</li>'; // 쿠폰존 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\'>쿠폰존</a>'; htmlLoginBefore += '</li>'; // 삼성닷컴 회원 혜택 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>삼성닷컴 회원 혜택</a>'; htmlLoginBefore += '</li>'; // 참여형 이벤트 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni=\'join event\'>참여형 이벤트</a>'; htmlLoginBefore += '</li>'; htmlLoginBefore += '</ul>'; $(".user__list").html(htmlLoginBefore); //} } // 메뉴설정 로그인 상태 function setLoginGnbMenu() { // 모바일 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ // 회원명 var htmlMoMbrNm = ''; htmlMoMbrNm += '<div class="login__user__wrap m-only">'; //htmlMoMbrNm += '<a href=\'https://account.samsung.com/membership\'>'; htmlMoMbrNm += '<a href="/sec/membership/point/" data-omni="my account">'; htmlMoMbrNm += '안녕하세요! <span id=\'mbrNmMo\'></span>님'; htmlMoMbrNm += '</a>'; htmlMoMbrNm += '</div>'; $(".login__user__wrap.m-only").replaceWith(htmlMoMbrNm); // [三] 메뉴구성 var htmlMoLoginAfter = ''; // 삼성계정을 만들어야 하는 이유 htmlMoLoginAfter += '<li class="variety">'; htmlMoLoginAfter += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">삼성계정을 만들어야 하는 이유'; htmlMoLoginAfter += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlMoLoginAfter += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlMoLoginAfter += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlMoLoginAfter += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 나의 정보 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/membership/point/" data-omni=\'my account\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-07.svg" alt="나의 정보 아이콘">나의 정보'; htmlMoLoginAfter += '<svg id="icon-svg-my-07" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M56.787,62.513A3.2,3.2,0,0,1,53.6,59.306a3.115,3.115,0,0,1,.938-2.269,3.191,3.191,0,0,1,2.269-.937h0a3.2,3.2,0,0,1,3.206,3.188,3.237,3.237,0,0,1-3.225,3.225Zm0-5.606a2.4,2.4,0,0,0,.019,4.8h0a2.4,2.4,0,0,0,2.4-2.4,2.31,2.31,0,0,0-.713-1.687,2.383,2.383,0,0,0-1.706-.712Z" transform="translate(-43.306 -45.581)"/>'; htmlMoLoginAfter += '<path d="M29.438,18.55m-4.612,2.137H18.656A.664.664,0,0,1,18,20.031h0V18.55a5.7,5.7,0,0,1,7.913-5.1l-.825.694a4.247,4.247,0,0,0-1.294-.206h-.075a4.808,4.808,0,0,0-4.781,4.612h0v1.2h5.888ZM23.719,4a3.844,3.844,0,1,1-3.844,3.844A3.849,3.849,0,0,1,23.719,4Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.9,2.9,0,0,0,23.719,4.938Zm1.106,15.75" transform="translate(-14.381 -3.25)"/>'; htmlMoLoginAfter += '<path d="M68.6,63.8a.6.6,0,1,0-.6.6A.6.6,0,0,0,68.6,63.8Z" transform="translate(-54.519 -51.35)"/>'; htmlMoLoginAfter += '<path d="M68.694,74.425h-.75V73H67.7v-.6h.975v2.025Z" transform="translate(-54.762 -58.825)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '나의 정보'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 주문/배송 조회 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-03.svg" alt="주문/배송 조회 아이콘">주문/배송 조회'; htmlMoLoginAfter += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M17.78,23.837a.313.313,0,0,1-.249.1H16.16a2.1,2.1,0,0,0-3.222-1.062V17h3.078a.713.713,0,0,1,.654.541l.058.3H14.9a.561.561,0,0,0-.558.563v2.063a.561.561,0,0,0,.558.563h2.44l.489,2.543A.313.313,0,0,1,17.78,23.837Zm-2.391,1.038a1.266,1.266,0,0,1-2.5-.282,1.266,1.266,0,0,1,2.531,0A1.268,1.268,0,0,1,15.389,24.875ZM17.2,20.281h-2.1V18.594h1.779ZM12,23.938H7.535a2.108,2.108,0,0,0-4.007,0H2.438v-9H12v9Zm-5.236.938a1.244,1.244,0,1,1,.033-.281A1.267,1.267,0,0,1,6.764,24.875ZM18.752,23.4l-1.161-6.034a1.648,1.648,0,0,0-1.575-1.3H12.938V14.656A.657.657,0,0,0,12.281,14H2.156a.657.657,0,0,0-.656.656v9.562a.657.657,0,0,0,.656.656H3.443a2.107,2.107,0,0,0,4.177,0h4.448a2.107,2.107,0,0,0,4.177,0h1.287A1.215,1.215,0,0,0,18.752,23.4Z" transform="translate(-1.125 -11.375)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '주문/배송 조회'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 멤버십 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-05.svg" alt="멤버십 아이콘">멤버십'; htmlMoLoginAfter += '<svg id="icon-svg-my-05" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<g transform="translate(1 2.5)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginAfter += '<rect width="16" height="13" rx="3" stroke="none"/>'; htmlMoLoginAfter += '<rect x="0.5" y="0.5" width="15" height="12" rx="2.5" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '<line x2="15" transform="translate(1.5 12)" fill="none" stroke="#000" stroke-width="1"/>'; htmlMoLoginAfter += '<g transform="translate(3.6 5.1)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginAfter += '<rect width="3" height="3" rx="1" stroke="none"/>'; htmlMoLoginAfter += '<rect x="0.5" y="0.5" width="2" height="2" rx="0.5" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '멤버십'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 나의 제품 관리 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/info/indexMyDeviceList/" data-omni=\'my device\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-08.svg" alt="나의 제품 관리 아이콘">나의 제품 관리'; htmlMoLoginAfter += '<svg id="icon-svg-my-08" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<defs>'; htmlMoLoginAfter += '<clipPath id="clip-path">'; htmlMoLoginAfter += '<rect width="15.004" height="14.533" fill="none"/>'; htmlMoLoginAfter += '</clipPath>'; htmlMoLoginAfter += '</defs>'; htmlMoLoginAfter += '<g transform="translate(-4353 -1170)">'; htmlMoLoginAfter += '<g transform="translate(4355 1172)">'; htmlMoLoginAfter += '<g transform="translate(0 0)" clip-path="url(#clip-path)">'; htmlMoLoginAfter += '<path d="M7.278,10.387l-.189.139L7.106,13.6l-4.377.017v-3.1l-.189-.139a3.854,3.854,0,0,1,0-6.248L2.729,4,2.712.928,7.089.911V2.362c.083-.093.167-.187.258-.274a4.864,4.864,0,0,1,.685-.559V.911A.919.919,0,0,0,7.106,0H2.712a.92.92,0,0,0-.926.911V3.542a4.77,4.77,0,0,0,0,7.442v2.638a.92.92,0,0,0,.926.911H7.106a.919.919,0,0,0,.926-.911V10.984a4.874,4.874,0,0,0,.937-1.018,4.9,4.9,0,0,1-.842-.434,3.982,3.982,0,0,1-.849.855" transform="translate(0 0)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M26.238,5.027A4.023,4.023,0,0,0,23.4,6.18a3.8,3.8,0,0,0-1.172,2.791,3.97,3.97,0,0,0,3.985,3.945,4.015,4.015,0,0,0,4.032-3.968,3.971,3.971,0,0,0-4.009-3.922m0,6.9a2.953,2.953,0,1,1-.024-5.906h0a3,3,0,0,1,2.133.876,2.82,2.82,0,0,1,.891,2.076,2.983,2.983,0,0,1-3,2.953" transform="translate(-15.243 -3.472)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M31.792,12.418h-1.1V11.371a.563.563,0,0,0-1.125,0v1.047h-1.1a.554.554,0,1,0,0,1.107h1.1v1.047a.563.563,0,0,0,1.125,0V13.525h1.1a.554.554,0,1,0,0-1.107" transform="translate(-19.133 -7.472)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M4.977,16.6a3.9,3.9,0,1,1,0-7.8,4,4,0,0,1,1.384.25,4.643,4.643,0,0,1,.457-.822,4.947,4.947,0,0,0-1.841-.356,4.831,4.831,0,1,0,0,9.66A4.93,4.93,0,0,0,9.041,15.4a4.9,4.9,0,0,1-.845-.435A3.979,3.979,0,0,1,4.977,16.6" transform="translate(-0.047 -5.434)" fill="#1a1311"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '<rect width="18" height="18" transform="translate(4353 1170)" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '나의 제품 관리'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 작성 가능한 상품평 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/review/indexMyReview/" data-omni=\'my comment\' id=\'mobMyComment\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평 : <span class=\'writableCnt\'></span>건'; htmlMoLoginAfter += '<svg id="icon-svg-my-09" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M51.366,39.041h-.028L49.467,38.9a.487.487,0,0,1-.453-.453L48.9,36.519a.539.539,0,0,1,.142-.368l5.47-5.527a.5.5,0,0,1,.709,0l2.041,2.041a.479.479,0,0,1,0,.68L51.734,38.9A.6.6,0,0,1,51.366,39.041Zm-1.417-1.105,1.219.085L56.184,33l-1.3-1.3-4.988,4.96Z" transform="translate(-39.89 -27.107)"/>'; htmlMoLoginAfter += '<path d="M63.806,40.516a.523.523,0,0,1-.34-.142l-1.842-1.842a.5.5,0,1,1,.709-.709l1.814,1.814a.5.5,0,0,1,0,.709A.443.443,0,0,1,63.806,40.516Z" transform="translate(-48.901 -32.267)"/>'; htmlMoLoginAfter += '<path d="M32.886,37.884H22.91a.508.508,0,0,1-.51-.51V22.41a.508.508,0,0,1,.51-.51h9.976a.508.508,0,0,1,.51.51v3.259a.51.51,0,1,1-1.02,0V22.892H23.42v14H32.4V34.03a.51.51,0,1,1,1.02,0v3.344A.553.553,0,0,1,32.886,37.884Z" transform="translate(-20.9 -20.963)"/>'; htmlMoLoginAfter += '<path d="M30.911,34.03l.057.142a.669.669,0,0,0,.6.425H31.7l-.113.085a.737.737,0,0,0-.227.709l.028.142-.113-.057a.924.924,0,0,0-.368-.113.57.57,0,0,0-.368.113l-.142.085.028-.142a.737.737,0,0,0-.227-.709l-.085-.085h.142a.734.734,0,0,0,.6-.425l.057-.17m0-1.53a.213.213,0,0,0-.2.142l-.51,1.247L28.842,34h0a.156.156,0,0,0-.142.085.215.215,0,0,0,.028.283l1.049.879-.34,1.3h0a.359.359,0,0,0,.028.17.2.2,0,0,0,.17.085.17.17,0,0,0,.113-.028l1.162-.709,1.162.709h0c.028.028.057.028.113.028h.057a.2.2,0,0,0,.142-.255l-.34-1.3,1.049-.879h0a.216.216,0,0,0,.057-.142.24.24,0,0,0-.2-.227l-1.36-.113-.482-1.247h0A.221.221,0,0,0,31,32.528a.1.1,0,0,0-.085-.028Z" transform="translate(-25.386 -28.558)"/>'; htmlMoLoginAfter += '<path d="M30.911,52.33l.057.142a.669.669,0,0,0,.6.425H31.7l-.113.085a.737.737,0,0,0-.227.709l.028.142-.142-.085a.924.924,0,0,0-.368-.113.57.57,0,0,0-.368.113l-.142.085.028-.142a.737.737,0,0,0-.227-.709L30.06,52.9H30.2a.734.734,0,0,0,.6-.425l.113-.142m0-1.53a.213.213,0,0,0-.2.142l-.51,1.247-1.36.113h0a.156.156,0,0,0-.142.085.215.215,0,0,0,.028.283l1.049.879-.34,1.3h0a.359.359,0,0,0,.028.17.2.2,0,0,0,.17.085.17.17,0,0,0,.113-.028l1.162-.709,1.162.709h0c.028.028.057.028.113.028h.057a.2.2,0,0,0,.142-.255l-.34-1.3,1.049-.879h0a.216.216,0,0,0,.057-.142.24.24,0,0,0-.2-.227l-1.36-.113-.51-1.247h0a.221.221,0,0,0-.113-.113c0-.028-.028-.028-.057-.028Z" transform="translate(-25.386 -41.672)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '작성 가능한 상품평 : <span class=\'writableCnt\'></span>건'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 사용가능한 쿠폰 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\' id=\'mobCouponZone\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰 : <span name="couponCnt"></span>개'; htmlMoLoginAfter += '<svg id="icon-svg-my-04" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M19.094,14.5a.469.469,0,0,1,.468.438v3.153a.469.469,0,0,1-.469.469,2.195,2.195,0,0,0-2.112,1.5A2.231,2.231,0,0,0,19.04,23h.084a.468.468,0,0,1,.437.437v3.153a.469.469,0,0,1-.438.468H2.969a.469.469,0,0,1-.468-.438V14.969a.469.469,0,0,1,.438-.468H19.094Zm-.469.937H8.125v1.219H7.187V15.438H3.437V26.125h3.75V25.094h.938v1.031h10.5V23.907l-.032,0a3.169,3.169,0,0,1-2.542-4l.017-.06.019-.063A3.106,3.106,0,0,1,18.5,17.678l.065-.012.063-.01V15.438Zm-10.5,6.281v1.688H7.188V21.719Zm0-3.375v1.688H7.188V18.344Z" transform="translate(-1.938 -11.688)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '사용 가능한 쿠폰 : <span name="couponCnt"></span>개'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 삼성닷컴 회원 혜택 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-06.svg" alt="삼성닷컴 회원 혜택 아이콘">삼성닷컴 회원 혜택'; htmlMoLoginAfter += '<svg id="icon-svg-my-06" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M17.912,5a1.905,1.905,0,0,1,1.759,2.625h1.735a.657.657,0,0,1,.655.62v3.786a.657.657,0,0,1-.62.655h-.88v7.781a.657.657,0,0,1-.62.655H8.656A.657.657,0,0,1,8,20.5V12.688H7.156a.657.657,0,0,1-.655-.62V8.281a.657.657,0,0,1,.62-.655H8.892a1.9,1.9,0,0,1,2.673-2.392l.036.02.056.028.06.031c.139.073.334.185.585.34l.059.037c.549.343,1.189.79,1.92,1.354l-.07.054.238-.183c.626-.477,1.184-.865,1.671-1.174L16.2,5.69c.319-.2.554-.332.7-.408l.057-.029L17,5.234A1.894,1.894,0,0,1,17.843,5Zm-5.974,7.688h-3v7.5h3Zm3.75,0H12.875v7.5h2.813Zm3.938,0h-3v7.5h3ZM11.938,8.563h-4.5V11.75h4.5Zm3.75,0H12.875V11.75h2.813Zm5.438,0h-4.5V11.75h4.5ZM17.912,5.938a.957.957,0,0,0-.447.11l-.045.025-.02.012-.021.01c-.022.01-.074.037-.157.082-.128.07-.28.158-.456.267l-.067.042c-.47.294-1.015.671-1.634,1.14h3.488a.967.967,0,0,0-.641-1.688Zm-7.261,0a.967.967,0,0,0-.641,1.688H13.5c-.585-.443-1.1-.8-1.556-1.091l-.078-.049c-.181-.114-.339-.207-.473-.281l-.049-.027-.119-.063-.059-.028-.02-.012a.954.954,0,0,0-.492-.135Z" transform="translate(-5.188 -4.063)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '삼성닷컴 회원 혜택'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 앱설정 if(window.secapp || device.isIosApp) { htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:void(0);" onclick="callApplicationMenu(\'settings\');">'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-setting.svg" alt="설정 아이콘">설정'; htmlMoLoginAfter += '<svg id="icon-svg-my-set" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">'; htmlMoLoginAfter += '<path d="M20.076-1.5A21.576,21.576,0,1,1-1.5,20.076,21.6,21.6,0,0,1,20.076-1.5Zm0,35.712A14.136,14.136,0,1,0,5.94,20.076,14.152,14.152,0,0,0,20.076,34.212Z" transform="translate(27.5 27.5)" fill="#010101"/>'; htmlMoLoginAfter += '<path d="M64.911,9.7h16.12a6.085,6.085,0,0,1,5.841,4.554l.01.041,2.465,10.354a.373.373,0,0,0,.068.089l.183.092,2.182,1.455a1.755,1.755,0,0,0,.542.13L102.7,23.451a5.886,5.886,0,0,1,1.426-.176h0a6.144,6.144,0,0,1,5.051,2.713l.071.107,8.182,14.319.116.349A6.52,6.52,0,0,1,116.15,47.3l-7.688,7.688a.4.4,0,0,0-.15.346v.458l-.427,1.709a.891.891,0,0,0,.1.177l7.674,7.674a6.008,6.008,0,0,1,1.193,7.022l-.1.182-8,14-.071.107a6.144,6.144,0,0,1-5.051,2.713A5.887,5.887,0,0,1,102.2,89.2l-.12-.032-10.255-2.93a1.834,1.834,0,0,0-.631.167l-1.781,1.013a.37.37,0,0,0-.069.091l-2.729,10.42a6.086,6.086,0,0,1-5.834,4.526H64.663a6.086,6.086,0,0,1-5.834-4.526L56.1,87.507a.37.37,0,0,0-.069-.091l-.158-.085L54.25,86.4a1.834,1.834,0,0,0-.631-.167L43.245,89.2a5.887,5.887,0,0,1-1.427.176,6.144,6.144,0,0,1-5.051-2.713l-.071-.107L28.744,72.636a5.974,5.974,0,0,1,.8-7.286l7.688-7.688a.4.4,0,0,0,.15-.346v-2.2a1.13,1.13,0,0,0-.165-.391L29.284,46.79l-.2-.306a6.381,6.381,0,0,1-.48-6.455l.051-.1,8.3-14.336.065-.1a6.144,6.144,0,0,1,5.051-2.713,5.887,5.887,0,0,1,1.427.176l.12.032,10.255,2.93a1.834,1.834,0,0,0,.631-.167l1.781-1.013a.37.37,0,0,0,.069-.091l2.729-10.42A6.086,6.086,0,0,1,64.911,9.7Zm15,7.44H66L63.553,26.5a7.619,7.619,0,0,1-3.814,4.824l-1.845,1.047a9.245,9.245,0,0,1-4.046.986,7.2,7.2,0,0,1-1.744-.208l-.12-.032-9.263-2.647L35.669,42.653l6.824,6.824a8.329,8.329,0,0,1,2.33,5.606v2.232a7.777,7.777,0,0,1-2.33,5.606l-6.829,6.829L42.481,81.68,51.857,79A7.2,7.2,0,0,1,53.6,78.8a9.245,9.245,0,0,1,4.046.986l.182.1,1.663.95a7.619,7.619,0,0,1,3.814,4.824l2.451,9.36H79.689l2.451-9.36a7.619,7.619,0,0,1,3.814-4.824L87.8,79.781a9.245,9.245,0,0,1,4.046-.986A7.2,7.2,0,0,1,93.589,79l.12.032,9.256,2.645,6.726-11.771L102.7,62.923a8.329,8.329,0,0,1-2.33-5.606v-.458l.512-2.049a7.762,7.762,0,0,1,2.313-5.084l6.987-6.987-6.726-11.771-9.376,2.677a7.2,7.2,0,0,1-1.744.208,9.245,9.245,0,0,1-4.046-.986l-.207-.1-2.267-1.511a7.622,7.622,0,0,1-3.687-4.778l-.01-.041Z" transform="translate(-24.86 -7.7)" fill="#010101"/>'; htmlMoLoginAfter += '<rect width="96" height="96" fill="none"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '설정'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; } // 로그아웃 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:doLogout();" data-omni=\'logout\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-11.svg" alt="로그아웃 아이콘">로그아웃'; htmlMoLoginAfter += '<svg id="icon-svg-my-logout" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M32.938,21.9h9.976a.508.508,0,0,1,.51.51V37.374a.508.508,0,0,1-.51.51H32.938a.508.508,0,0,1-.51-.51V34.115a.51.51,0,1,1,1.02,0v2.777H42.4v-14H33.42v2.862a.51.51,0,1,1-1.02,0V22.41A.553.553,0,0,1,32.938,21.9Z" transform="translate(-27.503 -20.962)"/>'; htmlMoLoginAfter += '<path d="M27.3,44.069h0a.582.582,0,0,1,0-.822l1.219-1.219c.368-.368.964-.992.964-.992H22.967a.568.568,0,0,1-.567-.567h0a.568.568,0,0,1,.567-.567h6.49s-.6-.623-.964-.992L27.3,37.692a.582.582,0,0,1,0-.822h0a.582.582,0,0,1,.822,0l3.146,3.174a.582.582,0,0,1,0,.822l-3.174,3.2A.548.548,0,0,1,27.3,44.069Z" transform="translate(-20.338 -31.568)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '로그아웃'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; $(".user__mypage__list ul").html(htmlMoLoginAfter); // PC //} else { var htmlLoginAfter = ''; // 회원명 htmlLoginAfter += '<div class="login__user__wrap">'; //htmlLoginAfter += '<a href=\'https://account.samsung.com/membership\'>'; htmlLoginAfter += '<a href="/sec/membership/point/" data-omni="my account">'; htmlLoginAfter += '안녕하세요! <span id=\'mbrNmPc\'></span>님'; htmlLoginAfter += '</a>'; htmlLoginAfter += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\" class="variety">'; htmlLoginAfter += '삼성계정을 만들어야 하는 이유'; htmlLoginAfter += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlLoginAfter += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlLoginAfter += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlLoginAfter += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlLoginAfter += '</g>'; htmlLoginAfter += '</svg>'; htmlLoginAfter += '</a>'; htmlLoginAfter += '</div>'; // 나의 정보 htmlLoginAfter += '<ul>'; htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/membership/point/" data-omni=\'my account\'>나의 정보</a>'; htmlLoginAfter += '</li>'; // 주문/배송 조회 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>주문/배송 조회</a>'; htmlLoginAfter += '</li>'; // 멤버십 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>멤버십</a>'; htmlLoginAfter += '</li>'; // 나의 제품 관리 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/info/indexMyDeviceList/" data-omni=\'my device\'>나의 제품 관리</a>'; htmlLoginAfter += '</li>'; // 작성 가능한 상품평 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/review/indexMyReview/" data-omni=\'my comment\' id=\'pcMyComment\'>작성 가능한 상품평 : <span class=\'writableCnt\'></span>건</a>'; htmlLoginAfter += '</li>'; // 사용가능한 쿠폰 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\' id=\'pcCouponZone\'>사용 가능한 쿠폰 : <span name="couponCnt"></span>개</a>'; htmlLoginAfter += '</li>'; // 삼성닷컴 회원 혜택 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>삼성닷컴 회원 혜택</a>'; htmlLoginAfter += '</li>'; // 참여형 이벤트 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni=\'join event\'>참여형 이벤트</a>'; htmlLoginAfter += '</li>'; // 로그아웃 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="javascript:doLogout();" data-omni=\'logout\'>로그아웃</a>'; htmlLoginAfter += '</li>'; htmlLoginAfter += '</ul>'; $(".user__list").html(htmlLoginAfter); //} } // 장바구니 개수 조회 function getCartCnt() { ajax.call({ url : '/sec/xhr/order/gnbCartCount' , showWait : false , done: function (result) { if (result > 0) { $('.cart__count').text(result); $('.cart__count').show(); } else { $('.cart__count').hide(); } } }); } // 사용 가능한 쿠폰 개수 조회 function getCouponCnt() { $.ajax({ url : "/sec/xhr/coupon/getCouponInOrderCnt" , type : "POST" , success : function(result) { $("[name=couponCnt]").text(result); } }); } // 작성 가능한 상품평 개수 조회 function getWritableMyComment() { $.ajax({ url : "/sec/xhr/review/loadWritableMyCommentListCount" , type : "POST" , dataType : "json" , contentType : "application/json; charset=utf-8" , success : function(result) { $('.writableCnt').text(result.cmntCnt); } , error : function(request, status, error) { } }); } </script> <script async> //앱설치 유도 토스트 팝업 AA 태깅 function appToastPopupTag(obj) { if(obj !== undefined) { tpTrack('click', $(obj).attr('data-omni')); } } //.toast-parent 앱설치 유도 function appToast(){ var toastI = $('.toast-parent'); var toastC = $('.child-pops-form'); var appSetYN = getCookieA("appSetYN"); var toastCYN = getCookieA("toastCYN"); var commentPC = getCookieA("commentPC"); var appUrl = window.location.href; // class에 active 추가하여 생성 var appTStr = "<div class='toast-pop induce-ss-app toast-parent' data-toast-name='toastInduce' data-focus='toastInduce' data-toast-index='0'>" + "<div class='inner'>" + "<img loading='lazy' src='//images.samsung.com/kdp/common/img-induce-benefit.png' alt=''>" + "<p>앱 다운받고,<br><b class='ft18'>삼.세페 혜택</b>을 만나보세요!</p>" + "<button type='button' class='btn btn-d btn-type2' data-omni='appinstall_popup_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기</button>" + "<a href='javascript:void(0);' class='btn-underline btn-underline-disable toast-close' data-omni='appinstall_popup_stayonline' onclick='appToastIClose(true); appToastPopupTag(this);'>모바일 웹으로 볼게요</a>" + "</div>" + "<div class='stop-view-wrap'>" + "<div class='chk-form'>" + "<input id='chk-not-see-appP' type='checkbox' required='' title='' class='' data-omni='appinstall_popup_closeforweek' onclick='appToastPopupTag(this);'>" + "<label for='chk-not-see-appP' class='' >일주일 그만보기</label>" + "</div>" + "<button type='button' class='btn-underline toast-close' data-focus-next='toastInduce' data-omni='appinstall_popup_close' onclick='appToastIClose(true); appToastPopupTag(this);'>닫기</button>" + "</div>" + "</div>"; var appCStr = "<div class='toast-pop child-pops-form' data-toast-name='toastChild02' data-focus='toastChild02' data-toast-index='1'>" + "<div class='inner'>" + "<img loading='lazy' src='//images.samsung.com/kdp/common/icon-induce-benefit-3.png' alt=''>" + "<div class='text-wrap'>" + "<p>앱 다운받고, <b style='font-size: inherit; font-weight: 400; color: #9BD6FF'>삼.세페 혜택</b>을 만나보세요!</p>" + "<a href='javascript:void(0);' class='btn-underline' data-omni='appinstall_banner_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기 ></a>" + "</div>" + "<button type='button' class='toast-close' data-focus-next='toastChild02' onclick='appToastCClose(); appToastPopupTag(this);' data-omni='appinstall_banner_close' >팝업닫기</button>" + "</div>" + "</div>"; var appCCStr = "<section class='cod05-app-banner'>" + "<div class='cod05-app-banner__icon'>" + "<img src='https://images.samsung.com/kdp/app/samsungApp.svg' alt='Samsung App Icon'>" + "</div>" + "<div class='cod05-app-banner__content'>" + "<p class='cod05-app-banner__desc'>앱 다운로드 받고, <strong>다양한 혜택</strong>을 만나보세요</p>" + "<a href='javascript:void(0);' class='cta cta--underline cta--black cod05-app-banner__cta' data-omni='appinstall_banner_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기</a>" + "</div>" + "<button class='cod05-app-banner__close' type='button' data-focus-next='toastInduce' data-omni='appinstall_popup_close' onclick='appToastCCClose();'>" + "<span class='hide'>Close</span>" + "<svg xmlns='http://www.w3.org/2000/svg' width='13.414' height='13.414' viewBox='0 0 13.414 13.414'>" + "<g transform='translate(-444.293 -182.293)'>" + "<line x2='12' y2='12' transform='translate(445 183)' stroke-width='1' stroke='#000' stroke-linecap='round' stroke-linejoin='round' fill='none'></line>" + "<line y1='12' x2='12' transform='translate(445 183)' stroke-width='1' stroke='#000' stroke-linecap='round' stroke-linejoin='round' fill='none'></line>" + "</g>" + "</svg>" + "</button>" + "</section>"; let mask = `<div id="mask" style="z-index: 299;"></div>`; var mobileWebCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined)); var popOpenCheckFlag = (appSetYN != "N" && commentPC != "N"); function toastPO(){ $("body").prepend(appTStr); $("body").prepend(mask); $("#mask").fadeIn(); $(".toast-parent").addClass("active"); } function toastCPO(){ $("body").prepend(appCStr); setTimeout(function(){$(".child-pops-form").addClass("active");},50); setTimeout(function(){$(".child-pops-form").removeClass("active");},5050); } function toastCCPO(){ $("body").prepend(appCCStr); } function appSetPopOpen(popOpenCheckFlag){ // if(popOpenCheckFlag){ // toastPO(); // }else{ // toastCYN !="N" ? toastCPO() : ""; // } // check cookie if(toastCYN !="N"){ toastCCPO(); } } if(mobileWebCheckFlag){ $.ajax({ url : "/sec/xhr/appInstallPop/popOpenFlagCheck" ,type : "POST" ,success : function(result) { if(result.popOpenFlag === "Y"){ appSetPopOpen(popOpenCheckFlag); } } }); } }; // 앱설치 유도 토스트 팝업 닫기 function appToastIClose(flag){ $("#mask").fadeIn("fast").remove(); $(".toast-parent").removeClass("active"); var atpc = $("#chk-not-see-appP").is(":checked"); setCookieA("appSetYN","N",atpc ? 7 : 1); setTimeout(function(){$(".toast-parent").remove()},2000); if(flag){ appWebAutoLogin2();// 웹앱연계 자동로그인. } } //앱설치 유도 띠배너 닫기 function appToastCClose(){ $(".child-pops-form").removeClass("active"); setCookieA("toastCYN","N",1); setTimeout(function(){$(".child-pops-form").remove()},2000); appWebAutoLogin2();// 웹앱연계 자동로그인. } //앱설치 유도 닫기 function appToastCCClose(){ setCookieA("toastCYN","N",1); setTimeout(function(){$(".cod05-app-banner").remove()},500); } //현재 페이지 앱 열기 function appOpen(){ var locationUrl = window.location.href; var appUrl = ("https://secandroidprd.page.link/?link=" + locationUrl + "&apn=com.samsung.sec.android.prd&afl=https://play.google.com/store/apps/details?id=com.samsung.sec.android.prd&hl=ko-KR"); appToastIClose(false); window.open(appUrl); } function writableCommentM(){ writableCommentSetC(); location.href = "/sec/mypage/review/indexMyReview/"; } function writableCommentSetC(){ var wcpc = $("#chknotsee").is(":checked"); setCookieA("commentPopYN","N",wcpc ? 7 : 1); closeLayer("popupInduceReview"); setCookieA("commentPC","N",1); setTimeout(function(){$("#popupInduceReview").remove()},1000); } var commentCheck="N"; function commentCheckAdd(){ if(commentCheck == "Y"){ var commentStr = "<li class='menu05' aria-hidden='true' style='display:none;'><a href='/sec/mypage/review/indexMyReview/'>상품평 쓰기</a></li>"; $("#floatingSticky").find(".menuGift").after(commentStr); }else{ $("#floatingSticky").find(".menu05").remove(); } } function writableComment(){ var commentPopYN = getCookieA("commentPopYN"); var locationUrl = window.location.href; var commentPopOpenCheckFlag = (commentPopYN !="N" && "Y" == "N" &&(locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/")); var commentPopFrame = "<div class='layer-pop layer-default layer-induce-review ' id='popupInduceReview' tabindex='0' data-popup-layer='popupInduceReview' data-focus='popupInduceReview'>" + "<div class='layer-wrap'>" + "<div class='layer-header'>" + "<h2>이 상품 어떠셨나요?</h2>" + "</div>" + "<div class='layer-content'>" + "<div class='review-product-list'>" + "</div>" + "<p class='review-info-text'>당신의 평점은?</p>" + "<div class='btn-box'>" + "<a href='javascript:void(0);writableCommentM();' class='btn btn-d btn-type3'>상품평 쓰기</a>" + "</div>" + "<div class='box-close'>" + "<div class='chk-form al'>" + "<input id='chknotsee' type='checkbox'>" + "<label for='chknotsee'>일주일 그만 보기</label>" + "</div>" + "<button type='button' class='btn-close' onclick='writableCommentSetC()'>닫기</button>" + "</div>" + "</div>" + "<button type='button' class='pop-btn-close' onclick='writableCommentSetC()'>팝업닫기</button>" + "</div>" + "</div>"; if(!commentPopOpenCheckFlag) { return appToast(); } $.ajax({ url : "/sec/xhr/review/loadWritableMyCommentList" ,type : "POST" ,success : function(data) { $("#floatingSticky").find(".menu05").remove(); if(data.resultYN=="N"){ appToast(); }else if(data.resultYN=="Y"){ $('body').append(commentPopFrame); commentCheck = "Y"; $.each(data.cmntList, function(index, result){ var str = ""; str = "<div>"; str += "<div class='prd-box'>"; str += "<div class='prd-img'>"; str += "<img loading='lazy' src='"+ result.imgPath + "' alt=''>"; str += "</div>"; str += "<div class='prd-title'>"; str += "<strong class='prd-name'>"+ result.goodsNm +"</strong>"; str += "<span class='prd-number'>" + result.mdlCode + "</span>"; str += "</div>"; str += "</div>"; //s : 5점 상품평 10개 미만인 경우 해당 영역 미출력 if(result.commentCnt >= 10){ str += "<div class='review-number'>"; str += "<p><span>" + result.commentCnt + "명</span>의 고객이 이 상품에<br>평균 <span class='star'>별점 5점</span>을 줬어요!</p>"; str += "</div>"; } //e : 5점 상품평 10개 미만인 경우 해당 영역 미출력 str += "</div>"; $(".layer-induce-review .review-product-list").append(str); }); // slick slide $(".layer-induce-review .review-product-list").slick(setSlide); setTimeout(openLayer("popupInduceReview"),500); var commentCheckIt = setInterval(function(){ if($("#floatingSticky").find(".menu05").length){ clearInterval(commentCheckIt); }else{ commentCheckAdd(); } },1000); } } }); }  var setSlide = { accessibility: true, slidesToShow: 1, slidesToScroll: 1, dots: true, adaptiveHeight: true, infinite: true, fade: true, centerMode: true, arrows: true, prevArrow: '<button type="button" class="slick-prev"><span>이전</span></button>', nextArrow: '<button type="button" class="slick-next"><span>다음</span></button>' }; </script> <script async> // 인기검색어 슬라이드 const favorSearchOpt = { autoplay: true, autoplaySpeed: 2000, infinite: true, vertical: true, verticalSwiping: true, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, arrows: false }; // $('#search__slide__00').slick(favorSearchOpt); // $('#search__slide__01').slick(favorSearchOpt); // $('#search__slide__02').slick(favorSearchOpt); // menu 링크 없는경우 체크 : 빨간색 테두리 생김 const l2Wrap = $('.menuitem__l2__wrap'); const l2Check = l2Wrap.find('a'); const aTag = $('#header__navi').find('a'); </script> <script async> $(document).ready(function(){ if(window.secapp || device.isIosApp) { if(window.secapp) { window.secapp.showAndHideGnb('GONE'); } $("html").css("margin-top", "0px"); // 앱메뉴 오픈 $("[name=appMenu]").show(); $(".utility__button__barcode__m").css('display', 'flex'); } else { $("[name=appMenu]").hide(); } }); </script> <script> // GA4 click_nav gnb $(document).on("mouseenter", "#header__navi .menuitem__l0>a", function(e){ GA4ClickNavGnb($(this)); }); $(document).on("click", "#header__navi .menuitem__l0 .menuitem__l1__container a", function(e){ GA4ClickNavGnb($(this)); }); function GA4ClickNavGnb(obj){ try { var itemName = ""; // img menu if($(obj).find("img").length > 0){ itemName = $(obj).find("p").text(); // text menu } else { itemName = $(obj).text(); } var dataOmni = $(obj).data("omni"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_nav' , // 필요. 이벤트 GA에 전송 item_category: 'gnb', // 예: 모바일 (an_ac에서 읽기) item_name: itemName , // 예: 스마트폰(an_la의 마지막깊이에서 읽기) an_ca: 'navigation' , // 예: should always be navigation an_ac: 'gnb' , // 예: gnb, footer an_la: dataOmni // 예: <depth 1 value>:<depth 2 value>:<depth 3 value> }); //console.log("GA4 click_nav"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_nav TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <div id="layerChatBot" class="layerChatBot"> <div id="appParent" class="app-container"> <div id="app"></div> <button type="button" id="chatBotPopClose" class="chatBotPopClose" title="챗봇 레이어 닫기"> <img data-v-609bc0e1="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAABHNCSVQICAgIfAhkiAAAAkpJREFUeF7t2+FtwjAQxXGyQUfpCO0GHaGbdZWOQDfpBtSWQEIVTe8c/31n60XiW3j2/XgKgsB20oEKbGi6wk8ChksgYAHDAnC8GixgWACOV4MFDAvA8WqwgGEBOF4NFjAsAMerwQKGBeB4NVjAsAAcrwYLGBaA49VgAcMCcLwaLGBYAI5XgwUMC8DxarCAYQE4Xg0WMCwAx6vBAoYF4PjmBl8ul/eyt/O2bWd4j6HxZc63soHPMud3y0aagK+4H2XBuujrqsh3c9YS1TndyG7gu0VvL+iSyA/mbEJ2AT9YdEnknTndyGbgnUWXQjbM6UI2ARsWXQLZMacZuTdwhZ7ymuzArTN+lceL5U3PBFwTnRuYCtk5mxm3upmBV0Umcd3AqyHTuE3AqyCPwG0Gnh15FO4h4FmRR+IeBp4NeTRuF+BZkCNwuwFnR47C7QqcFTkStztwNuRoXAQ4C3IGXAw4GjkLLgochZwJFwcejZwNdwjwKOSMuMOAaeSsuEOBKeTMuMOBeyNnxw0B7oU8A24Y8FHkWXBDgVuRy/Oey6P+bMtyuG5QWgK957huenrDLec721jvVj9Zcss54bjhDb5BOZEtvilw0wA3XC72kNPgpgLuhJwKNx3wQeR0uCmBG5FT4qYFdiKnxU0NbEROjZse+B/k9LhTAP+BPAXuNMC/kKfBnQr4inzoP2uWj4C9zwn/LqL3QNnyBAy/IgIWMCwAx6vBAoYF4Hg1WMCwAByvBgsYFoDj1WABwwJwvBosYFgAjleDBQwLwPE/Wh+eaCP9UDUAAAAASUVORK5CYII=" class="banner_img" style="width: 22px;"> </button> </div> </div>   <script> if("Y" == "Y"){ $("#header__navi").addClass("no__bnb"); } else { $("#header").addClass("no__bnb"); } </script>   <script> viewportChange(); </script> <head>  <script async>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVX3V74');</script>   <noscript><iframe loading="lazy" src="https://www.googletagmanager.com/ns.html?id=GTM-NVX3V74"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxz22cyz2hlvyq-f-b7f61c521-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"143520","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":6,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"15a284ca","ak.r":6099,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":55628,"ak.gh":"124.155.222.130","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732730225","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==4hXHu7zXK4VsRml2vePT1JPMd7eUvHpt36RWBspd1eSwtRnTPm91COz9IypPpQXLbb1Biv4sk2sCnU9steB7JcC3MI+BEDwYLGxOX5juObtpKABSPXpkDPLfVzHxgHasjUXOViBKY4y3XqTac02x8QMzDsxZqs/oLO21XVaJvOblgxIT6fGOUN70qanB/PWv4HRrYzq0QjUwukPnje89CZtt6Y/gp06AxUzVevPIqw+tg3jJHWyDYP44ZFCeEjLs1XAsVxGwh7f8foV9/K64nKfzEg/qcJq/+L4FhTinB+N8ZmIqbhD55gseUD4B0pVC4cWingWBCvlTab+1Utm35KZlJvb8VnM8+2W5jhcqGs1hE1JEIcWTOtTl4aKgcb9vQI76EpvwhEh3FqV2kSX22xMWkNbpb/AiuaicSkeeip0=","ak.pv":"3678","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <script type="text/javascript"> // 자동완성 카운트 var autoCompleteCount = 0; var autoCategoryCount = 0; var searchInputManager = { isMobileDevice: function() { var that = this, winW = $(window).width(); if ( winW > 800 ) { return 'N'; } else { return 'Y'; } }, getIosAppDispYn: function() { var that = this, iosApp = 'false'; if(iosApp == true) { return "Y"; } else { return ""; } }, init: function() { var that = searchInputManager; $.cookie.json = true; $.cookie.data = { SEARCH_HISTORY : 'sh-b2c', SEARCH_MAX_SIZE: 10, option: { expires: 30, path: '/' } }; that.$appendingTarget = { searchHistory: $('#searchkeywordRecent') , searchHistoryWrap: $('#searchkeywordRecentWrap') , popular: $('#searchkeywordPopular ul.keyword-list') , makeTime: $('#makeTime') , autoComplete: $('#searchAuto ul.list') , autoCompleteCategory: $('#searchAutoCategory') , mainPopPc: $(".search__box ul#search__slide__00") , mainPopMob: $(".search__box ul#search__slide__02") , recommendGoods: $('#recommendGoodsBox') , recommendGoodsWrap: $('#recommendGoodsWrap') , recommendEvents: $('#recommendEventsBox') , recommendEventsWrap: $('#recommendEventsWrap') }; that.cookieName = $.cookie.data.SEARCH_HISTORY; that.isMobileYN = that.isMobileDevice(); }, searchHistoryTemplate: function(keyword) { return { keyword: keyword, date: searchDatetimestampToString(new Date()) }; }, getKeywordList: function(cookieName) { var searchKeywordList = new Array() , dataList = $.cookie(cookieName).data; if (!dataList || '' == dataList || undefined == dataList) { return searchKeywordList; } $.each(dataList, function (idx, element) { searchKeywordList.push(element.keyword); }); return searchKeywordList; }, saveSearchHistory: function(keyword) { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName) , dataList = null; if ( cookieValue == undefined ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { if ( cookieValue.length == 0 ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { dataList = cookieValue.data; if($.inArray(keyword, that.getKeywordList(that.cookieName)) >= 0) { return; } if(dataList.length >= $cookie.data.SEARCH_MAX_SIZE) { dataList.splice(0, 1); } dataList.push(that.searchHistoryTemplate(keyword)); } } $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); }, getSearchHistory: function() { var cookieValue = $.cookie(searchInputManager.cookieName); if (undefined != cookieValue) { return cookieValue; } }, getSearchDate: function(keyword) { var date = '' , that = searchInputManager , cookieValue = $.cookie(that.cookieName) , searchHistoryList = that.getSearchHistory(); if ( '' == searchHistoryList || searchHistoryList == undefined || cookieValue == undefined) { return date; } var dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keywordInList = dataList[i].keyword; if ( keywordInList != undefined ) { if (keywordInList.toLocaleLowerCase() == keyword.toLocaleLowerCase()) { idx = i; break; } } } if ( idx > -1 ) { date = dataList[idx].date; } return date; }, drawSearchHistory: function() { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName); that.$appendingTarget.searchHistoryWrap.hide(); if ( undefined == cookieValue ) { return; } else if ( cookieValue.data.length == 0 ) { return; } else { var dataList = cookieValue.data , template = ''; var dataListLength = dataList.length; if(dataListLength > 10) { var dataListLength = 10; } for( var i = dataListLength-1 ; i >= 0; i--) { var element = dataList[i], keyword = element.keyword; template += '<div class="area-deleteable-btn">'; template += '<button type="button" class="btn btn-s typeA" keyword="' + keyword + '">'; template += '<a href="javascript:void(0);" class="link">' + keyword + '</a>'; template += '</button>'; template += '<button type="button" class="delete x-btn" keyword="' + keyword + '" onclick="searchInputManager.clearSearchHistory(this)">검색어 삭제'; template += '</button>'; template += '</div>'; } that.$appendingTarget.searchHistoryWrap.show(); that.$appendingTarget.searchHistory.html(template); } that.$appendingTarget.searchHistory.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); }, clearSearchHistory: function(element) { var that = searchInputManager , $element = $(element) , $cookie = $.cookie; if ($element.hasClass('delete-all')) { $.removeCookie( that.cookieName , { path: $cookie.data.option.path }); that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } else if ($element.hasClass('delete')) { var selectedKeyword = $element.attr('keyword') , cookieValue = $cookie(that.cookieName) , dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keyword = dataList[i].keyword; if ( keyword == undefined ) { keyword = 'undefined'; } if (keyword == selectedKeyword) { idx = i; break; } } if ( idx > -1 ) { dataList.splice(idx, 1); $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); $element.parent().remove(); } if (dataList.length === 0) { that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } } }, callAjax: function(options) { $.ajax({ url: options.url, type: options.type, data: options.data }).done( function(data, textStatus, jqXHR) { if (data.exCode != null && data.exCode !== "") { if (options.fail !== undefined) { options.fail(); } let alertData = { title: "alert", content: data.exMsg }; commonAlert(alertData); openLayer('commonAlert'); } else { options.done(data); } }).fail(function(jqXHR, textStatus, errorThrown) { if (options.fail !== undefined) { options.fail(); } if (jqXHR.status !== 0) { ajax.error(jqXHR.status, jqXHR.responseText); } }).always(function() { }).then(function(data, textStatus, jqXHR) { }); }, getRecommendKeyword: function(callback) { var that = searchInputManager; that.callAjax( { url: '/sec/xhr/search/recommendkeyword/', type: 'GET', done: function(result) { that.recommendKeyword = result.recommendKeyword; if ( callback != undefined ) { callback(); } } } ); }, setRecommendKeyword: function() { var that = searchInputManager; if ( that.recommendKeyword == undefined ) { that.getRecommendKeyword(that.setRecommendKeywordCallback); return; } that.setRecommendKeywordCallback(); }, setRecommendKeywordCallback: function() { var that = searchInputManager; //$('#unifiedInputSearch').attr('placeholder', that.recommendKeyword); // 20200917 삭제 // iOS 분기 처리 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 }, getPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li>' + '<span class="num">' + order + '</span>' + '<span class="keyword"><a href="javascript:void(0);" class="link">' + element.content + '</a></span>' if ( element.updown == 'U' ) { popularList += '<span class="icon ranking up"><span class="blind">순위상승</span></span>'; } else if ( element.updown == 'D' ) { popularList += '<span class="icon ranking down"><span class="blind">순위하락</span></span>'; } else if ( element.updown == 'C' ) { popularList += '<span class="icon ranking"><span class="blind">순위유지</span></span>'; } popularList += '</li>'; }); that.$appendingTarget.popular.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); that.$appendingTarget.popular.empty(); that.$appendingTarget.makeTime.empty(); that.$appendingTarget.popular.append(popularList); that.$appendingTarget.makeTime.append(popwordResult.Data.MakeTime + ' 기준'); } } ); }, getMainPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li><a href="javascript:void(0);"><b>' + order + '.</b> ' + element.content + '</a></li>'; }); that.$appendingTarget.mainPopPc.empty(); that.$appendingTarget.mainPopMob.empty(); that.$appendingTarget.mainPopPc.append(popularList); that.$appendingTarget.mainPopMob.append(popularList); // 인기검색어 슬라이드 const favorSearchOpt = { autoplay: true, autoplaySpeed: 2000, infinite: true, vertical: true, verticalSwiping: true, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, arrows: false }; $('#search__slide__00').slick(favorSearchOpt); $('#search__slide__02').slick(favorSearchOpt); /*웹접근성 aria-live='polite' 제거 */ $('#search__slide__00').find('div').removeAttr( "aria-live", "polite"); $('#search__slide__02').find('div').removeAttr( "aria-live", "polite"); } } ); }, getSearchInputAutoComplete: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); that.callAjax( { url: '/sec/xhr/search/autocom/', type: 'POST', data: new wnAddonParamVo(keyword, 'b2c', '', '', 'json', 'fw'), done: function(result) { var template = ''; var autoCompleteResultList = result.autoCompleteResult; that.$appendingTarget.autoComplete.empty(); that.clearAutoComplete('keyword', autoCompleteResultList.length); if ( autoCompleteResultList.length > 0 && autoCompleteResultList != undefined ) { $.each(autoCompleteResultList, function (idx, element) { // 20230622 웹접근성 : tabindex 추가 template += '<li class="item" tabindex="' + (idx + 1) + '">'; template += '<a href="javascript:void(0);" class="link" text="' + element.text + '">'; if (element.linkName == null || element.linkName === "") { template += (element.modified).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } else { template += (element.linkName).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } template += '</a>'; // template += '<span class="date">' + searchInputManager.getSearchDate(element.text) + '</span>'; template += '</li>'; }); that.$appendingTarget.autoComplete.html(template); that.$appendingTarget.autoComplete.off('click').on('click', 'a', function(e) { if($(e.target).attr('text') != undefined){ that.getSearchResult($(e.target).attr('text')); //chat_open4($(e.target).attr('text')); }else{ that.getSearchResult($(e.target).parent().attr('text')); //chat_open4($(e.target).parent().attr('text')); } }); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { if ( keyword == '' ) { //$('#unifiedInputSearch').attr('placeholder', searchInputManager.recommendKeyword); // 20200917 삭제 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 $('.unified-search-layer.type-keyword').show(); } } } } ) }, // 카테고리 검색 2023.06.23 getSearchInputAutoCompleteCategory: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); // 2글자 부터 검색 if (keyword.length > 1) { that.callAjax( { url: '/sec/xhr/search/autocomSearch/', type: 'POST', data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', ''), done: function(result) { var template = ''; var autocomSearchResultList = result.autocomSearch; that.$appendingTarget.autoCompleteCategory.empty(); that.clearAutoComplete('category', autocomSearchResultList.length); // 목록 if ( autocomSearchResultList.length > 0 && autocomSearchResultList != undefined ) { $.each(autocomSearchResultList, function (idx, element) { // 하이라이팅 var highlight = element.highlightKeyword; var dispCtgNm1 = element.dispCtgNm1; var dispCtgNm2 = element.dispCtgNm2; var dispCtgNm3 = element.dispCtgNm3 var hlDispCtgNm1 = dispCtgNm1.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm2 = dispCtgNm2.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm3 = dispCtgNm3.replace(highlight, "<!HS>" + highlight + "<!HE>"); template += '<li class="item">'; template += '<a href="/sec/' + element.uri + '">' + hlDispCtgNm1.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm2.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm3.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '</a>'; template += '</li>'; }); that.$appendingTarget.autoCompleteCategory.html(template); that.$appendingTarget.autoCompleteCategory.show(); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { that.$appendingTarget.autoCompleteCategory.empty(); that.$appendingTarget.autoCompleteCategory.hide(); } } } ) } else { that.clearAutoComplete('category', 0); that.$appendingTarget.autoCompleteCategory.hide(); $('#searchKeywordAuto').hide(); $("#searchKeywordWrap").hide(); that.$appendingTarget.autoCompleteCategory.empty(); } }, // 자동완성 영역 숨기기 clearAutoComplete: function(type, size) { if (type == "category") { autoCategoryCount = size; } else { autoCompleteCount = size; } if (autoCompleteCount === 0 && autoCategoryCount === 0){ $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); } else { if ($("#searchKeywordAuto").css("display") === "none"){ $("#searchKeywordAuto").show(); $("#searchKeywordWrap").show(); } $("#searchAutoCategoryHr").css("display", "block"); if (autoCompleteCount === 0 || autoCategoryCount === 0) { $("#searchAutoCategoryHr").css("display", "none"); } } }, getSearchResult: function(keyword, searchResultInputId, tab) { if ($("#accSearch").val() != null) { tab = $("#accSearch").val(); } keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); // 에어컨액세서리 GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } $("#accSearch").val(""); that.getSearchResultCallback(keyword, tab); },  getSearchResultAcc: function(keyword, searchResultInputId, tab) { keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); tab = 'acc'; GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } that.getSearchResultCallback(keyword, tab); }, getSearchResultNoKeywordCallback: function() { var that = searchInputManager , recommendKeyword = that.recommendKeyword , searchResultInputId = that.searchResultInputId; if ( searchResultInputId != undefined ) { $(searchResultInputId).val(recommendKeyword); $(searchResultInputId).attr('placeholder', recommendKeyword); } that.getSearchResultCallback(recommendKeyword); }, getSearchResultCallback: function(keyword, tab) { var that = searchInputManager , isMobileYN = that.isMobileDevice() , iosAppDispYN = that.getIosAppDispYn(); that.saveSearchHistory(keyword); ajax.call({ url: '/sec/xhr/search/searchKeywordRedirect?keyword=' + encodeURIComponent(keyword), data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN, '', '', '', '', '', '', '', '', '', '', iosAppDispYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { //yhj $(".unified-search-input-wrap").removeClass("is-active"); $("body").removeClass("is-pc is-mo"); $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); $("body").removeClass("fixed-scroll"); $("#gnbmask").hide(); $(".unified-search-input-wrap .inp").val(""); $(".unified-search-input-wrap .btn-inp-clear").hide(); $(".inp-placeholder").show(); if (isSecApp() == "true") { // 기존 GNB일때만 네이티브GNB사용 - #header(기존) / #header__navi(리뉴얼) if($("#header__navi").length == 0){ window.secapp.showAndHideGnb('VISIBLE'); } } var keywordRedirect = result.keywordRedirect; if (keywordRedirect.totalCount > 0) { window.location.href = keywordRedirect.REDIRECT_URL; return; } if (typeof tab == "undefined" || tab == null || tab == "null") { tab = ''; } var $form = document.createElement("form"); $form.setAttribute('charset', 'UTF-8'); $form.setAttribute('method', 'POST'); $form.setAttribute('action', '/sec/search/searchresultB2c/' + tab + '?keyword=' + encodeURIComponent(keyword)); var $input = document.createElement('input'); $input.setAttribute('type', 'hidden'); $input.setAttribute('name', 'isMobileYN'); $input.setAttribute('value', searchInputManager.isMobileYN); $form.appendChild($input); document.body.appendChild($form); $form.submit(); } }); }, /* 모바일 퍼스트 검색창 입력 전 추천 제품 */ getRecomGoodsB2c: function() { var that = searchInputManager; that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendGoods.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); var reqUrl = location.href; $("#searchLayerReqId").val(""); // BDC 개인화 that.callAjax({ url: '/sec/xhr/search/getBdcRecommendGoods', dataType : 'json', type: 'POST', data:{ reqUrl:reqUrl }, contentType : "application/x-www-form-urlencoded;charset=UTF-8", processData : true, done: function(result) { var template = ''; var recentGoods = result.recentGoodsIs; var recomGoodsList = result.recomGoodsList; var recomGoodsImgList = result.recomGoodsImg; var pfPricePointExcptList = result.pfPricePointExcptYn; $("#searchLayerReqId").val(result.requestId); if (recentGoods != 'null' || recomGoodsList != null || recomGoodsImgList != null) { var length = recomGoodsList.length; for(i=0; i < length; i++) { var recomGoodsItem = recomGoodsList[i]; var recomGoodsImg = recomGoodsImgList[i] var price = recomGoodsItem.price.toLocaleString('ko-KR') var salePrc = recomGoodsItem.salePrc.toLocaleString('ko-KR') var pfPricePointExcptYn = pfPricePointExcptList[i]; template += '<div class="swiper-slide item">'; template += '<div class="pd-box">'; template += '<div class="img-box">'; /* 상품 이미지 */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')">'; template += '<img src="' + recomGoodsImg + '?$128_128_PNG$" alt="' + recomGoodsItem.goodsNm + '">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; /* 상품 URL + NM */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')" class="tit">' + recomGoodsItem.goodsNm; template += '</a>'; /* 모델 코드 */ template += '<span class="prd-code">' + recomGoodsItem.mdlCode; template += '</span>'; if (pfPricePointExcptYn !== 'Y' || pfPricePointExcptYn == null) { if (price == 0 || price == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">혜택가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + price + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } else { if (salePrc == 0 || salePrc == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">기준가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + salePrc + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendGoods.html(template); that.$appendingTarget.recommendGoodsWrap.show(); } } else { that.$appendingTarget.recommendGoods.empty(); } } }) // 이전 버전 주석 처리 }, /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 안쓰는 Version) */ /* 현재 전체 기능 구현 완료 되었으며, 추후 재사용 가능성을 고려 하여 주석처리 하였음 */ /* getRecomEventsB2c: function() { var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = recentGoodsNm; var that = searchInputManager that.callAjax( { url: '/sec/xhr/search/recommendEventsB2c/', data: {"goodsNm" : goodsNm}, dataType : 'json', type: 'POST', done: function(result) { that.$appendingTarget.recommendEvents.empty(); var template = ''; var recomEventsList = result.recomEventsList; var recomEventsImgList = result.recomEventsImg; if (recomEventsList != null || recomEventsImgList != null) { var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var recomEventsImg = recomEventsImgList[i] var recomEventsStrt = timestampToString(recomEventsList[i].aplStrtDtm) var recomEventsEnd = timestampToString(recomEventsList[i].aplEndDtm) template += '<div class="swiper-slide item">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; /!* 기획전 이미지 *!/ template += '<img src="' + recomEventsImg + '?$112_112_PNG$" alt="추천 기획전 이미지">'; template += '</div>'; template += '<div class="txt-box">'; /!* 기획전 URL + TTL *!/ template += '<a href="/sec/' + recomEventsItem.linkUrl + '" class="tit">' + recomEventsItem.ttl; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /!* 기획전 기간 *!/ template += '<span>' + recomEventsStrt +' ~ ' + recomEventsEnd +'</span>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); that.$appendingTarget.recommendEventsWrap.hide(); } } }) } */ /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 Version)*/ getRecomEventsB2c: function() { var that = searchInputManager , isMobileYN = that.isMobileDevice() that.$appendingTarget.recommendEventsWrap.hide(); that.$appendingTarget.recommendEvents.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); if(goodsNm.length > 0) { that.callAjax( { url: '/sec/xhr/search/searchResultB2C/', data: new WNSearchParamVo(goodsNm, '', 'event', 'DATE/DESC', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { var template = ''; var recomEventsListLength = result.searchResult.searchResults.length; var recomEventTab = result.searchResult.countTab.event; if (recomEventsListLength > 0 || recomEventTab != 0) { var recomEventsList = result.searchResult.searchResults[0].collectionFields; var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var strtDtm = recomEventsList[i].STRT_DTM.substring(0,10); var endDtm = recomEventsList[i].END_DTM.substring(0,10); template += '<div class="swiper-slide item" style="margin-right: 12px">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="rvpd-img" tabindex="0">'; /* 이벤트 이미지 */ template += '<img src="//images.samsung.com/kdp' + recomEventsItem.MO_IMG_PATH + '?$112_112_PNG$" alt="맞춤 이벤트 이미지">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; template += '<div class="tit-box">'; /* 이벤트 URL + TTL */ template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="tit">' + recomEventsItem.TTL; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /* 이벤트 기간 */ template += '<span>' + strtDtm + ' ~ ' + endDtm + '</span>'; template += '</div>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); } } }) } } } function NetFunnel_Action_pdView(url){ NetFunnel_Action({action_id :'b2c_pd_view'},function(ev, ret){ window.location.href = url; }); } function filterAcc(keyword) { if((keyword.indexOf("에어컨") > -1 || keyword.indexOf("무풍에어컨") > -1) && (keyword.indexOf("액세서리") > -1 || keyword.indexOf("악세서리") > -1 || keyword.indexOf("엑세서리") > -1) ) { keyword = "에어컨액세서리"; } return keyword; } function escapeHtml (string) { return String(string).replace(/[&<>"'`=\/]/g, function (s) { return entityMap[s]; }); } var entityMap = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }; /* s: APP용 함수 */ function isSecApp() { /* 20230104 변경*/ if(device.isApp != true){ if(window.secapp == undefined && window.secapppopup == undefined){ return false; } } return true; } function once(func) { var flag , result; return function() { if ( flag ) { return result; } flag = true; return result = func.apply(this); } } /* s : 20200917 수정 */ var searchLinkforApp = once(function() { var that = searchInputManager; that.setRecommendKeyword(); that.drawSearchHistory(); that.getPopularKeyword(); }); function searchOpenforApp() { // 20200917 추가 searchLinkforApp(); headerSearch.eventListener.uinifiedSearchOpen(); } /* e : 20200917 수정 */ /* e: APP용 함수 */ /* s : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ function chat_open4(chatbotKeyword) { var isMobile = false; // 모바일 여부 var filter = "win16|win32|win64|mac|macintel"; // PC 환경 // 모바일,태블릿 / PC 환경 구분 if(navigator.platform){ isMobile = filter.indexOf(navigator.platform.toLowerCase()) < 0 } if(!isMobile){ var birthAge = null; var birthDate = $.cookie("birthDate_1_"); if(birthDate != 0 && birthDate != null){ birthAge = checkAge(birthDate); } if(birthAge >= 14 || birthAge == 0 || birthAge == null) { var agepass = checkAgepass(birthAge); fcTrack('click','floating chat:chat online'); var keyword = encodeURIComponent(chatbotKeyword); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); window.open('/sec/chatbot/?keyword='+ keyword+'&agepass='+agepass, '_chatbot4', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } } } /* e : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ /* s : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function checkAge(birthDate){ const today = new Date(); //현재날짜 birthDate = (birthDate + "") var age = today.getFullYear() - Number(birthDate.slice(0,4)); //나이 var mon = (today.getMonth()+1) - Number(birthDate.slice(4,6)); //월 //생일 안지났으면 -1 if(mon < 0 || (mon === 0 && today.getDate() < Number(birthDate.slice(6,8)))) { age = age -1; } return age; } /* e : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ /* s : 만 나이별로 agepass 구분값 설정 함수 @param birthAge : 만나이 14세 이상 : 'y' 로그인하지 않을경우 : 'u' jiwon0.id 22.06.09 */ function checkAgepass(birthAge){ var agepass = null; if( birthAge == 0 || birthAge == null ) { agepass = "u"; } else if(birthAge >= 14) { agepass = "y"; } return agepass } /* e : 만 나이별로 agepass 구분값 설정 함수 jiwon0.id 22.06.09 */ function GA4SearchSubmit(keyword) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'search_submit', search_term: keyword, search_redirection: "/sec/search/searchresultB2c/?keyword=" + keyword }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } $(document).ready(function() { var that = searchInputManager; //2024 웹접근성 심사 기간에는 해당 기능 제거하기로 함 that.getMainPopularKeyword(); $('#link-search,.search__box,.header__min__search').on('click', function() { that.$appendingTarget.autoCompleteCategory.hide(); that.getRecomGoodsB2c(); /* 모바일 퍼스트 추천 제품 */ that.getRecomEventsB2c(); /* 모바일 퍼스트 추천 기획전 */ that.setRecommendKeyword(); that.drawSearchHistory(); that.getPopularKeyword(); $('#popularWrap').show(); $('#searchKeywordWrap').hide(); }); $('#unifiedInputSearch').on('keyup', function(e) { // 20240528 웹접근성 var charCode = e.keyCode; if (charCode != 9) { that.$appendingTarget.searchHistoryWrap.hide(); that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendEventsWrap.hide(); $('#popularWrap').hide(); } var $target = $(e.target) , keyword = $target.val().replace(/\\/gi, ''); $target.val(keyword); that.getSearchInputAutoComplete(keyword); that.getSearchInputAutoCompleteCategory(keyword); }); // 20230622 웹접근성 $('.btn-close-search').on('keydown', function(e) { var charCode = e.keyCode; if (charCode == 9) { $('.search-box').attr('tabindex', 0).focus(); $("#accSearch").val(""); } }); // 20240528 웹접근성 제외처리 // 20240126 닫기 버튼 추가 /* $('.btn-close-layer').on('keydown', function(e) { var charCode = e.keyCode; if (charCode == 9) { $('.search-box').attr('tabindex', 0).focus(); $("#accSearch").val(""); } }); */ // 20240528 웹접근성 $('.btn-close-layer').on('click', function(e) { //악세서리 페이지 포커스 이동 if($("#accSearch").val() === "acc"){ // $("#accSearch").val(""); $(".acc-search-box").focus(); }else{ $("div.search__box button.search__button").focus(); $("#accSearch").val(""); } }); // 20240528 웹접근성 $(document).on("keydown", "#popularWrap li:last-of-type a", (e) => { //악세서리 페이지 포커스 이동 if($("#accSearch").val() === "acc"){ // $("#accSearch").val(""); $(".acc-search-box").focus(); }else{ $(".search-box").focus(); $("#accSearch").val(""); } }); $('#unifiedInputSearch').on('click', function() { //20210324 추가 $('.inp-placeholder').hide(); }); /* s : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ /* $('.chatbot-search').off('click').on('click', function() { let chatbotKeyword; if($(this).attr('id') == 'unifiedSearchButton'){ chatbotKeyword = $("#unifiedInputSearch").val(); }else if($(this).attr('id') == 'inputSearchButton'){ chatbotKeyword = $("#inputSearch").val(); } if($(this).attr('id') == 'unifiedSearchButton'){ if(chatbotKeyword == null || chatbotKeyword == ""){ chatbotKeyword = that.recommendKeyword; chat_open4(chatbotKeyword); } else{ chat_open4(chatbotKeyword); } } else{ if(chatbotKeyword != null && chatbotKeyword != "") { chat_open4(chatbotKeyword); } } }); */ /* e : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ }); </script>   <div class="unified-search-input-wrap Advance24"> <div class="inner-unified-search"> <div class="unified-search-input-inner"> <div class="search-box"> <label for="unifiedInputSearch" class="blind">통합 검색</label> <input type="text" id="unifiedInputSearch" class="inp" onfocus="headerSearch.eventListener.uinifiedSearchInp()" onkeydown="headerSearch.eventListener.uinifiedSearchChange()"> <span class="inp-placeholder"></span> <button type="button" class="btn-inp-clear" title="삭제"><span class="blind">삭제</span></button> <button type="button" class="btn-search" title="검색" id="unifiedSearchButton" onclick="javascript:searchInputManager.getSearchResult($('#unifiedInputSearch').val(), '#unifiedInputSearch')"><span class="blind">검색</span></button> <button type="button" class="btn-close-layer"><span class="blind">검색 레이어 닫기</span></button> </div> <div class="wrap-seach-inner"> <article id="searchkeywordRecentWrap"> <div class="wrap-sec-tit"> <h4>최근 검색어</h4> <button type="button" class="align-r reset delete-all" onclick="searchInputManager.clearSearchHistory(this)">모두 지우기</button> </div> <div class="btn-box" id="searchkeywordRecent"> </div> </article> <article class="sec-recommended" id="recommendGoodsWrap"> <input type="hidden" id="recentGoodsNm" value=""/> <input type="hidden" id="accSearch" value=""/> <div class="wrap-sec-tit"> <h4>추천 제품</h4> <input type="hidden" id="searchLayerReqId"/> <div class="area-tooltip"> <button type="button" class="btn-tooltip"><span class="icon">추천 제품이란?</span></button> <div class="tooltip-layer pd-tooltip" tabindex="0"> <div class="tooltip-content"> <p>고객님의 최근 본 제품과 연관된 제품을 추천해 드려요!</p> </div> <button type="button" class="btn-tooltip-close tolltip-close"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> <div class="wrap-swiper"> <div class="swiper swiper-recommended-prd swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" id="recommendGoodsBox" style="transform: translate3d(0px, 0px, 0px);"> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"></div> </div> <script>  var swiperRelatedPrd = new Swiper(".swiper-recommended-prd", { slidesPerView: 'auto', spaceBetween: 12, navigation: { nextEl: ".sec-recommended .swiper-button-next", prevEl: ".sec-recommended .swiper-button-prev", }, observer: true, observeParents: true }); </script> </article> <article class="sec-exhibition" id = "recommendEventsWrap"> <div class="wrap-sec-tit"> <h4>맞춤 이벤트</h4> <div class="area-tooltip"> <button type="button" class="btn-tooltip"><span class="icon">맞춤 이벤트란?</span></button> <div class="tooltip-layer pd-tooltip" tabindex="0"> <div class="tooltip-content"> <p>고객님의 최근 본 제품과 연관된 이벤트를 추천해 드려요!</p> </div> <button type="button" class="btn-tooltip-close tolltip-close"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> <div class="wrap-swiper"> <div class="swiper swiper-exhibition-prd swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" id="recommendEventsBox" style="transform: translate3d(0px, 0px, 0px);"> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"></div> </div> <script>  var swiperRelatedPrd = new Swiper(".swiper-exhibition-prd", { slidesPerView: 'auto', spaceBetween: 12, navigation: { nextEl: ".sec-exhibition .swiper-button-next", prevEl: ".sec-exhibition .swiper-button-prev", }, observer: true, observeParents: true }); </script> </article> <article id="popularWrap">  <div class="wrap-sec-tit"> <h4>인기 검색어</h4><button type="button" class="align-r date etc" id="makeTime"><p class="date"></p></button> </div> <div class="txt-list-box" id="searchkeywordPopular"> <ul class="keyword-list"> </ul> </div> </article>  <article class="mo-width-full">  <ul class="breadcrumbs-box" id="searchAutoCategory"> <div class="hr" id="searchAutoCategoryHr"></div> </ul> </article> <div id="searchKeywordAuto" class="sec-direct-product" style="display:none"> <article id="searchKeywordWrap">  <div class="wrap-sec-tit"> <h4>상품 바로가기</h4> </div> <div class="pdlink-list-box" id="searchAuto"> <ul class="list"> </ul> </div> </article> </div>  </div> </div> </div> </div>  <script> //tooltip $('.area-tooltip .btn-tooltip').on('click', function (e) { $(this).siblings('.tooltip-layer').show().focus(); }); $('.area-tooltip .btn-tooltip-close').on('click', function (e) { $(this).parent('.tooltip-layer').hide(); $(this).parent().siblings('.btn-tooltip').focus(); }); </script>   <div id="container" class='' >  <script type="text/javascript"> getDispPathByUrl(); function getDispPathByUrl() { let stId = "1"; let reqUri = "/sec/outlets/all-outlets/"; reqUri = reqUri.replace("/sec/", ""); if (reqUri.length == 0) return; let tmp = ""; if("" === "Y") return; if(reqUri.indexOf('homefitness') > -1) { return; } $.ajax({ url : "/sec/cxhr/display/getGnbByUrl" , type : "GET" , data : {stId:stId, linkUrl:reqUri} , success : function(data) { list = data.list; if (list == null) return; $.each(list, function(idx, obj) { if (obj.linkUrl.length > 0) { tmp += '<a href="/sec/'+obj.linkUrl+'">'+obj.dispClsfNm+'</a>'; } else if(obj.dispClsfNm != obj.upDispClsfNm){ //동일명칭 Depth Skip 2020.09.14 YJU tmp += "<span>"+obj.dispClsfNm+"</span>"; } }); if (tmp == '') return; let html = ""; html += "<div class=\"pg-location-inner locationDiv\">"; html += "<a href='/sec/'>HOME</a>"; html += tmp; html += "</div>"; $(".pg-location").html(html); } }); } </script> <div class="pg-location" style="display:none;"> </div>  <div id='latestItemLayer' class='layer-pop layer-normal floatingStyle'> <div class='layer-header'> <h2>최근 본 제품</h2> </div> <button type='button' class='pop-close' onclick = "closePop(latestItemLayer)" data-focus-next="latestItemLayer"><span class='blind'>최근 본 제품 닫기</span></button> <div class="LatestItm-result"> <p class="result-tit"> <span>검색 결과</span><strong class="num">0</strong> 개 </p> <button type="button" class="btn btn-d btn-allListClear" onclick = "deleteRecentGoods('Y')" data-st-path ="/sec/" data-focus-next="latestItemLayer">전체삭제</button> </div> <div class="caution-note">※ 최근 본 제품은 30일간 보관됩니다.</div> </div>  <div id="container" class="type-visual mt0"> <input type="hidden" id="page" value="1"> <input type="hidden" id="rows" value=""> <input type="hidden" id="presentPrdCount" value="0"> <input type="hidden" id="totalCount" value="0"> <input type="hidden" id="useCompareYn" value="N"> <input type="hidden" id="gridType" value="2"> <input type="hidden" id="secAppYn" value="N" /> <input type="hidden" id="secIosYn" value="N" /> <input type="hidden" id="filterSortType" value="10"> <input type="hidden" id="productCardBannerYn" value="N"> <input type="hidden" id="soldOutExceptYn" value="Y"> <input type="hidden" id="pfAcamaiUseYn" value="Y"> <input type="hidden" id="pfFasterUseYn" value="Y"> <input type="hidden" id="pfSortByOmniList" value="recommended,discountrating,salesrating">  <div class="pf-tit-area"> <h2 class="pf-tit pc-ver" style="color:#000000;">아울렛</h2>  <h2 class="pf-tit mo-ver" style="color:#000000;">아울렛</h2> <div class="slider-pf-visual">  <div class="visual" style="background:url(//images.samsung.com/kdp/display/pc/100011514/ce8bbbda-16df-4d9c-bf99-dd02fb95c947.jpg) center center no-repeat;" role="img" aria-label="삼성닷컴 아울렛. *아울렛 행사 모델은 재고 수량이 한정되어 있습니다. *아울렛 행사 모델의 경우 재고 상황에 따라 주문 이후 배송 또는 교환이 불가 할 수 있다는 점을 유의해주시기 바랍니다." ></div>  <div class="visual m" style=" background:url(//images.samsung.com/kdp/display/mobile/100011514/092e1fb9-93a6-43e4-a5ad-a6c46c425001.jpg) center center no-repeat;" role="img" aria-label="삼성닷컴 아울렛. *아울렛 행사 모델은 재고 수량이 한정되어 있습니다. *아울렛 행사 모델의 경우 재고 상황에 따라 주문 이후 배송 또는 교환이 불가 할 수 있다는 점을 유의해주시기 바랍니다." ></div>  </div> </div>  <div class="pf-top-cta" style="display:none;"> <div class="pf-top-cta-inner"> <div class="cover">  <a href="javascript:;" class="top-cta tv-type" data-popup-target="PfLayerTvRuler" title="TV 크기 쉽게 알아보기" id="a_tvRulerLayer" style="display:none;"> <i class="icon ico-ruler">사이즈 선택</i> <span class="line">크기 쉽게 알아보기</span> </a>  <a href="javascript:;" class="top-cta tv-type" data-popup-target="PfLayerTabletSize" title="태블릿크기 쉽게 알아보기" id="a_tabletSize" data-focus="PfLayerTabletSize" style="display:none;"> <i class="icon ico-ruler">밀리미터를 인치로 변환</i> <span class="line">크기 쉽게 알아보기</span> </a>  <a href="javascript:;" class="top-cta tv-type btn-pdfDown" data-popup-target="PfLayerPdfView" title="에어컨 추가 설치비" id="a_airconPDF" style="display:none;"> <i class="icon ico-pdf">에어컨 추가 설치비 보기</i> <span class="line">에어컨 추가 설치비</span> </a>  <a href="javascript:;" class="top-cta flip-buy" data-popup-target="popupFilp2" title="플립2 구매 안내" id="a_filp2Buy" style="display:none;"> <i class="icon ico">플립 구매 안내</i> <span class="line">플립2 구매 안내</span> </a>   </div> </div> </div>   <div class="top-opt-detail-area"> <div class="opt-detail-inner"> <div class="box-result"> <p class="search pc-ver">상세검색</p> <button type="button" class="search mo-ver" id="srchDetailFilter">상세검색</button>  <span class="result"></span> </div> <div class="box-option"> <button class="btn btn-s btn-type1" type="button" style="display:none" onClick="removeAllItem()">초기화</button> <div class="opt-area">   </div> </div>  <div class="box-toggle"> <div class="toggleCheck only-toggle"> <input type="checkbox" id="toggle-check-on-pc" role="none" checked> <label for="toggle-check-on-pc" role="switch" aria-checked="true">품절상품 제외</label> <span class="labeltxt on" data-omni="soldout_toggle_on" role="none presentation" >품절상품 제외</span> <span class="labeltxt off" data-omni="soldout_toggle_off" role="none presentation" aria-hidden="true">품절상품 제외</span> </div> </div>  <div class="box-droplist"> <div id="odrDeliveryCycle" class="wrap-droplist sort-droplist"> <button title="리스트 정렬 순서" type="button" class="droplist-button" aria-haspopup="listbox" aria-labelledby="odrDeliveryCycleTitle odrDeliveryCycleBtn" id="odrDeliveryCycleBtn">추천순<span class="blind">하위메뉴있음</span></button> <ul class="droplist" tabindex="-1" data-roll="listbox" aria-labelledby="odrDeliveryCycleTitle" aria-activedescendant="optDeliveryCycle20">  <li id="optDeliveryCycle10" data-roll="option" class="droplist-item focused" aria-selected="true" data-sort-type="10" data-omni="recommended" data-sort-nm="추천순"><button type='button'>추천순</button></li> <li id="optDeliveryCycle20" data-roll="option" class="droplist-item" data-sort-type="20" data-omni="newest" data-sort-nm="최신순"><button type='button'>최신순</button></li> <li id="optDeliveryCycle100" data-roll="option" class="droplist-item" data-sort-type="100" data-omni="salesrating" data-sort-nm="판매량순"><button type='button'>판매량순</button></li> <li id="optDeliveryCycle40" data-roll="option" class="droplist-item" data-sort-type="40" data-omni="pricedecending" data-sort-nm="가격 높은순"><button type='button'>가격 높은순</button></li> <li id="optDeliveryCycle50" data-roll="option" class="droplist-item" data-sort-type="50" data-omni="priceascending" data-sort-nm="가격 낮은순"><button type='button'>가격 낮은순</button></li>  <li id="optDeliveryCycle80" data-roll="option" class="droplist-item" data-sort-type="80" data-omni="priceascending" data-sort-nm="할인율순"><button type='button'>할인율순</button></li> <li id="optDeliveryCycle60" data-roll="option" class="droplist-item" tabindex="-1" data-sort-type="60" data-omni="rating" data-sort-nm="별점 높은순"><button type='button'>별점 높은순</button></li> <li id="optDeliveryCycle61" data-roll="option" class="droplist-item" tabindex="-1" data-sort-type="61" data-omni="review" data-sort-nm="리뷰 많은순"><button type='button'>리뷰 많은순</button></li> </ul> <div class="box-btn-info show"> <button class="btn-info pc pfSortByPc" aria-haspopup="true" data-omni="recommended"><span class="info-sort-nm">추천순</span>정렬 기준 보기</button> <div class="tooltip-layer pf-sorting-tooltip" tabindex="0"> <div class="tooltip-content"> <p class="para" data-omni="recommended" >추천순은 상품의 판매 실적, 할인 및 이벤트 진행 여부,<br>출시일정 등을 종합적으로 고려한 순위입니다.</p> <p class="para" data-omni="discountrating" >할인율순은 기준가 대비 할인금액이 높은 순입니다. <br>*할인율=(기준가-혜택가)/기준가 X 100</p> <p class="para" data-omni="salesrating" >판매량순은 최근 31일 간의 판매 수량 기준으로 <br>매일 02시 업데이트한 순위입니다.</p> </div> <button type="button" class="btn-tooltip-close tolltip-close pc"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> </div> </div> </div>   <div class="top-opt-detail-area mo_ver2"> <div class="opt-detail-inner"> <div class="box-filter-btn-all"> <button type="button" class="btn-all detailFilter" data-omni="_open"> <svg id="구성_요소_47_7" data-name="구성 요소 47 – 7" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17" height="17" viewBox="0 0 17 17"> <defs> <clipPath id="clip-path"> <rect id="사각형_4168" data-name="사각형 4168" width="16" height="16" transform="translate(1581 443) rotate(180)" fill="#ef3434"></rect> </clipPath> </defs> <g id="마스크_그룹_387" data-name="마스크 그룹 387" transform="translate(-1565 -425)" clip-path=""> <g id="그룹_8320" data-name="그룹 8320" transform="translate(-0.5 1)"> <g id="그룹_8317" data-name="그룹 8317"> <line id="선_824" data-name="선 824" x2="8.5" transform="translate(1572 428.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5"></line> <line id="선_825" data-name="선 825" x2="0.5" transform="translate(1566.5 428.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5"></line> <g id="타원_299" data-name="타원 299" transform="translate(1567 426)" fill="none" stroke="#fff" stroke-width="1"> <circle cx="2.5" cy="2.5" r="2.5" stroke="none"></circle> <circle cx="2.5" cy="2.5" r="2" fill="none"></circle> </g> </g> <g id="그룹_8318" data-name="그룹 8318"> <line id="선_824-2" data-name="선 824" x2="0.5" transform="translate(1580 433.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5"></line> <line id="선_826" data-name="선 826" x2="8.5" transform="translate(1566.5 433.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5"></line> <g id="타원_299-2" data-name="타원 299" transform="translate(1575 431)" fill="none" stroke="#fff" stroke-width="1"> <circle cx="2.5" cy="2.5" r="2.5" stroke="none"></circle> <circle cx="2.5" cy="2.5" r="2" fill="none"></circle> </g> </g> <g id="그룹_8319" data-name="그룹 8319"> <line id="선_824-3" data-name="선 824" x2="2.5" transform="translate(1566.5 438.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5"></line> <line id="선_827" data-name="선 827" x2="6.5" transform="translate(1574 438.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5"></line> <g id="타원_299-3" data-name="타원 299" transform="translate(1569 436)" fill="none" stroke="#fff" stroke-width="1"> <circle cx="2.5" cy="2.5" r="2.5" stroke="none"></circle> <circle cx="2.5" cy="2.5" r="2" fill="none"></circle> </g> </g> </g> </g> </svg> <span class="blind" aria-label="필터버튼" >필터 창 열기 버튼</span> </button> </div> <div class="box-result"> <button type="button" class="reset-i active" data-omni="reset" onClick="removeAllItem()"><span class="blind">새로고침 버튼</span></button> <button type="button" class="filter-btn detailFilter sort" data-omni="sort" id="sortItemButton" title="정렬순서">추천순 <span class="i"></span> </button> <button type="button" class="filter-btn detailFilter idx" data-omni="type" data-filter-nm="유형" aria-label="유형" onclick="filterIconMo('1','1')"> 유형<span class="cnt"></span> <span class="i"></span> </button>  </div> </div> </div>     <div class="pf-container t1" id="pfContainer">  <div class="pf-prd-filter-area new-filter" id="pfFilterArea" aria-hidden="false"> <div class="filter-header"> <div class="box-result"> <span class="result">검색 결과<em></em>건</span> <button type="button" class="close"><span class="blind">필터 닫기</span></button> </div> </div> <ul class="list-filter icon_type"> <li> <div class="list-filter-top btn-filter-cnt"> <span class="filterChkCnt_1">유형</span> <button type="button" class="filter-open" data-omni="type" data-filter-nm="유형"> <span class="blind">유형 옵션선택메뉴</span> </button> </div> <div class="list-box chk-form"> <ul> <li> <input id="itm-122-1056" type="checkbox" data-search-filter="all-products" data-filter-nm="유형" data-filter-item-nm="전체 상품" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="all-products" data-min-val="" data-max-val=""> <label for="itm-122-1056"> 전체 상품</label> </li> <li> <input id="itm-122-233" type="checkbox" data-search-filter="tv" data-filter-nm="유형" data-filter-item-nm="TV" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="tv" data-min-val="" data-max-val=""> <label for="itm-122-233"> TV</label> </li> <li> <input id="itm-122-234" type="checkbox" data-search-filter="refrigerators" data-filter-nm="유형" data-filter-item-nm="냉장고" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="refrigerators" data-min-val="" data-max-val=""> <label for="itm-122-234"> 냉장고</label> </li> <li> <input id="itm-122-235" type="checkbox" data-search-filter="bespoke" data-filter-nm="유형" data-filter-item-nm="김치냉장고" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="bespoke" data-min-val="" data-max-val=""> <label for="itm-122-235"> 김치냉장고</label> </li> <li> <input id="itm-122-238" type="checkbox" data-search-filter="washing-machines" data-filter-nm="유형" data-filter-item-nm="세탁기" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="washing-machines" data-min-val="" data-max-val=""> <label for="itm-122-238"> 세탁기</label> </li> <li> <input id="itm-122-239" type="checkbox" data-search-filter="dryers" data-filter-nm="유형" data-filter-item-nm="건조기" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="dryers" data-min-val="" data-max-val=""> <label for="itm-122-239"> 건조기</label> </li> <li> <input id="itm-122-240" type="checkbox" data-search-filter="airdresser" data-filter-nm="유형" data-filter-item-nm="에어드레서" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="airdresser" data-min-val="" data-max-val=""> <label for="itm-122-240"> 에어드레서</label> </li> <li> <input id="itm-122-247" type="checkbox" data-search-filter="microwaves" data-filter-nm="유형" data-filter-item-nm="전기레인지" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="microwaves" data-min-val="" data-max-val=""> <label for="itm-122-247"> 전기레인지</label> </li> <li> <input id="itm-122-1088" type="checkbox" data-search-filter="outlet-cooking-appliances" data-filter-nm="유형" data-filter-item-nm="오븐/전자레인지" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="outlet-cooking-appliances" data-min-val="" data-max-val=""> <label for="itm-122-1088"> 오븐/전자레인지</label> </li> <li> <input id="itm-122-1089" type="checkbox" data-search-filter="dishwashers" data-filter-nm="유형" data-filter-item-nm="식기세척기" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="dishwashers" data-min-val="" data-max-val=""> <label for="itm-122-1089"> 식기세척기</label> </li> <li> <input id="itm-122-236" type="checkbox" data-search-filter="air-conditioner" data-filter-nm="유형" data-filter-item-nm="에어컨" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="air-conditioner" data-min-val="" data-max-val=""> <label for="itm-122-236"> 에어컨</label> </li> <li> <input id="itm-122-244" type="checkbox" data-search-filter="vacuum-cleaners" data-filter-nm="유형" data-filter-item-nm="청소기" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="vacuum-cleaners" data-min-val="" data-max-val=""> <label for="itm-122-244"> 청소기</label> </li> <li> <input id="itm-122-237" type="checkbox" data-search-filter="air-cleaners" data-filter-nm="유형" data-filter-item-nm="공기청정기" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="air-cleaners" data-min-val="" data-max-val=""> <label for="itm-122-237"> 공기청정기</label> </li> <li> <input id="itm-122-231" type="checkbox" data-search-filter="monitors" data-filter-nm="유형" data-filter-item-nm="모니터" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="monitors" data-min-val="" data-max-val=""> <label for="itm-122-231"> 모니터</label> </li> <li> <input id="itm-122-461" type="checkbox" data-search-filter="outlets-PC" data-filter-nm="유형" data-filter-item-nm="PC" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="outlets-PC" data-min-val="" data-max-val=""> <label for="itm-122-461"> PC</label> </li> <li> <input id="itm-122-2148" type="checkbox" data-search-filter="Shoedresser" data-filter-nm="유형" data-filter-item-nm="슈드레서" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="Shoedresser" data-min-val="" data-max-val=""> <label for="itm-122-2148"> 슈드레서</label> </li> </ul> </div> </li> <li style="display:none;" ><a href="javascript:;" class="btn-filter" data-filter-nm="가격대" data-omni="price"></a>  <div class="list-box price"> <div class="range-box"> <div class="slider-wrapper"> <div id="slider-range-pf" ></div> </div> <div class="range-price" id="rangePrice" data-max-prc="419" data-min-prc="27"> <span class="min-range" aria-labelledby="leftRangeBtn"></span>  <span class="max-range" aria-labelledby="rightRangeBtn"></span>  </div> </div> </div> </li>  <li style="display:none;"><a href="javascript:;" class="btn-filter" data-filter-nm="할인율" data-omni="price"></a> <div class="list-box price"> <div class="range-box"> <div class="slider-wrapper"> <div id="slider-discount-pf" ></div> </div> <div class="range-price" id="rangeDiscount" data-max-prc="100" data-min-prc="0"> <span class="min-range">0%</span> <span class="max-range">100%</span> </div> </div> </div> </li> </ul> <br> </div>  <script> pfFilter(); </script>  <div class="pf-prd-cardlist" id="pd-container">  <div class="viewCtrl-area " style="display: none;">  <div class="search-result"> </div> <div class="ctrl-box">  <div class="toggleCheck only-toggle"> <input type="checkbox" id="toggle-check-on-mo" role="none" checked> <label for="toggle-check-on-mo" role="switch" aria-checked="true">품절상품 제외</label> <span class="labeltxt on" role="none presentation" >품절상품 제외</span> <span class="labeltxt off" role="none presentation" aria-hidden="true">품절상품 제외</span> </div>  <div class="viewCtrl-group"> <span class="txt">보기 방식</span> <button class="btn col1" data-omni="sort:view:grid1" onclick="viewCtrlCol1()"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 16 16"> <defs> <clipPath id="clip-path"> <rect width="18" height="18" fill="none"></rect> </clipPath> </defs> <g id="그룹_23526" data-name="그룹 23526" transform="translate(-281 -966)"> <g id="반복_그리드_19" data-name="반복 그리드 19" transform="translate(281 966)"> <g id="그룹_23524" data-name="그룹 23524" transform="translate(-281 -966)"> <g id="사각형_4096" data-name="사각형 4096" transform="translate(281 966)" fill="none" stroke="#d9d9d9" stroke-width="1.5"> <rect width="18" height="18" rx="1" stroke="none"></rect> <rect x="0.75" y="0.75" width="14.5" height="14.5" rx="0.25" fill="none"></rect> </g> </g> </g> <g id="사각형_4100" data-name="사각형 4100" transform="translate(297 976) rotate(90)" fill="none" stroke="#d9d9d9" stroke-width="0.5"> <rect x="0.75" y="0.75" width="0.5" height="15" rx="0.25" fill="none"></rect> </g> </g> </svg> <span class="blind">1열로 보기</span> </button> <button class="btn col2 on" data-omni="sort:view:grid2" onclick="viewCtrlCol2()"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 16 16"> <g id="그룹_23525" data-name="그룹 23525" transform="translate(-320 -966)"> <g id="사각형_4101" data-name="사각형 4101" transform="translate(320 966)" fill="none" stroke="#d9d9d9" stroke-width="1.5"> <rect width="7.2" height="7.2" rx="1" stroke="none"></rect> <rect x="0.75" y="0.75" width="5.7" height="5.7" rx="0.25" fill="none"></rect> </g> <g id="사각형_4107" data-name="사각형 4107" transform="translate(320 974.8)" fill="none" stroke="#d9d9d9" stroke-width="1.5"> <rect width="7.2" height="7.2" rx="1" stroke="none"></rect> <rect x="0.75" y="0.75" width="5.7" height="5.7" rx="0.25" fill="none"></rect> </g> <g id="사각형_4105" data-name="사각형 4105" transform="translate(328.8 966)" fill="none" stroke="#d9d9d9" stroke-width="1.5"> <rect width="7.2" height="7.2" rx="1" stroke="none"></rect> <rect x="0.75" y="0.75" width="5.7" height="5.7" rx="0.25" fill="none"></rect> </g> <g id="사각형_4106" data-name="사각형 4106" transform="translate(328.8 974.8)" fill="none" stroke="#d9d9d9" stroke-width="1.5"> <rect width="7.2" height="7.2" rx="1" stroke="none"></rect> <rect x="0.75" y="0.75" width="5.7" height="5.7" rx="0.25" fill="none"></rect> </g> </g> </svg> <span class="blind">2열로 보기</span> </button> </div> </div> </div>                 <div class="list-product "> <ul class="list list-type"></ul> </div>  <div class="pf-btn-box"> <button id="morePrd" type="button" class="btn btn-type1 btn-d btn-readmore" style="display:none;" onclick="morePrd()" >더보기 <span id="presentPageCount"></span>/ <span id="totalPageCount"></span> </button> </div> </div>  </div>  <script> pfListFunc(); </script> <div class="mo_ver2 pf-prd-filter-area-mo" id="pfFilterArea_mo" aria-hidden="false"> <div class="filter-category-wrap"> <div class="filter-category"> <button type="button" data-omni="sort">정렬순서</button> <button type="button" data-omni="type" data-filter-nm="유형" onclick="filterIconMo('1','1')">유형</button> </div> <button type="button" class="close"><span class="blind">닫기</span></button> </div> <div class="list-filter-wrap">  <ul class="list-filter"> <li> <div class="list-box chk-form" id="odrDeliveryCycleMo"> <ul> <li id="popOptDeliveryCycle10" data-roll="option" class="droplist-item focused" aria-selected="true" data-sort-type="10" data-omni="recommended" data-sort-nm="추천순"><input id="num01" type="radio" name="sort" checked><label for="num01">추천순</label></li> <li id="popOptDeliveryCycle20" data-roll="option" class="droplist-item" data-sort-type="20" data-omni="newest" data-sort-nm="최신순"><input id="num02" type="radio" name="sort" ><label for="num02">최신순</label></li> <li id="popOptDeliveryCycle100" data-roll="option" class="droplist-item" data-sort-type="100" data-omni="salesrating" data-sort-nm="판매량순"><input id="num03" type="radio" name="sort" ><label for="num03">판매량순</label></li> <li id="popOptDeliveryCycle40" data-roll="option" class="droplist-item" data-sort-type="40" data-omni="pricedecending" data-sort-nm="가격 높은 순"><input id="num04" type="radio" name="sort" ><label for="num04">가격 높은 순</label></li> <li id="popOptDeliveryCycle50" data-roll="option" class="droplist-item" data-sort-type="50" data-omni="priceascending" data-sort-nm="가격 낮은 순"><input id="num05" type="radio" name="sort" ><label for="num05">가격 낮은 순</label></li>  <li id="popOptDeliveryCycle80" data-roll="option" class="droplist-item" data-sort-type="80" data-omni="priceascending" data-sort-nm="할인율순"><input id="num06" type="radio" name="sort" ><label for="num06">할인율순</label></li> <li id="popOptDeliveryCycle60" data-roll="option" class="droplist-item" tabindex="-1" data-sort-type="60" data-omni="rating" data-sort-nm="별점 높은 순"><input id="num07" type="radio" name="sort"><label for="num07">별점 높은 순</label></li> <li id="popOptDeliveryCycle61" data-roll="option" class="droplist-item" tabindex="-1" data-sort-type="61" data-omni="review" data-sort-nm="리뷰 많은 순"><input id="num08" type="radio" name="sort"><label for="num08">리뷰 많은 순</label></li> <button class="btn-info mo pfSortByMo" aria-haspopup="true" data-omni="recommended" data-sort-nm="추천순">추천순 정렬 기준 보기</button> <button class="btn-info mo pfSortByMo" aria-haspopup="true" data-omni="discountrating" data-sort-nm="할인율순">할인율순 정렬 기준 보기</button> <button class="btn-info mo pfSortByMo" aria-haspopup="true" data-omni="salesrating" data-sort-nm="판매량순">판매량순 정렬 기준 보기</button> </ul> </div> </li> <li class="moListFilter"> <div class="list-box chk-form"> <ul> <li> <input id="itmPop-122-1056" type="checkbox" data-search-filter="all-products" data-filter-nm="유형" data-filter-item-nm="전체 상품" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="all-products" data-min-val="" data-max-val=""> <label for="itmPop-122-1056"> 전체 상품</label> </li> <li> <input id="itmPop-122-233" type="checkbox" data-search-filter="tv" data-filter-nm="유형" data-filter-item-nm="TV" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="tv" data-min-val="" data-max-val=""> <label for="itmPop-122-233"> TV</label> </li> <li> <input id="itmPop-122-234" type="checkbox" data-search-filter="refrigerators" data-filter-nm="유형" data-filter-item-nm="냉장고" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="refrigerators" data-min-val="" data-max-val=""> <label for="itmPop-122-234"> 냉장고</label> </li> <li> <input id="itmPop-122-235" type="checkbox" data-search-filter="bespoke" data-filter-nm="유형" data-filter-item-nm="김치냉장고" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="bespoke" data-min-val="" data-max-val=""> <label for="itmPop-122-235"> 김치냉장고</label> </li> <li> <input id="itmPop-122-238" type="checkbox" data-search-filter="washing-machines" data-filter-nm="유형" data-filter-item-nm="세탁기" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="washing-machines" data-min-val="" data-max-val=""> <label for="itmPop-122-238"> 세탁기</label> </li> <li> <input id="itmPop-122-239" type="checkbox" data-search-filter="dryers" data-filter-nm="유형" data-filter-item-nm="건조기" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="dryers" data-min-val="" data-max-val=""> <label for="itmPop-122-239"> 건조기</label> </li> <li> <input id="itmPop-122-240" type="checkbox" data-search-filter="airdresser" data-filter-nm="유형" data-filter-item-nm="에어드레서" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="airdresser" data-min-val="" data-max-val=""> <label for="itmPop-122-240"> 에어드레서</label> </li> <li> <input id="itmPop-122-247" type="checkbox" data-search-filter="microwaves" data-filter-nm="유형" data-filter-item-nm="전기레인지" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="microwaves" data-min-val="" data-max-val=""> <label for="itmPop-122-247"> 전기레인지</label> </li> <li> <input id="itmPop-122-1088" type="checkbox" data-search-filter="outlet-cooking-appliances" data-filter-nm="유형" data-filter-item-nm="오븐/전자레인지" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="outlet-cooking-appliances" data-min-val="" data-max-val=""> <label for="itmPop-122-1088"> 오븐/전자레인지</label> </li> <li> <input id="itmPop-122-1089" type="checkbox" data-search-filter="dishwashers" data-filter-nm="유형" data-filter-item-nm="식기세척기" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="dishwashers" data-min-val="" data-max-val=""> <label for="itmPop-122-1089"> 식기세척기</label> </li> <li> <input id="itmPop-122-236" type="checkbox" data-search-filter="air-conditioner" data-filter-nm="유형" data-filter-item-nm="에어컨" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="air-conditioner" data-min-val="" data-max-val=""> <label for="itmPop-122-236"> 에어컨</label> </li> <li> <input id="itmPop-122-244" type="checkbox" data-search-filter="vacuum-cleaners" data-filter-nm="유형" data-filter-item-nm="청소기" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="vacuum-cleaners" data-min-val="" data-max-val=""> <label for="itmPop-122-244"> 청소기</label> </li> <li> <input id="itmPop-122-237" type="checkbox" data-search-filter="air-cleaners" data-filter-nm="유형" data-filter-item-nm="공기청정기" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="air-cleaners" data-min-val="" data-max-val=""> <label for="itmPop-122-237"> 공기청정기</label> </li> <li> <input id="itmPop-122-231" type="checkbox" data-search-filter="monitors" data-filter-nm="유형" data-filter-item-nm="모니터" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="monitors" data-min-val="" data-max-val=""> <label for="itmPop-122-231"> 모니터</label> </li> <li> <input id="itmPop-122-461" type="checkbox" data-search-filter="outlets-PC" data-filter-nm="유형" data-filter-item-nm="PC" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="outlets-PC" data-min-val="" data-max-val=""> <label for="itmPop-122-461"> PC</label> </li> <li> <input id="itmPop-122-2148" type="checkbox" data-search-filter="Shoedresser" data-filter-nm="유형" data-filter-item-nm="슈드레서" data-multi-sel-yn="Y" onClick="clickItem(this, true);" data-omni="Shoedresser" data-min-val="" data-max-val=""> <label for="itmPop-122-2148"> 슈드레서</label> </li> </ul> <ul class="pf_tooltip_option"> </ul> </div> </li> </ul> </div> <div class="filter-footer"> <div class="mo_scrollbar"></div> <div class="list-option"> </div> <div class="btn-box"> <button class="btn btn-s btn-type1" type="button" onClick="removeAllItem()">초기화</button> <button type="button" class="btn-prd-more close" data-omni="view all products"><span class="cnt"></span> <span>제품 모두 보기</span></button> </div> </div> <div class="tooltip-layer-wrap"> <div class="tooltip-layer pf-sorting-tooltip" tabindex="0"> <strong class="tooltip-title">추천순</strong> <div class="tooltip-content"> <p class="para" data-omni="recommended" >추천순은 상품의 판매 실적, 할인 및 이벤트 진행 여부,<br>출시일정 등을 종합적으로 고려한 순위입니다.</p> <p class="para" data-omni="discountrating" >할인율순은 기준가 대비 할인금액이 높은 순입니다. <br>*할인율=(기준가-혜택가)/기준가 X 100</p> <p class="para" data-omni="salesrating" >판매량순은 최근 31일 간의 판매 수량 기준으로 <br>매일 02시 업데이트한 순위입니다.</p> </div> <button type="button" class="btn-tooltip-close tolltip-close mo"><span class="blind">툴팁 닫기</span></button> </div> </div> </div>     <div id="pfpd-compare" class="pfpd-compare if2item" style="display:none"> <div class="compare-innerWrap"> <div class="toggle-toast"> <a href="javascript:;" class="arrow-i" onclick="openCloseArrow()"> <span class="txt-btn" aria-hidden="true">비교하기</span> <span class="blind">비교하기 펼치기</span> </a> </div> <input type="hidden" id="compDispClsfEnNm" value="outlets"> <input type="hidden" id="compDispClsfNm" value=""> <div class="compare-inner flex-box"> <div class="compare-catagory"> <div class="box-droplist"> </div> </div> <div class="compare-contentGroup"> <div class="compare-content"> <div class="slider-prd-compare" tabindex="-1"> <div id="pfpdSlideCompare" class=""> </div> </div> </div> <div class="compare-btns"> <ul> <li class="reset-i"><button class="btn-underline btn-reset" onclick="btnReset(this)" data-omni="compare:reset" value="">비우기</button></li> <li><button class="btn btn-d btn-type2 btn-compare" id="compareBtn" data-popup-target="popupPrdCompare" value="" onclick="openCompareWindow(this)" data-omni="compare:pop-up">비교하기</button></li> </ul> </div> </div> </div> </div> </div>   <div class="layer-pop layer-default alert" id="choicePrdAlert" data-popup-layer="choicePrdAlert" data-focus="choicePrdAlert"> <div class="layer-header blind"><h2> 제품을 선택하세요.</h2></div> <div class="layer-content" tabindex="0"> <p>제품을 선택하세요.</p> <div class="btn-box"> <a href="javascript:void(0)" class="btn btn-d btn-type2">확인</a> </div> </div> </div>   <div class="layer-pop layer-normal chooseComparePrd" id="chooseComparePrd" data-popup-layer="chooseComparePrd" data-focus="chooseComparePrd"> <div class="layer-header-compare"> <span>비교할 제품을 선택하세요</span> </div> <div class="layer-content-compare" tabindex="0"> <section class="box-content-rounded product" id="selectProductList"> </section> </div> <div class="btn-box"> <button type="button" class="btn btn-d btn-type1" onclick="compareSelect()">비교하기</button>  </div> <button type="button" class="pop-close" onclick="compareClose()" >팝업닫기</button> </div>   <div class="layer-pop layer-normal popupPrdCompare" id="popupPrdCompare" data-popup-layer="popupPrdCompare" data-focus="popupPrdCompare" style="display:none"> <div class="layer-header-compare"> <span>비교하기</span> <div class="selectBox-right"> <div class="box-droplist"> </div> </div> </div> <div class="layer-difference-compare"> <div class="toggleCheck only-toggle"> <input type="checkbox" id="toggle-check-on" checked="" role="switch"> <label for="toggle-check-on">차이점만 비교하기</label> <span class="labeltxt on" aria-hidden="true" role="none presentation">차이점만 비교하기</span> <span class="labeltxt off" role="none presentation">차이점만 비교하기</span> </div> </div> <div class="layer-filter-compare"> </div> <div class="layer-content-compare-wrap"> <div class="layer-desc" id="pakChkDiv"> <span> * 기능 관련 상세 내용은 제품 상세 페이지 및 매뉴얼(사용설명서) 참고 </span> </div> <div class="layer-content-compare" tabindex="0"> <section class="box-content-rounded products"> <div class="part1"> </div> </section> <section class="box-content-rounded specDetails"> <div class="part2"> </div> </section> </div> </div> <button type="button" class="pop-close" data-focus-next="popupPrdCompare">팝업닫기</button> </div>   <div class="layer-pop moSelectPop" id="popupMobileSelect" data-popup-layer="popupMobileSelect" data-focus="popupMobileSelect"> <div class="layer-header blind"> <h2>다른 카테고리 비교하기 선택</h2></div> <section> <ul id="moPopUp">  </ul> </section> <button type="button" class="pop-close" data-focus-next="popupMobileSelect">팝업닫기</button> </div>  <div class="layer-pop layer-normal layer-default specLayer active" name="specLayer" id="specLayer" tabindex="0" data-popup-layer="specLayer" data-focus="specLayer" aria-hidden="false" data-zindex="300" style="z-index: 300; display: none"> <div class="layer-header"> <h2></h2> </div> <div class="layer-content"> <p></p> </div> <button type="button" class="pop-close" data-focus-next="">팝업닫기</button> </div> <script type="text/javascript"> var isSpecAnchorMove = false; var scrollTimeout; var pfpdCompare = document.querySelector('.pfpd-compare'); var toggleToast = document.querySelector('.pfpd-compare .toggle-toast .arrow-i'); /* 221124 : pf랑 통일 */ var stId = 1; var stStorageNm = { 1 : '/sec/', 2 : '/sec/'+'fnet/', 3 : '/sec/'+'fnet_sol/', 200 : '/sec/'+'b2b2c_cm/', 471 : '/sec/'+'b2b2c_fnet_secsales/' }; /* 로컬 스토리지 key prefix 생성 */ var storageNmPrefix = stStorageNm[stId] + 'compare/'; /* 비교하기 만료일자 스토리지 생성 */ var expireDateDataStorageNm = storageNmPrefix +'expireDate'; /* 비교하기 만료일자 스토리지 생성 */ var expireDateData = JSON.parse(localStorage.getItem(expireDateDataStorageNm)) ?? {}; /* 비교하기 스토리지 이름 */ var compareDataStorageNm; /* 비교하기 스토리지 */ var compareData; /* 카테고리 스토리지 이름 */ var categoryDataStorageNm = storageNmPrefix + 'category'; /* 카테고리 스토리지 */ var categoryData = JSON.parse(localStorage.getItem(categoryDataStorageNm)) ?? {}; /* goodsId 스토리지 이름 */ var goodsIdDataStorageNm = storageNmPrefix + 'goodsId'; /* goodsId 스토리지 */ var goodsIdData = JSON.parse(localStorage.getItem(goodsIdDataStorageNm)) ?? {}; /* 마지막 담은 상품 스토리지 이름 */ var lastCompDataStorageNm = storageNmPrefix + 'lastComp'; /* 마지막 담은 상품 스토리지 */ var lastCompData = JSON.parse(localStorage.getItem(lastCompDataStorageNm)) ?? {}; var compDispClsfEnNm; /* 비교하기 팝업 버튼 이벤트 */ function openCompareWindow(self) { /* 차이점 비활성화 */ // $('#compareBtn').val($('.prd').attr('value')); // $('.btn-reset').val($('.prd').attr('value')); setCompInfoStrg(compDispClsfEnNm,false,true); } /* 비교하기 제품 삭제 */ function deleteCompare(self, isPopUp) { var val = $(self).val(); var lan; // var compDispClsfEnNm = ''; // if($('.btn-reset').val() == ''){ // $('#compareBtn').val($('.prd.compare').attr('value')); // $('.btn-reset').val($('.prd.compare').attr('value')); // } // compDispClsfEnNm = $('.btn-reset').val(); /* 1. 해당 카테고리 내 goods 삭제 */ // compareDataStorageNm = storageNmPrefix + compDispClsfEnNm; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; lan = Object.keys(compareData).length; if (lan == 1) {/* 해당 카테고리의 비교하기 1개인 경우 로컬 스토리지 비우고 팝업/카드 닫기 */ delete categoryData[compDispClsfEnNm]; localStorage.setItem(categoryDataStorageNm, JSON.stringify(categoryData)); openCloseArrow(); $('#chooseComparePrd').find('.pop-close').click(); $('#popupPrdCompare').find('.pop-close').click(); } delete compareData[val]; localStorage.setItem(compareDataStorageNm, JSON.stringify(compareData)); /* 2. goodsId 로컬 스토리지에서 삭제 */ delete goodsIdData[val]; localStorage.setItem(goodsIdDataStorageNm, JSON.stringify(goodsIdData)); /* 3. 마지막 비교하기 상품 삭제 */ delete lastCompData[val]; localStorage.setItem(lastCompDataStorageNm, JSON.stringify(lastCompData)); /* 4. 비교하기 데이터 없으면 slider 숨김 */ if(Object.keys(goodsIdData).length == 0){ $(".pfpd-compare").css("display","none"); $(".pfpd-compare").addClass("empty"); $(".itm-total-bottom").removeClass("hasCompare"); } /* 5. 해당 카테고리 상품은 없지만, 타 카테고리 상품이 비교하기에 담겨있는 경우 */ if(lan == 1 && Object.keys(goodsIdData).length != 0){ /* goodsIdStorage의 가장 앞에 있는 상품의 카테고리로 재설정 */ updateCtgInfo(Object.values(goodsIdData)[0]); // compareDataStorageNm = storageNmPrefix+Object.values(goodsIdData)[0]; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; // localStorage.setItem(compareDataStorageNm, JSON.stringify(compareData)); // $('.btn-reset').val(Object.values(goodsIdData)[0]); // $('#compareBtn').val(Object.values(goodsIdData)[0]); setCompInfoStrg(compDispClsfEnNm, true, false); updateBtnNum(Object.values(compareData).length); }else{ setCompInfoStrg(compDispClsfEnNm, true, isPopUp); updateBtnNum(Object.values(compareData).length); } categoryBtn(); disabledCompareButton(); setSpeclongestBox(); let isIncludePak = false; Object.keys(compareData).forEach(function(v, i) { if('20' == compareData[v]["pfGoods"]["goodsTpCd"]){ isIncludePak = true; } }); if(isIncludePak){ $("#pakChkDiv").html('<span> * 기능 관련 상세 내용은 제품 상세 페이지 및 매뉴얼(사용설명서) 참고 </span><br><br><span> * 패키지의 경우 대표 상품 기준 </span>'); $("#pakChkDiv").show(); }else{ $("#pakChkDiv").html('<span> * 기능 관련 상세 내용은 제품 상세 페이지 및 매뉴얼(사용설명서) 참고 </span>'); $("#pakChkDiv").show(); } //웹접근성 포커스 이동 if(Object.keys(goodsIdData).length == 0){ //비교하기 데이터 없으면 최상단버튼으로 포커스 이동 fcsAftHide(); }else{ //데이터 있으면 카테고리 드롭다운으로 포커스 이동 if(isPopUp){ $('.popupPrdCompare #compareDropListBtnSelect').focus(); } else { $('#compareDropListBtnSelect').focus(); } } } /* 비교하기 완전 숨김 후 페이지별 포커스 이동 */ function fcsAftHide() { //MO PF,마이페이지(홈이미지버튼으로 이동) if($(".utility__button__home__m").css("display") != "none"){ //홈이미지버튼 $(".utility__button__home__m > button").focus(); } //MO PD(햄버거버튼으로 이동) if($(".utility__button__menu__m").css("display") != "none"){ //햄버거버튼 $(".utility__button__menu__m > button").focus(); } //MO MAIN, PC 전체(로고로 이동) if($("#header__navi.no__bnb .logo").css("display") != 'none'){ //로고 $(".logo > a").focus(); } } /* PF페이지 내 +비교하기 버튼 활성화/비활성화 처리(PF) */ function disabledCompareButton() { $('.link-compare-i').each(function(i) { if ($(this).is('.disabled')) { if (!isCompareDataStorageGoods($(this).data('goodsId'))) { $(this).removeClass('disabled'); } } else { if (isCompareDataStorageGoods($(this).data('goodsId'))) { $(this).addClass('disabled'); } } }); }  function htmlCompareCardEmptyTmpl(i){ var html = ''; html += '<div class="prd" id="">'; html += '<div class="box compare-emptyBox">'; html += '<a href="javascript:void(0);" role="button" title="비교하기 제품 선택 팝업 열기" class="compare-emptyBox-card" onclick="openCompareAddPop(this)" data-omni="compare:prd select:'+i+'">'; html += '<div class="prd-info">'; html += '<span class="plus-i"></span>'; html += '<span class="notice">비교하고 싶은 제품 최대<br class="mobile"> 4개까지 선택 가능해요!</span>'; html += '</div>'; html += '</a>'; html += '</div>'; html += '</div>'; return html; }  function htmlCompareCardTmpl(compData){ var html = ''; if('1' == compData.pfGoods.stId || '200' == compData.pfGoods.stId || '471' == compData.pfGoods.stId){ html += '<div class="prd" value="'+compData.goodsDetail.compDispClsfEnNm+'">'; }else if('2' == compData.pfGoods.stId || '3' == compData.pfGoods.stId) { html += '<div class="prd" value="' + compData.goodsDetail.disp2ClsfEnNm + '">'; } html += '<div class="box">'; html += '<div class="prd-left">'; html += '<a href="javascript:void(0);" onclick="_netFunnel_Action_PF(\''+compData.pfGoods.stGrp+'\', \''+compData.pfGoods.stContextPath+compData.pfGoods.goodsDetailUrl+'\');return false;" class="prd-img" data-omni="compare:img:prd name:'+compData.goodsDetail.mdlCode+'">'; html += '<img class="prd-img-pd-card" src="'+compData.summary.imgPath+'?$PG_PRD_CARD_PNG$" alt="'+compData.goodsDetail.goodsNm+'">'; html += '</a>'; html += '<div class="prd-review">'; if('Y' == compData.pfGoods.goodsAdvCmntStYn){ html += '<a class="link-review" target="_blank" href="'+compData.pfGoods.stContextPath+compData.summary.goodsDetailUrl+'?focus=review" title="상품평점" tabindex="0">'+compData.goodsDetail.commentAvg+'('+compData.goodsDetail.commentCnt+')</a>'; }else if('200' == compData.pfGoods.stId || '471' == compData.pfGoods.stId){ html += '<a class="link-review" target="_blank" href="'+compData.pfGoods.stContextPath+compData.summary.goodsDetailUrl+'?focus=review" title="상품평점" tabindex="0">'+compData.goodsDetail.commentAvg+'('+compData.goodsDetail.commentCnt+')</a>'; }else{ html += '<a class="" target="_blank" href="javascript:void(0);" title="상품평점"> </a>'; } html += '</div>'; html += '</div>'; html += '<div class="prd-info">'; html += '<strong class="name">'+compData.goodsDetail.goodsNm+'</strong>'; html += '<span class="serial">'+compData.goodsDetail.mdlCode+'</span>'; html += '<span class="price" '+ (compData.summary.price == '0' ? 'style="display:none"' : '')+'>'; if(compData.summary.price != 'undefined' && compData.summary.price != null && compData.summary.price.toString().length >= 1){ if('12' == compData.pfGoods.saleStatCd || '13' == compData.pfGoods.saleStatCd || '14' == compData.pfGoods.saleStatCd){ if('Y' == compData.pfGoods.cpUseYn && '1' == compData.pfGoods.stId){ // 앱 쿠폰 적용 시 if (compData.pfGoods.secApp == 'true' && compData.pfGoods.goodsDetailVo.cpAllDcAmt > 0){ html += '<span>쿠폰 적용 예상가</span>'; html += '<em class="num">'+fnComma(compData.pfGoods.salePrice - compData.pfGoods.goodsDetailVo.cpAllDcAmt)+' 원</em>'; } // 쿠폰 적용 예상가(웹) else if ('false' == compData.pfGoods.secApp && compData.pfGoods.goodsDetailVo.webCpAllDcAmt > 0){ html += '<span>쿠폰 적용 예상가</span>'; html += '<em class="num">'+fnComma(compData.pfGoods.salePrice - compData.pfGoods.goodsDetailVo.webCpAllDcAmt)+' 원</em>'; } else{ html += '<span>'+compData.summary.priceNm+'</span><em class="num">'+fnComma(compData.summary.price)+' 원</em>'; } } else{ html += '<span>'+compData.summary.priceNm+'</span><em class="num">'+fnComma(compData.summary.price)+' 원</em>'; } }else{ html += '<span></span>'; } } html += '</span>'; html += '</div>'; html += '<button type="button" class="prd-delete prd-delete-mo" onclick="deleteCompare(this,false)" value="'+compData.goodsDetail.goodsId+'" data-goods-nm="'+compData.goodsDetail.goodsNm+'" data-mdl-code="'+compData.goodsDetail.mdlCode+'" data-omni="compare:delete"><span class="blind">삭제</span></button>' html += '</div>'; html += '</div>'; return html; }  function htmlComparePopUpTmpl(compData){ var html = ''; html += '<div class="prdBox">'; html += '<div class="prd prdDetail" id="compareItem' + compData.goodsDetail.goodsId + '">'; html += '<div class="box">'; html += '<div class="prd-img">'; html += '<a href="javascript:void(0);" onclick="_netFunnel_Action_PF(\''+compData.pfGoods.stGrp+'\', \''+compData.pfGoods.stContextPath+compData.pfGoods.goodsDetailUrl+'\');return false;" data-omni="compare:pop-up:img:prd name:'+compData.goodsDetail.mdlCode + '" tabindex="0">'; html += '<img class="prd-img-pd-popUp" src="'+compData.summary.imgPath+'?$PG_PRD_CARD_PNG$" alt="'+compData.goodsDetail.goodsNm+'">'; html += '</a>'; html += '<button type="button" class="btn-del" onclick="deleteCompare(this,true)" value="'+compData.goodsDetail.goodsId+'" data-goods-nm="'+compData.goodsDetail.goodsNm+'" data-mdl-code="'+compData.goodsDetail.mdlCode+'" tabindex="0" data-omni="compare:pop-up:delete:prd name:'+compData.goodsDetail.mdlCode+'">삭제</button>'; html += '</div>'; html += '<div class="prd-info">'; html += '<div class="name-box">'; html += '<strong class="name">'+compData.goodsDetail.goodsNm+'</strong>'; html += '</div>'; html += '<span class="serial">'+compData.goodsDetail.mdlCode+'</span>'; html += '</div>'; html += '<div class="prd-review">'; if('Y' == compData.pfGoods.goodsAdvCmntStYn){ html += '<a class="link-review" target="_blank" href="'+compData.pfGoods.stContextPath+compData.summary.goodsDetailUrl+'?focus=review" title="상품평점" tabindex="0">'+compData.goodsDetail.commentAvg+'('+compData.goodsDetail.commentCnt+')</a>'; }else if('200' == compData.pfGoods.stId || '471' == compData.pfGoods.stId){ html += '<a class="link-review" target="_blank" href="'+compData.pfGoods.stContextPath+compData.summary.goodsDetailUrl+'?focus=review" title="상품평점" tabindex="0">'+compData.goodsDetail.commentAvg+'('+compData.goodsDetail.commentCnt+')</a>'; }else{ html += '<a class="" target="_blank" href="javascript:void(0);" title="상품평점"> </a>'; } html += '</div>'; // 가격 / 쿠폰적용 예상가 / 적립 포인트 영역 if('12' == compData.pfGoods.saleStatCd || '13' == compData.pfGoods.saleStatCd || '14' == compData.pfGoods.saleStatCd){ // 가격 영역 html += '<div class="prd-price">'; html += '<div class="price-detail type-list">'; html += '<ul class="list-price">'; if('1' == compData.pfGoods.stId){ // 기준가 if(('00' == compData.pfGoods.priceStr1 && compData.pfGoods.priceStr2 != compData.pfGoods.priceStr3) || '00' !== compData.pfGoods.priceStr1){ html += '<li><span class="tit">기준가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr2)+' 원</span></li>'; } // 회원가 if(compData.pfGoods.priceStr1 === '00' || compData.pfGoods.priceStr1 !== '00'){ html += '<li><span class="tit">회원가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr3)+' 원</span></li>'; } // 혜택가 if('00' !== compData.pfGoods.priceStr1 && 'Y' !== compData.pfGoods.outletFlgYn){ html += '<li><span class="tit">혜택가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr4)+' 원</span></li>'; } // 아울렛 특가 if('00' !== compData.pfGoods.priceStr1 && 'Y' === compData.pfGoods.outletFlgYn){ html += '<li><span class="tit">아울렛 특가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr4)+' 원</span></li>'; } } else if ('2' == compData.pfGoods.stId || '3' == compData.pfGoods.stId){ // 출고가 html += '<li><span class="tit">출고가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr2)+' 원</span></li>'; // 기준판매가 html += '<li><span class="tit">기준판매가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr3)+' 원</span></li>'; // 특별판매가 if('' !== compData.pfGoods.priceStr4 && compData.pfGoods.priceStr3 !== compData.pfGoods.priceStr4){ html += '<li><span class="tit">특별판매가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr4)+' 원</span></li>'; } // 회사 지원금 if(compData.pfGoods.stGbCd === '30'){ html += '<li><span class="tit">회사 지원금</span><span class="sale">'+fnComma(compData.pfGoods.priceStr5)+' 원</span></li>'; } // 임직원가 html += '<li><span class="tit">임직원가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr6)+' 원</span></li>'; } else if ('200' == compData.pfGoods.stId){ // 기준가 if(('00' == compData.pfGoods.priceStr1 && compData.pfGoods.priceStr2 != compData.pfGoods.priceStr3) || '00' !== compData.pfGoods.priceStr1){ html += '<li><span class="tit">기준가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr2)+' 원</span></li>'; } // 회원가 if(compData.pfGoods.priceStr1 === '00' || compData.pfGoods.priceStr1 !== '00'){ html += '<li><span class="tit">회원가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr3)+' 원</span></li>'; } // 혜택가 if('00' !== compData.pfGoods.priceStr1 && 'Y' !== compData.pfGoods.outletFlgYn){ html += '<li><span class="tit">혜택가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr4)+' 원</span></li>'; } // 아울렛 특가 if('00' !== compData.pfGoods.priceStr1 && 'Y' === compData.pfGoods.outletFlgYn){ html += '<li><span class="tit">아울렛 특가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr4)+' 원</span></li>'; } }else if('471' == compData.pfGoods.stId){ // 기준판매가 html += '<li><span class="tit">기준판매가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr3)+' 원</span></li>'; // 특별판매가 if('' !== compData.pfGoods.priceStr4 && compData.pfGoods.priceStr3 !== compData.pfGoods.priceStr4){ html += '<li><span class="tit">특별판매가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr4)+' 원</span></li>'; } // 임직원가 html += '<li><span class="tit">임직원가</span><span class="sale">'+fnComma(compData.pfGoods.priceStr6)+' 원</span></li>'; } html += '</ul>'; html += '</div>'; html += '</div>'; // 쿠폰 적용 예상가 영역 html += '<div class="prd-price-amount">'; html += '<div class="price-detail type-list">'; html += '<ul class="list-price list-price-amount">'; if('Y' == compData.pfGoods.cpUseYn && '1' == compData.pfGoods.stId){ // 앱 쿠폰 적용 시 if (compData.pfGoods.secApp == 'true' && compData.pfGoods.goodsDetailVo.cpAllDcAmt > 0){ html += '<li><span class="tit blue">쿠폰 적용 예상가</span><span class="amount">'+fnComma(compData.pfGoods.salePrice - compData.pfGoods.goodsDetailVo.cpAllDcAmt)+'<span class="sale color-blue"> 원</span></span></li>'; } // 쿠폰 적용 예상가(웹) else if ('false' == compData.pfGoods.secApp && compData.pfGoods.goodsDetailVo.webCpAllDcAmt > 0){ html += '<li><span class="tit blue">쿠폰 적용 예상가</span><span class="amount">'+fnComma(compData.pfGoods.salePrice - compData.pfGoods.goodsDetailVo.webCpAllDcAmt)+'<span class="sale color-blue"> 원</span></span></li>'; } } html += '</ul>'; html += '</div>'; html += '</div>'; // 적립 예정 포인트 영역 html += '<div class="point-detail">'; if('Y' == compData.goodsDetail.activatePhoneYn){ html += '<span class="expect">적립 예정 포인트는 선택하신 옵션에 따라 달라질 수 있습니다.</span>' } else if((compData.pfGoods.mShipPtShowYn)){ html += '<span class="expect">적립 예정 포인트</span>'; html += '<span class="point">'+fnComma( compData.pfGoods.membershipPoint )+' 원</span>'; }else{ html += '<span class="expect"> </span>'; } html += '</div>'; }else{ html += '<div class="prd-price"></div>'; html += '<div class="prd-price-amount"></div>'; html += '<div class="point-detail">'; html += '<span class="expect"> </span>'; html += '</div>'; } html += '<div class="prd-btn">'; if('12' == compData.pfGoods.saleStatCd){ html += '<button type="button" class="btn btn-d btn-type2 prd-btn-pd" tabindex="0" onclick="_netFunnel_Action_PF(\''+compData.pfGoods.stGrp+'\', \''+compData.pfGoods.stContextPath+compData.pfGoods.goodsDetailUrl+'\');return false;" data-omni="compare:pop-up:button:prd name:'+compData.pfGoods.mdlCode+'">구매하기</button>'; }else{ html += '<button type="button" class="btn btn-d btn-type1 prd-btn-pd" tabindex="0" onclick="_netFunnel_Action_PF(\''+compData.pfGoods.stGrp+'\', \''+compData.pfGoods.stContextPath+compData.pfGoods.goodsDetailUrl+'\');return false;" data-omni="compare:pop-up:button:prd name:'+compData.pfGoods.mdlCode+'">자세히 보기</button>'; } html += '</div>'; html += '</div>'; html += '</div>'; html += '</div>'; return html; }  function htmlCompareEmptyPopUpTmpl(i){ var html = ''; html += '<div class="prdBox">'; html += '<div class="prd" id="">'; html += '<div class="box compare-emptyBox">'; html += '<a href="javascript:void(0);" role="button" title="비교하기 제품 선택 팝업 열기" class="compare-emptyBox-popUp" onclick="openCompareAddPop(this)" data-omni="compare:pop-up:prd select:'+i+'">'; html += '<div class="prd-info">'; html += '<span class="plus-i"></span>'; html += '<span class="notice">비교하고 싶은 제품 최대<br class="mobile"> 4개까지 선택 가능해요!</span>'; html += '</div>'; html += '</a>'; html += '</div>'; html += '</div>'; html += '</div>'; return html; }  function htmlCompareEmptySpecTmpl(){ var html = ''; html += ' <div class="prdBox"> '; html += ' <div class="spec emptyBox"> '; html += ' <div class="box-spec-detail"> '; html += ' </div> '; html += ' <div> '; html += ' <div> '; return html; } /* 비교 대상이 로컬스토리지에 있는지 여부 확인 */ function isCompareDataStorageGoods(goodsId) { var result = false; var keys; keys = Object.keys(goodsIdData); if (keys.length > 0) { for (var i = 0; i < keys.length; i++) { if (keys[i] == goodsId) { result = true; } } } return result; } /* 제품 선택 팝업창 확인 버튼 */ function compareSelect() { var self = $("#chooseComparePrd .prd.active").find('input[name="PrdSelect"]'); var compareDataBef; if($("#chooseComparePrd").find("button.btn.btn-d").hasClass("btn-type2") && $("#chooseComparePrd").find(".prd").hasClass("active")){ ajax.call({ data : self.data() , async : false , url : "/sec/xhr/goods/incGoodsCompare" , type : 'POST' , dataType : 'json' , done : function(data) { /* 비교하기 데이터 추가 */ // compareDataStorageNm = storageNmPrefix+data.summary.compDispClsfEnNm; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; // compareDataBef = compareData; compareData[data.goodsDetail.goodsId] = data; localStorage.setItem(compareDataStorageNm, JSON.stringify(compareData)); /* 비교하기 활성화 goodId 추가 */ goodsIdData[data.goodsDetail.goodsId] = data.summary.compDispClsfEnNm; localStorage.setItem(goodsIdDataStorageNm, JSON.stringify(goodsIdData)); /* 마지막 담은 상품 추가 */ lastCompData = {}; lastCompData[data.goodsDetail.goodsId] = data.summary.compDispClsfEnNm; localStorage.setItem(lastCompDataStorageNm, JSON.stringify(lastCompData)); updateBtnNum(Object.values(compareData).length); setCompInfoStrg(data.summary.compDispClsfEnNm, true, true); // Adobe Rule 호출 _satellite.track("pd compare", { index : (Object.keys(compareData).length + 1), mdlInfo : data.pfGoods.mdlNm }); $('#chooseComparePrd').find('.pop-close').click(); //$('#popupPrdCompare').find('.pop-close').click(); goodsGA4.fnGA4compareGoods(compareData); } , fail : function(data) { if (!isCompareDataStorageGoods($(this).data('goodsId'))){ $(this).removeClass('disabled'); } } , error : function(error) { if (!isCompareDataStorageGoods($(this).data('goodsId'))){ $(this).removeClass('disabled'); } } }); $('.pfpd-compare').removeClass("empty"); categoryBtn();/* 카테고리 select box */ disabledCompareButton(); if($('.popupPrdCompare .layer-difference-compare .toggleCheck .labeltxt.off').attr('aria-hidden') == 'true'){ }else{ setCompInfoDb(); } if($('.pfpd-compare').hasClass("close") || (!$('.pfpd-compare').hasClass("close") && !$('.pfpd-compare').hasClass("open"))){ $('.pfpd-compare').addClass("close"); openCloseArrow(); } }else{ commonAlert({ content : "비교하고 싶은 제품을 선택해주세요." }); openLayer('commonAlert'); } setSpeclongestBox(); } /* 제품 선택 팝업창 확인 버튼 */ function compareClose() { $("[data-focus-target=true]").focus(); $("[data-focus-target=true]").removeAttr("data-focus-target"); } //비교하기 제품 추가(Pf에서 쓰임) function readyCompare(self) { self = $(self); self.parent().toggleClass('active'); var filter = "win16|win32|win64|mac|macintel"; if($("#pdYn").val() == 'Y'){ $(".pfpd-compare").addClass("only-pdCompare"); if(device.val=='m'){ /* mo */ $('.itm-total-bottom').addClass("hasCompare"); } else{ /* pc */ $('.pfpd-compare').css('bottom',0); } } if ($(self).hasClass('link-compare-i disabled')) { // 웹 접근성 수정 $(self).attr('data-popup-target', 'commonAlert'); var alertData = { title: "" , content: "이미 선택한 제품입니다." , callback: function () { $(".link-compare-i, .link-compare").removeAttr('data-popup-target'); } , btnText: "확인" }; commonAlert(alertData); openLayer('commonAlert'); return false; } /* 담기 실패할 경우 복구할 카테고리명 저장 */ let compDispClsfEnNmBef = compDispClsfEnNm; /* 비교하기 버튼 클릭한 제품의 카테고리로 카테고리명 업데이트 */ updateCtgInfo(self.data('comp-disp-clsf-en-nm')); if (!(filter.indexOf(navigator.platform.toLowerCase()) < 0)) { /* pc 4개 */ if (Object.keys(compareData).length == 4) { // 웹 접근성 수정 $(self).attr('data-popup-target', 'commonAlert'); var alertData = { title: "" , content: "최대 4개 제품을 비교할 수 있습니다." , callback: function () { $(".link-compare-i, .link-compare").removeAttr('data-popup-target'); } , btnText: "확인" }; commonAlert(alertData); self.parent().toggleClass('active'); openLayer('commonAlert'); /* 담기 실패한 경우 카테고리명 원복 */ updateCtgInfo(compDispClsfEnNmBef); return false; } } else { /* mo 4개 */ if (Object.keys(compareData).length == 4) { // 웹 접근성 수정 $(self).attr('data-popup-target', 'commonAlert'); var alertData = { title: "" , content: "최대 4개까지 담을 수 있습니다." , callback: function () { $(".link-compare-i, .link-compare").removeAttr('data-popup-target'); } , btnText: "확인" }; commonAlert(alertData); self.parent().toggleClass('active'); openLayer('commonAlert'); /* 담기 실패한 경우 카테고리명 원복 */ updateCtgInfo(compDispClsfEnNmBef); return false; } } if(Object.keys(compareData).length == 0){ $('#pfpdSlideCompare').empty(); } ajax.call({ data : $(self).data() , url : "/sec/xhr/goods/incGoodsCompare" , type : 'POST' , dataType : 'json' , done : function(data) { // updateCtgInfo(data.summary.compDispClsfEnNm); /* 1. 비교하기 데이터 추가 */ // compareDataStorageNm = storageNmPrefix+data.summary.compDispClsfEnNm; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; compareData[data.goodsDetail.goodsId] = data; localStorage.setItem(compareDataStorageNm, JSON.stringify(compareData)); /* 2. 비교하기 활성화 goodId 추가 */ goodsIdData[data.goodsDetail.goodsId] = data.summary.compDispClsfEnNm; localStorage.setItem(goodsIdDataStorageNm, JSON.stringify(goodsIdData)); /* 3. 마지막 담은 상품 초기화 & 추가 */ lastCompData = {}; lastCompData[data.goodsDetail.goodsId] = data.summary.compDispClsfEnNm; localStorage.setItem(lastCompDataStorageNm, JSON.stringify(lastCompData)); /* 4. 카테고리 항목 스토리지에 추가 */ categoryData[data.summary.compDispClsfEnNm] = data.summary.compDispClsfNm; localStorage.setItem(categoryDataStorageNm, JSON.stringify(categoryData)); updateBtnNum(Object.values(compareData).length); //마지막 담은 상품의 날짜/시간/분 저장 expireDateData = {}; let today = new Date(); expireDateData['date'] = dateFormat(today); localStorage.setItem(expireDateDataStorageNm, JSON.stringify(expireDateData)); $('#pfpdSlideCompare').empty(); setCompInfoStrg(data.summary.compDispClsfEnNm, true, false); categoryBtn();/* 카테고리 select box */ disabledCompareButton(); if($('.pfpd-compare').hasClass("close") || (!$('.pfpd-compare').hasClass("close") && !$('.pfpd-compare').hasClass("open"))){ $('.pfpd-compare').addClass("close"); openCloseArrow(); } // Adobe Rule 호출 _satellite.track("pd compare", { index : (Object.keys(compareData).length + 1), mdlInfo : data.pfGoods.mdlCode }); $(".list-product li").find(".link-compare-i").removeAttr("data-compare-target");/* 웹접근성 포커싱 처리를 위한 attribute */ $(self).attr("data-compare-target", "true");/* 웹접근성 포커싱 처리를 위한 attribute */ $(".pfpd-compare").css("display",""); $(".pfpd-compare").removeClass("empty"); let stGbCd = '10'; if (stGbCd === '10') { goodsGA4.fnGA4compareGoods(compareData); } } , fail : function(data) { if (!isCompareDataStorageGoods($(this).data('goodsId'))){ $(this).removeClass('disabled'); } } , error : function(error) { if (!isCompareDataStorageGoods($(this).data('goodsId'))){ $(this).removeClass('disabled'); } } }); //setSpeclongestBox(); } function dateFormat(date){ let month = date.getMonth() + 1; let day = date.getDate(); let hour = date.getHours(); let minute = date.getMinutes(); let second = date.getSeconds(); month = month >= 10 ? month : '0' + month ; day = day >= 10 ? day : '0' + day; hour = hour >= 10 ? hour : '0' + hour; minute = minute >= 10 ? minute : '0' + minute; second = second >= 10 ? second : '0' + second; return date.getFullYear() + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second; } /* 카테고리 select box 생성 */ function categoryBtn(){ var categoryDataBefLen = Object.values(categoryData).length; var categoryDataBef = categoryData; categoryData = JSON.parse(localStorage.getItem(categoryDataStorageNm)) ?? {}; let compareDataStorageNmNew; let compareDataNew; if(categoryDataBefLen > 0) { var filter = "win16|win32|win64|mac|macintel"; var max = 0; $(".compare-catagory .box-droplist").empty(); $(".selectBox-right .box-droplist").empty(); $("#moPopUp").empty(); if ((filter.indexOf(navigator.platform.toLowerCase()) < 0)) { /* mo버전 selet box */ max = '4'; var moHtml = "<button id='compareDropListBtnSelect' class='selected moSelectBtn' title='최근 비교한 카테고리' data-popup-target='popupMobileSelect'>최근 비교한 카테고리</button>"; $(".compare-catagory .box-droplist").append(moHtml); var html = "<div id='compareDropList' class='wrap-droplist none-tabindex'>"; html += "<button id='compareDropListBtnSelect' class='droplist-button selected' title='최근 비교한 카테고리'>최근 비교한 카테고리</button>"; html += "<ul class='droplist' id='dropList' tabindex='-1' data-roll='listbox'></ul></div>"; //$(".compare-catagory .box-droplist").append(html); $(".selectBox-right .box-droplist").append(html); // var i = 0; var moHtml2 = "<li class='select-title'>다른 카테고리 제품 비교하기</li>"; // for(var [key, value] of Object.entries(categoryDataBef)){ // var length = ''; // if(Object.keys(categoryDataBef)[i] == key){ // compareDataStorageNmNew = storageNmPrefix + key; // compareDataNew = JSON.parse(localStorage.getItem(compareDataStorageNmNew)) ?? {}; // length = Object.keys(compareDataNew).length; // i++; // } // moHtml2 += "<li><a href='javascript:void(0);' data-comp-disp-clsf-en-nm='"+key+"' data-comp-disp-clsf-nm='"+value+"' onClick='selectCtg(this)'>"+value+" ("+length+"/"+max+")</a></li>" // var html2 = "<li id='compareDropList' data-roll='option' class='droplist-item' data-comp-disp-clsf-en-nm='"+key+"' data-comp-disp-clsf-nm='"+value+"' onClick='selectCtg(this)'><button type='button' id='dropListBtn'>"+value+" ("+length+"/"+max+")</button></li>"; // $(".selectBox-right .box-droplist #compareDropList .droplist").append(html2); // } Object.keys(categoryData).forEach(function(key, i) { compareDataStorageNmNew = storageNmPrefix + key; const length = Object.keys(JSON.parse(localStorage.getItem(compareDataStorageNmNew))).length; moHtml2 += "<li><a href='javascript:void(0);' data-comp-disp-clsf-en-nm='"+key+"' data-comp-disp-clsf-nm='"+categoryData[key]+"' onClick='selectCtg(this)'>"+categoryData[key]+" ("+length+"/"+max+")</a></li>" var html2 = "<li id='compareDropList' data-roll='option' class='droplist-item' data-comp-disp-clsf-en-nm='"+key+"' data-comp-disp-clsf-nm='"+categoryData[key]+"' onClick='selectCtg(this)'><button type='button' id='dropListBtn'>"+categoryData[key]+" ("+length+"/"+max+")</button></li>"; $(".selectBox-right .box-droplist #compareDropList .droplist").append(html2); }); $("#moPopUp").append(moHtml2); //$(".compare-catagory .box-droplist #compareDropList .droplist").append(moHtml2); } else { /* pc버전 selet box */ max = '4'; var html = "<div id='compareDropList' class='wrap-droplist none-tabindex'>"; html += "<button id='compareDropListBtnSelect' class='droplist-button selected' title='최근 비교한 카테고리'>최근 비교한 카테고리</button>"; html += "<ul class='droplist' id='dropList' tabindex='-1' data-roll='listbox'></ul></div>"; $(".compare-catagory .box-droplist").append(html); $(".selectBox-right .box-droplist").append(html); // var i = 0; // for(var [key, value] of Object.entries(categoryDataBef)){ // var length = ''; // if(Object.keys(categoryDataBef)[i] == key){ // compareDataStorageNm = storageNmPrefix+key; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; // length = Object.keys(compareData).length; // i++; // } // var html2 = "<li id='compareDropList' data-roll='option' class='droplist-item' data-comp-disp-clsf-en-nm='"+key+"' data-comp-disp-clsf-nm='"+value+"' onClick='selectCtg(this)'><button type='button' id='dropListBtn'>"+value+" ("+length+"/"+max+")</button></li>"; // $(".compare-catagory .box-droplist #compareDropList .droplist").append(html2); // $(".selectBox-right .box-droplist #compareDropList .droplist").append(html2); // } Object.keys(categoryData).forEach(function(key, i) { compareDataStorageNmNew = storageNmPrefix + key; const length = Object.keys(JSON.parse(localStorage.getItem(compareDataStorageNmNew))).length; const html2 = "<li id='compareDropList' data-roll='option' class='droplist-item' data-comp-disp-clsf-en-nm='" + key + "' data-comp-disp-clsf-nm='" + categoryData[key] + "' onClick='selectCtg(this)'><button type='button' id='dropListBtn'>" + categoryData[key] + " (" + length + "/" + max + ")</button></li>"; $(".compare-catagory .box-droplist #compareDropList .droplist").append(html2); $(".selectBox-right .box-droplist #compareDropList .droplist").append(html2); }); } // compareDataStorageNm = storageNmPrefix+$("#compDispClsfEnNm").val(); // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; } //setSpeclongestBox(); } /* 비교하기 버튼 UI 수정 ( 갯수/4 ) */ function updateBtnNum(length){ var filter = "win16|win32|win64|mac|macintel"; var max = 0; if (!(filter.indexOf(navigator.platform.toLowerCase()) < 0)) { max = '4';/* pc */ } else { max = '4';/* mo */ } var compLenMax = "비교하기 ("+length+"/"+max+")"; if(length == 0){ compLenMax = "비교하기"; } $("#compareBtn").text(compLenMax); $("#compareDropListBtnSelect").addClass('selected'); $("#compareDropListPfBtnSelect").addClass('selected'); //setSpeclongestBox(); } /* 카테고리 선택 */ function selectCtg(self){ var compareEnNm = $(self).data().compDispClsfEnNm; updateCtgInfo(compareEnNm); // compareDataStorageNm = storageNmPrefix + compareEnNm; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; const len = Object.keys(compareData).length; updateBtnNum(Object.values(compareData).length); if($('.pfpd-compare').hasClass("close")){ openCloseArrow(); } if (len > 0) { setCompInfoStrg(compareEnNm, true, true); categoryBtn();/* 카테고리 select box 생성*/ } setCompInfoDb(); $('#popupMobileSelect').find('.pop-close').click(); setSpeclongestBox(); } /* 제품선택 팝업 */ function selectProductList(data){ var goodsAdvCmntStYn = 'Y';//$('#goodsAdvCmntStYn').val() $('#selectProductList').empty(); var compareEnNm = data; const compareDataLen = Object.keys(compareData).length; /* 이미 추가된 비교하기 데이터 */ var stGoodsIds = []; if (compareDataLen > 0 ) { Object.keys(compareData).forEach(function(v, i) { stGoodsIds[i] = v; }); } ajax.call({ data : { filterEnNm : compareEnNm } , url : "/sec/xhr/pf/compGoodsList" , type: 'POST' , dataType : 'json' , done: function (data) { for(var i=0; i<data.products.length; i++){ var html = ''; if (data.products[i].imgPath1 != null && data.products[i].imgPath1[data.products[i].imgPath1.length -1] != '$') { if(data.products[i].imgPresetYn1 == 'Y'){ data.products[i].imgPath1 += '?$PF_PRD_KDP_PNG$'; }else{ data.products[i].imgPath1 += '?$PF_PRD_PNG$'; } } data.products[i].goodsNm = data.products[i].goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, ''); if(data.products[i].compareExcptYn == '' || data.products[i].compareExcptYn == 'N' || data.products[i].compareExcptYn == null){ for(var j=0;j<stGoodsIds.length;j++){ if(data.products[i].goodsId == stGoodsIds[j]){ html += "<button type='button' class='prd' id=' ' disabled>"; html += " <div class='box disabled'>"; html += " <div class='prd-img'><img src='"+data.products[i].imgPath1+"' alt='"+data.products[i].goodsNm+"'></div>"; if(goodsAdvCmntStYn == 'Y'){ html += " <div class='prd-review'>"; html += " <span class='link-review' title='상품평점'>"+data.products[i].reviewGrade+" ("+data.products[i].reviewCount+")</span>"; html += " </div>"; }else if('1' == '200' || '1' == '471'){ html += " <div class='prd-review'>"; html += " <span class='link-review' title='상품평점'>"+data.products[i].reviewGrade+" ("+data.products[i].reviewCount+")</span>"; html += " </div>"; }else{ html += " <div class='prd-review'>"; html += " <span class='' title='상품평점'> </span>"; html += " </div>"; } break; } } if(html == ''){ html += "<button type='button' class='prd' id=' ' onclick='befAddCompCard(this)' title='선택되지않음'>";//24년 웹접근성 html += " <div class='box'>"; html += " <div class='prd-img'><img src='"+data.products[i].imgPath1+"' alt='"+data.products[i].goodsNm+"'></div>"; if(goodsAdvCmntStYn == 'Y'){ html += " <div class='prd-review'>"; html += " <span class='link-review' title='상품평점'>"+data.products[i].reviewGrade+" ("+data.products[i].reviewCount+")</span>"; html += " </div>"; }else if('1' == '200' || '1' == '471'){ html += " <div class='prd-review'>"; html += " <span class='link-review' title='상품평점'>"+data.products[i].reviewGrade+" ("+data.products[i].reviewCount+")</span>"; html += " </div>"; }else{ html += " <div class='prd-review'>"; html += " <span class='' title='상품평점'> </span>"; html += " </div>"; } } html += " <div class='prd-info'>"; html += " <div class='name-box'>"; html += " <strong class='name'>"+data.products[i].goodsNm+"</strong>"; html += " </div>"; html += " <span class='serial'>"+data.products[i].mdlCode+"</span>"; html += _htmlProductPrice(data.products[i]); html += " </div>"; html += " </div>"; html += " <input type='hidden' name='PrdSelect' value='"+data.products[i].goodsId+"' data-goods-id='"+data.products[i].goodsId+"' data-mdl-code='"+data.products[i].mdlCode+"'>"; html += "</button>"; } $('#selectProductList').append(html); } $("#chooseComparePrd").find("button.btn.btn-d").removeClass("btn-type2"); $("#chooseComparePrd").find("button.btn.btn-d").addClass("btn-type1"); layerPopFunc('chooseComparePrd');/* 제품선택 팝업실행 */ } }); //setSpeclongestBox(); } /* 초기화 버튼 */ function btnReset(self) { toastCtl(this); // compareDataStorageNm = storageNmPrefix + compDispClsfEnNm; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; localStorage.setItem(compareDataStorageNm, JSON.stringify(compareData)); /* goodsId 스토리지 데이터 삭제 */ Object.keys(goodsIdData).forEach(function(v){ if(compareData.hasOwnProperty(v)){ delete goodsIdData[v]; localStorage.setItem(goodsIdDataStorageNm, JSON.stringify(goodsIdData)); } }); /* 1. 초기화 시 해당 카테고리 상품 비움 */ compareData = {}; localStorage.setItem(compareDataStorageNm, JSON.stringify(compareData)); /* 2. 초기화 시 해당 카테고리 비움 */ delete categoryData[compDispClsfEnNm]; localStorage.setItem(categoryDataStorageNm, JSON.stringify(categoryData)); /* 3. 초기화 시 최근 비교한 제품 지움 */ lastCompData = {}; localStorage.setItem(lastCompDataStorageNm, JSON.stringify(lastCompData)); /* 남은 비교하기 제품 없는 경우 */ if(Object.keys(goodsIdData).length == 0){ $(".pfpd-compare").css("display","none"); $(".pfpd-compare").addClass("empty"); $(".itm-total-bottom").removeClass("hasCompare"); }else{/* 남은 비교하기 제품 있는 경우 */ updateCtgInfo(Object.values(goodsIdData)[0]); // compDispClsfEnNm = Object.values(goodsIdData)[0]; // compareDataStorageNm = storageNmPrefix + compDispClsfEnNm; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; // localStorage.setItem(compareDataStorageNm, JSON.stringify(compareData)); // $('.btn-reset').val(Object.values(goodsIdData)[0]); // $('#compareBtn').val(Object.values(goodsIdData)[0]); setCompInfoStrg(Object.values(goodsIdData)[0], true, false); updateBtnNum(Object.values(compareData).length); } categoryBtn(); disabledCompareButton(); $('#chooseComparePrd').find('.pop-close').click(); $('#popupPrdCompare').find('.pop-close').click(); //setSpeclongestBox(); //웹접근성 포커스 이동 if(Object.keys(goodsIdData).length == 0){ //비교하기 데이터 없으면 최상단버튼으로 포커스 이동 fcsAftHide(); }else{//데이터 있으면 카테고리 드롭다운으로 포커스 이동 $('#compareDropListBtnSelect').focus(); } } /* 비교하기 카드(펼치기 숨기기) */ function openCloseArrow(){ if($('.pfpd-compare').hasClass("only-pdCompare")){ goodsMain.fnShowOrderMenu($('.itm-total-bottom', goodsMain.vGoodsWrapId)); } toastCtl(this); } /* 제품선택 팝업 열기 */ function openCompareAddPop(self){ $("[data-focus-target=true]").removeAttr("data-focus-target"); $(self).attr("data-focus-target", "true"); selectProductList(compDispClsfEnNm); } /* 비교하기 레이아웃 초기 세팅 */ function sliderCompareBox(){ /* * 가장 마지막에 담은 상품의 카테고리로 카테고리명 설정 * 마지막 담은 상품이 없을 경우 goodsId 스토리지에 있는 첫번째 상품으로 카테고리 변경 * */ updateCtgInfo(Object.values(lastCompData)[0] ?? Object.values(goodsIdData)[0]); // compDispClsfEnNm = Object.values(lastCompData)[0] ?? Object.values(goodsIdData)[0]; // Object.keys(lastCompData).forEach(function(v, i) { // compDispClsfEnNm = lastCompData[v]; // }); // var compareDataStorageBef, compareDataBef, compareDataBefLen; // var goodsIdDataBefLen; // var categoryDataBefLen; // var lastCompDataBefLen; // // compareDataBef = JSON.parse(localStorage.getItem(compareDataStorageBef)) ?? {}; // compareDataBefLen = Object.keys(compareDataBef).length; // // goodsIdDataBefLen = Object.keys(goodsIdData).length; // categoryDataBefLen = Object.keys(categoryData).length; // lastCompDataBefLen = Object.keys(lastCompData).length; /* 남은 비교하기 데이터가 하나도 없는 경우 slider 숨김 처리 */ if(undefined == compDispClsfEnNm){ $(".pfpd-compare").css("display","none"); return false; }else{ $(".pfpd-compare").css("display",""); } // if(goodsIdDataBefLen == 0 && categoryDataBefLen == 0){ // $(".pfpd-compare").css("display","none"); // return false; // }else{ // $(".pfpd-compare").css("display",""); // } /* 선택된 카테고리의 비교하기 상품이 있는 경우 */ // if (compareDataBefLen > 0 ) { // /* 비교하기 카드만 세팅 */ // compareDataStorageNm = storageNmPrefix + compDispClsfEnNm; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; const compareDataLen = Object.keys(compareData).length; setCompInfoStrg(compDispClsfEnNm, true, false); updateBtnNum(compareDataLen); // } // 카테고리 버튼 생성 categoryBtn(); // 비교하기 담긴 상품 disable 처리 disabledCompareButton(); /* 선택된 카테고리의 비교하기 상품이 없는 경우(or pd,pf가 아닌 경우) */ // if(compareDataBefLen == 0){ // // /* 마지막으로 담은 상품이 있고 goodsId 정보 있는 경우 */ // if(lastCompDataBefLen != 0 && goodsIdDataBefLen != 0){ // compareDataStorageBef = storageNmPrefix + Object.values(lastCompData)[0]; // // $('.btn-reset').val(Object.values(lastCompData)[0]); // // $('#compareBtn').val(Object.values(lastCompData)[0]); // setCompInfoStrg(Object.values(lastCompData)[0], true, false); // // compareDataBef = JSON.parse(localStorage.getItem(compareDataStorageBef)) ?? {}; // updateBtnNum(Object.values(compareDataBef).length); // // }else if(goodsIdDataBefLen != 0){/* goodsId 정보 있는 경우 */ // // compareDataStorageBef = storageNmPrefix+Object.values(goodsIdData)[0]; // $('.btn-reset').val(Object.values(goodsIdData)[0]); // $('#compareBtn').val(Object.values(goodsIdData)[0]); // setCompInfoStrg(Object.values(goodsIdData)[0], true, false); // // compareDataBef = JSON.parse(localStorage.getItem(compareDataStorageBef)) ?? {}; // updateBtnNum(Object.values(compareDataBef).length); // } // } /* 모바일 pd페이지 접속시 class추가 */ var filter = "win16|win32|win64|mac|macintel"; if($("#pdYn").val() == 'Y'){ $(".pfpd-compare").addClass("only-pdCompare"); if(device.val=='m'){ /* mo */ $('.itm-total-bottom').addClass("hasCompare"); } else{ /* pc */ $('.pfpd-compare').css('bottom',0); } } $('.arrow-i').addClass("disabled"); $('.pfpd-compare').removeClass("close"); $('.pfpd-compare').addClass("open"); //$('.pfpd-compare .arrow-i').focus(); //24년 웹접근성 toastCtl(this); //setSpeclongestBox(); } /* 제품 가격 세팅 */ function _htmlProductPrice(prd) { var price = prd.priceStr.split('|'); if (prd.priceStr == null || price[2] == '0' || (prd.saleStatCd != '12' && prd.saleStatCd != '13' && prd.saleStatCd != '14')){ return ''; } var stGbCd = '10'; var isLogin; if(typeof isLoginCheck !== "undefined"){ isLogin= isLoginCheck; } var contextPath = "/sec/"; var stId = '1'; var titPrice1 = '기준가'; var titPrice2 = '회원가'; var titPrice3 = "혜택가"; var titPrice4 = "아울렛 특가"; var titPrice5 = "쿠폰 적용 예상가"; var titPrice6 = "앱 쿠폰 적용 시"; var titPrice7 = "청구할인 예상가"; var titPrice8 = '출고가'; var titPrice9 = '기준판매가'; var titPrice10 = '특별판매가'; var titPrice11 = '회사 지원금'; var titPrice12 = '임직원가'; var titPrice13 = '임직원가'; var html = ''; if(stGbCd === '10') {/* B2C */ /* 쿠폰 적용 예상가 */ if(prd.cpUseYn === "Y"){ if('false' == 'true'){ // 앱 쿠폰 적용 시 if(prd.goodsDetailVo.cpAllDcAmt > 0){ html += '<span class="price">' + titPrice5 + ' <em class="num">' + fnComma(price[price.length-1] - prd.goodsDetailVo.cpAllDcAmt) + ' 원</em></span><br>'; return html; } } else{ if(prd.goodsDetailVo.webCpAllDcAmt > 0){ html += '<span class="price">' + titPrice5 + ' <em class="num">' + fnComma(price[price.length-1] - prd.goodsDetailVo.webCpAllDcAmt) + ' 원</em></span><br>'; return html; } } } /* 기준가 *//* if ((price[1] === '00' && price[2] !== price[3]) || price[1] !== '00') { html += '<span class="price">'+titPrice1+'<em class="num">' + fnComma(price[2]) + ' 원</em></span><br>';} */ /* 회원가 *//* if ((price[1] !== '00' || price[1] === '00')) { html += '<span class="price">'+titPrice2+'<em class="num">' + fnComma(price[3]) + ' 원</em></span><br>';} */ /* 혜택가 */ if('00' !== price[1] && 'Y' !== prd.outletFlgYn){ html += '<span class="price">'+titPrice3+' <em class="num">' + fnComma(price[4]) + ' 원</em></span><br>'; } /* 아울렛 특가 */ else if('00' !== price[1] && 'Y' === prd.outletFlgYn){ html += '<span class="price">'+titPrice4+'<em class="num">' + fnComma(price[4]) + ' 원</em></span><br>'; } else{ html += '<span class="price"> <em class="num"> </em></span>'; } }else if(stId === '2'){/* 패넷 */ /* 출고가 *//* html += '<span class="price">'+titPrice8+'<em class="num">' + fnComma(price[2]) + ' 원</em></span><br>'; */ /* 기준판매가 *//* html += '<span class="price">'+titPrice9+'<em class="num">' + fnComma(price[3]) + ' 원</em></span><br>'; */ /* 특별판매가 */if(price[4] !== '' && price[3] !== price[4]){ html += '<span class="price">'+titPrice10+'<em class="num">' + fnComma(price[4]) + ' 원</em></span><br>'; } /* 회사 지원금 *//* if(stGbCd === '30'){ html += '<span class="price">'+titPrice11+'<em class="num">' + fnComma(price[5]) + ' 원</em></span><br>'; } */ /* 임직원가 *//* html += '<span class="price">'+titPrice12+'<em class="num">' + fnComma(price[6]) + ' 원</em></span><br>'; */ }else if(stId === '3'){/* 패넷_디플 */ /* 출고가 *//* html += '<span class="price">'+titPrice8+'<em class="num">' + fnComma(price[2]) + ' 원</em></span><br>'; */ /* 기준판매가 *//* html += '<span class="price">'+titPrice9+'<em class="num">' + fnComma(price[3]) + ' 원</em></span><br>'; */ /* 특별판매가 */if(price[4] !== '' && price[3] !== price[4]){ html += '<span class="price">'+titPrice10+'<em class="num">' + fnComma(price[4]) + ' 원</em></span><br>'; } /* 회사 지원금 *//* if(stGbCd === '30'){ html += '<span class="price">'+titPrice11+'<em class="num">' + fnComma(price[5]) + ' 원</em></span><br>'; } */ /* 임직원가 *//* html += '<span class="price">'+titPrice13+'<em class="num">' + fnComma(price[6]) + ' 원</em></span><br>'; */ }else if(stId === '200'){/* 삼성스토어*/ /* 혜택가 */ if('00' !== price[1] && 'Y' !== prd.outletFlgYn){ html += '<span class="price">'+titPrice3+' <em class="num">' + fnComma(price[4]) + ' 원</em></span><br>'; /* 회원가 */ }else if ((price[1] !== '00' || price[1] === '00')) { html += '<span class="price">'+titPrice2+'<em class="num">' + fnComma(price[3]) + ' 원</em></span><br>';} /* 특별판매가 *//* if(price[4] !== '' && price[3] !== price[4]){ html += '<span class="price">'+titPrice10+'<em class="num">' + fnComma(price[4]) + ' 원</em></span><br>'; } html += '<span class="price">'+titPrice3+' <em class="num">' + fnComma(price[4]) + ' 원</em></span><br>'; */ }else if(stId === '471'){/* 삼판 패몰 */ /* 임직원가 */ html += '<span class="price">'+titPrice12+' <em class="num">' + fnComma(price[6]) + ' 원</em></span><br>'; } if(html === ''){ html += '<span class="price"> <em class="num"> </em></span>'; } return html; } /* 제품 선택 팝업에서 제품 선택 시 */ function befAddCompCard(prd) { if($(prd).hasClass("active")){ $("#chooseComparePrd").find(".prd.active").removeClass("active"); $("#chooseComparePrd").find(".prd").attr("title","선택되지않음");//24년 웹접근성 $(prd).removeClass("active"); $(prd).attr("title","선택되지 않음");//24년 웹접근성 $("#chooseComparePrd").find("button.btn.btn-d").removeClass("btn-type2"); $("#chooseComparePrd").find("button.btn.btn-d").addClass("btn-type1"); }else{ $("#chooseComparePrd").find(".prd.active").removeClass("active"); $("#chooseComparePrd").find(".prd").attr("title","선택되지않음");//24년 웹접근성 $(prd).addClass("active"); $(prd).attr("title","선택됨");//24년 웹접근성 $("#chooseComparePrd").find("button.btn.btn-d").removeClass("btn-type1"); $("#chooseComparePrd").find("button.btn.btn-d").addClass("btn-type2"); } //setSpeclongestBox(); } /* 비교하기 팝업 정보 세팅 스토리지 compDispClsfEnNm : 2뎁스 카테고리명 compCard : T/F (비교하기 카드) T 일시 카드 업데이트 compPopup : T/F (비교하기 팝업) T 일시 팝업 업데이트 */ function setCompInfoStrg(compDispClsfEnNm, compCard, compPopup){ var goodsAdvCmntStYn = 'Y';//$('#goodsAdvCmntStYn').val() var resultDate = false; let showWaitFlag; if('1' == '1'){ showWaitFlag = false; }else{ showWaitFlag = true; } if(Object.keys(expireDateData).length != 0 ){ var options = { url : "/sec/xhr/goods/getCompareExpireDate" , type : 'POST' , async : false , showWait : showWaitFlag , done : function(data){ // Date type if(expireDateData['date'] <= data.compExpDt) { resultDate = true; } } } ajax.call(options); } // expireDateData에 시간 셋팅X || 비교하기 만료일자 지나면 기존 스토리지 데이터 삭제 if(Object.keys(expireDateData).length == 0 || resultDate == true){ for(var i = 0; i < localStorage.length; i++){ //비교하기 로컬 스토리지 삭제 if(localStorage.key(i).indexOf('compare') > -1){ compareDataStorageNm = localStorage.key(i); compareData = {}; localStorage.setItem(compareDataStorageNm, JSON.stringify(compareData)); } } //스토리지 리셋 categoryData = {}; localStorage.setItem(categoryDataStorageNm, JSON.stringify(categoryData)); goodsIdData = {}; localStorage.setItem(goodsIdDataStorageNm, JSON.stringify(goodsIdData)); lastCompData = {}; localStorage.setItem(lastCompDataStorageNm, JSON.stringify(lastCompData)); $(".pfpd-compare").css("display","none"); $('.link-compare-i').removeClass('disabled'); } // compareDataStorageNm = storageNmPrefix + compDispClsfEnNm; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; if(compCard){/* 비교하기 카드 - s */ if (Object.keys(compareData).length > 0) { $('#pfpdSlideCompare').empty(); if(Object.keys(compareData).length >= 2 && $('.pfpd-compare').hasClass('if2item')){ $('.pfpd-compare').removeClass('if2item'); } else if(Object.keys(compareData).length < 2 && !$('.pfpd-compare').hasClass('if2item')){ $('.pfpd-compare').addClass('if2item'); } var cnt = 0; Object.keys(compareData).forEach(function(v, i) { compareData[v]["pfGoods"]["goodsAdvCmntStYn"] = goodsAdvCmntStYn; var tempPriceNm = compareData[v]["summary"]["priceNm"]; var tempStId = compareData[v]["pfGoods"]["stId"]; if(tempStId == '3' && tempPriceNm.replaceAll(' ','') == '임직원부담금'){ compareData[v]["summary"]["priceNm"] = '임직원가'; } compareData[v]["pfGoods"]["secApp"] = 'false'; compareData[v]["pfGoods"]["stContextPath"] = "/sec/"; compareData[v]["pfGoods"]["stGrp"] = "b2c"; $('#pfpdSlideCompare').append(htmlCompareCardTmpl(compareData[v])); cnt++; }); for(var i=cnt ; i < 4 ; i++){/* 비교하기 카드 빈카드 세팅 */ $('#pfpdSlideCompare').append(htmlCompareCardEmptyTmpl(i+1)); } } $('#pfpdSlideCompare').removeClass(); }/* 비교하기 카드 - e */ if(compPopup){/* 비교하기 팝업 - s*/ var cnt = 0; var totalMShipPtShowYn = false; if (Object.keys(compareData).length > 0) { setCompInfoDb(); /* 비교하기 제품 추가 팝업 닫기 */ $('#chooseComparePrd').find('.pop-close').click(); /* 스펙 높이 맞추기 */ setSpeclongestBox(); /* 가격 높이 클래스 */ if('1' == '1'){ } else if('1' == '2'){ $('.prdBox .prd.prdDetail').addClass('cnt-4-li_list-price'); $('.prdBox .prd .box.compare-emptyBox').parent().addClass('cnt-4-li_list-price'); } else if('1' == '3'){ $('.prdBox .prd.prdDetail').addClass('cnt-5-li_list-price'); $('.prdBox .prd .box.compare-emptyBox').parent().addClass('cnt-5-li_list-price'); }else{ //삼판 패몰, 삼성스토어 } if(totalMShipPtShowYn){ $('.prdBox .prd.prdDetail').addClass('addpoint'); $('.prdBox .prd .box.compare-emptyBox').parent().addClass('addpoint'); } /* 비교하기 팝업 슬릭 적용 */ // comparePopupSlickpart1($('.part1')); // comparePopupSlickpart2($('.part2')); } }/* 비교하기 팝업 - e*/ } /* 비교하기 팝업 정보 DB 조회 후 팝업 내 스펙 배열 세팅 (차이점 활성화/비활성화 공통) */ function setCompInfoDb(){ var goodsAdvCmntStYn = 'Y';//$('#goodsAdvCmntStYn').val() // var compDispClsfEnNm = ''; // if($('#compareBtn').val() == ''){ // $('#compareBtn').val($('.prd.compare').attr('value')); // $('.btn-reset').val($('.prd.compare').attr('value')); // } // compDispClsfEnNm = $('#compareBtn').val(); // compareDataStorageNm = storageNmPrefix + compDispClsfEnNm; // compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; var cnt = 0; var totalMShipPtShowYn = false; if (Object.keys(compareData).length > 0) { /* 비교하기 팝업 제품 카드 */ $('.part1').slick('unslick'); $('.part2').slick('unslick'); $('.part1').empty(); $('.part2').empty(); // KDP-50668 비교하기 패키지인 경우 문구노출 let isIncludePak = false; Object.keys(compareData).forEach(function(v, i) { /* .part1 */ var bspkParam = '';/* 패넷 */ if(compareData[v]["pfGoods"]["goodsAddTpCd"] === '50'){ bspkParam = '&pannelYn=Y';/* 패넷 */ } else{ bspkParam = '&selModel='+compareData[v]["pfGoods"]["mdlCode"]; }/* 패넷 */ compareData[v]["pfGoods"]["bspkParam"] = bspkParam;/* 패넷 */ compareData[v]["pfGoods"]["stCd"] = 'b2c';/* 패넷 */ compareData[v]["pfGoods"]["secApp"] = 'false'; compareData[v]["pfGoods"]["stGbCd"] = '10'; if(typeof isLoginCheck !== "undefined"){ compareData[v]["pfGoods"]["isLogin"] = isLoginCheck;/* B2C,패넷 */ } compareData[v]["pfGoods"]["stContextPath"] = "/sec/"; compareData[v]["pfGoods"]["stGrp"] = "b2c"; compareData[v]["pfGoods"]["goodsAdvCmntStYn"] = goodsAdvCmntStYn; //적립포인트 - s var mShipPtShowYn = false; if(!mShipPtShowYn){ var stId = compareData[v]["pfGoods"]["stId"]; if(stId == '1'){ var mdlCode = compareData[v]["pfGoods"]["mdlCode"]; var envmtGbCd = 'prd'; var environmentGbLocal = 'local'; var environmentGbDev = 'dev'; var environmentGbStg = 'stg'; var stGbCd = '10'; var membershipUseExcptYn = compareData[v]["pfGoods"]["membershipUseExcptYn"]; var carePlusType = compareData[v]["pfGoods"]["carePlusType"]; var thirdPartyYn = compareData[v]["pfGoods"]["thirdPartyYn"]; var isLogin = false; if(typeof isLoginCheck !== "undefined"){ isLogin = isLoginCheck;/* B2C,패넷 */ } var membershipYn = compareData[v]["pfGoods"]["membershipYn"]; mShipPtShowYn = mShipPtShowYnB2C(stId, mdlCode, envmtGbCd, environmentGbLocal, environmentGbDev, environmentGbStg, stGbCd, membershipUseExcptYn, carePlusType, thirdPartyYn, isLogin, membershipYn);//B2C }else if(stId == '2' || stId == '3'){ var stGbCd = '10'; var stCd = 'b2c';/* 패넷 */ var isLogin = false; if(typeof isLoginCheck !== "undefined"){ isLogin = isLoginCheck;/* B2C,패넷 */ } var membershipYn = compareData[v]["pfGoods"]["membershipYn"]; mShipPtShowYn = mShipPtShowYnFNET(stId, stGbCd, stCd, isLogin, membershipYn); }else if(stId == '200'){ var isLogin = false; if(typeof isLoginCheck !== "undefined"){ isLogin = isLoginCheck;/* B2C,패넷 */ } var membershipYn = compareData[v]["pfGoods"]["membershipYn"]; mShipPtShowYn = mShipPtShowYnB2B2C(isLogin, membershipYn); }else if(stId == '471'){ /*삼판 패몰은 포인트 적립 없음*/ }else{ var stGbCd = '10'; var stCd = 'b2c';/* 패넷 */ var isLogin = false; if(typeof isLoginCheck !== "undefined"){ isLogin = isLoginCheck;/* B2C,패넷 */ } var membershipYn = compareData[v]["pfGoods"]["membershipYn"]; mShipPtShowYn = mShipPtShowYnFNET(stId, stGbCd, stCd, isLogin, membershipYn); } } if(mShipPtShowYn){ totalMShipPtShowYn = true; } compareData[v]["pfGoods"]["mShipPtShowYn"] = mShipPtShowYn; //적립포인트 - e // $('.part1').append($('#compareItemTempl').render(compareData[v])); $('.part1').append(htmlComparePopUpTmpl(compareData[v])); if('20' == compareData[v]["pfGoods"]["goodsTpCd"]){ isIncludePak = true; } cnt++; }); if(isIncludePak){ $("#pakChkDiv").html('<span> * 기능 관련 상세 내용은 제품 상세 페이지 및 매뉴얼(사용설명서) 참고 </span><br><br><span> * 패키지의 경우 대표 상품 기준 </span>'); } $("#pakChkDiv").show(); for(var i=cnt ; i < 4 ; i++){/* 비교하기 팝업 빈카드 세팅 */ // $('.part1').append($('#compareItemEmptyTempl').render()); $('.part1').append(htmlCompareEmptyPopUpTmpl(i+1)); } /* 비교하기 팝업 상세 스펙 */ var goodsIds = new Array(); var compareDataLen = Object.keys(compareData).length; ajax.call({ data : { goodsIds : Object.keys(compareData) } , async : false , url : "/sec/xhr/pf/compGoodsSpecList" , type : 'POST' , dataType : 'json' , done : function(data) { $('.part2').empty(); var cnt = 0; var productsSpec = data.productsSpec; var pSpecLen = data.productsSpec.length; if(data.productsSpec.length > 0){ for(var i=0;i<compareDataLen;i++){ var html = ''; var dispNm1 = ''; var tmpDispNm1 = ''; var setCount = 0; var setDepth1Cnt = 0; dispNm1 = productsSpec[0].dispNm1; html += '<div class="prdBox">'; html += ' <div class="spec">'; html += ' <div class="box-spec-detail">'; html += ' <div class="set specAnchor'+setDepth1Cnt+'">'; html += ' <h3 aria-label="'+compareData[Object.keys(compareData)[i]].goodsDetail.goodsNm+'">'+dispNm1+'</h3>'; for(var j=0;j<pSpecLen;j++){ tmpDispNm1 = productsSpec[j].dispNm1.replaceAll(' ',''); if(tmpDispNm1 == dispNm1.replaceAll(' ','') ){ html += ' <dl>'; if(!!productsSpec[j].attrDesc && productsSpec[j].attrDesc.length > 0){ // 툴팁 있는 경우 html += ' <dt>'; html += ' <button type="button" class="spec-title" data-popup-target="specLayer'+compareData[Object.keys(compareData)[i]].goodsDetail.mdlCode+i+j+'" tabindex="0" aria-haspopup="true" value="' + productsSpec[j].attrDesc + '">'; html += productsSpec[j].dispNm2; html += ' </button>'; html += ' </dt>'; }else{ html += ' <dt>'+productsSpec[j].dispNm2+'</dt>'; } if(i == 0){ html += ' <dd><span>'+productsSpec[j].specValue1+'</span></dd>'; }else if(i == 1){ html += ' <dd><span>'+productsSpec[j].specValue2+'</span></dd>'; }else if(i == 2){ html += ' <dd><span>'+productsSpec[j].specValue3+'</span></dd>'; }else if(i == 3){ html += ' <dd><span>'+productsSpec[j].specValue4+'</span></dd>'; } html += ' </dl>'; setCount++; }else{ setDepth1Cnt++; dispNm1 = productsSpec[setCount].dispNm1; j--; html += ' </div>'; html += ' <div class="set specAnchor'+setDepth1Cnt+'">'; html += ' <h3 aria-label="'+compareData[Object.keys(compareData)[i]].goodsDetail.goodsNm+'">'+dispNm1+'</h3>'; } } html += ' </div>'; html += ' </div>'; html += ' </div>'; html += '</div>'; cnt++; $('.part2').append(html); } $('button.spec-title').on("click", function(e){ e.preventDefault(); $('div[name="specLayer"] > .layer-header > h2').text(this.innerText); $('div[name="specLayer"] > .layer-content > p').text(this.value); let newId = $(this).data('popup-target'); $('div[name="specLayer"]').attr('id', newId); $('div[name="specLayer"] > .pop-close').attr('data-focus-next', newId); $('div[name="specLayer"]').attr('data-popup-layer', newId); $('div[name="specLayer"]').attr('data-focus', newId); // $('#specLayer > .layer-header > h2').text(this.innerText); // $('#specLayer > .layer-content > p').text(this.value); }); } for(var i=cnt ; i < 4 ; i++){ /* 비교하기 팝업 스펙 빈카드 세팅 */ // $('.part2').append($('#compareItemSpecEmptyTempl').render()); $('.part2').append(htmlCompareEmptySpecTmpl()); } } }); /* 멤버십 적립포인트 보이기 여부(B2C) */ //afterSetCompInfoSort(); /* 비교하기 팝업 정보 세팅 DB 이후(차이점 활성화/비활성화 공통)*/ afterSetCompInfoDb(); /* 비교하기 팝업 앵커 세팅(다 되고 0 컬럼만 id) */ setSpecAnchor(); /* 비교하기 팝업 정보 세팅 이후 공통(앵커 버튼 생성) */ afterSetCompInfoComm(); /* B2C 쿠폰 적용 예상가 미존재 시 볼드처리 */ hasListPriceAmount(); /* 가격 높이 클래스 */ if('1' == '1'){ } else if('1' == '2'){ $('.prdBox .prd.prdDetail').addClass('cnt-4-li_list-price'); $('.prdBox .prd .box.compare-emptyBox').parent().addClass('cnt-4-li_list-price'); } else if('1' == '3'){ $('.prdBox .prd.prdDetail').addClass('cnt-5-li_list-price'); $('.prdBox .prd .box.compare-emptyBox').parent().addClass('cnt-5-li_list-price'); } if(totalMShipPtShowYn){ $('.prdBox .prd.prdDetail').addClass('addpoint'); $('.prdBox .prd .box.compare-emptyBox').parent().addClass('addpoint'); } // updateBtnNum(compareDataLen); /* 비교하기 팝업 슬릭 적용 */ comparePopupSlickpart1($('.part1')); comparePopupSlickpart2($('.part2')); } //setSpeclongestBox(); } /* 비교하기 팝업 정보 세팅 DB 이후(차이점 활성화/비활성화 공통)*/ function afterSetCompInfoDb(){ var part1Len = $(".part1 .prdBox .prd.prdDetail").length;/* part1 길이 */ var diffActive = $('.popupPrdCompare .layer-difference-compare .toggleCheck .labeltxt.off').attr('aria-hidden'); /* 차이점 비활성화 (diffActive != 'true')-> 같고 공백이면 지움, 다르면 highlight */ /* 차이점 활성화 (diffActive == 'true')-> 같으면 지움, 다르면 highlight */ /* 값이 모두 - 이면, 해당 row 전체 displayNoneF(비교하기 팝업 로딩 될 때 공통으로 처리) */ if(part1Len > 1){ var part2SpecSpanLen = 0; part2SpecSpanLen = $('.part2').find('.spec').eq(0).find('.box-spec-detail').find('span').length; for(var i=0;i<part2SpecSpanLen;i++){ var spanText0 = "1"; var spanText1 = "1"; var spanText2 = "1"; var spanText3 = "1"; for(var j=0;j<part1Len;j++){ var tempText = $('.part2').find('.spec').eq(j).find('.box-spec-detail').find('span').eq(i).text().replaceAll(' ',''); if((j == 0) && tempText != "-" && tempText != ""){ spanText0 = tempText; } else if((j == 1) && tempText != "-" && tempText != ""){ spanText1 = tempText; } else if((j == 2) && tempText != "-" && tempText != ""){ spanText2 = tempText; } else if((j == 3) && tempText != "-" && tempText != ""){ spanText3 = tempText; } } switch(part1Len){ case 1: for(var j=0;j<part1Len;j++){ $('.part2').find('.spec').eq(j).find('.box-spec-detail').find('span').eq(i).addClass('highlight'); } break; case 2: if(spanText0 == spanText1){ if(diffActive != 'true' || (diffActive =='true' && spanText0 == "1")){ for(var j=0;j<part1Len;j++){ $('.part2').find('.spec').eq(j).find('.box-spec-detail').find('dl').eq(i).css('display','none'); } } } else{ for(var j=0;j<part1Len;j++){ $('.part2').find('.spec').eq(j).find('.box-spec-detail').find('span').eq(i).addClass('highlight'); } } break; case 3: if(((spanText0 == spanText1) ? (spanText1 == spanText2) : false )){ if(diffActive != 'true' || (diffActive =='true' && spanText0 == "1")){ for(var j=0;j<part1Len;j++){ $('.part2').find('.spec').eq(j).find('.box-spec-detail').find('dl').eq(i).css('display', 'none'); } } } else{ for(var j=0;j<part1Len;j++){ $('.part2').find('.spec').eq(j).find('.box-spec-detail').find('span').eq(i).addClass('highlight'); } } break; case 4: if(((spanText0 == spanText1) ? ((spanText1 == spanText2) ? (spanText2 == spanText3) : false ) : false )){ if(diffActive != 'true' || (diffActive =='true' && spanText0 == "1")){ for(var j=0;j<part1Len;j++){ $('.part2').find('.spec').eq(j).find('.box-spec-detail').find('dl').eq(i).css('display','none'); } } }else{ for(var j=0;j<part1Len;j++){ $('.part2').find('.spec').eq(j).find('.box-spec-detail').find('span').eq(i).addClass('highlight'); } } break; } } /* 비교하기 팝업 상품 스펙 set의 모든 dl의 display 값이 none이면 안보이게 */ for(var i=0;i<part1Len;i++){ var part2BoxSpecDetailLen = $('.part2').find('.spec').eq(i).find('.box-spec-detail').children().length; var dispNoneRowTF = false; for(var j=0;j<part2BoxSpecDetailLen;j++){ var part2BoxSpecDetailDlLen = $('.part2').find('.spec').eq(i).find('.box-spec-detail').children().eq(j).find('dl').length; dispNoneRowTF = false; for(var k=0;k<part2BoxSpecDetailDlLen;k++){ var dLdisp = $('.part2').find('.spec').eq(i).find('.box-spec-detail').children().eq(j).find('dl').eq(k).css('display'); if(dLdisp == 'none'){ dispNoneRowTF = true; }else if(dLdisp == 'block'){ dispNoneRowTF = false; break; } } if(dispNoneRowTF){ $('.part2').find('.spec').eq(i).find('.box-spec-detail').children().eq(j).css('display','none'); } } } }else{ if(!diffActive){ /* 차이점만 비교하기 활성화 시 dl span 값 모든 text에 하이라이트 처리 */ //$('.part2 .prdBox .box-spec-detail').find('.set').find('span').addClass('highlight'); } } } /* 비교하기 팝업 정보 세팅 이후 공통(앵커 버튼 생성) */ function afterSetCompInfoComm(){ var part1Len = $(".part1 .prdBox .prd.prdDetail").length;/* part1 길이 */ /* 대분류 필터 세팅(앵커) */ var anchorTmpArr = []; var lfcTmpArr = []; if(part1Len > 0){ var part2SpecSet0Len = 0; var part2SpecSet0Len = $('.part2').find('.spec').eq(0).find('.box-spec-detail').find('.set').length; for(var i=0;i<part2SpecSet0Len;i++){ var setDisp = $('.part2').find('.spec').eq(0).find('.box-spec-detail').find('.set').eq(i).css('display'); var setText = $('.part2').find('.spec').eq(0).find('.box-spec-detail').find('.set').eq(i).find('h3').text(); var setAncorClass = $('.part2').find('.spec').eq(0).find('.box-spec-detail').find('.set').eq(i).attr('class').split('set ')[1]; if(setDisp != 'none' && setText != "" && setAncorClass != ""){ lfcTmpArr[i] = setText; anchorTmpArr[i] = setAncorClass; } } lfcTmpArr = lfcTmpArr.filter(function(item){return item !== null && item !== undefined && item !== '';}); anchorTmpArr = anchorTmpArr.filter(function(item){return item !== null && item !== undefined && item !== '';}); var lfcBtnSet = new Set(lfcTmpArr); var lfcBtnArr = [...lfcBtnSet]; var ancCassNmSet = new Set(anchorTmpArr); var ancCassNmArr = [...ancCassNmSet]; $('.layer-filter-compare').empty(); var html = ''; for(var i=0;i<lfcBtnArr.length;i++){ /* 활성화 : btn-type2, 비활성화 : btn-type6 */ if(i == 0){ html += '<a href="javascript:void(0);" onClick="specAnchor(this)" data-href="#'+ancCassNmArr[i]+'"><span value="'+i+'" class="btn btn-s btn-type2 spec-specAnchor" data-omni="compare:pop-up:Anchortype:'+lfcBtnArr[i]+'">'+lfcBtnArr[i]+'</span></a>'; }else{ html += '<a href="javascript:void(0);" onClick="specAnchor(this)" data-href="#'+ancCassNmArr[i]+'"><span value="'+i+'" class="btn btn-s btn-type6 spec-specAnchor" data-omni="compare:pop-up:Anchortype:'+lfcBtnArr[i]+'">'+lfcBtnArr[i]+'</span></a>'; } } $('.layer-filter-compare').append(html); } } /* 비교하기 팝업 앵커 세팅(다 되고 0 컬럼만 id) */ function setSpecAnchor(){ var part2SpecSet0Len = $('.part2').find('.spec').eq(0).find('.box-spec-detail').find('.set').length; for(var i=0;i<part2SpecSet0Len;i++){ var set0ClassNm = $('.part2').find('.spec').eq(0).find('.box-spec-detail').find('.set').eq(i).attr('class').split('set ')[1]; $('.part2').find('.spec').eq(0).find('.box-spec-detail').find('.set').eq(i).attr('id',set0ClassNm); } } /* 비교하기 팝업 스펙 카테고리 앵커 */ function specAnchor(self){ $('.btn.btn-s.btn-type2').removeClass('active'); $('.btn.btn-s.btn-type2').removeClass('btn-type2'); $('.btn.btn-s').removeClass('btn-type6'); $('.btn.btn-s').addClass('btn-type6'); if($(self).find('span').hasClass('btn-type6')){ $(self).find('span').removeClass('btn-type6'); $(self).find('span').addClass('btn-type2 active'); } /* 상품상세 fixed 되기 전, 요소들의 높이 값 받아오기 */ var headerH = $('.popupPrdCompare .layer-header-compare').outerHeight(); var differenceM = parseInt($('.layer-difference-compare').css('margin-top')); var nofixedSpecDetailsMT = parseInt($('.popupPrdCompare .box-content-rounded.specDetails').css('margin-top')); // KDP-57785 [CX 개선과제]PVI 정의 var prdpriceH = $('.popupPrdCompare .prd-price').outerHeight(); var prdboxpb = parseInt($('.popupPrdCompare .box-content-rounded .prd .box').css('padding-bottom')); var prdbtnH = $('.prd-btn').outerHeight(); /* 상품상세 fixed 상태, 요소들의 높이 값 받아오기 */ var specDetailsMT = parseInt($('.popupPrdCompare.fixed .box-content-rounded.specDetails').css('margin-top')); var fixedPrdHeight = $('.layer-pop.popupPrdCompare.fixed .layer-content-compare .prd').outerHeight(); /* 스펙박스 찾기 */ var position; /* 스펙박스에 계산 된 높이 값 넣을 변수 */ var href = $(self).data("href"); var target = $(href == "#" || href == "" ? "body" : href); // 화면 사이즈 받기 var get_width = $(window).width(); /* fixed 되기 전과 후로 분기 함 */ var hasFiexd = $('.layer-pop.popupPrdCompare').hasClass('fixed'); if (hasFiexd) { position = target.position().top - fixedPrdHeight + specDetailsMT - 15; if( get_width <= 800){ position = target.position().top - fixedPrdHeight + specDetailsMT - 8; }else if(get_width <= 810){// fold 펼친화면 position = target.position().top - fixedPrdHeight + specDetailsMT - 6; } }else{ position = target.position().top + (headerH + differenceM + nofixedSpecDetailsMT + 11); if( get_width <= 800){ position = target.position().top + headerH - 6; }else if(get_width <= 810){// fold 펼친화면 position = target.position().top + (prdpriceH + prdbtnH + prdboxpb); } } isSpecAnchorMove = true; $('#popupPrdCompare .layer-content-compare').animate({ scrollTop: position }, { duration : 600, easing : 'swing', complete : function(){ setTimeout(function(){ isSpecAnchorMove = true; }, 10); } }); } /* 비교하기 팝업 정보 세팅 이후 재정렬 - KDP-29185 차이점 활성화/비활성화 통일 이후 미사용 function afterSetCompInfoSort(){ var part1Len = $(".part1 .prdBox .prd.prdDetail").length;//part1 길이 if(part1Len > 1){ for(var i=0;i<part1Len;i++){ var part2SetLen1 = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').length; for(var j=0;j<part2SetLen1;j++){ $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').removeClass('specAnchor'+j); $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').removeAttr( 'id', ''); } } for(var i=0;i<part1Len;i++){ var part2SetLen1 = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').length; var sortResult = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').sort(function (a, b){ var contentAh3 = $(a).find('h3').text().replaceAll(' ',''); var contentBh3 = $(b).find('h3').text().replaceAll(' ',''); return (contentAh3 > contentBh3) ? 1 : (contentAh3 < contentBh3) ? -1 : 0; }); $('.part2').find('.prdBox').eq(i).find('.spec').find('.box-spec-detail').append(sortResult); } for(var i=0;i<part1Len;i++){ var part2SetLen1 = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').length; for(var j=0;j<part2SetLen1;j++){ var part2SetDlLen1 = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').eq(j).find('dl').length; for(var l=0;l<part2SetDlLen1;l++){ var part2SetDtNm1 = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').eq(j).find('dl').eq(l).find('dt').text().replaceAll(' ',''); var sortResult = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').eq(j).find('dl').sort(function (a, b){ var contentAdd = $(a).find('dd').text().replaceAll(' ',''); var contentBdd = $(b).find('dd').text().replaceAll(' ',''); return (contentAdd == '-') ? 1 : (contentBdd == '-' ) ? -1 : 0; }); } $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').eq(j).children().first().after(sortResult); } } for(var i=0;i<part1Len;i++){ var part2SetLen1 = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').length; for(var j=0;j<part2SetLen1;j++){ var part2SetDlLen1 = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').eq(j).find('dl').length; for(var l=0;l<part2SetDlLen1;l++){ var part2SetDtNm1 = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').eq(j).find('dl').eq(l).find('dt').text().replaceAll(' ',''); var sortResult = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').eq(j).find('dl').sort(function (a, b){ var contentAdt = $(a).find('dt').text().replaceAll(' ',''); var contentBdt = $(b).find('dt').text().replaceAll(' ',''); return (contentAdt > contentBdt) ? -1 : (contentAdt < contentBdt) ? 1 : 0; }); $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').eq(j).children().first().after(sortResult); } } } for(var i=0;i<part1Len;i++){ var part2SetLen1 = $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').length; for(var j=0;j<part2SetLen1;j++){ $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').eq(j).addClass('specAnchor'+j); $('.part2').find('.prdBox').eq(i).find('.spec').find('.set').eq(j).attr( 'id', 'set'+j); } } } } */ /* ===================================================================== */ /* 멤버십 적립포인트 보이기 여부(B2C) */ function mShipPtShowYnB2C(stId, mdlCode , envmtGbCd, environmentGbLocal, environmentGbDev, environmentGbStg , stGbCd, membershipUseExcptYn, carePlusType , thirdPartyYn , isLogin, membershipYn){ //적립 예정 포인트 or 삼성전자 멤버십 가입하기 //(한달살기) 특정 SKU 멤버십 포인트 미노출 처리 if(!( mdlCode === 'NT950QDB-KC58T' || mdlCode === 'NT950QDB-KC58F' || mdlCode === 'NT950XDB-KC58O' || mdlCode === 'NT950XDB-KC58F' || mdlCode === 'NT930XDB-KC58O' || mdlCode === 'NT930XDB-KC58F' || mdlCode === 'NT930QDB-KC58O' || mdlCode === 'NT930QDB-KC58F' || mdlCode === 'NT950QDB-KD71T' || mdlCode === 'NT950QDB-KD71U' || mdlCode === 'NT950QDB-KD71V' || mdlCode === 'NT950XDC-XD71R' || mdlCode === 'NT950XDC-XD71T' || mdlCode === 'NT950XDB-KD71T' || mdlCode === 'NT950XDB-KD71U' || mdlCode === 'NT950XDB-KD71V' || mdlCode === 'NT950QDB-KC58O' || mdlCode === 'NT930QDB-KC58T' || mdlCode === 'NT950XDC-XL51O' || mdlCode === 'SM-F926NZUYKOO' || mdlCode === 'SM-F711NZUYKOO' || mdlCode === 'SM-F721NAWZKOO' ) || ( mdlCode === 'SM-F700NZKAKOO' && (envmtGbCd === environmentGbLocal || envmtGbCd === environmentGbDev || envmtGbCd === environmentGbStg) ) ){ if(stGbCd !== '80' && membershipUseExcptYn === 'N' && (carePlusType === null || typeof carePlusType === "undefined" || carePlusType === 'N' || carePlusType === 'CP')){ if(thirdPartyYn === 'N'){ if((isLogin && membershipYn !== 'Y')){ return false; }else{ return true; } } } } } /* 멤버십 적립포인트 보이기 여부(패넷) */ function mShipPtShowYnFNET(stId, stGbCd, stCd, isLogin, membershipYn){ if((stGbCd !== '80')){ if((stCd !== 'epp')){ if((isLogin && membershipYn !== 'Y')){ return false; }else{ return true; } } } } function mShipPtShowYnB2B2C(isLogin, membershipYn){ if((isLogin && membershipYn !== 'Y')){ return false; }else{ return true; } } /* ===================================================================== */ /* var vCopyUrl = window.document.location.href; var myMarriageMoveBuyYn = false; // 패넷혼수이사여부 var myMarriageMoveStat = {}; // 패넷혼수이사상태 var myMarriageMoveCartCnt = 0; // 패넷혼수이사장바구니개수 var spcExhbnYn = false; // 패넷특별기획전여부 var spcExhbnGoodsStat = {}; // 패넷특별기획전상품 특별기획전구매상태 */ /* 장바구니 시작(B2C, 패넷) function _btnCompCart(self){ var goodsIds_ = $(self).attr('data-goods-ids'); var nowBuyYn_ = $(self).attr('data-now-buy-yn'); var buyQtys_ = $(self).attr('data-buy-qtys'); var stGbCd_ = $(self).attr('data-st-gb-cd'); var stId_ = $(self).attr('data-st-id'); var orderType_ = $(self).attr('data-order-type'); $("#compGoodsCartForm").remove(); var compGoodsCartFormHTML = ""; compGoodsCartFormHTML += "<form id='compGoodsCartForm' name='compGoodsCartForm' method='post'>"; compGoodsCartFormHTML += "<input type='hidden' name='goodsIds' id='goodsIds' value='"+goodsIds_+"' />"; compGoodsCartFormHTML += "<input type='hidden' name='stGbCd' value='"+stGbCd_+"' />"; compGoodsCartFormHTML += "<input type='hidden' name='stId' value='"+stId_+"' />"; compGoodsCartFormHTML += "<input type='hidden' name='nowBuyYn' value='"+nowBuyYn_+"' />"; compGoodsCartFormHTML += "<input type='hidden' name='buyQtys' class='count-prd' value='"+buyQtys_+"' />"; compGoodsCartFormHTML += "<input type='hidden' name='orderType' value='"+orderType_+"'>"; //compGoodsCartFormHTML += "<input type='hidden' name='frbInfo'>"; //compGoodsCartFormHTML += "<input type='hidden' name='pckStrNo' id='pckStrNo' value='' />"; //compGoodsCartFormHTML += "<input type='hidden' name='goodsOrdTpCd' id='goodsOrdTpCd' value='' />"; //compGoodsCartFormHTML += "<input type='hidden' name='galaxyClubYn' id='galaxyClubYn' value='' />"; //compGoodsCartFormHTML += "<input type='hidden' name='clsMtdCd' id='clsMtdCd' value=''/>"; //compGoodsCartFormHTML += "<input type='hidden' name='galaxyClubTpCd' id='galaxyClubTpCd' value=''/>"; //compGoodsCartFormHTML += "<input type='hidden' name='linkSubCd' id='linkSubCd' value='' />"; //compGoodsCartFormHTML += "<input type='hidden' name='itemCd' id='itemCd' value='' />"; //compGoodsCartFormHTML += "<input type='hidden' name='empPrcStYn' value='N' />"; //compGoodsCartFormHTML += "<input type='hidden' name='secApp' id='secApp' value='false' />"; //compGoodsCartFormHTML += "<input type='hidden' name='price' id='price' value='' />"; compGoodsCartFormHTML += "</form>"; $(self).parent().append(compGoodsCartFormHTML); var reqData = $("#compGoodsCartForm").serializeJson(); if( stGbCd === '20' || stGbCd === '30' ){// 패밀리넷 if( stGbCd == '20' || stId == '7' || stId == '900') { if( $('#fnMultiPurchaseGuidance').hasClass('btnDirectClicked') ) { $('#fnMultiPurchaseGuidance').removeClass('btnDirectClicked'); } if( $('#fnOverpurchaseApplyGuidance').hasClass('btnDirectClicked') ) { $('#fnOverpurchaseApplyGuidance').removeClass('btnDirectClicked'); } $('#fnMultiPurchaseGuidance').addClass('btnCartClicked'); $('#fnOverpurchaseApplyGuidance').addClass('btnDirectClicked'); _fnFamliyNetCountLimit(reqData); }else{ _fnFamliyNetCountLimit(reqData); } }else if(stGbCd === '10'){//B2C } } */ /* 장바구니 확인(패밀리넷인 경우 수량제한) function _fnFamliyNetCountLimit(reqData){ //$('#fnetOrderAgree').val('N'); var options = { url : '/sec/xhr/order/check/limitcount' , data: reqData , done : function(data){ var listBuyInfo = data.listOrderBuyLimitVO , baseCount = data.baseCount , buyQty = parseInt(reqData.buyQtys[0]); myMarriageMoveBuyYn = (data.myMarriageMoveBuyYn == undefined || data.myMarriageMoveBuyYn == null)? false : data.myMarriageMoveBuyYn; // 혼수이사가능여부 myMarriageMoveStat = (data.myMarriageMoveStat == undefined || data.myMarriageMoveStat == null)? {} : data.myMarriageMoveStat; // 혼수이사 상태 myMarriageMoveCartCnt = (data.myMarriageMoveCartCnt == undefined || data.myMarriageMoveCartCnt == null)? 0 : data.myMarriageMoveCartCnt; // 혼수이사상품품목 장바구니 수량 spcExhbnYn = (data.spcExhbnYn == undefined || data.spcExhbnYn == null)? false : data.spcExhbnYn; // 특별기획전가능여부 spcExhbnGoodsStat = (data.spcExhbnGoodsStat == undefined || data.spcExhbnGoodsStat == null)? {} : data.spcExhbnGoodsStat; // 특별기획전 상품 특별기획전구매 상태 orderGoodsQtyRestrictYn = data.orderGoodsQtyRestrictYn; orderGoodsQtyRestrictQty = data.orderGoodsQtyRestrictQty; if(Array.isArray(data.dispRestricts)){ $('#compDispRestrictsForm').remove(); var formHtml = ''; formHtml += '<form action="" id="compDispRestrictsForm" name="compDispRestrictsForm" method="post" >'; for(var j=0 ; j<data.dispRestricts.length ; j++){ formHtml += '<input name="dispClsfNo" value="'+data.dispRestricts[j].dispClsfNo+'">'; formHtml += '<input name="qty_'+data.dispRestricts[j].dispClsfNo+'" value="'+data.dispRestricts[j].buyQty+'" >'; } formHtml += '</form>'; $('body').append(formHtml); } if( orderGoodsQtyRestrictYn != null ) { if( orderGoodsQtyRestrictYn == "Y" ) { // 패밀리넷 품목별 초과 구매 관련 신청 안내 openLayer('fnOverpurchaseApplyGuidance'); return; }else if( orderGoodsQtyRestrictYn == "N" ){ // KDP-28060 [FNET] [상품] [FO] 구매수량 제한 팝업 수정 요청 // if(data.stId != '2') { // 패밀리넷 동일 품목 다량 구매 관련 안내 openLayer('fnMultiPurchaseGuidance'); return; // } } } if ( buyQty >= baseCount ) { $('#popupFmailyAgree').find('#baseCount').text(baseCount); openLayer('popupFmailyAgree'); return false; } for ( var i=0; i < listBuyInfo.length ; i++) { // var goodsId = listBuyInfo[i].goodsId var orderCount = parseInt(listBuyInfo[i].count); if ( orderCount >= baseCount || (orderCount + buyQty) >= baseCount) { $('#popupFmailyAgree').find('#baseCount').text(baseCount); openLayer('popupFmailyAgree'); return false; } } //$('#fnetOrderAgree').val('Y'); if(spcExhbnYn){ // 패넷특별기획전가능 reqData.spcExhbnYn = spcExhbnYn; if(reqData.nowBuyYn == 'N'){ _fnFamilyNetSpcExhbnCart(reqData); return false; } }else if(myMarriageMoveBuyYn){ // 혼수이사가능 reqData.myMarriageMoveBuyYn = myMarriageMoveBuyYn; if(reqData.nowBuyYn == 'N'){ _fnFamilyNetMyMarriageMoveCart(reqData, myMarriageMoveCartCnt); return false; } } if ( reqData.nowBuyYn == 'N' ) { _fnShowCartMessage(reqData); } return true; } }; ajax.call(options); } */ /* 패밀리넷 특별기획전 상품 장바구니에 담기(FNET) function _fnFamilyNetSpcExhbnCart(reqData){ let stGbCd = reqData.stGbCd; let spcExhbnGoodsStatLocal = spcExhbnGoodsStat[reqData.goodsIds[0]]; if(spcExhbnGoodsStatLocal == undefined || spcExhbnGoodsStatLocal == null || spcExhbnGoodsStatLocal == ""){ let confirmData = { content : "특별기획전 구매 중 오류가 발생하였습니다. 관리자에게 문의 바랍니다." }; commonConfirm(confirmData); openLayer('commonConfirm'); }else if(spcExhbnGoodsStatLocal == "lmtOver" && stGbCd == '30'){//디플인 경우, 잔여한도가 임직원가보다 높은경우 reqData.spcExhbnYn = false; _fnInsertCart(reqData); }else if(spcExhbnGoodsStatLocal == "cartFull"){// 장바구니에 이미 담겨있거나 더 담을수 없는경우 let confirmData = { content : "이미 특별기획전으로 구매하려는 상품의 카테고리에 해당되는 상품이 장바구니에 담겨 있습니다.<br>특별기획전 장바구니에서 제품삭제 후 추가 가능합니다." }; commonConfirm(confirmData); openLayer('commonConfirm'); }else if(spcExhbnGoodsStatLocal == "ordQtyOver"){// 기준구매수량보다 구매희망수량이 많은경우 let confirmData = { content : "특별기획전 기준구매수량을 초과하였습니다.<br> 수량을 조정해 주세요." }; commonConfirm(confirmData); openLayer('commonConfirm'); }else{// 특별기획전 장바구니담기 가능 _fnInsertCart(reqData); } } */ /* 패밀리넷 혼수이사 상품 장바구니에 담기(FNET) function _fnFamilyNetMyMarriageMoveCart(reqData, myMarriageMoveCartCnt){ let stId = reqData.stId; if(myMarriageMoveStat.accCteGoods != undefined && myMarriageMoveStat.accCteGoods != "" && myMarriageMoveStat.accCteGoods == "accCteGoods"){ let confirmData = { content : "액세서리 상품으로 일반장바구니로 이동됩니다." , okBtnText : "확인", cancelBtnText : "취소" }; commonConfirm(confirmData); openLayer('commonConfirm'); $("#closeCommonConfirmBtn").hide(); reqData.myMarriageMoveBuyYn = false; }else if(myMarriageMoveStat.ordered != undefined && myMarriageMoveStat.ordered != "" && myMarriageMoveStat.ordered == "ordered"){ //이미 카테고리에 해당되는 상품을 구매했을경우 let confirmData = { content : "혼수/이사 혜택을 받은 구매이력이 확인되어 일반장바구니로 이동됩니다." , okBtnText : "확인", cancelBtnText : "취소" }; commonConfirm(confirmData); openLayer('commonConfirm'); $("#closeCommonConfirmBtn").hide(); reqData.myMarriageMoveBuyYn = false; }else if(myMarriageMoveCartCnt > 0){// 이미 카테고리에 해당되는 상품이 혼수이사 장바구니에 담겨있는 경우 reqData.myMarriageMoveBuyYn = false; }else if(myMarriageMoveStat.lmtOver != undefined && myMarriageMoveStat.lmtOver != "" && myMarriageMoveStat.lmtOver == "lmtOver" && stGbCd == '30' && stId != '7' && stId != '600' && stId != '900'){ // 패넷디플일경우 잔여한도보다 임직원가가 높을경우 let confirmData = { content : "임직원가보다 잔여한도가 높으므로 일반장바구니로 이동됩니다." , okBtnText : "확인", cancelBtnText : "취소" }; commonConfirm(confirmData); openLayer('commonConfirm'); $("#closeCommonConfirmBtn").hide(); reqData.myMarriageMoveBuyYn = false; }else { _fnInsertCart(reqData); } $("#commonConfirmOkBtn").on('click' , function(){ _fnInsertCart(reqData); return false; }); $("#commonConfirmCancelBtn").on('click' , function(){// 웹 접근성 수정 $("[data-focus-target=true]").focus(); $("[data-focus-target=true]").removeAttr("data-focus-target"); return false; }); }*/ /* 장바구니 확인(B2C, FNET) function _fnShowCartMessage(reqData){ var options = { url : '/sec/xhr/order/goodscnt' , data : reqData , done : function(data){ var cartCnt = data.goodsCnt; $("#btnCompCart").attr("data-focus-target", "true"); if ( cartCnt > 0 ) { let confirmData = { content : "이미 동일한 상품이 장바구니에 있습니다.</br>추가하시겠습니까?" , okBtnText : "확인", cancelBtnText : "취소" }; commonConfirm(confirmData); openLayer('commonConfirm'); $("#closeCommonConfirmBtn").hide(); } else { let confirmData = { content : "장바구니에 추가하시겠습니까?", okBtnText : "확인", cancelBtnText : "취소" }; commonConfirm(confirmData); openLayer('commonConfirm'); $("#closeCommonConfirmBtn").hide(); } $("#commonConfirmOkBtn").on('click' , function(){ _fnInsertCart(reqData); return false; }); $("#commonConfirmCancelBtn").on('click' , function(){// 웹 접근성 수정 $("[data-focus-target=true]").focus(); $("[data-focus-target=true]").removeAttr("data-focus-target"); return false; }); } }; ajax.call(options); } */ /* 장바구니 담기(B2C, FNET) function _fnInsertCart(reqData){ var stGbCd = reqData.stGbCd; var options = { url : '/sec/xhr/order/insertCart' , data : reqData , done : function(data){ if(reqData.myMarriageMoveBuyYn && reqData.buyQtys.length > 1){// 혼수이사장바구니와 일반장바구니에 동시에 담았을 경우 let confirmData = { content : "해당 제품이 혼수/이사 제품에 해당되어<br> 혼수/이사로 장바구니로 이동됩니다.<br>(1개의 제품은 일반장바구니를 확인하세요)" }; commonConfirm(confirmData); openLayer('commonConfirm'); } if (data.cartCnt !== 0) { $(".cart-inner-count").css("display", "block"); $(".cart-inner-count").html(data.cartCnt); } else { $(".cart-inner-count").css("display", "none"); } _satellite.track('add to cart'); } }; if(stGbCd == '10'){ options = $.extend({}, options, {netFunnelId : 'b2c_add_cart'}); }// NetFunnel_Action B2C만 적용 (20200902) ajax.call(options); }*/ /* ===================================================================== */ /* 구매하기 시작(B2C, FNET) */ function _netFunnel_Action_PF(stGrp, goodsPath){ NetFunnel_Action({action_id: stGrp+'_pd_view'}, function(ev, ret){ location.href = goodsPath; }); } /* 구매하기 시작(FNET) function _bespoke_Action_PF(stGrp, goodsPath){ location.href = goodsPath; } */ /* 구매하기 시작(B2C, FNET) function _wine_Action_PF(isLogin, stGrp, goodsPath){ if(!isLogin){ location.href = '/sec/' + "member/indexLogin/?returnUrl=" + location.pathname; return; }else{ _fnGetCerificationCheck (goodsPath); } }*/ /* 구매하기_와인 function _fnGetCerificationCheck (goodsPath){ var options = { url : "/sec/xhr/pf/cerificationCheck/" , type: 'POST' , done : function(data) { if(data.adultCerification == "F"){ //계정 성인체크 여부가 없을때 let alertData = { title: "alert", content: "로그인이 필요합니다." }; commonAlert(alertData); openLayer('commonAlert'); return; } else if ( data.adultCerification == "N" ) { // 계정 성인체크 여부가 N일때 (미성년) let alertData = { title: "본인인증 시 19세 미만자", content: "만 19세 이상만 구매할 수 있습니다." }; commonAlert(alertData); openLayer('commonAlert'); return; } else if(data.kcbAdultCerification == "F" ){// KCB 본인 인증 안했을때 인증 팝업 콜 _kcb(goodsPath); return; } else if (data.kcbAdultCerification == "N"){// KCB 본인 인증 했으나 미성년일때 let alertData = { title: "본인인증 시 19세 미만자", content: "만 19세 이상만 구매할 수 있습니다." }; commonAlert(alertData); openLayer('commonAlert'); return; } else { _netFunnel_Action_PF(goodsPath); } } }; ajax.call(options); }*/ /* 구매하기_와인 KCB 본인 인증 안했을때 인증 팝업 콜 function _kcb(goodsPath){ var options = { url : "/sec/xhr/join/kcbPersonalAuthCheck/" , data : { url : goodsPath , kcbGb : "W"} , type : 'GET' , async : false , dataType : "html" , done : function(data) { $('#index_kcb').html(data); if (!$("#index_kcb").hasClass('active')) { openLayer('index_kcb'); } } }; ajax.call(options); } */ /* ===================================================================== */ $(window).resize(function(){ setPopupHeight(); // 윈도우 세로 값에 따라 스크롤 되는 영역 세로값 설정하기 floatingStickyComparePosition(); // 230119 setPopupPart1Fixed($('.popupPrdCompare .layer-content-compare'));// 221230 비교하기 팝업 스크롤내리면 제품이미지 고정 $('#popupPrdCompare .layer-content-compare').on('scroll',function(e){ try{ if(scrollTimeout){ clearTimeout(scrollTimeout); } scrollTimeout = setTimeout(function(){ if(isSpecAnchorMove){ isSpecAnchorMove = false; }else{ const popUp = $('#popupPrdCompare .layer-content-compare'); // const scrollPercent = (popUp.scrollTop()+popUp.innerHeight())*100/popUp.prop('scrollHeight'); if(popUp.scrollTop() + popUp.innerHeight() >= popUp.prop('scrollHeight') - 1){ _satellite.setVar('scrollTrack','compare:pop-up:scroll:100'); _satellite.track('home_scroll'); } } }, 200); }catch{ } }); }).resize(); $(document).on("DOMContentLoaded",function(){ let showWaitFlag; if('1' == '1'){ showWaitFlag = false; }else{ showWaitFlag = true; } ajax.call({ url: "/sec/xhr/goods/getCompExcptUrl" , type: 'GET' , async: false , showWait : showWaitFlag , done: function (data) { var loc = location.pathname; var compExcptUrl = data.compareExcptUrlList; for (var index = 0; index < compExcptUrl.length; index++) { if (loc == compExcptUrl[index].usrDfn1Val) { $('.link-compare-i').remove(); $('#pfpd-compare').remove(); } } } }) }); $(document).ready(function () { sliderCompareBox('itmInfoDetail'); /* 비교하기 팝업_차이점 토글 세팅 */ $("label[for = 'toggle-check-on']").click(function(){ /* 차이점 활성화 */ if($('.popupPrdCompare .layer-difference-compare .toggleCheck .labeltxt.off').attr('aria-hidden') == 'true'){ $('.popupPrdCompare .layer-difference-compare .toggleCheck .labeltxt.off').attr('aria-hidden','false'); $('.popupPrdCompare .layer-difference-compare .toggleCheck .labeltxt.on').attr('aria-hidden','true'); } else{/* 차이점 비활성화 */ $('.popupPrdCompare .layer-difference-compare .toggleCheck .labeltxt.off').attr('aria-hidden','true'); $('.popupPrdCompare .layer-difference-compare .toggleCheck .labeltxt.on').attr('aria-hidden','false'); } /* 가격 높이 클래스 */ $('.prdBox .prd.prdDetail').removeClass('addpoint'); $('.prdBox .prd .box.compare-emptyBox').parent().removeClass('addpoint'); if('1' == '1'){ } else if('1' == '2'){ $('.prdBox .prd.prdDetail').removeClass('cnt-4-li_list-price'); $('.prdBox .prd .box.compare-emptyBox').parent().removeClass('cnt-4-li_list-price'); } else if('1' == '3'){ $('.prdBox .prd.prdDetail').removeClass('cnt-5-li_list-price'); $('.prdBox .prd .box.compare-emptyBox').parent().removeClass('cnt-5-li_list-price'); } /* 비교하기 팝업 정보 세팅 DB(차이점 활성화/비활성화 공통) */ // setCompInfoDb(); setCompInfoStrg(compDispClsfEnNm,false,true); //setCompInfoStrg(compDispClsfEnNm, false, true); // setSpeclongestBox(); }); // 221230 비교하기 s comparePopupSlickpart1($('.part1')); comparePopupSlickpart2($('.part2')); setPopupHeight(); // 윈도우 세로 값에 따라 스크롤 되는 영역 세로값 설정하기 // 221230 비교하기 e addWithBnbClass(); }); function addWithBnbClass(){ if( '1' == '1' || '1' == '2'|| '1' == '3'){ if($("#bottom__navi").is(":visible")){ $('.pfpd-compare').addClass('withBnb'); } } } $(document).on("click", ".btn-compare", setPopupHeight);// 221230 비교하기 버튼 누를 때, 팝업창 세로사이즈 설정 /* -- S -- KDP-32607 비교하기 혜택 시뮬레이터 */ // $(document).on("click", ".btn-compare", hasListPriceAmount); function hasListPriceAmount() { var all_btn_leng = []; var all_li_leng = []; var max_leng; var _ul_amount = $('.prd-price-amount .list-price-amount'); _ul_amount.each(function () { //last-li txt bold컨트롤 var _has_li_length = $(this).children().length; if (0 < _has_li_length) { $(this).parent().parent().parent().find('.prd-price').addClass('has-prd-price-amount'); }else{ $(this).parent().parent().parent().find('.prd-price').removeClass('has-prd-price-amount'); } all_li_leng.push(_has_li_length); }); max_leng = Math.max.apply(null, all_li_leng); if(0 == max_leng){ _ul_amount.addClass('_not_li'); }else{ _ul_amount.removeClass('_not_li'); //min-height로 높이설정 } var _prdBtn = $('.prdDetail .box .prd-btn'); _prdBtn.each(function () { all_btn_leng.push($(this).children().length); }); max_leng = Math.max.apply(null, all_btn_leng); if(0 == max_leng){ _prdBtn.addClass('_not_btn'); }else{ _prdBtn.removeClass('_not_btn'); //min-height로 높이설정 } } /* 카테고리 변경에 따른 카테고리명, 영문 카테고리명, 초기화 버튼 카테고리, 비교하기 버튼 카테고리 값 갱신 */ function updateCtgInfo(compareEnNm){ compDispClsfEnNm = compareEnNm; compareDataStorageNm = storageNmPrefix + compDispClsfEnNm; compareData = JSON.parse(localStorage.getItem(compareDataStorageNm)) ?? {}; } /* -- E -- KDP-32607 비교하기 혜택 시뮬레이터 */ function skuAddedCompare(skuList, compDispClsfEnNm, dispClsfNo){ compareDataStorage = '/sec/'+'compare/'+compDispClsfEnNm; compareData = JSON.parse(localStorage.getItem(compareDataStorage)) ?? {}; var userSelectedComp = Object.keys(compareData); if (4 == userSelectedComp.length) { commonAlert({ content : "최대 4개까지 담을 수 있습니다. <br> 비교함을 비우고 다시 시도해주세요." }); openLayer('commonAlert'); openCloseArrow(); return false; } // 중복 갯수 var duplYn = false; // 추가 가능 비교하기 상품 갯수 var size = 4 - userSelectedComp.length; // 중복 제외 비교하기 추가 상품 var goodsList = []; for(const goods of skuList){ var good = goods.split(':'); if(userSelectedComp.includes(good[0])){ duplYn = true; } else{ goodsList.push(goods); } } goodsList = goodsList.slice(0,size); if(0 == goodsList.length){ commonAlert({ content : "이미 담은 제품 입니다.", callback : function(){ $('button.btn.btn-d.btn-type2.btn-compare').trigger('click'); openCloseArrow(); } }); openLayer('commonAlert'); return false; } for (var goods of goodsList) { var sp = goods.split(':') var goodsDetail = { "goodsId": sp[0], "mdlCode": sp[1], "compDispClsfEnNm": compDispClsfEnNm, "dispClsfNo": dispClsfNo }; ajax.call({ data: goodsDetail , url: "/sec/xhr/goods/incGoodsCompare" , type: 'POST' , dataType: 'json' , async : false , done: function (data) { updateCtgInfo(data.summary.compDispClsfEnNm); /* 비교하기 데이터 추가 */ compareDataStorageNm = storageNmPrefix + data.summary.compDispClsfEnNm; compareData[data.goodsDetail.goodsId] = data; localStorage.setItem(compareDataStorageNm, JSON.stringify(compareData)); /* 비교하기 활성화 goodId 추가 */ goodsIdData[data.goodsDetail.goodsId] = data.summary.compDispClsfEnNm; localStorage.setItem(goodsIdDataStorageNm, JSON.stringify(goodsIdData)); /* 마지막 담은 상품 추가 */ lastCompData = {}; lastCompData[data.goodsDetail.goodsId] = data.summary.compDispClsfEnNm; localStorage.setItem(lastCompDataStorageNm, JSON.stringify(lastCompData)); /* 카테고리 항목 스토리지에 추가 */ categoryData[data.summary.compDispClsfEnNm] = data.summary.compDispClsfNm; localStorage.setItem(categoryDataStorageNm, JSON.stringify(categoryData)); //마지막 담은 상품의 날짜/시간/분 저장 let today = new Date(); expireDateData['date'] = dateFormat(today); localStorage.setItem(expireDateDataStorageNm, JSON.stringify(expireDateData)); } }); } updateBtnNum(Object.values(compareData).length); setCompInfoStrg(compDispClsfEnNm, true, false); categoryBtn();/* 카테고리 select box */ disabledCompareButton(); $(".pfpd-compare").css("display", ""); $(".pfpd-compare").addClass("close"); openCloseArrow(); // 중복된 제품을 제외하고 담은 경우 if (duplYn && 0 != goodsList.length) { commonAlert({ content: "이미 담은 제품 제외 후 담았습니다.", callback: function () { $('button.btn.btn-d.btn-type2.btn-compare').trigger('click'); } }); openLayer('commonAlert'); } else { $('button.btn.btn-d.btn-type2.btn-compare').trigger('click'); } } </script>  <div class="pf-disclaimer"> <div class="wrap-disc"> ※ 아울렛 행사 모델은 재고 수량이 한정되어 있습니다. 아울렛 행사 모델의 경우 재고 상황에 따라 주문 이후 배송 또는 교환이 불가할 수 있다는 점을 유의해주시기 바랍니다.</div> </div>  <script async type='text/javascript'> function fnGA4Validation(){ return '1' == '1'; } const goodsGA4 = { /* 나의 관심목록 내 장바구니 담기 */ fnGA4HotListBoardAddToCart(product){ if(!fnGA4Validation()){ return; } const board = product.closest('.my-boardlist'); try{ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ecommerce:null}); window.dataLayer.push({ event:'add_to_cart', ecommerce: { items: [{ item_id: board.find('.label').text(), item_name: board.find('.title > a').text(), item_category: board.find('.boardlist-spec').data('disp1ClsfEnNm'), item_category2: board.find('.boardlist-spec').data('disp2ClsfEnNm'), item_variant: board.find('.option')[0].innerText ?? undefined, price: board.find('.price-big').data('price') ?? board.find('.price-small').data('price'), quantity: 1 }], currency: ga4CommonData.currency, value: board.find('.price-big').data('price') ?? board.find('.price-small').data('price') } }); }catch(e){ } } /* PD 페이지 내 장바구니 담기 */ , fnGA4addToCart(){ if(!fnGA4Validation()){ return; } try{ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ecommerce:null}); window.dataLayer.push({ event:'add_to_cart', ecommerce: { items: [{ item_id: ga4CommonData.pdData.id, item_name: ga4CommonData.pdData.name, item_category: ga4CommonData.ctg.category1, item_category2: ga4CommonData.ctg.category2, item_variant: $('#ga4OptionString').val(), price: $('#originalPrice').val(), //$('#total-price > .pd-total-price').text().replaceAll(',','') quantity: parseInt($("input[name=buyQtys]").val()) }], currency: ga4CommonData.currency } }); }catch(e){ } } // PD 페이지 진입 , fnGA4viewItem(){ if(!fnGA4Validation()){ return; } try{ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ecommerce:null}); window.dataLayer.push({ event:'view_item', ecommerce: { items: [{ item_id: ga4CommonData.pdData.id, item_name: ga4CommonData.pdData.name, item_brand: ga4CommonData.pdData.brand, item_category: ga4CommonData.ctg.category1, item_category2: ga4CommonData.ctg.category2, item_category3: ga4CommonData.ctg.category3, item_category4: ga4CommonData.ctg.category4, item_variant: $('#ga4OptionString').val(), price: $('#originalPrice').val(), quantity: 1 }], currency: ga4CommonData.currency, value: $('#originalPrice').val(), sku_status: ga4CommonData.pdData.goodsStk > 0 ? 'available' : 'not available' } }); }catch(e){ } } // PD 페이지 쿠폰 다운로드 , fnGA4downloadCoupon(){ if(!fnGA4Validation()){ return; } try{ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ecommerce:null}); window.dataLayer.push({ event:'retrieve_pd_coupon', item_id: ga4CommonData.pdData.id, item_name: ga4CommonData.pdData.name, item_category: ga4CommonData.ctg.category1, item_category2: ga4CommonData.ctg.category2, item_category3: ga4CommonData.ctg.category3 }); }catch(e){ } } // PF/PD 페이지 찜목록 추가 , fnGA4addToWishList(product){ if(!fnGA4Validation()){ return; } let optStr = ''; if(ga4CommonData.pdYn == 'Y'){ optStr = $('#ga4OptionString').val(); }else{ const opts = getPrdOptList(product.goodsOptStr, product.goodsId); opts.forEach(function(options){ options.items.forEach(function(opt){ optStr += opt.itemNm + '/'; }); }); optStr = optStr.substring(0,optStr.length-1); } try{ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ecommerce:null}); window.dataLayer.push({ event:'add_to_wishlist', ecommerce: { items: [{ item_id: product.mdlCode, item_name: product.goodsNm, item_brand: product.compNm, item_category: product.disp1ClsfEnNm, item_category2: product.disp2ClsfEnNm, item_variant: optStr, price: product.salePrc, quantity: 1 }], currency: ga4CommonData.currency, value: product.salePrc } }); }catch(e){ } } // PD 페이지 재입고 알림 신청 , fnGA4stockAlert() { if(!fnGA4Validation()){ return; } try { var price = parseInt(document.querySelector("#originalPrice").value.replace(/,/g, "")); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'stock_alert', currency: ga4CommonData.currency, value: price, ecommerce: { items: [{ item_id: ga4CommonData.pdData.id, item_name: ga4CommonData.pdData.name, item_brand: ga4CommonData.pdData.brand, item_category: ga4CommonData.ctg.category1, item_category2: ga4CommonData.ctg.category2, item_category3: ga4CommonData.ctg.category3, item_category4: ga4CommonData.ctg.category4, item_variant: $('#ga4OptionString').val(), currency: ga4CommonData.currency, price: price, quantity: "1" }] } }); } catch (e) { } } // PF 페이지 필터, PD 페이지(상품평) 필터 선택 , fnGA4clickFilter(obj, isPd){ if(!fnGA4Validation()){ return; } try{ var filterName = isPd ? 'comment' : obj.data('filter-nm'); var filterValues = isPd ? obj.data('omni') : obj.data('filter-item-nm'); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event:'click_filter', filter_name: filterName, filter_values: filterValues, an_ca: 'filter', an_ac: digitalData.page.pageInfo.pageTrack + ' filter', an_la: filterName + '_' + filterValues }); }catch(e){ } } // PF 페이지 진입 , fnGA4viewItemList(products){ if(!fnGA4Validation()){ return; } if(products==null){ return; } let viewItemList = []; for(let i = 0; i < products.length ; i ++){ let goods = {}; goods.item_id = products[i].mdlCode; goods.item_name = products[i].goodsNm; goods.item_category = ga4CommonData.ctg.category1; goods.item_category2 = ga4CommonData.ctg.category2; goods.item_category3 = ga4CommonData.ctg.category3; goods.item_category4 = ga4CommonData.ctg.category4; goods.quantity = 1; goods.index = parseInt($('#presentPrdCount').val())+i + 1; goods.price = products[i].salePrice; goods.currency = ga4CommonData.currency; viewItemList.push(goods); } try{ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ecommerce:null}); window.dataLayer.push({ event:'view_item_list', ecommerce: { items: viewItemList, currency: ga4CommonData.currency, } }); }catch(e){ } } // PF 페이지 정렬, PD 페이지(상품평) 정렬 선택 , fnGA4clickSort(sortValue){ if(!fnGA4Validation()){ return; } try{ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event:'click_sort', sort_name: digitalData.page.pageInfo.pageTrack + ' sort', sort_value: sortValue }); }catch(e){ } } // PF 페이지 -> PD 진입 , fnGA4selectItem() { if(!fnGA4Validation()){ return; } try { const product = $(event.currentTarget).parents('.item-inner'); let option = "" product.find('.opt-checked').each(function(idx, item){ option += item.innerText+'/'; }); product.find('.card-option .set-opt button').each(function(idx,item){ option += item.innerText+'/'; }); option = option.substring(0,option.length-1); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ecommerce: null}); window.dataLayer.push({ event: 'select_item', ecommerce: { items: [{ item_id: product.find('.card-detail>.prd-num').text(), item_name: product.find('.card-detail>.prd-name').text(), //product.find('.prd-name').text(), // item_brand: undefined, item_category: ga4CommonData.ctg.category1, item_category2: ga4CommonData.ctg.category2, item_category3: ga4CommonData.ctg.category3, item_category4: ga4CommonData.ctg.category4, item_variant: option, index: product.data('index'), price: product.find('.price-detail>.pic em').text().replaceAll(' ','').replaceAll(',',''), currency: ga4CommonData.currency }], number_of_review: product.find('.link-review').data('reviewCount'), review_rating: product.find('.link-review').data('reviewGrade'), an_la: product.find('.card-btn button').text() } }); } catch (e) { } } // PF/PD 페이지 옵션 변경 , fnGA4productCustomization(product, selectedRadioButton, isPd){ if(!fnGA4Validation()){ return; } try{ var customizationName = isPd ? product.find('span').data('omni').split("_")[0] : selectedRadioButton.attr('name').split("-")[1]; var customizationValue = isPd ? product.find('span').data('omni').split("_")[1] : selectedRadioButton.attr('data-itemNm'); var itemId = isPd ? ga4CommonData.pdData.id : product.product.mdlCode; var itemName = isPd ? ga4CommonData.pdData.name : product.product.goodsNm; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'product_customization', customization_name: customizationName, customization_value: customizationValue, // item_id: product.parents('.item-inner').data('omni').split('|')[0], // item_id: product.product.mdlCode, // item_id: ga4CommonData.pdData.id, item_id: itemId, // item_name: product.parents('.item-inner').data('omni').split('|')[1] // item_name: product.product.goodsNm // item_name: ga4CommonData.pdData.name item_name: itemName }); }catch(e){ } } // PD 페이지 상품평 작성 , fnGA4writeComment : function(){ if(!fnGA4Validation()){ return; } try{ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event:'customers_ratings' }); } catch(e){ } } // 비교하기 선택 , fnGA4compareGoods(products){ if(!fnGA4Validation()){ return; } try{ const productsArr = Object.values(products); const itemIds = []; const itemNames = []; const prices = []; for (const product of productsArr) { itemIds.push(product.goodsDetail.mdlCode); itemNames.push(product.summary.goodsNm); prices.push(product.summary.price); } window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'compare', item_id : itemIds.join(', '), item_name : itemNames.join(', '), item_category : productsArr[0].summary.compDispClsfEnNm, number_of_products: productsArr.length, price: prices.join(', ') }); }catch(e) { } } // CTA 클릭 , fnGA4clickCta(obj){ if(!fnGA4Validation()){ return; } try{ const product = $(event.currentTarget).parents('.item-inner'); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'click_cta', an_ca : 'buy cta', an_la : (obj === undefined) ? product.find('.card-btn button').text() : obj.data('omni'), an_ac : digitalData.page.pageInfo.pageTrack, an_tr : (obj === undefined) ? product.find('.card-detail>.prd-num').text() : ga4CommonData.pdData.id }); }catch(e){ } } // 비스포크 구매하기 , fnGA4purchaseBespoke(products){ if(!fnGA4Validation()){ return; } try { const itemIds = []; const itemNames = []; for (const product of products) { itemIds.push(product.dataset.module); itemNames.push(product.dataset.typename); } window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'purchase_bespoke', ecommerce: { items: [{ item_id: itemIds.join(", "), item_name: itemNames.join(", "), item_category: digitalData.page.pathIndicator.depth_2, item_category2: digitalData.page.pathIndicator.depth_3, item_category3: digitalData.page.pathIndicator.depth_4 }] } }); }catch (e) { } } // 공유하기 , fnGA4shareFollow(obj){ if (!fnGA4Validation()) { return; } try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'share_follow', social_action : 'share', social_network : $(obj).attr('class') }); }catch (e) { } } // 파일로 연결되는 링크를 클릭할 때 , fnGA4fileDownload(obj){ if (!fnGA4Validation()) { return; } try { var fileName = $(obj).find('a').data('nmfile'); var parts = fileName.split('.'); var fileExtension = parts[parts.length - 1]; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'file_download', file_extension: fileExtension, file_name: fileName, link_classes: $(obj).find('a').attr('class'), link_domain: digitalData.page.pageInfo.pageURL, link_id: $(obj).find('a').attr('id'), // link_text: $(obj).find('.btn-download').text(), link_text: $(obj).find('.name').text().trim(), link_url: $(obj).find('a').attr('href') }); }catch (e) { } } } // GA4 공통 데이터 const ga4CommonData = { 'currency' : 'KRW' , 'ctg' : { 'category1' : 'outlets' , 'category2' : 'outlets' , 'category3' : 'all' , 'category4' : 'finder' } , 'pdData': { 'id' : '' , 'name' : '' , 'brand' : '' , 'goodsStk' : '' } , 'pdYn' : $('#pdYn').val() ?? 'N' , 'option' : '' }; </script> </div>  <script type="text/javascript" > var goodsPf = { fnAjaxUrl : function(vUrl, vAjaxUrl){ var ajaxUrl = "xhr/goods/"; if (vAjaxUrl !== undefined){ ajaxUrl = vAjaxUrl; } return '/sec/' + ajaxUrl + vUrl; }, fnLoginCheck : function(callback){ let showWaitFlag; if($('#pfAcamaiUseYn').val()=='Y'){ showWaitFlag = false; }else{ showWaitFlag = true; } var options = { url : goodsPf.fnAjaxUrl("loginCheck") , type: 'POST' , showWait : showWaitFlag , done : function(data) { if(callback){ callback(data.isLogin); } } }; ajax.call(options); }, fnisLoginCheck : function(callback){ let showWaitFlag; if($('#pfAcamaiUseYn').val()=='Y'){ showWaitFlag = false; }else{ showWaitFlag = true; } var options = { url : goodsPf.fnAjaxUrl("loginCheck") , type: 'POST' , async : false , showWait : showWaitFlag , done : function(data) { if(callback){ callback(data.isLogin); } } }; ajax.call(options); } } //필터 버튼 클릭 이벤트 function clickItem(obj, access) { var minVal = $(obj).data('min-val'); var maxVal = $(obj).data('max-val'); if ($(obj).prop('checked')) { //B2C 가격필터 값 셋팅 var minMaxVal = ''; if(minVal != '' || maxVal != ''){ minVal == '' ? minVal = '0' : minVal; maxVal == '' ? maxVal = '99999999' : maxVal; minMaxVal = minVal+':'+maxVal; } // 추가 var span = '<span class="txt" data-min-max-val="'+ minMaxVal +'" data-search-filter="' + $(obj).data('search-filter') + '"data-min-val="' + minVal + '" data-max-val="' + maxVal + '">' + $(obj).data('filter-item-nm') + '<button type="button" onClick="removeItem(\'' + $(obj).data('search-filter') + '\')">삭제</button></span>'; $('.opt-area').append(span); var div = '<div class="item">'; div += '<span class="txt" data-min-max-val="'+ minMaxVal +'" data-search-filter="' + $(obj).data('search-filter') + '"data-min-val="' + minVal + '" data-max-val="' + maxVal + '">' + $(obj).data('filter-item-nm') + '<button type="button" class="btn-delete" onClick="removeItem(\'' + $(obj).data('search-filter') + '\')">삭제</button></span>'; div += '</div>'; $('.filter-footer > .list-option').append(div); var arr = $(obj).attr('id').split('-'); checkedIdList.push('itm-'+arr[1]+'-'+arr[2]); checkedIdList.push('itmPop-'+arr[1]+'-'+arr[2]); itemInit(); } else { removeItem($(obj).data('search-filter'), access); } goodsGA4.fnGA4clickFilter($(obj), false); } function goSohoLogin() { if('100' == '10'){ goodsPf.fnLoginCheck(function(isLogin){ if(!isLogin){ let confirmData = { content: "로그인 후 회원가 혜택 확인 및 구매 가능합니다.<br/>로그인 하시겠어요?" , okBtnText: "확인" , cancelBtnText: "취소" , callback: function () { location.href = '/sec/' + "member/indexLogin/?returnUrl=" + location.pathname; } }; commonConfirm(confirmData); openLayer('commonConfirm'); } }); }else{ location.href = '/sec/' + "member/indexLogin/?returnUrl=" + location.pathname; } } //초기화 function removeAllItem() { // 필터 영역 uncheck $('.list-filter').find('input:checkbox').each(function(idx, item) { $(item).prop('checked', false); }); // pc 필터 사이드바 제거 $('.opt-area > span').each(function(idx, item) { $(item).remove(); }); // 모바일 필터 사이드바 제거 $('.filter-footer').find('.item > span').each(function(idx, item) { $(item).parent().remove(); }); checkedIdList = []; itemInit(); } //삭제 function removeItem(searchFilter, access) { // 필터 영역 uncheck $('.list-filter').find('input:checkbox').each(function(idx, item) { if (searchFilter === $(item).data('search-filter')) { $(item).prop('checked', false); var arr = $(item).attr('id').split('-'); var pcFilterId = 'itm-'+arr[1]+'-'+arr[2]; var moFilterId = 'itmPop-'+arr[1]+'-'+arr[2]; // 배열에서 해당 id 제거 for(var i = 0; i < checkedIdList.length; i++){ if(checkedIdList[i] == pcFilterId || checkedIdList[i] == moFilterId){ checkedIdList.splice(i, 1); i--; } } } }); // pc 필터 사이드바 제거 $('.opt-area > span').each(function(idx, item) { if (searchFilter === $(item).data('search-filter')) { if(access){ }else{ if($(this).next().find("button").length > 0){ $(this).next().find("button").focus(); }else{ $(this).parent().parent().next().find("button").focus(); } } $(item).remove(); } }); // 모바일 필터 사이드바 제거 $('.filter-footer').find('.item > span').each(function(idx, item) { if (searchFilter === $(item).data('search-filter')) { if(pf_device == 'm'){ if($(this).parent().parent().find("button").length == 1){ $("#pfFilterArea_mo .filter-category").find("button").first().focus() //선택된 필터가 1개면 목록탭 첫번째 포커스 }else if($(this).parent().prev().find("button").length > 0){ $(this).parent().parent().find("button").first().focus(); // 첫번째 선택 필터로 포커스 } else { $(this).parent().next().find("button").focus(); // 선택된 필터가 첫번째면 다음 항목 포커스 } } $(item).parent().remove(); } }); itemInit(); } function netFunnel_Action_PF(goodsPath) { goodsGA4.fnGA4selectItem(); var e = window.event; if (typeof e != "undefined" || e != null) { e.preventDefault(); } var top = $(window).scrollTop(); var page = $("#page").val(); /*기존 sessionStorage.setItem('pageScroll', top + '|||' + page + '|||' + '100011514'+ '|||' + $('#odrDeliveryCycleBtn').parent().find('.focused').data('sort-type') + '|||' + $('#gridType').val() );*/ sessionStorage.setItem('pageScroll', top + '|||' + page + '|||' + '100011514'+ '|||' + $('#filterSortType').val() + '|||' + $('#gridType').val() + '|||' + checkedIdList + '|||' + $("#soldOutExceptYn").val()); NetFunnel_Action({action_id:'b2c_pd_view'}, function(ev, ret){ location.href = goodsPath; }); goodsGA4.fnGA4clickCta(); } function bespoke_Action_PF(goodsPath) { location.href ='/sec/' + goodsPath; } function wine_Action_PF(goodsPath) { goodsPf.fnLoginCheck(function(isLogin){ if(!isLogin){ location.href = '/sec/' + "member/indexLogin/?returnUrl=" + location.pathname; return; }else{ fnGetCerificationCheck (goodsPath); } }); } function fnGetCerificationCheck (goodsPath){ var options = { url : "/sec/xhr/pf/cerificationCheck/" , type: 'POST' , done : function(data) { if(data.adultCerification == "F"){ //계정 성인체크 여부가 없을때 let alertData = { title: "alert", content: "만 19세 이상부터 구매할 수 있는 상품입니다.<br/>로그인 후에 구매해주세요." }; commonAlert(alertData); openLayer('commonAlert'); return; } else if ( data.adultCerification == "N" ) { // 계정 성인체크 여부가 N일때 (미성년) popupAdultUnder(); return; } else if(data.kcbAdultCerification == "F" ){// KCB 본인 인증 안했을때 인증 팝업 콜 kcb(goodsPath); return; } else if (data.kcbAdultCerification == "N"){// KCB 본인 인증 했으나 미성년일때 popupAdultUnder(); return; } else { netFunnel_Action_PF(goodsPath); } } }; ajax.call(options); } function kcb(goodsPath){ var options = { url : "/sec/xhr/join/kcbPersonalAuthCheck/", data : { url : goodsPath , kcbGb : "W"}, type : 'GET', async : false, dataType : "html", done : function(data) { $('#index_kcb').html(data); if (!$("#index_kcb").hasClass('active')) { openLayer('index_kcb'); } } }; ajax.call(options); } function popupAdultUnder() { let alertData = { title: "본인인증 시 19세 미만자", content: "만 19세 이상부터 구매할 수 있습니다." }; commonAlert(alertData); openLayer('commonAlert'); } function getPrdOptList(goodsOptStr, goodsId) { if (goodsOptStr == null) { return null; } var goodsItemPaths = new Array(); var maxSeq = 0; $.each(goodsOptStr.split('\n'), function(idx, optStr) { var optTemp = optStr.split('|'); $.each(optTemp[9].split(','), function(gIdx, g) { if (goodsItemPaths[g] == undefined) { goodsItemPaths[g] = new Array(); } goodsItemPaths[g][optTemp[0]] = optTemp[2]; if (parseInt(optTemp[0]) > maxSeq) { maxSeq = optTemp[0]; } }); }); //console.log(goodsItemPaths); var goodsOpts = new Array(); var itemNos = new Array(); //var itemNo = ''; $.each(goodsOptStr.split('\n'), function(idx, optStr) { var opt = optStr.split('|'); if (opt[2] === opt[3]) { if ( opt[9] === goodsId) { itemNos.push(opt[2]); } } else { if (itemNos.indexOf(opt[3]) > -1) { itemNos.push(opt[2]); } else { opt[8] = ''; opt[9] = ''; } } goodsOpts.push(opt); }); var optList = new Array(); var opt = {}; var optItemList; var optSeq = ""; $.each(goodsOpts, function(idx, goodsOpt) { var itemEnNm; if (optSeq != goodsOpt[0]) { if (optSeq != '') { opt.items = optItemList; optList.push(opt); } opt = {}; opt.nm = goodsOpt[4]; opt.no = goodsOpt[1]; opt.seq = goodsOpt[0]; opt.useColor = goodsOpt[7]; if (goodsOpt.length > 10) opt.enNm = goodsOpt[10]?goodsOpt[10]:goodsOpt[4]; else opt.enNm = goodsOpt[4]; optItemList = new Array(); } if (goodsOpt.length > 11) { itemEnNm = goodsOpt[10]?goodsOpt[11]:goodsOpt[5]; } else { itemEnNm = goodsOpt[5]; } optItemList.push({itemNo:goodsOpt[3], itemNm:goodsOpt[5], itemEnNm:itemEnNm, itemDfn:goodsOpt[6], mdlCd:goodsOpt[8], goodsId:getLiveGoodsId( goodsOpt[9], parseInt(goodsOpt[0]), maxSeq, goodsId, goodsItemPaths), itemImgPath:goodsOpt[12]}); optSeq = goodsOpt[0]; }); if (goodsOpts != null && goodsOpts.length > 0) { opt.items = optItemList; optList.push(opt); } //console.log(optList); return optList; } function getLiveGoodsId(goodsOpt, currSeq, maxSeq, goodsId, goodsItemPaths) { if (goodsOpt.indexOf(goodsId) > -1) { return goodsId; } var currPnt = 0; var selGoodsId = ''; $.each(goodsOpt.split(','), function(idx, g) { var isTopOk = true; if (currSeq >= 2) { for(var i=1; i<currSeq; i++) { if(goodsItemPaths[goodsId] != undefined && goodsItemPaths[g][i] != goodsItemPaths[goodsId][i]) { isTopOk = false; break; } } } if (isTopOk == true) { if (selGoodsId === '') { selGoodsId = g; } var sumPnt = 0; for(var i=currSeq; i<=maxSeq; i++) { if(goodsItemPaths[goodsId] != undefined && goodsItemPaths[g][i] === goodsItemPaths[goodsId][i]) { sumPnt += maxSeq-currSeq+1; } } if (sumPnt > currPnt) { currPnt = sumPnt; selGoodsId = g; //console.log('goodsId:' + g + ',currSeq:' + currSeq+ ',sumPnt:' + sumPnt); } } }); return selGoodsId; } function htmlProductCard(prd, idx) { var contextPath = "/sec/"; var prdLink = '/sec/' + prd.goodsDetailUrl; var stGbCd = '10'; var stId = '1'; //stGbCd = '30'; var price = prd.priceStr.split('|'); var isLogin = isLoginCheck; var isPfImgSwpMove = pfImgSwpYnChk(prd.imgPath1, prd.imgPath2); //PF 이미지 스와이프 체크 var liItem = ''; liItem += '<div class="item-inner" data-omni="'; liItem += prd.mdlNm; liItem += '|'; liItem += prd.mdlCode; liItem += '">'; liItem += ' <div class="card-flag">'; liItem += ' <div class="flag-group">'; if (prd.saleStatCd == '13' && prd.useStkCd != '90') { if ((stGbCd == '10' || (stGbCd == '80' && stId == '122')) && (prd.dlvrPckYn == 'Y' && prd.omsSendYn == 'N')) { liItem += ' <span>매장픽업 only</span>'; if (prd.midDcRate != null && prd.midDcRate != '' && prd.midDcRate != '0') { liItem += ' <span>' + prd.midDcRate +'% 청구할인</span>'; } if(stGbCd == '10' && prd.dpGoodsDcYn =='Y'){ liItem += ' <span>전시 상품 할인</span>'; } } else { liItem += ' <span>상품준비중</span>'; } } else { if (null != prd.timeDlvrAplYn && 'Y' == prd.timeDlvrAplYn) { // 시간 맞춤 배송(시간 맞춤 설치) liItem += ' <span>시간 맞춤 설치</span>'; } if (null != prd.sameIstAplYn && 'Y' == prd.sameIstAplYn) { // 당일 설치 liItem += ' <span>오늘보장(설치)</span>'; } if (null != prd.sameDlvrAvlYn && 'Y' == prd.sameDlvrAvlYn) { // 당일 배송 liItem += ' <span>오늘보장(배송)</span>'; } if (prd.flagStr != '') { var flags = prd.flagStr.split('|'); if (flags.length > 0) { liItem += ' <span>' + flags[0] + '</span>'; } if (flags.length > 1) { liItem += ' <span>' + flags[1] + '</span>'; } } if (prd.goodsOrdTpCd != null) { var goodsOrdTpCdFlags = prd.goodsOrdTpCd.split(';'); for(var i=0; i<=goodsOrdTpCdFlags.length; i++) { if (goodsOrdTpCdFlags[i] == '01') { if ('TRD' == prd.tradeInType) { if (true) { liItem += ' <span>바꿔보상</span>'; } else { liItem += ' <span>트레이드인</span>'; } } else { liItem += ' <span>중고 추가보상</span>'; } }else{ } } } if (prd.galaxyClubYn != null && prd.galaxyClubYn == 'Y') { liItem += ' <span>My갤럭시클럽</span>'; } if(prd.customGoodsYn != null && prd.customGoodsYn =='Y' || prd.customGoodsYn != null && prd.customGoodsYn =='D'){ liItem += ' <span>Customize</span>'; } if(prd.outletFlgYn != null && prd.outletFlgYn == 'Y'){ liItem += ' <span>아울렛</span>'; } if(prd.carePlusType == "CP" || prd.mxCarePlusYn == 'Y'){ liItem += ' <span> 삼성케어플러스 </span>'; } // KDP-52493 [B2C] PD 분할결제 관련 문구 추가 및 PF 분할결제 플래그 노출 조건 수정 if (null != prd.dividePaymentAplYn && 'Y' == prd.dividePaymentAplYn && prd.saleStatCd == '12') { liItem += ' <span>나눠서 결제</span>'; } // 상품 플래그 명 if(prd.colVal1 !=null ){ liItem += ' <span>'+ prd.colVal1 +'</span>'; } if (null != prd.quickDlvrYn && 'Y' == prd.quickDlvrYn && prd.saleStatCd == '12') { liItem += ' <span>퀵배송 가능</span>'; } /* 22.03.23_kjh_KDP-10791 */ /* if(prd.discountRateYn != null && prd.discountRateYn == 'Y'){ //할인율 계산 (공식은 htmlProductPrice부분 참조) price[2]판매가 //40 등외급 몰은 할인이 없음 //50은 로그인 해야 보여줌 //70,80 임직원 몰은 할인이 없음 var discountRate = ""; if(stGbCd == '10'){ if(price[1] == '00'){ discountRate = Math.floor((price[2]-price[3])/price[2]*100); }else{ discountRate = Math.floor((price[2]-price[4])/price[2]*100); } } else if (stGbCd == '20' || stGbCd == '30'){ discountRate = Math.floor((price[2]-price[6])/price[2]*100); } else if (stGbCd == '50' && isLogin) { if(price[1] == '00'){ discountRate = Math.floor((price[2]-price[3])/price[2]*100); }else{ discountRate = Math.floor((price[2]-price[4])/price[2]*100); } }else if (stGbCd == '60') { discountRate = Math.floor((price[2]-price[3])/price[2]*100); } if(discountRate){ liItem += ' <span>'+discountRate+'% Off</span>'; } } */ } liItem += ' </div>'; if ( stGbCd != '40' && stGbCd != '90' && // 임직원몰(기획전몰)_체험단말 미노출 추가 2020-12-03 !(stGbCd == '80' && (contextPath.indexOf("ma_24") > -1 || contextPath.indexOf("24_pa") > -1 || contextPath.indexOf("24_mx") > -1 || contextPath.indexOf("fan_24") > -1) ) && prd.isHomefitnessGoodsYn != 'Y' ) { if('Y' != prd.goodsMdlExcpt.wishExcptYn){ liItem += ' <button title="' + (prd.wishYn === 'Y' ? '선택됨' : '') + '" type="button" class="btn-good' + (prd.wishYn === 'Y' ? ' on' : '') + '" data-goods-id="' + prd.goodsId + '" data-home-cls-goods-yn="' + prd.homeClsGoodsYn+ '" data-goods-nm="' + prd.goodsNm + '" aria-label="'+ prd.goodsNm +(prd.wishYn === 'Y' ? ' 좋아요 선택됨' : ' 좋아요 미선택') +'">'; if(stGbCd == '10'){ liItem +=' <i class="svg-icon default" style="display:none">'; liItem +=' <svg id="icon-26-Heart" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 26 26">'; liItem +=' <rect id="사각형_740" data-name="사각형 740" width="26" height="26" fill="none" opacity="0"></rect>'; liItem +=' <g id="그룹_1229" data-name="그룹 1229" transform="translate(-342.289 -163.629)">'; liItem +=' <path id="패스_453" data-name="패스 453" d="M362.12,169.825c-.1-.063-.214-.111-.322-.165.134.067.266.139.4.221C362.167,169.864,362.147,169.842,362.12,169.825Z" fill="none"></path>'; liItem +=' <path id="패스_454" data-name="패스 454" d="M362.9,168.542a6.234,6.234,0,0,0-7.6.886,6.233,6.233,0,0,0-9.7,7.679c.018.028.036.056.055.083l.015.022.007.009.065.092c.147.205.285.4.367.507a31.534,31.534,0,0,0,4.232,4.115c1.487,1.276,3.1,2.568,4.026,3.288a1.5,1.5,0,0,0,.919.314h.029a1.5,1.5,0,0,0,.919-.314c.923-.716,2.532-2.007,4.026-3.288a31.469,31.469,0,0,0,4.232-4.115c.092-.121.264-.363.42-.583l.028-.039c.022-.031.043-.063.063-.1A6.241,6.241,0,0,0,362.9,168.542Zm.828,7.787h-.008c-.033.046-.316.447-.422.586l-.013.015a17.311,17.311,0,0,1-1.733,1.836q-.314.3-.67.622c-.433.394-.911.818-1.44,1.272-.054.045-.1.1-.157.139-1.482,1.27-3.065,2.54-3.97,3.241l-.014-.011-.014.011c-.9-.7-2.488-1.971-3.969-3.241-.058-.047-.111-.1-.169-.149q-.781-.673-1.421-1.256-.363-.33-.679-.631a17.127,17.127,0,0,1-1.728-1.83l-.017-.018c-.094-.124-.328-.455-.407-.564l-.015-.022c-.045-.074-.069-.153-.109-.229a4.739,4.739,0,0,1-.3-.62c-.031-.084-.043-.172-.069-.258a4.593,4.593,0,0,1-.158-.634c-.013-.083-.01-.166-.018-.249a4.67,4.67,0,0,1-.032-.657c0-.077.02-.152.026-.229a4.774,4.774,0,0,1,.1-.663c.017-.071.045-.139.065-.21a4.879,4.879,0,0,1,.223-.642c.03-.067.07-.129.1-.194a4.659,4.659,0,0,1,.344-.591c.044-.063.1-.12.144-.181a4.569,4.569,0,0,1,.453-.513c.059-.057.126-.107.189-.161a4.6,4.6,0,0,1,.373-.318c.07-.048.145-.083.216-.127.013-.008.023-.019.036-.027s.038-.016.056-.027a4.76,4.76,0,0,1,.727-.351c.024-.009.047-.02.071-.028a4.7,4.7,0,0,1,1.6-.291c.039,0,.077.011.115.012s.071.009.107.011a4.609,4.609,0,0,1,.751.087,4.756,4.756,0,0,1,.832.254l.023.01a4.677,4.677,0,0,1,1.423.926l.078.076a4.728,4.728,0,0,1,.557.65l.193.273.306.428.494-.7a4.661,4.661,0,0,1,.614-.7l.036-.035a4.715,4.715,0,0,1,.7-.539c.022-.015.046-.027.069-.041a4.736,4.736,0,0,1,.737-.368c.016-.006.031-.015.047-.021a4.875,4.875,0,0,1,.765-.212c.065-.013.129-.025.194-.035a4.814,4.814,0,0,1,.72-.061h.029c.082,0,.163.012.244.017a4.681,4.681,0,0,1,.539.061c.11.019.22.04.33.067a4.68,4.68,0,0,1,.516.165,4.73,4.73,0,0,1,.468.208c.108.054.217.1.322.165.027.017.047.039.074.056.065.041.135.066.2.111a4.567,4.567,0,0,1,.38.324c.052.045.107.086.156.133a4.7,4.7,0,0,1,.51.576c.027.035.057.068.083.1a4.65,4.65,0,0,1,.421.72c.008.018.019.034.027.052A4.716,4.716,0,0,1,363.724,176.329Z"></path>'; liItem +=' <path id="패스_455" data-name="패스 455" d="M363.717,176.326c-.033.045-.317.447-.422.586l-.014.018.013-.015c.106-.139.389-.54.422-.586h.008a4.716,4.716,0,0,0,.245-4.428A4.73,4.73,0,0,1,363.717,176.326Z"></path>'; liItem +=' <path id="패스_456" data-name="패스 456" d="M362.392,169.992c-.063-.045-.133-.07-.2-.111a4.824,4.824,0,0,1,.578.435A4.567,4.567,0,0,0,362.392,169.992Z"></path>'; liItem +=' </g>'; liItem +=' </svg>'; liItem +=' </i>'; liItem +=' <i class="svg-icon active" style="display:none">'; liItem +=' <svg id="icon-26-Heart" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 26 26">'; liItem +=' <rect id="사각형_2001" data-name="사각형 2001" width="26" height="26" fill="none"></rect>'; liItem +=' <path id="패스_1779" data-name="패스 1779" d="M690.409,376.584a6.23,6.23,0,0,0-7.6.886,6.233,6.233,0,0,0-9.7,7.679c.018.028.036.056.055.083l.015.022.007.009.065.091c.146.206.285.4.367.508a31.528,31.528,0,0,0,4.232,4.115c1.488,1.276,3.1,2.569,4.026,3.288a1.5,1.5,0,0,0,.919.314h.028a1.5,1.5,0,0,0,.92-.314c.923-.716,2.532-2.007,4.026-3.288A31.471,31.471,0,0,0,692,385.862c.092-.121.263-.362.419-.582l.029-.04c.022-.031.043-.063.063-.1A6.242,6.242,0,0,0,690.409,376.584Z" transform="translate(-670.002 -371.471)"></path>'; liItem +=' </svg>'; liItem +=' </i>'; }else{ liItem += '<i class="icon ico-large ico-goods">좋아요 ' + (prd.wishYn === 'Y' ? '선택' : '미선택') + '</i>' ; } liItem += '</button>'; } liItem += ' <div class="bookmarkTooltip flashTooltip bookmarkOn"><div><p><span>찜</span>이 되었습니다.</p><a href="javascript:void(0);" class="btn-underline">전체보기</a></div><button type="button" class="closeTooltip"><span class="blind">찜하기 레이어 닫기</span></button></div><div class="bookmarkTooltip flashTooltip bookmarkOff"><div><p><span>찜</span>이 취소되었습니다.</p></div><button type="button" class="closeTooltip"><span class="blind">찜하기 레이어 닫기</span></button></div>'; } liItem += ' </div>'; liItem += ' '; if (stGbCd == '10' && prd.winePickupGoodsYn != null && prd.winePickupGoodsYn == 'Y' && prd.winePickupGoodsYn != '') { liItem += '<a href="" onclick="wine_Action_PF(\'' + prdLink + '\');return false;" title="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '" class="card-img'+(isPfImgSwpMove === 'Y' ? ' cardImgSwiper': "") +'" data-image-src="['; } else { //liItem += '<a href="javascript:netFunnel_Action_PF(\'' + prdLink + '\');" class="card-img" data-image-src="['; // KDP-46787 언팩 대비 한시적 js 적용 // liItem += '<a href="'+prdLink+'" onclick="netFunnel_Action_PF(\'' + prdLink + '\');return false;" class="card-img" data-image-src="['; //240216 KDP-48675 PF PF img swipe 이미지 스와이프 liItem += '<a href="'+prdLink+'" onclick="netFunnel_Action_PF(\'' + prdLink + '\');return false;" title="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '" class="card-img'+(isPfImgSwpMove === 'Y' ? ' cardImgSwiper': "") +'" data-image-src="['; } if (prd.imgPath1 != null && prd.imgPath1[prd.imgPath1.length -1] != '$') { if(prd.imgPresetYn1 == 'Y'){ prd.imgPath1 += '?$PF_PRD_KDP_PNG$'; } else { prd.imgPath1 += '?$PF_PRD_PNG$'; } } if (prd.imgPath2 != null && prd.imgPath2[prd.imgPath2.length -1] != '$') { if (prd.imgPresetYn2 == 'Y') { prd.imgPath2 += '?$PF_PRD_KDP_PNG$'; } else { prd.imgPath2 += '?$PF_PRD_PNG$'; } } if (prd.imgPath3 != null && prd.imgPath3[prd.imgPath3.length -1] != '$') { if (prd.imgPresetYn3 == 'Y') { prd.imgPath3 += '?$PF_PRD_KDP_PNG$'; } else { prd.imgPath3 += '?$PF_PRD_PNG$'; } } if (prd.imgPath4 != null && prd.imgPath4[prd.imgPath4.length -1] != '$') { if (prd.imgPresetYn4 == 'Y') { prd.imgPath4 += '?$PF_PRD_KDP_PNG$'; } else { prd.imgPath4 += '?$PF_PRD_PNG$'; } } if (prd.imgPath5 != null && prd.imgPath5[prd.imgPath5.length -1] != '$') { if (prd.imgPresetYn5 == 'Y') { prd.imgPath5 += '?$PF_PRD_KDP_PNG$'; } else { prd.imgPath5 += '?$PF_PRD_PNG$'; } } if (prd.imgPath6 != null && prd.imgPath6[prd.imgPath6.length -1] != '$') { if (prd.imgPresetYn6 == 'Y') { prd.imgPath6 += '?$PF_PRD_KDP_PNG$'; } else { prd.imgPath6 += '?$PF_PRD_PNG$'; } } if (prd.imgPath7 != null && prd.imgPath7[prd.imgPath7.length -1] != '$') { if (prd.imgPresetYn7 == 'Y') { prd.imgPath7 += '?$PF_PRD_KDP_PNG$'; } else { prd.imgPath7 += '?$PF_PRD_PNG$'; } } if (prd.imgPath8 != null && prd.imgPath8[prd.imgPath8.length -1] != '$') { if (prd.imgPresetYn8 == 'Y') { prd.imgPath8 += '?$PF_PRD_KDP_PNG$'; } else { prd.imgPath8 += '?$PF_PRD_PNG$'; } } liItem += '\'' + prd.imgPath1 + '\''; if (prd.imgPath2 != null) { liItem += ', \'' + prd.imgPath2 + '\''; } if (prd.imgPath3 != null) { liItem += ', \'' + prd.imgPath3 + '\''; } if (prd.imgPath4 != null) { liItem += ', \'' + prd.imgPath4 + '\''; } if (prd.imgPath5 != null) { liItem += ', \'' + prd.imgPath5 + '\''; } if (prd.imgPath6 != null) { liItem += ', \'' + prd.imgPath6 + '\''; } if (prd.imgPath7 != null) { liItem += ', \'' + prd.imgPath7 + '\''; } if (prd.imgPath8 != null) { liItem += ', \'' + prd.imgPath8 + '\''; } liItem += ']">'; //liItem += ' <a href="' + prdLink + '" class="card-img" data-image-src="[\'' + prd.imgPath1 + '?$PF_PRD_PNG$\', \'' + prd.imgPath2 + '?$PF_PRD_PNG$\', \'' + prd.imgPath3 + '?$PF_PRD_PNG$\', \'' + prd.imgPath4 + '?$PF_PRD_PNG$\']">'; //liItem += ' <img src="' + prd.imgPath1 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">'; if(isPfImgSwpMove === 'Y' && 'Y'=='N'){ liItem += '<div class="swiper-wrapper">'; liItem += ' <div class="swiper-slide" data-omni="carousel:swipe:'+prd.mdlCode+'1">'; liItem += ' <img src="' + prd.imgPath1 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">'; liItem += ' </div>'; if (prd.imgPath2 != null) { liItem += ' <div class="swiper-slide" data-omni="carousel:swipe:'+prd.mdlCode+'2">'; liItem += ' <img src="' + prd.imgPath2 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">'; liItem += ' </div>'; } if (prd.imgPath3 != null) { liItem += ' <div class="swiper-slide" data-omni="carousel:swipe:'+prd.mdlCode+'3">'; liItem += ' <img src="' + prd.imgPath3 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">'; liItem += ' </div>'; } if (prd.imgPath4 != null) { liItem += ' <div class="swiper-slide" data-omni="carousel:swipe:'+prd.mdlCode+'4">'; liItem += ' <img src="' + prd.imgPath4 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">'; liItem += ' </div>'; } if (prd.imgPath5 != null) { liItem += ' <div class="swiper-slide" data-omni="carousel:swipe:'+prd.mdlCode+'5">'; liItem += ' <img src="' + prd.imgPath5 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">'; liItem += ' </div>'; } if (prd.imgPath6 != null) { liItem += ' <div class="swiper-slide" data-omni="carousel:swipe:'+prd.mdlCode+'6">'; liItem += ' <img src="' + prd.imgPath6 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">'; liItem += ' </div>'; } if (prd.imgPath7 != null) { liItem += ' <div class="swiper-slide" data-omni="carousel:swipe:'+prd.mdlCode+'7">'; liItem += ' <img src="' + prd.imgPath7 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">'; liItem += ' </div>'; } if (prd.imgPath8 != null) { liItem += ' <div class="swiper-slide" data-omni="carousel:swipe:'+prd.mdlCode+'8">'; liItem += ' <img src="' + prd.imgPath8 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">'; liItem += ' </div>'; } liItem += '</div>'; }else{ liItem += ' <img src="' + prd.imgPath1 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">'; } if (stGbCd == '10' && prd.winePickupGoodsYn != null && prd.winePickupGoodsYn == 'Y' && prd.winePickupGoodsYn != '') { liItem += '<div class="adult19-mark"> '; liItem += '<span><em class="blind">19</em></span> '; liItem += '<p class="desc">만 19세 이상만<br>구매 하실 수 있어요.</p> '; liItem += '</div> '; } liItem += '</a>'; liItem += htmlProductOpt(prd); liItem += ' <div class="card-detail">'; liItem += ' <a href="javascript:netFunnel_Action_PF(\'' + prdLink + '\');" >'; liItem += ' <span class="prd-name'; // s: KDP-58216 [FO][ALL]PF DP네임 노출 개선, KDP-59572 [FO][B2C]PF DP네임 노출 개선 // PF DP네임 노출 개선 // . PC/MO 1그리드 : 최대 2줄-> 3줄 // . MO 2그리드: 최대 3줄->5줄 let goodsNmLength = prd.goodsNm.length; if (goodsNmLength >= 57) { liItem += ' pc-row3 mo-col2-row5'; } else if (goodsNmLength >= 39) { liItem += ' pc-row3 mo-col2-row4'; } else if (goodsNmLength >= 35) { liItem += ' pc-row3 mo-col2-row3'; } else if (goodsNmLength >= 25) { liItem += ' mo-col2-row3'; } else if (goodsNmLength >= 12) { liItem += ' mo-col2-row2'; } // e: KDP-58216 [FO][ALL]PF DP네임 노출 개선, KDP-59572 [FO][B2C]PF DP네임 노출 개선 liItem += '" title="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '">' + prd.goodsNm.replace(/\n/g, '<br>') + '</span>'; liItem += ' </a>'; liItem += ' </div>'; // s: KDP-58216 [FO][ALL]PF DP네임 노출 개선 liItem += ' <div class="card-prdcode">'; liItem += ' <span class="prd-num">' + prd.mdlCode + '</span>'; liItem += ' </div>'; // e: KDP-58216 [FO][ALL]PF DP네임 노출 개선 // 가격 && 멤버십 liItem += htmlProductPrice(prd); liItem += htmlProductBtn(prd); /* s :: Product Card 하단 DOM 분리 :: s*/ liItem += ' <div class="card-purchase">'; liItem += ' <a href="javascript:netFunnel_Action_PF(\'' + prdLink + '\');" >'; liItem += '<ul class="message-list">'; if ((prd.itdcMsg1 != null && prd.itdcMsg1 != '') && (prd.uspDescList != null && prd.uspDescList.length != 0)) { liItem += '<li class="message-list-item">'; liItem += prd.itdcMsg1; liItem += '</li>'; for(var i = 0; i < prd.uspDescList.length; i++) { liItem += '<li class="message-list-item">'; liItem += prd.uspDescList[i]; liItem += '</li>'; if (i == 1) { break; } } } else if ((prd.itdcMsg1 == null || prd.itdcMsg1 == '') && (prd.uspDescList != null && prd.uspDescList.length != 0)) { for(var i = 0; i < prd.uspDescList.length; i++) { liItem += '<li class="message-list-item">'; liItem += prd.uspDescList[i]; liItem += '</li>'; if (i == 2) { break; } } } else if ((prd.itdcMsg1 != null && prd.itdcMsg1 != '') && (prd.uspDescList == null || prd.uspDescList.length == 0)) { liItem += '<li class="message-list-item">'; liItem += prd.itdcMsg1; liItem += '</li>'; } var useCompareYn = $('#useCompareYn').val(); liItem += '</ul>'; liItem += '</a>'; liItem += '</div>'; //liItem += ' <div class="spec">'; //liItem += ' <ul>'; //liItem += ' <li><span class="icon"><img src="http://10.112.182.125/sec/static/_images/icon_dps/[icon_area]01.svg" alt="변치 않는 신선함 아이콘"></span><span class="txt">변치 않는<br>신선함</span></li>'; //liItem += ' <li><span class="icon"><img src="http://10.112.182.125/sec/static/_images/icon_dps/[icon_area]02.svg" alt="변치 않는 품격 아이콘"></span><span class="txt">변치 않는<br>품격</span></li>'; //liItem += ' <li><span class="icon"><img src="http://10.112.182.125/sec/static/_images/icon_dps/[icon_area]03.svg" alt="변치 않는 전문성 아이콘"></span><span class="txt">변치 않는<br>전문성</span></li>'; //liItem += ' </ul>'; //liItem += ' </div>'; liItem += ' <div class="card-comparereview">'; liItem += ' <div class="compare">'; if (useCompareYn == 'Y') { /* liItem += ' <a href="#none" class="link-compare'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="100011514" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; */ //통합 비교하기 스펙 없는 경우 비교하기 버튼 노출하지않음. if((prd.compareExcptYn == null || prd.compareExcptYn == 'N') && prd.intgrSpecYn == 'Y') { liItem += productCompareView(prd); } } // 패넷은 상품평 노출 제외 // 임직원몰(기획전몰)_체험단말 노출 제외 추가 2020-12-03 // 임직원몰(기획전몰)_갤럭시캠퍼스 노출 제외 추가 2020-12-29 //2022.05.30 갤캠스 노출 제외 삭제 //2023.08.30 홈클래스 VOD 상품 상품평 노출 제외 var isCommentGrade = false; if (('Y' == 'Y' || stGbCd == '70' || stGbCd == '80' && !(contextPath.indexOf("ma_24") > -1 || contextPath.indexOf("24_pa") > -1 || contextPath.indexOf("24_mx") > -1 || contextPath.indexOf("fan_24") > -1) ) && prd.isHomefitnessGoodsYn != 'Y' && prd.homeClsGoodsYn != 'Y' ) { isCommentGrade = true; } // B2B 소상공인몰만 상품평 별점 노출 if('outlets' == 'soho') { isCommentGrade = true; } if (isCommentGrade) { liItem += ' <a class="link-review" href="' + prdLink + '?focus=review" aria-label="상품평점 '+ prd.reviewGrade +'점">' + prd.reviewGrade + ' <span>(' + prd.reviewCount + ')</span></a>'; /*<a class="link-review" target="_blank" href="#none" title="상품평점">4.6 <span>(124)</span></a> 230802 span 추가*/ } liItem += ' </div>'; liItem += ' </div>'; liItem += '</div>'; return liItem; } function htmlProductOpt(prd) { // 옵션 영역 //prd.goodsOptStr='1|1001|1320|1320|색상|쉐브론 멀티 글리터|#777777|Y|SM-T865NZANKOO|G100167678,G100167677|color|GRAY\n1|1001|1479|1479|색상|코랄블루|#9bbedc|Y|SM-T865NZBNKOO|G100167680,G100167679|color|CORALBLUE\n1|1001|1421|1421|색상|블러쉬 핑크|#ceabbf|Y|SM-T865NZNDKOO|G100167681,G100167682|color|BLUSHPINK\n2|1002|1082|1082|구분|언락태블릿|언락태블릿|N|SM-T865NZNDKOO|G100167681,G100167682,G100167679,G100167680,G100167677,G100167678|classify|언락태블릿\n3|1003|1092|1092|메모리|256 GB|256 GB|N|SM-T865NZNNKOO|G100167682,G100167680,G100167678|device-memory|256 GB\n3|1003|1044|1044|메모리|128 GB|128 GB|N|SM-T865NZBDKOO|G100167679,G100167677,G100167681|device-memory|128 GB\n4|1005|1061|1061|약정/무약정|무약정|무약정|N|SM-T865NZBNKOO|G100167680,G100167677,G100167678,G100167681,G100167682,G100167679|contract|무약정'; var opts = getPrdOptList(prd.goodsOptStr, prd.goodsId); // console.log(JSON.stringify(opts)); if (opts == null || opts.length == 0) { return '<div class="card-opt"></div><div class="card-option"></div>'; } var html = ""; if (opts.length <= 2) { html += '<div class="card-opt">'; $.each(opts, function(idx, opt) { // 컬러칩 if (opt.useColor == 'Y') { html += '<div class="pf-color-sel">'; html += ' <div class="option-slick">'; html += ' <ol class="itm-color-list swiper-wrapper">'; $.each(opt.items, function(idx, item) { html += ' <li class="swiper-slide">'; var tagId = "itm-color-" + item.itemNo + "-" + item.goodsId; var classOptChecked = ""; if (prd.goodsId == item.goodsId) { if (item.goodsId == null || item.goodsId == '') { // html += ' <input type="radio" id="itm-color-' + item.itemNo + '-' + item.goodsId + '" name="itm-color-' + item.itemNo + '-' + item.goodsId + '" checked="checked" disabled="disabled" tabindex="-1">'; html += ' <input type="radio" id="' + tagId + '" name="itm-color-' + opt.no + "-" + prd.goodsId + '" checked="checked" disabled="disabled">'; } else { // html += ' <input type="radio" id="itm-color-' + item.itemNo + '-' + item.goodsId + '" name="itm-color-' + item.itemNo + '-' + item.goodsId + '" checked="checked" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\')" tabindex="-1">'; html += ' <input type="radio" id="' + tagId + '" name="itm-color-' + opt.no + "-" + prd.goodsId + '" data-itemNm="' + item.itemNm + '" checked="checked" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\', \'' + tagId + '\')">'; } classOptChecked = "opt-checked"; } else { if (item.goodsId == null || item.goodsId == '') { // html += ' <input type="radio" id="itm-color-' + item.itemNo + '-' + item.goodsId + '" name="itm-color-' + item.itemNo + '-' + item.goodsId + '" disabled="disabled" tabindex="-1">'; html += ' <input type="radio" id="' + tagId + '" name="itm-color-' + opt.no + "-" + prd.goodsId + '" disabled="disabled">'; } else { // html += ' <input type="radio" id="itm-color-' + item.itemNo + '-' + item.goodsId + '" name="itm-color-' + item.itemNo + '-' + item.goodsId + '" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\')" tabindex="-1">'; html += ' <input type="radio" id="' + tagId + '" name="itm-color-' + opt.no + "-" + prd.goodsId + '" data-itemNm="' + item.itemNm + '" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\', \'' + tagId + '\')">'; } } if (item.itemImgPath == null || item.itemImgPath == '') { html += ' <label for="' + tagId + '"><span class="itm-color-object '+classOptChecked+'" style="background-color:' + item.itemDfn + ';" data-omni="' +opt.enNm + '_' +item.itemEnNm + '|' +prd.mdlNm+ '|' +prd.mdlCode+'" >' + item.itemNm + '</span></label>'; } else { html += ' <label for="' + tagId + '"><span class="itm-color-object img-chip '+classOptChecked+'" style="background-image:url(https://images.samsung.com/kdp' + item.itemImgPath + ')" data-omni="' +opt.enNm + '_' +item.itemEnNm + '|' +prd.mdlNm+ '|' +prd.mdlCode+'" >' + item.itemNm + '</span></label>'; } //html += ' <label for="' + tagId + '"><span class="itm-color-object '+classOptChecked+'" style="background-color:' + item.itemDfn + ';" data-omni="' +opt.enNm + '_' +item.itemEnNm + '|' +prd.mdlNm+ '|' +prd.mdlCode+'" >' + item.itemNm + '</span></label>'; html += ' </li>'; }); html += ' </ol>'; html += ' <div class="slide-nav">'; html += ' <button type="button" class="btn-prev">이전</button>'; html += ' <button type="button" class="btn-next">다음</button>'; html += ' </div>'; html += ' </div>'; html += '</div>'; } else { html += ' <div class="pf-opt-sel">'; html += ' <div class="filter-slick">'; html += ' <ul class="swiper-wrapper">'; $.each(opt.items, function(idx, item) { var tagId = "itm-contract-" + item.itemNo + "-" + item.goodsId; var classOptChecked = ""; if (item.goodsId == null || item.goodsId == '') { html += ' <li class="swiper-slide disabled">'; } else { html += ' <li class="swiper-slide">'; } if (prd.goodsId == item.goodsId) { if (item.goodsId == null || item.goodsId == '') { // html += ' <input type="radio" id="itm-contract-' + item.itemNo + '-' + item.goodsId + '" name="itm-contract-' + item.itemNo + '-' + item.goodsId + '" class="btn-filter" checked="checked" disabled="disabled" tabindex="-1">'; html += ' <input type="radio" id="' + tagId + '" name="itm-contract-' + opt.no + "-" + prd.goodsId + '" class="btn-filter" checked="checked" disabled="disabled">'; } else { // html += ' <input type="radio" id="itm-contract-' + item.itemNo + '-' + item.goodsId + '" name="itm-contract-' + item.itemNo + '-' + item.goodsId + '" class="btn-filter" checked="checked" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\')" tabindex="-1">'; html += ' <input type="radio" id="' + tagId + '" name="itm-contract-' + opt.no + "-" + prd.goodsId + '" class="btn-filter" data-itemNm="' + item.itemNm + '" checked="checked" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\', \'' + tagId + '\')">'; } classOptChecked = "opt-checked"; } else { if (item.goodsId == null || item.goodsId == '') { // html += ' <input type="radio" id="itm-contract-' + item.itemNo + '-' + item.goodsId + '" name="itm-contract-' + item.itemNo + '-' + item.goodsId + '" class="btn-filter" disabled="disabled" tabindex="-1">'; html += ' <input type="radio" id="' + tagId + '" name="itm-contract-' + opt.no + "-" + prd.goodsId + '" class="btn-filter" disabled="disabled">'; } else { // html += ' <input type="radio" id="itm-contract-' + item.itemNo + '-' + item.goodsId + '" name="itm-contract-' + item.itemNo + '-' + item.goodsId + '" class="btn-filter" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\')" tabindex="-1">'; html += ' <input type="radio" id="' + tagId + '" name="itm-contract-' + opt.no + "-" + prd.goodsId + '" class="btn-filter" data-itemNm="' + item.itemNm + '" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\', \'' + tagId + '\')">'; } } html += ' <label for="' + tagId + '"><span class="'+classOptChecked+'" data-omni="' +opt.enNm + '_' +item.itemEnNm + '|' +prd.mdlNm+ '|' +prd.mdlCode+'" >' + item.itemNm + '</span></label>'; html += ' </li>'; }); html += ' </ul>'; html += ' <div class="slide-nav">'; html += ' <button type="button" class="btn-prev">이전</button>'; html += ' <button type="button" class="btn-next">다음</button>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; } }); html += '</div>'; html += '<div class="card-option"></div>'; } else { var lastIdx = opts.length-1; var isExistColor = false; $.each(opts, function(idx, opt) { if (opt.useColor == 'Y') { isExistColor = true; } }); if (isExistColor == false) { html += '<div class="card-opt"></div>'; } $.each(opts, function(idx, opt) { if (idx === 0 && opt.useColor != 'Y') { html += '<div class="card-option">'; } // 컬러칩 if (opt.useColor == 'Y') { if (idx != 0){ html += '</div>'; } html += '<div class="card-opt" ' + idx +'>'; html += ' <div class="pf-color-sel">'; html += ' <div class="option-slick">'; html += ' <ol class="itm-color-list swiper-wrapper">'; $.each(opt.items, function(idx, item) { html += ' <li class="swiper-slide">'; var tagId = "itm-color-" + item.itemNo + "-" + item.goodsId; var classOptChecked = ""; if (prd.goodsId == item.goodsId) { if (item.goodsId == null || item.goodsId == '') { html += ' <input type="radio" id="' + tagId + '" name="itm-color-' + item.itemNo + '-' + item.goodsId + '" checked="checked" disabled="disabled" tabindex="-1">'; } else { html += ' <input type="radio" id="' + tagId + '" name="itm-color-' + item.itemNo + '-' + item.goodsId + '" checked="checked" data-itemNm="' + item.itemNm + '" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\', \'' + tagId + '\')" tabindex="-1">'; } classOptChecked = "opt-checked"; } else { if (item.goodsId == null || item.goodsId == '') { html += ' <input type="radio" id="' + tagId + '" name="itm-color-' + item.itemNo + '-' + item.goodsId + '" disabled="disabled" tabindex="-1">'; } else { html += ' <input type="radio" id="' + tagId + '" name="itm-color-' + item.itemNo + '-' + item.goodsId + '" data-itemNm="' + item.itemNm + '" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\', \'' + tagId + '\')" tabindex="-1">'; } } if (item.itemImgPath == null || item.itemImgPath == '') { html += ' <label for="' + tagId + '"><span class="itm-color-object '+classOptChecked+'" style="background-color:' + item.itemDfn + ';" data-omni="' +opt.enNm + '_' +item.itemEnNm + '|' +prd.mdlNm+ '|' +prd.mdlCode+'" >' + item.itemNm + '</span></label>'; } else { html += ' <label for="' + tagId + '"><span class="itm-color-object '+classOptChecked+' img-chip" style="background-image:url(https://images.samsung.com/kdp' + item.itemImgPath + ')" data-omni="' +opt.enNm + '_' +item.itemEnNm + '|' +prd.mdlNm+ '|' +prd.mdlCode+'" >' + item.itemNm + '</span></label>'; } html += ' </li>'; }); html += ' </ol>'; html += ' <div class="slide-nav">'; html += ' <button type="button" class="btn-prev">이전</button>'; html += ' <button type="button" class="btn-next">다음</button>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += '</div>'; if (lastIdx != idx) { html += '<div class="card-option">'; } } else { html += ' <div class="set-opt">'; html += ' <span class="opt-tit" id="c-optio-option-' +opt.no + '-' + prd.goodsId + '">' + opt.nm + '</span>'; html += ' <div id="cOptionList-' +opt.no + '-' + prd.goodsId + '" class="wrap-droplist">'; html += ' <button class="droplist-button" aria-haspopup="listbox" aria-labelledby="cOption-droplist" id="cOption-droplist" title="' + opt.nm + ' 선택박스">'; $.each(opt.items, function(subidx, item) { if (prd.goodsId === item.goodsId ) { html += item.itemNm; } }); html += '</button>'; html += ' <ul class="droplist" tabindex="-1" role="listbox" aria-labelledby="c-option01" aria-activedescendant="c-option-' + prd.goodsId + '-' + idx + '">'; $.each(opt.items, function(subidx, item) { html += ' <li id="c-option-' + prd.goodsId + '-' + idx + '-' + subidx + '" role="option"'; if (prd.goodsId === item.goodsId ) { html += ' class="droplist-item focused" aria-selected="true"'; } else if (item.goodsId == null || item.goodsId == '') { html += ' class="droplist-item disabled"'; } else { html += ' class="droplist-item"'; } if (item.goodsId == null || item.goodsId == '') { //html += ' disabled="disabled"'; // TODO: disabled 처리 필요(css 변경) } else { var tagId = "cOptionList-" +opt.no + "-" + item.goodsId + " > .droplist-button"; html += 'data-itemNm="\'' + item.itemNm + '\'" onclick="fnGetPfPrd(\'' + item.goodsId + '\', \'li-prd-' + prd.goodsId + '\', \'' + tagId + '\')"'; } html += 'tabindex="-1" data-omni="' +opt.enNm + '_' +item.itemEnNm + '|' +prd.mdlNm+ '|' +prd.mdlCode+'" >'; html += item.itemNm; html += ' </li>'; }); html += ' </ul>'; html += ' </div>'; html += ' </div>'; } if (lastIdx === idx) { html += '</div>'; } }); } //console.log(html); return html; } function htmlProductPrice (prd) { var stGbCd = '10'; var isLogin = isLoginCheck; var contextPath = "/sec/"; var stId = '1'; var titPrice = "혜택가"; if (prd.outletFlgYn != null && prd.outletFlgYn == 'Y') { titPrice = "아울렛 특가"; } // test - start //stGbCd = '20'; //prd.priceStr = '111|00|1200000|1100000||250000|750000'; // 패넷 //stGbCd = '40'; //prd.priceStr = '111|00|1200000|25000'; // 등외급몰 //stGbCd = '50'; //prd.priceStr = '111|10|1200000|1100000|1000000'; // 판매가/회원가/혜택가 //prd.priceStr = '111|30|1200000|1100000|1000000|900000|13|99'; // 판매가/회원가/혜택가1/헤택가2/혜택가1범위/혜택가2범위 //isLogin = true; // test - end // 상품가격 if (prd.priceStr == null) { return ' <div class="card-price"></div><div class="card-note"></div>'; } var html = ''; var price = prd.priceStr.split('|'); if (price[2] == 0) { return ' <div class="card-price"></div><div class="card-note"></div>'; } //상품 상태가 판매중이 아닌 경우 가격 노출 안함. if(prd.saleStatCd != '12' && prd.saleStatCd != '13' && prd.saleStatCd != '14' ) { return ' <div class="card-price"></div><div class="card-note"></div>'; } //진열 상품 if(stId == '1' && prd.dpGoodsDcYn == 'Y'){ html += ' <div class="card-price">'; html += ' <div class="list-price">'; html += ' <span>회원가</span>'; html += ' <em>' + fnComma(price[2]) + '원</em>'; html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">전시 상품 할인가</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[4])+ '</em>'; html += ' <span class="unit">원</span>'; html += ' <button type="button" class="btn-downtool" aria-hidden="true"><span class="blind">툴팁보기(레이어열림)</span></button>'; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li>'; html += ' <span class="tit">기준가</span>'; html += ' <span class="price">' + fnComma(price[2])+ '원</span>'; html += ' </li>'; html += ' <li class="total">'; html += ' <div class="coupon-price">'; html += ' <span class="tit">진열 할인가</span>'; html += ' <span class="price">' + fnComma(price[4])+ '원</span>'; html += ' </div>'; html += ' </li>'; html += ' </ul>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <span class="point">' + fnComma(prd.membershipPoint)+ ' P</span>'; html += ' </div>'; html += ' </div>'; html += ' <div class="card-note">'; html += ' </div>'; } // 셰프컬렉션 or BESPOKE 상품이고 B2C,패밀리넷(로그인),등외급몰(로그인),복지몰(로그인),기획전몰(로그인),비즈니스 스토어,회원사 기획전몰(로그인) 경우 가격 미노출 else if ((prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && ('Y' == 'Y' && 10 == stGbCd)) { //비스포크 최저가 if (prd.bespokeMinimumPrice != null && prd.bespokeMinimumPrice != 0) { html += ' <div class="card-price">'; html += ' <div class="list-price">'; if (prd.cpUseYn != "Y") { // 쿠폰 없을때 if (price[1] === '00' && price[2] != price[3] || price[1] != '00' || 'Y' == prd.goodsMdlExcpt.pfPricePointExcptYn) { html += ' <span>기준가</span>'; html += ' <em>' + fnComma(parseInt(price[2]) + parseInt(prd.bspkPrc1)) + ' 원 ~</em>'; } else { if (price[1] == '00') { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">회원가</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(parseInt(price[3]) + parseInt(prd.bspkPrc2)) + ' </em><span class="unit">원 ~</span>'; //쿠폰 없을 경우 최종 가격 미니멈 더해줌(툴팀 없음) html += ' </div>'; } } } else { if (price[1] === '00' && price[2] != price[3] || price[1] != '00' || 'Y' == prd.goodsMdlExcpt.pfPricePointExcptYn) { html += ' <span>기준가</span>'; html += ' <em>' + fnComma(parseInt(price[2]) + parseInt(prd.bspkPrc1)) + '원 ~</em>'; } else { if (price[1] == '00') { if ($('#secAppYn').val() != 'N' || $('#secIosYn').val() != 'N' || prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <span>회원가</span>'; html += ' <em>' + fnComma(parseInt(price[3]) + parseInt(prd.bspkPrc2)) + '원 ~</em>'; } } else { html += ' <span>' + titPrice + '</span>'; html += ' <em>' + fnComma(parseInt(price[4]) + parseInt(prd.bspkPrc3)) + '원 ~</em>'; } } } if ('Y' != prd.goodsMdlExcpt.pfPricePointExcptYn) { if (prd.cpUseYn == "Y") { html += ' </div>'; html += ' <div class="price-detail">'; if ($('#secAppYn').val() == 'N' && $('#secIosYn').val() == 'N') { if (prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <span class="coupon">쿠폰 적용 예상가</span>'; } else if (price[1] != '00') { html += ' <span class="coupon">' + titPrice + '</span>'; } else { html += ' <span class="coupon">회원가</span>'; } } else { html += ' <span class="coupon">쿠폰 적용 예상가</span>'; } html += ' <div class="pic">'; if ($('#secAppYn').val() == 'N' && $('#secIosYn').val() == 'N') { if (prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <em>' + fnComma((parseInt(price[price.length - 1]) + parseInt(prd.bspkPrc3) - prd.goodsDetailVo.webCpAllDcAmt)) + '</em><span class="unit">원 ~</span>'; } else if (price[1] != '00') { html += ' <em>' + fnComma(parseInt(price[4]) + parseInt(prd.bspkPrc3)) + '</em><span class="unit">원 ~</span>'; } else { html += ' <em>' + fnComma(parseInt(price[3]) + parseInt(prd.bspkPrc2)) + '</em><span class="unit">원 ~</span>'; } } else { html += ' <em>' + fnComma((parseInt(price[price.length - 1]) + parseInt(prd.bspkPrc3) - prd.goodsDetailVo.cpAllDcAmt)) + '</em><span class="unit">원 ~</span>'; } html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } else if (prd.cpUseYn != "Y" && price[1] != '00') { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">' + titPrice + '</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(parseInt(price[4]) + parseInt(prd.bspkPrc3)) + '</em><span class="unit">원 ~</span>'; html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } else if (prd.cpUseYn != "Y" && price[1] == '00' && price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">회원가</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(parseInt(price[3]) + parseInt(prd.bspkPrc2)) + '</em><span class="unit">원 ~</span>'; html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; if (prd.cpUseYn != 'Y') { html += ' <li><span class="tit">기준가</span><span class="price">' + fnComma(parseInt(price[2]) + parseInt(prd.bspkPrc1)) + '원 ~</span></li>'; if (price[1] == '00') { html += ' <li class="total"><div class="coupon-price"><span class="tit">회원가</span><span class="price">' + fnComma(parseInt(price[3]) + parseInt(prd.bspkPrc2)) + '원 ~</span></div></li>'; } else { if (prd.outletFlgYn != 'Y') { html += ' <li class="total"><div class="coupon-price"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(parseInt(price[4]) + parseInt(prd.bspkPrc3)) + '원 ~</span></div></li>'; } else { html += ' <li class="total"><div class="coupon-price"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(parseInt(price[4]) + parseInt(prd.bspkPrc3)) + '원 ~</span></div></li>'; } } } else { html += ' <li><span class="tit">기준가</span><span class="price">' + fnComma(parseInt(price[2]) + parseInt(prd.bspkPrc1)) + '원 ~</span></li>'; if ($('#secAppYn').val() != 'N' || $('#secIosYn').val() != 'N' || prd.goodsDetailVo.webCpAllDcAmt > 0) { if (price[1] == '00') { html += ' <li class="tit"><span class="tit">회원가</span><span class="price">' + fnComma(parseInt(price[3]) + parseInt(prd.bspkPrc2)) + '원 ~</span></li>'; } else { if (prd.outletFlgYn != 'Y') { html += ' <li class="tit"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(parseInt(price[4]) + parseInt(prd.bspkPrc3)) + '원 ~</span></li>'; } else if (prd.outletFlgYn == 'Y') { html += ' <li class="tit"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(parseInt(price[4]) + parseInt(prd.bspkPrc3)) + '원 ~</span></li>'; } } } html += ' <li class="total">'; if ($('#secAppYn').val() == 'N' && $('#secIosYn').val() == 'N') { if (prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <div class="coupon-price"><span class="tit">쿠폰 적용 예상가</span><span class="price">' + fnComma((parseInt(price[price.length - 1]) + parseInt(prd.bspkPrc3) - prd.goodsDetailVo.webCpAllDcAmt)) + '원 ~</span></div>'; } else if (price[1] == '00') { html += ' <div class="coupon-price"><span class="tit">회원가</span><span class="price">' + fnComma(parseInt(price[3]) + parseInt(prd.bspkPrc2)) + '원 ~</span></div>'; } else { html += ' <div class="coupon-price"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(parseInt(price[4]) + parseInt(prd.bspkPrc3)) + '원 ~</span></div>'; } if (prd.goodsDetailVo.totCompVal > 0) { html += ' <div class="app-price"><span class="tit">앱 쿠폰 적용 시</span><span class="price">' + fnComma(prd.goodsDetailVo.totCompVal) + '원 추가 할인</span></div>'; } } else { html += ' <div class="coupon-price"><span class="tit">쿠폰 적용 예상가</span><span class="price">' + fnComma((parseInt(price[price.length - 1]) + parseInt(prd.bspkPrc3) - prd.goodsDetailVo.cpAllDcAmt)) + '원 ~</span></div>'; } html += ' </li>'; } html += ' </ul>'; html += ' </div>'; html += ' '; if (prd.cpUseYn == "Y" || (prd.cpUseYn != "Y" && price[1] == '00' && price[1] === '00' && price[2] != price[3] || price[1] != '00') || prd.cpUseYn != "Y" && price[1] != '00') { html += ' </div>'; } } html += ' </div>'; html += ' <div class="point-detail">'; if (stGbCd !== '80' && prd.membershipUseExcptYn == 'N' && (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || prd.carePlusType == "N" || prd.carePlusType == "CP") ) { if (prd.thirdPartyYn == 'N') { if (isLogin && prd.membershipYn != 'Y') { html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 가입하기</button>'; } else { html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <span class="point">' + fnComma(prd.membershipPoint) + 'P ~</span>'; } } } html += ' </div>'; html += ' </div>'; html += ' <div class="card-note">'; html += ' <p class="note-detail" >* 도어 색상/재질 및 옵션에 따라 가격은 변경됩니다.</p>'; html += ' </div>'; } else { if (price[1] === '00') { html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; } else { html += ' <em>' + fnComma(price[4]) + '</em><span class="unit">원</span>'; } html += ' <div class="card-price">'; html += ' <div class="price-detail">'; html += ' <span class="sale"></span>'; html += ' <div class="pic">'; html += ' <em></em><span class="unit"></span>'; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit"></span><del class="price"></del></li>'; html += ' <li class="total"><span class="tit"></span><span class="price"></span></li>'; html += ' </ul>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; html += ' </div>'; html += ' </div>'; html += ' <div class="card-note"></div>'; } }else if((prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && ('Y' == 'Y' && 70 == stGbCd)){ //비스포크 최저가 if (prd.bespokeMinimumPrice != null && prd.bespokeMinimumPrice != 0) { var bspkMinPrice; if (price[1] == '00') { bspkMinPrice = parseInt(price[3]) + parseInt(prd.bespokeMinimumPrice); } else { bspkMinPrice = parseInt(price[4]) + parseInt(prd.bespokeMinimumPrice); } html += ' <div class="card-price bespoke">'; html += ' <div class="price-detail">'; html += ' <div class="pic">'; html += ' <em>' + fnComma(bspkMinPrice) + '</em><span class="unit">원 부터 ~</span>'; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; if (stGbCd !== '80' && prd.membershipUseExcptYn == 'N' && (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || prd.carePlusType == "N" || prd.carePlusType == "CP") ) { if (prd.thirdPartyYn == 'N') { if (isLogin && prd.membershipYn != 'Y') { html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 가입하기</button>'; } else { html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <span class="point">' + fnComma(prd.membershipPoint) + 'P ~</span>'; } } } html += ' </div>'; html += ' </div>'; html += ' <div class="card-note">'; html += ' <p class="note-detail" >* 도어 색상/재질 및 옵션에 따라 가격은 변경됩니다.</p>'; html += ' </div>'; } else { if (price[1] === '00') { html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; } else { html += ' <em>' + fnComma(price[4]) + '</em><span class="unit">원</span>'; } html += ' <div class="card-price">'; html += ' <div class="price-detail">'; html += ' <span class="sale"></span>'; html += ' <div class="pic">'; html += ' <em></em><span class="unit"></span>'; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit"></span><del class="price"></del></li>'; html += ' <li class="total"><span class="tit"></span><span class="price"></span></li>'; html += ' </ul>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; html += ' </div>'; html += ' </div>'; html += ' <div class="card-note"></div>'; } } else if ((prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && ( 'Y' == 'Y' && ( (stGbCd == 20 && isLogin) || (stGbCd == 30 && isLogin)) )) { //비스포크 최저가 if (prd.bespokeMinimumPrice != null && prd.bespokeMinimumPrice != 0) { html += ' <div class="card-price bespoke">'; html += ' <ul class="list-price">'; html += ' <li><span class="tit">출고가</span><span class="sale">' + fnComma(parseInt(price[2]) + parseInt(prd.bspkPrc1)) + ' 원 부터 ~</span></li>'; html += ' <li><span class="tit">기준판매가</span><span class="sale">' + fnComma(parseInt(price[3]) + parseInt(prd.bspkPrc2)) + ' 원 부터 ~</span></li>'; if (price[4] != '' && price[3] != price[4]) { html += ' <li><span class="tit">특별판매가</span><span class="sale">' + fnComma(parseInt(price[4]) + parseInt(prd.bspkPrc3)) + ' 원 부터 ~</span></li>'; } if (stGbCd === '30') { html += ' <li class="support"><span class="tit">회사 지원금</span><span class="sale">' + fnComma(parseInt(price[5]) + parseInt(prd.bspkPrc5)) + ' 원 부터 ~</span></li>'; } html += ' </ul>'; html += ' <div class="price-detail">'; html += ' <span class="tit">임직원가</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(parseInt(price[6]) + parseInt(prd.bspkPrc4)) + '</em><span class="unit">원 부터~</span>'; html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit">출고가</span><span class="price">' + fnComma(parseInt(price[2]) + parseInt(prd.bspkPrc1)) + ' 원 부터 ~</span></li>'; html += ' <li><span class="tit">기준판매가</span><span class="price">' + fnComma(parseInt(price[3]) + parseInt(prd.bspkPrc2)) + ' 원 부터 ~</span></li>'; if (price[4] != '' && price[3] != price[4]) { html += ' <li><span class="tit">특별판매가</span><span class="price">' + fnComma(parseInt(price[4]) + parseInt(prd.bspkPrc3)) + ' 원 부터 ~</span></li>'; } if (stGbCd === '30') { html += ' <li class="support"><span class="tit">회사 지원금</span><span class="price">' + fnComma(parseInt(price[5]) + parseInt(prd.bspkPrc5)) + ' 원 부터 ~</span></li>'; } html += ' <li class="total"><div class="coupon-price"><span class="tit">임직원가</span><em>' + fnComma(parseInt(price[6]) + parseInt(prd.bspkPrc4)) + '</em><span class="unit"> 원 부터 ~</span></div></li>'; html += ' </ul>'; html += ' </div>'; html += ' '; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; if( stGbCd !== '80') { if (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { if (isLogin && prd.membershipYn != 'Y') { if(stId == 2){ html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">확인하기</button>'; }else{ html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 연동하기</button>'; } } else { html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <span class="point">' + fnComma(prd.membershipPoint) + 'P ~</span>'; } } } html += ' </div>'; html += ' </div>'; html += ' <div class="card-note">'; html += ' <p class="note-detail" >* 도어 색상/재질 및 옵션에 따라 가격은 변경됩니다.</p>'; html += ' </div>'; } else { if (price[1] === '00') { html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; } else { html += ' <em>' + fnComma(price[4]) + '</em><span class="unit">원</span>'; } html += ' <div class="card-price">'; html += ' <div class="price-detail">'; html += ' <span class="sale"></span>'; html += ' <div class="pic">'; html += ' <em></em><span class="unit"></span>'; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit"></span><del class="price"></del></li>'; html += ' <li class="total"><span class="tit"></span><span class="price"></span></li>'; html += ' </ul>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; html += ' </div>'; html += ' </div>'; html += ' <div class="card-note"></div>'; } } else if ((prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && (( (stGbCd == 40 && isLogin) || (stGbCd == 50) || (stGbCd == 60 && isLogin) || (stGbCd == 70 && isLogin) || (stGbCd == 80 && isLogin)) || (stId == 200 && !isLogin))) { html += ' <div class="card-price">'; html += ' <div class="price-detail">'; html += ' <span class="sale"></span>'; html += ' <div class="pic">'; html += ' <em></em><span class="unit"></span>'; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit"></span><del class="price"></del></li>'; html += ' <li class="total"><span class="tit"></span><span class="price"></span></li>'; html += ' </ul>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; html += ' </div>'; html += ' </div>'; html += ' <div class="card-note"></div>'; } else if ('Y' === prd.activatePhoneYn) { // 개통폰 가격 구간 html += ' <div class="card-price carrierPhone-price">'; html += ' <div class="price-detail" onmouseleave="fnCloseMonthlyPriceToolTip()">'; html += ' <span class="coupon">예상 월 납부 금액</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(prd.activatePhonePriceVO.minMonPayAmt) + '</em><span class="unit">원 부터 ~</span>'; html += ' <button type="button" onclick="fnOpenMonthlyPriceToolTip(this)" class="btn-downtool" aria-hidden="true"><span class="blind">툴팁보기(레이어열림)</span></button>'; html += ' <div class="box-tip popup-monthly-price" aria-hidden="true" onmouseleave="fnCloseMonthlyPriceToolTip()">'; html += ' <h4>' + prd.activatePhonePriceVO.carrierNm + '/' + prd.activatePhonePriceVO.planJoinTpNm + '/' + prd.activatePhonePriceVO.planDcTpNm + '/' + prd.activatePhonePriceVO.mptNm + ' 선택 시</h4>'; html += ' <ul class="price-list">'; html += ' <li>'; html += ' <p class="title">폰 월 할부금 (24개월)</p>'; html += ' <p class="price">' + fnComma(prd.activatePhonePriceVO.minMonIstmAmt) + '<span>원</span></p>'; html += ' </li>'; html += ' <li>'; html += ' <p class="title">월 통신요금</p>'; html += ' <p class="price">' + fnComma(prd.activatePhonePriceVO.minMonPlanAmt) + '<span>원</span></p>'; html += ' </li>'; html += ' </ul>'; html += ' <div class="price-total">'; html += ' <p class="title">예상 월 납부 금액</p>'; html += ' <p class="price">' + fnComma(prd.activatePhonePriceVO.minMonPayAmt) + '<span>원</span></p>'; html += ' </div>'; html += ' <p class="price-notice">'; html += ' 통신사 전체 중 월 최저 통신요금 + 폰 할부금액 기준이며, 통신사 해지 시 발생하는 위약금(할인반환금), 요금제 변동 등에 따라 금액은 달라질 수 있음.'; html += ' </p>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; // 개통폰 멤버십 포인트 // html += ' <div class="inform-point">'; if ('Y' != prd.goodsMdlExcpt.pfPricePointExcptYn) { if (isLogin && prd.membershipYn != 'Y') { if(stId == 2 || stId == 266){ html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">확인하기</button>'; }else{ html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 연동하기</button>'; } } else { html += ' <div class="point-detail"> <span class="expect">적립 예정 포인트</span> <span class="point">' + fnComma(prd.membershipPoint) + 'P</span> </div>'; } } // html += ' </div>'; html += ' </div>'; if ('Y' != prd.goodsMdlExcpt.pfPricePointExcptYn) { if (isLogin && prd.membershipYn != 'Y') { html += ' <div class="card-note" ></div>'; }else { html += ' <div class="card-note" >'; html += ' <p class="note-detail">* 멤버십 포인트는 개통한 휴대폰이 배송완료 후 적립</p>'; html += ' </div>'; } } } else if (stGbCd === '10') { html += ' <div class="card-price">'; html += ' <div class="list-price">'; if (prd.cpUseYn != "Y") { if (price[1] === '00' && price[2] != price[3] || price[1] != '00' || 'Y' == prd.goodsMdlExcpt.pfPricePointExcptYn) { html += ' <span>기준가</span>'; html += ' <em>' + fnComma(price[2]) + ' 원</em>'; } else { if (price[1] == '00') { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">회원가</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[3]) + ' </em><span class="unit">원</span>'; html += ' </div>'; } else { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">' + titPrice + '</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[4]) + ' </em><span class="unit">원</span>'; html += ' </div>'; } } } else { if (price[1] === '00' && price[2] != price[3] || price[1] != '00' || 'Y' == prd.goodsMdlExcpt.pfPricePointExcptYn) { html += ' <span>기준가</span>'; html += ' <em>' + fnComma(price[2]) + '원</em>'; } else { if (price[1] == '00') { if ($('#secAppYn').val() != 'N' || $('#secIosYn').val() != 'N' || prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <span>회원가</span>'; html += ' <em>' + fnComma(price[3]) + '원</em>'; } } else { html += ' <span>' + titPrice + '</span>'; html += ' <em>' + fnComma(price[4]) + '원</em>'; } } } if ('Y' != prd.goodsMdlExcpt.pfPricePointExcptYn) { if (prd.cpUseYn == "Y") { html += ' </div>'; html += ' <div class="price-detail">'; if ($('#secAppYn').val() == 'N' && $('#secIosYn').val() == 'N') { if (prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <span class="coupon">쿠폰 적용 예상가</span>'; } else if (price[1] != '00') { html += ' <span class="coupon">' + titPrice + '</span>'; } else { html += ' <span class="coupon">회원가</span>'; } } else { html += ' <span class="coupon">쿠폰 적용 예상가</span>'; } html += ' <div class="pic">'; if ($('#secAppYn').val() == 'N' && $('#secIosYn').val() == 'N') { if (prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <em>' + fnComma((price[price.length - 1] - prd.goodsDetailVo.webCpAllDcAmt)) + '</em><span class="unit">원</span>'; } else if (price[1] != '00') { html += ' <em>' + fnComma(price[4]) + '</em><span class="unit">원</span>'; } else { html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; } } else { html += ' <em>' + fnComma((price[price.length - 1] - prd.goodsDetailVo.cpAllDcAmt)) + '</em><span class="unit">원</span>'; } html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } else if (prd.cpUseYn != "Y" && price[1] != '00') { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">' + titPrice + '</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[4]) + '</em><span class="unit">원</span>'; html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } else if (prd.cpUseYn != "Y" && price[1] == '00' && price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">회원가</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; if (prd.cpUseYn != 'Y') { html += ' <li><span class="tit">기준가</span><span class="price">' + fnComma(price[2]) + '원</span></li>'; if (price[1] == '00') { html += ' <li class="total"><div class="coupon-price"><span class="tit">회원가</span><span class="price">' + fnComma(price[3]) + '원</span></div></li>'; } else { if (prd.outletFlgYn != 'Y') { html += ' <li class="total"><div class="coupon-price"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(price[4]) + '원</span></div></li>'; } else { html += ' <li class="total"><div class="coupon-price"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(price[4]) + '원</span></div></li>'; } } } else { html += ' <li><span class="tit">기준가</span><span class="price">' + fnComma(price[2]) + '원</span></li>'; if ($('#secAppYn').val() != 'N' || $('#secIosYn').val() != 'N' || prd.goodsDetailVo.webCpAllDcAmt > 0) { if (price[1] == '00') { html += ' <li class="tit"><span class="tit">회원가</span><span class="price">' + fnComma(price[3]) + '원</span></li>'; } else { if (prd.outletFlgYn != 'Y') { html += ' <li class="tit"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(price[4]) + '원</span></li>'; } else if (prd.outletFlgYn == 'Y') { html += ' <li class="tit"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(price[4]) + '원</span></li>'; } } } html += ' <li class="total">'; if ($('#secAppYn').val() == 'N' && $('#secIosYn').val() == 'N') { if (prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <div class="coupon-price"><span class="tit">쿠폰 적용 예상가</span><span class="price">' + fnComma((price[price.length - 1] - prd.goodsDetailVo.webCpAllDcAmt)) + '원</span></div>'; } else if (price[1] == '00') { html += ' <div class="coupon-price"><span class="tit">회원가</span><span class="price">' + fnComma(price[3]) + '원</span></div>'; } else { html += ' <div class="coupon-price"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(price[4]) + '원</span></div>'; } if (prd.goodsDetailVo.totCompVal > 0) { html += ' <div class="app-price"><span class="tit">앱 쿠폰 적용 시</span><span class="price">' + fnComma(prd.goodsDetailVo.totCompVal) + '원 추가 할인</span></div>'; } } else { html += ' <div class="coupon-price"><span class="tit">쿠폰 적용 예상가</span><span class="price">' + fnComma((price[price.length - 1] - prd.goodsDetailVo.cpAllDcAmt)) + '원</span></div>'; } html += ' </li>'; } html += ' </ul>'; html += ' </div>'; html += ' '; if (prd.cpUseYn == "Y" || (prd.cpUseYn != "Y" && price[1] == '00' && price[1] === '00' && price[2] != price[3] || price[1] != '00') || prd.cpUseYn != "Y" && price[1] != '00') { html += ' </div>'; } } html += ' </div>'; //(한달살기) 특정 SKU 멤버십 포인트 미노출 처리 if (!((prd.mdlCode === 'NT950QDB-KC58T' || prd.mdlCode === 'NT950QDB-KC58F' || prd.mdlCode === 'NT950XDB-KC58O' || prd.mdlCode === 'NT950XDB-KC58F' || prd.mdlCode === 'NT930XDB-KC58O' || prd.mdlCode === 'NT930XDB-KC58F' || prd.mdlCode === 'NT930QDB-KC58O' || prd.mdlCode === 'NT930QDB-KC58F' || prd.mdlCode === 'NT950QDB-KD71T' || prd.mdlCode === 'NT950QDB-KD71U' || prd.mdlCode === 'NT950QDB-KD71V' || prd.mdlCode === 'NT950XDC-XD71R' || prd.mdlCode === 'NT950XDC-XD71T' || prd.mdlCode === 'NT950XDB-KD71T' || prd.mdlCode === 'NT950XDB-KD71U' || prd.mdlCode === 'NT950XDB-KD71V' || prd.mdlCode === 'NT950QDB-KC58O' || prd.mdlCode === 'NT930QDB-KC58T' || prd.mdlCode === 'NT950XDC-XL51O' || prd.mdlCode === 'SM-F926NZUYKOO' || prd.mdlCode === 'SM-F711NZUYKOO' || prd.mdlCode === 'SM-F721NAWZKOO' || prd.mdlCode === 'SM-F946NAKZKOO' ) || (prd.mdlCode === 'SM-F700NZKAKOO' && ('prd' === 'local' || 'prd' === 'dev' || 'prd' === 'stg'))) && 'Y' != prd.goodsMdlExcpt.pfPricePointExcptYn) { html += ' <div class="point-detail">'; if (stGbCd !== '80' && prd.membershipUseExcptYn == 'N' && stGbCd !== '100' && (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || prd.carePlusType == "N" || prd.carePlusType == "CP")) { if (prd.thirdPartyYn == 'N') { if (isLogin && prd.membershipYn != 'Y') { html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 가입하기</button>'; } else { html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <span class="point">' + fnComma(prd.membershipPoint) + 'P</span>'; } } } html += ' </div>'; } html += ' </div>'; html += ' <div class="card-note"></div>'; } else if (stGbCd === '20' || stGbCd === '30') { html += ' <div class="card-price">'; html += ' <ul class="list-price">'; if (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <li><span class="tit">출고가</span><span class="sale">' + fnComma(price[2]) + ' 원</span></li>'; html += ' <li><span class="tit">기준판매가</span><span class="sale">' + fnComma(price[3]) + ' 원</span></li>'; if (price[4] != '' && price[3] != price[4]) { html += ' <li><span class="tit">특별판매가</span><span class="sale">' + fnComma(price[4]) + ' 원</span></li>'; } if (stGbCd === '30') { html += ' <li class="support"><span class="tit">회사 지원금</span><span class="sale">' + fnComma(price[5]) + ' 원</span></li>'; } html += ' </ul>'; } if (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <div class="price-detail">'; }else{ html += ' <div class="price-detail pay-later">'; } html += ' <span class="tit">임직원가</span>'; html += ' <div class="pic">'; if (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <em>' + fnComma(price[6]) + '</em><span class="unit">원</span>'; } else { html += ' <em></em>'; html += ' <span class="unit">설치완료 후 등록된 카드로 자동결제</span>'; } html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; //툴팁 if (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <li><span class="tit">출고가</span><span class="price">' + fnComma(price[2]) + ' 원</span></li>'; html += ' <li><span class="tit">기준판매가</span><span class="price">' + fnComma(price[3]) + ' 원</span></li>'; if (price[4] != '' && price[3] != price[4]) { html += ' <li><span class="tit">특별판매가</span><span class="price">' + fnComma(price[4]) + ' 원</span></li>'; } if (stGbCd === '30') { html += ' <li class="support"><span class="tit">회사 지원금</span><span class="price">' + fnComma(price[5]) + ' 원</span></li>'; } } html += ' <li class="total">'; html += ' <div class="coupon-price">'; html += ' <span class="tit">임직원가</span>'; if (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <em>' + fnComma(price[6]) + '</em><span class="unit">원</span>'; } else { html += ' <em></em>'; html += ' <span class="unit">설치완료 후 등록된 카드로 자동결제</span>'; } html += ' </div>'; html += ' </li>'; html += ' </ul>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; if (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { if (isLogin && prd.membershipYn != 'Y') { if(stId == 2){ html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">확인하기</button>'; }else{ html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 연동하기</button>'; } } else { html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <span class="point">' + fnComma(prd.membershipPoint) + 'P</span>'; } } html += ' </div>'; html += ' </div>'; html += ' <div class="card-note"></div>'; /*등외급몰*/ } else if (stGbCd === '40') { // 등외급몰은 가격(prc1)과 배송비(prc2) 합산 if (price[2] === null || price[2] === undefined || $.trim(price[2]).length == 0) { price[2] = 0; } if (price[3] === null || price[3] === undefined || $.trim(price[3]).length == 0) { price[3] = 0; } var prc1 = parseInt(price[2], 10); var prc2 = parseInt(price[3], 10); html += ' <div class="card-price">'; html += ' <div class="price-detail">'; html += ' <span class="sale"></span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(prc1+prc2) + '</em><span class="unit">원</span>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; /*B2B*/ } else if (stGbCd === '50') { html += ' <div class="card-price">'; html += ' <div class="price-detail">'; if (!isLogin) { if(pf_device == 'm'){  html += ' <div>'; html += ' <span class="blind">정가</span>'; html += ' <span class="sale">' + fnComma(price[2]) + '원</span>'; html += ' </div>';  } else{ html += ' <span class="sale">' + fnComma(price[2]) + ' 원</span>'; } html += ' <div class="pic">'; if ('outlets' == 'soho' && 'outlets' != '' ) { html += ' <div class="pic soho-pic"><a href="javascript:void();" class="only" onclick="goSohoLogin()"><span>회원가 보기</span></a></div>'; } else { html += ' <strong class="only"><span>Members Only</span></strong>'; } html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; html += ' '; html += ' <div class="box-tip" aria-hidden="true" style="display: none;">'; html += ' <ul>'; html += ' <li><span>최종 판매가는 로그인을 하셔야 확인 가능합니다.</span></li>'; html += ' </ul>'; html += ' </div>'; html += ' '; html += ' </div>'; } else { if (price[1] === '00' && price[2] != price[3] || price[1] != '00') {  html += ' <div>'; html += ' <span class="blind">정가</span>'; html += ' <span class="sale">' + fnComma(price[2]) + '원</span>'; html += ' </div>';  } else { html += ' <span class="sale"></span>'; } html += ' <div class="pic">'; if (price[1] === '00') { html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; } else { html += ' <em>' + fnComma(price[4]) + '</em><span class="unit">원</span>'; } if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit">판매가</span><del class="price">' + fnComma(price[2]) + ' 원</del></li>'; if (price[1] == '00') { html += ' <li class="total"><span class="tit">회원가</span><span class="price">' + fnComma(price[3]) + ' 원</span></li>'; } else { html += ' <li><span class="tit">회원가</span><del class="price">' + fnComma(price[3]) + ' 원</del></li>'; html += ' <li class="total"><span class="tit">' +titPrice+'</span><span class="price">' + fnComma(price[4]) + ' 원</span></li>'; } html += ' </ul>'; html += ' </div>'; html += ' '; html += ' </div>'; // 상품 구간 별 구매 가격 if (prd.goodsPriceRangeInfoList != null) { /* html += '<div class="set-count">'; html += ' <strong class="tit">구매수량별 회원가</strong>'; html += ' <ul>'; for(var i = 0; i < prd.goodsPriceRangeInfoList.length; i++){ if(prd.goodsPriceRangeInfoList[i].rangeEndQty == 1) { continue; } html += ' <li><span class="count">' + prd.goodsPriceRangeInfoList[i].rangeStrtQty + '~' + prd.goodsPriceRangeInfoList[i].rangeEndQty + '개</span><strong class="price">' + fnComma(prd.goodsPriceRangeInfoList[i].salePrc2) + '원</strong></li>'; } html += ' </ul>'; html += '</div>'; */ } } html += ' </div>'; html += ' </div>'; html += ' <div class="card-note"></div>'; } else if (stGbCd === '60') { // html += ' <div class="card-price">'; html += ' <div class="price-detail">'; html += ' <span class="sale">' + fnComma(price[2]) + ' 원</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit">판매가</span><del class="price">' + fnComma(price[2]) + ' 원</del></li>'; html += ' <li class="total"><span class="tit">회원가</span><span class="price">' + fnComma(price[3]) + ' 원</span></li>'; html += ' </ul>'; html += ' </div>'; html += ' '; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += ' <div class="card-note"></div>'; } else if (stGbCd === '70' || stGbCd === '80') { // 임직원몰(기획전몰)_체험단말 if( contextPath.indexOf("ma_24") > -1 || contextPath.indexOf("24_pa") > -1 || contextPath.indexOf("24_mx") > -1 || contextPath.indexOf("fan_24") > -1 ) { html += ' <div class="card-price">'; html += ' <div class="price-detail">'; // html += ' <span class="sale">' + fnComma(price[2]) + ' 원</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[2]) + '</em><span class="unit">원</span>'; //판매가 // html += ' '; // html += ' <div class="box-tip" aria-hidden="true">'; // html += ' <ul>'; // html += ' <li><span class="tit">판매가</span><del class="price">' + fnComma(price[2]) + ' 원</del></li>'; // html += ' <li class="total"><span class="tit">회원가</span><span class="price">' + fnComma(price[3]) + ' 원</span></li>'; // html += ' </ul>'; // html += ' </div>'; // html += ' '; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; }// 복지몰이고 임직원가 가격 노출해야 하는 경우 (220627 기준 삼판 패밀리몰뿐) else if (stGbCd === '70' && 'N' == 'Y') { html += ' <div class="card-price">'; html += ' <ul class="list-price">'; // 삼판 패밀리몰은 출고가 미노출 //html += ' <li><span class="tit">출고가</span><span class="sale">' + fnComma(price[2]) + ' 원</span></li>'; html += ' <li><span class="tit">기준판매가</span><span class="sale">' + fnComma(price[3]) + ' 원</span></li>'; if (price[4] != '' && price[3] != price[4]) { html += ' <li><span class="tit">특별판매가</span><span class="sale">' + fnComma(price[4]) + ' 원</span></li>'; } html += ' </ul>'; html += ' <div class="price-detail">'; html += ' <span class="tit">임직원가</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[6]) + '</em><span class="unit">원</span>'; html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit">기준판매가</span><span class="sale">' + fnComma(price[3]) + ' 원</span></li>'; if (price[4] != '' && price[3] != price[4]) { html += ' <li><span class="tit">특별판매가</span><span class="sale">' + fnComma(price[4]) + ' 원</span></li>'; } html += ' <li class="total">'; html += ' <div class="coupon-price">'; html += ' <span class="tit">임직원가</span>'; html += ' <em>' + fnComma(price[6]) + '</em><span class="unit">원</span>'; html += ' </div>'; html += ' </li>'; html += ' </ul>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; } /*명절 패밀리몰 대상 사이트 : 231201 기준 임직원 식품관(562)뿐*/ else if (stGbCd === '70' && 'N' == 'Y') { html += ' <div class="card-price">'; html += ' <div class="price-detail">'; if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' <span class="sale">' + fnComma(price[2]) + ' 원</span>'; } html += ' <div class="pic">'; if (price[1] === '00') { html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; } else { html += ' <em>' + fnComma(price[4]) + '</em><span class="unit">원</span>'; } if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit">기준가</span><del class="price">' + fnComma(price[2]) + ' 원</del></li>'; if (price[1] == '00') { html += ' <li class="total"><span class="tit">임직원가</span><span class="price">' + fnComma(price[3]) + ' 원</span></li>'; } else { html += ' <li><span class="tit">임직원가</span><del class="price">' + fnComma(price[3]) + ' 원</del></li>'; html += ' <li class="total"><span class="tit">'+titPrice+'</span><span class="price">' + fnComma(price[4]) + ' 원</span></li>'; } html += ' </ul>'; html += ' </div>'; html += ' '; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; } //2022.06.13 갤캠스 추가 else if ((stGbCd == '80') && ( stId =='122')) { html += ' <div class="card-price">'; html += ' <ul class="list-price bott-fix">'; html += ' <li class="pic-tag has_strike">'; html += ' <span class="tit">기준가</span>'; if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' <span class="sale">' + fnComma(price[2]) + ' 원</span>'; } html += ' </li>'; html += ' </ul>'; if ('Y' != prd.goodsMdlExcpt.pfPricePointExcptYn) { html += ' <div class="price-detail">'; html += ' <span class="tit">교육할인가</span>'; html += ' <div class="pic">'; if (price[1] === '00') { html += ' <em>' + fnComma(price[3]) + '</em>'; } else { html += ' <em>' + fnComma(price[4]) + '</em>'; } html += ' <span class="unit">원</span>'; html += ' <button type="button" class="btn-downtool" aria-hidden="true"><span class="blind">툴팁보기(레이어열림)</span></button>'; html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li>'; html += ' <span class="tit">기준가</span>'; if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' <del class="price">' + fnComma(price[2]) + '원</del>'; } html += ' </li>'; html += ' <li class="total">'; html += ' <span class="tit">교육할인가</span>'; html += ' <span class="price">'; if (price[1] === '00') { html += fnComma(price[3]); } else { html += fnComma(price[4]); } html += ' 원</span>'; html += ' </li>'; html += ' </ul>'; html += ' </div>'; html += ' '; html += ' </div>'; html += ' </div>'; } html += ' <div class="point-detail">'; } // 그외 else { html += ' <div class="card-price">'; html += ' <div class="price-detail">'; if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' <span class="sale">' + fnComma(price[2]) + ' 원</span>'; } html += ' <div class="pic">'; if (price[1] === '00') { html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; } else { html += ' <em>' + fnComma(price[4]) + '</em><span class="unit">원</span>'; } if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit">기준가</span><del class="price">' + fnComma(price[2]) + ' 원</del></li>'; if (price[1] == '00') { html += ' <li class="total"><span class="tit">회원가</span><span class="price">' + fnComma(price[3]) + ' 원</span></li>'; } else { html += ' <li><span class="tit">회원가</span><del class="price">' + fnComma(price[3]) + ' 원</del></li>'; html += ' <li class="total"><span class="tit">'+titPrice+'</span><span class="price">' + fnComma(price[4]) + ' 원</span></li>'; } html += ' </ul>'; html += ' </div>'; html += ' '; html += ' </div>'; html += ' </div>'; html += ' <div class="point-detail">'; } var svmnUseYn = ''; if (stGbCd !== '80' && svmnUseYn != 'N') { if ( stId =='266' || stId =='206' ) { // 210416 복지몰 이지만 ST_ID값이 266 인 사이트는 멤버십 관련 항목 안보게 함 정재동 --> B2B2C에서 포인트 노출 if (isLogin && prd.membershipYn != 'Y') { if(stId == 266){ html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">확인하기</button>'; }else{ html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 연동하기</button>'; } } else { html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <span class="point">' + fnComma(prd.membershipPoint) + 'P</span>'; } } } if ( ( stId =='200') && svmnUseYn != 'N') { if (isLogin && prd.membershipYn != 'Y') { html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 연동하기</button>'; } else { html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <span class="point">' + fnComma(prd.membershipPoint) + 'P</span>'; //html += ' <div class="point-detail">'; } } //2022.05.23 갤캠스 ST_ID값 추가 if ( (stGbCd == '80') && ( stId =='122') && svmnUseYn != 'N' && 'Y' != prd.goodsMdlExcpt.pfPricePointExcptYn) { //console.log("❤❤❤❤❤❤❤❤", prd.membershipPoint); if (isLogin && prd.membershipYn != 'Y') { html += ' <button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 연동하기</button>'; } else { html += ' <span class="expect">적립 예정 포인트</span>'; html += ' <span class="point">' + fnComma(prd.membershipPoint) + 'P</span>'; //html += ' <div class="point-detail">'; } } html += ' </div>'; html += ' </div>'; html += ' <div class="card-note"></div>'; } else if (stGbCd === '90' && stId ==='193') { // 210407 임직원몰(e카달로그), ST_ID값이 193인 사이트 정재동 html += ' <div class="card-price">'; html += ' <div class="price-detail">'; html += ' <span class="sale">' + fnComma(price[2]) + ' 원</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; html += ' <li><span class="tit">기준가</span><del class="price">' + fnComma(price[2]) + ' 원</del></li>'; html += ' <li class="total"><span class="tit">'+titPrice+'</span><span class="price">' + fnComma(price[3]) + ' 원</span></li>'; html += ' </ul>'; html += ' </div>'; html += ' '; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += ' <div class="card-note"></div>'; } else if (stGbCd === '100') { html += ' <div class="card-price">'; if(!isLogin){ html += ' <div class="price-detail">'; html += ' <span class="sale">' + fnComma(price[2]) + ' 원</span>'; html += ' <div class="pic">'; html += ' <div class="pic soho-pic"><a href="javascript:void();" class="only" onclick="goSohoLogin()"><span>회원가 보기</span></a></div>'; html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; html += ' '; html += ' <div class="box-tip" aria-hidden="true" style="display: none;">'; html += ' <ul>'; html += ' <li><span>최종 판매가는 로그인을 하셔야 확인 가능합니다.</span></li>'; html += ' </ul>'; html += ' </div>'; html += ' '; html += ' </div>'; html += ' </div>'; }else{ html += ' <div class="list-price">'; if ( prd.cpUseYn!="Y" ) { if ( price[1] === '00' && price[2] != price[3] || price[1] != '00' ) { html += ' <span>기준가</span>'; html += ' <em>' + fnComma(price[2]) + ' 원</em>'; } else { if (price[1] == '00') { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">회원가</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[3]) + ' </em><span class="unit">원</span>'; html += ' </div>'; } else { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">'+titPrice+'</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[4]) + ' </em><span class="unit">원</span>'; html += ' </div>'; } } } else { if ( price[1] === '00' && price[2] != price[3] || price[1] != '00' ) { html += ' <span>기준가</span>'; html += ' <em>' + fnComma(price[2]) + '원</em>'; } else { if (price[1] == '00') { if($('#secAppYn').val() != 'N' || $('#secIosYn').val() != 'N' || prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <span>회원가</span>'; html += ' <em>' + fnComma(price[3]) + '원</em>'; } } else { html += ' <span>'+titPrice+'</span>'; html += ' <em>' + fnComma(price[4]) + '원</em>'; } } } if ( prd.cpUseYn=="Y" ) { html += ' </div>'; html += ' <div class="price-detail">'; if ($('#secAppYn').val() == 'N' && $('#secIosYn').val() == 'N') { if (prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <span class="coupon">쿠폰 적용 예상가</span>'; } else if (price[1] != '00') { html += ' <span class="coupon">'+titPrice+'</span>'; } else { html += ' <span class="coupon">회원가</span>'; } } else { html += ' <span class="coupon">쿠폰 적용 예상가</span>'; } html += ' <div class="pic">'; if ($('#secAppYn').val() == 'N' && $('#secIosYn').val() == 'N' ) { if (prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <em>' + fnComma((price[price.length - 1] - prd.goodsDetailVo.webCpAllDcAmt)) + '</em><span class="unit">원</span>'; } else if (price[1] != '00') { html += ' <em>' + fnComma(price[4]) + '</em><span class="unit">원</span>'; } else { html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; } } else { html += ' <em>' + fnComma( (price[price.length-1] - prd.goodsDetailVo.cpAllDcAmt) ) + '</em><span class="unit">원</span>'; } html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } else if ( prd.cpUseYn != "Y" && price[1] != '00') { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">'+titPrice+'</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[4]) + '</em><span class="unit">원</span>'; html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } else if ( prd.cpUseYn != "Y" && price[1] == '00' && price[1] === '00' && price[2] != price[3] || price[1] != '00' ) { html += ' </div>'; html += ' <div class="price-detail">'; html += ' <span class="coupon">회원가</span>'; html += ' <div class="pic">'; html += ' <em>' + fnComma(price[3]) + '</em><span class="unit">원</span>'; html += ' <button type="button" class="btn-downtool"><span class="blind">툴팁보기(레이어열림)</span></button>'; } html += ' '; html += ' <div class="box-tip" aria-hidden="true">'; html += ' <ul>'; if (prd.cpUseYn!='Y') { html += ' <li><span class="tit">기준가</span><span class="price">' + fnComma(price[2]) + '원</span></li>'; if (price[1] == '00') { html += ' <li class="total"><div class="coupon-price"><span class="tit">회원가</span><span class="price">' + fnComma(price[3]) + '원</span></div></li>'; } else { if (prd.outletFlgYn != 'Y') { html += ' <li class="total"><div class="coupon-price"><span class="tit">'+titPrice+'</span><span class="price">' + fnComma(price[4]) + '원</span></div></li>'; } else { html += ' <li class="total"><div class="coupon-price"><span class="tit">'+titPrice+'</span><span class="price">' + fnComma(price[4]) + '원</span></div></li>'; } } } else { html += ' <li><span class="tit">기준가</span><span class="price">' + fnComma(price[2]) + '원</span></li>'; if ($('#secAppYn').val() != 'N' || $('#secIosYn').val() != 'N' || prd.goodsDetailVo.webCpAllDcAmt > 0) { if (price[1] == '00') { html += ' <li class="tit"><span class="tit">회원가</span><span class="price">' + fnComma(price[3]) + '원</span></li>'; } else { if (prd.outletFlgYn != 'Y') { html += ' <li class="tit"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(price[4]) + '원</span></li>'; } else if (prd.outletFlgYn == 'Y') { html += ' <li class="tit"><span class="tit">' + titPrice + '</span><span class="price">' + fnComma(price[4]) + '원</span></li>'; } } } html += ' <li class="total">'; if ($('#secAppYn').val() == 'N' && $('#secIosYn').val() == 'N' ) { if (prd.goodsDetailVo.webCpAllDcAmt > 0) { html += ' <div class="coupon-price"><span class="tit">쿠폰 적용 예상가</span><span class="price">'+fnComma( (price[price.length-1] - prd.goodsDetailVo.webCpAllDcAmt) )+'원</span></div>'; } else if(price[1] == '00') { html += ' <div class="coupon-price"><span class="tit">회원가</span><span class="price">'+ fnComma(price[3]) +'원</span></div>'; } else { html += ' <div class="coupon-price"><span class="tit">'+titPrice+'</span><span class="price">'+ fnComma(price[4]) +'원</span></div>'; } if (prd.goodsDetailVo.totCompVal > 0 ) { html += ' <div class="app-price"><span class="tit">앱 쿠폰 적용 시</span><span class="price">'+fnComma(prd.goodsDetailVo.totCompVal)+'원 추가 할인</span></div>'; } } else { html += ' <div class="coupon-price"><span class="tit">쿠폰 적용 예상가</span><span class="price">'+fnComma( (price[price.length-1] - prd.goodsDetailVo.cpAllDcAmt) )+'원</span></div>'; } html += ' </li>'; } html += ' </ul>'; html += ' </div>'; html += ' '; if (prd.cpUseYn=="Y" || ( prd.cpUseYn != "Y" && price[1] == '00' && price[1] === '00' && price[2] != price[3] || price[1] != '00' ) || prd.cpUseYn != "Y" && price[1] != '00' ) { html += ' </div>'; } html += ' </div>'; } html += ' </div>'; html += ' <div class="card-note"></div>'; } return html; } function htmlProductBtn(prd) { var contextPath = "/sec/"; var prdLink = '/sec/' + prd.goodsDetailUrl; var loginLink = '/sec/' + 'member/indexLogin/'; var homefitnessLink = '/sec/' + 'xhr/homefitness/programNew/?Vod'; var stGbCd = '10'; var isLogin = isLoginCheck; var html = ''; var btnCd = ''; // 10: 구매하기(주문/결제), 11: 조합하여 구매하기, 12:디자인하기(상품속성 커스텀 상품 여부Y) ,20: 재입고 알림(상세), 21: 재입고 알림(로그인), 30: 자세히 보기, 00: 판매종료(임직원몰(기획전몰)_체험단말용) var restockStYn = 'Y'; var stId = '1'; // 구매하기 if (stGbCd === '10') { if (prd.saleStatCd === '12') { if(prd.customGoodsYn === 'Y' || prd.customGoodsYn === 'D'){ btnCd = '12'; }else{ if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') { btnCd = '11'; } else if ('Y' === prd.activatePhoneYn) { btnCd = '13'; } else if ('Y' === prd.goodsMdlExcpt.pfPricePointExcptYn) { btnCd = '30'; } else { btnCd = '10'; } } } else if (prd.saleStatCd === '13') { if (prd.dlvrPckYn == 'Y' && prd.omsSendYn == 'N') { btnCd = '10'; } else { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } } else if (['14', '15'].indexOf(prd.saleStatCd) > -1) { btnCd = '30'; } else if (['16', '17'].indexOf(prd.saleStatCd) > -1) { if ('Y' == restockStYn && 'Y' == prd.goodsMdlExcpt.restockGoodsYn) { btnCd = '20'; } btnCd = '30'; } if(prd.mdlCode == 'SM-F926NZUYKOO' || prd.mdlCode == 'SM-F711NZUYKOO' || prd.mdlCode == 'SM-F916NZKAKOO' || prd.mdlCode == 'SM-F721NAWZKOO' || prd.mdlCode == 'SM-F946NAKZKOO'){ btnCd = '30'; } } else if (['20', '30'].indexOf(stGbCd) > -1) { if (prd.saleStatCd === '12') { if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; } else { btnCd = '10'; } } else if (prd.saleStatCd === '13') { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } else if (prd.saleStatCd === '17') { btnCd = '30'; // 미판매 자세히 보기 추가(10/05) } } else if (stGbCd === '40') { if (prd.saleStatCd === '12') { if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; } else { btnCd = '10'; } } else if (prd.saleStatCd === '17') { btnCd = '30'; // 미판매 자세히 보기 추가(10/05) } } else if (['70', '80'].indexOf(stGbCd) > -1) { // 임직원몰(기획전몰)_체험단말 if( contextPath.indexOf("ma_24") > -1 || contextPath.indexOf("24_pa") > -1 || contextPath.indexOf("24_mx") > -1 || contextPath.indexOf("fan_24") > -1 ){ if(prd.saleStatCd === '12'){ if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; }else{ btnCd = '10'; } }else{ btnCd = '00'; } } // 그외 else{ if (prd.saleStatCd === '12') { if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; } else if ('Y' === prd.activatePhoneYn) { btnCd = '13'; } else if ('Y' === prd.goodsMdlExcpt.pfPricePointExcptYn) { btnCd = '30'; }else if(prd.dlvrPckYn == 'Y' && stId == '752'){ btnCd = '30'; }else { btnCd = '10'; } } else if (prd.saleStatCd === '13') { if (stId == '122' && prd.dlvrPckYn == 'Y' && prd.omsSendYn == 'N') { btnCd = '10'; } else { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } } else if (prd.saleStatCd === '18') { btnCd = '30'; } else if (prd.saleStatCd === '17') { btnCd = '30'; // 미판매 자세히 보기 추가(10/05) } } } else if (stGbCd === '50') { if (prd.saleStatCd === '12') { if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; }else{ btnCd = '10'; } } else if (prd.saleStatCd === '13') { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } else if (['14', '15'].indexOf(prd.saleStatCd) > -1) { btnCd = '30'; } else if (prd.saleStatCd === '17') { btnCd = '30'; // 미판매 자세히 보기 추가(10/05) } } else if (stGbCd === '60') { if (prd.saleStatCd === '12') { if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; }else{ btnCd = '10'; } } else if (prd.saleStatCd === '13') { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } else if (['17', '15'].indexOf(prd.saleStatCd) > -1) { btnCd = '30'; } } else if ((stGbCd === '90') && (stId === '193')) { // 임직원몰(e카달로그) 중 193번 사이트 아이디 일때는 자세히보기 정재동 btnCd = '30'; } else if (stGbCd === '100') { // 소상공인몰(ST_GB:100) 추가 if (prd.saleStatCd === '12') { if(prd.customGoodsYn === 'Y' || prd.customGoodsYn === 'D'){ btnCd = '12'; }else{ if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') { btnCd = '11'; } else if ('Y' === prd.activatePhoneYn) { btnCd = '13'; } else { btnCd = '10'; } } } else if (prd.saleStatCd === '13') { if (prd.dlvrPckYn == 'Y' && prd.omsSendYn == 'N') { btnCd = '10'; } else { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } } else if (['14', '16', '17', '15'].indexOf(prd.saleStatCd) > -1) { btnCd = '30'; } if(prd.mdlCode == 'SM-F926NZUYKOO' || prd.mdlCode == 'SM-F711NZUYKOO' || prd.mdlCode == 'SM-F916NZKAKOO' || prd.mdlCode == 'SM-F721NAWZKOO' || prd.mdlCode == 'SM-F946NAKZKOO'){ btnCd = '30'; } } html += ' <div class="card-btn">'; if (btnCd === '10') { if (stGbCd == '10' && prd.winePickupGoodsYn != null && prd.winePickupGoodsYn == 'Y' && prd.winePickupGoodsYn != '') { html += ' <button type="button" class="btn btn-d btn-type2" onclick="wine_Action_PF(\''+prdLink+'\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">구매하기</button>'; } else { html += ' <button type="button" class="btn btn-d btn-type2" onclick="netFunnel_Action_PF(\''+prdLink+'\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">구매하기</button>'; } } else if (btnCd === '11') { html += ' <button type="button" class="btn btn-d btn-type2" onclick="netFunnel_Action_PF(\''+prdLink+'\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">조합하여 구매하기</button>'; } else if (btnCd === '13') { html += ' <button type="button" class="btn btn-d btn-type2" onclick="netFunnel_Action_PF(\''+prdLink+'\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">'; if ('Y' == prd.goodsMdlExcpt.buyCtaCustomYn && !!prd.buyCtaCustom) { html += prd.buyCtaCustom; } else { html += '신청하기'; } html += '</button>'; } else if (btnCd === '20') { // html += ' <button type="button" class="btn btn-d btn-type5" onclick="netFunnel_Action_PF(\'' + prdLink + '?stock-notice=Y\');" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">재입고 알림</button>'; html += ' <button type="button" class="btn btn-d btn-type1" onclick="netFunnel_Action_PF(\''+prdLink+'\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">재입고 알림 신청</button>'; // } else if (btnCd === '21') { // html += ' <button type="button" class="btn btn-d btn-type5" onclick="netFunnel_Action_PF(\'' + loginLink + '?returnUrl='+ prdLink + '\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">재입고 알림</button>'; } else if (btnCd === '30') { if (stGbCd == '10' && prd.winePickupGoodsYn != null && prd.winePickupGoodsYn == 'Y' && prd.winePickupGoodsYn != '') { html += ' <button type="button" class="btn btn-d btn-type1" onclick="wine_Action_PF(\''+prdLink+'\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">자세히 보기</button>'; } else if((((stGbCd == '50' || stGbCd == '60') && prd.flagStr == '매장픽업') || stGbCd == '80') && prd.useStkCd =='90') { html += ' <button type="button" class="btn btn-d btn-type2" onclick="netFunnel_Action_PF(\''+prdLink+'\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">매장 픽업</button>'; } else { html += ' <button type="button" class="btn btn-d btn-type1" onclick="netFunnel_Action_PF(\''+prdLink+'\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">자세히 보기</button>'; } } else if (btnCd === '00') { // 임직원몰(기획전몰)_체험단말 html += ' <button type="button" class="btn btn-d btn-type1" onclick="saleEndAlert();">판매종료</button>'; } else if (btnCd === '12') { //상품속성 커스텀 상품 일때 html += ' <button type="button" class="btn btn-d btn-type2" onclick="netFunnel_Action_PF(\''+prdLink+'\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">디자인하기</button>'; } //홈클래스 [강좌 보기] 버튼 추가 -//B2C 홈클래스 VOD 신규 강좌 추가의 건 2023.06.20 jjj if (stGbCd == '10' && prd.homeClsGoodsYn != null && prd.homeClsGoodsYn == 'Y' && prd.homeClsGoodsYn != '') { //ClsCtgryCd html += ' <br><button type="button" class="btn btn-d btn-type2" style="margin: 5px 0px 0px 0px;" onclick="netFunnel_Action_PF(\''+homefitnessLink+'+'+prd.clsItemCd+'+'+prd.clsCtgryCd+'+'+prd.goodsId+'\');return false;" data-omni=\"'+ prd.mdlNm + '|'+ prd.mdlCode+'\">강좌 보기</button>'; } html += ' </div>'; return html; } /* * @ 판매종료 alert: 임직원몰(기획전몰)_체험단말 */ function saleEndAlert() { let alertData = { title: "alert", content: "판매가 종료되었습니다." }; commonAlert(alertData); openLayer('commonAlert'); } function appenPfPrdCardAdvAndGetStartIdx(index) { var page = $('#page').val(); var liClass = ''; if (page !== '1') { return index; } if (pfPrdCardAdv == undefined) { return index; } if (pfPrdCardAdv.cardTpCd === '10' && index == 0) { //대형 카드 배너 liClass = 'visual visual-col2'; } else if (pfPrdCardAdv.cardTpCd === '20') { //소형 카드 배너 liClass = 'visual'; } var prdLink = ''; if (pfPrdCardAdv.linkUrl != null && pfPrdCardAdv.linkUrl != '') { prdLink = pfPrdCardAdv.linkUrl; } else { prdLink = '/sec/' + pfPrdCardAdv.goodsPath; } var html = ''; //10:대형 20:소형 if (pfPrdCardAdv.cardTpCd === '10' && index == 0) { html += '<li class="' + liClass + '" onclick="netFunnel_Action_PF(\'' + prdLink + '\');" style="cursor: pointer;">'; html += ' <div class="visual-inner">'; html += ' <div class="img">'; html += ' <img src="' + pfPrdCardAdv.bnrImgPath + '" alt="' + pfPrdCardAdv.bnrImgAltText + '" class="pc">'; html += ' <img src="' + pfPrdCardAdv.bnrMobileImgPath + '" alt="' + pfPrdCardAdv.bnrImgAltText + '" class="mo">'; html += ' </div>'; html += ' <div class="visual-detail">'; html += ' <div class="info">'; //html += ' <p class="ware">2020 New 셰프컬렉션 패밀리허브</p>'; html += ' <p class="name">' + pfPrdCardAdv.bnrText + '</p>'; //html += ' <p class="data">2020-04-24 ~ 2020-05-31</p>'; html += ' </div>'; html += ' <div class="btns">'; html += ' <ul>'; //html += ' <li><button type="button" class="btn btn-d btn-type1" data-omni="product card_learn more |' +pfPrdCardAdv.mdlNm+ '|' +pfPrdCardAdv.mdlCode+'" >자세히 보기</button></li>'; //html += ' <li><a href="javascript:;" class="link-compare type-wht" title="비교하기(새창열림)">비교하기</a></li>'; html += ' </ul>'; html += ' </div>'; html += ' </div>'; html += ' </div>'; html += '</li>'; $('.list-product > .list ').append(html); index = 2; appendPfBannerAdv(index);//KDP-44827 [FO][공통][상품] PF 마케팅 배너 관리 기능 수정건. pcd 배너 2행1열+마케팅배너 1행위+모바일2열보기 상황에서 마케팅배너 비노출 오류 방지 }else if(pfPrdCardAdv.cardTpCd === '20' && index == (pfPrdCardAdv.showPstCd-1)) { html += '<li class="' + liClass + '">'; html += ' <div class="banner-inner" data-omni="#'+'outlets'+'_#'+pfPrdCardAdv.bnrImgAltText+'">'; html += ' <a href="javascript:netFunnel_Action_PF(\'' + prdLink + '\');" >'; html += ' <img src="' + pfPrdCardAdv.bnrImgPath + '" alt="' + pfPrdCardAdv.bnrImgAltText + '" class="pc">'; // MO GRID2 if($('#gridType').val() == '2'){ html += ' <img src="' + pfPrdCardAdv.bnrMobileImgPath2 + '" alt="' + pfPrdCardAdv.bnrImgAltText + '" class="mo col-2">'; }else{ html += ' <img src="' + pfPrdCardAdv.bnrMobileImgPath + '" alt="' + pfPrdCardAdv.bnrImgAltText + '" class="mo">'; } html += ' </a>'; html += ' </div>'; html += '</li>'; $('.list-product > .list ').append(html); index++; appendPfBannerAdv(index);//KDP-44827 [FO][공통][상품] PF 마케팅 배너 관리 기능 수정건. pcd 배너 2행1열+마케팅배너 1행위+모바일2열보기 상황에서 마케팅배너 비노출 오류 방지 $('#productCardBannerYn').val('Y'); } return index; } function appendProductCard(products, sortBtn, wishGoods) { var ctgPath = 'outlets'; // pfPrdCardAdv 추가 var startIdx = 0; var productCnt = 0; if(wishGoods != null && wishGoods.length > 0){ for(var i = 0; i < products.length; i++){ if(wishGoods.indexOf(products[i].goodsId) > -1){ products[i].wishYn = "Y"; } } } var index = 0; $.each(products, function(idx, prd) { appendPfBannerAdv(index); index = appenPfPrdCardAdvAndGetStartIdx(index); var html = ''; if(prd.outletFlgYn != null && prd.outletFlgYn =='Y'){ html += '<li class="item outlet" id="li-prd-' + prd.goodsId + '">'; }else{ html += '<li class="item" id="li-prd-' + prd.goodsId + '">'; } html += htmlProductCard(prd, idx); html += '</li>'; $('.list-product > .list ').append(html); productCnt++; index++; //KDP-44827 [FO][공통][상품] PF 마케팅 배너 관리 기능 수정건. //최종 상품 카드 뒤에 Product Card형 광고 배너 설정한 경우 인덱스 안 맞아 배너 그리지 못하고 반복문 탈출하는 오류 해결 if(index == products.length){ appenPfPrdCardAdvAndGetStartIdx(index); } }); // 웹접근성 포커싱 처리 $(".list-product li .item-inner").find('.card-img[data-focus-target="true"]').focus(); $(".list-product li .item-inner").find('.card-img[data-focus-target="true"]').removeAttr("data-focus-target"); index = 0; /* PF 목록 높이 조절 */ pfListHeight(); /* PF 이미지 변경 */ pfImgChange(); var totalCount = $('#totalCount').val(); var page = $('#page').val(); var rows = $('#rows').val(); var presentPrdCount = $('#presentPrdCount').val(); var totalPage = 0; // 정렬순 if(sortBtn == "sort") { var totalPresentCount = parseInt(productCnt); } else { // 더보기 var totalPresentCount = parseInt(presentPrdCount) + parseInt(productCnt); } // 더보기 버튼 페이지 표시 // product card형 광고 있을 때 if($('#productCardBannerYn') == 'Y'){ totalPage = Math.ceil(( parseInt(totalCount) + 1) / g_rows); // product card형 광고 없을 때 } else { totalPage = Math.ceil( parseInt(totalCount) / g_rows); } $('#presentPageCount').text(page); $('#totalPageCount').text(totalPage); if (parseInt(totalPresentCount) < parseInt(totalCount)) { $('#morePrd').prop('disabled', false); $('#morePrd').show(); } else { $('#morePrd').prop('disabled', true); $('#morePrd').hide(); } $('#presentPrdCount').val(totalPresentCount); // 관심상품 초기화 initBtnGoods(); if(scroll > 0){ setTimeout(function(){ $(window).scrollTop(scroll); scroll = 0; }, 100); } } function personalizeProductCard(data) { let products = data.products; let wishGoods = data.wishGoods; let isLogin = data.isLogin; let svmnUseYn = data.svmnUseYn; $.each(products, function(idx, prd) { $('.btn-good[data-goods-id="' + prd.goodsId + '"]').each(function(index, btn) { // 찜하기 삭제 $(btn).removeClass("on"); $(btn).attr("aria-label", $(btn).data("goods-nm")+" 좋아요 미선택"); // 웹 접근성 // $(btn).children('i').text('좋아요 미선택'); $(btn).removeAttr('title'); if('10' == '10'){ $(btn).find('.svg-icon.default').show(); $(btn).find('.svg-icon.active').hide(); } }); if($('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail').length){ if(prd.saleStatCd == '12' || prd.saleStatCd == '13' || prd.saleStatCd == '14' ){ if(stGbCd == '10' && prd.membershipUseExcptYn == 'N' && (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || prd.carePlusType == "N" || prd.carePlusType == "CP") ){ if(prd.thirdPartyYn == 'N'){ if (isLogin && prd.membershipYn != 'Y') { // 멤버십 가입하기 붙여 var html = '<button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 가입하기</button>'; $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail').empty(); $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail').append(html); } else { if((prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && 'Y' == 'Y' ){ if(prd.bespokeMinimumPrice != null && prd.bespokeMinimumPrice != 0){ //비스포크 최저가 있을 경우 $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail > span.point').text(fnComma(prd.membershipPoint)+'P~'); } //비스포크 최저가 없을 경우 멤버십 미노출 }else{ $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail > span.point').text(fnComma(prd.membershipPoint)+'P'); } } } } if((stGbCd == '20' || stGbCd == '30') && (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) ){ if (isLogin && prd.membershipYn != 'Y') { // 멤버십 가입하기 붙여 if(stId == 2){ var html = '<span class="expect">적립 예정 포인트</span>'; html += '<button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">확인하기</button>'; }else{ var html = '<button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 연동하기</button>'; } $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail').empty(); $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail').append(html); } else { if((prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && 'Y' == 'Y' &&( (stGbCd == 20 && isLogin) || (stGbCd == 30 && isLogin)) ){ if(prd.bespokeMinimumPrice != null && prd.bespokeMinimumPrice != 0){ //비스포크 최저가 있을 경우 $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail > span.point').text(fnComma(prd.membershipPoint)+'P~'); } //비스포크 최저가 없을 경우 멤버십 미노출 }else{ $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail > span.point').text(fnComma(prd.membershipPoint)+'P'); } } } if( ((stGbCd == '80' && '1' == '122') || (stGbCd == '20' && '1' == '2') || (stGbCd == '30' && '1' == '3') || (stGbCd == '30' && '1' == '7')) && svmnUseYn != 'N' && 'Y' != prd.goodsMdlExcpt.pfPricePointExcptYn ){ if (isLogin && prd.membershipYn != 'Y') { var html = '<button type="button" class="btn-underline" onclick="goMembershipJoin()" data-omni="membership sign up">삼성전자 멤버십 연동하기</button>'; $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail').empty(); $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail').append(html); } else { var html = '<span class="expect">적립 예정 포인트</span><span class="point">'+ fnComma(prd.membershipPoint) + 'P' +'</span>'; $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail').empty(); $('#li-prd-'+prd.goodsId+' > div > div.card-price > div.point-detail').append(html); } } } } }); $.each(wishGoods, function(idx, wishGoodsId){ $('.btn-good[data-goods-id="' + wishGoodsId + '"]').each(function(index, btn) { // 찜하기 추가 $(btn).addClass("on"); $(btn).attr("aria-label", $(btn).data("goods-nm")+" 좋아요 선택"); // 웹 접근성 // $(btn).children('i').text('좋아요 선택'); $(btn).attr("title", "선택됨"); if('10' == '10'){ $(btn).find('.svg-icon.default').hide(); $(btn).find('.svg-icon.active').show(); } }); }); } function appendNoList(){ var html = ''; html += '<li class="empty-box" style="width:100%">'; html += '<div class="empty-line">'; html += '<span class="no-content">판매 가능한 상품이 없습니다.</span>'; html += '</div>'; html += '</li>'; $('.list-product > .list ').append(html); } function initBtnGoods() { $('.btn-good').off().on('click', function(e) { e.preventDefault(); var btnclass = $(this); goodsPf.fnLoginCheck(function(isLogin){ if(!isLogin){ location.href = '/sec/' + "member/indexLogin/?returnUrl=" + location.pathname; return; }else{ var goodsId = $(e.target).closest('button').data('goods-id'); var homeClsGoodsYn = $(e.target).closest('button').data('home-cls-goods-yn');////KDP-41178[B2C][상품] 홈클래스 수정사항 - 찜하기 if(btnclass.hasClass('on')){ var url = '/sec/' + 'xhr/goods/user/deleteWish'; }else{ var url = '/sec/' + 'xhr/goods/user/insertWish'; } ajax.call({ url : url , data: {goodsId: goodsId} , done: function(data) { $('.btn-good[data-goods-id="' + goodsId + '"]').each(function(index, btn) { if (data.actGubun === 'add') { // 찜하기 추가 $(btn).addClass("on"); $(btn).attr("aria-label", $(btn).data("goods-nm")+" 좋아요 선택"); // 웹 접근성 //$(btn).children('i').text('좋아요 선택'); $(btn).attr("title", "선택됨"); $('.btn-good[data-goods-id="' + goodsId + '"]').next().show(); $('.btn-good[data-goods-id="' + goodsId + '"]').next().next().hide(); if('10' == '10'){ $(btn).find('.svg-icon.default').hide(); $(btn).find('.svg-icon.active').show(); } $('.bookmarkOn').find('a').off().on('click', function (){ // 전체보기 if(homeClsGoodsYn == 'Y'){//KDP-41178[B2C][상품] 홈클래스 수정사항 - 찜하기: 나의 홈클래스 > 내가 찜한 강좌 로 이동 location.href = '/sec/' + "homefitness/myhome/indexMyHotClsList/"; }else{ location.href = '/sec/' + "mypage/interest/indexMyHotList/"; } }); // 애드브릭스 닷컴 앱 적용_230112, 웹 적용_230202 if('1' == '1') { let adbrixId = '#li-prd-' + goodsId; let fromData = $(e.target).parents(adbrixId); let adbrixSalePrice = 0; let adbrixTotalPrice = 0; if(fromData.length == 0) { fromData = $(e.target).closest('li'); adbrixSalePrice = parseInt(fromData.find('.prd-price').children('#curPrice').val()); adbrixTotalPrice = parseInt(fromData.find('.prd-price').children('#salePrice').val()); } else { adbrixSalePrice = parseInt(fromData.find('.price-detail .box-tip').find('li del').first().text().slice(0, -2).replace(/,/g, '')); adbrixTotalPrice = parseInt(fromData.find('.total').children('.price').text().slice(0, -2).replace(/,/g, '')); } let adbrixProductId = fromData.find('.prd-num').text(); let adbrixProductName = fromData.find('.prd-name').text(); let adbrixProductPrice = adbrixSalePrice; let adbrixProductDiscount = adbrixSalePrice - adbrixTotalPrice; let adbrixProductQuantity = 1; let adbrixProductCategory = '아울렛'; let adbrixProductCategorySub = '아울렛'; if($('#secAppYn').val() == 'Y' || device.isIosApp) { let adbrixEventParam = {}; let adbrixProduct = {}; let adbrixProductList = []; adbrixProduct.productId = adbrixProductId; adbrixProduct.productName = adbrixProductName; adbrixProduct.price = adbrixProductPrice; adbrixProduct.discount = adbrixProductDiscount; adbrixProduct.quantity = adbrixProductQuantity; adbrixProduct.category = adbrixProductCategory; adbrixProduct.categorySub = adbrixProductCategorySub; adbrixProductList.push(adbrixProduct); adbrixEventParam.productList = adbrixProductList; adbrixEventParam.attrModel = {"service_id":"SDC"}; //Adbrix Native call let adbrixEventParamJsonStr = JSON.stringify(adbrixEventParam); if(window.secapp) { window.secapp.addToWishList(adbrixEventParamJsonStr); } else if(device.isIosApp) { if ( window.location.hostname == 'dev-www.samsung.com' || window.location.hostname == 'stg-www.samsung.com' || window.location.hostname == 'www.samsung.com' || window.location.hostname == 'dev-familynet.samsung.com' || window.location.hostname == 'stg-familynet.samsung.com' || window.location.hostname == 'familynet.samsung.com' ) { window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"addToWishList", p1:adbrixEventParamJsonStr})); } else { console.log('메시지를 보낼 수 없는 도메인입니다.'); } } } else { adbrix.onInitialized(function adbrixInitialized() { var product = adbrix.commerceAttr.product( adbrixProductId , adbrixProductName , adbrixProductPrice , adbrixProductQuantity , adbrixProductDiscount , 'KRW' , adbrix.commerceAttr.categories( adbrixProductCategory, adbrixProductCategorySub ) ); adbrix.commerce.addToWishList(product); }); } goodsGA4.fnGA4addToWishList(data.GA4goodsDetail); } } else if(data.actGubun === 'remove') { // 찜하기 삭제 $(btn).removeClass("on"); $(btn).attr("aria-label", $(btn).data("goods-nm")+" 좋아요 미선택"); // 웹 접근성 // $(btn).children('i').text('좋아요 미선택'); $(btn).removeAttr('title'); $('.btn-good[data-goods-id="' + goodsId + '"]').next().next().show(); $('.btn-good[data-goods-id="' + goodsId + '"]').next().hide(); if('10' == '10'){ $(btn).find('.svg-icon.default').show(); $(btn).find('.svg-icon.active').hide(); } }else if(data.actGubun === 'MYPAGE0001'){ let alertData = { title: "" ,content : "100개까지 찜할 수 있습니다." ,btnText : "확인" }; commonAlert(alertData); openLayer('commonAlert'); }else if(data.actGubun === 'vip'){ var alertData = { title: "" ,content : "특별관 상품은 찜하기가 불가능합니다." ,btnText : "확인" }; commonAlert(alertData); openLayer('commonAlert'); }else if(data.actGubun === 'noVip'){ location.href = '/sec/'; } // var vTimer = setTimeout((function(){ // $('.bookmarkTooltip').fadeOut(300); // }), 5000); $(document).click(function (e){ if($(btn).has(e.target).length === 0){ // clearTimeout(vTimer); $('.bookmarkOn').fadeOut(300); $('.bookmarkOff').fadeOut(300); // btnclass.off(); } }); }); } }); } }); }); } function fnGetPfPrd(goodsId, targetId, focusId) { // var target = $(event.currentTarget); let showWaitFlag; if($('#pfAcamaiUseYn').val()=='Y'){ showWaitFlag = false; }else{ showWaitFlag = true; } ajax.call({ data : { goodsId: goodsId, targetId: targetId, pfFasterUseYn : $('#pfFasterUseYn').val() } , url : "/sec/xhr/pf/goods" , type: 'POST' , dataType : 'json' , showWait : showWaitFlag , done: function (data) { let stId = '1'; $('#' + data.targetId).html(htmlProductCard(data.product)); $('#' + data.targetId).attr('id', 'li-prd-' + data.product.goodsId); //웹접근성 - 포커스 유지. 2021.01.14 if (focusId !== null && focusId !== undefined && $.trim(focusId).length > 0) { $("#"+focusId).focus(); } //$('.filter-slick').filter(':not(.slick-initialized)').slick(fliterSlickPfOpt); if(stId == "1") { if(data.product.wishYn ==="Y") { // 찜 되어있을때 $('.btn-good[data-goods-id="' + data.product.goodsId + '"]').find('.svg-icon.default').hide(); $('.btn-good[data-goods-id="' + data.product.goodsId + '"]').find('.svg-icon.active').show(); } else { $('.btn-good[data-goods-id="' + data.product.goodsId + '"]').find('.svg-icon.default').show(); $('.btn-good[data-goods-id="' + data.product.goodsId + '"]').find('.svg-icon.active').hide(); } } // 관심상품 초기화 initBtnGoods(); filterSel(); /* 옵션 좌우 스크롤 버튼 추가 */ /* PF 이미지 변경 */ pfImgChange(); /* PF 목록 높이 조절 */ pfListHeight(); //웹접근성 - 공통코드 : GOODS_WA_UNUSED_ST, 기능 on/off로 관리. 2024-06-07 if('Y'=='N'){ cardImgSwiper(); } var selectedRadioButton = $('#' + focusId); goodsGA4.fnGA4productCustomization(data, selectedRadioButton, false); } }); } var morePrdWorking = true; var isLoginCheck = false; function morePrd() { if(morePrdWorking) { morePrdWorking=false; $('#morePrd').prop('disabled', true); var page = $('#page').val(); page++; $('#page').val(page); var queryString = ''; var minMaxValList = []; $('.opt-area > span').each(function(index, item) { queryString += (queryString === '' ? '' : '+') + $(item).data('search-filter'); if($(item).data('min-max-val') != ''){ minMaxValList.push($(item).data('min-max-val')); } }); $('#rows').val(g_rows); if($('#pfAcamaiUseYn').val()=='Y'){ url = "/sec/cxhr/pf/goodsListMore"; showWaitFlag = false; type = 'GET' }else{ url = "/sec/xhr/pf/goodsListMore"; showWaitFlag = true; type = 'POST' } ajax.call({ data : { searchFilter: queryString , dispClsfNo: 100011514 , sortType: $('#filterSortType').val() , page: page , offset : $('#presentPrdCount').val() , rows: $('#rows').val() , minMaxValList : minMaxValList , soldOutExceptYn : $('#soldOutExceptYn').val() //  , pfFasterUseYn : $('#pfFasterUseYn').val() , secApp : $("#secAppYn").val() == 'Y' , secIos : $("#secIosYn").val() == 'Y' } , url : url , type: type , dataType : 'json' , showWait : showWaitFlag , done: function (data) { goodsGA4.fnGA4viewItemList(data.products); // 아카마이 사용 사이트는 personalization에서 가져오는 wishGoods 사용 if($('#pfAcamaiUseYn').val()=='Y'){ data.wishGoods = null; } if (data.reloadNeeded) { location.reload(); } else { appendProductCard(data.products, '', data.wishGoods); if('Y'=='N') { cardImgSwiper(); } morePrdWorking=true; } if($('#pfAcamaiUseYn').val()=='Y'){ var pfGoodsList = []; if(!!data.products){ for(var i=0 ; i<data.products.length; i++){ let orgData = data.products[i]; let newData = {}; newData.bspkGoodsYn = orgData.bspkGoodsYn; newData.salePrice = orgData.salePrice; newData.bespokeMinimumPrice = orgData.bespokeMinimumPrice; newData.cpUseYn = orgData.cpUseYn; newData.salePrice = orgData.salePrice; newData.mdlCode = orgData.mdlCode; newData.goodsId = orgData.goodsId; newData.saleStatCd = orgData.saleStatCd; newData.membershipUseExcptYn = orgData.membershipUseExcptYn; newData.carePlusType = orgData.carePlusType; newData.thirdPartyYn = orgData.thirdPartyYn; newData.bspkGoodsYn = orgData.bspkGoodsYn; newData.goodsAddTpCd = orgData.goodsAddTpCd; if(!!orgData.goodsDetailVo){ newData.goodsDetailVo = { cpAllDcAmt : orgData.goodsDetailVo.cpAllDcAmt, webCpAllDcAmt : orgData.goodsDetailVo.webCpAllDcAmt } } pfGoodsList.push(newData); } ajax.call({ data : JSON.stringify(pfGoodsList) , type: 'POST' , contentType: "application/json" , url : "/sec/xhr/pf/personalization" , showWait: false , done: function (data) { if(!!data.products && data.products.length > 0){ personalizeProductCard(data); } } }); } } //웹접근성 - 포커스 유지. 2024-06-03 var goodFocusId = data.products[0].goodsId; if (goodFocusId !== null && goodFocusId !== undefined && $.trim(goodFocusId).length > 0) { $("#li-prd-"+goodFocusId).find('a.card-img').focus(); } } }); } } $(window).scroll(function() { if ( $(window).scrollTop() >= $("#morePrd").offset().top - $(window).height()) { if($('#morePrd').is(':visible')){ var stGbCd = '10'; if(morePrdWorking && (stGbCd == '20' || stGbCd == '30')) { $("#morePrd").trigger('click'); } } } }); $(window).on('popstate', function(event) { //itemInit($('#odrDeliveryCycleBtn').parent().find('.focused').data('sort-type')); window.location = document.location.href; }); function buyNow(goodsId) { var reqData = { goodsIds : goodsId, stGbCd : "10", stId : "1", mbrNo : "0", nowBuyYn : "Y", buyQtys : 1, orderType : "ONCE", }; var nowBuyOptions = { url : "/sec/xhr/order/insertCart" , data : reqData , done : function(data){ var form = document.createElement('form'); form.setAttribute('action', "/sec/order/"); form.setAttribute('target', "_self"); form.setAttribute('method', 'post'); document.body.appendChild(form); form.submit(); } }; ajax.call(nowBuyOptions); } function appendPfBannerAdv(currentIdx) { //console.log(currentIdx + ", " + currentIdx / 3); var page = $('#page').val(); var startIdx = 0; var liClass = ''; if (page !== '1') { return; } if (pfBannerAdv == undefined) { return; } //KDP-44827 [FO][공통][상품] PF 마케팅 배너 관리 기능 수정건 var calNum = 0; //모바일 2개씩 보기에서 2행위,4행위 배치시 card li 짝수로 채운후 붙여지도록 idx 1 더해줌 if(device.val == 'm' && $('#gridType').val() == '2' && parseInt(pfBannerAdv.showPstCd) > 1 && parseInt(pfBannerAdv.showPstCd)%2 == 0){ calNum = 1; } if(currentIdx === (parseInt(pfBannerAdv.showPstCd) - 1) * 3 + calNum) { var prdLink = ''; if(pfBannerAdv.linkUrl != null && pfBannerAdv.linkUrl != ''){ prdLink = pfBannerAdv.linkUrl; }else{ prdLink = '/sec/' + pfBannerAdv.goodsPath; } // if(true){ // liClass += '<ul class="banner-list">'; // } liClass += ' <li class="banner">'; liClass += ' <button type="button" class="banner-inner" onclick="netFunnel_Action_PF(\'' + prdLink + '\');" style="cursor: pointer;">'; liClass += ' <img src="' + pfBannerAdv.bnrImgPath + '" alt="' + pfBannerAdv.bnrImgAltText + '" class="pc">'; liClass += ' <img src="' + pfBannerAdv.bnrMobileImgPath + '" alt="' + pfBannerAdv.bnrImgAltText + '" class="mo">'; liClass += ' <div class="banner-info">'; liClass += ' <div class="banner-info-inner">'; //liClass += ' <p class="sub">다품목 동시 구매 혜택부터, 내 맘대로 골라 받는 사은품까지!</p>'; //liClass += ' <strong class="tit">' + pfBannerAdv.bnrText + '</strong>'; //liClass += ' <p class="date">2020-04-24 ~ 2020-05-31</p>'; //liClass += ' <button type="button" class="btn btn-d btn-type1" data-omni="product promotion_learn more |' +pfBannerAdv.mdlNm+ '|' +pfBannerAdv.mdlCode+'" >자세히 보기</button>'; liClass += ' </div>'; liClass += ' </div>'; liClass += ' </button>'; liClass += ' </li>'; liClass += ' <li style="position:absolute;"></li>'; //KDP-44827 [FO][공통][상품] PF 마케팅 배너 관리 기능 수정건. 툴팁 깨짐 방지용 상품index 홀/짝 맞추기 위해 삽입 // if(true){ // liClass += '</ul>'; // $('.list.list-type').before(liClass); // }else { $('.list-product > .list ').append(liClass); // } }; } function productCompareView(prd) { const DRYER_DISP_CLSF_NO = '37080000'; var html = ''; var dispClsfNo = '100011514'; var compDispClsfEnNm = prd.compDispClsfEnNm; //b2c, fnet, fnet_디플 비교하기 if('1' == '1' || '1' == '2' || '1' == '3' || '1' == '200' || '1' == '471'){ //KDP-50668 건조기 인 경우 단품만 노출 if( dispClsfNo == DRYER_DISP_CLSF_NO){ if(prd.goodsTpCd == '10'){ html += '<a href="javascript:void(0);" class="link-compare-i'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-goods-nm="'+prd.goodsNm+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="'+dispClsfNo+'" data-comp-disp-clsf-en-nm="'+compDispClsfEnNm+'" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; } }else { html += ' <a href="javascript:void(0);" class="link-compare-i'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-goods-nm="'+prd.goodsNm+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="'+dispClsfNo+'" data-comp-disp-clsf-en-nm="'+compDispClsfEnNm+'" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; } //b2c, fnet, fnet_디플 제외 비교하기 }else{ //KDP-50668 건조기 인 경우 단품만 노출 if(dispClsfNo == DRYER_DISP_CLSF_NO){ if(prd.goodsTpCd == '10') { html += '<a href="javascript:void(0);" class="link-compare' + (isCompareDataStorageGoods(prd.goodsId) ? ' disabled' : '') + '" onClick="readyCompare(this)" data-goods-id="' + prd.goodsId + '" data-goods-nm="' + prd.goodsNm + '" data-mdl-code="' + prd.mdlCode + '" data-disp-clsf-no="' + dispClsfNo + '" data-omni="' + prd.mdlNm + '|' + prd.mdlCode + '" >비교하기</a>'; } }else { html += ' <a href="javascript:void(0);" class="link-compare' + (isCompareDataStorageGoods(prd.goodsId) ? ' disabled' : '') + '" onClick="readyCompare(this)" data-goods-id="' + prd.goodsId + '" data-goods-nm="' + prd.goodsNm + '" data-mdl-code="' + prd.mdlCode + '" data-disp-clsf-no="' + dispClsfNo + '" data-omni="' + prd.mdlNm + '|' + prd.mdlCode + '" >비교하기</a>'; } } return html; } function isGcsLogin() { var options = { url: "/sec/xhr/member/getSession", type: "POST", async : false, done: function(returnUrl) { if("0" == JSON.parse(returnUrl).mbrNo){ window.location.href = "/sec/member/introPage/?returnUrl=" + window.location.pathname; } else if( "0" == JSON.parse(returnUrl).gcsMbrNo){ window.location.href = "/sec/member/loginDocumentEmailCheck"; } } }; ajax.call(options); } function isVipLogin() { var options = { url: "/sec/xhr/goods/vipLoginCheck", type: "POST", data : { dispClsfNo: '100011514' }, async : false, done: function(data) { if(!data.isLogin){ window.location.href = "/sec/"; } } }; ajax.call(options); } function gridCol1(){ $('.mo_ver2.pf-container .pf-prd-cardlist').removeClass('col-2'); $('.mo_ver2.pf-container .viewCtrl-area').removeClass('col-2'); //230714 $('.mo_ver2 .btn.col1').addClass('on'); //230714 $('.mo_ver2 .btn.col2').removeClass('on'); //230714 $('#gridType').val('1'); } function gridCol2(){ $('.mo_ver2.pf-container .pf-prd-cardlist').addClass('col-2'); $('.mo_ver2.pf-container .viewCtrl-area').addClass('col-2'); //230714 $('.mo_ver2 .btn.col2').addClass('on'); //230714 $('.mo_ver2 .btn.col1').removeClass('on'); //230714 $('#gridType').val('2'); } //B2C MO 1단 function viewCtrlCol1(){ $('.pf-container .pf-prd-cardlist .list-product .list > li.item:first-of-type .card-img .swiper-wrapper').removeClass('move'); gridCol1(); itemInit(); } //B2C MO 2단 function viewCtrlCol2(){ $('.pf-container .pf-prd-cardlist .list-product .list > li.item:first-of-type .card-img .swiper-wrapper').removeClass('move'); gridCol2(); itemInit(); } function disabledFilter(item, multiYn){ var itemId = $(item).attr('id'); if(multiYn =='N'){ $('#'+itemId).parent().siblings().find('input:checkbox').prop('disabled', true); $('#'+itemId).prop('disabled', false); }else if(multiYn =='Y'){ $('#'+itemId).prop('disabled', false); } } // 개통폰 가격 툴팁 조정 function fnOpenMonthlyPriceToolTip(self) { $(self).toggleClass('open'); $(self).siblings('.popup-monthly-price').toggleClass('active'); } function fnCloseMonthlyPriceToolTip() { $('.btn-monthly-price').removeClass('open'); $('.popup-monthly-price').removeClass('active'); } $(document).ready(function() { if($('#pfAcamaiUseYn').val() !='Y' || '10' != '10'){ goodsPf.fnisLoginCheck(function(isLogin){ if(isLogin){ $('.login-failB2B').remove(); }else{ $('.login-sucB2B').remove(); if(stGbCd == '100' && 1 == '80'){ $(".list-product").addClass('B2B2C'); } } isLoginCheck=isLogin; }); } if('80' == '10' && '1' == '122'){ isGcsLogin(); } if('70' == '10' && '266' == '1'){ isVipLogin(); } // 모바일접근성 221123-27p const dataFocusNext = document.querySelectorAll("[data-focus-next]"); [].forEach.call(dataFocusNext, function(elem){ elem.addEventListener('click',function(e){ const target = e.target.dataset.focusNext; document.querySelector(`[data-focus=`+target+`]`).focus(); }) }); /* 정렬순서 변경 */ $('#odrDeliveryCycleBtn').parent().find('li').on('click', function(e) { $('#filterSortType').val($(this).data('sort-type')); itemInit($(this).data('sort-type')); $('#sortItemButton').html($(this).data('sort-nm')+'<span class="i"></span>'); goodsGA4.fnGA4clickSort($(this).data('omni')); }); /*B2C MO 고도화 : 팝업 정렬순서 변경*/ $('#odrDeliveryCycleMo').find('li').on('click', function(e) { $('#filterSortType').val($(this).data('sort-type')); $('#sortItemButton').html($(this).data('sort-nm')+'<span class="i"></span>'); if('50' == '10'){ $('#sortItemButton').attr('title', "정렬순서"); }else{ $('#sortItemButton').attr('aria-label', $(this).data('sort-nm')); } itemInit($(this).data('sort-type')); }); var sFilters = new Array(); '' //진입시 선택한 필터 있으면 동작 $.each(sFilters, function(idx, filter) { $('#pfFilterArea').find('input:checkbox').each(function(idx, item) { var minVal = $(item).data('min-val'); var maxVal = $(item).data('max-val'); if (filter == $(item).data('search-filter')) { var minMaxVal = ''; if(minVal != '' || maxVal != ''){ minVal == '' ? minVal = '0' : minVal; maxVal == '' ? maxVal = '99999999' : maxVal; minMaxVal = minVal+':'+maxVal; } // 추가 var span = '<span class="txt" data-min-max-val="' + minMaxVal + '" data-search-filter="' + $(item).data('search-filter') + '"data-min-val="' + $(item).data('min-val') + '" data-max-val="' + $(item).data('max-val') + '">' + $(item).data('filter-item-nm') + '<button type="button" onClick="removeItem(\'' + $(item).data('search-filter') + '\')">삭제</button></span>'; $('.opt-area').append(span); var div = '<div class="item">'; div += '<span class="txt" data-min-max-val="' + minMaxVal + '" data-search-filter="' + $(item).data('search-filter') + '"data-min-val="' + $(item).data('min-val') + '" data-max-val="' + $(item).data('max-val') + '">' + $(item).data('filter-item-nm') + '<button type="button" class="btn-delete" onClick="removeItem(\'' + $(item).data('search-filter') + '\')">삭제</button></span>'; div += '</div>'; $('.filter-footer > .list-option').append(div); var arr = $(item).attr('id').split('-'); checkedIdList.push('itm-'+arr[1]+'-'+arr[2]); checkedIdList.push('itmPop-'+arr[1]+'-'+arr[2]); } }); }); //MO : PF고도화 $('#pfContainer').addClass('mo_ver2'); gridCol2(); itemInit(); var hashArr = location.hash.split('_'); if('#compare' == hashArr[0] && hashArr[1] != null){ var goodsList = hashArr[1].split('|'); var compDispClsfEnNm = $('#compDispClsfEnNm').val(); var dispClsfNo = 100011514; skuAddedCompare(goodsList, compDispClsfEnNm, dispClsfNo); } /* s : KDP-42832[닷컴, 패넷 전자, 디플, EPP, 등외급몰]PF 품절제품 제외 토글 버튼 추가 */ // PC $("label[for = 'toggle-check-on-pc']").click(function(){ /* 판매중 상품 보기 비활성화 -> mo토글 상태도 같이 맞춰줌. 판매중 히든 변수에 N셋팅 */ if($("#soldOutExceptYn").val() =='Y'){ $("#soldOutExceptYn").val("N"); }else{ $("#soldOutExceptYn").val("Y"); } $("#toggle-check-on-mo").click(); itemInit(); }); // MO $("label[for = 'toggle-check-on-mo']").click(function(){ /* 판매중 상품 보기 비활성화 -> pc토글 상태도 같이 맞춰줌. 판매중 히든 변수에 N셋팅 */ if($("#soldOutExceptYn").val() =='Y'){ $("#soldOutExceptYn").val("N"); }else{ $("#soldOutExceptYn").val("Y"); } $("#toggle-check-on-pc").click(); itemInit(); }); /* e : KDP-42832[닷컴, 패넷 전자, 디플, EPP, 등외급몰]PF 품절제품 제외 토글 버튼 추가 */ //PF LNB additionalPfLnb(); }); $(document).ready(function() { /* KDP-31922 [FO] 웹접근성 상품 비교하기 및 PD - 81 */ $('.ranking').find('li').attr('aria-hidden',false); $(function () { // 가격 range slider $('#slider-range-pf').slider({ range: true, min: 27, max: 419, step: 1, values: [27, 419], slide: function(event, ui) { $("#rangePrice").find(".min-range").text(fnComma(ui.values[0]) + "만원"); $("#rangePrice").find(".max-range").text(fnComma(ui.values[1]) + "만원"); //모바일접근성 221124-31p : aria-valuemin / aria-valuemax 값부여 $('#slider-range-pf .ui-slider-handle:nth-of-type(1)').attr("aria-valuemin",fnComma(ui.values[0])); $('#slider-range-pf .ui-slider-handle:nth-of-type(2)').attr("aria-valuemax",fnComma(ui.values[1])); } , change: function(event, ui) { $("#slider-range-pf").attr("data-omni",$( "#slider-range-pf" ).slider("values", 0)+"-"+$( "#slider-range-pf" ).slider("values", 1)); itemInit(); } }); $("#rangePrice").find(".min-range").text(fnComma($( "#slider-range-pf" ).slider("values", 0)) + "만원"); $("#rangePrice").find(".max-range").text(fnComma($( "#slider-range-pf" ).slider("values", 1)) + "만원"); //모바일접근성 221124-31p : 버튼역할,텍스트 부여 $('#slider-range-pf .ui-slider-handle').attr("aria-role","buttom"); $('#slider-range-pf .ui-slider-handle').attr("aria-label","buttom"); //모바일접근성 221124-31p : aria-label과 연결을 위해 id 부여 $('#slider-range-pf .ui-slider-handle:nth-of-type(1)').attr("id","leftRangeBtn"); $('#slider-range-pf .ui-slider-handle:nth-of-type(2)').attr("id","rightRangeBtn"); //모바일접근성 221124-31p : 버튼 움직이기 전에 aria-valuemin $('#leftRangeBtn').attr("aria-valuemin",27); $('#rightRangeBtn').attr("aria-valuemax",419); // 할인율 range slider $('#slider-discount-pf').slider({ range: true, min: 0, max: 100, step: 1, values: [0, 100], slide: function(event, ui) { $("#rangeDiscount").find(".min-range").text(fnComma(ui.values[0]) + "%"); $("#rangeDiscount").find(".max-range").text(fnComma(ui.values[1]) + "%"); } , change: function(event, ui) { $("#slider-discount-pf").attr("data-omni",$( "#slider-discount-pf" ).slider("values", 0)+"-"+$( "#slider-discount-pf" ).slider("values", 1)); itemInit(); } }); $("#rangeDiscount").find(".min-range").text(fnComma($( "#slider-discount-pf" ).slider("values", 0)) + "%"); $("#rangeDiscount").find(".max-range").text(fnComma($( "#slider-discount-pf" ).slider("values", 1)) + "%"); }); $('#slider-range-pf .ui-slider-handle').draggable(); $('#slider-discount-pf .ui-slider-handle').draggable(); '' // s: KDP-60596 [FO][FNET] PF 팝업 수정 // 팝업 x 버튼 삭제로 인해 '닫기' 버튼으로 팝업 닫기 script 추가 '' // e: KDP-60596 [FO][FNET] PF 팝업 수정 }); //PF LNB 랜더링 되는 페이지 li에 active b_line 클래스 추가 function additionalPfLnb(){ var pathComp1 = window.location.href; var pathComp2 = null; $("ul.lnb-list.swiper-wrapper > .swiper-slide > a").each(function(){ pathComp2 = $(this).attr('href'); if(pathComp1 == pathComp2){ $(this).parent('li').addClass('active b_line'); } }) } var scroll = 0; var checkedIdList = []; function itemInit(sortType) { var agent = navigator.userAgent.toLocaleLowerCase(); if(agent.indexOf('secapp') > -1 || agent.indexOf('SECTEST') > -1) { $('#secAppYn').val("Y"); } else { $('#secAppYn').val("N"); } if(agent.indexOf('secios') > -1 || device.isIosApp) { $('#secIosYn').val("Y"); } $('#morePrd').prop('disabled', true); $('#morePrd').hide(); // 초기화 처리 if ($('.opt-area > span').length > 0) { $('.box-option > :button').show(); $('.filter-footer > :button').show(); $('.box-result .reset-i').show(); $('#pfFilterArea_mo .btn-s.btn-type1').removeClass('disabled'); } else { $('.box-option > :button').hide(); $('.filter-footer > :button').hide(); $('.box-result .reset-i').hide(); $('#pfFilterArea_mo .btn-s.btn-type1').addClass('disabled'); } // 주소 재정리 var queryString = ''; var isTvSel = "N"; var isAirconSel = "N"; var isFlipSel = "N"; var minMaxValList = []; $('.opt-area > span').each(function(index, item) { queryString += (queryString === '' ? '' : '+') + $(item).data('search-filter'); if($(item).data('min-max-val') != ''){ minMaxValList.push($(item).data('min-max-val')); } if($(item).data('search-filter') == 'tv'){ isTvSel = "Y"; } // system-air-conditioner bespoke-air-conditioners if($(item).data('search-filter') == 'system-air-conditioner' || $(item).data('search-filter') == 'bespoke-air-conditioners'){ isAirconSel = "Y"; } if($(item).data('search-filter') == 'Signage/monitor'){ isFlipSel = "Y"; } }); if (queryString != '') { if(location.href.indexOf('&')> -1) { if(queryString.indexOf('+')> -1) { history.replaceState(null, null, '?' + queryString); }else{ } }else{ history.replaceState(null, null, '?' + queryString); } } else { history.replaceState(null, null, location.href.substring(0, location.href.indexOf('?'))); } if(isTvSel == "N" && $('.opt-area > span').length == 0){ $("#pfFilterArea .list-box>ul").find("li").each(function(index, item){ if($(item).find("input").data("search-filter") == "tv"){ isTvSel = "Y"; } if($(item).find("input").data("search-filter") == "system-air-conditioner" || $(item).find("input").data("search-filter") == "bespoke-air-conditioners"){ isAirconSel = "Y"; } if($(item).find("input").data("search-filter") == "Signage/monitor"){ isFlipSel = "Y"; } }) } if('outlets' == 'soho'){ /* 소상공인몰 PF페이지 TV크게 알아보기 아이콘 */ if(isTvSel == "Y"){ if(!$(".pf-top-cta").is(":visible")){ $(".pf-top-cta").show(); } if($("input:checkbox[data-search-filter='tv']").prop("checked")) { $("#a_tvRulerLayer").show(); } else { $("#a_tvRulerLayer").hide(); } }else{ if($(".pf-top-cta .pf-top-cta-inner .cover>a").length == 2 && !$("#a_airconPDF").is(":visible")) { $(".pf-top-cta").hide(); } $("#a_tvRulerLayer").hide(); } /* 소상공인몰 PF페이지 에어컨 추가 설치비 아이콘 */ if(isAirconSel == "Y"){ if(!$(".pf-top-cta").is(":visible")){ $(".pf-top-cta").show(); } if($("input:checkbox[data-search-filter='system-air-conditioner']").prop("checked") || $("input:checkbox[data-search-filter='bespoke-air-conditioners']").prop("checked")) { $("#a_airconPDF").show(); } else { $("#a_airconPDF").hide(); } }else{ if($(".pf-top-cta .pf-top-cta-inner .cover>a").length == 2 && !$("#a_tvRulerLayer").is(":visible")){ $(".pf-top-cta").hide(); } $("#a_airconPDF").hide(); } /* 소상공인몰 PF페이지 플립2 구매 안내 아이콘 */ if(isFlipSel == "Y"){ if(!$(".pf-top-cta").is(":visible")){ $(".pf-top-cta").show(); } if($("input:checkbox[data-search-filter='Signage/monitor']").prop("checked")) { $("#a_filp2Buy").show(); } else { $("#a_filp2Buy").hide(); } }else{ if($(".pf-top-cta .pf-top-cta-inner .cover>a").length == 2 && !$("#a_filp2Buy").is(":visible")){ $(".pf-top-cta").hide(); } $("#a_filp2Buy").hide(); } } // 가격범위 추가 (slider 형태 : 웹접근성 이슈로 사용 안함 2023-09-19) var minRangePrc = $('#rangePrice .min-range').html().replace(/만원/g, '').replace(/,/g, '').toString(); var minPrc = $('#rangePrice').data('min-prc'); if (!isNaN(minRangePrc) && minRangePrc != minPrc && minRangePrc != '') { queryString += (queryString === '' ? '' : '+') + 'min:' + minRangePrc; } var maxRangePrc = $('#rangePrice .max-range').html().replace(/만원/g, '').replace(/,/g, ''); var maxPrc = $('#rangePrice').data('max-prc'); if (!isNaN(maxRangePrc) && maxRangePrc != maxPrc && maxRangePrc != '') { queryString += (queryString === '' ? '' : '+') + 'max:' + maxRangePrc; } //할인율범위 추가 var minRangeDiscountPrc = $('#rangeDiscount .min-range').html(); var maxRangeDiscountPrc = $('#rangeDiscount .max-range').html(); console.log("minRangeDiscountPrc : ", minRangeDiscountPrc) if(typeof minRangeDiscountPrc != "undefined" && typeof maxRangeDiscountPrc != "undefined"){ minRangeDiscountPrc = minRangeDiscountPrc.replace(/%/g, '').replace(/,/g, '').toString(); maxRangeDiscountPrc = maxRangeDiscountPrc.replace(/%/g, '').replace(/,/g, '').toString(); var minDiscountPrc = $('#rangeDiscount').data('min-prc'); var maxDiscountPrc = $('#rangeDiscount').data('max-prc'); if (!isNaN(minRangeDiscountPrc) && minRangeDiscountPrc != minDiscountPrc && minRangeDiscountPrc != '') { queryString += (queryString === '' ? '' : '+') + 'minDc:' + minRangeDiscountPrc; } if (!isNaN(maxRangeDiscountPrc) && maxRangeDiscountPrc != maxDiscountPrc && maxRangeDiscountPrc != '') { queryString += (queryString === '' ? '' : '+') + 'maxDc:' + maxRangeDiscountPrc; } } // 상품 정보 조희(ajax) $('#page').val('1'); // 화면 상품 갯수 계산 var calc_rows = g_rows; scroll = 0; var cookiePage = 0; var pageScroll = sessionStorage.getItem('pageScroll'); var windowWidth = $(window).width(); var ehcacheYn = 'Y'; var soldOutExceptYn = $('#soldOutExceptYn').val(); if(pageScroll != undefined && pageScroll != ''){ var categoryNO = pageScroll.split('|||')[2]; if(categoryNO == '100011514' && (window.performance && window.performance.navigation.type === 2)){ ehcacheYn = 'N'; cookiePage = pageScroll.split('|||')[1]; calc_rows = calc_rows * cookiePage; scroll = pageScroll.split('|||')[0]; sortType = pageScroll.split('|||')[3]; var gridType = pageScroll.split('|||')[4]; if(pageScroll.split('|||')[5].length > 0) { checkedIdList = pageScroll.split('|||')[5].split(','); } soldOutExceptYn = pageScroll.split('|||')[6]; const $selected = $('#odrDeliveryCycleBtn').parent().find('.focused'); $selected.attr('aria-selected',false); $selected.removeClass('focused'); //PC 정렬기준 const $newSelect = $('#optDeliveryCycle'+sortType); $newSelect.attr('aria-selected',true); $newSelect.addClass('focused'); if(gridType == '1'){ gridCol1(); }else if(gridType == '2'){ gridCol2(); } $('#odrDeliveryCycleBtn').text($newSelect.children().text()); $('#odrDeliveryCycle > ul').attr('aria-activedescendant','optDeliveryCycle'+sortType); //MO 정렬기준 const $sortTypeMo = $('#popOptDeliveryCycle'+sortType); $('#filterSortType').val(sortType); $('#sortItemButton').html($sortTypeMo.data('sort-nm')+'<span class="i"></span>'); if('50' == '10'){ $('#sortItemButton').attr('title', "정렬순서"); }else{ $('#sortItemButton').attr('aria-label', $sortTypeMo.data('sort-nm')); } } sessionStorage.removeItem('pageScroll'); } if ( pfPrdCardAdv != null ) { if (pfPrdCardAdv.cardTpCd == '10' ){ calc_rows = calc_rows - 2; } else if(pfPrdCardAdv.cardTpCd == '20'){ calc_rows = calc_rows - 1; } } $('#rows').val(calc_rows); if (sortType == undefined || sortType === '') { sortType = $('#filterSortType').val(); } $("#soldOutExceptYn").val(soldOutExceptYn); let url; let showWaitFlag; let type; if($('#pfAcamaiUseYn').val()=='Y'){ url = "/sec/cxhr/pf/goodsList"; showWaitFlag = false; type = 'GET' }else{ url = "/sec/xhr/pf/goodsList"; showWaitFlag = true; type = 'POST' } ajax.call({ data : { searchFilter: queryString , dispClsfNo: 100011514 , sortType: sortType , page: $('#page').val() , rows: $('#rows').val() , minMaxValList : minMaxValList , ehcacheYn : ehcacheYn , soldOutExceptYn : $('#soldOutExceptYn').val() //  , pfFasterUseYn : $('#pfFasterUseYn').val() , secApp : $("#secAppYn").val() == 'Y' , secIos : $("#secIosYn").val() == 'Y' } , url : url , type: type , dataType : 'json' , showWait : showWaitFlag , done: function (data) { goodsGA4.fnGA4viewItemList(data.products); // 아카마이 사용 사이트는 personalization에서 가져오는 wishGoods 사용 // BEST SELLER 부분 클래스나 퍼블 변경시 반드시 검토 필요! if($('#pfAcamaiUseYn').val()=='Y'){ data.wishGoods = null; } // @상세검색 조건 (BEST SELLER 부분 노출을 위해 추가 - @Jinam.id_2020-11-02) if(data.searchFiter.length > 0){ $(".ranking-area").hide(); }else{ $(".ranking-area").show(); $('.ranking > li').each(function(idx, item) { var goodsId = $(item).children('input[name=goodsId]').val(); var btn = $(item).children('.btn-good'); if('10' == '10'){ btn.find('.svg-icon.default').show(); btn.find('.svg-icon.active').hide(); } if(data.wishGoods != 'undefined' && data.wishGoods != null && data.wishGoods.length > 0){ for(var i=0; i<data.wishGoods.length; i++){ if(data.wishGoods[i] == goodsId){ btn.addClass("on"); btn.attr("aria-label", btn.data("goods-nm")+" 좋아요 선택"); // 웹 접근성 btn.attr("title", "선택됨"); btn.find('i').text('좋아요 선택'); if('10' == '10'){ btn.find('.svg-icon.default').hide(); btn.find('.svg-icon.active').show(); } } else { btn.removeClass("on"); btn.attr("aria-label", btn.data("goods-nm")+" 좋아요 미선택"); // 웹 접근성 btn.find('i').text('좋아요 미선택'); if('10' == '10'){ btn.find('.svg-icon.default').show(); btn.find('.svg-icon.active').hide(); } } } } }); } $('.list-filter').find('input:checkbox').each(function(idx, item) { if ($(item).data('multi-sel-yn') === 'Y') { $(item).prop('disabled', false); } else { if (data.filters == null) { $(item).prop('disabled', false); } else { var isExists = false; $.each(data.filters, function(idx, filter) { if ($(item).data('search-filter') === filter) { isExists = true; } }); } $(item).prop('disabled', !isExists); } }); //disabled 더블체크 $('.list-filter').find('input:checkbox:checked').each(function(idx, item) { disabledFilter(item, $(item).data('multi-sel-yn')); }); //B2C MO 필터 고도화 적용 : pf 필터 갯수 $('.pf-prd-cardlist > .viewCtrl-area > .search-result').html('<span>검색결과</span> <span class=blue-color>' + fnComma(data.count) + '개</span>'); $('#pfFilterArea_mo > .filter-footer > .btn-box > .btn-prd-more > .cnt').html(fnComma(data.count) + '개'); $('.top-opt-detail-area > .opt-detail-inner > .box-result > span, .pf-prd-filter-area > .filter-header > .box-result > span ').html('검색 결과<em>' + fnComma(data.count) + '</em>개'); $('#totalCount').val(data.count); // product card 제거 $('.list-product > .list > li').remove(); // B2C product card형 배너 삭제 : 타사이트와 위치 다름 // if(true){ // $('.list-product > .banner-list ').remove(); // } if(data.products != null && data.products.length > 0){ var sortBtn = "sort"; appendProductCard(data.products, sortBtn, data.wishGoods); //웹접근성 - 공통코드 : GOODS_WA_UNUSED_ST, 기능 on/off로 관리. 2024-06-07 if('Y'=='N') { cardImgSwiper(); setTimeout((function () { moveFirstImg(); }), 2000); } }else{ appendNoList(); } if (sortType != undefined || sortType != '') { $('li[data-sort-type='+sortType+ ' ]').attr('aria-selected', true); } if(scroll > 0){ $("#page").val(cookiePage); } //뒤로가기 시 더보기버튼 현재 페이지 표시 if(cookiePage != 0){ $('#presentPageCount').text(cookiePage); } // checked 처리 if(checkedIdList.length > 0){ $('.list-filter').find('input:checkbox').each(function(idx, item) { $(item).prop('checked', false); }); for(var i=0; i<checkedIdList.length; i++){ var checkedId = '#' + checkedIdList[i]; $(checkedId).prop('checked' , true); } } $(".btn-filter-cnt").each(function(index, item) { var cnt = $(item).parent().find('input:checkbox:checked').length; var cntTxt = cnt > 0 ? '(' + cnt + ')' : ''; var filterCntLength = $(".btn-filter-cnt").length-1; var count = index +1; if(filterNmFlag == true){ filterNmUpd[index] = $(item).parent().find('button').data('filter-nm'); if(index == filterCntLength){ filterNmFlag = false; } } $(".filterChkCnt_"+count).html(filterNmUpd[index] + cntTxt); }); // 제목 정리 $('a.btn-filter').each(function(index, item) { var cnt = $(item).parent().find('input:checkbox:checked').length; var addTxt = cnt > 0 ? '(' + cnt + ')' : ''; //2024-06-19 웹접근성 var text = '<span class="blind">열림</span>' $(item).html($(item).data('filter-nm') + addTxt + text); cnt > 0 ? $(item).addClass("selected-itm") : $(item).removeClass("selected-itm"); }); // 제목 정리 mo $('.moListFilter').each(function(index, item) { var moCnt = $(item).find('input:checkbox:checked').length; var moAddTxt = moCnt > 0 ? '(' + moCnt + ')' : ''; //B2C MO 상세필터 if($($('.detailFilter.idx').get(index)).find(".cnt").length > 0){ //$('.detailFilter > .cnt').eq(index).text(moAddTxt); $($('.detailFilter.idx').get(index)).find(".cnt").text(moAddTxt); if(moAddTxt != ''){ $('.detailFilter.idx').eq(index).addClass('active'); }else{ $('.detailFilter.idx').eq(index).removeClass('active'); } } }); if($('#pfAcamaiUseYn').val()=='Y'){ var pfGoodsList = []; if(!!data.products){ for(var i=0 ; i<data.products.length; i++){ let orgData = data.products[i]; let newData = {}; newData.bspkGoodsYn = orgData.bspkGoodsYn; newData.salePrice = orgData.salePrice; newData.bespokeMinimumPrice = orgData.bespokeMinimumPrice; newData.cpUseYn = orgData.cpUseYn; newData.salePrice = orgData.salePrice; newData.mdlCode = orgData.mdlCode; newData.goodsId = orgData.goodsId; newData.saleStatCd = orgData.saleStatCd; newData.membershipUseExcptYn = orgData.membershipUseExcptYn; newData.carePlusType = orgData.carePlusType; newData.thirdPartyYn = orgData.thirdPartyYn; newData.bspkGoodsYn = orgData.bspkGoodsYn; newData.goodsAddTpCd = orgData.goodsAddTpCd; newData.goodsMdlExcpt = orgData.goodsMdlExcpt; if(!!orgData.goodsDetailVo){ newData.goodsDetailVo = { cpAllDcAmt : orgData.goodsDetailVo.cpAllDcAmt, webCpAllDcAmt : orgData.goodsDetailVo.webCpAllDcAmt } } pfGoodsList.push(newData); } ajax.call({ data : JSON.stringify(pfGoodsList) , type: 'POST' , contentType: "application/json" , url : "/sec/xhr/pf/personalization" , showWait: false , done: function (data) { if(data.products != null && data.products.length > 0){ personalizeProductCard(data); } } }); } } } }); } function goMembershipJoin() { // window.open('https://membership.samsung.com/sec/lnc/KoFamNRegister?CiTokn=4b7db13b3c654b80a5f2d412d782993026fc134823312481657e4c36f0bf6330&Fnm=8241445b72beeb8d2e330bc198a4896a0953dff4dd28ced398bcce6c4205a9de', '_blank', "width=630,height=720"); var stGbCd = '10'; var stId = '1'; //닷컴과 패넷 멤버십 가입 URL 분기 처리 if(stGbCd == '10') { location.href = '/sec/' + "membership/membershipJoin/"; } else if(stGbCd == '70'){ if('266' == stId){ window.open('/sec/member/indexSaLogin/','','width=640, height=858, scrollbars=yes'); }else{ location.href = '/sec/' + "membership/"; } } else if(stGbCd == '80' && stId == 122){ location.href = '/sec/' + "mypage/info/mySAMembership/"; } else if(stGbCd == '20' && stId == 2) { window.open('/member/indexSaLogin/','','width=640, height=858, scrollbars=yes'); } else if (stGbCd == '30' && stId == 3) { window.open('','','width=640, height=508, scrollbars=yes'); } else { location.href = '/sec/' + "membership/point"; } } var pfPrdCardAdv; var pfBannerAdv; '' '' '' pfBannerAdv = { bnrText: '결제 혜택 1. 신용카드 금액대별 결제 할인 최대 100만원. 결제 혜택2. 카드사별 무이자 할부. 결제 혜택3. 삼성전자 AI 세일 페스타 최대 20만원 추가 혜택 (대상 카드 : 삼성/하나/KB국민/롯데/NH농협) *카드사별 무이자 할부 정보는 '주문/결제'페이지에서 확인 가능. *200만원 이상 결제시 KB국민/롯데카드 최대 36개월, 삼성/BC/우리카드 최대 24개월, 하나카드 최대 12개월 무이자 할부 가능 *결제 할인은 혜택 대상 개인신용카드 보유 회원에 한해 월1회 혜택 제공 *결제 할인은 삼성닷컴(갤럭시 캠퍼스 스토어)에서 매달 첫번째로 결제한 금액 기준으로 혜택 제공 *법인/체크/선불/충전/기프트카드 제외', bnrImgAltText: '결제 혜택 1. 신용카드 금액대별 결제일할인/캐시백 최대 100만원. 결제 혜택2 카드사별 무이자 할부. 카드사별 무이자 할부 정보는 '주문/결제'페이지에서 확인 가능. *100만원 이상 결제시 KB국민/롯데/삼성카드 최대 24개월, 하나카드 최대 12개월 무이자 할부 가능 *결제일할인/캐시백은 혜택 대상 개인신용카드 보유 회원에 한해 월1회 혜택 제공 *결제일할인/캐시백은 삼성닷컴(갤럭시 캠퍼스 스토어)에서 매달 첫번째로 결제한 금액 기준으로 혜택 제공 *법인/체크/선불/충전/기프트카드 제외', bnrImgPath: '//images.samsung.com/kdp/display_banner/pc/10455/f4886794-843d-41f9-ac9b-399e252d3a96.png', bnrMobileImgPath: '//images.samsung.com/kdp/display_banner/mobile/10455/d216d13f-b83f-4686-8617-5123e71e839c.png', dispCornTpCd: '23', cardTpCd: '', showPstCd: '2', goodsPath: '', mdlCode: '', mdlNm: '', linkUrl: 'https://www.samsung.com/sec/eventList/benefitzone/' }; '' '' function fnetPfLayerPopOpen(){ var fnetPfLayerPopCookie = $.cookie('fnetPfLayerPop1100011514'); if(fnetPfLayerPopCookie != 'true'){ $("#fnetPopupButton").trigger('click'); /* KDP-21609 [FO][B2B] 모바일 웹접근성_p54 LMJ START */ $("#fnetPfLayerPopup").focus(); /* KDP-21609 [FO][B2B] 모바일 웹접근성_p54 LMJ END */ } } function notToSee() { var chkNotSee = $("#chk-not-see").prop("checked"); if(chkNotSee){ $.cookie('fnetPfLayerPop1100011514', "true", {expires:1, path:'/'}); } $("#fnetPfLayerPopupCloseBtn").trigger('click'); } // PF 이미지 스와이프 체크 : 이미지 1개인 경우 또는 1,2번째 이미지 gif인 경우 false 리턴 후 애니메이션 미적용 function pfImgSwpYnChk(img1, img2){ var chkYn = 'Y'; if(img1 != null && img2 == null) { // 이미지가 하나인 경우 false chkYn = 'N'; }else if(img1 != null && img1.indexOf(".gif") > -1){ // 첫번째 이미지가 gif인 경우 false chkYn = 'N'; }else if(img2 != null && img2.indexOf('.gif') > -1){ // 두번째 이미지가 gif인 경우 false chkYn = 'N'; }else{ chkYn = 'Y'; } return chkYn; } </script> <button id="fnetPopupButton" style="display:none" type="button" data-popup-target="fnetPfLayerPopup">팝업보기</button> <div class="layer-pop layer-normal layer-famailyPF btn-check" id="fnetPfLayerPopup" tabindex="0" data-popup-layer="fnetPfLayerPopup" data-focus="fnetPfLayerPopup"> <div id="fnetPfLayer-bnrHtml"></div> <div class="btn-box"> <a href="javascript:void(0)" class="btn btn-d btn-type2" data-focus-next="fnetPfLayerPopupClose" onclick="notToSee();">확인</a> </div> <div class="chk-form al"> <input id="chk-not-see" type="checkbox" required="" title="" class=""> <label for="chk-not-see">오늘 하루 다시 보지 않기</label> </div> <button type="button" id ="fnetPfLayerPopupCloseBtn" class="pop-close" data-focus-next="fnetPfLayerPopup">팝업닫기</button> </div>  <div class="layer-pop popup-comm-video shortform" id="popupMutagong" tabindex="0" data-popup-layer="popupMutagong" data-focus="popupMutagong"> <div class="popup-contents"> <div class="component-content"> <div class="video"> <video muted controls preload="auto"> <source src="//images.samsung.com/kdp/_pub/movie/mootagong_20231211.mp4" type="video/mp4"> </video> <div class="component-head"> <strong class="head-title blind">영상 보기</strong> <button type="button" class="pop-close" data-focus-next="popupMutagong">닫기</button> </div> </div> </div> </div> </div>  <style> /* 2021-10-27 KDP-7239 팝업 예외 추가 */ #fnetPfLayer-bnrHtml {max-height: calc(100vh - 336px); display: flex; flex-direction: column; overflow-y: auto;} #fnetPfLayer-bnrHtml .layer-content {max-height:none; flex: 1 1 auto;} @media screen and (max-width: 767px){ #fnetPfLayer-bnrHtml {max-height: calc(100% - 86px); height: 100%;} #fnetPfLayer-bnrHtml .layer-content {max-height:none; flex: 1 1 auto;} .btn-check.layer-normal .layer-content{max-height:calc(100% - 136px)} .btn-check.layer-normal .btn-box{padding-top: 10px} } </style>  <div class="layer-pop layer-normal layer-login-nonmember" id="index_kcb" tabindex="0" data-popup-layer="index_kcb" data-focus="index_kcb" aria-hidden="false" data-zindex="300" style="z-index: 300;"> </div>   <div class="layer-pop layer-default alert" id="commonAlert" tabindex="0" data-popup-layer="commonAlert" data-focus="commonAlert"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p style="word-break:keep-all;"></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div>   <div class="layer-pop layer-default alert" id="commonAlert2" tabindex="0" data-popup-layer="commonAlert2" data-focus="commonAlert2"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p style="word-break:keep-all;"></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div>   <div class="layer-pop layer-default" id="commonConfirm" tabindex="0" data-popup-layer="commonConfirm" data-focus="commonConfirm"> <div class="layer-header blind"> <h2></h2> </div> <div class="layer-content"> <p></p> <div class="btn-box double">  <a href="javascript:void(0)" class="btn btn-d btn-type1 accessibility-pop-close" id="commonConfirmCancelBtn" onclick="closeLayer('commonConfirm');">취소</a> <a href="javascript:void(0)" class="btn btn-d btn-type2" id="commonConfirmOkBtn">확인</a> </div> </div> <button type="button" class="pop-close accessibility-pop-close" id="closeCommonConfirmBtn" name="closeCommonConfirmBtn" data-focus-next="commonConfirm">팝업닫기</button> </div>   <div class="layer-pop layer-default" id="commonConfirm2" tabindex="0" data-popup-layer="commonConfirm2" data-focus="commonConfirm2"> <div class="layer-header blind"> <h2></h2> </div> <div class="layer-content"> <p></p> <div class="btn-box double">  <a href="javascript:void(0)" class="btn btn-d btn-type1 accessibility-pop-close" id="commonConfirmCancelBtn2" onclick="closeLayer('commonConfirm2');">취소</a> <a href="javascript:void(0)" class="btn btn-d btn-type2" id="commonConfirmOkBtn2">확인</a> </div> </div> </div>   <div class="layer-pop layer-default" id="commonAlertTV" tabindex="0" data-popup-layer="commonAlertTV" data-focus="commonAlertTV"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div> </div>    <style> /*!* s : num_5 *! .floating-sticky .menu-list .menu01 a { display: none; } .floating-sticky .menu-list .menu02 a { display: none; } .floating-sticky .menu-list .menu03 a { display: none; } .floating-sticky .menu-list .on .menu01 a { display: flex; } .floating-sticky .menu-list .on .menu02 a { display: flex; } .floating-sticky .menu-list .on .menu03 a { display: flex; } !* e : num_5 *!*/ </style> <div id="floatingSticky" class="floating-sticky new-st type-global" style="z-index: 10"> <button type="button" class="btn-gotop" title="위로"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g transform="translate(-1741 -471)"><circle cx="24" cy="24" r="24" transform="translate(1741 471)" fill="rgba(0,0,0,0.5)" opacity="0"/><g transform="translate(1753 483)"><path d="M21.738,26.325V8.515L28.4,15.277l1.425-1.4L20.738,4.65l-9.088,9.223,1.425,1.4,6.663-6.762v17.81Z" transform="translate(-8.651 -3.4)" fill="#fff"/><rect width="24" height="24" fill="none"/></g></g></svg> </button> <div class="menu-list"> <div class="inner"> <ul>   <li class="menu01 chatBotPop"> <button type="button" id="chatBotOpen" class="chatBotOpen" onclick="chat_select_open()"data-di-id="di-id-e7029b9c-393996c6" title="챗봇 채팅창 새창으로 열기"> <svg id="Message" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <rect id="container" width="24" height="24" fill="none"></rect> <path id="Icon-_-Bold-_-Communication-_-Message" data-name="Icon-/-Bold-/-Communication-/-Message" d="M22.5,5.5a3,3,0,0,1,3,2.924V19.5a3,3,0,0,1-2.924,3H12.634L8.46,26.7a1,1,0,0,1-1.706-.611l0-.047V22.5H6.5a3,3,0,0,1-3-2.849l0-.075V8.5a3,3,0,0,1,2.924-3H22.5Zm0,2H6.5a1,1,0,0,0-1,.95V19.5a1,1,0,0,0,.95,1h1.3a1,1,0,0,1,1,.95v2.123L11.508,20.8a1,1,0,0,1,.6-.289l.056,0,.057,0H22.5a1,1,0,0,0,1-.95V8.5a1,1,0,0,0-.95-1Zm-8,5.25A1.25,1.25,0,1,1,13.25,14,1.25,1.25,0,0,1,14.5,12.75Zm4.75,0A1.25,1.25,0,1,1,18,14,1.25,1.25,0,0,1,19.25,12.75Zm-9.5,0A1.25,1.25,0,1,1,8.5,14,1.25,1.25,0,0,1,9.75,12.75Z" transform="translate(-2.5 -4.25)"></path> </svg> </button>      </li>  </ul> </div> </div> <button type="button" class="btn-gotop" title="위로"> <span>위로</span> </button> </div> <script> var mobileCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android") || window.secapp || device.isIosApp; if(mobileCheckFlag){ //모바일에서 챗봇 삭제 $("#floatingSticky").find(".menu01").remove(); } floatSticky(); function firstRecentGoods(){ $.ajax({ url : "/sec/xhr/goods/getFirstRecentGoods" ,type : "POST" ,success : function(result) { var recentGoodsData = JSON.parse(result); var recentGoodsNm = recentGoodsData.recentGoodsNm; if(recentGoodsData.recentYn === "Y"){ $("#floatingSticky").find(".menu04").remove(); /*if ($('.floating-sticky .menu-list .inner').hasClass('on')) { html += '<li class="menu04" aria-hidden="false" style="display:block;">' } else { html += '<li class="menu04" aria-hidden="true" style="display:none;">' }*/ var html = `<li class="menu04">`; html += '<a href="#" id = "btn-rcntgoods-floating" type="button" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-st-path ="'+recentGoodsData.stContextPath+'" data-popup-target="latestItemLayer" >' html += '<span> <img src="'+recentGoodsData.recentImgPath+'?$128_128_PNG$" alt="'+ recentGoodsData.recentGoodsNm +'"> 최근 본 제품 ('+recentGoodsData.recentGoodsLength+')</span>' html += '</a>' html += '</li>' $("#floatingSticky").find("ul").append(html);  $("#recentGoodsNm").val(recentGoodsNm); }else{ //없을경우 숨김 $(".menu04").hide(); } } }); } // firstRecentGoods(); if ("N" === "N") { if(window.innerWidth > 1279){ firstRecentGoods(); } } if(device.agent.indexOf('secapp') >= 0 || device.agent.indexOf('sectest') >= 0){ if("N" === "N"){ $("#floatingSticky").find(".menuAr").remove(); var html = ""; html +='<li class="menuAr" aria-hidden="true" style="display:none;">'; html +='<a href="javascript:window.secapp.goToARService(\'\',\'\');">'; html +='AR로 제품보기'; html +='</a>'; html +='</li>'; $("#floatingSticky").find("ul").prepend(html); } }else{ $("#floatingSticky").find(".menuAr").remove(); } let showScript = false; function chat_select_open() { GA4ChatStart(); // var popupX = (window.screen.width / 2) - (356 / 2); // var popupY = (window.screen.height / 2) - (750 / 2); // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbot/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbot/#/"; // var chatbotPop = window.open(url, // "chatselect", // 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); // chatbotPop.onbeforeunload = function () { // GA4ChatComplete(); // } showScript = !showScript; // 스크립트 실행과 DOM 챗봇 부착로직 if (showScript) { const script = document.createElement("script"); script.id = "appTest"; script.type = "text/javascript"; script.async = true; let url = "prd" === "prd" ? "https://samsungdotcom.gentlepie.com/chatbot/app.js" : "https://staging-samsungdotcom.gentlepie.com/chatbot/app.js"; script.src = url; script.onload = function () { if (window.chatbotInit) { // 챗봇 시작 초기화까지 동시 진행시 아래 코드 주석해제 window.chatbotInit(); } else { console.error("externalFunction is not defined on window"); } }; document.body.appendChild(script); } else { const testParent = document.getElementById("appTest"); const apps = document.getElementById("app"); if (window.chatbotExit) { // 챗봇 종료 초기화까지 동시 진행시 아래 코드 주석해제 window.chatbotExit(); } if (testParent) { apps.innerHTML = ""; // 앱 제거 document.body.removeChild(testParent); // 스크립트 태그 제거 } } GA4ChatComplete(); } function GA4ChatStart() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_start' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } function GA4ChatComplete() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_complete' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script> $(function(){ // 챗봇 열기 PC $("#chatBotOpen").click(function(){ GA4ChatStart(); $("#layerChatBot").addClass("active"); chat_select_open(); GA4ChatComplete(); }); // 챗봇 열기 MO $("#bnbChatBotOpen").click(function(){ GA4ChatStart(); $("#layerChatBot").addClass("active"); $("body").css("overflow","hidden"); $("html").scrollTop(0); chat_select_open(); GA4ChatComplete(); }); // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); // 챗봇버튼 닫기 $("#chatBotClose").click(function(){ $(".chatBotPop").remove(); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); winWidth = $(window).outerWidth(); if(winWidth < 1280) { // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); $("body").css("overflow","unset"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); }; $(window).resize(function(){ winWidth = $(window).outerWidth(); if(winWidth < 1280) { // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); $("body").css("overflow","unset"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); }; }); }) </script>    <footer id="footer" class="footer_b2c"> <input type="hidden" id="goodsAdvCmntStYn" value="Y" />  <div class="footer-content"> <nav class="footer-inner sitemap-links"> <h2 class="hide">페이지 링크</h2> <ul>  <li class="productLine1"> <h3> <a href="javascript:;">제품</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/galaxy/home/" data-omni="product_galaxy">갤럭시</a></li> <li><a href="https://www.samsung.com/sec/smartphones/galaxy-s/" data-omni="product_smartphones">스마트폰</a></li> <li><a href="https://www.samsung.com/sec/tablets/galaxy-tabs/" data-omni="product_tablets">태블릿</a></li> <li><a href="https://www.samsung.com/sec/watches/galaxy-watch-active/" data-omni="product_watches">워치</a></li> <li><a href="https://www.samsung.com/sec/buds/galaxy-buds-pro/" data-omni="product_buds">버즈</a></li> <li><a href="https://www.samsung.com/sec/pc/galaxybook/" data-omni="product_galaxybook">갤럭시북</a></li> <li><a href="https://www.samsung.com/sec/monitors/gaming-monitors/" data-omni="product_monitors">모니터</a></li> <li><a href="https://www.samsung.com/sec/printers/laser-multifunction/" data-omni="product_printers">프린터</a></li> <li><a href="https://www.samsung.com/sec/memory-storage/all-memory-storage/" data-omni="product_memory storage">메모리/스토리지</a></li> <li><a href="https://www.samsung.com/sec/tvs/" data-omni="product_tvs">TV</a></li> <li><a href="https://www.samsung.com/sec/lifestyletv/home/" data-omni="product_lifestyletv">Lifestyle TV</a></li> <li><a href="https://www.samsung.com/sec/audio-devices/Sound-bar/" data-omni="product_soundbar">사운드바</a></li> <li><a href="https://www.samsung.com/sec/harman/#highend_audio" data-omni="product_harman">하만</a></li> <li><a href="https://www.samsung.com/sec/refrigerators/bespoke-infinite-line/" data-omni="product_refrigerators">냉장고</a></li> <li><a href="https://www.samsung.com/sec/kimchi-refrigerators/bespoke-kimchi-plus-infinite-line/" data-omni="product_kimchi-refrigerators">김치냉장고</a></li> <li><a href="https://www.samsung.com/sec/dishwashers/bespoke-dishwashers/" data-omni="product_dishwashers">식기세척기</a></li> </ul> </li> <li class="productLine2"> <h3>   </h3> <ul> <li><a href="https://www.samsung.com/sec/electric-range/bespoke-induction/" data-omni="product_electric range">인덕션</a></li> <li><a href="https://www.samsung.com/sec/cooking-appliances/all-cooking-appliances/" data-omni="product_cooking appliances">오븐/큐커</a></li> <li><a href="https://www.samsung.com/sec/micro-wave-ovens/all-micro-wave-ovens/" data-omni="product_qooker">전자레인지</a></li> <li><a href="https://www.samsung.com/sec/water-purifier/" data-omni="product_water purifier">정수기</a></li> <li><a href="https://www.samsung.com/sec/washing-machines/grande-ai/" data-omni="product_washing-machines">세탁기</a></li> <li><a href="https://www.samsung.com/sec/dryers/grande-ai/" data-omni="product_dryers">건조기</a></li> <li><a href="https://www.samsung.com/sec/airdresser/bespoke-airdresser/" data-omni="product_airdresser">에어드레서</a></li> <li><a href="https://www.samsung.com/sec/shoedresser/bespoke-shoedresser/" data-omni="product_shoe dresser">슈드레서</a></li> <li><a href="https://www.samsung.com/sec/air-conditioners/gallery/" data-omni="product_air-conditioners">에어컨</a></li> <li><a href="https://www.samsung.com/sec/air-cleaners/bespoke-cube/" data-omni="product_air-cleaners">공기청정기</a></li> <li><a href="https://www.samsung.com/sec/vacuum-cleaners/bespoke-jet/" data-omni="product_vacuum-cleaners">청소기</a></li> <li><a href="https://www.samsung.com/sec/smartthings/do-the-smartthings/" data-omni="product_smartthings">스마트싱스</a></li> <li><a href="https://www.samsung.com/sec/accessories/" data-omni="product_accessories">액세서리 & 소모품</a></li> <li><a href="https://www.dacorkorea.com/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="product_dacor korea">데이코</a></li> </ul> </li> <li> <h3> <a href="javascript:;">이벤트</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/event/indexExhibitionCollection/" data-omni="promotion_exhibition collection">삼성닷컴추천 모두보기</a></li>  <li><a href="https://www.samsung.com/sec/outlets/all-outlets/" data-omni="promotion_all outlets">아울렛</a></li> <li><a href="https://www.samsung.com/sec/galaxycampus/" data-omni="promotion_galaxy campus">갤럭시 캠퍼스</a></li> <li><a href="https://www.samsung.com/sec/store-model/live/" data-omni="promotion_live">삼닷 Live</a></li>  <li><a href="https://www.samsung.com/sec/bespokestudiohub/" data-omni="promotion_bespoke studio">비스포크 스튜디오</a></li> <li><a href="https://www.samsung.com/sec/customer/salesStore/" data-omni="promotion_sales store">스토어 진열 할인 제품</a></li> <li><a href="https://www.samsung.com/sec/eventList/benefitzone/" data-omni="promotion_benfit zone">닷컴 회원 혜택</a></li>  <li><a href="https://www.samsung.com/sec/bespokeshop/" data-omni="promotion_bespoke shop">e식품관</a></li> <li><a href="https://www.samsung.com/sec/petcarestore/" data-omni="promotion_petcare store">펫 케어 스토어</a></li> <li><a href="https://www.samsung.com/sec/homeclass/" data-omni="promotion_home fitness">홈클래스</a></li>  <li><a href="https://www.samsung.com/sec/explore/home/" data-omni="promotion_explore">스토리</a></li> </ul> </li> <li> <h3> <a href="javascript:;">고객서비스</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/support/" data-omni="faq_support">매뉴얼 & 다운로드</a></li> <li><a href="/sec/faq/" data-omni="faq_faq">삼성닷컴 FAQ</a></li> <li><a href="/sec/digitalplaza/storeMain/" data-omni="faq_shop locator">매장 찾기</a></li> <li><a href="/sec/digitalplaza/centerMain/" data-omni="faq_service-locator">서비스센터 찾기</a></li> <li><a href="https://www.samsung.com/sec/Samsung-Care-Plus/IM/" data-omni="faq_samsung care plus IM">삼성케어플러스 모바일/PC</a></li> <li><a href="https://www.samsung.com/sec/Samsung-Care-Plus/CE/" data-omni="faq_samsung care plus CE">삼성케어플러스 가전/TV</a></li> <li><a href="https://www.samsung.com/sec/eventList/delivery-service/">시간 맞춤 설치 서비스</a></li> <li><a href="/sec/samsungstore/main/" data-omni="plaza_main">삼성스토어</a></li> <li><a href="https://www.samsung.com/sec/membership/membershipMain/" data-omni="faq_membership">삼성전자 멤버십</a></li> <li><a href="/sec/md-inv/" data-omni="faq_md_innovation">MD 비즈니스 협력제안</a></li> <li><a href="https://www.secbuy.com/irj/portal/alluser?ume.logon.locale=ko&NavigationTarget=OBN%3A//BOTechnicalName%3DMainBannerOBN/BOSystemAlias%3DEPE_OBN/Operation%3Dnew_biz" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_secbuy">비즈니스 협력제안</a></li> <li><a href="https://r1.community.samsung.com/t5/Korea/ct-p/kr" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_community">삼성멤버스 커뮤니티</a></li> <li><a href="http://samsung.aiibook.net/b2c/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_e-catalog">E-카탈로그</a></li> <li><a href="https://survey3.medallia.com/?web&c=39&lng=ko" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_customer survey">삼성닷컴 경험조사</a></li> </ul> </li>   <li class="row2"> <ul> <li> <h3><a href="javascript:;">지속가능경영</a></h3> <ul> <li><a href="/sec/sustainability/environment/" data-omni="sustainability_environment">환경</a></li> <li><a href="/sec/sustainability/privacy-and-security/" data-omni="sustainability_privacy-and-security">보안 & 개인정보 보호</a></li> <li><a href="/sec/sustainability/accessibility/overview/" data-omni="accessibility_overview">접근성</a></li> <li><a href="/sec/sustainability/diversity-and-inclusion/" data-omni="sustainability_diversity-and-inclusion">다양성 · 형평성 · 포용성</a></li> <li><a href="/sec/sustainability/corporate-citizenship/" data-omni="sustainability_corporate-citizenship" target="_blank" class="link-outlink" title="새창으로 열림">사회공헌</a></li>  <li><a href="/sec/sustainability/main" data-omni="sustainability-corporate-sustainability" target="_blank" class="link-outlink" title="새창으로 열림">Corporate Sustainability</a></li>  </ul> </li> <li> <h3><a href="javascript:;">윤리&준법경영</a></h3> <ul> <li><a href="https://sec-audit.com/common/businessPrinciple/viewBusinessPrincMain.do?_menuId=AVyA0fTVACzV4mS0&_menuF=true&s_gbn=PA100001" data-omni="ethics and law_principle" class="link-outlink" title="새창으로 열림" target="_blank">경영원칙</a></li> <li><a href="https://sec-audit.com/common/wrongReport/init.do?_menuId=AVyAoCSlAADV4mQ3&_menuF=true&s_gbn=PA100002" data-omni="ethics and law_wrong report" class="link-outlink" title="새창으로 열림" target="_blank">부정제보</a></li> <li><a href="https://sec-compliance.net/gcc/gcc.do?method=gccReport&langCd=ko_KR" data-omni="ethics and law_GCC" class="link-outlink" title="새창으로 열림" target="_blank">법위반제보</a></li> </ul> </li> </ul> </li> <li class="row2">  <ul> <li> <h3><a href="javascript:;">회사소개</a></h3> <ul> <li><a href="/sec/about-us/company-info/" data-omni="about-us_company-info">기업정보</a></li> <li><a href="/sec/about-us/business-area/" data-omni="about-us_business-area">사업정보</a></li> <li><a href="/sec/about-us/brand-identity/" data-omni="about-us_brand-identity">브랜드 아이덴티티</a></li> <li><a href="/sec/about-us/careers/kr/" data-omni="aboutsamsung_careers">채용</a></li> <li><a href="/sec/ir/main/" data-omni="about-us_ir-info">투자자 정보</a></li> <li><a href="https://news.samsung.com/kr/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_newsroom">뉴스룸</a></li> <li><a href="/sec/about-us/ethics/" data-omni="about-us_ethics">윤리</a></li> <li><a href="https://design.samsung.com/kr/?utm_source=scom&utm_medium=link&utm_campaign=cdc&utm_content=kr" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_design-samsung">디자인 삼성</a></li> <li><a href="https://dividend.samsung.com/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_dividend">배당조회</a></li> <li><a href="/sec/notice/" data-omni="about-us_notice">공지사항</a></li> </ul> </li> <li> <h3><a href="javascript:;">부가정보</a></h3> <ul> <li><a href="https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com" class="link-outlink" title="새창으로 열림" data-omni="additional information_cyber reports" target="_blank" >협력회사 사이버 신문고</a></li> <li><a href="https://www.samsung.com/sec/additional/indexWasteCartridgeRecallApply/" data-omni="additional information_printer_green">폐카트리지 회수신청</a></li> </ul> </li> </ul> </li> </ul> </nav> </div> <div class="footer-content"> <div class="footer-inner"> <div class="info-detail"> <p> <span>삼성전자 주식회사 대표이사 : 한종희</span> <span class="mo-inline">사업자등록번호 : 124-81-00998</span> <span class="comp-wrap"><a href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=1248100998&apv_perm_no=" class="comp" title="새창 열림" target="_blank">사업자 정보확인</a></span> <span>통신판매업 신고 : 2000-경기수원-0515</span> </p> <p class="gap"> <span>사업장주소 : 경기도 수원시 영통구 삼성로 129(매탄동)</span> <span>호스팅서비스사업자 : 한국아이비엠(주)</span> <span>대표번호 : 02-2255-0114</span> <span>제품/서비스/멤버십: 1588-3366(통화요금 : 발신자부담)</span> <span>삼성닷컴 구매문의 : 1588-6084</span> <span>e식품관 문의 : 1811-9228</span> </p> <p>본 사이트에서 판매되는 상품 중에는 등록된 개별 판매자가 판매하는 상품이 포함되어 있습니다. </p>  <div class="dis-resol"> <p>개별 판매자 판매 상품의 경우 삼성전자(주)는 통신판매중개업자로서 통신판매의 당사자가 아니므로, 개별 판매자가 등록한 상품, 거래정보 및 거래 등에 대해 책임을 지지 않습니다.</p> <a href="/sec/dispute-resolution/" class="comp" title="새창 열림" target="_blank">소비자분쟁해결기준</a> </div>  <p>본 사이트의 컨텐츠는 저작권법의 보호를 받는 바 무단 전재, 복사, 배포 등을 금합니다.</p> </div> </div> </div> <div class="footer-content"> <div class="footer-inner copyrightGroup"> <div class="copyrightBox"> <p class="copyright">Copyright © 1995-2024 Samsung. All Rights Reserved.</p> <div class="mark-box"> <a href="https://dcxi.ksa.or.kr/" target="_blank" title="Korean Stasndars Association 2023 디지털고객경험지수 : 새창으로 열기" class="btn-mark btn-dcxi" data-omni="local logo_dcxi"> <img src="https://images.samsung.com/kdp/_pub/icon-footer-dcxi.jpg" alt="Korean Stasndars Association 2023 디지털고객경험지수"> Korean Stasndars Association 2023 디지털고객경험지수 </a> <a href="https://www.kca.go.kr/ccm/certSystemOutlineView.do" target="_blank" title="ccm 소비자중심 공정거래위원회 : 새창으로 열기" class="btn-mark btn-ccm" data-omni="local logo_ccm"> <img loading="lazy" src="https://images.samsung.com/kdp/_pub/icon-footer-ccm.png" alt="ccm 소비자 중심 공정거래 위원회"> ccm 소비자 중심 공정거래 위원회 </a>      <a href="javascript:openPrivacy();" title="개인정보 보호 우수사이트 인증서 : 새창으로 열기" class="btn-mark btn-eprivacy" data-omni="local logo_eprivacy"> <img loding="lazy" src="https://www.samsung.com/sec/static/_images/common/icon-footer-eprivacy.svg" alt="개인정보보호 우수사이트"> 개인정보보호 우수사이트 </a> </div> </div> </div> </div> <div class="footer-content"> <div class="footer-inner btnBottomGroup"> <div class="cs-btn"> <ul class="korean"> <li><a href="/sec/function/ipredirection/ipredirectionLocalList/">한국/한국어</a></li> </ul> <ul> <li><a href="javascript:;" title="이메일 무단 수집거부" data-popup-target="popupGatherRefuse" data-omni="footer:bottom_email_security">이메일 무단 수집거부</a></li> <li><a href="javascript:;" title="아이디어 정책" data-popup-target="popupIdeaPolicy" data-omni="footer:bottom_idea security">아이디어 정책</a></li> <li><a href="/sec/info/sitemap/" data-omni="footer:bottom_sitemap">사이트맵</a></li> </ul> </div> <div class="clause-links">  <div id="dropClauseList01" class="wrap-droplist rounded clause-use"> <button class="droplist-button" aria-haspopup="listbox" aria-labelledby="dropServiceClauseTitle dropServiceClauseBtn" id="dropServiceClauseBtn" title="서비스별 이용약관">이용약관<span class="blind">하위 메뉴 있음</span></button> <ul class="droplist" aria-labelledby="dropServiceClauseTitle" aria-activedescendant="optServiceClause01">  <li id="optServiceClause02" class="droplist-item" data-omni="footer:terms_legal"><a href="https://account.samsung.com/membership/etc/specialTC.do?fileName=samsungkorea.html" target="_blank" title="새 창으로 열림">삼성전자 대표사이트 이용약관</a></li> <li id="optServiceClause03" class="droplist-item" data-omni="footer:terms_conditions"><a href="/sec/membership/terms/">삼성전자멤버십 이용약관</a></li> <li id="optServiceClause04" class="droplist-item" data-omni="footer:terms_contents"><a href="https://account.samsung.com/membership/policy/terms" target="_blank" title="새 창으로 열림">Samsung 서비스 이용약관</a></li> </ul> </div>  <div id="dropClauseList02" class="wrap-droplist rounded clause-private"> <button class="droplist-button" title="서비스별 개인정보처리방침" id="dropServicePrivateTitle">개인정보처리방침<span class="blind">하위 메뉴 있음</span></button> <ul class="droplist" aria-labelledby="dropServicePrivateTitle" aria-activedescendant="optServicePrivate01">  <li id="optServicePrivate02" class="droplist-item"><a href="/sec/info/privacy/01/rc">삼성닷컴 개인정보처리방침</a></li> <li id="optServicePrivate03" class="droplist-item"><a href="/sec/info/privacy/02">삼성닷컴 이벤트 개인정보처리방침</a></li> <li id="optServicePrivate04" class="droplist-item"><a href="/sec/info/privacy/03">삼성전자멤버십 개인정보처리방침</a></li> <li id="optServicePrivate06" class="droplist-item"><a href="/sec/info/privacy/05">경력채용 개인정보처리방침</a></li> </ul> </div>  </div> <div class="link-box"> <div class="sns-btn"> <div class="wrap-sns"> <span class="tit">삼성전자의 다양한 소식을 만나보세요!</span> <ul> <li><a href="//www.facebook.com/SamsungKorea" class="btn-fb" title="새창 열림" target="_blank" data-omni="follow:facebook"><span class="blind">facebook</span></a></li> <li><a href="//www.youtube.com/c/samsungkorea" class="btn-yt" title="새창 열림" target="_blank" data-omni="follow:youtube"><span class="blind">youtube</span></a></li> <li><a href="//www.instagram.com/samsungkorea" class="btn-ig" title="새창 열림" target="_blank" data-omni="follow:instagram"><span class="blind">instagram</span></a></li> <li><a href="//pf.kakao.com/_VJjxdC" class="btn-pf" title="새창 열림" target="_blank" data-omni="follow:kakaoplus"><span class="blind">카카오톡 플러스친구</span></a></li> <li><a href="//twitter.com/SamsungKorea" class="btn-tw" title="새창 열림" target="_blank" data-omni="follow:twitter"><span class="blind">트위터</span></a></li> <li><a href="javascript:void(0);" class="btn-share" onclick="tooltipCenterTop(this,'tip-footer-share',380); return false;" data-title="공유" data-content="" data-close="툴팁 닫기"><span class="blind">공유하기 툴팁보기(툴팁 열림)</span></a>  <div class="tooltip-layer tip-footer-share" tabindex="0"> <p class="tooltip-title">공유</p> <div class="tooltip-content"> <ol class="tooltip-share"> <li> <a href="javascript:void(0);" class="share-copylink" id="share-copylink"> <img loding="lazy" src="/sec/static/_images/common/icon-copylink.svg" alt="링크복사 아이콘"> <span>링크복사</span> </a> <script> function tabKeyCnt() { $('.share-copylink').on('keydown', function(e) { if(event.shiftKey && (event.keyCode || event.which) === 9) { event.preventDefault(); $('#tooltip-share-close').focus(); } }); } </script> </li> <li> <a href="javascript:void(0);" class="share-sns-kakao" title="새 창으로 열림"> <img loding="lazy" src="/sec/static/_images/common/sns-kakao@3x.png" alt="카카오톡 아이콘(공유하기)"> <span>카카오톡</span> </a> </li> <li> <a href="javascript:void(0);" class="share-sns-facebook" title="새 창으로 열림"> <img loding="lazy" src="/sec/static/_images/common/sns-facebook@3x.png" alt="페이스북 아이콘"> <span>페이스북</span> </a> </li> </ol> </div> <button type="button" class="btn-tooltip-close" id="tooltip-share-close"><em class="blind">툴팁 닫기</em></button> </div>  </li> </ul> </div> </div> </div> </div> </div> </footer>  <button id="energyBtn" style="display:none" type="button" data-popup-target="popupEnergy">팝업보기</button> <div class="layer-pop layer-normal layer-energy-calculator" id="popupEnergy" tabindex=" 0" data-popup-layer="popupEnergy" data-focus="popupEnergy"> </div>   <div class="layer-pop layer-normal" id="popupGatherRefuse" tabindex="0" data-popup-layer="popupGatherRefuse" data-focus="popupGatherRefuse"> <div class="layer-header"> <h2>이메일 무단 수집거부</h2> </div> <div class="layer-content"> <div class="etc-divWrap"> <p>본 웹사이트는 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단 수집되는 것을 거부합니다.<br> 이를 위반 시 『정보통신망 이용 촉진 및 정보보호 등에 관한 법률』등에 의해 처벌받을 수 있습니다.</p> </div> </div> <button type="button" class="pop-close" data-focus-next="popupGatherRefuse">팝업닫기</button> </div>   <div class="layer-pop layer-normal" id="popupIdeaPolicy" tabindex="0" data-popup-layer="popupIdeaPolicy" data-focus="popupIdeaPolicy"> <div class="layer-header"> <h2>아이디어 제안에 대한 정책</h2> </div> <div class="layer-content"> <div class="etc-divWrap"> <p>삼성전자 및 삼성전자 임직원은 당사가 공식적으로 요청하지 않았음에도 불구하고 여러분께서 일방적으로 당사에 제출하는 아이디어나 제안 등을 수령하거나 검토하지 않습니다.</p> <p>이는 제출하신 내용이 당사 내부적으로 개발한 제품, 기술, 서비스와 유사할 경우 발생할 수 있는 오해와 분쟁을 방지하고 나아가 여러분의 창의적인 아이디어를 적극 보호하기 위함입니다.</p> <p>이러한 취지를 이해하여 주시고 구체화되지 않은 아이디어나 콘셉트(Concept) 단계의 제안이 당사에 제출되지 않도록 하여 주시기 바랍니다.</p> </div> </div> <button type="button" class="pop-close" data-focus-next="popupIdeaPolicy">팝업닫기</button> </div>     <script defer src="//t1.kakaocdn.net/kakao_js_sdk/v1/kakao.min.js"></script> <script defer src="/sec/static/_script/snsShare.js"></script> <script defer type="text/javascript"> $(document).ready(function(){ console.log('============== footer.jsp script start ====================='); // b2c facebook.app.id.b2c는 없음 - fnet, fnet_etc, b2b2c는 존재(business.xml) if(kakaoAppKey == null || kakaoAppKey == "" || kakaoAppKey == undefined) { shareInit("5880e4317936087f2764a5d340e6bca6", ""); } // 소셜공유/공유하기 $(".tooltip-share a").off("click.tooltip-share").on("click.tooltip-share", function(e) { e.preventDefault(); var _this = $(this); var locationUrl = window.location.href; if(_this.hasClass("share-copylink")) { GA4ShareFollow("share-copylink"); // 링크복사 var clipboard = new ClipboardJS(".share-copylink", { text: function() { return locationUrl; } }); clipboard.on("success", function(e) { var vTimer = setTimeout((function(){ $("#mask").trigger("click"); }), 5000); $("#mask").off().on("click", function (){ $(".popup-msg").hide(); $(".popup-msg").empty(); scrollLock("unlock"); $("#mask").fadeOut("fast").remove(); clearTimeout(vTimer); $(this).off(); }); var alertData = { title: "" ,callback : function() { $("#share-copylink").focus() } ,content : "링크를 복사했어요." ,btnText : "확인" }; commonAlert(alertData); openLayer("commonAlert"); $(".btn-share").attr("data-popup-target","commonAlert"); }); clipboard.on("error", function(e) { var alertData = { title: "" ,content : "일시적인 오류로 링크를 복사하지 못했습니다.<br>다시 시도해주세요." ,callback : function() { $("#share-copylink").focus() } ,btnText : "확인" }; commonAlert(alertData); openLayer("commonAlert"); $(".btn-share").attr("data-popup-target","commonAlert"); }); } else if(_this.hasClass("share-sns-kakao")) { GA4ShareFollow("share-sns-kakao"); var imgPath = $("meta[property='og:image']").attr("content"); var defaultImgSrc = "https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"; if(imgPath == null || imgPath === ""){ imgPath = defaultImgSrc; }else if(imgPath.indexOf("images.samsung.com") >= 0){ var firstDomainIndex = imgPath.indexOf("images.samsung.com"); var lastDomainIndex = imgPath.lastIndexOf("images.samsung.com"); //var imageDomain = "images.samsung.com/kdp"; if(firstDomainIndex != lastDomainIndex){ imgPath = "https://"+imgPath.substring(lastDomainIndex); } } // 카카오톡 공유하기 snsShare.kakaoTalk(locationUrl , $("head > title").text() , imgPath , ""); } else if(_this.hasClass("share-sns-facebook")) { GA4ShareFollow("share-sns-facebook"); // 페이스북 공유하기 snsShare.facebook(locationUrl); } }); }); // ready end function showSafety() { $(".dropDown-content .subDesc").hide(); $(".dropDown-content .dropButton").hide(); $(".dropDown-content .dropcontent").show(); } // 약관 변경 $(document).on("click", "#dropClauseList01 .droplist-item", function(e) { var id = $(this).attr("id"); if (id == "optServiceClause03") { location.href = "/sec/membership/terms/"; } }); function openWa() { var agent = navigator.userAgent.toLowerCase(); var path = "/sec/"; if(!(device.val == "m")){ if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open(path + "static/_images/common/WA-2022.jpg", "popup", "width=650, height=900, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open(path + "static/_images/common/WA-2022.jpg", "popup", "width=550,height=750"); } }else{ window.open(path + "static/_images/common/WA-2022-mo.jpg", "popup", "width=550,height=750"); } } function openPrivacy() { var agent = navigator.userAgent.toLowerCase(); if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open("https://www.eprivacy.or.kr/front/certifiedSiteMark/certifiedSiteMarkPopup.do?certCmd=E&certNum=2024-E-R005", "popup", "width=650, height=900, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open("https://www.eprivacy.or.kr/front/certifiedSiteMark/certifiedSiteMarkPopup.do?certCmd=E&certNum=2024-E-R005", "popup", "width=550,height=750"); } } //협력회사 사이버 신문고(새창) function openCyberVoc() { var agent = navigator.userAgent.toLowerCase(); if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open("https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com", "popup", "width=830,height=600, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open("https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com", "popup", "width=830,height=600"); } } function GA4ShareFollow(socialNetwork) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'share_follow', social_network: socialNetwork }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script defer type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "s_bf7aca045e5"; if (!_nasa) var _nasa={}; if(window.wcs) { wcs.inflow("samsung.com"); wcs_do(_nasa); } </script> <script> // GA4 click_nav footer $(document).on("click", "#footer .footer-content .footer-inner ul li ul li a", function(e){ GA4ClickNavFooter($(this)); }); function GA4ClickNavFooter(obj){ try { var itemName = $(obj).text(); var dataOmni = $(obj).closest("ul").parent("li").attr("class") + ":" + $(obj).data("omni"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_nav' , // 필요. 이벤트 GA에 전송 item_category: 'footer', // 예: 모바일 (an_ac에서 읽기) item_name: itemName , // 예: 스마트폰(an_la의 마지막깊이에서 읽기) an_ca: 'navigation' , // 예: should always be navigation an_ac: 'footer' , // 예: gnb, footer an_la: dataOmni // 예: <depth 1 value>:<depth 2 value>:<depth 3 value> }); //console.log("GA4 click_nav"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_nav TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script defer> let mobileWebCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined)); if(mobileWebCheckFlag){ setTimeout((function(){ appLaunch(); }), 2000); } function appLaunch(){ let pcDevice = "win16|win32|win64|mac|macintel"; let platform = navigator.platform; let locationUrl = window.location.href; if(platform){ if(pcDevice.indexOf(platform.toLowerCase())>= 0){ return; } } if(locationUrl=="http://localhost:8080/sec/" || locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/"){ try{ location.href="secapp://action"; //메인 접속시 앱 띄우기 }catch(e){ console.log("app launch fail"); } } } </script> <script> if( typeof PROPS_ADBRIX_APP_KEY === 'undefined' ) { var PROPS_ADBRIX_APP_KEY = "0nCtQ3s60km0zcXUGeZZBQ"; var PROPS_ADBRIX_WEB_SECRET_KEY = "IU54Ulr2xUawNnSUwBHrkw"; var PROPS_JOIN_MEMBERSHIP_TOKEN = "4b7db13b3c654b80a5f2d412d782993026fc134823312481657e4c36f0bf6330&Fnm=8241445b72beeb8d2e330bc198a4896a0953dff4dd28ced398bcce6c4205a9de"; var PROPS_DATA_KAKAOKEY = "5880e4317936087f2764a5d340e6bca6"; var PROPS_NAVER_CLIENT_ID = "w7hzcUlMAcYgXwEjhial"; var PROPS_NAVER_CLIENT_SECRET = "KqwN0GzEcF"; var PROPS_NAVER_ACCESS_TOKEN = "AAAAN0E4MqLS8hlDxX3PoSR9njzLQiY9UmKQEHZZylXqIocX4WGmgV0yw21iwuZgaUoblQ87jN_Z__GzbgDdix_xLfU"; var PROPS_FACEBOOK_ACCESS_TOKEN = "EAAbgPOh6aEABACscvkdSD8g2BY5ZAS3qUM8RzcjxOtlNreKfmqLMOD7OheOdmDo4jFaZCvR2sve70CnGZBzZBWFA8gcZBw2QSo3J3yolt2FPRzszIVHavUf1WZAzmx8WkWPlvkC2cqmuRBE9TgwJ7J89X06TbMrELLf1OP9SX9HSvp9BfYfOGkl9lW9pgBZCyYWmvR0vtI8Jr4bRjKmdvJg7eZAzm8RZB6JIZD"; } if( typeof PROPS_ACCOUNT_PUBLICKEY === 'undefined' ) { var PROPS_ACCOUNT_PUBLICKEY = "h+jM3wrLz3KD87tTk7PA3I3VhBWkbcEyJehSyOiHEcMP1oAVsU3ekiO5msjxEsT/"; } </script>   <script type="text/javascript"> let bnbFlag = true; $(document).ready(function() { try { var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf('SECAPP') > -1 || userAgent.indexOf("SECTEST") > -1 || userAgent.indexOf('SECIOS') > -1) { bnbAppVersionChk(); } else { //앱 아닐때 bnb 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } } catch(err) { //앱 버전체크 오류시 bnb 무조건 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } }); //안드로이드 및 IOS 버전 체크해서 특정 버전보다 상위버전이면 bnb 숨김, 버전이 낮거나 같으면 bnb 노출 function bnbAppVersionChk() { let chkVersionRslt = checkAppVersion(); //특정 버전보다 상위버전이면 if(chkVersionRslt == 1) { //bnb 숨김 if (!bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbHide(); } bnbFlag = false; } //특정 버전보다 하위버전이거나 같으면 else { //bnb 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } } // 사용자메뉴열기 function openBnbUserMenu(){ if($("#header__navi").length > 0){ $(".menu__button").click(); } else { $(".link-m-nav").click(); } } // 최근 본 제품 function bnbFirstRecentGoods() { $.ajax({ url : "/sec/xhr/goods/getFirstRecentGoods", type : "POST", success : function(result) { var recentGoodsData = JSON.parse(result); var recentGoodsNm = recentGoodsData.recentGoodsNm; var html = ""; if (recentGoodsData.recentYn === "Y") { html += '<a href="javascript:void(0);" id="btn-rcntgoods-floating" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-omni="bnb_recently viewed products" data-st-path ="' + recentGoodsData.stContextPath + '" title="최근 본 제품 팝업열림">'; html += '<div class="botnavi__recent">'; html += '<img src="' + recentGoodsData.recentImgPath + '?$128_128_PNG$" alt="' + recentGoodsData.recentGoodsNm + '">'; html += '</div>'; html += '</a>';  $("#recentGoodsNm").val(recentGoodsNm); }else{ // 최근본 제품이 없는 경우에도 최근본 제품 팝업을 띄우도록 수정 - 2024.04.17 dslee html += '<a href="javascript:void(0);" id="btn-rcntgoods-floating" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-omni="bnb_recently viewed products" data-st-path ="' + recentGoodsData.stContextPath + '" title="최근 본 제품 팝업열림">'; html += ' <i class="icon default"> '; html += ' <svg id="bnb_ic_history" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> '; html += ' <path id="Icon-_-Regular-_-Notification-_-Clock" data-name="Icon-/-Regular-/-Notification-/-Clock" '; html += ' d="M47.5,3A45.5,45.5,0,1,1,2,48.5,45.5,45.5,0,0,1,47.5,3Zm0,5A40.5,40.5,0,1,0,88,48.5,40.5,40.5,0,0,0,47.5,8ZM50,15.5V46H75.5v5H45V15.5Z" '; html += ' transform="translate(0.5 -0.5)"> '; html += ' </path> '; html += ' <rect id="container" width="96" height="96" fill="none"></rect> '; html += ' </svg> '; html += ' </i> '; html += ' <i class="icon active"> '; html += ' <svg id="bnb_ic_history_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> '; html += ' <path id="제외_2" data-name="제외 2" '; html += ' d="M45.5,91A45.5,45.5,0,1,1,91,45.5,45.553,45.553,0,0,1,45.5,91ZM43,12.5V48H73.5V43H48V12.5Z" '; html += ' transform="translate(2.999 2.999)"> '; html += ' </path> '; html += ' <rect id="container" width="96" height="96" fill="none"></rect> '; html += ' </svg> '; html += ' </i> '; html += ' <span>최근 본 제품</span> '; html += '</a> '; } $("#liRecentGoods").html(html); } }); } // 공통코드 - UNPACKED_GOODS 사용여부 체크 var unpackedPeriodYn = "N"; if (unpackedPeriodYn === "N") { bnbFirstRecentGoods(); } function openSessionLink(url, target) { try { var useLogin = $("#useLogin").val(); if(useLogin != "Y"){ NetFunnel_Action({ action_id: 'b2c_login_default' }, function (ev, ret) { window.open(url, target); }); } else { window.open(url, target); } } catch (e) { window.open(url, target); } } function bnb_chat_select_open() { BnbGA4ChatStart(); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); let url = "/sec/"+"chatbotPop/"; // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbotPop/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbotPop/#/"; BnbGA4ChatComplete(); location.href = url; // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbotPop/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbotPop/#/"; // var chatbotPop = window.open(url, // "chatselect", // 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); // chatbotPop.onbeforeunload = function () { // BnbGA4ChatComplete(); // } } function BnbGA4ChatStart() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_start' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } function BnbGA4ChatComplete() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_complete' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script> //231016 스크롤 함수 document.addEventListener("DOMContentLoaded", function(){ let lastValY = 0; addEventListener("scroll", e => { e.stopPropagation(); let thisValY = window.scrollY || window.pageYOffset; if(window.innerWidth > 1280) return; if($(".menu__wrap").length > 0) { if($(".menu__wrap").attr("aria-hidden") == "false") return; } const pfCompare = document.querySelector('.pfpd-compare'); let pfCompareTrue = pfCompare != null; let scrollDown = thisValY > lastValY + 2; let scrollUp = thisValY < lastValY - 2; //앱 아닐때 또는 특정 앱버전과 같거나 이전 버전이면 bnb 노출 이라서 이때만 실행되도록 수정 if(bnbFlag) { if($("#bottom__navi").length > 0) { if(pfCompareTrue) { pfCompare.style.transition = "0.2s cubic-bezier(0.165, 0.84, 0.44, 1)"; if(scrollDown) { pfCompare.classList.remove('withBnb'); } else if(scrollUp) { pfCompare.classList.add('withBnb'); } } if(scrollDown) { bnb.bnbHide(); } else if(scrollUp) { bnb.bnbShow(); } } } // scrollDown ? bnb.bnbHide() : bnb.bnbShow(); lastValY = thisValY; }); //bnb 혜택, 나의 정보 클릭된 상태로 되도록 추가 var chkUrl = "/sec/outlets/all-outlets/"; //혜택 if(chkUrl.indexOf('/sec/mypage/eventCollection/eventCollectionList/') >= 0){ $(".bnbitem_benefits").addClass("active"); } //나의 정보 else if(chkUrl.indexOf('/sec/membership/point/') >= 0){ $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyMembership/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/mypetList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyDeliveryList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyDeviceList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyRepairList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/order/indexDeliveryList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/order/indexClaimList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/dividePayment/indexDividePaymentList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/dividePayment/indexDividePaymentClaimList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/myShopping/myRegularDelivery/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/qooker/qookerSubscribeInfo/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/maniaStamp/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/event/bespokePanelEventEntry/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexMyHotList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexMyexhibitions/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexRestockView/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/coupon/indexMyCoupon/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/coupon/indexCouponDownload/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/present/indexMyPresentBox/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/review/indexMyReview/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/my-account/my-qna/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/customer/myDigitalReservationSearch/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/samsungstore/culture-lab/myculture/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/checkinHistory/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/qrScanGoodsHistory/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/coupon/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/estimate/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/homeClass/indexMyHcOrderList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/homefitness/myhome/indexMyHotClsList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/homeClass/indexMyHcCancelExpireList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/indexMyGalaxyClub/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/careplus/getPaymentManagement/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/careplus/careplusSubscriptionList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } }); </script> <div id="bottom__navi" class="bnb_renewal _hide"> <ul class="botnavi__menu"> <li class="bnbitem_menu" data-type="bnb__menu"> <a href="javascript:void(0);" data-omni="bnb_category" id="bnbCategory"> <i class="icon default"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_menu" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="icn_menu" d="M0,61V54H78v7ZM0,34V27H78v7ZM0,7V0H78V7Z" transform="translate(9 18)"></path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_menu_selected" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="icn_menu" d="M0,66.322V54H78V66.322Zm0-27V27H78V39.322Zm0-27V0H78V12.322Z" transform="translate(9 14.933)"> </path> </svg> </i> <span>메뉴</span> </a> </li> <li class="bnbitem_benefits" data-type="bnb__benefits"> <a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni="bnb_benefits"> <i class="icon default"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_benefits" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="_Icon_Regular_Shopping_Deal" data-name="*Icon / Regular / Shopping / Deal" d="M45.068,90.138a3.485,3.485,0,0,1-2.5-1.07l-7.25-7.619-10.08,3a3.45,3.45,0,0,1-4.33-2.5L18.438,71.7l-10.22-2.47a3.44,3.44,0,0,1-2.5-4.33l3-10.08-7.65-7.25a3.459,3.459,0,0,1,0-5l7.619-7.25-3-10.08a3.473,3.473,0,0,1,.38-2.71,3.522,3.522,0,0,1,2.18-1.63l10.22-2.46,2.46-10.22a3.453,3.453,0,0,1,4.341-2.5l10.08,3,7.22-7.65a3.459,3.459,0,0,1,5,0l7.25,7.619,10.08-3a3.43,3.43,0,0,1,4.33,2.49L71.7,18.408l10.23,2.471a3.44,3.44,0,0,1,2.5,4.33l-3,10.08,7.639,7.28a3.459,3.459,0,0,1,0,5l-7.619,7.25,3,10.08a3.449,3.449,0,0,1-2.51,4.34L71.7,71.7l-2.46,10.23a3.483,3.483,0,0,1-1.64,2.14,3.437,3.437,0,0,1-2.7.31l-10.08-3-7.25,7.69A3.484,3.484,0,0,1,45.068,90.138Zm-9.86-13.8c.1,0,.2,0,.31.013h.01a4.328,4.328,0,0,1,3.05,1.27l6.491,6.82,6.49-6.82a4.311,4.311,0,0,1,4.17-1.11l9,2.66,2.24-9.1a4.3,4.3,0,0,1,3-3l9.15-2.21-2.66-9a4.321,4.321,0,0,1,1.111-4.17l6.87-6.619-6.82-6.491a4.32,4.32,0,0,1-1.11-4.17l2.66-9-9.1-2.24a4.292,4.292,0,0,1-3-3.05l-2.31-9.149-9,2.66a4.288,4.288,0,0,1-4.17-1.11L45.068,5.7l-6.491,6.82a4.288,4.288,0,0,1-4.17,1.11l-9-2.66-2.24,9.149a4.285,4.285,0,0,1-3.05,3.05l-9.149,2.21,2.66,9a4.286,4.286,0,0,1-1.11,4.17L5.7,45.068l6.82,6.49a4.3,4.3,0,0,1,1.11,4.17l-2.66,9,9.149,2.21a4.289,4.289,0,0,1,3.05,3l2.21,9.15,9-2.66A3.783,3.783,0,0,1,35.208,76.335ZM57.3,62.568a7.025,7.025,0,0,1-5.945-2.6c-1.314-1.729-1.978-4.358-1.975-7.815v-.08c0-3.483.666-6.133,1.98-7.874a7,7,0,0,1,5.94-2.625,7,7,0,0,1,5.943,2.625c1.316,1.742,1.984,4.391,1.988,7.874s-.667,6.133-1.983,7.875A7.01,7.01,0,0,1,57.3,62.568Zm.045-16.646a2.15,2.15,0,0,0-2.035,1.456,12.4,12.4,0,0,0-.64,4.69,12.436,12.436,0,0,0,.64,4.69,2.15,2.15,0,0,0,4.071,0,12.436,12.436,0,0,0,.64-4.69,12.4,12.4,0,0,0-.64-4.69A2.151,2.151,0,0,0,57.343,45.922ZM39.678,62.068h-5.2l15.98-34h5.2Zm-6.84-13.579A7,7,0,0,1,26.9,45.863c-1.315-1.742-1.984-4.391-1.987-7.875s.667-6.133,1.982-7.875a7.009,7.009,0,0,1,5.947-2.625,7,7,0,0,1,5.945,2.625c1.314,1.742,1.978,4.391,1.975,7.875s-.666,6.133-1.98,7.875A7,7,0,0,1,32.838,48.488Zm.035-16.646A2.15,2.15,0,0,0,30.838,33.3a12.442,12.442,0,0,0-.64,4.69,12.4,12.4,0,0,0,.64,4.69,2.15,2.15,0,0,0,4.009.16l.062-.16a12.4,12.4,0,0,0,.64-4.69,12.442,12.442,0,0,0-.64-4.69A2.15,2.15,0,0,0,32.873,31.842Z" transform="translate(2.932 2.932)"> </path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <g id="bnb_ic_benefits_selected" transform="translate(-2592 1152)"> <rect id="Rectangle" width="96" height="96" transform="translate(2592 -1152)" fill="none"></rect> <path id="합치기_3" data-name="합치기 3" d="M44.82,93.774l-7.636-8.02L26.572,88.913a3.7,3.7,0,0,1-1.026.146,3.627,3.627,0,0,1-1.814-.485,3.671,3.671,0,0,1-1.719-2.295l-2.6-10.794-10.764-2.6A3.623,3.623,0,0,1,6.023,68.33L9.182,57.717,1.127,50.081a3.634,3.634,0,0,1,0-5.261l8.02-7.636L5.988,26.572a3.64,3.64,0,0,1,.4-2.85A3.692,3.692,0,0,1,8.687,22l10.759-2.588L22.033,8.652A3.631,3.631,0,0,1,26.6,6.024L37.219,9.182l7.6-8.055a3.633,3.633,0,0,1,5.261,0l7.636,8.02L68.329,5.989a3.567,3.567,0,0,1,1.036-.151,3.671,3.671,0,0,1,1.809.48,3.625,3.625,0,0,1,1.713,2.294l2.6,10.769,10.774,2.6a3.631,3.631,0,0,1,2.633,4.558L85.734,37.154l8.04,7.666a3.634,3.634,0,0,1,0,5.261l-8.02,7.636L88.913,68.33A3.637,3.637,0,0,1,86.27,72.9L75.485,75.485,72.9,86.26a3.689,3.689,0,0,1-1.728,2.254,3.644,3.644,0,0,1-2.84.323L57.717,85.678l-7.636,8.1a3.633,3.633,0,0,1-5.261,0Zm7.166-38.958V54.9c-.005,3.638.7,6.408,2.082,8.227a7.389,7.389,0,0,0,6.256,2.744c5.539,0,8.348-3.719,8.348-11.057s-2.815-11.052-8.348-11.052S51.986,47.483,51.986,54.816ZM36.3,65.348h5.473L58.6,29.548H53.123ZM26.223,39.994c.01,7.333,2.82,11.052,8.349,11.052s8.338-3.719,8.338-11.052c.005-4.179-.9-7.211-2.7-9.01a7.648,7.648,0,0,0-5.64-2.047C29.032,28.937,26.223,32.656,26.223,39.994Zm32.01,19.765a13.117,13.117,0,0,1-.672-4.937,13.027,13.027,0,0,1,.672-4.942,2.265,2.265,0,0,1,4.285,0,13.119,13.119,0,0,1,.672,4.942,13.211,13.211,0,0,1-.672,4.937,2.265,2.265,0,0,1-4.285,0ZM32.469,44.931a13,13,0,0,1-.672-4.937,13.1,13.1,0,0,1,.672-4.937,2.265,2.265,0,0,1,4.285,0,13.2,13.2,0,0,1,.672,4.937,13.1,13.1,0,0,1-.672,4.938l-.065.167a2.264,2.264,0,0,1-4.22-.167Z" transform="translate(2592.55 -1151.45)"> </path> </g> </svg> </i> <span>혜택</span> </a> </li> <li class="bnbitem_chatbot" data-type="bnb__chatbot"> <a href="javascript:void(0);" onclick="javascript:bnb_chat_select_open();" data-omni="bnb_chatbot" title="삼성닷컴 챗봇 새창열림"> <i class="icon default"> <svg id="bnb_ic_chatbot" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Communication_Message" data-name="Icon / Regular / Communication / Message" d="M15.5,83A2.5,2.5,0,0,1,13,80.5V65H10.5A10.512,10.512,0,0,1,0,54.5v-44A10.512,10.512,0,0,1,10.5,0h64A10.512,10.512,0,0,1,85,10.5v44A10.511,10.511,0,0,1,74.5,65H34.412L17.274,82.261A2.479,2.479,0,0,1,15.5,83Zm-5-78A5.506,5.506,0,0,0,5,10.5v44A5.506,5.506,0,0,0,10.5,60h5A2.5,2.5,0,0,1,18,62.5V74.434L31.6,60.739A2.512,2.512,0,0,1,33.371,60H74.5A5.506,5.506,0,0,0,80,54.5v-44A5.506,5.506,0,0,0,74.5,5Zm51,32.5a5,5,0,1,1,5-5A5.006,5.006,0,0,1,61.5,37.5Zm-19,0a5,5,0,1,1,5-5A5.006,5.006,0,0,1,42.5,37.5Zm-19,0a5,5,0,1,1,5-5A5.006,5.006,0,0,1,23.5,37.5Z" transform="translate(5.5 6.5)"> </path> </svg> </i> <i class="icon active"> <svg id="bnb_ic_chatbot_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Communication_Message" data-name="Icon / Regular / Communication / Message" d="M15.5,83A2.5,2.5,0,0,1,13,80.5V65H10.5A10.512,10.512,0,0,1,0,54.5v-44A10.512,10.512,0,0,1,10.5,0h64A10.512,10.512,0,0,1,85,10.5v44A10.511,10.511,0,0,1,74.5,65H34.412L17.274,82.261A2.479,2.479,0,0,1,15.5,83Zm46-55.5a5,5,0,1,0,5,5A5.005,5.005,0,0,0,61.5,27.5Zm-19,0a5,5,0,1,0,5,5A5.005,5.005,0,0,0,42.5,27.5Zm-19,0a5,5,0,1,0,5,5A5.005,5.005,0,0,0,23.5,27.5Z" transform="translate(5.5 6.5)"> </path> </svg> </i> <span>채팅/상담</span> </a> </li> <li class="bnbitem_mypage" data-type="bnb__mypage"> <a href="javascript:;" onclick='openSessionLink("/sec/membership/point/", "_self");' data-omni="bnb_my account"> <i class="icon default"> <svg id="bnb_ic_mypage" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Human_User" data-name="Icon / Regular / Human / User" d="M3.5,89A3.5,3.5,0,0,1,0,85.5V77.555A27.425,27.425,0,0,1,2.443,66.3a30.55,30.55,0,0,1,6.612-9.422,31.451,31.451,0,0,1,9.709-6.471,29.829,29.829,0,0,1,23.472,0,31.451,31.451,0,0,1,9.709,6.471A30.55,30.55,0,0,1,58.558,66.3,27.425,27.425,0,0,1,61,77.555V85.5A3.5,3.5,0,0,1,57.5,89ZM20.705,55.014a26.465,26.465,0,0,0-8.12,5.4,25.581,25.581,0,0,0-5.538,7.834A22.471,22.471,0,0,0,5,77.555V84H56V77.555a22.475,22.475,0,0,0-2.008-9.217,25.556,25.556,0,0,0-5.439-7.785,26.472,26.472,0,0,0-7.987-5.422A24.976,24.976,0,0,0,30.912,53L30.5,53A24.934,24.934,0,0,0,20.705,55.014ZM22.52,39.389A20.569,20.569,0,1,1,30.5,41,20.429,20.429,0,0,1,22.52,39.389ZM19.54,9.54A15.5,15.5,0,1,0,30.5,5,15.4,15.4,0,0,0,19.54,9.54Z" transform="translate(17.5 3.5)"> </path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <g id="bnb_ic_mypage_selected" transform="translate(-2538 1045)"> <rect id="Container" width="96" height="96" transform="translate(2538 -1045)" fill="none"></rect> <path id="Icon_Regular_Human_User" data-name="Icon / Regular / Human / User" d="M3.5,89A3.5,3.5,0,0,1,0,85.5V77.554C0,61.819,13.978,48,30.5,48S61,61.819,61,77.554V85.5A3.5,3.5,0,0,1,57.5,89ZM10,20.5A20.5,20.5,0,1,1,30.5,41,20.5,20.5,0,0,1,10,20.5Z" transform="translate(2555.5 -1041.5)"> </path> </g> </svg> </i> <span>나의 정보</span> </a> </li> <li class="bnbitem_recent" data-type="bnb__recent" id="liRecentGoods"> <a href="javascript:void(0)" data-omni="bnb_recently viewed products"> <i class="icon default"> <svg id="bnb_ic_history" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <path id="Icon-_-Regular-_-Notification-_-Clock" data-name="Icon-/-Regular-/-Notification-/-Clock" d="M47.5,3A45.5,45.5,0,1,1,2,48.5,45.5,45.5,0,0,1,47.5,3Zm0,5A40.5,40.5,0,1,0,88,48.5,40.5,40.5,0,0,0,47.5,8ZM50,15.5V46H75.5v5H45V15.5Z" transform="translate(0.5 -0.5)"> </path> <rect id="container" width="96" height="96" fill="none"></rect> </svg> </i> <i class="icon active"> <svg id="bnb_ic_history_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <path id="제외_2" data-name="제외 2" d="M45.5,91A45.5,45.5,0,1,1,91,45.5,45.553,45.553,0,0,1,45.5,91ZM43,12.5V48H73.5V43H48V12.5Z" transform="translate(2.999 2.999)"> </path> <rect id="container" width="96" height="96" fill="none"></rect> </svg> </i> <span>최근 본 제품</span> </a> </li> </ul> </div>  </div> <input type="hidden" id="viewStContextPath" value="/sec/"/>  <script async>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVX3V74');</script>   <noscript><iframe loading="lazy" src="https://www.googletagmanager.com/ns.html?id=GTM-NVX3V74" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script async> /* s : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function checkAge(birthDate){ const today = new Date(); //현재날짜 birthDate = (birthDate + "") var age = today.getFullYear() - Number(birthDate.slice(0,4)); //나이 var mon = (today.getMonth()+1) - Number(birthDate.slice(4,6)); //월 //생일 안지났으면 -1 if(mon < 0 || (mon === 0 && today.getDate() < Number(birthDate.slice(6,8)))) { age = age -1; } return age; } /* e : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function chat_open() { fcTrack('click','floating chat:chat bot'); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); /* 만 나이별로 agepass 구분값 전송 * 14세 이상 => 'y' * 14세 미만 => 'n' * 로그인하지 않을경우 => 'u' */ var agepass = null; var birthAge = null; var birthDate = $.cookie("birthDate_1_"); if(birthDate != 0 && birthDate != null){ birthAge = checkAge(birthDate); } if( birthAge == "" || birthAge == null || birthAge == undefined ) { agepass = "u"; } else if(birthAge > 13) { agepass = "y"; } else if(birthAge < 14) { agepass = "n"; } window.open('/sec/chatbot/?agepass='+ agepass, 'chatbot', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } function chat_open2() { fcTrack('click','floating chat:chat online'); var gType = Math.round(Math.random() * 1) ? 'm' : 'f'; var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); window.open('/sec/chatbot/?type=ep&c='+ gType, '_chatbot2', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } function chat_open3() { fcTrack('click','floating chat:offline store'); } function gift_open() { fcTrack('click','float chat:event gift'); window.location.href = '/sec/' + "event/gift/"; } function floating_open() { fcTrack('click','floating chat'); } logger("prd"); $(document).ready(function(){ var userAgent=navigator.userAgent.toUpperCase(); if(userAgent.indexOf("SECAPP")>-1||userAgent.indexOf("SECTEST")>-1){ // GNB리뉴얼 - 기존 GNB인 경우에만 처리(리뉴얼GNB인지 체크) if($("#header__navi").length == 0){ $("#header").hide(); } } }); </script> <script defer src="/sec/static/_script/gnb.js?ver=20241127035551"></script> <script async type="text/javascript"> var checkActionTimeOut; $(document).ready(function () { // 전사이트 pc분기 - pc일때만 적용. if('0' != '0' && "win16|win32|win64|mac|macintel".indexOf(navigator.platform.toLowerCase()) > -1){ resetLoginTimeOut(); $(document).on('click keypress' , 'body' , function(){ resetLoginTimeOut(); }); } }); function resetLoginTimeOut() { window.clearTimeout(checkActionTimeOut); checkActionTimeOut = setTimeout(function() { // n분 후 로그아웃 location.href="/sec/member/logout/"; }, 24*60*60*1000);//24시간 설정되있음. } </script>  <script defer src="https://www.googletagmanager.com/gtag/js?id=AW-10864240863"></script> <script defer> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10864240863'); </script>  <script type="text/javascript" src="https://resources.digital-cloud-west.medallia.com/wdcwest/469099/onsite/embed.js" async></script> </body> </html>

CINXE.COM

아울렛 | Samsung 대한민국