Samsung LED | Samsung LED Global Website

<!DOCTYPE html> <html lang="en-GB" itemscope="" itemtype="http://schema.org/WebPage"> <head> <title>Samsung LED | Samsung LED Global Website</title> <meta name="title" content="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/"> <meta name="keywords" content="LED Light,LED Lighting,LED Solution,Smart Lighting,Samsung LED Light,Samsung LED Lighting,Samsung LED Solution,Samsung Smart Lighting"> <meta name="description" content="Samsung LED | LED Technology Solutions"> <meta name="date" content="2024-05-31"> <meta name="sitecode" content="led"> <meta property="og:type" content="website"> <meta itemprop="og:url" content="https://led.samsung.com/"> <meta property="og:title" content="Samsung LED | Samsung LED Global Website"/> <meta property="og:description" content="Samsung LED | LED Technology Solutions"/> <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="http://cdn.samsung.com/etc/designs/smg/global/imgs/logo-square-letter.png"> <meta itemprop="url" content="//led.samsung.com/"> <meta itemprop="description" content="Samsung LED | LED Technology Solutions"> <meta itemprop="keywords" content="LED Light,LED Lighting,LED Solution,Smart Lighting,Samsung LED Light,Samsung LED Lighting,Samsung LED Solution,Samsung Smart 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" 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-main.min.css" type="text/css"/>  <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 home" }, "pathIndicator" : { "depth_2" : "", "depth_3" : "", "depth_4" : "", "depth_5" : "" } }, "product" : { "category" : "", "model_code" : "", "model_name" : "" }, "insight" : { "contents_type" : "", "content_title" : "" } } // Depth Info. var depth = 2; // Set Path Indicator. digitalData.page.pathIndicator.depth_2 = "led"; if (depth >= 3) digitalData.page.pathIndicator.depth_3 = "".toLowerCase(); if (depth >= 4) digitalData.page.pathIndicator.depth_4 = "".toLowerCase(); if (depth >= 5) digitalData.page.pathIndicator.depth_5 = "".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="bdpnbeqxjpkdmz2bl2ga-f-fe3685f7e-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":4,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"5c0ef795","ak.r":42017,"ak.a2":n,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":54816,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732337292","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==hRHnhphf18STSox+SqKb4lO35RSPSvLwsTlN8gh6sYGND57/4Yzwxd5WhHCJ1EBs+9TnHcpkYtDnujbYvj5bWyclTgz9C9CXwRKIYKjkfbwwqHSHoa1H3bTgm276Lk5ilrb96escT9FdIie+OJpssvqjM5M/FvqNqQUU5CmyfG6fDZOEJHes5Zmd2oCyaQCkw+xTzDY6qeQ4+VSpC3hb7RWp5pIGTmASEozYUz3E83lVG+7ERwC3riK4aeROQxNIMLiHjgLg1AEn8TO00BaSgpsJ75m/jwuBNYXwR1WzCz+65xPpepO8xL16sL8EvqSOtWA45x1mFaCPWTcIz22liT1zWQCJ9nme++z1Hn6V2/N37iK87AGrDGr2ojLfy8fPHfUahhSCouXCiEBzoAMPRcj9rvv3mobtqrb9GGcjj2Q=","ak.pv":"22","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"> <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> </div>  <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">   <li class="global-element-gnb-column-category ">  <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">   <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>  </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">   <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>   <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>   <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>   <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>   <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>   <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>    <li class="global-element-gnb-column-category ">  <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">   <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>  </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">   <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>   <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>   <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>    <li class="global-element-gnb-column-category ">  <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">   <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>  </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">   <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>   <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>  </ul> <ul class="global-element-gnb-column">   <li class="global-element-gnb-column-category ">  <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large" href="/insights/"> Insights </a> </li>    <li class="global-element-gnb-column-category ">  <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">   <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>   <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>   <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>   <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>   <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>   <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>    <li class="global-element-gnb-column-category ">  <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">   <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>   <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>   <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>  </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>  <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>  </div> </div>  <div class="search-popup ge-led-search-popup">  <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">  <h2 class="global-element-search-title highContrastTarget h2"> <label for="globalElementSearchinp_search">What are you looking for?</label> </h2>  <div class="fieldset"> <div class="global-element-search-inputbox-wrap" tabindex="0">  <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>  <div class="global-element-search-related-searches search-extends" aria-hidden="true"> <dl> <dt class="highContrastTarget">Related Searches</dt> </dl>  <div><button type="button" class="search-extends-close">Close</button></div> </div>   <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>  <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>  </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">  <div class="par parsys"><div class="st-led-static-content section">  <style scoped="scoped"> body{overflow-x:hidden;} .hero-carousel__img-wrap img.pc-lazy, .pc-lazy {display: block;} .hero-carousel__img-wrap img.mo-lazy, .mo-lazy {display: none;} .kv_slide br.mo_only{display:none;} .s-btn-encased {padding: 14px 55px; letter-spacing: .15em;} .wsnr{white-space: nowrap;display:inline-block;} .feature { outline: none; width: 100%; max-width: 1440px; margin: 0 auto; } .feature h3 {padding: 77px 0px 6px; font-size: 32px;} .kv {position: relative; max-width: 1440px; min-width: 320px; margin: 0 auto;} .kv_slide {overflow: hidden; position: relative; width: 100%;max-height:555px;} .kv_slide > li {opacity: 1; position: absolute; top: 0; left: 100%; width: 100%; height: auto; color: #000; height: 555px;} .kv_slide > li:first-child {left: -100%;} .kv_slide > li:nth-child(2) {left: 0; position: relative;} .hero-carousel__img-wrap {height: 100%;} .hero-carousel__img-wrap img {display: block; width: 100%; height: 100%;} .kv_slide > li .txt_wrap {box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 141px;} .kv_slide > li .txt_wrap .txt_inner {display: table; width: 100%; height: 100%;} .kv_slide > li .txt_wrap .txt {display: table-cell; width: 100%; height: 100%; padding-top: 8px; vertical-align: middle; text-align: left; font-weight: bold;} .kv_slide > li .txt_wrap .txt .kv-eybrow {margin: 0; font-family: "SamsungSharpSans", arial; font-size: 48px; line-height: 1.2; letter-spacing: 0;} .kv_slide > li .txt_wrap .txt .kv-desc {margin-top: 10px; font-weight: normal; font-size: 18px; line-height: 1.33; letter-spacing: 0;} .kv_slide > li .txt_wrap .txt.txt-left { text-align: left; } .kv_slide > li .txt_wrap .txt.txt-center { text-align: center; } .kv_slide > li .txt_wrap .txt.txt-right { text-align: right; } .kv_slide > li.txt-shadow {text-shadow: 1px 1px 10px #fff, 1px 1px 10px #fff;} .kv_slide > li .s-btn-encased {margin-top: 45px; padding: 12px 38px 13px;} .kv_slide > li .s-btn-encased:focus, .s-btn-encased:hover .s-btn-encased:hover {background: #000; color: #fff !important;} .kv_slide > li.txt-white {color: #fff;} .kv_slide > li.txt-white .s-btn-encased {border-color: #fff; color: #fff;} .kv_slide > li.txt-white .s-btn-encased:focus, #content .kv_slide > li.txt-white .s-btn-encased:hover {background: #fff; color: #000 !important;} .kv_slide > li.txt-white .s-btn-encased.s-btn-encased-black {border-color: #000; color: #000;} .kv_slide > li.txt-white .s-btn-encased.s-btn-encased-black:focus, #content .kv_slide > li.txt-white .s-btn-encased.s-btn-encased-black:hover {background: #000; color: #fff !important;} .kv_slide > li.txt-white.txt-shadow {text-shadow: 1px 1px 10px #666;} .kv_slide > li.txt-white .s-btn-encased.shadow {box-shadow: 1px 2px 7px #66635c, inset 0px 1px 7px #66635c; text-shadow: 1px 2px 7px #66635c;} .kv .prev_btn {position: absolute; top: 50%; left: 24px; transform: translateY(-50%); display: block; width: 45px; height: 80px; background: url('//image.led.samsung.com/image/samsung/p6/led/main/prev-b.png') no-repeat center; background-size: 100% auto;} .kv .next_btn {position: absolute; top: 50%; right: 24px; transform: translateY(-50%); display: block; width: 45px; height: 80px; background: url('//image.led.samsung.com/image/samsung/p6/led/main/next-b.png') no-repeat center; background-size: 100% auto;} .kv .bottom_obj {display: table; position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); text-align: center; } .kv .carousel {float: left; display: table; width: auto; height: 32px; margin-left: -16px;} .kv .carousel li {display: table-cell; width: 161px; height: 100%; padding-left: 16px;} .kv .carousel li a {position: relative; display: inline-block; width: 100%; height: 2px; background: rgba(0, 0, 0, 0.3);} .kv .carousel li a span {position: relative; top: 0; left: 0; display: block; width: 0; height: 100%; background: rgba(0, 0, 0, 1);} .kv .carousel li a div {box-sizing: border-box; overflow: hidden; position: absolute; bottom: 100%; left: 0; width: 100%; padding: 0 3px; font-weight: bold; font-size: 16px; color: #000; text-align: center; text-shadow: 0px 1px 8px rgba(255, 255, 255, 0.7), 0px 1px 4px rgba(255, 255, 255, 0.7);} .kv.white .carousel li a div {color: #fff; text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.7), 0px 1px 4px rgba(0, 0, 0, 0.7);} .kv .carousel li a div p {opacity: 0.5; display: block; width: 100%; padding-bottom: 5px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} .kv .carousel li.active a div p, .kv .carousel li a:hover div p {opacity: 1;} .kv .rolling_button {position: absolute; left: 100%; float: left; display: block; width: 32px; height: 32px; margin-left: 6px; background: url('//image.led.samsung.com/image/samsung/p6/led/main/play-b.png') no-repeat center; background-size: 100% auto;} .kv .rolling_button.active {background: url('//image.led.samsung.com/image/samsung/p6/led/main/pause-b.png') no-repeat center; background-size: 100% auto;} .kv .rolling_button::after {content: ''; clear: both;} .kv.white .prev_btn {background: url('//image.led.samsung.com/image/samsung/p6/led/main/prev-w.png') no-repeat center; background-size: 100% auto;} .kv.white .next_btn {background: url('//image.led.samsung.com/image/samsung/p6/led/main/next-w.png') no-repeat center; background-size: 100% auto;} .kv.white .carousel li a {background: rgba(255, 255, 255, 0.3);} .kv.white .carousel li a span {background: rgba(255, 255, 255, 1);} .kv.white .rolling_button {background: url('//image.led.samsung.com/image/samsung/p6/led/main/play-w.png') no-repeat center; background-size: 100% auto;} .kv.white .rolling_button.active {background: url('//image.led.samsung.com/image/samsung/p6/led/main/pause-w.png') no-repeat center; background-size: 100% auto;} .kv_slide > li.roundtable .kv-btn { text-align:center; position:relative; margin-top:300px; } .kv_slide > li.horizon .kv-btn { position:relative; margin-top:180px; margin-left:-40px; } .kv_slide > li.roundtable .kv-btn a { margin-top:0; } .kv .txt .kv-btn a + button { margin-left: 10px; } .kv .video-inner-popup { position: absolute; width: 100%; top: 0; bottom: 0; left: 0; display: none; opacity: 0; z-index: 1001; background-color: rgba(0, 0, 0, 0.8); } .kv .video-inner-popup .video-inner { position: absolute; width: 800px; height: 450px; left: 50%; top: 50%; transform: translate(-50%, -50%); } .kv .video-inner-popup .video-wrap { height: 100%; } .kv .video-inner-popup .video-inner iframe { width: 100%; height: 100%; } .kv .video-inner-popup .video-inner button { position: absolute; right: 30px; top: 80px; width: 30px; height: 30px; background: url('//image.led.samsung.com/image/samsung/p6/led/main/icon-close-btn.png') no-repeat 0 0/contain; } .kv .js-img-lazy, .kv .lazyImage{-webkit-filter:blur(20px);filter:blur(20px);background:#f5f5f5;} br.m_only {display: none;} .kv .cta_wrap {position: absolute; bottom: 100px; left: 0; right: 0; margin: auto; text-align: center; font-size: 0; z-index: 2000;} .kv .cta_wrap a {display: inline-block; color: #555; font-size: 14px; letter-spacing: 0.15em; padding: 12px 59px 12px 38px; font-weight: bold; border: 1px solid #555; border-radius: 50vh;} .kv .cta_wrap a:after {position: absolute; display: block; top: 50%; margin-top: -6px; right: 40px; width: 11px; height: 11px; content: ''; background-image: url('https://image.led.samsung.com/content/samsung/p6/led/main/newwindow-grey.svg'); background-repeat: no-repeat; background-size: contain;} .kv .cta_wrap a:focus:after, .kv .cta_wrap a:hover:after {background-image: url('https://image.led.samsung.com/content/samsung/p6/led/main/newwindow.svg');} .kv_slide > li:not(.txt-white):after {position: absolute; bottom: 0; left: 0; width: 100%; height: 58px; box-shadow: 0px -60px 40px -45px rgba(0, 0, 0, 0.25) inset; content: '';} .kv_slide .txt .kv-btn.webinar_btn { width:235px; height:70px; position:relative; left:705px; top:130px; } .kv_slide .txt .kv-btn.webinar_btn a { width:100%; height:100%; display:block; } .kv_slide .kv-btn.btn-position { text-align:center; position:relative; top:112px; } .kv_slide > .building .s-btn-encased {margin-top: 250px;} .kv_slide .s-btn-encased-center .s-btn-encased { margin-top: 0; } .kv_slide .s-btn-encased-center .txt { position: relative; } .kv_slide .s-btn-encased-center .kv-btn { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1440px) { .feature h3 {padding: 5.35vw 0 0.42vw; font-size: 2.22vw;} .s-btn-encased {padding: 0.97vw 3.82vw;} .kv_slide {max-height:38.54167vw;} .kv_slide > li {height:38.54167vw;} .kv_slide > li .txt_wrap {padding: 0 9.79vw;} .kv_slide > li .txt_wrap .txt {padding-top: 0.56vw;} .kv_slide > li .txt_wrap .txt .kv-eybrow {font-size: 3.33vw;} .kv_slide > li .txt_wrap .txt .kv-desc {margin-top: 0.69vw; font-size: 1.25vw;} .kv_slide > li .s-btn-encased {margin-top: 3.125vw; padding: 0.83333vw 2.63889vw 0.90278vw;} .kv .prev_btn {left: 1.67vw; width: 3.125vw; height: 5.56vw;} .kv .next_btn {right: 1.67vw;width: 3.125vw; height: 5.56vw;} .kv .bottom_obj {bottom: 0.28vw;} .kv .carousel {height: 32px; margin-left: -1.11vw;} .kv .carousel li {width: 11.18vw; padding-left: 1.11vw;} .kv .carousel li a {height: 2px;} .kv .carousel li a div {padding: 0 0.21vw; font-size: 1.11vw;} .kv .carousel li a div p {padding-bottom: 0.35vw;} .kv .rolling_button {width: 32px; height: 32px; margin-left: 0.42vw;} .kv .txt .kv-btn a + button { margin-left: 0.69vw; } .kv .video-inner-popup .video-inner { width: 55.56vw; height: 31.25vw; } .kv .video-inner-popup .video-inner button { right: 2.08vw; top: 5.56vw; width: 2.08vw; height: 2.08vw; } .kv .cta_wrap {position: absolute; bottom: 6.94vw; left: 0; right: 0; margin: auto; text-align: center; font-size: 0;} .kv .cta_wrap a {display: inline-block; color: #555; font-size: 0.97vw; letter-spacing: 0.15em; padding: 0.83vw 4.10vw 0.83vw 2.64vw; font-weight: bold; } .kv .cta_wrap a:after {position: absolute; display: block; top: 50%; right: 2.78vw; width: 0.76vw; height: 0.76vw; content: ''; min-width: 8px; min-height: 8px; transform: translateY(22%);} .kv_slide .txt .kv-btn.webinar_btn { width:16.32vw; height:4.86vw; left:48.96vw; top:9.03vw; } .kv_slide .kv-btn.btn-position { top:7.78vw; } .kv_slide > li.roundtable .kv-btn { margin-top:20.83vw; } .kv_slide > li.horizon .kv-btn { margin-top:12.50vw; margin-left:-2.78vw; } .kv_slide > .building .s-btn-encased {margin-top: 17.36vw;} .kv_slide .s-btn-encased-center .s-btn-encased { margin-top: 0; } .kv_slide .s-btn-encased-center .kv-btn { bottom: 5.56vw; left: 50%; transform: translateX(-50%); } } @media screen and (max-width: 1279px) { .kv .carousel li a div {font-size: 10px;} } @media screen and (max-width: 768px) { br.pc_only{display:none;} .feature h3 {padding:16.02vw 0vw 2.73vw;font-size: 6.67vw;} .kv_slide br.pc_only{display:none;} .kv_slide br.mo_only{display:inline-block;} .hero-carousel__img-wrap img.pc-lazy, .pc-lazy {display: none;} .hero-carousel__img-wrap img.mo-lazy, .mo-lazy {display: block;} .kv_slide {max-height:115.89vw;} .kv_slide > li {height: 115.89vw;} .s-btn-encased {padding: 2.92vw 7.64vw 2.5vw; font-size: 2.5vw;} .kv_slide br {display: none;} .kv_slide > li .txt_wrap {padding: 14.97vw 6.67vw;} .kv_slide > li .txt_wrap .txt_inner {position: relative;} .kv_slide > li .txt_wrap .txt {vertical-align: top; padding-top: 0; text-align: center;} .kv_slide > li .txt_wrap .txt .kv-eybrow {font-size: 7.78vw;} .kv_slide > li .txt_wrap .txt .kv-desc {margin-top: 1.82vw; font-size: 3.89vw; line-height: 1.33;} .kv_slide > li .txt_wrap .txt.txt-center { vertical-align: middle; } .kv_slide > li.txt-shadow {text-shadow: 1px 1px 1.39vw #fff, 1px 1px 1.39vw #fff;} .kv_slide > li .s-btn-encased {margin-top: 0; padding: 2.77778vw 7.77778vw 2.5vw; border-width: 1px;} .kv .prev_btn {display: none;} .kv .next_btn {display: none;} .kv .bottom_obj {display: block; bottom: 1.82vw; left: 50%; transform: translateX(-50%); padding: 0 6px; border-radius: 50vh; background: rgba(54, 54, 54, 0.7); text-align: center;} .kv .carousel {float: left; display: table; height: 4.17vw; margin-left: 0;} .kv .carousel li {display: table-cell; width: 1.66667vw; padding-left: 1.94vw; vertical-align: middle;} .kv .carousel li a {box-sizing: border-box; display: block; width: 1.66667vw; height: 1.66667vw; border-radius: 50vh; border: 1px solid #fff; background: transparent;} .kv .carousel li a span {opacity: 0;} .kv .carousel li a div {opacity: 0;} .kv .rolling_button {position: static; float: left; display: block; width: 4.17vw; height: 4.17vw; margin-left: 0.65vw; background: url('//image.led.samsung.com/image/samsung/p6/led/main/play-w.png') no-repeat center; background-size: 100% auto;} .kv .rolling_button.active {background: url('//image.led.samsung.com/image/samsung/p6/led/main/pause-w.png') no-repeat center; background-size: 100% auto;} .kv .carousel li.active a {background: #fff;} .kv.white .carousel li a {background: transparent;} .kv.white .carousel li.active a {background: #fff;} .kv_slide > li.txt-white .s-btn-encased.s-btn-encased-black {border-color: #fff; color: #fff;} .kv_slide > li.txt-white .s-btn-encased.s-btn-encased-black:focus, #content .kv_slide > li.txt-white .s-btn-encased.s-btn-encased-black:hover {background: #fff; color: #000 !important;} .kv .txt .kv-btn * { box-sizing: border-box; } .kv .txt .kv-btn a + button { margin-left: 0; margin-top: 2.6vw; } .kv .txt .kv-btn.m-black * { background-color: transparent; color: #fff; border-color: #fff; } .kv .txt .kv-btn.m-black *:focus, .kv .txt .kv-btn.m-black *:hover { background-color: #000; color: #fff !important; border-color: #000; } .kv .video-inner-popup { top: 0; bottom: 0; padding: 0; } .kv .video-inner-popup .video-inner { position: absolute; width: 100%; height: calc(100vw / 16 * 9); left: auto; top: 50%; transform: translateY(-50%); } .kv .video-inner-popup .video-inner button { width: 3.91vw; height: 3.91vw; top: 10.42vw; right: 3.91vw; } br.m_only {display: inline;} .kv .cta_wrap {position: absolute; bottom: 16vw; left: 0; right: 0; margin: auto; text-align: center; font-size: 0;} .kv .cta_wrap a {font-size: 3.88889vw; padding: 3.61vw 12.22vw 3.33vw 7.78vw;} .kv .cta_wrap a:after {width: 3.06vw; height: 3.06vw; margin-top: -1.39vw; right: 7.78vw; transform: none;} .kv_slide > li:not(.txt-white):after {display: none;} .kv_slide .txt .kv-btn.webinar_btn { width:31.25vw; height:9.11vw; left:0.39vw; top:39.71vw; } .kv_slide .kv-btn.btn-position { top:60.29vw; } .kv_slide > li.roundtable .kv-btn { margin-top:78.55vw; } .kv_slide > li.horizon .kv-btn { margin-top:19.5vw; margin-left:0; } .kv_slide > .building .txt_wrap {padding: 0 3.82vw;} .kv_slide > .building .s-btn-encased {margin-top: 67.69vw;} .kv_slide .s-btn-encased .kv-btn, .kv_slide .s-btn-encased-center .kv-btn { top: 21.81vw; } .kv_slide .kv-btn.m-bottom {position: absolute; top: 80vw; left: 50%; transform: translateX(-50%);} .kv_slide .kv-btn.m-bottom .kv-btn {margin: 0;} } @media screen and (max-width: 400px) { .s-btn-encased {padding: 12px 31px 10px; font-size: 10px;} } @media screen and (max-width: 320px) { .feature h3 {padding:51px 0px 9px;font-size: 21px;} .kv_slide {max-height:371px;} .kv_slide > li {height: 371px;} .kv_slide > li .txt_wrap {padding: 48px 21px;} .kv_slide > li .txt_wrap .txt .kv-eybrow {margin: 0 0 10px; font-size: 25px;} .kv_slide > li .txt_wrap .txt .kv-desc {margin-top: 6px; font-size: 12px;} .kv_slide > li.txt-shadow {text-shadow: 1px 1px 4px #fff, 1px 1px 4px #fff;} .kv_slide > li .s-btn-encased {margin-top: 18px; padding: 9px 25px 8px; border-width: 1px; border-radius:50vh; } .kv_slide > li.txt-white.txt-shadow {text-shadow: 1px 1px 4px #000, 1px 1px 4px #000;} .kv .txt .kv-btn a + button { margin-top: 6.25vw; } .kv .video-inner-popup .video-inner { height: calc(320px / 16 * 9); } .kv .video-inner-popup .video-inner button { width: 12px; height: 12px; top: 33px; right: 12px; } .kv .cta_wrap { bottom: 51px; left: 0; right: 0; margin: auto; font-size: 0;} .kv .cta_wrap a {font-size: 12px; padding: 12px 39px 11px 25px;} .kv .cta_wrap a:after {width: 10px; height: 10px; margin-top: -4px; right: 25px;} .kv_slide .txt .kv-btn.webinar_btn { width:100px; height:29px; left:1px; top:127px; } .kv_slide .kv-btn.btn-position { top:193px; } .kv_slide > li.roundtable .kv-btn { margin-top:251px; } .kv_slide > li.horizon .kv-btn { margin-top:62px; margin-left:0; } .kv_slide > .building .s-btn-encased {margin-top: 217px;} .kv_slide .s-btn-encased .kv-btn, .kv_slide .s-btn-encased-center .kv-btn { top: 70px; } .kv_slide .kv-btn.m-bottom { top: 256px; left: 50%; transform: translateX(-50%);} } </style>  <h1 class="blind">Samsung LED</h1> <div class="feature kv" tabindex="0"> <ul class="kv_slide">  <li class="txt-black"> <div class="hero-carousel__img-wrap"> <img class="js-img-src" data-src-pc="//image.led.samsung.com/image/samsung/p6/led/main/main-kv-lighting-app-horti-kv-desktop04.gif?$ORIGIN_GIF$" data-src-mobile="//image.led.samsung.com/image/samsung/p6/led/main/main-kv-lighting-app-horti-kv-mobile02.jpg?$ORIGIN_JPG$" alt="Horticulture"/> </div> <div class="txt_wrap s-btn-encased-center"> <div class="txt_inner"> <div class="txt"> <div class="kv-btn"> <a href="/lighting/applications/horticulture-lighting/" class="s-btn-encased s-btn-encased-button">Learn More</a > </div> </div> </div> </div> </li> <li class="txt-white txt-shadow"> <div class="hero-carousel__img-wrap"> <img class="js-img-src" data-src-pc="//image.led.samsung.com/image/samsung/p6/led/main/main-kv-mini-led-desktop01.jpg?$ORIGIN_JPG$" data-src-mobile="//image.led.samsung.com/image/samsung/p6/led/main/main-kv-mini-led-mobile01.jpg?$ORIGIN_JPG$" alt="Mini LED"/> </div> <div class="txt_wrap"> <div class="txt_inner"> <div class="txt"> <h2 class="kv-eybrow">Mini LED</h2> <p class="kv-desc"> Compact light source for design flexibility and higher PPI </p> <div class="kv-btn m-bottom"> <a href="/insights/insights-detail-41/" class="s-btn-encased s-btn-encased-button">Learn More</a > </div> </div> </div> </div> </li> <li class="txt-white txt-shadow"> <div class="hero-carousel__img-wrap"> <img class="js-img-src" data-src-pc="//image.led.samsung.com/image/samsung/p6/led/main/main-kv-pixcell-led-desktop-1.jpg?$ORIGIN_JPG$" data-src-mobile="//image.led.samsung.com/image/samsung/p6/led/main/main-kv-pixcell-led-mobile-1.jpg?$ORIGIN_JPG$" alt="PixCell LED"/> </div> <div class="txt_wrap"> <div class="txt_inner"> <div class="txt"> <h2 class="kv-eybrow">PixCell LED</h2> <p class="kv-desc">Ultimate precision for intelligent headlamps</p> <div class="kv-btn"> <a href="/automotive/automotive-modules/pixcell-led/" class="s-btn-encased s-btn-encased-button">Learn More</a > <button class="s-btn-encased s-btn-encased-button" data-src="-MmNYpaVoFc"> Watch Video </button> </div> </div> </div> </div> </li> </ul> <div class="slide_obj"> <a href="#" class="prev_btn"></a> <a href="#" class="next_btn"></a> </div> <div class="bottom_obj"> <ul class="carousel">  <li> <a href="#" title=""><span></span> <div><p>Horticulture</p></div></a > </li> <li> <a href="#" title=""><span></span> <div><p>Mini LED</p></div></a > </li> <li> <a href="#" title=""><span></span> <div><p>PixCell LED</p></div></a > </li> </ul> <a href="#" class="rolling_button active"></a> </div> </div>  <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,$){ /*! * @fileOverview TouchSwipe - jQuery Plugin * @version 1.6.18 * * @author Matt Bryson http://www.github.com/mattbryson * @see https://github.com/mattbryson/TouchSwipe-Jquery-Plugin * @see http://labs.rampinteractive.co.uk/touchSwipe/ * @see http://plugins.jquery.com/project/touchSwipe * @license * Copyright (c) 2010-2015 Matt Bryson * Dual licensed under the MIT or GPL Version 2 licenses. * */ !function(factory){"function"==typeof define&&define.amd&&define.amd.jQuery?define(["jquery"],factory):factory("undefined"!=typeof module&&module.exports?require("jquery"):jQuery)}(function($){"use strict";function init(options){return!options||void 0!==options.allowPageScroll||void 0===options.swipe&&void 0===options.swipeStatus||(options.allowPageScroll=NONE),void 0!==options.click&&void 0===options.tap&&(options.tap=options.click),options||(options={}),options=$.extend({},$.fn.swipe.defaults,options),this.each(function(){var $this=$(this),plugin=$this.data(PLUGIN_NS);plugin||(plugin=new TouchSwipe(this,options),$this.data(PLUGIN_NS,plugin))})}function TouchSwipe(element,options){function touchStart(jqEvent){if(!(getTouchInProgress()||$(jqEvent.target).closest(options.excludedElements,$element).length>0)){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent;if(!event.pointerType||"mouse"!=event.pointerType||0!=options.fallbackToMouseEvents){var ret,touches=event.touches,evt=touches?touches[0]:event;return phase=PHASE_START,touches?fingerCount=touches.length:options.preventDefaultEvents!==!1&&jqEvent.preventDefault(),distance=0,direction=null,currentDirection=null,pinchDirection=null,duration=0,startTouchesDistance=0,endTouchesDistance=0,pinchZoom=1,pinchDistance=0,maximumsMap=createMaximumsData(),cancelMultiFingerRelease(),createFingerData(0,evt),!touches||fingerCount===options.fingers||options.fingers===ALL_FINGERS||hasPinches()?(startTime=getTimeStamp(),2==fingerCount&&(createFingerData(1,touches[1]),startTouchesDistance=endTouchesDistance=calculateTouchesDistance(fingerData[0].start,fingerData[1].start)),(options.swipeStatus||options.pinchStatus)&&(ret=triggerHandler(event,phase))):ret=!1,ret===!1?(phase=PHASE_CANCEL,triggerHandler(event,phase),ret):(options.hold&&(holdTimeout=setTimeout($.proxy(function(){$element.trigger("hold",[event.target]),options.hold&&(ret=options.hold.call($element,event,event.target))},this),options.longTapThreshold)),setTouchInProgress(!0),null)}}}function touchMove(jqEvent){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent;if(phase!==PHASE_END&&phase!==PHASE_CANCEL&&!inMultiFingerRelease()){var ret,touches=event.touches,evt=touches?touches[0]:event,currentFinger=updateFingerData(evt);if(endTime=getTimeStamp(),touches&&(fingerCount=touches.length),options.hold&&clearTimeout(holdTimeout),phase=PHASE_MOVE,2==fingerCount&&(0==startTouchesDistance?(createFingerData(1,touches[1]),startTouchesDistance=endTouchesDistance=calculateTouchesDistance(fingerData[0].start,fingerData[1].start)):(updateFingerData(touches[1]),endTouchesDistance=calculateTouchesDistance(fingerData[0].end,fingerData[1].end),pinchDirection=calculatePinchDirection(fingerData[0].end,fingerData[1].end)),pinchZoom=calculatePinchZoom(startTouchesDistance,endTouchesDistance),pinchDistance=Math.abs(startTouchesDistance-endTouchesDistance)),fingerCount===options.fingers||options.fingers===ALL_FINGERS||!touches||hasPinches()){if(direction=calculateDirection(currentFinger.start,currentFinger.end),currentDirection=calculateDirection(currentFinger.last,currentFinger.end),validateDefaultEvent(jqEvent,currentDirection),distance=calculateDistance(currentFinger.start,currentFinger.end),duration=calculateDuration(),setMaxDistance(direction,distance),ret=triggerHandler(event,phase),!options.triggerOnTouchEnd||options.triggerOnTouchLeave){var inBounds=!0;if(options.triggerOnTouchLeave){var bounds=getbounds(this);inBounds=isInBounds(currentFinger.end,bounds)}!options.triggerOnTouchEnd&&inBounds?phase=getNextPhase(PHASE_MOVE):options.triggerOnTouchLeave&&!inBounds&&(phase=getNextPhase(PHASE_END)),phase!=PHASE_CANCEL&&phase!=PHASE_END||triggerHandler(event,phase)}}else phase=PHASE_CANCEL,triggerHandler(event,phase);ret===!1&&(phase=PHASE_CANCEL,triggerHandler(event,phase))}}function touchEnd(jqEvent){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent,touches=event.touches;if(touches){if(touches.length&&!inMultiFingerRelease())return startMultiFingerRelease(event),!0;if(touches.length&&inMultiFingerRelease())return!0}return inMultiFingerRelease()&&(fingerCount=fingerCountAtRelease),endTime=getTimeStamp(),duration=calculateDuration(),didSwipeBackToCancel()||!validateSwipeDistance()?(phase=PHASE_CANCEL,triggerHandler(event,phase)):options.triggerOnTouchEnd||options.triggerOnTouchEnd===!1&&phase===PHASE_MOVE?(options.preventDefaultEvents!==!1&&jqEvent.preventDefault(),phase=PHASE_END,triggerHandler(event,phase)):!options.triggerOnTouchEnd&&hasTap()?(phase=PHASE_END,triggerHandlerForGesture(event,phase,TAP)):phase===PHASE_MOVE&&(phase=PHASE_CANCEL,triggerHandler(event,phase)),setTouchInProgress(!1),null}function touchCancel(){fingerCount=0,endTime=0,startTime=0,startTouchesDistance=0,endTouchesDistance=0,pinchZoom=1,cancelMultiFingerRelease(),setTouchInProgress(!1)}function touchLeave(jqEvent){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent;options.triggerOnTouchLeave&&(phase=getNextPhase(PHASE_END),triggerHandler(event,phase))}function removeListeners(){$element.unbind(START_EV,touchStart),$element.unbind(CANCEL_EV,touchCancel),$element.unbind(MOVE_EV,touchMove),$element.unbind(END_EV,touchEnd),LEAVE_EV&&$element.unbind(LEAVE_EV,touchLeave),setTouchInProgress(!1)}function getNextPhase(currentPhase){var nextPhase=currentPhase,validTime=validateSwipeTime(),validDistance=validateSwipeDistance(),didCancel=didSwipeBackToCancel();return!validTime||didCancel?nextPhase=PHASE_CANCEL:!validDistance||currentPhase!=PHASE_MOVE||options.triggerOnTouchEnd&&!options.triggerOnTouchLeave?!validDistance&&currentPhase==PHASE_END&&options.triggerOnTouchLeave&&(nextPhase=PHASE_CANCEL):nextPhase=PHASE_END,nextPhase}function triggerHandler(event,phase){var ret,touches=event.touches;return(didSwipe()||hasSwipes())&&(ret=triggerHandlerForGesture(event,phase,SWIPE)),(didPinch()||hasPinches())&&ret!==!1&&(ret=triggerHandlerForGesture(event,phase,PINCH)),didDoubleTap()&&ret!==!1?ret=triggerHandlerForGesture(event,phase,DOUBLE_TAP):didLongTap()&&ret!==!1?ret=triggerHandlerForGesture(event,phase,LONG_TAP):didTap()&&ret!==!1&&(ret=triggerHandlerForGesture(event,phase,TAP)),phase===PHASE_CANCEL&&touchCancel(event),phase===PHASE_END&&(touches?touches.length||touchCancel(event):touchCancel(event)),ret}function triggerHandlerForGesture(event,phase,gesture){var ret;if(gesture==SWIPE){if($element.trigger("swipeStatus",[phase,direction||null,distance||0,duration||0,fingerCount,fingerData,currentDirection]),options.swipeStatus&&(ret=options.swipeStatus.call($element,event,phase,direction||null,distance||0,duration||0,fingerCount,fingerData,currentDirection),ret===!1))return!1;if(phase==PHASE_END&&validateSwipe()){if(clearTimeout(singleTapTimeout),clearTimeout(holdTimeout),$element.trigger("swipe",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipe&&(ret=options.swipe.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection),ret===!1))return!1;switch(direction){case LEFT:$element.trigger("swipeLeft",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeLeft&&(ret=options.swipeLeft.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection));break;case RIGHT:$element.trigger("swipeRight",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeRight&&(ret=options.swipeRight.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection));break;case UP:$element.trigger("swipeUp",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeUp&&(ret=options.swipeUp.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection));break;case DOWN:$element.trigger("swipeDown",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeDown&&(ret=options.swipeDown.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection))}}}if(gesture==PINCH){if($element.trigger("pinchStatus",[phase,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData]),options.pinchStatus&&(ret=options.pinchStatus.call($element,event,phase,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData),ret===!1))return!1;if(phase==PHASE_END&&validatePinch())switch(pinchDirection){case IN:$element.trigger("pinchIn",[pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData]),options.pinchIn&&(ret=options.pinchIn.call($element,event,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData));break;case OUT:$element.trigger("pinchOut",[pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData]),options.pinchOut&&(ret=options.pinchOut.call($element,event,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData))}}return gesture==TAP?phase!==PHASE_CANCEL&&phase!==PHASE_END||(clearTimeout(singleTapTimeout),clearTimeout(holdTimeout),hasDoubleTap()&&!inDoubleTap()?(doubleTapStartTime=getTimeStamp(),singleTapTimeout=setTimeout($.proxy(function(){doubleTapStartTime=null,$element.trigger("tap",[event.target]),options.tap&&(ret=options.tap.call($element,event,event.target))},this),options.doubleTapThreshold)):(doubleTapStartTime=null,$element.trigger("tap",[event.target]),options.tap&&(ret=options.tap.call($element,event,event.target)))):gesture==DOUBLE_TAP?phase!==PHASE_CANCEL&&phase!==PHASE_END||(clearTimeout(singleTapTimeout),clearTimeout(holdTimeout),doubleTapStartTime=null,$element.trigger("doubletap",[event.target]),options.doubleTap&&(ret=options.doubleTap.call($element,event,event.target))):gesture==LONG_TAP&&(phase!==PHASE_CANCEL&&phase!==PHASE_END||(clearTimeout(singleTapTimeout),doubleTapStartTime=null,$element.trigger("longtap",[event.target]),options.longTap&&(ret=options.longTap.call($element,event,event.target)))),ret}function validateSwipeDistance(){var valid=!0;return null!==options.threshold&&(valid=distance>=options.threshold),valid}function didSwipeBackToCancel(){var cancelled=!1;return null!==options.cancelThreshold&&null!==direction&&(cancelled=getMaxDistance(direction)-distance>=options.cancelThreshold),cancelled}function validatePinchDistance(){return null===options.pinchThreshold||pinchDistance>=options.pinchThreshold}function validateSwipeTime(){var result;return result=!options.maxTimeThreshold||!(duration>=options.maxTimeThreshold)}function validateDefaultEvent(jqEvent,direction){if(options.preventDefaultEvents!==!1)if(options.allowPageScroll===NONE)jqEvent.preventDefault();else{var auto=options.allowPageScroll===AUTO;switch(direction){case LEFT:(options.swipeLeft&&auto||!auto&&options.allowPageScroll!=HORIZONTAL)&&jqEvent.preventDefault();break;case RIGHT:(options.swipeRight&&auto||!auto&&options.allowPageScroll!=HORIZONTAL)&&jqEvent.preventDefault();break;case UP:(options.swipeUp&&auto||!auto&&options.allowPageScroll!=VERTICAL)&&jqEvent.preventDefault();break;case DOWN:(options.swipeDown&&auto||!auto&&options.allowPageScroll!=VERTICAL)&&jqEvent.preventDefault();break;case NONE:}}}function validatePinch(){var hasCorrectFingerCount=validateFingers(),hasEndPoint=validateEndPoint(),hasCorrectDistance=validatePinchDistance();return hasCorrectFingerCount&&hasEndPoint&&hasCorrectDistance}function hasPinches(){return!!(options.pinchStatus||options.pinchIn||options.pinchOut)}function didPinch(){return!(!validatePinch()||!hasPinches())}function validateSwipe(){var hasValidTime=validateSwipeTime(),hasValidDistance=validateSwipeDistance(),hasCorrectFingerCount=validateFingers(),hasEndPoint=validateEndPoint(),didCancel=didSwipeBackToCancel(),valid=!didCancel&&hasEndPoint&&hasCorrectFingerCount&&hasValidDistance&&hasValidTime;return valid}function hasSwipes(){return!!(options.swipe||options.swipeStatus||options.swipeLeft||options.swipeRight||options.swipeUp||options.swipeDown)}function didSwipe(){return!(!validateSwipe()||!hasSwipes())}function validateFingers(){return fingerCount===options.fingers||options.fingers===ALL_FINGERS||!SUPPORTS_TOUCH}function validateEndPoint(){return 0!==fingerData[0].end.x}function hasTap(){return!!options.tap}function hasDoubleTap(){return!!options.doubleTap}function hasLongTap(){return!!options.longTap}function validateDoubleTap(){if(null==doubleTapStartTime)return!1;var now=getTimeStamp();return hasDoubleTap()&&now-doubleTapStartTime<=options.doubleTapThreshold}function inDoubleTap(){return validateDoubleTap()}function validateTap(){return(1===fingerCount||!SUPPORTS_TOUCH)&&(isNaN(distance)||distance<options.threshold)}function validateLongTap(){return duration>options.longTapThreshold&&distance<DOUBLE_TAP_THRESHOLD}function didTap(){return!(!validateTap()||!hasTap())}function didDoubleTap(){return!(!validateDoubleTap()||!hasDoubleTap())}function didLongTap(){return!(!validateLongTap()||!hasLongTap())}function startMultiFingerRelease(event){previousTouchEndTime=getTimeStamp(),fingerCountAtRelease=event.touches.length+1}function cancelMultiFingerRelease(){previousTouchEndTime=0,fingerCountAtRelease=0}function inMultiFingerRelease(){var withinThreshold=!1;if(previousTouchEndTime){var diff=getTimeStamp()-previousTouchEndTime;diff<=options.fingerReleaseThreshold&&(withinThreshold=!0)}return withinThreshold}function getTouchInProgress(){return!($element.data(PLUGIN_NS+"_intouch")!==!0)}function setTouchInProgress(val){$element&&(val===!0?($element.bind(MOVE_EV,touchMove),$element.bind(END_EV,touchEnd),LEAVE_EV&&$element.bind(LEAVE_EV,touchLeave)):($element.unbind(MOVE_EV,touchMove,!1),$element.unbind(END_EV,touchEnd,!1),LEAVE_EV&&$element.unbind(LEAVE_EV,touchLeave,!1)),$element.data(PLUGIN_NS+"_intouch",val===!0))}function createFingerData(id,evt){var f={start:{x:0,y:0},last:{x:0,y:0},end:{x:0,y:0}};return f.start.x=f.last.x=f.end.x=evt.pageX||evt.clientX,f.start.y=f.last.y=f.end.y=evt.pageY||evt.clientY,fingerData[id]=f,f}function updateFingerData(evt){var id=void 0!==evt.identifier?evt.identifier:0,f=getFingerData(id);return null===f&&(f=createFingerData(id,evt)),f.last.x=f.end.x,f.last.y=f.end.y,f.end.x=evt.pageX||evt.clientX,f.end.y=evt.pageY||evt.clientY,f}function getFingerData(id){return fingerData[id]||null}function setMaxDistance(direction,distance){direction!=NONE&&(distance=Math.max(distance,getMaxDistance(direction)),maximumsMap[direction].distance=distance)}function getMaxDistance(direction){if(maximumsMap[direction])return maximumsMap[direction].distance}function createMaximumsData(){var maxData={};return maxData[LEFT]=createMaximumVO(LEFT),maxData[RIGHT]=createMaximumVO(RIGHT),maxData[UP]=createMaximumVO(UP),maxData[DOWN]=createMaximumVO(DOWN),maxData}function createMaximumVO(dir){return{direction:dir,distance:0}}function calculateDuration(){return endTime-startTime}function calculateTouchesDistance(startPoint,endPoint){var diffX=Math.abs(startPoint.x-endPoint.x),diffY=Math.abs(startPoint.y-endPoint.y);return Math.round(Math.sqrt(diffX*diffX+diffY*diffY))}function calculatePinchZoom(startDistance,endDistance){var percent=endDistance/startDistance*1;return percent.toFixed(2)}function calculatePinchDirection(){return pinchZoom<1?OUT:IN}function calculateDistance(startPoint,endPoint){return Math.round(Math.sqrt(Math.pow(endPoint.x-startPoint.x,2)+Math.pow(endPoint.y-startPoint.y,2)))}function calculateAngle(startPoint,endPoint){var x=startPoint.x-endPoint.x,y=endPoint.y-startPoint.y,r=Math.atan2(y,x),angle=Math.round(180*r/Math.PI);return angle<0&&(angle=360-Math.abs(angle)),angle}function calculateDirection(startPoint,endPoint){if(comparePoints(startPoint,endPoint))return NONE;var angle=calculateAngle(startPoint,endPoint);return angle<=45&&angle>=0?LEFT:angle<=360&&angle>=315?LEFT:angle>=135&&angle<=225?RIGHT:angle>45&&angle<135?DOWN:UP}function getTimeStamp(){var now=new Date;return now.getTime()}function getbounds(el){el=$(el);var offset=el.offset(),bounds={left:offset.left,right:offset.left+el.outerWidth(),top:offset.top,bottom:offset.top+el.outerHeight()};return bounds}function isInBounds(point,bounds){return point.x>bounds.left&&point.x<bounds.right&&point.y>bounds.top&&point.y<bounds.bottom}function comparePoints(pointA,pointB){return pointA.x==pointB.x&&pointA.y==pointB.y}var options=$.extend({},options),useTouchEvents=SUPPORTS_TOUCH||SUPPORTS_POINTER||!options.fallbackToMouseEvents,START_EV=useTouchEvents?SUPPORTS_POINTER?SUPPORTS_POINTER_IE10?"MSPointerDown":"pointerdown":"touchstart":"mousedown",MOVE_EV=useTouchEvents?SUPPORTS_POINTER?SUPPORTS_POINTER_IE10?"MSPointerMove":"pointermove":"touchmove":"mousemove",END_EV=useTouchEvents?SUPPORTS_POINTER?SUPPORTS_POINTER_IE10?"MSPointerUp":"pointerup":"touchend":"mouseup",LEAVE_EV=useTouchEvents?SUPPORTS_POINTER?"mouseleave":null:"mouseleave",CANCEL_EV=SUPPORTS_POINTER?SUPPORTS_POINTER_IE10?"MSPointerCancel":"pointercancel":"touchcancel",distance=0,direction=null,currentDirection=null,duration=0,startTouchesDistance=0,endTouchesDistance=0,pinchZoom=1,pinchDistance=0,pinchDirection=0,maximumsMap=null,$element=$(element),phase="start",fingerCount=0,fingerData={},startTime=0,endTime=0,previousTouchEndTime=0,fingerCountAtRelease=0,doubleTapStartTime=0,singleTapTimeout=null,holdTimeout=null;try{$element.bind(START_EV,touchStart),$element.bind(CANCEL_EV,touchCancel)}catch(e){$.error("events not supported "+START_EV+","+CANCEL_EV+" on jQuery.swipe")}this.enable=function(){return this.disable(),$element.bind(START_EV,touchStart),$element.bind(CANCEL_EV,touchCancel),$element},this.disable=function(){return removeListeners(),$element},this.destroy=function(){removeListeners(),$element.data(PLUGIN_NS,null),$element=null},this.option=function(property,value){if("object"==typeof property)options=$.extend(options,property);else if(void 0!==options[property]){if(void 0===value)return options[property];options[property]=value}else{if(!property)return options;$.error("Option "+property+" does not exist on jQuery.swipe.options")}return null}}var VERSION="1.6.18",LEFT="left",RIGHT="right",UP="up",DOWN="down",IN="in",OUT="out",NONE="none",AUTO="auto",SWIPE="swipe",PINCH="pinch",TAP="tap",DOUBLE_TAP="doubletap",LONG_TAP="longtap",HORIZONTAL="horizontal",VERTICAL="vertical",ALL_FINGERS="all",DOUBLE_TAP_THRESHOLD=10,PHASE_START="start",PHASE_MOVE="move",PHASE_END="end",PHASE_CANCEL="cancel",SUPPORTS_TOUCH="ontouchstart"in window,SUPPORTS_POINTER_IE10=window.navigator.msPointerEnabled&&!window.PointerEvent&&!SUPPORTS_TOUCH,SUPPORTS_POINTER=(window.PointerEvent||window.navigator.msPointerEnabled)&&!SUPPORTS_TOUCH,PLUGIN_NS="TouchSwipe",defaults={fingers:1,threshold:75,cancelThreshold:null,pinchThreshold:20,maxTimeThreshold:null,fingerReleaseThreshold:250,longTapThreshold:500,doubleTapThreshold:200,swipe:null,swipeLeft:null,swipeRight:null,swipeUp:null,swipeDown:null,swipeStatus:null,pinchIn:null,pinchOut:null,pinchStatus:null,click:null,tap:null,doubleTap:null,longTap:null,hold:null,triggerOnTouchEnd:!0,triggerOnTouchLeave:!1,allowPageScroll:"auto",fallbackToMouseEvents:!0,excludedElements:".noSwipe",preventDefaultEvents:!0};$.fn.swipe=function(method){var $this=$(this),plugin=$this.data(PLUGIN_NS);if(plugin&&"string"==typeof method){if(plugin[method])return plugin[method].apply(plugin,Array.prototype.slice.call(arguments,1));$.error("Method "+method+" does not exist on jQuery.swipe")}else if(plugin&&"object"==typeof method)plugin.option.apply(plugin,arguments);else if(!(plugin||"object"!=typeof method&&method))return init.apply(this,arguments);return $this},$.fn.swipe.version=VERSION,$.fn.swipe.defaults=defaults,$.fn.swipe.phases={PHASE_START:PHASE_START,PHASE_MOVE:PHASE_MOVE,PHASE_END:PHASE_END,PHASE_CANCEL:PHASE_CANCEL},$.fn.swipe.directions={LEFT:LEFT,RIGHT:RIGHT,UP:UP,DOWN:DOWN,IN:IN,OUT:OUT},$.fn.swipe.pageScroll={NONE:NONE,HORIZONTAL:HORIZONTAL,VERTICAL:VERTICAL,AUTO:AUTO},$.fn.swipe.fingers={ONE:1,TWO:2,THREE:3,FOUR:4,FIVE:5,ALL:ALL_FINGERS}}); //main.bundle.js !function(){"use strict";window.util=new function(){return{isDefine:function(e){return"undefined"!==e},useJQuery:function(){return util.isDefine(typeof $)&&void 0!==$.fn&&"string"==typeof $.fn.jquery},objectExport:function(e){if("object"!=typeof e)return e;var n=e.constructor===Array?[]:{};for(var t in e)n[t]=e[t];return n},objectMerge:function(){for(var e={},n=0;n<arguments.length;n++)if("object"==typeof arguments[n])for(var t in arguments[n])e[t]=arguments[n][t];return e},now:void 0===performance.now?Date.now:performance.now.bind(performance)}}}(),function(){"use strict";if(void 0===document.documentElement.classList){var e=document.documentElement,n=function(){e.className=e.classList.join(" ")},t=function(n){return e.classList.indexOf(n)>-1};e.classList=e.className.split(" ").filter((function(e){return""!==e})),e.classList.add=function(i){""===i||t(i)||(e.classList.push(i),n())},e.classList.remove=function(i){""!==i&&t(i)&&(e.classList.splice(e.classList.indexOf(i),1),n())}}window.userAgent=new function(){var e=navigator.userAgent.toLowerCase(),n=[],t=[],i=[];for(var o in e.match(/chrome|safari/)&&n.push(e.match(/chrome/)?"Chrome":"Safari"),e.match(/msie|rv:11/)&&(n.push("IE"),e.match(/msie (\d+)/)&&n.push("IE"+e.match(/msie (\d+)/)[1]),e.match(/rv:11/)&&n.push("IE11")),e.match(/edg|edge|edgA/)&&n.push("Edge"),e.match(/firefox/)&&n.push("Firefox"),n.length||n.push("Unknown-Browser"),e.match(/windows nt/)&&t.push("Windows"),e.match(/mac os/)&&(e.match(/like mac os/)?(e.match(/iphone/)&&t.push("iPhone"),e.match(/ipad/)&&t.push("iPad"),t.push("iOS")):t.push("MacOS")),e.match(/cros/)&&t.push("ChromeOS"),e.match(/android/)&&t.push("Android"),e.match(/mobile/)&&t.push("Device"),t.length||t.push("Unknown-Device"),n)n[o]!==n.constructor.prototype[o]&&i.push(n[o].toLowerCase());for(var o in t)t[o]!==t.constructor.prototype[o]&&i.push(t[o].toLowerCase());return i.forEach((function(e){document.documentElement.classList.add(e)})),this.is=function(e){return i.indexOf(e.toLowerCase())>-1},this.or=function(e){var n=!1;return"string"==typeof e?this.is(e):(e.some(function(e){return this.is(e)&&(n=!0),n}.bind(this)),n)},this.and=function(e){var n=!0;return"string"==typeof e?this.is(e):(e.some(function(e){return!(n=n&&this.is(e))}.bind(this)),n)},this}}(),function(){"use strict";function e(e){var n,t,i=[],o=!1,r=[];util.useJQuery()?(n=$(window).on.bind($(window)),t=$(window).off.bind($(window))):(n=window.addEventListener,t=window.removeEventListener);var s=function(){i.forEach((function(e){e()})),r.forEach((function(e){i.splice(i.indexOf(e),1)})),r=[]},u=function(e){return i.indexOf(e)>-1},a=function(){return""!==e&&null!=e};return this.add=function(e){return"function"!=typeof e||u(e)||i.push(e),this},this.remove=function(e){return"function"==typeof e&&u(e)&&(o?r.push(e):i.splice(i.indexOf(e),1)),this},this.enable=function(){return!o&&a()&&(n(e,s),o=!0),this},this.disable=function(){return o&&a()&&(t(e,s),o=!1),this},this.list=function(){return util.objectExport(i)},this.enable(),this}window.eventManager=new function(){var n={};return this.event=function(t){return void 0===n[t]&&(n[t]=new e(t)),n[t]},this.list=function(){return util.objectExport(n)},this.destroy=function(e){return void 0!==n[e]&&delete n[e],this},this},window.loadEvent=eventManager.event("load"),window.resizeEvent=eventManager.event("resize"),window.scrollEvent=eventManager.event("scroll")}(),function(){"use strict";var e=[{alias:"m",size:768},{alias:"pc"}];function n(){return window.pageYOffset}function t(e){return e?document.documentElement.clientWidth:window.innerWidth}function i(e){return e?document.documentElement.clientHeight:window.innerHeight}function o(){var n="";return e.some((function(e){return n=e.alias,void 0===e.size||page.width<=e.size})),n}function r(e){return page.top=n(),page.top!==e?page.top>e?1:-1:0}function s(){page.top=n(),page.width=t(),page.scrollWidth=t(!0),page.height=i(),page.scrollHeight=i(!0),page.mode=o()}function u(){var e,n,s;page.scrollDirection=r(page.top),page.widthChanged=(e=page.width,page.width=t(),page.scrollWidth=t(!0),page.width!==e),page.heightChanged=(n=page.height,page.height=i(),page.scrollHeight=i(!0),page.height!==n),page.modeChanged=(s=page.mode,page.mode=o(),page.mode!==s)}function a(){page.scrollDirection=r(page.top)}util.isDefine(typeof eventManager)?(loadEvent.add(s),resizeEvent.add(u),scrollEvent.add(a)):(window.addEventListener("load",s),window.addEventListener("resize",u),window.addEventListener("scroll",a)),window.updatePageMode=function(n){n.constructor===Array&&(e=n).sort((function(e,n){return void 0!==e.size?-1:void 0!==n.size?1:e.size!==n.size?e.size>n.size?-1:1:0}))},window.page={},s()}(),function(){"use strict";var e=function(e,n,t,i,o){if(0===o||1===o)return 0===o?e:i;var r=1-o;return Math.pow(r,3)*e+3*Math.pow(r,2)*o*n+3*r*Math.pow(o,2)*t+Math.pow(o,3)*i};window.CubicBezier=function(n,t,i){for(var o,r,s,u=new Array(i),a=0;a<=i;a++)u.push((r=t,s=a/i,{x:e(0,(o=n).x,r.x,1,s),y:e(0,o.y,r.y,1,s)}));return this.getX=function(e){var n=null;return u.some((function(t,i){return n=i,t.x>=e})),n},this.getY=function(e){return u.length>e&&e>-1?u[e].y:null},this.value=function(e){var n=null;return u.some((function(t,i){return n=t.y,t.x>=e})),n},this}}(),function(){"use strict";window.raf=util.isDefine(typeof requestAnimationFrame)?requestAnimationFrame:util.isDefine(typeof webkitRequestAnimationFrame)?webkitRequestAnimationFrame:function(e){return setTimeout(e.bind(window,util.now()))},window.caf=util.isDefine(typeof cancelAnimationFrame)?cancelAnimationFrame:util.isDefine(typeof webkitCancelAnimationFrame)?webkitCancelAnimationFrame:clearTimeout}(); //video.js !function(){"use strict";window.VIDEO_PLAYER_TYPE={EMBED:0,YOUTUBE:1,BRIGHTCOVE:2},window.VIDEO_PLAYER_FUNC={0:new function(){return this.init=function(){this.addEventListener("loadedmetadata",function(){this.readyState<e.LESS&&void 0===this.initObserver&&(this.load(),this.initObserver=new s({callback:function(){this.readyState>=e.FINE&&(this.initObserver.destroy(),delete this.initObserver)}.bind(this)}))})},this.scroll=null,this.resize=null,this.play=null,this.pause=null,this.ended=null,this.destroy=null,this.error=null,this},1:new function(){return this.init=function(){l===a.NOT_LOADED&&youtubeInit()},this.scroll=null,this.resize=null,this.play=null,this.pause=null,this.ended=null,this.destroy=null,this.error=null,this},2:new function(){return this.init=function(){h===u.NOT_LOADED&&brightCoveInit()},this.scroll=null,this.resize=null,this.play=null,this.pause=null,this.ended=null,this.destroy=null,this.error=null,this}},window.VIDEO_PLAYER_DEFAULT={type:VIDEO_PLAYER_TYPE.EMBED,muted:!1};var e={NOT_LOADED:0,LOADING:1,LESS:2,FINE:3,ENOUGH:4},t=[],n={callback:null,complete:null,timeout:100,retries:0},i=function(e){t.filter(function(t){return t.isRunnable(e)}).forEach(function(e){e.run()}),r=0!==t.length?raf(i):null},r=null;function s(e){var s={timeout:0,retries:0};return e=util.objectMerge({},n,e),this.isRunnable=function(t){return t-s.timeout>=e.timeout},this.run=function(){return s.retries++,s.timeout=util.now(),null!==e.callback&&e.callback(),0!==e.retries&&s.retries>=e.retries&&(null!==e.complete&&e.complete(),this.destroy()),null},this.destroy=function(){return t.indexOf(this)+1&&t.splice(t.indexOf(this),1),null},t.push(this),null===r&&t.length>0&&(r=raf(i)),this}var a={NOT_LOADED:0,LOADED:1,LOADING:2},l=a.NOT_LOADED,o=[],d={};window.youtubeInit=function(e){if(!(l>a.NOT_LOADED)){e=util.objectMerge({},d,e),d=e,l=a.LOADING;var t=document.createElement("script");t.src="//www.youtube.com/iframe_api",document.getElementsByTagName("head")[0].insertBefore(t,document.getElementsByTagName("script")[0]),window.onYouTubeIframeAPIReady=function(){l=a.LOADED,o.forEach(function(e){$(e.element).video().play(e.videoId)})}}};var u={NOT_LOADED:0,LOADED:1,LOADING:2},h=u.NOT_LOADED,E=[],c={account:"901961867001",player:"Skefq0fEUZ",embed:"default"};function v(t){var n;return n=t.element[0],this.element=function(){return t.element},this.destroy=function(e){var i=p.indexOf(p.filter(function(e){return e.element===n})[0]);if(e)n.parentElement.removeChild(n);else switch(t.type){case VIDEO_PLAYER_TYPE.EMBED:this.pause(!0),this.hasEvent("destroy")&&this.getEvent("destroy")();break;case VIDEO_PLAYER_TYPE.YOUTUBE:void 0!==t.player&&(t.player.destroy(),this.hasEvent("destroy")&&this.getEvent("destroy")(),delete t.player),void 0!==t.videoArea&&(t.videoArea.remove(),delete t.videoArea);break;case VIDEO_PLAYER_TYPE.BRIGHTCOVE:void 0!==t.player&&(t.player.dispose(),delete t.player)}return i+1&&p.splice(i,1),this.element()},this.getProperty=function(e){return t[e]},this.setProperty=function(e){if("object"!=typeof e||null===e)return this;var n=[e.element,t.element];return delete e.element,delete t.element,(t=util.objectMerge({},t,e)).type!==e.type?(this.destroy(),$(this).video(e),$(this).video()):(t.element=n[0]||n[1],this)},this.hasEvent=function(e){return null!==t.events[e]},this.getEvent=function(e){return t.events[e].bind(n,VIDEO_PLAYER_FUNC[t.type][e])},this.play=function(i){switch(t.type){case VIDEO_PLAYER_TYPE.EMBED:if(n.readyState>=e.FINE){n.play();break}n.readyState<e.LESS&&"none"===n.preload&&void 0===n.initObserver&&(n.load(),n.initObserver=new s({callback:function(){this.readyState>=e.FINE&&(this.initObserver.destroy(),delete this.initObserver)}.bind(n),complete:function(){if(this.readyState===e.NOT_LOADED){this.preload="metadata";var n=this.cloneNode(!0);n.addEventListener("loadedmetadata",function(){this.preload="none"}),delete t.element,$(n).video(t).play(),this.parentElement.insertBefore(n,this),$(this).video().destroy(!0)}}.bind(n),retries:3})),n.readyState<e.FINE&&void 0===n.playObserver&&(n.playObserver=new s({callback:function(){this.readyState>=e.FINE&&(this.play(),this.playObserver.destroy(),delete this.playObserver)}.bind(n)})),this.hasEvent("play")&&n.addEventListener("playing",this.getEvent("play")),this.hasEvent("pause")&&n.addEventListener("pause",this.getEvent("pause")),this.hasEvent("ended")&&n.addEventListener("ended",this.getEvent("ended")),this.hasEvent("error")&&n.addEventListener("error",this.getEvent("error"));break;case VIDEO_PLAYER_TYPE.YOUTUBE:if(void 0!==t.player){t.player.playVideo();break}if(void 0===i){alert("Youtube ID를 전달해주세요.");break}if(l===a.NOT_LOADED&&youtubeInit(),l!==a.LOADED)return o.push({element:n,videoId:i}),this;var r=document.createElement("div");t.videoArea=r,n.appendChild(t.videoArea),t.player=new YT.Player(t.videoArea,{width:t.width||null,height:t.height||null,videoId:i,events:{onReady:function(){t.muted&&t.player.mute(),t.player.playVideo()}.bind(this),onStateChange:function(e){switch(e.data){case YT.PlayerState.ENDED:this.hasEvent("ended")&&this.getEvent("ended")();break;case YT.PlayerState.PLAYING:this.hasEvent("play")&&this.getEvent("play")();break;case YT.PlayerState.PAUSED:this.hasEvent("pause")&&this.getEvent("pause")()}}.bind(this),onError:function(){this.hasEvent("error")&&this.getEvent("error")()}.bind(this)}});break;case VIDEO_PLAYER_TYPE.BRIGHTCOVE:if(void 0!==t.player){t.player.play();break}if(void 0===i){alert("BrightCove ID를 전달해주세요.");break}if(h===u.NOT_LOADED&&brightCoveInit(),h!==u.LOADED)return E.push({element:n,videoId:i}),this;var d=document.createElement("video");d.setAttribute("data-account",c.account),d.setAttribute("data-player",c.player),d.setAttribute("data-embed",c.embed),d.setAttribute("data-video-id",i),d.setAttribute("controls",void 0),d.className="video-js",n.appendChild(d),bc(d),t.player=videojs(d),t.muted&&t.player.muted(!0),t.player.play(),this.hasEvent("play")&&t.player.on("play",this.getEvent("play")),this.hasEvent("pause")&&t.player.on("pause",this.getEvent("pause")),this.hasEvent("ended")&&t.player.on("ended",this.getEvent("ended")),this.hasEvent("destroy")&&t.player.on("dispose",this.getEvent("destroy")),this.hasEvent("error")&&t.player.on("error",this.getEvent("error"))}return this},this.pause=function(e){switch(t.type){case VIDEO_PLAYER_TYPE.EMBED:n.pause(),e&&(n.currentTime=0);break;case VIDEO_PLAYER_TYPE.YOUTUBE:void 0!==t.player&&t.player.getPlayerState()!==YT.PlayerState.PAUSED&&t.player.pauseVideo();break;case VIDEO_PLAYER_TYPE.BRIGHTCOVE:void 0!==t.player&&!t.player.paused()&&t.player.pause()}return this},this.hasEvent("init")&&this.getEvent("init")(),p.push({element:n,video:this}),this}window.brightCoveInit=function(e){if(!(h>u.NOT_LOADED))if(null!==(e=util.objectMerge({},c,e)).account&&void 0!==e.account&&""!==e.account)if(null!==e.player&&void 0!==e.player&&""!==e.player)if(null!==e.embed&&void 0!==e.embed&&""!==e.embed){c=e,h=u.LOADING;var t=document.createElement("script");t.src="//players.brightcove.net/"+e.account+"/"+e.player+"_"+e.embed+"/index.min.js",document.getElementsByTagName("head")[0].insertBefore(t,document.getElementsByTagName("script")[0]),t.addEventListener("load",function(){h=u.LOADED,E.forEach(function(e){$(e.element).video().play(e.videoId)})})}else alert("BrightCove 실행 속성을 정의해주세요.");else alert("BrightCove 사용자 정보를 입력해주세요.");else alert("BrightCove 계정 코드를 입력해주세요.")};var p=[];!function(){var e=[];function t(t){return e.map(function(e){return e.element}).indexOf(t)>-1}}();$.fn.video=function(e){var t,n=this[0];return!function(e){return p.filter(function(t){return t.element===e}).length>0}(n)?((e=e||{}).events=util.objectMerge({},VIDEO_PLAYER_FUNC[e.type||VIDEO_PLAYER_DEFAULT.type],e.events),(e=util.objectMerge({},VIDEO_PLAYER_DEFAULT,e)).element=this,t=new v(e)):t=function(e){return p.filter(function(t){return t.element===e})[0].video}(n),util.objectMerge({},t)},window.addEventListener("scroll",function(){p.filter(function(e){return e.video.hasEvent("scroll")}).map(function(e){return e.video.getEvent("scroll")}).forEach(function(e){e()})}),window.addEventListener("resize",function(){p.filter(function(e){return e.video.hasEvent("resize")}).map(function(e){return e.video.getEvent("resize")}).forEach(function(e){e()})})}(); //feature active hooking $(function() { var features, hooked; var motionHook = function() { features = $('.feature:not(.active)'); hooked = false; if (!features.length) { resizeEvent.remove(hookHandler); scrollEvent.remove(hookHandler); } }; var activeHook = function() { features.each(function() { var feature = $(this); var top = (page.top + page.height - feature.offset().top) / feature.height(), bottom = (feature.offset().top + feature.height() - page.top) / feature.height(); if (top >= 0.35 && bottom >= 0.35) { feature.addClass('active'); hooked = true; } }); hooked && motionHook(); }; var hookHandler = function() { activeHook(); }; resizeEvent.add(hookHandler); scrollEvent.add(hookHandler); motionHook(); }); //kv - slide $(function() { var kv = $('.feature.kv'); var colorChange = function() { var activeIndex = kv.find('.carousel').find('> li.active').index(); if (kv.find('.kv_slide').find('> li:not(.auto-generated)').eq(activeIndex).is('.txt-white')) { !kv.hasClass('white') && kv.addClass('white'); } else { kv.hasClass('white') && kv.removeClass('white'); } }; var slideDuration = 500; var slideTiming = new CubicBezier({x: 0.25, y: 0.1}, {x: 0.25, y: 1}, slideDuration); var slideRaf = function(time) { var data = kv.data('slideData'); var progress = slideTiming.value(Math.max(0, Math.min(1, (time - data.begin) / slideDuration))); var value = progress * data.value; data.activeElement.css({'left': (data.isNext ? -1 : 1) * value + '%'}); data.targetElement.css({'left': (data.isNext ? 1 : -1) * (data.value - value) + '%'}); if (progress >= 1) { if (data.isLoop) { data.activeElement.css({'left': (data.isNext ? 1 : -1) * data.value + '%'}); data.targetElement.css({'left': (data.isNext ? 1 : -1) * data.value + '%'}); kv.find('.kv_slide').find('> li:not(.auto-generated)').eq(kv.find('.carousel').find('> li.active').index()).css({'left': '0%'}); } if (data.isAutoSlideEnabled) { autoPlay(); } caf(data.raf); kv.removeData('slideData'); } else { data.raf = raf(slideRaf); } }; var slide = function(index) { var activeIndex = kv.find('.carousel').find('> li.active').index(); if (kv.data('slideData') !== undefined || index === activeIndex) { return; } var isNext = index > activeIndex; var isLoop = index < 0 || index > kv.find('.carousel').find('> li').length - 1; var isAutoSlideEnabled = kv.data('autoSlideEnabled'); kv.data('slideData', { begin: util.now(), value: 100, isNext: isNext, isLoop: isLoop, isAutoSlideEnabled: isAutoSlideEnabled, activeElement: kv.find('.kv_slide').find('> li').eq(activeIndex + 1), targetElement: kv.find('.kv_slide').find('> li').eq(index + 1), raf: raf(slideRaf) }); if (isLoop) { index = index < 0 ? kv.find('.carousel').find('> li').length - 1 : 0; } var autoData = kv.data('autoSlideData'); if (autoData !== undefined) { caf(autoData.raf); } kv.removeData('autoSlideData'); kv.removeData('autoSlideTime'); kv.find('.carousel').find('> li.active').find('> a > span').css({'width': ''}); kv.find('.carousel').find('> li.active').removeClass('active'); kv.find('.carousel').find('> li').eq(index).addClass('active'); colorChange(); }; var autoDuration = 5000; var autoTiming = new CubicBezier({x: 0.25, y: 0.1}, {x: 0.25, y: 1}, autoDuration); var autoRaf = function(time) { var data = kv.data('autoSlideData'); var progress = autoTiming.value(Math.max(0, Math.min(1, (time - data.begin) / autoDuration))); var value = progress * data.value; data.target.css({'width': value + '%'}); if (progress >= 1) { caf(data.raf); kv.removeData('autoSlideData'); kv.find('.slide_obj').find('> a.next_btn').click(); kv.find('.kv_slide').removeData('clickPrevent'); } else { data.raf = raf(autoRaf); } }; var autoPlay = function() { if (kv.data('autoSlideTime') >= autoDuration) { kv.find('.slide_obj').find('> a.next_btn').click(); return; } kv.data('autoSlideData', { begin: util.now() - (kv.data('autoSlideTime') || 0), value: 100, target: kv.find('.carousel').find('> li.active').find('> a > span'), raf: raf(autoRaf) }); kv.data('autoSlideEnabled', true); }; var autoPause = function() { var data = kv.data('autoSlideData'); var time = util.now() - data.begin; if (data.raf) { caf(data.raf); kv.removeData('autoSlideData'); } kv.data('autoSlideTime', time); kv.data('autoSlideEnabled', false); }; kv.find('.slide_obj').on('click', '> a', function() { var btn = $(this), index = kv.find('.carousel').find('> li.active').index(), dir = btn.is('.prev_btn') ? -1 : 1; slide(index + dir); return false; }) kv.find('.carousel').on('click', '> li > a', function() { var btn = $(this), index = btn.parent().index(); slide(index); return false; }); kv.find('.bottom_obj').on('click', '> a.rolling_button', function() { var btn = $(this), isAutoPlay = btn.hasClass('active'); if (kv.data('slideData') !== undefined) { return false; } if (isAutoPlay) { btn.removeClass('active'); autoPause(); } else { btn.addClass('active'); autoPlay(); } return false; }); kv.find('.kv_slide').on('click', '.s-btn-encased', function(e) { if (kv.find('.kv_slide').data('clickPrevent')) { e.stopPropagation(); return false; } }); kv.find('.kv_slide').swipe({ swipeStatus: function(event, phase, direction, distance, duration) { var obj = $(this); if (phase === 'start') { obj.removeData('clickPrevent'); } if (phase === 'end') { obj.data('clickPrevent', true); if (direction === 'left') { kv.find('.slide_obj').find('> a.next_btn').click(); } if (direction === 'right') { kv.find('.slide_obj').find('> a.prev_btn').click(); } } }, triggerOnTouchLeave: true, allowPageScroll: 'vertical' }); kv.find('.kv_slide').prepend(kv.find('.kv_slide').find('> li:not(.auto-generated)').last().clone().addClass('auto-generated')); kv.find('.kv_slide').append(kv.find('.kv_slide').find('> li:not(.auto-generated)').first().clone().addClass('auto-generated')); if (typeof smg !== 'undefined') { smg.aem.components.responsive.init($('body')); } colorChange(); autoPlay(); }); //kv - popup $(function() { var kv = $('.feature.kv'), popup = kv.find('.video-inner-popup'); var opacityDuration = 500; kv.find('.kv_slide').on('click', 'button.s-btn-encased', function() { var btn = $(this), videoId = btn.attr('data-src'); if (kv.data('slideData') !== undefined || popup.hasClass('displayed') || popup.data('displaying') !== undefined || !videoId) { return false; } popup.data('displaying', true); if (kv.data('autoSlideEnabled')) { kv.data('autoSlidePause', true); kv.find('.bottom_obj').find('> a.rolling_button').click(); } popup.data('btn', btn); popup.find('.video-wrap').video({type: VIDEO_PLAYER_TYPE.YOUTUBE}).play(videoId); popup.css({'display': 'block'}).stop().animate({'opacity': 1}, opacityDuration, function() { popup.find('.video-inner').find('> button').focus(); popup.addClass('displayed'); popup.removeData('displaying'); });; }); popup.find('.video-inner').on('click', '> button', function() { if (!popup.hasClass('displayed') || popup.data('displaying') !== undefined) { return false; } popup.data('displaying', true); popup.stop().animate({'opacity': 0}, opacityDuration, function() { popup.css({'display': '', 'opacity': ''}); popup.find('.video-wrap').video().destroy(); if (kv.data('autoSlidePause')) { kv.find('.bottom_obj').find('> a.rolling_button').click(); } kv.removeData('autoSlidePause'); popup.data('btn').focus(); popup.removeData('btn'); popup.removeClass('displayed'); popup.removeData('displaying'); }); }); }); //feature f01 slide $(function() { var f01 = $('.feature.f01'); var slideDuration = 500; var slideTiming = new CubicBezier({x: 0.25, y: 0.1}, {x: 0.25, y: 1}, slideDuration); var slideRaf = function(time) { var data = f01.data('slideData'); var progress = slideTiming.value(Math.max(0, Math.min(1, (time - data.begin) / slideDuration))); var value = (data.index - data.activeIndex) * progress + data.activeIndex; data.listElement.css({'margin-left': -value * data.value + '%'}); if (progress >= 1) { caf(data.raf); f01.removeData('slideData'); f01.find('.column_ul').removeData('clickPrevent'); } else { data.raf = raf(slideRaf); } }; var slide = function(index) { var activeIndex = f01.find('ul.mo_only').find('> li.active').index(); if (page.mode !== 'm') { return; } if (f01.data('slideData') !== undefined || index < 0 || index > f01.find('ul.mo_only').find('> li').length - 1 || index === activeIndex) { return; } f01.data('slideData', { begin: util.now(), value: 100, index: index, activeIndex: activeIndex, listElement: f01.find('.column_ul'), raf: raf(slideRaf) }); f01.find('ul.mo_only').find('> li.active').removeClass('active'); f01.find('ul.mo_only').find('> li').eq(index).addClass('active'); lazyForceReload(); }; var changeLayout = function() { if (page.mode === 'm') { f01.find('.column_ul').css({'width': f01.find('ul.mo_only').find('> li').length * 100 + '%', 'margin-left': -f01.find('ul.mo_only').find('> li.active').index() * 100 + '%'}); f01.find('.column_ul').find('> li').css({'width': 100 / f01.find('ul.mo_only').find('> li').length + '%'}); f01.find('.column_ul').swipe('enable'); } else { f01.find('.column_ul').css({'width': '', 'margin-left': ''}); f01.find('.column_ul').find('> li').css({'width': ''}); f01.find('.column_ul').swipe('disable'); } }; var resizeHandler = function() { if (page.modeChanged) { changeLayout(); } }; f01.find('ul.mo_only').on('click', '> li > a', function() { var btn = $(this), index = btn.parent().index(); slide(index); return false; }); f01.find('.column_ul').on('click', 'a', function() { if (f01.find('.column_ul').data('clickPrevent')) { return false; } }); f01.find('.column_ul').swipe({ swipeStatus: function(event, phase, direction, distance, duration) { var obj = $(this); if (phase === 'end') { obj.data('clickPrevent', true); if (direction === 'left') { slide(f01.find('ul.mo_only').find('> li.active').index() + 1); } if (direction === 'right') { slide(f01.find('ul.mo_only').find('> li.active').index() - 1); } } }, triggerOnTouchLeave: true, allowPageScroll: 'vertical' }); resizeEvent.add(resizeHandler); changeLayout(); }); //feature - popup $(function() { var popup = $('#content .st-led-static-content > .video-inner-popup'); if (!popup.length) { popup = $('#content > div > .video-inner-popup'); } var opacityDuration = 500; var scrollPrevent = function(grant) { if (!grant) { popup.data('scrollPrevent', page.top); $('html').css({'position': 'fixed', 'left': 0, 'width': '100%', 'top': -page.top}); } else { var top = popup.data('scrollPrevent'); $('html').css({'position': '', 'left': '', 'width': '', 'top': ''}); $('html').scrollTop(top); popup.removeData('scrollPrevent'); } }; $('.feature').on('click', '.video-news', function() { var btn = $(this), videoId = btn.attr('data-src'); if (popup.hasClass('displayed') || popup.data('displaying') !== undefined || !videoId) { return false; } popup.data('displaying', true); popup.data('btn', btn); scrollPrevent(); popup.find('.video-wrap').video({type: VIDEO_PLAYER_TYPE.YOUTUBE}).play(videoId); popup.css({'display': 'block'}).stop().animate({'opacity': 1}, opacityDuration, function() { popup.find('.video-inner').find('> a.close').focus(); popup.addClass('displayed'); popup.removeData('displaying'); });; }); popup.on('click', '.dimmed, .video-inner > a.close', function() { if (!popup.hasClass('displayed') || popup.data('displaying') !== undefined) { return false; } popup.data('displaying', true); popup.stop().animate({'opacity': 0}, opacityDuration, function() { popup.css({'display': '', 'opacity': ''}); popup.find('.video-wrap').video().destroy(); scrollPrevent(true); popup.data('btn').focus(); popup.removeData('btn'); popup.removeClass('displayed'); popup.removeData('displaying'); }); return false; }); }); //tab focus $(function() { var html = $(document.documentElement); var focusList = null, contentList = null, beforeContentList = null, afterContentList = null; var getFocusList = function(element) { return Array.prototype.slice.call(element.querySelectorAll('a, button, input, [tabindex]')).filter(function(e) { var valid = true, c; while(valid && e.constructor !== HTMLBodyElement) { c = e.className.split(' ').map(function(c) { return c !== ''; }); valid = getComputedStyle(e).getPropertyValue('display') !== 'none' && c.indexOf('auto-generated') < 0 && c.indexOf('no-focus') < 0 && e.getAttribute('tabindex') >= 0 && !e.getAttribute('disabled'); e = e.parentElement; } return valid; }); }; var updateDelay = 100; var updateFocusList = function() { focusList = getFocusList(document.body); contentList = getFocusList($('#content')[0]); var contentListIndex = focusList.indexOf(contentList[0]); beforeContentList = focusList.slice(0, contentListIndex); afterContentList = focusList.slice(contentListIndex + contentList.length, focusList.length); }; var updateFocusRaf = function(time) { var data = html.data('updateFocusData'); var progress = Math.max(0, Math.min(1, (time - data.begin) / updateDelay)); if (progress >= 1) { data.callback(); caf(data.raf); html.removeData('updateFocusData'); } else { data.raf = raf(updateFocusRaf); } }; var updateFocusHandler = function() { if (html.data('updateFocusData') !== undefined) { caf(html.data('updateFocusData').raf); } html.data('updateFocusData', { begin: util.now(), callback: updateFocusList, raf: raf(updateFocusRaf) }); }; //kv $('.feature.kv').on('keydown', function(event) { if (event.keyCode !== 9) { return; } var element = event.target, useShift = event.shiftKey; //header <-- kv --> learn more if (element === $('.feature.kv')[0]) { if (!useShift) { // slide prevent if ($('.feature.kv').data('slideData') !== undefined) { return false; } $('.feature.kv').find('.kv_slide').find('> li').eq($('.feature.kv').find('.carousel').find('> li.active').index() + 1).find('a, button').first().focus(); return false; } else { beforeContentList[beforeContentList.length - 1].focus(); return false; } } // kv <-- learn more --> arrow btn if ($(element).parents('.kv_slide').length) { if (!useShift && element.parentElement.children.length === $(element).index() + 1) { if (page.mode === 'pc') { $('.feature.kv').find('.slide_obj').find('> a').first().focus(); } else { $('.feature.kv').find('.carousel').find('> li > a').first().focus(); } return false; } else if (useShift && $(element).index() === 0) { $('.feature.kv').focus(); return false; } } // learn more <-- arrow btn --> indicator (auto) if ($(element).parents('.slide_obj').length) { if (!useShift && element.parentElement.children === $(element).index() + 1) { $('.feature.kv').find('.carousel').find('> li > a').first().focus(); return false; } else if (useShift && $(element).index() === 0) { // slide prevent if ($('.feature.kv').data('slideData') !== undefined) { return false; } $('.feature.kv').find('.kv_slide').find('> li').eq($('.feature.kv').find('.carousel').find('> li.active').index() + 1).find('a, button').last().focus(); return false; } } // learn more <-- indicator [mobile] if ($(element).parents('.carousel').length && page.mode === 'm') { if (useShift && $(element).parent().index() === 0) { // slide prevent if ($('.feature.kv').data('slideData') !== undefined) { return false; } $('.feature.kv').find('.kv_slide').find('> li').eq($('.feature.kv').find('.carousel').find('> li.active').index() + 1).find('a, button').last().focus(); return false; } } // kv popup rotate if ($(element).parents('.video-inner-popup').length && $('.feature.kv').find('.video-inner-popup').hasClass('displayed')) { if (useShift && $(element).index() === 0) { $('.feature.kv').find('.video-inner').find('> button').focus(); return false; } else if (!useShift && element.parentElement.children.length === $(element).index() + 1) { $('.feature.kv').find('.video-wrap').focus(); return false; } } }); //f01 $('.feature.f01').on('keydown', function(event) { if (event.keyCode !== 9) { return; } var element = event.target, useShift = event.shiftKey; // rolling button (auto) <-- f01 --> learn more if (element === $('.feature.f01')[0] && page.mode === 'm') { if (!useShift) { $('.feature.f01').find('.column_ul').find('> li').eq($('.feature.f01').find('ul.mo_only').find('> li.active').index()).find('a').focus(); return false; } } // f01 <-- learn more --> indicator if ($(element).parents('.column_ul').length && page.mode === 'm') { if (!useShift) { $('.feature.f01').find('ul.mo_only').find('> li').first().find('a').focus(); return false; } else { $('.feature.f01').focus(); return false; } } // learn more <-- indicator if ($(element).parents('ul.mo_only').length && page.mode === 'm') { if (useShift && $(element).parent().index() === 0) { $('.feature.f01').find('.column_ul').find('> li').eq($('.feature.f01').find('ul.mo_only').find('> li.active').index()).find('a').focus(); return false; } } }); //popup var popup = $('#content > div > .video-inner-popup'); popup.on('keydown', function(event) { if (event.keyCode !== 9) { return; } var element = event.target, useShift = event.shiftKey; // popup rotate if ($(element).parents('.video-inner-popup').length && popup.hasClass('displayed')) { if (useShift && $(element).index() === 0) { popup.find('.video-inner').find('> a.close').focus(); return false; } else if (!useShift && element.parentElement.children.length === $(element).index() + 1) { popup.find('.video-wrap').focus(); return false; } } }); resizeEvent.add(updateFocusHandler); scrollEvent.add(updateFocusHandler); updateFocusList(); window.updateFocus = updateFocusList; }); //lazy - temporary $(function() { //lazy function lazyBase() { if (viewportWidth() > 768) { $("img.mo-lazy").each(function() { $(this).remove(); }); $("img").removeClass("pc-lazy"); }else{ $("img.pc-lazy").each(function() { $(this).remove(); }); $("img").removeClass("mo-lazy"); } if ($("img.pc-lazy").length === 0 && $("img.mo-lazy").length === 0) { active = false; lazyLoad(); } } var active = true; function lazyLoad() { if (active == false) { active = true; setTimeout(function() { $("img.js-img-lazy").each(function() { var updateAble = false; if (!$(this).hasClass("lazyIng")) { if ($(this).parent().hasClass("video_img")) { if ((this.getBoundingClientRect().top <= window.innerHeight && this.getBoundingClientRect().bottom >= 0) && getComputedStyle(this).display !== "none" && $(this).parent().parent().parent().hasClass("active") && $(this).parent().parent().parent().css("opacity") == 1) { updateAble = true; } // 20.12.11 Slide Update if ((this.getBoundingClientRect().top <= window.innerHeight && this.getBoundingClientRect().bottom >= 0)) { if (f03sliderIdx == sliderArray[$(this).parent().parent().parent().index()]) { updateAble = true; } } // End }else if ($(this).parent().hasClass("video_bg")) { if ((this.getBoundingClientRect().top <= window.innerHeight && this.getBoundingClientRect().bottom >= 0) && getComputedStyle(this).display !== "none" && $(this).parent().css("opacity") == 1) { updateAble = true; } }else if ($(this).parent().hasClass("page_obj")) { if ((this.getBoundingClientRect().top <= window.innerHeight && this.getBoundingClientRect().bottom >= 0) && getComputedStyle(this).display !== "none" && $(this).parents(".contents_li").hasClass("active")) { updateAble = true; } }else if ($(this).parents(".feature").hasClass("f01") && viewportWidth() < 769) { //211015 active 조건 변경 (기존 - $(this).parent().parent().hasClass("active"), 변경 - $(this).parent().parent().index() === $(this).parents(".feature").find('ul.mo_only').find('> li.active').index()) if ((this.getBoundingClientRect().top <= window.innerHeight && this.getBoundingClientRect().bottom >= 0) && getComputedStyle(this).display !== "none" && $(this).parent().parent().index() === $(this).parents(".feature").find('ul.mo_only').find('> li.active').index()) { updateAble = true; } }else{ if ((this.getBoundingClientRect().top <= window.innerHeight && this.getBoundingClientRect().bottom >= 0) && getComputedStyle(this).display !== "none" && $(this).parents("li").css("opacity") == 1) { updateAble = true; } } } if (updateAble) { if (viewportWidth() > 768) { $(this).addClass("lazyIng").before($(this).clone().removeAttr("style").addClass("responsiveImg").attr("src",$(this).attr("data-lazy-pc")).load(function() { if ($(this).parent().find("img").eq(1).hasClass("js-img-src")) { $(this).parent().find("img").eq(1).stop().animate({"opacity":0},600,function(){ $(this).addClass("lazyImage"); $(this).removeClass("js-img-lazy"); }); } }).css({"opacity":0}).stop().animate({"opacity":1},600,function(){ $(this).removeClass("lazyIng"); }).removeClass("js-img-lazy")); }else{ $(this).addClass("lazyIng").before($(this).clone().removeAttr("style").addClass("responsiveImg").attr("src",$(this).attr("data-lazy-mobile")).load(function() { if ($(this).parent().find("img").eq(1).hasClass("js-img-src")) { $(this).parent().find("img").eq(1).stop().animate({"opacity":0},600,function(){ $(this).addClass("lazyImage"); $(this).removeClass("js-img-lazy"); }); } }).css({"opacity":0}).stop().animate({"opacity":1},600,function(){ $(this).removeClass("lazyIng"); }).removeClass("js-img-lazy")); } $('img.responsiveImg').responsive({ size:[ {device:'web',size:null}, {device:'mobile',size:768} ] }); $(this).css({"position":"absolute","top":"0px", "left":"0px"}); } if ($("img.js-img-lazy").length === 0) { document.removeEventListener("scroll", lazyLoad); window.removeEventListener("resize", lazyLoad); window.removeEventListener("orientationchange", lazyLoad); } }); $(".lazyImage").remove(); active = false; }, 200); } }; function lazyReset() { $("img.js-img-lazy").each(function() { if (viewportWidth() > 768) { $(this).addClass("lazyIng").before($(this).clone().addClass("responsiveImg").attr("src",$(this).attr("data-lazy-pc")).load(function() { if ($(this).parent().find("img").eq(1).hasClass("js-img-src")) { $(this).parent().find("img").eq(1).stop().animate({"opacity":0},600,function(){ $(this).addClass("lazyImage"); $(this).removeClass("js-img-lazy"); }); } }).css({"opacity":0}).stop().animate({"opacity":1},600,function(){ $(this).removeClass("lazyIng"); }).removeClass("js-img-lazy")); }else{ $(this).addClass("lazyIng").before($(this).clone().addClass("responsiveImg").attr("src",$(this).attr("data-lazy-mobile")).load(function() { if ($(this).parent().find("img").eq(1).hasClass("js-img-src")) { $(this).parent().find("img").eq(1).stop().animate({"opacity":0},600,function(){ $(this).addClass("lazyImage"); $(this).removeClass("js-img-lazy"); }); } }).css({"opacity":0}).stop().animate({"opacity":1},600,function(){ $(this).removeClass("lazyIng"); }).removeClass("js-img-lazy")); } $('img.responsiveImg').responsive({ size:[ {device:'web',size:null}, {device:'mobile',size:768} ] }); $(this).css({"position":"absolute","top":"0px", "left":"0px"}); if ($("img.js-img-lazy").length === 0) { document.removeEventListener("scroll", lazyLoad); window.removeEventListener("resize", lazyLoad); window.removeEventListener("orientationchange", lazyLoad); } }); $(".lazyImage").remove(); } // responsiveImg $(function(){ var options = { size: [ {device:'web',size:null}, {device:'mobile',size:768} ] } ,list = [] ,win = $(window) ,before_model = null ,inited = false ,chkWidth = 1440; function cal(width){ var model = ''; /*$.each(options.size,function(i,obj){ if(obj.size === null){ model = obj.device; }else if(width<=obj.size){ model = obj.device; return false; } return true; });*/ chkWidth = 1440; model = 'web'; for(var i = 0;i < options.size.length; i++) { if(options.size[i].size>=width && options.size[i].size <= chkWidth) { model = options.size[i].device; if(options.size[i].size != null) chkWidth = options.size[i].size; } } return model; } function sort_func(a,b){ return a.size == null ? false : b.size == null ? true : (a.size > b.size); } function resize(){ //var w = win.width(); var w = viewportWidth(); //console.log("resize viewportWidth : " + w); //initSlider(); //console.log(viewportWidth() + "//" + win.width()); //alert(viewportWidth() + "//" + win.width()); var model = cal(w); //console.log("model : " + model + ", before_model : " + before_model); if(model == before_model) return; before_model = model; $.each(list,function(i,elem){ var src = null; (src = elem.getAttribute('data-media-'+model)) && (elem.src != src) && (elem.src = src); }); } function init(args,THIS){ if(args){ $.extend(options,args); } list = $(THIS); options.size.sort(sort_func); inited || win.on('resize',resize) && (inited = true) resize(); function getInternetExplorerVersion() { var rv = -1; // Return value assumes failure. if (navigator.appName == 'Microsoft Internet Explorer') { var ua = navigator.userAgent; var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); if (re.exec(ua) != null) rv = parseFloat( RegExp.$1 ); } return rv; } var ieVersion = getInternetExplorerVersion(); if (ieVersion == 8) { document.body.onresize = function () { resize(); }; } else { window.addEventListener("resize", resize); } } function refresh(elem){ list = $(elem); } var method = { init: init, refresh: refresh } $.fn.responsive = function(args){ if(typeof args == 'undefined'){ method['init'](null,this); }else if(typeof args == 'object'){ method['init'](args,this); }else if(typeof args == 'string' && method[args]){ method[args](this); } return this; } $('img.responsiveImg').responsive({ size:[ {device:'web',size:null}, {device:'mobile',size:768} ] }); }); function viewportWidth() { //console.log("viewportWidth - clientWidth : " + document.documentElement.clientWidth); //console.log("viewportWidth - innerWidth : " + window.innerWidth); if (typeof document.documentElement.clientWidth != 'undefined' && typeof window.innerWidth != 'undefined') { if(document.documentElement.clientWidth > window.innerWidth) return document.documentElement.clientWidth; else return window.innerWidth; }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { return document.documentElement.clientWidth; }else{ return viewportwidth = document.getElementsByTagName('body')[0].clientWidth; } } function check_allDevice(){ var mobileKeyWords = new Array('iPhone', 'iPad', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson'); //160625 device ��Ͽ� ipad �߰� var device_name = ''; for (var word in mobileKeyWords){ if (navigator.userAgent.match(mobileKeyWords[word]) != null){ device_name = mobileKeyWords[word]; break; } } return device_name; } var lazyLoadHandler = function() { lazyBase(); }; var lazyChangeHandler = function() { lazyLoad(); }; loadEvent.add(lazyLoadHandler); resizeEvent.add(lazyChangeHandler); scrollEvent.add(lazyChangeHandler); //211015 추가 window.lazyForceReload = lazyLoad; }); // responsiveImg $(function(){ var options = { size: [ {device:'web',size:null}, {device:'mobile',size:768} ] } ,list = [] ,win = $(window) ,before_model = null ,inited = false ,chkWidth = 1440; function cal(width){ var model = ''; /*$.each(options.size,function(i,obj){ if(obj.size === null){ model = obj.device; }else if(width<=obj.size){ model = obj.device; return false; } return true; });*/ chkWidth = 1440; model = 'web'; for(var i = 0;i < options.size.length; i++) { if(options.size[i].size>=width && options.size[i].size <= chkWidth) { model = options.size[i].device; if(options.size[i].size != null) chkWidth = options.size[i].size; } } return model; } function sort_func(a,b){ return a.size == null ? false : b.size == null ? true : (a.size > b.size); } function resize(){ //var w = win.width(); var w = viewportWidth(); //console.log("resize viewportWidth : " + w); //initSlider(); //console.log(viewportWidth() + "//" + win.width()); //alert(viewportWidth() + "//" + win.width()); var model = cal(w); //console.log("model : " + model + ", before_model : " + before_model); if(model == before_model) return; before_model = model; $.each(list,function(i,elem){ var src = null; (src = elem.getAttribute('data-media-'+model)) && (elem.src != src) && (elem.src = src); }); } function init(args,THIS){ if(args){ $.extend(options,args); } list = $(THIS); options.size.sort(sort_func); inited || win.on('resize',resize) && (inited = true) resize(); function getInternetExplorerVersion() { var rv = -1; // Return value assumes failure. if (navigator.appName == 'Microsoft Internet Explorer') { var ua = navigator.userAgent; var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); if (re.exec(ua) != null) rv = parseFloat( RegExp.$1 ); } return rv; } var ieVersion = getInternetExplorerVersion(); if (ieVersion == 8) { document.body.onresize = function () { resize(); }; } else { window.addEventListener("resize", resize); } } function refresh(elem){ list = $(elem); } var method = { init: init, refresh: refresh } $.fn.responsive = function(args){ if(typeof args == 'undefined'){ method['init'](null,this); }else if(typeof args == 'object'){ method['init'](args,this); }else if(typeof args == 'string' && method[args]){ method[args](this); } return this; } $('img.responsiveImg').responsive({ size:[ {device:'web',size:null}, {device:'mobile',size:768} ] }); }); function viewportWidth() { //console.log("viewportWidth - clientWidth : " + document.documentElement.clientWidth); //console.log("viewportWidth - innerWidth : " + window.innerWidth); if (typeof document.documentElement.clientWidth != 'undefined' && typeof window.innerWidth != 'undefined') { if(document.documentElement.clientWidth > window.innerWidth) return document.documentElement.clientWidth; else return window.innerWidth; }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { return document.documentElement.clientWidth; }else{ return viewportwidth = document.getElementsByTagName('body')[0].clientWidth; } } function check_allDevice(){ var mobileKeyWords = new Array('iPhone', 'iPad', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson'); //160625 device ��Ͽ� ipad �߰� var device_name = ''; for (var word in mobileKeyWords){ if (navigator.userAgent.match(mobileKeyWords[word]) != null){ device_name = mobileKeyWords[word]; break; } } return device_name; } }); </script>  </div> <div class="st-led-static-content section">  <style scoped="scoped"> .mo_only { display: none; } .f01 .column_ul > li > a img.mo-lazy {display: none;} .txt_fff { color: #fff; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.6), 0 1px 5px rgba(0, 0, 0, 1), 0 1px 5px rgba(0, 0, 0, 1); } .shadow_fff { text-shadow: 0 1px 5px rgba(255, 255, 255, 0.6), 0 1px 5px rgba(255, 255, 255, 1), 0 1px 5px rgba(255, 255, 255, 1); } .f01 hr { width: 40px; height: 5px; margin: 0 auto; background: #000; border: none; } .f01 h3,.f02 h3 {font-family: "SamsungSharpSans", arial; font-weight: bold;letter-spacing: 0; text-align: center; } .f01 .column_ul { width: 100%; overflow: hidden; } .f01 .column_ul > li { overflow: hidden; float: left; display: block; width: 32.22%; margin-right: 1.67%; height: 261px;} .f01 .column_ul > li:last-child { float: right; margin-right: 0; } .f01 .column_ul > li > a { overflow: hidden; position: relative; display: inline-block; width: 100%; height: 100%; min-height:261px;} .f01 .column_ul > li > a img {display: block; width: 100%; height: 100%; transform: scale(1.01); -webkit-transition-duration: 0.45s; transition-duration: 0.45s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease; transition-timing-function: ease;} .f01 .column_ul > li > a > h4 { display: block; position: absolute; bottom: 22px; width: 100%; font-weight: normal; font-size: 18px; text-align: center; text-decoration: none; letter-spacing: -0.45px;} .f01 .column_ul > li > a:focus img:not(.play_btn img), .f01 .column_ul > li > a:hover img:not(.play_btn img) {transform: scale(1.1);} .f01 .column_ul > li > a:focus > h4, .f01 .column_ul > li > a:hover > h4 { text-decoration: underline; text-underline-position: under; font-weight: bold;} .f01 .column_ul > li > a:focus, .f01 .column_ul > li > a:hover { text-decoration: underline; text-underline-position: under; font-weight: bold;} .f01 .video-thumb{position:relative;} .f01 .play_btn{position:absolute;width:67px;top:50%;left:50%;transform: translate(-50%, -50%);} .f01 .play_btn img{width:100%;} a.btn_play:after {display: block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 91px; height: 91px; background: url('//images.samsung.com/is/image/samsung/p5/led/main/play_btn.png') no-repeat center / cover;} .video_popup {z-index: 1000 !important; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);opacity: 0;} .video_popup .popup_inner {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; max-width: 1807px; height: 95%; max-height: 930px;} .video_popup .popup_inner > div {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .video_popup .popup_inner #videoArea {width: 100%; height: 100%;} .video_popup .popup_inner #videoArea > iframe {width: 100%; height: 100%;} .video_popup .popup_inner .close {position: absolute; top: 50px; right: 0; display: block; width: 65px; height: 65px; background: no-repeat url('//cdn.samsung.com/etc/designs/smg/global/imgs/btn-close-white.png');} @media screen and (max-width: 1440px) { .txt_fff { color: #fff; text-shadow: 0 1px 0.35vw rgba(0, 0, 0, 0.6), 0 1px 0.35vw rgba(0, 0, 0, 1), 0 1px 0.35vw rgba(0, 0, 0, 1); } .shadow_fff { text-shadow: 0 1px 0.35vw rgba(255, 255, 255, 0.6), 0 1px 0.35vw rgba(255, 255, 255, 1), 0 1px 0.35vw rgba(255, 255, 255, 1); } .f01 hr { width: 2.7777vw; height: 0.3472vw; } .f01 .column_ul > li > a > h4 { bottom: 1.53vw; font-size: 1.25vw; } .f01 .column_ul > li {height:18.125vw;} .f01 .column_ul > li > a { min-height:18.125vw;} .f01 .play_btn{width:4.65vw;} a.btn_play:after {width: 6.32vw; height: 6.32vw;} .video_popup {z-index: 1000 !important; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);opacity: 0;} .video_popup .popup_inner {position: relative; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; max-width: 125.49vw; height: 95%; max-height: 64.58vw;} .video_popup .popup_inner > div {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .video_popup .popup_inner #videoArea {width: 100%; height: 100%;} .video_popup .popup_inner #videoArea > iframe {width: 100%; height: 100%;} .video_popup .popup_inner .close {position: absolute; top: 3.47vw; right: 0; display: block; width: 4.51vw; height: 4.51vw; background: no-repeat url('//cdn.samsung.com/etc/designs/smg/global/imgs/btn-close-white.png');} } @media screen and (max-width: 1024px) { .f01 .column_ul > li > a > h4 { font-size: 13px; } } @media screen and (max-width: 800px) { .f01 br.pc_only{display:none;} } @media screen and (max-width: 768px) { .f01 .column_ul > li > a img.pc-lazy {display: none;} .f01 .column_ul > li > a img.mo-lazy {display: block;} .mo_only { display: block; width: 100%; margin: 4.95vw 0 6.8055vw; padding-left: 0.8333vw; text-align: center; } .feature { max-width: 768px; } .txt_fff {text-shadow: 0px 1px 0.69vw rgba(0, 0, 0, 0.8), 0px 1px 1.67vw rgba(0, 0, 0, 0.8);} .shadow_fff {text-shadow: 0px 1px 0.69vw rgba(255, 255, 255, 0.8), 0px 1px 1.67vw rgba(255, 255, 255, 0.8);} .f01 hr { width: 5.5555vw; height: 0.6944vw; } .f01 { overflow: hidden; } .f01 .column_ul { position: relative; width: 100%; min-width: 320px; overflow: hidden; } .f01 .column_ul > li { position: relative; top: 0; left: 0; overflow: hidden; float: left; display: inline-block; width: 100%; margin-right: 0; height:56.12vw;} .f01 .column_ul > li > a { min-height:56.12vw;} .f01 .column_ul > li:first-child { position: relative;} .f01 .column_ul > li:last-child { float: left; margin-right: 0; } .f01 .column_ul > li > a { display: inline-block; width: 100%; height: 100%; } .f01 .column_ul > li > a > h4 { box-sizing: border-box; display: block; position: absolute; bottom: 4.3055vw; width: 100%; padding: 0 6.67vw; font-size: 4.44vw; line-height: 5.56vw; font-weight: bold; text-align: center; text-decoration: none; } .f01 .column_ul > li > a:focus img:not(.play_btn img), .f01 .column_ul > li > a:hover img:not(.play_btn img){transform: scale(1.01);} .f01 .column_ul > li > a:focus > h4, .f01 .column_ul > li > a:hover > h4 {text-decoration: none;} .f01 .play_btn{width:17.02vw;} .mo_only > li { display: inline-block; width: 3.125vw; min-width: 15px; height: 3.125vw; min-height: 15px; margin-right: 2.5vw; } .mo_only > li:last-child {margin-right: 0;} .mo_only > li.active { border-radius: 50vh; background: #636363;} .mo_only > li > a { box-sizing: border-box; display: inline-block; width: 100%; height: 100%;border-radius: 50vh; border: 2px solid #636363;} a.btn_play:after {width: 11.85vw; height: 11.85vw; background: url('//images.samsung.com/is/image/samsung/p5/led/main/play_btn-m.png') no-repeat center / cover;} .video_popup .popup_inner {left: 0; transform: translateY(-50%); width: 100%; max-height: 56.25vw;} .video_popup .popup_inner .close {top: auto; bottom: 70%; width: 7.51vw; height: 7.51vw; background-size: 3.74vw 3.74vw;} } @media screen and (max-width: 320px) { .mo_only { margin: 16px 0 22px; padding-left: 3px; } .feature { min-width: 320px; } .txt_fff {text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8), 0px 1px 5px rgba(0, 0, 0, 0.8);} .shadow_fff {text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.8), 0px 1px 5px rgba(255, 255, 255, 0.8);} .f01 hr { width: 18px; height: 2px; } .f01 .column_ul {min-height: 191px; } .f01 .column_ul > li {height: 180px;} .f01 .column_ul > li > a { min-height:180px;} .f01 .column_ul > li > a > h4 { bottom: 14px; padding: 0 21px; font-size: 14px; line-height: 18px; } .f01 .play_btn{width:54px;} .mo_only > li { width: 15px; height: 15px; margin-right: 10px; } a.btn_play:after {width: 38px; height: 38px;} .video_popup .popup_inner {max-height: 180px;} .video_popup .popup_inner .close {width: 24px; height: 24px;} } </style>  <div class="feature f01" tabindex="0"> <h3>News & Events</h3> <ul class="column_ul"> <li> <a href="/about-us/news-events/news/news-detail-68/" title="LEARN MORE : Go to IAA-Mobility-2023 Page" data-omni=""> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/main/common.png" data-media-web="//image.led.samsung.com/image/samsung/p6/led/about-us/news-events/news/news-detail-68/IAA-MOBILITY-2023_dl2_TH.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/about-us/news-events/news/news-detail-68/IAA-MOBILITY-2023_dl2_Body.jpg?$ORIGIN_JPG$" alt="IAA-Mobility-2023"/> <h4 class="txt_fff">IAA MOBILITY 2023</h4> </a> </li> <li><a href="/about-us/news-events/events/events-detail-55/" title="LEARN MORE : Go to GreenTech 2023 Page" data-omni=""> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/main/common.png" data-media-web="//image.led.samsung.com/image/samsung/p6/led/main/news-thumb/thumb-GreenTech-2023.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/main/news-thumb/thumb-GreenTech-2023-m.jpg?$ORIGIN_JPG$" alt="GreenTech 2023"/> <h4 class="txt_fff">GreenTech 2023</h4> </a></li> <li><a href="#" class="btn_play" data-src="fUDqCJRejfo" title="LEARN MORE : Go to Energizing LED Experimental Study Page" data-omni=""> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/main/common.png" data-media-web="//image.led.samsung.com/image/samsung/p6/led/main/news-thumb/thumb-Energizing-LED-Experimental-Study.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/main/news-thumb/thumb-Energizing-LED-Experimental-Study-m.jpg?$ORIGIN_JPG$" alt="Energizing LED Experimental Study"/> <h4 class="txt_fff">Energizing LED: Experimental Study</h4> </a></li> </ul> <ul class="mo_only"> <li class="active"><a href="#" title=""></a></li> <li><a href="#" title=""></a></li> <li><a href="#" title=""></a></li> </ul> </div> <div class="video_popup" style=""> <div class="popup_inner"> <div id="videoArea"></div> <a href="#" class="close"></a> </div> </div>  <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,$){ var youTubeIframeAPILoaded = null; function youTubeIframeAPILoader() { youTubeIframeAPILoaded = false; var script = document.createElement('script'); script.src = 'https://www.youtube.com/iframe_api'; var firstScript = document.querySelector('script'); if (firstScript) { firstScript.parentNode.insertBefore(script, firstScript); } else { document.head.appendChild(script); } } function onYouTubeIframeAPIReady() { youTubeIframeAPILoaded = true; } window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady; youTubeIframeAPILoader(); !function() { var videoPopup = $('.video_popup'); if (!videoPopup.length) { return; } videoPopup.videoId = null; videoPopup.videoArea = videoPopup.find('#videoArea'); videoPopup.videoArea.output = null; videoPopup.videoArea.player = null; function fixed(useFixed) { var html = document.documentElement; var $html = $(html); var condition = useFixed || getComputedStyle(html).position !== 'fixed'; if (condition) { html.dataY = window.scrollY; $html.css({'position': 'fixed', 'top': -window.scrollY, 'width': '100%'}); } else { $html.css({'position': '', 'top': '', 'width': ''}); if (html.dataY !== void 0) { $html.scrollTop(html.dataY); delete html.dataY; } } } function loadVideo() { if (!youTubeIframeAPILoaded) { return; } if (videoPopup.videoId === null) { return; } var div = document.createElement('div'); videoPopup.videoArea.output = $(div); videoPopup.videoArea.append(videoPopup.videoArea.output); videoPopup.videoArea.player = new YT.Player(div, { videoId: videoPopup.videoId, events: { 'onReady': function(event) { event.target.playVideo(); } } }); } function reset() { if (videoPopup.videoArea.player !== null) { videoPopup.videoArea.player.destroy(); videoPopup.videoArea.player = null; } if (videoPopup.videoArea.output !== null) { videoPopup.videoArea.output.remove(); videoPopup.videoArea.output = null; } videoPopup.videoId = null; } function set(videoId) { if (videoId !== "") { videoPopup.videoId = videoId; } } function show() { fixed(); loadVideo(); videoPopup.css({'display': 'block', 'opacity': 0}); videoPopup.stop().animate({'opacity': 1}, 500); } function hide() { videoPopup.css({'display': 'block', 'opacity': 1}); videoPopup.stop().animate({'opacity': 0}, 500, function() { videoPopup.css({'display': '', 'opacity': ''}); reset(); fixed(); }); } $('.feature').on('click', '[data-src]', function() { var videoId = $(this).attr('data-src'); if (videoId !== "") { set(videoId); } if (videoPopup.videoId !== null) { show(); } return false; }); videoPopup.on('click', '.close', function() { hide(); }); window.popup = { set: set, show: show, hide: hide }; }(); }); </script>  </div> <div class="st-led-static-content section">  <style scoped="scoped"> .f02 .contents > li img.mo-lazy {display: none;} .feature.f02 {max-width: calc(1440px + 3.88em);} .feature.f02 h3 {padding-bottom: 0;padding-top: 80px;} .f02 .tab_ul {line-height: 24px;text-align: center;} .f02 .tab_ul li {position: relative; display: inline-block; margin: 0 22px;} .f02 .tab_ul li span {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: #000; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: width; transition-property: width; -webkit-transition-timing-function: ease; transition-timing-function: ease;} .f02 .tab_ul li.active, .f02 .tab_ul li a:hover, .f02 .tab_ul li a:focus {color: #000;} .f02 .tab_ul li.active span {width: 100%;} .f02 .contents_wrap {overflow: hidden;} .f02 .contents_ul {overflow: hidden; position: relative; width: 300vw; margin-top: 8px;} .f02 .contents_ul > li {float: left; width: 100vw; max-width: 1440px; padding: 21px 1.94em 1.94em;} .f02 .contents_ul > li a {display: block; width: 100%; height: 100%;} .f02 .contents_ul > li img {height: 100%;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(2) {float: right; margin-right: 0;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(3) {width: 23.65%;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(4) {width: 23.65%; margin-right: 0;} .f02 .contents {display: table; position: relative; width: 100%;} .f02 .contents > li {position: relative; float: left; display: inline-block; margin-right: 1.8%; margin-bottom: 1.8%;} .f02 .contents > li {width: 49.1%;} .f02 .contents.tech > li {width: 32.22%; margin-right: 1.67%;} .f02 .contents.tech > li:last-child {margin-right: 0;} .f02 .contents > li .page_obj {overflow: hidden; position: relative; height: 100%; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-timing-function: ease; transition-timing-function: ease;} .f02 .contents > li img {display: block; width: 100%; -webkit-transition-duration: 0.45s; transition-duration: 0.45s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; transform: scale(1.01);} .f02 .contents > li a:focus .page_obj, .f02 .contents > li a:hover .page_obj {box-shadow: 0px 0.917em 1.94em 0.04em rgba(0,0,0,0.25);} .f02 .contents > li a:focus img, .f02 .contents > li a:hover img {position: relative; transform: scale(1.1);} .f02 .contents > li a img.hoverImg {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .f02 .contents > li a:focus img.hoverImg, .f02 .contents > li a:hover img.hoverImg {opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .f02 .contents > li .page_txt {position: absolute; bottom: 30px; width: 100%; text-align: center;} .f02 .contents > li .page-title {margin-bottom: 9px; font-weight: bold; font-size: 16px; line-height: 24px;} .f02 .contents > li.big_txt .page-title {margin-bottom: 13px; font-size: 28px;} .f02 .contents.tech > li.big_txt .page-title {padding-top: 91px; background-repeat: no-repeat; background-size: auto 49.57%; background-position: center top;} .f02 .contents.tech > li.big_txt:nth-child(1) .page-title {background-image: url('//image.led.samsung.com/image/samsung/p6/semiconductor/minisite/exynos/homepage/kf2-ico-01.png?$ORIGIN_PNG$');} .f02 .contents.tech > li.big_txt:nth-child(2) .page-title {background-image: url('//image.led.samsung.com/image/samsung/p6/semiconductor/minisite/exynos/homepage/kf2-ico-02.png?$ORIGIN_PNG$');} .f02 .contents.tech > li.big_txt:nth-child(3) .page-title {background-image: url('//image.led.samsung.com/image/samsung/p6/semiconductor/minisite/exynos/homepage/kf2-ico-03.png?$ORIGIN_PNG$');} .f02 .contents.tech > li.big_txt:nth-child(1) .page-title{background-image:none;} .f02 .contents.tech > li.big_txt:nth-child(2) .page-title{background-image:none;} .f02 .contents.tech > li.big_txt:nth-child(3) .page-title{background-image:none;} .f02 .contents > li .page-desc {margin: 21px 0 22px; font-size: 18px; line-height: 22px;} .f02 .contents.application > li .page_txt {bottom: auto; top: 39px; padding: 0 40px; text-align: left;} .f02 .contents.application > li .page_txt .page-title {text-transform: uppercase;} .f02 .contents > li.txt-white .page-title {color: #fff;} .f02 .contents > li.txt-white .page-desc {color: #fff;} .f02 .contents > li .s-btn-encased {opacity: 0; transform: translateY(15px); padding: 14px 27px 12px; transition: 0.35s opacity linear, 0.35s 0.05s transform linear, background 0.5s ease, color 0.5s ease, border-color 0.5s ease, color 0.5s ease; border-color: #555; color: #555;} .f02 .contents > li .s-btn-encased:hover {background: #555; color: #fff !important;} .f02 .contents > li.txt-white .s-btn-encased {border-color: #fff; color: #fff;} .f02 .contents > li.txt-white .s-btn-encased:hover {background: #fff; color: #000 !important;} .f02 .contents > li a:focus .s-btn-encased, .f02 .contents > li a:hover .s-btn-encased {opacity: 1; transform: translateY(0);} .f02 .contents > li a .s-btn-encased:focus, .f02 .contents > li a .s-btn-encased:hover {background: #555; color: #fff;} .f02 .tab_ul li:nth-child(1) {transition: none; transform: translate(0, 20px); opacity: 0;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(1) {height:765px;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(2) {height:370px;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(3) {height:368px;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(4) {height:368px;} @media screen and (max-width: 1502px) { .f02 .contents_ul > li {padding: 21px calc(((100% / 3) - 1440px) / 2) 2.13vw;} } @media screen and (max-width: 1440px) { .feature.f02 h3 {padding-top: 5.56vw;} .f02 .tab_ul {line-height: 1.67vw;} .f02 .tab_ul li {margin: 0 1.53vw;} .f02 .tab_ul li span {height: 0.21vw; min-height: 1px;} .f02 .contents_ul {margin-top: 0.56vw;} .f02 .contents_ul > li {padding: 1.46vw 0 2.13vw !important;} .f02 .contents > li .page_txt {bottom: 2.08vw;} .f02 .contents > li .page-title {margin-bottom: 0.625vw; font-size: 1.11vw; line-height: 1.67vw;} .f02 .contents > li.big_txt .page-title {margin-bottom: 0.9vw; font-size: 1.94vw;} .f02 .contents.tech > li.big_txt .page-title {padding-top: 6.32vw;} .f02 .contents > li .page-desc {margin: 1.46vw 0 1.53vw; font-size: 1.25vw; line-height: 1.53vw;} .f02 .contents.application > li .page_txt {top: 2.71vw; padding: 0 2.78vw;} .f02 .contents > li .s-btn-encased {padding: 0.97vw 1.875vw 0.83vw;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(1) {height:53.125vw;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(2) {height:25.694vw;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(3) {height:25.556vw;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(4) {height:25.556vw;} } @media screen and (max-width: 1024px) { .f02 .contents > li .page-title {font-size: 13px; line-height: 19px;} .f02 .contents > li.big_txt .page-title {margin-bottom: 11px; font-size: 20px;} .f02 .contents > li .page-desc {font-size: 13px; line-height: 16px;} } @media screen and (max-width: 768px) { .f02 .contents > li img.pc-lazy {display: none;} .f02 .contents > li img.mo-lazy {display: block;} .feature.f02{padding-bottom: 15.63vw;} .feature.f02 h3 {padding-top: 8.33vw;} .f02 .tab {position: relative;} .f02 .tab::before {z-index: 1; content: ''; position: absolute; top: 0; left: 0; width: 19px; height: 100%; background: url('//image.led.samsung.com/image/samsung/p6/semiconductor/minisite/exynos/homepage/kf2-tab-edge-l.png?$ORIGIN_PNG$') repeat-y; background-size: 100% auto;} .f02 .tab::after {z-index: 1; content: ''; position: absolute; top: 0; right: 0; width: 19px; height: 100%; background: url('//image.led.samsung.com/image/samsung/p6/semiconductor/minisite/exynos/homepage/kf2-tab-edge-r.png?$ORIGIN_PNG$') repeat-y; background-size: 100% auto;} .f02 .tab_wrap {overflow: hidden; padding-bottom: 2.8vw;} .f02 .tab_ul {display: table; padding: 0 3.47vw;margin:0 auto; line-height: 4.44vw;} .f02 .tab_ul li {display: table-cell; margin: 0;} .f02 .tab_ul li span {height: 0.28vw;} .f02 .tab_ul li.active span {width: calc(100% - 5vw);} .f02 .contents > li {margin-right: 0; margin-bottom: 2.22%;} .f02 .contents_ul {margin-top: 2.8vw;} .f02 .contents_ul > li {padding: 0 !important;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(3) {width: 48.89%; margin-right: 2.22%} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(4) {width: 48.89%;} .f02 .contents > li {width: 100%;} .f02 .contents.tech > li {width: 100%; margin-right: 0;} .f02 .contents > li a:focus img, .f02 .contents > li a:hover img {transform: none;} .f02 .contents > li a:focus .page_obj, .f02 .contents > li a:hover .page_obj {box-shadow: none;} .f02 .contents > li a:focus img.hoverImg, .f02 .contents > li a:hover img.hoverImg {opacity: 0;} .f02 .contents > li .page_txt {overflow: visible; bottom: 3.19vw;} .f02 .contents > li .page-title {margin-bottom: 5.83vw; font-size: 3.33vw; line-height: 4.44vw;} .f02 .contents > li.big_txt .page-title {margin-bottom: 5.83vw; font-size: 3.89vw;} .f02 .contents.tech > li.big_txt .page-title {margin-bottom: 0; padding-top: 12.36vw; background-size: auto 48.37%;} .f02 .contents > li .page-desc {margin: 2.22vw 0 5.83vw; font-size: 3.06vw; line-height: 3.06vw;} .f02 .contents.application > li .page_txt {top: 3.75vw; padding: 0 3.75vw; width: 100%; box-sizing: border-box;} .f02 .contents > li.big_txt .s-btn-encased {margin-left: 0.14vw;} .f02 .contents > li .s-btn-encased {opacity: 0; display: none; transform: none; padding: 2.92vw 5.83vw 2.64vw;} .f02 .contents > li.txt-white .s-btn-encased {border-color: #fff; color: #fff;} .f02 .contents > li .s-btn-encased:hover {background: transparent; color: #555 !important;} .f02 .contents > li.txt-white .s-btn-encased:hover {border-color: #fff; color: #fff !important;} .f02 .contents > li a:focus .s-btn-encased, .f02 .contents > li a:hover .s-btn-encased {opacity: 0; transform: none; background: transparent; color: #555;} .f02 .contents > li a:focus.txt-white .s-btn-encased, .f02 .contents > li.txt-white a:hover .s-btn-encased {color: #fff;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(1) {height:69.583vw;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(2) {height:55.416vw;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(3) {height:47.222vw;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(4) {height:47.222vw;} } @media screen and (max-width: 320px) { .feature.f02{padding-bottom: 50px;} .feature.f02 h3 {padding-top: 27px;} .f02 .contents_ul > li{width:320px;} .f02 .tab_wrap {padding-bottom: 9px;} .f02 .tab_ul {padding: 0 11px;line-height: 14px;} .f02 .tab_ul li span {height: 1px;} .f02 .tab_ul li.active span {width: calc(100% - 16px);} .f02 .contents_ul {margin-top: 9px;} .f02 .contents > li .page_txt {bottom: 10px;} .f02 .contents > li .page-title {margin-bottom: 19px; font-size: 11px; line-height: 14px;} .f02 .contents > li.big_txt .page-title {margin-bottom: 19px; font-size: 12px;} .f02 .contents.tech > li.big_txt .page-title {padding-top: 40px;} .f02 .contents > li .page-desc {margin: 7px 0 19px; font-size: 10px; line-height: 10px;} .f02 .contents.application > li .page_txt {top: 12px; padding: 0 12px;} .f02 .contents > li.big_txt .s-btn-encased {margin-left: 0;} .f02 .contents > li .s-btn-encased {padding: 9px 19px 8px;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(1) {height:223px;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(2) {height:177px;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(3) {height:151px;} .f02 .contents_ul > li:nth-child(1) .contents > li:nth-child(4) {height:151px;} } .f02 .motion_action { transition: transform 0s, opacity 0s; opacity: 0; } .f02.active .motion_action { transition: transform 600ms, opacity 600ms; opacity: 1; } .f02 .tab_ul li.motion_action:nth-child(1) {transition: transform 0s, opacity 0s; transform: translate(0, 20px); opacity: 0;} .f02 .contents_ul > li:nth-child(1) .contents > li.motion_action:nth-child(1) {transform: translate(0, 50px);} .f02 .contents_ul > li:nth-child(1) .contents > li.motion_action:nth-child(2) {transform: translate(0, 100px);} .f02 .contents_ul > li:nth-child(1) .contents > li.motion_action:nth-child(3) {transform: translate(0, 75px);} .f02 .contents_ul > li:nth-child(1) .contents > li.motion_action:nth-child(4) {transform: translate(0, 60px);} .f02.active .tab_ul li.motion_action:nth-child(1) {transition: transform 600ms, opacity 600ms; transform: translate(0, 0); opacity: 1;} .f02.active .contents_ul > li:nth-child(1) .contents > li.motion_action:nth-child(1) {transform: translate(0, 0);transition-delay: 100ms;} .f02.active .contents_ul > li:nth-child(1) .contents > li.motion_action:nth-child(2) {transform: translate(0, 0);transition-delay: 150ms;} .f02.active .contents_ul > li:nth-child(1) .contents > li.motion_action:nth-child(3) {transform: translate(0, 0);transition-delay: 200ms;} .f02.active .contents_ul > li:nth-child(1) .contents > li.motion_action:nth-child(4) {transform: translate(0, 0);transition-delay: 250ms;} </style>  <div class="feature f02" tabindex="0"> <div class="tab"> <div class="tab_wrap"> <ul class="tab_ul"> <li class="motion_action"><h3>Products</h3></li> </ul> </div> </div> <div class="contents_wrap"> <ul class="contents_ul"> <li class="contents_li active"> <ul class="contents product"> <li class="big_txt txt-white motion_action"> <a data-omni="PixCell LED Page" href="/automotive/automotive-modules/pixcell-led/" title="LEARN MORE : Go to PixCell LED Product Page"> <div class="page_obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/main/common.png?$ORIGIN_PNG$" data-media-web="//image.led.samsung.com/image/samsung/p6/led/main/product-pixcell-led.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/main/product-pixcell-led-m.jpg?$ORIGIN_JPG$" alt="An image of PixCell LED lighting on the circuit board."/> </div> <div class="page_txt"> <p class="page-title">PixCell LED</p> <p class="s-btn-encased s-btn-encased-button">Learn More</p> </div> </a> </li> <li class="motion_action"> <a data-omni="LM301B" href="/lighting/mid-power-leds/3030-leds/lm301b/" title="LEARN MORE : Go to LM301B Product Page"> <div class="page_obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/main/common.png?$ORIGIN_PNG$" data-media-web="//image.led.samsung.com/image/samsung/p6/led/main/product-lm301b.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/main/product-lm301b-m.jpg?$ORIGIN_JPG$" alt="Samsung LEDs Mid Power LEDs LM301B"/> </div> <div class="page_txt"> <p class="page-title">LM301B</p> <p class="s-btn-encased s-btn-encased-button">Learn More</p> </div> </a> </li> <li class="motion_action"> <a data-omni="C-series Gen3" href="/automotive/automotive-leds/c-series/" title="LEARN MORE : Go to C-series Gen3 Product Page"> <div class="page_obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/main/common.png?$ORIGIN_PNG$" data-media-web="//image.led.samsung.com/image/samsung/p6/led/main/product-c-series-gen3.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/main/product-c-series-gen3-m.jpg?$ORIGIN_JPG$" alt="Perspective view of 1W White Gen3"/> </div> <div class="page_txt"> <p class="page-title">C-series Gen3</p> <p class="s-btn-encased s-btn-encased-button">Learn More</p> </div> </a> </li> <li class="motion_action"> <a data-omni="I-series Gen3" href="/automotive/automotive-leds/i-series/" title="LEARN MORE : Go to I-series Gen3 Product Page"> <div class="page_obj"> <img class="responsiveImg" src="//image.led.samsung.com/image/samsung/p6/led/main/common.png?$ORIGIN_PNG$" data-media-web="//image.led.samsung.com/image/samsung/p6/led/main/product-i-series-gen3.jpg?$ORIGIN_JPG$" data-media-mobile="//image.led.samsung.com/image/samsung/p6/led/main/product-i-series-gen3-m.jpg?$ORIGIN_JPG$" alt="Samsung Automotive I Series 3W White Gen3 LED"/> </div> <div class="page_txt"> <p class="page-title">I-series Gen3</p> <p class="s-btn-encased s-btn-encased-button">Learn More</p> </div> </a> </li> </ul> </li> </ul> </div> </div> <div class="video-inner-popup"> <div class="dimmed"></div> <div class="video-inner"> <div class="video-wrap" tabindex="0"></div> <a href="#" class="close"></a> </div> </div> </div> </div> </div> <div class="ge-led-layer-exit-modal">  <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">     <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>  <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> <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>  <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</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>  </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>  </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>  <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>  <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 + "\/\/10.10.102.40:8080\/led\/func\/sendmail\/"; </script> </div> <div class="breadcrumb ge-led-breadcrumb">  <nav class="global-element-breadcrumb"> <ol aria-label="breadcrumbs"> <li><em aria-current="location" class="highContrastTarget"></em></li> </ol> </nav> </div> <div class="footer st-led-static-content">  <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>   <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">  <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Lighting" data-led-toggle=""><strong>Lighting</strong></button>  <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list">  <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>  </ul> </div> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category">  <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Automotive" data-led-toggle=""><strong>Automotive</strong></button>  <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list">  <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">  <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Display &amp; Mobile" data-led-toggle=""><strong>Display & Mobile</strong></button>  <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list">  <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">  <button class="global-element-footer-category__title js_footer_category_acco" data-omni="titleEngtext" data-led-toggle=""><strong>Global Sites</strong></button>  <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list">  <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">  <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>  </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">  <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>  </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>  <div class="fab-area"> <a href="#menu" class="btn-goTop" aria-label="Go to Top"></a> </div> </div> </footer>    <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>  </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-main.min.js"></script> </body> </html>

CINXE.COM

Samsung LED | Samsung LED Global Website