프린터 | 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/printers/"> <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/printers/"> <meta name="twitter:title" content="프린터 | Samsung 대한민국"> <meta name="twitter:description" content="삼성 프린터에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta name="twitter:image" content="https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png">  <meta name="google-site-verification" content="Y5FXtKRkwrMXPsNBUlQe-3vZp4mtp_PZRy1jmEyp6wM" />  <meta name="thumbnail" content="" alt=""> <meta property="og:url" content="https://www.samsung.com/sec/printers/"> <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/printers/"> <meta itemprop="description" content="삼성 프린터에 대한 모든 궁금증을 해결하세요. 디자인과 기능, 사용 방법 등을 한눈에 비교하고 확인할 수 있어 제품 선택이 한결 쉬워집니다."> <meta itemprop="keywords" content="컬러 레이저프린터, 컬러 레이저복합기, 흑백 레이저프린터, 흑백 레이저복합기"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin /> <link rel="preconnect" href="https://static.adbrix.io" crossorigin /> <link rel="preconnect" href="https://www.google-analytics.com" crossorigin /> <link rel="preconnect" href="https://assets.adobedtm.com" crossorigin /> <link rel="preconnect" href="//images.samsung.com" crossorigin /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://static.adbrix.io" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://assets.adobedtm.com" /> <link rel="dns-prefetch" href="//images.samsung.com" /><link rel="shortcut icon" href="/sec/static/_images/favicon.ico"> <link rel="apple-touch-icon" href="" sizes=""> <script> const __ST_CONTEXT_PATH = "/sec/"; const __ST_GB_CD = "b2c"; const __SA_CLIENT_ID = "o46xdl05ck"; var stGbCd = '10'; </script>  <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/reset.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/slick.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/common.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/layout.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/pf.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part01.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part02.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part03.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part04.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part05.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/content_part06.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/component.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="https://images.samsung.com/kdp/script/jquery-ui/jquery-ui.min.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/swiper.min.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/gnb.css?ver=20241122041733"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/sec/static/_css/bnb.css?ver=20241122041733"> <script src="https://images.samsung.com/kdp/script/jquery/jquery.min.js"></script> <script src="https://images.samsung.com/kdp/script/jquery-ui/jquery-ui.min.js"></script> <script src="/sec/static/_script/slick.js"></script> <script src="/sec/static/_script/slick-init.js"></script> <script src="/sec/static/_script/swiper.min.js"></script> <script src="/sec/static/_script/masonry.min.js"></script> <script src="/sec/static/_script/jquery.blockUI.js"></script> <script src="/sec/static/_script/base.js?ver=20241122041733"></script> <script src="/sec/static/_script/layerPop.js?ver=20241122041733"></script>  <script src="/sec/static/_script/netfunnel.js?ver=20241122041733" charset="UTF-8"></script> <script src="/sec/static/_script/netfunnel_skin.js?ver=20241122041733" charset="UTF-8"></script> <script src="/sec/static/_script/event/event.js?ver=20241122041733"></script> <script src="/sec/static/_script/common.js?ver=20241122041733"></script> <script src="/sec/static/_script/custom.js?ver=20241122041733"></script> <script src="/sec/static/_script/sticky.min.js"></script> <script src="/sec/static/_script/jquery.cookie.js"></script> <script src="/sec/static/_script/search.js?ver=20241122041733"></script> <script src="/sec/static/_script/component.js?ver=20241122041733"></script> <script src="/sec/static/_script/clipboard.min.js"></script> <script async type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript" src="/sec/static/_script/picturePolyfill.min.js"></script> <script src="/sec/static/_script/buynow.js?ver=20241122041733"></script> <script defer src="/sec/static/_script/bnb.js?ver=20241122041733"></script> <script defer src="/sec/static/_script/gnb.js?ver=20241122041733"></script> <script type="text/javascript" src="https://images.samsung.com/kdp/script/jquery-migrate/jquery-migrate.min.js" charset="utf-8"></script> <script async type="text/javascript"> var checkActionTimeOut; $(document).ready(function () { // 전사이트 pc분기 - pc일때만 적용. if('0' != '0' && "win16|win32|win64|mac|macintel".indexOf(navigator.platform.toLowerCase()) > -1){ resetLoginTimeOut(); $(document).on('click keypress' , 'body' , function(){ resetLoginTimeOut(); }); } }); function resetLoginTimeOut() { window.clearTimeout(checkActionTimeOut); checkActionTimeOut = setTimeout(function() { // n분 후 로그아웃 location.href="/sec/member/logout/"; }, 24*60*60*1000);//24시간 설정되있음. } </script>  <script src="https://account.samsung.com/resources/libs/analytics/1.0.0/analytics.min.js"></script> <script type="text/javascript" async="" src="https://account.samsung.com/resources/libs/account-internal/2.0.0/account-internal.min.js" ></script> <script type="text/javascript"> var loginProcFlag = "N"; var autoLoginFlag = "N"; var appSamsungAccount = "N"; var autoLoginCodeYn = "N"; class UrlSchemeCaller { windowState = 'focus'; constructor() { this.init(); } init() { window.addEventListener('focus', () => { this.windowState = 'focus'; }); window.addEventListener('blur', () => { this.windowState = 'blur'; }); } call(urlScheme, time, callbackFunc) { $("#appWebMask").remove(); setCookieForSite("appWebCookie","Y",8/24); try{ location.href = urlScheme; setTimeout(() => { if (this.windowState === 'focus') { callbackFunc(); appWebAutoLogin100(); } }, time); } catch (exception) { } } tagLoggedOut() { try{ setTimeout(() => { if (this.windowState === 'focus') { try { lcTrack("autoLoginFail"); } catch (exception) { } } }, 3000); } catch (exception) { } } } window.urlSchemeCaller = new UrlSchemeCaller(); !function(e, r) { var agent; try { agent = e.navigator.userAgent.toLowerCase(); } catch (exception) { agent = ""; } if(agent.indexOf("secios") > -1){ // APP에서 autoLogin 안함.SECIOS } else if(agent.indexOf("sectest") > -1 || agent.indexOf("secapp") > -1){ // 삼성닷컴 어플 $.ajax({ url : "/sec/xhr/member/app/saProfileUpdate" ,type : "POST" ,data : {navPlatform : navigator.platform} ,success : function(result) { } }); // APP에서 autoLogin 안함. 대신 saProfileUpdate는 함. } else { $.ajax({ url : "/sec/xhr/member/getLoginFlag" , type : "POST" ,async: false , success : function(result) { result = JSON.parse(result); autoLoginCodeYn = result.kdpAutoLogin; if(autoLoginCodeYn == 'Y'){ $.ajax({ url : "/sec/xhr/member/auto/loginSucces" ,type : "POST" ,async: false ,data : {navPlatform : navigator.platform} ,success : function(result) { if(result.result === 'Y'){ autoLoginFlag = "Y"; } else { if(result.signOut === 'Y'){ // signOut 호출 setTimeout(() => { window.samsung.account.signOut() .then(() => { console.log('sign-out complete'); }) .catch(() => { console.error('sign-out failure'); }) .finally(() => { // clean up web resources (local storage, session storage, cookie) }); }, 500); } } } }); } } }); } // s :: KDP-39014 [B2C][FO] 앱/웹 상시 로그인 기능 개발 try { let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(e.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("ipad") > -1){ //iPad isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(e.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else if("Y" == getCookieForSite("appWebCookie")){ isSkip = true; } else { isSkip = false; } if(!isSkip){ $.ajax({ url : "/sec/xhr/member/getLoginFlag" , type : "POST" , success : function(result) { result = JSON.parse(result); if (result.mbrNo == "0") { appSamsungAccount = result.appWebsamsungaccount; autoLoginCodeYn = result.kdpAutoLogin; if(autoLoginCodeYn == 'Y'){ //console.log("appLink 호출 시도"); if(window.navigator.userAgent.toLowerCase().indexOf("kakaotalk") > -1){ appWebAutoLogin(); } else { let appWebMask = `<div id="appWebMask" onclick="appWebAutoLogin()" style="z-index: 299;position:fixed; display:block; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0);"></div>`; $('body').append(appWebMask); } } } else { //console.log("이미 로그인 상태, appLink 호출 SKIP"); } } }); } } catch (exception) { } // e :: KDP-39014 [B2C][FO] 앱/웹 상시 로그인 기능 개발 }(window, document); function appWebAutoLogin2(){ try { if($("#appWebMask").html() == undefined){ // skip } else { appWebAutoLogin(); } } catch (exception) { //console.log(exception); } } function appWebAutoLogin(){ try { if("Y" == getCookieForSite("appWebCookie") || "Y" == loginProcFlag){ // skip } else { let browserName = getBrowserScheme(); loginProcFlag = "Y"; urlSchemeCaller.call('intent://login?browser='+ browserName+'&returnUrl='+encodeURIComponent(window.location.href)+'#Intent;scheme=secapp;end;', 300 ,function(){ if (this.windowState === 'focus') { loginProcFlag = "N"; } }); } } catch (exception) { } } function samsungAccountSignUp(returnUrl){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(returnUrl){ setCookieForSite("saReturnUrl_1_",encodeURIComponent(returnUrl),1/24); }else{ setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); } // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true, state: saState } const configs = { locale: 'ko-KR' } window.samsung.account.signUp(params, configs); } function samsungAccountSignIn(returnUrl){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(returnUrl){ setCookieForSite("saReturnUrl_1_",encodeURIComponent(returnUrl),1/24); }else{ setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); } // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true, state: saState } const configs = { locale: 'ko-KR' } window.samsung.account.signIn(params, configs); } function appWebAutoLogin100(){ urlSchemeCaller.tagLoggedOut(); var isOn = appSamsungAccount; var saState = getCookieForSite("saState_1_"); if(isOn == 'Y'){ let agent = window.navigator.userAgent.toLowerCase(); let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(window.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else { isSkip = false; } if(!isSkip){ switch (true) { case agent.indexOf("kakaotalk") > -1: isSkip = true; break; case agent.indexOf("naver") > -1: isSkip = true; break; case agent.indexOf("samsungbrowser") > -1: isSkip = false; // 삼브랑 break; case agent.indexOf("whale") > -1: isSkip = true; break; case agent.indexOf("firefox") > -1: isSkip = true; break; case agent.indexOf("edga") > -1: isSkip = true; break; case agent.indexOf("edge") > -1: isSkip = true; break; case agent.indexOf("opr") > -1: isSkip = true; break; case agent.indexOf("chrome") > -1: isSkip = false; // 크롬만 통과. break; case agent.indexOf("safari") > -1: isSkip = true; break; default: isSkip = true; } } saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(!isSkip){ var saState = getCookieForSite("saState_1_"); saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; setCookieForSite("saReturnUrl_1_",encodeURIComponent(window.location.href),1/24); // Login Component const params = { clientId: __SA_CLIENT_ID, redirectUri: encodeURIComponent(window.location.origin+"/sec/member/global/auto/loginSucces/"), responseType: 'code', scope: encodeURIComponent('offline.access openid'), state: saState, countryCode: 'KR', aliasId: 'SECKDPWEB', staySignedIn: true } const configs = { locale: 'ko-KR', publicKey: PROPS_ACCOUNT_PUBLICKEY } window.samsung.account.sec.signInWithGalaxy(params, configs); } } } function appWebAutoLogin99(){ var isOn = appSamsungAccount; var saState = getCookieForSite("saState_1_"); if(isOn == 'Y'){ let agent = window.navigator.userAgent.toLowerCase(); let isSkip = true; if("win16|win32|win64|mac|macintel".indexOf(window.navigator.platform.toLowerCase()) > -1){ // pc isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("iphone") > -1){ //iPhone isSkip = true; } else if(window.navigator.userAgent.toLowerCase().indexOf("secapp") > -1){ // 삼성닷컴 어플 isSkip = true; } else { isSkip = false; } if(!isSkip){ switch (true) { case agent.indexOf("kakaotalk") > -1: isSkip = true; break; case agent.indexOf("naver") > -1: isSkip = true; break; case agent.indexOf("samsungbrowser") > -1: isSkip = false; // 삼브랑 break; case agent.indexOf("whale") > -1: isSkip = true; break; case agent.indexOf("firefox") > -1: isSkip = true; break; case agent.indexOf("edga") > -1: isSkip = true; break; case agent.indexOf("edge") > -1: isSkip = true; break; case agent.indexOf("opr") > -1: isSkip = true; break; case agent.indexOf("chrome") > -1: isSkip = false; // 크롬만 통과. break; case agent.indexOf("safari") > -1: isSkip = true; break; default: isSkip = true; } } saState = saState == '' ? 'Zhd5AnAEcq2mbN45e69x2Btly3' : saState; if(!isSkip){ const port = Math.floor(Math.random() * (65536 - 10000 + 1)) + 10000; var url = 'origin_id=p7q4bc58o5&app_id='+__SA_CLIENT_ID+'&app_alias_id=SECKDPWEB&region=GC&port='+ port +'&response_type=code&client_id='+__SA_CLIENT_ID+'&locale=ko_KR&countryCode=KR&' +'redirect_uri='+encodeURIComponent(window.location.href) +'&state='+saState +'&goBackURL='+encodeURIComponent(window.location.href) +'&scope=offline.access'; try{ location.href = 'intent://SamsungAccountServerLib/sso?'+url+'#Intent;scheme=samsungaccount;end;'; let interval = setInterval(function () { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).done(function( xhr, status ){ if (xhr.status === 202) { // 기기로그인 수락을 기다리는 상태 } else { clearInterval(interval); } }).fail(function( xhr, status ){ if (xhr.status === 410) { //result=canceled clearInterval(interval); } else if (xhr.status === 401) { //result=unauthorized clearInterval(interval); } else if (xhr.status === 403) { //result=unsupported-browser clearInterval(interval); } else { //10초 후에는 인터벌 무조건 죽임 setTimeout(() => { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).fail(function( xhr, status ){ clearInterval(interval); }); }, 10000); } }); }, 500); } catch (exception) { $.ajax({ url : 'http://localhost:' + port + '/health' ,type : "GET" }).fail(function( xhr, status ){ clearInterval(interval); }); } } } } function getBrowserScheme(){ let browserName = ""; try { let agent = window.navigator.userAgent.toLowerCase(); switch (true) { case agent.indexOf("kakaotalk") > -1: browserName = ""; break; case agent.indexOf("naver") > -1: browserName = "com.nhn.android.search"; break; case agent.indexOf("samsungbrowser") > -1: browserName = "com.sec.android.app.sbrowser"; break; case agent.indexOf("whale") > -1: browserName = "com.naver.whale"; break; case agent.indexOf("firefox") > -1: browserName = "org.mozilla.firefox"; break; case agent.indexOf("edga") > -1: browserName = "com.microsoft.emmx"; break; case agent.indexOf("edge") > -1: browserName = "com.microsoft.emmx"; break; case agent.indexOf("opr") > -1: browserName = "com.opera.browser"; break; case agent.indexOf("chrome") > -1: browserName = "com.android.chrome"; break; case agent.indexOf("safari") > -1: browserName = "savannah.internet.web.browser"; break; default: browserName = ""; } return browserName; } catch (exception) { return browserName; } } $(document).ready(function(){ autoLoginFlag == "Y" ? adbrix.login(getCookieForSite("guid_1_")) : ""; }); </script>  <script async type="text/javascript"> var pageURL = window.location.href; var siteCode = "sec"; var digitalData = { "page" : { "pageInfo" : { "siteCode" : siteCode , "siteSection" : "" , "pageName" : "" , "pageURL" : pageURL , "pageTrack" : "microsite" , "version" : "KDP" } , "pathIndicator" : { "depth_2" : "" , "depth_3" : "" , "depth_4" : "" , "depth_5" : "" } } , "user" : { "loginStatus" : "" } , "product" : { "category" : "" , "model_code" : "" , "model_name" : "" , "displayName" : "" , "pvi_type_code" : "" , "pvi_type_name" : "" , "pvi_subtype_code" : "" , "pvi_subtype_name" : "" } } // depth Info. var depth = window.location.href.split("/").length; var depth_last = window.location.href.split("/")[depth-1]; if(depth_last =="" || depth_last.charAt(0)=="?"){ depth -= 1; } // set site section value if((digitalData.page.pathIndicator.depth_2 != "")||(digitalData.page.pageInfo.pageTrack == "flagship pdp")){ if(digitalData.page.pathIndicator.depth_2 == "shop" || digitalData.page.pathIndicator.depth_2 == "my account"){ digitalData.page.pageInfo.siteSection = siteCode + ":" + digitalData.page.pathIndicator.depth_2; }else{ digitalData.page.pageInfo.siteSection = siteCode + ":consumer"; //product page } }else if(depth == 4){ digitalData.page.pageInfo.siteSection = siteCode + ":home"; //home }else{ digitalData.page.pageInfo.siteSection = siteCode + ":" + window.location.href.split("/")[4]; } // set product category value /* if(digitalData.page.pathIndicator.depth_3 != ""){ digitalData.product.category = digitalData.page.pathIndicator.depth_3; } */ // set pathIndicator(not product page) if(digitalData.page.pathIndicator.depth_2 == ""){ if(depth >= 5) digitalData.page.pathIndicator.depth_2 = window.location.href.split("/")[4].toLowerCase(); if(depth >= 6) digitalData.page.pathIndicator.depth_3 = window.location.href.split("/")[5].toLowerCase(); if(depth >= 7) digitalData.page.pathIndicator.depth_4 = window.location.href.split("/")[6].toLowerCase(); if(depth >= 8) digitalData.page.pathIndicator.depth_5 = window.location.href.split("/")[7].toLowerCase(); } // set pageName var pageName = siteCode; if(digitalData.page.pathIndicator.depth_2 != "") pageName += ":" + digitalData.page.pathIndicator.depth_2; if(digitalData.page.pathIndicator.depth_3 != "") pageName += ":" + digitalData.page.pathIndicator.depth_3; if(digitalData.page.pathIndicator.depth_4 != "") pageName += ":" + digitalData.page.pathIndicator.depth_4; if(digitalData.page.pathIndicator.depth_5 != "") pageName += ":" + digitalData.page.pathIndicator.depth_5.replace(/^\s+|\s+$/gm,''); // check PD, GPD var pageTrackName = digitalData.page.pageInfo.pageTrack; if(pageTrackName == "product detail" || pageTrackName == "generic product details"){ pageName += ":" + digitalData.product.model_code; var displayName = "".replace(/(<([^>]+)>)/gi, ""); digitalData.product.displayName = displayName; } digitalData.page.pageInfo.pageName = pageName; </script> <script async src="//assets.adobedtm.com/c8a575b84bb9/0d8938615268/launch-160c25cdcd93.min.js"></script>  <script> var stGbCd = '10'; </script> <script defer src="//t1.kakaocdn.net/kakao_js_sdk/v1/kakao.min.js"></script> <script defer src="/sec/static/_script/snsShare.js"></script> <script defer type="text/javascript"> $(document).ready(function(){ shareInit('5880e4317936087f2764a5d340e6bca6', ''); }); </script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2ccrya-f-d6889d3aa-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"143520","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"61cf3064","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":52716,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732383856","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==6YgIb8ua34eM70t+oIIILouqkRfuXR8Xqxy81jcGQqnp98DnaqjO5O9QBMqAGNw6UUeXakuPU8PLkOAxWprK8H2QG4rs5Z42L1qkjDtegAOdm6UsSvEiczbrKRfr8IqgPH2GIVrQ1x4KZKMpYApmMvJi0YYgHI5VBPKUgx/HyVfRq22WL79vBzvhhf5R7LZe4bJgfLxmYorJMF/ulSQyis+aGIpdRPm0OqGTASSHg2IX0NEHcRJfnYOnd8LvMcxvQ92MfcwmsdAjaRn+B+stoboT4z7Kl4R6l0Z/qc4nXP565bRylJ+5kCQDVUlgivSea0u/qjyakzDrVTxYzTYdKJkTMYmTr9Da4GeYuGZe6TggntUqfqGD7tGYC0qY72AdYhbM9CdOAeDi4a6q+qwUpNkaONHeTsUrCpLKrPk/kjY=","ak.pv":"3677","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body>  <div id="skip_content"> <a href="#container" class="">본문 바로가기</a> </div>  <div id="wrap"> <div id="gcsInducePopBf" style="display: none;"></div>  <script async type="text/javascript"> $(document).ready(function(){ let gcsUserAgent = navigator.userAgent.toUpperCase(); //조건식 선언 if( (window.secapp !== undefined || window.secapppopup != undefined) && ( (gcsUserAgent.indexOf("SECTEST") > -1) || (gcsUserAgent.indexOf("SECAPP") > -1) ) ){ //gcsInducePopup(); //운영에는 팝업 뜨지 않게 분기처리 // 속도개선 개발 시에, 중복으로 gcsInducePopup 펑션이 여러번 호출되어도 팝업이 한번만 떠있는 상태로 존재하도록 개발 부탁드립니다. } }); function gcsInducePopup() { if(getCookieForSite("mbrNo_1_") != ''){ if (getCookieForSite("gcsMbrYn_1_") == 'Y'){ gcsToastAjax('gcsWelcomePopup'); // 기가입자 } else if(getCookieForSite("gcsInduceMbrYn_1_") == 'Y'){ gcsToastAjax('gcsNewPopup'); //가입유도 } } } //갤캠스 유도 팝업 AJAX 호출 function gcsToastAjax(id){ $.ajax({ url : "/sec/xhr/common/gcsInducePopImg" , type : "POST" , success : function(result){ if($('#gcsNewPopup').length < 1){ $("#gcsInducePopBf").before(result); gcsToast(id); } } }); }; //갤캠스 유도 팝업 열기 :: 갤캠앱 통합 function gcsToast(id){ var appTCondition = false; if(window.secapp != undefined || window.secapppopup != undefined){ appTCondition = true; } var toastI = $('#'+id); var key = encodeURIComponent(getCookieForSite("mbrNo_1_")); var toastYN = getCookieForSite("gcsToastYN"+"_"+id+'_'+key); var path = window.location.pathname; if (path.indexOf('/sec/cart/') >= 0 ) { $('#'+id+"Warning").show(); } else if (path.indexOf('/sec/order/') >= 0 ) { $('#'+id+"Warning").show(); } else if (path.indexOf('/sec/present/') >= 0 ) { $('#'+id+"Warning").show(); appTCondition = false; } else if (path.indexOf('/sec/careplusSubApply/') >= 0 ) { $('#'+id+"Warning").show(); } else { $('#'+id+"Warning").hide(); } if(path != '/sec/'){ if(id == 'gcsNewPopup'){ appTCondition = false; } } if (path.indexOf('/sec/digitalplaza/storeMain/') >= 0 || path.indexOf('/sec/event/gift/') >= 0 || path.indexOf('/sec/event/galaxy-z5/promotion') >= 0 || path.indexOf('/sec/event/galaxy-z5/benefit') >= 0 || path.indexOf('/sec/event/galaxywatch6') >= 0 || path.indexOf('/sec/event/galaxy_tabs9_preorderpromotion') >= 0) { appTCondition = false; } function toastPO(){ if(toastI.length > 0){ $('body').append(mask); $("#mask2").fadeIn(); $(toastI).addClass("active"); } } let mask = `<div id="mask2" style="z-index: 899;position:fixed; display:block; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.8);"></div>`; appTCondition && (toastYN != "N") ? toastPO() : "" ; }; // 갤캠스 유도 토스트 팝업 닫기 :: 갤캠앱 통합 function gcsToastClose(id){ var cookieDay = id == "gcsWelcomePopup" ? 7 : 1; var key = encodeURIComponent(getCookieForSite("mbrNo_1_")); $("#mask2").remove(); $('#'+id).removeClass("active"); var atpc = $("#chk-"+id).is(":checked"); atpc ? setCookie("gcsToastYN"+"_"+id+'_'+key,"N",cookieDay) : ""; } // 갤캠스 유도 토스트 하이퍼링크처리 function gcsToastHref(objectId){ if(objectId == 'goToGcs'){ window.location.href="/sec/member/saSsoLogin?redirect_url=/event/galaxycampus/"; } if(objectId == 'goToSignup'){ window.location.href="/sec/member/saSsoLogin?redirect_url=/event/galaxycampus/member/loginDocumentEmailCheck"; } } </script>  <script async type="text/javascript"> class PurchaseBenefitPop { constructor() { this.toastPop = document.getElementById("purchaseBenefitPop"); this.toastPopClose = document.querySelector("#purchaseBenefitPop .stop-view-wrap .toast-close"); this.newGnb = document.querySelector(".new-gnb"); this.mask = $(`<div id="mask" style="z-index: 299;"></div>`); this.setEnv(); this.url = window.location.href; } init() { let slideCount = document.querySelectorAll("#purchaseBenefitPop .app_btmBanner_swiper .swiper-slide").length; this.swiper = new Swiper("#purchaseBenefitPop .app_btmBanner_swiper", { pagination: { el: "#purchaseBenefitPop .swiper-pagination", type: "fraction", clickable : slideCount > 1 ? true : false, }, touchRatio : slideCount === 1 ? 0 : 1 }); if (slideCount <= 1) { let pElement = this.toastPop.querySelector('.swiper-pagination'); if (pElement) { pElement.style.display = 'none'; } } } popUp() { this.toastPop.setAttribute("display", "block"); this.init(); this.mask.fadeIn(); this.toastPop.classList.add("active"); } popClose() { this.mask.fadeIn("fast").remove(); this.toastPop.classList.remove("active"); this.toastPop.setAttribute("display", "none"); let atpc = $("#purchaseBenefitPop #chk-not-see").is(":checked"); this.setCookie(this.cookieName, "N", atpc ? 7 : 1); appWebAutoLogin2(); //닫기시 자동로그인 호출 /*if (atpc) { this.setCookie(this.cookieName, "N", 7); }*/ } setEnv() { this.env = "web"; let gcsUserAgent = navigator.userAgent.toUpperCase(); if ((device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined))) { this.env = "moWeb"; return; } if( (window.secapp !== undefined || window.secapppopup != undefined) && ( (gcsUserAgent.indexOf("SECTEST") > -1) || (gcsUserAgent.indexOf("SECAPP") > -1))) { this.env = "android"; return; } } getCookie(key){ let result = null; let cookie = document.cookie.split(';'); cookie.some(function (item) { //공백 제거 item = item.replace(' ', ''); var dic = item.split('='); if (key === dic[0]){ result = dic[1]; return true; } }); return result; } setCookie(name, value, exp) { let date = new Date(); date.setTime(date.getTime()+exp*24*60*60*1000); document.cookie = name+'='+value+';expires='+date.toUTCString()+';path=/'; } simplePop(cookieName, popUpId, componentList) { this.cookieName = cookieName; let cookie = this.getCookie(cookieName); if (cookie === "N") { return; } let pcDevice = "win16|win32|win64|mac|macintel"; let platform = navigator.platform; if(platform){ if(pcDevice.indexOf(platform.toLowerCase())>= 0){ return; } } //미노출 url 및 노출 기간 검증 $.ajax({ url : "/sec/xhr/appInstallPop/purchaseBenefitPop" ,type : "POST" ,dataType : 'json' ,contentType : "application/json; charset=UTF-8" ,data : JSON.stringify({ popUpId : popUpId }) ,success : (result) => { if (result.popOpenFlag === "Y") { for (let i = componentList.length - 1; i >= 0; i--) { let component = document.getElementById(componentList[i]); component.style.display = 'block'; this.toastPop.querySelector('.swiper-wrapper').appendChild(component); } this.popUp(); } } }); } goToUrl(moWebUrl, appUrl) { window.location.href = "/sec/" + this.env === "android" ? appUrl : moWebUrl; } } let purchaseBenefitPop = null; $(document).ready(()=>{ purchaseBenefitPop = new PurchaseBenefitPop(); if (purchaseBenefitPop.env === "moWeb") { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["purchaseBenefitPopComponent"]); } if (purchaseBenefitPop.env === "android") { //ajax 호출로 로그인 여부 검증. let logInYn = getCookieForSite("mbrNo_1_") != ''; let gcsMemberYn = getCookieForSite("gcsMbrYn_1_") == 'Y'; if (logInYn && gcsMemberYn) { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["galcamsGatePopComponent", "purchaseBenefitPopComponent"]); } else { purchaseBenefitPop.simplePop("purBenPopYN", "pur_ben", ["purchaseBenefitPopComponent"]); } } }); </script> <div id='purchaseBenefitPop' class="toast-pop induce-ss-app toast-parent" data-toast-name="toastInduce" data-focus="toastInduce" data-toast-index="0" style="display: none"> <div class="inner">  <div class="app_btmBanner_swiper"> <div class="swiper-wrapper"></div> <div class="swiper-pagination"></div> </div>  </div> <div class="stop-view-wrap"> <div class="chk-form"> <input id="chk-not-see" type="checkbox" required="" title="" class="" /> <label for="chk-not-see" class="">일주일 그만보기</label> </div> <button type="button" class="btn-underline toast-close" data-focus-next="toastInduce" onclick="purchaseBenefitPop.popClose()"> 닫기 </button> </div> </div> <div id='purchaseBenefitPopComponent' class="swiper-slide" style="display: none"> <div class="img-area"> <img src="//images.samsung.com/kdp/common/img-induce-benefit-4.png" alt="" /> </div> <div class="text-area"> <p><b class="eng">갤럭시 AI 폰</b> 구매 고객님께 드리는<br> <b>스마트태그2</b>를 지금 신청하세요!<br>(대상 모델 : S24 시리즈, S23 FE, Z Fold5 | Z Flip5, S23 시리즈)</p> </div> <button type="button" class="btn btn-d btn-type2" onclick="purchaseBenefitPop.goToUrl('https://www.samsung.com/sec/event/galaxy-ai/promotion/', 'https://www.samsung.com/sec/event/galaxy-ai/promotion/app')">신청하기</button> </div> <div id='galcamsGatePopComponent' class="swiper-slide" style="display: none;"> <div class="img-area" style="height:150px">  </div> <div class="text-area"> <p><b class="blue-color">갤럭시 캠퍼스 회원</b>이시네요! 리뉴얼 이벤트와 <br> 오리지널 콘텐츠, 더 풍성해진 커뮤니티까지!<br> <b class="blue-color">새로워진 갤럭시 캠퍼스</b>를 만나보세요 </p> </div> <button type="button" class="btn btn-d btn-type2" onclick="purchaseBenefitPop.goToUrl('member/saSsoLogin?redirect_url=/event/galaxycampus/', 'member/saSsoLogin?redirect_url=/event/galaxycampus/')">갤럭시 캠퍼스로 이동하기</button> </div>  <link rel="dns-prefetch" href="//cdn.decibelinsight.net"> <link rel="dns-prefetch" href="//collection.decibelinsight.net"> <script type="text/javascript"> function callApplicationMenu(menuName) { if(device.isIosApp) { if(menuName === "samsungApp") { return; } if ( window.location.hostname == 'dev-www.samsung.com' || window.location.hostname == 'stg-www.samsung.com' || window.location.hostname == 'www.samsung.com' || window.location.hostname == 'dev-familynet.samsung.com' || window.location.hostname == 'stg-familynet.samsung.com' || window.location.hostname == 'familynet.samsung.com' ) { window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"callAppMenu", p1:menuName})); } else { console.log('메시지를 보낼 수 없는 도메인입니다.'); } } else if(window.secapp) { window.secapp.callAppMenu(menuName); } } window._da_=window._da_||[]; _da_.oldErr=window.onerror; _da_.err=[]; window.onerror=function(){ _da_.err.push(arguments); if(_da_.oldErr){ _da_.oldErr.apply(window,Array.prototype.slice.call(arguments)); } }; window.addEventListener('load', (event) => { (function(d,e,c,i,b,el,it) { d.DecibelInsight=b; d[b] = d[b]||function(){( d[b].q=d[b].q||[]).push(arguments); }; el=e.createElement(c); it=e.getElementsByTagName(c)[0]; el.async=1; el.src=i; it.parentNode.insertBefore(el,it); })(window,document,'script','https://cdn.decibelinsight.net/i/14121/1818501/di.js','decibelInsight'); }); if (typeof window !== 'undefined' && typeof window.decibelInsight !== 'undefined') { window.decibelInsight('ready', decibelInit); } else { window._da_readyArray = window._da_readyArray || []; window._da_readyArray.push(decibelInit); } function decibelInit() { try{ document.cookie = "DXA_READY=1; max-age=6000"; }catch(e){ } if(digitalData.ecommerce.orderComplete) { var orderId = digitalData.ecommerce.orderComplete.id; // 결제 ID var orderPrice = digitalData.ecommerce.orderComplete.revenue; // 결제 총 금액 if(sessionStorage.getItem('DXA_'+ orderId) != 1) { //DXA_1234, DXA_1235 이벤트 중복체크하여, 해당값이 1이 아닌 경우만 실행 sessionStorage.setItem('DXA_'+orderId, 1); //해당 상품번호는 1로 설정 decibelInsight('sendTrackedEvent', 'Purchase', orderPrice); } } } function setCookieA(name, value, exp){ var date = new Date(); date.setTime(date.getTime()+exp*24*60*60*1000); document.cookie=name+'='+value+';expires='+date.toUTCString()+';path=/'; } function getCookieA(key){ var result = null; var cookie = document.cookie.split(';'); cookie.some(function (item) { //공백 제거 item = item.replace(' ', ''); var dic = item.split('='); if (key === dic[0]){ result = dic[1]; return true; } }); return result; } //app version 체크용 var CURRENT_AOS_APP_VERSION = getCookieA("CURRENT_AOS_APP_VERSION"); var CURRENT_IOS_APP_VERSION = getCookieA("CURRENT_IOS_APP_VERSION"); var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf("SECAPP")>-1 || userAgent.indexOf("SECTEST")>-1){ if(CURRENT_AOS_APP_VERSION == "" || CURRENT_AOS_APP_VERSION == null || CURRENT_AOS_APP_VERSION == undefined){ var aosVersion = window.secapp.getAppVersion(); getAppVersion(aosVersion, "AOS"); } } else if(userAgent.indexOf('SECIOS') > -1) { if(CURRENT_IOS_APP_VERSION == "" || CURRENT_IOS_APP_VERSION == null || CURRENT_IOS_APP_VERSION == undefined){ window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"getAppVersion", p1:"IOS"})); } } function getAppVersion(version, clcd) { if(clcd != null){ setCookieA("CURRENT_"+clcd+"_APP_VERSION", version, 0.5); if(clcd == "AOS") { //android CURRENT_AOS_APP_VERSION = version; } else { CURRENT_IOS_APP_VERSION = version; } } } //뒤로가기 버튼 네이티브 분기 function goBack(){ if((window.secapp || device.isIosApp) && checkAppVersion() == 1) { callApplicationMenu("back"); } else { window.history.go(-1); } } function checkAppVersion() { var curVersion; var stdVersion; var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf('SECAPP') > -1 || userAgent.indexOf("SECTEST") > -1) { curVersion = CURRENT_AOS_APP_VERSION; stdVersion = "2.2.3"; } else { curVersion = CURRENT_IOS_APP_VERSION; stdVersion = "1.9.9"; } if(curVersion == "" || curVersion == null || curVersion == undefined){ return false; } curVersion = curVersion.split("."); stdVersion = stdVersion.split("."); var result = false; for(var i=0; i< Math.max(curVersion.length, stdVersion.length); i++){ let curNum = curVersion[i] || 0; let stdNum = stdVersion[i] || 0; if(curNum > stdNum) { return 1; }else if(curNum < stdNum) { return -1; } } return 0; } </script>   <script defer> !function(e, r) { if (void 0 !== e && !e.adbrix) { var o = { queue: [] }, t = navigator.userAgent.toLowerCase(), c = r.createElement("script"), a = "Netscape" === navigator.appName && -1 !== navigator.userAgent.search("Trident") || -1 !== t.indexOf("msie") ? "abx-web-sdk.ie.min.js" : "abx-web-sdk.min.js"; c.type = "text/javascript", c.async = !0, c.src = "//static.adbrix.io/web-sdk/latest/" + a, c.onload = function() { e.adbrix.runQueuedFunctions ? e.adbrix.runQueuedFunctions() : console.log("[adbrix] Error: could not load SDK") }; var i = r.getElementsByTagName("script")[0]; i.parentNode.insertBefore(c, i); ["init", "onInitialized", "login", "getUserId", "logout", "userProperty.get", "userProperty.getAll", "userProperty.addOrUpdate", "userProperty.remove", "userProperty.removes", "common.signUp", "common.invite", "common.useCredit", "common.purchase", "event.send", "debug.traceListener", "commerceAttr.categories", "commerceAttr.product", "commerce.viewHome", "commerce.categoryView", "commerce.productView", "commerce.addToCart", "commerce.addToWishList", "commerce.reviewOrder", "commerce.refund", "commerce.search", "commerce.share", "commerce.listView", "commerce.cartView", "commerce.paymentInfoAdded", "game.tutorialComplete", "game.characterCreated", "game.stageCleared", "game.levelAchieved"].forEach(function(e) { var r = e.split("."), t = r.pop(); r.reduce(function(e, r) { return e[r] = e[r] || {} }, o)[t] = function() { o.queue.push([e, arguments]) } }), e.adbrix = o } }(window, document); $(document).ready(function(){ // AdBrix Web SDK init window.adbrix.init({ appkey: PROPS_ADBRIX_APP_KEY, webSecretkey: PROPS_ADBRIX_WEB_SECRET_KEY }); }); </script>   <div class="outer__mask" data-type=""></div> <header id="header__navi" > <script> // let locationUrl = window.location.href; let style = "<style> body {display:none;} </style>"; // if(locationUrl=="http://localhost:8080/sec/" || locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/"){ $("body").prepend(style); // } </script> <div class="header__inner"> <div class="logo"> <a href="javascript:void(0);" onclick="openCtaLink('/sec/','_self');" data-omni="gnb_samsung_logo" title="삼성 닷컴으로 이동"> <svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="17" x="0px" y="0px" viewBox="0 0 120 17" xml:space="preserve" fill="currentColor"> <style type="text/css"> .st0{fill:#000;} </style> <g id="그룹_6_00000054980231599809239120000010237605620034582675_" transform="translate(0 0)"> <path id="패스_40_00000102518621275233789640000013295783304341869743_" class="st0" d="M92.5,13.1L92.3,0.5h4v15.9h-5.7 L86.6,3.4h-0.1l0.2,13.1h-3.9V0.5h5.9L92.5,13.1L92.5,13.1z"/> <path id="패스_41_00000156569092805086873380000006366778581903118496_" class="st0" d="M20.6,2l-2.2,14.6h-4.3l3-16.1h7.1 l2.9,16.1h-4.3L20.6,2L20.6,2z"/> <path id="패스_42_00000109723613739840634560000006153530515306095037_" class="st0" d="M39.2,12.8l2-12.3h6.5l0.4,16.1h-4 L44,2.1h-0.1l-2.7,14.4h-4.1L34.5,2.1h-0.1l-0.1,14.4h-4l0.4-16.1h6.5L39.2,12.8L39.2,12.8z"/> <path id="패스_43_00000124856864098989735720000000947399174449198469_" class="st0" d="M7.4,12.1c0.1,0.4,0.1,0.8,0,1.2 c-0.1,0.5-0.5,1.1-1.6,1.1c-1,0-1.6-0.6-1.6-1.5v-1.6H0v1.2c0,3.6,2.8,4.7,5.8,4.7c2.9,0,5.3-1,5.6-3.7c0.1-0.9,0.1-1.8,0-2.6 c-0.7-3.4-6.7-4.4-7.2-6.3c-0.1-0.3-0.1-0.6,0-0.8C4.4,3.1,5,2.6,5.7,2.7C6.4,2.6,7.1,3.2,7.2,4c0,0.1,0,0.1,0,0.2v1h4V4 c0-3.5-3.1-4-5.4-4C2.9,0,0.6,0.9,0.2,3.6C0.1,4.3,0.1,5,0.2,5.7C0.9,9,6.6,10,7.4,12.1z"/> <path id="패스_44_00000003805233845088015000000012094499568742061709_" class="st0" d="M59.3,12c0.1,0.4,0.1,0.8,0,1.2 c-0.1,0.5-0.5,1.1-1.5,1.1c-1,0-1.6-0.6-1.6-1.4v-1.5H52v1.2c0,3.5,2.8,4.6,5.7,4.6c2.9,0,5.2-1,5.6-3.6c0.1-0.9,0.1-1.7,0-2.6 c-0.7-3.3-6.7-4.3-7.1-6.2c-0.1-0.3-0.1-0.6,0-0.8c0.1-0.7,0.8-1.2,1.4-1.1C58.3,2.7,59,3.2,59.1,4c0,0.1,0,0.2,0,0.2v1H63V4.1 c0-3.5-3.1-4-5.3-4c-2.8,0-5.1,0.9-5.5,3.5c-0.1,0.7-0.1,1.4,0,2.1C52.9,9,58.5,10,59.3,12z"/> <path id="패스_45_00000102503741420779417540000004179831365953292733_" class="st0" d="M72.7,14.2c0.7,0.1,1.4-0.4,1.5-1.2 c0-0.2,0-0.4,0-0.6V0.5h4V12c0,0.3,0,0.9,0,1.1c-0.3,3-2.6,4-5.6,4s-5.3-1-5.6-4c0-0.2,0-0.8,0-1.1V0.5h4v11.9c0,0.2,0,0.4,0,0.6 C71.4,13.8,72,14.3,72.7,14.2z"/> <path id="패스_46_00000138553160280057187080000009994170928517811595_" class="st0" d="M106,14c0.7,0.1,1.4-0.4,1.6-1.2 c0-0.2,0-0.4,0-0.6V9.9h-1.6V7.6h5.7v4.3c0,0.4,0,0.7-0.1,1.1c-0.3,2.9-2.8,4-5.6,4c-2.8,0-5.4-1-5.6-4c0-0.4-0.1-0.7-0.1-1.1V5.1 c0-0.4,0-0.7,0.1-1.1c0.4-3,2.8-4,5.6-4s5.3,1,5.6,4c0,0.4,0,0.7,0,1.1v0.5h-4V4.7c0-0.2,0-0.4-0.1-0.6c-0.2-0.8-0.9-1.3-1.6-1.2 c-0.7-0.1-1.4,0.4-1.6,1.2c0,0.3-0.1,0.5-0.1,0.8v7.3c0,0.2,0,0.4,0,0.6C104.6,13.6,105.3,14.1,106,14z"/> </g> </svg> </a> </div> <div class="utility__wrap"> <div class="utility__button__search" data-name="utility__search"> <div class="search__box" data-omni="search" role="button" onclick="headerSearch.eventListener.uinifiedSearchInp();"> <ul id="search__slide__00"> </ul> <button type="button" class="search__button"> <span class="sr-only">검색 버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> </div> <div class="utility__button__back__m" data-name="utility__back"> <button class="utility__back" onclick="goBack();"> <span class="sr-only">뒤로가기</span> <svg id="icon-svg-back" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20.132"> <g transform="translate(-0.047 -0.047)" fill="currentColor"> <g transform="translate(3.779 1.595)"> <path d="M197.669,189.924l-8.584,8.584,8.584,8.584" transform="translate(-189.085 -189.924)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </g> <rect width="20" height="20" transform="translate(0.047 0.047)" fill="none"/> </g> </svg> </button> </div> <div class="utility__button__search__m" data-name="utility__search"> <button class="search__button" onclick='$(".search__box").eq(0).click();' data-omni="search"> <span class="sr-only">검색버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> <div class="utility__button__barcode__m" name="appMenu" style="display:none !important;" data-name="utility__barcode"> <button class="barcode__button" data-omni="membership" onclick="callApplicationMenu('memberShip');"> <span class="sr-only">바코드</span> <svg id="icon-svg-barcode" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 96 96" fill="currentColor"> <rect width="96" height="96" fill="none"/> <path d="M-4491.75-1950a4.25,4.25,0,0,1-4.245-4.024v-.015l-.006-.212v-59.5a4.248,4.248,0,0,1,4.024-4.244h.015l.206,0h83.506a4.247,4.247,0,0,1,4.244,4.024v.014l0,.212v59.5a4.249,4.249,0,0,1-4.023,4.245h-.014l-.212.006Zm1.75-6h80v-56h-80Zm66-8v-40h4v40Zm-7,0v-40h4v40Zm-12,0v-40h10v40Zm-7.5,0v-40h5v40Zm-9,0v-40h5v40Zm-13.5,0v-40h10v40Zm-7.5,0v-40h5v40Z" transform="translate(4498.5 2032.5)"/> </svg> </button> </div> <div class="utility__button__cart" data-name="utility__cart"> <button class="cart__button" onclick="getCartList();"> <span class="sr-only">장바구니 버튼</span> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g id="icon-svg-cart" transform="translate(-9)"> <rect width="26" height="26" transform="translate(9)" fill="none"/> <path d="M20.974,22.205a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,20.974,22.205Zm-9.7,0a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,11.273,22.205Zm9.7,1.94a1.109,1.109,0,1,0,1.109,1.109A1.1,1.1,0,0,0,20.974,24.145Zm-9.7,0a1.109,1.109,0,1,0,1.109,1.109A1.094,1.094,0,0,0,11.273,24.145ZM4.648,3.8A1.527,1.527,0,0,1,6.062,4.826v.055l.832,3.1H25.769a1.329,1.329,0,0,1,1.3,1.608v.055L24.411,19.71a1.482,1.482,0,0,1-1.358,1.081H9.138a1.49,1.49,0,0,1-1.414-1.026L7.7,19.71,4.066,6.017H1.1V3.8Zm19.957,6.4H7.475l2.217,8.371H22.415Z" transform="translate(7.9 -2.801)"/> </g> </svg> <span class="cart__count" style="display:none;"></span> </button> <div class="cart__list"> </div> </div> <div class="utility__button__user" data-name="utility__user"> <button class="user__button"> <span class="sr-only">유저 메뉴버튼</span> <svg id="icon-svg-mypage" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M25,15.5a8.989,8.989,0,0,1,9,8.734v2.235a1.408,1.408,0,0,1-1.406,1.406H17.406A1.408,1.408,0,0,1,16,26.469V24.234A8.989,8.989,0,0,1,25,15.5Zm0,2.25a6.794,6.794,0,0,0-6.75,6.484v1.391h13.5V24.234A6.794,6.794,0,0,0,25,17.75ZM25,2a6.188,6.188,0,1,1-6.187,6.188A6.2,6.2,0,0,1,25,2Zm0,2.25a3.938,3.938,0,1,0,3.938,3.938A3.942,3.942,0,0,0,25,4.25Z" transform="translate(-12 -2)"/> </svg> <svg id="icon-svg-mypage-on" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor" style="display:none;"> <defs><style>.a{fill:none;}</style></defs> <rect class="a" width="26" height="26"/> <path d="M25,15.5a8.989,8.989,0,0,1,9,8.734v2.235a1.408,1.408,0,0,1-1.406,1.406H17.406A1.408,1.408,0,0,1,16,26.469V24.234A8.989,8.989,0,0,1,25,15.5ZM25,2a6.188,6.188,0,1,1-6.187,6.188A6.188,6.188,0,0,1,25,2Z" transform="translate(-12 -2)"/> </svg> </button> <div class="user__list"> </div> </div> <div class="utility__button__menu__m" data-name="utility__menu" style="display:none !important;"> <button class="menu__button" id="menuButton"> <span class="sr-only">메뉴</span> <svg id="icon-svg-menu" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g transform="translate(2.001 5)"> <line x1="22" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> <line x1="22" transform="translate(0 8)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> <line x1="22" transform="translate(0 16)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2.3"/> </g> <rect width="26" height="26" fill="none"/> </svg> </button> </div> <div class="utility__button__home__m" data-name="utility__home" data-omni="gnb_samsung_home" > <button class="home__button" onclick="location.href='/sec/';"> <span class="sr-only">홈으로 가기</span> <svg id="icon-svg-home" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"> <g transform="translate(-1223.802 -58.802)"> <rect width="24" height="24" transform="translate(1223.802 58.802)" fill="none"/> <path d="M312.913,64.608a1.109,1.109,0,0,1-1.109-1.049l0-.061V50.712a1.417,1.417,0,0,1,.494-1.045l.056-.043,8.948-6.593a1.221,1.221,0,0,1,1.365-.039l.056.039,8.948,6.593a1.411,1.411,0,0,1,.547,1.018l0,.07V63.5a1.11,1.11,0,0,1-1.05,1.109l-.06,0Zm13.036-11.442v9.712h4.54V50.9l-8.479-6.248L313.531,50.9V62.879h4.541V53.167Zm-6.393,9.712h4.909V54.65h-4.909ZM322.01,44.345Z" transform="translate(913.915 17.177)"/> </g> </svg> </button> </div> </div> <div class="menu__wrap" id="menuWrap"> <div class="menu__head m-only"> <div class="head__top"> <div class="search__box" onclick="headerSearch.eventListener.uinifiedSearchInp();" data-omni="search"> <ul id="search__slide__02"> </ul> <button id="mobMenuSearchButton" type="button" class="menu__search__button"> <span class="sr-only">검색 버튼</span> <svg id="icon-svg-search" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <rect width="26" height="26" fill="none"/> <path d="M14.077,4.1a10,10,0,0,1,9.977,9.977,9.853,9.853,0,0,1-2.187,6.205l6.232,6.26-1.558,1.531L20.337,21.84a9.87,9.87,0,0,1-6.26,2.214,9.977,9.977,0,1,1,0-19.954Zm0,2.187a7.79,7.79,0,1,0,7.79,7.79A7.8,7.8,0,0,0,14.077,6.287Z" transform="translate(-3.1 -3.1)" /> </svg> </button> </div> <div class="head__button__wrap"> <button name="appMenu" style="display:none !important;" class="menu__noti__button" onclick="openCtaLink('/sec/push/notify/','_self');" data-omni="notice"> <span class="sr-only">알림</span> <svg id="icon-svg-notification" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 96 96"> <rect width="96" height="96" fill="none"/> <path d="M-4713.05-1905.775a13.972,13.972,0,0,1-4.123-8.225H-4737.8a4.167,4.167,0,0,1-3.431-1.716,4.14,4.14,0,0,1-.542-3.773l.009-.026.07-.192,8.272-21.14a3.73,3.73,0,0,0,.119-.6l0-.073v-9.667l.007-9.006a29.528,29.528,0,0,1,2.544-11.253,29.577,29.577,0,0,1,6.371-9.152,29.433,29.433,0,0,1,9.286-6.151A29.2,29.2,0,0,1-4703.8-1989h0a29.294,29.294,0,0,1,20.417,8.248,29.537,29.537,0,0,1,9.057,20.087v.008l.017.5.009,18.659a3.577,3.577,0,0,0,.108.611l.024.069,8.262,21.117a4.162,4.162,0,0,1-.349,3.819,4.137,4.137,0,0,1-3.316,1.879h-.022l-.207.006h-20.625a13.989,13.989,0,0,1-4.123,8.224A13.243,13.243,0,0,1-4703.8-1902,13.243,13.243,0,0,1-4713.05-1905.775Zm9.253-3.225a6.606,6.606,0,0,0,6.252-5h-12.507A6.561,6.561,0,0,0-4703.8-1909Zm-22.481-51.421-.012.359-.007,18.566a9.988,9.988,0,0,1-.487,2.874l-.008.025-.111.3L-4733.67-1921h59.744l-6.766-17.3a9.85,9.85,0,0,1-.569-2.5l0-.023-.025-.361-.008-.325v-3.97l-.007-14.546A22.436,22.436,0,0,0-4703.8-1982,22.485,22.485,0,0,0-4726.278-1960.421Z" transform="translate(4751.999 1994)"/> </svg> </button> <button class="menu__cart__button" onclick="getCartList();" data-omni="cart"> <span class="sr-only">장바구니 버튼</span> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor"> <g id="icon-svg-cart-menu" transform="translate(-9)"> <rect width="26" height="26" transform="translate(9)" fill="none"/> <path d="M20.974,22.205a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,20.974,22.205Zm-9.7,0a3.049,3.049,0,1,1-3.049,3.049A3.076,3.076,0,0,1,11.273,22.205Zm9.7,1.94a1.109,1.109,0,1,0,1.109,1.109A1.1,1.1,0,0,0,20.974,24.145Zm-9.7,0a1.109,1.109,0,1,0,1.109,1.109A1.094,1.094,0,0,0,11.273,24.145ZM4.648,3.8A1.527,1.527,0,0,1,6.062,4.826v.055l.832,3.1H25.769a1.329,1.329,0,0,1,1.3,1.608v.055L24.411,19.71a1.482,1.482,0,0,1-1.358,1.081H9.138a1.49,1.49,0,0,1-1.414-1.026L7.7,19.71,4.066,6.017H1.1V3.8Zm19.957,6.4H7.475l2.217,8.371H22.415Z" transform="translate(7.9 -2.801)"/> </g> </svg> <span class="cart__count" style="display:none;"></span> </button> <button class="menu__close__button" data-omni="menu close"> <span class="sr-only">메뉴닫기</span> <svg id="icon-svg-gnbClose" xmlns="http://www.w3.org/2000/svg" width="22.745" height="22.745" viewBox="0 0 22.745 22.745" fill="currentColor"> <g transform="translate(-275.669 -189.336)"> <line x2="19.917" y2="19.917" transform="translate(277.083 190.75)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <line x1="19.917" y2="19.917" transform="translate(277.083 190.75)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </g> </svg> </button> </div> </div> <div class="head__bottom"> <div class="login__user__wrap m-only"> <a href="javascript:doLogin();" data-omni="login"> 로그인/회원가입 > </a> </div> <div class="add__contents__wrap m-only"> <div class="add__contents__inner"> <ul id="addContents__slider"> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/smartphones/galaxy-z-fold-special-edition/buy/','_self');" data-omni="mobilecontents:galaxy-z-fold-special-edition_shot"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/98e12cc8-0f3d-4c81-aa88-3fc1af396d6f.jpg" alt="갤럭시 Z 폴드6 스페셜 에디션 페이지로 이동" /> </div> <p>갤럭시 Z 폴드<br> 스페셜 에디션</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/event/galaxy-z6/promotion/app/','_self');" data-omni="mobilecontents:Galaxy benefit_shot"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/061d6559-0ded-4973-8fba-31b0d031b505.png" alt="Galaxy 구매 혜택 신청하기" /> </div> <p>Z폴드6ㅣZ플립6 혜택 신청하기</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://samsung.com/sec/offer/samsung-week','_self');" data-omni="mobilecontents:Samsung Week_alarm_shotcut"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/6c75efec-6305-4f59-bc01-3109b42c5c59.png" alt="파란종이백 모양의 버스에 Samsung Week라고 씌여져있는 이미지 " /> </div> <p>삼성위크<br>특별 혜택</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/Samsung-Care-Plus/CE/','_self');" data-omni="mobilecontents:withsamsungcareplus"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/21a1c96c-d2f1-4c91-8a2c-61691565bae1.png" alt="삼성케어플러스 앰블럼" /> </div> <p>삼성케어플러스</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('https://www.samsung.com/sec/eventList/delivery-service/','_self');" data-omni="mobilecontents:delivery-service"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/9b021b3b-8fcb-47ed-9f50-266011e0fafc.png" alt="오늘보장&시간 맞춤 설치" /> </div> <p>오늘보장&<br> 시간 맞춤 설치</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/samsungstore/culture-lab/','_self');" data-omni="mobilecontents:samsungstore culture-lab"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/002534df-0ec6-4c2b-9163-66708187c77a.png" alt="삼성 컬처랩" /> </div> <p>삼성 컬처랩</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/store-model/live/','_self');" data-omni="mobilecontents:SamsungLive"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/65cb8d18-5dd2-4e75-8274-fa199e267569.png" alt="삼닷 Live" /> </div> <p>삼닷 Live</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/galaxycampus/','_self');" data-omni="mobilecontents:galaxycampus"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/cc13ffd5-92fc-463e-a8c1-0fee81323d10.png" alt="갤럭시 캠퍼스 " /> </div> <p>갤럭시 캠퍼스 </p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/smartthings/do-the-smartthings/','_self');" data-omni="mobilecontents:smartthings"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/5f6a183e-3de0-4da2-ba65-91d5ce31ba9b.png" alt="스마트싱스 앰블럼" /> </div> <p>스마트싱스</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/bespokeshop/','_self');" data-omni="mobilecontents:bespokeshop"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/50ac836b-9425-4751-bab8-bc37cedbfb99.png" alt="e식품관 소고기 이미지" /> </div> <p>e식품관</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/membership/membershipMain/','_self');" data-omni="mobilecontents:membership"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/7b81b664-5d91-4264-a54b-5114158a0240.png" alt="멤버십" /> </div> <p>멤버십</p> </a> </li> <li> <a href="javascript:void(0);" onclick="openCtaLink('/sec/sustainability/main/','_self');" data-omni="mobilecontents:sustainability"> <div class="imgform"> <img loading="lazy" src="//images.samsung.com/kdp/display/gnb/98bb33e6-6b70-4cd3-9f54-f09729924928.png" alt="지속가능경영 앰블럼" /> </div> <p>지속가능경영</p> </a> </li> <li name="appMenu" style="display:none !important;"> <a href="javascript:void(0);" onclick="callApplicationMenu('samsungApp');" data-omni=":samsungapp"> <div class="imgform"> <img loading="lazy" src="/sec/static/_images/gnb/icon-gnb-samsungapp.png" alt="삼성전자 앱 메뉴 이미지"> </div> <p>삼성전자 앱</p> </a> </li> </ul> </div> </div> </div> </div> <ul class="menu__list"> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="AI" class="item__button " data-dispclsfno="710039388" data-menulinkgbcd="10" data-texten="AI" >AI</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="mobile" class="item__button " data-dispclsfno="710043106" data-menulinkgbcd="10" data-texten="mobile" >모바일</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="tv&audio" class="item__button " data-dispclsfno="710034650" data-menulinkgbcd="10" data-texten="tv&audio" >TV&오디오</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="kitchen-appliances" class="item__button " data-dispclsfno="710034651" data-menulinkgbcd="10" data-texten="kitchen-appliances" >주방가전</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="living" class="item__button " data-dispclsfno="710034652" data-menulinkgbcd="10" data-texten="living" >리빙가전</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="PC" class="item__button " data-dispclsfno="710034653" data-menulinkgbcd="10" data-texten="PC" >PC/주변기기</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" data-omni="expendables" class="item__button " data-dispclsfno="710034654" data-menulinkgbcd="20" data-texten="expendables" onclick="openCtaLink('/sec/accessories/','_self');" >소모품/액세서리</a> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="samsung care plus" class="item__button " data-dispclsfno="710037379" data-menulinkgbcd="10" data-texten="samsung care plus" >삼성케어플러스</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="smart things" class="item__button " data-dispclsfno="710034655" data-menulinkgbcd="10" data-texten="smart things" >스마트싱스</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" role="menuitem" data-omni="promotion" class="item__button " data-dispclsfno="710037734" data-menulinkgbcd="10" data-texten="promotion" >삼성닷컴추천</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 "> <a href="javascript:void(0);" data-omni="outlet" class="item__button " data-dispclsfno="710034659" data-menulinkgbcd="20" data-texten="outlet" onclick="openCtaLink('/sec/outlets/all-outlets/','_self');" >아울렛</a> </li> <li class="menuitem__l0 list__divide"> <a href="javascript:void(0);" role="menuitem" data-omni="samsung Experience" class="item__button " data-dispclsfno="710037719" data-menulinkgbcd="10" data-texten="samsung Experience" >#Samsung Experience</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 list__right right__menu"> <a href="javascript:void(0);" role="menuitem" data-omni="support" class="item__button " data-dispclsfno="710034660" data-menulinkgbcd="10" data-texten="support" >고객지원</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" data-omni="Samsung Business" class="item__button newtab" data-dispclsfno="710034662" data-menulinkgbcd="30" data-texten="Samsung Business" onclick="openCtaLink('/sec/business/','_blank');"title="새 창" >비즈니스</a> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" role="menuitem" data-omni="samsung store" class="item__button " data-dispclsfno="710034661" data-menulinkgbcd="10" data-texten="samsung store" >삼성스토어</a> <div class="menuitem__l1__container" style="display:none;"></div> </li> <li class="menuitem__l0 right__menu"> <a href="javascript:void(0);" data-omni="sustainability" class="item__button " data-dispclsfno="710035040" data-menulinkgbcd="20" data-texten="sustainability" onclick="openCtaLink('/sec/sustainability/main/','_self');" >지속가능경영 </a> </li> </ul> <div class="user__mypage__list"> <ul> </ul> </div> </div> <div class="inner__mask" data-type=""></div> </div> </header>  <input type="hidden" name="useLogin" id="useLogin" value="" />   <input type="hidden" id="getCartCntUseYn" value="Y" /> <input type="hidden" id="getCouponCntUseYn" value="Y" /> <input type="hidden" id="getWritableMyCommentUseYn" value="Y" /> <input type="hidden" id="writableCommentUseYn" value="Y" />  <script defer> var userAgent=navigator.userAgent.toUpperCase(); if(userAgent.indexOf("SECAPP")>-1||userAgent.indexOf("SECTEST")>-1){ // $("#header").hide(); $(".string-banner-wrap").hide(); } if(window.secapp) { window.secapp.showAndHideGnb('GONE'); $("html").css("margin-top", "0px"); } var stcmtMbrYn = "N"; //스마트싱스 커뮤니티 회원 여부 $(document).ready(function(){ ts_hostChk('prd'); getSessionInfo(); // 장바구니 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCartCnt) var getCartCntUseYn = $("#getCartCntUseYn").val(); if(getCartCntUseYn == undefined || getCartCntUseYn == "Y"){ getCartCnt(); } // 모바일이면 1뎁스(1번째) 미리 Load처리 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false) { // .click(); 안되서 func직접호출 // $(".menuitem__l0").eq(0).children('a').click(); var depth1 = $(".menuitem__l0").eq(0).children('a'); var menuLinkGbCd = $(depth1).data("menulinkgbcd"); if(menuLinkGbCd == '10'){ getGnbDepth2(depth1); } //} // 1뎁스 mouseover시 2뎁스 조회 $(".menuitem__l0 > a").on("mouseover focus", function(){ // 메뉴링크구분이 서브메뉴가 아닌 경우 var menuLinkGbCd = $(this).data("menulinkgbcd"); if(menuLinkGbCd != '10'){ return; } // 2뎁스 AJAX호출 var depth1 = $(this); getGnbDepth2(depth1); }); // 1뎁스 클릭시 스타일적용 $(".menuitem__l0").on("click", function(){ $(".menuitem__l0").removeClass("active"); $(this).addClass("active"); }); let platformCd = getCookieA("COOKIE_KEY_PLATFORM"); if(platformCd == "" || platformCd == null || platformCd == undefined){ if(window.secapp !== undefined || window.secapppopup !== undefined){ setCookieA("COOKIE_KEY_PLATFORM", "AOS", 1); } else if(device.isIosApp){ setCookieA("COOKIE_KEY_PLATFORM", "IOS", 1); } } }); // 푸시 알림 뱃지 카운트 핸들러 function getAlarmCnt() { if(window.secapp) { var cnt = window.secapp.getBadgeCounterOfPushMessages(); getBadgeCounterOfPushMessagesCallback(cnt); } else if(device.isIosApp) { if ( window.location.hostname == 'dev-www.samsung.com' || window.location.hostname == 'stg-www.samsung.com' || window.location.hostname == 'www.samsung.com' || window.location.hostname == 'dev-familynet.samsung.com' || window.location.hostname == 'stg-familynet.samsung.com' || window.location.hostname == 'familynet.samsung.com' ) { window.webkit.messageHandlers.callNative.postMessage(JSON.stringify({fun:"getBadgeCounterOfPushMessages"})); } else { console.log('메시지를 보낼 수 없는 도메인입니다.'); } } } // 푸시 알림 뱃지 카운트 콜백 //퍼블작업 완료시 진행예정 function getBadgeCounterOfPushMessagesCallback(cnt) { const alertDiv = $(".cta_alrt ._alrt"); // cnt > 0 ? alertDiv.show() : alertDiv.hide(); } // 2뎁스 조회 function getGnbDepth2(depth1){ // Load된 2뎁스 메뉴가 이미 존재하는 경우 var divCnt = $(depth1).siblings('div').children().length; if(divCnt > 0){ return; } var dispClsfNo = $(depth1).data("dispclsfno"); var text = $(depth1).text(); var textEn = $(depth1).data("texten"); var omni = $(depth1).data("omni"); $.ajax({ url : "/sec/cxhr/display/getGnbDepth2" , type : "GET" , data : {upDispClsfNo : dispClsfNo , dispClsfNm : text , dispClsfEnNm : textEn } , dataType : "html" , success : function(html) { if(html != ""){ $(depth1).siblings('.menuitem__l1__container').replaceWith(html); if(omni.toLowerCase() == "smart things"){ $(depth1).siblings('.menuitem__l1__container').find(".menuitem__l2__list").children().each(function(){ var omniArr = $(this).children().data("omni").split(":"); if(omniArr.length == 2 && omniArr[1].toLowerCase() == "smartthings-square"){ if(stcmtMbrYn == "Y" || stcmtMbrYn == "R"){ $(this).show(); }else{ $(this).hide(); } } }); } //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ if(window.innerWidth <= 1280){ // 모바일 이미지메뉴 2줄처리 width설정 var depth2 = $(depth1).siblings('.menuitem__l1__container'); if($(depth2).find("#new__prod__slider__01").length > 0){ var ul = $(depth2).find("#new__prod__slider__01"); var liWidth = $(ul).children("li").first().width(); var liCnt = $(ul).children("li").length; var ulWidth = (liWidth * liCnt * 0.65); $(ul).css("width", ulWidth+"px"); } // 모바일(아이폰) 2뎁스 화이트영역을 1뎁스 FULL높이로 변경 let mainListH = document.querySelector(".menu__list").clientHeight; $(".menuitem__l1__container").css({ height: mainListH + "px" }); } // s : 고객지원 - 원격상담/출장예약/전화상담 메뉴 SSO연동설정(앱→웹) if(textEn.toLowerCase().indexOf("support") > -1){ // 원격상담 $("a[data-omni='support:remote_service']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/consult/remote');"); // 전화상담 $("a[data-omni='support:rescounselview']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/consult/call');"); //출장서비스예약 $("a[data-omni='support:U service reservation']").attr("onclick", "ssoKdpSvc('https://www.samsungsvc.co.kr/login?returnURL=https://www.samsungsvc.co.kr/reserve/reserveEngineer');"); } // e : 고객 지원 - 원격지원/출장예약/전화상담 메뉴 SSO연동(앱→웹) } } , error : function(request, status, error) { } }); } var clipboard = new ClipboardJS('#lUrl'); clipboard.on('success', function(e) { let alertData = { title: "" ,content : "링크가 복사되었습니다." ,callback : "" ,btnText : "확인" }; commonAlert(alertData); openLayer('commonAlert'); }); clipboard.on('error', function(e) { let alertData = { title: "" ,content : "다시 시도하여 주십시오." ,callback : "" ,btnText : "확인" }; commonAlert(alertData); openLayer('commonAlert'); }); function getCartList(){ var options = { url : '/sec/xhr/order/gnbCartList' , dataType : "html" , done : function(data){ $(".cart__list").html(data); gnbObj.ultilityEvent('cart'); } } ajax.call(options); } // 뒤로가기 시 이벤트 $(window).bind("pageshow", function(event){ if(event.originalEvent.persisted || window.performance && window.performance.navigation.type == 2){ // 장바구니 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCartCnt) var getCartCntUseYn = $("#getCartCntUseYn").val(); if(getCartCntUseYn == undefined || getCartCntUseYn == "Y"){ getCartCnt(); } var useLogin = $("input[name=useLogin]").val(); if(useLogin == "Y"){ // 작성가능한 상품평 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - writableComment) //20240517 kcg - 앱설치유도배너 중복 노출로 인한 로직 제거 // var writableCommentUseYn = $("#writableCommentUseYn").val(); // if(writableCommentUseYn == undefined || writableCommentUseYn == "Y"){ // writableComment(); // } // 작성가능한 상품평 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getWritableMyComment) var getWritableMyCommentUseYn = $("#getWritableMyCommentUseYn").val(); if(getWritableMyCommentUseYn == undefined || getWritableMyCommentUseYn == "Y"){ getWritableMyComment(); } else { // 개수 표시 미노출 $("#mobMyComment").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평'); $("#pcMyComment").html('작성 가능한 상품평'); } // 사용가능한 쿠폰 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCouponCnt) var getCouponCntUseYn = $("#getCouponCntUseYn").val(); if(getCouponCntUseYn == undefined || getCouponCntUseYn == "Y"){ getCouponCnt(); } else { // 개수 표시 미노출 $("#mobCouponZone").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰'); $("#pcCouponZone").html('사용 가능한 쿠폰'); } } } }); // 세션정보조회 function getSessionInfo() { $.ajax({ url : "/sec/xhr/member/getSession" , type : "POST" , success : function(result) { result = JSON.parse(result); if (result.mbrNo == "0") { //$("#imgUserMenuIcon").attr("src", "/sec/static/_images/gnb/icon-26-mypage.svg"); $("#icon-svg-mypage").css("display", ""); $("#icon-svg-mypage-on").css("display", "none"); $("input[name=useLogin]").val("N"); $(".link-login i").addClass("ico-people"); $(".user__button > .sr-only").text("로그인 메뉴버튼"); $(".loginAfter").remove(); $(".loginBefore").remove(); setLogoutGnbMenu(); } else { //$("#imgUserMenuIcon").attr("src", "/sec/static/_images/gnb/icon-26-mypage-on.svg"); $("#icon-svg-mypage").css("display", "none"); $("#icon-svg-mypage-on").css("display", ""); $("input[name=useLogin]").val("Y"); $(".link-login i").addClass("ico-people-logged"); $(".user__button > .sr-only").text("나의정보 메뉴버튼"); $(".loginBefore").remove(); $(".loginAfter").remove(); setLoginGnbMenu(); $("#mbrNmMo").html(result.mbrNm); $("#mbrNmPc").html(result.mbrNm); // 작성가능한 상품평 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - writableComment) var writableCommentUseYn = $("#writableCommentUseYn").val(); if(writableCommentUseYn == undefined || writableCommentUseYn == "Y"){ var writableMyCommentCnt = getCookieA("writableMyCommentCnt_1_"); if(writableMyCommentCnt !== undefined && writableMyCommentCnt != null && writableMyCommentCnt > 0){ writableComment(); } } // 작성가능한 상품평 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getWritableMyComment) var getWritableMyCommentUseYn = $("#getWritableMyCommentUseYn").val(); if(getWritableMyCommentUseYn == undefined || getWritableMyCommentUseYn == "Y"){ getWritableMyComment(); } else { // 개수 표시 미노출 $("#mobMyComment").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평'); $("#pcMyComment").html('작성 가능한 상품평'); } // 사용가능한 쿠폰 개수 - GNB xhr사용여부 체크(GNB_XHR_USE_YN - getCouponCnt) var getCouponCntUseYn = $("#getCouponCntUseYn").val(); if(getCouponCntUseYn == undefined || getCouponCntUseYn == "Y"){ getCouponCnt(); } else { // 개수 표시 미노출 $("#mobCouponZone").html('<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰'); $("#pcCouponZone").html('사용 가능한 쿠폰'); } stcmtMbrYn = result.stcmCertStat; // 스마트싱스 회원여부 } } }); } // 메뉴설정 로그아웃 상태 function setLogoutGnbMenu() { // 모바일 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ var htmlMoLoginBefore = ''; // 로그인 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:doLogin();" data-omni=\'login\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-01.svg" alt="로그인 아이콘">로그인'; htmlMoLoginBefore += '<svg id="icon-svg-my-01" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="currentColor">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M23.219,12.5a5.746,5.746,0,0,1,5.719,5.542h0v1.49a.657.657,0,0,1-.656.656H18.156a.657.657,0,0,1-.656-.656h0v-1.49A5.746,5.746,0,0,1,23.219,12.5Zm0,.938a4.81,4.81,0,0,0-4.781,4.6h0V19.25H28V18.042a4.809,4.809,0,0,0-4.7-4.6h-.077Zm0-9.937a3.844,3.844,0,1,1-3.844,3.844A3.844,3.844,0,0,1,23.219,3.5Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.906,2.906,0,0,0,23.219,4.438Z" transform="translate(-14.125 -2.75)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '로그인'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 회원가입 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:doSignUp()" data-omni=\"sign up\">'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-02.svg" alt="회원가입 아이콘">회원가입'; htmlMoLoginBefore += '<svg id="icon-svg-my-02" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M56.787,62.513A3.2,3.2,0,0,1,53.6,59.306a3.115,3.115,0,0,1,.938-2.269,3.191,3.191,0,0,1,2.269-.937h0a3.2,3.2,0,0,1,3.206,3.188,3.237,3.237,0,0,1-3.225,3.225Zm0-5.606a2.4,2.4,0,0,0,.019,4.8h0a2.4,2.4,0,0,0,2.4-2.4,2.31,2.31,0,0,0-.712-1.687,2.383,2.383,0,0,0-1.706-.712Z" transform="translate(-43.287 -45.581)"/>'; htmlMoLoginBefore += '<path d="M29.438,18.55m-4.612,2.138H18.656A.664.664,0,0,1,18,20.031h0V18.55a5.7,5.7,0,0,1,7.913-5.1l-.825.694a4.247,4.247,0,0,0-1.294-.206h-.075a4.808,4.808,0,0,0-4.781,4.612h0v1.2h5.888ZM23.719,4a3.844,3.844,0,1,1-3.844,3.844A3.849,3.849,0,0,1,23.719,4Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.9,2.9,0,0,0,23.719,4.938Zm1.106,15.75" transform="translate(-14.362 -3.25)"/>'; htmlMoLoginBefore += '<rect width="0.638" height="3.675" transform="translate(13.181 11.888)"/>'; htmlMoLoginBefore += '<rect width="3.675" height="0.638" transform="translate(11.663 13.406)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '회원가입'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 삼성계정을 만들어야 하는 이유 htmlMoLoginBefore += '<li class="variety">'; htmlMoLoginBefore += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">'; //htmlMoLoginBefore += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; //htmlMoLoginBefore += '<rect width="18" height="18" fill="none"></rect>'; //htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '삼성계정을 만들어야 하는 이유'; htmlMoLoginBefore += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlMoLoginBefore += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlMoLoginBefore += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlMoLoginBefore += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 주문/배송 조회 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-03.svg" alt="주문/배송 조회 아이콘">주문/배송 조회'; htmlMoLoginBefore += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M17.78,23.837a.313.313,0,0,1-.249.1H16.16a2.1,2.1,0,0,0-3.222-1.062V17h3.078a.713.713,0,0,1,.654.541l.058.3H14.9a.561.561,0,0,0-.558.563v2.063a.561.561,0,0,0,.558.563h2.44l.489,2.543A.313.313,0,0,1,17.78,23.837Zm-2.391,1.038a1.266,1.266,0,0,1-2.5-.282,1.266,1.266,0,0,1,2.531,0A1.268,1.268,0,0,1,15.389,24.875ZM17.2,20.281h-2.1V18.594h1.779ZM12,23.938H7.535a2.108,2.108,0,0,0-4.007,0H2.438v-9H12v9Zm-5.236.938a1.244,1.244,0,1,1,.033-.281A1.267,1.267,0,0,1,6.764,24.875ZM18.752,23.4l-1.161-6.034a1.648,1.648,0,0,0-1.575-1.3H12.938V14.656A.657.657,0,0,0,12.281,14H2.156a.657.657,0,0,0-.656.656v9.562a.657.657,0,0,0,.656.656H3.443a2.107,2.107,0,0,0,4.177,0h4.448a2.107,2.107,0,0,0,4.177,0h1.287A1.215,1.215,0,0,0,18.752,23.4Z" transform="translate(-1.125 -11.375)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '주문/배송 조회'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 멤버십 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-05.svg" alt="멤버십 아이콘">멤버십'; htmlMoLoginBefore += '<svg id="icon-svg-my-05" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<g transform="translate(1 2.5)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginBefore += '<rect width="16" height="13" rx="3" stroke="none"/>'; htmlMoLoginBefore += '<rect x="0.5" y="0.5" width="15" height="12" rx="2.5" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '<line x2="15" transform="translate(1.5 12)" fill="none" stroke="#000" stroke-width="1"/>'; htmlMoLoginBefore += '<g transform="translate(3.6 5.1)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginBefore += '<rect width="3" height="3" rx="1" stroke="none"/>'; htmlMoLoginBefore += '<rect x="0.5" y="0.5" width="2" height="2" rx="0.5" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '멤버십'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 나의 제품 관리 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="NetFunnel_Action({action_id:\'b2c_login_default\'},\'/sec/mypage/info/indexMyDeviceList/\');return false;" data-omni=\'my device\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-08.svg" alt="나의 제품 관리 아이콘">나의 제품 관리'; htmlMoLoginBefore += '<svg id="icon-svg-my-08" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<defs>'; htmlMoLoginBefore += '<clipPath id="clip-path">'; htmlMoLoginBefore += '<rect width="15.004" height="14.533" fill="none"/>'; htmlMoLoginBefore += '</clipPath>'; htmlMoLoginBefore += '</defs>'; htmlMoLoginBefore += '<g transform="translate(-4353 -1170)">'; htmlMoLoginBefore += '<g transform="translate(4355 1172)">'; htmlMoLoginBefore += '<g transform="translate(0 0)" clip-path="url(#clip-path)">'; htmlMoLoginBefore += '<path d="M7.278,10.387l-.189.139L7.106,13.6l-4.377.017v-3.1l-.189-.139a3.854,3.854,0,0,1,0-6.248L2.729,4,2.712.928,7.089.911V2.362c.083-.093.167-.187.258-.274a4.864,4.864,0,0,1,.685-.559V.911A.919.919,0,0,0,7.106,0H2.712a.92.92,0,0,0-.926.911V3.542a4.77,4.77,0,0,0,0,7.442v2.638a.92.92,0,0,0,.926.911H7.106a.919.919,0,0,0,.926-.911V10.984a4.874,4.874,0,0,0,.937-1.018,4.9,4.9,0,0,1-.842-.434,3.982,3.982,0,0,1-.849.855" transform="translate(0 0)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M26.238,5.027A4.023,4.023,0,0,0,23.4,6.18a3.8,3.8,0,0,0-1.172,2.791,3.97,3.97,0,0,0,3.985,3.945,4.015,4.015,0,0,0,4.032-3.968,3.971,3.971,0,0,0-4.009-3.922m0,6.9a2.953,2.953,0,1,1-.024-5.906h0a3,3,0,0,1,2.133.876,2.82,2.82,0,0,1,.891,2.076,2.983,2.983,0,0,1-3,2.953" transform="translate(-15.243 -3.472)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M31.792,12.418h-1.1V11.371a.563.563,0,0,0-1.125,0v1.047h-1.1a.554.554,0,1,0,0,1.107h1.1v1.047a.563.563,0,0,0,1.125,0V13.525h1.1a.554.554,0,1,0,0-1.107" transform="translate(-19.133 -7.472)" fill="#1a1311"/>'; htmlMoLoginBefore += '<path d="M4.977,16.6a3.9,3.9,0,1,1,0-7.8,4,4,0,0,1,1.384.25,4.643,4.643,0,0,1,.457-.822,4.947,4.947,0,0,0-1.841-.356,4.831,4.831,0,1,0,0,9.66A4.93,4.93,0,0,0,9.041,15.4a4.9,4.9,0,0,1-.845-.435A3.979,3.979,0,0,1,4.977,16.6" transform="translate(-0.047 -5.434)" fill="#1a1311"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '<rect width="18" height="18" transform="translate(4353 1170)" fill="none"/>'; htmlMoLoginBefore += '</g>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '나의 제품 관리'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 쿠폰존 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="쿠폰존 아이콘">쿠폰존'; htmlMoLoginBefore += '<svg id="icon-svg-my-04" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M19.094,14.5a.469.469,0,0,1,.468.438v3.153a.469.469,0,0,1-.469.469,2.195,2.195,0,0,0-2.112,1.5A2.231,2.231,0,0,0,19.04,23h.084a.468.468,0,0,1,.437.437v3.153a.469.469,0,0,1-.438.468H2.969a.469.469,0,0,1-.468-.438V14.969a.469.469,0,0,1,.438-.468H19.094Zm-.469.937H8.125v1.219H7.187V15.438H3.437V26.125h3.75V25.094h.938v1.031h10.5V23.907l-.032,0a3.169,3.169,0,0,1-2.542-4l.017-.06.019-.063A3.106,3.106,0,0,1,18.5,17.678l.065-.012.063-.01V15.438Zm-10.5,6.281v1.688H7.188V21.719Zm0-3.375v1.688H7.188V18.344Z" transform="translate(-1.938 -11.688)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '쿠폰존'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 삼성닷컴 회원 혜택 htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-06.svg" alt="삼성닷컴 회원 혜택 아이콘">삼성닷컴 회원 혜택'; htmlMoLoginBefore += '<svg id="icon-svg-my-06" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginBefore += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginBefore += '<path d="M17.912,5a1.905,1.905,0,0,1,1.759,2.625h1.735a.657.657,0,0,1,.655.62v3.786a.657.657,0,0,1-.62.655h-.88v7.781a.657.657,0,0,1-.62.655H8.656A.657.657,0,0,1,8,20.5V12.688H7.156a.657.657,0,0,1-.655-.62V8.281a.657.657,0,0,1,.62-.655H8.892a1.9,1.9,0,0,1,2.673-2.392l.036.02.056.028.06.031c.139.073.334.185.585.34l.059.037c.549.343,1.189.79,1.92,1.354l-.07.054.238-.183c.626-.477,1.184-.865,1.671-1.174L16.2,5.69c.319-.2.554-.332.7-.408l.057-.029L17,5.234A1.894,1.894,0,0,1,17.843,5Zm-5.974,7.688h-3v7.5h3Zm3.75,0H12.875v7.5h2.813Zm3.938,0h-3v7.5h3ZM11.938,8.563h-4.5V11.75h4.5Zm3.75,0H12.875V11.75h2.813Zm5.438,0h-4.5V11.75h4.5ZM17.912,5.938a.957.957,0,0,0-.447.11l-.045.025-.02.012-.021.01c-.022.01-.074.037-.157.082-.128.07-.28.158-.456.267l-.067.042c-.47.294-1.015.671-1.634,1.14h3.488a.967.967,0,0,0-.641-1.688Zm-7.261,0a.967.967,0,0,0-.641,1.688H13.5c-.585-.443-1.1-.8-1.556-1.091l-.078-.049c-.181-.114-.339-.207-.473-.281l-.049-.027-.119-.063-.059-.028-.02-.012a.954.954,0,0,0-.492-.135Z" transform="translate(-5.188 -4.063)"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '삼성닷컴 회원 혜택'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; // 앱설정 if(window.secapp || device.isIosApp) { htmlMoLoginBefore += '<li>'; htmlMoLoginBefore += '<a href="javascript:void(0);" onclick="callApplicationMenu(\'settings\');">'; //htmlMoLoginBefore += '<img loading="lazy" src="/sec/static/_images/gnb/icon-setting.svg" alt="설정 아이콘">설정'; htmlMoLoginBefore += '<svg id="icon-svg-my-set" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">'; htmlMoLoginBefore += '<path d="M20.076-1.5A21.576,21.576,0,1,1-1.5,20.076,21.6,21.6,0,0,1,20.076-1.5Zm0,35.712A14.136,14.136,0,1,0,5.94,20.076,14.152,14.152,0,0,0,20.076,34.212Z" transform="translate(27.5 27.5)" fill="#010101"/>'; htmlMoLoginBefore += '<path d="M64.911,9.7h16.12a6.085,6.085,0,0,1,5.841,4.554l.01.041,2.465,10.354a.373.373,0,0,0,.068.089l.183.092,2.182,1.455a1.755,1.755,0,0,0,.542.13L102.7,23.451a5.886,5.886,0,0,1,1.426-.176h0a6.144,6.144,0,0,1,5.051,2.713l.071.107,8.182,14.319.116.349A6.52,6.52,0,0,1,116.15,47.3l-7.688,7.688a.4.4,0,0,0-.15.346v.458l-.427,1.709a.891.891,0,0,0,.1.177l7.674,7.674a6.008,6.008,0,0,1,1.193,7.022l-.1.182-8,14-.071.107a6.144,6.144,0,0,1-5.051,2.713A5.887,5.887,0,0,1,102.2,89.2l-.12-.032-10.255-2.93a1.834,1.834,0,0,0-.631.167l-1.781,1.013a.37.37,0,0,0-.069.091l-2.729,10.42a6.086,6.086,0,0,1-5.834,4.526H64.663a6.086,6.086,0,0,1-5.834-4.526L56.1,87.507a.37.37,0,0,0-.069-.091l-.158-.085L54.25,86.4a1.834,1.834,0,0,0-.631-.167L43.245,89.2a5.887,5.887,0,0,1-1.427.176,6.144,6.144,0,0,1-5.051-2.713l-.071-.107L28.744,72.636a5.974,5.974,0,0,1,.8-7.286l7.688-7.688a.4.4,0,0,0,.15-.346v-2.2a1.13,1.13,0,0,0-.165-.391L29.284,46.79l-.2-.306a6.381,6.381,0,0,1-.48-6.455l.051-.1,8.3-14.336.065-.1a6.144,6.144,0,0,1,5.051-2.713,5.887,5.887,0,0,1,1.427.176l.12.032,10.255,2.93a1.834,1.834,0,0,0,.631-.167l1.781-1.013a.37.37,0,0,0,.069-.091l2.729-10.42A6.086,6.086,0,0,1,64.911,9.7Zm15,7.44H66L63.553,26.5a7.619,7.619,0,0,1-3.814,4.824l-1.845,1.047a9.245,9.245,0,0,1-4.046.986,7.2,7.2,0,0,1-1.744-.208l-.12-.032-9.263-2.647L35.669,42.653l6.824,6.824a8.329,8.329,0,0,1,2.33,5.606v2.232a7.777,7.777,0,0,1-2.33,5.606l-6.829,6.829L42.481,81.68,51.857,79A7.2,7.2,0,0,1,53.6,78.8a9.245,9.245,0,0,1,4.046.986l.182.1,1.663.95a7.619,7.619,0,0,1,3.814,4.824l2.451,9.36H79.689l2.451-9.36a7.619,7.619,0,0,1,3.814-4.824L87.8,79.781a9.245,9.245,0,0,1,4.046-.986A7.2,7.2,0,0,1,93.589,79l.12.032,9.256,2.645,6.726-11.771L102.7,62.923a8.329,8.329,0,0,1-2.33-5.606v-.458l.512-2.049a7.762,7.762,0,0,1,2.313-5.084l6.987-6.987-6.726-11.771-9.376,2.677a7.2,7.2,0,0,1-1.744.208,9.245,9.245,0,0,1-4.046-.986l-.207-.1-2.267-1.511a7.622,7.622,0,0,1-3.687-4.778l-.01-.041Z" transform="translate(-24.86 -7.7)" fill="#010101"/>'; htmlMoLoginBefore += '<rect width="96" height="96" fill="none"/>'; htmlMoLoginBefore += '</svg>'; htmlMoLoginBefore += '설정'; htmlMoLoginBefore += '</a>'; htmlMoLoginBefore += '</li>'; } $(".user__mypage__list ul").html(htmlMoLoginBefore); // PC //} else { var htmlLoginBefore = ''; htmlLoginBefore += '<ul>'; // 로그인 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:doLogin();" data-omni=\'login\'>로그인</a>'; htmlLoginBefore += '</li>'; // 회원가입 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:doSignUp();" data-omni=\"sign up\">회원가입</a>'; htmlLoginBefore += '</li>'; // 삼성계정을 만들어야 하는 이유 htmlLoginBefore += '<li class="variety">'; htmlLoginBefore += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">삼성계정을 만들어야 하는 이유'; htmlLoginBefore += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlLoginBefore += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlLoginBefore += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlLoginBefore += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlLoginBefore += '</g>'; htmlLoginBefore += '</svg>'; htmlLoginBefore += '</a>'; htmlLoginBefore += '</li>'; // 주문/배송 조회 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>주문/배송 조회</a>'; htmlLoginBefore += '</li>'; // 멤버십 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>멤버십</a>'; htmlLoginBefore += '</li>'; // 나의 제품 관리 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:void(0);" onclick="NetFunnel_Action({action_id:\'b2c_login_default\'},\'/sec/mypage/info/indexMyDeviceList/\');return false;" data-omni=\'my device\'>나의 제품 관리</a>'; htmlLoginBefore += '</li>'; // 쿠폰존 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\'>쿠폰존</a>'; htmlLoginBefore += '</li>'; // 삼성닷컴 회원 혜택 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>삼성닷컴 회원 혜택</a>'; htmlLoginBefore += '</li>'; // 참여형 이벤트 htmlLoginBefore += '<li>'; htmlLoginBefore += '<a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni=\'join event\'>참여형 이벤트</a>'; htmlLoginBefore += '</li>'; htmlLoginBefore += '</ul>'; $(".user__list").html(htmlLoginBefore); //} } // 메뉴설정 로그인 상태 function setLoginGnbMenu() { // 모바일 //if(device.agent.indexOf("mobi") >= 0 || device.isGnb === false){ // 회원명 var htmlMoMbrNm = ''; htmlMoMbrNm += '<div class="login__user__wrap m-only">'; //htmlMoMbrNm += '<a href=\'https://account.samsung.com/membership\'>'; htmlMoMbrNm += '<a href="/sec/membership/point/" data-omni="my account">'; htmlMoMbrNm += '안녕하세요! <span id=\'mbrNmMo\'></span>님'; htmlMoMbrNm += '</a>'; htmlMoMbrNm += '</div>'; $(".login__user__wrap.m-only").replaceWith(htmlMoMbrNm); // [三] 메뉴구성 var htmlMoLoginAfter = ''; // 삼성계정을 만들어야 하는 이유 htmlMoLoginAfter += '<li class="variety">'; htmlMoLoginAfter += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\">삼성계정을 만들어야 하는 이유'; htmlMoLoginAfter += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlMoLoginAfter += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlMoLoginAfter += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlMoLoginAfter += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 나의 정보 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/membership/point/" data-omni=\'my account\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-07.svg" alt="나의 정보 아이콘">나의 정보'; htmlMoLoginAfter += '<svg id="icon-svg-my-07" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M56.787,62.513A3.2,3.2,0,0,1,53.6,59.306a3.115,3.115,0,0,1,.938-2.269,3.191,3.191,0,0,1,2.269-.937h0a3.2,3.2,0,0,1,3.206,3.188,3.237,3.237,0,0,1-3.225,3.225Zm0-5.606a2.4,2.4,0,0,0,.019,4.8h0a2.4,2.4,0,0,0,2.4-2.4,2.31,2.31,0,0,0-.713-1.687,2.383,2.383,0,0,0-1.706-.712Z" transform="translate(-43.306 -45.581)"/>'; htmlMoLoginAfter += '<path d="M29.438,18.55m-4.612,2.137H18.656A.664.664,0,0,1,18,20.031h0V18.55a5.7,5.7,0,0,1,7.913-5.1l-.825.694a4.247,4.247,0,0,0-1.294-.206h-.075a4.808,4.808,0,0,0-4.781,4.612h0v1.2h5.888ZM23.719,4a3.844,3.844,0,1,1-3.844,3.844A3.849,3.849,0,0,1,23.719,4Zm0,.938a2.906,2.906,0,1,0,2.906,2.906A2.9,2.9,0,0,0,23.719,4.938Zm1.106,15.75" transform="translate(-14.381 -3.25)"/>'; htmlMoLoginAfter += '<path d="M68.6,63.8a.6.6,0,1,0-.6.6A.6.6,0,0,0,68.6,63.8Z" transform="translate(-54.519 -51.35)"/>'; htmlMoLoginAfter += '<path d="M68.694,74.425h-.75V73H67.7v-.6h.975v2.025Z" transform="translate(-54.762 -58.825)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '나의 정보'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 주문/배송 조회 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-03.svg" alt="주문/배송 조회 아이콘">주문/배송 조회'; htmlMoLoginAfter += '<svg id="icon-svg-my-03" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M17.78,23.837a.313.313,0,0,1-.249.1H16.16a2.1,2.1,0,0,0-3.222-1.062V17h3.078a.713.713,0,0,1,.654.541l.058.3H14.9a.561.561,0,0,0-.558.563v2.063a.561.561,0,0,0,.558.563h2.44l.489,2.543A.313.313,0,0,1,17.78,23.837Zm-2.391,1.038a1.266,1.266,0,0,1-2.5-.282,1.266,1.266,0,0,1,2.531,0A1.268,1.268,0,0,1,15.389,24.875ZM17.2,20.281h-2.1V18.594h1.779ZM12,23.938H7.535a2.108,2.108,0,0,0-4.007,0H2.438v-9H12v9Zm-5.236.938a1.244,1.244,0,1,1,.033-.281A1.267,1.267,0,0,1,6.764,24.875ZM18.752,23.4l-1.161-6.034a1.648,1.648,0,0,0-1.575-1.3H12.938V14.656A.657.657,0,0,0,12.281,14H2.156a.657.657,0,0,0-.656.656v9.562a.657.657,0,0,0,.656.656H3.443a2.107,2.107,0,0,0,4.177,0h4.448a2.107,2.107,0,0,0,4.177,0h1.287A1.215,1.215,0,0,0,18.752,23.4Z" transform="translate(-1.125 -11.375)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '주문/배송 조회'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 멤버십 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-05.svg" alt="멤버십 아이콘">멤버십'; htmlMoLoginAfter += '<svg id="icon-svg-my-05" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<g transform="translate(1 2.5)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginAfter += '<rect width="16" height="13" rx="3" stroke="none"/>'; htmlMoLoginAfter += '<rect x="0.5" y="0.5" width="15" height="12" rx="2.5" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '<line x2="15" transform="translate(1.5 12)" fill="none" stroke="#000" stroke-width="1"/>'; htmlMoLoginAfter += '<g transform="translate(3.6 5.1)" fill="none" stroke="#000" stroke-width="1">'; htmlMoLoginAfter += '<rect width="3" height="3" rx="1" stroke="none"/>'; htmlMoLoginAfter += '<rect x="0.5" y="0.5" width="2" height="2" rx="0.5" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '멤버십'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 나의 제품 관리 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/info/indexMyDeviceList/" data-omni=\'my device\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-08.svg" alt="나의 제품 관리 아이콘">나의 제품 관리'; htmlMoLoginAfter += '<svg id="icon-svg-my-08" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<defs>'; htmlMoLoginAfter += '<clipPath id="clip-path">'; htmlMoLoginAfter += '<rect width="15.004" height="14.533" fill="none"/>'; htmlMoLoginAfter += '</clipPath>'; htmlMoLoginAfter += '</defs>'; htmlMoLoginAfter += '<g transform="translate(-4353 -1170)">'; htmlMoLoginAfter += '<g transform="translate(4355 1172)">'; htmlMoLoginAfter += '<g transform="translate(0 0)" clip-path="url(#clip-path)">'; htmlMoLoginAfter += '<path d="M7.278,10.387l-.189.139L7.106,13.6l-4.377.017v-3.1l-.189-.139a3.854,3.854,0,0,1,0-6.248L2.729,4,2.712.928,7.089.911V2.362c.083-.093.167-.187.258-.274a4.864,4.864,0,0,1,.685-.559V.911A.919.919,0,0,0,7.106,0H2.712a.92.92,0,0,0-.926.911V3.542a4.77,4.77,0,0,0,0,7.442v2.638a.92.92,0,0,0,.926.911H7.106a.919.919,0,0,0,.926-.911V10.984a4.874,4.874,0,0,0,.937-1.018,4.9,4.9,0,0,1-.842-.434,3.982,3.982,0,0,1-.849.855" transform="translate(0 0)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M26.238,5.027A4.023,4.023,0,0,0,23.4,6.18a3.8,3.8,0,0,0-1.172,2.791,3.97,3.97,0,0,0,3.985,3.945,4.015,4.015,0,0,0,4.032-3.968,3.971,3.971,0,0,0-4.009-3.922m0,6.9a2.953,2.953,0,1,1-.024-5.906h0a3,3,0,0,1,2.133.876,2.82,2.82,0,0,1,.891,2.076,2.983,2.983,0,0,1-3,2.953" transform="translate(-15.243 -3.472)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M31.792,12.418h-1.1V11.371a.563.563,0,0,0-1.125,0v1.047h-1.1a.554.554,0,1,0,0,1.107h1.1v1.047a.563.563,0,0,0,1.125,0V13.525h1.1a.554.554,0,1,0,0-1.107" transform="translate(-19.133 -7.472)" fill="#1a1311"/>'; htmlMoLoginAfter += '<path d="M4.977,16.6a3.9,3.9,0,1,1,0-7.8,4,4,0,0,1,1.384.25,4.643,4.643,0,0,1,.457-.822,4.947,4.947,0,0,0-1.841-.356,4.831,4.831,0,1,0,0,9.66A4.93,4.93,0,0,0,9.041,15.4a4.9,4.9,0,0,1-.845-.435A3.979,3.979,0,0,1,4.977,16.6" transform="translate(-0.047 -5.434)" fill="#1a1311"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '<rect width="18" height="18" transform="translate(4353 1170)" fill="none"/>'; htmlMoLoginAfter += '</g>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '나의 제품 관리'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 작성 가능한 상품평 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/mypage/review/indexMyReview/" data-omni=\'my comment\' id=\'mobMyComment\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-09.svg" alt="작성 가능한 상품평 아이콘">작성 가능한 상품평 : <span class=\'writableCnt\'></span>건'; htmlMoLoginAfter += '<svg id="icon-svg-my-09" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M51.366,39.041h-.028L49.467,38.9a.487.487,0,0,1-.453-.453L48.9,36.519a.539.539,0,0,1,.142-.368l5.47-5.527a.5.5,0,0,1,.709,0l2.041,2.041a.479.479,0,0,1,0,.68L51.734,38.9A.6.6,0,0,1,51.366,39.041Zm-1.417-1.105,1.219.085L56.184,33l-1.3-1.3-4.988,4.96Z" transform="translate(-39.89 -27.107)"/>'; htmlMoLoginAfter += '<path d="M63.806,40.516a.523.523,0,0,1-.34-.142l-1.842-1.842a.5.5,0,1,1,.709-.709l1.814,1.814a.5.5,0,0,1,0,.709A.443.443,0,0,1,63.806,40.516Z" transform="translate(-48.901 -32.267)"/>'; htmlMoLoginAfter += '<path d="M32.886,37.884H22.91a.508.508,0,0,1-.51-.51V22.41a.508.508,0,0,1,.51-.51h9.976a.508.508,0,0,1,.51.51v3.259a.51.51,0,1,1-1.02,0V22.892H23.42v14H32.4V34.03a.51.51,0,1,1,1.02,0v3.344A.553.553,0,0,1,32.886,37.884Z" transform="translate(-20.9 -20.963)"/>'; htmlMoLoginAfter += '<path d="M30.911,34.03l.057.142a.669.669,0,0,0,.6.425H31.7l-.113.085a.737.737,0,0,0-.227.709l.028.142-.113-.057a.924.924,0,0,0-.368-.113.57.57,0,0,0-.368.113l-.142.085.028-.142a.737.737,0,0,0-.227-.709l-.085-.085h.142a.734.734,0,0,0,.6-.425l.057-.17m0-1.53a.213.213,0,0,0-.2.142l-.51,1.247L28.842,34h0a.156.156,0,0,0-.142.085.215.215,0,0,0,.028.283l1.049.879-.34,1.3h0a.359.359,0,0,0,.028.17.2.2,0,0,0,.17.085.17.17,0,0,0,.113-.028l1.162-.709,1.162.709h0c.028.028.057.028.113.028h.057a.2.2,0,0,0,.142-.255l-.34-1.3,1.049-.879h0a.216.216,0,0,0,.057-.142.24.24,0,0,0-.2-.227l-1.36-.113-.482-1.247h0A.221.221,0,0,0,31,32.528a.1.1,0,0,0-.085-.028Z" transform="translate(-25.386 -28.558)"/>'; htmlMoLoginAfter += '<path d="M30.911,52.33l.057.142a.669.669,0,0,0,.6.425H31.7l-.113.085a.737.737,0,0,0-.227.709l.028.142-.142-.085a.924.924,0,0,0-.368-.113.57.57,0,0,0-.368.113l-.142.085.028-.142a.737.737,0,0,0-.227-.709L30.06,52.9H30.2a.734.734,0,0,0,.6-.425l.113-.142m0-1.53a.213.213,0,0,0-.2.142l-.51,1.247-1.36.113h0a.156.156,0,0,0-.142.085.215.215,0,0,0,.028.283l1.049.879-.34,1.3h0a.359.359,0,0,0,.028.17.2.2,0,0,0,.17.085.17.17,0,0,0,.113-.028l1.162-.709,1.162.709h0c.028.028.057.028.113.028h.057a.2.2,0,0,0,.142-.255l-.34-1.3,1.049-.879h0a.216.216,0,0,0,.057-.142.24.24,0,0,0-.2-.227l-1.36-.113-.51-1.247h0a.221.221,0,0,0-.113-.113c0-.028-.028-.028-.057-.028Z" transform="translate(-25.386 -41.672)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '작성 가능한 상품평 : <span class=\'writableCnt\'></span>건'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 사용가능한 쿠폰 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\' id=\'mobCouponZone\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-04.svg" alt="사용 가능한 쿠폰 아이콘">사용 가능한 쿠폰 : <span name="couponCnt"></span>개'; htmlMoLoginAfter += '<svg id="icon-svg-my-04" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M19.094,14.5a.469.469,0,0,1,.468.438v3.153a.469.469,0,0,1-.469.469,2.195,2.195,0,0,0-2.112,1.5A2.231,2.231,0,0,0,19.04,23h.084a.468.468,0,0,1,.437.437v3.153a.469.469,0,0,1-.438.468H2.969a.469.469,0,0,1-.468-.438V14.969a.469.469,0,0,1,.438-.468H19.094Zm-.469.937H8.125v1.219H7.187V15.438H3.437V26.125h3.75V25.094h.938v1.031h10.5V23.907l-.032,0a3.169,3.169,0,0,1-2.542-4l.017-.06.019-.063A3.106,3.106,0,0,1,18.5,17.678l.065-.012.063-.01V15.438Zm-10.5,6.281v1.688H7.188V21.719Zm0-3.375v1.688H7.188V18.344Z" transform="translate(-1.938 -11.688)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '사용 가능한 쿠폰 : <span name="couponCnt"></span>개'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 삼성닷컴 회원 혜택 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-06.svg" alt="삼성닷컴 회원 혜택 아이콘">삼성닷컴 회원 혜택'; htmlMoLoginAfter += '<svg id="icon-svg-my-06" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M17.912,5a1.905,1.905,0,0,1,1.759,2.625h1.735a.657.657,0,0,1,.655.62v3.786a.657.657,0,0,1-.62.655h-.88v7.781a.657.657,0,0,1-.62.655H8.656A.657.657,0,0,1,8,20.5V12.688H7.156a.657.657,0,0,1-.655-.62V8.281a.657.657,0,0,1,.62-.655H8.892a1.9,1.9,0,0,1,2.673-2.392l.036.02.056.028.06.031c.139.073.334.185.585.34l.059.037c.549.343,1.189.79,1.92,1.354l-.07.054.238-.183c.626-.477,1.184-.865,1.671-1.174L16.2,5.69c.319-.2.554-.332.7-.408l.057-.029L17,5.234A1.894,1.894,0,0,1,17.843,5Zm-5.974,7.688h-3v7.5h3Zm3.75,0H12.875v7.5h2.813Zm3.938,0h-3v7.5h3ZM11.938,8.563h-4.5V11.75h4.5Zm3.75,0H12.875V11.75h2.813Zm5.438,0h-4.5V11.75h4.5ZM17.912,5.938a.957.957,0,0,0-.447.11l-.045.025-.02.012-.021.01c-.022.01-.074.037-.157.082-.128.07-.28.158-.456.267l-.067.042c-.47.294-1.015.671-1.634,1.14h3.488a.967.967,0,0,0-.641-1.688Zm-7.261,0a.967.967,0,0,0-.641,1.688H13.5c-.585-.443-1.1-.8-1.556-1.091l-.078-.049c-.181-.114-.339-.207-.473-.281l-.049-.027-.119-.063-.059-.028-.02-.012a.954.954,0,0,0-.492-.135Z" transform="translate(-5.188 -4.063)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '삼성닷컴 회원 혜택'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; // 앱설정 if(window.secapp || device.isIosApp) { htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:void(0);" onclick="callApplicationMenu(\'settings\');">'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-setting.svg" alt="설정 아이콘">설정'; htmlMoLoginAfter += '<svg id="icon-svg-my-set" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">'; htmlMoLoginAfter += '<path d="M20.076-1.5A21.576,21.576,0,1,1-1.5,20.076,21.6,21.6,0,0,1,20.076-1.5Zm0,35.712A14.136,14.136,0,1,0,5.94,20.076,14.152,14.152,0,0,0,20.076,34.212Z" transform="translate(27.5 27.5)" fill="#010101"/>'; htmlMoLoginAfter += '<path d="M64.911,9.7h16.12a6.085,6.085,0,0,1,5.841,4.554l.01.041,2.465,10.354a.373.373,0,0,0,.068.089l.183.092,2.182,1.455a1.755,1.755,0,0,0,.542.13L102.7,23.451a5.886,5.886,0,0,1,1.426-.176h0a6.144,6.144,0,0,1,5.051,2.713l.071.107,8.182,14.319.116.349A6.52,6.52,0,0,1,116.15,47.3l-7.688,7.688a.4.4,0,0,0-.15.346v.458l-.427,1.709a.891.891,0,0,0,.1.177l7.674,7.674a6.008,6.008,0,0,1,1.193,7.022l-.1.182-8,14-.071.107a6.144,6.144,0,0,1-5.051,2.713A5.887,5.887,0,0,1,102.2,89.2l-.12-.032-10.255-2.93a1.834,1.834,0,0,0-.631.167l-1.781,1.013a.37.37,0,0,0-.069.091l-2.729,10.42a6.086,6.086,0,0,1-5.834,4.526H64.663a6.086,6.086,0,0,1-5.834-4.526L56.1,87.507a.37.37,0,0,0-.069-.091l-.158-.085L54.25,86.4a1.834,1.834,0,0,0-.631-.167L43.245,89.2a5.887,5.887,0,0,1-1.427.176,6.144,6.144,0,0,1-5.051-2.713l-.071-.107L28.744,72.636a5.974,5.974,0,0,1,.8-7.286l7.688-7.688a.4.4,0,0,0,.15-.346v-2.2a1.13,1.13,0,0,0-.165-.391L29.284,46.79l-.2-.306a6.381,6.381,0,0,1-.48-6.455l.051-.1,8.3-14.336.065-.1a6.144,6.144,0,0,1,5.051-2.713,5.887,5.887,0,0,1,1.427.176l.12.032,10.255,2.93a1.834,1.834,0,0,0,.631-.167l1.781-1.013a.37.37,0,0,0,.069-.091l2.729-10.42A6.086,6.086,0,0,1,64.911,9.7Zm15,7.44H66L63.553,26.5a7.619,7.619,0,0,1-3.814,4.824l-1.845,1.047a9.245,9.245,0,0,1-4.046.986,7.2,7.2,0,0,1-1.744-.208l-.12-.032-9.263-2.647L35.669,42.653l6.824,6.824a8.329,8.329,0,0,1,2.33,5.606v2.232a7.777,7.777,0,0,1-2.33,5.606l-6.829,6.829L42.481,81.68,51.857,79A7.2,7.2,0,0,1,53.6,78.8a9.245,9.245,0,0,1,4.046.986l.182.1,1.663.95a7.619,7.619,0,0,1,3.814,4.824l2.451,9.36H79.689l2.451-9.36a7.619,7.619,0,0,1,3.814-4.824L87.8,79.781a9.245,9.245,0,0,1,4.046-.986A7.2,7.2,0,0,1,93.589,79l.12.032,9.256,2.645,6.726-11.771L102.7,62.923a8.329,8.329,0,0,1-2.33-5.606v-.458l.512-2.049a7.762,7.762,0,0,1,2.313-5.084l6.987-6.987-6.726-11.771-9.376,2.677a7.2,7.2,0,0,1-1.744.208,9.245,9.245,0,0,1-4.046-.986l-.207-.1-2.267-1.511a7.622,7.622,0,0,1-3.687-4.778l-.01-.041Z" transform="translate(-24.86 -7.7)" fill="#010101"/>'; htmlMoLoginAfter += '<rect width="96" height="96" fill="none"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '설정'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; } // 로그아웃 htmlMoLoginAfter += '<li>'; htmlMoLoginAfter += '<a href="javascript:doLogout();" data-omni=\'logout\'>'; //htmlMoLoginAfter += '<img loading="lazy" src="/sec/static/_images/gnb/icon-mypage-11.svg" alt="로그아웃 아이콘">로그아웃'; htmlMoLoginAfter += '<svg id="icon-svg-my-logout" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">'; htmlMoLoginAfter += '<rect width="18" height="18" fill="none"/>'; htmlMoLoginAfter += '<path d="M32.938,21.9h9.976a.508.508,0,0,1,.51.51V37.374a.508.508,0,0,1-.51.51H32.938a.508.508,0,0,1-.51-.51V34.115a.51.51,0,1,1,1.02,0v2.777H42.4v-14H33.42v2.862a.51.51,0,1,1-1.02,0V22.41A.553.553,0,0,1,32.938,21.9Z" transform="translate(-27.503 -20.962)"/>'; htmlMoLoginAfter += '<path d="M27.3,44.069h0a.582.582,0,0,1,0-.822l1.219-1.219c.368-.368.964-.992.964-.992H22.967a.568.568,0,0,1-.567-.567h0a.568.568,0,0,1,.567-.567h6.49s-.6-.623-.964-.992L27.3,37.692a.582.582,0,0,1,0-.822h0a.582.582,0,0,1,.822,0l3.146,3.174a.582.582,0,0,1,0,.822l-3.174,3.2A.548.548,0,0,1,27.3,44.069Z" transform="translate(-20.338 -31.568)"/>'; htmlMoLoginAfter += '</svg>'; htmlMoLoginAfter += '로그아웃'; htmlMoLoginAfter += '</a>'; htmlMoLoginAfter += '</li>'; $(".user__mypage__list ul").html(htmlMoLoginAfter); // PC //} else { var htmlLoginAfter = ''; // 회원명 htmlLoginAfter += '<div class="login__user__wrap">'; //htmlLoginAfter += '<a href=\'https://account.samsung.com/membership\'>'; htmlLoginAfter += '<a href="/sec/membership/point/" data-omni="my account">'; htmlLoginAfter += '안녕하세요! <span id=\'mbrNmPc\'></span>님'; htmlLoginAfter += '</a>'; htmlLoginAfter += '<a href="/sec/why-samsung-account/" data-omni=\"why_samsung_account\" class="variety">'; htmlLoginAfter += '삼성계정을 만들어야 하는 이유'; htmlLoginAfter += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" style="margin-left: auto;">'; htmlLoginAfter += '<g id="icon-16-midium-down" transform="translate(0 16) rotate(-90)">'; htmlLoginAfter += '<path id="Path_327" data-name="Path 327" d="M514.321,186.333l6.29,6.29,6.29-6.29" transform="translate(-512.821 -180.912)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>'; htmlLoginAfter += '<rect id="Rectangle_221" data-name="Rectangle 221" width="16" height="16" fill="none"></rect>'; htmlLoginAfter += '</g>'; htmlLoginAfter += '</svg>'; htmlLoginAfter += '</a>'; htmlLoginAfter += '</div>'; // 나의 정보 htmlLoginAfter += '<ul>'; htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/membership/point/" data-omni=\'my account\'>나의 정보</a>'; htmlLoginAfter += '</li>'; // 주문/배송 조회 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/order/indexDeliveryList/" data-omni=\'orders\'>주문/배송 조회</a>'; htmlLoginAfter += '</li>'; // 멤버십 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/membership/membershipMain/" data-omni=\'membership\'>멤버십</a>'; htmlLoginAfter += '</li>'; // 나의 제품 관리 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/info/indexMyDeviceList/" data-omni=\'my device\'>나의 제품 관리</a>'; htmlLoginAfter += '</li>'; // 작성 가능한 상품평 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/review/indexMyReview/" data-omni=\'my comment\' id=\'pcMyComment\'>작성 가능한 상품평 : <span class=\'writableCnt\'></span>건</a>'; htmlLoginAfter += '</li>'; // 사용가능한 쿠폰 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="javascript:void(0);" onclick="openCtaLink(\'/sec/mypage/coupon/indexCouponDownload/\',\'_self\');return false;" data-omni=\'coupon zone\' id=\'pcCouponZone\'>사용 가능한 쿠폰 : <span name="couponCnt"></span>개</a>'; htmlLoginAfter += '</li>'; // 삼성닷컴 회원 혜택 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/eventList/benefitzone/" data-omni=\'event\'>삼성닷컴 회원 혜택</a>'; htmlLoginAfter += '</li>'; // 참여형 이벤트 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni=\'join event\'>참여형 이벤트</a>'; htmlLoginAfter += '</li>'; // 로그아웃 htmlLoginAfter += '<li>'; htmlLoginAfter += '<a href="javascript:doLogout();" data-omni=\'logout\'>로그아웃</a>'; htmlLoginAfter += '</li>'; htmlLoginAfter += '</ul>'; $(".user__list").html(htmlLoginAfter); //} } // 장바구니 개수 조회 function getCartCnt() { ajax.call({ url : '/sec/xhr/order/gnbCartCount' , showWait : false , done: function (result) { if (result > 0) { $('.cart__count').text(result); $('.cart__count').show(); } else { $('.cart__count').hide(); } } }); } // 사용 가능한 쿠폰 개수 조회 function getCouponCnt() { $.ajax({ url : "/sec/xhr/coupon/getCouponInOrderCnt" , type : "POST" , success : function(result) { $("[name=couponCnt]").text(result); } }); } // 작성 가능한 상품평 개수 조회 function getWritableMyComment() { $.ajax({ url : "/sec/xhr/review/loadWritableMyCommentListCount" , type : "POST" , dataType : "json" , contentType : "application/json; charset=utf-8" , success : function(result) { $('.writableCnt').text(result.cmntCnt); } , error : function(request, status, error) { } }); } </script> <script async> //앱설치 유도 토스트 팝업 AA 태깅 function appToastPopupTag(obj) { if(obj !== undefined) { tpTrack('click', $(obj).attr('data-omni')); } } //.toast-parent 앱설치 유도 function appToast(){ var toastI = $('.toast-parent'); var toastC = $('.child-pops-form'); var appSetYN = getCookieA("appSetYN"); var toastCYN = getCookieA("toastCYN"); var commentPC = getCookieA("commentPC"); var appUrl = window.location.href; // class에 active 추가하여 생성 var appTStr = "<div class='toast-pop induce-ss-app toast-parent' data-toast-name='toastInduce' data-focus='toastInduce' data-toast-index='0'>" + "<div class='inner'>" + "<img loading='lazy' src='//images.samsung.com/kdp/common/img-induce-benefit.png' alt=''>" + "<p>앱 다운받고,<br><b class='ft18'>삼.세페 혜택</b>을 만나보세요!</p>" + "<button type='button' class='btn btn-d btn-type2' data-omni='appinstall_popup_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기</button>" + "<a href='javascript:void(0);' class='btn-underline btn-underline-disable toast-close' data-omni='appinstall_popup_stayonline' onclick='appToastIClose(true); appToastPopupTag(this);'>모바일 웹으로 볼게요</a>" + "</div>" + "<div class='stop-view-wrap'>" + "<div class='chk-form'>" + "<input id='chk-not-see-appP' type='checkbox' required='' title='' class='' data-omni='appinstall_popup_closeforweek' onclick='appToastPopupTag(this);'>" + "<label for='chk-not-see-appP' class='' >일주일 그만보기</label>" + "</div>" + "<button type='button' class='btn-underline toast-close' data-focus-next='toastInduce' data-omni='appinstall_popup_close' onclick='appToastIClose(true); appToastPopupTag(this);'>닫기</button>" + "</div>" + "</div>"; var appCStr = "<div class='toast-pop child-pops-form' data-toast-name='toastChild02' data-focus='toastChild02' data-toast-index='1'>" + "<div class='inner'>" + "<img loading='lazy' src='//images.samsung.com/kdp/common/icon-induce-benefit-3.png' alt=''>" + "<div class='text-wrap'>" + "<p>앱 다운받고, <b style='font-size: inherit; font-weight: 400; color: #9BD6FF'>삼.세페 혜택</b>을 만나보세요!</p>" + "<a href='javascript:void(0);' class='btn-underline' data-omni='appinstall_banner_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기 ></a>" + "</div>" + "<button type='button' class='toast-close' data-focus-next='toastChild02' onclick='appToastCClose(); appToastPopupTag(this);' data-omni='appinstall_banner_close' >팝업닫기</button>" + "</div>" + "</div>"; var appCCStr = "<section class='cod05-app-banner'>" + "<div class='cod05-app-banner__icon'>" + "<img src='https://images.samsung.com/kdp/app/samsungApp.svg' alt='Samsung App Icon'>" + "</div>" + "<div class='cod05-app-banner__content'>" + "<p class='cod05-app-banner__desc'>앱 다운로드 받고, <strong>다양한 혜택</strong>을 만나보세요</p>" + "<a href='javascript:void(0);' class='cta cta--underline cta--black cod05-app-banner__cta' data-omni='appinstall_banner_movetoapp' onclick='appOpen(); appToastPopupTag(this);'>편하게 앱으로 보기</a>" + "</div>" + "<button class='cod05-app-banner__close' type='button' data-focus-next='toastInduce' data-omni='appinstall_popup_close' onclick='appToastCCClose();'>" + "<span class='hide'>Close</span>" + "<svg xmlns='http://www.w3.org/2000/svg' width='13.414' height='13.414' viewBox='0 0 13.414 13.414'>" + "<g transform='translate(-444.293 -182.293)'>" + "<line x2='12' y2='12' transform='translate(445 183)' stroke-width='1' stroke='#000' stroke-linecap='round' stroke-linejoin='round' fill='none'></line>" + "<line y1='12' x2='12' transform='translate(445 183)' stroke-width='1' stroke='#000' stroke-linecap='round' stroke-linejoin='round' fill='none'></line>" + "</g>" + "</svg>" + "</button>" + "</section>"; let mask = `<div id="mask" style="z-index: 299;"></div>`; var mobileWebCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined)); var popOpenCheckFlag = (appSetYN != "N" && commentPC != "N"); function toastPO(){ $("body").prepend(appTStr); $("body").prepend(mask); $("#mask").fadeIn(); $(".toast-parent").addClass("active"); } function toastCPO(){ $("body").prepend(appCStr); setTimeout(function(){$(".child-pops-form").addClass("active");},50); setTimeout(function(){$(".child-pops-form").removeClass("active");},5050); } function toastCCPO(){ $("body").prepend(appCCStr); } function appSetPopOpen(popOpenCheckFlag){ // if(popOpenCheckFlag){ // toastPO(); // }else{ // toastCYN !="N" ? toastCPO() : ""; // } // check cookie if(toastCYN !="N"){ toastCCPO(); } } if(mobileWebCheckFlag){ $.ajax({ url : "/sec/xhr/appInstallPop/popOpenFlagCheck" ,type : "POST" ,success : function(result) { if(result.popOpenFlag === "Y"){ appSetPopOpen(popOpenCheckFlag); } } }); } }; // 앱설치 유도 토스트 팝업 닫기 function appToastIClose(flag){ $("#mask").fadeIn("fast").remove(); $(".toast-parent").removeClass("active"); var atpc = $("#chk-not-see-appP").is(":checked"); setCookieA("appSetYN","N",atpc ? 7 : 1); setTimeout(function(){$(".toast-parent").remove()},2000); if(flag){ appWebAutoLogin2();// 웹앱연계 자동로그인. } } //앱설치 유도 띠배너 닫기 function appToastCClose(){ $(".child-pops-form").removeClass("active"); setCookieA("toastCYN","N",1); setTimeout(function(){$(".child-pops-form").remove()},2000); appWebAutoLogin2();// 웹앱연계 자동로그인. } //앱설치 유도 닫기 function appToastCCClose(){ setCookieA("toastCYN","N",1); setTimeout(function(){$(".cod05-app-banner").remove()},500); } //현재 페이지 앱 열기 function appOpen(){ var locationUrl = window.location.href; var appUrl = ("https://secandroidprd.page.link/?link=" + locationUrl + "&apn=com.samsung.sec.android.prd&afl=https://play.google.com/store/apps/details?id=com.samsung.sec.android.prd&hl=ko-KR"); appToastIClose(false); window.open(appUrl); } function writableCommentM(){ writableCommentSetC(); location.href = "/sec/mypage/review/indexMyReview/"; } function writableCommentSetC(){ var wcpc = $("#chknotsee").is(":checked"); setCookieA("commentPopYN","N",wcpc ? 7 : 1); closeLayer("popupInduceReview"); setCookieA("commentPC","N",1); setTimeout(function(){$("#popupInduceReview").remove()},1000); } var commentCheck="N"; function commentCheckAdd(){ if(commentCheck == "Y"){ var commentStr = "<li class='menu05' aria-hidden='true' style='display:none;'><a href='/sec/mypage/review/indexMyReview/'>상품평 쓰기</a></li>"; $("#floatingSticky").find(".menuGift").after(commentStr); }else{ $("#floatingSticky").find(".menu05").remove(); } } function writableComment(){ var commentPopYN = getCookieA("commentPopYN"); var locationUrl = window.location.href; var commentPopOpenCheckFlag = (commentPopYN !="N" && "Y" == "N" &&(locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/")); var commentPopFrame = "<div class='layer-pop layer-default layer-induce-review ' id='popupInduceReview' tabindex='0' data-popup-layer='popupInduceReview' data-focus='popupInduceReview'>" + "<div class='layer-wrap'>" + "<div class='layer-header'>" + "<h2>이 상품 어떠셨나요?</h2>" + "</div>" + "<div class='layer-content'>" + "<div class='review-product-list'>" + "</div>" + "<p class='review-info-text'>당신의 평점은?</p>" + "<div class='btn-box'>" + "<a href='javascript:void(0);writableCommentM();' class='btn btn-d btn-type3'>상품평 쓰기</a>" + "</div>" + "<div class='box-close'>" + "<div class='chk-form al'>" + "<input id='chknotsee' type='checkbox'>" + "<label for='chknotsee'>일주일 그만 보기</label>" + "</div>" + "<button type='button' class='btn-close' onclick='writableCommentSetC()'>닫기</button>" + "</div>" + "</div>" + "<button type='button' class='pop-btn-close' onclick='writableCommentSetC()'>팝업닫기</button>" + "</div>" + "</div>"; if(!commentPopOpenCheckFlag) { return appToast(); } $.ajax({ url : "/sec/xhr/review/loadWritableMyCommentList" ,type : "POST" ,success : function(data) { $("#floatingSticky").find(".menu05").remove(); if(data.resultYN=="N"){ appToast(); }else if(data.resultYN=="Y"){ $('body').append(commentPopFrame); commentCheck = "Y"; $.each(data.cmntList, function(index, result){ var str = ""; str = "<div>"; str += "<div class='prd-box'>"; str += "<div class='prd-img'>"; str += "<img loading='lazy' src='"+ result.imgPath + "' alt=''>"; str += "</div>"; str += "<div class='prd-title'>"; str += "<strong class='prd-name'>"+ result.goodsNm +"</strong>"; str += "<span class='prd-number'>" + result.mdlCode + "</span>"; str += "</div>"; str += "</div>"; //s : 5점 상품평 10개 미만인 경우 해당 영역 미출력 if(result.commentCnt >= 10){ str += "<div class='review-number'>"; str += "<p><span>" + result.commentCnt + "명</span>의 고객이 이 상품에<br>평균 <span class='star'>별점 5점</span>을 줬어요!</p>"; str += "</div>"; } //e : 5점 상품평 10개 미만인 경우 해당 영역 미출력 str += "</div>"; $(".layer-induce-review .review-product-list").append(str); }); // slick slide $(".layer-induce-review .review-product-list").slick(setSlide); setTimeout(openLayer("popupInduceReview"),500); var commentCheckIt = setInterval(function(){ if($("#floatingSticky").find(".menu05").length){ clearInterval(commentCheckIt); }else{ commentCheckAdd(); } },1000); } } }); }  var setSlide = { accessibility: true, slidesToShow: 1, slidesToScroll: 1, dots: true, adaptiveHeight: true, infinite: true, fade: true, centerMode: true, arrows: true, prevArrow: '<button type="button" class="slick-prev"><span>이전</span></button>', nextArrow: '<button type="button" class="slick-next"><span>다음</span></button>' }; </script> <script async> // 인기검색어 슬라이드 const favorSearchOpt = { autoplay: true, autoplaySpeed: 2000, infinite: true, vertical: true, verticalSwiping: true, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, arrows: false }; // $('#search__slide__00').slick(favorSearchOpt); // $('#search__slide__01').slick(favorSearchOpt); // $('#search__slide__02').slick(favorSearchOpt); // menu 링크 없는경우 체크 : 빨간색 테두리 생김 const l2Wrap = $('.menuitem__l2__wrap'); const l2Check = l2Wrap.find('a'); const aTag = $('#header__navi').find('a'); </script> <script async> $(document).ready(function(){ if(window.secapp || device.isIosApp) { if(window.secapp) { window.secapp.showAndHideGnb('GONE'); } $("html").css("margin-top", "0px"); // 앱메뉴 오픈 $("[name=appMenu]").show(); $(".utility__button__barcode__m").css('display', 'flex'); } else { $("[name=appMenu]").hide(); } }); </script> <script> // GA4 click_nav gnb $(document).on("mouseenter", "#header__navi .menuitem__l0>a", function(e){ GA4ClickNavGnb($(this)); }); $(document).on("click", "#header__navi .menuitem__l0 .menuitem__l1__container a", function(e){ GA4ClickNavGnb($(this)); }); function GA4ClickNavGnb(obj){ try { var itemName = ""; // img menu if($(obj).find("img").length > 0){ itemName = $(obj).find("p").text(); // text menu } else { itemName = $(obj).text(); } var dataOmni = $(obj).data("omni"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_nav' , // 필요. 이벤트 GA에 전송 item_category: 'gnb', // 예: 모바일 (an_ac에서 읽기) item_name: itemName , // 예: 스마트폰(an_la의 마지막깊이에서 읽기) an_ca: 'navigation' , // 예: should always be navigation an_ac: 'gnb' , // 예: gnb, footer an_la: dataOmni // 예: <depth 1 value>:<depth 2 value>:<depth 3 value> }); //console.log("GA4 click_nav"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_nav TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <div id="layerChatBot" class="layerChatBot"> <div id="appParent" class="app-container"> <div id="app"></div> <button type="button" id="chatBotPopClose" class="chatBotPopClose" title="챗봇 레이어 닫기"> <img data-v-609bc0e1="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAABHNCSVQICAgIfAhkiAAAAkpJREFUeF7t2+FtwjAQxXGyQUfpCO0GHaGbdZWOQDfpBtSWQEIVTe8c/31n60XiW3j2/XgKgsB20oEKbGi6wk8ChksgYAHDAnC8GixgWACOV4MFDAvA8WqwgGEBOF4NFjAsAMerwQKGBeB4NVjAsAAcrwYLGBaA49VgAcMCcLwaLGBYAI5XgwUMC8DxarCAYQE4Xg0WMCwAx6vBAoYF4PjmBl8ul/eyt/O2bWd4j6HxZc63soHPMud3y0aagK+4H2XBuujrqsh3c9YS1TndyG7gu0VvL+iSyA/mbEJ2AT9YdEnknTndyGbgnUWXQjbM6UI2ARsWXQLZMacZuTdwhZ7ymuzArTN+lceL5U3PBFwTnRuYCtk5mxm3upmBV0Umcd3AqyHTuE3AqyCPwG0Gnh15FO4h4FmRR+IeBp4NeTRuF+BZkCNwuwFnR47C7QqcFTkStztwNuRoXAQ4C3IGXAw4GjkLLgochZwJFwcejZwNdwjwKOSMuMOAaeSsuEOBKeTMuMOBeyNnxw0B7oU8A24Y8FHkWXBDgVuRy/Oey6P+bMtyuG5QWgK957huenrDLec721jvVj9Zcss54bjhDb5BOZEtvilw0wA3XC72kNPgpgLuhJwKNx3wQeR0uCmBG5FT4qYFdiKnxU0NbEROjZse+B/k9LhTAP+BPAXuNMC/kKfBnQr4inzoP2uWj4C9zwn/LqL3QNnyBAy/IgIWMCwAx6vBAoYF4Hg1WMCwAByvBgsYFoDj1WABwwJwvBosYFgAjleDBQwLwPE/Wh+eaCP9UDUAAAAASUVORK5CYII=" class="banner_img" style="width: 22px;"> </button> </div> </div>   <script> if("Y" == "Y"){ $("#header__navi").addClass("no__bnb"); } else { $("#header").addClass("no__bnb"); } </script>   <script> viewportChange(); </script> <head>  <script async>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVX3V74');</script>   <noscript><iframe loading="lazy" src="https://www.googletagmanager.com/ns.html?id=GTM-NVX3V74"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2ccrya-f-d6889d3aa-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"143520","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"61cf3064","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":52716,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732383856","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==6YgIb8ua34eM70t+oIIILouqkRfuXR8Xqxy81jcGQqnp98DnaqjO5O9QBMqAGNw6UUeXakuPU8PLkOAxWprK8H2QG4rs5Z42L1qkjDtegAOdm6UsSvEiczbrKRfr8IqgPH2GIVrQ1x4KZKMpYApmMvJi0YYgHI5VBPKUgx/HyVfRq22WL79vBzvhhf5R7LZe4bJgfLxmYorJMF/ulSQyis+aGIpdRPm0OqGTASSHg2IX0NEHcRJfnYOnd8LvMcxvQ92MfcwmsdAjaRn+B+stoboT4z7Kl4R6l0Z/qc4nXP565bRylJ+5kCQDVUlgivSea0u/qjyakzDrVTxYzTYdKJkTMYmTr9Da4GeYuGZe6TggntUqfqGD7tGYC0qY72AdYhbM9CdOAeDi4a6q+qwUpNkaONHeTsUrCpLKrPk/kjY=","ak.pv":"3677","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <script type="text/javascript"> // 자동완성 카운트 var autoCompleteCount = 0; var autoCategoryCount = 0; var searchInputManager = { isMobileDevice: function() { var that = this, winW = $(window).width(); if ( winW > 800 ) { return 'N'; } else { return 'Y'; } }, getIosAppDispYn: function() { var that = this, iosApp = 'false'; if(iosApp == true) { return "Y"; } else { return ""; } }, init: function() { var that = searchInputManager; $.cookie.json = true; $.cookie.data = { SEARCH_HISTORY : 'sh-b2c', SEARCH_MAX_SIZE: 10, option: { expires: 30, path: '/' } }; that.$appendingTarget = { searchHistory: $('#searchkeywordRecent') , searchHistoryWrap: $('#searchkeywordRecentWrap') , popular: $('#searchkeywordPopular ul.keyword-list') , makeTime: $('#makeTime') , autoComplete: $('#searchAuto ul.list') , autoCompleteCategory: $('#searchAutoCategory') , mainPopPc: $(".search__box ul#search__slide__00") , mainPopMob: $(".search__box ul#search__slide__02") , recommendGoods: $('#recommendGoodsBox') , recommendGoodsWrap: $('#recommendGoodsWrap') , recommendEvents: $('#recommendEventsBox') , recommendEventsWrap: $('#recommendEventsWrap') }; that.cookieName = $.cookie.data.SEARCH_HISTORY; that.isMobileYN = that.isMobileDevice(); }, searchHistoryTemplate: function(keyword) { return { keyword: keyword, date: searchDatetimestampToString(new Date()) }; }, getKeywordList: function(cookieName) { var searchKeywordList = new Array() , dataList = $.cookie(cookieName).data; if (!dataList || '' == dataList || undefined == dataList) { return searchKeywordList; } $.each(dataList, function (idx, element) { searchKeywordList.push(element.keyword); }); return searchKeywordList; }, saveSearchHistory: function(keyword) { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName) , dataList = null; if ( cookieValue == undefined ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { if ( cookieValue.length == 0 ) { dataList = [ that.searchHistoryTemplate(keyword) ]; } else { dataList = cookieValue.data; if($.inArray(keyword, that.getKeywordList(that.cookieName)) >= 0) { return; } if(dataList.length >= $cookie.data.SEARCH_MAX_SIZE) { dataList.splice(0, 1); } dataList.push(that.searchHistoryTemplate(keyword)); } } $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); }, getSearchHistory: function() { var cookieValue = $.cookie(searchInputManager.cookieName); if (undefined != cookieValue) { return cookieValue; } }, getSearchDate: function(keyword) { var date = '' , that = searchInputManager , cookieValue = $.cookie(that.cookieName) , searchHistoryList = that.getSearchHistory(); if ( '' == searchHistoryList || searchHistoryList == undefined || cookieValue == undefined) { return date; } var dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keywordInList = dataList[i].keyword; if ( keywordInList != undefined ) { if (keywordInList.toLocaleLowerCase() == keyword.toLocaleLowerCase()) { idx = i; break; } } } if ( idx > -1 ) { date = dataList[idx].date; } return date; }, drawSearchHistory: function() { var that = searchInputManager , $cookie = $.cookie , cookieValue = $cookie(that.cookieName); that.$appendingTarget.searchHistoryWrap.hide(); if ( undefined == cookieValue ) { return; } else if ( cookieValue.data.length == 0 ) { return; } else { var dataList = cookieValue.data , template = ''; var dataListLength = dataList.length; if(dataListLength > 10) { var dataListLength = 10; } for( var i = dataListLength-1 ; i >= 0; i--) { var element = dataList[i], keyword = element.keyword; template += '<div class="area-deleteable-btn">'; template += '<button type="button" class="btn btn-s typeA" keyword="' + keyword + '">'; template += '<a href="javascript:void(0);" class="link">' + keyword + '</a>'; template += '</button>'; template += '<button type="button" class="delete x-btn" keyword="' + keyword + '" onclick="searchInputManager.clearSearchHistory(this)">검색어 삭제'; template += '</button>'; template += '</div>'; } that.$appendingTarget.searchHistoryWrap.show(); that.$appendingTarget.searchHistory.html(template); } that.$appendingTarget.searchHistory.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); }, clearSearchHistory: function(element) { var that = searchInputManager , $element = $(element) , $cookie = $.cookie; if ($element.hasClass('delete-all')) { $.removeCookie( that.cookieName , { path: $cookie.data.option.path }); that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } else if ($element.hasClass('delete')) { var selectedKeyword = $element.attr('keyword') , cookieValue = $cookie(that.cookieName) , dataList = cookieValue.data; var idx = -1; for (var i = 0; i < dataList.length; ++i) { var keyword = dataList[i].keyword; if ( keyword == undefined ) { keyword = 'undefined'; } if (keyword == selectedKeyword) { idx = i; break; } } if ( idx > -1 ) { dataList.splice(idx, 1); $cookie(that.cookieName, {'data': dataList} , $cookie.data.option); $element.parent().remove(); } if (dataList.length === 0) { that.$appendingTarget.searchHistory.empty(); that.$appendingTarget.searchHistoryWrap.hide(); } } }, callAjax: function(options) { $.ajax({ url: options.url, type: options.type, data: options.data }).done( function(data, textStatus, jqXHR) { if (data.exCode != null && data.exCode !== "") { if (options.fail !== undefined) { options.fail(); } let alertData = { title: "alert", content: data.exMsg }; commonAlert(alertData); openLayer('commonAlert'); } else { options.done(data); } }).fail(function(jqXHR, textStatus, errorThrown) { if (options.fail !== undefined) { options.fail(); } if (jqXHR.status !== 0) { ajax.error(jqXHR.status, jqXHR.responseText); } }).always(function() { }).then(function(data, textStatus, jqXHR) { }); }, getRecommendKeyword: function(callback) { var that = searchInputManager; that.callAjax( { url: '/sec/xhr/search/recommendkeyword/', type: 'GET', done: function(result) { that.recommendKeyword = result.recommendKeyword; if ( callback != undefined ) { callback(); } } } ); }, setRecommendKeyword: function() { var that = searchInputManager; if ( that.recommendKeyword == undefined ) { that.getRecommendKeyword(that.setRecommendKeywordCallback); return; } that.setRecommendKeywordCallback(); }, setRecommendKeywordCallback: function() { var that = searchInputManager; //$('#unifiedInputSearch').attr('placeholder', that.recommendKeyword); // 20200917 삭제 // iOS 분기 처리 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 }, getPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li>' + '<span class="num">' + order + '</span>' + '<span class="keyword"><a href="javascript:void(0);" class="link">' + element.content + '</a></span>' if ( element.updown == 'U' ) { popularList += '<span class="icon ranking up"><span class="blind">순위상승</span></span>'; } else if ( element.updown == 'D' ) { popularList += '<span class="icon ranking down"><span class="blind">순위하락</span></span>'; } else if ( element.updown == 'C' ) { popularList += '<span class="icon ranking"><span class="blind">순위유지</span></span>'; } popularList += '</li>'; }); that.$appendingTarget.popular.off('click').on('click', 'a', function(e) { that.getSearchResult($(e.target).text()); //chat_open4($(e.target).text()); }); that.$appendingTarget.popular.empty(); that.$appendingTarget.makeTime.empty(); that.$appendingTarget.popular.append(popularList); that.$appendingTarget.makeTime.append(popwordResult.Data.MakeTime + ' 기준'); } } ); }, getMainPopularKeyword: function() { var that = searchInputManager; that.callAjax( { url: '/sec/cxhr/search/popword/?target=popword&range=D&collection=B2C_SearchWord&datatype=json', type: 'GET', // data: new wnAddonParamVo('', 'popword', 'D', 'B2C_SearchWord', 'json', ''), done: function(result) { var popwordResult = result.popwordResult; if ( popwordResult == undefined ) { return; } if ( popwordResult.Data == undefined ) { return; } var queryList = popwordResult.Data.Query , popularList = ''; $.each(queryList, function(idx, element) { var order = idx + Number(1); popularList += '<li><a href="javascript:void(0);"><b>' + order + '.</b> ' + element.content + '</a></li>'; }); that.$appendingTarget.mainPopPc.empty(); that.$appendingTarget.mainPopMob.empty(); that.$appendingTarget.mainPopPc.append(popularList); that.$appendingTarget.mainPopMob.append(popularList); // 인기검색어 슬라이드 const favorSearchOpt = { autoplay: true, autoplaySpeed: 2000, infinite: true, vertical: true, verticalSwiping: true, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, arrows: false }; $('#search__slide__00').slick(favorSearchOpt); $('#search__slide__02').slick(favorSearchOpt); /*웹접근성 aria-live='polite' 제거 */ $('#search__slide__00').find('div').removeAttr( "aria-live", "polite"); $('#search__slide__02').find('div').removeAttr( "aria-live", "polite"); } } ); }, getSearchInputAutoComplete: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); that.callAjax( { url: '/sec/xhr/search/autocom/', type: 'POST', data: new wnAddonParamVo(keyword, 'b2c', '', '', 'json', 'fw'), done: function(result) { var template = ''; var autoCompleteResultList = result.autoCompleteResult; that.$appendingTarget.autoComplete.empty(); that.clearAutoComplete('keyword', autoCompleteResultList.length); if ( autoCompleteResultList.length > 0 && autoCompleteResultList != undefined ) { $.each(autoCompleteResultList, function (idx, element) { // 20230622 웹접근성 : tabindex 추가 template += '<li class="item" tabindex="' + (idx + 1) + '">'; template += '<a href="javascript:void(0);" class="link" text="' + element.text + '">'; if (element.linkName == null || element.linkName === "") { template += (element.modified).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } else { template += (element.linkName).replace(/\<!HS\>(.*)\<!HE\>/gi, "\<strong class=\"blue-color\"\>$1\</strong\>"); } template += '</a>'; // template += '<span class="date">' + searchInputManager.getSearchDate(element.text) + '</span>'; template += '</li>'; }); that.$appendingTarget.autoComplete.html(template); that.$appendingTarget.autoComplete.off('click').on('click', 'a', function(e) { if($(e.target).attr('text') != undefined){ that.getSearchResult($(e.target).attr('text')); //chat_open4($(e.target).attr('text')); }else{ that.getSearchResult($(e.target).parent().attr('text')); //chat_open4($(e.target).parent().attr('text')); } }); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { if ( keyword == '' ) { //$('#unifiedInputSearch').attr('placeholder', searchInputManager.recommendKeyword); // 20200917 삭제 $('.inp-placeholder').text(that.recommendKeyword); // 20200917 추가 $('.unified-search-layer.type-keyword').show(); } } } } ) }, // 카테고리 검색 2023.06.23 getSearchInputAutoCompleteCategory: function(keyword) { var that = searchInputManager; keyword = keyword.trim(); // 2글자 부터 검색 if (keyword.length > 1) { that.callAjax( { url: '/sec/xhr/search/autocomSearch/', type: 'POST', data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', ''), done: function(result) { var template = ''; var autocomSearchResultList = result.autocomSearch; that.$appendingTarget.autoCompleteCategory.empty(); that.clearAutoComplete('category', autocomSearchResultList.length); // 목록 if ( autocomSearchResultList.length > 0 && autocomSearchResultList != undefined ) { $.each(autocomSearchResultList, function (idx, element) { // 하이라이팅 var highlight = element.highlightKeyword; var dispCtgNm1 = element.dispCtgNm1; var dispCtgNm2 = element.dispCtgNm2; var dispCtgNm3 = element.dispCtgNm3 var hlDispCtgNm1 = dispCtgNm1.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm2 = dispCtgNm2.replace(highlight, "<!HS>" + highlight + "<!HE>"); var hlDispCtgNm3 = dispCtgNm3.replace(highlight, "<!HS>" + highlight + "<!HE>"); template += '<li class="item">'; template += '<a href="/sec/' + element.uri + '">' + hlDispCtgNm1.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm2.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '<span>></span>' + hlDispCtgNm3.replace(/\<!HS\>(.*)\<!HE\>/gi, "\<span class=\"blue-color\"\>$1\</span\>"); template += '</a>'; template += '</li>'; }); that.$appendingTarget.autoCompleteCategory.html(template); that.$appendingTarget.autoCompleteCategory.show(); $('#searchKeywordAuto').show(); $("#searchKeywordWrap").show(); } else { that.$appendingTarget.autoCompleteCategory.empty(); that.$appendingTarget.autoCompleteCategory.hide(); } } } ) } else { that.clearAutoComplete('category', 0); that.$appendingTarget.autoCompleteCategory.hide(); $('#searchKeywordAuto').hide(); $("#searchKeywordWrap").hide(); that.$appendingTarget.autoCompleteCategory.empty(); } }, // 자동완성 영역 숨기기 clearAutoComplete: function(type, size) { if (type == "category") { autoCategoryCount = size; } else { autoCompleteCount = size; } if (autoCompleteCount === 0 && autoCategoryCount === 0){ $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); } else { if ($("#searchKeywordAuto").css("display") === "none"){ $("#searchKeywordAuto").show(); $("#searchKeywordWrap").show(); } $("#searchAutoCategoryHr").css("display", "block"); if (autoCompleteCount === 0 || autoCategoryCount === 0) { $("#searchAutoCategoryHr").css("display", "none"); } } }, getSearchResult: function(keyword, searchResultInputId, tab) { if ($("#accSearch").val() != null) { tab = $("#accSearch").val(); } keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); // 에어컨액세서리 GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } $("#accSearch").val(""); that.getSearchResultCallback(keyword, tab); },  getSearchResultAcc: function(keyword, searchResultInputId, tab) { keyword = escapeHtml(keyword); var that = searchInputManager; keyword = keyword.trim(); keyword = filterAcc(keyword); tab = 'acc'; GA4SearchSubmit(keyword); if ( searchResultInputId != undefined ) { that.searchResultInputId = searchResultInputId; } if ( keyword == '' ) { var recommendKeyword = that.recommendKeyword; if ( recommendKeyword == undefined ) { that.getRecommendKeyword(that.getSearchResultNoKeywordCallback); } that.getSearchResultCallback(recommendKeyword); return; } that.getSearchResultCallback(keyword, tab); }, getSearchResultNoKeywordCallback: function() { var that = searchInputManager , recommendKeyword = that.recommendKeyword , searchResultInputId = that.searchResultInputId; if ( searchResultInputId != undefined ) { $(searchResultInputId).val(recommendKeyword); $(searchResultInputId).attr('placeholder', recommendKeyword); } that.getSearchResultCallback(recommendKeyword); }, getSearchResultCallback: function(keyword, tab) { var that = searchInputManager , isMobileYN = that.isMobileDevice() , iosAppDispYN = that.getIosAppDispYn(); that.saveSearchHistory(keyword); ajax.call({ url: '/sec/xhr/search/searchKeywordRedirect?keyword=' + encodeURIComponent(keyword), data: new WNSearchParamVo(keyword, '', '', '', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN, '', '', '', '', '', '', '', '', '', '', iosAppDispYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { //yhj $(".unified-search-input-wrap").removeClass("is-active"); $("body").removeClass("is-pc is-mo"); $("#searchKeywordAuto").hide(); $("#searchKeywordWrap").hide(); $("body").removeClass("fixed-scroll"); $("#gnbmask").hide(); $(".unified-search-input-wrap .inp").val(""); $(".unified-search-input-wrap .btn-inp-clear").hide(); $(".inp-placeholder").show(); if (isSecApp() == "true") { // 기존 GNB일때만 네이티브GNB사용 - #header(기존) / #header__navi(리뉴얼) if($("#header__navi").length == 0){ window.secapp.showAndHideGnb('VISIBLE'); } } var keywordRedirect = result.keywordRedirect; if (keywordRedirect.totalCount > 0) { window.location.href = keywordRedirect.REDIRECT_URL; return; } if (typeof tab == "undefined" || tab == null || tab == "null") { tab = ''; } var $form = document.createElement("form"); $form.setAttribute('charset', 'UTF-8'); $form.setAttribute('method', 'POST'); $form.setAttribute('action', '/sec/search/searchresultB2c/' + tab + '?keyword=' + encodeURIComponent(keyword)); var $input = document.createElement('input'); $input.setAttribute('type', 'hidden'); $input.setAttribute('name', 'isMobileYN'); $input.setAttribute('value', searchInputManager.isMobileYN); $form.appendChild($input); document.body.appendChild($form); $form.submit(); } }); }, /* 모바일 퍼스트 검색창 입력 전 추천 제품 */ getRecomGoodsB2c: function() { var that = searchInputManager; that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendGoods.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); var reqUrl = location.href; $("#searchLayerReqId").val(""); // BDC 개인화 that.callAjax({ url: '/sec/xhr/search/getBdcRecommendGoods', dataType : 'json', type: 'POST', data:{ reqUrl:reqUrl }, contentType : "application/x-www-form-urlencoded;charset=UTF-8", processData : true, done: function(result) { var template = ''; var recentGoods = result.recentGoodsIs; var recomGoodsList = result.recomGoodsList; var recomGoodsImgList = result.recomGoodsImg; var pfPricePointExcptList = result.pfPricePointExcptYn; $("#searchLayerReqId").val(result.requestId); if (recentGoods != 'null' || recomGoodsList != null || recomGoodsImgList != null) { var length = recomGoodsList.length; for(i=0; i < length; i++) { var recomGoodsItem = recomGoodsList[i]; var recomGoodsImg = recomGoodsImgList[i] var price = recomGoodsItem.price.toLocaleString('ko-KR') var salePrc = recomGoodsItem.salePrc.toLocaleString('ko-KR') var pfPricePointExcptYn = pfPricePointExcptList[i]; template += '<div class="swiper-slide item">'; template += '<div class="pd-box">'; template += '<div class="img-box">'; /* 상품 이미지 */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')">'; template += '<img src="' + recomGoodsImg + '?$128_128_PNG$" alt="' + recomGoodsItem.goodsNm + '">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; /* 상품 URL + NM */ template += '<a href="#" onclick="NetFunnel_Action_pdView(\'/sec/' + recomGoodsItem.goodsUrl + '\')" class="tit">' + recomGoodsItem.goodsNm; template += '</a>'; /* 모델 코드 */ template += '<span class="prd-code">' + recomGoodsItem.mdlCode; template += '</span>'; if (pfPricePointExcptYn !== 'Y' || pfPricePointExcptYn == null) { if (price == 0 || price == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">혜택가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + price + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } else { if (salePrc == 0 || salePrc == null) { template += ''; } else { template += '<div class="wrap-price">'; template += '<span class="benefit">기준가</span>'; template += '<div class="price">'; /* 상품 가격 */ template += '<strong>' + salePrc + '</strong>'; template += '<strong>원</strong>'; template += '</div>'; template += '</div>'; } } template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendGoods.html(template); that.$appendingTarget.recommendGoodsWrap.show(); } } else { that.$appendingTarget.recommendGoods.empty(); } } }) // 이전 버전 주석 처리 }, /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 안쓰는 Version) */ /* 현재 전체 기능 구현 완료 되었으며, 추후 재사용 가능성을 고려 하여 주석처리 하였음 */ /* getRecomEventsB2c: function() { var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = recentGoodsNm; var that = searchInputManager that.callAjax( { url: '/sec/xhr/search/recommendEventsB2c/', data: {"goodsNm" : goodsNm}, dataType : 'json', type: 'POST', done: function(result) { that.$appendingTarget.recommendEvents.empty(); var template = ''; var recomEventsList = result.recomEventsList; var recomEventsImgList = result.recomEventsImg; if (recomEventsList != null || recomEventsImgList != null) { var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var recomEventsImg = recomEventsImgList[i] var recomEventsStrt = timestampToString(recomEventsList[i].aplStrtDtm) var recomEventsEnd = timestampToString(recomEventsList[i].aplEndDtm) template += '<div class="swiper-slide item">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; /!* 기획전 이미지 *!/ template += '<img src="' + recomEventsImg + '?$112_112_PNG$" alt="추천 기획전 이미지">'; template += '</div>'; template += '<div class="txt-box">'; /!* 기획전 URL + TTL *!/ template += '<a href="/sec/' + recomEventsItem.linkUrl + '" class="tit">' + recomEventsItem.ttl; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /!* 기획전 기간 *!/ template += '<span>' + recomEventsStrt +' ~ ' + recomEventsEnd +'</span>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); that.$appendingTarget.recommendEventsWrap.hide(); } } }) } */ /* 검색 창 입력 전 맞춤 이벤트 (검색 엔진 Version)*/ getRecomEventsB2c: function() { var that = searchInputManager , isMobileYN = that.isMobileDevice() that.$appendingTarget.recommendEventsWrap.hide(); that.$appendingTarget.recommendEvents.empty(); var recentGoodsNm = $("#recentGoodsNm").val(); var goodsNm = escapeHtml(recentGoodsNm); if(goodsNm.length > 0) { that.callAjax( { url: '/sec/xhr/search/searchResultB2C/', data: new WNSearchParamVo(goodsNm, '', 'event', 'DATE/DESC', '', '', '', '', '', '', '', '', '', 'b2c', isMobileYN), dataType : 'json', contentType : 'application/x-www-form-urlencoded; charset=UTF-8', done: function(result) { var template = ''; var recomEventsListLength = result.searchResult.searchResults.length; var recomEventTab = result.searchResult.countTab.event; if (recomEventsListLength > 0 || recomEventTab != 0) { var recomEventsList = result.searchResult.searchResults[0].collectionFields; var length = recomEventsList.length; if (length > 6) { var length = 6 } for(i=0; i < length; i++) { var recomEventsItem = recomEventsList[i]; var strtDtm = recomEventsList[i].STRT_DTM.substring(0,10); var endDtm = recomEventsList[i].END_DTM.substring(0,10); template += '<div class="swiper-slide item" style="margin-right: 12px">'; template += '<div class="thumbnail-box">'; template += '<div class="img-box">'; template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="rvpd-img" tabindex="0">'; /* 이벤트 이미지 */ template += '<img src="//images.samsung.com/kdp' + recomEventsItem.MO_IMG_PATH + '?$112_112_PNG$" alt="맞춤 이벤트 이미지">'; template += '</a>'; template += '</div>'; template += '<div class="txt-box">'; template += '<div class="tit-box">'; /* 이벤트 URL + TTL */ template += '<a href="/sec/' + recomEventsItem.LINK_URL + '" class="tit">' + recomEventsItem.TTL; template += '</a>'; template += '</div>'; template += '<div class="date-box">'; /* 이벤트 기간 */ template += '<span>' + strtDtm + ' ~ ' + endDtm + '</span>'; template += '</div>'; template += '</div>'; template += '</div>'; template += '</div>'; that.$appendingTarget.recommendEvents.html(template); that.$appendingTarget.recommendEventsWrap.show(); } } else { that.$appendingTarget.recommendEvents.empty(); } } }) } } } function NetFunnel_Action_pdView(url){ NetFunnel_Action({action_id :'b2c_pd_view'},function(ev, ret){ window.location.href = url; }); } function filterAcc(keyword) { if((keyword.indexOf("에어컨") > -1 || keyword.indexOf("무풍에어컨") > -1) && (keyword.indexOf("액세서리") > -1 || keyword.indexOf("악세서리") > -1 || keyword.indexOf("엑세서리") > -1) ) { keyword = "에어컨액세서리"; } return keyword; } function escapeHtml (string) { return String(string).replace(/[&<>"'`=\/]/g, function (s) { return entityMap[s]; }); } var entityMap = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }; /* s: APP용 함수 */ function isSecApp() { /* 20230104 변경*/ if(device.isApp != true){ if(window.secapp == undefined && window.secapppopup == undefined){ return false; } } return true; } function once(func) { var flag , result; return function() { if ( flag ) { return result; } flag = true; return result = func.apply(this); } } /* s : 20200917 수정 */ var searchLinkforApp = once(function() { var that = searchInputManager; that.setRecommendKeyword(); that.drawSearchHistory(); that.getPopularKeyword(); }); function searchOpenforApp() { // 20200917 추가 searchLinkforApp(); headerSearch.eventListener.uinifiedSearchOpen(); } /* e : 20200917 수정 */ /* e: APP용 함수 */ /* s : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ function chat_open4(chatbotKeyword) { var isMobile = false; // 모바일 여부 var filter = "win16|win32|win64|mac|macintel"; // PC 환경 // 모바일,태블릿 / PC 환경 구분 if(navigator.platform){ isMobile = filter.indexOf(navigator.platform.toLowerCase()) < 0 } if(!isMobile){ var birthAge = null; var birthDate = $.cookie("birthDate_1_"); if(birthDate != 0 && birthDate != null){ birthAge = checkAge(birthDate); } if(birthAge >= 14 || birthAge == 0 || birthAge == null) { var agepass = checkAgepass(birthAge); fcTrack('click','floating chat:chat online'); var keyword = encodeURIComponent(chatbotKeyword); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); window.open('/sec/chatbot/?keyword='+ keyword+'&agepass='+agepass, '_chatbot4', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } } } /* e : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ /* s : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function checkAge(birthDate){ const today = new Date(); //현재날짜 birthDate = (birthDate + "") var age = today.getFullYear() - Number(birthDate.slice(0,4)); //나이 var mon = (today.getMonth()+1) - Number(birthDate.slice(4,6)); //월 //생일 안지났으면 -1 if(mon < 0 || (mon === 0 && today.getDate() < Number(birthDate.slice(6,8)))) { age = age -1; } return age; } /* e : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ /* s : 만 나이별로 agepass 구분값 설정 함수 @param birthAge : 만나이 14세 이상 : 'y' 로그인하지 않을경우 : 'u' jiwon0.id 22.06.09 */ function checkAgepass(birthAge){ var agepass = null; if( birthAge == 0 || birthAge == null ) { agepass = "u"; } else if(birthAge >= 14) { agepass = "y"; } return agepass } /* e : 만 나이별로 agepass 구분값 설정 함수 jiwon0.id 22.06.09 */ function GA4SearchSubmit(keyword) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'search_submit', search_term: keyword, search_redirection: "/sec/search/searchresultB2c/?keyword=" + keyword }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } $(document).ready(function() { var that = searchInputManager; //2024 웹접근성 심사 기간에는 해당 기능 제거하기로 함 that.getMainPopularKeyword(); $('#link-search,.search__box,.header__min__search').on('click', function() { that.$appendingTarget.autoCompleteCategory.hide(); that.getRecomGoodsB2c(); /* 모바일 퍼스트 추천 제품 */ that.getRecomEventsB2c(); /* 모바일 퍼스트 추천 기획전 */ that.setRecommendKeyword(); that.drawSearchHistory(); that.getPopularKeyword(); $('#popularWrap').show(); $('#searchKeywordWrap').hide(); }); $('#unifiedInputSearch').on('keyup', function(e) { // 20240528 웹접근성 var charCode = e.keyCode; if (charCode != 9) { that.$appendingTarget.searchHistoryWrap.hide(); that.$appendingTarget.recommendGoodsWrap.hide(); that.$appendingTarget.recommendEventsWrap.hide(); $('#popularWrap').hide(); } var $target = $(e.target) , keyword = $target.val().replace(/\\/gi, ''); $target.val(keyword); that.getSearchInputAutoComplete(keyword); that.getSearchInputAutoCompleteCategory(keyword); }); // 20230622 웹접근성 $('.btn-close-search').on('keydown', function(e) { var charCode = e.keyCode; if (charCode == 9) { $('.search-box').attr('tabindex', 0).focus(); $("#accSearch").val(""); } }); // 20240528 웹접근성 제외처리 // 20240126 닫기 버튼 추가 /* $('.btn-close-layer').on('keydown', function(e) { var charCode = e.keyCode; if (charCode == 9) { $('.search-box').attr('tabindex', 0).focus(); $("#accSearch").val(""); } }); */ // 20240528 웹접근성 $('.btn-close-layer').on('click', function(e) { //악세서리 페이지 포커스 이동 if($("#accSearch").val() === "acc"){ // $("#accSearch").val(""); $(".acc-search-box").focus(); }else{ $("div.search__box button.search__button").focus(); $("#accSearch").val(""); } }); // 20240528 웹접근성 $(document).on("keydown", "#popularWrap li:last-of-type a", (e) => { //악세서리 페이지 포커스 이동 if($("#accSearch").val() === "acc"){ // $("#accSearch").val(""); $(".acc-search-box").focus(); }else{ $(".search-box").focus(); $("#accSearch").val(""); } }); $('#unifiedInputSearch').on('click', function() { //20210324 추가 $('.inp-placeholder').hide(); }); /* s : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ /* $('.chatbot-search').off('click').on('click', function() { let chatbotKeyword; if($(this).attr('id') == 'unifiedSearchButton'){ chatbotKeyword = $("#unifiedInputSearch").val(); }else if($(this).attr('id') == 'inputSearchButton'){ chatbotKeyword = $("#inputSearch").val(); } if($(this).attr('id') == 'unifiedSearchButton'){ if(chatbotKeyword == null || chatbotKeyword == ""){ chatbotKeyword = that.recommendKeyword; chat_open4(chatbotKeyword); } else{ chat_open4(chatbotKeyword); } } else{ if(chatbotKeyword != null && chatbotKeyword != "") { chat_open4(chatbotKeyword); } } }); */ /* e : 닷컴 웹 검색시 챗봇 검색 연계 구현 jiwon0.id 22.04.26 */ }); </script>   <div class="unified-search-input-wrap Advance24"> <div class="inner-unified-search"> <div class="unified-search-input-inner"> <div class="search-box"> <label for="unifiedInputSearch" class="blind">통합 검색</label> <input type="text" id="unifiedInputSearch" class="inp" onfocus="headerSearch.eventListener.uinifiedSearchInp()" onkeydown="headerSearch.eventListener.uinifiedSearchChange()"> <span class="inp-placeholder"></span> <button type="button" class="btn-inp-clear" title="삭제"><span class="blind">삭제</span></button> <button type="button" class="btn-search" title="검색" id="unifiedSearchButton" onclick="javascript:searchInputManager.getSearchResult($('#unifiedInputSearch').val(), '#unifiedInputSearch')"><span class="blind">검색</span></button> <button type="button" class="btn-close-layer"><span class="blind">검색 레이어 닫기</span></button> </div> <div class="wrap-seach-inner"> <article id="searchkeywordRecentWrap"> <div class="wrap-sec-tit"> <h4>최근 검색어</h4> <button type="button" class="align-r reset delete-all" onclick="searchInputManager.clearSearchHistory(this)">모두 지우기</button> </div> <div class="btn-box" id="searchkeywordRecent"> </div> </article> <article class="sec-recommended" id="recommendGoodsWrap"> <input type="hidden" id="recentGoodsNm" value=""/> <input type="hidden" id="accSearch" value=""/> <div class="wrap-sec-tit"> <h4>추천 제품</h4> <input type="hidden" id="searchLayerReqId"/> <div class="area-tooltip"> <button type="button" class="btn-tooltip"><span class="icon">추천 제품이란?</span></button> <div class="tooltip-layer pd-tooltip" tabindex="0"> <div class="tooltip-content"> <p>고객님의 최근 본 제품과 연관된 제품을 추천해 드려요!</p> </div> <button type="button" class="btn-tooltip-close tolltip-close"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> <div class="wrap-swiper"> <div class="swiper swiper-recommended-prd swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" id="recommendGoodsBox" style="transform: translate3d(0px, 0px, 0px);"> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"></div> </div> <script>  var swiperRelatedPrd = new Swiper(".swiper-recommended-prd", { slidesPerView: 'auto', spaceBetween: 12, navigation: { nextEl: ".sec-recommended .swiper-button-next", prevEl: ".sec-recommended .swiper-button-prev", }, observer: true, observeParents: true }); </script> </article> <article class="sec-exhibition" id = "recommendEventsWrap"> <div class="wrap-sec-tit"> <h4>맞춤 이벤트</h4> <div class="area-tooltip"> <button type="button" class="btn-tooltip"><span class="icon">맞춤 이벤트란?</span></button> <div class="tooltip-layer pd-tooltip" tabindex="0"> <div class="tooltip-content"> <p>고객님의 최근 본 제품과 연관된 이벤트를 추천해 드려요!</p> </div> <button type="button" class="btn-tooltip-close tolltip-close"><span class="blind">툴팁 닫기</span></button> </div> </div> </div> <div class="wrap-swiper"> <div class="swiper swiper-exhibition-prd swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" id="recommendEventsBox" style="transform: translate3d(0px, 0px, 0px);"> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"></div> </div> <script>  var swiperRelatedPrd = new Swiper(".swiper-exhibition-prd", { slidesPerView: 'auto', spaceBetween: 12, navigation: { nextEl: ".sec-exhibition .swiper-button-next", prevEl: ".sec-exhibition .swiper-button-prev", }, observer: true, observeParents: true }); </script> </article> <article id="popularWrap">  <div class="wrap-sec-tit"> <h4>인기 검색어</h4><button type="button" class="align-r date etc" id="makeTime"><p class="date"></p></button> </div> <div class="txt-list-box" id="searchkeywordPopular"> <ul class="keyword-list"> </ul> </div> </article>  <article class="mo-width-full">  <ul class="breadcrumbs-box" id="searchAutoCategory"> <div class="hr" id="searchAutoCategoryHr"></div> </ul> </article> <div id="searchKeywordAuto" class="sec-direct-product" style="display:none"> <article id="searchKeywordWrap">  <div class="wrap-sec-tit"> <h4>상품 바로가기</h4> </div> <div class="pdlink-list-box" id="searchAuto"> <ul class="list"> </ul> </div> </article> </div>  </div> </div> </div> </div>  <script> //tooltip $('.area-tooltip .btn-tooltip').on('click', function (e) { $(this).siblings('.tooltip-layer').show().focus(); }); $('.area-tooltip .btn-tooltip-close').on('click', function (e) { $(this).parent('.tooltip-layer').hide(); $(this).parent().siblings('.btn-tooltip').focus(); }); </script>   <div id="container" class='' >  <script type="text/javascript"> getDispPathByUrl(); function getDispPathByUrl() { let stId = "1"; let reqUri = "/sec/printers/"; reqUri = reqUri.replace("/sec/", ""); if (reqUri.length == 0) return; let tmp = ""; if("" === "Y") return; if(reqUri.indexOf('homefitness') > -1) { return; } $.ajax({ url : "/sec/cxhr/display/getGnbByUrl" , type : "GET" , data : {stId:stId, linkUrl:reqUri} , success : function(data) { list = data.list; if (list == null) return; $.each(list, function(idx, obj) { if (obj.linkUrl.length > 0) { tmp += '<a href="/sec/'+obj.linkUrl+'">'+obj.dispClsfNm+'</a>'; } else if(obj.dispClsfNm != obj.upDispClsfNm){ //동일명칭 Depth Skip 2020.09.14 YJU tmp += "<span>"+obj.dispClsfNm+"</span>"; } }); if (tmp == '') return; let html = ""; html += "<div class=\"pg-location-inner locationDiv\">"; html += "<a href='/sec/'>HOME</a>"; html += tmp; html += "</div>"; $(".pg-location").html(html); } }); } </script> <div class="pg-location"> </div>  <div id='latestItemLayer' class='layer-pop layer-normal floatingStyle'> <div class='layer-header'> <h2>최근 본 제품</h2> </div> <button type='button' class='pop-close' onclick = "closePop(latestItemLayer)" data-focus-next="latestItemLayer"><span class='blind'>최근 본 제품 닫기</span></button> <div class="LatestItm-result"> <p class="result-tit"> <span>검색 결과</span><strong class="num">0</strong> 개 </p> <button type="button" class="btn btn-d btn-allListClear" onclick = "deleteRecentGoods('Y')" data-st-path ="/sec/" data-focus-next="latestItemLayer">전체삭제</button> </div> <div class="caution-note">※ 최근 본 제품은 30일간 보관됩니다.</div> </div>  <script type="text/javascript"> // 전체 페이지 로드후 실행 window.onload=function(){ navigationBar(); $('.navigation-bar.type-text').find('div.item.swiper-slide>a').each(function() { if(window.location.href == this.href){ $(this).addClass('active'); } }); $(window).resize(function(){ navigationBar(); }); } </script> <section class="wrap-component navigation-bar type-text line-off title-left pt-none pb-none w1440px "> <div class="component-contents font-sans pt-none pb-none"data-cptnm="pcd:it:printers:text_navigation"> <div class="navigation-wrap"> <h1 class="title" style="color:#000000;"><a href="" style="color:#000000;" target="_self">PC/주변기기</a></h1> <div class="navigation"> <button type="button" class="btn-prev">이전</button>  <div class="nav-slider swiper-wrapper">  <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/pc/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_1:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_1:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:it:printers:text_navigation:pcd:printer:txtlnb">갤럭시북</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/desktop/all-desktop/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_2:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_2:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:it:printers:text_navigation:pcd:printer:txtlnb">데스크탑</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/pc-accessories/all-pc-accessories/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_3:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_3:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:it:printers:text_navigation:pcd:printer:txtlnb">PC 액세서리</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/monitors/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_4:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_4:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:it:printers:text_navigation:pcd:printer:txtlnb">모니터</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/memory-storage/all-memory-storage/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_5:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_5:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:it:printers:text_navigation:pcd:printer:txtlnb">메모리/스토리지</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/printers/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_6:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_6:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:it:printers:text_navigation:pcd:printer:txtlnb">프린터</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>   <div class="item swiper-slide"> <a href="https://www.samsung.com/sec/printer-supplies/all-printer-supplies/" target="_self"> <div class="prd-thumb"> <picture>  <img class="obj-m lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_7:" data-loaded="true">  <img class="lozad" src="" alt="" title="" data-omni="pcd:it:printers:text_navigation_7:" data-loaded="true"> </picture> </div> <div class="prd-info"> <h2 class="title" style="color:#000000;" data-omni="pcd:it:printers:text_navigation:pcd:printer:txtlnb">토너/잉크</h2> <span class="sub-txt" style="color:#000000;"></span> </div> </a> </div>  <div class="line"></div> </div>  <button type="button" class="btn-next">다음</button> </div> </div> </div> </section>  <div class="wrap-component feature-full-bleed new-component pt-none pb-none w1440px "> <div class="component-contents pt-none pb-none txt-btm-center txtm-bottom-center " style="background-color:#FFFFFF" data-cptnm="pcd:it:printers:kv"> <div class="component-text"> <div class="component-text-inner"> <div class="box-title"> </div> </div> </div> <div class="visual-area ">  <img src="//images.samsung.com/kdp/cms_contents/307272/e7796003-e2ba-4c90-8ffc-ea9e748b89cf.jpg?$ORIGIN_JPG$" alt="책상 정중앙에 삼성 컬러 레이저 프린터가 놓여있습니다. 화분, 액자, 책과 머그컵 등이 프린터를 중심으로 펼쳐져 있습니다. 컬러 레이저 프린터, 선명한 컬러 프린팅에 알뜰한 유지 비용까지라는 문구가 적혀 있습니다." class="obj-m objGif"> <img src="//images.samsung.com/kdp/cms_contents/307272/a9a79880-10ba-459a-829b-1f61ce8f8637.jpg?$ORIGIN_JPG$" alt="책상 정중앙에 삼성 컬러 레이저 프린터가 놓여있습니다. 화분, 액자, 책과 머그컵 등이 프린터를 중심으로 펼쳐져 있습니다. 컬러 레이저 프린터, 선명한 컬러 프린팅에 알뜰한 유지 비용까지라는 문구가 적혀 있습니다." class="objGif"> </div> </div> </div>   <style> /** common **/ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ /* lnb */ .re-lnb {background-color:#f7f7f7;} .re-lnb__slide {position:relative; width:1440px; margin:0 auto;} .re-lnb__slide__list .item__link {display:block; padding:12px 0; outline-offset:-2px;} .re-lnb__slide__list .item__link__pic {width:86px; height:54px; margin:0 auto; background-repeat:no-repeat; background-position:center top; background-size:100% 100%;} .re-lnb__slide__list .item__link .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/lnb01.png");} .re-lnb__slide__list .item__link .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/lnb02.png");} .re-lnb__slide__list .item__link .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/lnb03.png");} .re-lnb__slide__list .item__link .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/lnb04.png");} .re-lnb__slide__list .item__link .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/lnb05.png");} .re-lnb__slide__list .item__link__txt {display:block; margin-top:14px; font-size:14px; font-weight:700; line-height:1.35; text-align:center;} .re-lnb.-w1440 {background-color:#fff;} .re-lnb.-w1440 .re-lnb__slide {background-color:#f7f7f7;} /* lnb-swiper */ .re-lnb__slide .swiper-slide {width:134px;} .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:10px;} .re-lnb__slide .swiper-button {position:absolute; top:0; left:0; z-index:100; width:80px; height:100%; margin:0;} .re-lnb__slide .swiper-button { background: rgb(248,248,248); background: -moz-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: -webkit-linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#f8f8f8",GradientType=1);} .re-lnb__slide .swiper-button.next { background: -moz-linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: -webkit-linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%); background: linear-gradient(270deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(248,248,248,0.8) 90%, rgba(248,248,248,0.2) 100%);} .re-lnb__slide .swiper-button::after {content:""; display:block; position:absolute; top:50%; left:50%; width:15px; height:15px; border-style:solid; border-color:#000; border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg);} .re-lnb__slide .swiper-button.next {left:auto; right:0;} .re-lnb__slide .swiper-button.next::after {border-width:2px 2px 0 0;} .re-lnb__slide .swiper-button-disabled {display:none;} .re-lnb__slide .swiper-container {width:calc(100% - 120px); margin:0 auto;} /* lnb-fidxed */ .re-lnb.-fixed {position:fixed; left:0; right:0; top:0; z-index:200;} .re-lnb.-fixed .re-lnb__slide {border-bottom:1px solid #DBDCDD;} /*.re-lnb.-fixed .re-lnb__slide.swiper-no-swiping .swiper-wrapper {display:flex; justify-content:flex-start;}*/ /*.re-lnb.-fixed .re-lnb__slide .swiper-container {width:calc(100% - 48px);}*/ .re-lnb.-fixed .re-lnb__slide .swiper-slide {width:auto; min-width:134px;} /*.re-lnb.-fixed .re-lnb__slide__list .item__link {padding:12px;}*/ .re-lnb.-fixed .re-lnb__slide__list .item__link__pic {display:none;} .re-lnb.-fixed .re-lnb__slide__list .item__link__txt {margin-top:0; font-size:16px;} .re-lnb.-fixed .re-lnb__slide__list .item__link__txt br {display:none;} /*.re-lnb.-fixed .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0;}*/ /* lnb-swiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-button.-hide {display:none;} .re-lnb__slide.swiper-no-swiping .swiper-wrapper {display:flex; justify-content:center;} .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 48px);} @media (max-width: 1440px) { /* lnb */ .re-lnb__slide {width:100%;} .re-lnb__slide__list .item__link {padding:0.8333vw 0;} .re-lnb__slide__list .item__link__pic {width:5.9722vw; height:3.7500vw;} .re-lnb__slide__list .item__link__txt {margin-top:0.9722vw; font-size:0.9722vw;} /* lnb-swiper */ .re-lnb__slide .swiper-slide {width:9.3056vw;} .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0.6944vw;} .re-lnb__slide .swiper-button {width:5.5556vw;} .re-lnb__slide .swiper-button::after {width:1.0417vw; height:1.0417vw;} .re-lnb__slide .swiper-container {width:calc(100% - 8.3333vw);} /* lnb-fidxed */ /*.re-lnb.-fixed .re-lnb__slide .swiper-container {width:calc(100% - 3.3333vw);}*/ .re-lnb.-fixed .re-lnb__slide .swiper-slide {min-width:9.3056vw;} /*.re-lnb.-fixed .re-lnb__slide__list .item__link {padding:0.8333vw;}*/ .re-lnb.-fixed .re-lnb__slide__list .item__link__txt {font-size:1.1111vw;} /* lnb-swiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 3.3333vw);} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} /* lnb */ .re-lnb__slide__list .item__link {padding:3.3333vw 0;} .re-lnb__slide__list .item__link__pic {width:23.8889vw; height:15.0000vw;} .re-lnb__slide__list .item__link__txt {margin-top:2.2222vw; font-size:3.3333vw;} /* lnb-swiper */ .re-lnb__slide .swiper-slide {width:calc(100% / 3);} .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0;} .re-lnb__slide .swiper-button {width:11.1111vw;} .re-lnb__slide .swiper-button::after { width:4.1667vw; height:4.1667vw; border-width:0 0 0.5556vw 0.5556vw;} .re-lnb__slide .swiper-button.next::after {border-width:0.5556vw 0.5556vw 0 0;} .re-lnb__slide .swiper-container {width:calc(100% - 16.6667vw);} /* lnb-fidxed */ .re-lnb.-fixed .re-lnb__slide.swiper-no-swiping .swiper-wrapper {display:flex; justify-content:flex-start;} .re-lnb.-fixed .re-lnb__slide .swiper-container {width:calc(100% - 16.6667vw);} .re-lnb.-fixed .re-lnb__slide .swiper-slide {min-width:auto;} .re-lnb.-fixed .re-lnb__slide__list .item__link {padding:3.3333vw;} .re-lnb.-fixed .re-lnb__slide__list .item__link__txt {font-size:4.4444vw;} .re-lnb.-fixed .re-lnb__slide .swiper-slide + .swiper-slide {margin-left:0;} /* lnb-swiper-no-swiping */ .re-lnb__slide.swiper-no-swiping .swiper-container {width:calc(100% - 13.3333vw);} } /* only 프린터 */ @media (min-width:800px) { .re-lnb.re-lnb-printer.-fixed .re-lnb__slide .swiper-slide {min-width:auto; margin:0 20px;} } @media (min-width:1440px) { .re-lnb.re-lnb-printer.-fixed .re-lnb__slide .swiper-slide {margin:0 1.3888vw;} } </style> <div class="re-lnb re-lnb-printer -w1440"> <div class="re-lnb__slide" role="region" aria-roledescription="carousel" aria-label="주요 품목 슬라이드 링크"> <button type="button" class="swiper-button next"></button> <div class="swiper-container"> <ul class="re-lnb__slide__list swiper-wrapper" aria-live="off"> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 1번"> <a href="/sec/printers/all-printers/" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:visual_lnb:all_printers_view_more"> <div class="item__link__pic pic01"></div> <span class="item__link__txt">전체 프린터</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 2번"> <a href="/sec/printers/all-printers/?color-laser-multifunction" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:visual_lnb:color_laser_multifunction_view_more"> <div class="item__link__pic pic02"></div> <span class="item__link__txt">컬러 레이저 <br>복합기/프린터</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 3번"> <a href="/sec/printers/all-printers/?laser-multifunction" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:visual_lnb:black_laser_multifunction_view_more"> <div class="item__link__pic pic03"></div> <span class="item__link__txt">흑백 레이저 <br>복합기/프린터</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 4번"> <a href="/sec/printers/all-printers/?genuine-Infinite-Inkjet" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:visual_lnb:genuine_infinite_inkjet_view_more"> <div class="item__link__pic pic04"></div> <span class="item__link__txt">정품 무한 <br>잉크젯</span> </a> </div> </li> <li class="swiper-slide"> <div class="item" role="group" aria-roledescription="slide" aria-label="5개의 슬라이드 중 5번"> <a href="/sec/printers/all-printers/?inkjet-multifunction" class="item__link" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:visual_lnb:inkjet_multifunction_printer_view_more"> <div class="item__link__pic pic05"></div> <span class="item__link__txt">잉크젯 복합기 <br>/프린터</span> </a> </div> </li> </ul> </div> <button type="button" class="swiper-button prev"></button> </div> </div> <script> swiperLnb($('.re-lnb__slide')); scrollFixed($('.re-lnb')); function swiperLnb(swiperWrap){ let swiperContainer = swiperWrap.find('.swiper-container'); let slide = swiperContainer.find('.swiper-slide'); let slideLnb = new Swiper(swiperContainer, { slidesPerView: 'auto', autoHeight : false, speed: 500, touchStartPreventDefault: false, observer: true, observeParents: true, navigation: { nextEl: swiperWrap.find('.swiper-button.next'), prevEl: swiperWrap.find('.swiper-button.prev'), }, a11y: { prevSlideMessage: '이전 슬라이드', nextSlideMessage: '다음 슬라이드', slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.', }, on: { init: function() { if(slide.length <= 9 && $(window).outerWidth() >= 800){ swiperWrap.addClass('swiper-no-swiping'); }else if(slide.length <= 3 && $(window).outerWidth() < 800){ swiperWrap.addClass('swiper-no-swiping'); }else{ swiperWrap.removeClass('swiper-no-swiping'); } }, resize: function() { if(slide.length <= 9 && $(window).outerWidth() >= 800){ swiperWrap.addClass('swiper-no-swiping'); }else if(slide.length <= 3 && $(window).outerWidth() < 800){ swiperWrap.addClass('swiper-no-swiping'); }else{ swiperWrap.removeClass('swiper-no-swiping'); } } }, }); } function scrollFixed(fixedWrap){ let win = $(window); win.off('scroll').on('scroll', function(){ let kv = fixedWrap.prev().prev(); let kvHeight = kv.outerHeight(); let kvTop = kv.offset().top; let targetOffsetTop = kvTop + kvHeight; let winScrollTop = $(this).scrollTop(); if(targetOffsetTop <= winScrollTop){ if(!fixedWrap.hasClass('-fixed')){ fixedWrap.addClass('-fixed'); } }else{ if(fixedWrap.hasClass('-fixed')){ fixedWrap.removeClass('-fixed'); } } }) } </script>   <style> /** common **/ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-pod {overflow:hidden; width:100%; max-width:1920px; margin:0 auto;} .re-pod__tit {font-size:48px; line-height:1.3; text-align:center;} .re-pod__tit span {display:block; font-size:inherit;} .re-pod__slide {width:1440px; margin:50px auto 0;} .re-pod__slide .swiper-container.menu {margin:0 auto;} .re-pod__slide__menu {justify-content:center;} .re-pod__slide__menu .swiper-slide {width:auto;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:60px;} .re-pod__slide__menu .item {overflow:visible; display:block; padding:10px 0; outline-offset:-2px;} .re-pod__slide__menu .item span {display:block; position:relative; color:#777; font-size:20px; font-weight:700; white-space:nowrap;} .re-pod__slide__menu .swiper-slide.-active .item span {color:#000;} .re-pod__slide__menu .swiper-slide.-active .item span::before {content:""; position:absolute; left:0; bottom:-7px; width:100%; height:3px; background-color:#000;} .re-pod__slide__list .item {overflow:hidden; display:block; border-radius:20px;} .re-pod__slide__list .item .pic {height:240px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%;} .re-pod__slide__list .item01 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod01_v3.jpg");} .re-pod__slide__list .item02 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod02_v2.jpg");} .re-pod__slide__list .item03 .pic {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod03_v2.jpg");} .re-pod__slide__list .item .txt {padding:10px 10px 15px; background:#000; text-align:center;} .re-pod__slide__list .item .txt__tit {display:block; height:64px; color:#fff; font-size:24px; line-height:64px; word-break:keep-all;} .re-pod__slide__list .item .txt__tit.-long {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.36; text-overflow:ellipsis; white-space:normal;} .re-pod__slide__list .item .txt__desc {margin-top:5px; color:#fff; font-size:14px; line-height:1.4;} .re-pod__slide__list .item .txt__list {display:flex; margin-top:10px; padding:0 10px;} .re-pod__slide__list .item .txt__list li {width:calc(100% / 3);} .re-pod__slide__list .item .txt__list__icon {width:40px; height:40px; margin:0 auto; background-repeat:no-repeat; background-position:center top; background-size:100% 100%;} .re-pod__slide__list .item .txt__list__desc {display:block; margin-top:12px; color:#cecece; font-size:12px; line-height:1.3; word-break:keep-all; text-align:center;} .re-pod__slide__list .item .txt__btn {display:inline-block; margin-top:12px; padding:8px 15px; background:#fff; font-size:14px; font-weight:700; border-radius:20px;} .re-pod__slide__list .item01 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod01-ico01.png");} .re-pod__slide__list .item01 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod01-ico02.png");} .re-pod__slide__list .item01 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod01-ico03.png");} .re-pod__slide__list .item02 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod02-ico01.png");} .re-pod__slide__list .item02 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod02-ico02.png");} .re-pod__slide__list .item02 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod02-ico03.png");} .re-pod__slide__list .item03 .icon01 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod03-ico01.png");} .re-pod__slide__list .item03 .icon02 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod03-ico02.png");} .re-pod__slide__list .item03 .icon03 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/pod03-ico03.png");} .re-pod__slide__list.blend .item {height:492px;} .re-pod__slide__list.blend .item .pic {height:100%;} .re-pod__slide__list.blend .item .txt {position:absolute; top:117px; left:0; width:100%;} .re-pod__slide .swiper-container-txt__list-box {position:relative; margin-top:60px;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {position:absolute; top:175px; left:0; z-index:100; width:56px; height:56px; border-radius:50%; background:rgba(0, 0, 0, 0.5);} .re-pod__slide .swiper-container-txt__list-box .swiper-button::after {content:""; display:block; position:absolute; top:50%; left:55%; z-index:1; width:15px; height:15px; border-style:solid; border-color:#fff; border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg);} .re-pod__slide .swiper-container-txt__list-box .swiper-button.next {left:auto; right:0;} .re-pod__slide .swiper-container-txt__list-box .swiper-button.next::after {left:45%; border-width:2px 2px 0 0;} .re-pod__slide .swiper-container-txt__list-box .swiper-button-disabled {display:none;} .re-pod__slide .swiper-container.list {overflow:visible; width:calc(100% - 48px); margin:0 auto;} .re-pod__slide__list {margin:0 auto;} .re-pod__slide__list .swiper-slide {width:312px;} .re-pod__slide__list .swiper-slide.-active .item {outline:3px solid #2189FF; outline-offset:-3px;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:24px;} .re-pod__slide__list.swiper-no-swiping {justify-content:center;} @media (max-width: 1440px) { .re-pod__tit {font-size:3.3333vw;} .re-pod__slide {width:100%; margin:3.4722vw auto 0;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:4.1667vw;} .re-pod__slide__menu .item {padding:0.6944vw 0;} .re-pod__slide__menu .item span {font-size:1.3889vw;} .re-pod__slide__menu .swiper-slide.-active .item span::before {bottom:-0.4861vw; height:0.2083vw;} .re-pod__slide__list .item {border-radius:1.3889vw;} .re-pod__slide__list .item .pic {height:16.6667vw;} .re-pod__slide__list .item .txt {padding:0.6944vw 0.6944vw 1.0417vw;} .re-pod__slide__list .item .txt__tit {height:4.4444vw; font-size:1.6667vw; line-height:4.4444vw;} .re-pod__slide__list .item .txt__desc {margin-top:0.3472vw; font-size:0.9722vw;} .re-pod__slide__list .item .txt__list {margin-top:0.6944vw; padding:0 0.6944vw;} .re-pod__slide__list .item .txt__list__icon {width:2.7778vw; height:2.7778vw;} .re-pod__slide__list .item .txt__list__desc {margin-top:0.8333vw; font-size:0.8333vw;} .re-pod__slide__list .item .txt__btn {margin-top:0.8333vw; padding:0.5556vw 1.0417vw; font-size:0.9722vw; border-radius:1.3889vw;} .re-pod__slide__list.blend .item {height:34.1667vw;} .re-pod__slide__list.blend .item .txt {top:8.1250vw;} .re-pod__slide .swiper-container-txt__list-box {margin-top:4.1667vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {top:12.1528vw; width:3.8889vw; height:3.8889vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button::after {width:1.0417vw; height:1.0417vw;} .re-pod__slide .swiper-container.list {width:calc(100% - 3.3333vw);} .re-pod__slide__list .swiper-slide {width:21.6667vw;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:1.6667vw;} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-pod__tit {font-size:7.7778vw;} .re-pod__slide {margin-top:5.5556vw;} .re-pod__slide .swiper-container.menu {position:relative;} .re-pod__slide .swiper-container.menu::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#787062;} .re-pod__slide__menu {justify-content:flex-start; padding-left:6.6667vw;} .re-pod__slide__menu .swiper-slide + .swiper-slide {margin-left:5.5556vw;} .re-pod__slide__menu .swiper-slide:last-child {margin-right:13.3333vw;} .re-pod__slide__menu .item {padding:1.9444vw 0;} .re-pod__slide__menu .item span {font-size:4.4444vw;} .re-pod__slide__menu .swiper-slide.-active .item span::before {bottom:-1.3889vw; height:0.5556vw;} .re-pod__slide__list .item {border-radius:5.5556vw;} .re-pod__slide__list .item .pic {height:66.6667vw;} .re-pod__slide__list .item .txt {padding:2.7778vw 2.7778vw 4.1667vw;} .re-pod__slide__list .item .txt__tit {height:17.7778vw; font-size:6.6667vw; line-height:17.7778vw;} .re-pod__slide__list .item .txt__desc {margin-top:1.3889vw; font-size:3.8889vw;} .re-pod__slide__list .item .txt__list {margin-top:2.7778vw; padding:0 2.7778vw;} .re-pod__slide__list .item .txt__list__icon {width:11.1111vw; height:11.1111vw;} .re-pod__slide__list .item .txt__list__desc {margin-top:3.3333vw; font-size:3.3333vw;} .re-pod__slide__list .item .txt__btn {margin-top:3.3333vw; padding:2.2222vw 4.1667vw; font-size:3.8889vw; border-radius:5.5556vw;} .re-pod__slide__list.blend .item {height:136.6667vw;} .re-pod__slide__list.blend .item .txt {top:32.5000vw;} .re-pod__slide .swiper-container-txt__list-box {margin-top:8.3333vw;} .re-pod__slide .swiper-container-txt__list-box .swiper-button {display:none;} .re-pod__slide .swiper-container.list {width:100%;} .re-pod__slide__list {padding-left:6.6667vw;} .re-pod__slide__list .swiper-slide {width:81.1111vw;} .re-pod__slide__list .swiper-slide + .swiper-slide {margin-left:5.5556vw;} .re-pod__slide__list .swiper-slide:last-child {margin-right:13.3333vw;} .re-pod__slide__list .swiper-slide.-active .item {outline:0; outline-offset:0;} } </style> <section class="re-pod pd-tb-60"> <h2 class="re-pod__tit"> <span>프린터 라인업별 추천 모델</span> </h2> <div class="re-pod__slide" role="region" aria-roledescription="carousel" aria-label="주요 품목 별 기능 소개 슬라이드 "> <div class="swiper-container menu"> <ul class="re-pod__slide__menu swiper-wrapper" aria-live="off"> <li class="swiper-slide -active"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 1번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:product1:color_laser_multifunction_menu"> <span>컬러 레이저 복합기</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 2번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:product2:black_laser_printers_menu"> <span>흑백 레이저 프린터</span> </button> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 3번"> <button type="button" class="item" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:product3:inkjet_plus_s_menu"> <span>잉크젯 플러스S</span> </button> </div> </li> </ul> </div> <div class="swiper-container-txt__list-box"> <button type="button" class="swiper-button next"></button> <div class="swiper-container list"> <ul class="re-pod__slide__list swiper-wrapper" aria-live="off"> <li class="swiper-slide -active"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 1번"> <a href="/sec/printers/SL-C1665FW/SL-C1665FW/" class="item item01" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:product1:color_laser_multifunction_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit -long">컬러 레이저 복합기 <br>16/16 ppm</strong> <p class="txt__desc">SL-C1665FW</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">다중 작업을 <br>한번에!</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">터치 한 번으로 <br>출력!</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">빨라진 <br>출력속도</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 2번"> <a href="/sec/printers/sl-m2035/SL-M2035/" class="item item02" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:product2:black_laser_printers_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit">흑백 레이저 프린터 20 ppm</strong> <p class="txt__desc">SL-M2035</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">심플한 <br>콤팩트 디자인</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">빠른 <br>처리속도</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">선명한 이미지/ <br>텍스트</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> <li class="swiper-slide"> <div role="group" aria-roledescription="slide" aria-label="3개의 슬라이드 중 3번"> <a href="/sec/printers/SL-T2273FW/SL-T2273FW/" class="item item03" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:product3:inkjet_plus_s_buy_now"> <div class="pic"></div> <div class="txt"> <strong class="txt__tit">잉크젯 플러스S 23/22 ppm</strong> <p class="txt__desc">SL-T2273FW</p> <ul class="txt__list"> <li> <div class="txt__list__icon icon01"></div> <span class="txt__list__desc">업무 효율 <br>극대화</span> </li> <li> <div class="txt__list__icon icon02"></div> <span class="txt__list__desc">다재다능 <br>복합기</span> </li> <li> <div class="txt__list__icon icon03"></div> <span class="txt__list__desc">경제적인 <br>출력비용</span> </li> </ul> <div class="txt__btn">구매하기</div> </div> </a> </div> </li> </ul> </div> <button type="button" class="swiper-button prev"></button> </div> </div> </section> <script> swiperPod($('.re-pod__slide')); function swiperPod(swiperWrap){ swiperWrap.each(function(index, element){ let $this = $(this); let swiperPodMenuCont = $this.find('.swiper-container.menu'); let swiperPodMenuContSlide = swiperPodMenuCont.find('.swiper-slide'); let swiperPodListCont = $this.find('.swiper-container.list'); let swiperPodListContSlide = swiperPodListCont.find('.swiper-slide'); let swiperPodMenu = new Swiper(swiperPodMenuCont, { slidesPerView: 'auto', speed: 500, watchSlidesProgress: true, slideToClickedSlide: true, breakpoints: { 800: { touchRatio: 0, } }, on: { init: function() { swiperPodMenuContSlide.on('click', function(){ let current = $(this); let currentIndex = current.index(); current.addClass('-active').siblings().removeClass('-active'); swiperPodListContSlide.eq(currentIndex).addClass('-active').siblings().removeClass('-active'); swiperPodList.slideTo(currentIndex); }) } } }); let swiperPodList = new Swiper(swiperPodListCont, { slidesPerView: 'auto', autoHeight : false, speed: 500, touchStartPreventDefault: false, observer: true, observeParents: true, navigation: { nextEl: $this.find('.swiper-button.next'), prevEl: $this.find('.swiper-button.prev'), }, a11y: { prevSlideMessage: '이전 슬라이드', nextSlideMessage: '다음 슬라이드', slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.', }, on: { init: function() { if(swiperPodListContSlide.length <= 4 && $(window).outerWidth() > 800){ swiperPodListCont.find('.re-pod__slide__list').addClass('swiper-no-swiping'); }else{ swiperPodListCont.find('.re-pod__slide__list').removeClass('swiper-no-swiping'); } swiperPodListContSlide.on('click', function(){ let current = $(this); let currentIndex = current.index(); current.addClass('-active').siblings().removeClass('-active'); swiperPodMenuContSlide.eq(currentIndex).addClass('-active').siblings().removeClass('-active'); swiperPodMenu.slideTo(currentIndex); }) }, slideChange: function() { let currentIndex = swiperPodList.realIndex; let FixYouMenu = swiperPodMenuCont.find('.swiper-slide'); FixYouMenu.eq(currentIndex).addClass('-active').siblings().removeClass('-active'); swiperPodMenu.slideTo(currentIndex); }, resize: function(){ if(swiperPodListContSlide.length <= 4 && $(window).outerWidth() > 800){ swiperPodListCont.find('.re-pod__slide__list').addClass('swiper-no-swiping'); }else{ swiperPodListCont.find('.re-pod__slide__list').removeClass('swiper-no-swiping'); } } } }); }); }; </script>  <div class="wrap-component textbox-simple new-component pt-nrw pb-nrw w1440px "> <div class="component-contents pt-none pb-none txt-top-center txtm-top-center " style="background-color:#FFFFFF" data-cptnm="베스트추천용 헤드라인"> <div class="component-text"> <div class="component-text-inner"> <div class="box-title"> <h2 class="title mo-ver " style="color:#000000">요즘 인기 있는 프린터<br></h2> <h2 class="title pc-ver " style="color:#000000">요즘 인기 있는 프린터</h2> </div> </div> </div> </div> </div>  <div class="wrap-component product-card title-line2-type pt-none pb-none w1440px " data-cptNo="1327705"> <div class="component-contents pt-none pb-none " style="background-color:#FFFFFF" data-cptnm="pcd:it:printers:recomand_product"> <div class="visual-area" id="slicePrdSel_1327705" data-cptlytno="24" data-price-hidden-yn="002" data-price-hidden-login-url="" data-price-hidden-img="" data-price-hidden-img-alt-text="" data-price-hidden-mo-img="" data-price-hidden-mo-img-alt-text=""> <div class="slider-select-prdlist">  <div class="box-product-card" id="prdSel_1327705_0" > <div class="inner" data-obj-type="product" data-mo-code="SL-C515W/HYP" data-goods-nm="컬러 레이저프린터18/4 ppm" data-disp-ctg-en-nm-path="pc > printers > color-laser-printer" data-cp-all-dc-amt="0" data-cp-apl-expt-price="319,033" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/is/image/samsung/sec-sl-c515whyp-sl-c515w-hyp-frontoverwhite-193787920?$240_240_PNG$" alt=" 컬러 레이저프린터18/4 ppm"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper">  <li class="swiper-slide"> <input type="radio" id="itm-color_1327705_0_0" name="itm-color_1327705_0" data-goods-id="G100168815" data-org-goods-id="G100168815" data-target-id="prdSel_1327705_0" data-component-id="slicePrdSel_1327705" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:it:printers:recomand_product:color_WHITE|SL-C515W/HYP|SL-C515W/HYP" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="WHITE" data-goods-nm="컬러 레이저프린터18/4 ppm" data-mdl-code="SL-C515W/HYP" data-cptlytno="24" checked="checked" > <label for="itm-color_1327705_0_0"> <span class="itm-color-object" style="background-color:#ffffff;">화이트</span> </label> </li>  </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"> </div> <div class="card-option">  </div> <div class="card-detail">  <div class="box-info"> <div class="info-tit">컬러 레이저프린터18/4 ppm</div> <div class="info-model">SL-C515W/HYP</div> </div> <div class="bott-fix" id="gdPrc_1327705_0_G100168815" data-coupon-price="0"> <div class="pic-tag"> <span id="1327705_0_G100168815_lbl1">기준가</span> <em id="1327705_0_G100168815_prc1">328,900 원</em> </div> <div class="pic-mem"> <span id="1327705_0_G100168815_lbl2">회원가</span> <em id="1327705_0_G100168815_prc2">319,033 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1327705_0_G100168815" data-svmn-prd-id="1327705_0_G100168815" data-goods-id="G100168815" data-mdl-code="SL-C515W/HYP" data-cp-apl-expt-price="319,033" data-fn-sprt-amt="0" data-sale-price="319,033" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="N"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("SL-C515W/HYP", "1", "_self", "/sec/printers/sl-c515w-hyp/SL-C515W/HYP/"); ' data-omni="pcd:it:printers:recomand_product:SL-C515W/HYP|SL-C515W/HYP:buy now" data-mo-code="SL-C515W/HYP" data-mdl-nm="SL-C515W/HYP" data-goods-nm="컬러 레이저프린터18/4 ppm" data-disp-ctg-en-nm-path="pc > printers > color-laser-printer" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div>  <input type="hidden" name="cardCompareInfo" data-goods-id="G100168815" data-goods-tp-cd="10" data-mdl-nm="SL-C515W/HYP" data-mdl-code="SL-C515W/HYP" data-goods-path="/sec/printers/sl-c515w-hyp/SL-C515W/HYP/" data-review-grade="3.7" data-review-count="3" data-compare-excpt-yn="N" data-comp-disp-clsf-no="39040000" data-comp-disp-clsf-en-nm="printers" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="Y" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="002" />  </div> </div> <div class="box-product-card" id="prdSel_1327705_1" > <div class="inner" data-obj-type="product" data-mo-code="SL-T2273DW" data-goods-nm="잉크젯 플러스S 23/22 ppm" data-disp-ctg-en-nm-path="pc > printers > Genuine-Infinite-Inkjet" data-cp-all-dc-amt="0" data-cp-apl-expt-price="330,091" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/kdp/goods/2022/06/13/63d3f4fb-d2c2-4364-b390-e8f769db9952.png?$240_240_PNG$" alt=" 잉크젯 플러스S 23/22 ppm"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper">  <li class="swiper-slide"> <input type="radio" id="itm-color_1327705_1_1" name="itm-color_1327705_1" data-goods-id="G000264018" data-org-goods-id="G000264018" data-target-id="prdSel_1327705_1" data-component-id="slicePrdSel_1327705" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:it:printers:recomand_product:color_WHITE|SL-T2273DW|SL-T2273DW" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="WHITE" data-goods-nm="잉크젯 플러스S 23/22 ppm" data-mdl-code="SL-T2273DW" data-cptlytno="24" checked="checked" > <label for="itm-color_1327705_1_1"> <span class="itm-color-object" style="background-color:#ffffff;">화이트</span> </label> </li>  </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"> </div> <div class="card-option">  </div> <div class="card-detail">  <div class="box-info"> <div class="info-tit">잉크젯 플러스S 23/22 ppm</div> <div class="info-model">SL-T2273DW</div> </div> <div class="bott-fix" id="gdPrc_1327705_1_G000264018" data-coupon-price="0"> <div class="pic-tag"> <span id="1327705_1_G000264018_lbl1">기준가</span> <em id="1327705_1_G000264018_prc1">340,300 원</em> </div> <div class="pic-mem"> <span id="1327705_1_G000264018_lbl2">회원가</span> <em id="1327705_1_G000264018_prc2">330,091 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1327705_1_G000264018" data-svmn-prd-id="1327705_1_G000264018" data-goods-id="G000264018" data-mdl-code="SL-T2273DW" data-cp-apl-expt-price="330,091" data-fn-sprt-amt="0" data-sale-price="330,091" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="N"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("SL-T2273DW", "1", "_self", "/sec/printers/SL-T2273DW/SL-T2273DW/"); ' data-omni="pcd:it:printers:recomand_product:SL-T2273DW|SL-T2273DW:buy now" data-mo-code="SL-T2273DW" data-mdl-nm="SL-T2273DW" data-goods-nm="잉크젯 플러스S 23/22 ppm" data-disp-ctg-en-nm-path="pc > printers > Genuine-Infinite-Inkjet" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div>  <input type="hidden" name="cardCompareInfo" data-goods-id="G000264018" data-goods-tp-cd="10" data-mdl-nm="SL-T2273DW" data-mdl-code="SL-T2273DW" data-goods-path="/sec/printers/SL-T2273DW/SL-T2273DW/" data-review-grade="4.6" data-review-count="73" data-compare-excpt-yn="N" data-comp-disp-clsf-no="39040000" data-comp-disp-clsf-en-nm="printers" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="Y" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="002" />  </div> </div> <div class="box-product-card" id="prdSel_1327705_2" > <div class="inner" data-obj-type="product" data-mo-code="SL-M2085FW" data-goods-nm="흑백 레이저 복합기 20 ppm" data-disp-ctg-en-nm-path="pc > printers > laser-mfp" data-cp-all-dc-amt="0" data-cp-apl-expt-price="328,054" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/is/image/samsung/sec-mono-laser-multifunction-sl-m2085fw-sl-m2085fw-frontwhite-194138452?$240_240_PNG$" alt=" 흑백 레이저 복합기 20 ppm"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper">  <li class="swiper-slide"> <input type="radio" id="itm-color_1327705_2_2" name="itm-color_1327705_2" data-goods-id="G100168830" data-org-goods-id="G100168830" data-target-id="prdSel_1327705_2" data-component-id="slicePrdSel_1327705" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:it:printers:recomand_product:color_WHITE|SL-M2085FW|SL-M2085FW" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="WHITE" data-goods-nm="흑백 레이저 복합기 20 ppm" data-mdl-code="SL-M2085FW" data-cptlytno="24" checked="checked" > <label for="itm-color_1327705_2_2"> <span class="itm-color-object" style="background-color:#ffffff;">화이트</span> </label> </li>  </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"> </div> <div class="card-option">  </div> <div class="card-detail">  <div class="box-info"> <div class="info-tit">흑백 레이저 복합기 20 ppm</div> <div class="info-model">SL-M2085FW</div> </div> <div class="bott-fix" id="gdPrc_1327705_2_G100168830" data-coupon-price="0"> <div class="pic-tag"> <span id="1327705_2_G100168830_lbl1">기준가</span> <em id="1327705_2_G100168830_prc1">338,200 원</em> </div> <div class="pic-mem"> <span id="1327705_2_G100168830_lbl2">회원가</span> <em id="1327705_2_G100168830_prc2">328,054 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1327705_2_G100168830" data-svmn-prd-id="1327705_2_G100168830" data-goods-id="G100168830" data-mdl-code="SL-M2085FW" data-cp-apl-expt-price="328,054" data-fn-sprt-amt="0" data-sale-price="328,054" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="N"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("SL-M2085FW", "1", "_self", "/sec/printers/sl-m2085fw/SL-M2085FW/"); ' data-omni="pcd:it:printers:recomand_product:SL-M2085FW|SL-M2085FW:buy now" data-mo-code="SL-M2085FW" data-mdl-nm="SL-M2085FW" data-goods-nm="흑백 레이저 복합기 20 ppm" data-disp-ctg-en-nm-path="pc > printers > laser-mfp" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div>  <input type="hidden" name="cardCompareInfo" data-goods-id="G100168830" data-goods-tp-cd="10" data-mdl-nm="SL-M2085FW" data-mdl-code="SL-M2085FW" data-goods-path="/sec/printers/sl-m2085fw/SL-M2085FW/" data-review-grade="4.8" data-review-count="29" data-compare-excpt-yn="N" data-comp-disp-clsf-no="39040000" data-comp-disp-clsf-en-nm="printers" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="Y" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="002" />  </div> </div> <div class="box-product-card" id="prdSel_1327705_3" > <div class="inner" data-obj-type="product" data-mo-code="SL-T1685W" data-goods-nm="잉크젯 플러스S 22/16 ppm" data-disp-ctg-en-nm-path="pc > printers > Genuine-Infinite-Inkjet" data-cp-all-dc-amt="0" data-cp-apl-expt-price="239,000" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/kdp/goods/2023/05/30/362a841c-d581-43b8-8f38-7f35570fdd83.png?$240_240_PNG$" alt=" 잉크젯 플러스S 22/16 ppm"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper">  <li class="swiper-slide"> <input type="radio" id="itm-color_1327705_3_3" name="itm-color_1327705_3" data-goods-id="G000295615" data-org-goods-id="G000295615" data-target-id="prdSel_1327705_3" data-component-id="slicePrdSel_1327705" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:it:printers:recomand_product:color_white|SL-T1685W|SL-T1685W" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="white" data-goods-nm="잉크젯 플러스S 22/16 ppm" data-mdl-code="SL-T1685W" data-cptlytno="24" checked="checked" > <label for="itm-color_1327705_3_3"> <span class="itm-color-object" style="background-color:#FFFFFF;">화이트</span> </label> </li>  </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"> </div> <div class="card-option">  </div> <div class="card-detail">  <div class="box-info"> <div class="info-tit">잉크젯 플러스S 22/16 ppm</div> <div class="info-model">SL-T1685W</div> </div> <div class="bott-fix" id="gdPrc_1327705_3_G000295615" data-coupon-price="0"> <div class="pic-tag"> <span id="1327705_3_G000295615_lbl1">기준가</span> <em id="1327705_3_G000295615_prc1">247,000 원</em> </div> <div class="pic-mem"> <span id="1327705_3_G000295615_lbl2">회원가</span> <em id="1327705_3_G000295615_prc2">239,000 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1327705_3_G000295615" data-svmn-prd-id="1327705_3_G000295615" data-goods-id="G000295615" data-mdl-code="SL-T1685W" data-cp-apl-expt-price="239,000" data-fn-sprt-amt="0" data-sale-price="239,000" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="N"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("SL-T1685W", "1", "_self", "/sec/printers/SL-T1685W/SL-T1685W/"); ' data-omni="pcd:it:printers:recomand_product:SL-T1685W|SL-T1685W:buy now" data-mo-code="SL-T1685W" data-mdl-nm="SL-T1685W" data-goods-nm="잉크젯 플러스S 22/16 ppm" data-disp-ctg-en-nm-path="pc > printers > Genuine-Infinite-Inkjet" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div>  <input type="hidden" name="cardCompareInfo" data-goods-id="G000295615" data-goods-tp-cd="10" data-mdl-nm="SL-T1685W" data-mdl-code="SL-T1685W" data-goods-path="/sec/printers/SL-T1685W/SL-T1685W/" data-review-grade="4.8" data-review-count="20" data-compare-excpt-yn="N" data-comp-disp-clsf-no="39040000" data-comp-disp-clsf-en-nm="printers" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="Y" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="002" />  </div> </div> <div class="box-product-card" id="prdSel_1327705_4" > <div class="inner" data-obj-type="product" data-mo-code="SL-C515" data-goods-nm="컬러 레이저 프린터 18/4 ppm" data-disp-ctg-en-nm-path="pc > printers > color-laser-printer" data-cp-all-dc-amt="0" data-cp-apl-expt-price="294,000" data-cp-nm-arr-str=""> <div class="card-images " style="background-color:#f7f7f7;"> <img class="lozad" src="/sec/static/_images/temp/emptyImg.jpg" data-src="//images.samsung.com/is/image/samsung/sec-color-laser-printer-sl-c515-sl-c515-Cream-White-192366421?$240_240_PNG$" alt=" 컬러 레이저 프린터 18/4 ppm"> </div> <div class="card-opt pf-color-sel" style="height: 28px;"> <div class="option-slick"> <ol class="itm-color-list swiper-wrapper">  <li class="swiper-slide"> <input type="radio" id="itm-color_1327705_4_4" name="itm-color_1327705_4" data-goods-id="G100168813" data-org-goods-id="G100168813" data-target-id="prdSel_1327705_4" data-component-id="slicePrdSel_1327705" data-st-context-path="/sec/" data-svmn-amt-disp-yn="Y" data-last-prc-text="혜택가" data-cta-move-style="1" data-cta-window-style-class-nm="_self" data-bg-color="#f7f7f7" onClick="fnGetPrdCardForComponent(this);" data-omni="pcd:it:printers:recomand_product:color_PEARLWHITE|SL-C515|SL-C515" data-prdt-opt-en-nm="color" data-prdt-opt-item-en-nm="PEARLWHITE" data-goods-nm="컬러 레이저 프린터 18/4 ppm" data-mdl-code="SL-C515" data-cptlytno="24" checked="checked" > <label for="itm-color_1327705_4_4"> <span class="itm-color-object" style="background-color:#efefef;">화이트</span> </label> </li>  </ol> <div class="slide-nav"> <button type="button" class="btn-prev">이전</button> <button type="button" class="btn-next">다음</button> </div> </div> </div> <div class="card-filter pf-opt-sel" style="height: 28px;"> </div> <div class="card-option">  </div> <div class="card-detail">  <div class="box-info"> <div class="info-tit">컬러 레이저 프린터 18/4 ppm</div> <div class="info-model">SL-C515</div> </div> <div class="bott-fix" id="gdPrc_1327705_4_G100168813" data-coupon-price="0"> <div class="pic-tag"> <span id="1327705_4_G100168813_lbl1">기준가</span> <em id="1327705_4_G100168813_prc1">303,100 원</em> </div> <div class="pic-mem"> <span id="1327705_4_G100168813_lbl2">회원가</span> <em id="1327705_4_G100168813_prc2">294,000 원</em> </div> </div> </div> <div class="card-btn"> <div class="txt-note" id="svmnt_1327705_4_G100168813" data-svmn-prd-id="1327705_4_G100168813" data-goods-id="G100168813" data-mdl-code="SL-C515" data-cp-apl-expt-price="294,000" data-fn-sprt-amt="0" data-sale-price="294,000" data-sale-stat-cd="12" data-svmn-amt-disp-yn="Y" data-cp-use-yn="N"> </div> <div class="box-btm-btns"> <button type="button" class="btn-round btn-blk " onclick='goGoodsInfo("SL-C515", "1", "_self", "/sec/printers/sl-c515/SL-C515/"); ' data-omni="pcd:it:printers:recomand_product:SL-C515|SL-C515:buy now" data-mo-code="SL-C515" data-mdl-nm="SL-C515" data-goods-nm="컬러 레이저 프린터 18/4 ppm" data-disp-ctg-en-nm-path="pc > printers > color-laser-printer" data-cta-move-style-class-nm="1" > 구매하기 </button> </div> </div>  <input type="hidden" name="cardCompareInfo" data-goods-id="G100168813" data-goods-tp-cd="10" data-mdl-nm="SL-C515" data-mdl-code="SL-C515" data-goods-path="/sec/printers/sl-c515/SL-C515/" data-review-grade="4.4" data-review-count="16" data-compare-excpt-yn="N" data-comp-disp-clsf-no="39040000" data-comp-disp-clsf-en-nm="printers" data-use-compare-yn="Y" data-is-homefitness-goods-yn="N" data-home-cls-goods-yn="N" data-intgr-spec-yn="Y" data-cptlytno="24" data-review-show-rdo-btn="001" data-compare-show-rdo-btn="002" />  </div> </div>  </div> </div> </div> <script> $(window).on("load",function() { var goodsObjArr = $("[id^=gdPrc_1327705]"); if (goodsObjArr == null || goodsObjArr.length == 0) return; //fnGetAllPrdCouponPrice(goodsObjArr, '/sec/', '1', '10'); // 상품가격 Ajax 실시간 조회후 셋팅 fnSetPrdCouponPrice(goodsObjArr, '10', 24); // 상품가격 조회한거 스크립트로 세팅 var prdPointAccumObjArr = $("[id^=svmnt_1327705]"); if (prdPointAccumObjArr == null || prdPointAccumObjArr.length == 0) return; fnGetPrdPointAccum(prdPointAccumObjArr, "/sec/", "1327705", "24"); // 적립 예정 포인트 ajax 실시간 조회 후 세팅 }); </script> <input type="hidden" id="showCnt_1327705" value="8"/> <input type="hidden" id="showMoreCnt_1327705" value="8"/> <input type="hidden" id="listSize_1327705" value="5"/> <input type="hidden" id="molecule_1327705" value="1"/> <input type="hidden" id="denominator_1327705" value="1"/>  </div>   <div class="wrap-component textbox-simple new-component pt-none pb-none w1440px "> <div class="component-contents pt-none pb-wide txt-top-center txtm-top-center " style="background-color:#FFFFFF" data-cptnm="pcd:it:printer:best_cta"> <div class="component-text"> <div class="component-text-inner"> <div class="box-title"> <h2 class="title mo-ver " style="color:#000000"></h2> <h2 class="title pc-ver " style="color:#000000"></h2> </div> <div class="box-btns"> <ul>  <li> <button type="button" class="btn-round " title="더보기" data-omni="pcd:it:printer:best_cta:더보기" onclick="openCtaLink('https://www.samsung.com/sec/printers/all-printers/','_self')">더보기</button> </li> </ul> </div> </div> </div> </div> </div>  <script> $(document).ready(function() { digitalData.page.pageInfo.pageTrack = "product category details" }); </script>   <style> @charset "utf-8"; /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png?$ORIGIN_PNG$&fmt=png-alpha); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ .printer_wrap {width: 100%;background:#fff;font-family:'SamsungOneKorean', 'Dotum', '돋움', 'Apple SD Gothic Neo', arial;font-weight: normal;word-break:keep-all;-webkit-font-smoothing:antialiased;min-width:320px;overflow:hidden;min-width:320px;max-width:1440px;position:relative;margin:60px auto 60px;} .printer_wrap a {display: block;width: 100%;height: 100%;text-decoration: none;color: inherit;} .printer_wrap h1, .printer_wrap h2, .printer_wrap h3, .printer_wrap h4, .printer_wrap h5, .printer_wrap h6 {font-size: inherit; font-weight: inherit;} .printer_wrap .feature, .printer_wrap .feature_inner {position:relative;} .printer_wrap .obj > img {width:100%; display: block;} .printer_wrap .ico > img {width:auto;} .printer_wrap img{ display: block;} .printer_wrap .ac_inner { width: 100%; position: relative; } .printer_wrap .txt{box-sizing:border-box;position:absolute;top:0;width:100%;} .printer_wrap .txt strong {white-space:nowrap;} .printer_wrap .valign {display:table;height:100%;width:100%;} .printer_wrap .valign .middle {display:table-cell;vertical-align:middle;} .printer_wrap .wsnr { white-space: nowrap; } .printer_wrap .m_only { display: none; } .printer_wrap .pc_only { display: block; } .printer_wrap .txt { color: #000; } .printer_wrap .txt .feature-title { font-family:'SamsungOneKorean', 'Dotum', '돋움', 'Apple SD Gothic Neo', arial; font-weight: bold;} .printer_wrap .txt .feature-desc { font-family:'SamsungOneKorean', 'Dotum', '돋움', 'Apple SD Gothic Neo', arial; font-weight: normal; font-size: 18px; line-height: 32px; letter-spacing: 0; margin-top: 17px;} .printer_wrap .feature-notice {margin-top: 14px;} .printer_wrap .feature-notice .notice {font-family:'SamsungOneKorean', 'Dotum', '돋움', 'Apple SD Gothic Neo', arial;font-weight: normal;font-size: 16px;line-height: 24px;letter-spacing: -0.03em;} .printer_wrap .m_on {display: none;} .printer_wrap .w_1023 { display: none; } .printer_wrap .obj { position: relative; } .printer_filter {display: none;position: absolute;left: 0;top: 0;width: 100%;max-width: 1440px;min-height: 711px;opacity: 0;height: 100%;} .printer_filter01 {display: block;position: relative;opacity: 1;background: #f7f7f7;} .printer_filter.printer_filter01 .txt {position: relative;text-align: center;top: 0;padding-top: 161px;min-height: 268px;} .printer_filter.printer_filter01 .txt .feature-title {font-size: 48px;letter-spacing: 0.01em;line-height: 67.88px;} .printer_filter.printer_filter01 .txt .more-btn00 {display: inline-block;margin-top: 4px;} .printer_filter.printer_filter01 .txt .more-btn00.find-btn {width: auto;margin-right: 0;} .printer_filter.printer_filter01 .txt .more-btn00 a {box-sizing: border-box;display: block;text-align: center;font-weight: bold;letter-spacing: -0.025em;line-height: 34px;color: #000;width: auto;font-size: 18px;} body:not(.touch-device) .printer_filter.printer_filter01 .txt .more-btn00 a:hover, body:not(.touch-device) .printer_filter.printer_filter01 .txt .more-btn00 a:focus {color: #555;} .printer_filter.printer_filter01 .obj { height: 100%; } .printer_filter.printer_filter01 .obj img {height: 100%;} .printer_filter.printer_filter01 .printer-cont {padding: 260px 0 0;box-sizing: border-box;} .printer_filter.printer_filter01 .printer-cont {padding-top: 64px;box-sizing: border-box;} .printer_filter.printer_filter01 .printer-cont .input-wrap {position: relative;padding-left: 0px;text-align: left;width: 624px;margin: 0 auto;z-index: 1;background: #fff;border-radius: 51vh;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value { position: relative; } .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic {display: block;padding: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt {left: 0;right: 0;top: 0;width: auto;height: auto;margin: 0 auto;padding: 0;text-align: center;padding-top: 92px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt .feature-title {letter-spacing: -0.025em;color: #2189ff;font-size: 18px;line-height: 24px;margin-top: 31px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt .feature-desc {font-size: 14px;letter-spacing: -0.025em;line-height: 30px;color: #000;font-size: 18px;margin-top: 0px;} .printer_filter.printer_filter01 .printer-cont .input-wrap .print_name {position:relative;left:50%;transform:translateX(-50%);height:48px;font-size: 20px;line-height: 48px;letter-spacing:0.045em;padding-right: 91px;box-sizing: border-box;border: none;font-weight: bold;width: 502px;padding: 0;padding-right: 36px;line-height: inherit;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result {display: block;margin: 0;width: 100%;text-align: left;display: none;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .no-same { display: none; padding: 0 100px; text-align: center; word-break: break-all; } .printer_filter.printer_filter01 .printer-cont .printer-cont-value .no-same p {font-size: 22px;letter-spacing: -0.025em;line-height: 26px;color: #1b8cff;padding-top: 94px;font-weight: bold;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .no-same p .model-name { font-weight: bold; } .printer_filter.printer_filter01 .txt .more-btn00 a:after{content:' ';display:block;width: 100%;height:2px;position: relative;bottom: 5px;background-color: #000;left: 0;} .printer_filter.printer_filter01 .printer-cont .input-wrap .btn-enter {left: auto;right: 19px;top: 0;width: 33px;height: 48px;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-pc-enter.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;display: inline-block;position: absolute;background-size: 20px 15px;} .printer_filter.printer_filter01.search-result .printer-cont {padding-top: 0;} .printer_filter.printer_filter01.search-result .txt {position: relative;top: 0;padding: 0;padding-bottom: 24px;padding-top: 45px;min-height: 100% !important;} .printer_filter.printer_filter01.search-result .txt .feature-title {letter-spacing: -0.025em;font-size: 46px;line-height: 58px;} .printer_filter.printer_filter01.search-result .printer-cont .printer-cont-value .printer-basic {display: none;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model {display: inline-block;height: 100%;text-align: left;vertical-align: top;padding: 98px 57px;padding: 43px 54px;padding-right: 42px;padding-right: 38px;width: 278px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj {display: block;width: 100%;position: static;text-align: center;padding-left: 1px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj img {width: 206px;text-align: center;margin: 0 auto;width: 200px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt {position: static;top: 0;text-align: center;padding-top: 39px;padding-top: 9px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt h2 {font-size: 24px;letter-spacing: -0.02em;line-height: 40px;font-weight: bold;font-size: 22px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .model-title {font-size: 12px;line-height: 12px;letter-spacing: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-list ul li .txt {position: relative;top: 0;text-align: left;padding-top: 11px;text-align: center;padding-bottom: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list{font-size:0;display:inline-block;box-sizing: border-box;margin-bottom: 0;position:relative;padding: 0;margin-top: 36px;overflow: hidden;width: 1018px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap{width: 890px;position: relative;overflow: hidden;margin-left: 56px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list{width: 100%;margin-left: 7px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li{width: 260px;height: 392px;display:inline-block;border:1px solid #d9d9d9;box-sizing:border-box;border-radius:18px;margin-right: 20px;padding: 0px 18px 10px;position: relative;vertical-align: top;padding-top: 38px;background: #fff;text-align: center;padding-top: 27px;cursor: pointer;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li h2{font-size: 18px;font-weight:700;letter-spacing:-0.02em;margin-bottom: 0;line-height: 24px;margin-bottom: 9px;font-family: 'SamsungSharpSans', 'SamsungOneKorean', 'Dotum', '돋움', 'Apple SD Gothic Neo', arial;padding: 0 3px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li h2 span {word-break: keep-all;display: block;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p{font-size: 12px;font-weight:400;letter-spacing:-0.02em;color: #000000;line-height: 1.2;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li a{font-size:14px;font-weight:700;letter-spacing:0em;color:#000;display: inline-block;width: inherit;height: inherit;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .obj{background-color: #fff;left: 50%;transform: translateX(-50%);position: relative;border-radius: 14px;height: 90px;width: 165px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj{width: 100%;position: absolute;top: 3px;left: 50%;transform: translateX(-50%);} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a{top: 181px;left: 0;position: absolute;width: 40px;height: 40px;text-indent: -9999px;margin-top: 0;display: none;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.prev{background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-prev.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;left: 4px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next{right: 8px;left: auto;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-next.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;} body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.prev:hover, body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.prev:focus{background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-prev-h.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;} body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next:hover, body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next:focus{background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-next-h.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result {padding: 0px 30px;padding-top: 0px;padding-right: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .txt {position: relative;top: 0;padding-bottom: 22px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .txt .feature-title {letter-spacing: -0.05em;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .model-title {font-size: 12px;line-height: 12px;letter-spacing: 0;color: #000;height: auto;margin-bottom: 13px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price {padding-left: 10px;margin-left: 0;padding-right: 0;border-bottom: 2px solid #dddddd;padding-bottom: 10px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li {text-align: left;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li > div {font-weight: 700;font-size: 14px;letter-spacing: 0;margin-bottom: 0;line-height: 1.6;text-align: left;display: inline-block;left: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li div {font-weight: 700;font-size: 14px;letter-spacing: 0;margin-bottom: 0;line-height: 1.6;text-align: left;display: inline-block;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li div.price-number {color: #000;padding-left: 0;font-family: 'SamsungSharpSans', 'SamsungOneKorean';float: right;padding-right: 10px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.print-notice {letter-spacing: 0;padding-top: 15px;font-size: 12px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link {font-size: 16px;font-weight: 400;letter-spacing: -0.02em;margin-bottom: 14px;word-break: keep-all;width: 94px;line-height: 38px;display: inline-block;margin-top: 13px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-buy{color: #fff;border: none;border-radius: 50vh;background: #000;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view {width: 100%;letter-spacing: 0.05em;line-height: 17px;margin-top: 54px;padding-top: 49px;border-top: 2px solid #dddddd;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view a {letter-spacing: 0.05em;width: auto;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.right {float: right;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.left {float: left;background: none;border: none;border-bottom: 1px solid black;border-radius: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.left a {color: #000;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-buy a {color: #fff;letter-spacing: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li div.price-number::after {content: '';display: block;clear: both;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-img {transform: none;left: 0;text-align: center;margin: 0 7.5px;margin-top: 10px;position: relative;border: 1px solid #cfcfcf;display: inline-block;border-radius: 51vh;box-sizing: border-box;width: 18px;height: 18px;margin-bottom: 6px;margin-top: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link a {width: 100%;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-view a:after {content:' ';display:block;width:62px;width: 100%;height:2px;position: relative;bottom: -1px;background-color:#000;} .printer_filter.printer_filter01.search-result .printer-cont .printer-cont-value .printer-result {display: block;width: 100%;} .printer_filter .printer-cause-wrap { position: relative; width: 100%; height: 100%; } .printer_filter .printer-cause-wrap .printer-cause {position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;background: #f7f7f7;display: none;opacity: 0;} .printer_filter .printer-cause-wrap .printer-cause .txt {top: 35px;top: 45px;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause .txt { z-index: 1; } .printer_filter .printer-cause-wrap .printer-cause .txt .feature-title {font-size: 46px;line-height: 58px;letter-spacing: -0.025em;} .printer_filter .printer-cause-wrap .printer-cause .txt .feature-desc {margin-top: 20px;margin-top: 18px;line-height: 28px;letter-spacing: -0.6px;letter-spacing: -0.03em;} .printer_filter .printer-cause-wrap .printer-cause .obj {position: relative;width: 100%;} .printer_filter.printer_filter02 {background: #f7f7f7;z-index: 2;} .printer_filter.printer_filter02 .slide_btn .printer_arrow a {position: absolute;top: 50%;width: 42px;height: 78px;margin-top: -39px;text-indent: -9999px;} .printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev {display: none;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-prev.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: contain;left: 27px;} .printer_filter.printer_filter02 .slide_btn .printer_arrow a.next {display: block;right: 20px;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-next.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: contain;left: auto;right: 27px;} body:not(.touch-device) .printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev:hover, body:not(.touch-device) .printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev:focus {background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-prev-h.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: contain;} body:not(.touch-device) .printer_filter.printer_filter02 .slide_btn .printer_arrow a.next:hover, body:not(.touch-device) .printer_filter.printer_filter02 .slide_btn .printer_arrow a.next:focus {background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-next-h.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: contain;} .printer_filter.printer_filter02 .slide_btn .carou { position: absolute; top: 660px; width: 100%; text-align: center; font-size: 0; } .printer_filter.printer_filter02 .slide_btn .carou li { display: inline-block; width: 15px; height: 15px; margin: 0 4.5px; } .printer_filter.printer_filter02 .slide_btn .carou li a { background: none; border: 1px solid #000; border-radius: 100%; box-sizing: border-box; text-indent: -9999px; } .printer_filter.printer_filter02 .slide_btn .carou li a.active { background: #000; } .printer_filter.printer_filter02 .close_btn { position: absolute; top: 40px; right: 40px; width: 32px; height: 32px; z-index: 2; } .printer_filter.printer_filter02 .close_btn a { background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-close.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center; background-size: 100%; text-indent: -9999px; } .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap {position: absolute;left: 239px;top: 282px;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap .valign{border-radius: 51vh; width: 136px;height: 136px; border: 1px solid gray;color: #ffffff;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-gray-circle.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-color: gray;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap .valign .middle {display: table-cell;vertical-align: middle;padding-top: 7px;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap .valign .middle .circle-txt-title {font-family: 'SamsungSharpSans';font-size: 38px;letter-spacing: 0;padding-left: 17px;line-height: 28px;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap .valign .middle .circle-txt-title > span {font-size: 19px;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap .valign .middle .circle-txt-desc {font-size: 16px;padding: 0 16px;font-weight: bold;margin-bottom: 2px;line-height: 21px;color: #fff;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 {position: absolute;right: 188px;top: 249px;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 .valign{border-radius: 51vh;color: #ffffff;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-blue-circle.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-color: #2189ff;border: 1px solid #2189ff;width: 202px;height: 202px;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 .valign .middle {padding-top: 8px;padding-bottom: 0px;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 .valign .middle .circle-txt-title {font-family: 'SamsungSharpSans';letter-spacing: 0;padding-left: 17px;font-size: 56px;line-height: 47px;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 .valign .middle .circle-txt-title > span {font-size: 28px;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 .valign .middle .circle-txt-desc {padding: 0 16px;font-weight: bold;margin-bottom: 2px;color: #fff;font-size: 20px;line-height: 27px;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt-detail-wrap {position: absolute;left: 285px;top: 241px;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt-detail-wrap li {font-weight: bold;margin-bottom: 16px;text-align: right;font-size: 16px;line-height: 21px;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt.txt-graph {position: absolute;bottom: 109px;left: 0;top: auto;font-size: 20px;font-weight: bold;letter-spacing: 0;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt.txt-graph .txt-graph01 {position: relative;display: inline-block;padding-right: 48px;padding-left: 54px;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt.txt-graph .txt-graph02 {position: relative;display: inline-block;color: #2189ff;padding-left: 52px;} .printer_filter.printer_filter02 .printer-cause02 .honey-tips {position: absolute;top: 268px;text-align: left;width: 302px;padding: 0 37px;right: 139px;padding: 0;} .printer_filter.printer_filter02 .printer-cause02 .honey-tips .tips-title {font-weight: bold;font-size: 26px;letter-spacing: -0.04em;line-height: 34px;color: #2189ff;} .printer_filter.printer_filter02 .printer-cause02 .tips-list {margin-top: 15px;} .printer_filter.printer_filter02 .printer-cause02 .tips-list ul li {padding-left: 19px;margin-bottom: 0px;font-size: 16px;line-height: 26px;letter-spacing: -0.025em;} .printer_filter.printer_filter02 .printer-cause02 .tips-list ul li:last-child {margin-bottom: 0;} .printer_filter.printer_filter02 .printer-cause02 .tips-list ul li .notice-mark {position: absolute;left: 1px;} .printer_filter.printer_filter01 .printer-cont .input-wrap.auto-search .print_name {border: none;} .printer_filter.printer_filter01 .printer-cont .auto-search {z-index: 9999;} .input-wrap .auto-complete-area-wrap {position:absolute;width:624px;background-color: #fff;top: 0px;left: 50%;transform: translateX(-50%);border-radius: 24px;padding: 0;box-shadow: 0 0 10px rgba(0,0,0,0.46);display: none;overflow: hidden;height: auto;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area {max-height: 175px;height: auto;overflow: hidden;margin: 52px 0 20px;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area li{display:block;text-align:left;font-size:18px;line-height: 35px;letter-spacing:0.045em;text-indent: 23px;font-weight: normal;padding-left: 38px;padding-right: 38px;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area li a{color: #000;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area li a span{color: #1e88fe;} .input-wrap a.btn-input-cancel{display: none;background-image: url('//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-pc-cancel.png?$ORIGIN_PNG$&fmt=png-alpha');width: 31px;height: 48px;background-repeat: no-repeat;background-size: 16px 15px;position: absolute;background-position: center;top: 0px;background-size: auto;left: Calc(50% + 229px);} .printer_filter.printer_filter01 #return-btn {display: none;} .printer_filter.printer_filter01.search-result #return-btn {display: inline-block;position: absolute;width: 40px;height: 30px;z-index: 9999;top: 34px;left: 32px;} .printer_filter.printer_filter01.search-result #return-btn a {display: block;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-pc-return.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;font-size: 0;background-size: inherit;background-size: 62%;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price {border-bottom: 2px solid #dddddd;padding: 0 18px;padding-top: 11px;padding-bottom: 15px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li {text-align: left;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li > div {font-weight: 700;font-size: 14px;letter-spacing: 0;margin-bottom: 0;line-height: 1.6;text-align: left;display: inline-block;left: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li div {font-weight: 700;font-size: 18px;margin-bottom: 0;line-height: 1.6;text-align: left;display: inline-block;letter-spacing: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li div.price-number {color: #000;padding-left: 0;font-family: 'SamsungSharpSans', 'SamsungOneKorean';float: right;padding-right: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.print-notice {font-size: 12px;letter-spacing: 0;line-height: 24px;padding-top: 9px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link {font-size: 14px;font-weight: 400;letter-spacing: 0.05em;margin-bottom: 14px;word-break: keep-all;margin-top: 8px;line-height: 38px;width: 94px;display: inline-block;font-weight: bold;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy{color: #fff;border: 1px solid black;border-radius: 50vh;background: #000;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view {width: auto;margin-left: 0px;margin-right: 0;letter-spacing: 0.05em;margin-top: 82px;padding-top: 49px;line-height: 17px;border-top: 2px solid #dddddd;width: 100%;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a {letter-spacing: 0.05em;width: auto;display: inline-block;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.right {float: right;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.left {float: left;background: none;border: none;border-bottom: 1px solid black;border-radius: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.left a {color: #000;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy a {color: #fff;letter-spacing: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a:after {content:' ';display:block;width:62px;width: 100%;height:2px;position: relative;bottom: -1px;background-color:#000;} .input-wrap.auto-search .auto-complete-area-wrap ul.auto-complete-area.mCS_no_scrollbar {height: 100%;overflow: hidden;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-img.dot-img-y {background: #fff200;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-img.dot-img-m {background: #ec008c;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-img.dot-img-c {background: #00aeef;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-img.dot-img-k {background: #000000;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-wrap {display: block;text-align: center;width: 100%;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area .mCSB_scrollTools {margin-right: 27px;margin-top: 10px;margin-bottom: 10px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li div::after {content: '';display: block;clear: both;} @-webkit-keyframes borderAnimateprinter {from {visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0)}to {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1)}} @keyframes borderAnimateprinter {from {visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0)}to {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1)}} body:not(.touch-device) .printer_filter.printer_filter01 .txt .more-btn00 a:hover:after, body:not(.touch-device) .printer_filter.printer_filter01 .txt .more-btn00 a:focus:after {-webkit-animation: borderAnimateprinter 0.6s both;animation: borderAnimateprinter 0.6s both;-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 0.2);animation-timing-function: cubic-bezier(0.4, 0, 0, 0.2);-webkit-animation-delay: .1s;animation-delay: .1s;background-color: #555;} body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a:hover:after, body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a:focus:after {-webkit-animation: borderAnimateprinter 0.6s both;animation: borderAnimateprinter 0.6s both;-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 0.2);animation-timing-function: cubic-bezier(0.4, 0, 0, 0.2);-webkit-animation-delay: .1s;animation-delay: .1s;background-color: #555;} body:not(.touch-device) .printer_filter.printer_filter02 .slide_btn .carou li a:hover, body:not(.touch-device) .printer_filter.printer_filter02 .slide_btn .carou li a:focus { background: #000; } body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a:hover, body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a:focus {color: #555;} body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-buy:hover, body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-buy:focus {border-color: #555;background-color: #555;color: #eee;} body:not(.touch-device) .input-wrap .auto-complete-area-wrap ul.auto-complete-area li a:focus, body:not(.touch-device) .input-wrap .auto-complete-area-wrap ul.auto-complete-area li a:hover, .input-wrap .auto-complete-area-wrap ul.auto-complete-area li.focus a {background:#eaeaea;} .touch-device .input-wrap .auto-complete-area-wrap ul.auto-complete-area {overflow: auto;margin-right: 29px;} .touch-device .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap {padding-bottom: 30px;} .touch-device .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list {display: block;width: intrinsic;width: -moz-max-content;width: -webkit-max-content;width: max-content;} .printer_filter.printer_filter01 .printer-cont .input-wrap input[type=text]::-ms-clear {display:none;} body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li:hover, body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li:focus {border-color: #000;} .printer_filter.printer_filter01 .printer-cont .input-wrap .search-ico {background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-search.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;background-size: contain;width: 22px;height: 48px;display: block;top: 0;position: absolute;margin-left: 24px;} body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view a:hover:after, body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view a:focus:after {-webkit-animation: borderAnimateprinter 0.6s both;animation: borderAnimateprinter 0.6s both;-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 0.2);animation-timing-function: cubic-bezier(0.4, 0, 0, 0.2);-webkit-animation-delay: .1s;animation-delay: .1s;background-color: #555;} body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view a:hover, body:not(.touch-device) .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view a:focus {color: #555;} .printer_filter.printer_filter01 .printer-cont .input-wrap .print_name::{font-weight: 400;} .printer_filter.printer_filter01 .printer-cont .input-wrap .print_name::-webkit-input-placeholder {font-weight: 400;} .printer_filter.printer_filter01 .printer-cont .input-wrap .print_name:-ms-input-placeholder {font-weight: 400;} @media (max-width: 1440px){ .printer_wrap .txt .feature-desc {font-size: 1.2500vw; line-height: 2.2222vw; letter-spacing: 0; margin-top: 1.1806vw;} .printer_wrap .feature-notice {margin-top: 0.9722vw;} .printer_wrap .feature-notice .notice {font-size: 1.1111vw;line-height: 1.6667vw;letter-spacing: -0.03em;} .printer_filter {/* height: 49.3750vw; */height: 100%;min-height: 49.3750vw;} .printer_filter.printer_filter01 .printer-cont .input-wrap {padding-left: 0;width: 43.3333vw;margin: 0 auto;} .printer_filter.printer_filter01 .txt {padding-top: 11.1806vw;min-height: 18.6111vw;} .printer_filter.printer_filter01 .txt .feature-title {font-size: 3.3333vw;line-height: 4.7139vw;} .printer_filter.printer_filter01 .txt .more-btn00 {margin-top: 0.2778vw;} .printer_filter.printer_filter01 .txt .more-btn00 a {line-height: 2.3611vw;font-size: 1.2500vw;} .printer_filter.printer_filter01 .printer-cont {padding: 18.0556vw 0 0;} .printer_filter.printer_filter01 .printer-cont {padding-top: 4.4444vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt .feature-title {font-size: 1.2500vw;line-height: 1.6667vw;margin-top: 2.1528vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt .feature-desc {line-height: 2.0833vw;font-size: 1.2500vw;} .printer_filter.printer_filter01 .printer-cont .input-wrap .print_name {height:3.3333vw;background-size: 1.5278vw;background-position-x: 1.6667vw;background-color: #fff;width: 35.1389vw;padding: 0;padding-right: 2.5000vw;font-size: 1.3889vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result {margin: 0;width: 100%;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .no-same {padding: 0 6.9444vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .no-same p {font-size: 1.5278vw;letter-spacing: -0.025em;line-height: 1.8056vw;padding-top: 6.5278vw;} .printer_filter.printer_filter01 .txt .more-btn00 a:after{height: 2px;bottom: 0.3472vw;} .printer_filter.printer_filter01 .printer-cont .input-wrap .btn-enter {left: auto;right: 1.3194vw;top: 0;width: 2.2917vw;height: 3.3333vw;background-size: 1.3889vw 1.0417vw;} .printer_filter.printer_filter01.search-result .txt {padding: 0;padding-bottom: 1.6667vw;padding-top: 3.1250vw;} .printer_filter.printer_filter01.search-result .txt .feature-title {font-size: 3.1944vw;line-height: 4.0278vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model {padding: 3.7500vw 3.7500vw;padding-right: 2.6389vw;width: 19.3056vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj {padding-left: 0.0694vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj img {width: 12.2917vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt {padding-top: 1.3194vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt h2 {font-size: 1.5278vw;line-height: 2.7778vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .model-title {font-size: 0.8333vw;line-height: 0.84vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-list ul li .txt {padding-top: 0.7639vw;padding-bottom: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list {font-size:0;margin-top: 2.5vw;width: 70.6944vw;max-width: 72%;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap{width: 61.8056vw;margin-left: 3.8889vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list{width: 100%;margin-left: 0.4861vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li{width: 18.0556vw;border-radius:1.2500vw;height: 27.2222vw;margin-right: 1.3889vw;padding: 0 1.2500vw 0.6944vw;padding-top: 2.7083vw;padding-top: 1.8750vw;padding-top: 1.8750vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li h2{font-size: 1.25vw;line-height: 1.67vw;margin-bottom: 0.6250vw;padding: 0 0.2083vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li a{font-size:0.9722vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .obj{height: 6.2500vw;width: 11.4583vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a{top: 12.57vw;width: 2.78vw;height: 2.78vw;text-indent: -694.3750vw;margin-top: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.prev{background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-prev.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;left: 0.2778vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next{right: 0.5556vw;left: auto;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-next.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: contain;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result {padding: 0 2.0833vw;padding-right: 0;margin-right: 0;width: 100vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .txt {padding-bottom: 1.5278vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .model-title {font-size: 0.8333vw;line-height: 0.84vw;margin-bottom: 0.9028vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price {padding-left: 0.6944vw;padding-right: 0;padding-bottom: 0.6944vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li > div {font-size: 0.9722vw;line-height: 1.6;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li div {font-size: 0.9722vw;line-height: 1.6;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li div.price-number {padding-right: 0.6944vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.print-notice {padding-top: 1.0417vw;font-size: 0.8333vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link {font-size: 1.1111vw;margin-bottom: 0.9722vw;width: 6.5278vw;line-height: 2.6389vw;margin-top: 0.9028vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view {margin-right: 0;line-height: 1.1806vw;margin-top: 3.7500vw;padding-top: 3.4028vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-img {transform: none;left: 0;margin: 0 0.5208vw;margin-top: 0.6944vw;width: 1.2500vw;height: 1.2500vw;margin-bottom: 0.4167vw;margin-top: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-view a:after {width:4.3056vw;height: 2px;width: 100%;} .printer_filter .printer-cause-wrap .printer-cause .txt {top: 3.1250vw;} .printer_filter .printer-cause-wrap .printer-cause .txt .feature-title {font-size: 3.1944vw;line-height: 4.0278vw;} .printer_filter .printer-cause-wrap .printer-cause .txt .feature-desc {margin-top: 1.2500vw;line-height: 1.95vw;letter-spacing: -0.03em;} .printer_filter.printer_filter02 .slide_btn .printer_arrow a {width: 2.9167vw;height: 5.4167vw;margin-top: -2.7083vw;text-indent: -694.3750vw;} .printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev {left: 1.8750vw;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-prev.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: contain;} .printer_filter.printer_filter02 .slide_btn .printer_arrow a.next {right: 1.8750vw;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-next.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: contain;left: auto;} .printer_filter.printer_filter02 .slide_btn .carou {top: 45.8333vw;} .printer_filter.printer_filter02 .slide_btn .carou li {width: 1.0417vw; height: 1.0417vw; margin: 0 0.3125vw; } .printer_filter.printer_filter02 .slide_btn .carou li a {text-indent: -694.3750vw;} .printer_filter.printer_filter02 .close_btn {top: 2.7778vw; right: 2.7778vw; width: 2.2222vw; height: 2.2222vw;} .printer_filter.printer_filter02 .close_btn a { background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-close.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center; background-size: 100%; text-indent: -694.3750vw; } .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap {left: 16.5972vw;top: 19.5833vw;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap .valign{width: 9.45vw;height: 9.45vw;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-gray-circle.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap .valign .middle {padding-top: 0.4861vw;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap .valign .middle .circle-txt-title {font-size: 2.6389vw;padding-left: 1.1806vw;line-height: 1.95vw;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap .valign .middle .circle-txt-title > span {font-size: 1.3194vw;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap .valign .middle .circle-txt-desc {font-size: 1.1111vw;padding: 0 1.1111vw;margin-bottom: 0.1389vw;line-height: 1.46vw;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 {right: 13.0556vw;top: 17.2917vw;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 .valign{background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-blue-circle.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;border: 0.0694vw solid #2189ff;width: 14.0278vw;height: 14.0278vw;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 .valign .middle {padding-top: 0.5556vw;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 .valign .middle .circle-txt-title {padding-left: 1.1806vw;font-size: 3.8889vw;line-height: 3.2639vw;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 .valign .middle .circle-txt-title > span {font-size: 1.9444vw;} .printer_wrap .printer-cause.printer-cause00 .circle-txt-wrap-02 .valign .middle .circle-txt-desc {padding: 0 1.1111vw;margin-bottom: 0.1389vw;font-size: 1.3889vw;line-height: 1.8750vw;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt-detail-wrap {left: 19.7917vw;top: 16.7361vw;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt-detail-wrap li {margin-bottom: 1.1111vw;font-size: 1.1111vw;line-height: 1.46vw;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt.txt-graph {bottom: 7.5694vw;font-size: 1.3889vw;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt.txt-graph .txt-graph01 {padding-right: 3.3333vw;padding-left: 3.7500vw;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt.txt-graph .txt-graph02 {padding-left: 3.6111vw;} .printer_filter.printer_filter02 .printer-cause02 .honey-tips {top: 18.6111vw;width: 20.9722vw;right: 9.6528vw;} .printer_filter.printer_filter02 .printer-cause02 .honey-tips .tips-title {font-size: 1.8056vw;letter-spacing: -0.04em;line-height: 2.3611vw;} .printer_filter.printer_filter02 .printer-cause02 .tips-list {margin-top: 1.0417vw;} .printer_filter.printer_filter02 .printer-cause02 .tips-list ul li {padding-left: 1.3194vw;font-size: 1.1111vw;line-height: 1.8056vw;} .printer_filter.printer_filter02 .printer-cause02 .tips-list ul li .notice-mark {left: 0.0694vw;} .input-wrap .auto-complete-area-wrap {width:43.3333vw;top: 0;border-radius: 1.6667vw;padding: 3.6111vw 0 1.3889vw;padding: 0;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area {max-height: 12.1528vw;margin: 3.6111vw 0 1.3889vw;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area li{font-size:1.2500vw;line-height: 2.4306vw;text-indent: 1.5972vw;padding-left: 2.6389vw;padding-right: 2.6389vw;} .input-wrap a.btn-input-cancel{background-image: url('//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-pc-cancel.png?$ORIGIN_PNG$&fmt=png-alpha');height: 3.3333vw;top: 0;left: Calc(50% + 15.9028vw);width: 2.1528vw;} .printer_filter.printer_filter01.search-result #return-btn {width: 2.7778vw;height: 2.0833vw;top: 2.3611vw;left: 2.2222vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price {padding: 0 1.2500vw;padding-top: 0.7639vw;padding-bottom: 1.0417vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li {} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li > div {font-size: 0.9722vw;letter-spacing: 0;margin-bottom: 0;line-height: 1.6;left: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li div {font-size: 1.2500vw;margin-bottom: 0;line-height: 1.6;letter-spacing: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li div.price-number {padding-left: 0;font-family: 'SamsungSharpSans', 'SamsungOneKorean';padding-right: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.print-notice {font-size: 0.8333vw;letter-spacing: 0;line-height: 1.6667vw;padding-top: 0.6250vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link {font-size: 0.9722vw;letter-spacing: 0.05em;margin-bottom: 0.9722vw;word-break: keep-all;margin-top: 0.5556vw;line-height: 2.6389vw;width: 6.5278vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy{border-radius: 50vh;background: #000;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view {width: 100%;margin-left: 0;margin-right: 0.9722vw;margin-top: 5.6944vw;padding-top: 3.4028vw;line-height: 1.1806vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a {letter-spacing: 0.05em;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.right {} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.left {background: none;border: none;border-bottom: 0.0694vw solid black;border-radius: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.left a {} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy a {letter-spacing: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj {top: 0.2083vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a:after {width:4.3056vw;width: 100%;bottom: -0.0694vw;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area .mCSB_scrollTools {margin-right: 1.8750vw;margin-top: 0.6944vw;margin-bottom: 0.6944vw;} .printer_filter.printer_filter01 .printer-cont .input-wrap .search-ico {background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-search.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;background-size: contain;width: 1.53vw;height: 3.3333vw;top: 0;margin-left: 1.6667vw;} .touch-device .input-wrap .auto-complete-area-wrap ul.auto-complete-area {margin-right: 2.0139vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt {padding-top: 6.39vw;} } @media (max-width:1024px){ .printer_wrap .txt .feature-desc {font-size: 13px; line-height: 23px;margin-top: 12px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt .feature-desc {line-height: 21px;font-size: 13px;} .printer_filter .printer-cause-wrap .printer-cause .txt .feature-desc {margin-top: 13px;line-height: 20px;} .printer_wrap .feature-notice .notice {font-size: 11px;line-height: 17px;letter-spacing: -0px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li {height: auto;} .printer_filter.printer_filter02 .printer-cause02 .honey-tips {width: 215px;left: 67.7vw;right: auto;} .printer_filter.printer_filter02 .printer-cause02 .tips-list ul li {padding-left: 14px;font-size: 11px;line-height: 18px;} .printer_filter.printer_filter02 .slide_btn .printer_arrow a {width: 30px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap {max-width: 88%;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .model-title {font-size: 9px;line-height: 9px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.print-notice {font-size: 9px;letter-spacing: 0;line-height: 17px;padding-top: 6px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .model-title {font-size: 9px;line-height: 9px;margin-bottom: 9px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.print-notice {padding-top: 10px;font-size: 9px;height: 24px;padding-right: 0.65vw;padding-left: 0.65vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .no-same p {font-size: 16px;letter-spacing: -0.025em;line-height: 18px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li a{font-size:10px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link {font-size: 11px;margin-bottom: 9px;width: 67px;line-height: 27px;margin-top: 8px;} .touch-device .printer_filter.printer_filter02 .printer-cause02 .honey-tips {width: 215px;left: 69.34vw;right: auto;} .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right: 0;margin-bottom: 2.0833vw;} .printer_filter.printer_filter01.search-result .printer-cont .printer-cont-value .printer-result {box-sizing: border-box;} .touch-device .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap {padding-bottom: 2.0833vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt .feature-title {letter-spacing: -0.025em;font-size: 13px;line-height: 17px;} .printer_filter.printer_filter01 .txt .more-btn00 a {line-height: 24px;font-size: 13px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view {line-height: 12px;margin-top: 38px;padding-top: 54px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price {padding-bottom: 6px;} } @media (max-width:900px){ .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt-detail-wrap li .line {width: 39px;height: 1px;left: 101px;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause01 .txt-detail-wrap li .line:after{bottom: 1px;width: 3px;height: 3px;left: 39px;} .printer_wrap .feature-notice {margin-top: 0.5vw;} } @media (max-width:770px){ .touch-device .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap {padding-bottom: 1.7833vw;} } @media (max-width: 768px){ .printer_wrap .pc_only { display: none; } .printer_wrap .m_only { display: block; } .printer_wrap .txt .feature-desc {font-size: 3.6458vw;line-height: 4.1667vw;letter-spacing: 0;margin-top: 0;} .printer_wrap .feature-notice {margin-top: 3.2552vw;padding: 0 2.6042vw;} .printer_wrap .feature-notice .notice {font-size: 3.3854vw;line-height: 5.5599vw;letter-spacing: -0.03em;} .printer_filter {height: 100%;/* height: 188.8021vw; */min-height: 188.8021vw;} .printer_filter.printer_filter01 .printer-cont .input-wrap {padding-left: 0;width: 70.3125vw;margin: 0 auto;width: 80.7292vw;margin-top: 37.2396vw;} .printer_filter.printer_filter01 .txt {padding-top: 26.1719vw;min-height: 43.4115vw;} .printer_filter.printer_filter01 .txt .feature-title {font-size: 7.1615vw;line-height: 8.7240vw;letter-spacing: -0.025em;} .printer_filter.printer_filter01 .txt .more-btn00 {margin-top: 3vw;} .printer_filter.printer_filter01 .txt .more-btn00 a {font-size: 3.6458vw;line-height: 5.3385vw;} .printer_filter.printer_filter01 .printer-cont {padding: 0;padding-top: 7.6783vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt .feature-title {font-size: 3.6458vw;line-height: 4.5vw;margin-top: 7.1vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt .feature-desc {margin-top: 0.651vw;font-size: 3.6458vw;line-height: 5.8594vw;} .printer_filter.printer_filter01 .printer-cont .input-wrap .print_name {width: 55.7292vw;height: 12.2396vw;font-size: 3.9063vw;letter-spacing: -0.02em;padding-right: 8vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result {margin: 0;width: 100%;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .no-same {padding: 0 3.9063vw;margin-top: 6.7708vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .no-same p {padding-top: 0;font-size: 4.4271vw;letter-spacing: -0.025em;line-height: 6.7708vw;} .printer_filter.printer_filter01 .txt .more-btn00 a:after{height: 2px;left: 0;bottom: 0;} .printer_filter.printer_filter01 .printer-cont .input-wrap .btn-enter {left: auto;right: 3.776vw;top: 0;width: 7.1615vw;height: 12.3698vw;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-enter-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 4.1667vw 3.2552vw;} .printer_filter.printer_filter01.search-result .txt {padding: 0;padding-bottom: 5.2083vw;padding-top: 8.8542vw;} .printer_filter.printer_filter01.search-result .txt .feature-title {font-size: 7.1615vw;line-height: 8.7240vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model {padding: 0;width: 100%;box-sizing: border-box;display: block;padding: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj {padding-top: 10.4167vw;width: 28.6458vw;position: absolute;display: block;height: auto;width: 31.9010vw;padding-top: 8.8542vw;padding-left: 16.1458vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj img {width: 100%;margin: 0;height: auto;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt {margin-left: 0;display: inline-block;padding: 0 10.4167vw;padding-top: 5.3385vw;width: 100vw;left: 0;text-align: center;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt h2 {font-size: 4.4271vw;line-height: 5.8594vw;text-align: left;padding-left: 42.4479vw;padding-right: 2vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .model-title {font-size: 3.1250vw;line-height: 7.6823vw;text-align: left;padding-left: 42.3177vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-list ul li .txt {padding: 0 3.9063vw;padding-top: 5.9896vw;padding-bottom: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list{font-size:0;margin-top: 2.7344vw;width: 100%;max-width: 100%;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap{width: 100%;margin: 0;max-width: 100%;padding-top: 3.3854vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list{width: 100%;margin: 0;margin-bottom: 1.1719vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li{width: 74.8698vw;height: 74.8698vw;border-radius:1.2500vw;margin-right: 0.0000vw;padding: 0;margin-left: 3.7760vw;display: inline-block;box-sizing: border-box;border-radius: 5.2083vw;text-align: left;margin: 0.0000vw 1.9531vw;left: 10.6771vw;left: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li h2{padding: 0;font-size: 3.9063vw;line-height: 4.6875vw;text-align: left;padding-left: 36.1979vw;margin-bottom: 0.7813vw;height: 14.0625vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li a{font-size: 3.3854vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .obj{left: 0;border-radius: 0;transform: none;position: absolute;display: block;height: auto;background: none;width: 27.9948vw;padding-top: 17.7083vw;padding-left: 5.4688vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a{display: none;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result {width: 100%; padding: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .txt {padding-bottom: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .model-title {font-size: 3.1250vw;line-height: 3.9063vw;margin-bottom: 10.6771vw;letter-spacing: -0.02em;padding-left: 36.1979vw;display: block;text-align: left;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price {margin-left: 0;padding-left: 36.1979vw;padding-right: 0;padding-bottom: 2.6042vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li > div {font-size: 3.3854vw;line-height: 4.6875vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li div {font-size: 3.3854vw;line-height: 4.6875vw;padding-right: 0.7vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li div.price-number {padding-right: 0;float: none;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.print-notice {padding: 0;padding-top: 2.6042vw;font-size: 3.1250vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link {font-size: 3.3854vw;margin-bottom: 0;margin-top: 3.5458vw;line-height: 10.5563vw;width: 26.4323vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view {margin-right: 0;margin-bottom: 0;margin-top: 11.9792vw;letter-spacing: 0.05em;padding-top: 12.6208vw;line-height: 3.9063vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-img {width: 4.4271vw;height: 4.4271vw;transform: none;left: 40.3646vw;margin: 0 auto;margin-top: 0;border-radius: 51vh;top: 27.9948vw;position: absolute;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-view a:after {width: 100%;height: 2px;bottom: -1px;} .printer_filter.printer_filter01 .printer-cont .input-wrap .btn a {display: block;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-search-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat;background-size: 100%;} .printer_filter.printer_filter01 .printer-cont .input-wrap .btn-enter a {display: block;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-enter-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic {margin-top: 6.5104vw;} .printer_filter .printer-cause-wrap .printer-cause .txt {top: 17.8385vw;padding: 0.0000vw 3.9063vw;} .printer_filter .printer-cause-wrap .printer-cause .txt .feature-title {font-size: 7.1615vw;line-height: 8.7240vw;padding: 0 4.5573vw;} .printer_filter .printer-cause-wrap .printer-cause .txt .feature-desc {margin-top: 4.4271vw;line-height: 5.4688vw;letter-spacing: -0.03em;} .printer_filter.printer_filter02 .slide_btn .printer_arrow {display: none;} .printer_filter.printer_filter02 .slide_btn .printer_arrow a {display: none;} .printer_filter.printer_filter02 .slide_btn .carou {top: auto;bottom: 5.9896vw;} .printer_filter.printer_filter02 .slide_btn .carou li {width: 2.6042vw;height: 2.6042vw;margin: 0 0.9635vw;} .printer_filter.printer_filter02 .slide_btn .carou li a {text-indent: -694.3750vw;} .printer_filter.printer_filter02 .slide_btn .carou li a.active {} .printer_filter.printer_filter02 .close_btn {top: 5.2083vw;right: 4.4271vw;width: 6.6406vw;height: 6.6406vw;} .printer_filter.printer_filter02 .close_btn a { background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common-close.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center; background-size: 100%; text-indent: -694.3750vw; } .printer_filter.printer_filter02 .printer-cause02 .honey-tips .tips-title {font-size: 4.4271vw;letter-spacing: -0.04em;line-height: 5.2083vw;} .printer_filter.printer_filter02 .printer-cause02 .tips-list {margin-top: 2.4740vw;} .printer_filter.printer_filter02 .printer-cause02 .tips-list ul li {padding-left: 3.3854vw;font-size: 2.8646vw;line-height: 4.1667vw;} .printer_filter.printer_filter02 .printer-cause02 .tips-list ul li .notice-mark {left: 0.1302vw;} .input-wrap .auto-complete-area-wrap {width: 100%;top: 0;border-radius: 1.6667vw;padding: 3.6111vw 0 1.3889vw;position: absolute;width: 80.7292vw;background-color: #fff;top: 0vw;left: 50%;transform: translateX(-50%);border-radius: 6.528vw;padding: 12.6302vw 0 7.9427vw;padding: 0;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area {max-height: 39.0625vw;margin: 12.6302vw 0 7.9427vw;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area li{font-size: 3.9063vw;line-height: 8.4vw;text-indent: 0;padding-left: 12.5000vw;padding-right: 12.5vw;} .input-wrap a.btn-input-cancel{background-image: url('//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-cancel-m.png?$ORIGIN_PNG$&fmt=png-alpha');width: 7.1615vw;height: 12.3698vw;background-repeat: no-repeat;background-size: 3.777vw 3.777vw;background-size: 3.7760vw 3.7760vw;position: absolute;background-position: center;top: 0vw;left: Calc(50% + 20.5729vw);} .printer_filter.printer_filter01.search-result #return-btn {width: 4.69vw;height: 3.52vw;display: block;position: absolute;top: 11.584vw;left: 6.5vw;left: 5.5vw;} .touch-device .printer_filter.printer_filter02 .printer-cause02 .honey-tips {top: 112.7604vw;width: 58.0833vw;left: 24.2188vw;} .printer_filter.printer_filter02 .printer-cause02 .honey-tips {top: 109.7656vw;width: 57.0833vw;left: 23.5677vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price {margin: 0.0000vw 6.2500vw;padding-top: 0.0000vw;padding-left: 36.1979vw;padding-right: 0;padding-bottom: 2.0833vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li {} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li > div {font-size: 3.3854vw;margin-bottom: 0;line-height: 4.9479vw;letter-spacing: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li div {font-size: 3.3854vw;margin-bottom: 0;line-height: 4.9479vw;letter-spacing: 0;float: none;padding-right: 0.45vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li div.price-number {padding-left: 0;font-family: 'SamsungSharpSans', 'SamsungOneKorean';padding-right: 0;float: none;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.print-notice {font-size: 3.1250vw;letter-spacing: 0;line-height: 3.9063vw;padding-top: 2.6042vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link {font-size: 3.3854vw;letter-spacing: 0.05em;margin-bottom: 0;word-break: keep-all;margin-top: 3.5156vw;line-height: 10.5469vw;width: 26.5625vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy{border-radius: 50vh;background: #000;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view {width: 100%;width: 66.7969vw;margin: 0;line-height: 8.16vw;text-align: center;box-sizing: border-box;padding: 0 4.1667vw;padding-top: 2.8646vw;border: none;margin-top: 7.3568vw;margin-bottom: 2.7344vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a {letter-spacing: 0.05em;line-height: 3.9063vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.left {background: none;border: none;border-bottom: 1px solid #000;border-radius: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy a {letter-spacing: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj {top: 0;display: none;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a:after {width: 100%;height: 2px;bottom: -1px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt:after {content: ' '; display: block; clear:both;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj:after {content: ' '; display: block; clear:both;} .printer_filter.printer_filter01 .obj img {width: 100%;height: auto;} .mCSB_scrollTools.mCSB_scrollTools_horizontal {margin: 0.0000vw 12.6302vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-wrap .dot-img:nth-child(2) {margin-left: 6.9661vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-wrap .dot-img:nth-child(3) {margin-left: 13.9323vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-wrap .dot-img:nth-child(4) {margin-left: 20.8984vw;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area .mCSB_scrollTools {margin-right: 6.32vw;margin-top: 2.7vw;margin-bottom: 0;} .printer_filter.printer_filter01.search-result #return-btn a {display: block;background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-return-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;font-size: 0;background-size: 100%;} .touch-device .printer_filter.printer_filter01.search-result #return-btn {left: 6.5vw;} .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right: 0;margin-bottom: 30px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li:first-child {margin-left: 12.6302vw;/* margin-right: 0 !important; */} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li:last-child {margin-right: 0;} .printer_filter.printer_filter01 .printer-cont .input-wrap .search-ico {background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-search-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;background-size: contain;height: 12.3698vw;width: 4.95vw;top: 0.2604vw;margin-left: 5.21vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li:only-child {margin-left: 0;left: 12.6302vw;} .touch-device .input-wrap .auto-complete-area-wrap ul.auto-complete-area {overflow: auto;margin-right: 6.66vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt {padding-top: 0;} .printer_filter.printer_filter01.search-result .printer-cont .input-wrap {margin-top: 0 !important;} .search-result .printer-cont .input-wrap {margin-top: 0 !important;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li h2 span {display: inline-block;} } @media (max-width: 480px){ .printer_filter.printer_filter02 .printer-cause02 .honey-tips {top: 107.7656vw;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause02 .txt {padding: 0 3vw;} } @media (max-width: 340px){ .printer_filter.printer_filter02 .printer-cause02 .honey-tips {top: 361px;width: 190px;left: 75px;} } @media (max-width: 320px){ .printer_wrap .txt .feature-desc {font-size: 12px;line-height: 13px;letter-spacing: 0;margin-top: 0;} .printer_wrap .feature-notice {margin-top: 10px;padding: 0 8px;} .printer_wrap .feature-notice .notice {font-size: 11px;line-height: 18px;letter-spacing: -0.03em;} .printer_filter {height: 100%;min-height: 604px;/* height: 604px; */} .printer_filter.printer_filter01 .printer-cont .input-wrap {padding-left: 0;margin: 0 auto;width: 258px;margin-top: 119px;} .printer_filter.printer_filter01 .txt {padding-top: 84px;min-height: 139px;} .printer_filter.printer_filter01 .txt .feature-title {font-size: 23px;line-height: 28px;letter-spacing: -0.025em;} .printer_filter.printer_filter01 .txt .more-btn00 {margin-top: 10px;} .printer_filter.printer_filter01 .txt .more-btn00 a {font-size: 12px;line-height: 17px;} .printer_filter.printer_filter01 .printer-cont {padding: 0;padding-top: 25px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt .feature-title {font-size: 12px;line-height: 14px;margin-top: 23px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic .txt .feature-desc {margin-top: 2px;font-size: 12px;line-height: 19px;} .printer_filter.printer_filter01 .printer-cont .input-wrap .print_name {height: 39px;font-size: 13px;letter-spacing: -0.02em;width: 178px;padding-right: 26px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result {margin: 0;width: 100%;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .no-same {padding: 0 13px;margin-top: 22px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .no-same p {padding-top: 0;font-size: 14px;letter-spacing: -0.025em;line-height: 22px;} .printer_filter.printer_filter01 .txt .more-btn00 a:after{height: 2px;left: 0;bottom: 0;} .printer_filter.printer_filter01 .printer-cont .input-wrap .btn-enter {left: auto;top: 0;width: 23px;right: 12px;height: 40px;background-size: 13px 10px;} .printer_filter.printer_filter01.search-result .txt {padding: 0;padding-bottom: 17px;padding-top: 28px;} .printer_filter.printer_filter01.search-result .txt .feature-title {font-size: 23px;line-height: 28px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model {padding: 0;width: 100%;padding: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj {width: 92px;height: auto;width: 102px;padding-top: 28px;padding-left: 52px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj img {width: 100%;margin: 0;height: auto;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt {margin-left: 0;padding: 0 33px;padding-top: 17px;width: 320px;left: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt h2 {font-size: 14px;line-height: 19px;padding-left: 136px;padding-right: 6px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .model-title {font-size: 10px;line-height: 25px;padding-left: 135px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-list ul li .txt {padding: 0 12px;padding-top: 19px;padding-bottom: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list{font-size:0;margin-top: 9px;width: 100%;max-width: 100%;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap{width: 100%;margin: 0;max-width: 100%;padding-top: 11px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list{width: 100%;margin: 0;margin-bottom: 4px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li{width: 240px;height: 240px;border-radius:4px;margin-right: 0px;padding: 0;margin-left: 12px;border-radius: 17px;margin: 0px 6px;left: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li h2{font-size: 13px;line-height: 15px;padding-left: 116px;margin-bottom: 3px;height: 45px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li a{font-size: 11px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .obj{left: 0;border-radius: 0;transform: none;height: auto;background: none;width: 90px;padding-top: 57px;padding-left: 18px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a{} .printer_filter.printer_filter01 .printer-cont .feature.printer-result {width: 100%; padding: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .txt {padding-bottom: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .model-title {font-size: 10px;line-height: 13px;margin-bottom: 34px;letter-spacing: -0.02em;padding-left: 116px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price {margin-left: 0;padding-left: 116px;padding-right: 0;padding-bottom: 8px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li > div {font-size: 11px;line-height: 15px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li div {font-size: 11px;line-height: 15px;padding-right: 2px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .print-price ul li div.price-number {padding-right: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.print-notice {padding-top: 8px;font-size: 10px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link {font-size: 11px;margin-bottom: 0;margin-top: 11px;line-height: 34px;width: 85px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view {margin-right: 0;margin-bottom: 0;margin-top: 38px;letter-spacing: 0.05em;padding-top: 40px;line-height: 13px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-img {width: 14px;height: 14px;transform: none;left: 129px;margin: 0 auto;margin-top: 0;border-radius: 51vh;top: 90px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-view a:after {width: 100%;height: 2px;bottom: -1px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-basic {margin-top: 21px;} .printer_filter .printer-cause-wrap .printer-cause .txt {top: 57px;padding: 0px 13px;} .printer_filter .printer-cause-wrap .printer-cause .txt .feature-title {font-size: 23px;line-height: 28px;padding: 0 15px;} .printer_filter .printer-cause-wrap .printer-cause .txt .feature-desc {margin-top: 14px;line-height: 18px;letter-spacing: -0.03em;} .printer_filter.printer_filter02 .slide_btn .printer_arrow {} .printer_filter.printer_filter02 .slide_btn .printer_arrow a {} .printer_filter.printer_filter02 .slide_btn .carou {top: auto;bottom: 19px;} .printer_filter.printer_filter02 .slide_btn .carou li {width: 8px;height: 8px;margin: 0 3px;} .printer_filter.printer_filter02 .slide_btn .carou li a {text-indent: -2222px;} .printer_filter.printer_filter02 .slide_btn .carou li a.active {} .printer_filter.printer_filter02 .close_btn {top: 17px;right: 14px;width: 21px;height: 21px;} .printer_filter.printer_filter02 .close_btn a {text-indent: -2222px; } .printer_filter.printer_filter02 .printer-cause02 .honey-tips .tips-title {font-size: 14px;letter-spacing: -0.04em;line-height: 17px;} .printer_filter.printer_filter02 .printer-cause02 .tips-list {margin-top: 8px;} .printer_filter.printer_filter02 .printer-cause02 .tips-list ul li {padding-left: 11px;font-size: 9px;line-height: 13px;} .printer_filter.printer_filter02 .printer-cause02 .tips-list ul li .notice-mark {left: 0px;} .input-wrap .auto-complete-area-wrap{width: 100%;top: 0;border-radius: 5px;padding: 12px 0 4px;width: 258px;top: 0px;left: 50%;transform: translateX(-50%);border-radius: 21px;padding: 40px 0 25px;padding: 0;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area {max-height: 125px;margin: 40px 0 25px;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area li{font-size: 13px;line-height: 27px;text-indent: 0;padding-left: 40px;padding-right: 40px;} .input-wrap a.btn-input-cancel{background-image: url('//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-cancel-m.png?$ORIGIN_PNG$&fmt=png-alpha');width: 23px;height: 40px;top: 0px;left: Calc(50% + 66px); background-size: 12px 12px;} .printer_filter.printer_filter01.search-result #return-btn {width: 15px;height: 11px;top: 37px;left: 21px;left: 18px;} .touch-device .printer_filter.printer_filter02 .printer-cause02 .honey-tips {top: 361px;width: 190px;left: 78px;} .printer_filter.printer_filter02 .printer-cause02 .honey-tips {top: 361px;width: 190px;left: 75px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price {margin: 0px 20px;padding-top: 0px;padding-left: 116px;padding-right: 0;padding-bottom: 7px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li {} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li > div {font-size: 11px;margin-bottom: 0;line-height: 16px;letter-spacing: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li div {font-size: 11px;margin-bottom: 0;line-height: 16px;letter-spacing: 0;padding-right: 1px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price ul li div.price-number {padding-left: 0;padding-right: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.print-notice {font-size: 10px;letter-spacing: 0;line-height: 13px;padding-top: 8px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link {font-size: 11px;letter-spacing: 0.05em;margin-bottom: 0;word-break: keep-all;margin-top: 11px;line-height: 34px;width: 85px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy{border-radius: 50vh;background: #000;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view {width: 100%;width: 214px;margin: 0;line-height: 26px;padding: 0 13px;padding-top: 9px;margin-top: 24px;margin-bottom: 9px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a {letter-spacing: 0.05em;line-height: 13px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.left {background: none;border: none;border-bottom: 1px solid #000;border-radius: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy a {letter-spacing: 0;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj {top: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a:after {width: 100%;height: 2px;bottom: -1px;} .printer_filter.printer_filter01 .obj img {width: 100%;height: auto;} .mCSB_scrollTools.mCSB_scrollTools_horizontal {margin: 0px 40px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-wrap .dot-img:nth-child(2) {margin-left: 22px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-wrap .dot-img:nth-child(3) {margin-left: 45px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-wrap .dot-img:nth-child(4) {margin-left: 67px;} .input-wrap .auto-complete-area-wrap ul.auto-complete-area .mCSB_scrollTools {margin-right: 20px;margin-top: 9px;margin-bottom: 0;} .touch-device .printer_filter.printer_filter01.search-result #return-btn {left: 21px;} .printer_filter.printer_filter02 .printer-cause-wrap .printer-cause02 .txt {padding: 0 10px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li:first-child {margin-left: 40px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li:last-child {/* margin-right: 40px; */} .printer_filter.printer_filter01 .printer-cont .input-wrap .search-ico {background: url(//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-search-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center;background-size: 100%;height: 40px;width: 16px;top: 1px;margin-left: 17px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li:only-child {margin-left: 0;left: 40px;} .touch-device .input-wrap .auto-complete-area-wrap ul.auto-complete-area {overflow: auto;margin-right: 21px;} } .printer_filter.printer_filter01 .txt .feature-title span, .printer_filter .printer-cause-wrap .printer-cause .txt .feature-title span {font-size:inherit;} .printer_wrap input.print_name::-webkit-input-placeholder {font-size:100%;} .printer_wrap input.print_name::-moz-placeholder {font-size:100%;} .printer_wrap input.print_name:-ms-input-placeholder {font-size:100%;} .printer_wrap input.print_name:-moz-placeholder {font-size:100%;} .printer_wrap input.print_name::placeholder {font-size:100%;} /* 201208 */ .printer_filter01 {background:#f3f3f3;} /* (SEC) api 가격 연동 */ .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li {padding-top: 10px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .obj, .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .obj img {height: auto;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj , .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .obj {box-sizing: content-box;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li h2 {padding: 0 30px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-list ul li .txt.learn_more .print-price, .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt.learn_more .print-price, .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-list ul li .txt.learn_more .print-notice, .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt.learn_more .print-notice {display: none;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .off {display: none !important;} /* cta 위치 조정 */ .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view {margin-top: 75px; padding-top: 30px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-wrap {padding-top: 15px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-list ul li .txt {padding-top: 10px;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy, .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link {margin-top: 20px;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view {padding-top: 26px;} @media screen and (max-width: 1440px) { .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li h2 {padding: 0 1.5vw;} /* cta 위치 조정 */ .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view {margin-top: 4.15vw; padding-top: 2vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy, .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link {margin-top: 1.5vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view {padding-top: 2.2vw;} } @media screen and (max-width: 1024px) { .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.print-notice {height: 28vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view {padding-top: 2vw;} } @media screen and (max-width: 768px) { .printer_filter.printer_filter01.search-result .printer-cont {padding-bottom: 18vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li h2 {padding: 0; padding-left: 36.1979vw;} /* cta 위치 조정 */ .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-buy {margin-top: 6.5vw;} .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view {padding-top: 9.6vw;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy {margin-top: 5.5vw;} /* 프린터 제품 이미지 겹침 수정 */ .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model {position: relative;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj {position: static;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt {padding-top: 0;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .txt-box {position: absolute; top: 9vw; width: 79%} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt h2 , .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .model-title {padding-left: 55%;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt .print-price {width: 90%; margin: 0 auto; padding-left: 50%;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy {margin-top: 15.5vw;} } @media screen and (max-width: 400px) { .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .dot-img {top: 31vw;} } /* 토너 제품 영역 */ @media screen and (max-width: 1024px) and (min-width: 769px) { .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li p.model-tonner-link.model-view {margin-bottom: 16px;} } /* reset.css */ .input-wrap .auto-complete-area-wrap ul.auto-complete-area li a , .input-wrap .auto-complete-area-wrap ul.auto-complete-area li a span, .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link a {font-size: inherit; vertical-align: inherit;} .printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt h2 {word-break: normal;} </style> <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,$){ $(function(){ jQuery.fn.wordBreakKeepAll = function(option) { var is_there_end_angle_bracket = function(str) { return str.lastIndexOf('<') < str.lastIndexOf('>'); }; var is_there_start_angle_bracket = function(str) { return str.lastIndexOf('>') < str.lastIndexOf('<'); }; var is_there_no_angle_bracket = function(str) { return str.lastIndexOf('>') == str.lastIndexOf('<'); }; var defaultOption = { OffForIE: false, useCSSonIE: true }; var opt = $.extend(defaultOption, option); if (/MSIE/.test(navigator.userAgent) && opt.OffForIE == false && opt.useCSSonIE == true) { var addWordBreakKeepAll = function(obj) { $(obj).css({ 'word-break': 'keep-all', 'word-wrap': 'break-word' }); }; } else if (!/MSIE/.test(navigator.userAgent) || /MSIE/.test(navigator.userAgent) && opt.OffForIE == false && opt.useCSSonIE == false) { var addWordBreakKeepAll = function(obj) { var html = $(obj).html(); html = html.replace(/(\r\n|\n|\r)/gm, ' ＃＆＊＠§ '); var textArr = html.split(' '); textArr = textArr.filter(function(e) { return e; }); $(obj).text(''); var skip = false; var full_str = ''; for (var i = 0, j = textArr.length; i < j; i++) { var str = textArr[i]; if (skip == false && is_there_no_angle_bracket(str) && str.indexOf('＃＆＊＠§') == -1) { full_str += '<span style="white-space: nowrap">' + str + '</span> '; } else { full_str += str + ' '; } if(is_there_start_angle_bracket(str)){skip=true;} if(is_there_end_angle_bracket(str)){skip=false;}};$(obj).html(full_str.replace(/＃＆＊＠§/g,"\n"));};} return this.each(function(){addWordBreakKeepAll(this);});}; $('.printer_wrap .txt .feature-title').wordBreakKeepAll({useCSSonIE: true}); $('.printer_wrap .txt .feature-desc').wordBreakKeepAll({useCSSonIE: true}); }); $(function(){ var options = { size: [ {device:'web',size:null}, {device:'mobile',size:768} ] } ,list = [] ,win = $(window) ,before_model = null ,inited = false ,chkWidth = 1440; function cal(width){ var model = ''; chkWidth = 1440; model = 'web'; for(var i = 0;i < options.size.length; i++) { if(options.size[i].size>=width && options.size[i].size <= chkWidth) { model = options.size[i].device; if(options.size[i].size != null) chkWidth = options.size[i].size; } } return model; } function sort_func(a,b){ return a.size == null ? false : b.size == null ? true : (a.size > b.size); } function resize(){ var w = viewportWidth(); var model = cal(w); if(model == before_model) return; before_model = model; $.each(list,function(i,elem){ var src = null; (src = elem.getAttribute('data-media-'+model)) && (elem.src != src) && (elem.src = src); }); } function init(args,THIS){ if(args){ $.extend(options,args); } list = $(THIS); options.size.sort(sort_func); inited || win.on('resize',resize) && (inited = true) resize(); function getInternetExplorerVersion() { var rv = -1; if (navigator.appName == 'Microsoft Internet Explorer') { var ua = navigator.userAgent; var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); if (re.exec(ua) != null) rv = parseFloat( RegExp.$1 ); } return rv; } var ieVersion = getInternetExplorerVersion(); if (ieVersion == 8) { document.body.onresize = function () { resize(); }; } else { window.addEventListener("resize", resize); } } function refresh(elem){ list = $(elem); } var method = { init: init, refresh: refresh } $.fn.responsive = function(args){ if(typeof args == 'undefined'){ method['init'](null,this); }else if(typeof args == 'object'){ method['init'](args,this); }else if(typeof args == 'string' && method[args]){ method[args](this); } return this; } $('img.responsiveImg').responsive({ size:[ {device:'web',size:null}, {device:'mobile',size:768} ] }); }); function viewportWidth() { if (typeof document.documentElement.clientWidth != 'undefined' && typeof window.innerWidth != 'undefined') { if(document.documentElement.clientWidth > window.innerWidth) return document.documentElement.clientWidth; else return window.innerWidth; }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { return document.documentElement.clientWidth; }else{ return viewportwidth = document.getElementsByTagName('body')[0].clientWidth; } } /*! * @fileOverview TouchSwipe - jQuery Plugin * @version 1.6.18 * * @author Matt Bryson http://www.github.com/mattbryson * @see https://github.com/mattbryson/TouchSwipe-Jquery-Plugin * @see http://labs.rampinteractive.co.uk/touchSwipe * @see http://plugins.jquery.com/project/touchSwipe * @license * Copyright (c) 2010-2015 Matt Bryson * Dual licensed under the MIT or GPL Version 2 licenses. * */ !function(factory){"function"==typeof define&&define.amd&&define.amd.jQuery?define(["jquery"],factory):factory("undefined"!=typeof module&&module.exports?require("jquery"):jQuery)}(function($){"use strict";function init(options){return!options||void 0!==options.allowPageScroll||void 0===options.swipe&&void 0===options.swipeStatus||(options.allowPageScroll=NONE),void 0!==options.click&&void 0===options.tap&&(options.tap=options.click),options||(options={}),options=$.extend({},$.fn.swipe.defaults,options),this.each(function(){var $this=$(this),plugin=$this.data(PLUGIN_NS);plugin||(plugin=new TouchSwipe(this,options),$this.data(PLUGIN_NS,plugin))})}function TouchSwipe(element,options){function touchStart(jqEvent){if(!(getTouchInProgress()||$(jqEvent.target).closest(options.excludedElements,$element).length>0)){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent;if(!event.pointerType||"mouse"!=event.pointerType||0!=options.fallbackToMouseEvents){var ret,touches=event.touches,evt=touches?touches[0]:event;return phase=PHASE_START,touches?fingerCount=touches.length:options.preventDefaultEvents!==!1&&jqEvent.preventDefault(),distance=0,direction=null,currentDirection=null,pinchDirection=null,duration=0,startTouchesDistance=0,endTouchesDistance=0,pinchZoom=1,pinchDistance=0,maximumsMap=createMaximumsData(),cancelMultiFingerRelease(),createFingerData(0,evt),!touches||fingerCount===options.fingers||options.fingers===ALL_FINGERS||hasPinches()?(startTime=getTimeStamp(),2==fingerCount&&(createFingerData(1,touches[1]),startTouchesDistance=endTouchesDistance=calculateTouchesDistance(fingerData[0].start,fingerData[1].start)),(options.swipeStatus||options.pinchStatus)&&(ret=triggerHandler(event,phase))):ret=!1,ret===!1?(phase=PHASE_CANCEL,triggerHandler(event,phase),ret):(options.hold&&(holdTimeout=setTimeout($.proxy(function(){$element.trigger("hold",[event.target]),options.hold&&(ret=options.hold.call($element,event,event.target))},this),options.longTapThreshold)),setTouchInProgress(!0),null)}}}function touchMove(jqEvent){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent;if(phase!==PHASE_END&&phase!==PHASE_CANCEL&&!inMultiFingerRelease()){var ret,touches=event.touches,evt=touches?touches[0]:event,currentFinger=updateFingerData(evt);if(endTime=getTimeStamp(),touches&&(fingerCount=touches.length),options.hold&&clearTimeout(holdTimeout),phase=PHASE_MOVE,2==fingerCount&&(0==startTouchesDistance?(createFingerData(1,touches[1]),startTouchesDistance=endTouchesDistance=calculateTouchesDistance(fingerData[0].start,fingerData[1].start)):(updateFingerData(touches[1]),endTouchesDistance=calculateTouchesDistance(fingerData[0].end,fingerData[1].end),pinchDirection=calculatePinchDirection(fingerData[0].end,fingerData[1].end)),pinchZoom=calculatePinchZoom(startTouchesDistance,endTouchesDistance),pinchDistance=Math.abs(startTouchesDistance-endTouchesDistance)),fingerCount===options.fingers||options.fingers===ALL_FINGERS||!touches||hasPinches()){if(direction=calculateDirection(currentFinger.start,currentFinger.end),currentDirection=calculateDirection(currentFinger.last,currentFinger.end),validateDefaultEvent(jqEvent,currentDirection),distance=calculateDistance(currentFinger.start,currentFinger.end),duration=calculateDuration(),setMaxDistance(direction,distance),ret=triggerHandler(event,phase),!options.triggerOnTouchEnd||options.triggerOnTouchLeave){var inBounds=!0;if(options.triggerOnTouchLeave){var bounds=getbounds(this);inBounds=isInBounds(currentFinger.end,bounds)}!options.triggerOnTouchEnd&&inBounds?phase=getNextPhase(PHASE_MOVE):options.triggerOnTouchLeave&&!inBounds&&(phase=getNextPhase(PHASE_END)),phase!=PHASE_CANCEL&&phase!=PHASE_END||triggerHandler(event,phase)}}else phase=PHASE_CANCEL,triggerHandler(event,phase);ret===!1&&(phase=PHASE_CANCEL,triggerHandler(event,phase))}}function touchEnd(jqEvent){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent,touches=event.touches;if(touches){if(touches.length&&!inMultiFingerRelease())return startMultiFingerRelease(event),!0;if(touches.length&&inMultiFingerRelease())return!0}return inMultiFingerRelease()&&(fingerCount=fingerCountAtRelease),endTime=getTimeStamp(),duration=calculateDuration(),didSwipeBackToCancel()||!validateSwipeDistance()?(phase=PHASE_CANCEL,triggerHandler(event,phase)):options.triggerOnTouchEnd||options.triggerOnTouchEnd===!1&&phase===PHASE_MOVE?(options.preventDefaultEvents!==!1&&jqEvent.preventDefault(),phase=PHASE_END,triggerHandler(event,phase)):!options.triggerOnTouchEnd&&hasTap()?(phase=PHASE_END,triggerHandlerForGesture(event,phase,TAP)):phase===PHASE_MOVE&&(phase=PHASE_CANCEL,triggerHandler(event,phase)),setTouchInProgress(!1),null}function touchCancel(){fingerCount=0,endTime=0,startTime=0,startTouchesDistance=0,endTouchesDistance=0,pinchZoom=1,cancelMultiFingerRelease(),setTouchInProgress(!1)}function touchLeave(jqEvent){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent;options.triggerOnTouchLeave&&(phase=getNextPhase(PHASE_END),triggerHandler(event,phase))}function removeListeners(){$element.unbind(START_EV,touchStart),$element.unbind(CANCEL_EV,touchCancel),$element.unbind(MOVE_EV,touchMove),$element.unbind(END_EV,touchEnd),LEAVE_EV&&$element.unbind(LEAVE_EV,touchLeave),setTouchInProgress(!1)}function getNextPhase(currentPhase){var nextPhase=currentPhase,validTime=validateSwipeTime(),validDistance=validateSwipeDistance(),didCancel=didSwipeBackToCancel();return!validTime||didCancel?nextPhase=PHASE_CANCEL:!validDistance||currentPhase!=PHASE_MOVE||options.triggerOnTouchEnd&&!options.triggerOnTouchLeave?!validDistance&& currentPhase==PHASE_END&&options.triggerOnTouchLeave&&(nextPhase=PHASE_CANCEL):nextPhase=PHASE_END,nextPhase}function triggerHandler(event,phase){var ret,touches=event.touches;return(didSwipe()||hasSwipes())&&(ret=triggerHandlerForGesture(event,phase,SWIPE)),(didPinch()||hasPinches())&&ret!==!1&&(ret=triggerHandlerForGesture(event,phase,PINCH)),didDoubleTap()&&ret!==!1?ret=triggerHandlerForGesture(event,phase,DOUBLE_TAP):didLongTap()&&ret!==!1?ret=triggerHandlerForGesture(event,phase,LONG_TAP):didTap()&&ret!==!1&&(ret=triggerHandlerForGesture(event,phase,TAP)),phase===PHASE_CANCEL&&touchCancel(event),phase===PHASE_END&&(touches?touches.length||touchCancel(event):touchCancel(event)),ret}function triggerHandlerForGesture(event,phase,gesture){var ret;if(gesture==SWIPE){if($element.trigger("swipeStatus",[phase,direction||null,distance||0,duration||0,fingerCount,fingerData,currentDirection]),options.swipeStatus&&(ret=options.swipeStatus.call($element,event,phase,direction||null,distance||0,duration||0,fingerCount,fingerData,currentDirection),ret===!1))return!1;if(phase==PHASE_END&&validateSwipe()){if(clearTimeout(singleTapTimeout),clearTimeout(holdTimeout),$element.trigger("swipe",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipe&&(ret=options.swipe.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection),ret===!1))return!1;switch(direction){case LEFT:$element.trigger("swipeLeft",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeLeft&&(ret=options.swipeLeft.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection));break;case RIGHT:$element.trigger("swipeRight",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeRight&&(ret=options.swipeRight.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection));break;case UP:$element.trigger("swipeUp",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeUp&&(ret=options.swipeUp.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection));break;case DOWN:$element.trigger("swipeDown",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeDown&&(ret=options.swipeDown.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection))}}}if(gesture==PINCH){if($element.trigger("pinchStatus",[phase,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData]),options.pinchStatus&&(ret=options.pinchStatus.call($element,event,phase,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData),ret===!1))return!1;if(phase==PHASE_END&&validatePinch())switch(pinchDirection){case IN:$element.trigger("pinchIn",[pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData]),options.pinchIn&&(ret=options.pinchIn.call($element,event,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData));break;case OUT:$element.trigger("pinchOut",[pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData]),options.pinchOut&&(ret=options.pinchOut.call($element,event,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData))}}return gesture==TAP?phase!==PHASE_CANCEL&&phase!==PHASE_END||(clearTimeout(singleTapTimeout),clearTimeout(holdTimeout),hasDoubleTap()&&!inDoubleTap()?(doubleTapStartTime=getTimeStamp(),singleTapTimeout=setTimeout($.proxy(function(){doubleTapStartTime=null,$element.trigger("tap",[event.target]),options.tap&&(ret=options.tap.call($element,event,event.target))},this),options.doubleTapThreshold)):(doubleTapStartTime=null,$element.trigger("tap",[event.target]),options.tap&&(ret=options.tap.call($element,event,event.target)))):gesture==DOUBLE_TAP?phase!==PHASE_CANCEL&&phase!==PHASE_END||(clearTimeout(singleTapTimeout),clearTimeout(holdTimeout),doubleTapStartTime=null,$element.trigger("doubletap",[event.target]),options.doubleTap&&(ret=options.doubleTap.call($element,event,event.target))):gesture==LONG_TAP&&(phase!==PHASE_CANCEL&&phase!==PHASE_END||(clearTimeout(singleTapTimeout),doubleTapStartTime=null,$element.trigger("longtap",[event.target]),options.longTap&&(ret=options.longTap.call($element,event,event.target)))),ret}function validateSwipeDistance(){var valid=!0;return null!==options.threshold&&(valid=distance>=options.threshold),valid}function didSwipeBackToCancel(){var cancelled=!1;return null!==options.cancelThreshold&&null!==direction&&(cancelled=getMaxDistance(direction)-distance>=options.cancelThreshold),cancelled}function validatePinchDistance(){return null===options.pinchThreshold||pinchDistance>=options.pinchThreshold}function validateSwipeTime(){var result;return result=!options.maxTimeThreshold||!(duration>=options.maxTimeThreshold)}function validateDefaultEvent(jqEvent,direction){if(options.preventDefaultEvents!==!1)if(options.allowPageScroll===NONE)jqEvent.preventDefault();else{var auto=options.allowPageScroll===AUTO;switch(direction){case LEFT:(options.swipeLeft&&auto||!auto&&options.allowPageScroll!=HORIZONTAL)&&jqEvent.preventDefault();break;case RIGHT:(options.swipeRight&&auto||!auto&&options.allowPageScroll!=HORIZONTAL)&&jqEvent.preventDefault();break;case UP:(options.swipeUp&&auto||!auto&&options.allowPageScroll!=VERTICAL)&&jqEvent.preventDefault();break;case DOWN:(options.swipeDown&&auto||!auto&&options.allowPageScroll!=VERTICAL)&&jqEvent.preventDefault();break;case NONE:}}}function validatePinch(){var hasCorrectFingerCount=validateFingers(),hasEndPoint=validateEndPoint(),hasCorrectDistance=validatePinchDistance();return hasCorrectFingerCount&&hasEndPoint&&hasCorrectDistance}function hasPinches(){return!!(options.pinchStatus||options.pinchIn||options.pinchOut)}function didPinch(){return!(!validatePinch()||!hasPinches())}function validateSwipe(){var hasValidTime=validateSwipeTime(),hasValidDistance=validateSwipeDistance(),hasCorrectFingerCount=validateFingers(),hasEndPoint=validateEndPoint(),didCancel=didSwipeBackToCancel(),valid=!didCancel&&hasEndPoint&&hasCorrectFingerCount&&hasValidDistance&&hasValidTime;return valid}function hasSwipes(){return!!(options.swipe||options.swipeStatus||options.swipeLeft||options.swipeRight||options.swipeUp||options.swipeDown)}function didSwipe(){return!(!validateSwipe()||!hasSwipes())}function validateFingers(){return fingerCount===options.fingers||options.fingers===ALL_FINGERS||!SUPPORTS_TOUCH}function validateEndPoint(){return 0!==fingerData[0].end.x}function hasTap(){return!!options.tap}function hasDoubleTap(){return!!options.doubleTap}function hasLongTap(){return!!options.longTap}function validateDoubleTap(){if(null==doubleTapStartTime)return!1;var now=getTimeStamp();return hasDoubleTap()&&now-doubleTapStartTime<=options.doubleTapThreshold}function inDoubleTap(){return validateDoubleTap()}function validateTap(){return(1===fingerCount||!SUPPORTS_TOUCH)&&(isNaN(distance)||distance<options.threshold)}function validateLongTap(){return duration>options.longTapThreshold&&distance<DOUBLE_TAP_THRESHOLD}function didTap(){return!(!validateTap()||!hasTap())}function didDoubleTap(){return!(!validateDoubleTap()||!hasDoubleTap())}function didLongTap(){return!(!validateLongTap()||!hasLongTap())}function startMultiFingerRelease(event){previousTouchEndTime=getTimeStamp(),fingerCountAtRelease=event.touches.length+1}function cancelMultiFingerRelease(){previousTouchEndTime=0,fingerCountAtRelease=0}function inMultiFingerRelease(){var withinThreshold=!1;if(previousTouchEndTime){var diff=getTimeStamp()-previousTouchEndTime;diff<=options.fingerReleaseThreshold&&(withinThreshold=!0)}return withinThreshold}function getTouchInProgress(){return!($element.data(PLUGIN_NS+"_intouch")!==!0)}function setTouchInProgress(val){$element&&(val===!0?($element.bind(MOVE_EV,touchMove),$element.bind(END_EV,touchEnd),LEAVE_EV&&$element.bind(LEAVE_EV,touchLeave)):($element.unbind(MOVE_EV,touchMove,!1),$element.unbind(END_EV,touchEnd,!1),LEAVE_EV&&$element.unbind(LEAVE_EV,touchLeave,!1)),$element.data(PLUGIN_NS+"_intouch",val===!0))}function createFingerData(id,evt){var f={start:{x:0,y:0},last:{x:0,y:0},end:{x:0,y:0}};return f.start.x=f.last.x=f.end.x=evt.pageX||evt.clientX,f.start.y=f.last.y=f.end.y=evt.pageY||evt.clientY,fingerData[id]=f,f}function updateFingerData(evt){var id=void 0!==evt.identifier?evt.identifier:0,f=getFingerData(id);return null===f&&(f=createFingerData(id,evt)),f.last.x=f.end.x,f.last.y=f.end.y,f.end.x=evt.pageX||evt.clientX,f.end.y=evt.pageY||evt.clientY,f}function getFingerData(id){return fingerData[id]||null}function setMaxDistance(direction,distance){direction!=NONE&&(distance=Math.max(distance,getMaxDistance(direction)),maximumsMap[direction].distance=distance)}function getMaxDistance(direction){if(maximumsMap[direction])return maximumsMap[direction].distance}function createMaximumsData(){var maxData={};return maxData[LEFT]=createMaximumVO(LEFT),maxData[RIGHT]=createMaximumVO(RIGHT),maxData[UP]=createMaximumVO(UP),maxData[DOWN]=createMaximumVO(DOWN),maxData}function createMaximumVO(dir){return{direction:dir,distance:0}}function calculateDuration(){return endTime-startTime}function calculateTouchesDistance(startPoint,endPoint){var diffX=Math.abs(startPoint.x-endPoint.x),diffY=Math.abs(startPoint.y-endPoint.y);return Math.round(Math.sqrt(diffX*diffX+diffY*diffY))}function calculatePinchZoom(startDistance,endDistance){var percent=endDistance/startDistance*1;return percent.toFixed(2)}function calculatePinchDirection(){return pinchZoom<1?OUT:IN}function calculateDistance(startPoint,endPoint){return Math.round(Math.sqrt(Math.pow(endPoint.x-startPoint.x,2)+Math.pow(endPoint.y-startPoint.y,2)))}function calculateAngle(startPoint,endPoint){var x=startPoint.x-endPoint.x,y=endPoint.y-startPoint.y,r=Math.atan2(y,x),angle=Math.round(180*r/Math.PI);return angle<0&&(angle=360-Math.abs(angle)),angle}function calculateDirection(startPoint,endPoint){if(comparePoints(startPoint,endPoint))return NONE;var angle=calculateAngle(startPoint,endPoint);return angle<=45&&angle>=0?LEFT:angle<=360&&angle>=315?LEFT:angle>=135&&angle<=225?RIGHT:angle>45&&angle<135?DOWN:UP}function getTimeStamp(){var now=new Date;return now.getTime()}function getbounds(el){el=$(el);var offset=el.offset(),bounds={left:offset.left,right:offset.left+el.outerWidth(),top:offset.top,bottom:offset.top+el.outerHeight()};return bounds}function isInBounds(point,bounds){return point.x>bounds.left&&point.x<bounds.right&&point.y>bounds.top&&point.y<bounds.bottom}function comparePoints(pointA,pointB){return pointA.x==pointB.x&&pointA.y==pointB.y}var options=$.extend({},options),useTouchEvents=SUPPORTS_TOUCH||SUPPORTS_POINTER||!options.fallbackToMouseEvents,START_EV=useTouchEvents?SUPPORTS_POINTER?SUPPORTS_POINTER_IE10?"MSPointerDown":"pointerdown":"touchstart":"mousedown",MOVE_EV=useTouchEvents?SUPPORTS_POINTER?SUPPORTS_POINTER_IE10?"MSPointerMove":"pointermove":"touchmove":"mousemove",END_EV=useTouchEvents?SUPPORTS_POINTER?SUPPORTS_POINTER_IE10?"MSPointerUp":"pointerup":"touchend":"mouseup",LEAVE_EV=useTouchEvents?SUPPORTS_POINTER?"mouseleave":null:"mouseleave",CANCEL_EV=SUPPORTS_POINTER?SUPPORTS_POINTER_IE10?"MSPointerCancel":"pointercancel":"touchcancel",distance=0,direction=null,currentDirection=null,duration=0,startTouchesDistance=0,endTouchesDistance=0,pinchZoom=1,pinchDistance=0,pinchDirection=0,maximumsMap=null,$element=$(element),phase="start",fingerCount=0,fingerData={},startTime=0,endTime=0,previousTouchEndTime=0,fingerCountAtRelease=0,doubleTapStartTime=0,singleTapTimeout=null,holdTimeout=null;try{$element.bind(START_EV,touchStart),$element.bind(CANCEL_EV,touchCancel)}catch(e){$.error("events not supported "+START_EV+","+CANCEL_EV+" on jQuery.swipe")}this.enable=function(){return this.disable(),$element.bind(START_EV,touchStart),$element.bind(CANCEL_EV,touchCancel),$element},this.disable=function(){return removeListeners(),$element},this.destroy=function(){removeListeners(),$element.data(PLUGIN_NS,null),$element=null},this.option=function(property,value){if("object"==typeof property)options=$.extend(options,property);else if(void 0!==options[property]){if(void 0===value)return options[property];options[property]=value}else{if(!property)return options;$.error("Option "+property+" does not exist on jQuery.swipe.options")}return null}}var VERSION="1.6.18",LEFT="left",RIGHT="right",UP="up",DOWN="down",IN="in",OUT="out",NONE="none",AUTO="auto",SWIPE="swipe",PINCH="pinch",TAP="tap",DOUBLE_TAP="doubletap",LONG_TAP="longtap",HORIZONTAL="horizontal",VERTICAL="vertical",ALL_FINGERS="all",DOUBLE_TAP_THRESHOLD=10,PHASE_START="start",PHASE_MOVE="move",PHASE_END="end",PHASE_CANCEL="cancel",SUPPORTS_TOUCH="ontouchstart"in window,SUPPORTS_POINTER_IE10=window.navigator.msPointerEnabled&&!window.PointerEvent&&!SUPPORTS_TOUCH,SUPPORTS_POINTER=(window.PointerEvent||window.navigator.msPointerEnabled)&&!SUPPORTS_TOUCH,PLUGIN_NS="TouchSwipe",defaults={fingers:1,threshold:75,cancelThreshold:null,pinchThreshold:20,maxTimeThreshold:null,fingerReleaseThreshold:250,longTapThreshold:500,doubleTapThreshold:200,swipe:null,swipeLeft:null,swipeRight:null,swipeUp:null,swipeDown:null,swipeStatus:null,pinchIn:null,pinchOut:null,pinchStatus:null,click:null,tap:null,doubleTap:null,longTap:null,hold:null,triggerOnTouchEnd:!0,triggerOnTouchLeave:!1,allowPageScroll:"auto",fallbackToMouseEvents:!0,excludedElements:".noSwipe",preventDefaultEvents:!0};$.fn.swipe=function(method){var $this=$(this),plugin=$this.data(PLUGIN_NS);if(plugin&&"string"==typeof method){if(plugin[method])return plugin[method].apply(plugin,Array.prototype.slice.call(arguments,1));$.error("Method "+method+" does not exist on jQuery.swipe")}else if(plugin&&"object"==typeof method)plugin.option.apply(plugin,arguments);else if(!(plugin||"object"!=typeof method&&method))return init.apply(this,arguments);return $this},$.fn.swipe.version=VERSION,$.fn.swipe.defaults=defaults,$.fn.swipe.phases={PHASE_START:PHASE_START,PHASE_MOVE:PHASE_MOVE,PHASE_END:PHASE_END,PHASE_CANCEL:PHASE_CANCEL},$.fn.swipe.directions={LEFT:LEFT,RIGHT:RIGHT,UP:UP,DOWN:DOWN,IN:IN,OUT:OUT},$.fn.swipe.pageScroll={NONE:NONE,HORIZONTAL:HORIZONTAL,VERTICAL:VERTICAL,AUTO:AUTO},$.fn.swipe.fingers={ONE:1,TWO:2,THREE:3,FOUR:4,FIVE:5,ALL:ALL_FINGERS}}); /* == jquery mousewheel plugin == Version: 3.1.13, License: MIT License (MIT) */ !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a:a(jQuery)}(function(a){function b(b){var g=b||window.event,h=i.call(arguments,1),j=0,l=0,m=0,n=0,o=0,p=0;if(b=a.event.fix(g),b.type="mousewheel","detail"in g&&(m=-1*g.detail),"wheelDelta"in g&&(m=g.wheelDelta),"wheelDeltaY"in g&&(m=g.wheelDeltaY),"wheelDeltaX"in g&&(l=-1*g.wheelDeltaX),"axis"in g&&g.axis===g.HORIZONTAL_AXIS&&(l=-1*m,m=0),j=0===m?l:m,"deltaY"in g&&(m=-1*g.deltaY,j=m),"deltaX"in g&&(l=g.deltaX,0===m&&(j=-1*l)),0!==m||0!==l){if(1===g.deltaMode){var q=a.data(this,"mousewheel-line-height");j*=q,m*=q,l*=q}else if(2===g.deltaMode){var r=a.data(this,"mousewheel-page-height");j*=r,m*=r,l*=r}if(n=Math.max(Math.abs(m),Math.abs(l)),(!f||f>n)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b),d=c["offsetParent"in a.fn?"offsetParent":"parent"]();return d.length||(d=a("body")),parseInt(d.css("fontSize"),10)||parseInt(c.css("fontSize"),10)||16},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})});!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a:a(jQuery)}(function(a){function b(b){var g=b||window.event,h=i.call(arguments,1),j=0,l=0,m=0,n=0,o=0,p=0;if(b=a.event.fix(g),b.type="mousewheel","detail"in g&&(m=-1*g.detail),"wheelDelta"in g&&(m=g.wheelDelta),"wheelDeltaY"in g&&(m=g.wheelDeltaY),"wheelDeltaX"in g&&(l=-1*g.wheelDeltaX),"axis"in g&&g.axis===g.HORIZONTAL_AXIS&&(l=-1*m,m=0),j=0===m?l:m,"deltaY"in g&&(m=-1*g.deltaY,j=m),"deltaX"in g&&(l=g.deltaX,0===m&&(j=-1*l)),0!==m||0!==l){if(1===g.deltaMode){var q=a.data(this,"mousewheel-line-height");j*=q,m*=q,l*=q}else if(2===g.deltaMode){var r=a.data(this,"mousewheel-page-height");j*=r,m*=r,l*=r}if(n=Math.max(Math.abs(m),Math.abs(l)),(!f||f>n)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b),d=c["offsetParent"in a.fn?"offsetParent":"parent"]();return d.length||(d=a("body")),parseInt(d.css("fontSize"),10)||parseInt(c.css("fontSize"),10)||16},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})}); /* == malihu jquery custom scrollbar plugin == Version: 3.1.5, License: MIT License (MIT) */ !function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"undefined"!=typeof module&&module.exports?module.exports=e:e(jQuery,window,document)}(function(e){!function(t){var o="function"==typeof define&&define.amd,a="undefined"!=typeof module&&module.exports,n="https:"==document.location.protocol?"https:":"http:",i="cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js";o||(a?require("jquery-mousewheel")(e):e.event.special.mousewheel||e("head").append(decodeURI("%3Cscript src="+n+"//"+i+"%3E%3C/script%3E"))),t()}(function(){var t,o="mCustomScrollbar",a="mCS",n=".mCustomScrollbar",i={setTop:0,setLeft:0,axis:"y",scrollbarPosition:"inside",scrollInertia:950,autoDraggerLength:!0,alwaysShowScrollbar:0,snapOffset:0,mouseWheel:{enable:!0,scrollAmount:"auto",axis:"y",deltaFactor:"auto",disableOver:["select","option","keygen","datalist","textarea"]},scrollButtons:{scrollType:"stepless",scrollAmount:"auto"},keyboard:{enable:!0,scrollType:"stepless",scrollAmount:"auto"},contentTouchScroll:25,documentTouchScroll:!0,advanced:{autoScrollOnFocus:"input,textarea,select,button,datalist,keygen,a[tabindex],area,object,[contenteditable='true']",updateOnContentResize:!0,updateOnImageLoad:"auto",autoUpdateTimeout:60},theme:"light",callbacks:{onTotalScrollOffset:0,onTotalScrollBackOffset:0,alwaysTriggerOffsets:!0}},r=0,l={},s=window.attachEvent&&!window.addEventListener?1:0,c=!1,d=["mCSB_dragger_onDrag","mCSB_scrollTools_onDrag","mCS_img_loaded","mCS_disabled","mCS_destroyed","mCS_no_scrollbar","mCS-autoHide","mCS-dir-rtl","mCS_no_scrollbar_y","mCS_no_scrollbar_x","mCS_y_hidden","mCS_x_hidden","mCSB_draggerContainer","mCSB_buttonUp","mCSB_buttonDown","mCSB_buttonLeft","mCSB_buttonRight"],u={init:function(t){var t=e.extend(!0,{},i,t),o=f.call(this);if(t.live){var s=t.liveSelector||this.selector||n,c=e(s);if("off"===t.live)return void m(s);l[s]=setTimeout(function(){c.mCustomScrollbar(t),"once"===t.live&&c.length&&m(s)},500)}else m(s);return t.setWidth=t.set_width?t.set_width:t.setWidth,t.setHeight=t.set_height?t.set_height:t.setHeight,t.axis=t.horizontalScroll?"x":p(t.axis),t.scrollInertia=t.scrollInertia>0&&t.scrollInertia<17?17:t.scrollInertia,"object"!=typeof t.mouseWheel&&1==t.mouseWheel&&(t.mouseWheel={enable:!0,scrollAmount:"auto",axis:"y",preventDefault:!1,deltaFactor:"auto",normalizeDelta:!1,invert:!1}),t.mouseWheel.scrollAmount=t.mouseWheelPixels?t.mouseWheelPixels:t.mouseWheel.scrollAmount,t.mouseWheel.normalizeDelta=t.advanced.normalizeMouseWheelDelta?t.advanced.normalizeMouseWheelDelta:t.mouseWheel.normalizeDelta,t.scrollButtons.scrollType=g(t.scrollButtons.scrollType),h(t),e(o).each(function(){var o=e(this);if(!o.data(a)){o.data(a,{idx:++r,opt:t,scrollRatio:{y:null,x:null},overflowed:null,contentReset:{y:null,x:null},bindEvents:!1,tweenRunning:!1,sequential:{},langDir:o.css("direction"),cbOffsets:null,trigger:null,poll:{size:{o:0,n:0},img:{o:0,n:0},change:{o:0,n:0}}});var n=o.data(a),i=n.opt,l=o.data("mcs-axis"),s=o.data("mcs-scrollbar-position"),c=o.data("mcs-theme");l&&(i.axis=l),s&&(i.scrollbarPosition=s),c&&(i.theme=c,h(i)),v.call(this),n&&i.callbacks.onCreate&&"function"==typeof i.callbacks.onCreate&&i.callbacks.onCreate.call(this),e("#mCSB_"+n.idx+"_container img:not(."+d[2]+")").addClass(d[2]),u.update.call(null,o)}})},update:function(t,o){var n=t||f.call(this);return e(n).each(function(){var t=e(this);if(t.data(a)){var n=t.data(a),i=n.opt,r=e("#mCSB_"+n.idx+"_container"),l=e("#mCSB_"+n.idx),s=[e("#mCSB_"+n.idx+"_dragger_vertical"),e("#mCSB_"+n.idx+"_dragger_horizontal")];if(!r.length)return;n.tweenRunning&&Q(t),o&&n&&i.callbacks.onBeforeUpdate&&"function"==typeof i.callbacks.onBeforeUpdate&&i.callbacks.onBeforeUpdate.call(this),t.hasClass(d[3])&&t.removeClass(d[3]),t.hasClass(d[4])&&t.removeClass(d[4]),l.css("max-height","none"),l.height()!==t.height()&&l.css("max-height",t.height()),_.call(this),"y"===i.axis||i.advanced.autoExpandHorizontalScroll||r.css("width",x(r)),n.overflowed=y.call(this),M.call(this),i.autoDraggerLength&&S.call(this),b.call(this),T.call(this);var c=[Math.abs(r[0].offsetTop),Math.abs(r[0].offsetLeft)];"x"!==i.axis&&(n.overflowed[0]?s[0].height()>s[0].parent().height()?B.call(this):(G(t,c[0].toString(),{dir:"y",dur:0,overwrite:"none"}),n.contentReset.y=null):(B.call(this),"y"===i.axis?k.call(this):"yx"===i.axis&&n.overflowed[1]&&G(t,c[1].toString(),{dir:"x",dur:0,overwrite:"none"}))),"y"!==i.axis&&(n.overflowed[1]?s[1].width()>s[1].parent().width()?B.call(this):(G(t,c[1].toString(),{dir:"x",dur:0,overwrite:"none"}),n.contentReset.x=null):(B.call(this),"x"===i.axis?k.call(this):"yx"===i.axis&&n.overflowed[0]&&G(t,c[0].toString(),{dir:"y",dur:0,overwrite:"none"}))),o&&n&&(2===o&&i.callbacks.onImageLoad&&"function"==typeof i.callbacks.onImageLoad?i.callbacks.onImageLoad.call(this):3===o&&i.callbacks.onSelectorChange&&"function"==typeof i.callbacks.onSelectorChange?i.callbacks.onSelectorChange.call(this):i.callbacks.onUpdate&&"function"==typeof i.callbacks.onUpdate&&i.callbacks.onUpdate.call(this)),N.call(this)}})},scrollTo:function(t,o){if("undefined"!=typeof t&&null!=t){var n=f.call(this);return e(n).each(function(){var n=e(this);if(n.data(a)){var i=n.data(a),r=i.opt,l={trigger:"external",scrollInertia:r.scrollInertia,scrollEasing:"mcsEaseInOut",moveDragger:!1,timeout:60,callbacks:!0,onStart:!0,onUpdate:!0,onComplete:!0},s=e.extend(!0,{},l,o),c=Y.call(this,t),d=s.scrollInertia>0&&s.scrollInertia<17?17:s.scrollInertia;c[0]=X.call(this,c[0],"y"),c[1]=X.call(this,c[1],"x"),s.moveDragger&&(c[0]*=i.scrollRatio.y,c[1]*=i.scrollRatio.x),s.dur=ne()?0:d,setTimeout(function(){null!==c[0]&&"undefined"!=typeof c[0]&&"x"!==r.axis&&i.overflowed[0]&&(s.dir="y",s.overwrite="all",G(n,c[0].toString(),s)),null!==c[1]&&"undefined"!=typeof c[1]&&"y"!==r.axis&&i.overflowed[1]&&(s.dir="x",s.overwrite="none",G(n,c[1].toString(),s))},s.timeout)}})}},stop:function(){var t=f.call(this);return e(t).each(function(){var t=e(this);t.data(a)&&Q(t)})},disable:function(t){var o=f.call(this);return e(o).each(function(){var o=e(this);if(o.data(a)){o.data(a);N.call(this,"remove"),k.call(this),t&&B.call(this),M.call(this,!0),o.addClass(d[3])}})},destroy:function(){var t=f.call(this);return e(t).each(function(){var n=e(this);if(n.data(a)){var i=n.data(a),r=i.opt,l=e("#mCSB_"+i.idx),s=e("#mCSB_"+i.idx+"_container"),c=e(".mCSB_"+i.idx+"_scrollbar");r.live&&m(r.liveSelector||e(t).selector),N.call(this,"remove"),k.call(this),B.call(this),n.removeData(a),$(this,"mcs"),c.remove(),s.find("img."+d[2]).removeClass(d[2]),l.replaceWith(s.contents()),n.removeClass(o+" _"+a+"_"+i.idx+" "+d[6]+" "+d[7]+" "+d[5]+" "+d[3]).addClass(d[4])}})}},f=function(){return"object"!=typeof e(this)||e(this).length<1?n:this},h=function(t){var o=["rounded","rounded-dark","rounded-dots","rounded-dots-dark"],a=["rounded-dots","rounded-dots-dark","3d","3d-dark","3d-thick","3d-thick-dark","inset","inset-dark","inset-2","inset-2-dark","inset-3","inset-3-dark"],n=["minimal","minimal-dark"],i=["minimal","minimal-dark"],r=["minimal","minimal-dark"];t.autoDraggerLength=e.inArray(t.theme,o)>-1?!1:t.autoDraggerLength,t.autoExpandScrollbar=e.inArray(t.theme,a)>-1?!1:t.autoExpandScrollbar,t.scrollButtons.enable=e.inArray(t.theme,n)>-1?!1:t.scrollButtons.enable,t.autoHideScrollbar=e.inArray(t.theme,i)>-1?!0:t.autoHideScrollbar,t.scrollbarPosition=e.inArray(t.theme,r)>-1?"outside":t.scrollbarPosition},m=function(e){l[e]&&(clearTimeout(l[e]),$(l,e))},p=function(e){return"yx"===e||"xy"===e||"auto"===e?"yx":"x"===e||"horizontal"===e?"x":"y"},g=function(e){return"stepped"===e||"pixels"===e||"step"===e||"click"===e?"stepped":"stepless"},v=function(){var t=e(this),n=t.data(a),i=n.opt,r=i.autoExpandScrollbar?" "+d[1]+"_expand":"",l=["<div id='mCSB_"+n.idx+"_scrollbar_vertical' class='mCSB_scrollTools mCSB_"+n.idx+"_scrollbar mCS-"+i.theme+" mCSB_scrollTools_vertical"+r+"'><div class='"+d[12]+"'><div id='mCSB_"+n.idx+"_dragger_vertical' class='mCSB_dragger' style='position:absolute;'><div class='mCSB_dragger_bar' /></div><div class='mCSB_draggerRail' /></div></div>","<div id='mCSB_"+n.idx+"_scrollbar_horizontal' class='mCSB_scrollTools mCSB_"+n.idx+"_scrollbar mCS-"+i.theme+" mCSB_scrollTools_horizontal"+r+"'><div class='"+d[12]+"'><div id='mCSB_"+n.idx+"_dragger_horizontal' class='mCSB_dragger' style='position:absolute;'><div class='mCSB_dragger_bar' /></div><div class='mCSB_draggerRail' /></div></div>"],s="yx"===i.axis?"mCSB_vertical_horizontal":"x"===i.axis?"mCSB_horizontal":"mCSB_vertical",c="yx"===i.axis?l[0]+l[1]:"x"===i.axis?l[1]:l[0],u="yx"===i.axis?"<div id='mCSB_"+n.idx+"_container_wrapper' class='mCSB_container_wrapper' />":"",f=i.autoHideScrollbar?" "+d[6]:"",h="x"!==i.axis&&"rtl"===n.langDir?" "+d[7]:"";i.setWidth&&t.css("width",i.setWidth),i.setHeight&&t.css("height",i.setHeight),i.setLeft="y"!==i.axis&&"rtl"===n.langDir?"989999px":i.setLeft,t.addClass(o+" _"+a+"_"+n.idx+f+h).wrapInner("<div id='mCSB_"+n.idx+"' class='mCustomScrollBox mCS-"+i.theme+" "+s+"'><div id='mCSB_"+n.idx+"_container' class='mCSB_container' style='position:relative; top:"+i.setTop+"; left:"+i.setLeft+";' dir='"+n.langDir+"' /></div>");var m=e("#mCSB_"+n.idx),p=e("#mCSB_"+n.idx+"_container");"y"===i.axis||i.advanced.autoExpandHorizontalScroll||p.css("width",x(p)),"outside"===i.scrollbarPosition?("static"===t.css("position")&&t.css("position","relative"),t.css("overflow","visible"),m.addClass("mCSB_outside").after(c)):(m.addClass("mCSB_inside").append(c),p.wrap(u)),w.call(this);var g=[e("#mCSB_"+n.idx+"_dragger_vertical"),e("#mCSB_"+n.idx+"_dragger_horizontal")];g[0].css("min-height",g[0].height()),g[1].css("min-width",g[1].width())},x=function(t){var o=[t[0].scrollWidth,Math.max.apply(Math,t.children().map(function(){return e(this).outerWidth(!0)}).get())],a=t.parent().width();return o[0]>a?o[0]:o[1]>a?o[1]:"100%"},_=function(){var t=e(this),o=t.data(a),n=o.opt,i=e("#mCSB_"+o.idx+"_container");if(n.advanced.autoExpandHorizontalScroll&&"y"!==n.axis){i.css({width:"auto","min-width":0,"overflow-x":"scroll"});var r=Math.ceil(i[0].scrollWidth);3===n.advanced.autoExpandHorizontalScroll||2!==n.advanced.autoExpandHorizontalScroll&&r>i.parent().width()?i.css({width:r,"min-width":"100%","overflow-x":"inherit"}):i.css({"overflow-x":"inherit",position:"absolute"}).wrap("<div class='mCSB_h_wrapper' style='position:relative; left:0; width:999999px;' />").css({width:Math.ceil(i[0].getBoundingClientRect().right+.4)-Math.floor(i[0].getBoundingClientRect().left),"min-width":"100%",position:"relative"}).unwrap()}},w=function(){var t=e(this),o=t.data(a),n=o.opt,i=e(".mCSB_"+o.idx+"_scrollbar:first"),r=oe(n.scrollButtons.tabindex)?"tabindex='"+n.scrollButtons.tabindex+"'":"",l=["<a href='#' class='"+d[13]+"' "+r+" />","<a href='#' class='"+d[14]+"' "+r+" />","<a href='#' class='"+d[15]+"' "+r+" />","<a href='#' class='"+d[16]+"' "+r+" />"],s=["x"===n.axis?l[2]:l[0],"x"===n.axis?l[3]:l[1],l[2],l[3]];n.scrollButtons.enable&&i.prepend(s[0]).append(s[1]).next(".mCSB_scrollTools").prepend(s[2]).append(s[3])},S=function(){var t=e(this),o=t.data(a),n=e("#mCSB_"+o.idx),i=e("#mCSB_"+o.idx+"_container"),r=[e("#mCSB_"+o.idx+"_dragger_vertical"),e("#mCSB_"+o.idx+"_dragger_horizontal")],l=[n.height()/i.outerHeight(!1),n.width()/i.outerWidth(!1)],c=[parseInt(r[0].css("min-height")),Math.round(l[0]*r[0].parent().height()),parseInt(r[1].css("min-width")),Math.round(l[1]*r[1].parent().width())],d=s&&c[1]<c[0]?c[0]:c[1],u=s&&c[3]<c[2]?c[2]:c[3];r[0].css({height:d,"max-height":r[0].parent().height()-10}).find(".mCSB_dragger_bar").css({"line-height":c[0]+"px"}),r[1].css({width:u,"max-width":r[1].parent().width()-10})},b=function(){var t=e(this),o=t.data(a),n=e("#mCSB_"+o.idx),i=e("#mCSB_"+o.idx+"_container"),r=[e("#mCSB_"+o.idx+"_dragger_vertical"),e("#mCSB_"+o.idx+"_dragger_horizontal")],l=[i.outerHeight(!1)-n.height(),i.outerWidth(!1)-n.width()],s=[l[0]/(r[0].parent().height()-r[0].height()),l[1]/(r[1].parent().width()-r[1].width())];o.scrollRatio={y:s[0],x:s[1]}},C=function(e,t,o){var a=o?d[0]+"_expanded":"",n=e.closest(".mCSB_scrollTools");"active"===t?(e.toggleClass(d[0]+" "+a),n.toggleClass(d[1]),e[0]._draggable=e[0]._draggable?0:1):e[0]._draggable||("hide"===t?(e.removeClass(d[0]),n.removeClass(d[1])):(e.addClass(d[0]),n.addClass(d[1])))},y=function(){var t=e(this),o=t.data(a),n=e("#mCSB_"+o.idx),i=e("#mCSB_"+o.idx+"_container"),r=null==o.overflowed?i.height():i.outerHeight(!1),l=null==o.overflowed?i.width():i.outerWidth(!1),s=i[0].scrollHeight,c=i[0].scrollWidth;return s>r&&(r=s),c>l&&(l=c),[r>n.height(),l>n.width()]},B=function(){var t=e(this),o=t.data(a),n=o.opt,i=e("#mCSB_"+o.idx),r=e("#mCSB_"+o.idx+"_container"),l=[e("#mCSB_"+o.idx+"_dragger_vertical"),e("#mCSB_"+o.idx+"_dragger_horizontal")];if(Q(t),("x"!==n.axis&&!o.overflowed[0]||"y"===n.axis&&o.overflowed[0])&&(l[0].add(r).css("top",0),G(t,"_resetY")),"y"!==n.axis&&!o.overflowed[1]||"x"===n.axis&&o.overflowed[1]){var s=dx=0;"rtl"===o.langDir&&(s=i.width()-r.outerWidth(!1),dx=Math.abs(s/o.scrollRatio.x)),r.css("left",s),l[1].css("left",dx),G(t,"_resetX")}},T=function(){function t(){r=setTimeout(function(){e.event.special.mousewheel?(clearTimeout(r),W.call(o[0])):t()},100)}var o=e(this),n=o.data(a),i=n.opt;if(!n.bindEvents){if(I.call(this),i.contentTouchScroll&&D.call(this),E.call(this),i.mouseWheel.enable){var r;t()}P.call(this),U.call(this),i.advanced.autoScrollOnFocus&&H.call(this),i.scrollButtons.enable&&F.call(this),i.keyboard.enable&&q.call(this),n.bindEvents=!0}},k=function(){var t=e(this),o=t.data(a),n=o.opt,i=a+"_"+o.idx,r=".mCSB_"+o.idx+"_scrollbar",l=e("#mCSB_"+o.idx+",#mCSB_"+o.idx+"_container,#mCSB_"+o.idx+"_container_wrapper,"+r+" ."+d[12]+",#mCSB_"+o.idx+"_dragger_vertical,#mCSB_"+o.idx+"_dragger_horizontal,"+r+">a"),s=e("#mCSB_"+o.idx+"_container");n.advanced.releaseDraggableSelectors&&l.add(e(n.advanced.releaseDraggableSelectors)),n.advanced.extraDraggableSelectors&&l.add(e(n.advanced.extraDraggableSelectors)),o.bindEvents&&(e(document).add(e(!A()||top.document)).unbind("."+i),l.each(function(){e(this).unbind("."+i)}),clearTimeout(t[0]._focusTimeout),$(t[0],"_focusTimeout"),clearTimeout(o.sequential.step),$(o.sequential,"step"),clearTimeout(s[0].onCompleteTimeout),$(s[0],"onCompleteTimeout"),o.bindEvents=!1)},M=function(t){var o=e(this),n=o.data(a),i=n.opt,r=e("#mCSB_"+n.idx+"_container_wrapper"),l=r.length?r:e("#mCSB_"+n.idx+"_container"),s=[e("#mCSB_"+n.idx+"_scrollbar_vertical"),e("#mCSB_"+n.idx+"_scrollbar_horizontal")],c=[s[0].find(".mCSB_dragger"),s[1].find(".mCSB_dragger")];"x"!==i.axis&&(n.overflowed[0]&&!t?(s[0].add(c[0]).add(s[0].children("a")).css("display","block"),l.removeClass(d[8]+" "+d[10])):(i.alwaysShowScrollbar?(2!==i.alwaysShowScrollbar&&c[0].css("display","none"),l.removeClass(d[10])):(s[0].css("display","none"),l.addClass(d[10])),l.addClass(d[8]))),"y"!==i.axis&&(n.overflowed[1]&&!t?(s[1].add(c[1]).add(s[1].children("a")).css("display","block"),l.removeClass(d[9]+" "+d[11])):(i.alwaysShowScrollbar?(2!==i.alwaysShowScrollbar&&c[1].css("display","none"),l.removeClass(d[11])):(s[1].css("display","none"),l.addClass(d[11])),l.addClass(d[9]))),n.overflowed[0]||n.overflowed[1]?o.removeClass(d[5]):o.addClass(d[5])},O=function(t){var o=t.type,a=t.target.ownerDocument!==document&&null!==frameElement?[e(frameElement).offset().top,e(frameElement).offset().left]:null,n=A()&&t.target.ownerDocument!==top.document&&null!==frameElement?[e(t.view.frameElement).offset().top,e(t.view.frameElement).offset().left]:[0,0];switch(o){case"pointerdown":case"MSPointerDown":case"pointermove":case"MSPointerMove":case"pointerup":case"MSPointerUp":return a?[t.originalEvent.pageY-a[0]+n[0],t.originalEvent.pageX-a[1]+n[1],!1]:[t.originalEvent.pageY,t.originalEvent.pageX,!1];case"touchstart":case"touchmove":case"touchend":var i=t.originalEvent.touches[0]||t.originalEvent.changedTouches[0],r=t.originalEvent.touches.length||t.originalEvent.changedTouches.length;return t.target.ownerDocument!==document?[i.screenY,i.screenX,r>1]:[i.pageY,i.pageX,r>1];default:return a?[t.pageY-a[0]+n[0],t.pageX-a[1]+n[1],!1]:[t.pageY,t.pageX,!1]}},I=function(){function t(e,t,a,n){if(h[0].idleTimer=d.scrollInertia<233?250:0,o.attr("id")===f[1])var i="x",s=(o[0].offsetLeft-t+n)*l.scrollRatio.x;else var i="y",s=(o[0].offsetTop-e+a)*l.scrollRatio.y;G(r,s.toString(),{dir:i,drag:!0})}var o,n,i,r=e(this),l=r.data(a),d=l.opt,u=a+"_"+l.idx,f=["mCSB_"+l.idx+"_dragger_vertical","mCSB_"+l.idx+"_dragger_horizontal"],h=e("#mCSB_"+l.idx+"_container"),m=e("#"+f[0]+",#"+f[1]),p=d.advanced.releaseDraggableSelectors?m.add(e(d.advanced.releaseDraggableSelectors)):m,g=d.advanced.extraDraggableSelectors?e(!A()||top.document).add(e(d.advanced.extraDraggableSelectors)):e(!A()||top.document);m.bind("contextmenu."+u,function(e){e.preventDefault()}).bind("mousedown."+u+" touchstart."+u+" pointerdown."+u+" MSPointerDown."+u,function(t){if(t.stopImmediatePropagation(),t.preventDefault(),ee(t)){c=!0,s&&(document.onselectstart=function(){return!1}),L.call(h,!1),Q(r),o=e(this);var a=o.offset(),l=O(t)[0]-a.top,u=O(t)[1]-a.left,f=o.height()+a.top,m=o.width()+a.left;f>l&&l>0&&m>u&&u>0&&(n=l,i=u),C(o,"active",d.autoExpandScrollbar)}}).bind("touchmove."+u,function(e){e.stopImmediatePropagation(),e.preventDefault();var a=o.offset(),r=O(e)[0]-a.top,l=O(e)[1]-a.left;t(n,i,r,l)}),e(document).add(g).bind("mousemove."+u+" pointermove."+u+" MSPointerMove."+u,function(e){if(o){var a=o.offset(),r=O(e)[0]-a.top,l=O(e)[1]-a.left;if(n===r&&i===l)return;t(n,i,r,l)}}).add(p).bind("mouseup."+u+" touchend."+u+" pointerup."+u+" MSPointerUp."+u,function(){o&&(C(o,"active",d.autoExpandScrollbar),o=null),c=!1,s&&(document.onselectstart=null),L.call(h,!0)})},D=function(){function o(e){if(!te(e)||c||O(e)[2])return void(t=0);t=1,b=0,C=0,d=1,y.removeClass("mCS_touch_action");var o=I.offset();u=O(e)[0]-o.top,f=O(e)[1]-o.left,z=[O(e)[0],O(e)[1]]}function n(e){if(te(e)&&!c&&!O(e)[2]&&(T.documentTouchScroll||e.preventDefault(),e.stopImmediatePropagation(),(!C||b)&&d)){g=K();var t=M.offset(),o=O(e)[0]-t.top,a=O(e)[1]-t.left,n="mcsLinearOut";if(E.push(o),W.push(a),z[2]=Math.abs(O(e)[0]-z[0]),z[3]=Math.abs(O(e)[1]-z[1]),B.overflowed[0])var i=D[0].parent().height()-D[0].height(),r=u-o>0&&o-u>-(i*B.scrollRatio.y)&&(2*z[3]<z[2]||"yx"===T.axis);if(B.overflowed[1])var l=D[1].parent().width()-D[1].width(),h=f-a>0&&a-f>-(l*B.scrollRatio.x)&&(2*z[2]<z[3]||"yx"===T.axis);r||h?(U||e.preventDefault(),b=1):(C=1,y.addClass("mCS_touch_action")),U&&e.preventDefault(),w="yx"===T.axis?[u-o,f-a]:"x"===T.axis?[null,f-a]:[u-o,null],I[0].idleTimer=250,B.overflowed[0]&&s(w[0],R,n,"y","all",!0),B.overflowed[1]&&s(w[1],R,n,"x",L,!0)}}function i(e){if(!te(e)||c||O(e)[2])return void(t=0);t=1,e.stopImmediatePropagation(),Q(y),p=K();var o=M.offset();h=O(e)[0]-o.top,m=O(e)[1]-o.left,E=[],W=[]}function r(e){if(te(e)&&!c&&!O(e)[2]){d=0,e.stopImmediatePropagation(),b=0,C=0,v=K();var t=M.offset(),o=O(e)[0]-t.top,a=O(e)[1]-t.left;if(!(v-g>30)){_=1e3/(v-p);var n="mcsEaseOut",i=2.5>_,r=i?[E[E.length-2],W[W.length-2]]:[0,0];x=i?[o-r[0],a-r[1]]:[o-h,a-m];var u=[Math.abs(x[0]),Math.abs(x[1])];_=i?[Math.abs(x[0]/4),Math.abs(x[1]/4)]:[_,_];var f=[Math.abs(I[0].offsetTop)-x[0]*l(u[0]/_[0],_[0]),Math.abs(I[0].offsetLeft)-x[1]*l(u[1]/_[1],_[1])];w="yx"===T.axis?[f[0],f[1]]:"x"===T.axis?[null,f[1]]:[f[0],null],S=[4*u[0]+T.scrollInertia,4*u[1]+T.scrollInertia];var y=parseInt(T.contentTouchScroll)||0;w[0]=u[0]>y?w[0]:0,w[1]=u[1]>y?w[1]:0,B.overflowed[0]&&s(w[0],S[0],n,"y",L,!1),B.overflowed[1]&&s(w[1],S[1],n,"x",L,!1)}}}function l(e,t){var o=[1.5*t,2*t,t/1.5,t/2];return e>90?t>4?o[0]:o[3]:e>60?t>3?o[3]:o[2]:e>30?t>8?o[1]:t>6?o[0]:t>4?t:o[2]:t>8?t:o[3]}function s(e,t,o,a,n,i){e&&G(y,e.toString(),{dur:t,scrollEasing:o,dir:a,overwrite:n,drag:i})}var d,u,f,h,m,p,g,v,x,_,w,S,b,C,y=e(this),B=y.data(a),T=B.opt,k=a+"_"+B.idx,M=e("#mCSB_"+B.idx),I=e("#mCSB_"+B.idx+"_container"),D=[e("#mCSB_"+B.idx+"_dragger_vertical"),e("#mCSB_"+B.idx+"_dragger_horizontal")],E=[],W=[],R=0,L="yx"===T.axis?"none":"all",z=[],P=I.find("iframe"),H=["touchstart."+k+" pointerdown."+k+" MSPointerDown."+k,"touchmove."+k+" pointermove."+k+" MSPointerMove."+k,"touchend."+k+" pointerup."+k+" MSPointerUp."+k],U=void 0!==document.body.style.touchAction&&""!==document.body.style.touchAction;I.bind(H[0],function(e){o(e)}).bind(H[1],function(e){n(e)}),M.bind(H[0],function(e){i(e)}).bind(H[2],function(e){r(e)}),P.length&&P.each(function(){e(this).bind("load",function(){A(this)&&e(this.contentDocument||this.contentWindow.document).bind(H[0],function(e){o(e),i(e)}).bind(H[1],function(e){n(e)}).bind(H[2],function(e){r(e)})})})},E=function(){function o(){return window.getSelection?window.getSelection().toString():document.selection&&"Control"!=document.selection.type?document.selection.createRange().text:0}function n(e,t,o){d.type=o&&i?"stepped":"stepless",d.scrollAmount=10,j(r,e,t,"mcsLinearOut",o?60:null)}var i,r=e(this),l=r.data(a),s=l.opt,d=l.sequential,u=a+"_"+l.idx,f=e("#mCSB_"+l.idx+"_container"),h=f.parent();f.bind("mousedown."+u,function(){t||i||(i=1,c=!0)}).add(document).bind("mousemove."+u,function(e){if(!t&&i&&o()){var a=f.offset(),r=O(e)[0]-a.top+f[0].offsetTop,c=O(e)[1]-a.left+f[0].offsetLeft;r>0&&r<h.height()&&c>0&&c<h.width()?d.step&&n("off",null,"stepped"):("x"!==s.axis&&l.overflowed[0]&&(0>r?n("on",38):r>h.height()&&n("on",40)),"y"!==s.axis&&l.overflowed[1]&&(0>c?n("on",37):c>h.width()&&n("on",39)))}}).bind("mouseup."+u+" dragend."+u,function(){t||(i&&(i=0,n("off",null)),c=!1)})},W=function(){function t(t,a){if(Q(o),!z(o,t.target)){var r="auto"!==i.mouseWheel.deltaFactor?parseInt(i.mouseWheel.deltaFactor):s&&t.deltaFactor<100?100:t.deltaFactor||100,d=i.scrollInertia;if("x"===i.axis||"x"===i.mouseWheel.axis)var u="x",f=[Math.round(r*n.scrollRatio.x),parseInt(i.mouseWheel.scrollAmount)],h="auto"!==i.mouseWheel.scrollAmount?f[1]:f[0]>=l.width()?.9*l.width():f[0],m=Math.abs(e("#mCSB_"+n.idx+"_container")[0].offsetLeft),p=c[1][0].offsetLeft,g=c[1].parent().width()-c[1].width(),v="y"===i.mouseWheel.axis?t.deltaY||a:t.deltaX;else var u="y",f=[Math.round(r*n.scrollRatio.y),parseInt(i.mouseWheel.scrollAmount)],h="auto"!==i.mouseWheel.scrollAmount?f[1]:f[0]>=l.height()?.9*l.height():f[0],m=Math.abs(e("#mCSB_"+n.idx+"_container")[0].offsetTop),p=c[0][0].offsetTop,g=c[0].parent().height()-c[0].height(),v=t.deltaY||a;"y"===u&&!n.overflowed[0]||"x"===u&&!n.overflowed[1]||((i.mouseWheel.invert||t.webkitDirectionInvertedFromDevice)&&(v=-v),i.mouseWheel.normalizeDelta&&(v=0>v?-1:1),(v>0&&0!==p||0>v&&p!==g||i.mouseWheel.preventDefault)&&(t.stopImmediatePropagation(),t.preventDefault()),t.deltaFactor<5&&!i.mouseWheel.normalizeDelta&&(h=t.deltaFactor,d=17),G(o,(m-v*h).toString(),{dir:u,dur:d}))}}if(e(this).data(a)){var o=e(this),n=o.data(a),i=n.opt,r=a+"_"+n.idx,l=e("#mCSB_"+n.idx),c=[e("#mCSB_"+n.idx+"_dragger_vertical"),e("#mCSB_"+n.idx+"_dragger_horizontal")],d=e("#mCSB_"+n.idx+"_container").find("iframe");d.length&&d.each(function(){e(this).bind("load",function(){A(this)&&e(this.contentDocument||this.contentWindow.document).bind("mousewheel."+r,function(e,o){t(e,o)})})}),l.bind("mousewheel."+r,function(e,o){t(e,o)})}},R=new Object,A=function(t){var o=!1,a=!1,n=null;if(void 0===t?a="#empty":void 0!==e(t).attr("id")&&(a=e(t).attr("id")),a!==!1&&void 0!==R[a])return R[a];if(t){try{var i=t.contentDocument||t.contentWindow.document;n=i.body.innerHTML}catch(r){}o=null!==n}else{try{var i=top.document;n=i.body.innerHTML}catch(r){}o=null!==n}return a!==!1&&(R[a]=o),o},L=function(e){var t=this.find("iframe");if(t.length){var o=e?"auto":"none";t.css("pointer-events",o)}},z=function(t,o){var n=o.nodeName.toLowerCase(),i=t.data(a).opt.mouseWheel.disableOver,r=["select","textarea"];return e.inArray(n,i)>-1&&!(e.inArray(n,r)>-1&&!e(o).is(":focus"))},P=function(){var t,o=e(this),n=o.data(a),i=a+"_"+n.idx,r=e("#mCSB_"+n.idx+"_container"),l=r.parent(),s=e(".mCSB_"+n.idx+"_scrollbar ."+d[12]);s.bind("mousedown."+i+" touchstart."+i+" pointerdown."+i+" MSPointerDown."+i,function(o){c=!0,e(o.target).hasClass("mCSB_dragger")||(t=1)}).bind("touchend."+i+" pointerup."+i+" MSPointerUp."+i,function(){c=!1}).bind("click."+i,function(a){if(t&&(t=0,e(a.target).hasClass(d[12])||e(a.target).hasClass("mCSB_draggerRail"))){Q(o);var i=e(this),s=i.find(".mCSB_dragger");if(i.parent(".mCSB_scrollTools_horizontal").length>0){if(!n.overflowed[1])return;var c="x",u=a.pageX>s.offset().left?-1:1,f=Math.abs(r[0].offsetLeft)-u*(.9*l.width())}else{if(!n.overflowed[0])return;var c="y",u=a.pageY>s.offset().top?-1:1,f=Math.abs(r[0].offsetTop)-u*(.9*l.height())}G(o,f.toString(),{dir:c,scrollEasing:"mcsEaseInOut"})}})},H=function(){var t=e(this),o=t.data(a),n=o.opt,i=a+"_"+o.idx,r=e("#mCSB_"+o.idx+"_container"),l=r.parent();r.bind("focusin."+i,function(){var o=e(document.activeElement),a=r.find(".mCustomScrollBox").length,i=0;o.is(n.advanced.autoScrollOnFocus)&&(Q(t),clearTimeout(t[0]._focusTimeout),t[0]._focusTimer=a?(i+17)*a:0,t[0]._focusTimeout=setTimeout(function(){var e=[ae(o)[0],ae(o)[1]],a=[r[0].offsetTop,r[0].offsetLeft],s=[a[0]+e[0]>=0&&a[0]+e[0]<l.height()-o.outerHeight(!1),a[1]+e[1]>=0&&a[0]+e[1]<l.width()-o.outerWidth(!1)],c="yx"!==n.axis||s[0]||s[1]?"all":"none";"x"===n.axis||s[0]||G(t,e[0].toString(),{dir:"y",scrollEasing:"mcsEaseInOut",overwrite:c,dur:i}),"y"===n.axis||s[1]||G(t,e[1].toString(),{dir:"x",scrollEasing:"mcsEaseInOut",overwrite:c,dur:i})},t[0]._focusTimer))})},U=function(){var t=e(this),o=t.data(a),n=a+"_"+o.idx,i=e("#mCSB_"+o.idx+"_container").parent();i.bind("scroll."+n,function(){0===i.scrollTop()&&0===i.scrollLeft()||e(".mCSB_"+o.idx+"_scrollbar").css("visibility","hidden")})},F=function(){var t=e(this),o=t.data(a),n=o.opt,i=o.sequential,r=a+"_"+o.idx,l=".mCSB_"+o.idx+"_scrollbar",s=e(l+">a");s.bind("contextmenu."+r,function(e){e.preventDefault()}).bind("mousedown."+r+" touchstart."+r+" pointerdown."+r+" MSPointerDown."+r+" mouseup."+r+" touchend."+r+" pointerup."+r+" MSPointerUp."+r+" mouseout."+r+" pointerout."+r+" MSPointerOut."+r+" click."+r,function(a){function r(e,o){i.scrollAmount=n.scrollButtons.scrollAmount,j(t,e,o)}if(a.preventDefault(),ee(a)){var l=e(this).attr("class");switch(i.type=n.scrollButtons.scrollType,a.type){case"mousedown":case"touchstart":case"pointerdown":case"MSPointerDown":if("stepped"===i.type)return;c=!0,o.tweenRunning=!1,r("on",l);break;case"mouseup":case"touchend":case"pointerup":case"MSPointerUp":case"mouseout":case"pointerout":case"MSPointerOut":if("stepped"===i.type)return;c=!1,i.dir&&r("off",l);break;case"click":if("stepped"!==i.type||o.tweenRunning)return;r("on",l)}}})},q=function(){function t(t){function a(e,t){r.type=i.keyboard.scrollType,r.scrollAmount=i.keyboard.scrollAmount,"stepped"===r.type&&n.tweenRunning||j(o,e,t)}switch(t.type){case"blur":n.tweenRunning&&r.dir&&a("off",null);break;case"keydown":case"keyup":var l=t.keyCode?t.keyCode:t.which,s="on";if("x"!==i.axis&&(38===l||40===l)||"y"!==i.axis&&(37===l||39===l)){if((38===l||40===l)&&!n.overflowed[0]||(37===l||39===l)&&!n.overflowed[1])return;"keyup"===t.type&&(s="off"),e(document.activeElement).is(u)||(t.preventDefault(),t.stopImmediatePropagation(),a(s,l))}else if(33===l||34===l){if((n.overflowed[0]||n.overflowed[1])&&(t.preventDefault(),t.stopImmediatePropagation()),"keyup"===t.type){Q(o);var f=34===l?-1:1;if("x"===i.axis||"yx"===i.axis&&n.overflowed[1]&&!n.overflowed[0])var h="x",m=Math.abs(c[0].offsetLeft)-f*(.9*d.width());else var h="y",m=Math.abs(c[0].offsetTop)-f*(.9*d.height());G(o,m.toString(),{dir:h,scrollEasing:"mcsEaseInOut"})}}else if((35===l||36===l)&&!e(document.activeElement).is(u)&&((n.overflowed[0]||n.overflowed[1])&&(t.preventDefault(),t.stopImmediatePropagation()),"keyup"===t.type)){if("x"===i.axis||"yx"===i.axis&&n.overflowed[1]&&!n.overflowed[0])var h="x",m=35===l?Math.abs(d.width()-c.outerWidth(!1)):0;else var h="y",m=35===l?Math.abs(d.height()-c.outerHeight(!1)):0;G(o,m.toString(),{dir:h,scrollEasing:"mcsEaseInOut"})}}}var o=e(this),n=o.data(a),i=n.opt,r=n.sequential,l=a+"_"+n.idx,s=e("#mCSB_"+n.idx),c=e("#mCSB_"+n.idx+"_container"),d=c.parent(),u="input,textarea,select,datalist,keygen,[contenteditable='true']",f=c.find("iframe"),h=["blur."+l+" keydown."+l+" keyup."+l];f.length&&f.each(function(){e(this).bind("load",function(){A(this)&&e(this.contentDocument||this.contentWindow.document).bind(h[0],function(e){t(e)})})}),s.attr("tabindex","0").bind(h[0],function(e){t(e)})},j=function(t,o,n,i,r){function l(e){u.snapAmount&&(f.scrollAmount=u.snapAmount instanceof Array?"x"===f.dir[0]?u.snapAmount[1]:u.snapAmount[0]:u.snapAmount);var o="stepped"!==f.type,a=r?r:e?o?p/1.5:g:1e3/60,n=e?o?7.5:40:2.5,s=[Math.abs(h[0].offsetTop),Math.abs(h[0].offsetLeft)],d=[c.scrollRatio.y>10?10:c.scrollRatio.y,c.scrollRatio.x>10?10:c.scrollRatio.x],m="x"===f.dir[0]?s[1]+f.dir[1]*(d[1]*n):s[0]+f.dir[1]*(d[0]*n),v="x"===f.dir[0]?s[1]+f.dir[1]*parseInt(f.scrollAmount):s[0]+f.dir[1]*parseInt(f.scrollAmount),x="auto"!==f.scrollAmount?v:m,_=i?i:e?o?"mcsLinearOut":"mcsEaseInOut":"mcsLinear",w=!!e;return e&&17>a&&(x="x"===f.dir[0]?s[1]:s[0]),G(t,x.toString(),{dir:f.dir[0],scrollEasing:_,dur:a,onComplete:w}),e?void(f.dir=!1):(clearTimeout(f.step),void(f.step=setTimeout(function(){l()},a)))}function s(){clearTimeout(f.step),$(f,"step"),Q(t)}var c=t.data(a),u=c.opt,f=c.sequential,h=e("#mCSB_"+c.idx+"_container"),m="stepped"===f.type,p=u.scrollInertia<26?26:u.scrollInertia,g=u.scrollInertia<1?17:u.scrollInertia;switch(o){case"on":if(f.dir=[n===d[16]||n===d[15]||39===n||37===n?"x":"y",n===d[13]||n===d[15]||38===n||37===n?-1:1],Q(t),oe(n)&&"stepped"===f.type)return;l(m);break;case"off":s(),(m||c.tweenRunning&&f.dir)&&l(!0)}},Y=function(t){var o=e(this).data(a).opt,n=[];return"function"==typeof t&&(t=t()),t instanceof Array?n=t.length>1?[t[0],t[1]]:"x"===o.axis?[null,t[0]]:[t[0],null]:(n[0]=t.y?t.y:t.x||"x"===o.axis?null:t,n[1]=t.x?t.x:t.y||"y"===o.axis?null:t),"function"==typeof n[0]&&(n[0]=n[0]()),"function"==typeof n[1]&&(n[1]=n[1]()),n},X=function(t,o){if(null!=t&&"undefined"!=typeof t){var n=e(this),i=n.data(a),r=i.opt,l=e("#mCSB_"+i.idx+"_container"),s=l.parent(),c=typeof t;o||(o="x"===r.axis?"x":"y");var d="x"===o?l.outerWidth(!1)-s.width():l.outerHeight(!1)-s.height(),f="x"===o?l[0].offsetLeft:l[0].offsetTop,h="x"===o?"left":"top";switch(c){case"function":return t();case"object":var m=t.jquery?t:e(t);if(!m.length)return;return"x"===o?ae(m)[1]:ae(m)[0];case"string":case"number":if(oe(t))return Math.abs(t);if(-1!==t.indexOf("%"))return Math.abs(d*parseInt(t)/100);if(-1!==t.indexOf("-="))return Math.abs(f-parseInt(t.split("-=")[1]));if(-1!==t.indexOf("+=")){var p=f+parseInt(t.split("+=")[1]);return p>=0?0:Math.abs(p)}if(-1!==t.indexOf("px")&&oe(t.split("px")[0]))return Math.abs(t.split("px")[0]);if("top"===t||"left"===t)return 0;if("bottom"===t)return Math.abs(s.height()-l.outerHeight(!1));if("right"===t)return Math.abs(s.width()-l.outerWidth(!1));if("first"===t||"last"===t){var m=l.find(":"+t);return"x"===o?ae(m)[1]:ae(m)[0]}return e(t).length?"x"===o?ae(e(t))[1]:ae(e(t))[0]:(l.css(h,t),void u.update.call(null,n[0]))}}},N=function(t){function o(){return clearTimeout(f[0].autoUpdate),0===l.parents("html").length?void(l=null):void(f[0].autoUpdate=setTimeout(function(){return c.advanced.updateOnSelectorChange&&(s.poll.change.n=i(),s.poll.change.n!==s.poll.change.o)?(s.poll.change.o=s.poll.change.n,void r(3)):c.advanced.updateOnContentResize&&(s.poll.size.n=l[0].scrollHeight+l[0].scrollWidth+f[0].offsetHeight+l[0].offsetHeight+l[0].offsetWidth,s.poll.size.n!==s.poll.size.o)?(s.poll.size.o=s.poll.size.n,void r(1)):!c.advanced.updateOnImageLoad||"auto"===c.advanced.updateOnImageLoad&&"y"===c.axis||(s.poll.img.n=f.find("img").length,s.poll.img.n===s.poll.img.o)?void((c.advanced.updateOnSelectorChange||c.advanced.updateOnContentResize||c.advanced.updateOnImageLoad)&&o()):(s.poll.img.o=s.poll.img.n,void f.find("img").each(function(){n(this)}))},c.advanced.autoUpdateTimeout))}function n(t){function o(e,t){return function(){ return t.apply(e,arguments)}}function a(){this.onload=null,e(t).addClass(d[2]),r(2)}if(e(t).hasClass(d[2]))return void r();var n=new Image;n.onload=o(n,a),n.src=t.src}function i(){c.advanced.updateOnSelectorChange===!0&&(c.advanced.updateOnSelectorChange="*");var e=0,t=f.find(c.advanced.updateOnSelectorChange);return c.advanced.updateOnSelectorChange&&t.length>0&&t.each(function(){e+=this.offsetHeight+this.offsetWidth}),e}function r(e){clearTimeout(f[0].autoUpdate),u.update.call(null,l[0],e)}var l=e(this),s=l.data(a),c=s.opt,f=e("#mCSB_"+s.idx+"_container");return t?(clearTimeout(f[0].autoUpdate),void $(f[0],"autoUpdate")):void o()},V=function(e,t,o){return Math.round(e/t)*t-o},Q=function(t){var o=t.data(a),n=e("#mCSB_"+o.idx+"_container,#mCSB_"+o.idx+"_container_wrapper,#mCSB_"+o.idx+"_dragger_vertical,#mCSB_"+o.idx+"_dragger_horizontal");n.each(function(){Z.call(this)})},G=function(t,o,n){function i(e){return s&&c.callbacks[e]&&"function"==typeof c.callbacks[e]}function r(){return[c.callbacks.alwaysTriggerOffsets||w>=S[0]+y,c.callbacks.alwaysTriggerOffsets||-B>=w]}function l(){var e=[h[0].offsetTop,h[0].offsetLeft],o=[x[0].offsetTop,x[0].offsetLeft],a=[h.outerHeight(!1),h.outerWidth(!1)],i=[f.height(),f.width()];t[0].mcs={content:h,top:e[0],left:e[1],draggerTop:o[0],draggerLeft:o[1],topPct:Math.round(100*Math.abs(e[0])/(Math.abs(a[0])-i[0])),leftPct:Math.round(100*Math.abs(e[1])/(Math.abs(a[1])-i[1])),direction:n.dir}}var s=t.data(a),c=s.opt,d={trigger:"internal",dir:"y",scrollEasing:"mcsEaseOut",drag:!1,dur:c.scrollInertia,overwrite:"all",callbacks:!0,onStart:!0,onUpdate:!0,onComplete:!0},n=e.extend(d,n),u=[n.dur,n.drag?0:n.dur],f=e("#mCSB_"+s.idx),h=e("#mCSB_"+s.idx+"_container"),m=h.parent(),p=c.callbacks.onTotalScrollOffset?Y.call(t,c.callbacks.onTotalScrollOffset):[0,0],g=c.callbacks.onTotalScrollBackOffset?Y.call(t,c.callbacks.onTotalScrollBackOffset):[0,0];if(s.trigger=n.trigger,0===m.scrollTop()&&0===m.scrollLeft()||(e(".mCSB_"+s.idx+"_scrollbar").css("visibility","visible"),m.scrollTop(0).scrollLeft(0)),"_resetY"!==o||s.contentReset.y||(i("onOverflowYNone")&&c.callbacks.onOverflowYNone.call(t[0]),s.contentReset.y=1),"_resetX"!==o||s.contentReset.x||(i("onOverflowXNone")&&c.callbacks.onOverflowXNone.call(t[0]),s.contentReset.x=1),"_resetY"!==o&&"_resetX"!==o){if(!s.contentReset.y&&t[0].mcs||!s.overflowed[0]||(i("onOverflowY")&&c.callbacks.onOverflowY.call(t[0]),s.contentReset.x=null),!s.contentReset.x&&t[0].mcs||!s.overflowed[1]||(i("onOverflowX")&&c.callbacks.onOverflowX.call(t[0]),s.contentReset.x=null),c.snapAmount){var v=c.snapAmount instanceof Array?"x"===n.dir?c.snapAmount[1]:c.snapAmount[0]:c.snapAmount;o=V(o,v,c.snapOffset)}switch(n.dir){case"x":var x=e("#mCSB_"+s.idx+"_dragger_horizontal"),_="left",w=h[0].offsetLeft,S=[f.width()-h.outerWidth(!1),x.parent().width()-x.width()],b=[o,0===o?0:o/s.scrollRatio.x],y=p[1],B=g[1],T=y>0?y/s.scrollRatio.x:0,k=B>0?B/s.scrollRatio.x:0;break;case"y":var x=e("#mCSB_"+s.idx+"_dragger_vertical"),_="top",w=h[0].offsetTop,S=[f.height()-h.outerHeight(!1),x.parent().height()-x.height()],b=[o,0===o?0:o/s.scrollRatio.y],y=p[0],B=g[0],T=y>0?y/s.scrollRatio.y:0,k=B>0?B/s.scrollRatio.y:0}b[1]<0||0===b[0]&&0===b[1]?b=[0,0]:b[1]>=S[1]?b=[S[0],S[1]]:b[0]=-b[0],t[0].mcs||(l(),i("onInit")&&c.callbacks.onInit.call(t[0])),clearTimeout(h[0].onCompleteTimeout),J(x[0],_,Math.round(b[1]),u[1],n.scrollEasing),!s.tweenRunning&&(0===w&&b[0]>=0||w===S[0]&&b[0]<=S[0])||J(h[0],_,Math.round(b[0]),u[0],n.scrollEasing,n.overwrite,{onStart:function(){n.callbacks&&n.onStart&&!s.tweenRunning&&(i("onScrollStart")&&(l(),c.callbacks.onScrollStart.call(t[0])),s.tweenRunning=!0,C(x),s.cbOffsets=r())},onUpdate:function(){n.callbacks&&n.onUpdate&&i("whileScrolling")&&(l(),c.callbacks.whileScrolling.call(t[0]))},onComplete:function(){if(n.callbacks&&n.onComplete){"yx"===c.axis&&clearTimeout(h[0].onCompleteTimeout);var e=h[0].idleTimer||0;h[0].onCompleteTimeout=setTimeout(function(){i("onScroll")&&(l(),c.callbacks.onScroll.call(t[0])),i("onTotalScroll")&&b[1]>=S[1]-T&&s.cbOffsets[0]&&(l(),c.callbacks.onTotalScroll.call(t[0])),i("onTotalScrollBack")&&b[1]<=k&&s.cbOffsets[1]&&(l(),c.callbacks.onTotalScrollBack.call(t[0])),s.tweenRunning=!1,h[0].idleTimer=0,C(x,"hide")},e)}}})}},J=function(e,t,o,a,n,i,r){function l(){S.stop||(x||m.call(),x=K()-v,s(),x>=S.time&&(S.time=x>S.time?x+f-(x-S.time):x+f-1,S.time<x+1&&(S.time=x+1)),S.time<a?S.id=h(l):g.call())}function s(){a>0?(S.currVal=u(S.time,_,b,a,n),w[t]=Math.round(S.currVal)+"px"):w[t]=o+"px",p.call()}function c(){f=1e3/60,S.time=x+f,h=window.requestAnimationFrame?window.requestAnimationFrame:function(e){return s(),setTimeout(e,.01)},S.id=h(l)}function d(){null!=S.id&&(window.requestAnimationFrame?window.cancelAnimationFrame(S.id):clearTimeout(S.id),S.id=null)}function u(e,t,o,a,n){switch(n){case"linear":case"mcsLinear":return o*e/a+t;case"mcsLinearOut":return e/=a,e--,o*Math.sqrt(1-e*e)+t;case"easeInOutSmooth":return e/=a/2,1>e?o/2*e*e+t:(e--,-o/2*(e*(e-2)-1)+t);case"easeInOutStrong":return e/=a/2,1>e?o/2*Math.pow(2,10*(e-1))+t:(e--,o/2*(-Math.pow(2,-10*e)+2)+t);case"easeInOut":case"mcsEaseInOut":return e/=a/2,1>e?o/2*e*e*e+t:(e-=2,o/2*(e*e*e+2)+t);case"easeOutSmooth":return e/=a,e--,-o*(e*e*e*e-1)+t;case"easeOutStrong":return o*(-Math.pow(2,-10*e/a)+1)+t;case"easeOut":case"mcsEaseOut":default:var i=(e/=a)*e,r=i*e;return t+o*(.499999999999997*r*i+-2.5*i*i+5.5*r+-6.5*i+4*e)}}e._mTween||(e._mTween={top:{},left:{}});var f,h,r=r||{},m=r.onStart||function(){},p=r.onUpdate||function(){},g=r.onComplete||function(){},v=K(),x=0,_=e.offsetTop,w=e.style,S=e._mTween[t];"left"===t&&(_=e.offsetLeft);var b=o-_;S.stop=0,"none"!==i&&d(),c()},K=function(){return window.performance&&window.performance.now?window.performance.now():window.performance&&window.performance.webkitNow?window.performance.webkitNow():Date.now?Date.now():(new Date).getTime()},Z=function(){var e=this;e._mTween||(e._mTween={top:{},left:{}});for(var t=["top","left"],o=0;o<t.length;o++){var a=t[o];e._mTween[a].id&&(window.requestAnimationFrame?window.cancelAnimationFrame(e._mTween[a].id):clearTimeout(e._mTween[a].id),e._mTween[a].id=null,e._mTween[a].stop=1)}},$=function(e,t){try{delete e[t]}catch(o){e[t]=null}},ee=function(e){return!(e.which&&1!==e.which)},te=function(e){var t=e.originalEvent.pointerType;return!(t&&"touch"!==t&&2!==t)},oe=function(e){return!isNaN(parseFloat(e))&&isFinite(e)},ae=function(e){var t=e.parents(".mCSB_container");return[e.offset().top-t.offset().top,e.offset().left-t.offset().left]},ne=function(){function e(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;t<e.length;t++)if(e[t]+"Hidden"in document)return e[t]+"Hidden";return null}var t=e();return t?document[t]:!1};e.fn[o]=function(t){return u[t]?u[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void e.error("Method "+t+" does not exist"):u.init.apply(this,arguments)},e[o]=function(t){return u[t]?u[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void e.error("Method "+t+" does not exist"):u.init.apply(this,arguments)},e[o].defaults=i,window[o]=!0,e(window).bind("load",function(){e(n)[o](),e.extend(e.expr[":"],{mcsInView:e.expr[":"].mcsInView||function(t){var o,a,n=e(t),i=n.parents(".mCSB_container");if(i.length)return o=i.parent(),a=[i[0].offsetTop,i[0].offsetLeft],a[0]+ae(n)[0]>=0&&a[0]+ae(n)[0]<o.height()-n.outerHeight(!1)&&a[1]+ae(n)[1]>=0&&a[1]+ae(n)[1]<o.width()-n.outerWidth(!1)},mcsInSight:e.expr[":"].mcsInSight||function(t,o,a){var n,i,r,l,s=e(t),c=s.parents(".mCSB_container"),d="exact"===a[3]?[[1,0],[1,0]]:[[.9,.1],[.6,.4]];if(c.length)return n=[s.outerHeight(!1),s.outerWidth(!1)],r=[c[0].offsetTop+ae(s)[0],c[0].offsetLeft+ae(s)[1]],i=[c.parent()[0].offsetHeight,c.parent()[0].offsetWidth],l=[n[0]<i[0]?d[0]:d[1],n[1]<i[1]?d[0]:d[1]],r[0]-i[0]*l[0][0]<0&&r[0]+n[0]-i[0]*l[0][1]>=0&&r[1]-i[1]*l[1][0]<0&&r[1]+n[1]-i[1]*l[1][1]>=0},mcsOverflow:e.expr[":"].mcsOverflow||function(t){var o=e(t).data(a);if(o)return o.overflowed[0]||o.overflowed[1]}})})})}); //$(window) // .load(onLoad) // .resize(onResize); $(window).on('load', onLoad).on('resize', onResize); var pageMode = "pc"; var modeChange = false; function onLoad() { onResize(); mobileSwipe(); if (check_device() != "") { $(".printer_filter01 .printer-cont .input-wrap .print_name").addClass("device"); } var hash = win.location.hash; if(hash == '#printer-filter-guide'){ $(".printer_filter.printer_filter01 .txt .find-btn a").trigger("click"); } if (check_device() == "") { customScroll(); } } function onResize() { mobileSwipe(); if (check_device() == "") { $(".list-wrap .mCSB_container").css({"width":""}); $(".list-wrap").mCustomScrollbar('update'); var liWidth = Math.ceil($(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li").eq(1).outerWidth(true)); $(".list-wrap").mCustomScrollbar("scrollTo",tonerNumber * liWidth); } tonerWidth(); modeChange = false; if (pageMode == "mobile" && viewportWidth() > 768) { modeChange = true; pageMode = "pc"; }else if (pageMode == "pc" && viewportWidth() < 769) { modeChange = true; pageMode = "mobile"; } clickAble = true; if (modeChange) { clickAble = false; if (check_device() == "") { tonerNumber = 0; slideMove = 0; $(".list-wrap").css("left",0); setTimeout(function(){ $(".list-wrap").mCustomScrollbar('scrollTo','first'); },300); } if (tonerCnt > 3) { $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe("enable"); $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next").css({"display":"block"}); }else{ if (pageMode == "pc") { $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe("disable"); }else{ if (tonerCnt > 1) { $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe("enable"); }else{ $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe("disable"); } } $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next").css({"display":"none"}); $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.prev").css({"display":"none"}); } } } var motionDelay = 500; var motionAble = false; var motionIng = false; var slideIdx = 0; var searchValue = ""; var searchArray = new Array(); var searchArray_idx = -1; var keyMove = false; var touchAble = false; var clickAble = true; var swipeOut = true; var touchMove = 0; var touchDirection; var touchDistance; var touchOut = false; var motionSpeed = 500; var sMove = 0; $(function(){ $(".printer_wrap").click(function(){ if ($(".input-wrap .auto-complete-area-wrap ul.auto-complete-area").css("display") == "block") { $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area").css({"display":"none"}); } }); $(".printer_filter.printer_filter01 .txt .more-btn a").click(function(){ // 필터찾아보기 버튼이 사라져서 포커스 제거 $(".printer_filter02").css({"display":"block","opacity":0}).animate({"opacity":1},motionDelay, function(){ $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").focus(); }); // 초기화 되는 것을 printer-cause02 를 printer-cause00 으로 수정 $(".printer_filter .printer-cause-wrap .printer-cause").css({"display":"none", "opacity":0}); $(".printer_filter .printer-cause-wrap .printer-cause.printer-cause00").css({"display":"block", "opacity":1}); $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").css({"display":"none"}); $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").css({"display":"block"}); $(".printer_filter.printer_filter02 .slide_btn .carou li a").removeClass("active"); $(".printer_filter.printer_filter02 .slide_btn .carou li").eq(0).find("a").addClass("active"); slideIdx = 0; return false; }); // 필터 찾아보기 버튼 추가 $("#return-btn a").click(function(){ $(".printer_filter01.search-result").removeClass( 'search-result' ); $(".printer-basic").css({"display":"block"}); $(".printer_filter.printer_filter01 .printer-cont .input-wrap .print_name").val(""); $(".printer_filter.printer_filter01 .printer-cont .input-wrap .print_name").focus(); $(".input-wrap a.btn-input-cancel").css({"display":"none"}); $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area").css({"display":"none"}); return false; }); $(".printer_filter.printer_filter01 .txt .find-btn a").click(function(){ $(".printer_filter02").css({"display":"block","opacity":0}).animate({"opacity":1},motionDelay); $(".printer_filter .printer-cause-wrap .printer-cause").css({"display":"none", "opacity":0}); $(".printer_filter .printer-cause-wrap .printer-cause.printer-cause00").css({"display":"block","opacity":"1"}); $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").css({"display":"none"}); $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").css({"display":"block"}); $(".printer_filter.printer_filter02 .slide_btn .carou li a").removeClass("active"); $(".printer_filter.printer_filter02 .slide_btn .carou li").eq(0).find("a").addClass("active"); slideIdx = 0; return false; }); // close_btn을 children선택자로 변경 $(".printer_filter.printer_filter02").children(".close_btn").children('a').click(function(){ $(".printer_filter.printer_filter01").css({"opacity":"1"}); $(".printer_filter02").animate({"opacity":0},motionDelay,function(){ $(this).css({"display":"none"}); $(".printer_filter.printer_filter01 .txt .more-btn a").focus(); }); // 초기화 값 추가 $(".printer_filter .printer-cause-wrap .printer-cause.printer-cause00").siblings().animate({"opacity":0},motionDelay,function(){ $(".printer_filter .printer-cause-wrap .printer-cause.printer-cause00").siblings().css({"display":"none"}); $(".printer_filter .printer-cause-wrap .printer-cause.printer-cause00").css({"display":"block","opacity":"1"}); $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").css({"display":"none"}); $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").css({"display":"block"}); $(".printer_filter.printer_filter02 .slide_btn .carou li a").removeClass("active"); $(".printer_filter.printer_filter02 .slide_btn .carou li").eq(0).find("a").addClass("active"); }); slideIdx = 0; return false; }); // slideIdx 변수추가, next/prev 초기화 추가 $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a").click(function(){ if ( !motionAble && $(this).css("display") == "block" ) { motionAble = true; if ($(this).hasClass("prev")) { $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").css({"display":"block"}); $(".printer_filter .printer-cause-wrap .printer-cause").eq(slideIdx).animate({"opacity":"0"},motionDelay,function(){ $(this).css({"display":"none"}); }); $(".printer_filter .printer-cause-wrap .printer-cause").eq((slideIdx-1)).css({"display":"block","opacity":"0"}).animate({"opacity":"1"},motionDelay); --slideIdx; if ( slideIdx == 0 ) { $(this).css({"display":"none"}); } }else if ($(this).hasClass("next")) { $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").css({"display":"block"}); $(".printer_filter .printer-cause-wrap .printer-cause").eq(slideIdx).animate({"opacity":"0"},motionDelay,function(){ $(this).css({"display":"none"}); }); $(".printer_filter .printer-cause-wrap .printer-cause").eq((slideIdx+1)).css({"display":"block","opacity":"0"}).animate({"opacity":"1"},motionDelay); ++slideIdx; if ( slideIdx == 2 ) { $(this).css({"display":"none"}); } } $(".printer_filter.printer_filter02 .slide_btn .carou li a").removeClass("active"); $(".printer_filter.printer_filter02 .slide_btn .carou li").eq(slideIdx).find("a").addClass("active"); if (check_device() == "") { $(".printer_filter.printer_filter02 .slide_btn .carou li").eq(slideIdx).find("a").focus(); } setTimeout(function(){ motionAble = false; },motionDelay); } return false; }); // slideIdx 변수추가, next/prev 초기화 추가 $(".printer_filter.printer_filter02 .slide_btn .carou li a").click(function(){ if ( !motionAble ) { motionAble = true; slideIdx = $(this).parent().index(); $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").css({"display":"block"}); $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").css({"display":"block"}); if ( slideIdx == 0 ) { $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").css({"display":"none"}); $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").css({"display":"block"}); } if ( slideIdx == 2) { $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").css({"display":"block"}); $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").css({"display":"none"}); } $(".printer_filter .printer-cause-wrap .printer-cause").eq(slideIdx).siblings().animate({"opacity":"0"},motionDelay); $(".printer_filter .printer-cause-wrap .printer-cause").eq(slideIdx).css({"display":"block","opacity":"0"}).animate({"opacity":"1"},motionDelay); $(".printer_filter.printer_filter02 .slide_btn .carou li a").removeClass("active"); $(".printer_filter.printer_filter02 .slide_btn .carou li").eq(slideIdx).find("a").addClass("active"); setTimeout(function(){ motionAble = false; },motionDelay); } return false; }); $(".printer_filter01 .printer-cont .input-wrap .btn-enter").click(function(){ $(".list-wrap .mCSB_container").css({"left":"0px"}); var inputModel = document.getElementById("search-text").value; $(".printer_filter01 .printer-cont .input-wrap").removeClass("auto-search"); $(".input-wrap ul.auto-complete-area").css({"display":"none"}); if (inputModel != "") { var success = -1; for (var i = 0;i < printerVAR.length ;i++ ) { if (printerVAR[i].toLowerCase() == inputModel.toLowerCase()) { success = i; } } $(".printer-basic").css({"display":"none"}); if (success > -1) { $(".no-same").css({"display":"none"}); clickAble = false; showPrinter(printerData[success]); return false; }else{ $(".printer_filter01.search-result").removeClass( 'search-result' ); $(".no-same").css({"display":"block"}); } } return false; }); //////////////////////////////////////////////////////////////////////// $(document).on("keydown", ".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text",function(e){ keyMove = false; if (e.keyCode != 40 && e.keyCode != 38) { if (check_device() == "") { $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo", "first"); }else{ $(".input-wrap ul.auto-complete-area").scrollTop(0); $(".list-wrap > ul").css({"transition":"none", "transform":"translate(0px, 0px)"}); } } if(e.keyCode === 13) { // enter var v = $(this).val(); if (v != "") { var success = -1; for (var i = 0;i < printerVAR.length ;i++ ) { if (printerVAR[i].toLowerCase() == v.toLowerCase()) { success = i; } } $(".printer-basic").css({"display":"none"}); if (success > -1) { $(".no-same").css({"display":"none"}); clickAble = false; showPrinter(printerData[success]); $(".input-wrap ul.auto-complete-area").css({"display":"none"}); return false; }else{ $(".printer_filter01.search-result").removeClass( 'search-result' ); $(".no-same").css({"display":"block"}); } } }; if (e.keyCode == 40) { if ($(".input-wrap .auto-complete-area-wrap ul.auto-complete-area").css("display") == "block") { keyMove = true; searchArray_idx++; $(".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text").val(searchArray[searchArray_idx]); var liHeight = $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area li").eq(0).outerHeight(); $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo",(searchArray_idx * liHeight)); $(".input-wrap ul.auto-complete-area li").removeClass("focus"); $(".input-wrap ul.auto-complete-area li").eq(searchArray_idx).addClass("focus"); if (searchArray_idx >= searchArray.length) { searchArray_idx = -1; $(".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text").val(searchValue); $(".input-wrap ul.auto-complete-area li").removeClass("focus"); $(".term_wrap #kvFixed .input-wrap #kvFixed-search-text").focus(); $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo",0); } } } if (e.keyCode == 38) { if ($(".input-wrap .auto-complete-area-wrap ul.auto-complete-area").css("display") == "block") { keyMove = true; searchArray_idx--; if (searchArray_idx < 0) { if (searchArray_idx < -1) { searchArray_idx = searchArray.length - 1; $(".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text").val(searchArray[searchArray_idx]); $(".input-wrap ul.auto-complete-area li").removeClass("focus"); $(".input-wrap ul.auto-complete-area li").eq(searchArray_idx).addClass("focus"); var liHeight = $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area li").eq(0).outerHeight(); $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo",(searchArray_idx * liHeight)); }else{ $(".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text").val(searchValue); $(".input-wrap ul.auto-complete-area li").removeClass("focus"); $(".term_wrap #kvFixed .input-wrap #search-text").focus(); $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo",0); } }else{ $(".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text").val(searchArray[searchArray_idx]); $(".input-wrap ul.auto-complete-area li").removeClass("focus"); $(".input-wrap ul.auto-complete-area li").eq(searchArray_idx).addClass("focus"); var liHeight = $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area li").eq(0).outerHeight(); $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo",(searchArray_idx * liHeight)); } } } }); $(document).on("keyup", ".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text",function(e){ if (!keyMove && (e.keyCode != 38 && e.keyCode != 40)) { if ($(this).val() != "") { if (e.keyCode === 13) { $(".input-wrap ul.auto-complete-area").css({"display":"none"}); }else{ $(".input-wrap a.btn-input-cancel").css({"display":"block"}); searchValue = $(this).val(); var pattern = "(\\b" + searchValue + ")"; var reValue = new RegExp(pattern, "i"); var kor_pattern = "(" + searchValue + ")"; var kor_reValue = new RegExp(kor_pattern, ""); matchData = new Array(); matchHTML = ""; matchAble = false; searchArray = new Array(); searchArray_idx = -1; for (var i = 0 ;i < printerVAR.length ; i++) { if (kor_reValue.test(printerVAR[i])) { matchAble = true; matchHTML += "<li><a href='#' title=''>" + printerVAR[i].replace(searchValue, "<span>"+searchValue+"</span>") + "</a></li>"; searchArray.push(printerVAR[i]); }else if (printerVAR[i].search(reValue) > -1) { matchAble = true; matchHTML += "<li><a href='#' title=''>" + printerVAR[i].replace(reValue, "<span>$1</span>") + "</a></li>"; searchArray.push(printerVAR[i]); } } if (matchAble) { if (check_device() == "") { $(".input-wrap ul.auto-complete-area .mCSB_container").html(matchHTML); $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo", "first"); }else{ $(".input-wrap ul.auto-complete-area").html(matchHTML); $(".input-wrap ul.auto-complete-area").scrollTop(0); $(".list-wrap > ul").css({"transition":"none", "transform":"translate(0px, 0px)"}); } $(".input-wrap ul.auto-complete-area").css({"display":"block"}); }else{ $(".input-wrap ul.auto-complete-area").css({"display":"none"}); } } }else{ $(".input-wrap ul.auto-complete-area").css({"display":"none"}); $(".input-wrap a.btn-input-cancel").css({"display":"none"}); } } }); $(".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text").click(function(){ if ($(this).val() != "") { if (e.keyCode === 13) { $(".input-wrap ul.auto-complete-area").css({"display":"none"}); }else{ $(".input-wrap a.btn-input-cancel").css({"display":"block"}); searchValue = $(this).val(); var pattern = "(\\b" + searchValue + ")"; var reValue = new RegExp(pattern, "i"); var kor_pattern = "(" + searchValue + ")"; var kor_reValue = new RegExp(kor_pattern, ""); matchData = new Array(); matchHTML = ""; matchAble = false; searchArray = new Array(); searchArray_idx = -1; for (var i = 0 ;i < printerVAR.length ; i++) { if (kor_reValue.test(printerVAR[i])) { matchAble = true; matchHTML += "<li><a href='#' title=''>" + printerVAR[i].replace(searchValue, "<span>"+searchValue+"</span>") + "</a></li>"; searchArray.push(printerVAR[i]); }else if (printerVAR[i].search(reValue) > -1) { matchAble = true; matchHTML += "<li><a href='#'>" + printerVAR[i].replace(reValue, "<span>$1</span>") + "</a></li>"; searchArray.push(printerVAR[i]); } } if (matchAble) { if (check_device() == "") { $(".input-wrap ul.auto-complete-area .mCSB_container").html(matchHTML); $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo", "first"); }else{ $(".input-wrap ul.auto-complete-area").html(matchHTML); $(".input-wrap ul.auto-complete-area").scrollTop(0); $(".list-wrap > ul").css({"transition":"none", "transform":"translate(0px, 0px)"}); } $(".input-wrap ul.auto-complete-area").css({"display":"block"}); }else{ $(".input-wrap ul.auto-complete-area").css({"display":"none"}); } } } return false; }); $(".input-wrap a.btn-input-cancel").click(function(){ $(".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text").val(""); $(".input-wrap ul.auto-complete-area").css({"display":"none"}); $(this).css({"display":"none"}); $(".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text").focus(); searchArray = new Array(); searchArray_idx = -1; return false; }); $(document).on('click','.input-wrap ul.auto-complete-area li a',function(){ var quickVar = $(this).text(); var success = -1; $(".input-wrap ul.auto-complete-area").css({"display":"none"}); $(".printer_filter.printer_filter01 .printer-cont .input-wrap #search-text").val(quickVar); for (var i = 0; i < printerVAR.length ;i++ ) { if (printerVAR[i] == quickVar) { success = i; } } if (success >= 0) { $(".printer-basic").css({"display":"none"}); $(".no-same").css({"display":"none"}); showPrinter(printerData[success]); }else{ $(".printer-basic").css({"display":"none"}); $(".no-same").css({"display":"block"}); } return false; }); $(document).on("click", ".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li", function(){ if (clickAble) { var url = $(this).find("a").attr("href"); document.location.href=url; } return false; }); $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.prev").click(function(){ if (!motionIng) { motionIng = true; $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next").css({"display":"block"}); var liWidth = Math.ceil($(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li").eq(1).outerWidth(true)); tonerNumber--; if (tonerNumber == 0) { $(this).css({"display":"none"}); } $(".list-wrap").mCustomScrollbar("scrollTo",tonerNumber * liWidth,{scrollInertia:500}); setTimeout(function(){ motionIng = false; },600); } return false; }); $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next").click(function(){ if (!motionIng) { motionIng = true; $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.prev").css({"display":"block"}); var liWidth = Math.ceil($(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li").eq(1).outerWidth(true)); tonerNumber++; if (tonerNumber+3 >= tonerCnt) { $(this).css({"display":"none"}); } $(".list-wrap").mCustomScrollbar("scrollTo",tonerNumber * liWidth,{scrollInertia:500}); setTimeout(function(){ motionIng = false; },600); } return false; }); var slideMove = 0; $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe({ swipeStatus:function(event, phase, direction, distance, duration, fingerCount, fingerData) { if ($(".term_wrap .term_inner").hasClass("selected")) { return false; } touchDirection = direction; touchDistance = distance; touchAble = true; if (phase == "move"){ $(this).css({"cursor":"grabbing"}); $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe( {allowPageScroll:"none"} ); touchOut = false; }else{ $(this).css({"cursor":""}); } if (phase == "start") { if (viewportWidth() > 768) { slideMove = parseInt($(".mCSB_horizontal.mCSB_inside > .mCSB_container").css("left")); } clickAble = true; swipeOut = false; } if (clickAble && phase == "move") { clickAble = false; } if (swipeOut) { return false; } touchMove = 0; if (viewportWidth() > 768) { touchMove = distance; if (direction == "right") { touchMove = -distance; } }else{ touchMove = distance; if (direction == "right") { touchMove = -distance; } } var showPage = tonerNumber; var liWidth = $(this).find("> li").eq(1).outerWidth(true) - 1; if (Math.abs($(this).parents(".list-wrap").outerWidth()) < distance && phase == "move") { var movePage = Math.ceil(touchMove / liWidth); touchOut = true; swipeOut = true; var maxView = parseInt($(this).parents(".list-wrap").outerWidth() / liWidth); if(direction == "left" || phase == "left" ) { showPage += movePage; if (showPage > $(this).find("> li").length - maxView) { showPage = $(this).find("> li").length - maxView; } }else if(direction == "right" || phase == "right" ){ showPage += movePage; if (showPage < 0) { showPage = 0; }else if (showPage > $(this).find("> li").length - maxView) { showPage = $(this).find("> li").length - maxView; } } tonerNumber = showPage; //$(this).find(".tonner-list").css({"transition":"transform " + motionSpeed + "ms", "transform":"translate(" + (-liWidth * showPage) + "px, 0px)"}); var scrollMove = liWidth * showPage; if (viewportWidth() < 769) { if (check_device() == "") { $(".list-wrap").mCustomScrollbar("scrollTo",scrollMove,{scrollInertia:motionSpeed}); }else{ $(".list-wrap > ul").css({"transition":"transform 300ms", "transform":"translate(-" + scrollMove + "px, 0px)"}); } }else{ slideMove = parseInt($(".mCSB_horizontal.mCSB_inside > .mCSB_container").css("left")); } }else{ if (viewportWidth() > 768) { console.log("slideMove: "+ slideMove); var sMove = slideMove - touchMove; //$(".list-wrap .mCSB_container").css({"left":sMove + "px"}); if (sMove <= 0) { $(".list-wrap").mCustomScrollbar("scrollTo",sMove,{scrollInertia:0}); } }else{ var scrollMove = liWidth * showPage; var sMove = -scrollMove - touchMove; if (check_device() == "") { $(".list-wrap .mCSB_container").css({"left":sMove + "px"}); }else{ $(".list-wrap > ul").css({"transition":"none", "transform":"translate(" + sMove + "px, 0px)"}); } } } if ((phase == "cancel" || phase == "end") && !touchOut) { //$(this).find(".tonner-list").css({"transition":"all 0.3s","transform":"translate(" + -(showPage * liWidth) + "px, 0px)"}); var scrollMove = liWidth * showPage; if (viewportWidth() < 769) { if (check_device() == "") { $(".list-wrap").mCustomScrollbar("scrollTo",scrollMove,{scrollInertia:motionSpeed}); }else{ $(".list-wrap > ul").css({"transition":"transform 300ms", "transform":"translate(-" + scrollMove + "px, 0px)"}); } $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe( {allowPageScroll:"vertical"} ); }else{ slideMove = parseInt($(".mCSB_horizontal.mCSB_inside > .mCSB_container").css("left")); } } if (phase == "cancel") { slideMove = parseInt($(".mCSB_horizontal.mCSB_inside > .mCSB_container").css("left")); clickAble = true; touchDistance = 0; } }, swipe:function(event, phase, direction, distance, duration, fingerCount, fingerData) { $(this).css({"cursor":""}); $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe( {allowPageScroll:"vertical"} ); if (!swipeOut && !clickAble) { var showPage = tonerNumber; var liWidth = $(this).find("> li").eq(1).outerWidth(true) - 1; touchAble = false; var movePage = Math.ceil(Math.abs(touchMove) / liWidth); touchOut = true; swipeOut = true; if (viewportWidth() < 769 && movePage > 1) { movePage = 1; } if (touchMove < 0) { movePage = -movePage; } var maxView = parseInt($(this).parents(".list-wrap").outerWidth() / liWidth); $(this).parents(".list-wrap").find(".slide_obj .prev").css({"display":"block"}); $(this).parents(".list-wrap").find(".slide_obj .next").css({"display":"block"}); if(direction == "left" || phase == "left" ) { showPage += movePage; if (showPage >= $(this).find("> li").length - maxView) { $(this).parents(".list-wrap").find(".slide_obj .next").css({"display":"none"}); showPage = $(this).find("> li").length - maxView; } }else if(direction == "right" || phase == "right" ){ showPage += movePage; if (showPage <= 0) { showPage = 0; $(this).parents(".list-wrap").find(".slide_obj .prev").css({"display":"none"}); }else if (showPage >= $(this).find("> li").length - maxView) { showPage = $(this).find("> li").length - maxView; } } var nextView = showPage + maxView; tonerNumber = showPage; var scrollMove = liWidth * showPage; if (viewportWidth() < 769) { if (check_device() == "") { console.log("scrollMove : " + scrollMove); $(".list-wrap").mCustomScrollbar("scrollTo",scrollMove,{scrollInertia:motionSpeed}); }else{ $(".list-wrap > ul").css({"transition":"transform 300ms", "transform":"translate(-" + scrollMove + "px, 0px)"}); } }else{ slideMove = parseInt($(".mCSB_horizontal.mCSB_inside > .mCSB_container").css("left")); } } }, allowPageScroll:"vertical" }); $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").hover(function(){ },function(){ if (!clickAble) { $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe( {allowPageScroll:"vertical"} ); $(this).css({"cursor":""}); if (!swipeOut && touchDistance != 0) { var showPage = tonerNumber; var liWidth = $(this).find("> li").eq(1).outerWidth(true) -1; touchAble = false; var movePage = Math.ceil(touchMove / liWidth); if (viewportWidth() < 769 && movePage > 1) { movePage = 1; } touchOut = true; swipeOut = true; var maxView = parseInt($(this).parents(".list-wrap").outerWidth() / liWidth); $(this).parents(".list-wrap").find(".slide_obj .prev").css({"display":"block"}); $(this).parents(".list-wrap").find(".slide_obj .next").css({"display":"block"}); if(touchDirection == "left") { showPage += movePage; if (showPage >= $(this).find("> li").length - maxView) { $(this).parents(".list-wrap").find(".slide_obj .next").css({"display":"none"}); showPage = $(this).find("> li").length - maxView; } }else if(touchDirection == "right"){ showPage += movePage; if (showPage <= 0) { showPage = 0; $(this).parents(".list-wrap").find(".slide_obj .prev").css({"display":"none"}); }else if (showPage >= $(this).find("> li").length - maxView) { showPage = $(this).find("> li").length - maxView; } } tonerNumber = showPage; var scrollMove = liWidth * showPage; if (check_device() == "") { if (viewportWidth() < 769) { $(".list-wrap").mCustomScrollbar("scrollTo",scrollMove,{scrollInertia:motionSpeed}); }else{ slideMove = parseInt($(".mCSB_horizontal.mCSB_inside > .mCSB_container").css("left")); } }else{ $(".list-wrap > ul").css({"transition":"transform 300ms", "transform":"translate(-" + scrollMove + "px, 0px)"}); } //$(this).find(".tonner-list").css({"transition":"transform " + motionSpeed + "ms", "transform":"translate(" + (-liWidth * showPage) + "px, 0px)"}); } } }); }); // (SEC) api 연동 var printerArr, tonerArr, tonerItem = []; var tonerCnt = 0; var tonerNumber = 0; function showPrinter(n) { tonerCnt = 0; var item = PRINTER[n]; $(".printer_filter.printer_filter01").addClass("search-result"); // 230825 알트값 undefined 나와서 삭제 // $(".printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .obj img").attr("alt",item.model + " 이미지입니다."); // $(".printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a").attr("data-omni","pcd:it:printers:printer-supplies:learn more printer_"+item.model); // $(".printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy a").attr("data-omni","pcd:it:printers:printer-supplies:buy now printer_"+item.model); // (SEC) api 연동 printerArr = []; printerArr.push(item.gCode); $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list").html(""); tonerCnt = 0; if (check_device() == "") { $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo", "first"); $(".list-wrap").mCustomScrollbar("scrollTo", "first", {scrollInertia:0}); } if (item.toner != "") { var t = item.toner.split(","); // (SEC) api 연동 tonerArr = []; for (var i = 0;i < t.length ; i++) { var tItem = TONER[t[i].replace("-","")]; console.log("tItem : "+tItem); if (tItem !== false && tItem) { $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list").append(tonerLayer(tItem)); } tonerCnt++; if (check_device() == "") { $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo", "first"); $(".list-wrap").mCustomScrollbar("scrollTo", "first", {scrollInertia:0}); } // (SEC) api 연동 tonerArr[i] = TONER[t[i].replace("-","")].gCode; } } $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.prev").css({"display":"none"}); if (tonerCnt > 3) { $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe("enable"); $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next").css({"display":"block"}); }else{ if (viewportWidth() > 768) { $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe("disable"); }else{ if (tonerCnt > 1) { $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe("enable"); }else{ $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap .tonner-list").swipe("disable"); } } $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next").css({"display":"none"}); } tonerNumber = 0; tonerWidth(); if (check_device() == "") { $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo", "first"); $(".list-wrap").mCustomScrollbar("scrollTo", "first", {scrollInertia:0}); }else{ $(".input-wrap ul.auto-complete-area").scrollTop(0); $(".list-wrap > ul").css({"transition":"none", "transform":"translate(0px, 0px)"}); } tonerWidth(); // (SEC) api 연동 getPrdPricePrinter('model-printer', printerArr, true); getPrdPricePrinter('model-toner', tonerArr); clickAble = true; } function tonerLayer(t) { var innerHTML = ""; innerHTML += "<li class='prd' tabindex=0>"; innerHTML += "<div class='obj'>"; // 230825 로딩시 undefined 이미지 입니다 fixe // innerHTML += "<img src='' alt='" + t.modelCode + " 이미지 입니다.'>"; innerHTML += "<img src='' alt=''>"; innerHTML += "</div>"; innerHTML += "<div class='dot-wrap'>"; innerHTML += "<span class='dot-img'></span>"; // switch (t.colorKor) // { // case "검정": // { // innerHTML += "<span class='dot-img dot-img-k'></span>"; // break; // } // case "노랑": // { // innerHTML += "<span class='dot-img dot-img-y'></span>"; // break; // } // case "빨강": // { // innerHTML += "<span class='dot-img dot-img-m'></span>"; // break; // } // case "파랑": // { // innerHTML += "<span class='dot-img dot-img-c'></span>"; // break; // } // case "올컬러(4색)": // { // innerHTML += "<span class='dot-img dot-img-c'></span>"; // innerHTML += "<span class='dot-img dot-img-m'></span>"; // innerHTML += "<span class='dot-img dot-img-y'></span>"; // innerHTML += "<span class='dot-img dot-img-k'></span>"; // break; // } // case "컬러(3색)": // { // innerHTML += "<span class='dot-img dot-img-c'></span>"; // innerHTML += "<span class='dot-img dot-img-m'></span>"; // innerHTML += "<span class='dot-img dot-img-y'></span>"; // break; // } // } innerHTML += "</div>"; innerHTML += "<div class='txt'>"; innerHTML += "<h2 class='model-name'></h2>"; innerHTML += "<p class='model-title'> </p>"; // (SEC) 210628 innerHTML += "<div class='print-price'>"; innerHTML += "<ul>"; innerHTML += "<li>"; innerHTML += "<div class='price-type'>판매가</div>"; innerHTML += "<div class='price-number reg'></div>"; innerHTML += "</li>"; innerHTML += "<li>"; innerHTML += "<div class='price-type'>회원가</div>"; innerHTML += "<div class='price-number member'></div>"; innerHTML += "</li>"; innerHTML += "</ul>"; innerHTML += "</div>"; // innerHTML += "<p class='print-notice'>삼성전자 멤버십 포인트 <span class='point-number'></span> 적립 예정</p>"; innerHTML += "<p class='model-tonner-link'>"; innerHTML += "<a href='#' data-omni='pcd:it:printers:printer-supplies:buy now supplies_"+t.modelCode+"' data-omni-type='microsite_contentinter'></a>"; innerHTML += "</p>"; innerHTML += "</div>"; innerHTML += "</li>"; return innerHTML; } function mobileSwipe(){ if ( viewportWidth() < 769 ) { $(".printer-cause").swipe({ swipeStatus:function(event, phase, direction, distance, duration, fingerCount, fingerData) { if (phase == "move"){ $(this).css({"cursor":"grabbing"}); $(".printer-cause").swipe( {allowPageScroll:"none"} ); }else{ $(this).css({"cursor":""}); } if ((phase == "cancel" || phase == "end")) { $(".printer-cause").swipe( {allowPageScroll:"vertical"} ); } }, swipe:function(event, phase, direction, distance, duration, fingerCount, fingerData) { $(".printer-cause").swipe( {allowPageScroll:"vertical"} ); if(distance > 50) { if(direction == "left" || phase == "left" || direction == "right" || phase == "right") { if((direction == "left" || phase == "left")) { $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").trigger("click"); }else if((direction == "right" || phase == "right")) { $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").trigger("click"); } } } }, allowPageScroll:"vertical" }); } } function check_device(){ var mobileKeyWords = new Array('iPhone', 'iPad', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson'); //160625 device 목록에 ipad 추가 var device_name = ''; for (var word in mobileKeyWords){ if (navigator.userAgent.match(mobileKeyWords[word]) != null){ device_name = mobileKeyWords[word]; break; } } if (device_name != "") { device_name = "device"; } return device_name; } // (SEC) api 연동 : s function getPrdPricePrinter(topId, arr, isPrinter) { var topEl = topId; var goodsIdArr = arr; var childEl = $("#" + topEl).find(".txt"); var pdGoodsObj = {}; var imgUrl; // 230825 이미지 압축 var zip_extension = '?$PD_GALLERY_L_PNG$'; arr.forEach(function(item, index) { $("#" + topEl).find(".txt").eq(index).attr("data-printer-prd", item); }); if (childEl) childEl.each(function(i) { var thisEl = $(this); var thisCode = thisEl.data("printer-prd"); console.log(thisEl); $.ajax({ data: JSON.stringify({ goodsIdArr: goodsIdArr }), type: "POST", contentType: "application/json", url: "/sec/xhr/display/componentGoodsPrice", success: function(data) { if (data.result != null && data.result.length > 0) data.result.forEach(function(item) { // 230825 이미지 압축 zip_extension 추가 for (var idx = 0; idx < goodsIdArr.length; idx++) { var img = item.imgPath; var imgReg1 = RegExp('full:'); var imgReg2 = RegExp('/goods/'); var imgRoot = '//images.samsung.com/kdp'; if (imgReg1.exec(img)) { var imgArr = item.imgPath.split(':'); imgUrl = imgArr[1] + zip_extension; } else if (imgReg2.exec(img)) { imgUrl = imgRoot + img + zip_extension; } else { imgUrl = img + zip_extension; } if (isPrinter) { // 단종 제품 처리 if (item.saleStatCd == 10 || item.saleStatCd == 19) { $('.feature.printer-result').css({'visibility': 'hidden'}).attr('aria-hidden','true'); $(".printer_filter01.search-result").removeClass( 'search-result' ); $('.no-same').css({'display': 'block'}); } else { $('.feature.printer-result').css({'visibility': ''}).attr('aria-hidden','false'); $('.no-same').css({'display': 'none'}); setPrdPrice(thisEl, item); } } else { if (item.goodsId == thisCode) { // 단종 제품 처리 if (item.saleStatCd == 10 || item.saleStatCd == 19) { thisEl.closest('.prd').addClass('off'); } else { thisEl.closest('.prd').removeClass('off'); setPrdPrice(thisEl, item); } // 토너 제품 컬러칩 가져오기 var param = { goodsId: thisEl.data('printer-prd') }; pdGoodsMain.fnGetHtml("goodsDetail", param, thisCode, pdGoodsObj, function() { thisEl.siblings('.dot-wrap').find('.dot-img').css({'background-color' : pdGoodsObj[thisCode]}); }); } } } }) } }) if (!isPrinter ) { } }); return true function setPrdPrice(el, i) { var price = parseFloat(i.prdPrice2.replace(',','')); el.find('.reg').html(i.prdPrice1 + ' 원'); el.find('.member').html(i.prdPrice2 + ' 원'); el.find('.model-name').html(i.goodsNm); el.find('.model-title').html(i.mdlCode); // 230825 알트값, 태깅값 재지정 // el.siblings('.obj').find('img').attr('src', imgUrl); // el.find('a').attr('href', '/sec/' + i.goodsPath); el.siblings('.obj').find('img').attr({'src': imgUrl, 'alt': i.mdlCode + ' 제품 이미지'}); el.find('a').attr({'href': '/sec/' + i.goodsPath, 'data-omni':'pcd:it:printers:printer-supplies:learn_more_'+i.mdlCode}); // el.find('.point-number').text(price * 0.002); // 제품 노출 상태별 cta 설정 if (i.saleStatCd == 12) { el.removeClass('learn_more'); el.find('.model-tonner-link').removeClass('model-view').addClass('model-buy'); el.find('a').html('구매하기').removeClass('off'); } else { el.addClass('learn_more'); el.find('.model-tonner-link').removeClass('model-buy').addClass('model-view'); el.find('a').html('자세히 보기').removeClass('off'); if (i.saleStatCd == 10 || i.saleStatCd == 19) { el.find('a').addClass('off'); } } } } // 토너 제품 컬러칩 가져오기 var pdGoodsMain = { fnGetHtml : function(url, data, thisCode, obj, callback){ var options = { url: pdGoodsMain.fnAjaxUrl(url) , dataType : "html" , data: data , done: function (html){ var str = html.split('background-color:'); var reg = /#[\w\d]{6}/; var bgColor = reg.exec(str[1]); obj[thisCode] = bgColor.toString(); if(callback){ callback(); } } } ajax.call(options); } , fnAjaxUrl : function(vUrl, vAjaxUrl){ var ajaxUrl = 'xhr/goods/'; var stPath = '/sec/' if (vAjaxUrl !== undefined){ ajaxUrl = vAjaxUrl; } return stPath + ajaxUrl + vUrl; } } // (SEC) api 연동 : e var printerVAR = ["SL-C433","SL-C433W","SL-C483","SL-C483W","SL-C483FW","SL-C480","SL-C510","SL-C510W","SL-C513","SL-C513W","SL-C563W","SL-C563FW","SL-C515W","SL-C515","SL-C565W","SL-C565FW","SL-C1404W","SL-C1454FW","SL-C1453FW","SL-C1860FW","CLP-415N","SL-C3010ND","SL-C3060ND","SL-C3060FR","SL-C4010N","CLP-680ND","CLX-6260ND","SL-M2033W","SL-M2035W","SL-M2035","SL-M2030W","SL-M2030","SL-M2085W","SL-M2085FW","SL-M2085","SL-M2080","SL-M2027","SL-M2078F","SL-M2077F","SL-M2079FW","SL-M2079F","SL-M2820DW","SL-M2870FW","SL-M3320ND","SL-M3820DW","SL-M3370FD","SL-M3820ND","SL-M3820D","SL-M3375FD","SL-M4530ND","SL-M4030ND","ML-5515N","SL-M2840ND","SL-M2893FW","SL-M2843DW","SL-M2680FN","SL-M2630ND","SL-M2680N","SL-M2630","SL-J1660","SL-J1770FW","SL-J2160W","SL-J3520W","SL-J5520W","SL-J5560FW","SL-J1560W","SL-J1560","SL-T1673W","SL-T1670W","SL-T1675FW","SL-T1673FW","SL-T1670FW","SL-T1675W","SL-T1670","SL-J1685","SL-J1683","SL-J1680","SL-T1677DW","SL-T1677W","SL-T1672FW","SL-T1672DW","SL-T1672W","SL-J1780W","SL-J1780DW","SL-J1785W","SL-T2170W","SL-T2270W","SL-T2173W","SL-T2175W","SL-T2273W","SL-T2275W","SL-T2275FW","SL-T2273FW","SL-T2270FW","SL-T2275DW","SL-T2273DW","SL-T2270DW","CLP-680DW","CLP-775N","CLX-6260FR/KRM","SL-C515W/HYP","SL-C565FW/HYP","SL-C565W/HYP","SL-M2083FW","SL-M3220ND","SL-M3520DW","SL-C3510NDSFMI","SL-C3510NDSLIN","SL-C2420DW/GOV","SL-C2420DW","SL-C2410ND","SL-C2410ND/KRM","SL-C2470FR/KRM","SL-C2470ND","SL-C3020ND","SL-C3020DW","SL-C3030ND/GOV","SL-C3030ND","SL-C3070ND","SL-C3080ND/GOV","SL-C3080ND","SL-C3080FR","SL-T1680","SL-T1683","SL-T1685","SL-T1680W","SL-T1683W","SL-T1685W"]; var printerData = ["SLC433","SLC433W","SLC483","SLC483W","SLC483FW","SLC480","SLC510","SLC510W","SLC513","SLC513W","SLC563W","SLC563FW","SLC515W","SLC515","SLC565W","SLC565FW","SLC1404W","SLC1454FW","SLC1453FW","SLC1860FW","CLP415N","SLC3010ND","SLC3060ND","SLC3060FR","SLC4010N","CLP680ND","CLX6260ND","SLM2033W","SLM2035W","SLM2035","SLM2030W","SLM2030","SLM2085W","SLM2085FW","SLM2085","SLM2080","SLM2027","SLM2078F","SLM2077F","SLM2079FW","SLM2079F","SLM2820DW","SLM2870FW","SLM3320ND","SLM3820DW","SLM3370FD","SLM3820ND","SLM3820D","SLM3375FD","SLM4530ND","SLM4030ND","ML5515N","SLM2840ND","SLM2893FW","SLM2843DW","SLM2680FN","SLM2630ND","SLM2680N","SLM2630","SLJ1660","SLJ1770FW","SLJ2160W","SLJ3520W","SLJ5520W","SLJ5560FW","SLJ1560W","SLJ1560","SLT1673W","SLT1670W","SLT1675FW","SLT1673FW","SLT1670FW","SLT1675W","SLT1670","SLJ1685","SLJ1683","SLJ1680","SLT1677DW","SLT1677W","SLT1672FW","SLT1672DW","SLT1672W","SLJ1780W","SLJ1780DW","SLJ1785W","SLT2170W","SLT2270W","SLT2173W","SLT2175W","SLT2273W","SLT2275W","SLT2275FW","SLT2273FW","SLT2270FW","SLT2275DW","SLT2273DW","SLT2270DW","CLP680DW","CLP775N","CLX6260FRKRM","SLC515WHYP","SLC565FWHYP","SLC565WHYP","SLM2083FW","SLM3220ND","SLM3520DW","SLC3510NDSFMI","SLC3510NDSLIN","SLC2420DWGOV","SLC2420DW","SLC2410ND","SLC2410NDKRM","SLC2470FRKRM","SLC2470ND","SLC3020ND","SLC3020DW","SLC3030NDGOV","SLC3030ND","SLC3070ND","SLC3080NDGOV","SLC3080ND","SLC3080FR","SLT1680","SLT1683","SLT1685","SLT1680W","SLT1683W","SLT1685W"]; var PRINTER = { SLC433:{toner:"CLTK404STND,CLTC404STND,CLTM404STND,CLTY404STND,CLTP404CTND",gCode:"G100134446"} ,SLC433W:{toner:"CLTK404STND,CLTC404STND,CLTM404STND,CLTY404STND,CLTP404CTND",gCode:"G100134484"} ,SLC483:{toner:"CLTK404STND,CLTC404STND,CLTM404STND,CLTY404STND,CLTP404CTND",gCode:"G100134363"} ,SLC483W:{toner:"CLTK404STND,CLTC404STND,CLTM404STND,CLTY404STND,CLTP404CTND",gCode:"G100134365"} ,SLC483FW:{toner:"CLTK404STND,CLTC404STND,CLTM404STND,CLTY404STND,CLTP404CTND",gCode:"G100134364"} ,SLC480:{toner:"CLTK404STND,CLTC404STND,CLTM404STND,CLTY404STND,CLTP404CTND",gCode:"G100134215"} ,SLC510:{toner:"CLTK510STND,CLTC510STND,CLTM510STND,CLTY510STND,CLTP510CTND",gCode:"G100168809"} ,SLC510W:{toner:"CLTK510STND,CLTC510STND,CLTM510STND,CLTY510STND,CLTP510CTND",gCode:"G100168810"} ,SLC513:{toner:"CLTK510STND,CLTC510STND,CLTM510STND,CLTY510STND,CLTP510CTND",gCode:"G100168811"} ,SLC513W:{toner:"CLTK510STND,CLTC510STND,CLTM510STND,CLTY510STND,CLTP510CTND",gCode:"G100168812"} ,SLC563W:{toner:"CLTK510STND,CLTC510STND,CLTM510STND,CLTY510STND,CLTP510CTND",gCode:"G100168817"} ,SLC563FW:{toner:"CLTK510STND,CLTC510STND,CLTM510STND,CLTY510STND,CLTP510CTND",gCode:"G100168816"} ,SLC515W:{toner:"CLTK515STND,CLTC515STND,CLTM515STND,CLTY515STND",gCode:"G100168814"} ,SLC515:{toner:"CLTK515STND,CLTC515STND,CLTM515STND,CLTY515STND",gCode:"G100168813"} ,SLC565W:{toner:"CLTK515STND,CLTC515STND,CLTM515STND,CLTY515STND",gCode:"G100168820"} ,SLC565FW:{toner:"CLTK515STND,CLTC515STND,CLTM515STND,CLTY515STND",gCode:"G100168818"} ,SLC1404W:{toner:"CLTK504STND,CLTC504STND,CLTM504STND,CLTY504STND",gCode:"G100128321"} ,SLC1454FW:{toner:"CLTK504STND,CLTC504STND,CLTM504STND,CLTY504STND",gCode:"G100128322"} ,SLC1453FW:{toner:"CLTK504STND,CLTC504STND,CLTM504STND,CLTY504STND",gCode:"G100136859"} ,SLC1860FW:{toner:"CLTK504STND,CLTC504STND,CLTM504STND,CLTY504STND",gCode:"G100126423"} ,CLP415N:{toner:"CLTK504STND,CLTC504STND,CLTM504STND,CLTY504STND",gCode:"G100114802"} ,SLC3010ND:{toner:"CLTK503L,CLTC503L,CLTM503L,CLTY503L",gCode:"G100137298"} ,SLC3060ND:{toner:"CLTK503L,CLTC503L,CLTM503L,CLTY503L",gCode:"G100137318"} ,SLC3060FR:{toner:"CLTK503L,CLTC503L,CLTM503L,CLTY503L",gCode:"G100137299"} ,SLC4010N:{toner:"CLTK603L,CLTC603L,CLTM603L,CLTY603L",gCode:"G100145800"} ,CLP680ND:{toner:"CLTK506STND,CLTC506STND,CLTM506STND,CLTY506STND,CLTK506LTND,CLTC506LTND,CLTM506LTND",gCode:"G100114805"} ,CLX6260ND:{toner:"CLTK506STND,CLTC506STND,CLTM506STND,CLTY506STND,CLTK506LTND,CLTC506LTND,CLTM506LTND",gCode:"G100114813"} ,SLM2033W:{toner:"MLTK200STND,MLTK200LTND",gCode:"G100168824"} ,SLM2035W:{toner:"MLTK200STND,MLTK200LTND",gCode:"G100168826"} ,SLM2035:{toner:"MLTK200STND,MLTK200LTND",gCode:"G100168825"} ,SLM2030W:{toner:"MLTK200STND,MLTK200LTND",gCode:"G100168823"} ,SLM2030:{toner:"MLTK200STND,MLTK200LTND",gCode:"G100168822"} ,SLM2085W:{toner:"MLTK200STND,MLTK200LTND",gCode:"G100168831"} ,SLM2085FW:{toner:"MLTK200STND,MLTK200LTND",gCode:"G100168830"} ,SLM2085:{toner:"MLTK200STND,MLTK200LTND",gCode:"G100168829"} ,SLM2080:{toner:"MLTK200STND,MLTK200LTND",gCode:"G100168827"} ,SLM2027:{toner:"MLTD111STND",gCode:"G100136599"} ,SLM2078F:{toner:"MLTD111STND",gCode:"G100125359"} ,SLM2077F:{toner:"MLTD111STND",gCode:"G100136607"} ,SLM2079FW:{toner:"MLTD111STND",gCode:"G100136612"} ,SLM2079F:{toner:"MLTD111STND",gCode:"G100136611"} ,SLM2820DW:{toner:"MLTD115LTND",gCode:"G100121362"} ,SLM2870FW:{toner:"MLTD115LTND",gCode:"G100121364"} ,SLM3320ND:{toner:"MLTD203STND,MLTD203LTND",gCode:"G100121988"} ,SLM3820DW:{toner:"MLTD203STND,MLTD203LTND,MLTD203ETND",gCode:"G100121989"} ,SLM3370FD:{toner:"MLTD203STND,MLTD203LTND",gCode:"G100121968"} ,SLM3820ND:{toner:"MLTD203STND,MLTD203LTND,MLTD203ETND",gCode:"G100125054"} ,SLM3820D:{toner:"MLTD203STND,MLTD203LTND,MLTD203ETND",gCode:"G100122054"} ,SLM3375FD:{toner:"MLTD204STND,MLTD204LTND",gCode:"G100122053"} ,SLM4530ND:{toner:"MLTD304S,MLTD304L,MLTD304E",gCode:"G100133117"} ,SLM4030ND:{toner:"MLTD201STND,MLTD201LTND",gCode:"G100134563"} ,ML5515N:{toner:"MLTD309STND,MLTD309LTND",gCode:"G100154181"} ,SLM2840ND:{toner:"MLTK250STND,MLTK250LTND",gCode:"G100170789"} ,SLM2893FW:{toner:"MLTK250STND,MLTK250LTND",gCode:"G100170793"} ,SLM2843DW:{toner:"MLTK250STND,MLTK250LTND",gCode:"G100170790"} ,SLM2680FN:{toner:"MLTK250STND,MLTK250LTND",gCode:"G100170785"} ,SLM2630ND:{toner:"MLTK250STND,MLTK250LTND",gCode:"G100170784"} ,SLM2680N:{toner:"MLTK250STND,MLTK250LTND",gCode:"G100170786"} ,SLM2630:{toner:"MLTK250STND,MLTK250LTND",gCode:"G100170783"} ,SLJ1660:{toner:"INKM180,INKC180",gCode:"G100142393"} ,SLJ1770FW:{toner:"INKM180,INKC180",gCode:"G100157018"} ,SLJ2160W:{toner:"INKM260,INKC260",gCode:"G100142444"} ,SLJ3520W:{toner:"INKK310,INKC310,INKM310,INKY310",gCode:"G100142475"} ,SLJ5520W:{toner:"INKK510,INKC510,INKM510,INKY510",gCode:"G100144613"} ,SLJ5560FW:{toner:"INKK510,INKC510,INKM510,INKY510",gCode:"G100144614"} ,SLJ1560W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G100153097"} ,SLJ1560:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G100153096"} ,SLT1673W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G100173387"} ,SLT1670W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G100172049"} ,SLT1675FW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G100173388"} ,SLT1673FW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G100173386"} ,SLT1670FW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G100173385"} ,SLT1675W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G100173389"} ,SLT1670:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G100173384"} ,SLJ1685:{toner:"INKC185,INKM185",gCode:"G000192695"} ,SLJ1683:{toner:"INKC185,INKM185",gCode:"G000192694"} ,SLJ1680:{toner:"INKC185,INKM185",gCode:"G000192678"} ,SLT1677DW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000180086"} ,SLT1677W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000180084"} ,SLT1672FW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000180087"} ,SLT1672DW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000180085"} ,SLT1672W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000180083"} ,SLJ1780W:{toner:"INKM185,INKC185",gCode:"G000252675"} ,SLJ1780DW:{toner:"INKC185,INKM185",gCode:"G000252676"} ,SLJ1785W:{toner:"INKM185,INKC185",gCode:"G000253001"} ,SLT2170W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000262679"} ,SLT2270W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000262682"} ,SLT2173W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000262680"} ,SLT2175W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000262681"} ,SLT2273W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000262683"} ,SLT2275W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000262684"} ,SLT2275FW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000264022"} ,SLT2273FW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000264021"} ,SLT2270FW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000264020"} ,SLT2275DW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000264019"} ,SLT2273DW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000264018"} ,SLT2270DW:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000264017"} ,CLP680DW:{toner:"CLTK506STND,CLTC506STND,CLTM506STND,CLTY506STND,CLTK506LTND,CLTC506LTND,CLTM506LTND",gCode:"G100114804"} ,CLP775N:{toner:"CLTC609STND,CLTY609STND",gCode:"G100118924"} ,CLX6260FRKRM:{toner:"CLTK506STND,CLTC506STND,CLTM506STND,CLTY506STND,CLTK506LTND,CLTC506LTND,CLTM506LTND",gCode:"G100134172"} ,SLC515WHYP:{toner:"CLTK515STND,CLTC515STND,CLTM515STND,CLTY515STND",gCode:"G100168815"} ,SLC565FWHYP:{toner:"CLTK515STND,CLTC515STND,CLTM515STND,CLTY515STND",gCode:"G100168819"} ,SLC565WHYP:{toner:"CLTK515STND,CLTC515STND,CLTM515STND,CLTY515STND",gCode:"G100168821"} ,SLM2083FW:{toner:"MLTK200STND,MLTK200LTND",gCode:"G100168828"} ,SLM3220ND:{toner:"MLTD403S,MLTD405L,MLTD410E,MLTD415U",gCode:"G000261309"} ,SLM3520DW:{toner:"MLTD403STND,MLTD405LTND,MLTD410E,MLTD415UTND",gCode:"G000261313"} ,SLC3510NDSFMI:{toner:"CLTK603LSEC,CLTC603LSEC,CLTM603LSEC,CLTY603LSEC",gCode:"G000294054"} ,SLC3510NDSLIN:{toner:"CLTK603LSEC,CLTC603LSEC,CLTM603LSEC,CLTY603LSEC",gCode:"G000294056"} ,SLC2420DWGOV:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294313"} ,SLC2420DW:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294331"} ,SLC2410ND:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294332"} ,SLC2410NDKRM:{toner:"CLTK2430LKRM,CLTC2430LKRM,CLTM2430LKRM,CLTY2430LKRM",gCode:"G000294336"} ,SLC2470FRKRM:{toner:"CLTK2430LKRM,CLTC2430LKRM,CLTM2430LKRM,CLTY2430LKRM",gCode:"G000294337"} ,SLC2470ND:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294338"} ,SLC3020ND:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294339"} ,SLC3020DW:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294340"} ,SLC3030NDGOV:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294342"} ,SLC3030ND:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294343"} ,SLC3070ND:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294344"} ,SLC3080NDGOV:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294345"} ,SLC3080ND:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294346"} ,SLC3080FR:{toner:"CLTK2430L,CLTC2430L,CLTM2430L,CLTY2430L,CLTK2430S,CLTC2430S,CLTM2430S,CLTY2430S,CLTK2430U,CLTC2430U,CLTM2430U,CLTY2430U",gCode:"G000294347"} ,SLT1680:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000295601"} ,SLT1683:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000295607"} ,SLT1685:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000295611"} ,SLT1680W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000295613"} ,SLT1683W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000295614"} ,SLT1685W:{toner:"INKK610,INKC610,INKM610,INKY610",gCode:"G000295615"} }; var TONER ={ MLTK250S:{gCode:"G100172876"} ,MLTK250L:{gCode:"G100172875"} ,CLTP404C:{gCode:"G100134438"} ,MLTK200L:{gCode:"G100170027"} ,MLTK200S:{gCode:"G100169942"} ,CLTY515S:{gCode:"G100169716"} ,CLTM515S:{gCode:"G100169715"} ,CLTC515S:{gCode:"G100169713"} ,CLTK515S:{gCode:"G100169714"} ,CLTP510C:{gCode:"G100169677"} ,CLTY510S:{gCode:"G100169532"} ,CLTM510S:{gCode:"G100169531"} ,CLTC510S:{gCode:"G100169529"} ,CLTK510S:{gCode:"G100169530"} ,MLTD116L:{gCode:"G100121441"} ,CLTK404S:{gCode:"G100134334"} ,MLTD309S:{gCode:"G100107854"} ,MLTD309L:{gCode:"G100107853"} ,MLTD307U:{gCode:"G100117228"} ,MLTD307S:{gCode:"G100107852"} ,MLTD304S:{gCode:"G100131299"} ,MLTD204E:{gCode:"G100122160"} ,MLTD203S:{gCode:"G100122152"} ,INKM310:{gCode:"G100143243"} ,INKM260:{gCode:"G100143032"} ,INKM180:{gCode:"G100143031"} ,INKC260:{gCode:"G100143030"} ,INKC180:{gCode:"G100143029"} ,MLTD307L:{gCode:"G100107851"} ,MLTD307E:{gCode:"G100107850"} ,MLTD304L:{gCode:"G100131298"} ,MLTD304E:{gCode:"G100131271"} ,MLTD204S:{gCode:"G100122162"} ,MLTD204L:{gCode:"G100122161"} ,MLTD203U:{gCode:"G100122159"} ,MLTD203L:{gCode:"G100122151"} ,MLTD203E:{gCode:"G100122158"} ,MLTD201S:{gCode:"G100134587"} ,MLTD201L:{gCode:"G100134586"} ,MLTD115L:{gCode:"G100121440"} ,MLTD111S:{gCode:"G100125326"} ,MLTD101S:{gCode:"G100112804"} ,INKY610:{gCode:"G100153344"} ,INKY510:{gCode:"G100145491"} ,INKY410:{gCode:"G100143246"} ,INKY310:{gCode:"G100143245"} ,INKM610:{gCode:"G100153343"} ,INKM510:{gCode:"G100145490"} ,INKM410:{gCode:"G100143244"} ,INKK610:{gCode:"G100153342"} ,INKK510:{gCode:"G100145489"} ,INKK410:{gCode:"G100143242"} ,INKK310:{gCode:"G100143249"} ,INKC610:{gCode:"G100153341"} ,INKC510:{gCode:"G100145488"} ,INKC410:{gCode:"G100143241"} ,INKC310:{gCode:"G100143240"} ,CLTY603L:{gCode:"G100145990"} ,CLTY506S:{gCode:"G100115333"} ,CLTY506L:{gCode:"G100115332"} ,CLTY504S:{gCode:"G100115331"} ,CLTY503L:{gCode:"G100137314"} ,CLTY404S:{gCode:"G100134338"} ,CLTY403S:{gCode:"G100136790"} ,CLTM603L:{gCode:"G100145989"} ,CLTM506S:{gCode:"G100115327"} ,CLTM506L:{gCode:"G100115326"} ,CLTM504S:{gCode:"G100115325"} ,CLTM503L:{gCode:"G100137313"} ,CLTM404S:{gCode:"G100134336"} ,CLTM403S:{gCode:"G100136788"} ,CLTK603L:{gCode:"G100145988"} ,CLTK506S:{gCode:"G100115323"} ,CLTK506L:{gCode:"G100115322"} ,CLTK504S:{gCode:"G100115321"} ,CLTK503L:{gCode:"G100137312"} ,CLTK403S:{gCode:"G100136786"} ,CLTC603L:{gCode:"G100145987"} ,CLTC506S:{gCode:"G100115319"} ,CLTC506L:{gCode:"G100115318"} ,CLTC504S:{gCode:"G100115317"} ,CLTC503L:{gCode:"G100137311"} ,CLTC404S:{gCode:"G100134332"} ,CLTC403S:{gCode:"G100136784"} ,INKM185:{gCode:"G000192705"} ,INKC185:{gCode:"G000192701"} ,MLTD101STND:{gCode:"G000262010"} ,MLTD111STND:{gCode:"G000262013"} ,MLTD115LTND:{gCode:"G000262014"} ,MLTD116LTND:{gCode:"G000262015"} ,MLTK200STND:{gCode:"G000262018"} ,MLTK200LTND:{gCode:"G000262019"} ,MLTK250STND:{gCode:"G000262016"} ,MLTK250LTND:{gCode:"G000262017"} ,CLTK609S:{gCode:"G100093832"} ,CLTC609S:{gCode:"G100093830"} ,CLTM609S:{gCode:"G100093835"} ,CLTY609S:{gCode:"G100093841"} ,MLTD305S:{gCode:"G100112785"} ,MLTD305L:{gCode:"G100112784"} ,MLTD403S:{gCode:"G000261326"} ,MLTD405L:{gCode:"G000261327"} ,MLTD410E:{gCode:"G000261328"} ,MLTD415U:{gCode:"G000261329"} ,CLTK603LSEC:{gCode:"G000279673"} ,CLTC603LSEC:{gCode:"G000279671"} ,CLTM603LSEC:{gCode:"G000279674"} ,CLTY603LSEC:{gCode:"G000280435"} ,CLTK2430L:{gCode:"G000294356"} ,CLTC2430L:{gCode:"G000294363"} ,CLTM2430L:{gCode:"G000294364"} ,CLTY2430L:{gCode:"G000294365"} ,CLTK2430S:{gCode:"G000294350"} ,CLTC2430S:{gCode:"G000294351"} ,CLTM2430S:{gCode:"G000294352"} ,CLTY2430S:{gCode:"G000294353"} ,CLTK2430LKRM:{gCode:"G000294371"} ,CLTC2430LKRM:{gCode:"G000294373"} ,CLTM2430LKRM:{gCode:"G000294375"} ,CLTY2430LKRM:{gCode:"G000294377"} ,CLTK2430U:{gCode:"G000294380"} ,CLTC2430U:{gCode:"G000294382"} ,CLTM2430U:{gCode:"G000294384"} ,CLTY2430U:{gCode:"G000294386"} ,CLTK404STND:{gCode:"G000292974"} ,CLTC404STND:{gCode:"G000292973"} ,CLTM404STND:{gCode:"G000279474"} ,CLTY404STND:{gCode:"G000279476"} ,CLTP404CTND:{gCode:"G000279686"} ,CLTK510STND:{gCode:"G000278989"} ,CLTC510STND:{gCode:"G000278993"} ,CLTM510STND:{gCode:"G000278986"} ,CLTY510STND:{gCode:"G000292975"} ,CLTP510CTND:{gCode:"G000279689"} ,CLTK515STND:{gCode:"G000279668"} ,CLTC515STND:{gCode:"G000279667"} ,CLTM515STND:{gCode:"G000279669"} ,CLTY515STND:{gCode:"G000279670"} ,CLTK504STND:{gCode:"G000279486"} ,CLTC504STND:{gCode:"G000279485"} ,CLTM504STND:{gCode:"G000279487"} ,CLTY504STND:{gCode:"G000279488"} ,CLTK506STND:{gCode:"G000279664"} ,CLTC506STND:{gCode:"G000279489"} ,CLTM506STND:{gCode:"G000279665"} ,CLTY506STND:{gCode:"G000279666"} ,CLTK506LTND:{gCode:"G000280432"} ,CLTC506LTND:{gCode:"G000280431"} ,CLTM506LTND:{gCode:"G000278987"} ,MLTD203STND:{gCode:"G000278981"} ,MLTD203LTND:{gCode:"G000280464"} ,MLTD203ETND:{gCode:"G000280463"} ,MLTD204STND:{gCode:"G000280467"} ,MLTD204LTND:{gCode:"G000280466"} ,MLTD201STND:{gCode:"G000280462"} ,MLTD201LTND:{gCode:"G000280461"} ,MLTD309STND:{gCode:"G000280481"} ,MLTD309LTND:{gCode:"G000280480"} ,CLTC609STND:{gCode:"G000279676"} ,CLTY609STND:{gCode:"G000280437"} ,MLTD403STND:{gCode:"G000280482"} ,MLTD405LTND:{gCode:"G000280483"} ,MLTD410E:{gCode:"G000280484"} ,MLTD415UTND:{gCode:"G000280485"} }; function tonerWidth() { var fullWidth = 0; $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li").each(function(){ if (viewportWidth() < 769) { fullWidth = fullWidth + $(this).outerWidth(true); }else{ fullWidth = fullWidth + Math.ceil($(this).outerWidth(true)) + 1; } }); if (viewportWidth() < 769) { var singleWidth = $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li").eq(0).outerWidth(); fullWidth += ($(window).outerWidth() - singleWidth) / 2; } var nWidth = $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list").outerWidth(); if (nWidth != fullWidth) { console.log("AA"); $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list").css({"width":fullWidth + "px"}); $(".list-wrap").mCustomScrollbar('update'); $(".list-wrap .mCSB_container").css({"width":""}); $(".list-wrap").mCustomScrollbar('update'); } } function customScroll() { if (check_device() == "") { $(".input-wrap ul.auto-complete-area").mCustomScrollbar({ axis:"y", theme : "dark-2", setLeft: "0px", mouseWheelPixels : 300, scrollInertia : 200 }); $(".list-wrap").mCustomScrollbar({ axis:"x", theme : "dark-2", setLeft: "0px", mouseWheelPixels : 300, scrollInertia : 200, live:true, callbacks:{ onScroll:function(){ containerScroll(); } }, mouseWheel:{ enable:false }, advanced:{ updateOnImageLoad: true }, scrollButtons:{ enable:false }, contentTouchScroll: false }); }else{ $(".touch-device .printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .list-wrap").css({"overflow":"hidden"}); //$(".list-wrap").scroll(containerScroll); } } var cLeft = 0; var cEnd = 0; function containerScroll() { console.log("containerScroll"); if (check_device() == "") { cLeft = Math.abs(parseInt($(".list-wrap .mCSB_container").css("left"))); cEnd = Math.abs($(".list-wrap").outerWidth() - $(".mCSB_horizontal.mCSB_inside > .mCSB_container").outerWidth()); }else{ cLeft = Math.abs(parseInt($(".list-wrap").scrollLeft())); } var liWidth = Math.ceil($(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li").eq(1).outerWidth(true)); tonerNumber = Math.round(cLeft / liWidth); if (cLeft > 10) { $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.prev").css({"display":"block"}); }else{ $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.prev").css({"display":"none"}); } if (Math.abs(cLeft - cEnd) < 10) { $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next").css({"display":"none"}); }else{ $(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list .slide_obj a.next").css({"display":"block"}); } } $(function(){ $(document).on("keydown", ".printer_filter.printer_filter01 .printer-cont .input-wrap .print_name",function(e){ if((e.keyCode === 9 && e.shiftKey)){ // shift+tab $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area").css({"display":"none"}); if ($(".printer_filter.printer_filter01.search-result #return-btn a").css("display") == "block") { e.preventDefault(); $(".printer_filter.printer_filter01.search-result #return-btn a").focus(); }else{ } }; }); $(document).on("keydown", ".printer_filter.printer_filter01 .printer-cont .input-wrap .btn-enter",function(e){ if((e.keyCode === 9 && !e.shiftKey)){ // tab if ($(".input-wrap .auto-complete-area-wrap ul.auto-complete-area").css("display") == "block") { e.preventDefault(); $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area li").eq(0).find("a").focus(); } }; }); $(document).on("keydown", ".input-wrap .auto-complete-area-wrap ul.auto-complete-area li a",function(e){ if((e.keyCode === 9 && !e.shiftKey)){ // tab var maxList = $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area li").length - 1; if ($(this).parent().index() == maxList) { $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area").css({"display":"none"}); if ($(".printer_filter01").hasClass("search-result")) { e.preventDefault(); if ($(".printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view").css("display") == "inline-block") { $(".printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a").focus(); }else{ $(".printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-buy a").focus(); } }else{ $(".printer_filter.printer_filter01 .printer-cont .input-wrap .btn-enter").focus(); } } }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab if ($(this).parent().index() == 0) { e.preventDefault(); $(".printer_filter.printer_filter01 .printer-cont .input-wrap .btn-enter").focus(); } }; }); $(document).on("focus",".input-wrap .auto-complete-area-wrap ul.auto-complete-area li a",function(){ var liHeight = $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area li").eq(0).outerHeight(); $(".input-wrap ul.auto-complete-area").mCustomScrollbar("scrollTo",($(this).parent().index() * liHeight)); }); $(document).on("keydown", ".printer_filter.printer_filter01 .printer-cont .printer-cont-value .printer-result .contents-model .txt p.model-tonner-link.model-view a",function(e){ if((e.keyCode === 9 && !e.shiftKey)){ // tab //e.preventDefault(); //$(".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li").eq(tonerNumber).find("a").focus(); }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab if ($(".input-wrap .auto-complete-area-wrap ul.auto-complete-area").css("display") == "block") { e.preventDefault(); var maxList = $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area li").length - 1; $(".input-wrap .auto-complete-area-wrap ul.auto-complete-area li").eq(maxList).find("a").focus(); } }; }); $(document).on("keydown", ".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li .txt > p > a",function(e){ if((e.keyCode === 9 && !e.shiftKey)){ // tab var tonnerIdx = $(this).parent().parent().parent().index(); var tonnerWidth = $(this).parent().parent().parent().outerWidth(); $(".list-wrap").mCustomScrollbar("scrollTo",(tonnerIdx * tonnerWidth)); }; }); $(document).on("keydown", ".printer_filter.printer_filter01 .printer-cont .feature.printer-result .contents-list ul.tonner-list > li",function(e){ if((e.keyCode === 9 && e.shiftKey)){ // shift+tab var tonnerIdx = $(this).index() - 1; var tonnerWidth = $(this).outerWidth(); if (tonnerIdx < 0) { tonnerIdx = 0; } $(".list-wrap").mCustomScrollbar("scrollTo",(tonnerIdx * tonnerWidth)); }; }); $(document).on("keydown", ".printer_filter.printer_filter01 .txt .more-btn00 a",function(e){ if(e.keyCode === 13) { // enter e.preventDefault(); $(this).click(); $(".printer_filter.printer_filter02 .close_btn a").focus(); }; }); $(document).on("keydown", ".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next",function(e){ if(e.keyCode === 13) { // enter e.preventDefault(); $(this).click(); if ($(this).css("display") == "none") { $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").focus(); } }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab // if ($(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").css("display") == "none") { e.preventDefault(); $(".printer_filter.printer_filter02 .close_btn a").focus(); } }; }); $(document).on("keydown", ".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev",function(e){ if(e.keyCode === 13) { // enter e.preventDefault(); $(this).click(); if ($(this).css("display") == "none") { $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").focus(); } }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab e.preventDefault(); $(".printer_filter.printer_filter02 .close_btn a").focus(); }; }); $(document).on("keydown", ".printer_filter.printer_filter02 .close_btn a",function(e){ if(e.keyCode === 13) { // enter e.preventDefault(); $(this).click(); $(".printer_filter.printer_filter01 .txt .more-btn00 a").focus(); }; if((e.keyCode === 9 && !e.shiftKey)){ // tab e.preventDefault(); if (viewportWidth() > 768) { if ($(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").css("display") == "block") { $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.prev").focus(); }else{ $(".printer_filter.printer_filter02 .slide_btn .printer_arrow a.next").focus(); } }else{ $(".printer_filter.printer_filter02 .slide_btn .carou li").eq(0).find("a").focus(); } }; }); $(document).on("keydown", ".printer_filter.printer_filter02 .slide_btn .carou li a",function(e){ if((e.keyCode === 9 && e.shiftKey)){ // shift+tab if (viewportWidth() < 769) { if ($(this).parent().index() == 0) { e.preventDefault(); $(".printer_filter.printer_filter02 .close_btn a").focus(); } } }; }); /*$(document).on("keydown", ".term_wrap .feature.contents-list-wrap .contents-list ul li a",function(e){ if(e.keyCode === 13) { // enter //e.preventDefault(); }; if((e.keyCode === 9 && !e.shiftKey)){ // tab //e.preventDefault(); }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab //e.preventDefault(); }; });*/ }); }); </script> <div class="printer_wrap" id="printer-filter-guide"> <div class="ac_inner"> <div class="feature printer_filter_guide" tabindex="-1"> <div class="printer_filter printer_filter01"> <div id="return-btn"> <a href="#" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:back">돌아가기</a> </div> <div class="txt"> <div class="feature-title">프린터 잉크/토너 찾아보기</div> <div class="printer-basic"> <div class="more-btn00 find-btn"><a href="#" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:slide start">삼성 정품 토너 알아보기</a></div> </div> </div> <div class="printer-cont"> <div class="input-wrap"> <div class="auto-complete-area-wrap" style="display:block;"> <ul class="auto-complete-area" style="display:none;">  </ul> </div> <input id="search-text" type="text" placeholder="프린터 모델명을 입력해주세요." class="print_name"> <span class="search-ico"></span> <a class="btn-input-cancel" href="#" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:reset"></a> <a class="btn-enter" href="#" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:search"></a> </div> <div class="printer-cont-value"> <div class="printer-basic"> <div class="txt"> <div class="feature-desc"> <p>* 프린터 모델명은 프린터 상단부에서 확인할 수 있습니다. <br>(모델명 확인: SL/CLP/CLX/ML/SF 로 시작하는 코드)</p> </div> </div> </div>  <div class="feature printer-result">  <div class="contents-model prd" id="model-printer"> <div class="obj"> <img src="//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common.png?$ORIGIN_PNG$&fmt=png-alpha" alt=""> </div> <div class="txt" data-printer-prd=""> <div class="txt-box"> <h2 class="model-name"></h2> <p class="model-title"> </p> <div class="print-price"> <ul> <li> <div class="price-type">판매가</div> <div class="price-number reg"></div> </li> <li> <div class="price-type">회원가</div> <div class="price-number member"></div> </li> </ul> </div>  </div> <p class="model-tonner-link"> <a href="#" data-omni-type="microsite_contentinter"></a> </p> </div> </div>   <div class="contents-list" id="model-toner"> <div class="list-wrap"> <ul class="tonner-list"> </ul> </div> <div class="slide_obj slide_btn"> <div class="printer_arrow_result"> <a href="#" class="prev" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:result prev"></a> <a href="#" class="next" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:result next"></a> </div> </div> </div>  </div>  <div class="no-same"> <p>'죄송합니다. 찾으시는 프린터 모델이 없습니다.'</p> </div> </div> </div> </div> <div class="printer_filter printer_filter02"> <div class="printer-cause-wrap"> <div class="printer-cause printer-cause00"> <div class="txt"> <div class="feature-title">삼성 정품 토너는 인쇄 <span style="white-space:nowrap">품질부터 다릅니다.</span></div> <div class="feature-desc"> 삼성 정품 토너 카트리지는 재생 소모품과는 달리 삼성 프린터 전용으로 제조되어 <br class="pc_only">뛰어난 인쇄 품질을 인증받았습니다. <span style="white-space:nowrap">(BLI 인쇄 품질 실험 결과 삼성 정품 토너 99 %, </span><br class="m_only">재생 소모품 50 %) </div> <div class="feature-notice"> <div class="notice">* 2019년 BLI 실험을 통해 삼성 정품과 9개의 재생 브랜드 <br class="m_only">상품을 비교한 평균 결과 입니다.</div> <div class="notice">* 외부 보고용 문서(External Use) 기준</div> </div> </div> <div class="obj"> <img class="responsiveImg" src="//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-pc-01.jpg?$ORIGIN_JPG$" data-media-mobile="//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-m-01.jpg?$ORIGIN_JPG$" alt="99 % 인쇄 품질의 삼성 정품 토너 C404S와 50 % 인쇄 품질의 재생 소모품이 나란히 놓여 있으며, 인쇄 품질을 비교하는 출력물이 놓여있는 모습입니다."> </div> </div> <div class="printer-cause printer-cause01"> <div class="txt"> <div class="feature-title">100장이면 100장 <span style="white-space:nowrap">모두 정확하게</span> 출력합니다.</div> <div class="feature-desc"> BLI 실험 결과, 재생 소모품의 최소 23 %에서 치명적인 이미지 <span style="white-space:nowrap">품질 문제,</span> 기본 장착 오류, 적은 인쇄 매수 등의 <br class="pc_only">문제가 <br class="m_only">발생했습니다. 그에 반해 삼성 정품 토너는 1 %의 오차도 없는 <span style="white-space:nowrap">100 % 정확한</span> 출력 신뢰도를 보였습니다. </div> <div class="feature-notice"> <div class="notice">* 2019년 BLI 실험으로 도출된 결과입니다.</div> <div class="notice">* 실사용 시 다를 수 있습니다.</div> </div> </div> <div class="obj"> <img class="responsiveImg" src="//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-pc-02.jpg?$ORIGIN_JPG$" data-media-mobile="//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-m-02.jpg?$ORIGIN_JPG$" alt="100 % 정확한 출력 신뢰도의 삼성 정품 토너와 컬러 재생 소모품 66 %, 흑백 재생 소모품 77 %의 인쇄 신뢰도를 비교하는 그래프입니다. 재생 소모품은 치명적인 이미지 품질 문제, 기본 장착 오류, 적은 인쇄 매수 문제가 발생함을 보여주고 있습니다."> </div> </div> <div class="printer-cause printer-cause02"> <div class="txt"> <div class="feature-title">구매 전, 정품 홀로그램 <span style="white-space:nowrap">스티커를 확인하세요.</span></div> <div class="feature-desc"> 삼성 정품 토너에만 부착된 홀로그램 스티커를 확인하세요. <br>한눈에 정품 토너와 재생 토너를 구분할 수 있어 안심할 수 있습니다. </div> <div class="honey-tips"> <div class="tips-title">정품 토너 간단하게 <br>확인하는 3가지 꿀팁</div> <div class="tips-list"> <ul> <li><span class="notice-mark">①</span> 라벨을 기울였을 때, 홀로그램 색상이 <span style="white-space:nowrap">노란색에서 녹색으로</span> 변하는지 확인하세요.</li> <li><span class="notice-mark">②</span> 홀로그램에 각인된 글자가 각도에 따라 <span style="white-space:nowrap">빨간색, 금색, 파란색으로</span> 변하는지 확인하세요.</li> <li><span class="notice-mark">③</span> 인쇄된 글자의 질감이 느껴지는지 확인하세요.</li> </ul> </div> </div> </div> <div class="obj"> <img class="responsiveImg" src="//images.samsung.com/is/image/samsung/p5/sec/pcd/pc/printers/searchguide/sec-html-feature-printer-guide-common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/kdp/static/pcd/printer/printer-supplies/sec-html-feature-printer-guide-p_for-print.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//images.samsung.com/kdp/static/pcd/printer/printer-supplies/sec-html-feature-printer-guide-m_for-print.png?$ORIGIN_PNG$&fmt=png-alpha" alt="삼성 정품 토너 C404S 제품의 이미지가 크게 보이고, 왼쪽으로 삼성 정품 토너에만 부착된 홀로그램 스티커가 있습니다."> </div> </div> </div> <div class="slide_btn"> <div class="printer_arrow"> <a href="#" class="prev" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:slide prev">이전보기</a> <a href="#" class="next" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:slide next">다음보기</a> </div> <ul class="carou"> <li><a href="#" class="active" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:slide1">slide1</a></li> <li><a href="#" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:slide2">slide2</a></li> <li><a href="#" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:slide3">slide3</a></li> </ul> </div> <div class="close_btn"> <a href="#" data-omni-type="microsite_contentinter" data-omni="pcd:it:printer:color-laser:supplies:slide close">닫기버튼</a> </div> </div> </div> </div> </div>    <style> /* common */ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-tip {width:1440px; margin:0 auto;} .re-tip__tit {padding:0 24px; font-size:48px; line-height:1.3; text-align:center;} .re-tip__tit span {font-size:inherit; display: block;} .re-tip__list {display:flex; margin-top:60px; padding:0 12px; justify-content:center;} .re-tip__list li {width:calc(100% / 4); padding:0 12px; } .re-tip__list__btn {display:block; position:relative; width:100%; height:390px; background-repeat:no-repeat; background-position:left top; background-size:cover; border-radius:20px; box-shadow:0 0.06em 0.2em 0.06em rgba(0, 0, 0, 0.2);} .re-tip__list__btn.pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/tip01_v2.jpg");} .re-tip__list__btn.pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/printer/re/tip02_v2.jpg");} .re-tip__list__btn .txt {display:block; position:absolute; top:312px; left:0; width:100%; color:#555; font-size:22px; font-weight:700; line-height:1.36; text-align:center;} /* modal */ body.-has-modal {overflow:hidden;} .re-tip .modal-dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; background:rgba(0, 0, 0, 0.8);} .re-tip .modal-dim.-search {z-index:300; background:transparent;} .re-tip .modal-dim.-active {display:block;} .re-tip .modal-layer {display:none; position:fixed; top:50%; left:50%; width:416px; transform:translate(-50%, -55%); z-index:300;} .re-tip .modal-layer.-active {display:block;} .re-tip .modal-layer .btn-modal-close {position:absolute; bottom:0; left:50%; width:40px; height:40px; background:#fff url(//images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center / 14px 14px; border-radius:50%; transform:translate(-50%, 150%);} .re-tip .modal-cont {overflow:hidden; position:relative; width:100%; height:739px; background:#fff;} .re-tip .modal-cont.-mobile {display:none;} .re-tip .modal-cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .re-tip .modal-cont iframe {width:100%; height:100%;} @media (max-width: 1440px) { .re-tip {width:100%;} .re-tip__tit {padding:0 1.6667vw; font-size:3.3333vw;} .re-tip__list {margin-top:4.1667vw; padding:0 0.8333vw;} .re-tip__list li {padding:0 0.8333vw; } .re-tip__list__btn {height:27.0833vw; border-radius:1.3889vw;} .re-tip__list__btn .txt {top:21.6667vw; font-size:1.5278vw;} /* modal */ .short-form .modal-layer {width:28.8889vw;} .short-form .modal-layer .btn-modal-close {width:2.7778vw; height:2.7778vw; background-size:0.9722vw 0.9722vw;} .short-form .modal-cont {height:51.3194vw;} } @media (max-width: 800px) { .re-tip__tit {padding:0 6.6667vw; font-size:7.7778vw;} .re-tip__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start; flex-wrap:wrap;} .re-tip__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0; } .re-tip__list__btn {height:48.8889vw; border-radius:5.5556vw;} .re-tip__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} /* modal */ .short-form .modal-layer {width:71.3889vw;} .short-form .modal-layer .btn-modal-close {width:10.139vw; height:10.139vw; background-size:4.167vw 4.167vw;} .short-form .modal-cont {height:132.7778vw;} } /* only 프린터 */ .re-tip-printer .re-tip__list * {box-sizing:border-box;} .re-tip-printer .re-tip__list .new_sec_pdp, .re-tip-printer .re-tip__list .new_sec_pdp > .feature {min-width:0;} </style>    <style> /* .new_sec_pdp > .feature.kv {max-width: 1392px;margin: 0 auto;text-align: center;} .new_sec_pdp > .feature.kv .valign {display:table;height:100%;width:100%;} .new_sec_pdp > .feature.kv .valign .middle {display:table-cell;vertical-align:middle;} .new_sec_pdp > .feature.kv .kv_wrap .obj img {width: 100%;height: 100%;} .new_sec_pdp > .feature.kv .kv_wrap .obj-txt .obj img {width: 100%;height: 100%;} .new_sec_pdp > .feature.kv .kv_wrap .obj-txt {position: absolute;top: 44px;left: 49px;text-align: left;box-sizing: border-box;width: auto;} .new_sec_pdp > .feature.kv .kv_wrap .txt {margin-top: 0;position: absolute;text-align: left;left: 118px;top: 129px;} .new_sec_pdp > .feature.kv .kv_wrap .mo-title {display:none;} .new_sec_pdp > .feature.kv .kv_wrap .txt .feature-desc p {font-size: 16px;line-height: 24px;letter-spacing: 0;color: #000;padding-top: 16px;} .new_sec_pdp > .feature.kv .kv_wrap .txt .feature-title {font-size: 48px;line-height: 60px;letter-spacing: 0;color: #000;font-weight: bold;} .new_sec_pdp > .feature.kv .kv_wrap .txt .btn_wrap {margin-top: 38px;margin-left: 3px;opacity: 1;width: 100%;display: inline-block;} .new_sec_pdp > .feature.kv .kv_wrap .txt .btn_wrap a {display:inline-block;border-radius: 51vh;border:1px solid #000;box-sizing:border-box;text-align:center;vertical-align:middle;padding: 10px 23px;font-size:16px;line-height: 18px;letter-spacing:0;font-weight: bold; margin-right:13px;background: black;color: #fff;} .new_sec_pdp > .feature.kv .kv_wrap .obj-txt .obj {width: 234px;} .new_sec_pdp > .feature.kv .kv_wrap > .obj {width: 1392px; position: relative;box-sizing: border-box;} .new_sec_pdp > .feature.kv .kv_wrap .obj .kv-first-img {width: 869px;position: absolute;bottom: 0px;left: 310px;} .new_sec_pdp > .feature.kv .kv_wrap .obj .kv-second-img {width: 500px;top: 0;position: absolute;right: 109px;} @media (max-width:1440px){ .new_sec_pdp > .feature.kv {max-width: 96.67vw;margin: 0 auto;} .new_sec_pdp > .feature.kv .valign {height:100%;width:100%;} .new_sec_pdp > .feature.kv .valign .middle {} .new_sec_pdp > .feature.kv .kv_wrap .obj img {width: 100%;height: 100%;} .new_sec_pdp > .feature.kv .kv_wrap .obj-txt .obj img {width: 100%;height: 100%;} .new_sec_pdp > .feature.kv .kv_wrap .obj-txt {top: 3.06vw; left: 3.40vw; width: auto;} .new_sec_pdp > .feature.kv .kv_wrap .txt {margin-top: 0;left: 8.19vw;top: 8.96vw;} .new_sec_pdp > .feature.kv .kv_wrap .txt .feature-desc p {font-size: 1.11vw;line-height: 1.67vw;letter-spacing: 0;padding-top: 1.11vw;} .new_sec_pdp > .feature.kv .kv_wrap .txt .feature-title {font-size: 3.33vw;line-height: 4.17vw;letter-spacing: 0;} .new_sec_pdp > .feature.kv .kv_wrap .txt .btn_wrap {margin-top: 2.64vw;margin-left: 0.21vw;opacity: 1;width: 100%;} .new_sec_pdp > .feature.kv .kv_wrap .txt .btn_wrap a {border-radius: 51vh;padding: 0.69vw 1.60vw;font-size:1.11vw;line-height: 1.25vw;letter-spacing:0;margin-right:0.90vw;background: black;} .new_sec_pdp > .feature.kv .kv_wrap .obj-txt .obj {width: 16.25vw;} .new_sec_pdp > .feature.kv .kv_wrap > .obj {width: 96.67vw;} .new_sec_pdp > .feature.kv .kv_wrap .obj .kv-first-img {width: 60.35vw;bottom: 0.00vw;left: 21.53vw;} .new_sec_pdp > .feature.kv .kv_wrap .obj .kv-second-img {width: 34.72vw;top: 0;right: 7.57vw;} } @media (max-width:1024px){ .new_sec_pdp > .feature.kv .kv_wrap .txt .feature-desc p {font-size: 11px;line-height: 17px;letter-spacing: 0;} } @media (max-width:768px){ .new_sec_pdp .m_only {display: block;} .new_sec_pdp .pc_only {display: none;} .new_sec_pdp > .feature.kv {max-width: 100%;margin: 0 auto;} .new_sec_pdp > .feature.kv .kv_wrap > .obj {width: 100%;} .new_sec_pdp > .feature.kv .kv_wrap .obj-txt .obj {margin: 0 auto;width: 40.56vw;} .new_sec_pdp > .feature.kv .kv_wrap .obj-txt {top: 0;left: auto;width: 100%;top: 14.44vw;margin: 0 auto;text-align: center;} .new_sec_pdp > .feature.kv .kv_wrap .txt {margin-top: 4.72vw;text-align: center;position: relative;top: auto;left: auto;} .new_sec_pdp > .feature.kv .kv_wrap .mo-title {display: block; font-size: 6.66vw; letter-spacing: 0; font-weight: bold; padding: 16.11vw 11.11vw 5.56vw;} .new_sec_pdp > .feature.kv .kv_wrap .txt .feature-title {display: none;} .new_sec_pdp > .feature.kv .kv_wrap .txt .feature-desc p {font-size: 4.44vw;line-height: 6.67vw;letter-spacing: 0;color: #000;} .new_sec_pdp > .feature.kv .kv_wrap .txt .btn_wrap {margin-top: 8.33vw;margin-left: 0;width: auto;display: inline-block;margin-bottom: 13.61vw;} .new_sec_pdp > .feature.kv .kv_wrap .txt .btn_wrap a {display:inline-block;border-radius: 51vh;box-sizing:border-box;text-align:center;vertical-align:middle;padding: 2.78vw 7.08vw;font-size:4.44vw;line-height: 5.00vw;letter-spacing:0;margin-right: 0;background: black;color: #fff;} .new_sec_pdp > .feature.kv .kv_wrap > .obj {background: #0777E5;border-radius: 0;width: 100%;height: 105.56vw;margin: auto;} .new_sec_pdp > .feature.kv .kv_wrap .obj .kv-first-img {left: 0;width: 100%;margin: 0;} .new_sec_pdp > .feature.kv .kv_wrap .obj .kv-second-img {width: 46.53vw;top: 43.06vw;right: 0;left: auto;} .new_sec_pdp > .feature.kv .kv_wrap .obj img {width: 100%;height: 100%;} } @media (max-width:320px){ .new_sec_pdp .m_only {} .new_sec_pdp .pc_only {} .new_sec_pdp > .feature.kv {max-width: 100%;margin: 0 auto;} .new_sec_pdp > .feature.kv .kv_wrap > .obj {width: 100%;} .new_sec_pdp > .feature.kv .kv_wrap .obj-txt .obj {margin: 0 auto;width: 130px;} .new_sec_pdp > .feature.kv .kv_wrap .obj-txt {top: 0;left: auto;width: 100%;top: 46px;margin: 0 auto;} .new_sec_pdp > .feature.kv .kv_wrap .txt {margin-top: 15px;top: auto;left: auto;} .new_sec_pdp > .feature.kv .kv_wrap .mo-title { font-size: 21px; letter-spacing: 0; padding: 52px 36px 18px;} .new_sec_pdp > .feature.kv .kv_wrap .txt .feature-desc p {font-size: 14px;line-height: 21px;letter-spacing: 0;padding-top: 4px;} .new_sec_pdp > .feature.kv .kv_wrap .txt .btn_wrap {margin-top: 27px;margin-left: 0;width: 100%;margin-bottom: 44px;} .new_sec_pdp > .feature.kv .kv_wrap .txt .btn_wrap a {border-radius: 51vh;border:1px solid #000;padding: 9px 23px;font-size:14px;line-height: 16px;letter-spacing:0;margin-right: 0;background: black;} .new_sec_pdp > .feature.kv .kv_wrap > .obj {background: #0777E5;width: 100%;height: 338px;margin: auto;} .new_sec_pdp > .feature.kv .kv_wrap .obj .kv-first-img {left: 0;} .new_sec_pdp > .feature.kv .kv_wrap .obj .kv-second-img {width: 149px;top: 138px;right: 0;left: auto;} .new_sec_pdp > .feature.kv .kv_wrap .obj img {width: 100%;height: 100%;} } @charset "utf-8"; html,body {height:auto;overflow:visible} body {min-width:320px;width:100%;overflow-x:hidden} */ html.ltr .ss_samsung.pdp_standard #content .features-module .feature {float:none;overflow:hidden;max-width:100%;max-height:auto;position:relative;width:100%} .new_sec_pdp span, .new_sec_pdp p, .new_sec_pdp div, .new_sec_pdp strong {font: inherit;letter-spacing: inherit;vertical-align: baseline;} .new_sec_pdp img {vertical-align: top;max-width: 100%;} .new_sec_pdp *, .new_sec_pdp *::before, .new_sec_pdp *::after {box-sizing: content-box;} .new_sec_pdp .clearFix:after {display: block; clear: both; content: '';} .new_sec_pdp .m_only {display: none;} .new_sec_pdp .pc_only {display: block;} .new_sec_pdp .feature, .new_sec_pdp .feature_wrap {position:relative;margin-top:0px;} .new_sec_pdp .feature-popup .popup_inner .popup_only {overflow: hidden;border-radius: 20px;} .new_sec_pdp .feature-popup .popup_inner .popup_layer {width: 100%;height: 100%;text-align: center;transition: all .5s ease;overflow-x: hidden;overflow-y: auto;position: relative;text-align: center;border-radius: 20px;max-height: calc(100vh - 50px);} /* .new_sec_pdp .feature-popup .popup_layer {scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.2); scrollbar-base-color:transparent; scrollbar-face-color:#ccc; scrollbar-highlight-color:transparent; scrollbar-track-color:transparent; scrollbar-arrow-color:#fff; scrollbar-shadow-color:#ccc;} .new_sec_pdp .feature-popup .popup_layer::-webkit-scrollbar {width:4px; background-color:transparent;} .new_sec_pdp .feature-popup .popup_layer::-webkit-scrollbar-button {display:none;} .new_sec_pdp .feature-popup .popup_layer::-webkit-scrollbar-thumb {border-radius:2em; background-color:rgba(0,0,0,.2);} .new_sec_pdp .feature-popup .popup_layer:hover::-webkit-scrollbar-thumb, .new_sec_pdp .feature-popup .popup_layer::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.5);} .new_sec_pdp .feature-popup {scrollbar-color: #cdcdcd #fff !important;} */ .new_sec_pdp.device a {outline: none;} /* scrollbar style for wetkit */ .new_sec_pdp .feature-popup .popup_layer::-webkit-scrollbar { width:4px; background-color:transparent; } .new_sec_pdp .feature-popup .popup_layer::-webkit-scrollbar-button { display:none; } .new_sec_pdp .feature-popup .popup_layer::-webkit-scrollbar-thumb { border-radius:2em; background-color:rgba(0,0,0,.2); } .new_sec_pdp .feature-popup .popup_layer:hover::-webkit-scrollbar-thumb, .new_sec_pdp .feature-popup .popup_layer::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,.5); } .new_sec_pdp {background:#fff;font-family:'SamsungOneKorean','Dotum','돋움','Apple SD Gothic Neo',arial;word-break:keep-all;-webkit-font-smoothing:antialiased;min-width:320px;overflow: visible;min-width:320px;max-width: 1920px;position:relative;margin:0 auto;color:#000;margin: 0 auto;line-height:1.32;} .new_sec_pdp > .feature {min-width:320px;margin-top:0;box-sizing:border-box} .new_sec_pdp > .feature a {text-decoration:inherit;color:inherit} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .video_wrap{width: 280px;height: 280px;margin-top: -1px;margin-left: -1px;} .feature .video_wrap img.v_cover {width: 100.4%; position: absolute; top: 0; left: -0.2%; right: 0; display: block; max-width: none;} .feature .video_wrap video{width: 100.4%;margin-left:-0.2%;display: block;position: relative;height: auto;margin-top: 0;height: 100%;transform: scale(1.01);} .new_sec_pdp .feature .video_wrap{position: relative;overflow: hidden;box-sizing: border-box;height: auto;width: auto;width: 100.4%;height: 100%;letter-spacing: 0;} .feature-popup .popup_inner .featutre_loading_wrap video {width: 100%;margin-left: 0;display: block;position: relative;height: auto;height: auto;margin-top: 0;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .video_wrap video {transform: scale(1.02);} .new_sec_pdp .feature span.wnsr {white-space: nowrap;} .new_sec_pdp .sticker-shadow {letter-spacing:0;vertical-align: top;} .new_sec_pdp .feature-popup .obj img {width: 100%;height: 100%;height: auto;} .new_sec_pdp .feature-popup {position:fixed;left:50%;top: 50%;width: 101%;text-align:center;transform:translate(-50%, -50%);background:rgba(0,0,0,0.6);z-index:1000!important;display:block;height: 110%;margin-top: 0px;display: none;opacity: 0;overflow: visible;line-height: 1.32;} .new_sec_pdp .feature-popup .popup_inner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1260px;width:100%;height:auto;background:#f4f4f4;box-sizing:border-box;border-radius:20px;width: 1260px;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap {top: 17px;right: 36px;display: none;position:absolute;box-sizing: content-box;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a {position:relative;display:block;font-size: 14px;line-height: 24px;letter-spacing: 0; padding: 15px;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a span {display:inline-block;position: relative;padding-left: 5px;font-size: 14px;line-height: 24px;letter-spacing: 0; font-weight: bold; vertical-align: top;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a .on_img {display:inline-block;width: 24px;height: 24px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions {height:720px;text-align:left;box-sizing:border-box;border-radius:20px;display: none;} .new_sec_pdp .feature-popup .popup_inner .feature-questions > .txt {padding-top:15px;padding-bottom:1px;padding-left: 49px;display:inline-block;text-align:left;position:relative;left:0;font-weight:bold;} .new_sec_pdp .feature-popup .popup_inner .feature-questions > .txt .feature-title {font-size:20px;letter-spacing:0;line-height:56px} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap {display: block;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap > .txt {text-align:center;padding-top:14px} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap .txt .feature-sub-title {font-size:16px;line-height:36px;letter-spacing:0} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap .obj-txt {text-align:center;display:block;width: 140px;margin: 0 auto;box-sizing: content-box;} .new_sec_pdp .feature-popup .popup_inner .feature-questions.active {display:block;} .new_sec_pdp .feature-popup .popup_inner .feature-results.active {display:block;} .new_sec_pdp .feature-popup .popup_inner .select-wrap {position:relative;height:100%;width:100%;box-sizing: border-box;display: block;height: 536px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li {position:absolute;border-radius: 20px;opacity: 1;background: #fff;border: none;z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child {top:40px;left:181px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) {left:50%;transform:translate(-51%,0);top:83px} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) {right:179px;top:10px} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a {width:270px;height:396px;border-radius:20px;opacity:1;display:inline-block;box-sizing: content-box;-webkit-transition: background-color 0.2s ease;-ms-transition: background-color 0.2s ease;transition: background-color 0.2s ease;transition-property: background-color;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0s;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child a:focus, .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child a:hover {background: #A4DAE6; border-color: #65D0E8;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a:focus, .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a:hover {background: #B9EFDB; border-color: #76E6BD;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a:focus, .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a:hover {background: #FFC593; border-color: #FF9F4D;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a:hover { -webkit-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt {padding-top: 41px;padding-left: 35px;padding-right: 40px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title {text-align:left;letter-spacing:0;color:#000000;font-size:18px;line-height:24px;font-weight: 700;padding-bottom:32px;position:relative;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title span.text-img {left:-9px} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) .obj {left: -42px;right:auto;bottom:0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title span.last-text {padding-left:72px} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:last-child a .txt {padding-top:48px;padding-left:39px} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.text-img {font-size:0;display:block;position:absolute;left:-11px;top:25px;vertical-align: top;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.text-img img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.last-text {left:0;padding-left:58px;vertical-align: top;text-align: left;letter-spacing: 0;color: #000000;font-size: 18px;line-height: 24px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:last-child a .txt .q-title span.last-text {padding-left:81px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .dot {width: 31px;height: 31px;display:inline-block;border-radius:51vh;box-sizing:border-box;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-dot-01.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;vertical-align: top;font-size: 0;-webkit-transition: background 0.2s ease;-ms-transition: background 0.2s ease;transition: background 0.2s ease;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child a .txt .dot {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-dot-01.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .dot {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-dot-02.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a .txt .dot {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-dot-03.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child a:hover .txt .dot {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-dot-01-h.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a:hover .txt .dot {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-dot-02-h.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a:hover .txt .dot {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-dot-03-h.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a:hover .txt .dot { } .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li .obj {position:absolute;right:0;bottom: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) a {border: 2.5px dashed #A4DAE6;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a {border: 2.5px dashed #BAF8E1;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a {border: 2.5px dashed #FFC593;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) span.cover_area_01_a {content:"";display: block;background: transparent;width: 174px;height: 409px;position: absolute;left: -175px;top: 0;vertical-align: top;font-size: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) span.cover_area_02_a {content:"";display: block;background: transparent;width: 35px;height: 409px;position: absolute;left: -35px;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) span.cover_area_02_b {content:"";display: block;background: transparent;width: 42px;height: 409px;position: absolute;right: -43px;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) span.cover_area_03_a {content:"";display: block;background: transparent;width: 174px;height: 409px;position: absolute;right: -174px;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child a .txt .dot { margin-left: 6px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) .obj {width: 361px;right: -12px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) .obj {width: 357px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) .obj {width: 270px;right: 3px;bottom: -9px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) a .txt .q-title span.text-img {width: 78px;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-01.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;height: 36px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title span.text-img {width: 93px;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-02.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;height: 36px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a .txt .q-title span.text-img {width: 93px;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-03.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;height: 38px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) a:hover .txt .q-title span.text-img {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-01-h.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a:hover .txt .q-title span.text-img {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-02-h.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a:hover .txt .q-title span.text-img {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-03-h.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon01 {display: block; width: 136px;height: 123px;position: absolute;top: 304px;left: 100px;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon02 {width: 140px;height: 154px;position: absolute;top: 6px;left: auto;right: -73px;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon01 img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon02 img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .feature-questions.f03 {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-bg.jpg?$ORIGIN_JPG$);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap {padding-top: 137px;display: block;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt {padding-bottom:26px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title {font-size: 24px;line-height: 36px;letter-spacing: 0;color: #2F2F2F;padding-top: 28px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title span {font-size: 24px;line-height: 36px;letter-spacing: 0;color: #2F2F2F;padding-top: 28px;vertical-align: top;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt {text-align:left;padding-right:0;display:inline-block;position:relative;padding-left:130px;vertical-align:top;padding-right: 85px;padding-top: 25px;width: 219px;box-sizing: content-box;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .obj {width: 181px;box-sizing: content-box;} .new_sec_pdp .feature-popup .popup_inner .f03_questions {position:relative;width:680px;height:auto;display:inline-block;height:312px;vertical-align:top;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap {position:relative;text-align:center;margin:0 auto;background:#fff;border-radius:20px;display:block;height: auto;box-sizing:border-box;left:0;background-color:#fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);width:100%;text-align:left;overflow: hidden;height: 100%;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .clicked .f03_questions > li .question_wrap {transition: all 0.5s ease 0s;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-05 .question_wrap {left: 88px;transform: scale(0.85);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-04 .question_wrap {left: 59px;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-03 .question_wrap {left: 31px;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-02 .question_wrap {top:0;left: 0px;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-05 .question_wrap {left: 59px;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-04 .question_wrap {left: 31px;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-03 .question_wrap {top:0;left: 0px;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-02 .question_wrap {left: 88px;transform: scale(0.85);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-05 .question_wrap {left: 31px;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-04 .question_wrap {top:0;left: 0px;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-03 .question_wrap {top:0;left: 88px;transform: scale(0.85);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-02 .question_wrap {left: 59px;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-05 .question_wrap {top:0;left: 0px;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-04 .question_wrap {top:0;left: 88px;transform: scale(0.85);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-03 .question_wrap {left: 59px;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-02 .question_wrap {left: 31px;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_third > li.question-05 .question_wrap {left: 31px;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_third > li.question-04 .question_wrap {top:0;left: 0px;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_third > li.question-03 .question_wrap {left: 59px;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_last > li.question-05 .question_wrap {top:0;left: 0px;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_last > li.question-04 .question_wrap {left: 59px;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_last > li.question-03 .question_wrap {left: 31px;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li {z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li {z-index: 1;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li {z-index: 2;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li {z-index: 3;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li {z-index: 1;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li {z-index: 2;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li {z-index: 3;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li {z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li {z-index: 2;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li {z-index: 3;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li {z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li {z-index: 1;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li {z-index: 3;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li {z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li {z-index: 1;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li {z-index: 2;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li {position: absolute;height: 312px;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:last-child {z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:nth-child(3) {z-index: 1;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:nth-child(2) {z-index: 2;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:first-child {z-index: 3;left: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .obj {margin:0;width:334px;display:inline-block;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .obj img {width:334px;height:312px} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt {padding:0;padding-left: 36px;padding-right: 36px;padding-top:56px;padding-bottom: 0;vertical-align:top;display:inline-block;width:340px;box-sizing:border-box;max-width: 49%;transition: none;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt .feature-q-title {font-weight:bold;font-size:22px;line-height:34px;margin-bottom: 0;height: 169px;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt .feature-q-title span {font-weight:bold;font-size:22px;line-height:34px;vertical-align: top;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap {padding-bottom: 0;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap a {display:inline-block;border-radius:51vh;border:1px solid #000;box-sizing:border-box;text-align:center;vertical-align:middle;padding:10px 30px;font-size:16px;line-height:18px;letter-spacing:0;font-weight:bold;margin-right:13px} .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap a:hover {background: #4596E0;color: #fff;border: 1px solid #4596E0;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-icon {width: 103px;height: 36px;position: absolute;top: 38px;right: -59px;transition: none;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap li:nth-child(2) .obj-icon {width: 102px;height: 40px;top: 91px;right: -72px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap li:nth-child(3) .obj-icon {width: 105px;height: 41px;top: 135px;right: -87px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap li:last-child .obj-icon {height: 40px;top: 185px;right: -94px;width: 104px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_second li:nth-child(2) .obj-icon {right: -59px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_second li:nth-child(3) .obj-icon {right: -72px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_second li:last-child .obj-icon {right: -87px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_second li:first-child .obj-icon {right: -94px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_third li:nth-child(3) .obj-icon {right: -59px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_third li:last-child .obj-icon {right: -72px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_third li:first-child .obj-icon {right: -87px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_third li:nth-child(2) .obj-icon {right: -94px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_last li:last-child .obj-icon {right: -59px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_last li:first-child .obj-icon {right: -72px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_last li:nth-child(2) .obj-icon {right: -87px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_last li:nth-child(3) .obj-icon {right: -94px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-icon img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-icon:before {background: #000000 0% 0% no-repeat padding-box;opacity: 0.05; display: block;content: "";height: 10px;position: absolute;bottom: 1px;width: 100%;z-index: -1;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap {text-align: center;padding-top: 74px;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt {padding-top: 30px;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt .feature-loading-title {font-size: 28px;letter-spacing: 0;line-height: 36px;color: #D7925B;font-weight: bold;font-family: "Samsung Sharp Sans", "SamsungSharpSans", "SamsungOneKorean";padding-bottom: 6px;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt .feature-loading-desc {font-size: 16px;line-height: 36px;letter-spacing: 0;color: #2F2F2F;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .obj {width: 276px;height: 276px;margin: 0 auto;overflow: visible;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title span.bold {font-weight: bold;} .new_sec_pdp .feature-popup .popup_inner .feature-results {height:720px;display:none;border-radius: 20px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .obj {position:relative;top:0;left:0;width: 192px;margin: 0 auto;background: #fff;padding: 23px 22px;border-radius: 8px;border: 1px solid #fff;box-sizing: content-box; overflow: hidden;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap {display:block;position:relative;height:100%;width:100%} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div {width:100%;height:100%;padding:0;box-sizing:border-box;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div.result_all > .txt {text-align:left;position:absolute;top: 15px;left: 49px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div.result_all .txt .feature-title {color:#000;font-weight:bold;font-size:20px;line-height:56px;letter-spacing:0} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap {padding-left: 71px;text-align:left;background-color: #fff;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt {padding-top: 128px;padding-right:500px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title {font-size:80px;line-height:86px;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title {font-size:24px;line-height:42px;font-weight:bold;color:#000;padding-top:31px;padding-left: 8px;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title span.bold {font-weight:bold;display: block;font-size: 80px;line-height: 86px;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc {color: #2E2E2E;font-size:14px;line-height:24px;padding-top:6px;padding-right:61px;letter-spacing:0;padding-left: 8px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc span {color: #2E2E2E;font-size:14px;line-height:24px;letter-spacing:0;vertical-align: top;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand {display: block;position: absolute;vertical-align:top;padding-top: 89px;box-sizing:border-box;margin:0 auto;text-align:center;padding-left:0;width: 327px;background: #f4f4f4;height: 100%;height: 720px;float: none;padding-top: 89px;top: 0;right: 0px;width: 322px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top {padding-bottom: 9px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top .recomand_title {left:20px;font-size:20px;line-height:56px;font-weight:bold;letter-spacing:0;text-align: left;padding-left: 47px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top .recomand_title .icon {width: 23px;height: 23px;display: inline-block;position: relative;margin-left: 0;margin-right: 10px;left: 0;top: 17px;vertical-align: top;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top .recomand_title .icon img {max-width: 100%; vertical-align: top;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom {padding-left: 48px;padding-right: 0;padding-top: 36px;text-align:left;padding-right: 5px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title {font-size:18px;line-height:22px;letter-spacing:0;font-weight:bold} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code {font-size:12px;line-height:26px;letter-spacing:0;text-align:left} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price {padding-right: 45px;padding-top: 32px;padding-bottom: 23px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li {height: 21px;box-sizing: content-box;line-height: 1.32;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-type {font-size:12px;line-height:18px;display:inline-block;float: left;letter-spacing: 0;vertical-align: top;color: #707070;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number {font-size:12px;text-align:right;letter-spacing:-.01em;display:inline-block;float:right;line-height:20px;color: #707070;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number::after {content:'';display:block;clear:both} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-type::after {content:'';display:block;clear:both} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child {padding-top: 1px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-type {font-size:12px;line-height:18px;font-weight:bold; color: #000;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-number {font-weight:bold;text-align:right;font-size:14px;letter-spacing:-.005em;padding-top: 0; color: #000;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-number span {letter-spacing: -0.005em; vertical-align: middle; color: #000;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number span {font-size:11px;line-height:20px;vertical-align: top;color: #707070;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice {color:#707070;font-size:12px;line-height:18px;letter-spacing: -0.006em;text-align:center;padding-top: 10px;height: auto;margin-right: 48px;border-top: 2px solid #DBDBDB;box-sizing: border-box;min-height: 65px;font-weight: bold;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice span {color:#707070;font-size:12px;line-height:18px;letter-spacing: -0.006em;text-align:center;vertical-align: top;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy {text-align:center;margin-top: 0;padding-right: 48px;margin-top: 36px;margin-top: 0;line-height: 1.32;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy a {font-size:16px;letter-spacing:0;line-height: 21px; font-weight: bold; text-align:center;color:#fff;border:none;border-radius:50vh;background:#000;padding:9px 24px;display: inline-block;box-sizing: content-box;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .reult_left {color:#4699E5;width:860px;height:720px;text-align:left;display:inline-block;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/restult_homeschool_a.png?$ORIGIN_PNG$&fmt=png-alpha);background-size:cover;} .new_sec_pdp .feature-popup .popup_inner .feature-results .restult_homeschool_a .reult_left {color:#4699E5;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/restult_homeschool_a.png?$ORIGIN_PNG$&fmt=png-alpha);background-size:cover;} .new_sec_pdp .feature-popup .popup_inner .feature-results .restult_homeschool_b .reult_left {color:#ED7A77;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/restult_homeschool_b.png?$ORIGIN_PNG$&fmt=png-alpha);background-size:cover} .new_sec_pdp .feature-popup .popup_inner .feature-results .result_homeworker_a .reult_left {color:#65C3A3;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/result_homeworker_a.png?$ORIGIN_PNG$&fmt=png-alpha);background-size:cover} .new_sec_pdp .feature-popup .popup_inner .feature-results .result_homeworker_b .reult_left {color:#E8C350;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/result_homeworker_b.png?$ORIGIN_PNG$&fmt=png-alpha);background-size:cover} .new_sec_pdp .feature-popup .popup_inner .feature-results .result_bussiness_a .reult_left {color:#526BD6;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/result_bussiness_b.png?$ORIGIN_PNG$&fmt=png-alpha);background-size:cover}{color:#EA8F40;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/result_bussiness_a.png?$ORIGIN_PNG$&fmt=png-alpha);background-size:cover} .new_sec_pdp .feature-popup .popup_inner .feature-results .result_bussiness_b .reult_left {color:#EA8F40;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/result_bussiness_a.png?$ORIGIN_PNG$&fmt=png-alpha);background-size:cover} .new_sec_pdp .popup-close-wrap a.close-btn {position:absolute;left:50%;bottom: 39px;width: 36px;height: 36px;font-size:0;border-radius:50%;transform:translateX(-50%);bottom: -64px;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/btn_popup_close.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a .on_img img {width: 100%;height: 100%;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li:nth-child(4) {z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li:nth-child(3) {z-index: 1;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li:nth-child(2) {z-index: 2;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li:first-child {z-index: 3;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li:nth-child(4) {z-index: 1;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li:nth-child(3) {z-index: 2;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li:nth-child(2) {z-index: 3;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li:first-child {z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li:nth-child(4) {z-index: 2;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li:nth-child(3) {z-index: 3;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li:nth-child(2) {z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li:first-child {z-index: 1;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li:nth-child(4) {z-index: 3;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li:nth-child(3) {z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li:nth-child(2) {z-index: 1;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li:first-child {z-index: 2;} @media (max-width: 1440px){ .new_sec_pdp > .feature {margin-top: 0;box-sizing:border-box;} .new_sec_pdp > .feature a {text-decoration:inherit;color:inherit} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .video_wrap {width: 19.44vw;height: 19.44vw;} .new_sec_pdp .feature-popup .obj img {width: 100%;height: 100%;height: auto;} .new_sec_pdp .feature-popup .popup_inner {border-radius:1.39vw;width: 87.50vw;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap {top: 1.18vw;right: 2.50vw; position:absolute;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a {position:relative;display:block;font-size: 0.97vw;line-height: 1.67vw;letter-spacing: 0; padding: 1.04vw;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a span {display:inline-block;position: relative;padding-left: 0.35vw;font-size: 0.97vw;line-height: 1.67vw;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a .on_img {display:inline-block;width: 1.67vw;height: 1.67vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions {height:50.00vw;text-align:left;box-sizing:border-box;border-radius:1.39vw;display: none;} .new_sec_pdp .feature-popup .popup_inner .feature-questions > .txt {padding-top:1.04vw;padding-bottom:0.07vw;padding-left: 3.40vw;display:inline-block;text-align:left;position:relative;left:0;font-weight:bold;} .new_sec_pdp .feature-popup .popup_inner .feature-questions > .txt .feature-title {font-size:1.39vw;letter-spacing:0;line-height:3.89vw} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap {display: block;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap > .txt {text-align:center;padding-top:0.97vw} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap .txt .feature-sub-title {font-size:1.11vw;line-height:2.50vw;letter-spacing:0} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap .obj-txt {text-align:center;display:block;width: 9.72vw;margin: 0 auto;} .new_sec_pdp .feature-popup .popup_inner .select-wrap {position:relative;height:100%;width:100%;box-sizing: border-box;display: block;height: auto;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li {position:absolute;border-radius: 1.39vw;opacity: 1;background: #fff;z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child {top:2.78vw;left:12.57vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) {left:50%;transform:translate(-51%,0);top:5.76vw} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) {right:12.43vw;top:0.69vw} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a {width:18.75vw;height:27.50vw;border-radius:1.39vw;opacity:1;display:inline-block;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt {padding-top: 2.85vw;padding-left: 2.43vw;padding-right: 2.78vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title {text-align:left;letter-spacing:0;color:#000000;font-size:1.25vw;line-height:1.67vw;padding-bottom:2.22vw;position:relative;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title span.text-img {left:-0.63vw} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) .obj {left: -2.92vw;right:auto;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title span.last-text {padding-left:5.00vw} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:last-child a .txt {padding-top:3.33vw;padding-left:2.71vw} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.text-img {left:-0.76vw;top:1.74vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.text-img img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.last-text {left:0;padding-left:4.03vw;font-size: 1.25vw;line-height: 1.67vw;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:last-child a .txt .q-title span.last-text {padding-left:5.63vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .dot {width: 2.15vw;height: 2.15vw;display:inline-block;border-radius:51vh;box-sizing:border-box;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li .obj {position:absolute;right:0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child a .txt .dot { margin-left: 0.42vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) .obj {width: 25.07vw;right: -0.83vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) .obj {width: 24.79vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) .obj {width: 18.75vw;right: 0.21vw;bottom: -0.63vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) a .txt .q-title span.text-img {width: 5.42vw;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-01.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;height: 2.50vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title span.text-img {width: 6.46vw;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-02.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;height: 2.50vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a .txt .q-title span.text-img {width: 6.46vw;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-03.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;height: 2.64vw;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon01 {width: 9.44vw;height: 8.54vw;position: absolute;top: 21.11vw;left: 6.94vw;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon02 {width: 9.72vw;height: 10.69vw;position: absolute;top: 0.42vw;left: auto;right: -5.07vw;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon01 img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon02 img {width: 100%;height: 100%;height: auto;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) span.cover_area_01_a {background: transparent;width: 12.08vw;height: 28.40vw;left: -12.15vw;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) span.cover_area_02_a {background: transparent;width: 2.43vw;height: 28.40vw;left: -2.43vw;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) span.cover_area_02_b {background: transparent;width: 2.92vw;height: 28.40vw;right: -2.99vw;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) span.cover_area_03_a {background: transparent;width: 12.08vw;height: 28.40vw;right: -12.08vw;top: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap {padding-top: 9.51vw;display: block;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt {padding-bottom:1.81vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title {font-size: 1.67vw;line-height: 2.50vw;letter-spacing: 0;padding-top: 1.94vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title span {font-size: 1.67vw;line-height: 2.50vw;letter-spacing: 0;padding-top: 1.94vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt {text-align:left;padding-right:0;display:inline-block;position:relative;padding-left:9.03vw;vertical-align:top;padding-right: 4.9vw;padding-top: 1.74vw;width: 16.21vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .obj {width: 12.57vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions {position:relative;width:47.22vw;height:auto;display:inline-block;height:21.67vw;vertical-align:top} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap {position:relative;text-align:center;margin:0 auto;background:#fff;border-radius:1.39vw;display:block;width:47.22vw;height:21.67vw;box-sizing:border-box;left:0;background-color:#fff;box-shadow: 0.00vw 0.69vw 1.39vw rgba(0, 0, 0, 0.1);width:100%;text-align:left;overflow: hidden;height: 100%;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_last {left: 6.11vw;transform: scale(0.85);} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_third {left: 4.10vw;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_second {left: 2.15vw;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_first {top:0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li {position: absolute;height: 21.67vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:last-child {z-index: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:nth-child(3) {z-index: 1;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:nth-child(2) {z-index: 2;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:first-child {z-index: 3;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-05 .question_wrap {left: 6.11vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-04 .question_wrap {left: 4.10vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-03 .question_wrap {left: 2.15vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-02 .question_wrap {left: 0.00vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-05 .question_wrap {left: 4.10vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-04 .question_wrap {left: 2.15vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-03 .question_wrap {top:0;left: 0.00vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-05 .question_wrap {left: 2.15vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-04 .question_wrap {top:0;left: 0.00vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-05 .question_wrap {top:0;left: 0.00vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .obj {margin:0;width:23.19vw;width: 49.2%;display:inline-block;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .obj img {width:23.19vw;height:21.67vw} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt {padding:0;padding-left: 2.50vw;padding-right: 2.50vw;padding-top:3.89vw;padding-bottom: 0;vertical-align:top;display:inline-block;width:23.61vw;box-sizing:border-box;max-width: 49%;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt .feature-q-title {font-size:1.53vw;line-height:2.36vw;margin-bottom: 0;height: 11.74vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt .feature-q-title span {font-size:1.53vw;line-height:2.36vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap {padding-bottom: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap a {display:inline-block;border-radius:51vh;box-sizing:border-box;text-align:center;vertical-align:middle;padding:0.69vw 2.08vw;font-size:1.11vw;line-height:1.25vw;letter-spacing:0;font-weight:bold;margin-right:0.90vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap a:hover {background: #4596E0;color: #fff;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-icon {width: 7.15vw;height: 2.50vw;position: absolute;top: 2.64vw;right: -4.10vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap li:nth-child(2) .obj-icon {width: 7.08vw;height: 2.78vw;top: 6.32vw;right: -5.00vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap li:nth-child(3) .obj-icon {width: 7.29vw;height: 2.85vw;top: 9.38vw;right: -6.04vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap li:last-child .obj-icon {height: 2.78vw;top: 12.85vw;right: -6.53vw;width: 7.22vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_second li:nth-child(2) .obj-icon {right: -4.10vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_second li:nth-child(3) .obj-icon {right: -5.00vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_second li:last-child .obj-icon {right: -6.04vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_second li:first-child .obj-icon {right: -6.53vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_third li:nth-child(3) .obj-icon {right: -4.10vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_third li:last-child .obj-icon {right: -5.00vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_third li:first-child .obj-icon {right: -6.04vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_third li:nth-child(2) .obj-icon {right: -6.53vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_last li:last-child .obj-icon {right: -4.10vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_last li:first-child .obj-icon {right: -5.00vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_last li:nth-child(2) .obj-icon {right: -6.04vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .question_wrap_last li:nth-child(3) .obj-icon {right: -6.53vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-icon img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-icon:before {background: #000000 0% 0% no-repeat padding-box;opacity: 0.05; display: block;content: "";height: 0.69vw;position: absolute;bottom: 0.07vw;width: 100%;z-index: -1;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap {text-align: center;padding-top: 5.14vw;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt {padding-top: 2.08vw;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt .feature-loading-title {font-size: 1.94vw;letter-spacing: 0;line-height: 2.50vw;color: #D7925B;font-weight: bold;font-family: "Samsung Sharp Sans", "SamsungSharpSans", "SamsungOneKorean";padding-bottom: 0.42vw;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt .feature-loading-desc {font-size: 1.11vw;line-height: 2.50vw;letter-spacing: 0;color: #2F2F2F;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .obj {margin: 0 auto;width: 19.17vw;height: 19.17vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title span.bold {font-weight: bold;} .new_sec_pdp .feature-popup .popup_inner .feature-results {height:50.00vw;display:none;border-radius: 1.39vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .obj {width: 13.33vw;padding: 1.60vw 1.53vw;border-radius: 0.56vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap {display:block;position:relative;height:100%;width:100%} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div {width:100%;height:100%;padding:0;box-sizing:border-box;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div.result_all > .txt {text-align:left;position:absolute;top: 1.04vw;left: 3.40vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div.result_all .txt .feature-title {color:#000;font-weight:bold;font-size:1.39vw;line-height:3.89vw;letter-spacing:0} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap {padding-left: 4.93vw;text-align:left;background-color: #fff;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt {padding-right:34.72vw;padding-top: 8.89vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title {font-size:5.56vw;line-height: 5.98vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title {font-size:1.67vw;line-height:2.92vw;font-weight:bold;color:#000;padding-top:2.15vw;padding-left: 0.56vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title span.bold {font-weight:bold;font-size: 5.56vw;line-height: 5.98vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc {font-size: 0.97vw;line-height:1.67vw;padding-top:0.42vw;padding-right: 4.24vw;padding-left: 0.56vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc span {font-size: 0.97vw;line-height: 1.67vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand {padding-top: 6.18vw;height: 50.00vw;width: 22.36vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top {padding-bottom: 0.63vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top .recomand_title {left:1.39vw;font-size:1.39vw;line-height:3.89vw;font-weight:bold;letter-spacing:0;padding-left: 3.26vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top .recomand_title .icon {width: 1.60vw;height: 1.60vw;margin-right: 0.69vw;top: 1.18vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom {padding-left: 3.33vw;padding-top: 2.50vw;padding-right: 0.35vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title {font-size:1.25vw;line-height:1.53vw;letter-spacing:0;font-weight:bold} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code {font-size:0.83vw;line-height:1.81vw;letter-spacing:0;text-align:left} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price {padding-right: 3.13vw;padding-top: 2.22vw;padding-bottom: 1.60vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li {height: 1.46vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-type {font-size:0.83vw;line-height:1.25vw;display:inline-block;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number {font-size:0.83vw;text-align:right;letter-spacing:-.01em;display:inline-block;float:right;line-height:1.39vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:first-child .price-number ::after {content:'';display:block;clear:both} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child {padding-top:0.07vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-type {font-size:0.83vw;line-height:1.25vw;font-weight:bold} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-number {font-weight:bold;text-align:right;font-size:0.97vw;letter-spacing:-.005em;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number span {font-size:0.76vw;line-height:1.39vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice {color:#707070;font-size:0.83vw;line-height:1.25vw;text-align:center;padding-top:0.69vw;margin-right: 3.33vw;min-height: 4.51vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice span {font-size:0.83vw;line-height:1.25vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy {padding-right: 3.33vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy a {font-size:1.11vw;letter-spacing:0;text-align:center;color:#fff;border:none;border-radius:50vh;background:#000;padding: 0.63vw 1.66vw;display: inline-block;line-height: 1.46vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .reult_left {width:59.72vw;height:50.00vw;text-align:left;display:inline-block;} .new_sec_pdp .popup-close-wrap a.close-btn {position:absolute;left:50%;width: 2.50vw;height: 2.50vw;font-size:0;border-radius:50%;transform:translateX(-50%);bottom: -4.44vw;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a .on_img img {width: 100%;height: 100%;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-05 .question_wrap {left: 6.11vw;transform: scale(0.85);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-04 .question_wrap {left: 4.10vw;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-03 .question_wrap {left: 2.15vw;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-02 .question_wrap {top:0;left: 0.00vw;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-05 .question_wrap {left: 4.10vw;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-04 .question_wrap {left: 2.15vw;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-03 .question_wrap {top:0;left: 0.00vw;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-02 .question_wrap {left: 6.11vw;transform: scale(0.85);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-05 .question_wrap {left: 2.15vw;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-04 .question_wrap {top:0;left: 0.00vw;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-03 .question_wrap {top:0;left: 6.11vw;transform: scale(0.85);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-02 .question_wrap {left: 4.10vw;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-05 .question_wrap {top:0;left: 0.00vw;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-04 .question_wrap {top:0;left: 6.11vw;transform: scale(0.85);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-03 .question_wrap {left: 4.10vw;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-02 .question_wrap {left: 2.15vw;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_third > li.question-05 .question_wrap {left: 2.15vw;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_third > li.question-04 .question_wrap {top:0;left: 0.00vw;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_third > li.question-03 .question_wrap {left: 4.10vw;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_last > li.question-05 .question_wrap {top:0;left: 0.00vw;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_last > li.question-04 .question_wrap {left: 4.10vw;transform: scale(0.90);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_last > li.question-03 .question_wrap {left: 2.15vw;transform: scale(0.95);} } @media (max-width:1150px){ .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc {font-size: 11px;line-height:19px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc span {font-size: 11px;line-height:19px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-type {font-size:10px;line-height:14px;font-weight:bold} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-number {font-size:11px;letter-spacing:-.005em;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-type {font-size:10px;line-height:14px;font-weight:bold} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-number {font-size:11px;letter-spacing:-.005em;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-type {font-size:10px;line-height:14px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number {font-size:10px;letter-spacing:-.01em;line-height:16px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice {font-size:10px;line-height:14px;min-height: 45px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice span {font-size:10px;line-height:14px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code {font-size: 10px;line-height: 21px;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child {padding-top: 2px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number span {font-size:9px;line-height:16px;} } @media (max-width: 1135px) { .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a .on_img {width: 19px; height: 19px;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a span {font-size: 11px; line-height: 18px; padding-left: 4px;} } @media (max-width:1024px){ .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt .feature-loading-desc {font-size: 11px; line-height: 25px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc {padding-right: 2vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price {padding-right: 3.13vw;padding-top: 1.2vw;padding-bottom: 1.2vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap .txt .feature-sub-title {font-size:11px;line-height:26px;letter-spacing:0} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li {height: 15px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code {line-height: 19px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a {font-size: 10px;line-height: 17px;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom {padding-top: 1.50vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.text-img {top: 1.6vw;} } @media (max-width: 990px) { .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap a {font-size: 11px; line-height: 12px; padding: 7px 20.5px;} } @media (max-width:900px){ .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title {font-size:11px;line-height:14px;letter-spacing:0;font-weight:bold} } @media (max-width:768px){ .new_sec_pdp .m_only {display: block;} .new_sec_pdp .pc_only {display: none !important;} .new_sec_pdp .feature-popup .popup_inner .popup_only {overflow: hidden;border-radius: 0;height: 100vh;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .video_wrap {width: 100%;height: 100%;margin-top: -0.32vw;margin-left: -0.32vw;} .new_sec_pdp .feature-popup {position: fixed;height: 100%;width: 100%;top: 0;transform: none;left: 0;overflow-y: hidden;overflow-x: hidden;height: 100vh;min-height: 100vh;} .new_sec_pdp .feature-popup .popup_inner .feature-questions > .txt {padding: 8.89vw 5.83vw 6.67vw;position:relative;left:0;font-weight:bold;text-align: left;display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .new_sec_pdp .feature-popup .popup_inner .feature-questions > .txt .feature-title {font-size:5.56vw;letter-spacing:0;line-height: 7.22vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap {padding-top: 3.75vw;position: relative;} .new_sec_pdp .feature-popup .popup_inner {max-width: 200.00vw;border-radius: 0;position: relative;top: 0;transform: none;left: 0;min-height: 211.11vw;width: 100%;z-index: 300;} .feature .video_wrap video{width: 100.4%;margin-left:0%;display: block;position: relative;height: 100%;height: 100.4%;} .new_sec_pdp .feature-popup .popup_inner .popup_layer {border-radius: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-questions {height: auto;border-radius: 0;height: 100%;min-height: auto;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap .obj-txt {margin: 0;display: block;left: 0;width: 25.83vw;padding-left: 11.11vw;position: absolute;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap > .txt {text-align: left;padding-top: 0;display: block;position: relative;top: 0;padding-left: 40.28vw;padding-right: 13.44vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap .txt .feature-sub-title {font-size: 3.89vw;line-height: 5.56vw;letter-spacing:0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li {position:relative;margin-bottom: 2.22vw;background: none;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child {top: 0;left: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) {left: 0;transform: none;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) {right: auto;top: 0;margin-bottom: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap {padding: 9.17vw 3.33vw 34.72vw; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a {width: 100%;height: 43.33vw;border-radius:5.56vw;opacity:1;display:inline-block;background: #fff; box-sizing: border-box;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt {padding: 0;padding-top: 5.83vw;padding-bottom: 0;padding-right: 28.11vw;padding-left: 6.67%;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title {text-align:left;letter-spacing:0;color:#000000;font-size:5.00vw;line-height: 7.22vw;padding-bottom: 0;position:relative;padding-bottom: 3.06vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.last-text {left:0;padding-left: 16.11vw;letter-spacing: 0;font-size: 5.00vw;line-height: 7.22vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:last-child a .txt .q-title span.last-text {padding-left:22.50vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.text-img {font-size:0;display:block;position: relative;left: 0;display: inline-block;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.text-img {} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .dot {width:8.33vw;height:8.33vw;display:inline-block;border-radius:51vh;box-sizing:border-box;margin-left: 0;margin-top: 5.00vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child a .txt .dot {margin-left: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li .obj {position:absolute;right:0;bottom: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title {padding-bottom: 0.56vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .dot {margin-top: 7.22vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title span.last-text {padding-left: 20.56vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:last-child a .txt {padding: 0;padding-top: 5.83vw;padding-bottom: 0;padding-right: 41.67vw;padding-left: 6.67vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) .obj {width: 56.11vw;bottom: 3px;right: -5.56vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) .obj {width: 57.78%;bottom: 3px;left: auto;right: -4.5%;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) .obj {width: 43.61vw;right: 2.78vw;bottom: -1.39vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) a .txt .q-title span.text-img {width: 21.67vw;height: 10.00vw;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-01-m.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;top: auto;position: absolute;left: -2.22vw;bottom: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title span.text-img {width: 25.69vw;height: 10.00vw;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-02-m.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;top: auto;position: absolute;left: -2.22vw;bottom: -2.22vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a .txt .q-title span.text-img {width: 25.69vw;height: 10.00vw;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-03-m.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;top: auto;position: absolute;left: -3.06vw;bottom: -0.28vw;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon01 {display: none; top: 9.72vw;left: auto;width: 19.86vw;height: 22.22vw;right: -1.11vw;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon02 {top: 23.06vw;left: 20.28vw;width: 26.94vw;height: 29.86vw;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon01 img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon02 img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap {text-align: center;padding: 23.47vw 0 30.05vw;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt {padding: 0 5.56vw;padding-top: 3.61vw;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt .feature-loading-title {font-size: 7.78vw;letter-spacing: 0;line-height: 10.00vw;color: #D7925B;padding-bottom: 0;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt .feature-loading-desc {font-size: 6.67vw;line-height: 10.00vw;letter-spacing: 0;color: #2F2F2F;font-size: 4.44vw;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .obj {margin: 0 auto;width: 65.28vw;height: 65.28vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions.f03 {background:none;min-height: auto;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap {padding-top: 3.75vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt {text-align:left;padding-right:0;display:inline-block;position:relative;padding-left: 0;vertical-align:top;padding-right: 0;width: 100%;margin: 0 auto;text-align: center;display: block;padding: 0;margin-bottom: 7.08vw;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .obj {width: 25.83vw;padding-left: 11.11vw;position: absolute;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt{text-align: left;padding-top: 1.94vw;display: block;position: relative;top: 0;padding-left: 40.28vw;padding-right: 0.3vw;padding-top: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title {font-size: 3.89vw;line-height: 5.56vw;letter-spacing:0;padding-top: 0;padding-right: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title span {font-size: 3.89vw;line-height: 5.56vw;letter-spacing:0;padding-top: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions {position:relative;width: 100%;height:auto;display: block;height: auto;vertical-align:top;width: 500%;margin-left: 1.49vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap {margin: 0;background:#fff;border-radius:5.56vw;display: inline-block;box-sizing:border-box;position: relative;background-color:#fff;height: 100%;text-align:left;overflow: hidden;width: 77.78vw;margin-left: 0;transition: none;width: 100%;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_last {left: 0;transform: none;margin-left: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_second {left: 0;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_third {left: 0;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_first {top:0} .new_sec_pdp .feature-popup .popup_inner .f03_questions .obj {margin:0;width: 77.78vw;height: 72.22vw;display: block;overflow: hidden;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .obj img {width:92.78vw;height:86.67vw} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt {padding:0;padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;vertical-align:top;display: block;width: 100%;box-sizing:border-box;max-width: 100%;text-align: center;padding: 0 8.33vw;padding-top: 5.83vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt .feature-q-title {font-weight:bold;font-size: 5.00vw;line-height: 7.22vw;margin-bottom: 5.14vw;height: 21.25vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt .feature-q-title span {font-weight:bold;font-size: 5.00vw;line-height: 7.22vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap a {display:inline-block;border-radius:51vh;box-sizing:border-box;text-align:center;vertical-align:middle;padding:2.78vw 8.33vw;font-size:4.44vw;line-height:5.00vw;letter-spacing:0;font-weight:bold;margin-right:3.61vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap a:last-child {margin-right: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-05 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-04 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-03 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li.question-02 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-05 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-04 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-03 .question_wrap {left: auto;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li.question-02 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-05 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-04 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-03 .question_wrap {left: auto;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li.question-02 .question_wrap {left: auto;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-05 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-04 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-03 .question_wrap {left: auto;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li.question-02 .question_wrap {left: auto;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap {right: 13.33vw;top:2.5vw;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a {position:relative;display:block;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a {display:inline-block;font-size: 4.44vw;line-height: 6.67vw;letter-spacing: 0;color: #000000;font-weight: bold; padding: 0; width: 11.33vw; height: 11.33vw;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a span {font-size: 4.44vw;line-height: 6.67vw;letter-spacing: 0;color: #000000;font-weight: bold;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a .on_img {display:inline-block;width: 5.56vw;height: 5.56vw;box-sizing: border-box;vertical-align: bottom; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title span.bold {font-weight: normal;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-icon {display: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li {position: relative;width: auto;display: block;left: 100%; margin-left: 9.59vw;float: left;height: 126.81vw;width: 77.78vw;position: absolute;padding-bottom: 35vw;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:last-child {z-index: auto;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:nth-child(3) {z-index: auto;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:nth-child(2) {z-index: auto;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:first-child {z-index: auto;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li::after {clear: both; display: block; content:"";} .new_sec_pdp .feature-popup .popup_inner .f03_questions .video_wrap video {border-top-left-radius: 5.56vw;border-top-right-radius: 5.56vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div.result_all > .txt {padding: 8.33vw 5.83vw 6.67vw;padding: 8.89vw 5.83vw 6.67vw;position:relative;left:0;font-weight:bold;text-align: left;display: block;top: auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div.result_all > .txt.pc_only {} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div.result_all > .txt .feature-title {font-size:5.56vw;letter-spacing:0;line-height: 7.22vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap {padding-left: 0;padding-top: 2.22vw;padding-left: 0;text-align:left;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt {padding-top: 0;padding-right: 0;padding-left: 5.56vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title {font-size: 11.11vw;line-height: 1.2;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title {font-size:5.56vw;line-height:6.67vw;font-weight:bold;color:#000;padding-top: 5.97vw;padding-left: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title span.bold {font-weight:bold;display: block;font-size: inherit;line-height: inherit;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc {font-size:3.89vw;line-height: 5.56vw;padding-top: 2.78vw;padding-left: 0;padding-right: 13.89vw;letter-spacing:0;padding-bottom: 3.75vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc span {color:#000;font-size:3.89vw;line-height: 5.56vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .obj {position:relative;top:0;left:0; width: 77.78vw; height: 72.22vw; padding: 0; margin: 0 auto;border-radius: 2.22vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand {position:relative;vertical-align:top;padding-top: 9.72vw;box-sizing:border-box;margin:0 auto;text-align:center;padding-left:0;width: 100%;height: 100%;display: block;float: none;background: #F4F5F6;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top {width: 77.78vw; padding: 2.78vw 0 5.22vw; margin: 0 auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top .recomand_title {font-size: 5.56vw;line-height: 6.67vw;font-weight:bold;letter-spacing:0;position: relative;left: 0.00vw;padding-left: 0;text-align: left;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top .recomand_title .icon {width: 5.56vw;height: 5.56vw;display: inline-block;position: relative;margin-left: 0.00vw;margin-right: 2.22vw;left: 0;top: 0.14vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom {padding: 0;padding-top: 5.69vw;text-align: center;padding-bottom: 30.56vw;margin: 0 auto;max-width: 100%;text-align: center;width: 77.78vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title {font-size: 5.56vw;line-height: 6.67vw;letter-spacing:0;font-weight:bold;padding-bottom: 1.11vw;text-align: left;padding-left: 0;padding-right: 0;white-space: nowrap;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code {font-size: 3.89vw;line-height: 5.56vw;letter-spacing:0;text-align: left;padding-left: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price {text-align: left;margin-right: 0;padding: 0;padding-top: 7.36vw;padding-bottom: 6.52vw;margin: 0;border-bottom: 1px solid #DBDBDB;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li {height: 100%;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-type {font-size:3.33vw;line-height:5.56vw;display:inline-block;float: none;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number {font-size: 3.89vw;text-align:right;letter-spacing: 0;display:inline-block;float:right;line-height: 5.56vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:first-child .price-number ::after {content:'';display:block;clear:both} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child {padding-top: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-type {font-size:3.33vw;line-height:5.56vw;font-weight:bold} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-number {font-weight:bold;text-align:right;font-size: 4.44vw;letter-spacing: 0;line-height: 5.56vw;padding-top:0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number span {font-size: 3.89vw;line-height: 5.56vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-number span {font-size: 3.06vw;line-height: 6.11vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice {color:#707070;font-size:3.33vw;line-height:5.00vw;letter-spacing:0;text-align:center;padding-top: 2.50vw;height: 100%; min-height: auto; border: none;margin: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy {padding: 0;text-align:center;margin-top: 6.11vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice span {color:#707070;font-size:3.33vw;line-height:5.00vw;letter-spacing:0;text-align:center;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy a {font-size:4.44vw;letter-spacing:0;line-height:5.56vw;text-align:center;color:#fff;border:none;border-radius:50vh;background:#000;padding:2.92vw 6.67vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .reult_left {background: none;width: 100%;height: auto;text-align:left;display: block;box-sizing: border-box;background-position: bottom;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .reult_left .back_img {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/restult_homeschool_a-m.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;width: 88.88vw;height: auto;text-align:left;display: block;box-sizing: border-box;background-position: bottom;height: 98.75vw;display: block;background-color: #fff; margin: 0 auto 8.61vw;} .new_sec_pdp .feature-popup .popup_inner .feature-results {height: 100%;display:none;background: #fff;min-height: auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .restult_homeschool_a .reult_left .back_img {color:#4699E5;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/restult_homeschool_a-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center/100% auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .restult_homeschool_b .reult_left .back_img {color:#ED7A77;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/restult_homeschool_b-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center/100% auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .result_homeworker_a .reult_left .back_img {color:#65C3A3;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/result_homeworker_a-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center/100% auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .result_homeworker_b .reult_left .back_img {color:#E8C350;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/result_homeworker_b-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center/100% auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .result_bussiness_a .reult_left .back_img {color:#526BD6;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/result_bussiness_b-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center/100% auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .result_bussiness_b .reult_left .back_img {color:#EA8F40;background:url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/result_bussiness_a-m.png?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center/100% auto;} .new_sec_pdp .popup-close-wrap a.close-btn {left: auto;right: 2.08vw;width: 11.33vw;height: 11.33vw;font-size:0;border-radius: 0;transform: none;top: 2.5vw;bottom: auto;background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/btn_popup_close-m.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) span.cover_area_01_a {display: none;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) span.cover_area_02_a {display: none;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) span.cover_area_02_b {display: none;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) span.cover_area_03_a {bottom: 0;top: auto;right: auto;left: 115px;width: 100%;left: 0;height: 5.30vw;bottom: -4.80vw;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child a:hover {background: #fff; border-color: #A4DAE6;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a:hover {background: #fff; border-color: #BAF8E1;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a:hover {background: #fff; border-color: #FFC593;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) a:hover .txt .q-title span.text-img {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-01-m.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a:hover .txt .q-title span.text-img {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-02-m.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a:hover .txt .q-title span.text-img {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-type-03-m.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child a:hover .txt .dot {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-dot-01.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a:hover .txt .dot {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-dot-02.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a:hover .txt .dot {background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-dot-03.png?$ORIGIN_PNG$&fmt=png-alpha);background-size: cover;} .new_sec_pdp .feature-popup .popup_inner .popup_layer {text-align: center;transition: none;overflow: hidden;max-height: 100%; overflow-y: auto;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_first > li:first-child {z-index: 3;position: absolute;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_second > li:nth-child(2) {z-index: 3;position: absolute;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_third > li:nth-child(3) {z-index: 3;position: absolute;} .new_sec_pdp .feature-popup .popup_inner .f03_questions.question_wrap_last > li:nth-child(4) {z-index: 3;position: absolute;} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_third > li.question-05 .question_wrap {left: auto;transform: none;} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_third > li.question-04 .question_wrap {left: auto;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_third > li.question-03 .question_wrap {left: auto;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_last > li.question-05 .question_wrap {left: auto;transform: scale(1.0);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_last > li.question-04 .question_wrap {left: auto;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .clicked_last .f03_questions.question_wrap_last > li.question-03 .question_wrap {left: auto;transform: scale(0.95);} .new_sec_pdp .feature-popup .popup_inner .feature-questions.f04 {height: auto;min-height: auto;} .new_sec_pdp .feature-popup .popup_inner .popup_only > .txt { padding: 4.72vw 5.83vw 6.67vw; position: relative; left: 0; font-weight: bold; text-align: left; display: block;} .new_sec_pdp .feature-popup .popup_inner .popup_only > .txt .feature-title { font-size: 5.56vw; letter-spacing: 0; line-height: 7.22vw; } } @media (max-width:326px){ .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-number span {font-size: 10px;} } @media (max-width:320px){ .new_sec_pdp .m_only {} .new_sec_pdp .feature-popup {height: 100%;top: 0;transform: none;left: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-questions > .txt {padding: 28px 19px 21px;left:0;} .new_sec_pdp .feature-popup .popup_inner .feature-questions > .txt .feature-title {font-size:18px;letter-spacing:0;line-height: 23px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap {padding-top: 12px;} .new_sec_pdp .feature-popup .popup_inner {max-width: 600px;border-radius: 0;top: 0;transform: none;left: 0;min-height: 676px;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .video_wrap {/* width: 213px;height: 213px; */margin-top: -1px;margin-left: -1px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions {height: auto;border-radius: 0;height: 100%;min-height: 640px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap .obj-txt {width: 83px;margin: 0;left: 0;padding-left: 36px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap > .txt {/* padding-top: 6px; */top: 0;padding-left: 129px;padding-right: 62px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f01_wrap .txt .feature-sub-title {font-size: 12px;line-height: 18px;letter-spacing:0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li {margin-bottom: 7px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child {top: 0;left: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) {left: 0;transform: none;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) {right: auto;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap {padding: 29px 11px 111px; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a {width: 100%;height: 139px;border-radius:18px;opacity:1;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt {padding-top: 19px;padding-bottom: 0;padding-right: 116px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title {letter-spacing:0;font-size:16px;line-height: 23px;padding-bottom: 0;padding-bottom: 10px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.last-text {letter-spacing: 0;font-size: 16px;line-height: 23px;padding-left: 52px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:last-child a .txt .q-title span.last-text {padding-left:72px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.text-img {font-size:0;left: 0;top: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .q-title span.text-img {} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a .txt .dot {width:27px;height:27px;border-radius:51vh;margin-left: 0;margin-top: 16px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:first-child a .txt .dot {margin-left: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li .obj {right:0;bottom: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title {padding-bottom: 2px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .dot {margin-top: 23px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title span.last-text {padding-left: 66px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:last-child a .txt {padding: 0;padding-top: 19px;padding-bottom: 0;padding-right: 133px;padding-left: 21px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) .obj {width: 180px;right: -18px;} /* .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) .obj {width: 172px;top: 0px;left: auto;right: -10px;} */ .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) .obj {width: 140px;right: 9px;bottom: -4px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(1) a .txt .q-title span.text-img {width: 69px;height: 32px;top: auto;left: -7px;bottom: 0;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(2) a .txt .q-title span.text-img {width: 82px;height: 32px;top: auto;left: -7px;bottom: -7px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) a .txt .q-title span.text-img {width: 82px;height: 32px;top: auto;left: -10px;bottom: -1px;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon01 {top: 31px;left: auto;width: 64px;height: 71px;right: -4px;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon02 {top: 74px;left: 65px;width: 86px;height: 96px;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon01 img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .f01 .obj-icon02 img {width: 100%; height: 100%;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap {padding: 75px 0 96px;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt {padding: 0 18px;padding-top: 16px;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt .feature-loading-title {font-size: 25px;letter-spacing: 0;line-height: 32px;/* padding-bottom: 7px; */} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .txt .feature-loading-desc {line-height: 32px;font-size: 14px;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .featutre_loading_wrap .obj {width: 209px;height: 209px;margin: 0 auto;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap {padding-top: 12px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt {padding-right:0;padding-left: 0;padding-right: 0;width: 100%;margin: 0 auto;padding: 0;margin-bottom: 23px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .obj {width: 83px;padding-left: 36px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt{padding-top: 6px;top: 0;padding-left: 129px;padding-right: 19px;padding-top: 0; padding-bottom: 6px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title {font-size: 12px;line-height: 18px;letter-spacing:0;padding-top: 0;padding-right: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title span {font-size: 12px;line-height: 18px;letter-spacing:0;padding-top: 0;padding-right: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions {width: 100%;height:auto;height: auto;width: 500%;margin-left: 5px;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap {margin: 0;background:#fff;border-radius:18px;margin-left: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_last {left: 0;transform: none;margin-left: 0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_second {left: 0;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_third {left: 0;transform: none;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap_first {top:0;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .obj {margin:0;width: 249px;height: 231px;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .obj img {width:297px;height:277px} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt {padding:0;padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;width: 100%;max-width: 100%;padding: 0 27px;padding-top: 19px;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt .feature-q-title {font-size: 16px;line-height: 23px;margin-bottom: 16px;height: 68px;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .txt .feature-q-title span {font-size: 16px;line-height: 23px;} .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap a {border-radius:51vh;border:1px solid #000;padding:9px 27px;font-size:14px;line-height:16px;letter-spacing:0;margin-right:12px} .new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap a:last-child {margin-right: 0;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap {right: 43px;top:8px;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a {font-size: 14px;line-height: 21px;letter-spacing: 0; padding: 0; width: 36px; height: 36px;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a span {font-size: 14px;line-height: 21px;letter-spacing: 0;} .new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a .on_img {width: 18px;height: 18px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-txt .txt .feature-sub-title span.bold {} .new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap .obj-icon {} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li {width: auto;margin-left: 31px;height: 406px;width: 249px;left: 100%; padding-bottom: 112px;} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:last-child {} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:nth-child(3) {} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:nth-child(2) {} .new_sec_pdp .feature-popup .popup_inner .f03_questions > li:first-child {} .new_sec_pdp .feature-popup .popup_inner .f03_questions .video_wrap video {border-top-left-radius: 18px;border-top-right-radius: 18px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div.result_all > .txt {padding: 27px 19px 21px;padding: 28px 19px 21px;left:0;top: auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_wrap > div.result_all > .txt .feature-title {font-size:18px;letter-spacing:0;line-height: 23px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap {padding-left: 0;padding-top: 7px;padding-left: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt {padding-top: 0;padding-right: 0;padding-left: 18px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title {font-size: 36px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title {font-size:17px;line-height:21px;padding-top: 19px;padding-left: 0;} /* .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title span.bold {font-size: 43px;line-height: 50px;} */ .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc {font-size:12px;line-height: 18px;letter-spacing:0;padding-top: 12px;padding-left: 0;padding-right: 44px;padding-bottom: 10px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc span {font-size:12px;line-height: 18px;padding-top: 8px;padding-left: 0;padding-right: 44px;letter-spacing:0;padding-bottom: 10px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .obj {top:0;left:0; width: 249px; height: 231px; margin: 0 auto;border-radius: 7px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand {padding-top: 31px;margin:0 auto;padding-left:0;width: 100%;background: #F4F5F6;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top {width: 249px; padding: 9px 0 17px; margin: 0 auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top .recomand_title {font-size: 18px;line-height: 21px;letter-spacing:0;left: 0px;padding-left: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-top .recomand_title .icon {width: 18px;height: 18px;margin-left: 0px;margin-right: 7px;left: 0;top: 0px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom {padding-top: 18px;padding-bottom: 98px; width: 249px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title {font-size: 18px;line-height: 21px;letter-spacing:0;padding-bottom: 4px;padding-left: 0;padding-right: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code {font-size: 12px;line-height: 18px;letter-spacing:0;padding-left: 0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price {margin: 0;padding-top: 24px;padding-bottom: 21px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-type {font-size:11px;line-height:18px;display:inline-block} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number {font-size: 12px;letter-spacing: 0;line-height: 18px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:first-child .price-number ::after {clear:both} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child {/* padding-top: 1px; */} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-type {font-size:11px;line-height:18px;font-weight:bold} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-number {font-size: 14px;letter-spacing: 0;line-height: 18px;/* padding-top:2px; */} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li .price-number span {font-size: 12px;line-height: 18px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li:last-child .price-number span {font-size: 10px;line-height: 20px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice {font-size:11px;line-height:16px;letter-spacing:0;padding-top: 8px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice span {font-size:11px;line-height:16px;letter-spacing:0;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy {margin-top: 20px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy a {font-size:14px;letter-spacing:0;line-height:18px;border:none;border-radius:50vh;background:#000;padding:9px 21px;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .reult_left {background: none;width: 100%;height: auto;} .new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .reult_left .back_img {width: 284px; height: 316px; margin-bottom: 28px;} .new_sec_pdp .feature-popup .popup_inner .feature-results {height: 100%;background: #fff;} .new_sec_pdp .popup-close-wrap a.close-btn {left: auto;right: 7px;width: 36px;height: 36px;font-size:0;border-radius: 0;transform: none;top: 8px;bottom: auto;/* background: url(//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/btn_popup_close-m.png?$ORIGIN_PNG$&fmt=png-alpha); */} .new_sec_pdp .feature-popup .popup_inner .feature-questions.f03 {background:none;min-height: 626px;} .new_sec_pdp .feature-popup .popup_inner .select-wrap ul li:nth-child(3) span.cover_area_03_a {bottom: 0;top: auto;right: auto;left: 115px;width: 100%;left: 0;height: 17px;bottom: -15px;} .new_sec_pdp .feature-popup .popup_inner .feature-questions.f04 {height: auto;min-height: 626px;} .new_sec_pdp .feature-popup .popup_inner .popup_only > .txt { padding: 15px 19px 21px; left: 0;} .new_sec_pdp .feature-popup .popup_inner .popup_only > .txt .feature-title {font-size: 18px;letter-spacing: 0;line-height: 23px;} } </style> <section class="re-tip pd-tb-60 re-tip-printer"> <h2 class="re-tip__tit"> <span>프린터 구매 전 </span> <span>알아두면 좋을 꿀팁!</span> </h2> <ul class="re-tip__list"> <li> <a href="/sec/printers/compare/" class="re-tip__list__btn pic01" target="_blank" title="새창 열림" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:tip:comapre_view_more"> <span class="txt">삼성 레이저 프린터 비교하기</span> </a> </li> <li> <div class="new_sec_pdp section"> <div class="feature kv" tabindex="0" id="MPTItest"> <div class="kv_wrap"> <div class="txt"> <div class="btn_wrap"> <a href="#" class="re-tip__list__btn pic02 btn_popup_open anchor-mpti" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:tip:mpti_view_more"><span class="txt">시작하기</span></a> </div> </div> </div> </div> </div> </li> </ul> </section>  <div class="new_sec_pdp section"> <div class="feature feature-popup"> <div class="popup_inner"> <div class="popup_only"> <div class="txt m_only"> <div class="feature-title">나만의 프린터 매칭 테스트</div> </div> <div class="popup_layer">  <div class="feature-questions f01 active"> <div class="txt pc_only"> <div class="feature-title">나만의 프린터 매칭 테스트</div> </div> <div class="f01_wrap"> <div class="obj obj-txt"> <img class="responsiveImg" alt="MPTI(My printer type indicator)의 타이틀 이미지입니다." src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-title.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-title-m.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-title.png?$ORIGIN_PNG$&fmt=png-alpha"> </div> <div class="txt"> <div class="feature-sub-title">정확한 테스트를 위해 <br class="m_only">캐릭터를 선택해주세요</div> </div> <div class="obj-icon01"> <img class="responsiveImg" alt="하늘색 백팩 한 개의 모습입니다." src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-icon-01.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-icon-01-m.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-icon-01.png?$ORIGIN_PNG$&fmt=png-alpha"> </div> <div class="select-wrap"> <ul> <li> <a href="#" class="first-btn"> <div class="obj"> <img class="responsiveImg" src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-01.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-01.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-01-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="공부를 하는 학생의 대표 이미지로, 단발머리의 한 여성이 한 손에 서류를 들고 웃고 있습니다."> </div> <div class="txt"> <div class="q-title"> 저는 공부를 하는 <span class="text-img">학생</span> <span class="last-text">이에요.</span> </div> <span class="dot"></span> </div> </a> <span class="cover_area_01_a"></span> </li> <li> <a href="#" class="first-btn"> <div class="obj"> <img class="responsiveImg" src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-02.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-02.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-02-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="재택근무를 하는 직장인의 대표 이미지로 안경을 쓴 한 남성이 웃으며 한 손에 펜을 쥐고, 한 손은 허리에 짚고 있습니다."> </div> <div class="txt"> <div class="q-title"> 저는 재택 근무를 하는 <span class="text-img">직장인</span> <span class="last-text">이에요.</span> </div> <span class="dot"></span> </div> </a> <span class="cover_area_02_a"></span> <span class="cover_area_02_b"></span> </li> <li> <a href="#" class="first-btn"> <div class="obj"> <img class="responsiveImg" src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-03.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-03.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-03-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="사업을 하는 사장님의 대표 이미지로 앞치마를 한 여성이 한 손엔 메뉴판 들고, 다른 한손은 검지를 치켜들고 있습니다."> </div> <div class="obj-icon02"> <img class="responsiveImg" alt="흰색과 갈색이 섞인 웰시코기 강아지가 걸어가는 이미지입니다." src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-icon-02.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-icon-02-m.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-q-01-icon-02.png?$ORIGIN_PNG$&fmt=png-alpha"> </div> <div class="txt"> <div class="q-title"> 저는 사업을 하는 <span class="text-img">사장님</span> <span class="last-text">이에요.</span> </div> <span class="dot"></span> </div> </a> <span class="cover_area_03_a"></span> </li> </ul> </div> </div> </div>  <div class="feature-questions f02"> <div class="txt pc_only"> <div class="feature-title">나만의 프린터 매칭 테스트</div> </div> <div class="featutre_loading_wrap"> <div class="obj"> <div class="video_wrap"> <video preload="metadata" poster="" loop="" autoplay="" playsinline="" muted=""> <source src="//images.samsung.com/is/content/samsung/p5/sec/2020_printers/201231/loading_01_04.mp4" type="video/mp4"> </video> </div> </div> <div class="txt"> <div class="feature-loading-title">Loading</div> <div class="feature-loading-desc">여러분에게 맞는 질문을 준비중입니다</div> </div> </div> </div>  <div class="feature-questions f03"> <div class="txt pc_only"> <div class="feature-title">나만의 프린터 매칭 테스트</div> </div> <div class="f03_wrap"> <div class="obj-txt"> <div class="obj"> <img class="responsiveImg" alt="MPTI(My printer type indicator)의 타이틀 이미지입니다." src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-title-02.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-title-02-m.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-title-02.png?$ORIGIN_PNG$&fmt=png-alpha"> </div> <div class="txt"> <div class="feature-sub-title">간단한 MPTI 테스트로 <br><span class="bold"> 나에게 꼭 맞는 프린터를</span><br class="pc_only"> 찾아보세요</div> </div> </div> <ul class="f03_questions question_wrap_first"> <li class="list-question question-02">  <div class="question_wrap"> <div class="obj"> <div class="video_wrap"> <video preload="metadata" poster="" loop="" playsinline="" muted=""> <source src="//images.samsung.com/is/content/samsung/p5/sec/2020_printers/201231/Question_01.mp4" type="video/mp4"> </video> </div> </div> <div class="txt"> <div class="feature-q-title"> 하루에 많이 써봐야 <span class="wnsr">30장 이하로 프린트해요</span> </div> <div class="btn_wrap"> <a href="#" class="btn_yes">Yes</a> <a href="#" class="btn_no">No</a> </div> </div> </div> <div class="obj-icon"> <img alt="끝이 빨간 색인 라벨 1장의 모습입니다." src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-question-stikcer-r.png?$ORIGIN_PNG$&fmt=png-alpha"> <span class="sticker-shadow"></span> </div> </li> <li class="list-question question-03">  <div class="question_wrap"> <div class="obj"> <div class="video_wrap"> <video preload="metadata" poster="" loop="" playsinline="" muted=""> <source src="//images.samsung.com/is/content/samsung/p5/sec/2020_printers/201231/Question_02_02.mp4" type="video/mp4"> </video> </div> </div> <div class="txt"> <div class="feature-q-title"> 인쇄는 기본이고 <br>복사를 하거나 <br>스캔 기능도 자주 써요 </div> <div class="btn_wrap"> <a href="#" class="btn_yes">Yes</a> <a href="#" class="btn_no">No</a> </div> </div> </div> <div class="obj-icon"> <img alt="끝이 노란 색인 라벨 1장의 모습입니다." src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-question-stikcer-y.png?$ORIGIN_PNG$&fmt=png-alpha"> <span class="sticker-shadow"></span> </div> </li> <li class="list-question question-04">  <div class="question_wrap"> <div class="obj"> <div class="video_wrap"> <video preload="metadata" poster="" loop="" playsinline="" muted=""> <source src="//images.samsung.com/is/content/samsung/p5/sec/2020_printers/201231/Question_03.mp4" type="video/mp4"> </video> </div> </div> <div class="txt"> <div class="feature-q-title"> 흑백보다는 <br>선명한 컬러 인쇄를 <br>자주 사용해요 </div> <div class="btn_wrap"> <a href="#" class="btn_yes">Yes</a> <a href="#" class="btn_no">No</a> </div> </div> </div> <div class="obj-icon"> <img alt="끝이 파란 색인 라벨 1장의 모습입니다." src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-question-stikcer-b.png?$ORIGIN_PNG$&fmt=png-alpha"> <span class="sticker-shadow"></span> </div> </li> <li class="list-question question-05">  <div class="question_wrap"> <div class="obj"> <div class="video_wrap"> <video preload="metadata" poster="" loop="" playsinline="" muted=""> <source src="//images.samsung.com/is/content/samsung/p5/sec/2020_printers/201231/Question-04_02.mp4" type="video/mp4"> </video> </div> </div> <div class="txt"> <div class="feature-q-title"> Wi-Fi로 PC 여러 대를 연결해서 사용하는 <span class="wnsr">프린터가 필요해요</span> </div> <div class="btn_wrap"> <a href="#" class="btn_yes">Yes</a> <a href="#" class="btn_no">No</a> </div> </div> </div> <div class="obj-icon"> <img alt="끝이 연두색인 라벨 1장의 모습입니다." src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-question-stikcer-g.png?$ORIGIN_PNG$&fmt=png-alpha"> <span class="sticker-shadow"></span> </div> </li> </ul> </div> </div>  <div class="feature-questions f04"> <div class="txt pc_only"> <div class="feature-title">나만의 프린터 매칭 테스트</div> </div> <div class="featutre_loading_wrap"> <div class="obj"> <div class="video_wrap"> <video preload="metadata" poster="" loop="" autoplay="" playsinline="" muted=""> <source src="//images.samsung.com/is/content/samsung/p5/sec/2020_printers/201231/loading_02_04.mp4" type="video/mp4"> </video> </div> </div> <div class="txt"> <div class="feature-loading-title">Loading</div> <div class="feature-loading-desc">조금만 기다려 주세요</div> </div> </div> </div>  <div class="feature-results f05"> <div class="results_wrap"> <div class="result_all"> <div class="txt pc_only"> <div class="feature-title">나만의 프린터 매칭 테스트</div> </div> <div class="results_inner_wrap"> <div class="reult_left"> <div class="txt"> <div class="result-feature-title">스마트한 <span class="bold">홈스쿨러</span></div> <div class="result-feature-sub-title">스캔과 복사까지 집에서!</div> <div class="result-feature-desc">수업 준비부터 과제 제출까지 완벽을 추구하는 당신! 집에서 필요한 것만 쏙쏙 출력해서 공부하세요. 스캔과 복사 기능까지 똑똑하게 잘 활용하면 과제까지 완벽하게 끝낼 수 있습니다. 이번 학기도 A+는 당신의 것.</div> </div> <div class="m_only back_img"></div> </div> <div class="results_recomand"> <div class="txt txt-top"> <div class="recomand_title"><span class="icon"><img src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-rec-icon-02.png?$ORIGIN_PNG$&fmt=png-alpha" alt="엄지를 들고 있는 좋아요 아이콘입니다. " style="width: 100%;height: 100%;top: 0;"></span>이 프린터를 추천합니다!</div> </div> <div class="obj"> <img src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer.png?$ORIGIN_PNG$&fmt=png-alpha" alt="잉크젯 복합기 55/55 ppm의 제품 이미지입니다."> </div> <div class="txt txt-bottom"> <div class="model-title">잉크젯 플러스S 22/16 PPM</div> <p class="model-code">SL-T1675FW</p> <div class="print-price"> <ul> <li> <div class="price-type">판매가</div> <div class="price-number">2,170,000<span class="small-txt">원</span></div> </li> <li> <div class="price-type">혜택가</div> <div class="price-number">1,790,000<span class="small-txt">원</span></div> </li> </ul> </div> <p class="print-notice">삼성전자 멤버십 포인트 <span class="point-number">43,580</span>P 적립 예정</p> <div class="model-tonner-link model-buy"><a href="/sec/printer-supplies/clt-k404s/" data-omni="" data-omni-type="microsite_contentinter">구매하기</a></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="restart-btn-wrap"> <a href="#" class="restart-btn"> <div class="on_img" style="display: inline-block;"> <img class="responsiveImg" alt="동그란 화살표가 그려진 다시하기 아이콘 이미지입니다." src="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-restart.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-restart-m-1.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-restart.png?$ORIGIN_PNG$&fmt=png-alpha"> </div> <span class="pc_only">다시하기</span> </a> </div> <div class="popup-close-wrap"> <a href="#" class="close-btn">s</a> </div> </div> </div> </div>  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></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,$){ $(function() { $(window).keydown(function(e){ //console.log(document.activeElement); }); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question .btn_wrap a.btn_yes").keydown(function(e) { if(e.keyCode === 13) { // enter //e.preventDefault(); }; if((e.keyCode === 9 && !e.shiftKey)){ // tab //e.preventDefault(); }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab e.preventDefault(); $(".new_sec_pdp .popup-close-wrap a.close-btn").focus(); }; }); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question .btn_wrap a.btn_no").keydown(function(e) { if(e.keyCode === 13) { // enter // }; if((e.keyCode === 9 && !e.shiftKey)){ // tab e.preventDefault(); $(".new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a").focus(); }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab //e.preventDefault(); }; }); $(".new_sec_pdp .feature-popup .popup_inner .f01 .select-wrap ul li a").keydown(function(e) { if(e.keyCode === 13) { // enter //e.preventDefault(); }; if((e.keyCode === 9 && !e.shiftKey)){ // tab //e.preventDefault(); }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab if ($(this).parent().index() == 0) { e.preventDefault(); $(".new_sec_pdp .popup-close-wrap a.close-btn").focus(); } }; }); $(".new_sec_pdp .popup-close-wrap a.close-btn").keydown(function(e) { if(e.keyCode === 13) { // enter //e.preventDefault(); }; if((e.keyCode === 9 && !e.shiftKey)){ // tab e.preventDefault(); if ($(".new_sec_pdp .feature-popup .popup_inner .feature-questions.f01").hasClass("active")) { $(".new_sec_pdp .feature-popup .popup_inner .f01 .select-wrap ul li").eq(0).find("a").focus(); }else if ($(".new_sec_pdp .feature-popup .popup_inner .feature-questions.f03").hasClass("active")) { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question").eq(testStep-1).find(".btn_wrap a.btn_yes").focus(); }else if ($(".new_sec_pdp .feature-popup .popup_inner .feature-results").hasClass("active")) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy a").focus(); } }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab if ($(".new_sec_pdp .feature-popup .popup_inner .feature-questions.active").hasClass("f03")) { e.preventDefault(); $(".new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a").focus(); } }; }); $(".new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a").keydown(function(e) { if(e.keyCode === 13) { // enter //e.preventDefault(); }; if((e.keyCode === 9 && !e.shiftKey)){ // tab e.preventDefault(); $(".new_sec_pdp .popup-close-wrap a.close-btn").focus(); }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab e.preventDefault(); if ($(".new_sec_pdp .feature-popup .popup_inner .feature-questions.active").hasClass("f03")) { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question").eq(testStep-1).find(".btn_wrap a.btn_no").focus(); }else if ($(".new_sec_pdp .feature-popup .popup_inner .feature-results").hasClass("active")) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy a").focus(); }else{ $(".new_sec_pdp .popup-close-wrap a.close-btn").focus(); } }; }); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy a").keydown(function(e) { if(e.keyCode === 13) { // enter //e.preventDefault(); }; if((e.keyCode === 9 && !e.shiftKey)){ // tab e.preventDefault(); $(".new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a").focus(); }; if((e.keyCode === 9 && e.shiftKey)){ // shift+tab e.preventDefault(); $(".new_sec_pdp .popup-close-wrap a.close-btn").focus(); }; }); }); // responsiveImg $(function(){ var options = { size: [ {device:'web',size:null}, {device:'mobile',size:768} ] } ,list = [] ,win = $(window) ,before_model = null ,inited = false ,chkWidth = 1440; function cal(width){ var model = ''; /*$.each(options.size,function(i,obj){ if(obj.size === null){ model = obj.device; }else if(width<=obj.size){ model = obj.device; return false; } return true; });*/ chkWidth = 1440; model = 'web'; for(var i = 0;i < options.size.length; i++) { if(options.size[i].size>=width && options.size[i].size <= chkWidth) { model = options.size[i].device; if(options.size[i].size != null) chkWidth = options.size[i].size; } } return model; } function sort_func(a,b){ return a.size == null ? false : b.size == null ? true : (a.size > b.size); } function resize(){ //var w = win.width(); var w = viewportWidth(); //console.log("resize viewportWidth : " + w); //initSlider(); //console.log(viewportWidth() + "//" + win.width()); //alert(viewportWidth() + "//" + win.width()); var model = cal(w); //console.log("model : " + model + ", before_model : " + before_model); if(model == before_model) return; before_model = model; $.each(list,function(i,elem){ var src = null; (src = elem.getAttribute('data-media-'+model)) && (elem.src != src) && (elem.src = src); }); } function init(args,THIS){ if(args){ $.extend(options,args); } list = $(THIS); options.size.sort(sort_func); inited || win.on('resize',resize) && (inited = true) resize(); function getInternetExplorerVersion() { var rv = -1; // Return value assumes failure. if (navigator.appName == 'Microsoft Internet Explorer') { var ua = navigator.userAgent; var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); if (re.exec(ua) != null) rv = parseFloat( RegExp.$1 ); } return rv; } var ieVersion = getInternetExplorerVersion(); if (ieVersion == 8) { document.body.onresize = function () { resize(); }; } else { window.addEventListener("resize", resize); } } function refresh(elem){ list = $(elem); } var method = { init: init, refresh: refresh } $.fn.responsive = function(args){ if(typeof args == 'undefined'){ method['init'](null,this); }else if(typeof args == 'object'){ method['init'](args,this); }else if(typeof args == 'string' && method[args]){ method[args](this); } return this; } $('img.responsiveImg').responsive({ size:[ {device:'web',size:null}, {device:'mobile',size:768} ] }); }); function viewportWidth() { //console.log("viewportWidth - clientWidth : " + document.documentElement.clientWidth); //console.log("viewportWidth - innerWidth : " + window.innerWidth); if (typeof document.documentElement.clientWidth != 'undefined' && typeof window.innerWidth != 'undefined') { if(document.documentElement.clientWidth > window.innerWidth) return document.documentElement.clientWidth; else return window.innerWidth; }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { return document.documentElement.clientWidth; }else{ return viewportwidth = document.getElementsByTagName('body')[0].clientWidth; } } function check_allDevice(){ var mobileKeyWords = new Array('iPhone', 'iPad', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson'); //160625 device ��Ͽ� ipad �߰� var device_name = ''; for (var word in mobileKeyWords){ if (navigator.userAgent.match(mobileKeyWords[word]) != null){ device_name = mobileKeyWords[word]; break; } } return device_name; } $(window).on('load', function(e) { onLoad(); }) .on('resize', function(e) { onResize(); }); var windowWidth = $(window).width(); var windowHeight = $(window).height(); var pageMode = ""; function onLoad(e) { if (check_allDevice() != "") { $(".new_sec_pdp").addClass("device"); } if (viewportWidth() > 768) { pageMode = "pc"; $(".new_sec_pdp .feature-popup .popup_inner .popup_layer").css({"height" : "100%"}); }else{ pageMode = "mobile"; $(".new_sec_pdp .feature-popup .popup_inner .popup_layer").css({"height" : "calc(100vh - " + $(".new_sec_pdp .feature-popup .popup_inner .popup_only > .txt").outerHeight() + "px)"}); } $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question video").each(function(){ this.play(); this.pause(); this.currentTime = 0; }); } var modeChange = false; function onResize(e) { $(".new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap.clicked").removeClass("clicked"); modeChange = false; if (pageMode == "mobile" && viewportWidth() > 768) { pageMode = "pc"; modeChange = true; }else if (pageMode == "pc" && viewportWidth() < 769){ pageMode = "mobile"; modeChange = true; } if(viewportWidth() > 768){ $(".new_sec_pdp .feature-popup .popup_inner .popup_layer").css({"height" : "100%"}); }else{ $(".new_sec_pdp .feature-popup .popup_inner .popup_layer").css({"height" : "calc(100vh - " + $(".new_sec_pdp .feature-popup .popup_inner .popup_only > .txt").outerHeight() + "px)"}); } if (modeChange) { if (pageMode == "pc") { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap").css({"transition":"", "transform":""}); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").css({"transition":"", "-webkit-transition":"", "left":""}); }else{ $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap").css({"transition":"", "transform":"scale(1.0)"}); for (var i = 0; i < testStep-1 ; i++ ) { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").eq(i).find(".question_wrap").css({"transition":"", "transform":"scale(0.95)"}); } for (var i = 0; i < testStep ; i++ ) { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").eq(i).css({"transition":"", "-webkit-transition":"", "left":"0"}); } } } } var motionDelay = 500; var loadingTime = 2500; var mptiAnswer = new Array(); var loadingTimeout; var testStep = 0; var motionIng = false; $(function(){ $(".new_sec_pdp .feature-popup .popup_inner .select-wrap ul li a").click(function(){ mptiAnswer.push($(this).parent().index()); $(".f02").addClass("active"); $(".f01").removeClass("active"); testStep = 1; $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").removeClass("question_wrap_first"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").removeClass("question_wrap_second"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").removeClass("question_wrap_third"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").removeClass("question_wrap_last"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").css({"transition":"", "-webkit-transition":"", "left":""}); if (viewportWidth() < 769) { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap").css({"transition":"", "transform":"scale(1.0)"}); } if ($(this).parent().index() == 2) { testStep = 2; mptiAnswer.push(0); $(".new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap").addClass("clicked_last"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li.question-02").css({"display":"none", "opacity":0}); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").addClass("question_wrap_second"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").eq(1).css({"left":0}); if (viewportWidth() < 769) { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").eq(0).find(".question_wrap").css({"transform": "scale(0.95)"}); } }else{ $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").addClass("question_wrap_first"); } loadingTimeout = setTimeout(function(){ $(".new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap").css({"display":"block"}); $(".f03").addClass("active"); $(".f02").removeClass("active"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap").css({"display":"none"}); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question").eq(testStep-1).find(".btn_wrap").css({"display":"block"}); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question").eq(testStep-1).find("video").each(function(){ this.play(); }); },loadingTime); return false; }); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap a").click(function(){ if (!motionIng) { motionIng = true; $(".new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap").addClass("clicked"); mptiAnswer.push($(this).index()); if ($(this).parents(".list-question").hasClass("question-02")) { testStep = 2; $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").addClass("question_wrap_second"); if (viewportWidth() < 769) { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").eq(1).animate({"left":0},500); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").eq(0).find(".question_wrap").css({"transition":"transform 0.5s", "transform": "scale(0.95)"}); } } if ($(this).parents(".list-question").hasClass("question-03")) { testStep = 3; $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").addClass("question_wrap_third"); if (viewportWidth() < 769) { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").eq(2).animate({"left":0},500); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").eq(1).find(".question_wrap").css({"transition":"transform 0.5s", "transform": "scale(0.95)"}); } } if ($(this).parents(".list-question").hasClass("question-04")) { testStep = 4; $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").addClass("question_wrap_last"); if (viewportWidth() < 769) { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").eq(3).animate({"left":0},500); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").eq(2).find(".question_wrap").css({"transition":"transform 0.5s", "transform": "scale(0.95)"}); } } $(".new_sec_pdp .feature-popup .popup_inner .f03_questions video").each(function(){ if (!this.paused) { this.pause(); this.currentTime = 0; } }); if ($(this).parents(".list-question").hasClass("question-05")) { testStep = 5; $(".f04").addClass("active"); $(".f03").removeClass("active"); endingPage(); loadingTimeout = setTimeout(function(){ $(".f05").addClass("active"); $(".f04").removeClass("active"); $(".new_sec_pdp .feature-popup .popup_inner .popup_only > .txt").css({"background-color" : "#fff"}); $(".new_sec_pdp .feature-popup .popup_inner .popup_layer").stop().animate({scrollTop:0}, 500, 'swing'); },loadingTime); }else{ $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap").css({"display":"none"}); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question").eq(testStep-1).find(".btn_wrap").css({"display":"block"}); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question").eq(testStep-1).find("video").each(function(){ this.play(); }); $(this).parents(".list-question").animate({"opacity":1},motionDelay,function(){ $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question").eq(testStep-1).find(".btn_wrap a.btn_yes").focus(); }); } setTimeout(function(){ motionIng = false; }, motionDelay); } return false; }); $(".new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a").click(function(){ mptiAnswer = new Array(); $(".new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap").css({"display":"none"}); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .list-question").css({"display":"block", "opacity":1}); $(".f01").addClass("active"); $(".f02").removeClass("active"); $(".f03").removeClass("active"); $(".f04").removeClass("active"); $(".f05").removeClass("active"); $(".new_sec_pdp .feature-popup .popup_inner .popup_only > .txt").css({"background-color" : "transparent"}); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions .btn_wrap").css({"display":"none"}); testStep = 0; if (!loadingTimeout || loadingTimeout !== false) { clearTimeout(loadingTimeout); } $(".new_sec_pdp .feature-popup .popup_inner .f03_questions video").each(function(){ if (!this.paused) { this.pause(); this.currentTime = 0; } }); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li").css({"transition":"", "-webkit-transition":"", "left":""}); if (viewportWidth() < 769) { $(".new_sec_pdp .feature-popup .popup_inner .f03_questions > li .question_wrap").css({"transition":"", "transform":"scale(1.0)"}); } $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").removeClass("question_wrap_first"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").removeClass("question_wrap_second"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").removeClass("question_wrap_third"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").removeClass("question_wrap_last"); $(".new_sec_pdp .feature-popup .popup_inner .feature-questions .f03_wrap.clicked").removeClass("clicked"); $(".new_sec_pdp .feature-popup .popup_inner .clicked_last").removeClass("clicked_last"); $(".new_sec_pdp .feature-popup .popup_inner .f03_questions").addClass("question_wrap_first"); return false; }); $(".new_sec_pdp .popup-close-wrap a.close-btn").click(function(){ $(".new_sec_pdp .feature-popup").animate({"opacity":0},motionDelay,function(){ $(".new_sec_pdp .feature-popup .popup_inner .restart-btn-wrap a").click(); $(this).css({"display":"none"}); }); return false; }); // 230601 mpti 앵커 function open_mpti(){ if(viewportWidth() > 768){ $(".new_sec_pdp .feature-popup .popup_inner .popup_layer").css({"height" : "100%"}); }else{ $(".new_sec_pdp .feature-popup .popup_inner .popup_layer").css({"height" : "calc(100vh - " + $(".new_sec_pdp .feature-popup .popup_inner .popup_only > .txt").outerHeight() + "px)"}); } } $(".new_sec_pdp > .feature.kv .kv_wrap .txt .btn_wrap a").click(function(){ $(".new_sec_pdp .feature-popup").css({"display":"block", "opacity":0}).stop().animate({"opacity":1},motionDelay); /* if(viewportWidth() > 768){ $(".new_sec_pdp .feature-popup .popup_inner .popup_layer").css({"height" : "100%"}); }else{ $(".new_sec_pdp .feature-popup .popup_inner .popup_layer").css({"height" : "calc(100vh - " + $(".new_sec_pdp .feature-popup .popup_inner .popup_only > .txt").outerHeight() + "px)"}); } */ open_mpti(); return false; }); if(location.hash == '#MPTI'){ $(".new_sec_pdp .feature-popup").css({"display":"block", "opacity":1}); open_mpti(); } }); function endingPage() { $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").removeClass("restult_homeschool_a"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").removeClass("restult_homeschool_b"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").removeClass("result_homeworker_a"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").removeClass("result_homeworker_b"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").removeClass("result_bussiness_a"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").removeClass("result_bussiness_b"); if (mptiAnswer[0] == 0) { if (mptiAnswer[1] == 0) { if (mptiAnswer[2] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").addClass("restult_homeschool_a"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title").html("스마트한<span class='bold'>홈스쿨러</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title").text("스캔과 복사까지 집에서!"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc").html("<span class='wnsr'>수업 준비부터 과제 제출까지 완벽을 추구하는 당신!</span> <span class='wnsr'>집에서 필요한 것만 쏙쏙 출력해서 공부하세요.</span> <span class='wnsr'>스캔과 복사 기능까지 똑똑하게 잘 활용하면</span> <span class='wnsr'>과제까지 완벽하게 끝낼 수 있습니다.</span> <span class='wnsr'>이번 학기도 A+는 당신의 것.</span>"); if (mptiAnswer[3] == 0) { if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("잉크젯 플러스S 22/16 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-T1675W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 복합기 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C486"); } }else{ if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 복합기 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2085W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 복합기 26PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2680N"); } } }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").addClass("restult_homeschool_b"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title").html("실속형<span class='bold'>홈스쿨러</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title").text("필요한 기능만 사용하는"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc").html("<span class='wnsr'>언택트 시대, 집에서 혼자 집중해서</span> <span class='wnsr'>공부하는 게 제일 좋고 편한 당신!</span> <span class='wnsr'>이제 급하게 인쇄가 필요할 때,</span> <span class='wnsr'>더 이상 PC방을 찾아 헤매지 않아도 됩니다.</span> <span class='wnsr'>안전한 집에서 수업도 듣고</span> <span class='wnsr'>자료도 직접 뽑아서 공부하세요.</span>"); if (mptiAnswer[3] == 0) { if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 프린터 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C515W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 프린터 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C515"); } }else{ if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 프린터 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2035W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 프린터 26PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2630ND"); } } } }else{ if (mptiAnswer[2] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").addClass("restult_homeschool_a"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title").html("스마트한 <span class='bold'>홈스쿨러</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title").text("스캔과 복사까지 집에서!"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc").html("<span class='wnsr'>수업 준비부터 과제 제출까지 완벽을 추구하는 당신!</span> <span class='wnsr'>집에서 필요한 것만 쏙쏙 출력해서 공부하세요.</span> <span class='wnsr'>스캔과 복사 기능까지 똑똑하게 잘 활용하면</span> <span class='wnsr'>과제까지 완벽하게 끝낼 수 있습니다.</span> <span class='wnsr'>이번 학기도 A+는 당신의 것.</span>"); if (mptiAnswer[3] == 0) { if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("잉크젯 플러스S 22/16 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-T1675W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 복합기 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C486"); } }else{ if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 복합기 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2085W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 복합기 26PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2680N"); } } }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").addClass("restult_homeschool_b"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title").html("실속형 <span class='bold'>홈스쿨러</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title").text("필요한 기능만 사용하는"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc").html("<span class='wnsr'>언택트 시대, 집에서 혼자 집중해서</span> <span class='wnsr'>공부하는 게 제일 좋고 편한 당신!</span> <span class='wnsr'>이제 급하게 인쇄가 필요할 때,</span> <span class='wnsr'>더 이상 PC방을 찾아 헤매지 않아도 됩니다.</span> <span class='wnsr'>안전한 집에서 수업도 듣고</span> <span class='wnsr'>자료도 직접 뽑아서 공부하세요.</span>"); if (mptiAnswer[3] == 0) { if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 프린터 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C515W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 프린터 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C515"); } }else{ if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 프린터 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2035W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 프린터 26PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2630ND"); } } } } }else if (mptiAnswer[0] == 1) { if (mptiAnswer[1] == 0) { if (mptiAnswer[2] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").addClass("result_homeworker_a"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title").html("업무력 <span class='bold'>만랩 재택러</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title").text("복사, 스캔, 스피드까지!"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc").html("<span class='wnsr'>원하는 자료가 있다면 필요할 때마다</span> <span class='wnsr'>바로 뽑아 써야 마음이 편한 당신!</span> <span class='wnsr'>양이 많은 자료들도 걱정 없이 집에서 <br class='m_only'>바로 출력 할 수 있죠.</span> <span class='wnsr'>사진 자료나 중요한 서류를 보내야 할 때는</span> <span class='wnsr'>스캔 기능까지 활용해 집에서도 완벽하게</span> <span class='wnsr'>업무를 마무리해 보세요.</span>"); if (mptiAnswer[3] == 0) { if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 복합기 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C565FW"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 복합기 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C486"); } }else{ if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 복합기 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2085W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 복합기 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2085"); } } }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").addClass("result_homeworker_b"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title").html("똘똘한 <span class='bold'>프로 재택러</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title").text("프린터 본연의 기능이면 OK"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc").html("<span class='wnsr'>다양한 기능이 없이도</span> <br class='m_only'>프린터 <span class='wnsr'>본연의 기능만 잘되면 그만인 당신!</span> <span class='wnsr'>문서화 해야 하는 중요한 자료들을</span> <span class='wnsr'>바로바로 뽑아 정리하고</span> <br class='m_only'><span class='wnsr'>상사의 신뢰를</span> <span class='wnsr'>한 몸에 받는 당신에게는</span> <span class='wnsr'>실속 있고 합리적인 선택을 추천합니다.</span>"); if (mptiAnswer[3] == 0) { if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 프린터 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C515W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 프린터 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C515"); } }else{ if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 프린터 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2035W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 프린터 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2035"); } } } }else{ if (mptiAnswer[2] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").addClass("result_homeworker_a"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title").html("업무력 <span class='bold'>만랩 재택러</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title").text("복사, 스캔, 스피드까지!"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc").html("<span class='wnsr'>원하는 자료가 있다면 필요할 때마다</span> <span class='wnsr'>바로 뽑아 써야 마음이 편한 당신!</span> <span class='wnsr'>양이 많은 자료들도 걱정 없이 집에서 <br class='m_only'>바로 출력 할 수 있죠.</span> <span class='wnsr'>사진 자료나 중요한 서류를 보내야 할 때는</span> <span class='wnsr'>스캔 기능까지 활용해 집에서도 완벽하게</span> <span class='wnsr'>업무를 마무리해 보세요.</span>"); if (mptiAnswer[3] == 0) { if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 복합기 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C565FW"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 복합기 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C486"); } }else{ if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 복합기 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2085W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 복합기 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2085"); } } }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").addClass("result_homeworker_b"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title").html("똘똘한 <span class='bold'>프로 재택러</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title").text("프린터 본연의 기능이면 OK"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc").html("<span class='wnsr'>다양한 기능이 없이도</span> <br class='m_only'>프린터 <span class='wnsr'>본연의 기능만 잘되면 그만인 당신!</span> <span class='wnsr'>문서화 해야 하는 중요한 자료들을</span> <span class='wnsr'>바로바로 뽑아 정리하고</span> <br class='m_only'><span class='wnsr'>상사의 신뢰를</span> <span class='wnsr'>한 몸에 받는 당신에게는</span> <span class='wnsr'>실속 있고 합리적인 선택을 추천합니다.</span>"); if (mptiAnswer[3] == 0) { if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 프린터 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C515W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 프린터 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C515"); } }else{ if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 프린터 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2035W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 프린터 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2035"); } } } } }else if (mptiAnswer[0] == 2) { if (mptiAnswer[2] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").addClass("result_bussiness_a"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title").html("완벽주의<span class='bold'>프로페셔널</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title").text("역시 업무는 장비발"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc").html("<span class='wnsr'>어떤 일이든 모든 준비를 완벽하게</span> <span class='wnsr'>끝내야 마음이 편해지는 당신!</span> <span class='wnsr'>사무실이나 가게를 운영하는</span> <span class='wnsr'>사장님이라면 프린터는 필수품이죠.</span> <span class='wnsr'>필요한 기능은 모두 갖췄으니</span> <span class='wnsr'>중요한 서류를 스캔하거나 회의 자료도</span> <span class='wnsr'>완벽하게 준비 할 수 있습니다.</span>"); if (mptiAnswer[3] == 0) { if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 복합기 14/14 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C1454FW"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 복합기 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C486"); } }else{ if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 복합기 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2085FW"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 복합기 26 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2680FN"); } } }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results.f05 .results_inner_wrap").addClass("result_bussiness_b"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-title").html("합리적인 <span class='bold'>실속파</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-sub-title").text("필요한 것만 쏙쏙"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .reult_left .txt .result-feature-desc").html("<span class='wnsr'>뭐든지 꼼꼼하게 계획하고 실행하는 당신!</span> <span class='wnsr'>가끔 사용하는 프린터이지만</span> <span class='wnsr'>막상 없으면 너무 불편하죠.</span> <span class='wnsr'>실속 있게 준비하고 똑똑하게 사용하세요.</span> <span class='wnsr'>꼭 필요한 기능만을 갖춰 업무도, 가게 운영도</span> <span class='wnsr'>든든하게 도와줍니다.</span>"); if (mptiAnswer[3] == 0) { if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 프린터 14/14 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C1404W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("컬러 레이저 프린터 18/4 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-C515"); } }else{ if (mptiAnswer[4] == 0) { $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 프린터 20 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2035W"); }else{ $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text("흑백 레이저 프린터 28 PPM"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text("SL-M2840ND"); } } } } var printerImg = $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-code").text(); var printerTit = $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-title").text(); // $(".new_sec_pdp .feature-popup .popup_inner .feature-results .obj img").attr("src", "//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-" + printerImg + ".jpg?$ORIGIN_JPG$"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .obj img").attr({ "src":"//images.samsung.com/is/image/samsung/p5/sec/2020_printers/201231/printer-" + printerImg + ".jpg?$ORIGIN_JPG$", "alt":printerTit + "의 이미지로, 제품 한 대가 정면을 보고 있습니다." }); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li").eq(0).find(".price-number").html(modelData[printerImg.replace("-","_")].Money + "<span class='small-txt'>원</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-price li").eq(1).find(".price-number").html(modelData[printerImg.replace("-","_")].accountMoney + "<span class='small-txt'>원</span>"); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .print-notice .point-number").text(modelData[printerImg.replace("-","_")].Point); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy a").attr("href",modelData[printerImg.replace("-","_")].url); $(".new_sec_pdp .feature-popup .popup_inner .feature-results .results_inner_wrap .results_recomand .txt.txt-bottom .model-buy a").attr("data-omni", "pcd:it:printers:laser-multifunction:mpti:recom_" + printerImg); } var modelData = { SL_C1404W : { Money:"295,000" , accountMoney:"286,000" , Point:"572" , url:"/sec/printers/sl-c1404w/SL-C1404W/" }, SL_C1454FW : { Money:"505,000" , accountMoney:"489,999" , Point:"980" , url:"/sec/printers/sl-c1454fw/SL-C1454FW/" }, SL_C486 : { Money:"370,000" , accountMoney:"359,000" , Point:"718" , url:"/sec/printers/sl-c486/SL-C486/" }, SL_C515 : { Money:"251,000" , accountMoney:"243,000" , Point:"486" , url:"/sec/printers/sl-c515/SL-C515/" }, SL_C515W : { Money:"272,000" , accountMoney:"264,000" , Point:"528" , url:"/sec/printers/sl-c515w/SL-C515W/" }, SL_C565FW : { Money:"457,000" , accountMoney:"443,000" , Point:"886" , url:"/sec/printers/sl-c565fw/SL-C565FW/" }, SL_M2035 : { Money:"113,000" , accountMoney:"110,000" , Point:"220" , url:"/sec/printers/sl-m2035/SL-M2035/" }, SL_M2035W : { Money:"144,000" , accountMoney:"140,000" , Point:"280" , url:"/sec/printers/sl-m2035w/SL-M2035W/" }, SL_M2085 : { Money:"197,000" , accountMoney:"191,000" , Point:"382" , url:"/sec/printers/sl-m2085/SL-M2085/" }, SL_M2085FW : { Money:"294,000" , accountMoney:"285,000" , Point:"570" , url:"/sec/printers/sl-m2085fw/SL-M2085FW/" }, SL_M2085W : { Money:"233,000" , accountMoney:"226,000" , Point:"452" , url:"/sec/printers/sl-m2085w/SL-M2085W/" }, SL_M2630ND : { Money:"216,000" , accountMoney:"210,000" , Point:"420" , url:"/sec/printers/sl-m2630nd/SL-M2630ND/" }, SL_M2680FN : { Money:"262,000" , accountMoney:"254,000" , Point:"508" , url:"/sec/printers/sl-m2680fn/SL-M2680FN/" }, SL_M2680N : { Money:"227,000" , accountMoney:"220,000" , Point:"440" , url:"/sec/printers/sl-m2680n/SL-M2680N/" }, SL_M2840ND : { Money:"276,000" , accountMoney:"268,000" , Point:"536" , url:"/sec/printers/sl-m2840nd/SL-M2840ND/" }, SL_T1675W : { Money:"257,000" , accountMoney:"249,000" , Point:"498" , url:"/sec/printers/sl-t1675w/SL-T1675W/" } } function check_androidDevice(){ var mobileKeyWords = new Array('BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson'); var device_name = ''; for (var word in mobileKeyWords){ if (navigator.userAgent.match(mobileKeyWords[word]) != null){ device_name = mobileKeyWords[word]; break; } } return device_name; } }); </script>   <style> /* common */ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-about {width:1440px; margin:0 auto;} .re-about__tit {padding:0 24px; line-height:1.3; text-align:center;} .re-about__tit__sub {display:block; font-family:'Samsung Sharp Sans',SamsungOneKorean; font-size:20px; letter-spacing:0.2em;} .re-about__tit__txt {display:block; margin-top:5px; font-size:48px;} .re-about__tit__txt sup {font-family:'Samsung Sharp Sans'; font-size:24px; vertical-align:18px;} .re-about__list {display:flex; margin-top:24px; padding:0 6px; flex-wrap:wrap;} .re-about__list li {width:calc(100% / 3); padding:36px 18px 0;} .re-about__list li.mg-right {margin-left:auto;} .re-about__list li.mg-center {margin-left:auto; margin-right:auto;} .re-about__list__btn {display:block; position:relative; width:100%; text-align:left;} .re-about__list__btn .pic {height:440px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; border-radius:20px;} .re-about__list__btn .pic.play {position:relative;} .re-about__list__btn .pic.play::after {content:''; position:absolute; top:50%; left:50%; width:88px; height:88px; background:url('/sec/static/_images/component/compo_about_btn_play.png') no-repeat 0 0 / 100% 100%; transform:translate(-50%, -50%);} .re-about__list__btn .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/all_about_01.jpg");} .re-about__list__btn .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/all_about_02.jpg");} .re-about__list__btn .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/all_about_03.jpg");} .re-about__list__btn .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/all_about_04.jpg");} .re-about__list__btn .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/all_about_05.jpg");} .re-about__list__btn .tag {display:block; margin-top:20px; padding-left:20px; font-size:16px;} .re-about__list__btn .tit {display:inline-block; margin-top:6px; padding-left:20px; font-size:24px; font-weight:700; line-height:1.25;} .re-about__list__btn .tit .blank {display:inline-block; width:20px; height:20px; background:url("/sec/static/_images/component/newwindow-hover.svg") no-repeat left top / 100% 100%;} .re-about__list__btn .tit .blank.arrow {background-image:url("/sec/static/_images/common/icon-outlink.svg");} .re-about__list__btn .desc {margin-top:16px; padding-left:20px; color:#707070; font-size:15px; line-height:1.6;} /* modal */ body.-has-modal {overflow:hidden;} .re-about .modal-dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; background:rgba(0, 0, 0, 0.8);} .re-about .modal-dim.-search {z-index:300; background:transparent;} .re-about .modal-dim.-active {display:block;} .re-about .modal-layer {display:none; position:fixed; top:50%; left:50%; width:1392px; transform:translate(-50%, -55%); z-index:300;} .re-about .modal-layer.-active {display:block;} .re-about .modal-layer .btn-modal-close {position:absolute; bottom:0; left:50%; width:40px; height:40px; background:#fff url(//images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center / 14px 14px; border-radius:50%; transform:translate(-50%, 150%);} .re-about .modal-cont {overflow:hidden; position:relative; width:100%; height:770px; background:#fff;} .re-about .modal-cont.-mobile {display:none;} .re-about .modal-cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .re-about .modal-cont iframe {width:100%; height:100%;} .re-about .modal-cont .video-wrap {width:100%; height:100%;} .re-about .modal-cont .video {width:100%; height:100%;} .re-about .modal-cont .video-js.vjs-quality-menu {width:100%; height:100%;} @media (max-width: 1440px) { .re-about {width:100%;} .re-about__tit {padding:0 1.6667vw;} .re-about__tit__sub {font-size:1.3889vw;} .re-about__tit__txt {margin-top:0.3472vw; font-size:3.3333vw;} .re-about__tit__txt sup {font-size:1.6667vw; vertical-align:1.2500vw;} .re-about__list {margin-top:1.6667vw; padding:0 0.4167vw;} .re-about__list li {padding:2.5000vw 1.2500vw 0;} .re-about__list__btn .pic {height:30.5556vw; border-radius:1.3889vw;} .re-about__list__btn .tag {margin-top:1.3889vw; padding-left:1.3889vw; font-size:1.1111vw;} .re-about__list__btn .pic.play::after {width:6.1111vw; height:6.1111vw;} .re-about__list__btn .tit {margin-top:0.4167vw; padding-left:1.3889vw; font-size:1.6667vw;} .re-about__list__btn .tit .blank {width:1.3889vw; height:1.3889vw;} .re-about__list__btn .desc {margin-top:1.1111vw; padding-left:1.3889vw; font-size:1.0417vw;} /* modal */ .re-about .modal-layer {width:100%;} .re-about .modal-layer .btn-modal-close {width:2.7778vw; height:2.7778vw; background-size:0.9722vw 0.9722vw;} .re-about .modal-cont {height:53.4722vw;} } @media (max-width: 800px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-about__tit {padding:0 6.6667vw;} .re-about__tit__sub {font-size:3.8889vw;} .re-about__tit__txt {margin-top:2.222vw; font-size:7.7778vw;} .re-about__tit__txt sup {font-size:5vw; vertical-align:1.9444vw;} .re-about__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start;} .re-about__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0;} .re-about__list__btn .pic {height:41.1111vw; border-radius:5.5556vw;} .re-about__list__btn .pic.play::after {width:11.111vw; height:11.111vw;} .re-about__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} .re-about__list__btn .tag {margin-top:3.6111vw; padding-left:0; font-size:3.3333vw;} .re-about__list__btn .tit {margin-top:0.8333vw; padding-left:0; font-size:4.4444vw;} .re-about__list__btn .tit .blank {width:3.8889vw; height:3.8889vw;} .re-about__list__btn .desc {margin-top:1.9444vw; padding-left:0; font-size:3.3333vw;} /* modal */ .re-about .modal-layer {top:0; left:0; bottom:0; transform:translate(0);} .re-about .modal-layer .btn-modal-close {top:2.7778vw; bottom:auto; left:auto; right:2.7778vw; width:10.0000vw; height:10.0000vw; border-radius:0; transform:translate(0); background-color:transparent; background-image:url("/sec/static/_images/common/icon-close-wht.svg"); background-size:4.4444vw 4.4444vw;} .re-about .modal-cont {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} } </style> <section class="re-about pd-tb-60"> <h2 class="re-about__tit"> <span class="re-about__tit__sub">ALL ABOUT</span> <span class="re-about__tit__txt">프린터</span> </h2> <ul class="re-about__list"> <li> <button type="button" class="re-about__list__btn btn-open-modal" aria-haspopup="dialog" aria-controls="youtubePop" data-youtube-id="XLcM-9TOlA4" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:all_about:search_play_video"> <div class="pic pic01 play"></div> <span class="tag">VIDEO</span> <div class="tit">삼성 프린터 소모품 찾기</div> <p class="desc">HOW-TO, 삼성 프린터 소모품 찾는 방법을 영상으로 확인해 보세요.</p> <span class="blind">영상 보기</span> </button> </li> <li> <button type="button" class="re-about__list__btn btn-open-modal" aria-haspopup="dialog" aria-controls="youtubePop" data-youtube-id="_ajdzjmTW04?list=PLV5m8T5m0A6bcW2uHAuMP3gcSgbxBLjn0" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:all_about:ink_install_play_video"> <div class="pic pic02 play"></div> <span class="tag">VIDEO</span> <div class="tit">삼성 잉크젯 플러스S 잉크 설치하기</div> <p class="desc">HOW-TO, 삼성 잉크젯 플러스S 잉크 설치 방법을 영상으로 확인해 보세요.</p> <span class="blind">영상 보기</span> </button> </li> <li> <button type="button" class="re-about__list__btn btn-open-modal" aria-haspopup="dialog" aria-controls="youtubePop" data-youtube-id="uw0f1_sJumg" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:all_about:driver_install_play_video"> <div class="pic pic03 play"></div> <span class="tag">VIDEO</span> <div class="tit">삼성 프린터 드라이버 설치하기</div> <p class="desc">HOW-TO, 삼성 프린터 드라이버 설치 방법을 영상으로 확인해 보세요.</p> <span class="blind">영상 보기</span> </button> </li> <li> <a href="/sec/business/printing-solutions/all-printing-solutions/" target="_blank" title="새창 열림" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:all_about:printing_solutions_view_more"> <div class="pic pic04"></div> <span class="tag">SOLUTION</span> <div class="tit">프린팅 솔루션 <span class="blank arrow"></span></div> <p class="desc">기업환경에 맞는 프린팅 통합관리 서비스를 경험해보세요.</p> <span class="blind">페이지 이동</span> </a> </li> <li> <a href="/sec/awards/?pcd=mobile" class="re-about__list__btn" data-omni-type="microsite_contentinter" data-omni="pcd:it:printers:all_about:awards_view_more"> <div class="pic pic05"></div> <span class="tag">AWARD</span> <div class="tit">한눈에 보는 수상 제품</div> <p class="desc">디자인과 실용성을 모두 잡은 수상 제품을 만나보세요.</p> <span class="blind">페이지 이동</span> </a> </li> </ul>  <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="youtubePop" class="modal-layer" aria-hidden="true"> <div class="modal-cont" role="dialog" aria-modal="true" aria-labelledby="youtubePopTit" tabindex="-1"> <h3 id="youtubePopTit" class="blind"></h3> <iframe src="" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>  </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div> <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="brightcovePop01" class="modal-layer" aria-hidden="true"> <div class="modal-cont" role="dialog" aria-modal="true" aria-labelledby="brightcoveTit01" tabindex="-1"> <h3 id="brightcoveTit01" class="blind"></h3> <div class="video-wrap"> <div class="video"> <div id="brightcove01"></div> </div> <script> vodPlayer.create("6328044956112","brightcove01","bc", false); </script>  <div class="blind">  </div>  </div> </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div> <div class="modal-dim" data-modal-dim="dim-guide"></div> <div id="brightcovePop02" class="modal-layer" aria-hidden="true"> <div class="modal-cont" role="dialog" aria-modal="true" aria-labelledby="brightcoveTit02" tabindex="-1"> <h3 id="brightcoveTit02" class="blind"></h3> <div class="video-wrap"> <div class="video"> <div id="brightcove02"></div> </div> <script> vodPlayer.create("6328045554112","brightcove02","bc", false); </script>  <div class="blind">  </div>  </div> </div> <button type="button" class="btn-modal-close"><span class="blind">팝업 닫기</span></button> </div> </section> <script> $(function(){ modalDialog($('.re-about .btn-open-modal')); }) function modalDialog(modalOpen){ modalOpen.off('click').on('click', function(){ let btn = $(this), openModal = $('#' + btn.attr('aria-controls')), modalDim = openModal.prev('.modal-dim'), modal = openModal.find('.modal-cont'), closeModal = openModal.find('.btn-modal-close'); $('body').addClass('-has-modal'); modalDim.addClass('-active'); openModal.addClass('-active').attr('aria-hidden', false); // 팝업 닫을 때 유튜브 정지 function youtubeStop() { modal.find('iframe').removeAttr('src title') } // 팝업 닫을 때 유튜브 정지 let brightcoveId = modal.find('.video .video-js.vjs-quality-menu').attr('id'); function brightcoveStop() { vodPlayer.stop(brightcoveId) } // 포커스 이동 함수 function modalFocus(modalId) { let dialog = $(modalId).find('[role=dialog]'); dialog.focus(); let focusble = modalId.find('button, a, [tabindex="0"]'); let focusbleFirst = focusble.eq(0); let focusbleLast = focusble.eq(focusble.length - 1); focusbleFirst.on('keydown', function(e){ let keycode = e.keyCode || e.which; let tab = (e.key === 'Tab' || e.keycode === 9); if(e.shiftKey && tab){ // console.log(document.activeElement) if(document.activeElement === focusbleFirst[0]){ // console.log('쉬프트 탭 눌렀을 때 첫번째 포커서블한 요소에 포커스가 가면') e.preventDefault(); focusbleLast.focus(); } } }) focusbleLast.on('keydown', function(e){ let keycode = e.keyCode || e.which; let tab = (e.key === 'Tab' || e.keycode === 9); if(tab){ // console.log(document.activeElement) if(document.activeElement === focusbleLast[0]){ // console.log('탭 눌렀을 때 마지막 포커서블한 요소에 포커스가 가면') e.preventDefault(); focusbleFirst.focus(); } } }) } modalFocus(openModal); // 닫기 버튼 함수 function modlaClose() { $('body').removeClass('-has-modal'); modalDim.removeClass('-active'); openModal.removeClass('-active').attr('aria-hidden', true); btn.focus(); // 팝업 닫으면 열었던 버튼으로 포커스 이동 if(openModal.find('iframe').length){ youtubeStop(); // 팝업 닫을 때 유튜브 정지 } if(openModal.find('.video.brightcove').length){ brightcoveStop(); // 팝업 닫을 때 브라이트코브 정지 } } // 닫기 버튼 클릭 시 팝업창 닫기 closeModal.off('click').on('click', modlaClose); // modalDim을 클릭해도 팝업창 닫기 modalDim.off('click').on('click', function(e){ if(e.target === e.currentTarget){ modlaClose(); } }); // 팝업창이 열렸을 때 esc 키를 누르면 닫기 $(document).on('keyup.closeModal', function(e){ let keycode = e.keyCode || e.which; if(keycode === 27 && openModal.hasClass('-active')){ modlaClose(); } }) // 유튜브 let youtubeLink = btn.attr("data-youtube-id"); let youtubeUrl = 'https://youtube.com/watch?v=' + youtubeLink; $.getJSON('https://noembed.com/embed', {format: 'json', url: youtubeUrl}, function(data){ modal.find('iframe').attr({'src': 'https://www.youtube.com/embed/' + youtubeLink, 'title': data.title}) } ) }); }; </script> <script> $(document).ready(function() { digitalData.page.pageInfo.pageTrack = "product category details" }); </script> <style> /* 작가들을 소개합니다 */ .wrap-component.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .sub {font-size:22px;} .wrap-component.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .desc {font-size:17px;} @media (max-width:1440px) { .wrap-component.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .sub {font-size:1.5277vw;} .wrap-component.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .desc {font-size:1.1805vw;} } @media (max-width:800px) { .wrap-component.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .title {font-size:27px;} .wrap-component.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .sub {font-size:20px;} .wrap-component.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .desc {font-size:15px;} } /* 프로덕트 카드*/ .product-card .slider-select-prdlist {justify-content:center;} </style>  <style> @media (min-width:801px) { .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .slider-select-prdlist {width:75%; max-width:1080px;} .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .box-product-card {width:33.3333%;} .product-card .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .box-product-card:nth-child(3n+1) .inner {border-left:1px solid #ddd;} .product-card .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .box-product-card:nth-child(-n+3) .inner {border-top:1px solid #ddd;} .product-card .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .box-product-card:nth-child(1) .inner {border-radius:0; border-top-left-radius:20px;} .product-card .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .box-product-card:nth-child(3) .inner {border-radius:0; border-top-right-radius:20px;} .product-card .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .box-product-card:nth-child(4) .inner {border-radius:0; border-bottom-left-radius:20px; border-top:0;} .product-card .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .box-product-card:nth-child(5) .inner {border-left:0;} .product-card .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .box-product-card:nth-child(6) .inner {border-radius:0; border-bottom-right-radius:20px;} .product-card .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .box-product-card.first-right .inner {border-radius:0;} .product-card .component-contents[data-cptnm="mktpdp:trending-now:exclusive-product"] .box-product-card.last-left .inner {border-radius:0;} } </style>  <script src="/sec/static/_script/lozad.min.js"></script>  <script>  // s : 상품비교하기 Load var stContextPath = "/sec/"; // GET - goods.jsp var options = { url : stContextPath + "xhr/display/getGoods", type : "POST", dataType : "html", async : true, done : function(html) { $("div#container").after(html); } }; ajax.call2(options); // ctgPathNm 설정 - 마지막 담은 카테고리영문명 var ctgPathNm = ""; var lastCompDataStorage = "/sec/compare/lastComp"; // 마지막 담은 상품 스토리지 네임 var lastCompData = JSON.parse(localStorage.getItem(lastCompDataStorage)) == null ? {} : JSON.parse(localStorage.getItem(lastCompDataStorage)); // 마지막 담은 상품 스토리지 var len = Object.keys(lastCompData).length; if(len > 0) { var lastKey = Object.keys(lastCompData)[len-1]; ctgPathNm = lastCompData[lastKey]; } // ctgPathNm 설정 - URL 마지막 영문명 // ctgPathNm = location.href.split("/")[location.href.split("/").length-2]; // GET - incGoodsPfCompare.jsp var options2 = { url : stContextPath + "xhr/display/getIncGoodsPfCompare", type : "POST", dataType : "html", data : {ctgPathNm : ctgPathNm}, async : true, done : function(html) { $("div#container").after(html); // 상품비교하기 영역 처리 $(".box-product-card [name=cardCompareInfo]").each(function() { getProductCompareHtml(this); }); // pd,pf > mobile hideEndToast 실행 hideEndToast(); $(window).scroll(function(){ hideEndToast(); }); $(window).resize(function() { hideEndToast(); pfpdCompareSlick($('#pfpdSlideComparePF')); //slick }).resize(); //230207 비교하기 차이점 : 필터버튼 선택 컬러반영 $(document).on("click", ".popupPrdCompare .layer-filter-compare button", function () { var _this = $(this); _this.parent().parent().find('a > button').removeClass('active'); _this.addClass('active'); }); $(window).on('resize', function(){ setPopupHeight(); // 윈도우 세로 값에 따라 스크롤 되는 영역 세로값 설정하기 floatingStickyComparePosition(); // 230119 // 221230 비교하기 팝업 스크롤내리면 제품이미지 고정 setPopupPart1Fixed($('.popupPrdCompare .layer-content-compare')); }).resize(); // 221230 비교하기 버튼 누를 때, 팝업창 세로사이즈 설정 $(document).on("click", ".btn-compare", setPopupHeight); } }; ajax.call2(options2); // e : 상품비교하기 Load // s : window load $(window).on("load",function() { // s : compo24, 29, 35 - Product Card, Group Product Card, MD Pick const observer = lozad(); observer.observe(); $("[id^='slicePrdSel_']").each(function() { var thisId = $(this).attr("id"); listHeightControl('#' + thisId, '.box-product-card'); }); viewportChange(); var setCols = ($(window).width() > 800) ? 4 : 2; CpnPrdCardSet(setCols); $("[id^='slicePrdSel_'][data-cptlytno='24'] .card-images").each(function() { $(this).height($(this).outerWidth()); }); $("[id^='slicePrdSel_'][data-cptlytno='35'] .card-images").each(function() { $(this).height($(this).outerWidth()); }); /* // 상품가격 Ajax 실시간 조회후 셋팅 $("[id^='slicePrdSel_'][data-cptlytno='24']").each(function() { var thisCompNo = $(this).attr("id").split("_")[1]; var goodsObjArr = $("[id^='gdPrc_" + thisCompNo + "']"); if (goodsObjArr == null || goodsObjArr.length == 0) return; var stContextPath = $("#stContextPath_" + thisCompNo).val(); var lastPrcText = $("#lastPrcText_" + thisCompNo).val(); var siteGbCd = $("#siteGbCd_" + thisCompNo).val(); fnGetAllPrdPrice2(goodsObjArr, stContextPath, lastPrcText, siteGbCd); }); */ filterSel(); colorOptSel(); // e : compo24, 29, 35 - Product Card, Group Product Card, MD Pick $(window).resize(function () {  $("[id^='slicePrdSel_']").each(function() { var thisId = $(this).attr("id"); listHeightControl('#' + thisId, '.box-product-card'); }); var winw = $(window).width(); var setCols = (winw > 800) ? 4 : 2; CpnPrdCardSet(setCols); $("[id^='slicePrdSel_'][data-cptlytno='24'] .card-images").each(function() { $(this).height($(this).outerWidth()); }); $("[id^='slicePrdSel_'][data-cptlytno='46'] .card-images").each(function() { $(this).height($(this).outerWidth()); }); filterSel(); colorOptSel(); }); /* // 24.02.19-LDS // e식품관 BEST 50 일때는 컴포넌트가 1개만 있었고 더보기 상태를 유지하기 위해서 아래처럼 '뒤로가기 페이지접근 처리' 를 한 상태였던거 같은데 // 현재는 BEST 50을 사용하지 않고, 보여지는 컴포넌트가 여러개여서 아래 '뒤로가기 페이지접근 처리' 를 하면 첫번째 컴포넌트 내용이 여러개의 컴포넌트에 동일하게 노출되는 오류가 발생하여 주석 처리함. // 뒤로가기 페이지처리 var url = location.href; if(url.indexOf("bestselling") >= 0) { // e식품관 BEST 50 var urlLastPathNm = getUrlLastPathNm(); var bfCompo24html = sessionStorage.getItem("bf_compo24_html_" + urlLastPathNm); if(bfCompo24html != undefined && bfCompo24html != ''){ $(".wrap-component.product-card").html(bfCompo24html); sessionStorage.removeItem("bf_compo24_html_" + urlLastPathNm); } // 뒤로가기 스크롤처리 var bfCompo24scroll = sessionStorage.getItem("bf_compo24_scroll_" + urlLastPathNm); if(bfCompo24scroll != undefined && bfCompo24scroll != ''){ $(window).scrollTop(bfCompo24scroll); sessionStorage.removeItem("bf_compo24_scroll_" + urlLastPathNm); } }*/ }); // e : window load  function getProductCompareHtml(obj){ var prd = $(obj).data(); var prdLink = prd.goodsPath; var useCompareYn = prd.useCompareYn; var cptLytNo = prd.cptlytno; var compareShowRdoBtn = prd.compareShowRdoBtn; var reviewShowRdoBtn = prd.reviewShowRdoBtn; var liItem = ""; var contextPath = "/sec/"; if(cptLytNo == "44"){ liItem += '<div>'; } if (compareShowRdoBtn != "002"){ if (useCompareYn == 'Y') { if((prd.compareExcptYn == null || prd.compareExcptYn == 'N') && prd.intgrSpecYn == 'Y'){ var compareHtml = productCompareView(prd); if(cptLytNo == "44"){ liItem += '<div class="compare">' + compareHtml + '</div>'; } else { liItem += compareHtml; } } } } if(cptLytNo == "44"){ liItem += '</div>'; } // 패넷은 상품평 노출 제외 // 임직원몰(기획전몰)_체험단말 노출 제외 추가 2020-12-03 // 임직원몰(기획전몰)_갤럭시캠퍼스 노출 제외 추가 2020-12-29 //2022.05.30 갤캠스 노출 제외 삭제 //2023.08.30 홈클래스 VOD 상품 상품평 노출 제외 if (reviewShowRdoBtn != "002"){ var isCommentGrade = false; if (('Y' == 'Y' || stGbCd == '70' || stGbCd == '80' && !(contextPath.indexOf("ma_24") > -1 || contextPath.indexOf("24_pa") > -1 || contextPath.indexOf("24_mx") > -1 || contextPath.indexOf("fan_24") > -1) ) && prd.isHomefitnessGoodsYn != 'Y' && prd.homeClsGoodsYn != 'Y') { isCommentGrade = true; } // B2B 소상공인몰만 상품평 별점 노출 if(location.href.indexOf('business/soho') >= 0){ isCommentGrade = true; } if(isCommentGrade) { if(cptLytNo == "44"){ liItem += '<div>'; liItem += ' <a class="rvpd-star" target="_blank" href="' + prdLink + '?focus=review" title="상품평점" data-review-grade="' + prd.reviewGrade + '" data-review-count="' + prd.reviewCount + '">'; liItem += ' <strong>' + prd.reviewGrade + '</strong>' + ' (' + prd.reviewCount + ')'; liItem += ' </a>'; liItem += '</div>'; } else { liItem += ' <a class="link-review" target="_blank" href="' + prdLink + '?focus=review" title="상품평점" data-review-grade="' + prd.reviewGrade + '" data-review-count="' + prd.reviewCount + '">'; liItem += ' <span>' + prd.reviewGrade + '</span>' + ' (' + prd.reviewCount + ')'; liItem += ' </a>'; } } else { if(cptLytNo == "44"){ liItem += '<div>'; liItem += '</div>'; } } } var cardCompareHtml = ""; if(liItem.length > 0){ if(cptLytNo == "12" || cptLytNo == "45"){ cardCompareHtml += '<div class="card-purchase" name="cardCompare">'; cardCompareHtml += '<div class="box-compare">'; cardCompareHtml += liItem; cardCompareHtml += '</div>'; cardCompareHtml += '</div>'; } else if(cptLytNo == "44"){ cardCompareHtml += '<div class="rvpd-bottom" name="cardCompare">'; cardCompareHtml += liItem; cardCompareHtml += '</div>'; } else { cardCompareHtml += '<div class="card-purchase" name="cardCompare">'; cardCompareHtml += '<div class="card-compare">'; cardCompareHtml += liItem; cardCompareHtml += '</div>'; cardCompareHtml += '</div>'; } $(obj).siblings("[name=cardCompare]").remove(); $(obj).after(cardCompareHtml); } } function productCompareView(prd) { const DRYER_DISP_CLSF_NO = '37080000'; var html = ''; var dispClsfNo = prd.compDispClsfNo; //ctgAddInfo.dispClsfNo var compDispClsfEnNm = prd.compDispClsfEnNm; //b2c, fnet, fnet_디플 비교하기 if('1' == '1' || '1' == '2' || '1' == '3' || '1' == '200' || '1' == '471' ){ //KDP-50668 건조기 인 경우 단품만 노출 if( dispClsfNo == DRYER_DISP_CLSF_NO){ html += ' <a href="javascript:void(0);" class="link-compare-i'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="'+dispClsfNo+'" data-comp-disp-clsf-en-nm="'+compDispClsfEnNm+'" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; }else { if(prd.goodsTpCd == '10'){ html += ' <a href="javascript:void(0);" class="link-compare-i'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="'+dispClsfNo+'" data-comp-disp-clsf-en-nm="'+compDispClsfEnNm+'" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; } } }else { //KDP-50668 건조기 인 경우 단품만 노출 if(dispClsfNo == DRYER_DISP_CLSF_NO) { if (prd.goodsTpCd == '10') { html += ' <a href="javascript:void(0);" class="link-compare'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="'+dispClsfNo+'" data-comp-disp-clsf-en-nm="'+compDispClsfEnNm+'" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; } }else { html += ' <a href="javascript:void(0);" class="link-compare'+( isCompareDataStorageGoods(prd.goodsId)?' disabled':'' )+'" onClick="readyCompare(this)" data-goods-id="'+prd.goodsId+'" data-mdl-code="'+prd.mdlCode+'" data-disp-clsf-no="'+dispClsfNo+'" data-comp-disp-clsf-en-nm="'+compDispClsfEnNm+'" data-omni="'+prd.mdlNm+'|'+prd.mdlCode+'" >비교하기</a>'; } } return html; } // pd,pf > mobile hideEndToast function hideEndToast(){ var screen_size = $(window).width(); var pfpdCompare= $('.pfpd-compare'); if(screen_size <= 800){ if(!($(document).scrollTop() > $("#footer").offset().top)) { if($("#pfpdSlideCompare .prd div.box").not(".compare-emptyBox").length > 0){ // 비교하기 상품이 있는 경우만 show if(pfpdCompare.hasClass('open')){ pfpdCompare.show({ effect : "slide", direction : "down" }); }else{ pfpdCompare.show({ effect : "slide", direction : "down" }); } } }else{ pfpdCompare.hide({ effect : "slide", direction : "down" }); } } }  $(document).on("click", "[id^='showMoreBtn_']", function() { var compNo = $(this).attr("id").split("_")[1]; var showCnt = Number($("#showCnt_" + compNo).val()); var showMoreCnt = Number($("#showMoreCnt_" + compNo).val()); $("#showCnt_" + compNo).val(showCnt + showMoreCnt); showCnt = Number($("#showCnt_" + compNo).val()); for (var i=0; i < showCnt; i++) { var showPrdtId = "prdSel_" + compNo + "_" + i; if (!$('#' + showPrdtId).is(':visible')) { $('#' + showPrdtId).show(); } } var listSize = Number($("#listSize_" + compNo).val()); if (showCnt >= listSize) { $("#showMoreDiv_" + compNo).hide(); } $("#molecule_" + compNo).val(Number($("#molecule_" + compNo).val()) + 1); var molecule = $("#molecule_" + compNo).val(); var denominator = $("#denominator_" + compNo).val(); $("#showMoreBtn_" + compNo).html("더보기 <em>" + molecule + "/" + denominator + "</em>"); listHeightControl('#slicePrdSel_' + compNo, '.box-product-card'); var cptlytno = $(this).data("cptlytno"); if(cptlytno == "24" || cptlytno == "35" || cptlytno == "46"){ $("#slicePrdSel_" + compNo + " .card-images").each(function() { $(this).height($(this).outerWidth()); }); var setCols = 4; var winw = $(window).width(); setCols = (winw > 800) ? 4 : 2; CpnPrdCardSet(setCols); } filterSel(); colorOptSel(); }); /* // 24.02.19-LDS // e식품관 BEST 50 일때는 컴포넌트가 1개만 있었고 더보기 상태를 유지하기 위해서 아래처럼 '뒤로가기 페이지접근 처리' 를 한 상태였던거 같은데 // 현재는 BEST 50을 사용하지 않고, 보여지는 컴포넌트가 여러개여서 아래 '뒤로가기 페이지접근 처리' 를 하면 첫번째 컴포넌트 내용이 여러개의 컴포넌트에 동일하게 노출되는 오류가 발생하여 주석 처리함. // 뒤로가기 페이지접근 처리 $(document).on("click", ".wrap-component.product-card .card-btn button, .wrap-component.product-card .card-btn a", function(){ var url = location.href; if(url.indexOf("bestselling") >= 0){ // e식품관 BEST 50 var urlLastPathNm = getUrlLastPathNm(); var target = $(this).attr("target"); if(target == undefined || target != "_blank"){ sessionStorage.setItem("bf_compo24_html_" + urlLastPathNm, $(".wrap-component.product-card").html()); sessionStorage.setItem("bf_compo24_scroll_" + urlLastPathNm, $(window).scrollTop()); } } });*/ //option 변경 function fnGetPrdCardForComponent(obj) { var goodsId = $(obj).data('goods-id'); var orgGoodsId = $(obj).data('org-goods-id'); var targetId = $(obj).data('target-id'); var componentId = $(obj).data('component-id'); var compNo = componentId.split('_')[1]; var stContextPath = $(obj).data('st-context-path'); var svmnAmtDispYn = $(obj).data('svmn-amt-disp-yn'); var lastPrcText = $(obj).data('last-prc-text'); var ctaMoveStyle = $(obj).data('cta-move-style'); var ctaWindowStyleClassNm = $(obj).data('cta-window-style-class-nm'); var bgColor = $(obj).data('bg-color'); var layoutNo = $(obj).data("cptlytno"); if ($(obj).prop('checked') || (!$(obj).hasClass('focused') && !$(obj).hasClass('disabled'))) { $.ajax({ url: stContextPath + 'xhr/display/componentGoodsForPrdtCard' , type: "POST" , data: { goodsId: goodsId , targetId: targetId , svmnAmtDispYn: svmnAmtDispYn , lastPrcText: lastPrcText , ctaMoveStyle: ctaMoveStyle , ctaWindowStyleClassNm: ctaWindowStyleClassNm , bgColor: bgColor , orgGoodsId: orgGoodsId , layoutNo : layoutNo } , success: function (data) { if (data.html != null && data.html != "") { $('#' + data.targetId).html(data.html); const observer = lozad(); //옵션을 지정하지 않으면 lozad라는 클래스가 붙은 이미지 태그를 지연 로딩한다. observer.observe(); } /* 2020-10-30 수정 */ $("#" + componentId + " .card-images").each(function () { $(this).height($(this).outerWidth()); }); listHeightControl('#' + componentId, '.box-product-card'); //$(window).scrollTop($('#' + targetId).offset().top); filterSel(); colorOptSel(); /* // 2020-10-30 수정 */ // 상품비교하기 영역 처리 var cardCompareInfo = $("#"+targetId).find("[name=cardCompareInfo]"); getProductCompareHtml(cardCompareInfo); //쿠폰적용가 var goodsObjArr = $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]"); if (goodsObjArr != null && goodsObjArr.length != 0) { //fnGetAllPrdCouponPrice(goodsObjArr, stContextPath, '1', '10'); // 상품가격 Ajax 실시간 조회후 셋팅 fnSetPrdCouponPrice(goodsObjArr, '10', layoutNo); // 상품가격 조회한거 스크립트로 세팅 } //적립 예정 포인트 var prdPointAccumObjArr = $("[id^=svmnt_"+compNo+"_][id$="+goodsId+"]"); if (prdPointAccumObjArr != null && prdPointAccumObjArr.length != 0) { fnGetPrdPointAccum(prdPointAccumObjArr, stContextPath, compNo, layoutNo); // 적립 예정 포인트 ajax 실시간 조회 후 세팅 } } }); } } //PF_GOODS_LIST 테이블 사용하면서 상품정보 조회하는 부분에서 쿠폰가격을 가져오게 되어서 기존 fnGetAllPrdCouponPrice을 사용하지 않고 아래 함수 사용하여 쿠폰가격 노출함. //쿠폰 적용 예상가 세팅 부분 function fnSetPrdCouponPrice(goodsObjArr, siteGbCd, cptLytNo) { //if (!(siteGbCd === '10' || siteGbCd === '20' || siteGbCd === '70' || siteGbCd === '80')) return false; if (goodsObjArr != null && goodsObjArr.length > 0) { var idStrArr = ""; var compNo = ""; var appendHtmlIndex = ""; var goodsId = ""; var couponPrice = 0; var lastValue = ""; var priceLable = "쿠폰 적용 예상가"; if(cptLytNo === 24 || cptLytNo === 46){ // Product Card, New Product Card 에 가격숨김 부분이 추가되면서 따로 처리함. // 비로그인시 가격숨김 Show 이면 등록한 image 노출함. // 가격숨김 Show를 했어도 url 또는 이미지 경로가 없으면 노출하지 않음. var priceHiddenLoginUrl = ""; //가격숨김 로그인 URL var priceHiddenImg = ""; //가격숨김 이미지 var priceHiddenImgATxt = ""; //가격숨김 Alt Text var priceHiddenMoImg = ""; //가격숨김 모바일 이미지 var priceHiddenMoImgATxt = ""; //가격숨김 모바일 Alt Text var priceHiddenHtml = ''; var chkStId = '1'; //로그인 체크 var mbYn = "N"; $.ajax({ url : "/sec/xhr/member/getSession" , type : "POST" , success : function(result) { result = JSON.parse(result); if (result.mbrNo != 0) { mbYn = "Y"; } } }); var baseCompNo = $(goodsObjArr[0]).attr('id').split("_")[1]; var priceHiddenFlag = $("#slicePrdSel_" + baseCompNo).data("price-hidden-yn"); if(priceHiddenFlag == "001"){ //가격숨김 Show = 001, hide = 002 priceHiddenLoginUrl = $("#slicePrdSel_" + baseCompNo).data("price-hidden-login-url"); priceHiddenImg = $("#slicePrdSel_" + baseCompNo).data("price-hidden-img"); priceHiddenImgATxt = $("#slicePrdSel_" + baseCompNo).data("price-hidden-img-alt-text"); if(chkStId == "122") { //갤캠스만 pc, mo 둘다 사용-등록할때 pc, mo 이미지 2개 등록 priceHiddenMoImg = $("#slicePrdSel_" + baseCompNo).data("price-hidden-mo-img"); priceHiddenMoImgATxt = $("#slicePrdSel_" + baseCompNo).data("price-hidden-mo-img-alt-text"); if(priceHiddenLoginUrl != "" && priceHiddenImg != "" && priceHiddenMoImg != "") { priceHiddenHtml += '<a class="pt_tag__price" href="' + priceHiddenLoginUrl + '">'; priceHiddenHtml += ' <img src="' + priceHiddenImg + '" class="m_hide" alt="' + priceHiddenImgATxt + '">'; priceHiddenHtml += ' <img src="' + priceHiddenMoImg + '" class="m_show" alt="' + priceHiddenMoImgATxt + '">' priceHiddenHtml += '</a>'; } }else{ if(priceHiddenLoginUrl != "" && priceHiddenImg != "") { priceHiddenHtml += '<a class="pt_tag__price" href="' + priceHiddenLoginUrl + '">'; priceHiddenHtml += ' <img src="' + priceHiddenImg + '" class="m_hide" alt="' + priceHiddenImgATxt + '">'; priceHiddenHtml += '</a>'; } } } for (var idx = 0; idx < goodsObjArr.length; idx++) { idStrArr = $(goodsObjArr[idx]).attr('id').split("_"); couponPrice = $(goodsObjArr[idx]).data('coupon-price'); if (idStrArr.length >= 4 && idStrArr[3] != '') { compNo = idStrArr[1]; appendHtmlIndex = idStrArr[2]; goodsId = idStrArr[3]; /*if(stGbCd === '20'){ // 특별판매가에 쿠폰적용예상가 넣기 var idStrArr = $("[id^=gdPrc_"+compNo+"_][id$="+prd.goodsId+"]").attr('id').split('_'); var appendHtmlIndex = idStrArr[2]; var appendHtml = ''; appendHtml += '<div class="pic-ben">'; appendHtml += ' <span id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_lbl3">'+priceLable+'</span>'; appendHtml += ' <em id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_prc3">'+fnComma(afterCoupon)+' 원</em>'; appendHtml += '</div>'; $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('.pic-ben:eq(0)').after(appendHtml); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('em').text(lastValue+" 원"); }else{*/ if(mbYn == "N" && priceHiddenFlag == "001"){ //비로그인 & 가격숨김 show if(priceHiddenHtml != ""){ if(Number(couponPrice) > 0){ $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('span').text(priceLable); } $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('em').html(priceHiddenHtml); }else{ if(Number(couponPrice) > 0){ $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('span').text(priceLable); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('em').text(fnComma(couponPrice)+" 원"); } } }else{ if(Number(couponPrice) > 0){ $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('span').text(priceLable); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('em').text(fnComma(couponPrice)+" 원"); } } //} } } }else{ for (var idx = 0; idx < goodsObjArr.length; idx++) { idStrArr = $(goodsObjArr[idx]).attr('id').split("_"); couponPrice = $(goodsObjArr[idx]).data('coupon-price'); if (idStrArr.length >= 4 && idStrArr[3] != '' && Number(couponPrice) > 0) { compNo = idStrArr[1]; appendHtmlIndex = idStrArr[2]; goodsId = idStrArr[3]; lastValue = fnComma(couponPrice); if(cptLytNo === 12 || cptLytNo === 45){ //Product Selection, New Product Selection /*if(stGbCd === '20'){ // 특별판매가에 쿠폰적용예상가 넣기 var idStrArr = $("[id^=gdPrc_"+compNo+"_][id$="+prd.goodsId+"]").attr('id').split('_'); var appendHtmlIndex = idStrArr[2]; var appendHtml = ''; appendHtml += '<div class="pic-ben">'; appendHtml += ' <span id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_lbl3">'+priceLable+'</span>'; appendHtml += ' <em id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_prc3">'+fnComma(afterCoupon)+' 원</em>'; appendHtml += '</div>'; $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('.pic-ben:eq(0)').after(appendHtml); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('div:last-child').find('em').text(lastValue+" 원"); }else{*/ if($("[id^="+compNo+"_][id$=_"+goodsId+"_lbl3]").length > 0){ $("[id^="+compNo+"_][id$=_"+goodsId+"_lbl3]").text(priceLable); $("[id^="+compNo+"_][id$=_"+goodsId+"_prc3]").text(lastValue + " 원"); }else{ var appendHtml = ''; appendHtml += '<div class="pic-ben">'; appendHtml += ' <span id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_lbl3">'+priceLable+'</span>'; appendHtml += ' <em id="'+compNo+'_'+appendHtmlIndex+'_'+goodsId+'_prc3">'+lastValue+' 원</em>'; appendHtml += '</div>'; $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('.pic-mem').after(appendHtml); } //} }else if(cptLytNo === 21){ //Tab Container if(stGbCd === '20'){ priceLable = '임직원가'; } $("[id^="+compNo+"_][id$="+goodsId+"_prclbl]").text(priceLable); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"_price]").text(lastValue + " 원"); }else if(cptLytNo === 39){ //Best Ranking $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('dl:last-child').find('dt').text(priceLable); $("[id^=gdPrc_"+compNo+"_][id$="+goodsId+"]").find('dl:last-child').find('dd').text(lastValue+"원"); /*if(svmnUseYn === 'Y'){ //적립예정포인트 노출여부 component bo값 if(stGbCd !== '80'){ $("[id^="+compNo+"_][id$="+prd.goodsId+"_svmnt]").find('.point').text(fnComma(prd.membershipPoint) + "P"); } }*/ } } } } } } // URL경로 마지막값 리턴 function getUrlLastPathNm(){ var urlLastPathNm = ""; var arr = location.href.split("/"); for(var i=0; i < arr.length; i++){ if(arr[i] == ""){ arr.splice(i, 1); i--; } } urlLastPathNm = arr[arr.length-1]; return urlLastPathNm; } </script>   <script> // 7. Feature Full Bleed /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee $(document).on("click", ".wrap-component.feature-full-bleed .box-btns button", function(e){ GA4CompoClickCta('feature-full-bleed button', $(this)); });*/ // 8. Text Box /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee $(document).on("click", ".wrap-component.textbox-simple .box-btns button", function(e){ GA4CompoClickCta('textbox-simple button', $(this)); });*/ // 24. Product Card || 46. New Product Card /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee // s : click_cta // Component CTA $(document).on("click", ".wrap-component.product-card:not('group-buy') .box-title ul li button", function(e){ GA4CompoClickCta('product-card button', $(this)); }); // 비교하기 $(document).on("click", ".wrap-component.product-card:not('group-buy') a.link-compare-i", function(e){ GA4CompoClickCta('product-card link-compare', $(this)); }); // e : click_cta */ // s : select_item // Product CTA $(document).on("click", ".wrap-component.product-card:not('group-buy') .box-btm-btns > *[data-cta-move-style-class-nm!='4']", function(e){ GA4CompoSelectItem($(this)); }); // 평점 $(document).on("click", ".wrap-component.product-card:not('group-buy') a.link-review", function(e){ GA4CompoSelectItem($(this).parents(".box-product-card").find(".box-btm-btns > *").eq(0)); }); // 더보기 $(document).on("click", ".wrap-component.product-card:not('group-buy') .box-btns button", function(e){ GA4CompoSelectItem($(this)); }); // e : select_item // s : product_customization // Color option $(document).on("click", ".wrap-component.product-card:not('group-buy') .itm-color-list li input:radio", function(e){ GA4CompoProductCustomization($(this)); }); // Droplist Option Open $(document).on("click", ".wrap-component.product-card:not('group-buy') .card-option button.droplist-button", function(e){ GA4CompoProductCustomization($(this)); }); // Droplist Option Select $(document).on("click", ".wrap-component.product-card:not('group-buy') .card-option .droplist li", function(e){ GA4CompoProductCustomization($(this)); }); // Filter Option $(document).on("click", ".wrap-component.product-card:not('group-buy') .card-filter input:radio.btn-filter", function(e){ GA4CompoProductCustomization($(this)); }); // e : product_customization // s : add_to_cart $(document).on("click", ".wrap-component.product-card:not('group-buy') .box-btm-btns a[data-cta-move-style-class-nm='4']", function(e){ GA4CompoAddToCart($(this)); }); $(document).on("click", ".wrap-component.product-card:not('group-buy') .box-btm-btns button[data-cta-move-style-class-nm='4']", function(e){ GA4CompoAddToCart($(this)); }); // e : add_to_cart // 31. Navigation Bar /* GA4 click_cta는 상품에서만 사용이라서 주석처리-24.01.25-dslee // Title Link $(document).on("click", ".wrap-component.navigation-bar .navigation-wrap .title a", function(e){ GA4CompoClickCta('navigation-bar title-a', $(this)); }); // Item Link $(document).on("click", ".wrap-component.navigation-bar .navigation .nav-slider .item a", function(e){ GA4CompoClickCta('navigation-bar item-a', $(this)); }); // CTA Link $(document).on("click", ".wrap-component.navigation-bar .navigation-wrap > button", function(e){ GA4CompoClickCta('navigation-bar button', $(this)); });*/ // view_item_list $(window).on("load", function(){ // BDC 추천상품 로딩시간으로 인해 지연처리 setTimeout(function(){ GA4CompoViewItemList(); }, 2000); }); function GA4CompoViewItemList(){ try { var itemList = []; $("[data-obj-type='product']:not('.best-rank [data-obj-type=product]'), .best-rank .slick-active [data-obj-type='product']").each(function(){ var mdlCode = $(this).data("mo-code"); var goodsNm = $(this).data("goods-nm"); var dispCtgEnNmPath = $(this).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = ""; if(dispCtgEnNmPath != undefined){ dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); } var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var idx = $("[data-obj-type='product'").index($(this)); var cpAllDcAmt = $(this).attr("data-cp-all-dc-amt") != undefined ? $(this).data("cp-all-dc-amt") : '0'; var cpAplExptPrice = $(this).attr("data-cp-apl-expt-price") != undefined ? $(this).data("cp-apl-expt-price") : '0'; if($(this).parents("[data-cp-apl-expt-price]").length > 0){ cpAplExptPrice = $(this).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price"); } else if ($(this).parents("[id^=rankingPdCardList_]").length > 0) { cpAplExptPrice = $(this).find(".component-price > dl > dd > span > em").text(); } else { cpAplExptPrice = 0; } var item = { item_id : mdlCode, item_name : goodsNm, item_brand : 'Samsung', item_category : itemCategory1, item_category2 : itemCategory2, item_category3 : itemCategory3, item_category4 : itemCategory4, item_category5 : itemCategory5, item_variant : '', item_list_name : '', item_list_id : '', quantity : '1', price : cpAplExptPrice, currency : 'KRW', discount : cpAllDcAmt, index : idx }; itemList.push(item); }); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'view_item_list', ecommerce: { items: itemList } }); //console.log("GA4 view_item_list"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 view_item_list TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // select_item function GA4CompoSelectItem(obj){ try { var mdlCode = $(obj).data("mo-code"); var goodsNm = $(obj).data("goods-nm"); var dispCtgEnNmPath = $(obj).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = ""; if(dispCtgEnNmPath != undefined){ dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); } var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var reviewGrade = $(obj).parents(".inner").find(".link-review,.rvpd-star").data("review-grade"); var reviewCount = $(obj).parents(".inner").find(".link-review,.rvpd-star").data("review-count"); var idx = $(obj).parents(".wrap-component").find(".box-product-card").index($(obj).parents(".box-product-card")) + 1; var cpAllDcAmt = $(obj).parents("[data-cp-all-dc-amt]").length > 0 ? $(obj).parents("[data-cp-all-dc-amt]").data("cp-all-dc-amt") : '0'; var cpAplExptPrice = $(obj).parents("[data-cp-apl-expt-price]").length > 0 ? $(obj).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price") : '0'; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'select_item', number_of_reviews : reviewCount, review_rating : reviewGrade, ecommerce: { items: [{ item_id : mdlCode, item_name : goodsNm, item_brand : 'Samsung', item_category : itemCategory1, item_category2 : itemCategory2, item_category3 : itemCategory3, item_category4 : itemCategory4, item_category5 : itemCategory5, item_variant : '', // Wi-fi,40mm,128GB item_list_name : '', quantity : '1', price : cpAplExptPrice, currency : 'KRW', discount : cpAllDcAmt, index : idx }] } }); //console.log("GA4 select_item"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 select_item TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // add_to_cart function GA4CompoAddToCart(obj){ try { var mdlCode = $(obj).data("mo-code"); var mdlNm = $(obj).data("mdl-nm"); var goodsNm = $(obj).data("goods-nm"); var dispCtgEnNmPath = $(obj).data("disp-ctg-en-nm-path"); var dispCtgEnNmPathArr = dispCtgEnNmPath.split(">"); var itemCategory1 = dispCtgEnNmPathArr[0] != undefined ? dispCtgEnNmPathArr[0].trim() : ''; var itemCategory2 = dispCtgEnNmPathArr[1] != undefined ? dispCtgEnNmPathArr[1].trim() : ''; var itemCategory3 = dispCtgEnNmPathArr[2] != undefined ? dispCtgEnNmPathArr[2].trim() : ''; var itemCategory4 = dispCtgEnNmPathArr[3] != undefined ? dispCtgEnNmPathArr[3].trim() : ''; var itemCategory5 = dispCtgEnNmPathArr[4] != undefined ? dispCtgEnNmPathArr[4].trim() : ''; var cpAllDcAmt = $(obj).parents("[data-cp-all-dc-amt]").length > 0 ? $(obj).parents("[data-cp-all-dc-amt]").data("cp-all-dc-amt") : ''; var cpAplExptPrice = $(obj).parents("[data-cp-apl-expt-price]").length > 0 ? $(obj).parents("[data-cp-apl-expt-price]").data("cp-apl-expt-price") : ''; var cpNmArrStr = $(obj).parents("[data-cp-nm-arr-str]").length > 0 ? $(obj).parents("[data-cp-nm-arr-str]").data("cp-nm-arr-str") : ''; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'add_to_cart', ecommerce: { currency : 'KRW', value: cpAplExptPrice, items: [{ item_id : mdlCode, item_name : goodsNm, item_category : itemCategory1, item_category2: itemCategory2, item_category3: itemCategory3, //item_category4: itemCategory4, //item_category5: itemCategory5, item_varaint : '', // 다수옵션인경우 정책필요 currency : 'KRW', quantity : '1', price : cpAplExptPrice, coupon : cpNmArrStr, discount : cpAllDcAmt, itemType : itemCategory4, itemModelName : mdlNm }] } }); //console.log("GA4 add_to_cart"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 add_to_cart TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // product_customization function GA4CompoProductCustomization(obj){ try { var prdtOptEnNm = $(obj).data("prdt-opt-en-nm"); var prdtOptItemEnNm = $(obj).data("prdt-opt-item-en-nm"); var mdlCode = $(obj).data("mdl-code"); var goodsNm = $(obj).data("goods-nm"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event : 'product_customization', customization_name : prdtOptEnNm , // Connectivity, Screen size, Color, Storage customization_value: prdtOptItemEnNm, // WiFi, 5G item_id : mdlCode , // SM-F721BZAGEUB item_name : goodsNm // Galaxy Z Flip4 }); //console.log("GA4 product_customization"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 product_customization TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // click_cta function GA4CompoClickCta(ctaType, obj){ try { var ctaText = $(obj).text() == undefined ? "" : $(obj).text().trim(); var ctaAct = $(obj).data("omni") == undefined ? "" : $(obj).data("omni").trim(); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_cta', an_ca: ctaType + ' cta', // 클릭한 버튼의 콘텐츠 유형 "buy cta" an_ac: ctaText, // 클릭한 버튼의 동작 유형 "buy now" an_la: ctaAct, // 클릭한 버튼의 액션 이름 "pf product card:buy now" an_tr: ctaAct // 클릭한 버튼의 동작 추적 "pd03_product finder:buy cta-product finder-cat-button" }); //console.log("GA4 click_cta"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_cta TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } // indexExhibitionCollection.jsp(기획전 모음 페이지) 에서 같이 사용해서 여기다 선언. // share_follow function GA4CompoShareFollow(obj){ try { var socialAction = $(obj).data("social-action"); var socialNetwork = $(obj).data("social-network"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'share_follow', social_action : socialAction, //클릭한 버튼의 유형 "share 또는 follow" social_network : socialNetwork, //클릭한 버튼의 아이콘 "카카오톡, 링크 복사, 페이스북" }); //console.log("GA4 share_follow"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 share_follow TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script>   <div class="layer-pop layer-default alert" id="commonAlert" tabindex="0" data-popup-layer="commonAlert" data-focus="commonAlert"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p style="word-break:keep-all;"></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div>   <div class="layer-pop layer-default alert" id="commonAlert2" tabindex="0" data-popup-layer="commonAlert2" data-focus="commonAlert2"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p style="word-break:keep-all;"></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div>   <div class="layer-pop layer-default" id="commonConfirm" tabindex="0" data-popup-layer="commonConfirm" data-focus="commonConfirm"> <div class="layer-header blind"> <h2></h2> </div> <div class="layer-content"> <p></p> <div class="btn-box double">  <a href="javascript:void(0)" class="btn btn-d btn-type1 accessibility-pop-close" id="commonConfirmCancelBtn" onclick="closeLayer('commonConfirm');">취소</a> <a href="javascript:void(0)" class="btn btn-d btn-type2" id="commonConfirmOkBtn">확인</a> </div> </div> <button type="button" class="pop-close accessibility-pop-close" id="closeCommonConfirmBtn" name="closeCommonConfirmBtn" data-focus-next="commonConfirm">팝업닫기</button> </div>   <div class="layer-pop layer-default" id="commonConfirm2" tabindex="0" data-popup-layer="commonConfirm2" data-focus="commonConfirm2"> <div class="layer-header blind"> <h2></h2> </div> <div class="layer-content"> <p></p> <div class="btn-box double">  <a href="javascript:void(0)" class="btn btn-d btn-type1 accessibility-pop-close" id="commonConfirmCancelBtn2" onclick="closeLayer('commonConfirm2');">취소</a> <a href="javascript:void(0)" class="btn btn-d btn-type2" id="commonConfirmOkBtn2">확인</a> </div> </div> </div>   <div class="layer-pop layer-default" id="commonAlertTV" tabindex="0" data-popup-layer="commonAlertTV" data-focus="commonAlertTV"> <div class="layer-header blind"><h2></h2></div> <div class="layer-content"> <p></p> <div class="btn-box"> <a href="javascript:void(0)" onclick="" class="btn btn-d btn-type2">확인</a> </div> </div> </div> </div>    <style> /*!* s : num_5 *! .floating-sticky .menu-list .menu01 a { display: none; } .floating-sticky .menu-list .menu02 a { display: none; } .floating-sticky .menu-list .menu03 a { display: none; } .floating-sticky .menu-list .on .menu01 a { display: flex; } .floating-sticky .menu-list .on .menu02 a { display: flex; } .floating-sticky .menu-list .on .menu03 a { display: flex; } !* e : num_5 *!*/ </style> <div id="floatingSticky" class="floating-sticky new-st type-global" style="z-index: 10"> <button type="button" class="btn-gotop" title="위로"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g transform="translate(-1741 -471)"><circle cx="24" cy="24" r="24" transform="translate(1741 471)" fill="rgba(0,0,0,0.5)" opacity="0"/><g transform="translate(1753 483)"><path d="M21.738,26.325V8.515L28.4,15.277l1.425-1.4L20.738,4.65l-9.088,9.223,1.425,1.4,6.663-6.762v17.81Z" transform="translate(-8.651 -3.4)" fill="#fff"/><rect width="24" height="24" fill="none"/></g></g></svg> </button> <div class="menu-list"> <div class="inner"> <ul>   <li class="menu01 chatBotPop"> <button type="button" id="chatBotOpen" class="chatBotOpen" onclick="chat_select_open()"data-di-id="di-id-e7029b9c-393996c6" title="챗봇 채팅창 새창으로 열기"> <svg id="Message" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <rect id="container" width="24" height="24" fill="none"></rect> <path id="Icon-_-Bold-_-Communication-_-Message" data-name="Icon-/-Bold-/-Communication-/-Message" d="M22.5,5.5a3,3,0,0,1,3,2.924V19.5a3,3,0,0,1-2.924,3H12.634L8.46,26.7a1,1,0,0,1-1.706-.611l0-.047V22.5H6.5a3,3,0,0,1-3-2.849l0-.075V8.5a3,3,0,0,1,2.924-3H22.5Zm0,2H6.5a1,1,0,0,0-1,.95V19.5a1,1,0,0,0,.95,1h1.3a1,1,0,0,1,1,.95v2.123L11.508,20.8a1,1,0,0,1,.6-.289l.056,0,.057,0H22.5a1,1,0,0,0,1-.95V8.5a1,1,0,0,0-.95-1Zm-8,5.25A1.25,1.25,0,1,1,13.25,14,1.25,1.25,0,0,1,14.5,12.75Zm4.75,0A1.25,1.25,0,1,1,18,14,1.25,1.25,0,0,1,19.25,12.75Zm-9.5,0A1.25,1.25,0,1,1,8.5,14,1.25,1.25,0,0,1,9.75,12.75Z" transform="translate(-2.5 -4.25)"></path> </svg> </button>      </li>  </ul> </div> </div> <button type="button" class="btn-gotop" title="위로"> <span>위로</span> </button> </div> <script> var mobileCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android") || window.secapp || device.isIosApp; if(mobileCheckFlag){ //모바일에서 챗봇 삭제 $("#floatingSticky").find(".menu01").remove(); } floatSticky(); function firstRecentGoods(){ $.ajax({ url : "/sec/xhr/goods/getFirstRecentGoods" ,type : "POST" ,success : function(result) { var recentGoodsData = JSON.parse(result); var recentGoodsNm = recentGoodsData.recentGoodsNm; if(recentGoodsData.recentYn === "Y"){ $("#floatingSticky").find(".menu04").remove(); /*if ($('.floating-sticky .menu-list .inner').hasClass('on')) { html += '<li class="menu04" aria-hidden="false" style="display:block;">' } else { html += '<li class="menu04" aria-hidden="true" style="display:none;">' }*/ var html = `<li class="menu04">`; html += '<a href="#" id = "btn-rcntgoods-floating" type="button" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-st-path ="'+recentGoodsData.stContextPath+'" data-popup-target="latestItemLayer" >' html += '<span> <img src="'+recentGoodsData.recentImgPath+'?$128_128_PNG$" alt="'+ recentGoodsData.recentGoodsNm +'"> 최근 본 제품 ('+recentGoodsData.recentGoodsLength+')</span>' html += '</a>' html += '</li>' $("#floatingSticky").find("ul").append(html);  $("#recentGoodsNm").val(recentGoodsNm); }else{ //없을경우 숨김 $(".menu04").hide(); } } }); } // firstRecentGoods(); if ("N" === "N") { if(window.innerWidth > 1279){ firstRecentGoods(); } } if(device.agent.indexOf('secapp') >= 0 || device.agent.indexOf('sectest') >= 0){ if("N" === "N"){ $("#floatingSticky").find(".menuAr").remove(); var html = ""; html +='<li class="menuAr" aria-hidden="true" style="display:none;">'; html +='<a href="javascript:window.secapp.goToARService(\'\',\'\');">'; html +='AR로 제품보기'; html +='</a>'; html +='</li>'; $("#floatingSticky").find("ul").prepend(html); } }else{ $("#floatingSticky").find(".menuAr").remove(); } let showScript = false; function chat_select_open() { GA4ChatStart(); // var popupX = (window.screen.width / 2) - (356 / 2); // var popupY = (window.screen.height / 2) - (750 / 2); // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbot/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbot/#/"; // var chatbotPop = window.open(url, // "chatselect", // 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); // chatbotPop.onbeforeunload = function () { // GA4ChatComplete(); // } showScript = !showScript; // 스크립트 실행과 DOM 챗봇 부착로직 if (showScript) { const script = document.createElement("script"); script.id = "appTest"; script.type = "text/javascript"; script.async = true; let url = "prd" === "prd" ? "https://samsungdotcom.gentlepie.com/chatbot/app.js" : "https://staging-samsungdotcom.gentlepie.com/chatbot/app.js"; script.src = url; script.onload = function () { if (window.chatbotInit) { // 챗봇 시작 초기화까지 동시 진행시 아래 코드 주석해제 window.chatbotInit(); } else { console.error("externalFunction is not defined on window"); } }; document.body.appendChild(script); } else { const testParent = document.getElementById("appTest"); const apps = document.getElementById("app"); if (window.chatbotExit) { // 챗봇 종료 초기화까지 동시 진행시 아래 코드 주석해제 window.chatbotExit(); } if (testParent) { apps.innerHTML = ""; // 앱 제거 document.body.removeChild(testParent); // 스크립트 태그 제거 } } GA4ChatComplete(); } function GA4ChatStart() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_start' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } function GA4ChatComplete() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_complete' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script> $(function(){ // 챗봇 열기 PC $("#chatBotOpen").click(function(){ GA4ChatStart(); $("#layerChatBot").addClass("active"); chat_select_open(); GA4ChatComplete(); }); // 챗봇 열기 MO $("#bnbChatBotOpen").click(function(){ GA4ChatStart(); $("#layerChatBot").addClass("active"); $("body").css("overflow","hidden"); $("html").scrollTop(0); chat_select_open(); GA4ChatComplete(); }); // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); // 챗봇버튼 닫기 $("#chatBotClose").click(function(){ $(".chatBotPop").remove(); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); winWidth = $(window).outerWidth(); if(winWidth < 1280) { // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); $("body").css("overflow","unset"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); }; $(window).resize(function(){ winWidth = $(window).outerWidth(); if(winWidth < 1280) { // chatBotPopClose $("#chatBotPopClose").click(function(){ $("#layerChatBot").removeClass("active"); $(".bnbitem_chatbot").removeClass("active"); $("body").css("overflow","unset"); if (window.chatbotInit) { window.chatbotInit(); } if (window.chatbotExit) { window.chatbotExit(); } }); }; }); }) </script>    <footer id="footer" class="footer_b2c"> <input type="hidden" id="goodsAdvCmntStYn" value="Y" />  <div class="footer-content"> <nav class="footer-inner sitemap-links"> <h2 class="hide">페이지 링크</h2> <ul>  <li class="productLine1"> <h3> <a href="javascript:;">제품</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/galaxy/home/" data-omni="product_galaxy">갤럭시</a></li> <li><a href="https://www.samsung.com/sec/smartphones/galaxy-s/" data-omni="product_smartphones">스마트폰</a></li> <li><a href="https://www.samsung.com/sec/tablets/galaxy-tabs/" data-omni="product_tablets">태블릿</a></li> <li><a href="https://www.samsung.com/sec/watches/galaxy-watch-active/" data-omni="product_watches">워치</a></li> <li><a href="https://www.samsung.com/sec/buds/galaxy-buds-pro/" data-omni="product_buds">버즈</a></li> <li><a href="https://www.samsung.com/sec/pc/galaxybook/" data-omni="product_galaxybook">갤럭시북</a></li> <li><a href="https://www.samsung.com/sec/monitors/gaming-monitors/" data-omni="product_monitors">모니터</a></li> <li><a href="https://www.samsung.com/sec/printers/laser-multifunction/" data-omni="product_printers">프린터</a></li> <li><a href="https://www.samsung.com/sec/memory-storage/all-memory-storage/" data-omni="product_memory storage">메모리/스토리지</a></li> <li><a href="https://www.samsung.com/sec/tvs/" data-omni="product_tvs">TV</a></li> <li><a href="https://www.samsung.com/sec/lifestyletv/home/" data-omni="product_lifestyletv">Lifestyle TV</a></li> <li><a href="https://www.samsung.com/sec/audio-devices/Sound-bar/" data-omni="product_soundbar">사운드바</a></li> <li><a href="https://www.samsung.com/sec/harman/#highend_audio" data-omni="product_harman">하만</a></li> <li><a href="https://www.samsung.com/sec/refrigerators/bespoke-infinite-line/" data-omni="product_refrigerators">냉장고</a></li> <li><a href="https://www.samsung.com/sec/kimchi-refrigerators/bespoke-kimchi-plus-infinite-line/" data-omni="product_kimchi-refrigerators">김치냉장고</a></li> <li><a href="https://www.samsung.com/sec/dishwashers/bespoke-dishwashers/" data-omni="product_dishwashers">식기세척기</a></li> </ul> </li> <li class="productLine2"> <h3>   </h3> <ul> <li><a href="https://www.samsung.com/sec/electric-range/bespoke-induction/" data-omni="product_electric range">인덕션</a></li> <li><a href="https://www.samsung.com/sec/cooking-appliances/all-cooking-appliances/" data-omni="product_cooking appliances">오븐/큐커</a></li> <li><a href="https://www.samsung.com/sec/micro-wave-ovens/all-micro-wave-ovens/" data-omni="product_qooker">전자레인지</a></li> <li><a href="https://www.samsung.com/sec/water-purifier/" data-omni="product_water purifier">정수기</a></li> <li><a href="https://www.samsung.com/sec/washing-machines/grande-ai/" data-omni="product_washing-machines">세탁기</a></li> <li><a href="https://www.samsung.com/sec/dryers/grande-ai/" data-omni="product_dryers">건조기</a></li> <li><a href="https://www.samsung.com/sec/airdresser/bespoke-airdresser/" data-omni="product_airdresser">에어드레서</a></li> <li><a href="https://www.samsung.com/sec/shoedresser/bespoke-shoedresser/" data-omni="product_shoe dresser">슈드레서</a></li> <li><a href="https://www.samsung.com/sec/air-conditioners/gallery/" data-omni="product_air-conditioners">에어컨</a></li> <li><a href="https://www.samsung.com/sec/air-cleaners/bespoke-cube/" data-omni="product_air-cleaners">공기청정기</a></li> <li><a href="https://www.samsung.com/sec/vacuum-cleaners/bespoke-jet/" data-omni="product_vacuum-cleaners">청소기</a></li> <li><a href="https://www.samsung.com/sec/smartthings/do-the-smartthings/" data-omni="product_smartthings">스마트싱스</a></li> <li><a href="https://www.samsung.com/sec/accessories/" data-omni="product_accessories">액세서리 & 소모품</a></li> <li><a href="https://www.dacorkorea.com/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="product_dacor korea">데이코</a></li> </ul> </li> <li> <h3> <a href="javascript:;">이벤트</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/event/indexExhibitionCollection/" data-omni="promotion_exhibition collection">삼성닷컴추천 모두보기</a></li>  <li><a href="https://www.samsung.com/sec/outlets/all-outlets/" data-omni="promotion_all outlets">아울렛</a></li> <li><a href="https://www.samsung.com/sec/galaxycampus/" data-omni="promotion_galaxy campus">갤럭시 캠퍼스</a></li> <li><a href="https://www.samsung.com/sec/store-model/live/" data-omni="promotion_live">삼닷 Live</a></li>  <li><a href="https://www.samsung.com/sec/bespokestudiohub/" data-omni="promotion_bespoke studio">비스포크 스튜디오</a></li> <li><a href="https://www.samsung.com/sec/customer/salesStore/" data-omni="promotion_sales store">스토어 진열 할인 제품</a></li> <li><a href="https://www.samsung.com/sec/eventList/benefitzone/" data-omni="promotion_benfit zone">닷컴 회원 혜택</a></li>  <li><a href="https://www.samsung.com/sec/bespokeshop/" data-omni="promotion_bespoke shop">e식품관</a></li> <li><a href="https://www.samsung.com/sec/petcarestore/" data-omni="promotion_petcare store">펫 케어 스토어</a></li> <li><a href="https://www.samsung.com/sec/homeclass/" data-omni="promotion_home fitness">홈클래스</a></li>  <li><a href="https://www.samsung.com/sec/explore/home/" data-omni="promotion_explore">스토리</a></li> </ul> </li> <li> <h3> <a href="javascript:;">고객서비스</a> </h3> <ul> <li><a href="https://www.samsung.com/sec/support/" data-omni="faq_support">매뉴얼 & 다운로드</a></li> <li><a href="/sec/faq/" data-omni="faq_faq">삼성닷컴 FAQ</a></li> <li><a href="/sec/digitalplaza/storeMain/" data-omni="faq_shop locator">매장 찾기</a></li> <li><a href="/sec/digitalplaza/centerMain/" data-omni="faq_service-locator">서비스센터 찾기</a></li> <li><a href="https://www.samsung.com/sec/Samsung-Care-Plus/IM/" data-omni="faq_samsung care plus IM">삼성케어플러스 모바일/PC</a></li> <li><a href="https://www.samsung.com/sec/Samsung-Care-Plus/CE/" data-omni="faq_samsung care plus CE">삼성케어플러스 가전/TV</a></li> <li><a href="https://www.samsung.com/sec/eventList/delivery-service/">시간 맞춤 설치 서비스</a></li> <li><a href="/sec/samsungstore/main/" data-omni="plaza_main">삼성스토어</a></li> <li><a href="https://www.samsung.com/sec/membership/membershipMain/" data-omni="faq_membership">삼성전자 멤버십</a></li> <li><a href="/sec/md-inv/" data-omni="faq_md_innovation">MD 비즈니스 협력제안</a></li> <li><a href="https://www.secbuy.com/irj/portal/alluser?ume.logon.locale=ko&NavigationTarget=OBN%3A//BOTechnicalName%3DMainBannerOBN/BOSystemAlias%3DEPE_OBN/Operation%3Dnew_biz" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_secbuy">비즈니스 협력제안</a></li> <li><a href="https://r1.community.samsung.com/t5/Korea/ct-p/kr" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_community">삼성멤버스 커뮤니티</a></li> <li><a href="http://samsung.aiibook.net/b2c/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_e-catalog">E-카탈로그</a></li> <li><a href="https://survey3.medallia.com/?web&c=39&lng=ko" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="faq_customer survey">삼성닷컴 경험조사</a></li> </ul> </li>   <li class="row2"> <ul> <li> <h3><a href="javascript:;">지속가능경영</a></h3> <ul> <li><a href="/sec/sustainability/environment/" data-omni="sustainability_environment">환경</a></li> <li><a href="/sec/sustainability/privacy-and-security/" data-omni="sustainability_privacy-and-security">보안 & 개인정보 보호</a></li> <li><a href="/sec/sustainability/accessibility/overview/" data-omni="accessibility_overview">접근성</a></li> <li><a href="/sec/sustainability/diversity-and-inclusion/" data-omni="sustainability_diversity-and-inclusion">다양성 · 형평성 · 포용성</a></li> <li><a href="/sec/sustainability/corporate-citizenship/" data-omni="sustainability_corporate-citizenship" target="_blank" class="link-outlink" title="새창으로 열림">사회공헌</a></li>  <li><a href="/sec/sustainability/main" data-omni="sustainability-corporate-sustainability" target="_blank" class="link-outlink" title="새창으로 열림">Corporate Sustainability</a></li>  </ul> </li> <li> <h3><a href="javascript:;">윤리&준법경영</a></h3> <ul> <li><a href="https://sec-audit.com/common/businessPrinciple/viewBusinessPrincMain.do?_menuId=AVyA0fTVACzV4mS0&_menuF=true&s_gbn=PA100001" data-omni="ethics and law_principle" class="link-outlink" title="새창으로 열림" target="_blank">경영원칙</a></li> <li><a href="https://sec-audit.com/common/wrongReport/init.do?_menuId=AVyAoCSlAADV4mQ3&_menuF=true&s_gbn=PA100002" data-omni="ethics and law_wrong report" class="link-outlink" title="새창으로 열림" target="_blank">부정제보</a></li> <li><a href="https://sec-compliance.net/gcc/gcc.do?method=gccReport&langCd=ko_KR" data-omni="ethics and law_GCC" class="link-outlink" title="새창으로 열림" target="_blank">법위반제보</a></li> </ul> </li> </ul> </li> <li class="row2">  <ul> <li> <h3><a href="javascript:;">회사소개</a></h3> <ul> <li><a href="/sec/about-us/company-info/" data-omni="about-us_company-info">기업정보</a></li> <li><a href="/sec/about-us/business-area/" data-omni="about-us_business-area">사업정보</a></li> <li><a href="/sec/about-us/brand-identity/" data-omni="about-us_brand-identity">브랜드 아이덴티티</a></li> <li><a href="/sec/about-us/careers/kr/" data-omni="aboutsamsung_careers">채용</a></li> <li><a href="/sec/ir/main/" data-omni="about-us_ir-info">투자자 정보</a></li> <li><a href="https://news.samsung.com/kr/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_newsroom">뉴스룸</a></li> <li><a href="/sec/about-us/ethics/" data-omni="about-us_ethics">윤리</a></li> <li><a href="https://design.samsung.com/kr/?utm_source=scom&utm_medium=link&utm_campaign=cdc&utm_content=kr" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_design-samsung">디자인 삼성</a></li> <li><a href="https://dividend.samsung.com/" class="link-outlink" title="새창으로 열림" target="_blank" data-omni="about-us_dividend">배당조회</a></li> <li><a href="/sec/notice/" data-omni="about-us_notice">공지사항</a></li> </ul> </li> <li> <h3><a href="javascript:;">부가정보</a></h3> <ul> <li><a href="https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com" class="link-outlink" title="새창으로 열림" data-omni="additional information_cyber reports" target="_blank" >협력회사 사이버 신문고</a></li> <li><a href="https://www.samsung.com/sec/additional/indexWasteCartridgeRecallApply/" data-omni="additional information_printer_green">폐카트리지 회수신청</a></li> </ul> </li> </ul> </li> </ul> </nav> </div> <div class="footer-content"> <div class="footer-inner"> <div class="info-detail"> <p> <span>삼성전자 주식회사 대표이사 : 한종희</span> <span class="mo-inline">사업자등록번호 : 124-81-00998</span> <span class="comp-wrap"><a href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=1248100998&apv_perm_no=" class="comp" title="새창 열림" target="_blank">사업자 정보확인</a></span> <span>통신판매업 신고 : 2000-경기수원-0515</span> </p> <p class="gap"> <span>사업장주소 : 경기도 수원시 영통구 삼성로 129(매탄동)</span> <span>호스팅서비스사업자 : 한국아이비엠(주)</span> <span>대표번호 : 02-2255-0114</span> <span>제품/서비스/멤버십: 1588-3366(통화요금 : 발신자부담)</span> <span>삼성닷컴 구매문의 : 1588-6084</span> <span>e식품관 문의 : 1811-9228</span> </p> <p>본 사이트에서 판매되는 상품 중에는 등록된 개별 판매자가 판매하는 상품이 포함되어 있습니다. </p>  <div class="dis-resol"> <p>개별 판매자 판매 상품의 경우 삼성전자(주)는 통신판매중개업자로서 통신판매의 당사자가 아니므로, 개별 판매자가 등록한 상품, 거래정보 및 거래 등에 대해 책임을 지지 않습니다.</p> <a href="/sec/dispute-resolution/" class="comp" title="새창 열림" target="_blank">소비자분쟁해결기준</a> </div>  <p>본 사이트의 컨텐츠는 저작권법의 보호를 받는 바 무단 전재, 복사, 배포 등을 금합니다.</p> </div> </div> </div> <div class="footer-content"> <div class="footer-inner copyrightGroup"> <div class="copyrightBox"> <p class="copyright">Copyright © 1995-2024 Samsung. All Rights Reserved.</p> <div class="mark-box"> <a href="https://dcxi.ksa.or.kr/" target="_blank" title="Korean Stasndars Association 2023 디지털고객경험지수 : 새창으로 열기" class="btn-mark btn-dcxi" data-omni="local logo_dcxi"> <img src="https://images.samsung.com/kdp/_pub/icon-footer-dcxi.jpg" alt="Korean Stasndars Association 2023 디지털고객경험지수"> Korean Stasndars Association 2023 디지털고객경험지수 </a> <a href="https://www.kca.go.kr/ccm/certSystemOutlineView.do" target="_blank" title="ccm 소비자중심 공정거래위원회 : 새창으로 열기" class="btn-mark btn-ccm" data-omni="local logo_ccm"> <img loading="lazy" src="https://images.samsung.com/kdp/_pub/icon-footer-ccm.png" alt="ccm 소비자 중심 공정거래 위원회"> ccm 소비자 중심 공정거래 위원회 </a>      <a href="javascript:openPrivacy();" title="개인정보 보호 우수사이트 인증서 : 새창으로 열기" class="btn-mark btn-eprivacy" data-omni="local logo_eprivacy"> <img loding="lazy" src="https://www.samsung.com/sec/static/_images/common/icon-footer-eprivacy.svg" alt="개인정보보호 우수사이트"> 개인정보보호 우수사이트 </a> </div> </div> </div> </div> <div class="footer-content"> <div class="footer-inner btnBottomGroup"> <div class="cs-btn"> <ul class="korean"> <li><a href="/sec/function/ipredirection/ipredirectionLocalList/">한국/한국어</a></li> </ul> <ul> <li><a href="javascript:;" title="이메일 무단 수집거부" data-popup-target="popupGatherRefuse" data-omni="footer:bottom_email_security">이메일 무단 수집거부</a></li> <li><a href="javascript:;" title="아이디어 정책" data-popup-target="popupIdeaPolicy" data-omni="footer:bottom_idea security">아이디어 정책</a></li> <li><a href="/sec/info/sitemap/" data-omni="footer:bottom_sitemap">사이트맵</a></li> </ul> </div> <div class="clause-links">  <div id="dropClauseList01" class="wrap-droplist rounded clause-use"> <button class="droplist-button" aria-haspopup="listbox" aria-labelledby="dropServiceClauseTitle dropServiceClauseBtn" id="dropServiceClauseBtn" title="서비스별 이용약관">이용약관<span class="blind">하위 메뉴 있음</span></button> <ul class="droplist" aria-labelledby="dropServiceClauseTitle" aria-activedescendant="optServiceClause01">  <li id="optServiceClause02" class="droplist-item" data-omni="footer:terms_legal"><a href="https://account.samsung.com/membership/etc/specialTC.do?fileName=samsungkorea.html" target="_blank" title="새 창으로 열림">삼성전자 대표사이트 이용약관</a></li> <li id="optServiceClause03" class="droplist-item" data-omni="footer:terms_conditions"><a href="/sec/membership/terms/">삼성전자멤버십 이용약관</a></li> <li id="optServiceClause04" class="droplist-item" data-omni="footer:terms_contents"><a href="https://account.samsung.com/membership/policy/terms" target="_blank" title="새 창으로 열림">Samsung 서비스 이용약관</a></li> </ul> </div>  <div id="dropClauseList02" class="wrap-droplist rounded clause-private"> <button class="droplist-button" title="서비스별 개인정보처리방침" id="dropServicePrivateTitle">개인정보처리방침<span class="blind">하위 메뉴 있음</span></button> <ul class="droplist" aria-labelledby="dropServicePrivateTitle" aria-activedescendant="optServicePrivate01">  <li id="optServicePrivate02" class="droplist-item"><a href="/sec/info/privacy/01/rc">삼성닷컴 개인정보처리방침</a></li> <li id="optServicePrivate03" class="droplist-item"><a href="/sec/info/privacy/02">삼성닷컴 이벤트 개인정보처리방침</a></li> <li id="optServicePrivate04" class="droplist-item"><a href="/sec/info/privacy/03">삼성전자멤버십 개인정보처리방침</a></li> <li id="optServicePrivate06" class="droplist-item"><a href="/sec/info/privacy/05">경력채용 개인정보처리방침</a></li> </ul> </div>  </div> <div class="link-box"> <div class="sns-btn"> <div class="wrap-sns"> <span class="tit">삼성전자의 다양한 소식을 만나보세요!</span> <ul> <li><a href="//www.facebook.com/SamsungKorea" class="btn-fb" title="새창 열림" target="_blank" data-omni="follow:facebook"><span class="blind">facebook</span></a></li> <li><a href="//www.youtube.com/c/samsungkorea" class="btn-yt" title="새창 열림" target="_blank" data-omni="follow:youtube"><span class="blind">youtube</span></a></li> <li><a href="//www.instagram.com/samsungkorea" class="btn-ig" title="새창 열림" target="_blank" data-omni="follow:instagram"><span class="blind">instagram</span></a></li> <li><a href="//pf.kakao.com/_VJjxdC" class="btn-pf" title="새창 열림" target="_blank" data-omni="follow:kakaoplus"><span class="blind">카카오톡 플러스친구</span></a></li> <li><a href="//twitter.com/SamsungKorea" class="btn-tw" title="새창 열림" target="_blank" data-omni="follow:twitter"><span class="blind">트위터</span></a></li> <li><a href="javascript:void(0);" class="btn-share" onclick="tooltipCenterTop(this,'tip-footer-share',380); return false;" data-title="공유" data-content="" data-close="툴팁 닫기"><span class="blind">공유하기 툴팁보기(툴팁 열림)</span></a>  <div class="tooltip-layer tip-footer-share" tabindex="0"> <p class="tooltip-title">공유</p> <div class="tooltip-content"> <ol class="tooltip-share"> <li> <a href="javascript:void(0);" class="share-copylink" id="share-copylink"> <img loding="lazy" src="/sec/static/_images/common/icon-copylink.svg" alt="링크복사 아이콘"> <span>링크복사</span> </a> <script> function tabKeyCnt() { $('.share-copylink').on('keydown', function(e) { if(event.shiftKey && (event.keyCode || event.which) === 9) { event.preventDefault(); $('#tooltip-share-close').focus(); } }); } </script> </li> <li> <a href="javascript:void(0);" class="share-sns-kakao" title="새 창으로 열림"> <img loding="lazy" src="/sec/static/_images/common/sns-kakao@3x.png" alt="카카오톡 아이콘(공유하기)"> <span>카카오톡</span> </a> </li> <li> <a href="javascript:void(0);" class="share-sns-facebook" title="새 창으로 열림"> <img loding="lazy" src="/sec/static/_images/common/sns-facebook@3x.png" alt="페이스북 아이콘"> <span>페이스북</span> </a> </li> </ol> </div> <button type="button" class="btn-tooltip-close" id="tooltip-share-close"><em class="blind">툴팁 닫기</em></button> </div>  </li> </ul> </div> </div> </div> </div> </div> </footer>  <button id="energyBtn" style="display:none" type="button" data-popup-target="popupEnergy">팝업보기</button> <div class="layer-pop layer-normal layer-energy-calculator" id="popupEnergy" tabindex=" 0" data-popup-layer="popupEnergy" data-focus="popupEnergy"> </div>   <div class="layer-pop layer-normal" id="popupGatherRefuse" tabindex="0" data-popup-layer="popupGatherRefuse" data-focus="popupGatherRefuse"> <div class="layer-header"> <h2>이메일 무단 수집거부</h2> </div> <div class="layer-content"> <div class="etc-divWrap"> <p>본 웹사이트는 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단 수집되는 것을 거부합니다.<br> 이를 위반 시 『정보통신망 이용 촉진 및 정보보호 등에 관한 법률』등에 의해 처벌받을 수 있습니다.</p> </div> </div> <button type="button" class="pop-close" data-focus-next="popupGatherRefuse">팝업닫기</button> </div>   <div class="layer-pop layer-normal" id="popupIdeaPolicy" tabindex="0" data-popup-layer="popupIdeaPolicy" data-focus="popupIdeaPolicy"> <div class="layer-header"> <h2>아이디어 제안에 대한 정책</h2> </div> <div class="layer-content"> <div class="etc-divWrap"> <p>삼성전자 및 삼성전자 임직원은 당사가 공식적으로 요청하지 않았음에도 불구하고 여러분께서 일방적으로 당사에 제출하는 아이디어나 제안 등을 수령하거나 검토하지 않습니다.</p> <p>이는 제출하신 내용이 당사 내부적으로 개발한 제품, 기술, 서비스와 유사할 경우 발생할 수 있는 오해와 분쟁을 방지하고 나아가 여러분의 창의적인 아이디어를 적극 보호하기 위함입니다.</p> <p>이러한 취지를 이해하여 주시고 구체화되지 않은 아이디어나 콘셉트(Concept) 단계의 제안이 당사에 제출되지 않도록 하여 주시기 바랍니다.</p> </div> </div> <button type="button" class="pop-close" data-focus-next="popupIdeaPolicy">팝업닫기</button> </div>     <script defer src="//t1.kakaocdn.net/kakao_js_sdk/v1/kakao.min.js"></script> <script defer src="/sec/static/_script/snsShare.js"></script> <script defer type="text/javascript"> $(document).ready(function(){ console.log('============== footer.jsp script start ====================='); // b2c facebook.app.id.b2c는 없음 - fnet, fnet_etc, b2b2c는 존재(business.xml) if(kakaoAppKey == null || kakaoAppKey == "" || kakaoAppKey == undefined) { shareInit("5880e4317936087f2764a5d340e6bca6", ""); } // 소셜공유/공유하기 $(".tooltip-share a").off("click.tooltip-share").on("click.tooltip-share", function(e) { e.preventDefault(); var _this = $(this); var locationUrl = window.location.href; if(_this.hasClass("share-copylink")) { GA4ShareFollow("share-copylink"); // 링크복사 var clipboard = new ClipboardJS(".share-copylink", { text: function() { return locationUrl; } }); clipboard.on("success", function(e) { var vTimer = setTimeout((function(){ $("#mask").trigger("click"); }), 5000); $("#mask").off().on("click", function (){ $(".popup-msg").hide(); $(".popup-msg").empty(); scrollLock("unlock"); $("#mask").fadeOut("fast").remove(); clearTimeout(vTimer); $(this).off(); }); var alertData = { title: "" ,callback : function() { $("#share-copylink").focus() } ,content : "링크를 복사했어요." ,btnText : "확인" }; commonAlert(alertData); openLayer("commonAlert"); $(".btn-share").attr("data-popup-target","commonAlert"); }); clipboard.on("error", function(e) { var alertData = { title: "" ,content : "일시적인 오류로 링크를 복사하지 못했습니다.<br>다시 시도해주세요." ,callback : function() { $("#share-copylink").focus() } ,btnText : "확인" }; commonAlert(alertData); openLayer("commonAlert"); $(".btn-share").attr("data-popup-target","commonAlert"); }); } else if(_this.hasClass("share-sns-kakao")) { GA4ShareFollow("share-sns-kakao"); var imgPath = $("meta[property='og:image']").attr("content"); var defaultImgSrc = "https://images.samsung.com/kdp/st/1/5ab39f9a-9f76-4be5-b7e2-ecf40795aade.png"; if(imgPath == null || imgPath === ""){ imgPath = defaultImgSrc; }else if(imgPath.indexOf("images.samsung.com") >= 0){ var firstDomainIndex = imgPath.indexOf("images.samsung.com"); var lastDomainIndex = imgPath.lastIndexOf("images.samsung.com"); //var imageDomain = "images.samsung.com/kdp"; if(firstDomainIndex != lastDomainIndex){ imgPath = "https://"+imgPath.substring(lastDomainIndex); } } // 카카오톡 공유하기 snsShare.kakaoTalk(locationUrl , $("head > title").text() , imgPath , ""); } else if(_this.hasClass("share-sns-facebook")) { GA4ShareFollow("share-sns-facebook"); // 페이스북 공유하기 snsShare.facebook(locationUrl); } }); }); // ready end function showSafety() { $(".dropDown-content .subDesc").hide(); $(".dropDown-content .dropButton").hide(); $(".dropDown-content .dropcontent").show(); } // 약관 변경 $(document).on("click", "#dropClauseList01 .droplist-item", function(e) { var id = $(this).attr("id"); if (id == "optServiceClause03") { location.href = "/sec/membership/terms/"; } }); function openWa() { var agent = navigator.userAgent.toLowerCase(); var path = "/sec/"; if(!(device.val == "m")){ if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open(path + "static/_images/common/WA-2022.jpg", "popup", "width=650, height=900, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open(path + "static/_images/common/WA-2022.jpg", "popup", "width=550,height=750"); } }else{ window.open(path + "static/_images/common/WA-2022-mo.jpg", "popup", "width=550,height=750"); } } function openPrivacy() { var agent = navigator.userAgent.toLowerCase(); if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open("https://www.eprivacy.or.kr/front/certifiedSiteMark/certifiedSiteMarkPopup.do?certCmd=E&certNum=2024-E-R005", "popup", "width=650, height=900, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open("https://www.eprivacy.or.kr/front/certifiedSiteMark/certifiedSiteMarkPopup.do?certCmd=E&certNum=2024-E-R005", "popup", "width=550,height=750"); } } //협력회사 사이버 신문고(새창) function openCyberVoc() { var agent = navigator.userAgent.toLowerCase(); if ( ( (navigator.appName === 'Netscape' && agent.indexOf('trident') !== -1) || (agent.indexOf("msie") !== -1))){ // ie window.open("https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com", "popup", "width=830,height=600, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no"); } else { window.open("https://www.secbuy.com/irj/servlet/prt/portal/prtroot/com.sec.gsrm.com.cybervoc.BoardComponent?submissionId=introductionGuest&boardId=E0009&entrance=samsung.com", "popup", "width=830,height=600"); } } function GA4ShareFollow(socialNetwork) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'share_follow', social_network: socialNetwork }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script defer type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "s_bf7aca045e5"; if (!_nasa) var _nasa={}; if(window.wcs) { wcs.inflow("samsung.com"); wcs_do(_nasa); } </script> <script> // GA4 click_nav footer $(document).on("click", "#footer .footer-content .footer-inner ul li ul li a", function(e){ GA4ClickNavFooter($(this)); }); function GA4ClickNavFooter(obj){ try { var itemName = $(obj).text(); var dataOmni = $(obj).closest("ul").parent("li").attr("class") + ":" + $(obj).data("omni"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'click_nav' , // 필요. 이벤트 GA에 전송 item_category: 'footer', // 예: 모바일 (an_ac에서 읽기) item_name: itemName , // 예: 스마트폰(an_la의 마지막깊이에서 읽기) an_ca: 'navigation' , // 예: should always be navigation an_ac: 'footer' , // 예: gnb, footer an_la: dataOmni // 예: <depth 1 value>:<depth 2 value>:<depth 3 value> }); //console.log("GA4 click_nav"); //console.log(JSON.stringify(dataLayer[dataLayer.length-1])); //alert("[GA4 click_nav TEST]\n\n" + JSON.stringify(dataLayer[dataLayer.length-1])); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script defer> let mobileWebCheckFlag = (device.agent.indexOf("mobi") >= 0 && device.os == "android" && (device.agent.indexOf("secapp") < 0 && device.agent.indexOf("sectest") < 0) && (window.secapp == undefined && window.secapppopup == undefined)); if(mobileWebCheckFlag){ setTimeout((function(){ appLaunch(); }), 2000); } function appLaunch(){ let pcDevice = "win16|win32|win64|mac|macintel"; let platform = navigator.platform; let locationUrl = window.location.href; if(platform){ if(pcDevice.indexOf(platform.toLowerCase())>= 0){ return; } } if(locationUrl=="http://localhost:8080/sec/" || locationUrl=="https://dev-www.samsung.com/sec/" || locationUrl == "https://stg-www.samsung.com/sec/" || locationUrl == "https://www.samsung.com/sec/"){ try{ location.href="secapp://action"; //메인 접속시 앱 띄우기 }catch(e){ console.log("app launch fail"); } } } </script> <script> if( typeof PROPS_ADBRIX_APP_KEY === 'undefined' ) { var PROPS_ADBRIX_APP_KEY = "0nCtQ3s60km0zcXUGeZZBQ"; var PROPS_ADBRIX_WEB_SECRET_KEY = "IU54Ulr2xUawNnSUwBHrkw"; var PROPS_JOIN_MEMBERSHIP_TOKEN = "4b7db13b3c654b80a5f2d412d782993026fc134823312481657e4c36f0bf6330&Fnm=8241445b72beeb8d2e330bc198a4896a0953dff4dd28ced398bcce6c4205a9de"; var PROPS_DATA_KAKAOKEY = "5880e4317936087f2764a5d340e6bca6"; var PROPS_NAVER_CLIENT_ID = "w7hzcUlMAcYgXwEjhial"; var PROPS_NAVER_CLIENT_SECRET = "KqwN0GzEcF"; var PROPS_NAVER_ACCESS_TOKEN = "AAAAN0E4MqLS8hlDxX3PoSR9njzLQiY9UmKQEHZZylXqIocX4WGmgV0yw21iwuZgaUoblQ87jN_Z__GzbgDdix_xLfU"; var PROPS_FACEBOOK_ACCESS_TOKEN = "EAAbgPOh6aEABACscvkdSD8g2BY5ZAS3qUM8RzcjxOtlNreKfmqLMOD7OheOdmDo4jFaZCvR2sve70CnGZBzZBWFA8gcZBw2QSo3J3yolt2FPRzszIVHavUf1WZAzmx8WkWPlvkC2cqmuRBE9TgwJ7J89X06TbMrELLf1OP9SX9HSvp9BfYfOGkl9lW9pgBZCyYWmvR0vtI8Jr4bRjKmdvJg7eZAzm8RZB6JIZD"; } if( typeof PROPS_ACCOUNT_PUBLICKEY === 'undefined' ) { var PROPS_ACCOUNT_PUBLICKEY = "h+jM3wrLz3KD87tTk7PA3I3VhBWkbcEyJehSyOiHEcMP1oAVsU3ekiO5msjxEsT/"; } </script>   <script type="text/javascript"> let bnbFlag = true; $(document).ready(function() { try { var userAgent = navigator.userAgent.toUpperCase(); if(userAgent.indexOf('SECAPP') > -1 || userAgent.indexOf("SECTEST") > -1 || userAgent.indexOf('SECIOS') > -1) { bnbAppVersionChk(); } else { //앱 아닐때 bnb 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } } catch(err) { //앱 버전체크 오류시 bnb 무조건 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } }); //안드로이드 및 IOS 버전 체크해서 특정 버전보다 상위버전이면 bnb 숨김, 버전이 낮거나 같으면 bnb 노출 function bnbAppVersionChk() { let chkVersionRslt = checkAppVersion(); //특정 버전보다 상위버전이면 if(chkVersionRslt == 1) { //bnb 숨김 if (!bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbHide(); } bnbFlag = false; } //특정 버전보다 하위버전이거나 같으면 else { //bnb 노출 if (bnb.bnbWrap.classList.contains("_hide")) { bnb.bnbShow(); } bnbFlag = true; } } // 사용자메뉴열기 function openBnbUserMenu(){ if($("#header__navi").length > 0){ $(".menu__button").click(); } else { $(".link-m-nav").click(); } } // 최근 본 제품 function bnbFirstRecentGoods() { $.ajax({ url : "/sec/xhr/goods/getFirstRecentGoods", type : "POST", success : function(result) { var recentGoodsData = JSON.parse(result); var recentGoodsNm = recentGoodsData.recentGoodsNm; var html = ""; if (recentGoodsData.recentYn === "Y") { html += '<a href="javascript:void(0);" id="btn-rcntgoods-floating" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-omni="bnb_recently viewed products" data-st-path ="' + recentGoodsData.stContextPath + '" title="최근 본 제품 팝업열림">'; html += '<div class="botnavi__recent">'; html += '<img src="' + recentGoodsData.recentImgPath + '?$128_128_PNG$" alt="' + recentGoodsData.recentGoodsNm + '">'; html += '</div>'; html += '</a>';  $("#recentGoodsNm").val(recentGoodsNm); }else{ // 최근본 제품이 없는 경우에도 최근본 제품 팝업을 띄우도록 수정 - 2024.04.17 dslee html += '<a href="javascript:void(0);" id="btn-rcntgoods-floating" onclick="showLatestItem(self,\'latestItemLayer\'); getRecentGoods(); return false" data-omni="bnb_recently viewed products" data-st-path ="' + recentGoodsData.stContextPath + '" title="최근 본 제품 팝업열림">'; html += ' <i class="icon default"> '; html += ' <svg id="bnb_ic_history" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> '; html += ' <path id="Icon-_-Regular-_-Notification-_-Clock" data-name="Icon-/-Regular-/-Notification-/-Clock" '; html += ' d="M47.5,3A45.5,45.5,0,1,1,2,48.5,45.5,45.5,0,0,1,47.5,3Zm0,5A40.5,40.5,0,1,0,88,48.5,40.5,40.5,0,0,0,47.5,8ZM50,15.5V46H75.5v5H45V15.5Z" '; html += ' transform="translate(0.5 -0.5)"> '; html += ' </path> '; html += ' <rect id="container" width="96" height="96" fill="none"></rect> '; html += ' </svg> '; html += ' </i> '; html += ' <i class="icon active"> '; html += ' <svg id="bnb_ic_history_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> '; html += ' <path id="제외_2" data-name="제외 2" '; html += ' d="M45.5,91A45.5,45.5,0,1,1,91,45.5,45.553,45.553,0,0,1,45.5,91ZM43,12.5V48H73.5V43H48V12.5Z" '; html += ' transform="translate(2.999 2.999)"> '; html += ' </path> '; html += ' <rect id="container" width="96" height="96" fill="none"></rect> '; html += ' </svg> '; html += ' </i> '; html += ' <span>최근 본 제품</span> '; html += '</a> '; } $("#liRecentGoods").html(html); } }); } // 공통코드 - UNPACKED_GOODS 사용여부 체크 var unpackedPeriodYn = "N"; if (unpackedPeriodYn === "N") { bnbFirstRecentGoods(); } function openSessionLink(url, target) { try { var useLogin = $("#useLogin").val(); if(useLogin != "Y"){ NetFunnel_Action({ action_id: 'b2c_login_default' }, function (ev, ret) { window.open(url, target); }); } else { window.open(url, target); } } catch (e) { window.open(url, target); } } function bnb_chat_select_open() { BnbGA4ChatStart(); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); let url = "/sec/"+"chatbotPop/"; // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbotPop/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbotPop/#/"; BnbGA4ChatComplete(); location.href = url; // let url = "prd" === "prd" ? // "https://www.samsung.com/sec/chatbotPop/#/" : // "https://staging-samsungdotcom.gentlepie.com/chatbotPop/#/"; // var chatbotPop = window.open(url, // "chatselect", // 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); // chatbotPop.onbeforeunload = function () { // BnbGA4ChatComplete(); // } } function BnbGA4ChatStart() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_start' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } function BnbGA4ChatComplete() { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'chat_complete' }); } catch (e) { // 예외 처리를 위한 삼성의 코드 } } </script> <script> //231016 스크롤 함수 document.addEventListener("DOMContentLoaded", function(){ let lastValY = 0; addEventListener("scroll", e => { e.stopPropagation(); let thisValY = window.scrollY || window.pageYOffset; if(window.innerWidth > 1280) return; if($(".menu__wrap").length > 0) { if($(".menu__wrap").attr("aria-hidden") == "false") return; } const pfCompare = document.querySelector('.pfpd-compare'); let pfCompareTrue = pfCompare != null; let scrollDown = thisValY > lastValY + 2; let scrollUp = thisValY < lastValY - 2; //앱 아닐때 또는 특정 앱버전과 같거나 이전 버전이면 bnb 노출 이라서 이때만 실행되도록 수정 if(bnbFlag) { if($("#bottom__navi").length > 0) { if(pfCompareTrue) { pfCompare.style.transition = "0.2s cubic-bezier(0.165, 0.84, 0.44, 1)"; if(scrollDown) { pfCompare.classList.remove('withBnb'); } else if(scrollUp) { pfCompare.classList.add('withBnb'); } } if(scrollDown) { bnb.bnbHide(); } else if(scrollUp) { bnb.bnbShow(); } } } // scrollDown ? bnb.bnbHide() : bnb.bnbShow(); lastValY = thisValY; }); //bnb 혜택, 나의 정보 클릭된 상태로 되도록 추가 var chkUrl = "/sec/printers/"; //혜택 if(chkUrl.indexOf('/sec/mypage/eventCollection/eventCollectionList/') >= 0){ $(".bnbitem_benefits").addClass("active"); } //나의 정보 else if(chkUrl.indexOf('/sec/membership/point/') >= 0){ $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyMembership/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/mypetList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyDeliveryList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyDeviceList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/info/indexMyRepairList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/order/indexDeliveryList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/order/indexClaimList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/dividePayment/indexDividePaymentList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/dividePayment/indexDividePaymentClaimList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/myShopping/myRegularDelivery/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/qooker/qookerSubscribeInfo/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/maniaStamp/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/event/bespokePanelEventEntry/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexMyHotList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexMyexhibitions/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/interest/indexRestockView/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/coupon/indexMyCoupon/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/coupon/indexCouponDownload/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/present/indexMyPresentBox/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/review/indexMyReview/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/my-account/my-qna/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/customer/myDigitalReservationSearch/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/samsungstore/culture-lab/myculture/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/checkinHistory/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/qrScanGoodsHistory/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/coupon/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/instore/estimate/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/homeClass/indexMyHcOrderList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/homefitness/myhome/indexMyHotClsList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/homeClass/indexMyHcCancelExpireList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/indexMyGalaxyClub/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/careplus/getPaymentManagement/') >= 0) { $(".bnbitem_mypage").addClass("active"); } else if(chkUrl.indexOf('/sec/mypage/careplus/careplusSubscriptionList/') >= 0) { $(".bnbitem_mypage").addClass("active"); } }); </script> <div id="bottom__navi" class="bnb_renewal _hide"> <ul class="botnavi__menu"> <li class="bnbitem_menu" data-type="bnb__menu"> <a href="javascript:void(0);" data-omni="bnb_category" id="bnbCategory"> <i class="icon default"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_menu" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="icn_menu" d="M0,61V54H78v7ZM0,34V27H78v7ZM0,7V0H78V7Z" transform="translate(9 18)"></path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_menu_selected" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="icn_menu" d="M0,66.322V54H78V66.322Zm0-27V27H78V39.322Zm0-27V0H78V12.322Z" transform="translate(9 14.933)"> </path> </svg> </i> <span>메뉴</span> </a> </li> <li class="bnbitem_benefits" data-type="bnb__benefits"> <a href="/sec/mypage/eventCollection/eventCollectionList/" data-omni="bnb_benefits"> <i class="icon default"> <svg xmlns="http://www.w3.org/2000/svg" id="bnb_ic_benefits" width="96" height="96" viewBox="0 0 96 96"> <rect id="Rectangle" width="96" height="96" fill="none"></rect> <path id="_Icon_Regular_Shopping_Deal" data-name="*Icon / Regular / Shopping / Deal" d="M45.068,90.138a3.485,3.485,0,0,1-2.5-1.07l-7.25-7.619-10.08,3a3.45,3.45,0,0,1-4.33-2.5L18.438,71.7l-10.22-2.47a3.44,3.44,0,0,1-2.5-4.33l3-10.08-7.65-7.25a3.459,3.459,0,0,1,0-5l7.619-7.25-3-10.08a3.473,3.473,0,0,1,.38-2.71,3.522,3.522,0,0,1,2.18-1.63l10.22-2.46,2.46-10.22a3.453,3.453,0,0,1,4.341-2.5l10.08,3,7.22-7.65a3.459,3.459,0,0,1,5,0l7.25,7.619,10.08-3a3.43,3.43,0,0,1,4.33,2.49L71.7,18.408l10.23,2.471a3.44,3.44,0,0,1,2.5,4.33l-3,10.08,7.639,7.28a3.459,3.459,0,0,1,0,5l-7.619,7.25,3,10.08a3.449,3.449,0,0,1-2.51,4.34L71.7,71.7l-2.46,10.23a3.483,3.483,0,0,1-1.64,2.14,3.437,3.437,0,0,1-2.7.31l-10.08-3-7.25,7.69A3.484,3.484,0,0,1,45.068,90.138Zm-9.86-13.8c.1,0,.2,0,.31.013h.01a4.328,4.328,0,0,1,3.05,1.27l6.491,6.82,6.49-6.82a4.311,4.311,0,0,1,4.17-1.11l9,2.66,2.24-9.1a4.3,4.3,0,0,1,3-3l9.15-2.21-2.66-9a4.321,4.321,0,0,1,1.111-4.17l6.87-6.619-6.82-6.491a4.32,4.32,0,0,1-1.11-4.17l2.66-9-9.1-2.24a4.292,4.292,0,0,1-3-3.05l-2.31-9.149-9,2.66a4.288,4.288,0,0,1-4.17-1.11L45.068,5.7l-6.491,6.82a4.288,4.288,0,0,1-4.17,1.11l-9-2.66-2.24,9.149a4.285,4.285,0,0,1-3.05,3.05l-9.149,2.21,2.66,9a4.286,4.286,0,0,1-1.11,4.17L5.7,45.068l6.82,6.49a4.3,4.3,0,0,1,1.11,4.17l-2.66,9,9.149,2.21a4.289,4.289,0,0,1,3.05,3l2.21,9.15,9-2.66A3.783,3.783,0,0,1,35.208,76.335ZM57.3,62.568a7.025,7.025,0,0,1-5.945-2.6c-1.314-1.729-1.978-4.358-1.975-7.815v-.08c0-3.483.666-6.133,1.98-7.874a7,7,0,0,1,5.94-2.625,7,7,0,0,1,5.943,2.625c1.316,1.742,1.984,4.391,1.988,7.874s-.667,6.133-1.983,7.875A7.01,7.01,0,0,1,57.3,62.568Zm.045-16.646a2.15,2.15,0,0,0-2.035,1.456,12.4,12.4,0,0,0-.64,4.69,12.436,12.436,0,0,0,.64,4.69,2.15,2.15,0,0,0,4.071,0,12.436,12.436,0,0,0,.64-4.69,12.4,12.4,0,0,0-.64-4.69A2.151,2.151,0,0,0,57.343,45.922ZM39.678,62.068h-5.2l15.98-34h5.2Zm-6.84-13.579A7,7,0,0,1,26.9,45.863c-1.315-1.742-1.984-4.391-1.987-7.875s.667-6.133,1.982-7.875a7.009,7.009,0,0,1,5.947-2.625,7,7,0,0,1,5.945,2.625c1.314,1.742,1.978,4.391,1.975,7.875s-.666,6.133-1.98,7.875A7,7,0,0,1,32.838,48.488Zm.035-16.646A2.15,2.15,0,0,0,30.838,33.3a12.442,12.442,0,0,0-.64,4.69,12.4,12.4,0,0,0,.64,4.69,2.15,2.15,0,0,0,4.009.16l.062-.16a12.4,12.4,0,0,0,.64-4.69,12.442,12.442,0,0,0-.64-4.69A2.15,2.15,0,0,0,32.873,31.842Z" transform="translate(2.932 2.932)"> </path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <g id="bnb_ic_benefits_selected" transform="translate(-2592 1152)"> <rect id="Rectangle" width="96" height="96" transform="translate(2592 -1152)" fill="none"></rect> <path id="합치기_3" data-name="합치기 3" d="M44.82,93.774l-7.636-8.02L26.572,88.913a3.7,3.7,0,0,1-1.026.146,3.627,3.627,0,0,1-1.814-.485,3.671,3.671,0,0,1-1.719-2.295l-2.6-10.794-10.764-2.6A3.623,3.623,0,0,1,6.023,68.33L9.182,57.717,1.127,50.081a3.634,3.634,0,0,1,0-5.261l8.02-7.636L5.988,26.572a3.64,3.64,0,0,1,.4-2.85A3.692,3.692,0,0,1,8.687,22l10.759-2.588L22.033,8.652A3.631,3.631,0,0,1,26.6,6.024L37.219,9.182l7.6-8.055a3.633,3.633,0,0,1,5.261,0l7.636,8.02L68.329,5.989a3.567,3.567,0,0,1,1.036-.151,3.671,3.671,0,0,1,1.809.48,3.625,3.625,0,0,1,1.713,2.294l2.6,10.769,10.774,2.6a3.631,3.631,0,0,1,2.633,4.558L85.734,37.154l8.04,7.666a3.634,3.634,0,0,1,0,5.261l-8.02,7.636L88.913,68.33A3.637,3.637,0,0,1,86.27,72.9L75.485,75.485,72.9,86.26a3.689,3.689,0,0,1-1.728,2.254,3.644,3.644,0,0,1-2.84.323L57.717,85.678l-7.636,8.1a3.633,3.633,0,0,1-5.261,0Zm7.166-38.958V54.9c-.005,3.638.7,6.408,2.082,8.227a7.389,7.389,0,0,0,6.256,2.744c5.539,0,8.348-3.719,8.348-11.057s-2.815-11.052-8.348-11.052S51.986,47.483,51.986,54.816ZM36.3,65.348h5.473L58.6,29.548H53.123ZM26.223,39.994c.01,7.333,2.82,11.052,8.349,11.052s8.338-3.719,8.338-11.052c.005-4.179-.9-7.211-2.7-9.01a7.648,7.648,0,0,0-5.64-2.047C29.032,28.937,26.223,32.656,26.223,39.994Zm32.01,19.765a13.117,13.117,0,0,1-.672-4.937,13.027,13.027,0,0,1,.672-4.942,2.265,2.265,0,0,1,4.285,0,13.119,13.119,0,0,1,.672,4.942,13.211,13.211,0,0,1-.672,4.937,2.265,2.265,0,0,1-4.285,0ZM32.469,44.931a13,13,0,0,1-.672-4.937,13.1,13.1,0,0,1,.672-4.937,2.265,2.265,0,0,1,4.285,0,13.2,13.2,0,0,1,.672,4.937,13.1,13.1,0,0,1-.672,4.938l-.065.167a2.264,2.264,0,0,1-4.22-.167Z" transform="translate(2592.55 -1151.45)"> </path> </g> </svg> </i> <span>혜택</span> </a> </li> <li class="bnbitem_chatbot" data-type="bnb__chatbot"> <a href="javascript:void(0);" onclick="javascript:bnb_chat_select_open();" data-omni="bnb_chatbot" title="삼성닷컴 챗봇 새창열림"> <i class="icon default"> <svg id="bnb_ic_chatbot" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Communication_Message" data-name="Icon / Regular / Communication / Message" d="M15.5,83A2.5,2.5,0,0,1,13,80.5V65H10.5A10.512,10.512,0,0,1,0,54.5v-44A10.512,10.512,0,0,1,10.5,0h64A10.512,10.512,0,0,1,85,10.5v44A10.511,10.511,0,0,1,74.5,65H34.412L17.274,82.261A2.479,2.479,0,0,1,15.5,83Zm-5-78A5.506,5.506,0,0,0,5,10.5v44A5.506,5.506,0,0,0,10.5,60h5A2.5,2.5,0,0,1,18,62.5V74.434L31.6,60.739A2.512,2.512,0,0,1,33.371,60H74.5A5.506,5.506,0,0,0,80,54.5v-44A5.506,5.506,0,0,0,74.5,5Zm51,32.5a5,5,0,1,1,5-5A5.006,5.006,0,0,1,61.5,37.5Zm-19,0a5,5,0,1,1,5-5A5.006,5.006,0,0,1,42.5,37.5Zm-19,0a5,5,0,1,1,5-5A5.006,5.006,0,0,1,23.5,37.5Z" transform="translate(5.5 6.5)"> </path> </svg> </i> <i class="icon active"> <svg id="bnb_ic_chatbot_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Communication_Message" data-name="Icon / Regular / Communication / Message" d="M15.5,83A2.5,2.5,0,0,1,13,80.5V65H10.5A10.512,10.512,0,0,1,0,54.5v-44A10.512,10.512,0,0,1,10.5,0h64A10.512,10.512,0,0,1,85,10.5v44A10.511,10.511,0,0,1,74.5,65H34.412L17.274,82.261A2.479,2.479,0,0,1,15.5,83Zm46-55.5a5,5,0,1,0,5,5A5.005,5.005,0,0,0,61.5,27.5Zm-19,0a5,5,0,1,0,5,5A5.005,5.005,0,0,0,42.5,27.5Zm-19,0a5,5,0,1,0,5,5A5.005,5.005,0,0,0,23.5,27.5Z" transform="translate(5.5 6.5)"> </path> </svg> </i> <span>채팅/상담</span> </a> </li> <li class="bnbitem_mypage" data-type="bnb__mypage"> <a href="javascript:;" onclick='openSessionLink("/sec/membership/point/", "_self");' data-omni="bnb_my account"> <i class="icon default"> <svg id="bnb_ic_mypage" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <rect id="Container" width="96" height="96" fill="none"></rect> <path id="Icon_Regular_Human_User" data-name="Icon / Regular / Human / User" d="M3.5,89A3.5,3.5,0,0,1,0,85.5V77.555A27.425,27.425,0,0,1,2.443,66.3a30.55,30.55,0,0,1,6.612-9.422,31.451,31.451,0,0,1,9.709-6.471,29.829,29.829,0,0,1,23.472,0,31.451,31.451,0,0,1,9.709,6.471A30.55,30.55,0,0,1,58.558,66.3,27.425,27.425,0,0,1,61,77.555V85.5A3.5,3.5,0,0,1,57.5,89ZM20.705,55.014a26.465,26.465,0,0,0-8.12,5.4,25.581,25.581,0,0,0-5.538,7.834A22.471,22.471,0,0,0,5,77.555V84H56V77.555a22.475,22.475,0,0,0-2.008-9.217,25.556,25.556,0,0,0-5.439-7.785,26.472,26.472,0,0,0-7.987-5.422A24.976,24.976,0,0,0,30.912,53L30.5,53A24.934,24.934,0,0,0,20.705,55.014ZM22.52,39.389A20.569,20.569,0,1,1,30.5,41,20.429,20.429,0,0,1,22.52,39.389ZM19.54,9.54A15.5,15.5,0,1,0,30.5,5,15.4,15.4,0,0,0,19.54,9.54Z" transform="translate(17.5 3.5)"> </path> </svg> </i> <i class="icon active"> <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <g id="bnb_ic_mypage_selected" transform="translate(-2538 1045)"> <rect id="Container" width="96" height="96" transform="translate(2538 -1045)" fill="none"></rect> <path id="Icon_Regular_Human_User" data-name="Icon / Regular / Human / User" d="M3.5,89A3.5,3.5,0,0,1,0,85.5V77.554C0,61.819,13.978,48,30.5,48S61,61.819,61,77.554V85.5A3.5,3.5,0,0,1,57.5,89ZM10,20.5A20.5,20.5,0,1,1,30.5,41,20.5,20.5,0,0,1,10,20.5Z" transform="translate(2555.5 -1041.5)"> </path> </g> </svg> </i> <span>나의 정보</span> </a> </li> <li class="bnbitem_recent" data-type="bnb__recent" id="liRecentGoods"> <a href="javascript:void(0)" data-omni="bnb_recently viewed products"> <i class="icon default"> <svg id="bnb_ic_history" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <path id="Icon-_-Regular-_-Notification-_-Clock" data-name="Icon-/-Regular-/-Notification-/-Clock" d="M47.5,3A45.5,45.5,0,1,1,2,48.5,45.5,45.5,0,0,1,47.5,3Zm0,5A40.5,40.5,0,1,0,88,48.5,40.5,40.5,0,0,0,47.5,8ZM50,15.5V46H75.5v5H45V15.5Z" transform="translate(0.5 -0.5)"> </path> <rect id="container" width="96" height="96" fill="none"></rect> </svg> </i> <i class="icon active"> <svg id="bnb_ic_history_selected" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"> <path id="제외_2" data-name="제외 2" d="M45.5,91A45.5,45.5,0,1,1,91,45.5,45.553,45.553,0,0,1,45.5,91ZM43,12.5V48H73.5V43H48V12.5Z" transform="translate(2.999 2.999)"> </path> <rect id="container" width="96" height="96" fill="none"></rect> </svg> </i> <span>최근 본 제품</span> </a> </li> </ul> </div>  </div> <input type="hidden" id="viewStContextPath" value="/sec/"/>  <script async>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NVX3V74');</script>   <noscript><iframe loading="lazy" src="https://www.googletagmanager.com/ns.html?id=GTM-NVX3V74" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script async> /* s : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function checkAge(birthDate){ const today = new Date(); //현재날짜 birthDate = (birthDate + "") var age = today.getFullYear() - Number(birthDate.slice(0,4)); //나이 var mon = (today.getMonth()+1) - Number(birthDate.slice(4,6)); //월 //생일 안지났으면 -1 if(mon < 0 || (mon === 0 && today.getDate() < Number(birthDate.slice(6,8)))) { age = age -1; } return age; } /* e : 만 나이 구하는 함수 @param birthDate : 생년월일 jiwon0.id 22.05.17 */ function chat_open() { fcTrack('click','floating chat:chat bot'); var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); /* 만 나이별로 agepass 구분값 전송 * 14세 이상 => 'y' * 14세 미만 => 'n' * 로그인하지 않을경우 => 'u' */ var agepass = null; var birthAge = null; var birthDate = $.cookie("birthDate_1_"); if(birthDate != 0 && birthDate != null){ birthAge = checkAge(birthDate); } if( birthAge == "" || birthAge == null || birthAge == undefined ) { agepass = "u"; } else if(birthAge > 13) { agepass = "y"; } else if(birthAge < 14) { agepass = "n"; } window.open('/sec/chatbot/?agepass='+ agepass, 'chatbot', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } function chat_open2() { fcTrack('click','floating chat:chat online'); var gType = Math.round(Math.random() * 1) ? 'm' : 'f'; var popupX = (window.screen.width / 2) - (356 / 2); var popupY = (window.screen.height / 2) - (750 / 2); window.open('/sec/chatbot/?type=ep&c='+ gType, '_chatbot2', 'status=no, height=750, width=356, left=' + popupX + ', top=' + popupY + ', screenX=' + popupX + ', screenY= ' + popupY); } function chat_open3() { fcTrack('click','floating chat:offline store'); } function gift_open() { fcTrack('click','float chat:event gift'); window.location.href = '/sec/' + "event/gift/"; } function floating_open() { fcTrack('click','floating chat'); } logger("prd"); </script>  <script defer src="https://www.googletagmanager.com/gtag/js?id=AW-10864240863"></script> <script defer> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10864240863'); </script>  <script type="text/javascript" src="https://resources.digital-cloud-west.medallia.com/wdcwest/469099/onsite/embed.js" async></script> </body> </html>

CINXE.COM

프린터 | Samsung 대한민국