에어컨 | Samsung 대한민국

<!DOCTYPE HTML> <html lang="ko"> <head> <title>에어컨 | Samsung 대한민국</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="canonical" href="https://www.samsung.com/sec/air-conditioners/"> <meta name="keywords" content="무풍에어컨, 홈멀티에어컨, 스탠드에어컨, 벽결이에어컨, 중대형에어컨"> <meta name="description" content="삼성 에어컨에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta name="date" content=""> <meta name="sitecode" content="sec"> <meta name="twitter:card" content="Summary"> <meta name="twitter:site" content="@samsungkorea"> <meta name="twitter:creator" content="@samsungkorea"> <meta name="twitter:url" content="https://www.samsung.com/sec/air-conditioners/"> <meta name="twitter:title" content="에어컨 | Samsung 대한민국"> <meta name="twitter:description" content="삼성 에어컨에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta name="twitter:image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png">  <meta name="google-site-verification" content="Y5FXtKRkwrMXPsNBUlQe-3vZp4mtp_PZRy1jmEyp6wM" />  <meta name="thumbnail" content="" alt=""> <meta property="og:url" content="https://www.samsung.com/sec/air-conditioners/"> <meta property="og:image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"> <meta property="og:type" content="website"> <meta property="og:site_name" content="Samsung sec"> <meta property="og:locale" content="ko"> <meta property="og:title" content="에어컨 | Samsung 대한민국"> <meta property="og:description" content="삼성 에어컨에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta property="og:country-name" content="sec"> <meta itemprop="name" content="Samsung sec"> <meta itemprop="image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"> <meta itemprop="url" content="https://www.samsung.com/sec/air-conditioners/"> <meta itemprop="description" content="삼성 에어컨에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta itemprop="keywords" content="무풍에어컨, 홈멀티에어컨, 스탠드에어컨, 벽결이에어컨, 중대형에어컨"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin /> <link rel="preconnect" href="https://static.adbrix.io" crossorigin /> <link rel="preconnect" href="https://www.google-analytics.com" crossorigin /> <link rel="preconnect" href="https://assets.adobedtm.com" crossorigin /> <link rel="preconnect" href="//images.samsung.com" crossorigin /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://static.adbrix.io" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://assets.adobedtm.com" /> <link rel="dns-prefetch" href="//images.samsung.com" /><link rel="shortcut icon" href="/sec/static/_images/favicon.ico"> <link rel="apple-touch-icon" href="" sizes=""> <script> const __ST_CONTEXT_PATH = "/sec/"; const __ST_GB_CD = "b2c"; const __SA_CLIENT_ID = "o46xdl05ck"; var stGbCd = '10'; </script>  <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/reset.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/slick.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/common.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/layout.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/pf.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part01.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part02.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part03.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part04.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part05.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part06.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/component.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="https://images.samsung.com/kdp/script/jquery-ui/jquery-ui.min.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/swiper.min.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/gnb.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/bnb.css?ver=20241122041733"> <script src="https://images.samsung.com/kdp/script/jquery/jquery.min.js"></script> <script src="https://images.samsung.com/kdp/script/jquery-ui/jquery-ui.min.js"></script> <script src="/sec/static/_script/slick.js"></script> <script src="/sec/static/_script/slick-init.js"></script> <script src="/sec/static/_script/swiper.min.js"></script> <script src="/sec/static/_script/masonry.min.js"></script> <script src="/sec/static/_script/jquery.blockUI.js"></script> <script src="/sec/static/_script/base.js?ver=20241122041733"></script> <script src="/sec/static/_script/layerPop.js?ver=20241122041733"></script>  <script src="/sec/static/_script/netfunnel.js?ver=20241122041733" charset="UTF-8"></script> <script src="/sec/static/_script/netfunnel_skin.js?ver=20241122041733" charset="UTF-8"></script> <script src="/sec/static/_script/event/event.js?ver=20241122041733"></script> <script src="/sec/static/_script/common.js?ver=20241122041733"></script> <script src="/sec/static/_script/custom.js?ver=20241122041733"></script> <script src="/sec/static/_script/sticky.min.js"></script> <script src="/sec/static/_script/jquery.cookie.js"></script> <script src="/sec/static/_script/search.js?ver=20241122041733"></script> <script src="/sec/static/_script/component.js?ver=20241122041733"></script> <script src="/sec/static/_script/clipboard.min.js"></script> <script async type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript" src="/sec/static/_script/picturePolyfill.min.js"></script> <script src="/sec/static/_script/buynow.js?ver=20241122041733"></script> <script defer src="/sec/static/_script/bnb.js?ver=20241122041733"></script> <script defer src="/sec/static/_script/gnb.js?ver=20241122041733"></script> <script type="text/javascript" src="https://images.samsung.com/kdp/script/jquery-migrate/jquery-migrate.min.js" charset="utf-8"></script> <script async type="text/javascript"> var checkActionTimeOut; $(document).ready(function () { // 전사이트 pc분기 - pc일때만 적용. if('0' != '0' && "win16|win32|win64|mac|macintel".indexOf(navigator.platform.toLowerCase()) > -1){ resetLoginTimeOut(); $(document).on('click keypress' , 'body' , function(){ resetLoginTimeOut(); }); } }); function resetLoginTimeOut() { window.clearTimeout(checkActionTimeOut); checkActionTimeOut = setTimeout(function() { // n분 후 로그아웃 location.href="/sec/member/logout/"; }, 24*60*60*1000);//24시간 설정되있음. } </script>  <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="bdpnbeqxjpkdmz2cna4a-f-46dd78aef-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":"63a278b8","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":40124,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732405304","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==h73G2RpKF4HPbLJK2MewyR9pO42LffvBRdC1dUc2oYG+5vT/av+V+i/ThtUY2+kK/LM3HUMW6FF65OOhw6YmmXIITViCfj4S/v1jmXeEB63VtvddTZhZ2Qdb+Kgdw8OO6hOTEtcal8Xvp7ts3dCHle5vERvdKQTjBwmu3822CeDi1HToIwgcgEIAuFE6HohGvUHiI4Yxs5RzD5/B3gG0xbs1DaGSursN1/PvfWI+LaB/1o0ApRSWH4QBB7qMTA4pEvjTEFT6zWKkfUHIIiDnr6a2ApDRpG4rmO6FQCsghB0SzxDIclvjh1elclPy3DUNv9XdtEBE83PJiYTIKkw/mnHoNCMWPV7Oy8/Wx9KLxscBtC9riVWuNeh/jXdtIm6bucB+exOnX3V/wbLfaXgykJWq4Ij7cd0xJ9TOE9U0bys=","ak.pv":"3677","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body>  <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="bdpnbeqxjpkdmz2cna4a-f-46dd78aef-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":"63a278b8","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":40124,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732405304","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==h73G2RpKF4HPbLJK2MewyR9pO42LffvBRdC1dUc2oYG+5vT/av+V+i/ThtUY2+kK/LM3HUMW6FF65OOhw6YmmXIITViCfj4S/v1jmXeEB63VtvddTZhZ2Qdb+Kgdw8OO6hOTEtcal8Xvp7ts3dCHle5vERvdKQTjBwmu3822CeDi1HToIwgcgEIAuFE6HohGvUHiI4Yxs5RzD5/B3gG0xbs1DaGSursN1/PvfWI+LaB/1o0ApRSWH4QBB7qMTA4pEvjTEFT6zWKkfUHIIiDnr6a2ApDRpG4rmO6FQCsghB0SzxDIclvjh1elclPy3DUNv9XdtEBE83PJiYTIKkw/mnHoNCMWPV7Oy8/Wx9KLxscBtC9riVWuNeh/jXdtIm6bucB+exOnX3V/wbLfaXgykJWq4Ij7cd0xJ9TOE9U0bys=","ak.pv":"3677","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <script type="text/javascript"> // 자동완성 카운트 var autoCompleteCount = 0; var autoCategoryCount = 0; var searchInputManager = { isMobileDevice: function() { var that = this, winW = $(window).width(); if ( winW > 800 ) { return 'N'; } else { return 'Y'; } }, getIosAppDispYn: function() { var that = this, iosApp = 'false'; if(iosApp == true) { return "Y"; } else { return ""; } }, init: function() { var that = searchInputManager; $.cookie.json = true; $.cookie.data = { SEARCH_HISTORY : 'sh-b2c', SEARCH_MAX_SIZE: 10, option: { expires: 30, path: '/' } }; that.$appendingTarget = { searchHistory: $('#searchkeywordRecent') , searchHistoryWrap: $('#searchkeywordRecentWrap') , popular: $('#searchkeywordPopular ul.keyword-list') , makeTime: $('#makeTime') , autoComplete: $('#searchAuto ul.list') , autoCompleteCategory: $('#searchAutoCategory') , mainPopPc: $(".search__box ul#search__slide__00") , mainPopMob: $(".search__box ul#search__slide__02") , recommendGoods: $('#recommendGoodsBox') , recommendGoodsWrap: $('#recommendGoodsWrap') , recommendEvents: $('#recommendEventsBox') , recommendEventsWrap: $('#recommendEventsWrap') }; that.cookieName = $.cookie.data.SEARCH_HISTORY; that.isMobileYN = that.isMobileDevice(); }, searchHistoryTemplate: function(keyword) { return { keyword: keyword, date: searchDatetimestampToString(new Date()) }; }, getKeywordList: function(cookieName) { var searchKeywordList = new Array() , dataList = $.cookie(cookieName).data; if (!dataList || '' == dataList || undefined == dataList) { return searchKeywordList; } $.each(dataList, function (idx, element) { searchKeywordList.push(element.keyword); }); return searchKeywordList; }, saveSearchHistory: function(keyword) { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName) , dataList = null; if ( cookieValue == undefined ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { if ( cookieValue.length == 0 ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { dataList = cookieValue.data; if($.inArray(keyword, that.getKeywordList(that.cookieName)) >= 0) { return; } if(dataList.length >= $cookie.data.SEARCH_MAX_SIZE) { dataList.splice(0, 1); } dataList.push(that.searchHistoryTemplate(keyword)); } } $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); }, getSearchHistory: function() { var cookieValue = $.cookie(searchInputManager.cookieName); if (undefined != cookieValue) { return cookieValue; } }, getSearchDate: function(keyword) { var date = '' , that = searchInputManager , cookieValue = $.cookie(that.cookieName) , searchHistoryList = that.getSearchHistory(); if ( '' == searchHistoryList || searchHistoryList == undefined || cookieValue == undefined) { return date; } var dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keywordInList = dataList[i].keyword; if ( keywordInList != undefined ) { if (keywordInList.toLocaleLowerCase() == keyword.toLocaleLowerCase()) { idx = i; break; } } } if ( idx > -1 ) { date = dataList[idx].date; } return date; }, drawSearchHistory: function() { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName); that.$appendingTarget.searchHistoryWrap.hide(); if ( undefined == cookieValue ) { return; } else if ( cookieValue.data.length == 0 ) { return; } else { var dataList = cookieValue.data , template = ''; var dataListLength = dataList.length; if(dataListLength > 10) { var dataListLength = 10; } for( var i = dataListLength-1 ; i >= 0; i--) { var element = dataList[i], keyword = element.keyword; template += '<div class="area-deleteable-btn">'; template += '<button type="button" class="btn btn-s typeA" keyword="' + keyword + '">'; template += '<a href="javascript:void(0);" class="link">' + keyword + '</a>'; template += '</button>'; template += '<button type="button" class="delete x-btn" keyword="' + keyword + '" onclick="searchInputManager.clearSearchHistory(this)">검색어 삭제'; template += '</button>'; template += '</div>'; } that.$appendingTarget.searchHistoryWrap.show(); that.$appendingTarget.searchHistory.html(template); } that.$appendingTarget.searchHistory.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); }, clearSearchHistory: function(element) { var that = searchInputManager , $element = $(element) , $cookie = $.cookie; if ($element.hasClass('delete-all')) { $.removeCookie( that.cookieName , { path: $cookie.data.option.path }); that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } else if ($element.hasClass('delete')) { var selectedKeyword = $element.attr('keyword') , cookieValue = $cookie(that.cookieName) , dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keyword = dataList[i].keyword; if ( keyword == undefined ) { keyword = 'undefined'; } if (keyword == selectedKeyword) { idx = i; break; } } if ( idx > -1 ) { dataList.splice(idx, 1); $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); $element.parent().remove(); } if (dataList.length === 0) { that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } } }, callAjax: function(options) { $.ajax({ url: options.url, type: options.type, data: options.data }).done( function(data, textStatus, jqXHR) { if (data.exCode != null && data.exCode !== "") { if (options.fail !== undefined) { options.fail(); } let alertData = { title: "alert", content: data.exMsg }; commonAlert(alertData); openLayer('commonAlert'); } else { options.done(data); } }).fail(function(jqXHR, textStatus, errorThrown) { if (options.fail !== undefined) { options.fail(); } if (jqXHR.status !== 0) { ajax.error(jqXHR.status, jqXHR.responseText); } }).always(function() { }).then(function(data, textStatus, jqXHR) { }); }, getRecommendKeyword: function(callback) { var that = searchInputManager; that.callAjax( { url: '/sec/xhr/search/recommendkeyword/', type: 'GET', done: function(result) { that.recommendKeyword = result.recommendKeyword; if ( callback != undefined ) { callback(); } } } ); }, setRecommendKeyword: function() { var that = searchInputManager; if ( that.recommendKeyword == undefined ) { that.getRecommendKeyword(that.setRecommendKeywordCallback); return; } that.setRecommendKeywordCallback(); }, setRecommendKeywordCallback: function() { var that = searchInputManager; //$('#unifiedInputSearch').attr('placeholder', that.recommendKeyword); // 20200917 삭제 // iOS 분기 처리 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 }, getPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li>' + '<span class="num">' + order + '</span>' + '<span class="keyword"><a href="javascript:void(0);" class="link">' + element.content + '</a></span>' if ( element.updown == 'U' ) { popularList += '<span class="icon ranking up"><span class="blind">순위상승</span></span>'; } else if ( element.updown == 'D' ) { popularList += '<span class="icon ranking down"><span class="blind">순위하락</span></span>'; } else if ( element.updown == 'C' ) { popularList += '<span class="icon ranking"><span class="blind">순위유지</span></span>'; } popularList += '</li>'; }); that.$appendingTarget.popular.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); that.$appendingTarget.popular.empty(); that.$appendingTarget.makeTime.empty(); that.$appendingTarget.popular.append(popularList); that.$appendingTarget.makeTime.append(popwordResult.Data.MakeTime + ' 기준'); } } ); }, getMainPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li><a href="javascript:void(0);"><b>' + order + '.</b> ' + element.content + '</a></li>'; }); that.$appendingTarget.mainPopPc.empty(); that.$appendingTarget.mainPopMob.empty(); that.$appendingTarget.mainPopPc.append(popularList); that.$appendingTarget.mainPopMob.append(popularList); // 인기검색어 슬라이드 const favorSearchOpt = { autoplay: true, autoplaySpeed: 2000, infinite: true, vertical: true, verticalSwiping: true, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, arrows: false }; $('#search__slide__00').slick(favorSearchOpt); $('#search__slide__02').slick(favorSearchOpt); /*웹접근성 aria-live='polite' 제거 */ $('#search__slide__00').find('div').removeAttr( "aria-live", "polite"); $('#search__slide__02').find('div').removeAttr( "aria-live", "polite"); } } ); }, getSearchInputAutoComplete: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); that.callAjax( { url: '/sec/xhr/search/autocom/', type: 'POST', data: new wnAddonParamVo(keyword, 'b2c', '', '', 'json', 'fw'), done: function(result) { var template = ''; var autoCompleteResultList = result.autoCompleteResult; that.$appendingTarget.autoComplete.empty(); that.clearAutoComplete('keyword', autoCompleteResultList.length); if ( autoCompleteResultList.length > 0 && autoCompleteResultList != undefined ) { $.each(autoCompleteResultList, function (idx, element) { // 20230622 웹접근성 : tabindex 추가 template += '<li class="item" tabindex="' + (idx + 1) + '">'; template += '<a href="javascript:void(0);" class="link" text="' + element.text + '">'; if (element.linkName == null || element.linkName === "") { template += (element.modified).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } else { template += (element.linkName).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } template += '</a>'; // template += '<span class="date">' + searchInputManager.getSearchDate(element.text) + '</span>'; template += '</li>'; }); that.$appendingTarget.autoComplete.html(template); that.$appendingTarget.autoComplete.off('click').on('click', 'a', function(e) { if($(e.target).attr('text') != undefined){ that.getSearchResult($(e.target).attr('text')); //chat_open4($(e.target).attr('text')); }else{ that.getSearchResult($(e.target).parent().attr('text')); //chat_open4($(e.target).parent().attr('text')); } }); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { if ( keyword == '' ) { //$('#unifiedInputSearch').attr('placeholder', searchInputManager.recommendKeyword); // 20200917 삭제 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 $('.unified-search-layer.type-keyword').show(); } } } } ) }, // 카테고리 검색 2023.06.23 getSearchInputAutoCompleteCategory: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); // 2글자 부터 검색 if (keyword.length > 1) { that.callAjax( { url: '/sec/xhr/search/autocomSearch/', type: 'POST', data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', ''), done: function(result) { var template = ''; var autocomSearchResultList = result.autocomSearch; that.$appendingTarget.autoCompleteCategory.empty(); that.clearAutoComplete('category', autocomSearchResultList.length); // 목록 if ( autocomSearchResultList.length > 0 && autocomSearchResultList != undefined ) { $.each(autocomSearchResultList, function (idx, element) { // 하이라이팅 var highlight = element.highlightKeyword; var dispCtgNm1 = element.dispCtgNm1; var dispCtgNm2 = element.dispCtgNm2; var dispCtgNm3 = element.dispCtgNm3 var hlDispCtgNm1 = dispCtgNm1.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm2 = dispCtgNm2.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm3 = dispCtgNm3.replace(highlight, "<!HS>" + highlight + "<!HE>"); template += '<li class="item">'; template += '<a href="/sec/' + element.uri + '">' + hlDispCtgNm1.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm2.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm3.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '</a>'; template += '</li>'; }); that.$appendingTarget.autoCompleteCategory.html(template); that.$appendingTarget.autoCompleteCategory.show(); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { that.$appendingTarget.autoCompleteCategory.empty(); that.$appendingTarget.autoCompleteCategory.hide(); } } } ) } else { that.clearAutoComplete('category', 0); that.$appendingTarget.autoCompleteCategory.hide(); $('#searchKeywordAuto').hide(); $("#searchKeywordWrap").hide(); that.$appendingTarget.autoCompleteCategory.empty(); } }, // 자동완성 영역 숨기기 clearAutoComplete: function(type, size) { if (type == "category") { autoCategoryCount = size; } else { autoCompleteCount = size; } if (autoCompleteCount === 0 && autoCategoryCount === 0){ $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); } else { if ($("#searchKeywordAuto").css("display") === "none"){ $("#searchKeywordAuto").show(); $("#searchKeywordWrap").show(); } $("#searchAutoCategoryHr").css("display", "block"); if (autoCompleteCount === 0 || autoCategoryCount === 0) { $("#searchAutoCategoryHr").css("display", "none"); } } }, getSearchResult: function(keyword, searchResultInputId, tab) { if ($("#accSearch").val() != null) { tab = $("#accSearch").val(); } keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); // 에어컨액세서리 GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } $("#accSearch").val(""); that.getSearchResultCallback(keyword, tab); },  getSearchResultAcc: function(keyword, searchResultInputId, tab) { keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); tab = 'acc'; GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } that.getSearchResultCallback(keyword, tab); }, getSearchResultNoKeywordCallback: function() { var that = searchInputManager , recommendKeyword = that.recommendKeyword , searchResultInputId = that.searchResultInputId; if ( searchResultInputId != undefined ) { $(searchResultInputId).val(recommendKeyword); $(searchResultInputId).attr('placeholder', recommendKeyword); } that.getSearchResultCallback(recommendKeyword); }, getSearchResultCallback: function(keyword, tab) { var that = searchInputManager , isMobileYN = that.isMobileDevice() , iosAppDispYN = that.getIosAppDispYn(); that.saveSearchHistory(keyword); ajax.call({ url: '/sec/xhr/search/searchKeywordRedirect?keyword=' + encodeURIComponent(keyword), data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN, '', '', '', '', '', '', '', '', '', '', iosAppDispYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { //yhj $(".unified-search-input-wrap").removeClass("is-active"); $("body").removeClass("is-pc is-mo"); $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); $("body").removeClass("fixed-scroll"); $("#gnbmask").hide(); $(".unified-search-input-wrap .inp").val(""); $(".unified-search-input-wrap .btn-inp-clear").hide(); $(".inp-placeholder").show(); if (isSecApp() == "true") { // 기존 GNB일때만 네이티브GNB사용 - #header(기존) / #header__navi(리뉴얼) if($("#header__navi").length == 0){ window.secapp.showAndHideGnb('VISIBLE'); } } var keywordRedirect = result.keywordRedirect; if (keywordRedirect.totalCount > 0) { window.location.href = keywordRedirect.REDIRECT_URL; return; } if (typeof tab == "undefined" || tab == null || tab == "null") { tab = ''; } var $form = document.createElement("form"); $form.setAttribute('charset', 'UTF-8'); $form.setAttribute('method', 'POST'); $form.setAttribute('action', '/sec/search/searchresultB2c/' + tab + '?keyword=' + encodeURIComponent(keyword)); var $input = document.createElement('input'); $input.setAttribute('type', 'hidden'); $input.setAttribute('name', 'isMobileYN'); $input.setAttribute('value', searchInputManager.isMobileYN); $form.appendChild($input); document.body.appendChild($form); $form.submit(); } }); }, /* 모바일 퍼스트 검색창 입력 전 추천 제품 */ getRecomGoodsB2c: function() { var that = searchInputManager; that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendGoods.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); var reqUrl = location.href; $("#searchLayerReqId").val(""); // BDC 개인화 that.callAjax({ url: '/sec/xhr/search/getBdcRecommendGoods', dataType : 'json', type: 'POST', data:{ reqUrl:reqUrl }, contentType : "application/x-www-form-urlencoded;charset=UTF-8", processData : true, done: function(result) { var template = ''; var recentGoods = result.recentGoodsIs; var recomGoodsList = result.recomGoodsList; var recomGoodsImgList = result.recomGoodsImg; var pfPricePointExcptList = result.pfPricePointExcptYn; $("#searchLayerReqId").val(result.requestId); if (recentGoods != 'null' || recomGoodsList != null || recomGoodsImgList != null) { var length = recomGoodsList.length; for(i=0; i < length; i++) { var recomGoodsItem = recomGoodsList[i]; var recomGoodsImg = recomGoodsImgList[i] var price = recomGoodsItem.price.toLocaleString('ko-KR') var salePrc = recomGoodsItem.salePrc.toLocaleString('ko-KR') var pfPricePointExcptYn = pfPricePointExcptList[i]; template += '<div class="swiper-slide item">'; template += '<div class="pd-box">'; template += '<div class="img-box">'; /* 상품 이미지 */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')">'; template += '<img src="' + recomGoodsImg + '?$128_128_PNG$" alt="' + recomGoodsItem.goodsNm + '">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; /* 상품 URL + NM */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')" class="tit">' + recomGoodsItem.goodsNm; template += '</a>'; /* 모델 코드 */ template += '<span class="prd-code">' + recomGoodsItem.mdlCode; template += '</span>'; if (pfPricePointExcptYn !== 'Y' || pfPricePointExcptYn == null) { if (price == 0 || price == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">혜택가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + price + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } else { if (salePrc == 0 || salePrc == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">기준가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + salePrc + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendGoods.html(template); that.$appendingTarget.recommendGoodsWrap.show(); } } else { that.$appendingTarget.recommendGoods.empty(); } } }) // 이전 버전 주석 처리 }, /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 안쓰는 Version) */ /* 현재 전체 기능 구현 완료 되었으며, 추후 재사용 가능성을 고려 하여 주석처리 하였음 */ /* getRecomEventsB2c: function() { var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = recentGoodsNm; var that = searchInputManager that.callAjax( { url: '/sec/xhr/search/recommendEventsB2c/', data: {"goodsNm" : goodsNm}, dataType : 'json', type: 'POST', done: function(result) { that.$appendingTarget.recommendEvents.empty(); var template = ''; var recomEventsList = result.recomEventsList; var recomEventsImgList = result.recomEventsImg; if (recomEventsList != null || recomEventsImgList != null) { var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var recomEventsImg = recomEventsImgList[i] var recomEventsStrt = timestampToString(recomEventsList[i].aplStrtDtm) var recomEventsEnd = timestampToString(recomEventsList[i].aplEndDtm) template += '<div class="swiper-slide item">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; /!* 기획전 이미지 *!/ template += '<img src="' + recomEventsImg + '?$112_112_PNG$" alt="추천 기획전 이미지">'; template += '</div>'; template += '<div class="txt-box">'; /!* 기획전 URL + TTL *!/ template += '<a href="/sec/' + recomEventsItem.linkUrl + '" class="tit">' + recomEventsItem.ttl; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /!* 기획전 기간 *!/ template += '<span>' + recomEventsStrt +' ~ ' + recomEventsEnd +'</span>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); that.$appendingTarget.recommendEventsWrap.hide(); } } }) } */ /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 Version)*/ getRecomEventsB2c: function() { var that = searchInputManager , isMobileYN = that.isMobileDevice() that.$appendingTarget.recommendEventsWrap.hide(); that.$appendingTarget.recommendEvents.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); if(goodsNm.length > 0) { that.callAjax( { url: '/sec/xhr/search/searchResultB2C/', data: new WNSearchParamVo(goodsNm, '', 'event', 'DATE/DESC', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { var template = ''; var recomEventsListLength = result.searchResult.searchResults.length; var recomEventTab = result.searchResult.countTab.event; if (recomEventsListLength > 0 || recomEventTab != 0) { var recomEventsList = result.searchResult.searchResults[0].collectionFields; var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var strtDtm = recomEventsList[i].STRT_DTM.substring(0,10); var endDtm = recomEventsList[i].END_DTM.substring(0,10); template += '<div class="swiper-slide item" style="margin-right: 12px">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="rvpd-img" tabindex="0">'; /* 이벤트 이미지 */ template += '<img src="//images.samsung.com/kdp' + recomEventsItem.MO_IMG_PATH + '?$112_112_PNG$" alt="맞춤 이벤트 이미지">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; template += '<div class="tit-box">'; /* 이벤트 URL + TTL */ template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="tit">' + recomEventsItem.TTL; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /* 이벤트 기간 */ template += '<span>' + strtDtm + ' ~ ' + endDtm + '</span>'; template += '</div>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); } } }) } } } function NetFunnel_Action_pdView(url){ NetFunnel_Action({action_id :'b2c_pd_view'},function(ev, ret){ window.location.href = url; }); } function filterAcc(keyword) { if((keyword.indexOf("에어컨") > -1 || keyword.indexOf("무풍에어컨") > -1) && (keyword.indexOf("액세서리") > -1 || keyword.indexOf("악세서리") > -1 || keyword.indexOf("엑세서리") > -1) ) { keyword = "에어컨액세서리"; } return keyword; } function escapeHtml (string) { return String(string).replace(/[&<>"'`=\/]/g, function (s) { return entityMap[s]; }); } var entityMap = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }; /* s: APP용 함수 */ function isSecApp() { /* 20230104 변경*/ if(device.isApp != true){ if(window.secapp == undefined && window.secapppopup == undefined){ return false; } } return true; } function once(func) { var flag , result; return function() { if ( flag ) { return result; } flag = true; return result = func.apply(this); } } /* s : 20200917 수정 */ var searchLinkforApp = once(function() { var that = searchInputManager; that.setRecommendKeyword(); that.drawSearchHistory(); that.getPopularKeyword(); }); function searchOpenforApp() { // 20200917 추가 searchLinkforApp(); headerSearch.eventListener.uinifiedSearchOpen(); } /* e : 20200917 수정 */ /* e: APP용 함수 */ /* s : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ function chat_open4(chatbotKeyword) { var isMobile = false; // 모바일 여부 var filter = "win16|win32|win64|mac|macintel"; // PC 환경 // 모바일,태블릿 / PC 환경 구분 if(navigator.platform){ isMobile = filter.indexOf(navigator.platform.toLowerCase()) < 0 } if(!isMobile){ var birthAge = null; var birthDate = $.cookie("birthDate_1_"); if(birthDate != 0 && birthDate != null){ birthAge = checkAge(birthDate); } if(birthAge >= 14 || birthAge == 0 || birthAge == null) { var agepass = checkAgepass(birthAge); fcTrack('click','floating chat:chat online'); var keyword = encodeURIComponent(chatbotKeyword); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); window.open('/sec/chatbot/?keyword='+ keyword+'&agepass='+agepass, '_chatbot4', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } } } /* e : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ /* s : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function checkAge(birthDate){ const today = new Date(); //현재날짜 birthDate = (birthDate + "") var age = today.getFullYear() - Number(birthDate.slice(0,4)); //나이 var mon = (today.getMonth()+1) - Number(birthDate.slice(4,6)); //월 //생일 안지났으면 -1 if(mon < 0 || (mon === 0 && today.getDate() < Number(birthDate.slice(6,8)))) { age = age -1; } return age; } /* e : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ /* s : 만 나이별로 agepass 구분값 설정 함수 @param birthAge : 만나이 14세 이상 : 'y' 로그인하지 않을경우 : 'u' jiwon0.id 22.06.09 */ function checkAgepass(birthAge){ var agepass = null; if( birthAge == 0 || birthAge == null ) { agepass = "u"; } else if(birthAge >= 14) { agepass = "y"; } return agepass } /* e : 만 나이별로 agepass 구분값 설정 함수 jiwon0.id 22.06.09 */ function GA4SearchSubmit(keyword) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'search_submit', search_term: keyword, search_redirection: "/sec/search/searchresultB2c/?keyword=" + keyword }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } $(document).ready(function() { var that = searchInputManager; //2024 웹접근성 심사 기간에는 해당 기능 제거하기로 함 that.getMainPopularKeyword(); $('#link-search,.search__box,.header__min__search').on('click', function() { that.$appendingTarget.autoCompleteCategory.hide(); that.getRecomGoodsB2c(); /* 모바일 퍼스트 추천 제품 */ that.getRecomEventsB2c(); /* 모바일 퍼스트 추천 기획전 */ that.setRecommendKeyword(); that.drawSearchHistory(); that.getPopularKeyword(); $('#popularWrap').show(); $('#searchKeywordWrap').hide(); }); $('#unifiedInputSearch').on('keyup', function(e) { // 20240528 웹접근성 var charCode = e.keyCode; if (charCode != 9) { that.$appendingTarget.searchHistoryWrap.hide(); that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendEventsWrap.hide(); $('#popularWrap').hide(); } var $target = $(e.target) , keyword = $target.val().replace(/\\/gi, ''); $target.val(keyword); that.getSearchInputAutoComplete(keyword); that.getSearchInputAutoCompleteCategory(keyword); }); // 20230622 웹접근성 $('.btn-close-search').on('keydown', function(e) { var charCode = e.keyCode; if (charCode == 9) { $('.search-box').attr('tabindex', 0).focus(); $("#accSearch").val(""); } }); // 20240528 웹접근성 제외처리 // 20240126 닫기 버튼 추가 /* $('.btn-close-layer').on('keydown', function(e) { var charCode = e.keyCode; if (charCode == 9) { $('.search-box').attr('tabindex', 0).focus(); $("#accSearch").val(""); } }); */ // 20240528 웹접근성 $('.btn-close-layer').on('click', function(e) { //악세서리 페이지 포커스 이동 if($("#accSearch").val() === "acc"){ // $("#accSearch").val(""); $(".acc-search-box").focus(); }else{ $("div.search__box button.search__button").focus(); $("#accSearch").val(""); } }); // 20240528 웹접근성 $(document).on("keydown", "#popularWrap li:last-of-type a", (e) => { //악세서리 페이지 포커스 이동 if($("#accSearch").val() === "acc"){ // $("#accSearch").val(""); $(".acc-search-box").focus(); }else{ $(".search-box").focus(); $("#accSearch").val(""); } }); $('#unifiedInputSearch').on('click', function() { //20210324 추가 $('.inp-placeholder').hide(); }); /* s : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ /* $('.chatbot-search').off('click').on('click', function() { let chatbotKeyword; if($(this).attr('id') == 'unifiedSearchButton'){ chatbotKeyword = $("#unifiedInputSearch").val(); }else if($(this).attr('id') == 'inputSearchButton'){ chatbotKeyword = $("#inputSearch").val(); } if($(this).attr('id') == 'unifiedSearchButton'){ if(chatbotKeyword == null || chatbotKeyword == ""){ chatbotKeyword = that.recommendKeyword; chat_open4(chatbotKeyword); } else{ chat_open4(chatbotKeyword); } } else{ if(chatbotKeyword != null && chatbotKeyword != "") { chat_open4(chatbotKeyword); } } }); */ /* e : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ }); </script>   <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/air-conditioners/"; 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 line-off title-left pt-none pb-none w1440px "> <div class="component-contents font-sans pt-none pb-none" data-cptnm="pcd:living_appliances:air_conditioners:text_navigation"> <div class="navigation-wrap"> <h1 class="title" style="color:#000000;"><a href="" style="color:#000000;" target="_self">리빙가전</a></h1> <div class="navigation"> <button type="button" class="btn-prev">이전</button>  <div class="nav-slider swiper-wrapper">  <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/washing-machines/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_1:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_1:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:washing-machines">세탁기</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/dryers/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_2:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_2:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:dryers">건조기</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/airdresser/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_3:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_3:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:airdresser">에어드레서</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/shoedresser/all-shoedresser/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_4:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_4:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:shoedresser">슈드레서</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/air-conditioners/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_5:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_5:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:air-conditioners">에어컨</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/system-air-conditioners/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_6:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_6:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:system-air-conditioners">시스템에어컨</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/air-cleaners/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_7:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_7:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:air-cleaners">공기청정기</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/dehumidifier/all-dehumidifier/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_8:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_8:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:dehumidifier">제습기</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/vacuum-cleaners/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_9:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_9:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:vacuum-cleaners">청소기</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/small-appliances/all-small-appliances/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_11:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_11:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:all-small-appliances">소형가전</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/living-accessories/all-living-accessories/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_11:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:living_appliances:air_conditioners:text_navigation_11:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:living_appliances:air_conditioners:text_navigation:all-living-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>  <div class="wrap-component feature-full-bleed new-component pt-none pb-none w1440px "> <div class="component-contents pt-none pb-none txt-btm-center txtm-bottom-center " style="background-color:#FFFFFF" data-cptnm="pcd:living_appliances:air_conditioners:kv"> <div class="component-text"> <div class="component-text-inner"> <div class="box-title"> </div> </div> </div> <div class="visual-area ">  <img src="//images.samsung.com/kdp/cms_contents/363379/24a93d9a-4cec-40b6-a2b2-0e67080f5799.jpg?$ORIGIN_JPG$" alt="연한 그레이와 우드톤의 거실 공간의 벽면에 BESPOKE 무풍에어컨 갤러리 제품이 서있습니다. " class="obj-m objGif"> <img src="//images.samsung.com/kdp/cms_contents/363379/2de16a42-fa35-4406-af36-bbed9ed56b6a.jpg?$ORIGIN_JPG$" alt="연한 그레이와 우드톤의 거실 공간의 벽면에 BESPOKE 무풍에어컨 갤러리 제품이 서있습니다. " class="objGif"> </div> </div> </div>   <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-lnb {} .re-lnb__slide {position:relative; width:1440px; margin:0 auto; background-color:#f7f7f7;} .re-lnb__slide__list .item__link {display:block; padding:12px 0; outline-offset:-2px;} .re-lnb__slide__list .item__link__pic {width:86px; height:54px; margin:0 auto; background-repeat:no-repeat; background-position:center top; background-size:100% 100%;} .re-lnb__slide__list .item__link .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_lnb_all.png");} .re-lnb__slide__list .item__link .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/lnb_fit.png");} .re-lnb__slide__list .item__link .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_lnb_home.png");} .re-lnb__slide__list .item__link .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_lnb_stand.png");} .re-lnb__slide__list .item__link .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/lnb_wall.png");} .re-lnb__slide__list .item__link .pic06 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/lnb_window.png");} .re-lnb__slide__list .item__link .pic07 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/lnb_acc.png");} .re-lnb__slide__list .item__link__txt {display:block; margin-top:14px; font-size:14px; font-weight:700; line-height:1.35; text-align:center;} /* lnb-swiper */ .re-lnb__slide .swiper-slide {width:134px;} .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:10px;} .re-lnb__slide .swiper-button {position:absolute; top:0; left:0; z-index:100; width:80px; height:100%; margin:0;} .re-lnb__slide .swiper-button { background: rgb(248,248,248); background: -moz-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: -webkit-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#f8f8f8",GradientType=1);} .re-lnb__slide .swiper-button.next { background: -moz-linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: -webkit-linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%);} .re-lnb__slide .swiper-button::after {content:""; display:block; position:absolute; top:50%; left:50%; width:15px; height:15px; border-style:solid; border-color:#000; border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg);} .re-lnb__slide .swiper-button.next {left:auto; right:0;} .re-lnb__slide .swiper-button.next::after {border-width:2px 2px 0 0;} .re-lnb__slide .swiper-button-disabled {display:none;} .re-lnb__slide .swiper-container {width:calc(100% - 120px); margin:0 auto;} /* lnb-fidxed */ .re-lnb.-fixed {position:fixed; left:0; right:0; top:0; z-index:200;} .re-lnb.-fixed .re-lnb__slide {border-bottom:1px solid #DBDCDD;} .re-lnb.-fixed .re-lnb__slide .swiper-slide {width:auto; min-width:134px;} .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;} /* 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-slide {min-width:9.3056vw;} .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"> <div class="re-lnb__slide" role="region" aria-roledescription="carousel" aria-label="주요 품목 슬라이드 링크"> <button type="button" class="swiper-button next"></button> <div class="swiper-container"> <ul class="re-lnb__slide__list swiper-wrapper" aria-live="off"> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 1번"> <a href="/sec/air-conditioners/all-air-conditioners/" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:air_conditioners:visual_lnb:all_air_conditioners_view_more"> <div class="item__link__pic pic01"></div> <span class="item__link__txt">전체 에어컨</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 2번"> <a href="/sec/air-conditioners/all-air-conditioners/?fit-home" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:air_conditioners:visual_lnb:fit_home_view_more"> <div class="item__link__pic pic02"></div> <span class="item__link__txt">핏홈 에어컨</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 3번"> <a href="/sec/air-conditioners/all-air-conditioners/?multi-type" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:air_conditioners:visual_lnb:home_multi_view_more"> <div class="item__link__pic pic03"></div> <span class="item__link__txt">홈멀티 에어컨</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 4번"> <a href="/sec/air-conditioners/all-air-conditioners/?floorstanding" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:air_conditioners:visual_lnb:floorstanding_view_more"> <div class="item__link__pic pic04"></div> <span class="item__link__txt">스탠드 에어컨</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 5번"> <a href="/sec/air-conditioners/all-air-conditioners/?wall-mount" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:air_conditioners:visual_lnb:wall_mount_view_more"> <div class="item__link__pic pic05"></div> <span class="item__link__txt">벽걸이 에어컨</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 6번"> <a href="/sec/air-conditioners/all-air-conditioners/?window-type" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:air_conditioners:visual_lnb:window_type_view_more"> <div class="item__link__pic pic06"></div> <span class="item__link__txt">창문형 에어컨</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="7개의 슬라이드 중 7번"> <a href="/sec/living-accessories/all-living-accessories/?air-conditioners-accessories" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:air_conditioners:visual_lnb:accessories_view_more"> <div class="item__link__pic pic07"></div> <span class="item__link__txt">액세서리</span> </a> </div> </li> </ul> </div> <button type="button" class="swiper-button prev"></button> </div> </div> <script> swiperLnb($('.re-lnb__slide')); scrollFixed($('.re-lnb')); function swiperLnb(swiperWrap){ let swiperContainer = swiperWrap.find('.swiper-container'); let slide = swiperContainer.find('.swiper-slide'); let slideLnb = new Swiper(swiperContainer, { slidesPerView: 'auto', autoHeight : false, speed: 500, touchStartPreventDefault: false, observer: true, observeParents: true, navigation: { nextEl: swiperWrap.find('.swiper-button.next'), prevEl: swiperWrap.find('.swiper-button.prev'), }, a11y: { prevSlideMessage: '이전 슬라이드', nextSlideMessage: '다음 슬라이드', slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.', }, on: { init: function() { if(slide.length <= 9 && $(window).outerWidth() >= 800){ swiperWrap.addClass('swiper-no-swiping'); }else if(slide.length <= 3 && $(window).outerWidth() < 800){ swiperWrap.addClass('swiper-no-swiping'); }else{ swiperWrap.removeClass('swiper-no-swiping'); } }, resize: function() { if(slide.length <= 9 && $(window).outerWidth() >= 800){ swiperWrap.addClass('swiper-no-swiping'); }else if(slide.length <= 3 && $(window).outerWidth() < 800){ swiperWrap.addClass('swiper-no-swiping'); }else{ swiperWrap.removeClass('swiper-no-swiping'); } } }, }); } function scrollFixed(fixedWrap){ let win = $(window); win.off('scroll').on('scroll', function(){ let kv = fixedWrap.prev().prev(); let kvHeight = kv.outerHeight(); let kvTop = kv.offset().top; let targetOffsetTop = kvTop + kvHeight; let winScrollTop = $(this).scrollTop(); if(targetOffsetTop <= winScrollTop){ if(!fixedWrap.hasClass('-fixed')){ fixedWrap.addClass('-fixed'); } }else{ if(fixedWrap.hasClass('-fixed')){ fixedWrap.removeClass('-fixed'); } } }) } </script>   <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/air-conditioners/re/pod_fit.jpg");} .re-pod__slide__list .item02 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_Line-up_KV-stand.jpg");} .re-pod__slide__list .item03 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod_classic-v2.jpg");} .re-pod__slide__list .item04 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod_window.jpg");} .re-pod__slide__list .item05 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod_slim.jpg");} .re-pod__slide__list .item06 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/PCD_Line-up_KV_wall-v2.jpg");} .re-pod__slide__list .item .txt {padding:10px 10px 15px; background:#000; text-align:center;} .re-pod__slide__list .item .txt__tit {display:block; height:64px; color:#fff; font-size:24px; line-height:64px; word-break:keep-all;} .re-pod__slide__list .item .txt__tit.-long {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.36; text-overflow:ellipsis; white-space:normal;} .re-pod__slide__list .item .txt__desc {margin-top:5px; color:#fff; font-size:14px; line-height:1.4;} .re-pod__slide__list .item .txt__list {display:flex; margin-top:10px; padding:0 10px;} .re-pod__slide__list .item .txt__list li {width:calc(100% / 3);} .re-pod__slide__list .item .txt__list__icon {width:40px; height:40px; margin:0 auto; background-repeat:no-repeat; background-position:center top; background-size:100% 100%;} .re-pod__slide__list .item .txt__list__desc {display:block; margin-top:12px; color:#cecece; font-size:12px; line-height:1.3; word-break:keep-all; text-align:center;} .re-pod__slide__list .item .txt__btn {display:inline-block; margin-top:12px; padding:8px 15px; background:#fff; font-size:14px; font-weight:700; border-radius:20px;} .re-pod__slide__list .item01 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod01_v2-ico01.png");} .re-pod__slide__list .item01 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod01_v2-ico02.png");} .re-pod__slide__list .item01 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod01_v2-ico03.png");} .re-pod__slide__list .item02 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_Line-up_new_icon_01.png");} .re-pod__slide__list .item02 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_Line-up_new_icon_02.png");} .re-pod__slide__list .item02 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_Line-up_new_icon_03.png");} .re-pod__slide__list .item03 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod02-ico01.png");} .re-pod__slide__list .item03 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod02-ico02.png");} .re-pod__slide__list .item03 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod02-ico03.png");} .re-pod__slide__list .item04 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod03-ico01-v2.png");} .re-pod__slide__list .item04 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod03-ico02.png");} .re-pod__slide__list .item04 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod03-ico03-v2.png");} .re-pod__slide__list .item05 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod03-ico01.png");} .re-pod__slide__list .item05 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod04-ico02-v2.png");} .re-pod__slide__list .item05 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod04-ico03-v2.png");} .re-pod__slide__list .item06 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_Line-up_new_icon_04.png");} .re-pod__slide__list .item06 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_Line-up_new_icon_02.png");} .re-pod__slide__list .item06 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/pod04-ico03-v2.png");} .re-pod__slide__list.blend .item {height:492px;} .re-pod__slide__list.blend .item .pic {height:100%;} .re-pod__slide__list.blend .item .txt {position:absolute; top:117px; left:0; width:100%;} .re-pod__slide .swiper-container-txt__list-box {position:relative; margin-top:60px;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {position:absolute; top:175px; left:0; z-index:100; width:56px; height:56px; border-radius:50%; background:rgba(0, 0, 0, 0.5);} .re-pod__slide .swiper-container-txt__list-box .swiper-button::after {content:""; display:block; position:absolute; top:50%; left:55%; z-index:1; width:15px; height:15px; border-style:solid; border-color:#fff; border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg);} .re-pod__slide .swiper-container-txt__list-box .swiper-button.next {left:auto; right:0;} .re-pod__slide .swiper-container-txt__list-box .swiper-button.next::after {left:45%; border-width:2px 2px 0 0;} .re-pod__slide .swiper-container-txt__list-box .swiper-button-disabled {display:none;} .re-pod__slide .swiper-container.list {overflow:visible; width:calc(100% - 48px); margin:0 auto;} .re-pod__slide__list {margin:0 auto;} .re-pod__slide__list .swiper-slide {width:312px;} .re-pod__slide__list .swiper-slide.-active .item {outline:3px solid #2189FF; outline-offset:-3px;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:24px;} .re-pod__slide__list.swiper-no-swiping {justify-content:center;} @media (max-width: 1440px) { .re-pod__tit {font-size:3.3333vw;} .re-pod__slide {width:100%; margin:3.4722vw auto 0;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:4.1667vw;} .re-pod__slide__menu .item {padding:0.6944vw 0;} .re-pod__slide__menu .item span {font-size:1.3889vw;} .re-pod__slide__menu .swiper-slide.-active .item span::before {bottom:-0.4861vw; height:0.2083vw;} .re-pod__slide__list .item {border-radius:1.3889vw;} .re-pod__slide__list .item .pic {height:16.6667vw;} .re-pod__slide__list .item .txt {padding:0.6944vw 0.6944vw 1.0417vw;} .re-pod__slide__list .item .txt__tit {height:4.4444vw; font-size:1.6667vw; line-height:4.4444vw;} .re-pod__slide__list .item .txt__desc {margin-top:0.3472vw; font-size:0.9722vw;} .re-pod__slide__list .item .txt__list {margin-top:0.6944vw; padding:0 0.6944vw;} .re-pod__slide__list .item .txt__list__icon {width:2.7778vw; height:2.7778vw;} .re-pod__slide__list .item .txt__list__desc {margin-top:0.8333vw; font-size:0.8333vw;} .re-pod__slide__list .item .txt__btn {margin-top:0.8333vw; padding:0.5556vw 1.0417vw; font-size:0.9722vw; border-radius:1.3889vw;} .re-pod__slide__list.blend .item {height:34.1667vw;} .re-pod__slide__list.blend .item .txt {top:8.1250vw;} .re-pod__slide .swiper-container-txt__list-box {margin-top:4.1667vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {top:12.1528vw; width:3.8889vw; height:3.8889vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button::after {width:1.0417vw; height:1.0417vw;} .re-pod__slide .swiper-container.list {width:calc(100% - 3.3333vw);} .re-pod__slide__list .swiper-slide {width:21.6667vw;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:1.6667vw;} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-pod__tit {font-size:7.7778vw;} .re-pod__slide {margin-top:5.5556vw;} .re-pod__slide .swiper-container.menu {position:relative;} .re-pod__slide .swiper-container.menu::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#787062;} .re-pod__slide__menu {justify-content:flex-start; padding-left:6.6667vw;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:5.5556vw;} .re-pod__slide__menu .swiper-slide:last-child {margin-right:13.3333vw;} .re-pod__slide__menu .item {padding:1.9444vw 0;} .re-pod__slide__menu .item span {font-size:4.4444vw;} .re-pod__slide__menu .swiper-slide.-active .item span::before {bottom:-1.3889vw; height:0.5556vw;} .re-pod__slide__list .item {border-radius:5.5556vw;} .re-pod__slide__list .item .pic {height:66.6667vw;} .re-pod__slide__list .item .txt {padding:2.7778vw 2.7778vw 4.1667vw;} .re-pod__slide__list .item .txt__tit {height:17.7778vw; font-size:6.6667vw; line-height:17.7778vw;} .re-pod__slide__list .item .txt__desc {margin-top:1.3889vw; font-size:3.8889vw;} .re-pod__slide__list .item .txt__list {margin-top:2.7778vw; padding:0 2.7778vw;} .re-pod__slide__list .item .txt__list__icon {width:11.1111vw; height:11.1111vw;} .re-pod__slide__list .item .txt__list__desc {margin-top:3.3333vw; font-size:3.3333vw;} .re-pod__slide__list .item .txt__btn {margin-top:3.3333vw; padding:2.2222vw 4.1667vw; font-size:3.8889vw; border-radius:5.5556vw;} .re-pod__slide__list.blend .item {height:136.6667vw;} .re-pod__slide__list.blend .item .txt {top:32.5000vw;} .re-pod__slide .swiper-container-txt__list-box {margin-top:8.3333vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {display:none;} .re-pod__slide .swiper-container.list {width:100%;} .re-pod__slide__list {padding-left:6.6667vw;} .re-pod__slide__list .swiper-slide {width:81.1111vw;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:5.5556vw;} .re-pod__slide__list .swiper-slide:last-child {margin-right:13.3333vw;} .re-pod__slide__list .swiper-slide.-active .item {outline:0; outline-offset:0;} } </style> <section class="re-pod pd-tb-60"> <h2 class="re-pod__tit"> <span>에어컨 라인업별 추천 모델</span> </h2> <div class="re-pod__slide" role="region" aria-roledescription="carousel" aria-label="주요 품목 별 기능 소개 슬라이드 "> <div class="swiper-container menu"> <ul class="re-pod__slide__menu swiper-wrapper" aria-live="off"> <li class="swiper-slide -active"> <div role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 1번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product1:fit_home_menu"> <span>핏홈 에어컨</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 2번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product2:gallery_menu"> <span>무풍 갤러리</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 3번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product3:classic_menu"> <span>무풍 클래식</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 4번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product4:window_type_menu"> <span>윈도우핏</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 5번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product5:slim_menu"> <span>무풍 슬림</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 6번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product6:wide_menu"> <span>무풍벽걸이 슬림</span> </button> </div> </li> </ul> </div> <div class="swiper-container-txt__list-box"> <button type="button" class="swiper-button next"></button> <div class="swiper-container list"> <ul class="re-pod__slide__list swiper-wrapper" aria-live="off"> <li class="swiper-slide -active"> <div role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 1번"> <a href="/sec/air-conditioners/package-af-fh31cmx87t-d630c/AF-FH31CMX87T/" class="item item01" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product1:fit_home_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long">BESPOKE 무풍에어컨 핏홈 <br>62.6/18.7/18.7㎡</strong> <p class="txt__desc">AF-FH31CMX87T</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">경제적 <br> 시공</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">ALL <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="6개의 슬라이드 중 2번"> <a href="/sec/air-conditioners/package-af18dx839wsrt-d2c/AF18DX839WST/" class="item item02" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product2:fit_home_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long">BESPOKE AI 무풍<br>갤러리 청정 58.5 ㎡</strong> <p class="txt__desc">AF18DX839WST</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">소음 걱정 없는 <br>3D 와이드 무풍</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">상황에 맞게 <br>AI 에너지 절약</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">AI가 알아서 <br>Bixby Care</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="6개의 슬라이드 중 3번"> <a href="/sec/air-conditioners/package-af17c7932wzrt-d2c/AF17C7932WZT/" class="item item03" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product3:classic_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long">BESPOKE 무풍클래식 <br>56.9 ㎡</strong> <p class="txt__desc">AF17C7932WZT</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">BESPOKE <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="6개의 슬라이드 중 4번"> <a href="/sec/air-conditioners/package-aw06c7155gwaz-d2c/AW06C7155GWAZ/" class="item item04" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product4:window_type_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long">BESPOKE 무풍에어컨 <br>윈도우핏 19.2 ㎡ (매립형)</strong> <p class="txt__desc">AW06C7155GWAZ</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">32dB <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="6개의 슬라이드 중 5번"> <a href="/sec/air-conditioners/package-af17c5734wsr-d2c/AF17C5734WST/" class="item item05" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product5:slim_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long">무풍에어컨 슬림 청정 <br>56.9㎡</strong> <p class="txt__desc">AF17C5734WST</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">에너지 <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="6개의 슬라이드 중 6번"> <a href="/sec/air-conditioners/package-ar07d9150hzt-d2c/AR07D9150HZT/" class="item item06" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:product6:window_type_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long">무풍에어컨 벽걸이<br>슬림 24.4 ㎡</strong> <p class="txt__desc">AR07D9150HZT</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">상황에 맞게 <br>AI 에너지 절약</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> </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-nrw pb-nrw w1440px " id="ranking-product-card-wrap_1403987" data-stId="1" data-siteGbCd="10" data-stContextPath="/sec/" data-category-img-tit="tit" data-category-show-hide="hide" data-cptNo="1403987"> <div class="component-contents pt-nrw pb-nrw" data-cptnm="best_ranking"> <div class="component-text"> <div class="box-title"> <h3 class="title mo-ver " style="color:#000000">요즘 인기있는 에어컨</h3> <h3 class="title pc-ver " style="color:#000000">요즘 인기있는 에어컨</h3> <h3 class="sub pc-ver"></h3> <h3 class="sub mo-ver"></h3> </div> </div> </div> <section class="rank-section best-type2 categoryHide "> <div class="indct_wrap"> <button class="_prev" data-omni="best ranking:left_arrow"> <div class="_img"> <span class="blind">뒤로</span> </div> </button> <button class="_next" data-omni="best ranking:right_arrow"> <div class="_img"> <span class="blind">앞으로</span> </div> </button> <div class="slide-best-nav" id="categoryNavi_1403987"> <div class="item" id="categoryNavi_1403987_0"> <button class="cta_bst" data-omni="best ranking:에어컨" data-target-id="rankingPdCardList_1403987_0" data-component-id="categoryNavi_1403987" data-st-context-path="/sec/" data-pd-list-tp="auto" data-counting-period="30day" data-pd-disp-clsf-no="37010000" data-display-category1="37000000" data-display-category2="37010000" 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">에어컨</p> </button> </div> </div> </div> <div class="slide-best-cont " id="categoryCont_1403987">  <ul class="best-item" id="rankingPdCardList_1403987_0"> </ul>  </div> <div> <input type="hidden" id="rankingPdCardList_1403987_0_compoNo" value="1403987"> <input type="hidden" id="rankingPdCardList_1403987_0_totcnt" value="0"> <input type="hidden" id="rankingPdCardList_1403987_0_morecnt" value="8"> <input type="hidden" id="rankingPdCardList_1403987_0_page" value="1"> <input type="hidden" id="rankingPdCardList_1403987_0_rows" value="8"> <input type="hidden" id="rankingPdCardList_1403987_0_countingPeriod" value="30day"> <input type="hidden" id="rankingPdCardList_1403987_0_today_compoNo" value="1403987"> <input type="hidden" id="rankingPdCardList_1403987_0_today_totcnt" value="0"> <input type="hidden" id="rankingPdCardList_1403987_0_today_morecnt" value="8"> <input type="hidden" id="rankingPdCardList_1403987_0_today_page" value="1"> <input type="hidden" id="rankingPdCardList_1403987_0_today_rows" value="8"> <input type="hidden" id="rankingPdCardList_1403987_0_today_countingPeriod" value="30day"> <input type="hidden" id="productCtaListGridData_1403987" value='[{"ctaMoveStyle":"구매하기","ctaWindowStyle":"이동"}]'/> </div> </section> </div>  <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 .pc-txt-only{display: block;} .re-tip .mo-txt-only{display: none;} .re-tip__tit {display: flex; align-items: center; justify-content: center; flex-direction: column; padding:0 24px; font-size:48px; line-height:1.3;} .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% / 2); padding:0 12px; } .re-tip__list__btn {display:block; position:relative; width:100%; height:390px; background-repeat:no-repeat; background-position:left top; background-size:cover; border-radius:20px; box-shadow:0 0.06em 0.2em 0.06em rgba(0, 0, 0, 0.2);} .re-tip__list__btn.pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/tip01.jpg");} .re-tip__list__btn.pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_tip_01_pc.jpg");} .re-tip__list__btn.pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/tip03.jpg");} .re-tip__list__btn.pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_tip_02_pc.jpg");} .re-tip__list__btn.pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_tip_03_pc.jpg");} .re-tip__list__btn .txt {display:block; position:absolute; bottom:15px; left:0; width:100%; color:#fff; font-size:23px; font-weight:700; line-height: 1.36; text-align:center;} .re-tip__list__btn .txt.txt2 {color:#555;} /* scroll */ .-scroll::-webkit-scrollbar {width:4px; background-color:transparent;} .-scroll::-webkit-scrollbar-button {display:none;} .-scroll::-webkit-scrollbar-thumb {border-radius:2em; background-color:rgba(0,0,0,0.2);} .-scroll:hover::-webkit-scrollbar-thumb, .-scroll::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.5);} .-scroll:hover {scrollbar-color:rgba(0,0,0,0.5);} /* modal */ body.-has-modal {overflow:hidden;} .re-tip .modal-dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:220; 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:51%; left:50%; width:1392px; padding: 30px; background: #fff; border-radius: 20px; transform:translate(-50%, -55%); z-index:300;} .re-tip .modal-layer.-active {display:block;} .re-tip .modal-layer .btn-modal-close {position:absolute; bottom:0; left:50%; width:40px; height:40px; background:#fff url(//images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center / 14px 14px; border-radius:50%; transform:translate(-50%, 150%);} .re-tip .modal-cont {overflow:hidden; position:relative; width:100%; height:770px; background:#fff; border-radius:20px;} /* .re-tip .modal-cont.modal4 { height: 795px; } */ .re-tip .modal-cont.-mobile {display:none;} .re-tip .modal-cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .modal-cont.-scroll {overflow-y:auto;} /* 2. modal - 체크리스트 */ #airCheck .modal-cont {height:600px;} .re-tip .allabout-tabs__tit {font-size:48px; font-weight:700; line-height:1.2; text-align:center;} .re-tip .guide-tabs__list {display:flex; margin-top:35px; justify-content:center; align-items:center;} .re-tip .allabout-tabs__list__tab {padding-bottom:5px; font-size:20px; font-weight:700; border-bottom:2px solid transparent; transition:border 0.2s;} .re-tip .allabout-tabs__list__tab:hover {border-bottom:2px solid #000;} .re-tip .allabout-tabs__list__tab.-active {border-bottom:2px solid #000;} .re-tip .allabout-tabs__list__tab + .allabout-tabs__list__tab {margin-left:48px;} .re-tip .allabout-tabs__panel-wrap {margin-top:30px;} .re-tip .allabout-tabs__panel {display:none; height:500px; padding:40px; background:#F6F6F6; border-radius:20px;} .re-tip .allabout-tabs__panel.-active {display:flex;} .re-tip .allabout-tabs__panel > [class*=pic] {width:604px; height:100%; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; border-radius:20px;} .re-tip .allabout-tabs__panel .pic01 {background-image:url("//images.samsung.com/is/image/samsung/p5/sec/pcd/air-conditioners/air-conditioners-checklist-where-pc.jpg");} .re-tip .allabout-tabs__panel .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-size-pc.jpg");} .re-tip .allabout-tabs__panel .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-save-pc.jpg");} .re-tip .allabout-tabs__panel .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-purity-pc.jpg");} .re-tip .allabout-tabs__panel .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-service-pc.jpg");} .re-tip .allabout-tabs__panel .txt-box {margin-left:100px;} .re-tip .allabout-tabs__panel .txt__tit {margin-top:20px; font-size:32px; font-weight:700; line-height:1.25;} .re-tip .allabout-tabs__panel .txt__desc {margin-top:40px; font-size:18px; line-height:1.55;} .re-tip .allabout-tabs__panel .txt__tip {display:flex; margin-top:20px; justify-content:flex-start;} .re-tip .allabout-tabs__panel .txt__tip li {font-size:14px; line-height:1.4;} .re-tip .allabout-tabs__panel .txt__tip li + li {margin-left:15px;} .re-tip .allabout-tabs__panel .txt__tip .pic-cac {width:70px;} .re-tip .allabout-tabs__panel .txt__tip .pic-intertek {width:120px; padding-top:20px;} .re-tip .allabout__expanded {display:inline-block; position:relative; margin-top:20px;} .re-tip .allabout__expanded__btn {color:#2188FF; font-size:14px; font-weight:700; border-bottom:1px solid #2188FF; line-height:1.4;} .re-tip .allabout__expanded__cont {display:none; position:absolute; top:-3px; left:0; width:360px; padding:20px; background:#f7f7f7; border:1px solid rgba(0, 0, 0, .6); border-radius:20px; transform:translateY(-100%);} .re-tip .allabout__expanded__cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .re-tip .allabout__expanded__cont.-active {display:block;} .re-tip .allabout__expanded__cont__tit {display:block; padding-bottom:5px; font-size:18px; border-bottom:1px solid #000; text-indent:0;} .re-tip .allabout__expanded__cont__tip {margin-top:20px;} .re-tip .allabout__expanded__cont__tip li {font-size:14px;} .re-tip .allabout__expanded__cont__close {position:absolute; top:0; right:0; width:50px; height:50px; background:url(//images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center / 14px 14px;} /* 2. modal - 체크리스트-230703- 모바일 최적화 */ .check-tab{width:100%} .check-tab .swiper-slide{display: flex; justify-content: center; align-items: flex-start; width: 10%;} .check-tab .swiper-slide:first-child {justify-content: flex-start;} .check-tab .swiper-slide:last-child { justify-content: flex-end;} /* 4. modal - 끊임없는 진화 */ #constantEv .modal-cont {height:600px;} .re-tip .constant-ev {height:100%; padding:0;} .re-tip .constant-ev__tit {display:flex; height:90px; margin-bottom: 35px; font-size:45px; font-weight:700; line-height:1.25; justify-content:center; align-items:center;} .re-tip .constant-ev__tit > span {font-size:inherit; vertical-align:baseline;} .re-tip .constant-ev__tit > span + span {margin-left:13px;} .re-tip .constant-ev__inner {overflow-x:hidden; overflow-y:auto; height:calc(100% - 120px); padding:0 0 22px} .re-tip .constant-ev__pic {width:100%;} .re-tip .constant-ev__pic.pic-pc {display:block;} .re-tip .constant-ev__pic.pic-mo {display:none;} .re-tip .constant-ev__disc {margin-top:20px; text-align:center; font-size:16px; line-height:1.5;} .re-tip .constant-ev__disc li {font-size:inherit;} /* 5. modal - 에어컨 사전점검 */ #preInspection {background:#F7F7F7; width:1108px;} #preInspection .modal-cont {background:#F7F7F7; height:600px;} .re-tip .preInspection {height:100%; padding:0;} .re-tip .preInspection_tit {height:150px; margin-bottom:30px; display:flex; flex-direction:column; justify-content:center; align-items:center;} .re-tip .preInspection_tit h3 {font-size:48px; font-weight:700; line-height:1.25;} .re-tip .preInspection_tit .preInspection_title_step {margin-top:30px; display:flex; align-items:center;} .re-tip .preInspection_tit .preInspection_title_step strong {font-size:20px; line-height:24px; font-weight:normal; transition:font-weight 0.2s ease-in-out, text-decoration 0.2s ease-in-out;} .re-tip .preInspection_tit .preInspection_title_step strong.-active {font-weight:700; text-decoration:underline; text-underline-position:under;} .re-tip .preInspection_tit .preInspection_title_step span {font-size:10px; padding:0 10px; line-height:24px;} .re-tip .preInspection_inner {overflow-x:hidden; overflow-y:auto; height:calc(100% - 180px); padding:16px 0 20px;} .re-tip .preInspection_inner .preInspection_step_wrap {background:#fff; padding:30px; position:relative; border-radius:20px; text-align:center;} .re-tip .preInspection_inner .preInspection_step_wrap + .preInspection_step_wrap {margin-top:66px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number_wrap {display:flex; justify-content:center; margin-top:-46px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number {background:#2188FF; font-size:18px; color:#fff; height:32px; padding:0 25px; line-height:32px; border-radius:26px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title h4 {font-size:25px; font-weight:700; line-height:1.25; margin-top:15px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title p {font-size:20px; color:#383838; margin-top:5px; line-height:1.25;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc {padding-top:24px; display:flex; justify-content:center;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li {background:#E6E6E6; border-radius:20px; margin-left:24px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li:first-child {margin-left:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 {flex-wrap:wrap;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li {width:322px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li:last-child {width:668px; margin-left:0; margin-top:24px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li.item01 {margin-top:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li.item03 {margin-top:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 {flex-wrap:wrap;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li {width:480px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li:last-child {width:1057px; margin-left:0; margin-top:24px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 {height:70px; line-height:24px; display:flex; flex-direction:column; justify-content:center;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 span {font-size:16px; font-weight:normal;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box {width:100%; height:125px; display:table;text-align:center; table-layout:fixed;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p {font-size:17px; line-height:20px; display:table-cell; vertical-align:middle;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p span {display:inline-block; font-size:14px; color:#383838;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p strong {font-size:17px; line-height:20px; font-weight:normal; vertical-align:baseline;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list {padding:20px; display:flex; align-items:center;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li {width:auto; border-radius:0; flex:auto; font-size:17px; line-height:20px; overflow:inherit; position:relative;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li span {font-size:14px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li:last-child {width:auto; margin:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li:first-child:before {display:none;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li::before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#c3c3c3;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li.item02::before {height:42px; top:-11px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_title {font-size:19px; background-color:#F7F7F7; height:40px; line-height:40px; display:block; font-weight:bold;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_img_pc {display:block;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_img_mo {display:none;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li img {border-radius:20px 20px 0 0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li img.imgone {border-radius:20px;} @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: unset; bottom: 10px; font-size:1.5278vw;} /* scroll */ .-scroll::-webkit-scrollbar {width:0.2778vw;} /* modal */ .re-tip .modal-layer {width:96.6667vw; padding: 2.0833vw; border-radius: 1.3889vw;} .re-tip .modal-layer .btn-modal-close {width:2.7778vw; height:2.7778vw; background-size:0.9722vw 0.9722vw;} .re-tip .modal-cont {height:53.4722vw; border-radius:1.3889vw;} /* 2. modal - 체크리스트 */ #airCheck .modal-cont {height:42vw;} .re-tip .allabout-tabs__tit {font-size:3.3333vw;} .re-tip .allabout-tabs__list {margin-top:2.4306vw; flex-wrap:nowrap;} .re-tip .allabout-tabs__list__tab {padding-bottom:0.3472vw; font-size:1.3889vw; border-bottom:0.1389vw solid transparent;} .re-tip .allabout-tabs__list__tab:hover {border-bottom:0.1389vw solid #000;} .re-tip .allabout-tabs__list__tab.-active {border-bottom:0.1389vw solid #000;} .re-tip .allabout-tabs__list__tab + .allabout-tabs__list__tab {margin-left:3.3333vw;} .re-tip .allabout-tabs__panel-wrap {margin-top:2.0833vw;} .re-tip .allabout-tabs__panel {height:34.7222vw; padding:2.7778vw; border-radius:1.3889vw;} .re-tip .allabout-tabs__panel > [class*=pic] {width:41.9444vw; border-radius:1.3889vw;} .re-tip .allabout-tabs__panel .txt-box {margin-left:6.9444vw;} .re-tip .allabout-tabs__panel .txt__tit {margin-top:1.3889vw; font-size:2.2222vw;} .re-tip .allabout-tabs__panel .txt__desc {margin-top:2.7778vw; font-size:1.2500vw;} .re-tip .allabout-tabs__panel .txt__tip {margin-top:1.3889vw;} .re-tip .allabout-tabs__panel .txt__tip li {font-size:0.9722vw;} .re-tip .allabout-tabs__panel .txt__tip li + li {margin-left:1.0417vw;} .re-tip .allabout-tabs__panel .txt__tip .pic-cac {width:4.8611vw;} .re-tip .allabout-tabs__panel .txt__tip .pic-intertek {width:8.3333vw; padding-top:1.3889vw;} .re-tip .allabout__expanded {margin-top:1.3889vw;} .re-tip .allabout__expanded__btn {font-size:0.9722vw;} .re-tip .allabout__expanded__cont {top:-0.2083vw; left:0; width:25.0000vw; padding:1.3889vw; border-radius:1.3889vw;} .re-tip .allabout__expanded__cont__tit {padding-bottom:0.3472vw; font-size:1.2500vw;} .re-tip .allabout__expanded__cont__tip {margin-top:1.3889vw;} .re-tip .allabout__expanded__cont__tip li {font-size:0.9722vw;} .re-tip .allabout__expanded__cont__close {width:3.4722vw; height:3.4722vw; background-size:0.9722vw 0.9722vw;} /* 2. modal - 체크리스트-230703- 모바일 최적화 */ /* 4. modal - 끊임없는 진화 */ #constantEv .modal-cont {height:42vw;} .re-tip .constant-ev__tit {height:8.3333vw; font-size:3.1250vw;} .re-tip .constant-ev__tit > span + span {margin-left:0.9027vw;} .re-tip .constant-ev__inner {height:calc(100% - 8.3333vw); padding:0 0 3.4722vw} .re-tip .constant-ev__disc {margin-top:1.3889vw; font-size:1.1111vw;} /* 5. modal - 에어컨 사전점검 */ #preInspection {width:96.6667vw;} #preInspection .modal-cont {height:42vw;} .re-tip .preInspection_tit {height:8.0vw; margin-bottom:2.0vw;} .re-tip .preInspection_tit h3 {font-size:3.1250vw;} .re-tip .preInspection_tit .preInspection_title_step {margin-top:1.5833vw;} .re-tip .preInspection_tit .preInspection_title_step strong {font-size:1.3889vw; line-height:1.6667vw;} .re-tip .preInspection_tit .preInspection_title_step span {font-size:0.6944vw; padding:0 0.6944vw; line-height:1.6667vw;} .re-tip .preInspection_inner {height:calc(100% - 10vw); padding:1.1111vw 0 1.3889vw;} .re-tip .preInspection_inner .preInspection_step_wrap {padding:2.0833vw;} .re-tip .preInspection_inner .preInspection_step_wrap + .preInspection_step_wrap {margin-top:4.5833vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number_wrap {margin-top:-3.1944vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number {font-size:1.2500vw; height:2.2222vw; padding:0 1.7361vw; line-height:2.2222vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title h4 {font-size:1.7361vw; margin-top:1.0417vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title p {font-size:1.3889vw; margin-top:0.3472vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc {padding-top:1.6667vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li {margin-left:1.6667vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_title {font-size:1.3194vw; height:2.7778vw; line-height:2.7778vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list {padding:1.3889vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li {font-size:1.3194vw; line-height:1.8056vw; border-radius: 0;margin:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li span {font-size:1.1111vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box {height:8.6806vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p {font-size:1.3194vw; line-height:1.8056vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p span {font-size:1.1111vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p strong {font-size:1.3194vw; line-height:1.8056vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li {width:25.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li:last-child {width:51.6667vw; margin-top:1.6667vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li.item01 {margin-top:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li.item04 {height:11.6806vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li {width:36vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li:last-child {width:73.6667vw; margin-top:1.6667vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 {height:4.8611vw; line-height:1.6667vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 span {font-size:1.1111vw; line-height:1.25;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li.item02::before {height:3.7vw; top:-0.8639vw;} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-tip br.br-pc {display:none;} .re-tip br.br-mo {display:block;} .re-tip .pc-txt-only{display: none;} .re-tip .mo-txt-only{display: block;} .re-tip__tit {padding:0 6.6667vw; font-size:7.7778vw;} .re-tip__tit span {display: block;} .re-tip__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start; flex-wrap:wrap;} .re-tip__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0; } .re-tip__list__btn {height:48.8889vw; border-radius:5.5556vw;} .re-tip__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} .re-tip__list__btn .txt.oneline {top:unset;} .re-tip__list__btn.pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_tip_01_mo.jpg");} .re-tip__list__btn.pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_tip_02_mo.jpg");} .re-tip__list__btn.pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_tip_03_mo.jpg");} /* scroll */ .-scroll::-webkit-scrollbar {width:0.5208vw;} /* modal */ .re-tip .modal-layer {top:0; bottom:0; left:0; width:100%; padding: 0; transform:translate(0);} .re-tip .modal-layer.-active {display:block;} .re-tip .modal-layer .btn-modal-close {bottom:auto; left:auto; top:6.5104vw; right:3.2552vw; width:5.2083vw; height:5.2083vw; background-color:transparent; background-size:3.1250vw 3.1250vw; border-radius:0; transform:translate(0);} .re-tip .modal-cont {width:100%; height:100%; padding-top:6.5104vw; background:#fff; border-radius:0;} .re-tip .modal-cont.bg-white {background:#fff;} .re-tip .modal-cont.-pc {display:none;} .re-tip .modal-cont.-mobile {display:block;} .re-tip .modal-cont:focus-visible {outline:dashed 0.2604vw #2189ff !important; outline-offset:-0.2604vw;} .re-tip .modal-cont__tit {font-size:6.2500vw; text-align:center;} /* 2. modal - 체크리스트 */ .re-tip .allabout-tabs__tit {height:7.6389vw; font-size:6.667vw;} .re-tip .allabout-tabs__list {height:4.1667vw; margin-top:4.1667vw;} .re-tip .allabout-tabs__list__tab {padding-bottom:0.6944vw; font-size:2.7778vw; border-bottom:0.2778vw solid transparent;} .re-tip .allabout-tabs__list__tab:hover {border-bottom:0.2778vw solid #000;} .re-tip .allabout-tabs__list__tab.-active {border-bottom:0.2778vw solid #000;} .re-tip .allabout-tabs__list__tab + .allabout-tabs__list__tab {margin-left:2.0833vw;} .re-tip .allabout-tabs__panel-wrap {overflow-y:auto; height:calc(100% - 19.4444vw); margin-top:4.1667vw;} .re-tip .allabout-tabs__panel {display:none; height:100vh; padding:2.7778vw; background:#F6F6F6; flex-direction:column;} .re-tip .allabout-tabs__panel > [class*=pic] {width:100%; height:55.9722vw; margin-top:5.5556vw; border-radius:2.7778vw; order:2;} .re-tip .allabout-tabs__panel .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-where-mo.jpg");} .re-tip .allabout-tabs__panel .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-size-mo.jpg");} .re-tip .allabout-tabs__panel .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-save-mo.jpg");} .re-tip .allabout-tabs__panel .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-purity-mo.jpg");} .re-tip .allabout-tabs__panel .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-service-mo.jpg");} .re-tip .allabout-tabs__panel .txt-box {margin-left:0; order:1;} .re-tip .allabout-tabs__panel .txt__tit {margin-top:0; font-size:3.8889vw; font-weight:700; line-height:1.25;} .re-tip .allabout-tabs__panel .txt__desc {margin-top:2.7778vw; font-size:2.5000vw; line-height:1.55;} .re-tip .allabout-tabs__panel .txt__tip {display:flex; margin-top:2.7778vw;} .re-tip .allabout-tabs__panel .txt__tip li {font-size:1.9444vw;} .re-tip .allabout-tabs__panel .txt__tip li + li {margin-left:2.0833vw;} .re-tip .allabout-tabs__panel .txt__tip .pic-cac {width:9.7222vw;} .re-tip .allabout-tabs__panel .txt__tip .pic-intertek {width:16.6667vw; padding-top:2.7778vw;} .re-tip .allabout__expanded__btn {font-size:1.9444vw;} .re-tip .allabout__expanded__cont {top:inherit; bottom:-0.4167vw; width:50.0000vw; padding:2.7778vw; border-radius:2.7778vw; transform:translateY(100%);} .re-tip .allabout__expanded__cont__tit {padding-bottom:0.6944vw; font-size:2.5000vw;} .re-tip .allabout__expanded__cont__tip {margin-top:5.5556vw;} .re-tip .allabout__expanded__cont__tip li {font-size:1.9444vw;} .re-tip .allabout__expanded__cont__close {width:6.9444vw; height:6.9444vw; background-size:1.9444vw 1.9444vw;} /* 2. modal - 체크리스트-230703- 모바일 최적화 */ .re-tip #airCheck .modal-cont{height: 100%;} .optMo .allabout-tabs__tit{padding-left:5.5556vw; text-align: left; font-size: 5.5556vw;} .optMo .allabout-tabs__list__tab{border-bottom: 0.6250vw solid transparent; font-size: 3.8889vw;} .optMo .allabout-tabs__list__tab:hover, .optMo .allabout-tabs__list__tab.-active{border-bottom:0.6250vw solid #000;} .optMo .allabout-tabs__panel .txt-box {min-height: 91.1111vw} .optMo .allabout-tabs__panel {padding: 4.7222vw 5.5556vw 8.3333vw;} .optMo .allabout-tabs__panel .txt__tit{font-size: 6.4vw;} .optMo .allabout-tabs__panel .txt__desc{margin-top: 5.2778vw; font-size: 4.7222vw;} .optMo .allabout-tabs__panel .txt__tip{flex-direction: column; margin-top: 5.2778vw;} .optMo .allabout-tabs__panel .txt__tip.txt__tip--ico{flex-direction: row; margin-top: 5.2778vw;} .optMo .allabout-tabs__panel #allaboutTabsPanel04 .txt__tip{flex-direction: row;} .optMo .allabout-tabs__panel .txt__tip li, .optMo .allabout__expanded__btn {margin-top: 5.2778vw; font-size: 4.4444vw;} .optMo .allabout-tabs__panel .txt__tip.txt__tip--ico li{margin-top: 0;} .optMo .allabout-tabs__panel .txt__tip li + li{margin: 0;} .optMo .allabout-tabs__panel .txt__tip.txt__tip--ico li.pic-intertek{margin-left: 2.6944vw;} .optMo .allabout-tabs__panel [class^='pic']{margin-top: 12.2222vw;} .optMo .allabout-tabs__panel-wrap::-webkit-scrollbar {width:2px; background-color:transparent;} .optMo .allabout-tabs__panel-wrap::-webkit-scrollbar-button {display:none;} .optMo .allabout-tabs__panel-wrap::-webkit-scrollbar-thumb {border-radius:2em; background-color:rgba(0,0,0,0.2);} .optMo .allabout-tabs__panel-wrap:hover::-webkit-scrollbar-thumb, .optMo .allabout-tabs__panel-wrap::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.5);} .optMo .allabout-tabs__panel-wrap:hover {scrollbar-color:rgba(0,0,0,0.5);} .optMo .allabout__expanded__cont{width: 88.8889vw; min-height: 41.6667vw;} .optMo .allabout__expanded__cont__tit{font-size: 4.44vw;} .optMo .allabout__expanded__cont__tip li{font-size: 3.8889vw} .optMo .allabout__expanded__cont__close {width: 4.44vw; height: 4.44vw; top: 8%; right: 4%; background-size: 80% 80%;} .optMo .guide-tabs__list {justify-content: flex-start;} .check-tab.swiper-container{width:100%} .check-tab .swiper-slide {margin-left: 0.5556vw; width: calc(25% - 0.5556vw);} .check-tab .swiper-slide:first-child{margin-left: 5.5556vw;} .check-tab .swiper-slide:last-child{margin-left: 2.5556vw; margin-right: 5.5556vw;} /* 4. modal - 끊임없는 진화 */ .re-tip .constant-ev__tit {height:29vw; margin-bottom: 2vw; font-size:6.6667vw; flex-direction:column;} .re-tip .constant-ev__tit > span + span {margin-left:0;} .re-tip .constant-ev__inner {height:calc(100% - 33.3333vw); padding:0 0 3.4722vw} .re-tip .constant-ev__pic.pic-pc {display:none;} .re-tip .constant-ev__pic.pic-mo {display:block;} .re-tip .constant-ev__disc {margin-top:5.5556vw; padding:0 5.2777vw; font-size:4.4444vw; text-align:left;} .re-tip .constant-ev__disc > li {padding-left:2.2222vw; text-indent:-2.2222vw;} /* 5. modal - 에어컨 사전점검 */ #preInspection {width:100%;} #preInspection .modal-cont {height:100%;} .re-tip .preInspection_tit {height:20.0vw; margin-bottom:5.0vw;} .re-tip .preInspection_tit h3 {font-size:6.6667vw;} .re-tip .preInspection_tit .preInspection_title_step {display:inline-block; text-align:center; margin-top:5.0vw;} .re-tip .preInspection_tit .preInspection_title_step strong {font-size:3.3vw; line-height:1.5;} .re-tip .preInspection_tit .preInspection_title_step span {font-size:1.8vw; padding:0 0.6944vw; line-height:1.0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number {font-size:3.0vw; height:6.0vw; padding:0 3.0vw; line-height:6.0vw;} .re-tip .preInspection_inner {height:calc(100% - 25vw); padding:3.4vw 0 0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number_wrap {margin-top:-8.6vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title h4 {font-size:4.0vw; margin-top:3.5vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title p {font-size:3.0vw; margin-top:2.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap {border-radius: 3.0vw; padding:6.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc {padding-top:4.0vw; flex-direction: column;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li {margin:0;border-radius: 3.0vw; margin-top:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li:first-child {margin-top:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li p.desc_box {font-size:3.0vw; line-height:1.5; height:16.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li p.desc_box span {font-size:2.7vw;} .re-tip .preInspection_inner .preInspection_step_wrap + .preInspection_step_wrap {margin-top:9.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02{flex-direction: row;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li {width:calc(50% - 1.5vw); margin:0; margin-left:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li:first-child {margin-left:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li:last-child {width:100%; margin-top:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box {height:auto; padding:5vw 0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p {font-size:3.0vw; line-height:1.5;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p span {display:none;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p strong {font-size:3.0vw; line-height:1.5; font-weight:bold;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box.item05 {height:30vw; padding:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li.item01:last-child {margin-top:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_title {font-size:3.0vw; height:8.0vw; line-height:8.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list {display:block; padding:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li {font-size:3.0vw; line-height:1.2;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li:last-child {padding-top:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li::before {top:1.5vw; left:50%; margin-left:-40%; width:80%; height:1px; } .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li {width:100%;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li:last-child {width:100%; margin-top:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 {height:10.0vw; line-height:1.5;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 span {font-size:2.7vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li.item02 {margin-top:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li.item02::before {top:-1.5vw; left:50%; margin-left:-40%; width:80%; height:1px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li span {font-size:2.7vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li img{width:100%;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_img_pc{display:none;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_img_mo{display:block;} } </style> <section class="re-tip pd-tb-60"> <h2 class="re-tip__tit"> <span>에어컨 구매 전 </span> <span>알아두면 좋을 꿀팁!</span> </h2> <ul class="re-tip__list"> <li> <button type="button" class="re-tip__list__btn pic02 btn-open-modal" aria-haspopup="dialog" aria-controls="airCheck" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:tip:check_list_view_more"> <span class="txt">에어컨 구입 전 <br class="br-mo"> 체크리스트</span> </button> </li> <li> <button type="button" class="re-tip__list__btn pic05 btn-open-modal" aria-haspopup="dialog" aria-controls="preInspection" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:tip:pre-inspection_view_more"> <span class="txt txt2 oneline">에어컨 사전점검 가이드</span> </button> </li> <li> <button type="button" class="re-tip__list__btn pic04 btn-open-modal" aria-haspopup="dialog" aria-controls="constantEv" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:tip:history_view_more"> <span class="txt txt2">무풍에어컨의 <br class="br-mo"> 끊임없는 진화</span> </button> </li> </ul>  <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="airCheck" class="modal-layer optMo" aria-hidden="true"> <div class="modal-cont" role="dialog" aria-modal="true" aria-labelledby="airCheckTit" tabindex="-1"> <h3 id="airCheckTit" class="allabout-tabs__tit">에어컨 구입 전 체크리스트</h3> <div class="check-tab swiper"> <div class="guide-tabs__list swiper-wrapper" role="tablist"> <div class="swiper-slide"><a href="javascript:;" id="allaboutTabsList01" class="allabout-tabs__list__tab -active" role="tab" aria-controls="allaboutTabsPanel01" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:tip:pop_checklist_tab_loacation">설치 위치 결정</a></div> <div class="swiper-slide"><a href="javascript:;" id="allaboutTabsList02" class="allabout-tabs__list__tab" role="tab" aria-controls="allaboutTabsPanel02" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:tip:pop_checklist_tab_loacation">설치 공간의 크기</a></div> <div class="swiper-slide"><a href="javascript:;" id="allaboutTabsList03" class="allabout-tabs__list__tab" role="tab" aria-controls="allaboutTabsPanel03" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:tip:pop_checklist_tab_cost">전기료 절약</a></div> <div class="swiper-slide"><a href="javascript:;" id="allaboutTabsList04" class="allabout-tabs__list__tab" role="tab" aria-controls="allaboutTabsPanel04" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:tip:pop_checklist_tab_airclean">공기 청정 기능</a></div> <div class="swiper-slide"><a href="javascript:;" id="allaboutTabsList05" class="allabout-tabs__list__tab" role="tab" aria-controls="allaboutTabsPanel05" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:tip:pop_checklist_tab_additional">다양한 부가 기능</a></div> </div> </div> <div class="allabout-tabs__panel-wrap"> <div id="allaboutTabsPanel01" class="allabout-tabs__panel -active" role="tabpanel" aria-labelledby="allaboutTabsList01" aria-hidden="false"> <div class="pic01" role="none"></div> <div class="txt-box"> <p class="txt__tit">설치 위치를 먼저 결정해주세요</p> <p class="txt__desc"> 에어컨을 거실에 설치 한다면 강력한 스탠드 타입, <br class="br-mo">방에 설치한다면 <br class="br-pc"> 공간을 덜 차지하는 벽걸이 <br class="br-mo">타입이 좋습니다. 거실, 방 둘다 설치하려면 <br class="br-pc"> <br class="br-mo">홈멀티를, 다수의 방에 에어컨을 설치하려면 <br class="br-mo">핏홈을 추천 드립니다. </p> <ul class="txt__tip"> <li>* 홈멀티 : 스탠드 + 벽걸이</li> <li>* 핏홈 : 스탠드 + 벽걸이 + 천장형 <br class="br-mo"> / 스탠드 + 천장형 + 천장형 </li> </ul> </div> </div> <div id="allaboutTabsPanel02" class="allabout-tabs__panel" role="tabpanel" aria-labelledby="allaboutTabsList02" aria-hidden="true"> <div class="pic02" role="none"></div> <div class="txt-box"> <p class="txt__tit">설치할 공간의 크기를 확인해주세요</p> <p class="txt__desc"> 설치 공간에 맞는 냉방 면적의 에어컨을 <br class="br-mo"> 선택해야 합니다. <br class="br-pc"> 냉방 면적 대비 에어컨 용량이 <br class="br-mo"> 작으면 냉방 효율이 떨어져 <br class="br-pc"> 전기요금이 더 많이 <br class="br-mo"> 부과될 수 있습니다. 거실에 통유리창이 많은 경우 <br class="br-pc"> <br class="br-mo"> 냉방 효율이 떨어질 수 있으니 실제 공간보다 <br class="br-pc"> 냉방 <br class="br-mo"> 효율이 좀 더 큰 제품이 좋습니다. </p> <div class="allabout__expanded tooltip-expanded"> <button class="allabout__expanded__btn tooltip-expanded__open" type="button" aira-controls="allaboutTip01" aira-expanded="false" data-omni-type="microsite_contentinter" data-omni="">* 에어컨 적절한 크기 쉽게 확인하는 방법</button> <div id="allaboutTip01" class="allabout__expanded__cont tooltip-expanded__cont" tabindex="0" aira-hidden="true"> <strong class="allabout__expanded__cont__tit">* 에어컨 적절한 크기 쉽게 확인하는 법</strong> <div class="allabout__expanded__cont__inner"> <ul class="allabout__expanded__cont__tip"> <li> * 집 크기 / 2 = 에어컨 적절한 크기 <br> 일반적으로 거실 크기는 전체 집 크기의 절반 정도 <br> (출처 : KBS 뉴스) </li> </ul> </div> <button type="button" class="allabout__expanded__cont__close tooltip-expanded__cont__close" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:tip:special:tooltip_close_1"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> </div> <div id="allaboutTabsPanel03" class="allabout-tabs__panel" role="tabpanel" aria-labelledby="allaboutTabsList03" aria-hidden="true"> <div class="pic03" role="none"></div> <div class="txt-box"> <p class="txt__tit pc-txt-only">전기료 및 소비전력 절약이 가능한지 확인해보세요</p> <p class="txt__tit mo-txt-only">소비전력 절약이 가능한지 <br> 확인해보세요</p> <p class="txt__desc"> 짧아진 봄·가을, 길어진 여름으로 에어컨 사용 <br class="br-mo"> 시간이 늘어난 만큼 <br class="br-pc"> 에어컨에 소비전력을 <br class="br-mo"> 절약할 수 있는 기능이 있는지 확인해 보세요. <br class="br-pc"> <br class="br-mo"> 초절전 디지털 인버터 사용으로 전기료 절약 <br class="br-mo"> 효과를 <br class="br-pc"> 기대할 수 있는지 확인하는 것도 기본이죠. </p> </div> </div> <div id="allaboutTabsPanel04" class="allabout-tabs__panel" role="tabpanel" aria-labelledby="allaboutTabsList04" aria-hidden="true"> <div class="pic04" role="none"></div> <div class="txt-box"> <p class="txt__tit pc-txt-only">공기 청정 기능을 제공하는지 확인해보세요</p> <p class="txt__tit mo-txt-only">공기 청정 기능을 확인해보세요</p> <p class="txt__desc"> 최근 미세먼지가 많아져 청정 기능의 중요성이 <br class="br-mo"> 커지고 있죠. <br class="br-pc"> 에어컨에 청정 기능이 필요하다면 <br class="br-mo"> 초미세먼지뿐만 아니라 <br class="br-pc"> 유해세균 및 바이러스까지 <br class="br-mo"> 제거할 수 있는 기능이 탑재되어 있는지도 <br class="br-pc"> 꼼꼼히 <br class="br-mo"> 보시면 좋습니다. CAC 인증, 인터텍 살균 검증, <br class="br-mo"> KTL 제균 검증을 받은 <br class="br-pc"> 제품인지도 따져 보면 <br class="br-mo"> 더 좋죠. </p> <ul class="txt__tip txt__tip--ico"> <li class="pic-cac"> <img src="//images.samsung.com/kdp/pcd/100427/airclean_nowind_certifiy.png" alt="CAC인증마크 로고입니다."> </li> <li class="pic-intertek"> <img src="//images.samsung.com//kdp/static/pcd/air-conditioners/intertek_logo.png" alt="Intertek Total Quality. Assured. 살균검증 인증마크 로고입니다."> </li> </ul> <div class="allabout__expanded tooltip-expanded"> <button class="allabout__expanded__btn tooltip-expanded__open" type="button" aira-controls="allaboutTip02" aira-expanded="false" data-omni-type="microsite_contentinter" data-omni="">* CAC 인증</button> <div id="allaboutTip02" class="allabout__expanded__cont tooltip-expanded__cont" tabindex="0" aira-hidden="true"> <strong class="allabout__expanded__cont__tit">CAC 인증</strong> <div class="allabout__expanded__cont__inner"> <ul class="allabout__expanded__cont__tip"> <li> * 공기 청정 기능이 탑재된 삼성 무풍에어컨은 한국 <br> 공기청정협회로부터 CAC (공기청정 에어컨디셔너 <br> 성능인증 제도) 인증을 취득하였습니다. </li> </ul> </div> <button type="button" class="allabout__expanded__cont__close tooltip-expanded__cont__close" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:tip:special:tooltip_close_1"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> </div> <div id="allaboutTabsPanel05" class="allabout-tabs__panel" role="tabpanel" aria-labelledby="allaboutTabsList05" aria-hidden="true" tabindex="-1"> <div class="pic05" role="none"></div> <div class="txt-box"> <p class="txt__tit">다양한 부가 기능을 따져보세요</p> <p class="txt__desc"> Welcome Aircare를 통해 도착 전에 미리 집안을 <br class="br-mo">시원하게 만들 수 있고, <br class="br-pc"> AI 진단으로 에어컨 <br class="br-mo"> 스스로 제품 상태를 진단하고 점검이 필요한 항목 <br class="br-mo"> 발견 시 <br class="br-pc"> 해결 방법을 제공할 수 있어요. <br class="br-mo"> 인공지능 쾌적 기능에 편리한 음성인식까지, <br class="br-pc"> <br class="br-mo"> 우리 집에 필요한 부가 기능이 무엇인지 한 번 <br class="br-mo"> 따져보세요. </p> </div> </div> </div> </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div>  <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="constantEv" class="modal-layer" aria-hidden="true"> <div class="modal-cont modal4" role="dialog" aria-modal="true" aria-labelledby="constantEvTit" tabindex="-1"> <div class="constant-ev"> <h3 id="constantEvTit" class="constant-ev__tit"><span>무풍에어컨의 </span> <span>끊임없는 진화</span></h3> <div class="constant-ev__inner -scroll"> <img class="constant-ev__pic pic-pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/bg_history_pc_v1.jpg" alt="삼성 무풍에어컨이 2016년 부터 2024 까지 발전한 이미지를 보여줍니다. 2016년 무풍쾌적의 등장과 절전, 세계 최초 무풍에어컨이 탄생 2017년에는 방방마다 무풍 이라는 슬로건으로 거실부터 안방까지 벽걸이 무풍에어컨이 확장되었고, 2018년도에는 맞춤 쾌적으로 인공지능 무풍 에어컨을 탄생시켰습니다. 2018~2019년도에는 폭염에 최적하된 성능과 가구같은 디자인의 무풍갤러리를 출시하였고, 2020년도에는 더 진회된 방방마다 무풍이라는 슬로건으로 무풍 벽걸이 부터 무풍 벽걸이 와이드 까지 출시되었습니다. 2021년도에는 무풍과 비스포크의 만남으로 비스포크 무풍에어컨 갤러리가 출시 되었습니다. 2022년에는 진짜를 가쳐 나만의 무풍이라는 슬로건으로 취향/공간/맞춤 무풍 갤러리로 소비전력과 환경을 생각 하였습니다. 2023년도에는 3D 와이드 무풍으로 메탈 프레스 공법으로 완성된 실루엣 패턴과 풍부해진 무풍홀의 제품을 출시하였습니다. 2024년에는 AI 집사가 알아서 맞춰주는 3D 와이드 무풍이라는 주제로 리모컨 없이도 빅스비 케어로 에어컨을 관리할 수 있는 AI 강점의 제품을 출시하였습니다. "> <div class="swiper mySwiper constant-ev__pic pic-mo"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/bg_history_01_mo.jpg" alt="삼성 무풍에어컨이 2016년 부터 2024 까지 발전한 이미지를 보여줍니다. 2016년 무풍쾌적의 등장과 절전, 세계 최초 무풍에어컨이 탄생 2017년에는 방방마다 무풍 이라는 슬로건으로 거실부터 안방까지 벽걸이 무풍에어컨이 확장되었고, 2018년도에는 맞춤 쾌적으로 인공지능 무풍 에어컨을 탄생시켰습니다. 2018~2019년도에는 폭염에 최적하된 성능과 가구같은 디자인의 무풍갤러리를 출시하였고, 2020년도에는 더 진회된 방방마다 무풍이라는 슬로건으로 무풍 벽걸이 부터 무풍 벽걸이 와이드 까지 출시되었습니다."></div> <div class="swiper-slide"><img src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/bg_history_02_mo.jpg" alt="2021년도에는 무풍과 비스포크의 만남으로 비스포크 무풍에어컨 갤러리가 출시 되었습니다. 2022년에는 진짜를 가쳐 나만의 무풍이라는 슬로건으로 취향/공간/맞춤 무풍 갤러리로 소비전력과 환경을 생각 하였습니다. 2023년도에는 3D 와이드 무풍으로 메탈 프레스 공법으로 완성된 실루엣 패턴과 풍부해진 무풍홀의 제품을 출시하였습니다."></div> <div class="swiper-slide"><img src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/bg_history_03_mo_v1.jpg" alt="2024년에는 AI 집사가 알아서 맞춰주는 3D 와이드 무풍이라는 주제로 리모컨 없이도 빅스비 케어로 에어컨을 관리할 수 있는 AI 강점의 제품을 출시하였습니다."></div> </div> </div> <script> $(function(){ var constantEvSwiper = new Swiper(".constant-ev__inner .mySwiper", { slidesPerView: 1, speed: 500, touchStartPreventDefault: false, observer: true, observeParents: true, }); }); </script> <p class="blind">흰색 배경에 삼성전자 에어컨 제품들이 거실 배경에 나열되어 있는 이미지 입니다. 갤러리, 클래식, 벽걸이 제품이 차례대로 보여집니다. 이미지 상단에 2016년부터 2022년 까지 연도별 에어컨 변천사가 표기됩니다. 2016년 무풍 쾌적의 등장과 절전 세계 최초 무풍에어컨 탄생. 2017년 방방마다 무풍 거실부터 안방까지 벽걸이 무풍에어컨 확장. 2018년 맞춤 쾌적 우리 모두의 무풍 인공지능(AI)으로 무풍에커너 완성. 2019년 폭염에 최적화된 강력 성능과 가구같은 디자인의 무풍갤러리 탄생 서큘레이터 급속냉방과 와이드 무풍냉방의 만남. 2020년 더 진화된 방방마다 무풍 무풍 벽걸이 와이드로 또 한번의 진화 ALL NEW 무풍벽걸이 와이드 탄생. 2021년 무풍과 BESPOKE의 만남 BESPOKE 무풍에어컨 갤러리. 2022년 진짜를 가져 나만의 무풍 취향 맞춤, 공간 맞춤 BESPOKE 무풍갤러리 소비전력을 아껴주고, 환경을 생각합니다.</p> <ul class="constant-ev__disc"> <li>* 미국 냉공조학회(ASHRAE)기준 Cold Draft가 없는 0.15 m/s 이하의 바람을 무풍(Still Air)으로 정의합니다.</li> </ul> </div> </div> </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div>  <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="preInspection" class="modal-layer" aria-hidden="true"> <div class="modal-cont modal4" role="dialog" aria-modal="true" aria-labelledby="constantEvTit" tabindex="-1"> <div class="preInspection"> <div class="preInspection_tit"> <h3>에어컨 사전점검 가이드</h3> <div class="preInspection_title_step"> <strong class="-active">전원 연결 점검</strong><span>▶</span><strong>리모컨 작동 점검</strong><br class="br-mo"><span>▶</span><strong>실외기 통풍 점검</strong><span>▶</span><strong>에어컨 필터 점검</strong><span>▶</span><strong>에어컨 냉방 점검</strong> </div> </div> <div class="preInspection_inner -scroll"> <div class="preInspection_step_wrap"> <div class="preInspection_step_number_wrap"><p class="preInspection_step_number">STEP 1. 전원 연결 점검</p></div> <div class="preInspection_step_title"> <h4>전원 연결 상태를 확인해 주세요.</h4> <p>에어컨 전원이 빠져 있거나 <br class="br-mo">차단기가 내려가 있는지 확인해 주세요.</p> </div> <ul class="preInspection_step_desc"> <li> <img class="preInspection_step_img_pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step1_pic01_pc.jpg" alt="벽면 콘센트에 에어컨 전원이 연결되어 있습니다."> <img class="preInspection_step_img_mo" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step1_pic01_mo.jpg" alt="벽면 콘센트에 에어컨 전원이 연결되어 있습니다."> <div class="desc_box"><p>전원 플러그가 콘센트에<br class="br-pc"> 헐겁게 <br class="br-mo">꽂히지 않았는지<br class="br-pc"> 확인해 주세요.</p></div> </li> <li> <img class="preInspection_step_img_pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step1_pic02_pc.jpg" alt="멀티탭에 위로 x 표시가 되어 있습니다."> <img class="preInspection_step_img_mo" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step1_pic02_mo.jpg" alt="멀티탭에 위로 x 표시가 되어 있습니다."> <div class="desc_box"><p>멀티탭은 사용하지 마시고<br class="br-pc"> 벽의 전원 콘센트에<br class="br-pc"><br class="br-mo"> 직접 꽂아 사용해 주세요.</p></div> </li> <li> <img class="preInspection_step_img_pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step1_pic03_pc.jpg" alt="차단기에 에어컨 버튼이 보이며 에어컨 차단기에는 파란색의 박스로 표시가 되어있으며 그 위에 ON 표기가 되어있습니다."> <img class="preInspection_step_img_mo" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step1_pic03_mo.jpg" alt="차단기에 에어컨 버튼이 보이며 에어컨 차단기에는 파란색의 박스로 표시가 되어있으며 그 위에 ON 표기가 되어있습니다."> <div class="desc_box"><p>에어컨 차단기 스위치 상태를(ON 확인)<br class="br-pc"> 확인하세요.<span>* 차단기 주요 위치 (현관 신발장 또는 실외기 실)</span></p></div> </li> </ul> </div> <div class="preInspection_step_wrap"> <div class="preInspection_step_number_wrap"><p class="preInspection_step_number">STEP 2. 리모컨 작동 점검</p></div> <div class="preInspection_step_title"> <h4>리모컨 포함된 제품 사용 시<br> 리모컨 작동상태를 확인해주세요.</h4> <p>(24년형 제품부터 리모컨 미포함 모델 출시)</p> </div> <ul class="preInspection_step_desc step02"> <li> <img class="preInspection_step_img_pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step2_pic01_pc.jpg" alt="휴대폰 카메라로 리모컨의 발신부를 비추고 있습니다. 휴대폰에는 리모컨 발신부에 램프가 깜빡이는 것을 확인할 수 있습니다."> <img class="preInspection_step_img_mo" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step2_pic01_mo.jpg" alt="휴대폰 카메라로 리모컨의 발신부를 비추고 있습니다. 휴대폰에는 리모컨 발신부에 램프가 깜빡이는 것을 확인할 수 있습니다."> <p class="desc_title">리모컨 발신부 IR 센서 점검</p> <div class="desc_box item05"><p>리모컨 발신부를 촬영하여<br class="br-pc"><br class="br-mo"> 램프 표시 상태를 확인하세요.<br class="br-pc"><br class="br-mo"> <strong>정상</strong> : 램프 깜빡임 <span>/</span> <br class="br-mo"><strong>고장</strong> : 반응 없음</p></div> </li> <li> <img class="preInspection_step_img_pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step2_pic02_pc.jpg" alt="삼성 에어컨 리모컨이 2가지 형태가 보여지고 있으며 LCD 표시창의 위치를 파란색 박스로 표시하고 있습니다."> <img class="preInspection_step_img_mo" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step2_pic02_mo.jpg" alt="삼성 에어컨 리모컨이 2가지 형태가 보여지고 있으며 LCD 표시창의 위치를 파란색 박스로 표시하고 있습니다."> <p class="desc_title">LCD 표시창 확인하기</p> <div class="desc_box item05"><p>전원 버튼을 눌렀을 때 <br class="br-mo">LCD 표시창의<br class="br-pc"> 화면이 표시되는지 <br class="br-mo">확인 하세요.<br class="br-pc"><br class="br-mo"> <strong>정상</strong> : 리모컨 상태 표시 <span>/</span> <br class="br-mo"><strong>고장</strong> : 표시 없음</p></div> </li> <li> <img class="preInspection_step_img_pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step2_pic03_pc.jpg" alt="에어컨 리모컨의 청정버튼과 max 버튼을 동시에 누르라고 지시하는 화살표가 표기되어 있으며 그 왼편으로는 에어컨과 리모컨이 페어링이 되어 연결되었다는 순환 화살표 표기가 되어있습니다."> <img class="preInspection_step_img_mo" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step2_pic03_mo.jpg" alt="에어컨 리모컨의 청정버튼과 max 버튼을 동시에 누르라고 지시하는 화살표가 표기되어 있으며 그 왼편으로는 에어컨과 리모컨이 페어링이 되어 연결되었다는 순환 화살표 표기가 되어있습니다."> <p class="desc_title">리모컨 페어링 하기 (스탠드/벽걸이 에어컨)</p> <ul class="preInspection_step_list"> <li>1. 부가기능 위 2개 버튼(청정+MAX)을<br>길게 눌러 리모컨을 실내기에 연결 하세요.</li> <li>2. 연결 완료 후 에어컨을 켜고<br>모드 버튼을 눌러 동작되는지 확인 하세요.<br>실내기와 연결이 실패하면 부가기능,<br>온도조절 기능이 작동되지 않습니다.</li> </ul> </li> </ul> </div> <div class="preInspection_step_wrap"> <div class="preInspection_step_number_wrap"><p class="preInspection_step_number">STEP 3. 실외기 통풍 점검</p></div> <div class="preInspection_step_title"> <h4>실외기 통풍 상태를 확인해 주세요.</h4> <p>실외기 주변 짐을 정리하고 실외기실 창문을 열어주세요.</p> </div> <ul class="preInspection_step_desc step02"> <li class="item03"> <img class="preInspection_step_img_pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step3_pic01_pc.jpg" alt="에어컨 실외기의 이미지가 2가지 준비되어있습니다. 왼쪽 에어컨 실외기의 바람 토출 구멍 앞에 큰 물건들이 놓여있고 x 표시가 되어있습니다. 그 오른편에는 에어컨 실외기의 토출 구멍 앞에 물건이 없고 바람이 잘 빠져나가는 모습 아래로 o 표시가 있습니다."> <img class="preInspection_step_img_mo" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step3_pic01_mo.jpg" alt="에어컨 실외기의 이미지가 2가지 준비되어있습니다. 왼쪽 에어컨 실외기의 바람 토출 구멍 앞에 큰 물건들이 놓여있고 x 표시가 되어있습니다. 그 오른편에는 에어컨 실외기의 토출 구멍 앞에 물건이 없고 바람이 잘 빠져나가는 모습 아래로 o 표시가 있습니다."> <p class="desc_title">에어컨을 효율적으로 사용하려면 실외기를 점검해 주셔야 합니다.</p> <div class="desc_box"><p> 실외기 통풍에 장애가 되는 물건이 있으면 정리해주세요.<br class="br-pc"><br class="br-mo"> 실외기 주변 통풍에 장애가 되는 물건이 있으면 <br class="br-mo">찬바람이 나오지 않거나<br class="br-pc"> 작동 중에 꺼지는 증상이 발생할 수 있습니다.<br class="br-pc"><br class="br-mo"> 실외기 실 창문을 통풍이 잘 되도록 활짝 열어 주세요. </p></div> </li> </ul> </div> <div class="preInspection_step_wrap"> <div class="preInspection_step_number_wrap"><p class="preInspection_step_number">STEP 4. 에어컨 필터 점검</p></div> <div class="preInspection_step_title"> <h4>에어컨 필터를 점검해 주세요.</h4> <p>에어컨 필터에 있는 먼지 제거 후 물 세척하여 <br class="br-mo">그늘에서 건조 시켜 주세요.</p> </div> <ul class="preInspection_step_desc step02"> <li class="item01"> <img class="preInspection_step_img_pc imgone" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step4_pic01_pc.jpg" alt="에어컨의 필터를 꺼내 물로 세척하는 모습을 보여주고 있습니다."> <img class="preInspection_step_img_mo imgone" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step4_pic01_mo.jpg" alt="에어컨의 필터를 꺼내 물로 세척하는 모습을 보여주고 있습니다."> </li> </ul> </div> <div class="preInspection_step_wrap"> <div class="preInspection_step_number_wrap"><p class="preInspection_step_number">STEP 5. 에어컨 냉방 점검</p></div> <div class="preInspection_step_title"> <h4>에어컨 냉방 상태를 점검해 주세요.</h4> <p>냉방 작동 여부를 확인해 주세요.</p> </div> <ul class="preInspection_step_desc step05"> <li> <img class="preInspection_step_img_pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step5_pic01_pc.jpg" alt="24년형 에어컨의 오른편에 있는 버튼 중 위쪽으로 바라보는 화살표 표시를 7초간 눌러주세요 라는 문구와 함께 오른쪽에는 진단 상태로 구동 중인 에어컨의 모습을 보여주고 있습니다."> <img class="preInspection_step_img_mo" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step5_pic01_mo.jpg" alt="24년형 에어컨의 오른편에 있는 버튼 중 위쪽으로 바라보는 화살표 표시를 7초간 눌러주세요 라는 문구와 함께 오른쪽에는 진단 상태로 구동 중인 에어컨의 모습을 보여주고 있습니다."> <p class="desc_title s_title01">에어컨에서 인공지능 진단하기<br><span>(24년형 출시 제품)</span></p> <div class="desc_box"><p>스탠드 에어컨 운전 Off 상태에서<br>에어컨 본체의 온도 올림 키를 7초간 눌러주세요.<br>(리모컨의 AI 진단으로도 입력이 가능합니다.)</p></div> </li> <li> <img class="preInspection_step_img_pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step5_pic02_pc.jpg" alt="ai 진단 시작을 하고 있는 리모컨이 보이며, 이 기능을 사용하기 위해서는 부가기능 버튼 > 좌우 버튼 > 설정 버튼 > 확인 버튼 또는 좌우 버튼 > ai 진단 > 확인 버튼을 누르면 된다는 안내문이 쓰여져 있습니다."> <img class="preInspection_step_img_mo" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step5_pic02_mo.jpg" alt="ai 진단 시작을 하고 있는 리모컨이 보이며, 이 기능을 사용하기 위해서는 부가기능 버튼 > 좌우 버튼 > 설정 버튼 > 확인 버튼 또는 좌우 버튼 > ai 진단 > 확인 버튼을 누르면 된다는 안내문이 쓰여져 있습니다."> <p class="desc_title s_title01">리모컨으로 인공지능 진단하기<br><span>(벽걸이 에어컨)</span></p> <div class="desc_box"><p>벽걸이 에어컨의 경우,<br>리모컨의 [AI 진단]을 눌러주세요.</p></div> </li> <li> <img class="preInspection_step_img_pc" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step5_pic03_pc.jpg" alt="삼성 스탠드 에어컨의 앞에 18도 냉방으로 설정한 리모컨의 모습이 보이며, 그 오른편에는 스탠드 에어컨이 냉방이 되어 토출되어 나오는 바람의 온도는 12도 실내를 가르키는 온도계에는 22도로 표기되어 있습니다."> <img class="preInspection_step_img_mo" src="//images.samsung.com/kdp/static/pcd/air-conditioners/240206/preInspection_step5_pic03_mo.jpg" alt="삼성 스탠드 에어컨의 앞에 18도 냉방으로 설정한 리모컨의 모습이 보이며, 그 오른편에는 스탠드 에어컨이 냉방이 되어 토출되어 나오는 바람의 온도는 12도 실내를 가르키는 온도계에는 22도로 표기되어 있습니다."> <p class="desc_title">리모컨으로 냉방 점검하기 (공통)</p> <ul class="preInspection_step_list"> <li>1. 희망 온도를 18 ℃ 로 설정</li> <li class="item02">2. 10분 이상 기다려 주세요.</li> <li>3. 실내온도 대비 토출온도가 10 ℃ 이상 차이가 나면 정상입니다.<br><span>(토출구가 여러개일 경우 상/하단 온도차 1~2 ℃ 이내 차이 나면 정상)</span></li> </ul> </li> </ul> </div> </div> </div> </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div> </section> <script> function modalDialog(modalOpen){ modalOpen.on('click', function(){ let btn = $(this), openModal = $('#' + btn.attr('aria-controls')), modalDim = openModal.prev('.modal-dim'), modal = openModal.find('.modal-cont'), closeModal = openModal.find('.btn-modal-close'); $('body').addClass('-has-modal'); modalDim.addClass('-active'); openModal.addClass('-active').attr('aria-hidden', false); // 팝업 닫을 때 유튜브 정지 // let youtubeId = openModal.find('.video').children().attr('id'); // function youtubeStop() { // modal.find('iframe').removeAttr('src title') // } // 포커스 이동 함수 function modalFocus(modalId) { let dialog = $(modalId).find('[role=dialog]'); dialog.focus(); let focusble = modalId.find('button, a, [tabindex="0"]'); let focusbleFirst = focusble.eq(0); let focusbleLast = focusble.eq(focusble.length - 1); focusbleFirst.on('keydown', function(e){ let keycode = e.keyCode || e.which; let tab = (e.key === 'Tab' || e.keycode === 9); if(e.shiftKey && tab){ // console.log(document.activeElement) if(document.activeElement === focusbleFirst[0]){ // console.log('쉬프트 탭 눌렀을 때 첫번째 포커서블한 요소에 포커스가 가면') e.preventDefault(); focusbleLast.focus(); } } }) focusbleLast.on('keydown', function(e){ let keycode = e.keyCode || e.which; let tab = (e.key === 'Tab' || e.keycode === 9); if(tab){ // console.log(document.activeElement) if(document.activeElement === focusbleLast[0]){ // console.log('탭 눌렀을 때 마지막 포커서블한 요소에 포커스가 가면') e.preventDefault(); focusbleFirst.focus(); } } }) } modalFocus(openModal); // 닫기 버튼 함수 function modlaClose() { $('body').removeClass('-has-modal'); modalDim.removeClass('-active'); openModal.removeClass('-active').attr('aria-hidden', true); btn.focus(); // 팝업 닫으면 열었던 버튼으로 포커스 이동 // if(openModal.find('iframe').length){ // youtubeStop(); // 팝업 닫을 때 유튜브 정지 // } if(openModal.find('.dryer-search').hasClass('-active') === false){ $('body').addClass('-has-modal'); } if($('#re-tipSetguide').hasClass('-active') === false){ $(document).off('keyup.closeModal'); $('body').removeClass('-has-modal'); } } // 닫기 버튼 클릭 시 팝업창 닫기 closeModal.off('click').on('click', modlaClose); // modalDim을 클릭해도 팝업창 닫기 modalDim.off('click').on('click', function(e){ if(e.target === e.currentTarget){ modlaClose(); } }); // 팝업창이 열렸을 때 esc 키를 누르면 닫기 $(document).on('keyup.closeModal', function(e){ let keycode = e.keyCode || e.which; if(keycode === 27 && openModal.hasClass('-active')){ modlaClose(); } }) // 유튜브 // let youtubeLink = btn.attr("data-youtube-id"); // let youtubeUrl = 'https://youtube.com/watch?v=' + youtubeLink; // $.getJSON('https://noembed.com/embed', // {format: 'json', url: youtubeUrl}, function(data){ // modal.find('iframe').attr({'src': 'https://www.youtube.com/embed/' + youtubeLink, 'title': data.title}) // } // ) }); }; // 에어컨 사전점검 가이드 step control $('.preInspection_inner.-scroll').on('scroll', function() { let items = $('.preInspection_step_wrap'); if(items.length){ let scrollBoxOffsetTop = $('.preInspection_inner.-scroll').offset().top; let scrollBoxOffsetTopMath = Math.ceil(scrollBoxOffsetTop); let titleHeight = Math.ceil($('.preInspection_step_title').innerHeight()); for(let i = 0; i < items.length; i++){ let itemsOffsetTop = items.eq(i).offset().top; let itemsOffsetTopMath = Math.ceil(itemsOffsetTop); // items.eq(i).removeClass('-show') if(scrollBoxOffsetTopMath + titleHeight >= itemsOffsetTopMath){ items.eq(i).addClass('-show').siblings().removeClass('-show') } stepControl(); } } function stepControl() { let stepList = $('.preInspection_title_step > strong'); function activeIndex() { for(let i = 0; i < items.length; i++){ if(items.eq(i).hasClass('-show')){ return i; } } } for(let i = 0; i < stepList.length; i++){ let active = activeIndex(); stepList.eq(active).addClass('-active').siblings().removeClass('-active'); } } }) // function scrollToStep() { // let scrollBox = $('.preInspection_inner.-scroll'); // let items = $('.preInspection_step_wrap'); // items.eq(0).addClass('-active'); // scrollBox.on('scroll', function() { // if(items.length){ // let scrollBoxOffsetTop = scrollBox.offset().top * 1.5; // for(let i = 0; i < items.length; i++){ // let itemsOffsetTop = items.eq(i).offset().top; // // console.info(itemsOffsetTop) // // items.eq(i).removeClass('-show') // if(scrollBoxOffsetTop >= itemsOffsetTop){ // items.eq(i).addClass('-show').siblings().removeClass('-show') // } // stepControl(); // } // } // }) // function activeIndex() { // for(let i = 0; i < items.length; i++){ // if(items.eq(i).hasClass('-show')){ // return i; // } // } // } // function stepControl() { // let stepList = $('.preInspection_title_step > strong') // for(let i = 0; i < stepList.length; i++){ // let active = activeIndex(); // console.info(active) // stepList.eq(active).addClass('-active').siblings().removeClass('-active'); // } // } // }; function tabUi(tabList){ tabList.each(function(){ let tab = $(this).find('[role=tab]'), firstTab = tab.first(), lastTab = tab.last(); tab.off('click').on('click', function(){ let thisTab = $(this); let thisPanel = $('#' + thisTab.attr('aria-controls')); thisTab.addClass('-active').siblings().removeClass('-active'); thisTab.attr({'aria-selected': true}).removeAttr('tabindex').siblings().attr({'aria-selected': false, 'tabindex': -1}); thisPanel.addClass('-active').attr({'aria-hidden': false}).siblings().removeClass('-active').attr({'aria-hidden': true, 'tabindex': -1}); }) .off('keydown').on('keydown', function(e){ let thisTab = $(this), keycode = e.keyCode || e.which; // 마지막 or 처음 탭에서 방향키를 눌렀을 때 function firstOrLastTab(nextOrPrev, firstOrLast){ if(!(nextOrPrev.attr('id'))){ firstOrLast.attr('tabindex', 0).focus().siblings().attr('tabindex', -1); }; }; // 오른쪽 방향키 이거나 아래 방향키 if(keycode === 39 || keycode === 40){ // console.log('right or down'); let nextTab = thisTab.next(); nextTab.attr('tabindex', 0).focus().siblings().attr('tabindex', -1); let lastTabControl = new firstOrLastTab(nextTab, firstTab); } // 왼쪽 방향키 이거나 위쪽 방향키 if(keycode === 37 || keycode === 38){ // console.log('left or top'); let prevTab = thisTab.prev(); prevTab.attr('tabindex', 0).focus().siblings().attr('tabindex', -1); let firstTabControl = new firstOrLastTab(prevTab, lastTab); } }); }) }; function Tooltip(tooltipOpen){ tooltipOpen.off('click').on('click', function(){ let btn = $(this); let btnControlsId = btn.attr('aira-controls'); let cont = $('#' + btnControlsId); let closeTooltip = cont.find('.tooltip-expanded__cont__close'); let close = function(btn, cont){ btn.removeClass('-active').attr({'aira-expanded':'false'}); cont.removeClass('-active').attr({'aira-hidden':'true'}); } if(cont.hasClass('-active')){ close(btn, cont); }else{ btn.addClass('-active').attr({'aira-expanded':'true'}) cont.addClass('-active').attr({'aira-hidden':'false'}); } if(btn.hasClass('-active')){ btn.on('keydown', function(e){ if (e.keyCode == 27) { // ESC close(btn, cont); } if(e.shiftKey && (e.key == 'Tab' || e.keyCode == 9)){ // Shift + Tab setTimeout(function(){ close(btn, cont); }) } e.stopImmediatePropagation(); }) } cont.on({ 'blur': function(){ if(closeTooltip.length){ closeTooltip.focus(); closeTooltip.on('blur', function(){ close(btn, cont); }) }else{ close(btn, cont); } }, 'keydown': function(e){ if (e.keyCode == 27) { // ESC close(btn, cont); } } }) closeTooltip.off('click').on('click', function(){ close(btn, cont) }); // 툴팁 외 다른 요소를 클릭했을때 툴팁 닫힘 $('body').on('mousedown.tooltip-expanded', function(e){ if(!($(e.target).closest('.tooltip-expanded').index() > -1 || $(e.target).closest('.tooltip-expanded__open').index() > -1)) { // console.log('sfsadf') setTimeout(function(){ $('.tooltip-expanded__cont.-active').attr('aira-hidden', 'true').removeClass('-active'); $('.tooltip-expanded__open[aira-expanded=true]').focus().attr('aira-expanded', 'false').removeClass('-active'); }) } e.stopPropagation(); }); }) } // history swiper $(function(){ var historySwiper = new Swiper(".fb-history .mySwiper", {}); }); $(function(){ const checkListBtn = $('#airCheck .allabout-tabs__list__tab'); checkListBtn.click(function(){ $this = $(this); checkListBtn.removeClass('-active').attr('aria-selected','false'); $this.addClass('-active').attr('aria-selected','true'); }) let timer = null; let slideTab = undefined; function creatSlide(){ slideTab = new Swiper(".check-tab", { slidesPerView: 'auto', grabCursor: true, observer : true, observeParents : true, pagination: { el: ".swiper-pagination", clickable: true, }, touchRatio : 1, }); } $('.re-tip__list__btn.pic02.btn-open-modal').click(function(){ $('.btn-modal-close').attr('tabindex','0'); let modalbox = $('#airCheck'); let checktabBtns = modalbox.find('a:visible, button:visible').eq(0); function Mobile(){ return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);} if ($(window).width() < 800 && slideTab == undefined){creatSlide() } }) $(window).resize(function(){ clearTimeout(timer); timer = setTimeout(function() { if($(window).width() < 800 && slideTab == undefined){ creatSlide(); }else if($(window).width() > 800 && slideTab !== undefined){ slideTab.destroy(); slideTab = undefined; } // console.log($(window).width()) },200) }) }); // 앵커 function anchorMove() { var wind = $(window); var windW = wind.innerWidth(); var windTop = $('.re-tip').offset().top; var windTop2 = windTop - $('.re-lnb').height(); let isMobile = window.innerWidth <= 800; // 가이드 if(location.hash === '#tip_pop_self_inspection'){ wind.scrollTop(windTop); $('.re-tip__list__btn[aria-controls="preInspection"]').trigger('click'); console.info('너는?') } // 에어컨 구입 전 체크리스트 if(location.hash === '#check_list'){ wind.scrollTop(windTop); $('.re-tip__list__btn[aria-controls="airCheck"]').trigger('click'); } //팁 setTimeout(() => { if(location.hash === '#tip'){ const targetTip = document.querySelector('.re-tip'); const targetTipOffsetTop = targetTip.offsetTop; if(!isMobile){ window.scrollTo(0, targetTipOffsetTop); // console.log('pc') }else{ const tipTitlebHeight = document.querySelector('.re-tip__tit').offsetHeight; window.scrollTo(0, (targetTipOffsetTop - tipTitlebHeight)); // console.info(targetTipOffsetTop) // console.info(targetTipOffsetTop + tipTitlebHeight) // console.log('mo') } } }, 1000) } $(function(){ modalDialog($('.re-tip .btn-open-modal')); tabUi($('.re-tip .guide-tabs__list')); Tooltip($('.re-tip .allabout__expanded__btn')); anchorMove(); }) </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-about {width:1440px; margin:0 auto;} .re-about__tit {padding:0 24px; line-height:1.3; text-align:center;} .re-about__tit__sub {display:block; font-family:'Samsung Sharp Sans',SamsungOneKorean; font-size:20px; letter-spacing:0.2em;} .re-about__tit__txt {display:block; margin-top:5px; font-size:48px;} .re-about__tit__txt sup {font-family:'Samsung Sharp Sans'; font-size:24px; vertical-align:18px;} .re-about__list {display:flex; margin-top:24px; padding:0 6px; flex-wrap:wrap;} .re-about__list li {width:calc(100% / 3); padding:36px 18px 0;} .re-about__list li.mg-right {margin-left:auto;} .re-about__list li.mg-center {margin-left:auto; margin-right:auto;} .re-about__list__btn {display:block; position:relative; width:100%; text-align:left;} .re-about__list__btn .pic {height:440px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; border-radius:20px;} .re-about__list__btn .pic.play {position:relative;} .re-about__list__btn .pic.play::after {content:''; position:absolute; top:50%; left:50%; width:88px; height:88px; background:url('/sec/static/_images/component/compo_about_btn_play.png') no-repeat 0 0 / 100% 100%; transform:translate(-50%, -50%);} .re-about__list__btn .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/award.jpg");} .re-about__list__btn .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/air-conditioners01.jpg");} .re-about__list__btn .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/air-conditioners02.jpg");} .re-about__list__btn .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/air-conditioners03.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 .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%;} .re-about .modal-cont .video-wrap {width:100%; height:100%;} .re-about .modal-cont .video {width:100%; height:100%;} .re-about .modal-cont .video-js.vjs-quality-menu {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 .pic.play::after {width:6.1111vw; height:6.1111vw;} .re-about__list__btn .tit {margin-top:0.4167vw; padding-left:1.3889vw; font-size:1.6667vw;} .re-about__list__btn .tit .blank {width:1.3889vw; height:1.3889vw;} .re-about__list__btn .desc {margin-top:1.1111vw; padding-left:1.3889vw; font-size:1.0417vw;} /* 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) { .re-about__tit {padding:0 6.6667vw;} .re-about__tit__sub {font-size:3.8889vw;} .re-about__tit__txt {margin-top:2.222vw; font-size:7.7778vw;} .re-about__tit__txt sup {font-size:5vw; vertical-align:1.9444vw;} .re-about__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start;} .re-about__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0;} .re-about__list__btn .pic {height:41.1111vw; border-radius:5.5556vw;} .re-about__list__btn .pic.play::after {width:11.111vw; height:11.111vw;} .re-about__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} .re-about__list__btn .tag {margin-top:3.6111vw; padding-left:0; font-size:3.3333vw;} .re-about__list__btn .tit {margin-top:0.8333vw; padding-left:0; font-size:4.4444vw;} .re-about__list__btn .tit .blank {width:3.8889vw; height:3.8889vw;} .re-about__list__btn .desc {margin-top:1.9444vw; padding-left:0; font-size:3.3333vw;} /* 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%);} } /* 아이폰에서 컬러 오류수정 */ .re-about__list__btn .color_blk {color: #000 !important;} </style> <section class="re-about pd-tb-60"> <h2 class="re-about__tit"> <span class="re-about__tit__sub">ALL ABOUT</span> <span class="re-about__tit__txt">에어컨</span> </h2> <ul class="re-about__list"> <li> <a href="/sec/awards/?pcd=living-appliances" target="_self" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:all_about:award_view_more"> <div class="pic pic01"></div> <span class="tag">AWARD</span> <div class="tit">한눈에 보는 수상 제품</div> <p class="desc">성능과 디자인으로 인정받은 무풍갤러리</p> <span class="blind">페이지 이동</span> </a> </li>  <li> <button type="button" class="re-about__list__btn btn-open-modal" aria-haspopup="dialog" aria-controls="brightcovePop02" data-omni-type="microsite_contentinter" data-omni="pcd:living_appliances:air_conditioners:all_about:energy_play_video"> <div class="pic pic03 play"></div> <span class="tag">VIDEO</span> <div class="tit">BESPOKE 무풍에어컨 갤러리 에너지 절약편</div> <p class="desc">쾌적부터 절전까지 알아서 AI절약모드</p> <span class="blind">팝업 열기</span> </button> </li>  </ul>  <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="youtubePop" class="modal-layer" aria-hidden="true"> <div class="modal-cont" role="dialog" aria-modal="true" aria-labelledby="youtubePopTit" tabindex="-1"> <h3 id="youtubePopTit" class="blind"></h3> <iframe src="" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>  </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div> <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="brightcovePop01" class="modal-layer" aria-hidden="true"> <div class="modal-cont" role="dialog" aria-modal="true" aria-labelledby="brightcoveTit01" tabindex="-1"> <h3 id="brightcoveTit01" class="blind"></h3> <div class="video-wrap"> <div class="video"> <div id="brightcove01"></div> </div> <script> vodPlayer.create("6327999833112","brightcove01","bc", false); </script>  <div class="blind">  </div>  </div> </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div> <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="brightcovePop02" class="modal-layer" aria-hidden="true"> <div class="modal-cont" role="dialog" aria-modal="true" aria-labelledby="brightcoveTit02" tabindex="-1"> <h3 id="brightcoveTit02" class="blind"></h3> <div class="video-wrap"> <div class="video"> <div id="brightcove02"></div> </div> <script> vodPlayer.create("6327999350112","brightcove02","bc", false); </script>  <div class="blind">  </div>  </div> </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div> </section> <script> $(function(){ modalDialog($('.re-about .btn-open-modal')); }) function modalDialog(modalOpen){ modalOpen.off('click').on('click', function(){ let btn = $(this), openModal = $('#' + btn.attr('aria-controls')), modalDim = openModal.prev('.modal-dim'), modal = openModal.find('.modal-cont'), closeModal = openModal.find('.btn-modal-close'); $('body').addClass('-has-modal'); modalDim.addClass('-active'); openModal.addClass('-active').attr('aria-hidden', false); // 팝업 닫을 때 유튜브 정지 // function youtubeStop() { // modal.find('iframe').removeAttr('src title') // } // 팝업 닫을 때 유튜브 정지 let brightcoveId = modal.find('.video .video-js.vjs-quality-menu').attr('id'); function brightcoveStop() { vodPlayer.stop(brightcoveId) } // 포커스 이동 함수 function modalFocus(modalId) { let dialog = $(modalId).find('[role=dialog]'); dialog.focus(); let focusble = modalId.find('button, a, [tabindex="0"]'); let focusbleFirst = focusble.eq(0); let focusbleLast = focusble.eq(focusble.length - 1); focusbleFirst.on('keydown', function(e){ let keycode = e.keyCode || e.which; let tab = (e.key === 'Tab' || e.keycode === 9); if(e.shiftKey && tab){ // console.log(document.activeElement) if(document.activeElement === focusbleFirst[0]){ // console.log('쉬프트 탭 눌렀을 때 첫번째 포커서블한 요소에 포커스가 가면') e.preventDefault(); focusbleLast.focus(); } } }) focusbleLast.on('keydown', function(e){ let keycode = e.keyCode || e.which; let tab = (e.key === 'Tab' || e.keycode === 9); if(tab){ // console.log(document.activeElement) if(document.activeElement === focusbleLast[0]){ // console.log('탭 눌렀을 때 마지막 포커서블한 요소에 포커스가 가면') e.preventDefault(); focusbleFirst.focus(); } } }) } modalFocus(openModal); // 닫기 버튼 함수 function modlaClose() { $('body').removeClass('-has-modal'); modalDim.removeClass('-active'); openModal.removeClass('-active').attr('aria-hidden', true); btn.focus(); // 팝업 닫으면 열었던 버튼으로 포커스 이동 // if(openModal.find('iframe').length){ // youtubeStop(); // 팝업 닫을 때 유튜브 정지 // } if(openModal.find('.video.brightcove').length){ brightcoveStop(); // 팝업 닫을 때 브라이트코브 정지 } } // 닫기 버튼 클릭 시 팝업창 닫기 closeModal.off('click').on('click', modlaClose); // modalDim을 클릭해도 팝업창 닫기 modalDim.off('click').on('click', function(e){ if(e.target === e.currentTarget){ modlaClose(); } }); // 팝업창이 열렸을 때 esc 키를 누르면 닫기 $(document).on('keyup.closeModal', function(e){ let keycode = e.keyCode || e.which; if(keycode === 27 && openModal.hasClass('-active')){ modlaClose(); } }) // 유튜브 // let youtubeLink = btn.attr("data-youtube-id"); // let youtubeUrl = 'https://youtube.com/watch?v=' + youtubeLink; // $.getJSON('https://noembed.com/embed', // {format: 'json', url: youtubeUrl}, function(data){ // modal.find('iframe').attr({'src': 'https://www.youtube.com/embed/' + youtubeLink, 'title': data.title}) // } // ) }); }; </script>  <script> $(document).ready(function() { digitalData.page.pageInfo.pageTrack = "product category details" }); </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> // 7. Feature Full Bleed /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee $(document).on("click", ".wrap-component.feature-full-bleed .box-btns button", function(e){ GA4CompoClickCta('feature-full-bleed 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/air-conditioners/"; //혜택 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

에어컨 | Samsung 대한민국