CINXE.COM
투자자 정보 │ Samsung 대한민국
<!DOCTYPE HTML> <html lang="ko"> <head> <title>투자자 정보 │ Samsung 대한민국</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="canonical" href="https://www.samsung.com/sec/"> <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/"> <meta name="twitter:title" content="투자자 정보 │ Samsung 대한민국"> <meta name="twitter:description" content="삼성전자의 주가 및 주식 등 투자자 정보에 대해 안내해드립니다."> <meta name="twitter:image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"> <!-- s: 2022.03.15 VAC 광고 세팅 중 웹사이트 확인을 위한 tag --> <meta name="google-site-verification" content="Y5FXtKRkwrMXPsNBUlQe-3vZp4mtp_PZRy1jmEyp6wM" /> <!-- e: 2022.03.15 VAC 광고 세팅 중 웹사이트 확인을 위한 tag --> <meta name="thumbnail" content="" alt=""> <meta property="og:url" content="https://www.samsung.com/sec/"> <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/"> <meta itemprop="description" content="삼성전자의 주가 및 주식 등 투자자 정보에 대해 안내해드립니다."> <meta itemprop="keywords" content="투자자 정보,삼성전자,주식,주가,투자"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin /> <link rel="preconnect" href="https://static.adbrix.io" crossorigin /> <link rel="preconnect" href="https://www.google-analytics.com" crossorigin /> <link rel="preconnect" href="https://assets.adobedtm.com" crossorigin /> <link rel="preconnect" href="//images.samsung.com" crossorigin /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://static.adbrix.io" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://assets.adobedtm.com" /> <link rel="dns-prefetch" href="//images.samsung.com" /><link rel="shortcut icon" href="/sec/static/_images/favicon.ico"> <link rel="apple-touch-icon" href="" sizes=""> <script> const __ST_CONTEXT_PATH = "/sec/"; const __ST_GB_CD = "b2c"; const __SA_CLIENT_ID = "o46xdl05ck"; var stGbCd = '10'; </script> <!-- PUB : style.css import resources --> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/reset.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/slick.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/common.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/layout.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/pf.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part01.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part02.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part03.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part04.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part05.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part06.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/component.css?ver=20241122041733"><!-- 컴포넌트 스타일 --> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="https://images.samsung.com/kdp/script/jquery-ui/jquery-ui.min.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/swiper.min.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/gnb.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/bnb.css?ver=20241122041733"> <script src="https://images.samsung.com/kdp/script/jquery/jquery.min.js"></script> <script src="https://images.samsung.com/kdp/script/jquery-ui/jquery-ui.min.js"></script> <script src="/sec/static/_script/slick.js"></script> <script src="/sec/static/_script/slick-init.js"></script> <script src="/sec/static/_script/swiper.min.js"></script> <script src="/sec/static/_script/masonry.min.js"></script><!-- masonry js --> <script src="/sec/static/_script/jquery.blockUI.js"></script> <script src="/sec/static/_script/base.js?ver=20241122041733"></script> <script src="/sec/static/_script/layerPop.js?ver=20241122041733"></script> <!-- <script type="text/javascript" src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js" charset="utf-8"></script> --> <script src="/sec/static/_script/netfunnel.js?ver=20241122041733" charset="UTF-8"></script> <script src="/sec/static/_script/netfunnel_skin.js?ver=20241122041733" charset="UTF-8"></script> <script src="/sec/static/_script/event/event.js?ver=20241122041733"></script> <script src="/sec/static/_script/common.js?ver=20241122041733"></script> <script src="/sec/static/_script/custom.js?ver=20241122041733"></script> <script src="/sec/static/_script/sticky.min.js"></script> <script src="/sec/static/_script/jquery.cookie.js"></script> <script src="/sec/static/_script/search.js?ver=20241122041733"></script> <script src="/sec/static/_script/component.js?ver=20241122041733"></script> <script src="/sec/static/_script/clipboard.min.js"></script> <script async type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript" src="/sec/static/_script/picturePolyfill.min.js"></script> <script src="/sec/static/_script/buynow.js?ver=20241122041733"></script> <script defer src="/sec/static/_script/bnb.js?ver=20241122041733"></script> <script defer src="/sec/static/_script/gnb.js?ver=20241122041733"></script> <script type="text/javascript" src="https://images.samsung.com/kdp/script/jquery-migrate/jquery-migrate.min.js" charset="utf-8"></script> <script async type="text/javascript"> var checkActionTimeOut; $(document).ready(function () { // 전사이트 pc분기 - pc일때만 적용. if('0' != '0' && "win16|win32|win64|mac|macintel".indexOf(navigator.platform.toLowerCase()) > -1){ resetLoginTimeOut(); $(document).on('click keypress' , 'body' , function(){ resetLoginTimeOut(); }); } }); function resetLoginTimeOut() { window.clearTimeout(checkActionTimeOut); checkActionTimeOut = setTimeout(function() { // n분 후 로그아웃 location.href="/sec/member/logout/"; }, 24*60*60*1000);//24시간 설정되있음. } </script> <!-- s : 상시로그인 --> <script src="https://account.samsung.com/resources/libs/analytics/1.0.0/analytics.min.js"></script><!-- Samsung analytics --> <script type="text/javascript" async="" src="https://account.samsung.com/resources/libs/account-internal/2.0.0/account-internal.min.js" ></script> <script type="text/javascript"> var loginProcFlag = "N"; var autoLoginFlag = "N"; var appSamsungAccount = "N"; var autoLoginCodeYn = "N"; class UrlSchemeCaller { windowState = 'focus'; constructor() { this.init(); } init() { window.addEventListener('focus', () => { this.windowState = 'focus'; }); window.addEventListener('blur', () => { this.windowState = 'blur'; }); } call(urlScheme, time, callbackFunc) { $("#appWebMask").remove(); setCookieForSite("appWebCookie","Y",8/24); try{ location.href = urlScheme; setTimeout(() => { if (this.windowState === 'focus') { callbackFunc(); appWebAutoLogin100(); } }, time); } catch (exception) { } } tagLoggedOut() { try{ setTimeout(() => { if (this.windowState === 'focus') { try { lcTrack("autoLoginFail"); } catch (exception) { } } }, 3000); } catch (exception) { } } } window.urlSchemeCaller = new UrlSchemeCaller(); !function(e, r) { var agent; try { agent = e.navigator.userAgent.toLowerCase(); } catch (exception) { agent = ""; } if(agent.indexOf("secios") > -1){ // APP에서 autoLogin 안함.SECIOS } else if(agent.indexOf("sectest") > -1 || agent.indexOf("secapp") > -1){ // 삼성닷컴 어플 $.ajax({ url : "/sec/xhr/member/app/saProfileUpdate" ,type : "POST" ,data : {navPlatform : navigator.platform} ,success : function(result) { } }); // APP에서 autoLogin 안함. 대신 saProfileUpdate는 함. } else { $.ajax({ url : "/sec/xhr/member/getLoginFlag" , type : "POST" ,async: false , success : function(result) { result = JSON.parse(result); autoLoginCodeYn = result.kdpAutoLogin; if(autoLoginCodeYn == 'Y'){ $.ajax({ url : "/sec/xhr/member/auto/loginSucces" ,type : "POST" ,async: false ,data : {navPlatform : navigator.platform} ,success : function(result) { if(result.result === 'Y'){ autoLoginFlag = "Y"; } else { if(result.signOut === 'Y'){ // signOut 호출 setTimeout(() => { window.samsung.account.signOut() .then(() => { console.log('sign-out complete'); }) .catch(() => { console.error('sign-out failure'); }) .finally(() => { // clean up web resources (local storage, session storage, cookie) }); }, 500); } } } }); } } }); } // s :: KDP-39014 [B2C][FO] 앱/웹 상시 로그인 기능 개발 try { let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(e.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("ipad") > -1){ //iPad isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else if("Y" == getCookieForSite("appWebCookie")){ isSkip = true; } else { isSkip = false; } if(!isSkip){ $.ajax({ url : "/sec/xhr/member/getLoginFlag" , type : "POST" , success : function(result) { result = JSON.parse(result); if (result.mbrNo == "0") { appSamsungAccount = result.appWebsamsungaccount; autoLoginCodeYn = result.kdpAutoLogin; if(autoLoginCodeYn == 'Y'){ //console.log("appLink 호출 시도"); if(window.navigator.userAgent.toLowerCase().indexOf("kakaotalk") > -1){ appWebAutoLogin(); } else { let appWebMask = `<div id="appWebMask" onclick="appWebAutoLogin()" style="z-index: 299;position:fixed; display:block; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0);"></div>`; $('body').append(appWebMask); } } } else { //console.log("이미 로그인 상태, appLink 호출 SKIP"); } } }); } } catch (exception) { } // e :: KDP-39014 [B2C][FO] 앱/웹 상시 로그인 기능 개발 }(window, document); function appWebAutoLogin2(){ try { if($("#appWebMask").html() == undefined){ // skip } else { appWebAutoLogin(); } } catch (exception) { //console.log(exception); } } function appWebAutoLogin(){ try { if("Y" == getCookieForSite("appWebCookie") || "Y" == loginProcFlag){ // skip } else { let browserName = getBrowserScheme(); loginProcFlag = "Y"; urlSchemeCaller.call('intent://login?browser='+ browserName+'&returnUrl='+encodeURIComponent(window.location.href)+'#Intent;scheme=secapp;end;', 300 ,function(){ if (this.windowState === 'focus') { loginProcFlag = "N"; } }); } } catch (exception) { } } function samsungAccountSignUp(returnUrl){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(returnUrl){ setCookieForSite("saReturnUrl_1_",encodeURIComponent(returnUrl),1/24); }else{ setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); } // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true, state: saState } const configs = { locale: 'ko-KR' } window.samsung.account.signUp(params, configs); } function samsungAccountSignIn(returnUrl){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(returnUrl){ setCookieForSite("saReturnUrl_1_",encodeURIComponent(returnUrl),1/24); }else{ setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); } // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true, state: saState } const configs = { locale: 'ko-KR' } window.samsung.account.signIn(params, configs); } function appWebAutoLogin100(){ urlSchemeCaller.tagLoggedOut(); var isOn = appSamsungAccount; var saState = getCookieForSite("saState_1_"); if(isOn == 'Y'){ let agent = window.navigator.userAgent.toLowerCase(); let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(window.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else { isSkip = false; } if(!isSkip){ switch (true) { case agent.indexOf("kakaotalk") > -1: isSkip = true; break; case agent.indexOf("naver") > -1: isSkip = true; break; case agent.indexOf("samsungbrowser") > -1: isSkip = false; // 삼브랑 break; case agent.indexOf("whale") > -1: isSkip = true; break; case agent.indexOf("firefox") > -1: isSkip = true; break; case agent.indexOf("edga") > -1: isSkip = true; break; case agent.indexOf("edge") > -1: isSkip = true; break; case agent.indexOf("opr") > -1: isSkip = true; break; case agent.indexOf("chrome") > -1: isSkip = false; // 크롬만 통과. break; case agent.indexOf("safari") > -1: isSkip = true; break; default: isSkip = true; } } saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(!isSkip){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/global/auto/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), state: saState, countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true } const configs = { locale: 'ko-KR', publicKey: PROPS_ACCOUNT_PUBLICKEY } window.samsung.account.sec.signInWithGalaxy(params, configs); } } } function appWebAutoLogin99(){ var isOn = appSamsungAccount; var saState = getCookieForSite("saState_1_"); if(isOn == 'Y'){ let agent = window.navigator.userAgent.toLowerCase(); let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(window.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else { isSkip = false; } if(!isSkip){ switch (true) { case agent.indexOf("kakaotalk") > -1: isSkip = true; break; case agent.indexOf("naver") > -1: isSkip = true; break; case agent.indexOf("samsungbrowser") > -1: isSkip = false; // 삼브랑 break; case agent.indexOf("whale") > -1: isSkip = true; break; case agent.indexOf("firefox") > -1: isSkip = true; break; case agent.indexOf("edga") > -1: isSkip = true; break; case agent.indexOf("edge") > -1: isSkip = true; break; case agent.indexOf("opr") > -1: isSkip = true; break; case agent.indexOf("chrome") > -1: isSkip = false; // 크롬만 통과. break; case agent.indexOf("safari") > -1: isSkip = true; break; default: isSkip = true; } } saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(!isSkip){ const port = Math.floor(Math.random() * (65536 - 10000 + 1)) + 10000; var url = 'origin_id=p7q4bc58o5&app_id='+__SA_CLIENT_ID+'&app_alias_id=SECKDPWEB®ion=GC&port='+ port +'&response_type=code&client_id='+__SA_CLIENT_ID+'&locale=ko_KR&countryCode=KR&' +'redirect_uri='+encodeURIComponent(window.location.href) +'&state='+saState +'&goBackURL='+encodeURIComponent(window.location.href) +'&scope=offline.access'; try{ location.href = 'intent://SamsungAccountServerLib/sso?'+url+'#Intent;scheme=samsungaccount;end;'; let interval = setInterval(function () { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).done(function( xhr, status ){ if (xhr.status === 202) { // 기기로그인 수락을 기다리는 상태 } else { clearInterval(interval); } }).fail(function( xhr, status ){ if (xhr.status === 410) { //result=canceled clearInterval(interval); } else if (xhr.status === 401) { //result=unauthorized clearInterval(interval); } else if (xhr.status === 403) { //result=unsupported-browser clearInterval(interval); } else { //10초 후에는 인터벌 무조건 죽임 setTimeout(() => { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).fail(function( xhr, status ){ clearInterval(interval); }); }, 10000); } }); }, 500); } catch (exception) { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).fail(function( xhr, status ){ clearInterval(interval); }); } } } } function getBrowserScheme(){ let browserName = ""; try { let agent = window.navigator.userAgent.toLowerCase(); switch (true) { case agent.indexOf("kakaotalk") > -1: browserName = ""; break; case agent.indexOf("naver") > -1: browserName = "com.nhn.android.search"; break; case agent.indexOf("samsungbrowser") > -1: browserName = "com.sec.android.app.sbrowser"; break; case agent.indexOf("whale") > -1: browserName = "com.naver.whale"; break; case agent.indexOf("firefox") > -1: browserName = "org.mozilla.firefox"; break; case agent.indexOf("edga") > -1: browserName = "com.microsoft.emmx"; break; case agent.indexOf("edge") > -1: browserName = "com.microsoft.emmx"; break; case agent.indexOf("opr") > -1: browserName = "com.opera.browser"; break; case agent.indexOf("chrome") > -1: browserName = "com.android.chrome"; break; case agent.indexOf("safari") > -1: browserName = "savannah.internet.web.browser"; break; default: browserName = ""; } return browserName; } catch (exception) { return browserName; } } $(document).ready(function(){ autoLoginFlag == "Y" ? adbrix.login(getCookieForSite("guid_1_")) : ""; }); </script><!-- e : 상시로그인 --> <!-- s : AA 태깅 --> <script async type="text/javascript"> var pageURL = window.location.href; var siteCode = "sec"; var digitalData = { "page" : { "pageInfo" : { "siteCode" : siteCode , "siteSection" : "" , "pageName" : "" , "pageURL" : pageURL , "pageTrack" : "microsite" , "version" : "KDP" } , "pathIndicator" : { "depth_2" : "" , "depth_3" : "" , "depth_4" : "" , "depth_5" : "" } } , "user" : { "loginStatus" : "" } , "product" : { "category" : "" , "model_code" : "" , "model_name" : "" , "displayName" : "" , "pvi_type_code" : "" , "pvi_type_name" : "" , "pvi_subtype_code" : "" , "pvi_subtype_name" : "" } } // depth Info. var depth = window.location.href.split("/").length; var depth_last = window.location.href.split("/")[depth-1]; if(depth_last =="" || depth_last.charAt(0)=="?"){ depth -= 1; } // set site section value if((digitalData.page.pathIndicator.depth_2 != "")||(digitalData.page.pageInfo.pageTrack == "flagship pdp")){ if(digitalData.page.pathIndicator.depth_2 == "shop" || digitalData.page.pathIndicator.depth_2 == "my account"){ digitalData.page.pageInfo.siteSection = siteCode + ":" + digitalData.page.pathIndicator.depth_2; }else{ digitalData.page.pageInfo.siteSection = siteCode + ":consumer"; //product page } }else if(depth == 4){ digitalData.page.pageInfo.siteSection = siteCode + ":home"; //home }else{ digitalData.page.pageInfo.siteSection = siteCode + ":" + window.location.href.split("/")[4]; } // set product category value /* if(digitalData.page.pathIndicator.depth_3 != ""){ digitalData.product.category = digitalData.page.pathIndicator.depth_3; } */ // set pathIndicator(not product page) if(digitalData.page.pathIndicator.depth_2 == ""){ if(depth >= 5) digitalData.page.pathIndicator.depth_2 = window.location.href.split("/")[4].toLowerCase(); if(depth >= 6) digitalData.page.pathIndicator.depth_3 = window.location.href.split("/")[5].toLowerCase(); if(depth >= 7) digitalData.page.pathIndicator.depth_4 = window.location.href.split("/")[6].toLowerCase(); if(depth >= 8) digitalData.page.pathIndicator.depth_5 = window.location.href.split("/")[7].toLowerCase(); } // set pageName var pageName = siteCode; if(digitalData.page.pathIndicator.depth_2 != "") pageName += ":" + digitalData.page.pathIndicator.depth_2; if(digitalData.page.pathIndicator.depth_3 != "") pageName += ":" + digitalData.page.pathIndicator.depth_3; if(digitalData.page.pathIndicator.depth_4 != "") pageName += ":" + digitalData.page.pathIndicator.depth_4; if(digitalData.page.pathIndicator.depth_5 != "") pageName += ":" + digitalData.page.pathIndicator.depth_5.replace(/^\s+|\s+$/gm,''); // check PD, GPD var pageTrackName = digitalData.page.pageInfo.pageTrack; if(pageTrackName == "product detail" || pageTrackName == "generic product details"){ pageName += ":" + digitalData.product.model_code; var displayName = "".replace(/(<([^>]+)>)/gi, ""); digitalData.product.displayName = displayName; } digitalData.page.pageInfo.pageName = pageName; </script> <script async src="//assets.adobedtm.com/c8a575b84bb9/0d8938615268/launch-160c25cdcd93.min.js"></script> <!-- e : AA 태깅 --> <script> var stGbCd = '10'; </script> <script defer src="//t1.kakaocdn.net/kakao_js_sdk/v1/kakao.min.js"></script> <script defer src="/sec/static/_script/snsShare.js"></script> <script defer type="text/javascript"> $(document).ready(function(){ shareInit('5880e4317936087f2764a5d340e6bca6', ''); }); </script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2byopa-f-99062d926-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":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"5f8681f9","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":50692,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732363166","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==smN76XkDBdhch8owaQD1UgVHI8YMNDLiKg8cdGK5oYOehEbm3TvKM5FAC144wqGIcjqTbegTWK4dsX9kSth3cx9Zbc6V1oerlyE1XGHsVwTJAu/zGEfNxAZSyLgkXjRUSEX+jfDc78j442h8yJMuQZI3Bl7NE8ScP4xEdmo0dJqbZtXunTi/Qfwtv4cEhRtzVmXVFNJ/FL7urli6M9XGf+vDsVgPoZki5lnwQ9y+fsIKg7Pj5XJtnklzFEBLUZPMvF28SPelH4IP5duroxZl6uBT5RNitqwvEhNqzA8C9KggbPlLwIppi01Yles/nlITE9ICGTIhqDGNEwOXhS7U+NwMIHwkD423FoHH1Y1z/E/z2983vEkJ+ssa+ADB99c5oeiwGscVp7WX8zaDJfnBPEXna+K5VEexqD7zZ3ilaJc=","ak.pv":"3677","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <!-- s : 스킵 --> <div id="skip_content"> <a href="#container" class="">본문 바로가기</a> </div> <!-- e : 스킵 --> <div id="wrap"> <div id="gcsInducePopBf" style="display: none;"></div> <!-- todo : 속도개선 20230628 --> <script async type="text/javascript"> $(document).ready(function(){ let gcsUserAgent = navigator.userAgent.toUpperCase(); //조건식 선언 if( (window.secapp !== undefined || window.secapppopup != undefined) && ( (gcsUserAgent.indexOf("SECTEST") > -1) || (gcsUserAgent.indexOf("SECAPP") > -1) ) ){ //gcsInducePopup(); //운영에는 팝업 뜨지 않게 분기처리 // 속도개선 개발 시에, 중복으로 gcsInducePopup 펑션이 여러번 호출되어도 팝업이 한번만 떠있는 상태로 존재하도록 개발 부탁드립니다. } }); function gcsInducePopup() { if(getCookieForSite("mbrNo_1_") != ''){ if (getCookieForSite("gcsMbrYn_1_") == 'Y'){ gcsToastAjax('gcsWelcomePopup'); // 기가입자 } else if(getCookieForSite("gcsInduceMbrYn_1_") == 'Y'){ gcsToastAjax('gcsNewPopup'); //가입유도 } } } //갤캠스 유도 팝업 AJAX 호출 function gcsToastAjax(id){ $.ajax({ url : "/sec/xhr/common/gcsInducePopImg" , type : "POST" , success : function(result){ if($('#gcsNewPopup').length < 1){ $("#gcsInducePopBf").before(result); gcsToast(id); } } }); }; //갤캠스 유도 팝업 열기 :: 갤캠앱 통합 function gcsToast(id){ var appTCondition = false; if(window.secapp != undefined || window.secapppopup != undefined){ appTCondition = true; } var toastI = $('#'+id); var key = encodeURIComponent(getCookieForSite("mbrNo_1_")); var toastYN = getCookieForSite("gcsToastYN"+"_"+id+'_'+key); var path = window.location.pathname; if (path.indexOf('/sec/cart/') >= 0 ) { $('#'+id+"Warning").show(); } else if (path.indexOf('/sec/order/') >= 0 ) { $('#'+id+"Warning").show(); } else if (path.indexOf('/sec/present/') >= 0 ) { $('#'+id+"Warning").show(); appTCondition = false; } else if (path.indexOf('/sec/careplusSubApply/') >= 0 ) { $('#'+id+"Warning").show(); } else { $('#'+id+"Warning").hide(); } if(path != '/sec/'){ if(id == 'gcsNewPopup'){ appTCondition = false; } } if (path.indexOf('/sec/digitalplaza/storeMain/') >= 0 || path.indexOf('/sec/event/gift/') >= 0 || path.indexOf('/sec/event/galaxy-z5/promotion') >= 0 || path.indexOf('/sec/event/galaxy-z5/benefit') >= 0 || path.indexOf('/sec/event/galaxywatch6') >= 0 || path.indexOf('/sec/event/galaxy_tabs9_preorderpromotion') >= 0) { appTCondition = false; } function toastPO(){ if(toastI.length > 0){ $('body').append(mask); $("#mask2").fadeIn(); $(toastI).addClass("active"); } } let mask = `<div id="mask2" style="z-index: 899;position:fixed; display:block; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.8);"></div>`; appTCondition && (toastYN != "N") ? toastPO() : "" ; }; // 갤캠스 유도 토스트 팝업 닫기 :: 갤캠앱 통합 function gcsToastClose(id){ var cookieDay = id == "gcsWelcomePopup" ? 7 : 1; var key = encodeURIComponent(getCookieForSite("mbrNo_1_")); $("#mask2").remove(); $('#'+id).removeClass("active"); var atpc = $("#chk-"+id).is(":checked"); atpc ? setCookie("gcsToastYN"+"_"+id+'_'+key,"N",cookieDay) : ""; } // 갤캠스 유도 토스트 하이퍼링크처리 function gcsToastHref(objectId){ if(objectId == 'goToGcs'){ window.location.href="/sec/member/saSsoLogin?redirect_url=/event/galaxycampus/"; } if(objectId == 'goToSignup'){ window.location.href="/sec/member/saSsoLogin?redirect_url=/event/galaxycampus/member/loginDocumentEmailCheck"; } } </script><!-- s : 머리글 영역 --> <!-- header main4 --> <script async type="text/javascript"> class PurchaseBenefitPop { constructor() { this.toastPop = document.getElementById("purchaseBenefitPop"); this.toastPopClose = document.querySelector("#purchaseBenefitPop .stop-view-wrap .toast-close"); this.newGnb = document.querySelector(".new-gnb"); this.mask = $(`<div id="mask" style="z-index: 299;"></div>`); this.setEnv(); this.url = window.location.href; } init() { let slideCount = document.querySelectorAll("#purchaseBenefitPop .app_btmBanner_swiper .swiper-slide").length; this.swiper = new Swiper("#purchaseBenefitPop .app_btmBanner_swiper", { pagination: { el: "#purchaseBenefitPop .swiper-pagination", type: "fraction", clickable : slideCount > 1 ? true : false, }, touchRatio : slideCount === 1 ? 0 : 1 }); if (slideCount <= 1) { let pElement = this.toastPop.querySelector('.swiper-pagination'); if (pElement) { pElement.style.display = 'none'; } } } popUp() { this.toastPop.setAttribute("display", "block"); this.init(); this.mask.fadeIn(); this.toastPop.classList.add("active"); } popClose() { this.mask.fadeIn("fast").remove(); this.toastPop.classList.remove("active"); this.toastPop.setAttribute("display", "none"); let atpc = $("#purchaseBenefitPop #chk-not-see").is(":checked"); this.setCookie(this.cookieName, "N", atpc ? 7 : 1); appWebAutoLogin2(); //닫기시 자동로그인 호출 /*if (atpc) { this.setCookie(this.cookieName, "N", 7); }*/ } setEnv() { this.env = "web"; let gcsUserAgent = navigator.userAgent.toUpperCase(); if ((device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined))) { this.env = "moWeb"; return; } if( (window.secapp !== undefined || window.secapppopup != undefined) && ( (gcsUserAgent.indexOf("SECTEST") > -1) || (gcsUserAgent.indexOf("SECAPP") > -1))) { this.env = "android"; return; } } getCookie(key){ let result = null; let cookie = document.cookie.split(';'); cookie.some(function (item) { //공백 제거 item = item.replace(' ', ''); var dic = item.split('='); if (key === dic[0]){ result = dic[1]; return true; } }); return result; } setCookie(name, value, exp) { let date = new Date(); date.setTime(date.getTime()+exp*24*60*60*1000); document.cookie = name+'='+value+';expires='+date.toUTCString()+';path=/'; } simplePop(cookieName, popUpId, componentList) { this.cookieName = cookieName; let cookie = this.getCookie(cookieName); if (cookie === "N") { return; } let pcDevice = "win16|win32|win64|mac|macintel"; let platform = navigator.platform; if(platform){ if(pcDevice.indexOf(platform.toLowerCase())>= 0){ return; } } //미노출 url 및 노출 기간 검증 $.ajax({ url : "/sec/xhr/appInstallPop/purchaseBenefitPop" ,type : "POST" ,dataType : 'json' ,contentType : "application/json; charset=UTF-8" ,data : JSON.stringify({ popUpId : popUpId }) ,success : (result) => { if (result.popOpenFlag === "Y") { for (let i = componentList.length - 1; i >= 0; i--) { let component = document.getElementById(componentList[i]); component.style.display = 'block'; this.toastPop.querySelector('.swiper-wrapper').appendChild(component); } this.popUp(); } } }); } goToUrl(moWebUrl, appUrl) { window.location.href = "/sec/" + this.env === "android" ? appUrl : moWebUrl; } } let purchaseBenefitPop = null; $(document).ready(()=>{ purchaseBenefitPop = new PurchaseBenefitPop(); if (purchaseBenefitPop.env === "moWeb") { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["purchaseBenefitPopComponent"]); } if (purchaseBenefitPop.env === "android") { //ajax 호출로 로그인 여부 검증. let logInYn = getCookieForSite("mbrNo_1_") != ''; let gcsMemberYn = getCookieForSite("gcsMbrYn_1_") == 'Y'; if (logInYn && gcsMemberYn) { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["galcamsGatePopComponent", "purchaseBenefitPopComponent"]); } else { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["purchaseBenefitPopComponent"]); } } }); </script> <div id='purchaseBenefitPop' class="toast-pop induce-ss-app toast-parent" data-toast-name="toastInduce" data-focus="toastInduce" data-toast-index="0" style="display: none"> <div class="inner"> <!-- s: KDP-45850 [B2C] 모바일 모달 팝업 변경 요청의 건 --> <div class="app_btmBanner_swiper"> <div class="swiper-wrapper"></div> <div class="swiper-pagination"></div> </div> <!-- //e: KDP-45850 [B2C] 모바일 모달 팝업 변경 요청의 건 --> </div> <div class="stop-view-wrap"> <div class="chk-form"> <input id="chk-not-see" type="checkbox" required="" title="" class="" /> <label for="chk-not-see" class="">일주일 그만보기</label> </div> <button type="button" class="btn-underline toast-close" data-focus-next="toastInduce" onclick="purchaseBenefitPop.popClose()"> 닫기 </button> </div> </div> <div id='purchaseBenefitPopComponent' class="swiper-slide" style="display: none"> <div class="img-area"> <img src="//images.samsung.com/kdp/common/img-induce-benefit-4.png" alt="" /> </div> <div class="text-area"> <p><b class="eng">갤럭시 AI 폰</b> 구매 고객님께 드리는<br> <b>스마트태그2</b>를 지금 신청하세요!<br>(대상 모델 : S24 시리즈, S23 FE, Z Fold5 | Z Flip5, S23 시리즈)</p> </div> <button type="button" class="btn btn-d btn-type2" onclick="purchaseBenefitPop.goToUrl('https://www.samsung.com/sec/event/galaxy-ai/promotion/', 'https://www.samsung.com/sec/event/galaxy-ai/promotion/app')">신청하기</button> </div> <div id='galcamsGatePopComponent' class="swiper-slide" style="display: none;"> <div class="img-area" style="height:150px"> <!-- <img src="https://www.samsungebiz.com/sec/static/_images/common/bg-toast-gcs2_20230809.png" alt="" /> --> </div> <div class="text-area"> <p><b class="blue-color">갤럭시 캠퍼스 회원</b>이시네요! 리뉴얼 이벤트와 <br> 오리지널 콘텐츠, 더 풍성해진 커뮤니티까지!<br> <b class="blue-color">새로워진 갤럭시 캠퍼스</b>를 만나보세요 </p> </div> <button type="button" class="btn btn-d btn-type2" onclick="purchaseBenefitPop.goToUrl('member/saSsoLogin?redirect_url=/event/galaxycampus/', 'member/saSsoLogin?redirect_url=/event/galaxycampus/')">갤럭시 캠퍼스로 이동하기</button> </div> <!-- Decibel - www.samsung.com sec --> <link rel="dns-prefetch" href="//cdn.decibelinsight.net"> <link rel="dns-prefetch" href="//collection.decibelinsight.net"> <script type="text/javascript"> function callApplicationMenu(menuName) { if(device.isIosApp) { if(menuName === "samsungApp") { return; } if ( window.location.hostname == 'dev-www.samsung.com' || window.location.hostname == 'stg-www.samsung.com' || window.location.hostname == 'www.samsung.com' || window.location.hostname == 'dev-familynet.samsung.com' || window.location.hostname == 'stg-familynet.samsung.com' || window.location.hostname == 'familynet.samsung.com' ) { window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"callAppMenu", p1:menuName})); } else { console.log('메시지를 보낼 수 없는 도메인입니다.'); } } else if(window.secapp) { window.secapp.callAppMenu(menuName); } } window._da_=window._da_||[]; _da_.oldErr=window.onerror; _da_.err=[]; window.onerror=function(){ _da_.err.push(arguments); if(_da_.oldErr){ _da_.oldErr.apply(window,Array.prototype.slice.call(arguments)); } }; window.addEventListener('load', (event) => { (function(d,e,c,i,b,el,it) { d.DecibelInsight=b; d[b] = d[b]||function(){( d[b].q=d[b].q||[]).push(arguments); }; el=e.createElement(c); it=e.getElementsByTagName(c)[0]; el.async=1; el.src=i; it.parentNode.insertBefore(el,it); })(window,document,'script','https://cdn.decibelinsight.net/i/14121/1818501/di.js','decibelInsight'); }); if (typeof window !== 'undefined' && typeof window.decibelInsight !== 'undefined') { window.decibelInsight('ready', decibelInit); } else { window._da_readyArray = window._da_readyArray || []; window._da_readyArray.push(decibelInit); } function decibelInit() { try{ document.cookie = "DXA_READY=1; max-age=6000"; }catch(e){ } if(digitalData.ecommerce.orderComplete) { var orderId = digitalData.ecommerce.orderComplete.id; // 결제 ID var orderPrice = digitalData.ecommerce.orderComplete.revenue; // 결제 총 금액 if(sessionStorage.getItem('DXA_'+ orderId) != 1) { //DXA_1234, DXA_1235 이벤트 중복체크하여, 해당값이 1이 아닌 경우만 실행 sessionStorage.setItem('DXA_'+orderId, 1); //해당 상품번호는 1로 설정 decibelInsight('sendTrackedEvent', 'Purchase', orderPrice); } } } function setCookieA(name, value, exp){ var date = new Date(); date.setTime(date.getTime()+exp*24*60*60*1000); document.cookie=name+'='+value+';expires='+date.toUTCString()+';path=/'; } function getCookieA(key){ var result = null; var cookie = document.cookie.split(';'); cookie.some(function (item) { //공백 제거 item = item.replace(' ', ''); var dic = item.split('='); if (key === dic[0]){ result = dic[1]; return true; } }); return result; } //app version 체크용 var CURRENT_AOS_APP_VERSION = getCookieA("CURRENT_AOS_APP_VERSION"); var CURRENT_IOS_APP_VERSION = getCookieA("CURRENT_IOS_APP_VERSION"); var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf("SECAPP")>-1 || userAgent.indexOf("SECTEST")>-1){ if(CURRENT_AOS_APP_VERSION == "" || CURRENT_AOS_APP_VERSION == null || CURRENT_AOS_APP_VERSION == undefined){ var aosVersion = window.secapp.getAppVersion(); getAppVersion(aosVersion, "AOS"); } } else if(userAgent.indexOf('SECIOS') > -1) { if(CURRENT_IOS_APP_VERSION == "" || CURRENT_IOS_APP_VERSION == null || CURRENT_IOS_APP_VERSION == undefined){ window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"getAppVersion", p1:"IOS"})); } } function getAppVersion(version, clcd) { if(clcd != null){ setCookieA("CURRENT_"+clcd+"_APP_VERSION", version, 0.5); if(clcd == "AOS") { //android CURRENT_AOS_APP_VERSION = version; } else { CURRENT_IOS_APP_VERSION = version; } } } //뒤로가기 버튼 네이티브 분기 function goBack(){ if((window.secapp || device.isIosApp) && checkAppVersion() == 1) { callApplicationMenu("back"); } else { window.history.go(-1); } } function checkAppVersion() { var curVersion; var stdVersion; var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf('SECAPP') > -1 || userAgent.indexOf("SECTEST") > -1) { curVersion = CURRENT_AOS_APP_VERSION; stdVersion = "2.2.3"; } else { curVersion = CURRENT_IOS_APP_VERSION; stdVersion = "1.9.9"; } if(curVersion == "" || curVersion == null || curVersion == undefined){ return false; } curVersion = curVersion.split("."); stdVersion = stdVersion.split("."); var result = false; for(var i=0; i< Math.max(curVersion.length, stdVersion.length); i++){ let curNum = curVersion[i] || 0; let stdNum = stdVersion[i] || 0; if(curNum > stdNum) { return 1; }else if(curNum < stdNum) { return -1; } } return 0; } </script> <!-- s AdBrix Web SDK --> <!-- 일단은 리스트업 해놓고 다른곳에서 불러서 사용하는곳 찾아서 볼것 --> <script defer> !function(e, r) { if (void 0 !== e && !e.adbrix) { var o = { queue: [] }, t = navigator.userAgent.toLowerCase(), c = r.createElement("script"), a = "Netscape" === navigator.appName && -1 !== navigator.userAgent.search("Trident") || -1 !== t.indexOf("msie") ? "abx-web-sdk.ie.min.js" : "abx-web-sdk.min.js"; c.type = "text/javascript", c.async = !0, c.src = "//static.adbrix.io/web-sdk/latest/" + a, c.onload = function() { e.adbrix.runQueuedFunctions ? e.adbrix.runQueuedFunctions() : console.log("[adbrix] Error: could not load SDK") }; var i = r.getElementsByTagName("script")[0]; i.parentNode.insertBefore(c, i); ["init", "onInitialized", "login", "getUserId", "logout", "userProperty.get", "userProperty.getAll", "userProperty.addOrUpdate", "userProperty.remove", "userProperty.removes", "common.signUp", "common.invite", "common.useCredit", "common.purchase", "event.send", "debug.traceListener", "commerceAttr.categories", "commerceAttr.product", "commerce.viewHome", "commerce.categoryView", "commerce.productView", "commerce.addToCart", "commerce.addToWishList", "commerce.reviewOrder", "commerce.refund", "commerce.search", "commerce.share", "commerce.listView", "commerce.cartView", "commerce.paymentInfoAdded", "game.tutorialComplete", "game.characterCreated", "game.stageCleared", "game.levelAchieved"].forEach(function(e) { var r = e.split("."), t = r.pop(); r.reduce(function(e, r) { return e[r] = e[r] || {} }, o)[t] = function() { o.queue.push([e, arguments]) } }), e.adbrix = o } }(window, document); $(document).ready(function(){ // AdBrix Web SDK init window.adbrix.init({ appkey: PROPS_ADBRIX_APP_KEY, webSecretkey: PROPS_ADBRIX_WEB_SECRET_KEY }); }); </script> <!-- e AdBrix Web SDK --> <!-- 230302 바깥쪽 딤처리 --> <div class="outer__mask" data-type=""></div> <header id="header__navi" > <script> // let locationUrl = window.location.href; let style = "<style> body {display:none;} </style>"; // if(locationUrl=="http://localhost:8080/sec/" || locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/"){ $("body").prepend(style); // } </script> <div class="header__inner"> <div class="logo"> <a href="javascript:void(0);" onclick="openCtaLink('/sec/','_self');" data-omni="gnb_samsung_logo" title="삼성 닷컴으로 이동"> <svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="17" x="0px" y="0px" viewBox="0 0 120 17" xml:space="preserve" fill="currentColor"> <style type="text/css"> .st0{fill:#000;} </style> <g id="그룹_6_00000054980231599809239120000010237605620034582675_" transform="translate(0 0)"> <path id="패스_40_00000102518621275233789640000013295783304341869743_" class="st0" d="M92.5,13.1L92.3,0.5h4v15.9h-5.7 L86.6,3.4h-0.1l0.2,13.1h-3.9V0.5h5.9L92.5,13.1L92.5,13.1z"/> <path id="패스_41_00000156569092805086873380000006366778581903118496_" class="st0" d="M20.6,2l-2.2,14.6h-4.3l3-16.1h7.1 l2.9,16.1h-4.3L20.6,2L20.6,2z"/> <path id="패스_42_00000109723613739840634560000006153530515306095037_" class="st0" d="M39.2,12.8l2-12.3h6.5l0.4,16.1h-4 L44,2.1h-0.1l-2.7,14.4h-4.1L34.5,2.1h-0.1l-0.1,14.4h-4l0.4-16.1h6.5L39.2,12.8L39.2,12.8z"/> <path id="패스_43_00000124856864098989735720000000947399174449198469_" class="st0" d="M7.4,12.1c0.1,0.4,0.1,0.8,0,1.2 c-0.1,0.5-0.5,1.1-1.6,1.1c-1,0-1.6-0.6-1.6-1.5v-1.6H0v1.2c0,3.6,2.8,4.7,5.8,4.7c2.9,0,5.3-1,5.6-3.7c0.1-0.9,0.1-1.8,0-2.6 c-0.7-3.4-6.7-4.4-7.2-6.3c-0.1-0.3-0.1-0.6,0-0.8C4.4,3.1,5,2.6,5.7,2.7C6.4,2.6,7.1,3.2,7.2,4c0,0.1,0,0.1,0,0.2v1h4V4 c0-3.5-3.1-4-5.4-4C2.9,0,0.6,0.9,0.2,3.6C0.1,4.3,0.1,5,0.2,5.7C0.9,9,6.6,10,7.4,12.1z"/> <path id="패스_44_00000003805233845088015000000012094499568742061709_" class="st0" d="M59.3,12c0.1,0.4,0.1,0.8,0,1.2 c-0.1,0.5-0.5,1.1-1.5,1.1c-1,0-1.6-0.6-1.6-1.4v-1.5H52v1.2c0,3.5,2.8,4.6,5.7,4.6c2.9,0,5.2-1,5.6-3.6c0.1-0.9,0.1-1.7,0-2.6 c-0.7-3.3-6.7-4.3-7.1-6.2c-0.1-0.3-0.1-0.6,0-0.8c0.1-0.7,0.8-1.2,1.4-1.1C58.3,2.7,59,3.2,59.1,4c0,0.1,0,0.2,0,0.2v1H63V4.1 c0-3.5-3.1-4-5.3-4c-2.8,0-5.1,0.9-5.5,3.5c-0.1,0.7-0.1,1.4,0,2.1C52.9,9,58.5,10,59.3,12z"/> <path id="패스_45_00000102503741420779417540000004179831365953292733_" class="st0" d="M72.7,14.2c0.7,0.1,1.4-0.4,1.5-1.2 c0-0.2,0-0.4,0-0.6V0.5h4V12c0,0.3,0,0.9,0,1.1c-0.3,3-2.6,4-5.6,4s-5.3-1-5.6-4c0-0.2,0-0.8,0-1.1V0.5h4v11.9c0,0.2,0,0.4,0,0.6 C71.4,13.8,72,14.3,72.7,14.2z"/> <path id="패스_46_00000138553160280057187080000009994170928517811595_" class="st0" d="M106,14c0.7,0.1,1.4-0.4,1.6-1.2 c0-0.2,0-0.4,0-0.6V9.9h-1.6V7.6h5.7v4.3c0,0.4,0,0.7-0.1,1.1c-0.3,2.9-2.8,4-5.6,4c-2.8,0-5.4-1-5.6-4c0-0.4-0.1-0.7-0.1-1.1V5.1 c0-0.4,0-0.7,0.1-1.1c0.4-3,2.8-4,5.6-4s5.3,1,5.6,4c0,0.4,0,0.7,0,1.1v0.5h-4V4.7c0-0.2,0-0.4-0.1-0.6c-0.2-0.8-0.9-1.3-1.6-1.2 c-0.7-0.1-1.4,0.4-1.6,1.2c0,0.3-0.1,0.5-0.1,0.8v7.3c0,0.2,0,0.4,0,0.6C104.6,13.6,105.3,14.1,106,14z"/> </g> </svg> </a> </div> <div class="utility__wrap"> <div class="utility__button__search" data-name="utility__search"> <div class="search__box" data-omni="search" role="button" onclick="headerSearch.eventListener.uinifiedSearchInp();"> <ul id="search__slide__00"> </ul> <button type="button" class="search__button"> <span class="sr-only">검색 버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> </div> <div class="utility__button__back__m" data-name="utility__back"> <button class="utility__back" onclick="goBack();"> <span class="sr-only">뒤로가기</span> <svg id="icon-svg-back" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20.132"> <g transform="translate(-0.047 -0.047)" fill="currentColor"> <g transform="translate(3.779 1.595)"> <path d="M197.669,189.924l-8.584,8.584,8.584,8.584" transform="translate(-189.085 -189.924)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </g> <rect width="20" height="20" transform="translate(0.047 0.047)" fill="none"/> </g> </svg> </button> </div> <div class="utility__button__search__m" data-name="utility__search"> <button class="search__button" onclick='$(".search__box").eq(0).click();' data-omni="search"> <span class="sr-only">검색버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> <div class="utility__button__barcode__m" name="appMenu" style="display:none !important;" data-name="utility__barcode"> <button class="barcode__button" data-omni="membership" onclick="callApplicationMenu('memberShip');"> <span class="sr-only">바코드</span> <svg id="icon-svg-barcode" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 96 96" fill="currentColor"> <rect width="96" height="96" fill="none"/> <path d="M-4491.75-1950a4.25,4.25,0,0,1-4.245-4.024v-.015l-.006-.212v-59.5a4.248,4.248,0,0,1,4.024-4.244h.015l.206,0h83.506a4.247,4.247,0,0,1,4.244,4.024v.014l0,.212v59.5a4.249,4.249,0,0,1-4.023,4.245h-.014l-.212.006Zm1.75-6h80v-56h-80Zm66-8v-40h4v40Zm-7,0v-40h4v40Zm-12,0v-40h10v40Zm-7.5,0v-40h5v40Zm-9,0v-40h5v40Zm-13.5,0v-40h10v40Zm-7.5,0v-40h5v40Z" transform="translate(4498.5 2032.5)"/> </svg> </button> </div> <div class="utility__button__cart" data-name="utility__cart"> <button class="cart__button" onclick="getCartList();"> <span class="sr-only">장바구니 버튼</span> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g id="icon-svg-cart" transform="translate(-9)"> <rect width="26" height="26" transform="translate(9)" fill="none"/> <path d="M20.974,22.205a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,20.974,22.205Zm-9.7,0a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,11.273,22.205Zm9.7,1.94a1.109,1.109,0,1,0,1.109,1.109A1.1,1.1,0,0,0,20.974,24.145Zm-9.7,0a1.109,1.109,0,1,0,1.109,1.109A1.094,1.094,0,0,0,11.273,24.145ZM4.648,3.8A1.527,1.527,0,0,1,6.062,4.826v.055l.832,3.1H25.769a1.329,1.329,0,0,1,1.3,1.608v.055L24.411,19.71a1.482,1.482,0,0,1-1.358,1.081H9.138a1.49,1.49,0,0,1-1.414-1.026L7.7,19.71,4.066,6.017H1.1V3.8Zm19.957,6.4H7.475l2.217,8.371H22.415Z" transform="translate(7.9 -2.801)"/> </g> </svg> <span class="cart__count" style="display:none;"></span> </button> <div class="cart__list"> </div> </div> <div class="utility__button__user" data-name="utility__user"> <button class="user__button"> <span class="sr-only">유저 메뉴버튼</span> <svg id="icon-svg-mypage" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M25,15.5a8.989,8.989,0,0,1,9,8.734v2.235a1.408,1.408,0,0,1-1.406,1.406H17.406A1.408,1.408,0,0,1,16,26.469V24.234A8.989,8.989,0,0,1,25,15.5Zm0,2.25a6.794,6.794,0,0,0-6.75,6.484v1.391h13.5V24.234A6.794,6.794,0,0,0,25,17.75ZM25,2a6.188,6.188,0,1,1-6.187,6.188A6.2,6.2,0,0,1,25,2Zm0,2.25a3.938,3.938,0,1,0,3.938,3.938A3.942,3.942,0,0,0,25,4.25Z" transform="translate(-12 -2)"/> </svg> <svg id="icon-svg-mypage-on" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor" style="display:none;"> <defs><style>.a{fill:none;}</style></defs> <rect class="a" width="26" height="26"/> <path d="M25,15.5a8.989,8.989,0,0,1,9,8.734v2.235a1.408,1.408,0,0,1-1.406,1.406H17.406A1.408,1.408,0,0,1,16,26.469V24.234A8.989,8.989,0,0,1,25,15.5ZM25,2a6.188,6.188,0,1,1-6.187,6.188A6.188,6.188,0,0,1,25,2Z" transform="translate(-12 -2)"/> </svg> </button> <div class="user__list"> </div> </div> <div class="utility__button__menu__m" data-name="utility__menu" style="display:none !important;"> <button class="menu__button" id="menuButton"> <span class="sr-only">메뉴</span> <svg id="icon-svg-menu" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g transform="translate(2.001 5)"> <line x1="22" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> <line x1="22" transform="translate(0 8)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> <line x1="22" transform="translate(0 16)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> </g> <rect width="26" height="26" fill="none"/> </svg> </button> </div> <div class="utility__button__home__m" data-name="utility__home" data-omni="gnb_samsung_home" > <button class="home__button" onclick="location.href='/sec/';"> <span class="sr-only">홈으로 가기</span> <svg id="icon-svg-home" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"> <g transform="translate(-1223.802 -58.802)"> <rect width="24" height="24" transform="translate(1223.802 58.802)" fill="none"/> <path d="M312.913,64.608a1.109,1.109,0,0,1-1.109-1.049l0-.061V50.712a1.417,1.417,0,0,1,.494-1.045l.056-.043,8.948-6.593a1.221,1.221,0,0,1,1.365-.039l.056.039,8.948,6.593a1.411,1.411,0,0,1,.547,1.018l0,.07V63.5a1.11,1.11,0,0,1-1.05,1.109l-.06,0Zm13.036-11.442v9.712h4.54V50.9l-8.479-6.248L313.531,50.9V62.879h4.541V53.167Zm-6.393,9.712h4.909V54.65h-4.909ZM322.01,44.345Z" transform="translate(913.915 17.177)"/> </g> </svg> </button> </div> </div> <div class="menu__wrap" id="menuWrap"> <div class="menu__head m-only"> <div class="head__top"> <div class="search__box" onclick="headerSearch.eventListener.uinifiedSearchInp();" data-omni="search"> <ul id="search__slide__02"> </ul> <button id="mobMenuSearchButton" type="button" class="menu__search__button"> <span class="sr-only">검색 버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> <div class="head__button__wrap"> <button name="appMenu" style="display:none !important;" class="menu__noti__button" onclick="openCtaLink('/sec/push/notify/','_self');" data-omni="notice"> <span class="sr-only">알림</span> <svg id="icon-svg-notification" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 96 96"> <rect width="96" height="96" fill="none"/> <path d="M-4713.05-1905.775a13.972,13.972,0,0,1-4.123-8.225H-4737.8a4.167,4.167,0,0,1-3.431-1.716,4.14,4.14,0,0,1-.542-3.773l.009-.026.07-.192,8.272-21.14a3.73,3.73,0,0,0,.119-.6l0-.073v-9.667l.007-9.006a29.528,29.528,0,0,1,2.544-11.253,29.577,29.577,0,0,1,6.371-9.152,29.433,29.433,0,0,1,9.286-6.151A29.2,29.2,0,0,1-4703.8-1989h0a29.294,29.294,0,0,1,20.417,8.248,29.537,29.537,0,0,1,9.057,20.087v.008l.017.5.009,18.659a3.577,3.577,0,0,0,.108.611l.024.069,8.262,21.117a4.162,4.162,0,0,1-.349,3.819,4.137,4.137,0,0,1-3.316,1.879h-.022l-.207.006h-20.625a13.989,13.989,0,0,1-4.123,8.224A13.243,13.243,0,0,1-4703.8-1902,13.243,13.243,0,0,1-4713.05-1905.775Zm9.253-3.225a6.606,6.606,0,0,0,6.252-5h-12.507A6.561,6.561,0,0,0-4703.8-1909Zm-22.481-51.421-.012.359-.007,18.566a9.988,9.988,0,0,1-.487,2.874l-.008.025-.111.3L-4733.67-1921h59.744l-6.766-17.3a9.85,9.85,0,0,1-.569-2.5l0-.023-.025-.361-.008-.325v-3.97l-.007-14.546A22.436,22.436,0,0,0-4703.8-1982,22.485,22.485,0,0,0-4726.278-1960.421Z" transform="translate(4751.999 1994)"/> </svg> </button> <button class="menu__cart__button" onclick="getCartList();" data-omni="cart"> <span class="sr-only">장바구니 버튼</span> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g id="icon-svg-cart-menu" transform="translate(-9)"> <rect width="26" height="26" transform="translate(9)" fill="none"/> <path d="M20.974,22.205a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,20.974,22.205Zm-9.7,0a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,11.273,22.205Zm9.7,1.94a1.109,1.109,0,1,0,1.109,1.109A1.1,1.1,0,0,0,20.974,24.145Zm-9.7,0a1.109,1.109,0,1,0,1.109,1.109A1.094,1.094,0,0,0,11.273,24.145ZM4.648,3.8A1.527,1.527,0,0,1,6.062,4.826v.055l.832,3.1H25.769a1.329,1.329,0,0,1,1.3,1.608v.055L24.411,19.71a1.482,1.482,0,0,1-1.358,1.081H9.138a1.49,1.49,0,0,1-1.414-1.026L7.7,19.71,4.066,6.017H1.1V3.8Zm19.957,6.4H7.475l2.217,8.371H22.415Z" transform="translate(7.9 -2.801)"/> </g> </svg> <span class="cart__count" style="display:none;"></span> </button> <button class="menu__close__button" data-omni="menu close"> <span class="sr-only">메뉴닫기</span> <svg id="icon-svg-gnbClose" xmlns="http://www.w3.org/2000/svg" width="22.745" height="22.745" viewBox="0 0 22.745 22.745" fill="currentColor"> <g transform="translate(-275.669 -189.336)"> <line x2="19.917" y2="19.917" transform="translate(277.083 190.75)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line x1="19.917" y2="19.917" transform="translate(277.083 190.75)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </g> </svg> </button> </div> </div> <div class="head__bottom"> <div class="login__user__wrap m-only"> <a href="javascript:doLogin();" data-omni="login"> 로그인/회원가입 > </a> </div> <div class="add__contents__wrap m-only"> <div class="add__contents__inner"> <ul id="addContents__slider"> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/smartphones/galaxy-z-fold-special-edition/buy/','_self');" data-omni="mobilecontents:galaxy-z-fold-special-edition_shot"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/98e12cc8-0f3d-4c81-aa88-3fc1af396d6f.jpg" alt="갤럭시 Z 폴드6 스페셜 에디션 페이지로 이동" /> </div> <p>갤럭시 Z 폴드<br> 스페셜 에디션</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/event/galaxy-z6/promotion/app/','_self');" data-omni="mobilecontents:Galaxy benefit_shot"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/061d6559-0ded-4973-8fba-31b0d031b505.png" alt="Galaxy 구매 혜택 신청하기" /> </div> <p>Z폴드6ㅣZ플립6 혜택 신청하기</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://samsung.com/sec/offer/samsung-week','_self');" data-omni="mobilecontents:Samsung Week_alarm_shotcut"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/6c75efec-6305-4f59-bc01-3109b42c5c59.png" alt="파란종이백 모양의 버스에 Samsung Week라고 씌여져있는 이미지 " /> </div> <p>삼성위크<br>특별 혜택</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/Samsung-Care-Plus/CE/','_self');" data-omni="mobilecontents:withsamsungcareplus"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/21a1c96c-d2f1-4c91-8a2c-61691565bae1.png" alt="삼성케어플러스 앰블럼" /> </div> <p>삼성케어플러스</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/eventList/delivery-service/','_self');" data-omni="mobilecontents:delivery-service"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/9b021b3b-8fcb-47ed-9f50-266011e0fafc.png" alt="오늘보장&시간 맞춤 설치" /> </div> <p>오늘보장&<br> 시간 맞춤 설치</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/samsungstore/culture-lab/','_self');" data-omni="mobilecontents:samsungstore culture-lab"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/002534df-0ec6-4c2b-9163-66708187c77a.png" alt="삼성 컬처랩" /> </div> <p>삼성 컬처랩</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/store-model/live/','_self');" data-omni="mobilecontents:SamsungLive"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/65cb8d18-5dd2-4e75-8274-fa199e267569.png" alt="삼닷 Live" /> </div> <p>삼닷 Live</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/galaxycampus/','_self');" data-omni="mobilecontents:galaxycampus"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/cc13ffd5-92fc-463e-a8c1-0fee81323d10.png" alt="갤럭시 캠퍼스 " /> </div> <p>갤럭시 캠퍼스 </p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/smartthings/do-the-smartthings/','_self');" data-omni="mobilecontents:smartthings"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/5f6a183e-3de0-4da2-ba65-91d5ce31ba9b.png" alt="스마트싱스 앰블럼" /> </div> <p>스마트싱스</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/bespokeshop/','_self');" data-omni="mobilecontents:bespokeshop"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/50ac836b-9425-4751-bab8-bc37cedbfb99.png" alt="e식품관 소고기 이미지" /> </div> <p>e식품관</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/membership/membershipMain/','_self');" data-omni="mobilecontents:membership"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/7b81b664-5d91-4264-a54b-5114158a0240.png" alt="멤버십" /> </div> <p>멤버십</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/sustainability/main/','_self');" data-omni="mobilecontents:sustainability"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/98bb33e6-6b70-4cd3-9f54-f09729924928.png" alt="지속가능경영 앰블럼" /> </div> <p>지속가능경영</p> </a> </li> <li name="appMenu" style="display:none !important;"> <a href="javascript:void(0);" onclick="callApplicationMenu('samsungApp');" data-omni=":samsungapp"> <div class="imgform"> <img loading="lazy" src="/sec/static/_images/gnb/icon-gnb-samsungapp.png" alt="삼성전자 앱 메뉴 이미지"> </div> <p>삼성전자 앱</p> </a> </li> </ul> </div> </div> </div> </div> <ul class="menu__list"> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="AI" class="item__button " data-dispclsfno="710039388" data-menulinkgbcd="10" data-texten="AI" >AI</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="mobile" class="item__button " data-dispclsfno="710043106" data-menulinkgbcd="10" data-texten="mobile" >모바일</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="tv&audio" class="item__button " data-dispclsfno="710034650" data-menulinkgbcd="10" data-texten="tv&audio" >TV&오디오</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="kitchen-appliances" class="item__button " data-dispclsfno="710034651" data-menulinkgbcd="10" data-texten="kitchen-appliances" >주방가전</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="living" class="item__button " data-dispclsfno="710034652" data-menulinkgbcd="10" data-texten="living" >리빙가전</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="PC" class="item__button " data-dispclsfno="710034653" data-menulinkgbcd="10" data-texten="PC" >PC/주변기기</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" data-omni="expendables" class="item__button " data-dispclsfno="710034654" data-menulinkgbcd="20" data-texten="expendables" onclick="openCtaLink('/sec/accessories/','_self');" >소모품/액세서리</a> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="samsung care plus" class="item__button " data-dispclsfno="710037379" data-menulinkgbcd="10" data-texten="samsung care plus" >삼성케어플러스</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="smart things" class="item__button " data-dispclsfno="710034655" data-menulinkgbcd="10" data-texten="smart things" >스마트싱스</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="promotion" class="item__button " data-dispclsfno="710037734" data-menulinkgbcd="10" data-texten="promotion" >삼성닷컴추천</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" data-omni="outlet" class="item__button " data-dispclsfno="710034659" data-menulinkgbcd="20" data-texten="outlet" onclick="openCtaLink('/sec/outlets/all-outlets/','_self');" >아울렛</a> </li> <li class="menuitem__l0 list__divide"> <a href="javascript:void(0);" role="menuitem" data-omni="samsung Experience" class="item__button " data-dispclsfno="710037719" data-menulinkgbcd="10" data-texten="samsung Experience" >#Samsung Experience</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 list__right right__menu"> <a href="javascript:void(0);" role="menuitem" data-omni="support" class="item__button " data-dispclsfno="710034660" data-menulinkgbcd="10" data-texten="support" >고객지원</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" data-omni="Samsung Business" class="item__button newtab" data-dispclsfno="710034662" data-menulinkgbcd="30" data-texten="Samsung Business" onclick="openCtaLink('/sec/business/','_blank');"title="새 창" >비즈니스</a> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" role="menuitem" data-omni="samsung store" class="item__button " data-dispclsfno="710034661" data-menulinkgbcd="10" data-texten="samsung store" >삼성스토어</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" data-omni="sustainability" class="item__button " data-dispclsfno="710035040" data-menulinkgbcd="20" data-texten="sustainability" onclick="openCtaLink('/sec/sustainability/main/','_self');" >지속가능경영 </a> </li> </ul> <div class="user__mypage__list"> <ul> </ul> </div> </div> <div class="inner__mask" data-type=""></div> </div> </header> <!-- s: markup 추가 0713 모바일용 메뉴 추가 --> <input type="hidden" name="useLogin" id="useLogin" value="" /> <!-- e: markup 추가 0713 모바일용 메뉴 추가 --> <!-- s: GNB xhr사용여부 --> <input type="hidden" id="getCartCntUseYn" value="Y" /> <input type="hidden" id="getCouponCntUseYn" value="Y" /> <input type="hidden" id="getWritableMyCommentUseYn" value="Y" /> <input type="hidden" id="writableCommentUseYn" value="Y" /> <!-- e: GNB xhr사용여부 --> <script defer> var userAgent=navigator.userAgent.toUpperCase(); if(userAgent.indexOf("SECAPP")>-1||userAgent.indexOf("SECTEST")>-1){ // $("#header").hide(); $(".string-banner-wrap").hide(); } if(window.secapp) { window.secapp.showAndHideGnb('GONE'); $("html").css("margin-top", "0px"); } var stcmtMbrYn = "N"; //스마트싱스 커뮤니티 회원 여부 $(document).ready(function(){ ts_hostChk('prd'); getSessionInfo(); // 장바구니 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCartCnt) var getCartCntUseYn = $("#getCartCntUseYn").val(); if(getCartCntUseYn == undefined || getCartCntUseYn == "Y"){ getCartCnt(); } // 모바일이면 1뎁스(1번째) 미리 Load처리 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false) { // .click(); 안되서 func직접호출 // $(".menuitem__l0").eq(0).children('a').click(); var depth1 = $(".menuitem__l0").eq(0).children('a'); var menuLinkGbCd = $(depth1).data("menulinkgbcd"); if(menuLinkGbCd == '10'){ getGnbDepth2(depth1); } //} // 1뎁스 mouseover시 2뎁스 조회 $(".menuitem__l0 > a").on("mouseover focus", function(){ // 메뉴링크구분이 서브메뉴가 아닌 경우 var menuLinkGbCd = $(this).data("menulinkgbcd"); if(menuLinkGbCd != '10'){ return; } // 2뎁스 AJAX호출 var depth1 = $(this); getGnbDepth2(depth1); }); // 1뎁스 클릭시 스타일적용 $(".menuitem__l0").on("click", function(){ $(".menuitem__l0").removeClass("active"); $(this).addClass("active"); }); let platformCd = getCookieA("COOKIE_KEY_PLATFORM"); if(platformCd == "" || platformCd == null || platformCd == undefined){ if(window.secapp !== undefined || window.secapppopup !== undefined){ setCookieA("COOKIE_KEY_PLATFORM", "AOS", 1); } else if(device.isIosApp){ setCookieA("COOKIE_KEY_PLATFORM", "IOS", 1); } } }); // 푸시 알림 뱃지 카운트 핸들러 function getAlarmCnt() { if(window.secapp) { var cnt = window.secapp.getBadgeCounterOfPushMessages(); getBadgeCounterOfPushMessagesCallback(cnt); } else if(device.isIosApp) { if ( window.location.hostname == 'dev-www.samsung.com' || window.location.hostname == 'stg-www.samsung.com' || window.location.hostname == 'www.samsung.com' || window.location.hostname == 'dev-familynet.samsung.com' || window.location.hostname == 'stg-familynet.samsung.com' || window.location.hostname == 'familynet.samsung.com' ) { window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"getBadgeCounterOfPushMessages"})); } else { console.log('메시지를 보낼 수 없는 도메인입니다.'); } } } // 푸시 알림 뱃지 카운트 콜백 //퍼블작업 완료시 진행예정 function getBadgeCounterOfPushMessagesCallback(cnt) { const alertDiv = $(".cta_alrt ._alrt"); // cnt > 0 ? alertDiv.show() : alertDiv.hide(); } // 2뎁스 조회 function getGnbDepth2(depth1){ // Load된 2뎁스 메뉴가 이미 존재하는 경우 var divCnt = $(depth1).siblings('div').children().length; if(divCnt > 0){ return; } var dispClsfNo = $(depth1).data("dispclsfno"); var text = $(depth1).text(); var textEn = $(depth1).data("texten"); var omni = $(depth1).data("omni"); $.ajax({ url : "/sec/cxhr/display/getGnbDepth2" , type : "GET" , data : {upDispClsfNo : dispClsfNo , dispClsfNm : text , dispClsfEnNm : textEn } , dataType : "html" , success : function(html) { if(html != ""){ $(depth1).siblings('.menuitem__l1__container').replaceWith(html); if(omni.toLowerCase() == "smart things"){ $(depth1).siblings('.menuitem__l1__container').find(".menuitem__l2__list").children().each(function(){ var omniArr = $(this).children().data("omni").split(":"); if(omniArr.length == 2 && omniArr[1].toLowerCase() == "smartthings-square"){ if(stcmtMbrYn == "Y" || stcmtMbrYn == "R"){ $(this).show(); }else{ $(this).hide(); } } }); } //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ if(window.innerWidth <= 1280){ // 모바일 이미지메뉴 2줄처리 width설정 var depth2 = $(depth1).siblings('.menuitem__l1__container'); if($(depth2).find("#new__prod__slider__01").length > 0){ var ul = $(depth2).find("#new__prod__slider__01"); var liWidth = $(ul).children("li").first().width(); var liCnt = $(ul).children("li").length; var ulWidth = (liWidth * liCnt * 0.65); $(ul).css("width", ulWidth+"px"); } // 모바일(아이폰) 2뎁스 화이트영역을 1뎁스 FULL높이로 변경 let mainListH = document.querySelector(".menu__list").clientHeight; $(".menuitem__l1__container").css({ height: mainListH + "px" }); } // s : 고객지원 - 원격상담/출장예약/전화상담 메뉴 SSO연동설정(앱→웹) if(textEn.toLowerCase().indexOf("support") > -1){ // 원격상담 $("a[data-omni='support:remote_service']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/consult/remote');"); // 전화상담 $("a[data-omni='support:rescounselview']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/consult/call');"); //출장서비스예약 $("a[data-omni='support:U service reservation']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/reserve/reserveEngineer');"); } // e : 고객 지원 - 원격지원/출장예약/전화상담 메뉴 SSO연동(앱→웹) } } , error : function(request, status, error) { } }); } var clipboard = new ClipboardJS('#lUrl'); clipboard.on('success', function(e) { let alertData = { title: "" ,content : "링크가 복사되었습니다." ,callback : "" ,btnText : "확인" }; commonAlert(alertData); openLayer('commonAlert'); }); clipboard.on('error', function(e) { let alertData = { title: "" ,content : "다시 시도하여 주십시오." ,callback : "" ,btnText : "확인" }; commonAlert(alertData); openLayer('commonAlert'); }); function getCartList(){ var options = { url : '/sec/xhr/order/gnbCartList' , dataType : "html" , done : function(data){ $(".cart__list").html(data); gnbObj.ultilityEvent('cart'); } } ajax.call(options); } // 뒤로가기 시 이벤트 $(window).bind("pageshow", function(event){ if(event.originalEvent.persisted || window.performance && window.performance.navigation.type == 2){ // 장바구니 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCartCnt) var getCartCntUseYn = $("#getCartCntUseYn").val(); if(getCartCntUseYn == undefined || getCartCntUseYn == "Y"){ getCartCnt(); } var useLogin = $("input[name=useLogin]").val(); if(useLogin == "Y"){ // 작성가능한 상품평 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - writableComment) //20240517 kcg - 앱설치유도배너 중복 노출로 인한 로직 제거 // var writableCommentUseYn = $("#writableCommentUseYn").val(); // if(writableCommentUseYn == undefined || writableCommentUseYn == "Y"){ // writableComment(); // } // 작성가능한 상품평 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getWritableMyComment) var getWritableMyCommentUseYn = $("#getWritableMyCommentUseYn").val(); if(getWritableMyCommentUseYn == undefined || getWritableMyCommentUseYn == "Y"){ getWritableMyComment(); } else { // 개수 표시 미노출 $("#mobMyComment").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평'); $("#pcMyComment").html('작성 가능한 상품평'); } // 사용가능한 쿠폰 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCouponCnt) var getCouponCntUseYn = $("#getCouponCntUseYn").val(); if(getCouponCntUseYn == undefined || getCouponCntUseYn == "Y"){ getCouponCnt(); } else { // 개수 표시 미노출 $("#mobCouponZone").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰'); $("#pcCouponZone").html('사용 가능한 쿠폰'); } } } }); // 세션정보조회 function getSessionInfo() { $.ajax({ url : "/sec/xhr/member/getSession" , type : "POST" , success : function(result) { result = JSON.parse(result); if (result.mbrNo == "0") { //$("#imgUserMenuIcon").attr("src", "/sec/static/_images/gnb/icon-26-mypage.svg"); $("#icon-svg-mypage").css("display", ""); $("#icon-svg-mypage-on").css("display", "none"); $("input[name=useLogin]").val("N"); $(".link-login i").addClass("ico-people"); $(".user__button > .sr-only").text("로그인 메뉴버튼"); $(".loginAfter").remove(); $(".loginBefore").remove(); setLogoutGnbMenu(); } else { //$("#imgUserMenuIcon").attr("src", "/sec/static/_images/gnb/icon-26-mypage-on.svg"); $("#icon-svg-mypage").css("display", "none"); $("#icon-svg-mypage-on").css("display", ""); $("input[name=useLogin]").val("Y"); $(".link-login i").addClass("ico-people-logged"); $(".user__button > .sr-only").text("나의정보 메뉴버튼"); $(".loginBefore").remove(); $(".loginAfter").remove(); setLoginGnbMenu(); $("#mbrNmMo").html(result.mbrNm); $("#mbrNmPc").html(result.mbrNm); // 작성가능한 상품평 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - writableComment) var writableCommentUseYn = $("#writableCommentUseYn").val(); if(writableCommentUseYn == undefined || writableCommentUseYn == "Y"){ var writableMyCommentCnt = getCookieA("writableMyCommentCnt_1_"); if(writableMyCommentCnt !== undefined && writableMyCommentCnt != null && writableMyCommentCnt > 0){ writableComment(); } } // 작성가능한 상품평 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getWritableMyComment) var getWritableMyCommentUseYn = $("#getWritableMyCommentUseYn").val(); if(getWritableMyCommentUseYn == undefined || getWritableMyCommentUseYn == "Y"){ getWritableMyComment(); } else { // 개수 표시 미노출 $("#mobMyComment").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평'); $("#pcMyComment").html('작성 가능한 상품평'); } // 사용가능한 쿠폰 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCouponCnt) var getCouponCntUseYn = $("#getCouponCntUseYn").val(); if(getCouponCntUseYn == undefined || getCouponCntUseYn == "Y"){ getCouponCnt(); } else { // 개수 표시 미노출 $("#mobCouponZone").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰'); $("#pcCouponZone").html('사용 가능한 쿠폰'); } stcmtMbrYn = result.stcmCertStat; // 스마트싱스 회원여부 } } }); } // 메뉴설정 로그아웃 상태 function setLogoutGnbMenu() { // 모바일 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ var htmlMoLoginBefore = ''; // 로그인 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:doLogin();" data-omni=\'login\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-01.svg" alt="로그인 아이콘">로그인'; htmlMoLoginBefore += '<svg id="icon-svg-my-01" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="currentColor">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M23.219,12.5a5.746,5.746,0,0,1,5.719,5.542h0v1.49a.657.657,0,0,1-.656.656H18.156a.657.657,0,0,1-.656-.656h0v-1.49A5.746,5.746,0,0,1,23.219,12.5Zm0,.938a4.81,4.81,0,0,0-4.781,4.6h0V19.25H28V18.042a4.809,4.809,0,0,0-4.7-4.6h-.077Zm0-9.937a3.844,3.844,0,1,1-3.844,3.844A3.844,3.844,0,0,1,23.219,3.5Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.906,2.906,0,0,0,23.219,4.438Z" transform="translate(-14.125 -2.75)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '로그인'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 회원가입 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:doSignUp()" data-omni=\"sign up\">'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-02.svg" alt="회원가입 아이콘">회원가입'; htmlMoLoginBefore += '<svg id="icon-svg-my-02" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M56.787,62.513A3.2,3.2,0,0,1,53.6,59.306a3.115,3.115,0,0,1,.938-2.269,3.191,3.191,0,0,1,2.269-.937h0a3.2,3.2,0,0,1,3.206,3.188,3.237,3.237,0,0,1-3.225,3.225Zm0-5.606a2.4,2.4,0,0,0,.019,4.8h0a2.4,2.4,0,0,0,2.4-2.4,2.31,2.31,0,0,0-.712-1.687,2.383,2.383,0,0,0-1.706-.712Z" transform="translate(-43.287 -45.581)"/>'; htmlMoLoginBefore += '<path d="M29.438,18.55m-4.612,2.138H18.656A.664.664,0,0,1,18,20.031h0V18.55a5.7,5.7,0,0,1,7.913-5.1l-.825.694a4.247,4.247,0,0,0-1.294-.206h-.075a4.808,4.808,0,0,0-4.781,4.612h0v1.2h5.888ZM23.719,4a3.844,3.844,0,1,1-3.844,3.844A3.849,3.849,0,0,1,23.719,4Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.9,2.9,0,0,0,23.719,4.938Zm1.106,15.75" transform="translate(-14.362 -3.25)"/>'; htmlMoLoginBefore += '<rect width="0.638" height="3.675" transform="translate(13.181 11.888)"/>'; htmlMoLoginBefore += '<rect width="3.675" height="0.638" transform="translate(11.663 13.406)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '회원가입'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 삼성계정을 만들어야 하는 이유 htmlMoLoginBefore += '<li class="variety">'; htmlMoLoginBefore += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">'; //htmlMoLoginBefore += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; //htmlMoLoginBefore += '<rect width="18" height="18" fill="none"></rect>'; //htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '삼성계정을 만들어야 하는 이유'; htmlMoLoginBefore += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlMoLoginBefore += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlMoLoginBefore += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlMoLoginBefore += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 주문/배송 조회 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-03.svg" alt="주문/배송 조회 아이콘">주문/배송 조회'; htmlMoLoginBefore += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M17.78,23.837a.313.313,0,0,1-.249.1H16.16a2.1,2.1,0,0,0-3.222-1.062V17h3.078a.713.713,0,0,1,.654.541l.058.3H14.9a.561.561,0,0,0-.558.563v2.063a.561.561,0,0,0,.558.563h2.44l.489,2.543A.313.313,0,0,1,17.78,23.837Zm-2.391,1.038a1.266,1.266,0,0,1-2.5-.282,1.266,1.266,0,0,1,2.531,0A1.268,1.268,0,0,1,15.389,24.875ZM17.2,20.281h-2.1V18.594h1.779ZM12,23.938H7.535a2.108,2.108,0,0,0-4.007,0H2.438v-9H12v9Zm-5.236.938a1.244,1.244,0,1,1,.033-.281A1.267,1.267,0,0,1,6.764,24.875ZM18.752,23.4l-1.161-6.034a1.648,1.648,0,0,0-1.575-1.3H12.938V14.656A.657.657,0,0,0,12.281,14H2.156a.657.657,0,0,0-.656.656v9.562a.657.657,0,0,0,.656.656H3.443a2.107,2.107,0,0,0,4.177,0h4.448a2.107,2.107,0,0,0,4.177,0h1.287A1.215,1.215,0,0,0,18.752,23.4Z" transform="translate(-1.125 -11.375)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '주문/배송 조회'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 멤버십 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-05.svg" alt="멤버십 아이콘">멤버십'; htmlMoLoginBefore += '<svg id="icon-svg-my-05" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<g transform="translate(1 2.5)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginBefore += '<rect width="16" height="13" rx="3" stroke="none"/>'; htmlMoLoginBefore += '<rect x="0.5" y="0.5" width="15" height="12" rx="2.5" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '<line x2="15" transform="translate(1.5 12)" fill="none" stroke="#000" stroke-width="1"/>'; htmlMoLoginBefore += '<g transform="translate(3.6 5.1)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginBefore += '<rect width="3" height="3" rx="1" stroke="none"/>'; htmlMoLoginBefore += '<rect x="0.5" y="0.5" width="2" height="2" rx="0.5" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '멤버십'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 나의 제품 관리 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="NetFunnel_Action({action_id:\'b2c_login_default\'},\'/sec/mypage/info/indexMyDeviceList/\');return false;" data-omni=\'my device\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-08.svg" alt="나의 제품 관리 아이콘">나의 제품 관리'; htmlMoLoginBefore += '<svg id="icon-svg-my-08" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<defs>'; htmlMoLoginBefore += '<clipPath id="clip-path">'; htmlMoLoginBefore += '<rect width="15.004" height="14.533" fill="none"/>'; htmlMoLoginBefore += '</clipPath>'; htmlMoLoginBefore += '</defs>'; htmlMoLoginBefore += '<g transform="translate(-4353 -1170)">'; htmlMoLoginBefore += '<g transform="translate(4355 1172)">'; htmlMoLoginBefore += '<g transform="translate(0 0)" clip-path="url(#clip-path)">'; htmlMoLoginBefore += '<path d="M7.278,10.387l-.189.139L7.106,13.6l-4.377.017v-3.1l-.189-.139a3.854,3.854,0,0,1,0-6.248L2.729,4,2.712.928,7.089.911V2.362c.083-.093.167-.187.258-.274a4.864,4.864,0,0,1,.685-.559V.911A.919.919,0,0,0,7.106,0H2.712a.92.92,0,0,0-.926.911V3.542a4.77,4.77,0,0,0,0,7.442v2.638a.92.92,0,0,0,.926.911H7.106a.919.919,0,0,0,.926-.911V10.984a4.874,4.874,0,0,0,.937-1.018,4.9,4.9,0,0,1-.842-.434,3.982,3.982,0,0,1-.849.855" transform="translate(0 0)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M26.238,5.027A4.023,4.023,0,0,0,23.4,6.18a3.8,3.8,0,0,0-1.172,2.791,3.97,3.97,0,0,0,3.985,3.945,4.015,4.015,0,0,0,4.032-3.968,3.971,3.971,0,0,0-4.009-3.922m0,6.9a2.953,2.953,0,1,1-.024-5.906h0a3,3,0,0,1,2.133.876,2.82,2.82,0,0,1,.891,2.076,2.983,2.983,0,0,1-3,2.953" transform="translate(-15.243 -3.472)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M31.792,12.418h-1.1V11.371a.563.563,0,0,0-1.125,0v1.047h-1.1a.554.554,0,1,0,0,1.107h1.1v1.047a.563.563,0,0,0,1.125,0V13.525h1.1a.554.554,0,1,0,0-1.107" transform="translate(-19.133 -7.472)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M4.977,16.6a3.9,3.9,0,1,1,0-7.8,4,4,0,0,1,1.384.25,4.643,4.643,0,0,1,.457-.822,4.947,4.947,0,0,0-1.841-.356,4.831,4.831,0,1,0,0,9.66A4.93,4.93,0,0,0,9.041,15.4a4.9,4.9,0,0,1-.845-.435A3.979,3.979,0,0,1,4.977,16.6" transform="translate(-0.047 -5.434)" fill="#1a1311"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '<rect width="18" height="18" transform="translate(4353 1170)" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '나의 제품 관리'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 쿠폰존 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="쿠폰존 아이콘">쿠폰존'; htmlMoLoginBefore += '<svg id="icon-svg-my-04" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M19.094,14.5a.469.469,0,0,1,.468.438v3.153a.469.469,0,0,1-.469.469,2.195,2.195,0,0,0-2.112,1.5A2.231,2.231,0,0,0,19.04,23h.084a.468.468,0,0,1,.437.437v3.153a.469.469,0,0,1-.438.468H2.969a.469.469,0,0,1-.468-.438V14.969a.469.469,0,0,1,.438-.468H19.094Zm-.469.937H8.125v1.219H7.187V15.438H3.437V26.125h3.75V25.094h.938v1.031h10.5V23.907l-.032,0a3.169,3.169,0,0,1-2.542-4l.017-.06.019-.063A3.106,3.106,0,0,1,18.5,17.678l.065-.012.063-.01V15.438Zm-10.5,6.281v1.688H7.188V21.719Zm0-3.375v1.688H7.188V18.344Z" transform="translate(-1.938 -11.688)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '쿠폰존'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 삼성닷컴 회원 혜택 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-06.svg" alt="삼성닷컴 회원 혜택 아이콘">삼성닷컴 회원 혜택'; htmlMoLoginBefore += '<svg id="icon-svg-my-06" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M17.912,5a1.905,1.905,0,0,1,1.759,2.625h1.735a.657.657,0,0,1,.655.62v3.786a.657.657,0,0,1-.62.655h-.88v7.781a.657.657,0,0,1-.62.655H8.656A.657.657,0,0,1,8,20.5V12.688H7.156a.657.657,0,0,1-.655-.62V8.281a.657.657,0,0,1,.62-.655H8.892a1.9,1.9,0,0,1,2.673-2.392l.036.02.056.028.06.031c.139.073.334.185.585.34l.059.037c.549.343,1.189.79,1.92,1.354l-.07.054.238-.183c.626-.477,1.184-.865,1.671-1.174L16.2,5.69c.319-.2.554-.332.7-.408l.057-.029L17,5.234A1.894,1.894,0,0,1,17.843,5Zm-5.974,7.688h-3v7.5h3Zm3.75,0H12.875v7.5h2.813Zm3.938,0h-3v7.5h3ZM11.938,8.563h-4.5V11.75h4.5Zm3.75,0H12.875V11.75h2.813Zm5.438,0h-4.5V11.75h4.5ZM17.912,5.938a.957.957,0,0,0-.447.11l-.045.025-.02.012-.021.01c-.022.01-.074.037-.157.082-.128.07-.28.158-.456.267l-.067.042c-.47.294-1.015.671-1.634,1.14h3.488a.967.967,0,0,0-.641-1.688Zm-7.261,0a.967.967,0,0,0-.641,1.688H13.5c-.585-.443-1.1-.8-1.556-1.091l-.078-.049c-.181-.114-.339-.207-.473-.281l-.049-.027-.119-.063-.059-.028-.02-.012a.954.954,0,0,0-.492-.135Z" transform="translate(-5.188 -4.063)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '삼성닷컴 회원 혜택'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 앱설정 if(window.secapp || device.isIosApp) { htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="callApplicationMenu(\'settings\');">'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-setting.svg" alt="설정 아이콘">설정'; htmlMoLoginBefore += '<svg id="icon-svg-my-set" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">'; htmlMoLoginBefore += '<path d="M20.076-1.5A21.576,21.576,0,1,1-1.5,20.076,21.6,21.6,0,0,1,20.076-1.5Zm0,35.712A14.136,14.136,0,1,0,5.94,20.076,14.152,14.152,0,0,0,20.076,34.212Z" transform="translate(27.5 27.5)" fill="#010101"/>'; htmlMoLoginBefore += '<path d="M64.911,9.7h16.12a6.085,6.085,0,0,1,5.841,4.554l.01.041,2.465,10.354a.373.373,0,0,0,.068.089l.183.092,2.182,1.455a1.755,1.755,0,0,0,.542.13L102.7,23.451a5.886,5.886,0,0,1,1.426-.176h0a6.144,6.144,0,0,1,5.051,2.713l.071.107,8.182,14.319.116.349A6.52,6.52,0,0,1,116.15,47.3l-7.688,7.688a.4.4,0,0,0-.15.346v.458l-.427,1.709a.891.891,0,0,0,.1.177l7.674,7.674a6.008,6.008,0,0,1,1.193,7.022l-.1.182-8,14-.071.107a6.144,6.144,0,0,1-5.051,2.713A5.887,5.887,0,0,1,102.2,89.2l-.12-.032-10.255-2.93a1.834,1.834,0,0,0-.631.167l-1.781,1.013a.37.37,0,0,0-.069.091l-2.729,10.42a6.086,6.086,0,0,1-5.834,4.526H64.663a6.086,6.086,0,0,1-5.834-4.526L56.1,87.507a.37.37,0,0,0-.069-.091l-.158-.085L54.25,86.4a1.834,1.834,0,0,0-.631-.167L43.245,89.2a5.887,5.887,0,0,1-1.427.176,6.144,6.144,0,0,1-5.051-2.713l-.071-.107L28.744,72.636a5.974,5.974,0,0,1,.8-7.286l7.688-7.688a.4.4,0,0,0,.15-.346v-2.2a1.13,1.13,0,0,0-.165-.391L29.284,46.79l-.2-.306a6.381,6.381,0,0,1-.48-6.455l.051-.1,8.3-14.336.065-.1a6.144,6.144,0,0,1,5.051-2.713,5.887,5.887,0,0,1,1.427.176l.12.032,10.255,2.93a1.834,1.834,0,0,0,.631-.167l1.781-1.013a.37.37,0,0,0,.069-.091l2.729-10.42A6.086,6.086,0,0,1,64.911,9.7Zm15,7.44H66L63.553,26.5a7.619,7.619,0,0,1-3.814,4.824l-1.845,1.047a9.245,9.245,0,0,1-4.046.986,7.2,7.2,0,0,1-1.744-.208l-.12-.032-9.263-2.647L35.669,42.653l6.824,6.824a8.329,8.329,0,0,1,2.33,5.606v2.232a7.777,7.777,0,0,1-2.33,5.606l-6.829,6.829L42.481,81.68,51.857,79A7.2,7.2,0,0,1,53.6,78.8a9.245,9.245,0,0,1,4.046.986l.182.1,1.663.95a7.619,7.619,0,0,1,3.814,4.824l2.451,9.36H79.689l2.451-9.36a7.619,7.619,0,0,1,3.814-4.824L87.8,79.781a9.245,9.245,0,0,1,4.046-.986A7.2,7.2,0,0,1,93.589,79l.12.032,9.256,2.645,6.726-11.771L102.7,62.923a8.329,8.329,0,0,1-2.33-5.606v-.458l.512-2.049a7.762,7.762,0,0,1,2.313-5.084l6.987-6.987-6.726-11.771-9.376,2.677a7.2,7.2,0,0,1-1.744.208,9.245,9.245,0,0,1-4.046-.986l-.207-.1-2.267-1.511a7.622,7.622,0,0,1-3.687-4.778l-.01-.041Z" transform="translate(-24.86 -7.7)" fill="#010101"/>'; htmlMoLoginBefore += '<rect width="96" height="96" fill="none"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '설정'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; } $(".user__mypage__list ul").html(htmlMoLoginBefore); // PC //} else { var htmlLoginBefore = ''; htmlLoginBefore += '<ul>'; // 로그인 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:doLogin();" data-omni=\'login\'>로그인</a>'; htmlLoginBefore += '</li>'; // 회원가입 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:doSignUp();" data-omni=\"sign up\">회원가입</a>'; htmlLoginBefore += '</li>'; // 삼성계정을 만들어야 하는 이유 htmlLoginBefore += '<li class="variety">'; htmlLoginBefore += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">삼성계정을 만들어야 하는 이유'; htmlLoginBefore += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlLoginBefore += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlLoginBefore += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlLoginBefore += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlLoginBefore += '</g>'; htmlLoginBefore += '</svg>'; htmlLoginBefore += '</a>'; htmlLoginBefore += '</li>'; // 주문/배송 조회 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>주문/배송 조회</a>'; htmlLoginBefore += '</li>'; // 멤버십 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>멤버십</a>'; htmlLoginBefore += '</li>'; // 나의 제품 관리 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:void(0);" onclick="NetFunnel_Action({action_id:\'b2c_login_default\'},\'/sec/mypage/info/indexMyDeviceList/\');return false;" data-omni=\'my device\'>나의 제품 관리</a>'; htmlLoginBefore += '</li>'; // 쿠폰존 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\'>쿠폰존</a>'; htmlLoginBefore += '</li>'; // 삼성닷컴 회원 혜택 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>삼성닷컴 회원 혜택</a>'; htmlLoginBefore += '</li>'; // 참여형 이벤트 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni=\'join event\'>참여형 이벤트</a>'; htmlLoginBefore += '</li>'; htmlLoginBefore += '</ul>'; $(".user__list").html(htmlLoginBefore); //} } // 메뉴설정 로그인 상태 function setLoginGnbMenu() { // 모바일 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ // 회원명 var htmlMoMbrNm = ''; htmlMoMbrNm += '<div class="login__user__wrap m-only">'; //htmlMoMbrNm += '<a href=\'https://account.samsung.com/membership\'>'; htmlMoMbrNm += '<a href="/sec/membership/point/" data-omni="my account">'; htmlMoMbrNm += '안녕하세요! <span id=\'mbrNmMo\'></span>님'; htmlMoMbrNm += '</a>'; htmlMoMbrNm += '</div>'; $(".login__user__wrap.m-only").replaceWith(htmlMoMbrNm); // [三] 메뉴구성 var htmlMoLoginAfter = ''; // 삼성계정을 만들어야 하는 이유 htmlMoLoginAfter += '<li class="variety">'; htmlMoLoginAfter += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">삼성계정을 만들어야 하는 이유'; htmlMoLoginAfter += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlMoLoginAfter += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlMoLoginAfter += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlMoLoginAfter += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 나의 정보 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/membership/point/" data-omni=\'my account\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-07.svg" alt="나의 정보 아이콘">나의 정보'; htmlMoLoginAfter += '<svg id="icon-svg-my-07" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M56.787,62.513A3.2,3.2,0,0,1,53.6,59.306a3.115,3.115,0,0,1,.938-2.269,3.191,3.191,0,0,1,2.269-.937h0a3.2,3.2,0,0,1,3.206,3.188,3.237,3.237,0,0,1-3.225,3.225Zm0-5.606a2.4,2.4,0,0,0,.019,4.8h0a2.4,2.4,0,0,0,2.4-2.4,2.31,2.31,0,0,0-.713-1.687,2.383,2.383,0,0,0-1.706-.712Z" transform="translate(-43.306 -45.581)"/>'; htmlMoLoginAfter += '<path d="M29.438,18.55m-4.612,2.137H18.656A.664.664,0,0,1,18,20.031h0V18.55a5.7,5.7,0,0,1,7.913-5.1l-.825.694a4.247,4.247,0,0,0-1.294-.206h-.075a4.808,4.808,0,0,0-4.781,4.612h0v1.2h5.888ZM23.719,4a3.844,3.844,0,1,1-3.844,3.844A3.849,3.849,0,0,1,23.719,4Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.9,2.9,0,0,0,23.719,4.938Zm1.106,15.75" transform="translate(-14.381 -3.25)"/>'; htmlMoLoginAfter += '<path d="M68.6,63.8a.6.6,0,1,0-.6.6A.6.6,0,0,0,68.6,63.8Z" transform="translate(-54.519 -51.35)"/>'; htmlMoLoginAfter += '<path d="M68.694,74.425h-.75V73H67.7v-.6h.975v2.025Z" transform="translate(-54.762 -58.825)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '나의 정보'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 주문/배송 조회 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-03.svg" alt="주문/배송 조회 아이콘">주문/배송 조회'; htmlMoLoginAfter += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M17.78,23.837a.313.313,0,0,1-.249.1H16.16a2.1,2.1,0,0,0-3.222-1.062V17h3.078a.713.713,0,0,1,.654.541l.058.3H14.9a.561.561,0,0,0-.558.563v2.063a.561.561,0,0,0,.558.563h2.44l.489,2.543A.313.313,0,0,1,17.78,23.837Zm-2.391,1.038a1.266,1.266,0,0,1-2.5-.282,1.266,1.266,0,0,1,2.531,0A1.268,1.268,0,0,1,15.389,24.875ZM17.2,20.281h-2.1V18.594h1.779ZM12,23.938H7.535a2.108,2.108,0,0,0-4.007,0H2.438v-9H12v9Zm-5.236.938a1.244,1.244,0,1,1,.033-.281A1.267,1.267,0,0,1,6.764,24.875ZM18.752,23.4l-1.161-6.034a1.648,1.648,0,0,0-1.575-1.3H12.938V14.656A.657.657,0,0,0,12.281,14H2.156a.657.657,0,0,0-.656.656v9.562a.657.657,0,0,0,.656.656H3.443a2.107,2.107,0,0,0,4.177,0h4.448a2.107,2.107,0,0,0,4.177,0h1.287A1.215,1.215,0,0,0,18.752,23.4Z" transform="translate(-1.125 -11.375)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '주문/배송 조회'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 멤버십 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-05.svg" alt="멤버십 아이콘">멤버십'; htmlMoLoginAfter += '<svg id="icon-svg-my-05" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<g transform="translate(1 2.5)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginAfter += '<rect width="16" height="13" rx="3" stroke="none"/>'; htmlMoLoginAfter += '<rect x="0.5" y="0.5" width="15" height="12" rx="2.5" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '<line x2="15" transform="translate(1.5 12)" fill="none" stroke="#000" stroke-width="1"/>'; htmlMoLoginAfter += '<g transform="translate(3.6 5.1)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginAfter += '<rect width="3" height="3" rx="1" stroke="none"/>'; htmlMoLoginAfter += '<rect x="0.5" y="0.5" width="2" height="2" rx="0.5" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '멤버십'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 나의 제품 관리 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/info/indexMyDeviceList/" data-omni=\'my device\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-08.svg" alt="나의 제품 관리 아이콘">나의 제품 관리'; htmlMoLoginAfter += '<svg id="icon-svg-my-08" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<defs>'; htmlMoLoginAfter += '<clipPath id="clip-path">'; htmlMoLoginAfter += '<rect width="15.004" height="14.533" fill="none"/>'; htmlMoLoginAfter += '</clipPath>'; htmlMoLoginAfter += '</defs>'; htmlMoLoginAfter += '<g transform="translate(-4353 -1170)">'; htmlMoLoginAfter += '<g transform="translate(4355 1172)">'; htmlMoLoginAfter += '<g transform="translate(0 0)" clip-path="url(#clip-path)">'; htmlMoLoginAfter += '<path d="M7.278,10.387l-.189.139L7.106,13.6l-4.377.017v-3.1l-.189-.139a3.854,3.854,0,0,1,0-6.248L2.729,4,2.712.928,7.089.911V2.362c.083-.093.167-.187.258-.274a4.864,4.864,0,0,1,.685-.559V.911A.919.919,0,0,0,7.106,0H2.712a.92.92,0,0,0-.926.911V3.542a4.77,4.77,0,0,0,0,7.442v2.638a.92.92,0,0,0,.926.911H7.106a.919.919,0,0,0,.926-.911V10.984a4.874,4.874,0,0,0,.937-1.018,4.9,4.9,0,0,1-.842-.434,3.982,3.982,0,0,1-.849.855" transform="translate(0 0)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M26.238,5.027A4.023,4.023,0,0,0,23.4,6.18a3.8,3.8,0,0,0-1.172,2.791,3.97,3.97,0,0,0,3.985,3.945,4.015,4.015,0,0,0,4.032-3.968,3.971,3.971,0,0,0-4.009-3.922m0,6.9a2.953,2.953,0,1,1-.024-5.906h0a3,3,0,0,1,2.133.876,2.82,2.82,0,0,1,.891,2.076,2.983,2.983,0,0,1-3,2.953" transform="translate(-15.243 -3.472)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M31.792,12.418h-1.1V11.371a.563.563,0,0,0-1.125,0v1.047h-1.1a.554.554,0,1,0,0,1.107h1.1v1.047a.563.563,0,0,0,1.125,0V13.525h1.1a.554.554,0,1,0,0-1.107" transform="translate(-19.133 -7.472)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M4.977,16.6a3.9,3.9,0,1,1,0-7.8,4,4,0,0,1,1.384.25,4.643,4.643,0,0,1,.457-.822,4.947,4.947,0,0,0-1.841-.356,4.831,4.831,0,1,0,0,9.66A4.93,4.93,0,0,0,9.041,15.4a4.9,4.9,0,0,1-.845-.435A3.979,3.979,0,0,1,4.977,16.6" transform="translate(-0.047 -5.434)" fill="#1a1311"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '<rect width="18" height="18" transform="translate(4353 1170)" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '나의 제품 관리'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 작성 가능한 상품평 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/review/indexMyReview/" data-omni=\'my comment\' id=\'mobMyComment\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평 : <span class=\'writableCnt\'></span>건'; htmlMoLoginAfter += '<svg id="icon-svg-my-09" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M51.366,39.041h-.028L49.467,38.9a.487.487,0,0,1-.453-.453L48.9,36.519a.539.539,0,0,1,.142-.368l5.47-5.527a.5.5,0,0,1,.709,0l2.041,2.041a.479.479,0,0,1,0,.68L51.734,38.9A.6.6,0,0,1,51.366,39.041Zm-1.417-1.105,1.219.085L56.184,33l-1.3-1.3-4.988,4.96Z" transform="translate(-39.89 -27.107)"/>'; htmlMoLoginAfter += '<path d="M63.806,40.516a.523.523,0,0,1-.34-.142l-1.842-1.842a.5.5,0,1,1,.709-.709l1.814,1.814a.5.5,0,0,1,0,.709A.443.443,0,0,1,63.806,40.516Z" transform="translate(-48.901 -32.267)"/>'; htmlMoLoginAfter += '<path d="M32.886,37.884H22.91a.508.508,0,0,1-.51-.51V22.41a.508.508,0,0,1,.51-.51h9.976a.508.508,0,0,1,.51.51v3.259a.51.51,0,1,1-1.02,0V22.892H23.42v14H32.4V34.03a.51.51,0,1,1,1.02,0v3.344A.553.553,0,0,1,32.886,37.884Z" transform="translate(-20.9 -20.963)"/>'; htmlMoLoginAfter += '<path d="M30.911,34.03l.057.142a.669.669,0,0,0,.6.425H31.7l-.113.085a.737.737,0,0,0-.227.709l.028.142-.113-.057a.924.924,0,0,0-.368-.113.57.57,0,0,0-.368.113l-.142.085.028-.142a.737.737,0,0,0-.227-.709l-.085-.085h.142a.734.734,0,0,0,.6-.425l.057-.17m0-1.53a.213.213,0,0,0-.2.142l-.51,1.247L28.842,34h0a.156.156,0,0,0-.142.085.215.215,0,0,0,.028.283l1.049.879-.34,1.3h0a.359.359,0,0,0,.028.17.2.2,0,0,0,.17.085.17.17,0,0,0,.113-.028l1.162-.709,1.162.709h0c.028.028.057.028.113.028h.057a.2.2,0,0,0,.142-.255l-.34-1.3,1.049-.879h0a.216.216,0,0,0,.057-.142.24.24,0,0,0-.2-.227l-1.36-.113-.482-1.247h0A.221.221,0,0,0,31,32.528a.1.1,0,0,0-.085-.028Z" transform="translate(-25.386 -28.558)"/>'; htmlMoLoginAfter += '<path d="M30.911,52.33l.057.142a.669.669,0,0,0,.6.425H31.7l-.113.085a.737.737,0,0,0-.227.709l.028.142-.142-.085a.924.924,0,0,0-.368-.113.57.57,0,0,0-.368.113l-.142.085.028-.142a.737.737,0,0,0-.227-.709L30.06,52.9H30.2a.734.734,0,0,0,.6-.425l.113-.142m0-1.53a.213.213,0,0,0-.2.142l-.51,1.247-1.36.113h0a.156.156,0,0,0-.142.085.215.215,0,0,0,.028.283l1.049.879-.34,1.3h0a.359.359,0,0,0,.028.17.2.2,0,0,0,.17.085.17.17,0,0,0,.113-.028l1.162-.709,1.162.709h0c.028.028.057.028.113.028h.057a.2.2,0,0,0,.142-.255l-.34-1.3,1.049-.879h0a.216.216,0,0,0,.057-.142.24.24,0,0,0-.2-.227l-1.36-.113-.51-1.247h0a.221.221,0,0,0-.113-.113c0-.028-.028-.028-.057-.028Z" transform="translate(-25.386 -41.672)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '작성 가능한 상품평 : <span class=\'writableCnt\'></span>건'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 사용가능한 쿠폰 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\' id=\'mobCouponZone\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰 : <span name="couponCnt"></span>개'; htmlMoLoginAfter += '<svg id="icon-svg-my-04" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M19.094,14.5a.469.469,0,0,1,.468.438v3.153a.469.469,0,0,1-.469.469,2.195,2.195,0,0,0-2.112,1.5A2.231,2.231,0,0,0,19.04,23h.084a.468.468,0,0,1,.437.437v3.153a.469.469,0,0,1-.438.468H2.969a.469.469,0,0,1-.468-.438V14.969a.469.469,0,0,1,.438-.468H19.094Zm-.469.937H8.125v1.219H7.187V15.438H3.437V26.125h3.75V25.094h.938v1.031h10.5V23.907l-.032,0a3.169,3.169,0,0,1-2.542-4l.017-.06.019-.063A3.106,3.106,0,0,1,18.5,17.678l.065-.012.063-.01V15.438Zm-10.5,6.281v1.688H7.188V21.719Zm0-3.375v1.688H7.188V18.344Z" transform="translate(-1.938 -11.688)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '사용 가능한 쿠폰 : <span name="couponCnt"></span>개'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 삼성닷컴 회원 혜택 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-06.svg" alt="삼성닷컴 회원 혜택 아이콘">삼성닷컴 회원 혜택'; htmlMoLoginAfter += '<svg id="icon-svg-my-06" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M17.912,5a1.905,1.905,0,0,1,1.759,2.625h1.735a.657.657,0,0,1,.655.62v3.786a.657.657,0,0,1-.62.655h-.88v7.781a.657.657,0,0,1-.62.655H8.656A.657.657,0,0,1,8,20.5V12.688H7.156a.657.657,0,0,1-.655-.62V8.281a.657.657,0,0,1,.62-.655H8.892a1.9,1.9,0,0,1,2.673-2.392l.036.02.056.028.06.031c.139.073.334.185.585.34l.059.037c.549.343,1.189.79,1.92,1.354l-.07.054.238-.183c.626-.477,1.184-.865,1.671-1.174L16.2,5.69c.319-.2.554-.332.7-.408l.057-.029L17,5.234A1.894,1.894,0,0,1,17.843,5Zm-5.974,7.688h-3v7.5h3Zm3.75,0H12.875v7.5h2.813Zm3.938,0h-3v7.5h3ZM11.938,8.563h-4.5V11.75h4.5Zm3.75,0H12.875V11.75h2.813Zm5.438,0h-4.5V11.75h4.5ZM17.912,5.938a.957.957,0,0,0-.447.11l-.045.025-.02.012-.021.01c-.022.01-.074.037-.157.082-.128.07-.28.158-.456.267l-.067.042c-.47.294-1.015.671-1.634,1.14h3.488a.967.967,0,0,0-.641-1.688Zm-7.261,0a.967.967,0,0,0-.641,1.688H13.5c-.585-.443-1.1-.8-1.556-1.091l-.078-.049c-.181-.114-.339-.207-.473-.281l-.049-.027-.119-.063-.059-.028-.02-.012a.954.954,0,0,0-.492-.135Z" transform="translate(-5.188 -4.063)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '삼성닷컴 회원 혜택'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 앱설정 if(window.secapp || device.isIosApp) { htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:void(0);" onclick="callApplicationMenu(\'settings\');">'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-setting.svg" alt="설정 아이콘">설정'; htmlMoLoginAfter += '<svg id="icon-svg-my-set" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">'; htmlMoLoginAfter += '<path d="M20.076-1.5A21.576,21.576,0,1,1-1.5,20.076,21.6,21.6,0,0,1,20.076-1.5Zm0,35.712A14.136,14.136,0,1,0,5.94,20.076,14.152,14.152,0,0,0,20.076,34.212Z" transform="translate(27.5 27.5)" fill="#010101"/>'; htmlMoLoginAfter += '<path d="M64.911,9.7h16.12a6.085,6.085,0,0,1,5.841,4.554l.01.041,2.465,10.354a.373.373,0,0,0,.068.089l.183.092,2.182,1.455a1.755,1.755,0,0,0,.542.13L102.7,23.451a5.886,5.886,0,0,1,1.426-.176h0a6.144,6.144,0,0,1,5.051,2.713l.071.107,8.182,14.319.116.349A6.52,6.52,0,0,1,116.15,47.3l-7.688,7.688a.4.4,0,0,0-.15.346v.458l-.427,1.709a.891.891,0,0,0,.1.177l7.674,7.674a6.008,6.008,0,0,1,1.193,7.022l-.1.182-8,14-.071.107a6.144,6.144,0,0,1-5.051,2.713A5.887,5.887,0,0,1,102.2,89.2l-.12-.032-10.255-2.93a1.834,1.834,0,0,0-.631.167l-1.781,1.013a.37.37,0,0,0-.069.091l-2.729,10.42a6.086,6.086,0,0,1-5.834,4.526H64.663a6.086,6.086,0,0,1-5.834-4.526L56.1,87.507a.37.37,0,0,0-.069-.091l-.158-.085L54.25,86.4a1.834,1.834,0,0,0-.631-.167L43.245,89.2a5.887,5.887,0,0,1-1.427.176,6.144,6.144,0,0,1-5.051-2.713l-.071-.107L28.744,72.636a5.974,5.974,0,0,1,.8-7.286l7.688-7.688a.4.4,0,0,0,.15-.346v-2.2a1.13,1.13,0,0,0-.165-.391L29.284,46.79l-.2-.306a6.381,6.381,0,0,1-.48-6.455l.051-.1,8.3-14.336.065-.1a6.144,6.144,0,0,1,5.051-2.713,5.887,5.887,0,0,1,1.427.176l.12.032,10.255,2.93a1.834,1.834,0,0,0,.631-.167l1.781-1.013a.37.37,0,0,0,.069-.091l2.729-10.42A6.086,6.086,0,0,1,64.911,9.7Zm15,7.44H66L63.553,26.5a7.619,7.619,0,0,1-3.814,4.824l-1.845,1.047a9.245,9.245,0,0,1-4.046.986,7.2,7.2,0,0,1-1.744-.208l-.12-.032-9.263-2.647L35.669,42.653l6.824,6.824a8.329,8.329,0,0,1,2.33,5.606v2.232a7.777,7.777,0,0,1-2.33,5.606l-6.829,6.829L42.481,81.68,51.857,79A7.2,7.2,0,0,1,53.6,78.8a9.245,9.245,0,0,1,4.046.986l.182.1,1.663.95a7.619,7.619,0,0,1,3.814,4.824l2.451,9.36H79.689l2.451-9.36a7.619,7.619,0,0,1,3.814-4.824L87.8,79.781a9.245,9.245,0,0,1,4.046-.986A7.2,7.2,0,0,1,93.589,79l.12.032,9.256,2.645,6.726-11.771L102.7,62.923a8.329,8.329,0,0,1-2.33-5.606v-.458l.512-2.049a7.762,7.762,0,0,1,2.313-5.084l6.987-6.987-6.726-11.771-9.376,2.677a7.2,7.2,0,0,1-1.744.208,9.245,9.245,0,0,1-4.046-.986l-.207-.1-2.267-1.511a7.622,7.622,0,0,1-3.687-4.778l-.01-.041Z" transform="translate(-24.86 -7.7)" fill="#010101"/>'; htmlMoLoginAfter += '<rect width="96" height="96" fill="none"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '설정'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; } // 로그아웃 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:doLogout();" data-omni=\'logout\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-11.svg" alt="로그아웃 아이콘">로그아웃'; htmlMoLoginAfter += '<svg id="icon-svg-my-logout" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M32.938,21.9h9.976a.508.508,0,0,1,.51.51V37.374a.508.508,0,0,1-.51.51H32.938a.508.508,0,0,1-.51-.51V34.115a.51.51,0,1,1,1.02,0v2.777H42.4v-14H33.42v2.862a.51.51,0,1,1-1.02,0V22.41A.553.553,0,0,1,32.938,21.9Z" transform="translate(-27.503 -20.962)"/>'; htmlMoLoginAfter += '<path d="M27.3,44.069h0a.582.582,0,0,1,0-.822l1.219-1.219c.368-.368.964-.992.964-.992H22.967a.568.568,0,0,1-.567-.567h0a.568.568,0,0,1,.567-.567h6.49s-.6-.623-.964-.992L27.3,37.692a.582.582,0,0,1,0-.822h0a.582.582,0,0,1,.822,0l3.146,3.174a.582.582,0,0,1,0,.822l-3.174,3.2A.548.548,0,0,1,27.3,44.069Z" transform="translate(-20.338 -31.568)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '로그아웃'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; $(".user__mypage__list ul").html(htmlMoLoginAfter); // PC //} else { var htmlLoginAfter = ''; // 회원명 htmlLoginAfter += '<div class="login__user__wrap">'; //htmlLoginAfter += '<a href=\'https://account.samsung.com/membership\'>'; htmlLoginAfter += '<a href="/sec/membership/point/" data-omni="my account">'; htmlLoginAfter += '안녕하세요! <span id=\'mbrNmPc\'></span>님'; htmlLoginAfter += '</a>'; htmlLoginAfter += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\" class="variety">'; htmlLoginAfter += '삼성계정을 만들어야 하는 이유'; htmlLoginAfter += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlLoginAfter += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlLoginAfter += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlLoginAfter += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlLoginAfter += '</g>'; htmlLoginAfter += '</svg>'; htmlLoginAfter += '</a>'; htmlLoginAfter += '</div>'; // 나의 정보 htmlLoginAfter += '<ul>'; htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/membership/point/" data-omni=\'my account\'>나의 정보</a>'; htmlLoginAfter += '</li>'; // 주문/배송 조회 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>주문/배송 조회</a>'; htmlLoginAfter += '</li>'; // 멤버십 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>멤버십</a>'; htmlLoginAfter += '</li>'; // 나의 제품 관리 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/info/indexMyDeviceList/" data-omni=\'my device\'>나의 제품 관리</a>'; htmlLoginAfter += '</li>'; // 작성 가능한 상품평 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/review/indexMyReview/" data-omni=\'my comment\' id=\'pcMyComment\'>작성 가능한 상품평 : <span class=\'writableCnt\'></span>건</a>'; htmlLoginAfter += '</li>'; // 사용가능한 쿠폰 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\' id=\'pcCouponZone\'>사용 가능한 쿠폰 : <span name="couponCnt"></span>개</a>'; htmlLoginAfter += '</li>'; // 삼성닷컴 회원 혜택 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>삼성닷컴 회원 혜택</a>'; htmlLoginAfter += '</li>'; // 참여형 이벤트 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni=\'join event\'>참여형 이벤트</a>'; htmlLoginAfter += '</li>'; // 로그아웃 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="javascript:doLogout();" data-omni=\'logout\'>로그아웃</a>'; htmlLoginAfter += '</li>'; htmlLoginAfter += '</ul>'; $(".user__list").html(htmlLoginAfter); //} } // 장바구니 개수 조회 function getCartCnt() { ajax.call({ url : '/sec/xhr/order/gnbCartCount' , showWait : false , done: function (result) { if (result > 0) { $('.cart__count').text(result); $('.cart__count').show(); } else { $('.cart__count').hide(); } } }); } // 사용 가능한 쿠폰 개수 조회 function getCouponCnt() { $.ajax({ url : "/sec/xhr/coupon/getCouponInOrderCnt" , type : "POST" , success : function(result) { $("[name=couponCnt]").text(result); } }); } // 작성 가능한 상품평 개수 조회 function getWritableMyComment() { $.ajax({ url : "/sec/xhr/review/loadWritableMyCommentListCount" , type : "POST" , dataType : "json" , contentType : "application/json; charset=utf-8" , success : function(result) { $('.writableCnt').text(result.cmntCnt); } , error : function(request, status, error) { } }); } </script> <script async> //앱설치 유도 토스트 팝업 AA 태깅 function appToastPopupTag(obj) { if(obj !== undefined) { tpTrack('click', $(obj).attr('data-omni')); } } //.toast-parent 앱설치 유도 function appToast(){ var toastI = $('.toast-parent'); var toastC = $('.child-pops-form'); var appSetYN = getCookieA("appSetYN"); var toastCYN = getCookieA("toastCYN"); var commentPC = getCookieA("commentPC"); var appUrl = window.location.href; // class에 active 추가하여 생성 var appTStr = "<div class='toast-pop induce-ss-app toast-parent' data-toast-name='toastInduce' data-focus='toastInduce' data-toast-index='0'>" + "<div class='inner'>" + "<img loading='lazy' src='//images.samsung.com/kdp/common/img-induce-benefit.png' alt=''>" + "<p>앱 다운받고,<br><b class='ft18'>삼.세페 혜택</b>을 만나보세요!</p>" + "<button type='button' class='btn btn-d btn-type2' data-omni='appinstall_popup_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기</button>" + "<a href='javascript:void(0);' class='btn-underline btn-underline-disable toast-close' data-omni='appinstall_popup_stayonline' onclick='appToastIClose(true); appToastPopupTag(this);'>모바일 웹으로 볼게요</a>" + "</div>" + "<div class='stop-view-wrap'>" + "<div class='chk-form'>" + "<input id='chk-not-see-appP' type='checkbox' required='' title='' class='' data-omni='appinstall_popup_closeforweek' onclick='appToastPopupTag(this);'>" + "<label for='chk-not-see-appP' class='' >일주일 그만보기</label>" + "</div>" + "<button type='button' class='btn-underline toast-close' data-focus-next='toastInduce' data-omni='appinstall_popup_close' onclick='appToastIClose(true); appToastPopupTag(this);'>닫기</button>" + "</div>" + "</div>"; var appCStr = "<div class='toast-pop child-pops-form' data-toast-name='toastChild02' data-focus='toastChild02' data-toast-index='1'>" + "<div class='inner'>" + "<img loading='lazy' src='//images.samsung.com/kdp/common/icon-induce-benefit-3.png' alt=''>" + "<div class='text-wrap'>" + "<p>앱 다운받고, <b style='font-size: inherit; font-weight: 400; color: #9BD6FF'>삼.세페 혜택</b>을 만나보세요!</p>" + "<a href='javascript:void(0);' class='btn-underline' data-omni='appinstall_banner_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기 ></a>" + "</div>" + "<button type='button' class='toast-close' data-focus-next='toastChild02' onclick='appToastCClose(); appToastPopupTag(this);' data-omni='appinstall_banner_close' >팝업닫기</button>" + "</div>" + "</div>"; var appCCStr = "<section class='cod05-app-banner'>" + "<div class='cod05-app-banner__icon'>" + "<img src='https://images.samsung.com/kdp/app/samsungApp.svg' alt='Samsung App Icon'>" + "</div>" + "<div class='cod05-app-banner__content'>" + "<p class='cod05-app-banner__desc'>앱 다운로드 받고, <strong>다양한 혜택</strong>을 만나보세요</p>" + "<a href='javascript:void(0);' class='cta cta--underline cta--black cod05-app-banner__cta' data-omni='appinstall_banner_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기</a>" + "</div>" + "<button class='cod05-app-banner__close' type='button' data-focus-next='toastInduce' data-omni='appinstall_popup_close' onclick='appToastCCClose();'>" + "<span class='hide'>Close</span>" + "<svg xmlns='http://www.w3.org/2000/svg' width='13.414' height='13.414' viewBox='0 0 13.414 13.414'>" + "<g transform='translate(-444.293 -182.293)'>" + "<line x2='12' y2='12' transform='translate(445 183)' stroke-width='1' stroke='#000' stroke-linecap='round' stroke-linejoin='round' fill='none'></line>" + "<line y1='12' x2='12' transform='translate(445 183)' stroke-width='1' stroke='#000' stroke-linecap='round' stroke-linejoin='round' fill='none'></line>" + "</g>" + "</svg>" + "</button>" + "</section>"; let mask = `<div id="mask" style="z-index: 299;"></div>`; var mobileWebCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined)); var popOpenCheckFlag = (appSetYN != "N" && commentPC != "N"); function toastPO(){ $("body").prepend(appTStr); $("body").prepend(mask); $("#mask").fadeIn(); $(".toast-parent").addClass("active"); } function toastCPO(){ $("body").prepend(appCStr); setTimeout(function(){$(".child-pops-form").addClass("active");},50); setTimeout(function(){$(".child-pops-form").removeClass("active");},5050); } function toastCCPO(){ $("body").prepend(appCCStr); } function appSetPopOpen(popOpenCheckFlag){ // if(popOpenCheckFlag){ // toastPO(); // }else{ // toastCYN !="N" ? toastCPO() : ""; // } // check cookie if(toastCYN !="N"){ toastCCPO(); } } if(mobileWebCheckFlag){ $.ajax({ url : "/sec/xhr/appInstallPop/popOpenFlagCheck" ,type : "POST" ,success : function(result) { if(result.popOpenFlag === "Y"){ appSetPopOpen(popOpenCheckFlag); } } }); } }; // 앱설치 유도 토스트 팝업 닫기 function appToastIClose(flag){ $("#mask").fadeIn("fast").remove(); $(".toast-parent").removeClass("active"); var atpc = $("#chk-not-see-appP").is(":checked"); setCookieA("appSetYN","N",atpc ? 7 : 1); setTimeout(function(){$(".toast-parent").remove()},2000); if(flag){ appWebAutoLogin2();// 웹앱연계 자동로그인. } } //앱설치 유도 띠배너 닫기 function appToastCClose(){ $(".child-pops-form").removeClass("active"); setCookieA("toastCYN","N",1); setTimeout(function(){$(".child-pops-form").remove()},2000); appWebAutoLogin2();// 웹앱연계 자동로그인. } //앱설치 유도 닫기 function appToastCCClose(){ setCookieA("toastCYN","N",1); setTimeout(function(){$(".cod05-app-banner").remove()},500); } //현재 페이지 앱 열기 function appOpen(){ var locationUrl = window.location.href; var appUrl = ("https://secandroidprd.page.link/?link=" + locationUrl + "&apn=com.samsung.sec.android.prd&afl=https://play.google.com/store/apps/details?id=com.samsung.sec.android.prd&hl=ko-KR"); appToastIClose(false); window.open(appUrl); } function writableCommentM(){ writableCommentSetC(); location.href = "/sec/mypage/review/indexMyReview/"; } function writableCommentSetC(){ var wcpc = $("#chknotsee").is(":checked"); setCookieA("commentPopYN","N",wcpc ? 7 : 1); closeLayer("popupInduceReview"); setCookieA("commentPC","N",1); setTimeout(function(){$("#popupInduceReview").remove()},1000); } var commentCheck="N"; function commentCheckAdd(){ if(commentCheck == "Y"){ var commentStr = "<li class='menu05' aria-hidden='true' style='display:none;'><a href='/sec/mypage/review/indexMyReview/'>상품평 쓰기</a></li>"; $("#floatingSticky").find(".menuGift").after(commentStr); }else{ $("#floatingSticky").find(".menu05").remove(); } } function writableComment(){ var commentPopYN = getCookieA("commentPopYN"); var locationUrl = window.location.href; var commentPopOpenCheckFlag = (commentPopYN !="N" && "Y" == "N" &&(locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/")); var commentPopFrame = "<div class='layer-pop layer-default layer-induce-review ' id='popupInduceReview' tabindex='0' data-popup-layer='popupInduceReview' data-focus='popupInduceReview'>" + "<div class='layer-wrap'>" + "<div class='layer-header'>" + "<h2>이 상품 어떠셨나요?</h2>" + "</div>" + "<div class='layer-content'>" + "<div class='review-product-list'>" + "</div>" + "<p class='review-info-text'>당신의 평점은?</p>" + "<div class='btn-box'>" + "<a href='javascript:void(0);writableCommentM();' class='btn btn-d btn-type3'>상품평 쓰기</a>" + "</div>" + "<div class='box-close'>" + "<div class='chk-form al'>" + "<input id='chknotsee' type='checkbox'>" + "<label for='chknotsee'>일주일 그만 보기</label>" + "</div>" + "<button type='button' class='btn-close' onclick='writableCommentSetC()'>닫기</button>" + "</div>" + "</div>" + "<button type='button' class='pop-btn-close' onclick='writableCommentSetC()'>팝업닫기</button>" + "</div>" + "</div>"; if(!commentPopOpenCheckFlag) { return appToast(); } $.ajax({ url : "/sec/xhr/review/loadWritableMyCommentList" ,type : "POST" ,success : function(data) { $("#floatingSticky").find(".menu05").remove(); if(data.resultYN=="N"){ appToast(); }else if(data.resultYN=="Y"){ $('body').append(commentPopFrame); commentCheck = "Y"; $.each(data.cmntList, function(index, result){ var str = ""; str = "<div>"; str += "<div class='prd-box'>"; str += "<div class='prd-img'>"; str += "<img loading='lazy' src='"+ result.imgPath + "' alt=''>"; str += "</div>"; str += "<div class='prd-title'>"; str += "<strong class='prd-name'>"+ result.goodsNm +"</strong>"; str += "<span class='prd-number'>" + result.mdlCode + "</span>"; str += "</div>"; str += "</div>"; //s : 5점 상품평 10개 미만인 경우 해당 영역 미출력 if(result.commentCnt >= 10){ str += "<div class='review-number'>"; str += "<p><span>" + result.commentCnt + "명</span>의 고객이 이 상품에<br>평균 <span class='star'>별점 5점</span>을 줬어요!</p>"; str += "</div>"; } //e : 5점 상품평 10개 미만인 경우 해당 영역 미출력 str += "</div>"; $(".layer-induce-review .review-product-list").append(str); }); // slick slide $(".layer-induce-review .review-product-list").slick(setSlide); setTimeout(openLayer("popupInduceReview"),500); var commentCheckIt = setInterval(function(){ if($("#floatingSticky").find(".menu05").length){ clearInterval(commentCheckIt); }else{ commentCheckAdd(); } },1000); } } }); } <!-- todo : 속도개선 20230628 --> var setSlide = { accessibility: true, slidesToShow: 1, slidesToScroll: 1, dots: true, adaptiveHeight: true, infinite: true, fade: true, centerMode: true, arrows: true, prevArrow: '<button type="button" class="slick-prev"><span>이전</span></button>', nextArrow: '<button type="button" class="slick-next"><span>다음</span></button>' }; </script> <script async> // 인기검색어 슬라이드 const favorSearchOpt = { autoplay: true, autoplaySpeed: 2000, infinite: true, vertical: true, verticalSwiping: true, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, arrows: false }; // $('#search__slide__00').slick(favorSearchOpt); // $('#search__slide__01').slick(favorSearchOpt); // $('#search__slide__02').slick(favorSearchOpt); // menu 링크 없는경우 체크 : 빨간색 테두리 생김 const l2Wrap = $('.menuitem__l2__wrap'); const l2Check = l2Wrap.find('a'); const aTag = $('#header__navi').find('a'); </script> <script async> $(document).ready(function(){ if(window.secapp || device.isIosApp) { if(window.secapp) { window.secapp.showAndHideGnb('GONE'); } $("html").css("margin-top", "0px"); // 앱메뉴 오픈 $("[name=appMenu]").show(); $(".utility__button__barcode__m").css('display', 'flex'); } else { $("[name=appMenu]").hide(); } }); </script> <script> // GA4 click_nav gnb $(document).on("mouseenter", "#header__navi .menuitem__l0>a", function(e){ GA4ClickNavGnb($(this)); }); $(document).on("click", "#header__navi .menuitem__l0 .menuitem__l1__container a", function(e){ GA4ClickNavGnb($(this)); }); function GA4ClickNavGnb(obj){ try { var itemName = ""; // img menu if($(obj).find("img").length > 0){ itemName = $(obj).find("p").text(); // text menu } else { itemName = $(obj).text(); } var dataOmni = $(obj).data("omni"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_nav' , // 필요. 이벤트 GA에 전송 item_category: 'gnb', // 예: 모바일 (an_ac에서 읽기) item_name: itemName , // 예: 스마트폰(an_la의 마지막깊이에서 읽기) an_ca: 'navigation' , // 예: should always be navigation an_ac: 'gnb' , // 예: gnb, footer an_la: dataOmni // 예: <depth 1 value>:<depth 2 value>:<depth 3 value> }); //console.log("GA4 click_nav"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_nav TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <div id="layerChatBot" class="layerChatBot"> <div id="appParent" class="app-container"> <div id="app"></div> <button type="button" id="chatBotPopClose" class="chatBotPopClose" title="챗봇 레이어 닫기"> <img data-v-609bc0e1="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAABHNCSVQICAgIfAhkiAAAAkpJREFUeF7t2+FtwjAQxXGyQUfpCO0GHaGbdZWOQDfpBtSWQEIVTe8c/31n60XiW3j2/XgKgsB20oEKbGi6wk8ChksgYAHDAnC8GixgWACOV4MFDAvA8WqwgGEBOF4NFjAsAMerwQKGBeB4NVjAsAAcrwYLGBaA49VgAcMCcLwaLGBYAI5XgwUMC8DxarCAYQE4Xg0WMCwAx6vBAoYF4PjmBl8ul/eyt/O2bWd4j6HxZc63soHPMud3y0aagK+4H2XBuujrqsh3c9YS1TndyG7gu0VvL+iSyA/mbEJ2AT9YdEnknTndyGbgnUWXQjbM6UI2ARsWXQLZMacZuTdwhZ7ymuzArTN+lceL5U3PBFwTnRuYCtk5mxm3upmBV0Umcd3AqyHTuE3AqyCPwG0Gnh15FO4h4FmRR+IeBp4NeTRuF+BZkCNwuwFnR47C7QqcFTkStztwNuRoXAQ4C3IGXAw4GjkLLgochZwJFwcejZwNdwjwKOSMuMOAaeSsuEOBKeTMuMOBeyNnxw0B7oU8A24Y8FHkWXBDgVuRy/Oey6P+bMtyuG5QWgK957huenrDLec721jvVj9Zcss54bjhDb5BOZEtvilw0wA3XC72kNPgpgLuhJwKNx3wQeR0uCmBG5FT4qYFdiKnxU0NbEROjZse+B/k9LhTAP+BPAXuNMC/kKfBnQr4inzoP2uWj4C9zwn/LqL3QNnyBAy/IgIWMCwAx6vBAoYF4Hg1WMCwAByvBgsYFoDj1WABwwJwvBosYFgAjleDBQwLwPE/Wh+eaCP9UDUAAAAASUVORK5CYII=" class="banner_img" style="width: 22px;"> </button> </div> </div> <!-- e : 머리글 영역 --> <!-- s : bnbTopBar(PD페이지 최상단바) 영역 --> <script> if("Y" == "Y"){ $("#header__navi").addClass("no__bnb"); } else { $("#header").addClass("no__bnb"); } </script> <!-- e : bnbTopBar(PD페이지 최상단바) 영역 --> <!-- s : 통합검색 --> <script> viewportChange(); </script> <head> <!-- Google Tag Manager --> <script async>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVX3V74');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe loading="lazy" src="https://www.googletagmanager.com/ns.html?id=GTM-NVX3V74"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2byopa-f-99062d926-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":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"5f8681f9","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":50692,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732363166","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==smN76XkDBdhch8owaQD1UgVHI8YMNDLiKg8cdGK5oYOehEbm3TvKM5FAC144wqGIcjqTbegTWK4dsX9kSth3cx9Zbc6V1oerlyE1XGHsVwTJAu/zGEfNxAZSyLgkXjRUSEX+jfDc78j442h8yJMuQZI3Bl7NE8ScP4xEdmo0dJqbZtXunTi/Qfwtv4cEhRtzVmXVFNJ/FL7urli6M9XGf+vDsVgPoZki5lnwQ9y+fsIKg7Pj5XJtnklzFEBLUZPMvF28SPelH4IP5duroxZl6uBT5RNitqwvEhNqzA8C9KggbPlLwIppi01Yles/nlITE9ICGTIhqDGNEwOXhS7U+NwMIHwkD423FoHH1Y1z/E/z2983vEkJ+ssa+ADB99c5oeiwGscVp7WX8zaDJfnBPEXna+K5VEexqD7zZ3ilaJc=","ak.pv":"3677","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <script type="text/javascript"> // 자동완성 카운트 var autoCompleteCount = 0; var autoCategoryCount = 0; var searchInputManager = { isMobileDevice: function() { var that = this, winW = $(window).width(); if ( winW > 800 ) { return 'N'; } else { return 'Y'; } }, getIosAppDispYn: function() { var that = this, iosApp = 'false'; if(iosApp == true) { return "Y"; } else { return ""; } }, init: function() { var that = searchInputManager; $.cookie.json = true; $.cookie.data = { SEARCH_HISTORY : 'sh-b2c', SEARCH_MAX_SIZE: 10, option: { expires: 30, path: '/' } }; that.$appendingTarget = { searchHistory: $('#searchkeywordRecent') , searchHistoryWrap: $('#searchkeywordRecentWrap') , popular: $('#searchkeywordPopular ul.keyword-list') , makeTime: $('#makeTime') , autoComplete: $('#searchAuto ul.list') , autoCompleteCategory: $('#searchAutoCategory') , mainPopPc: $(".search__box ul#search__slide__00") , mainPopMob: $(".search__box ul#search__slide__02") , recommendGoods: $('#recommendGoodsBox') , recommendGoodsWrap: $('#recommendGoodsWrap') , recommendEvents: $('#recommendEventsBox') , recommendEventsWrap: $('#recommendEventsWrap') }; that.cookieName = $.cookie.data.SEARCH_HISTORY; that.isMobileYN = that.isMobileDevice(); }, searchHistoryTemplate: function(keyword) { return { keyword: keyword, date: searchDatetimestampToString(new Date()) }; }, getKeywordList: function(cookieName) { var searchKeywordList = new Array() , dataList = $.cookie(cookieName).data; if (!dataList || '' == dataList || undefined == dataList) { return searchKeywordList; } $.each(dataList, function (idx, element) { searchKeywordList.push(element.keyword); }); return searchKeywordList; }, saveSearchHistory: function(keyword) { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName) , dataList = null; if ( cookieValue == undefined ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { if ( cookieValue.length == 0 ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { dataList = cookieValue.data; if($.inArray(keyword, that.getKeywordList(that.cookieName)) >= 0) { return; } if(dataList.length >= $cookie.data.SEARCH_MAX_SIZE) { dataList.splice(0, 1); } dataList.push(that.searchHistoryTemplate(keyword)); } } $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); }, getSearchHistory: function() { var cookieValue = $.cookie(searchInputManager.cookieName); if (undefined != cookieValue) { return cookieValue; } }, getSearchDate: function(keyword) { var date = '' , that = searchInputManager , cookieValue = $.cookie(that.cookieName) , searchHistoryList = that.getSearchHistory(); if ( '' == searchHistoryList || searchHistoryList == undefined || cookieValue == undefined) { return date; } var dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keywordInList = dataList[i].keyword; if ( keywordInList != undefined ) { if (keywordInList.toLocaleLowerCase() == keyword.toLocaleLowerCase()) { idx = i; break; } } } if ( idx > -1 ) { date = dataList[idx].date; } return date; }, drawSearchHistory: function() { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName); that.$appendingTarget.searchHistoryWrap.hide(); if ( undefined == cookieValue ) { return; } else if ( cookieValue.data.length == 0 ) { return; } else { var dataList = cookieValue.data , template = ''; var dataListLength = dataList.length; if(dataListLength > 10) { var dataListLength = 10; } for( var i = dataListLength-1 ; i >= 0; i--) { var element = dataList[i], keyword = element.keyword; template += '<div class="area-deleteable-btn">'; template += '<button type="button" class="btn btn-s typeA" keyword="' + keyword + '">'; template += '<a href="javascript:void(0);" class="link">' + keyword + '</a>'; template += '</button>'; template += '<button type="button" class="delete x-btn" keyword="' + keyword + '" onclick="searchInputManager.clearSearchHistory(this)">검색어 삭제'; template += '</button>'; template += '</div>'; } that.$appendingTarget.searchHistoryWrap.show(); that.$appendingTarget.searchHistory.html(template); } that.$appendingTarget.searchHistory.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); }, clearSearchHistory: function(element) { var that = searchInputManager , $element = $(element) , $cookie = $.cookie; if ($element.hasClass('delete-all')) { $.removeCookie( that.cookieName , { path: $cookie.data.option.path }); that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } else if ($element.hasClass('delete')) { var selectedKeyword = $element.attr('keyword') , cookieValue = $cookie(that.cookieName) , dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keyword = dataList[i].keyword; if ( keyword == undefined ) { keyword = 'undefined'; } if (keyword == selectedKeyword) { idx = i; break; } } if ( idx > -1 ) { dataList.splice(idx, 1); $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); $element.parent().remove(); } if (dataList.length === 0) { that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } } }, callAjax: function(options) { $.ajax({ url: options.url, type: options.type, data: options.data }).done( function(data, textStatus, jqXHR) { if (data.exCode != null && data.exCode !== "") { if (options.fail !== undefined) { options.fail(); } let alertData = { title: "alert", content: data.exMsg }; commonAlert(alertData); openLayer('commonAlert'); } else { options.done(data); } }).fail(function(jqXHR, textStatus, errorThrown) { if (options.fail !== undefined) { options.fail(); } if (jqXHR.status !== 0) { ajax.error(jqXHR.status, jqXHR.responseText); } }).always(function() { }).then(function(data, textStatus, jqXHR) { }); }, getRecommendKeyword: function(callback) { var that = searchInputManager; that.callAjax( { url: '/sec/xhr/search/recommendkeyword/', type: 'GET', done: function(result) { that.recommendKeyword = result.recommendKeyword; if ( callback != undefined ) { callback(); } } } ); }, setRecommendKeyword: function() { var that = searchInputManager; if ( that.recommendKeyword == undefined ) { that.getRecommendKeyword(that.setRecommendKeywordCallback); return; } that.setRecommendKeywordCallback(); }, setRecommendKeywordCallback: function() { var that = searchInputManager; //$('#unifiedInputSearch').attr('placeholder', that.recommendKeyword); // 20200917 삭제 // iOS 분기 처리 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 }, getPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li>' + '<span class="num">' + order + '</span>' + '<span class="keyword"><a href="javascript:void(0);" class="link">' + element.content + '</a></span>' if ( element.updown == 'U' ) { popularList += '<span class="icon ranking up"><span class="blind">순위상승</span></span>'; } else if ( element.updown == 'D' ) { popularList += '<span class="icon ranking down"><span class="blind">순위하락</span></span>'; } else if ( element.updown == 'C' ) { popularList += '<span class="icon ranking"><span class="blind">순위유지</span></span>'; } popularList += '</li>'; }); that.$appendingTarget.popular.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); that.$appendingTarget.popular.empty(); that.$appendingTarget.makeTime.empty(); that.$appendingTarget.popular.append(popularList); that.$appendingTarget.makeTime.append(popwordResult.Data.MakeTime + ' 기준'); } } ); }, getMainPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li><a href="javascript:void(0);"><b>' + order + '.</b> ' + element.content + '</a></li>'; }); that.$appendingTarget.mainPopPc.empty(); that.$appendingTarget.mainPopMob.empty(); that.$appendingTarget.mainPopPc.append(popularList); that.$appendingTarget.mainPopMob.append(popularList); // 인기검색어 슬라이드 const favorSearchOpt = { autoplay: true, autoplaySpeed: 2000, infinite: true, vertical: true, verticalSwiping: true, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, arrows: false }; $('#search__slide__00').slick(favorSearchOpt); $('#search__slide__02').slick(favorSearchOpt); /*웹접근성 aria-live='polite' 제거 */ $('#search__slide__00').find('div').removeAttr( "aria-live", "polite"); $('#search__slide__02').find('div').removeAttr( "aria-live", "polite"); } } ); }, getSearchInputAutoComplete: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); that.callAjax( { url: '/sec/xhr/search/autocom/', type: 'POST', data: new wnAddonParamVo(keyword, 'b2c', '', '', 'json', 'fw'), done: function(result) { var template = ''; var autoCompleteResultList = result.autoCompleteResult; that.$appendingTarget.autoComplete.empty(); that.clearAutoComplete('keyword', autoCompleteResultList.length); if ( autoCompleteResultList.length > 0 && autoCompleteResultList != undefined ) { $.each(autoCompleteResultList, function (idx, element) { // 20230622 웹접근성 : tabindex 추가 template += '<li class="item" tabindex="' + (idx + 1) + '">'; template += '<a href="javascript:void(0);" class="link" text="' + element.text + '">'; if (element.linkName == null || element.linkName === "") { template += (element.modified).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } else { template += (element.linkName).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } template += '</a>'; // template += '<span class="date">' + searchInputManager.getSearchDate(element.text) + '</span>'; template += '</li>'; }); that.$appendingTarget.autoComplete.html(template); that.$appendingTarget.autoComplete.off('click').on('click', 'a', function(e) { if($(e.target).attr('text') != undefined){ that.getSearchResult($(e.target).attr('text')); //chat_open4($(e.target).attr('text')); }else{ that.getSearchResult($(e.target).parent().attr('text')); //chat_open4($(e.target).parent().attr('text')); } }); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { if ( keyword == '' ) { //$('#unifiedInputSearch').attr('placeholder', searchInputManager.recommendKeyword); // 20200917 삭제 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 $('.unified-search-layer.type-keyword').show(); } } } } ) }, // 카테고리 검색 2023.06.23 getSearchInputAutoCompleteCategory: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); // 2글자 부터 검색 if (keyword.length > 1) { that.callAjax( { url: '/sec/xhr/search/autocomSearch/', type: 'POST', data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', ''), done: function(result) { var template = ''; var autocomSearchResultList = result.autocomSearch; that.$appendingTarget.autoCompleteCategory.empty(); that.clearAutoComplete('category', autocomSearchResultList.length); // 목록 if ( autocomSearchResultList.length > 0 && autocomSearchResultList != undefined ) { $.each(autocomSearchResultList, function (idx, element) { // 하이라이팅 var highlight = element.highlightKeyword; var dispCtgNm1 = element.dispCtgNm1; var dispCtgNm2 = element.dispCtgNm2; var dispCtgNm3 = element.dispCtgNm3 var hlDispCtgNm1 = dispCtgNm1.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm2 = dispCtgNm2.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm3 = dispCtgNm3.replace(highlight, "<!HS>" + highlight + "<!HE>"); template += '<li class="item">'; template += '<a href="/sec/' + element.uri + '">' + hlDispCtgNm1.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm2.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm3.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '</a>'; template += '</li>'; }); that.$appendingTarget.autoCompleteCategory.html(template); that.$appendingTarget.autoCompleteCategory.show(); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { that.$appendingTarget.autoCompleteCategory.empty(); that.$appendingTarget.autoCompleteCategory.hide(); } } } ) } else { that.clearAutoComplete('category', 0); that.$appendingTarget.autoCompleteCategory.hide(); $('#searchKeywordAuto').hide(); $("#searchKeywordWrap").hide(); that.$appendingTarget.autoCompleteCategory.empty(); } }, // 자동완성 영역 숨기기 clearAutoComplete: function(type, size) { if (type == "category") { autoCategoryCount = size; } else { autoCompleteCount = size; } if (autoCompleteCount === 0 && autoCategoryCount === 0){ $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); } else { if ($("#searchKeywordAuto").css("display") === "none"){ $("#searchKeywordAuto").show(); $("#searchKeywordWrap").show(); } $("#searchAutoCategoryHr").css("display", "block"); if (autoCompleteCount === 0 || autoCategoryCount === 0) { $("#searchAutoCategoryHr").css("display", "none"); } } }, getSearchResult: function(keyword, searchResultInputId, tab) { if ($("#accSearch").val() != null) { tab = $("#accSearch").val(); } keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); // 에어컨액세서리 GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } $("#accSearch").val(""); that.getSearchResultCallback(keyword, tab); }, <!-- 모바일 퍼스트 소모품 페이지 검색 --> getSearchResultAcc: function(keyword, searchResultInputId, tab) { keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); tab = 'acc'; GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } that.getSearchResultCallback(keyword, tab); }, getSearchResultNoKeywordCallback: function() { var that = searchInputManager , recommendKeyword = that.recommendKeyword , searchResultInputId = that.searchResultInputId; if ( searchResultInputId != undefined ) { $(searchResultInputId).val(recommendKeyword); $(searchResultInputId).attr('placeholder', recommendKeyword); } that.getSearchResultCallback(recommendKeyword); }, getSearchResultCallback: function(keyword, tab) { var that = searchInputManager , isMobileYN = that.isMobileDevice() , iosAppDispYN = that.getIosAppDispYn(); that.saveSearchHistory(keyword); ajax.call({ url: '/sec/xhr/search/searchKeywordRedirect?keyword=' + encodeURIComponent(keyword), data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN, '', '', '', '', '', '', '', '', '', '', iosAppDispYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { //yhj $(".unified-search-input-wrap").removeClass("is-active"); $("body").removeClass("is-pc is-mo"); $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); $("body").removeClass("fixed-scroll"); $("#gnbmask").hide(); $(".unified-search-input-wrap .inp").val(""); $(".unified-search-input-wrap .btn-inp-clear").hide(); $(".inp-placeholder").show(); if (isSecApp() == "true") { // 기존 GNB일때만 네이티브GNB사용 - #header(기존) / #header__navi(리뉴얼) if($("#header__navi").length == 0){ window.secapp.showAndHideGnb('VISIBLE'); } } var keywordRedirect = result.keywordRedirect; if (keywordRedirect.totalCount > 0) { window.location.href = keywordRedirect.REDIRECT_URL; return; } if (typeof tab == "undefined" || tab == null || tab == "null") { tab = ''; } var $form = document.createElement("form"); $form.setAttribute('charset', 'UTF-8'); $form.setAttribute('method', 'POST'); $form.setAttribute('action', '/sec/search/searchresultB2c/' + tab + '?keyword=' + encodeURIComponent(keyword)); var $input = document.createElement('input'); $input.setAttribute('type', 'hidden'); $input.setAttribute('name', 'isMobileYN'); $input.setAttribute('value', searchInputManager.isMobileYN); $form.appendChild($input); document.body.appendChild($form); $form.submit(); } }); }, /* 모바일 퍼스트 검색창 입력 전 추천 제품 */ getRecomGoodsB2c: function() { var that = searchInputManager; that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendGoods.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); var reqUrl = location.href; $("#searchLayerReqId").val(""); // BDC 개인화 that.callAjax({ url: '/sec/xhr/search/getBdcRecommendGoods', dataType : 'json', type: 'POST', data:{ reqUrl:reqUrl }, contentType : "application/x-www-form-urlencoded;charset=UTF-8", processData : true, done: function(result) { var template = ''; var recentGoods = result.recentGoodsIs; var recomGoodsList = result.recomGoodsList; var recomGoodsImgList = result.recomGoodsImg; var pfPricePointExcptList = result.pfPricePointExcptYn; $("#searchLayerReqId").val(result.requestId); if (recentGoods != 'null' || recomGoodsList != null || recomGoodsImgList != null) { var length = recomGoodsList.length; for(i=0; i < length; i++) { var recomGoodsItem = recomGoodsList[i]; var recomGoodsImg = recomGoodsImgList[i] var price = recomGoodsItem.price.toLocaleString('ko-KR') var salePrc = recomGoodsItem.salePrc.toLocaleString('ko-KR') var pfPricePointExcptYn = pfPricePointExcptList[i]; template += '<div class="swiper-slide item">'; template += '<div class="pd-box">'; template += '<div class="img-box">'; /* 상품 이미지 */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')">'; template += '<img src="' + recomGoodsImg + '?$128_128_PNG$" alt="' + recomGoodsItem.goodsNm + '">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; /* 상품 URL + NM */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')" class="tit">' + recomGoodsItem.goodsNm; template += '</a>'; /* 모델 코드 */ template += '<span class="prd-code">' + recomGoodsItem.mdlCode; template += '</span>'; if (pfPricePointExcptYn !== 'Y' || pfPricePointExcptYn == null) { if (price == 0 || price == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">혜택가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + price + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } else { if (salePrc == 0 || salePrc == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">기준가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + salePrc + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendGoods.html(template); that.$appendingTarget.recommendGoodsWrap.show(); } } else { that.$appendingTarget.recommendGoods.empty(); } } }) // 이전 버전 주석 처리 }, /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 안쓰는 Version) */ /* 현재 전체 기능 구현 완료 되었으며, 추후 재사용 가능성을 고려 하여 주석처리 하였음 */ /* getRecomEventsB2c: function() { var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = recentGoodsNm; var that = searchInputManager that.callAjax( { url: '/sec/xhr/search/recommendEventsB2c/', data: {"goodsNm" : goodsNm}, dataType : 'json', type: 'POST', done: function(result) { that.$appendingTarget.recommendEvents.empty(); var template = ''; var recomEventsList = result.recomEventsList; var recomEventsImgList = result.recomEventsImg; if (recomEventsList != null || recomEventsImgList != null) { var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var recomEventsImg = recomEventsImgList[i] var recomEventsStrt = timestampToString(recomEventsList[i].aplStrtDtm) var recomEventsEnd = timestampToString(recomEventsList[i].aplEndDtm) template += '<div class="swiper-slide item">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; /!* 기획전 이미지 *!/ template += '<img src="' + recomEventsImg + '?$112_112_PNG$" alt="추천 기획전 이미지">'; template += '</div>'; template += '<div class="txt-box">'; /!* 기획전 URL + TTL *!/ template += '<a href="/sec/' + recomEventsItem.linkUrl + '" class="tit">' + recomEventsItem.ttl; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /!* 기획전 기간 *!/ template += '<span>' + recomEventsStrt +' ~ ' + recomEventsEnd +'</span>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); that.$appendingTarget.recommendEventsWrap.hide(); } } }) } */ /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 Version)*/ getRecomEventsB2c: function() { var that = searchInputManager , isMobileYN = that.isMobileDevice() that.$appendingTarget.recommendEventsWrap.hide(); that.$appendingTarget.recommendEvents.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); if(goodsNm.length > 0) { that.callAjax( { url: '/sec/xhr/search/searchResultB2C/', data: new WNSearchParamVo(goodsNm, '', 'event', 'DATE/DESC', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { var template = ''; var recomEventsListLength = result.searchResult.searchResults.length; var recomEventTab = result.searchResult.countTab.event; if (recomEventsListLength > 0 || recomEventTab != 0) { var recomEventsList = result.searchResult.searchResults[0].collectionFields; var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var strtDtm = recomEventsList[i].STRT_DTM.substring(0,10); var endDtm = recomEventsList[i].END_DTM.substring(0,10); template += '<div class="swiper-slide item" style="margin-right: 12px">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="rvpd-img" tabindex="0">'; /* 이벤트 이미지 */ template += '<img src="//images.samsung.com/kdp' + recomEventsItem.MO_IMG_PATH + '?$112_112_PNG$" alt="맞춤 이벤트 이미지">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; template += '<div class="tit-box">'; /* 이벤트 URL + TTL */ template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="tit">' + recomEventsItem.TTL; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /* 이벤트 기간 */ template += '<span>' + strtDtm + ' ~ ' + endDtm + '</span>'; template += '</div>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); } } }) } } } function NetFunnel_Action_pdView(url){ NetFunnel_Action({action_id :'b2c_pd_view'},function(ev, ret){ window.location.href = url; }); } function filterAcc(keyword) { if((keyword.indexOf("에어컨") > -1 || keyword.indexOf("무풍에어컨") > -1) && (keyword.indexOf("액세서리") > -1 || keyword.indexOf("악세서리") > -1 || keyword.indexOf("엑세서리") > -1) ) { keyword = "에어컨액세서리"; } return keyword; } function escapeHtml (string) { return String(string).replace(/[&<>"'`=\/]/g, function (s) { return entityMap[s]; }); } var entityMap = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }; /* s: APP용 함수 */ function isSecApp() { /* 20230104 변경*/ if(device.isApp != true){ if(window.secapp == undefined && window.secapppopup == undefined){ return false; } } return true; } function once(func) { var flag , result; return function() { if ( flag ) { return result; } flag = true; return result = func.apply(this); } } /* s : 20200917 수정 */ var searchLinkforApp = once(function() { var that = searchInputManager; that.setRecommendKeyword(); that.drawSearchHistory(); that.getPopularKeyword(); }); function searchOpenforApp() { // 20200917 추가 searchLinkforApp(); headerSearch.eventListener.uinifiedSearchOpen(); } /* e : 20200917 수정 */ /* e: APP용 함수 */ /* s : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ function chat_open4(chatbotKeyword) { var isMobile = false; // 모바일 여부 var filter = "win16|win32|win64|mac|macintel"; // PC 환경 // 모바일,태블릿 / PC 환경 구분 if(navigator.platform){ isMobile = filter.indexOf(navigator.platform.toLowerCase()) < 0 } if(!isMobile){ var birthAge = null; var birthDate = $.cookie("birthDate_1_"); if(birthDate != 0 && birthDate != null){ birthAge = checkAge(birthDate); } if(birthAge >= 14 || birthAge == 0 || birthAge == null) { var agepass = checkAgepass(birthAge); fcTrack('click','floating chat:chat online'); var keyword = encodeURIComponent(chatbotKeyword); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); window.open('/sec/chatbot/?keyword='+ keyword+'&agepass='+agepass, '_chatbot4', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } } } /* e : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ /* s : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function checkAge(birthDate){ const today = new Date(); //현재날짜 birthDate = (birthDate + "") var age = today.getFullYear() - Number(birthDate.slice(0,4)); //나이 var mon = (today.getMonth()+1) - Number(birthDate.slice(4,6)); //월 //생일 안지났으면 -1 if(mon < 0 || (mon === 0 && today.getDate() < Number(birthDate.slice(6,8)))) { age = age -1; } return age; } /* e : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ /* s : 만 나이별로 agepass 구분값 설정 함수 @param birthAge : 만나이 14세 이상 : 'y' 로그인하지 않을경우 : 'u' jiwon0.id 22.06.09 */ function checkAgepass(birthAge){ var agepass = null; if( birthAge == 0 || birthAge == null ) { agepass = "u"; } else if(birthAge >= 14) { agepass = "y"; } return agepass } /* e : 만 나이별로 agepass 구분값 설정 함수 jiwon0.id 22.06.09 */ function GA4SearchSubmit(keyword) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'search_submit', search_term: keyword, search_redirection: "/sec/search/searchresultB2c/?keyword=" + keyword }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } $(document).ready(function() { var that = searchInputManager; //2024 웹접근성 심사 기간에는 해당 기능 제거하기로 함 that.getMainPopularKeyword(); $('#link-search,.search__box,.header__min__search').on('click', function() { that.$appendingTarget.autoCompleteCategory.hide(); that.getRecomGoodsB2c(); /* 모바일 퍼스트 추천 제품 */ that.getRecomEventsB2c(); /* 모바일 퍼스트 추천 기획전 */ that.setRecommendKeyword(); that.drawSearchHistory(); that.getPopularKeyword(); $('#popularWrap').show(); $('#searchKeywordWrap').hide(); }); $('#unifiedInputSearch').on('keyup', function(e) { // 20240528 웹접근성 var charCode = e.keyCode; if (charCode != 9) { that.$appendingTarget.searchHistoryWrap.hide(); that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendEventsWrap.hide(); $('#popularWrap').hide(); } var $target = $(e.target) , keyword = $target.val().replace(/\\/gi, ''); $target.val(keyword); that.getSearchInputAutoComplete(keyword); that.getSearchInputAutoCompleteCategory(keyword); }); // 20230622 웹접근성 $('.btn-close-search').on('keydown', function(e) { var charCode = e.keyCode; if (charCode == 9) { $('.search-box').attr('tabindex', 0).focus(); $("#accSearch").val(""); } }); // 20240528 웹접근성 제외처리 // 20240126 닫기 버튼 추가 /* $('.btn-close-layer').on('keydown', function(e) { var charCode = e.keyCode; if (charCode == 9) { $('.search-box').attr('tabindex', 0).focus(); $("#accSearch").val(""); } }); */ // 20240528 웹접근성 $('.btn-close-layer').on('click', function(e) { //악세서리 페이지 포커스 이동 if($("#accSearch").val() === "acc"){ // $("#accSearch").val(""); $(".acc-search-box").focus(); }else{ $("div.search__box button.search__button").focus(); $("#accSearch").val(""); } }); // 20240528 웹접근성 $(document).on("keydown", "#popularWrap li:last-of-type a", (e) => { //악세서리 페이지 포커스 이동 if($("#accSearch").val() === "acc"){ // $("#accSearch").val(""); $(".acc-search-box").focus(); }else{ $(".search-box").focus(); $("#accSearch").val(""); } }); $('#unifiedInputSearch').on('click', function() { //20210324 추가 $('.inp-placeholder').hide(); }); /* s : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ /* $('.chatbot-search').off('click').on('click', function() { let chatbotKeyword; if($(this).attr('id') == 'unifiedSearchButton'){ chatbotKeyword = $("#unifiedInputSearch").val(); }else if($(this).attr('id') == 'inputSearchButton'){ chatbotKeyword = $("#inputSearch").val(); } if($(this).attr('id') == 'unifiedSearchButton'){ if(chatbotKeyword == null || chatbotKeyword == ""){ chatbotKeyword = that.recommendKeyword; chat_open4(chatbotKeyword); } else{ chat_open4(chatbotKeyword); } } else{ if(chatbotKeyword != null && chatbotKeyword != "") { chat_open4(chatbotKeyword); } } }); */ /* e : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ }); </script> <!-- 모바일 퍼스트 2024.01.12 변경 --> <!-- 2024검색창 --> <div class="unified-search-input-wrap Advance24"> <div class="inner-unified-search"><!-- s : 240221 랩퍼 추가 --> <div class="unified-search-input-inner"> <div class="search-box"> <label for="unifiedInputSearch" class="blind">통합 검색</label><!-- 20200622 for 값 변경 --> <input type="text" id="unifiedInputSearch" class="inp" onfocus="headerSearch.eventListener.uinifiedSearchInp()" onkeydown="headerSearch.eventListener.uinifiedSearchChange()"> <span class="inp-placeholder"></span><!-- 20200917 추천검색어 추가 --> <button type="button" class="btn-inp-clear" title="삭제"><span class="blind">삭제</span></button><!-- 20200616 삭제 버튼 추가--> <button type="button" class="btn-search" title="검색" id="unifiedSearchButton" onclick="javascript:searchInputManager.getSearchResult($('#unifiedInputSearch').val(), '#unifiedInputSearch')"><span class="blind">검색</span></button> <button type="button" class="btn-close-layer"><span class="blind">검색 레이어 닫기</span></button><!-- 20200622 button type 변경--> </div> <div class="wrap-seach-inner"> <article id="searchkeywordRecentWrap"> <div class="wrap-sec-tit"> <h4>최근 검색어</h4> <button type="button" class="align-r reset delete-all" onclick="searchInputManager.clearSearchHistory(this)">모두 지우기</button> </div> <div class="btn-box" id="searchkeywordRecent"> </div> </article> <article class="sec-recommended" id="recommendGoodsWrap"> <input type="hidden" id="recentGoodsNm" value=""/> <input type="hidden" id="accSearch" value=""/> <div class="wrap-sec-tit"> <h4>추천 제품</h4> <input type="hidden" id="searchLayerReqId"/> <div class="area-tooltip"> <button type="button" class="btn-tooltip"><span class="icon">추천 제품이란?</span></button> <div class="tooltip-layer pd-tooltip" tabindex="0"> <div class="tooltip-content"> <p>고객님의 최근 본 제품과 연관된 제품을 추천해 드려요!</p> </div> <button type="button" class="btn-tooltip-close tolltip-close"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> <div class="wrap-swiper"> <div class="swiper swiper-recommended-prd swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" id="recommendGoodsBox" style="transform: translate3d(0px, 0px, 0px);"> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"></div> </div> <script> <!-- 추천 제품 Slide --> var swiperRelatedPrd = new Swiper(".swiper-recommended-prd", { slidesPerView: 'auto', spaceBetween: 12, navigation: { nextEl: ".sec-recommended .swiper-button-next", prevEl: ".sec-recommended .swiper-button-prev", }, observer: true, observeParents: true }); </script> </article> <article class="sec-exhibition" id = "recommendEventsWrap"> <div class="wrap-sec-tit"> <h4>맞춤 이벤트</h4> <div class="area-tooltip"> <button type="button" class="btn-tooltip"><span class="icon">맞춤 이벤트란?</span></button> <div class="tooltip-layer pd-tooltip" tabindex="0"> <div class="tooltip-content"> <p>고객님의 최근 본 제품과 연관된 이벤트를 추천해 드려요!</p> </div> <button type="button" class="btn-tooltip-close tolltip-close"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> <div class="wrap-swiper"> <div class="swiper swiper-exhibition-prd swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" id="recommendEventsBox" style="transform: translate3d(0px, 0px, 0px);"> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"></div> </div> <script> <!-- 연관 기획전 Slide --> var swiperRelatedPrd = new Swiper(".swiper-exhibition-prd", { slidesPerView: 'auto', spaceBetween: 12, navigation: { nextEl: ".sec-exhibition .swiper-button-next", prevEl: ".sec-exhibition .swiper-button-prev", }, observer: true, observeParents: true }); </script> </article> <article id="popularWrap"> <!-- 인기 검색어 --> <div class="wrap-sec-tit"> <h4>인기 검색어</h4><button type="button" class="align-r date etc" id="makeTime"><p class="date"></p></button> </div> <div class="txt-list-box" id="searchkeywordPopular"> <ul class="keyword-list"> </ul> </div> </article> <!-- s : 검색 중 미리 보기 --> <article class="mo-width-full"> <!-- 카테고리 자동 완성 --> <ul class="breadcrumbs-box" id="searchAutoCategory"> <div class="hr" id="searchAutoCategoryHr"></div> </ul> </article> <div id="searchKeywordAuto" class="sec-direct-product" style="display:none"> <article id="searchKeywordWrap"> <!-- 키워드 자동 완성 --> <div class="wrap-sec-tit"> <h4>상품 바로가기</h4> </div> <div class="pdlink-list-box" id="searchAuto"> <ul class="list"> </ul> </div> </article> </div> <!-- e: 검색 중 미리 보기 --> </div> </div> </div> </div> <!-- 2024검색창 --> <script> //tooltip $('.area-tooltip .btn-tooltip').on('click', function (e) { $(this).siblings('.tooltip-layer').show().focus(); }); $('.area-tooltip .btn-tooltip-close').on('click', function (e) { $(this).parent('.tooltip-layer').hide(); $(this).parent().siblings('.btn-tooltip').focus(); }); </script> <!-- e : 통합검색 --> <!-- s : 본문 영역 --> <div id="container" class='' > <!-- s : 페이지 로케이션 영역 --> <script type="text/javascript"> getDispPathByUrl(); function getDispPathByUrl() { let stId = "1"; let reqUri = "/sec/ir/main/"; reqUri = reqUri.replace("/sec/", ""); if (reqUri.length == 0) return; let tmp = ""; if("" === "Y") return; if(reqUri.indexOf('homefitness') > -1) { return; } $.ajax({ url : "/sec/cxhr/display/getGnbByUrl" , type : "GET" , data : {stId:stId, linkUrl:reqUri} , success : function(data) { list = data.list; if (list == null) return; $.each(list, function(idx, obj) { if (obj.linkUrl.length > 0) { tmp += '<a href="/sec/'+obj.linkUrl+'">'+obj.dispClsfNm+'</a>'; } else if(obj.dispClsfNm != obj.upDispClsfNm){ //동일명칭 Depth Skip 2020.09.14 YJU tmp += "<span>"+obj.dispClsfNm+"</span>"; } }); if (tmp == '') return; let html = ""; html += "<div class=\"pg-location-inner locationDiv\">"; html += "<a href='/sec/'>HOME</a>"; html += tmp; html += "</div>"; $(".pg-location").html(html); } }); } </script> <div class="pg-location"> </div><!-- e : 페이지 로케이션 영역 --> <!-- s : 최근 본 제품 --> <div id='latestItemLayer' class='layer-pop layer-normal floatingStyle'> <div class='layer-header'> <h2>최근 본 제품</h2> </div> <button type='button' class='pop-close' onclick = "closePop(latestItemLayer)" data-focus-next="latestItemLayer"><span class='blind'>최근 본 제품 닫기</span></button> <div class="LatestItm-result"> <p class="result-tit"> <span>검색 결과</span><strong class="num">0</strong> 개 </p> <button type="button" class="btn btn-d btn-allListClear" onclick = "deleteRecentGoods('Y')" data-st-path ="/sec/" data-focus-next="latestItemLayer">전체삭제</button> </div> <div class="caution-note">※ 최근 본 제품은 30일간 보관됩니다.</div> </div><!-- e : 최근 본 제품 --> <link rel="stylesheet" href="/sec/static/_css/mig/page.css" type="text/css"><link rel="stylesheet" href="/sec/static/_css/mig/sec.css" type="text/css"><div id="content"><link rel="shortcut icon" href="/sec/static/etc/designs/smg/global/imgs/favicon.ico"> <link rel="apple-touch-icon" href="/sec/static/etc/designs/smg/global/imgs/app_ico.png" sizes="144x144"> <script> var isInIframe = (window.location != window.top.location); var isNotDotcom = ( window.location.href.indexOf('samsung.com') < 0); var isTopNotDotcom = ( window.top.location.href.indexOf('samsung.com') < 0); //404 페이지에서는 실행하지 않음. if ( window.location.href.indexOf('404') < 0 && isTopNotDotcom) { if ( isInIframe == true ) { console.log('isInIframe =' + isInIframe ); //에러 페이지 이동 self.location.href /"+siteCd+"/common/404.html window.location.href = '/sec/common/404.html'; } else { console.log('isInIframe =' + isInIframe ); } } </script> <link rel="stylesheet" href="/sec/static/etc/designs/smg/global/templates/page.9bb31f2c26b335a006afc1ab2ef2b7fd.css" type="text/css"> <!-- Template CSS Inline --> <style type="text/css"> </style> <!-- Bottom CSS --> <link rel="stylesheet" type="text/css" href="/sec/static/etc/designs/smg/sec/ir/css/ir-sec.css"> <!-- Component CSS Inline --> <style type="text/css"> </style> <link rel="stylesheet" href="/sec/static/etc/designs/smg/sec/css/sec.css" type="text/css"> <!--[if lt IE 9]> <script src="/sec/static/etc/designs/smg/global/ie9/html5.js"></script> <![endif]--> <script type="text/javascript"> /* DataLayer for Samsung - Last Modified Date 2016-07-13 by Kim myounggyu */ var siteCode = ""; var pageURL = ""; siteCode = window.location.href.split("/")[3]; pageURL = window.location.href; var digitalData = { "page" : { "pageInfo" : { "siteCode" : siteCode, "siteSection": "", //pathIndicator정보 이용하여 설정 "pageName" : "", //pathIndicator정보 이용하여 설정 "pageURL" : pageURL, "pageTrack" : "", //All page(server-side) "version" : "KDP" }, "pathIndicator" : { //product page(server-side) "depth_2" : "", "depth_3" : "", "depth_4" : "", "depth_5" : "" } }, "user" : { "loginStatus" : "" }, "product" : { "category" : "", // pathIndicator depth정보 이용하여 설정 "model_code" : "", // PD class정보 이용하여 설정 "model_name" : "", // PD page(server-side) "displayName" : "", // PD class정보 이용하여 설정 "pvi_type_code" : "", //PD page(server-side) "pvi_type_name" : "", //PD page(server-side) "pvi_subtype_code" : "", //PD page(server-side) "pvi_subtype_name" : "" //PD page(server-side) } } //server-side digitalData.page.pageInfo.pageTrack = "investor relations"; // 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")){ 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] if(depth >= 6) digitalData.page.pathIndicator.depth_3 = window.location.href.split("/")[5] if(depth >= 7) digitalData.page.pathIndicator.depth_4 = window.location.href.split("/")[6] if(depth >= 8) digitalData.page.pathIndicator.depth_5 = window.location.href.split("/")[7] } // 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"){ var modelCode = document.getElementsByClassName("product-details__s-sku")[0].innerHTML; var displayName = document.getElementsByClassName("product-details__title")[0].innerHTML.replace(/(<([^>]+)>)/gi, ""); digitalData.product.model_code = modelCode; digitalData.product.displayName = displayName; pageName += ":" + modelCode; } digitalData.page.pageInfo.pageName = pageName; </script> <!--Adobe Target Flicker handling--> <script type="text/javascript"> ;(function(win, doc, style, timeout) { var STYLE_ID = 'at-body-style'; function getParent() { return doc.getElementsByTagName('head')[0]; } function addStyle(parent, id, def) { if (!parent) { return; } var style = doc.createElement('style'); style.id = id; style.innerHTML = def; parent.appendChild(style); } function removeStyle(parent, id) { if (!parent) { return; } var style = doc.getElementById(id); if (!style) { return; } parent.removeChild(style); } addStyle(getParent(), STYLE_ID, style); setTimeout(function() { removeStyle(getParent(), STYLE_ID); }, timeout); }(window, document, "body {opacity: 0 !important}", 3000)); </script> <!--/Adobe Target Flicker handling--> <!--Launch Header Embed Code--> <script src="//assets.adobedtm.com/c8a575b84bb9/0d8938615268/launch-160c25cdcd93.min.js" async=""></script> <!--/Launch Header Embed Code--> <script> var dataLayer=[{ 'gtmServerType': 'live' }]; </script> <!-- Google Tag Manager --> <script>(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-N2ZVVQC');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager Secondary --> <script>(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-PK3WCML');</script> <!-- End Google Tag Manager Secondary--> <script type="text/javascript"> (function(w,d,n,s,e,o) { w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)}; e=d.createElement(s);e.async=1;e.charset='utf-8';e.src='//static.recopick.com/dist/production.min.js'; o=d.getElementsByTagName(s)[0];o.parentNode.insertBefore(e,o); })(window, document, 'recoPick', 'script'); var getEncCookie = function(cname) { var str = ""; var name = cname + "="; var ca = document.cookie.split(';'); for ( var i = 0; i < ca.length; i++) { var c = ca[i]; while (' ' == c.charAt(0)) { c = c.substring(1); } if (0 == c.indexOf(name)) { str = c.substring(name.length, c.length); } } return str; }; //console.log('url=[//www.samsung.com/sec/ir/ir-events-presentations/events.html]') recoPick('service', 'samsung.com/sec'); //NOTICE : encGuid가 존재하는 경우 세팅 var encGuid = getEncCookie('encGuid'); if(encGuid != undefined && encGuid != null && encGuid != ""){ recoPick('setMID', encGuid); } var uAgent = navigator.userAgent; console.log('out uAgent=[' + uAgent+']'); if(window.secapp != undefined && window.secapp != null && window.secapp != ""){ console.log('out window.secapp.getGaid()=[' + window.secapp.getGaid()+']'); } else { console.log('window.secapp undefined!!! '); } if(uAgent.indexOf('SECAPP')>-1){ console.log('uAgent=[' + uAgent+']'); console.log('window.secapp.getGaid()=[' + window.secapp.getGaid()+']'); recoPick('setGAID', window.secapp.getGaid()); recoPick('setUID', window.secapp.getGaid()); } recoPick('sendLog','visit'); //제품 상세와 검색 페이지 제외하고는 sendLog의 visit 찍음 //recoPick('sendLog',…..); </script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"true","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"SJ-d5cfa455-ee1b-4114-8ace-c4679f6c7369","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false"}]);</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"=="true"?1:0,t="",n="2jpcswokfm3s4x4er2la-f-cdea9bd4c-clientnsv4-s.akamaihd.net",i={"ak.v":"29","ak.cp":"143520","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":6,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"261f32","ak.r":6740,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"210.94.41.0","ak.cport":4926,"ak.gh":"61.111.58.231","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1602522774","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==idpRPhjSvYHtYyuZFLOfR1wdhd8aoxXhhEzC/patMfJ7buOyGVpg9DTvuWd0ZY+hxwQk0stvUWTyUxTkzzSJZFy/NK6KRMjhAToP5n/nCIk75ofwuTW0dWJttKYpDVz71YNIb+uSjppxTy7WaVfScwDJphET7Lrl33ngLLa5eXnQYcSUsJaLeHeTsrvclcUebuISpaltr5FWSReDg/wP1GzG3p5CGU0ksJGMcvAP1jJHVavB2MIqcNbUOpwMwATkmRY/eVJQi32j8iLKoT3gOXBCZAMpiG2FMtrrGlrscb3cihJgQSzEfX3HvhvS1owjaZC9K9Sz4nEoetmjy1NR5b+cyY4nZwQeVQLkFiOleRKzfCPQt25Lpgl9Ps/wt4VVgdsBLVz9dxVgZBuxoZBPHv6sf3iy88aVXAWeIDAaHIA=","ak.pv":"1942","ak.dpoabenc":""};if(""!==t)i["ak.ruds"]=t;var _={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))i["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(i)},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.r","ak.acc","ak.t"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:i,akDNSPreFetchDomain:n,init:function(){if(!_.i){var a=BOOMR.subscribe;a("before_beacon",_.av,null,null),a("onbeacon",_.rv,null,null),_.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script><!-- HTML 코드 --> <style> body { margin: 0; padding: 0; } .desktop { display: block; } .mobile { display: none; } .t { display: none; } .bold { font-weight: 700; } a { color: #000; } @media (min-width: 769px) and (max-width: 1024px) { .t { display: block; } } @media (max-width: 768px) { .desktop { display: none; } .mobile { display: block; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .layout-content { max-width: 1440px; padding: 60px 30px 0 30px; margin: 0 auto; } @media (min-width: 769px) and (max-width: 1441px) { .layout-content { padding: 4.1666666667vw 2.0833333333vw 0vw 2.0833333333vw; } } @media (max-width: 768px) { .layout-content { border-radius: 5.3333333333vw; padding: 8vw 6.6666666667vw 0vw 6.6666666667vw; } } .kr-main .layout-content { max-width: 1500px; } .ir-column1 { border-radius: 20px; margin: 0 auto; padding: 60px 30px 60px; box-sizing: border-box; } @media (min-width: 769px) and (max-width: 1441px) { .ir-column1 { padding-right: max(min(30px, 2.0833333333vw), 30px); padding-left: max(min(30px, 2.0833333333vw), 30px); padding-top: 4.1666666667vw; padding-bottom: 4.1666666667vw; border-radius: 1.3888888889vw; } } @media (max-width: 768px) { .ir-column1 { border-radius: 5.3333333333vw; padding: 10.6666666667vw 6.6666666667vw; } } .ir-column1.bg-gray { background: #f4f4f4; } .ir-column1.bg-black { background: #000; } .ir-column1 .ir-content-box { margin: 0 auto; display: flex; } .ir-column2 { display: flex; flex-direction: row; gap: 24px; } @media (max-width: 768px) { .ir-column2 { flex-direction: column; border-radius: 0; gap: 6.4vw; } } .ir-column2 .ir-column2-box { flex: 1; border-radius: 20px; padding: 40px 20px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-column2 .ir-column2-box { padding: 2.7777777778vw 1.3888888889vw; border-radius: 1.3888888889vw; } } @media (max-width: 768px) { .ir-column2 .ir-column2-box { padding: 8vw 6.6666666667vw; border-radius: 5.3333333333vw; } } .ir-column3 { border-radius: 20px; display: flex; flex-direction: row; gap: 24px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-column3 { gap: 1.6666666667vw; border-radius: 1.3888888889vw; } } @media (max-width: 768px) { .ir-column3 { flex-direction: column; border-radius: 5.3333333333vw; gap: 6.4vw; } } .ir-column3 .ir-column3-box { border-radius: 20px; overflow: hidden; } @media (min-width: 769px) and (max-width: 1441px) { .ir-column3 .ir-column3-box { border-radius: 1.3888888889vw; } } @media (max-width: 768px) { .ir-column3 .ir-column3-box { border-radius: 5.3333333333vw; } } .ir-navigation { z-index: 99; position: relative; width: 100%; background-color: #fff; } @media (max-width: 768px) { .ir-navigation .swiper { margin-left: auto; margin-right: auto; position: relative; list-style: none; padding: 0; z-index: 1; display: block; } .ir-navigation .swiper-wrapper { position: relative; width: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .ir-navigation .swiper-slide { flex-shrink: 0; transition-property: transform; } .ir-navigation .swiper-button-next, .ir-navigation .swiper-button-prev { position: absolute; z-index: 10; cursor: pointer; display: flex; align-items: center; } .ir-navigation .swiper-button-next, .ir-navigation .swiper-rtl .swiper-button-prev { left: auto; } .ir-navigation .swiper-button-prev, .ir-navigation .swiper-rtl .swiper-button-next { right: auto; } .ir-navigation .swiper .swiper-notification, .ir-navigation .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .ir-navigation .swiper-button-next.swiper-button-disabled, .ir-navigation .swiper-button-prev.swiper-button-disabled { display: none; } .ir-navigation .swiper-button-next, .ir-navigation .swiper-button-prev { width: 12.2666666667vw; height: 13.3333333333vw; top: 0; margin: 0; } .ir-navigation .swiper-button-next::after, .ir-navigation .swiper-button-prev::after { content: ""; display: block; background-position: 100% 50%; background-size: 100% auto; background-repeat: no-repeat; width: 5.6vw; height: 13.3333333333vw; } .ir-navigation .swiper-button-next { right: 0; justify-content: flex-end; background: linear-gradient(270deg, #ffffff 71.95%, rgba(255, 255, 255, 0) 100%); } .ir-navigation .swiper-button-next::after { background-image: url("//images.samsung.com/is/image/samsung/assets/global/ir/imgs/ir-icon-next3.png"); } .ir-navigation .swiper-button-prev { left: 0; justify-content: flex-start; background: linear-gradient(-270deg, #ffffff 71.95%, rgba(255, 255, 255, 0) 100%); } .ir-navigation .swiper-button-prev::after { background-image: url("//images.samsung.com/is/image/samsung/assets/global/ir/imgs/ir-icon-prev3.png"); } .ir-navigation .swiper-button-next.swiper-button-disabled, .ir-navigation .swiper-button-prev.swiper-button-disabled { display: none; } } @media (min-width: 769px) { .ir-navigation .swiper-button-next, .ir-navigation .swiper-button-prev { display: none; } } .ir-navigation.fixed { z-index: 200; position: fixed; top: 0; left: 0; right: 0; } .ir-navigation .ir-navigation-wrap { box-sizing: border-box; margin: 0 auto; max-width: 1440px; display: flex; justify-content: space-between; padding: 21px 0 21px 27px; height: 80px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-navigation .ir-navigation-wrap { padding-left: 1.3888888889vw; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-wrap { height: auto; padding: 0; display: block; } } .ir-navigation .samsung-ir-logo { background-color: #fff; display: flex; flex-direction: row; align-items: center; } @media (max-width: 768px) { .ir-navigation .samsung-ir-logo { padding: 3.2vw 6.6666666667vw; } } .ir-navigation .samsung-ir-logo::after { content: ""; } .ir-navigation .samsung-ir-logo .samsung-logo, .ir-navigation .samsung-ir-logo .ir-logo { display: flex; align-items: center; } .ir-navigation .samsung-ir-logo .samsung-logo a, .ir-navigation .samsung-ir-logo .ir-logo a { display: inline-block; } .ir-navigation .samsung-ir-logo .samsung-logo svg, .ir-navigation .samsung-ir-logo .ir-logo svg { width: 100%; fill: #000; } .ir-navigation .samsung-ir-logo .samsung-logo::after { content: ""; width: 1px; height: 10px; background-color: #d9d9d9; display: inline-block; vertical-align: super; } @media (max-width: 768px) { .ir-navigation .samsung-ir-logo .samsung-logo::after { width: 0.2666666667vw; height: 2.6666666667vw; } } .ir-navigation .samsung-ir-logo .samsung-logo a { padding-right: 16px; width: 104px; height: 16px; } @media (min-width: 769px) and (max-width: 1024px) { .ir-navigation .samsung-ir-logo .samsung-logo a { width: 80px; height: 9.143px; } } @media (max-width: 768px) { .ir-navigation .samsung-ir-logo .samsung-logo a { width: 27.7333333333vw; height: 4.2666666667vw; padding-right: 2.6666666667vw; } } .ir-navigation .samsung-ir-logo .ir-logo a { padding-left: 16px; padding-top: 3px; width: 140px; height: 20px; } @media (min-width: 769px) and (max-width: 1024px) { .ir-navigation .samsung-ir-logo .ir-logo a { width: 120px; height: 17.143px; } } @media (max-width: 768px) { .ir-navigation .samsung-ir-logo .ir-logo a { width: 39.7333333333vw; height: 6.1333333333vw; padding: 2.1333333333vw 0vw 0vw 2.6666666667vw; } } .ir-navigation .ir-navigation-item { display: flex; flex-direction: row; height: 100%; justify-content: space-between; position: relative; background-color: #fff; } @media (max-width: 768px) { .ir-navigation .ir-navigation-item { height: 13.3333333333vw; flex-direction: column; align-items: flex-start; max-width: none; justify-content: space-between; padding: 0vw 6.6666666667vw; } } @media (min-width: 769px) { .ir-navigation .ir-navigation-item .ir-menu { margin: 0; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu { width: 100%; } } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list { display: flex; align-items: center; background-color: #fff; height: 38px; } @media (min-width: 769px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list { transform: none !important; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list { height: 13.3333333333vw; } } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item { width: auto; height: 100%; display: flex; white-space: nowrap; align-items: center; position: relative; } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item { padding: 0vw 3.3333333333vw; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:first-child { padding-left: 0; } } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header { position: relative; width: auto; color: #000; font-weight: 400; display: block; text-align: left; margin: 0px 27px; border: 2px solid rgba(255, 255, 255, 0); } @media (min-width: 769px) and (max-width: 1441px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header { /* 2024-10-12 */ margin: 0vw 0.6vw; /* margin: 0vw 1.3888888889vw; */ } } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header { margin: 0; margin-bottom: 0.5333333333vw; height: 100%; box-sizing: border-box; padding: 1.3333333333vw 0vw; display: flex; align-items: center; } } /* 2024-10-12 */ .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:first-child .ir-menu-item-header { margin-left: 0; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:last-child .ir-menu-item-header { margin-right: 0; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header button { position: absolute; width: 100%; height: 100%; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title { font-size: 14px; line-height: 19px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title { line-height: 1.5972222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title { font-size: 14px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title { font-size: 12px; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title { font-size: 3.7333333333vw; line-height: 5.0666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title { font-size: 3.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title { font-size: 7px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title { font-size: 7px; } } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title a { font: inherit; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title a .ir-outlink-icon { display: inline-block; background-image: url("//images.samsung.com/is/image/samsung/assets/global/ir/imgs/ir-icon-outlink.png"); background-size: auto 100%; background-repeat: no-repeat; width: 10px; height: 10px; vertical-align: text-top; margin-top: 4px; margin-left: 2px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title a .ir-outlink-icon { width: 0.5555555556vw; height: 0.5555555556vw; margin-top: 0.3472222222vw; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-menu-item-title a .ir-outlink-icon { width: 2.1333333333vw; height: 2.1333333333vw; margin-top: 0.8vw; } } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-dropdown-title-icon { display: inline-block; width: 16px; height: 16px; vertical-align: middle; } @media (min-width: 769px) and (max-width: 1441px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-dropdown-title-icon { vertical-align: text-top; width: 1.1111111111vw; height: 1.1111111111vw; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-dropdown-title-icon { vertical-align: middle; width: 4.2666666667vw; height: 4.2666666667vw; } } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-dropdown-title-icon .close-up { display: none; background-image: url("//images.samsung.com/is/image/samsung/assets/global/ir/imgs/ir-icon-up.png"); background-size: auto 100%; background-repeat: no-repeat; width: 100%; height: 100%; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-dropdown-title-icon .close-up.active { display: inline-block; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-dropdown-title-icon .open-down { display: inline-block; background-image: url("//images.samsung.com/is/image/samsung/assets/global/ir/imgs/ir-icon-down-black.png"); background-size: auto 100%; background-repeat: no-repeat; width: 100%; height: 100%; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-dropdown-title-icon .open-down.active { display: none; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list { display: none; position: absolute; top: 59px; left: 0; padding: 0; margin: 0; box-sizing: border-box; background: #fff; border: 1px solid #f7f7f7; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); border-radius: 6px; margin-top: 1px; left: 0; min-width: 202px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list { min-width: 14.0277777778vw; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list { top: 100%; width: 53.8666666667vw; } } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list.hidden { display: none; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a { font-size: 14px; line-height: 19px; color: #000; font-weight: 400; display: block; padding: 10px 24px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a { line-height: 1.3194444444vw; padding: 0.6944444444vw 1.6666666667vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a { font-size: 14px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a { font-size: 12px; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a { font-size: 3.7333333333vw; line-height: 5.0666666667vw; padding: 3.2vw 6.9333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a { font-size: 3.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a { font-size: 7px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a { font-size: 7px; } } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a .ir-outlink-icon { display: inline-block; background-image: url("//images.samsung.com/is/image/samsung/assets/global/ir/imgs/ir-icon-outlink.png"); background-size: auto 100%; background-repeat: no-repeat; width: 8px; height: 8px; vertical-align: text-top; margin-top: 4px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a .ir-outlink-icon { width: 0.5555555556vw; height: 0.5555555556vw; margin-top: 0.3472222222vw; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item a .ir-outlink-icon { width: 2.1333333333vw; height: 2.1333333333vw; margin-top: 0.8vw; } } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item:hover, .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list .ir-sub-menu-item:focus { background-color: #f7f7f7; border-radius: 6px; } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:last-child { padding-right: 1.3333333333vw; } } @media (min-width: 769px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:last-child .ir-sub-menu-list { right: 0 !important; left: auto !important; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item.active .ir-menu-item-header, .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:hover .ir-menu-item-header, .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:focus .ir-menu-item-header { border-bottom: 2px solid #000; } } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item.active .ir-menu-item-title, .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:hover .ir-menu-item-title, .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:focus .ir-menu-item-title { color: #555; } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item.active .ir-dropdown-title-icon .open-down, .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:hover .ir-dropdown-title-icon .open-down, .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:focus .ir-dropdown-title-icon .open-down { background-image: url("//images.samsung.com/is/image/samsung/assets/global/ir/imgs/ir-icon-down-gray.png"); } .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item.active .ir-menu-item-title, .ir-navigation .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item:focus .ir-menu-item-title { font-weight: 700; } .ir-navigation .ir-navigation-wrap-kr { align-items: center; padding: 0 24px; height: 56px; } @media (max-width: 768px) { .ir-navigation .ir-navigation-wrap-kr { height: auto; padding: 0; } } .ir-navigation .ir-navigation-wrap-kr .samsung-ir-title-kr a { display: block; font-size: 16px; line-height: 22px; font-weight: 600; } @media (min-width: 769px) and (max-width: 1441px) { .ir-navigation .ir-navigation-wrap-kr .samsung-ir-title-kr a { line-height: 1.5277777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-navigation .ir-navigation-wrap-kr .samsung-ir-title-kr a { font-size: 16px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-navigation .ir-navigation-wrap-kr .samsung-ir-title-kr a { font-size: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1080px) { .ir-navigation .ir-navigation-wrap-kr .samsung-ir-title-kr a { font-size: 12px; } } @media (max-width: 768px) { .ir-navigation .ir-navigation-wrap-kr .samsung-ir-title-kr a { font-size: 4.5333333333vw; line-height: 6.1333333333vw; padding: 4.6666666667vw 6.6666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-navigation .ir-navigation-wrap-kr .samsung-ir-title-kr a { font-size: 4.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-navigation .ir-navigation-wrap-kr .samsung-ir-title-kr a { font-size: 8.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-navigation .ir-navigation-wrap-kr .samsung-ir-title-kr a { font-size: 8.5px; } } .ir-navigation .ir-navigation-wrap-kr .ir-navigation-item .ir-menu .ir-menu-list { height: 56px; } @media (max-width: 768px) { .ir-navigation .ir-navigation-wrap-kr .ir-navigation-item .ir-menu .ir-menu-list { height: 13.3333333333vw; } } .ir-navigation .ir-navigation-wrap-kr .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-dropdown-title-icon { vertical-align: inherit; } .ir-navigation .ir-navigation-wrap-kr .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-dropdown-title-icon .close-up, .ir-navigation .ir-navigation-wrap-kr .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-menu-item-header .ir-dropdown-title-icon .open-down { margin-top: -5px; } .ir-navigation .ir-navigation-wrap-kr .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list { top: 56px; } @media (max-width: 768px) { .ir-navigation .ir-navigation-wrap-kr .ir-navigation-item .ir-menu .ir-menu-list .ir-menu-item .ir-sub-menu-list { top: 100%; } } #content .ir-global__title-wrap { height: 354px; margin-bottom: 80px; } @media (min-width: 769px) and (max-width: 1441px) { #content .ir-global__title-wrap { height: 24.58333vw; margin-bottom: 5.55556vw; } } @media (max-width: 768px) { #content .ir-global__title-wrap { height: 729.6px; height: 95vw; margin-bottom: 120px; margin-bottom: 16.66667vw; } } #content .ir-global__title-wrap .ir-global__title-inner { height: 100%; display: flex; justify-content: center; align-items: center; } #content .ir-global__title-wrap .ir-global__title-inner .ir-global__background { top: 0; bottom: 0; margin: 0; height: auto; } @media (max-width: 768px) { #content .ir-global__title-wrap .ir-global__content-wrap { min-height: auto; } } .ir-global__title-wrap .ir-global__title-inner .ir-global__content-wrap .ir-global__title { margin: 0; } .ir-breadcrumb .ir-breadcrumb-inner { box-sizing: border-box; max-width: 1440px; margin: 0 auto; padding: 24px 20.5px; border-top: 1px solid #d9d9d9; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; } @media (min-width: 769px) and (max-width: 1441px) { .ir-breadcrumb .ir-breadcrumb-inner { padding: 1.4236111111vw 1.6666666667vw; } } @media (max-width: 768px) { .ir-breadcrumb .ir-breadcrumb-inner { padding: 3.2vw; } } .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list { display: flex; flex-direction: row; align-items: center; font-weight: 400; font-size: 14px; line-height: 14px; letter-spacing: -0.02em; color: #757575; } @media (min-width: 769px) and (max-width: 1441px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list { line-height: 0.9722222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list { font-size: 14px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list { font-size: 12px; } } @media (max-width: 768px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list { font-size: 3.7333333333vw; line-height: 4.8vw; padding: 0.9333333333vw 0vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list { font-size: 3.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list { font-size: 7px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list { font-size: 7px; } } .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list>a { font-weight: 400; font-size: 14px; line-height: 14px; letter-spacing: -0.02em; color: #000; } @media (min-width: 769px) and (max-width: 1441px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list>a { line-height: 0.9722222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list>a { font-size: 14px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list>a { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list>a { font-size: 12px; } } @media (max-width: 768px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list>a { font-size: 3.7333333333vw; line-height: 4.8vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list>a { font-size: 3.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list>a { font-size: 7px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list>a { font-size: 7px; } } .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list.ir-breadcrumb-title, .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list.ir-breadcrumb-page, .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list.ir-breadcrumb-subpage { color: #757575; } .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list.ir-breadcrumb-next-icon::after { content: ""; display: inline-block; width: 16px; height: 16px; margin: 0 4px 0 2px; background-image: url("//images.samsung.com/is/image/samsung/assets/global/ir/imgs/ir-breadcrumb-next-icon-gray.png"); background-size: auto 100%; background-repeat: no-repeat; } @media (min-width: 769px) and (max-width: 1441px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list.ir-breadcrumb-next-icon::after { width: 1.1111111111vw; height: 1.1111111111vw; margin: 0vw 0.2777777778vw 0vw 0.1388888889vw; } } @media (max-width: 768px) { .ir-breadcrumb .ir-breadcrumb-inner .ir-breadcrumb-list.ir-breadcrumb-next-icon::after { width: 4.2666666667vw; height: 4.2666666667vw; margin: 0vw 1.0666666667vw 0vw 0.5333333333vw; } } </style> <!-- IR menu : start --> <div class="ir-navigation"> <div class="ir-navigation-wrap ir-navigation-wrap-kr"> <div class="samsung-ir-title-kr"><a href="https://www.samsung.com/sec/ir.html">투자자 정보</a></div> <div class="ir-navigation-item"> <div class="swiper mySwiper ir-menu"> <div class="swiper-wrapper ir-menu-list"> <div class="swiper-slide ir-menu-item"> <div class="ir-menu-item-header"> <button type="button" class="ir-menu-item-toggle-button"></button> <div class="ir-menu-item-text-box"> <span class="ir-menu-item-title"> 회사소개 </span> <span class="ir-dropdown-title-icon"> <span class="close-up"></span> <span class="open-down"></span> </span> </div> </div> <ul class="ir-sub-menu-list"> <li class="ir-sub-menu-item"> <a href="https://www.samsung.com/sec/about-us/company-info/" target="_blank">기업정보 <span class="ir-icon ir-outlink-icon"></span> </a> </li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/ir-resources/faq/">IR 기본정보</a></li> </ul> </div> <div class="swiper-slide ir-menu-item"> <div class="ir-menu-item-header"> <button type="button" class="ir-menu-item-toggle-button"></button> <div class="ir-menu-item-text-box"> <span class="ir-menu-item-title"> 재무정보 & 공시 </span> <span class="ir-dropdown-title-icon"> <span class="close-up"></span> <span class="open-down"></span> </span> </div> </div> <ul class="ir-sub-menu-list"> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/financial-information/financial-valuation-snapshot">재무 하이라이트</a></li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/reports-disclosures/public-disclosure/">경영정보공시</a></li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/reports-disclosures/business-report/">사업보고서</a></li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/financial-information/audited-financial-statements">감사/검토보고서</a></li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/reports-disclosures/annual-reports/">지속가능경영보고서</a></li> <li class="ir-sub-menu-item"> <a href="https://www.samsung.com/sec/ir/reports-disclosures/corporate-governance-report/">기업지배구조보고서</a> </li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/reports-disclosures/notices/">전자공고</a></li> </ul> </div> <div class="swiper-slide ir-menu-item"> <div class="ir-menu-item-header"> <button type="button" class="ir-menu-item-toggle-button"></button> <div class="ir-menu-item-text-box"> <span class="ir-menu-item-title"> 주식정보 </span> <span class="ir-dropdown-title-icon"> <span class="close-up"></span> <span class="open-down"></span> </span> </div> </div> <ul class="ir-sub-menu-list"> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/stock-information/stock-chart">주가정보</a></li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/stock-information/shareholder-return">주주환원</a></li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/stock-information/listing-Info">상장현황</a></li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/stock-information/ownership-structure">주주구성</a></li> <li class="ir-sub-menu-item"> <a href="https://dividend.samsung.com/" target="_blank">배당조회 <span class="ir-icon ir-outlink-icon"></span> </a> </li> </ul> </div> <div class="swiper-slide ir-menu-item"> <div class="ir-menu-item-header"> <button type="button" class="ir-menu-item-toggle-button"></button> <div class="ir-menu-item-text-box"> <span class="ir-menu-item-title"> 실적발표 & IR 행사 </span> <span class="ir-dropdown-title-icon"> <span class="close-up"></span> <span class="open-down"></span> </span> </div> </div> <ul class="ir-sub-menu-list"> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/financial-information/earnings-release/">실적발표</a></li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/ir-events-presentations/events/">IR 행사</a></li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/ir-events-presentations/business-introduction/">행사자료</a></li> </ul> </div> <div class="swiper-slide ir-menu-item"> <div class="ir-menu-item-header"> <button type="button" class="ir-menu-item-toggle-button"></button> <div class="ir-menu-item-text-box"> <span class="ir-menu-item-title"> 주주총회 </span> <span class="ir-dropdown-title-icon"> <span class="close-up"></span> <span class="open-down"></span> </span> </div> </div> <ul class="ir-sub-menu-list"> <li class="ir-sub-menu-item"> <a href="https://www.samsung.com/sec/ir/governance-csr/lettertoshareholders">주주통신문</a> </li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/governance-csr/general-meeting-of-shareholders">주주총회</a></li> </ul> </div> <div class="swiper-slide ir-menu-item"> <div class="ir-menu-item-header"> <button type="button" class="ir-menu-item-toggle-button"></button> <div class="ir-menu-item-text-box"> <span class="ir-menu-item-title"> 기업지배구조 </span> <span class="ir-dropdown-title-icon"> <span class="close-up"></span> <span class="open-down"></span> </span> </div> </div> <ul class="ir-sub-menu-list"> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/governance-csr/board-of-directors">이사회</a></li> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/governance-csr/board-committee">위원회</a></li> <li class="ir-sub-menu-item"> <a href="https://www.samsung.com/sec/ir/governance-csr/global-code-of-conduct">거버넌스자료</a> </li> </ul> </div> <div class="swiper-slide ir-menu-item"> <div class="ir-menu-item-header"> <!-- <button type="button" class="ir-menu-item-toggle-button"></button> --> <div class="ir-menu-item-text-box"> <span class="ir-menu-item-title"> <a href="https://www.samsung.com/sec/sustainability/main/" target="_blank">지속가능경영 <span class="ir-icon ir-outlink-icon"></span> </a></span> </div> </div> </div> <!--<div class="swiper-slide ir-menu-item"> <div class="ir-menu-item-header"> <button type="button" class="ir-menu-item-toggle-button"></button> <div class="ir-menu-item-text-box"> <span class="ir-menu-item-title"> 지속가능경영 </span> <span class="ir-dropdown-title-icon"> <span class="close-up"></span> <span class="open-down"></span> </span> </div> </div> <ul class="ir-sub-menu-list"> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/sustainability/main/" target="_blank">지속가능경영 <span class="ir-icon ir-outlink-icon"></span> </a></li> </ul> </div>--> <div class="swiper-slide ir-menu-item"> <div class="ir-menu-item-header"> <button type="button" class="ir-menu-item-toggle-button"></button> <div class="ir-menu-item-text-box"> <span class="ir-menu-item-title"> IR Resources </span> <span class="ir-dropdown-title-icon"> <span class="close-up"></span> <span class="open-down"></span> </span> </div> </div> <ul class="ir-sub-menu-list"> <li class="ir-sub-menu-item"><a href="https://www.samsung.com/sec/ir/ir-resources/contact">Contact IR</a></li> </ul> </div> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> <!-- IR menu : end --> <script> const beforeElement = document.createElement("div"); beforeElement.classList.add("before-element"); const irNavigation = document.querySelector(".ir-navigation"); irNavigation.parentElement.insertBefore(beforeElement, irNavigation); $(window).scroll(function () { const beforeElement = irNavigation.previousElementSibling; const t = beforeElement.getBoundingClientRect().bottom; // const offsetTop = irNavigation.offset().top; // 두 번째 메뉴바의 top 위치 if ($(window).scrollTop() >= t) { // 스크롤 위치가 두 번째 메뉴바 위치를 넘으면 고정 irNavigation.classList.add("fixed"); } else { // 스크롤 위치가 두 번째 메뉴바 위치 이전이면 고정 해제 irNavigation.classList.remove("fixed"); } // const nav1Height = $("#header").height(); if ($(window).scrollTop() <= t) { // 스크롤 위치가 첫 번째 메뉴바 위치 이전이면 고정 해제 irNavigation.classList.remove("fixed"); } }); //swiper let ww = $(window).width(); let mySwiper = undefined; const swiperNext = document.querySelector(".swiper-button-next"); const swiperPrev = document.querySelector(".swiper-button-prev"); function initSwiper() { if (ww < 768 && mySwiper == undefined) { mySwiper = new Swiper(".mySwiper", { slidesPerView: "auto", spaceBetween: 0, keyboard: true, speed: 100, // centeredSlides: true, navigation: { nextEl: swiperNext, prevEl: swiperPrev, }, freeMode: { enabled: true, sticky: false, }, }); } else if (ww >= 768 && mySwiper != undefined) { mySwiper.destroy(); mySwiper = undefined; } } initSwiper(); $(window).on("resize", function () { ww = $(window).width(); initSwiper(); }); // ir-navigation const menuItems = document.querySelectorAll(".ir-menu-item"); const irNavItem = document.querySelector(".ir-navigation-item"); const menuSwiper = document.querySelector(".swiper"); let activeSubMenu = null; // 클릭한 서브 메뉴 요소를 저장하는 변수 menuItems.forEach((item) => { const subMenu = item.querySelector(".ir-sub-menu-list"); const openDown = item.querySelector(".open-down"); const closeUp = item.querySelector(".close-up"); if (subMenu) subMenu.style.display = "none"; // subMenu 초기화 item.addEventListener("click", () => { console.log("active"); if (!subMenu) return false; if (subMenu.style.display === "none") { // close all other sub menus menuItems.forEach((otherItem) => { const otherSubMenu = otherItem.querySelector(".ir-sub-menu-list"); const otherOpenDown = otherItem.querySelector(".open-down"); const otherCloseUp = otherItem.querySelector(".close-up"); if (otherSubMenu && otherSubMenu !== subMenu && otherSubMenu.style.display === "block") { otherSubMenu.style.display = "none"; otherOpenDown.style.display = "inline-block"; otherCloseUp.style.display = "none"; otherItem.classList.remove("active"); // remove active class from other item } }); // 스와이프 if (mySwiper) { let swiperIndex = mySwiper.clickedIndex; mySwiper.slideTo(swiperIndex); } // subMenu를 열기 전에 activeSubMenu에 저장된 요소가 있는지 확인하고 초기화한다. if (activeSubMenu !== null) { activeSubMenu.style.display = "none"; const openDownIcon = activeSubMenu.parentElement.querySelector(".open-down"); const closeUpIcon = activeSubMenu.parentElement.querySelector(".close-up"); openDownIcon.style.display = "inline-block"; closeUpIcon.style.display = "none"; activeSubMenu.parentElement.classList.remove("active"); activeSubMenu.style.left = 0; // left 값을 초기화한다. } // 서브 메뉴 열기 setTimeout(function () { subMenu.style.display = "block"; openDown.style.display = "none"; closeUp.style.display = "inline-block"; const swiperHeight = menuSwiper.clientHeight; const subMenuHeight = subMenu.clientHeight; const height = swiperHeight + subMenuHeight + 10; menuSwiper.style.minHeight = height + "px"; item.classList.add("active"); // add active class to clicked item const subMenuRight = parseFloat(subMenu.getBoundingClientRect().right); const R = parseFloat(window.getComputedStyle(irNavItem, null).getPropertyValue("padding-right").replace("px", "")); const irNavItemWidth = window.innerWidth - R; // subMenu의 right값이 irNavItemWidth보다 크면 left 값을 조정한다. if (subMenuRight > irNavItemWidth) { subMenu.style.left = (subMenuRight - irNavItemWidth) * -1 + "px"; } // activeSubMenu에 현재 열린 서브 메뉴 요소를 저장한다. activeSubMenu = subMenu; }, 150); } else { // subMenu 닫기 menuSwiper.removeAttribute("style"); subMenu.style.display = "none"; openDown.style.display = "inline-block"; closeUp.style.display = "none"; subMenu.style.left = 0; item.classList.remove("active"); // remove active class from clicked item // active } }); }); // close all sub menus when clicking outside document.addEventListener("click", (event) => { if (!event.target.closest(".ir-menu-item")) { menuItems.forEach((item) => { const subMenu = item.querySelector(".ir-sub-menu-list"); const openDown = item.querySelector(".open-down"); const closeUp = item.querySelector(".close-up"); menuSwiper.removeAttribute("style"); if (subMenu) subMenu.style.display = "none"; if (openDown) openDown.style.display = "inline-block"; if (closeUp) closeUp.style.display = "none"; if (subMenu) subMenu.style.left = 0; item.classList.remove("active"); // remove active class from all items }); } }); </script> <style> .cta-wrap { display: flex; flex-direction: row; gap: 20px; justify-content: center; } @media (min-width: 769px) and (max-width: 1441px) { .cta-wrap { gap: 1.3888888889vw; } } @media (max-width: 768px) { .cta-wrap { gap: 2.6666666667vw; align-items: center; flex-direction: column; } } .cta-wrap.left { justify-content: flex-start; gap: 14px; } @media (max-width: 768px) { .cta-wrap.left { flex-direction: row; gap: 4.2666666667vw 4.2666666667vw; flex-wrap: wrap; } } .cta-wrap.download { flex-direction: column; gap: 10px; } @media (max-width: 768px) { .cta-wrap.download { align-items: flex-start; gap: 4.2666666667vw; } } .cta-wrap .test-btn, .cta-wrap .event-btn, .cta-wrap .financial-btn, .cta-wrap .btn { border: none; display: flex; flex-direction: row; align-items: center; margin: 0; } .cta-wrap .test-btn .icon, .cta-wrap .event-btn .icon, .cta-wrap .financial-btn .icon, .cta-wrap .btn .icon { width: 16px; height: 16px; background-size: 100% auto; background-repeat: no-repeat; } @media (min-width: 769px) and (max-width: 1441px) { .cta-wrap .test-btn .icon, .cta-wrap .event-btn .icon, .cta-wrap .financial-btn .icon, .cta-wrap .btn .icon { width: 1.1111111111vw; height: 1.1111111111vw; } } @media (max-width: 768px) { .cta-wrap .test-btn .icon, .cta-wrap .event-btn .icon, .cta-wrap .financial-btn .icon, .cta-wrap .btn .icon { width: 4.2666666667vw; height: 4.2666666667vw; } } .cta-wrap .test-btn .text, .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text, .cta-wrap .btn .text { font-weight: 700; font-size: 14px; line-height: 17px; } @media (min-width: 769px) and (max-width: 1441px) { .cta-wrap .test-btn .text, .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text, .cta-wrap .btn .text { line-height: 1.1805555556vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .cta-wrap .test-btn .text, .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text, .cta-wrap .btn .text { font-size: 14px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .cta-wrap .test-btn .text, .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text, .cta-wrap .btn .text { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .cta-wrap .test-btn .text, .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text, .cta-wrap .btn .text { font-size: 12px; } } @media (max-width: 768px) { .cta-wrap .test-btn .text, .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text, .cta-wrap .btn .text { font-size: 3.7333333333vw; line-height: 4.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .cta-wrap .test-btn .text, .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text, .cta-wrap .btn .text { font-size: 3.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .cta-wrap .test-btn .text, .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text, .cta-wrap .btn .text { font-size: 7px; } } @media (max-width: 768px) and (max-width: 319px) { .cta-wrap .test-btn .text, .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text, .cta-wrap .btn .text { font-size: 7px; } } .cta-wrap .test-btn, .cta-wrap .btn { border-radius: 20px; padding: 11.5px 24px; gap: 4px; } @media (min-width: 769px) and (max-width: 1441px) { .cta-wrap .test-btn, .cta-wrap .btn { padding: 0.7986111111vw 1.6666666667vw; border-radius: 1.3888888889vw; } } @media (max-width: 768px) { .cta-wrap .test-btn, .cta-wrap .btn { border-radius: 5.3333333333vw; padding: 3.0666666667vw 6.4vw; } } .cta-wrap .test-btn.white-btn, .cta-wrap .btn.white-btn { background-color: #fff; } .cta-wrap .test-btn.white-btn .play-icon, .cta-wrap .btn.white-btn .play-icon { background-image: url("//images.samsung.com/kdp/ir/assets/ir-play-btn-black1.png"); } .cta-wrap .test-btn.white-btn .down-icon, .cta-wrap .btn.white-btn .down-icon { background-image: url("//images.samsung.com/kdp/ir/assets/ir-down-btn-black1.png"); } .cta-wrap .test-btn.white-btn .text, .cta-wrap .btn.white-btn .text { color: #000; } .cta-wrap .test-btn.black-btn, .cta-wrap .btn.black-btn { background-color: #000; } .cta-wrap .test-btn.black-btn .play-icon, .cta-wrap .btn.black-btn .play-icon { background-image: url("//images.samsung.com/kdp/ir/assets/ir-play-btn-white.png"); } .cta-wrap .test-btn.black-btn .down-icon, .cta-wrap .btn.black-btn .down-icon { background-image: url("//images.samsung.com/kdp/ir/assets/ir-down-btn-white.png"); } .cta-wrap .test-btn.black-btn .text, .cta-wrap .btn.black-btn .text { color: #fff; } .cta-wrap .test-btn:hover.white-btn, .cta-wrap .btn:hover.white-btn { background-color: #f2f2f2; } .cta-wrap .test-btn:hover.white-btn span, .cta-wrap .btn:hover.white-btn span { color: #555; } .cta-wrap .test-btn { padding: 11.5px 24px; } @media (min-width: 769px) and (max-width: 1441px) { .cta-wrap .test-btn { padding: 0.7986111111vw 1.6666666667vw; } } @media (max-width: 768px) { .cta-wrap .test-btn { padding: 3.0666666667vw 6.4vw; } } .cta-wrap .event-btn, .cta-wrap .financial-btn { color: #fff; gap: 5px; } @media (max-width: 768px) { .cta-wrap .event-btn, .cta-wrap .financial-btn { gap: 1.3333333333vw; } } .cta-wrap .event-btn .icon, .cta-wrap .financial-btn .icon { width: 20px; height: 20px; } @media (min-width: 769px) and (max-width: 1441px) { .cta-wrap .event-btn .icon, .cta-wrap .financial-btn .icon { width: 1.3888888889vw; height: 1.3888888889vw; } } @media (max-width: 768px) { .cta-wrap .event-btn .icon, .cta-wrap .financial-btn .icon { width: 5.3333333333vw; height: 5.3333333333vw; } } .cta-wrap .event-btn .play-icon, .cta-wrap .financial-btn .play-icon { background-image: url("//images.samsung.com/kdp/ir/assets/ir-play-icon-white.png"); } .cta-wrap .event-btn .down-icon, .cta-wrap .financial-btn .down-icon { background-image: url("//images.samsung.com/kdp/ir/assets/ir-down-icon-white1.png"); } .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text { font-weight: 400; font-size: 16px; line-height: 22px; } @media (min-width: 769px) and (max-width: 1441px) { .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text { line-height: 1.5277777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text { font-size: 16px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text { font-size: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1080px) { .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text { font-size: 12px; } } @media (max-width: 768px) { .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text { font-size: 3.7333333333vw; line-height: 4.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text { font-size: 3.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text { font-size: 7px; } } @media (max-width: 768px) and (max-width: 319px) { .cta-wrap .event-btn .text, .cta-wrap .financial-btn .text { font-size: 7px; } } .cta-wrap .financial-btn { flex-direction: row; justify-content: space-between; } @media (max-width: 768px) { .cta-wrap .financial-btn { gap: 2.1333333333vw; } } .cta-wrap .banner-outlink-btn { flex-direction: row-reverse; } .cta-wrap .banner-outlink-btn .outlink-icon { width: 16px; height: 16px; background-image: url("//images.samsung.com/kdp/ir/assets/ir-icon-outlink2.png"); } @media (min-width: 769px) and (max-width: 1441px) { .cta-wrap .banner-outlink-btn .outlink-icon { width: 1.1111111111vw; height: 1.1111111111vw; } } @media (max-width: 768px) { .cta-wrap .banner-outlink-btn .outlink-icon { width: 4.2666666667vw; height: 4.2666666667vw; } } #pauseBtn { color: #fff; } .kvbtn { display: none; background-size: auto 100%; background-repeat: no-repeat; } .kvbtn.size-regular { width: 16px; height: 16px; } @media (min-width: 769px) and (max-width: 1441px) { .kvbtn.size-regular { width: 1.1111111111vw; height: 1.1111111111vw; } } @media (max-width: 768px) { .kvbtn.size-regular { width: 4.2666666667vw; height: 4.2666666667vw; } } .kvbtn.active { display: inline-block; } .text-box .data { font-weight: 700; font-size: 16px; line-height: 19px; } @media (min-width: 769px) and (max-width: 1441px) { .text-box .data { line-height: 1.3194444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .text-box .data { font-size: 16px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .text-box .data { font-size: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1080px) { .text-box .data { font-size: 12px; } } @media (max-width: 768px) { .text-box .data { font-size: 4vw; line-height: 4.8vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .text-box .data { font-size: 4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .text-box .data { font-size: 7.5px; } } @media (max-width: 768px) and (max-width: 319px) { .text-box .data { font-size: 7.5px; } } .text-box .title { font-weight: 700; font-size: 76px; line-height: 91px; padding-top: 16px; } @media (min-width: 769px) and (max-width: 1441px) { .text-box .title { line-height: 6.3194444444vw; padding-top: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .text-box .title { font-size: 76px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .text-box .title { font-size: 5.2777777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 852.6315789474px) { .text-box .title { font-size: 45px; } } @media (max-width: 768px) { .text-box .title { font-size: 10.1333333333vw; line-height: 12vw; padding-top: 2.6666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .text-box .title { font-size: 10.1333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .text-box .title { font-size: 19px; } } @media (max-width: 768px) and (max-width: 319px) { .text-box .title { font-size: 19px; } } .text-box .sub-title { font-weight: 700; font-size: 56px; line-height: 67px; padding-top: 16px; } @media (min-width: 769px) and (max-width: 1441px) { .text-box .sub-title { line-height: 4.6527777778vw; padding-top: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .text-box .sub-title { font-size: 56px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .text-box .sub-title { font-size: 3.8888888889vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .text-box .sub-title { font-size: 37.3333333333px; } } @media (max-width: 768px) { .text-box .sub-title { font-size: 10.1333333333vw; line-height: 12vw; padding-top: 2.6666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .text-box .sub-title { font-size: 10.1333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .text-box .sub-title { font-size: 19px; } } @media (max-width: 768px) and (max-width: 319px) { .text-box .sub-title { font-size: 19px; } } .text-box .dese { font-weight: 700; font-size: 22px; line-height: 29px; padding-top: 4px; } @media (min-width: 769px) and (max-width: 1441px) { .text-box .dese { line-height: 2.0138888889vw; padding-top: 0.2777777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .text-box .dese { font-size: 22px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .text-box .dese { font-size: 1.5277777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .text-box .dese { font-size: 14.6666666667px; } } @media (max-width: 768px) { .text-box .dese { font-size: 4.5333333333vw; line-height: 5.8666666667vw; padding-top: 1.6vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .text-box .dese { font-size: 4.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .text-box .dese { font-size: 8.5px; } } @media (max-width: 768px) and (max-width: 319px) { .text-box .dese { font-size: 8.5px; } } .ir-main-title .title { text-align: center; font-weight: 700; } .ir-main-title .title a { color: #fff; font-size: 56px; line-height: 67px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-title .title a { line-height: 4.6527777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-title .title a { font-size: 56px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-title .title a { font-size: 3.8888888889vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-title .title a { font-size: 37.3333333333px; } } @media (max-width: 768px) { .ir-main-title .title a { font-size: 8.2666666667vw; line-height: 10.4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-title .title a { font-size: 8.2666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-title .title a { font-size: 15.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-title .title a { font-size: 15.5px; } } .main { display: block; position: relative; } .ir-main-wrap .ir-main-kv { height: 33.333333vw; max-height: 640px; width: 100%; } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv { height: 149.8666666667vw; max-height: max-content; } } .ir-main-wrap .ir-main-kv.swiper.mySwiper2 { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; display: block; max-width: 1920px; } .ir-main-wrap .ir-main-kv.swiper.mySwiper2 .swiper-wrapper { position: relative; width: 100%; height: 100%; max-height: 44.4444444444vw; display: flex; transition-property: transform; box-sizing: content-box; } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv.swiper.mySwiper2 .swiper-wrapper { max-height: max-content; } } .ir-main-wrap .ir-main-kv.swiper.mySwiper2 .swiper-wrapper .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; background-color: #303030; display: flex; justify-content: center; align-items: center; } .ir-main-wrap .ir-main-kv .swiper-button-prev, .ir-main-wrap .ir-main-kv .swiper-rtl { left: 61px; right: auto; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-button-prev, .ir-main-wrap .ir-main-kv .swiper-rtl { left: 4.2361111111vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-button-prev, .ir-main-wrap .ir-main-kv .swiper-rtl { left: 5.3333333333vw; } } .ir-main-wrap .ir-main-kv .swiper-button-next, .ir-main-wrap .ir-main-kv .swiper-rtl { right: 61px; left: auto; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-button-next, .ir-main-wrap .ir-main-kv .swiper-rtl { right: 4.2361111111vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-button-next, .ir-main-wrap .ir-main-kv .swiper-rtl { right: 5.3333333333vw; } } .ir-main-wrap .ir-main-kv .swiper-button-next, .ir-main-wrap .ir-main-kv .swiper-button-prev { position: absolute; top: 50%; width: 22px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; display: inline-block; background-size: auto 100%; background-repeat: no-repeat; transform: translateY(-50%); color: rgba(0, 0, 0, 0); margin: 0; z-index: 4; } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-button-next, .ir-main-wrap .ir-main-kv .swiper-button-prev { width: 6.6666666667vw; height: 6.6666666667vw; } } .ir-main-wrap .ir-main-kv .swiper-button-next.hidden, .ir-main-wrap .ir-main-kv .swiper-button-prev.hidden { display: none; } .ir-main-wrap .ir-main-kv .swiper-button-prev { background-image: url("//images.samsung.com/kdp/ir/assets/swiper-button-prev2.png"); } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-button-prev { background-image: url("//images.samsung.com/kdp/ir/assets/swiper-button-prev-m.png"); } } .ir-main-wrap .ir-main-kv .swiper-button-next { background-image: url("//images.samsung.com/kdp/ir/assets/swiper-button-next2.png"); } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-button-next { background-image: url("//images.samsung.com/kdp/ir/assets/swiper-button-next-m.png"); } } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap { position: absolute; bottom: 47px; width: 100%; display: flex; align-items: center; justify-content: center; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap { bottom: 2.0833333333vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap { bottom: 9.8666666667vw; } } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap.hidden { display: none; } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination { display: flex; justify-content: center; align-items: center; gap: 16px; position: relative; transition: none; transform: none; } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination { gap: 2.1333333333vw; } } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet { display: inline-block; background: rgba(255, 255, 255, 0.2); cursor: pointer; position: relative; width: 165px; height: 2px; transition: width 1s linear; opacity: 1; border-radius: 0; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet { width: 11.4583333333vw; min-width: 126px; } } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet { width: 6.9333333333vw; height: 0.5333333333vw; } } @media (min-width: 769px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet { font-weight: 700; } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(1)::before { text-align: center; width: 100%; content: "Notice of Record Date"; display: block; color: #fff; font-size: 14px; line-height: 14px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -20%); padding-bottom: 4.5px; white-space: nowrap; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(1)::before { line-height: 0.9722222222vw; padding-bottom: 0.3125vw; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(1)::before { font-size: 14px; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(1)::before { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(1)::before { font-size: 12px; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(1)::before { line-height: 0.9722222222vw; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) and (min-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(1)::before { font-size: 14px; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(1)::before { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(1)::before { font-size: 12px; } } @media (min-width: 769px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(2)::before { text-align: center; width: 100%; content: "Investor Relations"; display: block; color: #fff; font-size: 14px; line-height: 14px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -20%); padding-bottom: 4.5px; white-space: nowrap; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(2)::before { line-height: 0.9722222222vw; padding-bottom: 0.3125vw; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(2)::before { font-size: 14px; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(2)::before { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(2)::before { font-size: 12px; } } @media (min-width: 769px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(3)::before { text-align: center; width: 100%; content: "Investor Relations"; display: block; color: #fff; font-size: 14px; line-height: 14px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -20%); padding-bottom: 4.5px; white-space: nowrap; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(3)::before { line-height: 0.9722222222vw; padding-bottom: 0.3125vw; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(3)::before { font-size: 14px; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(3)::before { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(3)::before { font-size: 12px; } } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #fff; } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet-active { background-color: #fff; width: 165px; opacity: 1; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet-active { width: 11.4583333333vw; min-width: 126px; } } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet-active { width: 6.9333333333vw; } } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet.on { position: relative; width: 165px; background: rgba(255, 255, 255, 0.2); } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet.on { width: 11.4583333333vw; min-width: 126px; } } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet.on { width: 6.9333333333vw; } } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet.on:after { width: 100%; transition: width 6s linear; } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet.full { width: 165px; background-color: #fff; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet.full { width: 11.4583333333vw; min-width: 126px; } } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet.full { width: 6.9333333333vw; } } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .btn-play, .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .btn-pause { margin-left: 16px; background-size: 100%; background-repeat: no-repeat; z-index: 10; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .btn-play, .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .btn-pause { margin-left: 1.1111111111vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .btn-play, .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .btn-pause { margin-left: 2.1333333333vw; } } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .btn-play { background-image: url("//images.samsung.com/kdp/ir/assets/ir-btn-play.png"); } .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .btn-pause { background-image: url("//images.samsung.com/kdp/ir/assets/ir-btn-pause.png"); } .ir-main-wrap .ir-main-kv .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .ir-main-wrap .ir-main-kv-inner { position: relative; max-width: 1920px; margin: 0 auto; width: 100%; height: 100%; max-height: 44.4444444444vw; display: flex; box-sizing: content-box; align-items: center; overflow: hidden; } @media (max-width: 768px) { .ir-main-wrap .ir-main-kv-inner { max-height: max-content; } } .ir-main-wrap .swiper-slide .image-area, .ir-main-wrap .ir-main-kv-inner .image-area { position: relative; width: 100%; height: 100%; z-index: 0; } .ir-main-wrap .swiper-slide .image-area .img, .ir-main-wrap .ir-main-kv-inner .image-area .img { position: relative; height: 100%; } .ir-main-wrap .swiper-slide .image-area .img img, .ir-main-wrap .ir-main-kv-inner .image-area .img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } .ir-main-wrap .swiper-slide .image-area .dimmed, .ir-main-wrap .ir-main-kv-inner .image-area .dimmed { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } .ir-main-wrap .swiper-slide .floating-area, .ir-main-wrap .ir-main-kv-inner .floating-area { position: absolute; width: 100%; z-index: 3; margin-top: 0; text-align: center; } .ir-main-wrap .swiper-slide .floating-area .text-box, .ir-main-wrap .ir-main-kv-inner .floating-area .text-box { color: #fff; width: 100%; max-width: 1130px; display: inline-block; transition: all 0.1s linear; padding: 0; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .swiper-slide .floating-area .text-box, .ir-main-wrap .ir-main-kv-inner .floating-area .text-box { max-width: 78.4722222222vw; } } @media (max-width: 768px) { .ir-main-wrap .swiper-slide .floating-area .text-box, .ir-main-wrap .ir-main-kv-inner .floating-area .text-box { max-width: 62.6666666667vw; } } .ir-main-wrap .swiper-slide .floating-area .text-box .cta-wrap, .ir-main-wrap .ir-main-kv-inner .floating-area .text-box .cta-wrap { padding-top: 24px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .swiper-slide .floating-area .text-box .cta-wrap, .ir-main-wrap .ir-main-kv-inner .floating-area .text-box .cta-wrap { padding-top: 1.6666666667vw; } } @media (max-width: 768px) { .ir-main-wrap .swiper-slide .floating-area .text-box .cta-wrap, .ir-main-wrap .ir-main-kv-inner .floating-area .text-box .cta-wrap { padding-top: 6.4vw; } } .ir-main-wrap .swiper-slide .floating-area .text-box .btn-wrap, .ir-main-wrap .ir-main-kv-inner .floating-area .text-box .btn-wrap { padding-top: 24px; gap: 10px; display: flex; flex-direction: row; justify-content: center; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .swiper-slide .floating-area .text-box .btn-wrap, .ir-main-wrap .ir-main-kv-inner .floating-area .text-box .btn-wrap { padding-top: 1.6666666667vw; gap: 0.6944444444vw; } } @media (max-width: 768px) { .ir-main-wrap .swiper-slide .floating-area .text-box .btn-wrap, .ir-main-wrap .ir-main-kv-inner .floating-area .text-box .btn-wrap { padding-top: 6.4vw; gap: 5.3333333333vw; flex-direction: column; } } .ir-main-wrap .swiper-slide .floating-area .text-box .btn-wrap .cta-wrap, .ir-main-wrap .ir-main-kv-inner .floating-area .text-box .btn-wrap .cta-wrap { padding: 0; } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box { font-weight: 700; } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .eyebrow, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .eyebrow { font-size: 40px; line-height: 48px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .eyebrow, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .eyebrow { line-height: 2.1527777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .eyebrow, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .eyebrow { font-size: 26px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .eyebrow, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .eyebrow { font-size: 1.8055555556vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .eyebrow, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .eyebrow { font-size: 17.3333333333px; } } @media (max-width: 768px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .eyebrow, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .eyebrow { font-size: 6.4vw; line-height: 7.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .eyebrow, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .eyebrow { font-size: 6.4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .eyebrow, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .eyebrow { font-size: 12px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .eyebrow, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .eyebrow { font-size: 12px; } } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 56px; line-height: 67px; padding-top: 5px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .title { line-height: 4.6527777778vw; padding-top: 0.3472222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 56px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 3.8888888889vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 37.3333333333px; } } @media (max-width: 768px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 8.2666666667vw; line-height: 10.4vw; padding-top: 1.3333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 8.2666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 15.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 15.5px; } } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .data, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .data { font-size: 22px; line-height: 29px; padding-top: 6px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .data, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .data { line-height: 2.0138888889vw; padding-top: 0vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .data, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .data { font-size: 22px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .data, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .data { font-size: 1.5277777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .data, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .data { font-size: 14.6666666667px; } } @media (max-width: 768px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .data, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .data { font-size: 4vw; line-height: 4.8vw; padding-top: 2.6666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .data, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .data { font-size: 4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .data, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .data { font-size: 7.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .data, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .data { font-size: 7.5px; } } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .dese, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .dese { max-width: 684px; margin: 0 auto; font-weight: 400; font-size: 18px; line-height: 24px; padding-top: 16px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .dese, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .dese { line-height: 1.6666666667vw; padding-top: 0.8333333333vw; max-width: 47.5vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .dese, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .dese { font-size: 18px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .dese, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .dese { font-size: 1.25vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .dese, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .dese { font-size: 12px; } } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; margin-top: 24px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap { margin-top: 1.6666666667vw; gap: 0.6944444444vw; } } @media (max-width: 768px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap { flex-direction: column; margin-top: 6.4vw; gap: 2.6666666667vw; } } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap { padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 10px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap { gap: 0.6944444444vw; } } @media (max-width: 768px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap { gap: 2.6666666667vw; row-gap: 5.3333333333vw; align-items: center; } } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap .cta-wrap, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap .cta-wrap { padding: 0; } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap .cta-wrap .btn, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap .cta-wrap .btn { white-space: nowrap; } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-weight: 700; font-size: 22px; line-height: 29px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { line-height: 2.0138888889vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 22px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 1.5277777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 14.6666666667px; } } @media (max-width: 768px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 4.5333333333vw; line-height: 5.8666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 4.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 8.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 8.5px; } } .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .mobile-only, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .mobile-only { display: none; } @media (max-width: 768px) { .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .mobile-only, .ir-main-wrap .ir-main-kv-inner.ir-main-kv-performance-slide .floating-area .text-box .mobile-only { display: flex; padding-top: 5.3333333333vw; } } .ir-main-wrap .ir-keyvisual__stock { padding-top: 80px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock { padding-top: 5.5555555556vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock { padding-top: 16vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner { position: relative; background-color: #000d47; padding: 34px; border-radius: 20px; overflow: hidden; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner { padding: 2.3611111111vw; border-radius: 1.3888888889vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner { padding: 10.6666666667vw 2.6666666667vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-content-box { max-width: 1240px; margin: 0 auto; display: flex; flex-direction: row; color: #fff; gap: 40px; justify-content: space-between; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-content-box { gap: 1.3888888889vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-content-box { flex-direction: column; text-align: center; gap: 8vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart { display: flex; flex-direction: column; gap: 6px; font-weight: 700; } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart { gap: 2.1333333333vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-title { font-size: 28px; line-height: 28px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-title { line-height: 1.9444444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-title { font-size: 28px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-title { font-size: 1.9444444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-title { font-size: 18.6666666667px; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-title { font-size: 7.4666666667vw; line-height: 7.4666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-title { font-size: 7.4666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-title { font-size: 14px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-title { font-size: 14px; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time { font-size: 18px; line-height: 22px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 1px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time { line-height: 1.5277777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time { font-size: 18px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time { font-size: 1.25vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time { font-size: 4.2666666667vw; line-height: 5.0666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time { font-size: 4.2666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time { font-size: 8px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time { font-size: 8px; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-month, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-day, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-time { font-size: 18px; line-height: 22px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-month, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-day, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-time { line-height: 1.5277777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-month, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-day, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-time { font-size: 18px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-month, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-day, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-time { font-size: 1.25vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-month, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-day, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-time { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-month, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-day, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-time { font-size: 4.2666666667vw; line-height: 5.0666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-month, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-day, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-time { font-size: 4.2666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-month, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-day, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-time { font-size: 8px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-month, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-day, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-chart .ir-keyvisual__stock-time .js-date-time { font-size: 8px; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .wrap { width: 886px; overflow: hidden; display: flex; flex-direction: row; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .wrap { width: 61.5277777778vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .wrap { width: -webkit-fill-available; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-scrolling-stock-info-wrap .ir-scrolling-stock-info-box { display: flex; flex-direction: row; } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .roller.original { animation: rollingleft1 33s linear infinite; } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .roller.clone { animation: rollingleft2 33s linear infinite; } @keyframes rollingleft1 { 0% { transform: translateX(0); } 50% { transform: translateX(-100%); } 50.01% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes rollingleft2 { 0% { transition: translateX(0); } 100% { transform: translateX(-200%); } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info { display: flex; flex-shrink: 0; flex-direction: column; gap: 7px; font-weight: 700; white-space: nowrap; width: auto; padding-right: 20px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info { gap: 0.4861111111vw; padding-right: 1.3888888889vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info { gap: 2.6666666667vw; width: 81.3333333333vw; padding-right: 0; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-info-title { font-size: 13px; line-height: 16px; color: #828bb2; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-info-title { line-height: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-info-title { font-size: 13px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-info-title { font-size: 0.9027777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1329.2307692308px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-info-title { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-info-title { font-size: 3.7333333333vw; line-height: 4.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-info-title { font-size: 3.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-info-title { font-size: 7px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-info-title { font-size: 7px; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant { font-size: 16px; line-height: 19px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant { line-height: 1.3194444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant { font-size: 16px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant { font-size: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1080px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant { display: flex; align-items: center; font-size: 3.7333333333vw; line-height: 4.5333333333vw; padding: 2.6666666667vw 8vw 0vw 8vw; gap: 0.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant { font-size: 3.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant { font-size: 7px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant { font-size: 7px; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant.ir-keyvisual__stock-fluctuant--positive { color: #ff3773; } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant.ir-keyvisual__stock-fluctuant--positive::after { content: ""; display: inline-block; background-image: url("//images.samsung.com/kdp/ir/assets/ir-icon-stock-up.png"); background-size: contain; background-repeat: no-repeat; width: 10px; height: 8px; padding-left: 3px; margin-bottom: 2px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant.ir-keyvisual__stock-fluctuant--positive::after { width: 0.6944444444vw; height: 0.5555555556vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant.ir-keyvisual__stock-fluctuant--positive::after { margin: 0; width: 2.6666666667vw; height: 2.1333333333vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant.ir-keyvisual__stock-fluctuant--negative { color: #09a6ff; } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant.ir-keyvisual__stock-fluctuant--negative::after { content: ""; display: inline-block; background-image: url("//images.samsung.com/kdp/ir/assets/ir-icon-stock-down.png"); background-size: contain; background-repeat: no-repeat; width: 10px; height: 8px; padding-left: 3px; margin-bottom: 2px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant.ir-keyvisual__stock-fluctuant--negative::after { width: 0.6944444444vw; height: 0.5555555556vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-fluctuant.ir-keyvisual__stock-fluctuant--negative::after { margin: 0; width: 2.6666666667vw; height: 2.1333333333vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents { display: flex; flex-direction: row; align-items: baseline; gap: 6px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents { gap: 0.4166666667vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents { flex-direction: column; align-items: center; gap: 1.6vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .ir-won, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .point { font-weight: 700; font-size: 30px; line-height: 30px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .ir-won, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .point { line-height: 2.0833333333vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .ir-won, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .point { font-size: 30px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .ir-won, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .point { font-size: 2.0833333333vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .ir-won, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .point { font-size: 20px; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .ir-won, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .point { font-size: 10.1333333333vw; line-height: 10.1333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .ir-won, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .point { font-size: 10.1333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .ir-won, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .point { font-size: 19px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .ir-won, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .point { font-size: 19px; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask { margin-left: -2px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask { margin-left: -0.1388888889vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-keyvisual__stock-price .js-price-ask { margin-left: -0.5333333333vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-fluctuant, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-price, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-time, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-title { display: inline-block; vertical-align: middle; letter-spacing: 0; } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .update { font-weight: 500; font-size: 14px; line-height: 17px; opacity: 0.7; padding-left: 6px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .update { line-height: 1.1805555556vw; padding-left: 0.4166666667vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .update { font-size: 14px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .update { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .update { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .update { font-size: 3.2vw; line-height: 3.7333333333vw; padding-left: 2.6666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .update { font-size: 3.2vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .update { font-size: 6px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .update { font-size: 6px; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap { display: flex; flex-direction: row; justify-content: center; align-items: center; } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap { margin-top: 10.6666666667vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap .swiper-pagination { display: flex; position: inherit; } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap .swiper-pagination { gap: 3.2vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet { background-color: #757575; opacity: 1; } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap .btn-play, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap .btn-pause { margin-left: 16px; background-size: 100%; background-repeat: no-repeat; z-index: 10; } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap .btn-play, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap .btn-pause { margin-left: 2.1333333333vw; width: 4.2666666667vw; height: 4.2666666667vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap .btn-play { background-image: url("//images.samsung.com/kdp/ir/assets/ir-btn-play.png"); } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-pagination-wrap .btn-pause { background-image: url("//images.samsung.com/kdp/ir/assets/ir-btn-pause.png"); } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-button-next, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-button-prev { position: absolute; top: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; display: inline-block; background-size: auto 100%; background-repeat: no-repeat; transform: translateY(-50%); color: rgba(0, 0, 0, 0); margin: 0; z-index: 4; } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-button-next, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-button-prev { width: 6.6666666667vw; height: 6.6666666667vw; } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-button-next.hidden, .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-button-prev.hidden { display: none; } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-button-prev { background-image: url("//images.samsung.com/kdp/ir/assets/swiper-button-prev2.png"); } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-button-prev { background-image: url("//images.samsung.com/kdp/ir/assets/swiper-button-prev-m.png"); } } .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-button-next { background-image: url("//images.samsung.com/kdp/ir/assets/swiper-button-next2.png"); } @media (max-width: 768px) { .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner.mobile .swiper-button-next { background-image: url("//images.samsung.com/kdp/ir/assets/swiper-button-next-m.png"); } } .ir-main-wrap .ir-keyvisual__stock .pause, .ir-main-wrap .ir-keyvisual__stock .play { position: absolute; width: 16px; height: 16px; top: 21px; right: 23px; background-size: auto 100%; background-position: center; background-repeat: no-repeat; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-keyvisual__stock .pause, .ir-main-wrap .ir-keyvisual__stock .play { top: 1.1805555556vw; right: 1.1111111111vw; width: 1.1111111111vw; height: 1.1111111111vw; } } .ir-main-wrap .ir-keyvisual__stock .pause { background-image: url("//images.samsung.com/kdp/ir/assets/ir-carousel-pause-icon.png"); } .ir-main-wrap .ir-keyvisual__stock .play { background-image: url("//images.samsung.com/kdp/ir/assets/ir-carousel-play-icon.png"); } .ir-main-wrap .ir-quarterly-results { color: #fff; text-align: center; } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner { position: relative; background-image: url("//images.samsung.com/kdp/ir/assets/ir-latest-quarterly-results-bg-d.jpg"); background-size: auto 100%; background-position: center; background-repeat: no-repeat; } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner { background-image: url("//images.samsung.com/kdp/ir/assets/ir-latest-quarterly-results-bg-m.jpg"); background-size: auto; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box { max-width: 1260px; flex-direction: column; gap: 50px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box { gap: 3.4722222222vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box { gap: 8vw; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title { display: flex; flex-direction: column; gap: 16px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title { gap: 1.1111111111vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title { gap: 2.6666666667vw; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 14px; font-weight: 700; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title { gap: 0.9722222222vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title { gap: 2.6666666667vw; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version { display: flex; gap: 14px; align-items: center; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version { gap: 0.9722222222vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version { gap: 2.6666666667vw; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p { font-size: 40px; line-height: 48px; display: inline-block; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p { line-height: 3.3333333333vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p { font-size: 40px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p { font-size: 2.7777777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p { font-size: 26.6666666667px; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p { font-size: 6.4vw; line-height: 7.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p { font-size: 6.4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p { font-size: 12px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p { font-size: 12px; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p.bar { width: 1px; height: 20px; background-color: #fff; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p.bar { height: 1.3888888889vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title .version p.bar { height: 3.7333333333vw; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title span { font-size: 30px; line-height: 36px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title span { line-height: 2.5vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title span { font-size: 30px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title span { font-size: 2.0833333333vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title span { font-size: 20px; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title span { font-size: 4.2666666667vw; line-height: 5.0666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title span { font-size: 4.2666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title span { font-size: 8px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-main-title .sub-title span { font-size: 8px; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content { display: flex; flex-direction: row; gap: 24px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content { gap: 1.6666666667vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content { flex-wrap: wrap; gap: 2.6666666667vw 5.3333333333vw; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .ir-quarterly-results-content-box { display: flex; flex-direction: column; align-items: center; flex: 1; gap: 24px; padding: 20px 0px 24px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .ir-quarterly-results-content-box { gap: 1.6666666667vw; padding: 1.3888888889vw 0vw 1.6666666667vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .ir-quarterly-results-content-box { gap: 2.6666666667vw; padding: 1.8666666667vw 2.6666666667vw; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .icon-block { width: 100px; height: 100px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .icon-block { width: 6.9444444444vw; height: 6.9444444444vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .icon-block { width: 16vw; height: 16vw; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .icon-block img { width: 100%; } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .text-block { color: #fff; font-weight: 700; font-size: 18px; line-height: 22px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .text-block { line-height: 1.5277777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .text-block { font-size: 18px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .text-block { font-size: 1.25vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .text-block { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .text-block { font-size: 4vw; line-height: 4.8vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .text-block { font-size: 4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .text-block { font-size: 7.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .text-block { font-size: 7.5px; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .ir-quarterly-results-content .text-block span { vertical-align: text-top; font-size: 14px; line-height: 17px; } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .ir-content-box .cta-wrap { margin-top: 2.6666666667vw; } } .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .note { color: #fff; font-weight: 700; position: absolute; right: 24px; bottom: 24px; font-size: 14px; line-height: 17px; white-space: nowrap; opacity: 0.7; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .note { line-height: 1.1805555556vw; right: 1.6666666667vw; bottom: 1.6666666667vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .note { font-size: 14px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .note { font-size: 0.9722222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1234.2857142857px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .note { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .note { font-size: 3.2vw; line-height: 3.7333333333vw; bottom: 5.3333333333vw; right: 50%; transform: translateX(50%); } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .note { font-size: 3.2vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .note { font-size: 6px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-quarterly-results .ir-quarterly-results-inner .note { font-size: 6px; } } .ir-main-wrap .ir-event { position: relative; color: #fff; overflow: hidden; } .ir-main-wrap .ir-event .ir-event-inner { position: relative; background-color: #000; background-image: url("//images.samsung.com/kdp/ir/assets/ir-event-bg1-d.jpg"); background-size: 100%; background-repeat: no-repeat; background-position: center; } @media (min-width: 769px) and (max-width: 1024px) { .ir-main-wrap .ir-event .ir-event-inner { background-size: auto 100%; } } @media (max-width: 768px) { .ir-main-wrap .ir-event .ir-event-inner { background-image: url("//images.samsung.com/kdp/ir/assets/ir-event-bg1-m.jpg"); background-size: 100%; background-position: top; } } .ir-main-wrap .ir-event .ir-event-inner .ir-content-box { display: flex; flex-direction: column; row-gap: 50px; max-width: 1100px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box { row-gap: 3.4722222222vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box { box-sizing: border-box; z-index: 3; width: 100%; margin: 0 auto; row-gap: 8vw; } } .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box { display: flex; flex-direction: column; gap: 50px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box { gap: 3.4722222222vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box { gap: 8vw; } } .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list { display: flex; flex-direction: row; gap: 24px; max-width: 1100px; margin: 0 50px; justify-content: center; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list { gap: 1.6666666667vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list { flex-direction: column; gap: 8vw; margin: inherit; } } .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item { font-weight: 700; flex: 1; } .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .eyebrow { font-size: 18px; line-height: 22px; padding-bottom: 20px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .eyebrow { line-height: 1.5277777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .eyebrow { font-size: 18px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .eyebrow { font-size: 1.25vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .eyebrow { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .eyebrow { font-size: 4.2666666667vw; line-height: 5.0666666667vw; padding-bottom: 3.2vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .eyebrow { font-size: 4.2666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .eyebrow { font-size: 8px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .eyebrow { font-size: 8px; } } .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .title { font-size: 38px; line-height: 46px; padding-top: 22px; border-top: 2px solid #fff; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .title { line-height: 3.1944444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .title { font-size: 38px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .title { font-size: 2.6388888889vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .title { font-size: 25.3333333333px; } } @media (max-width: 768px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .title { font-size: 6.1333333333vw; line-height: 8vw; padding-top: 3.2vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .title { font-size: 6.1333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .title { font-size: 11.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .title { font-size: 11.5px; } } .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item { padding-top: 6px; display: flex; flex-direction: row; gap: 10px; align-items: center; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item { line-height: 1.3194444444vw; padding-top: 0.4166666667vw; gap: 0.6944444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item { font-size: 16px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item { font-size: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1080px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item { flex-direction: column; gap: 1.3333333333vw; align-items: flex-start; font-size: 4vw; line-height: 4.8vw; padding-top: 1.6vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item { font-size: 4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item { font-size: 7.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item { font-size: 7.5px; } } .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .date { font-size: 16px; line-height: 19px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .date { line-height: 1.3194444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .date { font-size: 16px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .date { font-size: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1080px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .date { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .date { font-size: 4vw; line-height: 4.8vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .date { font-size: 4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .date { font-size: 7.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .date { font-size: 7.5px; } } .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .bar { width: 1px; height: 14px; background-color: #fff; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .bar { height: 0.9722222222vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .schedule-item .bar { display: none; } } .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .cta-wrap { padding-top: 20px; } @media (max-width: 768px) { .ir-main-wrap .ir-event .ir-event-inner .ir-content-box .ir-event-box .ir-event-list .ir-event-item .cta-wrap { padding-top: 4.2666666667vw; } } .ir-main-wrap .ir-financial-statements { color: #fff; } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner { background-color: #303030; background-image: url("//images.samsung.com/kdp/ir/assets/ir-latest-financial-statements-bg-d.jpg"); background-size: cover; background-repeat: no-repeat; } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner { background-image: url("//images.samsung.com/kdp/ir/assets/ir-latest-financial-statements-bg-m.jpg"); padding: 10.6666666667vw 4.8vw; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box { max-width: 1156px; margin: 0 auto; display: flex; flex-direction: column; gap: 50px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box { gap: 3.4722222222vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box { gap: 8vw; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all { } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all { gap: 4.1666666667vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all { flex-direction: column; gap: 8vw; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap { display: grid; grid-template-columns: repeat(4, 1fr); } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap { grid-template-columns: repeat(2, 1fr); row-gap: 8vw; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item { padding-right: 30px; padding-left: 30px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item { padding-right: 2.0833333333vw; padding-left: 2.0833333333vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item { padding-left: 0; padding-right: 4vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item:nth-child(2), .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item:nth-child(4) { padding-left: 4vw; padding-right: 0vw; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item.this-year { border-left: 1px solid #aaa; padding-right: 30px; padding-left: 30px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item.this-year { padding-left: 2.0833333333vw; padding-right: 2.0833333333vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item.this-year { padding-left: 4vw; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title { padding-bottom: 16px; border-bottom: 2px solid #fff; font-weight: 700; text-align: center; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title { padding-bottom: 1.1111111111vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title { padding-bottom: 2.6666666667vw; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .year { font-size: 16px; line-height: 19px; padding-bottom: 4px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .year { line-height: 1.3194444444vw; padding-bottom: 0.2777777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .year { font-size: 16px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .year { font-size: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1080px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .year { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .year { font-size: 3.4666666667vw; line-height: 4.2666666667vw; padding-bottom: 0.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .year { font-size: 3.4666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .year { font-size: 6.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .year { font-size: 6.5px; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .quarter { font-size: 24px; line-height: 32px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .quarter { line-height: 2.2222222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .quarter { font-size: 24px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .quarter { font-size: 1.6666666667vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .quarter { font-size: 16px; } } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .quarter { font-size: 4vw; line-height: 5.0666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .quarter { font-size: 4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .quarter { font-size: 7.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .sub-title .quarter { font-size: 7.5px; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap { padding-top: 24px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap { padding-top: 1.6666666667vw; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .financial-btn { width: 100%; } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .financial-btn { align-items: flex-start; gap: 8vw; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .financial-btn:first-child { align-items: baseline; } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .financial-btn:first-child { align-items: flex-start; } } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .icon { flex-shrink: 0; } .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .down-name { font-weight: 400; font-size: 18px; line-height: 24px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .down-name { line-height: 1.6666666667vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .down-name { font-size: 18px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .down-name { font-size: 1.25vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .down-name { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .down-name { font-size: 3.7333333333vw; line-height: 4.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .down-name { font-size: 3.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .down-name { font-size: 7px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .down-name { font-size: 7px; } } .ir-main-wrap .ir-contents-btn { position: relative; } .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom { position: relative; flex-grow: 1; } .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .image-area img, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .image-area img, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .image-area img { width: 100%; } .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area { position: absolute; top: 0; left: 0; padding: 36px 0px 0px 40px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area { padding: 2.5vw 0vw 0vw 2.7777777778vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area { padding: 6.6666666667vw 6.6666666667vw 0vw; } } .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .title { color: #fff; display: inline-block; font-weight: 700; font-size: 38px; line-height: 46px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .title { line-height: 3.1944444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .title { font-size: 38px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .title { font-size: 2.6388888889vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .title { font-size: 25.3333333333px; } } @media (max-width: 768px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .title { font-size: 7.2vw; line-height: 8.8vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .title { font-size: 7.2vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .title { font-size: 13.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .title, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .title { font-size: 13.5px; } } .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .ir-main-outlink-icon, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .ir-main-outlink-icon, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .ir-main-outlink-icon { display: inline-block; vertical-align: top; background-image: url("//images.samsung.com/kdp/ir/assets/ir-main-outlink-icon.png"); background-size: auto 100%; background-repeat: no-repeat; width: 24px; height: 24px; margin-top: 6px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .ir-main-outlink-icon, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .ir-main-outlink-icon, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .ir-main-outlink-icon { width: 1.6666666667vw; height: 1.6666666667vw; margin-top: 0.4166666667vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-about-us .floating-area .ir-main-outlink-icon, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-sustainability .floating-area .ir-main-outlink-icon, .ir-main-wrap .ir-contents-btn .ir-contents-btn-inner .ir-newsroom .floating-area .ir-main-outlink-icon { width: 5.3333333333vw; height: 5.3333333333vw; } } .ir-main-wrap .ir-resources { padding-bottom: 80px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-resources { padding-bottom: 5.5555555556vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-resources { padding-bottom: 16vw; } } .ir-main-wrap .ir-resources .ir-resources-inner { display: flex; flex-direction: row; gap: 24px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-resources .ir-resources-inner { gap: 1.6666666667vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-resources .ir-resources-inner { flex-direction: column; gap: 5.3333333333vw; } } .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box { background-color: #f4f4f4; } .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box > div { display: flex; flex-direction: row; justify-content: space-between; align-items: center; max-width: 628px; margin: 0 auto; } @media (max-width: 768px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box > div { flex-direction: column; align-items: flex-start; gap: 6.4vw; } } .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title { border-bottom: 1px solid #000; padding-bottom: 2px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title { padding-bottom: 0.1388888889vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title { padding-bottom: 0.5333333333vw; } } .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title a { font-weight: 700; line-height: 28px; font-size: 28px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title a { line-height: 1.9444444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title a { font-size: 28px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title a { font-size: 1.9444444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title a { font-size: 18.6666666667px; } } @media (max-width: 768px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title a { font-size: 5.3333333333vw; line-height: 5.3333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title a { font-size: 5.3333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title a { font-size: 10px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .title a { font-size: 10px; } } .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact { display: flex; flex-direction: row; gap: 10px; align-items: center; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact { gap: 0.6944444444vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact { flex-direction: column; align-items: flex-start; gap: 1.0666666667vw; } } .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text { font-weight: 400; font-size: 16px; line-height: 19px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text { line-height: 1.25vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text { font-size: 15px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text { font-size: 1.0416666667vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1152px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text { display: block; font-size: 4vw; line-height: 4.8vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text { font-size: 4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text { font-size: 7.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text { font-size: 7.5px; } } .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text a { font-weight: 400; font-size: 16px; line-height: 19px; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text a { line-height: 1.25vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text a { font-size: 15px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text a { font-size: 1.0416666667vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1152px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text a { font-size: 12px; } } @media (max-width: 768px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text a { display: block; font-size: 4vw; line-height: 4.8vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text a { font-size: 4vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text a { font-size: 7.5px; } } @media (max-width: 768px) and (max-width: 319px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .text a { font-size: 7.5px; } } .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .bar { display: inline-block; width: 1px; height: 15px; background-color: #888; } @media (min-width: 769px) and (max-width: 1441px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .bar { height: 1.0416666667vw; } } @media (max-width: 768px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-column2-box .contact .bar { display: none; } } @media (max-width: 768px) { .ir-main-wrap .ir-resources .ir-resources-inner .ir-faqs .contact { gap: 3.7333333333vw; } } @media (min-width: 769px) { .kr-main .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(1)::before { content: "투자자 정보"; } .kr-main .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(2)::before { content: "투자자 정보"; } .kr-main .ir-main-wrap .ir-main-kv .swiper-pagination-wrap .swiper-pagination-bullet:nth-child(3)::before { content: "투자자 정보"; } } .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents { align-items: end; } @media (max-width: 768px) { .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents { align-items: center; } } .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-won, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .point, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change-percent, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-percent { font-size: 16px; line-height: 19px; } @media (min-width: 769px) and (max-width: 1441px) { .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-won, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .point, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change-percent, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-percent { line-height: 1.3194444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-won, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .point, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change-percent, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-percent { font-size: 16px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-won, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .point, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change-percent, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-percent { font-size: 1.1111111111vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1080px) { .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-won, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .point, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change-percent, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-percent { font-size: 12px; } } @media (max-width: 768px) { .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-won, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .point, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change-percent, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-percent { font-size: 3.7333333333vw; line-height: 4.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-won, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .point, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change-percent, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-percent { font-size: 3.7333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-won, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .point, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change-percent, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-percent { font-size: 7px; } } @media (max-width: 768px) and (max-width: 319px) { .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-won, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .point, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .js-price-change-percent, .kr-main .ir-main-wrap .ir-keyvisual__stock .ir-keyvisual__stock-inner .ir-keyvisual__stock-info .ir-stock-info-contents .ir-keyvisual__stock-fluctuant .ir-percent { font-size: 7px; } } @media (min-width: 769px) and (max-width: 1441px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title { line-height: 3.4027777778vw; padding-top: 0.6944444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 48px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 3.3333333333vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .title { font-size: 32px; } } @media (min-width: 769px) and (max-width: 1441px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .data { padding-top: 0.2777777778vw; } } @media (min-width: 769px) and (max-width: 1441px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-wrap .cta-wrap { padding-top: 0.9722222222vw; } } .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-weight: 700; font-size: 22px; line-height: 29px; } @media (min-width: 769px) and (max-width: 1441px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { line-height: 2.0138888889vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 22px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 1.5277777778vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 14.6666666667px; } } @media (max-width: 768px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 4.5333333333vw; line-height: 5.8666666667vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 375px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 4.5333333333vw; } } @media (max-width: 768px) and (min-width: 350px) and (max-width: 187.5pxpx) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 8.5px; } } @media (max-width: 768px) and (max-width: 319px) { .kr-main .ir-main-wrap .swiper-slide.ir-main-kv-performance-slide .floating-area .text-box .performance-outlink-wrap .btn-title { font-size: 8.5px; } } .kr-main .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .financial-btn { gap: 50px; } @media (min-width: 769px) and (max-width: 1441px) { .kr-main .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .financial-btn { gap: 3.4722222222vw; } } @media (max-width: 768px) { .kr-main .ir-financial-statements .ir-financial-statements-inner .ir-content-box .ir-downloads-all .ir-download-wrap .download-item .cta-wrap .financial-btn { gap: 4vw; } } @media (min-width: 769px) and (max-width: 1441px) { .kr-main .ir-contents-btn .ir-contents-btn-inner .ir-column3-box .floating-area .title { line-height: 3.1944444444vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 1441px) { .kr-main .ir-contents-btn .ir-contents-btn-inner .ir-column3-box .floating-area .title { font-size: 32px; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 1440px) { .kr-main .ir-contents-btn .ir-contents-btn-inner .ir-column3-box .floating-area .title { font-size: 2.2222222222vw; } } @media (min-width: 769px) and (max-width: 1441px) and (min-width: 376px) and (max-width: 960px) { .kr-main .ir-contents-btn .ir-contents-btn-inner .ir-column3-box .floating-area .title { font-size: 21.3333333333px; } } </style> <main class="main kr-main" id="main"> <h1 class="sr-only">투자자 정보</h1> <div class="ir-main-wrap"> <!-- <div class="ir-main-kv full-visual key-visual"> <div class="ir-main-kv-inner"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img1-d.jpg" alt="" class="desktop" /> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img1-m.jpg" alt="" class="mobile" /> </div> <span class="dimmed"></span> </div> <div class="floating-area"> <div class="text-box"> <h2 class="title">투자자 정보</h2> </div> </div> </div> </div> --> <div class="ir-main-kv full-visual key-visual swiper mySwiper2"> <ul class="swiper-wrapper ir-main-kv-wrapper"> <!-- 정기주주총회 사전등록안내 배너 --> <!--<li class="swiper-slide ir-main-kv-slide ir-main-kv-performance-slide"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img3-d.jpg" alt="" class="desktop"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img3-m.jpg" alt="" class="mobile"> </div> <span class="dimmed"></span> </div> <div class="floating-area"> <div class="text-box"> <div class="eyebrow">삼성전자(주) 제55기 정기주주총회</div> <h2 class="title">온라인 중계 안내</h2> <div class="data">사전등록기간<br>2024년 3월 10일(일) 09:00 ~ 2024년 3월 19일(화) 17:00</div> <div class="dese desktop"> 주주총회 현장 참석이 어려운 주주님들을 위해 온라인 중계 서비스를 제공할 예정입니다. <br> 사전에 신청하신 주주님들에 한하여 온라인 중계 서비스가 제공되오니, 온라인 중계를 시청하실 주주들께서는 아래 안내에 따라 사전등록기간 내에 신청절차를 진행하여 주시기 바랍니다. </div> <div class="performance-outlink-wrap"> <div class="btn-wrap"> <div class="cta-wrap"> <a href="https://www.samsungagm.com" class="btn white-btn banner-outlink-btn" target="_blank"> <div class="icon outlink-icon"><div class="sr-only">outlink icon</div></div> <span class="text">사전등록하기</span> </a> </div> <div class="cta-wrap"> <a href="https://www.samsung.com/sec/ir/reports-disclosures/notices/" class="btn white-btn banner-outlink-btn" target="_blank"> <div class="icon outlink-icon"><div class="sr-only">outlink icon</div></div> <span class="text">더 알아보기</span> </a> </div> </div> </div> </div> </div> </li>--> <!-- 실적발표 실시간 중계 배너 --> <!--<li class="swiper-slide ir-main-kv-slide ir-main-kv-performance-slide"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img2-d.jpg" alt="" class="desktop"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img2-m.jpg" alt="" class="mobile"> </div> <span class="dimmed"></span> </div> <div class="floating-area"> <div class="text-box"> <div class="eyebrow">2024년 3/4분기</div> <h2 class="title">실적발표 컨퍼런스콜</h2> <div class="data">2024년 10월 31일(목) 10:00</div> <div class="performance-outlink-wrap"> <div class="btn-wrap"> <div class="cta-wrap"> <a href="https://irsvc.teletogether.com/sec/2024Q3/kor/kor2.php" class="btn white-btn" target="_blank"> <div class="icon play-icon"><div class="sr-only">play icon</div></div> <span class="text">한국어</span> </a> </div> <div class="cta-wrap"> <a href="https://irsvc.teletogether.com/sec/2024Q3/eng/kor.php" class="btn white-btn" target="_blank"> <div class="icon play-icon"><div class="sr-only">play icon</div></div> <span class="text">English</span> </a> </div> <div class="cta-wrap"> <a href="//images.samsung.com/kdp/ir/events/2024/2024_3Q_conference_kor.pdf" class="btn white-btn" target="_blank"> <div class="icon down-icon"><div class="sr-only">down icon</div></div> <span class="text">Download PDF</span> </a> </div> </div> </div> </div> </div> </li>--> <!-- 실적발표 컨퍼런스콜 및 사전 질문 접수 안내 배너 --> <!--<li class="swiper-slide ir-main-kv-slide ir-main-kv-performance-slide"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img3-d.jpg" alt="" class="desktop"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img3-m.jpg" alt="" class="mobile"> </div> <span class="dimmed"></span> </div> <div class="floating-area"> <div class="text-box"> <div class="eyebrow">2024년 3분기</div> <h2 class="title">실적발표 컨퍼런스콜 및 사전 질문 접수 안내</h2> <div class="data">2024년 10월 09일(수) ~ 2024년 10월 31일(목) 10:00</div> <div class="dese desktop"> 2024년 10월 31일 오전 10시에 2024년 3분기 실적발표 컨퍼런스콜이 진행될 예정입니다.<br> 컨퍼런스콜 시작 전에 온라인으로 주요 경영 현황 등에 대해 질문하실 수 있으며,<br> 실적발표 컨퍼런스콜에서 주주의 관심도가 높은 사안을 선별해 답변드릴 예정입니다. </div> <div class="cta-wrap mobile-only"> <a href="https://www.samsung.com/sec/ir/reports-disclosures/notices/" class="btn white-btn text-btn"> <span class="text">더 알아보기</span> </a> </div> <div class="performance-outlink-wrap"> <div class="btn-title">사전등록 사이트 가기</div> <div class="btn-wrap"> <div class="cta-wrap"> <a href="https://irsvc.teletogether.com/sec/2024Q3/kor/kor2.php" class="btn white-btn banner-outlink-btn" target="_blank"> <div class="icon outlink-icon"><div class="sr-only">outlink icon</div></div> <span class="text">한국어</span> </a> </div> <div class="cta-wrap"> <a href="https://irsvc.teletogether.com/sec/2024Q3/eng/kor.php" class="btn white-btn banner-outlink-btn" target="_blank"> <div class="icon outlink-icon"><div class="sr-only">outlink icon</div></div> <span class="text">English</span> </a> </div> </div> </div> </div> </div> </li>--> <!-- 배당 기준일 안내 배너 --> <!--<li class="swiper-slide ir-main-kv-slide ir-main-kv-performance-slide"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img2-d.jpg" alt="" class="desktop"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img2-m.jpg" alt="" class="mobile"> </div> <span class="dimmed"></span> </div> <div class="floating-area"> <div class="text-box"> <div class="eyebrow">2024년 3분기</div> <h2 class="title">2024년 3분기 배당 기준일 안내</h2> <div class="data">2024년 09월 30일</div> <div class="dese desktop"> 존경하는 삼성전자 주주 여러분, 안녕하십니까?<br> 항상 변함없는 사랑과 성원을 보내주시는 여러분께 깊은 감사의 말씀을 드립니다.<br> 9월 30일은 2024년 3분기 배당금 권리주주 확정을 위한 기준일이 됨을 안내드립니다.<br> 3분기 배당 관련 세부사항은 이사회 결의 이후 공시할 예정이오니 참고하시기 바랍니다.<br> 감사합니다. </div> <div class="cta-wrap mobile-only"> <a href="https://www.samsung.com/sec/ir/reports-disclosures/notices/" class="btn white-btn text-btn"> <span class="text">더 알아보기</span> </a> </div> <div class="performance-outlink-wrap"> <div class="btn-title">사전등록 사이트 가기</div> <div class="btn-wrap"> <div class="cta-wrap"> <a href="https://irsvc.teletogether.com/sec/2023Q3/kor/kor2.php" class="btn white-btn banner-outlink-btn" target="_blank"> <div class="icon outlink-icon"><div class="sr-only">outlink icon</div></div> <span class="text">한국어</span> </a> </div> <div class="cta-wrap"> <a href="https://irsvc.teletogether.com/sec/2023Q3/eng/kor.php" class="btn white-btn banner-outlink-btn" target="_blank"> <div class="icon outlink-icon"><div class="sr-only">outlink icon</div></div> <span class="text">English</span> </a> </div> </div> </div> </div> </div> </li>--> <!-- 주주총회 전자투표 배너 --> <!--<li class="swiper-slide ir-main-kv-slide ir-main-kv-performance-slide"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img2-d.jpg" alt="" class="desktop"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img2-m.jpg" alt="" class="mobile"> </div> <span class="dimmed"></span> </div> <div class="floating-area"> <div class="text-box"> <div class="eyebrow">55기 정기주주총회</div> <h2 class="title">의결권 대리행사</h2> <div class="data">2024년 3월 20일 오전 9시</div> <div class="dese desktop"> 삼성전자는 자본시장과 금융투자업에 관한 법률 제152조 및 동법 시행령 제160조에 따라 의결권 대리행사를 권유하고 있으며, <br> 원하시는 경우 위임장을 작성하신 후 회사로 우편 송부하여 행사하실 수 있습니다. </div> <div class="cta-wrap mobile-only"> <a href="https://www.samsung.com/sec/ir/governance-csr/general-meeting-of-shareholders/" class="btn white-btn text-btn"> <span class="text">더 알아보기</span> </a> </div> <div class="performance-outlink-wrap"> <div class="btn-title">전자투표 사이트 가기</div> <div class="btn-wrap"> <div class="cta-wrap"> <a href="https://evote.ksd.or.kr" class="btn white-btn banner-outlink-btn" target="_blank"> <div class="icon outlink-icon"><div class="sr-only">outlink icon</div></div> <span class="text">전자투표</span> </a> </div> </div> </div> </div> </div> </li>--> <li class="swiper-slide ir-main-kv-slide"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img213-d.jpg" alt="Samsung Digital City" class="desktop"> <img src="//images.samsung.com/kdp/ir/assets/ir-kv-visual-img213-m.jpg" alt="Samsung Digital City" class="mobile"> </div> <span class="dimmed"></span> </div> <div class="floating-area"> <div class="text-box"> <h2 class="title">투자자 정보</h2> </div> </div> </li> </ul> <button type="button" class="swiper-button-prev"><span class="sr-only"></span></button> <button type="button" class="swiper-button-next"><span class="sr-only"></span></button> <div class="swiper-pagination-wrap"> <div class="swiper-pagination"></div> <button type="button" class="kvbtn btn-play size-regular"><span class="sr-only"></span></button> <button type="button" class="kvbtn btn-pause size-regular active"><span class="sr-only"></span></button> </div> </div> <div class="ir-keyvisual__stock js-ir-keyvisual__stock layout-content"> <div class="ir-keyvisual__stock-inner desktop"> <div class="ir-content-box"> <div class="ir-keyvisual__stock-chart"> <h2 class="ir-keyvisual__stock-title">주가</h2> <span class="ir-keyvisual__stock-time"> <span class="js-date-month"> </span>/<span class="js-date-day"> </span> <span class="js-date-time"> </span> (KST)<span class="update">20분 간격 업데이트</span> </span> </div> <div class="wrap"> <div class="ir-scrolling-stock-info-wrap roller"> <div class="ir-scrolling-stock-info-box" id="scrolling-box"> <div class="ir-keyvisual__stock-info" data-id="stock1"> <h3 class="ir-keyvisual__stock-info-title">삼성전자 보통주</h3> <div class="ir-stock-info-contents"> <strong class="ir-keyvisual__stock-price"> <span class="ir-won">₩</span> <span class="js-price-ask"> </span> </strong> <span class="ir-keyvisual__stock-fluctuant"> 전일대비 <span class="ir-won">₩</span> <span class="js-price-change"> </span> , <span class="js-price-change-percent"> </span> <span class="ir-percent">%</span> </span> </div> </div> <div class="ir-keyvisual__stock-info" data-id="stock2"> <h3 class="ir-keyvisual__stock-info-title">삼성전자 우선주</h3> <div class="ir-stock-info-contents"> <strong class="ir-keyvisual__stock-price"> <span class="ir-won">₩</span> <span class="js-price-ask"> </span> </strong> <span class="ir-keyvisual__stock-fluctuant"> 전일대비 <span class="ir-won">₩</span> <span class="js-price-change"> </span> , <span class="js-price-change-percent"> </span> <span class="ir-percent">%</span> </span> </div> </div> <div class="ir-keyvisual__stock-info" data-id="stock3"> <h3 class="ir-keyvisual__stock-info-title">삼성전자 GDR 보통주</h3> <div class="ir-stock-info-contents"> <strong class="ir-keyvisual__stock-price"> <span class="ir-won">$</span> <span class="js-price-ask"> </span><span class="point">.00</span> </strong> <span class="ir-keyvisual__stock-fluctuant"> 전일대비 <span class="ir-won">$</span> <span class="js-price-change"></span><span class="point">.00</span>, <span class="js-price-change-percent"> </span> <span class="ir-percent">%</span> </span> </div> </div> <div class="ir-keyvisual__stock-info" data-id="stock4"> <h3 class="ir-keyvisual__stock-info-title">삼성전자 GDR 우선주</h3> <div class="ir-stock-info-contents"> <strong class="ir-keyvisual__stock-price"> <span class="ir-won">$</span> <span class="js-price-ask"> </span><span class="point">.00</span> </strong> <span class="ir-keyvisual__stock-fluctuant"> 전일대비 <span class="ir-won">$</span> <span class="js-price-change"></span><span class="point">.00</span>, <span class="js-price-change-percent"> </span> <span class="ir-percent">%</span> </span> </div> </div> </div> </div> </div> </div> <button id="pauseBtn" class="pause"></button> </div> <div class="ir-keyvisual__stock-inner mobile"> <div class="ir-content-box"> <div class="ir-keyvisual__stock-chart"> <h2 class="ir-keyvisual__stock-title">주가</h2> <span class="ir-keyvisual__stock-time"> <span class="js-date-month"> </span>/<span class="js-date-day"> </span> <span class="js-date-time"> </span> (KST)<span class="update">20분 간격 업데이트</span> </span> </div> <div class="swiper mySwiper3 ir-scrolling-stock-info-wrap"> <div class="swiper-wrapper ir-scrolling-stock-info-box"> <div class="swiper-slide ir-keyvisual__stock-info" data-id="stock1"> <h3 class="ir-keyvisual__stock-info-title">삼성전자 보통주</h3> <div class="ir-stock-info-contents"> <strong class="ir-keyvisual__stock-price"> <span class="ir-won">₩</span> <span class="js-price-ask"> </span> </strong> <span class="ir-keyvisual__stock-fluctuant"> 전일대비 <span class="ir-won">₩</span> <span class="js-price-change"> </span> , <span class="js-price-change-percent"> </span> <span class="ir-percent">%</span> </span> </div> </div> <div class="swiper-slide ir-keyvisual__stock-info" data-id="stock2"> <h3 class="ir-keyvisual__stock-info-title">삼성전자 우선주</h3> <div class="ir-stock-info-contents"> <strong class="ir-keyvisual__stock-price"> <span class="ir-won">₩</span> <span class="js-price-ask"> </span> </strong> <span class="ir-keyvisual__stock-fluctuant"> 전일대비 <span class="ir-won">₩</span> <span class="js-price-change"> </span> , <span class="js-price-change-percent"> </span> <span class="ir-percent">%</span> </span> </div> </div> <div class="swiper-slide ir-keyvisual__stock-info" data-id="stock3"> <h3 class="ir-keyvisual__stock-info-title">삼성전자 GDR 보통주</h3> <div class="ir-stock-info-contents"> <strong class="ir-keyvisual__stock-price"> <span class="ir-won">$</span> <span class="js-price-ask"> </span><span class="point">.00</span> </strong> <span class="ir-keyvisual__stock-fluctuant"> 전일대비 <span class="ir-won">$</span> <span class="js-price-change"></span><span class="point">.00</span> , <span class="js-price-change-percent"> </span> <span class="ir-percent">%</span> </span> </div> </div> <div class="swiper-slide ir-keyvisual__stock-info" data-id="stock4"> <h3 class="ir-keyvisual__stock-info-title">삼성전자 GDR 우선주</h3> <div class="ir-stock-info-contents"> <strong class="ir-keyvisual__stock-price"> <span class="ir-won">$</span> <span class="js-price-ask"> </span><span class="point">.00</span> </strong> <span class="ir-keyvisual__stock-fluctuant"> 전일대비 <span class="ir-won">$</span> <span class="js-price-change"></span><span class="point">.00</span> , <span class="js-price-change-percent"> </span> <span class="ir-percent">%</span> </span> </div> </div> </div> <button type="button" class="swiper-button-prev"><span class="sr-only"></span></button> <button type="button" class="swiper-button-next"><span class="sr-only"></span></button> <div class="swiper-pagination-wrap"> <div class="swiper-pagination"></div> <button type="button" class="kvbtn btn-play"><span class="sr-only"></span></button> <button type="button" class="kvbtn btn-pause active"><span class="sr-only"></span></button> </div> </div> </div> </div> </div> <div class="ir-quarterly-results layout-content"> <div class="ir-quarterly-results-inner ir-column1"> <div class="ir-content-box"> <div class="ir-main-title title-box"> <h2 class="title"> <a href="https://www.samsung.com/sec/ir/financial-information/earnings-release/">직전 분기 경영실적</a> </h2> <div class="sub-title"> <div class="version"> <p>3Q</p> <p class="bar"> </p> <p>2024</p> </div> <span>(7월 ~ 9월)</span> </div> </div> <div class="ir-quarterly-results-content"> <a href="https://irsvc.teletogether.com/sec/2024Q3/kor/kor2.php" target="_blank" class="ir-quarterly-results-content-box"> <div class="icon-block webcast-icon"> <img src="//images.samsung.com/kdp/ir/assets/ir-latest-quarterly-results-webcast-Icon.png" alt=""> </div> <div class="text-block">실시간 방송 듣기</div> </a> <a href="//images.samsung.com/kdp/ir/events/2024/2024_3Q_conference_kor.pdf" target="_blank" class="ir-quarterly-results-content-box"> <div class="icon-block webcast-icon"> <img src="//images.samsung.com/kdp/ir/assets/ir-latest-quarterly-results-presentation-icon.png" alt=""> </div> <div class="text-block">Presentation<span>*</span></div> </a> <a href="//images.samsung.com/kdp/ir/business-report/2024_3Q_Interim_Business_Report_vF_kr.pdf" target="_blank" class="ir-quarterly-results-content-box"> <div class="icon-block webcast-icon"> <img src="//images.samsung.com/kdp/ir/assets/ir-latest-quarterly-results-interim-reports-Icon.png" alt=""> </div> <div class="text-block">사업보고서<span>*</span></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2024/2024_con_quarter03_all.pdf" target="_blank" class="ir-quarterly-results-content-box"> <div class="icon-block webcast-icon"> <img src="//images.samsung.com/kdp/ir/assets/ir-latest-quarterly-results-financial-statements-Icon.png" alt=""> </div> <div class="text-block">감사/검토보고서<span>*</span></div> </a> <a href="https://www.samsung.com/sec/ir/financial-information/financial-valuation-snapshot/" class="ir-quarterly-results-content-box"> <div class="icon-block webcast-icon"> <img src="//images.samsung.com/kdp/ir/assets/ir-latest-quarterly-results-financial-highlights-Icon.png" alt=""> </div> <div class="text-block">재무 하이라이트<span>*</span></div> </a> <a href="https://www.samsung.com/sec/ir/financial-information/earnings-release/#previous-reports" class="ir-quarterly-results-content-box"> <div class="icon-block webcast-icon"> <img src="//images.samsung.com/kdp/ir/assets/ir-latest-quarterly-results-previous-results-Icon.png" alt=""> </div> <div class="text-block">과거자료</div> </a> </div> <div class="cta-wrap"> <a href="https://www.samsung.com/sec/ir/financial-information/earnings-release/" class="btn text-btn white-btn"> <span class="text">더 알아보기</span> </a> </div> </div> <span class="note">*보고서 발간 후 업데이트</span> </div> </div> <div class="ir-event layout-content"> <div class="ir-event-inner ir-column1"> <div class="ir-content-box"> <div class="ir-main-title"> <h2 class="title"> <a href="https://www.samsung.com/sec/ir/ir-events-presentations/events/">IR 행사</a> </h2> </div> <div class="ir-event-box"> <div class="ir-event-list"> <div class="ir-event-item"> <div class="eyebrow">예정 일정</div> <div class="title">BofA, Asia Internet & AI Conference</div> <div class="schedule-item"> <div class="date">2024년 11월 27일</div> <!-- <div class="bar"></div> <div class="location">Singapore</div> --> </div> </div> <div class="ir-event-item"> <div class="eyebrow">지난 일정</div> <div class="title">Morgan Stanley, Annual Asia Pacific Summit</div> <div class="schedule-item"> <div class="date">2024년 11월 20일 ~ 21일</div> <!-- <div class="bar"></div> <div class="location">Singapore</div> --> </div> </div> <!-- 일정 샘플 --> <!-- <div class="ir-event-item"> <div class="eyebrow">지난 일정</div> <div class="title">2024년 3/4분기 실적발표 컨퍼런스콜</div> <div class="schedule-item"> <div class="date">2024년 10월 31일 오전 10시</div> <div class="bar"></div> <div class="location">Singapore</div> </div> <div class="cta-wrap left"> <a href="https://irsvc.teletogether.com/sec/2024Q3/eng/kor.php" target="_blank" class="event-btn white-btn"> <div class="icon play-icon"><div class="sr-only">play icon</div></div> <span class="text">실시간 방송 듣기 [EN]</span> </a> <a href="https://irsvc.teletogether.com/sec/2024Q3/kor/kor2.php" target="_blank" class="event-btn white-btn"> <div class="icon play-icon"><div class="sr-only">play icon</div></div> <span class="text">실시간 방송 듣기 [KR]</span> </a> <br class="mobile" /> <a href="//images.samsung.com/kdp/ir/events/2024/2024_3Q_conference_kor.pdf" target="_blank" class="event-btn white-btn"> <div class="icon down-icon"><div class="sr-only">download icon</div></div> <span class="text">Download PDF</span> </a> </div> </div>--> </div> <div class="cta-wrap"> <a href="https://www.samsung.com/sec/ir/ir-events-presentations/events/" class="btn text-btn white-btn"> <span class="text">더 알아보기</span> </a> </div> </div> </div> </div> </div> <div class="ir-financial-statements layout-content"> <div class="ir-financial-statements-inner ir-column1"> <div class="ir-content-box"> <div class="ir-main-title title-box"> <h2 class="title"> <a href="https://www.samsung.com/sec/ir/financial-information/audited-financial-statements/">감사/검토보고서</a> </h2> </div> <div class="ir-downloads-all"> <div class="ir-download-wrap"> <!--<div class="download-item"> <div class="sub-title"> <p class="year">2022</p> <p class="quarter">3분기</p> </div> <div class="cta-wrap download"> <a href="https://images.samsung.com/kdp/ir/financial-info/2022/2022_con_quarter03_all.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">감사/검토보고서</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2022/2022_con_quarter03_bs.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">재무상태표</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2022/2022_con_quarter03_soi.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">손익계산서</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> </div> </div>--> <div class="download-item"> <div class="sub-title"> <p class="year">2023</p> <p class="quarter">연간</p> </div> <div class="cta-wrap download"> <a href="https://images.samsung.com/kdp/ir/financial-info/2023/2023_con_quarter04_all.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">감사/검토보고서</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2023/2023_con_quarter04_bs.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">재무상태표</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2023/2023_con_quarter04_soi.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">손익계산서</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> </div> </div> <div class="download-item"> <div class="sub-title"> <p class="year">2023</p> <p class="quarter">1분기</p> </div> <div class="cta-wrap download"> <a href="https://images.samsung.com/kdp/ir/financial-info/2024/2024_con_quarter01_all.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">감사/검토보고서</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2024/2024_con_quarter01_bs.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">재무상태표</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2024/2024_con_quarter01_soi.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">손익계산서</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> </div> </div> <div class="download-item"> <div class="sub-title"> <p class="year">2024</p> <p class="quarter">2분기</p> </div> <div class="cta-wrap download"> <a href="https://images.samsung.com/kdp/ir/financial-info/2024/2024_con_quarter02_all.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">감사/검토보고서</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2024/2024_con_quarter02_bs.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">재무상태표</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2024/2024_con_quarter02_soi.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">손익계산서</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> </div> </div> <div class="download-item"> <div class="sub-title"> <p class="year">2024</p> <p class="quarter">3분기</p> </div> <div class="cta-wrap download"> <a href="https://images.samsung.com/kdp/ir/financial-info/2024/2024_con_quarter03_all.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">감사/검토보고서</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2024/2024_con_quarter03_bs.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">재무상태표</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> <a href="https://images.samsung.com/kdp/ir/financial-info/2024/2024_con_quarter03_soi.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">손익계산서</span> <div class="icon down-icon"><div class="sr-only">다운로드 아이콘</div></div> </a> </div> </div> </div> <!-- <div class="ir-download-wrap"> <div class="download-item"> <div class="sub-title"> <p class="year">2022</p> <p class="quarter">Full year</p> </div> <div class="cta-wrap download"> <a href="https://images.samsung.com/is/content/samsung/assets/global/ir/docs/2022_con_quarter04_all_1.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">Audited financial statements</span> <div class="icon down-icon"><div class="sr-only">download icon</div></div> </a> <a href="https://images.samsung.com/is/content/samsung/assets/global/ir/docs/2022_con_quarter04_bs_1.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">Financial position</span> <div class="icon down-icon"><div class="sr-only">download icon</div></div> </a> <a href="https://images.samsung.com/is/content/samsung/assets/global/ir/docs/2022_con_quarter04_soi_1.pdf" target="_blank" class="financial-btn white-btn"> <span class="down-name">Income statement </span> <div class="icon down-icon"><div class="sr-only">download icon</div></div> </a> </div> </div> <div class="download-item this-year"> <div class="sub-title"> <p class="year">2023</p> <p class="quarter">1st quarter</p> </div> <div class="cta-wrap download"> <a href="#" class="financial-btn white-btn"> <span class="down-name">감사/검토보고서</span> <div class="icon down-icon"><div class="sr-only">download icon</div></div> </a> <a href="#" class="financial-btn white-btn"> <span class="down-name">Financial position</span> <div class="icon down-icon"><div class="sr-only">download icon</div></div> </a> <a href="#" class="financial-btn white-btn"> <span class="down-name">Income statement </span> <div class="icon down-icon"><div class="sr-only">download icon</div></div> </a> </div> </div> </div> --> </div> <div class="cta-wrap"> <a href="https://www.samsung.com/sec/ir/financial-information/audited-financial-statements/" class="btn text-btn white-btn"> <span class="text">더 알아보기</span> </a> </div> </div> </div> </div> <div class="ir-contents-btn layout-content"> <div class="ir-contents-btn-inner ir-column3"> <div class="ir-about-us ir-column3-box"> <a href="https://www.samsung.com/sec/about-us/company-info/ " target="_blank"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-about-us-bg-kr-d.jpg" alt="" class="desktop"> <img src="//images.samsung.com/kdp/ir/assets/ir-about-us-bg-kr-m.jpg" alt="" class="mobile"> </div> </div> <div class="floating-area"> <h2 class="title">기업정보</h2> <span class="ir-main-outlink-icon"></span> </div> </a> </div> <div class="ir-sustainability ir-column3-box"> <a href="https://www.samsung.com/sec/sustainability/overview/" target="_blank"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-sustainability-bg-kr-d.jpg" alt="" class="desktop"> <img src="//images.samsung.com/kdp/ir/assets/ir-sustainability-bg-kr-m.jpg" alt="" class="mobile"> </div> </div> <div class="floating-area"> <h2 class="title">지속가능경영</h2> <span class="ir-main-outlink-icon"></span> </div> </a> </div> <div class="ir-newsroom ir-column3-box"> <a href="https://news.samsung.com/kr/" target="_blank"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-newsroom-bg-kr-d.jpg" alt="" class="desktop"> <img src="//images.samsung.com/kdp/ir/assets/ir-newsroom-bg-kr-m.jpg" alt="" class="mobile"> </div> </div> <div class="floating-area"> <h2 class="title">뉴스룸</h2> <span class="ir-main-outlink-icon"></span> </div> </a> </div> <div class="ir-newsroom ir-column3-box"> <a href="https://dividend.samsung.com/" target="_blank"> <div class="image-area"> <div class="img"> <img src="//images.samsung.com/kdp/ir/assets/ir-dividend-bg-kr-d.jpg" alt="" class="desktop"> <img src="//images.samsung.com/kdp/ir/assets/ir-dividend-bg-kr-m.jpg" alt="" class="mobile"> </div> </div> <div class="floating-area"> <h2 class="title">배당조회</h2> <span class="ir-main-outlink-icon"></span> </div> </a> </div> </div> </div> <div class="ir-resources layout-content"> <div class="ir-resources-inner ir-column2"> <div class="ir-contact ir-column2-box"> <div> <h2 class="title"><a href="https://www.samsung.com/sec/ir/ir-resources/contact/">Contact IR</a></h2> <a href="mailto:ircontactus@samsung.com" target="_blank" class="contact ir-resources-text-block"> <span class="text">ircontactus@samsung.com</span> <span class="bar"></span> <span class="text">+82-2-2255-9000</span> </a> </div> </div> <div class="ir-faqs ir-column2-box"> <div> <h2 class="title"><a href="https://www.samsung.com/sec/ir/ir-resources/faq/">IR 기본정보</a></h2> <div class="contact ir-resources-text-block"> <span class="text"> <a href="https://www.samsung.com/sec/ir/ir-resources/faq/">기업정보</a> </span> <span class="bar"></span> <span class="text"><a href="https://www.samsung.com/sec/ir/ir-resources/faq/#shares">주식관련사항</a></span> <span class="bar"></span> <span class="text"><a href="https://www.samsung.com/sec/ir/ir-resources/faq/#financial">재무관련사항</a></span> </div> </div> </div> </div> </div> </div> </main> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.8.4/swiper-bundle.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js" type="text/javascript"></script> <script src="https://cdn.jsdelivr.net/npm/jquery.marquee@1.6.0/jquery.marquee.min.js" type="text/javascript"></script> <!-- IR menu : end --> <script> $(function () { const $btnPrev = $(".mySwiper2 .swiper-button-prev"); const $btnNext = $(".mySwiper2 .swiper-button-next"); const $btnPause = $(".mySwiper2 .btn-pause"); const $btnPlay = $(".mySwiper2 .btn-play"); const IrSwiper = new Swiper(".mySwiper2", { pagination: { el: ".swiper-pagination", clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, loop: false, speed: 500, // 슬라이드가 자동으로 이동하도록 하는 기능 autoplay: { // 슬라이드가 보여지는 시간 간격 delay: 6000, //사용자가 슬라이드와 상호작용하더라도 자동 재생이 일시 중지되지 않음 disableOnInteraction: false, }, // 키보드를 사용하여 슬라이드를 제어 keyboard: { //키보드 제어를 사용할 것인지 여부 enabled: true, // 슬라이드가 뷰포트 안에 없을 때도 키보드 제어를 허용 onlyInViewport: false, }, // Swiper 슬라이드를 사용자가 스와이프하여 이동하는 것을 막는 옵션 noSwiping: false, //Swiper의 터치 기능을 활성화/비활성화 allowTouchMove: true, // 이미지를 렌더링하기 전에 이미지를 로드하기 위한 기능 lazy: { loadPrevNext: true, }, on: { init: function () { // Swiper 초기화 시 실행되는 코드 var slideCount = this.slides.length; var $paginationWrap = $(".mySwiper2 .swiper-pagination-wrap"); if (slideCount <= 1) { // 슬라이드 개수가 1개 이하일 때 실행할 코드 $paginationWrap.addClass("hidden"); $btnPrev.addClass("hidden"); $btnNext.addClass("hidden"); this.allowTouchMove = false; this.loop = false; this.autoplay.stop(); } else { // 슬라이드 개수가 2개 이상일 때 실행할 코드 this.allowTouchMove = true; this.loop = true; this.autoplay.start(); } }, }, }); // page load const $activePaging = $(".swiper-pagination-bullet-active"); setTimeout(function () { $activePaging.addClass("on"); }, 10); // event method IrSwiper.on("slideChange", function () { const $activePaging = $(".mySwiper2").find(".swiper-pagination-bullet-active"); $activePaging.siblings().removeClass("on"); $(".mySwiper2").find(".full").removeClass("full"); $activePaging.addClass("on"); }); function kvPause() { IrSwiper.autoplay.stop(); $btnPlay.addClass("active"); $btnPause.removeClass("active"); } function kvPlay() { IrSwiper.autoplay.start(); $btnPause.addClass("active"); $btnPlay.removeClass("active"); } // event listening $btnPrev.on("click", function () { const $activePaging = $(".mySwiper2").find(".swiper-pagination-bullet-active"); $activePaging.removeClass("on"); $(".mySwiper2").find(".full").removeClass("full"); $activePaging.addClass("full"); kvPause(); }); $btnNext.on("click", function () { const $activePaging = $(".mySwiper2").find(".swiper-pagination-bullet-active"); $activePaging.removeClass("on"); $(".mySwiper2").find(".full").removeClass("full"); $activePaging.addClass("full"); kvPause(); }); $btnPause.on("click", function () { const $activePaging = $(".mySwiper2").find(".swiper-pagination-bullet-active"); $(".mySwiper2").find(".full").removeClass("full"); $activePaging.addClass("full"); kvPause(); $(this).addClass("clicked"); $btnPlay.removeClass("clicked"); }); $btnPlay.on("click", function () { const $activePaging = $(".mySwiper2").find(".swiper-pagination-bullet-active"); $activePaging.removeClass("on"); $(".mySwiper2").find(".full").removeClass("full"); kvPlay(); $btnPlay.addClass("clicked"); $btnPause.removeClass("clicked"); setTimeout(function () { $activePaging.addClass("on"); }, 100); }); $(".swiper-pagination-bullet").on("click", function () { setTimeout(function () { const $activePaging = $(".mySwiper2").find(".swiper-pagination-bullet-active"); $activePaging.removeClass("on"); $(".mySwiper2").find(".full").removeClass("full"); $activePaging.addClass("full"); kvPause(); }, 100); }); }); // AJAX 요청 보내기 $.ajax({ url: "https://asia.tools.euroland.com/tools/pricefeed/?companycode=kr-smsn&format=json", // url: "../test.json", dataType: "json", success: function (data) { function samsungStock() { // 성공적으로 데이터를 가져왔을 때의 처리 const samsungData = data["Samsung El. (KRX)"]; const samsung1PData = data["Samsung El. (1P) (KRX)"]; const samsungGDR = data["Samsung El. GDR (LSE)"]; const samsungGDS = data["Samsung El. GDS (LSE)"]; // data-id 값과 데이터를 매핑한 객체 const dataIdMappings = { stock1: samsungData, stock2: samsung1PData, stock3: samsungGDR, stock4: samsungGDS, }; // 예시로 stock1, stock2에 각각의 데이터 매핑 // 날짜 정보 적용 const stockTime = $(".ir-keyvisual__stock-time"); const now = new Date(); const month = (now.getMonth() + 1).toString().padStart(2, "0"); const day = now.getDate().toString().padStart(2, "0"); const hours = now.getHours().toString().padStart(2, "0"); const minutes = now.getMinutes().toString().padStart(2, "0"); const time = hours + ":" + minutes; stockTime.find(".js-date-month").text(month); stockTime.find(".js-date-day").text(day); stockTime.find(".js-date-time").text(time); // dataIdMappings 객체의 키와 값에 따라 데이터 적용 $.each(dataIdMappings, function (dataId, stockData) { const $stockInfo = $('.ir-keyvisual__stock-info[data-id="' + dataId + '"]'); // HTML 요소에 데이터 적용 // toLocaleString() > 로케일에 맞춰 문자열로 변환하는 기능 $stockInfo.find(".js-price-ask").text(parseInt(stockData.Last).toLocaleString()); // 현재 가격 변동 정보 적용 const $priceChange = $stockInfo.find(".js-price-change"); const $stockFluctuant = $stockInfo.find(".ir-keyvisual__stock-fluctuant"); let change = stockData.Change; // Change 값을 문자열로 저장 // change 값이 숫자인지 확인 // 숫자이면 false를 반환하고, 숫자가 아니면 true를 반환 if (!isNaN(change)) { // 문자열을 숫자로 형변환하여 적용 change = parseInt(change); $priceChange.text(change.toLocaleString()); // 가격 변동에 따라 텍스트 색상 변경 if (change > 0) { $stockFluctuant.addClass("ir-keyvisual__stock-fluctuant--positive"); // 플러스일 경우 빨간색 클래스 추가 $stockFluctuant.removeClass("ir-keyvisual__stock-fluctuant--negative"); // 마이너스일 경우 파란색 클래스 제거 } else if (change < 0) { $stockFluctuant.addClass("ir-keyvisual__stock-fluctuant--negative"); // 마이너스일 경우 파란색 클래스 추가 $stockFluctuant.removeClass("ir-keyvisual__stock-fluctuant--positive"); // 플러스일 경우 빨간색 클래스 제거 } else { // change 값이 0일 경우, 두 클래스 모두 제거 $stockFluctuant.removeClass("ir-keyvisual__stock-fluctuant--positive ir-keyvisual__stock-fluctuant--negative"); } // ChangePercent 값을 소수점 2자리까지 표시 $stockInfo.find(".js-price-change-percent").text(parseFloat(stockData.ChangePercent).toFixed(2)); } else { $stockFluctuant.removeClass("ir-keyvisual__stock-fluctuant--positive ir-keyvisual__stock-fluctuant--negative"); // 클래스 제거 //유효한 값이 없는 경우에 해당 DOM 요소에 "N/A"라는 텍스트를 표시 $stockInfo.find(".js-price-change-percent").text("N/A"); } }); } samsungStock(); setInterval(function () { // 20분마다 실행될 코드 samsungStock(); console.log("20 minute has passed."); }, 20 * 60 * 1000); }, error: function (xhr, status, error) { // AJAX 요청이 실패했을 때의 처리 console.log(xhr); console.log(status); console.log(error); }, }); setTimeout(function () { // 롤링 배너 복제본 생성 let roller = document.querySelector(".roller"); roller.id = "roller1"; // 아이디 부여 let clone = roller.cloneNode(true); // cloneNode : 노드 복제. 기본값은 false. 자식 노드까지 복제를 원하면 true 사용 clone.id = "roller2"; document.querySelector(".wrap").appendChild(clone); // wrap 하위 자식으로 부착 document.querySelector("#roller1").style.left = "0px"; document.querySelector("#roller2").style.left = document.querySelector(".roller .ir-scrolling-stock-info-box").offsetWidth + "px"; // offsetWidth : 요소의 크기 확인(margin을 제외한 padding값, border값까지 계산한 값) roller.classList.add("original"); clone.classList.add("clone"); // 버튼 요소를 가져옵니다. const pauseBtn = document.getElementById("pauseBtn"); // 애니메이션을 일시정지할 때 사용할 변수를 선언하고 초기값을 false로 설정합니다. let isPaused = false; // 롤링 배너의 애니메이션을 일시정지하는 함수 function pauseAnimation() { roller.style.animationPlayState = "paused"; clone.style.animationPlayState = "paused"; } // 롤링 배너의 애니메이션을 재개하는 함수 function resumeAnimation() { roller.style.animationPlayState = "running"; clone.style.animationPlayState = "running"; } // 버튼을 클릭했을 때 동작할 함수를 정의합니다. function togglePlayback() { // isPaused 변수의 값을 토글합니다. isPaused = !isPaused; // isPaused 변수에 따라 버튼의 클래스와 텍스트를 변경합니다. if (isPaused) { pauseBtn.classList.add("play"); pauseBtn.classList.remove("pause"); pauseAnimation(); } else { pauseBtn.classList.remove("play"); pauseBtn.classList.add("pause"); resumeAnimation(); } } // 버튼 클릭 이벤트에 togglePlayback 함수를 pauseBtn.addEventListener("click", togglePlayback); }, 3000); const $Swiper3BtnPrev = $(".mySwiper3 .swiper-button-prev"); const $Swiper3BtnNext = $(".mySwiper3 .swiper-button-next"); const $Swiper3BtnPause = $(".mySwiper3 .btn-pause"); const $Swiper3BtnPlay = $(".mySwiper3 .btn-play"); var stockSwiper = new Swiper(".mySwiper3", { slidesPerView: 1, // spaceBetween: 30, loop: true, autoplay: { delay: 2500, disableOnInteraction: false, }, pagination: { el: ".swiper-pagination", clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); function BtnPause() { stockSwiper.autoplay.stop(); $Swiper3BtnPlay.addClass("active"); $Swiper3BtnPause.removeClass("active"); } function BtnPlay() { stockSwiper.autoplay.start(); $Swiper3BtnPause.addClass("active"); $Swiper3BtnPlay.removeClass("active"); } $Swiper3BtnPause.on("click", function () { const $activePaging = $(".mySwiper3").find(".swiper-pagination-bullet-active"); $(".mySwiper3").find(".full").removeClass("full"); $activePaging.addClass("full"); BtnPause(); $(this).addClass("clicked"); $Swiper3BtnPlay.removeClass("clicked"); }); $Swiper3BtnPlay.on("click", function () { const $activePaging = $(".mySwiper3").find(".swiper-pagination-bullet-active"); $activePaging.removeClass("on"); $(".mySwiper3").find(".full").removeClass("full"); BtnPlay(); $Swiper3BtnPlay.addClass("clicked"); $Swiper3BtnPause.removeClass("clicked"); setTimeout(function () { $activePaging.addClass("on"); }, 100); }); </script> <script> (function (win, doc, callback) { "use strict"; callback = callback || function () {}; function detach() { if (doc.addEventListener) { doc.removeEventListener("DOMContentLoaded", completed); } else { doc.detachEvent("onreadystatechange", completed); } } function completed() { if (doc.addEventListener || event.type === "load" || doc.readyState === "complete") { detach(); callback(window, window.jQuery); } } function init() { if (doc.addEventListener) { doc.addEventListener("DOMContentLoaded", completed); } else { doc.attachEvent("onreadystatechange", completed); } } init(); })(window, document, function (win, $) {}); </script> <!-- Location of [IR] 메뉴 컴포넌트 - component serial :: 193410 --> <!----> <script type="text/javascript" src="/sec/static/etc/designs/smg/global/templates/page.4ecce431de59b78cf771ee5a04e8d4f3.js"></script> <!----> <!-- Template JS Inline --> <script type="text/javascript"> !(function (e) { "function" == typeof define && define.amd ? define(["jquery"], e) : e(jQuery); })(function (e) { function t(e) { for (var t, a; e.length && e[0] !== document; ) { if (((t = e.css("position")), ("absolute" === t || "relative" === t || "fixed" === t) && ((a = parseInt(e.css("zIndex"), 10)), !isNaN(a) && 0 !== a))) return a; e = e.parent(); } return 0; } function a() { (this._curInst = null), (this._keyEvent = !1), (this._disabledInputs = []), (this._datepickerShowing = !1), (this._inDialog = !1), (this._mainDivId = "ui-datepicker-div"), (this._inlineClass = "ui-datepicker-inline"), (this._appendClass = "ui-datepicker-append"), (this._triggerClass = "ui-datepicker-trigger"), (this._dialogClass = "ui-datepicker-dialog"), (this._disableClass = "ui-datepicker-disabled"), (this._unselectableClass = "ui-datepicker-unselectable"), (this._currentClass = "ui-datepicker-current-day"), (this._dayOverClass = "ui-datepicker-days-cell-over"), (this.regional = []), (this.regional[""] = { closeText: "Done", prevText: "Prev", nextText: "Next", currentText: "Today", monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], dayNamesMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], weekHeader: "Wk", dateFormat: "mm/dd/yy", firstDay: 0, isRTL: !1, showMonthAfterYear: !1, yearSuffix: "", }), (this._defaults = { showOn: "focus", showAnim: "fadeIn", showOptions: {}, defaultDate: null, appendText: "", buttonText: "...", buttonImage: "", buttonImageOnly: !1, hideIfNoPrevNext: !1, navigationAsDateFormat: !1, gotoCurrent: !1, changeMonth: !1, changeYear: !1, yearRange: "c-10:c+10", showOtherMonths: !1, selectOtherMonths: !1, showWeek: !1, calculateWeek: this.iso8601Week, shortYearCutoff: "+10", minDate: null, maxDate: null, duration: "fast", beforeShowDay: null, beforeShow: null, onSelect: null, onChangeMonthYear: null, onClose: null, numberOfMonths: 1, showCurrentAtPos: 0, stepMonths: 1, stepBigMonths: 12, altField: "", altFormat: "", constrainInput: !0, showButtonPanel: !1, autoSize: !1, disabled: !1, }), e.extend(this._defaults, this.regional[""]), (this.regional.en = e.extend(!0, {}, this.regional[""])), (this.regional["en-US"] = e.extend(!0, {}, this.regional.en)), (this.dpDiv = i(e("<div id='" + this._mainDivId + "' class='ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all'></div>"))); } function i(t) { var a = "button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a"; return t .on("mouseout", a, function () { e(this).removeClass("ui-state-hover"), -1 !== this.className.indexOf("ui-datepicker-prev") && e(this).removeClass("ui-datepicker-prev-hover"), -1 !== this.className.indexOf("ui-datepicker-next") && e(this).removeClass("ui-datepicker-next-hover"); }) .on("mouseover", a, s); } function s() { e.datepicker._isDisabledDatepicker(n.inline ? n.dpDiv.parent()[0] : n.input[0]) || (e(this).parents(".ui-datepicker-calendar").find("a").removeClass("ui-state-hover"), e(this).addClass("ui-state-hover"), -1 !== this.className.indexOf("ui-datepicker-prev") && e(this).addClass("ui-datepicker-prev-hover"), -1 !== this.className.indexOf("ui-datepicker-next") && e(this).addClass("ui-datepicker-next-hover")); } function r(t, a) { e.extend(t, a); for (var i in a) null == a[i] && (t[i] = a[i]); return t; } (e.ui = e.ui || {}), (e.ui.version = "1.12.1"), (e.ui.keyCode = { BACKSPACE: 8, COMMA: 188, DELETE: 46, DOWN: 40, END: 35, ENTER: 13, ESCAPE: 27, HOME: 36, LEFT: 37, PAGE_DOWN: 34, PAGE_UP: 33, PERIOD: 190, RIGHT: 39, SPACE: 32, TAB: 9, UP: 38, }), e.extend(e.ui, { datepicker: { version: "1.12.1" } }); var n; e.extend(a.prototype, { markerClassName: "hasDatepicker", maxRows: 4, _widgetDatepicker: function () { return this.dpDiv; }, setDefaults: function (e) { return r(this._defaults, e || {}), this; }, _attachDatepicker: function (t, a) { var i, s, r; (i = t.nodeName.toLowerCase()), (s = "div" === i || "span" === i), t.id || ((this.uuid += 1), (t.id = "dp" + this.uuid)), (r = this._newInst(e(t), s)), (r.settings = e.extend({}, a || {})), "input" === i ? this._connectDatepicker(t, r) : s && this._inlineDatepicker(t, r); }, _newInst: function (t, a) { var s = t[0].id.replace(/([^A-Za-z0-9_\-])/g, "\\\\$1"); return { id: s, input: t, selectedDay: 0, selectedMonth: 0, selectedYear: 0, drawMonth: 0, drawYear: 0, inline: a, dpDiv: a ? i(e("<div class='" + this._inlineClass + " ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all'></div>")) : this.dpDiv, }; }, _connectDatepicker: function (t, a) { var i = e(t); (a.append = e([])), (a.trigger = e([])), i.hasClass(this.markerClassName) || (this._attachments(i, a), i.addClass(this.markerClassName).on("keydown", this._doKeyDown).on("keypress", this._doKeyPress).on("keyup", this._doKeyUp), this._autoSize(a), e.data(t, "datepicker", a), a.settings.disabled && this._disableDatepicker(t)); }, _attachments: function (t, a) { var i, s, r, n = this._get(a, "appendText"), d = this._get(a, "isRTL"); a.append && a.append.remove(), n && ((a.append = e("<span class='" + this._appendClass + "'>" + n + "</span>")), t[d ? "before" : "after"](a.append)), t.off("focus", this._showDatepicker), a.trigger && a.trigger.remove(), (i = this._get(a, "showOn")), ("focus" === i || "both" === i) && t.on("focus", this._showDatepicker), ("button" === i || "both" === i) && ((s = this._get(a, "buttonText")), (r = this._get(a, "buttonImage")), (a.trigger = e( this._get(a, "buttonImageOnly") ? e("<img/>").addClass(this._triggerClass).attr({ src: r, alt: s, title: s }) : e("<button type='button'></button>") .addClass(this._triggerClass) .html(r ? e("<img/>").attr({ src: r, alt: s, title: s }) : s) )), t[d ? "before" : "after"](a.trigger), a.trigger.on("click", function () { return ( e.datepicker._datepickerShowing && e.datepicker._lastInput === t[0] ? e.datepicker._hideDatepicker() : e.datepicker._datepickerShowing && e.datepicker._lastInput !== t[0] ? (e.datepicker._hideDatepicker(), e.datepicker._showDatepicker(t[0])) : e.datepicker._showDatepicker(t[0]), !1 ); })); }, _autoSize: function (e) { if (this._get(e, "autoSize") && !e.inline) { var t, a, i, s, r = new Date(2009, 11, 20), n = this._get(e, "dateFormat"); n.match(/[DM]/) && ((t = function (e) { for (a = 0, i = 0, s = 0; e.length > s; s++) e[s].length > a && ((a = e[s].length), (i = s)); return i; }), r.setMonth(t(this._get(e, n.match(/MM/) ? "monthNames" : "monthNamesShort"))), r.setDate(t(this._get(e, n.match(/DD/) ? "dayNames" : "dayNamesShort")) + 20 - r.getDay())), e.input.attr("size", this._formatDate(e, r).length); } }, _inlineDatepicker: function (t, a) { var i = e(t); i.hasClass(this.markerClassName) || (i.addClass(this.markerClassName).append(a.dpDiv), e.data(t, "datepicker", a), this._setDate(a, this._getDefaultDate(a), !0), this._updateDatepicker(a), this._updateAlternate(a), a.settings.disabled && this._disableDatepicker(t), a.dpDiv.css("display", "block")); }, _dialogDatepicker: function (t, a, i, s, n) { var d, c, o, l, h, u = this._dialogInst; return ( u || ((this.uuid += 1), (d = "dp" + this.uuid), (this._dialogInput = e("<input type='text' id='" + d + "' style='position: absolute; top: -100px; width: 0px;'/>")), this._dialogInput.on("keydown", this._doKeyDown), e("body").append(this._dialogInput), (u = this._dialogInst = this._newInst(this._dialogInput, !1)), (u.settings = {}), e.data(this._dialogInput[0], "datepicker", u)), r(u.settings, s || {}), (a = a && a.constructor === Date ? this._formatDate(u, a) : a), this._dialogInput.val(a), (this._pos = n ? (n.length ? n : [n.pageX, n.pageY]) : null), this._pos || ((c = document.documentElement.clientWidth), (o = document.documentElement.clientHeight), (l = document.documentElement.scrollLeft || document.body.scrollLeft), (h = document.documentElement.scrollTop || document.body.scrollTop), (this._pos = [c / 2 - 100 + l, o / 2 - 150 + h])), this._dialogInput.css("left", this._pos[0] + 20 + "px").css("top", this._pos[1] + "px"), (u.settings.onSelect = i), (this._inDialog = !0), this.dpDiv.addClass(this._dialogClass), this._showDatepicker(this._dialogInput[0]), e.blockUI && e.blockUI(this.dpDiv), e.data(this._dialogInput[0], "datepicker", u), this ); }, _destroyDatepicker: function (t) { var a, i = e(t), s = e.data(t, "datepicker"); i.hasClass(this.markerClassName) && ((a = t.nodeName.toLowerCase()), e.removeData(t, "datepicker"), "input" === a ? (s.append.remove(), s.trigger.remove(), i.removeClass(this.markerClassName).off("focus", this._showDatepicker).off("keydown", this._doKeyDown).off("keypress", this._doKeyPress).off("keyup", this._doKeyUp)) : ("div" === a || "span" === a) && i.removeClass(this.markerClassName).empty(), n === s && (n = null)); }, _enableDatepicker: function (t) { var a, i, s = e(t), r = e.data(t, "datepicker"); s.hasClass(this.markerClassName) && ((a = t.nodeName.toLowerCase()), "input" === a ? ((t.disabled = !1), r.trigger .filter("button") .each(function () { this.disabled = !1; }) .end() .filter("img") .css({ opacity: "1.0", cursor: "" })) : ("div" === a || "span" === a) && ((i = s.children("." + this._inlineClass)), i.children().removeClass("ui-state-disabled"), i.find("select.ui-datepicker-month, select.ui-datepicker-year").prop("disabled", !1)), (this._disabledInputs = e.map(this._disabledInputs, function (e) { return e === t ? null : e; }))); }, _disableDatepicker: function (t) { var a, i, s = e(t), r = e.data(t, "datepicker"); s.hasClass(this.markerClassName) && ((a = t.nodeName.toLowerCase()), "input" === a ? ((t.disabled = !0), r.trigger .filter("button") .each(function () { this.disabled = !0; }) .end() .filter("img") .css({ opacity: "0.5", cursor: "default" })) : ("div" === a || "span" === a) && ((i = s.children("." + this._inlineClass)), i.children().addClass("ui-state-disabled"), i.find("select.ui-datepicker-month, select.ui-datepicker-year").prop("disabled", !0)), (this._disabledInputs = e.map(this._disabledInputs, function (e) { return e === t ? null : e; })), (this._disabledInputs[this._disabledInputs.length] = t)); }, _isDisabledDatepicker: function (e) { if (!e) return !1; for (var t = 0; this._disabledInputs.length > t; t++) if (this._disabledInputs[t] === e) return !0; return !1; }, _getInst: function (t) { try { return e.data(t, "datepicker"); } catch (a) { throw "Missing instance data for this datepicker"; } }, _optionDatepicker: function (t, a, i) { var s, n, d, c, o = this._getInst(t); return 2 === arguments.length && "string" == typeof a ? "defaults" === a ? e.extend({}, e.datepicker._defaults) : o ? "all" === a ? e.extend({}, o.settings) : this._get(o, a) : null : ((s = a || {}), "string" == typeof a && ((s = {}), (s[a] = i)), void ( o && (this._curInst === o && this._hideDatepicker(), (n = this._getDateDatepicker(t, !0)), (d = this._getMinMaxDate(o, "min")), (c = this._getMinMaxDate(o, "max")), r(o.settings, s), null !== d && void 0 !== s.dateFormat && void 0 === s.minDate && (o.settings.minDate = this._formatDate(o, d)), null !== c && void 0 !== s.dateFormat && void 0 === s.maxDate && (o.settings.maxDate = this._formatDate(o, c)), "disabled" in s && (s.disabled ? this._disableDatepicker(t) : this._enableDatepicker(t)), this._attachments(e(t), o), this._autoSize(o), this._setDate(o, n), this._updateAlternate(o), this._updateDatepicker(o)) )); }, _changeDatepicker: function (e, t, a) { this._optionDatepicker(e, t, a); }, _refreshDatepicker: function (e) { var t = this._getInst(e); t && this._updateDatepicker(t); }, _setDateDatepicker: function (e, t) { var a = this._getInst(e); a && (this._setDate(a, t), this._updateDatepicker(a), this._updateAlternate(a)); }, _getDateDatepicker: function (e, t) { var a = this._getInst(e); return a && !a.inline && this._setDateFromField(a, t), a ? this._getDate(a) : null; }, _doKeyDown: function (t) { var a, i, s, r = e.datepicker._getInst(t.target), n = !0, d = r.dpDiv.is(".ui-datepicker-rtl"); if (((r._keyEvent = !0), e.datepicker._datepickerShowing)) switch (t.keyCode) { case 9: e.datepicker._hideDatepicker(), (n = !1); break; case 13: return ( (s = e("td." + e.datepicker._dayOverClass + ":not(." + e.datepicker._currentClass + ")", r.dpDiv)), s[0] && e.datepicker._selectDay(t.target, r.selectedMonth, r.selectedYear, s[0]), (a = e.datepicker._get(r, "onSelect")), a ? ((i = e.datepicker._formatDate(r)), a.apply(r.input ? r.input[0] : null, [i, r])) : e.datepicker._hideDatepicker(), !1 ); case 27: e.datepicker._hideDatepicker(); break; case 33: e.datepicker._adjustDate(t.target, t.ctrlKey ? -e.datepicker._get(r, "stepBigMonths") : -e.datepicker._get(r, "stepMonths"), "M"); break; case 34: e.datepicker._adjustDate(t.target, t.ctrlKey ? +e.datepicker._get(r, "stepBigMonths") : +e.datepicker._get(r, "stepMonths"), "M"); break; case 35: (t.ctrlKey || t.metaKey) && e.datepicker._clearDate(t.target), (n = t.ctrlKey || t.metaKey); break; case 36: (t.ctrlKey || t.metaKey) && e.datepicker._gotoToday(t.target), (n = t.ctrlKey || t.metaKey); break; case 37: (t.ctrlKey || t.metaKey) && e.datepicker._adjustDate(t.target, d ? 1 : -1, "D"), (n = t.ctrlKey || t.metaKey), t.originalEvent.altKey && e.datepicker._adjustDate(t.target, t.ctrlKey ? -e.datepicker._get(r, "stepBigMonths") : -e.datepicker._get(r, "stepMonths"), "M"); break; case 38: (t.ctrlKey || t.metaKey) && e.datepicker._adjustDate(t.target, -7, "D"), (n = t.ctrlKey || t.metaKey); break; case 39: (t.ctrlKey || t.metaKey) && e.datepicker._adjustDate(t.target, d ? -1 : 1, "D"), (n = t.ctrlKey || t.metaKey), t.originalEvent.altKey && e.datepicker._adjustDate(t.target, t.ctrlKey ? +e.datepicker._get(r, "stepBigMonths") : +e.datepicker._get(r, "stepMonths"), "M"); break; case 40: (t.ctrlKey || t.metaKey) && e.datepicker._adjustDate(t.target, 7, "D"), (n = t.ctrlKey || t.metaKey); break; default: n = !1; } else 36 === t.keyCode && t.ctrlKey ? e.datepicker._showDatepicker(this) : (n = !1); n && (t.preventDefault(), t.stopPropagation()); }, _doKeyPress: function (t) { var a, i, s = e.datepicker._getInst(t.target); return e.datepicker._get(s, "constrainInput") ? ((a = e.datepicker._possibleChars(e.datepicker._get(s, "dateFormat"))), (i = String.fromCharCode(null == t.charCode ? t.keyCode : t.charCode)), t.ctrlKey || t.metaKey || " " > i || !a || a.indexOf(i) > -1) : void 0; }, _doKeyUp: function (t) { var a, i = e.datepicker._getInst(t.target); if (i.input.val() !== i.lastVal) try { (a = e.datepicker.parseDate(e.datepicker._get(i, "dateFormat"), i.input ? i.input.val() : null, e.datepicker._getFormatConfig(i))), a && (e.datepicker._setDateFromField(i), e.datepicker._updateAlternate(i), e.datepicker._updateDatepicker(i)); } catch (s) {} return !0; }, _showDatepicker: function (a) { if (((a = a.target || a), "input" !== a.nodeName.toLowerCase() && (a = e("input", a.parentNode)[0]), !e.datepicker._isDisabledDatepicker(a) && e.datepicker._lastInput !== a)) { var i, s, n, d, c, o, l; (i = e.datepicker._getInst(a)), e.datepicker._curInst && e.datepicker._curInst !== i && (e.datepicker._curInst.dpDiv.stop(!0, !0), i && e.datepicker._datepickerShowing && e.datepicker._hideDatepicker(e.datepicker._curInst.input[0])), (s = e.datepicker._get(i, "beforeShow")), (n = s ? s.apply(a, [a, i]) : {}), n !== !1 && (r(i.settings, n), (i.lastVal = null), (e.datepicker._lastInput = a), e.datepicker._setDateFromField(i), e.datepicker._inDialog && (a.value = ""), e.datepicker._pos || ((e.datepicker._pos = e.datepicker._findPos(a)), (e.datepicker._pos[1] += a.offsetHeight)), (d = !1), e(a) .parents() .each(function () { return (d |= "fixed" === e(this).css("position")), !d; }), (c = { left: e.datepicker._pos[0], top: e.datepicker._pos[1], }), (e.datepicker._pos = null), i.dpDiv.empty(), i.dpDiv.css({ position: "absolute", display: "block", top: "-1000px", }), e.datepicker._updateDatepicker(i), (c = e.datepicker._checkOffset(i, c, d)), i.dpDiv.css({ position: e.datepicker._inDialog && e.blockUI ? "static" : d ? "fixed" : "absolute", display: "none", left: c.left + "px", top: c.top + "px", }), i.inline || ((o = e.datepicker._get(i, "showAnim")), (l = e.datepicker._get(i, "duration")), i.dpDiv.css("z-index", t(e(a)) + 1), (e.datepicker._datepickerShowing = !0), e.effects && e.effects.effect[o] ? i.dpDiv.show(o, e.datepicker._get(i, "showOptions"), l) : i.dpDiv[o || "show"](o ? l : null), e.datepicker._shouldFocusInput(i) && i.input.trigger("focus"), (e.datepicker._curInst = i))); } }, _updateDatepicker: function (t) { (this.maxRows = 4), (n = t), t.dpDiv.empty().append(this._generateHTML(t)), this._attachHandlers(t); var a, i = this._getNumberOfMonths(t), r = i[1], d = 17, c = t.dpDiv.find("." + this._dayOverClass + " a"); c.length > 0 && s.apply(c.get(0)), t.dpDiv.removeClass("ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4").width(""), r > 1 && t.dpDiv.addClass("ui-datepicker-multi-" + r).css("width", d * r + "em"), t.dpDiv[(1 !== i[0] || 1 !== i[1] ? "add" : "remove") + "Class"]("ui-datepicker-multi"), t.dpDiv[(this._get(t, "isRTL") ? "add" : "remove") + "Class"]("ui-datepicker-rtl"), t === e.datepicker._curInst && e.datepicker._datepickerShowing && e.datepicker._shouldFocusInput(t) && t.input.trigger("focus"), t.yearshtml && ((a = t.yearshtml), setTimeout(function () { a === t.yearshtml && t.yearshtml && t.dpDiv.find("select.ui-datepicker-year:first").replaceWith(t.yearshtml), (a = t.yearshtml = null); }, 0)); }, _shouldFocusInput: function (e) { return e.input && e.input.is(":visible") && !e.input.is(":disabled") && !e.input.is(":focus"); }, _checkOffset: function (t, a, i) { var s = t.dpDiv.outerWidth(), r = t.dpDiv.outerHeight(), n = t.input ? t.input.outerWidth() : 0, d = t.input ? t.input.outerHeight() : 0, c = document.documentElement.clientWidth + (i ? 0 : e(document).scrollLeft()), o = document.documentElement.clientHeight + (i ? 0 : e(document).scrollTop()); return ( (a.left -= this._get(t, "isRTL") ? s - n : 0), (a.left -= i && a.left === t.input.offset().left ? e(document).scrollLeft() : 0), (a.top -= i && a.top === t.input.offset().top + d ? e(document).scrollTop() : 0), (a.left -= Math.min(a.left, a.left + s > c && c > s ? Math.abs(a.left + s - c) : 0)), (a.top -= Math.min(a.top, a.top + r > o && o > r ? Math.abs(r + d) : 0)), a ); }, _findPos: function (t) { for (var a, i = this._getInst(t), s = this._get(i, "isRTL"); t && ("hidden" === t.type || 1 !== t.nodeType || e.expr.filters.hidden(t)); ) t = t[s ? "previousSibling" : "nextSibling"]; return (a = e(t).offset()), [a.left, a.top]; }, _hideDatepicker: function (t) { var a, i, s, r, n = this._curInst; !n || (t && n !== e.data(t, "datepicker")) || (this._datepickerShowing && ((a = this._get(n, "showAnim")), (i = this._get(n, "duration")), (s = function () { e.datepicker._tidyDialog(n); }), e.effects && (e.effects.effect[a] || e.effects[a]) ? n.dpDiv.hide(a, e.datepicker._get(n, "showOptions"), i, s) : n.dpDiv["slideDown" === a ? "slideUp" : "fadeIn" === a ? "fadeOut" : "hide"](a ? i : null, s), a || s(), (this._datepickerShowing = !1), (r = this._get(n, "onClose")), r && r.apply(n.input ? n.input[0] : null, [n.input ? n.input.val() : "", n]), (this._lastInput = null), this._inDialog && (this._dialogInput.css({ position: "absolute", left: "0", top: "-100px", }), e.blockUI && (e.unblockUI(), e("body").append(this.dpDiv))), (this._inDialog = !1))); }, _tidyDialog: function (e) { e.dpDiv.removeClass(this._dialogClass).off(".ui-datepicker-calendar"); }, _checkExternalClick: function (t) { if (e.datepicker._curInst) { var a = e(t.target), i = e.datepicker._getInst(a[0]); ((a[0].id !== e.datepicker._mainDivId && 0 === a.parents("#" + e.datepicker._mainDivId).length && !a.hasClass(e.datepicker.markerClassName) && !a.closest("." + e.datepicker._triggerClass).length && e.datepicker._datepickerShowing && (!e.datepicker._inDialog || !e.blockUI)) || (a.hasClass(e.datepicker.markerClassName) && e.datepicker._curInst !== i)) && e.datepicker._hideDatepicker(); } }, _adjustDate: function (t, a, i) { var s = e(t), r = this._getInst(s[0]); this._isDisabledDatepicker(s[0]) || (this._adjustInstDate(r, a + ("M" === i ? this._get(r, "showCurrentAtPos") : 0), i), this._updateDatepicker(r)); }, _gotoToday: function (t) { var a, i = e(t), s = this._getInst(i[0]); this._get(s, "gotoCurrent") && s.currentDay ? ((s.selectedDay = s.currentDay), (s.drawMonth = s.selectedMonth = s.currentMonth), (s.drawYear = s.selectedYear = s.currentYear)) : ((a = new Date()), (s.selectedDay = a.getDate()), (s.drawMonth = s.selectedMonth = a.getMonth()), (s.drawYear = s.selectedYear = a.getFullYear())), this._notifyChange(s), this._adjustDate(i); }, _selectMonthYear: function (t, a, i) { var s = e(t), r = this._getInst(s[0]); (r["selected" + ("M" === i ? "Month" : "Year")] = r["draw" + ("M" === i ? "Month" : "Year")] = parseInt(a.options[a.selectedIndex].value, 10)), this._notifyChange(r), this._adjustDate(s); }, _selectDay: function (t, a, i, s) { var r, n = e(t); e(s).hasClass(this._unselectableClass) || this._isDisabledDatepicker(n[0]) || ((r = this._getInst(n[0])), (r.selectedDay = r.currentDay = e("a", s).html()), (r.selectedMonth = r.currentMonth = a), (r.selectedYear = r.currentYear = i), this._selectDate(t, this._formatDate(r, r.currentDay, r.currentMonth, r.currentYear))); }, _clearDate: function (t) { var a = e(t); this._selectDate(a, ""); }, _selectDate: function (t, a) { var i, s = e(t), r = this._getInst(s[0]); (a = null != a ? a : this._formatDate(r)), r.input && r.input.val(a), this._updateAlternate(r), (i = this._get(r, "onSelect")), i ? i.apply(r.input ? r.input[0] : null, [a, r]) : r.input && r.input.trigger("change"), r.inline ? this._updateDatepicker(r) : (this._hideDatepicker(), (this._lastInput = r.input[0]), "object" != typeof r.input[0] && r.input.trigger("focus"), (this._lastInput = null)); }, _updateAlternate: function (t) { var a, i, s, r = this._get(t, "altField"); r && ((a = this._get(t, "altFormat") || this._get(t, "dateFormat")), (i = this._getDate(t)), (s = this.formatDate(a, i, this._getFormatConfig(t))), e(r).val(s)); }, noWeekends: function (e) { var t = e.getDay(); return [t > 0 && 6 > t, ""]; }, iso8601Week: function (e) { var t, a = new Date(e.getTime()); return a.setDate(a.getDate() + 4 - (a.getDay() || 7)), (t = a.getTime()), a.setMonth(0), a.setDate(1), Math.floor(Math.round((t - a) / 864e5) / 7) + 1; }, parseDate: function (t, a, i) { if (null == t || null == a) throw "Invalid arguments"; if (((a = "object" == typeof a ? "" + a : a + ""), "" === a)) return null; var s, r, n, d, c = 0, o = (i ? i.shortYearCutoff : null) || this._defaults.shortYearCutoff, l = "string" != typeof o ? o : (new Date().getFullYear() % 100) + parseInt(o, 10), h = (i ? i.dayNamesShort : null) || this._defaults.dayNamesShort, u = (i ? i.dayNames : null) || this._defaults.dayNames, p = (i ? i.monthNamesShort : null) || this._defaults.monthNamesShort, g = (i ? i.monthNames : null) || this._defaults.monthNames, _ = -1, f = -1, k = -1, D = -1, m = !1, y = function (e) { var a = t.length > s + 1 && t.charAt(s + 1) === e; return a && s++, a; }, v = function (e) { var t = y(e), i = "@" === e ? 14 : "!" === e ? 20 : "y" === e && t ? 4 : "o" === e ? 3 : 2, s = "y" === e ? i : 1, r = RegExp("^\\d{" + s + "," + i + "}"), n = a.substring(c).match(r); if (!n) throw "Missing number at position " + c; return (c += n[0].length), parseInt(n[0], 10); }, M = function (t, i, s) { var r = -1, n = e .map(y(t) ? s : i, function (e, t) { return [[t, e]]; }) .sort(function (e, t) { return -(e[1].length - t[1].length); }); if ( (e.each(n, function (e, t) { var i = t[1]; return a.substr(c, i.length).toLowerCase() === i.toLowerCase() ? ((r = t[0]), (c += i.length), !1) : void 0; }), -1 !== r) ) return r + 1; throw "Unknown name at position " + c; }, w = function () { if (a.charAt(c) !== t.charAt(s)) throw "Unexpected literal at position " + c; c++; }; for (s = 0; t.length > s; s++) if (m) "'" !== t.charAt(s) || y("'") ? w() : (m = !1); else switch (t.charAt(s)) { case "d": k = v("d"); break; case "D": M("D", h, u); break; case "o": D = v("o"); break; case "m": f = v("m"); break; case "M": f = M("M", p, g); break; case "y": _ = v("y"); break; case "@": (d = new Date(v("@"))), (_ = d.getFullYear()), (f = d.getMonth() + 1), (k = d.getDate()); break; case "!": (d = new Date((v("!") - this._ticksTo1970) / 1e4)), (_ = d.getFullYear()), (f = d.getMonth() + 1), (k = d.getDate()); break; case "'": y("'") ? w() : (m = !0); break; default: w(); } if (a.length > c && ((n = a.substr(c)), !/^\s+/.test(n))) throw "Extra/unparsed characters found in date: " + n; if ((-1 === _ ? (_ = new Date().getFullYear()) : 100 > _ && (_ += new Date().getFullYear() - (new Date().getFullYear() % 100) + (l >= _ ? 0 : -100)), D > -1)) for (f = 1, k = D; (r = this._getDaysInMonth(_, f - 1)), !(r >= k); ) f++, (k -= r); if (((d = this._daylightSavingAdjust(new Date(_, f - 1, k))), d.getFullYear() !== _ || d.getMonth() + 1 !== f || d.getDate() !== k)) throw "Invalid date"; return d; }, ATOM: "yy-mm-dd", COOKIE: "D, dd M yy", ISO_8601: "yy-mm-dd", RFC_822: "D, d M y", RFC_850: "DD, dd-M-y", RFC_1036: "D, d M y", RFC_1123: "D, d M yy", RFC_2822: "D, d M yy", RSS: "D, d M y", TICKS: "!", TIMESTAMP: "@", W3C: "yy-mm-dd", _ticksTo1970: 864e9 * (718685 + Math.floor(492.5) - Math.floor(19.7) + Math.floor(4.925)), formatDate: function (e, t, a) { if (!t) return ""; var i, s = (a ? a.dayNamesShort : null) || this._defaults.dayNamesShort, r = (a ? a.dayNames : null) || this._defaults.dayNames, n = (a ? a.monthNamesShort : null) || this._defaults.monthNamesShort, d = (a ? a.monthNames : null) || this._defaults.monthNames, c = function (t) { var a = e.length > i + 1 && e.charAt(i + 1) === t; return a && i++, a; }, o = function (e, t, a) { var i = "" + t; if (c(e)) for (; a > i.length; ) i = "0" + i; return i; }, l = function (e, t, a, i) { return c(e) ? i[t] : a[t]; }, h = "", u = !1; if (t) for (i = 0; e.length > i; i++) if (u) "'" !== e.charAt(i) || c("'") ? (h += e.charAt(i)) : (u = !1); else switch (e.charAt(i)) { case "d": h += o("d", t.getDate(), 2); break; case "D": h += l("D", t.getDay(), s, r); break; case "o": h += o("o", Math.round((new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime() - new Date(t.getFullYear(), 0, 0).getTime()) / 864e5), 3); break; case "m": h += o("m", t.getMonth() + 1, 2); break; case "M": h += l("M", t.getMonth(), n, d); break; case "y": h += c("y") ? t.getFullYear() : (10 > t.getFullYear() % 100 ? "0" : "") + (t.getFullYear() % 100); break; case "@": h += t.getTime(); break; case "!": h += 1e4 * t.getTime() + this._ticksTo1970; break; case "'": c("'") ? (h += "'") : (u = !0); break; default: h += e.charAt(i); } return h; }, _possibleChars: function (e) { var t, a = "", i = !1, s = function (a) { var i = e.length > t + 1 && e.charAt(t + 1) === a; return i && t++, i; }; for (t = 0; e.length > t; t++) if (i) "'" !== e.charAt(t) || s("'") ? (a += e.charAt(t)) : (i = !1); else switch (e.charAt(t)) { case "d": case "m": case "y": case "@": a += "0123456789"; break; case "D": case "M": return null; case "'": s("'") ? (a += "'") : (i = !0); break; default: a += e.charAt(t); } return a; }, _get: function (e, t) { return void 0 !== e.settings[t] ? e.settings[t] : this._defaults[t]; }, _setDateFromField: function (e, t) { if (e.input.val() !== e.lastVal) { var a = this._get(e, "dateFormat"), i = (e.lastVal = e.input ? e.input.val() : null), s = this._getDefaultDate(e), r = s, n = this._getFormatConfig(e); try { r = this.parseDate(a, i, n) || s; } catch (d) { i = t ? "" : i; } (e.selectedDay = r.getDate()), (e.drawMonth = e.selectedMonth = r.getMonth()), (e.drawYear = e.selectedYear = r.getFullYear()), (e.currentDay = i ? r.getDate() : 0), (e.currentMonth = i ? r.getMonth() : 0), (e.currentYear = i ? r.getFullYear() : 0), this._adjustInstDate(e); } }, _getDefaultDate: function (e) { return this._restrictMinMax(e, this._determineDate(e, this._get(e, "defaultDate"), new Date())); }, _determineDate: function (t, a, i) { var s = function (e) { var t = new Date(); return t.setDate(t.getDate() + e), t; }, r = function (a) { try { return e.datepicker.parseDate(e.datepicker._get(t, "dateFormat"), a, e.datepicker._getFormatConfig(t)); } catch (i) {} for ( var s = (a.toLowerCase().match(/^c/) ? e.datepicker._getDate(t) : null) || new Date(), r = s.getFullYear(), n = s.getMonth(), d = s.getDate(), c = /([+\-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?/g, o = c.exec(a); o; ) { switch (o[2] || "d") { case "d": case "D": d += parseInt(o[1], 10); break; case "w": case "W": d += 7 * parseInt(o[1], 10); break; case "m": case "M": (n += parseInt(o[1], 10)), (d = Math.min(d, e.datepicker._getDaysInMonth(r, n))); break; case "y": case "Y": (r += parseInt(o[1], 10)), (d = Math.min(d, e.datepicker._getDaysInMonth(r, n))); } o = c.exec(a); } return new Date(r, n, d); }, n = null == a || "" === a ? i : "string" == typeof a ? r(a) : "number" == typeof a ? (isNaN(a) ? i : s(a)) : new Date(a.getTime()); return (n = n && "Invalid Date" == "" + n ? i : n), n && (n.setHours(0), n.setMinutes(0), n.setSeconds(0), n.setMilliseconds(0)), this._daylightSavingAdjust(n); }, _daylightSavingAdjust: function (e) { return e ? (e.setHours(e.getHours() > 12 ? e.getHours() + 2 : 0), e) : null; }, _setDate: function (e, t, a) { var i = !t, s = e.selectedMonth, r = e.selectedYear, n = this._restrictMinMax(e, this._determineDate(e, t, new Date())); (e.selectedDay = e.currentDay = n.getDate()), (e.drawMonth = e.selectedMonth = e.currentMonth = n.getMonth()), (e.drawYear = e.selectedYear = e.currentYear = n.getFullYear()), (s === e.selectedMonth && r === e.selectedYear) || a || this._notifyChange(e), this._adjustInstDate(e), e.input && e.input.val(i ? "" : this._formatDate(e)); }, _getDate: function (e) { var t = !e.currentYear || (e.input && "" === e.input.val()) ? null : this._daylightSavingAdjust(new Date(e.currentYear, e.currentMonth, e.currentDay)); return t; }, _attachHandlers: function (t) { var a = this._get(t, "stepMonths"), i = "#" + t.id.replace(/\\\\/g, "\\"); t.dpDiv.find("[data-handler]").map(function () { var t = { prev: function () { e.datepicker._adjustDate(i, -a, "M"); }, next: function () { e.datepicker._adjustDate(i, +a, "M"); }, hide: function () { e.datepicker._hideDatepicker(); }, today: function () { e.datepicker._gotoToday(i); }, selectDay: function () { return e.datepicker._selectDay(i, +this.getAttribute("data-month"), +this.getAttribute("data-year"), this), !1; }, selectMonth: function () { return e.datepicker._selectMonthYear(i, this, "M"), !1; }, selectYear: function () { return e.datepicker._selectMonthYear(i, this, "Y"), !1; }, }; e(this).on(this.getAttribute("data-event"), t[this.getAttribute("data-handler")]); }); }, _generateHTML: function (e) { var t, a, i, s, r, n, d, c, o, l, h, u, p, g, _, f, k, D, m, y, v, M, w, b, C, I, x, Y, N, S, F, T, A, K, j, O, E, R, P, L = new Date(), W = this._daylightSavingAdjust(new Date(L.getFullYear(), L.getMonth(), L.getDate())), H = this._get(e, "isRTL"), U = this._get(e, "showButtonPanel"), z = this._get(e, "hideIfNoPrevNext"), B = this._get(e, "navigationAsDateFormat"), J = this._getNumberOfMonths(e), V = this._get(e, "showCurrentAtPos"), G = this._get(e, "stepMonths"), q = 1 !== J[0] || 1 !== J[1], Q = this._daylightSavingAdjust(e.currentDay ? new Date(e.currentYear, e.currentMonth, e.currentDay) : new Date(9999, 9, 9)), X = this._getMinMaxDate(e, "min"), Z = this._getMinMaxDate(e, "max"), $ = e.drawMonth - V, ee = e.drawYear; if ((0 > $ && (($ += 12), ee--), Z)) for (t = this._daylightSavingAdjust(new Date(Z.getFullYear(), Z.getMonth() - J[0] * J[1] + 1, Z.getDate())), t = X && X > t ? X : t; this._daylightSavingAdjust(new Date(ee, $, 1)) > t; ) $--, 0 > $ && (($ = 11), ee--); for ( e.drawMonth = $, e.drawYear = ee, a = this._get(e, "prevText"), a = B ? this.formatDate(a, this._daylightSavingAdjust(new Date(ee, $ - G, 1)), this._getFormatConfig(e)) : a, i = this._canAdjustMonth(e, -1, ee, $) ? "<a href='javascript:;' class='ui-datepicker-prev ui-corner-all' data-handler='prev' data-event='click' title='" + a + "'><span class='ui-icon ui-icon-circle-triangle-" + (H ? "e" : "w") + "'>" + a + "</span></a>" : z ? "" : "<a class='ui-datepicker-prev ui-corner-all ui-state-disabled' title='" + a + "'><span class='ui-icon ui-icon-circle-triangle-" + (H ? "e" : "w") + "'>" + a + "</span></a>", s = this._get(e, "nextText"), s = B ? this.formatDate(s, this._daylightSavingAdjust(new Date(ee, $ + G, 1)), this._getFormatConfig(e)) : s, r = this._canAdjustMonth(e, 1, ee, $) ? "<a href='javascript:;' class='ui-datepicker-next ui-corner-all' data-handler='next' data-event='click' title='" + s + "'><span class='ui-icon ui-icon-circle-triangle-" + (H ? "w" : "e") + "'>" + s + "</span></a>" : z ? "" : "<a class='ui-datepicker-next ui-corner-all ui-state-disabled' title='" + s + "'><span class='ui-icon ui-icon-circle-triangle-" + (H ? "w" : "e") + "'>" + s + "</span></a>", n = this._get(e, "currentText"), d = this._get(e, "gotoCurrent") && e.currentDay ? Q : W, n = B ? this.formatDate(n, d, this._getFormatConfig(e)) : n, c = e.inline ? "" : "<button type='button' class='ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all' data-handler='hide' data-event='click'>" + this._get(e, "closeText") + "</button>", o = U ? "<div class='ui-datepicker-buttonpane ui-widget-content'>" + (H ? c : "") + (this._isInRange(e, d) ? "<button type='button' class='ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all' data-handler='today' data-event='click'>" + n + "</button>" : "") + (H ? "" : c) + "</div>" : "", l = parseInt(this._get(e, "firstDay"), 10), l = isNaN(l) ? 0 : l, h = this._get(e, "showWeek"), u = this._get(e, "dayNames"), p = this._get(e, "dayNamesMin"), g = this._get(e, "monthNames"), _ = this._get(e, "monthNamesShort"), f = this._get(e, "beforeShowDay"), k = this._get(e, "showOtherMonths"), D = this._get(e, "selectOtherMonths"), m = this._getDefaultDate(e), y = "", M = 0; J[0] > M; M++ ) { for (w = "", this.maxRows = 4, b = 0; J[1] > b; b++) { if (((C = this._daylightSavingAdjust(new Date(ee, $, e.selectedDay))), (I = " ui-corner-all"), (x = ""), q)) { if (((x += "<div class='ui-datepicker-group"), J[1] > 1)) switch (b) { case 0: (x += " ui-datepicker-group-first"), (I = " ui-corner-" + (H ? "right" : "left")); break; case J[1] - 1: (x += " ui-datepicker-group-last"), (I = " ui-corner-" + (H ? "left" : "right")); break; default: (x += " ui-datepicker-group-middle"), (I = ""); } x += "'>"; } for ( x += "<div class='ui-datepicker-header ui-widget-header ui-helper-clearfix" + I + "'>" + (/all|left/.test(I) && 0 === M ? (H ? r : i) : "") + (/all|right/.test(I) && 0 === M ? (H ? i : r) : "") + this._generateMonthYearHeader(e, $, ee, X, Z, M > 0 || b > 0, g, _) + "</div><table class='ui-datepicker-calendar'><thead><tr>", Y = h ? "<th class='ui-datepicker-week-col'>" + this._get(e, "weekHeader") + "</th>" : "", v = 0; 7 > v; v++ ) (N = (v + l) % 7), (Y += "<th scope='col'" + ((v + l + 6) % 7 >= 5 ? " class='ui-datepicker-week-end'" : "") + "><span title='" + u[N] + "'>" + p[N] + "</span></th>"); for ( x += Y + "</tr></thead><tbody>", S = this._getDaysInMonth(ee, $), ee === e.selectedYear && $ === e.selectedMonth && (e.selectedDay = Math.min(e.selectedDay, S)), F = (this._getFirstDayOfMonth(ee, $) - l + 7) % 7, T = Math.ceil((F + S) / 7), A = q && this.maxRows > T ? this.maxRows : T, this.maxRows = A, K = this._daylightSavingAdjust(new Date(ee, $, 1 - F)), j = 0; A > j; j++ ) { for (x += "<tr>", O = h ? "<td class='ui-datepicker-week-col'>" + this._get(e, "calculateWeek")(K) + "</td>" : "", v = 0; 7 > v; v++) (E = f ? f.apply(e.input ? e.input[0] : null, [K]) : [!0, ""]), (R = K.getMonth() !== $), (P = (R && !D) || !E[0] || (X && X > K) || (Z && K > Z)), (O += "<td class='" + ((v + l + 6) % 7 >= 5 ? " ui-datepicker-week-end" : "") + (R ? " ui-datepicker-other-month" : "") + ((K.getTime() === C.getTime() && $ === e.selectedMonth && e._keyEvent) || (m.getTime() === K.getTime() && m.getTime() === C.getTime()) ? " " + this._dayOverClass : "") + (P ? " " + this._unselectableClass + " ui-state-disabled" : "") + (R && !k ? "" : " " + E[1] + (K.getTime() === Q.getTime() ? " " + this._currentClass : "") + (K.getTime() === W.getTime() ? " ui-datepicker-today" : "")) + "'" + ((R && !k) || !E[2] ? "" : " title='" + E[2].replace(/'/g, "'") + "'") + (P ? "" : " data-handler='selectDay' data-event='click' data-month='" + K.getMonth() + "' data-year='" + K.getFullYear() + "'") + ">" + (R && !k ? " " : P ? "<span class='ui-state-default'>" + K.getDate() + "</span>" : "<a class='ui-state-default" + (K.getTime() === W.getTime() ? " ui-state-highlight" : "") + (K.getTime() === Q.getTime() ? " ui-state-active" : "") + (R ? " ui-priority-secondary" : "") + "' href='#'>" + K.getDate() + "</a>") + "</td>"), K.setDate(K.getDate() + 1), (K = this._daylightSavingAdjust(K)); x += O + "</tr>"; } $++, $ > 11 && (($ = 0), ee++), (x += "</tbody></table>" + (q ? "</div>" + (J[0] > 0 && b === J[1] - 1 ? "<div class='ui-datepicker-row-break'></div>" : "") : "")), (w += x); } y += w; } return (y += o), (e._keyEvent = !1), y; }, _generateMonthYearHeader: function (e, t, a, i, s, r, n, d) { var c, o, l, h, u, p, g, _, f = this._get(e, "changeMonth"), k = this._get(e, "changeYear"), D = this._get(e, "showMonthAfterYear"), m = "<div class='ui-datepicker-title'>", y = ""; if (r || !f) y += "<span class='ui-datepicker-month'>" + n[t] + "</span>"; else { for (c = i && i.getFullYear() === a, o = s && s.getFullYear() === a, y += "<select class='ui-datepicker-month' data-handler='selectMonth' data-event='change'>", l = 0; 12 > l; l++) (!c || l >= i.getMonth()) && (!o || s.getMonth() >= l) && (y += "<option value='" + l + "'" + (l === t ? " selected='selected'" : "") + ">" + d[l] + "</option>"); y += "</select>"; } if ((D || (m += y + (!r && f && k ? "" : " ")), !e.yearshtml)) if (((e.yearshtml = ""), r || !k)) m += "<span class='ui-datepicker-year'>" + a + "</span>"; else { for ( h = this._get(e, "yearRange").split(":"), u = new Date().getFullYear(), p = function (e) { var t = e.match(/c[+\-].*/) ? a + parseInt(e.substring(1), 10) : e.match(/[+\-].*/) ? u + parseInt(e, 10) : parseInt(e, 10); return isNaN(t) ? u : t; }, g = p(h[0]), _ = Math.max(g, p(h[1] || "")), g = i ? Math.max(g, i.getFullYear()) : g, _ = s ? Math.min(_, s.getFullYear()) : _, e.yearshtml += "<select class='ui-datepicker-year' data-handler='selectYear' data-event='change'>"; _ >= g; g++ ) e.yearshtml += "<option value='" + g + "'" + (g === a ? " selected='selected'" : "") + ">" + g + "</option>"; (e.yearshtml += "</select>"), (m += e.yearshtml), (e.yearshtml = null); } return (m += this._get(e, "yearSuffix")), D && (m += (!r && f && k ? "" : " ") + y), (m += "</div>"); }, _adjustInstDate: function (e, t, a) { var i = e.selectedYear + ("Y" === a ? t : 0), s = e.selectedMonth + ("M" === a ? t : 0), r = Math.min(e.selectedDay, this._getDaysInMonth(i, s)) + ("D" === a ? t : 0), n = this._restrictMinMax(e, this._daylightSavingAdjust(new Date(i, s, r))); (e.selectedDay = n.getDate()), (e.drawMonth = e.selectedMonth = n.getMonth()), (e.drawYear = e.selectedYear = n.getFullYear()), ("M" === a || "Y" === a) && this._notifyChange(e); }, _restrictMinMax: function (e, t) { var a = this._getMinMaxDate(e, "min"), i = this._getMinMaxDate(e, "max"), s = a && a > t ? a : t; return i && s > i ? i : s; }, _notifyChange: function (e) { var t = this._get(e, "onChangeMonthYear"); t && t.apply(e.input ? e.input[0] : null, [e.selectedYear, e.selectedMonth + 1, e]); }, _getNumberOfMonths: function (e) { var t = this._get(e, "numberOfMonths"); return null == t ? [1, 1] : "number" == typeof t ? [1, t] : t; }, _getMinMaxDate: function (e, t) { return this._determineDate(e, this._get(e, t + "Date"), null); }, _getDaysInMonth: function (e, t) { return 32 - this._daylightSavingAdjust(new Date(e, t, 32)).getDate(); }, _getFirstDayOfMonth: function (e, t) { return new Date(e, t, 1).getDay(); }, _canAdjustMonth: function (e, t, a, i) { var s = this._getNumberOfMonths(e), r = this._daylightSavingAdjust(new Date(a, i + (0 > t ? t : s[0] * s[1]), 1)); return 0 > t && r.setDate(this._getDaysInMonth(r.getFullYear(), r.getMonth())), this._isInRange(e, r); }, _isInRange: function (e, t) { var a, i, s = this._getMinMaxDate(e, "min"), r = this._getMinMaxDate(e, "max"), n = null, d = null, c = this._get(e, "yearRange"); return ( c && ((a = c.split(":")), (i = new Date().getFullYear()), (n = parseInt(a[0], 10)), (d = parseInt(a[1], 10)), a[0].match(/[+\-].*/) && (n += i), a[1].match(/[+\-].*/) && (d += i)), (!s || t.getTime() >= s.getTime()) && (!r || t.getTime() <= r.getTime()) && (!n || t.getFullYear() >= n) && (!d || d >= t.getFullYear()) ); }, _getFormatConfig: function (e) { var t = this._get(e, "shortYearCutoff"); return ( (t = "string" != typeof t ? t : (new Date().getFullYear() % 100) + parseInt(t, 10)), { shortYearCutoff: t, dayNamesShort: this._get(e, "dayNamesShort"), dayNames: this._get(e, "dayNames"), monthNamesShort: this._get(e, "monthNamesShort"), monthNames: this._get(e, "monthNames"), } ); }, _formatDate: function (e, t, a, i) { t || ((e.currentDay = e.selectedDay), (e.currentMonth = e.selectedMonth), (e.currentYear = e.selectedYear)); var s = t ? ("object" == typeof t ? t : this._daylightSavingAdjust(new Date(i, a, t))) : this._daylightSavingAdjust(new Date(e.currentYear, e.currentMonth, e.currentDay)); return this.formatDate(this._get(e, "dateFormat"), s, this._getFormatConfig(e)); }, }), (e.fn.datepicker = function (t) { if (!this.length) return this; e.datepicker.initialized || (e(document).on("mousedown", e.datepicker._checkExternalClick), (e.datepicker.initialized = !0)), 0 === e("#" + e.datepicker._mainDivId).length && e("body").append(e.datepicker.dpDiv); var a = Array.prototype.slice.call(arguments, 1); return "string" != typeof t || ("isDisabled" !== t && "getDate" !== t && "widget" !== t) ? "option" === t && 2 === arguments.length && "string" == typeof arguments[1] ? e.datepicker["_" + t + "Datepicker"].apply(e.datepicker, [this[0]].concat(a)) : this.each(function () { "string" == typeof t ? e.datepicker["_" + t + "Datepicker"].apply(e.datepicker, [this].concat(a)) : e.datepicker._attachDatepicker(this, t); }) : e.datepicker["_" + t + "Datepicker"].apply(e.datepicker, [this[0]].concat(a)); }), (e.datepicker = new a()), (e.datepicker.initialized = !1), (e.datepicker.uuid = new Date().getTime()), (e.datepicker.version = "1.12.1"), e.datepicker; }); !(function (e) { "object" == typeof exports ? e(require("jquery")) : "function" == typeof define && define.amd ? define(["jquery"], e) : e(jQuery); })(function (e) { "use strict"; function n(n, t) { return e(n).trigger("DOMChanged", t); } function t(n, t) { var r = e.fn[n]; r && (e.fn[n] = function () { var e = Array.prototype.slice.apply(arguments), n = r.apply(this, e); return t.apply(this, e), n; }); } t("prepend", function () { return n(this, "prepend"); }), t("append", function () { return n(this, "append"); }), t("before", function () { return n(e(this).parent(), "before"); }), t("after", function () { return n(e(this).parent(), "after"); }), t("html", function (e) { return "string" == typeof e ? n(this, "html") : void 0; }); }); var EurolandToolIntegrationObject = new (function () { function t(t) { switch ((t || (t = window.event), t.origin)) { case "http://tools.eurolandir.com": case "https://tools.eurolandir.com": case "http://tools.euroland.com": case "https://tools.euroland.com": case "http://asia.tools.euroland.com": case "https://asia.tools.euroland.com": case "http://gamma1n.euroland.com": case "https://gamma1n.euroland.com": case "http://gamma.euroland.com": case "https://gamma.euroland.com": break; default: var e = t.origin.split("."); if (2 > e) return; if ("com" != e[e.length - 1] || "euroland" != e[e.length - 2]) return; } var n, o, a; try { n = JSON.parse(t.data); } catch (t) { return; } n.iFrame && "number" == typeof n.iFrame.height && "number" == typeof n.iFrame.index && r.length > n.iFrame.index && ((o = r[n.iFrame.index]), o.height < 0 && (o.height = parseFloat(o.iFrame.offsetHeight)), (a = n.iFrame.height - o.height), (o.iFrame.height = n.iFrame.height), (o.height = n.iFrame.height), (o.iFrame.style.height = n.iFrame.height + "px"), o.callback != u && o.callback(a), window.irLnbViews && window.irLnbViews.onDOMChangedFunc()); } function e() { return document.all ? ("undefined" == typeof document.documentMode ? n() : Math.floor(parseFloat(document.documentMode))) : 0; } function n() { if (!document.all) return 0; if (null != a) return a; var t, e = navigator.userAgent; return (t = e.search("MSIE")), -1 == t ? 0 : ((a = e.substring(t + 4, e.indexOf(";", t))), (a = Math.floor(parseFloat(a)))); } function o(t, e, n) { var o, i = { iFrame: t, index: r.length, height: -1, callback: e }; (t.width = "100%"), (t.allowTransparency = !0), (t.style.background = "transparent"), t.setAttribute("scrolling", "no"), a && 7 > a ? (t.style.width = "100%") : ((t.style.minWidth = "100%"), (t.style.width = "1px")), (t.style.maxHeight = "none"), (t.style.minHeight = "0px"), r.push(i), (o = "ActivateEurolandToolAutoSizeObject-" + i.index), n && (o += "-1"), t.contentWindow.postMessage(o, "*"), (t.onload = function () { t.contentWindow.postMessage(o, "*"); }); } var r = [], a = e(), i = !1, u = function () {}; this.set = function (e, n, r) { var f; if (window.postMessage && !(a && 8 > a)) { switch (("function" != typeof n && (n = u), "boolean" != typeof r && (r = !1), typeof e)) { case "string": try { f = document.getElementById(e); } catch (s) { return !1; } break; case "object": if (null == e) return !1; f = e; break; default: return !1; } "object" == typeof f && null != f && f.nodeName && "iframe" == f.nodeName.toLowerCase() && (i || ((i = !0), window.addEventListener ? window.addEventListener("message", t) : window.attachEvent("onmessage", t)), o(f, n, r)); } }; })(), JSON; JSON || (JSON = {}), (function () { "use strict"; function f(t) { return 10 > t ? "0" + t : t; } function quote(t) { return ( (escapable.lastIndex = 0), escapable.test(t) ? '"' + t.replace(escapable, function (t) { var e = meta[t]; return "string" == typeof e ? e : "\\u" + ("0000" + t.charCodeAt(0).toString(16)).slice(-4); }) + '"' : '"' + t + '"' ); } function str(t, e) { var n, o, r, a, i, u = gap, f = e[t]; switch ((f && "object" == typeof f && "function" == typeof f.toJSON && (f = f.toJSON(t)), "function" == typeof rep && (f = rep.call(e, t, f)), typeof f)) { case "string": return quote(f); case "number": return isFinite(f) ? String(f) : "null"; case "boolean": case "null": return String(f); case "object": if (!f) return "null"; if (((gap += indent), (i = []), "[object Array]" === Object.prototype.toString.apply(f))) { for (a = f.length, n = 0; a > n; n += 1) i[n] = str(n, f) || "null"; return (r = 0 === i.length ? "[]" : gap ? "[\n" + gap + i.join(",\n" + gap) + "\n" + u + "]" : "[" + i.join(",") + "]"), (gap = u), r; } if (rep && "object" == typeof rep) for (a = rep.length, n = 0; a > n; n += 1) "string" == typeof rep[n] && ((o = rep[n]), (r = str(o, f)), r && i.push(quote(o) + (gap ? ": " : ":") + r)); else for (o in f) Object.prototype.hasOwnProperty.call(f, o) && ((r = str(o, f)), r && i.push(quote(o) + (gap ? ": " : ":") + r)); return (r = 0 === i.length ? "{}" : gap ? "{\n" + gap + i.join(",\n" + gap) + "\n" + u + "}" : "{" + i.join(",") + "}"), (gap = u), r; } } "function" != typeof Date.prototype.toJSON && ((Date.prototype.toJSON = function (t) { return isFinite(this.valueOf()) ? this.getUTCFullYear() + "-" + f(this.getUTCMonth() + 1) + "-" + f(this.getUTCDate()) + "T" + f(this.getUTCHours()) + ":" + f(this.getUTCMinutes()) + ":" + f(this.getUTCSeconds()) + "Z" : null; }), (String.prototype.toJSON = Number.prototype.toJSON = Boolean.prototype.toJSON = function (t) { return this.valueOf(); })); var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, gap, indent, meta = { "\b": "\\b", " ": "\\t", "\n": "\\n", "\f": "\\f", "\r": "\\r", '"': '\\"', "\\": "\\\\", }, rep; "function" != typeof JSON.stringify && (JSON.stringify = function (t, e, n) { var o; if (((gap = ""), (indent = ""), "number" == typeof n)) for (o = 0; n > o; o += 1) indent += " "; else "string" == typeof n && (indent = n); if (((rep = e), e && "function" != typeof e && ("object" != typeof e || "number" != typeof e.length))) throw new Error("JSON.stringify"); return str("", { "": t }); }), "function" != typeof JSON.parse && (JSON.parse = function (text, reviver) { function walk(t, e) { var n, o, r = t[e]; if (r && "object" == typeof r) for (n in r) Object.prototype.hasOwnProperty.call(r, n) && ((o = walk(r, n)), void 0 !== o ? (r[n] = o) : delete r[n]); return reviver.call(t, e, r); } var j; if ( ((text = String(text)), (cx.lastIndex = 0), cx.test(text) && (text = text.replace(cx, function (t) { return "\\u" + ("0000" + t.charCodeAt(0).toString(16)).slice(-4); })), /^[\],:{}\s]*$/.test( text .replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, "@") .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, "]") .replace(/(?:^|:|,)(?:\s*\[)+/g, "") )) ) return (j = eval("(" + text + ")")), "function" == typeof reviver ? walk({ "": j }, "") : j; throw new SyntaxError("JSON.parse"); }); })(), "function" == typeof jQuery && !(function (t) { t.fn.extend({ EurolandIFrameAutoHeight: function (t) { "function" != typeof t && (t = null); for (var e = 0; e < this.length; e++) EurolandToolIntegrationObject.set(this[e], t); return this; }, }); })(jQuery); !(function (n, t, e) { "use strict"; n.irProject = n.irProject || {}; var i = Object.prototype.hasOwnProperty; n.irProject.common = (function () { return { util: { isSupportTransform: (function () { return "WebkitTransform" in e.body.style || "MozTransform" in e.body.style || "msTransform" in e.body.style || "OTransform" in e.body.style || "transform" in e.body.style; })(), isDevice: (function () { return "ontouchstart" in n || (n.DocumentTouch && e instanceof n.DocumentTouch); })(), def: function (n, e) { for (var r in e) i.call(e, r) && (n[r] = "object" === t.type(n[r]) ? ("array" === t.type(n[r]) ? e[r].slice(0) : this.def(n[r], e[r])) : e[r]); return n; }, winSize: (function () { var i = (function () { var n = "Netscape" === navigator.appName, t = -1 !== navigator.appVersion.indexOf("Mac"), e = -1 !== navigator.userAgent.indexOf("Safari"), i = -1 !== navigator.userAgent.indexOf("Chrome"); return n && !t && e && !i; })(); return i ? function () { var e = { w: t(n).width(), h: t(n).height() }; return e; } : function () { var t = { w: n.innerWidth || e.documentElement.clientWidth || e.body.clientWidth, h: n.innerHeight || e.documentElement.clientHeight || e.body.clientHeight, }; return t; }; })(), requestAFrame: (function () { return ( n.requestAnimationFrame || n.webkitRequestAnimationFrame || n.mozRequestAnimationFrame || n.oRequestAnimationFrame || n.msRequestAnimationFrame || function (t) { return n.setTimeout(t, 1e3 / 60); } ); })(), cancelAFrame: (function () { return ( n.cancelAnimationFrame || n.webkitCancelAnimationFrame || n.mozCancelAnimationFrame || n.oCancelAnimationFrame || n.msCancelAnimationFrame || function (t) { n.clearTimeout(t); } ); })(), imgLoader: function (n, e) { t(n).each(function () { var n = e || function () {}; this.complete || t(this).height() > 0 ? n.apply(this) : t(this).on("load", function () { n.apply(this), t(this).off("load"); }); }); }, }, }; })(); })(window, window.jQuery, window.document); !(function (t, e) { "use strict"; (t.irProject = t.irProject || {}), (t.irProject.common = t.irProject.common || {}), (t.irProject.common.dateCustomEvent = { EVENT_MANAGER: e("<div date-evt-manager='datepicker'/>"), SET_EVENT: { DATE: "totalDate" }, }); var i = t.irProject.common.dateCustomEvent, s = t.irProject.common.util; (t.irProject.datePickerPlugin = function (t, i) { var o = { datePickerOpts: { isRTL: e("html").hasClass("rtl"), altFormat: "MM dd, yy", dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"].join(",").split(","), dateFormat: "mm/dd/yy", onSelect: function () {}, }, fromDate: { datePickerOpts: { defaultDate: 0 } }, toDate: { datePickerOpts: { defaultDate: 0 } }, datePickerType: { selector: { datePickerNode: ".js-datepicker-node", datePickerInput: ".js-dateinput", datePickerToggleBtn: ".js-datebtn", datePickerArea: ".js-datepicker-area", datePicker: ".js-datepicker", }, selectorClass: { dateDefaultClass: "ui-state-default", dateActiveClass: "ui-state-active", inputActiveClass: "ir-active", botOptionClass: "ir-position-other", }, altEmptyText: "Select Dates", focusPicker: null, keydownActive: !1, fromDate: "from-date", toDate: "to-date", }, }; (this.obj = t), (this.opts = s.def(o, i || {})), this.init(); }), (t.irProject.datePickerPlugin.prototype = { init: function () { this.setElements(), this.setOpts(), this.bindEvents(), this.createDatePicker(); }, setElements: function () { (this.objChild = this.obj.find(this.opts.datePickerType.selector.datePickerNode)), (this.objFrom = this.objChild.eq(0)), (this.objTo = this.objChild.eq(1)), (this.fromPickerInputTxt = this.objFrom.find(this.opts.datePickerType.selector.datePickerInput)), (this.fromPickerBtn = this.objFrom.find(this.opts.datePickerType.selector.datePickerToggleBtn)), (this.fromPickerWrap = this.objFrom.find(this.opts.datePickerType.selector.datePickerArea).attr("tabIndex", 0)), (this.fromPickerElements = this.fromPickerWrap.find(this.opts.datePickerType.selector.datePicker)), (this.toPickerInputTxt = this.objTo.find(this.opts.datePickerType.selector.datePickerInput)), (this.toPickerBtn = this.objTo.find(this.opts.datePickerType.selector.datePickerToggleBtn)), (this.toPickerWrap = this.objTo.find(this.opts.datePickerType.selector.datePickerArea).attr("tabIndex", 0)), (this.toPickerElements = this.toPickerWrap.find(this.opts.datePickerType.selector.datePicker)); }, setOpts: function () { this.fromPickerElements.data("is-from-date", "true"), this.toPickerElements.data("is-to-date", "true"), this.fromPickerWrap.is(":hidden") || this.onDomChangeFromFunc(!0); }, bindEvents: function () { this.fromPickerBtn.on("click", e.proxy(this.onFocusFromFunc, this)), this.fromPickerInputTxt.on("click", e.proxy(this.onFocusFromFunc, this)), this.toPickerBtn.on("click", e.proxy(this.onFocusToFunc, this)), this.toPickerInputTxt.on("click", e.proxy(this.onFocusToFunc, this)), this.fromPickerWrap.on("keydown keyup", e.proxy(this.onAccessKeyFunc, this)), this.toPickerWrap.on("keydown keyup", e.proxy(this.onAccessKeyFunc, this)); }, viewLayoutFunc: function (t) { var i = e(document).height(), s = t.css("opacity", 0).show().outerHeight(!0), o = t.offset().top, r = Math.ceil(o + s); t.hide().css("opacity", ""), r >= i ? t.addClass(this.opts.datePickerType.selectorClass.botOptionClass) : t.removeClass(this.opts.datePickerType.selectorClass.botOptionClass); }, onFocusFromFunc: function () { this.fromPickerWrap.data("is-active") || (this.fromPickerWrap.data("is-active", !0), this.viewLayoutFunc(this.fromPickerWrap), this.fromPickerWrap.stop().slideDown( "fast", e.proxy(function () { this.fromPickerWrap.focus(), this.onDomChangeFromFunc(!0), this.fromPickerWrap.on("mousedownoutside focusoutside", e.proxy(this.fromOutsideFunc, this)); }, this) )); }, onFocusToFunc: function () { this.toPickerWrap.data("is-active") || (this.toPickerWrap.data("is-active", !0), this.viewLayoutFunc(this.toPickerWrap), this.toPickerWrap.stop().slideDown( "fast", e.proxy(function () { this.toPickerWrap.focus(), this.onDomChangeToFunc(!0), this.toPickerWrap.on("mousedownoutside focusoutside", e.proxy(this.toOutsideFunc, this)); }, this) )); }, onDomChangeFromFunc: function (t) { t ? this.fromPickerElements.on("DOMChanged", e.proxy(this.onDOMChangedDatePicker, this)) : this.fromPickerElements.off("DOMChanged"); }, onDomChangeToFunc: function (t) { t ? this.toPickerElements.on("DOMChanged", e.proxy(this.onDOMChangedDatePicker, this)) : this.toPickerElements.off("DOMChanged"); }, fromOutsideFunc: function () { this.fromPickerWrap.stop().slideUp( "fast", e.proxy(function () { this.fromPickerWrap.removeClass(this.opts.datePickerType.selectorClass.botOptionClass), this.fromPickerWrap.data("is-active", !1); }, this) ), this.onDomChangeFromFunc(!1), this.fromPickerWrap.off("mousedownoutside focusoutside"); }, toOutsideFunc: function () { this.toPickerWrap.stop().slideUp( "fast", e.proxy(function () { this.toPickerWrap.removeClass(this.opts.datePickerType.selectorClass.botOptionClass), this.toPickerWrap.data("is-active", !1); }, this) ), this.onDomChangeToFunc(!1), this.toPickerWrap.off("mousedownoutside focusoutside"); }, createDatePicker: function () { var t = this.opts.datePickerOpts, i = e.extend({}, t, this.opts.fromDate.datePickerOpts), s = e.extend({}, t, this.opts.toDate.datePickerOpts); (i.altField = this.fromPickerInputTxt), (s.altField = this.toPickerInputTxt), (i.onSelect = e.proxy(this.onSelectDatePicker, this)), (s.onSelect = e.proxy(this.onSelectDatePicker, this)), (this.fromPicker = this.fromPickerElements.datepicker(i)), (this.toPicker = this.toPickerElements.datepicker(s)), this.setDefaultDatePicker(); }, setDefaultDatePicker: function () { var t = e.datepicker.formatDate(this.opts.datePickerOpts.dateFormat, new Date(this.toPicker.val())); this.fromPicker.datepicker("option", "maxDate", t), this.toPicker.datepicker("option", "maxDate", t), this.fromPicker.datepicker("setDate", null), this.toPicker.datepicker("setDate", null), this.fromPickerInputTxt.val(this.opts.datePickerType.altEmptyText), this.toPickerInputTxt.val(this.opts.datePickerType.altEmptyText); }, onSelectDatePicker: function (t, i) { e("#" + i.id).data("is-from-date") ? (this.onDomChangeFromFunc(!1), this.fromPicker.datepicker("setDate", e.datepicker.formatDate(this.opts.datePickerOpts.dateFormat, new Date(t))), this.fromPickerInputTxt.addClass(this.opts.datePickerType.selectorClass.inputActiveClass), this.toPicker.datepicker("option", "minDate", t), this.toPicker.datepicker("getDate") ? this.onDatePickerTrigger() : (this.toPicker.datepicker("setDate", null), this.toPickerInputTxt.val(this.opts.datePickerType.altEmptyText)), this.onDomChangeFromFunc(!0)) : (this.onDomChangeToFunc(!1), this.toPicker.datepicker("setDate", e.datepicker.formatDate(this.opts.datePickerOpts.dateFormat, new Date(t))), this.toPickerInputTxt.addClass(this.opts.datePickerType.selectorClass.inputActiveClass), this.fromPicker.datepicker("option", "maxDate", t), this.fromPicker.datepicker("getDate") ? this.onDatePickerTrigger() : (this.fromPicker.datepicker("setDate", null), this.fromPickerInputTxt.val(this.opts.datePickerType.altEmptyText)), this.onDomChangeToFunc(!0)); }, onDOMChangedDatePicker: function (t) { var i = e(t.currentTarget), s = "." + this.opts.datePickerType.selectorClass.dateActiveClass; if ( (i.data("is-from-date") ? this.opts.datePickerType.focusPicker && this.fromPickerElements.find(s).focus() : this.opts.datePickerType.focusPicker && this.toPickerElements.find(s).focus(), this.opts.datePickerType.keydownActive && null === this.opts.datePickerType.focusPicker) ) { var o = this.opts.accessPicker.find(this.opts.accessTarget); o.hasClass("ui-state-disabled") && (o = o.siblings(o.hasClass("ui-datepicker-next") ? ".ui-datepicker-prev" : ".ui-datepicker-next")), o.focus(); } }, onAccessKeyFunc: function (t) { switch ( ((this.opts.accessTarget = e(t.target)), (this.accessTargetParent = this.opts.accessTarget.closest(this.opts.datePickerType.selector.datePickerNode)), "keydown" === t.type ? (this.opts.datePickerType.keydownActive = !0) : "keyup" === t.type && (this.opts.datePickerType.keydownActive = !1), (this.opts.accessPicker = this.accessTargetParent.find(this.opts.datePickerType.selector.datePicker).data("is-from-date") ? this.fromPickerElements : this.toPickerElements), t.which) ) { case e.ui.keyCode.ESCAPE: var i = this.accessTargetParent.find(this.opts.datePickerType.selector.datePickerToggleBtn); if (!i.length) return; i.focus(); break; case e.ui.keyCode.ENTER: this.opts.accessTarget.hasClass(this.opts.datePickerType.selectorClass.dateDefaultClass) ? (this.opts.datePickerType.focusPicker = this.opts.accessPicker) : ((this.opts.datePickerType.focusPicker = null), (this.opts.accessTarget = "." + this.opts.accessTarget.attr("class").split(" ").join("."))); } }, onDatePickerTrigger: function () { i.EVENT_MANAGER.trigger(i.SET_EVENT.DATE, this.getStatus()); }, getStatus: function () { var t = this, i = this.obj.find("input").serializeArray(); return ( e.each(i, function (i, s) { switch (s.name) { case t.opts.datePickerType.fromDate: s.value = e.datepicker.formatDate(t.opts.datePickerOpts.dateFormat, new Date(s.value)); break; case t.opts.datePickerType.toDate: s.value = e.datepicker.formatDate(t.opts.datePickerOpts.dateFormat, new Date(s.value)); } }), JSON.stringify(i) ); }, }), (e.fn.irDatePickerPlugin = function (i) { for (var s = [], o = 0, r = e(this).length; r > o; o++) s.push(new t.irProject.datePickerPlugin(e(this).eq(o), i)); return s; }), (t.irProject.rawDatePicker = function (t) { var e = {}; (this.opts = s.def(e, t || {})), this.init(); }), (t.irProject.rawDatePicker.prototype = { init: function () { this.setElements(), this.datePickerCall(); }, setElements: function () { this.obj = e(".js-datepicker-wrap"); }, datePickerCall: function () { this.obj.irDatePickerPlugin(this.opts); }, }), e(function () { new t.irProject.rawDatePicker({}); }); })(window, window.jQuery); !(function (i, t) { "use strict"; (i.irProject = i.irProject || {}), (i.irProject.common = i.irProject.common || {}); var s = i.irProject.common.util; (i.irProject.inputRadios = function (i, t) { var o = { radioWrap: ".ir-radio-inp", radioElements: "input:radio", radioDesign: ".ir-radio-inp-dot", activeClass: "ir-selected", }; (this.obj = i), (this.opts = s.def(o, t || {})), this.init(); }), (i.irProject.inputRadios.prototype = { init: function () { this.setElements(), this.initLayout(), this.bindEvents(); }, setElements: function () { (this.inputRadioWrap = this.obj.find(this.opts.radioWrap)), (this.inputRadio = this.inputRadioWrap.find(this.opts.radioElements)), (this.inputDesign = this.inputRadioWrap.find(this.opts.radioDesign)); }, initLayout: function () { this.inputRadio.filter(":checked").closest(this.opts.radioWrap).addClass(this.opts.activeClass); }, bindEvents: function () { this.inputRadio.on("change", t.proxy(this.changeFunc, this)), this.inputDesign.on( "click", t.proxy(function (i) { var s = t(i.currentTarget); s.closest(this.opts.radioWrap).find(this.opts.radioElements).trigger("click"); }, this) ); }, changeFunc: function (i) { var s = t(i.currentTarget); s.closest(this.opts.radioWrap).toggleClass(this.opts.activeClass, s.prop("checked")), this.totalChangeFunc(s); }, totalChangeFunc: function (i) { this.inputRadio.not(i).closest(this.opts.radioWrap).removeClass(this.opts.activeClass); }, }), (t.fn.irInputRadios = function (s) { for (var o = [], n = 0, r = t(this).length; r > n; n++) o.push(new i.irProject.inputRadios(t(this).eq(n), s)); return o; }), t(function () { t(".js-radio-wrap").irInputRadios(); }); })(window, window.jQuery); !(function (t, s) { "use strict"; (t.irProject = t.irProject || {}), (t.irProject.common = t.irProject.common || {}); var i = t.irProject.common.util; (t.irProject.listExpand = function (t, s) { var e = { openClass: "ir-opened", toggleLists: ".ir-expand", toggleContents: ".ir-expand__contents", blindText: ".ir-ico-toggle .blind", durationSpeed: "fast", accessData: { ariaName: "aria-expanded", dataActive: "accessbility-Active", }, defaultList: 0, defaultClass: "js-default-view", omniTxt: { showMore: "show more", showLess: "show less" }, }; (this.obj = t), (this.opts = i.def(e, s || {})), this.init(); }), (t.irProject.listExpand.prototype = { init: function () { this.setElements(), this.initOpts(), this.setLayout(), this.setIndex(), this.initView(), this.bindEvents(); }, setElements: function () { (this.toggler = this.obj.children()), (this.accessBlind = this.obj.find(this.opts.blindText)), (this.options = this.toggler.find(this.opts.toggleContents)); }, initOpts: function () { var t = this.accessBlind.data("global-text"); (this.globalData = { Collapse: t.Collapse, Expand: t.Expand }), (this.omniText = this.toggler.find(">a").attr("data-omni")), this.omniText && ((this.omniText = this.omniText.split("_show")[0]), (this.omniData = { showMore: this.omniText + "_" + this.opts.omniTxt.showMore, showLess: this.omniText + "_" + this.opts.omniTxt.showLess, })); }, setLayout: function () { this.toggler.removeClass(this.opts.openClass).attr(this.opts.accessData.ariaName, !1), this.toggler.data(this.opts.accessData.dataActive, !1), this.options.hide(); }, setIndex: function () { var t = this, i = this.toggler.filter(function () { return s(this).attr(t.opts.accessData.ariaName) !== !1 ? s(this) : void 0; }); i.length && (this.oldIndex = i.index()); }, initView: function () { var t = this; this.toggler.hasClass(this.opts.defaultClass) && ((this.currentIndex = this.toggler .filter(function () { return s(this).hasClass(t.opts.defaultClass) ? s(this) : void 0; }) .index()), (this.opts.initViewType = !0)), this.listExpandFunc(); }, bindEvents: function () { this.toggler.on("click", ">a", s.proxy(this.onClickFunc, this)); }, onClickFunc: function (t) { t.preventDefault(), (this.currentIndex = s(t.currentTarget).closest("li").index()), this.listExpandFunc(); }, listExpandFunc: function () { this.toggleFunc(), this.accessbilityFunc(), (this.oldIndex = this.currentIndex); }, toggleFunc: function () { if ( (this.options.eq(this.currentIndex).stop().slideToggle(this.opts.durationSpeed, s.proxy(this.positionMoveFunc, this)), this.toggler.eq(this.currentIndex).toggleClass(this.opts.openClass), this.omniText) ) { var t = this.toggler.eq(this.currentIndex).hasClass(this.opts.openClass) ? this.omniData.showLess : this.omniData.showMore; this.toggler.eq(this.currentIndex).find(">a").attr({ "data-omni": t }); } this.currentIndex !== this.oldIndex && (this.options.eq(this.oldIndex).stop().slideUp(this.opts.durationSpeed), this.toggler.eq(this.oldIndex).removeClass(this.opts.openClass), this.omniText && this.toggler.eq(this.oldIndex).find(">a").attr({ "data-omni": this.omniData.showMore })); }, accessbilityFunc: function () { var t = !this.toggler.eq(this.currentIndex).data(this.opts.accessData.dataActive), s = t ? this.globalData.Collapse : this.globalData.Expand; this.toggler.eq(this.currentIndex).attr(this.opts.accessData.ariaName, t), this.toggler.eq(this.currentIndex).data(this.opts.accessData.dataActive, t), this.toggler.eq(this.currentIndex).find(this.opts.blindText).text(s), this.currentIndex !== this.oldIndex && (this.toggler.eq(this.oldIndex).attr(this.opts.accessData.ariaName, !1).find(this.opts.blindText).text(this.globalData.Expand), this.toggler.eq(this.oldIndex).data(this.opts.accessData.dataActive, !1)); }, positionMoveFunc: function () { if ((this.endCallback(), this.opts.initViewType)) this.opts.initViewType = !1; else { var t = this.toggler.eq(this.currentIndex), i = Math.ceil(t.offset().top, 10); if (!t.hasClass(this.opts.openClass)) return; s("html, body").stop().animate({ scrollTop: i }, 700); } }, endCallback: function () { t.irLnbViews && t.irLnbViews.onDOMChangedFunc(); }, }), (s.fn.irListexpand = function (i) { for (var e = [], n = 0, o = s(this).length; o > n; n++) e.push(new t.irProject.listExpand(s(this).eq(n), i)); return e; }), s(function () { s(".js-expand-wrap").irListexpand(); }); })(window, window.jQuery); !(function (t, s) { "use strict"; (t.irProject = t.irProject || {}), (t.irProject.common = t.irProject.common || {}); var e = t.irProject.common.util; (t.irProject.selectLibs = function (t, s) { var i = { selectText: ".js-select-text", selectBtn: ".js-list-viewbtn", selectWrap: ".js-list-wrap", selectParent: "ul", activeClass: "js-select-open", activeSelectClass: "js-selected", botOptionClass: "ir-position-other", childAccess: "aria-selected", }; (this.obj = t), (this.opts = e.def(i, s || {})), this.init(); }), (t.irProject.selectLibs.prototype = { init: function () { this.setElements(), this.bindEvents(); }, setElements: function () { (this.selectText = this.obj.find(this.opts.selectText)), (this.selectBtn = this.obj.find(this.opts.selectBtn)), (this.selectWrap = this.obj.find(this.opts.selectWrap).attr("tabIndex", 0)), (this.selectParent = this.selectWrap.find(this.opts.selectParent)), (this.selectChild = this.selectParent.children()); }, bindEvents: function () { this.selectBtn.on("click", s.proxy(this.onClickFunc, this)), this.selectChild.on("click", "a", s.proxy(this.onTxtClickFunc, this)), this.selectWrap.on("keydown", s.proxy(this.onAccessKeyFunc, this)); }, viewLayoutFunc: function () { var t = s(document).height(), e = this.selectWrap.css("opacity", 0).show().outerHeight(!0), i = this.selectWrap.offset().top, c = Math.ceil(i + e); this.selectWrap.hide().removeClass(this.opts.botOptionClass).css("opacity", ""), c > t ? this.selectWrap.addClass(this.opts.botOptionClass) : this.selectWrap.removeClass(this.opts.botOptionClass); }, onClickFunc: function (t) { t.preventDefault(), this.listSlideFunc(); }, onTxtClickFunc: function (t) { var e = s(t.currentTarget); (this.childActiveIndex = e.closest("li").index()), (this.activeTxt = e.text()), this.onTxtFixedFunc(); }, onTxtFixedFunc: function () { this.selectChild.eq(this.childActiveIndex).addClass(this.opts.activeSelectClass).siblings().removeClass(this.opts.activeSelectClass), this.selectChild.eq(this.childActiveIndex).attr(this.opts.childAccess, !0).siblings().attr(this.opts.childAccess, !1), this.selectText.text(this.activeTxt); }, listSlideFunc: function () { this.selectWrap.data("is-active") || (this.selectWrap.data("is-active", !0), this.viewLayoutFunc(), this.obj.addClass(this.opts.activeClass), this.selectWrap.stop().slideDown( "fast", s.proxy(function () { this.selectWrap.focus(), this.selectWrap.on("focusoutside mousedownoutside", s.proxy(this.outsideFunc, this)); }, this) )); }, outsideFunc: function () { this.selectWrap.stop().slideUp( "fast", s.proxy(function () { this.obj.removeClass(this.opts.activeClass), this.selectWrap.removeClass(this.opts.botOptionClass), this.selectWrap.data("is-active", !1); }, this) ), this.selectWrap.off("focusoutside mousedownoutside"); }, onAccessKeyFunc: function (t) { switch (t.which) { case s.ui.keyCode.ESCAPE: this.selectBtn.focus(); } }, }), (s.fn.irSelectLibs = function (e) { for (var i = [], c = 0, o = s(this).length; o > c; c++) i.push(new t.irProject.selectLibs(s(this).eq(c), e)); return i; }), s(function () { s(".js-ir-select").irSelectLibs(); }); })(window, window.jQuery); !(function (t, i) { "use strict"; (t.irProject = t.irProject || {}), (t.irProject.common = t.irProject.common || {}); { var e = t.irProject.common.util; Object.prototype.hasOwnProperty; } (t.irProject.heightMatch = function (t, e) { var h = { animateStart: !1, changePointWidth: { MOBILE: 768 }, changePointView: { DESKTOP: 3 }, }; (this.obj = i(t)), (this.opts = i.extend({}, h, e || {})), this.init(); }), (t.irProject.heightMatch.prototype = { init: function () { this.setElements(), this.bindEvents(), this.maxHeightLine(), this.maxHeightCall(); }, setElements: function () { this.objWrap = this.obj.parent(); }, bindEvents: function () { i(t).on("resize orientationchange load", i.proxy(this.resizeFunc, this)); }, resizeFunc: function () { this.opts.animateStart || ((this.opts.animateStart = !0), this.animateFunc()), t.clearTimeout(this.resizeEndTime), (this.resizeEndTime = t.setTimeout(i.proxy(this.resizeEndFunc, this), 150)); }, resizeEndFunc: function () { (this.opts.animateStart = !1), this.maxHeightLine(), this.maxHeightCall(), e.cancelAFrame.call(t, this.heightMatchTime); }, animateFunc: function () { this.maxHeightLine(), this.maxHeightCall(), (this.heightMatchTime = e.requestAFrame.call(t, i.proxy(this.animateFunc, this))); }, maxHeightLine: function () { var t = this.opts.changePointView; if (e.isSupportTransform && t.hasOwnProperty("MOBILE")) { var i = e.winSize().w; this.opts.matchAlign = i > this.opts.changePointWidth.MOBILE ? t.DESKTOP : t.MOBILE; } else this.opts.matchAlign = t.DESKTOP; this.maxLine = Math.ceil(this.obj.length / this.opts.matchAlign); }, maxHeightCall: function () { if (this.opts.matchAlign === this.opts.changePointView.MOBILE) for (var t = 0, i = this.objWrap.length; i > t; t++) this.objWrap.eq(t).css("height", ""); else this.maxHeightBuild(); }, maxHeightBuild: function () { for (var t = [], i = 0; i < this.maxLine; i++) t[i] = []; for (var i = 0, e = this.obj.length; e > i; i++) { var h = parseInt(i / this.opts.matchAlign, 10), n = this.obj.eq(i).outerHeight(!0); t[h].push(n); } for (var i = 0; i < this.maxLine; i++) t[i] = Math.max.apply(null, t[i]); for (var i = 0, e = this.obj.length; e > i; i++) { var h = parseInt(i / this.opts.matchAlign, 10); this.objWrap.eq(i).height(t[h]); } }, reInit: function () { this.setElements(), this.maxHeightLine(), this.maxHeightCall(); }, }), (i.fn.projectHeightMatch = function (i) { return new t.irProject.heightMatch(this, i); }); })(window, window.jQuery); !(function (t, i) { "use strict"; (t.irProject = t.irProject || {}), (t.irProject.common = t.irProject.common || {}); var n = t.irProject.common.util; (t.irProject.inputTxts = function (t, i) { var s = { txtLabel: "label", txtInput: "input[type=text], input[type=search]", }; (this.obj = t), (this.opts = n.def(s, i || {})), this.init(); }), (t.irProject.inputTxts.prototype = { init: function () { this.setElements(), this.initLayout(), this.bindEvents(); }, setElements: function () { (this.inputLabel = this.obj.find(this.opts.txtLabel)), (this.inputTag = this.obj.find(this.opts.txtInput)); }, initLayout: function () { (this.inputData = this.inputTag.val()), this.inputData.length && this.inputLabel.hide(); }, bindEvents: function () { this.inputTag.on("focusin focusout", i.proxy(this.onFocusFunc, this)); }, onFocusFunc: function (t) { var n = i(t.currentTarget), s = n.val(); if ("focusin" === t.type) { if (s.length) return; this.inputLabel.hide(); } else if ("focusout" === t.type) { if (s.length) return; this.inputLabel.show(); } }, }), (i.fn.irInputTxts = function (n) { for (var s = [], e = 0, o = i(this).length; o > e; e++) s.push(new t.irProject.inputTxts(i(this).eq(e), n)); return s; }), i(function () { i(".js-inptext-wrap").irInputTxts(); }); })(window, window.jQuery); !(function (s, i) { "use strict"; (s.irProject = s.irProject || {}), (s.irProject.common = s.irProject.common || {}); var t = s.irProject.common.util; (s.irProject.snsShares = function (s, i) { var o = { snsWrap: ".ir-btn-share", shareBox: ".ir-public-view-share-box", btnClose: ".ir-btn-close", activeClass: "ir-share-selected", }; (this.obj = s), (this.opts = t.def(o, i || {})), this.init(); }), (s.irProject.snsShares.prototype = { init: function () { this.setElements(), this.initLayout(), this.bindEvents(); }, setElements: function () { (this.snsWrap = this.obj.find(this.opts.snsWrap)), (this.shareBox = this.obj.find(this.opts.shareBox).attr("tabIndex", 0)), (this.btnClose = this.obj.find(this.opts.btnClose)); }, initLayout: function () { this.shareBox.hide(); }, bindEvents: function () { this.snsWrap.on("click", i.proxy(this.onClickFunc, this)), this.shareBox.on("keydown", i.proxy(this.onAccessKeyFunc, this)), this.btnClose.on("click keydown", i.proxy(this.onCloseFunc, this)); }, onClickFunc: function (s) { s.preventDefault(), this.shareBox.data("is-active") || (this.shareBox.data("is-active", !0), this.shareBox .show( "fast", i.proxy(function () { this.shareBox.on("focusoutside mousedownoutside", i.proxy(this.outsideFunc, this)); }, this) ) .focus()); }, outsideFunc: function () { this.shareBox.hide( "fast", i.proxy(function () { this.shareBox.data("is-active", !1); }, this) ), this.shareBox.off("focusoutside mousedownoutside"); }, onCloseFunc: function (s) { if ("click" === s.type) this.outsideFunc(); else if ("keydown" === s.type) switch (s.which) { case i.ui.keyCode.ENTER: this.snsWrap.focus(); } }, onAccessKeyFunc: function (s) { switch (s.which) { case i.ui.keyCode.ESCAPE: this.snsWrap.focus(); } }, }), (i.fn.irSnsShares = function (t) { for (var o = [], e = 0, n = i(this).length; n > e; e++) o.push(new s.irProject.snsShares(i(this).eq(e), t)); return o; }), i(function () { i(".js-public-view-share").irSnsShares(); }); })(window, window.jQuery); !(function (t, i) { "use strict"; (t.irProject = t.irProject || {}), (t.irProject.common = t.irProject.common || {}); var s = t.irProject.common.util; (t.irProject.tabViews = function (t, i) { var e = { objList: "ul", tabCont: ".js-ir-tabcont-wrap", accessData: { ariaSelected: "aria-selected", ariaExpanded: "aria-expanded", }, selectedClass: "ir-selected", initView: 0, }; (this.obj = t), (this.opts = s.def(e, i || {})), this.init(); }), (t.irProject.tabViews.prototype = { init: function () { this.setElements(), this.setLayout(), this.initView(), this.bindEvents(); }, setElements: function () { (this.objChild = this.obj.find(this.opts.objList).find(">li")), (this.contObj = this.obj.next(this.opts.tabCont)), (this.contObjChild = this.contObj.children()); }, setLayout: function () { this.objChild.removeClass(this.opts.selectedClass).find("a").attr(this.opts.accessData.ariaSelected, !1), this.contObjChild.attr(this.opts.accessData.ariaExpanded, !1), this.contObjChild.hide(); }, initView: function () { var s = null, e = location.hash, n = i(e); n.length ? ((s = n.index()), i(t).on( "load", i.proxy(function () { i("html, body").scrollTop(this.obj.offset().top); }, this) )) : (s = this.opts.initView), this.objChild.eq(s).addClass(this.opts.selectedClass).find("a").attr(this.opts.accessData.ariaSelected, !0), this.contObjChild.eq(s).attr(this.opts.accessData.ariaExpanded, !0), this.contObjChild.eq(s).show(), (this.oldIndex = s); }, bindEvents: function () { this.objChild.on("click", ">a", i.proxy(this.onClickFunc, this)); }, onClickFunc: function (t) { t.preventDefault(); var s = i(t.currentTarget); (this.currentIndex = this.objChild.index(s.parent())), this.oldIndex !== this.currentIndex && (this.contView(), this.accessView(), (this.oldIndex = this.currentIndex)); }, contView: function () { this.objChild.eq(this.currentIndex).addClass(this.opts.selectedClass), this.objChild.eq(this.oldIndex).removeClass(this.opts.selectedClass), this.contObjChild.eq(this.currentIndex).show(), this.contObjChild.eq(this.oldIndex).hide(), this.endCallback(); }, accessView: function () { this.objChild.eq(this.currentIndex).find("a").attr(this.opts.accessData.ariaSelected, !0), this.objChild.eq(this.oldIndex).find("a").attr(this.opts.accessData.ariaSelected, !1), this.contObjChild.eq(this.currentIndex).attr(this.opts.accessData.ariaExpanded, !0), this.contObjChild.eq(this.oldIndex).attr(this.opts.accessData.ariaExpanded, !1); }, endCallback: function () { t.irLnbViews && t.irLnbViews.onDOMChangedFunc(); }, }), (i.fn.irTabViews = function (s) { for (var e = [], n = 0, a = i(this).length; a > n; n++) e.push(new t.irProject.tabViews(i(this).eq(n), s)); return e; }), i(function () { i(".js-ir-tab-list-wrap").irTabViews(); }); })(window, window.jQuery); </script> <!-- s : compo Script --> <!-- e : compo Script --> <!-- s : GA4 Component --> <script> </script> <!-- e : GA4 Component --> </div><!-- 레이어 팝업 모음 --------------------------------------------------------------------------------------------------------------------------------------------------------------------> <!-- s : 공통 팝업(alert) --> <div class="layer-pop layer-default alert" id="commonAlert" tabindex="0" data-popup-layer="commonAlert" data-focus="commonAlert"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p style="word-break:keep-all;"></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div> <!-- e : 공통 팝업(alert) --> <!-- s : 공통 팝업(alert) --> <div class="layer-pop layer-default alert" id="commonAlert2" tabindex="0" data-popup-layer="commonAlert2" data-focus="commonAlert2"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p style="word-break:keep-all;"></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div> <!-- e : 공통 팝업(alert) --> <!-- s : 공통 팝업(confirm) --> <div class="layer-pop layer-default" id="commonConfirm" tabindex="0" data-popup-layer="commonConfirm" data-focus="commonConfirm"> <div class="layer-header blind"> <h2></h2> </div> <div class="layer-content"> <p></p> <div class="btn-box double"> <!-- 버튼 두개시 클래스 double 추가 --> <a href="javascript:void(0)" class="btn btn-d btn-type1 accessibility-pop-close" id="commonConfirmCancelBtn" onclick="closeLayer('commonConfirm');">취소</a> <a href="javascript:void(0)" class="btn btn-d btn-type2" id="commonConfirmOkBtn">확인</a> </div> </div> <button type="button" class="pop-close accessibility-pop-close" id="closeCommonConfirmBtn" name="closeCommonConfirmBtn" data-focus-next="commonConfirm">팝업닫기</button> </div> <!-- e : 공통 팝업(confirm) --> <!-- s : 공통 팝업(confirm2) --> <div class="layer-pop layer-default" id="commonConfirm2" tabindex="0" data-popup-layer="commonConfirm2" data-focus="commonConfirm2"> <div class="layer-header blind"> <h2></h2> </div> <div class="layer-content"> <p></p> <div class="btn-box double"> <!-- 버튼 두개시 클래스 double 추가 --> <a href="javascript:void(0)" class="btn btn-d btn-type1 accessibility-pop-close" id="commonConfirmCancelBtn2" onclick="closeLayer('commonConfirm2');">취소</a> <a href="javascript:void(0)" class="btn btn-d btn-type2" id="commonConfirmOkBtn2">확인</a> </div> </div> </div> <!-- e : 공통 팝업(confirm2) --> <!-- s : 공통 팝업(commonAlertTV) --> <div class="layer-pop layer-default" id="commonAlertTV" tabindex="0" data-popup-layer="commonAlertTV" data-focus="commonAlertTV"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div> <!-- e : 공통 팝업(commonAlertTV) --></div> <!-- e : 본문 영역 --> <!-- 플로팅 메뉴 --> <!-- s : 220615 웹 접근성 수정 : css 삽입 --> <style> /*!* s : num_5 *! .floating-sticky .menu-list .menu01 a { display: none; } .floating-sticky .menu-list .menu02 a { display: none; } .floating-sticky .menu-list .menu03 a { display: none; } .floating-sticky .menu-list .on .menu01 a { display: flex; } .floating-sticky .menu-list .on .menu02 a { display: flex; } .floating-sticky .menu-list .on .menu03 a { display: flex; } !* e : num_5 *!*/ </style> <div id="floatingSticky" class="floating-sticky new-st type-global" style="z-index: 10"> <button type="button" class="btn-gotop" title="위로"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g transform="translate(-1741 -471)"><circle cx="24" cy="24" r="24" transform="translate(1741 471)" fill="rgba(0,0,0,0.5)" opacity="0"/><g transform="translate(1753 483)"><path d="M21.738,26.325V8.515L28.4,15.277l1.425-1.4L20.738,4.65l-9.088,9.223,1.425,1.4,6.663-6.762v17.81Z" transform="translate(-8.651 -3.4)" fill="#fff"/><rect width="24" height="24" fill="none"/></g></g></svg> </button> <div class="menu-list"> <div class="inner"> <ul> <!-- KDP-54880 - dom 변경 --> <!-- [S] 0528 챗봇 --> <li class="menu01 chatBotPop"> <button type="button" id="chatBotOpen" class="chatBotOpen" onclick="chat_select_open()"data-di-id="di-id-e7029b9c-393996c6" title="챗봇 채팅창 새창으로 열기"> <svg id="Message" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <rect id="container" width="24" height="24" fill="none"></rect> <path id="Icon-_-Bold-_-Communication-_-Message" data-name="Icon-/-Bold-/-Communication-/-Message" d="M22.5,5.5a3,3,0,0,1,3,2.924V19.5a3,3,0,0,1-2.924,3H12.634L8.46,26.7a1,1,0,0,1-1.706-.611l0-.047V22.5H6.5a3,3,0,0,1-3-2.849l0-.075V8.5a3,3,0,0,1,2.924-3H22.5Zm0,2H6.5a1,1,0,0,0-1,.95V19.5a1,1,0,0,0,.95,1h1.3a1,1,0,0,1,1,.95v2.123L11.508,20.8a1,1,0,0,1,.6-.289l.056,0,.057,0H22.5a1,1,0,0,0,1-.95V8.5a1,1,0,0,0-.95-1Zm-8,5.25A1.25,1.25,0,1,1,13.25,14,1.25,1.25,0,0,1,14.5,12.75Zm4.75,0A1.25,1.25,0,1,1,18,14,1.25,1.25,0,0,1,19.25,12.75Zm-9.5,0A1.25,1.25,0,1,1,8.5,14,1.25,1.25,0,0,1,9.75,12.75Z" transform="translate(-2.5 -4.25)"></path> </svg> </button> <!-- <button type="button" id="chatBotClose" class="chatBotClose" title="챗봇 버튼 닫기"> --> <!-- <svg xmlns="http://www.w3.org/2000/svg" width="6.138" height="6.138" viewBox="0 0 6.138 6.138"> --> <!-- <path id="Icon-_-Bold-_-Action-_-Delete" data-name="Icon-/-Bold-/-Action-/-Delete" d="M16.837,11.17l-2.6,2.6-2.6-2.6-.472.472,2.6,2.6-2.6,2.6.472.472,2.6-2.6,2.6,2.6.472-.472-2.6-2.6,2.6-2.6Z" transform="translate(-11.17 -11.17)" fill="#fff"></path> --> <!-- </svg> --> <!-- </button> --> </li> <!-- [E] 0528 챗봇 --> </ul> </div> </div> <button type="button" class="btn-gotop" title="위로"> <span>위로</span> </button> </div> <script> var mobileCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android") || window.secapp || device.isIosApp; if(mobileCheckFlag){ //모바일에서 챗봇 삭제 $("#floatingSticky").find(".menu01").remove(); } floatSticky(); function firstRecentGoods(){ $.ajax({ url : "/sec/xhr/goods/getFirstRecentGoods" ,type : "POST" ,success : function(result) { var recentGoodsData = JSON.parse(result); var recentGoodsNm = recentGoodsData.recentGoodsNm; if(recentGoodsData.recentYn === "Y"){ $("#floatingSticky").find(".menu04").remove(); /*if ($('.floating-sticky .menu-list .inner').hasClass('on')) { html += '<li class="menu04" aria-hidden="false" style="display:block;">' } else { html += '<li class="menu04" aria-hidden="true" style="display:none;">' }*/ var html = `<li class="menu04">`; html += '<a href="#" id = "btn-rcntgoods-floating" type="button" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-st-path ="'+recentGoodsData.stContextPath+'" data-popup-target="latestItemLayer" >' html += '<span> <img src="'+recentGoodsData.recentImgPath+'?$128_128_PNG$" alt="'+ recentGoodsData.recentGoodsNm +'"> 최근 본 제품 ('+recentGoodsData.recentGoodsLength+')</span>' html += '</a>' html += '</li>' $("#floatingSticky").find("ul").append(html); <!-- 모바일 퍼스트 검색창 추천 제품 세팅 추가 20240229 --> $("#recentGoodsNm").val(recentGoodsNm); }else{ //없을경우 숨김 $(".menu04").hide(); } } }); } // firstRecentGoods(); if ("N" === "N") { if(window.innerWidth > 1279){ firstRecentGoods(); } } if(device.agent.indexOf('secapp') >= 0 || device.agent.indexOf('sectest') >= 0){ if("N" === "N"){ $("#floatingSticky").find(".menuAr").remove(); var html = ""; html +='<li class="menuAr" aria-hidden="true" style="display:none;">'; html +='<a href="javascript:window.secapp.goToARService(\'\',\'\');">'; html +='AR로 제품보기'; html +='</a>'; html +='</li>'; $("#floatingSticky").find("ul").prepend(html); } }else{ $("#floatingSticky").find(".menuAr").remove(); } let showScript = false; function chat_select_open() { GA4ChatStart(); // var popupX = (window.screen.width / 2) - (356 / 2); // var popupY = (window.screen.height / 2) - (750 / 2); // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbot/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbot/#/"; // var chatbotPop = window.open(url, // "chatselect", // 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); // chatbotPop.onbeforeunload = function () { // GA4ChatComplete(); // } showScript = !showScript; // 스크립트 실행과 DOM 챗봇 부착로직 if (showScript) { const script = document.createElement("script"); script.id = "appTest"; script.type = "text/javascript"; script.async = true; let url = "prd" === "prd" ? "https://samsungdotcom.gentlepie.com/chatbot/app.js" : "https://staging-samsungdotcom.gentlepie.com/chatbot/app.js"; script.src = url; script.onload = function () { if (window.chatbotInit) { // 챗봇 시작 초기화까지 동시 진행시 아래 코드 주석해제 window.chatbotInit(); } else { console.error("externalFunction is not defined on window"); } }; document.body.appendChild(script); } else { const testParent = document.getElementById("appTest"); const apps = document.getElementById("app"); if (window.chatbotExit) { // 챗봇 종료 초기화까지 동시 진행시 아래 코드 주석해제 window.chatbotExit(); } if (testParent) { apps.innerHTML = ""; // 앱 제거 document.body.removeChild(testParent); // 스크립트 태그 제거 } } GA4ChatComplete(); } function GA4ChatStart() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_start' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } function GA4ChatComplete() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_complete' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script> $(function(){ // 챗봇 열기 PC $("#chatBotOpen").click(function(){ GA4ChatStart(); $("#layerChatBot").addClass("active"); chat_select_open(); GA4ChatComplete(); }); // 챗봇 열기 MO $("#bnbChatBotOpen").click(function(){ GA4ChatStart(); $("#layerChatBot").addClass("active"); $("body").css("overflow","hidden"); $("html").scrollTop(0); chat_select_open(); GA4ChatComplete(); }); // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); // 챗봇버튼 닫기 $("#chatBotClose").click(function(){ $(".chatBotPop").remove(); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); winWidth = $(window).outerWidth(); if(winWidth < 1280) { // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); $("body").css("overflow","unset"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); }; $(window).resize(function(){ winWidth = $(window).outerWidth(); if(winWidth < 1280) { // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); $("body").css("overflow","unset"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); }; }); }) </script> <!-- //플로팅 메뉴 --> <!-- s : 바닥글 영역 - b2c --> <!-- s : 220929 class명 바뀜 --> <footer id="footer" class="footer_b2c"> <input type="hidden" id="goodsAdvCmntStYn" value="Y" /> <!-- e : 220929 --> <div class="footer-content"> <nav class="footer-inner sitemap-links"> <h2 class="hide">페이지 링크</h2> <ul> <!-- s : 221025 --> <li class="productLine1"> <h3> <a href="javascript:;">제품</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/galaxy/home/" data-omni="product_galaxy">갤럭시</a></li> <li><a href="https://www.samsung.com/sec/smartphones/galaxy-s/" data-omni="product_smartphones">스마트폰</a></li> <li><a href="https://www.samsung.com/sec/tablets/galaxy-tabs/" data-omni="product_tablets">태블릿</a></li> <li><a href="https://www.samsung.com/sec/watches/galaxy-watch-active/" data-omni="product_watches">워치</a></li> <li><a href="https://www.samsung.com/sec/buds/galaxy-buds-pro/" data-omni="product_buds">버즈</a></li> <li><a href="https://www.samsung.com/sec/pc/galaxybook/" data-omni="product_galaxybook">갤럭시북</a></li> <li><a href="https://www.samsung.com/sec/monitors/gaming-monitors/" data-omni="product_monitors">모니터</a></li> <li><a href="https://www.samsung.com/sec/printers/laser-multifunction/" data-omni="product_printers">프린터</a></li> <li><a href="https://www.samsung.com/sec/memory-storage/all-memory-storage/" data-omni="product_memory storage">메모리/스토리지</a></li> <li><a href="https://www.samsung.com/sec/tvs/" data-omni="product_tvs">TV</a></li> <li><a href="https://www.samsung.com/sec/lifestyletv/home/" data-omni="product_lifestyletv">Lifestyle TV</a></li> <li><a href="https://www.samsung.com/sec/audio-devices/Sound-bar/" data-omni="product_soundbar">사운드바</a></li> <li><a href="https://www.samsung.com/sec/harman/#highend_audio" data-omni="product_harman">하만</a></li> <li><a href="https://www.samsung.com/sec/refrigerators/bespoke-infinite-line/" data-omni="product_refrigerators">냉장고</a></li> <li><a href="https://www.samsung.com/sec/kimchi-refrigerators/bespoke-kimchi-plus-infinite-line/" data-omni="product_kimchi-refrigerators">김치냉장고</a></li> <li><a href="https://www.samsung.com/sec/dishwashers/bespoke-dishwashers/" data-omni="product_dishwashers">식기세척기</a></li> </ul> </li> <li class="productLine2"> <h3> </h3> <ul> <li><a href="https://www.samsung.com/sec/electric-range/bespoke-induction/" data-omni="product_electric range">인덕션</a></li> <li><a href="https://www.samsung.com/sec/cooking-appliances/all-cooking-appliances/" data-omni="product_cooking appliances">오븐/큐커</a></li> <li><a href="https://www.samsung.com/sec/micro-wave-ovens/all-micro-wave-ovens/" data-omni="product_qooker">전자레인지</a></li> <li><a href="https://www.samsung.com/sec/water-purifier/" data-omni="product_water purifier">정수기</a></li> <li><a href="https://www.samsung.com/sec/washing-machines/grande-ai/" data-omni="product_washing-machines">세탁기</a></li> <li><a href="https://www.samsung.com/sec/dryers/grande-ai/" data-omni="product_dryers">건조기</a></li> <li><a href="https://www.samsung.com/sec/airdresser/bespoke-airdresser/" data-omni="product_airdresser">에어드레서</a></li> <li><a href="https://www.samsung.com/sec/shoedresser/bespoke-shoedresser/" data-omni="product_shoe dresser">슈드레서</a></li> <li><a href="https://www.samsung.com/sec/air-conditioners/gallery/" data-omni="product_air-conditioners">에어컨</a></li> <li><a href="https://www.samsung.com/sec/air-cleaners/bespoke-cube/" data-omni="product_air-cleaners">공기청정기</a></li> <li><a href="https://www.samsung.com/sec/vacuum-cleaners/bespoke-jet/" data-omni="product_vacuum-cleaners">청소기</a></li> <li><a href="https://www.samsung.com/sec/smartthings/do-the-smartthings/" data-omni="product_smartthings">스마트싱스</a></li> <li><a href="https://www.samsung.com/sec/accessories/" data-omni="product_accessories">액세서리 & 소모품</a></li> <li><a href="https://www.dacorkorea.com/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="product_dacor korea">데이코</a></li> </ul> </li> <li> <h3> <a href="javascript:;">이벤트</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/event/indexExhibitionCollection/" data-omni="promotion_exhibition collection">삼성닷컴추천 모두보기</a></li> <!-- <li><a href="https://www.samsung.com/sec/event/indexExhibitionCollection/?eventTypeCd=10" data-omni="promotion_samsung exhibition collection">삼성닷컴 단독</a></li> --> <li><a href="https://www.samsung.com/sec/outlets/all-outlets/" data-omni="promotion_all outlets">아울렛</a></li> <li><a href="https://www.samsung.com/sec/galaxycampus/" data-omni="promotion_galaxy campus">갤럭시 캠퍼스</a></li> <li><a href="https://www.samsung.com/sec/store-model/live/" data-omni="promotion_live">삼닷 Live</a></li> <!-- <li><a href="https://www.samsung.com/sec/store-model/weddingshop/" data-omni="promotion_wedding shop">웨딩,신혼샵</a></li> --> <li><a href="https://www.samsung.com/sec/bespokestudiohub/" data-omni="promotion_bespoke studio">비스포크 스튜디오</a></li> <li><a href="https://www.samsung.com/sec/customer/salesStore/" data-omni="promotion_sales store">스토어 진열 할인 제품</a></li> <li><a href="https://www.samsung.com/sec/eventList/benefitzone/" data-omni="promotion_benfit zone">닷컴 회원 혜택</a></li> <!-- <li><a href="https://www.samsung.com/sec/event/indexExhibitionCollection/?eventTypeCd=90" data-omni="promotion_event exhibition collection">이벤트/체험존</a></li> --> <li><a href="https://www.samsung.com/sec/bespokeshop/" data-omni="promotion_bespoke shop">e식품관</a></li> <li><a href="https://www.samsung.com/sec/petcarestore/" data-omni="promotion_petcare store">펫 케어 스토어</a></li> <li><a href="https://www.samsung.com/sec/homeclass/" data-omni="promotion_home fitness">홈클래스</a></li> <!-- <li><a href="https://www.samsung.com/sec/idea-goods/all-idea-goods/" data-omni="promotion_md choice shop">아이디어 상품</a></li> --> <li><a href="https://www.samsung.com/sec/explore/home/" data-omni="promotion_explore">스토리</a></li> </ul> </li> <li> <h3> <a href="javascript:;">고객서비스</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/support/" data-omni="faq_support">매뉴얼 & 다운로드</a></li> <li><a href="/sec/faq/" data-omni="faq_faq">삼성닷컴 FAQ</a></li> <li><a href="/sec/digitalplaza/storeMain/" data-omni="faq_shop locator">매장 찾기</a></li> <li><a href="/sec/digitalplaza/centerMain/" data-omni="faq_service-locator">서비스센터 찾기</a></li> <li><a href="https://www.samsung.com/sec/Samsung-Care-Plus/IM/" data-omni="faq_samsung care plus IM">삼성케어플러스 모바일/PC</a></li> <li><a href="https://www.samsung.com/sec/Samsung-Care-Plus/CE/" data-omni="faq_samsung care plus CE">삼성케어플러스 가전/TV</a></li> <li><a href="https://www.samsung.com/sec/eventList/delivery-service/">시간 맞춤 설치 서비스</a></li> <li><a href="/sec/samsungstore/main/" data-omni="plaza_main">삼성스토어</a></li> <li><a href="https://www.samsung.com/sec/membership/membershipMain/" data-omni="faq_membership">삼성전자 멤버십</a></li> <li><a href="/sec/md-inv/" data-omni="faq_md_innovation">MD 비즈니스 협력제안</a></li> <li><a href="https://www.secbuy.com/irj/portal/alluser?ume.logon.locale=ko&NavigationTarget=OBN%3A//BOTechnicalName%3DMainBannerOBN/BOSystemAlias%3DEPE_OBN/Operation%3Dnew_biz" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_secbuy">비즈니스 협력제안</a></li> <li><a href="https://r1.community.samsung.com/t5/Korea/ct-p/kr" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_community">삼성멤버스 커뮤니티</a></li> <li><a href="http://samsung.aiibook.net/b2c/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_e-catalog">E-카탈로그</a></li> <li><a href="https://survey3.medallia.com/?web&c=39&lng=ko" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_customer survey">삼성닷컴 경험조사</a></li> </ul> </li> <!-- e : 221025 --> <!-- s : 220929 --> <li class="row2"> <ul> <li> <h3><a href="javascript:;">지속가능경영</a></h3> <ul> <li><a href="/sec/sustainability/environment/" data-omni="sustainability_environment">환경</a></li> <li><a href="/sec/sustainability/privacy-and-security/" data-omni="sustainability_privacy-and-security">보안 & 개인정보 보호</a></li> <li><a href="/sec/sustainability/accessibility/overview/" data-omni="accessibility_overview">접근성</a></li> <li><a href="/sec/sustainability/diversity-and-inclusion/" data-omni="sustainability_diversity-and-inclusion">다양성 · 형평성 · 포용성</a></li> <li><a href="/sec/sustainability/corporate-citizenship/" data-omni="sustainability_corporate-citizenship" target="_blank" class="link-outlink" title="새창으로 열림">사회공헌</a></li> <!-- 230323 : --> <li><a href="/sec/sustainability/main" data-omni="sustainability-corporate-sustainability" target="_blank" class="link-outlink" title="새창으로 열림">Corporate Sustainability</a></li> <!-- 230323 : --> </ul> </li> <li> <h3><a href="javascript:;">윤리&준법경영</a></h3> <ul> <li><a href="https://sec-audit.com/common/businessPrinciple/viewBusinessPrincMain.do?_menuId=AVyA0fTVACzV4mS0&_menuF=true&s_gbn=PA100001" data-omni="ethics and law_principle" class="link-outlink" title="새창으로 열림" target="_blank">경영원칙</a></li> <li><a href="https://sec-audit.com/common/wrongReport/init.do?_menuId=AVyAoCSlAADV4mQ3&_menuF=true&s_gbn=PA100002" data-omni="ethics and law_wrong report" class="link-outlink" title="새창으로 열림" target="_blank">부정제보</a></li> <li><a href="https://sec-compliance.net/gcc/gcc.do?method=gccReport&langCd=ko_KR" data-omni="ethics and law_GCC" class="link-outlink" title="새창으로 열림" target="_blank">법위반제보</a></li> </ul> </li> </ul> </li> <li class="row2"> <!-- e : 220929 --> <ul> <li> <h3><a href="javascript:;">회사소개</a></h3> <ul> <li><a href="/sec/about-us/company-info/" data-omni="about-us_company-info">기업정보</a></li> <li><a href="/sec/about-us/business-area/" data-omni="about-us_business-area">사업정보</a></li> <li><a href="/sec/about-us/brand-identity/" data-omni="about-us_brand-identity">브랜드 아이덴티티</a></li> <li><a href="/sec/about-us/careers/kr/" data-omni="aboutsamsung_careers">채용</a></li> <li><a href="/sec/ir/main/" data-omni="about-us_ir-info">투자자 정보</a></li> <li><a href="https://news.samsung.com/kr/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_newsroom">뉴스룸</a></li> <li><a href="/sec/about-us/ethics/" data-omni="about-us_ethics">윤리</a></li> <li><a href="https://design.samsung.com/kr/?utm_source=scom&utm_medium=link&utm_campaign=cdc&utm_content=kr" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_design-samsung">디자인 삼성</a></li> <li><a href="https://dividend.samsung.com/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_dividend">배당조회</a></li> <li><a href="/sec/notice/" data-omni="about-us_notice">공지사항</a></li> </ul> </li> <li> <h3><a href="javascript:;">부가정보</a></h3> <ul> <li><a href="https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com" class="link-outlink" title="새창으로 열림" data-omni="additional information_cyber reports" target="_blank" >협력회사 사이버 신문고</a></li> <li><a href="https://www.samsung.com/sec/additional/indexWasteCartridgeRecallApply/" data-omni="additional information_printer_green">폐카트리지 회수신청</a></li> </ul> </li> </ul> </li> </ul> </nav> </div> <div class="footer-content"> <div class="footer-inner"> <div class="info-detail"> <p> <span>삼성전자 주식회사 대표이사 : 한종희</span> <span class="mo-inline">사업자등록번호 : 124-81-00998</span> <span class="comp-wrap"><a href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=1248100998&apv_perm_no=" class="comp" title="새창 열림" target="_blank">사업자 정보확인</a></span> <span>통신판매업 신고 : 2000-경기수원-0515</span> </p> <p class="gap"> <span>사업장주소 : 경기도 수원시 영통구 삼성로 129(매탄동)</span> <span>호스팅서비스사업자 : 한국아이비엠(주)</span> <span>대표번호 : 02-2255-0114</span> <span>제품/서비스/멤버십: 1588-3366(통화요금 : 발신자부담)</span> <span>삼성닷컴 구매문의 : 1588-6084</span> <span>e식품관 문의 : 1811-9228</span> </p> <p>본 사이트에서 판매되는 상품 중에는 등록된 개별 판매자가 판매하는 상품이 포함되어 있습니다. </p> <!-- s : 22-12-21 소비자분쟁해결기준 CTA --> <div class="dis-resol"> <p>개별 판매자 판매 상품의 경우 삼성전자(주)는 통신판매중개업자로서 통신판매의 당사자가 아니므로, 개별 판매자가 등록한 상품, 거래정보 및 거래 등에 대해 책임을 지지 않습니다.</p> <a href="/sec/dispute-resolution/" class="comp" title="새창 열림" target="_blank">소비자분쟁해결기준</a> </div> <!-- e : 22-12-21 소비자분쟁해결기준 CTA --> <p>본 사이트의 컨텐츠는 저작권법의 보호를 받는 바 무단 전재, 복사, 배포 등을 금합니다.</p> </div> </div> </div> <div class="footer-content"> <div class="footer-inner copyrightGroup"> <div class="copyrightBox"> <p class="copyright">Copyright © 1995-2024 Samsung. All Rights Reserved.</p> <div class="mark-box"> <a href="https://dcxi.ksa.or.kr/" target="_blank" title="Korean Stasndars Association 2023 디지털고객경험지수 : 새창으로 열기" class="btn-mark btn-dcxi" data-omni="local logo_dcxi"> <img src="https://images.samsung.com/kdp/_pub/icon-footer-dcxi.jpg" alt="Korean Stasndars Association 2023 디지털고객경험지수"> Korean Stasndars Association 2023 디지털고객경험지수 </a> <a href="https://www.kca.go.kr/ccm/certSystemOutlineView.do" target="_blank" title="ccm 소비자중심 공정거래위원회 : 새창으로 열기" class="btn-mark btn-ccm" data-omni="local logo_ccm"> <img loading="lazy" src="https://images.samsung.com/kdp/_pub/icon-footer-ccm.png" alt="ccm 소비자 중심 공정거래 위원회"> ccm 소비자 중심 공정거래 위원회 </a> <!-- <a href="javascript:openWa();" title="웹접근성 우수사이트 인증서 : 새창으로 열기" class="btn-mark btn-wa" data-omni="local logo_wa" > --> <!-- <img loading="lazy" class="pc-ver" src="https://www.samsung.com/sec/static/_images/common/icon-footer-wa.svg" alt="웹접근성 우수사이트"> --> <!-- <img loading="lazy" class="mo-ver" src="/sec/static/_images/common/icon-footer-wa-mo.jpg" alt="웹접근성 우수사이트"> --> <!-- 웹접근성 우수사이트 --> <!-- </a> --> <a href="javascript:openPrivacy();" title="개인정보 보호 우수사이트 인증서 : 새창으로 열기" class="btn-mark btn-eprivacy" data-omni="local logo_eprivacy"> <img loding="lazy" src="https://www.samsung.com/sec/static/_images/common/icon-footer-eprivacy.svg" alt="개인정보보호 우수사이트"> 개인정보보호 우수사이트 </a> </div> </div> </div> </div> <div class="footer-content"> <div class="footer-inner btnBottomGroup"> <div class="cs-btn"> <ul class="korean"> <li><a href="/sec/function/ipredirection/ipredirectionLocalList/">한국/한국어</a></li> </ul> <ul> <li><a href="javascript:;" title="이메일 무단 수집거부" data-popup-target="popupGatherRefuse" data-omni="footer:bottom_email_security">이메일 무단 수집거부</a></li> <li><a href="javascript:;" title="아이디어 정책" data-popup-target="popupIdeaPolicy" data-omni="footer:bottom_idea security">아이디어 정책</a></li> <li><a href="/sec/info/sitemap/" data-omni="footer:bottom_sitemap">사이트맵</a></li> </ul> </div> <div class="clause-links"> <!-- s : Accessible Dropdown --> <div id="dropClauseList01" class="wrap-droplist rounded clause-use"> <button class="droplist-button" aria-haspopup="listbox" aria-labelledby="dropServiceClauseTitle dropServiceClauseBtn" id="dropServiceClauseBtn" title="서비스별 이용약관">이용약관<span class="blind">하위 메뉴 있음</span></button> <ul class="droplist" aria-labelledby="dropServiceClauseTitle" aria-activedescendant="optServiceClause01"> <!--aria-activedescendant에 선택된 li의 id 삽입 --> <li id="optServiceClause02" class="droplist-item" data-omni="footer:terms_legal"><a href="https://account.samsung.com/membership/etc/specialTC.do?fileName=samsungkorea.html" target="_blank" title="새 창으로 열림">삼성전자 대표사이트 이용약관</a></li> <li id="optServiceClause03" class="droplist-item" data-omni="footer:terms_conditions"><a href="/sec/membership/terms/">삼성전자멤버십 이용약관</a></li> <li id="optServiceClause04" class="droplist-item" data-omni="footer:terms_contents"><a href="https://account.samsung.com/membership/policy/terms" target="_blank" title="새 창으로 열림">Samsung 서비스 이용약관</a></li> </ul> </div> <!-- s : Accessible Dropdown --> <div id="dropClauseList02" class="wrap-droplist rounded clause-private"> <button class="droplist-button" title="서비스별 개인정보처리방침" id="dropServicePrivateTitle">개인정보처리방침<span class="blind">하위 메뉴 있음</span></button> <ul class="droplist" aria-labelledby="dropServicePrivateTitle" aria-activedescendant="optServicePrivate01"> <!--aria-activedescendant에 선택된 li의 id 삽입--> <li id="optServicePrivate02" class="droplist-item"><a href="/sec/info/privacy/01/rc">삼성닷컴 개인정보처리방침</a></li> <li id="optServicePrivate03" class="droplist-item"><a href="/sec/info/privacy/02">삼성닷컴 이벤트 개인정보처리방침</a></li> <li id="optServicePrivate04" class="droplist-item"><a href="/sec/info/privacy/03">삼성전자멤버십 개인정보처리방침</a></li> <li id="optServicePrivate06" class="droplist-item"><a href="/sec/info/privacy/05">경력채용 개인정보처리방침</a></li> </ul> </div> <!-- e : Accessible Dropdown --> </div> <div class="link-box"> <div class="sns-btn"> <div class="wrap-sns"> <span class="tit">삼성전자의 다양한 소식을 만나보세요!</span> <ul> <li><a href="//www.facebook.com/SamsungKorea" class="btn-fb" title="새창 열림" target="_blank" data-omni="follow:facebook"><span class="blind">facebook</span></a></li> <li><a href="//www.youtube.com/c/samsungkorea" class="btn-yt" title="새창 열림" target="_blank" data-omni="follow:youtube"><span class="blind">youtube</span></a></li> <li><a href="//www.instagram.com/samsungkorea" class="btn-ig" title="새창 열림" target="_blank" data-omni="follow:instagram"><span class="blind">instagram</span></a></li> <li><a href="//pf.kakao.com/_VJjxdC" class="btn-pf" title="새창 열림" target="_blank" data-omni="follow:kakaoplus"><span class="blind">카카오톡 플러스친구</span></a></li> <li><a href="//twitter.com/SamsungKorea" class="btn-tw" title="새창 열림" target="_blank" data-omni="follow:twitter"><span class="blind">트위터</span></a></li> <li><a href="javascript:void(0);" class="btn-share" onclick="tooltipCenterTop(this,'tip-footer-share',380); return false;" data-title="공유" data-content="" data-close="툴팁 닫기"><span class="blind">공유하기 툴팁보기(툴팁 열림)</span></a> <!-- s : 소셜공유 --> <div class="tooltip-layer tip-footer-share" tabindex="0"> <p class="tooltip-title">공유</p> <div class="tooltip-content"> <ol class="tooltip-share"> <li> <a href="javascript:void(0);" class="share-copylink" id="share-copylink"> <img loding="lazy" src="/sec/static/_images/common/icon-copylink.svg" alt="링크복사 아이콘"> <span>링크복사</span> </a> <script> function tabKeyCnt() { $('.share-copylink').on('keydown', function(e) { if(event.shiftKey && (event.keyCode || event.which) === 9) { event.preventDefault(); $('#tooltip-share-close').focus(); } }); } </script> </li> <li> <a href="javascript:void(0);" class="share-sns-kakao" title="새 창으로 열림"> <img loding="lazy" src="/sec/static/_images/common/sns-kakao@3x.png" alt="카카오톡 아이콘(공유하기)"> <span>카카오톡</span> </a> </li> <li> <a href="javascript:void(0);" class="share-sns-facebook" title="새 창으로 열림"> <img loding="lazy" src="/sec/static/_images/common/sns-facebook@3x.png" alt="페이스북 아이콘"> <span>페이스북</span> </a> </li> </ol> </div> <button type="button" class="btn-tooltip-close" id="tooltip-share-close"><em class="blind">툴팁 닫기</em></button> </div> <!-- e : 소셜공유 --> </li> </ul> </div> </div> </div> </div> </div> </footer> <!-- s : 에너지 계산기 --> <button id="energyBtn" style="display:none" type="button" data-popup-target="popupEnergy">팝업보기</button> <div class="layer-pop layer-normal layer-energy-calculator" id="popupEnergy" tabindex=" 0" data-popup-layer="popupEnergy" data-focus="popupEnergy"> </div> <!-- e : 에너지 계산기 --> <!-- s : 이메일 무단 수집거부 --> <div class="layer-pop layer-normal" id="popupGatherRefuse" tabindex="0" data-popup-layer="popupGatherRefuse" data-focus="popupGatherRefuse"> <div class="layer-header"> <h2>이메일 무단 수집거부</h2> </div> <div class="layer-content"> <div class="etc-divWrap"> <p>본 웹사이트는 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단 수집되는 것을 거부합니다.<br> 이를 위반 시 『정보통신망 이용 촉진 및 정보보호 등에 관한 법률』등에 의해 처벌받을 수 있습니다.</p> </div> </div> <button type="button" class="pop-close" data-focus-next="popupGatherRefuse">팝업닫기</button> </div> <!-- e : 이메일 무단 수집거부 --> <!-- s : 아이디어 정책 --> <div class="layer-pop layer-normal" id="popupIdeaPolicy" tabindex="0" data-popup-layer="popupIdeaPolicy" data-focus="popupIdeaPolicy"> <div class="layer-header"> <h2>아이디어 제안에 대한 정책</h2> </div> <div class="layer-content"> <div class="etc-divWrap"> <p>삼성전자 및 삼성전자 임직원은 당사가 공식적으로 요청하지 않았음에도 불구하고 여러분께서 일방적으로 당사에 제출하는 아이디어나 제안 등을 수령하거나 검토하지 않습니다.</p> <p>이는 제출하신 내용이 당사 내부적으로 개발한 제품, 기술, 서비스와 유사할 경우 발생할 수 있는 오해와 분쟁을 방지하고 나아가 여러분의 창의적인 아이디어를 적극 보호하기 위함입니다.</p> <p>이러한 취지를 이해하여 주시고 구체화되지 않은 아이디어나 콘셉트(Concept) 단계의 제안이 당사에 제출되지 않도록 하여 주시기 바랍니다.</p> </div> </div> <button type="button" class="pop-close" data-focus-next="popupIdeaPolicy">팝업닫기</button> </div> <!-- e : 아이디어 정책 --> <!-- s : 웹접근성 우수사이트 인증서 --> <!-- <div class="layer-pop layer-default" id="popupWA" tabindex="0" data-popup-layer="popupWA" data-focus="popupWA"> <div class="layer-content"> <img loding="lazy" class="pc-ver" src="/sec/static/_images/common/WA-2022.jpg" alt="웹접근성 우수사이트 인증서"> <img loding="lazy" class="mo-ver" src="/sec/static/_images/common/WA-2022-mo.jpg" alt="웹접근성 우수사이트 인증서"> </div> <button type="button" class="pop-close" data-focus-next="popupWA">팝업닫기</button> </div> --> <!-- e : 웹접근성 우수사이트 인증서 --> <script defer src="//t1.kakaocdn.net/kakao_js_sdk/v1/kakao.min.js"></script> <script defer src="/sec/static/_script/snsShare.js"></script> <script defer type="text/javascript"> $(document).ready(function(){ console.log('============== footer.jsp script start ====================='); // b2c facebook.app.id.b2c는 없음 - fnet, fnet_etc, b2b2c는 존재(business.xml) if(kakaoAppKey == null || kakaoAppKey == "" || kakaoAppKey == undefined) { shareInit("5880e4317936087f2764a5d340e6bca6", ""); } // 소셜공유/공유하기 $(".tooltip-share a").off("click.tooltip-share").on("click.tooltip-share", function(e) { e.preventDefault(); var _this = $(this); var locationUrl = window.location.href; if(_this.hasClass("share-copylink")) { GA4ShareFollow("share-copylink"); // 링크복사 var clipboard = new ClipboardJS(".share-copylink", { text: function() { return locationUrl; } }); clipboard.on("success", function(e) { var vTimer = setTimeout((function(){ $("#mask").trigger("click"); }), 5000); $("#mask").off().on("click", function (){ $(".popup-msg").hide(); $(".popup-msg").empty(); scrollLock("unlock"); $("#mask").fadeOut("fast").remove(); clearTimeout(vTimer); $(this).off(); }); var alertData = { title: "" ,callback : function() { $("#share-copylink").focus() } ,content : "링크를 복사했어요." ,btnText : "확인" }; commonAlert(alertData); openLayer("commonAlert"); $(".btn-share").attr("data-popup-target","commonAlert"); }); clipboard.on("error", function(e) { var alertData = { title: "" ,content : "일시적인 오류로 링크를 복사하지 못했습니다.<br>다시 시도해주세요." ,callback : function() { $("#share-copylink").focus() } ,btnText : "확인" }; commonAlert(alertData); openLayer("commonAlert"); $(".btn-share").attr("data-popup-target","commonAlert"); }); } else if(_this.hasClass("share-sns-kakao")) { GA4ShareFollow("share-sns-kakao"); var imgPath = $("meta[property='og:image']").attr("content"); var defaultImgSrc = "https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"; if(imgPath == null || imgPath === ""){ imgPath = defaultImgSrc; }else if(imgPath.indexOf("images.samsung.com") >= 0){ var firstDomainIndex = imgPath.indexOf("images.samsung.com"); var lastDomainIndex = imgPath.lastIndexOf("images.samsung.com"); //var imageDomain = "images.samsung.com/kdp"; if(firstDomainIndex != lastDomainIndex){ imgPath = "https://"+imgPath.substring(lastDomainIndex); } } // 카카오톡 공유하기 snsShare.kakaoTalk(locationUrl , $("head > title").text() , imgPath , ""); } else if(_this.hasClass("share-sns-facebook")) { GA4ShareFollow("share-sns-facebook"); // 페이스북 공유하기 snsShare.facebook(locationUrl); } }); }); // ready end function showSafety() { $(".dropDown-content .subDesc").hide(); $(".dropDown-content .dropButton").hide(); $(".dropDown-content .dropcontent").show(); } // 약관 변경 $(document).on("click", "#dropClauseList01 .droplist-item", function(e) { var id = $(this).attr("id"); if (id == "optServiceClause03") { location.href = "/sec/membership/terms/"; } }); function openWa() { var agent = navigator.userAgent.toLowerCase(); var path = "/sec/"; if(!(device.val == "m")){ if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open(path + "static/_images/common/WA-2022.jpg", "popup", "width=650, height=900, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open(path + "static/_images/common/WA-2022.jpg", "popup", "width=550,height=750"); } }else{ window.open(path + "static/_images/common/WA-2022-mo.jpg", "popup", "width=550,height=750"); } } function openPrivacy() { var agent = navigator.userAgent.toLowerCase(); if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open("https://www.eprivacy.or.kr/front/certifiedSiteMark/certifiedSiteMarkPopup.do?certCmd=E&certNum=2024-E-R005", "popup", "width=650, height=900, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open("https://www.eprivacy.or.kr/front/certifiedSiteMark/certifiedSiteMarkPopup.do?certCmd=E&certNum=2024-E-R005", "popup", "width=550,height=750"); } } //협력회사 사이버 신문고(새창) function openCyberVoc() { var agent = navigator.userAgent.toLowerCase(); if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open("https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com", "popup", "width=830,height=600, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open("https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com", "popup", "width=830,height=600"); } } function GA4ShareFollow(socialNetwork) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'share_follow', social_network: socialNetwork }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script defer type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "s_bf7aca045e5"; if (!_nasa) var _nasa={}; if(window.wcs) { wcs.inflow("samsung.com"); wcs_do(_nasa); } </script> <script> // GA4 click_nav footer $(document).on("click", "#footer .footer-content .footer-inner ul li ul li a", function(e){ GA4ClickNavFooter($(this)); }); function GA4ClickNavFooter(obj){ try { var itemName = $(obj).text(); var dataOmni = $(obj).closest("ul").parent("li").attr("class") + ":" + $(obj).data("omni"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_nav' , // 필요. 이벤트 GA에 전송 item_category: 'footer', // 예: 모바일 (an_ac에서 읽기) item_name: itemName , // 예: 스마트폰(an_la의 마지막깊이에서 읽기) an_ca: 'navigation' , // 예: should always be navigation an_ac: 'footer' , // 예: gnb, footer an_la: dataOmni // 예: <depth 1 value>:<depth 2 value>:<depth 3 value> }); //console.log("GA4 click_nav"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_nav TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script defer> let mobileWebCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined)); if(mobileWebCheckFlag){ setTimeout((function(){ appLaunch(); }), 2000); } function appLaunch(){ let pcDevice = "win16|win32|win64|mac|macintel"; let platform = navigator.platform; let locationUrl = window.location.href; if(platform){ if(pcDevice.indexOf(platform.toLowerCase())>= 0){ return; } } if(locationUrl=="http://localhost:8080/sec/" || locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/"){ try{ location.href="secapp://action"; //메인 접속시 앱 띄우기 }catch(e){ console.log("app launch fail"); } } } </script> <script> if( typeof PROPS_ADBRIX_APP_KEY === 'undefined' ) { var PROPS_ADBRIX_APP_KEY = "0nCtQ3s60km0zcXUGeZZBQ"; var PROPS_ADBRIX_WEB_SECRET_KEY = "IU54Ulr2xUawNnSUwBHrkw"; var PROPS_JOIN_MEMBERSHIP_TOKEN = "4b7db13b3c654b80a5f2d412d782993026fc134823312481657e4c36f0bf6330&Fnm=8241445b72beeb8d2e330bc198a4896a0953dff4dd28ced398bcce6c4205a9de"; var PROPS_DATA_KAKAOKEY = "5880e4317936087f2764a5d340e6bca6"; var PROPS_NAVER_CLIENT_ID = "w7hzcUlMAcYgXwEjhial"; var PROPS_NAVER_CLIENT_SECRET = "KqwN0GzEcF"; var PROPS_NAVER_ACCESS_TOKEN = "AAAAN0E4MqLS8hlDxX3PoSR9njzLQiY9UmKQEHZZylXqIocX4WGmgV0yw21iwuZgaUoblQ87jN_Z__GzbgDdix_xLfU"; var PROPS_FACEBOOK_ACCESS_TOKEN = "EAAbgPOh6aEABACscvkdSD8g2BY5ZAS3qUM8RzcjxOtlNreKfmqLMOD7OheOdmDo4jFaZCvR2sve70CnGZBzZBWFA8gcZBw2QSo3J3yolt2FPRzszIVHavUf1WZAzmx8WkWPlvkC2cqmuRBE9TgwJ7J89X06TbMrELLf1OP9SX9HSvp9BfYfOGkl9lW9pgBZCyYWmvR0vtI8Jr4bRjKmdvJg7eZAzm8RZB6JIZD"; } if( typeof PROPS_ACCOUNT_PUBLICKEY === 'undefined' ) { var PROPS_ACCOUNT_PUBLICKEY = "h+jM3wrLz3KD87tTk7PA3I3VhBWkbcEyJehSyOiHEcMP1oAVsU3ekiO5msjxEsT/"; } </script> <!-- e : 바닥글 영역 - b2c --> <!-- s : BNB 영역 --> <script type="text/javascript"> let bnbFlag = true; $(document).ready(function() { try { var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf('SECAPP') > -1 || userAgent.indexOf("SECTEST") > -1 || userAgent.indexOf('SECIOS') > -1) { bnbAppVersionChk(); } else { //앱 아닐때 bnb 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } } catch(err) { //앱 버전체크 오류시 bnb 무조건 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } }); //안드로이드 및 IOS 버전 체크해서 특정 버전보다 상위버전이면 bnb 숨김, 버전이 낮거나 같으면 bnb 노출 function bnbAppVersionChk() { let chkVersionRslt = checkAppVersion(); //특정 버전보다 상위버전이면 if(chkVersionRslt == 1) { //bnb 숨김 if (!bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbHide(); } bnbFlag = false; } //특정 버전보다 하위버전이거나 같으면 else { //bnb 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } } // 사용자메뉴열기 function openBnbUserMenu(){ if($("#header__navi").length > 0){ $(".menu__button").click(); } else { $(".link-m-nav").click(); } } // 최근 본 제품 function bnbFirstRecentGoods() { $.ajax({ url : "/sec/xhr/goods/getFirstRecentGoods", type : "POST", success : function(result) { var recentGoodsData = JSON.parse(result); var recentGoodsNm = recentGoodsData.recentGoodsNm; var html = ""; if (recentGoodsData.recentYn === "Y") { html += '<a href="javascript:void(0);" id="btn-rcntgoods-floating" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-omni="bnb_recently viewed products" data-st-path ="' + recentGoodsData.stContextPath + '" title="최근 본 제품 팝업열림">'; html += '<div class="botnavi__recent">'; html += '<img src="' + recentGoodsData.recentImgPath + '?$128_128_PNG$" alt="' + recentGoodsData.recentGoodsNm + '">'; html += '</div>'; html += '</a>'; <!-- 모바일 퍼스트 검색창 추천 제품 세팅 추가 20240229 --> $("#recentGoodsNm").val(recentGoodsNm); }else{ // 최근본 제품이 없는 경우에도 최근본 제품 팝업을 띄우도록 수정 - 2024.04.17 dslee html += '<a href="javascript:void(0);" id="btn-rcntgoods-floating" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-omni="bnb_recently viewed products" data-st-path ="' + recentGoodsData.stContextPath + '" title="최근 본 제품 팝업열림">'; html += ' <i class="icon default"> '; html += ' <svg id="bnb_ic_history" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> '; html += ' <path id="Icon-_-Regular-_-Notification-_-Clock" data-name="Icon-/-Regular-/-Notification-/-Clock" '; html += ' d="M47.5,3A45.5,45.5,0,1,1,2,48.5,45.5,45.5,0,0,1,47.5,3Zm0,5A40.5,40.5,0,1,0,88,48.5,40.5,40.5,0,0,0,47.5,8ZM50,15.5V46H75.5v5H45V15.5Z" '; html += ' transform="translate(0.5 -0.5)"> '; html += ' </path> '; html += ' <rect id="container" width="96" height="96" fill="none"></rect> '; html += ' </svg> '; html += ' </i> '; html += ' <i class="icon active"> '; html += ' <svg id="bnb_ic_history_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> '; html += ' <path id="제외_2" data-name="제외 2" '; html += ' d="M45.5,91A45.5,45.5,0,1,1,91,45.5,45.553,45.553,0,0,1,45.5,91ZM43,12.5V48H73.5V43H48V12.5Z" '; html += ' transform="translate(2.999 2.999)"> '; html += ' </path> '; html += ' <rect id="container" width="96" height="96" fill="none"></rect> '; html += ' </svg> '; html += ' </i> '; html += ' <span>최근 본 제품</span> '; html += '</a> '; } $("#liRecentGoods").html(html); } }); } // 공통코드 - UNPACKED_GOODS 사용여부 체크 var unpackedPeriodYn = "N"; if (unpackedPeriodYn === "N") { bnbFirstRecentGoods(); } function openSessionLink(url, target) { try { var useLogin = $("#useLogin").val(); if(useLogin != "Y"){ NetFunnel_Action({ action_id: 'b2c_login_default' }, function (ev, ret) { window.open(url, target); }); } else { window.open(url, target); } } catch (e) { window.open(url, target); } } function bnb_chat_select_open() { BnbGA4ChatStart(); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); let url = "/sec/"+"chatbotPop/"; // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbotPop/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbotPop/#/"; BnbGA4ChatComplete(); location.href = url; // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbotPop/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbotPop/#/"; // var chatbotPop = window.open(url, // "chatselect", // 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); // chatbotPop.onbeforeunload = function () { // BnbGA4ChatComplete(); // } } function BnbGA4ChatStart() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_start' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } function BnbGA4ChatComplete() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_complete' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script> //231016 스크롤 함수 document.addEventListener("DOMContentLoaded", function(){ let lastValY = 0; addEventListener("scroll", e => { e.stopPropagation(); let thisValY = window.scrollY || window.pageYOffset; if(window.innerWidth > 1280) return; if($(".menu__wrap").length > 0) { if($(".menu__wrap").attr("aria-hidden") == "false") return; } const pfCompare = document.querySelector('.pfpd-compare'); let pfCompareTrue = pfCompare != null; let scrollDown = thisValY > lastValY + 2; let scrollUp = thisValY < lastValY - 2; //앱 아닐때 또는 특정 앱버전과 같거나 이전 버전이면 bnb 노출 이라서 이때만 실행되도록 수정 if(bnbFlag) { if($("#bottom__navi").length > 0) { if(pfCompareTrue) { pfCompare.style.transition = "0.2s cubic-bezier(0.165, 0.84, 0.44, 1)"; if(scrollDown) { pfCompare.classList.remove('withBnb'); } else if(scrollUp) { pfCompare.classList.add('withBnb'); } } if(scrollDown) { bnb.bnbHide(); } else if(scrollUp) { bnb.bnbShow(); } } } // scrollDown ? bnb.bnbHide() : bnb.bnbShow(); lastValY = thisValY; }); //bnb 혜택, 나의 정보 클릭된 상태로 되도록 추가 var chkUrl = "/sec/ir/main/"; //혜택 if(chkUrl.indexOf('/sec/mypage/eventCollection/eventCollectionList/') >= 0){ $(".bnbitem_benefits").addClass("active"); } //나의 정보 else if(chkUrl.indexOf('/sec/membership/point/') >= 0){ $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyMembership/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/mypetList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyDeliveryList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyDeviceList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyRepairList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/order/indexDeliveryList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/order/indexClaimList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/dividePayment/indexDividePaymentList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/dividePayment/indexDividePaymentClaimList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/myShopping/myRegularDelivery/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/qooker/qookerSubscribeInfo/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/maniaStamp/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/event/bespokePanelEventEntry/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexMyHotList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexMyexhibitions/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexRestockView/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/coupon/indexMyCoupon/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/coupon/indexCouponDownload/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/present/indexMyPresentBox/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/review/indexMyReview/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/my-account/my-qna/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/customer/myDigitalReservationSearch/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/samsungstore/culture-lab/myculture/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/checkinHistory/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/qrScanGoodsHistory/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/coupon/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/estimate/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/homeClass/indexMyHcOrderList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/homefitness/myhome/indexMyHotClsList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/homeClass/indexMyHcCancelExpireList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/indexMyGalaxyClub/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/careplus/getPaymentManagement/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/careplus/careplusSubscriptionList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } }); </script> <div id="bottom__navi" class="bnb_renewal _hide"> <ul class="botnavi__menu"> <li class="bnbitem_menu" data-type="bnb__menu"> <a href="javascript:void(0);" data-omni="bnb_category" id="bnbCategory"> <i class="icon default"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_menu" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="icn_menu" d="M0,61V54H78v7ZM0,34V27H78v7ZM0,7V0H78V7Z" transform="translate(9 18)"></path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_menu_selected" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="icn_menu" d="M0,66.322V54H78V66.322Zm0-27V27H78V39.322Zm0-27V0H78V12.322Z" transform="translate(9 14.933)"> </path> </svg> </i> <span>메뉴</span> </a> </li> <li class="bnbitem_benefits" data-type="bnb__benefits"> <a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni="bnb_benefits"> <i class="icon default"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_benefits" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="_Icon_Regular_Shopping_Deal" data-name="*Icon / Regular / Shopping / Deal" d="M45.068,90.138a3.485,3.485,0,0,1-2.5-1.07l-7.25-7.619-10.08,3a3.45,3.45,0,0,1-4.33-2.5L18.438,71.7l-10.22-2.47a3.44,3.44,0,0,1-2.5-4.33l3-10.08-7.65-7.25a3.459,3.459,0,0,1,0-5l7.619-7.25-3-10.08a3.473,3.473,0,0,1,.38-2.71,3.522,3.522,0,0,1,2.18-1.63l10.22-2.46,2.46-10.22a3.453,3.453,0,0,1,4.341-2.5l10.08,3,7.22-7.65a3.459,3.459,0,0,1,5,0l7.25,7.619,10.08-3a3.43,3.43,0,0,1,4.33,2.49L71.7,18.408l10.23,2.471a3.44,3.44,0,0,1,2.5,4.33l-3,10.08,7.639,7.28a3.459,3.459,0,0,1,0,5l-7.619,7.25,3,10.08a3.449,3.449,0,0,1-2.51,4.34L71.7,71.7l-2.46,10.23a3.483,3.483,0,0,1-1.64,2.14,3.437,3.437,0,0,1-2.7.31l-10.08-3-7.25,7.69A3.484,3.484,0,0,1,45.068,90.138Zm-9.86-13.8c.1,0,.2,0,.31.013h.01a4.328,4.328,0,0,1,3.05,1.27l6.491,6.82,6.49-6.82a4.311,4.311,0,0,1,4.17-1.11l9,2.66,2.24-9.1a4.3,4.3,0,0,1,3-3l9.15-2.21-2.66-9a4.321,4.321,0,0,1,1.111-4.17l6.87-6.619-6.82-6.491a4.32,4.32,0,0,1-1.11-4.17l2.66-9-9.1-2.24a4.292,4.292,0,0,1-3-3.05l-2.31-9.149-9,2.66a4.288,4.288,0,0,1-4.17-1.11L45.068,5.7l-6.491,6.82a4.288,4.288,0,0,1-4.17,1.11l-9-2.66-2.24,9.149a4.285,4.285,0,0,1-3.05,3.05l-9.149,2.21,2.66,9a4.286,4.286,0,0,1-1.11,4.17L5.7,45.068l6.82,6.49a4.3,4.3,0,0,1,1.11,4.17l-2.66,9,9.149,2.21a4.289,4.289,0,0,1,3.05,3l2.21,9.15,9-2.66A3.783,3.783,0,0,1,35.208,76.335ZM57.3,62.568a7.025,7.025,0,0,1-5.945-2.6c-1.314-1.729-1.978-4.358-1.975-7.815v-.08c0-3.483.666-6.133,1.98-7.874a7,7,0,0,1,5.94-2.625,7,7,0,0,1,5.943,2.625c1.316,1.742,1.984,4.391,1.988,7.874s-.667,6.133-1.983,7.875A7.01,7.01,0,0,1,57.3,62.568Zm.045-16.646a2.15,2.15,0,0,0-2.035,1.456,12.4,12.4,0,0,0-.64,4.69,12.436,12.436,0,0,0,.64,4.69,2.15,2.15,0,0,0,4.071,0,12.436,12.436,0,0,0,.64-4.69,12.4,12.4,0,0,0-.64-4.69A2.151,2.151,0,0,0,57.343,45.922ZM39.678,62.068h-5.2l15.98-34h5.2Zm-6.84-13.579A7,7,0,0,1,26.9,45.863c-1.315-1.742-1.984-4.391-1.987-7.875s.667-6.133,1.982-7.875a7.009,7.009,0,0,1,5.947-2.625,7,7,0,0,1,5.945,2.625c1.314,1.742,1.978,4.391,1.975,7.875s-.666,6.133-1.98,7.875A7,7,0,0,1,32.838,48.488Zm.035-16.646A2.15,2.15,0,0,0,30.838,33.3a12.442,12.442,0,0,0-.64,4.69,12.4,12.4,0,0,0,.64,4.69,2.15,2.15,0,0,0,4.009.16l.062-.16a12.4,12.4,0,0,0,.64-4.69,12.442,12.442,0,0,0-.64-4.69A2.15,2.15,0,0,0,32.873,31.842Z" transform="translate(2.932 2.932)"> </path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <g id="bnb_ic_benefits_selected" transform="translate(-2592 1152)"> <rect id="Rectangle" width="96" height="96" transform="translate(2592 -1152)" fill="none"></rect> <path id="합치기_3" data-name="합치기 3" d="M44.82,93.774l-7.636-8.02L26.572,88.913a3.7,3.7,0,0,1-1.026.146,3.627,3.627,0,0,1-1.814-.485,3.671,3.671,0,0,1-1.719-2.295l-2.6-10.794-10.764-2.6A3.623,3.623,0,0,1,6.023,68.33L9.182,57.717,1.127,50.081a3.634,3.634,0,0,1,0-5.261l8.02-7.636L5.988,26.572a3.64,3.64,0,0,1,.4-2.85A3.692,3.692,0,0,1,8.687,22l10.759-2.588L22.033,8.652A3.631,3.631,0,0,1,26.6,6.024L37.219,9.182l7.6-8.055a3.633,3.633,0,0,1,5.261,0l7.636,8.02L68.329,5.989a3.567,3.567,0,0,1,1.036-.151,3.671,3.671,0,0,1,1.809.48,3.625,3.625,0,0,1,1.713,2.294l2.6,10.769,10.774,2.6a3.631,3.631,0,0,1,2.633,4.558L85.734,37.154l8.04,7.666a3.634,3.634,0,0,1,0,5.261l-8.02,7.636L88.913,68.33A3.637,3.637,0,0,1,86.27,72.9L75.485,75.485,72.9,86.26a3.689,3.689,0,0,1-1.728,2.254,3.644,3.644,0,0,1-2.84.323L57.717,85.678l-7.636,8.1a3.633,3.633,0,0,1-5.261,0Zm7.166-38.958V54.9c-.005,3.638.7,6.408,2.082,8.227a7.389,7.389,0,0,0,6.256,2.744c5.539,0,8.348-3.719,8.348-11.057s-2.815-11.052-8.348-11.052S51.986,47.483,51.986,54.816ZM36.3,65.348h5.473L58.6,29.548H53.123ZM26.223,39.994c.01,7.333,2.82,11.052,8.349,11.052s8.338-3.719,8.338-11.052c.005-4.179-.9-7.211-2.7-9.01a7.648,7.648,0,0,0-5.64-2.047C29.032,28.937,26.223,32.656,26.223,39.994Zm32.01,19.765a13.117,13.117,0,0,1-.672-4.937,13.027,13.027,0,0,1,.672-4.942,2.265,2.265,0,0,1,4.285,0,13.119,13.119,0,0,1,.672,4.942,13.211,13.211,0,0,1-.672,4.937,2.265,2.265,0,0,1-4.285,0ZM32.469,44.931a13,13,0,0,1-.672-4.937,13.1,13.1,0,0,1,.672-4.937,2.265,2.265,0,0,1,4.285,0,13.2,13.2,0,0,1,.672,4.937,13.1,13.1,0,0,1-.672,4.938l-.065.167a2.264,2.264,0,0,1-4.22-.167Z" transform="translate(2592.55 -1151.45)"> </path> </g> </svg> </i> <span>혜택</span> </a> </li> <li class="bnbitem_chatbot" data-type="bnb__chatbot"> <a href="javascript:void(0);" onclick="javascript:bnb_chat_select_open();" data-omni="bnb_chatbot" title="삼성닷컴 챗봇 새창열림"> <i class="icon default"> <svg id="bnb_ic_chatbot" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Communication_Message" data-name="Icon / Regular / Communication / Message" d="M15.5,83A2.5,2.5,0,0,1,13,80.5V65H10.5A10.512,10.512,0,0,1,0,54.5v-44A10.512,10.512,0,0,1,10.5,0h64A10.512,10.512,0,0,1,85,10.5v44A10.511,10.511,0,0,1,74.5,65H34.412L17.274,82.261A2.479,2.479,0,0,1,15.5,83Zm-5-78A5.506,5.506,0,0,0,5,10.5v44A5.506,5.506,0,0,0,10.5,60h5A2.5,2.5,0,0,1,18,62.5V74.434L31.6,60.739A2.512,2.512,0,0,1,33.371,60H74.5A5.506,5.506,0,0,0,80,54.5v-44A5.506,5.506,0,0,0,74.5,5Zm51,32.5a5,5,0,1,1,5-5A5.006,5.006,0,0,1,61.5,37.5Zm-19,0a5,5,0,1,1,5-5A5.006,5.006,0,0,1,42.5,37.5Zm-19,0a5,5,0,1,1,5-5A5.006,5.006,0,0,1,23.5,37.5Z" transform="translate(5.5 6.5)"> </path> </svg> </i> <i class="icon active"> <svg id="bnb_ic_chatbot_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Communication_Message" data-name="Icon / Regular / Communication / Message" d="M15.5,83A2.5,2.5,0,0,1,13,80.5V65H10.5A10.512,10.512,0,0,1,0,54.5v-44A10.512,10.512,0,0,1,10.5,0h64A10.512,10.512,0,0,1,85,10.5v44A10.511,10.511,0,0,1,74.5,65H34.412L17.274,82.261A2.479,2.479,0,0,1,15.5,83Zm46-55.5a5,5,0,1,0,5,5A5.005,5.005,0,0,0,61.5,27.5Zm-19,0a5,5,0,1,0,5,5A5.005,5.005,0,0,0,42.5,27.5Zm-19,0a5,5,0,1,0,5,5A5.005,5.005,0,0,0,23.5,27.5Z" transform="translate(5.5 6.5)"> </path> </svg> </i> <span>채팅/상담</span> </a> </li> <li class="bnbitem_mypage" data-type="bnb__mypage"> <a href="javascript:;" onclick='openSessionLink("/sec/membership/point/", "_self");' data-omni="bnb_my account"> <i class="icon default"> <svg id="bnb_ic_mypage" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Human_User" data-name="Icon / Regular / Human / User" d="M3.5,89A3.5,3.5,0,0,1,0,85.5V77.555A27.425,27.425,0,0,1,2.443,66.3a30.55,30.55,0,0,1,6.612-9.422,31.451,31.451,0,0,1,9.709-6.471,29.829,29.829,0,0,1,23.472,0,31.451,31.451,0,0,1,9.709,6.471A30.55,30.55,0,0,1,58.558,66.3,27.425,27.425,0,0,1,61,77.555V85.5A3.5,3.5,0,0,1,57.5,89ZM20.705,55.014a26.465,26.465,0,0,0-8.12,5.4,25.581,25.581,0,0,0-5.538,7.834A22.471,22.471,0,0,0,5,77.555V84H56V77.555a22.475,22.475,0,0,0-2.008-9.217,25.556,25.556,0,0,0-5.439-7.785,26.472,26.472,0,0,0-7.987-5.422A24.976,24.976,0,0,0,30.912,53L30.5,53A24.934,24.934,0,0,0,20.705,55.014ZM22.52,39.389A20.569,20.569,0,1,1,30.5,41,20.429,20.429,0,0,1,22.52,39.389ZM19.54,9.54A15.5,15.5,0,1,0,30.5,5,15.4,15.4,0,0,0,19.54,9.54Z" transform="translate(17.5 3.5)"> </path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <g id="bnb_ic_mypage_selected" transform="translate(-2538 1045)"> <rect id="Container" width="96" height="96" transform="translate(2538 -1045)" fill="none"></rect> <path id="Icon_Regular_Human_User" data-name="Icon / Regular / Human / User" d="M3.5,89A3.5,3.5,0,0,1,0,85.5V77.554C0,61.819,13.978,48,30.5,48S61,61.819,61,77.554V85.5A3.5,3.5,0,0,1,57.5,89ZM10,20.5A20.5,20.5,0,1,1,30.5,41,20.5,20.5,0,0,1,10,20.5Z" transform="translate(2555.5 -1041.5)"> </path> </g> </svg> </i> <span>나의 정보</span> </a> </li> <li class="bnbitem_recent" data-type="bnb__recent" id="liRecentGoods"> <a href="javascript:void(0)" data-omni="bnb_recently viewed products"> <i class="icon default"> <svg id="bnb_ic_history" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <path id="Icon-_-Regular-_-Notification-_-Clock" data-name="Icon-/-Regular-/-Notification-/-Clock" d="M47.5,3A45.5,45.5,0,1,1,2,48.5,45.5,45.5,0,0,1,47.5,3Zm0,5A40.5,40.5,0,1,0,88,48.5,40.5,40.5,0,0,0,47.5,8ZM50,15.5V46H75.5v5H45V15.5Z" transform="translate(0.5 -0.5)"> </path> <rect id="container" width="96" height="96" fill="none"></rect> </svg> </i> <i class="icon active"> <svg id="bnb_ic_history_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <path id="제외_2" data-name="제외 2" d="M45.5,91A45.5,45.5,0,1,1,91,45.5,45.553,45.553,0,0,1,45.5,91ZM43,12.5V48H73.5V43H48V12.5Z" transform="translate(2.999 2.999)"> </path> <rect id="container" width="96" height="96" fill="none"></rect> </svg> </i> <span>최근 본 제품</span> </a> </li> </ul> </div> <!-- e : BNB 영역 --> </div> <input type="hidden" id="viewStContextPath" value="/sec/"/> <!-- Google Tag Manager --> <script async>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVX3V74');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe loading="lazy" src="https://www.googletagmanager.com/ns.html?id=GTM-NVX3V74" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script async> /* s : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function checkAge(birthDate){ const today = new Date(); //현재날짜 birthDate = (birthDate + "") var age = today.getFullYear() - Number(birthDate.slice(0,4)); //나이 var mon = (today.getMonth()+1) - Number(birthDate.slice(4,6)); //월 //생일 안지났으면 -1 if(mon < 0 || (mon === 0 && today.getDate() < Number(birthDate.slice(6,8)))) { age = age -1; } return age; } /* e : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function chat_open() { fcTrack('click','floating chat:chat bot'); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); /* 만 나이별로 agepass 구분값 전송 * 14세 이상 => 'y' * 14세 미만 => 'n' * 로그인하지 않을경우 => 'u' */ var agepass = null; var birthAge = null; var birthDate = $.cookie("birthDate_1_"); if(birthDate != 0 && birthDate != null){ birthAge = checkAge(birthDate); } if( birthAge == "" || birthAge == null || birthAge == undefined ) { agepass = "u"; } else if(birthAge > 13) { agepass = "y"; } else if(birthAge < 14) { agepass = "n"; } window.open('/sec/chatbot/?agepass='+ agepass, 'chatbot', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } function chat_open2() { fcTrack('click','floating chat:chat online'); var gType = Math.round(Math.random() * 1) ? 'm' : 'f'; var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); window.open('/sec/chatbot/?type=ep&c='+ gType, '_chatbot2', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } function chat_open3() { fcTrack('click','floating chat:offline store'); } function gift_open() { fcTrack('click','float chat:event gift'); window.location.href = '/sec/' + "event/gift/"; } function floating_open() { fcTrack('click','floating chat'); } logger("prd"); </script> <!-- s : Global site tag (gtag.js) - Google Ads: 10864240863 --> <script defer src="https://www.googletagmanager.com/gtag/js?id=AW-10864240863"></script> <script defer> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10864240863'); </script> <!-- e : Global site tag (gtag.js) - Google Ads: 10864240863 --> <script type="text/javascript" src="https://resources.digital-cloud-west.medallia.com/wdcwest/469099/onsite/embed.js" async></script> </body> </html>