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/harman-audio/"> <meta name="keywords" content="하만, 라이프 스타일 오디오, 하이엔드 오디오, JBL, AKG, harmankardon, 마크 레빈슨, JBL synthesis, 아캄, 레벨, 렉시콘, 스마트 추천, Harman, Life Style Audio, Highend Audio, High-end Audio, Mark Levinson, ARCAM, Revel, Lexicon, Smart-advice, Smart Advice"> <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/harman-audio/"> <meta name="twitter:title" content="하만 오디오ㅣSAMSUNG 대한민국"> <meta name="twitter:description" content="하만 브랜드에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta name="twitter:image" content="https://images.samsung.com/kdp/seo/null/94758f35-580b-4d84-ab47-781a3e04541c.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="" alt=""> <meta property="og:url" content="https://www.samsung.com/sec/harman-audio/"> <meta property="og:image" content="https://images.samsung.com/kdp/seo/null/b0527a67-3e3a-4444-be5e-91997cd0e6bb.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/seo/null/94758f35-580b-4d84-ab47-781a3e04541c.png"> <meta itemprop="url" content="https://www.samsung.com/sec/harman-audio/"> <meta itemprop="description" content="하만 브랜드에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta itemprop="keywords" content="하만, 라이프 스타일 오디오, 하이엔드 오디오, JBL, AKG, harmankardon, 마크 레빈슨, JBL synthesis, 아캄, 레벨, 렉시콘, 스마트 추천, Harman, Life Style Audio, Highend Audio, High-end Audio, Mark Levinson, ARCAM, Revel, Lexicon, Smart-advice, Smart Advice"> <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=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/slick.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/common.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/layout.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/pf.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part01.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part02.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part03.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part04.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part05.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part06.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/component.css?ver=20241127035551"><!-- 컴포넌트 스타일 --> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="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=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/bnb.css?ver=20241127035551"> <script src="https://images.samsung.com/kdp/script/jquery/jquery.min.js"></script> <script src="https://images.samsung.com/kdp/script/jquery-ui/jquery-ui.min.js"></script> <script src="/sec/static/_script/slick.js"></script> <script src="/sec/static/_script/slick-init.js"></script> <script src="/sec/static/_script/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=20241127035551"></script> <script src="/sec/static/_script/layerPop.js?ver=20241127035551"></script> <!-- <script type="text/javascript" src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js" charset="utf-8"></script> --> <script src="/sec/static/_script/netfunnel.js?ver=20241127035551" charset="UTF-8"></script> <script src="/sec/static/_script/netfunnel_skin.js?ver=20241127035551" charset="UTF-8"></script> <script src="/sec/static/_script/event/event.js?ver=20241127035551"></script> <script src="/sec/static/_script/common.js?ver=20241127035551"></script> <script src="/sec/static/_script/custom.js?ver=20241127035551"></script> <script src="/sec/static/_script/sticky.min.js"></script> <script src="/sec/static/_script/jquery.cookie.js"></script> <script src="/sec/static/_script/search.js?ver=20241127035551"></script> <script src="/sec/static/_script/component.js?ver=20241127035551"></script> <script src="/sec/static/_script/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=20241127035551"></script> <script defer src="/sec/static/_script/bnb.js?ver=20241127035551"></script> <script defer src="/sec/static/_script/gnb.js?ver=20241127035551"></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&region=GC&port='+ port +'&response_type=code&client_id='+__SA_CLIENT_ID+'&locale=ko_KR&countryCode=KR&' +'redirect_uri='+encodeURIComponent(window.location.href) +'&state='+saState +'&goBackURL='+encodeURIComponent(window.location.href) +'&scope=offline.access'; try{ location.href = 'intent://SamsungAccountServerLib/sso?'+url+'#Intent;scheme=samsungaccount;end;'; let interval = setInterval(function () { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).done(function( xhr, status ){ if (xhr.status === 202) { // 기기로그인 수락을 기다리는 상태 } else { clearInterval(interval); } }).fail(function( xhr, status ){ if (xhr.status === 410) { //result=canceled clearInterval(interval); } else if (xhr.status === 401) { //result=unauthorized clearInterval(interval); } else if (xhr.status === 403) { //result=unsupported-browser clearInterval(interval); } else { //10초 후에는 인터벌 무조건 죽임 setTimeout(() => { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).fail(function( xhr, status ){ clearInterval(interval); }); }, 10000); } }); }, 500); } catch (exception) { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).fail(function( xhr, status ){ clearInterval(interval); }); } } } } function getBrowserScheme(){ let browserName = ""; try { let agent = window.navigator.userAgent.toLowerCase(); switch (true) { case agent.indexOf("kakaotalk") > -1: browserName = ""; break; case agent.indexOf("naver") > -1: browserName = "com.nhn.android.search"; break; case agent.indexOf("samsungbrowser") > -1: browserName = "com.sec.android.app.sbrowser"; break; case agent.indexOf("whale") > -1: browserName = "com.naver.whale"; break; case agent.indexOf("firefox") > -1: browserName = "org.mozilla.firefox"; break; case agent.indexOf("edga") > -1: browserName = "com.microsoft.emmx"; break; case agent.indexOf("edge") > -1: browserName = "com.microsoft.emmx"; break; case agent.indexOf("opr") > -1: browserName = "com.opera.browser"; break; case agent.indexOf("chrome") > -1: browserName = "com.android.chrome"; break; case agent.indexOf("safari") > -1: browserName = "savannah.internet.web.browser"; break; default: browserName = ""; } return browserName; } catch (exception) { return browserName; } } $(document).ready(function(){ autoLoginFlag == "Y" ? adbrix.login(getCookieForSite("guid_1_")) : ""; }); </script><!-- 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="bdpnbeqxjpkdmz2g6bcq-f-6471f54a6-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":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"6a591705","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":45540,"ak.gh":"184.28.235.36","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732702277","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==18hPe7pkdFf5SfGcYfXYmtQrEkaS+dBCn0Sw2s6bCi/Rftyc9/tnNNSQGO+bDfvNnDev4e85PnUPJuutcD3UQ7hZck7T42bbh1QHT9TLon6AfNi6rMot97id/mFp8xKTHgBWK38oktL167XmbGsj1zr6unEBtsMMHKw9f7u/l0kjax4Lbm9vguJt/uM4OzVmIbFWccv819+lYNCvd6QlltJL/MYLo1Q3Lo/3FGFz2dFE+lBJw+Ei3I0dB2FHh8PxREMvwDyyoXTQD+7Vuj1TvbMm1Nv/z4v7P9L9ScdksdBxGhyYX4A08nhG444JGUjdXiy8KvhJCFFF6K8332qxB3aPsFbqfpHwVzQC0DUbGhiFdzebS5Mn+LR9JTCqMWNHPajN5U6UnhC52NwOx9DUth2WSURNF6LK1TdiSMUq6Mo=","ak.pv":"3678","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <!-- 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"> 로그인/회원가입 &#62; </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);'>편하게 앱으로 보기 &gt;</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="bdpnbeqxjpkdmz2g6bcq-f-6471f54a6-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":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"6a591705","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":45540,"ak.gh":"184.28.235.36","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732702277","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==18hPe7pkdFf5SfGcYfXYmtQrEkaS+dBCn0Sw2s6bCi/Rftyc9/tnNNSQGO+bDfvNnDev4e85PnUPJuutcD3UQ7hZck7T42bbh1QHT9TLon6AfNi6rMot97id/mFp8xKTHgBWK38oktL167XmbGsj1zr6unEBtsMMHKw9f7u/l0kjax4Lbm9vguJt/uM4OzVmIbFWccv819+lYNCvd6QlltJL/MYLo1Q3Lo/3FGFz2dFE+lBJw+Ei3I0dB2FHh8PxREMvwDyyoXTQD+7Vuj1TvbMm1Nv/z4v7P9L9ScdksdBxGhyYX4A08nhG444JGUjdXiy8KvhJCFFF6K8332qxB3aPsFbqfpHwVzQC0DUbGhiFdzebS5Mn+LR9JTCqMWNHPajN5U6UnhC52NwOx9DUth2WSURNF6LK1TdiSMUq6Mo=","ak.pv":"3678","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <script type="text/javascript"> // 자동완성 카운트 var autoCompleteCount = 0; var autoCategoryCount = 0; var searchInputManager = { isMobileDevice: function() { var that = this, winW = $(window).width(); if ( winW > 800 ) { return 'N'; } else { return 'Y'; } }, getIosAppDispYn: function() { var that = this, iosApp = 'false'; if(iosApp == true) { return "Y"; } else { return ""; } }, init: function() { var that = searchInputManager; $.cookie.json = true; $.cookie.data = { SEARCH_HISTORY : 'sh-b2c', SEARCH_MAX_SIZE: 10, option: { expires: 30, path: '/' } }; that.$appendingTarget = { searchHistory: $('#searchkeywordRecent') , searchHistoryWrap: $('#searchkeywordRecentWrap') , popular: $('#searchkeywordPopular ul.keyword-list') , makeTime: $('#makeTime') , autoComplete: $('#searchAuto ul.list') , autoCompleteCategory: $('#searchAutoCategory') , mainPopPc: $(".search__box ul#search__slide__00") , mainPopMob: $(".search__box ul#search__slide__02") , recommendGoods: $('#recommendGoodsBox') , recommendGoodsWrap: $('#recommendGoodsWrap') , recommendEvents: $('#recommendEventsBox') , recommendEventsWrap: $('#recommendEventsWrap') }; that.cookieName = $.cookie.data.SEARCH_HISTORY; that.isMobileYN = that.isMobileDevice(); }, searchHistoryTemplate: function(keyword) { return { keyword: keyword, date: searchDatetimestampToString(new Date()) }; }, getKeywordList: function(cookieName) { var searchKeywordList = new Array() , dataList = $.cookie(cookieName).data; if (!dataList || '' == dataList || undefined == dataList) { return searchKeywordList; } $.each(dataList, function (idx, element) { searchKeywordList.push(element.keyword); }); return searchKeywordList; }, saveSearchHistory: function(keyword) { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName) , dataList = null; if ( cookieValue == undefined ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { if ( cookieValue.length == 0 ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { dataList = cookieValue.data; if($.inArray(keyword, that.getKeywordList(that.cookieName)) >= 0) { return; } if(dataList.length >= $cookie.data.SEARCH_MAX_SIZE) { dataList.splice(0, 1); } dataList.push(that.searchHistoryTemplate(keyword)); } } $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); }, getSearchHistory: function() { var cookieValue = $.cookie(searchInputManager.cookieName); if (undefined != cookieValue) { return cookieValue; } }, getSearchDate: function(keyword) { var date = '' , that = searchInputManager , cookieValue = $.cookie(that.cookieName) , searchHistoryList = that.getSearchHistory(); if ( '' == searchHistoryList || searchHistoryList == undefined || cookieValue == undefined) { return date; } var dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keywordInList = dataList[i].keyword; if ( keywordInList != undefined ) { if (keywordInList.toLocaleLowerCase() == keyword.toLocaleLowerCase()) { idx = i; break; } } } if ( idx > -1 ) { date = dataList[idx].date; } return date; }, drawSearchHistory: function() { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName); that.$appendingTarget.searchHistoryWrap.hide(); if ( undefined == cookieValue ) { return; } else if ( cookieValue.data.length == 0 ) { return; } else { var dataList = cookieValue.data , template = ''; var dataListLength = dataList.length; if(dataListLength > 10) { var dataListLength = 10; } for( var i = dataListLength-1 ; i >= 0; i--) { var element = dataList[i], keyword = element.keyword; template += '<div class="area-deleteable-btn">'; template += '<button type="button" class="btn btn-s typeA" keyword="' + keyword + '">'; template += '<a href="javascript:void(0);" class="link">' + keyword + '</a>'; template += '</button>'; template += '<button type="button" class="delete x-btn" keyword="' + keyword + '" onclick="searchInputManager.clearSearchHistory(this)">검색어 삭제'; template += '</button>'; template += '</div>'; } that.$appendingTarget.searchHistoryWrap.show(); that.$appendingTarget.searchHistory.html(template); } that.$appendingTarget.searchHistory.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); }, clearSearchHistory: function(element) { var that = searchInputManager , $element = $(element) , $cookie = $.cookie; if ($element.hasClass('delete-all')) { $.removeCookie( that.cookieName , { path: $cookie.data.option.path }); that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } else if ($element.hasClass('delete')) { var selectedKeyword = $element.attr('keyword') , cookieValue = $cookie(that.cookieName) , dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keyword = dataList[i].keyword; if ( keyword == undefined ) { keyword = 'undefined'; } if (keyword == selectedKeyword) { idx = i; break; } } if ( idx > -1 ) { dataList.splice(idx, 1); $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); $element.parent().remove(); } if (dataList.length === 0) { that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } } }, callAjax: function(options) { $.ajax({ url: options.url, type: options.type, data: options.data }).done( function(data, textStatus, jqXHR) { if (data.exCode != null && data.exCode !== "") { if (options.fail !== undefined) { options.fail(); } let alertData = { title: "alert", content: data.exMsg }; commonAlert(alertData); openLayer('commonAlert'); } else { options.done(data); } }).fail(function(jqXHR, textStatus, errorThrown) { if (options.fail !== undefined) { options.fail(); } if (jqXHR.status !== 0) { ajax.error(jqXHR.status, jqXHR.responseText); } }).always(function() { }).then(function(data, textStatus, jqXHR) { }); }, getRecommendKeyword: function(callback) { var that = searchInputManager; that.callAjax( { url: '/sec/xhr/search/recommendkeyword/', type: 'GET', done: function(result) { that.recommendKeyword = result.recommendKeyword; if ( callback != undefined ) { callback(); } } } ); }, setRecommendKeyword: function() { var that = searchInputManager; if ( that.recommendKeyword == undefined ) { that.getRecommendKeyword(that.setRecommendKeywordCallback); return; } that.setRecommendKeywordCallback(); }, setRecommendKeywordCallback: function() { var that = searchInputManager; //$('#unifiedInputSearch').attr('placeholder', that.recommendKeyword); // 20200917 삭제 // iOS 분기 처리 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 }, getPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li>' + '<span class="num">' + order + '</span>' + '<span class="keyword"><a href="javascript:void(0);" class="link">' + element.content + '</a></span>' if ( element.updown == 'U' ) { popularList += '<span class="icon ranking up"><span class="blind">순위상승</span></span>'; } else if ( element.updown == 'D' ) { popularList += '<span class="icon ranking down"><span class="blind">순위하락</span></span>'; } else if ( element.updown == 'C' ) { popularList += '<span class="icon ranking"><span class="blind">순위유지</span></span>'; } popularList += '</li>'; }); that.$appendingTarget.popular.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); that.$appendingTarget.popular.empty(); that.$appendingTarget.makeTime.empty(); that.$appendingTarget.popular.append(popularList); that.$appendingTarget.makeTime.append(popwordResult.Data.MakeTime + ' 기준'); } } ); }, getMainPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li><a href="javascript:void(0);"><b>' + order + '.</b> ' + element.content + '</a></li>'; }); that.$appendingTarget.mainPopPc.empty(); that.$appendingTarget.mainPopMob.empty(); that.$appendingTarget.mainPopPc.append(popularList); that.$appendingTarget.mainPopMob.append(popularList); // 인기검색어 슬라이드 const favorSearchOpt = { autoplay: true, autoplaySpeed: 2000, infinite: true, vertical: true, verticalSwiping: true, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, arrows: false }; $('#search__slide__00').slick(favorSearchOpt); $('#search__slide__02').slick(favorSearchOpt); /*웹접근성 aria-live='polite' 제거 */ $('#search__slide__00').find('div').removeAttr( "aria-live", "polite"); $('#search__slide__02').find('div').removeAttr( "aria-live", "polite"); } } ); }, getSearchInputAutoComplete: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); that.callAjax( { url: '/sec/xhr/search/autocom/', type: 'POST', data: new wnAddonParamVo(keyword, 'b2c', '', '', 'json', 'fw'), done: function(result) { var template = ''; var autoCompleteResultList = result.autoCompleteResult; that.$appendingTarget.autoComplete.empty(); that.clearAutoComplete('keyword', autoCompleteResultList.length); if ( autoCompleteResultList.length > 0 && autoCompleteResultList != undefined ) { $.each(autoCompleteResultList, function (idx, element) { // 20230622 웹접근성 : tabindex 추가 template += '<li class="item" tabindex="' + (idx + 1) + '">'; template += '<a href="javascript:void(0);" class="link" text="' + element.text + '">'; if (element.linkName == null || element.linkName === "") { template += (element.modified).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } else { template += (element.linkName).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } template += '</a>'; // template += '<span class="date">' + searchInputManager.getSearchDate(element.text) + '</span>'; template += '</li>'; }); that.$appendingTarget.autoComplete.html(template); that.$appendingTarget.autoComplete.off('click').on('click', 'a', function(e) { if($(e.target).attr('text') != undefined){ that.getSearchResult($(e.target).attr('text')); //chat_open4($(e.target).attr('text')); }else{ that.getSearchResult($(e.target).parent().attr('text')); //chat_open4($(e.target).parent().attr('text')); } }); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { if ( keyword == '' ) { //$('#unifiedInputSearch').attr('placeholder', searchInputManager.recommendKeyword); // 20200917 삭제 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 $('.unified-search-layer.type-keyword').show(); } } } } ) }, // 카테고리 검색 2023.06.23 getSearchInputAutoCompleteCategory: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); // 2글자 부터 검색 if (keyword.length > 1) { that.callAjax( { url: '/sec/xhr/search/autocomSearch/', type: 'POST', data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', ''), done: function(result) { var template = ''; var autocomSearchResultList = result.autocomSearch; that.$appendingTarget.autoCompleteCategory.empty(); that.clearAutoComplete('category', autocomSearchResultList.length); // 목록 if ( autocomSearchResultList.length > 0 && autocomSearchResultList != undefined ) { $.each(autocomSearchResultList, function (idx, element) { // 하이라이팅 var highlight = element.highlightKeyword; var dispCtgNm1 = element.dispCtgNm1; var dispCtgNm2 = element.dispCtgNm2; var dispCtgNm3 = element.dispCtgNm3 var hlDispCtgNm1 = dispCtgNm1.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm2 = dispCtgNm2.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm3 = dispCtgNm3.replace(highlight, "<!HS>" + highlight + "<!HE>"); template += '<li class="item">'; template += '<a href="/sec/' + element.uri + '">' + hlDispCtgNm1.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm2.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm3.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '</a>'; template += '</li>'; }); that.$appendingTarget.autoCompleteCategory.html(template); that.$appendingTarget.autoCompleteCategory.show(); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { that.$appendingTarget.autoCompleteCategory.empty(); that.$appendingTarget.autoCompleteCategory.hide(); } } } ) } else { that.clearAutoComplete('category', 0); that.$appendingTarget.autoCompleteCategory.hide(); $('#searchKeywordAuto').hide(); $("#searchKeywordWrap").hide(); that.$appendingTarget.autoCompleteCategory.empty(); } }, // 자동완성 영역 숨기기 clearAutoComplete: function(type, size) { if (type == "category") { autoCategoryCount = size; } else { autoCompleteCount = size; } if (autoCompleteCount === 0 && autoCategoryCount === 0){ $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); } else { if ($("#searchKeywordAuto").css("display") === "none"){ $("#searchKeywordAuto").show(); $("#searchKeywordWrap").show(); } $("#searchAutoCategoryHr").css("display", "block"); if (autoCompleteCount === 0 || autoCategoryCount === 0) { $("#searchAutoCategoryHr").css("display", "none"); } } }, getSearchResult: function(keyword, searchResultInputId, tab) { if ($("#accSearch").val() != null) { tab = $("#accSearch").val(); } keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); // 에어컨액세서리 GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } $("#accSearch").val(""); that.getSearchResultCallback(keyword, tab); }, <!-- 모바일 퍼스트 소모품 페이지 검색 --> getSearchResultAcc: function(keyword, searchResultInputId, tab) { keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); tab = 'acc'; GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } that.getSearchResultCallback(keyword, tab); }, getSearchResultNoKeywordCallback: function() { var that = searchInputManager , recommendKeyword = that.recommendKeyword , searchResultInputId = that.searchResultInputId; if ( searchResultInputId != undefined ) { $(searchResultInputId).val(recommendKeyword); $(searchResultInputId).attr('placeholder', recommendKeyword); } that.getSearchResultCallback(recommendKeyword); }, getSearchResultCallback: function(keyword, tab) { var that = searchInputManager , isMobileYN = that.isMobileDevice() , iosAppDispYN = that.getIosAppDispYn(); that.saveSearchHistory(keyword); ajax.call({ url: '/sec/xhr/search/searchKeywordRedirect?keyword=' + encodeURIComponent(keyword), data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN, '', '', '', '', '', '', '', '', '', '', iosAppDispYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { //yhj $(".unified-search-input-wrap").removeClass("is-active"); $("body").removeClass("is-pc is-mo"); $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); $("body").removeClass("fixed-scroll"); $("#gnbmask").hide(); $(".unified-search-input-wrap .inp").val(""); $(".unified-search-input-wrap .btn-inp-clear").hide(); $(".inp-placeholder").show(); if (isSecApp() == "true") { // 기존 GNB일때만 네이티브GNB사용 - #header(기존) / #header__navi(리뉴얼) if($("#header__navi").length == 0){ window.secapp.showAndHideGnb('VISIBLE'); } } var keywordRedirect = result.keywordRedirect; if (keywordRedirect.totalCount > 0) { window.location.href = keywordRedirect.REDIRECT_URL; return; } if (typeof tab == "undefined" || tab == null || tab == "null") { tab = ''; } var $form = document.createElement("form"); $form.setAttribute('charset', 'UTF-8'); $form.setAttribute('method', 'POST'); $form.setAttribute('action', '/sec/search/searchresultB2c/' + tab + '?keyword=' + encodeURIComponent(keyword)); var $input = document.createElement('input'); $input.setAttribute('type', 'hidden'); $input.setAttribute('name', 'isMobileYN'); $input.setAttribute('value', searchInputManager.isMobileYN); $form.appendChild($input); document.body.appendChild($form); $form.submit(); } }); }, /* 모바일 퍼스트 검색창 입력 전 추천 제품 */ getRecomGoodsB2c: function() { var that = searchInputManager; that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendGoods.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); var reqUrl = location.href; $("#searchLayerReqId").val(""); // BDC 개인화 that.callAjax({ url: '/sec/xhr/search/getBdcRecommendGoods', dataType : 'json', type: 'POST', data:{ reqUrl:reqUrl }, contentType : "application/x-www-form-urlencoded;charset=UTF-8", processData : true, done: function(result) { var template = ''; var recentGoods = result.recentGoodsIs; var recomGoodsList = result.recomGoodsList; var recomGoodsImgList = result.recomGoodsImg; var pfPricePointExcptList = result.pfPricePointExcptYn; $("#searchLayerReqId").val(result.requestId); if (recentGoods != 'null' || recomGoodsList != null || recomGoodsImgList != null) { var length = recomGoodsList.length; for(i=0; i < length; i++) { var recomGoodsItem = recomGoodsList[i]; var recomGoodsImg = recomGoodsImgList[i] var price = recomGoodsItem.price.toLocaleString('ko-KR') var salePrc = recomGoodsItem.salePrc.toLocaleString('ko-KR') var pfPricePointExcptYn = pfPricePointExcptList[i]; template += '<div class="swiper-slide item">'; template += '<div class="pd-box">'; template += '<div class="img-box">'; /* 상품 이미지 */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')">'; template += '<img src="' + recomGoodsImg + '?$128_128_PNG$" alt="' + recomGoodsItem.goodsNm + '">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; /* 상품 URL + NM */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')" class="tit">' + recomGoodsItem.goodsNm; template += '</a>'; /* 모델 코드 */ template += '<span class="prd-code">' + recomGoodsItem.mdlCode; template += '</span>'; if (pfPricePointExcptYn !== 'Y' || pfPricePointExcptYn == null) { if (price == 0 || price == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">혜택가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + price + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } else { if (salePrc == 0 || salePrc == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">기준가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + salePrc + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendGoods.html(template); that.$appendingTarget.recommendGoodsWrap.show(); } } else { that.$appendingTarget.recommendGoods.empty(); } } }) // 이전 버전 주석 처리 }, /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 안쓰는 Version) */ /* 현재 전체 기능 구현 완료 되었으며, 추후 재사용 가능성을 고려 하여 주석처리 하였음 */ /* getRecomEventsB2c: function() { var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = recentGoodsNm; var that = searchInputManager that.callAjax( { url: '/sec/xhr/search/recommendEventsB2c/', data: {"goodsNm" : goodsNm}, dataType : 'json', type: 'POST', done: function(result) { that.$appendingTarget.recommendEvents.empty(); var template = ''; var recomEventsList = result.recomEventsList; var recomEventsImgList = result.recomEventsImg; if (recomEventsList != null || recomEventsImgList != null) { var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var recomEventsImg = recomEventsImgList[i] var recomEventsStrt = timestampToString(recomEventsList[i].aplStrtDtm) var recomEventsEnd = timestampToString(recomEventsList[i].aplEndDtm) template += '<div class="swiper-slide item">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; /!* 기획전 이미지 *!/ template += '<img src="' + recomEventsImg + '?$112_112_PNG$" alt="추천 기획전 이미지">'; template += '</div>'; template += '<div class="txt-box">'; /!* 기획전 URL + TTL *!/ template += '<a href="/sec/' + recomEventsItem.linkUrl + '" class="tit">' + recomEventsItem.ttl; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /!* 기획전 기간 *!/ template += '<span>' + recomEventsStrt +' ~ ' + recomEventsEnd +'</span>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); that.$appendingTarget.recommendEventsWrap.hide(); } } }) } */ /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 Version)*/ getRecomEventsB2c: function() { var that = searchInputManager , isMobileYN = that.isMobileDevice() that.$appendingTarget.recommendEventsWrap.hide(); that.$appendingTarget.recommendEvents.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); if(goodsNm.length > 0) { that.callAjax( { url: '/sec/xhr/search/searchResultB2C/', data: new WNSearchParamVo(goodsNm, '', 'event', 'DATE/DESC', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { var template = ''; var recomEventsListLength = result.searchResult.searchResults.length; var recomEventTab = result.searchResult.countTab.event; if (recomEventsListLength > 0 || recomEventTab != 0) { var recomEventsList = result.searchResult.searchResults[0].collectionFields; var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var strtDtm = recomEventsList[i].STRT_DTM.substring(0,10); var endDtm = recomEventsList[i].END_DTM.substring(0,10); template += '<div class="swiper-slide item" style="margin-right: 12px">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="rvpd-img" tabindex="0">'; /* 이벤트 이미지 */ template += '<img src="//images.samsung.com/kdp' + recomEventsItem.MO_IMG_PATH + '?$112_112_PNG$" alt="맞춤 이벤트 이미지">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; template += '<div class="tit-box">'; /* 이벤트 URL + TTL */ template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="tit">' + recomEventsItem.TTL; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /* 이벤트 기간 */ template += '<span>' + strtDtm + ' ~ ' + endDtm + '</span>'; template += '</div>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); } } }) } } } function NetFunnel_Action_pdView(url){ NetFunnel_Action({action_id :'b2c_pd_view'},function(ev, ret){ window.location.href = url; }); } function filterAcc(keyword) { if((keyword.indexOf("에어컨") > -1 || keyword.indexOf("무풍에어컨") > -1) && (keyword.indexOf("액세서리") > -1 || keyword.indexOf("악세서리") > -1 || keyword.indexOf("엑세서리") > -1) ) { keyword = "에어컨액세서리"; } return keyword; } function escapeHtml (string) { return String(string).replace(/[&<>"'`=\/]/g, function (s) { return entityMap[s]; }); } var entityMap = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;', '/': '&#x2F;', '`': '&#x60;', '=': '&#x3D;' }; /* 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/harman-audio/"; 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 : 최근 본 제품 --> <link rel="stylesheet" href="/sec/static/_css/mig/page.css" type="text/css"><link rel="stylesheet" href="/sec/static/_css/mig/sec.css" type="text/css"><div id="content"><!-- 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:harman_audio:text_lnb"> <div class="navigation-wrap"> <h1 class="title" style="color:#000000;"><a href="" style="color:#000000;" target="_self">TV&오디오</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="/sec/tvs/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:harman_audio:text_lnb_1:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:harman_audio:text_lnb_1:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:harman_audio:text_lnb:tvs">TV</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="/sec/lifestyletv/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:harman_audio:text_lnb_2:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:harman_audio:text_lnb_2:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:harman_audio:text_lnb:lifestyle_tv">Lifestyle TV</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="/sec/samsung-audio/all-samsung-audio/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:harman_audio:text_lnb_3:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:harman_audio:text_lnb_3:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:harman_audio:text_lnb:samsung_audio">삼성 사운드바</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="/sec/harman-audio/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:harman_audio:text_lnb_4:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:harman_audio:text_lnb_4:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:harman_audio:text_lnb:harman_audio">하만 오디오</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div> <!-- e: loop --> <!-- s: loop --> <div class="item swiper-slide"> <a href="/sec/tv-accessories/all-tv-accessories/" target="_self"> <div class="prd-thumb"> <picture> <!-- Mobile image --> <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:harman_audio:text_lnb_5:" data-loaded="true"> <!-- PC image --> <img class="lozad" src="" alt="" title="" data-omni="pcd:harman_audio:text_lnb_5:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:harman_audio:text_lnb:all_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:harman_audio:kv"> <div class="slider-carousel-visual gt-slide ind-in ind-line arr-line s7000" id="slideCarousel1199784" data-indcthemeclassnm="ind-line" data-indcthememclassnm=""> <!-- loop --> <div class="visual " data-control="wht" data-arrow="wht" data-ind-title="aurastudio4"> <!-- s:visual-area --> <div class="visual-area "> <picture data-alt="밝은 실내 거실에 흰색 소파가 있고 앞에 테이틀 위에 aura studio4 제품이 놓여있습니다." data-default-src="//images.samsung.com/kdp/cms_contents/281439/66422af9-9893-4a01-b2a5-192a5f3b96c6.jpg?$ORIGIN_JPG$" data-omni="pcd:harman_audio:kv_1:aurastudio4" class="objGif"> <source media="(max-width: 799px)" srcset="//images.samsung.com/kdp/cms_contents/281439/8533343a-0931-48d2-a619-9bde84fbe182.jpg?$ORIGIN_JPG$"> <source media="(min-width: 800px)" srcset="//images.samsung.com/kdp/cms_contents/281439/66422af9-9893-4a01-b2a5-192a5f3b96c6.jpg?$ORIGIN_JPG$"> <img src="//images.samsung.com/kdp/cms_contents/281439/66422af9-9893-4a01-b2a5-192a5f3b96c6.jpg?$ORIGIN_JPG$" alt="밝은 실내 거실에 흰색 소파가 있고 앞에 테이틀 위에 aura studio4 제품이 놓여있습니다." data-omni="pcd:harman_audio:kv_1:aurastudio4" class="objGif"> </picture> <!-- endif : bundle.visualType == "video" --> </div> <!-- e: visual-area --> <!-- s : component-text --> <div class="component-text txt-btm-right txtm-top-center" > <div class="component-text-inner " style="cursor:default;"> <div class="box-title"> </div> </div> </div> <!-- e : component-text --> <input type="hidden" id="showSpecificDeviceUse_1199784_0" name="showSpecificDeviceUse_1199784" value="" data-index="0" /> <input type="hidden" id="showSpecificDeviceStr_1199784_0" name="showSpecificDeviceStr_1199784" value="" data-index="0" /> </div> <div class="visual " data-control="wht" data-arrow="wht" data-ind-title="flip6"> <!-- s:visual-area --> <div class="visual-area "> <picture data-alt="야외 캠핑 테이블 위에 flip6가 세로로 놓여 있고, 그 옆에는 스테이크와 옥수수가 그릴 위에 올려져 있습니다. 테이블 뒤로 주황색 텐트가 보입니다." data-default-src="//images.samsung.com/kdp/cms_contents/151626/f12c458c-6b8d-4a2b-80e7-186904727f48.jpg?$ORIGIN_JPG$" data-omni="pcd:harman_audio:kv_2:flip6" class="objGif"> <source media="(max-width: 799px)" srcset="//images.samsung.com/kdp/cms_contents/151626/0697e06f-538b-4564-8b64-4b739c7c2ab5.jpg?$ORIGIN_JPG$"> <source media="(min-width: 800px)" srcset="//images.samsung.com/kdp/cms_contents/151626/f12c458c-6b8d-4a2b-80e7-186904727f48.jpg?$ORIGIN_JPG$"> <img src="//images.samsung.com/kdp/cms_contents/151626/f12c458c-6b8d-4a2b-80e7-186904727f48.jpg?$ORIGIN_JPG$" alt="야외 캠핑 테이블 위에 flip6가 세로로 놓여 있고, 그 옆에는 스테이크와 옥수수가 그릴 위에 올려져 있습니다. 테이블 뒤로 주황색 텐트가 보입니다." data-omni="pcd:harman_audio:kv_2:flip6" class="objGif"> </picture> <!-- endif : bundle.visualType == "video" --> </div> <!-- e: visual-area --> <!-- s : component-text --> <div class="component-text txt-btm-left txtm-top-center" > <div class="component-text-inner " style="cursor:default;"> <div class="box-title"> </div> </div> </div> <!-- e : component-text --> <input type="hidden" id="showSpecificDeviceUse_1199784_1" name="showSpecificDeviceUse_1199784" value="" data-index="1" /> <input type="hidden" id="showSpecificDeviceStr_1199784_1" name="showSpecificDeviceStr_1199784" value="" data-index="1" /> </div> <div class="visual " data-control="wht" data-arrow="wht" data-ind-title="soundsticks4"> <!-- s:visual-area --> <div class="visual-area "> <picture data-alt="넓은 광야에 흰눈 덮여 있고 바닥에는 sound sticks 4가 놓여 있습니다. 밤하늘에서 눈이 내리는 모습입니다." data-default-src="//images.samsung.com/kdp/cms_contents/151626/728f4620-ae5e-4106-80ba-70ee060bb533.jpg?$ORIGIN_JPG$" data-omni="pcd:harman_audio:kv_3:soundsticks4" class="objGif"> <source media="(max-width: 799px)" srcset="//images.samsung.com/kdp/cms_contents/151626/d808fc1a-6830-450b-be4f-b71f62a03ffb.jpg?$ORIGIN_JPG$"> <source media="(min-width: 800px)" srcset="//images.samsung.com/kdp/cms_contents/151626/728f4620-ae5e-4106-80ba-70ee060bb533.jpg?$ORIGIN_JPG$"> <img src="//images.samsung.com/kdp/cms_contents/151626/728f4620-ae5e-4106-80ba-70ee060bb533.jpg?$ORIGIN_JPG$" alt="넓은 광야에 흰눈 덮여 있고 바닥에는 sound sticks 4가 놓여 있습니다. 밤하늘에서 눈이 내리는 모습입니다." data-omni="pcd:harman_audio:kv_3:soundsticks4" class="objGif"> </picture> <!-- endif : bundle.visualType == "video" --> </div> <!-- e: visual-area --> <!-- s : component-text --> <div class="component-text txt-btm-right txtm-top-center" > <div class="component-text-inner " style="cursor:default;"> <div class="box-title"> </div> </div> </div> <!-- e : component-text --> <input type="hidden" id="showSpecificDeviceUse_1199784_2" name="showSpecificDeviceUse_1199784" value="" data-index="2" /> <input type="hidden" id="showSpecificDeviceStr_1199784_2" name="showSpecificDeviceStr_1199784" value="" data-index="2" /> </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) { $('#slideCarousel1199784').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_1199784 = true; var ctindi_1199784 = true; if (device.val == 't' || device.val == 'p') { if ("001" != "001") { ctindi_1199784 = false; } if ("001" != "001") { ctarrow_1199784 = false; } } else { if ("001" != "001") { ctindi_1199784 = false; } if ("001" != "001") { ctarrow_1199784 = false; } } function updateTabindex(){ $("#slideCarousel1199784 .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"); } }); }; $("#slideCarousel1199784").on({ init: function(event, slick){ updateTabindex(); } , afterChange: function(event, slick, currentSlide){ updateTabindex(); } }); vodCompoSlide('#slideCarousel1199784', 'type1', 7000, ctarrow_1199784, ctindi_1199784); $(window).resize(function () { ctarrow_1199784 = true; ctindi_1199784 = true; if (device.val == 't' || device.val == 'p') { if ("001" != "001") { ctindi_1199784 = false; } if ("001" != "001") { ctarrow_1199784 = false; } } else { if ("001" != "001") { ctindi_1199784 = false; } if ("001" != "001") { ctarrow_1199784 = false; } } $('#slideCarousel1199784').slick('slickSetOption', { dots: ctindi_1199784, arrows: ctarrow_1199784 }, true); if (ctindi_1199784){ $('#slideCarousel1199784').parent().find('.slider-controls').removeClass('hide'); } else { $('#slideCarousel1199784').parent().find('.slider-controls').addClass('hide'); } }); $(function(){ $('#slideCarousel1199784').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_1199784").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 랜딩영역 수정 및 태깅 적용 $("#slideCarousel1199784 .component-text button").on("click", function(){ $(this).closest(".clickable_dual>.component-text-inner").removeAttr('onclick'); $(this).closest(".component-text").removeAttr('onclick'); }); }); $("[name='showSpecificDeviceUse_1199784']").each(function(idx){ var showSpecificDeviceUse = $(this).val(); var kvIndex = $(this).data("index"); var showDeviceStr = $("#showSpecificDeviceStr_1199784_" + kvIndex).val(); var showDevice = showDeviceStr ? showDeviceStr.split(',') : false; var showDeviceIdx = $("[name='showSpecificDeviceUse_1199784']").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){ $('#slideCarousel1199784').slick('slickRemove', showDeviceIdx); var arrowTm = $('#slideCarousel1199784 .slick-active').data().arrow; var controlTm = $('#slideCarousel1199784 .slick-active').data().control; var compoWrapClass = "component-contents pt-none pb-none gt-wrap "; $('#slideCarousel1199784').parent().prop("class",compoWrapClass+"control-"+controlTm+" arrow-"+arrowTm); } } }); </script> </div> </section> <!-- e : Carousel container --><!-- start --> <style> /* common */ .re-lnb br.br-pc {display:block;} .re-lnb br.br-mo {display:none;} .re-lnb .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .re-lnb .font-sans * {font-family:inherit;} .re-lnb.pd-tb-60 {padding:60px 0;} .re-lnb.pd-tb-80 {padding:80px 0;} /** style **/ /* lnb */ .re-lnb__slide {position:relative; width:1440px; margin:0 auto; background-color:#f7f7f7;} .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/harman-audio/re/lnb01.png");} .re-lnb__slide__list .item__link .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/harman-audio/re/lnb02.png");} .re-lnb__slide__list .item__link .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/harman-audio/re/lnb03.png");} .re-lnb__slide__list .item__link .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/harman-audio/re/lnb04.png");} .re-lnb__slide__list .item__link .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/harman-audio/re/lnb05.png");} .re-lnb__slide__list .item__link .pic06 {background-image:url("//images.samsung.com/kdp/static/pcd/harman-audio/re/lnb06.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;} /* 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; border-bottom:1px solid #DBDCDD; background-color:#f7f7f7;} .re-lnb.-fixed .re-lnb__slide .swiper-container {width:calc(100% - 48px);} /*.re-lnb.-fixed .re-lnb__slide .swiper-slide {width:auto;}*/ .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;}*/ /* lnbswiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-button.-hide {display:none;} .re-lnb__slide.swiper-no-swiping .swiper-wrapper {display:flex;} .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__list .item__link {padding:0.8333vw;} .re-lnb.-fixed .re-lnb__slide__list .item__link__txt {font-size:1.1111vw;} /* lnbswiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 3.3333vw);} } @media (max-width: 800px) { /* 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-container {width:calc(100% - 16.6667vw);} .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;} /* lnbswiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 13.3333vw);} } /* 정렬수정 */ @media (min-width:801px) { .re-lnb .re-lnb__slide.swiper-no-swiping .swiper-wrapper {justify-content:center;} } </style> <div class="re-lnb"> <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="6개의 슬라이드 중 1번"> <a href="/sec/harman-life-style-audio/all-harman-life-style-audio/" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:visual_lnb:all_harman"> <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="6개의 슬라이드 중 2번"> <a href="/sec/harman-life-style-audio/all-harman-life-style-audio/?jbl" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:visual_lnb:jbl"> <div class="item__link__pic pic02"></div> <span class="item__link__txt">JBL</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 3번"> <a href="/sec/harman-life-style-audio/all-harman-life-style-audio/?harman-kardon" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:visual_lnb:harman_kardon"> <div class="item__link__pic pic03"></div> <span class="item__link__txt">하만카돈</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 4번"> <a href="/sec/harman-life-style-audio/all-harman-life-style-audio/?akg" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:visual_lnb:akg"> <div class="item__link__pic pic04"></div> <span class="item__link__txt">AKG</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 5번"> <a href="/sec/harman-life-style-audio/all-harman-life-style-audio/?mark-levinson" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:visual_lnb:mark_levinson"> <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="6개의 슬라이드 중 6번"> <a href="/sec/harman-life-style-audio/all-harman-life-style-audio/?arcam" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:visual_lnb:arcam"> <div class="item__link__pic pic06"></div> <span class="item__link__txt">ARCAM</span> </a> </div> </li> </ul> </div> <button type="button" class="swiper-button prev"></button> </div> </div> <script> $(function(){ // script start swiperLnb($('.re-lnb__slide')); scrollFixed($('.re-lnb')); function scrollFixed(fixedWrap){ let win = $(window); let targetOffsetTop = fixedWrap.offset().top; win.off('scroll').on('scroll', function(){ let winScrollTop = $(this).scrollTop(); if(targetOffsetTop <= winScrollTop){ fixedWrap.addClass('-fixed'); }else{ fixedWrap.removeClass('-fixed'); } }) } 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).width() >= 800){ swiperWrap.addClass('swiper-no-swiping'); }else if(slide.length <= 3 && $(window).width() < 800){ swiperWrap.addClass('swiper-no-swiping'); }else{ swiperWrap.removeClass('swiper-no-swiping'); } }, resize: function() { if(slide.length <= 9 && $(window).width() >= 800){ swiperWrap.addClass('swiper-no-swiping'); }else if(slide.length <= 3 && $(window).width() < 800){ swiperWrap.addClass('swiper-no-swiping'); }else{ swiperWrap.removeClass('swiper-no-swiping'); } } }, }); }; // script end }); </script> <!-- //end --><!-- start --> <style> /* common */ .re-pod br.br-pc {display:block;} .re-pod br.br-mo {display:none;} .re-pod .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .re-pod .font-sans * {font-family:inherit;} .re-pod.pd-tb-60 {padding:60px 0;} .re-pod.pd-tb-80 {padding:80px 0;} .re-pod {overflow:hidden; max-width:1920px; margin:0 auto;} .re-pod__tit {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; cursor:pointer;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:60px;} .re-pod__slide__menu .item {overflow:visible; display:block; padding:10px 0;} .re-pod__slide__menu .item span {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; background-color:#000; border-radius:20px;} .re-pod__slide .swiper-container-list-box {position:relative; margin-top:60px;} .re-pod__slide .swiper-container-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-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-list-box .swiper-button.next {left:auto; right:0;} .re-pod__slide .swiper-container-list-box .swiper-button.next::after {left:45%; border-width:2px 2px 0 0;} .re-pod__slide .swiper-container-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 {} .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__slide {width:100%; margin-top:3.4722vw;} .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 .swiper-container-list-box {margin-top:4.1667vw;} .re-pod__slide .swiper-container-list-box .swiper-button {top:12.1528vw; width:3.8889vw; height:3.8889vw;} .re-pod__slide .swiper-container-list-box .swiper-button::after {width:1.0417vw; height:1.0417vw; border-width:0 0 0.1389vw 0.1389vw;} .re-pod__slide .swiper-container-list-box .swiper-button.next::after {border-width:0.1389vw 0.1389vw 0 0;} .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) { .re-pod br.br-pc {display:none;} .re-pod br.br-mo {display:block;} .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:rgba(120,112,98,0.2);} /*.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 {opacity:0.4; font-size:4.4444vw; color:#000;} .re-pod__slide__menu .swiper-slide.-active .item span {opacity:1;} .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 .swiper-container-list-box {margin-top:8.3333vw;} .re-pod__slide .swiper-container-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;} } /* border */ .re-pod__slide__list .swiper-slide .re-pod__link {display:block;} @media (min-width:801px) { .re-pod__slide__list .swiper-slide.-active .re-pod__link {position:relative;} .re-pod__slide__list .swiper-slide.-active .re-pod__link:after {content:''; position:absolute; z-index:1; top:0; left:0; bottom:0; right:0; border:0.20833vw solid #2189ff; border-radius:1.3888vw;} } @media (min-width:1440px) { .re-pod__slide__list .swiper-slide.-active .re-pod__link:after {border-width:3px; border-radius:20px;} } /* title */ .re-pod__tit {font-size:52px; line-height:1.15;} @media (max-width:1920px) { .re-pod__tit {font-size:2.708vw;} } @media (max-width:1600px) { .re-pod__tit {font-size:3.25vw;} } @media (max-width:1440px) { .re-pod__tit {font-size:3.611vw;} } @media (max-width:800px) { .re-pod__tit {font-size:10vw; line-height:1.16;} } </style> <section class="re-pod pd-tb-60"> <h2 class="re-pod__tit"> <span>당신에게 꼭 맞는 <br class="br-mo"> 하만 오디오</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"> <button type="button" class="item" role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 1번" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:lifestyle_jbl:menu"> <span>JBL</span> </button> </li> <li class="swiper-slide"> <button type="button" class="item" role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 2번" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:lifestyle_harman_kardon:menu"> <span>하만카돈</span> </button> </li> <li class="swiper-slide"> <button type="button" class="item" role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 3번" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:lifrstyle_akg:menu"> <span>AKG</span> </button> </li> </ul> </div> <div class="swiper-container-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"> <!-- (-active) --> <li class="swiper-slide -active"> <a class="re-pod__link" href="/sec/harman-life-style-audio/all-harman-life-style-audio/?jbl" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:lifestyle_jbl:view_all"> <div class="item item01" role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 1번"> <div class="pic"> <img src="//images.samsung.com/kdp/static/pcd/harman-audio/re/pod01-v2.png" alt="넓은 공연장에 많은 사람들이 무대를 바라보고 있는 뒷모습이 보입니다. 무대 위에 밝은 조명이 비춰집니다."> <div class="blind"> <h3>JBL by HARMAN</h3> <strong>현장감 있는 음향의 대명사</strong> <p>프로페셔널 사운드 분야에서 70여 년간 최고의 퍼포먼스를 이뤄온 JBL. 스피커부터 하이엔드 오디오에 이르기까지, 세계를 열광시킨 사운드를 만나보세요.</p> </div> </div> </div> </a> </li> <li class="swiper-slide"> <a class="re-pod__link" href="/sec/harman-life-style-audio/all-harman-life-style-audio/?harman-kardon" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:lifestyle_harman_kardon:view_all"> <div class="item item02" role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 2번"> <div class="pic"> <img src="//images.samsung.com/kdp/static/pcd/harman-audio/re/pod02-v2.png" alt="하만카돈 설립자 Sidney Harman이 의자에 앉아 있는 모습의 흑백 사진입니다."> <div class="blind"> <h3>harman/kardon by HARMAN</h3> <strong>시대를 이끌어온 정통 오디오 명가</strong> <p>지난 67년간 프리미엄 오디오 시장의 혁신을 주도해온 Harman/Kardon. 전 세계 오디오 애호가들에게 인정받은 수준 높은 사운드를 만나보세요.</p> </div> </div> </div> </a> </li> <li class="swiper-slide"> <a class="re-pod__link" href="/sec/harman-life-style-audio/all-harman-life-style-audio/?akg" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:lifrstyle_akg:view_all"> <div class="item item03" role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 3번"> <div class="pic"> <img src="//images.samsung.com/kdp/static/pcd/harman-audio/re/pod03-v2.png" alt="핀 조명의 어두운 무대 앞에 사운드 믹스 기계와 헤드폰이 놓여 있고, 그 뒤로 키보드와 드럼을 치는 남자의 모습이 흐리게 보입니다."> <div class="blind"> <h3>AKG by HARMAN</h3> <strong>프로페셔널 사운드의 장점</strong> <p>70여 년간 왜곡을 최소화한 원음 사운드의 기준을 제시해온 AKG. 이제 그 사운드의 힘을 노이즈캔슬링의 몰입을 통해서도 느껴보세요.</p> </div> </div> </div> </a> </li> </ul> </div> <button type="button" class="swiper-button prev"></button> </div> </div> </section> <script> // script start 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).width() > 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).width() > 800){ swiperPodListCont.find('.re-pod__slide__list').addClass('swiper-no-swiping'); }else{ swiperPodListCont.find('.re-pod__slide__list').removeClass('swiper-no-swiping'); } } } }); }); }; // script end </script> <!-- //end --><!-- s : Text Box --> <div class="wrap-component textbox-simple new-component pt-nrw pb-nrw w1440px "> <div class="component-contents pt-nrw pb-none txt-top-center txtm-top-center " style="background-color:#FFFFFF" data-cptnm="pcd:harman_audio:best_title"> <div class="component-text"> <div class="component-text-inner"> <div class="box-title"> <h2 class="title mo-ver " style="color:#000000">요즘 인기 있는 <br>하만 오디오</h2> <h2 class="title pc-ver " style="color:#000000">요즘 인기 있는 하만 오디오</h2> </div> </div> </div> </div> </div> <!-- e : Text Box --><!-- s : Product Card --> <div class="wrap-component product-card title-line2-type pt-none pb-none w1440px " data-cptNo="1199788"> <div class="component-contents pt-none pb-none " style="background-color:#FFFFFF" data-cptnm="pcd:harman_audio:best"> <div class="visual-area" id="slicePrdSel_1199788" data-cptlytno="24" data-price-hidden-yn="" data-price-hidden-login-url="" data-price-hidden-img="" data-price-hidden-img-alt-text="" data-price-hidden-mo-img="" data-price-hidden-mo-img-alt-text=""> <div class="slider-select-prdlist"> <!-- loop --> <div class="box-product-card" id="prdSel_1199788_0" > <div class="inner" data-obj-type="product" data-mo-code="JBL4305PW-S" data-goods-nm="JBL 4305P 올인원 뮤직 시스템 + 스탠드" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > speaker" data-cp-all-dc-amt="250,000" data-cp-apl-expt-price="2,390,000" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/kdp/goods/2023/06/12/f679b3b5-9f06-40b5-96cc-a482c7cfba4f.png?$240_240_PNG$" alt=" JBL 4305P 올인원 뮤직 시스템 + 스탠드"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper"> <!-- loop 제품이미지 아래 컬러 선택 라디오 버튼 --> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_0_0" name="itm-color_1199788_0" data-goods-id="G000295828" data-org-goods-id="G000295847" data-target-id="prdSel_1199788_0" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_Prism dot black|JBL4305PB-S|JBL4305PW-S" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="Prism dot black" data-goods-nm="JBL 4305P 올인원 뮤직 시스템 + 스탠드" data-mdl-code="JBL4305PW-S" data-cptlytno="24" > <label for="itm-color_1199788_0_0"> <span class="itm-color-object" style="background-color:#2d2927;">블랙 + 블랙 캐비닛 + 전용 스탠드</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_0_1" name="itm-color_1199788_0" data-goods-id="G000295847" data-org-goods-id="G000295847" data-target-id="prdSel_1199788_0" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_SATINNAVY|JBL4305PB-S|JBL4305PW-S" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="SATINNAVY" data-goods-nm="JBL 4305P 올인원 뮤직 시스템 + 스탠드" data-mdl-code="JBL4305PW-S" data-cptlytno="24" checked="checked" > <label for="itm-color_1199788_0_1"> <span class="itm-color-object" style="background-color:#004976;">다크 블루 + 월넛 캐비닛 + 전용 스탠드</span> </label> </li> <!-- //loop --> </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"><!-- if --> </div> <div class="card-option"> <!-- else if --> </div> <div class="card-detail"> <!-- if --> <div class="box-info"> <div class="info-tit">JBL 4305P 올인원 뮤직 시스템 + 스탠드</div> <div class="info-model">JBL4305PW-S</div> </div> <div class="bott-fix" id="gdPrc_1199788_0_G000295847" data-coupon-price="2390000"> <div class="pic-tag"> <span id="1199788_0_G000295847_lbl1">기준가</span> <em id="1199788_0_G000295847_prc1">2,930,000 원</em> </div> <div class="pic-ben"> <span id="1199788_0_G000295847_lbl3">혜택가</span> <em id="1199788_0_G000295847_prc3">2,640,000 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1199788_0_G000295847" data-svmn-prd-id="1199788_0_G000295847" data-goods-id="G000295847" data-mdl-code="JBL4305PW-S" data-cp-apl-expt-price="2,390,000" data-fn-sprt-amt="0" data-sale-price="2,640,000" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="Y"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("JBL4305PW-S", "1", "_self", "/sec/harman-life-style-audio/package-jbl4305pb-s-d2c/JBL4305PW-S/"); ' data-omni="pcd:harman_audio:best:JBL4305PB-S|JBL4305PW-S:buy now" data-mo-code="JBL4305PW-S" data-mdl-nm="JBL4305PB-S" data-goods-nm="JBL 4305P 올인원 뮤직 시스템 + 스탠드" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > speaker" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div> <!-- s : 상품비교하기 영역 --> <input type="hidden" name="cardCompareInfo" data-goods-id="G000295847" data-goods-tp-cd="20" data-mdl-nm="JBL4305PB-S" data-mdl-code="JBL4305PW-S" data-goods-path="/sec/harman-life-style-audio/package-jbl4305pb-s-d2c/JBL4305PW-S/" data-review-grade="2" data-review-count="1" data-compare-excpt-yn="N" data-comp-disp-clsf-no="41090000" data-comp-disp-clsf-en-nm="harman-life-style-audio" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="Y" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="001" /> <!-- e : 상품비교하기 버튼영역--> </div> </div> <div class="box-product-card" id="prdSel_1199788_1" > <div class="inner" data-obj-type="product" data-mo-code="JBLGO3RED" data-goods-nm="JBL GO 3 블루투스 스피커" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > speaker" data-cp-all-dc-amt="0" data-cp-apl-expt-price="49,000" data-cp-nm-arr-str=""> <div class="card-images soldout" style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/kdp/goods/2020/11/23/5588b878-eae7-4895-a79d-6a456912c3fd.png?$240_240_PNG$" alt="soldout JBL GO 3 블루투스 스피커"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper"> <!-- loop 제품이미지 아래 컬러 선택 라디오 버튼 --> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_1_2" name="itm-color_1199788_1" data-goods-id="G000211394" data-org-goods-id="G000211383" data-target-id="prdSel_1199788_1" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_BLACK|PORTABLE BLUETOOTH|JBLGO3RED" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="BLACK" data-goods-nm="JBL GO 3 블루투스 스피커" data-mdl-code="JBLGO3RED" data-cptlytno="24" > <label for="itm-color_1199788_1_2"> <span class="itm-color-object" style="background-color:#000000;">블랙</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_1_3" name="itm-color_1199788_1" data-goods-id="G000264756" data-org-goods-id="G000211383" data-target-id="prdSel_1199788_1" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_TITANUMSILVER|PORTABLE BLUETOOTH|JBLGO3RED" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="TITANUMSILVER" data-goods-nm="JBL GO 3 블루투스 스피커" data-mdl-code="JBLGO3RED" data-cptlytno="24" > <label for="itm-color_1199788_1_3"> <span class="itm-color-object" style="background-color:#c8c9cd;">그레이핑크</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_1_4" name="itm-color_1199788_1" data-goods-id="G000211383" data-org-goods-id="G000211383" data-target-id="prdSel_1199788_1" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_CARDINAL|PORTABLE BLUETOOTH|JBLGO3RED" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="CARDINAL" data-goods-nm="JBL GO 3 블루투스 스피커" data-mdl-code="JBLGO3RED" data-cptlytno="24" checked="checked" > <label for="itm-color_1199788_1_4"> <span class="itm-color-object" style="background-color:#941e2e;">레드</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_1_5" name="itm-color_1199788_1" data-goods-id="G000191619" data-org-goods-id="G000211383" data-target-id="prdSel_1199788_1" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_WILDORANGE|PORTABLE BLUETOOTH|JBLGO3RED" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="WILDORANGE" data-goods-nm="JBL GO 3 블루투스 스피커" data-mdl-code="JBLGO3RED" data-cptlytno="24" > <label for="itm-color_1199788_1_5"> <span class="itm-color-object" style="background-color:#cb571e;">블랙 오렌지</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_1_6" name="itm-color_1199788_1" data-goods-id="G000211384" data-org-goods-id="G000211383" data-target-id="prdSel_1199788_1" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_WHITE|PORTABLE BLUETOOTH|JBLGO3RED" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="WHITE" data-goods-nm="JBL GO 3 블루투스 스피커" data-mdl-code="JBLGO3RED" data-cptlytno="24" > <label for="itm-color_1199788_1_6"> <span class="itm-color-object" style="background-color:#ffffff;">화이트</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_1_7" name="itm-color_1199788_1" data-goods-id="G000191620" data-org-goods-id="G000211383" data-target-id="prdSel_1199788_1" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_BLUE1|PORTABLE BLUETOOTH|JBLGO3RED" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="BLUE1" data-goods-nm="JBL GO 3 블루투스 스피커" data-mdl-code="JBLGO3RED" data-cptlytno="24" > <label for="itm-color_1199788_1_7"> <span class="itm-color-object" style="background-color:#3a5081;">블루핑크</span> </label> </li> <!-- //loop --> </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"><!-- if --> </div> <div class="card-option"> <!-- else if --> </div> <div class="card-detail"> <!-- if --> <div class="box-info"> <div class="info-tit">JBL GO 3 블루투스 스피커</div> <div class="info-model">JBLGO3RED</div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1199788_1_G000211383" data-svmn-prd-id="1199788_1_G000211383" data-goods-id="G000211383" data-mdl-code="JBLGO3RED" data-cp-apl-expt-price="49,000" data-fn-sprt-amt="0" data-sale-price="49,000" data-sale-stat-cd="15" data-svmn-amt-disp-yn="Y" data-cp-use-yn="N"> </div> <div class="box-btm-btns"> <a class="btn-underline" href="/sec/harman-life-style-audio/jbl-speaker-go3-d2c/JBLGO3RED/" data-omni="pcd:harman_audio:best:PORTABLE BLUETOOTH|JBLGO3RED:learn more" target="_self" data-mo-code="JBLGO3RED" data-mdl-nm="PORTABLE BLUETOOTH" data-goods-nm="JBL GO 3 블루투스 스피커" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > speaker">더 알아보기</a> </div> </div> <!-- s : 상품비교하기 영역 --> <input type="hidden" name="cardCompareInfo" data-goods-id="G000211383" data-goods-tp-cd="10" data-mdl-nm="PORTABLE BLUETOOTH" data-mdl-code="JBLGO3RED" data-goods-path="/sec/harman-life-style-audio/jbl-speaker-go3-d2c/JBLGO3RED/" data-review-grade="4.8" data-review-count="127" data-compare-excpt-yn="N" data-comp-disp-clsf-no="41090000" data-comp-disp-clsf-en-nm="harman-life-style-audio" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="N" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="001" /> <!-- e : 상품비교하기 버튼영역--> </div> </div> <div class="box-product-card" id="prdSel_1199788_2" > <div class="inner" data-obj-type="product" data-mo-code="JBLBAR1000PROBLKAS" data-goods-nm="JBL BAR 1000 사운드바" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > sound-bar" data-cp-all-dc-amt="71,000" data-cp-apl-expt-price="819,000" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/kdp/goods/2023/03/29/145fea80-b08f-4fc9-9b27-125e36d2125b.png?$240_240_PNG$" alt=" JBL BAR 1000 사운드바"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper"> <!-- loop 제품이미지 아래 컬러 선택 라디오 버튼 --> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_2_8" name="itm-color_1199788_2" data-goods-id="G000293641" data-org-goods-id="G000293641" data-target-id="prdSel_1199788_2" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_PHANTOM BLACK|JBLBAR1000PROBLKAS|JBLBAR1000PROBLKAS" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="PHANTOM BLACK" data-goods-nm="JBL BAR 1000 사운드바" data-mdl-code="JBLBAR1000PROBLKAS" data-cptlytno="24" checked="checked" > <label for="itm-color_1199788_2_8"> <span class="itm-color-object" style="background-color:#211E16;">블랙</span> </label> </li> <!-- //loop --> </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"><!-- if --> </div> <div class="card-option"> <!-- else if --> </div> <div class="card-detail"> <!-- if --> <div class="box-info"> <div class="info-tit">JBL BAR 1000 사운드바</div> <div class="info-model">JBLBAR1000PROBLKAS</div> </div> <div class="bott-fix" id="gdPrc_1199788_2_G000293641" data-coupon-price="819000"> <div class="pic-tag"> <span id="1199788_2_G000293641_lbl1">기준가</span> <em id="1199788_2_G000293641_prc1">1,390,000 원</em> </div> <div class="pic-ben"> <span id="1199788_2_G000293641_lbl3">혜택가</span> <em id="1199788_2_G000293641_prc3">890,000 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1199788_2_G000293641" data-svmn-prd-id="1199788_2_G000293641" data-goods-id="G000293641" data-mdl-code="JBLBAR1000PROBLKAS" data-cp-apl-expt-price="819,000" data-fn-sprt-amt="0" data-sale-price="890,000" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="Y"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("JBLBAR1000PROBLKAS", "1", "_self", "/sec/harman-life-style-audio/jbl-soundbar-bar1000-d2c-1/JBLBAR1000PROBLKAS/"); ' data-omni="pcd:harman_audio:best:JBLBAR1000PROBLKAS|JBLBAR1000PROBLKAS:buy now" data-mo-code="JBLBAR1000PROBLKAS" data-mdl-nm="JBLBAR1000PROBLKAS" data-goods-nm="JBL BAR 1000 사운드바" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > sound-bar" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div> <!-- s : 상품비교하기 영역 --> <input type="hidden" name="cardCompareInfo" data-goods-id="G000293641" data-goods-tp-cd="10" data-mdl-nm="JBLBAR1000PROBLKAS" data-mdl-code="JBLBAR1000PROBLKAS" data-goods-path="/sec/harman-life-style-audio/jbl-soundbar-bar1000-d2c-1/JBLBAR1000PROBLKAS/" data-review-grade="4.5" data-review-count="2" data-compare-excpt-yn="N" data-comp-disp-clsf-no="41090000" data-comp-disp-clsf-en-nm="harman-life-style-audio" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="Y" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="001" /> <!-- e : 상품비교하기 버튼영역--> </div> </div> <div class="box-product-card" id="prdSel_1199788_3" > <div class="inner" data-obj-type="product" data-mo-code="JBLQUANTUM610BLK" data-goods-nm="JBL QUANTUM 610 무선 게이밍 헤드셋" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > gaming" data-cp-all-dc-amt="20,000" data-cp-apl-expt-price="139,000" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/kdp/goods/2022/08/17/5427c6f8-b766-4cfd-b8ed-2ba3b79c9014.png?$240_240_PNG$" alt=" JBL QUANTUM 610 무선 게이밍 헤드셋"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper"> <!-- loop 제품이미지 아래 컬러 선택 라디오 버튼 --> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_3_9" name="itm-color_1199788_3" data-goods-id="G000276812" data-org-goods-id="G000276812" data-target-id="prdSel_1199788_3" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_BLACK|JBLQUANTUM610BLK|JBLQUANTUM610BLK" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="BLACK" data-goods-nm="JBL QUANTUM 610 무선 게이밍 헤드셋" data-mdl-code="JBLQUANTUM610BLK" data-cptlytno="24" checked="checked" > <label for="itm-color_1199788_3_9"> <span class="itm-color-object" style="background-color:#000000;">블랙</span> </label> </li> <!-- //loop --> </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"><!-- if --> </div> <div class="card-option"> <!-- else if --> </div> <div class="card-detail"> <!-- if --> <div class="box-info"> <div class="info-tit">JBL QUANTUM 610 무선 게이밍 헤드셋</div> <div class="info-model">JBLQUANTUM610BLK</div> </div> <div class="bott-fix" id="gdPrc_1199788_3_G000276812" data-coupon-price="139000"> <div class="pic-tag"> <span id="1199788_3_G000276812_lbl1">기준가</span> <em id="1199788_3_G000276812_prc1">239,000 원</em> </div> <div class="pic-ben"> <span id="1199788_3_G000276812_lbl3">혜택가</span> <em id="1199788_3_G000276812_prc3">159,000 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1199788_3_G000276812" data-svmn-prd-id="1199788_3_G000276812" data-goods-id="G000276812" data-mdl-code="JBLQUANTUM610BLK" data-cp-apl-expt-price="139,000" data-fn-sprt-amt="0" data-sale-price="159,000" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="Y"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("JBLQUANTUM610BLK", "1", "_self", "/sec/harman-life-style-audio/jbl-headphone-quantum610-d2c/JBLQUANTUM610BLK/"); ' data-omni="pcd:harman_audio:best:JBLQUANTUM610BLK|JBLQUANTUM610BLK:buy now" data-mo-code="JBLQUANTUM610BLK" data-mdl-nm="JBLQUANTUM610BLK" data-goods-nm="JBL QUANTUM 610 무선 게이밍 헤드셋" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > gaming" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div> <!-- s : 상품비교하기 영역 --> <input type="hidden" name="cardCompareInfo" data-goods-id="G000276812" data-goods-tp-cd="10" data-mdl-nm="JBLQUANTUM610BLK" data-mdl-code="JBLQUANTUM610BLK" data-goods-path="/sec/harman-life-style-audio/jbl-headphone-quantum610-d2c/JBLQUANTUM610BLK/" data-review-grade="4.3" data-review-count="25" data-compare-excpt-yn="N" data-comp-disp-clsf-no="41090000" data-comp-disp-clsf-en-nm="harman-life-style-audio" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="N" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="001" /> <!-- e : 상품비교하기 버튼영역--> </div> </div> <div class="box-product-card" id="prdSel_1199788_4" > <div class="inner" data-obj-type="product" data-mo-code="JBLT720BTBLK" data-goods-nm="JBL TUNE 720BT 무선 오버이어 헤드폰" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > headphone" data-cp-all-dc-amt="7,100" data-cp-apl-expt-price="71,900" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/kdp/goods/2023/06/28/058ea8bd-88c5-4629-adb4-e0763ce7bb75.png?$240_240_PNG$" alt=" JBL TUNE 720BT 무선 오버이어 헤드폰"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper"> <!-- loop 제품이미지 아래 컬러 선택 라디오 버튼 --> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_4_10" name="itm-color_1199788_4" data-goods-id="G000296139" data-org-goods-id="G000296139" data-target-id="prdSel_1199788_4" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_black|JBLT720BTBLK|JBLT720BTBLK" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="black" data-goods-nm="JBL TUNE 720BT 무선 오버이어 헤드폰" data-mdl-code="JBLT720BTBLK" data-cptlytno="24" checked="checked" > <label for="itm-color_1199788_4_10"> <span class="itm-color-object" style="background-color:#000003;">블랙</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_4_11" name="itm-color_1199788_4" data-goods-id="G000296140" data-org-goods-id="G000296139" data-target-id="prdSel_1199788_4" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_BoraPurple|JBLT720BTBLK|JBLT720BTBLK" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="BoraPurple" data-goods-nm="JBL TUNE 720BT 무선 오버이어 헤드폰" data-mdl-code="JBLT720BTBLK" data-cptlytno="24" > <label for="itm-color_1199788_4_11"> <span class="itm-color-object" style="background-color:#BFB1D3;">퍼플</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_4_12" name="itm-color_1199788_4" data-goods-id="G000296141" data-org-goods-id="G000296139" data-target-id="prdSel_1199788_4" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_white|JBLT720BTBLK|JBLT720BTBLK" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="white" data-goods-nm="JBL TUNE 720BT 무선 오버이어 헤드폰" data-mdl-code="JBLT720BTBLK" data-cptlytno="24" > <label for="itm-color_1199788_4_12"> <span class="itm-color-object" style="background-color:#FFFFFF;">화이트</span> </label> </li> <!-- //loop --> </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"><!-- if --> </div> <div class="card-option"> <!-- else if --> </div> <div class="card-detail"> <!-- if --> <div class="box-info"> <div class="info-tit">JBL TUNE 720BT 무선 오버이어 헤드폰</div> <div class="info-model">JBLT720BTBLK</div> </div> <div class="bott-fix" id="gdPrc_1199788_4_G000296139" data-coupon-price="71900"> <div class="pic-tag"> <span id="1199788_4_G000296139_lbl1">기준가</span> <em id="1199788_4_G000296139_prc1">99,000 원</em> </div> <div class="pic-ben"> <span id="1199788_4_G000296139_lbl3">혜택가</span> <em id="1199788_4_G000296139_prc3">79,000 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1199788_4_G000296139" data-svmn-prd-id="1199788_4_G000296139" data-goods-id="G000296139" data-mdl-code="JBLT720BTBLK" data-cp-apl-expt-price="71,900" data-fn-sprt-amt="0" data-sale-price="79,000" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="Y"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("JBLT720BTBLK", "1", "_self", "/sec/harman-life-style-audio/jbl-headphone-t720bt-d2c/JBLT720BTBLK/"); ' data-omni="pcd:harman_audio:best:JBLT720BTBLK|JBLT720BTBLK:buy now" data-mo-code="JBLT720BTBLK" data-mdl-nm="JBLT720BTBLK" data-goods-nm="JBL TUNE 720BT 무선 오버이어 헤드폰" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > headphone" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div> <!-- s : 상품비교하기 영역 --> <input type="hidden" name="cardCompareInfo" data-goods-id="G000296139" data-goods-tp-cd="10" data-mdl-nm="JBLT720BTBLK" data-mdl-code="JBLT720BTBLK" data-goods-path="/sec/harman-life-style-audio/jbl-headphone-t720bt-d2c/JBLT720BTBLK/" data-review-grade="4.7" data-review-count="109" data-compare-excpt-yn="Y" data-comp-disp-clsf-no="41090000" data-comp-disp-clsf-en-nm="harman-life-style-audio" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="N" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="001" /> <!-- e : 상품비교하기 버튼영역--> </div> </div> <div class="box-product-card" id="prdSel_1199788_5" > <div class="inner" data-obj-type="product" data-mo-code="JBLLIVEPRO2TWSBLK" data-goods-nm="JBL LIVE PRO 2 프리미엄 노이즈 캔슬링 무선 이어폰" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > earphone" data-cp-all-dc-amt="0" data-cp-apl-expt-price="199,000" data-cp-nm-arr-str=""> <div class="card-images soldout" style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/kdp/goods/2022/04/19/71fd0825-7d5c-41fe-ac8a-97a26b47a7ab.png?$240_240_PNG$" alt="soldout JBL LIVE PRO 2 프리미엄 노이즈 캔슬링 무선 이어폰"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper"> <!-- loop 제품이미지 아래 컬러 선택 라디오 버튼 --> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_5_13" name="itm-color_1199788_5" data-goods-id="G000262687" data-org-goods-id="G000262685" data-target-id="prdSel_1199788_5" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_CLOUDPINK|JBLLIVEPRO2TWSBLK|JBLLIVEPRO2TWSBLK" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="CLOUDPINK" data-goods-nm="JBL LIVE PRO 2 프리미엄 노이즈 캔슬링 무선 이어폰" data-mdl-code="JBLLIVEPRO2TWSBLK" data-cptlytno="24" > <label for="itm-color_1199788_5_13"> <span class="itm-color-object" style="background-color:#dcabba;">로즈</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_5_14" name="itm-color_1199788_5" data-goods-id="G000262685" data-org-goods-id="G000262685" data-target-id="prdSel_1199788_5" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_BLACK|JBLLIVEPRO2TWSBLK|JBLLIVEPRO2TWSBLK" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="BLACK" data-goods-nm="JBL LIVE PRO 2 프리미엄 노이즈 캔슬링 무선 이어폰" data-mdl-code="JBLLIVEPRO2TWSBLK" data-cptlytno="24" checked="checked" > <label for="itm-color_1199788_5_14"> <span class="itm-color-object" style="background-color:#000000;">블랙</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_5_15" name="itm-color_1199788_5" data-goods-id="G000262686" data-org-goods-id="G000262685" data-target-id="prdSel_1199788_5" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_Silver|JBLLIVEPRO2TWSBLK|JBLLIVEPRO2TWSBLK" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="Silver" data-goods-nm="JBL LIVE PRO 2 프리미엄 노이즈 캔슬링 무선 이어폰" data-mdl-code="JBLLIVEPRO2TWSBLK" data-cptlytno="24" > <label for="itm-color_1199788_5_15"> <span class="itm-color-object" style="background-color:#C7C8CA;">실버</span> </label> </li> <!-- //loop --> </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"><!-- if --> </div> <div class="card-option"> <!-- else if --> </div> <div class="card-detail"> <!-- if --> <div class="box-info"> <div class="info-tit">JBL LIVE PRO 2 프리미엄 노이즈 캔슬링 무선 이어폰</div> <div class="info-model">JBLLIVEPRO2TWSBLK</div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1199788_5_G000262685" data-svmn-prd-id="1199788_5_G000262685" data-goods-id="G000262685" data-mdl-code="JBLLIVEPRO2TWSBLK" data-cp-apl-expt-price="199,000" data-fn-sprt-amt="0" data-sale-price="199,000" data-sale-stat-cd="17" data-svmn-amt-disp-yn="Y" data-cp-use-yn="N"> </div> <div class="box-btm-btns"> <a class="btn-underline" href="/sec/harman-life-style-audio/jbl-earphone-live-pro2-d2c/JBLLIVEPRO2TWSBLK/" data-omni="pcd:harman_audio:best:JBLLIVEPRO2TWSBLK|JBLLIVEPRO2TWSBLK:learn more" target="_self" data-mo-code="JBLLIVEPRO2TWSBLK" data-mdl-nm="JBLLIVEPRO2TWSBLK" data-goods-nm="JBL LIVE PRO 2 프리미엄 노이즈 캔슬링 무선 이어폰" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > earphone">더 알아보기</a> </div> </div> <!-- s : 상품비교하기 영역 --> <input type="hidden" name="cardCompareInfo" data-goods-id="G000262685" data-goods-tp-cd="10" data-mdl-nm="JBLLIVEPRO2TWSBLK" data-mdl-code="JBLLIVEPRO2TWSBLK" data-goods-path="/sec/harman-life-style-audio/jbl-earphone-live-pro2-d2c/JBLLIVEPRO2TWSBLK/" data-review-grade="4.6" data-review-count="176" data-compare-excpt-yn="N" data-comp-disp-clsf-no="41090000" data-comp-disp-clsf-en-nm="harman-life-style-audio" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="Y" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="001" /> <!-- e : 상품비교하기 버튼영역--> </div> </div> <div class="box-product-card" id="prdSel_1199788_6" > <div class="inner" data-obj-type="product" data-mo-code="JBLAUTH500BLKAS" data-goods-nm="JBL Authentics 500 블루투스/Wi-Fi 스피커" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > speaker" data-cp-all-dc-amt="100,000" data-cp-apl-expt-price="699,000" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/kdp/goods/2023/10/11/08abb0c0-fb32-4b21-bda7-7688f74b9573.png?$240_240_PNG$" alt=" JBL Authentics 500 블루투스/Wi-Fi 스피커"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper"> <!-- loop 제품이미지 아래 컬러 선택 라디오 버튼 --> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_6_16" name="itm-color_1199788_6" data-goods-id="G000309293" data-org-goods-id="G000309293" data-target-id="prdSel_1199788_6" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_black|JBLAUTH500BLKAS|JBLAUTH500BLKAS" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="black" data-goods-nm="JBL Authentics 500 블루투스/Wi-Fi 스피커" data-mdl-code="JBLAUTH500BLKAS" data-cptlytno="24" checked="checked" > <label for="itm-color_1199788_6_16"> <span class="itm-color-object" style="background-color:#000003;">블랙</span> </label> </li> <!-- //loop --> </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"><!-- if --> </div> <div class="card-option"> <!-- else if --> </div> <div class="card-detail"> <!-- if --> <div class="box-info"> <div class="info-tit">JBL Authentics 500 블루투스/Wi-Fi 스피커</div> <div class="info-model">JBLAUTH500BLKAS</div> </div> <div class="bott-fix" id="gdPrc_1199788_6_G000309293" data-coupon-price="699000"> <div class="pic-tag"> <span id="1199788_6_G000309293_lbl1">기준가</span> <em id="1199788_6_G000309293_prc1">799,000 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1199788_6_G000309293" data-svmn-prd-id="1199788_6_G000309293" data-goods-id="G000309293" data-mdl-code="JBLAUTH500BLKAS" data-cp-apl-expt-price="699,000" data-fn-sprt-amt="0" data-sale-price="799,000" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="Y"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("JBLAUTH500BLKAS", "1", "_self", "/sec/harman-life-style-audio/jbl-speaker-auth500blkas-d2c/JBLAUTH500BLKAS/"); ' data-omni="pcd:harman_audio:best:JBLAUTH500BLKAS|JBLAUTH500BLKAS:buy now" data-mo-code="JBLAUTH500BLKAS" data-mdl-nm="JBLAUTH500BLKAS" data-goods-nm="JBL Authentics 500 블루투스/Wi-Fi 스피커" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > speaker" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div> <!-- s : 상품비교하기 영역 --> <input type="hidden" name="cardCompareInfo" data-goods-id="G000309293" data-goods-tp-cd="10" data-mdl-nm="JBLAUTH500BLKAS" data-mdl-code="JBLAUTH500BLKAS" data-goods-path="/sec/harman-life-style-audio/jbl-speaker-auth500blkas-d2c/JBLAUTH500BLKAS/" data-review-grade="4" data-review-count="2" data-compare-excpt-yn="Y" data-comp-disp-clsf-no="41090000" data-comp-disp-clsf-en-nm="harman-life-style-audio" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="N" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="001" /> <!-- e : 상품비교하기 버튼영역--> </div> </div> <div class="box-product-card" id="prdSel_1199788_7" > <div class="inner" data-obj-type="product" data-mo-code="JBLAUTH300BLKAS" data-goods-nm="JBL Authentics 300 블루투스/Wi-Fi 스피커" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > speaker" data-cp-all-dc-amt="100,000" data-cp-apl-expt-price="499,000" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/kdp/goods/2023/10/11/2094a1c0-c7ce-4157-9bdb-43682efc543f.png?$240_240_PNG$" alt=" JBL Authentics 300 블루투스/Wi-Fi 스피커"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper"> <!-- loop 제품이미지 아래 컬러 선택 라디오 버튼 --> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_7_17" name="itm-color_1199788_7" data-goods-id="G000309292" data-org-goods-id="G000309292" data-target-id="prdSel_1199788_7" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_Black|JBLAUTH300BLKAS|JBLAUTH300BLKAS" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="Black" data-goods-nm="JBL Authentics 300 블루투스/Wi-Fi 스피커" data-mdl-code="JBLAUTH300BLKAS" data-cptlytno="24" checked="checked" > <label for="itm-color_1199788_7_17"> <span class="itm-color-object" style="background-color:#3C3C3E;">블랙</span> </label> </li> <li class="swiper-slide"> <input type="radio" id="itm-color_1199788_7_18" name="itm-color_1199788_7" data-goods-id="G000400047" data-org-goods-id="G000309292" data-target-id="prdSel_1199788_7" data-component-id="slicePrdSel_1199788" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:harman_audio:best:color_white|JBLAUTH300BLKAS|JBLAUTH300BLKAS" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="white" data-goods-nm="JBL Authentics 300 블루투스/Wi-Fi 스피커" data-mdl-code="JBLAUTH300BLKAS" data-cptlytno="24" > <label for="itm-color_1199788_7_18"> <span class="itm-color-object" style="background-color:#FFFFFF;">화이트</span> </label> </li> <!-- //loop --> </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"><!-- if --> </div> <div class="card-option"> <!-- else if --> </div> <div class="card-detail"> <!-- if --> <div class="box-info"> <div class="info-tit">JBL Authentics 300 블루투스/Wi-Fi 스피커</div> <div class="info-model">JBLAUTH300BLKAS</div> </div> <div class="bott-fix" id="gdPrc_1199788_7_G000309292" data-coupon-price="499000"> <div class="pic-tag"> <span id="1199788_7_G000309292_lbl1">기준가</span> <em id="1199788_7_G000309292_prc1">599,000 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1199788_7_G000309292" data-svmn-prd-id="1199788_7_G000309292" data-goods-id="G000309292" data-mdl-code="JBLAUTH300BLKAS" data-cp-apl-expt-price="499,000" data-fn-sprt-amt="0" data-sale-price="599,000" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="Y"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("JBLAUTH300BLKAS", "1", "_self", "/sec/harman-life-style-audio/jbl-speaker-auth300blkas-d2c/JBLAUTH300BLKAS/"); ' data-omni="pcd:harman_audio:best:JBLAUTH300BLKAS|JBLAUTH300BLKAS:buy now" data-mo-code="JBLAUTH300BLKAS" data-mdl-nm="JBLAUTH300BLKAS" data-goods-nm="JBL Authentics 300 블루투스/Wi-Fi 스피커" data-disp-ctg-en-nm-path="audio-video > harman-life-style-audio > speaker" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div> <!-- s : 상품비교하기 영역 --> <input type="hidden" name="cardCompareInfo" data-goods-id="G000309292" data-goods-tp-cd="10" data-mdl-nm="JBLAUTH300BLKAS" data-mdl-code="JBLAUTH300BLKAS" data-goods-path="/sec/harman-life-style-audio/jbl-speaker-auth300blkas-d2c/JBLAUTH300BLKAS/" data-review-grade="4" data-review-count="4" data-compare-excpt-yn="Y" data-comp-disp-clsf-no="41090000" data-comp-disp-clsf-en-nm="harman-life-style-audio" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="N" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="001" /> <!-- e : 상품비교하기 버튼영역--> </div> </div> <!-- //loop --> </div> </div> </div> <script> $(window).on("load",function() { var goodsObjArr = $("[id^=gdPrc_1199788]"); if (goodsObjArr == null || goodsObjArr.length == 0) return; //fnGetAllPrdCouponPrice(goodsObjArr, '/sec/', '1', '10'); // 상품가격 Ajax 실시간 조회후 셋팅 fnSetPrdCouponPrice(goodsObjArr, '10', 24); // 상품가격 조회한거 스크립트로 세팅 var prdPointAccumObjArr = $("[id^=svmnt_1199788]"); if (prdPointAccumObjArr == null || prdPointAccumObjArr.length == 0) return; fnGetPrdPointAccum(prdPointAccumObjArr, "/sec/", "1199788", "24"); // 적립 예정 포인트 ajax 실시간 조회 후 세팅 }); </script> <input type="hidden" id="showCnt_1199788" value="8"/> <input type="hidden" id="showMoreCnt_1199788" value="8"/> <input type="hidden" id="listSize_1199788" value="8"/> <input type="hidden" id="molecule_1199788" value="1"/> <input type="hidden" id="denominator_1199788" value="1"/> <!-- <input type="hidden" id="stContextPath_1199788" value="/sec/"/> <input type="hidden" id="lastPrcText_1199788" value="혜택가"/> <input type="hidden" id="siteGbCd_1199788" value="10"/> --> </div> <!-- e : Product Card --> <!-- s : Text Box --> <div class="wrap-component textbox-simple new-component pt-none pb-none w1440px "> <div class="component-contents pt-none pb-wide txt-top-center txtm-top-center " style="background-color:#FFFFFF" data-cptnm="pcd:harman_audio:best_cta"> <div class="component-text"> <div class="component-text-inner"> <div class="box-title"> <h2 class="title mo-ver " style="color:#000000"></h2> <h2 class="title pc-ver " style="color:#000000"></h2> </div> <div class="box-btns"> <ul> <!-- s : 나열형 CTA --> <li> <button type="button" class="btn-round " title="더보기" data-omni="pcd:harman_audio:best_cta:더보기" onclick="openCtaLink('https://www.samsung.com/sec/harman-life-style-audio/all-harman-life-style-audio/','_self')">더보기</button> </li> </ul> </div> </div> </div> </div> </div> <!-- e : Text Box --><!-- start --> <style> /** comm **/ .s-banner-wrap {max-width:1440px; padding:60px 0; margin:0 auto;} .s-banner-wrap * {font-family:inherit; font-size:inherit; color:inherit;} .s-banner-wrap span, .s-banner-wrap strong {vertical-align:baseline;} .s-banner-wrap img {width:100%;} .s-banner-wrap .s-show--pc {display:block;} .s-banner-wrap .s-show--mo {display:none;} @media (max-width:800px) { .s-banner-wrap {max-width:100%;} .s-banner-wrap .s-show--pc {display:none;} .s-banner-wrap .s-show--mo {display:block;} } /* title */ .s-banner-wrap .s-banner-tit {margin-bottom:60px; text-align:center; font-weight:bold; font-size:52px; line-height:1.15;} @media (max-width:1920px) { .s-banner-wrap .s-banner-tit {font-size:2.708vw;} } @media (max-width:1600px) { .s-banner-wrap .s-banner-tit {font-size:3.25vw;} } @media (max-width:1440px) { .s-banner-wrap .s-banner-tit {margin-bottom:4.1666vw; font-size:3.611vw;} } @media (max-width:800px) { .s-banner-wrap .s-banner-tit {margin-bottom:7.5vw; font-size:10vw; line-height:1.16;} } /** cta **/ .s-banner-wrap .s-underline-cta {display:inline-block; border-bottom:1px solid #fff; font-weight:bold; font-size:16px; line-height:1.32;} .s-banner-wrap .s-underline-cta--out:after {content:''; display:inline-block; width:14px; height:14px; margin-left:4px; margin-top:-0.1em; background:url("https://www.samsung.com/sec/static/_images/common/icon-16-midium-link-white.svg") no-repeat 50%; background-size:100%; vertical-align:middle;} @media (max-width:1440px) { .s-banner-wrap .s-underline-cta {font-size:1.1111vw;} .s-banner-wrap .s-underline-cta--out:after {width:0.9722vw; height:0.9722vw; margin-left:0.2777vw;} } @media (max-width:800px) { .s-banner-wrap .s-underline-cta {font-size:15px; font-size:3.0555vw; line-height:1.15;} .s-banner-wrap .s-underline-cta--out:after {width:3vw; height:3vw; margin-left:1.1111vw;} } /** content **/ .s-banner-wrap .s-banner {overflow:hidden; position:relative; border-radius:20px;} .s-banner-wrap .s-banner + .s-banner {margin-top:60px;} .s-banner-wrap .s-banner__txt {position:absolute; top:0; left:0; color:#fff;} .s-banner-wrap .s-banner__desc {font-size:24px; line-height:1.3; letter-spacing:0.15em;} .s-banner-wrap .s-underline-cta {margin-top:30px;} /* 배너별 */ .s-banner-wrap .s-banner--01 .s-banner__txt {margin-top:18.6%; margin-left:9.3%;} .s-banner-wrap .s-banner--02 .s-banner__txt {margin-top:16.3%; margin-left:9.2%;} .s-banner-wrap .s-banner--02 .s-banner__txt .s-underline-cta {margin-top:50px;} .s-banner-wrap .s-banner--03 .s-banner__txt {margin-top:8%; margin-left:9.2%;} .s-banner-wrap .s-banner--03 .s-banner__txt .s-underline-cta {margin-top:162px;} .s-banner-wrap .s-banner--04 .s-banner__txt {margin-top:6.5%; margin-left:9.2%;} .s-banner-wrap .s-banner--04 .s-banner__txt .s-underline-cta {margin-top:223px;} .s-banner-wrap .s-banner--05 .s-banner__txt {margin-top:6.2%; margin-left:9.3%;} .s-banner-wrap .s-banner--05 .s-banner__txt .s-underline-cta {margin-top:212px;} @media (max-width:1440px) { .s-banner-wrap .s-banner {border-radius:1.3888vw;} .s-banner-wrap .s-banner + .s-banner {margin-top:4.1666vw;} .s-banner-wrap .s-banner__desc {font-size:1.6666vw;} .s-banner-wrap .s-underline-cta {margin-top:2.0833vw;} /* 배너별 */ .s-banner-wrap .s-banner--02 .s-banner__txt .s-underline-cta {margin-top:3.4722vw;} .s-banner-wrap .s-banner--03 .s-banner__txt .s-underline-cta {margin-top:11.25vw;} .s-banner-wrap .s-banner--04 .s-banner__txt .s-underline-cta {margin-top:15.4861vw;} .s-banner-wrap .s-banner--05 .s-banner__txt .s-underline-cta {margin-top:14.7222vw;} } @media (max-width:800px) { .s-banner-wrap .s-banner {border-radius:20px; border-radius:5.5555vw;} .s-banner-wrap .s-banner + .s-banner {margin-top:30px; margin-top:8.3333vw;} .s-banner-wrap .s-banner .s-banner__txt {width:100%; margin:0;} .s-banner-wrap .s-banner__desc {font-size:3.0555vw; letter-spacing:0.1em;} .s-banner-wrap .s-underline-cta {margin-top:21px; margin-top:5.8333%;} /* 배너별 */ .s-banner-wrap .s-banner--01 .s-banner__txt {padding-left:9%; margin-top:17%;} .s-banner-wrap .s-banner--01 .s-banner__txt .s-underline-cta {margin-top:2%;} .s-banner-wrap .s-banner--02 .s-banner__txt {padding-left:9%; margin-top:15%;} .s-banner-wrap .s-banner--02 .s-banner__txt .s-underline-cta {margin-top:2%;} .s-banner-wrap .s-banner--03 .s-banner__txt {padding-left:9%; margin-top:5%;} .s-banner-wrap .s-banner--03 .s-banner__txt .s-underline-cta {margin-top:15%;} .s-banner-wrap .s-banner--04 .s-banner__txt {padding-left:9.2%; margin-top:5%;} .s-banner-wrap .s-banner--04 .s-banner__txt .s-underline-cta {margin-top:15.4861%;} .s-banner-wrap .s-banner--05 .s-banner__txt {padding-left:9%; margin-top:4.3%;} .s-banner-wrap .s-banner--05 .s-banner__txt .s-underline-cta {margin-top:16.5%;} } </style> <section class="s-banner-wrap"> <h2 class="s-banner-tit">하만 하이엔드 <span class="s-show--mo"></span>오디오 소개</h2> <!-- Mark Levinson --> <article class="s-banner s-banner--01"> <div class="s-banner__txt"> <h3 class="blind">Mark Levinson by Harman</h3> <p class="s-banner__desc">존재만으로 울림이 되다</p> <a class="s-underline-cta s-underline-cta--out" href="/sec/harman/mark-levinson/" target="_blank" title="새창 열림" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:highend_banner:mark_levinson:view_more"><span class="blind">Mark Levinso </span>더 알아보기</a> </div> <div class="s-banner__img"> <img src="//images.samsung.com/kdp/static/pcd/harman-audio/harman-banner-mark-levinson-img-pc.jpg" class="s-show--pc" alt="모노톤의 벽앞에 두개의 검은 색 선반이 있고 그 위 마크레빈슨 No 523, 519와 No515, 아캄 기기가 각각 쌓여있는 모습입니다."> <img src="//images.samsung.com/kdp/static/pcd/harman-audio/harman-banner-mark-levinson-img-mo.jpg" class="s-show--mo" alt="모노톤의 벽앞에 두개의 검은 색 선반이 있고 그 위 마크레빈슨 No 523, 519와 No515, 아캄 기기가 각각 쌓여있는 모습입니다."> </div> </article> <!-- JBL --> <article class="s-banner s-banner--02"> <div class="s-banner__txt"> <h3 class="blind">JBL by Harman</h3> <p class="s-banner__desc">시대를 뛰어넘는 <br>오리지널 사운드의 깊이</p> <a class="s-underline-cta s-underline-cta--out" href="/sec/harman/jbl-highend/" target="_blank" title="새창 열림" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:highend_banner:jbl_synthesis:view_more"><span class="blind">JBL </span>더 알아보기</a> </div> <div class="s-banner__img"> <img src="//images.samsung.com/kdp/static/pcd/harman-audio/harman-banner-jbl-img-pc-v2.jpg" alt="장식장 위 놓인 마크레빈슨 제품 양 옆으로 JBL DD67000스피커가 위치하며, 좌측 스탠드 조명 아래 리클라이너 의자가 놓인 어두운 조명의 공간입니다."> </div> </article> <!-- ARCAM --> <article class="s-banner s-banner--03"> <div class="s-banner__txt"> <h3 class="blind">ARCAM</h3> <p class="s-banner__desc">진정한 브리티시 사운드의 완성</p> <a class="s-underline-cta s-underline-cta--out" href="/sec/harman/arcam/" target="_blank" title="새창 열림" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:highend_banner:arcam:view_more"><span class="blind">ARCAM </span>더 알아보기</a> </div> <div class="s-banner__img"> <img src="//images.samsung.com/kdp/static/pcd/harman-audio/harman-banner-arcam-img-pc.jpg" alt="블루톤의 배경에 우측 유니언잭 패턴위로 ARCAM SA20과 CDS50 제품이 얹어져 있는 모습입니다."> </div> </article> <!-- REVEL --> <article class="s-banner s-banner--04"> <div class="s-banner__txt"> <h3 class="blind">REVEL</h3> <p class="s-banner__desc">시간으로 빚은 사운드의 선명함</p> <a class="s-underline-cta s-underline-cta--out" href="/sec/harman/revel/" target="_blank" title="새창 열림" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:highend_banner:revel:view_more"><span class="blind">REVEL </span>더 알아보기</a> </div> <div class="s-banner__img"> <img src="//images.samsung.com/kdp/static/pcd/harman-audio/harman-banner-revel-img-pc-v2.jpg" alt="위에서 내려다보는 레벨 Perfomabe4 블랙 색상 제품 클로즈업 이미지입니다."> </div> </article> <!-- LEXICON --> <article class="s-banner s-banner--05"> <div class="s-banner__txt"> <h3 class="blind">LEXICON</h3> <p class="s-banner__desc">아티스트의 열정을 깨우는 사운드</p> <a class="s-underline-cta s-underline-cta--out" href="/sec/harman/lexicon/" target="_blank" title="새창 열림" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:highend_banner:lexicon:view_more"><span class="blind">LEXICON </span>더 알아보기</a> </div> <div class="s-banner__img"> <img src="//images.samsung.com/kdp/static/pcd/harman-audio/harman-banner-lexicon-img-pc.jpg" alt="파란 불빛 위 RV9 제품 우측으로 약간 틀어진 정면 이미지입니다."> </div> </article> </section><!-- start --> <script> $(document).ready(function() { digitalData.page.pageInfo.pageTrack = "product category details" }); </script> <style> .s-allabout {padding:60px 0;} .s-allabout .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .s-allabout .font-sans * {font-family:inherit;} .s-allabout .s-show--pc {display:block;} .s-allabout .s-show--mo {display:none;} .s-allabout .wrap-component {padding:0;} @media (max-width:800px) { .s-allabout .s-show--pc {display:none;} .s-allabout .s-show--mo {display:block;} } /* cta */ .s-allabout .s-cta--out:after {content:''; display:inline-block; width:20px; height:20px; margin-left:4px; margin-top:-0.1em; background:url("/sec/static/_images/common/icon-outlink.svg") no-repeat 50%; background-size:100%; vertical-align:middle;} @media (max-width:1440px) { .s-allabout .s-cta--out:after {width:1.3888vw; height:1.3888vw; margin-left:0.2777vw;} } @media (max-width:1100px) { .s-allabout .s-cta--out:after {width:1.8181vw; height:1.8181vw; margin-left:0.3636vw;} } @media (max-width:800px) { .s-allabout .s-cta--out:after {width:3.7vw; height:3.7vw; margin-left:1.1111vw;} } </style> <div class="wrap-html-content s-allabout"> <div class="wrap-component"> <section class="img-cloumn-section"> <h2 class="title font-sans"> <span class="sub">ALL ABOUT</span> HARMAN </h2> <ul class="item-list"> <li class="box"> <a href="/sec/harman-review-magazine/anc-review/" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:all_about:anc_review"> <div> <span class="img"><img src="//images.samsung.com/kdp/static/pcd/harman-audio/home/harman-allabout-review-img.jpg" alt="AKG 헤드폰,이어폰 제품이 흰색 바탕에 놓여 있습니다."></span> <span class="sub">REVIEW</span> <strong class="tit">소음을 지우고 <br class="s-show--mo">사운드에 집중하다</strong> <span class="txt">전문가 리뷰를 통해 <br class="s-show--mo">하만 ANC 헤드폰과 이어폰을 <br class="s-show--mo">만나보세요.</span> </div> </a> </li> <li class="box"> <a href="/sec/harman-review-magazine/harman-citation-magazine/" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:all_about:citation_magazine"> <div> <span class="img"><img src="//images.samsung.com/kdp/static/pcd/harman-audio/home/harman-allabout-magazine-img.jpg" alt="하만카돈 Citation 시리즈가 밝은 마루바닥에 가지런히 놓여 있고 스피커 2개는 낮은 나무 장식장 위에 놓여 있습니다."></span> <span class="sub">MAGAZINE</span> <strong class="tit">아름답고 강렬하며 스마트한 <br class="s-show--pc">사운드를 완성하다</strong> <span class="txt">프리미엄 홈 스피커, <br class="s-show--mo">Citation 시리즈를 만나보세요.</span> </div> </a> </li> <li class="box"> <a href="/sec/harman-review-magazine/yoonroot-interview/" data-omni-type="microsite_contentinter" data-omni="pcd:harman_audio:all_about:yoonroot_interview"> <div> <span class="img"><img src="//images.samsung.com/kdp/static/pcd/harman-audio/home/harman-allabout-interview-img.jpg" alt="JBL 게이밍 헤드셋 퀀텀 제품이 책상 위에 놓여 있고 모니터와 키보드가 보입니다."></span> <span class="sub">INTERVIEW</span> <strong class="tit">게임 스트리머 윤루트, <br>JBL Quantum을 만나다</strong> <span class="txt">게임의 승률을 높이는 데 <br class="s-show--mo">도움을 주는 아이템을 만나보세요.<br class="s-show--mo"><br class="s-show--mo"></span> </div> </a> </li> </ul> </section> </div> </div> <!-- end --><!-- 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> <!-- 45는 12의 ajax 호출 버전, 46은 24의 ajax 호출 버전임 --> // s : 상품비교하기 Load var stContextPath = "/sec/"; // GET - goods.jsp var options = { url : stContextPath + "xhr/display/getGoods", type : "POST", dataType : "html", async : true, done : function(html) { $("div#container").after(html); } }; ajax.call2(options); // ctgPathNm 설정 - 마지막 담은 카테고리영문명 var ctgPathNm = ""; var lastCompDataStorage = "/sec/compare/lastComp"; // 마지막 담은 상품 스토리지 네임 var lastCompData = JSON.parse(localStorage.getItem(lastCompDataStorage)) == null ? {} : JSON.parse(localStorage.getItem(lastCompDataStorage)); // 마지막 담은 상품 스토리지 var len = Object.keys(lastCompData).length; if(len > 0) { var lastKey = Object.keys(lastCompData)[len-1]; ctgPathNm = lastCompData[lastKey]; } // ctgPathNm 설정 - URL 마지막 영문명 // ctgPathNm = location.href.split("/")[location.href.split("/").length-2]; // GET - incGoodsPfCompare.jsp var options2 = { url : stContextPath + "xhr/display/getIncGoodsPfCompare", type : "POST", dataType : "html", data : {ctgPathNm : ctgPathNm}, async : true, done : function(html) { $("div#container").after(html); // 상품비교하기 영역 처리 $(".box-product-card [name=cardCompareInfo]").each(function() { getProductCompareHtml(this); }); // pd,pf > mobile hideEndToast 실행 hideEndToast(); $(window).scroll(function(){ hideEndToast(); }); $(window).resize(function() { hideEndToast(); pfpdCompareSlick($('#pfpdSlideComparePF')); //slick }).resize(); //230207 비교하기 차이점 : 필터버튼 선택 컬러반영 $(document).on("click", ".popupPrdCompare .layer-filter-compare button", function () { var _this = $(this); _this.parent().parent().find('a > button').removeClass('active'); _this.addClass('active'); }); $(window).on('resize', function(){ setPopupHeight(); // 윈도우 세로 값에 따라 스크롤 되는 영역 세로값 설정하기 floatingStickyComparePosition(); // 230119 // 221230 비교하기 팝업 스크롤내리면 제품이미지 고정 setPopupPart1Fixed($('.popupPrdCompare .layer-content-compare')); }).resize(); // 221230 비교하기 버튼 누를 때, 팝업창 세로사이즈 설정 $(document).on("click", ".btn-compare", setPopupHeight); } }; ajax.call2(options2); // e : 상품비교하기 Load // s : window load $(window).on("load",function() { // s : compo24, 29, 35 - Product Card, Group Product Card, MD Pick const observer = lozad(); observer.observe(); $("[id^='slicePrdSel_']").each(function() { var thisId = $(this).attr("id"); listHeightControl('#' + thisId, '.box-product-card'); }); viewportChange(); var setCols = ($(window).width() > 800) ? 4 : 2; CpnPrdCardSet(setCols); $("[id^='slicePrdSel_'][data-cptlytno='24'] .card-images").each(function() { $(this).height($(this).outerWidth()); }); $("[id^='slicePrdSel_'][data-cptlytno='35'] .card-images").each(function() { $(this).height($(this).outerWidth()); }); /* // 상품가격 Ajax 실시간 조회후 셋팅 $("[id^='slicePrdSel_'][data-cptlytno='24']").each(function() { var thisCompNo = $(this).attr("id").split("_")[1]; var goodsObjArr = $("[id^='gdPrc_" + thisCompNo + "']"); if (goodsObjArr == null || goodsObjArr.length == 0) return; var stContextPath = $("#stContextPath_" + thisCompNo).val(); var lastPrcText = $("#lastPrcText_" + thisCompNo).val(); var siteGbCd = $("#siteGbCd_" + thisCompNo).val(); fnGetAllPrdPrice2(goodsObjArr, stContextPath, lastPrcText, siteGbCd); }); */ filterSel(); colorOptSel(); // e : compo24, 29, 35 - Product Card, Group Product Card, MD Pick $(window).resize(function () { <!-- 45는 12의 ajax 호출 버전, 46은 24의 ajax 호출 버전임 --> $("[id^='slicePrdSel_']").each(function() { var thisId = $(this).attr("id"); listHeightControl('#' + thisId, '.box-product-card'); }); var winw = $(window).width(); var setCols = (winw > 800) ? 4 : 2; CpnPrdCardSet(setCols); $("[id^='slicePrdSel_'][data-cptlytno='24'] .card-images").each(function() { $(this).height($(this).outerWidth()); }); $("[id^='slicePrdSel_'][data-cptlytno='46'] .card-images").each(function() { $(this).height($(this).outerWidth()); }); filterSel(); colorOptSel(); }); /* // 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 <!-- 45는 12의 ajax 호출 버전, 46은 24의 ajax 호출 버전임 --> function getProductCompareHtml(obj){ var prd = $(obj).data(); var prdLink = prd.goodsPath; var useCompareYn = prd.useCompareYn; var cptLytNo = prd.cptlytno; var compareShowRdoBtn = prd.compareShowRdoBtn; var reviewShowRdoBtn = prd.reviewShowRdoBtn; var liItem = ""; var contextPath = "/sec/"; if(cptLytNo == "44"){ liItem += '<div>'; } if (compareShowRdoBtn != "002"){ if (useCompareYn == 'Y') { if((prd.compareExcptYn == null || prd.compareExcptYn == 'N') && prd.intgrSpecYn == 'Y'){ var compareHtml = productCompareView(prd); if(cptLytNo == "44"){ liItem += '<div class="compare">' + compareHtml + '</div>'; } else { liItem += compareHtml; } } } } if(cptLytNo == "44"){ liItem += '</div>'; } // 패넷은 상품평 노출 제외 // 임직원몰(기획전몰)_체험단말 노출 제외 추가 2020-12-03 // 임직원몰(기획전몰)_갤럭시캠퍼스 노출 제외 추가 2020-12-29 //2022.05.30 갤캠스 노출 제외 삭제 //2023.08.30 홈클래스 VOD 상품 상품평 노출 제외 if (reviewShowRdoBtn != "002"){ var isCommentGrade = false; if (('Y' == 'Y' || stGbCd == '70' || stGbCd == '80' && !(contextPath.indexOf("ma_24") > -1 || contextPath.indexOf("24_pa") > -1 || contextPath.indexOf("24_mx") > -1 || contextPath.indexOf("fan_24") > -1) ) && prd.isHomefitnessGoodsYn != 'Y' && prd.homeClsGoodsYn != 'Y') { isCommentGrade = true; } // B2B 소상공인몰만 상품평 별점 노출 if(location.href.indexOf('business/soho') >= 0){ isCommentGrade = true; } if(isCommentGrade) { if(cptLytNo == "44"){ liItem += '<div>'; liItem += ' <a class="rvpd-star" target="_blank" href="' + prdLink + '?focus=review" title="상품평점" data-review-grade="' + prd.reviewGrade + '" data-review-count="' + prd.reviewCount + '">'; liItem += ' <strong>' + prd.reviewGrade + '</strong>' + ' (' + prd.reviewCount + ')'; liItem += ' </a>'; liItem += '</div>'; } else { liItem += ' <a class="link-review" target="_blank" href="' + prdLink + '?focus=review" title="상품평점" data-review-grade="' + prd.reviewGrade + '" data-review-count="' + prd.reviewCount + '">'; liItem += ' <span>' + prd.reviewGrade + '</span>' + ' (' + prd.reviewCount + ')'; liItem += ' </a>'; } } else { if(cptLytNo == "44"){ liItem += '<div>'; liItem += '</div>'; } } } var cardCompareHtml = ""; if(liItem.length > 0){ if(cptLytNo == "12" || cptLytNo == "45"){ cardCompareHtml += '<div class="card-purchase" name="cardCompare">'; cardCompareHtml += '<div class="box-compare">'; cardCompareHtml += liItem; cardCompareHtml += '</div>'; cardCompareHtml += '</div>'; } else if(cptLytNo == "44"){ cardCompareHtml += '<div class="rvpd-bottom" name="cardCompare">'; cardCompareHtml += liItem; cardCompareHtml += '</div>'; } else { cardCompareHtml += '<div class="card-purchase" name="cardCompare">'; cardCompareHtml += '<div class="card-compare">'; cardCompareHtml += liItem; cardCompareHtml += '</div>'; cardCompareHtml += '</div>'; } $(obj).siblings("[name=cardCompare]").remove(); $(obj).after(cardCompareHtml); } } function productCompareView(prd) { const DRYER_DISP_CLSF_NO = '37080000'; var html = ''; var dispClsfNo = prd.compDispClsfNo; //ctgAddInfo.dispClsfNo var compDispClsfEnNm = prd.compDispClsfEnNm; //b2c, fnet, fnet_디플 비교하기 if('1' == '1' || '1' == '2' || '1' == '3' || '1' == '200' || '1' == '471' ){ //KDP-50668 건조기 인 경우 단품만 노출 if( dispClsfNo == DRYER_DISP_CLSF_NO){ html += ' <a href="javascript:void(0);" class="link-compare-i'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="'+dispClsfNo+'" data-comp-disp-clsf-en-nm="'+compDispClsfEnNm+'" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; }else { if(prd.goodsTpCd == '10'){ html += ' <a href="javascript:void(0);" class="link-compare-i'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="'+dispClsfNo+'" data-comp-disp-clsf-en-nm="'+compDispClsfEnNm+'" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; } } }else { //KDP-50668 건조기 인 경우 단품만 노출 if(dispClsfNo == DRYER_DISP_CLSF_NO) { if (prd.goodsTpCd == '10') { html += ' <a href="javascript:void(0);" class="link-compare'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="'+dispClsfNo+'" data-comp-disp-clsf-en-nm="'+compDispClsfEnNm+'" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; } }else { html += ' <a href="javascript:void(0);" class="link-compare'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="'+dispClsfNo+'" data-comp-disp-clsf-en-nm="'+compDispClsfEnNm+'" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; } } return html; } // pd,pf > mobile hideEndToast function hideEndToast(){ var screen_size = $(window).width(); var pfpdCompare= $('.pfpd-compare'); if(screen_size <= 800){ if(!($(document).scrollTop() > $("#footer").offset().top)) { if($("#pfpdSlideCompare .prd div.box").not(".compare-emptyBox").length > 0){ // 비교하기 상품이 있는 경우만 show if(pfpdCompare.hasClass('open')){ pfpdCompare.show({ effect : "slide", direction : "down" }); }else{ pfpdCompare.show({ effect : "slide", direction : "down" }); } } }else{ pfpdCompare.hide({ effect : "slide", direction : "down" }); } } } <!-- 45는 12의 ajax 호출 버전, 46은 24의 ajax 호출 버전임 --> $(document).on("click", "[id^='showMoreBtn_']", function() { var compNo = $(this).attr("id").split("_")[1]; var showCnt = Number($("#showCnt_" + compNo).val()); var showMoreCnt = Number($("#showMoreCnt_" + compNo).val()); $("#showCnt_" + compNo).val(showCnt + showMoreCnt); showCnt = Number($("#showCnt_" + compNo).val()); for (var i=0; i < showCnt; i++) { var showPrdtId = "prdSel_" + compNo + "_" + i; if (!$('#' + showPrdtId).is(':visible')) { $('#' + showPrdtId).show(); } } var listSize = Number($("#listSize_" + compNo).val()); if (showCnt >= listSize) { $("#showMoreDiv_" + compNo).hide(); } $("#molecule_" + compNo).val(Number($("#molecule_" + compNo).val()) + 1); var molecule = $("#molecule_" + compNo).val(); var denominator = $("#denominator_" + compNo).val(); $("#showMoreBtn_" + compNo).html("더보기 <em>" + molecule + "/" + denominator + "</em>"); listHeightControl('#slicePrdSel_' + compNo, '.box-product-card'); var cptlytno = $(this).data("cptlytno"); if(cptlytno == "24" || cptlytno == "35" || cptlytno == "46"){ $("#slicePrdSel_" + compNo + " .card-images").each(function() { $(this).height($(this).outerWidth()); }); var setCols = 4; var winw = $(window).width(); setCols = (winw > 800) ? 4 : 2; CpnPrdCardSet(setCols); } filterSel(); colorOptSel(); }); /* // 24.02.19-LDS // e식품관 BEST 50 일때는 컴포넌트가 1개만 있었고 더보기 상태를 유지하기 위해서 아래처럼 '뒤로가기 페이지접근 처리' 를 한 상태였던거 같은데 // 현재는 BEST 50을 사용하지 않고, 보여지는 컴포넌트가 여러개여서 아래 '뒤로가기 페이지접근 처리' 를 하면 첫번째 컴포넌트 내용이 여러개의 컴포넌트에 동일하게 노출되는 오류가 발생하여 주석 처리함. // 뒤로가기 페이지접근 처리 $(document).on("click", ".wrap-component.product-card .card-btn button, .wrap-component.product-card .card-btn a", function(){ var url = location.href; if(url.indexOf("bestselling") >= 0){ // e식품관 BEST 50 var urlLastPathNm = getUrlLastPathNm(); var target = $(this).attr("target"); if(target == undefined || target != "_blank"){ sessionStorage.setItem("bf_compo24_html_" + urlLastPathNm, $(".wrap-component.product-card").html()); sessionStorage.setItem("bf_compo24_scroll_" + urlLastPathNm, $(window).scrollTop()); } } });*/ //option 변경 function fnGetPrdCardForComponent(obj) { var goodsId = $(obj).data('goods-id'); var orgGoodsId = $(obj).data('org-goods-id'); var targetId = $(obj).data('target-id'); var componentId = $(obj).data('component-id'); var compNo = componentId.split('_')[1]; var stContextPath = $(obj).data('st-context-path'); var svmnAmtDispYn = $(obj).data('svmn-amt-disp-yn'); var lastPrcText = $(obj).data('last-prc-text'); var ctaMoveStyle = $(obj).data('cta-move-style'); var ctaWindowStyleClassNm = $(obj).data('cta-window-style-class-nm'); var bgColor = $(obj).data('bg-color'); var layoutNo = $(obj).data("cptlytno"); if ($(obj).prop('checked') || (!$(obj).hasClass('focused') && !$(obj).hasClass('disabled'))) { $.ajax({ url: stContextPath + 'xhr/display/componentGoodsForPrdtCard' , type: "POST" , data: { goodsId: goodsId , targetId: targetId , svmnAmtDispYn: svmnAmtDispYn , lastPrcText: lastPrcText , ctaMoveStyle: ctaMoveStyle , ctaWindowStyleClassNm: ctaWindowStyleClassNm , bgColor: bgColor , orgGoodsId: orgGoodsId , layoutNo : layoutNo } , success: function (data) { if (data.html != null && data.html != "") { $('#' + data.targetId).html(data.html); const observer = lozad(); //옵션을 지정하지 않으면 lozad라는 클래스가 붙은 이미지 태그를 지연 로딩한다. observer.observe(); } /* 2020-10-30 수정 */ $("#" + componentId + " .card-images").each(function () { $(this).height($(this).outerWidth()); }); listHeightControl('#' + componentId, '.box-product-card'); //$(window).scrollTop($('#' + targetId).offset().top); filterSel(); colorOptSel(); /* // 2020-10-30 수정 */ // 상품비교하기 영역 처리 var cardCompareInfo = $("#"+targetId).find("[name=cardCompareInfo]"); getProductCompareHtml(cardCompareInfo); //쿠폰적용가 var goodsObjArr = $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]"); if (goodsObjArr != null && goodsObjArr.length != 0) { //fnGetAllPrdCouponPrice(goodsObjArr, stContextPath, '1', '10'); // 상품가격 Ajax 실시간 조회후 셋팅 fnSetPrdCouponPrice(goodsObjArr, '10', layoutNo); // 상품가격 조회한거 스크립트로 세팅 } //적립 예정 포인트 var prdPointAccumObjArr = $("[id^=svmnt_"+compNo+"_][id$="+goodsId+"]"); if (prdPointAccumObjArr != null && prdPointAccumObjArr.length != 0) { fnGetPrdPointAccum(prdPointAccumObjArr, stContextPath, compNo, layoutNo); // 적립 예정 포인트 ajax 실시간 조회 후 세팅 } } }); } } //PF_GOODS_LIST 테이블 사용하면서 상품정보 조회하는 부분에서 쿠폰가격을 가져오게 되어서 기존 fnGetAllPrdCouponPrice을 사용하지 않고 아래 함수 사용하여 쿠폰가격 노출함. //쿠폰 적용 예상가 세팅 부분 function fnSetPrdCouponPrice(goodsObjArr, siteGbCd, cptLytNo) { //if (!(siteGbCd === '10' || siteGbCd === '20' || siteGbCd === '70' || siteGbCd === '80')) return false; if (goodsObjArr != null && goodsObjArr.length > 0) { var idStrArr = ""; var compNo = ""; var appendHtmlIndex = ""; var goodsId = ""; var couponPrice = 0; var lastValue = ""; var priceLable = "쿠폰 적용 예상가"; if(cptLytNo === 24 || cptLytNo === 46){ // Product Card, New Product Card 에 가격숨김 부분이 추가되면서 따로 처리함. // 비로그인시 가격숨김 Show 이면 등록한 image 노출함. // 가격숨김 Show를 했어도 url 또는 이미지 경로가 없으면 노출하지 않음. var priceHiddenLoginUrl = ""; //가격숨김 로그인 URL var priceHiddenImg = ""; //가격숨김 이미지 var priceHiddenImgATxt = ""; //가격숨김 Alt Text var priceHiddenMoImg = ""; //가격숨김 모바일 이미지 var priceHiddenMoImgATxt = ""; //가격숨김 모바일 Alt Text var priceHiddenHtml = ''; var chkStId = '1'; //로그인 체크 var mbYn = "N"; $.ajax({ url : "/sec/xhr/member/getSession" , type : "POST" , success : function(result) { result = JSON.parse(result); if (result.mbrNo != 0) { mbYn = "Y"; } } }); var baseCompNo = $(goodsObjArr[0]).attr('id').split("_")[1]; var priceHiddenFlag = $("#slicePrdSel_" + baseCompNo).data("price-hidden-yn"); if(priceHiddenFlag == "001"){ //가격숨김 Show = 001, hide = 002 priceHiddenLoginUrl = $("#slicePrdSel_" + baseCompNo).data("price-hidden-login-url"); priceHiddenImg = $("#slicePrdSel_" + baseCompNo).data("price-hidden-img"); priceHiddenImgATxt = $("#slicePrdSel_" + baseCompNo).data("price-hidden-img-alt-text"); if(chkStId == "122") { //갤캠스만 pc, mo 둘다 사용-등록할때 pc, mo 이미지 2개 등록 priceHiddenMoImg = $("#slicePrdSel_" + baseCompNo).data("price-hidden-mo-img"); priceHiddenMoImgATxt = $("#slicePrdSel_" + baseCompNo).data("price-hidden-mo-img-alt-text"); if(priceHiddenLoginUrl != "" && priceHiddenImg != "" && priceHiddenMoImg != "") { priceHiddenHtml += '<a class="pt_tag__price" href="' + priceHiddenLoginUrl + '">'; priceHiddenHtml += ' <img src="' + priceHiddenImg + '" class="m_hide" alt="' + priceHiddenImgATxt + '">'; priceHiddenHtml += ' <img src="' + priceHiddenMoImg + '" class="m_show" alt="' + priceHiddenMoImgATxt + '">' priceHiddenHtml += '</a>'; } }else{ if(priceHiddenLoginUrl != "" && priceHiddenImg != "") { priceHiddenHtml += '<a class="pt_tag__price" href="' + priceHiddenLoginUrl + '">'; priceHiddenHtml += ' <img src="' + priceHiddenImg + '" class="m_hide" alt="' + priceHiddenImgATxt + '">'; priceHiddenHtml += '</a>'; } } } for (var idx = 0; idx < goodsObjArr.length; idx++) { idStrArr = $(goodsObjArr[idx]).attr('id').split("_"); couponPrice = $(goodsObjArr[idx]).data('coupon-price'); if (idStrArr.length >= 4 && idStrArr[3] != '') { compNo = idStrArr[1]; appendHtmlIndex = idStrArr[2]; goodsId = idStrArr[3]; /*if(stGbCd === '20'){ // 특별판매가에 쿠폰적용예상가 넣기 var idStrArr = $("[id^=gdPrc_"+compNo+"_][id$="+prd.goodsId+"]").attr('id').split('_'); var appendHtmlIndex = idStrArr[2]; var appendHtml = ''; appendHtml += '<div class="pic-ben">'; appendHtml += ' <span id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_lbl3">'+priceLable+'</span>'; appendHtml += ' <em id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_prc3">'+fnComma(afterCoupon)+' 원</em>'; appendHtml += '</div>'; $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('.pic-ben:eq(0)').after(appendHtml); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('em').text(lastValue+" 원"); }else{*/ if(mbYn == "N" && priceHiddenFlag == "001"){ //비로그인 & 가격숨김 show if(priceHiddenHtml != ""){ if(Number(couponPrice) > 0){ $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('span').text(priceLable); } $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('em').html(priceHiddenHtml); }else{ if(Number(couponPrice) > 0){ $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('span').text(priceLable); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('em').text(fnComma(couponPrice)+" 원"); } } }else{ if(Number(couponPrice) > 0){ $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('span').text(priceLable); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('em').text(fnComma(couponPrice)+" 원"); } } //} } } }else{ for (var idx = 0; idx < goodsObjArr.length; idx++) { idStrArr = $(goodsObjArr[idx]).attr('id').split("_"); couponPrice = $(goodsObjArr[idx]).data('coupon-price'); if (idStrArr.length >= 4 && idStrArr[3] != '' && Number(couponPrice) > 0) { compNo = idStrArr[1]; appendHtmlIndex = idStrArr[2]; goodsId = idStrArr[3]; lastValue = fnComma(couponPrice); if(cptLytNo === 12 || cptLytNo === 45){ //Product Selection, New Product Selection /*if(stGbCd === '20'){ // 특별판매가에 쿠폰적용예상가 넣기 var idStrArr = $("[id^=gdPrc_"+compNo+"_][id$="+prd.goodsId+"]").attr('id').split('_'); var appendHtmlIndex = idStrArr[2]; var appendHtml = ''; appendHtml += '<div class="pic-ben">'; appendHtml += ' <span id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_lbl3">'+priceLable+'</span>'; appendHtml += ' <em id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_prc3">'+fnComma(afterCoupon)+' 원</em>'; appendHtml += '</div>'; $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('.pic-ben:eq(0)').after(appendHtml); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('em').text(lastValue+" 원"); }else{*/ if($("[id^="+compNo+"_][id$=_"+goodsId+"_lbl3]").length > 0){ $("[id^="+compNo+"_][id$=_"+goodsId+"_lbl3]").text(priceLable); $("[id^="+compNo+"_][id$=_"+goodsId+"_prc3]").text(lastValue + " 원"); }else{ var appendHtml = ''; appendHtml += '<div class="pic-ben">'; appendHtml += ' <span id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_lbl3">'+priceLable+'</span>'; appendHtml += ' <em id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_prc3">'+lastValue+' 원</em>'; appendHtml += '</div>'; $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('.pic-mem').after(appendHtml); } //} }else if(cptLytNo === 21){ //Tab Container if(stGbCd === '20'){ priceLable = '임직원가'; } $("[id^="+compNo+"_][id$="+goodsId+"_prclbl]").text(priceLable); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"_price]").text(lastValue + " 원"); }else if(cptLytNo === 39){ //Best Ranking $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('dl:last-child').find('dt').text(priceLable); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('dl:last-child').find('dd').text(lastValue+"원"); /*if(svmnUseYn === 'Y'){ //적립예정포인트 노출여부 component bo값 if(stGbCd !== '80'){ $("[id^="+compNo+"_][id$="+prd.goodsId+"_svmnt]").find('.point').text(fnComma(prd.membershipPoint) + "P"); } }*/ } } } } } } // 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> // 8. Text Box /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee $(document).on("click", ".wrap-component.textbox-simple .box-btns button", function(e){ GA4CompoClickCta('textbox-simple button', $(this)); });*/ // 24. Product Card || 46. New Product Card /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee // s : click_cta // Component CTA $(document).on("click", ".wrap-component.product-card:not('group-buy') .box-title ul li button", function(e){ GA4CompoClickCta('product-card button', $(this)); }); // 비교하기 $(document).on("click", ".wrap-component.product-card:not('group-buy') a.link-compare-i", function(e){ GA4CompoClickCta('product-card link-compare', $(this)); }); // e : click_cta */ // s : select_item // Product CTA $(document).on("click", ".wrap-component.product-card:not('group-buy') .box-btm-btns > *[data-cta-move-style-class-nm!='4']", function(e){ GA4CompoSelectItem($(this)); }); // 평점 $(document).on("click", ".wrap-component.product-card:not('group-buy') a.link-review", function(e){ GA4CompoSelectItem($(this).parents(".box-product-card").find(".box-btm-btns > *").eq(0)); }); // 더보기 $(document).on("click", ".wrap-component.product-card:not('group-buy') .box-btns button", function(e){ GA4CompoSelectItem($(this)); }); // e : select_item // s : product_customization // Color option $(document).on("click", ".wrap-component.product-card:not('group-buy') .itm-color-list li input:radio", function(e){ GA4CompoProductCustomization($(this)); }); // Droplist Option Open $(document).on("click", ".wrap-component.product-card:not('group-buy') .card-option button.droplist-button", function(e){ GA4CompoProductCustomization($(this)); }); // Droplist Option Select $(document).on("click", ".wrap-component.product-card:not('group-buy') .card-option .droplist li", function(e){ GA4CompoProductCustomization($(this)); }); // Filter Option $(document).on("click", ".wrap-component.product-card:not('group-buy') .card-filter input:radio.btn-filter", function(e){ GA4CompoProductCustomization($(this)); }); // e : product_customization // s : add_to_cart $(document).on("click", ".wrap-component.product-card:not('group-buy') .box-btm-btns a[data-cta-move-style-class-nm='4']", function(e){ GA4CompoAddToCart($(this)); }); $(document).on("click", ".wrap-component.product-card:not('group-buy') .box-btm-btns button[data-cta-move-style-class-nm='4']", function(e){ GA4CompoAddToCart($(this)); }); // e : add_to_cart // 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)); });*/ // 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) { // 예외 처리를 위한 삼성의 코드 } } // add_to_cart function GA4CompoAddToCart(obj){ try { var mdlCode = $(obj).data("mo-code"); var mdlNm = $(obj).data("mdl-nm"); var goodsNm = $(obj).data("goods-nm"); var dispCtgEnNmPath = $(obj).data("disp-ctg-en-nm-path"); var 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 cpAllDcAmt = $(obj).parents("[data-cp-all-dc-amt]").length > 0 ? $(obj).parents("[data-cp-all-dc-amt]").data("cp-all-dc-amt") : ''; var cpAplExptPrice = $(obj).parents("[data-cp-apl-expt-price]").length > 0 ? $(obj).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price") : ''; var cpNmArrStr = $(obj).parents("[data-cp-nm-arr-str]").length > 0 ? $(obj).parents("[data-cp-nm-arr-str]").data("cp-nm-arr-str") : ''; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'add_to_cart', ecommerce: { currency : 'KRW', value: cpAplExptPrice, items: [{ item_id : mdlCode, item_name : goodsNm, item_category : itemCategory1, item_category2: itemCategory2, item_category3: itemCategory3, //item_category4: itemCategory4, //item_category5: itemCategory5, item_varaint : '', // 다수옵션인경우 정책필요 currency : 'KRW', quantity : '1', price : cpAplExptPrice, coupon : cpNmArrStr, discount : cpAllDcAmt, itemType : itemCategory4, itemModelName : mdlNm }] } }); //console.log("GA4 add_to_cart"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 add_to_cart TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // product_customization function GA4CompoProductCustomization(obj){ try { var prdtOptEnNm = $(obj).data("prdt-opt-en-nm"); var prdtOptItemEnNm = $(obj).data("prdt-opt-item-en-nm"); var mdlCode = $(obj).data("mdl-code"); var goodsNm = $(obj).data("goods-nm"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'product_customization', customization_name : prdtOptEnNm , // Connectivity, Screen size, Color, Storage customization_value: prdtOptItemEnNm, // WiFi, 5G item_id : mdlCode , // SM-F721BZAGEUB item_name : goodsNm // Galaxy Z Flip4 }); //console.log("GA4 product_customization"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 product_customization 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 --> </div><!-- 레이어 팝업 모음 --------------------------------------------------------------------------------------------------------------------------------------------------------------------> <!-- 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> &nbsp; </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&amp;_menuF=true&amp;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&amp;_menuF=true&amp;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 &copy; 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/harman-audio/"; //혜택 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>

Pages: 1 2 3 4 5 6 7 8 9 10