CINXE.COM
Turn Signal Applications | SAMSUNG LED | Samsung LED Global Website
<!DOCTYPE html> <html lang="en-GB" itemscope="" itemtype="http://schema.org/WebPage"> <head> <title>Turn Signal Applications | SAMSUNG LED | Samsung LED Global Website</title> <meta name="title" content="Turn Signal Applications | 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/applications/turn-signal/"> <meta name="keywords" content="Automotive Light,Automotive Lighting,Automotive LED,Samsung Automotive Light,Samsung Automotive Lighting,Samsung Automotive LED"> <meta name="description" content="Highly conspicuous light with sleek design. Complying with intensity requirements in small form emits eye-catching light while allowing design freedom to add a sleek touch."> <meta name="date" content="2021-08-20"><!--Latest Publishing Date --> <meta name="sitecode" content="led"> <meta property="og:type" content="website"> <meta itemprop="og:url" content="https://led.samsung.com/automotive/applications/turn-signal/"> <meta property="og:title" content="Turn Signal Applications | SAMSUNG LED | Samsung LED Global Website"/> <meta property="og:description" content="Highly conspicuous light with sleek design. Complying with intensity requirements in small form emits eye-catching light while allowing design freedom to add a sleek touch."/> <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/applications/turn-signal/"> <meta itemprop="description" content="Highly conspicuous light with sleek design. Complying with intensity requirements in small form emits eye-catching light while allowing design freedom to add a sleek touch."> <meta itemprop="keywords" content="Automotive Light,Automotive Lighting,Automotive LED,Samsung Automotive Light,Samsung Automotive Lighting,Samsung Automotive LED"> <link rel="shortcut icon" href="//cdn.samsung.com/etc/designs/smg/global/imgs/favicon.ico"> <link rel="apple-touch-icon" href="//cdn.samsung.com/etc/designs/smg/global/imgs/app_ico.gif"> <link rel="stylesheet" href="/etc/designs/led/global/business/css/four-column-links.css" type="text/css"> <link rel="stylesheet" type="text/css" href="/etc/designs/led/global/business/css/main.css"> <link rel="stylesheet" href="/etc/designs/led/global/business/common/common-plugins.min.css" type="text/css"/> <link rel="stylesheet" href="/etc/designs/led/global/business/common/common-led.min.css" type="text/css"/> <link rel="stylesheet" href="/etc/designs/led/global/business/templates/page.min.css" type="text/css"/> <link rel="stylesheet" href="/etc/designs/led/global/business/templates/page-applications.min.css" type="text/css"/> <!--[if lt IE 9]> <script src="/etc/designs/led/global/business/js/modern.lib.min.js"></script> <![endif]--> <script type="text/javascript"> var replaceAll = function(source, regex, replacement) { var regExp = new RegExp(regex, "gi"); return source.replace(regExp, replacement); } var siteCode = "global"; var digitalData = { "page" : { "pageInfo" : { "siteCode" : siteCode, "siteSection" : siteCode + ":" + "led", "pageName" : "", "pageURL" : window.location.href, "pageTrack" : "led application" }, "pathIndicator" : { "depth_2" : "", "depth_3" : "", "depth_4" : "", "depth_5" : "" } }, "product" : { "category" : "", "model_code" : "", "model_name" : "" }, "insight" : { "contents_type" : "", "content_title" : "" } } // Depth Info. var depth = 5; // Set Path Indicator. digitalData.page.pathIndicator.depth_2 = "led"; if (depth >= 3) digitalData.page.pathIndicator.depth_3 = "automotive".toLowerCase(); if (depth >= 4) digitalData.page.pathIndicator.depth_4 = "applications".toLowerCase(); if (depth >= 5) digitalData.page.pathIndicator.depth_5 = "turn signal".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="bdpnbeqxjpkdmz2g5gmq-f-56d022469-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":"86fa508","ak.r":42017,"ak.a2":n,"ak.m":"","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":40868,"ak.gh":"184.28.235.37","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732700569","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==VfmSkYQj3lSSwU/nljz4ZqcuMM30Q7LW+gtJtJPgOaG6lPlqWM4fdTWEgCYvvXJ6aMqQ8gGEw41WO9ecyWNLgTsUhSsWG8xVGhhKBumoiTlqC5FBxbUpL/gDfWXbB3Bif6cwip6d8oc/vDf342x3AFkUzYJ7pBpEfLx5bVKCSjFDhnkXR6p06IKq4MnEAGRCEUhwZBxDJYB3JbJT8QczqL5TLkX79JT+m6x3yJGcV+UkNg2mSRUnLacRanxQkB5P5AXlfyJuRh5asrBPFrrN3bNJs2sUGxYeCFqci/LJ1nClKhGG5fvfl9BnjKIVSIId4/H/k+oQBipo/ZVH+o0jvQeJHrGXWRHDFJXbo3jCUygs7FxzfdtWB+zsX4V4qbKWuMutSc/C0NGA2oyU9BdaZvYiNy744WL7/ukeRrMbanQ=","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 & Mobile </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center "> <div class="global-element-gnb-category-feature left"> <div class="global-element-gnb-category__feature-title">Display LEDs</div> <div class="global-element-gnb-category__feature-image"> <figure class="global-element-gnb-category__feature__image__picture"> <!-- [WSC-692] GNB - 배너 클릭 가능하게 수정 및 Learn more 버튼 마진 수정 --> <!-- a 태그 추가하였습니다 --> <a href="/display-mobile/display-leds/"> <picture> <source media="(min-width: 1024px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-displaymobile.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-displaymobile.png?$ORIGIN_PNG$"/> <img loading="lazy" src="https://image.led.samsung.com/image/samsung/p6/led/gnb/gnb-banner-displaymobile.png?$ORIGIN_PNG$" class="global-element-gnb-category__feature__image" width="128" height="72" alt="Samsung LEDs sunset inside a TV perfectly connected to the real one outside due to bezel-less design"/> </picture> </a> <!-- //a 태그 추가하였습니다 --> </figure> </div> <div class="global-element-gnb-category__feature-summary"></div> <a href="/display-mobile/display-leds/" class="global-element-gnb-learnmore-btn dark-bg btn-large icon-right">LEARN MORE</a> </div> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="/display-mobile/display-leds/"> <span>Display LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list onlyMobile" aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/display-leds/"> Overview </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/display-leds/edge-display-led/"> Edge Display LED </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/display-leds/direct-display-led/"> Direct Display LED </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>Mobile LEDs</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/display-mobile/mobile-leds/mobile-flash-led/"> Mobile Flash LED </a> </li> </ul> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> </ul> <ul class="global-element-gnb-column"> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large" href="/insights/"> Insights </a> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> Support </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center notFeature "> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>Tools</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/support/tools/quick-downloads/"> Quick Downloads </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/support/tools/led-component-calculator/"> LED Component Calculator </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/support/tools/engine-calculator/"> Engine Calculator </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" title="open new window" target="_blank" href="fncontactus"> <span>Contact Us</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/sales-network/"> <span>Sales Network</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/in-brand/"> <span>In-branding Program</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/warranties/"> <span>Warranties</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/support/ecodesign/"> <span>Ecodesign</span> </a> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <!-- /* 하위 a 마우스 오버시 active 클래스 붙으며 메뉴 확장*/ --> <li class="global-element-gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="global-element-gnb-category-title underline-btn dark-bg btn-large"> About Us </a> <div class="global-element-gnb-category-wrap"> <div class="global-element-gnb-category-center notFeature centered"> <ul class="global-element-gnb-category-list"> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/about-us/business-overview/"> <span>Business Overview</span> </a> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title " href="#none"> <span>News & Events</span> </a> <ul class="global-element-gnb-category-item__column"> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/about-us/news-events/news/"> News </a> </li> <li class="global-element-gnb-category-item__column-list " aria-hidden="false"> <a class="global-element-gnb-category-item__column-title" href="/about-us/news-events/events/"> Events </a> </li> </ul> </li> <!-- /* onlyMobile 클래스 붙으면 모바일에서만 노출 되는 메뉴가 됨, aria-hidden도 바뀜 */ --> <!-- /* noChild 자식이 없을 경우 클래스 추가*/ --> <li class="global-element-gnb-category-item " aria-hidden="false"> <a class="global-element-gnb-category-item__title noChild" href="/about-us/virtual-exhibition/"> <span>Virtual Exhibition</span> </a> </li> </ul> <button class="global-element-gnb-column-category-close" aria-label="close tablet menu category" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> </ul> <div class="global-element-gnb-btnMenuPopupClose"> <button type="button" aria-label="close to menu popup"></button> </div> </nav> <div class="global-element-gnb-utility"> <button type="button" class="global-element-gnb-utility__search-btn btnSearchPopupOpen" aria-label="open to search popup"> <img src="/etc.clientlibs/led/components/global/content/business/global-element/ge-led-gnb/clientlibs/resources/img/icon-bold-action-search-wh.svg" aria-hidden="true" alt=""/> </button> <!-- mobile menu --> <button type="button" class="global-element-gnb-utility__menu-btn btnMenuPopupOpen" aria-label="open to menu popup"> <img src="/etc.clientlibs/led/components/global/content/business/global-element/ge-led-gnb/clientlibs/resources/img/icon-regular-navigation-menu-wh.svg" aria-hidden="true" alt=""/> </button> <!-- // mobile menu --> </div> </div> <!--googleon: all--> <div class="search-popup ge-led-search-popup"><!-- googleoff: all--> <!-- 2023_new Search --> <div id="search-popup-01" class="global-element-search none none " aria-hidden="true"> <div class="global-element-search-wrapper"> <div class="global-element-search-form" id="globalElementSearchsearchPopupForm"> <!-- /* heading level none 시 div 태그로 변경 */--> <h2 class="global-element-search-title highContrastTarget h2"> <label for="globalElementSearchinp_search">What are you looking for?</label> </h2> <!-- /* heading level none 시 div 태그로 변경 */--> <div class="fieldset"> <div class="global-element-search-inputbox-wrap" tabindex="0"> <!-- /* placeholder 최대 20자 (기능 구현 불가) */ --> <input class="global-element-search-inputbox" id="globalElementSearchinp_search" type="search" value="" placeholder="Search keyword" autocomplete="off" maxlength="110"/> <button type="button" class="btn-input-clear" aria-label="clear input field"></button> <!-- /* related-searches */ --> <div class="global-element-search-related-searches search-extends" aria-hidden="true"> <dl> <dt class="highContrastTarget">Related Searches</dt> </dl> <!-- 220405 레이어 닫기 버튼 추가 --> <div><button type="button" class="search-extends-close">Close</button></div> </div> <!-- /* related-searches */ --> <!-- /* search-history */ --> <div class="global-element-search-history search-extends" aria-hidden="true"> <dl> <dt class="highContrastTarget">Search History</dt> </dl> <button type="button" class="btn-clear-all light-bg btn-medium"> Clear All </button> <div><button type="button" class="search-extends-close">Close</button></div> </div> <!-- /* search-history */ --> <div class="global-element-search-no-suggestions search-extends" aria-hidden="true">Hit Enter to Search</div> <button type="button" class="btn-newsSubmitSearch" aria-label="submit"></button> </div> <div class="global-element-search-recommend-chips"> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">Horticulture</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">PixCell LED</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">Mini LED</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">LM301H EVO</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget">LH508D</a> </div> <button type="button" class="btnSearchPopupClose" aria-label="close search popup"></button> </div> </div> </div> </div> <!-- // 2023_new Search --> <!--googleon: all--></div> </header> <div id="pageUtilHeader" data-run-mode="[prd][s7connect][crx3][nosamplecontent][publish][live][crx3tar]" data-new-search-domain="https://search.led.samsung.com" data-scene7-image-domain="https://image.led.samsung.com/image/samsung/p6" data-scene7-content-domain="https://image.led.samsung.com/content/samsung/p6" style="display:none"> </div> <div id="content" role="main"> <!-- include the parsys component --> <div class="par parsys"><div class="st-led-static-content section"> <!-- googleoff: all--> <style scoped="scoped"> .led-hero-kv { position: relative; max-width: 1440px; margin: 0 auto; width:100%;} .led-hero-kv .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .led-hero-kv .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .led-hero-kv .slick-list:focus { outline: none; } .led-hero-kv .slick-list.dragging { cursor: pointer; cursor: hand; } .led-hero-kv .slick-slider .slick-track, .led-hero-kv .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .led-hero-kv .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .led-hero-kv .slick-track:before, .led-hero-kv .slick-track:after { display: table; content: ''; } .led-hero-kv .slick-track:after { clear: both; } .led-hero-kv .slick-loading .slick-track { visibility: hidden; } .led-hero-kv .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .led-hero-kv [dir='rtl'] .slick-slide { float: right; } .led-hero-kv video { width: 100%; } .led-hero-kv .slick-slide video { width: 100%; vertical-align: top; } .led-hero-kv .slick-slide img { width: 100%; vertical-align: top; } .led-hero-kv .slick-slide.slick-loading img { display: none; } .led-hero-kv .slick-slide.dragging img { pointer-events: none; } .led-hero-kv .slick-initialized .slick-slide { display: block; } .led-hero-kv .slick-loading .slick-slide { visibility: hidden; } .led-hero-kv .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .led-hero-kv .slick-arrow.slick-hidden { display: none; } .led-hero-kv .blind { overflow: hidden; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); } .led-hero-kv__pc-image { display: inline; width: 100%; } .led-hero-kv__mo-image { display: none; width: 100%; } .led-hero-kv__item-box { position: relative; z-index: 1; } .led-hero-kv__pc-txt { position: absolute; } .led-hero-kv__mb-txt { position: absolute; display: none; } .led-hero-kv__pc-txt, .led-hero-kv__mb-txt { z-index: 2; } .led-hero-kv__pc-txt.white *, .led-hero-kv__mb-txt.white * { color: #fff; } .led-hero-kv__pc-txt.black *, .led-hero-kv__mb-txt.black * { color: #000; } .led-hero-kv__pc-txt.align-center, .led-hero-kv__mb-txt.align-center { top: 50%; left: 0; right: 0; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .led-hero-kv__pc-txt.text-center, .led-hero-kv__mb-txt.text-center { text-align: center; } .led-hero-kv__pc-txt.text-left, .led-hero-kv__mb-txt.text-left { text-align: left; } .led-hero-kv__pc-txt.text-right, .led-hero-kv__mb-txt.text-right { text-align: right; } .led-hero-kv__item-eybrow { padding: 3px 0px 16px; padding: 0.20833vw 0vw 1.11111vw; font-size: 14px; font-size: 0.97222vw; line-height: 24px; line-height: 1.66667vw; } @media (min-width: 1440px) { .led-hero-kv__item-eybrow { padding: 3px 0px 16px; } } @media (min-width: 1440px) { .led-hero-kv__item-eybrow { font-size: 14px; } } @media (min-width: 1440px) { .led-hero-kv__item-eybrow { line-height: 24px; } } .led-hero-kv__item-tit { font-size: 44px; font-size: 3.05556vw; line-height: 56px; line-height: 3.88889vw; font-family: "SamsungSharpSans", arial; } @media (min-width: 1440px) { .led-hero-kv__item-tit { font-size: 44px; } } @media (min-width: 1440px) { .led-hero-kv__item-tit { line-height: 56px; } } .led-hero-kv__item-description { padding: 27px 0px 2px; padding: 1.875vw 0vw 0.13889vw; font-size: 20px; font-size: 1.38889vw; line-height: 32px; line-height: 2.22222vw; } @media (min-width: 1440px) { .led-hero-kv__item-description { padding: 27px 0px 2px; } } @media (min-width: 1440px) { .led-hero-kv__item-description { font-size: 20px; } } @media (min-width: 1440px) { .led-hero-kv__item-description { line-height: 32px; } } .led-hero-kv__controller { position: absolute; left: 0; right: 0; bottom: 30px; bottom: 2.08333vw; text-align: center; font-size: 0; z-index: 3; } @media (min-width: 1440px) { .led-hero-kv__controller { bottom: 30px; } } .led-hero-kv__dots { display: inline-block; vertical-align: middle; } .led-hero-kv__play-controll { display: inline-block; vertical-align: middle; margin-left: 8px; width: 12px; height: 14px; background-repeat: no-repeat; background-image: url(/etc/designs/led/global/business/imgs/btn-autopause.png); } .led-hero-kv__play-controll.pause { background-position: -12px 0; } .led-hero-kv__play-controll.auto { background-position: 0 0; } .led-hero-kv .slick-arrow { position: absolute; display: block; overflow: hidden; top: 50%; margin-top: -62.5px; margin-top: -4.34028vw; width: 60px; width: 4.16667vw; height: 125px; height: 8.68056vw; border-width: 0; box-shadow: none; border-color: transparent; background-color: #000; background-color: rgba(0, 0, 0, 0.6); transition: .08s background-color ease-in; font-size: 0; line-height: 0; z-index: 2; } @media (min-width: 1440px) { .led-hero-kv .slick-arrow { margin-top: -62.5px; } } @media (min-width: 1440px) { .led-hero-kv .slick-arrow { width: 60px; } } @media (min-width: 1440px) { .led-hero-kv .slick-arrow { height: 125px; } } .led-hero-kv .slick-arrow.slick-prev { left: 0; padding-right: 3px; padding-right: 0.20833vw; border-radius: 0px 5px 5px 0px; border-radius: 0vw 0.34722vw 0.34722vw 0vw; } @media (min-width: 1440px) { .led-hero-kv .slick-arrow.slick-prev { padding-right: 3px; } } @media (min-width: 1440px) { .led-hero-kv .slick-arrow.slick-prev { border-radius: 0px 5px 5px 0px; } } .led-hero-kv .slick-arrow.slick-prev:after { background-image: url(/etc/designs/led/global/business/imgs/slick-carousel-left.png); } .led-hero-kv .slick-arrow.slick-next { right: 0; padding-left: 3px; padding-left: 0.20833vw; border-radius: 5px 0px 0px 5px; border-radius: 0.34722vw 0vw 0vw 0.34722vw; } @media (min-width: 1440px) { .led-hero-kv .slick-arrow.slick-next { padding-left: 3px; } } @media (min-width: 1440px) { .led-hero-kv .slick-arrow.slick-next { border-radius: 5px 0px 0px 5px; } } .led-hero-kv .slick-arrow.slick-next:after { background-image: url(/etc/designs/led/global/business/imgs/slick-carousel-right.png); } .led-hero-kv .slick-arrow:after { display: block; position: relative; top: 0; left: 0; margin: 0 auto; width: 24px; width: 1.66667vw; height: 44px; height: 3.05556vw; background-repeat: no-repeat; background-size: 100%; content: ''; } @media (min-width: 1440px) { .led-hero-kv .slick-arrow:after { width: 24px; } } @media (min-width: 1440px) { .led-hero-kv .slick-arrow:after { height: 44px; } } .led-hero-kv .slick-dots { display: inline-block; vertical-align: middle; margin: 0 -4px; font-size: 0; } .led-hero-kv .slick-dots li { display: inline-block; padding: 0 4px; } .led-hero-kv .slick-dots li.slick-active button { background-color: #fff; } .led-hero-kv .slick-dots button { display: block; box-sizing: border-box; overflow: hidden; padding: 0; width: 14px; height: 14px; border: 1px solid #fff; border-radius: 50%; text-indent: -999em; background: none; } @media screen and (max-width: 768px) { .led-hero-kv__item-eybrow { padding: 4.26667px 0px 38.4px; padding: 0.55556vw 0vw 5vw; font-size: 29.86667px; font-size: 3.88889vw; line-height: 51.2px; line-height: 6.66667vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .led-hero-kv__item-eybrow { padding: 2px 0px 18px; padding: 0.55556vw 0vw 5vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .led-hero-kv__item-eybrow { font-size: 14px; font-size: 3.88889vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .led-hero-kv__item-eybrow { line-height: 24px; line-height: 6.66667vw; } } @media screen and (max-width: 768px) { .led-hero-kv__item-tit { font-size: 68.26667px; font-size: 8.88889vw; line-height: 85.33333px; line-height: 11.11111vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .led-hero-kv__item-tit { font-size: 32px; font-size: 8.88889vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .led-hero-kv__item-tit { line-height: 40px; line-height: 11.11111vw; } } @media screen and (max-width: 768px) { .led-hero-kv__item-description { font-size: 38.4px; font-size: 5vw; line-height: 64px; line-height: 8.33333vw; padding: 38.4px 0px 0px; padding: 5vw 0vw 0vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .led-hero-kv__item-description { font-size: 18px; font-size: 5vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .led-hero-kv__item-description { line-height: 30px; line-height: 8.33333vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .led-hero-kv__item-description { padding: 18px 0px 0px; padding: 5vw 0vw 0vw; } } @media screen and (max-width: 768px) { .led-hero-kv .kv-video { display: none !important; } .led-hero-kv__pc-image, .led-hero-kv__pc-txt { display: none !important; } .led-hero-kv__mo-image, .led-hero-kv__mb-txt { display: inline !important; } .led-hero-kv__mb-txt { width: 100%; box-sizing: border-box; padding: 0px 34.13333px; padding: 0vw 4.44444vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .led-hero-kv__mb-txt { padding: 0px 16px; padding: 0vw 4.44444vw; } } @media screen and (max-width: 768px) { .led-hero-kv__controller { bottom: 64px; bottom: 8.33333vw; } } @media screen and (max-width: 768px) and (max-width: 360px) { .led-hero-kv__controller { bottom: 30px; bottom: 8.33333vw; } } </style> <!--googleon: all--> <section class="led-hero-kv" data-options='{"autoplaySpeed" : 6000}'> <!-- autoplaySpeed 값에 슬라이드 오토플레이 원하는 시간으로 설정해주세요 설정하지 않는 경우 3초로 제공됩니다 (ex:6000은 6초) --> <div class="led-hero-kv__slider"> <div class="led-hero-kv__item video"> <div class="led-hero-kv__item-box"> <div class="led-hero-kv__txt-area"> <!-- PC 텍스트 --> <div class="led-hero-kv__pc-txt white align-left" data-position='{"top": 170, "left": 200}' style="display:none;"> <!-- 텍스트 상하좌우 Center 정렬시 무조건 스타일 속성 지워주시고 "align-center" 클래스 추가해주세요 --> <!-- *텍스트 컬러 적용 ex) white & black 클래스 추가, *텍스트박스 위치조절 ex) data-position='{"top": 162, "left": 485}' *텍스트 정렬 ex) text-center & text-left & text-right --> <h2 class="led-hero-kv__item-tit">Turn Signal</h2> </div> <!-- MOBILE 텍스트 --> <div class="led-hero-kv__mb-txt white align-center" data-position='{"top": 300}'> <!-- 텍스트 상하좌우 Center 정렬시 무조건 data-position 속성 지워주시고 "center" 클래스 추가해주세요 --> <!-- *텍스트 컬러 적용 ex) white & black 클래스 추가, *텍스트박스 위치조절 ex) data-position='{"top": 162, "left": 485}' *텍스트 정렬 ex) text-center & text-left & text-right --> <h2 class="led-hero-kv__item-tit">Turn Signal</h2> </div> </div> <!-- PC 동영상 --> <video class="kv-video pc-view" poster="" muted preload="metadata" loop> <source src="https://image.led.samsung.com/content/samsung/p6/led/automotive/applications/turn-signal/automotive-applications-turn-signal-kv-desktop.mp4" type="video/mp4"/> </video> <!-- MOBILE 이미지 --> <img src="https://image.led.samsung.com/image/samsung/p6/led/automotive/applications/turn-signal/automotive-applications-turn-signal-kv-mobile.jpg?$ORIGIN_JPG$" class="led-hero-kv__mo-image" alt="Samsung LEDs turn signal illuminating orange light."> </div> </div> </div> <div class="led-hero-kv__controller"> <div class="led-hero-kv__dots"> </div> <a href="#" data-omnt="" class="led-hero-kv__play-controll pause" title="pause"><span class="blind">pause</span></a> </div> </section> <!-- 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() { $('.led-hero-kv').each(function() { var customOptions = $(this).data('options'); var slickDefaults = { flag : false, beforeVideo : '', pauseText : 'pause', autoText : 'auto', infinite: true, dots: true, appendDots: $(this).find('.led-hero-kv__dots'), autoplay: true, autoplaySpeed: 3000, responsive : [ { breakpoint: 768, settings: { arrows: false } } ] } var options = $.extend({} , slickDefaults, customOptions); var $self = $(this); var $slick = $self.find('.led-hero-kv__slider'); var $controller = $self.find('.led-hero-kv__play-controll'); var $item = $self.find('.led-hero-kv__item'); var contentWidth; var contentHeight; var percentResult; if ($('video').length && $(window).width() > 767) { $self.find('video').on('loadedmetadata', function() { console.log("loadmetada.."); positionSetting(setSlick); }).each(function() { if(this.canPlayType) $(this).load(); }); } $self.find('img').on('load', function() { positionSetting(setSlick); }).each(function() { if(this.complete) $(this).load(); }); function setSlick() { if (!$slick.data('initialized')) { if ($slick.find('.led-hero-kv__item').length > 1) { $slick.data('initialized', true); $slick.slick(options).on('beforeChange', function (e, slick, currentSlide, nextSlide) { if ($(slick.$slides[currentSlide]).hasClass('video') && $(window).width() > 767) { beforeVideo = $(slick.$slides[currentSlide]).find('video')[0]; } }).on('afterChange', function(e, slick, currentSlide) { if ($(window).width() > 768) { beforeVideo.pause() beforeVideo.currentTime = 0; } if ($(slick.$slides[currentSlide]).hasClass('video') && $(window).width() > 767) { $(slick.$slides[currentSlide]).find('video')[0].play(); } }) } else { $slick.data('initialized', false); $self.find('.led-hero-kv__controller').hide(); } if (!options.flag && $self.find('.slick-current.video').not('.slick-cloned').length && $(window).width() > 768) { options.flag = true; $self.find('.slick-current.video').not('.slick-cloned').find('video')[0].play(); return options.flag } else if (!$slick.hasClass('slick-initialized') && $slick.find('.led-hero-kv__item').hasClass('video') && $(window).width() > 768) { $self.find('video')[0].play(); } } } $controller.on('click', function(e) { e.preventDefault(); if ($(this).hasClass(options.pauseText)) { $slick.slick('slickPause'); autoPauseControll($(this), options.pauseText, options.autoText, options.autoText); } else { $slick.slick('slickPlay'); autoPauseControll($(this), options.autoText, options.pauseText, options.pauseText); } }) function positionSetting (callbackSlick) { $self.find('.led-hero-kv__pc-txt').show(); contentWidth = $self.find('.led-hero-kv__item').width(); contentHeight = $self.find('.led-hero-kv__item').height(); $item.each(function() { var $textBoxPc = $(this).find('.led-hero-kv__pc-txt'); var $textBoxMb = $(this).find('.led-hero-kv__mb-txt'); var textPositionPc = $textBoxPc.data('position'); var textPositionMb = $textBoxMb.data('position'); setPos(textPositionPc, $textBoxPc) setPos(textPositionMb, $textBoxMb) function setPos(position, target) { if (typeof position === 'object') { var positionTop = getPercent('top', position.top || ''); var positionLeft = getPercent('left', position.left || ''); target.css({ top : positionTop + '%' || '', left : positionLeft + '%' || '' }) } } }) return callbackSlick() } function getPercent (key, value) { percentResult = key === 'left' ? (value / contentWidth) * 100 : (value / contentHeight) * 100; return percentResult } function autoPauseControll(self, rmClass, addClass, text) { self.removeClass(rmClass).addClass(addClass).attr('title', text).find('span').text(text); } }) }) }); </script> <!--googleon: all--> </div> <div class="fb-led-feature-two-column-half-text section"> <section class="halftext halftext--right "> <div class="halftext__content"> <h2 class="halftext__title">Highly Conspicuous Light<br />with Sleek Design</h2> <strong class="halftext__sub-title">Compact Size with Performance Gives Your Vehicle a Stylish Look</strong> <p class="halftext__text">Complying with intensity requirements in small form emits <br />eye-catching light while allowing design freedom to add a sleek touch</p> <span class="halftext__desc"></span> </div> <figure class="halftext__figure"> <img class="js-img-src" data-src-mobile="https://image.led.samsung.com/image/samsung/p6/led/automotive/applications/turn-signal/automotive-applications-turnsignal-mobile.png?$ORIGIN_PNG$" src="https://image.led.samsung.com/image/samsung/p6/led/automotive/applications/turn-signal/automotive-applications-turnsignal-desktop.png?$ORIGIN_PNG$" alt="Samsung LEDs a turn signal light illuminating a yellow light on the black squared car" data-src-pc="https://image.led.samsung.com/image/samsung/p6/led/automotive/applications/turn-signal/automotive-applications-turnsignal-desktop.png?$ORIGIN_PNG$"/> </figure> </section></div> <div class="pd-led-product-selection-guide section"> <div class="pd-product-selection-guide"> <h2 class="pd-product-selection-guide-title">Fx Series</h2> <div class="pd-product-selection-guide-detail all-no-option"> <table class="pd-product-selection-guide-detail-table"> <caption>product selection guide detail</caption> <colgroup> <col class="product"/> <col class="keyfeatures"/> <col class="efficacy"/> <col class="lifespan"/> </colgroup> <thead> <tr> <th scope="col" class="product">Product</th> <th scope="col" class="keyfeatures">Key Features</th> <th scope="col" class="efficacy">Efficacy<div class="br">(lm/W)</div></th> <th scope="col" class="lifespan">Lifespan</th> </tr> </thead> <tbody> <tr> <td class="product"> <a href="/automotive/automotive-leds/fx-series/1w-amber/" class="pd-product-selection-guide-detail-table-anchor" data-omni="1w amber|408"> <span class="pd-product-selection-guide-detail-table-img"><img src="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/fx-series/1w-amber/automotive-fx-series-1w-amber-1.jpg?$ORIGIN_JPG$" alt="1W Amber"/></span> <strong class="pd-product-selection-guide-detail-table-name">1W Amber</strong> </a> </td> <td class="keyfeatures"> <ul class="pd-product-selection-guide-detail-table-spec"> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Part Number: SPHAM2A1N1C0</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Typ. 85 lm @ 350 mA, 3.0 V</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Thermal Resistance: 6.0 K/W (Rth J-S elec.)</li> </ul> </td> <td class="efficacy"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> <td class="lifespan"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> </tr> <tr> <td class="product"> <a href="/automotive/automotive-leds/fx-series/3w-amber/" class="pd-product-selection-guide-detail-table-anchor" data-omni="3w amber|410"> <span class="pd-product-selection-guide-detail-table-img"><img src="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/fx-series/3w-amber/automotive-fx-series-3w-amber-1.jpg?$ORIGIN_JPG$" alt="3W Amber"/></span> <strong class="pd-product-selection-guide-detail-table-name">3W Amber</strong> </a> </td> <td class="keyfeatures"> <ul class="pd-product-selection-guide-detail-table-spec"> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Part Number: SPHAMTA1N3C0</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Typ. 210 lm @ 1,000 mA, 3.0 V</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Thermal Resistance: 4.5 K/W (Rth J-S elec.)</li> </ul> </td> <td class="efficacy"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> <td class="lifespan"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> </tr> </tbody> </table> </div> <h2 class="pd-product-selection-guide-title">C Series</h2> <div class="pd-product-selection-guide-detail all-no-option"> <table class="pd-product-selection-guide-detail-table"> <caption>product selection guide detail</caption> <colgroup> <col class="product"/> <col class="keyfeatures"/> <col class="efficacy"/> <col class="lifespan"/> </colgroup> <thead> <tr> <th scope="col" class="product">Product</th> <th scope="col" class="keyfeatures">Key Features</th> <th scope="col" class="efficacy">Efficacy<div class="br">(lm/W)</div></th> <th scope="col" class="lifespan">Lifespan</th> </tr> </thead> <tbody> <tr> <td class="product"> <a href="/automotive/automotive-leds/c-series/1w-bi-color/" class="pd-product-selection-guide-detail-table-anchor" data-omni="[gen1] 1w bi-color|414"> <span class="pd-product-selection-guide-detail-table-img"><img src="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/c-series/1w-bi-color/automotive-c-series-1w-bi-color-3.png?$ORIGIN_PNG$" alt="Perspective view of 1W Bi-Color Gen1"/></span> <strong class="pd-product-selection-guide-detail-table-name">[Gen1] 1W Bi-Color</strong> </a> </td> <td class="keyfeatures"> <ul class="pd-product-selection-guide-detail-table-spec"> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Part Number: SPHWATABN100</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> PKG Size (L x W x H) : 3.00 x 2.00 x 0.86 mm</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> White: Typ. 120 lm @R2 / Amber: Typ. 75 lm @A0</li> </ul> </td> <td class="efficacy"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> <td class="lifespan"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> </tr> <tr> <td class="product"> <a href="/automotive/automotive-leds/c-series/3w-amber/" class="pd-product-selection-guide-detail-table-anchor" data-omni="[gen2] 3w amber|11246"> <span class="pd-product-selection-guide-detail-table-img"><img src="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/c-series/3w-amber/automotive-c-series-3w-amber-4.png?$ORIGIN_PNG$" alt="Perspective view of 3W Amber Gen2"/></span> <strong class="pd-product-selection-guide-detail-table-name">[Gen2] 3W Amber</strong> </a> </td> <td class="keyfeatures"> <ul class="pd-product-selection-guide-detail-table-spec"> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Part Number: SPHAMTA1N3A0</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> PKG Size (L x W x H) : 1.50 x 1.90 x 0.77 mm</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Typ. 235 lm @A0, Rth_J-S (Elec) 3.0 K/W</li> </ul> </td> <td class="efficacy"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> <td class="lifespan"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> </tr> </tbody> </table> </div> <!-- Related Documents --> <!-- //Related Documents --> </div> </div> <div class="pd-led-product-selection-guide section"> <div class="pd-product-selection-guide"> <h2 class="pd-product-selection-guide-title">S Series</h2> <div class="pd-product-selection-guide-detail all-no-option"> <table class="pd-product-selection-guide-detail-table"> <caption>product selection guide detail</caption> <colgroup> <col class="product"/> <col class="keyfeatures"/> <col class="efficacy"/> <col class="lifespan"/> </colgroup> <thead> <tr> <th scope="col" class="product">Product</th> <th scope="col" class="keyfeatures">Key Features</th> <th scope="col" class="efficacy">Efficacy<div class="br">(lm/W)</div></th> <th scope="col" class="lifespan">Lifespan</th> </tr> </thead> <tbody> <tr> <td class="product"> <a href="/automotive/automotive-leds/s-series/07w-amber/" class="pd-product-selection-guide-detail-table-anchor" data-omni="[gen1] 0.7w amber|11292"> <span class="pd-product-selection-guide-detail-table-img"><img src="https://image.led.samsung.com/image/samsung/p6/led/automotive/automotive-leds/s-series/automoetive-s-series-07w-amber-001-02.png?$ORIGIN_PNG$" alt="0.7W Amber"/></span> <strong class="pd-product-selection-guide-detail-table-name">[Gen1] 0.7W Amber</strong> </a> </td> <td class="keyfeatures"> <ul class="pd-product-selection-guide-detail-table-spec"> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Part Number: SPHAMTS2N100</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> PKG Size (L x W x H) : 2.30 x 2.30 x 0.55 mm</li> <li class="pd-product-selection-guide-detail-table-spec-item"><span>·</span> Typ. 60 lm @A0, Rth_J-S (Elec) 6.2 K/W</li> </ul> </td> <td class="efficacy"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> <td class="lifespan"> <div class="pd-product-selection-guide-detail-table-level level1"></div> </td> </tr> </tbody> </table> </div> <!-- Related Documents --> <!-- //Related Documents --> </div> </div> <div class="cm-led-contact-support-ready-to-buy section"> <div class="ready-to-buy" id="cm_led_contact_suppo_01"> <!--googleoff: all--> <div class="ready-to-buy__wrap"> <div class="ready-to-buy__in"> <div class="ready-to-buy__contents"> <div class="tech-support"> <span class="c-img"> <img src="https://image.led.samsung.com/content/samsung/p6/led/common/quick-link-icons/desktop-02-contact-us.svg" alt="Contact Us"/> </span> <strong class="c-title">Contact Us</strong> <p class="c-dec">We will help you find the right solutions for your business</p> <div class="btn-center"> <a href="fncontactus" class="s-btn-encased s-mo-full s-white" id="cm_led_contact_suppo_01_0105">EMAIL US</a> </div> </div> <div class="find-our-partners"> <span class="c-img"> <img src="https://image.led.samsung.com/content/samsung/p6/led/common/quick-link-icons/desktop-03-sales-networks.svg" alt="Sales Network"/> </span> <strong class="c-title">Sales Network</strong> <p class="c-dec">Partner site for B2B collaboration</p> <div class="btn-center"> <a href="/support/sales-network/" class="s-btn-encased s-mo-full s-white" id="cm_led_contact_suppo_01_0106">FIND OUT MORE</a> </div> </div> </div> </div> </div> <!--googleon: all--> </div> </div> </div> </div> <div class="ge-led-layer-exit-modal"> <!-- Item added --> <div class="exit-modal" role="dialog" style="display:none;" id="exit-modal_01"> <p class="exit-modal__title">You are entering <em class="urlsee">samsungha.com</em></p> <p class="exit-modal__dec"></p> <div class="exit-modal__btn"> <!-- Default button --> <!-- <a href="#" class="s-btn-encased" id="exit-modal_01_01">CONTINUE</a> --> <!-- //Default button --> <!-- new window button --> <a href="javascript:" class="s-btn-encased s-mo-full s-ico-new-window" id="exit-modal_01_01" title="Open in a new window" target="_blank">CONTINUE</a> <!-- //New Window Button --> <a href="javascript:" class="s-btn-encased js-exit-modal-close" id="exit-modal_01_02">CANCEL</a> </div> <button type="button" class="exit-modal__close js-exit-modal-close" id="exit-modal_01_03"><span id="exit-modal_01_04">Close Layer</span></button> </div> <!-- <div><button class="js-exit-modal-alert" style="font-size:40px;" data-href="http://www.samsung.com/sg">OPEN</button></div> --> <!-- //Item added --></div> <div class="cm-led-contact-us-detail"> <div class="cm-contact-us-detail"> <div class="cm-contact-us-detail-container" style="display:none;"> <div class="cm-contact-us-detail-content"> <div class="cm-contact-us-detail-content-inner"> <div class="cm-contact-us-detail-view"> <form action="/join" data-cm-contact-us-form> <div class="cm-contact-us-detail-head"> <h2 class="cm-contact-us-detail-head-title">Contact Us</h2> <p class="cm-contact-us-detail-head-par">Email us your question and we’ll get back to you.</p> </div> <div class="cm-contact-us-detail-form"> <div class="cm-contact-us-detail-form-title blind">contact-type area</div> <select name="contactType" id="" class="cm-contact-us-detail-form-select" title="Contact Type" data-placeholder="Contact Type *" required data-validation="[NOTEMPTY]"> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> <option value="productQuestions" data-omni="">Product Questions</option> <option value="qualityAssurance" data-omni="">Quality Assurance</option> <option value="websiteFeedback" data-omni="">Website Feedback</option> </select> </div> <div class="cm-contact-us-detail-form"> <!--<div class="cm-contact-us-detail-form-title">Product information <span class="system">(optional)</span></h3>--> <div class="cm-contact-us-detail-form-title">Product information</div> <ul class="cm-contact-us-detail-form-list"> <li class="cm-contact-us-detail-form-list-item"> <select name="productType" id="" class="cm-contact-us-detail-form-select" data-placeholder="Product Type (series) *" required data-validation="[NOTEMPTY]"> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> </select> </li> <li class="cm-contact-us-detail-form-list-item"> <select name="productName" id="" class="cm-contact-us-detail-form-select" data-placeholder="Product Name" required data-validation="[NOTEMPTY]"> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> </select> </li> </ul> </div> <div class="cm-contact-us-detail-form"> <div class="cm-contact-us-detail-form-title">Your information</div> <ul class="cm-contact-us-detail-form-list"> <li class="cm-contact-us-detail-form-list-item"> <label for="input-firstName" class="cm-contact-us-detail-form-list-label">First Name *</label> <input type="text" id="input-firstName" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="firstName" data-validation="[NOTEMPTY]" maxlength="50" data-validation-message="* Please input the required items." data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-lastName" class="cm-contact-us-detail-form-list-label">Last Name *</label> <input type="text" id="input-lastName" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="lastName" data-validation="[NOTEMPTY]" maxlength="50" data-validation-message="* Please input the required items." data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-company" class="cm-contact-us-detail-form-list-label">Company *</label> <input type="text" id="input-company" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="company" data-validation="[NOTEMPTY]" maxlength="50" data-validation-message="* Please input the required items."/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-jobTitle" class="cm-contact-us-detail-form-list-label">Job Title</label> <input type="text" id="input-jobTitle" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="jobTitle" maxlength="50" data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <div> <label for="input-email" class="cm-contact-us-detail-form-list-label">Email *</label> <input type="email" id="input-email" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="contactUs[email]" data-validation="[NOTEMPTY]" data-validation-message="* Please input the required items." data-validation-regex="/^([0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]*)*$/i" data-validation-regex-message="* Please double-check your input. (Email format)"/> </div> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-confirmEmail" class="cm-contact-us-detail-form-list-label">Confirm Email *</label> <input type="email" id="input-confirmEmail" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" required name="contacUs[email-confirm]" data-validation="[V==contactUs[email]]" data-validation-message="* Please double-check your email address."/> </li> <li class="cm-contact-us-detail-form-list-item address"> <label for="input-address" class="cm-contact-us-detail-form-list-label">Address</label> <input type="text" id="input-address" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="address" maxlength="200"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-postCode" class="cm-contact-us-detail-form-list-label">Post Code</label> <input type="text" id="input-postCode" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="postCode" maxlength="100" data-validation-regex="/^[0-9]*$/" data-validation-regex-message="* Please double-check your input. (Numbers only)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-country" class="cm-contact-us-detail-form-list-label">Country</label> <input type="text" id="input-country" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" name="country" maxlength="50" data-validation-regex="/^[ㄱ-ㅎ가-힣\sa-zA-Z]*$/" data-validation-regex-message="* Please enter your details again. (Numbers/special characters cannot be used)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <label for="input-phone" class="cm-contact-us-detail-form-list-label">Phone</label> <input type="tel" id="input-phone" class="cm-contact-us-detail-form-list-input cm-contact-us-detail-placeholder" data-placeholder="Phone" name="phone" maxlength="100" data-validation-regex="/^[0-9]*$/" data-validation-regex-message="* Please double-check your input. (Numbers only)"/> </li> <li class="cm-contact-us-detail-form-list-item"> <select name="region" id="select-region" class="cm-contact-us-detail-form-select" data-placeholder="Region *" data-validation="[NOTEMPTY]" data-validation-message="* Please select the required items."> <option class="placeholder" value=""></option> <!-- placeholder전용이니 값을 절대 넣지마세요. --> <option data-omni="" value="America">America</option> <option data-omni="" value="EMEA">EMEA</option> <option data-omni="" value="China">China</option> <option data-omni="" value="SE Asia">SE Asia</option> <option data-omni="" value="Japan">Japan</option> <option data-omni="" value="Korea">Korea</option> </select> </li> </ul> </div> <div class="cm-contact-us-detail-form"> <div class="cm-contact-us-detail-form-title blind">Question or Message area</div> <div class="cm-contact-us-detail-form-group"> <label for="textarea">Question or Message*</label> <textarea id="textarea" class="cm-contact-us-detail-form-group-textarea cm-contact-us-detail-placeholder" required name="questionOrMessage" data-validation="[NOTEMPTY]" maxlength="2000" data-validation-message="* Please input the required items."></textarea> <span class="cm-contact-us-detail-form-group-byte">(<span class="system">0</span> / 2000)</span> </div> </div> <div class="cm-contact-us-detail-form"> <div class="robot-check-area" style="color: red; font-size: 20px;"> <div class="verification__chk__wrap"> <div class="verification__chk"> <p class="capcha-image"><img src="/aemapi/led/common/simplecapcha" alt="captcha img" id="con-us-captcha"/></p> <p class="capcha-btn"> <button type="button" class="btn-refresh con-us-refresh" id="CON-US_05_010801"><img src="/etc/designs/led/global/business/imgs/ico-btn-refresh.png" alt="refresh" id="CON-US_05_01080101"/></button> <button type="button" class="btn-audio con-us-audio" id="CON-US_05_010802"><img src="/etc/designs/led/global/business/imgs/ico-btn-audio.png" alt="audio" id="CON-US_05_01080201"/></button> </p> </div> <div class="sign-in__input-box"> <span> <input type="text" id="CON-US_05_010803" name="captchaAns" class="cm-contact-us-detail-form-list-input" placeholder="Input Captcha Code *" data-id="TT02" data-required="Y" maxlength="6" data-validation="[NOTEMPTY]"/> <label for="CON-US_05_010803" class="blind">Input Captcha Code *</label> </span> <p class="invalid-notice invalid-captcha" style="display: none;">* Please enter your Captcha Code</p> </div> </div> </div> <!-- <div class="cm-contact-us-detail-form-title blind">I’m Not a robot area</div> <div class="cm-contact-us-detail-form-robot"> <input type="checkbox" id="robotChk" class="cm-contact-us-detail-form-chk"> <label for="robotChk" class="cm-contact-us-detail-form-label">I’m Not a robot</label> <span class="cm-contact-us-detail-form-robot-ico"><img src="img/ico_robot_refesh.jpg" alt="recaptcha privacy - terms"></span> </div> --> <ul class="cm-contact-us-detail-form-agree"> <li class="cm-contact-us-detail-form-agree-li"> <input type="checkbox" id="agree1" class="cm-contact-us-detail-form-chk" name="privacy" data-validation="[NOTEMPTY]" data-validation-message="* Please check the required items."/> <label for="agree1" class="cm-contact-us-detail-form-label">I have read and agree to the <a href="/privacy/" class="cm-contact-us-detail-form-label-link" target="_blank">Samsung Privacy Policy</a></label> </li> <li class="cm-contact-us-detail-form-agree-li"> <input type="checkbox" id="agree2" class="cm-contact-us-detail-form-chk" name="info"/> <label for="agree2" class="cm-contact-us-detail-form-label">I would like to receive information about products, service, promotions and marketing communications of Samsung and/or its partners.</label> </li> </ul> </div> <div class="cm-contact-us-detail-button"> <button type="submit" class="s-btn-encased">SUBMIT</button> </div> </form> <a href="#" class="cm-contact-us-detail-btn-close"><img src="/etc/designs/led/global/business/imgs/ico-close.png" alt="Close Button"/></a> </div> </div> </div> <div class="cm-contact-us-detail-mask"></div> </div> </div> <div class="cm-contact-us-detail-complete" style="display:none;"> <div class="cm-contact-us-detail-complete-popup-container"> <div class="cm-contact-us-detail-complete-popup"> <div class="cm-contact-us-detail-complete-content"> <div class="cm-contact-us-detail-complete-content-inner"> <div class="cm-contact-us-detail-complete-head"> <h2 class="cm-contact-us-detail-complete-head-title">Thank you for your inquiry.</h2> <p class="cm-contact-us-detail-complete-head-par">We will get in touch with you shortly.</p> </div> <div class="cm-contact-us-detail-complete-body"> <div class="cm-contact-us-detail-complete-basic-table"> <table> <caption></caption> <colgroup> <col/> <col/> </colgroup> <tbody> <tr> <th scope="row">Contact Type*</th> <td>Product Questions</td> </tr> <tr> <th scope="row">Product type (series)</th> <td>Lighting > LED Component</td> </tr> <tr> <th scope="row">Product Name*</th> <td>LM283BS+</td> </tr> <tr> <th scope="row">Frist Name / Last Name*</th> <td>xxx, xxx</td> </tr> <tr> <th scope="row">Company* / Job Title</th> <td>XXX / Strategy Manager</td> </tr> <tr> <th scope="row">Email*</th> <td>xxxx@xxxxx.com</td> </tr> <tr> <th scope="row">Address / Post Code</th> <td>xxxx, Seoul, Korea</td> </tr> <tr> <th scope="row">Country</th> <td>Republic of korea</td> </tr> <tr> <th scope="row">Phone</th> <td>010-1234-5678</td> </tr> <tr> <th scope="row">Region*</th> <td>America</td> </tr> <tr> <th scope="row">Question or Message*</th> <td>Question or Message</td> </tbody> </table> </div> <div class="cm-contact-us-detail-complete-text"><strong class="cm-contact-us-detail-complete-point-color">•</strong> I have read and agree to the <a href="/privacy/" class="cm-contact-us-detail-form-label-link">Samsung Privacy Policy</a></div> <div class="cm-contact-us-detail-complete-text"><strong class="cm-contact-us-detail-complete-point-color">•</strong> I would like to receive information about products, service, promotions and marketing communications of Samsung and/or its partners.</div> <div class="cm-contact-us-detail-complete-footer"> <img src="/etc/designs/led/global/business/imgs/logo-samsung.png" alt="SAMSUNG"/> Copyright ⓒ 1995-2023 SAMSUNG All Rights reserved. </div> </div> <a href="#" class="cm-contact-us-detail-complete-btn-close"><img src="/etc/designs/led/global/business/imgs/ico-close.png" alt="Close Button"/></a> </div> </div> </div> </div> <div class="cm-contact-us-detail-mask"></div> </div> <script tyle="text/javascript"> var contactTypePlaceHolder = '<option class="placeholder" value="">Contact Type *</option>'; var productTypePlaceHolder = '<option class="placeholder" value="">Product Type (series) *</option>'; var productNamePlaceHolder = '<option class="placeholder" value="">Product Name</option>'; var regionPlaceHolder = '<option class="placeholder" value="">Region *</option>'; var optgroupTemplate = '<optgroup label="{0}"></optgroup>'; var optionTemplate = '<option data-omni="" value="{0}">{0}</option>'; // String Function (javascript) eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6.3.t=1(){r a=p;4 2.7(/\\{\\{|\\}\\}|\\{(\\d+)\\}/g,1(m,n){5(m=="{{"){4"{"}5(m=="}}"){4"}"}4 a[n]})};e.3.o=1(){2.i(0,2.l)};e.3.k=1(a,b){2.i(a,0,b)};5(j 6.3.h!==\'1\'){6.3.h=1(){4 2.7(/^\\s+/,"")}}5(j 6.3.9!==\'1\'){6.3.9=1(){4 2.7(/\\s+$/,"")}}5(!(\'c\'q f.3)){f.3.c=1(){5(2.8){2.8.u(2)}}}',31,31,'|function|this|prototype|return|if|String|replace|parentNode|trimRight|||remove||Array|Element||trimLeft|splice|typeof|insert|length|||clear|arguments|in|var||format|removeChild'.split('|'),0,{})); var isSendProductInfo = true; var _mail_address = location.protocol + "\/\/led.samsung.com\/led\/func\/sendmail\/"; </script> </div> <div class="breadcrumb ge-led-breadcrumb"> <!-- googleoff: all--> <nav class="global-element-breadcrumb"> <ol aria-label="breadcrumbs"> <li><a href="/" class="highContrastTarget">Home</a></li> <li>Automotive</li> <li>Applications</li> <li><em aria-current="location" class="highContrastTarget">Turn Signal</em></li> </ol> </nav> <!--googleon: all--></div> <div class="footer st-led-static-content"> <!-- googleoff: all--> <style scoped="scoped"> @charset "UTF-8"; .global-element-footer * { margin: 0; padding: 0; -webkit-text-size-adjust: none; } .global-element-footer *, .global-element-footer *::before, .global-element-footer *::after { -webkit-moz-box-sizing: border-box; -ms-moz-box-sizing: border-box; -o-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: "SamsungOne", sans-serif; font-weight: 400; font-size: 10px; line-height: 1.4; color: #000; letter-spacing: 0; } html { height: 100%; } body { font-size: 1.4rem; word-break: break-word; -webkit-font-smoothing: antialiased; } .global-element-footer { background-color: #ffffff; color: #555555; overflow-x: hidden; margin: 0 auto; padding: 12px 24px 30px 24px; max-width: 1440px; } .global-element-footer .global-element-footer-wrap { background-color: #ffffff; } .global-element-footer .global-element-footer-category__link[target=_blank]:after { content: ""; width: 10px; display: inline-block; height: 10px; background-size: 10px; margin: 0 0 0 5px; background-image: url("/etc/designs/led/global/business/imgs/icon-bold-action-outlink.svg") !important; } .global-element-footer .global-element-footer-sitemap { height: 275px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: -24px; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column { -webkit-box-flex: 1; -ms-flex: 1 1 calc(16% - 24px); flex: 1 1 calc(16% - 24px); -ms-flex-preferred-size: calc(16% - 24px); margin-top: 24px; width: calc((100% - 120px) / 6); } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title { font-family: "SamsungOne", sans-serif; font-size: 1.4rem; line-height: 1.14; font-weight: 700; color: #555555; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title strong { font-weight: inherit; color: inherit; font-style: normal; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list { height: 220px; margin-top: 4px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-family: "SamsungOne", sans-serif; font-size: 1.2rem; line-height: 1.33; color: #555555; padding-top: 8px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item .global-element-footer-category__link { color: inherit; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .global-element-footer .global-element-footer-sns-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__title { font-size: 1rem; line-height: 1.6; font-weight: 700; color: #555555; margin-right: 12px; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns { margin-left: 12px; width: 24px; height: 24px; font-size: 0; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns.youtube { background: url("/etc/designs/led/global/business/imgs/icon-share-youtube-black.svg") 0 0 no-repeat; background-size: 100%; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns.facebook { background: url("/etc/designs/led/global/business/imgs/icon-share-facebook-black.svg") 0 0 no-repeat; background-size: 100%; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns.linkedin { background: url("/etc/designs/led/global/business/imgs/icon-share-linked-in-black.svg") 0 0 no-repeat; background-size: 100%; } .global-element-footer .global-element-footer-sns-con .global-element-footer-sns__link .global-element-footer-bottom-sns:first-child { margin-left: 0; } .global-element-footer .global-element-footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 41px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px 0; } .global-element-footer .global-element-footer-bottom-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-bottom-con-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-bottom-c { font-size: 0; } .global-element-footer .global-element-footer-bottom-c button { width: 24px; height: 24px; } .global-element-footer .global-element-footer-bottom-c button:last-child { margin-left: 12px; } .global-element-footer .global-element-footer-bottom-c button { width: 24px; } .global-element-footer .global-element-footer-bottom-legal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .global-element-footer .global-element-footer-bottom-legal .legal_colum_box { margin-left: 28px; } .global-element-footer .global-element-footer-bottom__link { display: inline-block; margin-left: 28px; font-size: 10px; font-weight: 700; line-height: 1.6; color: inherit; } .global-element-footer .global-element-footer-bottom__link:first-child { margin-left: 0; } .global-element-footer .global-element-footer-bottom-copyright { margin-left: 28px; font-size: 10px; line-height: 1.6; } .global-element-footer .fab-area { position: fixed; bottom: 24px; right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; opacity: 0; visibility: hidden; z-index: 200; } .global-element-footer .fab-area:empty { display: none; } .global-element-footer .fab-area.active { opacity: 1; visibility: visible; } .global-element-footer .fab-area .btn-goTop { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 48px; -webkit-box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); background: #fff url("/etc/designs/led/global/business/imgs/icon-bold-navigation-up-highest.svg") no-repeat center/24px; } .global-element-footer .global-element-footer__popup { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 72px; } .global-element-footer .global-element-footer__popup[aria-hidden=true] { display: none; } .global-element-footer .global-element-footer__popup[aria-hidden=false] { display: -webkit-box; display: -ms-flexbox; display: flex; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con { position: relative; padding: 72px 0 66px; margin: 0 24px; background-color: #fff; border-radius: 20px; min-width: 312px; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-img { position: relative; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video video, .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video iframe, .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video object, .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .global-element-footer__popup-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 768px) and (max-width: 1023px) { .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title { cursor: default; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-size: 1.4rem; font-weight: 400; } .global-element-footer .global-element-footer__popup { padding: 0; } .global-element-footer { padding-bottom: 36px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-size: 1.2rem; } .global-element-footer .global-element-footer-sitemap { height: auto; display: -ms-grid; display: grid; -ms-grid-columns: calc((100% - 48px) / 3) 24px calc((100% - 48px) / 3) 24px calc((100% - 48px) / 3); grid-template-columns: repeat(3, calc((100% - 48px) / 3)); -ms-grid-rows: auto; grid-template-rows: auto; margin-top: 0; padding-right: 36px; grid-gap: 24px; grid-template-areas: "foot_list01 foot_list07 foot_list08" "foot_list02 foot_list07 foot_list08" "foot_list03 foot_list07 foot_list08" "foot_list04 foot_list07 foot_list08" "foot_list05 foot_list07 foot_list08" "foot_list06 foot_list07 foot_list08" ". . ." "foot_list09 foot_list10 foot_list11"; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 22px); flex: 0 0 calc(33.33% - 22px); -ms-flex-preferred-size: calc(33.33% - 32px); margin-top: 0; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(1) { grid-area: foot_list01; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(2) { grid-area: foot_list02; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(3) { grid-area: foot_list03; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(4) { grid-area: foot_list04; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(5) { grid-area: foot_list05; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(6) { grid-area: foot_list06; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(7) { grid-area: foot_list07; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(8) { grid-area: foot_list08; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(9) { grid-area: foot_list09; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(10) { grid-area: foot_list10; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(11) { grid-area: foot_list11; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list { height: auto; } .global-element-footer .global-element-footer-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 48px; gap: 0; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con { margin-bottom: 36px; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con .global-element-footer-sns__title { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 1rem; } .global-element-footer .global-element-footer-bottom-con-left { -ms-flex-wrap: wrap; flex-wrap: wrap; } .global-element-footer .global-element-footer .global-element-footer-bottom__link { font-size: 1.2rem; margin-left: 20px; } .global-element-footer .global-element-footer-bottom-copyright { margin-top: 24px; font-size: 1rem; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0; } .global-element-footer .pc-show-category { display: none; } .global-element-footer .tab-show-column { display: block; } } @media screen and (min-width: 768px) and (max-width: 1023px){ .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(2) { -ms-grid-row: 3; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(3) { -ms-grid-row: 5; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(4) { -ms-grid-row: 7; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(5) { -ms-grid-row: 9; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(6) { -ms-grid-row: 11; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(7) { -ms-grid-row: 1; -ms-grid-row-span: 11; -ms-grid-column: 3; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(8) { -ms-grid-row: 1; -ms-grid-row-span: 11; -ms-grid-column: 5; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(9) { -ms-grid-row: 15; -ms-grid-column: 1; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(10) { -ms-grid-row: 15; -ms-grid-column: 3; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column:nth-of-type(11) { -ms-grid-row: 15; -ms-grid-column: 5; } } @media screen and (max-width: 767px) { .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__title { font-size: 1.6rem; line-height: 1.44; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list .global-element-footer-category__item { font-size: 1.4rem; padding-top: 0; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con .btnPopupClose { width: 16px; height: 16px; } .global-element-footer { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 0 16px 0; } .global-element-footer .global-element-footer-sitemap { margin: 0; height: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column { width: auto; margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-preferred-size: 100%; text-align: left; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category__list { height: auto; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category.pc-show-category { display: none; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category .global-element-footer-category__title { padding: 0 106px 0 24px; min-height: 60px; font-size: 1.6rem; line-height: 60px; margin: 0; position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; text-align: left; } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category button.global-element-footer-category__title:after { content: ""; position: absolute; top: 50%; right: 36px; width: 22px; height: 22px; background: url("/etc/designs/led/global/business/imgs/icon-bold-navigation-open-down.svg") no-repeat center/100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .global-element-footer .global-element-footer-sitemap .global-element-footer-column .global-element-footer-category .global-element-footer-category__title.active:after { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__list-wrap { display: none; } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__title.active + .global-element-footer-category__list-wrap { display: block; width: 100%; padding: 0 100px 12px 48px; } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__title.active + .global-element-footer-category__list-wrap .global-element-footer-category__item { margin: 0; } .global-element-footer .global-element-footer-sitemap .global-element-footer-category__title.active + .global-element-footer-category__list-wrap .global-element-footer-category__item .global-element-footer-category__link { font-size: 14px; line-height: 41px; min-height: 41px; } .global-element-footer .global-element-footer-bottom { display: block; margin-top: 28px; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con { margin-top: 0; margin-bottom: 36px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con .global-element-footer-sns__title { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 1.2rem; line-height: 1.33; margin-right: 0; margin-bottom: 24px; text-align: center; } .global-element-footer .global-element-footer-bottom .global-element-footer-sns-con .global-element-footer-bottom-sns { width: 40px; height: 40px; margin-left: 12px; } .global-element-footer .global-element-footer-bottom-con-left { display: block; padding: 0 36px; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 24px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal .global-element-footer-bottom__link { margin-left: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; font-size: 1.2rem; line-height: 1.33; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal .global-element-footer-bottom__link:first-child { margin-left: 0; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal.legal_colum { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-legal.legal_colum .legal_colum_box { margin-left: 0px; margin-top: 24px; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-c { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .global-element-footer .global-element-footer-bottom-con-left .global-element-footer-bottom-copyright { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; text-align: center; margin-left: 0; font-size: 1rem; line-height: 1.6; color: #555; font-weight: 400; } .global-element-footer .global-element-footer__popup .global-element-footer__popup-con { padding: 64px 0 58px; } } </style> <!--googleon: all--> <!-- googleoff: all--> <footer class="global-element-footer footer_wrap"> <div class="global-element-footer-wrap"> <ul class="global-element-footer-sitemap"> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="About Us" data-omni="led_footer:about us" href="/about-us/business-overview/" target="_self"><strong>About Us</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Insights" data-omni="led_footer:insights" href="/insights/" target="_self"><strong>Insights</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Contact Us" data-omni="led_footer:contact us" href="#" target="_self" onclick="javascript:showContactUs();return false;"><strong>Contact Us</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Quick Downloads" data-omni="led_footer:quick downloads" href="/support/tools/quick-downloads/" target="_self"><strong>Quick Downloads</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="LED Component Calculator" data-omni="led_footer:led component calculator" href="/support/tools/led-component-calculator/" target="_self"><strong>LED Component Calculator</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <a class="global-element-footer-category__title" title="Engine Calculator" data-omni="led_footer:engine calculator" href="/support/tools/engine-calculator/" target="_self"><strong>Engine Calculator</strong></a> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Lighting" data-led-toggle=""><strong>Lighting</strong></button> <!-- // 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Mid Power LEDs" data-omni="led_footer:mid power leds" href="/lighting/mid-power-leds/" target="_self">Mid Power LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="High Power LEDs" data-omni="led_footer:high power leds" href="/lighting/high-power-leds/" target="_self">High Power LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="COB LEDs" data-omni="led_footer:cob leds" href="/lighting/cob-leds/" target="_self">COB LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="CSP LEDs" data-omni="led_footer:csp leds" href="/lighting/csp-leds/" target="_self">CSP LEDs</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="LED Modules" data-omni="led_footer:led modules" href="/lighting/led-modules/" target="_self">LED Modules</a> </li> <!-- <li class="global-element-footer-category__item"> <a href="#none" class="global-element-footer-category__link">Applications</a> </li> --> </ul> </div> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Automotive" data-led-toggle=""><strong>Automotive</strong></button> <!-- // 2023-02-27 : 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="PixCell LED" data-omni="led_footer:pixcell led" href="/automotive/automotive-modules/pixcell-led/" target="_self">PixCell LED</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="C Series" data-omni="led_footer:c series" href="/automotive/automotive-leds/c-series/" target="_self">C Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="U Series" data-omni="led_footer:u series" href="/automotive/automotive-leds/u-series/" target="_self">U Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="I Series" data-omni="led_footer:i series" href="/led/automotive/automotive-leds/i-series/" target="_self">I Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="T Series" data-omni="led_footer:t series" href="/automotive/automotive-leds/t-series/" target="_self">T Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Fx Series" data-omni="led_footer:fx series" href="/automotive/automotive-leds/fx-series/" target="_self">Fx Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="S Series" data-omni="led_footer:s series" href="/automotive/automotive-leds/s-series/" target="_self">S Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="P Series" data-omni="led_footer:p series" href="/automotive/automotive-leds/p-series/" target="_self">P Series</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="E Series" data-omni="led_footer:e series" href="/automotive/automotive-leds/e-series/" target="_self">E Series</a> </li> </ul> </div> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="Display &amp; Mobile" data-led-toggle=""><strong>Display & Mobile</strong></button> <!-- // 2023-02-27 : 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Edge Display LED" data-omni="led_footer:edge display led" href="/display-mobile/display-leds/edge-display-led/" target="_self">Edge Display LED</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Direct Display LED" data-omni="led_footer:direct display led" href="/display-mobile/display-leds/direct-display-led/" target="_self">Direct Display LED</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Mobile Flash LED" data-omni="led_footer:mobile flash led" href="/display-mobile/mobile-leds/mobile-flash-led/" target="_self">Mobile Flash LED</a> </li> </ul> </div> </div> </li> <li class="global-element-footer-column"> <div class="global-element-footer-category"> <!-- 2023-02-27 : button으로 변경 --> <button class="global-element-footer-category__title js_footer_category_acco" data-omni="titleEngtext" data-led-toggle=""><strong>Global Sites</strong></button> <!-- // 2023-02-27 : button으로 변경 --> <div class="global-element-footer-category__list-wrap"> <ul class="global-element-footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Semiconductor : Open in a new window" data-omni="led_footer:semiconductor" href="https://www.samsung.com/semiconductor/" target="_blank">Semiconductor</a> </li> <li class="global-element-footer-category__item"> <!-- 2023-02-27 : 중복 class 제거 --> <a class="global-element-footer-category__link" title="Display : Open in a new window" data-omni="led_footer:display" href="https://www.samsungdisplay.com/" target="_blank">Display</a> <!-- // 2023-02-27 : 중복 class 제거 --> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Networks : Open in a new window" data-omni="led_footer:networks" href="https://www.samsung.com/global/business/networks/" target="_blank">Networks</a> </li> <li class="global-element-footer-category__item"> <a class="global-element-footer-category__link" title="Compressor : Open in a new window" data-omni="led_footer:compressor" href="https://www.samsung.com/global/business/compressor/" target="_blank">Compressor</a> </li> <li class="global-element-footer-category__item"> <!-- 2023-02-27 : 중복 class 제거 --> <a class="global-element-footer-category__link" title="Healthcare : Open in a new window" data-omni="led_footer:healthcare" href="https://www.samsunghealthcare.com/" target="_blank">Healthcare</a> <!-- // 2023-02-27 : 중복 class 제거 --> </li> </ul> </div> </div> </li> </ul> <div class="global-element-footer-bottom"> <div class="global-element-footer-sns"> <div class="global-element-footer-sns-wrap"> <dl class="global-element-footer-sns-con"> <dt class="global-element-footer-sns__title">Stay in the loop?</dt> <dd class="global-element-footer-sns__link"> <a class="global-element-footer-bottom-sns facebook" id="socials_01_0300" title="Facebook : Open in a new window" data-omni="led_follow:facebook" href="https://www.facebook.com/SamsungLED/" target="_blank"> </a> <a class="global-element-footer-bottom-sns linkedin" id="socials_01_0301" title="LinkedIn : Open in a new window" data-omni="led_follow:linkedin" href="https://www.linkedin.com/showcase/13244109" target="_blank"> </a> <a class="global-element-footer-bottom-sns youtube" id="socials_01_0302" title="Youtube : Open in a new window" data-omni="led_follow:youtube" href="https://www.youtube.com/samsungledin" target="_blank"> </a> </dd> </dl> </div> </div> <div class="global-element-footer-bottom-con-left"> <div class="global-element-footer-bottom-legal"> <a class="global-element-footer-bottom__link" href="/led/privacy/" data-omni="" title="PRIVACY"><strong>Privacy</strong></a> <a class="global-element-footer-bottom__link" href="/led/legal/" data-omni="" title="LEGAL"><strong>Legal</strong></a> <a class="global-element-footer-bottom__link" href="/led/cookies/" data-omni="" title="COOKIES"><strong>Cookies</strong></a> <a class="global-element-footer-bottom__link" href="/led/accessibility/" data-omni="" title="ACCESSIBILITY"><strong>Accessibility</strong></a> <a class="global-element-footer-bottom__link" href="/led/sitemap/" data-omni="" title="SITEMAP"><strong>Sitemap</strong> </a> </div> <p class="global-element-footer-bottom-copyright">ⓒ 2023 Samsung ALL rights reserved.</p> </div> </div> <!-- 2023-02-07 : GNB에 <header id="menu" class="global-element-gnb sub"> id="menu"가 있어야 상단 바로가기 버튼 활성화 됨. --> <div class="fab-area"> <a href="#menu" class="btn-goTop" aria-label="Go to Top"></a> </div> </div> </footer> <!-- // 2023_new footer --> <!--googleon: all--> <!-- googleoff: all--> <script> ;(function(win,doc,callback){'use strict';callback=callback||function(){};function detach(){if(doc.addEventListener){doc.removeEventListener('DOMContentLoaded',completed);}else{doc.detachEvent('onreadystatechange',completed);}}function completed(){if(doc.addEventListener||event.type==='load'||doc.readyState==='complete'){detach();callback(window,window.jQuery);}}function init(){if (doc.addEventListener){doc.addEventListener('DOMContentLoaded',completed);}else{doc.attachEvent('onreadystatechange',completed);}}init();})(window,document,function(win,$){ (function (exports, $, win) { var exports = exports; var $win = $(window); let isMobile = window.innerWidth > 0 && window.innerWidth <= 767; $(function () { $html = $('html'); $body = $('body'); $header = $('#header'); footerToggleBtn(); // MO 사이즈 아코디언 메뉴 $('body').on('click', '.js_footer_category_acco', function () { isMobile = window.innerWidth > 0 && window.innerWidth <= 767; if (isMobile) { $(this).toggleClass('active').parent().parent().siblings().find('.js_footer_category_acco').removeClass('active'); } else { return; } }); $(window).on( 'load scroll', debounce(function () { fabScroll(); }, 200) ); //z-index 문제로 css 때려넣고 시작. $('.global-element-footer').closest('.static-content').css({ position: 'relative', zIndex: '40', }); }); function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; } function fabScroll() { let $wTop = $win.scrollTop(); let $targetOffset = 500; const $articleHeaderSns = $('.AR02_article-header-sns'); if ($wTop > $targetOffset) { $('.fab-area').addClass('active'); if ($articleHeaderSns.length > 0) { $articleHeaderSns.addClass('active'); } } else { $('.fab-area').removeClass('active'); if ($articleHeaderSns.length > 0) { $articleHeaderSns.removeClass('active'); } } } // 토글버튼 function footerToggleBtn() { var $ftAnchor = $('.global-element-footer-category__anchor'); $ftAnchor.each(function () { $(this).on('click', function (e) { e.preventDefault(); var $ftParent = $(this).parent().parent().find('.global-element-footer-category'); if ($ftParent.length > 1) { $(this).attr('aria-pressed', 'true').parent().toggleClass('active').siblings().removeClass('active').find('.global-element-footer-category__anchor').attr('aria-pressed', 'false'); $(this).parent().parent().siblings().find('.global-element-footer-category').removeClass('active').find('.global-element-footer-category__anchor').attr('aria-pressed', 'false'); } else { $(this).attr('aria-pressed', 'true').parent().toggleClass('active').parent().siblings().find('.global-element-footer-category').removeClass('active').find('.global-element-footer-category__anchor').attr('aria-pressed', 'false'); } if ($(this).parent().hasClass('active')) { $(this).attr('aria-pressed', 'true'); } else { $(this).attr('aria-pressed', 'false'); } }); }); } })(this, this.jQuery, window); }); </script> <!--googleon: all--> </div> </div> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.min.js"></script> <script src="/etc/designs/led/global/business/common/common-plugins.min.js"></script> <script src="/etc/designs/led/global/business/common/common-led.min.js"></script> <script src="/etc/designs/led/global/business/templates/page.min.js"></script> <script src="/etc/designs/led/global/business/templates/page-applications.min.js"></script> </body> </html>