CINXE.COM
인덕션 | 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/electric-range/"> <meta name="keywords" content="셰프컬렉션 인덕션, 인덕션, 하이브리드, 라디언트"> <meta name="description" content="삼성 인덕션에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <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/electric-range/"> <meta name="twitter:title" content="인덕션 | Samsung 대한민국"> <meta name="twitter:description" content="삼성 인덕션에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta name="twitter:image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"> <!-- s: 2022.03.15 VAC 광고 세팅 중 웹사이트 확인을 위한 tag --> <meta name="google-site-verification" content="Y5FXtKRkwrMXPsNBUlQe-3vZp4mtp_PZRy1jmEyp6wM" /> <!-- e: 2022.03.15 VAC 광고 세팅 중 웹사이트 확인을 위한 tag --> <meta name="thumbnail" content="https://images.samsung.com/kdp/st/1/17875ef3-e132-4a7e-abfb-2622dd6c8a9c.jpg" alt=""> <meta property="og:url" content="https://www.samsung.com/sec/electric-range/"> <meta property="og:image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"> <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="삼성 인덕션에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta property="og:country-name" content="sec"> <meta itemprop="name" content="Samsung sec"> <meta itemprop="image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"> <meta itemprop="url" content="https://www.samsung.com/sec/electric-range/"> <meta itemprop="description" content="삼성 인덕션에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta itemprop="keywords" content="셰프컬렉션 인덕션, 인덕션, 하이브리드, 라디언트"> <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> <!-- PUB : style.css import resources --> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/reset.css?ver=20241122041733"> <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=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/layout.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/pf.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part01.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part02.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part03.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part04.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part05.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part06.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/component.css?ver=20241122041733"><!-- 컴포넌트 스타일 --> <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/gnb.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/bnb.css?ver=20241122041733"> <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/swiper.min.js"></script> <script src="/sec/static/_script/masonry.min.js"></script><!-- masonry js --> <script src="/sec/static/_script/jquery.blockUI.js"></script> <script src="/sec/static/_script/base.js?ver=20241122041733"></script> <script src="/sec/static/_script/layerPop.js?ver=20241122041733"></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=20241122041733" charset="UTF-8"></script> <script src="/sec/static/_script/netfunnel_skin.js?ver=20241122041733" charset="UTF-8"></script> <script src="/sec/static/_script/event/event.js?ver=20241122041733"></script> <script src="/sec/static/_script/common.js?ver=20241122041733"></script> <script src="/sec/static/_script/custom.js?ver=20241122041733"></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=20241122041733"></script> <script src="/sec/static/_script/component.js?ver=20241122041733"></script> <script src="/sec/static/_script/clipboard.min.js"></script> <script async type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript" src="/sec/static/_script/picturePolyfill.min.js"></script> <script src="/sec/static/_script/buynow.js?ver=20241122041733"></script> <script defer src="/sec/static/_script/bnb.js?ver=20241122041733"></script> <script defer src="/sec/static/_script/gnb.js?ver=20241122041733"></script> <script type="text/javascript" src="https://images.samsung.com/kdp/script/jquery-migrate/jquery-migrate.min.js" charset="utf-8"></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> <!-- s : 상시로그인 --> <script src="https://account.samsung.com/resources/libs/analytics/1.0.0/analytics.min.js"></script><!-- Samsung analytics --> <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®ion=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><!-- e : 상시로그인 --> <!-- s : AA 태깅 --> <script async type="text/javascript"> var pageURL = window.location.href; var siteCode = "sec"; var digitalData = { "page" : { "pageInfo" : { "siteCode" : siteCode , "siteSection" : "" , "pageName" : "" , "pageURL" : pageURL , "pageTrack" : "microsite" , "version" : "KDP" } , "pathIndicator" : { "depth_2" : "" , "depth_3" : "" , "depth_4" : "" , "depth_5" : "" } } , "user" : { "loginStatus" : "" } , "product" : { "category" : "" , "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> <!-- e : AA 태깅 --> <script> var stGbCd = '10'; </script> <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(){ shareInit('5880e4317936087f2764a5d340e6bca6', ''); }); </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="bdpnbeqxjpkdmz2ccr5a-f-803b95ce6-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":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"61cf57c3","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":52916,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732383866","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==KXSwiWIzv2gyMTNwPYOK9j2sh56hfpxArq/ZxXtnzyagC9tynAOHqn5hDwRSzGTS4az2djbbPYcZpjEQdNaU2PTnbKuf42PMj+AwGc1l2F7FkPIYJiOmXVi8csaP1yrnGOh2c1N4kRQP+BBr0VItqDVZWoPOPs/hFVGFKHPZLvroSwigSP6orOs4SM47nDK2hS+Mdouf7UDYRHDpg5xnP1JdMKTpG0/sWzJf6HgBl2qvHAjESCjikNN9gaSLx3Xbt7+jAWGrV4TD9STHinar7dS0tD5X+ieMH0Ne0Jv0QS6hzxRdVfJV4LZ61X4G9p4+asjhWXJ74kKkuZZ0SWxSr/L4x47o1akrbBkhHcOw5mCqx+NDM/YeRE2i4WbJDeZaJNb7q+y/CngjUkVJ5rIGdYTS0Hsjy3c6KVNgCrR5wzE=","ak.pv":"3677","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> <!-- s : 스킵 --> <div id="skip_content"> <a href="#container" class="">본문 바로가기</a> </div> <!-- e : 스킵 --> <div id="wrap"> <div id="gcsInducePopBf" style="display: none;"></div> <!-- todo : 속도개선 20230628 --> <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><!-- s : 머리글 영역 --> <!-- header main4 --> <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"> <!-- s: KDP-45850 [B2C] 모바일 모달 팝업 변경 요청의 건 --> <div class="app_btmBanner_swiper"> <div class="swiper-wrapper"></div> <div class="swiper-pagination"></div> </div> <!-- //e: KDP-45850 [B2C] 모바일 모달 팝업 변경 요청의 건 --> </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"> <!-- <img src="https://www.samsungebiz.com/sec/static/_images/common/bg-toast-gcs2_20230809.png" alt="" /> --> </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> <!-- Decibel - www.samsung.com sec --> <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> <!-- s AdBrix Web SDK --> <!-- 일단은 리스트업 해놓고 다른곳에서 불러서 사용하는곳 찾아서 볼것 --> <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> <!-- e AdBrix Web SDK --> <!-- 230302 바깥쪽 딤처리 --> <div class="outer__mask" data-type=""></div> <header id="header__navi" > <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> <!-- s: markup 추가 0713 모바일용 메뉴 추가 --> <input type="hidden" name="useLogin" id="useLogin" value="" /> <!-- e: markup 추가 0713 모바일용 메뉴 추가 --> <!-- s: GNB xhr사용여부 --> <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" /> <!-- e: GNB xhr사용여부 --> <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); } } }); } <!-- todo : 속도개선 20230628 --> 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> <!-- e : 머리글 영역 --> <!-- s : bnbTopBar(PD페이지 최상단바) 영역 --> <script> if("Y" == "Y"){ $("#header__navi").addClass("no__bnb"); } else { $("#header").addClass("no__bnb"); } </script> <!-- e : bnbTopBar(PD페이지 최상단바) 영역 --> <!-- s : 통합검색 --> <script> viewportChange(); </script> <head> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <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> <!-- End Google Tag Manager (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="bdpnbeqxjpkdmz2ccr5a-f-803b95ce6-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":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"61cf57c3","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":52916,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732383866","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==KXSwiWIzv2gyMTNwPYOK9j2sh56hfpxArq/ZxXtnzyagC9tynAOHqn5hDwRSzGTS4az2djbbPYcZpjEQdNaU2PTnbKuf42PMj+AwGc1l2F7FkPIYJiOmXVi8csaP1yrnGOh2c1N4kRQP+BBr0VItqDVZWoPOPs/hFVGFKHPZLvroSwigSP6orOs4SM47nDK2hS+Mdouf7UDYRHDpg5xnP1JdMKTpG0/sWzJf6HgBl2qvHAjESCjikNN9gaSLx3Xbt7+jAWGrV4TD9STHinar7dS0tD5X+ieMH0Ne0Jv0QS6hzxRdVfJV4LZ61X4G9p4+asjhWXJ74kKkuZZ0SWxSr/L4x47o1akrbBkhHcOw5mCqx+NDM/YeRE2i4WbJDeZaJNb7q+y/CngjUkVJ5rIGdYTS0Hsjy3c6KVNgCrR5wzE=","ak.pv":"3677","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> <!-- 모바일 퍼스트 2024.01.12 변경 --> <!-- 2024검색창 --> <div class="unified-search-input-wrap Advance24"> <div class="inner-unified-search"><!-- s : 240221 랩퍼 추가 --> <div class="unified-search-input-inner"> <div class="search-box"> <label for="unifiedInputSearch" class="blind">통합 검색</label><!-- 20200622 for 값 변경 --> <input type="text" id="unifiedInputSearch" class="inp" onfocus="headerSearch.eventListener.uinifiedSearchInp()" onkeydown="headerSearch.eventListener.uinifiedSearchChange()"> <span class="inp-placeholder"></span><!-- 20200917 추천검색어 추가 --> <button type="button" class="btn-inp-clear" title="삭제"><span class="blind">삭제</span></button><!-- 20200616 삭제 버튼 추가--> <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><!-- 20200622 button type 변경--> </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> <!-- 추천 제품 Slide --> 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> <!-- 연관 기획전 Slide --> 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> <!-- s : 검색 중 미리 보기 --> <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> <!-- e: 검색 중 미리 보기 --> </div> </div> </div> </div> <!-- 2024검색창 --> <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> <!-- e : 통합검색 --> <!-- s : 본문 영역 --> <div id="container" class='' > <!-- s : 페이지 로케이션 영역 --> <script type="text/javascript"> getDispPathByUrl(); function getDispPathByUrl() { let stId = "1"; let reqUri = "/sec/electric-range/"; 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"> </div><!-- e : 페이지 로케이션 영역 --> <!-- s : 최근 본 제품 --> <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><!-- e : 최근 본 제품 --> <!-- s : COMPONENT 31 Navigation Bar --> <script type="text/javascript"> // 전체 페이지 로드후 실행 window.onload=function(){ navigationBar(); $('.navigation-bar.type-text').find('div.item.swiper-slide>a').each(function() { if(window.location.href == this.href){ $(this).addClass('active'); } }); $(window).resize(function(){ navigationBar(); }); } </script> <section class="wrap-component navigation-bar type-text line-off title-left pt-none pb-none w1440px "> <div class="component-contents font-sans pt-none pb-none"data-cptnm="pcd:kitchen_appliances:electric_range:text_navigation"> <div class="navigation-wrap"> <h1 class="title" style="color:#000000;"><a href="" style="color:#000000;" target="_self">주방가전</a></h1> <div class="navigation"> <button type="button" class="btn-prev">이전</button> <!-- s: slider --> <div class="nav-slider swiper-wrapper"> <!-- s: loop --> <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/refrigerators/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_1:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_1:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:kitchen_appliances:electric_range:text_navigation:refrigerators">냉장고</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/kimchi-refrigerators/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_2:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_2:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:kitchen_appliances:electric_range:text_navigation:kimchi-refrigerators">김치냉장고</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/dishwashers/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_3:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_3:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:kitchen_appliances:electric_range:text_navigation:dishwashers">식기세척기</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/water-purifier/all-water-purifier/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_4:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_4:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:kitchen_appliances:electric_range:text_navigation:water-purifier">정수기</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/electric-range/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_5:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_5:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:kitchen_appliances:electric_range:text_navigation:electric-range">인덕션</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/cooking-appliances/all-cooking-appliances/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_6:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_6:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:kitchen_appliances:electric_range:text_navigation:oven_qooker">큐커 멀티/오븐</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/micro-wave-ovens/all-micro-wave-ovens/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_7:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_7:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:kitchen_appliances:electric_range:text_navigation:micro_wave_ovens">전자레인지</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/hood/all-hood/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_8:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_8:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:kitchen_appliances:electric_range:text_navigation:hood">후드</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/kitchen-small-appliance/all-kitchen-small-appliance/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_9:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_9:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:kitchen_appliances:electric_range:text_navigation:kitchen-small-appliance">소형가전</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/kitchen-accessories/all-kitchen-accessories/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_10:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:kitchen_appliances:electric_range:text_navigation_10:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:kitchen_appliances:electric_range:text_navigation:kitchen-accessories">액세서리</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <div class="line"></div> </div> <!-- e: slider --> <button type="button" class="btn-next">다음</button> </div> </div> </div> </section> <!-- // e : COMPONENT 31 Navigation Bar --><!-- s : Carousel container --> <section class="b2c__main-kv"> <div class="wrap-component carousel-container new-component pt-none pb-none w1440px "> <div class="component-contents pt-none pb-none gt-wrap " style="background-color:#FFFFFF" data-cptnm="pcd:kitchen_appliances:electric_range:kv"> <div class="slider-carousel-visual gt-slide ind-in ind-line arr-circle s5000" id="slideCarousel1411764" data-indcthemeclassnm="ind-line" data-indcthememclassnm="ind-dot"> <!-- loop --> <div class="visual " data-control="wht" data-arrow="wht" data-ind-title="Infinite line"> <!-- s:visual-area --> <div class="visual-area "> <picture data-alt="어두운 고동색의 하부장과 대리석 상판으로 이루어진 주방에 새틴 차콜 컬러의 infinite 인덕션이 설치되어 있습니다. 매트한 질감의 인덕션 좌측에는 스테인리스 재질의 원뿔형 화병이 놓여져 있고, 우측에는 흰색의 주전자가 놓여져 있습니다." data-default-src="//images.samsung.com/kdp/cms_contents/370073/85b9dcc6-019b-41df-8a3f-d7327af175e4.jpg?$ORIGIN_JPG$" data-omni="pcd:kitchen_appliances:electric_range:kv_1:Infinite KV" class=""> <source media="(max-width: 799px)" srcset="//images.samsung.com/kdp/cms_contents/370073/2987df23-731d-4c7a-b3a7-e56b32f3b7e7.jpg?$ORIGIN_JPG$"> <source media="(min-width: 800px)" srcset="//images.samsung.com/kdp/cms_contents/370073/85b9dcc6-019b-41df-8a3f-d7327af175e4.jpg?$ORIGIN_JPG$"> <img src="//images.samsung.com/kdp/cms_contents/370073/85b9dcc6-019b-41df-8a3f-d7327af175e4.jpg?$ORIGIN_JPG$" alt="어두운 고동색의 하부장과 대리석 상판으로 이루어진 주방에 새틴 차콜 컬러의 infinite 인덕션이 설치되어 있습니다. 매트한 질감의 인덕션 좌측에는 스테인리스 재질의 원뿔형 화병이 놓여져 있고, 우측에는 흰색의 주전자가 놓여져 있습니다." data-omni="pcd:kitchen_appliances:electric_range:kv_1:Infinite KV" class=""> </picture> <!-- endif : bundle.visualType == "video" --> </div> <!-- e: visual-area --> <!-- s : component-text --> <div class="component-text txt-top-left txtm-top-left" > <div class="component-text-inner " style="cursor:default;"> <div class="box-title"> </div> </div> </div> <!-- e : component-text --> <input type="hidden" id="showSpecificDeviceUse_1411764_0" name="showSpecificDeviceUse_1411764" value="off" data-index="0" /> <input type="hidden" id="showSpecificDeviceStr_1411764_0" name="showSpecificDeviceStr_1411764" value="" data-index="0" /> </div> <div class="visual " data-control="wht" data-arrow="wht" data-ind-title="BESPOKE 인덕션"> <!-- s:visual-area --> <div class="visual-area "> <picture data-alt="우드톤의 주방 하부장 위에 BESPOKE 인덕션 제품이 설치되어 있습니다." data-default-src="//images.samsung.com/kdp/cms_contents/370073/de222510-5730-4528-8c9a-3ebd2f813631.jpg?$ORIGIN_JPG$" data-omni="pcd:kitchen_appliances:electric_range:kv_2:BESPOKE KV" class=""> <source media="(max-width: 799px)" srcset="//images.samsung.com/kdp/cms_contents/370073/b43d290b-e2d5-439e-8c84-8c12cdc08227.jpg?$ORIGIN_JPG$"> <source media="(min-width: 800px)" srcset="//images.samsung.com/kdp/cms_contents/370073/de222510-5730-4528-8c9a-3ebd2f813631.jpg?$ORIGIN_JPG$"> <img src="//images.samsung.com/kdp/cms_contents/370073/de222510-5730-4528-8c9a-3ebd2f813631.jpg?$ORIGIN_JPG$" alt="우드톤의 주방 하부장 위에 BESPOKE 인덕션 제품이 설치되어 있습니다." data-omni="pcd:kitchen_appliances:electric_range:kv_2:BESPOKE KV" class=""> </picture> <!-- endif : bundle.visualType == "video" --> </div> <!-- e: visual-area --> <!-- s : component-text --> <div class="component-text txt-top-left txtm-top-left" > <div class="component-text-inner " style="cursor:default;"> <div class="box-title"> </div> </div> </div> <!-- e : component-text --> <input type="hidden" id="showSpecificDeviceUse_1411764_1" name="showSpecificDeviceUse_1411764" value="off" data-index="1" /> <input type="hidden" id="showSpecificDeviceStr_1411764_1" name="showSpecificDeviceStr_1411764" value="" data-index="1" /> </div> <!-- loop --> </div> <!-- e: slider-carousel-visual --> <div class="slider-controls"> <div class="wrap-controls "> <!-- 재생/일시정지 버튼 자동 슬라이드인경우 노출 --> <button type="button" class="slide-btn slide-play"><span class="blind">재생</span></button> <button type="button" class="slide-btn slide-pause"><span class="blind">정지</span></button> </div> </div> <!-- S : 레이어팝업으로 비디오 play --> <!-- E : 레이어팝업으로 비디오 play --> </div> <!-- e : component-contents --> <!-- 비주얼 슬라이드 이미지 로드 방식 변경 : 스크립트 --> <script> if (device.isApp == true) { $('#slideCarousel1411764').on('init', function(event, slick){ //console.log("data-control : " + slick.$slides[0].dataset.control); try { if(stGbCd == 20 || stGbCd == 30){ //페넷 디플일때 window.secapp.setSecAppGnbTheme('BW'); }else{ window.secapp.setSecAppGnbTheme(slick.$slides[0].dataset.control); } } catch (err) { } }); } var ctarrow_1411764 = true; var ctindi_1411764 = true; if (device.val == 't' || device.val == 'p') { if ("001" != "001") { ctindi_1411764 = false; } if ("002" != "001") { ctarrow_1411764 = false; } } else { if ("001" != "001") { ctindi_1411764 = false; } if ("002" != "001") { ctarrow_1411764 = false; } } function updateTabindex(){ $("#slideCarousel1411764 .slick-slide").each(function (index, item) { var $item = $(item); var $anchor = $item.find("a, button"); if($item.hasClass("slick-active")){ $anchor.attr("tabindex", "0").attr("aria-hidden", "false"); } else { $anchor.attr("tabindex", "-1").attr("aria-hidden", "true"); } }); }; $("#slideCarousel1411764").on({ init: function(event, slick){ updateTabindex(); } , afterChange: function(event, slick, currentSlide){ updateTabindex(); } }); vodCompoSlide('#slideCarousel1411764', 'type1', 5000, ctarrow_1411764, ctindi_1411764); $(window).resize(function () { ctarrow_1411764 = true; ctindi_1411764 = true; if (device.val == 't' || device.val == 'p') { if ("001" != "001") { ctindi_1411764 = false; } if ("002" != "001") { ctarrow_1411764 = false; } } else { if ("001" != "001") { ctindi_1411764 = false; } if ("002" != "001") { ctarrow_1411764 = false; } } $('#slideCarousel1411764').slick('slickSetOption', { dots: ctindi_1411764, arrows: ctarrow_1411764 }, true); if (ctindi_1411764){ $('#slideCarousel1411764').parent().find('.slider-controls').removeClass('hide'); } else { $('#slideCarousel1411764').parent().find('.slider-controls').addClass('hide'); } }); $(function(){ $('#slideCarousel1411764').on({ afterChange : function(event, slick, currentSlide) { var videoWrap = $(slick.$slides[currentSlide])[0]; //console.log("data-control : " + videoWrap.dataset.control); // Native App Script(wht:로고 화이트, 투명 바탕 , blk:로고 블랙, 투명 바탕) if (navigator.userAgent.indexOf('SECAPP') > -1||navigator.userAgent.indexOf('SECTEST') > -1) { try { if(stGbCd == 20 || stGbCd == 30){ //페넷 디플일때 window.secapp.setSecAppGnbTheme('BW'); }else{ window.secapp.setSecAppGnbTheme(videoWrap.dataset.control); } } catch (err) { } } } }); $(".countdownDiv_1411764").each(function (i) { if ($(this).attr("id") != "") { var id = $(this).attr("id"); var id2 = id; id2 = setInterval(function () { showCarouselCountdown(id, id2, $("#" + id).data("dt"), $("#" + id).data("hr"), $("#" + id).data("mn")); }, 1000); } }); //Cliackable KV 랜딩영역 수정 및 태깅 적용 $("#slideCarousel1411764 .component-text button").on("click", function(){ $(this).closest(".clickable_dual>.component-text-inner").removeAttr('onclick'); $(this).closest(".component-text").removeAttr('onclick'); }); }); $("[name='showSpecificDeviceUse_1411764']").each(function(idx){ var showSpecificDeviceUse = $(this).val(); var kvIndex = $(this).data("index"); var showDeviceStr = $("#showSpecificDeviceStr_1411764_" + kvIndex).val(); var showDevice = showDeviceStr ? showDeviceStr.split(',') : false; var showDeviceIdx = $("[name='showSpecificDeviceUse_1411764']").index(this); var showItem = false; if(showSpecificDeviceUse === "on" && showDeviceStr){ if (navigator.userAgent.indexOf('SECAPP')>-1 || navigator.userAgent.indexOf('SECTEST')>-1){ for(var i in showDevice){ if(navigator.userAgent.indexOf(showDevice[i].trim())> 0){ showItem = true; } } } if(!showItem){ $('#slideCarousel1411764').slick('slickRemove', showDeviceIdx); var arrowTm = $('#slideCarousel1411764 .slick-active').data().arrow; var controlTm = $('#slideCarousel1411764 .slick-active').data().control; var compoWrapClass = "component-contents pt-none pb-none gt-wrap "; $('#slideCarousel1411764').parent().prop("class",compoWrapClass+"control-"+controlTm+" arrow-"+arrowTm); } } }); </script> </div> </section> <!-- e : Carousel container --><!-- start --> <style> /** common **/ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ /* lnb */ .re-lnb {background-color:#f7f7f7;} .re-lnb__slide {position:relative; width:1440px; margin:0 auto;} .re-lnb__slide__list .item__link {display:block; padding:12px 0; outline-offset:-2px;} .re-lnb__slide__list .item__link__pic {width:86px; height:54px; margin:0 auto; background-repeat:no-repeat; background-position:center top; background-size:100% 100%;} .re-lnb__slide__list .item__link .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/lnb01.png");} .re-lnb__slide__list .item__link .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/lnb08.png");} .re-lnb__slide__list .item__link .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/lnb03-v2.png");} .re-lnb__slide__list .item__link .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/lnb04.png");} .re-lnb__slide__list .item__link .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/lnb05.png");} .re-lnb__slide__list .item__link .pic07 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/lnb07.png");} .re-lnb__slide__list .item__link__txt {display:block; margin-top:14px; font-size:14px; font-weight:700; line-height:1.35; text-align:center;} .re-lnb.-w1440 {background-color:#fff;} .re-lnb.-w1440 .re-lnb__slide {background-color:#f7f7f7;} /* lnb-swiper */ .re-lnb__slide .swiper-slide {width:134px;} .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:10px;} .re-lnb__slide .swiper-button {position:absolute; top:0; left:0; z-index:100; width:80px; height:100%; margin:0;} .re-lnb__slide .swiper-button { background: rgb(248,248,248); background: -moz-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: -webkit-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#f8f8f8",GradientType=1);} .re-lnb__slide .swiper-button.next { background: -moz-linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: -webkit-linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%);} .re-lnb__slide .swiper-button::after {content:""; display:block; position:absolute; top:50%; left:50%; width:15px; height:15px; border-style:solid; border-color:#000; border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg);} .re-lnb__slide .swiper-button.next {left:auto; right:0;} .re-lnb__slide .swiper-button.next::after {border-width:2px 2px 0 0;} .re-lnb__slide .swiper-button-disabled {display:none;} .re-lnb__slide .swiper-container {width:calc(100% - 120px); margin:0 auto;} /* lnb-fidxed */ .re-lnb.-fixed {position:fixed; left:0; right:0; top:0; z-index:200;} .re-lnb.-fixed .re-lnb__slide {border-bottom:1px solid #DBDCDD;} /*.re-lnb.-fixed .re-lnb__slide.swiper-no-swiping .swiper-wrapper {display:flex; justify-content:flex-start;}*/ /*.re-lnb.-fixed .re-lnb__slide .swiper-container {width:calc(100% - 48px);}*/ .re-lnb.-fixed .re-lnb__slide .swiper-slide {width:auto; min-width:134px;} /*.re-lnb.-fixed .re-lnb__slide__list .item__link {padding:12px;}*/ .re-lnb.-fixed .re-lnb__slide__list .item__link__pic {display:none;} .re-lnb.-fixed .re-lnb__slide__list .item__link__txt {margin-top:0; font-size:16px;} .re-lnb.-fixed .re-lnb__slide__list .item__link__txt br {display:none;} /*.re-lnb.-fixed .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0;}*/ /* lnb-swiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-button.-hide {display:none;} .re-lnb__slide.swiper-no-swiping .swiper-wrapper {display:flex; justify-content:center;} .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 48px);} @media (max-width: 1440px) { /* lnb */ .re-lnb__slide {width:100%;} .re-lnb__slide__list .item__link {padding:0.8333vw 0;} .re-lnb__slide__list .item__link__pic {width:5.9722vw; height:3.7500vw;} .re-lnb__slide__list .item__link__txt {margin-top:0.9722vw; font-size:0.9722vw;} /* lnb-swiper */ .re-lnb__slide .swiper-slide {width:9.3056vw;} .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0.6944vw;} .re-lnb__slide .swiper-button {width:5.5556vw;} .re-lnb__slide .swiper-button::after {width:1.0417vw; height:1.0417vw;} .re-lnb__slide .swiper-container {width:calc(100% - 8.3333vw);} /* lnb-fidxed */ /*.re-lnb.-fixed .re-lnb__slide .swiper-container {width:calc(100% - 3.3333vw);}*/ .re-lnb.-fixed .re-lnb__slide .swiper-slide {min-width:9.3056vw;} /*.re-lnb.-fixed .re-lnb__slide__list .item__link {padding:0.8333vw;}*/ .re-lnb.-fixed .re-lnb__slide__list .item__link__txt {font-size:1.1111vw;} /* lnb-swiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 3.3333vw);} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} /* lnb */ .re-lnb__slide__list .item__link {padding:3.3333vw 0;} .re-lnb__slide__list .item__link__pic {width:23.8889vw; height:15.0000vw;} .re-lnb__slide__list .item__link__txt {margin-top:2.2222vw; font-size:3.3333vw;} /* lnb-swiper */ .re-lnb__slide .swiper-slide {width:calc(100% / 3);} .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0;} .re-lnb__slide .swiper-button {width:11.1111vw;} .re-lnb__slide .swiper-button::after { width:4.1667vw; height:4.1667vw; border-width:0 0 0.5556vw 0.5556vw;} .re-lnb__slide .swiper-button.next::after {border-width:0.5556vw 0.5556vw 0 0;} .re-lnb__slide .swiper-container {width:calc(100% - 16.6667vw);} /* lnb-fidxed */ .re-lnb.-fixed .re-lnb__slide.swiper-no-swiping .swiper-wrapper {display:flex; justify-content:flex-start;} .re-lnb.-fixed .re-lnb__slide .swiper-container {width:calc(100% - 16.6667vw);} .re-lnb.-fixed .re-lnb__slide .swiper-slide {min-width:auto;} .re-lnb.-fixed .re-lnb__slide__list .item__link {padding:3.3333vw;} .re-lnb.-fixed .re-lnb__slide__list .item__link__txt {font-size:4.4444vw;} .re-lnb.-fixed .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0;} /* lnb-swiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 13.3333vw);} } /* only 전기레인지 */ @media (min-width:800px) { .re-lnb.re-lnb-erange.-fixed .re-lnb__slide .swiper-slide {min-width:auto; margin:0 20px;} } @media (min-width:1440px) { .re-lnb.re-lnb-erange.-fixed .re-lnb__slide .swiper-slide {margin:0 1.3888vw;} } </style> <div class="re-lnb -w1440 re-lnb-erange"> <div class="re-lnb__slide" role="region" aria-roledescription="carousel" aria-label="주요 품목 슬라이드 링크"> <button type="button" class="swiper-button next"></button> <div class="swiper-container"> <ul class="re-lnb__slide__list swiper-wrapper" aria-live="off"> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 1번"> <a href="/sec/electric-range/all-electric-range/" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:visual_lnb:all_electric_range_view_more"> <div class="item__link__pic pic01"></div> <span class="item__link__txt">전체 인덕션</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 2번"> <a href="/sec/electric-range/all-electric-range/?bespoke-infinite-line" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:visual_lnb:infinite_line_view_more"> <div class="item__link__pic pic02"></div> <span class="item__link__txt">Infinite Line</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 3번"> <a href="/sec/electric-range/all-electric-range/?BESPOKE-induction" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:visual_lnb:bespoke_view_more"> <div class="item__link__pic pic03"></div> <span class="item__link__txt">BESPOKE</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 4번"> <a href="/sec/electric-range/all-electric-range/?induction" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:visual_lnb:induction_view_more"> <div class="item__link__pic pic04"></div> <span class="item__link__txt">일반형</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 5번"> <a href="/sec/electric-range/all-electric-range/?theplate-induction" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:visual_lnb:the_plate_induction_view_more"> <div class="item__link__pic pic05"></div> <span class="item__link__txt">더 플레이트</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 7번"> <a href="/sec/kitchen-accessories/all-kitchen-accessories/?electricrange-accessories" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:visual_lnb:accessories_view_more"> <div class="item__link__pic pic07"></div> <span class="item__link__txt">액세서리</span> </a> </div> </li> </ul> </div> <button type="button" class="swiper-button prev"></button> </div> </div> <script> swiperLnb($('.re-lnb__slide')); scrollFixed($('.re-lnb')); function swiperLnb(swiperWrap){ let swiperContainer = swiperWrap.find('.swiper-container'); let slide = swiperContainer.find('.swiper-slide'); let slideLnb = new Swiper(swiperContainer, { slidesPerView: 'auto', autoHeight : false, speed: 500, touchStartPreventDefault: false, observer: true, observeParents: true, navigation: { nextEl: swiperWrap.find('.swiper-button.next'), prevEl: swiperWrap.find('.swiper-button.prev'), }, a11y: { prevSlideMessage: '이전 슬라이드', nextSlideMessage: '다음 슬라이드', slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.', }, on: { init: function() { if(slide.length <= 9 && $(window).outerWidth() >= 800){ swiperWrap.addClass('swiper-no-swiping'); }else if(slide.length <= 3 && $(window).outerWidth() < 800){ swiperWrap.addClass('swiper-no-swiping'); }else{ swiperWrap.removeClass('swiper-no-swiping'); } }, resize: function() { if(slide.length <= 9 && $(window).outerWidth() >= 800){ swiperWrap.addClass('swiper-no-swiping'); }else if(slide.length <= 3 && $(window).outerWidth() < 800){ swiperWrap.addClass('swiper-no-swiping'); }else{ swiperWrap.removeClass('swiper-no-swiping'); } } }, }); } function scrollFixed(fixedWrap){ let win = $(window); win.off('scroll').on('scroll', function(){ let kv = fixedWrap.prev().prev(); let kvHeight = kv.outerHeight(); let kvTop = kv.offset().top; let targetOffsetTop = kvTop + kvHeight; let winScrollTop = $(this).scrollTop(); if(targetOffsetTop <= winScrollTop){ if(!fixedWrap.hasClass('-fixed')){ fixedWrap.addClass('-fixed'); } }else{ if(fixedWrap.hasClass('-fixed')){ fixedWrap.removeClass('-fixed'); } } }) } </script> <!-- //end --> <!-- start --> <style> /** common **/ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-pod {overflow:hidden; width:100%; max-width:1920px; margin:0 auto;} .re-pod__tit {font-size:48px; line-height:1.3; text-align:center;} .re-pod__tit span {display:block; font-size:inherit;} .re-pod__slide {width:1440px; margin:50px auto 0;} .re-pod__slide .swiper-container.menu {margin:0 auto;} .re-pod__slide__menu {justify-content:center;} .re-pod__slide__menu .swiper-slide {width:auto;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:60px;} .re-pod__slide__menu .item {overflow:visible; display:block; padding:10px 0; outline-offset:-2px;} .re-pod__slide__menu .item span {display:block; position:relative; color:#777; font-size:20px; font-weight:700; white-space:nowrap;} .re-pod__slide__menu .swiper-slide.-active .item span {color:#000;} .re-pod__slide__menu .swiper-slide.-active .item span::before {content:""; position:absolute; left:0; bottom:-7px; width:100%; height:3px; background-color:#000;} .re-pod__slide__list .item {overflow:hidden; display:block; border-radius:20px;} .re-pod__slide__list .item .pic {height:240px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%;} .re-pod__slide__list .item01 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod01-v3.jpg");} .re-pod__slide__list .item02 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod03-v2.jpg");} .re-pod__slide__list .item03 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod02.jpg");} .re-pod__slide__list .item .txt {padding:10px 10px 15px; background:#000; text-align:center;} .re-pod__slide__list .item .txt__tit {display:block; height:64px; color:#fff; font-size:24px; line-height:64px; word-break:keep-all;} .re-pod__slide__list .item .txt__tit.-long {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.36; text-overflow:ellipsis; white-space:normal;} .re-pod__slide__list .item .txt__desc {margin-top:5px; color:#fff; font-size:14px; line-height:1.4;} .re-pod__slide__list .item .txt__list {display:flex; margin-top:10px; padding:0 10px;} .re-pod__slide__list .item .txt__list li {width:calc(100% / 3);} .re-pod__slide__list .item .txt__list__icon {width:40px; height:40px; margin:0 auto; background-repeat:no-repeat; background-position:center top; background-size:100% 100%;} .re-pod__slide__list .item .txt__list__desc {display:block; margin-top:12px; color:#cecece; font-size:12px; line-height:1.3; word-break:keep-all; text-align:center;} .re-pod__slide__list .item .txt__btn {display:inline-block; margin-top:12px; padding:8px 15px; background:#fff; font-size:14px; font-weight:700; border-radius:20px;} .re-pod__slide__list .item01 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod01-ico01-v3.png");} .re-pod__slide__list .item01 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod01-ico02-v3.png");} .re-pod__slide__list .item01 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod-ico-ai-steam.png");} .re-pod__slide__list .item02 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod02-ico01-v2.png");} .re-pod__slide__list .item02 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod02-ico02-v2.png");} .re-pod__slide__list .item02 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod-ico-ai-steam.png");} .re-pod__slide__list .item03 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod03-ico01.png");} .re-pod__slide__list .item03 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod03-ico02.png");} .re-pod__slide__list .item03 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pod03-ico03.png");} .re-pod__slide__list.blend .item {height:492px;} .re-pod__slide__list.blend .item .pic {height:100%;} .re-pod__slide__list.blend .item .txt {position:absolute; top:117px; left:0; width:100%;} .re-pod__slide .swiper-container-txt__list-box {position:relative; margin-top:60px;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {position:absolute; top:175px; left:0; z-index:100; width:56px; height:56px; border-radius:50%; background:rgba(0, 0, 0, 0.5);} .re-pod__slide .swiper-container-txt__list-box .swiper-button::after {content:""; display:block; position:absolute; top:50%; left:55%; z-index:1; width:15px; height:15px; border-style:solid; border-color:#fff; border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg);} .re-pod__slide .swiper-container-txt__list-box .swiper-button.next {left:auto; right:0;} .re-pod__slide .swiper-container-txt__list-box .swiper-button.next::after {left:45%; border-width:2px 2px 0 0;} .re-pod__slide .swiper-container-txt__list-box .swiper-button-disabled {display:none;} .re-pod__slide .swiper-container.list {overflow:visible; width:calc(100% - 48px); margin:0 auto;} .re-pod__slide__list {margin:0 auto;} .re-pod__slide__list .swiper-slide {width:312px;} .re-pod__slide__list .swiper-slide.-active .item {outline:3px solid #2189FF; outline-offset:-3px;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:24px;} .re-pod__slide__list.swiper-no-swiping {justify-content:center;} @media (max-width: 1440px) { .re-pod__tit {font-size:3.3333vw;} .re-pod__slide {width:100%; margin:3.4722vw auto 0;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:4.1667vw;} .re-pod__slide__menu .item {padding:0.6944vw 0;} .re-pod__slide__menu .item span {font-size:1.3889vw;} .re-pod__slide__menu .swiper-slide.-active .item span::before {bottom:-0.4861vw; height:0.2083vw;} .re-pod__slide__list .item {border-radius:1.3889vw;} .re-pod__slide__list .item .pic {height:16.6667vw;} .re-pod__slide__list .item .txt {padding:0.6944vw 0.6944vw 1.0417vw;} .re-pod__slide__list .item .txt__tit {height:4.4444vw; font-size:1.6667vw; line-height:4.4444vw;} .re-pod__slide__list .item .txt__desc {margin-top:0.3472vw; font-size:0.9722vw;} .re-pod__slide__list .item .txt__list {margin-top:0.6944vw; padding:0 0.6944vw;} .re-pod__slide__list .item .txt__list__icon {width:2.7778vw; height:2.7778vw;} .re-pod__slide__list .item .txt__list__desc {margin-top:0.8333vw; font-size:0.8333vw;} .re-pod__slide__list .item .txt__btn {margin-top:0.8333vw; padding:0.5556vw 1.0417vw; font-size:0.9722vw; border-radius:1.3889vw;} .re-pod__slide__list.blend .item {height:34.1667vw;} .re-pod__slide__list.blend .item .txt {top:8.1250vw;} .re-pod__slide .swiper-container-txt__list-box {margin-top:4.1667vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {top:12.1528vw; width:3.8889vw; height:3.8889vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button::after {width:1.0417vw; height:1.0417vw;} .re-pod__slide .swiper-container.list {width:calc(100% - 3.3333vw);} .re-pod__slide__list .swiper-slide {width:21.6667vw;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:1.6667vw;} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-pod__tit {font-size:7.7778vw;} .re-pod__slide {margin-top:5.5556vw;} .re-pod__slide .swiper-container.menu {position:relative;} .re-pod__slide .swiper-container.menu::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#787062;} .re-pod__slide__menu {justify-content:flex-start; padding-left:6.6667vw;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:5.5556vw;} .re-pod__slide__menu .swiper-slide:last-child {margin-right:13.3333vw;} .re-pod__slide__menu .item {padding:1.9444vw 0;} .re-pod__slide__menu .item span {font-size:4.4444vw;} .re-pod__slide__menu .swiper-slide.-active .item span::before {bottom:-1.3889vw; height:0.5556vw;} .re-pod__slide__list .item {border-radius:5.5556vw;} .re-pod__slide__list .item .pic {height:66.6667vw;} .re-pod__slide__list .item .txt {padding:2.7778vw 2.7778vw 4.1667vw;} .re-pod__slide__list .item .txt__tit {height:17.7778vw; font-size:6.6667vw; line-height:17.7778vw;} .re-pod__slide__list .item .txt__desc {margin-top:1.3889vw; font-size:3.8889vw;} .re-pod__slide__list .item .txt__list {margin-top:2.7778vw; padding:0 2.7778vw;} .re-pod__slide__list .item .txt__list__icon {width:11.1111vw; height:11.1111vw;} .re-pod__slide__list .item .txt__list__desc {margin-top:3.3333vw; font-size:3.3333vw;} .re-pod__slide__list .item .txt__btn {margin-top:3.3333vw; padding:2.2222vw 4.1667vw; font-size:3.8889vw; border-radius:5.5556vw;} .re-pod__slide__list.blend .item {height:136.6667vw;} .re-pod__slide__list.blend .item .txt {top:32.5000vw;} .re-pod__slide .swiper-container-txt__list-box {margin-top:8.3333vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {display:none;} .re-pod__slide .swiper-container.list {width:100%;} .re-pod__slide__list {padding-left:6.6667vw;} .re-pod__slide__list .swiper-slide {width:81.1111vw;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:5.5556vw;} .re-pod__slide__list .swiper-slide:last-child {margin-right:13.3333vw;} .re-pod__slide__list .swiper-slide.-active .item {outline:0; outline-offset:0;} } </style> <section class="re-pod pd-tb-60"> <h2 class="re-pod__tit"> <span>인덕션 라인업별 추천 모델</span> </h2> <div class="re-pod__slide" role="region" aria-roledescription="carousel" aria-label="주요 품목 별 기능 소개 슬라이드 "> <div class="swiper-container menu"> <ul class="re-pod__slide__menu swiper-wrapper" aria-live="off"> <li class="swiper-slide -active"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 1번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:product1:infinite_line_menu"> <span>Infinite Line</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 2번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:product2:bespoke_menu"> <span>BESPOKE</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 3번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:product3:the_plate_induction_menu"> <span>더 플레이트</span> </button> </div> </li> </ul> </div> <div class="swiper-container-txt__list-box"> <button type="button" class="swiper-button next"></button> <div class="swiper-container list"> <ul class="re-pod__slide__list swiper-wrapper" aria-live="off"> <li class="swiper-slide -active"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 1번"> <a href="/sec/electric-range/cooktop-nz63db857cav-d2c/NZ63DB857CAV/" class="item item01" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:product1:infinite_line_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long">BESPOKE AI 인덕션<br>Infinite Line (플렉스존)</strong> <p class="txt__desc">NZ63DB857CAV</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">Infinite<br>Glass</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">3,400 W<br>초고화력</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">AI 끓음 감지</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 2번"> <a href="/sec/electric-range/cooktop-nz63db657cas-d2c/NZ63DB657CAWS/" class="item item02" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:product2:bespoke_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long">BESPOKE AI 인덕션 <br>(플렉스존)</strong> <p class="txt__desc">NZ63DB657CAWS</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">스마트 컨트롤</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">3,400 W <br>초고화력</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">AI 끓음 감지</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 3번"> <a href="/sec/electric-range/cooktop-nz62dg300cf-d2c/NZ62DG300CFW/" class="item item03" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:product3:the_plate_induction_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit">더 플레이트 인덕션 2구</strong> <p class="txt__desc">NZ62DG300CFW</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">어디서든 <br>강력하게</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">46 mm <br>슬림 디자인</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">2가지 <br>요리도 동시에</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> </ul> </div> <button type="button" class="swiper-button prev"></button> </div> </div> </section> <script> swiperPod($('.re-pod__slide')); function swiperPod(swiperWrap){ swiperWrap.each(function(index, element){ let $this = $(this); let swiperPodMenuCont = $this.find('.swiper-container.menu'); let swiperPodMenuContSlide = swiperPodMenuCont.find('.swiper-slide'); let swiperPodListCont = $this.find('.swiper-container.list'); let swiperPodListContSlide = swiperPodListCont.find('.swiper-slide'); let swiperPodMenu = new Swiper(swiperPodMenuCont, { slidesPerView: 'auto', speed: 500, watchSlidesProgress: true, slideToClickedSlide: true, breakpoints: { 800: { touchRatio: 0, } }, on: { init: function() { swiperPodMenuContSlide.on('click', function(){ let current = $(this); let currentIndex = current.index(); current.addClass('-active').siblings().removeClass('-active'); swiperPodListContSlide.eq(currentIndex).addClass('-active').siblings().removeClass('-active'); swiperPodList.slideTo(currentIndex); }) } } }); let swiperPodList = new Swiper(swiperPodListCont, { slidesPerView: 'auto', autoHeight : false, speed: 500, touchStartPreventDefault: false, observer: true, observeParents: true, navigation: { nextEl: $this.find('.swiper-button.next'), prevEl: $this.find('.swiper-button.prev'), }, a11y: { prevSlideMessage: '이전 슬라이드', nextSlideMessage: '다음 슬라이드', slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.', }, on: { init: function() { if(swiperPodListContSlide.length <= 4 && $(window).outerWidth() > 800){ swiperPodListCont.find('.re-pod__slide__list').addClass('swiper-no-swiping'); }else{ swiperPodListCont.find('.re-pod__slide__list').removeClass('swiper-no-swiping'); } swiperPodListContSlide.on('click', function(){ let current = $(this); let currentIndex = current.index(); current.addClass('-active').siblings().removeClass('-active'); swiperPodMenuContSlide.eq(currentIndex).addClass('-active').siblings().removeClass('-active'); swiperPodMenu.slideTo(currentIndex); }) }, slideChange: function() { let currentIndex = swiperPodList.realIndex; let FixYouMenu = swiperPodMenuCont.find('.swiper-slide'); FixYouMenu.eq(currentIndex).addClass('-active').siblings().removeClass('-active'); swiperPodMenu.slideTo(currentIndex); }, resize: function(){ if(swiperPodListContSlide.length <= 4 && $(window).outerWidth() > 800){ swiperPodListCont.find('.re-pod__slide__list').addClass('swiper-no-swiping'); }else{ swiperPodListCont.find('.re-pod__slide__list').removeClass('swiper-no-swiping'); } } } }); }); }; </script> <!-- //end --><!-- start --> <style> /* common */ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-tip {width:1440px; margin:0 auto; padding-top:60px;} .re-tip__tit {padding:0 24px; font-size:48px; line-height:1.3; text-align:center;} .re-tip__tit span {font-size:inherit; display: block;} .re-tip__list {display:flex; margin-top:60px; padding:0 12px; justify-content:center;} .re-tip__list li {width:calc(100% / 4); padding:0 12px; } .re-tip__list__btn {display:block; position:relative; width:100%; height:390px; background-repeat:no-repeat; background-position:left top; background-size:cover; border-radius:20px; box-shadow:0 0.06em 0.2em 0.06em rgba(0, 0, 0, 0.2);} .re-tip__list__btn.pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pcd_tip01.jpg");} .re-tip__list__btn.pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pcd_tip02.jpg");} .re-tip__list__btn.pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pcd_tip03.jpg");} .re-tip__list__btn.pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/electric-range/re/pcd_tip04.jpg");} .re-tip__list__btn .txt {display:block; position:absolute; top:312px; left:0; width:100%; color:#555; font-size:22px; font-weight:700; line-height:1.36; text-align:center;} .re-tip__list__btn .txt.color_wht {color: #eee;} /* modal */ body.-has-modal {overflow:hidden;} .re-tip .modal-dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; background:rgba(0, 0, 0, 0.8);} .re-tip .modal-dim.-search {z-index:300; background:transparent;} .re-tip .modal-dim.-active {display:block;} .re-tip .modal-layer {display:none; position:fixed; top:50%; left:50%; width:1392px; transform:translate(-50%, -55%); z-index:300;} .re-tip .modal-layer.-active {display:block;} .re-tip .modal-layer .btn-modal-close {position:absolute; bottom:0; left:50%; width:40px; height:40px; background:#fff url(//images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center / 14px 14px; border-radius:50%; transform:translate(-50%, 150%);} .re-tip .modal-cont {overflow:hidden; position:relative; width:100%; height:770px; background:#fff;} .re-tip .modal-cont.-mobile {display:none;} .re-tip .modal-cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .re-tip .modal-cont iframe {width:100%; height:100%;} .re-tip .modal-cont .video-wrap {width:100%; height:100%;} .re-tip .modal-cont .video {width:100%; height:100%;} .re-tip .modal-cont .video-js.vjs-quality-menu {width:100%; height:100%;} .re-tip .modal-cont .er_installation_table_wrap {width:1160px; margin:0 auto;} .re-tip .modal-cont .er_installation_table_wrap .sticky{position:sticky; top:-1px; z-index:100;} .re-tip .modal-cont .er_installation_table_wrap p.text_explain {text-align:right; font-size:14px; padding-bottom:30px;} .re-tip .modal-cont .er_installation_table_wrap table {width:100%;} .re-tip .modal-cont .er_installation_table_wrap table thead th {position:relative; background:#3a3d46; color:#fff; font-size:13px; height:40px; vertical-align:middle;} .re-tip .modal-cont .er_installation_table_wrap table thead th::before {content:''; position:absolute; top:50%; left:0; width:1px; height:18px; background:#61646b; margin-top:-9px;} .re-tip .modal-cont .er_installation_table_wrap table thead th:first-child::before {display:none;} .re-tip .modal-cont .er_installation_table_wrap table tbody th {background:#fff; font-size:14px; line-height:18px; text-align:center; padding:10px 0; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; vertical-align:middle;} .re-tip .modal-cont .er_installation_table_wrap table tbody th.title_style01 {font-size:20px; line-height:20px; border-left:none;} .re-tip .modal-cont .er_installation_table_wrap table tbody th .font_style01 {font-size:14px;} .re-tip .modal-cont .er_installation_table_wrap table tbody td.won {background:#f8f8f8; font-size:14px; text-align:center; font-weight:bold; padding:10px 0 10px 0;} .re-tip .modal-cont .er_installation_table_wrap table tbody td {background:#fff; font-size:12px; line-height:16px; padding:10px 0 10px 24px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; vertical-align:middle;} .re-tip .modal-cont .er_installation_table_wrap table tbody td .font_style02 {font-size:12px;} .re-tip .modal-cont .er_installation_table_wrap table tbody th.last_td, .re-tip .modal-cont .er_installation_table_wrap table tbody td.last_td {border-bottom:none;} .re-tip .modal-cont .er_installation_table_wrap table tbody td .remarks_list li {position:relative; padding-left:10px; font-size:12px; line-height:14px;} .re-tip .modal-cont .er_installation_table_wrap table tbody td .remarks_list li + li {margin-top:5px;} .re-tip .modal-cont .er_installation_table_wrap table tbody td .remarks_list li.circle::before {content:''; position:absolute; top:5px; left:0; font-size:5px; width:4px; height:4px; background:#000; border-radius: 50%;} .re-tip .modal-cont .er_installation_table_wrap table tbody td .remarks_list li.stars::before {content:'*'; position:absolute; top:2px; left:0;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap{display:flex; justify-content:space-between; margin-top:24px;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_title h4{color:#757575; font-size:21px;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_title p{color:#757575; font-size:62px; font-weight:bold; font-family:'Samsung Sharp Sans',SamsungOneKorean; margin-top:10px;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_list{width:650px;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_list li{position:relative; padding-left:10px; font-size:13px; line-height:18px; color:#131313;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_list li + li {margin-top:5px;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_list li::before {content:'*'; position:absolute; top:2px; left:0;} @media (max-width: 1440px) { .re-tip {width:100%;} .re-tip__tit {padding:0 1.6667vw; font-size:3.3333vw;} .re-tip__list {margin-top:4.1667vw; padding:0 0.8333vw;} .re-tip__list li {padding:0 0.8333vw; } .re-tip__list__btn {height:27.0833vw; border-radius:1.3889vw;} .re-tip__list__btn .txt {top:21.6667vw; font-size:1.5278vw;} .re-tip .modal-cont .er_installation_table_wrap {width:100%;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap{margin-top:2.0vw;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_title h4{font-size:2.2vw;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_title p{font-size:7.2vw; margin-top:0.5vw; margin-right:1.0vw;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_list{width:60%;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_list li{font-size:1.5vw; line-height:2.0vw;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_list li + li {margin-top:1.0vw;} /* modal */ .re-tip .modal-layer {width:100%;} .re-tip .modal-layer .btn-modal-close {width:2.7778vw; height:2.7778vw; background-size:0.9722vw 0.9722vw;} .re-tip .modal-cont {height:53.4722vw;} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-tip__tit {padding:0 6.6667vw; font-size:7.7778vw;} .re-tip__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start; flex-wrap:wrap;} .re-tip__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0; } .re-tip__list__btn {height:48.8889vw; border-radius:5.5556vw;} .re-tip__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} .re-tip .modal-cont .er_installation_table_wrap p.text_explain {font-size:3.0vw; padding-bottom:4.1667vw;} .re-tip .modal-cont .er_installation_table_wrap table thead th {font-size:3.0vw;} .re-tip .modal-cont .er_installation_table_wrap table tbody th {font-size:3.0vw; line-height:3.5vw; padding:3vw 0; } .re-tip .modal-cont .er_installation_table_wrap table tbody th.title_style01 {font-size:4.0vw; line-height:4.5vw;} .re-tip .modal-cont .er_installation_table_wrap table tbody th .font_style01 {font-size:3.0vw;} .re-tip .modal-cont .er_installation_table_wrap table tbody td.won {font-size:3.0vw; padding:3.0vw 0;} .re-tip .modal-cont .er_installation_table_wrap table tbody td {padding:3.0vw 0 3.0vw 3.0vw;} .re-tip .modal-cont .er_installation_table_wrap table tbody td .font_style02 {font-size:2.4vw;} .re-tip .modal-cont .er_installation_table_wrap table tbody td .remarks_list li {padding-left:2.4vw; font-size:3.0vw; line-height:4.0vw;} .re-tip .modal-cont .er_installation_table_wrap table tbody td .remarks_list li + li {margin-top:1.0vw;} .re-tip .modal-cont .er_installation_table_wrap table tbody td .remarks_list li.circle::before {top:1.5vw; width:3px; height:3px;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap{display:inline-block;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_title{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_title h4{font-size:3.0vw;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_list{width:100%; margin-top:2.0vw;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_list li{padding-left:2.4vw; font-size:3.0vw; line-height:3.5vw;} .re-tip .modal-cont .er_installation_table_wrap .dscription_wrap .dscription_list li + li {margin-top:1.0vw;} /* modal */ .re-tip .modal-layer {top:0; left:0; bottom:0; transform:translate(0);} .re-tip .modal-layer .btn-modal-close {top:2.7778vw; bottom:auto; left:auto; right:2.7778vw; width:10.0000vw; height:10.0000vw; border-radius:0; transform:translate(0); background-color:transparent; background-image:url("/sec/static/_images/common/icon-close-wht.svg"); background-size:4.4444vw 4.4444vw;} .re-tip .modal-cont {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} } </style> <style> /* scroll */ .-scroll::-webkit-scrollbar {width:4px; background-color:transparent;} .-scroll::-webkit-scrollbar-button {display:none;} .-scroll::-webkit-scrollbar-thumb {border-radius:2em; background-color:rgba(0,0,0,0.2);} .-scroll:hover::-webkit-scrollbar-thumb, .-scroll::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.5);} .-scroll:hover {scrollbar-color:rgba(0,0,0,0.5);} /* modal */ body.-has-modal {overflow:hidden;} .re-tip .modal-dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; background:rgba(0, 0, 0, 0.8);} .re-tip .modal-dim.-search {z-index:300; background:transparent;} .re-tip .modal-dim.-active {display:block;} .re-tip .modal-layer {display:none; position:fixed; top:50%; left:50%; width:1392px; padding: 30px; background: #fff; border-radius: 20px; transform:translate(-50%, -55%); z-index:300;} .re-tip .modal-layer.-active {display:block;} .re-tip .modal-layer .btn-modal-close {position:absolute; bottom:0; left:50%; width:40px; height:40px; background:#fff url(//images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center / 14px 14px; border-radius:50%; transform:translate(-50%, 150%);} .re-tip .modal-cont {overflow:hidden; position:relative; width:100%; height: calc(100% - 220px); background:#fff; border-radius:20px; } .re-tip .modal-cont.-mobile {display:none;} .re-tip .modal-cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .re-tip #installationFee.modal-layer {background:#f1f1f1;} .re-tip #installationFee.modal-layer .modal-cont {background:#f1f1f1;} /* 2. modal - 원스탑 설치 */ .re-tip .constant-ev {height:100%; padding:0; } .re-tip .constant-ev__tit {display:flex; height:120px; font-size:45px; font-weight:700; line-height:1.25; justify-content:center; align-items:center;} .re-tip .constant-ev__tit > span {font-size:inherit; vertical-align:baseline;} .re-tip .constant-ev__inner {overflow-x:hidden; overflow-y:auto; position:relative; height:calc(100% - 220px); padding:0 0 50px} .re-tip .constant-ev__txt {position:absolute; left:115px; top:175px; font-size:16px; line-height:1.5;} .re-tip .constant-ev__banner-tit {position: absolute; left: 115px; top: 40px; font-size: 52px; line-height: 1.2; } .re-tip .constant-ev__pic {width:100%;} .re-tip .constant-ev__pic.pic-pc {display:block;} .re-tip .constant-ev__pic.pic-mo {display:none;} .re-tip .constant-ev__disc {margin-top:20px; text-align:center; font-size:12px; line-height:1.5;} .re-tip .constant-ev__disc li {font-size:inherit;} .re-tip #installationFee.modal-layer .constant-ev__inner {padding:0; height:570px; background:#f1f1f1;} @media (max-width: 1440px) { /* scroll */ .-scroll::-webkit-scrollbar {width:0.2778vw;} /* modal */ .re-tip .modal-layer {width:96.6667vw; padding: 2.0833vw; border-radius: 1.3889vw;} .re-tip .modal-layer .btn-modal-close {width:2.7778vw; height:2.7778vw; background-size:0.9722vw 0.9722vw;} .re-tip .modal-cont {height: calc(100% - 15.2778vw); border-radius:1.3889vw;} /* 2. modal - 원스탑 설치 */ .re-tip .constant-ev__tit {height:8.3333vw; font-size:3.1250vw;} .re-tip .constant-ev__inner {height:calc(100% - 8.3333vw); padding:0 0 3.4722vw} .re-tip .constant-ev__txt { left:7.9861vw; top:12.1528vw; font-size:1.1111vw; line-height:1.5;} .re-tip .constant-ev__banner-tit { left: 7.9861vw; top: 2.7778vw; font-size: 3.6111vw; line-height: 1.2; } .re-tip .constant-ev__disc {margin-top:1.3889vw; font-size:0.8333vw;} } @media (max-width: 800px) { /* scroll */ .-scroll::-webkit-scrollbar {width:0.5208vw;} /* modal */ .re-tip .modal-layer {top:0; bottom:0; left:0; width:100%; padding: 0; transform:translate(0);} .re-tip .modal-layer.-active {display:block;} .re-tip .modal-layer .btn-modal-close {bottom:auto; left:auto; top:6.5104vw; right:3.2552vw; width:5.2083vw; height:5.2083vw; background-color:transparent; background-size:3.1250vw 3.1250vw; border-radius:0; transform:translate(0);} .re-tip .modal-cont {width:100%; height:100%; padding-top:6.5104vw; background:#f7f7f7; border-radius:0;} .re-tip .modal-cont.-pc {display:none;} .re-tip .modal-cont.-mobile {display:block;} .re-tip .modal-cont:focus-visible {outline:dashed 0.2604vw #2189ff !important; outline-offset:-0.2604vw;} .re-tip .modal-cont__tit {font-size:6.2500vw; text-align:center;} /* 2. modal - 원스탑 설치 */ .re-tip .constant-ev__tit {height:20vw; font-size:6.6667vw; flex-direction:column;} .re-tip .constant-ev__inner {height:calc(100% - 33.3333vw); padding:0 0 3.4722vw} .re-tip .constant-ev__txt {position:static; width:100%; padding:8.3333vw 0 97.2222vw; background:url("//images.samsung.com/is/image/samsung/p5/sec/pcd/kitchen-appliances/electric-range/bespoke-induction_pcd_fb_m.jpg?$ORIGIN_JPG$") no-repeat center bottom / 100% auto; font-size:3.3333vw; text-align:center;} .re-tip .constant-ev__banner-tit {display:none;} .re-tip .constant-ev__pic.pic-pc {display:none;} .re-tip .constant-ev__pic.pic-mo {display:block;} .re-tip .constant-ev__disc {margin-top:5.5556vw; padding:0 5.2777vw; font-size:4.4444vw; text-align:left;} .re-tip .constant-ev__disc > li {padding-left:2.2222vw; text-indent:-2.2222vw; font-size: 3.3333vw;} .re-tip #installationFee.modal-layer .constant-ev__inner {height:calc(100% - 20vw); padding:0 3.3vw 3.4722vw 3.3vw;} } </style> <style> .stc1-mo-show {display:none !important;} .stc1-pc-show {display:block !important;} @media (max-width:800px) { .stc1-mo-show {display:block !important;} .stc1-pc-show {display:none !important;} } #popupRangeSetting {max-width: 980px; padding: 56px 40px 40px;} #popupRangeSetting #rangeSetQuest0 {display: block;} #popupRangeSetting .layer-header {margin-bottom: 0; border-bottom-color: transparent;} #popupRangeSetting .layer-header h2 {text-align: center; line-height: 1.25; font-size: 48px;} #popupRangeSetting .set-guide-tab {overflow: hidden; padding: 37px 0 30px; text-align: center;} #popupRangeSetting .set-guide-tab > a {position: relative; display: inline-block; height: 34px; line-height: 1.5; font-weight: bold; font-size: 20px;} #popupRangeSetting .set-guide-tab > a:after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: transparent; transition: all .3s;} #popupRangeSetting .set-guide-tab > a:hover:after, #popupRangeSetting .set-guide-tab > a.active:after {background-color: #000;} #popupRangeSetting .set-guide-tab > a + a {margin-left: 48px;} #popupRangeSetting .set-guide-contents {display: none; padding: 35px 30px; background-color: #F7F7F7; border-radius: 20px;} #popupRangeSetting .set-guide-contents .subject {display: block; position: relative; padding-left: 40px; line-height: 1.2; font-size: 24px; font-weight: bold;} #popupRangeSetting .set-guide-contents .subject:after {content: 'Q'; position: absolute; top: -4px; left: 0; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean'; font-size: 32px; font-weight: bold;} #popupRangeSetting .set-guide-contents .subject > em {color: #3F8DF7;} #popupRangeSetting .set-guide-contents .quest {text-align: left; opacity: .6;} #popupRangeSetting .set-guide-contents .answer {margin-top: 19px; text-align: left;} #popupRangeSetting .set-guide-contents .answer .subject:after {content: 'A';} #popupRangeSetting .before-after {overflow: hidden; margin: 29px 0 0;} #popupRangeSetting .before-after > li {float: left; width: calc(50% - 10px); margin-right: 10px;} #popupRangeSetting .before-after > li + li {margin-right: 0; margin-left: 10px;} #popupRangeSetting .before-after .tit {display: block; padding: 9px 0; text-align: center; line-height: 1.2; font-size: 20px; font-weight: bold;} #popupRangeSetting .before-after .txt {display: block; text-align: center; line-height: 1.8; font-size: 16px;} #popupRangeSetting .note {margin-top: 21px;} #popupRangeSetting .note > li {text-align: center; line-height: 1.5; font-size: 12px;} @media screen and (max-width:1440px){ #popupRangeSetting {max-width: 68.056vw; padding: 3.889vw 2.778vw 2.778vw;} #popupRangeSetting .layer-header h2 {font-size: 3.333vw;} #popupRangeSetting .set-guide-tab {padding-top: 2.569vw; padding-bottom: 2.083vw;} #popupRangeSetting .set-guide-tab > a {height: 2.361vw; font-size: 1.389vw;} #popupRangeSetting .set-guide-tab > a:after {height: 0.139vw;} #popupRangeSetting .set-guide-tab > a + a {margin-left: 3.333vw;} #popupRangeSetting .set-guide-contents {padding: 2.431vw 2.083vw; border-radius: 1.389vw;} #popupRangeSetting .set-guide-contents .subject {padding-left: 2.778vw; font-size: 1.667vw;} #popupRangeSetting .set-guide-contents .subject:after {top: -0.278vw; font-size: 2.222vw;} #popupRangeSetting .set-guide-contents .answer {margin-top: 1.319vw;} #popupRangeSetting .before-after {margin-top: 2.014vw;} #popupRangeSetting .before-after > li {width: calc(50% - 0.694vw); margin-right: 0.694vw;} #popupRangeSetting .before-after > li + li {margin-right: 0; margin-left: 0.694vw;} #popupRangeSetting .before-after .tit {padding-top: 0.625vw; padding-bottom: 0.625vw; font-size: 1.389vw;} #popupRangeSetting .before-after .txt {font-size: 1.111vw;} #popupRangeSetting .note {margin-top: 1.458vw;} #popupRangeSetting .note > li {font-size: 0.833vw;} } @media screen and (max-width:800px) { #popupRangeSetting {max-width: 100%; padding: 0; border-radius: 0;} #popupRangeSetting .layer-header {display: block; margin-top: 31px; margin-bottom: 15px; border-bottom-color: transparent;} #popupRangeSetting .layer-header h2 {padding-left: 16px; text-align: left; font-size: 20px;} #popupRangeSetting .set-guide-tab {overflow-x: auto; overflow-y: hidden; width: 100%; white-space: nowrap; padding-top: 13px; padding-bottom: 15px; padding-right: 16px; padding-left: 16px; margin-bottom: 10px;} #popupRangeSetting .set-guide-tab > a {height: 25px; font-size: 14px;} #popupRangeSetting .set-guide-tab > a:after {height: 2px;} #popupRangeSetting .set-guide-tab > a + a {margin-left: 16px;} #popupRangeSetting .set-guide-contents {padding: 20px 20px; border-radius: 0;} #popupRangeSetting .set-guide-contents .subject {padding-left: 26px; font-size: 16px;} #popupRangeSetting .set-guide-contents .subject:after {top: 0; font-size: 16px;} #popupRangeSetting .set-guide-contents .answer {margin-top: 8px;} #popupRangeSetting .set-guide-contents .subject br, #popupRangeSetting .set-guide-contents .answer br {display: none;} #popupRangeSetting .before-after {margin-top: 20px;} #popupRangeSetting .before-after > li {float: none; width: 100%; margin-right: 0;} #popupRangeSetting .before-after > li .img > img {width: 100%;} #popupRangeSetting .before-after > li + li {margin-left: 0; margin-top: 20px;} #popupRangeSetting .before-after .tit {padding-top: 11px; padding-bottom: 7px; font-size: 16px;} #popupRangeSetting .before-after .txt {font-size: 14px;} #popupRangeSetting .note {margin-top: 20px;} #popupRangeSetting .note > li {font-size: 12px;} } @media screen and (max-width:767px) { #popupRangeSetting {width: 100%; padding: 0;} } /* 설치 가이드 중앙정렬 */ .pcd-rangeidc-about #popupRangeSetting .set-guide-tab {text-align:center;} /* 웹접근성 2205 */ #mask[data-mask-target="popupRangeSetting"] {display:none !important;} .-has-modal { overflow:hidden; } .modal-dim02 {position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; background:rgba(0, 0, 0, 0.8); } .modal-dim02.-hidden {display:none;} .a11y-guide #popupRangeSetting#popupRangeSetting .set-guide-contents {display:none;} .a11y-guide #popupRangeSetting#popupRangeSetting .set-guide-contents.on {display:block;} @media screen and (max-width:767px) { .a11y-guide .modal-pop-guide .layer-pop-inner {height:100%;} } /* only 인덕션 */ .re-tip-induction .re-tip__tit span {display:block;} </style> <section class="re-tip a11y-guide"> <h2 class="re-tip__tit"> <span class="re-tip__tit__txt">인덕션 구매 전 <br>알아두면 좋을 꿀팁!</span> </h2> <ul class="re-tip__list"> <li> <button type="button" class="re-tip__list__btn pic01 btn-open-modal" aria-haspopup="dialog" aria-controls="installationFee" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:installation_fee_guide_view_more"> <span class="txt">삼성 인덕션<br>추가 설치비 가이드</span> </button> </li> <li> <a href="javascript:;" class="re-tip__list__btn pic02 btn-pop-guide" role="button" aria-haspopup="dialog" data-popup-target="popupRangeSetting" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:tips:install_guide_view_more"> <span class="txt">인덕션<br>설치가이드</span> </a> </li> <li> <button type="button" class="re-tip__list__btn pic03 btn-open-modal" aria-haspopup="dialog" aria-controls="oneStop" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:tips:onestop_installation_view_more"> <span class="txt">추가 공사 걱정 없는<br>원스탑 설치</span> </button> </li> <li> <a href="//images.samsung.com/is/content/samsung/p5/sec/pcd/kitchen-appliances/cooking-appliances/Cook_Book_NZ60R_200515.pdf" target="_blank" title="새창 열림" class="re-tip__list__btn pic04" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:all_about:the_plate_induction_recipe_view_more"> <span class="txt">더 플레이트<br>레시피북</span> </a> </li> </ul> <!-- 1. modal : 인덕션 설치가이드 --> <div class="layer-pop layer-normal modal-pop-guide" id="popupRangeSetting" tabindex="0" data-popup-layer="popupRangeSetting" data-focus="popupRangeSetting"> <div class="layer-pop-inner"> <div class="layer-header"> <h2>인덕션 설치 가이드</h2> </div> <div class="layer-content"> <nav class="set-guide-tab"> <a href="#rangeSetQuest0" class="active" data-omni="pcd:kitchen-appliances:electric-cooker:all-induction:all_about:installation:tab_product_bottom">하단에 제품이 있다면?</a> <a href="#rangeSetQuest1" data-omni="pcd:kitchen-appliances:electric-cooker:all-induction:all_about:installation:tab_not_enough_height">높이가 부족하다면?</a> <a href="#rangeSetQuest2" data-omni="pcd:kitchen-appliances:electric-cooker:all-induction:all_about:installation:tab_space_left">공간이 남는다면?</a> <a href="#rangeSetQuest3" data-omni="pcd:kitchen-appliances:electric-cooker:all-induction:all_about:installation:tab_standing">스탠딩으로 하려면?</a> </nav> <div class="set-guide-contents on" id="rangeSetQuest0" role="tabpanel"> <div class="quest"> <span class="subject">하단에 다른 제품이 있어도 빌트인 설치가 가능한가요?</span> </div> <div class="answer"> <span class="subject">인덕션 높이를 포함해 <em>7~10 cm</em> 공간만 있다면, <br><em>밀착 빌트인 설치</em>가 가능합니다.</span> <ul class="before-after"> <li> <span class="img"><img src="https://images.samsung.com/kdp/pcd/104466/range_induction_set1.png" alt="하단에 다른 제품 예시 이미지"></span> <span class="tit">Before</span> <span class="txt">하단에 다른 제품이 있어요</span> </li> <li> <span class="img"><img src="https://images.samsung.com/kdp/pcd/104466/range_induction_set2.png" alt="빌트인 설치 완료 예시 이미지"></span> <span class="tit">After</span> <span class="txt">충분한 여유 공간으로 빌트인 설치 완료</span> </li> </ul> <ul class="note"> <li>* 설치 가능 여부는 모델 및 실제 설치 환경에 따라 달라질 수 있습니다.</li> </ul> </div> </div> <div class="set-guide-contents" id="rangeSetQuest1" role="tabpanel"> <div class="quest"> <span class="subject">설치 공간의 높이가 부족해도 빌트인 설치가 가능한가요?</span> </div> <div class="answer"> <span class="subject">제품 설치를 위한 높이가 부족한 경우, <br>부족한 높이는 <em>띄움 설치 자재</em>로 설치가 가능합니다.</span> <ul class="before-after"> <li> <span class="img"><img src="https://images.samsung.com/kdp/pcd/104466/range_induction_set3.png" alt="가스레인지 하단에 여유공간이 부족 예시 이미지"></span> <span class="tit">Before</span> <span class="txt">가스레인지 하단에 여유공간이 부족해요</span> </li> <li> <span class="img"><img src="https://images.samsung.com/kdp/pcd/104466/range_induction_set4.png" alt="띄움 설치 자재로 빌트인 설치 완료 예시 이미지"></span> <span class="tit">After</span> <span class="txt">띄움 설치 자재로 빌트인 설치 완료</span> </li> </ul> <ul class="note"> <li>* 설치 가능 여부는 모델 및 실제 설치 환경에 따라 달라질 수 있습니다.</li> </ul> </div> </div> <div class="set-guide-contents" id="rangeSetQuest2" role="tabpanel"> <div class="quest"> <span class="subject">설치 공간의 폭이 남아도 빌트인 설치가 가능한가요?</span> </div> <div class="answer"> <span class="subject">기존의 타공 너비가 새로 설치할 제품보다 넓은 경우, <br>넓은 좌우 폭은 <em>메움 설치 자재</em>로 설치가 가능합니다.</span> <ul class="before-after"> <li> <span class="img"><img src="https://images.samsung.com/kdp/pcd/104466/range_induction_set5.png" alt="가스레인지의 좌우 폭이 넓은 예시 이미지"></span> <span class="tit">Before</span> <span class="txt">기존에 사용하던 가스레인지의 좌우 폭이 넓어요</span> </li> <li> <span class="img"><img src="https://images.samsung.com/kdp/pcd/104466/range_induction_set6.png" alt="메움 설치 자재로 빌트인 설치 완료 예시 이미지"></span> <span class="tit">After</span> <span class="txt">메움 설치 자재로 빌트인 설치 완료</span> </li> </ul> <ul class="note"> <li>* 설치 가능 여부는 모델 및 실제 설치 환경에 따라 달라질 수 있습니다.</li> </ul> </div> </div> <div class="set-guide-contents" id="rangeSetQuest3" role="tabpanel"> <div class="quest"> <span class="subject">스탠딩 형태로 설치가 가능할까요?</span> </div> <div class="answer"> <span class="subject"><em>프리스탠딩 케이스</em>를 사용하여 스탠딩 형태로 설치할 수 있습니다.</span> <ul class="before-after"> <li> <span class="img"><img src="https://images.samsung.com/kdp/pcd/104466/range_induction_set7.png" alt="스탠딩 형태의 가스레인지 예시 이미지"></span> <span class="tit">Before</span> <span class="txt">스탠딩 형태의 가스레인지를 사용하고 있어요</span> </li> <li> <span class="img"><img src="https://images.samsung.com/kdp/pcd/104466/range_induction_set8.png" alt="프리스탠딩 케이스로 스탠드형 설치 완료 예시 이미지"></span> <span class="tit">After</span> <span class="txt">프리스탠딩 케이스로 스탠드형 설치 완료</span> </li> </ul> <ul class="note"> <li>* 설치 가능 여부는 모델 및 실제 설치 환경에 따라 달라질 수 있습니다.</li> </ul> </div> </div> </div> </div> <button type="button" class="pop-close" data-focus-next="popupRangeSetting" data-omni="pcd:kitchen-appliances:electric-cooker:all-induction:all_about:installation:close">팝업닫기</button> </div> <!-- 2. modal: 원스탑 설치 --> <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="oneStop" class="modal-layer" aria-hidden="true"> <div class="modal-cont" role="dialog" aria-modal="true" aria-labelledby="oneStopTit" tabindex="-1"> <div class="constant-ev"> <h3 id="oneStopTit" class="constant-ev__tit"><span>추가 공사 걱정 없는 </span><span>원스탑 설치</span></h3> <div class="constant-ev__inner -scroll"> <h4 class="constant-ev__banner-tit">추가 공사 걱정 없는 <br>원스탑 설치</h4> <p class="constant-ev__txt">인덕션은 설치가 복잡하다구요? 삼성은 간단합니다.<br>가스 막음 공사, 전기 공사, 싱크대 및 설치까지 삼성전자 로지텍 협력사의<br>전문 설치팀이 원스톱설치 서비스를 제공해드립니다.</p> <img class="constant-ev__pic pic-pc" src="https://images.samsung.com/is/image/samsung/p5/sec/pcd/kitchen-appliances/electric-range/bespoke-induction_pcd_fb_web.jpg?$ORIGIN_JPG$" alt="가스 막음 공사, 전기 공사, 싱크대 설치까지 원스톱으로 간단하게 설치 가능하다는 것을 보여주는 아이콘과 인덕션 이미지"> <!-- <img class="constant-ev__pic pic-mo" src="//images.samsung.com/is/image/samsung/p5/sec/pcd/kitchen-appliances/electric-range/bespoke-induction_pcd_fb_m.jpg?$ORIGIN_JPG$" alt=""> --> <p class="blind">화이트톤의 주방에 BESPOKE 인덕션 글램 핑크 제품이 원스탑으로 설치되는 모습이며, 가스 막음 아이콘, 전기공사 아이콘, 싱크대 설치 아이콘이 포함된 이미지입니다.</p> <ul class="constant-ev__disc"> <li>* 설치된 주변 환경에 따라 추가 비용이 발생할 수 있습니다.</li> </ul> </div> </div> </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div> <!-- 3. modal: 삼성인덕션 추가 설치비 가이드 --> <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="installationFee" class="modal-layer" aria-hidden="true"> <div class="modal-cont" role="dialog" aria-modal="true" aria-labelledby="installationFeeTit" tabindex="-1"> <div class="constant-ev"> <h3 id="oneStopTit" class="constant-ev__tit"><span>삼성 인덕션 추가 설치비 운영 기준</span></h3> <div class="constant-ev__inner -scroll er_installation_table_wrap"> <p class="text_explain">*3구 이상 제품 기준</p> <table> <caption>삼성 인덕션 추가 설치비 운영 기준</caption> <colgroup> <col width="12%"> <col width="12%"> <col width="9%"> <col width="9%"> <col width="15%"> <col width="*"> </colgroup> <thead class="sticky"> <tr> <th scope="col" colspan="4">구분</th> <th scope="col">단가(원)</th> <th scope="col">비고</th> </tr> </thead> <tbody> <tr> <th rowspan="18" class="title_style01">추가 설치비<br><span class="font_style01">(고객부담)</span> </th><th>도시가스 막음 </th><th colspan="2">- </th><td class="won">10,000</td> <td> <ul class="remarks_list"> <li class="circle">기존 가스레인지 사용 고객이 가스를 차단하지 않은 경우</li> </ul> </td> </tr> <tr> <th rowspan="2">분전함 차단기<br>(메인)교체 </th><th colspan="2">30A </th><td class="won">20,000</td> <td rowspan="2"> <ul class="remarks_list"> <li class="circle">인덕션 전체 출력 사용을 위한 전기 증설 작업이나 노후 메인 차단기 교체가 필요한 경우</li> </ul> </td> </tr> <tr> <th colspan="2">40A </th><td class="won">40,000</td> </tr> <tr> <th>분전함 차단기<br>(개별)교체 </th><th colspan="2">20A/30A </th><td class="won">20,000</td> <td> <ul class="remarks_list"> <li class="circle">분전함 내 개별 차단기 노후교체나 신규설치가 필요한 경우</li> </ul> </td> </tr> <tr> <th>전원연결용<br>벽 콘센트 교체 </th><th colspan="2">16A </th><td class="won">10,000</td> <td> <ul class="remarks_list"> <li class="circle">고객댁의 환경이 15A 콘센트일 경우 16A 변경 필요</li> </ul> </td> </tr> <tr> <th colspan="3">전용 차단기 설치 </th><td class="won">무료</td> <td> <ul class="remarks_list"> <li class="circle">인덕션 설치 시 제품 전용 차단기 설치 (기본사항)</li> <li class="stars">풀파워식에 한함</li> </ul> </td> </tr> <tr> <th rowspan="4">전용선 <br class="br-mo">배선 설치 </th><th rowspan="2">노출<br class="br-mo">기준 </th><th>10m 이하 </th><td class="won">100,000 <span class="font_style02">(기본요금)</span></td> <td rowspan="2"> <ul class="remarks_list"> <li class="circle">인덕션 전체 출력 사용을 위한 전기증설 작업 시 배선설치 작업 <br class="br-pc">(메인 차단기에서 주방까지 배선 설치)</li> <li class="stars">노출기준 : 인덕션 전용 전원선을 설치 환경에 맞게 외부로 연장하는 방식</li> </ul> </td> </tr> <tr> <th>10m 초과 </th><td class="won">기본요금 + 5,000/m</td> </tr> <tr> <th rowspan="2">매립<br class="br-mo">기준 </th><th>10m 이하 </th><td class="won">350,000</td> <td rowspan="2"> <ul class="remarks_list"> <li class="circle">인덕션 전체 출력 사용을 위한 전기증설 작업 시 배선설치 작업 <br class="br-pc">(메인 차단기에서 주방까지 배선 설치)</li> <li class="stars">노출기준 : 인덕션 전용 전원선을 설치 환경에 맞게 외부로 연장하는 방식</li> </ul> </td> </tr> <tr> <th>10m 초과 </th><td class="won">400,000</td> </tr> <tr> <th rowspan="2">인조대리석<br>상판 </th><th colspan="2">부분타공 </th><td class="won">무료</td> <td rowspan="2"> <ul class="remarks_list"> <li class="circle">부분타공 : 직각, 일자타공</li> <li class="circle">전체타공 : 상판 전체 따내기 타공</li> </ul> </td> </tr> <tr> <th colspan="2">전체타공 </th><td class="won">100,000</td> </tr> <tr> <th rowspan="2">천연대리석 또는<br>엔지니어스톤<br>상판 </th><th colspan="2">부분타공 </th><td class="won">100,000</td> <td rowspan="2"> <ul class="remarks_list"> <li class="circle">부분타공 : 직각, 일자타공</li> <li class="circle">전체타공 : 상판 전체 따내기 타공</li> </ul> </td> </tr> <tr> <th colspan="2">전체타공 </th><td class="won">300,000</td> </tr> <tr> <th rowspan="3">인덕션<br>케이스 </th><th colspan="2">상판 <br class="br-mo">메움자재 </th><td class="won">100,000</td> <td rowspan="3"> <ul class="remarks_list"> <li class="circle">상판 메움자재<br>: 기존 사용 제품의 타공사이즈가 설치제품보다 큰 경우 필요</li> <li class="circle">상판 띄움자재<br>: 인덕션 하부에 오븐/식기세척기 등의 제품과의 안전을 위한 이격거리가 충분하지 않은 경우 필요</li> <li class="circle">프리스탠딩<br>: 빌트인이 아닌 프리스탠딩 방식으로 설치 시 필요</li> </ul> </td> </tr> <tr> <th colspan="2">상판 <br class="br-mo">띄움자재 </th><td class="won">100,000</td> </tr> <tr> <th colspan="2">프리스탠딩 </th><td class="won">100,000</td> </tr> <tr> <th>가구장 수정 ·<br> 제작 · 설치 </th><th colspan="2">- </th><td class="won">견적가</td> <td> <ul class="remarks_list"> <li class="circle">인덕션 설치를 위해 가구장 높이 등의 수정작업이 필요한 경우</li> <li class="circle">기존에 사용하던 일체형 제품 (빌트인 오븐/식기세척기)등을 철거 후 가구장 제작이 필요한 경우<br class="br-pc"> 제작 · 설치 대행</li> </ul> </td> </tr> <tr> <th class="title_style01 last_td">별도 작업비<br><span class="font_style01">(고객부담)</span> </th><th colspan="3" class="last_td">식기세척기 <br class="br-mo">부분 철거 및 원복 </th><td class="won last_td">10,000</td> <td class="last_td"> <ul class="remarks_list"> <li class="stars">인덕션 설치를 위해 식기세척기 부분 철거 및 설치 이후 원복 비용</li> </ul> </td> </tr> </tbody> </table> <div class="dscription_wrap"> <div class="dscription_title"> <h4>인덕션 설치 관련 문의 <br class="br-mo">대표번호</h4> <p>1899-4850</p> </div> <ul class="dscription_list"> <li>위 항목은 고객 댁 환경에 따라 추가 설치가 필요할 경우 고객과 설치팀이 별도 계약 후 진행하는 항목으로 강제사항이 아니며,<br class="br-pc"> 고객이 타 설치업체와 공사를 원할 경우 해당 설치업체와 개별 계약을 통해 진행할 수 있습니다.</li> <li>추가설치 단가는 기본 설치비 외 별도의 추가 작업으로 인한 인건비 및 재료비이며 소비자 부담입니다. (VAT 포함)</li> <li>단순변심 발생 시 「전자상거래 등에서의 소비자보호에 관한 법률」에 따라 청약철회가 가능한 경우 제품에 대한 환불은 가능하나,<br class="br-pc"> 삼성닷컴에서 구매하신 제품 외 설치 과정에서 발생한 추가 설치비/부자재 비용은 환불이 불가합니다.</li> </ul> </div> </div> </div> </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div> </section> <script> $(function(){ modalDialog($('.re-tip .btn-open-modal')); a11yGuide(); }) function modalDialog(modalOpen){ modalOpen.off('click').on('click', function(){ let btn = $(this), openModal = $('#' + btn.attr('aria-controls')), modalDim = openModal.prev('.modal-dim'), modal = openModal.find('.modal-cont'), closeModal = openModal.find('.btn-modal-close'); $('body').addClass('-has-modal'); modalDim.addClass('-active'); openModal.addClass('-active').attr('aria-hidden', false); // 팝업 닫을 때 유튜브 정지 let youtubeId = openModal.find('.video').children().attr('id'); function youtubeStop() { modal.find('iframe').removeAttr('src title') } // 포커스 이동 함수 function modalFocus(modalId) { let dialog = $(modalId).find('[role=dialog]'); dialog.focus(); let focusble = modalId.find('button, a, [tabindex="0"]'); let focusbleFirst = focusble.eq(0); let focusbleLast = focusble.eq(focusble.length - 1); focusbleFirst.on('keydown', function(e){ let keycode = e.keyCode || e.which; let tab = (e.key === 'Tab' || e.keycode === 9); if(e.shiftKey && tab){ // console.log(document.activeElement) if(document.activeElement === focusbleFirst[0]){ // console.log('쉬프트 탭 눌렀을 때 첫번째 포커서블한 요소에 포커스가 가면') e.preventDefault(); focusbleLast.focus(); } } }) focusbleLast.on('keydown', function(e){ let keycode = e.keyCode || e.which; let tab = (e.key === 'Tab' || e.keycode === 9); if(tab){ // console.log(document.activeElement) if(document.activeElement === focusbleLast[0]){ // console.log('탭 눌렀을 때 마지막 포커서블한 요소에 포커스가 가면') e.preventDefault(); focusbleFirst.focus(); } } }) } modalFocus(openModal); // 닫기 버튼 함수 function modlaClose() { $('body').removeClass('-has-modal'); modalDim.removeClass('-active'); openModal.removeClass('-active').attr('aria-hidden', true); btn.focus(); // 팝업 닫으면 열었던 버튼으로 포커스 이동 if(openModal.find('iframe').length){ console.log('asdfasdf') youtubeStop(); // 팝업 닫을 때 유튜브 정지 } if(openModal.find('.dryer-search').hasClass('-active') === false){ $('body').addClass('-has-modal'); } if($('#allaboutSetguide').hasClass('-active') === false){ $(document).off('keyup.closeModal'); $('body').removeClass('-has-modal'); } } // 닫기 버튼 클릭 시 팝업창 닫기 closeModal.off('click').on('click', modlaClose); // modalDim을 클릭해도 팝업창 닫기 modalDim.off('click').on('click', function(e){ if(e.target === e.currentTarget){ modlaClose(); } }); // 팝업창이 열렸을 때 esc 키를 누르면 닫기 $(document).on('keyup.closeModal', function(e){ let keycode = e.keyCode || e.which; if(keycode === 27 && openModal.hasClass('-active')){ modlaClose(); } }) // 유튜브 let youtubeLink = btn.attr("data-youtube-id"); let youtubeUrl = 'https://youtube.com/watch?v=' + youtubeLink; $.getJSON('https://noembed.com/embed', {format: 'json', url: youtubeUrl}, function(data){ modal.find('iframe').attr({'src': 'https://www.youtube.com/embed/' + youtubeLink, 'title': data.title}) } ) }); }; function a11yGuide(){ var body = $('body'), a11y = $('.a11y-guide'), open = a11y.find('.btn-pop-guide'), modalWrap = a11y.find('.modal-pop-guide'); var dim = '<div class="modal-dim02 -hidden" data-pop-dim="dim-guide"></div>', focusStart = '<div role="none" data-focus="focusStart" tabindex="0"></div>', focusEnd = '<div role="none" data-focus="focusEnd" tabindex="0"></div>'; // 접근성 초기 셋팅 function a11yAttr(){ a11y.append(dim); open.each(function(idx, item){ var data = $(item).attr('data-popup-target'); $(item).attr({'role':'button', 'aria-controls': data}); }); modalWrap.each(function(idx, item){ $(item).prepend(focusStart).append(focusEnd); function modalCont(modalIn){ var modalLayer = modalIn.find('.layer-pop-inner'), label = modalLayer.attr('class'), title = modalLayer.find('.layer-header h2'); modalLayer.attr({'role':'dialog', 'aria-modal':true, 'aria-labelledby':'label-' + label + idx, 'tabindex':0}); title.attr('id', modalLayer.attr('aria-labelledby')); modalLayer.find('nav.set-guide-tab').attr('role', 'tablist'); modalLayer.find('nav.set-guide-tab > a').each(function(idx, item){ var id = $(item).attr('href').substring(1); $(item).attr({'role':'tab', 'id':'id-' + id}); if($(item).hasClass('active')){ $(item).attr('aria-selected','true').siblings().attr('aria-selected','false'); } }); var tabpanel = modalIn.find('.set-guide-contents[role=tabpanel]'); tabpanel.each(function(idx, item){ $(item).attr('tabindex', 0); if($(item).find('nav').length){ var nav = $(item).find('nav'); nav.closest('[role=tabpanel]').attr('aria-labelledby', 'id-' + nav.attr('id')); }else{ $(item).attr('aria-labelledby', 'id-' + $(item).attr('id')); } }) } modalCont(modalWrap); }); } a11yAttr(); // 팝업 열었을 때 open.on('click', function(){ var $this = $(this), dim = a11y.find('[data-pop-dim=dim-guide]'), thisModal = a11y.find('#' + $this.attr('aria-controls')), close = thisModal.find('.pop-close'); dim.removeClass('-hidden'); body.addClass('-has-modal'); function modalFocus(modalId){ // 팝업 버튼 클릭하면 dialog에 포커스 thisModal.on('focus', function(){ thisModal.find('.layer-pop-inner').focus(); }) // 닫기 버튼에서 tab을 눌렀을 때 role=dialog로 포커스 이동 thisModal.find('[data-focus=focusEnd]').on('focus', function(){ thisModal.find('.layer-pop-inner').focus(); }); // role=dialog에서 shift + tab을 눌렀을 때 닫기 버튼으로 포커스 이동 thisModal.find('[data-focus=focusStart]').on('focus', function(){ thisModal.find('.pop-close').focus(); }); } modalFocus(thisModal); // 닫기 버튼 클릭 close.on('click', function(){ dim.addClass('-hidden'); body.removeClass('-has-modal'); $this.focus(); }); // dim 클릭 dim.on('click', function(e){ if(e.target === e.currentTarget){ close.trigger('click'); } }); // esc 키 눌렀을 때 $(document).off('keyup').on('keyup.closeModal', function(e){ var keycode = e.keycode || e.which; if(keycode == 27 && modalWrap.hasClass('active')){ close.trigger('click'); } }); // 선택함 컨트롤 function selectControls(){ var tab = thisModal.find('[role=tab]'); function basicTab(){ tab.on('click', function(e){ e.preventDefault(); var tab = $(this), panel = tab.attr('href'), cont = thisModal.find('.set-guide-tab').siblings(panel); tab.addClass('active').attr('aria-selected','true').siblings().removeClass('active').attr('aria-selected','false'); cont.addClass('on').siblings('.set-guide-contents').removeClass('on'); }); } basicTab(); } selectControls(); }); } // 앵커 $(function(){ setTimeout(function(){ var wind = $(window); var windW = wind.innerWidth(); var windTop = $('.re-tip').offset().top; var windTop2 = windTop - $('.re-lnb').height(); var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false; // 삼성 인덕션 추가 설치비 가이드 if(location.hash == '#installation_guide'){ wind.scrollTop(windTop2); } // 삼성 인덕션 추가 설치비 가이드 if(location.hash == '#installation-fee'){ wind.scrollTop(windTop); $('.re-tip__list__btn[aria-controls="installationFee"]').trigger('click'); } },100); }); </script> <!-- //end --><!-- AI 셰프의 별별 레시피북 배너 --> <style> .new-set-guide-banner {width:1440px; margin:0 auto; padding: 24px 24px 60px 24px;} .new-set-guide-banner img {width:100%; border-radius:20px;} .new-set-guide-banner .pc-show {display:block;} .new-set-guide-banner .mo-show {display:none;} @media screen and (max-width:1440px){ .new-set-guide-banner {width:100%; padding:1.6667vw 1.6667vw 60px 1.6667vw;} .new-set-guide-banner img {border-radius:1.3889vw;} } @media screen and (max-width:800px){ .new-set-guide-banner {padding: 4.4444vw 6.6667vw 60px 6.6667vw;} .new-set-guide-banner img {border-radius:5.500vw;} .new-set-guide-banner .pc-show {display:none;} .new-set-guide-banner .mo-show {display:block;} } </style> <div class="new-set-guide-banner"> <a href="https://www.samsung.com/sec/explore/food-home/ai-recipe/white-kimchi-ice-cream" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:goto_white-kimchi-ice-cream"> <img src="//images.samsung.com/kdp/static/pcd/electric-range/re/pcd_banner_airecipe_pc_v2.jpg" alt="노란색 배경의 왼쪽에 하얀색 글씨로 '누구나 할 수 있어요! AI 셰프의 별별 레시피북'이 작성되어 있습니다. 글씨 옆에는 AI 엔진으로 생성한 백김치 아이스크림 음식 이미지가 있습니다. 백김치 아이스크림은 하얀색 도자기 접시 위에 한 덩이 놓여있습니다. 음식 옆에는 옆에는 네온 사인 효과가 적용된 'White Kimchi' 텍스트가 형상화되어 있습니다." class="pc-show"> <img src="//images.samsung.com/kdp/static/pcd/electric-range/re/pcd_banner_airecipe_mo_v2.jpg" alt="노란색 배경의 왼쪽에 하얀색 글씨로 '누구나 할 수 있어요! AI 셰프의 별별 레시피북'이 작성되어 있습니다. 글씨 옆에는 AI 엔진으로 생성한 백김치 아이스크림 음식 이미지가 있습니다. 백김치 아이스크림은 하얀색 도자기 접시 위에 한 덩이 놓여있습니다. 음식 옆에는 옆에는 네온 사인 효과가 적용된 'White Kimchi' 텍스트가 형상화되어 있습니다." class="mo-show"> </a> </div><!-- start --> <style> /* common */ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-about {width:1440px; margin:0 auto;} .re-about__tit {padding:0 24px; line-height:1.3; text-align:center;} .re-about__tit__sub {display:block; font-family:'Samsung Sharp Sans',SamsungOneKorean; font-size:20px; letter-spacing:0.2em;} .re-about__tit__txt {display:block; margin-top:5px; font-size:48px;} .re-about__tit__txt sup {font-family:'Samsung Sharp Sans'; font-size:24px; vertical-align:18px;} .re-about__list {display:flex; margin-top:24px; padding:0 6px; flex-wrap:wrap;} .re-about__list li {width:calc(100% / 3); padding:36px 18px 0;} .re-about__list li.mg-right {margin-left:auto;} .re-about__list li.mg-center {margin-left:auto; margin-right:auto;} .re-about__list__btn {display:block; position:relative; width:100%; text-align:left;} .re-about__list__btn .pic {height:440px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; border-radius:20px;} .re-about__list__btn .pic.play {position:relative;} .re-about__list__btn .pic.play::after {content:''; position:absolute; top:50%; left:50%; width:88px; height:88px; background:url('/sec/static/_images/component/compo_about_btn_play.png') no-repeat 0 0 / 100% 100%; transform:translate(-50%, -50%);} .re-about__list__btn .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/range_guide.jpg");} .re-about__list__btn .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/range_onestop.jpg");} .re-about__list__btn .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/range_recipe.jpg");} .re-about__list__btn .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/range_story.jpg");} .re-about__list__btn .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/range_ifnt.jpg");} .re-about__list__btn .pic06 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/award.jpg");} .re-about__list__btn .tag {display:block; margin-top:20px; padding-left:20px; font-size:16px;} .re-about__list__btn .tit {display:inline-block; margin-top:6px; padding-left:20px; font-size:24px; font-weight:700; line-height:1.25;} .re-about__list__btn .tit .blank {display:inline-block; width:20px; height:20px; background:url("https://www.samsung.com/sec/static/_images/component/newwindow-hover.svg") no-repeat left top / 100% 100%;} .re-about__list__btn .tit .blank.blank-arrow {background-image:url("/sec/static/_images/common/icon-outlink.svg");} .re-about__list__btn .desc {margin-top:16px; padding-left:20px; color:#707070; font-size:15px; line-height:1.6;} @media (max-width: 1440px) { .re-about {width:100%;} .re-about__tit {padding:0 1.6667vw;} .re-about__tit__sub {font-size:1.3889vw;} .re-about__tit__txt {margin-top:0.3472vw; font-size:3.3333vw;} .re-about__tit__txt sup {font-size:1.6667vw; vertical-align:1.2500vw;} .re-about__list {margin-top:1.6667vw; padding:0 0.4167vw;} .re-about__list li {padding:2.5000vw 1.2500vw 0;} .re-about__list__btn .pic {height:30.5556vw; border-radius:1.3889vw;} .re-about__list__btn .tag {margin-top:1.3889vw; padding-left:1.3889vw; font-size:1.1111vw;} .re-about__list__btn .pic.play::after {width:6.1111vw; height:6.1111vw;} .re-about__list__btn .tit {margin-top:0.4167vw; padding-left:1.3889vw; font-size:1.6667vw;} .re-about__list__btn .tit .blank {width:1.3889vw; height:1.3889vw;} .re-about__list__btn .desc {margin-top:1.1111vw; padding-left:1.3889vw; font-size:1.0417vw;} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-about__tit {padding:0 6.6667vw;} .re-about__tit__sub {font-size:3.8889vw;} .re-about__tit__txt {margin-top:2.222vw; font-size:7.7778vw;} .re-about__tit__txt sup {font-size:5vw; vertical-align:1.9444vw;} .re-about__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start;} .re-about__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0;} .re-about__list__btn .pic {height:41.1111vw; border-radius:5.5556vw;} .re-about__list__btn .pic.play::after {width:11.111vw; height:11.111vw;} .re-about__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} .re-about__list__btn .tag {margin-top:3.6111vw; padding-left:0; font-size:3.3333vw;} .re-about__list__btn .tit {margin-top:0.8333vw; padding-left:0; font-size:4.4444vw;} .re-about__list__btn .tit .blank {width:3.8889vw; height:3.8889vw;} .re-about__list__btn .desc {margin-top:1.9444vw; padding-left:0; font-size:3.3333vw;} } </style> <section class="re-about pd-tb-60"> <h2 class="re-about__tit"> <span class="re-about__tit__sub">ALL ABOUT</span> <span class="re-about__tit__txt">인덕션</span> </h2> <ul class="re-about__list"> <li> <a href="//www.design.samsung.com/kr/contents/the-plate/" target="_blank" title="새창 열림" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:all_about:the_plate_induction_design_story_view_more"> <div class="pic pic04"></div> <span class="tag">DESIGN STORY</span> <div class="tit">더 플레이트 디자인스토리 <span class="blank blank-arrow"></span></div> <p class="desc">A New Scene for Your Dining Lifestyle. <br>감성 가득한 디테일을 만나보세요.</p> <span class="blind">페이지 이동</span> </a> </li> <li> <a href="/sec/bespoke-infinite-line/" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:all_about:bespoke_infinite_line_view_more"> <div class="pic pic05"></div> <span class="tag">HIGHLIGHT</span> <div class="tit">BESPOKE Infinite Line의 모든 것</div> <p class="desc">당신이 알고 싶은 BESPOKE Infinite line의 모든 것을 확인해 보세요.</p> <span class="blind">페이지 이동</span> </a> </li> <li> <a href="/sec/awards/?pcd=kitchen-appliances" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:kitchen_appliances:electric_range:all_about:award_view_more"> <div class="pic pic06"></div> <span class="tag">AWARD</span> <div class="tit">한눈에 보는 수상 제품</div> <p class="desc">인덕션의 수상 내역을 한눈에 확인해 보세요.</p> <span class="blind">페이지 이동</span> </a> </li> </ul> </section> <!-- //end --> <!-- s : Ranking Product Card --> <div class="best-rank wrap-component pt-nrw pb-nrw w1440px " id="ranking-product-card-wrap_1411770" data-stId="1" data-siteGbCd="10" data-stContextPath="/sec/" data-category-img-tit="tit" data-category-show-hide="hide" data-cptNo="1411770"> <div class="component-contents pt-nrw pb-nrw" data-cptnm="best_ranking"> <div class="component-text"> <div class="box-title"> <h3 class="title mo-ver " style="color:#000000">요즘 인기 있는 인덕션</h3> <h3 class="title pc-ver " style="color:#000000">요즘 인기 있는 인덕션</h3> <h3 class="sub pc-ver"></h3> <h3 class="sub mo-ver"></h3> </div> </div> </div> <section class="rank-section best-type2 categoryHide "> <div class="indct_wrap"> <button class="_prev" data-omni="best ranking:left_arrow"> <div class="_img"> <span class="blind">뒤로</span> </div> </button> <button class="_next" data-omni="best ranking:right_arrow"> <div class="_img"> <span class="blind">앞으로</span> </div> </button> <div class="slide-best-nav" id="categoryNavi_1411770"> <div class="item" id="categoryNavi_1411770_0"> <button class="cta_bst" data-omni="best ranking:Electric Range" data-target-id="rankingPdCardList_1411770_0" data-component-id="categoryNavi_1411770" data-st-context-path="/sec/" data-pd-list-tp="auto" data-counting-period="30day" data-pd-disp-clsf-no="36070000" data-display-category1="36000000" data-display-category2="36070000" data-display-category3="" data-card-show-count="8" data-show-count="8" data-show-more-count="8" data-ranking-pd-card-list-str="" data-svmn-amt-disp-yn="N"> <p class="component-category-name">Electric Range</p> </button> </div> </div> </div> <div class="slide-best-cont " id="categoryCont_1411770"> <!-- s : Ranking Product Card List--> <ul class="best-item" id="rankingPdCardList_1411770_0"> </ul> <!-- e : Ranking Product Card List--> </div> <div> <input type="hidden" id="rankingPdCardList_1411770_0_compoNo" value="1411770"> <input type="hidden" id="rankingPdCardList_1411770_0_totcnt" value="0"> <input type="hidden" id="rankingPdCardList_1411770_0_morecnt" value="8"> <input type="hidden" id="rankingPdCardList_1411770_0_page" value="1"> <input type="hidden" id="rankingPdCardList_1411770_0_rows" value="8"> <input type="hidden" id="rankingPdCardList_1411770_0_countingPeriod" value="30day"> <input type="hidden" id="rankingPdCardList_1411770_0_today_compoNo" value="1411770"> <input type="hidden" id="rankingPdCardList_1411770_0_today_totcnt" value="0"> <input type="hidden" id="rankingPdCardList_1411770_0_today_morecnt" value="8"> <input type="hidden" id="rankingPdCardList_1411770_0_today_page" value="1"> <input type="hidden" id="rankingPdCardList_1411770_0_today_rows" value="8"> <input type="hidden" id="rankingPdCardList_1411770_0_today_countingPeriod" value="30day"> <input type="hidden" id="productCtaListGridData_1411770" value='[{"ctaMoveStyle":"구매하기","ctaWindowStyle":"이동"}]'/> </div> </section> </div> <!-- e : Ranking Product Card --><script> $(document).ready(function() { digitalData.page.pageInfo.pageTrack = "product category details" }); </script> <!-- s : compo Script --> <!-- 45는 12의 ajax 호출 버전, 46은 24의 ajax 호출 버전임 --> <script src="/sec/static/_script/lozad.min.js"></script> <!-- 45는 12의 ajax 호출 버전, 46은 24의 ajax 호출 버전임 --> <script> // s : window load $(window).on("load",function() { $(window).resize(function () { }); /* // 24.02.19-LDS // e식품관 BEST 50 일때는 컴포넌트가 1개만 있었고 더보기 상태를 유지하기 위해서 아래처럼 '뒤로가기 페이지접근 처리' 를 한 상태였던거 같은데 // 현재는 BEST 50을 사용하지 않고, 보여지는 컴포넌트가 여러개여서 아래 '뒤로가기 페이지접근 처리' 를 하면 첫번째 컴포넌트 내용이 여러개의 컴포넌트에 동일하게 노출되는 오류가 발생하여 주석 처리함. // 뒤로가기 페이지처리 var url = location.href; if(url.indexOf("bestselling") >= 0) { // e식품관 BEST 50 var urlLastPathNm = getUrlLastPathNm(); var bfCompo24html = sessionStorage.getItem("bf_compo24_html_" + urlLastPathNm); if(bfCompo24html != undefined && bfCompo24html != ''){ $(".wrap-component.product-card").html(bfCompo24html); sessionStorage.removeItem("bf_compo24_html_" + urlLastPathNm); } // 뒤로가기 스크롤처리 var bfCompo24scroll = sessionStorage.getItem("bf_compo24_scroll_" + urlLastPathNm); if(bfCompo24scroll != undefined && bfCompo24scroll != ''){ $(window).scrollTop(bfCompo24scroll); sessionStorage.removeItem("bf_compo24_scroll_" + urlLastPathNm); } }*/ }); // e : window load //최초 실행 $('.best-rank.wrap-component .rank-section').each(function(i,el){ //누적랭킹의 첫번째 버튼(첫번째 카테고리)의 데이터 세팅 fnGetRkPrdtCardList($(el).find('.item:eq(0)>button').data()); //오늘랭킹 사용 여부 체크 if($(el).hasClass('tab-type')){ //오늘랭킹의 첫번째 버튼(첫번째 카테고리)의 데이터 세팅 fnGetRkPrdtCardList($(el).find('.item:eq(0)>button').data(),'show'); } i+=1; if((!$(el).hasClass('categoryHide')) && ($(el).find('.cta_bst').length>1)){ var slideBestNav = $(el).find('.slide-best-nav').addClass('for'+ i); var slideBestCont = $(el).find('.slide-best-cont').addClass('nav'+ i); var slidePrev = $(el).find('.indct_wrap ._prev'); var slideNext = $(el).find('.indct_wrap ._next'); var navCnt = slideBestNav.find('.item').length; if($(el).hasClass('best-type2')){ bestSlideSet_type2(navCnt,$(el),slideBestNav,slideBestCont,slidePrev,slideNext); }else{ bestSlideSet_type1(navCnt,$(el),slideBestNav,slideBestCont,slidePrev,slideNext); } }else if((!$(el).hasClass('categoryHide')) && ($(el).find('.cta_bst').length == 1)){ $(el).find('.item').addClass('slick-current'); } if($(el).hasClass('tab-type')){ //버튼 이벤트 setting setBestRankTabToggle($(el)); } }); //상품정보 세팅 시작 function fnGetRkPrdtCardList(obj, todayAmtShowHide) { var targetId = $(obj).data('target-id') === undefined ? obj.targetId : $(obj).data('target-id'); var stContextPath = $(obj).data('st-context-path') === undefined ? obj.stContextPath : $(obj).data('st-context-path'); var compNo = targetId.split('_')[1]; var bunIdx = targetId.split('_')[2]; var productCtaListGridData = $("#productCtaListGridData_"+compNo).val(); todayAmtShowHide = todayAmtShowHide === undefined ? 'hide' : 'show'; var data = $(obj).data('target-id') === undefined ? obj : $(obj).data(); var page = $('#'+targetId+'_page').val(); var rows = page === "1" ? $('#'+targetId+'_morecnt').val() : $('#'+targetId+'_rows').val(); var totalCount = $('#'+targetId+'_totcnt').val(); $.extend(data,{ productCtaListGridData : productCtaListGridData , page : page , rows : rows , totalCount : totalCount , todayAmtShowHide : todayAmtShowHide }); $.ajax({ url: stContextPath + 'cxhr/display/rankingPrdtList' , type: "GET" , data: data , success: function (data) { if(typeof data.rkPrdtCardSO != "undefined"){ var appandTargetId = todayAmtShowHide === "show" ? data.rkPrdtCardSO.targetId+'_today' : data.rkPrdtCardSO.targetId; $('#'+appandTargetId+'_totcnt').val(data.count); if(data.products != null && data.products.length > 0){ appendRkPrdtCard(data.products, data.isLogin, data.rkPrdtCardSO); var targetGb = ""; if(data.rkPrdtCardSO.todayAmtShowHide === "show"){ targetGb = "today"; }else{ targetGb = "best"; } var prdPointAccumObjArr = $("[id^=svmnt_" + targetGb + '_' + compNo + "_" + bunIdx + "]"); if (prdPointAccumObjArr == null || prdPointAccumObjArr.length == 0) return; fnGetPrdPointAccum(prdPointAccumObjArr, stContextPath, compNo, "43"); } } } }); } function appendRkPrdtCard(products, isLogin, so){ var appandTargetId = so.todayAmtShowHide === "show" ? so.targetId+'_today' : so.targetId; var productCnt = 0; var compoNo = $('#'+appandTargetId+'_compoNo').val(); var totalCount = $('#'+appandTargetId+'_totcnt').val(); var moreCount = $('#'+appandTargetId+'_morecnt').val(); var page = $('#'+appandTargetId+'_page').val(); var rows = $('#'+appandTargetId+'_rows').val(); $.each(products, function(idx, prd) { var pdCnt = so.page == 1 ? parseInt(productCnt) : parseInt(moreCount) + parseInt(productCnt); if(totalCount >= pdCnt+1){ var html = ''; var cpAllDcAmt = 0; if(prd.goodsDetailVo != null){ if(prd.goodsDetailVo.cpAllDcAmt != null && prd.goodsDetailVo.cpAllDcAmt != undefined){ cpAllDcAmt = prd.goodsDetailVo.cpAllDcAmt; } } html += '<li id="li-prd-' + prd.goodsId + '"'; html += 'data-obj-type="product"'; html += 'data-mo-code="'+prd.mdlCode+'"'; html += 'data-goods-nm="'+prd.goodsNm+'"'; html += 'data-disp-ctg-en-nm-path="'+prd.dispCtgEnNmPath+'"'; html += 'data-cp-all-dc-amt="'+cpAllDcAmt+'"'; html += '>'; html += htmlRkPrdtCard(prd, isLogin, so, productCnt); html += '</li>'; $('#'+appandTargetId).append(html); productCnt++; } }); var countingHtml = ''; if(productCnt > 0){ var countPreiodStr = ""; var countingPeriod = $('#'+appandTargetId+'_countingPeriod').val(); var countingPeriodDtm = $('#'+appandTargetId+' ._item:eq(0)').data("countingPeriodDtm"); if(countingPeriod === "1DayMonth") { countPreiodStr = "당월 1일부터의" }else if(countingPeriod === "7day") { countPreiodStr = "7일전부터의" }else if(countingPeriod === "30day") { countPreiodStr = "30일전부터의" } //오늘랭킹 문구 변경 if(so.todayAmtShowHide === "show"){ if($('#categoryCont_'+compoNo).attr('style') === 'display: none;'){ countPreiodStr = "당일의" } } var dt = new Date(); var pDtm = new Date(Date.parse(dt) - 1000 * 60 * 60); var pYmdDtm = pDtm.dateFormat('yyyy.MM.dd'); var pHmsDtm = pDtm.dateFormat('HH:00:00'); countingHtml += '<div class="standard-data-box">'; countingHtml += ' <div class="standard-data ">'; countingHtml += ' <span class="data-day">'+pYmdDtm+'</span>'; countingHtml += ' <span class="data-time">'+pHmsDtm+'</span>'; countingHtml += ' <span class="text">기준</span>'; countingHtml += ' </div>'; countingHtml += ' <button type="button" class="btn-tooltip" onclick="tooltipCenterTop(this,\'common_'+appandTargetId+'_'+products.length+'\',500);" aria-selected="false" data-omni="best ranking:tooltip"><span class="blind">툴팁보기</span></button>'; countingHtml += ' <div class="tooltip-layer common_'+appandTargetId+'_'+products.length+'" tabindex="0">'; countingHtml += ' <div class="tooltip-content">'; if(!so.displayCategory1){ countingHtml += ' <p>*베스트랭킹 제품은 '+so.stNm+' 전체 판매 제품 중 각 품목별 1위 제품 기준입니다.<br/>'+countPreiodStr+' 누적판매금액(최종혜택적용예상가) 기준으로 1시간마다 업데이트 되며, 누적판매금액은 실제 값과 상이할 수 있습니다.<br/>(할인쿠폰 적용, 멤버십포인트 차감, 제품 부분 취소 등에 따라 고객님의 실제 결제금액의 합산과 차이가 있을 수 있습니다.) </p>'; }else{ countingHtml += ' <p>*베스트랭킹 제품은 '+so.stNm+' 전체 판매 제품 기준으로 '+countPreiodStr+' 누적판매금액(최종혜택적용예상가) 기준으로 1시간마다 업데이트 되며, 누적판매금액은 실제 값과 상이할 수 있습니다.<br/>(할인쿠폰 적용, 멤버십포인트 차감, 제품 부분 취소 등에 따라 고객님의 실제 결제금액의 합산과 차이가 있을 수 있습니다.) </p>'; } countingHtml += ' </div>'; countingHtml += ' <button type="button" class="btn-tooltip-close tolltip-close" tabindex="0"><em class="blind">닫기</em></button>'; countingHtml += ' </div>'; countingHtml += '</div>'; } var totalMoreCount = page == 1 ? parseInt(productCnt) : parseInt(moreCount) + parseInt(productCnt); var totalPageCount = so.totalPageCount; //페이지 카운트 계산 if(totalCount - so.showCount > 0){ totalPageCount = (Math.ceil((parseInt(totalCount) - parseInt(so.showCount))/parseInt(rows)) +1); } //기준박스 초기화 $('#'+appandTargetId+' .standard-data-box').remove(); //더보기 초기화 $('#'+appandTargetId+' .more-area').remove(); if(totalCount > totalMoreCount){ $('#'+appandTargetId).append(countingHtml); var moreCtaHtml = '<div class="more-area"><a href="javascript:;" class="btn-more" '; if(so.todayAmtShowHide === "show"){ moreCtaHtml += 'onclick="moreRkPrdtCard(\''+so.targetId+'\',\'show\');" '; }else{ moreCtaHtml += 'onclick="moreRkPrdtCard(\''+so.targetId+'\');" '; } moreCtaHtml += 'data-omni="best ranking:view more"><span class="btn-name">더보기</span><span class="more-data"><em>'+(so.page)+'</em><em>'+totalPageCount+'</em></span></a></div>'; $('#'+appandTargetId).append(moreCtaHtml); }else if(totalCount == totalMoreCount){ $('#'+appandTargetId).append(countingHtml); } $('#'+appandTargetId+'_morecnt').val(totalMoreCount); //높이 조절 & 기준시간 명시 setTimeout(function(){ setConListHeight(appandTargetId); }, 500); } function htmlRkPrdtCard(prd, isLogin, so, productCnt) { var stContextPath = so.stContextPath; var prdLink = stContextPath + prd.goodsDetailUrl; var stGbCd = so.stGbCd; var price = prd.priceStr.split('|'); var liItem = ''; var appandTargetId = so.todayAmtShowHide === "show" ? so.targetId+'_today' : so.targetId; liItem += '<div class="_item" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" data-counting-period-dtm="'+prd.countingPeriodDtm+'">'; if(prd.saleStatCd != '12' && !!so.displayCategory1 ){ liItem += '<div class="item-img soldout">'; }else{ liItem += '<div class="item-img">'; } liItem += '<div class="_img">'; 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$'; } } liItem += ' <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="' + prd.imgPath1 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '" data-omni="best ranking:prd img:'+prd.mdlCode+'">'; liItem += '</div>'; liItem += '</div>'; liItem += '<div class="_dtl">'; var totalSaleAmt = Math.floor(prd.totSaleAmt/10000)*10000; var moreCount = $('#'+appandTargetId+'_morecnt').val(); var pdCnt = so.page === 1 ? parseInt(productCnt) : parseInt(moreCount) + parseInt(productCnt); liItem += '<div class="_sale-price" data-omni="'+prd.totSaleQty+':'+prd.totSaleAmt+'">'; liItem += ' <span class="rank">'+String(pdCnt+1).padStart(2,"0")+'</span>'; liItem += ' <div class="_price">총 <span>' + numberToKorean(totalSaleAmt) + '원</span> 판매</div>'; liItem += '</div>'; liItem += '<div class="component-txt">'; // 옵션 liItem += '<h2>'+prd.goodsNm.replace(/\n/g, '<br>')+'</h2>'; if(prd.saleStatCd != '12' && !!so.displayCategory1 ){ liItem += '<span class="blind">SOLD OUT</span>'; } liItem += '<p>'+prd.mdlCode+'</p>'; liItem += '</div>'; // 가격 && 멤버십 liItem += '<div class="wrap-price-point">'; liItem += htmlRkPrdtCardPrice(prd, isLogin, so); liItem += '</div>'; // 버튼 liItem += htmlRkPrdtCardBtn(prd, isLogin, so); liItem += '</div>'; return liItem; } function htmlRkPrdtCardPrice(prd, isLogin, so) { //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; var stId = so.stId; var stGbCd = so.stGbCd; var stContextPath = so.stContextPath; var membershipJoinUrl = so.membershipJoinUrl; var isSecApp = so.secApp; var svmnUseYn = so.svmnAmtDispYn; var titPrice = "혜택가"; if(prd.outletFlgYn != null && prd.outletFlgYn == 'Y'){ titPrice = "아울렛 특가"; } // 상품가격 if (prd.priceStr == null) { return '<div class="component-price"></div>'; } var html = ''; var price = prd.priceStr.split('|'); if (price[2] == 0) { return ' <div class="component-price"></div>'; } //상품 상태가 판매중이 아닌 경우 가격 노출 안함. if(prd.saleStatCd != '12' && prd.saleStatCd != '13' && prd.saleStatCd != '14' && !!so.displayCategory1 ) { return ' <div class="component-price"></div>'; } var apndTargetId = so.targetId; var targetGb = ""; if(so.todayAmtShowHide === "show"){ targetGb = "today"; }else{ targetGb = "best"; } var compNo = apndTargetId.split('_')[1]; var bunIdx = apndTargetId.split('_')[2]; // 셰프컬렉션 or BESPOKE 상품이고 B2C, 패밀리넷(로그인), 등외급몰(로그인), 복지몰(로그인), 기획전몰(로그인), 비즈니스 스토어, 회원사 기획전몰(로그인) 경우 가격 미노출 if((prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && (stGbCd == 10) ){ //비스포크 최저가 if(prd.bespokeMinimumPrice != null && prd.bespokeMinimumPrice != 0){ var bspkMinPrice; var basebspkPriceNm = ""; if (price[1] == '00') { basebspkPriceNm = "회원가"; bspkMinPrice = parseInt(price[3]) + parseInt(prd.bespokeMinimumPrice); }else{ basebspkPriceNm = titPrice; bspkMinPrice = parseInt(price[4]) + parseInt(prd.bespokeMinimumPrice); } html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color">'+basebspkPriceNm+'</dt>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(bspkMinPrice) + '</em>원 부터 ~</span></dd>'; html += ' </dl>'; html += ' </div>'; //컴포넌트 멤버십 노출 여부 (~ 추가되는 부분) if(svmnUseYn === 'Y'){ if(stGbCd !== '80' && prd.membershipUseExcptYn == 'N' && (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || prd.carePlusType == "N" || prd.carePlusType == "CP") ){ if(prd.thirdPartyYn == 'N'){ html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '_from"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '_from"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } } html += '<p class="note-detail" >* 도어 색상/재질 및 옵션에 따라 가격은 변경됩니다.</p>'; } }else if( (prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && ((stGbCd == '20' && isLogin) || (stGbCd == '30' && isLogin)) ){ //비스포크 최저가 if(prd.bespokeMinimumPrice != null && prd.bespokeMinimumPrice != 0){ html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color">임직원가</dt>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(parseInt(price[6]) + parseInt(prd.bspkPrc4)) + '</em>원 부터 ~</span></dd>'; html += ' </dl>'; html += ' </div>'; //컴포넌트 멤버십 노출 여부 (~ 추가되는 부분) if(svmnUseYn === 'Y'){ if(stGbCd !== '80'){ if(prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '_from"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '_from"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } } html += '<p class="note-detail" >* 도어 색상/재질 및 옵션에 따라 가격은 변경됩니다.</p>'; } }else if((prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && ( (stGbCd == '40' && isLogin) || (stGbCd == '50') || (stGbCd == '60' && isLogin) || (stGbCd == '70' && isLogin) || (stGbCd == '80' && isLogin)) ) { html += ' <div class="component-price">'; html += ' <dl>'; html += ' </dl>'; html += ' </div>'; }else if (stGbCd === '10') { html += '<div class="component-price">'; html += ' <dl>'; var basePriceHtml = ''; if( prd.cpUseYn != "Y" ){ if ( price[1] === '00' && price[2] != price[3] || price[1] != '00' ) { basePriceHtml += '<dt class="black-color">기준가</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; }else{ if (price[1] == '00') { basePriceHtml += '<dt class="black-color">회원가</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } else { basePriceHtml += '<dt class="black-color">'+titPrice+'</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } } }else{ if ( price[1] === '00' && price[2] != price[3] || price[1] != '00' ) { basePriceHtml += '<dt class="black-color">기준가</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; }else{ if (price[1] == '00') { if(isSecApp || prd.goodsDetailVo.webCpAllDcAmt > 0) { basePriceHtml += '<dt class="black-color">회원가</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } } else { basePriceHtml += '<dt class="black-color">'+titPrice+'</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } } } var lastPriceHtml = ''; if( prd.cpUseYn == "Y" ){ if(!isSecApp){ if(prd.goodsDetailVo.webCpAllDcAmt > 0) { lastPriceHtml += ' <dt class="black-color">쿠폰 적용 예상가</dt>'; } else if (price[1] != '00') { lastPriceHtml += ' <dt class="black-color">'+titPrice+'</dt>'; } else { lastPriceHtml += ' <dt class="black-color">회원가</dt>'; } } else { lastPriceHtml += ' <dt class="black-color">쿠폰 적용 예상가</dt>'; } if(!isSecApp){ if(prd.goodsDetailVo.webCpAllDcAmt > 0) { lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma((price[price.length - 1] - prd.goodsDetailVo.webCpAllDcAmt)) + '</em>원</span></dd>'; } else if(price[1] != '00'){ lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } else { lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } }else{ lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma( (price[price.length-1] - prd.goodsDetailVo.cpAllDcAmt) ) + '</em>원</span></dd>'; } }else if( prd.cpUseYn != "Y" && price[1] != '00'){ lastPriceHtml += '<dt class="black-color">'+titPrice+'</dt>'; lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; }else if( prd.cpUseYn != "Y" && price[1] == '00' && price[1] === '00' && price[2] != price[3] || price[1] != '00' ){ lastPriceHtml += '<dt class="black-color">회원가</dt>'; lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } if(lastPriceHtml != ''){ basePriceHtml = lastPriceHtml; } html += basePriceHtml; html += ' </dl>'; 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' )) { //컴포넌트 멤버십 노출 여부 if(svmnUseYn === 'Y'){ if(stGbCd !== '80' && prd.membershipUseExcptYn == 'N' && (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || prd.carePlusType == "N" || prd.carePlusType == "CP") ){ if(prd.thirdPartyYn == 'N'){ html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } } } } else if (stGbCd === '20' || stGbCd === '30') { html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color">임직원가</dt>'; if(prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[6]) + '</em>원</span></dd>'; } else { html += ' <dd>현장에서 결제</dd>'; } html += ' </dl>'; html += ' </div>'; //컴포넌트 멤버십 노출 여부 if(svmnUseYn === 'Y'){ if(stGbCd !== '80'){ if(prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </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="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(prc1+prc2) + '</em>원</span></dd>'; html += ' </dl>'; html += ' </div>'; } else if (stGbCd === '50') { html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>'; if (!isLogin) { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; //if('ctgPathNm' == 'soho' && 'ctgPathNm' != '' ){ // html += ' <div class="pic soho-pic"><a href="javascript:void();" class="only" onclick="goSohoLogin()"><span>회원가 보기</span></a>'; //}else{ html += ' <strong class="only"><span>Members Only</span></strong>'; //} } else { if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; } if (price[1] === '00') { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } else { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } } html += ' </dl>'; html += ' </div>'; } else if (stGbCd === '60') { html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>'; //html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; html += ' </dl>'; html += ' </div>'; } else if (stGbCd === '70' || stGbCd === '80') { // 임직원몰(기획전몰)_체험단말 if( stContextPath.indexOf("ma_24") > -1 || stContextPath.indexOf("24_pa") > -1 || stContextPath.indexOf("24_mx") > -1 || stContextPath.indexOf("fan_24") > -1 ){ html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; //판매가 html += ' </dl>'; html += ' </div>'; } // 복지몰이고 임직원가 가격 노출해야 하는 경우 (220627 기준 삼판 패밀리몰뿐) else if(stGbCd === '70' && so.empPrcStYn == 'Y'){ html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color">임직원가</dt>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(price[6]) + '</em>원</span></dd>'; html += ' </dl>'; html += ' </div>'; } else if(stGbCd === '70' && so.foodPrcStYn == 'Y'){ html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>'; //if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { // html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; //} if (price[1] === '00') { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } else { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } html += ' </dl>'; html += ' </div>'; } //2022.06.13 갤캠스 추가 else if ((stGbCd == '80') && ( stId =='122')) { html += ' <div class="component-price">'; html += ' <dl>'; //html += ' <dt class="black-color">기준가</dt>' //if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { // html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; //} html += ' <dt class="black-color">교육할인가</dt>' if (price[1] === '00') { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } else { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } html += ' </dl>'; html += ' </div>'; } // 그외 else{ html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>' //if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { // html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; //} if (price[1] === '00') { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } else { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } html += ' </dl>'; html += ' </div>'; } var svmnUseYn = so.svmnAmtDispYn; if(stGbCd !== '80' && svmnUseYn != 'N'){ if( stId =='266' || stId =='206' ){ // 210416 복지몰 이지만 ST_ID값이 266 인 사이트는 멤버십 관련 항목 안보게 함 정재동 --> B2B2C에서 포인트 노출 html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } if( ( stId =='200') && svmnUseYn != 'N') { html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } //2022.05.23 갤캠스 ST_ID값 추가 if( (stGbCd == '80') && ( stId =='122') && svmnUseYn != 'N') { html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } else if (stGbCd === '90' && stId ==='193') { // 210407 임직원몰(e카달로그), ST_ID값이 193인 사이트 정재동 html += ' <div class="component-price">'; html += ' <dl>'; //html += ' <dd>' + fnComma(price[2]) + ' 원</dd>'; html += ' <dd>' + fnComma(price[3]) + ' 원</dd>'; html += ' </dl>'; html += ' </div>'; } return html; } function htmlRkPrdtCardBtn(prd, isLogin, so) { var stContextPath = so.stContextPath; var prdLink = so.stContextPath + prd.goodsDetailUrl; var loginLink = so.stContextPath + 'member/indexLogin/'; var stId = so.stId; var stGbCd = so.stGbCd; var stGrp = so.stGrp; var html = ''; var btnCd = ''; //10: 구매하기(주문/결제), 11: 조합하여 구매하기, 12:디자인하기(상품속성 커스텀 상품 여부Y) ,20: 재입고 알림(상세), 21: 재입고 알림(로그인), 30: 자세히 보기, 00: 판매종료(임직원몰(기획전몰)_체험단말용) //prd.saleStatCd 12: 판매중, 13: 일시품절, 14: 판매준비중, 15: 판매종료, 16: 타경로판매, 17: 미판매, 18: 판매중지 // 재입고알림여부 var restockStYn = so.restockStYn; if (stGbCd === '10') { if (prd.saleStatCd === '12' || !so.displayCategory1) { if(prd.customGoodsYn === 'Y' || prd.customGoodsYn === 'D'){ btnCd = '12'; }else{ 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', '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'){ btnCd = '30'; } } else if (['20', '30'].indexOf(stGbCd) > -1) { if (prd.saleStatCd === '12' || !so.displayCategory1) { 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' || !so.displayCategory1) { 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( stContextPath.indexOf("ma_24") > -1 || stContextPath.indexOf("24_pa") > -1 || stContextPath.indexOf("24_mx") > -1 || stContextPath.indexOf("fan_24") > -1 ){ if(prd.saleStatCd === '12' || !so.displayCategory1){ if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; }else{ btnCd = '10'; } }else{ btnCd = '00'; } } // 그외 else{ if (prd.saleStatCd === '12' || !so.displayCategory1) { 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 === '18') { btnCd = '30'; } else if (prd.saleStatCd === '17') { btnCd = '30'; // 미판매 자세히 보기 추가(10/05) } } } else if (stGbCd === '50') { if (prd.saleStatCd === '12' || !so.displayCategory1) { 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' || !so.displayCategory1) { 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'; } var ctaMoveStyle = so.productCtaList[0].ctaMoveStyle; var ctaWindowStyle = so.productCtaList[0].ctaWindowStyle; var ctaTarget = "_self"; if(ctaWindowStyle === '이동'){ ctaTarget = "_self"; }else{ ctaTarget = "_blank"; } var ctaMoveStyleNm = "1"; if (ctaMoveStyle === "구매하기"){ ctaMoveStyleNm = 1; } else if(ctaMoveStyle === "바로 구매하기") { ctaMoveStyleNm = 2; } else if(ctaMoveStyle === "더 알아보기" || ctaMoveStyle === "자세히 보기") { ctaMoveStyleNm = 3; } else if(ctaMoveStyle === "장바구니 담기") { ctaMoveStyleNm = 4; } else if(ctaMoveStyle === "선물하기") { ctaMoveStyleNm = 5; } html += ' <div class="_cta">'; if (btnCd === '10') { html += ' <a href=\"'+prdLink+'\" class="cta_buy" data-omni=\"best ranking:cta:'+ctaMoveStyle+':'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">'+ctaMoveStyle+'</a>'; } else if (btnCd === '11') { if(stGbCd == '20' || stGbCd == '30'){ // 패널 상품일 경우 자동 선택 - 2022.09.06 var bspkParam = ''; if ('50' == prd.goodsAddTpCd) { bspkParam = '&pannelYn=Y'; } else { bspkParam = '&selModel='+prd.mdlCode; } html += ' <a href=\"'+so.stContextPath + 'bespoke/buy/fam/?id=bespoke-make'+bspkParam+'\" class="cta_buy" data-omni=\"best ranking:cta:조합하여 구매하기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">조합하여 구매하기</a>'; } else { html += ' <a href=\"'+prdLink+'\" class="cta_buy" data-omni=\"best ranking:cta:조합하여 구매하기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">조합하여 구매하기</a>'; } } else if (btnCd === '20') { html += ' <a href=\"'+prdLink+'\" class="cta_buy wht-st" data-omni=\"best ranking:cta:재입고 알림 신청:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">재입고 알림 신청</a>'; } else if (btnCd === '30') { if (stGbCd == '10' && prd.winePickupGoodsYn != null && prd.winePickupGoodsYn == 'Y' && prd.winePickupGoodsYn != '') { html += ' <a href=\"'+prdLink+'\" class="cta_buy wht-st" data-omni=\"best ranking:cta:더 알아보기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">더 알아보기</a>'; } else if((stGbCd == '50' || stGbCd == '60') && prd.flagStr == '매장픽업' && prd.useStkCd =='90') { html += ' <a href=\"'+prdLink+'\" class="cta_buy" data-omni=\"best ranking:cta:매장 픽업:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">매장 픽업</a>'; } else { html += ' <a href=\"'+prdLink+'\" class="cta_buy wht-st" data-omni=\"best ranking:cta:더 알아보기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">더 알아보기</a>'; } } else if (btnCd === '00') { // 임직원몰(기획전몰)_체험단말 html += ' <a href="javascript:;" class="cta_buy wht-st" onclick="saleEndAlert();" data-omni=\"best ranking:cta:더 알아보기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">더 알아보기</a>'; } else if (btnCd === '12') { //상품속성 커스텀 상품 일때 html += ' <a href=\"'+prdLink+'\" class="cta_buy" data-omni=\"best ranking:cta:디자인하기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">디자인하기</a>'; } html += ' </div>'; return html; } function moreRkPrdtCard(targetId, todayAmtShowHide){ targetId = targetId.replace('rankingPdCardList','categoryNavi'); var obj = $('#'+targetId+'>button').data(); var targetId = obj.targetId var stContextPath = obj.stContextPath; var compNo = targetId.split('_')[1]; var bunIdx = targetId.split('_')[2]; var productCtaListGridData = $("#productCtaListGridData_"+compNo).val(); todayAmtShowHide = todayAmtShowHide === undefined ? 'hide' : 'show'; var data = obj; var appandTargetId = todayAmtShowHide === "show" ? targetId+'_today' : targetId; var page = $('#'+appandTargetId+'_page').val(); page++; var rows = page === "1" ? $('#'+appandTargetId+'_morecnt').val() : $('#'+appandTargetId+'_rows').val(); $('#'+appandTargetId+'_page').val(page); $.extend(data,{ productCtaListGridData : productCtaListGridData , page : page , rows : rows , todayAmtShowHide : todayAmtShowHide }); $.ajax({ url: stContextPath + 'cxhr/display/rankingPrdtList' , type: "GET" , data: data , success: function (data) { if(typeof data.rkPrdtCardSO != "undefined"){ if(data.products != null && data.products.length > 0){ appendRkPrdtCard(data.products, data.isLogin, data.rkPrdtCardSO); var targetGb = ""; if(data.rkPrdtCardSO.todayAmtShowHide === "show"){ targetGb = "today"; }else{ targetGb = "best"; } var prdPointAccumObjArr = $("[id^=svmnt_" + targetGb + '_' + compNo + "_" + bunIdx + "]"); if (prdPointAccumObjArr == null || prdPointAccumObjArr.length == 0) return; fnGetPrdPointAccum(prdPointAccumObjArr, stContextPath, compNo, "43"); } } } }); } function saleEndAlert() { let alertData = { title: "alert", content: "판매가 종료되었습니다." }; commonAlert(alertData); openLayer('commonAlert'); } //img+text type function bestSlideSet_type1(navCnt,el,slideBestNav,slideBestCont,slidePrev,slideNext){ slideBestNav.slick({ slidesToShow: 14, slidesToScroll: 1, arrows: true, focusOnSelect: true, infinite: false, draggable : true, prevArrow: slidePrev, nextArrow: slideNext, asNavFor: slideBestCont, responsive: [ { breakpoint: 1280, settings: { slidesToShow: 12, } }, { breakpoint: 1024, settings: { slidesToShow: 9, } }, { breakpoint: 768, settings: { slidesToShow: 7, } }, { breakpoint: 600, settings: { slidesToShow: 5, } }, { breakpoint: 360, settings: { slidesToShow: 4, } } ] }); slideBestCont.slick({ adaptiveHeight: true, slidesToShow: 1, slidesToScroll:1, focusOnSelect: false, fade: true, autoplay: false, autoplaySpeed: 3000, dots: false, arrows: false, infinite: false, asNavFor: slideBestNav }); //14개 미만일때 drag시 beforchange 이벤트 실행 되지 않아 미리 불러오도록 해결 if(navCnt <= 14){ slideBestNav.find('.item').each(function(i,el){ //최초 실행 제외 if(i > 0) { //나머지 nav 데이터 불러오기 (1회만 실행) if($(el).closest('.rank-section').hasClass('tab-type')){ fnGetRkPrdtCardList($(el).find('button').data(),'show'); } fnGetRkPrdtCardList($(el).find('button').data()); } }); slideBestNav.on('afterChange', function(event, slick, currentSlide){ let index = currentSlide; var contList_targetId = event.target.id.replace('categoryNavi','rankingPdCardList'); var compNo = contList_targetId.split('_')[1]; if($('#best-rank-tab_'+compNo+' .rank-td').hasClass('active')){ if($('#'+contList_targetId+'_'+index+'_today>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data(),'show'); } }else{ if($('#'+contList_targetId+'_'+index+'>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data()); } } }); }else{ slideBestNav.on('beforeChange', function(event, slick, currentSlide, nextSlide){ let index = nextSlide; var contList_targetId = event.target.id.replace('categoryNavi','rankingPdCardList'); var compNo = contList_targetId.split('_')[1]; if($('#best-rank-tab_'+compNo+' .rank-td').hasClass('active')){ if($('#'+contList_targetId+'_'+index+'_today>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data(),'show'); } }else{ if($('#'+contList_targetId+'_'+index+'>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data()); } } }); } } //text type function bestSlideSet_type2(navCnt,el,slideBestNav,slideBestCont,slidePrev,slideNext){ slideBestNav.slick({ slidesToShow: 8, slidesToScroll: 1, arrows: true, focusOnSelect: true, infinite: false, draggable : true, prevArrow: slidePrev, nextArrow: slideNext, asNavFor: slideBestCont, responsive: [ { breakpoint: 1280, settings: { slidesToShow: 6, } }, { breakpoint: 1024, settings: { slidesToShow: 5, } }, { breakpoint: 768, settings: { slidesToShow: 5, } }, { breakpoint: 600, settings: { slidesToShow: 3, } }, { breakpoint: 360, settings: { slidesToShow: 2.5, } } ] }); slideBestCont.slick({ adaptiveHeight: true, slidesToShow: 1, slidesToScroll:1, focusOnSelect: false, fade: true, autoplay: false, autoplaySpeed: 3000, dots: false, arrows: false, infinite: false, asNavFor: slideBestNav }); //8개 미만일때 drag시 beforchange 이벤트 실행 되지 않아 미리 불러오도록 해결 if(navCnt <= 8){ slideBestNav.find('.item').each(function(i,el){ //최초 실행 제외 if(i > 0) { //나머지 nav 데이터 불러오기 (1회만 실행) if($(el).closest('.rank-section').hasClass('tab-type')){ fnGetRkPrdtCardList($(el).find('button').data(),'show'); } fnGetRkPrdtCardList($(el).find('button').data()); } }); slideBestNav.on('afterChange', function(event, slick, currentSlide){ let index = currentSlide; var contList_targetId = event.target.id.replace('categoryNavi','rankingPdCardList'); var compNo = contList_targetId.split('_')[1]; if($('#best-rank-tab_'+compNo+' .rank-td').hasClass('active')){ if($('#'+contList_targetId+'_'+index+'_today>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data(),'show'); } }else{ if($('#'+contList_targetId+'_'+index+'>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data()); } } }); }else{ slideBestNav.on('beforeChange', function(event, slick, currentSlide, nextSlide){ let index = nextSlide; var contList_targetId = event.target.id.replace('categoryNavi','rankingPdCardList'); var compNo = contList_targetId.split('_')[1]; if($('#best-rank-tab_'+compNo+' .rank-td').hasClass('active')){ if($('#'+contList_targetId+'_'+index+'_today>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data(),'show'); } }else{ if($('#'+contList_targetId+'_'+index+'>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data()); } } }); } } function setBestRankTabToggle(e) { var $e = e.find('.rank-tab'); var $bestCont = e.find('.slide-best-cont'); var ariaSelected = 'aria-selected'; if ($e.length == 0 || $bestCont.length == 0) { return false; } //누적랭킹 hide 처리 var setHideElId = $e.find('[aria-selected="false"]').attr('aria-controls'); $('#'+setHideElId).hide(); $e.find("button").click(function (e) { e.preventDefault(); var id = $(this).attr("aria-controls"); var compNo = id.split('_')[1]; var isNaviSlick = $('#categoryNavi_'+compNo).find('.item').length > 1 ? true : false; //ariaselected active 클래스 초기화 $(this).closest('.rank-tab-list').find("button").attr(ariaSelected, "false").removeClass("active"); $(this).attr(ariaSelected, "true").addClass("active"); var currentIndex = 0; if(isNaviSlick){ currentIndex = $('#categoryNavi_'+compNo).find('.slick-current').index(); } var appandTargetId = $(this).hasClass('rank-td') ? 'rankingPdCardList_'+compNo+'_'+currentIndex+'_today' : 'rankingPdCardList_'+compNo+'_'+currentIndex; //토글 클릭시 slick 아닌 것은 1회 조회, slick인것은 slickGoTo if($(this).hasClass('rank-td')){ $('#categoryCont_'+compNo).hide(); $('#categoryCont_'+compNo+'_today').show(); if(isNaviSlick){ $('#categoryCont_'+compNo+'_today').slick("setPosition"); $('#categoryNavi_'+compNo).slick('slickGoTo',currentIndex); }else{ if($('#rankingPdCardList_'+compNo+'_'+currentIndex+'_today>li').length <= 0){ fnGetRkPrdtCardList($('#categoryNavi_'+compNo).find('.cta_bst:eq('+currentIndex+')').data(),'show'); } } }else{ $('#categoryCont_'+compNo+'_today').hide(); $('#categoryCont_'+compNo).show(); if(isNaviSlick){ $('#categoryCont_'+compNo).slick("setPosition"); $('#categoryNavi_'+compNo).slick('slickGoTo',currentIndex); }else{ if($('#rankingPdCardList_'+compNo+'_'+currentIndex+'>li').length <= 0){ fnGetRkPrdtCardList($('#categoryNavi_'+compNo).find('.cta_bst:eq('+currentIndex+')').data()); } } } //높이 조절 & 기준시간 명시 setTimeout(function(){ setConListHeight(appandTargetId); }, 500); }); return false; } function setConListHeight(targetId){ const observer = lozad(); observer.observe(); var compNo = $('#'+targetId+'_compoNo').val(); var conListHeight = 0; conListHeight = $('#'+targetId).outerHeight(); if(conListHeight > 0){ if($('#best-rank-tab_'+compNo+' .rank-td').hasClass('active')){ $('#categoryCont_'+compNo+'_today').find('.slick-list').css('height', conListHeight + 'px'); }else{ $('#categoryCont_'+compNo).find('.slick-list').css('height', conListHeight + 'px'); } } } function goMembershipJoin(stId, stGbCd, fnetMembershipJoinUrl) { // window.open('https://membership.samsung.com/sec/lnc/KoFamNRegister?CiTokn=4b7db13b3c654b80a5f2d412d782993026fc134823312481657e4c36f0bf6330&Fnm=8241445b72beeb8d2e330bc198a4896a0953dff4dd28ced398bcce6c4205a9de', '_blank', "width=630,height=720"); //닷컴과 패넷 멤버십 가입 URL 분기 처리 if(stGbCd == '10') { location.href = '/sec/' + "membership/membershipJoin/"; } else if(stGbCd == '70') { 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(fnetMembershipJoinUrl,'','width=640, height=508, scrollbars=yes'); } else { location.href = '/sec/' + "membership/point"; } } // URL경로 마지막값 리턴 function getUrlLastPathNm(){ var urlLastPathNm = ""; var arr = location.href.split("/"); for(var i=0; i < arr.length; i++){ if(arr[i] == ""){ arr.splice(i, 1); i--; } } urlLastPathNm = arr[arr.length-1]; return urlLastPathNm; } </script> <!-- e : compo Script --> <!-- s : GA4 Component --> <script> // 31. Navigation Bar /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee // Title Link $(document).on("click", ".wrap-component.navigation-bar .navigation-wrap .title a", function(e){ GA4CompoClickCta('navigation-bar title-a', $(this)); }); // Item Link $(document).on("click", ".wrap-component.navigation-bar .navigation .nav-slider .item a", function(e){ GA4CompoClickCta('navigation-bar item-a', $(this)); }); // CTA Link $(document).on("click", ".wrap-component.navigation-bar .navigation-wrap > button", function(e){ GA4CompoClickCta('navigation-bar button', $(this)); });*/ // 43. Ranking Product Card /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee // s : click_cta // Tooltip Open // compoScript.ftl 1029Line-GA4CompoClickCta(\'best-rank tooltip-open\',this); $(document).on("click", ".wrap-component.best-rank button.btn-tooltip", function(e){ GA4CompoClickCta('best-rank tooltip-open', $(this)); }); // Tooltip Close $(document).on("click", ".wrap-component.best-rank button.btn-tooltip-close", function(e){ GA4CompoClickCta('best-rank tooltip-close', $(this)); });*/ // Tab $(document).on("click", ".wrap-component.best-rank .item > button.cta_bst", function(e){ //GA4CompoClickCta('best-rank button', $(this)); // GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee setTimeout(function(){ GA4CompoViewItemListSel43(); }, 1000); }); // Show More $(document).on("click", ".wrap-component.best-rank .more-area > a.btn-more", function(e){ var curCount = $(".best-item.slick-active [data-obj-type='product']").length; //GA4CompoClickCta('best-rank btn-more', $(this)); // GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee setTimeout(function(){ GA4CompoViewItemListMore43(curCount); }, 1000); }); // e : click_cta // s : select_item // CTA Link $(document).on("click", ".wrap-component.best-rank ._cta > a.cta_buy", function(e){ GA4CompoSelectItem($(this)); }); function GA4CompoViewItemListSel43(){ try { var itemList = []; $(".best-item.slick-active [data-obj-type='product']").each(function(){ var mdlCode = $(this).data("mo-code"); var goodsNm = $(this).data("goods-nm"); var dispCtgEnNmPath = $(this).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = ""; if(dispCtgEnNmPath != undefined){ dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); } var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var idx = $("[data-obj-type='product'").index($(this)); var cpAllDcAmt = $(this).attr("data-cp-all-dc-amt") != undefined ? $(this).data("cp-all-dc-amt") : '0'; var cpAplExptPrice = $(this).attr("data-cp-apl-expt-price") != undefined ? $(this).data("cp-apl-expt-price") : '0'; if($(this).parents("[data-cp-apl-expt-price]").length > 0){ cpAplExptPrice = $(this).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price"); } else if ($(this).parents("[id^=rankingPdCardList_]").length > 0) { cpAplExptPrice = $(this).find(".component-price > dl > dd > span > em").text(); } else { cpAplExptPrice = 0; } var item = { item_id : mdlCode, item_name : goodsNm, item_brand : 'Samsung', item_category : itemCategory1, item_category2 : itemCategory2, item_category3 : itemCategory3, item_category4 : itemCategory4, item_category5 : itemCategory5, item_variant : '', item_list_name : '', item_list_id : '', quantity : '1', price : cpAplExptPrice, currency : 'KRW', discount : cpAllDcAmt, index : idx }; itemList.push(item); }); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'view_item_list', ecommerce: { items: itemList } }); //console.log("GA4 view_item_list"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 view_item_list TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } function GA4CompoViewItemListMore43(curCount){ try { var itemList = []; var prdObjList = $(".best-item.slick-active [data-obj-type='product']"); var forCount = 1; $(".best-item.slick-active [data-obj-type='product']").each(function(){ // 더보기 상품만 처리(기존 상품개수 카운트 이후 건만 포함) if(forCount > curCount){ var mdlCode = $(this).data("mo-code"); var goodsNm = $(this).data("goods-nm"); var dispCtgEnNmPath = $(this).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = ""; if(dispCtgEnNmPath != undefined){ dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); } var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var idx = $("[data-obj-type='product'").index($(this)); var cpAllDcAmt = $(this).attr("data-cp-all-dc-amt") != undefined ? $(this).data("cp-all-dc-amt") : '0'; var cpAplExptPrice = $(this).attr("data-cp-apl-expt-price") != undefined ? $(this).data("cp-apl-expt-price") : '0'; if($(this).parents("[data-cp-apl-expt-price]").length > 0){ cpAplExptPrice = $(this).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price"); } else if ($(this).parents("[id^=rankingPdCardList_]").length > 0) { cpAplExptPrice = $(this).find(".component-price > dl > dd > span > em").text(); } else { cpAplExptPrice = 0; } var item = { item_id : mdlCode, item_name : goodsNm, item_brand : 'Samsung', item_category : itemCategory1, item_category2 : itemCategory2, item_category3 : itemCategory3, item_category4 : itemCategory4, item_category5 : itemCategory5, item_variant : '', item_list_name : '', item_list_id : '', quantity : '1', price : cpAplExptPrice, currency : 'KRW', discount : cpAllDcAmt, index : idx }; itemList.push(item); } forCount ++; }); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'view_item_list', ecommerce: { items: itemList } }); //console.log("GA4 view_item_list"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 view_item_list TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // e : select_item // view_item_list $(window).on("load", function(){ // BDC 추천상품 로딩시간으로 인해 지연처리 setTimeout(function(){ GA4CompoViewItemList(); }, 2000); }); function GA4CompoViewItemList(){ try { var itemList = []; $("[data-obj-type='product']:not('.best-rank [data-obj-type=product]'), .best-rank .slick-active [data-obj-type='product']").each(function(){ var mdlCode = $(this).data("mo-code"); var goodsNm = $(this).data("goods-nm"); var dispCtgEnNmPath = $(this).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = ""; if(dispCtgEnNmPath != undefined){ dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); } var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var idx = $("[data-obj-type='product'").index($(this)); var cpAllDcAmt = $(this).attr("data-cp-all-dc-amt") != undefined ? $(this).data("cp-all-dc-amt") : '0'; var cpAplExptPrice = $(this).attr("data-cp-apl-expt-price") != undefined ? $(this).data("cp-apl-expt-price") : '0'; if($(this).parents("[data-cp-apl-expt-price]").length > 0){ cpAplExptPrice = $(this).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price"); } else if ($(this).parents("[id^=rankingPdCardList_]").length > 0) { cpAplExptPrice = $(this).find(".component-price > dl > dd > span > em").text(); } else { cpAplExptPrice = 0; } var item = { item_id : mdlCode, item_name : goodsNm, item_brand : 'Samsung', item_category : itemCategory1, item_category2 : itemCategory2, item_category3 : itemCategory3, item_category4 : itemCategory4, item_category5 : itemCategory5, item_variant : '', item_list_name : '', item_list_id : '', quantity : '1', price : cpAplExptPrice, currency : 'KRW', discount : cpAllDcAmt, index : idx }; itemList.push(item); }); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'view_item_list', ecommerce: { items: itemList } }); //console.log("GA4 view_item_list"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 view_item_list TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // select_item function GA4CompoSelectItem(obj){ try { var mdlCode = $(obj).data("mo-code"); var goodsNm = $(obj).data("goods-nm"); var dispCtgEnNmPath = $(obj).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = ""; if(dispCtgEnNmPath != undefined){ dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); } var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var reviewGrade = $(obj).parents(".inner").find(".link-review,.rvpd-star").data("review-grade"); var reviewCount = $(obj).parents(".inner").find(".link-review,.rvpd-star").data("review-count"); var idx = $(obj).parents(".wrap-component").find(".box-product-card").index($(obj).parents(".box-product-card")) + 1; var cpAllDcAmt = $(obj).parents("[data-cp-all-dc-amt]").length > 0 ? $(obj).parents("[data-cp-all-dc-amt]").data("cp-all-dc-amt") : '0'; var cpAplExptPrice = $(obj).parents("[data-cp-apl-expt-price]").length > 0 ? $(obj).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price") : '0'; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'select_item', number_of_reviews : reviewCount, review_rating : reviewGrade, ecommerce: { items: [{ item_id : mdlCode, item_name : goodsNm, item_brand : 'Samsung', item_category : itemCategory1, item_category2 : itemCategory2, item_category3 : itemCategory3, item_category4 : itemCategory4, item_category5 : itemCategory5, item_variant : '', // Wi-fi,40mm,128GB item_list_name : '', quantity : '1', price : cpAplExptPrice, currency : 'KRW', discount : cpAllDcAmt, index : idx }] } }); //console.log("GA4 select_item"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 select_item TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // click_cta function GA4CompoClickCta(ctaType, obj){ try { var ctaText = $(obj).text() == undefined ? "" : $(obj).text().trim(); var ctaAct = $(obj).data("omni") == undefined ? "" : $(obj).data("omni").trim(); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_cta', an_ca: ctaType + ' cta', // 클릭한 버튼의 콘텐츠 유형 "buy cta" an_ac: ctaText, // 클릭한 버튼의 동작 유형 "buy now" an_la: ctaAct, // 클릭한 버튼의 액션 이름 "pf product card:buy now" an_tr: ctaAct // 클릭한 버튼의 동작 추적 "pd03_product finder:buy cta-product finder-cat-button" }); //console.log("GA4 click_cta"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_cta TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // indexExhibitionCollection.jsp(기획전 모음 페이지) 에서 같이 사용해서 여기다 선언. // share_follow function GA4CompoShareFollow(obj){ try { var socialAction = $(obj).data("social-action"); var socialNetwork = $(obj).data("social-network"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'share_follow', social_action : socialAction, //클릭한 버튼의 유형 "share 또는 follow" social_network : socialNetwork, //클릭한 버튼의 아이콘 "카카오톡, 링크 복사, 페이스북" }); //console.log("GA4 share_follow"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 share_follow TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <!-- e : GA4 Component --><!-- 레이어 팝업 모음 --------------------------------------------------------------------------------------------------------------------------------------------------------------------> <!-- s : 공통 팝업(alert) --> <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> <!-- e : 공통 팝업(alert) --> <!-- s : 공통 팝업(alert) --> <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> <!-- e : 공통 팝업(alert) --> <!-- s : 공통 팝업(confirm) --> <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"> <!-- 버튼 두개시 클래스 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> <!-- e : 공통 팝업(confirm) --> <!-- s : 공통 팝업(confirm2) --> <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"> <!-- 버튼 두개시 클래스 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> <!-- e : 공통 팝업(confirm2) --> <!-- s : 공통 팝업(commonAlertTV) --> <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> <!-- e : 공통 팝업(commonAlertTV) --></div> <!-- e : 본문 영역 --> <!-- 플로팅 메뉴 --> <!-- s : 220615 웹 접근성 수정 : css 삽입 --> <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> <!-- KDP-54880 - dom 변경 --> <!-- [S] 0528 챗봇 --> <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> <!-- <button type="button" id="chatBotClose" class="chatBotClose" title="챗봇 버튼 닫기"> --> <!-- <svg xmlns="http://www.w3.org/2000/svg" width="6.138" height="6.138" viewBox="0 0 6.138 6.138"> --> <!-- <path id="Icon-_-Bold-_-Action-_-Delete" data-name="Icon-/-Bold-/-Action-/-Delete" d="M16.837,11.17l-2.6,2.6-2.6-2.6-.472.472,2.6,2.6-2.6,2.6.472.472,2.6-2.6,2.6,2.6.472-.472-2.6-2.6,2.6-2.6Z" transform="translate(-11.17 -11.17)" fill="#fff"></path> --> <!-- </svg> --> <!-- </button> --> </li> <!-- [E] 0528 챗봇 --> </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); <!-- 모바일 퍼스트 검색창 추천 제품 세팅 추가 20240229 --> $("#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> <!-- //플로팅 메뉴 --> <!-- s : 바닥글 영역 - b2c --> <!-- s : 220929 class명 바뀜 --> <footer id="footer" class="footer_b2c"> <input type="hidden" id="goodsAdvCmntStYn" value="Y" /> <!-- e : 220929 --> <div class="footer-content"> <nav class="footer-inner sitemap-links"> <h2 class="hide">페이지 링크</h2> <ul> <!-- s : 221025 --> <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/event/indexExhibitionCollection/?eventTypeCd=10" data-omni="promotion_samsung 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/store-model/weddingshop/" data-omni="promotion_wedding shop">웨딩,신혼샵</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/event/indexExhibitionCollection/?eventTypeCd=90" data-omni="promotion_event exhibition collection">이벤트/체험존</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/idea-goods/all-idea-goods/" data-omni="promotion_md choice shop">아이디어 상품</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> <!-- e : 221025 --> <!-- s : 220929 --> <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> <!-- 230323 : --> <li><a href="/sec/sustainability/main" data-omni="sustainability-corporate-sustainability" target="_blank" class="link-outlink" title="새창으로 열림">Corporate Sustainability</a></li> <!-- 230323 : --> </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"> <!-- e : 220929 --> <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> <!-- s : 22-12-21 소비자분쟁해결기준 CTA --> <div class="dis-resol"> <p>개별 판매자 판매 상품의 경우 삼성전자(주)는 통신판매중개업자로서 통신판매의 당사자가 아니므로, 개별 판매자가 등록한 상품, 거래정보 및 거래 등에 대해 책임을 지지 않습니다.</p> <a href="/sec/dispute-resolution/" class="comp" title="새창 열림" target="_blank">소비자분쟁해결기준</a> </div> <!-- e : 22-12-21 소비자분쟁해결기준 CTA --> <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:openWa();" title="웹접근성 우수사이트 인증서 : 새창으로 열기" class="btn-mark btn-wa" data-omni="local logo_wa" > --> <!-- <img loading="lazy" class="pc-ver" src="https://www.samsung.com/sec/static/_images/common/icon-footer-wa.svg" alt="웹접근성 우수사이트"> --> <!-- <img loading="lazy" class="mo-ver" src="/sec/static/_images/common/icon-footer-wa-mo.jpg" alt="웹접근성 우수사이트"> --> <!-- 웹접근성 우수사이트 --> <!-- </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"> <!-- s : Accessible Dropdown --> <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"> <!--aria-activedescendant에 선택된 li의 id 삽입 --> <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> <!-- s : Accessible Dropdown --> <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"> <!--aria-activedescendant에 선택된 li의 id 삽입--> <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> <!-- e : Accessible Dropdown --> </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> <!-- s : 소셜공유 --> <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> <!-- e : 소셜공유 --> </li> </ul> </div> </div> </div> </div> </div> </footer> <!-- s : 에너지 계산기 --> <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> <!-- e : 에너지 계산기 --> <!-- s : 이메일 무단 수집거부 --> <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> <!-- e : 이메일 무단 수집거부 --> <!-- s : 아이디어 정책 --> <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> <!-- e : 아이디어 정책 --> <!-- s : 웹접근성 우수사이트 인증서 --> <!-- <div class="layer-pop layer-default" id="popupWA" tabindex="0" data-popup-layer="popupWA" data-focus="popupWA"> <div class="layer-content"> <img loding="lazy" class="pc-ver" src="/sec/static/_images/common/WA-2022.jpg" alt="웹접근성 우수사이트 인증서"> <img loding="lazy" class="mo-ver" src="/sec/static/_images/common/WA-2022-mo.jpg" alt="웹접근성 우수사이트 인증서"> </div> <button type="button" class="pop-close" data-focus-next="popupWA">팝업닫기</button> </div> --> <!-- e : 웹접근성 우수사이트 인증서 --> <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> <!-- e : 바닥글 영역 - b2c --> <!-- s : BNB 영역 --> <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>'; <!-- 모바일 퍼스트 검색창 추천 제품 세팅 추가 20240229 --> $("#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/electric-range/"; //혜택 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> <!-- e : BNB 영역 --> </div> <input type="hidden" id="viewStContextPath" value="/sec/"/> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <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> <!-- End Google Tag Manager (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"); </script> <!-- s : Global site tag (gtag.js) - Google Ads: 10864240863 --> <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> <!-- e : Global site tag (gtag.js) - Google Ads: 10864240863 --> <script type="text/javascript" src="https://resources.digital-cloud-west.medallia.com/wdcwest/469099/onsite/embed.js" async></script> </body> </html>