CINXE.COM

E Series | SAMSUNG LED | Samsung LED Global Website

<!DOCTYPE html> <html lang="en-GB" itemscope="" itemtype="http://schema.org/WebPage"> <head> <title>E Series | SAMSUNG LED | Samsung LED Global Website</title> <meta name="title" content="E Series | 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/automotive/automotive-leds/e-series/"> <meta name="keywords" content="Samsung, Samsung LED, Automotive LEDs, E Series"> <meta name="description" content="Economic solution with high luminous flux under 1W"> <meta name="date" content="2024-05-27"><!--Latest Publishing Date --> <meta name="sitecode" content="led"> <meta property="og:type" content="website"> <meta itemprop="og:url" content="https://led.samsung.com/automotive/automotive-leds/e-series/"> <meta property="og:title" content="E Series | SAMSUNG LED | Samsung LED Global Website"/> <meta property="og:description" content="Economic solution with high luminous flux under 1W"/> <meta property="og:image" content="https://cdn.samsung.com/etc/designs/smg/global/imgs/logo-square-letter.png"/> <meta itemprop="name" content="Samsung LED"> <meta itemprop="image" content="//cdn.samsung.com/etc/designs/smg/global/imgs/logo-square-letter.png"> <meta itemprop="url" content="//led.samsung.com/automotive/automotive-leds/e-series/"> <meta itemprop="description" content="Economic solution with high luminous flux under 1W"> <meta itemprop="keywords" content="Samsung, Samsung LED, Automotive LEDs, E Series"> <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-pcd.min.css" type="text/css"/> <!--[if lt IE 9]> <script src="/etc/designs/led/global/business/js/modern.lib.min.js"></script> <![endif]--> <script type="text/javascript"> var replaceAll = function(source, regex, replacement) { var regExp = new RegExp(regex, "gi"); return source.replace(regExp, replacement); } var siteCode = "global"; var digitalData = { "page" : { "pageInfo" : { "siteCode" : siteCode, "siteSection" : siteCode + ":" + "led", "pageName" : "", "pageURL" : window.location.href, "pageTrack" : "led product category detail" }, "pathIndicator" : { "depth_2" : "", "depth_3" : "", "depth_4" : "", "depth_5" : "" } }, "product" : { "category" : "", "model_code" : "", "model_name" : "" }, "insight" : { "contents_type" : "", "content_title" : "" } } // Depth Info. var depth = 5; // Set Path Indicator. digitalData.page.pathIndicator.depth_2 = "led"; if (depth >= 3) digitalData.page.pathIndicator.depth_3 = "automotive".toLowerCase(); if (depth >= 4) digitalData.page.pathIndicator.depth_4 = "automotive leds".toLowerCase(); if (depth >= 5) digitalData.page.pathIndicator.depth_5 = "e series".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="bdpnbetio5udwz2het7a-f-47c0faa00-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"1442353","ak.ai":parseInt("889226",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"4dcb4e3c","ak.r":39403,"ak.a2":n,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":44660,"ak.gh":"23.200.218.7","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732715774","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==FJBXWN7SSLoiWleidO+pfo7aXdPcWeFAZ8Zj50zNENE+y+hxCZrmrSUE3a283Czo3Rw0Gre/Yn9IhHFz8REGUD7DYcXSpdSmMdO0cOnD9yTFGDGYB66IfaTEbtx4X4nfDfi5jdq5d5/RXNnFOacEOfip2OzaSvs0GDR0oAifGClmD0FHjWXbi+KD/3PwwXeUNGnz5013xDz8WbDj5M8JF4eXAbTh0c42ThC7ZmgAFlw55+fZ82C7PeiY/v6JHMQUedeGXpOsIIYVGZcOiUvsl7W3H0d03LW7sSoZk9kipbttYG0H9yjhXGpb/buHeOLSkJnOB5rGO85Zzr99jLR3uHVYv0KGvyswr8NXFC7yL/YbQbxlx46qMyzFRxHLSE+eFovSjEXcYxI+lGMLtQH8jvN89wDfCbr2g67S0TAXzkE=","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"><!-- googleoff: all--> <div id="wrap"> <div class="cookie-notice" role="status" style="display:none"> <p class="cookie-notice__desc">This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies.</p> <a href="/privacy/" class="cookie-notice__link">Find out more here</a> <button type="button" class="cookie-notice__btn-close">Close</button> </div> </div> <!-- googleon: all--></div> <!-- googleoff: all--> <div class="global-element-gnb-wrap"> <div class="global-element-gnb-logo"> <a href="/content/led/" class="global-element-gnb-logo-title"> <img src="/etc.clientlibs/led/components/global/content/business/global-element/ge-led-gnb/clientlibs/resources/img/global-samsung-logo.svg" alt="SAMSUNG"/> </a> </div> <nav class="global-element-gnb-list"> <ul class="global-element-gnb-column"> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> Lighting </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center "> <div class="global-element-gnb-category-feature left"> <div class="global-element-gnb-category__feature-title">LIGHTING</div> <div class="global-element-gnb-category__feature-image"> <figure class="global-element-gnb-category__feature__image__picture"> <!-- [WSC-692] GNB - 배너 클릭 가능하게 수정 및 Learn more 버튼 마진 수정 --> <!-- a 태그 추가하였습니다 --> <a href="/lighting/applications/energizing-lighting/"> <picture> <source media="(min-width: 1024px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-lighting-energizing-lighting.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-lighting-energizing-lighting.png?$ORIGIN_PNG$"/> <img loading="lazy" src="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-lighting-energizing-lighting.png?$ORIGIN_PNG$" class="global-element-gnb-category__feature__image" width="128" height="72" alt="Samsung LEDs double arm street lights lighting up both side of roadways"/> </picture> </a> <!-- //a 태그 추가하였습니다 --> </figure> </div> <div class="global-element-gnb-category__feature-summary">Overview Text</div> <a href="/lighting/applications/energizing-lighting/" class="global-element-gnb-learnmore-btn dark-bg btn-large icon-right">LEARN MORE</a> </div> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/lighting/mid-power-leds/"> <span>Mid Power LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/mid-power-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/mid-power-leds/2835-leds/"> 2835 LEDs </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/mid-power-leds/3030-leds/"> 3030 LEDs </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/mid-power-leds/5630-leds/"> 5630 LEDs </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/lighting/high-power-leds/"> <span>High Power LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/high-power-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/high-power-leds/3535-leds/"> 3535 LEDs </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/high-power-leds/5050-leds/"> 5050 LEDs </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/lighting/csp-leds/"> <span>CSP LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/csp-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/csp-leds/mp-csp/"> MP CSP </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/csp-leds/hp-csp/"> HP CSP </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/lighting/cob-leds/"> <span>COB LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/cob-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/cob-leds/c-series/"> C Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/cob-leds/d-series/"> D Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/cob-leds/r-series/"> R Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/cob-leds/t-series/"> T Series </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/lighting/led-modules/"> <span>LED Modules</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/led-modules/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/led-modules/ambient-light-module/"> Ambient Light Module </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/led-modules/downlight-module/"> Downlight Module </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/led-modules/outdoor-light-module/"> Outdoor Light Module </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/led-modules/industrial-light-module/"> Industrial Light Module </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>Applications</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/applications/energizing-lighting/"> Energizing Lighting </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/applications/relaxing-lighting/"> Relaxing Lighting </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/lighting/applications/horticulture-lighting/"> Horticulture Lighting </a> </li> </ul> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> Automotive </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center "> <div class="global-element-gnb-category-feature left"> <div class="global-element-gnb-category__feature-title">C-series Gen3</div> <div class="global-element-gnb-category__feature-image"> <figure class="global-element-gnb-category__feature__image__picture"> <!-- [WSC-692] GNB - 배너 클릭 가능하게 수정 및 Learn more 버튼 마진 수정 --> <!-- a 태그 추가하였습니다 --> <a href="/automotive/automotive-leds/c-series/"> <picture> <source media="(min-width: 1024px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-automotive-c-series.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-automotive-c-series.png?$ORIGIN_PNG$"/> <img loading="lazy" src="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-automotive-c-series.png?$ORIGIN_PNG$" class="global-element-gnb-category__feature__image" width="128" height="72" alt="Samsung LEDs the left body of car with powerful headlamp light"/> </picture> </a> <!-- //a 태그 추가하였습니다 --> </figure> </div> <div class="global-element-gnb-category__feature-summary"></div> <a href="/automotive/automotive-leds/c-series/" class="global-element-gnb-learnmore-btn dark-bg btn-large icon-right">LEARN MORE</a> </div> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/automotive/automotive-leds/"> <span>Automotive LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/c-series/"> C Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/u-series/"> U Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/i-series/"> I Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/t-series/"> T Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/fx-series/"> Fx Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/s-series/"> S Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/p-series/"> P Series </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-leds/e-series/"> E Series </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/automotive/automotive-modules/"> <span>Automotive Modules</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-modules/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/automotive-modules/pixcell-led/"> PixCell LED </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>Applications</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/applications/head-lamp/"> Head Lamp </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/applications/drl-position/"> DRL / Position </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/applications/turn-signal/"> Turn Signal </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/automotive/applications/rcl-chmsl/"> RCL / CHMSL </a> </li> </ul> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> Display &amp; Mobile </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center "> <div class="global-element-gnb-category-feature left"> <div class="global-element-gnb-category__feature-title">Display LEDs</div> <div class="global-element-gnb-category__feature-image"> <figure class="global-element-gnb-category__feature__image__picture"> <!-- [WSC-692] GNB - 배너 클릭 가능하게 수정 및 Learn more 버튼 마진 수정 --> <!-- a 태그 추가하였습니다 --> <a href="/display-mobile/display-leds/"> <picture> <source media="(min-width: 1024px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-displaymobile.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-displaymobile.png?$ORIGIN_PNG$"/> <img loading="lazy" src="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-displaymobile.png?$ORIGIN_PNG$" class="global-element-gnb-category__feature__image" width="128" height="72" alt="Samsung LEDs sunset inside a TV perfectly connected to the real one outside due to bezel-less design"/> </picture> </a> <!-- //a 태그 추가하였습니다 --> </figure> </div> <div class="global-element-gnb-category__feature-summary"></div> <a href="/display-mobile/display-leds/" class="global-element-gnb-learnmore-btn dark-bg btn-large icon-right">LEARN MORE</a> </div> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/display-mobile/display-leds/"> <span>Display LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/display-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/display-leds/edge-display-led/"> Edge Display LED </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/display-leds/direct-display-led/"> Direct Display LED </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>Mobile LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/mobile-leds/mobile-flash-led/"> Mobile Flash LED </a> </li> </ul> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> </ul> <ul class="global-element-gnb-column"> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large" href="/insights/"> Insights </a> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> Support </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center notFeature "> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>Tools</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/support/tools/quick-downloads/"> Quick Downloads </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/support/tools/led-component-calculator/"> LED Component Calculator </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/support/tools/engine-calculator/"> Engine Calculator </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" title="open new window" target="_blank" href="fncontactus"> <span>Contact Us</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/sales-network/"> <span>Sales Network</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/in-brand/"> <span>In-branding Program</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/warranties/"> <span>Warranties</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/ecodesign/"> <span>Ecodesign</span> </a> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> About Us </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center notFeature centered"> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/about-us/business-overview/"> <span>Business Overview</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>News &amp; Events</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/about-us/news-events/news/"> News </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/about-us/news-events/events/"> Events </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/about-us/virtual-exhibition/"> <span>Virtual Exhibition</span> </a> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> </ul> <div class="global-element-gnb-btnMenuPopupClose"> <button type="button" aria-label="close to menu popup"></button> </div> </nav> <div class="global-element-gnb-utility"> <button type="button" class="global-element-gnb-utility__search-btn btnSearchPopupOpen" aria-label="open to search popup"> <img src="/etc.clientlibs/led/components/global/content/business/global-element/ge-led-gnb/clientlibs/resources/img/icon-bold-action-search-wh.svg" aria-hidden="true" alt=""/> </button> <!-- mobile menu --> <button type="button" class="global-element-gnb-utility__menu-btn btnMenuPopupOpen" aria-label="open to menu popup"> <img src="/etc.clientlibs/led/components/global/content/business/global-element/ge-led-gnb/clientlibs/resources/img/icon-regular-navigation-menu-wh.svg" aria-hidden="true" alt=""/> </button> <!-- // mobile menu --> </div> </div> <!--googleon: all--> <div class="search-popup ge-led-search-popup"><!-- googleoff: all--> <!-- 2023_new Search --> <div id="search-popup-01" class="global-element-search none none " aria-hidden="true"> <div class="global-element-search-wrapper"> <div class="global-element-search-form" id="globalElementSearchsearchPopupForm"> <!-- /* heading level none 시 div 태그로 변경 */--> <h2 class="global-element-search-title highContrastTarget h2"> <label for="globalElementSearchinp_search">What are you looking for?</label> </h2> <!-- /* heading level none 시 div 태그로 변경 */--> <div class="fieldset"> <div class="global-element-search-inputbox-wrap" tabindex="0"> <!-- /* placeholder 최대 20자 (기능 구현 불가) */ --> <input class="global-element-search-inputbox" id="globalElementSearchinp_search" type="search" value="" placeholder="Search keyword" autocomplete="off" maxlength="110"/> <button type="button" class="btn-input-clear" aria-label="clear input field"></button> <!-- /* related-searches */ --> <div class="global-element-search-related-searches search-extends" aria-hidden="true"> <dl> <dt class="highContrastTarget">Related Searches</dt> </dl> <!-- 220405 레이어 닫기 버튼 추가 --> <div><button type="button" class="search-extends-close">Close</button></div> </div> <!-- /* related-searches */ --> <!-- /* search-history */ --> <div class="global-element-search-history search-extends" aria-hidden="true"> <dl> <dt class="highContrastTarget">Search History</dt> </dl> <button type="button" class="btn-clear-all light-bg btn-medium"> Clear All </button> <div><button type="button" class="search-extends-close">Close</button></div> </div> <!-- /* search-history */ --> <div class="global-element-search-no-suggestions search-extends" aria-hidden="true">Hit Enter to Search</div> <button type="button" class="btn-newsSubmitSearch" aria-label="submit"></button> </div> <div class="global-element-search-recommend-chips"> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">Horticulture</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">PixCell LED</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">Mini LED</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">LM301H EVO</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">LH508D</a> </div> <button type="button" class="btnSearchPopupClose" aria-label="close search popup"></button> </div> </div> </div> </div> <!-- // 2023_new Search --> <!--googleon: all--></div> </header> <div id="pageUtilHeader" data-run-mode="[prd][s7connect][crx3][nosamplecontent][publish][live][crx3tar]" data-new-search-domain="https://search.led.samsung.com" data-scene7-image-domain="https://image.led.samsung.com/image/samsung/p6" data-scene7-content-domain="https://image.led.samsung.com/content/samsung/p6" style="display:none"> </div> <div id="content" role="main"> <!-- include the parsys component --> <div class="par parsys"><div class="he-led-hero-carousel section"> <section class="hero-carousel js-home-components" id="he-led-hero-carousel_01"> <div class="hero-carousel__slide-wrap s-slick js-prd-eco-high-carousel slide-title__type-h2"> <div class="hero-carousel__slide"> <div class="hero-carousel__img-wrap "> <img class="js-img-src js-img-lazy" width="1440" height="645" alt="Samsung Automotive LED E Series" data-src-pc="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/e-series/automotive-led-e-series-desktop.png?$ORIGIN_PNG$" data-src-mobile="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/e-series/automotive-led-e-series-mobile.png.jpg?$ORIGIN_JPG$" src="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/e-series/automotive-led-e-series-desktop.png?$ORIGIN_PNG$"/> <noscript> <img alt="Samsung Automotive LED E Series" src="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/e-series/automotive-led-e-series-desktop.png?$ORIGIN_PNG$"/> </noscript> </div> <div class="hero-carousel__text-wrap hero-carousel__text-left "> <h2 id="he-led-hero-carousel_01_01021_1" class="hero-carousel__slide-title">Economic solutionwith high luminous flux</h2> <p class="hero-carousel__text-body" id="he-led-hero-carousel_01_0103_1">A good balance between performance and cost,especially suitable for signal lamp applications</p> </div> </div> </div> <div class="s-video-area video-area_5 hero-carousel-video-area"> <div class="s-video-wrap video-wrap"> <div id="he-led-hero-carousel_02_Video" class="s-video-container brightCoveArea"></div> <button id="he-led-hero-carousel_02_1001" type="button" class="s-media-close brightcove-bcc-btn-close js-pop-close" data-div-id="he-led-hero-carousel_02_Video">Close</button> </div> </div> </section> </div> <div class="fb-led-feature-three-column-standard section"> <section id="fb-led-feature-three-column-standard_01" class="feature-three-column-standard js-home-components"> <h2 class="feature-three-column-standard__title" data-omni="cost effective solution with high-performance capabilities">Cost effective solution with high-performance capabilities</h2> <p class="feature-three-column-standard__dec">Optimized package structure offers not only a wide range of design versatility but also economic advantages</p> <div class="feature-three-column-standard__slide-wrap s-slick js-prd-eco-high-carousel "><!-- /* text align type left (default left) */ --> <div class="feature-three-column-standard__slide"> <div class="feature-three-column-standard__img-wrap"> <img data-src-mobile="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/s-series/automotive-automotiveleds-sseriesfeatures-003-mobile.png?$ORIGIN_PNG$" data-src-pc="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/s-series/automotive-automotiveleds-sseriesfeatures-003-desktop.png?$ORIGIN_PNG$" alt="Samsung Automotive LED E-series" width="414" class="js-img-src js-img-lazy" height="276"/> <noscript> <img src="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/s-series/automotive-automotiveleds-sseriesfeatures-003-desktop.png?$ORIGIN_PNG$" alt="Samsung Automotive LED E-series"/> </noscript> </div> <div class="feature-three-column-standard__text-wrap"> <h3 class="feature-three-column-standard__slide-title">Robust architecture with wireless flip-chip technology</h3> <p class="feature-three-column-standard__text-body">Minimize the risk of damage while maintaining high reliability</p> </div> </div> <!-- /* text align type left (default left) */ --> <div class="feature-three-column-standard__slide"> <div class="feature-three-column-standard__img-wrap"> <img data-src-mobile="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/c-series/automotive-automotiveleds-cseriesfeatures-001-mobile.png?$ORIGIN_PNG$" data-src-pc="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/c-series/automotive-automotiveleds-cseriesfeatures-001-desktop.png?$ORIGIN_PNG$" alt="Samsung Automotive LED E-series" width="414" class="js-img-src js-img-lazy" height="276"/> <noscript> <img src="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/c-series/automotive-automotiveleds-cseriesfeatures-001-desktop.png?$ORIGIN_PNG$" alt="Samsung Automotive LED E-series"/> </noscript> </div> <div class="feature-three-column-standard__text-wrap"> <h3 class="feature-three-column-standard__slide-title">Ceramic-based package for stable performance</h3> <p class="feature-three-column-standard__text-body">Excellent thermal management solutions ensuring long-term durability</p> </div> </div> <!-- /* text align type left (default left) */ --> <div class="feature-three-column-standard__slide"> <div class="feature-three-column-standard__img-wrap"> <img data-src-mobile="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/e-series/automotive-automotiveleds-e-series-features-002-mobile.png?$ORIGIN_PNG$" data-src-pc="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/e-series/automotive-automotiveleds-e-series-features-002-desktop.png?$ORIGIN_PNG$" alt="Samsung Automotive LED E-series" width="414" class="js-img-src js-img-lazy" height="276"/> <noscript> <img src="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/e-series/automotive-automotiveleds-e-series-features-002-desktop.png?$ORIGIN_PNG$" alt="Samsung Automotive LED E-series"/> </noscript> </div> <div class="feature-three-column-standard__text-wrap"> <h3 class="feature-three-column-standard__slide-title">Standard package design with ample design freedom</h3> <p class="feature-three-column-standard__text-body">Common size and pad design for easy usability </p> </div> </div> </div> <div class="feature-three-column-standard__more-box"> </div> <div class="s-video-area video-area_5"> <div class="s-video-wrap video-wrap"> <div id="fb-led-feature-three-column-standard_video_div" class="s-video-container brightCoveArea"></div> <button id="_03_0404" type="button" class="s-media-close brightcove-bcc-btn-close js-pop-close" data-div-id="fb-led-feature-three-column-standard_video_div">Close</button> </div> </div> </section> </div> <div class="pd-led-product-list section"> <div class="pd-product-list" data-pcd-depth1="automotive" data-pcd-depth2="automotive-leds" data-pcd-depth3="e-series"> <div class="pd-product-list-cta-bar"> <div class="pd-product-list-cta-bar-inner"> <a href="#" class="pd-product-list-cta-bar-button" data-cm-contact-us-layer-open="">Contact Us</a> </div> </div> <div class="pd-product-list-inner"> <h2 class="blind">pd-product-list</h2> <div class="pd-product-list-head"> <strong class="pd-product-list-head-results"><span class="pd-product-list-head-systyem">4</span> Result(s)</strong> <div class="pd-product-list-head-view"> <em class="pd-product-list-head-view-subject">View</em> <div class="pd-product-list-head-view-button"> <a href="#" class="pd-product-list-head-view-button-grid is-active"><span>thumbnail type</span></a> <a href="#" class="pd-product-list-head-view-button-list"><span>list type</span></a> </div> </div> <div class="pd-product-list-head-sort"> <a href="#" class="pd-product-list-head-sort-curr">SORT BY : <span class="pd-product-list-head-sort-selected">NEWEST</span></a> <ul class="pd-product-list-head-sort-list"> <li class="pd-product-list-head-sort-list-item"><a href="#" data-omni="">NEWEST</a></li> <li class="pd-product-list-head-sort-list-item"><a href="#" data-omni="">A-Z</a></li> <li class="pd-product-list-head-sort-list-item"><a href="#" data-omni="">Z-A</a></li> </ul> </div> </div> <div class="pd-product-list-cont"> <!-- grid style --> <div class="pd-product-list-grid-box is-open"> <!-- <ul class="pd-product-list-grid" data-sly-test=",,," data-sly-list=",,,"> --> <!-- <li class='pd-product-list-grid-item '> --> <!-- <a href="" class="pd-product-list-grid-thumb" data-omni="|"><img src="" class="pd-product-list-grid-thumb-img" alt=""></a> --> <!-- <div class="pd-product-list-grid-detail"> --> <!-- <a href="" class="pd-product-list-grid-detail-subject" data-omni="|"></a> --> <!-- <ul class="pd-product-list-grid-detail-feature" data-sly-list.subItem=""> --> <!-- <li class="pd-product-list-grid-detail-feature-li"> --> <!-- <span class="display-mo"></span> --> <!-- </li> --> <!-- </ul> --> <!-- <div class="pd-product-list-button" data-sly-test=""> --> <!-- <a href="" class="pd-product-list-button-down" data-category-name="" data-file-name="" target="_blank" title="New window" data-omni="">DATA SHEET</a> --> <!-- </div> --> <!-- <div class="pd-product-list-button"> --> <!-- <a href="" class="s-btn-encased" data-omni="|">LEARN MORE</a> --> <!-- </div> --> <!-- </div> --> <!-- </li> --> <!-- </ul> --> <ul class="pd-product-list-grid"> </ul> <div class="pd-product-list-pagination" style="display:none"> <span class="pd-product-list-direction prev"> <a class="pd-product-list-direction-button first" href="#" data-page="1"><span class="blind">ó��</span></a> <a class="pd-product-list-direction-button prev" href="#" data-page="1"><span class="blind">����</span></a> </span> <span class="pd-product-list-direction">PREVIOUS</span> <ul class="pd-product-list-list"> <li class="pd-product-list-list-item"><a href="#" class="is-active">1</a></li> <li class="pd-product-list-list-item"><span class="pd-product-list-ellipsis">&hellip;</span></li> <li class="pd-product-list-list-item" data-page="1"><a href="#">1</a></li> </ul> <span class="pd-product-list-direction">NEXT</span> <span class="pd-product-list-direction next"> <a class="pd-product-list-direction-button next" href="#" data-page="1"><span class="blind">����</span></a> <a class="pd-product-list-direction-button last" href="#" data-page="1"><span class="blind">�dz�</span></a> </span> </div> </div> <!-- //grid style --> <!-- list style --> <!-- googleoff: all--> <style scoped="scoped"> .pd-product-list { color: #333; background-color: #fff; } .pd-product-list:before, .pd-product-list:after { content: ''; display: block; clear: both; } .pd-product-list-inner { position: relative; max-width: 1440px; margin: 0 auto; padding: 30px 50px 100px 50px; padding: 2.08333vw 3.47222vw 6.94444vw 3.47222vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 1440px) { .pd-product-list-inner { padding: 30px 50px 100px 50px; } } .pd-product-list-cta-bar { background-color: #222425; text-align: right; } .pd-product-list-cta-bar-inner { max-width: 1440px; margin: 0 auto; } .pd-product-list-cta-bar-button { display: inline-block; background-color: #0074c2; padding: 18px 36px; padding: 1.25vw 2.5vw; font-size: 14px; font-size: 0.97222vw; font-weight: 700; color: #fff; } @media (min-width: 1440px) { .pd-product-list-cta-bar-button { padding: 18px 36px; } } @media (min-width: 1440px) { .pd-product-list-cta-bar-button { font-size: 14px; } } .pd-product-list-cta-bar.sticky { height: 54px; height: 3.75vw; } @media (min-width: 1440px) { .pd-product-list-cta-bar.sticky { height: 54px; } } .pd-product-list-cta-bar.sticky.is-active { position: fixed; top: 0; left: 0; right: 0; z-index: 100; } .pd-product-list-head { z-index: 1; position: relative; text-align: center; } .pd-product-list-head-results { position: absolute; left: 0; top: 10px; top: 0.69444vw; font-size: 18px; font-size: 1.25vw; } @media (min-width: 1440px) { .pd-product-list-head-results { top: 10px; } } @media (min-width: 1440px) { .pd-product-list-head-results { font-size: 18px; } } .pd-product-list-head-view { display: inline-block; } .pd-product-list-head-view-subject { display: inline-block; font-style: normal; margin-right: 14px; margin-right: 0.97222vw; font-size: 14px; font-size: 0.97222vw; } @media (min-width: 1440px) { .pd-product-list-head-view-subject { margin-right: 14px; } } @media (min-width: 1440px) { .pd-product-list-head-view-subject { font-size: 14px; } } .pd-product-list-head-view-button { display: inline-block; vertical-align: middle; margin-right: 30px; margin-right: 2.08333vw; } @media (min-width: 1440px) { .pd-product-list-head-view-button { margin-right: 30px; } } .pd-product-list-head-view-button:before, .pd-product-list-head-view-button:after { content: ''; display: block; clear: both; } .pd-product-list-head-view-button-grid, .pd-product-list-head-view-button-list { position: relative; float: left; display: inline-block; vertical-align: middle; border: 1px solid #dadee2; -webkit-transition: .3s background-color; transition: .3s background-color; width: 40px; width: 2.77778vw; height: 40px; height: 2.77778vw; } .pd-product-list-head-view-button-grid span, .pd-product-list-head-view-button-list span { position: absolute; overflow: hidden; display: block; text-indent: -9999px; top: 11px; top: 0.76389vw; left: 11px; left: 0.76389vw; height: 18px; height: 1.25vw; } @media (min-width: 1440px) { .pd-product-list-head-view-button-grid span, .pd-product-list-head-view-button-list span { top: 11px; } } @media (min-width: 1440px) { .pd-product-list-head-view-button-grid span, .pd-product-list-head-view-button-list span { left: 11px; } } @media (min-width: 1440px) { .pd-product-list-head-view-button-grid span, .pd-product-list-head-view-button-list span { height: 18px; } } @media (min-width: 1440px) { .pd-product-list-head-view-button-grid, .pd-product-list-head-view-button-list { width: 40px; } } @media (min-width: 1440px) { .pd-product-list-head-view-button-grid, .pd-product-list-head-view-button-list { height: 40px; } } .pd-product-list-head-view-button-grid.is-active, .pd-product-list-head-view-button-list.is-active { background-color: #f5f5f5; } .pd-product-list-head-view-button-grid { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pd-product-list-head-view-button-grid span { background: url(/etc/designs/led/global/business/imgs/ico_view_grid.png) no-repeat 0 0; background-size: 100%; width: 18px; width: 1.25vw; } @media (min-width: 1440px) { .pd-product-list-head-view-button-grid span { width: 18px; } } .pd-product-list-head-view-button-grid.is-active span { background-image: url(/etc/designs/led/global/business/imgs/ico_view_grid_active.png); } .pd-product-list-head-view-button-list { border-left: none; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pd-product-list-head-view-button-list span { background: url(/etc/designs/led/global/business/imgs/ico_view_list.png) no-repeat 0 0; background-size: 100%; width: 20px; width: 1.38889vw; } @media (min-width: 1440px) { .pd-product-list-head-view-button-list span { width: 20px; } } .pd-product-list-head-view-button-list.is-active span { background-image: url(/etc/designs/led/global/business/imgs/ico_view_list_active.png); } .pd-product-list-head-view-select { position: relative; display: inline-block; vertical-align: middle; border: 1px solid #ccc; height: 40px; height: 2.77778vw; line-height: 40px; line-height: 2.77778vw; } @media (min-width: 1440px) { .pd-product-list-head-view-select { height: 40px; } } @media (min-width: 1440px) { .pd-product-list-head-view-select { line-height: 40px; } } .pd-product-list-head-view-select-label { z-index: -1; position: absolute; top: 0; left: 0; font-weight: bold; padding: 0px 58px 0px 19px; padding: 0vw 4.02778vw 0vw 1.31944vw; font-size: 12px; font-size: 0.83333vw; } @media (min-width: 1440px) { .pd-product-list-head-view-select-label { padding: 0px 58px 0px 19px; } } @media (min-width: 1440px) { .pd-product-list-head-view-select-label { font-size: 12px; } } .pd-product-list-head-view-select-hidden { width: 100%; border: 0; opacity: 0; filter: alpha(opacity=0); height: 40px; height: 2.77778vw; line-height: 40px; line-height: 2.77778vw; padding: 0px 58px 0px 19px; padding: 0vw 4.02778vw 0vw 1.31944vw; } @media (min-width: 1440px) { .pd-product-list-head-view-select-hidden { height: 40px; } } @media (min-width: 1440px) { .pd-product-list-head-view-select-hidden { line-height: 40px; } } @media (min-width: 1440px) { .pd-product-list-head-view-select-hidden { padding: 0px 58px 0px 19px; } } .pd-product-list-head-view-select:before { content: ""; position: absolute; top: 50%; width: 11px; height: 10px; margin-top: -5px; background: url(/etc/designs/led/global/business/imgs/ico_view_select_arrow.gif) no-repeat 90% 50%; right: 15px; right: 1.04167vw; } @media (min-width: 1440px) { .pd-product-list-head-view-select:before { right: 15px; } } .pd-product-list-head-sort { position: absolute; right: 0; top: 13px; top: 0.90278vw; font-size: 14px; font-size: 0.97222vw; } @media (min-width: 1440px) { .pd-product-list-head-sort { top: 13px; } } @media (min-width: 1440px) { .pd-product-list-head-sort { font-size: 14px; } } .pd-product-list-head-sort-curr { z-index: 1; position: relative; display: inline-block; font-weight: bold; background: url(/etc/designs/led/global/business/imgs/ico_sort_arrow.gif) no-repeat 100% 50%; color: #000; padding-right: 33px; padding-right: 2.29167vw; } @media (min-width: 1440px) { .pd-product-list-head-sort-curr { padding-right: 33px; } } .pd-product-list-head-sort-list { display: none; border: 1px solid #dadada; text-align: left; background: #fff; -webkit-transition: .5s all ease-out; transition: .5s all ease-out; margin-top: 3px; margin-top: 0.20833vw; padding: 22px 21px 22px 21px; padding: 1.52778vw 1.45833vw 1.52778vw 1.45833vw; } @media (min-width: 1440px) { .pd-product-list-head-sort-list { margin-top: 3px; } } @media (min-width: 1440px) { .pd-product-list-head-sort-list { padding: 22px 21px 22px 21px; } } .pd-product-list-head-sort-list-item { margin-top: 6px; margin-top: 0.41667vw; } @media (min-width: 1440px) { .pd-product-list-head-sort-list-item { margin-top: 6px; } } .pd-product-list-head-sort-list-item:first-child { margin: 0; } .pd-product-list-head-sort-list-item a { color: #333; } .is-open .pd-product-list-head-sort-list { display: block; } .pd-product-list-grid-box { display: none; } .pd-product-list-grid-box.is-open { display: block; } .pd-product-list-grid { position: relative; margin-top: -70px; margin-top: -4.86111vw; font-size: 0; } @media (min-width: 1440px) { .pd-product-list-grid { margin-top: -70px; } } .pd-product-list-grid:before, .pd-product-list-grid:after { content: ''; display: block; clear: both; } .pd-product-list-grid-item { display: inline-block; vertical-align: top; width: 33.333333%; text-align: center; margin-top: 100px; margin-top: 6.94444vw; } @media (min-width: 1440px) { .pd-product-list-grid-item { margin-top: 100px; } } .pd-product-list-grid-thumb { display: block; margin: 0 auto; max-width: 393px; max-width: 27.29167vw; height: 264px; height: 18.33333vw; line-height: 264px; line-height: 18.33333vw; text-align: center; } @media (min-width: 1440px) { .pd-product-list-grid-thumb { max-width: 393px; } } @media (min-width: 1440px) { .pd-product-list-grid-thumb { height: 264px; } } @media (min-width: 1440px) { .pd-product-list-grid-thumb { line-height: 264px; } } .pd-product-list-grid-thumb-img { vertical-align: middle; max-width: 100%; max-height: 264px; max-height: 18.33333vw; } @media (min-width: 1440px) { .pd-product-list-grid-thumb-img { max-height: 264px; } } .pd-product-list-grid-detail-subject { display: block; color: #000; margin-top: 39px; margin-top: 2.70833vw; font-size: 28px; font-size: 1.94444vw; font-weight: 700; } @media (min-width: 1440px) { .pd-product-list-grid-detail-subject { margin-top: 39px; } } @media (min-width: 1440px) { .pd-product-list-grid-detail-subject { font-size: 28px; } } .pd-product-list-grid-detail-feature { display: inline-block; text-align: left; font-size: 12px; font-size: 0.83333vw; } @media (min-width: 1440px) { .pd-product-list-grid-detail-feature { font-size: 12px; } } .pd-product-list-grid-detail-feature-li { background: url(/etc/designs/led/global/business/imgs/bg_square.gif) no-repeat; background-position: 0px 6px; background-position: 0vw 0.41667vw; background-size: 3px; background-size: 0.20833vw; padding-left: 13px; padding-left: 0.90278vw; margin-top: 13px; margin-top: 0.90278vw; } @media (min-width: 1440px) { .pd-product-list-grid-detail-feature-li { background-position: 0px 6px; } } @media (min-width: 1440px) { .pd-product-list-grid-detail-feature-li { background-size: 3px; } } @media (min-width: 1440px) { .pd-product-list-grid-detail-feature-li { padding-left: 13px; } } @media (min-width: 1440px) { .pd-product-list-grid-detail-feature-li { margin-top: 13px; } } .pd-product-list-grid-detail-feature-li:first-child { margin-top: 34px; margin-top: 2.36111vw; } @media (min-width: 1440px) { .pd-product-list-grid-detail-feature-li:first-child { margin-top: 34px; } } .pd-product-list-grid-detail .pd-product-list-button { margin-top: 46px; margin-top: 3.19444vw; } @media (min-width: 1440px) { .pd-product-list-grid-detail .pd-product-list-button { margin-top: 46px; } } .pd-product-list-grid-detail .pd-product-list-button + .pd-product-list-button { margin-top: 26px; margin-top: 1.80556vw; } @media (min-width: 1440px) { .pd-product-list-grid-detail .pd-product-list-button + .pd-product-list-button { margin-top: 26px; } } .pd-product-list-table-box { display: none; } .pd-product-list-table-box.is-open { display: block; } .pd-product-list-table { width: 100%; border: 0; border-top: 1px solid #363636; border-collapse: collapse; border-spacing: 0; text-align: center; font-size: 16px; font-size: 1.11111vw; margin-top: 20px; margin-top: 1.38889vw; } @media (min-width: 1440px) { .pd-product-list-table { font-size: 16px; } } @media (min-width: 1440px) { .pd-product-list-table { margin-top: 20px; } } .pd-product-list-table caption { width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; text-indent: -99999px; } .pd-product-list-table thead th { padding: 26px 0px; padding: 1.80556vw 0vw; border-bottom: 1px solid #363636; background-color: #f7f7f7; } @media (min-width: 1440px) { .pd-product-list-table thead th { padding: 26px 0px; } } .pd-product-list-table tbody th, .pd-product-list-table tbody td { padding: 27px 0px; padding: 1.875vw 0vw; border-bottom: 1px solid #ccc; } @media (min-width: 1440px) { .pd-product-list-table tbody th, .pd-product-list-table tbody td { padding: 27px 0px; } } .pd-product-list-table tbody th .pd-product-list-button, .pd-product-list-table tbody td .pd-product-list-button { margin: 0; } .pd-product-list-table tbody th .pd-product-list-button + .pd-product-list-button, .pd-product-list-table tbody td .pd-product-list-button + .pd-product-list-button { margin-top: 17px; margin-top: 1.18056vw; } @media (min-width: 1440px) { .pd-product-list-table tbody th .pd-product-list-button + .pd-product-list-button, .pd-product-list-table tbody td .pd-product-list-button + .pd-product-list-button { margin-top: 17px; } } .pd-product-list-table .table-head { width: 156px; width: 10.83333vw; padding: 27px 30px; padding-right: 10px; padding: 1.875vw 2.08333vw; padding-right: 0.6944vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; } @media (min-width: 1440px) { .pd-product-list-table .table-head { width: 156px; } } @media (min-width: 1440px) { .pd-product-list-table .table-head { padding: 27px 30px; padding-right: 10px; } } .pd-product-list-table .table-head a { color: #333; } .pd-product-list-table .table-button { width: 251px; width: 17.43056vw; padding: 27px 30px; padding: 1.875vw 2.08333vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 1440px) { .pd-product-list-table .table-button { width: 251px; } } @media (min-width: 1440px) { .pd-product-list-table .table-button { padding: 27px 30px; } } .pd-product-list-disclaimer { display: none; margin-top: 29px; margin-top: 2.01389vw; font-size: 12px; font-size: 0.83333vw; } @media (min-width: 1440px) { .pd-product-list-disclaimer { margin-top: 29px; } } @media (min-width: 1440px) { .pd-product-list-disclaimer { font-size: 12px; } } .pd-product-list-disclaimer.is-open { display: block; } .cl-product-list-table .pd-product-list-button { margin-top: 0; } .cl-product-list-table .pd-product-list-button + .pd-product-list-button { margin-top: 15px; margin-top: 1.04167vw; } @media (min-width: 1440px) { .cl-product-list-table .pd-product-list-button + .pd-product-list-button { margin-top: 15px; } } .pd-product-list-button-down { display: inline-block; font-weight: bold; color: #183eaf; background: url(/etc/designs/led/global/business/imgs/ico_down02.png) no-repeat 100% 20%; background-size: 16px; background-size: 1.11111vw; padding: 0px 25px 0px 0px; padding: 0vw 1.73611vw 0vw 0vw; font-size: 16px; font-size: 1.11111vw; } @media (min-width: 1440px) { .pd-product-list-button-down { background-size: 16px; } } @media (min-width: 1440px) { .pd-product-list-button-down { padding: 0px 25px 0px 0px; } } @media (min-width: 1440px) { .pd-product-list-button-down { font-size: 16px; } } .pd-product-list-btn-area { padding: 30px 10px 0 10px; border-top: 1px solid #ccc; } .pd-product-list-btn-area:before, .pd-product-list-btn-area:after { content: ''; display: block; clear: both; } .pd-product-list-btn-area-top, .pd-product-list-btn-area-more { float: left; font-weight: bold; font-size: 12px; color: #333; } .pd-product-list-btn-area-top { background: url(/etc/designs/led/global/business/imgs/bg_backtotop_arrow.gif) no-repeat 0 3px; padding: 0 0 0 24px; } .pd-product-list-btn-area-more { float: right; background: url(/etc/designs/led/global/business/imgs/bg_more_arrow.gif) no-repeat 100% 3px; padding: 0 24px 0 0; } .pd-product-list-loadmore { display: none; } .pd-product-list-pagination { display: table; table-layout: fixed; margin: 60px auto 62px; margin: 4.16667vw auto 4.30556vw; text-align: center; } @media (min-width: 1440px) { .pd-product-list-pagination { margin: 60px auto 62px; } } .pd-product-list-pagination .pd-product-list-direction, .pd-product-list-pagination .pd-product-list-list { display: table-cell; vertical-align: middle; font-weight: bold; font-size: 14px; font-size: 0.97222vw; } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-direction, .pd-product-list-pagination .pd-product-list-list { font-size: 14px; } } .pd-product-list-pagination .pd-product-list-direction-button { position: relative; display: inline-block; width: 13px; width: 0.90278vw; height: 12px; height: 0.83333vw; } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-direction-button { width: 13px; } } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-direction-button { height: 12px; } } .pd-product-list-pagination .pd-product-list-direction-button:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: auto 100%; } .pd-product-list-pagination .pd-product-list-direction-button.first { margin-right: 12px; margin-right: 0.83333vw; } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-direction-button.first { margin-right: 12px; } } .pd-product-list-pagination .pd-product-list-direction-button.first:before { background-image: url(/etc/designs/led/global/business/imgs/btn_page_first.gif); } .pd-product-list-pagination .pd-product-list-direction-button.prev { margin-right: 3px; margin-right: 0.20833vw; } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-direction-button.prev { margin-right: 3px; } } .pd-product-list-pagination .pd-product-list-direction-button.prev:before { background-image: url(/etc/designs/led/global/business/imgs/btn_page_prev.gif); } .pd-product-list-pagination .pd-product-list-direction-button.next { margin-left: 5px; margin-left: 0.34722vw; } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-direction-button.next { margin-left: 5px; } } .pd-product-list-pagination .pd-product-list-direction-button.next:before { background-image: url(/etc/designs/led/global/business/imgs/btn_page_next.gif); } .pd-product-list-pagination .pd-product-list-direction-button.last { margin-left: 7px; margin-left: 0.48611vw; } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-direction-button.last { margin-left: 7px; } } .pd-product-list-pagination .pd-product-list-direction-button.last:before { background-image: url(/etc/designs/led/global/business/imgs/btn_page_last.gif); } .pd-product-list-pagination .pd-product-list-list { padding: 0px 25px; padding: 0vw 1.73611vw; } .pd-product-list-pagination .pd-product-list-list:before, .pd-product-list-pagination .pd-product-list-list:after { content: ''; display: block; clear: both; } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-list { padding: 0px 25px; } } .pd-product-list-pagination .pd-product-list-list-item { float: left; margin: 0px 25px; margin: 0vw 1.73611vw; font-weight: bold; font-size: 14px; font-size: 0.97222vw; } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-list-item { margin: 0px 25px; } } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-list-item { font-size: 14px; } } .pd-product-list-pagination .pd-product-list-list-item > a { color: #333; } .pd-product-list-pagination .pd-product-list-list-item > a.is-active, .pd-product-list-pagination .pd-product-list-list-item > a:hover, .pd-product-list-pagination .pd-product-list-list-item > a:focus { position: relative; } .pd-product-list-pagination .pd-product-list-list-item > a.is-active:after, .pd-product-list-pagination .pd-product-list-list-item > a:hover:after, .pd-product-list-pagination .pd-product-list-list-item > a:focus:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; height: 0.06944vw; background-color: #333; } @media (min-width: 1440px) { .pd-product-list-pagination .pd-product-list-list-item > a.is-active:after, .pd-product-list-pagination .pd-product-list-list-item > a:hover:after, .pd-product-list-pagination .pd-product-list-list-item > a:focus:after { height: 1px; } } @media screen and (max-width: 768px) { .pd-product-list { } .pd-product-list-inner { margin: 0; padding: 0; } .pd-product-list-cta-bar-button { height: 140.8px; height: 18.33333vw; padding: 51.2px 53.33333px; padding: 6.66667vw 6.94444vw; font-size: 29.86667px; font-size: 3.88889vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-cta-bar-button { height: 66px; height: 18.33333vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-cta-bar-button { padding: 24px 25px; padding: 6.66667vw 6.94444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-cta-bar-button { font-size: 14px; font-size: 3.88889vw; } } @media screen and (max-width: 768px) { .pd-product-list-cta-bar.sticky { height: 140.8px; height: 18.33333vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-cta-bar.sticky { height: 66px; height: 18.33333vw; } } @media screen and (max-width: 768px) { .pd-product-list-head { padding: 34.13333px; padding: 4.44444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-head { padding: 16px; padding: 4.44444vw; } } @media screen and (max-width: 768px) { .pd-product-list-head:before, .pd-product-list-head:after { content: ''; display: block; clear: both; } .pd-product-list-head-results { position: static; float: left; font-size: 34.13333px; font-size: 4.44444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-head-results { font-size: 16px; font-size: 4.44444vw; } } @media screen and (max-width: 768px) { .pd-product-list-head-view { display: none; } .pd-product-list-head-sort { position: static; float: right; height: 44.8px; height: 5.83333vw; line-height: 44.8px; line-height: 5.83333vw; font-size: 29.86667px; font-size: 3.88889vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-head-sort { height: 21px; height: 5.83333vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-head-sort { line-height: 21px; line-height: 5.83333vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-head-sort { font-size: 14px; font-size: 3.88889vw; } } @media screen and (max-width: 768px) { .pd-product-list-head-sort-curr { padding-right: 78.93333px; padding-right: 10.27778vw; background-position: 100% 40%; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-head-sort-curr { padding-right: 37px; padding-right: 10.27778vw; } } @media screen and (max-width: 768px) { .pd-product-list-head-sort-list { display: none; margin-top: 34.13333px; margin-top: 4.44444vw; padding: 29.86667px; padding: 3.88889vw; font-size: 29.86667px; font-size: 3.88889vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-head-sort-list { margin-top: 16px; margin-top: 4.44444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-head-sort-list { padding: 14px; padding: 3.88889vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-head-sort-list { font-size: 14px; font-size: 3.88889vw; } } @media screen and (max-width: 768px) { .pd-product-list-head-sort-list-item { margin-top: 14.93333px; margin-top: 1.94444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-head-sort-list-item { margin-top: 7px; margin-top: 1.94444vw; } } @media screen and (max-width: 768px) { .pd-product-list-cont { padding-bottom: 106.66667px; padding-bottom: 13.88889vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-cont { padding-bottom: 50px; padding-bottom: 13.88889vw; } } @media screen and (max-width: 768px) { .pd-product-list-grid { display: block; margin-top: 0; padding-bottom: 64px; padding-bottom: 8.33333vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid { padding-bottom: 30px; padding-bottom: 8.33333vw; } } @media screen and (max-width: 768px) { .pd-product-list-grid-item { width: 50%; padding: 0px 34.13333px; padding: 0vw 4.44444vw; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 128px; margin-top: 16.66667vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-item { padding: 0px 16px; padding: 0vw 4.44444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-item { margin-top: 60px; margin-top: 16.66667vw; } } @media screen and (max-width: 768px) { .pd-product-list-grid > .mobile-top { margin-top: 106.66667px; margin-top: 13.88889vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid > .mobile-top { margin-top: 50px; margin-top: 13.88889vw; } } @media screen and (max-width: 768px) { .pd-product-list-grid-thumb { max-width: 315.73333px; max-width: 41.11111vw; height: 213.33333px; height: 27.77778vw; line-height: 213.33333px; line-height: 27.77778vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-thumb { max-width: 148px; max-width: 41.11111vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-thumb { height: 100px; height: 27.77778vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-thumb { line-height: 100px; line-height: 27.77778vw; } } @media screen and (max-width: 768px) { .pd-product-list-grid-thumb-img { max-width: 100%; max-height: 100%; } .pd-product-list-grid-detail-subject { margin-top: 44.8px; margin-top: 5.83333vw; font-size: 34.13333px; font-size: 4.44444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-detail-subject { margin-top: 21px; margin-top: 5.83333vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-detail-subject { font-size: 16px; font-size: 4.44444vw; } } @media screen and (max-width: 768px) { .pd-product-list-grid-detail-feature { font-size: 25.6px; font-size: 3.33333vw; line-height: 2; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-detail-feature { font-size: 12px; font-size: 3.33333vw; } } @media screen and (max-width: 768px) { .pd-product-list-grid-detail-feature-li { background-size: 6.4px; background-size: 0.83333vw; background-position: left 25%; padding-left: 28.8px; padding-left: 3.75vw; margin-top: 0; font-size: 25.6px; font-size: 3.33333vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-detail-feature-li { background-size: 3px; background-size: 0.83333vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-detail-feature-li { padding-left: 13.5px; padding-left: 3.75vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-detail-feature-li { font-size: 12px; font-size: 3.33333vw; } } @media screen and (max-width: 768px) { .pd-product-list-grid-detail-feature-li:first-child { margin-top: 21.33333px; margin-top: 2.77778vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-grid-detail-feature-li:first-child { margin-top: 10px; margin-top: 2.77778vw; } } @media screen and (max-width: 768px) { .pd-product-list-table { display: none; } .pd-product-list-table.is-open { display: none; } .pd-product-list-button { margin-top: 34.13333px; margin-top: 4.44444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-button { margin-top: 16px; margin-top: 4.44444vw; } } @media screen and (max-width: 768px) { .pd-product-list-button + .pd-product-list-button { margin-top: 32px; margin-top: 4.16667vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-button + .pd-product-list-button { margin-top: 15px; margin-top: 4.16667vw; } } @media screen and (max-width: 768px) { .pd-product-list-button-down { background-image: url(/etc/designs/led/global/business/imgs/ico_down02_mo.png); background-size: 32px; background-size: 4.16667vw; padding: 0px 53.33333px 0px 0px; padding: 0vw 6.94444vw 0vw 0vw; font-size: 34.13333px; font-size: 4.44444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-button-down { background-size: 15px; background-size: 4.16667vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-button-down { padding: 0px 25px 0px 0px; padding: 0vw 6.94444vw 0vw 0vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-button-down { font-size: 16px; font-size: 4.44444vw; } } @media screen and (max-width: 768px) { .pd-product-list-button .s-btn-encased { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pd-product-list-btn-area { height: 115.2px; height: 15vw; line-height: 115.2px; line-height: 15vw; margin: 106.66667px 0px 0px 0px; margin: 13.88889vw 0vw 0vw 0vw; padding: 0px 34.13333px; padding: 0vw 4.44444vw; } .pd-product-list-btn-area:before, .pd-product-list-btn-area:after { content: ''; display: block; clear: both; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-btn-area { height: 54px; height: 15vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-btn-area { line-height: 54px; line-height: 15vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-btn-area { margin: 50px 0px 0px 0px; margin: 13.88889vw 0vw 0vw 0vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-btn-area { padding: 0px 16px; padding: 0vw 4.44444vw; } } @media screen and (max-width: 768px) { .pd-product-list-btn-area-top { background: url(/etc/designs/led/global/business/imgs/bg_backtotop_arrow.gif) no-repeat 0 49%; padding: 0 0 0 22px; } .pd-product-list-btn-area-more { float: right; background: url(/etc/designs/led/global/business/imgs/bg_more_arrow.gif) no-repeat 100% 49%; padding: 0 22px 0 0; } .pd-product-list-loadmore { display: block; padding: 0px 34.13333px; padding: 0vw 4.44444vw; text-align: center; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-loadmore { padding: 0px 16px; padding: 0vw 4.44444vw; } } @media screen and (max-width: 768px) { .pd-product-list-loadmore .s-btn-encased { position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pd-product-list-loadmore .s-btn-encased:after { position: absolute; top: 50%; left: 50%; display: inline-block; content: ''; background: url(/etc/designs/led/global/business/imgs/bg_loadmore_arrow.png) no-repeat 0 0; width: 23.46667px; width: 3.05556vw; height: 14.93333px; height: 1.94444vw; margin: -6.4px 0px 0px 106.66667px; margin: -0.83333vw 0vw 0vw 13.88889vw; background-size: 23.46667px; background-size: 3.05556vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-loadmore .s-btn-encased:after { width: 11px; width: 3.05556vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-loadmore .s-btn-encased:after { height: 7px; height: 1.94444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-loadmore .s-btn-encased:after { margin: -3px 0px 0px 50px; margin: -0.83333vw 0vw 0vw 13.88889vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .pd-product-list-loadmore .s-btn-encased:after { background-size: 11px; background-size: 3.05556vw; } } @media screen and (max-width: 768px) { .pd-product-list-pagination { display: none; } } </style> <!--googleon: all--> <div class="pd-product-list-table-box"> <!-- list style --> <table class="pd-product-list-table"> <caption>product list feature</caption> <colgroup> <col style="width: 14%;"> <col style="width: 12%;"> <col style="width: 12%;"> <col style="width: 10%;"> <col style="width: 10%;"> <col style="width: 10%;"> <col style="width: 14%;"> <col style="width: 18%;"> </colgroup> <thead> <tr> <th scope="col"></th> <th scope="col">LUMINOUS<br>FLUX </th> <th scope="col">IF</th> <th scope="col">FORWARD<br>VOLTAGE </th> <th scope="col">THERMAL<br>RESISTANCE </th> <th scope="col">VIEWING<br>ANGLE </th> <th scope="col">PART NUMBER</th> <th scope="col"></th> </tr> </thead> <tbody> <tr> <th scope="row" class="table-head"><a href="/automotive/automotive-leds/e-series/gen1-1w-white/"> [Gen1] 1W White </a></th> <td>158 lm</td> <td>350 mA</td> <td>3.0 V</td> <td>< 3.0 K/W</td> <td>120˚</td> <td>SPHWHTE1N1A0</td> <td class="table-button"> <div class="pd-product-list-button"> <a href="https://download.led.samsung.com/led/file/resource/2024/05/Samsung_E_Gen1_1W_White_SPHWHTE1N1A0_DS_Rev1.0.pdf" class="pd-product-list-button-down" target="new" data-omni="[Gen1] 1W White"> DATA SHEET </a> </div> <div class="pd-product-list-button"> <a href="/automotive/automotive-leds/e-series/gen1-1w-white/" class="s-btn-encased" data-omni="[Gen1] 1W White"> LEARN MORE </a> </div> </td> </tr> <tr> <th scope="row" class="table-head"><a href="/automotive/automotive-leds/e-series/gen1-1w-amber/"> [Gen1] 1W Amber </a></th> <td>110 lm</td> <td>350 mA</td> <td>3.0 V</td> <td>< 3.8 K/W</td> <td>120˚</td> <td>SPHAMTE1N1A0</td> <td class="table-button"> <div class="pd-product-list-button"> <a href="https://download.led.samsung.com/led/file/resource/2024/05/Samsung_E_Gen1_1W_Amber_SPHAMTE1N1A0_DS_Rev1.0.pdf" class="pd-product-list-button-down" target="new" data-omni="[Gen1] 1W Amber"> DATA SHEET </a> </div> <div class="pd-product-list-button"> <a href="/automotive/automotive-leds/e-series/gen1-1w-amber/" class="s-btn-encased" data-omni="[Gen1] 1W Amber"> LEARN MORE </a> </div> </td> </tr> <tr> <th scope="row" class="table-head"><a href="/automotive/automotive-leds/e-series/gen1-05w-white/"> [Gen1] 0.5W White </a></th> <td>65 lm</td> <td>150 mA</td> <td>3.0 V</td> <td>< 4.8 K/W</td> <td>120˚</td> <td>SPHWHTE1NZA0</td> <td class="table-button"> <div class="pd-product-list-button"> <a href="https://download.led.samsung.com/led/file/resource/2024/05/Samsung_E_Gen1_0.5W_White_SPHWHTE1NZA0_DS_Rev1.0.pdf" class="pd-product-list-button-down" target="new" data-omni="[Gen1] 0.5W White"> DATA SHEET </a> </div> <div class="pd-product-list-button"> <a href="/automotive/automotive-leds/e-series/gen1-05w-white/" class="s-btn-encased" data-omni="[Gen1] 0.5W White"> LEARN MORE </a> </div> </td> </tr> <tr> <th scope="row" class="table-head"><a href="/automotive/automotive-leds/e-series/gen1-05w-amber/"> [Gen1] 0.5W Amber </a></th> <td>45 lm</td> <td>150 mA</td> <td>3.0 V</td> <td>< 6.1 K/W</td> <td>120˚</td> <td>SPHAMTE1NZA0</td> <td class="table-button"> <div class="pd-product-list-button"> <a href="https://download.led.samsung.com/led/file/resource/2024/05/Samsung_E_Gen1_0.5W_Amber_SPHAMTE1NZA0_DS_Rev1.0.pdf" class="pd-product-list-button-down" target="new" data-omni="[Gen1] 0.5W Amber"> DATA SHEET </a> </div> <div class="pd-product-list-button"> <a href="/automotive/automotive-leds/e-series/gen1-05w-amber/" class="s-btn-encased" data-omni="[Gen1] 0.5W Amber"> LEARN MORE </a> </div> </td> </tr> </table> <!-- //list style --> </div> <!-- //list style --> </div> </div> </div></div> <div class="fb-led-four-column-links section"> <section class="four-column-links js-home-components"> <h2 class="four-column-links__title"></h2> <div class="four-column-links__slide-wrap s-slick js-prd-eco-high-carousel"> </div> <div class="s-video-area video-area_5"> <div class="s-video-wrap video-wrap"> <div id="four-links-1728122053965" class="s-video-container brightCoveArea"></div> <button id="_03_0404" type="button" class="s-media-close brightcove-bcc-btn-close js-pop-close" data-div-id="four-links-1728122053965">Close</button> </div> </div> </section> </div> <div class="fb-led-four-column-links section"> <section class="four-column-links js-home-components"> <h2 class="four-column-links__title"></h2> <div class="four-column-links__slide-wrap s-slick js-prd-eco-high-carousel"> </div> <div class="s-video-area video-area_5"> <div class="s-video-wrap video-wrap"> <div id="four-links-1728122053966" class="s-video-container brightCoveArea"></div> <button id="_03_0404" type="button" class="s-media-close brightcove-bcc-btn-close js-pop-close" data-div-id="four-links-1728122053966">Close</button> </div> </div> </section> </div> </div> </div> <div class="ge-led-layer-exit-modal"> <!-- Item added --> <div class="exit-modal" role="dialog" style="display:none;" id="exit-modal_01"> <p class="exit-modal__title">You are entering <em class="urlsee">samsungha.com</em></p> <p class="exit-modal__dec"></p> <div class="exit-modal__btn"> <!-- Default button --> <!-- <a href="#" class="s-btn-encased" id="exit-modal_01_01">CONTINUE</a> --> <!-- //Default button --> <!-- new window button --> <a href="javascript:" class="s-btn-encased s-mo-full s-ico-new-window" id="exit-modal_01_01" title="Open in a new window" target="_blank">CONTINUE</a> <!-- //New Window Button --> <a href="javascript:" class="s-btn-encased js-exit-modal-close" id="exit-modal_01_02">CANCEL</a> </div> <button type="button" class="exit-modal__close js-exit-modal-close" id="exit-modal_01_03"><span id="exit-modal_01_04">Close Layer</span></button> </div> <!-- <div><button class="js-exit-modal-alert" style="font-size:40px;" data-href="http://www.samsung.com/sg">OPEN</button></div> --> <!-- //Item added --></div> <div class="cm-led-contact-us-detail"> <div class="cm-contact-us-detail"> <div class="cm-contact-us-detail-container" style="display:none;"> <div class="cm-contact-us-detail-content"> <div class="cm-contact-us-detail-content-inner"> <div class="cm-contact-us-detail-view"> <form action="/join" data-cm-contact-us-form> <div class="cm-contact-us-detail-head"> <h2 class="cm-contact-us-detail-head-title">Contact Us</h2> <p class="cm-contact-us-detail-head-par">Email us your question and we’ll get back to you.</p> </div> <div class="cm-contact-us-detail-form"> <div class="cm-contact-us-detail-form-title blind">contact-type area</div> <select name="contactType" id="" class="cm-contact-us-detail-form-select" title="Contact Type" data-placeholder="Contact Type *" required data-validation="[NOTEMPTY]"> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> <option value="productQuestions" data-omni="">Product Questions</option> <option value="qualityAssurance" data-omni="">Quality Assurance</option> <option value="websiteFeedback" data-omni="">Website Feedback</option> </select> </div> <div class="cm-contact-us-detail-form"> <!--<div class="cm-contact-us-detail-form-title">Product information <span class="system">(optional)</span></h3>--> <div class="cm-contact-us-detail-form-title">Product information</div> <ul class="cm-contact-us-detail-form-list"> <li class="cm-contact-us-detail-form-list-item"> <select name="productType" id="" class="cm-contact-us-detail-form-select" data-placeholder="Product Type (series) *" required data-validation="[NOTEMPTY]"> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> </select> </li> <li class="cm-contact-us-detail-form-list-item"> <select name="productName" id="" class="cm-contact-us-detail-form-select" data-placeholder="Product Name" required data-validation="[NOTEMPTY]"> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> </select> </li> </ul> </div> <div class="cm-contact-us-detail-form"> <div class="cm-contact-us-detail-form-title">Your information</div> <ul class="cm-contact-us-detail-form-list"> <li class="cm-contact-us-detail-form-list-item"> <label for="input-firstName" class="cm-contact-us-detail-form-list-label">First Name *</label> <input type="text" id="input-firstName" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="firstName" data-validation="[NOTEMPTY]" maxlength="50" data-validation-message="* Please input the required items." data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-lastName" class="cm-contact-us-detail-form-list-label">Last Name *</label> <input type="text" id="input-lastName" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="lastName" data-validation="[NOTEMPTY]" maxlength="50" data-validation-message="* Please input the required items." data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-company" class="cm-contact-us-detail-form-list-label">Company *</label> <input type="text" id="input-company" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="company" data-validation="[NOTEMPTY]" maxlength="50" data-validation-message="* Please input the required items."/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-jobTitle" class="cm-contact-us-detail-form-list-label">Job Title</label> <input type="text" id="input-jobTitle" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="jobTitle" maxlength="50" data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <div> <label for="input-email" class="cm-contact-us-detail-form-list-label">Email *</label> <input type="email" id="input-email" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="contactUs[email]" data-validation="[NOTEMPTY]" data-validation-message="* Please input the required items." data-validation-regex="/^([0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]*)*$/i" data-validation-regex-message="* Please double-check your input. (Email format)"/> </div> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-confirmEmail" class="cm-contact-us-detail-form-list-label">Confirm Email *</label> <input type="email" id="input-confirmEmail" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="contacUs[email-confirm]" data-validation="[V==contactUs[email]]" data-validation-message="* Please double-check your email address."/> </li> <li class="cm-contact-us-detail-form-list-item address"> <label for="input-address" class="cm-contact-us-detail-form-list-label">Address</label> <input type="text" id="input-address" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="address" maxlength="200"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-postCode" class="cm-contact-us-detail-form-list-label">Post Code</label> <input type="text" id="input-postCode" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="postCode" maxlength="100" data-validation-regex="/^[0-9]*$/" data-validation-regex-message="* Please double-check your input. (Numbers only)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-country" class="cm-contact-us-detail-form-list-label">Country</label> <input type="text" id="input-country" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="country" maxlength="50" data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-phone" class="cm-contact-us-detail-form-list-label">Phone</label> <input type="tel" id="input-phone" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" data-placeholder="Phone" name="phone" maxlength="100" data-validation-regex="/^[0-9]*$/" data-validation-regex-message="* Please double-check your input. (Numbers only)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <select name="region" id="select-region" class="cm-contact-us-detail-form-select" data-placeholder="Region *" data-validation="[NOTEMPTY]" data-validation-message="* Please select the required items."> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> <option data-omni="" value="America">America</option> <option data-omni="" value="EMEA">EMEA</option> <option data-omni="" value="China">China</option> <option data-omni="" value="SE Asia">SE Asia</option> <option data-omni="" value="Japan">Japan</option> <option data-omni="" value="Korea">Korea</option> </select> </li> </ul> </div> <div class="cm-contact-us-detail-form"> <div class="cm-contact-us-detail-form-title blind">Question or Message area</div> <div class="cm-contact-us-detail-form-group"> <label for="textarea">Question or Message*</label> <textarea id="textarea" class="cm-contact-us-detail-form-group-textarea cm-contact-us-detail-placeholder" required name="questionOrMessage" data-validation="[NOTEMPTY]" maxlength="2000" data-validation-message="* Please input the required items."></textarea> <span class="cm-contact-us-detail-form-group-byte">(<span class="system">0</span> / 2000)</span> </div> </div> <div class="cm-contact-us-detail-form"> <div class="robot-check-area" style="color: red; font-size: 20px;"> <div class="verification__chk__wrap"> <div class="verification__chk"> <p class="capcha-image"><img src="/aemapi/led/common/simplecapcha" alt="captcha img" id="con-us-captcha"/></p> <p class="capcha-btn"> <button type="button" class="btn-refresh con-us-refresh" id="CON-US_05_010801"><img src="/etc/designs/led/global/business/imgs/ico-btn-refresh.png" alt="refresh" id="CON-US_05_01080101"/></button> <button type="button" class="btn-audio con-us-audio" id="CON-US_05_010802"><img src="/etc/designs/led/global/business/imgs/ico-btn-audio.png" alt="audio" id="CON-US_05_01080201"/></button> </p> </div> <div class="sign-in__input-box"> <span> <input type="text" id="CON-US_05_010803" name="captchaAns" class="cm-contact-us-detail-form-list-input" placeholder="Input Captcha Code *" data-id="TT02" data-required="Y" maxlength="6" data-validation="[NOTEMPTY]"/> <label for="CON-US_05_010803" class="blind">Input Captcha Code *</label> </span> <p class="invalid-notice invalid-captcha" style="display: none;">* Please enter your Captcha Code</p> </div> </div> </div> <!-- <div class="cm-contact-us-detail-form-title blind">I’m Not a robot area</div> <div class="cm-contact-us-detail-form-robot"> <input type="checkbox" id="robotChk" class="cm-contact-us-detail-form-chk"> <label for="robotChk" class="cm-contact-us-detail-form-label">I’m Not a robot</label> <span class="cm-contact-us-detail-form-robot-ico"><img src="img/ico_robot_refesh.jpg" alt="recaptcha privacy - terms"></span> </div> --> <ul class="cm-contact-us-detail-form-agree"> <li class="cm-contact-us-detail-form-agree-li"> <input type="checkbox" id="agree1" class="cm-contact-us-detail-form-chk" name="privacy" data-validation="[NOTEMPTY]" data-validation-message="* Please check the required items."/> <label for="agree1" class="cm-contact-us-detail-form-label">I have read and agree to the <a href="/privacy/" class="cm-contact-us-detail-form-label-link" target="_blank">Samsung Privacy Policy</a></label> </li> <li class="cm-contact-us-detail-form-agree-li"> <input type="checkbox" id="agree2" class="cm-contact-us-detail-form-chk" name="info"/> <label for="agree2" class="cm-contact-us-detail-form-label">I would like to receive information about products, service, promotions and marketing communications of Samsung and/or its partners.</label> </li> </ul> </div> <div class="cm-contact-us-detail-button"> <button type="submit" class="s-btn-encased">SUBMIT</button> </div> </form> <a href="#" class="cm-contact-us-detail-btn-close"><img src="/etc/designs/led/global/business/imgs/ico-close.png" alt="Close Button"/></a> </div> </div> </div> <div class="cm-contact-us-detail-mask"></div> </div> </div> <div class="cm-contact-us-detail-complete" style="display:none;"> <div class="cm-contact-us-detail-complete-popup-container"> <div class="cm-contact-us-detail-complete-popup"> <div class="cm-contact-us-detail-complete-content"> <div class="cm-contact-us-detail-complete-content-inner"> <div class="cm-contact-us-detail-complete-head"> <h2 class="cm-contact-us-detail-complete-head-title">Thank you for your inquiry.</h2> <p class="cm-contact-us-detail-complete-head-par">We will get in touch with you shortly.</p> </div> <div class="cm-contact-us-detail-complete-body"> <div class="cm-contact-us-detail-complete-basic-table"> <table> <caption></caption> <colgroup> <col/> <col/> </colgroup> <tbody> <tr> <th scope="row">Contact Type*</th> <td>Product Questions</td> </tr> <tr> <th scope="row">Product type (series)</th> <td>Lighting > LED Component</td> </tr> <tr> <th scope="row">Product Name*</th> <td>LM283BS+</td> </tr> <tr> <th scope="row">Frist Name / Last Name*</th> <td>xxx, xxx</td> </tr> <tr> <th scope="row">Company* / Job Title</th> <td>XXX / Strategy Manager</td> </tr> <tr> <th scope="row">Email*</th> <td>xxxx@xxxxx.com</td> </tr> <tr> <th scope="row">Address / Post Code</th> <td>xxxx, Seoul, Korea</td> </tr> <tr> <th scope="row">Country</th> <td>Republic of korea</td> </tr> <tr> <th scope="row">Phone</th> <td>010-1234-5678</td> </tr> <tr> <th scope="row">Region*</th> <td>America</td> </tr> <tr> <th scope="row">Question or Message*</th> <td>Question or Message</td> </tbody> </table> </div> <div class="cm-contact-us-detail-complete-text"><strong class="cm-contact-us-detail-complete-point-color">•</strong> I have read and agree to the <a href="/privacy/" class="cm-contact-us-detail-form-label-link">Samsung Privacy Policy</a></div> <div class="cm-contact-us-detail-complete-text"><strong class="cm-contact-us-detail-complete-point-color">•</strong> I would like to receive information about products, service, promotions and marketing communications of Samsung and/or its partners.</div> <div class="cm-contact-us-detail-complete-footer"> <img src="/etc/designs/led/global/business/imgs/logo-samsung.png" alt="SAMSUNG"/> Copyright ⓒ 1995-2023 SAMSUNG All Rights reserved. </div> </div> <a href="#" class="cm-contact-us-detail-complete-btn-close"><img src="/etc/designs/led/global/business/imgs/ico-close.png" alt="Close Button"/></a> </div> </div> </div> </div> <div class="cm-contact-us-detail-mask"></div> </div> <script tyle="text/javascript"> var contactTypePlaceHolder = '<option class="placeholder" value="">Contact Type *</option>'; var productTypePlaceHolder = '<option class="placeholder" value="">Product Type (series) *</option>'; var productNamePlaceHolder = '<option class="placeholder" value="">Product Name</option>'; var regionPlaceHolder = '<option class="placeholder" value="">Region *</option>'; var optgroupTemplate = '<optgroup label="{0}"></optgroup>'; var optionTemplate = '<option data-omni="" value="{0}">{0}</option>'; // String Function (javascript) eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6.3.t=1(){r a=p;4 2.7(/\\{\\{|\\}\\}|\\{(\\d+)\\}/g,1(m,n){5(m=="{{"){4"{"}5(m=="}}"){4"}"}4 a[n]})};e.3.o=1(){2.i(0,2.l)};e.3.k=1(a,b){2.i(a,0,b)};5(j 6.3.h!==\'1\'){6.3.h=1(){4 2.7(/^\\s+/,"")}}5(j 6.3.9!==\'1\'){6.3.9=1(){4 2.7(/\\s+$/,"")}}5(!(\'c\'q f.3)){f.3.c=1(){5(2.8){2.8.u(2)}}}',31,31,'|function|this|prototype|return|if|String|replace|parentNode|trimRight|||remove||Array|Element||trimLeft|splice|typeof|insert|length|||clear|arguments|in|var||format|removeChild'.split('|'),0,{})); var isSendProductInfo = true; var _mail_address = location.protocol + "\/\/led.samsung.com\/led\/func\/sendmail\/"; </script> </div> <div class="breadcrumb ge-led-breadcrumb"> <!-- googleoff: all--> <nav class="global-element-breadcrumb"> <ol aria-label="breadcrumbs"> <li><a href="/" class="highContrastTarget">Home</a></li> <li>Automotive</li> <li><a href="/automotive/automotive-leds/" class="highContrastTarget">Automotive LEDs</a></li> <li><em aria-current="location" class="highContrastTarget">E Series</em></li> </ol> </nav> <!--googleon: all--></div> <div class="footer st-led-static-content"> <!-- googleoff: all--> <style scoped="scoped"> @charset "UTF-8"; .global-element-footer * { margin: 0; padding: 0; -webkit-text-size-adjust: none; } .global-element-footer *, .global-element-footer *::before, .global-element-footer *::after { -webkit-moz-box-sizing: border-box; -ms-moz-box-sizing: border-box; -o-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: "SamsungOne", sans-serif; font-weight: 400; font-size: 10px; line-height: 1.4; color: #000; letter-spacing: 0; } html { height: 100%; } body { font-size: 1.4rem; word-break: break-word; -webkit-font-smoothing: antialiased; } .global-element-footer { background-color: #ffffff; color: #555555; overflow-x: hidden; margin: 0 auto; padding: 12px 24px 30px 24px; max-width: 1440px; } .global-element-footer .global-element-footer-wrap { background-color: #ffffff; } .global-element-footer .global-element-footer-category__link[target=_blank]:after { content: ""; width: 10px; display: inline-block; height: 10px; background-size: 10px; margin: 0 0 0 5px; background-image: url("/etc/designs/led/global/business/imgs/icon-bold-action-outlink.svg") !important; } .global-element-footer .global-element-footer-sitemap { height: 275px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: -24px; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column { -webkit-box-flex: 1; -ms-flex: 1 1 calc(16% - 24px); flex: 1 1 calc(16% - 24px); -ms-flex-preferred-size: calc(16% - 24px); margin-top: 24px; width: calc((100% - 120px) / 6); } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title { font-family: "SamsungOne", sans-serif; font-size: 1.4rem; line-height: 1.14; font-weight: 700; color: #555555; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title strong { font-weight: inherit; color: inherit; font-style: normal; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list { height: 220px; margin-top: 4px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-family: "SamsungOne", sans-serif; font-size: 1.2rem; line-height: 1.33; color: #555555; padding-top: 8px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item .global-element-footer-category__link { color: inherit; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .global-element-footer .global-element-footer-sns-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__title { font-size: 1rem; line-height: 1.6; font-weight: 700; color: #555555; margin-right: 12px; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns { margin-left: 12px; width: 24px; height: 24px; font-size: 0; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns.youtube { background: url("/etc/designs/led/global/business/imgs/icon-share-youtube-black.svg") 0 0 no-repeat; background-size: 100%; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns.facebook { background: url("/etc/designs/led/global/business/imgs/icon-share-facebook-black.svg") 0 0 no-repeat; background-size: 100%; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns.linkedin { background: url("/etc/designs/led/global/business/imgs/icon-share-linked-in-black.svg") 0 0 no-repeat; background-size: 100%; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns:first-child { margin-left: 0; } .global-element-footer .global-element-footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 41px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px 0; } .global-element-footer .global-element-footer-bottom-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-bottom-con-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-bottom-c { font-size: 0; } .global-element-footer .global-element-footer-bottom-c button { width: 24px; height: 24px; } .global-element-footer .global-element-footer-bottom-c button:last-child { margin-left: 12px; } .global-element-footer .global-element-footer-bottom-c button { width: 24px; } .global-element-footer .global-element-footer-bottom-legal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-bottom-legal .legal_colum_box { margin-left: 28px; } .global-element-footer .global-element-footer-bottom__link { display: inline-block; margin-left: 28px; font-size: 10px; font-weight: 700; line-height: 1.6; color: inherit; } .global-element-footer .global-element-footer-bottom__link:first-child { margin-left: 0; } .global-element-footer .global-element-footer-bottom-copyright { margin-left: 28px; font-size: 10px; line-height: 1.6; } .global-element-footer .fab-area { position: fixed; bottom: 24px; right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; opacity: 0; visibility: hidden; z-index: 200; } .global-element-footer .fab-area:empty { display: none; } .global-element-footer .fab-area.active { opacity: 1; visibility: visible; } .global-element-footer .fab-area .btn-goTop { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 48px; -webkit-box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); background: #fff url("/etc/designs/led/global/business/imgs/icon-bold-navigation-up-highest.svg") no-repeat center/24px; } .global-element-footer .global-element-footer__popup { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 72px; } .global-element-footer .global-element-footer__popup[aria-hidden=true] { display: none; } .global-element-footer .global-element-footer__popup[aria-hidden=false] { display: -webkit-box; display: -ms-flexbox; display: flex; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con { position: relative; padding: 72px 0 66px; margin: 0 24px; background-color: #fff; border-radius: 20px; min-width: 312px; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-img { position: relative; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video video, .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video iframe, .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video object, .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 768px) and (max-width: 1023px) { .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title { cursor: default; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-size: 1.4rem; font-weight: 400; } .global-element-footer .global-element-footer__popup { padding: 0; } .global-element-footer { padding-bottom: 36px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-size: 1.2rem; } .global-element-footer .global-element-footer-sitemap { height: auto; display: -ms-grid; display: grid; -ms-grid-columns: calc((100% - 48px) / 3) 24px calc((100% - 48px) / 3) 24px calc((100% - 48px) / 3); grid-template-columns: repeat(3, calc((100% - 48px) / 3)); -ms-grid-rows: auto; grid-template-rows: auto; margin-top: 0; padding-right: 36px; grid-gap: 24px; grid-template-areas: "foot_list01 foot_list07 foot_list08" "foot_list02 foot_list07 foot_list08" "foot_list03 foot_list07 foot_list08" "foot_list04 foot_list07 foot_list08" "foot_list05 foot_list07 foot_list08" "foot_list06 foot_list07 foot_list08" ". . ." "foot_list09 foot_list10 foot_list11"; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 22px); flex: 0 0 calc(33.33% - 22px); -ms-flex-preferred-size: calc(33.33% - 32px); margin-top: 0; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(1) { grid-area: foot_list01; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(2) { grid-area: foot_list02; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(3) { grid-area: foot_list03; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(4) { grid-area: foot_list04; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(5) { grid-area: foot_list05; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(6) { grid-area: foot_list06; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(7) { grid-area: foot_list07; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(8) { grid-area: foot_list08; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(9) { grid-area: foot_list09; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(10) { grid-area: foot_list10; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(11) { grid-area: foot_list11; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list { height: auto; } .global-element-footer .global-element-footer-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 48px; gap: 0; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con { margin-bottom: 36px; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con .global-element-footer-sns__title { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 1rem; } .global-element-footer .global-element-footer-bottom-con-left { -ms-flex-wrap: wrap; flex-wrap: wrap; } .global-element-footer .global-element-footer .global-element-footer-bottom__link { font-size: 1.2rem; margin-left: 20px; } .global-element-footer .global-element-footer-bottom-copyright { margin-top: 24px; font-size: 1rem; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0; } .global-element-footer .pc-show-category { display: none; } .global-element-footer .tab-show-column { display: block; } } @media screen and (min-width: 768px) and (max-width: 1023px){ .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(2) { -ms-grid-row: 3; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(3) { -ms-grid-row: 5; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(4) { -ms-grid-row: 7; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(5) { -ms-grid-row: 9; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(6) { -ms-grid-row: 11; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(7) { -ms-grid-row: 1; -ms-grid-row-span: 11; -ms-grid-column: 3; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(8) { -ms-grid-row: 1; -ms-grid-row-span: 11; -ms-grid-column: 5; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(9) { -ms-grid-row: 15; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(10) { -ms-grid-row: 15; -ms-grid-column: 3; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(11) { -ms-grid-row: 15; -ms-grid-column: 5; } } @media screen and (max-width: 767px) { .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title { font-size: 1.6rem; line-height: 1.44; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-size: 1.4rem; padding-top: 0; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .btnPopupClose { width: 16px; height: 16px; } .global-element-footer { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 0 16px 0; } .global-element-footer .global-element-footer-sitemap { margin: 0; height: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column { width: auto; margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-preferred-size: 100%; text-align: left; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list { height: auto; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category.pc-show-category { display: none; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category .global-element-footer-category__title { padding: 0 106px 0 24px; min-height: 60px; font-size: 1.6rem; line-height: 60px; margin: 0; position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; text-align: left; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category button.global-element-footer-category__title:after { content: ""; position: absolute; top: 50%; right: 36px; width: 22px; height: 22px; background: url("/etc/designs/led/global/business/imgs/icon-bold-navigation-open-down.svg") no-repeat center/100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category .global-element-footer-category__title.active:after { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__list-wrap { display: none; } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__title.active + .global-element-footer-category__list-wrap { display: block; width: 100%; padding: 0 100px 12px 48px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__title.active + .global-element-footer-category__list-wrap .global-element-footer-category__item { margin: 0; } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__title.active + .global-element-footer-category__list-wrap .global-element-footer-category__item .global-element-footer-category__link { font-size: 14px; line-height: 41px; min-height: 41px; } .global-element-footer .global-element-footer-bottom { display: block; margin-top: 28px; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con { margin-top: 0; margin-bottom: 36px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con .global-element-footer-sns__title { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 1.2rem; line-height: 1.33; margin-right: 0; margin-bottom: 24px; text-align: center; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con .global-element-footer-bottom-sns { width: 40px; height: 40px; margin-left: 12px; } .global-element-footer .global-element-footer-bottom-con-left { display: block; padding: 0 36px; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 24px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal .global-element-footer-bottom__link { margin-left: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; font-size: 1.2rem; line-height: 1.33; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal .global-element-footer-bottom__link:first-child { margin-left: 0; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal.legal_colum { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal.legal_colum .legal_colum_box { margin-left: 0px; margin-top: 24px; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-c { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-copyright { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; text-align: center; margin-left: 0; font-size: 1rem; line-height: 1.6; color: #555; font-weight: 400; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con { padding: 64px 0 58px; } } </style> <!--googleon: all--> <!-- googleoff: all--> <footer class="global-element-footer footer_wrap"> <div class="global-element-footer-wrap"> <ul class="global-element-footer-sitemap"> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="About Us" data-omni="led_footer:about us" href="/about-us/business-overview/" target="_self"><strong>About Us</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Insights" data-omni="led_footer:insights" href="/insights/" target="_self"><strong>Insights</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Contact Us" data-omni="led_footer:contact us" href="#" target="_self" onclick="javascript:showContactUs();return false;"><strong>Contact Us</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Quick Downloads" data-omni="led_footer:quick downloads" href="/support/tools/quick-downloads/" target="_self"><strong>Quick Downloads</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="LED Component Calculator" data-omni="led_footer:led component calculator" href="/support/tools/led-component-calculator/" target="_self"><strong>LED Component Calculator</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Engine Calculator" data-omni="led_footer:engine calculator" href="/support/tools/engine-calculator/" target="_self"><strong>Engine Calculator</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Lighting" data-led-toggle=""><strong>Lighting</strong></button> <!-- // 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Mid Power LEDs" data-omni="led_footer:mid power leds" href="/lighting/mid-power-leds/" target="_self">Mid Power LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="High Power LEDs" data-omni="led_footer:high power leds" href="/lighting/high-power-leds/" target="_self">High Power LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="COB LEDs" data-omni="led_footer:cob leds" href="/lighting/cob-leds/" target="_self">COB LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="CSP LEDs" data-omni="led_footer:csp leds" href="/lighting/csp-leds/" target="_self">CSP LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="LED Modules" data-omni="led_footer:led modules" href="/lighting/led-modules/" target="_self">LED Modules</a> </li> <!-- <li class="global-element-footer-category__item"> <a href="#none" class="global-element-footer-category__link">Applications</a> </li> --> </ul> </div> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Automotive" data-led-toggle=""><strong>Automotive</strong></button> <!-- // 2023-02-27 : 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="PixCell LED" data-omni="led_footer:pixcell led" href="/automotive/automotive-modules/pixcell-led/" target="_self">PixCell LED</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="C Series" data-omni="led_footer:c series" href="/automotive/automotive-leds/c-series/" target="_self">C Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="U Series" data-omni="led_footer:u series" href="/automotive/automotive-leds/u-series/" target="_self">U Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="I Series" data-omni="led_footer:i series" href="/led/automotive/automotive-leds/i-series/" target="_self">I Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="T Series" data-omni="led_footer:t series" href="/automotive/automotive-leds/t-series/" target="_self">T Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Fx Series" data-omni="led_footer:fx series" href="/automotive/automotive-leds/fx-series/" target="_self">Fx Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="S Series" data-omni="led_footer:s series" href="/automotive/automotive-leds/s-series/" target="_self">S Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="P Series" data-omni="led_footer:p series" href="/automotive/automotive-leds/p-series/" target="_self">P Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="E Series" data-omni="led_footer:e series" href="/automotive/automotive-leds/e-series/" target="_self">E Series</a> </li> </ul> </div> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Display &amp;amp; Mobile" data-led-toggle=""><strong>Display &amp; Mobile</strong></button> <!-- // 2023-02-27 : 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Edge Display LED" data-omni="led_footer:edge display led" href="/display-mobile/display-leds/edge-display-led/" target="_self">Edge Display LED</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Direct Display LED" data-omni="led_footer:direct display led" href="/display-mobile/display-leds/direct-display-led/" target="_self">Direct Display LED</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Mobile Flash LED" data-omni="led_footer:mobile flash led" href="/display-mobile/mobile-leds/mobile-flash-led/" target="_self">Mobile Flash LED</a> </li> </ul> </div> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="titleEngtext" data-led-toggle=""><strong>Global Sites</strong></button> <!-- // 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Semiconductor : Open in a new window" data-omni="led_footer:semiconductor" href="https://www.samsung.com/semiconductor/" target="_blank">Semiconductor</a> </li> <li class="global-element-footer-category__item"> <!-- 2023-02-27 : 중복 class 제거 --> <a class="global-element-footer-category__link" title="Display : Open in a new window" data-omni="led_footer:display" href="https://www.samsungdisplay.com/" target="_blank">Display</a> <!-- // 2023-02-27 : 중복 class 제거 --> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Networks : Open in a new window" data-omni="led_footer:networks" href="https://www.samsung.com/global/business/networks/" target="_blank">Networks</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Compressor : Open in a new window" data-omni="led_footer:compressor" href="https://www.samsung.com/global/business/compressor/" target="_blank">Compressor</a> </li> <li class="global-element-footer-category__item"> <!-- 2023-02-27 : 중복 class 제거 --> <a class="global-element-footer-category__link" title="Healthcare : Open in a new window" data-omni="led_footer:healthcare" href="https://www.samsunghealthcare.com/" target="_blank">Healthcare</a> <!-- // 2023-02-27 : 중복 class 제거 --> </li> </ul> </div> </div> </li> </ul> <div class="global-element-footer-bottom"> <div class="global-element-footer-sns"> <div class="global-element-footer-sns-wrap"> <dl class="global-element-footer-sns-con"> <dt class="global-element-footer-sns__title">Stay in the loop?</dt> <dd class="global-element-footer-sns__link"> <a class="global-element-footer-bottom-sns facebook" id="socials_01_0300" title="Facebook : Open in a new window" data-omni="led_follow:facebook" href="https://www.facebook.com/SamsungLED/" target="_blank"> </a> <a class="global-element-footer-bottom-sns linkedin" id="socials_01_0301" title="LinkedIn : Open in a new window" data-omni="led_follow:linkedin" href="https://www.linkedin.com/showcase/13244109" target="_blank"> </a> <a class="global-element-footer-bottom-sns youtube" id="socials_01_0302" title="Youtube : Open in a new window" data-omni="led_follow:youtube" href="https://www.youtube.com/samsungledin" target="_blank"> </a> </dd> </dl> </div> </div> <div class="global-element-footer-bottom-con-left"> <div class="global-element-footer-bottom-legal"> <a class="global-element-footer-bottom__link" href="/led/privacy/" data-omni="" title="PRIVACY"><strong>Privacy</strong></a> <a class="global-element-footer-bottom__link" href="/led/legal/" data-omni="" title="LEGAL"><strong>Legal</strong></a> <a class="global-element-footer-bottom__link" href="/led/cookies/" data-omni="" title="COOKIES"><strong>Cookies</strong></a> <a class="global-element-footer-bottom__link" href="/led/accessibility/" data-omni="" title="ACCESSIBILITY"><strong>Accessibility</strong></a> <a class="global-element-footer-bottom__link" href="/led/sitemap/" data-omni="" title="SITEMAP"><strong>Sitemap</strong> </a> </div> <p class="global-element-footer-bottom-copyright">ⓒ 2023 Samsung ALL rights reserved.</p> </div> </div> <!-- 2023-02-07 : GNB에 <header id="menu" class="global-element-gnb sub"> id="menu"가 있어야 상단 바로가기 버튼 활성화 됨. --> <div class="fab-area"> <a href="#menu" class="btn-goTop" aria-label="Go to Top"></a> </div> </div> </footer> <!-- // 2023_new footer --> <!--googleon: all--> <!-- googleoff: all--> <script> ;(function(win,doc,callback){'use strict';callback=callback||function(){};function detach(){if(doc.addEventListener){doc.removeEventListener('DOMContentLoaded',completed);}else{doc.detachEvent('onreadystatechange',completed);}}function completed(){if(doc.addEventListener||event.type==='load'||doc.readyState==='complete'){detach();callback(window,window.jQuery);}}function init(){if (doc.addEventListener){doc.addEventListener('DOMContentLoaded',completed);}else{doc.attachEvent('onreadystatechange',completed);}}init();})(window,document,function(win,$){ (function (exports, $, win) { var exports = exports; var $win = $(window); let isMobile = window.innerWidth > 0 && window.innerWidth <= 767; $(function () { $html = $('html'); $body = $('body'); $header = $('#header'); footerToggleBtn(); // MO 사이즈 아코디언 메뉴 $('body').on('click', '.js_footer_category_acco', function () { isMobile = window.innerWidth > 0 && window.innerWidth <= 767; if (isMobile) { $(this).toggleClass('active').parent().parent().siblings().find('.js_footer_category_acco').removeClass('active'); } else { return; } }); $(window).on( 'load scroll', debounce(function () { fabScroll(); }, 200) ); //z-index 문제로 css 때려넣고 시작. $('.global-element-footer').closest('.static-content').css({ position: 'relative', zIndex: '40', }); }); function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; } function fabScroll() { let $wTop = $win.scrollTop(); let $targetOffset = 500; const $articleHeaderSns = $('.AR02_article-header-sns'); if ($wTop > $targetOffset) { $('.fab-area').addClass('active'); if ($articleHeaderSns.length > 0) { $articleHeaderSns.addClass('active'); } } else { $('.fab-area').removeClass('active'); if ($articleHeaderSns.length > 0) { $articleHeaderSns.removeClass('active'); } } } // 토글버튼 function footerToggleBtn() { var $ftAnchor = $('.global-element-footer-category__anchor'); $ftAnchor.each(function () { $(this).on('click', function (e) { e.preventDefault(); var $ftParent = $(this).parent().parent().find('.global-element-footer-category'); if ($ftParent.length > 1) { $(this).attr('aria-pressed', 'true').parent().toggleClass('active').siblings().removeClass('active').find('.global-element-footer-category__anchor').attr('aria-pressed', 'false'); $(this).parent().parent().siblings().find('.global-element-footer-category').removeClass('active').find('.global-element-footer-category__anchor').attr('aria-pressed', 'false'); } else { $(this).attr('aria-pressed', 'true').parent().toggleClass('active').parent().siblings().find('.global-element-footer-category').removeClass('active').find('.global-element-footer-category__anchor').attr('aria-pressed', 'false'); } if ($(this).parent().hasClass('active')) { $(this).attr('aria-pressed', 'true'); } else { $(this).attr('aria-pressed', 'false'); } }); }); } })(this, this.jQuery, window); }); </script> <!--googleon: all--> </div> </div> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.min.js"></script> <script src="/etc/designs/led/global/business/common/common-plugins.min.js"></script> <script src="/etc/designs/led/global/business/common/common-led.min.js"></script> <script src="/etc/designs/led/global/business/templates/page.min.js"></script> <script src="/etc/designs/led/global/business/templates/page-pcd.min.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10