CINXE.COM
Energizing Lighting | SAMSUNG LED | Samsung LED Global Website
<!DOCTYPE html> <html lang="en-GB" itemscope="" itemtype="http://schema.org/WebPage"> <head> <title>Energizing Lighting | SAMSUNG LED | Samsung LED Global Website</title> <meta name="title" content="Energizing Lighting | SAMSUNG LED | Samsung LED Global Website"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/> <link rel="canonical" href="https://led.samsung.com/lighting/applications/energizing-lighting/"> <meta name="keywords" content="Samsung, Samsung LED, Applications, Energizing Lighting"> <meta name="description" content="Samsung Energizing Lighting - Applications. Enrich each moment with more energy and well-being"> <meta name="date" content="2023-05-02"><!--Latest Publishing Date --> <meta name="sitecode" content="led"> <meta property="og:type" content="website"> <meta itemprop="og:url" content="https://led.samsung.com/lighting/applications/energizing-lighting/"> <meta property="og:title" content="Energizing Lighting | SAMSUNG LED | Samsung LED Global Website"/> <meta property="og:description" content="Samsung Energizing Lighting - Applications. Enrich each moment with more energy and well-being"/> <meta property="og:image" content="https://cdn.samsung.com/etc/designs/smg/global/imgs/logo-square-letter.png"/> <meta itemprop="name" content="Samsung LED"> <meta itemprop="image" content="//cdn.samsung.com/etc/designs/smg/global/imgs/logo-square-letter.png"> <meta itemprop="url" content="//led.samsung.com/lighting/applications/energizing-lighting/"> <meta itemprop="description" content="Samsung Energizing Lighting - Applications. Enrich each moment with more energy and well-being"> <meta itemprop="keywords" content="Samsung, Samsung LED, Applications, Energizing Lighting"> <link rel="shortcut icon" href="//cdn.samsung.com/etc/designs/smg/global/imgs/favicon.ico"> <link rel="apple-touch-icon" href="//cdn.samsung.com/etc/designs/smg/global/imgs/app_ico.gif"> <link rel="stylesheet" href="/etc/designs/led/global/business/css/four-column-links.css" type="text/css"> <link rel="stylesheet" type="text/css" href="/etc/designs/led/global/business/css/main.css"> <link rel="stylesheet" href="/etc/designs/led/global/business/common/common-plugins.min.css" type="text/css"/> <link rel="stylesheet" href="/etc/designs/led/global/business/common/common-led.min.css" type="text/css"/> <link rel="stylesheet" href="/etc/designs/led/global/business/templates/page.min.css" type="text/css"/> <link rel="stylesheet" href="/etc/designs/led/global/business/templates/page-applications.min.css" type="text/css"/> <!--[if lt IE 9]> <script src="/etc/designs/led/global/business/js/modern.lib.min.js"></script> <![endif]--> <script type="text/javascript"> var replaceAll = function(source, regex, replacement) { var regExp = new RegExp(regex, "gi"); return source.replace(regExp, replacement); } var siteCode = "global"; var digitalData = { "page" : { "pageInfo" : { "siteCode" : siteCode, "siteSection" : siteCode + ":" + "led", "pageName" : "", "pageURL" : window.location.href, "pageTrack" : "led application" }, "pathIndicator" : { "depth_2" : "", "depth_3" : "", "depth_4" : "", "depth_5" : "" } }, "product" : { "category" : "", "model_code" : "", "model_name" : "" }, "insight" : { "contents_type" : "", "content_title" : "" } } // Depth Info. var depth = 5; // Set Path Indicator. digitalData.page.pathIndicator.depth_2 = "led"; if (depth >= 3) digitalData.page.pathIndicator.depth_3 = "lighting".toLowerCase(); if (depth >= 4) digitalData.page.pathIndicator.depth_4 = "applications".toLowerCase(); if (depth >= 5) digitalData.page.pathIndicator.depth_5 = "energizing lighting".toLowerCase(); // Set Page Name. 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.trim(); } digitalData.page.pageInfo.pageName = pageName; </script> <script src="//assets.adobedtm.com/72afb75f5516/38c26d559246/launch-1ad4a28cc238.min.js" async></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(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="XXHKR-8MT3Z-Z4JAV-J44JJ-GT55U",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"XXHKR-8MT3Z-Z4JAV-J44JJ-GT55U";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbeqxjpkdmz7jvqkq-f-924b9178c-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"1442353","ak.ai":parseInt("889226",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"22ba4b","ak.r":42017,"ak.a2":n,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":42860,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1743367189","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==hYgQAWATLzpo5kYhycu2vpOpnLiLW3A0dCMayFQZtbQOU0OMt6L3bOLvobpu9VErXmS+2OmsDY7I68W2j2gUQBW9PGjeifSpSmw2Qb4ok+2chkmu+e/943bcuFugk+GJClyqdb+kzKCc+BRncQ2MbTzu8Vc/jn9g2xcGbM7X6vyMbPhM0y5bAoOWwnsUWh4UHAoOtCJ64+ATawiZJcCuyY+Ezsg4UJxf9OMxpg/kzzNkdiknLiU6V1MpOfRxIm3cR7bqMi3iUom8yyHRStk/8axK6CVxwe+oWsmeAbY1LI1lEzy3uzmOZbUrE7TZjJr7WLBCO5QKXfhDHq7jg14leEi3l9M6BP6P/tXvrx6PXxkW9nOT54DJUTwpenCqglWGcwixcBQwnlm3pagYj6lEqIrkf4ML09vSJ0gd1bWbwBM=","ak.pv":"23","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["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(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class="cookie-warning"> <div id="wrap"> <header id="menu" class="global-element-gnb sub"> <div class="cookieNotice cm-led-cookie-notice"><!-- googleoff: all--> <div id="wrap"> <div class="cookie-notice" role="status" style="display:none"> <p class="cookie-notice__desc">This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies.</p> <a href="/privacy/" class="cookie-notice__link">Find out more here</a> <button type="button" class="cookie-notice__btn-close">Close</button> </div> </div> <!-- googleon: all--></div> <!-- googleoff: all--> <div class="global-element-gnb-wrap"> <div class="global-element-gnb-logo"> <a href="/content/led/" class="global-element-gnb-logo-title"> <img src="/etc.clientlibs/led/components/global/content/business/global-element/ge-led-gnb/clientlibs/resources/img/global-samsung-logo.svg" alt="SAMSUNG"/> </a> </div> <nav class="global-element-gnb-list"> <ul class="global-element-gnb-column"> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> Lighting </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center "> <div class="global-element-gnb-category-feature left"> <div class="global-element-gnb-category__feature-title">LIGHTING</div> <div class="global-element-gnb-category__feature-image"> <figure class="global-element-gnb-category__feature__image__picture"> <!-- [WSC-692] GNB - 배너 클릭 가능하게 수정 및 Learn more 버튼 마진 수정 --> <!-- a 태그 추가하였습니다 --> <a href="/lighting/applications/energizing-lighting/"> <picture> <source media="(min-width: 1024px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-lighting-energizing-lighting.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-lighting-energizing-lighting.png?$ORIGIN_PNG$"/> <img loading="lazy" src="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-lighting-energizing-lighting.png?$ORIGIN_PNG$" class="global-element-gnb-category__feature__image" width="128" height="72" alt="Samsung LEDs double arm street lights lighting up both side of roadways"/> </picture> </a> <!-- //a 태그 추가하였습니다 --> </figure> </div> <div class="global-element-gnb-category__feature-summary">Overview Text</div> <a href="/lighting/applications/energizing-lighting/" class="global-element-gnb-learnmore-btn dark-bg btn-large icon-right">LEARN MORE</a> </div> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/lighting/mid-power-leds/"> <span>Mid Power LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/mid-power-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/mid-power-leds/2835-leds/"> 2835 LEDs </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/mid-power-leds/3030-leds/"> 3030 LEDs </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/mid-power-leds/5630-leds/"> 5630 LEDs </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/lighting/high-power-leds/"> <span>High Power LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/high-power-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/high-power-leds/3535-leds/"> 3535 LEDs </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/high-power-leds/5050-leds/"> 5050 LEDs </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/lighting/csp-leds/"> <span>CSP LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/csp-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/csp-leds/mp-csp/"> MP CSP </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/csp-leds/hp-csp/"> HP CSP </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/lighting/cob-leds/"> <span>COB LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/cob-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/cob-leds/c-series/"> C Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/cob-leds/d-series/"> D Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/cob-leds/r-series/"> R Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/cob-leds/t-series/"> T Series </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/lighting/led-modules/"> <span>LED Modules</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/led-modules/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/led-modules/ambient-light-module/"> Ambient Light Module </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/led-modules/downlight-module/"> Downlight Module </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/led-modules/outdoor-light-module/"> Outdoor Light Module </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/led-modules/industrial-light-module/"> Industrial Light Module </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>Applications</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/applications/energizing-lighting/"> Energizing Lighting </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/applications/relaxing-lighting/"> Relaxing Lighting </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/applications/horticulture-lighting/"> Horticulture Lighting </a> </li> </ul> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> Automotive </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center "> <div class="global-element-gnb-category-feature left"> <div class="global-element-gnb-category__feature-title">C-series Gen3</div> <div class="global-element-gnb-category__feature-image"> <figure class="global-element-gnb-category__feature__image__picture"> <!-- [WSC-692] GNB - 배너 클릭 가능하게 수정 및 Learn more 버튼 마진 수정 --> <!-- a 태그 추가하였습니다 --> <a href="/automotive/automotive-leds/c-series/"> <picture> <source media="(min-width: 1024px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-automotive-c-series.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-automotive-c-series.png?$ORIGIN_PNG$"/> <img loading="lazy" src="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-automotive-c-series.png?$ORIGIN_PNG$" class="global-element-gnb-category__feature__image" width="128" height="72" alt="Samsung LEDs the left body of car with powerful headlamp light"/> </picture> </a> <!-- //a 태그 추가하였습니다 --> </figure> </div> <div class="global-element-gnb-category__feature-summary"></div> <a href="/automotive/automotive-leds/c-series/" class="global-element-gnb-learnmore-btn dark-bg btn-large icon-right">LEARN MORE</a> </div> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/automotive/automotive-leds/"> <span>Automotive LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/c-series/"> C Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/u-series/"> U Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/i-series/"> I Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/t-series/"> T Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/fx-series/"> Fx Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/s-series/"> S Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/p-series/"> P Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/e-series/"> E Series </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/automotive/automotive-modules/"> <span>Automotive Modules</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-modules/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-modules/pixcell-led/"> PixCell LED </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>Applications</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/applications/head-lamp/"> Head Lamp </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/applications/drl-position/"> DRL / Position </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/applications/turn-signal/"> Turn Signal </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/applications/rcl-chmsl/"> RCL / CHMSL </a> </li> </ul> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> Display & Mobile </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center "> <div class="global-element-gnb-category-feature left"> <div class="global-element-gnb-category__feature-title">Display LEDs</div> <div class="global-element-gnb-category__feature-image"> <figure class="global-element-gnb-category__feature__image__picture"> <!-- [WSC-692] GNB - 배너 클릭 가능하게 수정 및 Learn more 버튼 마진 수정 --> <!-- a 태그 추가하였습니다 --> <a href="/display-mobile/display-leds/"> <picture> <source media="(min-width: 1024px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-displaymobile.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-displaymobile.png?$ORIGIN_PNG$"/> <img loading="lazy" src="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-displaymobile.png?$ORIGIN_PNG$" class="global-element-gnb-category__feature__image" width="128" height="72" alt="Samsung LEDs sunset inside a TV perfectly connected to the real one outside due to bezel-less design"/> </picture> </a> <!-- //a 태그 추가하였습니다 --> </figure> </div> <div class="global-element-gnb-category__feature-summary"></div> <a href="/display-mobile/display-leds/" class="global-element-gnb-learnmore-btn dark-bg btn-large icon-right">LEARN MORE</a> </div> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/display-mobile/display-leds/"> <span>Display LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/display-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/display-leds/edge-display-led/"> Edge Display LED </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/display-leds/direct-display-led/"> Direct Display LED </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>Mobile LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/mobile-leds/mobile-flash-led/"> Mobile Flash LED </a> </li> </ul> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> </ul> <ul class="global-element-gnb-column"> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large" href="/insights/"> Insights </a> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> Support </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center notFeature "> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>Tools</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/support/tools/quick-downloads/"> Quick Downloads </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/support/tools/led-component-calculator/"> LED Component Calculator </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/support/tools/engine-calculator/"> Engine Calculator </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" title="open new window" target="_blank" href="fncontactus"> <span>Contact Us</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/sales-network/"> <span>Sales Network</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/in-brand/"> <span>In-branding Program</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/warranties/"> <span>Warranties</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/ecodesign/"> <span>Ecodesign</span> </a> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> About Us </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center notFeature centered"> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/about-us/business-overview/"> <span>Business Overview</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>News & Events</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/about-us/news-events/news/"> News </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/about-us/news-events/events/"> Events </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/about-us/virtual-exhibition/"> <span>Virtual Exhibition</span> </a> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> </ul> <div class="global-element-gnb-btnMenuPopupClose"> <button type="button" aria-label="close to menu popup"></button> </div> </nav> <div class="global-element-gnb-utility"> <button type="button" class="global-element-gnb-utility__search-btn btnSearchPopupOpen" aria-label="open to search popup"> <img src="/etc.clientlibs/led/components/global/content/business/global-element/ge-led-gnb/clientlibs/resources/img/icon-bold-action-search-wh.svg" aria-hidden="true" alt=""/> </button> <!-- mobile menu --> <button type="button" class="global-element-gnb-utility__menu-btn btnMenuPopupOpen" aria-label="open to menu popup"> <img src="/etc.clientlibs/led/components/global/content/business/global-element/ge-led-gnb/clientlibs/resources/img/icon-regular-navigation-menu-wh.svg" aria-hidden="true" alt=""/> </button> <!-- // mobile menu --> </div> </div> <!--googleon: all--> <div class="search-popup ge-led-search-popup"><!-- googleoff: all--> <!-- 2023_new Search --> <div id="search-popup-01" class="global-element-search none none " aria-hidden="true"> <div class="global-element-search-wrapper"> <div class="global-element-search-form" id="globalElementSearchsearchPopupForm"> <!-- /* heading level none 시 div 태그로 변경 */--> <h2 class="global-element-search-title highContrastTarget h2"> <label for="globalElementSearchinp_search">What are you looking for?</label> </h2> <!-- /* heading level none 시 div 태그로 변경 */--> <div class="fieldset"> <div class="global-element-search-inputbox-wrap" tabindex="0"> <!-- /* placeholder 최대 20자 (기능 구현 불가) */ --> <input class="global-element-search-inputbox" id="globalElementSearchinp_search" type="search" value="" placeholder="Search keyword" autocomplete="off" maxlength="110"/> <button type="button" class="btn-input-clear" aria-label="clear input field"></button> <!-- /* related-searches */ --> <div class="global-element-search-related-searches search-extends" aria-hidden="true"> <dl> <dt class="highContrastTarget">Related Searches</dt> </dl> <!-- 220405 레이어 닫기 버튼 추가 --> <div><button type="button" class="search-extends-close">Close</button></div> </div> <!-- /* related-searches */ --> <!-- /* search-history */ --> <div class="global-element-search-history search-extends" aria-hidden="true"> <dl> <dt class="highContrastTarget">Search History</dt> </dl> <button type="button" class="btn-clear-all light-bg btn-medium"> Clear All </button> <div><button type="button" class="search-extends-close">Close</button></div> </div> <!-- /* search-history */ --> <div class="global-element-search-no-suggestions search-extends" aria-hidden="true">Hit Enter to Search</div> <button type="button" class="btn-newsSubmitSearch" aria-label="submit"></button> </div> <div class="global-element-search-recommend-chips"> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">Horticulture</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">PixCell LED</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">Mini LED</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">LM301H EVO</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">LH508D</a> </div> <button type="button" class="btnSearchPopupClose" aria-label="close search popup"></button> </div> </div> </div> </div> <!-- // 2023_new Search --> <!--googleon: all--></div> </header> <div id="pageUtilHeader" data-run-mode="[prd][s7connect][crx3][nosamplecontent][publish][live][crx3tar]" data-new-search-domain="https://search.led.samsung.com" data-scene7-image-domain="https://image.led.samsung.com/image/samsung/p6" data-scene7-content-domain="https://image.led.samsung.com/content/samsung/p6" style="display:none"> </div> <div id="content" role="main"> <!-- include the parsys component --> <div class="par parsys"><div class="st-led-static-content section"> <!-- googleoff: all--> <style scoped="scoped"> .pd-product-selection-guide-detail.all-no-option .pd-product-selection-guide-detail-table-spec{text-align:left;} .pd-product-selection-guide-detail-table td .pd-product-selection-guide-detail-table-spec-item.custom {font-size:12px;} @media screen and (max-width: 1440px){ .pd-product-selection-guide-detail-table td .pd-product-selection-guide-detail-table-spec-item.custom {font-size:0.834vw;} } .s-slick .slick-list .slick-track{margin:0 auto;} </style> <!--googleon: all--> </div> <div class="st-led-static-content section"> <!-- googleoff: all--> <style scoped="scoped"> .feature.f04 li .obj img { opacity: 0; } .feature.f04 li .obj .bg img:nth-child(1), .feature.f04 li .obj .char img:nth-child(1), .feature.f04 li .obj .graph img:nth-child(1) { opacity: 1; } .feature.f04 li.active-image .obj .bg img:nth-child(1) { transition: opacity 0s 0.6s; opacity: 0; } .feature.f04 li.active-image .obj .bg img:nth-child(2) { transition: opacity 0.3s 0.3s; opacity: 1; } .feature.f04 li.active-image .obj .shadow img:nth-child(1) { transition: opacity 0.3s 0.4s; opacity: 1; } .feature.f04 li.active-image .obj .shadow img:nth-child(2) { transition: opacity 0.3s 0.45s; opacity: 1; } .feature.f04 li.active-image .obj .light img:nth-child(1) { transition: opacity 0.3s 0.3s; opacity: 1; } .feature.f04 li.active-image .obj .char img:nth-child(2) { transition: opacity 0.3s 0.3s; opacity: 1; } .feature.f04 li:nth-child(1) .obj .graph img:nth-child(2) { transform: matrix(1, 0, 0, 1.2857, 0.5, 0); transform-origin: 0 604px; } .feature.f04 li:nth-child(1) .obj .graph img:nth-child(3) { transform: translateY(-2%); } .feature.f04 li:nth-child(1).active-graph .obj .graph img:nth-child(2) { transition: opacity 0.3s 0.3s, transform 0.5s 0.7s; opacity: 1; transform: matrix(1, 0, 0, 1, 0.5, 0); } .feature.f04 li:nth-child(1).active-graph .obj .graph img:nth-child(3) { transition: opacity 0.3s 1.1s, transform 0.5s 1.3s; opacity: 1; transform: translateY(0); } .feature.f04 li:nth-child(2) .obj .graph img:nth-child(2) { transform: rotateX(40deg); transform-origin: 59px 611px; } .feature.f04 li:nth-child(2) .obj .graph img:nth-child(3) { transform: translateX(0.8%); } .feature.f04 li:nth-child(2) .obj .graph img:nth-child(5) { transform: translateX(1%); } .feature.f04 li:nth-child(2).active-graph .obj .graph img:nth-child(2) { transition: opacity 0.3s 0.3s, transform 0.5s 0.3s; opacity: 1; transform: rotateX(0deg); } .feature.f04 li:nth-child(2).active-graph .obj .graph img:nth-child(3) { transition: opacity 0.3s 0.5s, transform 0.5s 0.7s; opacity: 1; transform: translateX(0); } .feature.f04 li:nth-child(2).active-graph .obj .graph img:nth-child(4) { transition: opacity 0.3s 0.8s; opacity: 1; } .feature.f04 li:nth-child(2).active-graph .obj .graph img:nth-child(5) { transition: opacity 0.3s 0.8s, transform 0.5s 0.9s; opacity: 1; transform: translateX(0); } .feature.f04 li:nth-child(3) .obj .graph img:nth-child(2) { transform: matrix(1, 0, 0, 0.9322, 0.5, 0); transform-origin: 0 626px; } .feature.f04 li:nth-child(3) .obj .graph img:nth-child(4) { transform: translateY(1%); } .feature.f04 li:nth-child(3) .obj .graph img:nth-child(5) { transform: translateY(0.5%); } .feature.f04 li:nth-child(3).active-graph .obj .graph img:nth-child(2) { transition: opacity 0.3s 0.3s, transform 0.3s 0.7s; opacity: 1; transform: matrix(1, 0, 0, 1, 0.5, 0); } .feature.f04 li:nth-child(3).active-graph .obj .graph img:nth-child(3) { transition: opacity 0.3s 0.7s; opacity: 1; } .feature.f04 li:nth-child(3).active-graph .obj .graph img:nth-child(4) { transition: opacity 0.3s 0.8s, transform 0.5s 0.9s; opacity: 1; transform: translateY(0); } .feature.f04 li:nth-child(3).active-graph .obj .graph img:nth-child(5) { transition: opacity 0.3s 1.1s, transform 0.5s 1.2s; opacity: 1; transform: translateY(0); } .feature.f04 li:nth-child(4) .obj .graph img:nth-child(2), .feature.f04 li:nth-child(4) .obj .graph img:nth-child(3) { opacity: 1; transform: scaleX(0); transform-origin: 59px 0; } .feature.f04 li:nth-child(4) .obj .graph img:nth-child(4) { opacity: 1; transform: scaleX(0); transform-origin: 204px 0; } .feature.f04 li:nth-child(4) .obj .graph img:nth-child(5) { transform: translateX(-2%); } .feature.f04 li:nth-child(4).active-graph .obj .graph img:nth-child(2), .feature.f04 li:nth-child(4).active-graph .obj .graph img:nth-child(3) { transition: transform 0.5s 0.3s; transform: scaleX(1); } .feature.f04 li:nth-child(4).active-graph .obj .graph img:nth-child(4) { transition: transform 0.5s 0.7s; transform: scaleX(1); } .feature.f04 li:nth-child(4).active-graph .obj .graph img:nth-child(5) { transition: opacity 0.3s 1s, transform 0.5s 1s; opacity: 1; transform: translateX(0); } .feature.f04 li:nth-child(5) .obj .graph img:nth-child(2) { transform: rotateX(40deg); transform-origin: 739px 613px; } .feature.f04 li:nth-child(5) .obj .graph img:nth-child(3) { transform: translateY(1.2%); } .feature.f04 li:nth-child(5) .obj .graph img:nth-child(5) { transform: translateY(1%); } .feature.f04 li:nth-child(5).active-graph .obj .graph img:nth-child(2) { transition: opacity 0.3s 0.3s, transform 0.5s 0.3s; opacity: 1; transform: rotateX(0deg); } .feature.f04 li:nth-child(5).active-graph .obj .graph img:nth-child(3) { transition: opacity 0.3s 0.5s, transform 0.5s 0.7s; opacity: 1; transform: translateX(0); } .feature.f04 li:nth-child(5).active-graph .obj .graph img:nth-child(4) { transition: opacity 0.3s 0.8s; opacity: 1; } .feature.f04 li:nth-child(5).active-graph .obj .graph img:nth-child(5) { transition: opacity 0.3s 0.8s, transform 0.5s 0.9s; opacity: 1; transform: translateX(0); } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(2), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(3), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(4), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(5) { transform-origin: 0 605px; } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(2) { transform: matrix(1, 0, 0, 1.4167, 0.5, 0); } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(3) { transform: matrix(1, 0, 0, 1.1304, 0.5, 0); } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(4) { transform: matrix(1, 0, 0, 1.5, 0.5, 0); } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(5) { transform: matrix(1, 0, 0, 1.5, 0.5, 0); } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(6) { transform: translateY(-2%); } .feature.f04 li:nth-child(6).active-graph .obj .graph img:nth-child(2), .feature.f04 li:nth-child(6).active-graph .obj .graph img:nth-child(3), .feature.f04 li:nth-child(6).active-graph .obj .graph img:nth-child(4), .feature.f04 li:nth-child(6).active-graph .obj .graph img:nth-child(5) { transition: opacity 0.3s 0.3s, transform 0.5s 0.6s; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); } .feature.f04 li:nth-child(6).active-graph .obj .graph img:nth-child(6) { transition: opacity 0.3s 0.8s, transform 0.5s 1s; opacity: 1; transform: translateY(0); } @media (max-width: 1440px) { .feature.f04 li:nth-child(1) .obj .graph img:nth-child(2) { transform-origin: 0 41.94vw; } .feature.f04 li:nth-child(2) .obj .graph img:nth-child(2) { transform-origin: 4.1vw 42.43vw; } .feature.f04 li:nth-child(3) .obj .graph img:nth-child(2) { transform-origin: 0 43.47vw; } .feature.f04 li:nth-child(4) .obj .graph img:nth-child(2), .feature.f04 li:nth-child(4) .obj .graph img:nth-child(3) { transform-origin: 4.1vw 0; } .feature.f04 li:nth-child(4) .obj .graph img:nth-child(4) { transform-origin: 14.17vw 0; } .feature.f04 li:nth-child(5) .obj .graph img:nth-child(2) { transform-origin: 51.32vw 42.57vw; } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(2), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(3), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(4), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(5) { transform-origin: 0 42.01vw; } } @media (max-width: 768px) { .feature .anchor-bar-wrap .select + ul { transition: margin-top 0.5s; } .feature .anchor-bar-wrap .select.nav_on + ul { margin-top: 0; } .feature.f04 li:nth-child(1) .obj .graph img:nth-child(2) { transform: matrix(1, 0, 0, 1.27, 0.5, 0); transform-origin: 0 204.17vw; } .feature.f04 li:nth-child(2) .obj .graph img:nth-child(2) { transform-origin: 8.47vw 201.25vw; } .feature.f04 li:nth-child(3) .obj .graph img:nth-child(2) { transform: matrix(1, 0, 0, 0.9375, 0.5, 0); transform-origin: 0 192.5vw; } .feature.f04 li:nth-child(4) .obj .graph img:nth-child(2), .feature.f04 li:nth-child(4) .obj .graph img:nth-child(3) { transform-origin: 8.47vw 0; } .feature.f04 li:nth-child(4) .obj .graph img:nth-child(4) { transform-origin: 40.56vw 0; } .feature.f04 li:nth-child(5) .obj .graph img:nth-child(2) { transform-origin: 8.47vw 195.56vw; } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(2), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(3), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(4), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(5) { transform-origin: 0 193.47vw; } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(2) { transform: matrix(1, 0, 0, 1.5, 0.5, 0); } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(3) { transform: matrix(1, 0, 0, 1.1563, 0.5, 0); } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(4) { transform: matrix(1, 0, 0, 1.5455, 0.5, 0); } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(5) { transform: matrix(1, 0, 0, 1.5455, 0.5, 0); } } @media (max-width: 320px) { .feature.f04 li:nth-child(1) .obj .graph img:nth-child(2) { transform-origin: 0 653px; } .feature.f04 li:nth-child(2) .obj .graph img:nth-child(2) { transform-origin: 27px 644px; } .feature.f04 li:nth-child(3) .obj .graph img:nth-child(2) { transform-origin: 0 616px; } .feature.f04 li:nth-child(4) .obj .graph img:nth-child(2), .feature.f04 li:nth-child(4) .obj .graph img:nth-child(3) { transform-origin: 27px 0; } .feature.f04 li:nth-child(4) .obj .graph img:nth-child(4) { transform-origin: 129px 0; } .feature.f04 li:nth-child(5) .obj .graph img:nth-child(2) { transform-origin: 27px 625px; } .feature.f04 li:nth-child(6) .obj .graph img:nth-child(2), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(3), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(4), .feature.f04 li:nth-child(6) .obj .graph img:nth-child(5) { transform-origin: 0 619px; } } </style> <!--googleon: all--> <!-- googleoff: all--> <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(){ 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; } } }); </script> <!--googleon: all--> </div> <div class="st-led-static-content section"> <!-- googleoff: all--> <style scoped="scoped"> .pd-product-selection-guide-title{font-weight:bold;} .st-semi-static-content.section{ min-width:320px;width:100%;margin:0 auto;} .feature.anchor-bar { z-index: 5; } .feature.anchor-bar .anchor-bar-wrap{max-width: 1440px;background-color: #639bbd;margin: 0 auto;} .feature.anchor-bar .anchor-bar-wrap.fixed {position: fixed;top: 0;width: 100%;left:0; left: 50%;transform: translateX(-50%);} .feature .anchor-bar-f04{ z-index: 5; } .feature.anchor-bar-f04 .anchor-bar-wrap{max-width: 1440px;background-color: #727577;} .feature .anchor-bar-f04 .anchor-bar-wrap.fixed {position: fixed;top: 65px;width: 100%;left:0;left: 50%;transform: translateX(-50%);margin-top: -1px;} .pc-span{white-space:nowrap;} .mo-span{white-space:normal;} .mo-span .pc-span{white-space:nowrap;} .pc-span .mo-span{white-space:normal;} .mo_only{display:none;} .valign{display:table; width:100%; height:100%;} .valign .middle{vertical-align:middle; display:table-cell;} .video_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 100;} .video_popup > div {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 75.8vh; max-width: 1440px; max-height: calc(100vh - 86px); margin: auto;} .video_popup iframe {width: 100%; height: 100%;} .video_popup .close {position: absolute; bottom: -56px; left: 50%; width: 40px; height: 40px; background: #fff url("https://www.samsung.com/sec/static/_images/common/icon-close.svg") no-repeat center center; border: 1px solid #e5e5e5; border-radius: 50%; transform: translateX(-50%); z-index: 200;} .feature a.play-btn, .feature.f05 a.play-btn {position: absolute;width:100%;height:100%;top:0;} .feature a.play-btn img, .feature.f05 a.play-btn img {position: absolute;width: 90px;height: 90px;top: 50%;left: 50%;transform: translate(-50%, -50%);} .feature{position:relative;font-family:"SamsungSharpSans";max-width: 1440px;margin: 0 auto;} .feature .feature-desc{font-family:"SamsungOne";font-size: 22px;line-height: 38px;letter-spacing: -0.02em;} .feature .obj img{display:block; width:100%; height:100%;} .feature.kv{max-width:1440px;margin: 0 auto;} .feature.kv .obj{position:relative;} .feature.kv .txt{position:absolute;top:0px;text-align: left;font-weight:bold;left: 116px;top: 50%;transform: translateY(-50%);} .feature.kv .txt h2{font-size: 54px;line-height: 70px;letter-spacing: -0.014em;width: 1230px;} .feature.kv .txt p{font-size:27px;line-height:47px;letter-spacing: 0.04em;margin-top: -5px;font-weight: 400;font-family: "SamsungSharpSans-Medium", "SamsungOne";} .feature.overview{height:609px;} .feature.overview .txt{bottom: 88px;position: absolute;width: 1190px;margin: 0 auto 0;left: 15px;right: 0;} .feature.overview h2.feature-title{font-size:80px; line-height:94px; letter-spacing:-0.02em;} .feature.overview p.feature-desc{font-size:22px; line-height:38px; letter-spacing:-0.02em; padding-top:24px;} .feature.anchor-bar{font-family:"SamsungOne";margin: 0 auto;height: 65px;} .feature.anchor-bar .select{display:none;} .feature.anchor-bar ul{display:table;margin:0 auto;} .feature.anchor-bar ul li{display:inline-block;opacity:0.6;color:#fff;font-weight:700;font-size:20px;letter-spacing:-0.01em;position:relative;line-height:65px;margin: 0 40px;} .feature.anchor-bar ul li.active{opacity:1;} .feature.anchor-bar ul li.active::after{content:' ';display:block;position:absolute;bottom: 19px;width:100%;height: 2px;background-color:#fff;} .feature.anchor-bar ul li a{width:100%; height:100%; display:block;} .feature.anchor-bar-f04{font-family:"SamsungOne";margin: 0 auto;max-width: 1440px;height: 65px;} .feature.anchor-bar-f04 .select{display:none;} .feature.anchor-bar-f04 ul{display:table;margin:0 auto;} .feature.anchor-bar-f04 ul li{display:inline-block;opacity:0.6;color:#fff;font-weight:700;font-size:20px;letter-spacing:-0.01em;position:relative;line-height:65px;margin: 0 40px;} .feature.anchor-bar-f04 ul li.active{opacity:1;} .feature.anchor-bar-f04 ul li.active::after{content:' ';display:block;position:absolute;bottom: 19px;width:100%;height: 2px;background-color:#fff;} .feature.anchor-bar-f04 ul li a{width:100%; height:100%; display:block;} .feature.f01{ height: 900px;} .feature.f01 .txt{position:absolute;width: 50%;height: 700px;text-align: left;right: 0;bottom: 0;padding: 0 49px 0 71px;box-sizing: border-box;} .feature.f01 h2.feature-title{font-size: 80px;line-height: 94px;letter-spacing:-0.02em;text-align: left;} .feature.f01 .obj{position: absolute;bottom:0px;left: 0;width: 720px;} .feature.f01 .txt .feature-desc{margin-top:21px;} .feature.f02{height: 1100px;} .feature.f02 .txt{top: 195px;position:absolute;width: 100%;text-align: center;} .feature.f02 h2.feature-title{font-size: 80px;line-height: 94px;letter-spacing: -0.02em;} .feature.f02 p.feature-desc{font-size: 22px;line-height: 38px;letter-spacing:-0.02em;margin-top: 19px;} .feature.f03{height: 645px;} .feature.f03 .txt{top: 273px;left: 0;position:relative;width: 100%;margin: 0 auto;text-align: center;} .feature.f03 h2.feature-title{font-size:80px; line-height:94px; letter-spacing:-0.02em;} .feature.f03 p.feature-desc{font-size:22px;line-height:38px;letter-spacing:-0.02em;margin-top: 20px;} .feature.f04{} .feature.f04 ul.f04-list{position:relative;width:1240px;margin: -1px auto 0;} .feature.f04 ul.f04-list li{position:relative;padding-bottom: 100px;} .feature.f04 ul.f04-list li:nth-child(2n) .txt{left:0px;padding-left: 40px;top: 80px;box-sizing: border-box; } .feature.f04 ul.f04-list li:nth-child(2n+1) .txt{right: 0;top: 89px;padding-left: 99px;box-sizing: border-box; } .feature.f04 ul.f04-list li:last-child{padding-bottom: 0px;} .feature.f04 ul.f04-list li:last-child .feature-desc{width:90%;} .feature.f04 ul.f04-list li:nth-child(2) .feature-desc{width:90%;} .feature.f04 ul.f04-list li:nth-child(4) .feature-desc{width:90%;} .feature.f04 .obj{display:block;width: 1240px;height: 700px; position:relative;} .feature.f04 .txt{position:absolute; top:0px; width:50%;} .feature.f04 .txt h2.feature-title{font-size:60px; line-height:74px; letter-spacing:-0.025em;} .feature.f04 .txt p.feature-desc{font-size:18px;line-height:32px;letter-spacing:-0.01em;margin-top: 18px;} .feature.f04 .obj img{position:absolute; top:0px; left:0px;} .feature.f04 ul.f04-list li:nth-child(1) span.gage{background-color:#ffad09;width:40px;height: 90px;position: absolute;display: block;bottom: 96px;right: 284px;} .feature.f04 ul.f04-list li:nth-child(2) span.gage{background-color:#fff} .feature.f04 ul.f04-list li:nth-child(4) span.gage{background-color:#4f5a67; width:40px;} .feature.f04 ul.f04-list li:nth-child(5) span.gage{background-color:#fff} .feature.f04 ul.f04-list li:nth-child(6) span.gage{background-color:#30547b; width:40px;} .feature.f05{height: 1300px;overflow: hidden;max-width: 1920px;} .feature.f05 .txt{text-align: left;top: 294px;position:absolute;width: 1248px;left: 71px;right: 0;margin: 0 auto;} .feature.f05 h2.feature-title{font-size:60px;line-height:74px;letter-spacing: -0.025em;width: 100%;} .feature.f05 p.feature-desc{font-size: 18px;line-height: 32px;letter-spacing:-0.02em;position: relative; margin: 17px auto 0; text-align: left;box-sizing: content-box;padding-left: 2px;padding-right: 130px;} .feature.f05 .f05-list-wrapper{position:absolute;bottom: 0px;width: 100%;height: auto;} .feature.f05 ul.f05-list{width: 1000%;font-size:0px;left: -1986px;position: relative;} .feature.f05 ul.f05-list li{width: 1116px;display:inline-block;margin-right:80px;} .feature.f05 ul.f05-list li:last-child{margin-right:0px;} .feature.f05 ul.f05-list li .obj{position:relative;} .feature.f05 ul.f05-list li .txt{left:0px; width:100%; top: 419px; opacity:0} .feature.f05 ul.f05-list li .txt p{font-size:20px; line-height:26px; letter-spacing:0em; font-weight:bold; font-family:"SamsungOne"; color:#fff; text-align:center;} .feature.f05 .slide-obj{width:100%;} .feature.f05 .slide-obj a{width:70px;height:70px;position:absolute;top:325px;background-size: 70px;} .feature.f05 .slide-obj a.prev-btn{left:305px; background-image:url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/prev-btn.png?$ORIGIN_PNG$&fmt=png-alpha');} .feature.f05 .slide-obj a.next-btn{right:305px; background-image:url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/next-btn.png?$ORIGIN_PNG$&fmt=png-alpha');} .feature.f05 .carousel{display: table;margin: 43px auto;position: relative;} .feature.f05 .carousel ul{font-size:0px;display: inline-block;} .feature.f05 .carousel ul li{width:114px; height:2px; background-color:#aeafaf; display:inline-block; margin:0 8px; position:relative;} .feature.f05 .carousel ul li.active{} .feature.f05 .carousel ul li.active > a > span{width: 0%;background-color: #000;height: 2px;position: absolute;top: 10px;} .feature.f05 a{position:absolute;width:100%;height: 21px;top: -10px;} .feature.f05 .carousel a.rolling_button{width: 14px;height: 14px;display: inline-block;top: 6px;background: url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/autopause-btn.png?$ORIGIN_PNG$&fmt=png-alpha');margin-left: 10px;} .feature.f05 .carousel.stop a.rolling_button{background: url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/autoplay-btn.png?$ORIGIN_PNG$&fmt=png-alpha');} .feature.f06{height: 1094px;overflow: hidden;margin-bottom: 116px;} .feature.f06 .obj{width: 1116px;margin:0 auto;position:absolute;bottom:177px;left: 0;right: 0;} .feature.f06 .txt{width: 1170px;position: absolute;left: 4px;right: 0;margin: 0 auto;top: 87px;} .feature.f06 .txt h2.feature-title{font-size:60px;letter-spacing:-0.02em;width: 100vw;} .feature.f06 .txt p.feature-desc{font-size:18px;line-height:32px;letter-spacing:-0.01em;margin-top: 15px;margin-left: 2px;} @media screen and (max-width: 1920px){ .feature.f05 .f05-list-wrapper{position:absolute;bottom: 0vw;width: 100vw;height: auto;} .feature.f05 ul.f05-list{width: 1000%;font-size:0vw;left: -103.438vw;position: relative;} .feature.f05 ul.f05-list li{width: 58.126vw;display:inline-block;margin-right:4.167vw;} .feature.f05 ul.f05-list li:last-child{margin-right:0vw;} .feature.f05 ul.f05-list li .obj{position:relative;} .feature.f05 ul.f05-list li .txt{left:0vw; width:100%; top: 21.823vw;} .feature.f05 ul.f05-list li .txt p{font-size:1.042vw; line-height:1.355vw; letter-spacing:0em; font-weight:bold; font-family:"SamsungOne"; color:#fff; text-align:center;} .feature.f05 .slide-obj{width:100%;} .feature.f05 .slide-obj a{width:3.646vw;height:3.646vw;position:absolute;top:16.928vw;background-size: 3.646vw;} .feature.f05 .slide-obj a.prev-btn{left:15.886vw; background-image:url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/prev-btn.png?$ORIGIN_PNG$&fmt=png-alpha');} .feature.f05 .slide-obj a.next-btn{right:15.886vw; background-image:url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/next-btn.png?$ORIGIN_PNG$&fmt=png-alpha');} .feature.f05 .carousel{display: table;margin: 2.24vw auto;position: relative;} .feature.f05 .carousel ul{font-size:0vw;display: inline-block;} .feature.f05 .carousel ul li{ background-color:#aeafaf;display:inline-block; position:relative;} .feature.f05 .carousel ul li.active{} .feature.f05 .carousel ul li > a > span{width: 0%;background-color:#000;position: relative;display: block;} .feature.f05 .carousel ul li.active > a > span{width:0%;top: 0.521vw;} .feature.f05 a{position:absolute;width:100%;height: 1.094vw;top: -0.521vw;} .feature.f05 .carousel a.rolling_button{ display: inline-block; background: url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/autopause-btn.png?$ORIGIN_PNG$&fmt=png-alpha'); } .feature.f05 .carousel.stop a.rolling_button{background: url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/autoplay-btn.png?$ORIGIN_PNG$&fmt=png-alpha');} } @media screen and (max-width: 1440px){ .feature.anchor-bar { z-index: 5; } .feature.anchor-bar .anchor-bar-wrap{max-width: 100vw;background-color: #639bbd;margin: 0 auto;} .feature.anchor-bar .anchor-bar-wrap.fixed {position: fixed;top: 0;width: 100%;left:0;transform: none;} .feature .anchor-bar-f04{ z-index: 5; } .feature.anchor-bar-f04 .anchor-bar-wrap{max-width: 100vw;background-color: #727577;} .feature .anchor-bar-f04 .anchor-bar-wrap.fixed {position: fixed;top: 4.514vw;width: 100%;left: 0;transform: none;} .pc-span{white-space:nowrap;} .mo-span{white-space:normal;} .mo-span .pc-span{white-space:nowrap;} .pc-span .mo-span{white-space:normal;} .valign{display:table; width:100%; height:100%;} .valign .middle{vertical-align:middle; display:table-cell;} .video_popup > div {width: 90%;} .video_popup .close {bottom: -3.89vw; width: 2.5vw; height: 2.5vw;} .feature a.play-btn img, .feature.f05 a.play-btn img {width: 6.25vw;height: 6.25vw;} .feature{position:relative;font-family:"SamsungSharpSans";max-width: 100vw;margin: 0 auto;} .feature .feature-desc{font-family:"SamsungOne";font-size: 1.528vw;line-height: 2.639vw;letter-spacing: -0.02em;} .feature .obj img{display:block; width:100%; height:100%;} .feature.kv{max-width:100vw;margin: 0 auto;} .feature.kv .obj{position:relative;} .feature.kv .txt{position:absolute;top:0vw;text-align: left;font-weight:bold;left: 8.056vw;top: 50%;transform: translateY(-50%);} .feature.kv .txt h2{font-size: 3.75vw;line-height: 4.862vw;letter-spacing: -0.014em;width: 85.417vw;} .feature.kv .txt p{font-size:1.875vw;line-height:3.264vw;letter-spacing: 0.04em;margin-top: -0.348vw;font-weight: 400;} .feature.overview{height:42.292vw;} .feature.overview .txt{bottom: 6.112vw;position: absolute;width: 82.639vw;margin: 0 auto 0;left: 1.042vw;right: 0;} .feature.overview h2.feature-title{font-size:5.556vw; line-height:6.528vw; letter-spacing:-0.02em;} .feature.overview p.feature-desc{font-size:1.528vw; line-height:2.639vw; letter-spacing:-0.02em; padding-top:1.667vw;} .feature.anchor-bar{font-family:"SamsungOne";margin: 0 auto;height: 4.514vw;} .feature.anchor-bar ul{display:table;margin:0 auto;margin-top: 0px;} .feature.anchor-bar ul li{display:inline-block;opacity:0.6;color:#fff;font-weight:700;font-size:1.389vw;letter-spacing:-0.01em;position:relative;line-height:4.514vw;margin: 0 2.778vw;} .feature.anchor-bar ul li.active{opacity:1;} .feature.anchor-bar ul li.active::after{content:' ';display:block;position:absolute;bottom: 1.32vw;width:100%;height: 0.139vw;background-color:#fff;} .feature.anchor-bar ul li a{width:100%; height:100%; display:block;} .feature.anchor-bar-f04{font-family:"SamsungOne";margin: 0 auto;max-width: 100vw;height: 4.514vw;} .feature.anchor-bar-f04 ul{display:table;margin:0 auto;} .feature.anchor-bar-f04 ul li{display:inline-block;opacity:0.6;color:#fff;font-weight:700;font-size:1.389vw;letter-spacing:-0.01em;position:relative;line-height:4.514vw;margin: 0 2.778vw;} .feature.anchor-bar-f04 ul li.active{opacity:1;} .feature.anchor-bar-f04 ul li.active::after{content:' ';display:block;position:absolute;bottom: 1.32vw;width:100%;height: 0.139vw;background-color:#fff;} .feature.anchor-bar-f04 ul li a{width:100%; height:100%; display:block;} .feature.f01{ height: 62.5vw;} .feature.f01 .txt{position:absolute;width: 50%;height: 48.612vw;text-align: left;right: 0;bottom: 0;padding: 0 3.403vw 0 4.931vw;box-sizing: border-box;} .feature.f01 h2.feature-title{font-size: 5.556vw;line-height: 6.528vw;letter-spacing:-0.02em;text-align: left;} .feature.f01 .obj{position: absolute;bottom:0vw;left: 0;width: 50vw;} .feature.f01 .txt .feature-desc{margin-top:1.459vw;} .feature.f02{height: 76.389vw;} .feature.f02 .txt{top: 13.542vw;position:absolute;width: 100%;text-align: center;} .feature.f02 h2.feature-title{font-size: 5.556vw;line-height: 6.528vw;letter-spacing: -0.02em;} .feature.f02 p.feature-desc{font-size: 1.528vw;line-height: 2.639vw;letter-spacing:-0.02em;margin-top: 1.32vw;} .feature.f03{height: 44.79vw;} .feature.f03 .txt{top: 18.96vw;left: 0;position:relative;width: 100%;margin: 0 auto;text-align: center;} .feature.f03 h2.feature-title{font-size:5.556vw; line-height:6.528vw; letter-spacing:-0.02em;} .feature.f03 p.feature-desc{font-size:1.528vw;line-height:2.639vw;letter-spacing:-0.02em;margin-top: 1.389vw;} .feature.f04{} .feature.f04 ul.f04-list{position:relative;width:86.112vw;} .feature.f04 ul.f04-list li{position:relative;padding-bottom: 6.945vw;} .feature.f04 ul.f04-list li:nth-child(2n) .txt{left:0vw;padding-left: 2.778vw;top: 5.556vw;box-sizing: border-box; } .feature.f04 ul.f04-list li:nth-child(2n+1) .txt{right: 0;top: 6.181vw;padding-left: 6.876vw;box-sizing: border-box; } .feature.f04 ul.f04-list li:last-child{padding-bottom: 0vw;} .feature.f04 .obj{display:block;width: 86.112vw;height: 48.612vw; position:relative;} .feature.f04 .txt{position:absolute; top:0vw; width:50%;} .feature.f04 .txt h2.feature-title{font-size:4.167vw; line-height:5.139vw; letter-spacing:-0.025em;} .feature.f04 .txt p.feature-desc{font-size:1.25vw;line-height:2.223vw;letter-spacing:-0.01em;margin-top: 1.25vw;} .feature.f04 .obj img{position:absolute; top:0vw; left:0vw;} .feature.f04 ul.f04-list li:nth-child(1) span.gage{background-color:#ffad09;width:2.778vw;height: 6.25vw;position: absolute;display: block;bottom: 6.667vw;right: 19.723vw;} .feature.f04 ul.f04-list li:nth-child(2) span.gage{background-color:#fff} .feature.f04 ul.f04-list li:nth-child(4) span.gage{background-color:#4f5a67; width:2.778vw;} .feature.f04 ul.f04-list li:nth-child(5) span.gage{background-color:#fff} .feature.f04 ul.f04-list li:nth-child(6) span.gage{background-color:#30547b; width:2.778vw;} .feature.f05{overflow: hidden;} .feature.f05 .txt{text-align: left;top: 20.417vw;position:absolute;width: 86.667vw;left: 4.931vw;right: 0;margin: 0 auto;} .feature.f05 h2.feature-title{font-size:4.167vw;line-height:5.139vw;letter-spacing: -0.025em;width: 100%;} .feature.f05 p.feature-desc{font-size: 1.25vw;line-height: 2.223vw;letter-spacing:-0.02em;position: relative; margin: 1.181vw auto 0; text-align: left;box-sizing: content-box;padding-left: 0.139vw;padding-right: 9.028vw;} .feature.f06{height: 75.973vw;overflow: hidden;margin-bottom: 8.056vw;} .feature.f06 .obj{width: 77.5vw;margin:0 auto;position:absolute;bottom:12.292vw;left: 0;right: 0;} .feature.f06 .txt{width: 81.25vw;position: absolute;left: 0.278vw;right: 0;margin: 0 auto;top: 6.042vw;} .feature.f06 .txt h2.feature-title{font-size:4.167vw;letter-spacing:-0.02em;width: 100vw;} .feature.f06 .txt p.feature-desc{font-size:1.25vw;line-height:2.223vw;letter-spacing:-0.01em;margin-top: 1.042vw;margin-left: 0.139vw;} } @media screen and (max-width: 1120px){ .feature.f04 .txt p.feature-desc{font-size:14px;} .feature.f04 ul.f04-list li:nth-child(1) .txt{top: 6.181vw;} } @media screen and (max-width: 1046px){ .feature.f01 .txt .feature-desc{font-size:16px;} .feature.f02 p.feature-desc{font-size:16px;} .feature.f03 p.feature-desc{font-size:16px;} .feature.f05 p.feature-desc{font-size:16px;} .feature.f06 .txt p.feature-desc{font-size:16px;} .feature.f06{height: 76.556vw;} } @media screen and (max-width: 1110px) { .video_popup .close {bottom: -5.09vw; width: 3.27vw; height: 3.27vw;} } @media screen and (max-width: 1920px){ .feature.f05 {height: 67.709vw;} } @media screen and (max-width: 1900px){ .feature.f05 {height: 68.709vw;} } @media screen and (max-width: 1800px){ .feature.f05 {height: 69.709vw;} } @media screen and (max-width: 1750px){ .feature.f05 {height: 70.709vw;} } @media screen and (max-width: 1700px){ .feature.f05 {height: 71.709vw;} } @media screen and (max-width: 1650px){ .feature.f05 {height: 72.709vw;} } @media screen and (max-width: 1600px){ .feature.f05 {height: 73.709vw;} } @media screen and (max-width: 1550px){ .feature.f05 {height: 74.709vw;} } @media screen and (max-width: 1500px){ .feature.f05 {height: 76.709vw;} } @media screen and (max-width: 900px){ .feature.f05 {height: 79.709vw;} .feature.f04 ul.f04-list li:nth-child(1) .txt{top: 5.181vw;} } @media screen and (max-width: 800px){ .feature.f05{height: 80.723vw;} .feature.f04 ul.f04-list li:nth-child(1) .txt{top: 4.181vw;} } @media screen and (max-width: 768px){ .pc-span{white-space:normal;} .mo-span{white-space:nowrap;} .mo-span .pc-span{white-space:nowrap;} .pc-span .mo-span{white-space:nowrap;} .pc_only{display:none;} .mo_only{display:block;} .video_popup > div {width: 100%;} .video_popup .close {position: fixed; top: 10px; right: 10px; bottom: auto; left: auto; width: 36px; height: 36px; background: url('https://www.samsung.com/sec/static/_images/common/icon-close-wht.svg') no-repeat center/16px auto; border: none; transform: none;} .feature.anchor-bar {width: 100vw; height: 17.778vw;} .feature.anchor-bar .anchor-bar-wrap{ } .feature.anchor-bar .anchor-bar-wrap .select{width: 100%;z-index: 1;position: relative;background-color: #639bbd;display: block;} .select.nav_off {} .feature .anchor-bar-wrap .select.nav_off a{background-image:url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/anchor-nav_off.png?$ORIGIN_PNG$&fmt=png-alpha');background-size: 100% 17.778vw;} .feature .anchor-bar-wrap .select.nav_on a{background-image:url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/anchor-nav_on.png?$ORIGIN_PNG$&fmt=png-alpha'); background-size:100vw 17.778vw;} .feature.anchor-bar .anchor-bar-wrap .select a{width:100%;height:100%;display: block;text-indent: 4.584vw;font-weight: 700;} .feature.anchor-bar .anchor-bar-wrap .select a span.activeMenu{color:#fff; font-size:3.382vw; line-height:17.778vw; letter-spacing:-0.01em;} .feature.anchor-bar .anchor-bar-wrap.fixed {left: 0;transform: none;} .feature .anchor-bar-f04{ } .feature.anchor-bar-f04 .anchor-bar-wrap{height: 100%;} .feature .anchor-bar-f04 .anchor-bar-wrap.fixed {top: 17.778vw;height: 17.778vw;left: 0;transform: none;z-index: 1;} .feature a.play-btn img{width: 11.945vw;height: 11.945vw;} .feature.f05 a.play-btn img{width: 11.945vw;height: 11.945vw;} .feature{ } .feature .feature-desc{font-size:3.889vw; line-height:6.112vw; letter-spacing:-0.02em;} .feature .obj img{ } .feature.kv{z-index: 6;} .feature.kv .obj{ } .feature.kv .txt{top: 19.584vw;transform: translate(0%, 0%);left: 7.223vw;text-align: left;} .feature.kv .txt h2{font-size:9.584vw;line-height:12.362vw;letter-spacing:-0.01em;width: 100%;} .feature.kv .txt p{font-size:4.584vw;line-height:8.195vw;letter-spacing:0em;width: 59%;padding: 0.695vw 0 0 0.556vw;} .feature.overview{ } .feature.overview .txt{ } .feature.overview h2.feature-title{ } .feature.overview p.feature-desc{ } .feature.anchor-bar{ } .feature.anchor-bar ul{top: 0;width: 100%;left: 0;z-index: 1;display: block;margin-top: -50.667vw;} .feature.anchor-bar ul li{height: 10.416vw;background-color:#27292d;width: 100%;margin: 0;opacity: 1;} .feature.anchor-bar ul li.active{background-color:#1e1e1e !important;color: #8b8c8e !important;} .feature.anchor-bar ul li.active::after{display: none;} .feature.anchor-bar ul li a{text-indent: 4.584vw;line-height: 10.416vw;font-size: 3.125vw;font-family: 'SamsungOne';font-weight: 400;} .feature.anchor-bar-f04{height: 17.778vw;position: relative;top: 0;width: 100%;z-index: 1;} .feature.anchor-bar-f04 .select{display:block;width: 100%;height: 17.778vw;z-index: 1;position: relative;text-indent: 4.584vw;background-color: #727577;} .feature.anchor-bar-f04 .anchor-bar-wrap .select a{width:100%;height:100%;display: block;text-indent: 4.584vw;} .feature.anchor-bar-f04 .anchor-bar-wrap .select a span.activeMenu{color:#fff;font-size:3.382vw;line-height:17.778vw;letter-spacing:-0.01em;font-weight: 700;} .feature.anchor-bar-f04 ul{top: 0;width: 100%;left: 0;z-index: 1;display: block;margin-top: -72.5vw;} .feature.anchor-bar-f04 ul li{height: 10.416vw;background-color:#27292d;width: 100%;margin: 0;opacity: 1;} .feature.anchor-bar-f04 ul li.active{background-color:#1e1e1e !important;color: #8b8c8e !important;} .feature.anchor-bar-f04 ul li.active::after{display: none;} .feature.anchor-bar-f04 ul li a{text-indent: 4.584vw;line-height: 10.416vw;font-size: 3.125vw;font-family: 'SamsungOne';font-weight: 400;} .feature.f01{height:238.889vw;} .feature.f01 .txt{width: 95%;top: 27.084vw;left: 0;right: auto;bottom: auto;height: auto;padding: 0;padding-left: 8.334vw;box-sizing: border-box;} .feature.f01 h2.feature-title{font-size:11.112vw;line-height:13.056vw;letter-spacing:-0.02em;margin-bottom: 4.028vw;} .feature.f01 .obj{width: 100vw;} .feature.f01 .txt .feature-desc{margin-top:0;font-size: 3.889vw;} .feature.f02{height: 180.556vw;} .feature.f02 .txt{top: 27.084vw;text-align: left;padding-left: 8.334vw;box-sizing: border-box;} .feature.f02 h2.feature-title{font-size:11.112vw; line-height:13.056vw; letter-spacing:-0.02em;} .feature.f02 p.feature-desc{font-size:3.889vw;line-height:6.112vw;letter-spacing:-0.02em;width: 88%;margin-top: 3.889vw;} .feature.f02 .obj{width:100vw;bottom: 2.57vw;position:absolute;} .feature.f03{height: 106.806vw;} .feature.f03 .txt{top: 27.084vw;position: absolute;text-align: left;width: 90%;padding-left: 8.334vw;box-sizing: border-box;} .feature.f03 h2.feature-title{font-size:11.112vw; line-height:13.056vw; letter-spacing:-0.02em;} .feature.f03 p.feature-desc{font-size:3.889vw;line-height:6.112vw;letter-spacing:-0.02em;margin-top: 3.889vw;} .feature.f04{overflow: hidden;} .feature.f04 ul.f04-list{width: 100%;} .feature.f04 ul.f04-list li{padding-bottom: 0;} .feature.f04 ul.f04-list li:nth-child(1){height:221.667vw;} .feature.f04 ul.f04-list li:nth-child(2){height:218.75vw;} .feature.f04 ul.f04-list li:nth-child(3){height:210.139vw;} .feature.f04 ul.f04-list li:nth-child(4){height:223.334vw;} .feature.f04 ul.f04-list li:nth-child(5){height:212.917vw;} .feature.f04 ul.f04-list li:nth-child(6){height:204.167vw;} .feature.f04 ul.f04-list li:nth-child(2n) .txt{width: 100%;padding-left: 8.195vw;top: 110.278vw;bottom: auto;} .feature.f04 ul.f04-list li:nth-child(2n+1) .txt{width: 100%;padding-left: 8.195vw;top: 110.278vw;left: 0;right: auto;bottom: auto;} .feature.f04 ul.f04-list li:last-child{ } .feature.f04 ul.f04-list li:last-child .feature-desc{width:100%;} .feature.f04 ul.f04-list li:nth-child(2) .feature-desc{width:100%;} .feature.f04 ul.f04-list li:nth-child(4) .feature-desc{width:100%;} .feature.f04 .obj{width: 100%;height: 100%;} .feature.f04 .txt{ } .feature.f04 .txt h2.feature-title{font-size:8.334vw; line-height:10.278vw; letter-spacing:-0.01em;} .feature.f04 .txt p.feature-desc{font-size:3.612vw;line-height:5.556vw;letter-spacing:-0.01em;margin-top: 2.223vw;} .feature.f04 .obj img{ } .feature.f04 ul.f04-list li:nth-child(1) span.gage{ } .feature.f04 ul.f04-list li:nth-child(2) span.gage{ } .feature.f04 ul.f04-list li:nth-child(4) span.gage{ } .feature.f04 ul.f04-list li:nth-child(5) span.gage{ } .feature.f04 ul.f04-list li:nth-child(6) span.gage{ } .feature.f04 ul.f04-list li:last-child .feature-desc{width:100%;} .feature.f05{height: 188.889vw;} .feature.f05 .txt{top: 30.417vw;left: 0;width: 86.667vw;text-align: center;} .feature.f05 h2.feature-title{font-size:8.334vw; line-height:10.278vw; letter-spacing:-0.01em;} .feature.f05 p.feature-desc{font-size:3.612vw;line-height:5.556vw;letter-spacing:-0.01em;text-align: center;padding: 0;margin-top: 2.084vw;} .feature.f05 .f05-list-wrapper{top: 104.167vw;} .feature.f05 ul.f05-list{left: -183.334vw;} .feature.f05 ul.f05-list li{width: 88.889vw;margin-right: 5.556vw;} .feature.f05 ul.f05-list li:last-child{ } .feature.f05 ul.f05-list li .obj{ } .feature.f05 ul.f05-list li .txt{top: 53.75vw;width: 80%; opacity:1} .feature.f05 ul.f05-list li .txt p{font-size:3.612vw;line-height:4.723vw;letter-spacing:-0.02em;color: #000;} .feature.f05 .slide-obj{ display: none; } .feature.f05 .slide-obj a{ } .feature.f05 .slide-obj a.prev-btn{ } .feature.f05 .slide-obj a.next-btn{ } .feature.f05 .carousel{margin-top: 11.25vw;} .feature.f05 .carousel ul{ } .feature.f05 .carousel ul li{width: 3.334vw;height: 3.334vw;border-radius: 100%;border: 0.278vw solid #000;box-sizing: border-box;background-color: #fff;margin: 0 1.667vw;} .feature.f05 .carousel ul li.active{background-color: #000;} .feature.f05 .carousel ul li.active > a > span{ opacity: 0; } .feature.f05 a{width: 100%;height: 100%;top: 0;} .feature.f05 .carousel a.rolling_button{top: 0;width: 3.334vw;height: 3.334vw;background-size: 3.334vw;} .feature.f05 .carousel.stop a.rolling_button{background-size: 3.334vw;} .feature.f06{height: 150.556vw;margin-bottom: 0;} .feature.f06 .obj{width: 88.889vw;top: 74.028vw;bottom: auto;} .feature.f06 .txt{text-align: center;left: 0;width: 81.25vw;} .feature.f06 .txt h2.feature-title{font-size:8.334vw;line-height:10.278vw;letter-spacing:-0.01em;width: 100%;} .feature.f06 .txt p.feature-desc{font-size:3.612vw;line-height:5.556vw;letter-spacing:-0.01em;width: 100%;margin: 2.5vw auto 0;} } @media screen and (max-width: 320px){ .video_popup .popup_inner {left: 0; transform: translateY(-50%); width: 100%; max-height: 180px;} .video_popup .popup_inner .close {top: 27.114px;bottom: 100%;} .feature.anchor-bar {width: 320px; height: 56.89px;} .feature.anchor-bar .anchor-bar-wrap{min-width: 320px;} .feature.anchor-bar .anchor-bar-wrap .select{width:320px;height:56.89px;z-index: 1;position: relative;background-color: #639bbd;display: block;} .select.nav_off {} .feature .anchor-bar-wrap .select.nav_off a{background-image:url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/anchor-nav_off.png?$ORIGIN_PNG$&fmt=png-alpha'); background-size:320px 56.89px;} .feature .anchor-bar-wrap .select.nav_on a{background-image:url('//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/anchor-nav_on.png?$ORIGIN_PNG$&fmt=png-alpha'); background-size:320px 56.89px;} .feature.anchor-bar .anchor-bar-wrap .select a{width:100%;height:100%;display: block;text-indent: 14.669px;} .feature.anchor-bar .anchor-bar-wrap .select a span.activeMenu{color:#fff; font-size:10.823px; line-height:56.89px; letter-spacing:-0.01em;} .feature.anchor-bar .anchor-bar-wrap.fixed { } .feature .anchor-bar-f04{ } .feature.anchor-bar-f04 .anchor-bar-wrap{height: 100%;} .feature .anchor-bar-f04 .anchor-bar-wrap.fixed {top: 56.89px;height: 56.89px;} .video_popup { } .video_popup .popup_inner { } .video_popup .popup_inner ul { } .video_popup .popup_inner li { } .video_popup .popup_inner li > div { } .video_popup .popup_inner li > div > iframe { } .video_popup .popup_inner .close { } .video_popup .popup_inner #videoArea { } .feature a.play-btn img{width: 38px;height: 38px;} .feature.f05 a.play-btn img{width: 38px;height: 38px;} .feature{min-width: 320px;} .feature .feature-desc{font-size:12.445px; line-height:19.559px; letter-spacing:-0.02em;} .feature .obj img{ } .feature.kv{z-index: 6;max-width: none;min-width: 320px;} .feature.kv .obj{ } .feature.kv .txt{top: 62.669px;transform: translate(0%, 0%);left: 23.114px;text-align: left;} .feature.kv .txt h2{font-size:30.669px;line-height:39.559px;letter-spacing:-0.01em;width: 100%;} .feature.kv .txt p{font-size:14.669px;line-height:26.225px;letter-spacing:0em; padding: 2.224px 0 0 1.78px;} .feature.overview{ } .feature.overview .txt{ } .feature.overview h2.feature-title{ } .feature.overview p.feature-desc{ } .feature.anchor-bar{ } .feature.anchor-bar ul{top: 0;width: 100%;left: 0;z-index: 1;display: block;margin-top: -162.135px;} .feature.anchor-bar ul li{height: 33.332px;background-color:#27292d;width: 100%;margin: 0;opacity: 1;} .feature.anchor-bar ul li.active{background-color:#1e1e1e !important;color: #8b8c8e !important;} .feature.anchor-bar ul li.active::after{display: none;} .feature.anchor-bar ul li a{text-indent: 14.669px;line-height: 33.332px;font-size: 10px;font-family: 'SamsungOne';font-weight: 400;} .feature.anchor-bar-f04{height: 56.89px;top: 0;width: 100%;z-index: 1;} .feature.anchor-bar-f04 .select{display:block;width: 320px;height: 56.89px;z-index: 1;position: relative;text-indent: 14.669px;background-color: #727577;} .feature.anchor-bar-f04 .anchor-bar-wrap .select a{width:100%;height:100%;display: block;text-indent: 14.669px;} .feature.anchor-bar-f04 .anchor-bar-wrap .select a span.activeMenu{color:#fff; font-size:10.823px; line-height:56.89px; letter-spacing:-0.01em;} .feature.anchor-bar-f04 ul{top: 0;width: 100%;left: 0;z-index: 1;display: block;margin-top: -232px;} .feature.anchor-bar-f04 ul li{height: 33.332px;background-color:#27292d;width: 100%;margin: 0;opacity: 1;} .feature.anchor-bar-f04 ul li.active{background-color:#1e1e1e !important;color: #8b8c8e !important;} .feature.anchor-bar-f04 ul li.active::after{display: none;} .feature.anchor-bar-f04 ul li a{text-indent: 14.669px;line-height: 33.332px;font-size: 10px;font-family: 'SamsungOne';font-weight: 400;} .feature.f01{height:764.445px;} .feature.f01 .txt{width: 95%;top: 86.669px;left: 0;right: auto;bottom: auto;height: auto;padding: 0;padding-left: 26.669px;box-sizing: border-box;} .feature.f01 h2.feature-title{font-size:35.559px;line-height:41.78px;letter-spacing:-0.02em;margin-bottom: 12.89px;} .feature.f01 .obj{width: 320px;} .feature.f01 .txt .feature-desc{font-size: 12.445px;} .feature.f02{height: 577.78px;} .feature.f02 .txt{top: 86.669px;text-align: left;padding-left: 26.669px;box-sizing: border-box;} .feature.f02 h2.feature-title{font-size:35.559px; line-height:41.78px; letter-spacing:-0.02em;} .feature.f02 p.feature-desc{font-size:12.445px;line-height:19.559px;letter-spacing:-0.02em;width: 88%;margin-top: 12.445px;} .feature.f02 .obj{width:320px;bottom: 8px;position:absolute;} .feature.f03{height: 341.78px;} .feature.f03 .txt{top: 86.669px;position: absolute;text-align: left;width: 90%;padding-left: 26.669px;box-sizing: border-box;} .feature.f03 h2.feature-title{font-size:35.559px; line-height:41.78px; letter-spacing:-0.02em;} .feature.f03 p.feature-desc{font-size:12.445px;line-height:19.559px;letter-spacing:-0.02em;margin-top: 12.445px;} .feature.f04{overflow: hidden;} .feature.f04 ul.f04-list{width: 100%;} .feature.f04 ul.f04-list li{ } .feature.f04 ul.f04-list li:nth-child(1){height:709.335px;} .feature.f04 ul.f04-list li:nth-child(2){height:700px;} .feature.f04 ul.f04-list li:nth-child(3){height:672.445px;} .feature.f04 ul.f04-list li:nth-child(4){height:714.669px;} .feature.f04 ul.f04-list li:nth-child(5){height:681.335px;} .feature.f04 ul.f04-list li:nth-child(6){height:653.335px;} .feature.f04 ul.f04-list li:nth-child(2n) .txt{width: 100%;padding-left: 26.225px;top: 352.89px;} .feature.f04 ul.f04-list li:nth-child(2n+1) .txt{width: 100%;padding-left: 26.225px;top: 352.89px;left: 0;right: auto;} .feature.f04 ul.f04-list li:last-child{ } .feature.f04 .obj{width: 100%;height: 100%;} .feature.f04 .txt{ } .feature.f04 .txt h2.feature-title{font-size:26.669px; line-height:32.89px; letter-spacing:-0.01em;} .feature.f04 .txt p.feature-desc{font-size:11.559px;line-height:17.78px;letter-spacing:-0.01em;margin-top: 7.114px;} .feature.f04 .obj img{ } .feature.f04 ul.f04-list li:nth-child(1) span.gage{ } .feature.f04 ul.f04-list li:nth-child(2) span.gage{ } .feature.f04 ul.f04-list li:nth-child(4) span.gage{ } .feature.f04 ul.f04-list li:nth-child(5) span.gage{ } .feature.f04 ul.f04-list li:nth-child(6) span.gage{ } .feature.f05{height: 604.445px;} .feature.f05 .txt{top: 97.335px;left: 0;width: 277.335px;text-align: center;} .feature.f05 h2.feature-title{font-size:26.669px; line-height:32.89px; letter-spacing:-0.01em;} .feature.f05 p.feature-desc{font-size:11.559px;line-height:17.78px;letter-spacing:-0.01em;text-align: center;padding: 0;margin-top: 6.669px;} .feature.f05 .f05-list-wrapper{top: 333.335px;min-width: 320px;} .feature.f05 ul.f05-list{left: -586.669px;} .feature.f05 ul.f05-list li{width: 284.445px;margin-right: 17.78px;} .feature.f05 ul.f05-list li:last-child{ } .feature.f05 ul.f05-list li .obj{ } .feature.f05 ul.f05-list li .txt{top: 172px;width: 80%;} .feature.f05 ul.f05-list li .txt p{font-size:11.559px;line-height:15.114px;letter-spacing:-0.02em;color: #000;} .feature.f05 .slide-obj{ display: none; } .feature.f05 .slide-obj a{ } .feature.f05 .slide-obj a.prev-btn{ } .feature.f05 .slide-obj a.next-btn{ } .feature.f05 .carousel{margin-top: 36px;} .feature.f05 .carousel ul{ } .feature.f05 .carousel ul li{width: 10.669px;height: 10.669px;border-radius: 100%;border: 0.89px solid #000;box-sizing: border-box;background-color: #fff;margin: 0 5.335px;} .feature.f05 .carousel ul li.active{background-color: #000;} .feature.f05 .carousel ul li.active > a > span{display: none;} .feature.f05 a{width: 100%;height: 100%;top: 0;} .feature.f05 .carousel a.rolling_button{top: 0;width: 10.669px;height: 10.669px;background-size: 10.669px;} .feature.f05 .carousel.stop a.rolling_button{background-size: 10.669px;} .feature.f06{height: 481.78px;} .feature.f06 .obj{width: 284.445px;top: 236.89px;bottom: auto;} .feature.f06 .txt{text-align: center;left: 0;width: 260px;top:19px;} .feature.f06 .txt h2.feature-title{font-size:26.669px;line-height:32.89px;letter-spacing:-0.01em;width: 100%;} .feature.f06 .txt p.feature-desc{font-size:11.559px;line-height:17.78px;letter-spacing:-0.01em;width: 100%;margin: 8px auto 0;} } </style> <!--googleon: all--> <div class="par parsys"> <div class="st-semi-static-content section"> <div class="feature kv"> <div class="obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/kv.gif" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/kv-m.gif" alt="Energizing Lighting, Applications"> </div> <div class="txt"> <h2>The Right Light <span class="mo-span">for the</span> Right Place</h2> <p>Enrich each moment with more energy and well-being</p> </div> </div> <div class="feature anchor-bar"> <div class="anchor-bar-wrap"> <div class="select nav_off"><a href="#"><span class="activeMenu">What it is</span></a></div> <ul> <li class="active"><a href="#">What it is</a></li> <li><a href="#">Where to use it</a></li> <li><a href="#">How it works</a></li> <li><a href="#">Spec</a></li> </ul> </div> </div> <div class="feature f01"> <div class="obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f01.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f01-m.jpg?$ORIGIN_JPG$" alt="Energizing Lighting, Applications"> </div> <div class="txt"> <div class="valign"> <div class="valign middle"> <h2 class="feature-title">Are you dozing off during <span class="pc-span">the day?</span></h2> <p class="feature-desc">We spend almost 90% of our lives indoors. <span class="mo-span">This means</span> that we’re under artificial lighting for most of our day. If you frequently feel tired or <span class="mo-span">sleepy during</span> the day, your lights may be the <span class="mo-span">cause. Many</span> studies note that lighting is one of the most important factors for people to stay focused and alert. Proper lighting can increase productivity and comfort, decrease the likelihood of accidents, and even save energy.</p> </div> </div> </div> </div> <div class="feature f02"> <div class="obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f02-1.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f02-1-m.jpg?$ORIGIN_JPG$" alt="Energizing Lighting, Applications"> </div> <div class="txt"> <h2 class="feature-title">Samsung Energizing Lighting <br />Solutions <span class="mo-span">are the answer!</span></h2> <p class="feature-desc">Thanks to Samsung’s advanced spectrum engineering, Energizing Lighting Solutions minimize <br class="pc_only"/>melatonin secretion to help you stay awake and channel your focus.</p> </div> </div> <div class="feature f03"> <div class="obj"> </div> <div class="txt"> <h2 class="feature-title">The right light for any <br class="pc_only"/>space you are in</h2> <p class="feature-desc">Now you can choose the perfect lighting for wherever you are and whatever you do. <br />Whether you’re at home in the morning, <span class="mo-span">or at work</span> during the day.</p> </div> </div> <div class="feature f04"> <div class="feature anchor-bar-f04"> <div class="anchor-bar-wrap"> <div class="select nav_off"><a href="#"><span class="activeMenu">Bedroom</span></a></div> <ul> <li class="active"><a href="#">Bedroom</a></li> <li><a href="#">Care Facilities</a></li> <li><a href="#">Office</a></li> <li><a href="#">School</a></li> <li><a href="#">Gym</a></li> <li><a href="#">Factory</a></li> </ul> </div> </div> <ul class="f04-list"> <li> <div class="obj"> <div class="graph"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_graphA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_graphA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_graphB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_graphB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_graphC.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_graphC-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="bg"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_bg-colorless.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_bg-colorless-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_bg-colorful.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_bg-colorful-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="shadow"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_shadowA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_shadowA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_shadowB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_shadowB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="light"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_light.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_light-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="char"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_charA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_charA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_charB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T01_charB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> </div> <div class="txt"> <h2 class="feature-title">A refreshing start to <span class="mo-span">a dynamic day</span></h2> <p class="feature-desc">Jumpstart your day and say farewell to slow and <span class="mo-span">drowsy <span class="pc-span">mornings. Samsung’s</span></span> energizing solutions effectively <span class="pc-span">suppress melatonin</span> to stimulate mental alertness and <span class="pc-span">physical activity.</span></p> </div> </li> <li> <div class="obj"> <div class="graph"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_graphA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_graphA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_graphB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_graphB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_graphC.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_graphC-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_graphD.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_graphD-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_graphE.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_graphE-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="bg"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_bg-colorless.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_bg-colorless-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_bg-colorful.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_bg-colorful-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="shadow"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_shadowA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_shadowA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_shadowB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_shadowB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="light"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_light.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_light-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="char"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_charA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_charA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_charB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T02_charB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> </div> <div class="txt"> <h2 class="feature-title">Enjoy natural <br class="pc_only"/>light indoors</h2> <p class="feature-desc">Energizing solutions can alternately invigorate <span class="mo-span">spaces where</span> <span class="pc-span">you spend all day</span> indoors, such as care facilities. Low CCT <span class="pc-span">warm lighting creates</span> a <span class="mo-span">comfortable atmosphere,</span> while high <span class="pc-span">MEDI boosts <span class="mo-span">vitality during the day.</span></span></p> </div> </li> <li> <div class="obj"> <div class="graph"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_graphA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_graphA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_graphB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_graphB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_graphC.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_graphC-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_graphD.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_graphD-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_graphE.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_graphE-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <span class="gage"></span> </div> <div class="bg"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_bg-colorless.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_bg-colorless-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_bg-colorful.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_bg-colorful-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="shadow"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_shadowA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_shadowA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_shadowB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_shadowB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="light"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_light.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_light-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="char"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_charA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_charA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_charB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T03_charB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> </div> <div class="txt"> <h2 class="feature-title">Keep your <br class="pc_only"/>eyes <br class="mo_only"/>fresh while working</h2> <p class="feature-desc">Now your eyes can feel much less tired, even working <span class="mo-span">long <span class="pc-span">hours under</span></span> bright lighting. Samsung’s solutions <span class="mo-span">are proven</span> <span class="pc-span">to boost</span> beta waves in your brain, <span class="mo-span">alleviating eye fatigue.</span></p> </div> </li> <li> <div class="obj"> <div class="graph"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_graphA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_graphA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_graphAa.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_graphAa-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_graphB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_graphB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_graphC.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_graphC-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_graphD.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_graphD-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="bg"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_bg-colorless.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_bg-colorless-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_bg-colorful.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_bg-colorful-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="shadow"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_shadowA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_shadowA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_shadowB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_shadowB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="light"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_light.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_light-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="char"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_charA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_charA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_charB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T04_charB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> </div> <div class="txt"> <h2 class="feature-title">Stay focused and motivated while <span class="mo-span">you study</span></h2> <p class="feature-desc">Success is all about staying focused. Energizing <span class="mo-span">solutions <span class="pc-span">provide light</span> that is conducive</span> to <span class="mo-span">concentration, so</span> that you <span class="pc-span">can perform better</span> academically and protect your eye health.</p> </div> </li> <li> <div class="obj"> <div class="graph"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_graphA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_graphA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_graphB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_graphB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_graphC.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_graphC-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_graphD.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_graphD-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_graphE.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_graphE-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="bg"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_bg-colorless.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_bg-colorless-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_bg-colorful.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_bg-colorful-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="shadow"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_shadowA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_shadowA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_shadowB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_shadowB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="light"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_light.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_light-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="char"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_charA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_charA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_charB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T05_charB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> </div> <div class="txt"> <h2 class="feature-title">Uplift your exercise routine</h2> <p class="feature-desc">Get the most out of your workouts by mentally <span class="mo-span">zoning in <span class="pc-span">on the muscles</span></span> you use. With Samsung’s energizing solutions, <span class="pc-span">you can</span> power your movements <span class="mo-span">and be more</span> alert while <span class="pc-span">you’re exercising.</span></p> </div> </li> <li> <div class="obj"> <div class="graph"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphB1.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphB1-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphB2.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphB2-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphB3.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphB3-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphB4.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphB4-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphC.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_graphC-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="bg"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_bg-colorless.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_bg-colorless-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_bg-colorful.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_bg-colorful-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="shadow"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_shadowA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_shadowA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_shadowB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_shadowB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="light"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_light.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_light-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> <div class="char"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_charA.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_charA-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_charB.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f04_T06_charB-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"> </div> </div> <div class="txt"> <h2 class="feature-title">More efficiency, <span class="mo-span">fewer mistake</span></h2> <p class="feature-desc">Avoid accidents during repetitive work and dive in <span class="mo-span">with <span class="pc-span">full focus. Energizing</span></span> Solutions help your brain concentrate <span class="pc-span">better to boost</span> operational efficiency <span class="mo-span">over long</span> hours <span class="pc-span">by suppressing melatonin.</span></p> </div> </li> </ul> </div> <div class="feature f05"> <div class="obj"> </div> <div class="txt"> <h2 class="feature-title">Each place has its own purpose, <br class="pc_only"/>complete it with <span class="mo-span">the right light!</span></h2> <p class="feature-desc">We’ve come to think that higher CCT and higher illuminance are essential factors that increase focus, but it is not always the case. Discover how lighting <span class="mo-span">can make</span> you feel energized and effectively keep you focused.</p> </div> <div class="f05-list-wrapper"> <ul class="f05-list"> <li> <div class="obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f05-list01_2.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f05-list01_2-m.jpg?$ORIGIN_JPG$" alt="Energizing Lighting, Applications"> <div class="txt"> </div> <a href="#" class="play-btn" data-src="kucEmwfvVv0"><img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/play-btn.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/play-btn-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"></a> </div> </li> <li> <div class="obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f05-list02_2.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f05-list02_2-m.jpg?$ORIGIN_JPG$" alt="Energizing Lighting, Applications"> <div class="txt"> </div> <a href="#" class="play-btn" data-src="U2y8XeNOVP8"><img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/play-btn.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/play-btn-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"></a> </div> </li> <li> <div class="obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f05-list03_2.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f05-list03_2-m.jpg?$ORIGIN_JPG$" alt="Energizing Lighting, Applications"> <div class="txt"> </div> <a href="#" class="play-btn" data-src="RRqiIVTQ39A"><img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/play-btn.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/play-btn-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"></a> </div> </li> <li> <div class="obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f05-list04_2.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f05-list04_2-m.jpg?$ORIGIN_JPG$" alt="Energizing Lighting, Applications"> <div class="txt"> </div> <a href="https://download.led.samsung.com/led/file/resource/2021/03/Samsung_LED_Webinar_2021_energizing_lighting_QnA.pdf" class="play-btn" target="_blank"><img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/download-btn.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/download-btn-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"></a> </div> </li> </ul> <div class="slide-obj"> <a href="#" class="prev-btn"></a> <a href="#" class="next-btn"></a> </div> <div class="carousel"> <ul class=""> <li class="active"><a href="#" class=""><span></span></a></li> <li><a href="#" class=""><span></span></a></li> <li><a href="#" class=""><span></span></a></li> <li><a href="#" class=""><span></span></a></li> </ul> <a href="#" class="rolling_button"></a> </div> </div> </div> <div class="feature f06"> <div class="obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f06_1.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/f06_1-m.jpg?$ORIGIN_JPG$" alt="Energizing Lighting, Applications"> <a href="#" class="play-btn" data-src="4kx2tLQNCPQ"><img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/common.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-web="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/play-btn.png?$ORIGIN_PNG$&fmt=png-alpha" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/lighting/applications/energizing-lighting/play-btn-m.png?$ORIGIN_PNG$&fmt=png-alpha" alt="Energizing Lighting, Applications"></a> </div> <div class="txt"> <h2 class="feature-title">Clinically <span class="mo-span">proven by leading</span> researchers</h2> <p class="feature-desc">Meticulously executed clinical tests proved <span class="mo-span">that Energizing</span> Lighting Solutions successfully suppress melatonin, resulting in higher alertness and focus. Subjects felt less tired and performed better on concentration tests.</p> </div> </div> <div class="video_popup"> <div class="popup_inner"> <div id="videoArea"></div> <a href="#" class="close"></a> </div> </div> <div class="pd-led-product-selection-guide section"> <div class="pd-product-selection-guide"> <h2 class="pd-product-selection-guide-title">Energizing Lighting Solutions</h2> <div class="pd-product-selection-guide-detail all-no-option"> <table class="pd-product-selection-guide-detail-table"> <caption>product selection guide detail</caption> <colgroup> <col class="product"> <col class="keyfeatures"> <col class="efficacy"> <col class="lifespan"> </colgroup> <thead> <tr> <th scope="col" class="product">Product</th> <th scope="col" class="keyfeatures">Key Features</th> <th scope="col" class="efficacy">Efficacy<div class="br">(lm/W)</div></th> <th scope="col" class="lifespan">Lifespan</th> </tr> </thead> <tbody> <tr> <td class="product"> <a href="/lighting/mid-power-leds/3030-leds/lm302n-day/" class="pd-product-selection-guide-detail-table-anchor" data-omni="lm302n day|11467"> <span class="pd-product-selection-guide-detail-table-img"><img src="//image.led.samsung.com/image/samsung/p6/led/lighting/mid-power-leds/3030-leds/lm302n-day/3030leds-lm302n-day-plus-front-white.jpg?$ORIGIN_JPG$" alt="Energizing Lighting, Applications"></span> <strong class="pd-product-selection-guide-detail-table-name">LM302N DAY</strong> </a> </td> <td class="keyfeatures"> <ul class="pd-product-selection-guide-detail-table-spec"> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Maximization of Melanopic Ratio</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> 0.76 MDER @ 4000K, 150 mA, 25°C</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> 0.9 W, 6.1 V 3030 mid power LED</li> </ul> </td> <td class="efficacy"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> <td class="lifespan"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> </tr> <tr> <td class="product"> <a href="/lighting/mid-power-leds/2835-leds/lm283n-plus-day/" class="pd-product-selection-guide-detail-table-anchor" data-omni="lm302n nite|11468"> <span class="pd-product-selection-guide-detail-table-img"><img src="//image.led.samsung.com/image/samsung/p6/led/lighting/mid-power-leds/2835-leds/lm283n-plus-day/lm283n-plus_003-r45.png" alt="Energizing Lighting, Applications"></span> <strong class="pd-product-selection-guide-detail-table-name">LM283N+ DAY</strong> </a> </td> <td class="keyfeatures"> <ul class="pd-product-selection-guide-detail-table-spec"> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Maximization of Melanopic Ratio</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> 0.76 MDER @ 4000K, 100 mA, 25°C</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> 0.9 W, 9.4 V 2835 mid power LED</li> </ul> </td> <td class="efficacy"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> <td class="lifespan"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> </tr> </tbody> </table> </div> <!-- Related Documents --> <!-- //Related Documents --> </div> </div> </div> <!-- googleoff: all--> <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,$){ // touchSwipe !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&¤tPhase==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}}); // UserAgent var userAgent;!function(){"use strict";String.prototype.has=function(e){return this.indexOf(e)>-1};userAgent=new function(){var e=this,s=navigator.userAgent.toLowerCase(),n=[],o=[];s.has("chrome")?n.push("Chrome"):s.has("safari")&&n.push("Safari"),(s.has("edg")||s.has("edge")||s.has("edgA"))&&n.push("Edge"),s.has("firefox")&&n.push("Firefox"),(s.has("msie")||s.has("rv:"))&&(n.push("IE"),s.has("msie 9")?n.push("IE9"):s.has("msie 10")?n.push("IE10"):s.has("rv:11")?n.push("IE11"):n.push("IEOld")),n.length||n.push("Unknown"),s.has("windows nt")&&o.push("Windows"),s.has("mac os")&&o.push("MacOS"),s.has("cros")&&o.push("ChromeOS"),s.has("android")&&o.push("Android"),s.has("iphone os")&&o.push("IOS"),s.has("mobile")&&o.push("Device"),e.get=function(e){e=e.toLowerCase();for(var s=0;s<n.length;s++)if(n[s].toLowerCase()===e)return n[s];for(s=0;s<o.length;s++)if(o[s].toLowerCase()===e)return o[s];return null},e.getAll=function(){return{browser:n,os:o}},e.is=function(s){return!!e.get(s)},e.notify=function(s,n){var o=e.get(s).toLowerCase();o&&(n?document.documentElement.classList.add(o):document.documentElement.classList.remove(o))},e.notifyAll=function(s){void 0===s&&(s=!0),n.forEach(function(n){e.notify(n,s)}),o.forEach(function(n){e.notify(n,s)})}},delete String.prototype.has}(); // jQuery Extend $(function(){$.fn.cssInt=function(t){return parseInt(this.css(t))},$.fn.cssFloat=function(t){return parseFloat(window.getComputedStyle(this[0])[t])},$.fn.jtoa=function(){return this.map(function(){return $(this)}).toArray()}}); // Youtube API $(function() { var tag = $(document.createElement('script')); tag.attr('src', 'https://www.youtube.com/iframe_api'); $('script').eq(0).before(tag); }); var ytPlayer; function ytPlay(videoId) { ytStop(); ytPlayer = new YT.Player('videoArea', { width: $('#videoArea').width(), height: $('#videoArea').height(), videoId: videoId, events: { 'onReady': function(e) { e.target.playVideo(); } } }); } function ytStop() { if (!!ytPlayer) { ytPlayer.destroy(); ytPlayer = null; } } // Anchor var anchor = null, subAnchor = null; $(function() { anchor = $('.feature.anchor-bar'), subAnchor = $('.feature.anchor-bar-f04'); anchor.on('click', 'li a', function() { var idx = $(this).parent().index(); if (anchor.is('.moving')) return false; anchor.addClass('moving'); var move = -(anchor.cssFloat('height')) + 1; if (idx === 0) { if (page === 'pc') { move += $('.feature.f01 .obj').offset().top; } else { move += $('.feature.f01 .txt').offset().top - 10; } } else if (idx === 1) { move += $('.feature.f04').offset().top; } else if (idx === 2) { move += $('.feature.f05 > .txt').offset().top; if (page === 'm') { move -= 10; } } else if (idx === 3) { move += $('.pd-product-selection-guide').offset().top; } if (page === 'm') { anchor.find('.select').removeClass('nav_on'); anchor.find('.select').addClass('nav_off'); } $('html, body').stop().animate({'scrollTop': move}, 700, function() { anchor.removeClass('moving'); }); return false; }); anchor.on('click', '.select a', function() { var select = anchor.find('.select'); if (select.is('.nav_off')) { select.removeClass('nav_off'); select.addClass('nav_on'); } else { select.removeClass('nav_on'); select.addClass('nav_off'); } return false; }); subAnchor.on('click', 'li a', function() { var idx = $(this).parent().index(); if (subAnchor.is('.moving')) return false; subAnchor.addClass('moving'); var move = -(anchor.cssFloat('height') + subAnchor.cssFloat('height')) + $('.feature.f04 .f04-list li').eq(idx).offset().top + 2; if (page === 'm') { subAnchor.find('.select').removeClass('nav_on'); subAnchor.find('.select').addClass('nav_off'); } $('html, body').stop().animate({'scrollTop': move}, 700, function() { subAnchor.removeClass('moving'); }); return false; }); subAnchor.on('click', '.select a', function() { var select = subAnchor.find('.select'); if (select.is('.nav_off')) { select.removeClass('nav_off'); select.addClass('nav_on'); } else { select.removeClass('nav_on'); select.addClass('nav_off'); } return false; }); }); function anchorUpdate() { var idx = 0; if (!!!$.fn.cssFloat) return false; if (anchor.offset().top < winTop) { anchor.find('.anchor-bar-wrap').addClass('fixed'); } else { anchor.find('.anchor-bar-wrap').removeClass('fixed'); } var anchorTop = winTop + anchor.cssFloat('height'); if (anchorTop > $('.feature.f04').offset().top) idx++; if (anchorTop > $('.feature.f05').offset().top) idx++; if (anchorTop > $('.pd-product-selection-guide').offset().top) idx++; if (winTop >= $('body').height() - winHeight) { idx = anchor.find('.anchor-bar-wrap ul li').length - 1; } if (anchor.find('.active').index() !== idx) { anchor.find('.active').removeClass('active'); anchor.find('li').eq(idx).addClass('active'); if (page === 'm') { anchor.find('.select .activeMenu').text(anchor.find('li').eq(idx).text()); } } if (subAnchor.offset().top < anchorTop && anchorTop + subAnchor.cssFloat('height') < $('.feature.f04').offset().top + $('.feature.f04').cssFloat('height')) { subAnchor.find('.anchor-bar-wrap').addClass('fixed'); } else { subAnchor.find('.anchor-bar-wrap').removeClass('fixed'); } idx = 0; anchorTop += subAnchor.cssFloat('height'); $('.feature.f04 .f04-list li:nth-child(n+2)').each(function() { var l = $(this), base = l.data(data('base')), trigger = false; var e = base || l, top = e.data(data('top')) || 1, pos = position(e); if (pos.top >= top[0]) { idx++; } }); if (subAnchor.find('.active').index() !== idx) { subAnchor.find('.active').removeClass('active'); subAnchor.find('li').eq(idx).addClass('active'); if (page === 'm') { subAnchor.find('.select .activeMenu').text(subAnchor.find('li').eq(idx).text()); } } } // F05 $(function() { $.fn._clone = $.fn.clone, $.fn.clone = function() { return this._clone().addClass('auto-generated'); } f05AutoGenerated(); $('.feature.f05 .f05-list-wrapper .slide-obj').on('click', 'a', function() { var btn = $(this), dir = btn.is('.prev-btn') ? -1 : 1; var idx = $('.feature.f05 .f05-list-wrapper .carousel li.active').index() + dir; f05Slide(idx); return false; }); $('.feature.f05 .f05-list-wrapper .carousel').on('click', 'li a', function() { var idx = $(this).parent().index(); if (idx === $('.feature.f05 .f05-list-wrapper .carousel li.active').index()) { return false; } f05Slide(idx); return false; }); $('.feature.f05 .f05-list').swipe({ swipeStatus: function(e, p, dr, ds, du, f, fd, cd) { var slide = $(this); if (p === 'start') { if (slide.is('.sliding')) { return false; } } else { if (!!p.match('end|cancel')) { if (slide.is('.swiping')) { slide.removeClass('swiping'); } if (p === 'end') { if (!!dr.match('left|up')) { slide.parent().find('.slide-obj .next-btn').click(); } else { slide.parent().find('.slide-obj .prev-btn').click(); } } } else { if (!slide.is('.swiping')) { slide.addClass('swiping'); } clickPrevent(slide); } } }, triggerOnTouchLeave: true, allowPageScroll: 'vertical' }); $('.feature.f05 .carousel').on('click', '.rolling_button', function() { var indicator = $(this).parent(), slide = $('.feature.f05 .f05-list'); if (slide.is('.sliding')) { return false; } if (indicator.is('.stop')) { indicator.removeClass('stop'); autoSlideStart(slide); } else { indicator.addClass('stop'); autoSlideStop(slide); } return false; }); }); function f05AutoGenerated() { var f05List = $('.feature .f05-list li'); if (f05List.length > 0) { f05Auto = true; $('.feature .f05-list').prepend(f05List.eq(-1).clone()); $('.feature .f05-list').prepend(f05List.eq(-2).clone()); $('.feature .f05-list').append(f05List.eq(0).clone()); $('.feature .f05-list').append(f05List.eq(1).clone()); } } function f05Slide(idx) { var slide = $('.feature.f05 .f05-list'), indicator = $('.feature.f05 .carousel'); if (indicator.find('.active').index() === idx || slide.is('.sliding')) { return false; } slide.addClass('sliding'); var baseElem = slide.find('li:not(.auto-generated)').eq(0); var moveBase = (baseElem.cssFloat('width') + baseElem.cssFloat('margin-right')) / slide.parent().cssFloat('width') * 100; var length = slide.find('li:not(.auto-generated)').length; if (idx < 0) { idx += length; slide.stop().css({'margin-left': -moveBase * (idx + 1) + '%'}); } else if (idx >= length) { idx -= length; slide.stop().css({'margin-left': -moveBase * (idx - 1) + '%'}); } indicator.find('.active a span').stop().css({'width': 0}); indicator.find('.active').removeClass('active'); indicator.find('li').eq(idx).addClass('active'); slide.stop().animate({'margin-left': -moveBase * idx + '%'}, 500, function() { slide.removeClass('sliding'); if (!!slide.data('autoTimer')) { autoSlideReset(slide); } else { autoSlideClear(slide); } }); } // Video Popup $(function() { var f05Auto = false; $('.feature').on('click', '.play-btn[data-src]', function() { var videoId = $(this).attr('data-src'); if($('.video_popup').is('.opened') || !!!videoId) return false; if ($(this).parents('.feature').is('.f05')) { var slide = $('.feature.f05 .f05-list'); if (slide.is('.sliding') || !!slide.data('prevent')) { return false; } if (!!slide.data('autoTimer')) { f05Auto = true; $('.feature.f05 .rolling_button').click(); } } $('.video_popup').addClass('opened'); $('.video_popup').stop().css({'display': 'block', 'opacity': 0}).animate({'opacity': 1}, 500, function() { ytPlay(videoId); }); return false; }); $('.feature').on('click', '.play-btn:not([data-src])', function() { if ($(this).parents('.feature').is('.f05')) { var slide = $('.feature.f05 .f05-list'); if (slide.is('.sliding') || !!slide.data('prevent')) { return false; } } }); $('.video_popup').on('click', '.close', function() { if(!$('.video_popup').is('.opened')) return false; $('.video_popup').stop().animate({'opacity': 0}, 500, function() { $('.video_popup').stop().css({'display': 'none'}); $('.video_popup').removeClass('opened'); ytStop(); if (f05Auto) { f05Auto = false; $('.feature.f05 .rolling_button').click(); } }); return false; }); }); $(window).on('load', onLoad).on('scroll', onScroll).on('resize', onResize); //Public var winTop = null, winHeight = null; var page = null, prevPage = null; var f05Auto = false; //Definition function onLoad() { winTop = $(window).scrollTop(), winHeight = window.innerHeight; page = prevPage = (window.innerWidth > 768) ? 'pc' : 'm'; $('.feature.f04 .f04-list li').each(function() { var l = $(this); l.data(data('base'), l.find('.obj')); }); if (!f05Auto) { f05AutoGenerated(); } autoSlideOn($('.feature.f05 .f05-list')); fe.init(); updatePage(); anchorUpdate(); onScroll(); } function onScroll() { winTop = $(window).scrollTop(); $('.feature.f04 .f04-list li').each(function() { var l = $(this), base = l.data(data('base')), trigger = false; var e = base || l, top = e.data(data('top')) || [0.5, 0.5], bottom = e.data(data('bottom')) || [0.5, 0.5], pos = position(e); if (inside(pos, top[0], bottom[0])) { if (!l.is('.active-image')) { l.addClass('active-image'); trigger = true; } } else if (outside(pos)) { if (l.is('.active-image')) { l.removeClass('active-image'); trigger = true; } } trigger = false; if (inside(pos, top[1], bottom[1])) { if (!l.is('.active-graph')) { l.addClass('active-graph'); trigger = true; } } else if (outside(pos)) { if (l.is('.active-graph')) { l.removeClass('active-graph'); trigger = true; } } }); anchorUpdate(); } function onResize() { winTop = $(window).scrollTop(), winHeight = window.innerHeight; page = (window.innerWidth > 768) ? 'pc' : 'm'; if (page !== prevPage) { $('.anchor-bar-wrap .select').each(function() { $(this).removeClass('nav_on'); $(this).addClass('nav_off'); }); $('.feature.f04 .f04-list li').removeClass('active'); $('.feature.f04 .f04-list li').each(function() { var l = $(this); if (!!!l.data(data('base'))) { l.data(data('base'), l.find('.obj')); } }); var slide = $('.feature.f05 .f05-list'); var baseElem = slide.find('li:not(.auto-generated)').eq(0); var moveBase = (baseElem.cssFloat('width') + baseElem.cssFloat('margin-right')) / slide.parent().cssFloat('width') * 100; slide.stop().css({'margin-left': -moveBase * $('.feature.f05 .carousel .active').index() + '%'}); if (!!slide.data('autoTimer')) { autoSlideReset(slide); } } prevPage = page; fe.reset(); updatePage(); anchorUpdate(); onScroll(); } function updatePage() { if (page === 'pc') { // PC base, top, bottom Set $('.feature.f04 .f04-list li').each(function() { var l = $(this); l.find('.obj').data(data('top'), [1, 1]); l.find('.obj').data(data('bottom'), [1, 1]); }); } else if (page === 'm') { // MO base, top, bottom Set $('.feature.f04 .f04-list li').each(function() { var l = $(this); l.find('.obj').data(data('top'), [0.45, 1]); l.find('.obj').data(data('bottom'), [1, 0.35]); }); } } //Method function setTop(e, t) { e.data(data('top'), t); } function setBottom(e, b) { e.data(data('bottom'), b); } function setPosition(e, t, b) { e.data(data('top'), t), e.data(data('bottom'), b); } function data(name) { return (page + '_' + name); } function setVideo(e) { if (e.constructor === Array) { e.forEach(function(e) { __setVideo(e); }); } else { __setVideo(e); } } function __setVideo(video) { if (!!video.data('init')) return false; video.parents('.feature').data('video', true), video.data('status', 'init'); if (video.prop('readyState') < 2) { video.on('canplay', function() { video.data('status', 'canplay'); }); video.load(); } else { video.data('status', 'canplay'); } video.on('timeupdate', function() { var c = video.parent().find('.v_cover'); if (c.css('opacity') == 1 && video.prop('currentTime') > 0) { video[0].pause(); c.stop().animate({'opacity': 0}, 300, function() { c.css({'display': 'none'}); video[0].play(); }); } }); } function playVideo(e) { if (e.constructor === Array) { e.forEach(function(e) { __playVideo(e[0]); }); } else { __playVideo(e[0]); } } function __playVideo(v) { v.play(); } function resetVideo(e) { if (e.constructor === Array) { e.forEach(function(e) { __resetVideo(e[0]); }); } else { __resetVideo(e[0]); } } function __resetVideo(v) { v.pause(); v.currentTime = 0; } function removeAttr(e, attrName) { if (!!!e || !!!attrName) return false; if (e.constructor === Array) { e.forEach(function(e) { e.stop().removeAttr(attrName); }); } else { e.stop().removeAttr(attrName); } } function position(elem, base) { var et = elem.offset().top, eh = elem.height(), bt, bh; if (base === undefined) { bt = winTop, bh = winHeight; } else { bt = base.offset().top, bh = base.height(); } return { top: ((bt + bh - et) / eh), bottom: ((et + eh - bt) / eh) }; } function inside(pos, t, b) { if (!!!t) { return (pos.top >= 0 && pos.bottom >= 0); } else if (!!!b) { return (pos.top >= t && pos.bottom >= 0); } else { return (pos.top >= t && pos.bottom >= b); } } function outside(pos, t, b) { if (!!!t) { return (pos.top < 0 || pos.bottom < 0); } else if (!!!b) { return (pos.top < t || pos.bottom < 0); } else { return (pos.top < t || pos.bottom < b); } } // Slide Auto Play function clickPrevent(e) { var timer, date = new Date(); if (!!e.data('preventBegin') && !!e.data('preventEnd')) { timer = e.data('preventEnd').getTime() - e.data('preventBegin').getTime(); } else { timer = 1000; } if (timer < 500) { clearTimeout(e.data('prevent')); e.removeData('prevent'); timer = 1000; } e.data('preventBegin', date); if (!!!e.data('prevent')) { e.data('preventEnd', new Date(date.getTime() + timer)); e.data('prevent', setTimeout(function() { e.removeData('prevent'); }, timer)); } } function autoSlide(e, t) { if (!e.data('auto')) return; if (t === 'start' && !!!e.data('autoTimer')) { var timer, date = new Date(); if (!!e.data('autoBegin') && !!e.data('autoEnd')) { timer = e.data('autoEnd').getTime() - e.data('autoBegin').getTime(); } else { timer = 1000 * 5; } e.data('autoBegin', date), e.data('autoEnd', new Date(date.getTime() + timer)); e.parent().find('.carousel .active a span').stop().animate({'width': '100%'}, timer, 'linear'); e.data('autoTimer', setTimeout(function() { e.parent().find('.slide-obj .next-btn').click(); }, timer)); console.log('Auto Start', (timer) / 1000, '초'); } else if (t === 'stop' && !!e.data('autoTimer')) { e.data('autoBegin', new Date()); clearTimeout(e.data('autoTimer')); e.removeData('autoTimer'); e.parent().find('.carousel .active a span').stop().css({'width': e.parent().find('.carousel .active a span').cssFloat('width')}); console.log('Auto Stop', (e.data('autoEnd').getTime() - e.data('autoBegin').getTime()) / 1000, '초'); } else if (t === 'clear') { e.removeData('autoBegin'), e.removeData('autoEnd'); clearTimeout(e.data('autoTimer')); e.removeData('autoTimer'); removeAttr(e.parent().find('.carousel .active a span'), 'style'); } else if (t === 'reset') { autoSlideClear(e); autoSlideStart(e); } } function autoSlideOn(e) { e.data('auto', 'auto'), autoSlideStart(e); } function autoSlideOff(e) { autoSlideStop(e), e.removeData('auto'); } function autoSlideStart(e) { autoSlide(e, 'start'); } function autoSlideStop(e) { autoSlide(e, 'stop'); } function autoSlideClear(e) { autoSlide(e, 'clear'); } function autoSlideReset(e) { autoSlide(e, 'reset'); } // Tab var focusableElements=new Function;focusableElements.fn=focusableElements.__proto__={target:".st-semi-static-content .feature",focusable:'a:not([disabled]), button:not([disabled]), input[type="text"]:not([disabled]), [tabindex]:not([disabled]):not([tabindex="-1"])',init:function(){(null===this.elements||this.elements.length<0)&&(this.elements=$(this.target).find(this.focusable).map(function(){var e=$(this);if("none"===e.css("display")||e.parents('.auto-generated').length > 0)return null;for(;e[0].constructor!==Window&&e[0].constructor!==(userAgent.is("ie9")||userAgent.is("ie10")||userAgent.is("ieold")?Document:HTMLDocument);){if("none"===e.css("display")||e.parents('.auto-generated').length > 0)return null;e=e.parent()}return this}))},reset:function(){this.elements=null,this.init()},elements:null,getElement:function(e){for(var t=0;t<this.elements.length;t++)if(this.compare(this.elements.eq(t),e))return{element:this.elements.eq(t),index:t};return{element:void 0,index:-1}},getElementByIndex:function(e){return e>=this.elements.length?void 0:this.elements.eq(e)},next:function(e){return e=(e=this.getElement(e).index)+1>=this.elements.length?e:e+1,this.getElementByIndex(e)},prev:function(e){return e=(e=this.getElement(e).index)-1<0?e:e-1,this.getElementByIndex(e)},compare:function(e,t){for(var n=0;n<t.length;n++)if(e.get(0)===t.get(n))return!0;return!1}};var fe=focusableElements.fn; $(function() { $('.anchor-bar-wrap').on('keydown', '.select a', function(e) { if (e.keyCode === 9) { var select = $(this).parents('.select'); if (!e.shiftKey) { if (select.is('.nav_off')) { fe.next(select.parent().find('ul li').last().find('a')).focus(); return false; } } } }); $('.anchor-bar-wrap').on('focus', 'ul li a', function() { var select = $(this).parents('.anchor-bar-wrap').find('.select'); if (select.is('.nav_off')) { select.find('a').focus(); return false; } }); $('.feature.f04 .anchor-bar-f04').on('keydown', 'ul li a', function(e) { var li = $(this).parent(); if (e.keyCode === 9 && !e.shiftKey && li.index() === $('.feature.f04 .anchor-bar-f04 ul li').length - 1) { if ($('.feature.f05 .f05-list').is('.sliding')) return false; $('.feature.f05 .f05-list li:not(.auto-generated)').eq($('.feature.f05 .carousel .active').index()).find('a').focus(); return false; } }); $('.feature.f05 .f05-list li').on('keydown', 'a', function(e) { if (e.keyCode === 9) { var li = $(this).parents('.obj').parent(); var act = $('.feature.f05 .carousel .active').index(), index = li.index() - 2; if (act === index) { if (!e.shiftKey) { fe.next($('.feature.f05 .f05-list li:not(.auto-generated)').last().find('a')).focus(); } else { fe.prev($('.feature.f05 .f05-list li:not(.auto-generated)').first().find('a')).focus(); } } else { $('.feature.f05 .f05-list li:not(.auto-generated)').eq(act).find('a').focus(); } return false; } }); $('.feature.f05 .f05-list li').on('focus', 'a', function() { var li = $(this).parents('.obj').parent(), act = $('.feature.f05 .carousel .active').index(); if (li.index() - 2 !== act) { $('.feature.f05 .f05-list li:not(.auto-generated)').eq(act).find('a').focus(); return false; } }); $('.feature.f05 .slide-obj').on('keydown', '.prev-btn', function(e) { if (e.keyCode === 9 && e.shiftKey) { if ($('.feature.f05 .f05-list').is('.sliding')) return false; $('.feature.f05 .f05-list li:not(.auto-generated)').eq($('.feature.f05 .carousel .active').index()).find('a').focus(); return false; } }); $('.feature.f05 .carousel').on('keydown', 'li a', function(e) { var idx = $(this).parent().index(); if (e.keyCode === 9 && e.shiftKey && page === 'm' && idx === 0) { if ($('.feature.f05 .f05-list').is('.sliding')) return false; $('.feature.f05 .f05-list li:not(.auto-generated)').last().find('a').focus(); return false; } }); }); }); </script> <!--googleon: all--> </div> <div class="fb-led-four-column-links section"> <section class="four-column-links js-home-components"> <h2 class="four-column-links__title">Awards</h2> <div class="four-column-links__slide-wrap s-slick js-prd-eco-high-carousel"> <div class="four-column-links__slide"> <div class="four-column-links__img-wrap"> <a href="/about-us/news-events/events/events-detail-40/" target="_self"> <img class="js-img-src js-img-lazy" width="298" height="200" alt="CES Innovation Awards 2021" data-src-pc="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/events-detail-40/events-detail-40-ces-awards-2020_1.jpg?$ORIGIN_JPG$" data-src-mobile="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/events-detail-40/events-detail-40-ces-awards-2020_1.jpg?$ORIGIN_JPG$" src="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/events-detail-40/events-detail-40-ces-awards-2020_1.jpg?$ORIGIN_JPG$"/> <noscript> <img alt="CES Innovation Awards 2021" src="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/events-detail-40/events-detail-40-ces-awards-2020_1.jpg?$ORIGIN_JPG$"/> </noscript> </a> </div> <div class="four-column-links__text-wrap"> <a href="/about-us/news-events/events/events-detail-40/" data-href="/content/led/about-us/news-events/events/events-detail-40" target="_self"> <h3 class="four-column-links__slide-title">CES Innovation Awards 2021</h3> </a> <p class="four-column-links__text-body">Health & Wellness : LM283N+</p> <a href="/about-us/news-events/events/events-detail-40/" class="four-column-links__text-link " data-href="/content/led/about-us/news-events/events/events-detail-40" target="_self">LEARN MORE</a> </div> </div> <div class="four-column-links__slide"> <div class="four-column-links__img-wrap"> <a href="https://led.samsung.com/about-us/news-events/events/events-detail-37/" target="_self"> <img class="js-img-src js-img-lazy" width="298" height="200" data-src-pc="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/event-detail-38/thumb-event-detail-38.jpg?$ORIGIN_JPG$" data-src-mobile="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/event-detail-38/thumb-event-detail-38.jpg?$ORIGIN_JPG$" src="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/event-detail-38/thumb-event-detail-38.jpg?$ORIGIN_JPG$"/> <noscript> <img src="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/event-detail-38/thumb-event-detail-38.jpg?$ORIGIN_JPG$"/> </noscript> </a> </div> <div class="four-column-links__text-wrap"> <a href="https://led.samsung.com/about-us/news-events/events/events-detail-37/" data-href="https://led.samsung.com/about-us/news-events/events/events-detail-37" target="_self"> <h3 class="four-column-links__slide-title">Korean Government Awards 2020</h3> </a> <p class="four-column-links__text-body">Presidential Award : LM302N</p> <a href="https://led.samsung.com/about-us/news-events/events/events-detail-37/" class="four-column-links__text-link " data-href="https://led.samsung.com/about-us/news-events/events/events-detail-37" target="_self">LEARN MORE</a> </div> </div> <div class="four-column-links__slide"> <div class="four-column-links__img-wrap"> <a href="https://led.samsung.com/about-us/news-events/events/events-detail-28/" target="_self"> <img class="js-img-src js-img-lazy" width="298" height="200" alt="CES Innovation Awards 2019" data-src-pc="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/events-awards/events-detail-28-ces-awards-2019.jpg?$ORIGIN_JPG$" data-src-mobile="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/events-awards/events-detail-28-ces-awards-2019.jpg?$ORIGIN_JPG$" src="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/events-awards/events-detail-28-ces-awards-2019.jpg?$ORIGIN_JPG$"/> <noscript> <img alt="CES Innovation Awards 2019" src="https://image.led.samsung.com/image/samsung/p6/led/about-us/news-events/events/events-awards/events-detail-28-ces-awards-2019.jpg?$ORIGIN_JPG$"/> </noscript> </a> </div> <div class="four-column-links__text-wrap"> <a href="https://led.samsung.com/about-us/news-events/events/events-detail-28/" data-href="https://led.samsung.com/about-us/news-events/events/events-detail-28" target="_self"> <h3 class="four-column-links__slide-title">CES Innovation Awards 2019</h3> </a> <p class="four-column-links__text-body">Tech for a Better World : LM302N</p> <a href="https://led.samsung.com/about-us/news-events/events/events-detail-28/" class="four-column-links__text-link " data-href="https://led.samsung.com/about-us/news-events/events/events-detail-28" target="_self">LEARN MORE</a> </div> </div> </div> <div class="s-video-area video-area_5"> <div class="s-video-wrap video-wrap"> <div id="four-links-1743367190301" class="s-video-container brightCoveArea"></div> <button id="_03_0404" type="button" class="s-media-close brightcove-bcc-btn-close js-pop-close" data-div-id="four-links-1743367190301">Close</button> </div> </div> </section> </div> <div class="cm-led-contact-support-ready-to-buy section"> <div class="ready-to-buy" id="cm_led_contact_suppo_01"> <!--googleoff: all--> <div class="ready-to-buy__wrap"> <div class="ready-to-buy__in"> <div class="ready-to-buy__contents"> <div class="tech-support"> <span class="c-img"> <img src="https://image.led.samsung.com/content/samsung/p6/led/common/ready-to-buy/desktop-02-contact-us.svg" alt="EMAIL US"/> </span> <strong class="c-title">Contact Us</strong> <p class="c-dec">We will help you find the right solutions for your business</p> <div class="btn-center"> <a href="fncontactus" class="s-btn-encased s-mo-full s-white" id="cm_led_contact_suppo_01_0105">EMAIL US</a> </div> </div> <div class="find-our-partners"> <span class="c-img"> <img src="https://image.led.samsung.com/content/samsung/p6/led/common/ready-to-buy/desktop-03-sales-networks.svg" alt="Sales Network"/> </span> <strong class="c-title">Sales Network</strong> <p class="c-dec">Partner site for B2B collaboration</p> <div class="btn-center"> <a href="/support/sales-network/" class="s-btn-encased s-mo-full s-white" id="cm_led_contact_suppo_01_0106">FIND OUT MORE</a> </div> </div> </div> </div> </div> <!--googleon: all--> </div> </div> </div> </div> <div class="ge-led-layer-exit-modal"> <!-- Item added --> <div class="exit-modal" role="dialog" style="display:none;" id="exit-modal_01"> <p class="exit-modal__title">You are entering <em class="urlsee">samsungha.com</em></p> <p class="exit-modal__dec"></p> <div class="exit-modal__btn"> <!-- Default button --> <!-- <a href="#" class="s-btn-encased" id="exit-modal_01_01">CONTINUE</a> --> <!-- //Default button --> <!-- new window button --> <a href="javascript:" class="s-btn-encased s-mo-full s-ico-new-window" id="exit-modal_01_01" title="Open in a new window" target="_blank">CONTINUE</a> <!-- //New Window Button --> <a href="javascript:" class="s-btn-encased js-exit-modal-close" id="exit-modal_01_02">CANCEL</a> </div> <button type="button" class="exit-modal__close js-exit-modal-close" id="exit-modal_01_03"><span id="exit-modal_01_04">Close Layer</span></button> </div> <!-- <div><button class="js-exit-modal-alert" style="font-size:40px;" data-href="http://www.samsung.com/sg">OPEN</button></div> --> <!-- //Item added --></div> <div class="cm-led-contact-us-detail"> <div class="cm-contact-us-detail"> <div class="cm-contact-us-detail-container" style="display:none;"> <div class="cm-contact-us-detail-content"> <div class="cm-contact-us-detail-content-inner"> <div class="cm-contact-us-detail-view"> <form action="/join" data-cm-contact-us-form> <div class="cm-contact-us-detail-head"> <h2 class="cm-contact-us-detail-head-title">Contact Us</h2> <p class="cm-contact-us-detail-head-par">Email us your question and we’ll get back to you.</p> </div> <div class="cm-contact-us-detail-form"> <div class="cm-contact-us-detail-form-title blind">contact-type area</div> <select name="contactType" id="" class="cm-contact-us-detail-form-select" title="Contact Type" data-placeholder="Contact Type *" required data-validation="[NOTEMPTY]"> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> <option value="productQuestions" data-omni="">Product Questions</option> <option value="qualityAssurance" data-omni="">Quality Assurance</option> <option value="websiteFeedback" data-omni="">Website Feedback</option> </select> </div> <div class="cm-contact-us-detail-form"> <!--<div class="cm-contact-us-detail-form-title">Product information <span class="system">(optional)</span></h3>--> <div class="cm-contact-us-detail-form-title">Product information</div> <ul class="cm-contact-us-detail-form-list"> <li class="cm-contact-us-detail-form-list-item"> <select name="productType" id="" class="cm-contact-us-detail-form-select" data-placeholder="Product Type (series) *" required data-validation="[NOTEMPTY]"> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> </select> </li> <li class="cm-contact-us-detail-form-list-item"> <select name="productName" id="" class="cm-contact-us-detail-form-select" data-placeholder="Product Name" required data-validation="[NOTEMPTY]"> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> </select> </li> </ul> </div> <div class="cm-contact-us-detail-form"> <div class="cm-contact-us-detail-form-title">Your information</div> <ul class="cm-contact-us-detail-form-list"> <li class="cm-contact-us-detail-form-list-item"> <label for="input-firstName" class="cm-contact-us-detail-form-list-label">First Name *</label> <input type="text" id="input-firstName" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="firstName" data-validation="[NOTEMPTY]" maxlength="50" data-validation-message="* Please input the required items." data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-lastName" class="cm-contact-us-detail-form-list-label">Last Name *</label> <input type="text" id="input-lastName" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="lastName" data-validation="[NOTEMPTY]" maxlength="50" data-validation-message="* Please input the required items." data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-company" class="cm-contact-us-detail-form-list-label">Company *</label> <input type="text" id="input-company" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="company" data-validation="[NOTEMPTY]" maxlength="50" data-validation-message="* Please input the required items."/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-jobTitle" class="cm-contact-us-detail-form-list-label">Job Title</label> <input type="text" id="input-jobTitle" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="jobTitle" maxlength="50" data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <div> <label for="input-email" class="cm-contact-us-detail-form-list-label">Email *</label> <input type="email" id="input-email" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="contactUs[email]" data-validation="[NOTEMPTY]" data-validation-message="* Please input the required items." data-validation-regex="/^([0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]*)*$/i" data-validation-regex-message="* Please double-check your input. (Email format)"/> </div> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-confirmEmail" class="cm-contact-us-detail-form-list-label">Confirm Email *</label> <input type="email" id="input-confirmEmail" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="contacUs[email-confirm]" data-validation="[V==contactUs[email]]" data-validation-message="* Please double-check your email address."/> </li> <li class="cm-contact-us-detail-form-list-item address"> <label for="input-address" class="cm-contact-us-detail-form-list-label">Address</label> <input type="text" id="input-address" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="address" maxlength="200"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-postCode" class="cm-contact-us-detail-form-list-label">Post Code</label> <input type="text" id="input-postCode" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="postCode" maxlength="100" data-validation-regex="/^[0-9]*$/" data-validation-regex-message="* Please double-check your input. (Numbers only)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-country" class="cm-contact-us-detail-form-list-label">Country</label> <input type="text" id="input-country" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="country" maxlength="50" data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-phone" class="cm-contact-us-detail-form-list-label">Phone</label> <input type="tel" id="input-phone" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" data-placeholder="Phone" name="phone" maxlength="100" data-validation-regex="/^[0-9]*$/" data-validation-regex-message="* Please double-check your input. (Numbers only)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <select name="region" id="select-region" class="cm-contact-us-detail-form-select" data-placeholder="Region *" data-validation="[NOTEMPTY]" data-validation-message="* Please select the required items."> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> <option data-omni="" value="America">America</option> <option data-omni="" value="EMEA">EMEA</option> <option data-omni="" value="China">China</option> <option data-omni="" value="SE Asia">SE Asia</option> <option data-omni="" value="Japan">Japan</option> <option data-omni="" value="Korea">Korea</option> </select> </li> </ul> </div> <div class="cm-contact-us-detail-form"> <div class="cm-contact-us-detail-form-title blind">Question or Message area</div> <div class="cm-contact-us-detail-form-group"> <label for="textarea">Question or Message*</label> <textarea id="textarea" class="cm-contact-us-detail-form-group-textarea cm-contact-us-detail-placeholder" required name="questionOrMessage" data-validation="[NOTEMPTY]" maxlength="2000" data-validation-message="* Please input the required items."></textarea> <span class="cm-contact-us-detail-form-group-byte">(<span class="system">0</span> / 2000)</span> </div> </div> <div class="cm-contact-us-detail-form"> <div class="robot-check-area" style="color: red; font-size: 20px;"> <div class="verification__chk__wrap"> <div class="verification__chk"> <p class="capcha-image"><img src="/aemapi/led/common/simplecapcha" alt="captcha img" id="con-us-captcha"/></p> <p class="capcha-btn"> <button type="button" class="btn-refresh con-us-refresh" id="CON-US_05_010801"><img src="/etc/designs/led/global/business/imgs/ico-btn-refresh.png" alt="refresh" id="CON-US_05_01080101"/></button> <button type="button" class="btn-audio con-us-audio" id="CON-US_05_010802"><img src="/etc/designs/led/global/business/imgs/ico-btn-audio.png" alt="audio" id="CON-US_05_01080201"/></button> </p> </div> <div class="sign-in__input-box"> <span> <input type="text" id="CON-US_05_010803" name="captchaAns" class="cm-contact-us-detail-form-list-input" placeholder="Input Captcha Code *" data-id="TT02" data-required="Y" maxlength="6" data-validation="[NOTEMPTY]"/> <label for="CON-US_05_010803" class="blind">Input Captcha Code *</label> </span> <p class="invalid-notice invalid-captcha" style="display: none;">* Please enter your Captcha Code</p> </div> </div> </div> <!-- <div class="cm-contact-us-detail-form-title blind">I’m Not a robot area</div> <div class="cm-contact-us-detail-form-robot"> <input type="checkbox" id="robotChk" class="cm-contact-us-detail-form-chk"> <label for="robotChk" class="cm-contact-us-detail-form-label">I’m Not a robot</label> <span class="cm-contact-us-detail-form-robot-ico"><img src="img/ico_robot_refesh.jpg" alt="recaptcha privacy - terms"></span> </div> --> <ul class="cm-contact-us-detail-form-agree"> <li class="cm-contact-us-detail-form-agree-li"> <input type="checkbox" id="agree1" class="cm-contact-us-detail-form-chk" name="privacy" data-validation="[NOTEMPTY]" data-validation-message="* Please check the required items."/> <label for="agree1" class="cm-contact-us-detail-form-label">I have read and agree to the <a href="/privacy/" class="cm-contact-us-detail-form-label-link" target="_blank">Samsung Privacy Policy</a></label> </li> <li class="cm-contact-us-detail-form-agree-li"> <input type="checkbox" id="agree2" class="cm-contact-us-detail-form-chk" name="info"/> <label for="agree2" class="cm-contact-us-detail-form-label">I would like to receive information about products, service, promotions and marketing communications of Samsung and/or its partners.</label> </li> </ul> </div> <div class="cm-contact-us-detail-button"> <button type="submit" class="s-btn-encased">SUBMIT</button> </div> </form> <a href="#" class="cm-contact-us-detail-btn-close"><img src="/etc/designs/led/global/business/imgs/ico-close.png" alt="Close Button"/></a> </div> </div> </div> <div class="cm-contact-us-detail-mask"></div> </div> </div> <div class="cm-contact-us-detail-complete" style="display:none;"> <div class="cm-contact-us-detail-complete-popup-container"> <div class="cm-contact-us-detail-complete-popup"> <div class="cm-contact-us-detail-complete-content"> <div class="cm-contact-us-detail-complete-content-inner"> <div class="cm-contact-us-detail-complete-head"> <h2 class="cm-contact-us-detail-complete-head-title">Thank you for your inquiry.</h2> <p class="cm-contact-us-detail-complete-head-par">We will get in touch with you shortly.</p> </div> <div class="cm-contact-us-detail-complete-body"> <div class="cm-contact-us-detail-complete-basic-table"> <table> <caption></caption> <colgroup> <col/> <col/> </colgroup> <tbody> <tr> <th scope="row">Contact Type*</th> <td>Product Questions</td> </tr> <tr> <th scope="row">Product type (series)</th> <td>Lighting > LED Component</td> </tr> <tr> <th scope="row">Product Name*</th> <td>LM283BS+</td> </tr> <tr> <th scope="row">Frist Name / Last Name*</th> <td>xxx, xxx</td> </tr> <tr> <th scope="row">Company* / Job Title</th> <td>XXX / Strategy Manager</td> </tr> <tr> <th scope="row">Email*</th> <td>xxxx@xxxxx.com</td> </tr> <tr> <th scope="row">Address / Post Code</th> <td>xxxx, Seoul, Korea</td> </tr> <tr> <th scope="row">Country</th> <td>Republic of korea</td> </tr> <tr> <th scope="row">Phone</th> <td>010-1234-5678</td> </tr> <tr> <th scope="row">Region*</th> <td>America</td> </tr> <tr> <th scope="row">Question or Message*</th> <td>Question or Message</td> </tbody> </table> </div> <div class="cm-contact-us-detail-complete-text"><strong class="cm-contact-us-detail-complete-point-color">•</strong> I have read and agree to the <a href="/privacy/" class="cm-contact-us-detail-form-label-link">Samsung Privacy Policy</a></div> <div class="cm-contact-us-detail-complete-text"><strong class="cm-contact-us-detail-complete-point-color">•</strong> I would like to receive information about products, service, promotions and marketing communications of Samsung and/or its partners.</div> <div class="cm-contact-us-detail-complete-footer"> <img src="/etc/designs/led/global/business/imgs/logo-samsung.png" alt="SAMSUNG"/> Copyright ⓒ 1995-2023 SAMSUNG All Rights reserved. </div> </div> <a href="#" class="cm-contact-us-detail-complete-btn-close"><img src="/etc/designs/led/global/business/imgs/ico-close.png" alt="Close Button"/></a> </div> </div> </div> </div> <div class="cm-contact-us-detail-mask"></div> </div> <script tyle="text/javascript"> var contactTypePlaceHolder = '<option class="placeholder" value="">Contact Type *</option>'; var productTypePlaceHolder = '<option class="placeholder" value="">Product Type (series) *</option>'; var productNamePlaceHolder = '<option class="placeholder" value="">Product Name</option>'; var regionPlaceHolder = '<option class="placeholder" value="">Region *</option>'; var optgroupTemplate = '<optgroup label="{0}"></optgroup>'; var optionTemplate = '<option data-omni="" value="{0}">{0}</option>'; // String Function (javascript) eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6.3.t=1(){r a=p;4 2.7(/\\{\\{|\\}\\}|\\{(\\d+)\\}/g,1(m,n){5(m=="{{"){4"{"}5(m=="}}"){4"}"}4 a[n]})};e.3.o=1(){2.i(0,2.l)};e.3.k=1(a,b){2.i(a,0,b)};5(j 6.3.h!==\'1\'){6.3.h=1(){4 2.7(/^\\s+/,"")}}5(j 6.3.9!==\'1\'){6.3.9=1(){4 2.7(/\\s+$/,"")}}5(!(\'c\'q f.3)){f.3.c=1(){5(2.8){2.8.u(2)}}}',31,31,'|function|this|prototype|return|if|String|replace|parentNode|trimRight|||remove||Array|Element||trimLeft|splice|typeof|insert|length|||clear|arguments|in|var||format|removeChild'.split('|'),0,{})); var isSendProductInfo = true; var _mail_address = location.protocol + "\/\/led.samsung.com\/led\/func\/sendmail\/"; </script> </div> <div class="breadcrumb ge-led-breadcrumb"> <!-- googleoff: all--> <nav class="global-element-breadcrumb"> <ol aria-label="breadcrumbs"> <li><a href="/" class="highContrastTarget">Home</a></li> <li>Lighting</li> <li>Applications</li> <li><em aria-current="location" class="highContrastTarget">Energizing Lighting</em></li> </ol> </nav> <!--googleon: all--></div> <div class="footer st-led-static-content"> <!-- googleoff: all--> <style scoped="scoped"> @charset "UTF-8"; .global-element-footer * { margin: 0; padding: 0; -webkit-text-size-adjust: none; } .global-element-footer *, .global-element-footer *::before, .global-element-footer *::after { -webkit-moz-box-sizing: border-box; -ms-moz-box-sizing: border-box; -o-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: "SamsungOne", sans-serif; font-weight: 400; font-size: 10px; line-height: 1.4; color: #000; letter-spacing: 0; } html { height: 100%; } body { font-size: 1.4rem; word-break: break-word; -webkit-font-smoothing: antialiased; } .global-element-footer { background-color: #ffffff; color: #555555; overflow-x: hidden; margin: 0 auto; padding: 12px 24px 30px 24px; max-width: 1440px; } .global-element-footer .global-element-footer-wrap { background-color: #ffffff; } .global-element-footer .global-element-footer-category__link[target=_blank]:after { content: ""; width: 10px; display: inline-block; height: 10px; background-size: 10px; margin: 0 0 0 5px; background-image: url("/etc/designs/led/global/business/imgs/icon-bold-action-outlink.svg") !important; } .global-element-footer .global-element-footer-sitemap { height: 275px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: -24px; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column { -webkit-box-flex: 1; -ms-flex: 1 1 calc(16% - 24px); flex: 1 1 calc(16% - 24px); -ms-flex-preferred-size: calc(16% - 24px); margin-top: 24px; width: calc((100% - 120px) / 6); } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title { font-family: "SamsungOne", sans-serif; font-size: 1.4rem; line-height: 1.14; font-weight: 700; color: #555555; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title strong { font-weight: inherit; color: inherit; font-style: normal; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list { height: 220px; margin-top: 4px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-family: "SamsungOne", sans-serif; font-size: 1.2rem; line-height: 1.33; color: #555555; padding-top: 8px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item .global-element-footer-category__link { color: inherit; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .global-element-footer .global-element-footer-sns-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__title { font-size: 1rem; line-height: 1.6; font-weight: 700; color: #555555; margin-right: 12px; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns { margin-left: 12px; width: 24px; height: 24px; font-size: 0; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns.youtube { background: url("/etc/designs/led/global/business/imgs/icon-share-youtube-black.svg") 0 0 no-repeat; background-size: 100%; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns.facebook { background: url("/etc/designs/led/global/business/imgs/icon-share-facebook-black.svg") 0 0 no-repeat; background-size: 100%; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns.linkedin { background: url("/etc/designs/led/global/business/imgs/icon-share-linked-in-black.svg") 0 0 no-repeat; background-size: 100%; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns:first-child { margin-left: 0; } .global-element-footer .global-element-footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 41px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px 0; } .global-element-footer .global-element-footer-bottom-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-bottom-con-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-bottom-c { font-size: 0; } .global-element-footer .global-element-footer-bottom-c button { width: 24px; height: 24px; } .global-element-footer .global-element-footer-bottom-c button:last-child { margin-left: 12px; } .global-element-footer .global-element-footer-bottom-c button { width: 24px; } .global-element-footer .global-element-footer-bottom-legal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-bottom-legal .legal_colum_box { margin-left: 28px; } .global-element-footer .global-element-footer-bottom__link { display: inline-block; margin-left: 28px; font-size: 10px; font-weight: 700; line-height: 1.6; color: inherit; } .global-element-footer .global-element-footer-bottom__link:first-child { margin-left: 0; } .global-element-footer .global-element-footer-bottom-copyright { margin-left: 28px; font-size: 10px; line-height: 1.6; } .global-element-footer .fab-area { position: fixed; bottom: 24px; right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; opacity: 0; visibility: hidden; z-index: 200; } .global-element-footer .fab-area:empty { display: none; } .global-element-footer .fab-area.active { opacity: 1; visibility: visible; } .global-element-footer .fab-area .btn-goTop { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 48px; -webkit-box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); background: #fff url("/etc/designs/led/global/business/imgs/icon-bold-navigation-up-highest.svg") no-repeat center/24px; } .global-element-footer .global-element-footer__popup { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 72px; } .global-element-footer .global-element-footer__popup[aria-hidden=true] { display: none; } .global-element-footer .global-element-footer__popup[aria-hidden=false] { display: -webkit-box; display: -ms-flexbox; display: flex; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con { position: relative; padding: 72px 0 66px; margin: 0 24px; background-color: #fff; border-radius: 20px; min-width: 312px; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-img { position: relative; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video video, .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video iframe, .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video object, .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 768px) and (max-width: 1023px) { .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title { cursor: default; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-size: 1.4rem; font-weight: 400; } .global-element-footer .global-element-footer__popup { padding: 0; } .global-element-footer { padding-bottom: 36px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-size: 1.2rem; } .global-element-footer .global-element-footer-sitemap { height: auto; display: -ms-grid; display: grid; -ms-grid-columns: calc((100% - 48px) / 3) 24px calc((100% - 48px) / 3) 24px calc((100% - 48px) / 3); grid-template-columns: repeat(3, calc((100% - 48px) / 3)); -ms-grid-rows: auto; grid-template-rows: auto; margin-top: 0; padding-right: 36px; grid-gap: 24px; grid-template-areas: "foot_list01 foot_list07 foot_list08" "foot_list02 foot_list07 foot_list08" "foot_list03 foot_list07 foot_list08" "foot_list04 foot_list07 foot_list08" "foot_list05 foot_list07 foot_list08" "foot_list06 foot_list07 foot_list08" ". . ." "foot_list09 foot_list10 foot_list11"; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 22px); flex: 0 0 calc(33.33% - 22px); -ms-flex-preferred-size: calc(33.33% - 32px); margin-top: 0; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(1) { grid-area: foot_list01; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(2) { grid-area: foot_list02; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(3) { grid-area: foot_list03; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(4) { grid-area: foot_list04; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(5) { grid-area: foot_list05; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(6) { grid-area: foot_list06; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(7) { grid-area: foot_list07; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(8) { grid-area: foot_list08; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(9) { grid-area: foot_list09; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(10) { grid-area: foot_list10; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(11) { grid-area: foot_list11; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list { height: auto; } .global-element-footer .global-element-footer-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 48px; gap: 0; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con { margin-bottom: 36px; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con .global-element-footer-sns__title { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 1rem; } .global-element-footer .global-element-footer-bottom-con-left { -ms-flex-wrap: wrap; flex-wrap: wrap; } .global-element-footer .global-element-footer .global-element-footer-bottom__link { font-size: 1.2rem; margin-left: 20px; } .global-element-footer .global-element-footer-bottom-copyright { margin-top: 24px; font-size: 1rem; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0; } .global-element-footer .pc-show-category { display: none; } .global-element-footer .tab-show-column { display: block; } } @media screen and (min-width: 768px) and (max-width: 1023px){ .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(2) { -ms-grid-row: 3; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(3) { -ms-grid-row: 5; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(4) { -ms-grid-row: 7; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(5) { -ms-grid-row: 9; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(6) { -ms-grid-row: 11; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(7) { -ms-grid-row: 1; -ms-grid-row-span: 11; -ms-grid-column: 3; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(8) { -ms-grid-row: 1; -ms-grid-row-span: 11; -ms-grid-column: 5; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(9) { -ms-grid-row: 15; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(10) { -ms-grid-row: 15; -ms-grid-column: 3; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(11) { -ms-grid-row: 15; -ms-grid-column: 5; } } @media screen and (max-width: 767px) { .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title { font-size: 1.6rem; line-height: 1.44; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-size: 1.4rem; padding-top: 0; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .btnPopupClose { width: 16px; height: 16px; } .global-element-footer { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 0 16px 0; } .global-element-footer .global-element-footer-sitemap { margin: 0; height: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column { width: auto; margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-preferred-size: 100%; text-align: left; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list { height: auto; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category.pc-show-category { display: none; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category .global-element-footer-category__title { padding: 0 106px 0 24px; min-height: 60px; font-size: 1.6rem; line-height: 60px; margin: 0; position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; text-align: left; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category button.global-element-footer-category__title:after { content: ""; position: absolute; top: 50%; right: 36px; width: 22px; height: 22px; background: url("/etc/designs/led/global/business/imgs/icon-bold-navigation-open-down.svg") no-repeat center/100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category .global-element-footer-category__title.active:after { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__list-wrap { display: none; } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__title.active + .global-element-footer-category__list-wrap { display: block; width: 100%; padding: 0 100px 12px 48px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__title.active + .global-element-footer-category__list-wrap .global-element-footer-category__item { margin: 0; } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__title.active + .global-element-footer-category__list-wrap .global-element-footer-category__item .global-element-footer-category__link { font-size: 14px; line-height: 41px; min-height: 41px; } .global-element-footer .global-element-footer-bottom { display: block; margin-top: 28px; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con { margin-top: 0; margin-bottom: 36px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con .global-element-footer-sns__title { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 1.2rem; line-height: 1.33; margin-right: 0; margin-bottom: 24px; text-align: center; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con .global-element-footer-bottom-sns { width: 40px; height: 40px; margin-left: 12px; } .global-element-footer .global-element-footer-bottom-con-left { display: block; padding: 0 36px; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 24px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal .global-element-footer-bottom__link { margin-left: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; font-size: 1.2rem; line-height: 1.33; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal .global-element-footer-bottom__link:first-child { margin-left: 0; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal.legal_colum { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal.legal_colum .legal_colum_box { margin-left: 0px; margin-top: 24px; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-c { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-copyright { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; text-align: center; margin-left: 0; font-size: 1rem; line-height: 1.6; color: #555; font-weight: 400; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con { padding: 64px 0 58px; } } </style> <!--googleon: all--> <!-- googleoff: all--> <footer class="global-element-footer footer_wrap"> <div class="global-element-footer-wrap"> <ul class="global-element-footer-sitemap"> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="About Us" data-omni="led_footer:about us" href="/about-us/business-overview/" target="_self"><strong>About Us</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Insights" data-omni="led_footer:insights" href="/insights/" target="_self"><strong>Insights</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Contact Us" data-omni="led_footer:contact us" href="#" target="_self" onclick="javascript:showContactUs();return false;"><strong>Contact Us</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Quick Downloads" data-omni="led_footer:quick downloads" href="/support/tools/quick-downloads/" target="_self"><strong>Quick Downloads</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="LED Component Calculator" data-omni="led_footer:led component calculator" href="/support/tools/led-component-calculator/" target="_self"><strong>LED Component Calculator</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Engine Calculator" data-omni="led_footer:engine calculator" href="/support/tools/engine-calculator/" target="_self"><strong>Engine Calculator</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Lighting" data-led-toggle=""><strong>Lighting</strong></button> <!-- // 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Mid Power LEDs" data-omni="led_footer:mid power leds" href="/lighting/mid-power-leds/" target="_self">Mid Power LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="High Power LEDs" data-omni="led_footer:high power leds" href="/lighting/high-power-leds/" target="_self">High Power LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="COB LEDs" data-omni="led_footer:cob leds" href="/lighting/cob-leds/" target="_self">COB LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="CSP LEDs" data-omni="led_footer:csp leds" href="/lighting/csp-leds/" target="_self">CSP LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="LED Modules" data-omni="led_footer:led modules" href="/lighting/led-modules/" target="_self">LED Modules</a> </li> <!-- <li class="global-element-footer-category__item"> <a href="#none" class="global-element-footer-category__link">Applications</a> </li> --> </ul> </div> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Automotive" data-led-toggle=""><strong>Automotive</strong></button> <!-- // 2023-02-27 : 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="PixCell LED" data-omni="led_footer:pixcell led" href="/automotive/automotive-modules/pixcell-led/" target="_self">PixCell LED</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="C Series" data-omni="led_footer:c series" href="/automotive/automotive-leds/c-series/" target="_self">C Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="U Series" data-omni="led_footer:u series" href="/automotive/automotive-leds/u-series/" target="_self">U Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="I Series" data-omni="led_footer:i series" href="/led/automotive/automotive-leds/i-series/" target="_self">I Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="T Series" data-omni="led_footer:t series" href="/automotive/automotive-leds/t-series/" target="_self">T Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Fx Series" data-omni="led_footer:fx series" href="/automotive/automotive-leds/fx-series/" target="_self">Fx Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="S Series" data-omni="led_footer:s series" href="/automotive/automotive-leds/s-series/" target="_self">S Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="P Series" data-omni="led_footer:p series" href="/automotive/automotive-leds/p-series/" target="_self">P Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="E Series" data-omni="led_footer:e series" href="/automotive/automotive-leds/e-series/" target="_self">E Series</a> </li> </ul> </div> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Display &amp; Mobile" data-led-toggle=""><strong>Display & Mobile</strong></button> <!-- // 2023-02-27 : 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Edge Display LED" data-omni="led_footer:edge display led" href="/display-mobile/display-leds/edge-display-led/" target="_self">Edge Display LED</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Direct Display LED" data-omni="led_footer:direct display led" href="/display-mobile/display-leds/direct-display-led/" target="_self">Direct Display LED</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Mobile Flash LED" data-omni="led_footer:mobile flash led" href="/display-mobile/mobile-leds/mobile-flash-led/" target="_self">Mobile Flash LED</a> </li> </ul> </div> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="titleEngtext" data-led-toggle=""><strong>Global Sites</strong></button> <!-- // 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Semiconductor : Open in a new window" data-omni="led_footer:semiconductor" href="https://www.samsung.com/semiconductor/" target="_blank">Semiconductor</a> </li> <li class="global-element-footer-category__item"> <!-- 2023-02-27 : 중복 class 제거 --> <a class="global-element-footer-category__link" title="Display : Open in a new window" data-omni="led_footer:display" href="https://www.samsungdisplay.com/" target="_blank">Display</a> <!-- // 2023-02-27 : 중복 class 제거 --> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Networks : Open in a new window" data-omni="led_footer:networks" href="https://www.samsung.com/global/business/networks/" target="_blank">Networks</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Compressor : Open in a new window" data-omni="led_footer:compressor" href="https://www.samsung.com/global/business/compressor/" target="_blank">Compressor</a> </li> <li class="global-element-footer-category__item"> <!-- 2023-02-27 : 중복 class 제거 --> <a class="global-element-footer-category__link" title="Healthcare : Open in a new window" data-omni="led_footer:healthcare" href="https://www.samsunghealthcare.com/" target="_blank">Healthcare</a> <!-- // 2023-02-27 : 중복 class 제거 --> </li> </ul> </div> </div> </li> </ul> <div class="global-element-footer-bottom"> <div class="global-element-footer-sns"> <div class="global-element-footer-sns-wrap"> <dl class="global-element-footer-sns-con"> <dt class="global-element-footer-sns__title">Stay in the loop?</dt> <dd class="global-element-footer-sns__link"> <a class="global-element-footer-bottom-sns facebook" id="socials_01_0300" title="Facebook : Open in a new window" data-omni="led_follow:facebook" href="https://www.facebook.com/SamsungLED/" target="_blank"> </a> <a class="global-element-footer-bottom-sns linkedin" id="socials_01_0301" title="LinkedIn : Open in a new window" data-omni="led_follow:linkedin" href="https://www.linkedin.com/showcase/13244109" target="_blank"> </a> <a class="global-element-footer-bottom-sns youtube" id="socials_01_0302" title="Youtube : Open in a new window" data-omni="led_follow:youtube" href="https://www.youtube.com/samsungledin" target="_blank"> </a> </dd> </dl> </div> </div> <div class="global-element-footer-bottom-con-left"> <div class="global-element-footer-bottom-legal"> <a class="global-element-footer-bottom__link" href="/led/privacy/" data-omni="" title="PRIVACY"><strong>Privacy</strong></a> <a class="global-element-footer-bottom__link" href="/led/legal/" data-omni="" title="LEGAL"><strong>Legal</strong></a> <a class="global-element-footer-bottom__link" href="/led/cookies/" data-omni="" title="COOKIES"><strong>Cookies</strong></a> <a class="global-element-footer-bottom__link" href="/led/accessibility/" data-omni="" title="ACCESSIBILITY"><strong>Accessibility</strong></a> <a class="global-element-footer-bottom__link" href="/led/sitemap/" data-omni="" title="SITEMAP"><strong>Sitemap</strong> </a> </div> <p class="global-element-footer-bottom-copyright">ⓒ 2023 Samsung ALL rights reserved.</p> </div> </div> <!-- 2023-02-07 : GNB에 <header id="menu" class="global-element-gnb sub"> id="menu"가 있어야 상단 바로가기 버튼 활성화 됨. --> <div class="fab-area"> <a href="#menu" class="btn-goTop" aria-label="Go to Top"></a> </div> </div> </footer> <!-- // 2023_new footer --> <!--googleon: all--> <!-- googleoff: all--> <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 (exports, $, win) { var exports = exports; var $win = $(window); let isMobile = window.innerWidth > 0 && window.innerWidth <= 767; $(function () { $html = $('html'); $body = $('body'); $header = $('#header'); footerToggleBtn(); // MO 사이즈 아코디언 메뉴 $('body').on('click', '.js_footer_category_acco', function () { isMobile = window.innerWidth > 0 && window.innerWidth <= 767; if (isMobile) { $(this).toggleClass('active').parent().parent().siblings().find('.js_footer_category_acco').removeClass('active'); } else { return; } }); $(window).on( 'load scroll', debounce(function () { fabScroll(); }, 200) ); //z-index 문제로 css 때려넣고 시작. $('.global-element-footer').closest('.static-content').css({ position: 'relative', zIndex: '40', }); }); function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; } function fabScroll() { let $wTop = $win.scrollTop(); let $targetOffset = 500; const $articleHeaderSns = $('.AR02_article-header-sns'); if ($wTop > $targetOffset) { $('.fab-area').addClass('active'); if ($articleHeaderSns.length > 0) { $articleHeaderSns.addClass('active'); } } else { $('.fab-area').removeClass('active'); if ($articleHeaderSns.length > 0) { $articleHeaderSns.removeClass('active'); } } } // 토글버튼 function footerToggleBtn() { var $ftAnchor = $('.global-element-footer-category__anchor'); $ftAnchor.each(function () { $(this).on('click', function (e) { e.preventDefault(); var $ftParent = $(this).parent().parent().find('.global-element-footer-category'); if ($ftParent.length > 1) { $(this).attr('aria-pressed', 'true').parent().toggleClass('active').siblings().removeClass('active').find('.global-element-footer-category__anchor').attr('aria-pressed', 'false'); $(this).parent().parent().siblings().find('.global-element-footer-category').removeClass('active').find('.global-element-footer-category__anchor').attr('aria-pressed', 'false'); } else { $(this).attr('aria-pressed', 'true').parent().toggleClass('active').parent().siblings().find('.global-element-footer-category').removeClass('active').find('.global-element-footer-category__anchor').attr('aria-pressed', 'false'); } if ($(this).parent().hasClass('active')) { $(this).attr('aria-pressed', 'true'); } else { $(this).attr('aria-pressed', 'false'); } }); }); } })(this, this.jQuery, window); }); </script> <!--googleon: all--> </div> </div> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.min.js"></script> <script src="/etc/designs/led/global/business/common/common-plugins.min.js"></script> <script src="/etc/designs/led/global/business/common/common-led.min.js"></script> <script src="/etc/designs/led/global/business/templates/page.min.js"></script> <script src="/etc/designs/led/global/business/templates/page-applications.min.js"></script> </body> </html>