라이프스타일 TV | Samsung 대한민국

<!DOCTYPE HTML> <html lang="ko"> <head> <title>라이프스타일 TV | 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/lifestyletv/"> <meta name="keywords" content="lifestyle tv, 라이프스타일 tv, New Lifestyle TV"> <meta name="description" content="삼성 라이프스타일 TV에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <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/lifestyletv/"> <meta name="twitter:title" content="라이프스타일 TV | Samsung 대한민국"> <meta name="twitter:description" content="삼성 라이프스타일 TV에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta name="twitter:image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png">  <meta name="google-site-verification" content="Y5FXtKRkwrMXPsNBUlQe-3vZp4mtp_PZRy1jmEyp6wM" />  <meta name="thumbnail" content="https://images.samsung.com/kdp/st/1/17875ef3-e132-4a7e-abfb-2622dd6c8a9c.jpg" alt=""> <meta property="og:url" content="https://www.samsung.com/sec/lifestyletv/"> <meta property="og:image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"> <meta property="og:type" content="website"> <meta property="og:site_name" content="Samsung sec"> <meta property="og:locale" content="ko"> <meta property="og:title" content="라이프스타일 TV | Samsung 대한민국"> <meta property="og:description" content="삼성 라이프스타일 TV에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta property="og:country-name" content="sec"> <meta itemprop="name" content="Samsung sec"> <meta itemprop="image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"> <meta itemprop="url" content="https://www.samsung.com/sec/lifestyletv/"> <meta itemprop="description" content="삼성 라이프스타일 TV에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta itemprop="keywords" content="lifestyle tv, 라이프스타일 tv, New Lifestyle TV"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin /> <link rel="preconnect" href="https://static.adbrix.io" crossorigin /> <link rel="preconnect" href="https://www.google-analytics.com" crossorigin /> <link rel="preconnect" href="https://assets.adobedtm.com" crossorigin /> <link rel="preconnect" href="//images.samsung.com" crossorigin /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://static.adbrix.io" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://assets.adobedtm.com" /> <link rel="dns-prefetch" href="//images.samsung.com" /><link rel="shortcut icon" href="/sec/static/_images/favicon.ico"> <link rel="apple-touch-icon" href="" sizes=""> <script> const __ST_CONTEXT_PATH = "/sec/"; const __ST_GB_CD = "b2c"; const __SA_CLIENT_ID = "o46xdl05ck"; var stGbCd = '10'; </script>  <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/reset.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/slick.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/common.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/layout.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/pf.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part01.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part02.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part03.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part04.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part05.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part06.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/component.css?ver=20241127035551"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="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> <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 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>  <script src="https://account.samsung.com/resources/libs/analytics/1.0.0/analytics.min.js"></script> <script type="text/javascript" async="" src="https://account.samsung.com/resources/libs/account-internal/2.0.0/account-internal.min.js" ></script> <script type="text/javascript"> var loginProcFlag = "N"; var autoLoginFlag = "N"; var appSamsungAccount = "N"; var autoLoginCodeYn = "N"; class UrlSchemeCaller { windowState = 'focus'; constructor() { this.init(); } init() { window.addEventListener('focus', () => { this.windowState = 'focus'; }); window.addEventListener('blur', () => { this.windowState = 'blur'; }); } call(urlScheme, time, callbackFunc) { $("#appWebMask").remove(); setCookieForSite("appWebCookie","Y",8/24); try{ location.href = urlScheme; setTimeout(() => { if (this.windowState === 'focus') { callbackFunc(); appWebAutoLogin100(); } }, time); } catch (exception) { } } tagLoggedOut() { try{ setTimeout(() => { if (this.windowState === 'focus') { try { lcTrack("autoLoginFail"); } catch (exception) { } } }, 3000); } catch (exception) { } } } window.urlSchemeCaller = new UrlSchemeCaller(); !function(e, r) { var agent; try { agent = e.navigator.userAgent.toLowerCase(); } catch (exception) { agent = ""; } if(agent.indexOf("secios") > -1){ // APP에서 autoLogin 안함.SECIOS } else if(agent.indexOf("sectest") > -1 || agent.indexOf("secapp") > -1){ // 삼성닷컴 어플 $.ajax({ url : "/sec/xhr/member/app/saProfileUpdate" ,type : "POST" ,data : {navPlatform : navigator.platform} ,success : function(result) { } }); // APP에서 autoLogin 안함. 대신 saProfileUpdate는 함. } else { $.ajax({ url : "/sec/xhr/member/getLoginFlag" , type : "POST" ,async: false , success : function(result) { result = JSON.parse(result); autoLoginCodeYn = result.kdpAutoLogin; if(autoLoginCodeYn == 'Y'){ $.ajax({ url : "/sec/xhr/member/auto/loginSucces" ,type : "POST" ,async: false ,data : {navPlatform : navigator.platform} ,success : function(result) { if(result.result === 'Y'){ autoLoginFlag = "Y"; } else { if(result.signOut === 'Y'){ // signOut 호출 setTimeout(() => { window.samsung.account.signOut() .then(() => { console.log('sign-out complete'); }) .catch(() => { console.error('sign-out failure'); }) .finally(() => { // clean up web resources (local storage, session storage, cookie) }); }, 500); } } } }); } } }); } // s :: KDP-39014 [B2C][FO] 앱/웹 상시 로그인 기능 개발 try { let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(e.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("ipad") > -1){ //iPad isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else if("Y" == getCookieForSite("appWebCookie")){ isSkip = true; } else { isSkip = false; } if(!isSkip){ $.ajax({ url : "/sec/xhr/member/getLoginFlag" , type : "POST" , success : function(result) { result = JSON.parse(result); if (result.mbrNo == "0") { appSamsungAccount = result.appWebsamsungaccount; autoLoginCodeYn = result.kdpAutoLogin; if(autoLoginCodeYn == 'Y'){ //console.log("appLink 호출 시도"); if(window.navigator.userAgent.toLowerCase().indexOf("kakaotalk") > -1){ appWebAutoLogin(); } else { let appWebMask = `<div id="appWebMask" onclick="appWebAutoLogin()" style="z-index: 299;position:fixed; display:block; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0);"></div>`; $('body').append(appWebMask); } } } else { //console.log("이미 로그인 상태, appLink 호출 SKIP"); } } }); } } catch (exception) { } // e :: KDP-39014 [B2C][FO] 앱/웹 상시 로그인 기능 개발 }(window, document); function appWebAutoLogin2(){ try { if($("#appWebMask").html() == undefined){ // skip } else { appWebAutoLogin(); } } catch (exception) { //console.log(exception); } } function appWebAutoLogin(){ try { if("Y" == getCookieForSite("appWebCookie") || "Y" == loginProcFlag){ // skip } else { let browserName = getBrowserScheme(); loginProcFlag = "Y"; urlSchemeCaller.call('intent://login?browser='+ browserName+'&returnUrl='+encodeURIComponent(window.location.href)+'#Intent;scheme=secapp;end;', 300 ,function(){ if (this.windowState === 'focus') { loginProcFlag = "N"; } }); } } catch (exception) { } } function samsungAccountSignUp(returnUrl){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(returnUrl){ setCookieForSite("saReturnUrl_1_",encodeURIComponent(returnUrl),1/24); }else{ setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); } // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true, state: saState } const configs = { locale: 'ko-KR' } window.samsung.account.signUp(params, configs); } function samsungAccountSignIn(returnUrl){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(returnUrl){ setCookieForSite("saReturnUrl_1_",encodeURIComponent(returnUrl),1/24); }else{ setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); } // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true, state: saState } const configs = { locale: 'ko-KR' } window.samsung.account.signIn(params, configs); } function appWebAutoLogin100(){ urlSchemeCaller.tagLoggedOut(); var isOn = appSamsungAccount; var saState = getCookieForSite("saState_1_"); if(isOn == 'Y'){ let agent = window.navigator.userAgent.toLowerCase(); let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(window.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else { isSkip = false; } if(!isSkip){ switch (true) { case agent.indexOf("kakaotalk") > -1: isSkip = true; break; case agent.indexOf("naver") > -1: isSkip = true; break; case agent.indexOf("samsungbrowser") > -1: isSkip = false; // 삼브랑 break; case agent.indexOf("whale") > -1: isSkip = true; break; case agent.indexOf("firefox") > -1: isSkip = true; break; case agent.indexOf("edga") > -1: isSkip = true; break; case agent.indexOf("edge") > -1: isSkip = true; break; case agent.indexOf("opr") > -1: isSkip = true; break; case agent.indexOf("chrome") > -1: isSkip = false; // 크롬만 통과. break; case agent.indexOf("safari") > -1: isSkip = true; break; default: isSkip = true; } } saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(!isSkip){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/global/auto/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), state: saState, countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true } const configs = { locale: 'ko-KR', publicKey: PROPS_ACCOUNT_PUBLICKEY } window.samsung.account.sec.signInWithGalaxy(params, configs); } } } function appWebAutoLogin99(){ var isOn = appSamsungAccount; var saState = getCookieForSite("saState_1_"); if(isOn == 'Y'){ let agent = window.navigator.userAgent.toLowerCase(); let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(window.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else { isSkip = false; } if(!isSkip){ switch (true) { case agent.indexOf("kakaotalk") > -1: isSkip = true; break; case agent.indexOf("naver") > -1: isSkip = true; break; case agent.indexOf("samsungbrowser") > -1: isSkip = false; // 삼브랑 break; case agent.indexOf("whale") > -1: isSkip = true; break; case agent.indexOf("firefox") > -1: isSkip = true; break; case agent.indexOf("edga") > -1: isSkip = true; break; case agent.indexOf("edge") > -1: isSkip = true; break; case agent.indexOf("opr") > -1: isSkip = true; break; case agent.indexOf("chrome") > -1: isSkip = false; // 크롬만 통과. break; case agent.indexOf("safari") > -1: isSkip = true; break; default: isSkip = true; } } saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(!isSkip){ const port = Math.floor(Math.random() * (65536 - 10000 + 1)) + 10000; var url = 'origin_id=p7q4bc58o5&app_id='+__SA_CLIENT_ID+'&app_alias_id=SECKDPWEB&region=GC&port='+ port +'&response_type=code&client_id='+__SA_CLIENT_ID+'&locale=ko_KR&countryCode=KR&' +'redirect_uri='+encodeURIComponent(window.location.href) +'&state='+saState +'&goBackURL='+encodeURIComponent(window.location.href) +'&scope=offline.access'; try{ location.href = 'intent://SamsungAccountServerLib/sso?'+url+'#Intent;scheme=samsungaccount;end;'; let interval = setInterval(function () { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).done(function( xhr, status ){ if (xhr.status === 202) { // 기기로그인 수락을 기다리는 상태 } else { clearInterval(interval); } }).fail(function( xhr, status ){ if (xhr.status === 410) { //result=canceled clearInterval(interval); } else if (xhr.status === 401) { //result=unauthorized clearInterval(interval); } else if (xhr.status === 403) { //result=unsupported-browser clearInterval(interval); } else { //10초 후에는 인터벌 무조건 죽임 setTimeout(() => { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).fail(function( xhr, status ){ clearInterval(interval); }); }, 10000); } }); }, 500); } catch (exception) { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).fail(function( xhr, status ){ clearInterval(interval); }); } } } } function getBrowserScheme(){ let browserName = ""; try { let agent = window.navigator.userAgent.toLowerCase(); switch (true) { case agent.indexOf("kakaotalk") > -1: browserName = ""; break; case agent.indexOf("naver") > -1: browserName = "com.nhn.android.search"; break; case agent.indexOf("samsungbrowser") > -1: browserName = "com.sec.android.app.sbrowser"; break; case agent.indexOf("whale") > -1: browserName = "com.naver.whale"; break; case agent.indexOf("firefox") > -1: browserName = "org.mozilla.firefox"; break; case agent.indexOf("edga") > -1: browserName = "com.microsoft.emmx"; break; case agent.indexOf("edge") > -1: browserName = "com.microsoft.emmx"; break; case agent.indexOf("opr") > -1: browserName = "com.opera.browser"; break; case agent.indexOf("chrome") > -1: browserName = "com.android.chrome"; break; case agent.indexOf("safari") > -1: browserName = "savannah.internet.web.browser"; break; default: browserName = ""; } return browserName; } catch (exception) { return browserName; } } $(document).ready(function(){ autoLoginFlag == "Y" ? adbrix.login(getCookieForSite("guid_1_")) : ""; }); </script>  <script async type="text/javascript"> var pageURL = window.location.href; var siteCode = "sec"; var digitalData = { "page" : { "pageInfo" : { "siteCode" : siteCode , "siteSection" : "" , "pageName" : "" , "pageURL" : pageURL , "pageTrack" : "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>  <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="bdpnbetio5udwz2g6wyq-f-07a16c24c-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":"676bec0","ak.r":39403,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":54390,"ak.gh":"23.200.218.54","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732703665","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==k6yNc4cB/Ha7kM5Dzuud2r+/f8s16nzKp0EUSaG9kMD4ZLcZGFINrdmKSHXS+A3y0slaExRGShcM5Tk5YUcMUxVmuPNCQ0PvJx2TwB/vZM4DL2d4lgawDHTiM96jbpZsG2kiFA444FN4fENnsV1qfsgndxqy3ElQMqXIgpDmFyXM6RVkaXFgwcUR1cFZ67nlK4ove3pIGbx1Ct+4k7ppghRHSTYWh3m5hznyhhZvgPEfWca0kBLCdKB0D3dA44L/sMdV+rd8iV8IC64PlWcfX60s+7yMq9Rx9xVdCoezWqgzHsc06wD97aEpskpsJc9hLvDK7b71zywO4tG7t8jBfC8xeSFC0LcLUxk27VF/KPhXhgZIRgyrFRIJ/7vCEvicQf7I1AM/MuKTv5GoVWEupqeou4cIHSKmbZp0tE6YYJA=","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>  <div id="skip_content"> <a href="#container" class="">본문 바로가기</a> </div>  <div id="wrap"> <div id="gcsInducePopBf" style="display: none;"></div>  <script async type="text/javascript"> $(document).ready(function(){ let gcsUserAgent = navigator.userAgent.toUpperCase(); //조건식 선언 if( (window.secapp !== undefined || window.secapppopup != undefined) && ( (gcsUserAgent.indexOf("SECTEST") > -1) || (gcsUserAgent.indexOf("SECAPP") > -1) ) ){ //gcsInducePopup(); //운영에는 팝업 뜨지 않게 분기처리 // 속도개선 개발 시에, 중복으로 gcsInducePopup 펑션이 여러번 호출되어도 팝업이 한번만 떠있는 상태로 존재하도록 개발 부탁드립니다. } }); function gcsInducePopup() { if(getCookieForSite("mbrNo_1_") != ''){ if (getCookieForSite("gcsMbrYn_1_") == 'Y'){ gcsToastAjax('gcsWelcomePopup'); // 기가입자 } else if(getCookieForSite("gcsInduceMbrYn_1_") == 'Y'){ gcsToastAjax('gcsNewPopup'); //가입유도 } } } //갤캠스 유도 팝업 AJAX 호출 function gcsToastAjax(id){ $.ajax({ url : "/sec/xhr/common/gcsInducePopImg" , type : "POST" , success : function(result){ if($('#gcsNewPopup').length < 1){ $("#gcsInducePopBf").before(result); gcsToast(id); } } }); }; //갤캠스 유도 팝업 열기 :: 갤캠앱 통합 function gcsToast(id){ var appTCondition = false; if(window.secapp != undefined || window.secapppopup != undefined){ appTCondition = true; } var toastI = $('#'+id); var key = encodeURIComponent(getCookieForSite("mbrNo_1_")); var toastYN = getCookieForSite("gcsToastYN"+"_"+id+'_'+key); var path = window.location.pathname; if (path.indexOf('/sec/cart/') >= 0 ) { $('#'+id+"Warning").show(); } else if (path.indexOf('/sec/order/') >= 0 ) { $('#'+id+"Warning").show(); } else if (path.indexOf('/sec/present/') >= 0 ) { $('#'+id+"Warning").show(); appTCondition = false; } else if (path.indexOf('/sec/careplusSubApply/') >= 0 ) { $('#'+id+"Warning").show(); } else { $('#'+id+"Warning").hide(); } if(path != '/sec/'){ if(id == 'gcsNewPopup'){ appTCondition = false; } } if (path.indexOf('/sec/digitalplaza/storeMain/') >= 0 || path.indexOf('/sec/event/gift/') >= 0 || path.indexOf('/sec/event/galaxy-z5/promotion') >= 0 || path.indexOf('/sec/event/galaxy-z5/benefit') >= 0 || path.indexOf('/sec/event/galaxywatch6') >= 0 || path.indexOf('/sec/event/galaxy_tabs9_preorderpromotion') >= 0) { appTCondition = false; } function toastPO(){ if(toastI.length > 0){ $('body').append(mask); $("#mask2").fadeIn(); $(toastI).addClass("active"); } } let mask = `<div id="mask2" style="z-index: 899;position:fixed; display:block; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.8);"></div>`; appTCondition && (toastYN != "N") ? toastPO() : "" ; }; // 갤캠스 유도 토스트 팝업 닫기 :: 갤캠앱 통합 function gcsToastClose(id){ var cookieDay = id == "gcsWelcomePopup" ? 7 : 1; var key = encodeURIComponent(getCookieForSite("mbrNo_1_")); $("#mask2").remove(); $('#'+id).removeClass("active"); var atpc = $("#chk-"+id).is(":checked"); atpc ? setCookie("gcsToastYN"+"_"+id+'_'+key,"N",cookieDay) : ""; } // 갤캠스 유도 토스트 하이퍼링크처리 function gcsToastHref(objectId){ if(objectId == 'goToGcs'){ window.location.href="/sec/member/saSsoLogin?redirect_url=/event/galaxycampus/"; } if(objectId == 'goToSignup'){ window.location.href="/sec/member/saSsoLogin?redirect_url=/event/galaxycampus/member/loginDocumentEmailCheck"; } } </script>  <script async type="text/javascript"> class PurchaseBenefitPop { constructor() { this.toastPop = document.getElementById("purchaseBenefitPop"); this.toastPopClose = document.querySelector("#purchaseBenefitPop .stop-view-wrap .toast-close"); this.newGnb = document.querySelector(".new-gnb"); this.mask = $(`<div id="mask" style="z-index: 299;"></div>`); this.setEnv(); this.url = window.location.href; } init() { let slideCount = document.querySelectorAll("#purchaseBenefitPop .app_btmBanner_swiper .swiper-slide").length; this.swiper = new Swiper("#purchaseBenefitPop .app_btmBanner_swiper", { pagination: { el: "#purchaseBenefitPop .swiper-pagination", type: "fraction", clickable : slideCount > 1 ? true : false, }, touchRatio : slideCount === 1 ? 0 : 1 }); if (slideCount <= 1) { let pElement = this.toastPop.querySelector('.swiper-pagination'); if (pElement) { pElement.style.display = 'none'; } } } popUp() { this.toastPop.setAttribute("display", "block"); this.init(); this.mask.fadeIn(); this.toastPop.classList.add("active"); } popClose() { this.mask.fadeIn("fast").remove(); this.toastPop.classList.remove("active"); this.toastPop.setAttribute("display", "none"); let atpc = $("#purchaseBenefitPop #chk-not-see").is(":checked"); this.setCookie(this.cookieName, "N", atpc ? 7 : 1); appWebAutoLogin2(); //닫기시 자동로그인 호출 /*if (atpc) { this.setCookie(this.cookieName, "N", 7); }*/ } setEnv() { this.env = "web"; let gcsUserAgent = navigator.userAgent.toUpperCase(); if ((device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined))) { this.env = "moWeb"; return; } if( (window.secapp !== undefined || window.secapppopup != undefined) && ( (gcsUserAgent.indexOf("SECTEST") > -1) || (gcsUserAgent.indexOf("SECAPP") > -1))) { this.env = "android"; return; } } getCookie(key){ let result = null; let cookie = document.cookie.split(';'); cookie.some(function (item) { //공백 제거 item = item.replace(' ', ''); var dic = item.split('='); if (key === dic[0]){ result = dic[1]; return true; } }); return result; } setCookie(name, value, exp) { let date = new Date(); date.setTime(date.getTime()+exp*24*60*60*1000); document.cookie = name+'='+value+';expires='+date.toUTCString()+';path=/'; } simplePop(cookieName, popUpId, componentList) { this.cookieName = cookieName; let cookie = this.getCookie(cookieName); if (cookie === "N") { return; } let pcDevice = "win16|win32|win64|mac|macintel"; let platform = navigator.platform; if(platform){ if(pcDevice.indexOf(platform.toLowerCase())>= 0){ return; } } //미노출 url 및 노출 기간 검증 $.ajax({ url : "/sec/xhr/appInstallPop/purchaseBenefitPop" ,type : "POST" ,dataType : 'json' ,contentType : "application/json; charset=UTF-8" ,data : JSON.stringify({ popUpId : popUpId }) ,success : (result) => { if (result.popOpenFlag === "Y") { for (let i = componentList.length - 1; i >= 0; i--) { let component = document.getElementById(componentList[i]); component.style.display = 'block'; this.toastPop.querySelector('.swiper-wrapper').appendChild(component); } this.popUp(); } } }); } goToUrl(moWebUrl, appUrl) { window.location.href = "/sec/" + this.env === "android" ? appUrl : moWebUrl; } } let purchaseBenefitPop = null; $(document).ready(()=>{ purchaseBenefitPop = new PurchaseBenefitPop(); if (purchaseBenefitPop.env === "moWeb") { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["purchaseBenefitPopComponent"]); } if (purchaseBenefitPop.env === "android") { //ajax 호출로 로그인 여부 검증. let logInYn = getCookieForSite("mbrNo_1_") != ''; let gcsMemberYn = getCookieForSite("gcsMbrYn_1_") == 'Y'; if (logInYn && gcsMemberYn) { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["galcamsGatePopComponent", "purchaseBenefitPopComponent"]); } else { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["purchaseBenefitPopComponent"]); } } }); </script> <div id='purchaseBenefitPop' class="toast-pop induce-ss-app toast-parent" data-toast-name="toastInduce" data-focus="toastInduce" data-toast-index="0" style="display: none"> <div class="inner">  <div class="app_btmBanner_swiper"> <div class="swiper-wrapper"></div> <div class="swiper-pagination"></div> </div>  </div> <div class="stop-view-wrap"> <div class="chk-form"> <input id="chk-not-see" type="checkbox" required="" title="" class="" /> <label for="chk-not-see" class="">일주일 그만보기</label> </div> <button type="button" class="btn-underline toast-close" data-focus-next="toastInduce" onclick="purchaseBenefitPop.popClose()"> 닫기 </button> </div> </div> <div id='purchaseBenefitPopComponent' class="swiper-slide" style="display: none"> <div class="img-area"> <img src="//images.samsung.com/kdp/common/img-induce-benefit-4.png" alt="" /> </div> <div class="text-area"> <p><b class="eng">갤럭시 AI 폰</b> 구매 고객님께 드리는<br> <b>스마트태그2</b>를 지금 신청하세요!<br>(대상 모델 : S24 시리즈, S23 FE, Z Fold5 | Z Flip5, S23 시리즈)</p> </div> <button type="button" class="btn btn-d btn-type2" onclick="purchaseBenefitPop.goToUrl('https://www.samsung.com/sec/event/galaxy-ai/promotion/', 'https://www.samsung.com/sec/event/galaxy-ai/promotion/app')">신청하기</button> </div> <div id='galcamsGatePopComponent' class="swiper-slide" style="display: none;"> <div class="img-area" style="height:150px">  </div> <div class="text-area"> <p><b class="blue-color">갤럭시 캠퍼스 회원</b>이시네요! 리뉴얼 이벤트와 <br> 오리지널 콘텐츠, 더 풍성해진 커뮤니티까지!<br> <b class="blue-color">새로워진 갤럭시 캠퍼스</b>를 만나보세요 </p> </div> <button type="button" class="btn btn-d btn-type2" onclick="purchaseBenefitPop.goToUrl('member/saSsoLogin?redirect_url=/event/galaxycampus/', 'member/saSsoLogin?redirect_url=/event/galaxycampus/')">갤럭시 캠퍼스로 이동하기</button> </div>  <link rel="dns-prefetch" href="//cdn.decibelinsight.net"> <link rel="dns-prefetch" href="//collection.decibelinsight.net"> <script type="text/javascript"> function callApplicationMenu(menuName) { if(device.isIosApp) { if(menuName === "samsungApp") { return; } if ( window.location.hostname == 'dev-www.samsung.com' || window.location.hostname == 'stg-www.samsung.com' || window.location.hostname == 'www.samsung.com' || window.location.hostname == 'dev-familynet.samsung.com' || window.location.hostname == 'stg-familynet.samsung.com' || window.location.hostname == 'familynet.samsung.com' ) { window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"callAppMenu", p1:menuName})); } else { console.log('메시지를 보낼 수 없는 도메인입니다.'); } } else if(window.secapp) { window.secapp.callAppMenu(menuName); } } window._da_=window._da_||[]; _da_.oldErr=window.onerror; _da_.err=[]; window.onerror=function(){ _da_.err.push(arguments); if(_da_.oldErr){ _da_.oldErr.apply(window,Array.prototype.slice.call(arguments)); } }; window.addEventListener('load', (event) => { (function(d,e,c,i,b,el,it) { d.DecibelInsight=b; d[b] = d[b]||function(){( d[b].q=d[b].q||[]).push(arguments); }; el=e.createElement(c); it=e.getElementsByTagName(c)[0]; el.async=1; el.src=i; it.parentNode.insertBefore(el,it); })(window,document,'script','https://cdn.decibelinsight.net/i/14121/1818501/di.js','decibelInsight'); }); if (typeof window !== 'undefined' && typeof window.decibelInsight !== 'undefined') { window.decibelInsight('ready', decibelInit); } else { window._da_readyArray = window._da_readyArray || []; window._da_readyArray.push(decibelInit); } function decibelInit() { try{ document.cookie = "DXA_READY=1; max-age=6000"; }catch(e){ } if(digitalData.ecommerce.orderComplete) { var orderId = digitalData.ecommerce.orderComplete.id; // 결제 ID var orderPrice = digitalData.ecommerce.orderComplete.revenue; // 결제 총 금액 if(sessionStorage.getItem('DXA_'+ orderId) != 1) { //DXA_1234, DXA_1235 이벤트 중복체크하여, 해당값이 1이 아닌 경우만 실행 sessionStorage.setItem('DXA_'+orderId, 1); //해당 상품번호는 1로 설정 decibelInsight('sendTrackedEvent', 'Purchase', orderPrice); } } } function setCookieA(name, value, exp){ var date = new Date(); date.setTime(date.getTime()+exp*24*60*60*1000); document.cookie=name+'='+value+';expires='+date.toUTCString()+';path=/'; } function getCookieA(key){ var result = null; var cookie = document.cookie.split(';'); cookie.some(function (item) { //공백 제거 item = item.replace(' ', ''); var dic = item.split('='); if (key === dic[0]){ result = dic[1]; return true; } }); return result; } //app version 체크용 var CURRENT_AOS_APP_VERSION = getCookieA("CURRENT_AOS_APP_VERSION"); var CURRENT_IOS_APP_VERSION = getCookieA("CURRENT_IOS_APP_VERSION"); var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf("SECAPP")>-1 || userAgent.indexOf("SECTEST")>-1){ if(CURRENT_AOS_APP_VERSION == "" || CURRENT_AOS_APP_VERSION == null || CURRENT_AOS_APP_VERSION == undefined){ var aosVersion = window.secapp.getAppVersion(); getAppVersion(aosVersion, "AOS"); } } else if(userAgent.indexOf('SECIOS') > -1) { if(CURRENT_IOS_APP_VERSION == "" || CURRENT_IOS_APP_VERSION == null || CURRENT_IOS_APP_VERSION == undefined){ window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"getAppVersion", p1:"IOS"})); } } function getAppVersion(version, clcd) { if(clcd != null){ setCookieA("CURRENT_"+clcd+"_APP_VERSION", version, 0.5); if(clcd == "AOS") { //android CURRENT_AOS_APP_VERSION = version; } else { CURRENT_IOS_APP_VERSION = version; } } } //뒤로가기 버튼 네이티브 분기 function goBack(){ if((window.secapp || device.isIosApp) && checkAppVersion() == 1) { callApplicationMenu("back"); } else { window.history.go(-1); } } function checkAppVersion() { var curVersion; var stdVersion; var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf('SECAPP') > -1 || userAgent.indexOf("SECTEST") > -1) { curVersion = CURRENT_AOS_APP_VERSION; stdVersion = "2.2.3"; } else { curVersion = CURRENT_IOS_APP_VERSION; stdVersion = "1.9.9"; } if(curVersion == "" || curVersion == null || curVersion == undefined){ return false; } curVersion = curVersion.split("."); stdVersion = stdVersion.split("."); var result = false; for(var i=0; i< Math.max(curVersion.length, stdVersion.length); i++){ let curNum = curVersion[i] || 0; let stdNum = stdVersion[i] || 0; if(curNum > stdNum) { return 1; }else if(curNum < stdNum) { return -1; } } return 0; } </script>   <script defer> !function(e, r) { if (void 0 !== e && !e.adbrix) { var o = { queue: [] }, t = navigator.userAgent.toLowerCase(), c = r.createElement("script"), a = "Netscape" === navigator.appName && -1 !== navigator.userAgent.search("Trident") || -1 !== t.indexOf("msie") ? "abx-web-sdk.ie.min.js" : "abx-web-sdk.min.js"; c.type = "text/javascript", c.async = !0, c.src = "//static.adbrix.io/web-sdk/latest/" + a, c.onload = function() { e.adbrix.runQueuedFunctions ? e.adbrix.runQueuedFunctions() : console.log("[adbrix] Error: could not load SDK") }; var i = r.getElementsByTagName("script")[0]; i.parentNode.insertBefore(c, i); ["init", "onInitialized", "login", "getUserId", "logout", "userProperty.get", "userProperty.getAll", "userProperty.addOrUpdate", "userProperty.remove", "userProperty.removes", "common.signUp", "common.invite", "common.useCredit", "common.purchase", "event.send", "debug.traceListener", "commerceAttr.categories", "commerceAttr.product", "commerce.viewHome", "commerce.categoryView", "commerce.productView", "commerce.addToCart", "commerce.addToWishList", "commerce.reviewOrder", "commerce.refund", "commerce.search", "commerce.share", "commerce.listView", "commerce.cartView", "commerce.paymentInfoAdded", "game.tutorialComplete", "game.characterCreated", "game.stageCleared", "game.levelAchieved"].forEach(function(e) { var r = e.split("."), t = r.pop(); r.reduce(function(e, r) { return e[r] = e[r] || {} }, o)[t] = function() { o.queue.push([e, arguments]) } }), e.adbrix = o } }(window, document); $(document).ready(function(){ // AdBrix Web SDK init window.adbrix.init({ appkey: PROPS_ADBRIX_APP_KEY, webSecretkey: PROPS_ADBRIX_WEB_SECRET_KEY }); }); </script>   <div class="outer__mask" data-type=""></div> <header id="header__navi" > <script> // let locationUrl = window.location.href; let style = "<style> body {display:none;} </style>"; // if(locationUrl=="http://localhost:8080/sec/" || locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/"){ $("body").prepend(style); // } </script> <div class="header__inner"> <div class="logo"> <a href="javascript:void(0);" onclick="openCtaLink('/sec/','_self');" data-omni="gnb_samsung_logo" title="삼성 닷컴으로 이동"> <svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="17" x="0px" y="0px" viewBox="0 0 120 17" xml:space="preserve" fill="currentColor"> <style type="text/css"> .st0{fill:#000;} </style> <g id="그룹_6_00000054980231599809239120000010237605620034582675_" transform="translate(0 0)"> <path id="패스_40_00000102518621275233789640000013295783304341869743_" class="st0" d="M92.5,13.1L92.3,0.5h4v15.9h-5.7 L86.6,3.4h-0.1l0.2,13.1h-3.9V0.5h5.9L92.5,13.1L92.5,13.1z"/> <path id="패스_41_00000156569092805086873380000006366778581903118496_" class="st0" d="M20.6,2l-2.2,14.6h-4.3l3-16.1h7.1 l2.9,16.1h-4.3L20.6,2L20.6,2z"/> <path id="패스_42_00000109723613739840634560000006153530515306095037_" class="st0" d="M39.2,12.8l2-12.3h6.5l0.4,16.1h-4 L44,2.1h-0.1l-2.7,14.4h-4.1L34.5,2.1h-0.1l-0.1,14.4h-4l0.4-16.1h6.5L39.2,12.8L39.2,12.8z"/> <path id="패스_43_00000124856864098989735720000000947399174449198469_" class="st0" d="M7.4,12.1c0.1,0.4,0.1,0.8,0,1.2 c-0.1,0.5-0.5,1.1-1.6,1.1c-1,0-1.6-0.6-1.6-1.5v-1.6H0v1.2c0,3.6,2.8,4.7,5.8,4.7c2.9,0,5.3-1,5.6-3.7c0.1-0.9,0.1-1.8,0-2.6 c-0.7-3.4-6.7-4.4-7.2-6.3c-0.1-0.3-0.1-0.6,0-0.8C4.4,3.1,5,2.6,5.7,2.7C6.4,2.6,7.1,3.2,7.2,4c0,0.1,0,0.1,0,0.2v1h4V4 c0-3.5-3.1-4-5.4-4C2.9,0,0.6,0.9,0.2,3.6C0.1,4.3,0.1,5,0.2,5.7C0.9,9,6.6,10,7.4,12.1z"/> <path id="패스_44_00000003805233845088015000000012094499568742061709_" class="st0" d="M59.3,12c0.1,0.4,0.1,0.8,0,1.2 c-0.1,0.5-0.5,1.1-1.5,1.1c-1,0-1.6-0.6-1.6-1.4v-1.5H52v1.2c0,3.5,2.8,4.6,5.7,4.6c2.9,0,5.2-1,5.6-3.6c0.1-0.9,0.1-1.7,0-2.6 c-0.7-3.3-6.7-4.3-7.1-6.2c-0.1-0.3-0.1-0.6,0-0.8c0.1-0.7,0.8-1.2,1.4-1.1C58.3,2.7,59,3.2,59.1,4c0,0.1,0,0.2,0,0.2v1H63V4.1 c0-3.5-3.1-4-5.3-4c-2.8,0-5.1,0.9-5.5,3.5c-0.1,0.7-0.1,1.4,0,2.1C52.9,9,58.5,10,59.3,12z"/> <path id="패스_45_00000102503741420779417540000004179831365953292733_" class="st0" d="M72.7,14.2c0.7,0.1,1.4-0.4,1.5-1.2 c0-0.2,0-0.4,0-0.6V0.5h4V12c0,0.3,0,0.9,0,1.1c-0.3,3-2.6,4-5.6,4s-5.3-1-5.6-4c0-0.2,0-0.8,0-1.1V0.5h4v11.9c0,0.2,0,0.4,0,0.6 C71.4,13.8,72,14.3,72.7,14.2z"/> <path id="패스_46_00000138553160280057187080000009994170928517811595_" class="st0" d="M106,14c0.7,0.1,1.4-0.4,1.6-1.2 c0-0.2,0-0.4,0-0.6V9.9h-1.6V7.6h5.7v4.3c0,0.4,0,0.7-0.1,1.1c-0.3,2.9-2.8,4-5.6,4c-2.8,0-5.4-1-5.6-4c0-0.4-0.1-0.7-0.1-1.1V5.1 c0-0.4,0-0.7,0.1-1.1c0.4-3,2.8-4,5.6-4s5.3,1,5.6,4c0,0.4,0,0.7,0,1.1v0.5h-4V4.7c0-0.2,0-0.4-0.1-0.6c-0.2-0.8-0.9-1.3-1.6-1.2 c-0.7-0.1-1.4,0.4-1.6,1.2c0,0.3-0.1,0.5-0.1,0.8v7.3c0,0.2,0,0.4,0,0.6C104.6,13.6,105.3,14.1,106,14z"/> </g> </svg> </a> </div> <div class="utility__wrap"> <div class="utility__button__search" data-name="utility__search"> <div class="search__box" data-omni="search" role="button" onclick="headerSearch.eventListener.uinifiedSearchInp();"> <ul id="search__slide__00"> </ul> <button type="button" class="search__button"> <span class="sr-only">검색 버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> </div> <div class="utility__button__back__m" data-name="utility__back"> <button class="utility__back" onclick="goBack();"> <span class="sr-only">뒤로가기</span> <svg id="icon-svg-back" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20.132"> <g transform="translate(-0.047 -0.047)" fill="currentColor"> <g transform="translate(3.779 1.595)"> <path d="M197.669,189.924l-8.584,8.584,8.584,8.584" transform="translate(-189.085 -189.924)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </g> <rect width="20" height="20" transform="translate(0.047 0.047)" fill="none"/> </g> </svg> </button> </div> <div class="utility__button__search__m" data-name="utility__search"> <button class="search__button" onclick='$(".search__box").eq(0).click();' data-omni="search"> <span class="sr-only">검색버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> <div class="utility__button__barcode__m" name="appMenu" style="display:none !important;" data-name="utility__barcode"> <button class="barcode__button" data-omni="membership" onclick="callApplicationMenu('memberShip');"> <span class="sr-only">바코드</span> <svg id="icon-svg-barcode" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 96 96" fill="currentColor"> <rect width="96" height="96" fill="none"/> <path d="M-4491.75-1950a4.25,4.25,0,0,1-4.245-4.024v-.015l-.006-.212v-59.5a4.248,4.248,0,0,1,4.024-4.244h.015l.206,0h83.506a4.247,4.247,0,0,1,4.244,4.024v.014l0,.212v59.5a4.249,4.249,0,0,1-4.023,4.245h-.014l-.212.006Zm1.75-6h80v-56h-80Zm66-8v-40h4v40Zm-7,0v-40h4v40Zm-12,0v-40h10v40Zm-7.5,0v-40h5v40Zm-9,0v-40h5v40Zm-13.5,0v-40h10v40Zm-7.5,0v-40h5v40Z" transform="translate(4498.5 2032.5)"/> </svg> </button> </div> <div class="utility__button__cart" data-name="utility__cart"> <button class="cart__button" onclick="getCartList();"> <span class="sr-only">장바구니 버튼</span> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g id="icon-svg-cart" transform="translate(-9)"> <rect width="26" height="26" transform="translate(9)" fill="none"/> <path d="M20.974,22.205a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,20.974,22.205Zm-9.7,0a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,11.273,22.205Zm9.7,1.94a1.109,1.109,0,1,0,1.109,1.109A1.1,1.1,0,0,0,20.974,24.145Zm-9.7,0a1.109,1.109,0,1,0,1.109,1.109A1.094,1.094,0,0,0,11.273,24.145ZM4.648,3.8A1.527,1.527,0,0,1,6.062,4.826v.055l.832,3.1H25.769a1.329,1.329,0,0,1,1.3,1.608v.055L24.411,19.71a1.482,1.482,0,0,1-1.358,1.081H9.138a1.49,1.49,0,0,1-1.414-1.026L7.7,19.71,4.066,6.017H1.1V3.8Zm19.957,6.4H7.475l2.217,8.371H22.415Z" transform="translate(7.9 -2.801)"/> </g> </svg> <span class="cart__count" style="display:none;"></span> </button> <div class="cart__list"> </div> </div> <div class="utility__button__user" data-name="utility__user"> <button class="user__button"> <span class="sr-only">유저 메뉴버튼</span> <svg id="icon-svg-mypage" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M25,15.5a8.989,8.989,0,0,1,9,8.734v2.235a1.408,1.408,0,0,1-1.406,1.406H17.406A1.408,1.408,0,0,1,16,26.469V24.234A8.989,8.989,0,0,1,25,15.5Zm0,2.25a6.794,6.794,0,0,0-6.75,6.484v1.391h13.5V24.234A6.794,6.794,0,0,0,25,17.75ZM25,2a6.188,6.188,0,1,1-6.187,6.188A6.2,6.2,0,0,1,25,2Zm0,2.25a3.938,3.938,0,1,0,3.938,3.938A3.942,3.942,0,0,0,25,4.25Z" transform="translate(-12 -2)"/> </svg> <svg id="icon-svg-mypage-on" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor" style="display:none;"> <defs><style>.a{fill:none;}</style></defs> <rect class="a" width="26" height="26"/> <path d="M25,15.5a8.989,8.989,0,0,1,9,8.734v2.235a1.408,1.408,0,0,1-1.406,1.406H17.406A1.408,1.408,0,0,1,16,26.469V24.234A8.989,8.989,0,0,1,25,15.5ZM25,2a6.188,6.188,0,1,1-6.187,6.188A6.188,6.188,0,0,1,25,2Z" transform="translate(-12 -2)"/> </svg> </button> <div class="user__list"> </div> </div> <div class="utility__button__menu__m" data-name="utility__menu" style="display:none !important;"> <button class="menu__button" id="menuButton"> <span class="sr-only">메뉴</span> <svg id="icon-svg-menu" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g transform="translate(2.001 5)"> <line x1="22" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> <line x1="22" transform="translate(0 8)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> <line x1="22" transform="translate(0 16)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> </g> <rect width="26" height="26" fill="none"/> </svg> </button> </div> <div class="utility__button__home__m" data-name="utility__home" data-omni="gnb_samsung_home" > <button class="home__button" onclick="location.href='/sec/';"> <span class="sr-only">홈으로 가기</span> <svg id="icon-svg-home" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"> <g transform="translate(-1223.802 -58.802)"> <rect width="24" height="24" transform="translate(1223.802 58.802)" fill="none"/> <path d="M312.913,64.608a1.109,1.109,0,0,1-1.109-1.049l0-.061V50.712a1.417,1.417,0,0,1,.494-1.045l.056-.043,8.948-6.593a1.221,1.221,0,0,1,1.365-.039l.056.039,8.948,6.593a1.411,1.411,0,0,1,.547,1.018l0,.07V63.5a1.11,1.11,0,0,1-1.05,1.109l-.06,0Zm13.036-11.442v9.712h4.54V50.9l-8.479-6.248L313.531,50.9V62.879h4.541V53.167Zm-6.393,9.712h4.909V54.65h-4.909ZM322.01,44.345Z" transform="translate(913.915 17.177)"/> </g> </svg> </button> </div> </div> <div class="menu__wrap" id="menuWrap"> <div class="menu__head m-only"> <div class="head__top"> <div class="search__box" onclick="headerSearch.eventListener.uinifiedSearchInp();" data-omni="search"> <ul id="search__slide__02"> </ul> <button id="mobMenuSearchButton" type="button" class="menu__search__button"> <span class="sr-only">검색 버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> <div class="head__button__wrap"> <button name="appMenu" style="display:none !important;" class="menu__noti__button" onclick="openCtaLink('/sec/push/notify/','_self');" data-omni="notice"> <span class="sr-only">알림</span> <svg id="icon-svg-notification" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 96 96"> <rect width="96" height="96" fill="none"/> <path d="M-4713.05-1905.775a13.972,13.972,0,0,1-4.123-8.225H-4737.8a4.167,4.167,0,0,1-3.431-1.716,4.14,4.14,0,0,1-.542-3.773l.009-.026.07-.192,8.272-21.14a3.73,3.73,0,0,0,.119-.6l0-.073v-9.667l.007-9.006a29.528,29.528,0,0,1,2.544-11.253,29.577,29.577,0,0,1,6.371-9.152,29.433,29.433,0,0,1,9.286-6.151A29.2,29.2,0,0,1-4703.8-1989h0a29.294,29.294,0,0,1,20.417,8.248,29.537,29.537,0,0,1,9.057,20.087v.008l.017.5.009,18.659a3.577,3.577,0,0,0,.108.611l.024.069,8.262,21.117a4.162,4.162,0,0,1-.349,3.819,4.137,4.137,0,0,1-3.316,1.879h-.022l-.207.006h-20.625a13.989,13.989,0,0,1-4.123,8.224A13.243,13.243,0,0,1-4703.8-1902,13.243,13.243,0,0,1-4713.05-1905.775Zm9.253-3.225a6.606,6.606,0,0,0,6.252-5h-12.507A6.561,6.561,0,0,0-4703.8-1909Zm-22.481-51.421-.012.359-.007,18.566a9.988,9.988,0,0,1-.487,2.874l-.008.025-.111.3L-4733.67-1921h59.744l-6.766-17.3a9.85,9.85,0,0,1-.569-2.5l0-.023-.025-.361-.008-.325v-3.97l-.007-14.546A22.436,22.436,0,0,0-4703.8-1982,22.485,22.485,0,0,0-4726.278-1960.421Z" transform="translate(4751.999 1994)"/> </svg> </button> <button class="menu__cart__button" onclick="getCartList();" data-omni="cart"> <span class="sr-only">장바구니 버튼</span> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g id="icon-svg-cart-menu" transform="translate(-9)"> <rect width="26" height="26" transform="translate(9)" fill="none"/> <path d="M20.974,22.205a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,20.974,22.205Zm-9.7,0a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,11.273,22.205Zm9.7,1.94a1.109,1.109,0,1,0,1.109,1.109A1.1,1.1,0,0,0,20.974,24.145Zm-9.7,0a1.109,1.109,0,1,0,1.109,1.109A1.094,1.094,0,0,0,11.273,24.145ZM4.648,3.8A1.527,1.527,0,0,1,6.062,4.826v.055l.832,3.1H25.769a1.329,1.329,0,0,1,1.3,1.608v.055L24.411,19.71a1.482,1.482,0,0,1-1.358,1.081H9.138a1.49,1.49,0,0,1-1.414-1.026L7.7,19.71,4.066,6.017H1.1V3.8Zm19.957,6.4H7.475l2.217,8.371H22.415Z" transform="translate(7.9 -2.801)"/> </g> </svg> <span class="cart__count" style="display:none;"></span> </button> <button class="menu__close__button" data-omni="menu close"> <span class="sr-only">메뉴닫기</span> <svg id="icon-svg-gnbClose" xmlns="http://www.w3.org/2000/svg" width="22.745" height="22.745" viewBox="0 0 22.745 22.745" fill="currentColor"> <g transform="translate(-275.669 -189.336)"> <line x2="19.917" y2="19.917" transform="translate(277.083 190.75)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line x1="19.917" y2="19.917" transform="translate(277.083 190.75)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </g> </svg> </button> </div> </div> <div class="head__bottom"> <div class="login__user__wrap m-only"> <a href="javascript:doLogin();" data-omni="login"> 로그인/회원가입 > </a> </div> <div class="add__contents__wrap m-only"> <div class="add__contents__inner"> <ul id="addContents__slider"> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/smartphones/galaxy-z-fold-special-edition/buy/','_self');" data-omni="mobilecontents:galaxy-z-fold-special-edition_shot"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/98e12cc8-0f3d-4c81-aa88-3fc1af396d6f.jpg" alt="갤럭시 Z 폴드6 스페셜 에디션 페이지로 이동" /> </div> <p>갤럭시 Z 폴드<br> 스페셜 에디션</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/event/galaxy-z6/promotion/app/','_self');" data-omni="mobilecontents:Galaxy benefit_shot"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/061d6559-0ded-4973-8fba-31b0d031b505.png" alt="Galaxy 구매 혜택 신청하기" /> </div> <p>Z폴드6ㅣZ플립6 혜택 신청하기</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://samsung.com/sec/offer/samsung-week','_self');" data-omni="mobilecontents:Samsung Week_alarm_shotcut"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/6c75efec-6305-4f59-bc01-3109b42c5c59.png" alt="파란종이백 모양의 버스에 Samsung Week라고 씌여져있는 이미지 " /> </div> <p>삼성위크<br>특별 혜택</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/Samsung-Care-Plus/CE/','_self');" data-omni="mobilecontents:withsamsungcareplus"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/21a1c96c-d2f1-4c91-8a2c-61691565bae1.png" alt="삼성케어플러스 앰블럼" /> </div> <p>삼성케어플러스</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/eventList/delivery-service/','_self');" data-omni="mobilecontents:delivery-service"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/9b021b3b-8fcb-47ed-9f50-266011e0fafc.png" alt="오늘보장&시간 맞춤 설치" /> </div> <p>오늘보장&<br> 시간 맞춤 설치</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/samsungstore/culture-lab/','_self');" data-omni="mobilecontents:samsungstore culture-lab"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/002534df-0ec6-4c2b-9163-66708187c77a.png" alt="삼성 컬처랩" /> </div> <p>삼성 컬처랩</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/store-model/live/','_self');" data-omni="mobilecontents:SamsungLive"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/65cb8d18-5dd2-4e75-8274-fa199e267569.png" alt="삼닷 Live" /> </div> <p>삼닷 Live</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/galaxycampus/','_self');" data-omni="mobilecontents:galaxycampus"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/cc13ffd5-92fc-463e-a8c1-0fee81323d10.png" alt="갤럭시 캠퍼스 " /> </div> <p>갤럭시 캠퍼스 </p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/smartthings/do-the-smartthings/','_self');" data-omni="mobilecontents:smartthings"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/5f6a183e-3de0-4da2-ba65-91d5ce31ba9b.png" alt="스마트싱스 앰블럼" /> </div> <p>스마트싱스</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/bespokeshop/','_self');" data-omni="mobilecontents:bespokeshop"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/50ac836b-9425-4751-bab8-bc37cedbfb99.png" alt="e식품관 소고기 이미지" /> </div> <p>e식품관</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/membership/membershipMain/','_self');" data-omni="mobilecontents:membership"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/7b81b664-5d91-4264-a54b-5114158a0240.png" alt="멤버십" /> </div> <p>멤버십</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/sustainability/main/','_self');" data-omni="mobilecontents:sustainability"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/98bb33e6-6b70-4cd3-9f54-f09729924928.png" alt="지속가능경영 앰블럼" /> </div> <p>지속가능경영</p> </a> </li> <li name="appMenu" style="display:none !important;"> <a href="javascript:void(0);" onclick="callApplicationMenu('samsungApp');" data-omni=":samsungapp"> <div class="imgform"> <img loading="lazy" src="/sec/static/_images/gnb/icon-gnb-samsungapp.png" alt="삼성전자 앱 메뉴 이미지"> </div> <p>삼성전자 앱</p> </a> </li> </ul> </div> </div> </div> </div> <ul class="menu__list"> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="AI" class="item__button " data-dispclsfno="710039388" data-menulinkgbcd="10" data-texten="AI" >AI</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="mobile" class="item__button " data-dispclsfno="710043106" data-menulinkgbcd="10" data-texten="mobile" >모바일</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="tv&audio" class="item__button " data-dispclsfno="710034650" data-menulinkgbcd="10" data-texten="tv&audio" >TV&오디오</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="kitchen-appliances" class="item__button " data-dispclsfno="710034651" data-menulinkgbcd="10" data-texten="kitchen-appliances" >주방가전</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="living" class="item__button " data-dispclsfno="710034652" data-menulinkgbcd="10" data-texten="living" >리빙가전</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="PC" class="item__button " data-dispclsfno="710034653" data-menulinkgbcd="10" data-texten="PC" >PC/주변기기</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" data-omni="expendables" class="item__button " data-dispclsfno="710034654" data-menulinkgbcd="20" data-texten="expendables" onclick="openCtaLink('/sec/accessories/','_self');" >소모품/액세서리</a> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="samsung care plus" class="item__button " data-dispclsfno="710037379" data-menulinkgbcd="10" data-texten="samsung care plus" >삼성케어플러스</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="smart things" class="item__button " data-dispclsfno="710034655" data-menulinkgbcd="10" data-texten="smart things" >스마트싱스</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="promotion" class="item__button " data-dispclsfno="710037734" data-menulinkgbcd="10" data-texten="promotion" >삼성닷컴추천</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" data-omni="outlet" class="item__button " data-dispclsfno="710034659" data-menulinkgbcd="20" data-texten="outlet" onclick="openCtaLink('/sec/outlets/all-outlets/','_self');" >아울렛</a> </li> <li class="menuitem__l0 list__divide"> <a href="javascript:void(0);" role="menuitem" data-omni="samsung Experience" class="item__button " data-dispclsfno="710037719" data-menulinkgbcd="10" data-texten="samsung Experience" >#Samsung Experience</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 list__right right__menu"> <a href="javascript:void(0);" role="menuitem" data-omni="support" class="item__button " data-dispclsfno="710034660" data-menulinkgbcd="10" data-texten="support" >고객지원</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" data-omni="Samsung Business" class="item__button newtab" data-dispclsfno="710034662" data-menulinkgbcd="30" data-texten="Samsung Business" onclick="openCtaLink('/sec/business/','_blank');"title="새 창" >비즈니스</a> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" role="menuitem" data-omni="samsung store" class="item__button " data-dispclsfno="710034661" data-menulinkgbcd="10" data-texten="samsung store" >삼성스토어</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" data-omni="sustainability" class="item__button " data-dispclsfno="710035040" data-menulinkgbcd="20" data-texten="sustainability" onclick="openCtaLink('/sec/sustainability/main/','_self');" >지속가능경영 </a> </li> </ul> <div class="user__mypage__list"> <ul> </ul> </div> </div> <div class="inner__mask" data-type=""></div> </div> </header>  <input type="hidden" name="useLogin" id="useLogin" value="" />   <input type="hidden" id="getCartCntUseYn" value="Y" /> <input type="hidden" id="getCouponCntUseYn" value="Y" /> <input type="hidden" id="getWritableMyCommentUseYn" value="Y" /> <input type="hidden" id="writableCommentUseYn" value="Y" />  <script defer> var userAgent=navigator.userAgent.toUpperCase(); if(userAgent.indexOf("SECAPP")>-1||userAgent.indexOf("SECTEST")>-1){ // $("#header").hide(); $(".string-banner-wrap").hide(); } if(window.secapp) { window.secapp.showAndHideGnb('GONE'); $("html").css("margin-top", "0px"); } var stcmtMbrYn = "N"; //스마트싱스 커뮤니티 회원 여부 $(document).ready(function(){ ts_hostChk('prd'); getSessionInfo(); // 장바구니 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCartCnt) var getCartCntUseYn = $("#getCartCntUseYn").val(); if(getCartCntUseYn == undefined || getCartCntUseYn == "Y"){ getCartCnt(); } // 모바일이면 1뎁스(1번째) 미리 Load처리 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false) { // .click(); 안되서 func직접호출 // $(".menuitem__l0").eq(0).children('a').click(); var depth1 = $(".menuitem__l0").eq(0).children('a'); var menuLinkGbCd = $(depth1).data("menulinkgbcd"); if(menuLinkGbCd == '10'){ getGnbDepth2(depth1); } //} // 1뎁스 mouseover시 2뎁스 조회 $(".menuitem__l0 > a").on("mouseover focus", function(){ // 메뉴링크구분이 서브메뉴가 아닌 경우 var menuLinkGbCd = $(this).data("menulinkgbcd"); if(menuLinkGbCd != '10'){ return; } // 2뎁스 AJAX호출 var depth1 = $(this); getGnbDepth2(depth1); }); // 1뎁스 클릭시 스타일적용 $(".menuitem__l0").on("click", function(){ $(".menuitem__l0").removeClass("active"); $(this).addClass("active"); }); let platformCd = getCookieA("COOKIE_KEY_PLATFORM"); if(platformCd == "" || platformCd == null || platformCd == undefined){ if(window.secapp !== undefined || window.secapppopup !== undefined){ setCookieA("COOKIE_KEY_PLATFORM", "AOS", 1); } else if(device.isIosApp){ setCookieA("COOKIE_KEY_PLATFORM", "IOS", 1); } } }); // 푸시 알림 뱃지 카운트 핸들러 function getAlarmCnt() { if(window.secapp) { var cnt = window.secapp.getBadgeCounterOfPushMessages(); getBadgeCounterOfPushMessagesCallback(cnt); } else if(device.isIosApp) { if ( window.location.hostname == 'dev-www.samsung.com' || window.location.hostname == 'stg-www.samsung.com' || window.location.hostname == 'www.samsung.com' || window.location.hostname == 'dev-familynet.samsung.com' || window.location.hostname == 'stg-familynet.samsung.com' || window.location.hostname == 'familynet.samsung.com' ) { window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"getBadgeCounterOfPushMessages"})); } else { console.log('메시지를 보낼 수 없는 도메인입니다.'); } } } // 푸시 알림 뱃지 카운트 콜백 //퍼블작업 완료시 진행예정 function getBadgeCounterOfPushMessagesCallback(cnt) { const alertDiv = $(".cta_alrt ._alrt"); // cnt > 0 ? alertDiv.show() : alertDiv.hide(); } // 2뎁스 조회 function getGnbDepth2(depth1){ // Load된 2뎁스 메뉴가 이미 존재하는 경우 var divCnt = $(depth1).siblings('div').children().length; if(divCnt > 0){ return; } var dispClsfNo = $(depth1).data("dispclsfno"); var text = $(depth1).text(); var textEn = $(depth1).data("texten"); var omni = $(depth1).data("omni"); $.ajax({ url : "/sec/cxhr/display/getGnbDepth2" , type : "GET" , data : {upDispClsfNo : dispClsfNo , dispClsfNm : text , dispClsfEnNm : textEn } , dataType : "html" , success : function(html) { if(html != ""){ $(depth1).siblings('.menuitem__l1__container').replaceWith(html); if(omni.toLowerCase() == "smart things"){ $(depth1).siblings('.menuitem__l1__container').find(".menuitem__l2__list").children().each(function(){ var omniArr = $(this).children().data("omni").split(":"); if(omniArr.length == 2 && omniArr[1].toLowerCase() == "smartthings-square"){ if(stcmtMbrYn == "Y" || stcmtMbrYn == "R"){ $(this).show(); }else{ $(this).hide(); } } }); } //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ if(window.innerWidth <= 1280){ // 모바일 이미지메뉴 2줄처리 width설정 var depth2 = $(depth1).siblings('.menuitem__l1__container'); if($(depth2).find("#new__prod__slider__01").length > 0){ var ul = $(depth2).find("#new__prod__slider__01"); var liWidth = $(ul).children("li").first().width(); var liCnt = $(ul).children("li").length; var ulWidth = (liWidth * liCnt * 0.65); $(ul).css("width", ulWidth+"px"); } // 모바일(아이폰) 2뎁스 화이트영역을 1뎁스 FULL높이로 변경 let mainListH = document.querySelector(".menu__list").clientHeight; $(".menuitem__l1__container").css({ height: mainListH + "px" }); } // s : 고객지원 - 원격상담/출장예약/전화상담 메뉴 SSO연동설정(앱→웹) if(textEn.toLowerCase().indexOf("support") > -1){ // 원격상담 $("a[data-omni='support:remote_service']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/consult/remote');"); // 전화상담 $("a[data-omni='support:rescounselview']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/consult/call');"); //출장서비스예약 $("a[data-omni='support:U service reservation']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/reserve/reserveEngineer');"); } // e : 고객 지원 - 원격지원/출장예약/전화상담 메뉴 SSO연동(앱→웹) } } , error : function(request, status, error) { } }); } var clipboard = new ClipboardJS('#lUrl'); clipboard.on('success', function(e) { let alertData = { title: "" ,content : "링크가 복사되었습니다." ,callback : "" ,btnText : "확인" }; commonAlert(alertData); openLayer('commonAlert'); }); clipboard.on('error', function(e) { let alertData = { title: "" ,content : "다시 시도하여 주십시오." ,callback : "" ,btnText : "확인" }; commonAlert(alertData); openLayer('commonAlert'); }); function getCartList(){ var options = { url : '/sec/xhr/order/gnbCartList' , dataType : "html" , done : function(data){ $(".cart__list").html(data); gnbObj.ultilityEvent('cart'); } } ajax.call(options); } // 뒤로가기 시 이벤트 $(window).bind("pageshow", function(event){ if(event.originalEvent.persisted || window.performance && window.performance.navigation.type == 2){ // 장바구니 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCartCnt) var getCartCntUseYn = $("#getCartCntUseYn").val(); if(getCartCntUseYn == undefined || getCartCntUseYn == "Y"){ getCartCnt(); } var useLogin = $("input[name=useLogin]").val(); if(useLogin == "Y"){ // 작성가능한 상품평 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - writableComment) //20240517 kcg - 앱설치유도배너 중복 노출로 인한 로직 제거 // var writableCommentUseYn = $("#writableCommentUseYn").val(); // if(writableCommentUseYn == undefined || writableCommentUseYn == "Y"){ // writableComment(); // } // 작성가능한 상품평 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getWritableMyComment) var getWritableMyCommentUseYn = $("#getWritableMyCommentUseYn").val(); if(getWritableMyCommentUseYn == undefined || getWritableMyCommentUseYn == "Y"){ getWritableMyComment(); } else { // 개수 표시 미노출 $("#mobMyComment").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평'); $("#pcMyComment").html('작성 가능한 상품평'); } // 사용가능한 쿠폰 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCouponCnt) var getCouponCntUseYn = $("#getCouponCntUseYn").val(); if(getCouponCntUseYn == undefined || getCouponCntUseYn == "Y"){ getCouponCnt(); } else { // 개수 표시 미노출 $("#mobCouponZone").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰'); $("#pcCouponZone").html('사용 가능한 쿠폰'); } } } }); // 세션정보조회 function getSessionInfo() { $.ajax({ url : "/sec/xhr/member/getSession" , type : "POST" , success : function(result) { result = JSON.parse(result); if (result.mbrNo == "0") { //$("#imgUserMenuIcon").attr("src", "/sec/static/_images/gnb/icon-26-mypage.svg"); $("#icon-svg-mypage").css("display", ""); $("#icon-svg-mypage-on").css("display", "none"); $("input[name=useLogin]").val("N"); $(".link-login i").addClass("ico-people"); $(".user__button > .sr-only").text("로그인 메뉴버튼"); $(".loginAfter").remove(); $(".loginBefore").remove(); setLogoutGnbMenu(); } else { //$("#imgUserMenuIcon").attr("src", "/sec/static/_images/gnb/icon-26-mypage-on.svg"); $("#icon-svg-mypage").css("display", "none"); $("#icon-svg-mypage-on").css("display", ""); $("input[name=useLogin]").val("Y"); $(".link-login i").addClass("ico-people-logged"); $(".user__button > .sr-only").text("나의정보 메뉴버튼"); $(".loginBefore").remove(); $(".loginAfter").remove(); setLoginGnbMenu(); $("#mbrNmMo").html(result.mbrNm); $("#mbrNmPc").html(result.mbrNm); // 작성가능한 상품평 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - writableComment) var writableCommentUseYn = $("#writableCommentUseYn").val(); if(writableCommentUseYn == undefined || writableCommentUseYn == "Y"){ var writableMyCommentCnt = getCookieA("writableMyCommentCnt_1_"); if(writableMyCommentCnt !== undefined && writableMyCommentCnt != null && writableMyCommentCnt > 0){ writableComment(); } } // 작성가능한 상품평 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getWritableMyComment) var getWritableMyCommentUseYn = $("#getWritableMyCommentUseYn").val(); if(getWritableMyCommentUseYn == undefined || getWritableMyCommentUseYn == "Y"){ getWritableMyComment(); } else { // 개수 표시 미노출 $("#mobMyComment").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평'); $("#pcMyComment").html('작성 가능한 상품평'); } // 사용가능한 쿠폰 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCouponCnt) var getCouponCntUseYn = $("#getCouponCntUseYn").val(); if(getCouponCntUseYn == undefined || getCouponCntUseYn == "Y"){ getCouponCnt(); } else { // 개수 표시 미노출 $("#mobCouponZone").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰'); $("#pcCouponZone").html('사용 가능한 쿠폰'); } stcmtMbrYn = result.stcmCertStat; // 스마트싱스 회원여부 } } }); } // 메뉴설정 로그아웃 상태 function setLogoutGnbMenu() { // 모바일 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ var htmlMoLoginBefore = ''; // 로그인 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:doLogin();" data-omni=\'login\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-01.svg" alt="로그인 아이콘">로그인'; htmlMoLoginBefore += '<svg id="icon-svg-my-01" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="currentColor">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M23.219,12.5a5.746,5.746,0,0,1,5.719,5.542h0v1.49a.657.657,0,0,1-.656.656H18.156a.657.657,0,0,1-.656-.656h0v-1.49A5.746,5.746,0,0,1,23.219,12.5Zm0,.938a4.81,4.81,0,0,0-4.781,4.6h0V19.25H28V18.042a4.809,4.809,0,0,0-4.7-4.6h-.077Zm0-9.937a3.844,3.844,0,1,1-3.844,3.844A3.844,3.844,0,0,1,23.219,3.5Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.906,2.906,0,0,0,23.219,4.438Z" transform="translate(-14.125 -2.75)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '로그인'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 회원가입 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:doSignUp()" data-omni=\"sign up\">'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-02.svg" alt="회원가입 아이콘">회원가입'; htmlMoLoginBefore += '<svg id="icon-svg-my-02" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M56.787,62.513A3.2,3.2,0,0,1,53.6,59.306a3.115,3.115,0,0,1,.938-2.269,3.191,3.191,0,0,1,2.269-.937h0a3.2,3.2,0,0,1,3.206,3.188,3.237,3.237,0,0,1-3.225,3.225Zm0-5.606a2.4,2.4,0,0,0,.019,4.8h0a2.4,2.4,0,0,0,2.4-2.4,2.31,2.31,0,0,0-.712-1.687,2.383,2.383,0,0,0-1.706-.712Z" transform="translate(-43.287 -45.581)"/>'; htmlMoLoginBefore += '<path d="M29.438,18.55m-4.612,2.138H18.656A.664.664,0,0,1,18,20.031h0V18.55a5.7,5.7,0,0,1,7.913-5.1l-.825.694a4.247,4.247,0,0,0-1.294-.206h-.075a4.808,4.808,0,0,0-4.781,4.612h0v1.2h5.888ZM23.719,4a3.844,3.844,0,1,1-3.844,3.844A3.849,3.849,0,0,1,23.719,4Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.9,2.9,0,0,0,23.719,4.938Zm1.106,15.75" transform="translate(-14.362 -3.25)"/>'; htmlMoLoginBefore += '<rect width="0.638" height="3.675" transform="translate(13.181 11.888)"/>'; htmlMoLoginBefore += '<rect width="3.675" height="0.638" transform="translate(11.663 13.406)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '회원가입'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 삼성계정을 만들어야 하는 이유 htmlMoLoginBefore += '<li class="variety">'; htmlMoLoginBefore += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">'; //htmlMoLoginBefore += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; //htmlMoLoginBefore += '<rect width="18" height="18" fill="none"></rect>'; //htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '삼성계정을 만들어야 하는 이유'; htmlMoLoginBefore += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlMoLoginBefore += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlMoLoginBefore += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlMoLoginBefore += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 주문/배송 조회 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-03.svg" alt="주문/배송 조회 아이콘">주문/배송 조회'; htmlMoLoginBefore += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M17.78,23.837a.313.313,0,0,1-.249.1H16.16a2.1,2.1,0,0,0-3.222-1.062V17h3.078a.713.713,0,0,1,.654.541l.058.3H14.9a.561.561,0,0,0-.558.563v2.063a.561.561,0,0,0,.558.563h2.44l.489,2.543A.313.313,0,0,1,17.78,23.837Zm-2.391,1.038a1.266,1.266,0,0,1-2.5-.282,1.266,1.266,0,0,1,2.531,0A1.268,1.268,0,0,1,15.389,24.875ZM17.2,20.281h-2.1V18.594h1.779ZM12,23.938H7.535a2.108,2.108,0,0,0-4.007,0H2.438v-9H12v9Zm-5.236.938a1.244,1.244,0,1,1,.033-.281A1.267,1.267,0,0,1,6.764,24.875ZM18.752,23.4l-1.161-6.034a1.648,1.648,0,0,0-1.575-1.3H12.938V14.656A.657.657,0,0,0,12.281,14H2.156a.657.657,0,0,0-.656.656v9.562a.657.657,0,0,0,.656.656H3.443a2.107,2.107,0,0,0,4.177,0h4.448a2.107,2.107,0,0,0,4.177,0h1.287A1.215,1.215,0,0,0,18.752,23.4Z" transform="translate(-1.125 -11.375)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '주문/배송 조회'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 멤버십 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-05.svg" alt="멤버십 아이콘">멤버십'; htmlMoLoginBefore += '<svg id="icon-svg-my-05" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<g transform="translate(1 2.5)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginBefore += '<rect width="16" height="13" rx="3" stroke="none"/>'; htmlMoLoginBefore += '<rect x="0.5" y="0.5" width="15" height="12" rx="2.5" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '<line x2="15" transform="translate(1.5 12)" fill="none" stroke="#000" stroke-width="1"/>'; htmlMoLoginBefore += '<g transform="translate(3.6 5.1)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginBefore += '<rect width="3" height="3" rx="1" stroke="none"/>'; htmlMoLoginBefore += '<rect x="0.5" y="0.5" width="2" height="2" rx="0.5" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '멤버십'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 나의 제품 관리 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="NetFunnel_Action({action_id:\'b2c_login_default\'},\'/sec/mypage/info/indexMyDeviceList/\');return false;" data-omni=\'my device\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-08.svg" alt="나의 제품 관리 아이콘">나의 제품 관리'; htmlMoLoginBefore += '<svg id="icon-svg-my-08" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<defs>'; htmlMoLoginBefore += '<clipPath id="clip-path">'; htmlMoLoginBefore += '<rect width="15.004" height="14.533" fill="none"/>'; htmlMoLoginBefore += '</clipPath>'; htmlMoLoginBefore += '</defs>'; htmlMoLoginBefore += '<g transform="translate(-4353 -1170)">'; htmlMoLoginBefore += '<g transform="translate(4355 1172)">'; htmlMoLoginBefore += '<g transform="translate(0 0)" clip-path="url(#clip-path)">'; htmlMoLoginBefore += '<path d="M7.278,10.387l-.189.139L7.106,13.6l-4.377.017v-3.1l-.189-.139a3.854,3.854,0,0,1,0-6.248L2.729,4,2.712.928,7.089.911V2.362c.083-.093.167-.187.258-.274a4.864,4.864,0,0,1,.685-.559V.911A.919.919,0,0,0,7.106,0H2.712a.92.92,0,0,0-.926.911V3.542a4.77,4.77,0,0,0,0,7.442v2.638a.92.92,0,0,0,.926.911H7.106a.919.919,0,0,0,.926-.911V10.984a4.874,4.874,0,0,0,.937-1.018,4.9,4.9,0,0,1-.842-.434,3.982,3.982,0,0,1-.849.855" transform="translate(0 0)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M26.238,5.027A4.023,4.023,0,0,0,23.4,6.18a3.8,3.8,0,0,0-1.172,2.791,3.97,3.97,0,0,0,3.985,3.945,4.015,4.015,0,0,0,4.032-3.968,3.971,3.971,0,0,0-4.009-3.922m0,6.9a2.953,2.953,0,1,1-.024-5.906h0a3,3,0,0,1,2.133.876,2.82,2.82,0,0,1,.891,2.076,2.983,2.983,0,0,1-3,2.953" transform="translate(-15.243 -3.472)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M31.792,12.418h-1.1V11.371a.563.563,0,0,0-1.125,0v1.047h-1.1a.554.554,0,1,0,0,1.107h1.1v1.047a.563.563,0,0,0,1.125,0V13.525h1.1a.554.554,0,1,0,0-1.107" transform="translate(-19.133 -7.472)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M4.977,16.6a3.9,3.9,0,1,1,0-7.8,4,4,0,0,1,1.384.25,4.643,4.643,0,0,1,.457-.822,4.947,4.947,0,0,0-1.841-.356,4.831,4.831,0,1,0,0,9.66A4.93,4.93,0,0,0,9.041,15.4a4.9,4.9,0,0,1-.845-.435A3.979,3.979,0,0,1,4.977,16.6" transform="translate(-0.047 -5.434)" fill="#1a1311"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '<rect width="18" height="18" transform="translate(4353 1170)" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '나의 제품 관리'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 쿠폰존 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="쿠폰존 아이콘">쿠폰존'; htmlMoLoginBefore += '<svg id="icon-svg-my-04" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M19.094,14.5a.469.469,0,0,1,.468.438v3.153a.469.469,0,0,1-.469.469,2.195,2.195,0,0,0-2.112,1.5A2.231,2.231,0,0,0,19.04,23h.084a.468.468,0,0,1,.437.437v3.153a.469.469,0,0,1-.438.468H2.969a.469.469,0,0,1-.468-.438V14.969a.469.469,0,0,1,.438-.468H19.094Zm-.469.937H8.125v1.219H7.187V15.438H3.437V26.125h3.75V25.094h.938v1.031h10.5V23.907l-.032,0a3.169,3.169,0,0,1-2.542-4l.017-.06.019-.063A3.106,3.106,0,0,1,18.5,17.678l.065-.012.063-.01V15.438Zm-10.5,6.281v1.688H7.188V21.719Zm0-3.375v1.688H7.188V18.344Z" transform="translate(-1.938 -11.688)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '쿠폰존'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 삼성닷컴 회원 혜택 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-06.svg" alt="삼성닷컴 회원 혜택 아이콘">삼성닷컴 회원 혜택'; htmlMoLoginBefore += '<svg id="icon-svg-my-06" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M17.912,5a1.905,1.905,0,0,1,1.759,2.625h1.735a.657.657,0,0,1,.655.62v3.786a.657.657,0,0,1-.62.655h-.88v7.781a.657.657,0,0,1-.62.655H8.656A.657.657,0,0,1,8,20.5V12.688H7.156a.657.657,0,0,1-.655-.62V8.281a.657.657,0,0,1,.62-.655H8.892a1.9,1.9,0,0,1,2.673-2.392l.036.02.056.028.06.031c.139.073.334.185.585.34l.059.037c.549.343,1.189.79,1.92,1.354l-.07.054.238-.183c.626-.477,1.184-.865,1.671-1.174L16.2,5.69c.319-.2.554-.332.7-.408l.057-.029L17,5.234A1.894,1.894,0,0,1,17.843,5Zm-5.974,7.688h-3v7.5h3Zm3.75,0H12.875v7.5h2.813Zm3.938,0h-3v7.5h3ZM11.938,8.563h-4.5V11.75h4.5Zm3.75,0H12.875V11.75h2.813Zm5.438,0h-4.5V11.75h4.5ZM17.912,5.938a.957.957,0,0,0-.447.11l-.045.025-.02.012-.021.01c-.022.01-.074.037-.157.082-.128.07-.28.158-.456.267l-.067.042c-.47.294-1.015.671-1.634,1.14h3.488a.967.967,0,0,0-.641-1.688Zm-7.261,0a.967.967,0,0,0-.641,1.688H13.5c-.585-.443-1.1-.8-1.556-1.091l-.078-.049c-.181-.114-.339-.207-.473-.281l-.049-.027-.119-.063-.059-.028-.02-.012a.954.954,0,0,0-.492-.135Z" transform="translate(-5.188 -4.063)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '삼성닷컴 회원 혜택'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 앱설정 if(window.secapp || device.isIosApp) { htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="callApplicationMenu(\'settings\');">'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-setting.svg" alt="설정 아이콘">설정'; htmlMoLoginBefore += '<svg id="icon-svg-my-set" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">'; htmlMoLoginBefore += '<path d="M20.076-1.5A21.576,21.576,0,1,1-1.5,20.076,21.6,21.6,0,0,1,20.076-1.5Zm0,35.712A14.136,14.136,0,1,0,5.94,20.076,14.152,14.152,0,0,0,20.076,34.212Z" transform="translate(27.5 27.5)" fill="#010101"/>'; htmlMoLoginBefore += '<path d="M64.911,9.7h16.12a6.085,6.085,0,0,1,5.841,4.554l.01.041,2.465,10.354a.373.373,0,0,0,.068.089l.183.092,2.182,1.455a1.755,1.755,0,0,0,.542.13L102.7,23.451a5.886,5.886,0,0,1,1.426-.176h0a6.144,6.144,0,0,1,5.051,2.713l.071.107,8.182,14.319.116.349A6.52,6.52,0,0,1,116.15,47.3l-7.688,7.688a.4.4,0,0,0-.15.346v.458l-.427,1.709a.891.891,0,0,0,.1.177l7.674,7.674a6.008,6.008,0,0,1,1.193,7.022l-.1.182-8,14-.071.107a6.144,6.144,0,0,1-5.051,2.713A5.887,5.887,0,0,1,102.2,89.2l-.12-.032-10.255-2.93a1.834,1.834,0,0,0-.631.167l-1.781,1.013a.37.37,0,0,0-.069.091l-2.729,10.42a6.086,6.086,0,0,1-5.834,4.526H64.663a6.086,6.086,0,0,1-5.834-4.526L56.1,87.507a.37.37,0,0,0-.069-.091l-.158-.085L54.25,86.4a1.834,1.834,0,0,0-.631-.167L43.245,89.2a5.887,5.887,0,0,1-1.427.176,6.144,6.144,0,0,1-5.051-2.713l-.071-.107L28.744,72.636a5.974,5.974,0,0,1,.8-7.286l7.688-7.688a.4.4,0,0,0,.15-.346v-2.2a1.13,1.13,0,0,0-.165-.391L29.284,46.79l-.2-.306a6.381,6.381,0,0,1-.48-6.455l.051-.1,8.3-14.336.065-.1a6.144,6.144,0,0,1,5.051-2.713,5.887,5.887,0,0,1,1.427.176l.12.032,10.255,2.93a1.834,1.834,0,0,0,.631-.167l1.781-1.013a.37.37,0,0,0,.069-.091l2.729-10.42A6.086,6.086,0,0,1,64.911,9.7Zm15,7.44H66L63.553,26.5a7.619,7.619,0,0,1-3.814,4.824l-1.845,1.047a9.245,9.245,0,0,1-4.046.986,7.2,7.2,0,0,1-1.744-.208l-.12-.032-9.263-2.647L35.669,42.653l6.824,6.824a8.329,8.329,0,0,1,2.33,5.606v2.232a7.777,7.777,0,0,1-2.33,5.606l-6.829,6.829L42.481,81.68,51.857,79A7.2,7.2,0,0,1,53.6,78.8a9.245,9.245,0,0,1,4.046.986l.182.1,1.663.95a7.619,7.619,0,0,1,3.814,4.824l2.451,9.36H79.689l2.451-9.36a7.619,7.619,0,0,1,3.814-4.824L87.8,79.781a9.245,9.245,0,0,1,4.046-.986A7.2,7.2,0,0,1,93.589,79l.12.032,9.256,2.645,6.726-11.771L102.7,62.923a8.329,8.329,0,0,1-2.33-5.606v-.458l.512-2.049a7.762,7.762,0,0,1,2.313-5.084l6.987-6.987-6.726-11.771-9.376,2.677a7.2,7.2,0,0,1-1.744.208,9.245,9.245,0,0,1-4.046-.986l-.207-.1-2.267-1.511a7.622,7.622,0,0,1-3.687-4.778l-.01-.041Z" transform="translate(-24.86 -7.7)" fill="#010101"/>'; htmlMoLoginBefore += '<rect width="96" height="96" fill="none"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '설정'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; } $(".user__mypage__list ul").html(htmlMoLoginBefore); // PC //} else { var htmlLoginBefore = ''; htmlLoginBefore += '<ul>'; // 로그인 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:doLogin();" data-omni=\'login\'>로그인</a>'; htmlLoginBefore += '</li>'; // 회원가입 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:doSignUp();" data-omni=\"sign up\">회원가입</a>'; htmlLoginBefore += '</li>'; // 삼성계정을 만들어야 하는 이유 htmlLoginBefore += '<li class="variety">'; htmlLoginBefore += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">삼성계정을 만들어야 하는 이유'; htmlLoginBefore += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlLoginBefore += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlLoginBefore += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlLoginBefore += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlLoginBefore += '</g>'; htmlLoginBefore += '</svg>'; htmlLoginBefore += '</a>'; htmlLoginBefore += '</li>'; // 주문/배송 조회 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>주문/배송 조회</a>'; htmlLoginBefore += '</li>'; // 멤버십 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>멤버십</a>'; htmlLoginBefore += '</li>'; // 나의 제품 관리 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:void(0);" onclick="NetFunnel_Action({action_id:\'b2c_login_default\'},\'/sec/mypage/info/indexMyDeviceList/\');return false;" data-omni=\'my device\'>나의 제품 관리</a>'; htmlLoginBefore += '</li>'; // 쿠폰존 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\'>쿠폰존</a>'; htmlLoginBefore += '</li>'; // 삼성닷컴 회원 혜택 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>삼성닷컴 회원 혜택</a>'; htmlLoginBefore += '</li>'; // 참여형 이벤트 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni=\'join event\'>참여형 이벤트</a>'; htmlLoginBefore += '</li>'; htmlLoginBefore += '</ul>'; $(".user__list").html(htmlLoginBefore); //} } // 메뉴설정 로그인 상태 function setLoginGnbMenu() { // 모바일 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ // 회원명 var htmlMoMbrNm = ''; htmlMoMbrNm += '<div class="login__user__wrap m-only">'; //htmlMoMbrNm += '<a href=\'https://account.samsung.com/membership\'>'; htmlMoMbrNm += '<a href="/sec/membership/point/" data-omni="my account">'; htmlMoMbrNm += '안녕하세요! <span id=\'mbrNmMo\'></span>님'; htmlMoMbrNm += '</a>'; htmlMoMbrNm += '</div>'; $(".login__user__wrap.m-only").replaceWith(htmlMoMbrNm); // [三] 메뉴구성 var htmlMoLoginAfter = ''; // 삼성계정을 만들어야 하는 이유 htmlMoLoginAfter += '<li class="variety">'; htmlMoLoginAfter += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">삼성계정을 만들어야 하는 이유'; htmlMoLoginAfter += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlMoLoginAfter += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlMoLoginAfter += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlMoLoginAfter += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 나의 정보 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/membership/point/" data-omni=\'my account\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-07.svg" alt="나의 정보 아이콘">나의 정보'; htmlMoLoginAfter += '<svg id="icon-svg-my-07" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M56.787,62.513A3.2,3.2,0,0,1,53.6,59.306a3.115,3.115,0,0,1,.938-2.269,3.191,3.191,0,0,1,2.269-.937h0a3.2,3.2,0,0,1,3.206,3.188,3.237,3.237,0,0,1-3.225,3.225Zm0-5.606a2.4,2.4,0,0,0,.019,4.8h0a2.4,2.4,0,0,0,2.4-2.4,2.31,2.31,0,0,0-.713-1.687,2.383,2.383,0,0,0-1.706-.712Z" transform="translate(-43.306 -45.581)"/>'; htmlMoLoginAfter += '<path d="M29.438,18.55m-4.612,2.137H18.656A.664.664,0,0,1,18,20.031h0V18.55a5.7,5.7,0,0,1,7.913-5.1l-.825.694a4.247,4.247,0,0,0-1.294-.206h-.075a4.808,4.808,0,0,0-4.781,4.612h0v1.2h5.888ZM23.719,4a3.844,3.844,0,1,1-3.844,3.844A3.849,3.849,0,0,1,23.719,4Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.9,2.9,0,0,0,23.719,4.938Zm1.106,15.75" transform="translate(-14.381 -3.25)"/>'; htmlMoLoginAfter += '<path d="M68.6,63.8a.6.6,0,1,0-.6.6A.6.6,0,0,0,68.6,63.8Z" transform="translate(-54.519 -51.35)"/>'; htmlMoLoginAfter += '<path d="M68.694,74.425h-.75V73H67.7v-.6h.975v2.025Z" transform="translate(-54.762 -58.825)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '나의 정보'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 주문/배송 조회 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-03.svg" alt="주문/배송 조회 아이콘">주문/배송 조회'; htmlMoLoginAfter += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M17.78,23.837a.313.313,0,0,1-.249.1H16.16a2.1,2.1,0,0,0-3.222-1.062V17h3.078a.713.713,0,0,1,.654.541l.058.3H14.9a.561.561,0,0,0-.558.563v2.063a.561.561,0,0,0,.558.563h2.44l.489,2.543A.313.313,0,0,1,17.78,23.837Zm-2.391,1.038a1.266,1.266,0,0,1-2.5-.282,1.266,1.266,0,0,1,2.531,0A1.268,1.268,0,0,1,15.389,24.875ZM17.2,20.281h-2.1V18.594h1.779ZM12,23.938H7.535a2.108,2.108,0,0,0-4.007,0H2.438v-9H12v9Zm-5.236.938a1.244,1.244,0,1,1,.033-.281A1.267,1.267,0,0,1,6.764,24.875ZM18.752,23.4l-1.161-6.034a1.648,1.648,0,0,0-1.575-1.3H12.938V14.656A.657.657,0,0,0,12.281,14H2.156a.657.657,0,0,0-.656.656v9.562a.657.657,0,0,0,.656.656H3.443a2.107,2.107,0,0,0,4.177,0h4.448a2.107,2.107,0,0,0,4.177,0h1.287A1.215,1.215,0,0,0,18.752,23.4Z" transform="translate(-1.125 -11.375)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '주문/배송 조회'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 멤버십 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-05.svg" alt="멤버십 아이콘">멤버십'; htmlMoLoginAfter += '<svg id="icon-svg-my-05" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<g transform="translate(1 2.5)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginAfter += '<rect width="16" height="13" rx="3" stroke="none"/>'; htmlMoLoginAfter += '<rect x="0.5" y="0.5" width="15" height="12" rx="2.5" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '<line x2="15" transform="translate(1.5 12)" fill="none" stroke="#000" stroke-width="1"/>'; htmlMoLoginAfter += '<g transform="translate(3.6 5.1)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginAfter += '<rect width="3" height="3" rx="1" stroke="none"/>'; htmlMoLoginAfter += '<rect x="0.5" y="0.5" width="2" height="2" rx="0.5" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '멤버십'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 나의 제품 관리 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/info/indexMyDeviceList/" data-omni=\'my device\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-08.svg" alt="나의 제품 관리 아이콘">나의 제품 관리'; htmlMoLoginAfter += '<svg id="icon-svg-my-08" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<defs>'; htmlMoLoginAfter += '<clipPath id="clip-path">'; htmlMoLoginAfter += '<rect width="15.004" height="14.533" fill="none"/>'; htmlMoLoginAfter += '</clipPath>'; htmlMoLoginAfter += '</defs>'; htmlMoLoginAfter += '<g transform="translate(-4353 -1170)">'; htmlMoLoginAfter += '<g transform="translate(4355 1172)">'; htmlMoLoginAfter += '<g transform="translate(0 0)" clip-path="url(#clip-path)">'; htmlMoLoginAfter += '<path d="M7.278,10.387l-.189.139L7.106,13.6l-4.377.017v-3.1l-.189-.139a3.854,3.854,0,0,1,0-6.248L2.729,4,2.712.928,7.089.911V2.362c.083-.093.167-.187.258-.274a4.864,4.864,0,0,1,.685-.559V.911A.919.919,0,0,0,7.106,0H2.712a.92.92,0,0,0-.926.911V3.542a4.77,4.77,0,0,0,0,7.442v2.638a.92.92,0,0,0,.926.911H7.106a.919.919,0,0,0,.926-.911V10.984a4.874,4.874,0,0,0,.937-1.018,4.9,4.9,0,0,1-.842-.434,3.982,3.982,0,0,1-.849.855" transform="translate(0 0)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M26.238,5.027A4.023,4.023,0,0,0,23.4,6.18a3.8,3.8,0,0,0-1.172,2.791,3.97,3.97,0,0,0,3.985,3.945,4.015,4.015,0,0,0,4.032-3.968,3.971,3.971,0,0,0-4.009-3.922m0,6.9a2.953,2.953,0,1,1-.024-5.906h0a3,3,0,0,1,2.133.876,2.82,2.82,0,0,1,.891,2.076,2.983,2.983,0,0,1-3,2.953" transform="translate(-15.243 -3.472)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M31.792,12.418h-1.1V11.371a.563.563,0,0,0-1.125,0v1.047h-1.1a.554.554,0,1,0,0,1.107h1.1v1.047a.563.563,0,0,0,1.125,0V13.525h1.1a.554.554,0,1,0,0-1.107" transform="translate(-19.133 -7.472)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M4.977,16.6a3.9,3.9,0,1,1,0-7.8,4,4,0,0,1,1.384.25,4.643,4.643,0,0,1,.457-.822,4.947,4.947,0,0,0-1.841-.356,4.831,4.831,0,1,0,0,9.66A4.93,4.93,0,0,0,9.041,15.4a4.9,4.9,0,0,1-.845-.435A3.979,3.979,0,0,1,4.977,16.6" transform="translate(-0.047 -5.434)" fill="#1a1311"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '<rect width="18" height="18" transform="translate(4353 1170)" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '나의 제품 관리'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 작성 가능한 상품평 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/review/indexMyReview/" data-omni=\'my comment\' id=\'mobMyComment\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평 : <span class=\'writableCnt\'></span>건'; htmlMoLoginAfter += '<svg id="icon-svg-my-09" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M51.366,39.041h-.028L49.467,38.9a.487.487,0,0,1-.453-.453L48.9,36.519a.539.539,0,0,1,.142-.368l5.47-5.527a.5.5,0,0,1,.709,0l2.041,2.041a.479.479,0,0,1,0,.68L51.734,38.9A.6.6,0,0,1,51.366,39.041Zm-1.417-1.105,1.219.085L56.184,33l-1.3-1.3-4.988,4.96Z" transform="translate(-39.89 -27.107)"/>'; htmlMoLoginAfter += '<path d="M63.806,40.516a.523.523,0,0,1-.34-.142l-1.842-1.842a.5.5,0,1,1,.709-.709l1.814,1.814a.5.5,0,0,1,0,.709A.443.443,0,0,1,63.806,40.516Z" transform="translate(-48.901 -32.267)"/>'; htmlMoLoginAfter += '<path d="M32.886,37.884H22.91a.508.508,0,0,1-.51-.51V22.41a.508.508,0,0,1,.51-.51h9.976a.508.508,0,0,1,.51.51v3.259a.51.51,0,1,1-1.02,0V22.892H23.42v14H32.4V34.03a.51.51,0,1,1,1.02,0v3.344A.553.553,0,0,1,32.886,37.884Z" transform="translate(-20.9 -20.963)"/>'; htmlMoLoginAfter += '<path d="M30.911,34.03l.057.142a.669.669,0,0,0,.6.425H31.7l-.113.085a.737.737,0,0,0-.227.709l.028.142-.113-.057a.924.924,0,0,0-.368-.113.57.57,0,0,0-.368.113l-.142.085.028-.142a.737.737,0,0,0-.227-.709l-.085-.085h.142a.734.734,0,0,0,.6-.425l.057-.17m0-1.53a.213.213,0,0,0-.2.142l-.51,1.247L28.842,34h0a.156.156,0,0,0-.142.085.215.215,0,0,0,.028.283l1.049.879-.34,1.3h0a.359.359,0,0,0,.028.17.2.2,0,0,0,.17.085.17.17,0,0,0,.113-.028l1.162-.709,1.162.709h0c.028.028.057.028.113.028h.057a.2.2,0,0,0,.142-.255l-.34-1.3,1.049-.879h0a.216.216,0,0,0,.057-.142.24.24,0,0,0-.2-.227l-1.36-.113-.482-1.247h0A.221.221,0,0,0,31,32.528a.1.1,0,0,0-.085-.028Z" transform="translate(-25.386 -28.558)"/>'; htmlMoLoginAfter += '<path d="M30.911,52.33l.057.142a.669.669,0,0,0,.6.425H31.7l-.113.085a.737.737,0,0,0-.227.709l.028.142-.142-.085a.924.924,0,0,0-.368-.113.57.57,0,0,0-.368.113l-.142.085.028-.142a.737.737,0,0,0-.227-.709L30.06,52.9H30.2a.734.734,0,0,0,.6-.425l.113-.142m0-1.53a.213.213,0,0,0-.2.142l-.51,1.247-1.36.113h0a.156.156,0,0,0-.142.085.215.215,0,0,0,.028.283l1.049.879-.34,1.3h0a.359.359,0,0,0,.028.17.2.2,0,0,0,.17.085.17.17,0,0,0,.113-.028l1.162-.709,1.162.709h0c.028.028.057.028.113.028h.057a.2.2,0,0,0,.142-.255l-.34-1.3,1.049-.879h0a.216.216,0,0,0,.057-.142.24.24,0,0,0-.2-.227l-1.36-.113-.51-1.247h0a.221.221,0,0,0-.113-.113c0-.028-.028-.028-.057-.028Z" transform="translate(-25.386 -41.672)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '작성 가능한 상품평 : <span class=\'writableCnt\'></span>건'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 사용가능한 쿠폰 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\' id=\'mobCouponZone\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰 : <span name="couponCnt"></span>개'; htmlMoLoginAfter += '<svg id="icon-svg-my-04" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M19.094,14.5a.469.469,0,0,1,.468.438v3.153a.469.469,0,0,1-.469.469,2.195,2.195,0,0,0-2.112,1.5A2.231,2.231,0,0,0,19.04,23h.084a.468.468,0,0,1,.437.437v3.153a.469.469,0,0,1-.438.468H2.969a.469.469,0,0,1-.468-.438V14.969a.469.469,0,0,1,.438-.468H19.094Zm-.469.937H8.125v1.219H7.187V15.438H3.437V26.125h3.75V25.094h.938v1.031h10.5V23.907l-.032,0a3.169,3.169,0,0,1-2.542-4l.017-.06.019-.063A3.106,3.106,0,0,1,18.5,17.678l.065-.012.063-.01V15.438Zm-10.5,6.281v1.688H7.188V21.719Zm0-3.375v1.688H7.188V18.344Z" transform="translate(-1.938 -11.688)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '사용 가능한 쿠폰 : <span name="couponCnt"></span>개'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 삼성닷컴 회원 혜택 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-06.svg" alt="삼성닷컴 회원 혜택 아이콘">삼성닷컴 회원 혜택'; htmlMoLoginAfter += '<svg id="icon-svg-my-06" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M17.912,5a1.905,1.905,0,0,1,1.759,2.625h1.735a.657.657,0,0,1,.655.62v3.786a.657.657,0,0,1-.62.655h-.88v7.781a.657.657,0,0,1-.62.655H8.656A.657.657,0,0,1,8,20.5V12.688H7.156a.657.657,0,0,1-.655-.62V8.281a.657.657,0,0,1,.62-.655H8.892a1.9,1.9,0,0,1,2.673-2.392l.036.02.056.028.06.031c.139.073.334.185.585.34l.059.037c.549.343,1.189.79,1.92,1.354l-.07.054.238-.183c.626-.477,1.184-.865,1.671-1.174L16.2,5.69c.319-.2.554-.332.7-.408l.057-.029L17,5.234A1.894,1.894,0,0,1,17.843,5Zm-5.974,7.688h-3v7.5h3Zm3.75,0H12.875v7.5h2.813Zm3.938,0h-3v7.5h3ZM11.938,8.563h-4.5V11.75h4.5Zm3.75,0H12.875V11.75h2.813Zm5.438,0h-4.5V11.75h4.5ZM17.912,5.938a.957.957,0,0,0-.447.11l-.045.025-.02.012-.021.01c-.022.01-.074.037-.157.082-.128.07-.28.158-.456.267l-.067.042c-.47.294-1.015.671-1.634,1.14h3.488a.967.967,0,0,0-.641-1.688Zm-7.261,0a.967.967,0,0,0-.641,1.688H13.5c-.585-.443-1.1-.8-1.556-1.091l-.078-.049c-.181-.114-.339-.207-.473-.281l-.049-.027-.119-.063-.059-.028-.02-.012a.954.954,0,0,0-.492-.135Z" transform="translate(-5.188 -4.063)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '삼성닷컴 회원 혜택'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 앱설정 if(window.secapp || device.isIosApp) { htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:void(0);" onclick="callApplicationMenu(\'settings\');">'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-setting.svg" alt="설정 아이콘">설정'; htmlMoLoginAfter += '<svg id="icon-svg-my-set" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">'; htmlMoLoginAfter += '<path d="M20.076-1.5A21.576,21.576,0,1,1-1.5,20.076,21.6,21.6,0,0,1,20.076-1.5Zm0,35.712A14.136,14.136,0,1,0,5.94,20.076,14.152,14.152,0,0,0,20.076,34.212Z" transform="translate(27.5 27.5)" fill="#010101"/>'; htmlMoLoginAfter += '<path d="M64.911,9.7h16.12a6.085,6.085,0,0,1,5.841,4.554l.01.041,2.465,10.354a.373.373,0,0,0,.068.089l.183.092,2.182,1.455a1.755,1.755,0,0,0,.542.13L102.7,23.451a5.886,5.886,0,0,1,1.426-.176h0a6.144,6.144,0,0,1,5.051,2.713l.071.107,8.182,14.319.116.349A6.52,6.52,0,0,1,116.15,47.3l-7.688,7.688a.4.4,0,0,0-.15.346v.458l-.427,1.709a.891.891,0,0,0,.1.177l7.674,7.674a6.008,6.008,0,0,1,1.193,7.022l-.1.182-8,14-.071.107a6.144,6.144,0,0,1-5.051,2.713A5.887,5.887,0,0,1,102.2,89.2l-.12-.032-10.255-2.93a1.834,1.834,0,0,0-.631.167l-1.781,1.013a.37.37,0,0,0-.069.091l-2.729,10.42a6.086,6.086,0,0,1-5.834,4.526H64.663a6.086,6.086,0,0,1-5.834-4.526L56.1,87.507a.37.37,0,0,0-.069-.091l-.158-.085L54.25,86.4a1.834,1.834,0,0,0-.631-.167L43.245,89.2a5.887,5.887,0,0,1-1.427.176,6.144,6.144,0,0,1-5.051-2.713l-.071-.107L28.744,72.636a5.974,5.974,0,0,1,.8-7.286l7.688-7.688a.4.4,0,0,0,.15-.346v-2.2a1.13,1.13,0,0,0-.165-.391L29.284,46.79l-.2-.306a6.381,6.381,0,0,1-.48-6.455l.051-.1,8.3-14.336.065-.1a6.144,6.144,0,0,1,5.051-2.713,5.887,5.887,0,0,1,1.427.176l.12.032,10.255,2.93a1.834,1.834,0,0,0,.631-.167l1.781-1.013a.37.37,0,0,0,.069-.091l2.729-10.42A6.086,6.086,0,0,1,64.911,9.7Zm15,7.44H66L63.553,26.5a7.619,7.619,0,0,1-3.814,4.824l-1.845,1.047a9.245,9.245,0,0,1-4.046.986,7.2,7.2,0,0,1-1.744-.208l-.12-.032-9.263-2.647L35.669,42.653l6.824,6.824a8.329,8.329,0,0,1,2.33,5.606v2.232a7.777,7.777,0,0,1-2.33,5.606l-6.829,6.829L42.481,81.68,51.857,79A7.2,7.2,0,0,1,53.6,78.8a9.245,9.245,0,0,1,4.046.986l.182.1,1.663.95a7.619,7.619,0,0,1,3.814,4.824l2.451,9.36H79.689l2.451-9.36a7.619,7.619,0,0,1,3.814-4.824L87.8,79.781a9.245,9.245,0,0,1,4.046-.986A7.2,7.2,0,0,1,93.589,79l.12.032,9.256,2.645,6.726-11.771L102.7,62.923a8.329,8.329,0,0,1-2.33-5.606v-.458l.512-2.049a7.762,7.762,0,0,1,2.313-5.084l6.987-6.987-6.726-11.771-9.376,2.677a7.2,7.2,0,0,1-1.744.208,9.245,9.245,0,0,1-4.046-.986l-.207-.1-2.267-1.511a7.622,7.622,0,0,1-3.687-4.778l-.01-.041Z" transform="translate(-24.86 -7.7)" fill="#010101"/>'; htmlMoLoginAfter += '<rect width="96" height="96" fill="none"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '설정'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; } // 로그아웃 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:doLogout();" data-omni=\'logout\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-11.svg" alt="로그아웃 아이콘">로그아웃'; htmlMoLoginAfter += '<svg id="icon-svg-my-logout" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M32.938,21.9h9.976a.508.508,0,0,1,.51.51V37.374a.508.508,0,0,1-.51.51H32.938a.508.508,0,0,1-.51-.51V34.115a.51.51,0,1,1,1.02,0v2.777H42.4v-14H33.42v2.862a.51.51,0,1,1-1.02,0V22.41A.553.553,0,0,1,32.938,21.9Z" transform="translate(-27.503 -20.962)"/>'; htmlMoLoginAfter += '<path d="M27.3,44.069h0a.582.582,0,0,1,0-.822l1.219-1.219c.368-.368.964-.992.964-.992H22.967a.568.568,0,0,1-.567-.567h0a.568.568,0,0,1,.567-.567h6.49s-.6-.623-.964-.992L27.3,37.692a.582.582,0,0,1,0-.822h0a.582.582,0,0,1,.822,0l3.146,3.174a.582.582,0,0,1,0,.822l-3.174,3.2A.548.548,0,0,1,27.3,44.069Z" transform="translate(-20.338 -31.568)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '로그아웃'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; $(".user__mypage__list ul").html(htmlMoLoginAfter); // PC //} else { var htmlLoginAfter = ''; // 회원명 htmlLoginAfter += '<div class="login__user__wrap">'; //htmlLoginAfter += '<a href=\'https://account.samsung.com/membership\'>'; htmlLoginAfter += '<a href="/sec/membership/point/" data-omni="my account">'; htmlLoginAfter += '안녕하세요! <span id=\'mbrNmPc\'></span>님'; htmlLoginAfter += '</a>'; htmlLoginAfter += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\" class="variety">'; htmlLoginAfter += '삼성계정을 만들어야 하는 이유'; htmlLoginAfter += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlLoginAfter += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlLoginAfter += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlLoginAfter += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlLoginAfter += '</g>'; htmlLoginAfter += '</svg>'; htmlLoginAfter += '</a>'; htmlLoginAfter += '</div>'; // 나의 정보 htmlLoginAfter += '<ul>'; htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/membership/point/" data-omni=\'my account\'>나의 정보</a>'; htmlLoginAfter += '</li>'; // 주문/배송 조회 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>주문/배송 조회</a>'; htmlLoginAfter += '</li>'; // 멤버십 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>멤버십</a>'; htmlLoginAfter += '</li>'; // 나의 제품 관리 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/info/indexMyDeviceList/" data-omni=\'my device\'>나의 제품 관리</a>'; htmlLoginAfter += '</li>'; // 작성 가능한 상품평 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/review/indexMyReview/" data-omni=\'my comment\' id=\'pcMyComment\'>작성 가능한 상품평 : <span class=\'writableCnt\'></span>건</a>'; htmlLoginAfter += '</li>'; // 사용가능한 쿠폰 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\' id=\'pcCouponZone\'>사용 가능한 쿠폰 : <span name="couponCnt"></span>개</a>'; htmlLoginAfter += '</li>'; // 삼성닷컴 회원 혜택 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>삼성닷컴 회원 혜택</a>'; htmlLoginAfter += '</li>'; // 참여형 이벤트 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni=\'join event\'>참여형 이벤트</a>'; htmlLoginAfter += '</li>'; // 로그아웃 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="javascript:doLogout();" data-omni=\'logout\'>로그아웃</a>'; htmlLoginAfter += '</li>'; htmlLoginAfter += '</ul>'; $(".user__list").html(htmlLoginAfter); //} } // 장바구니 개수 조회 function getCartCnt() { ajax.call({ url : '/sec/xhr/order/gnbCartCount' , showWait : false , done: function (result) { if (result > 0) { $('.cart__count').text(result); $('.cart__count').show(); } else { $('.cart__count').hide(); } } }); } // 사용 가능한 쿠폰 개수 조회 function getCouponCnt() { $.ajax({ url : "/sec/xhr/coupon/getCouponInOrderCnt" , type : "POST" , success : function(result) { $("[name=couponCnt]").text(result); } }); } // 작성 가능한 상품평 개수 조회 function getWritableMyComment() { $.ajax({ url : "/sec/xhr/review/loadWritableMyCommentListCount" , type : "POST" , dataType : "json" , contentType : "application/json; charset=utf-8" , success : function(result) { $('.writableCnt').text(result.cmntCnt); } , error : function(request, status, error) { } }); } </script> <script async> //앱설치 유도 토스트 팝업 AA 태깅 function appToastPopupTag(obj) { if(obj !== undefined) { tpTrack('click', $(obj).attr('data-omni')); } } //.toast-parent 앱설치 유도 function appToast(){ var toastI = $('.toast-parent'); var toastC = $('.child-pops-form'); var appSetYN = getCookieA("appSetYN"); var toastCYN = getCookieA("toastCYN"); var commentPC = getCookieA("commentPC"); var appUrl = window.location.href; // class에 active 추가하여 생성 var appTStr = "<div class='toast-pop induce-ss-app toast-parent' data-toast-name='toastInduce' data-focus='toastInduce' data-toast-index='0'>" + "<div class='inner'>" + "<img loading='lazy' src='//images.samsung.com/kdp/common/img-induce-benefit.png' alt=''>" + "<p>앱 다운받고,<br><b class='ft18'>삼.세페 혜택</b>을 만나보세요!</p>" + "<button type='button' class='btn btn-d btn-type2' data-omni='appinstall_popup_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기</button>" + "<a href='javascript:void(0);' class='btn-underline btn-underline-disable toast-close' data-omni='appinstall_popup_stayonline' onclick='appToastIClose(true); appToastPopupTag(this);'>모바일 웹으로 볼게요</a>" + "</div>" + "<div class='stop-view-wrap'>" + "<div class='chk-form'>" + "<input id='chk-not-see-appP' type='checkbox' required='' title='' class='' data-omni='appinstall_popup_closeforweek' onclick='appToastPopupTag(this);'>" + "<label for='chk-not-see-appP' class='' >일주일 그만보기</label>" + "</div>" + "<button type='button' class='btn-underline toast-close' data-focus-next='toastInduce' data-omni='appinstall_popup_close' onclick='appToastIClose(true); appToastPopupTag(this);'>닫기</button>" + "</div>" + "</div>"; var appCStr = "<div class='toast-pop child-pops-form' data-toast-name='toastChild02' data-focus='toastChild02' data-toast-index='1'>" + "<div class='inner'>" + "<img loading='lazy' src='//images.samsung.com/kdp/common/icon-induce-benefit-3.png' alt=''>" + "<div class='text-wrap'>" + "<p>앱 다운받고, <b style='font-size: inherit; font-weight: 400; color: #9BD6FF'>삼.세페 혜택</b>을 만나보세요!</p>" + "<a href='javascript:void(0);' class='btn-underline' data-omni='appinstall_banner_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기 ></a>" + "</div>" + "<button type='button' class='toast-close' data-focus-next='toastChild02' onclick='appToastCClose(); appToastPopupTag(this);' data-omni='appinstall_banner_close' >팝업닫기</button>" + "</div>" + "</div>"; var appCCStr = "<section class='cod05-app-banner'>" + "<div class='cod05-app-banner__icon'>" + "<img src='https://images.samsung.com/kdp/app/samsungApp.svg' alt='Samsung App Icon'>" + "</div>" + "<div class='cod05-app-banner__content'>" + "<p class='cod05-app-banner__desc'>앱 다운로드 받고, <strong>다양한 혜택</strong>을 만나보세요</p>" + "<a href='javascript:void(0);' class='cta cta--underline cta--black cod05-app-banner__cta' data-omni='appinstall_banner_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기</a>" + "</div>" + "<button class='cod05-app-banner__close' type='button' data-focus-next='toastInduce' data-omni='appinstall_popup_close' onclick='appToastCCClose();'>" + "<span class='hide'>Close</span>" + "<svg xmlns='http://www.w3.org/2000/svg' width='13.414' height='13.414' viewBox='0 0 13.414 13.414'>" + "<g transform='translate(-444.293 -182.293)'>" + "<line x2='12' y2='12' transform='translate(445 183)' stroke-width='1' stroke='#000' stroke-linecap='round' stroke-linejoin='round' fill='none'></line>" + "<line y1='12' x2='12' transform='translate(445 183)' stroke-width='1' stroke='#000' stroke-linecap='round' stroke-linejoin='round' fill='none'></line>" + "</g>" + "</svg>" + "</button>" + "</section>"; let mask = `<div id="mask" style="z-index: 299;"></div>`; var mobileWebCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined)); var popOpenCheckFlag = (appSetYN != "N" && commentPC != "N"); function toastPO(){ $("body").prepend(appTStr); $("body").prepend(mask); $("#mask").fadeIn(); $(".toast-parent").addClass("active"); } function toastCPO(){ $("body").prepend(appCStr); setTimeout(function(){$(".child-pops-form").addClass("active");},50); setTimeout(function(){$(".child-pops-form").removeClass("active");},5050); } function toastCCPO(){ $("body").prepend(appCCStr); } function appSetPopOpen(popOpenCheckFlag){ // if(popOpenCheckFlag){ // toastPO(); // }else{ // toastCYN !="N" ? toastCPO() : ""; // } // check cookie if(toastCYN !="N"){ toastCCPO(); } } if(mobileWebCheckFlag){ $.ajax({ url : "/sec/xhr/appInstallPop/popOpenFlagCheck" ,type : "POST" ,success : function(result) { if(result.popOpenFlag === "Y"){ appSetPopOpen(popOpenCheckFlag); } } }); } }; // 앱설치 유도 토스트 팝업 닫기 function appToastIClose(flag){ $("#mask").fadeIn("fast").remove(); $(".toast-parent").removeClass("active"); var atpc = $("#chk-not-see-appP").is(":checked"); setCookieA("appSetYN","N",atpc ? 7 : 1); setTimeout(function(){$(".toast-parent").remove()},2000); if(flag){ appWebAutoLogin2();// 웹앱연계 자동로그인. } } //앱설치 유도 띠배너 닫기 function appToastCClose(){ $(".child-pops-form").removeClass("active"); setCookieA("toastCYN","N",1); setTimeout(function(){$(".child-pops-form").remove()},2000); appWebAutoLogin2();// 웹앱연계 자동로그인. } //앱설치 유도 닫기 function appToastCCClose(){ setCookieA("toastCYN","N",1); setTimeout(function(){$(".cod05-app-banner").remove()},500); } //현재 페이지 앱 열기 function appOpen(){ var locationUrl = window.location.href; var appUrl = ("https://secandroidprd.page.link/?link=" + locationUrl + "&apn=com.samsung.sec.android.prd&afl=https://play.google.com/store/apps/details?id=com.samsung.sec.android.prd&hl=ko-KR"); appToastIClose(false); window.open(appUrl); } function writableCommentM(){ writableCommentSetC(); location.href = "/sec/mypage/review/indexMyReview/"; } function writableCommentSetC(){ var wcpc = $("#chknotsee").is(":checked"); setCookieA("commentPopYN","N",wcpc ? 7 : 1); closeLayer("popupInduceReview"); setCookieA("commentPC","N",1); setTimeout(function(){$("#popupInduceReview").remove()},1000); } var commentCheck="N"; function commentCheckAdd(){ if(commentCheck == "Y"){ var commentStr = "<li class='menu05' aria-hidden='true' style='display:none;'><a href='/sec/mypage/review/indexMyReview/'>상품평 쓰기</a></li>"; $("#floatingSticky").find(".menuGift").after(commentStr); }else{ $("#floatingSticky").find(".menu05").remove(); } } function writableComment(){ var commentPopYN = getCookieA("commentPopYN"); var locationUrl = window.location.href; var commentPopOpenCheckFlag = (commentPopYN !="N" && "Y" == "N" &&(locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/")); var commentPopFrame = "<div class='layer-pop layer-default layer-induce-review ' id='popupInduceReview' tabindex='0' data-popup-layer='popupInduceReview' data-focus='popupInduceReview'>" + "<div class='layer-wrap'>" + "<div class='layer-header'>" + "<h2>이 상품 어떠셨나요?</h2>" + "</div>" + "<div class='layer-content'>" + "<div class='review-product-list'>" + "</div>" + "<p class='review-info-text'>당신의 평점은?</p>" + "<div class='btn-box'>" + "<a href='javascript:void(0);writableCommentM();' class='btn btn-d btn-type3'>상품평 쓰기</a>" + "</div>" + "<div class='box-close'>" + "<div class='chk-form al'>" + "<input id='chknotsee' type='checkbox'>" + "<label for='chknotsee'>일주일 그만 보기</label>" + "</div>" + "<button type='button' class='btn-close' onclick='writableCommentSetC()'>닫기</button>" + "</div>" + "</div>" + "<button type='button' class='pop-btn-close' onclick='writableCommentSetC()'>팝업닫기</button>" + "</div>" + "</div>"; if(!commentPopOpenCheckFlag) { return appToast(); } $.ajax({ url : "/sec/xhr/review/loadWritableMyCommentList" ,type : "POST" ,success : function(data) { $("#floatingSticky").find(".menu05").remove(); if(data.resultYN=="N"){ appToast(); }else if(data.resultYN=="Y"){ $('body').append(commentPopFrame); commentCheck = "Y"; $.each(data.cmntList, function(index, result){ var str = ""; str = "<div>"; str += "<div class='prd-box'>"; str += "<div class='prd-img'>"; str += "<img loading='lazy' src='"+ result.imgPath + "' alt=''>"; str += "</div>"; str += "<div class='prd-title'>"; str += "<strong class='prd-name'>"+ result.goodsNm +"</strong>"; str += "<span class='prd-number'>" + result.mdlCode + "</span>"; str += "</div>"; str += "</div>"; //s : 5점 상품평 10개 미만인 경우 해당 영역 미출력 if(result.commentCnt >= 10){ str += "<div class='review-number'>"; str += "<p><span>" + result.commentCnt + "명</span>의 고객이 이 상품에<br>평균 <span class='star'>별점 5점</span>을 줬어요!</p>"; str += "</div>"; } //e : 5점 상품평 10개 미만인 경우 해당 영역 미출력 str += "</div>"; $(".layer-induce-review .review-product-list").append(str); }); // slick slide $(".layer-induce-review .review-product-list").slick(setSlide); setTimeout(openLayer("popupInduceReview"),500); var commentCheckIt = setInterval(function(){ if($("#floatingSticky").find(".menu05").length){ clearInterval(commentCheckIt); }else{ commentCheckAdd(); } },1000); } } }); }  var setSlide = { accessibility: true, slidesToShow: 1, slidesToScroll: 1, dots: true, adaptiveHeight: true, infinite: true, fade: true, centerMode: true, arrows: true, prevArrow: '<button type="button" class="slick-prev"><span>이전</span></button>', nextArrow: '<button type="button" class="slick-next"><span>다음</span></button>' }; </script> <script async> // 인기검색어 슬라이드 const favorSearchOpt = { autoplay: true, autoplaySpeed: 2000, infinite: true, vertical: true, verticalSwiping: true, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, arrows: false }; // $('#search__slide__00').slick(favorSearchOpt); // $('#search__slide__01').slick(favorSearchOpt); // $('#search__slide__02').slick(favorSearchOpt); // menu 링크 없는경우 체크 : 빨간색 테두리 생김 const l2Wrap = $('.menuitem__l2__wrap'); const l2Check = l2Wrap.find('a'); const aTag = $('#header__navi').find('a'); </script> <script async> $(document).ready(function(){ if(window.secapp || device.isIosApp) { if(window.secapp) { window.secapp.showAndHideGnb('GONE'); } $("html").css("margin-top", "0px"); // 앱메뉴 오픈 $("[name=appMenu]").show(); $(".utility__button__barcode__m").css('display', 'flex'); } else { $("[name=appMenu]").hide(); } }); </script> <script> // GA4 click_nav gnb $(document).on("mouseenter", "#header__navi .menuitem__l0>a", function(e){ GA4ClickNavGnb($(this)); }); $(document).on("click", "#header__navi .menuitem__l0 .menuitem__l1__container a", function(e){ GA4ClickNavGnb($(this)); }); function GA4ClickNavGnb(obj){ try { var itemName = ""; // img menu if($(obj).find("img").length > 0){ itemName = $(obj).find("p").text(); // text menu } else { itemName = $(obj).text(); } var dataOmni = $(obj).data("omni"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_nav' , // 필요. 이벤트 GA에 전송 item_category: 'gnb', // 예: 모바일 (an_ac에서 읽기) item_name: itemName , // 예: 스마트폰(an_la의 마지막깊이에서 읽기) an_ca: 'navigation' , // 예: should always be navigation an_ac: 'gnb' , // 예: gnb, footer an_la: dataOmni // 예: <depth 1 value>:<depth 2 value>:<depth 3 value> }); //console.log("GA4 click_nav"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_nav TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <div id="layerChatBot" class="layerChatBot"> <div id="appParent" class="app-container"> <div id="app"></div> <button type="button" id="chatBotPopClose" class="chatBotPopClose" title="챗봇 레이어 닫기"> <img data-v-609bc0e1="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAABHNCSVQICAgIfAhkiAAAAkpJREFUeF7t2+FtwjAQxXGyQUfpCO0GHaGbdZWOQDfpBtSWQEIVTe8c/31n60XiW3j2/XgKgsB20oEKbGi6wk8ChksgYAHDAnC8GixgWACOV4MFDAvA8WqwgGEBOF4NFjAsAMerwQKGBeB4NVjAsAAcrwYLGBaA49VgAcMCcLwaLGBYAI5XgwUMC8DxarCAYQE4Xg0WMCwAx6vBAoYF4PjmBl8ul/eyt/O2bWd4j6HxZc63soHPMud3y0aagK+4H2XBuujrqsh3c9YS1TndyG7gu0VvL+iSyA/mbEJ2AT9YdEnknTndyGbgnUWXQjbM6UI2ARsWXQLZMacZuTdwhZ7ymuzArTN+lceL5U3PBFwTnRuYCtk5mxm3upmBV0Umcd3AqyHTuE3AqyCPwG0Gnh15FO4h4FmRR+IeBp4NeTRuF+BZkCNwuwFnR47C7QqcFTkStztwNuRoXAQ4C3IGXAw4GjkLLgochZwJFwcejZwNdwjwKOSMuMOAaeSsuEOBKeTMuMOBeyNnxw0B7oU8A24Y8FHkWXBDgVuRy/Oey6P+bMtyuG5QWgK957huenrDLec721jvVj9Zcss54bjhDb5BOZEtvilw0wA3XC72kNPgpgLuhJwKNx3wQeR0uCmBG5FT4qYFdiKnxU0NbEROjZse+B/k9LhTAP+BPAXuNMC/kKfBnQr4inzoP2uWj4C9zwn/LqL3QNnyBAy/IgIWMCwAx6vBAoYF4Hg1WMCwAByvBgsYFoDj1WABwwJwvBosYFgAjleDBQwLwPE/Wh+eaCP9UDUAAAAASUVORK5CYII=" class="banner_img" style="width: 22px;"> </button> </div> </div>   <script> if("Y" == "Y"){ $("#header__navi").addClass("no__bnb"); } else { $("#header").addClass("no__bnb"); } </script>   <script> viewportChange(); </script> <head>  <script async>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVX3V74');</script>   <noscript><iframe loading="lazy" src="https://www.googletagmanager.com/ns.html?id=GTM-NVX3V74"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbetio5udwz2g6wyq-f-07a16c24c-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":"676bec0","ak.r":39403,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":54390,"ak.gh":"23.200.218.54","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732703665","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==k6yNc4cB/Ha7kM5Dzuud2r+/f8s16nzKp0EUSaG9kMD4ZLcZGFINrdmKSHXS+A3y0slaExRGShcM5Tk5YUcMUxVmuPNCQ0PvJx2TwB/vZM4DL2d4lgawDHTiM96jbpZsG2kiFA444FN4fENnsV1qfsgndxqy3ElQMqXIgpDmFyXM6RVkaXFgwcUR1cFZ67nlK4ove3pIGbx1Ct+4k7ppghRHSTYWh3m5hznyhhZvgPEfWca0kBLCdKB0D3dA44L/sMdV+rd8iV8IC64PlWcfX60s+7yMq9Rx9xVdCoezWqgzHsc06wD97aEpskpsJc9hLvDK7b71zywO4tG7t8jBfC8xeSFC0LcLUxk27VF/KPhXhgZIRgyrFRIJ/7vCEvicQf7I1AM/MuKTv5GoVWEupqeou4cIHSKmbZp0tE6YYJA=","ak.pv":"3678","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <script type="text/javascript"> // 자동완성 카운트 var autoCompleteCount = 0; var autoCategoryCount = 0; var searchInputManager = { isMobileDevice: function() { var that = this, winW = $(window).width(); if ( winW > 800 ) { return 'N'; } else { return 'Y'; } }, getIosAppDispYn: function() { var that = this, iosApp = 'false'; if(iosApp == true) { return "Y"; } else { return ""; } }, init: function() { var that = searchInputManager; $.cookie.json = true; $.cookie.data = { SEARCH_HISTORY : 'sh-b2c', SEARCH_MAX_SIZE: 10, option: { expires: 30, path: '/' } }; that.$appendingTarget = { searchHistory: $('#searchkeywordRecent') , searchHistoryWrap: $('#searchkeywordRecentWrap') , popular: $('#searchkeywordPopular ul.keyword-list') , makeTime: $('#makeTime') , autoComplete: $('#searchAuto ul.list') , autoCompleteCategory: $('#searchAutoCategory') , mainPopPc: $(".search__box ul#search__slide__00") , mainPopMob: $(".search__box ul#search__slide__02") , recommendGoods: $('#recommendGoodsBox') , recommendGoodsWrap: $('#recommendGoodsWrap') , recommendEvents: $('#recommendEventsBox') , recommendEventsWrap: $('#recommendEventsWrap') }; that.cookieName = $.cookie.data.SEARCH_HISTORY; that.isMobileYN = that.isMobileDevice(); }, searchHistoryTemplate: function(keyword) { return { keyword: keyword, date: searchDatetimestampToString(new Date()) }; }, getKeywordList: function(cookieName) { var searchKeywordList = new Array() , dataList = $.cookie(cookieName).data; if (!dataList || '' == dataList || undefined == dataList) { return searchKeywordList; } $.each(dataList, function (idx, element) { searchKeywordList.push(element.keyword); }); return searchKeywordList; }, saveSearchHistory: function(keyword) { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName) , dataList = null; if ( cookieValue == undefined ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { if ( cookieValue.length == 0 ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { dataList = cookieValue.data; if($.inArray(keyword, that.getKeywordList(that.cookieName)) >= 0) { return; } if(dataList.length >= $cookie.data.SEARCH_MAX_SIZE) { dataList.splice(0, 1); } dataList.push(that.searchHistoryTemplate(keyword)); } } $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); }, getSearchHistory: function() { var cookieValue = $.cookie(searchInputManager.cookieName); if (undefined != cookieValue) { return cookieValue; } }, getSearchDate: function(keyword) { var date = '' , that = searchInputManager , cookieValue = $.cookie(that.cookieName) , searchHistoryList = that.getSearchHistory(); if ( '' == searchHistoryList || searchHistoryList == undefined || cookieValue == undefined) { return date; } var dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keywordInList = dataList[i].keyword; if ( keywordInList != undefined ) { if (keywordInList.toLocaleLowerCase() == keyword.toLocaleLowerCase()) { idx = i; break; } } } if ( idx > -1 ) { date = dataList[idx].date; } return date; }, drawSearchHistory: function() { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName); that.$appendingTarget.searchHistoryWrap.hide(); if ( undefined == cookieValue ) { return; } else if ( cookieValue.data.length == 0 ) { return; } else { var dataList = cookieValue.data , template = ''; var dataListLength = dataList.length; if(dataListLength > 10) { var dataListLength = 10; } for( var i = dataListLength-1 ; i >= 0; i--) { var element = dataList[i], keyword = element.keyword; template += '<div class="area-deleteable-btn">'; template += '<button type="button" class="btn btn-s typeA" keyword="' + keyword + '">'; template += '<a href="javascript:void(0);" class="link">' + keyword + '</a>'; template += '</button>'; template += '<button type="button" class="delete x-btn" keyword="' + keyword + '" onclick="searchInputManager.clearSearchHistory(this)">검색어 삭제'; template += '</button>'; template += '</div>'; } that.$appendingTarget.searchHistoryWrap.show(); that.$appendingTarget.searchHistory.html(template); } that.$appendingTarget.searchHistory.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); }, clearSearchHistory: function(element) { var that = searchInputManager , $element = $(element) , $cookie = $.cookie; if ($element.hasClass('delete-all')) { $.removeCookie( that.cookieName , { path: $cookie.data.option.path }); that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } else if ($element.hasClass('delete')) { var selectedKeyword = $element.attr('keyword') , cookieValue = $cookie(that.cookieName) , dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keyword = dataList[i].keyword; if ( keyword == undefined ) { keyword = 'undefined'; } if (keyword == selectedKeyword) { idx = i; break; } } if ( idx > -1 ) { dataList.splice(idx, 1); $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); $element.parent().remove(); } if (dataList.length === 0) { that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } } }, callAjax: function(options) { $.ajax({ url: options.url, type: options.type, data: options.data }).done( function(data, textStatus, jqXHR) { if (data.exCode != null && data.exCode !== "") { if (options.fail !== undefined) { options.fail(); } let alertData = { title: "alert", content: data.exMsg }; commonAlert(alertData); openLayer('commonAlert'); } else { options.done(data); } }).fail(function(jqXHR, textStatus, errorThrown) { if (options.fail !== undefined) { options.fail(); } if (jqXHR.status !== 0) { ajax.error(jqXHR.status, jqXHR.responseText); } }).always(function() { }).then(function(data, textStatus, jqXHR) { }); }, getRecommendKeyword: function(callback) { var that = searchInputManager; that.callAjax( { url: '/sec/xhr/search/recommendkeyword/', type: 'GET', done: function(result) { that.recommendKeyword = result.recommendKeyword; if ( callback != undefined ) { callback(); } } } ); }, setRecommendKeyword: function() { var that = searchInputManager; if ( that.recommendKeyword == undefined ) { that.getRecommendKeyword(that.setRecommendKeywordCallback); return; } that.setRecommendKeywordCallback(); }, setRecommendKeywordCallback: function() { var that = searchInputManager; //$('#unifiedInputSearch').attr('placeholder', that.recommendKeyword); // 20200917 삭제 // iOS 분기 처리 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 }, getPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li>' + '<span class="num">' + order + '</span>' + '<span class="keyword"><a href="javascript:void(0);" class="link">' + element.content + '</a></span>' if ( element.updown == 'U' ) { popularList += '<span class="icon ranking up"><span class="blind">순위상승</span></span>'; } else if ( element.updown == 'D' ) { popularList += '<span class="icon ranking down"><span class="blind">순위하락</span></span>'; } else if ( element.updown == 'C' ) { popularList += '<span class="icon ranking"><span class="blind">순위유지</span></span>'; } popularList += '</li>'; }); that.$appendingTarget.popular.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); that.$appendingTarget.popular.empty(); that.$appendingTarget.makeTime.empty(); that.$appendingTarget.popular.append(popularList); that.$appendingTarget.makeTime.append(popwordResult.Data.MakeTime + ' 기준'); } } ); }, getMainPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li><a href="javascript:void(0);"><b>' + order + '.</b> ' + element.content + '</a></li>'; }); that.$appendingTarget.mainPopPc.empty(); that.$appendingTarget.mainPopMob.empty(); that.$appendingTarget.mainPopPc.append(popularList); that.$appendingTarget.mainPopMob.append(popularList); // 인기검색어 슬라이드 const favorSearchOpt = { autoplay: true, autoplaySpeed: 2000, infinite: true, vertical: true, verticalSwiping: true, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, arrows: false }; $('#search__slide__00').slick(favorSearchOpt); $('#search__slide__02').slick(favorSearchOpt); /*웹접근성 aria-live='polite' 제거 */ $('#search__slide__00').find('div').removeAttr( "aria-live", "polite"); $('#search__slide__02').find('div').removeAttr( "aria-live", "polite"); } } ); }, getSearchInputAutoComplete: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); that.callAjax( { url: '/sec/xhr/search/autocom/', type: 'POST', data: new wnAddonParamVo(keyword, 'b2c', '', '', 'json', 'fw'), done: function(result) { var template = ''; var autoCompleteResultList = result.autoCompleteResult; that.$appendingTarget.autoComplete.empty(); that.clearAutoComplete('keyword', autoCompleteResultList.length); if ( autoCompleteResultList.length > 0 && autoCompleteResultList != undefined ) { $.each(autoCompleteResultList, function (idx, element) { // 20230622 웹접근성 : tabindex 추가 template += '<li class="item" tabindex="' + (idx + 1) + '">'; template += '<a href="javascript:void(0);" class="link" text="' + element.text + '">'; if (element.linkName == null || element.linkName === "") { template += (element.modified).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } else { template += (element.linkName).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } template += '</a>'; // template += '<span class="date">' + searchInputManager.getSearchDate(element.text) + '</span>'; template += '</li>'; }); that.$appendingTarget.autoComplete.html(template); that.$appendingTarget.autoComplete.off('click').on('click', 'a', function(e) { if($(e.target).attr('text') != undefined){ that.getSearchResult($(e.target).attr('text')); //chat_open4($(e.target).attr('text')); }else{ that.getSearchResult($(e.target).parent().attr('text')); //chat_open4($(e.target).parent().attr('text')); } }); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { if ( keyword == '' ) { //$('#unifiedInputSearch').attr('placeholder', searchInputManager.recommendKeyword); // 20200917 삭제 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 $('.unified-search-layer.type-keyword').show(); } } } } ) }, // 카테고리 검색 2023.06.23 getSearchInputAutoCompleteCategory: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); // 2글자 부터 검색 if (keyword.length > 1) { that.callAjax( { url: '/sec/xhr/search/autocomSearch/', type: 'POST', data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', ''), done: function(result) { var template = ''; var autocomSearchResultList = result.autocomSearch; that.$appendingTarget.autoCompleteCategory.empty(); that.clearAutoComplete('category', autocomSearchResultList.length); // 목록 if ( autocomSearchResultList.length > 0 && autocomSearchResultList != undefined ) { $.each(autocomSearchResultList, function (idx, element) { // 하이라이팅 var highlight = element.highlightKeyword; var dispCtgNm1 = element.dispCtgNm1; var dispCtgNm2 = element.dispCtgNm2; var dispCtgNm3 = element.dispCtgNm3 var hlDispCtgNm1 = dispCtgNm1.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm2 = dispCtgNm2.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm3 = dispCtgNm3.replace(highlight, "<!HS>" + highlight + "<!HE>"); template += '<li class="item">'; template += '<a href="/sec/' + element.uri + '">' + hlDispCtgNm1.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm2.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm3.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '</a>'; template += '</li>'; }); that.$appendingTarget.autoCompleteCategory.html(template); that.$appendingTarget.autoCompleteCategory.show(); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { that.$appendingTarget.autoCompleteCategory.empty(); that.$appendingTarget.autoCompleteCategory.hide(); } } } ) } else { that.clearAutoComplete('category', 0); that.$appendingTarget.autoCompleteCategory.hide(); $('#searchKeywordAuto').hide(); $("#searchKeywordWrap").hide(); that.$appendingTarget.autoCompleteCategory.empty(); } }, // 자동완성 영역 숨기기 clearAutoComplete: function(type, size) { if (type == "category") { autoCategoryCount = size; } else { autoCompleteCount = size; } if (autoCompleteCount === 0 && autoCategoryCount === 0){ $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); } else { if ($("#searchKeywordAuto").css("display") === "none"){ $("#searchKeywordAuto").show(); $("#searchKeywordWrap").show(); } $("#searchAutoCategoryHr").css("display", "block"); if (autoCompleteCount === 0 || autoCategoryCount === 0) { $("#searchAutoCategoryHr").css("display", "none"); } } }, getSearchResult: function(keyword, searchResultInputId, tab) { if ($("#accSearch").val() != null) { tab = $("#accSearch").val(); } keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); // 에어컨액세서리 GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } $("#accSearch").val(""); that.getSearchResultCallback(keyword, tab); },  getSearchResultAcc: function(keyword, searchResultInputId, tab) { keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); tab = 'acc'; GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } that.getSearchResultCallback(keyword, tab); }, getSearchResultNoKeywordCallback: function() { var that = searchInputManager , recommendKeyword = that.recommendKeyword , searchResultInputId = that.searchResultInputId; if ( searchResultInputId != undefined ) { $(searchResultInputId).val(recommendKeyword); $(searchResultInputId).attr('placeholder', recommendKeyword); } that.getSearchResultCallback(recommendKeyword); }, getSearchResultCallback: function(keyword, tab) { var that = searchInputManager , isMobileYN = that.isMobileDevice() , iosAppDispYN = that.getIosAppDispYn(); that.saveSearchHistory(keyword); ajax.call({ url: '/sec/xhr/search/searchKeywordRedirect?keyword=' + encodeURIComponent(keyword), data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN, '', '', '', '', '', '', '', '', '', '', iosAppDispYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { //yhj $(".unified-search-input-wrap").removeClass("is-active"); $("body").removeClass("is-pc is-mo"); $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); $("body").removeClass("fixed-scroll"); $("#gnbmask").hide(); $(".unified-search-input-wrap .inp").val(""); $(".unified-search-input-wrap .btn-inp-clear").hide(); $(".inp-placeholder").show(); if (isSecApp() == "true") { // 기존 GNB일때만 네이티브GNB사용 - #header(기존) / #header__navi(리뉴얼) if($("#header__navi").length == 0){ window.secapp.showAndHideGnb('VISIBLE'); } } var keywordRedirect = result.keywordRedirect; if (keywordRedirect.totalCount > 0) { window.location.href = keywordRedirect.REDIRECT_URL; return; } if (typeof tab == "undefined" || tab == null || tab == "null") { tab = ''; } var $form = document.createElement("form"); $form.setAttribute('charset', 'UTF-8'); $form.setAttribute('method', 'POST'); $form.setAttribute('action', '/sec/search/searchresultB2c/' + tab + '?keyword=' + encodeURIComponent(keyword)); var $input = document.createElement('input'); $input.setAttribute('type', 'hidden'); $input.setAttribute('name', 'isMobileYN'); $input.setAttribute('value', searchInputManager.isMobileYN); $form.appendChild($input); document.body.appendChild($form); $form.submit(); } }); }, /* 모바일 퍼스트 검색창 입력 전 추천 제품 */ getRecomGoodsB2c: function() { var that = searchInputManager; that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendGoods.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); var reqUrl = location.href; $("#searchLayerReqId").val(""); // BDC 개인화 that.callAjax({ url: '/sec/xhr/search/getBdcRecommendGoods', dataType : 'json', type: 'POST', data:{ reqUrl:reqUrl }, contentType : "application/x-www-form-urlencoded;charset=UTF-8", processData : true, done: function(result) { var template = ''; var recentGoods = result.recentGoodsIs; var recomGoodsList = result.recomGoodsList; var recomGoodsImgList = result.recomGoodsImg; var pfPricePointExcptList = result.pfPricePointExcptYn; $("#searchLayerReqId").val(result.requestId); if (recentGoods != 'null' || recomGoodsList != null || recomGoodsImgList != null) { var length = recomGoodsList.length; for(i=0; i < length; i++) { var recomGoodsItem = recomGoodsList[i]; var recomGoodsImg = recomGoodsImgList[i] var price = recomGoodsItem.price.toLocaleString('ko-KR') var salePrc = recomGoodsItem.salePrc.toLocaleString('ko-KR') var pfPricePointExcptYn = pfPricePointExcptList[i]; template += '<div class="swiper-slide item">'; template += '<div class="pd-box">'; template += '<div class="img-box">'; /* 상품 이미지 */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')">'; template += '<img src="' + recomGoodsImg + '?$128_128_PNG$" alt="' + recomGoodsItem.goodsNm + '">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; /* 상품 URL + NM */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')" class="tit">' + recomGoodsItem.goodsNm; template += '</a>'; /* 모델 코드 */ template += '<span class="prd-code">' + recomGoodsItem.mdlCode; template += '</span>'; if (pfPricePointExcptYn !== 'Y' || pfPricePointExcptYn == null) { if (price == 0 || price == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">혜택가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + price + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } else { if (salePrc == 0 || salePrc == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">기준가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + salePrc + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendGoods.html(template); that.$appendingTarget.recommendGoodsWrap.show(); } } else { that.$appendingTarget.recommendGoods.empty(); } } }) // 이전 버전 주석 처리 }, /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 안쓰는 Version) */ /* 현재 전체 기능 구현 완료 되었으며, 추후 재사용 가능성을 고려 하여 주석처리 하였음 */ /* getRecomEventsB2c: function() { var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = recentGoodsNm; var that = searchInputManager that.callAjax( { url: '/sec/xhr/search/recommendEventsB2c/', data: {"goodsNm" : goodsNm}, dataType : 'json', type: 'POST', done: function(result) { that.$appendingTarget.recommendEvents.empty(); var template = ''; var recomEventsList = result.recomEventsList; var recomEventsImgList = result.recomEventsImg; if (recomEventsList != null || recomEventsImgList != null) { var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var recomEventsImg = recomEventsImgList[i] var recomEventsStrt = timestampToString(recomEventsList[i].aplStrtDtm) var recomEventsEnd = timestampToString(recomEventsList[i].aplEndDtm) template += '<div class="swiper-slide item">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; /!* 기획전 이미지 *!/ template += '<img src="' + recomEventsImg + '?$112_112_PNG$" alt="추천 기획전 이미지">'; template += '</div>'; template += '<div class="txt-box">'; /!* 기획전 URL + TTL *!/ template += '<a href="/sec/' + recomEventsItem.linkUrl + '" class="tit">' + recomEventsItem.ttl; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /!* 기획전 기간 *!/ template += '<span>' + recomEventsStrt +' ~ ' + recomEventsEnd +'</span>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); that.$appendingTarget.recommendEventsWrap.hide(); } } }) } */ /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 Version)*/ getRecomEventsB2c: function() { var that = searchInputManager , isMobileYN = that.isMobileDevice() that.$appendingTarget.recommendEventsWrap.hide(); that.$appendingTarget.recommendEvents.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); if(goodsNm.length > 0) { that.callAjax( { url: '/sec/xhr/search/searchResultB2C/', data: new WNSearchParamVo(goodsNm, '', 'event', 'DATE/DESC', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { var template = ''; var recomEventsListLength = result.searchResult.searchResults.length; var recomEventTab = result.searchResult.countTab.event; if (recomEventsListLength > 0 || recomEventTab != 0) { var recomEventsList = result.searchResult.searchResults[0].collectionFields; var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var strtDtm = recomEventsList[i].STRT_DTM.substring(0,10); var endDtm = recomEventsList[i].END_DTM.substring(0,10); template += '<div class="swiper-slide item" style="margin-right: 12px">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="rvpd-img" tabindex="0">'; /* 이벤트 이미지 */ template += '<img src="//images.samsung.com/kdp' + recomEventsItem.MO_IMG_PATH + '?$112_112_PNG$" alt="맞춤 이벤트 이미지">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; template += '<div class="tit-box">'; /* 이벤트 URL + TTL */ template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="tit">' + recomEventsItem.TTL; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /* 이벤트 기간 */ template += '<span>' + strtDtm + ' ~ ' + endDtm + '</span>'; template += '</div>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); } } }) } } } function NetFunnel_Action_pdView(url){ NetFunnel_Action({action_id :'b2c_pd_view'},function(ev, ret){ window.location.href = url; }); } function filterAcc(keyword) { if((keyword.indexOf("에어컨") > -1 || keyword.indexOf("무풍에어컨") > -1) && (keyword.indexOf("액세서리") > -1 || keyword.indexOf("악세서리") > -1 || keyword.indexOf("엑세서리") > -1) ) { keyword = "에어컨액세서리"; } return keyword; } function escapeHtml (string) { return String(string).replace(/[&<>"'`=\/]/g, function (s) { return entityMap[s]; }); } var entityMap = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }; /* s: APP용 함수 */ function isSecApp() { /* 20230104 변경*/ if(device.isApp != true){ if(window.secapp == undefined && window.secapppopup == undefined){ return false; } } return true; } function once(func) { var flag , result; return function() { if ( flag ) { return result; } flag = true; return result = func.apply(this); } } /* s : 20200917 수정 */ var searchLinkforApp = once(function() { var that = searchInputManager; that.setRecommendKeyword(); that.drawSearchHistory(); that.getPopularKeyword(); }); function searchOpenforApp() { // 20200917 추가 searchLinkforApp(); headerSearch.eventListener.uinifiedSearchOpen(); } /* e : 20200917 수정 */ /* e: APP용 함수 */ /* s : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ function chat_open4(chatbotKeyword) { var isMobile = false; // 모바일 여부 var filter = "win16|win32|win64|mac|macintel"; // PC 환경 // 모바일,태블릿 / PC 환경 구분 if(navigator.platform){ isMobile = filter.indexOf(navigator.platform.toLowerCase()) < 0 } if(!isMobile){ var birthAge = null; var birthDate = $.cookie("birthDate_1_"); if(birthDate != 0 && birthDate != null){ birthAge = checkAge(birthDate); } if(birthAge >= 14 || birthAge == 0 || birthAge == null) { var agepass = checkAgepass(birthAge); fcTrack('click','floating chat:chat online'); var keyword = encodeURIComponent(chatbotKeyword); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); window.open('/sec/chatbot/?keyword='+ keyword+'&agepass='+agepass, '_chatbot4', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } } } /* e : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ /* s : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function checkAge(birthDate){ const today = new Date(); //현재날짜 birthDate = (birthDate + "") var age = today.getFullYear() - Number(birthDate.slice(0,4)); //나이 var mon = (today.getMonth()+1) - Number(birthDate.slice(4,6)); //월 //생일 안지났으면 -1 if(mon < 0 || (mon === 0 && today.getDate() < Number(birthDate.slice(6,8)))) { age = age -1; } return age; } /* e : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ /* s : 만 나이별로 agepass 구분값 설정 함수 @param birthAge : 만나이 14세 이상 : 'y' 로그인하지 않을경우 : 'u' jiwon0.id 22.06.09 */ function checkAgepass(birthAge){ var agepass = null; if( birthAge == 0 || birthAge == null ) { agepass = "u"; } else if(birthAge >= 14) { agepass = "y"; } return agepass } /* e : 만 나이별로 agepass 구분값 설정 함수 jiwon0.id 22.06.09 */ function GA4SearchSubmit(keyword) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'search_submit', search_term: keyword, search_redirection: "/sec/search/searchresultB2c/?keyword=" + keyword }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } $(document).ready(function() { var that = searchInputManager; //2024 웹접근성 심사 기간에는 해당 기능 제거하기로 함 that.getMainPopularKeyword(); $('#link-search,.search__box,.header__min__search').on('click', function() { that.$appendingTarget.autoCompleteCategory.hide(); that.getRecomGoodsB2c(); /* 모바일 퍼스트 추천 제품 */ that.getRecomEventsB2c(); /* 모바일 퍼스트 추천 기획전 */ that.setRecommendKeyword(); that.drawSearchHistory(); that.getPopularKeyword(); $('#popularWrap').show(); $('#searchKeywordWrap').hide(); }); $('#unifiedInputSearch').on('keyup', function(e) { // 20240528 웹접근성 var charCode = e.keyCode; if (charCode != 9) { that.$appendingTarget.searchHistoryWrap.hide(); that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendEventsWrap.hide(); $('#popularWrap').hide(); } var $target = $(e.target) , keyword = $target.val().replace(/\\/gi, ''); $target.val(keyword); that.getSearchInputAutoComplete(keyword); that.getSearchInputAutoCompleteCategory(keyword); }); // 20230622 웹접근성 $('.btn-close-search').on('keydown', function(e) { var charCode = e.keyCode; if (charCode == 9) { $('.search-box').attr('tabindex', 0).focus(); $("#accSearch").val(""); } }); // 20240528 웹접근성 제외처리 // 20240126 닫기 버튼 추가 /* $('.btn-close-layer').on('keydown', function(e) { var charCode = e.keyCode; if (charCode == 9) { $('.search-box').attr('tabindex', 0).focus(); $("#accSearch").val(""); } }); */ // 20240528 웹접근성 $('.btn-close-layer').on('click', function(e) { //악세서리 페이지 포커스 이동 if($("#accSearch").val() === "acc"){ // $("#accSearch").val(""); $(".acc-search-box").focus(); }else{ $("div.search__box button.search__button").focus(); $("#accSearch").val(""); } }); // 20240528 웹접근성 $(document).on("keydown", "#popularWrap li:last-of-type a", (e) => { //악세서리 페이지 포커스 이동 if($("#accSearch").val() === "acc"){ // $("#accSearch").val(""); $(".acc-search-box").focus(); }else{ $(".search-box").focus(); $("#accSearch").val(""); } }); $('#unifiedInputSearch').on('click', function() { //20210324 추가 $('.inp-placeholder').hide(); }); /* s : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ /* $('.chatbot-search').off('click').on('click', function() { let chatbotKeyword; if($(this).attr('id') == 'unifiedSearchButton'){ chatbotKeyword = $("#unifiedInputSearch").val(); }else if($(this).attr('id') == 'inputSearchButton'){ chatbotKeyword = $("#inputSearch").val(); } if($(this).attr('id') == 'unifiedSearchButton'){ if(chatbotKeyword == null || chatbotKeyword == ""){ chatbotKeyword = that.recommendKeyword; chat_open4(chatbotKeyword); } else{ chat_open4(chatbotKeyword); } } else{ if(chatbotKeyword != null && chatbotKeyword != "") { chat_open4(chatbotKeyword); } } }); */ /* e : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ }); </script>   <div class="unified-search-input-wrap Advance24"> <div class="inner-unified-search"> <div class="unified-search-input-inner"> <div class="search-box"> <label for="unifiedInputSearch" class="blind">통합 검색</label> <input type="text" id="unifiedInputSearch" class="inp" onfocus="headerSearch.eventListener.uinifiedSearchInp()" onkeydown="headerSearch.eventListener.uinifiedSearchChange()"> <span class="inp-placeholder"></span> <button type="button" class="btn-inp-clear" title="삭제"><span class="blind">삭제</span></button> <button type="button" class="btn-search" title="검색" id="unifiedSearchButton" onclick="javascript:searchInputManager.getSearchResult($('#unifiedInputSearch').val(), '#unifiedInputSearch')"><span class="blind">검색</span></button> <button type="button" class="btn-close-layer"><span class="blind">검색 레이어 닫기</span></button> </div> <div class="wrap-seach-inner"> <article id="searchkeywordRecentWrap"> <div class="wrap-sec-tit"> <h4>최근 검색어</h4> <button type="button" class="align-r reset delete-all" onclick="searchInputManager.clearSearchHistory(this)">모두 지우기</button> </div> <div class="btn-box" id="searchkeywordRecent"> </div> </article> <article class="sec-recommended" id="recommendGoodsWrap"> <input type="hidden" id="recentGoodsNm" value=""/> <input type="hidden" id="accSearch" value=""/> <div class="wrap-sec-tit"> <h4>추천 제품</h4> <input type="hidden" id="searchLayerReqId"/> <div class="area-tooltip"> <button type="button" class="btn-tooltip"><span class="icon">추천 제품이란?</span></button> <div class="tooltip-layer pd-tooltip" tabindex="0"> <div class="tooltip-content"> <p>고객님의 최근 본 제품과 연관된 제품을 추천해 드려요!</p> </div> <button type="button" class="btn-tooltip-close tolltip-close"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> <div class="wrap-swiper"> <div class="swiper swiper-recommended-prd swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" id="recommendGoodsBox" style="transform: translate3d(0px, 0px, 0px);"> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"></div> </div> <script>  var swiperRelatedPrd = new Swiper(".swiper-recommended-prd", { slidesPerView: 'auto', spaceBetween: 12, navigation: { nextEl: ".sec-recommended .swiper-button-next", prevEl: ".sec-recommended .swiper-button-prev", }, observer: true, observeParents: true }); </script> </article> <article class="sec-exhibition" id = "recommendEventsWrap"> <div class="wrap-sec-tit"> <h4>맞춤 이벤트</h4> <div class="area-tooltip"> <button type="button" class="btn-tooltip"><span class="icon">맞춤 이벤트란?</span></button> <div class="tooltip-layer pd-tooltip" tabindex="0"> <div class="tooltip-content"> <p>고객님의 최근 본 제품과 연관된 이벤트를 추천해 드려요!</p> </div> <button type="button" class="btn-tooltip-close tolltip-close"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> <div class="wrap-swiper"> <div class="swiper swiper-exhibition-prd swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" id="recommendEventsBox" style="transform: translate3d(0px, 0px, 0px);"> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"></div> </div> <script>  var swiperRelatedPrd = new Swiper(".swiper-exhibition-prd", { slidesPerView: 'auto', spaceBetween: 12, navigation: { nextEl: ".sec-exhibition .swiper-button-next", prevEl: ".sec-exhibition .swiper-button-prev", }, observer: true, observeParents: true }); </script> </article> <article id="popularWrap">  <div class="wrap-sec-tit"> <h4>인기 검색어</h4><button type="button" class="align-r date etc" id="makeTime"><p class="date"></p></button> </div> <div class="txt-list-box" id="searchkeywordPopular"> <ul class="keyword-list"> </ul> </div> </article>  <article class="mo-width-full">  <ul class="breadcrumbs-box" id="searchAutoCategory"> <div class="hr" id="searchAutoCategoryHr"></div> </ul> </article> <div id="searchKeywordAuto" class="sec-direct-product" style="display:none"> <article id="searchKeywordWrap">  <div class="wrap-sec-tit"> <h4>상품 바로가기</h4> </div> <div class="pdlink-list-box" id="searchAuto"> <ul class="list"> </ul> </div> </article> </div>  </div> </div> </div> </div>  <script> //tooltip $('.area-tooltip .btn-tooltip').on('click', function (e) { $(this).siblings('.tooltip-layer').show().focus(); }); $('.area-tooltip .btn-tooltip-close').on('click', function (e) { $(this).parent('.tooltip-layer').hide(); $(this).parent().siblings('.btn-tooltip').focus(); }); </script>   <div id="container" class='' >  <script type="text/javascript"> getDispPathByUrl(); function getDispPathByUrl() { let stId = "1"; let reqUri = "/sec/lifestyletv/"; 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>  <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>  <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 title-left pt-none pb-none w1440px "> <div class="component-contents font-sans pt-none pb-none"data-cptnm="pcd:tv:lifestyletv:text_navigation"> <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>  <div class="nav-slider swiper-wrapper">  <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/tvs/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:tv:lifestyletv:text_navigation_1:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:tv:lifestyletv:text_navigation_1:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:tv:lifestyletv:text_navigation:tvs">TV</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/lifestyletv/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:tv:lifestyletv:text_navigation_2:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:tv:lifestyletv:text_navigation_2:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:tv:lifestyletv:text_navigation:lifestyle_tv">라이프스타일 TV</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="/sec/samsung-audio/all-samsung-audio/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:tv:lifestyletv:text_navigation_3:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:tv:lifestyletv:text_navigation_3:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:tv:lifestyletv:text_navigation:all_samsung_audio">삼성 사운드바</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/harman-audio/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:tv:lifestyletv:text_navigation_4:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:tv:lifestyletv:text_navigation_4:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:tv:lifestyletv:text_navigation:harman-audio">하만 오디오</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="/sec/tv-accessories/all-tv-accessories/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:tv:lifestyletv:text_navigation_5:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:tv:lifestyletv:text_navigation_5:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:tv:lifestyletv:text_navigation:all_accessories">액세서리</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>  <div class="line"></div> </div>  <button type="button" class="btn-next">다음</button> </div> </div> </div> </section>  <style> .tv-kv * {font-size:inherit; color:inherit;} .tv-kv {overflow:hidden; position:relative; max-width:1440px; height:518px; margin:0 auto; background:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/ltv_kv_pc_v17.jpg") no-repeat left top / 100% 100%;} .tv-kv__box {position:absolute; left:150px; top:50%; transform:translateY(-50%); color: #fff;} .tv-kv__box__subTit{font-weight:bold; font-size: 20px;} .tv-kv__box__tit {margin-top:8px; font-size:50px;} .tv-kv__box__desc {margin-top: 20px; font-size: 18px; line-height: 1.5;} .tv-kv__box__desc span {display: block;} .tv-kv__box__date {display: inline-block; margin-top: 20px; font-weight:bold; font-size: 16px;} .tv-kv__box__link {display:flex; width:112px; height:40px; margin-top:30px; background-color:#fff; color:#000; font-size:14px; font-weight:700; border-radius:20px; align-items:center; justify-content:center;} @media (max-width:1440px){ .tv-kv {height:35.9722vw;} .tv-kv__box {left:10.4166vw;} .tv-kv__box__subTit{font-size: 1.3889vw;} .tv-kv__box__tit {margin-top:0.5556vw; font-size:3.4722vw;} .tv-kv__box__desc {margin-top: 1.3889vw; font-size: 1.25vw;} .tv-kv__box__date {margin-top: 1.3889vw; font-size: 1.1111vw;} .tv-kv__box__link {width:7.7778vw; height:2.7778vw; margin-top:2.0833vw; font-size:0.9722vw; border-radius:1.3889vw;} } @media (max-width:800px){ .tv-kv .mo-blind {position:absolute; overflow:hidden; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);} .tv-kv {height:66.6667vw; background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/ltv_kv_mo_v16.jpg");} .tv-kv__box {position:unset; transform:unset;} .tv-kv__box__tit {margin-top:4.4vw; text-align:center; font-size:7vw;} .tv-kv__box__link {position:absolute; left:50%; bottom:4.6vw; width:22.2222vw; height:7.7778vw; margin-top:0; font-size:2.7778vw; border-radius:4.1667vw; transform:translateX(-50%);} } </style> <section class="tv-kv"> <div class="tv-kv__box">  <h2 class="tv-kv__box__tit"> 삼성 TV 더큰세일 </h2> <p class="tv-kv__box__desc mo-blind"> <span>공간의 분위기를 완성하는 The Serif</span> <span>기준가 대비 최대 37% 할인!</span> </p> <em class="tv-kv__box__date mo-blind">2024.11.01~2024.11.30</em> <p class="blind"> 우측 상단에 18년 연속 세계판매 1위 로고가 있습니다. 우측 하단에 * 2023년 TV 세계 판매량 기준, Omdia라고 써있습니다. 배경 이미지는 초록색 톤의 거실 중앙에 삼성 The Serif TV가 놓여 있는 모습입니다. </p> <a href="/sec/event/2024-tv-launching/?anc=the-serif" class="tv-kv__box__link" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:kv:view_more"><span class="blind">삼성 TV 더큰세일 </span>구매 혜택 보기</a> </div> </section>  <style> /** common **/ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ /* lnb */ .re-lnb {background-color:#f7f7f7;} .re-lnb__slide {position:relative; width:1440px; margin:0 auto;} .re-lnb__slide__list .item__link {display:block; padding:12px 0; outline-offset:-2px;} .re-lnb__slide__list .item__link__pic {width:86px; height:54px; margin:0 auto; background-repeat:no-repeat; background-position:center top; background-size:100% 100%;} .re-lnb__slide__list .item__link .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/lnb01_v1.png");} .re-lnb__slide__list .item__link .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/lnb02.png");} .re-lnb__slide__list .item__link .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/lnb03.png");} .re-lnb__slide__list .item__link .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/lnb04.png");} .re-lnb__slide__list .item__link .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/lnb05_v1.png");} .re-lnb__slide__list .item__link .pic06 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/lnb06.png");} .re-lnb__slide__list .item__link .pic07 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/lnb07.png");} .re-lnb__slide__list .item__link .pic08 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/lnb08_v1.png");} .re-lnb__slide__list .item__link__txt {display:block; margin-top:14px; font-size:14px; font-weight:700; line-height:1.35; text-align:center;} .re-lnb.-w1440 {background-color:#fff;} .re-lnb.-w1440 .re-lnb__slide {background-color:#f7f7f7;} /* lnb-swiper */ .re-lnb__slide .swiper-slide {width:134px;} .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:10px;} .re-lnb__slide .swiper-button {position:absolute; top:0; left:0; z-index:100; width:80px; height:100%; margin:0;} .re-lnb__slide .swiper-button { background: rgb(248,248,248); background: -moz-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: -webkit-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#f8f8f8",GradientType=1);} .re-lnb__slide .swiper-button.next { background: -moz-linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: -webkit-linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%);} .re-lnb__slide .swiper-button::after {content:""; display:block; position:absolute; top:50%; left:50%; width:15px; height:15px; border-style:solid; border-color:#000; border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg);} .re-lnb__slide .swiper-button.next {left:auto; right:0;} .re-lnb__slide .swiper-button.next::after {border-width:2px 2px 0 0;} .re-lnb__slide .swiper-button-disabled {display:none;} .re-lnb__slide .swiper-container {width:calc(100% - 120px); margin:0 auto;} /* lnb-fidxed */ .re-lnb.-fixed {position:fixed; left:0; right:0; top:0; z-index:200;} .re-lnb.-fixed .re-lnb__slide {border-bottom:1px solid #DBDCDD;} /*.re-lnb.-fixed .re-lnb__slide.swiper-no-swiping .swiper-wrapper {display:flex; justify-content:flex-start;}*/ /*.re-lnb.-fixed .re-lnb__slide .swiper-container {width:calc(100% - 48px);}*/ .re-lnb.-fixed .re-lnb__slide .swiper-slide {width:auto; min-width:134px;} /*.re-lnb.-fixed .re-lnb__slide__list .item__link {padding:12px;}*/ .re-lnb.-fixed .re-lnb__slide__list .item__link__pic {display:none;} .re-lnb.-fixed .re-lnb__slide__list .item__link__txt {margin-top:0; font-size:16px;} .re-lnb.-fixed .re-lnb__slide__list .item__link__txt br {display:none;} /*.re-lnb.-fixed .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0;}*/ /* lnb-swiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-button.-hide {display:none;} .re-lnb__slide.swiper-no-swiping .swiper-wrapper {display:flex; justify-content:center;} .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 48px);} @media (max-width: 1440px) { /* lnb */ .re-lnb__slide {width:100%;} .re-lnb__slide__list .item__link {padding:0.8333vw 0;} .re-lnb__slide__list .item__link__pic {width:5.9722vw; height:3.7500vw;} .re-lnb__slide__list .item__link__txt {margin-top:0.9722vw; font-size:0.9722vw;} /* lnb-swiper */ .re-lnb__slide .swiper-slide {width:9.3056vw;} .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0.6944vw;} .re-lnb__slide .swiper-button {width:5.5556vw;} .re-lnb__slide .swiper-button::after {width:1.0417vw; height:1.0417vw;} .re-lnb__slide .swiper-container {width:calc(100% - 8.3333vw);} /* lnb-fidxed */ /*.re-lnb.-fixed .re-lnb__slide .swiper-container {width:calc(100% - 3.3333vw);}*/ .re-lnb.-fixed .re-lnb__slide .swiper-slide {min-width:9.3056vw;} /*.re-lnb.-fixed .re-lnb__slide__list .item__link {padding:0.8333vw;}*/ .re-lnb.-fixed .re-lnb__slide__list .item__link__txt {font-size:1.1111vw;} /* lnb-swiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 3.3333vw);} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} /* lnb */ .re-lnb__slide__list .item__link {padding:3.3333vw 0;} .re-lnb__slide__list .item__link__pic {width:23.8889vw; height:15.0000vw;} .re-lnb__slide__list .item__link__txt {margin-top:2.2222vw; font-size:3.3333vw;} /* lnb-swiper */ .re-lnb__slide .swiper-slide {width:calc(100% / 3);} .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0;} .re-lnb__slide .swiper-button {width:11.1111vw;} .re-lnb__slide .swiper-button::after { width:4.1667vw; height:4.1667vw; border-width:0 0 0.5556vw 0.5556vw;} .re-lnb__slide .swiper-button.next::after {border-width:0.5556vw 0.5556vw 0 0;} .re-lnb__slide .swiper-container {width:calc(100% - 16.6667vw);} /* lnb-fidxed */ .re-lnb.-fixed .re-lnb__slide.swiper-no-swiping .swiper-wrapper {display:flex; justify-content:flex-start;} .re-lnb.-fixed .re-lnb__slide .swiper-container {width:calc(100% - 16.6667vw);} .re-lnb.-fixed .re-lnb__slide .swiper-slide {min-width:auto;} .re-lnb.-fixed .re-lnb__slide__list .item__link {padding:3.3333vw;} .re-lnb.-fixed .re-lnb__slide__list .item__link__txt {font-size:4.4444vw;} .re-lnb.-fixed .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0;} /* lnb-swiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 13.3333vw);} } </style> <div class="re-lnb -w1440"> <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="8개의 슬라이드 중 1번"> <a href="/sec/lifestyletv/all-lifestyletv/" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:visual_lnb:all_lifestyletv_view_more"> <div class="item__link__pic pic01"></div> <span class="item__link__txt font-sans">전체 <br>라이프스타일 TV</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 2번"> <a href="/sec/lifestyletv/all-lifestyletv/?the-freestyle" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:visual_lnb:the_freestyle_view_more"> <div class="item__link__pic pic02"></div> <span class="item__link__txt font-sans">The Freestyle</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 3번"> <a href="/sec/lifestyletv/all-lifestyletv/?the-sero" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:visual_lnb:the_sero_view_more"> <div class="item__link__pic pic03"></div> <span class="item__link__txt font-sans">The Sero</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 4번"> <a href="/sec/lifestyletv/all-lifestyletv/?the-serif" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:visual_lnb:the_serif_view_more"> <div class="item__link__pic pic04"></div> <span class="item__link__txt font-sans">The Serif</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 5번"> <a href="/sec/lifestyletv/all-lifestyletv/?the-frame" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:visual_lnb:the_frame_view_more"> <div class="item__link__pic pic05"></div> <span class="item__link__txt font-sans">The Frame</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 6번"> <a href="/sec/lifestyletv/all-lifestyletv/?the-terrace" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:visual_lnb:the_terrace_view_more"> <div class="item__link__pic pic06"></div> <span class="item__link__txt font-sans">The Terrace</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 7번"> <a href="/sec/lifestyletv/all-lifestyletv/?the-premiere" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:visual_lnb:the_premiere_view_more"> <div class="item__link__pic pic07"></div> <span class="item__link__txt font-sans">The Premiere</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 8번"> <a href="/sec/tv-accessories/all-tv-accessories/" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:visual_lnb:tv_accessories_view_more"> <div class="item__link__pic pic08"></div> <span class="item__link__txt font-sans">액세서리</span> </a> </div> </li> </ul> </div> <button type="button" class="swiper-button prev"></button> </div> </div> <script> swiperLnb($('.re-lnb__slide')); scrollFixed($('.re-lnb')); function swiperLnb(swiperWrap){ let swiperContainer = swiperWrap.find('.swiper-container'); let slide = swiperContainer.find('.swiper-slide'); let slideLnb = new Swiper(swiperContainer, { slidesPerView: 'auto', autoHeight : false, speed: 500, touchStartPreventDefault: false, observer: true, observeParents: true, navigation: { nextEl: swiperWrap.find('.swiper-button.next'), prevEl: swiperWrap.find('.swiper-button.prev'), }, a11y: { prevSlideMessage: '이전 슬라이드', nextSlideMessage: '다음 슬라이드', slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.', }, on: { init: function() { if(slide.length <= 9 && $(window).outerWidth() >= 800){ swiperWrap.addClass('swiper-no-swiping'); }else if(slide.length <= 3 && $(window).outerWidth() < 800){ swiperWrap.addClass('swiper-no-swiping'); }else{ swiperWrap.removeClass('swiper-no-swiping'); } }, resize: function() { if(slide.length <= 9 && $(window).outerWidth() >= 800){ swiperWrap.addClass('swiper-no-swiping'); }else if(slide.length <= 3 && $(window).outerWidth() < 800){ swiperWrap.addClass('swiper-no-swiping'); }else{ swiperWrap.removeClass('swiper-no-swiping'); } } }, }); } function scrollFixed(fixedWrap){ let win = $(window); win.off('scroll').on('scroll', function(){ let kv = fixedWrap.prev().prev(); let kvHeight = kv.outerHeight(); let kvTop = kv.offset().top; let targetOffsetTop = kvTop + kvHeight; let winScrollTop = $(this).scrollTop(); if(targetOffsetTop <= winScrollTop){ if(!fixedWrap.hasClass('-fixed')){ fixedWrap.addClass('-fixed'); } }else{ if(fixedWrap.hasClass('-fixed')){ fixedWrap.removeClass('-fixed'); } } }) } </script>   <style> /** common **/ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-pod {overflow:hidden; width:100%; max-width:1920px; margin:0 auto;} .re-pod__tit {font-size:48px; line-height:1.3; text-align:center;} .re-pod__tit span {display:block; font-size:inherit;} .re-pod__slide {width:1440px; margin:50px auto 0; overflow: hidden;} .re-pod__slide .swiper-container.menu {margin:0 auto;} .re-pod__slide__menu {justify-content:center;} .re-pod__slide__menu .swiper-slide {width:auto;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:60px;} .re-pod__slide__menu .item {overflow:visible; display:block; padding:10px 0; outline-offset:-2px;} .re-pod__slide__menu .item span {display:block; position:relative; color:#777; font-size:20px; font-weight:700; white-space:nowrap;} .re-pod__slide__menu .swiper-slide.-active .item span {color:#000;} .re-pod__slide__menu .swiper-slide.-active .item span::before {content:""; position:absolute; left:0; bottom:-7px; width:100%; height:3px; background-color:#000;} .re-pod__slide__list .item {overflow:hidden; display:block; border-radius:20px;} .re-pod__slide__list .item .pic {height:240px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%;} .re-pod__slide__list .item01 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod01.jpg");} .re-pod__slide__list .item02 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod02.jpg");} .re-pod__slide__list .item03 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod03_v2.jpg");} .re-pod__slide__list .item04 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod04_v1.jpg");} .re-pod__slide__list .item05 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod05.jpg");} .re-pod__slide__list .item06 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod06-v4.jpg");} .re-pod__slide__list .item .txt {padding:10px 10px 15px; background:#000; text-align:center;} .re-pod__slide__list .item .txt__tit {display:block; height:64px; color:#fff; font-size:24px; line-height:64px; word-break:keep-all;} .re-pod__slide__list .item .txt__tit.-long {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.36; text-overflow:ellipsis; white-space:normal;} .re-pod__slide__list .item .txt__desc {margin-top:5px; color:#fff; font-size:14px; line-height:1.4;} .re-pod__slide__list .item .txt__list {display:flex; margin-top:10px; padding:0 10px;} .re-pod__slide__list .item .txt__list li {width:calc(100% / 3);} .re-pod__slide__list .item .txt__list_04 li {width:calc(100% / 4);} .re-pod__slide__list .item .txt__list__icon {width:40px; height:40px; margin:0 auto; background-repeat:no-repeat; background-position:center top; background-size:100% 100%;} .re-pod__slide__list .item .txt__list__desc {display:block; margin-top:12px; color:#cecece; font-size:12px; line-height:1.3; word-break:keep-all; text-align:center;} .re-pod__slide__list .item .txt__btn {display:inline-block; margin-top:12px; padding:8px 15px; background:#fff; font-size:14px; font-weight:700; border-radius:20px;} .re-pod__slide__list .item01 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod01-ico01.png");} .re-pod__slide__list .item01 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod01-ico02.png");} .re-pod__slide__list .item01 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod01-ico03.png");} .re-pod__slide__list .item02 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod02-ico01.png");} .re-pod__slide__list .item02 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod02-ico02.png");} .re-pod__slide__list .item02 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod02-ico03.png");} .re-pod__slide__list .item03 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod03-ico01_v2.png");} .re-pod__slide__list .item03 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod03-ico02_v2.png");} .re-pod__slide__list .item03 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod03-ico03_v2.png");} .re-pod__slide__list .item04 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod04-ico01_v1.png");} .re-pod__slide__list .item04 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod04-ico02_v1.png");} .re-pod__slide__list .item04 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod04-ico03_v1.png");} .re-pod__slide__list .item04 .icon04 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod04-ico04_v1.png");} .re-pod__slide__list .item05 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod05-ico01.png");} .re-pod__slide__list .item05 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod05-ico02.png");} .re-pod__slide__list .item05 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod05-ico03.png");} .re-pod__slide__list .item06 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod06-ico01_v3.png");} .re-pod__slide__list .item06 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod06-ico02_v3.png");} .re-pod__slide__list .item06 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod06-ico03_v3.png");} .re-pod__slide__list .item06 .icon04 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/pod06-ico04_v3.png");} .re-pod__slide__list.blend .item {height:492px;} .re-pod__slide__list.blend .item .pic {height:100%;} .re-pod__slide__list.blend .item .txt {position:absolute; top:117px; left:0; width:100%;} .re-pod__slide .swiper-container-txt__list-box {position:relative; margin-top:60px;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {position:absolute; top:175px; left:0; z-index:100; width:56px; height:56px; border-radius:50%; background:rgba(0, 0, 0, 0.5);} .re-pod__slide .swiper-container-txt__list-box .swiper-button::after {content:""; display:block; position:absolute; top:50%; left:55%; z-index:1; width:15px; height:15px; border-style:solid; border-color:#fff; border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg);} .re-pod__slide .swiper-container-txt__list-box .swiper-button.next {left:auto; right:0;} .re-pod__slide .swiper-container-txt__list-box .swiper-button.next::after {left:45%; border-width:2px 2px 0 0;} .re-pod__slide .swiper-container-txt__list-box .swiper-button-disabled {display:none;} .re-pod__slide .swiper-container.list {overflow:visible; width:calc(100% - 48px); margin:0 auto;} .re-pod__slide__list {margin:0 auto;} .re-pod__slide__list .swiper-slide {width:312px;} .re-pod__slide__list .swiper-slide.-active .item {outline:3px solid #2189FF; outline-offset:-3px;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:24px;} .re-pod__slide__list.swiper-no-swiping {justify-content:center;} @media (max-width: 1440px) { .re-pod__tit {font-size:3.3333vw;} .re-pod__slide {width:100%; margin:3.4722vw auto 0;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:4.1667vw;} .re-pod__slide__menu .item {padding:0.6944vw 0;} .re-pod__slide__menu .item span {font-size:1.3889vw;} .re-pod__slide__menu .swiper-slide.-active .item span::before {bottom:-0.4861vw; height:0.2083vw;} .re-pod__slide__list .item {border-radius:1.3889vw;} .re-pod__slide__list .item .pic {height:16.6667vw;} .re-pod__slide__list .item .txt {padding:0.6944vw 0.6944vw 1.0417vw;} .re-pod__slide__list .item .txt__tit {height:4.4444vw; font-size:1.6667vw; line-height:4.4444vw;} .re-pod__slide__list .item .txt__desc {margin-top:0.3472vw; font-size:0.9722vw;} .re-pod__slide__list .item .txt__list {margin-top:0.6944vw; padding:0 0.6944vw;} .re-pod__slide__list .item .txt__list__icon {width:2.7778vw; height:2.7778vw;} .re-pod__slide__list .item .txt__list__desc {margin-top:0.8333vw; font-size:0.8333vw;} .re-pod__slide__list .item .txt__btn {margin-top:0.8333vw; padding:0.5556vw 1.0417vw; font-size:0.9722vw; border-radius:1.3889vw;} .re-pod__slide__list.blend .item {height:34.1667vw;} .re-pod__slide__list.blend .item .txt {top:8.1250vw;} .re-pod__slide .swiper-container-txt__list-box {margin-top:4.1667vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {top:12.1528vw; width:3.8889vw; height:3.8889vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button::after {width:1.0417vw; height:1.0417vw;} .re-pod__slide .swiper-container.list {width:calc(100% - 3.3333vw);} .re-pod__slide__list .swiper-slide {width:21.6667vw;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:1.6667vw;} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-pod__tit {font-size:7.7778vw;} .re-pod__slide {margin-top:5.5556vw;} .re-pod__slide .swiper-container.menu {position:relative;} .re-pod__slide .swiper-container.menu::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#787062;} .re-pod__slide__menu {justify-content:flex-start; padding-left:6.6667vw;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:5.5556vw;} .re-pod__slide__menu .swiper-slide:last-child {margin-right:13.3333vw;} .re-pod__slide__menu .item {padding:1.9444vw 0;} .re-pod__slide__menu .item span {font-size:4.4444vw;} .re-pod__slide__menu .swiper-slide.-active .item span::before {bottom:-1.3889vw; height:0.5556vw;} .re-pod__slide__list .item {border-radius:5.5556vw;} .re-pod__slide__list .item .pic {height:66.6667vw;} .re-pod__slide__list .item .txt {padding:2.7778vw 2.7778vw 4.1667vw;} .re-pod__slide__list .item .txt__tit {height:17.7778vw; font-size:6.6667vw; line-height:17.7778vw;} .re-pod__slide__list .item .txt__desc {margin-top:1.3889vw; font-size:3.8889vw;} .re-pod__slide__list .item .txt__list {margin-top:2.7778vw; padding:0 2.7778vw;} .re-pod__slide__list .item .txt__list__icon {width:11.1111vw; height:11.1111vw;} .re-pod__slide__list .item .txt__list__desc {margin-top:3.3333vw; font-size:3.3333vw;} .re-pod__slide__list .item .txt__btn {margin-top:3.3333vw; padding:2.2222vw 4.1667vw; font-size:3.8889vw; border-radius:5.5556vw;} .re-pod__slide__list.blend .item {height:136.6667vw;} .re-pod__slide__list.blend .item .txt {top:32.5000vw;} .re-pod__slide .swiper-container-txt__list-box {margin-top:8.3333vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {display:none;} .re-pod__slide .swiper-container.list {width:100%;} .re-pod__slide__list {padding-left:6.6667vw;} .re-pod__slide__list .swiper-slide {width:81.1111vw;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:5.5556vw;} .re-pod__slide__list .swiper-slide:last-child {margin-right:13.3333vw;} .re-pod__slide__list .swiper-slide.-active .item {outline:0; outline-offset:0;} } /* ltv only */ .re-pod.re-pod__lineup {padding:120px 0 60px;} @media (max-width:800px) { .re-pod.re-pod__lineup {padding-top:60px;} } </style> <section class="re-pod re-pod__lineup"> <h2 class="re-pod__tit font-sans"> 라이프스타일 TV <br class="br-mo">라인업별 추천 모델 </h2> <div class="re-pod__slide" role="region" aria-roledescription="carousel" aria-label="주요 품목 별 기능 소개 슬라이드 "> <div class="swiper-container menu"> <ul class="re-pod__slide__menu swiper-wrapper" aria-live="off"> <li class="swiper-slide -active"> <div role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 1번"> <button type="button" class="item font-sans" data-omni-type="microsite_contentinter" data-omni="pcd:tvs:lifestyletv:product1:the_freestyle_menu"> <span>The Freestyle</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 2번"> <button type="button" class="item font-sans" data-omni-type="microsite_contentinter" data-omni="pcd:tvs:lifestyletv:product2:the_sero_menu"> <span>The Sero</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 3번"> <button type="button" class="item font-sans" data-omni-type="microsite_contentinter" data-omni="pcd:tvs:lifestyletv:product3:the_serif_menu"> <span>The Serif</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 4번"> <button type="button" class="item font-sans" data-omni-type="microsite_contentinter" data-omni="pcd:tvs:lifestyletv:product4:the_frame_menu"> <span>The Frame</span> </button> </div> </li>  <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 5번" data-omni-type="microsite_contentinter" data-omni="pcd:tvs:lifestyletv:product6:the_premiere_menu"> <button type="button" class="item font-sans"> <span>The Premiere</span> </button> </div> </li> </ul> </div> <div class="swiper-container-txt__list-box"> <button type="button" class="swiper-button next"></button> <div class="swiper-container list"> <ul class="re-pod__slide__list swiper-wrapper" aria-live="off"> <li class="swiper-slide -active"> <div role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 1번"> <a href="/sec/lifestyletv/the-freestyle-sp-lfcf3laxxkr-d2c/SP-LFCF3LAXXKR/" class="item item01" data-omni-type="microsite_contentinter" data-omni="pcd:tvs:lifestyletv:product1:the_freestyle_sp_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit font-sans">The Freestyle 2세대</strong> <p class="txt__desc">SP-LFCF3LAXXKR</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">오토 스크린 <br>세팅</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">360 <br>디자인</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">시네마 <br>스케일</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 2번"> <a href="/sec/lifestyletv/package-lsb05a-ms-d2c/KQ43LSB05A-MS/" class="item item02" data-omni-type="microsite_contentinter" data-omni="pcd:tvs:lifestyletv:product2:the_sero_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long font-sans">The Sero (105 cm) <br>네이비 블루 + 이지무빙키트</strong> <p class="txt__desc">KQ43LSB05A-MS</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">세로 모드</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">프리미엄 <br>사운드</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">QLED <br>기술</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 3번"> <a href="/sec/lifestyletv/the-serif-lsd01afxkr-d2c/KQ65LSD01AFXKR/" class="item item03" data-omni-type="microsite_contentinter" data-omni="pcd:tvs:lifestyletv:product3:the_serif_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit font-sans">The Serif (163 cm)</strong> <p class="txt__desc">KQ65LSD01AFXKR</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">Serif <br>디자인</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">매트 <br>디스플레이</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">탈부착형 <br>스탠드</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 4번"> <a href="/sec/lifestyletv/package-kq85lsd03-sg-d2c/KQ50LSD03-SG/" class="item item04" data-omni-type="microsite_contentinter" data-omni="pcd:tvs:lifestyletv:product4:the_frame_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long font-sans">The Frame (125 cm) <br>챔퍼 샌드골드 베젤</strong> <p class="txt__desc">KQ50LSD03-SG</p> <ul class="txt__list txt__list_04"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">프레임 <br>디자인</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">맞춤형 <br>베젤</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">아트 <br>컬렉션</span> </li> <li> <div class="txt__list__icon icon04"></div> <span class="txt__list__desc">매트 <br>디스플레이</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li>  <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 5번"> <a href="/sec/lifestyletv/packge-sp-lpdu9s-120s-d2c/SP-LPDU9S-120S/" class="item item06" data-omni-type="microsite_contentinter" data-omni="pcd:tvs:lifestyletv:product6:the_premiere_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long font-sans">The Premiere LPDU9 + <br>롤러블 스크린</strong> <p class="txt__desc">SP-LPDU9S-120S</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">트리플 <br> 레이저</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">초단초점</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">파워풀 <br>사운드</span> </li> <li> <div class="txt__list__icon icon04"></div> <span class="txt__list__desc">삼성 <br>Tizen OS</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> </ul> </div> <button type="button" class="swiper-button prev"></button> </div> </div> </section> <script> swiperPod($('.re-pod__slide')); function swiperPod(swiperWrap){ swiperWrap.each(function(index, element){ let $this = $(this); let swiperPodMenuCont = $this.find('.swiper-container.menu'); let swiperPodMenuContSlide = swiperPodMenuCont.find('.swiper-slide'); let swiperPodListCont = $this.find('.swiper-container.list'); let swiperPodListContSlide = swiperPodListCont.find('.swiper-slide'); let swiperPodMenu = new Swiper(swiperPodMenuCont, { slidesPerView: 'auto', speed: 500, watchSlidesProgress: true, slideToClickedSlide: true, breakpoints: { 800: { touchRatio: 0, } }, on: { init: function() { swiperPodMenuContSlide.on('click', function(){ let current = $(this); let currentIndex = current.index(); current.addClass('-active').siblings().removeClass('-active'); swiperPodListContSlide.eq(currentIndex).addClass('-active').siblings().removeClass('-active'); swiperPodList.slideTo(currentIndex); }) } } }); let swiperPodList = new Swiper(swiperPodListCont, { slidesPerView: 'auto', autoHeight : false, speed: 500, touchStartPreventDefault: false, observer: true, observeParents: true, navigation: { nextEl: $this.find('.swiper-button.next'), prevEl: $this.find('.swiper-button.prev'), }, a11y: { prevSlideMessage: '이전 슬라이드', nextSlideMessage: '다음 슬라이드', slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.', }, on: { init: function() { if(swiperPodListContSlide.length <= 4 && $(window).outerWidth() > 800){ swiperPodListCont.find('.re-pod__slide__list').addClass('swiper-no-swiping'); }else{ swiperPodListCont.find('.re-pod__slide__list').removeClass('swiper-no-swiping'); } swiperPodListContSlide.on('click', function(){ let current = $(this); let currentIndex = current.index(); current.addClass('-active').siblings().removeClass('-active'); swiperPodMenuContSlide.eq(currentIndex).addClass('-active').siblings().removeClass('-active'); swiperPodMenu.slideTo(currentIndex); }) }, slideChange: function() { let currentIndex = swiperPodList.realIndex; let FixYouMenu = swiperPodMenuCont.find('.swiper-slide'); FixYouMenu.eq(currentIndex).addClass('-active').siblings().removeClass('-active'); swiperPodMenu.slideTo(currentIndex); }, resize: function(){ if(swiperPodListContSlide.length <= 4 && $(window).outerWidth() > 800){ swiperPodListCont.find('.re-pod__slide__list').addClass('swiper-no-swiping'); }else{ swiperPodListCont.find('.re-pod__slide__list').removeClass('swiper-no-swiping'); } } } }); }); }; </script>   <div class="best-rank wrap-component pt-nrml pb-none w1440px " id="ranking-product-card-wrap_1390347" data-stId="1" data-siteGbCd="10" data-stContextPath="/sec/" data-category-img-tit="tit" data-category-show-hide="hide" data-cptNo="1390347"> <div class="component-contents pt-none pb-none" data-cptnm="pcd:tv:lifestyletv:best_ranking"> <div class="component-text"> <div class="box-title"> <h3 class="title mo-ver " style="color:#000000">요즘 인기있는 <br>라이프스타일 TV</h3> <h3 class="title pc-ver " style="color:#000000">요즘 인기있는 라이프스타일 TV</h3> <h3 class="sub pc-ver"></h3> <h3 class="sub mo-ver"></h3> </div> </div> </div> <section class="rank-section best-type2 categoryHide "> <div class="indct_wrap"> <button class="_prev" data-omni="best ranking:left_arrow"> <div class="_img"> <span class="blind">뒤로</span> </div> </button> <button class="_next" data-omni="best ranking:right_arrow"> <div class="_img"> <span class="blind">앞으로</span> </div> </button> <div class="slide-best-nav" id="categoryNavi_1390347"> <div class="item" id="categoryNavi_1390347_0"> <button class="cta_bst" data-omni="best ranking:Lifestyle TV" data-target-id="rankingPdCardList_1390347_0" data-component-id="categoryNavi_1390347" data-st-context-path="/sec/" data-pd-list-tp="auto" data-counting-period="7day" data-pd-disp-clsf-no="34080000" data-display-category1="34000000" data-display-category2="34080000" data-display-category3="" data-card-show-count="8" data-show-count="8" data-show-more-count="8" data-ranking-pd-card-list-str="" data-svmn-amt-disp-yn="N"> <p class="component-category-name">Lifestyle TV</p> </button> </div> </div> </div> <div class="slide-best-cont " id="categoryCont_1390347">  <ul class="best-item" id="rankingPdCardList_1390347_0"> </ul>  </div> <div> <input type="hidden" id="rankingPdCardList_1390347_0_compoNo" value="1390347"> <input type="hidden" id="rankingPdCardList_1390347_0_totcnt" value="0"> <input type="hidden" id="rankingPdCardList_1390347_0_morecnt" value="8"> <input type="hidden" id="rankingPdCardList_1390347_0_page" value="1"> <input type="hidden" id="rankingPdCardList_1390347_0_rows" value="8"> <input type="hidden" id="rankingPdCardList_1390347_0_countingPeriod" value="7day"> <input type="hidden" id="rankingPdCardList_1390347_0_today_compoNo" value="1390347"> <input type="hidden" id="rankingPdCardList_1390347_0_today_totcnt" value="0"> <input type="hidden" id="rankingPdCardList_1390347_0_today_morecnt" value="8"> <input type="hidden" id="rankingPdCardList_1390347_0_today_page" value="1"> <input type="hidden" id="rankingPdCardList_1390347_0_today_rows" value="8"> <input type="hidden" id="rankingPdCardList_1390347_0_today_countingPeriod" value="7day"> <input type="hidden" id="productCtaListGridData_1390347" value='[{"ctaMoveStyle":"구매하기","ctaWindowStyle":"이동"}]'/> </div> </section> </div>  <style> /** style **/ .pod-ltv-video {position: relative; padding-top:20px;} .pod-ltv-video .re-pod {overflow:hidden; width:100%; max-width:1920px; margin:0 auto;} .pod-ltv-video .re-pod__tit {font-size:48px; line-height:1.3; text-align:center; } .pod-ltv-video .re-pod__tit span {display:block; font-size:inherit;} .pod-ltv-video .re-pod__slide {width:1440px; margin:0 auto; overflow: hidden;} .pod-ltv-video .swiper-container-txt__list-box {position: relative;} .pod-ltv-video .swiper-container {padding-right: 12px; padding-left: 12px;} .pod-ltv-video .re-pod__slide .swiper-container.list {width: 100%; /*padding-bottom: 40px;*/} .pod-ltv-video .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left: 0;} .pod-ltv-video .video-card {width: 330px; height: 440px; margin: 0 auto; border-radius: 20px; overflow: hidden;} .pod-ltv-video .video-card .pic {position: relative; height:440px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; background-repeat: no-repeat; transition: transform .3s;} .pod-ltv-video .video-card .pic.pic_hover {transform: scale(1.1);} .pod-ltv-video .card01 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-01-influencer-the-serif-caroline-reichel-pc.jpg");} .pod-ltv-video .card02 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-02-influencer-the-frame-carolyn-mara-pc.jpg");} .pod-ltv-video .card03 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-03-influencer-the-frame-luis-sanchez-pc.jpg");} .pod-ltv-video .card04 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-04-influencer-the-frame-sophia-ferrari-wills-pc.jpg");} .pod-ltv-video .card05 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-05-influencere-the-frame-gemma-miles-pc.jpg");} .pod-ltv-video .card06 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-06-influencere-the-frame-noorie-ana-pc.jpg");} .pod-ltv-video .card07 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-07-influencer-the-frame-calista-and-tom-pc.jpg.jpg");} .pod-ltv-video .card08 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-08-influencer-the-frame-sarah-laming-pc.jpg");} .pod-ltv-video .video-card .txt {position: absolute; top: 0; width: 330px; padding: 32px; color: #fff; word-break: break-word;} .pod-ltv-video .video-card .txt__eyebrow {margin-bottom: 4px; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean', sans-serif; font-size: 14px; font-weight: 700; line-height: 1.33; text-shadow: 0 0 3px rgb(0 0 0 / 75%);} .pod-ltv-video .video-card .txt__title {display: inline-block; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean', sans-serif; font-size: 24px; font-weight: 700; line-height: 1.33; text-shadow: 0 0 3px rgb(0 0 0 / 75%);} .pod-ltv-video .video-card .txt__btn {margin-top: 16px;} /* swiper option*/ .pod-ltv-video .pagi__wrap {display: flex; justify-content: center; position: relative; top: 0; /*height: 25px;*/ margin-top: 24px; margin-bottom:2px;} .pod-ltv-video .pagi__wrap .swiper-pagination {position:static;} .pod-ltv-video .swiper-pagination {border: 1px solid rgba(0,0,0,0.1); padding: 2px 8px; border-radius: 16px;} .pod-ltv-video .swiper-pagination-bullet {margin: 4px; background: #757575; opacity: 1;} .pod-ltv-video .swiper-pagination-bullet-active {background: #000;} .pod-ltv-video .swiper-container-txt__list-box .swiper-button {position:absolute; top:200px; left:0; z-index:100; width:40px; height:40px; border-radius:50%; background:rgba(247, 247, 247, 0.73); border: 1px solid rgba(0,0,0,0.1); z-index: 1;} .pod-ltv-video .swiper-container-txt__list-box .swiper-button::after {content:""; display:block; position:absolute; top:50%; left:55%; z-index:1; width:12px; height:12px; border-style:solid; border-color:rgba(0,0,0,0.95); border-width:0 0 1px 1px; transform:translate(-50%, -50%) rotate(45deg);} .pod-ltv-video .swiper-container-txt__list-box .swiper-button:hover {background: rgba(247, 247, 247, 1);} .pod-ltv-video .swiper-container-txt__list-box .swiper-button.next {left:auto; right:0;} .pod-ltv-video .swiper-container-txt__list-box .swiper-button.next::after {left:45%; border-width:1px 1px 0 0;} .pod-ltv-video .swiper-container-txt__list-box .swiper-button-disabled {display:none;} /* video popup */ .pod-ltv-video .popup_video.active {display: block;} .pod-ltv-video .popup_video {display: none; position: fixed; top: 0; left: 0; right: 0; left: 0; height: 100%; z-index: 300;} .pod-ltv-video .popup_video_dim {position: absolute; top: 0; left: 0; right: 0; left: 0; height: 100%; background-color: #000; opacity: 0.9; } .pod-ltv-video .video_contents {position: relative; max-width: 1440px; max-height: 810px; left: 50%; top: 50%; transform: translate(-50%, -50%); } .pod-ltv-video .video_contents iframe {position: relative; width: 100%; height: 100%;} .pod-ltv-video .popup_video .icon_close {position: absolute; top: 24px; right: 24px; width: 28px; height: 28px; background: url(https://images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center; filter: invert(100%); background-size: 100% 100%; } body.scrollDisable {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} @media (max-width: 1440px) { /** style **/ .pod-ltv-video .re-pod {width:100%; max-width:133.3333vw;} .pod-ltv-video .re-pod__tit {font-size:3.3333vw;} .pod-ltv-video .re-pod__slide {width:100%; margin:0 auto;} .pod-ltv-video .swiper-container {padding-right: 0.8333vw; padding-left: 0.8333vw;} .pod-ltv-video .video-card {width: 22.9167vw; height: 30.5556vw; border-radius: 1.3889vw;} .pod-ltv-video .video-card .pic {height:30.5556vw;} .pod-ltv-video .video-card .txt {width: 22.9167vw; padding: 2.2222vw;} .pod-ltv-video .video-card .txt__eyebrow {margin-bottom: 0.2778vw; font-size: 0.9722vw;} .pod-ltv-video .video-card .txt__title {font-size: 1.6667vw;} .pod-ltv-video .video-card .txt__btn {margin-top: 1.1111vw;} .pod-ltv-video .btn-d {min-width: 6.6667vw; height: 2.7778vw; margin: 0 0.2778vw; padding-left: 1.6667vw; padding-right: 1.6667vw; line-height: 2.6389vw; font-size: 0.9722vw; border-radius: 1.3889vw;} /* swiper option*/ .pod-ltv-video .pagi__wrap {/*height: 1.7361vw;*/ margin-top: 1.6667vw;} .pod-ltv-video .swiper-pagination {padding: 0.1389vw 0.5556vw; border-radius: 1.1111vw;} .pod-ltv-video .swiper-pagination-bullet {margin: 0.2778vw;} .pod-ltv-video .swiper-container-txt__list-box .swiper-button {top:13.8889vw; width:2.7778vw; height:2.7778vw;} .pod-ltv-video .swiper-container-txt__list-box .swiper-button::after {width:0.8333vw; height:0.8333vw;} } /* video popup */ .pod-ltv-video .video_contents {width: 100%; height: 56.25vw;} @media (max-width: 800px) { .pod-ltv-video {padding-bottom:60px;} .pod-ltv-video .re-pod__tit {width: 75vw; /*padding-top: 8.8889vw;*/ margin: 0 auto; font-size: 7.2222vw;} .pod-ltv-video .swiper-container {padding:0vw 5.55555556vw;} .pod-ltv-video .swiper-slide {margin-top: 6.66666667vw; padding-right: 2.2222vw; padding-left: 2.2222vw;} .pod-ltv-video .re-pod__slide__list {padding-left: 0;} .pod-ltv-video .re-pod__slide .swiper-container-txt__list-box {margin-top: 0;} .pod-ltv-video .video-card {height: 123.8889vw; width: 100%; border-radius: 20px;} .pod-ltv-video .video-card .txt {width: 100%; padding: 8.88889vw;} .pod-ltv-video .video-card .txt__eyebrow {font-size: 3.33333333vw; margin-bottom: 2.22222222vw; text-shadow: 0 0 3px rgba(0,0,0,0.75);} .pod-ltv-video .video-card .txt__title {font-size: 6.11111111vw; text-shadow: 0 0 3px rgba(0,0,0,0.75);} .pod-ltv-video .video-card .txt__btn {margin-top: 4.44444444vw;} .pod-ltv-video .btn-d {height: 11.11111vw; padding: 2.77777778vw 6.66666667vw 3.05555556vw 6.66666667vw; border-radius: 5.55555556vw; font-size: 3.88888889vw; line-height: 5.27777778vw;} .pod-ltv-video .video-card .pic {height: 100%;} .pod-ltv-video .video-card .pic.pic_hover {transform: none;} .pod-ltv-video .card01 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-01-influencer-the-serif-caroline-reichel-mo.jpg");} .pod-ltv-video .card02 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-02-influencer-the-frame-carolyn-mara-mo.jpg");} .pod-ltv-video .card03 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-03-influencer-the-frame-luis-sanchez-mo.jpg");} .pod-ltv-video .card04 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-04-influencer-the-frame-sophia-ferrari-wills-mo.jpg");} .pod-ltv-video .card05 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-05-influencer-the-frame-gemma-miles-mo.jpg");} .pod-ltv-video .card06 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-06-influencer-the-frame-noorie-ana-mo.jpg");} .pod-ltv-video .card07 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-07-influencer-the-frame-calista-and-tom-mo.jpg");} .pod-ltv-video .card08 .video-card .pic {background-image: url("//images.samsung.com/kdp/static/pcd/lifestyletv/home/2023-lifestyle-tvs-pcd-f00-08-influencer-the-frame-sarah-laming-mo.jpg");} /* swiper option*/ .pod-ltv-video .pagi__wrap {/*height: 8.33333vw;*/ margin-top: 5.5556vw} .pod-ltv-video .swiper-pagination { padding: 0.5555vw 2.22222222vw; border-radius: 4.44444444vw;} .pod-ltv-video .swiper-pagination-bullet {margin: 4px;} .pod-ltv-video .swiper-container-txt__list-box .swiper-button {top: 50%; width: 11.11111111vw; height: 11.11111111vw; z-index: 1;} .pod-ltv-video .swiper-container-txt__list-box .swiper-button::after {width: 3vw; height: 3vw;} /* video popup */ .pod-ltv-video .video_contents {height: auto; left: 0; transform: translateY(-50%);} .pod-ltv-video .video_contents iframe {width: 100vw; height: 56.25vw;} .pod-ltv-video .popup_video .icon_close {top: 6.66666667vw; right: 6.66666667vw; width: 5.5555vw; height: 5.5555vw;} } </style> <section class="re-pod pod-ltv-video"> <h2 class="re-pod__tit font-sans"> <span>라이프스타일 TV로 만나는 색다른 일상</span> </h2> <div class="re-pod__slide" role="region" aria-roledescription="carousel" aria-label="Lifestyle TV 제품들에 대한 영상 보기 슬라이드"> <div class="swiper-container-txt__list-box"> <div class="swiper-container list"> <ul class="re-pod__slide__list swiper-wrapper" aria-live="off"> <li class="swiper-slide card01 -active"> <div class="video-card" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 1번" data-yt-id="ooA4SA5ySSc"> <div class="pic"></div> <div class="txt">  <strong class="txt__title">The Serif와 함께하는 <br>Caroline Reichel의 일상</strong> <button type="button" class="btn btn-d btn-type4 txt__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:in_use1:the_serif:play_video">영상 보기</button> </div> <span class="blind">밝은 거실에 the serif가 장식장 위에 놓여 있고 화면이 켜지면서 아트모드 설정을 합니다. the serif 디자인을 다양한 앵글로 클로즈업하여 보여줍니다. the serif가 방안으로 들어오면서 화면이 다시 켜지고 한 여자가 침대에서 음식을 먹으며 tv를 봅니다.</span> </div> </li> <li class="swiper-slide card02"> <div class="video-card" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 2번" data-yt-id="0z1n2_BPoGs"> <div class="pic"></div> <div class="txt">  <strong class="txt__title">The Frame과 함께하는 <br>Carolyn Mara의 일상</strong> <button type="button" class="btn btn-d btn-type4 txt__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:in_use2:the_frame:play_video">영상 보기</button> </div> <span class="blind">한 여자가 캔버스 4개를 이어 붙인 면에 파란색 페인트로 그림을 그립니다. 벽에 3개의 캔버스를 설치하고 왼쪽 아래에는 the frame을 설치합니다. 그리고 화면을 켜서 tv를 봅니다.</span> </div> </li> <li class="swiper-slide card03"> <div class="video-card" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 3번" data-yt-id="dy2PKTngkS4"> <div class="pic"></div> <div class="txt">  <strong class="txt__title">The Frame과 함께하는 <br>Luis Sanchez의 일상</strong> <button type="button" class="btn btn-d btn-type4 txt__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:in_use3:the_frame:play_video">영상 보기</button> </div> <span class="blind">벽면에 다양한 액자가 걸려 있습니다. 그 중 아래에 the frame이 있고, 한 남자가 the frame 베젤을 화이트 색상으로 교체한 뒤 tv를 켜서 봅니다.</span> </div> </li> <li class="swiper-slide card04"> <div class="video-card" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 4번" data-yt-id="dbHNpbXKOdg"> <div class="pic"></div> <div class="txt">  <strong class="txt__title">The Frame과 함께하는 <br>Sophia Ferrari-Wills의 일상</strong> <button type="button" class="btn btn-d btn-type4 txt__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:in_use4:the_frame:play_video">영상 보기</button> </div> <span class="blind">핑크색 벽과 카펫의 실내에 the frame이 장식장위에 놓여 있습니다. 티크 색상 베젤을 교체한 뒤 다양한 아트모드 화면을 보여줍니다. 네명의 가족이 거실에 앉아 이야기하고 있습니다.</span> </div> </li> <li class="swiper-slide card05"> <div class="video-card" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 5번" data-yt-id="wsAqhmmmCto"> <div class="pic"></div> <div class="txt">  <strong class="txt__title">The Frame과 함께하는 <br>Gemma Miles의 일상</strong> <button type="button" class="btn btn-d btn-type4 txt__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:in_use5:the_frame:play_video">영상 보기</button> </div> <span class="blind">흰색 가구 인테리어의 실내에 the frame이 벽에 걸려 있습니다. 한 여자가 티크 색상 베젤을 교체한 뒤 아트 모드와 앨범 사진으로 화면을 다양하게 바꾸고 있습니다.</span> </div> </li> <li class="swiper-slide card06"> <div class="video-card" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 6번" data-yt-id="6SVW1cAh5WA"> <div class="pic"></div> <div class="txt">  <strong class="txt__title">The Frame과 함께하는 <br>Noorie Ana의 일상</strong> <button type="button" class="btn btn-d btn-type4 txt__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:in_use6:the_frame:play_video">영상 보기</button> </div> <span class="blind">밝은 실내 the frame이 스탠드에 설치되어 있습니다. 한 여자가 the frame 화면의 작품 스타일에 맞춰 의상을 갈아입고 서 있습니다.</span> </div> </li> <li class="swiper-slide card07"> <div class="video-card" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 7번" data-yt-id="ZdVQMJp6eDk"> <div class="pic"></div> <div class="txt">  <strong class="txt__title">The Frame과 함께하는 <br>Calista & Tom의 일상</strong> <button type="button" class="btn btn-d btn-type4 txt__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:in_use7:the_frame:play_video">영상 보기</button> </div> <span class="blind">블랙 인테리어 벽면 가운데 the frame이 설치되어 있고 그 아래 벽난로가 있습니다. the frame 화면이 다양하게 바뀝니다.</span> </div> </li> <li class="swiper-slide card08"> <div class="video-card" role="group" aria-roledescription="slide" aria-label="8개의 슬라이드 중 8번" data-yt-id="4veVgd-qEOY"> <div class="pic"></div> <div class="txt">  <strong class="txt__title">The Frame과 함께하는 <br>Sarah Laming의 일상</strong> <button type="button" class="btn btn-d btn-type4 txt__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:in_use8:the_frame:play_video">영상 보기</button> </div> <span class="blind">밝은 실내 소파에 한 여자와 강아지가 있습니다. 실내 꽃 화병과 식물들이 다양하게 놓여있고 커다란 창문 밖으로 숲이 보입니다. 왼쪽에 the frame이 벽에 걸려 있고 화면에는 자연과 어울리는 아트 작품들이 보여지고 있습니다.</span> </div> </li> </ul> <div class="pagi__wrap"> <div class="swiper-pagination"></div> </div> </div> <button type="button" class="swiper-button next"></button> <button type="button" class="swiper-button prev"></button> </div> </div> <div class="popup_video"> <div class="popup_video_dim"></div> <div class="video_contents"> <iframe src="" title="" frameborder="0" allowfullscreen=""></iframe> </div> <button type="button" class="icon_close"> <span class="blind">영상 닫기</span> </button> </div> </section> <script> // 영상보기 cta 호버시 배경 변화 const hoverBtn = $('.txt__btn'); hoverBtn.on("mouseover", function() { let $this = $(this); let $thisPic = $this.parent('.txt').siblings('.pic'); $thisPic.addClass('pic_hover'); }); hoverBtn.on("mouseout", function() { let $this = $(this); let $thisPic = $this.parent('.txt').siblings('.pic'); $thisPic.removeClass('pic_hover'); }); // swiper $(function(){ var swiperCardPod = new Swiper('.pod-ltv-video .swiper-container', { direction: 'horizontal', slidesPerView: 1, touchStartPreventDefault: false, observer: true, observeParents: true, navigation: { nextEl: '.swiper-button.next', prevEl: '.swiper-button.prev', }, pagination : { el : '.swiper-pagination', clickable: true, }, breakpoints:{ 800 : { slidesPerView: 4, }, } } )}); // 영상 모달 팝업 let $playBtn = $('.txt__btn'); let $modalCloseBtn = $('.icon_close'); let $myModal = $('.popup_video'); let $modalDim = $('.popup_video_dim'); // 모달 팝업 열림/닫힘 버튼 함수 function closeModal() { if (!($myModal.hasClass('active'))) { $myModal.addClass('active'); scrollDisable(); } else { $myModal.removeClass('active'); scrollAble(); } $('.video_contents').find('iframe').attr('src',''); } // 재생 버튼 - 팝업창 열기 $playBtn.on('click', closeModal); // 닫기 버튼 - 팝업창 닫기 $modalCloseBtn.on('click', closeModal); // 배경 클릭 - 팝업창 닫기 $modalDim.on('click', closeModal); // 모달 뒤 스크롤 방지 function scrollDisable(){ $('body').addClass('scrollDisable').on('scroll touchmove mousewheel', function(e){ e.preventDefault(); }); } function scrollAble(){ $('body').removeClass('scrollDisable').off('scroll touchmove mousewheel'); } // 영상 삽입 $('.txt__btn').on('click', function() { let $this = $(this); let $popupV = $('.video_contents'); let $myYtId = $this.parents('.video-card').data('ytId'); // let $myTit = $this.siblings('.txt__title').text(); $popupV.find('iframe').attr('src', 'https://www.youtube.com/embed/' + $myYtId + '?rel=0'); // $popupV.find('iframe').attr('src', 'https://www.youtube.com/embed/' + $myYtId + '?rel=0').attr('title', $myTit); }); </script>  <style> /* common */ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-tip {width:1440px; margin:0 auto;} .re-tip__tit {padding:0 24px; font-size:48px; line-height:1.3; text-align:center;} .re-tip__tit span {font-size:inherit;} .re-tip__list {display:flex; margin-top:60px; padding:0 12px; justify-content:center;} .re-tip__list li {width:calc(100% / 4); padding:0 12px; } .re-tip__list__btn {display:block; position:relative; width:100%; height:390px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; border-radius:20px; box-shadow:0 0.06em 0.2em 0.06em rgba(0, 0, 0, 0.2);} .re-tip__list__btn.pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/tip01.jpg");} .re-tip__list__btn.pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/tip02.jpg");} .re-tip__list__btn.pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/tip03.jpg");} .re-tip__list__btn.pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/tip04.jpg");} .re-tip__list__btn .txt {display:block; position:absolute; top:312px; left:0; width:100%; color:#555; font-size:22px; font-weight:700; line-height:1.36; text-align:center;} .re-tip__list__btn .txt.color_wht {color: #eee;} /* modal */ body.-has-modal {overflow:hidden;} .re-tip .modal-dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; background:rgba(0, 0, 0, 0.8);} .re-tip .modal-dim.-search {z-index:300; background:transparent;} .re-tip .modal-dim.-active {display:block;} .re-tip .modal-layer {display:none; position:fixed; top:50%; left:50%; width:416px; transform:translate(-50%, -55%); z-index:300;} .re-tip .modal-layer.-active {display:block;} .re-tip .modal-layer .btn-modal-close {position:absolute; bottom:0; left:50%; width:40px; height:40px; background:#fff url(//images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center / 14px 14px; border-radius:50%; transform:translate(-50%, 150%);} .re-tip .modal-cont {overflow:hidden; position:relative; width:100%; height:739px; background:#fff;} .re-tip .modal-cont.-mobile {display:none;} .re-tip .modal-cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .re-tip .modal-cont iframe {width:100%; height:100%;} @media (max-width: 1440px) { .re-tip {width:100%;} .re-tip__tit {padding:0 1.6667vw; font-size:3.3333vw;} .re-tip__list {margin-top:4.1667vw; padding:0 0.8333vw;} .re-tip__list li {padding:0 0.8333vw; } .re-tip__list__btn {height:27.0833vw; border-radius:1.3889vw;} .re-tip__list__btn .txt {top:21.6667vw; font-size:1.5278vw;} /* modal */ .short-form .modal-layer {width:28.8889vw;} .short-form .modal-layer .btn-modal-close {width:2.7778vw; height:2.7778vw; background-size:0.9722vw 0.9722vw;} .short-form .modal-cont {height:51.3194vw;} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-tip__tit {padding:0 6.6667vw; font-size:7.7778vw;} .re-tip__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start; flex-wrap:wrap;} .re-tip__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0; } .re-tip__list__btn {height:48.8889vw; border-radius:5.5556vw;} .re-tip__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} /* modal */ .short-form .modal-layer {width:71.3889vw;} .short-form .modal-layer .btn-modal-close {width:10.139vw; height:10.139vw; background-size:4.167vw 4.167vw;} .short-form .modal-cont {height:132.7778vw;} } /* only ltv */ .re-tip-ltv .re-tip__tit span {display:block;} @media (max-width:800px) { .re-tip.re-tip-ltv {padding-top:80px;} } </style> <section class="re-tip pd-tb-60 re-tip-ltv"> <h2 class="re-tip__tit font-sans"> <span>라이프스타일 TV 구매 전 </span> <span>알아두면 좋을 꿀팁!</span> </h2> <ul class="re-tip__list"> <li> <a href="/sec/interiorbook/tvs/#lifestyle-tv" class="re-tip__list__btn pic01 font-sans" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:tip:interior_story_view_more" target="_blank" title="새창 열림"> <span class="txt">라이프스타일 TV <br>Interior Story</span> </a> </li> <li> <a href="/sec/lifestyletv/the-serif/highlights/" class="re-tip__list__btn pic02 font-sans" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:tip:the_serif_view_more" target="_blank" title="새창 열림"> <span class="txt color_wht">The Serif 더 알아보기</span> </a> </li> <li> <a href="/sec/lifestyle-tvs/the-frame/highlights/" class="re-tip__list__btn pic03 font-sans" data-omni-type="microsite_contentinter" data-omni="'pcd:tv:lifestyletv:tip:the_frame_view_more" target="_blank" title="새창 열림"> <span class="txt">The Frame 더 알아보기</span> </a> </li> </ul> </section>  <style> /* common */ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-about {width:1440px; margin:0 auto;} .re-about__tit {padding:0 24px; line-height:1.3; text-align:center;} .re-about__tit__sub {display:block; font-family:'Samsung Sharp Sans',SamsungOneKorean; font-size:20px; letter-spacing:0.2em;} .re-about__tit__txt {display:block; margin-top:5px; font-size:48px;} .re-about__tit__txt sup {font-family:'Samsung Sharp Sans'; font-size:24px; vertical-align:18px;} .re-about__list {display:flex; margin-top:24px; padding:0 6px; flex-wrap:wrap;} .re-about__list li {width:calc(100% / 3); padding:36px 18px 0;} .re-about__list li.mg-right {margin-left:auto;} .re-about__list li.mg-center {margin-left:auto; margin-right:auto;} .re-about__list__btn {display:block; position:relative; width:100%; text-align:left;} .re-about__list__btn .pic {height:440px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; border-radius:20px;} .re-about__list__btn .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/lifestyletv01.jpg");} .re-about__list__btn .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/lifestyletv02.jpg");} .re-about__list__btn .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/lifestyletv03.jpg");} .re-about__list__btn .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/award.jpg");} .re-about__list__btn .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/thumb.png");} .re-about__list__btn .pic06 {background-image:url("//images.samsung.com/kdp/static/pcd/lifestyletv/re/lifestyletv06.jpg");} .re-about__list__btn .tag {display:block; margin-top:20px; padding-left:20px; font-size:16px;} .re-about__list__btn .tit {display:inline-block; margin-top:6px; padding-left:20px; font-size:24px; font-weight:700; line-height:1.25;} .re-about__list__btn .tit .blank {display:inline-block; width:20px; height:20px; background:url("https://www.samsung.com/sec/static/_images/component/newwindow-hover.svg") no-repeat left top / 100% 100%;} .re-about__list__btn .tit .blank.blank-arrow {background-image:url("/sec/static/_images/common/icon-outlink.svg");} .re-about__list__btn .desc {margin-top:16px; padding-left:20px; color:#707070; font-size:15px; line-height:1.6;} /* modal */ body.-has-modal {overflow:hidden;} .re-about .modal-dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; background:rgba(0, 0, 0, 0.8);} .re-about .modal-dim.-search {z-index:300; background:transparent;} .re-about .modal-dim.-active {display:block;} .re-about .modal-layer {display:none; position:fixed; top:50%; left:50%; width:1392px; transform:translate(-50%, -55%); z-index:300;} .re-about .modal-layer.-active {display:block;} .re-about .modal-layer .btn-modal-close {position:absolute; bottom:0; left:50%; width:40px; height:40px; background:#fff url(//images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center / 14px 14px; border-radius:50%; transform:translate(-50%, 150%);} .re-about .modal-cont {overflow:hidden; position:relative; width:100%; height:770px; background:#fff;} .re-about .modal-cont.-mobile {display:none;} .re-about .modal-cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .re-about .modal-cont iframe {width:100%; height:100%;} @media (max-width: 1440px) { .re-about {width:100%;} .re-about__tit {padding:0 1.6667vw;} .re-about__tit__sub {font-size:1.3889vw;} .re-about__tit__txt {margin-top:0.3472vw; font-size:3.3333vw;} .re-about__tit__txt sup {font-size:1.6667vw; vertical-align:1.2500vw;} .re-about__list {margin-top:1.6667vw; padding:0 0.4167vw;} .re-about__list li {padding:2.5000vw 1.2500vw 0;} .re-about__list__btn .pic {height:30.5556vw; border-radius:1.3889vw;} .re-about__list__btn .tag {margin-top:1.3889vw; padding-left:1.3889vw; font-size:1.1111vw;} .re-about__list__btn .tit {margin-top:0.4167vw; padding-left:1.3889vw; font-size:1.6667vw;} .re-about__list__btn .tit .blank {width:1.3889vw; height:1.3889vw;} .re-about__list__btn .desc {margin-top:1.1111vw; padding-left:1.3889vw; font-size:1.0417vw;} /* modal */ .re-about .modal-layer {width:100%;} .re-about .modal-layer .btn-modal-close {width:2.7778vw; height:2.7778vw; background-size:0.9722vw 0.9722vw;} .re-about .modal-cont {height:53.4722vw;} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-about__tit {padding:0 6.6667vw;} .re-about__tit__sub {font-size:3.8889vw;} .re-about__tit__txt {margin-top:2.222vw; font-size:7.7778vw;} .re-about__tit__txt sup {font-size:5vw; vertical-align:1.9444vw;} .re-about__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start;} .re-about__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0;} .re-about__list__btn .pic {height:41.1111vw; border-radius:5.5556vw;} .re-about__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} .re-about__list__btn .tag {margin-top:3.6111vw; padding-left:0; font-size:3.3333vw;} .re-about__list__btn .tit {margin-top:0.8333vw; padding-left:0; font-size:4.4444vw;} .re-about__list__btn .tit .blank {width:3.8889vw; height:3.8889vw;} .re-about__list__btn .desc {margin-top:1.9444vw; padding-left:0; font-size:3.3333vw;} /* modal */ .re-about .modal-layer {top:0; left:0; bottom:0; transform:translate(0);} .re-about .modal-layer .btn-modal-close {top:2.7778vw; bottom:auto; left:auto; right:2.7778vw; width:10.0000vw; height:10.0000vw; border-radius:0; transform:translate(0); background-color:transparent; background-image:url("/sec/static/_images/common/icon-close-wht.svg"); background-size:4.4444vw 4.4444vw;} .re-about .modal-cont {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} } </style> <section class="re-about pd-tb-60"> <h2 class="re-about__tit"> <span class="re-about__tit__sub">ALL ABOUT</span> <span class="re-about__tit__txt font-sans">라이프스타일 TV</span> </h2> <ul class="re-about__list"> <li> <a href="/sec/search-store/the-premiere" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:all_about:search_store_view_more"> <div class="pic pic06"></div> <span class="tag">매장 찾기</span> <div class="tit">4K 초대형 홈시네마를 경험하는 <br>The Premiere 체험 거점 매장</div> <p class="desc">The Premiere를 체험할 수 있는 가까운 매장을 확인하세요.</p> <span class="blind">페이지 이동</span> </a> </li> <li> <a href="//design.samsung.com/kr/contents/freestyle/?utm_source=scom&utm_medium=link&utm_campaign=vd&utm_content=kr" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:all_about:the_freestyle_design_story_view_more" target="_blank" title="새창 열림"> <div class="pic pic01"></div> <span class="tag">디자인 스토리</span> <div class="tit">오늘의 세대를 닮은 <br class="br-mo">The Freestyle <span class="blank blank-arrow"></span></div> <p class="desc">원하는 곳에, 원하는 방식으로, <br>원하는 화면을 볼 수 있는 <br class="br-mo">경험을 디자인합니다.</p> <span class="blind">페이지 이동</span> </a> </li> <li> <a href="//design.samsung.com/kr/contents/the-premiere/" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:all_about:the_premiere_design_story_view_more" target="_blank" title="새창 열림"> <div class="pic pic02"></div> <span class="tag">디자인 스토리</span> <div class="tit">패브릭을 입은 가전, 취향을 담은 집의 <br>공간과 어우러지는 <br class="br-mo">The Premiere <span class="blank blank-arrow"></span></div> <p class="desc">패브릭 소재와 유려한 실루엣으로 매력을 더하는 <br class="br-pc">The Premiere의 <br class="br-mo">디자인 스토리를 전합니다.</p> <span class="blind">페이지 이동</span> </a> </li> <li> <a href="//design.samsung.com/kr/contents/serif_tv/" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:all_about:the_serif_design_story_view_more" target="_blank" title="새창 열림"> <div class="pic pic03"></div> <span class="tag">디자인 스토리</span> <div class="tit">TV 디자인에 대한 <br>고정관념을 깬 <br class="br-mo">The Serif <span class="blank blank-arrow"></span></div> <p class="desc">부훌렉 형제의 작품인 <br class="br-mo">I-Shape 디자인으로 <br>마치 인테리어 오브제처럼 <br class="br-mo">공간을 아름답게 디자인합니다.</p> <span class="blind">페이지 이동</span> </a> </li> <li> <a href="/sec/awards/?pcd=tv&audio" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:all_about:award_view_more"> <div class="pic pic04"></div> <span class="tag">AWARD</span> <div class="tit">한눈에 보는 수상 제품</div> <p class="desc">디자인, 혁신적인 기술, <br class="br-mo">우수한 고객 만족도. <br>세계를 놀라게 한 수상 제품들을 만나보세요.</p> <span class="blind">페이지 이동</span> </a> </li> <li> <a href="#" class="healing_popup re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:tv:lifestyletv:all_about:healing_play_view_more"> <div class="pic pic05"></div> <span class="tag">VIDEO</span> <div class="tit">마음의 평화를 위한 <br class="br-mo">힐링 영상</div> <p class="desc">삼성닷컴 담당자가 <br class="br-mo">회사에서 지칠 때<br class="br-mo">(feat. 팀장님..♥) <br>찾아보는 영상을 <br class="br-mo">여러분과 공유합니다.</p> <span class="blind">페이지 이동</span> </a> </li> </ul> </section> <script> $(document).ready(function() { digitalData.page.pageInfo.pageTrack = "product category details" }); </script><style> .stc_ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height:100%; font-size:0; } .popup-wrap img, .popup-wrap video {display: block; width: 100%; height: auto; vertical-align: top;} .popup-wrap .wsnr {white-space: nowrap; } .popup-wrap {position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background: rgba(96, 96, 96, 0.98); opacity: 100%; z-index: 1000 !important; overflow: hidden; } .popup-wrap .txt {position: absolute; top: 50%; left: 50%; transform: translateX(-50%); margin-top:-43.3vh} .popup-wrap .txt .obj {width: 44.8vh; position:relative; } .popup-wrap .content-wrap {position: absolute; top: 50%; left: 50%; margin-top:-24.7vh; transform: translateX(-50%); width: 92.7vh; height: 58.4vh; overflow: hidden; } .popup-wrap .content-wrap .video-wrap {position: relative; top: 0; left: 0; width: 100%; height: auto; background-color: #000; } .popup-wrap .content-wrap .video-wrap video {position: relative; top: 0; left: 50%; transform: translateX(-50%) scale(0.99); width: 100%; height: auto; } .popup-wrap .content-wrap .video-wrap .video-cover {position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(0.99); width: 100%; height: 100%; } .popup-wrap .content-wrap a.btn-play {position: absolute; left: 0; top: 0; width: 100%; height: 52.4vh; } .popup-wrap .content-wrap a.btn-play:after {position: absolute; display: block; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6.6667vh; height: 6.6667vh; background: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/pc_btn_play.png') no-repeat center / cover; } .popup-wrap .content-wrap .frame {position: absolute; top: 0; left: 0; } .popup-wrap .content-wrap .frame .obj {width: 100%; height: 100%; } .popup-wrap .close {position: absolute; top: 5.5556vh; right: 5.5556vh; width: 5vh; height: 5vh; background: no-repeat center/contain; background-image: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/pc_ic_close.png'); } .popup-wrap .remote {position: absolute; top: 50%; left: 50%; transform:translate(-50%, 0%); margin-top:-2.6vh; } .popup-wrap .remote .obj {width: 12.4444vh; } .popup-wrap .remote a.btn-up {position: absolute; left: -60vh; width: 8vh; height: 8vh; background: no-repeat center/contain; background-image: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/healing_btnLeft.png'); } .popup-wrap .remote a.btn-down {position: absolute; left: 52.2vh; width: 8vh; height: 8vh; background: no-repeat center/contain; background-image: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/healing_btnRight.png'); } .popup-wrap .content-wrap.active a.btn-play:before {position: absolute; display: block; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0; transition: background-color 0.3s; z-index: 10; } .popup-wrap .content-wrap.active.hover a.btn-play:before {opacity: 1; background-color: rgba(0, 0, 0, 0.4); } .popup-wrap .content-wrap.active a.btn-play:after {display:none; } .popup-wrap .content-wrap.active.hover a.btn-play:after {background: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/pc_btn_pause.png') no-repeat center / cover; display:block; } .popup-wrap .volume-area {position:absolute; top:50%; margin-top: 39vh; left:50%; transform:translate(-50%, 0); } .popup-wrap .volume-area .volume-mute {display:block; background: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/ico_sound_off.png') no-repeat center / cover; width:5vh; height:4.6vh; position:absolute; left:-6vh; margin-top:-1.1vh; } .popup-wrap .volume-area .volume-mute.active {background: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/ico_sound_on.png') no-repeat center / cover; } .popup-wrap input[type='range'] { width:46.5vh; height:0.9vh; margin:0 auto; -webkit-appearance: none; background: linear-gradient(90deg, #fff 50%, #000 50%); border: 2px solid #000; border-radius:0.9vh; accent-color: #fff; } .popup-wrap input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; background: #ffffff; cursor: pointer; border: 2px solid #000000; height: 1.7vh; width: 1.7vh; border-radius: 1.7vh; } .popup-wrap input[type=range]::-moz-range-thumb { -webkit-appearance: none; background: #ffffff; cursor: pointer; border: 2px solid #000000; height: 1.5vh; width: 1.5vh; border-radius: 1.5vh; } .popup-wrap .videoEvent {position:absolute; width:100%; height:90%; top:0; left:0; max-height:700px; display:none; background:rgba(0,0,0,0.3); } .popup-wrap .videoEvent ul {display:table; width:100%; height:100%;} .popup-wrap .videoEvent ul li {display:table-cell; width:100%; height:100%; vertical-align:middle; } .popup-wrap .videoEvent ul li p {line-height:1.33; text-align:center; display:block; color:#fff; letter-spacing:-0.02em; } .popup-wrap .videoEvent ul li a {position:relative; display:inline-block; left:50%; transform:translate(-50%, 0); font-weight:bold; text-align:center; color:#000; background:#fff; letter-spacing:-0.02em; } .popup-wrap .videoEvent ul li p {font-size:2.4vh;text-shadow: 0vh 0vh 0.4vh rgba(0, 0, 0, 0.5)} .popup-wrap .videoEvent ul li a {font-size:1.8vh; padding:0.8vh 2.5vh 0.9vh; border-radius:2.5vh; margin-top:2.4vh; } .popup-wrap.pc_vw .txt {margin-top:-30.069vw; } .popup-wrap.pc_vw .txt .obj {width: 31.1111vw; } .popup-wrap.pc_vw .content-wrap {margin-top:-17.1528vw; width: 64.3750vw; height: 40.5556vw; } .popup-wrap.pc_vw .content-wrap a.btn-play {height: 36.3889vw; } .popup-wrap.pc_vw .content-wrap a.btn-play:after {width: 4.6528vw; height: 4.6528vw;} .popup-wrap.pc_vw .close {top: 3.8889vw; right: 3.8889vw; width: 3.4722vw; height: 3.4722vw;} .popup-wrap.pc_vw .remote { margin-top:-1.8056vw; } .popup-wrap.pc_vw .remote .obj {width: 8.6111vw; } .popup-wrap.pc_vw .remote a.btn-up {left: -41.6667vw; width: 5.5556vw; height: 5.5556vw;} .popup-wrap.pc_vw .remote a.btn-down {left: 36.2500vw; width: 5.5556vw; height: 5.5556vw;} .popup-wrap.pc_vw .volume-area {margin-top: 27.0833vw;} .popup-wrap.pc_vw .volume-area .volume-mute {width:3.4722vw; height:3.1944vw; left:-4.1667vw; margin-top:-0.7639vw; } .popup-wrap.pc_vw input[type='range'] { width:32.2917vw; height:0.6250vw; border-radius:0.6250vw;} .popup-wrap.pc_vw input[type=range]::-webkit-slider-thumb { height: 1.1806vw; width: 1.1806vw; border-radius: 1.1806vw; } .popup-wrap.pc_vw input[type=range]::-moz-range-thumb { height: 1.0417vw; width: 1.0417vw; border-radius: 1.0417vw; } .popup-wrap .videoEvent { max-height:48.61vw; } .popup-wrap.pc_vw .videoEvent ul li p {font-size:1.67vw;text-shadow: 0px 0px 0.278vw rgba(0, 0, 0, 0.5)} .popup-wrap.pc_vw .videoEvent ul li a {font-size:1.25vw; padding:0.55vw 1.736vw 0.625vw; border-radius:1.736vw; margin-top:1.667vw; } .popup-wrap.pc_px .txt {height:191px; } .popup-wrap.pc_px .txt .obj {width: 319px; } .popup-wrap.pc_px .content-wrap {margin-top:-176px; width: 659px; height: 415px; } .popup-wrap.pc_px .content-wrap a.btn-play {height: 373px; } .popup-wrap.pc_px .content-wrap a.btn-play:after {width: 48px; height: 48px;} .popup-wrap.pc_px .close {top: 40px; right: 40px; width: 36px; height: 36px;} .popup-wrap.pc_px .remote { margin-top:-18px; } .popup-wrap.pc_px .remote .obj {width: 88px; } .popup-wrap.pc_px .remote a.btn-up {left: -427px; width: 57px; height: 57px;} .popup-wrap.pc_px .remote a.btn-down {left: 371px; width: 57px; height: 57px;} .popup-wrap.pc_px .volume-area {margin-top: 277px;} .popup-wrap.pc_px .volume-area .volume-mute {width:36px; height:33px; left:-43px; margin-top:-8px; } .popup-wrap.pc_px input[type='range'] { width:331px; height:6px; border-radius:6px;} .popup-wrap.pc_px input[type=range]::-webkit-slider-thumb { height: 12px; width: 12px; border-radius: 12px; } .popup-wrap.pc_px input[type=range]::-moz-range-thumb { height: 11px; width: 11px; border-radius: 11px; } .popup-wrap.pc_px .videoEvent { max-height:497px; } .popup-wrap.pc_px .videoEvent ul li p {font-size:17px;text-shadow: 0px 0px 2.8px rgba(0, 0, 0, 0.5)} .popup-wrap.pc_px .videoEvent ul li a {font-size:12.8px; padding:5.7px 17.7px 6.4px; border-radius:17.7px; margin-top:17px; } .popup-wrap.device_px .txt {height:107px; top:50%; transform:translate(-50%, -50%); margin-top:-253px; } .popup-wrap.device_px .txt .obj {width: 373px; } .popup-wrap.device_px .content-wrap {margin-top: -172px; width: 746px; } .popup-wrap.device_px .content-wrap a.btn-play {height: 425px; } .popup-wrap.device_px .content-wrap a.btn-play:after {width: 90px; height: 90px; background: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/mo_btn_play.png') no-repeat center / cover;} .popup-wrap.device_px .close {top: 30px; right: 30px; width: 45px; height: 45px; } .popup-wrap.device_px .remote {height: 60px; top:50%; bottom:0; left:30px; transform:translate(0,0); margin-top:311px; } .popup-wrap.device_px .remote .obj {width: auto; } .popup-wrap.device_px .remote a.btn-up {position:relative; display:inline-block; width: 64px; height: 64px; top:0; left:0; } .popup-wrap.device_px .remote a.btn-down {position:relative; display:inline-block; width: 64px; height: 64px; top:0; left:0; margin-left:13px; } .popup-wrap.device_px .volume-area {bottom:0; right:33px; left:auto; top:50%; transform:translate(0,0); height:46px; margin-top:318px; } .popup-wrap.device_px .volume-area .volume-mute {width:50px; height:46px; left:-60px; margin-top:0px;} .popup-wrap.device_px .volume-area ul {display:table; height:100%;} .popup-wrap.device_px .volume-area ul li {display:table-cell; vertical-align:middle; height:46px;} .popup-wrap.device_px input[type='range'] { width:332px; height:10px; border-radius:10px; display:block; } .popup-wrap.device_px input[type=range]::-webkit-slider-thumb { height: 34px; width: 34px; border-radius: 34px; } .popup-wrap.device_px input[type=range]::-moz-range-thumb { height: 34px; width: 34px; border-radius: 34px; } .popup-wrap.device_px .videoEvent {max-height:420px; } .popup-wrap.device_px .videoEvent ul li p {font-size:30px; line-height:1.466; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5)} .popup-wrap.device_px .videoEvent ul li a {font-size:24px; padding:10px 34px 14px; border-radius:50px; margin-top:28px; } .popup-wrap.device_vw .txt {height:13.3750vw; top:50%; transform:translate(-50%, -50%); margin-top:-31.6250vw; } .popup-wrap.device_vw .txt .obj {width: 46.6250vw; } .popup-wrap.device_vw .content-wrap {margin-top: -21.5000vw; width: 93.2500vw; } .popup-wrap.device_vw .content-wrap a.btn-play {height: 53.1250vw; } .popup-wrap.device_vw .content-wrap a.btn-play:after {width: 11.2500vw; height: 11.2500vw; background: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/mo_btn_play.png') no-repeat center / cover;} .popup-wrap.device_vw .close {top: 3.7500vw; right: 3.7500vw; width: 5.6250vw; height: 5.6250vw; } .popup-wrap.device_vw .remote {height: 7.5000vw; top:50%; bottom:0; left:50%; transform:translate(-50%,0); margin-top:38.8750vw; } .popup-wrap.device_vw .remote .obj {width: auto; } .popup-wrap.device_vw .remote a.btn-up {position:relative; display:inline-block; width: 8.0000vw; height: 8.0000vw; top:0; left:0; } .popup-wrap.device_vw .remote a.btn-down {position:relative; display:inline-block; width: 8.0000vw; height: 8.0000vw; top:0; left:0; margin-left:11.6250vw; } .popup-wrap.device_vw .volume-area {top:3.7500vw; right:auto; left:3.2500vw; bottom:auto; transform:translate(0,0); height:5.7500vw; margin-top:0; } .popup-wrap.device_vw .volume-area .volume-mute {width:6.2500vw; height:5.7500vw; left:0; margin-top:0;} .popup-wrap.device_vw .volume-area ul {display:none;} .popup-wrap.device_vw .videoEvent {max-height:52.375vw; } .popup-wrap.device_vw .videoEvent ul li p {font-size:3.75vw; line-height:1.466; text-shadow: 0vw 0vw 0.5vw rgba(0, 0, 0, 0.5)} .popup-wrap.device_vw .videoEvent ul li a {font-size:3vw; padding:1.25vw 4.25vw 1.7500vw; border-radius:6.25vw; margin-top:3.5vw; } .popup-wrap.device_vh .txt {height:13.3750vh; top:50%; transform:translate(-50%, -50%); margin-top:-31.6250vh; } .popup-wrap.device_vh .txt .obj {width: 46.6250vh; } .popup-wrap.device_vh .content-wrap {margin-top: -21.5000vh; width: 93.2500vh; } .popup-wrap.device_vh .content-wrap a.btn-play {height: 53.1250vh; } .popup-wrap.device_vh .content-wrap a.btn-play:after {width: 11.2500vh; height: 11.2500vh; background: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/mo_btn_play.png') no-repeat center / cover;} .popup-wrap.device_vh .close {top: 3.7500vh; right: 3.7500vh; width: 5.6250vh; height: 5.6250vh; } .popup-wrap.device_vh .remote {height: 7.5000vh; top:50%; bottom:0; left:50%; transform:translate(-50%,0); margin-top:38.8750vh; } .popup-wrap.device_vh .remote .obj {width: auto; } .popup-wrap.device_vh .remote a.btn-up {position:relative; display:inline-block; width: 8.0000vh; height: 8.0000vh; top:0; left:0; } .popup-wrap.device_vh .remote a.btn-down {position:relative; display:inline-block; width: 8.0000vh; height: 8.0000vh; top:0; left:0; margin-left:11.6250vh; } .popup-wrap.device_vh .volume-area {top:3.7500vh; right:auto; left:3.2500vh; bottom:auto; transform:translate(0,0); height:5.7500vh; margin-top:0; } .popup-wrap.device_vh .volume-area .volume-mute {width:6.2500vh; height:5.7500vh; left:0; margin-top:0;} .popup-wrap.device_vh .volume-area ul {display:none;} .popup-wrap.device_vh .videoEvent {max-height:52.375vh; } .popup-wrap.device_vh .videoEvent ul li p {font-size:3.75vh; line-height:1.466; text-shadow: 0vh 0vh 0.5vh rgba(0, 0, 0, 0.5)} .popup-wrap.device_vh .videoEvent ul li a {font-size:3vh; padding:1.25vh 4.25vh 1.7500vh; border-radius:6.25vh; margin-top:3.5vh; } .popup-wrap.mobile_vw .txt {height:13.3750vw; top:50%; transform:translate(-50%, -50%); margin-top:-31.6250vw; } .popup-wrap.mobile_vw .txt .obj {width: 46.6250vw; } .popup-wrap.mobile_vw .content-wrap {margin-top: -21.5000vw; width: 93.2500vw; } .popup-wrap.mobile_vw .content-wrap a.btn-play {height: 53.1250vw; } .popup-wrap.mobile_vw .content-wrap a.btn-play:after {width: 11.2500vw; height: 11.2500vw; background: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/mo_btn_play.png') no-repeat center / cover;} .popup-wrap.mobile_vw .close {top: 3.7500vw; right: 3.7500vw; width: 5.6250vw; height: 5.6250vw; } .popup-wrap.mobile_vw .remote {height: 7.5000vw; top:50%; bottom:0; left:3.7500vw; transform:translate(0,0); margin-top:38.8750vw; } .popup-wrap.mobile_vw .remote .obj {width: auto; } .popup-wrap.mobile_vw .remote a.btn-up {position:relative; display:inline-block; width: 8.0000vw; height: 8.0000vw; top:0; left:0; } .popup-wrap.mobile_vw .remote a.btn-down {position:relative; display:inline-block; width: 8.0000vw; height: 8.0000vw; top:0; left:0; margin-left:1.6250vw; } .popup-wrap.mobile_vw .volume-area {bottom:0; right:4.1250vw; left:auto; top:50%; transform:translate(0,0); height:5.7500vw; margin-top:39.7500vw; } .popup-wrap.mobile_vw .volume-area .volume-mute {width:6.2500vw; height:5.7500vw; left:-7.5000vw; margin-top:0.0000vw;} .popup-wrap.mobile_vw .volume-area ul {display:table; height:100%;} .popup-wrap.mobile_vw .volume-area ul li {display:table-cell; vertical-align:middle; height:5.7500vw;} .popup-wrap.mobile_vw input[type='range'] { width:41.5000vw; height:1.2500vw; border-radius:1.2500vw; display:block; } .popup-wrap.mobile_vw input[type=range]::-webkit-slider-thumb { height: 4.2500vw; width: 4.2500vw; border-radius: 4.2500vw; } .popup-wrap.mobile_vw input[type=range]::-moz-range-thumb { height: 4.2500vw; width: 4.2500vw; border-radius: 4.2500vw; } .popup-wrap.mobile_vw .videoEvent {max-height:52.375vw; } .popup-wrap.mobile_vw .videoEvent ul li p {font-size:3.75vw; line-height:1.466; text-shadow: 0vw 0vw 0.5vw rgba(0, 0, 0, 0.5)} .popup-wrap.mobile_vw .videoEvent ul li a {font-size:3vw; padding:1.25vw 4.25vw 1.7500vw; border-radius:6.25vw; margin-top:3.5vw; } .popup-wrap.mobile_vh .txt {height:13.3750vh; top:50%; transform:translate(-50%, -50%); margin-top:-31.6250vh; } .popup-wrap.mobile_vh .txt .obj {width: 46.6250vh; } .popup-wrap.mobile_vh .content-wrap {margin-top: -21.5000vh; width: 93.2500vh; } .popup-wrap.mobile_vh .content-wrap a.btn-play {height: 53.1250vh; } .popup-wrap.mobile_vh .content-wrap a.btn-play:after {width: 11.2500vh; height: 11.2500vh; background: url('//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/mo_btn_play.png') no-repeat center / cover;} .popup-wrap.mobile_vh .close {top: 3.7500vh; right: 3.7500vh; width: 5.6250vh; height: 5.6250vh; } .popup-wrap.mobile_vh .remote {height: 7.5000vh; top:50%; bottom:0; left:3.7500vh; transform:translate(0,0); margin-top:38.8750vh; } .popup-wrap.mobile_vh .remote .obj {width: auto; } .popup-wrap.mobile_vh .remote a.btn-up {position:relative; display:inline-block; width: 8.0000vh; height: 8.0000vh; top:0; left:0; } .popup-wrap.mobile_vh .remote a.btn-down {position:relative; display:inline-block; width: 8.0000vh; height: 8.0000vh; top:0; left:0; margin-left:1.6250vh; } .popup-wrap.mobile_vh .volume-area {bottom:0; right:4.1250vh; left:auto; top:50%; transform:translate(0,0); height:5.7500vh; margin-top:39.7500vh; } .popup-wrap.mobile_vh .volume-area .volume-mute {width:6.2500vh; height:5.7500vh; left:-7.5000vh; margin-top:0.0000vh;} .popup-wrap.mobile_vh .volume-area ul {display:table; height:100%;} .popup-wrap.mobile_vh .volume-area ul li {display:table-cell; vertical-align:middle; height:5.7500vh;} .popup-wrap.mobile_vh input[type='range'] { width:41.5000vh; height:1.2500vh; border-radius:1.2500vh; display:block; } .popup-wrap.mobile_vh input[type=range]::-webkit-slider-thumb { height: 4.2500vh; width: 4.2500vh; border-radius: 4.2500vh; } .popup-wrap.mobile_vh input[type=range]::-moz-range-thumb { height: 4.2500vh; width: 4.2500vh; border-radius: 4.2500vh; } .popup-wrap.mobile_vh .videoEvent {max-height:52.375vh; } .popup-wrap.mobile_vh .videoEvent ul li p {font-size:3.75vh; line-height:1.466; text-shadow: 0vh 0vh 0.5vh rgba(0, 0, 0, 0.5)} .popup-wrap.mobile_vh .videoEvent ul li a {font-size:3vh; padding:1.25vh 4.25vh 1.7500vh; border-radius:6.25vh; margin-top:3.5vh; } </style> <div class="popup-wrap"> <div class="txt"> <div class="obj"> <img src="//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/healing_title.png" alt="집중하는 표정으로 시청. 팀장님이 모르시도록."> </div> </div> <div class="content-wrap"> <div class="video-wrap"> <video id="healingVideo" class="video-play" preload="metadata" playsinline=""> <source src="//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/contents/healing1.mp4" type="video/mp4"> <source src="//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/contents/healing1.webm" type="video/webm"> </video> <img style="opacity: 1;" class="video-cover" src="//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/healing1.jpg" alt="책상 위에 파란색 세계지도 위에 장난감 비행기, 돋보기, 카메라가 있고, 검은색과 밝은 갈색 무늬의 고양이가 옆으로 누워 움직이고 있는 영상"> </div> <div class="frame"> <div class="obj"> <img src="//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/tv_frame.png" alt="삼성 TV 화면"> </div> </div> <a href="#" class="btn-play" title="재생/멈춤"></a> </div> <div class="remote"> <a href="#" class="btn-up" title="좌측 이동 화살표"></a> <a href="#" class="btn-down" title="우측 이동 화살표"></a> </div> <div class="volume-area"> <button class="volume-mute active" title="스피커 음량 버튼"></button> <ul> <li><input type="range" min="0" max="100" value="50" step="1" id="volumeControl"></li> </ul> </div> <a href="#" class="close" title="닫기 버튼"></a> </div> <script> $(window).on("load", healingLoad) .on("resize", healingResize); function healingLoad() { fixedTop = $(window).scrollTop(); healingPopup(); document.getElementById("healingVideo").addEventListener("canplay", function(){ if (videoPlay_able) { this.play(); } }); // (B4) AUTOPLAY NEXT VIDEO IN THE PLAYLIST document.getElementById("healingVideo").addEventListener("ended", function(){ videoIndex++; if (videoIndex > videoMax) { videoIndex = 1; } healingVideo(videoIndex); }); document.getElementById("healingVideo").addEventListener("timeupdate", function(){ if (this.currentTime > 0.1) { if ($(this).parent().find("img").css("display") == "block") { $(this).parent().find("img").css({"display":"none"}); } } }); } function healingResize() { healingPopup(); setTimeout(healingPopup, 500); } function healingPopup() { //alert("healingPopup"); $(".popup-wrap").removeClass("pc_vh"); $(".popup-wrap").removeClass("pc_vw"); $(".popup-wrap").removeClass("pc_px"); $(".popup-wrap").removeClass("device_vh"); $(".popup-wrap").removeClass("device_vw"); $(".popup-wrap").removeClass("mobile_vh"); $(".popup-wrap").removeClass("mobile_vw"); if (navigator.userAgent.toLowerCase().indexOf("sm-f") > -1) { $(".popup-wrap").addClass("device_vw"); }else{ if (check_device() == "" && viewportWidth() > 800) { if ($(".popup-wrap").outerWidth() / 1280 * 900 > $(".popup-wrap").outerHeight()) { $(".popup-wrap").addClass("pc_vh"); }else{ $(".popup-wrap").addClass("pc_vw"); } }else{ if(check_device() == "") { if ($(window).outerWidth() > $(window).outerHeight()) { $(".popup-wrap").addClass("mobile_vh"); }else{ $(".popup-wrap").addClass("mobile_vw"); } }else{ if ($(window).outerWidth() > $(window).outerHeight()) { $(".popup-wrap").addClass("device_vh"); }else{ $(".popup-wrap").addClass("device_vw"); } } } } var vWidth = $(".popup-wrap .content-wrap .video-wrap video").width(); $(".popup-wrap .content-wrap .video-wrap video").css({"height":(vWidth/16*9) + "px"}); } var videoPlay_able = false; var fixedTop = 0; var videoAlt = ["책상 위에 파란색 세계지도 위에 장난감 비행기, 돋보기, 카메라가 있고, 검은색과 밝은 갈색 무늬의 고양이가 옆으로 누워 움직이고 있는 영상" ,"잔디 밭 위에 하얀색 리트리버와 검붉은색 고양이가 붙어앉아 있는 영상" ,"매트위에서 고양이가 자기 꼬리를 잡으려고 빙빙 돌고 있는 영상" ,"검회색 아기고양이가 책상 위에 누워 있고, 손에 반지를 낀 사람이 빗으로 몸을 빗어주고 있는 영상" ,"아기 프렌치불독이 잔디밭에 앉아 연핑크색 코끼리 인형으로 장난을 치고 있는 영상" ,"지친 눈을 쉬게 해줄 화면 조정 영상" ,"강아지풀이 많은 잔디밭 한가운데 웰시코기가 앉아있다가 힘차게 뛰어오는 영상" ,"노란 천 위에 고양이가 옆으로 누워 몸 위에 있는 팔딱거리는 생선 장난감을 보며 쉬고 있는 영상" ,"파란색 책상 아래 숨어 있는 고양이가 손을 뻗어 고등어가 있는 접시를 자기 쪽으로 당기는 영상" ,"노란색 책상 아래에서 아기 고양이가 올라오며 책상 위에 있던 견과류를 손으로 가져가며 내려가는 영상" ,"눈을 동그랗게 뜬 고양이가 손으로 카메라를 이리저리 흔들며 신기해하는 영상" ,"잔디밭 멀리서 포메라니안이 혀를 내밀고 달려오는 영상" ,"아기 리트리버가 잔디밭을 뛰고 있는 영상" ,"낙엽이 떨어진 잔디밭 위에 웰시코기가 앉아 카메라를 쳐다보고 있는 영상"]; var videoIndex = 1; var videoMax = 14; $(function(){ $(document).on("click", ".re-about .re-about__list li a.healing_popup", function(){ fixedTop = $(window).scrollTop(); $("body").css({"position":"fixed", "margin-top":-fixedTop + "px", "width":"100%"}); videoIndex = 1; var reVideo = 8; $(".popup-wrap .content-wrap .video-wrap .video-cover").attr("src", "//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/healing" + reVideo + ".jpg").css({"display":"block"}); $(".popup-wrap .content-wrap .video-wrap .video-cover").attr("alt", videoAlt[reVideo - 1]); $(".popup-wrap .videoEvent").css({"display":"none"}); $(".popup-wrap .content-wrap a.btn-play").css({"display":"block"}); $("#healingVideo source").eq(0).attr("src","//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/contents/healing" + reVideo + ".mp4"); $("#healingVideo source").eq(1).attr("src","//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/contents/healing" + reVideo + ".webm"); $("#healingVideo")[0].load(); var vWidth = $(".popup-wrap .content-wrap .video-wrap video").width(); $(".popup-wrap .content-wrap .video-wrap video").css({"height":(vWidth/16*9) + "px"}); $(".popup-wrap").css({"display":"block", "opacity":0}).animate({"opacity":1},500,function(){ var vWidth = $(".popup-wrap .content-wrap .video-wrap video").width(); $(".popup-wrap .content-wrap .video-wrap video").css({"height":(vWidth/16*9) + "px"}); }); healingPopup(); return false; }); $(document).on("click", ".popup-wrap .close", function(){ videoPlay_able = false; $("#healingVideo")[0].pause(); $(".popup-wrap").animate({"opacity":0},500,function(){ $(this).css({"display":"none"}); $("body").css({"position":"", "margin-top":""}); $(window).scrollTop(fixedTop); $(".popup-wrap .content-wrap a.btn-play").css({"display":"block"}); $(".popup-wrap .content-wrap").removeClass("active"); $(this).parent().find("video").each(function(){ this.currentTime = 0; }); }); return false; }); $(document).on("click", ".popup-wrap .content-wrap a.btn-play", function(){ if ($(".popup-wrap .content-wrap").hasClass("active")) { if (check_device() == "") { videoPlay_able = false; $(".popup-wrap .content-wrap").removeClass("active"); $(this).parent().find("video").each(function(){ this.pause(); }); }else{ if ($(".popup-wrap .content-wrap").hasClass("hover")) { videoPlay_able = false; clearTimeout(coverTimer); $(".popup-wrap .content-wrap").removeClass("hover"); $(".popup-wrap .content-wrap").removeClass("active"); $(this).parent().find("video").each(function(){ this.pause(); }); }else{ $(".popup-wrap .content-wrap").addClass("hover"); coverTimer = setTimeout(coverTimerSet,2000); } } }else{ $(".popup-wrap .content-wrap").addClass("active"); $(this).parent().find("video").each(function(){ this.play(); }); videoPlay_able = true; } return false; }); $(document).on("mouseover", ".popup-wrap .content-wrap a.btn-play", function(){ if (check_device() == "") { if ($(".popup-wrap .content-wrap").hasClass("active")) { $(".popup-wrap .content-wrap").addClass("hover"); } } }); $(document).on("mouseout", ".popup-wrap .content-wrap a.btn-play", function(){ if (check_device() == "") { if ($(".popup-wrap .content-wrap").hasClass("active")) { $(".popup-wrap .content-wrap").removeClass("hover"); } } }); $(document).on("click", ".popup-wrap .remote a.btn-down", function(){ videoIndex++; if (videoIndex > videoMax) { videoIndex = 1; } healingVideo(videoIndex); return false; }); $(document).on("click", ".popup-wrap .remote a.btn-up", function(){ videoIndex--; if (videoIndex <= 0) { videoIndex = videoMax; } healingVideo(videoIndex); return false; }); $(document).on("input", "#volumeControl", function(e){ var volume = $(this).val(); muteVolume = volume; $(this).css({"transition":"none","background":"linear-gradient(90deg, #fff "+volume+"%, #000 "+ volume+"%)"}); $("#healingVideo").prop("volume", volume/100); }); $(document).on("click", ".popup-wrap .volume-area .volume-mute", function(e){ if ($(this).hasClass("active")) { $(this).removeClass("active"); $("#healingVideo").prop("muted", true); $("#volumeControl").animate({"value":0},300); $("#volumeControl").css({"background":"linear-gradient(90deg, #fff 0%, #000 0%)"}); $("#volumeControl").prop("disabled", true); }else{ $(this).addClass("active"); $("#healingVideo").prop("muted", false); $("#volumeControl").prop("disabled", false); $("#volumeControl").animate({"value":muteVolume},300,function(){ $(this).css({"background":"linear-gradient(90deg, #fff "+muteVolume+"%, #000 "+muteVolume+"%)"}); }); } }); }); var muteVolume = 50; var coverTimer; function coverTimerSet() { $(".popup-wrap .content-wrap").removeClass("hover"); } function healingVideo(idx) { var reVideo = idx; if (idx == 1) { reVideo = 8; }else if (idx == 8) { reVideo = 1; } $(".popup-wrap .content-wrap .video-wrap .video-cover").attr("src", "//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/images/healing" + reVideo + ".jpg").css({"display":"block"}); $(".popup-wrap .content-wrap .video-wrap .video-cover").attr("alt", videoAlt[videoIndex - 1]); $("#healingVideo source").eq(0).attr("src","//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/contents/healing" + reVideo + ".mp4"); $("#healingVideo source").eq(1).attr("src","//images.samsung.com/kdp/static/pcd/common/easter_egg/healing/contents/healing" + reVideo + ".webm"); $("#healingVideo")[0].load(); if (reVideo == 6) { $(".popup-wrap .videoEvent").css({"display":"block"}); $(".popup-wrap .content-wrap a.btn-play").css({"display":"none"}); }else{ $(".popup-wrap .videoEvent").css({"display":"none"}); $(".popup-wrap .content-wrap a.btn-play").css({"display":"block"}); } if (videoPlay_able) { $("#healingVideo")[0].play(); } } function check_device(){ var mobileKeyWords = new Array('iPhone', 'iPad', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson'); //160625 device 목록에 ipad 추가 var device_name = ''; for (var word in mobileKeyWords){ if (navigator.userAgent.match(mobileKeyWords[word]) != null){ device_name = mobileKeyWords[word]; break; } } if(window.orientation == 0){ // portrait orientationChk = 'portrait'; if(viewportWidth() < 560) return device_name; else return ''; }else { // landscape orientationChk = 'landscape'; if(viewportWidth() < 966) return device_name; else return ''; } } function viewportWidth() { //console.log("viewportWidth - clientWidth : " + document.documentElement.clientWidth); //console.log("viewportWidth - innerWidth : " + window.innerWidth); if (typeof document.documentElement.clientWidth != 'undefined' && typeof window.innerWidth != 'undefined') { if(document.documentElement.clientWidth > window.innerWidth) return document.documentElement.clientWidth; else return window.innerWidth; }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { return document.documentElement.clientWidth; }else{ return viewportwidth = document.getElementsByTagName('body')[0].clientWidth; } } function check_allDevice(){ var mobileKeyWords = new Array('iPhone', 'iPad', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson'); //160625 device Ͽ ipad ߰ var device_name = ''; for (var word in mobileKeyWords){ if (navigator.userAgent.match(mobileKeyWords[word]) != null){ device_name = mobileKeyWords[word]; break; } } return device_name; } </script>  <script src="/sec/static/_script/lozad.min.js"></script>  <script> // s : window load $(window).on("load",function() { $(window).resize(function () { }); /* // 24.02.19-LDS // e식품관 BEST 50 일때는 컴포넌트가 1개만 있었고 더보기 상태를 유지하기 위해서 아래처럼 '뒤로가기 페이지접근 처리' 를 한 상태였던거 같은데 // 현재는 BEST 50을 사용하지 않고, 보여지는 컴포넌트가 여러개여서 아래 '뒤로가기 페이지접근 처리' 를 하면 첫번째 컴포넌트 내용이 여러개의 컴포넌트에 동일하게 노출되는 오류가 발생하여 주석 처리함. // 뒤로가기 페이지처리 var url = location.href; if(url.indexOf("bestselling") >= 0) { // e식품관 BEST 50 var urlLastPathNm = getUrlLastPathNm(); var bfCompo24html = sessionStorage.getItem("bf_compo24_html_" + urlLastPathNm); if(bfCompo24html != undefined && bfCompo24html != ''){ $(".wrap-component.product-card").html(bfCompo24html); sessionStorage.removeItem("bf_compo24_html_" + urlLastPathNm); } // 뒤로가기 스크롤처리 var bfCompo24scroll = sessionStorage.getItem("bf_compo24_scroll_" + urlLastPathNm); if(bfCompo24scroll != undefined && bfCompo24scroll != ''){ $(window).scrollTop(bfCompo24scroll); sessionStorage.removeItem("bf_compo24_scroll_" + urlLastPathNm); } }*/ }); // e : window load //최초 실행 $('.best-rank.wrap-component .rank-section').each(function(i,el){ //누적랭킹의 첫번째 버튼(첫번째 카테고리)의 데이터 세팅 fnGetRkPrdtCardList($(el).find('.item:eq(0)>button').data()); //오늘랭킹 사용 여부 체크 if($(el).hasClass('tab-type')){ //오늘랭킹의 첫번째 버튼(첫번째 카테고리)의 데이터 세팅 fnGetRkPrdtCardList($(el).find('.item:eq(0)>button').data(),'show'); } i+=1; if((!$(el).hasClass('categoryHide')) && ($(el).find('.cta_bst').length>1)){ var slideBestNav = $(el).find('.slide-best-nav').addClass('for'+ i); var slideBestCont = $(el).find('.slide-best-cont').addClass('nav'+ i); var slidePrev = $(el).find('.indct_wrap ._prev'); var slideNext = $(el).find('.indct_wrap ._next'); var navCnt = slideBestNav.find('.item').length; if($(el).hasClass('best-type2')){ bestSlideSet_type2(navCnt,$(el),slideBestNav,slideBestCont,slidePrev,slideNext); }else{ bestSlideSet_type1(navCnt,$(el),slideBestNav,slideBestCont,slidePrev,slideNext); } }else if((!$(el).hasClass('categoryHide')) && ($(el).find('.cta_bst').length == 1)){ $(el).find('.item').addClass('slick-current'); } if($(el).hasClass('tab-type')){ //버튼 이벤트 setting setBestRankTabToggle($(el)); } }); //상품정보 세팅 시작 function fnGetRkPrdtCardList(obj, todayAmtShowHide) { var targetId = $(obj).data('target-id') === undefined ? obj.targetId : $(obj).data('target-id'); var stContextPath = $(obj).data('st-context-path') === undefined ? obj.stContextPath : $(obj).data('st-context-path'); var compNo = targetId.split('_')[1]; var bunIdx = targetId.split('_')[2]; var productCtaListGridData = $("#productCtaListGridData_"+compNo).val(); todayAmtShowHide = todayAmtShowHide === undefined ? 'hide' : 'show'; var data = $(obj).data('target-id') === undefined ? obj : $(obj).data(); var page = $('#'+targetId+'_page').val(); var rows = page === "1" ? $('#'+targetId+'_morecnt').val() : $('#'+targetId+'_rows').val(); var totalCount = $('#'+targetId+'_totcnt').val(); $.extend(data,{ productCtaListGridData : productCtaListGridData , page : page , rows : rows , totalCount : totalCount , todayAmtShowHide : todayAmtShowHide }); $.ajax({ url: stContextPath + 'cxhr/display/rankingPrdtList' , type: "GET" , data: data , success: function (data) { if(typeof data.rkPrdtCardSO != "undefined"){ var appandTargetId = todayAmtShowHide === "show" ? data.rkPrdtCardSO.targetId+'_today' : data.rkPrdtCardSO.targetId; $('#'+appandTargetId+'_totcnt').val(data.count); if(data.products != null && data.products.length > 0){ appendRkPrdtCard(data.products, data.isLogin, data.rkPrdtCardSO); var targetGb = ""; if(data.rkPrdtCardSO.todayAmtShowHide === "show"){ targetGb = "today"; }else{ targetGb = "best"; } var prdPointAccumObjArr = $("[id^=svmnt_" + targetGb + '_' + compNo + "_" + bunIdx + "]"); if (prdPointAccumObjArr == null || prdPointAccumObjArr.length == 0) return; fnGetPrdPointAccum(prdPointAccumObjArr, stContextPath, compNo, "43"); } } } }); } function appendRkPrdtCard(products, isLogin, so){ var appandTargetId = so.todayAmtShowHide === "show" ? so.targetId+'_today' : so.targetId; var productCnt = 0; var compoNo = $('#'+appandTargetId+'_compoNo').val(); var totalCount = $('#'+appandTargetId+'_totcnt').val(); var moreCount = $('#'+appandTargetId+'_morecnt').val(); var page = $('#'+appandTargetId+'_page').val(); var rows = $('#'+appandTargetId+'_rows').val(); $.each(products, function(idx, prd) { var pdCnt = so.page == 1 ? parseInt(productCnt) : parseInt(moreCount) + parseInt(productCnt); if(totalCount >= pdCnt+1){ var html = ''; var cpAllDcAmt = 0; if(prd.goodsDetailVo != null){ if(prd.goodsDetailVo.cpAllDcAmt != null && prd.goodsDetailVo.cpAllDcAmt != undefined){ cpAllDcAmt = prd.goodsDetailVo.cpAllDcAmt; } } html += '<li id="li-prd-' + prd.goodsId + '"'; html += 'data-obj-type="product"'; html += 'data-mo-code="'+prd.mdlCode+'"'; html += 'data-goods-nm="'+prd.goodsNm+'"'; html += 'data-disp-ctg-en-nm-path="'+prd.dispCtgEnNmPath+'"'; html += 'data-cp-all-dc-amt="'+cpAllDcAmt+'"'; html += '>'; html += htmlRkPrdtCard(prd, isLogin, so, productCnt); html += '</li>'; $('#'+appandTargetId).append(html); productCnt++; } }); var countingHtml = ''; if(productCnt > 0){ var countPreiodStr = ""; var countingPeriod = $('#'+appandTargetId+'_countingPeriod').val(); var countingPeriodDtm = $('#'+appandTargetId+' ._item:eq(0)').data("countingPeriodDtm"); if(countingPeriod === "1DayMonth") { countPreiodStr = "당월 1일부터의" }else if(countingPeriod === "7day") { countPreiodStr = "7일전부터의" }else if(countingPeriod === "30day") { countPreiodStr = "30일전부터의" } //오늘랭킹 문구 변경 if(so.todayAmtShowHide === "show"){ if($('#categoryCont_'+compoNo).attr('style') === 'display: none;'){ countPreiodStr = "당일의" } } var dt = new Date(); var pDtm = new Date(Date.parse(dt) - 1000 * 60 * 60); var pYmdDtm = pDtm.dateFormat('yyyy.MM.dd'); var pHmsDtm = pDtm.dateFormat('HH:00:00'); countingHtml += '<div class="standard-data-box">'; countingHtml += ' <div class="standard-data ">'; countingHtml += ' <span class="data-day">'+pYmdDtm+'</span>'; countingHtml += ' <span class="data-time">'+pHmsDtm+'</span>'; countingHtml += ' <span class="text">기준</span>'; countingHtml += ' </div>'; countingHtml += ' <button type="button" class="btn-tooltip" onclick="tooltipCenterTop(this,\'common_'+appandTargetId+'_'+products.length+'\',500);" aria-selected="false" data-omni="best ranking:tooltip"><span class="blind">툴팁보기</span></button>'; countingHtml += ' <div class="tooltip-layer common_'+appandTargetId+'_'+products.length+'" tabindex="0">'; countingHtml += ' <div class="tooltip-content">'; if(!so.displayCategory1){ countingHtml += ' <p>*베스트랭킹 제품은 '+so.stNm+' 전체 판매 제품 중 각 품목별 1위 제품 기준입니다.<br/>'+countPreiodStr+' 누적판매금액(최종혜택적용예상가) 기준으로 1시간마다 업데이트 되며, 누적판매금액은 실제 값과 상이할 수 있습니다.<br/>(할인쿠폰 적용, 멤버십포인트 차감, 제품 부분 취소 등에 따라 고객님의 실제 결제금액의 합산과 차이가 있을 수 있습니다.) </p>'; }else{ countingHtml += ' <p>*베스트랭킹 제품은 '+so.stNm+' 전체 판매 제품 기준으로 '+countPreiodStr+' 누적판매금액(최종혜택적용예상가) 기준으로 1시간마다 업데이트 되며, 누적판매금액은 실제 값과 상이할 수 있습니다.<br/>(할인쿠폰 적용, 멤버십포인트 차감, 제품 부분 취소 등에 따라 고객님의 실제 결제금액의 합산과 차이가 있을 수 있습니다.) </p>'; } countingHtml += ' </div>'; countingHtml += ' <button type="button" class="btn-tooltip-close tolltip-close" tabindex="0"><em class="blind">닫기</em></button>'; countingHtml += ' </div>'; countingHtml += '</div>'; } var totalMoreCount = page == 1 ? parseInt(productCnt) : parseInt(moreCount) + parseInt(productCnt); var totalPageCount = so.totalPageCount; //페이지 카운트 계산 if(totalCount - so.showCount > 0){ totalPageCount = (Math.ceil((parseInt(totalCount) - parseInt(so.showCount))/parseInt(rows)) +1); } //기준박스 초기화 $('#'+appandTargetId+' .standard-data-box').remove(); //더보기 초기화 $('#'+appandTargetId+' .more-area').remove(); if(totalCount > totalMoreCount){ $('#'+appandTargetId).append(countingHtml); var moreCtaHtml = '<div class="more-area"><a href="javascript:;" class="btn-more" '; if(so.todayAmtShowHide === "show"){ moreCtaHtml += 'onclick="moreRkPrdtCard(\''+so.targetId+'\',\'show\');" '; }else{ moreCtaHtml += 'onclick="moreRkPrdtCard(\''+so.targetId+'\');" '; } moreCtaHtml += 'data-omni="best ranking:view more"><span class="btn-name">더보기</span><span class="more-data"><em>'+(so.page)+'</em><em>'+totalPageCount+'</em></span></a></div>'; $('#'+appandTargetId).append(moreCtaHtml); }else if(totalCount == totalMoreCount){ $('#'+appandTargetId).append(countingHtml); } $('#'+appandTargetId+'_morecnt').val(totalMoreCount); //높이 조절 & 기준시간 명시 setTimeout(function(){ setConListHeight(appandTargetId); }, 500); } function htmlRkPrdtCard(prd, isLogin, so, productCnt) { var stContextPath = so.stContextPath; var prdLink = stContextPath + prd.goodsDetailUrl; var stGbCd = so.stGbCd; var price = prd.priceStr.split('|'); var liItem = ''; var appandTargetId = so.todayAmtShowHide === "show" ? so.targetId+'_today' : so.targetId; liItem += '<div class="_item" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" data-counting-period-dtm="'+prd.countingPeriodDtm+'">'; if(prd.saleStatCd != '12' && !!so.displayCategory1 ){ liItem += '<div class="item-img soldout">'; }else{ liItem += '<div class="item-img">'; } liItem += '<div class="_img">'; if (prd.imgPath1 != null && prd.imgPath1[prd.imgPath1.length -1] != '$') { if(prd.imgPresetYn1 == 'Y'){ prd.imgPath1 += '?$PF_PRD_KDP_PNG$'; }else{ prd.imgPath1 += '?$PF_PRD_PNG$'; } } liItem += ' <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="' + prd.imgPath1 + '" alt="' + prd.goodsNm.replace(/(<([^>]+)>)/ig,'').replace(/'/ig, '').replace(/"/ig, '') + '" data-omni="best ranking:prd img:'+prd.mdlCode+'">'; liItem += '</div>'; liItem += '</div>'; liItem += '<div class="_dtl">'; var totalSaleAmt = Math.floor(prd.totSaleAmt/10000)*10000; var moreCount = $('#'+appandTargetId+'_morecnt').val(); var pdCnt = so.page === 1 ? parseInt(productCnt) : parseInt(moreCount) + parseInt(productCnt); liItem += '<div class="_sale-price" data-omni="'+prd.totSaleQty+':'+prd.totSaleAmt+'">'; liItem += ' <span class="rank">'+String(pdCnt+1).padStart(2,"0")+'</span>'; liItem += ' <div class="_price">총 <span>' + numberToKorean(totalSaleAmt) + '원</span> 판매</div>'; liItem += '</div>'; liItem += '<div class="component-txt">'; // 옵션 liItem += '<h2>'+prd.goodsNm.replace(/\n/g, '<br>')+'</h2>'; if(prd.saleStatCd != '12' && !!so.displayCategory1 ){ liItem += '<span class="blind">SOLD OUT</span>'; } liItem += '<p>'+prd.mdlCode+'</p>'; liItem += '</div>'; // 가격 && 멤버십 liItem += '<div class="wrap-price-point">'; liItem += htmlRkPrdtCardPrice(prd, isLogin, so); liItem += '</div>'; // 버튼 liItem += htmlRkPrdtCardBtn(prd, isLogin, so); liItem += '</div>'; return liItem; } function htmlRkPrdtCardPrice(prd, isLogin, so) { //stGbCd = '20'; //prd.priceStr = '111|00|1200000|1100000||250000|750000'; // 패넷 //stGbCd = '40'; //prd.priceStr = '111|00|1200000|25000'; // 등외급몰 //stGbCd = '50'; //prd.priceStr = '111|10|1200000|1100000|1000000'; // 판매가/회원가/혜택가 //prd.priceStr = '111|30|1200000|1100000|1000000|900000|13|99'; // 판매가/회원가/혜택가1/헤택가2/혜택가1범위/혜택가2범위 //isLogin = true; var stId = so.stId; var stGbCd = so.stGbCd; var stContextPath = so.stContextPath; var membershipJoinUrl = so.membershipJoinUrl; var isSecApp = so.secApp; var svmnUseYn = so.svmnAmtDispYn; var titPrice = "혜택가"; if(prd.outletFlgYn != null && prd.outletFlgYn == 'Y'){ titPrice = "아울렛 특가"; } // 상품가격 if (prd.priceStr == null) { return '<div class="component-price"></div>'; } var html = ''; var price = prd.priceStr.split('|'); if (price[2] == 0) { return ' <div class="component-price"></div>'; } //상품 상태가 판매중이 아닌 경우 가격 노출 안함. if(prd.saleStatCd != '12' && prd.saleStatCd != '13' && prd.saleStatCd != '14' && !!so.displayCategory1 ) { return ' <div class="component-price"></div>'; } var apndTargetId = so.targetId; var targetGb = ""; if(so.todayAmtShowHide === "show"){ targetGb = "today"; }else{ targetGb = "best"; } var compNo = apndTargetId.split('_')[1]; var bunIdx = apndTargetId.split('_')[2]; // 셰프컬렉션 or BESPOKE 상품이고 B2C, 패밀리넷(로그인), 등외급몰(로그인), 복지몰(로그인), 기획전몰(로그인), 비즈니스 스토어, 회원사 기획전몰(로그인) 경우 가격 미노출 if((prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && (stGbCd == 10) ){ //비스포크 최저가 if(prd.bespokeMinimumPrice != null && prd.bespokeMinimumPrice != 0){ var bspkMinPrice; var basebspkPriceNm = ""; if (price[1] == '00') { basebspkPriceNm = "회원가"; bspkMinPrice = parseInt(price[3]) + parseInt(prd.bespokeMinimumPrice); }else{ basebspkPriceNm = titPrice; bspkMinPrice = parseInt(price[4]) + parseInt(prd.bespokeMinimumPrice); } html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color">'+basebspkPriceNm+'</dt>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(bspkMinPrice) + '</em>원 부터 ~</span></dd>'; html += ' </dl>'; html += ' </div>'; //컴포넌트 멤버십 노출 여부 (~ 추가되는 부분) if(svmnUseYn === 'Y'){ if(stGbCd !== '80' && prd.membershipUseExcptYn == 'N' && (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || prd.carePlusType == "N" || prd.carePlusType == "CP") ){ if(prd.thirdPartyYn == 'N'){ html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '_from"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '_from"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } } html += '<p class="note-detail" >* 도어 색상/재질 및 옵션에 따라 가격은 변경됩니다.</p>'; } }else if( (prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && ((stGbCd == '20' && isLogin) || (stGbCd == '30' && isLogin)) ){ //비스포크 최저가 if(prd.bespokeMinimumPrice != null && prd.bespokeMinimumPrice != 0){ html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color">임직원가</dt>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(parseInt(price[6]) + parseInt(prd.bspkPrc4)) + '</em>원 부터 ~</span></dd>'; html += ' </dl>'; html += ' </div>'; //컴포넌트 멤버십 노출 여부 (~ 추가되는 부분) if(svmnUseYn === 'Y'){ if(stGbCd !== '80'){ if(prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '_from"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '_from"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } } html += '<p class="note-detail" >* 도어 색상/재질 및 옵션에 따라 가격은 변경됩니다.</p>'; } }else if((prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') && ( (stGbCd == '40' && isLogin) || (stGbCd == '50') || (stGbCd == '60' && isLogin) || (stGbCd == '70' && isLogin) || (stGbCd == '80' && isLogin)) ) { html += ' <div class="component-price">'; html += ' <dl>'; html += ' </dl>'; html += ' </div>'; }else if (stGbCd === '10') { html += '<div class="component-price">'; html += ' <dl>'; var basePriceHtml = ''; if( prd.cpUseYn != "Y" ){ if ( price[1] === '00' && price[2] != price[3] || price[1] != '00' ) { basePriceHtml += '<dt class="black-color">기준가</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; }else{ if (price[1] == '00') { basePriceHtml += '<dt class="black-color">회원가</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } else { basePriceHtml += '<dt class="black-color">'+titPrice+'</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } } }else{ if ( price[1] === '00' && price[2] != price[3] || price[1] != '00' ) { basePriceHtml += '<dt class="black-color">기준가</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; }else{ if (price[1] == '00') { if(isSecApp || prd.goodsDetailVo.webCpAllDcAmt > 0) { basePriceHtml += '<dt class="black-color">회원가</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } } else { basePriceHtml += '<dt class="black-color">'+titPrice+'</dt>'; basePriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } } } var lastPriceHtml = ''; if( prd.cpUseYn == "Y" ){ if(!isSecApp){ if(prd.goodsDetailVo.webCpAllDcAmt > 0) { lastPriceHtml += ' <dt class="black-color">쿠폰 적용 예상가</dt>'; } else if (price[1] != '00') { lastPriceHtml += ' <dt class="black-color">'+titPrice+'</dt>'; } else { lastPriceHtml += ' <dt class="black-color">회원가</dt>'; } } else { lastPriceHtml += ' <dt class="black-color">쿠폰 적용 예상가</dt>'; } if(!isSecApp){ if(prd.goodsDetailVo.webCpAllDcAmt > 0) { lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma((price[price.length - 1] - prd.goodsDetailVo.webCpAllDcAmt)) + '</em>원</span></dd>'; } else if(price[1] != '00'){ lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } else { lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } }else{ lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma( (price[price.length-1] - prd.goodsDetailVo.cpAllDcAmt) ) + '</em>원</span></dd>'; } }else if( prd.cpUseYn != "Y" && price[1] != '00'){ lastPriceHtml += '<dt class="black-color">'+titPrice+'</dt>'; lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; }else if( prd.cpUseYn != "Y" && price[1] == '00' && price[1] === '00' && price[2] != price[3] || price[1] != '00' ){ lastPriceHtml += '<dt class="black-color">회원가</dt>'; lastPriceHtml += '<dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } if(lastPriceHtml != ''){ basePriceHtml = lastPriceHtml; } html += basePriceHtml; html += ' </dl>'; html += '</div>'; //(한달살기) 특정 SKU 멤버십 포인트 미노출 처리 if(!(prd.mdlCode === 'NT950QDB-KC58T' || prd.mdlCode === 'NT950QDB-KC58F' || prd.mdlCode === 'NT950XDB-KC58O' || prd.mdlCode === 'NT950XDB-KC58F' || prd.mdlCode === 'NT930XDB-KC58O' || prd.mdlCode === 'NT930XDB-KC58F' || prd.mdlCode === 'NT930QDB-KC58O' || prd.mdlCode === 'NT930QDB-KC58F' || prd.mdlCode === 'NT950QDB-KD71T' || prd.mdlCode === 'NT950QDB-KD71U' || prd.mdlCode === 'NT950QDB-KD71V' || prd.mdlCode === 'NT950XDC-XD71R' || prd.mdlCode === 'NT950XDC-XD71T' || prd.mdlCode === 'NT950XDB-KD71T' || prd.mdlCode === 'NT950XDB-KD71U' || prd.mdlCode === 'NT950XDB-KD71V' || prd.mdlCode === 'NT950QDB-KC58O' || prd.mdlCode === 'NT930QDB-KC58T' || prd.mdlCode === 'NT950XDC-XL51O' || prd.mdlCode === 'SM-F926NZUYKOO' || prd.mdlCode === 'SM-F711NZUYKOO' || prd.mdlCode === 'SM-F721NAWZKOO' )) { //컴포넌트 멤버십 노출 여부 if(svmnUseYn === 'Y'){ if(stGbCd !== '80' && prd.membershipUseExcptYn == 'N' && (prd.carePlusType == null || typeof prd.carePlusType == "undefined" || prd.carePlusType == "N" || prd.carePlusType == "CP") ){ if(prd.thirdPartyYn == 'N'){ html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } } } } else if (stGbCd === '20' || stGbCd === '30') { html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color">임직원가</dt>'; if(prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[6]) + '</em>원</span></dd>'; } else { html += ' <dd>현장에서 결제</dd>'; } html += ' </dl>'; html += ' </div>'; //컴포넌트 멤버십 노출 여부 if(svmnUseYn === 'Y'){ if(stGbCd !== '80'){ if(prd.carePlusType == null || typeof prd.carePlusType == "undefined" || (prd.carePlusType != "R" && prd.carePlusType != "I")) { html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } } } else if (stGbCd === '40') { // 등외급몰은 가격(prc1)과 배송비(prc2) 합산 if (price[2] === null || price[2] === undefined || $.trim(price[2]).length == 0) { price[2] = 0; } if (price[3] === null || price[3] === undefined || $.trim(price[3]).length == 0) { price[3] = 0; } var prc1 = parseInt(price[2], 10); var prc2 = parseInt(price[3], 10); html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(prc1+prc2) + '</em>원</span></dd>'; html += ' </dl>'; html += ' </div>'; } else if (stGbCd === '50') { html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>'; if (!isLogin) { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; //if('ctgPathNm' == 'soho' && 'ctgPathNm' != '' ){ // html += ' <div class="pic soho-pic"><a href="javascript:void();" class="only" onclick="goSohoLogin()"><span>회원가 보기</span></a>'; //}else{ html += ' <strong class="only"><span>Members Only</span></strong>'; //} } else { if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; } if (price[1] === '00') { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } else { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } } html += ' </dl>'; html += ' </div>'; } else if (stGbCd === '60') { html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>'; //html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; html += ' </dl>'; html += ' </div>'; } else if (stGbCd === '70' || stGbCd === '80') { // 임직원몰(기획전몰)_체험단말 if( stContextPath.indexOf("ma_24") > -1 || stContextPath.indexOf("24_pa") > -1 || stContextPath.indexOf("24_mx") > -1 || stContextPath.indexOf("fan_24") > -1 ){ html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; //판매가 html += ' </dl>'; html += ' </div>'; } // 복지몰이고 임직원가 가격 노출해야 하는 경우 (220627 기준 삼판 패밀리몰뿐) else if(stGbCd === '70' && so.empPrcStYn == 'Y'){ html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color">임직원가</dt>'; html += ' <dd><span class="_price"><em class="num">' + fnComma(price[6]) + '</em>원</span></dd>'; html += ' </dl>'; html += ' </div>'; } else if(stGbCd === '70' && so.foodPrcStYn == 'Y'){ html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>'; //if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { // html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; //} if (price[1] === '00') { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } else { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } html += ' </dl>'; html += ' </div>'; } //2022.06.13 갤캠스 추가 else if ((stGbCd == '80') && ( stId =='122')) { html += ' <div class="component-price">'; html += ' <dl>'; //html += ' <dt class="black-color">기준가</dt>' //if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { // html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; //} html += ' <dt class="black-color">교육할인가</dt>' if (price[1] === '00') { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } else { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } html += ' </dl>'; html += ' </div>'; } // 그외 else{ html += ' <div class="component-price">'; html += ' <dl>'; html += ' <dt class="black-color"></dt>' //if (price[1] === '00' && price[2] != price[3] || price[1] != '00') { // html += ' <dd><span class="_price"><em class="num">' + fnComma(price[2]) + '</em>원</span></dd>'; //} if (price[1] === '00') { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[3]) + '</em>원</span></dd>'; } else { html += ' <dd><span class="_price"><em class="num">' + fnComma(price[4]) + '</em>원</span></dd>'; } html += ' </dl>'; html += ' </div>'; } var svmnUseYn = so.svmnAmtDispYn; if(stGbCd !== '80' && svmnUseYn != 'N'){ if( stId =='266' || stId =='206' ){ // 210416 복지몰 이지만 ST_ID값이 266 인 사이트는 멤버십 관련 항목 안보게 함 정재동 --> B2B2C에서 포인트 노출 html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } if( ( stId =='200') && svmnUseYn != 'N') { html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } //2022.05.23 갤캠스 ST_ID값 추가 if( (stGbCd == '80') && ( stId =='122') && svmnUseYn != 'N') { html += ' <div class="component-point" id="svmnt_'+ targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-svmn-prd-id="' + targetGb + '_' + compNo +'_' + bunIdx + '_' + prd.goodsId + '"'; html += ' data-goods-id="' + prd.goodsId + '"'; html += ' data-mdl-code="' + prd.mdlCode + '"'; html += ' data-cp-apl-expt-price="' + prd.cpAplExptPrice + '"'; html += ' data-fn-sprt-amt="' + prd.fnSprtAmt + '"'; html += ' data-sale-price="' + prd.salePrice + '"'; html += ' data-sale-stat-cd="' + prd.saleStatCd + '"'; html += ' data-svmn-amt-disp-yn="' + svmnUseYn + '"'; html += ' data-cp-use-yn="' + prd.cpUseYn + '">'; html += ' </div>'; } } else if (stGbCd === '90' && stId ==='193') { // 210407 임직원몰(e카달로그), ST_ID값이 193인 사이트 정재동 html += ' <div class="component-price">'; html += ' <dl>'; //html += ' <dd>' + fnComma(price[2]) + ' 원</dd>'; html += ' <dd>' + fnComma(price[3]) + ' 원</dd>'; html += ' </dl>'; html += ' </div>'; } return html; } function htmlRkPrdtCardBtn(prd, isLogin, so) { var stContextPath = so.stContextPath; var prdLink = so.stContextPath + prd.goodsDetailUrl; var loginLink = so.stContextPath + 'member/indexLogin/'; var stId = so.stId; var stGbCd = so.stGbCd; var stGrp = so.stGrp; var html = ''; var btnCd = ''; //10: 구매하기(주문/결제), 11: 조합하여 구매하기, 12:디자인하기(상품속성 커스텀 상품 여부Y) ,20: 재입고 알림(상세), 21: 재입고 알림(로그인), 30: 자세히 보기, 00: 판매종료(임직원몰(기획전몰)_체험단말용) //prd.saleStatCd 12: 판매중, 13: 일시품절, 14: 판매준비중, 15: 판매종료, 16: 타경로판매, 17: 미판매, 18: 판매중지 // 재입고알림여부 var restockStYn = so.restockStYn; if (stGbCd === '10') { if (prd.saleStatCd === '12' || !so.displayCategory1) { if(prd.customGoodsYn === 'Y' || prd.customGoodsYn === 'D'){ btnCd = '12'; }else{ if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30') { btnCd = '11'; } else { btnCd = '10'; } } } else if (prd.saleStatCd === '13') { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } else if (['14', '16', '17', '15'].indexOf(prd.saleStatCd) > -1) { btnCd = '30'; } if(prd.mdlCode == 'SM-F926NZUYKOO' || prd.mdlCode == 'SM-F711NZUYKOO' || prd.mdlCode == 'SM-F916NZKAKOO' || prd.mdlCode == 'SM-F721NAWZKOO'){ btnCd = '30'; } } else if (['20', '30'].indexOf(stGbCd) > -1) { if (prd.saleStatCd === '12' || !so.displayCategory1) { if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; } else { btnCd = '10'; } } else if (prd.saleStatCd === '13') { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } else if (prd.saleStatCd === '17') { btnCd = '30'; // 미판매 자세히 보기 추가(10/05) } } else if (stGbCd === '40') { if (prd.saleStatCd === '12' || !so.displayCategory1) { if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; } else { btnCd = '10'; } } else if (prd.saleStatCd === '17') { btnCd = '30'; // 미판매 자세히 보기 추가(10/05) } } else if (['70', '80'].indexOf(stGbCd) > -1) { // 임직원몰(기획전몰)_체험단말 if( stContextPath.indexOf("ma_24") > -1 || stContextPath.indexOf("24_pa") > -1 || stContextPath.indexOf("24_mx") > -1 || stContextPath.indexOf("fan_24") > -1 ){ if(prd.saleStatCd === '12' || !so.displayCategory1){ if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; }else{ btnCd = '10'; } }else{ btnCd = '00'; } } // 그외 else{ if (prd.saleStatCd === '12' || !so.displayCategory1) { if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; }else{ btnCd = '10'; } } else if (prd.saleStatCd === '13') { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } else if (prd.saleStatCd === '18') { btnCd = '30'; } else if (prd.saleStatCd === '17') { btnCd = '30'; // 미판매 자세히 보기 추가(10/05) } } } else if (stGbCd === '50') { if (prd.saleStatCd === '12' || !so.displayCategory1) { if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; }else{ btnCd = '10'; } } else if (prd.saleStatCd === '13') { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } else if (['14', '15'].indexOf(prd.saleStatCd) > -1) { btnCd = '30'; } else if (prd.saleStatCd === '17') { btnCd = '30'; // 미판매 자세히 보기 추가(10/05) } } else if (stGbCd === '60') { if (prd.saleStatCd === '12' || !so.displayCategory1) { if(prd.bspkGoodsYn === 'Y' || prd.goodsAddTpCd === '30'){ btnCd = '11'; }else{ btnCd = '10'; } } else if (prd.saleStatCd === '13') { if (restockStYn === 'Y') { btnCd = '20'; } else { btnCd = '30'; } } else if (['17', '15'].indexOf(prd.saleStatCd) > -1) { btnCd = '30'; } } else if ((stGbCd === '90') && (stId === '193')) { // 임직원몰(e카달로그) 중 193번 사이트 아이디 일때는 자세히보기 정재동 btnCd = '30'; } var ctaMoveStyle = so.productCtaList[0].ctaMoveStyle; var ctaWindowStyle = so.productCtaList[0].ctaWindowStyle; var ctaTarget = "_self"; if(ctaWindowStyle === '이동'){ ctaTarget = "_self"; }else{ ctaTarget = "_blank"; } var ctaMoveStyleNm = "1"; if (ctaMoveStyle === "구매하기"){ ctaMoveStyleNm = 1; } else if(ctaMoveStyle === "바로 구매하기") { ctaMoveStyleNm = 2; } else if(ctaMoveStyle === "더 알아보기" || ctaMoveStyle === "자세히 보기") { ctaMoveStyleNm = 3; } else if(ctaMoveStyle === "장바구니 담기") { ctaMoveStyleNm = 4; } else if(ctaMoveStyle === "선물하기") { ctaMoveStyleNm = 5; } html += ' <div class="_cta">'; if (btnCd === '10') { html += ' <a href=\"'+prdLink+'\" class="cta_buy" data-omni=\"best ranking:cta:'+ctaMoveStyle+':'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">'+ctaMoveStyle+'</a>'; } else if (btnCd === '11') { if(stGbCd == '20' || stGbCd == '30'){ // 패널 상품일 경우 자동 선택 - 2022.09.06 var bspkParam = ''; if ('50' == prd.goodsAddTpCd) { bspkParam = '&pannelYn=Y'; } else { bspkParam = '&selModel='+prd.mdlCode; } html += ' <a href=\"'+so.stContextPath + 'bespoke/buy/fam/?id=bespoke-make'+bspkParam+'\" class="cta_buy" data-omni=\"best ranking:cta:조합하여 구매하기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">조합하여 구매하기</a>'; } else { html += ' <a href=\"'+prdLink+'\" class="cta_buy" data-omni=\"best ranking:cta:조합하여 구매하기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">조합하여 구매하기</a>'; } } else if (btnCd === '20') { html += ' <a href=\"'+prdLink+'\" class="cta_buy wht-st" data-omni=\"best ranking:cta:재입고 알림 신청:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">재입고 알림 신청</a>'; } else if (btnCd === '30') { if (stGbCd == '10' && prd.winePickupGoodsYn != null && prd.winePickupGoodsYn == 'Y' && prd.winePickupGoodsYn != '') { html += ' <a href=\"'+prdLink+'\" class="cta_buy wht-st" data-omni=\"best ranking:cta:더 알아보기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">더 알아보기</a>'; } else if((stGbCd == '50' || stGbCd == '60') && prd.flagStr == '매장픽업' && prd.useStkCd =='90') { html += ' <a href=\"'+prdLink+'\" class="cta_buy" data-omni=\"best ranking:cta:매장 픽업:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">매장 픽업</a>'; } else { html += ' <a href=\"'+prdLink+'\" class="cta_buy wht-st" data-omni=\"best ranking:cta:더 알아보기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">더 알아보기</a>'; } } else if (btnCd === '00') { // 임직원몰(기획전몰)_체험단말 html += ' <a href="javascript:;" class="cta_buy wht-st" onclick="saleEndAlert();" data-omni=\"best ranking:cta:더 알아보기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">더 알아보기</a>'; } else if (btnCd === '12') { //상품속성 커스텀 상품 일때 html += ' <a href=\"'+prdLink+'\" class="cta_buy" data-omni=\"best ranking:cta:디자인하기:'+ prd.mdlCode+'\" target=\"'+ctaTarget+'\"'; html += 'data-mo-code=\"'+prd.mdlCode+'\"'; html += 'data-goods-nm=\"'+prd.goodsNm+'\"'; html += 'data-disp-ctg-en-nm-path=\"'+prd.dispCtgEnNmPath+'\">디자인하기</a>'; } html += ' </div>'; return html; } function moreRkPrdtCard(targetId, todayAmtShowHide){ targetId = targetId.replace('rankingPdCardList','categoryNavi'); var obj = $('#'+targetId+'>button').data(); var targetId = obj.targetId var stContextPath = obj.stContextPath; var compNo = targetId.split('_')[1]; var bunIdx = targetId.split('_')[2]; var productCtaListGridData = $("#productCtaListGridData_"+compNo).val(); todayAmtShowHide = todayAmtShowHide === undefined ? 'hide' : 'show'; var data = obj; var appandTargetId = todayAmtShowHide === "show" ? targetId+'_today' : targetId; var page = $('#'+appandTargetId+'_page').val(); page++; var rows = page === "1" ? $('#'+appandTargetId+'_morecnt').val() : $('#'+appandTargetId+'_rows').val(); $('#'+appandTargetId+'_page').val(page); $.extend(data,{ productCtaListGridData : productCtaListGridData , page : page , rows : rows , todayAmtShowHide : todayAmtShowHide }); $.ajax({ url: stContextPath + 'cxhr/display/rankingPrdtList' , type: "GET" , data: data , success: function (data) { if(typeof data.rkPrdtCardSO != "undefined"){ if(data.products != null && data.products.length > 0){ appendRkPrdtCard(data.products, data.isLogin, data.rkPrdtCardSO); var targetGb = ""; if(data.rkPrdtCardSO.todayAmtShowHide === "show"){ targetGb = "today"; }else{ targetGb = "best"; } var prdPointAccumObjArr = $("[id^=svmnt_" + targetGb + '_' + compNo + "_" + bunIdx + "]"); if (prdPointAccumObjArr == null || prdPointAccumObjArr.length == 0) return; fnGetPrdPointAccum(prdPointAccumObjArr, stContextPath, compNo, "43"); } } } }); } function saleEndAlert() { let alertData = { title: "alert", content: "판매가 종료되었습니다." }; commonAlert(alertData); openLayer('commonAlert'); } //img+text type function bestSlideSet_type1(navCnt,el,slideBestNav,slideBestCont,slidePrev,slideNext){ slideBestNav.slick({ slidesToShow: 14, slidesToScroll: 1, arrows: true, focusOnSelect: true, infinite: false, draggable : true, prevArrow: slidePrev, nextArrow: slideNext, asNavFor: slideBestCont, responsive: [ { breakpoint: 1280, settings: { slidesToShow: 12, } }, { breakpoint: 1024, settings: { slidesToShow: 9, } }, { breakpoint: 768, settings: { slidesToShow: 7, } }, { breakpoint: 600, settings: { slidesToShow: 5, } }, { breakpoint: 360, settings: { slidesToShow: 4, } } ] }); slideBestCont.slick({ adaptiveHeight: true, slidesToShow: 1, slidesToScroll:1, focusOnSelect: false, fade: true, autoplay: false, autoplaySpeed: 3000, dots: false, arrows: false, infinite: false, asNavFor: slideBestNav }); //14개 미만일때 drag시 beforchange 이벤트 실행 되지 않아 미리 불러오도록 해결 if(navCnt <= 14){ slideBestNav.find('.item').each(function(i,el){ //최초 실행 제외 if(i > 0) { //나머지 nav 데이터 불러오기 (1회만 실행) if($(el).closest('.rank-section').hasClass('tab-type')){ fnGetRkPrdtCardList($(el).find('button').data(),'show'); } fnGetRkPrdtCardList($(el).find('button').data()); } }); slideBestNav.on('afterChange', function(event, slick, currentSlide){ let index = currentSlide; var contList_targetId = event.target.id.replace('categoryNavi','rankingPdCardList'); var compNo = contList_targetId.split('_')[1]; if($('#best-rank-tab_'+compNo+' .rank-td').hasClass('active')){ if($('#'+contList_targetId+'_'+index+'_today>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data(),'show'); } }else{ if($('#'+contList_targetId+'_'+index+'>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data()); } } }); }else{ slideBestNav.on('beforeChange', function(event, slick, currentSlide, nextSlide){ let index = nextSlide; var contList_targetId = event.target.id.replace('categoryNavi','rankingPdCardList'); var compNo = contList_targetId.split('_')[1]; if($('#best-rank-tab_'+compNo+' .rank-td').hasClass('active')){ if($('#'+contList_targetId+'_'+index+'_today>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data(),'show'); } }else{ if($('#'+contList_targetId+'_'+index+'>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data()); } } }); } } //text type function bestSlideSet_type2(navCnt,el,slideBestNav,slideBestCont,slidePrev,slideNext){ slideBestNav.slick({ slidesToShow: 8, slidesToScroll: 1, arrows: true, focusOnSelect: true, infinite: false, draggable : true, prevArrow: slidePrev, nextArrow: slideNext, asNavFor: slideBestCont, responsive: [ { breakpoint: 1280, settings: { slidesToShow: 6, } }, { breakpoint: 1024, settings: { slidesToShow: 5, } }, { breakpoint: 768, settings: { slidesToShow: 5, } }, { breakpoint: 600, settings: { slidesToShow: 3, } }, { breakpoint: 360, settings: { slidesToShow: 2.5, } } ] }); slideBestCont.slick({ adaptiveHeight: true, slidesToShow: 1, slidesToScroll:1, focusOnSelect: false, fade: true, autoplay: false, autoplaySpeed: 3000, dots: false, arrows: false, infinite: false, asNavFor: slideBestNav }); //8개 미만일때 drag시 beforchange 이벤트 실행 되지 않아 미리 불러오도록 해결 if(navCnt <= 8){ slideBestNav.find('.item').each(function(i,el){ //최초 실행 제외 if(i > 0) { //나머지 nav 데이터 불러오기 (1회만 실행) if($(el).closest('.rank-section').hasClass('tab-type')){ fnGetRkPrdtCardList($(el).find('button').data(),'show'); } fnGetRkPrdtCardList($(el).find('button').data()); } }); slideBestNav.on('afterChange', function(event, slick, currentSlide){ let index = currentSlide; var contList_targetId = event.target.id.replace('categoryNavi','rankingPdCardList'); var compNo = contList_targetId.split('_')[1]; if($('#best-rank-tab_'+compNo+' .rank-td').hasClass('active')){ if($('#'+contList_targetId+'_'+index+'_today>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data(),'show'); } }else{ if($('#'+contList_targetId+'_'+index+'>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data()); } } }); }else{ slideBestNav.on('beforeChange', function(event, slick, currentSlide, nextSlide){ let index = nextSlide; var contList_targetId = event.target.id.replace('categoryNavi','rankingPdCardList'); var compNo = contList_targetId.split('_')[1]; if($('#best-rank-tab_'+compNo+' .rank-td').hasClass('active')){ if($('#'+contList_targetId+'_'+index+'_today>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data(),'show'); } }else{ if($('#'+contList_targetId+'_'+index+'>li').length <= 0){ fnGetRkPrdtCardList(slick.$slider.find('.cta_bst:eq('+index+')').data()); } } }); } } function setBestRankTabToggle(e) { var $e = e.find('.rank-tab'); var $bestCont = e.find('.slide-best-cont'); var ariaSelected = 'aria-selected'; if ($e.length == 0 || $bestCont.length == 0) { return false; } //누적랭킹 hide 처리 var setHideElId = $e.find('[aria-selected="false"]').attr('aria-controls'); $('#'+setHideElId).hide(); $e.find("button").click(function (e) { e.preventDefault(); var id = $(this).attr("aria-controls"); var compNo = id.split('_')[1]; var isNaviSlick = $('#categoryNavi_'+compNo).find('.item').length > 1 ? true : false; //ariaselected active 클래스 초기화 $(this).closest('.rank-tab-list').find("button").attr(ariaSelected, "false").removeClass("active"); $(this).attr(ariaSelected, "true").addClass("active"); var currentIndex = 0; if(isNaviSlick){ currentIndex = $('#categoryNavi_'+compNo).find('.slick-current').index(); } var appandTargetId = $(this).hasClass('rank-td') ? 'rankingPdCardList_'+compNo+'_'+currentIndex+'_today' : 'rankingPdCardList_'+compNo+'_'+currentIndex; //토글 클릭시 slick 아닌 것은 1회 조회, slick인것은 slickGoTo if($(this).hasClass('rank-td')){ $('#categoryCont_'+compNo).hide(); $('#categoryCont_'+compNo+'_today').show(); if(isNaviSlick){ $('#categoryCont_'+compNo+'_today').slick("setPosition"); $('#categoryNavi_'+compNo).slick('slickGoTo',currentIndex); }else{ if($('#rankingPdCardList_'+compNo+'_'+currentIndex+'_today>li').length <= 0){ fnGetRkPrdtCardList($('#categoryNavi_'+compNo).find('.cta_bst:eq('+currentIndex+')').data(),'show'); } } }else{ $('#categoryCont_'+compNo+'_today').hide(); $('#categoryCont_'+compNo).show(); if(isNaviSlick){ $('#categoryCont_'+compNo).slick("setPosition"); $('#categoryNavi_'+compNo).slick('slickGoTo',currentIndex); }else{ if($('#rankingPdCardList_'+compNo+'_'+currentIndex+'>li').length <= 0){ fnGetRkPrdtCardList($('#categoryNavi_'+compNo).find('.cta_bst:eq('+currentIndex+')').data()); } } } //높이 조절 & 기준시간 명시 setTimeout(function(){ setConListHeight(appandTargetId); }, 500); }); return false; } function setConListHeight(targetId){ const observer = lozad(); observer.observe(); var compNo = $('#'+targetId+'_compoNo').val(); var conListHeight = 0; conListHeight = $('#'+targetId).outerHeight(); if(conListHeight > 0){ if($('#best-rank-tab_'+compNo+' .rank-td').hasClass('active')){ $('#categoryCont_'+compNo+'_today').find('.slick-list').css('height', conListHeight + 'px'); }else{ $('#categoryCont_'+compNo).find('.slick-list').css('height', conListHeight + 'px'); } } } function goMembershipJoin(stId, stGbCd, fnetMembershipJoinUrl) { // window.open('https://membership.samsung.com/sec/lnc/KoFamNRegister?CiTokn=4b7db13b3c654b80a5f2d412d782993026fc134823312481657e4c36f0bf6330&Fnm=8241445b72beeb8d2e330bc198a4896a0953dff4dd28ced398bcce6c4205a9de', '_blank', "width=630,height=720"); //닷컴과 패넷 멤버십 가입 URL 분기 처리 if(stGbCd == '10') { location.href = '/sec/' + "membership/membershipJoin/"; } else if(stGbCd == '70') { location.href = '/sec/' + "membership/"; } else if(stGbCd == '80' && stId == 122){ location.href = '/sec/' + "mypage/info/mySAMembership/"; } else if(stGbCd == '20' && stId == 2) { window.open('/member/indexSaLogin/','','width=640, height=858, scrollbars=yes'); } else if(stGbCd == '30' && stId == 3) { window.open(fnetMembershipJoinUrl,'','width=640, height=508, scrollbars=yes'); } else { location.href = '/sec/' + "membership/point"; } } // URL경로 마지막값 리턴 function getUrlLastPathNm(){ var urlLastPathNm = ""; var arr = location.href.split("/"); for(var i=0; i < arr.length; i++){ if(arr[i] == ""){ arr.splice(i, 1); i--; } } urlLastPathNm = arr[arr.length-1]; return urlLastPathNm; } </script>   <script> // 31. Navigation Bar /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee // Title Link $(document).on("click", ".wrap-component.navigation-bar .navigation-wrap .title a", function(e){ GA4CompoClickCta('navigation-bar title-a', $(this)); }); // Item Link $(document).on("click", ".wrap-component.navigation-bar .navigation .nav-slider .item a", function(e){ GA4CompoClickCta('navigation-bar item-a', $(this)); }); // CTA Link $(document).on("click", ".wrap-component.navigation-bar .navigation-wrap > button", function(e){ GA4CompoClickCta('navigation-bar button', $(this)); });*/ // 43. Ranking Product Card /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee // s : click_cta // Tooltip Open // compoScript.ftl 1029Line-GA4CompoClickCta(\'best-rank tooltip-open\',this); $(document).on("click", ".wrap-component.best-rank button.btn-tooltip", function(e){ GA4CompoClickCta('best-rank tooltip-open', $(this)); }); // Tooltip Close $(document).on("click", ".wrap-component.best-rank button.btn-tooltip-close", function(e){ GA4CompoClickCta('best-rank tooltip-close', $(this)); });*/ // Tab $(document).on("click", ".wrap-component.best-rank .item > button.cta_bst", function(e){ //GA4CompoClickCta('best-rank button', $(this)); // GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee setTimeout(function(){ GA4CompoViewItemListSel43(); }, 1000); }); // Show More $(document).on("click", ".wrap-component.best-rank .more-area > a.btn-more", function(e){ var curCount = $(".best-item.slick-active [data-obj-type='product']").length; //GA4CompoClickCta('best-rank btn-more', $(this)); // GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee setTimeout(function(){ GA4CompoViewItemListMore43(curCount); }, 1000); }); // e : click_cta // s : select_item // CTA Link $(document).on("click", ".wrap-component.best-rank ._cta > a.cta_buy", function(e){ GA4CompoSelectItem($(this)); }); function GA4CompoViewItemListSel43(){ try { var itemList = []; $(".best-item.slick-active [data-obj-type='product']").each(function(){ var mdlCode = $(this).data("mo-code"); var goodsNm = $(this).data("goods-nm"); var dispCtgEnNmPath = $(this).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = ""; if(dispCtgEnNmPath != undefined){ dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); } var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var idx = $("[data-obj-type='product'").index($(this)); var cpAllDcAmt = $(this).attr("data-cp-all-dc-amt") != undefined ? $(this).data("cp-all-dc-amt") : '0'; var cpAplExptPrice = $(this).attr("data-cp-apl-expt-price") != undefined ? $(this).data("cp-apl-expt-price") : '0'; if($(this).parents("[data-cp-apl-expt-price]").length > 0){ cpAplExptPrice = $(this).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price"); } else if ($(this).parents("[id^=rankingPdCardList_]").length > 0) { cpAplExptPrice = $(this).find(".component-price > dl > dd > span > em").text(); } else { cpAplExptPrice = 0; } var item = { item_id : mdlCode, item_name : goodsNm, item_brand : 'Samsung', item_category : itemCategory1, item_category2 : itemCategory2, item_category3 : itemCategory3, item_category4 : itemCategory4, item_category5 : itemCategory5, item_variant : '', item_list_name : '', item_list_id : '', quantity : '1', price : cpAplExptPrice, currency : 'KRW', discount : cpAllDcAmt, index : idx }; itemList.push(item); }); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'view_item_list', ecommerce: { items: itemList } }); //console.log("GA4 view_item_list"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 view_item_list TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } function GA4CompoViewItemListMore43(curCount){ try { var itemList = []; var prdObjList = $(".best-item.slick-active [data-obj-type='product']"); var forCount = 1; $(".best-item.slick-active [data-obj-type='product']").each(function(){ // 더보기 상품만 처리(기존 상품개수 카운트 이후 건만 포함) if(forCount > curCount){ var mdlCode = $(this).data("mo-code"); var goodsNm = $(this).data("goods-nm"); var dispCtgEnNmPath = $(this).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = ""; if(dispCtgEnNmPath != undefined){ dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); } var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var idx = $("[data-obj-type='product'").index($(this)); var cpAllDcAmt = $(this).attr("data-cp-all-dc-amt") != undefined ? $(this).data("cp-all-dc-amt") : '0'; var cpAplExptPrice = $(this).attr("data-cp-apl-expt-price") != undefined ? $(this).data("cp-apl-expt-price") : '0'; if($(this).parents("[data-cp-apl-expt-price]").length > 0){ cpAplExptPrice = $(this).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price"); } else if ($(this).parents("[id^=rankingPdCardList_]").length > 0) { cpAplExptPrice = $(this).find(".component-price > dl > dd > span > em").text(); } else { cpAplExptPrice = 0; } var item = { item_id : mdlCode, item_name : goodsNm, item_brand : 'Samsung', item_category : itemCategory1, item_category2 : itemCategory2, item_category3 : itemCategory3, item_category4 : itemCategory4, item_category5 : itemCategory5, item_variant : '', item_list_name : '', item_list_id : '', quantity : '1', price : cpAplExptPrice, currency : 'KRW', discount : cpAllDcAmt, index : idx }; itemList.push(item); } forCount ++; }); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'view_item_list', ecommerce: { items: itemList } }); //console.log("GA4 view_item_list"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 view_item_list TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // e : select_item // view_item_list $(window).on("load", function(){ // BDC 추천상품 로딩시간으로 인해 지연처리 setTimeout(function(){ GA4CompoViewItemList(); }, 2000); }); function GA4CompoViewItemList(){ try { var itemList = []; $("[data-obj-type='product']:not('.best-rank [data-obj-type=product]'), .best-rank .slick-active [data-obj-type='product']").each(function(){ var mdlCode = $(this).data("mo-code"); var goodsNm = $(this).data("goods-nm"); var dispCtgEnNmPath = $(this).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = ""; if(dispCtgEnNmPath != undefined){ dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); } var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var idx = $("[data-obj-type='product'").index($(this)); var cpAllDcAmt = $(this).attr("data-cp-all-dc-amt") != undefined ? $(this).data("cp-all-dc-amt") : '0'; var cpAplExptPrice = $(this).attr("data-cp-apl-expt-price") != undefined ? $(this).data("cp-apl-expt-price") : '0'; if($(this).parents("[data-cp-apl-expt-price]").length > 0){ cpAplExptPrice = $(this).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price"); } else if ($(this).parents("[id^=rankingPdCardList_]").length > 0) { cpAplExptPrice = $(this).find(".component-price > dl > dd > span > em").text(); } else { cpAplExptPrice = 0; } var item = { item_id : mdlCode, item_name : goodsNm, item_brand : 'Samsung', item_category : itemCategory1, item_category2 : itemCategory2, item_category3 : itemCategory3, item_category4 : itemCategory4, item_category5 : itemCategory5, item_variant : '', item_list_name : '', item_list_id : '', quantity : '1', price : cpAplExptPrice, currency : 'KRW', discount : cpAllDcAmt, index : idx }; itemList.push(item); }); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'view_item_list', ecommerce: { items: itemList } }); //console.log("GA4 view_item_list"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 view_item_list TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // select_item function GA4CompoSelectItem(obj){ try { var mdlCode = $(obj).data("mo-code"); var goodsNm = $(obj).data("goods-nm"); var dispCtgEnNmPath = $(obj).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = ""; if(dispCtgEnNmPath != undefined){ dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); } var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var reviewGrade = $(obj).parents(".inner").find(".link-review,.rvpd-star").data("review-grade"); var reviewCount = $(obj).parents(".inner").find(".link-review,.rvpd-star").data("review-count"); var idx = $(obj).parents(".wrap-component").find(".box-product-card").index($(obj).parents(".box-product-card")) + 1; var cpAllDcAmt = $(obj).parents("[data-cp-all-dc-amt]").length > 0 ? $(obj).parents("[data-cp-all-dc-amt]").data("cp-all-dc-amt") : '0'; var cpAplExptPrice = $(obj).parents("[data-cp-apl-expt-price]").length > 0 ? $(obj).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price") : '0'; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'select_item', number_of_reviews : reviewCount, review_rating : reviewGrade, ecommerce: { items: [{ item_id : mdlCode, item_name : goodsNm, item_brand : 'Samsung', item_category : itemCategory1, item_category2 : itemCategory2, item_category3 : itemCategory3, item_category4 : itemCategory4, item_category5 : itemCategory5, item_variant : '', // Wi-fi,40mm,128GB item_list_name : '', quantity : '1', price : cpAplExptPrice, currency : 'KRW', discount : cpAllDcAmt, index : idx }] } }); //console.log("GA4 select_item"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 select_item TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // click_cta function GA4CompoClickCta(ctaType, obj){ try { var ctaText = $(obj).text() == undefined ? "" : $(obj).text().trim(); var ctaAct = $(obj).data("omni") == undefined ? "" : $(obj).data("omni").trim(); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_cta', an_ca: ctaType + ' cta', // 클릭한 버튼의 콘텐츠 유형 "buy cta" an_ac: ctaText, // 클릭한 버튼의 동작 유형 "buy now" an_la: ctaAct, // 클릭한 버튼의 액션 이름 "pf product card:buy now" an_tr: ctaAct // 클릭한 버튼의 동작 추적 "pd03_product finder:buy cta-product finder-cat-button" }); //console.log("GA4 click_cta"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_cta TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // indexExhibitionCollection.jsp(기획전 모음 페이지) 에서 같이 사용해서 여기다 선언. // share_follow function GA4CompoShareFollow(obj){ try { var socialAction = $(obj).data("social-action"); var socialNetwork = $(obj).data("social-network"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'share_follow', social_action : socialAction, //클릭한 버튼의 유형 "share 또는 follow" social_network : socialNetwork, //클릭한 버튼의 아이콘 "카카오톡, 링크 복사, 페이스북" }); //console.log("GA4 share_follow"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 share_follow TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script>   <div class="layer-pop layer-default alert" id="commonAlert" tabindex="0" data-popup-layer="commonAlert" data-focus="commonAlert"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p style="word-break:keep-all;"></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div>   <div class="layer-pop layer-default alert" id="commonAlert2" tabindex="0" data-popup-layer="commonAlert2" data-focus="commonAlert2"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p style="word-break:keep-all;"></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div>   <div class="layer-pop layer-default" id="commonConfirm" tabindex="0" data-popup-layer="commonConfirm" data-focus="commonConfirm"> <div class="layer-header blind"> <h2></h2> </div> <div class="layer-content"> <p></p> <div class="btn-box double">  <a href="javascript:void(0)" class="btn btn-d btn-type1 accessibility-pop-close" id="commonConfirmCancelBtn" onclick="closeLayer('commonConfirm');">취소</a> <a href="javascript:void(0)" class="btn btn-d btn-type2" id="commonConfirmOkBtn">확인</a> </div> </div> <button type="button" class="pop-close accessibility-pop-close" id="closeCommonConfirmBtn" name="closeCommonConfirmBtn" data-focus-next="commonConfirm">팝업닫기</button> </div>   <div class="layer-pop layer-default" id="commonConfirm2" tabindex="0" data-popup-layer="commonConfirm2" data-focus="commonConfirm2"> <div class="layer-header blind"> <h2></h2> </div> <div class="layer-content"> <p></p> <div class="btn-box double">  <a href="javascript:void(0)" class="btn btn-d btn-type1 accessibility-pop-close" id="commonConfirmCancelBtn2" onclick="closeLayer('commonConfirm2');">취소</a> <a href="javascript:void(0)" class="btn btn-d btn-type2" id="commonConfirmOkBtn2">확인</a> </div> </div> </div>   <div class="layer-pop layer-default" id="commonAlertTV" tabindex="0" data-popup-layer="commonAlertTV" data-focus="commonAlertTV"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div> </div>    <style> /*!* s : num_5 *! .floating-sticky .menu-list .menu01 a { display: none; } .floating-sticky .menu-list .menu02 a { display: none; } .floating-sticky .menu-list .menu03 a { display: none; } .floating-sticky .menu-list .on .menu01 a { display: flex; } .floating-sticky .menu-list .on .menu02 a { display: flex; } .floating-sticky .menu-list .on .menu03 a { display: flex; } !* e : num_5 *!*/ </style> <div id="floatingSticky" class="floating-sticky new-st type-global" style="z-index: 10"> <button type="button" class="btn-gotop" title="위로"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g transform="translate(-1741 -471)"><circle cx="24" cy="24" r="24" transform="translate(1741 471)" fill="rgba(0,0,0,0.5)" opacity="0"/><g transform="translate(1753 483)"><path d="M21.738,26.325V8.515L28.4,15.277l1.425-1.4L20.738,4.65l-9.088,9.223,1.425,1.4,6.663-6.762v17.81Z" transform="translate(-8.651 -3.4)" fill="#fff"/><rect width="24" height="24" fill="none"/></g></g></svg> </button> <div class="menu-list"> <div class="inner"> <ul>   <li class="menu01 chatBotPop"> <button type="button" id="chatBotOpen" class="chatBotOpen" onclick="chat_select_open()"data-di-id="di-id-e7029b9c-393996c6" title="챗봇 채팅창 새창으로 열기"> <svg id="Message" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <rect id="container" width="24" height="24" fill="none"></rect> <path id="Icon-_-Bold-_-Communication-_-Message" data-name="Icon-/-Bold-/-Communication-/-Message" d="M22.5,5.5a3,3,0,0,1,3,2.924V19.5a3,3,0,0,1-2.924,3H12.634L8.46,26.7a1,1,0,0,1-1.706-.611l0-.047V22.5H6.5a3,3,0,0,1-3-2.849l0-.075V8.5a3,3,0,0,1,2.924-3H22.5Zm0,2H6.5a1,1,0,0,0-1,.95V19.5a1,1,0,0,0,.95,1h1.3a1,1,0,0,1,1,.95v2.123L11.508,20.8a1,1,0,0,1,.6-.289l.056,0,.057,0H22.5a1,1,0,0,0,1-.95V8.5a1,1,0,0,0-.95-1Zm-8,5.25A1.25,1.25,0,1,1,13.25,14,1.25,1.25,0,0,1,14.5,12.75Zm4.75,0A1.25,1.25,0,1,1,18,14,1.25,1.25,0,0,1,19.25,12.75Zm-9.5,0A1.25,1.25,0,1,1,8.5,14,1.25,1.25,0,0,1,9.75,12.75Z" transform="translate(-2.5 -4.25)"></path> </svg> </button>      </li>  </ul> </div> </div> <button type="button" class="btn-gotop" title="위로"> <span>위로</span> </button> </div> <script> var mobileCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android") || window.secapp || device.isIosApp; if(mobileCheckFlag){ //모바일에서 챗봇 삭제 $("#floatingSticky").find(".menu01").remove(); } floatSticky(); function firstRecentGoods(){ $.ajax({ url : "/sec/xhr/goods/getFirstRecentGoods" ,type : "POST" ,success : function(result) { var recentGoodsData = JSON.parse(result); var recentGoodsNm = recentGoodsData.recentGoodsNm; if(recentGoodsData.recentYn === "Y"){ $("#floatingSticky").find(".menu04").remove(); /*if ($('.floating-sticky .menu-list .inner').hasClass('on')) { html += '<li class="menu04" aria-hidden="false" style="display:block;">' } else { html += '<li class="menu04" aria-hidden="true" style="display:none;">' }*/ var html = `<li class="menu04">`; html += '<a href="#" id = "btn-rcntgoods-floating" type="button" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-st-path ="'+recentGoodsData.stContextPath+'" data-popup-target="latestItemLayer" >' html += '<span> <img src="'+recentGoodsData.recentImgPath+'?$128_128_PNG$" alt="'+ recentGoodsData.recentGoodsNm +'"> 최근 본 제품 ('+recentGoodsData.recentGoodsLength+')</span>' html += '</a>' html += '</li>' $("#floatingSticky").find("ul").append(html);  $("#recentGoodsNm").val(recentGoodsNm); }else{ //없을경우 숨김 $(".menu04").hide(); } } }); } // firstRecentGoods(); if ("N" === "N") { if(window.innerWidth > 1279){ firstRecentGoods(); } } if(device.agent.indexOf('secapp') >= 0 || device.agent.indexOf('sectest') >= 0){ if("N" === "N"){ $("#floatingSticky").find(".menuAr").remove(); var html = ""; html +='<li class="menuAr" aria-hidden="true" style="display:none;">'; html +='<a href="javascript:window.secapp.goToARService(\'\',\'\');">'; html +='AR로 제품보기'; html +='</a>'; html +='</li>'; $("#floatingSticky").find("ul").prepend(html); } }else{ $("#floatingSticky").find(".menuAr").remove(); } let showScript = false; function chat_select_open() { GA4ChatStart(); // var popupX = (window.screen.width / 2) - (356 / 2); // var popupY = (window.screen.height / 2) - (750 / 2); // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbot/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbot/#/"; // var chatbotPop = window.open(url, // "chatselect", // 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); // chatbotPop.onbeforeunload = function () { // GA4ChatComplete(); // } showScript = !showScript; // 스크립트 실행과 DOM 챗봇 부착로직 if (showScript) { const script = document.createElement("script"); script.id = "appTest"; script.type = "text/javascript"; script.async = true; let url = "prd" === "prd" ? "https://samsungdotcom.gentlepie.com/chatbot/app.js" : "https://staging-samsungdotcom.gentlepie.com/chatbot/app.js"; script.src = url; script.onload = function () { if (window.chatbotInit) { // 챗봇 시작 초기화까지 동시 진행시 아래 코드 주석해제 window.chatbotInit(); } else { console.error("externalFunction is not defined on window"); } }; document.body.appendChild(script); } else { const testParent = document.getElementById("appTest"); const apps = document.getElementById("app"); if (window.chatbotExit) { // 챗봇 종료 초기화까지 동시 진행시 아래 코드 주석해제 window.chatbotExit(); } if (testParent) { apps.innerHTML = ""; // 앱 제거 document.body.removeChild(testParent); // 스크립트 태그 제거 } } GA4ChatComplete(); } function GA4ChatStart() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_start' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } function GA4ChatComplete() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_complete' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script> $(function(){ // 챗봇 열기 PC $("#chatBotOpen").click(function(){ GA4ChatStart(); $("#layerChatBot").addClass("active"); chat_select_open(); GA4ChatComplete(); }); // 챗봇 열기 MO $("#bnbChatBotOpen").click(function(){ GA4ChatStart(); $("#layerChatBot").addClass("active"); $("body").css("overflow","hidden"); $("html").scrollTop(0); chat_select_open(); GA4ChatComplete(); }); // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); // 챗봇버튼 닫기 $("#chatBotClose").click(function(){ $(".chatBotPop").remove(); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); winWidth = $(window).outerWidth(); if(winWidth < 1280) { // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); $("body").css("overflow","unset"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); }; $(window).resize(function(){ winWidth = $(window).outerWidth(); if(winWidth < 1280) { // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); $("body").css("overflow","unset"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); }; }); }) </script>    <footer id="footer" class="footer_b2c"> <input type="hidden" id="goodsAdvCmntStYn" value="Y" />  <div class="footer-content"> <nav class="footer-inner sitemap-links"> <h2 class="hide">페이지 링크</h2> <ul>  <li class="productLine1"> <h3> <a href="javascript:;">제품</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/galaxy/home/" data-omni="product_galaxy">갤럭시</a></li> <li><a href="https://www.samsung.com/sec/smartphones/galaxy-s/" data-omni="product_smartphones">스마트폰</a></li> <li><a href="https://www.samsung.com/sec/tablets/galaxy-tabs/" data-omni="product_tablets">태블릿</a></li> <li><a href="https://www.samsung.com/sec/watches/galaxy-watch-active/" data-omni="product_watches">워치</a></li> <li><a href="https://www.samsung.com/sec/buds/galaxy-buds-pro/" data-omni="product_buds">버즈</a></li> <li><a href="https://www.samsung.com/sec/pc/galaxybook/" data-omni="product_galaxybook">갤럭시북</a></li> <li><a href="https://www.samsung.com/sec/monitors/gaming-monitors/" data-omni="product_monitors">모니터</a></li> <li><a href="https://www.samsung.com/sec/printers/laser-multifunction/" data-omni="product_printers">프린터</a></li> <li><a href="https://www.samsung.com/sec/memory-storage/all-memory-storage/" data-omni="product_memory storage">메모리/스토리지</a></li> <li><a href="https://www.samsung.com/sec/tvs/" data-omni="product_tvs">TV</a></li> <li><a href="https://www.samsung.com/sec/lifestyletv/home/" data-omni="product_lifestyletv">Lifestyle TV</a></li> <li><a href="https://www.samsung.com/sec/audio-devices/Sound-bar/" data-omni="product_soundbar">사운드바</a></li> <li><a href="https://www.samsung.com/sec/harman/#highend_audio" data-omni="product_harman">하만</a></li> <li><a href="https://www.samsung.com/sec/refrigerators/bespoke-infinite-line/" data-omni="product_refrigerators">냉장고</a></li> <li><a href="https://www.samsung.com/sec/kimchi-refrigerators/bespoke-kimchi-plus-infinite-line/" data-omni="product_kimchi-refrigerators">김치냉장고</a></li> <li><a href="https://www.samsung.com/sec/dishwashers/bespoke-dishwashers/" data-omni="product_dishwashers">식기세척기</a></li> </ul> </li> <li class="productLine2"> <h3>   </h3> <ul> <li><a href="https://www.samsung.com/sec/electric-range/bespoke-induction/" data-omni="product_electric range">인덕션</a></li> <li><a href="https://www.samsung.com/sec/cooking-appliances/all-cooking-appliances/" data-omni="product_cooking appliances">오븐/큐커</a></li> <li><a href="https://www.samsung.com/sec/micro-wave-ovens/all-micro-wave-ovens/" data-omni="product_qooker">전자레인지</a></li> <li><a href="https://www.samsung.com/sec/water-purifier/" data-omni="product_water purifier">정수기</a></li> <li><a href="https://www.samsung.com/sec/washing-machines/grande-ai/" data-omni="product_washing-machines">세탁기</a></li> <li><a href="https://www.samsung.com/sec/dryers/grande-ai/" data-omni="product_dryers">건조기</a></li> <li><a href="https://www.samsung.com/sec/airdresser/bespoke-airdresser/" data-omni="product_airdresser">에어드레서</a></li> <li><a href="https://www.samsung.com/sec/shoedresser/bespoke-shoedresser/" data-omni="product_shoe dresser">슈드레서</a></li> <li><a href="https://www.samsung.com/sec/air-conditioners/gallery/" data-omni="product_air-conditioners">에어컨</a></li> <li><a href="https://www.samsung.com/sec/air-cleaners/bespoke-cube/" data-omni="product_air-cleaners">공기청정기</a></li> <li><a href="https://www.samsung.com/sec/vacuum-cleaners/bespoke-jet/" data-omni="product_vacuum-cleaners">청소기</a></li> <li><a href="https://www.samsung.com/sec/smartthings/do-the-smartthings/" data-omni="product_smartthings">스마트싱스</a></li> <li><a href="https://www.samsung.com/sec/accessories/" data-omni="product_accessories">액세서리 & 소모품</a></li> <li><a href="https://www.dacorkorea.com/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="product_dacor korea">데이코</a></li> </ul> </li> <li> <h3> <a href="javascript:;">이벤트</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/event/indexExhibitionCollection/" data-omni="promotion_exhibition collection">삼성닷컴추천 모두보기</a></li>  <li><a href="https://www.samsung.com/sec/outlets/all-outlets/" data-omni="promotion_all outlets">아울렛</a></li> <li><a href="https://www.samsung.com/sec/galaxycampus/" data-omni="promotion_galaxy campus">갤럭시 캠퍼스</a></li> <li><a href="https://www.samsung.com/sec/store-model/live/" data-omni="promotion_live">삼닷 Live</a></li>  <li><a href="https://www.samsung.com/sec/bespokestudiohub/" data-omni="promotion_bespoke studio">비스포크 스튜디오</a></li> <li><a href="https://www.samsung.com/sec/customer/salesStore/" data-omni="promotion_sales store">스토어 진열 할인 제품</a></li> <li><a href="https://www.samsung.com/sec/eventList/benefitzone/" data-omni="promotion_benfit zone">닷컴 회원 혜택</a></li>  <li><a href="https://www.samsung.com/sec/bespokeshop/" data-omni="promotion_bespoke shop">e식품관</a></li> <li><a href="https://www.samsung.com/sec/petcarestore/" data-omni="promotion_petcare store">펫 케어 스토어</a></li> <li><a href="https://www.samsung.com/sec/homeclass/" data-omni="promotion_home fitness">홈클래스</a></li>  <li><a href="https://www.samsung.com/sec/explore/home/" data-omni="promotion_explore">스토리</a></li> </ul> </li> <li> <h3> <a href="javascript:;">고객서비스</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/support/" data-omni="faq_support">매뉴얼 & 다운로드</a></li> <li><a href="/sec/faq/" data-omni="faq_faq">삼성닷컴 FAQ</a></li> <li><a href="/sec/digitalplaza/storeMain/" data-omni="faq_shop locator">매장 찾기</a></li> <li><a href="/sec/digitalplaza/centerMain/" data-omni="faq_service-locator">서비스센터 찾기</a></li> <li><a href="https://www.samsung.com/sec/Samsung-Care-Plus/IM/" data-omni="faq_samsung care plus IM">삼성케어플러스 모바일/PC</a></li> <li><a href="https://www.samsung.com/sec/Samsung-Care-Plus/CE/" data-omni="faq_samsung care plus CE">삼성케어플러스 가전/TV</a></li> <li><a href="https://www.samsung.com/sec/eventList/delivery-service/">시간 맞춤 설치 서비스</a></li> <li><a href="/sec/samsungstore/main/" data-omni="plaza_main">삼성스토어</a></li> <li><a href="https://www.samsung.com/sec/membership/membershipMain/" data-omni="faq_membership">삼성전자 멤버십</a></li> <li><a href="/sec/md-inv/" data-omni="faq_md_innovation">MD 비즈니스 협력제안</a></li> <li><a href="https://www.secbuy.com/irj/portal/alluser?ume.logon.locale=ko&NavigationTarget=OBN%3A//BOTechnicalName%3DMainBannerOBN/BOSystemAlias%3DEPE_OBN/Operation%3Dnew_biz" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_secbuy">비즈니스 협력제안</a></li> <li><a href="https://r1.community.samsung.com/t5/Korea/ct-p/kr" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_community">삼성멤버스 커뮤니티</a></li> <li><a href="http://samsung.aiibook.net/b2c/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_e-catalog">E-카탈로그</a></li> <li><a href="https://survey3.medallia.com/?web&c=39&lng=ko" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_customer survey">삼성닷컴 경험조사</a></li> </ul> </li>   <li class="row2"> <ul> <li> <h3><a href="javascript:;">지속가능경영</a></h3> <ul> <li><a href="/sec/sustainability/environment/" data-omni="sustainability_environment">환경</a></li> <li><a href="/sec/sustainability/privacy-and-security/" data-omni="sustainability_privacy-and-security">보안 & 개인정보 보호</a></li> <li><a href="/sec/sustainability/accessibility/overview/" data-omni="accessibility_overview">접근성</a></li> <li><a href="/sec/sustainability/diversity-and-inclusion/" data-omni="sustainability_diversity-and-inclusion">다양성 · 형평성 · 포용성</a></li> <li><a href="/sec/sustainability/corporate-citizenship/" data-omni="sustainability_corporate-citizenship" target="_blank" class="link-outlink" title="새창으로 열림">사회공헌</a></li>  <li><a href="/sec/sustainability/main" data-omni="sustainability-corporate-sustainability" target="_blank" class="link-outlink" title="새창으로 열림">Corporate Sustainability</a></li>  </ul> </li> <li> <h3><a href="javascript:;">윤리&준법경영</a></h3> <ul> <li><a href="https://sec-audit.com/common/businessPrinciple/viewBusinessPrincMain.do?_menuId=AVyA0fTVACzV4mS0&_menuF=true&s_gbn=PA100001" data-omni="ethics and law_principle" class="link-outlink" title="새창으로 열림" target="_blank">경영원칙</a></li> <li><a href="https://sec-audit.com/common/wrongReport/init.do?_menuId=AVyAoCSlAADV4mQ3&_menuF=true&s_gbn=PA100002" data-omni="ethics and law_wrong report" class="link-outlink" title="새창으로 열림" target="_blank">부정제보</a></li> <li><a href="https://sec-compliance.net/gcc/gcc.do?method=gccReport&langCd=ko_KR" data-omni="ethics and law_GCC" class="link-outlink" title="새창으로 열림" target="_blank">법위반제보</a></li> </ul> </li> </ul> </li> <li class="row2">  <ul> <li> <h3><a href="javascript:;">회사소개</a></h3> <ul> <li><a href="/sec/about-us/company-info/" data-omni="about-us_company-info">기업정보</a></li> <li><a href="/sec/about-us/business-area/" data-omni="about-us_business-area">사업정보</a></li> <li><a href="/sec/about-us/brand-identity/" data-omni="about-us_brand-identity">브랜드 아이덴티티</a></li> <li><a href="/sec/about-us/careers/kr/" data-omni="aboutsamsung_careers">채용</a></li> <li><a href="/sec/ir/main/" data-omni="about-us_ir-info">투자자 정보</a></li> <li><a href="https://news.samsung.com/kr/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_newsroom">뉴스룸</a></li> <li><a href="/sec/about-us/ethics/" data-omni="about-us_ethics">윤리</a></li> <li><a href="https://design.samsung.com/kr/?utm_source=scom&utm_medium=link&utm_campaign=cdc&utm_content=kr" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_design-samsung">디자인 삼성</a></li> <li><a href="https://dividend.samsung.com/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_dividend">배당조회</a></li> <li><a href="/sec/notice/" data-omni="about-us_notice">공지사항</a></li> </ul> </li> <li> <h3><a href="javascript:;">부가정보</a></h3> <ul> <li><a href="https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com" class="link-outlink" title="새창으로 열림" data-omni="additional information_cyber reports" target="_blank" >협력회사 사이버 신문고</a></li> <li><a href="https://www.samsung.com/sec/additional/indexWasteCartridgeRecallApply/" data-omni="additional information_printer_green">폐카트리지 회수신청</a></li> </ul> </li> </ul> </li> </ul> </nav> </div> <div class="footer-content"> <div class="footer-inner"> <div class="info-detail"> <p> <span>삼성전자 주식회사 대표이사 : 한종희</span> <span class="mo-inline">사업자등록번호 : 124-81-00998</span> <span class="comp-wrap"><a href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=1248100998&apv_perm_no=" class="comp" title="새창 열림" target="_blank">사업자 정보확인</a></span> <span>통신판매업 신고 : 2000-경기수원-0515</span> </p> <p class="gap"> <span>사업장주소 : 경기도 수원시 영통구 삼성로 129(매탄동)</span> <span>호스팅서비스사업자 : 한국아이비엠(주)</span> <span>대표번호 : 02-2255-0114</span> <span>제품/서비스/멤버십: 1588-3366(통화요금 : 발신자부담)</span> <span>삼성닷컴 구매문의 : 1588-6084</span> <span>e식품관 문의 : 1811-9228</span> </p> <p>본 사이트에서 판매되는 상품 중에는 등록된 개별 판매자가 판매하는 상품이 포함되어 있습니다. </p>  <div class="dis-resol"> <p>개별 판매자 판매 상품의 경우 삼성전자(주)는 통신판매중개업자로서 통신판매의 당사자가 아니므로, 개별 판매자가 등록한 상품, 거래정보 및 거래 등에 대해 책임을 지지 않습니다.</p> <a href="/sec/dispute-resolution/" class="comp" title="새창 열림" target="_blank">소비자분쟁해결기준</a> </div>  <p>본 사이트의 컨텐츠는 저작권법의 보호를 받는 바 무단 전재, 복사, 배포 등을 금합니다.</p> </div> </div> </div> <div class="footer-content"> <div class="footer-inner copyrightGroup"> <div class="copyrightBox"> <p class="copyright">Copyright © 1995-2024 Samsung. All Rights Reserved.</p> <div class="mark-box"> <a href="https://dcxi.ksa.or.kr/" target="_blank" title="Korean Stasndars Association 2023 디지털고객경험지수 : 새창으로 열기" class="btn-mark btn-dcxi" data-omni="local logo_dcxi"> <img src="https://images.samsung.com/kdp/_pub/icon-footer-dcxi.jpg" alt="Korean Stasndars Association 2023 디지털고객경험지수"> Korean Stasndars Association 2023 디지털고객경험지수 </a> <a href="https://www.kca.go.kr/ccm/certSystemOutlineView.do" target="_blank" title="ccm 소비자중심 공정거래위원회 : 새창으로 열기" class="btn-mark btn-ccm" data-omni="local logo_ccm"> <img loading="lazy" src="https://images.samsung.com/kdp/_pub/icon-footer-ccm.png" alt="ccm 소비자 중심 공정거래 위원회"> ccm 소비자 중심 공정거래 위원회 </a>      <a href="javascript:openPrivacy();" title="개인정보 보호 우수사이트 인증서 : 새창으로 열기" class="btn-mark btn-eprivacy" data-omni="local logo_eprivacy"> <img loding="lazy" src="https://www.samsung.com/sec/static/_images/common/icon-footer-eprivacy.svg" alt="개인정보보호 우수사이트"> 개인정보보호 우수사이트 </a> </div> </div> </div> </div> <div class="footer-content"> <div class="footer-inner btnBottomGroup"> <div class="cs-btn"> <ul class="korean"> <li><a href="/sec/function/ipredirection/ipredirectionLocalList/">한국/한국어</a></li> </ul> <ul> <li><a href="javascript:;" title="이메일 무단 수집거부" data-popup-target="popupGatherRefuse" data-omni="footer:bottom_email_security">이메일 무단 수집거부</a></li> <li><a href="javascript:;" title="아이디어 정책" data-popup-target="popupIdeaPolicy" data-omni="footer:bottom_idea security">아이디어 정책</a></li> <li><a href="/sec/info/sitemap/" data-omni="footer:bottom_sitemap">사이트맵</a></li> </ul> </div> <div class="clause-links">  <div id="dropClauseList01" class="wrap-droplist rounded clause-use"> <button class="droplist-button" aria-haspopup="listbox" aria-labelledby="dropServiceClauseTitle dropServiceClauseBtn" id="dropServiceClauseBtn" title="서비스별 이용약관">이용약관<span class="blind">하위 메뉴 있음</span></button> <ul class="droplist" aria-labelledby="dropServiceClauseTitle" aria-activedescendant="optServiceClause01">  <li id="optServiceClause02" class="droplist-item" data-omni="footer:terms_legal"><a href="https://account.samsung.com/membership/etc/specialTC.do?fileName=samsungkorea.html" target="_blank" title="새 창으로 열림">삼성전자 대표사이트 이용약관</a></li> <li id="optServiceClause03" class="droplist-item" data-omni="footer:terms_conditions"><a href="/sec/membership/terms/">삼성전자멤버십 이용약관</a></li> <li id="optServiceClause04" class="droplist-item" data-omni="footer:terms_contents"><a href="https://account.samsung.com/membership/policy/terms" target="_blank" title="새 창으로 열림">Samsung 서비스 이용약관</a></li> </ul> </div>  <div id="dropClauseList02" class="wrap-droplist rounded clause-private"> <button class="droplist-button" title="서비스별 개인정보처리방침" id="dropServicePrivateTitle">개인정보처리방침<span class="blind">하위 메뉴 있음</span></button> <ul class="droplist" aria-labelledby="dropServicePrivateTitle" aria-activedescendant="optServicePrivate01">  <li id="optServicePrivate02" class="droplist-item"><a href="/sec/info/privacy/01/rc">삼성닷컴 개인정보처리방침</a></li> <li id="optServicePrivate03" class="droplist-item"><a href="/sec/info/privacy/02">삼성닷컴 이벤트 개인정보처리방침</a></li> <li id="optServicePrivate04" class="droplist-item"><a href="/sec/info/privacy/03">삼성전자멤버십 개인정보처리방침</a></li> <li id="optServicePrivate06" class="droplist-item"><a href="/sec/info/privacy/05">경력채용 개인정보처리방침</a></li> </ul> </div>  </div> <div class="link-box"> <div class="sns-btn"> <div class="wrap-sns"> <span class="tit">삼성전자의 다양한 소식을 만나보세요!</span> <ul> <li><a href="//www.facebook.com/SamsungKorea" class="btn-fb" title="새창 열림" target="_blank" data-omni="follow:facebook"><span class="blind">facebook</span></a></li> <li><a href="//www.youtube.com/c/samsungkorea" class="btn-yt" title="새창 열림" target="_blank" data-omni="follow:youtube"><span class="blind">youtube</span></a></li> <li><a href="//www.instagram.com/samsungkorea" class="btn-ig" title="새창 열림" target="_blank" data-omni="follow:instagram"><span class="blind">instagram</span></a></li> <li><a href="//pf.kakao.com/_VJjxdC" class="btn-pf" title="새창 열림" target="_blank" data-omni="follow:kakaoplus"><span class="blind">카카오톡 플러스친구</span></a></li> <li><a href="//twitter.com/SamsungKorea" class="btn-tw" title="새창 열림" target="_blank" data-omni="follow:twitter"><span class="blind">트위터</span></a></li> <li><a href="javascript:void(0);" class="btn-share" onclick="tooltipCenterTop(this,'tip-footer-share',380); return false;" data-title="공유" data-content="" data-close="툴팁 닫기"><span class="blind">공유하기 툴팁보기(툴팁 열림)</span></a>  <div class="tooltip-layer tip-footer-share" tabindex="0"> <p class="tooltip-title">공유</p> <div class="tooltip-content"> <ol class="tooltip-share"> <li> <a href="javascript:void(0);" class="share-copylink" id="share-copylink"> <img loding="lazy" src="/sec/static/_images/common/icon-copylink.svg" alt="링크복사 아이콘"> <span>링크복사</span> </a> <script> function tabKeyCnt() { $('.share-copylink').on('keydown', function(e) { if(event.shiftKey && (event.keyCode || event.which) === 9) { event.preventDefault(); $('#tooltip-share-close').focus(); } }); } </script> </li> <li> <a href="javascript:void(0);" class="share-sns-kakao" title="새 창으로 열림"> <img loding="lazy" src="/sec/static/_images/common/sns-kakao@3x.png" alt="카카오톡 아이콘(공유하기)"> <span>카카오톡</span> </a> </li> <li> <a href="javascript:void(0);" class="share-sns-facebook" title="새 창으로 열림"> <img loding="lazy" src="/sec/static/_images/common/sns-facebook@3x.png" alt="페이스북 아이콘"> <span>페이스북</span> </a> </li> </ol> </div> <button type="button" class="btn-tooltip-close" id="tooltip-share-close"><em class="blind">툴팁 닫기</em></button> </div>  </li> </ul> </div> </div> </div> </div> </div> </footer>  <button id="energyBtn" style="display:none" type="button" data-popup-target="popupEnergy">팝업보기</button> <div class="layer-pop layer-normal layer-energy-calculator" id="popupEnergy" tabindex=" 0" data-popup-layer="popupEnergy" data-focus="popupEnergy"> </div>   <div class="layer-pop layer-normal" id="popupGatherRefuse" tabindex="0" data-popup-layer="popupGatherRefuse" data-focus="popupGatherRefuse"> <div class="layer-header"> <h2>이메일 무단 수집거부</h2> </div> <div class="layer-content"> <div class="etc-divWrap"> <p>본 웹사이트는 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단 수집되는 것을 거부합니다.<br> 이를 위반 시 『정보통신망 이용 촉진 및 정보보호 등에 관한 법률』등에 의해 처벌받을 수 있습니다.</p> </div> </div> <button type="button" class="pop-close" data-focus-next="popupGatherRefuse">팝업닫기</button> </div>   <div class="layer-pop layer-normal" id="popupIdeaPolicy" tabindex="0" data-popup-layer="popupIdeaPolicy" data-focus="popupIdeaPolicy"> <div class="layer-header"> <h2>아이디어 제안에 대한 정책</h2> </div> <div class="layer-content"> <div class="etc-divWrap"> <p>삼성전자 및 삼성전자 임직원은 당사가 공식적으로 요청하지 않았음에도 불구하고 여러분께서 일방적으로 당사에 제출하는 아이디어나 제안 등을 수령하거나 검토하지 않습니다.</p> <p>이는 제출하신 내용이 당사 내부적으로 개발한 제품, 기술, 서비스와 유사할 경우 발생할 수 있는 오해와 분쟁을 방지하고 나아가 여러분의 창의적인 아이디어를 적극 보호하기 위함입니다.</p> <p>이러한 취지를 이해하여 주시고 구체화되지 않은 아이디어나 콘셉트(Concept) 단계의 제안이 당사에 제출되지 않도록 하여 주시기 바랍니다.</p> </div> </div> <button type="button" class="pop-close" data-focus-next="popupIdeaPolicy">팝업닫기</button> </div>     <script defer src="//t1.kakaocdn.net/kakao_js_sdk/v1/kakao.min.js"></script> <script defer src="/sec/static/_script/snsShare.js"></script> <script defer type="text/javascript"> $(document).ready(function(){ console.log('============== footer.jsp script start ====================='); // b2c facebook.app.id.b2c는 없음 - fnet, fnet_etc, b2b2c는 존재(business.xml) if(kakaoAppKey == null || kakaoAppKey == "" || kakaoAppKey == undefined) { shareInit("5880e4317936087f2764a5d340e6bca6", ""); } // 소셜공유/공유하기 $(".tooltip-share a").off("click.tooltip-share").on("click.tooltip-share", function(e) { e.preventDefault(); var _this = $(this); var locationUrl = window.location.href; if(_this.hasClass("share-copylink")) { GA4ShareFollow("share-copylink"); // 링크복사 var clipboard = new ClipboardJS(".share-copylink", { text: function() { return locationUrl; } }); clipboard.on("success", function(e) { var vTimer = setTimeout((function(){ $("#mask").trigger("click"); }), 5000); $("#mask").off().on("click", function (){ $(".popup-msg").hide(); $(".popup-msg").empty(); scrollLock("unlock"); $("#mask").fadeOut("fast").remove(); clearTimeout(vTimer); $(this).off(); }); var alertData = { title: "" ,callback : function() { $("#share-copylink").focus() } ,content : "링크를 복사했어요." ,btnText : "확인" }; commonAlert(alertData); openLayer("commonAlert"); $(".btn-share").attr("data-popup-target","commonAlert"); }); clipboard.on("error", function(e) { var alertData = { title: "" ,content : "일시적인 오류로 링크를 복사하지 못했습니다.<br>다시 시도해주세요." ,callback : function() { $("#share-copylink").focus() } ,btnText : "확인" }; commonAlert(alertData); openLayer("commonAlert"); $(".btn-share").attr("data-popup-target","commonAlert"); }); } else if(_this.hasClass("share-sns-kakao")) { GA4ShareFollow("share-sns-kakao"); var imgPath = $("meta[property='og:image']").attr("content"); var defaultImgSrc = "https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"; if(imgPath == null || imgPath === ""){ imgPath = defaultImgSrc; }else if(imgPath.indexOf("images.samsung.com") >= 0){ var firstDomainIndex = imgPath.indexOf("images.samsung.com"); var lastDomainIndex = imgPath.lastIndexOf("images.samsung.com"); //var imageDomain = "images.samsung.com/kdp"; if(firstDomainIndex != lastDomainIndex){ imgPath = "https://"+imgPath.substring(lastDomainIndex); } } // 카카오톡 공유하기 snsShare.kakaoTalk(locationUrl , $("head > title").text() , imgPath , ""); } else if(_this.hasClass("share-sns-facebook")) { GA4ShareFollow("share-sns-facebook"); // 페이스북 공유하기 snsShare.facebook(locationUrl); } }); }); // ready end function showSafety() { $(".dropDown-content .subDesc").hide(); $(".dropDown-content .dropButton").hide(); $(".dropDown-content .dropcontent").show(); } // 약관 변경 $(document).on("click", "#dropClauseList01 .droplist-item", function(e) { var id = $(this).attr("id"); if (id == "optServiceClause03") { location.href = "/sec/membership/terms/"; } }); function openWa() { var agent = navigator.userAgent.toLowerCase(); var path = "/sec/"; if(!(device.val == "m")){ if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open(path + "static/_images/common/WA-2022.jpg", "popup", "width=650, height=900, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open(path + "static/_images/common/WA-2022.jpg", "popup", "width=550,height=750"); } }else{ window.open(path + "static/_images/common/WA-2022-mo.jpg", "popup", "width=550,height=750"); } } function openPrivacy() { var agent = navigator.userAgent.toLowerCase(); if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open("https://www.eprivacy.or.kr/front/certifiedSiteMark/certifiedSiteMarkPopup.do?certCmd=E&certNum=2024-E-R005", "popup", "width=650, height=900, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open("https://www.eprivacy.or.kr/front/certifiedSiteMark/certifiedSiteMarkPopup.do?certCmd=E&certNum=2024-E-R005", "popup", "width=550,height=750"); } } //협력회사 사이버 신문고(새창) function openCyberVoc() { var agent = navigator.userAgent.toLowerCase(); if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open("https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com", "popup", "width=830,height=600, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open("https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com", "popup", "width=830,height=600"); } } function GA4ShareFollow(socialNetwork) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'share_follow', social_network: socialNetwork }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script defer type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "s_bf7aca045e5"; if (!_nasa) var _nasa={}; if(window.wcs) { wcs.inflow("samsung.com"); wcs_do(_nasa); } </script> <script> // GA4 click_nav footer $(document).on("click", "#footer .footer-content .footer-inner ul li ul li a", function(e){ GA4ClickNavFooter($(this)); }); function GA4ClickNavFooter(obj){ try { var itemName = $(obj).text(); var dataOmni = $(obj).closest("ul").parent("li").attr("class") + ":" + $(obj).data("omni"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_nav' , // 필요. 이벤트 GA에 전송 item_category: 'footer', // 예: 모바일 (an_ac에서 읽기) item_name: itemName , // 예: 스마트폰(an_la의 마지막깊이에서 읽기) an_ca: 'navigation' , // 예: should always be navigation an_ac: 'footer' , // 예: gnb, footer an_la: dataOmni // 예: <depth 1 value>:<depth 2 value>:<depth 3 value> }); //console.log("GA4 click_nav"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_nav TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script defer> let mobileWebCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined)); if(mobileWebCheckFlag){ setTimeout((function(){ appLaunch(); }), 2000); } function appLaunch(){ let pcDevice = "win16|win32|win64|mac|macintel"; let platform = navigator.platform; let locationUrl = window.location.href; if(platform){ if(pcDevice.indexOf(platform.toLowerCase())>= 0){ return; } } if(locationUrl=="http://localhost:8080/sec/" || locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/"){ try{ location.href="secapp://action"; //메인 접속시 앱 띄우기 }catch(e){ console.log("app launch fail"); } } } </script> <script> if( typeof PROPS_ADBRIX_APP_KEY === 'undefined' ) { var PROPS_ADBRIX_APP_KEY = "0nCtQ3s60km0zcXUGeZZBQ"; var PROPS_ADBRIX_WEB_SECRET_KEY = "IU54Ulr2xUawNnSUwBHrkw"; var PROPS_JOIN_MEMBERSHIP_TOKEN = "4b7db13b3c654b80a5f2d412d782993026fc134823312481657e4c36f0bf6330&Fnm=8241445b72beeb8d2e330bc198a4896a0953dff4dd28ced398bcce6c4205a9de"; var PROPS_DATA_KAKAOKEY = "5880e4317936087f2764a5d340e6bca6"; var PROPS_NAVER_CLIENT_ID = "w7hzcUlMAcYgXwEjhial"; var PROPS_NAVER_CLIENT_SECRET = "KqwN0GzEcF"; var PROPS_NAVER_ACCESS_TOKEN = "AAAAN0E4MqLS8hlDxX3PoSR9njzLQiY9UmKQEHZZylXqIocX4WGmgV0yw21iwuZgaUoblQ87jN_Z__GzbgDdix_xLfU"; var PROPS_FACEBOOK_ACCESS_TOKEN = "EAAbgPOh6aEABACscvkdSD8g2BY5ZAS3qUM8RzcjxOtlNreKfmqLMOD7OheOdmDo4jFaZCvR2sve70CnGZBzZBWFA8gcZBw2QSo3J3yolt2FPRzszIVHavUf1WZAzmx8WkWPlvkC2cqmuRBE9TgwJ7J89X06TbMrELLf1OP9SX9HSvp9BfYfOGkl9lW9pgBZCyYWmvR0vtI8Jr4bRjKmdvJg7eZAzm8RZB6JIZD"; } if( typeof PROPS_ACCOUNT_PUBLICKEY === 'undefined' ) { var PROPS_ACCOUNT_PUBLICKEY = "h+jM3wrLz3KD87tTk7PA3I3VhBWkbcEyJehSyOiHEcMP1oAVsU3ekiO5msjxEsT/"; } </script>   <script type="text/javascript"> let bnbFlag = true; $(document).ready(function() { try { var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf('SECAPP') > -1 || userAgent.indexOf("SECTEST") > -1 || userAgent.indexOf('SECIOS') > -1) { bnbAppVersionChk(); } else { //앱 아닐때 bnb 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } } catch(err) { //앱 버전체크 오류시 bnb 무조건 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } }); //안드로이드 및 IOS 버전 체크해서 특정 버전보다 상위버전이면 bnb 숨김, 버전이 낮거나 같으면 bnb 노출 function bnbAppVersionChk() { let chkVersionRslt = checkAppVersion(); //특정 버전보다 상위버전이면 if(chkVersionRslt == 1) { //bnb 숨김 if (!bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbHide(); } bnbFlag = false; } //특정 버전보다 하위버전이거나 같으면 else { //bnb 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } } // 사용자메뉴열기 function openBnbUserMenu(){ if($("#header__navi").length > 0){ $(".menu__button").click(); } else { $(".link-m-nav").click(); } } // 최근 본 제품 function bnbFirstRecentGoods() { $.ajax({ url : "/sec/xhr/goods/getFirstRecentGoods", type : "POST", success : function(result) { var recentGoodsData = JSON.parse(result); var recentGoodsNm = recentGoodsData.recentGoodsNm; var html = ""; if (recentGoodsData.recentYn === "Y") { html += '<a href="javascript:void(0);" id="btn-rcntgoods-floating" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-omni="bnb_recently viewed products" data-st-path ="' + recentGoodsData.stContextPath + '" title="최근 본 제품 팝업열림">'; html += '<div class="botnavi__recent">'; html += '<img src="' + recentGoodsData.recentImgPath + '?$128_128_PNG$" alt="' + recentGoodsData.recentGoodsNm + '">'; html += '</div>'; html += '</a>';  $("#recentGoodsNm").val(recentGoodsNm); }else{ // 최근본 제품이 없는 경우에도 최근본 제품 팝업을 띄우도록 수정 - 2024.04.17 dslee html += '<a href="javascript:void(0);" id="btn-rcntgoods-floating" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-omni="bnb_recently viewed products" data-st-path ="' + recentGoodsData.stContextPath + '" title="최근 본 제품 팝업열림">'; html += ' <i class="icon default"> '; html += ' <svg id="bnb_ic_history" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> '; html += ' <path id="Icon-_-Regular-_-Notification-_-Clock" data-name="Icon-/-Regular-/-Notification-/-Clock" '; html += ' d="M47.5,3A45.5,45.5,0,1,1,2,48.5,45.5,45.5,0,0,1,47.5,3Zm0,5A40.5,40.5,0,1,0,88,48.5,40.5,40.5,0,0,0,47.5,8ZM50,15.5V46H75.5v5H45V15.5Z" '; html += ' transform="translate(0.5 -0.5)"> '; html += ' </path> '; html += ' <rect id="container" width="96" height="96" fill="none"></rect> '; html += ' </svg> '; html += ' </i> '; html += ' <i class="icon active"> '; html += ' <svg id="bnb_ic_history_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> '; html += ' <path id="제외_2" data-name="제외 2" '; html += ' d="M45.5,91A45.5,45.5,0,1,1,91,45.5,45.553,45.553,0,0,1,45.5,91ZM43,12.5V48H73.5V43H48V12.5Z" '; html += ' transform="translate(2.999 2.999)"> '; html += ' </path> '; html += ' <rect id="container" width="96" height="96" fill="none"></rect> '; html += ' </svg> '; html += ' </i> '; html += ' <span>최근 본 제품</span> '; html += '</a> '; } $("#liRecentGoods").html(html); } }); } // 공통코드 - UNPACKED_GOODS 사용여부 체크 var unpackedPeriodYn = "N"; if (unpackedPeriodYn === "N") { bnbFirstRecentGoods(); } function openSessionLink(url, target) { try { var useLogin = $("#useLogin").val(); if(useLogin != "Y"){ NetFunnel_Action({ action_id: 'b2c_login_default' }, function (ev, ret) { window.open(url, target); }); } else { window.open(url, target); } } catch (e) { window.open(url, target); } } function bnb_chat_select_open() { BnbGA4ChatStart(); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); let url = "/sec/"+"chatbotPop/"; // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbotPop/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbotPop/#/"; BnbGA4ChatComplete(); location.href = url; // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbotPop/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbotPop/#/"; // var chatbotPop = window.open(url, // "chatselect", // 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); // chatbotPop.onbeforeunload = function () { // BnbGA4ChatComplete(); // } } function BnbGA4ChatStart() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_start' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } function BnbGA4ChatComplete() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_complete' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script> //231016 스크롤 함수 document.addEventListener("DOMContentLoaded", function(){ let lastValY = 0; addEventListener("scroll", e => { e.stopPropagation(); let thisValY = window.scrollY || window.pageYOffset; if(window.innerWidth > 1280) return; if($(".menu__wrap").length > 0) { if($(".menu__wrap").attr("aria-hidden") == "false") return; } const pfCompare = document.querySelector('.pfpd-compare'); let pfCompareTrue = pfCompare != null; let scrollDown = thisValY > lastValY + 2; let scrollUp = thisValY < lastValY - 2; //앱 아닐때 또는 특정 앱버전과 같거나 이전 버전이면 bnb 노출 이라서 이때만 실행되도록 수정 if(bnbFlag) { if($("#bottom__navi").length > 0) { if(pfCompareTrue) { pfCompare.style.transition = "0.2s cubic-bezier(0.165, 0.84, 0.44, 1)"; if(scrollDown) { pfCompare.classList.remove('withBnb'); } else if(scrollUp) { pfCompare.classList.add('withBnb'); } } if(scrollDown) { bnb.bnbHide(); } else if(scrollUp) { bnb.bnbShow(); } } } // scrollDown ? bnb.bnbHide() : bnb.bnbShow(); lastValY = thisValY; }); //bnb 혜택, 나의 정보 클릭된 상태로 되도록 추가 var chkUrl = "/sec/lifestyletv/"; //혜택 if(chkUrl.indexOf('/sec/mypage/eventCollection/eventCollectionList/') >= 0){ $(".bnbitem_benefits").addClass("active"); } //나의 정보 else if(chkUrl.indexOf('/sec/membership/point/') >= 0){ $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyMembership/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/mypetList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyDeliveryList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyDeviceList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyRepairList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/order/indexDeliveryList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/order/indexClaimList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/dividePayment/indexDividePaymentList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/dividePayment/indexDividePaymentClaimList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/myShopping/myRegularDelivery/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/qooker/qookerSubscribeInfo/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/maniaStamp/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/event/bespokePanelEventEntry/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexMyHotList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexMyexhibitions/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexRestockView/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/coupon/indexMyCoupon/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/coupon/indexCouponDownload/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/present/indexMyPresentBox/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/review/indexMyReview/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/my-account/my-qna/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/customer/myDigitalReservationSearch/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/samsungstore/culture-lab/myculture/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/checkinHistory/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/qrScanGoodsHistory/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/coupon/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/estimate/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/homeClass/indexMyHcOrderList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/homefitness/myhome/indexMyHotClsList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/homeClass/indexMyHcCancelExpireList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/indexMyGalaxyClub/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/careplus/getPaymentManagement/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/careplus/careplusSubscriptionList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } }); </script> <div id="bottom__navi" class="bnb_renewal _hide"> <ul class="botnavi__menu"> <li class="bnbitem_menu" data-type="bnb__menu"> <a href="javascript:void(0);" data-omni="bnb_category" id="bnbCategory"> <i class="icon default"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_menu" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="icn_menu" d="M0,61V54H78v7ZM0,34V27H78v7ZM0,7V0H78V7Z" transform="translate(9 18)"></path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_menu_selected" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="icn_menu" d="M0,66.322V54H78V66.322Zm0-27V27H78V39.322Zm0-27V0H78V12.322Z" transform="translate(9 14.933)"> </path> </svg> </i> <span>메뉴</span> </a> </li> <li class="bnbitem_benefits" data-type="bnb__benefits"> <a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni="bnb_benefits"> <i class="icon default"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_benefits" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="_Icon_Regular_Shopping_Deal" data-name="*Icon / Regular / Shopping / Deal" d="M45.068,90.138a3.485,3.485,0,0,1-2.5-1.07l-7.25-7.619-10.08,3a3.45,3.45,0,0,1-4.33-2.5L18.438,71.7l-10.22-2.47a3.44,3.44,0,0,1-2.5-4.33l3-10.08-7.65-7.25a3.459,3.459,0,0,1,0-5l7.619-7.25-3-10.08a3.473,3.473,0,0,1,.38-2.71,3.522,3.522,0,0,1,2.18-1.63l10.22-2.46,2.46-10.22a3.453,3.453,0,0,1,4.341-2.5l10.08,3,7.22-7.65a3.459,3.459,0,0,1,5,0l7.25,7.619,10.08-3a3.43,3.43,0,0,1,4.33,2.49L71.7,18.408l10.23,2.471a3.44,3.44,0,0,1,2.5,4.33l-3,10.08,7.639,7.28a3.459,3.459,0,0,1,0,5l-7.619,7.25,3,10.08a3.449,3.449,0,0,1-2.51,4.34L71.7,71.7l-2.46,10.23a3.483,3.483,0,0,1-1.64,2.14,3.437,3.437,0,0,1-2.7.31l-10.08-3-7.25,7.69A3.484,3.484,0,0,1,45.068,90.138Zm-9.86-13.8c.1,0,.2,0,.31.013h.01a4.328,4.328,0,0,1,3.05,1.27l6.491,6.82,6.49-6.82a4.311,4.311,0,0,1,4.17-1.11l9,2.66,2.24-9.1a4.3,4.3,0,0,1,3-3l9.15-2.21-2.66-9a4.321,4.321,0,0,1,1.111-4.17l6.87-6.619-6.82-6.491a4.32,4.32,0,0,1-1.11-4.17l2.66-9-9.1-2.24a4.292,4.292,0,0,1-3-3.05l-2.31-9.149-9,2.66a4.288,4.288,0,0,1-4.17-1.11L45.068,5.7l-6.491,6.82a4.288,4.288,0,0,1-4.17,1.11l-9-2.66-2.24,9.149a4.285,4.285,0,0,1-3.05,3.05l-9.149,2.21,2.66,9a4.286,4.286,0,0,1-1.11,4.17L5.7,45.068l6.82,6.49a4.3,4.3,0,0,1,1.11,4.17l-2.66,9,9.149,2.21a4.289,4.289,0,0,1,3.05,3l2.21,9.15,9-2.66A3.783,3.783,0,0,1,35.208,76.335ZM57.3,62.568a7.025,7.025,0,0,1-5.945-2.6c-1.314-1.729-1.978-4.358-1.975-7.815v-.08c0-3.483.666-6.133,1.98-7.874a7,7,0,0,1,5.94-2.625,7,7,0,0,1,5.943,2.625c1.316,1.742,1.984,4.391,1.988,7.874s-.667,6.133-1.983,7.875A7.01,7.01,0,0,1,57.3,62.568Zm.045-16.646a2.15,2.15,0,0,0-2.035,1.456,12.4,12.4,0,0,0-.64,4.69,12.436,12.436,0,0,0,.64,4.69,2.15,2.15,0,0,0,4.071,0,12.436,12.436,0,0,0,.64-4.69,12.4,12.4,0,0,0-.64-4.69A2.151,2.151,0,0,0,57.343,45.922ZM39.678,62.068h-5.2l15.98-34h5.2Zm-6.84-13.579A7,7,0,0,1,26.9,45.863c-1.315-1.742-1.984-4.391-1.987-7.875s.667-6.133,1.982-7.875a7.009,7.009,0,0,1,5.947-2.625,7,7,0,0,1,5.945,2.625c1.314,1.742,1.978,4.391,1.975,7.875s-.666,6.133-1.98,7.875A7,7,0,0,1,32.838,48.488Zm.035-16.646A2.15,2.15,0,0,0,30.838,33.3a12.442,12.442,0,0,0-.64,4.69,12.4,12.4,0,0,0,.64,4.69,2.15,2.15,0,0,0,4.009.16l.062-.16a12.4,12.4,0,0,0,.64-4.69,12.442,12.442,0,0,0-.64-4.69A2.15,2.15,0,0,0,32.873,31.842Z" transform="translate(2.932 2.932)"> </path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <g id="bnb_ic_benefits_selected" transform="translate(-2592 1152)"> <rect id="Rectangle" width="96" height="96" transform="translate(2592 -1152)" fill="none"></rect> <path id="합치기_3" data-name="합치기 3" d="M44.82,93.774l-7.636-8.02L26.572,88.913a3.7,3.7,0,0,1-1.026.146,3.627,3.627,0,0,1-1.814-.485,3.671,3.671,0,0,1-1.719-2.295l-2.6-10.794-10.764-2.6A3.623,3.623,0,0,1,6.023,68.33L9.182,57.717,1.127,50.081a3.634,3.634,0,0,1,0-5.261l8.02-7.636L5.988,26.572a3.64,3.64,0,0,1,.4-2.85A3.692,3.692,0,0,1,8.687,22l10.759-2.588L22.033,8.652A3.631,3.631,0,0,1,26.6,6.024L37.219,9.182l7.6-8.055a3.633,3.633,0,0,1,5.261,0l7.636,8.02L68.329,5.989a3.567,3.567,0,0,1,1.036-.151,3.671,3.671,0,0,1,1.809.48,3.625,3.625,0,0,1,1.713,2.294l2.6,10.769,10.774,2.6a3.631,3.631,0,0,1,2.633,4.558L85.734,37.154l8.04,7.666a3.634,3.634,0,0,1,0,5.261l-8.02,7.636L88.913,68.33A3.637,3.637,0,0,1,86.27,72.9L75.485,75.485,72.9,86.26a3.689,3.689,0,0,1-1.728,2.254,3.644,3.644,0,0,1-2.84.323L57.717,85.678l-7.636,8.1a3.633,3.633,0,0,1-5.261,0Zm7.166-38.958V54.9c-.005,3.638.7,6.408,2.082,8.227a7.389,7.389,0,0,0,6.256,2.744c5.539,0,8.348-3.719,8.348-11.057s-2.815-11.052-8.348-11.052S51.986,47.483,51.986,54.816ZM36.3,65.348h5.473L58.6,29.548H53.123ZM26.223,39.994c.01,7.333,2.82,11.052,8.349,11.052s8.338-3.719,8.338-11.052c.005-4.179-.9-7.211-2.7-9.01a7.648,7.648,0,0,0-5.64-2.047C29.032,28.937,26.223,32.656,26.223,39.994Zm32.01,19.765a13.117,13.117,0,0,1-.672-4.937,13.027,13.027,0,0,1,.672-4.942,2.265,2.265,0,0,1,4.285,0,13.119,13.119,0,0,1,.672,4.942,13.211,13.211,0,0,1-.672,4.937,2.265,2.265,0,0,1-4.285,0ZM32.469,44.931a13,13,0,0,1-.672-4.937,13.1,13.1,0,0,1,.672-4.937,2.265,2.265,0,0,1,4.285,0,13.2,13.2,0,0,1,.672,4.937,13.1,13.1,0,0,1-.672,4.938l-.065.167a2.264,2.264,0,0,1-4.22-.167Z" transform="translate(2592.55 -1151.45)"> </path> </g> </svg> </i> <span>혜택</span> </a> </li> <li class="bnbitem_chatbot" data-type="bnb__chatbot"> <a href="javascript:void(0);" onclick="javascript:bnb_chat_select_open();" data-omni="bnb_chatbot" title="삼성닷컴 챗봇 새창열림"> <i class="icon default"> <svg id="bnb_ic_chatbot" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Communication_Message" data-name="Icon / Regular / Communication / Message" d="M15.5,83A2.5,2.5,0,0,1,13,80.5V65H10.5A10.512,10.512,0,0,1,0,54.5v-44A10.512,10.512,0,0,1,10.5,0h64A10.512,10.512,0,0,1,85,10.5v44A10.511,10.511,0,0,1,74.5,65H34.412L17.274,82.261A2.479,2.479,0,0,1,15.5,83Zm-5-78A5.506,5.506,0,0,0,5,10.5v44A5.506,5.506,0,0,0,10.5,60h5A2.5,2.5,0,0,1,18,62.5V74.434L31.6,60.739A2.512,2.512,0,0,1,33.371,60H74.5A5.506,5.506,0,0,0,80,54.5v-44A5.506,5.506,0,0,0,74.5,5Zm51,32.5a5,5,0,1,1,5-5A5.006,5.006,0,0,1,61.5,37.5Zm-19,0a5,5,0,1,1,5-5A5.006,5.006,0,0,1,42.5,37.5Zm-19,0a5,5,0,1,1,5-5A5.006,5.006,0,0,1,23.5,37.5Z" transform="translate(5.5 6.5)"> </path> </svg> </i> <i class="icon active"> <svg id="bnb_ic_chatbot_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Communication_Message" data-name="Icon / Regular / Communication / Message" d="M15.5,83A2.5,2.5,0,0,1,13,80.5V65H10.5A10.512,10.512,0,0,1,0,54.5v-44A10.512,10.512,0,0,1,10.5,0h64A10.512,10.512,0,0,1,85,10.5v44A10.511,10.511,0,0,1,74.5,65H34.412L17.274,82.261A2.479,2.479,0,0,1,15.5,83Zm46-55.5a5,5,0,1,0,5,5A5.005,5.005,0,0,0,61.5,27.5Zm-19,0a5,5,0,1,0,5,5A5.005,5.005,0,0,0,42.5,27.5Zm-19,0a5,5,0,1,0,5,5A5.005,5.005,0,0,0,23.5,27.5Z" transform="translate(5.5 6.5)"> </path> </svg> </i> <span>채팅/상담</span> </a> </li> <li class="bnbitem_mypage" data-type="bnb__mypage"> <a href="javascript:;" onclick='openSessionLink("/sec/membership/point/", "_self");' data-omni="bnb_my account"> <i class="icon default"> <svg id="bnb_ic_mypage" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Human_User" data-name="Icon / Regular / Human / User" d="M3.5,89A3.5,3.5,0,0,1,0,85.5V77.555A27.425,27.425,0,0,1,2.443,66.3a30.55,30.55,0,0,1,6.612-9.422,31.451,31.451,0,0,1,9.709-6.471,29.829,29.829,0,0,1,23.472,0,31.451,31.451,0,0,1,9.709,6.471A30.55,30.55,0,0,1,58.558,66.3,27.425,27.425,0,0,1,61,77.555V85.5A3.5,3.5,0,0,1,57.5,89ZM20.705,55.014a26.465,26.465,0,0,0-8.12,5.4,25.581,25.581,0,0,0-5.538,7.834A22.471,22.471,0,0,0,5,77.555V84H56V77.555a22.475,22.475,0,0,0-2.008-9.217,25.556,25.556,0,0,0-5.439-7.785,26.472,26.472,0,0,0-7.987-5.422A24.976,24.976,0,0,0,30.912,53L30.5,53A24.934,24.934,0,0,0,20.705,55.014ZM22.52,39.389A20.569,20.569,0,1,1,30.5,41,20.429,20.429,0,0,1,22.52,39.389ZM19.54,9.54A15.5,15.5,0,1,0,30.5,5,15.4,15.4,0,0,0,19.54,9.54Z" transform="translate(17.5 3.5)"> </path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <g id="bnb_ic_mypage_selected" transform="translate(-2538 1045)"> <rect id="Container" width="96" height="96" transform="translate(2538 -1045)" fill="none"></rect> <path id="Icon_Regular_Human_User" data-name="Icon / Regular / Human / User" d="M3.5,89A3.5,3.5,0,0,1,0,85.5V77.554C0,61.819,13.978,48,30.5,48S61,61.819,61,77.554V85.5A3.5,3.5,0,0,1,57.5,89ZM10,20.5A20.5,20.5,0,1,1,30.5,41,20.5,20.5,0,0,1,10,20.5Z" transform="translate(2555.5 -1041.5)"> </path> </g> </svg> </i> <span>나의 정보</span> </a> </li> <li class="bnbitem_recent" data-type="bnb__recent" id="liRecentGoods"> <a href="javascript:void(0)" data-omni="bnb_recently viewed products"> <i class="icon default"> <svg id="bnb_ic_history" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <path id="Icon-_-Regular-_-Notification-_-Clock" data-name="Icon-/-Regular-/-Notification-/-Clock" d="M47.5,3A45.5,45.5,0,1,1,2,48.5,45.5,45.5,0,0,1,47.5,3Zm0,5A40.5,40.5,0,1,0,88,48.5,40.5,40.5,0,0,0,47.5,8ZM50,15.5V46H75.5v5H45V15.5Z" transform="translate(0.5 -0.5)"> </path> <rect id="container" width="96" height="96" fill="none"></rect> </svg> </i> <i class="icon active"> <svg id="bnb_ic_history_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <path id="제외_2" data-name="제외 2" d="M45.5,91A45.5,45.5,0,1,1,91,45.5,45.553,45.553,0,0,1,45.5,91ZM43,12.5V48H73.5V43H48V12.5Z" transform="translate(2.999 2.999)"> </path> <rect id="container" width="96" height="96" fill="none"></rect> </svg> </i> <span>최근 본 제품</span> </a> </li> </ul> </div>  </div> <input type="hidden" id="viewStContextPath" value="/sec/"/>  <script async>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVX3V74');</script>   <noscript><iframe loading="lazy" src="https://www.googletagmanager.com/ns.html?id=GTM-NVX3V74" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script async> /* s : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function checkAge(birthDate){ const today = new Date(); //현재날짜 birthDate = (birthDate + "") var age = today.getFullYear() - Number(birthDate.slice(0,4)); //나이 var mon = (today.getMonth()+1) - Number(birthDate.slice(4,6)); //월 //생일 안지났으면 -1 if(mon < 0 || (mon === 0 && today.getDate() < Number(birthDate.slice(6,8)))) { age = age -1; } return age; } /* e : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function chat_open() { fcTrack('click','floating chat:chat bot'); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); /* 만 나이별로 agepass 구분값 전송 * 14세 이상 => 'y' * 14세 미만 => 'n' * 로그인하지 않을경우 => 'u' */ var agepass = null; var birthAge = null; var birthDate = $.cookie("birthDate_1_"); if(birthDate != 0 && birthDate != null){ birthAge = checkAge(birthDate); } if( birthAge == "" || birthAge == null || birthAge == undefined ) { agepass = "u"; } else if(birthAge > 13) { agepass = "y"; } else if(birthAge < 14) { agepass = "n"; } window.open('/sec/chatbot/?agepass='+ agepass, 'chatbot', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } function chat_open2() { fcTrack('click','floating chat:chat online'); var gType = Math.round(Math.random() * 1) ? 'm' : 'f'; var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); window.open('/sec/chatbot/?type=ep&c='+ gType, '_chatbot2', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } function chat_open3() { fcTrack('click','floating chat:offline store'); } function gift_open() { fcTrack('click','float chat:event gift'); window.location.href = '/sec/' + "event/gift/"; } function floating_open() { fcTrack('click','floating chat'); } logger("prd"); </script>  <script defer src="https://www.googletagmanager.com/gtag/js?id=AW-10864240863"></script> <script defer> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10864240863'); </script>  <script type="text/javascript" src="https://resources.digital-cloud-west.medallia.com/wdcwest/469099/onsite/embed.js" async></script> </body> </html>

CINXE.COM

라이프스타일 TV | Samsung 대한민국