CINXE.COM

モバイルイメージセンサー | ISOCELL | サムスン半導体日本

<!DOCTYPE HTML> <html lang="ja-JP"> <head> <meta charset="UTF-8"/> <title>モバイルイメージセンサー | ISOCELL | サムスン半導体日本</title> <meta name="description" content="「Samsungモバイルイメージセンサー」は、よりスリムなモバイルデバイスが、豊かなディテール、鮮やかな色、正確なフォーカスを備えた究極のカメラパフォーマンスを提供できるようにします。"/> <meta name="format-detection" content="telephone=no"/> <!-- 2023.06.29 --> <meta name="template" content="pf-isocell-page"/> <meta name="sitecode" content="jp"/> <!-- 2023-09-08 added --> <meta name="keywords" content="Mobile Image Sensor, Image Sensor"/> <meta property="og:title" content="モバイルイメージセンサー | ISOCELL | サムスン半導体日本"/> <meta property="og:description" content="「Samsungモバイルイメージセンサー」は、よりスリムなモバイルデバイスが、豊かなディテール、鮮やかな色、正確なフォーカスを備えた究極のカメラパフォーマンスを提供できるようにします。"/> <meta property="og:url" content="https://semiconductor.samsung.com/jp/image-sensor/mobile-image-sensor"/> <meta property="og:site_name" content="サムスン半導体日本"/> <meta property="og:type" content="website"/> <meta property="og:image" content="https://cdn.samsung.com/etc/designs/smg/global/imgs/logo-square-letter.png"/> <meta name="twitter:card" content="summary"/> <meta name="thumbnail" content="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/mobile-image-sensor/mobile-image-sensor_default_thumb.png" alt="「Samsungモバイルイメージセンサー」は、よりスリムなモバイルデバイスが、豊かなディテール、鮮やかな色、正確なフォーカスを備えた究極のカメラパフォーマンスを提供できるようにします。"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="contentInfo" content="product"/> <meta name="datePublished" content="2024-06-27T07:58:52.000+09:00"/> <meta name="consumerProductYN" content="N"/> <meta name="productCategory" content="image-sensor"/> <meta name="productSubCategory" content="mobile-image-sensor"/> <link rel="preconnect" href="https://image.semiconductor.samsung.com"/> <link rel="preconnect" href="https://images.samsung.com"/> <link rel="canonical" href="https://semiconductor.samsung.com/jp/image-sensor/mobile-image-sensor/"/> <!-- Google Tag Manager : 2023-02-21 --> <script> (function(w, d, s, l, i) { w[l] = w[l]||[]; w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window,document, 'script', 'dataLayer', 'GTM-NBJCH5K'); </script> <script type="application/ld+json"> { "@context":"https://schema.org", "@type":"WebPage", "name":"モバイルイメージセンサー | ISOCELL | サムスン半導体日本", "url":"https://semiconductor.samsung.com/jp/image-sensor/mobile-image-sensor/" } </script> <!-- Define dataLayer Variable --> <script type="text/javascript"> var digitalData = { "page" : { "pageInfo" : { "siteCode" : "jp", "siteSection" : "jp:image-sensor", "pageName" : "jp:image-sensor:mobile-image-sensor", "pageTrack" : "semiconductor product subcategory" }, "pathIndicator" : { "depth_2" : "image-sensor", "depth_3" : "mobile-image-sensor", "depth_4" : "", "depth_5" : "" } }, "product" : { "category" : "", "part_number" : "", "model_name" : "" } } </script> <!-- Launch Header Embed Code --> <script src="https://assets.adobedtm.com/72afb75f5516/003f62dcb46e/launch-aa6477737222.min.js" async></script> <!-- End Launch Header Embed Code --> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/common-polyfill.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/common-plugins.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/common-excel.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/common-ics.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/common.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/common-dynamic.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/static/isocell/main.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/static/isocell/page.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/static/isocell/page-isocell-product.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/static/isocell/solution.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/designs/global/static/isocell/override.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-summary/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-spec/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-resources-banner/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-resources/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-related-resources-pf/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-related-resources/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-related-content/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-product-support/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-product-grid-memory/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-product-grid/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-product-finder/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-product-compare-memory/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-part-grid-noeyebrow/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-part-grid-list/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-part-grid/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-noti-bar/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-lnb/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-hero/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-discon-prod-finder/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/search/sr-semi-search-popup/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/event/ev-semi-subscription/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-whats-new/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-three-column-grid/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-sustainability-quiz/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-sustainability-grid/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-search-bar/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-sas-related-content/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-related-content-all/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-product-security-detail/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-product-security/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-noresult/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-latest-news/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-hashtag/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-gnb/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-forum-login/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-disclaimer/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-cookie/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-contactus-tobe/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-breadcrumb/clientlibs/site.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/article/ar-semi-event-data-header/clientlibs/site.min.css" type="text/css"> <link rel="shortcut icon" href="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/Favicon.png"/> <link rel="apple-touch-icon" href="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/Favicon.png"/> <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="ADEHU-Z6WQ2-QP4GH-3PRAF-6HCRY",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+"ADEHU-Z6WQ2-QP4GH-3PRAF-6HCRY";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="bdpnbeqxjpkdmz2cfoma-f-53adc627b-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"1249823","ak.ai":parseInt("750719",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"62155049","ak.r":42017,"ak.a2":n,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":35286,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732389784","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==OGDxvHWSDCc/xWoupzzNaJh3zC4I+JrRGt4VfA+PK4+zzpYStFtOwOGfjo9r1xwi63d6ew4uGDhVvSdK5pmkKnf5Lx7+yo4gWERiQ3FpPlwmucp+q+jifprSxVpW0bhTjca+aEGTeHyuyBizKkJFdZG2Du4tVkcdj6DjilLhkLhZki1eH7ISGn9T27zKDYDEzjqaicWucVD9FVh11o8t+7qJZeoO+v2Seyu2BI79V6SZLphmTu0rKuWnRF9rzqygJlSJZohBPDn1xAAK3Jxj9UwNlN0HAznXET1lONmqcQJDiJVByeg+GNT2/Uc5rQDvr6Ita082x0vbqddmgX2OJJUB6sGKBhimJgDIJGw/y8/3zebW5395r6g1QetWExDVQOHu1MrgYGnCiqp4S29ThFgPaQen8IGlLGc2NMJWjv4=","ak.pv":"159","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="product-page content-page empty-page page basicpage" id="product-page-c01c5bc0d3" data-cmp-data-layer-enabled> <script> window.adobeDataLayer = window.adobeDataLayer || []; adobeDataLayer.push({ page: JSON.parse("{\x22product\u002Dpage\u002Dc01c5bc0d3\x22:{\x22@type\x22:\x22semiconductor\/components\/global\/page\/product\u002Dpage\x22,\x22repo:modifyDate\x22:\x222022\u002D02\u002D17T10:00:45Z\x22,\x22dc:title\x22:\x22モバイルイメージセンサー | ISOCELL\x22,\x22dc:description\x22:\x22「Samsungモバイルイメージセンサー」は、よりスリムなモバイルデバイスが、豊かなディテール、鮮やかな色、正確なフォーカスを備えた究極のカメラパフォーマンスを提供できるようにします。\x22,\x22xdm:template\x22:\x22\/conf\/semiconductor\/settings\/wcm\/templates\/pf\u002Disocell\u002Dpage\x22,\x22xdm:language\x22:\x22ja\u002DJP\x22,\x22xdm:tags\x22:[\x22Inspired by ISOCELL\x22,\x22モバイルイメージセンサ\x22,\x22モバイル\x22,\x22イメージセンサ\x22,\x22ISOCELL\x22],\x22repo:path\x22:\x22\/content\/semiconductor\/jp\/image\u002Dsensor\/mobile\u002Dimage\u002Dsensor.html\x22}}"), event:'cmp:show', eventInfo: { path: 'page.product\u002Dpage\u002Dc01c5bc0d3' } }); </script> <!-- Google Tag Manager (noscript) : 2023-02-21 --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NBJCH5K" height="0" width="0" style="display:none; visibility:hidden"></iframe> </noscript> <div id="skipnavi"> <a href="#topSection">本文へ移動</a> <!-- 2022-04-14 삭제 by mati <a href="#accHelp">Skip to accessibility help</a> <a href="#cookie_component" class="skipCookie">Skip to cookie setting</a> --> </div> <!-- GNB 컴포넌트 영역 start --> <!-- googleoff: all--> <!-- 20220816 html 마크업 수정하였습니다 --> <!-- CO11_cookie 컴포넌트에서 CO11_cookie-location-select-wrap (언어 셀렉트) 옮겨온 마크업입니다 --> <div class="CO11_cookie none" aria-hidden="true"> <!-- 쿠키 팝업 --> <!-- 언어 선택 --> <div class="CO11_cookie-location-select-wrap" aria-hidden="true"> <!-- 20221004 마크업 수정 --> <!-- 감싸는 div 추가, checkbox 추가 --> <div class="checkbox-wrap"> <div class="CO11_cookie-location-select-title highContrastTarget">Select your country or region to find out what content fits your location</div> <div class="checkbox"> <!-- 20221027 체크 박스 속성 수정 --> <input type="checkbox" class="loc-check" name="locCheck" id="locCheck" checked autocomplete="off"/> <label for="locCheck">Remember for next time?</label> </div> </div> <div class="CO11_cookie-location-btn-wrap"> <div class="CO11_cookie-location-select"> <button type="button" class="white-bg btn-medium select-btn"></button> <div class="input-field"> <label for="language" class="label">언어를 선택해주세요</label> <select name="language" id="language-select" class="select-origin"> <option value="global">Global / English</option> <option value="us">US / English</option> <option value="emea">EMEA / English</option> <option value="kr">한국 / 한국어</option> <option value="cn">中国大陆 / 中文</option> <option value="jp">日本 / 日本語</option> <!-- <option value="ssir">SSIR</option> --> </select> <div class="custom-select"> <ul> <li class="empty" style="display: none"></li> </ul> </div> </div> </div> <div class="CO11_cookie-location-continue"> <button type="button" class="dark-bg btn-medium continue-btn">Continue</button> </div> <div class="CO11_cookie-location-close"> <button type="button" class="btnlocationSelectClose"></button> </div> </div> </div> <!-- //언어 선택 --> </div> <!-- //20220816 html 마크업 수정하였습니다 --> <!-- 메인 홈이 아닌 다른 페이지에서는 sub class 사용 (블랙으로 나오게)--> <!-- id는 menu로 고정(혹시 설정에 의해 바뀌어야한다면 알려주세요 (skipnavi와 연동됩니다.))--> <header id="menu" class="CO04_gnb sub"> <!-- 20221018 [WSC-548] 띠배너 삭제 건으로 마크업 class, data 삭제 --> <div class="CO04_gnb-wrap"> <div class="CO04_gnb-logo"> <a href="/jp/" class="CO04_gnb-logo-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="ci logo" data-an-la="none"> <img src="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/global-samsung-logo.svg" alt="SAMSUNG"/> </a> </div> <nav class="CO04_gnb-list"> <ul class="CO04_gnb-column"> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <li class="CO04_gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="CO04_gnb-category-title underline-btn dark-bg btn-large" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products"> 製品 </a> <div class="CO04_gnb-category-wrap"> <div class="CO04_gnb-category-center notFeature "> <div class="CO04_gnb-category-buttons-wrap"> <div class="CO04_gnb-category-buttons"> <button aria-selected="true" aria-controls="CO04_gnb-category-list-productstype" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="main menu text" data-an-la="products|products type"> <img class="CO04_gnb-category-buttons__icon on" src="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/menu-products-type-white.svg" width="24" height="24" alt="" aria-hidden="true"/> <img class="CO04_gnb-category-buttons__icon off" src="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/menu-products-type-gray.svg" width="24" height="24" alt="" aria-hidden="true"/> 製品タイプ </button> <button aria-selected="false" aria-controls="CO04_gnb-category-list-application" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="main menu text" data-an-la="products|applications"> <img class="CO04_gnb-category-buttons__icon on" src="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/menu-products-applications-white.svg" width="24" height="24" alt="" aria-hidden="true"/> <img class="CO04_gnb-category-buttons__icon off" src="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/menu-products-applications-gray.svg" width="24" height="24" alt="" aria-hidden="true"/> アプリケーション </button> </div> </div> <ul class="CO04_gnb-category-list" id="CO04_gnb-category-list-productstype"> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products|dram" href="/jp/dram/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-dram.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-dram.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-dram.svg" width="28" height="28" alt="DRAM" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>DRAM</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|dram|overview" href="/jp/dram/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|dram|ddr" href="/jp/dram/ddr/"> DDR </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|dram|hbm" href="/jp/dram/hbm/"> HBM </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|dram|gddr" href="/jp/dram/gddr/"> GDDR </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|dram|lpddr" href="/jp/dram/lpddr/"> LPDDR </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|dram|module" href="/jp/dram/module/"> モジュール </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products|ssd" href="/jp/ssd/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-ssd.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-ssd.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-ssd.svg" width="28" height="28" alt="SSD" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>SSD</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|ssd|overview" href="/jp/ssd/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|ssd|pc ssd" href="/jp/ssd/pc-ssd/"> PC SSD </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|ssd|data center ssd" href="/jp/ssd/datacenter-ssd/"> データセンターSSD </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|ssd|enterprise ssd" href="/jp/ssd/enterprise-ssd/"> エンタープライズSSD </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|ssd|smart ssd" href="/jp/ssd/smart-ssd/"> スマートSSD </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|ssd|automotive ssd" href="/jp/ssd/automotive-ssd/"> 車載用SSD </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products|estorage" href="/jp/estorage/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-estorage.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-estorage.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-estorage.svg" width="28" height="28" alt="eStorage" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>eStorage</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|estorage|overview" href="/jp/estorage/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|estorage|ufs" href="/jp/estorage/ufs/"> UFS </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|estorage|emmc" href="/jp/estorage/emmc/"> eMMC </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products|next gen memory" href="#none"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/icon-gnb-next-gen-memory.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/icon-gnb-next-gen-memory.png?$ORIGIN_PNG$"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/icon-gnb-next-gen-memory.png?$ORIGIN_PNG$" width="28" height="28" alt="次世代メモリ" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>次世代メモリ</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|nextgenmemory|cmmd" href="/jp/next-gen-memory/cmm-d/"> CMM-D </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products|mcp" href="/jp/mcp/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-mcp.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-mcp.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-mcp.svg" width="28" height="28" alt="MCP" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>MCP</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products|processor" href="/jp/processor/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-processor.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-processor.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-processor.svg" width="28" height="28" alt="プロセッサ" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>プロセッサ</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|processor|overview" href="/jp/processor/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|processor|mobile processor" href="/jp/processor/mobile-processor/"> モバイルプロセッサ </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|processor|wearable processor" href="/jp/processor/wearable-processor/"> ウェアラブルプロセッサ </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|processor|automotive processor" href="/jp/processor/automotive-processor/"> 車載用プロセッサ </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|processor|modem" href="/jp/processor/modem/"> モデム </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|processor|rf" href="/jp/processor/rf/"> RF </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="uwb" href="/jp/processor/uwb/"> UWB </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products|image sensor" href="/jp/image-sensor/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-imagesensor.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-imagesensor.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-imagesensor.svg" width="28" height="28" alt="イメージセンサ" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>イメージセンサ</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|image sensor|overview" href="/jp/image-sensor/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|image sensor|mobile image sensor" href="/jp/image-sensor/mobile-image-sensor/"> モバイルイメージセンサ </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|image sensor|automotive image sensor" href="/jp/image-sensor/automotive-image-sensor/"> 車載用イメージセンサ </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|image sensor|global shutter sensor" href="/jp/image-sensor/global-shutter-image-sensor/"> グローバルシャッター </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="tof sensor" href="/jp/image-sensor/tof-sensor/"> ToFセンサー </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products|display ic" href="/jp/display-ic/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-displayic.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-displayic.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-displayic.svg" width="28" height="28" alt="ディスプレイIC" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>ディスプレイIC</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|display ic|overview" href="/jp/display-ic/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|display ic|mobile ddi" href="/jp/display-ic/mobile-ddi/"> モバイルDDI </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|display ic|panel ddi" href="/jp/display-ic/panel-ddi/"> パネルDDI </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products|security solution" href="/jp/security-solution/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-securitysolution.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-securitysolution.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-securitysolution.svg" width="28" height="28" alt="セキュリティソリューション" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>セキュリティソリューション</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|security solution|overview" href="/jp/security-solution/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|security solution|payment" href="/jp/security-solution/payment/"> 決済用チップ </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|security solution|biometric card" href="/jp/security-solution/biometric-card/"> 指紋認証カードソリューション </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|security solution|nfc" href="/jp/security-solution/nfc/"> NFC </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|security solution|ese esim" href="/jp/security-solution/ese-esim/"> eSE/eSIM </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|security solution|iot se" href="/jp/security-solution/iot-se/"> IoT SE </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products|power ic" href="/jp/power-ic/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-power-ic.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-power-ic.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-power-ic.svg" width="28" height="28" alt="電源IC" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>電源IC</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|power ic|overview" href="/jp/power-ic/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|power ic|mobile power ic" href="/jp/power-ic/mobile-power-ic/"> モバイルパワーIC </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|power ic|accessory power ic" href="/jp/power-ic/accessory-power-ic/"> アクセサリパワーIC </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="products|power ic|memory power ic" href="/jp/power-ic/memory-power-ic/"> メモリパワーIC </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="led" title="新しいウィンドウを開く" target="_blank" href="https://www.samsung.com/led"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-led.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-led.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-led.svg" width="28" height="28" alt="LED" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>LED</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="display" title="新しいウィンドウを開く" target="_blank" href="https://www.samsungdisplay.com/eng/index.jsp"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-gnb-display.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-gnb-display.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-gnb-display.svg" width="28" height="28" alt="ディスプレ" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>ディスプレ</span> </a> </li> </ul> <ul class="CO04_gnb-category-list" id="CO04_gnb-category-list-application" aria-hidden="true"> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="applications|ai" href="/jp/applications/ai/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-ai.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-ai.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-ai.svg" width="28" height="28" alt="AI" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>AI</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="applications|server" href="/jp/applications/server/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-server.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-server.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-server.svg" width="28" height="28" alt="サーバー" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>サーバー</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="applications|automotive" href="/jp/applications/automotive/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-automotive.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-automotive.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-automotive.svg" width="28" height="28" alt="車載" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>車載</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="applications|5g and connectivity" href="/jp/applications/5g-connectivity/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-5g-and-connectivitiy.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-5g-and-connectivitiy.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-5g-and-connectivitiy.svg" width="28" height="28" alt="5G &amp;amp; 接続性" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>5G &amp; 接続性</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="applications|mobile" href="/jp/applications/mobile/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-mobile.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-mobile.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-mobile.svg" width="28" height="28" alt="モバイル" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>モバイル</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="applications|pc and gaming" href="/jp/applications/pc-gaming/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-pc-and-gaming.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-pc-and-gaming.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-pc-and-gaming.svg" width="28" height="28" alt="PC &amp;amp; ゲーミング" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>PC &amp; ゲーミング</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="applications|lifestyle" href="/jp/applications/lifestyle/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-lifestyle.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-lifestyle.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-lifestyle.svg" width="28" height="28" alt="ライフスタイル" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>ライフスタイル</span> </a> </li> </ul> <button class="CO04_gnb-column-category-close" aria-label="close menu category" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="menu close icon" data-an-la="none" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <li class="CO04_gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="CO04_gnb-category-title underline-btn dark-bg btn-large" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="support"> サポート </a> <div class="CO04_gnb-category-wrap"> <div class="CO04_gnb-category-center "> <div class="CO04_gnb-category-feature left"> <div class="CO04_gnb-category__feature-title">Support</div> <div class="CO04_gnb-category__feature-image"> <figure class="CO04_gnb-category__feature__image__picture"> <!-- 2022-11-17 : a 태그 추가 ctaLinkPath --> <a href="/jp/support/" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="banner image" data-an-la="none"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/gnb-support-overview-banner.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/gnb-support-overview-banner.png?$ORIGIN_PNG$"/> <img loading="lazy" src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/gnb-support-overview-banner.png?$ORIGIN_PNG$" class="CO04_gnb-category__feature__image" width="128" height="72" alt="Support"/> </picture> </a> </figure> </div> <div class="CO04_gnb-category__feature-summary">お客様の力になれます</div> <a href="/jp/support/" class="CO04_gnb-learnmore-btn dark-bg btn-large icon-right" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="link click" data-an-la="learn more">詳細</a> </div> <ul class="CO04_gnb-category-list"> <li class="CO04_gnb-category-item onlyMobile"> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="support|overview" href="/jp/support/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>概要</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="support|quality support" href="#none"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-qualitysupport.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-qualitysupport.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-qualitysupport.svg" width="28" height="28" alt="品質サポート" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>品質サポート</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="support|quality support|quality management" href="/jp/support/quality-support/quality-management/"> 品質管理 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="support|quality support|customer service" href="/jp/support/quality-support/customer-service/"> 顧客サービス </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="support|quality support|regulatory information" href="/jp/support/quality-support/regulatory-information/"> 規制関連情報 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="support|tools resources" href="#none"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-tools-resources.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-tools-resources.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-tools-resources.svg" width="28" height="28" alt="ツールとリソース" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>ツールとリソース</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="support|tools resources|product finder" href="/jp/support/tools-resources/product-finder/"> 製品ファインダー </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="support|tools resources|technical resources" href="/jp/support/tools-resources/technical-resources/"> 技術リソース </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="support|tools resources|ds open ecosystem" href="/jp/support/tools-resources/ds-open-ecosystem/"> DSオープンエコシステム </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="support|tools resources|fabrication process" href="/jp/support/tools-resources/fabrication-process/"> 製造プロセス </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="support|tools resources|dictionary" href="/jp/support/tools-resources/dictionary/"> 辞書 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="support|contact info" href="/jp/support/contact-info/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-contactinfo.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-contactinfo.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-contactinfo.svg" width="28" height="28" alt="連絡先情報" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>連絡先情報</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="support|contact info|global network" href="/jp/support/contact-info/global-network/japan/"> グローバルネットワーク </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> </ul> <button class="CO04_gnb-column-category-close" aria-label="close menu category" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="menu close icon" data-an-la="none" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <li class="CO04_gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="CO04_gnb-category-title underline-btn dark-bg btn-large" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="technologies"> テクノロジー </a> <div class="CO04_gnb-category-wrap"> <div class="CO04_gnb-category-center notFeature centered"> <ul class="CO04_gnb-category-list"> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="technologies|memory" href="#none"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-technologies-memory.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-technologies-memory.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-technologies-memory.svg" width="28" height="28" alt="メモリー" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>メモリー</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="technologies|memory|pim" href="/jp/technologies/memory/pim/"> PIM </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="technologies|processor" href="#none"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-technologies-processor.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-technologies-processor.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-technologies-processor.svg" width="28" height="28" alt="プロセッサ" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>プロセッサ</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="technologies|processor|mobile ray tracing" href="/jp/technologies/processor/mobile-ray-tracing/"> モバイル レイ・トレーシング </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="technologies|processor|on device ai" href="/jp/technologies/processor/on-device-ai/"> オンデバイスAI </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="technologies|image sensor" href="#none"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-technologies-image-sensor.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-technologies-image-sensor.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-technologies-image-sensor.svg" width="28" height="28" alt="イメージセンサ" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>イメージセンサ</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="technologies|image sensor|pixel technology" href="/jp/technologies/image-sensor/pixel-technology/"> ピクセル技術 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="technologies|image sensor|ultra high resolution" href="/jp/technologies/image-sensor/ultra-high-resolution/"> 超高解像度センサー </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="technologies|partner collaboration" href="#none"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/insights/collaboration_bk.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/insights/collaboration_bk.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/insights/collaboration_bk.svg" width="28" height="28" alt="パートナーコラボレーション" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>パートナーコラボレーション</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="technologies|memory" href="/jp/technologies/partner-collaboration/memory/"> メモリー </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> </ul> <button class="CO04_gnb-column-category-close" aria-label="close menu category" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="menu close icon" data-an-la="none" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <li class="CO04_gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="CO04_gnb-category-title underline-btn dark-bg btn-large" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry"> ファウンドリー </a> <div class="CO04_gnb-category-wrap"> <div class="CO04_gnb-category-center "> <div class="CO04_gnb-category-feature left"> <div class="CO04_gnb-category__feature-title">Online Foundry </div> <div class="CO04_gnb-category__feature-image"> <figure class="CO04_gnb-category__feature__image__picture"> <!-- 2022-11-17 : a 태그 추가 ctaLinkPath --> <a href="https://www.samsungfoundry.com/" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="banner image" data-an-la="none"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/foundrygnb.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/foundrygnb.png?$ORIGIN_PNG$"/> <img loading="lazy" src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/foundrygnb.png?$ORIGIN_PNG$" class="CO04_gnb-category__feature__image" width="128" height="72" alt="Online Foundry Sevice"/> </picture> </a> </figure> </div> <div class="CO04_gnb-category__feature-summary">Foundry B2B Service</div> <a href="https://www.samsungfoundry.com/" class="CO04_gnb-learnmore-btn dark-bg btn-large icon-right" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="link click" data-an-la="connect" target="_blank">CONNECT </a> </div> <ul class="CO04_gnb-category-list"> <li class="CO04_gnb-category-item onlyMobile"> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry|overview" href="/jp/foundry/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>概要</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry|about samsung foundry" href="/jp/foundry/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb/foundry/icon-extra-lignt-gnb-about-samsung.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb/foundry/icon-extra-lignt-gnb-about-samsung.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb/foundry/icon-extra-lignt-gnb-about-samsung.svg" width="28" height="28" alt="サムスンファウンドリーについて" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>サムスンファウンドリーについて</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="company info" href="/jp/foundry/about-samsung-foundry/company-info/"> 会社情報 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="quality policy" href="/jp/foundry/about-samsung-foundry/quality-policy/"> 品質ポリシー </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry|process technology" href="/jp/foundry/process-technology/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-processtechnology.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-processtechnology.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-processtechnology.svg" width="28" height="28" alt="プロセス技術" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>プロセス技術</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|process technology|overview" href="/jp/foundry/process-technology/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="logic node" href="/jp/foundry/process-technology/logic-node/"> ロジックノード </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="specialty technology" href="/jp/foundry/process-technology/specialty-technology/"> スペシャリティー技術 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="process recommendation" target="_blank" href="https://www.samsungfoundry.com/B2B_COM_Landing?page=b2bComProcPrvwAppCategory"> プロセス推奨 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry|advanced package" href="/jp/foundry/advanced-package/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-advancedpackage.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-advancedpackage.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-advancedpackage.svg" width="28" height="28" alt="高度なパッケージ" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>高度なパッケージ</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|advanced package|overview" href="/jp/foundry/advanced-package/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|advanced package|advanced heterogeneous integration" href="/jp/foundry/advanced-package/advanced-heterogeneous-integration/"> 高度なヘテロジニアス・インテグレーション </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|advanced package|package turnkey service" href="/jp/foundry/advanced-package/package-turnkey-service/"> パッケージ・ターンキー・サービス </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry|safe" href="/jp/foundry/safe/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-safe.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-safe.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-safe.svg" width="28" height="28" alt="SAFE™" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>SAFE™</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|safe|overview" href="/jp/foundry/safe/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|safe|ip alliance" href="/jp/foundry/safe/ip/"> IP Alliance </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|safe|eda alliance" href="/jp/foundry/safe/eda/"> EDA Alliance </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|safe|cloud alliance" href="/jp/foundry/safe/cloud/"> クラウド アライアンス </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|safe|design service alliance" href="/jp/foundry/safe/design-service/"> 設計 アライアンス </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|safe|mdi alliance" href="/jp/foundry/safe/mdi-alliance/"> MDI アライアンス </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|safe|osat alliance" href="/jp/foundry/safe/osat/"> OSAT アライアンス </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry events" href="/jp/foundry/foundry-events/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/foundry/icon-extra-light-gnb-event.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/foundry/icon-extra-light-gnb-event.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/foundry/icon-extra-light-gnb-event.svg" width="28" height="28" alt="Foundry Events" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>Foundry Events</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|foundry event|overview" href="/jp/foundry/foundry-events/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|foundry events|samsung foundry forum" href="/jp/events/samsung-foundry-forum/"> Samsung Foundry Forum </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|foundry events|safe forum" href="/jp/events/safe-forum/"> SAFE™ Forum </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry|manufacturing" href="/jp/foundry/manufacturing/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-manufacturing.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-manufacturing.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-manufacturing.svg" width="28" height="28" alt="製造" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>製造</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|manufacturing|overview" href="/jp/foundry/manufacturing/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|manufacturing|manufacturing sites" href="/jp/foundry/manufacturing/manufacturing-sites/"> 製造現場 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|manufacturing|fab automation" href="/jp/foundry/manufacturing/fab-automation/"> ファブオートメーション </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|manufacturing|sustainable manufacturing" href="/jp/foundry/manufacturing/sustainable-manufacturing/"> 持続可能な製造 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|manufacturing|mpw service" href="/jp/foundry/manufacturing/mpw-service/"> MPWサービス </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry|application specific service" href="/jp/foundry/application-specific-service/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-applicationspecificservice.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-applicationspecificservice.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-applicationspecificservice.svg" width="28" height="28" alt="特定用途向けサービス" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>特定用途向けサービス</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|application specific service|overview" href="/jp/foundry/application-specific-service/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|application specific service|hpc ai" href="/jp/foundry/application-specific-service/hpc-ai/"> HPC / AI </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|application specific service|connectivity" href="/jp/foundry/application-specific-service/connectivity/"> 接続性 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|application specific service|automotive" href="/jp/foundry/application-specific-service/automotive/"> 車載 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|application specific service|iot" href="/jp/foundry/application-specific-service/iot/"> IoT </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry|tech archives" href="/jp/foundry/tech-archives/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/foundry/icon-gnb-tech-archives.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/foundry/icon-gnb-tech-archives.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/foundry/icon-gnb-tech-archives.svg" width="28" height="28" alt="テックアーカイブ" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>テックアーカイブ</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="foundry|tech archives|overview" href="/jp/foundry/tech-archives/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="euv" href="/jp/foundry/tech-archives/euv/"> #EUV </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="gaa" href="/jp/foundry/tech-archives/gaa/"> #GAA </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="multi die integration" href="/jp/foundry/tech-archives/multi-die-integration/"> #マルチダイ統合 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="us fab" title="新しいウィンドウを開く" target="_blank" href="/us/sas/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-us/gnb/icon_gnb_us-fab.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-us/gnb/icon_gnb_us-fab.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-us/gnb/icon_gnb_us-fab.svg" width="28" height="28" alt="US Fab" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>US Fab</span> </a> </li> </ul> <button class="CO04_gnb-column-category-close" aria-label="close menu category" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="menu close icon" data-an-la="none" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <li class="CO04_gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="CO04_gnb-category-title underline-btn dark-bg btn-large" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="consumer storage"> コンシューマストレージ </a> <div class="CO04_gnb-category-wrap"> <div class="CO04_gnb-category-center notFeature centered"> <ul class="CO04_gnb-category-list"> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="consumer storage|consumer storage products" href="/jp/consumer-storage/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-gnb-consumerstorage.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-gnb-consumerstorage.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/product/icon-gnb-consumerstorage.svg" width="28" height="28" alt="コンシューマストレージ 製品" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>コンシューマストレージ 製品</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage products|overview" href="/jp/consumer-storage/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage products|internal ssd" href="/jp/consumer-storage/internal-ssd/"> 内蔵SSD </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage products|portable ssd" href="/jp/consumer-storage/portable-ssd/"> 外付けSSD </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage products|memory card" href="/jp/consumer-storage/memory-card/"> メモリーカード </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage products|usb flash drive" href="/jp/consumer-storage/usb-flash-drive/"> USBメモリー </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage products|gaming storage" href="/jp/consumer-storage/gaming-storage/"> ゲーミングストレージ </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="consumer storage|consumer storage support" href="/jp/consumer-storage/support/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/support/icon-gnb-consumerstoragesuport.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/support/icon-gnb-consumerstoragesuport.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/support/icon-gnb-consumerstoragesuport.svg" width="28" height="28" alt="コンシューマストレージ サポート" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>コンシューマストレージ サポート</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage support|overview" href="/jp/consumer-storage/support/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage support|tools and software" href="/jp/consumer-storage/support/tools/"> ツールとソフトウェア </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage support|documents" href="/jp/consumer-storage/support/documents/"> ドキュメント </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage support|faqs" href="/jp/consumer-storage/support/faqs/"> よくあるご質問 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage support|warranty" href="/jp/consumer-storage/support/warranty/"> 保証 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage support|magician software" href="/jp/consumer-storage/magician/"> Magicianソフトウェア </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="consumer storage|consumer storage support|ssdupgrade" href="/jp/consumer-storage/ssdupgrade/"> SSDアップグレード </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> </ul> <button class="CO04_gnb-column-category-close" aria-label="close menu category" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="menu close icon" data-an-la="none" type="button"></button> </div> </div> </li> </ul> <ul class="CO04_gnb-column"> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <li class="CO04_gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="CO04_gnb-category-title underline-btn dark-bg btn-large" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="news and events"> ニュース &amp; イベント </a> <div class="CO04_gnb-category-wrap"> <div class="CO04_gnb-category-center notFeature centered"> <ul class="CO04_gnb-category-list"> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="newsandevents|news" href="/jp/news-events/news/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-news.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-news.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-news.svg" width="28" height="28" alt="ニュース" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>ニュース</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="newsandevents|events" href="/jp/news-events/events/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-event.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-event.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-event.svg" width="28" height="28" alt="イベント" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>イベント</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="newsandevents|tech blog" href="/jp/news-events/tech-blog/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-techblog.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-techblog.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-techblog.svg" width="28" height="28" alt="技術ブログ" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>技術ブログ</span> </a> </li> </ul> <button class="CO04_gnb-column-category-close" aria-label="close menu category" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="menu close icon" data-an-la="none" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <li class="CO04_gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="CO04_gnb-category-title underline-btn dark-bg btn-large" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="sustainability"> サステナブル経営 </a> <div class="CO04_gnb-category-wrap"> <div class="CO04_gnb-category-center notFeature "> <ul class="CO04_gnb-category-list"> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="sustainability|highlights" href="/jp/sustainability/highlights/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/sustainability/icon-gnb-highlights.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/sustainability/icon-gnb-highlights.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb-svg/sustainability/icon-gnb-highlights.svg" width="28" height="28" alt="ハイライト" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>ハイライト</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|highlights|overview" href="/jp/sustainability/highlights/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="overview" href="/jp/sustainability/highlights/overview/"> 紹介 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="downloads" href="/jp/sustainability/highlights/downloads/"> ダウンロード </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="bcms" href="/jp/sustainability/highlights/business-continuity/"> BCMS </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="faqs" href="/jp/sustainability/highlights/faqs/"> よくある質問 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="sustainability|environment" href="/jp/sustainability/environment/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-environment.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-environment.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-environment.svg" width="28" height="28" alt="環境" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>環境</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|environment|overview" href="/jp/sustainability/environment/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|environment|green technology" href="/jp/sustainability/environment/green-technology/"> 環境に優しい技術 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|environment|climate action" href="/jp/sustainability/environment/climate-action/"> 気候変動対策 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|environment|reduce reuse" href="/jp/sustainability/environment/reduce-and-reuse/"> リデュースとリユーズ </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|environment|preserving nature" href="/jp/sustainability/environment/preserving-nature/"> 自然の保護 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="sustainability|labor human rights" href="/jp/sustainability/labor-human-rights/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-labor-humanright.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-labor-humanright.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-labor-humanright.svg" width="28" height="28" alt="労働者と人権" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>労働者と人権</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|labor human right|overview" href="/jp/sustainability/labor-human-rights/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|labor human right|diversity inclusion" href="/jp/sustainability/labor-human-rights/diversity-inclusion/"> ダイバーシティインクルージョン </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|labor human right|talent development" href="/jp/sustainability/labor-human-rights/talent-development/"> 人材育成 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|labor human right|safety first" href="/jp/sustainability/labor-human-rights/safety-first/"> 安全第一 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|labor human right|staying healthy" href="/jp/sustainability/labor-human-rights/staying-healthy/"> 健康の維持 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="sustainability|corporate citizenship" href="/jp/sustainability/corporate-citizenship/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-corporatecitizenship.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-corporatecitizenship.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-corporatecitizenship.svg" width="28" height="28" alt="企業市民活動" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>企業市民活動</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|corporate citizenship|overview" href="/jp/sustainability/corporate-citizenship/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="employee giving" href="/jp/sustainability/corporate-citizenship/employee-giving/"> 従業員の寄付 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|corporate citizenship|community engagement" href="/jp/sustainability/corporate-citizenship/community-engagement/"> コミュニティエンゲージメント </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="sustainability|sustainable supply chain" href="/jp/sustainability/sustainable-supply-chain/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-sustainablesupplychain.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-sustainablesupplychain.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-jp/gnb/gnb-svg-icon-v2/icon-gnb-sustainablesupplychain.svg" width="28" height="28" alt="持続可能なサプライチェーン" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>持続可能なサプライチェーン</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list onlyMobile"> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|sustainable supply chain|overview" href="/jp/sustainability/sustainable-supply-chain/"> 概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|sustainable supply chain|partner collaboration" href="/jp/sustainability/sustainable-supply-chain/partner-collaboration/"> パートナーコラボレーション </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|sustainable supply chain|environmentally responsible supply chain" href="/jp/sustainability/sustainable-supply-chain/environmentally-responsible-supply-chain/"> 環境に配慮したサプライチェーン </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="sustainability|sustainable supply chain|responsible supply chain" href="/jp/sustainability/sustainable-supply-chain/responsible-supply-chain/"> 責任あるサプライチェーン </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> </ul> <button class="CO04_gnb-column-category-close" aria-label="close menu category" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="menu close icon" data-an-la="none" type="button"></button> </div> </div> </li> <!-- /* Depth 1은 depth2 메뉴 목록이 있거나 링크가 있어야만 표시 */ --> <li class="CO04_gnb-column-category "> <!-- /* Depth 2 목록이 있는 경우 depth 1 링크 비활성화 */ --> <a tabindex="0" class="CO04_gnb-category-title underline-btn dark-bg btn-large" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="about us"> 当社について </a> <div class="CO04_gnb-category-wrap"> <div class="CO04_gnb-category-center "> <div class="CO04_gnb-category-feature left"> <div class="CO04_gnb-category__feature-title">About us</div> <div class="CO04_gnb-category__feature-image"> <figure class="CO04_gnb-category__feature__image__picture"> <!-- 2022-11-17 : a 태그 추가 ctaLinkPath --> <a href="/jp/about-us/" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="banner image" data-an-la="none"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/th-about-us-img.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/th-about-us-img.png?$ORIGIN_PNG$"/> <img loading="lazy" src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/gnb/th-about-us-img.png?$ORIGIN_PNG$" class="CO04_gnb-category__feature__image" width="128" height="72" alt="About us"/> </picture> </a> </figure> </div> <div class="CO04_gnb-category__feature-summary">私たちは誰ですか</div> <a href="/jp/about-us/" class="CO04_gnb-learnmore-btn dark-bg btn-large icon-right" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="link click" data-an-la="learn more">もっと見る</a> </div> <ul class="CO04_gnb-category-list"> <li class="CO04_gnb-category-item onlyMobile"> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="about us|overview" href="/jp/about-us/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>概要</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="about us|company info" href="#none"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb/icon_gnb_overview.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb/icon_gnb_overview.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb/icon_gnb_overview.svg" width="28" height="28" alt="会社情報" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>会社情報</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="about us|company info|our story" href="/jp/about-us/our-story/"> 私たちの話 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="about us|company info|business area" href="/jp/about-us/business-area/"> 事業概要 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="about us|company info|executive" href="/jp/about-us/executive/"> 役員紹介 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="about us|company info|locations" href="/jp/about-us/locations/"> 主要事業所 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="about us|company info|history" href="/jp/about-us/history/"> 履歴 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="careers" href="/jp/about-us/careers/"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb/icon_gnb_careers.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb/icon_gnb_careers.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/gnb/icon_gnb_careers.svg" width="28" height="28" alt="キャリア" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>キャリア</span> </a> </li> <li class="CO04_gnb-category-item "> <a class="CO04_gnb-category-item__title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="main menu text" data-an-la="device solutions r and d japan" href="#none"> <!-- /* 메뉴 아이콘 있는 경우 */ --> <figure class="CO04_gnb-category__feature-title__icon__picture"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-us/gnb/icon_gnb_subsidiaries.svg"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-us/gnb/icon_gnb_subsidiaries.svg"/> <img class="CO04_gnb-category__feature-title__icon" src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor-us/gnb/icon_gnb_subsidiaries.svg" width="28" height="28" alt="Device Solutions R&amp;amp;D Japan" aria-hidden="true"/> </picture> </figure> <!-- /* 메뉴 아이콘 있는 경우 */ --> <span>Device Solutions R&amp;D Japan</span> </a> <ul class="CO04_gnb-category-item__column"> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="about dsrj" href="/jp/dsrj/about/"> DSRJ紹介 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="dsrj features" href="/jp/dsrj/features/"> DSRJの特徴 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="dsrj r and d" href="/jp/dsrj/randd/"> 研究分野 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> <li class="CO04_gnb-category-item__column-list "> <a class="CO04_gnb-category-item__column-title" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="sub menu text" data-an-la="dsrj location" href="/jp/dsrj/location/"> 研究拠点 </a> </li> <!-- /* 현 위치에 들어가는 fake1DepthMenu의 경우 항상 pc에서만 노출되므로 별도의 device 클래스 미적용, moOnly인 경우 태그 전체 제외 */ --> </ul> </li> </ul> <button class="CO04_gnb-column-category-close" aria-label="close menu category" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="menu close icon" data-an-la="none" type="button"></button> </div> </div> </li> </ul> <!-- 2202-08-05 gnb 띠배너 마크업, URL도 추가 --> <div class="CO04_gnb-event-text-banner"> <p class="CO04_gnb-event-text-banner-paragraph"> <!-- 2022-09-15 영문 국가 문구 수정 --> <span data-language="global">Click here to learn more about <a href="/event/foundry-events-2022/" data-an-tr="gnb_banner" data-an-ca="link click" data-an-ac="text link" data-an-la="samsung foundry forum safe forum 2022">Samsung Foundry Forum &amp; SAFE&trade;</a>.</span> <span data-language="us">Click here to learn more about <a href="/us/event/foundry-events-2022/" data-an-tr="gnb_banner" data-an-ca="link click" data-an-ac="text link" data-an-la="samsung foundry forum safe forum 2022">Samsung Foundry Forum &amp; SAFE&trade;</a>.</span> <span data-language="emea">Click here to learn more about <a href="/emea/event/foundry-events-2022/" data-an-tr="gnb_banner" data-an-ca="link click" data-an-ac="text link" data-an-la="samsung foundry forum safe forum 2022">Samsung Foundry Forum</a>.</span> <span data-language="kr"><a href="/kr/event/foundry-events-2022/" data-an-tr="gnb_banner" data-an-ca="link click" data-an-ac="text link" data-an-la="samsung foundry forum safe forum 2022">Samsung Foundry Forum</a> 더 알아보려면 여기를 클릭하세요 </span> <span data-language="jp"><a href="/jp/event/foundry-events-2022/" data-an-tr="gnb_banner" data-an-ca="link click" data-an-ac="text link" data-an-la="samsung foundry forum safe forum 2022">Samsung Foundry Forum</a> についての詳細はここをクリックして下さい</span> <span data-language="cn">点击这里了解更多关于 <a href="/cn/event/foundry-events-2022/" data-an-tr="gnb_banner" data-an-ca="link click" data-an-ac="text link" data-an-la="samsung foundry forum safe forum 2022">Samsung Foundry Forum &amp; SAFE&trade;</a></span> </p> </div> <div class="CO04_gnb-btnMenuPopupClose"> <button type="button" aria-label="close to menu popup" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="menu close icon" data-an-la="none"></button> </div> </nav> <div class="CO04_gnb-utility"> <button type="button" class="CO04_gnb-utility__search-btn btnSearchPopupOpen" aria-label="open to search popup" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="search icon" data-an-la="none"> <img src="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-bold-action-search-wh.svg" aria-hidden="true" alt="検索ポップアップを開く"/> </button> <div class="CO04_gnb-utility__lang-select"> <a href="javascript:void(0)" class="CO04_gnb-utility-lang-select" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="language open" data-an-la="none" aria-label="language"> <img class="lang-icon" src="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-language-wh.svg" aria-hidden="true" alt="言語"/> <em aria-label="current site location">日本</em> </a> <!-- [DSW-6798] 230911 : GNB - Microsite 진입점 추가 --> <div class="CO04_gnb-utility-wrapper"> <ul class="CO04_gnb-utility-lang-option"> <li class="option-btn__lang"> <a href="/" data-site-code="global" hreflang="en" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="language icon" data-an-la="global-english"><span>Global / English</span></a> </li> <li class="option-btn__lang"> <a href="/us/" data-site-code="us" hreflang="en" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="language icon" data-an-la="us-english"><span>US / English</span></a> </li> <li class="option-btn__lang"> <a href="/emea/" data-site-code="emea" hreflang="en" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="language icon" data-an-la="emea-english"><span>EMEA / English</span></a> </li> <li class="option-btn__lang"> <a href="/kr/" data-site-code="kr" hreflang="ko" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="language icon" data-an-la="kr-korean"><span>한국 / 한국어</span></a> </li> <li class="option-btn__lang"> <a href="/cn/" data-site-code="cn" hreflang="zh-CN" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="language icon" data-an-la="cn-chinese"><span>中国 / 中文</span></a> </li> <li class="option-btn__lang"> <a href="/jp/" data-site-code="jp" hreflang="ja" data-an-tr="co04_gnb" data-an-ca="link click" data-an-ac="language icon" data-an-la="jp-japanese"><span>日本 / 日本語</span></a> </li> </ul> <!-- 2023-09-11 --> <div class="CO04_gnb-utility__microsite-option"> <a href="#none" class="CO04_gnb-utility-microsite-option" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="microsite open" data-an-la="none" aria-label="microsite">R&amp;D Center</a> <ul> <li><a href="/ssir/" target="_blank">India (SSIR) / English</a></li> <li><a href="/jp/dsrj/about/" target="_blank">日本 (DSRJ) / 日本語</a></li> </ul> </div> </div> </div> <button type="button" class="CO04_gnb-utility__menu-btn btnMenuPopupOpen" aria-label="open to menu popup" data-an-tr="co04_gnb" data-an-ca="content click" data-an-ac="menu open icon" data-an-la="none"> <img src="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-regular-navigation-menu-wh.svg" aria-hidden="true" alt="メニューポップアップを開く"/> </button> </div> </div> <div> <input type="hidden" name="SR01_searchPopupPath" id="SR01_searchPopupPath" value="/content/semiconductor/jp/image-sensor/mobile-image-sensor.html"/> <div id="search-01" class="SR01_search-popup normal-margin-top normal-margin-bottom " aria-hidden="true"> <div class="SR01_search-popup-wrapper"> <div class="SR01_search-popup-form" id="searchPopupForm"> <!-- /* heading level none 시(비노출일때) 태그 삭제 */--> <h2 class="SR01_search-popup-title highContrastTarget h2"> <label for="SR01_inp_search">キーワード検索</label> </h2> <!-- /* heading level none 시(비노출일때) 태그 삭제 */--> <div class="fieldset"> <div class="SR01_search-popup-inputbox-wrap " tabindex="0"> <!-- /* placeholder 최대 20자 (기능 구현 불가) */ --> <input class="SR01_search-popup-inputbox" id="SR01_inp_search" type="search" placeholder="ッシュタグ検索" autocomplete="off" maxlength="110"/> <button type="button" class="btn-input-clear" aria-label="clear input field" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="remove icon" data-an-la="none"></button> <!-- /* suggested-searches */ --> <div class="SR01_search-popup-suggested-searches search-extends" aria-hidden="true"> <dl> <dt class="highContrastTarget">検索の候補</dt> </dl> <!-- 220405 레이어 닫기 버튼 추가 --> <div><button type="button" class="search-extends-close" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="search extends close" data-an-la="none">とじる</button></div> </div> <!-- /* suggested-searches */ --> <!-- /* related-searches */ --> <div class="SR01_search-popup-related-searches search-extends" aria-hidden="true"> <dl> <dt class="highContrastTarget">最近の検索</dt> </dl> <!-- 220405 레이어 닫기 버튼 추가 --> <div><button type="button" class="search-extends-close" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="search extends close" data-an-la="none">とじる</button></div> </div> <!-- /* related-searches */ --> <!-- /* search-history */ --> <div class="SR01_search-popup-search-history search-extends" aria-hidden="true"> <dl> <dt class="highContrastTarget">検索履歴</dt> </dl> <button type="button" class="btn-clear-all light-bg btn-medium" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="search history clear all" data-an-la="none"> すべてクリア </button> <!-- 220405 레이어 닫기 버튼 추가 --> <div><button type="button" class="search-extends-close" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="search extends close" data-an-la="none">とじる</button></div> </div> <!-- /* search-history */ --> <div class="SR01_search-popup-no-suggestions search-extends" aria-hidden="true">検索するにはEnterキーを押します</div> <button type="button" class="btn-newsSubmitSearch" aria-label="submit" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="search icon" data-an-la="none"></button> </div> <div class="SR01_search-popup-recommend-chips"> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="chips" data-an-la="products">製品</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="chips" data-an-la="insights">インサイト</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="chips" data-an-la="sustainability">サステナブル経営</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="chips" data-an-la="campaign">イベント</a> <a href="javascript:void(0)" class="dark-bg btn-large highContrastTarget" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="chips" data-an-la="foundry">ファウンドリ</a> </div> <button type="button" class="btnSearchPopupClose" aria-label="close search popup" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="search close" data-an-la="none"></button> </div> </div> </div> </div> </div> </header> <!--googleon: all--> <!-- GNB 컴포넌트 영역 end --> <!-- 실제 body 영역 start --> <header> <input type="hidden" name="runModeString" id="runModeString" value="[prd][s7connect][crx3][nosamplecontent][publish][live][crx3tar]"/> <input type="hidden" name="serviceDomain" id="serviceDomain" value="https://semiconductor.samsung.com"/> <input type="hidden" name="searchDomain" id="searchDomain" value="https://search.semiconductor.samsung.com/semi/"/> <input type="hidden" name="siteCode" id="siteCode" value="jp"/> <input type="hidden" name="searchSiteCode" id="searchSiteCode" value="semijp"/> </header> <div class="root cm-semi-container container responsivegrid"> <div id="cm-semi-container-70022734c7" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="cm-semi-container container responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div id="cm-semi-container-2a46a5688f" class="cmp-container"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="st-semi-lnb aem-GridColumn aem-GridColumn--default--12"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/statics/st-semi-lnb/clientlibs/site.min.css" type="text/css"> <nav id="lnb" class="CO07_lnb_static none centerAlign "> <div class="CO07_lnb_static--list"> <div class="CO07_lnb_static--title-wrap "> <!-- 220801 마크업 감싸지는 div 추가 --> <div class="CO07_lnb_static--title-wrapper-mobile"> <span class="CO07_lnb_static--category highContrastTarget"><a href="/jp/image-sensor/" target="_self" data-an-tr="CO07_lnb_static" data-an-ca="link click" data-an-ac="high depth category" data-an-la="イメージセンサ">イメージセンサ</a></span> <dfn class="CO07_lnb_static--title highContrastTarget">モバイルイメージセンサ</dfn> </div> <!-- 220801 마크업 감싸지는 div 추가 --> <!-- 220801 cta 추가 (비노출시에는 불러오지 않아도 됩니다) 모바일 정렬 이슈로 추가됨 (cta가 마크업이 2개입니다.) --> <!-- 220801 cta 추가 (비노출시에는 불러오지 않아도 됩니다) 모바일 정렬 이슈로 추가됨 (cta가 마크업이 2개입니다.) --> </div> <div class="CO07_lnb_static--list__right"> <div class="CO07_lnb_static-swiper-container"> <div class="CO07_lnb_static--list__child swiper-wrapper" role="list"> <!-- 20230720 [WSC-3279] lnb 간격 이슈 수정 : a link class="dark-bg btn-large" 제거 --> <!-- 20231204 [DSW-11267] data-an-ca=link click 으로 수정 --> <div class="CO07_lnb_static--list__child__item " role="listitem"> <a href="#overview" class="" data-an-tr="CO07_lnb_static" data-an-ca="content click" data-an-ac="anchor nav" data-an-la="overview">概要</a> </div> <div class="CO07_lnb_static--list__child__item " role="listitem"> <a href="#object-video-wrap" class="" data-an-tr="CO07_lnb_static" data-an-ca="content click" data-an-ac="anchor nav" data-an-la="features">特徴</a> </div> <div class="CO07_lnb_static--list__child__item " role="listitem"> <a href="#finder" class="" data-an-tr="CO07_lnb_static" data-an-ca="content click" data-an-ac="anchor nav" data-an-la="product finder">製品検索</a> </div> <div class="CO07_lnb_static--list__child__item " role="listitem"> <a href="#applications" class="" data-an-tr="CO07_lnb_static" data-an-ca="content click" data-an-ac="anchor nav" data-an-la="applications">アプリケーション</a> </div> <div class="CO07_lnb_static--list__child__item " role="listitem"> <a href="#contents" class="" data-an-tr="CO07_lnb_static" data-an-ca="content click" data-an-ac="anchor nav" data-an-la="related contents">関連コンテンツ</a> </div> <!-- //20231204 [DSW-11267] data-an-ca=link click 으로 수정 --> <!-- //20230720 [WSC-3279] lnb 간격 이슈 수정 : a link class="dark-bg btn-large" 제거 --> </div> <div class="swiper-button-prev swiper-button-disabled"></div> <div class="swiper-button-next swiper-button-disabled"></div> </div> <!-- /* 비노출 시 삭제 */ --> </div> </div> </nav> <script src="/etc.clientlibs/semiconductor/components/global/content/statics/st-semi-lnb/clientlibs/site.min.js"></script> </div> <div class="st-semi-hero-carousel aem-GridColumn aem-GridColumn--default--12"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/statics/st-semi-hero-carousel/clientlibs/site.min.css" type="text/css"> <div id="overview" class="CO06_hero-carousel none PD01_lnb_contents"> <!-- 기본값 small, centerAlign (medium,large / leftAlign,rightAlign)--> <!-- data-loop / data-delay / data-speed 필수입니다 --> <div class="swiper-container CO06_hero-carousel-mainSwiper medium" data-loop="false" data-delay="5000" data-speed="1000"> <ul class="swiper-wrapper CO06_hero-carousel-swiper-wrapper"> <!-- Slides : data-caption이 타이틀입니다 --> <!-- Video --> <!-- Image --> <li class="swiper-slide CO06_hero-carousel-swiper-slide dimNone blackColor pcCenterTop tabletCenterTop mobileCenterTop bgWhite infinityimg"> <!-- <sly data-sly-test="true"> --> <!-- <div style="visibility: visible;"> --> <!-- </sly> --> <!-- <sly data-sly-test="false"> --> <!-- <div> --> <!-- </sly> --> <div> <!-- 230518 마크업 오류 수정 --> <div class="CO06_hero-carousel-text "> <!-- <sly data-sly-list.head="ISOCELL、&lt;br&gt;すべての瞬間に驚きを"> --> <!-- <div class="title" data-sly-element="h1"></div> --> <!-- </sly> --> <!-- S: 230228 영역 class 수정 --> <!-- E: 230228 영역 class 수정 --> <h1 class="title highContrastTarget"> <div class="pc"> ISOCELL、<br />すべての瞬間に驚きを </div> <div class="ta"> ISOCELL、<br />すべての瞬間に驚きを </div> <div class="mo"> ISOCELL、<br />すべての瞬間に驚きを </div> </h1> <!-- S: 221213 SubHeadline Text Bottom Case 영역 추가--> <!-- E: 221213 SubHeadline Text Bottom Case 영역 추가--> <!-- <sly data-sly-list.desc=""> --> <!-- <div class="desc" data-sly-test=""></div> --> <!-- </sly> --> </div> <!-- //230518 마크업 오류 수정 --> <figure> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/mobile-image-sensor/mobile-image-sensor_kv_pc_4.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/mobile-image-sensor/mobile-image-sensor_kv_ta_4.png?$ORIGIN_PNG$"/> <source media="(min-width: 0px) and (max-width: 767px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/mobile-image-sensor/mobile-image-sensor_kv_mo_4.png?$ORIGIN_PNG$"/> <!-- /* fallback (ie 11) */ --> <!-- 이미지에 대한 대체 텍스트가 이곳에 들어가면 됩니다 alt (ie전용)--> <img src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/mobile-image-sensor/mobile-image-sensor_kv_pc_4.png?$ORIGIN_PNG$" class="cover" data-object-fit="cover" alt="Resolution redefined" data-pc-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/mobile-image-sensor/mobile-image-sensor_kv_pc_4.png?$ORIGIN_PNG$" data-tablet-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/mobile-image-sensor/mobile-image-sensor_kv_ta_4.png?$ORIGIN_PNG$" data-mobile-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/mobile-image-sensor/mobile-image-sensor_kv_mo_4.png?$ORIGIN_PNG$"/> <!-- /* fallback */ --> </picture> </figure> <!-- 230407 kv image, video dim 추가 --> <div class="dimmed active"></div> <!-- //230407 kv image, video dim 추가 --> </div> </li> </ul> <!-- 220503 영상 한개/이미지한개인 경우 추가 마크업 --> <!-- 220503 영상 한개/이미지한개인 경우 추가 마크업 --> <div class="CO06_hero-carousel-swiper-navigation-group"> <div class="CO06_hero-carousel-swiper-pagination"></div> <div class="CO06_hero-carousel-swiper-autoplay"> <button type="button" aria-label="autoplay start" class="btn-autoplay btn-start" data-an-tr="co06_hero-carousel" data-an-ca="content click" data-an-ac="carousel play option" data-an-la="start"></button> <button type="button" aria-label="autoplay pause" class="btn-autoplay btn-stop" data-an-tr="co06_hero-carousel" data-an-ca="content click" data-an-ac="carousel play option" data-an-la="stop"></button> </div> </div> <button type="button" class="CO06_hero-carousel-swiper-button-prev" data-an-tr="co06_hero-carousel" data-an-ca="content click" data-an-ac="arrow left" data-an-la="none"></button> <button type="button" class="CO06_hero-carousel-swiper-button-next" data-an-tr="co06_hero-carousel" data-an-ca="content click" data-an-ac="arrow right" data-an-la="none"></button> </div> <!-- 230213 S: 비디오 layer popup --> <!-- 230213 E: 비디오 layer popup --> </div> <script src="/etc.clientlibs/semiconductor/designs/global/common-polyfill.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/utils.min.js"></script> <script src="/etc.clientlibs/semiconductor/designs/global/common-plugins.min.js"></script> <script src="/etc.clientlibs/semiconductor/designs/global/common-excel.min.js"></script> <script src="/etc.clientlibs/semiconductor/designs/global/common-ics.min.js"></script> <script src="/etc.clientlibs/semiconductor/designs/global/common.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/statics/st-semi-hero-carousel/clientlibs/site.min.js"></script> </div> <div class="cm-semi-static-content aem-GridColumn aem-GridColumn--default--12"> <section class="static-content"> <style> .mobile_image_sensor { text-align: center; color: #fff; background-color: #000000; } .mobile_image_sensor.whiteColor { background-color: #ffffff; } .mobile_image_sensor.whiteColor .whiteText .mobile_image_sensor__card-item-desc-title { color: #ffffff !important; } .mobile_image_sensor.whiteColor .whiteText .mobile_image_sensor__card-item-desc-eyebrow { color: #ffffff !important; } .mobile_image_sensor.whiteColor .whiteText .mobile_image_sensor__card-item-desc-text { color: #fff !important; } .mobile_image_sensor.whiteColor .mobile_image_sensor__tab-text { color: #000000 !important; } .mobile_image_sensor.whiteColor .mobile_image_sensor__sns__btn-facebook { background-image: url("../../../../designs/global/common/resources/img/icon/icon-share-facebook-white.svg"); } .mobile_image_sensor.whiteColor .mobile_image_sensor__sns__btn-twitter { background-image: url("../../../../designs/global/common/resources/img/icon/icon-share-twitter-white.svg"); } .mobile_image_sensor.whiteColor .mobile_image_sensor__sns__btn-in { background-image: url("../../../../designs/global/common/resources/img/icon/icon-share-linked-in-white.svg"); } .mobile_image_sensor.whiteColor .mobile_image_sensor__sns__btn-mail { background-image: url("../../../../designs/global/common/resources/img/icon/icon-share-mail-white.svg"); } .mobile_image_sensor.whiteColor .mobile_image_sensor__sns__btn-link { background-image: url("../../../../designs/global/common/resources/img/icon/icon-share-link-white.svg"); } .mobile_image_sensor .mobile_image_sensor__headline { padding-top: 140px; margin-bottom: 48px; font-family: "Samsung Sharp Sans", sans-serif; font-size: 3.6rem; line-height: 1.42; font-weight: 700; color: #000; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__headline { font-size: 2.8rem; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__headline { font-size: 2.4rem; } } .mobile_image_sensor .mobile_image_sensor__sns { margin-bottom: 40px; 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; } @supports (gap: 0 12px) { .mobile_image_sensor .mobile_image_sensor__sns { gap: 0 12px; } } .mobile_image_sensor .mobile_image_sensor__sns dd { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 12px; } .mobile_image_sensor .mobile_image_sensor__sns dd > * { display: block; width: 32px; height: 32px; background-position: center; background-size: 100%; background-repeat: no-repeat; } .mobile_image_sensor .mobile_image_sensor__sns dd > **:last-child { margin-right: 0; } @supports (gap: 0 12px) { .mobile_image_sensor .mobile_image_sensor__sns dd { margin: 0; } } .mobile_image_sensor .mobile_image_sensor__sns__btn-facebook { background-image: url("../../../../designs/global/common/resources/img/icon/icon-share-facebook.svg"); } .mobile_image_sensor .mobile_image_sensor__sns__btn-twitter { background-image: url("../../../../designs/global/common/resources/img/icon/icon-share-twitter.svg"); } .mobile_image_sensor .mobile_image_sensor__sns__btn-in { background-image: url("../../../../designs/global/common/resources/img/icon/icon-share-linked-in.svg"); } .mobile_image_sensor .mobile_image_sensor__sns__btn-mail { background-image: url("../../../../designs/global/common/resources/img/icon/icon-share-mail.svg"); } .mobile_image_sensor .mobile_image_sensor__sns__btn-link { background-image: url("../../../../designs/global/common/resources/img/icon/icon-share-link.svg"); } .mobile_image_sensor .mobile_image_sensor__tab { overflow: hidden; max-width: 1440px; margin: 0 auto 80px; } .mobile_image_sensor .mobile_image_sensor__tab-list { text-align: center; overflow-x: auto; max-width: 100%; width: auto; font-size: 0; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-bottom: 10px; } .mobile_image_sensor .mobile_image_sensor__tab-list::-webkit-scrollbar { height: 5px; } .mobile_image_sensor .mobile_image_sensor__tab-list::-webkit-scrollbar-track { border-radius: 15px; } .mobile_image_sensor .mobile_image_sensor__tab-list::-webkit-scrollbar-thumb { border-radius: 15px; background-color: #8f8f8f; } .mobile_image_sensor .mobile_image_sensor__tab-item { width: 140px; display: inline-block; } .mobile_image_sensor .mobile_image_sensor__tab-text { display: block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, border-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, font-weight cubic-bezier(0.4, 0, 0.2, 1) 0.2s; -o-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, border-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, font-weight cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, border-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, font-weight cubic-bezier(0.4, 0, 0.2, 1) 0.2s; border: none; vertical-align: middle; color: #000000; cursor: pointer; position: relative; font-weight: 700; border-width: 1px; border-style: solid; text-align: center; white-space: nowrap; text-decoration: none; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; background-color: transparent; /**/ padding: 0; margin-bottom: 8px; line-height: 20px; border: none; position: relative; width: 100%; } .mobile_image_sensor .mobile_image_sensor__tab-text.disabled, .mobile_image_sensor .mobile_image_sensor__tab-text:disabled, .mobile_image_sensor .mobile_image_sensor__tab-text [aria-disabled='true'] { cursor: not-allowed; pointer-events: none; } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-large { height: 40px; line-height: 40px; font-size: 14px; padding: 0 24px; } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-medium { height: 32px; line-height: 32px; font-size: 12px; padding: 0 16px; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__tab-text.btn-medium { height: 32px; line-height: 32px; font-size: 10px; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__tab-text.btn-medium { padding: 0 12px; } } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-small { height: 28px; line-height: 28px; font-size: 10px; padding: 0 16px; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__tab-text.btn-small { height: 28px; line-height: 28px; font-size: 10px; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__tab-text.btn-small { padding: 0 12px; } } .mobile_image_sensor .mobile_image_sensor__tab-text.none-border { border: none; } .mobile_image_sensor .mobile_image_sensor__tab-text.icon-left:before { content: ''; margin-right: 4px; width: 16px; height: 16px; background-repeat: no-repeat; background-size: 100%; background-position: center; -webkit-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; -o-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; } .mobile_image_sensor .mobile_image_sensor__tab-text.icon-right:after { content: ''; margin-left: 4px; width: 16px; height: 16px; background-repeat: no-repeat; background-size: 100%; background-position: center; -webkit-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; -o-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge { margin-bottom: 16px; height: 24px; line-height: 24px; font-size: 1.8rem; font-weight: normal; } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge.dark-bg { color: #ffffff; } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge.dark-bg:after { bottom: -16px !important; height: 3px !important; background-color: #ffffff; } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge.dark-bg:focus-visible, .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge.dark-bg.active { color: #ffffff; font-weight: 700; } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge.dark-bg:focus-visible:after, .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge.dark-bg.active:after { bottom: -16px !important; height: 3px !important; background-color: #ffffff; } @media (hover: hover) { .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge.dark-bg:hover { color: #ffffff; font-weight: 700; } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge.dark-bg:hover:after { bottom: -16px !important; height: 3px !important; background-color: #ffffff; } } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge.light-bg:after { bottom: -16px; height: 3px; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__tab-text.btn-xlarge { height: 20px; line-height: 20px; font-size: 1.4rem; } } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-large { height: 20px; line-height: 20px; font-size: 14px; padding: 0; } .mobile_image_sensor .mobile_image_sensor__tab-text.btn-medium { height: 16px; line-height: 16px; font-size: 12px; padding: 0; } .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg { color: #ffffff; } .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg:after { content: ''; position: absolute; bottom: -5px; width: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 2px; overflow: hidden; background-color: #ffffff; -webkit-transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.2s; -o-transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.2s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg:active, .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg:focus-visible { color: #dddddd; } .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg:active:after, .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg:focus-visible:after { width: 100%; background-color: #dddddd; } @media (hover: hover) { .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg:hover { color: #dddddd; } .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg:hover:after { width: 100%; background-color: #dddddd; } } .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg.disabled, .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg:disabled, .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg [aria-disabled='true'] { color: #555555; } .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg.disabled:after, .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg:disabled:after, .mobile_image_sensor .mobile_image_sensor__tab-text.dark-bg [aria-disabled='true']:after { background-color: #555555; } .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg { color: #000000; } .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg:after { content: ''; position: absolute; bottom: -5px; width: 0; left: 50%; overflow: hidden; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 2px; background-color: #000000; -webkit-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg:active, .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg:focus-visible { color: #555555; } .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg:active:after, .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg:focus-visible:after { width: 100%; background-color: #555555; } @media (hover: hover) { .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg:hover { color: #555555; } .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg:hover:after { width: 100%; background-color: #555555; } } .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg.disabled, .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg:disabled, .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg [aria-disabled='true'] { color: #555555; } .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg.disabled:after, .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg:disabled:after, .mobile_image_sensor .mobile_image_sensor__tab-text.light-bg [aria-disabled='true']:after { background-color: #555555; } .mobile_image_sensor .mobile_image_sensor__card { margin: 0 auto; max-width: 1440px; padding: 0 24px 140px 24px; } .mobile_image_sensor .mobile_image_sensor__card-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 -24px -24px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type1 .mobile_image_sensor__card-item-thum { padding-bottom: 142.9%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 { display: block; padding-left: calc(50% + 12px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item { width: calc(50% - 24px); -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:hover .mobile_image_sensor__card-item-thum img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(1) { position: absolute; top: 0; left: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(2), .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(3) { width: calc(100% - 24px); -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 24px); flex: 0 1 calc(100% - 24px); -ms-flex-preferred-size: calc(100% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(2) .mobile_image_sensor__card-item-desc, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(3) .mobile_image_sensor__card-item-desc { max-width: 243px; left: auto; bottom: 50%; right: 40px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); text-align: left; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item .mobile_image_sensor__card-item-thum { padding-bottom: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item .mobile_image_sensor__card-item-thum img { position: relative; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; max-width: none; width: 100%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type { padding-left: calc(50% + 12px); -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(1) { width: calc(50% - 24px); position: absolute; top: 0; left: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum { padding-bottom: calc(100% - 32px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(2) { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(2) .mobile_image_sensor__card-item-thum { padding-bottom: calc(50% - 28px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item-thum { padding-bottom: calc(100% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-movie .card-movie-playbtn { position: absolute; top: 50%; left: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -16px; display: block; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-movie .card-movie-playbtn:after { content: ''; display: inline-block; background-image: url("../../../../designs/global/common/resources/img/icon/icon-play.svg"); background-size: 100% 100%; width: 80px; height: 80px; z-index: 1; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-movie:nth-child(1) .card-movie-playbtn { margin-top: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox1 .mobile_image_sensor__card-item:nth-child(3) .mobile_image_sensor__card-item-desc-title, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox1 .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-desc-title { font-size: 2.4rem; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item-desc-eyebrow { margin-top: 0; margin-bottom: 4px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(2) .mobile_image_sensor__card-item-desc-box { padding: 0 32px 24px 32px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(2) .mobile_image_sensor__card-item-desc-title { letter-spacing: 0.89px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(3) .mobile_image_sensor__card-item-desc-box, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-desc-box { padding: 0 24px 24px 24px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(3) .mobile_image_sensor__card-item-desc-title, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-desc-title { font-size: 1.8rem; letter-spacing: 0.5px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox3 .mobile_image_sensor__card-item:nth-child(2) .mobile_image_sensor__card-item-desc-title, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox3 .mobile_image_sensor__card-item:nth-child(3) .mobile_image_sensor__card-item-desc-title, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox3 .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-desc-title { font-size: 2.4rem; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type { padding-left: calc(50% + 12px); -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item:nth-child(1) { width: calc(50% - 24px); position: absolute; top: 0; left: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum { padding-bottom: calc(100% - 32px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item-thum { padding-bottom: calc(100% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item-thum { padding-bottom: calc(100% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(25% - 24px); flex: 0 1 calc(25% - 24px); -ms-flex-preferred-size: calc(25% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(4) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(5) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(6) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(1), .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-thum { padding-bottom: calc(50% - 28px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item-thum { padding-bottom: calc(100% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(25% - 24px); flex: 0 1 calc(25% - 24px); -ms-flex-preferred-size: calc(25% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum { padding-bottom: calc(50% - 28px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-8-Type { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-8-Type .mobile_image_sensor__card-item-thum { padding-bottom: calc(100% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-8-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(25% - 24px); flex: 0 1 calc(25% - 24px); -ms-flex-preferred-size: calc(25% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(33.333% - 24px); flex: 0 1 calc(33.333% - 24px); -ms-flex-preferred-size: calc(33.333% - 24px); position: relative; margin: 0 0 24px 24px; overflow: hidden; } .mobile_image_sensor .mobile_image_sensor__card-item-thum { position: relative; overflow: hidden; padding-bottom: 100%; width: 100%; border-radius: 20px; } .mobile_image_sensor .mobile_image_sensor__card-item-thum img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; } .mobile_image_sensor .mobile_image_sensor__card-item-thum:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .mobile_image_sensor .mobile_image_sensor__card-item-desc { position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; } .mobile_image_sensor .mobile_image_sensor__card-item-desc-box { padding: 0 0 28px 0; display: block; } .mobile_image_sensor .mobile_image_sensor__card-item-desc-title { font-family: "Samsung Sharp Sans", sans-serif; font-size: 3.6rem; line-height: 1.42; font-weight: 700; font-size: 2.4rem; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-title { font-size: 2.8rem; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-title { font-size: 2.4rem; } } .mobile_image_sensor .mobile_image_sensor__card-item-desc-title > span { display: inline-block; font-family: 'Samsung Sharp Sans'; font-weight: bold; font-size: inherit; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-title > span { font-size: inherit; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-title > span { font-size: inherit; } } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-title { font-size: 2rem; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-title { font-size: 1.6rem; } } .mobile_image_sensor .mobile_image_sensor__card-item-desc-eyebrow { font-family: "Samsung One", sans-serif; font-size: 1.2rem; line-height: 1.33; font-weight: 400; margin-top: 16px; } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-eyebrow { font-size: 1.2rem; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-eyebrow { font-size: 1rem; } } .mobile_image_sensor .mobile_image_sensor__card-item-desc-text { font-family: "Samsung One", sans-serif; font-size: 1.8rem; line-height: 1.41; font-weight: 700; font-size: 1.6rem; color: #555; margin-top: 8px; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-text { font-size: 1.6rem; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-text { font-size: 1.4rem; } } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-text { font-size: 1.4rem; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__card-item-desc-text { font-size: 1.2rem; } } .mobile_image_sensor .mobile_image_sensor__learnmore-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, border-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, font-weight cubic-bezier(0.4, 0, 0.2, 1) 0.2s; -o-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, border-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, font-weight cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, border-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s, font-weight cubic-bezier(0.4, 0, 0.2, 1) 0.2s; border: none; vertical-align: middle; color: #000000; cursor: pointer; position: relative; font-weight: 700; border-width: 1px; border-style: solid; text-align: center; white-space: nowrap; text-decoration: none; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; background-color: transparent; /**/ padding: 0 24px; border-radius: 20px; background-color: transparent; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.disabled, .mobile_image_sensor .mobile_image_sensor__learnmore-btn:disabled, .mobile_image_sensor .mobile_image_sensor__learnmore-btn [aria-disabled='true'] { cursor: not-allowed; pointer-events: none; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.btn-large { height: 40px; line-height: 40px; font-size: 14px; padding: 0 24px; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.btn-medium { height: 32px; line-height: 32px; font-size: 12px; padding: 0 16px; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__learnmore-btn.btn-medium { height: 32px; line-height: 32px; font-size: 10px; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__learnmore-btn.btn-medium { padding: 0 12px; } } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.btn-small { height: 28px; line-height: 28px; font-size: 10px; padding: 0 16px; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__learnmore-btn.btn-small { height: 28px; line-height: 28px; font-size: 10px; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__learnmore-btn.btn-small { padding: 0 12px; } } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.none-border { border: none; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.icon-left:before { content: ''; margin-right: 4px; width: 16px; height: 16px; background-repeat: no-repeat; background-size: 100%; background-position: center; -webkit-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; -o-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.icon-right:after { content: ''; margin-left: 4px; width: 16px; height: 16px; background-repeat: no-repeat; background-size: 100%; background-position: center; -webkit-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; -o-transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: background cubic-bezier(0.4, 0, 0.2, 1) 0.2s; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg { color: #ffffff; border: 1px solid #ffffff; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg.icon-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M8 12.209L1.942 6.06 2.892 5.124 8 10.309 13.108 5.124 14.058 6.06z' transform='translate(-24.000000, -12.000000) translate(24.000000, 12.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:active, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:focus-visible { color: #dddddd; border-color: #dddddd; background-color: rgba(255, 255, 255, 0.1); } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:active.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:active.icon-right:after, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:focus-visible.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:focus-visible.icon-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23dddddd' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M8 12.209L1.942 6.06 2.892 5.124 8 10.309 13.108 5.124 14.058 6.06z' transform='translate(-24.000000, -12.000000) translate(24.000000, 12.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } @media (hover: hover) { .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:hover { color: #dddddd; border-color: #dddddd; background-color: rgba(255, 255, 255, 0.1); } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:hover.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:hover.icon-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23dddddd' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M8 12.209L1.942 6.06 2.892 5.124 8 10.309 13.108 5.124 14.058 6.06z' transform='translate(-24.000000, -12.000000) translate(24.000000, 12.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg.disabled, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:disabled, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg [aria-disabled='true'] { color: #555555; border-color: #555555; background-color: transparent; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg.disabled.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg.disabled.icon-right:after, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:disabled.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg:disabled.icon-right:after, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg [aria-disabled='true'].icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg [aria-disabled='true'].icon-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23555555' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M8 12.209L1.942 6.06 2.892 5.124 8 10.309 13.108 5.124 14.058 6.06z' transform='translate(-24.000000, -12.000000) translate(24.000000, 12.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg { color: #000000; border: 1px solid #000000; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg.icon-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M8 12.209L1.942 6.06 2.892 5.124 8 10.309 13.108 5.124 14.058 6.06z' transform='translate(-24.000000, -12.000000) translate(24.000000, 12.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:active, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:focus-visible { color: #555555; background-color: rgba(0, 0, 0, 0.03); border-color: #555555; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:active.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:active.icon-right:after, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:focus-visible.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:focus-visible.icon-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23555555' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M8 12.209L1.942 6.06 2.892 5.124 8 10.309 13.108 5.124 14.058 6.06z' transform='translate(-24.000000, -12.000000) translate(24.000000, 12.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } @media (hover: hover) { .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:hover { color: #555555; background-color: rgba(0, 0, 0, 0.03); border-color: #555555; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:hover.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:hover.icon-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23555555' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M8 12.209L1.942 6.06 2.892 5.124 8 10.309 13.108 5.124 14.058 6.06z' transform='translate(-24.000000, -12.000000) translate(24.000000, 12.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg.disabled, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:disabled, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg [aria-disabled='true'] { color: #dddddd; background-color: transparent; border-color: #dddddd; } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg.disabled.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg.disabled.icon-right:after, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:disabled.icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg:disabled.icon-right:after, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg [aria-disabled='true'].icon-left:before, .mobile_image_sensor .mobile_image_sensor__learnmore-btn.light-bg [aria-disabled='true'].icon-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23dddddd' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M8 12.209L1.942 6.06 2.892 5.124 8 10.309 13.108 5.124 14.058 6.06z' transform='translate(-24.000000, -12.000000) translate(24.000000, 12.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .mobile_image_sensor .mobile_image_sensor__learnmore-btn.dark-bg { color: #fff !important; } .mobile_image_sensor .mobile_image_sensor__popup-video { position: relative; padding-bottom: 56.25%; height: 0; } .mobile_image_sensor .mobile_image_sensor__popup-video video, .mobile_image_sensor .mobile_image_sensor__popup-video iframe, .mobile_image_sensor .mobile_image_sensor__popup-video object, .mobile_image_sensor .mobile_image_sensor__popup-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mobile_image_sensor .mobile_image_sensor__popup { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); z-index: 10; 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; } .mobile_image_sensor .mobile_image_sensor__popup[aria-hidden='true'] { display: none; } .mobile_image_sensor .mobile_image_sensor__popup[aria-hidden='false'] { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__popup { padding: 0; } } .mobile_image_sensor .mobile_image_sensor__popup .btnPlayVideoClose { position: absolute; top: 24px; right: 24px; width: 36px; height: 36px; background: url("../../../../designs/global/common/resources/img/icon/icon-regular-action-cancel-close.svg") no-repeat center/100%; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__popup .btnPlayVideoClose { width: 24px; height: 24px; } } .mobile_image_sensor .mobile_image_sensor__popup .mobile_image_sensor__popup-con { position: relative; width: 100%; max-width: 1440px; } .mobile_image_sensor .mobile_image_sensor__popup .mobile_image_sensor__popup-con .mobile_image_sensor__popup-video { position: relative; padding-bottom: 56.25%; height: 0; } .mobile_image_sensor .mobile_image_sensor__popup .mobile_image_sensor__popup-con .mobile_image_sensor__popup-video video, .mobile_image_sensor .mobile_image_sensor__popup .mobile_image_sensor__popup-con .mobile_image_sensor__popup-video iframe, .mobile_image_sensor .mobile_image_sensor__popup .mobile_image_sensor__popup-con .mobile_image_sensor__popup-video object, .mobile_image_sensor .mobile_image_sensor__popup .mobile_image_sensor__popup-con .mobile_image_sensor__popup-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mobile_image_sensor .mobile_image_sensor__summary { padding: 140px 0 96px; width: 100%; max-width: 700px; margin: 0 auto; text-align: center; color: #fff; background: #000; } .mobile_image_sensor .mobile_image_sensor__summary .mobile_image_sensor__summary-eyebrow { font-size: 16px; font-family: "Samsung Sharp Sans", sans-serif; font-weight: 700; line-height: 1.43; } .mobile_image_sensor .mobile_image_sensor__summary .mobile_image_sensor__summary-title { margin-top: 8px; font-family: "Samsung Sharp Sans", sans-serif; font-weight: 700; font-size: 36px; line-height: 1.41; } .mobile_image_sensor .mobile_image_sensor__summary .mobile_image_sensor__summary-content { margin-top: 8px; font-family: "Samsung One", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.43; } @media screen and (max-width: 1023px) { .mobile_image_sensor .mobile_image_sensor__headline { padding-top: 100px; margin-bottom: 40px; } .mobile_image_sensor .mobile_image_sensor__card { padding: 0 32px 100px 32px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type1 { display: block; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type1 .mobile_image_sensor__card-item-thum { padding-bottom: 48.2%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item-desc { bottom: 24px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item { width: calc(100% - 24px); -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 24px); flex: 0 1 calc(100% - 24px); -ms-flex-preferred-size: calc(100% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-child(1) { position: relative; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(2), .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(3) { width: calc(50% - 24px); -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(2) .mobile_image_sensor__card-item-desc, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(3) .mobile_image_sensor__card-item-desc { max-width: 100%; left: 0; bottom: 24px; right: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); text-align: center; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type { padding: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(1), .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(2) { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 24px); flex: 0 1 calc(100% - 24px); -ms-flex-preferred-size: calc(100% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(2) .mobile_image_sensor__card-item-thum { padding-bottom: 48.2%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item-thum { padding-bottom: 74%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-movie .card-movie-playbtn:after { width: 64px; height: 64px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox1 .mobile_image_sensor__card-item:nth-child(3) .mobile_image_sensor__card-item-desc-title, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox1 .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-desc-title { font-size: 1.5rem; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(2) .mobile_image_sensor__card-item-desc-box { padding: 0 28px 32px 28px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(3) .mobile_image_sensor__card-item-desc-box, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-desc-box { padding: 0 0 28px 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(3) .mobile_image_sensor__card-item-desc-title, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-desc-title { font-size: 1.5rem; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type { padding: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item:nth-child(1) { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 24px); flex: 0 1 calc(100% - 24px); -ms-flex-preferred-size: calc(100% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum { padding-bottom: 48.2%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item-thum { padding-bottom: 74%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item-thum { padding-bottom: 74%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(4) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(5) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(6) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(1), .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 24px); flex: 0 1 calc(100% - 24px); -ms-flex-preferred-size: calc(100% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-thum { padding-bottom: 48.2%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item-thum { padding-bottom: 74%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 24px); flex: 0 1 calc(100% - 24px); -ms-flex-preferred-size: calc(100% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum { padding-bottom: 48.2%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-8-Type .mobile_image_sensor__card-item-thum { padding-bottom: 74%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-8-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 24px); flex: 0 1 calc(50% - 24px); -ms-flex-preferred-size: calc(50% - 24px); } .mobile_image_sensor .mobile_image_sensor__card-item-desc-box { padding: 0 0 28px 0; } .mobile_image_sensor .mobile_image_sensor__card-item-desc-eyebrow { margin-top: 8px; } } @media screen and (max-width: 767px) { .mobile_image_sensor .mobile_image_sensor__headline { padding-top: 80px; } .mobile_image_sensor .mobile_image_sensor__tab { margin: 0 auto 48px; } .mobile_image_sensor .mobile_image_sensor__card { padding: 0 24px 80px 24px; } .mobile_image_sensor .mobile_image_sensor__card-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 -16px -16px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type1 .mobile_image_sensor__card-item-thum { padding-bottom: 64.1%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item-desc-box { padding-bottom: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__learnmore-btn { display: none; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(1) { width: calc(100% - 16px); -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 16px); flex: 1 1 calc(100% - 16px); -ms-flex-preferred-size: calc(100% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(2), .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(3) { width: calc(50% - 16px); -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 16px); flex: 0 1 calc(50% - 16px); -ms-flex-preferred-size: calc(50% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(2) .mobile_image_sensor__card-item-desc-box, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(3) .mobile_image_sensor__card-item-desc-box { padding: 0 16px 0 16px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(2) .mobile_image_sensor__card-item-desc, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-3-Type2 .mobile_image_sensor__card-item:nth-of-type(3) .mobile_image_sensor__card-item-desc { bottom: 16px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item-thum { padding-bottom: 135%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 16px); flex: 0 1 calc(50% - 16px); -ms-flex-preferred-size: calc(50% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(1), .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 16px); flex: 0 1 calc(100% - 16px); -ms-flex-preferred-size: calc(100% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-4-Type .mobile_image_sensor__card-item:nth-child(2) .mobile_image_sensor__card-item-thum { padding-bottom: 64.1%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-movie .card-movie-playbtn { margin-top: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-movie .card-movie-playbtn:after { width: 40px; height: 40px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox1 .mobile_image_sensor__card-item:nth-child(3) .mobile_image_sensor__card-item-desc-title, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox1 .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-desc-title { font-size: 1.4rem; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(2) .mobile_image_sensor__card-item-desc-box { padding: 0 24px 20px 24px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(3) .mobile_image_sensor__card-item-desc-box, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-desc-box { padding: 0 18px 20px 18px; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(3) .mobile_image_sensor__card-item-desc-title, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-textbox2 .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-desc-title { font-size: 1.4rem; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 16px); flex: 0 1 calc(50% - 16px); -ms-flex-preferred-size: calc(50% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 16px); flex: 0 1 calc(100% - 16px); -ms-flex-preferred-size: calc(100% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum { padding-bottom: 64.1%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-5-Type .mobile_image_sensor__card-item-thum { padding-bottom: 135%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item-thum { padding-bottom: 135%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 16px); flex: 0 1 calc(50% - 16px); -ms-flex-preferred-size: calc(50% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(1), .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 16px); flex: 0 1 calc(100% - 16px); -ms-flex-preferred-size: calc(100% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum, .mobile_image_sensor .mobile_image_sensor__card-wrap.card-6-Type .mobile_image_sensor__card-item:nth-child(4) .mobile_image_sensor__card-item-thum { padding-bottom: 64.1%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item-thum { padding-bottom: 135%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 16px); flex: 0 1 calc(50% - 16px); -ms-flex-preferred-size: calc(50% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 16px); flex: 0 1 calc(100% - 16px); -ms-flex-preferred-size: calc(100% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-7-Type .mobile_image_sensor__card-item:nth-child(1) .mobile_image_sensor__card-item-thum { padding-bottom: 64.1%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-8-Type .mobile_image_sensor__card-item-thum { padding-bottom: 135%; } .mobile_image_sensor .mobile_image_sensor__card-wrap.card-8-Type .mobile_image_sensor__card-item { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 16px); flex: 0 1 calc(50% - 16px); -ms-flex-preferred-size: calc(50% - 16px); } .mobile_image_sensor .mobile_image_sensor__card-item-thum img { max-width: 100%; } .mobile_image_sensor .mobile_image_sensor__card-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 0 16px 16px; } .mobile_image_sensor .mobile_image_sensor__card-item-desc-box { padding: 0 20px 24px 20px; } .mobile_image_sensor .mobile_image_sensor__card-item-desc-eyebrow { margin-top: 4px; } .mobile_image_sensor .mobile_image_sensor__summary .mobile_image_sensor__summary-content { padding: 0 24px; } .mo-br { display: none; } } </style> <section class="mobile_image_sensor whiteColor"> <h3 class="mobile_image_sensor__headline highContrastTarget">最新のモバイルイメージセンサー</h3> <div class="mobile_image_sensor__card"> <!--/* card-3-Type2 */--> <ul class="mobile_image_sensor__card-wrap card-3-Type2"> <li class="mobile_image_sensor__card-item whiteText"> <figure class="mobile_image_sensor__card-item-thum"> <picture> <!--/*pc img */--> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-hp9-684x572.png?$ORIGIN_PNG$"/> <!--/* tablet img */--> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-hp9-704x380.png?$ORIGIN_PNG$"/> <!--/* mobile img */--> <source media="(min-width: 0px) and (max-width: 767px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-hp9-624x480.png?$ORIGIN_PNG$"/> <!-- /* fallback (ie 11) */ --> <!-- 이미지에 대한 대체 텍스트가 이곳에 들어가면 됩니다 alt (ie전용)--> <img src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-hp9-684x572.png?$ORIGIN_PNG$" alt="" data-pc-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-hp9-684x572.png?$ORIGIN_PNG$" data-pc-width="684" data-pc-height="572" data-tablet-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-hp9-704x380.png?$ORIGIN_PNG$" data-tablet-width="704" data-tablet-height="380" data-mobile-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-hp9-624x480.png?$ORIGIN_PNG$" data-mobile-width="312" data-mobile-height="240"/> <!--/*pc img */--> <!-- /* fallback */ --> </picture> </figure> <div class="mobile_image_sensor__card-item-desc"> <a href="/jp/image-sensor/mobile-image-sensor/isocell-hp9/" class="mobile_image_sensor__card-item-desc-box" data-an-tr="mobile_image_sensor" data-an-ca="link click" data-an-ac="solution card grid" data-an-la="{var-eng-solution href}"> <p class="mobile_image_sensor__card-item-desc-title highContrastTarget">ISOCELL HP9</p> <p class="mobile_image_sensor__card-item-desc-text">自慢したくなるズーム性能</p> </a> <a href="/jp/image-sensor/mobile-image-sensor/isocell-hp9/" class="mobile_image_sensor__learnmore-btn dark-bg btn-large highContrastTarget" data-an-tr="mobile_image_sensor proposition" data-an-ca="link click" data-an-ac="learn more" data-an-la="none">もっと見る</a> </div> </li> <li class="mobile_image_sensor__card-item whiteText"> <figure class="mobile_image_sensor__card-item-thum"> <picture> <!--/*pc img */--> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-gnj-684x274.png?$ORIGIN_PNG$"/> <!--/* tablet img */--> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-gnj-340x320.png?$ORIGIN_PNG$"/> <!--/* mobile img */--> <source media="(min-width: 0px) and (max-width: 767px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-gnj-296x400.png?$ORIGIN_PNG$"/> <!-- /* fallback (ie 11) */ --> <!-- 이미지에 대한 대체 텍스트가 이곳에 들어가면 됩니다 alt (ie전용)--> <img src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-gnj-684x274.png?$ORIGIN_PNG$" alt="" data-pc-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-gnj-684x274.png?$ORIGIN_PNG$" data-pc-width="684" data-pc-height="274" data-tablet-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-gnj-340x320.png?$ORIGIN_PNG$" data-tablet-width="340" data-tablet-height="320" data-mobile-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-gnj-296x400.png?$ORIGIN_PNG$" data-mobile-width="148" data-mobile-height="200"/> <!--/*pc img */--> <!-- /* fallback */ --> </picture> </figure> <div class="mobile_image_sensor__card-item-desc"> <a href="/jp/image-sensor/mobile-image-sensor/isocell-gnj/" class="mobile_image_sensor__card-item-desc-box" data-an-tr="mobile_image_sensor" data-an-ca="link click" data-an-ac="solution card grid" data-an-la="{var-eng-solution href}"> <p class="mobile_image_sensor__card-item-desc-title highContrastTarget">ISOCELL GNJ</p> <p class="mobile_image_sensor__card-item-desc-text">最先端のピクセルテクノロジー</p> </a> <a href="/jp/image-sensor/mobile-image-sensor/isocell-gnj/" class="mobile_image_sensor__learnmore-btn dark-bg btn-large highContrastTarget" data-an-tr="mobile_image_sensor proposition" data-an-ca="link click" data-an-ac="learn more" data-an-la="none">もっと見る</a> </div> </li> <!-- <li class="mobile_image_sensor__card-item whiteText"> <figure class="mobile_image_sensor__card-item-thum"> <picture> <source media="(min-width: 1024px)" srcset="/content/dam/samsung/semiconductor/isocell/PC_imagesensor_hm6_01.jpg" /> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/samsung/semiconductor/isocell/TA_imagesensor_hm6_01.jpg" /> <source media="(min-width: 0px) and (max-width: 767px)" srcset="/content/dam/samsung/semiconductor/isocell/MO_imagesensor_hm6_01.jpg" /> <img src="/content/dam/samsung/semiconductor/isocell/PC_imagesensor_hm6_01.jpg" alt="" data-pc-src="/content/dam/samsung/semiconductor/isocell/PC_imagesensor_hm6_01.jpg" data-pc-width="684" data-pc-height="274" data-tablet-src="/content/dam/samsung/semiconductor/isocell/TA_imagesensor_hm6_01.jpg" data-tablet-width="340" data-tablet-height="320" data-mobile-src="/content/dam/samsung/semiconductor/isocell/MO_imagesensor_hm6_01.jpg" data-mobile-width="148" data-mobile-height="200" /> </picture> </figure> <div class="mobile_image_sensor__card-item-desc"> <a href="/content/semiconductor/jp/image-sensor/mobile-image-sensor/isocell-hm6.html" class="mobile_image_sensor__card-item-desc-box" data-an-tr="mobile_image_sensor" data-an-ca="link click" data-an-ac="solution card grid" data-an-la="{var-eng-solution href}"> <p class="mobile_image_sensor__card-item-desc-title highContrastTarget">ISOCELL HM6</p> <p class="mobile_image_sensor__card-item-desc-text">ディテールまで高精細に描写</p> </a> <a href="/content/semiconductor/jp/image-sensor/mobile-image-sensor/isocell-hm6.html" class="mobile_image_sensor__learnmore-btn dark-bg btn-large highContrastTarget" data-an-tr="mobile_image_sensor proposition" data-an-ca="link click" data-an-ac="learn more" data-an-la="none">もっと見る</a> </div> </li> --> <li class="mobile_image_sensor__card-item whiteText"> <figure class="mobile_image_sensor__card-item-thum"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-jn5-684x274.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-jn5-340x320.png?$ORIGIN_PNG$"/> <source media="(min-width: 0px) and (max-width: 767px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-jn5-296x400.png?$ORIGIN_PNG$"/> <img src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-jn5-684x274.png?$ORIGIN_PNG$" alt="" data-pc-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-jn5-684x274.png?$ORIGIN_PNG$" data-pc-width="684" data-pc-height="274" data-tablet-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-jn5-340x320.png?$ORIGIN_PNG$" data-tablet-width="340" data-tablet-height="320" data-mobile-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/isocell-jn5-296x400.png?$ORIGIN_PNG$" data-mobile-width="148" data-mobile-height="200"/> </picture> </figure> <div class="mobile_image_sensor__card-item-desc"> <a href="/jp/image-sensor/mobile-image-sensor/isocell-jn5/" class="mobile_image_sensor__card-item-desc-box" data-an-tr="mobile_image_sensor" data-an-ca="link click" data-an-ac="solution card grid" data-an-la="{var-eng-solution href}"> <p class="mobile_image_sensor__card-item-desc-title highContrastTarget">ISOCELL JN5</p> <p class="mobile_image_sensor__card-item-desc-text">写真をお楽しみください</p> </a> <a href="/jp/image-sensor/mobile-image-sensor/isocell-jn5/" class="mobile_image_sensor__learnmore-btn dark-bg btn-large highContrastTarget" data-an-tr="mobile_image_sensor proposition" data-an-ca="link click" data-an-ac="learn more" data-an-la="none">もっと見る</a> </div> </li> </ul> <!--/* //card-3-Type2 */--> </div> </section> <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); var $html = $('html'); var $body = $('body'); var $header = $('#header'); $(function () { $html = $('html'); $body = $('body'); $header = $('#header'); $('body').on('click', '.mobile_image_sensor_solution_static__sns__btn-link', function (event) { PD06_urlCopy(location.href); }); //video play popup $('body').on('click', '.btnPlayVideoOpen', mobile_image_sensor_videoPopOpen); $('body').on('click', '.btnPlayVideoClose', mobile_image_sensor_videoPopClose); // sns mobile_image_sensor_sns.clickEvent('.mobile_image_sensor_solution_static__sns__btn-facebook', 0); mobile_image_sensor_sns.clickEvent('.mobile_image_sensor_solution_static__sns__btn-twitter', 1); mobile_image_sensor_sns.clickEvent('.mobile_image_sensor_solution_static__sns__btn-in', 2); mobile_image_sensor_pictureIEFallback(); $(window).resize(function () { mobile_image_sensor_pictureIEFallback(); }); }); function PD06_urlCopy(url, msg) { const textarea = document.createElement('textarea'); document.body.appendChild(textarea); url = window.document.location.href; textarea.setAttribute('aria-hidden', 'true'); textarea.style.position = 'fixed'; textarea.value = url; textarea.select(); document.execCommand('copy'); document.body.removeChild(textarea); PD06_toastMsg(); } function PD06_toastMsg(msg, time) { if (msg) { msg = msg; } else { msg = 'Link copied to clipboard'; } if (time) { time = time; } else { time = 3000; } $('.alert-toast-msg').remove(); $('body').append("<div class='alert-toast-msg' role='alert' aria-live='assertive'>" + msg + '</div>'); setTimeout(function () { $('.alert-toast-msg').addClass('hide'); }, time); } // sns const mobile_image_sensor_sns = { $snsBtn: $('.mobile_image_sensor_solution_static__sns'), currentUrl: document.location.href, sharArray: ['http://www.facebook.com/sharer.php?s=100&amp;u=', 'https://twitter.com/intent/tweet?url=', 'http://www.linkedin.com/shareArticle?mini=true&amp;source=samsung.com&amp;url='], init: function () { // }, clickEvent: function (snsName, arraycode) { mobile_image_sensor_sns.$snsBtn.find(snsName).on('click', function (event) { if ($(this).attr('href') == '#none') { event.preventDefault(); } window.open(mobile_image_sensor_sns.sharArray[arraycode] + mobile_image_sensor_sns.currentUrl); }); }, }; function mobile_image_sensor_videoPopOpen(event) { const $isGnb = $('.CO04_gnb'); $('.mobile_image_sensor_solution_static__popup').attr('aria-hidden', 'false'); $('html').css({ height: window.innerHeight }); $('html').css({ overflowY: 'hidden', touchAction: 'none', }); if ($isGnb.length > 0) { $('.btnPlayVideoClose').css('top', 24 + $isGnb.innerHeight() + 'px'); } event.preventDefault(); } function mobile_image_sensor_videoPopClose() { if ($('video').length > 0) { var playVideo = $('video')[0]; playVideo.pause(); playVideo.currentTime = 0; } else if ($('iframe').length > 0) { $('iframe').attr('src', $('iframe').attr('src')); } $('.mobile_image_sensor_solution_static__popup').attr('aria-hidden', 'true'); $('html').css({ height: '' }); $('html').css({ overflowY: '', touchAction: '' }); } function mobile_image_sensor_pictureIEFallback() { let isTablet = window.innerWidth >= 768 && window.innerWidth <= 1023; let isMobile = window.innerWidth > 0 && window.innerWidth <= 767; const isIE = navigator.userAgent.indexOf('Trident') > -1 || navigator.userAgent.indexOf('MSIE') > -1; const target = $('picture > img'); if (!isIE) { return; } else { target.each(function () { if (isTablet) { if ($(this).attr('src') !== $(this).attr('data-tablet-src')) { $(this).attr({ src: $(this).attr('data-tablet-src'), width: $(this).attr('data-tablet-width'), height: $(this).attr('data-tablet-height'), }); } } else if (isMobile) { if ($(this).attr('src') !== $(this).attr('data-mobile-src')) { $(this).attr({ src: $(this).attr('data-mobile-src'), width: $(this).attr('data-mobile-width'), height: $(this).attr('data-mobile-height'), }); } } else if (!isTablet && !isMobile) { if ($(this).attr('src') !== $(this).attr('data-pc-src')) { $(this).attr({ src: $(this).attr('data-pc-src'), width: $(this).attr('data-pc-width'), height: $(this).attr('data-pc-height'), }); } } }); } } //exports.popupBase = popupBase; })(this, this.jQuery, window); }); </script> </section></div> <div class="cm-semi-static-content aem-GridColumn aem-GridColumn--default--12"> <section class="static-content"> <style scoped="scoped">*, figure { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } video, img { max-width: 100%; vertical-align: top; font-size: 0; } body { width: 100%; } .content { width: 100%; } .content section { position: relative; z-index: 2; } .section-inner { max-width: 1280px; margin: 0 auto; } .section-01, .section-02 { background: #000; } .section-01 { height: 400vh; } .section-01 .section-inner { opacity: 0; position: absolute; top: auto; bottom: 100px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 200; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } .section-01 .section-inner .txt-wrap { padding: 0 0; width: 100%; } .section-01 .section-inner .txt-wrap .section-description { color: #fff; } .txt-wrap { padding: 100px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .section-01 .object-video-wrap { width: 100%; height: 100vh; overflow: hidden; z-index: 100; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .section-01 .object-image { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100vh; max-width: 100%; overflow: hidden; opacity: 0; } .section-01 .object-image img { opacity: 0; width: auto; height: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .section-01 .object-video { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; overflow: hidden; } .section-01 .object-video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-02 .object-video { text-align: center; } .section-02 .object-video video{ margin: 0 auto; } .section-02 .txt-wrap { position: absolute; max-width: 1280px; width: 100%; bottom: 0; padding-top: 0; padding-bottom: 175px; opacity: 0; -webkit-transition: all 0.75s; -o-transition: all 0.75s; transition: all 0.75s; } .section-02.show .txt-wrap { opacity: 1; } .section-03 { padding-top: 200px; background: #fff; } .section-03 .object-video { text-align: center; } .section-03 .object-video video{ margin: 0 auto; } .section-03 .section-inner { background: #fff; } .section-03 .section-inner .txt-wrap .section-title { color: #000; } .section-03 .section-inner .txt-wrap p { color: #000; } .section-04 { position: relative; height: 300vh; } .section-04 .section-inner { position: sticky; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; width: 100%; padding: 0 0; } .section-04 .section-inner .txt-wrap { padding: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; z-index: 100; overflow: hidden; background: #000; height: 100vh; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .section-04 .section-inner .txt-wrap > div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 1280px; width: 100%; } .section-04 .section-inner .txt-wrap .section-title { width: 25%; } .section-04 .section-inner .txt-wrap .section-description { margin-top: 50px; width: 25%; } .section-04 .section-inner .txt-wrap.white { background: #fff; } .section-04 .section-inner .txt-wrap.white .section-title { color: #000; } .section-04 .section-inner .txt-wrap.white .section-description { color: #000; } .section-04 .section-inner figure { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; height: 100vh; overflow: hidden; } .section-04 .section-inner figure picture img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-04 .section-inner .dim { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.75)), color-stop(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.4))); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)); background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)); z-index: 10; } .section-05 { position: relative; height: 300vh; } .section-05 .section-inner { position: sticky; top: 0; max-width: 100%; width: 100%; padding: 0 0; } .section-05 .section-inner figure { position: relative; height: 100vh; overflow: hidden; } .section-05 .section-inner figure picture img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-05 .section-inner .txt-wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 1280px; width: 100%; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 10; } .section-05 .section-inner .txt-wrap > div { padding-left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-05 .section-inner .txt-wrap .section-title { color: #fff; } .section-05 .section-inner .txt-wrap .section-description { margin-top: 50px; color: #fff; } .section-05 .section-inner .txt-wrap.active { opacity: 1; } .section-05 .section-inner .dim { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.1))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)); background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)); z-index: 10; } .txt-wrap h3 { width: 50%; font-family: 'SamsungSharpSans', sans-serif; font-weight: 700; font-size: 36px; line-height: 1.41; color: #fff; } .txt-wrap p { width: 50%; font-family: 'SamsungOne', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.41; color: #aaa; } .m_only { display: none; } .section-01 .object-video-wrap .m_only{ display: none; } @media screen and (max-width: 1440px) { .section-inner { max-width: 1280px; padding: 0 24px; } .section-02 .txt-wrap { padding-bottom: 12.15vw; } .section-04 .section-inner .txt-wrap > div { padding: 0 24px; padding-left: calc(12.5% - 24px); } .section-05 .section-inner .txt-wrap > div { padding-right: 24px; } .section-04 .section-inner .txt-wrap .section-title { width: 25%; } .section-04 .section-inner .txt-wrap .section-description { width: 25%; } .section-05 .section-inner .txt-wrap .section-title { width: 50%; } .section-05 .section-inner .txt-wrap .section-description { width: 50%; } } @media screen and (max-width: 1280px) { .section-02 .txt-wrap { left: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 100px 24px 10vw; } .section-04 .section-inner .txt-wrap > div { padding-left: 24px; padding-right: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-04 .section-inner .txt-wrap > div .section-title { width: 50%; } .section-04 .section-inner .txt-wrap > div .section-description { width: 50%; } .section-05 .section-inner .txt-wrap > div { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-05 .section-inner .txt-wrap > div .section-title { width: 50%; } .section-05 .section-inner .txt-wrap > div .section-description { width: 50%; } } @media screen and (max-width: 1024px) { .section-04 .section-inner, .section-05 .section-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-04 .section-inner .txt-wrap, .section-05 .section-inner .txt-wrap { position: relative; opacity: 1; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; height: auto; padding: 10.41vw 0 10.41vw; top: auto; left: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .section-04 .section-inner .txt-wrap > div, .section-05 .section-inner .txt-wrap > div { position: relative; top: auto; left: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); padding-left: 24px; padding-right: 24px; } .section-04 .section-inner .txt-wrap > div .section-title, .section-05 .section-inner .txt-wrap > div .section-title { width: 100%; } .section-04 .section-inner .txt-wrap > div .section-description, .section-05 .section-inner .txt-wrap > div .section-description { width: 100%; } .section-04 .section-inner figure, .section-05 .section-inner figure { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: -1px; height: 112.5vw; } .section-05 .section-inner .txt-wrap .section-title { color: #000; } .section-05 .section-inner .txt-wrap .section-description { color: #000; } .section-01 .object-video-wrap .pc_only, .section-02 .object-video .pc_only, .section-03 .object-video .pc_only{ display: block; } } @media screen and (max-width: 768px) { .pc_only { display: none; } .m_only { display: block; } .section-01 { padding-bottom: 0; } .section-01 .txt-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-01 .txt-wrap h3 { width: 100%; } .section-01 .txt-wrap p { width: 100%; } .section-inner { padding: 0 24px; } .section-03 { padding-top: 19.5vw; } .section-01 .txt-wrap, .section-02 .txt-wrap, .section-03 .txt-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0; } .section-03 .txt-wrap { padding: 9.75vw 0 19.53vw; } .section-02 .txt-wrap { padding-top: 0; position: relative; top: -13.02vw; } .section-01 .txt-wrap h3, .section-02 .txt-wrap h3, .section-03 .txt-wrap h3, .section-04 .txt-wrap h3, .section-05 .txt-wrap h3 { width: 100%; font-size: 24px; } .section-01 .txt-wrap p, .section-02 .txt-wrap p, .section-03 .txt-wrap p, .section-04 .txt-wrap p, .section-05 .txt-wrap p { margin-top: 0 !important; padding-top: 6.5vw; width: 100%; font-size: 14px; } .section-02 .object-video .pc_only, .section-03 .object-video .pc_only{ display: none; } } @media screen and (max-width: 767px) { .section-01 { padding-bottom: 0; } .section-01 .object-video-wrap { height: 160vw; overflow: visible; } .section-01 .object-image { height: 101vw; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .section-01 .object-video { height: 101vw; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .section-01 .section-inner { top: calc(100vw + 9.75vw); } .section-01 .txt-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section-01 .txt-wrap h3 { width: 100%; } .section-01 .txt-wrap p { width: 100%; } .section-02 .txt-wrap { padding: 0 0; opacity: 1 !important; } .section-01 .object-video-wrap .pc_only{ display: none; } .section-01 .object-video-wrap .m_only{ display: block; } } </style> <div class="content" role="main"> <section class="f01 section-01"> <div id="object-video-wrap" class="object-video-wrap"> <figure class="object-image"> <img src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/F01_High_resolution_pc.jpg?$ORIGIN_JPG$" alt="" class="pc_only"/> <img src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/F01_High_resolution_mo.jpg?$ORIGIN_JPG$" alt="" class="m_only"/> </figure> <figure class="object-video"> <video preload="metadata" class="pc_only cover" data-object-fit="cover" playsinline muted> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/F01_High_resolution_pc.mp4" type="video/mp4"/> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/F01_High_resolution_pc.webm" type="video/webm"/> </video> <video preload="metadata" class="m_only cover" data-object-fit="cover" playsinline muted> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/F01_High_resolution_mo.mp4" type="video/mp4"/> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/F01_High_resolution_mo.webm" type="video/webm"/> </video> </figure> <div class="section-inner"> <div class="txt-wrap"> <h3 class="section-title">新たなディテールの基準</h3> <p class="section-description">約2億画素。 独自のピクセル技術でモバイル写真の革新をリードするISOCELLイメージセンサーは、 これまでに体験したことのないディテールをお見せします。</p> </div> </div> </div> </section> <section class="feature f02 section-02"> <div class="object-video"> <video preload="metadata" class="pc_only cover" data-object-fit="cover" playsinline muted poster="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/F02_8k_pc.jpg?$ORIGIN_JPG$" data-show="2"> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/Mobile-image-sensor_8K_Video.mp4" type="video/mp4"/> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/Mobile-image-sensor_8K_Video.webm" type="video/webm"/> </video> <video preload="metadata" class="m_only cover" data-object-fit="cover" playsinline muted poster="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/F02_8k_mo.jpg?$ORIGIN_JPG$" data-show="2"> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/Mobile-image-sensor_8K_Video_Mobile.mp4" type="video/mp4"/> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/Mobile-image-sensor_8K_Video_Mobile.webm" type="video/webm"/> </video> </div> <div class="section-inner"> <div class="txt-wrap"> <h3 class="section-title">映画のようにリアルな映像</h3> <p class="section-description">8Kビデオ撮影をサポートするISOCELLイメージセンサーは、リアルな画質と高いフレームレートで、 映画のようなワンシーンをくっきりと残すことができます。</p> </div> </div> </section> <section class="feature f03 section-03"> <div class="object-video"> <video preload="metadata" class="pc_only cover" data-object-fit="cover" playsinline muted poster="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/F03_Autofoucs_pc.jpg?$ORIGIN_JPG$"> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/F03_Autofoucs_pc.mp4" type="video/mp4"/> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/F03_Autofoucs_pc.webm" type="video/webm"/> </video> <video preload="metadata" class="m_only cover" data-object-fit="cover" playsinline muted poster="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/F03_Autofoucs_mo.jpg?$ORIGIN_JPG$"> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/F03_Autofoucs_mo.mp4" type="video/mp4"/> <source src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/products/image-sensor/pf/F03_Autofoucs_mo.webm" type="video/webm"/> </video> </div> <div class="section-inner"> <div class="txt-wrap"> <h3 class="section-title">すべての瞬間を大切に</h3> <p class="section-description">一瞬のうちに過ぎてしまう大切なシーンの数々をISOCELLイメージセンサーでとらえましょう。 スーパーPDからデュアルピクセルプロにいたるまで、ISOCELL専用のオートフォーカス技術はすべての瞬間を高速で正確に撮影します。</p> </div> </div> </section> <section class="feature f04 section-04"> <div class="section-inner"> <div class="txt-wrap"> <div> <h3 class="section-title">低照度でも大丈夫</h3> <p class="section-description">ISOCELLイメージセンサーは最大4×4のピクセルビニング、スマートISOなど、低照度撮影のための様々な技術を適用し、 暗い環境でも明るくノイズの少ない写真を撮ることができます。</p> </div> </div> <figure> <span class="dim"></span> <picture> <source media="(min-width: 768px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/F04_Low_light_performance_img_pc.jpg?$ORIGIN_JPG$" type="image/jpg"/> <img loading="lazy" src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/F04_Low_light_performance_img_mo.jpg?$ORIGIN_JPG$" alt=""/> </picture> </figure> </div> </section> <section class="feature f05 section-05"> <div class="section-inner"> <div class="txt-wrap"> <div> <h3 class="section-title">光と闇の間</h3> <p class="section-description">ISOCELLイメージセンサーは様々なHDRソリューションを使って、明るいところから暗いところまで 広範囲の光を表現できます。 光が描くすべての瞬間の美しさをお見逃しなく。</p> </div> </div> <figure> <span class="dim"></span> <picture> <source media="(min-width: 768px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/F05_hdr_img_pc.jpg?$ORIGIN_JPG$" type="image/jpg"/> <img loading="lazy" src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor/products/image-sensor/pf/F05_hdr_img_mo.jpg?$ORIGIN_JPG$" alt=""/> </picture> </figure> </div> </section> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js"></script> <script> ;(function(win,doc,callback){'use strict';callback=callback||function(){};function detach(){if(doc.addEventListener){doc.removeEventListener('DOMContentLoaded',completed);}else{doc.detachEvent('onreadystatechange',completed);}}function completed(){if(doc.addEventListener||event.type==='load'||doc.readyState==='complete'){detach();callback(window,window.jQuery);}}function init(){if (doc.addEventListener){doc.addEventListener('DOMContentLoaded',completed);}else{doc.attachEvent('onreadystatechange',completed);}}init();})(window,document,function(win,$){ (function (exports, $, win) { gsap.registerPlugin(ScrollTrigger); var video, tl01, tl04, tl05; $(window).on('load resize scroll', function () { objectVideoResize(); }); sec01($('.section-01')); sec04($('.section-04')); sec05($('.section-05')); function objectVideoResize() { if ($('.section-01 .object-video-wrap .pc_only').css('display') == 'block') { video = $('.section-01 .object-video video.pc_only').get(0); } else { video = $('.section-01 .object-video video.m_only').get(0); } if ($('.section-01 .object-video-wrap .pc_only').css('display') == 'block') { $('.section-01 .object-image img.pc_only').css({ opacity: 1, width: $(video).innerWidth(), height: $(video).innerHeight() }); } else { $('.section-01 .object-image img.m_only').css({ opacity: 1, width: $(video).innerWidth(), maxHeight: $(video).innerHeight(), height: $(video).innerHeight() }); } } /* section-01 */ function sec01(section) { ScrollTrigger.config({ autoRefreshEvents: 'visibilitychange,DOMContentLoaded,load', // notice "resize" isn't in the list ignoreMobileResize: true, }); if ($('.section-01 .object-video-wrap .pc_only').css('display') == 'block') { video = $('.section-01 .object-video video.pc_only').get(0); } else { video = $('.section-01 .object-video video.m_only').get(0); } video.pause(); video.currentTime = 0; var time = tl01 ? tl01.time() : 0; if (tl01) { tl01.kill(); } ScrollTrigger.matchMedia({ '(min-width: 768px)': function () { tl01 = gsap.timeline({ scrollTrigger: { trigger: section, start: 'top 100%', end: 'bottom bottom', scrub: 1, onUpdate: function (self) { if (self.direction == 1) { document.querySelector('.section-01 .object-video-wrap').style.top = '56px'; document.querySelector('.section-01 .section-inner').style.bottom = '100px'; } else { document.querySelector('.section-01 .object-video-wrap').style.top = '116px'; document.querySelector('.section-01 .section-inner').style.bottom = '160px'; } }, onEnter: function () { if (video.paused) { video.play(); video.addEventListener('ended', function (event) { video.style.opacity = 0; $('.section-01 .object-image').css('opacity', 1); tl01.time(0); }); } else { video.pause(); video.style.opacity = 1; $('.section-01 .object-image').css('opacity', 0); } }, onEnterBack: function () {}, onLeaveBack: function () { video.pause(); video.currentTime = 0; video.style.opacity = 1; }, }, }); tl01.to(section.find('img'), { scale: 1, y: 0 }).to(section.find('img'), { scale: 1, y: 0 }).to(section.find('img'), { scale: 1, y: 0 }).to(section.find('img'), { duration: 1, scale: 1.2, y: '10%' }, '<4').to('.section-01 .section-inner', { opacity: 1 }).to(section.find('img'), { duration: 1, scale: 1.2, y: '10%' }).to('.section-01 .section-inner', { opacity: 1 }); tl01.time(time); }, '(max-width: 767px)': function () { tl01 = gsap.timeline({ scrollTrigger: { trigger: section, start: 'top 100%', end: 'bottom bottom', scrub: 1, onUpdate: function (self) { if (self.direction == 1) { document.querySelector('.section-01 .object-video-wrap').style.top = '104px'; } else { document.querySelector('.section-01 .object-video-wrap').style.top = '164px'; } }, onEnter: function () { if (video.paused) { video.play(); video.addEventListener('ended', function (event) { video.style.opacity = 0; $('.section-01 .object-image').css('opacity', 1); tl01.time(0); }); } else { video.pause(); video.style.opacity = 1; $('.section-01 .object-image').css('opacity', 0); } }, onEnterBack: function () {}, onLeaveBack: function () { video.pause(); video.currentTime = 0; video.style.opacity = 1; }, }, }); tl01.to(section.find('img'), { scale: 1, y: 0 }).to(section.find('img'), { scale: 1, y: 0 }).to(section.find('img'), { scale: 1, y: 0 }).to(section.find('img'), { duration: 1, scale: 1.2, y: '10%' }).to('.section-01 .section-inner', { opacity: 1 }).to(section.find('img'), { duration: 1, scale: 1.2, y: '10%' }).to('.section-01 .section-inner', { opacity: 1 }); tl01.time(time); }, }); } /* section-04 */ function sec04(section) { ScrollTrigger.config({ autoRefreshEvents: 'visibilitychange,DOMContentLoaded,load', // notice "resize" isn't in the list ignoreMobileResize: true, }); var time = tl04 ? tl04.time() : 0; if (tl04) { tl04.kill(); } ScrollTrigger.addEventListener('refreshInit', () => (progress = tl04.scrollTrigger.progress)); ScrollTrigger.addEventListener('refresh', () => tl04.scrollTrigger.scroll(progress * ScrollTrigger.maxScroll(window))); ScrollTrigger.matchMedia({ '(min-width: 1025px)': function () { tl04 = gsap.timeline({ scrollTrigger: { trigger: section, start: 'top top', endTrigger: '.section-04', end: 'bottom bottom', onUpdate: function (self) { var progress = self.progress.toFixed(2); //console.log(progress); if (progress >= 0.5) { document.querySelector('.section-04 .txt-wrap').classList.add('white'); } else { document.querySelector('.section-04 .txt-wrap').classList.remove('white'); } }, scrub: true, //pin: true, //anticipatePin: true, }, }); tl04.fromTo(section.find('.dim'), { xPercent: 0, x: 0, delay: 0.1 }, { duration: 1, xPercent: -100, delay: 0.1 }, 0).to(section.find('.dim'), { xPercent: -100, x: 0, delay: 0.1 }); tl04.time(time); }, '(max-width: 1024px)': function () { tl04 = gsap.timeline({ scrollTrigger: { trigger: section, start: 'top top', endTrigger: '.section-04', end: 'bottom bottom', onUpdate: function (self) { var progress = self.progress.toFixed(2); //console.log(progress); if (progress >= 0.5) { document.querySelector('.section-04 .txt-wrap').classList.add('white'); } else { document.querySelector('.section-04 .txt-wrap').classList.remove('white'); } if (self.direction == 1) { document.querySelector('.feature.f04 .section-inner').style.top = '56px'; } else { document.querySelector('.feature.f04 .section-inner').style.top = '116px'; } }, scrub: true, //pin: true, //anticipatePin: true, }, }); tl04.fromTo(section.find('.dim'), { yPercent: 0, y: 0, x: 0, delay: 0.1 }, { duration: 1, yPercent: 100, delay: 0.1 }, 0).to(section.find('.dim'), { yPercent: 100, y: 0, delay: 0.1 }); tl04.time(time); }, '(max-width: 767px)': function () { tl04 = gsap.timeline({ scrollTrigger: { trigger: section, start: 'top top', endTrigger: '.section-04', end: 'bottom bottom', onUpdate: function (self) { var progress = self.progress.toFixed(2); //console.log(progress); if (progress >= 0.5) { document.querySelector('.section-04 .txt-wrap').classList.add('white'); } else { document.querySelector('.section-04 .txt-wrap').classList.remove('white'); } if (self.direction == 1) { document.querySelector('.feature.f04 .section-inner').style.top = '104px'; } else { document.querySelector('.feature.f04 .section-inner').style.top = '164px'; } }, scrub: true, //pin: true, //anticipatePin: true, }, }); tl04.fromTo(section.find('.dim'), { yPercent: 0, y: 0, x: 0, delay: 0.1 }, { duration: 1, yPercent: 100, delay: 0.1 }, 0).to(section.find('.dim'), { yPercent: 100, y: 0, delay: 0.1 }); tl04.time(time); }, }); } /* section-05 */ function sec05(section) { ScrollTrigger.config({ autoRefreshEvents: 'visibilitychange,DOMContentLoaded,load', // notice "resize" isn't in the list ignoreMobileResize: true, }); var time = tl05 ? tl05.time() : 0; if (tl05) { tl05.kill(); } ScrollTrigger.addEventListener('refreshInit', () => (progress = tl05.scrollTrigger.progress)); ScrollTrigger.addEventListener('refresh', () => tl05.scrollTrigger.scroll(progress * ScrollTrigger.maxScroll(window))); ScrollTrigger.matchMedia({ '(min-width: 768px)': function () { tl05 = gsap.timeline({ scrollTrigger: { trigger: section, start: 'top top', endTrigger: '.section-05', end: 'bottom bottom', onUpdate: function (self) { var progress = self.progress.toFixed(2); //console.log(progress); if (progress >= 0.33) { document.querySelector('.section-05 .txt-wrap').classList.add('active'); } else { document.querySelector('.section-05 .txt-wrap').classList.remove('active'); } if (self.direction == 1) { document.querySelector('.feature.f05 .section-inner').style.top = '56px'; } else { document.querySelector('.feature.f05 .section-inner').style.top = '116px'; } }, scrub: true, //pin: true, //anticipatePin: true, }, }); tl05.fromTo(section.find('.dim'), { y: 0, delay: 0.1 }, { duration: 1, yPercent: -100, delay: 0.1 }, 0).to(section.find('.dim'), { yPercent: -100, delay: 0.1 }); tl05.time(time); }, '(max-width: 767px)': function () { tl05 = gsap.timeline({ scrollTrigger: { trigger: section, start: 'top top', endTrigger: '.section-05', end: 'bottom bottom', onUpdate: function (self) { var progress = self.progress.toFixed(2); //console.log(progress); if (progress >= 0.33) { document.querySelector('.section-05 .txt-wrap').classList.add('active'); } else { document.querySelector('.section-05 .txt-wrap').classList.remove('active'); } if (self.direction == 1) { document.querySelector('.feature.f05 .section-inner').style.top = '104px'; } else { document.querySelector('.feature.f05 .section-inner').style.top = '164px'; } }, scrub: true, //pin: true, //anticipatePin: true, }, }); tl05.fromTo(section.find('.dim'), { y: 0, delay: 0.1 }, { duration: 1, yPercent: -100, delay: 0.1 }, 0).to(section.find('.dim'), { yPercent: -100, delay: 0.1 }); tl05.time(time); }, }); } })(this, this.jQuery, window); !(function () { 'use strict'; if ('undefined' != typeof window) { var e = window.navigator.userAgent.match(/Edge\/(\d{2})\./), t = e ? parseInt(e[1], 10) : null, n = !!t && 16 <= t && t <= 18; if (!('objectFit' in document.documentElement.style != !1) || n) { var o = function (e) { var t = e.parentNode; !(function (e) { var t = window.getComputedStyle(e, null), i = t.getPropertyValue('position'), n = t.getPropertyValue('overflow'), o = t.getPropertyValue('display'); (i && 'static' !== i) || (e.style.position = 'relative'), 'hidden' !== n && (e.style.overflow = 'hidden'), (o && 'inline' !== o) || (e.style.display = 'block'), 0 === e.clientHeight && (e.style.height = '100%'), -1 === e.className.indexOf('object-fit-polyfill') && (e.className = e.className + ' object-fit-polyfill'); })(t), (function (e) { var t = window.getComputedStyle(e, null), i = { 'max-width': 'none', 'max-height': 'none', 'min-width': '0px', 'min-height': '0px', top: 'auto', right: 'auto', bottom: 'auto', left: 'auto', 'margin-top': '0px', 'margin-right': '0px', 'margin-bottom': '0px', 'margin-left': '0px' }; for (var n in i) t.getPropertyValue(n) !== i[n] && (e.style[n] = i[n]); })(e), (e.style.position = 'absolute'), (e.style.height = '100%'), (e.style.width = 'auto'), e.clientWidth > t.clientWidth ? ((e.style.top = '0'), (e.style.marginTop = '0'), (e.style.left = '50%'), (e.style.marginLeft = e.clientWidth / -2 + 'px')) : ((e.style.width = '100%'), (e.style.height = 'auto'), (e.style.left = '0'), (e.style.marginLeft = '0'), (e.style.top = '50%'), (e.style.marginTop = e.clientHeight / -2 + 'px')); }, i = function (e) { if (void 0 === e || e instanceof Event) e = document.querySelectorAll('[data-object-fit]'); else if (e && e.nodeName) e = [e]; else { if ('object' != typeof e || !e.length || !e[0].nodeName) return !1; e = e; } for (var t = 0; t < e.length; t++) if (e[t].nodeName) { var i = e[t].nodeName.toLowerCase(); if ('img' === i) { if (n) continue; e[t].compvare ? o(e[t]) : e[t].addEventListener('load', function () { o(this); }); } else 'video' === i ? 0 < e[t].readyState ? o(e[t]) : e[t].addEventListener('loadedmetadata', function () { o(this); }) : o(e[t]); } return !0; }; 'loading' === document.readyState ? document.addEventListener('DOMContentLoaded', i) : i(), window.addEventListener('resize', i), (window.objectFitPolyfill = i); } else window.objectFitPolyfill = function () { return !1; }; } })(); // Prototype HTMLVideoElement.prototype.loadVideo = function (usePlay) { if (this.readyState <= HTMLVideoElement.prototype.HAVE_METADATA) { this.load(); } if (usePlay) { var jE = $(this); var feature = jE.parents('.feature'); this.addEventListener( 'canplay', function () { if (feature.hasClass('active')) { this.playVideo(); } }, { once: true } ); } }; HTMLVideoElement.prototype.playVideo = function () { if (this.readyState > HTMLVideoElement.prototype.HAVE_METADATA) { if (this.frameId !== void 0) { clearTimeout(this.frameId); } var jE = $(this); function observer() { var feature = jE.parents('.feature'); var images = jE.siblings('img').filter(function () { return !$(this).hasClass('hidden'); }); if (images.length > 0 && this.currentTime > 0) { images.addClass('hidden'); } if (jE.data('show') !== void 0 && !feature.hasClass('.show')) { if (this.currentTime >= jE.data('show')) { feature.addClass('show'); } } if (!this.paused) { this.frameId = setTimeout(observer); } } observer = observer.bind(this); this.frameId = setTimeout(observer); this.play(); } else { this.loadVideo(true); } }; HTMLVideoElement.prototype.resetVideo = function () { if (this.frameId !== void 0) { clearTimeout(this.frameId); } this.pause(); if (this.readyState > HTMLVideoElement.prototype.HAVE_NOTHING) { this.currentTime = 0; } $(this).siblings('img').removeClass('hidden'); }; HTMLCanvasElement.prototype.loadSeq = function (forcePlay) { var canvas = this; canvas.loaded = false; canvas.images = []; var ctx = canvas.getContext('2d'); for (var i = 0; i < this.fileLength; i++) { var image = new Image(); var number = i < 10 ? '0' + i : i; image.src = canvas.filePath + canvas.filePrefixName + number + canvas.fileSuffixName; image.loaded = false; image.addEventListener( 'load', function () { this.loaded = true; if ( canvas.images.filter(function (image) { return !image.loaded; }).length < 1 ) { canvas.loaded = true; ctx.drawImage(canvas.images[0], 0, 0, canvas.width, canvas.height); if (forcePlay && $(canvas).parents('.feature').hasClass('active')) { canvas.playSeq(); } } }, { once: true } ); canvas.images.push(image); } }; HTMLCanvasElement.prototype.playSeq = function () { if (this.loaded === void 0) { this.loadSeq(true); } if (!this.loaded) { return; } if (this.frameId !== void 0) { caf(this.frameId); delete this.frameId; } var jE = $(this); var feature = jE.parents('.feature'); var ctx = this.getContext('2d'); function observer() { ctx.drawImage(this.images[this.index], 0, 0, this.width, this.height); if (jE.data('show') !== void 0 && !feature.hasClass('.show')) { if (this.index >= jE.data('show')) { feature.addClass('show'); } } if (this.index < this.fileLength - 1) { this.frameId = raf(this.observer); this.index++; } else { delete this.frameId; } } this.observer = observer.bind(this); this.index = 0; this.frameId = raf(this.observer); if (this.resize === void 0) { this.resize = function () { this.setAttribute('width', this.clientWidth); this.setAttribute('height', this.clientHeight); if (this.loaded) { ctx.drawImage(this.images[this.index], 0, 0, this.width, this.height); } }; this.resize = this.resize.bind(this); window.addEventListener('resize', this.resize); this.resize(); } }; HTMLCanvasElement.prototype.resetSeq = function () { if (!this.loaded) { return; } if (this.frameId !== void 0) { caf(this.frameId); delete this.frameId; } var ctx = this.getContext('2d'); this.index = 0; ctx.drawImage(this.images[0], 0, 0, this.width, this.height); delete this.observer; }; // Page $(function () { var page = { width: window.innerWidth, height: window.innerHeight, top: $(window).scrollTop(), mode: null, modeChanged: null, }; function updatePage() { var mode = page.width > 768 ? 'pc' : 'm'; page.modeChanged = mode !== page.mode; page.mode = mode; } function updateActive() { var features = $('.feature'); features.each(function () { var feature = $(this); var target = feature.find('video.' + page.mode + '_only'); if (!target.length) { target = feature; } var top = target.offset().top; var height = target.height(); if (feature.is('.active')) { if (top > page.top + page.height || top + height < page.top) { feature.removeClass('active show'); var video = feature.find('video.' + page.mode + '_only').get(0); if (video !== void 0) { video.resetVideo(); } var canvas = feature.find('canvas.' + page.mode + '_only').get(0); if (canvas !== void 0) { canvas.resetSeq(); } } } else { if (page.top + page.height - top >= (feature.data('top-' + page.mode) || 0.5) && top + height - page.top >= (feature.data('bottom-' + page.mode) || 0.5)) { feature.addClass('active'); var video = feature.find('video.' + page.mode + '_only').get(0); if (video !== void 0) { $('.section-02 .txt-wrap').removeClass('active'); $('.section-03 .txt-wrap').removeClass('active'); video.playVideo(); } if (video !== void 0) { video.addEventListener('ended', (event) => { $('.section-02 .txt-wrap').addClass('active'); $('.section-03 .txt-wrap').addClass('active'); }); } var canvas = feature.find('canvas.' + page.mode + '_only').get(0); if (canvas !== void 0) { canvas.playSeq(); } } } }); } function detectVideo() { $('video').each(function () { var element = $(this); if (element.attr('data-show') !== void 0) { element.data('show', element.attr('data-show')); element.removeAttr('data-show'); } }); } function loadEvent() { page.width = window.innerWidth; page.height = window.innerHeight; page.top = $(window).scrollTop(); // DATA OVERWRITE //$('.feature.f03').data('top-m', 0.7); updatePage(); detectVideo(); updateActive(); } function resizeEvent() { page.width = window.innerWidth; page.height = window.innerHeight; page.top = $(window).scrollTop(); updatePage(); if (page.modeChanged) { var features = $('.feature'); features.removeClass('active show'); features.find('video').each(function () { this.resetVideo(); }); features.find('canvas').each(function () { this.resetSeq(); }); } updateActive(); } function scrollEvent() { page.top = $(window).scrollTop(); updateActive(); } $(window).on('load', loadEvent).on('resize', resizeEvent).on('scroll', scrollEvent); updatePage(); window.page = page; }); // Video $(function () { var video = $('.feature video'); function videoResizeEvent() { if (page.modeChanged) { video.siblings('img').removeClass('hidden'); } } $(window).on('resize', videoResizeEvent); }); /** stickybits - Stickybits is a lightweight alternative to `position: sticky` polyfills @version v3.7.4 @link https://github.com/dollarshaveclub/stickybits#readme @author Jeff Wainwright <yowainwright@gmail.com> (https://jeffry.in) @license MIT **/ (function (factory) { typeof define === 'function' && define.amd ? define(factory) : factory(); })(function () { 'use strict'; function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* STICKYBITS 💉 -------- > a lightweight alternative to `position: sticky` polyfills 🍬 -------- - each method is documented above it our view the readme - Stickybits does not manage polymorphic functionality (position like properties) * polymorphic functionality: (in the context of describing Stickybits) means making things like `position: sticky` be loosely supported with position fixed. It also means that features like `useStickyClasses` takes on styles like `position: fixed`. -------- defaults 🔌 -------- - version = `package.json` version - userAgent = viewer browser agent - target = DOM element selector - noStyles = boolean - offset = number - parentClass = 'string' - scrollEl = window || DOM element selector || DOM element - stickyClass = 'string' - stuckClass = 'string' - useStickyClasses = boolean - useFixed = boolean - useGetBoundingClientRect = boolean - verticalPosition = 'string' - applyStyle = function -------- props🔌 -------- - p = props {object} -------- instance note -------- - stickybits parent methods return this - stickybits instance methods return an instance item -------- nomenclature -------- - target => el => e - props => o || p - instance => item => it -------- methods -------- - .definePosition = defines sticky or fixed - .addInstance = an array of objects for each Stickybits Target - .getClosestParent = gets the parent for non-window scroll - .getTopPosition = gets the element top pixel position from the viewport - .computeScrollOffsets = computes scroll position - .toggleClasses = older browser toggler - .manageState = manages sticky state - .removeInstance = removes an instance - .cleanup = removes all Stickybits instances and cleans up dom from stickybits */ var Stickybits = /*#__PURE__*/ (function () { function Stickybits(target, obj) { var _this = this; var o = typeof obj !== 'undefined' ? obj : {}; this.version = '3.7.4'; this.userAgent = window.navigator.userAgent || 'no `userAgent` provided by the browser'; this.props = { customStickyChangeNumber: o.customStickyChangeNumber || null, noStyles: o.noStyles || false, stickyBitStickyOffset: o.stickyBitStickyOffset || 0, parentClass: o.parentClass || 'js-stickybit-parent', scrollEl: typeof o.scrollEl === 'string' ? document.querySelector(o.scrollEl) : o.scrollEl || window, stickyClass: o.stickyClass || 'js-is-sticky', stuckClass: o.stuckClass || 'js-is-stuck', stickyChangeClass: o.stickyChangeClass || 'js-is-sticky--change', useStickyClasses: o.useStickyClasses || false, useFixed: o.useFixed || false, useGetBoundingClientRect: o.useGetBoundingClientRect || false, verticalPosition: o.verticalPosition || 'top', applyStyle: o.applyStyle || function (item, style) { return _this.applyStyle(item, style); }, /* define positionVal after the setting of props, because definePosition looks at the props.useFixed ---- - uses a computed (`.definePosition()`) - defined the position */ }; this.props.positionVal = this.definePosition() || 'fixed'; this.instances = []; var _this$props = this.props, positionVal = _this$props.positionVal, verticalPosition = _this$props.verticalPosition, noStyles = _this$props.noStyles, stickyBitStickyOffset = _this$props.stickyBitStickyOffset; var verticalPositionStyle = verticalPosition === 'top' && !noStyles ? stickyBitStickyOffset + 'px' : ''; var positionStyle = positionVal !== 'fixed' ? positionVal : ''; this.els = typeof target === 'string' ? document.querySelectorAll(target) : target; if (!('length' in this.els)) this.els = [this.els]; for (var i = 0; i < this.els.length; i++) { var _styles; var el = this.els[i]; var instance = this.addInstance(el, this.props); // set vertical position this.props.applyStyle( { styles: ((_styles = {}), (_styles[verticalPosition] = verticalPositionStyle), (_styles.position = positionStyle), _styles), classes: {}, }, instance ); this.manageState(instance); // instances are an array of objects this.instances.push(instance); } } /* setStickyPosition ✔️ -------- — most basic thing stickybits does => checks to see if position sticky is supported => defined the position to be used => stickybits works accordingly */ var _proto = Stickybits.prototype; _proto.definePosition = function definePosition() { var stickyProp; if (this.props.useFixed) { stickyProp = 'fixed'; } else { var prefix = ['', '-o-', '-webkit-', '-moz-', '-ms-']; var test = document.head.style; for (var i = 0; i < prefix.length; i += 1) { test.position = prefix[i] + 'sticky'; } stickyProp = test.position ? test.position : 'fixed'; test.position = ''; } return stickyProp; }; /* addInstance ✔️ -------- — manages instances of items - takes in an el and props - returns an item object --- - target = el - o = {object} = props - scrollEl = 'string' | object - verticalPosition = number - off = boolean - parentClass = 'string' - stickyClass = 'string' - stuckClass = 'string' --- - defined later - parent = dom element - state = 'string' - offset = number - stickyStart = number - stickyStop = number - returns an instance object */ _proto.addInstance = function addInstance(el, props) { var _this2 = this; var item = { el: el, parent: el.parentNode, props: props, }; if (props.positionVal === 'fixed' || props.useStickyClasses) { this.isWin = this.props.scrollEl === window; var se = this.isWin ? window : this.getClosestParent(item.el, item.props.scrollEl); this.computeScrollOffsets(item); this.toggleClasses(item.parent, '', props.parentClass); item.state = 'default'; item.stateChange = 'default'; item.stateContainer = function () { return _this2.manageState(item); }; se.addEventListener('scroll', item.stateContainer); } return item; }; /* -------- getParent 👨‍ -------- - a helper function that gets the target element's parent selected el - only used for non `window` scroll elements - supports older browsers */ _proto.getClosestParent = function getClosestParent(el, match) { // p = parent element var p = match; var e = el; if (e.parentElement === p) return p; // traverse up the dom tree until we get to the parent while (e.parentElement !== p) { e = e.parentElement; } // return parent element return p; }; /* -------- getTopPosition -------- - a helper function that gets the topPosition of a Stickybit element - from the top level of the DOM */ _proto.getTopPosition = function getTopPosition(el) { if (this.props.useGetBoundingClientRect) { return el.getBoundingClientRect().top + (this.props.scrollEl.pageYOffset || document.documentElement.scrollTop); } var topPosition = 0; do { topPosition = el.offsetTop + topPosition; } while ((el = el.offsetParent)); return topPosition; }; /* computeScrollOffsets 📊 --- computeScrollOffsets for Stickybits - defines - offset - start - stop */ _proto.computeScrollOffsets = function computeScrollOffsets(item) { var it = item; var p = it.props; var el = it.el; var parent = it.parent; var isCustom = !this.isWin && p.positionVal === 'fixed'; var isTop = p.verticalPosition !== 'bottom'; var scrollElOffset = isCustom ? this.getTopPosition(p.scrollEl) : 0; var stickyStart = isCustom ? this.getTopPosition(parent) - scrollElOffset : this.getTopPosition(parent); var stickyChangeOffset = p.customStickyChangeNumber !== null ? p.customStickyChangeNumber : el.offsetHeight; var parentBottom = stickyStart + parent.offsetHeight; it.offset = !isCustom ? scrollElOffset + p.stickyBitStickyOffset : 0; it.stickyStart = isTop ? stickyStart - it.offset : 0; it.stickyChange = it.stickyStart + stickyChangeOffset; it.stickyStop = isTop ? parentBottom - (el.offsetHeight + it.offset) : parentBottom - window.innerHeight; }; /* toggleClasses ⚖️ --- toggles classes (for older browser support) r = removed class a = added class */ _proto.toggleClasses = function toggleClasses(el, r, a) { var e = el; var cArray = e.className.split(' '); if (a && cArray.indexOf(a) === -1) cArray.push(a); var rItem = cArray.indexOf(r); if (rItem !== -1) cArray.splice(rItem, 1); e.className = cArray.join(' '); }; /* manageState 📝 --- - defines the state - normal - sticky - stuck */ _proto.manageState = function manageState(item) { var _this3 = this; // cache object var it = item; var p = it.props; var state = it.state; var stateChange = it.stateChange; var start = it.stickyStart; var change = it.stickyChange; var stop = it.stickyStop; // cache props var pv = p.positionVal; var se = p.scrollEl; var sticky = p.stickyClass; var stickyChange = p.stickyChangeClass; var stuck = p.stuckClass; var vp = p.verticalPosition; var isTop = vp !== 'bottom'; var aS = p.applyStyle; var ns = p.noStyles; /* requestAnimationFrame --- - use rAF - or stub rAF */ var rAFStub = function rAFDummy(f) { f(); }; var rAF = !this.isWin ? rAFStub : window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || rAFStub; /* define scroll vars --- - scroll - notSticky - isSticky - isStuck */ var scroll = this.isWin ? window.scrollY || window.pageYOffset : se.scrollTop; var notSticky = scroll > start && scroll < stop && (state === 'default' || state === 'stuck'); var isSticky = isTop && scroll <= start && (state === 'sticky' || state === 'stuck'); var isStuck = scroll >= stop && state === 'sticky'; /* Unnamed arrow functions within this block --- - help wanted or discussion - view test.stickybits.js - `stickybits .manageState `position: fixed` interface` for more awareness 👀 */ if (notSticky) { it.state = 'sticky'; } else if (isSticky) { it.state = 'default'; } else if (isStuck) { it.state = 'stuck'; } var isStickyChange = scroll >= change && scroll <= stop; var isNotStickyChange = scroll < change / 2 || scroll > stop; if (isNotStickyChange) { it.stateChange = 'default'; } else if (isStickyChange) { it.stateChange = 'sticky'; } // Only apply new styles if the state has changed if (state === it.state && stateChange === it.stateChange) return; rAF(function () { var _styles2, _classes, _styles3, _extends2, _classes2, _style$classes; var stateStyles = { sticky: { styles: ((_styles2 = { position: pv, top: '', bottom: '', }), (_styles2[vp] = p.stickyBitStickyOffset + 'px'), _styles2), classes: ((_classes = {}), (_classes[sticky] = true), _classes), }, default: { styles: ((_styles3 = {}), (_styles3[vp] = ''), _styles3), classes: {}, }, stuck: { styles: _extends( ((_extends2 = {}), (_extends2[vp] = ''), _extends2), (pv === 'fixed' && !ns) || !_this3.isWin ? { position: 'absolute', top: '', bottom: '0', } : {} ), classes: ((_classes2 = {}), (_classes2[stuck] = true), _classes2), }, }; if (pv === 'fixed') { stateStyles.default.styles.position = ''; } var style = stateStyles[it.state]; style.classes = ((_style$classes = {}), (_style$classes[stuck] = !!style.classes[stuck]), (_style$classes[sticky] = !!style.classes[sticky]), (_style$classes[stickyChange] = isStickyChange), _style$classes); aS(style, item); }); }; /* applyStyle --- - apply the given styles and classes to the element */ _proto.applyStyle = function applyStyle(_ref, item) { var styles = _ref.styles, classes = _ref.classes; // cache object var it = item; var e = it.el; var p = it.props; var stl = e.style; // cache props var ns = p.noStyles; var cArray = e.className.split(' '); // Disable due to bug with old versions of eslint-scope and for ... in // https://github.com/eslint/eslint/issues/12117 // eslint-disable-next-line no-unused-vars for (var cls in classes) { var addClass = classes[cls]; if (addClass) { if (cArray.indexOf(cls) === -1) cArray.push(cls); } else { var idx = cArray.indexOf(cls); if (idx !== -1) cArray.splice(idx, 1); } } e.className = cArray.join(' '); if (styles['position']) { stl['position'] = styles['position']; } if (ns) return; // eslint-disable-next-line no-unused-vars for (var key in styles) { stl[key] = styles[key]; } }; _proto.update = function update(updatedProps) { var _this4 = this; if (updatedProps === void 0) { updatedProps = null; } this.instances.forEach(function (instance) { _this4.computeScrollOffsets(instance); if (updatedProps) { // eslint-disable-next-line no-unused-vars for (var updatedProp in updatedProps) { instance.props[updatedProp] = updatedProps[updatedProp]; } } }); return this; }; /* removes an instance 👋 -------- - cleanup instance */ _proto.removeInstance = function removeInstance(instance) { var _styles4, _classes3; var e = instance.el; var p = instance.props; this.applyStyle( { styles: ((_styles4 = { position: '', }), (_styles4[p.verticalPosition] = ''), _styles4), classes: ((_classes3 = {}), (_classes3[p.stickyClass] = ''), (_classes3[p.stuckClass] = ''), _classes3), }, instance ); this.toggleClasses(e.parentNode, p.parentClass); }; /* cleanup 🛁 -------- - cleans up each instance - clears instance */ _proto.cleanup = function cleanup() { for (var i = 0; i < this.instances.length; i += 1) { var instance = this.instances[i]; if (instance.stateContainer) { instance.props.scrollEl.removeEventListener('scroll', instance.stateContainer); } this.removeInstance(instance); } this.manageState = false; this.instances = []; }; return Stickybits; })(); /* export -------- exports StickBits to be used 🏁 */ function stickybits(target, o) { return new Stickybits(target, o); } if (typeof window !== 'undefined') { var plugin = window.$ || window.jQuery || window.Zepto; if (plugin) { plugin.fn.stickybits = function stickybitsPlugin(opts) { return stickybits(this, opts); }; } } }); $('.object-video-wrap').stickybits(); }); </script> </section></div> <div class="pd-semi-product-grid aem-GridColumn aem-GridColumn--default--12"> <div id="finder" class="PD10_product-grid "> <input type="hidden" id="PD10_subcategory" name="PD10_subcategory" value="329"/> <input type="hidden" id="PD10_categoryLevel" name="PD10_categoryLevel" value="3"/> <input type="hidden" id="path" name="path" value="/image-sensor/mobile-image-sensor"/> <div class="PD10_hashtag"> <h2 class="PD10_hashtag-title highContrastTarget"> <label for="PD10_hashtag-inputbox">モバイルイメージセンサ製品検索</label> </h2> <div class="PD10_hashtag-form"> <div class="fieldset"> <div class="PD10_hashtag-inputbox-wrap"> <input type="hidden" name="suggetsedKeword" id="suggetsedKeword"/> <input class="PD10_hashtag-inputbox" id="PD10_hashtag-inputbox" type="search" value="" placeholder="製品検索" maxlength="110" autocomplete="off"/> <button type="button" class="btn-input-clear" aria-label="clear input field" data-an-tr="sr01_search popup" data-an-ca="internal search" data-an-ac="remove icon" data-an-la="none"></button> <button type="button" class="btn-newsSubmitSearch" aria-label="submit" data-an-tr="pd10_product grid" data-an-ca="content click" data-an-ac="search icon" data-an-la="none"></button> </div> <div class="PD10_hashtag-recommend-chips"> </div> </div> </div> </div> <div class="PD10_product-grid-wrap"> <div class="PD10_filter-sorting-area-wrapper"> <div class="PD10_filter-sorting-area"> <div class="PD10_filter none"> <button type="button" aria-pressed="false" aria-label="click to use filter" class="btn-news-filter" data-an-tr="pd10_product grid" data-an-ca="filter and sort" data-an-ac="filter active" data-an-la="none">フィルター<span class="result_forMobile" data-check=""></span></button> <div class="filter-result-functions"> <strong class="news-filter-result">0結果</strong> <button type="button" class="btn-news-filter__reset" data-an-tr="pd10_product grid" data-an-ca="filter and sort" data-an-ac="reset" data-an-la="none">リセット</button> </div> <div class="filter-detail"> <dfn class="filter-detail-title">すべての製品</dfn> <ul class="filter-detail-wrap"> </ul> <input type="hidden" name="filterSearch" id="filterSearch" class="filterSearch"/> <div class="filter-result-functions-mobile"> <button type="button" id="btn-news-filter__reset-mobile" class="btn-news-filter__reset-mobile light-bg btn-large" data-an-tr="pd10_product grid" data-an-ca="filter and sort" data-an-ac="reset" data-an-la="none"><span>フィルタのリセット</span></button> <button type="button" class="news-filter-result-mobile light-bg btn-large" data-an-tr="pd10_product grid" data-an-ca="filter and sort" data-an-ac="view result" data-an-la="none">結果を表示 <span></span></button> </div> <button type="button" class="btn-filter-close" aria-label="filter close" data-an-tr="pd10_product grid" data-an-ca="filter and sort" data-an-ac="filter closed" data-an-la="none"></button> </div> </div> <div class="PD10_sort none"> <div class="PD10_drop-down-wrap"> <div class="drop-down"> <button id="dropDown" type="button" class="btn btn--drop-down" aria-haspopup="listbox" aria-expanded="false" data-an-tr="pd10_product grid" data-an-ca="content click" data-an-ac="filter and sort" data-an-la="recommended"> 推奨 </button> <ul class="combobox" role="listbox" aria-activedescendant="option_0" aria-labelledby="dropDown"> <li class="combobox__option active"> <button type="button" id="option_0" data-value="Newest" role="option" aria-selected="false" data-an-tr="pd10_product grid" data-an-ca="content click" data-an-ac="filter and sort" data-an-la="newest"> 最新 </button> </li> <li class="combobox__option"> <button type="button" id="option_1" data-value="Recommended" role="option" aria-selected="true" title="選択済み" data-an-tr="pd10_product grid" data-an-ca="content click" data-an-ac="filter and sort" data-an-la="recommended"> 推奨 </button> </li> <li class="combobox__option"> <button type="button" id="option_2" data-value="AZ" role="option" aria-selected="false" data-an-tr="pd10_product grid" data-an-ca="content click" data-an-ac="filter and sort" data-an-la="a-z"> A-Z </button> </li> <li class="combobox__option"> <button type="button" id="option_3" data-value="ZA" role="option" aria-selected="false" data-an-tr="pd10_product grid" data-an-ca="content click" data-an-ac="filter and sort" data-an-la="z-a"> Z-A </button> </li> </ul> <!-- 선택된 Sort 값 --> <input type="hidden" id="sortSearch" name="sortSearch" class="sortSearch" value="Recommended"/> </div> </div> </div> </div> </div> <ul class="PD10_product-grid-list"> </ul> <div class="btn-group btn-center"> <button id="PD10_product-grid_more" type="button" class="light-bg btn-large highContrastTarget" data-an-tr="pd10_product grid" data-an-ca="content click" data-an-ac="view more" data-an-la="none">詳細を表示 </button> <button type="button" class="btn-export light-bg btn-large highContrastTarget">すべてエクスポート</button> </div> <!-- googleoff: all--> <div id="noResult" class="CO03_no-result page none" style="display:none"> <div class="CO03_no-result__center"> <i class="i-tag i-tag--error-bold" aria-hidden="true"></i> <!-- <h3 class="CO03_no-result__title highContrastTarget">申し訳ありません。結果が見つかりません。</h3> <p class="CO03_no-result__text highContrastTarget">すべての単語が正しく入力されていることを確認するか、別のキーワードの使用を試みてください。</p> --> <div class="CO03_no-result__title highContrastTarget">申し訳ございません。一致する検索結果がありません。</div> <p class="CO03_no-result__text highContrastTarget">別の検索キーワードやより一般的なキーワードで再検索してください。</p> </div> </div> <!--googleon: all--> <!-- 220121 마크업위치 변경 텍스트 문구 추가 (https://semicon.atlassian.net/browse/DUT-174) --> <div class="PD10_product-grid--disclaimer"> <p><em>最大3つの製品まで同時に比較可能です。3つを超える製品を比較する場合は、エクスポートボタンをクリックします。</em></p> <p><em>すべての製品仕様は社内での試験結果を反映するものであり、システム構成によって制約を受ける場合があります。</em></p> <p><em>本書掲載の製品外観は単なるイメージであり、実際の製品と異なる場合があります。</em></p> <p><em>サムスン電子では、予告なしに製品の外観や仕様を変更する権利を有しています。</em></p> <p><em>製品の仕様の詳細については、お客様の地区の営業担当にお問い合わせください。</em></p> <p id="disclaimer_link"><a href=""></a></p> </div> <div class="PD10_product-grid-compare-bottom"> <div class="PD10_product-grid-compare-bottom-con" tabindex="0"> <div class="PD10_product-grid-compare-bottom-left"> </div> <div class="PD10_product-grid-compare-bottom-right"> <div class="PD10_product-grid-compare-bottom-right__box"> <button type="button" class="PD10_compare-pop-open-btn light-bg btn-large highContrastTarget" data-an-tr="pd10_product grid" data-an-ca="content click" data-an-ac="go to compare" data-an-la="none">比較 (2/2)</button> </div> <div class="PD10_product-grid-compare-bottom-right__box"> <div><button type="button" class="PD10-compare-clear light-bg btn-large highContrastTarget" data-an-tr="pd10_product grid" data-an-ca="content click" data-an-ac="compare all clear" data-an-la="none">クリア </button></div> </div> </div> </div> </div> <div class="PD10_compare-popup" aria-hidden="true"> <div class="PD10_compare-popup-wrapper" tabindex="0"> <div class="PD10_compare-popup-content item2"> <div class="PD10_compare-popup-title-area"> <h2 class="PD10_compare-popup-title highContrastTarget">比較</h2> <p class="PD10_compare-popup-desc"></p> </div> <div class="compare-product-wrap"> <div class="PD10_compare-popup-product"> <!-- sticky --> </div> </div> <div class="PD10_compare-popup-con"> <div class="PD10_compare-popup-spec-list"> </div> </div> <button type="button" class="PD10_compare-pop-close-btn" aria-label="close popup" data-an-tr="pd10_product grid" data-an-ca="content click" data-an-ac="compare popup close" data-an-la="none">閉じる</button> </div> </div> </div> </div> <div style="display:none;"> </div> </div></div> <div class="st-semi-4-column aem-GridColumn aem-GridColumn--default--12"> <link rel="stylesheet" href="/etc.clientlibs/semiconductor/components/global/content/statics/st-semi-4-column/clientlibs/site.min.css" type="text/css"> <!-- /* 배경색 화이트인경우 whiteColor 클래스 추가*/ --> <section id="applications" class="CO08_4-column whiteColor none PD01_lnb_contents"> <!-- /* none 선택시 div로 변경 */ --> <h2 class="CO08_4-column__headline highContrastTarget"> モバイルイメージセンサアプリケーション </h2> <section class="CO08_4-column__card"> <!-- /* 4개미만인경우는 centered 클래스 추가 (pc에서만 적용됨) */ --> <div class="swiper-container CO08_4-column-mainSwiper"> <ul class="swiper-wrapper CO08_4-column__card-wrap"> <li class="swiper-slide CO08_4-column__card-item img-hover-effect"> <figure class="CO08_4-column__card-item-thum"> <picture> <source media="(min-width: 1024px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor-kr/products/applications/related-insights-smartphone-pc.png?$ORIGIN_PNG$"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor-kr/products/applications/related-insights-smartphone-ta.png?$ORIGIN_PNG$"/> <source media="(min-width: 0px) and (max-width: 767px)" srcset="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor-kr/products/applications/related-insights-smartphone-mo.png?$ORIGIN_PNG$"/> <!-- /* fallback (ie 11) */ --> <!-- 이미지에 대한 대체 텍스트가 이곳에 들어가면 됩니다 alt (ie전용)--> <img src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor-kr/products/applications/related-insights-smartphone-pc.png?$ORIGIN_PNG$" loading="lazy" width="330" height="430" alt="삼성반도체 모바일 솔루션" data-pc-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor-kr/products/applications/related-insights-smartphone-pc.png?$ORIGIN_PNG$" data-pc-width="330" data-pc-height="430" data-tablet-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor-kr/products/applications/related-insights-smartphone-ta.png?$ORIGIN_PNG$" data-tablet-width="316" data-tablet-height="400" data-mobile-src="https://image.semiconductor.samsung.com/image/samsung/p6/semiconductor-kr/products/applications/related-insights-smartphone-mo.png?$ORIGIN_PNG$" data-mobile-width="312" data-mobile-height="400"/> <!-- /* fallback */ --> </picture> <!-- 이미지에 대한 대체 텍스트가 이곳에 들어가면 됩니다 figcaption --> <figcaption>삼성반도체 모바일 솔루션</figcaption> </figure> <a href="/jp/solutions/applications/mobile/" class="CO08_4-column__card-item-desc-box" data-an-tr="co08_4 column" data-an-ca="link click" data-an-ac="card grid"> <div class="CO08_4-column__card-item-desc"> <h2 class="CO08_4-column__card-item-desc-title highContrastTarget"> モバイル </h2> <p class="CO08_4-column__card-item-desc-text highContrastTarget"> 次世代モバイルデバイスの強化 </p> </div> </a> </li> </ul> <div class="CO08_4-column-swiper-pagination" aria-hidden="true"></div> </div> </section> </section> <script src="/etc.clientlibs/semiconductor/components/global/content/statics/st-semi-4-column/clientlibs/site.min.js"></script> </div> <div class="pd-semi-related-content aem-GridColumn aem-GridColumn--default--12"> <section id="contents" class="PD09_related-content none none none none PD01_lnb_contents"> <div class="PD09_related-content-search-bar active"> <h2 class="PD09_related-content-search-bar-title highContrastTarget"> <label for="PD09_related_search">関連コンテンツ</label> </h2> <div class="PD09_related-content-search-bar-form"> <div class="fieldset"> <div class="PD09_related-content-search-bar-inputbox-wrap"> <input class="PD09_related-content-search-bar-inputbox" id="PD09_related_search" type="search" value="" placeholder="検索語" autocomplete="off" maxlength="110"/> <button type="reset" class="btn-input-clear" aria-label="clear input field"></button> <button type="button" class="btn-newsSubmitSearch" aria-label="submit"></button> </div> </div> </div> </div> <input type="hidden" name="PD09_chkChild" id="PD09_chkChild" value="true"/> <input type="hidden" name="PD09_categoryLevel" id="PD09_categoryLevel" value="3"/> <input type="hidden" name="PD09_urlPath" id="PD09_urlPath" value="/image-sensor/mobile-image-sensor"/> <input type="hidden" name="PD09_partNumber" id="PD09_partNumber"/> <input type="hidden" name="PD09_pcdIaUrlPath" id="PD09_pcdIaUrlPath"/> <input type="hidden" id="PD09_contentInfoVal" name="PD09_contentInfoVal" value="Product"/> <input type="hidden" id="PD09_hash-tag-path" name="PD09_hash-tag-path" value="/content/semiconductor/jp/hashtag.html"/> <div class="PD09_related-content-grid-list"> <ul class="PD09_related-content-grid irregular MasonryNone"> <!-- /* 간격유지용 빈 엘리먼트 */ --> <!-- /* 간격유지용 빈 엘리먼트 */ --> </ul> <div class="btn-group btn-center"> <button style="display: none;" type="button" class="light-bg btn-large highContrastTarget" data-an-tr="pd09_related content" data-an-ca="content click" data-an-ac="view more" data-an-la="none"> 詳細を表示 </button> </div> </div> <!-- <sly data-sly-resource="semi-noresult"> </sly> --> <div id="noResultInit" class="CO03_no-result page none" style="display:none"> <div class="CO03_no-result__center"> <i class="i-tag i-tag--error-bold" aria-hidden="true"></i> <!-- <h3 class="CO03_no-result__title highContrastTarget">申し訳ありません。結果が見つかりません。</h3> <p class="CO03_no-result__text highContrastTarget">すべての単語が正しく入力されていることを確認するか、別のキーワードの使用を試みてください。</p> --> <div class="CO03_no-result__title highContrastTarget">申し訳ございません。一致する検索結果がありません。</div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </div> <!-- 실제 body 영역 end --> <!-- breadcrumb 컴포넌트 영역 start --> <!-- googleoff: all--> <nav id="cm-semi-breadcrumb" class="CO09_breadcrumb"> <ol aria-label="breadcrumbs"> <li> <a class="highContrastTarget" data-an-tr="co09_breadcrumb" data-an-ca="link click" data-an-ac="breadcrumb text" data-an-la="jp" href="/jp/">Home</a> </li> <li> <a class="highContrastTarget" data-an-tr="co09_breadcrumb" data-an-ca="link click" data-an-ac="breadcrumb text" data-an-la="image sensor" href="/jp/image-sensor/">イメージセンサ</a> </li> <li> <em aria-current="location">モバイルイメージセンサー</em> </li> </ol> </nav> <script type="application/ld+json" id="seo-schema-markup"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"englishName":"jp","item":"https://semiconductor.samsung.com/jp/","@type":"ListItem","name":"Home","position":"1"},{"englishName":"image sensor","item":"https://semiconductor.samsung.com/jp/image-sensor/","@type":"ListItem","name":"イメージセンサ","position":"2"},{"englishName":"mobile image sensor","item":"https://semiconductor.samsung.com/jp/image-sensor/mobile-image-sensor/","@type":"ListItem","name":"モバイルイメージセンサー","position":"3"}] } </script> <!--googleon: all--> <!-- breadcrumb 컴포넌트 영역 end --> <!-- footer 컴포넌트 영역 start --> <!--googleoff: all--> <section class="static-content"> <style scoped="scoped">@media screen and (max-width: 767px) { .CO07_lnb_static.rightAlign .CO07_lnb_static--list .CO07_lnb_static--list__right .CO07_lnb_static--cta, .CO07_lnb_static.centerAlign .CO07_lnb_static--list .CO07_lnb_static--list__right .CO07_lnb_static--cta { position: absolute; top: -44px; right: 24px; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; margin: 0; } } .CO05_footer { background-color: #ffffff; color: #555555; overflow-x: hidden; margin: 0 auto; padding: 24px; padding-top: 12px; max-width: 1440px; } .CO05_footer .CO05_footer-wrap { background-color: #ffffff; } .CO05_footer .CO05_footer-lang-select.lang-icon:empty { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-language.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-lang-option { background-color: #fff; } .CO05_footer .CO05_footer-lang-option .selected span { border-bottom: 1px solid #000000; } .CO05_footer .pc-show-category { margin-top: 30px; } .CO05_footer .tab-show-column { display: none; } .CO05_footer .CO05_footer-category__link[target='_blank']:after { content: ''; width: 10px; display: inline-block; height: 10px; background-size: 10px; margin: 0 0 0 3px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23555' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M13.573 2.427L13.573 11.475 12.239 11.475 12.239 4.703 3.037 13.906 2.094 12.963 11.297 3.76 4.525 3.761 4.525 2.427z' transform='translate(-110.000000, -12.000000) translate(110.000000, 12.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; } .CO05_footer .CO05_footer-sitemap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -55px 0 0 -24px; } @media screen and (max-width: 1080px) { .CO05_footer .CO05_footer-sitemap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .CO05_footer .CO05_footer-sitemap .CO05_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-left: 24px; margin-top: 55px; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__title { font-family: 'Samsung One', sans-serif; font-size: 1.4rem; line-height: 1.43; font-weight: 700; color: #555555; margin-bottom: 10px; } @media screen and (max-width: 767px) { .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__title { font-size: 1.6rem; line-height: 1.44; } } @media screen and (min-width: 768px) { .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__title { cursor: default; } } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__title dfn { font-weight: inherit; color: inherit; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__list .CO05_footer-category__item { font-family: 'Samsung One', sans-serif; font-size: 1.2rem; line-height: 1.33; color: #555555; margin-bottom: 5px; } @media screen and (max-width: 1023px) { .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__list .CO05_footer-category__item { font-size: 1.4rem; font-weight: 400; } } @media screen and (max-width: 767px) { .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__list .CO05_footer-category__item { font-size: 1.4rem; } } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__list .CO05_footer-category__item .CO05_footer-category__link { color: inherit; } .CO05_footer .CO05_footer-sns-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__title { font-size: 1rem; line-height: 1.3; font-weight: 700; color: #555555; margin-right: 12px; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns { margin-left: 12px; width: 24px; height: 24px; font-size: 0; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns.youtube { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-share-youtube-black.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns.facebook { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-share-facebook-black.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns.instagram { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-share-instagram-black.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns.linkedin { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-share-linked-in-black.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns.blogger { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-share-blogger-black.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns.twitter-x { background: url('https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/common/icon/icon_bold_share_twitterx_wt.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns.xing { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-share-xing-wt.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns.wechat { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-share-wechat-wt.svg') 0 0 no-repeat; background-size: 100%; position: relative; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns.weibo { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-share-weibo-wt.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-sns-con .CO05_footer-sns__link .CO05_footer-bottom-sns:first-child { margin-left: 0; } .CO05_footer .CO05_footer-lang-select { background-color: #ededed; border-radius: 12px; height: 24px; 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; width: 100%; display: none; } @media screen and (max-width: 1080px) { .CO05_footer .CO05_footer-bottom-con-left { width: 100%; } } @media screen and (max-width: 767px) { .CO05_footer .CO05_footer-lang-select { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .CO05_footer .CO05_footer-lang-select:after { position: absolute; right: 10px; top: 5px; content: ''; width: 13px; height: 13px; background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-bold-navigation-open-down_footer.svg') no-repeat center/100%; } .CO05_footer .CO05_footer-lang-select.active:after { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .CO05_footer .CO05_footer-lang-select.lang-icon:empty { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-language.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-lang-select em { margin-left: 4px; font-size: 1rem; color: #555555; font-weight: 700; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .CO05_footer .CO05_footer-lang-option { background-color: #fff; } .CO05_footer .CO05_footer-lang-option .selected span { border-bottom: 1px solid #000000; } .CO05_footer .CO05_footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 50px; -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; } @media screen and (max-width: 1080px) { .CO05_footer .CO05_footer-bottom { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .CO05_footer .CO05_footer-bottom-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .CO05_footer .CO05_footer-bottom-con-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .CO05_footer .CO05_footer-bottom-c { font-size: 0; } .CO05_footer .CO05_footer-bottom-c .access-black { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/web-access-b.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-bottom-c .access-white { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/web-access-w.svg') 0 0 no-repeat; background-size: 100%; } .CO05_footer .CO05_footer-bottom-c button { width: 24px; height: 24px; } .CO05_footer .CO05_footer-bottom-c button:last-child { margin-left: 12px; } .CO05_footer .CO05_footer-bottom-lang-select { position: relative; margin: 0 28px 0 32px; } .CO05_footer .CO05_footer-bottom-lang-select:first-child { margin-left: 0; } .CO05_footer .CO05_footer-lang-select { position: relative; padding: 0 30px 0 12px; } .CO05_footer .CO05_footer-lang-select > i:first-child { width: 100%; height: 10px; z-index: 10; content: ''; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% + 30px); flex: 0 0 calc(100% + 30px); -ms-flex-preferred-size: calc(100% + 30px); -webkit-transform: translateY(-11px); -ms-transform: translateY(-11px); transform: translateY(-11px); } .CO05_footer .CO05_footer-lang-select span { display: inline-block; vertical-align: middle; font-family: 'Samsung One', sans-serif; font-size: 1rem !important; line-height: 1.6; font-weight: 700; } .CO05_footer .CO05_footer-lang-select span.lang-icon:empty { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-language.svg') 0 0 no-repeat; background-size: 100%; width: 11px; height: 11px; margin-top: -11px; } .CO05_footer .CO05_footer-lang-option { display: none; position: absolute; left: 50%; bottom: 34px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 147px; padding: 0; background-color: #ffffff; padding: 12px 8px; border-radius: 4px; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .CO05_footer .CO05_footer-lang-option.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .CO05_footer .CO05_footer-lang-option .selected span { border-bottom: 1px solid #ffffff; } .CO05_footer .CO05_footer-lang-option .option-btn__lang { text-align: center; } .CO05_footer .CO05_footer-lang-option .option-btn__lang.selected a { text-decoration: underline; } .CO05_footer .CO05_footer-lang-option .option-btn__lang.selected a > span { font-weight: 700; } .CO05_footer .CO05_footer-lang-option .option-btn__lang > a { display: block; height: 35px; line-height: 35px; } .CO05_footer .CO05_footer-lang-option .option-btn__lang > a span { font-size: 1.4rem; min-height: 36px; line-height: 1.43; color: #000000; font-weight: normal; } @media screen and (max-width: 1023px) { .CO05_footer .CO05_footer-lang-option .option-btn__lang > a span { font-size: 1.2rem; line-height: 1.33; } } .CO05_footer .CO05_footer-bottom-c button { width: 24px; } .CO05_footer .CO05_footer-bottom-legal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 28px; } .CO05_footer .CO05_footer-bottom-legal .legal_colum_box { margin-left: 28px; } .CO05_footer .CO05_footer-bottom__link { display: inline-block; margin-left: 28px; font-size: 10px; font-weight: 700; line-height: 1.3; } .CO05_footer .CO05_footer-bottom__link:first-child { margin-left: 0; } .CO05_footer .CO05_footer-bottom-copyright { margin-left: 28px; font-size: 10px; line-height: 1.3; } .CO05_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; } .CO05_footer .fab-area:empty { display: none; } .CO05_footer .fab-area.active { opacity: 1; visibility: visible; } .CO05_footer .fab-area .btn-goTop { font-size: 0; text-indent: -9999px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 56px; height: 56px; background-size: 28px 28px; border-radius: 50%; -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.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-bold-navigation-up-highest.svg') no-repeat center/24px; } html[lang='ja-JP'] .CO05_footer-bottom { margin-top: 64px; } html[lang='zh-CN'] .CO05_footer-bottom { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } html[lang='zh-CN'] .CO05_footer-bottom-con-left { -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; } html[lang='zh-CN'] .CO05_footer-bottom-con-left .CO05_footer-bottom-cnbox { display: -webkit-box; display: -ms-flexbox; display: flex; } html[lang='zh-CN'] .CO05_footer-bottom-con-left .CO05_footer-bottom-cnbox .CO05_footer-bottom-cnselectbox { display: -webkit-box; display: -ms-flexbox; display: flex; } html[lang='zh-CN'] .CO05_footer-bottom-con-left .CO05_footer-bottom-copyright { margin-left: 0; margin-top: 16px; } html[lang='zh-CN'] .CO05_footer__cnsns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 12px; } html[lang='zh-CN'] .CO05_footer__cnsns:last-child { margin-right: 0; } html[lang='zh-CN'] .CO05_footer__cnsns-title { font-size: 1rem; line-height: 1.3rem; color: #555555; font-weight: 700; margin-left: 12px; margin-right: 16px; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link { position: relative; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-bottom-sns { margin-left: 16px; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-bottom-sns.wechat { cursor: pointer; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-bottom-sns.wechat:focus-within .CO05_footer-qrbox, html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-bottom-sns.wechat:hover .CO05_footer-qrbox { display: block; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-bottom-sns.wechat .CO05_footer-qrbox.hide { display: none; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-bottom-sns.wechat:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% + 10px); z-index: 1; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-sns__qr { display: inherit; position: relative; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-qrbox { display: none; width: 92px; height: 111px; padding: 10px 12px 18px; background-color: #ffffff; border-radius: 12px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); position: absolute; top: -124px; left: -34px; cursor: default; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-qrbox.active { display: block; z-index: 1; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-qrbox::after { content: ''; width: 0; height: 0; position: absolute; border-top: 8px solid #ffffff; border-right: 8px solid transparent; border-left: 8px solid transparent; bottom: -8px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-qrbox::before { content: ''; position: absolute; width: 100%; height: 13px; bottom: -13px; left: 0; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-qrbox .CO05_footer-qrtitle { font-size: 1rem; font-weight: 600; line-height: 1.3rem; display: block; margin-bottom: 14px; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-qrbox .CO05_footer-qrbtn { background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-bold-action-delete.svg') 0 0 no-repeat; background-size: 100%; position: absolute; top: 12px; right: 12px; width: 10px; height: 10px; -o-object-fit: contain; object-fit: contain; } html[lang='zh-CN'] .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-qrbox .CO05_footer-qrimg { width: 56px; height: 56px; -o-object-fit: contain; object-fit: cover; margin: 0 auto; display: block; } html[lang='ko-KR'] .CO05_footer-sns-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } html[lang='ko-KR'] .CO05_footer-bottom-accessibility { margin-left: 20px; width: 44px; height: 32px; } @media screen and (max-width: 1023px) { .CO05_footer .CO05_footer-bottom-legal { margin-left: 20px; } .CO05_footer { padding-left: 32px; padding-right: 32px; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__list .CO05_footer-category__item { font-size: 1.2rem; } .CO05_footer .CO05_footer-sitemap { margin: -40px 0 0 0; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column { margin: 40px 0 0 32px; -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); } .CO05_footer .CO05_footer-sitemap .CO05_footer-column:first-child, .CO05_footer .CO05_footer-sitemap .CO05_footer-column:nth-child(3n + 1) { margin-left: 0; } .CO05_footer .CO05_footer-bottom { margin-top: 56px; gap: 0; } .CO05_footer .CO05_footer-bottom .CO05_footer-sns-con { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } .CO05_footer .CO05_footer-bottom .CO05_footer-sns-con .CO05_footer-sns__title { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 16px; font-size: 1.5rem; } .CO05_footer .CO05_footer-bottom .CO05_footer-sns-con .CO05_footer-bottom-sns { width: 40px; height: 40px; margin-left: 20px; } .CO05_footer .CO05_footer-bottom-con-left { -ms-flex-wrap: wrap; flex-wrap: wrap; } .CO05_footer .CO05_footer .CO05_footer-bottom__link { font-size: 1.2rem; margin-left: 20px; } .CO05_footer .CO05_footer-bottom-copyright { margin-top: 17px; font-size: 1rem; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 0; } .CO05_footer .CO05_footer-lang-option { width: 126px; } .CO05_footer .pc-show-category { display: none; } .CO05_footer .tab-show-column { display: block; } html[lang='zh-CN'] .CO05_footer-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } html[lang='zh-CN'] .CO05_footer-bottom-con-left .CO05_footer-bottom-copyright { margin-top: 17px; } html[lang='zh-CN'] .CO05_footer-sns-con { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } html[lang='zh-CN'] .CO05_footer-sns-con .CO05_footer__cnsns { -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-left: 0; margin-right: 28px; } html[lang='zh-CN'] .CO05_footer-sns-con .CO05_footer__cnsns:last-child { margin-right: 0; } html[lang='zh-CN'] .CO05_footer-sns-con .CO05_footer__cnsns-title { font-size: 1.2rem; line-height: 1.6rem; margin-left: 0px; margin-right: 0px; margin-bottom: 16px; } html[lang='zh-CN'] .CO05_footer-sns-con .CO05_footer__cnsns .CO05_footer-sns__link .CO05_footer-qrbox { left: -26px; } html[lang='ko-KR'] .CO05_footer-sitemap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } html[lang='ko-KR'] .CO05_footer-sitemap .CO05_footer-column { margin: 40px 0 0 32px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 24px); flex: 0 0 calc(25% - 24px); -ms-flex-preferred-size: calc(25% - 32px); } html[lang='ko-KR'] .CO05_footer-sitemap .CO05_footer-column:nth-child(3n + 1) { margin-left: 32px; } html[lang='ko-KR'] .CO05_footer-sitemap .CO05_footer-column:first-child, html[lang='ko-KR'] .CO05_footer-sitemap .CO05_footer-column:nth-child(4n + 1) { margin-left: 0; } html[lang='ko-KR'] .CO05_footer-sns-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } html[lang='ko-KR'] .CO05_footer-bottom-accessibility { margin-top: 35.5px; margin-left: 0px; width: 55px; height: 40px; } } @media screen and (max-width: 767px) { .CO05_footer { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 0 16px 0; } .CO05_footer .CO05_footer-sitemap { margin: 0; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column { margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-preferred-size: 100%; text-align: left; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_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; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category.pc-show-category { display: none; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category .CO05_footer-category__title { padding: 0 36px 0 24px; min-height: 60px; font-size: 1.6rem; line-height: 1.44; margin: 0; position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; text-align: left; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category .CO05_footer-category__title:after { content: ''; position: absolute; top: 50%; right: 36px; width: 22px; height: 22px; background: url('/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-bold-navigation-open-down.svg') no-repeat center/100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category .CO05_footer-category__title.active:after { -webkit-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .CO05_footer .CO05_footer-sitemap .CO05_footer-category__list-wrap { display: none; } .CO05_footer .CO05_footer-sitemap .CO05_footer-category__title.active + .CO05_footer-category__list-wrap { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 36px 11px 48px; } .CO05_footer .CO05_footer-sitemap .CO05_footer-category__title.active + .CO05_footer-category__list-wrap .CO05_footer-category__item { margin: 0; } .CO05_footer .CO05_footer-sitemap .CO05_footer-category__title.active + .CO05_footer-category__list-wrap .CO05_footer-category__item .CO05_footer-category__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex: 1 1 100%; -webkit-box-flex: 1; flex: 1 1 100%; font-size: 14px; line-height: 1.43; min-height: 41px; } .CO05_footer .CO05_footer-bottom { display: block; margin-top: 28px; } .CO05_footer .CO05_footer-bottom .CO05_footer-sns-con { margin-top: 0; margin-bottom: 48px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .CO05_footer .CO05_footer-bottom .CO05_footer-sns-con .CO05_footer-sns__title { font-size: 1.2rem; margin-right: 0; margin-bottom: 24px; text-align: center; } .CO05_footer .CO05_footer-bottom-con-left { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 36px; } .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-lang-option { height: auto; bottom: 33px; left: auto; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .CO05_footer .CO05_footer-bottom-con-left .option-btn__lang { color: #000; } .CO05_footer .CO05_footer-bottom-con-left .CO05_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; } .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-bottom-legal .CO05_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; } .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-bottom-legal .CO05_footer-bottom__link:first-child { margin-left: 0; } .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-bottom-legal.legal_colum { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0; } .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-bottom-legal.legal_colum .legal_colum_box { margin-left: 0px; margin-top: 24px; } .CO05_footer .CO05_footer-bottom-con-left .CO05_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; } .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-bottom-lang-select { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: right; margin: 0; display: none; } .CO05_footer .CO05_footer-bottom-c { margin-right: 0; } .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-bottom-copyright { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; text-align: center; margin-top: 36px; font-size: 1rem; color: #555; font-weight: 400; } html[lang='zh-CN'] .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-bottom-cnbox { 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; width: 100%; -ms-flex-line-pack: center; align-content: center; } html[lang='zh-CN'] .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-bottom-cnbox .CO05_footer-bottom-cnselectbox { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 24px; } html[lang='zh-CN'] .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-bottom-lang-select { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } html[lang='zh-CN'] .CO05_footer .CO05_footer-bottom-con-left .CO05_footer-bottom-copyright { margin-top: 12px; } html[lang='zh-CN'] .CO05_footer .CO05_footer-sns-con { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html[lang='zh-CN'] .CO05_footer .CO05_footer-sns-con .CO05_footer__cnsns { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0px; margin-bottom: 24px; } html[lang='zh-CN'] .CO05_footer .CO05_footer-sns-con .CO05_footer__cnsns:last-child { margin-bottom: 0; } html[lang='ko-KR'] .CO05_footer-sitemap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } html[lang='ko-KR'] .CO05_footer-sitemap .CO05_footer-column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-preferred-size: 100%; margin: 0; } html[lang='ko-KR'] .CO05_footer-sitemap .CO05_footer-column:nth-child(3n + 1) { margin: 0; } html[lang='ko-KR'] .CO05_footer-sns-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 29px; } html[lang='ko-KR'] .CO05_footer .CO05_footer-bottom .CO05_footer-sns-con { margin-bottom: 27px; } html[lang='ko-KR'] .CO05_footer-bottom-accessibility { margin-top: 0; width: 44px; height: 32px; } html[lang='ko-KR'] .CO05_footer .CO05_footer-bottom-con-left { padding: 0 50px; } html[lang='ko-KR'] .CO05_footer .CO05_footer-bottom-c button:last-child { margin-left: 10px; } } .CO04_gnb .CO04_gnb-wrap .CO04_gnb-column-category a.CO04_gnb-category-title[data-an-la='consumer storage'] + .CO04_gnb-category-wrap .CO04_gnb-category-center.notFeature.centered .CO04_gnb-category-list { max-width: 1440px; justify-content: flex-start; } @media screen and (max-width: 767px) { .CO05_footer-category__link { font-size: 14px !important; line-height: 41px !important; min-height: 41px !important; display: block !important; width: 100% !important; } } </style> <style> .CO05_footer-lang-selectbox-wrap { position: relative; width: 170px; margin-left: 28px; } .CO05_footer-lang-selectbox { display: flex; align-items: center; justify-content: center; position: relative; width: 170px; height: 24px; padding: 5px 12px 6px 12px; border-radius: 12px; background-color: #eee; cursor: pointer; } .CO05_footer-lang-selectbox::after { content: ""; position: absolute; bottom: 100%; left: 0; width: 170px; height: 20px; } .CO05_footer-lang-selectbox-wrap i { display: flex; align-items: center; justify-content: center; } .CO05_footer-lang-selectbox-wrap i.CO05_footer-icon-earth img, .CO05_footer-lang-selectbox-wrap i.CO05_footer-icon-arrow img { display: block; -webkit-user-drag: none; width: 13px; } .CO05_footer-lang-selectbox-wrap i.CO05_footer-icon-arrow { margin-left: auto; } .CO05_footer-lang-selectbox-wrap i.CO05_footer-icon-arrow.open img { transform: rotate(180deg); } .CO05_footer-lang-selectbox > span { margin-left: 4px; color: #555; font-size: 10px; font-family: "Samsung One", sans-serif; font-weight: 700; } .CO05_footer-select-listbox { display: none; position: absolute; bottom: 32px; left: 0px; width: 170px; padding: 14px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .CO05_footer-select-listbox.open { display: block; } .CO05_footer-select-listbox .CO05_footer-select-item { margin-bottom: 16px; } .CO05_footer-select-listbox .CO05_footer-select-item > a { position: relative; color: #000; font-family: "Samsung One", sans-serif; font-size: 12px; letter-spacing: 1.33; } .CO05_footer-select-listbox .CO05_footer-select-item > a::after { content: ""; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 0%; height: 1px; background-color: #000; transition: width 0.2s ease; } .CO05_footer-select-listbox .CO05_footer-select-item.current > a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .CO05_footer-select-list-2depth > span { display: flex; align-items: center; justify-content: flex-start; color: #757575; font-family: "Samsung One", sans-serif; font-size: 12px; cursor: pointer; } .CO05_footer-select-list-2depth img { display: block; width: 16px; margin-left: auto; } .CO05_footer-icon-arrow.open img { transform: rotate(180deg); } .CO05_footer-select-list-2depth-box { display: none; position: relative; overflow: hidden; } .CO05_footer-select-list-2depth-box.open { display: block; } .CO05_footer-select-2depth-item { padding-left: 8px; margin-top: 16px; } .CO05_footer-select-2depth-item > a { position: relative; font-family: "Samsung One", sans-serif; font-size: 12px; line-height: 1.33; } .CO05_footer-column .CO05_footer-category:not(:first-child) { margin-top: 24px; } @media screen and (max-width: 1023px) { .CO05_footer-lang-selectbox-wrap { margin-left: 20px; } } @media screen and (max-width: 767px) { .CO05_footer-lang-selectbox-wrap { order: 3; } .CO05_footer-lang-selectbox-wrap { margin-left: 58px; } .CO05_footer-column .CO05_footer-category:not(:first-child) { margin-top: 0; } } @media screen and (min-width: 1025px) { .CO05_footer-select-listbox .CO05_footer-select-item > a:hover { text-decoration: underline; text-underline-offset: 3px; } .CO05_footer-select-2depth-item > a:hover { text-decoration: underline; text-underline-offset: 3px; } } /* 202408 */ .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__title dfn { font-size: 16px; margin-bottom: 12px; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__sub-title { color: #555; font-weight: 700; margin-bottom: 8px; font-size: 12px; } @media screen and (max-width: 1023px) { .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__sub-title { margin-bottom: 8px; font-size: 12px; } } @media screen and (max-width: 767px) { .CO05_footer .CO05_footer-sitemap .CO05_footer-category__title.active + .CO05_footer-category__list-wrap.list-wrap_v2 .CO05_footer-category { display: block; } .CO05_footer .CO05_footer-sitemap .CO05_footer-category__list-wrap.list-wrap_v2 .CO05_footer-category .CO05_footer-category__list-wrap { display: block; } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category__sub-title { padding: 10px 0; margin-bottom: 0; font-size: 14px; } } .CO05_footer .CO05_footer-sitemap .CO05_footer-column .CO05_footer-category .CO05_footer-category__title { text-align: left; } </style> <footer class="CO05_footer footer_wrap"> <div class="CO05_footer-wrap"> <!-- [DSWG-11772] update --> <ul class="CO05_footer-sitemap"> <!-- Products --> <li class="CO05_footer-column"> <div class="CO05_footer-category"> <button type="button" class="CO05_footer-category__title" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="main menu text" data-an-la="products"> <dfn>製品</dfn> </button> <div class="CO05_footer-category__list-wrap list-wrap_v2"> <div class="CO05_footer-category"> <div class="CO05_footer-category__sub-title">製品タイプ</div> <ul class="CO05_footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="CO05_footer-category__item"> <a href="/jp/dram/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|dram">DRAM</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/ssd/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|ssd">SSD</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/estorage/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|estorage">eStorage</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/next-gen-memory/cmm-d/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|Next Gen. Memory">次世代メモリ</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/mcp/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|mcp">MCP</a > </li> <!-- <li class="CO05_footer-category__item"> <a href="/content/semiconductor/jp/automotive-memory.html" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|automotive memory" >Automotive Memory</a > </li> --> <!-- <li class="CO05_footer-category__item"> <a href="/content/semiconductor/jp/consumer-storage.html" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|consumer storage" >Consumer Storage</a > </li> --> <li class="CO05_footer-category__item"> <a href="/jp/processor/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|processor">プロセッサ </a> </li> <li class="CO05_footer-category__item"> <a href="/jp/image-sensor/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|image sensor">イメージセンサ </a> </li> <li class="CO05_footer-category__item"> <a href="/jp/display-ic/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|display ic">ディスプレイIC </a> </li> <li class="CO05_footer-category__item"> <a href="/jp/security-solution/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|security solution">セキュリティソリューション </a> </li> <li class="CO05_footer-category__item"> <a href="/jp/power-ic/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|power ic">電源IC </a> </li> <li class="CO05_footer-category__item"> <a href="https://led.samsung.com/" target="_blank" title="open new window" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="link text" data-an-la="products|led">LED</a > </li> <li class="CO05_footer-category__item"> <a href="https://www.samsungdisplay.com/eng/index.jsp" target="_blank" title="open new window" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="link text" data-an-la="products|display">ディスプレイ</a > </li> </ul> </div> <div class="CO05_footer-category"> <div class="CO05_footer-category__sub-title"> アプリケーション </div> <div class="CO05_footer-category__list-wrap"> <ul class="CO05_footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="CO05_footer-category__item"> <a href="/jp/applications/ai/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|applications | AI">AI</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/applications/server/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|applications |Server">サーバー</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/applications/automotive/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|applications|Automotive">車載</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/applications/5g-connectivity/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|applications|5G & Connectivity">5G &amp; 接続性</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/applications/mobile/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|applications|Mobile">モバイル</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/applications/pc-gaming/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|applications|PC &amp; Gaming">PC &amp; ゲーミング</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/applications/lifestyle/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="products|applications|Lifestyle">ライフスタイル</a > </li> </ul> </div> </div> </div> </div> </li> <!-- Support --> <li class="CO05_footer-column"> <div class="CO05_footer-category"> <button type="button" class="CO05_footer-category__title" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="main menu text" data-an-la="support"> <dfn>サポート</dfn> </button> <div class="CO05_footer-category__list-wrap"> <ul class="CO05_footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="CO05_footer-category__item"> <a href="/jp/support/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support">概要</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/support/quality-support/quality-management/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|quality management">品質管理</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/support/quality-support/customer-service/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|customer service">顧客サービス</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/support/quality-support/regulatory-information/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|regulatory information">規制関連情報</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/support/tools-resources/product-finder/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|product finder">製品ファインダー</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/support/tools-resources/technical-resources/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|technical resources">技術リソース</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/support/tools-resources/ds-open-ecosystem/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|open mpdk">DSオープンエコシステム</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/support/tools-resources/fabrication-process/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|fabrication process">製造プロセス</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/support/tools-resources/dictionary/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|dictionary">辞書</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/support/contact-info/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|contact-info">連絡先情報</a > </li> <!-- <li class="CO05_footer-category__item"> <a href="/content/semiconductor/jp/support/contact-info.html" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|contact-info" >お問合せ</a > </li> --> <li class="CO05_footer-category__item"> <a href="/jp/support/contact-info/global-network/japan/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|global network">グローバルネットワーク</a > </li> <li class="CO05_footer-category__item"> <a href="javascript:void(0);" class="btnContactPopupOpen requestType CO05_footer-category__link" data-type="2" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="support|contact us">お問合せ</a > </li> <li class="CO05_footer-category__item"> <a href="https://b2b.samsungsemi.com/b2b/identity/anonymous/loginPage2.do?_frameF=true" target="_blank" title="open new window" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="link text" data-an-la="support|b2b workplace">B2B Workplace</a > </li> </ul> </div> </div> </li> <!-- Technologies / Foundry --> <li class="CO05_footer-column"> <!-- Technologies --> <div class="CO05_footer-category"> <button type="button" class="CO05_footer-category__title" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="main menu text" data-an-la="Technologies"> <dfn>テクノロジー</dfn> </button> <div class="CO05_footer-category__list-wrap"> <ul class="CO05_footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <!-- <li class="CO05_footer-category__item"> <a href="/technologies" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Technologies|overview" >Overview</a > </li> --> <li class="CO05_footer-category__item"> <a href="/jp/technologies/memory/pim/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Technologies|PIM">PIM</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/technologies/processor/mobile-ray-tracing/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Technologies|Mobile Ray Tracing">モバイルレイ・トレーシング</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/technologies/processor/on-device-ai/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Technologies|On-device AI">オンデバイスAI</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/technologies/image-sensor/pixel-technology/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Technologies|Pixel Technology">ピクセル技術</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/technologies/image-sensor/ultra-high-resolution/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Technologies|Ultra-High Resolution">超高解像度センサー</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/technologies/partner-collaboration/memory/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Technologies|Memory">メモリー</a > </li> </ul> </div> </div> <!-- Foundry --> <div class="CO05_footer-category"> <button type="button" class="CO05_footer-category__title" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="main menu text" data-an-la="foundry"> <dfn>ファウンドリ</dfn> </button> <div class="CO05_footer-category__list-wrap"> <ul class="CO05_footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="CO05_footer-category__item"> <a href="/jp/foundry/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="foundry|overview">サムスンファウンドリーについて</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/foundry/process-technology/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="foundry|process technology">プロセス技術</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/foundry/advanced-package/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="foundry|advanced package">高度なパッケージ</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/foundry/safe/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="foundry|safe">SAFE<sup>™</sup></a > </li> <li class="CO05_footer-category__item"> <a href="/jp/foundry/foundry-events/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="foundry|Foundry Events">Foundry Events</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/foundry/manufacturing/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="foundry|manufacturing">製造</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/foundry/application-specific-service/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="foundry|application specific service">特定用途向けサービス</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/foundry/tech-archives/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="foundry|Tech Archives">テックアーカイブ</a > </li> <li class="CO05_footer-category__item"> <a href="/us/sas/" target="_blank" class="CO05_footer-category__link" title="open new window" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="link text" data-an-la="foundry|US Fab">US Fab</a > </li> </ul> </div> </div> </li> <!-- Consumer Storage --> <li class="CO05_footer-column"> <div class="CO05_footer-category"> <button type="button" class="CO05_footer-category__title" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="main menu text" data-an-la="Consumer Storage"> <dfn>コンシューマストレージ</dfn> </button> <div class="CO05_footer-category__list-wrap list-wrap_v2"> <div class="CO05_footer-category"> <div class="CO05_footer-category__sub-title"> コンシューマストレージ 製品 </div> <ul class="CO05_footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Products|Overview">概要</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/internal-ssd/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Products|Internal SSD">内蔵SSD</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/portable-ssd/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Products|Portable SSD">外付けSSD</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/memory-card/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Products|Memory Card">メモリーカード</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/usb-flash-drive/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Products|USB Flash Drive">USBメモリー</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/gaming-storage/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Products|Gaming Storage">ゲーミングストレージ</a > </li> </ul> </div> <div class="CO05_footer-category"> <div class="CO05_footer-category__sub-title"> コンシューマストレージ サポート </div> <ul class="CO05_footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/support/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Support|Overview">概要</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/support/tools/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Support|tools &amp; software">ツールとソフトウェア</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/support/documents/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Support|documents">ドキュメント</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/support/faqs/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Support|faqs">よくあるご質問</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/support/warranty/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Support|warranty">保証</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/magician/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Support|Magician Software">Magicianソフトウェア</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/consumer-storage/ssdupgrade/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="Consumer Storage Support|SSD Upgrade "> SSDアップグレード </a > </li> </ul> </div> </div> </div> </li> <!-- News & Events / Sustainability --> <li class="CO05_footer-column"> <!-- News & Events --> <div class="CO05_footer-category"> <button type="button" class="CO05_footer-category__title" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="main menu text" data-an-la="news &amp; events"> <dfn>ニュース & イベント</dfn> </button> <div class="CO05_footer-category__list-wrap"> <ul class="CO05_footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="CO05_footer-category__item"> <a href="/jp/news-events/news/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="news & events|news">ニュース</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/news-events/events/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="news & events|events">イベント</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/news-events/tech-blog/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="news & events|tech blog">技術ブログ</a > </li> </ul> </div> </div> <!-- Sustainability --> <div class="CO05_footer-category"> <button type="button" class="CO05_footer-category__title" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="main menu text" data-an-la="sustainability"> <dfn>持続可能性</dfn> </button> <div class="CO05_footer-category__list-wrap"> <ul class="CO05_footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="CO05_footer-category__item"> <a href="/jp/sustainability/highlights/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="sustainability|highlights">ハイライト</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/sustainability/environment/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="sustainability|environment">環境</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/sustainability/labor-human-right/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="sustainability|labor human right">労働者と人権</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/sustainability/corporate-citizenship/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="sustainability|corporate citizenship">企業市民活動</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/sustainability/sustainable-supply-chain/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="sustainability|sustainable supply chain">持続可能なサプライチェーン</a > </li> </ul> </div> </div> </li> <!-- About Us --> <li class="CO05_footer-column"> <div class="CO05_footer-category"> <button type="button" class="CO05_footer-category__title" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="main menu text" data-an-la="about us"> <dfn>当社について</dfn> </button> <div class="CO05_footer-category__list-wrap"> <ul class="CO05_footer-category__list"> <!-- target="_blank" title="open new window" 인링크는 아이콘 자동으로 들어갑니다 --> <li class="CO05_footer-category__item"> <a href="/jp/about-us/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="about us|overview">概要</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/about-us/our-story/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="about us|our story">私たちの話</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/about-us/business-area/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="about us|business area">事業概要</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/about-us/executive/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="about us|executive">役員紹介</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/about-us/locations/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="about us|locations">主要事業所</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/about-us/history/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="about us|history">履歴</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/about-us/careers/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="about us|careers">キャリア</a > </li> <li class="CO05_footer-category__item"> <a href="/jp/dsrj/about/" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="link text" data-an-la="about us|history">Device Solutions R&D Japan</a > </li> <li class="CO05_footer-category__item"> <a href="https://www.samsung.com/global/ir/" target="_blank" title="open new window" class="CO05_footer-category__link" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="link text" data-an-la="about us|investor relations">Investor Relations</a > </li> </ul> </div> </div> </li> </ul> <div class="CO05_footer-bottom"> <div class="CO05_footer-sns"> <div class="CO05_footer-sns-wrap"> <dl class="CO05_footer-sns-con"> <dt class="CO05_footer-sns__title">公式SNS</dt> <dd class="CO05_footer-sns__link"> <a href="https://www.instagram.com/samsungsemiconductor/" target="_blank" title="Official Instagram" class="CO05_footer-bottom-sns instagram" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="sns share" data-an-la="instagram" aria-label="Official Instagram">Official Instagram</a > <a href="https://x.com/samsungdsglobal" target="_blank" title="Official TwitterX" class="CO05_footer-bottom-sns twitter-x" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="sns share" data-an-la="twitterX" aria-label="Official TwitterX">Official TwitterX</a > <a href="https://www.facebook.com/samsungsemiconductor" target="_blank" title="Official Facebook" class="CO05_footer-bottom-sns facebook" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="sns share" data-an-la="facebook" aria-label="Official Facebook">Official Facebook</a > <a href="https://www.linkedin.com/company/samsungsemiconductor" target="_blank" title="Official LinkedIn" class="CO05_footer-bottom-sns linkedin" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="sns share" data-an-la="linkedin" aria-label="Official LinkedIn">Official LinkedIn</a > <a href="https://www.youtube.com/c/Samsung/playlists?view=50&sort=dd&shelf_id=7" target="_blank" title="Official YouTube" class="CO05_footer-bottom-sns youtube" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="sns share" data-an-la="youtube" aria-label="Official YouTube">Official YouTube</a > <!-- <a href="#none" class="CO05_footer-bottom-sns blogger" data-an-tr="co05_footer" data-an-ca="outbound click" data-an-ac="sns share" data-an-la="blogger" aria-label="blogger"></a> --> </dd> </dl> </div> </div> <div class="CO05_footer-bottom-con-left"> <div class="CO05_footer-bottom-c"> <button type="button" class="access-black" aria-label="access black" data-an-tr="co05_footer" data-an-ca="content click" data-an-ac="web accessibility" data-an-la="black"></button> <button type="button" class="access-white" aria-label="access white" data-an-tr="co05_footer" data-an-ca="content click" data-an-ac="web accessibility" data-an-la="white"></button> </div> <div class="CO05_footer-lang-selectbox-wrap"> <div class="CO05_footer-lang-selectbox"> <i class="CO05_footer-icon-earth"> <img src="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-language.svg" alt=""/> </i> <span>Global / English</span> <i class="CO05_footer-icon-arrow"> <img src="/etc.clientlibs/semiconductor/designs/global/common/resources/img/icon/icon-bold-navigation-open-down_footer.svg" alt=""/> </i> </div> <ul class="CO05_footer-select-listbox"> <li class="CO05_footer-select-item global"> <a href="/">Global / English</a> </li> <li class="CO05_footer-select-item us"> <a href="/us/">US / English</a> </li> <li class="CO05_footer-select-item emea"> <a href="/emea/">EMEA / English</a> </li> <li class="CO05_footer-select-item kr"> <a href="/kr/">한국 / 한국어</a> </li> <li class="CO05_footer-select-item cn"> <a href="/cn/">中国 / 中文</a> </li> <li class="CO05_footer-select-item jp"> <a href="/jp/">日本 / 日本語</a> </li> <ul class="CO05_footer-select-list-2depth"> <span> R&D Center <i class="CO05_footer-icon-arrow"> <img src="https://image.semiconductor.samsung.com/content/samsung/p6/semiconductor/footer/icon-bold-navigation-open-down.svg" alt=""/> </i> </span> <div class="CO05_footer-select-list-2depth-box"> <li class="CO05_footer-select-2depth-item ssir"> <a href="/global/ssir/" target="_blank">India (SSIR) / English</a > </li> <li class="CO05_footer-select-2depth-item" style="padding-bottom: 3px" > <a href="/jp/dsrj/about/" target="_blank">日本 (DSRJ) / 日本語</a > </li> </div> </ul> </ul> </div> <div class="CO05_footer-bottom-legal legal_colum"> <div> <a href="/jp/privacy/" class="CO05_footer-bottom__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="legal menu" data-an-la="privacy"> 個人情報保護方針</a > <a href="/jp/legal/" class="CO05_footer-bottom__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="legal menu" data-an-la="legal"> 免責事項</a > <a href="/jp/cookie-policy/" class="CO05_footer-bottom__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="legal menu" data-an-la="cookies">Cookies</a > </div> <div class="legal_colum_box"> <a href="/jp/accessibility/" class="CO05_footer-bottom__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="legal menu" data-an-la="accessibility">アクセシビリティ</a > <a href="/jp/sitemap/" class="CO05_footer-bottom__link" data-an-tr="co05_footer" data-an-ca="link click" data-an-ac="legal menu" data-an-la="sitemap">サイトマップ</a > </div> </div> <p class="CO05_footer-bottom-copyright"> Copyright© 2024 Samsung. All rights reserved. </p> </div> </div> <!--/* 불러온 본문 컴포넌트들 중 첫 컴포넌트의 id로 href가 걸려야합니다 (본문 중에 첫 컴포넌트) */--> <div class="fab-area"> <a href="#topSection" class="btn-goTop" aria-label="Go to Top" data-an-tr="co05_footer" data-an-ca="content click" data-an-ac="go to top" data-an-la="none">ページトップへ戻る</a > </div> </div> </footer> <script> ;(function(win,doc,callback){'use strict';callback=callback||function(){};function detach(){if(doc.addEventListener){doc.removeEventListener('DOMContentLoaded',completed);}else{doc.detachEvent('onreadystatechange',completed);}}function completed(){if(doc.addEventListener||event.type==='load'||doc.readyState==='complete'){detach();callback(window,window.jQuery);}}function init(){if (doc.addEventListener){doc.addEventListener('DOMContentLoaded',completed);}else{doc.attachEvent('onreadystatechange',completed);}}init();})(window,document,function(win,$){ (function (exports, $, win) { var exports = exports; var $win = $(window); let isMobile = window.innerWidth > 0 && window.innerWidth <= 767; $(function () { $html = $('html'); $body = $('body'); $header = $('#header'); CO05_footerToggleBtn(); CO05_langSelect(); $('.CO05_footer-bottom-lang-select').on('mouseleave', function () { $('.CO05_footer-lang-select, .CO05_footer-lang-option').removeClass('active'); }); $('body').on('click', '.CO05_footer-category__title', function () { isMobile = window.innerWidth > 0 && window.innerWidth <= 767; if (isMobile) { $(this) .toggleClass("active") .closest(".CO05_footer-category__title") .siblings() .removeClass("active"); $(".CO05_footer-category__title") .not(this) .removeClass("active"); } else { return; } }); $(window).on( 'load scroll', debounce(function () { CO05_fabScroll(); }, 200) ); //z-index 문제로 css 때려넣고 시작. $('.CO05_footer').closest('.static-content').css({ position: 'relative', zIndex: '4' }); }); 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 CO05_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 CO05_footerToggleBtn() { // 토글버튼 var $ftAnchor = $('.CO05_footer-category__anchor'); $ftAnchor.each(function () { $(this).on('click', function (e) { e.preventDefault(); var $ftParent = $(this).parent().parent().find('.CO05_footer-category'); if ($ftParent.length > 1) { $(this).attr('aria-pressed', 'true').parent().toggleClass('active').siblings().removeClass('active').find('.CO05_footer-category__anchor').attr('aria-pressed', 'false'); $(this).parent().parent().siblings().find('.CO05_footer-category').removeClass('active').find('.CO05_footer-category__anchor').attr('aria-pressed', 'false'); } else { $(this).attr('aria-pressed', 'true').parent().toggleClass('active').parent().siblings().find('.CO05_footer-category').removeClass('active').find('.CO05_footer-category__anchor').attr('aria-pressed', 'false'); } if ($(this).parent().hasClass('active')) { $(this).attr('aria-pressed', 'true'); } else { $(this).attr('aria-pressed', 'false'); } }); }); } function CO05_langSelect() { var $langBtn = $('.CO05_footer-lang-select'); var $langOption = $('.option-btn__lang > a'); var $text = $('.option-btn__lang.selected a').text(); $langBtn.on('click', function () { $(this).toggleClass('active').siblings('.CO05_footer-lang-option').toggleClass('active'); $langOption.each(function () { $(this).click(function () { $(this).parent().addClass('selected').siblings().removeClass('selected').parent($langBtn).removeClass('active').siblings($langBtn).removeClass('active'); $text = $(this).find('span').text(); $langBtn.find('em').text($text); //return false; }); }); }); } $(function () { $('.wechat').on('mouseenter focusin', function () { $(this).children('.CO05_footer-qrbox').removeClass('hide'); }); $('.CO05_footer-qrbtn').on('click', function () { $(this).parent().addClass('hide'); }); }); //exports.popupBase = popupBase; })(this, this.jQuery, window); const isDev = location.origin == "https://ap-author.semiconductor.samsung.com" || location.origin == "https://author-dev.semiconductor.samsung.com" || location.origin == "https://dev.semiconductor.samsung.com" || location.origin == "https://qa.semiconductor.samsung.com"; jpFontSetting(); function jpFontSetting() { if (!isDev && digitalData.page.pageInfo.siteCode !== "jp") return; if(localStorage.getItem("font") == null) localStorage.setItem("font", "test"); if ((location.search.indexOf("?searchvalue=") > -1 && localStorage.getItem("font") == 'test') || location.search.indexOf("?font=test") > -1) { document.querySelector("body").classList.add("hiragino"); }else{ document.querySelector("body").classList.remove("hiragino"); } } const langSeletorHandler = (()=>{ const $langSelectBoxWrap = document.querySelector('.CO05_footer-lang-selectbox-wrap'); const $langBtnEl = $langSelectBoxWrap.querySelector('.CO05_footer-lang-selectbox'); const $langInnerText = $langSelectBoxWrap.querySelector('.CO05_footer-lang-selectbox > span'); const $langBtnArrow = $langBtnEl.querySelector('.CO05_footer-icon-arrow'); const $langListEl = $langSelectBoxWrap.querySelector('.CO05_footer-select-listbox'); const $rndBtnEl = $langSelectBoxWrap.querySelector('.CO05_footer-select-list-2depth > span'); const $rndLBtnArrow = $rndBtnEl.querySelector('.CO05_footer-icon-arrow'); const $rndListEl = $langSelectBoxWrap.querySelector('.CO05_footer-select-list-2depth-box'); const method = { selectLang:function(){ let aurl = digitalData.page.pageInfo.siteCode; let url = aurl == undefined || aurl == '' ? 'global' : aurl; let langText ; switch(url){ case 'global' : langText = 'Global / English'; document.querySelector('.CO05_footer-select-item.global').classList.add('current'); break; case 'emea' : langText = 'EMEA / English'; document.querySelector('.CO05_footer-select-item.emea').classList.add('current'); break; case 'us' : langText = 'US / English'; document.querySelector('.CO05_footer-select-item.us').classList.add('current'); break; case 'cn' : langText = '中国 / 中文'; document.querySelector('.CO05_footer-select-item.cn').classList.add('current'); break; case 'jp' : langText = '日本 / 日本語'; document.querySelector('.CO05_footer-select-item.jp').classList.add('current'); break; case 'kr' : langText = '한국 / 한국어'; document.querySelector('.CO05_footer-select-item.kr').classList.add('current'); break; case 'ssir' : langText = 'SSIR'; document.querySelector('.CO05_footer-select-2depth-item.ssir').classList.add('current'); break; } $langInnerText.innerHTML = langText; }, oneDepth_open:function(){ if(!$langListEl.classList.contains('open')){ $langListEl.classList.add('open'); $langBtnArrow.classList.add('open'); }else{ method.oneDepth_colsed() } }, oneDepth_colsed:function(){ if($langListEl.classList.contains('open')){ $langListEl.classList.remove('open'); $langBtnArrow.classList.remove('open'); method.twoDepth_colsed() } }, twoDepth_open:function(){ if(!$rndListEl.classList.contains('open')){ $rndListEl.classList.add('open'); $rndLBtnArrow.classList.add('open'); }else{ method.twoDepth_colsed() } }, twoDepth_colsed:function(){ if($rndListEl.classList.contains('open')){ $rndListEl.classList.remove('open'); $rndLBtnArrow.classList.remove('open'); } }, } const bindEvent = () => { document.addEventListener('click', function(e) { let container = document.querySelector('.CO05_footer-lang-selectbox-wrap'); if (!container.contains(e.target)) { method.oneDepth_colsed() } }); $langBtnEl.addEventListener('click',method.oneDepth_open) $rndBtnEl.addEventListener('click',method.twoDepth_open) $langSelectBoxWrap.addEventListener('mouseleave',method.oneDepth_colsed) } const initialize = () =>{ method.selectLang(); bindEvent() } return{ init:initialize } })(); window.addEventListener('load', function(){ langSeletorHandler.init(); }); }); </script> </section> <div id="cm-semi-contactus-tobe" class="contact-us none"> <!-- 쿠키 정책 팝업 --> <div class="contact-us-wrapper" aria-hidden="true"> <div class="contact-us-inner formType requestType requestType2" aria-hidden="true"> <div class="contact-us-scroll-content"> <!-- Stepper --> <div class="type-number"> <ol> <li class="active">1</li> <li>2</li> </ol> </div> <!-- //Stepper --> <div class="contact-us-title-wrap"> <span class="contact-us-subtitle">お問い合わせ先</span> <div class="contact-us-title">地域と <br class="mobile-break" />テーマを選択してください</div> <p class="contact-us-description"> 早急な解決をご要望の場合、まず<br class="mobile-break" /><a href="/consumer-storage/support/faqs/01/" class="link-01" data-an-tr="co12_contact us" data-an-ca="link click" data-an-ac="text link" data-an-la="faq">FAQ</a> または <a href="/support/contact-info/global-network/korea/" class="link-02" data-an-tr="co12_contact us" data-an-ca="link click" data-an-ac="text link" data-an-la="global network">Global Network</a>をご覧ください。 </p> <!-- 241106 [DSWG-12066] Contact Us 안내 문구 추가 --> <p class="contact-us-description"> スマートフォン、テレビ、ストレージ、家電製品に関するお問い合わせは、<br /><a href="https://www.samsung.com" target="_blank">https://www.samsung.com</a> にてご確認ください。 </p> </div> <!-- requestType form --> <form action="?" method="POST"> <div class="form-list-02"> <strong>お客様タイプを選択*</strong> <ul class="form-list-02-list"> <li> <span class="radio"> <input type="radio" value="1" class="required-b" id="business-customer" name="customer" maxlength="49" checked/> <label for="business-customer" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="radio button" data-an-la="事業者のお客様">事業者のお客様</label> </span> </li> <li> <span class="radio"> <input type="radio" value="2" class="required-b" id="individual-customer" name="customer" maxlength="49"/> <label for="individual-customer" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="radio button" data-an-la="個人のお客様">個人のお客様</label> </span> </li> <p class="required-m">このフィールドは必須です</p> </ul> </div> <div class="form-list-02"> <strong>大陸と場所を選択*</strong> <ul class="form-list-02-list"> <li class="inp-required"> <div class="select-wrap"> <button type="button" class="" aria-labelledby="continent" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="choose continent">大陸*</button> <ul id="continent" class="label-select" role="listbox"> <li role="option" data-value="" aria-selected="true"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="大陸">大陸*</button></li> <li role="option" data-value="africa"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="africa">Africa</button></li> <li role="option" data-value="asia"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="asia pacific">Asia - pacific</button></li> <li role="option" data-value="europe"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="europe">Europe</button></li> <li role="option" data-value="cis"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="cis">CIS</button></li> <li role="option" data-value="latin"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="latin america">Latin America</button></li> <li role="option" data-value="middle"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="middle east">Middle East</button></li> <li role="option" data-value="north"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="north america">North America</button></li> <li role="option" data-value="south"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="south america">South America</button></li> <li role="option" data-value="others"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="others">Others</button></li> </ul> <em class="label-txt">大陸<span>*</span></em> </div> <p class="required-m">このフィールドは必須です</p> </li> <li class="inp-required "> <div class="select-wrap"> <button type="button" class="" aria-labelledby="location" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="choose location">場所*</button> <ul id="location" class="label-select" role="listbox"> <li role="option" data-value="" aria-selected="true"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="場所">場所*</button></li> </ul> <em class="label-txt">Location<span>*</span></em> </div> <p class="required-m">このフィールドは必須です</p> </li> </ul> </div> <!-- end of form-list-02 --> <div class="form-list-02"> <strong>ご質問のテーマを選択*</strong> <ul class="form-list-02-list"> <li class="inp-required "> <div class="select-wrap"> <button type="button" class="" aria-labelledby="inquiry-category" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="choose inquiry category">お問い合わせカテゴリー*</button> <ul id="inquiry-category" class="label-select" role="listbox"> <li role="option" data-value="" aria-selected="true"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="お問い合わせカテゴリー">お問い合わせカテゴリー*</button></li> <li role="option" data-value="ID_INQ01"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="technical support">Technical Support</button></li> <li role="option" data-value="ID_INQ02"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="sales">Sales</button></li> <li role="option" data-value="ID_INQ03"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="corporate functions">Corporate Functions</button></li> <li role="option" data-value="ID_INQ04"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="website feedback">Website Feedback</button></li> <li role="option" data-value="ID_INQ05"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="memory solution lab">Memory Solution Lab</button></li> <li role="option" data-value="ID_INQ06"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="foundry">Foundry</button></li> <li role="option" data-value="ID_INQ07"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="sustainability">Sustainability</button></li> </ul> <em class="label-txt">お問い合わせカテゴリー<span>*</span></em> </div> <p class="required-m">このフィールドは必須です</p> </li> <li class="inp-required "> <div class="select-wrap"> <button type="button" class="" aria-labelledby="inquiry-type" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="choose inquiry type">お問い合わせタイプ*</button> <ul id="inquiry-type" class="label-select" role="listbox"> <li role="option" data-value="" aria-selected="true"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="お問い合わせタイプ">お問い合わせタイプ*</button></li> </ul> <em class="label-txt">お問い合わせタイプ<span>*</span></em> </div> <p class="required-m">このフィールドは必須です</p> </li> <li class="inp-required "> <div class="select-wrap"> <button type="button" class="" aria-labelledby="product-category" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="choose product category">製品カテゴリー*</button> <ul id="product-category" class="label-select" role="listbox"> <li role="option" data-value="" aria-selected="true"><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="listbox" data-an-la="製品カテゴリー">製品カテゴリー*</button></li> </ul> <em class="label-txt">製品カテゴリー<span>*</span></em> </div> <p class="required-m">このフィールドは必須です</p> </li> <li class="inp-required "> <div class="select-wrap"> <button type="button" aria-labelledby="product-type" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="text link" data-an-la="choose product type">製品タイプ*</button> <ul id="product-type" class="label-select" role="listbox"> <li role="option" data-value=""><button type="button" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="text link" data-an-la="製品タイプ">製品タイプ*</button></li> </ul> <em class="label-txt">製品タイプ<span>*</span></em> </div> <p class="required-m">このフィールドは必須です</p> </li> </ul> </div> <div class="support-wrap"> <p>* <a href="https://samsung.com" class="link-04" data-an-tr="co12_contact us" data-an-ca="link click" data-an-ac="text link" data-an-la="samsung support">samsung.com</a> のサポートで個人向けストレージ製品のヘルプを得ることができます。</p> <!-- get support는 location 셀렉트 밸류값 담아서 https://samsung.com/의 언어에 맞는 서포트로 보낼것 --> <a href="" target="_blank" class="basic-btn dark-bg icon-right support-btn" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="text link" data-an-la="サポートを受ける">サポートを受ける</a> </div> <!-- privacy --> <div class="contact-us-privacy"> <div class="checkbox agree-checkbox"> <input type="checkbox" id="privacy_agree"/> <label for="privacy_agree" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="radio button" data-an-la="privacy agree"> このフォームを送信することで、このご依頼に関して、お客様の個人情報をサムスン電子が使用するために共有することに同意されたものとみなされます。サムスン電子のWebサイトと通信には、サムスン電子の <a href="/privacy/" class="link-05" target="_blank">プライバシーポリシー</a> が適用されます。</label> </div> </div> </form> <!-- //requestType form --> </div> <!-- button type1 --> <!-- 기본값 normal or 생략, 비활성화 disabled, 활성화 active --> <!-- 나머지 클래스는 default --> <!-- <div class="contact-us-btn-wrap"> <button type="button" class="basic-btn btn-large outline-btn btnContactBack">Back</button> <button type="button" class="basic-btn light-bg btn-large btnContactSubmit">Submit</button> </div> --> <!-- button type2 --> <!-- 기본값 normal or 생략, 비활성화 disabled, 활성화 active --> <!-- btnContactNext 활성화된 상태에서 클릭시 inquiryType 팝업 오픈 --> <div class="contact-us-btn-wrap fixed-btn-wrap"> <button type="button" class="btnContactNext active" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="next" data-an-la="none">次へ</button> </div> <button type="button" class="btnContactPopupClose requestType" aria-label="close" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="close" data-an-la="none"></button> </div> <!-- end of contact-us-inner formType requestType requestType2 --> <!-- 2022-08-25 by mati 중국에서는 안보이게 처리 --> <!-- <sly data-sly-test="true"> --> <div class="contact-us-inner formType inquiryType" aria-hidden="true"> <div class="contact-us-scroll-content"> <!-- Stepper --> <div class="type-number"> <ol> <li>1</li> <li class="active">2</li> </ol> </div> <div class="contact-us-title-wrap"> <span class="contact-us-subtitle">お問い合わせ先</span> <div class="contact-us-title">連絡先情報とお問い合わせ内容を入力</div> </div> <!-- inquiryType form --> <form action="?" method="POST"> <div class="form-data-table"> <ul> <li> <span>ユーザータイプ</span> <p>Business customer</p> </li> <li> <span>ご依頼タイプ</span> <p>Technical support</p> </li> <li> <span>製品カテゴリー</span> <p>DRAM Component</p> </li> <li> <span>場所</span> <p>EU / UK</p> </li> <li> <span>お問い合わせタイプ</span> <p>Product Spec</p> </li> <li> <span>製品タイプ</span> <p>Client</p> </li> </ul> </div> <div class="form-list-02"> <strong>お客様の情報を入力</strong> <ul class="form-list-02-list"> <li class="inp-required"> <div class="select-wrap"> <input autocomplete="off" type="text" placeholder="名*" value="" class="required-b" id="first-name" maxlength="49"/> <label for="first-name" class="label-txt">名*</label> <button type="button" class="btn-input-clear" aria-label="clear input field" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="clear input field" data-an-la="none"></button> </div> <p class="required-m">このフィールドは必須です</p> </li> <li class="inp-required "> <div class="select-wrap"> <input autocomplete="off" type="text" placeholder="姓*" class="required-b" id="Last-Name" maxlength="49"/> <label for="Last-Name" class="label-txt">姓*</label> <button type="button" class="btn-input-clear" aria-label="clear input field" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="clear input field" data-an-la="none"></button> </div> <p class="required-m">このフィールドは必須です</p> </li> <li class="inp-required "> <div class="select-wrap"> <input autocomplete="off" type="text" placeholder="会社名*" class="required-b" id="Company" maxlength="49"/> <label for="Company" class="label-txt">会社名*</label> <!-- 클래스 들어가면 This field is required 문구 나옴 --> <button type="button" class="btn-input-clear" aria-label="clear input field" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="clear input field" data-an-la="none"></button> </div> <p class="required-m">このフィールドは必須です</p> </li> <li class="inp-required "> <div class="select-wrap"> <input autocomplete="off" type="email" placeholder="電子メールアドレス" class="required-b" id="email" maxlength="100"/> <label for="email" class="label-txt">電子メールアドレス*</label> <button type="button" class="btn-input-clear" aria-label="clear input field" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="clear input field" data-an-la="none"></button> </div> <p class="required-m">このフィールドは必須です</p> </li> <li class="inp-required "> <div class="select-wrap"> <input autocomplete="off" type="email" placeholder="電子メールアドレスを確認*" class="required-b" id="confirm-email" maxlength="100"/> <label for="confirm-email" class="label-txt">電子メールアドレスを確認*</label> <button type="button" class="btn-input-clear" aria-label="clear input field" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="clear input field" data-an-la="none"></button> </div> <p class="required-m">このフィールドは必須です</p> </li> </ul> </div> <div class="txt-area-box01"> <label for="subject" class="label-txt">主題</label> <textarea placeholder="主題" id="subject" maxlength="200"></textarea> <span class="text-counter"></span> <p class="required-m">このフィールドは必須です</p> </div> <div class="txt-area-box02 inp-required"> <label for="qna-box" class="label-txt">ご質問またはメッセージ*</label> <textarea placeholder="お問い合わせの詳細をご記入ください*" id="qna-box" class="required-b" maxlength="500"></textarea> <span class="text-counter"></span> <p class="required-m">このフィールドは必須です</p> </div> <script src="https://www.recaptcha.net/recaptcha/api.js" async defer></script> <div class="robot-checkbox"> <div class="g-recaptcha" id="captcha" data-sitekey="6LebxCkeAAAAAOqkjLOEHiEbOw76L2QNWuT1zrTC"></div> <p class="required-m">「私はロボットではありません」をクリックしてください</p> </div> </form> <!-- //inquiryType form --> </div> <!-- button type1 --> <!-- 기본값 normal or 생략, 비활성화 disabled, 활성화 active --> <!-- 나머지 클래스는 default --> <!-- <div class="contact-us-btn-wrap"> <button type="button" class="basic-btn btn-large outline-btn btnContactBack" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="back" data-an-la="none">Back</button> <button type="button" class="basic-btn light-bg btn-large btnContactSubmit" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="submit" data-an-la="none">Submit</button> </div> --> <!-- button type2 --> <!-- 기본값 normal or 생략, 비활성화 disabled, 활성화 active --> <!-- btnContactBack 클릭시 requestType 팝업 오픈--> <div class="contact-us-btn-wrap fixed-btn-wrap"> <button type="button" class="btnContactBack inquiryType normal active" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="back" data-an-la="none">戻る</button> <button type="button" class="btnContactSubmit active disabled" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="submit" data-an-la="none">送信</button> </div> <button type="button" class="btnContactPopupClose inquiryType" aria-label="close" data-an-tr="co12_contact us" data-an-ca="content click" data-an-ac="close" data-an-la="none"></button> </div> <!-- end of contact-us-inner formType inquiryType --> <!-- </sly> --> </div> </div> <script> (function (win, doc, callback) { 'use strict'; callback = callback || function () {}; function detach() { if (doc.addEventListener) { doc.removeEventListener('DOMContentLoaded', completed); } else { doc.detachEvent('onreadystatechange', completed); } } function completed() { if (doc.addEventListener || event.type === 'load' || doc.readyState === 'complete') { detach(); callback(window, window.jQuery); } } function init() { if (doc.addEventListener) { doc.addEventListener('DOMContentLoaded', completed); } else { doc.attachEvent('onreadystatechange', completed); } } init(); })(window, document, function (win, $) { $(window).on('load', function () { onLoad(); }); function onLoad() { if (checkDevice() != '') { $('.ct_popup_w').addClass('device'); } } var motionDelay = 500; $(function () { $('.ct_popup .ct_popup_close').click(function () { $(this) .parent() .parent() .animate({ opacity: 0, }, motionDelay, function () { $(this).css({ display: 'none', }); }); $('.ct_popup_w').animate({ opacity: 0, }, motionDelay, function () { $(this).css({ display: 'none', }); }); return false; }); $('.ct_popup.type1 .ct_popup_cont_w a').click(function () { $('.ct_popup.type1').animate({ opacity: 0, }, motionDelay, function () { $(this).css({ display: 'none', }); } ); if ($(this).index() == 1) { $('.ct_popup.type2').addClass('eu'); $('.ct_popup.type3').css({ opacity: 0, display: 'block', }).animate({ opacity: 1, }, motionDelay ); } else { document.location.href = 'https://crm.samsungsemi.com/CCS/form/questionFormP.jsp?cmd=product&euyn=n'; } return false; }); $('.ct_popup.type3 .ct_popup_cont_w .ct_popup_agree_btn').click(function () { document.location.href = 'https://crm.samsungsemi.com/CCS/form/questionFormP.jsp?cmd=product&euyn=y'; return false; }); $('.ct_popup.type3 .ct_popup_cont_w .ct_popup_expand .ct_popup_expand_tt a').click(function () { var expand = $(this).parent().parent(); if (expand.hasClass('active')) { expand.removeClass('active'); } else { $('.ct_popup.type3 .ct_popup_cont_w .ct_popup_expand').removeClass('active'); expand.addClass('active'); } return false; }); }); function checkDevice() { var mobileKeyWords = new Array('iPhone', 'iPad', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson'); var device_name = ''; for (var word in mobileKeyWords) { if (navigator.userAgent.match(mobileKeyWords[word]) != null) { device_name = mobileKeyWords[word]; break; } } return device_name; } }); </script> <div id="cookie_component" class="CO11_cookie none" aria-hidden="true"> <!-- Cookie Popup --> <div class="CO11_cookie-wrapper"> <div class="CO11_cookie-form" id="cookiePopupForm" tabindex="0"> <!-- 언어 선택 컨텐츠만 있을 때 추가될 클래스 : cookie-close-center --> <!-- 삼성 앤 쿠키 --> <div class="CO11_cookie-info-wrap" aria-hidden="true"> <div class="CO11_cookie-title highContrastTarget">クッキー</div> <div class="CO11_cookie-info-inner"> <p class="CO11_cookie-info-text"> 本サイトでは、ユーザーエクスペリエンスのパーソナライズおよびサイトトラフィックの分析を目的として、クッキーを使用しています。[承諾する]をクリックするか、本サイトを引き続き閲覧することによって、お客様は弊社によるクッキーの使用に同意することになります。 <br class="device-break"/> 詳細情報については、弊社の「<a href="/jp/privacy/" class="privacy-policy">プライバシーポリシー</a>」および「<a href="/jp/cookie-policy/" class="cookie-policy">クッキーに関する方針</a>」をお読みください。 </p> <div class="CO11_cookie-info-btn eu-case"> <a href="javascript:;" class="btnSettingPopupOpen">Settings</a> <button type="button" class="basic-cookie-btn dark-bg btn-medium btnCookieDeny">Deny</button> <button type="button" class="basic-cookie-btn light-bg btn-medium btnAcceptCookie">同意</button> </div> <div class="CO11_cookie-info-btn non-eu-case"> <!-- <button type="button" class="basic-cookie-btn dark-bg btn-medium btnSettingPopupOpen">Setting</button> --> <!-- 230411 [WSC-2357] 페이지 안에 고유 class명과 충돌로 인해 class명 수정 --> <button type="button" class="btnAcceptCookie">同意</button> </div> </div> </div> <!-- //삼성 앤 쿠키 --> <button type="button" class="btnCookiePopupClose" aria-label="window close"></button> </div> </div> <!-- eu-case 세팅 팝업 --> <div class="CO11_cookie-setting-wrapper eu-case" aria-hidden="true"> <div class="CO11_cookie-setting"> <div class="CO11_cookie-setting-title highContrastTarget">Manage your cookies</div> <div class="CO11_cookie-setting-content"> <!-- 20220830 [DSO-464] 문구 위치 수정 --> <p class="CO11_cookie-setting-description">We use cookies to improve you experience on our website and to show you experience on our website and to show you relevant advertising, manage your settings for our cookies below.</p> <div class="CO11_cookie-setting-wrap"> <div class="CO11_cookie-setting-subtitle-wrap"> <div class="CO11_cookie-setting-subtitle highContrastTarget">Essential Cookies</div> </div> <p>These cookies are essential as they enable you to move around the website. This category cannot be disabled.</p> <button type="button" class="button-toggle">View More</button> <div class="CO11_cookie-setting-table"> <table> <thead> <tr> <th scope="col">Company</th> <th scope="col">Domain</th> </tr> </thead> <tbody> <tr> <td>Samsung Electronics</td> <!-- 231016 DSW-10574 : 태그수정 --> <td>semiconductor.samsung.com, image.semiconductor.samsung.com, smetrics.samsung.com</td> </tr> </tbody> </table> </div> </div> <div class="CO11_cookie-setting-wrap"> <div class="CO11_cookie-setting-subtitle-wrap"> <div class="CO11_cookie-setting-subtitle highContrastTarget"><label for="permit2">Analytical or performance cookies</label></div> <span class="switch switch-light"> <input type="checkbox" name="" id="permit2" value="2"/> <!-- 20230308 : checked 원복 --> <div class="switch-control"></div> </span> </div> <!-- 20220922 문구 수정 --> <p>These cookies collect information about how you use our website, for example which pages you visit most often. All information these cookies collect is used to improve how the website works.</p> <button type="button" class="button-toggle">View More</button> <div class="CO11_cookie-setting-table"> <table class="cookie-policy-table"> <caption> Analytical or performance cookies </caption> <thead> <tr> <th scope="col">Cookie</th> <th scope="col">Domain</th> </tr> </thead> <tbody> <tr> <td>Google</td> <td>ajax.googleapis.com, apis.google.com, calendar.google.com, developers.google.com, docs.google.com, google.com, maps.googleapis.com, spreadsheets.google.com, www.google.com, www.google.ie</td> </tr> <tr> <td>Google</td> <td>www.google-analytics.com, www.googletagmanager.com, www.gstatic.com</td> </tr> <tr> <td>Adobe</td> <td>assets.adobedtm.com</td> </tr> </tbody> </table> </div> </div> <div class="CO11_cookie-setting-wrap"> <div class="CO11_cookie-setting-subtitle-wrap"> <div class="CO11_cookie-setting-subtitle highContrastTarget"><label for="permit3">Functionality Cookies</label></div> <span class="switch switch-light"> <input type="checkbox" name="" id="permit3" value="3"/> <!-- 20230308 : checked 원복 --> <div class="switch-control"></div> </span> </div> <p>These cookies allow our website to remember choices you make (such as your user name, language or the region you are in) and tailor the website to provide enhanced features and content for you.</p> <button type="button" class="button-toggle">View More</button> <div class="CO11_cookie-setting-table"> <table class="cookie-policy-table"> <caption> Functionality Cookies </caption> <thead> <tr> <th scope="col">Cookie</th> <th scope="col">Domain</th> <th scope="col">Purpose</th> </tr> </thead> <tbody> <tr> <td>Akamai</td> <td> 176-34-86-175_s-23-203-249-81_ts-1604430438-clienttons-s.akamaihd.net, 176-34-86-175_s-23-203-249-81_ts-1604432488-clienttons-s.akamaihd.net, 176-34-86-175_s-23-203-249-90_ts-1604428164-clienttons-s.akamaihd.net, 176-34-86-175_s-95-101-143-18_ts-1604428258-clienttons-s.akamaihd.net, 176-34-86-175_s-95-101-143-24_ts-1604428321-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604425495-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604425563-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604425669-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604427540-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604427617-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604427664-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604427922-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604439090-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604439174-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604441206-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-81_ts-1604441267-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-90_ts-1604425484-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-90_ts-1604425610-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-90_ts-1604427737-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-90_ts-1604427797-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-90_ts-1604438922-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-90_ts-1604438968-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-90_ts-1604439033-clienttons-s.akamaihd.net, 34-242-207-243_s-23-203-249-90_ts-1604441023-clienttons-s.akamaihd.net, 34-242-207-243_s-95-101-129-82_ts-1604425732-clienttons-s.akamaihd.net, 34-245-202-11_s-23-203-249-81_ts-1604425513-clienttons-s.akamaihd.net, 34-245-202-11_s-23-203-249-81_ts-1604427569-clienttons-s.akamaihd.net, 34-245-202-11_s-23-203-249-90_ts-1604425365-clienttons-s.akamaihd.net, 34-246-182-217_s-23-203-249-81_ts-1604424915-clienttons-s.akamaihd.net, 34-246-182-217_s-23-203-249-81_ts-1604425000-clienttons-s.akamaihd.net, 34-246-182-217_s-23-203-249-81_ts-1604425155-clienttons-s.akamaihd.net, 34-246-182-217_s-23-203-249-81_ts-1604425567-clienttons-s.akamaihd.net, 34-246-182-217_s-23-203-249-81_ts-1604427446-clienttons-s.akamaihd.net, 34-246-182-217_s-23-203-249-81_ts-1604429495-clienttons-s.akamaihd.net, 34-246-182-217_s-23-203-249-90_ts-1604424817-clienttons-s.akamaihd.net, 34-246-182-217_s-23-203-249-90_ts-1604424939-clienttons-s.akamaihd.net, 34-246-182-217_s-23-203-249-90_ts-1604427359-clienttons-s.akamaihd.net, 34-246-182-217_s-23-203-249-90_ts-1604429563-clienttons-s.akamaihd.net, 34-246-182-217_s-95-101-129-82_ts-1604425062-clienttons-s.akamaihd.net, 34-246-182-217_s-95-101-143-18_ts-1604429398-clienttons-s.akamaihd.net, 34-246-182-217_s-95-101-143-24_ts-1604429274-clienttons-s.akamaihd.net, 34-246-182-217_s-95-101-143-24_ts-1604429365-clienttons-s.akamaihd.net, 34-246-182-217_s-95-101-143-24_ts-1604429616-clienttons-s.akamaihd.net, 364bf52c.akstat.io, 364bf5fa.akstat.io, 364bf6cc.akstat.io, 36c3fef2.akstat.io, 54-154-186-178_s-23-203-249-81_ts-1604425586-clienttons-s.akamaihd.net, 54-154-186-178_s-23-203-249-81_ts-1604429882-clienttons-s.akamaihd.net, 54-154-186-178_s-23-203-249-90_ts-1604425341-clienttons-s.akamaihd.net, 54-154-186-178_s-23-203-249-90_ts-1604425577-clienttons-s.akamaihd.net, 54-154-186-178_s-23-203-249-90_ts-1604425679-clienttons-s.akamaihd.net, 54-154-186-178_s-23-203-249-90_ts-1604427498-clienttons-s.akamaihd.net, 54-154-186-178_s-23-203-249-90_ts-1604431774-clienttons-s.akamaihd.net, 54-154-186-178_s-92-123-142-66_ts-1604427735-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-81_ts-1604425115-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-81_ts-1604427273-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-81_ts-1604427303-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-81_ts-1604427359-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-81_ts-1604431429-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-81_ts-1604431547-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-81_ts-1604435637-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-90_ts-1604427151-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-90_ts-1604429503-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-90_ts-1604429594-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-90_ts-1604433473-clienttons-s.akamaihd.net, 54-246-30-86_s-23-203-249-90_ts-1604433539-clienttons-s.akamaihd.net, 54-246-30-86_s-88-221-134-224_ts-1604435698-clienttons-s.akamaihd.net, 54-246-30-86_s-95-101-129-96_ts-1604424926-clienttons-s.akamaihd.net, 54-246-30-86_s-95-101-129-96_ts-1604424989-clienttons-s.akamaihd.net, 54-75-39-103_s-23-203-249-81_ts-1604425265-clienttons-s.akamaihd.net, 54-75-39-103_s-23-203-249-81_ts-1604425415-clienttons-s.akamaihd.net, 54-75-39-103_s-23-203-249-90_ts-1604425504-clienttons-s.akamaihd.net, 54-75-39-103_s-95-101-143-24_ts-1604432234-clienttons-s.akamaihd.net, 54-75-41-190_s-23-203-249-81_ts-1604424935-clienttons-s.akamaihd.net, 54-75-41-190_s-23-203-249-81_ts-1604425058-clienttons-s.akamaihd.net, 54-75-41-190_s-23-203-249-81_ts-1604425120-clienttons-s.akamaihd.net, 54-75-41-190_s-23-203-249-81_ts-1604425189-clienttons-s.akamaihd.net, 54-75-41-190_s-23-203-249-81_ts-1604427540-clienttons-s.akamaihd.net, 54-75-41-190_s-23-203-249-90_ts-1604424875-clienttons-s.akamaihd.net, 54-75-41-190_s-23-203-249-90_ts-1604425270-clienttons-s.akamaihd.net, 54-75-41-190_s-23-203-249-90_ts-1604427110-clienttons-s.akamaihd.net, 54-75-41-190_s-23-203-249-90_ts-1604429433-clienttons-s.akamaihd.net, 54-75-41-190_s-23-203-249-90_ts-1604429456-clienttons-s.akamaihd.net, 54-75-41-190_s-92-123-140-11_ts-1604427291-clienttons-s.akamaihd.net, 54-75-41-190_s-92-123-140-11_ts-1604427412-clienttons-s.akamaihd.net, 54-75-41-190_s-95-101-129-96_ts-1604425019-clienttons-s.akamaihd.net, 54-75-41-190_s-95-101-143-18_ts-1604429529-clienttons-s.akamaihd.net, 684dd305.akstat.io, 684dd306.akstat.io, 684dd307.akstat.io, 684dd308.akstat.io, 684dd309.akstat.io, 684dd30a.akstat.io, 684dd30c.akstat.io, 684dd30d.akstat.io, 6852bd07.akstat.io, 6852bd08.akstat.io, 6852bd09.akstat.io, 6852bd0a.akstat.io, 6852bd0b.akstat.io, 6852bd0c.akstat.io, 6852bd0d.akstat.io, 6852bd0e.akstat.io, 6852bd0f.akstat.io, 6852bd10.akstat.io, 6852bd11.akstat.io, 6852bd12.akstat.io, 6852bd13.akstat.io, 6852bd14.akstat.io, 685d5b18.akstat.io, 685d5b19.akstat.io, 685d5b1b.akstat.io, 686eb51b.akstat.io, 686eb704.akstat.io, bcsecure01-a.akamaihd.net, brightcove04pmdo-a.akamaihd.net, ds-aksb-a.akamaihd.net, el24ucyccuqvax5bs2kq-pblhb6-a723eeea5-clientnsv4-s.akamaihd.net, el24ucyccuqvax5bt4yq-ptbmxa-6ef8e4803-clientnsv4-s.akamaihd.net, el24ucyccuqwcx5bs4uq-p03zy7-676237e5e-clientnsv4-s.akamaihd.net, el3lnwiccuqvax5bstvq-pch0tk-1cdf76638-clientnsv4-s.akamaihd.net, el3lnwiccuqvax5buy2q-pqnfkn-f673b4feb-clientnsv4-s.akamaihd.net, el3lnwiccuqvax5buzkq-pl30i3-08d7d87df-clientnsv4-s.akamaihd.net, el3lnwiccuqwcx5bu4ya-pyg66y-cb19a994e-clientnsv4-s.akamaihd.net, el3lnwiccuqxax5bstjq-puyi2b-1f022524f-clientnsv4-s.akamaihd.net, el3lnwiccuqxax5bsuua-pioden-695058c8f-clientnsv4-s.akamaihd.net, el3lnwiccuqxax5bsvta-pqns0s-b6979dbf5-clientnsv4-s.akamaihd.net, el3lnwiccuqxax5btzpq-pbifp1-07760bdf0-clientnsv4-s.akamaihd.net, el3lnwiccuqxax5bu23q-p2ez1a-7d289db29-clientnsv4-s.akamaihd.net, el3lnwixzp4swx5bs5pq-pnfw20-03cb87b70-clientnsv4-s.akamaihd.net, el3lnwixzp4swx5bsryq-p52tb9-f3dab0dd0-clientnsv4-s.akamaihd.net, el3lnwixzp4swx5bu35q-pdannf-fd1139023-clientnsv4-s.akamaihd.net, el3lnwixzp4swx5buxna-pyccr1-f710a073b-clientnsv4-s.akamaihd.net, el3lnwky3wdkax5bsxbq-p3hn9l-a2a7437e4-clientnsv4-s.akamaihd.net, el3lnwky3wdkex5bt23a-pfcryk-8b7c1430e-clientnsv4-s.akamaihd.net, elzm742y3wdkex5bs4lq-p0p40d-3a2e745b5-clientnsv4-s.akamaihd.net, elzm742y3wdkex5bzofa-pqb527-96b6b1fc9-clientnsv4-s.akamaihd.net, elzm74yccuqvax5b2szq-pf5z0b-8e0fe713e-clientnsv4-s.akamaihd.net, elzm74yccuqvax5bs5nq-pt4puj-60e29ce0a-clientnsv4-s.akamaihd.net, elzm74yccuqvax5bzo4a-ptxi68-223a872ab-clientnsv4-s.akamaihd.net, elzm74yccuqwcx5b2r3a-p84t0a-b5b6d0cb9-clientnsv4-s.akamaihd.net, elzm74yccuqwcx5btaca-p2p13t-2edd5f4d6-clientnsv4-s.akamaihd.net, elzm74yccuqwcx5buakq-p7s1ie-7095e2510-clientnsv4-s.akamaihd.net, elzm74yccuqxax5b2o7q-partxm-0ba99e22d-clientnsv4-s.akamaihd.net, elzm74yccuqxax5bs6fa-pnivpg-c492934bb-clientnsv4-s.akamaihd.net, elzm74yccuqxax5bt5qq-pcrjf9-bdc24fa26-clientnsv4-s.akamaihd.net, elzm74yccuqxax5bzp4q-pkl6rx-fb475a90e-clientnsv4-s.akamaihd.net, elzm74yxzp4swx5bs4ga-p9xzbs-ed47165ae-clientnsv4-s.akamaihd.net, elzm74yxzp4swx5bs7cq-p4s4el-cd1a19887-clientnsv4-s.akamaihd.net, elzm74yxzp4swx5bt4ka-p0qvim-2e8a5e71e-clientnsv4-s.akamaihd.net, elzm74yxzp4swx5bt6hq-pzy1yp-35d9d01e0-clientnsv4-s.akamaihd.net, elzm74yxzp4swx5bt7mq-p1duy0-1060998fa-clientnsv4-s.akamaihd.net, elzm74yxzp4swx5bucja-p0twy9-19851792c-clientnsv4-s.akamaihd.net, elzm74yxzp4swx5bzqza-pn76ir-1c0c55ff7-clientnsv4-s.akamaihd.net, elzm74yxzp4swx5bzsda-pqodge-888ec876f-clientnsv4-s.akamaihd.net, g2nlvmqcchiscx5bva5a-pwotro-14b66ca5a-clientnsv4-s.akamaihd.net, g2nlvmqccuqvax5bs7hq-p4vzcl-ad59a5fd9-clientnsv4-s.akamaihd.net, g2nlvmqccuqxax5bsz6q-pm3a6a-3feb7d021-clientnsv4-s.akamaihd.net, g2nlvmqxzp4swx5bs5uq-pd12b9-62c8cb38d-clientnsv4-s.akamaihd.net, g2nlvmqxzp4swx5bt3va-p7puv0-d4fafcfea-clientnsv4-s.akamaihd.net, g2nlvmsy3wdkax5bs5zq-p675cj-d0b1fd299-clientnsv4-s.akamaihd.net, g33b4vqccuqvax5btwhq-pfp8ei-5c0ea4329-clientnsv4-s.akamaihd.net, g33b4vqccuqvax5btytq-pupet4-0083df35c-clientnsv4-s.akamaihd.net, g33b4vqccuqvax5btzpq-pr1f2f-01d5fb765-clientnsv4-s.akamaihd.net, g33b4vqccuqvax5bvzcq-phk9tj-828709858-clientnsv4-s.akamaihd.net, g33b4vqccuqvax5bw2bq-py1x2v-a7310f6e5-clientnsv4-s.akamaihd.net, g33b4vqccuqvax5bx3za-pge3ox-a91a32353-clientnsv4-s.akamaihd.net, g33b4vqccuqwcx5bu4na-pqdvvi-3aaa5c611-clientnsv4-s.akamaihd.net, g33b4vqccuqwcx5bwzaq-pvw5k6-d3e3dcd05-clientnsv4-s.akamaihd.net, g33b4vqccuqwcx5bx22q-p8kovq-e038e0c0c-clientnsv4-s.akamaihd.net, g33b4vqccuqxax5bstpa-p4rsfx-bd0382a30-clientnsv4-s.akamaihd.net, g33b4vqccuqxax5btyeq-poz8cc-9955b8a36-clientnsv4-s.akamaihd.net, g33b4vqxzp4swx5bu27q-pxv1vf-89db7a111-clientnsv4-s.akamaihd.net, g33b4vqxzp4swx5bv25q-pt8447-731cc407d-clientnsv4-s.akamaihd.net, g33b4vsy3wdkax5bswnq-plqmrf-ff7289811-clientnsv4-s.akamaihd.net, g33b4vsy3wdkex5bsuoq-p56ka1-9bf23f300-clientnsv4-s.akamaihd.net, gzfsozyccuqwcx5bs3dq-p2yzo8-69eb1f4d7-clientnsv4-s.akamaihd.net, gzfsozyccuqwcx5bs4qa-p299q7-a9521f4ee-clientnsv4-s.akamaihd.net, gzfsozyccuqwcx5bsyyq-pv69oz-aed1b09c6-clientnsv4-s.akamaihd.net, gzfsozyccuqwcx5bwfuq-pw4gfb-c2c42381f-clientnsv4-s.akamaihd.net, gzfstpqccuqvax5bssvq-p0x8hm-7a3d7367f-clientnsv4-s.akamaihd.net, gzfstpqccuqvax5bsxsq-p2oajs-b2e67f00b-clientnsv4-s.akamaihd.net, gzfstpqccuqvax5bsy3a-pfuzjd-60f8ba5de-clientnsv4-s.akamaihd.net, gzfstpqccuqvax5bu2ia-p6uwyn-30e7a92df-clientnsv4-s.akamaihd.net, gzfstpqccuqwcx5bswqa-pplxq4-ee58ceb89-clientnsv4-s.akamaihd.net, gzfstpqccuqwcx5bu3mq-p6qff7-f4c4075e7-clientnsv4-s.akamaihd.net, gzfstpqccuqwcx5buz4q-pbk4m8-d20c90e54-clientnsv4-s.akamaihd.net, gzfstpqccuqxax5bt4ka-p3fi1s-1fcad7cd5-clientnsv4-s.akamaihd.net, gzfstpqxzp4swx5bsttq-p683qt-2c3f6e21e-clientnsv4-s.akamaihd.net, gzfstpqxzp4swx5bsu5q-pyioyl-3b5424f35-clientnsv4-s.akamaihd.net, gzfstpqxzp4swx5bsvra-ps8whv-800c4ca06-clientnsv4-s.akamaihd.net, gzfstpqxzp4swx5bt2ka-p3owfu-9bef421db-clientnsv4-s.akamaihd.net, gzfstpqxzp4swx5btynq-p80cg4-5fbda6ae3-clientnsv4-s.akamaihd.net, gzfstpsy3wdkax5btvta-pc4hb3-c24fbde0b-clientnsv4-s.akamaihd.net, i03f9f400-ds-aksb-a.akamaihd.net, i03fa4400-ds-aksb-a.akamaihd.net, i03faac00-ds-aksb-a.akamaihd.net, i03fae300-ds-aksb-a.akamaihd.net, i03fb4f00-ds-aksb-a.akamaihd.net, i22f29600-ds-aksb-a.akamaihd.net, i22f44600-ds-aksb-a.akamaihd.net, i22f47c00-ds-aksb-a.akamaihd.net, i22f4a100-ds-aksb-a.akamaihd.net, i22f55c00-ds-aksb-a.akamaihd.net, i22f5ca00-ds-aksb-a.akamaihd.net, i22f6b100-ds-aksb-a.akamaihd.net, i22f7bf00-ds-aksb-a.akamaihd.net, i22fdb800-ds-aksb-a.akamaihd.net, i22fdd700-ds-aksb-a.akamaihd.net, i3430c200-ds-aksb-a.akamaihd.net, i34d04400-ds-aksb-a.akamaihd.net, i34d71700-ds-aksb-a.akamaihd.net, i36486200-ds-aksb-a.akamaihd.net, i364b2700-ds-aksb-a.akamaihd.net, i369aba00-ds-aksb-a.akamaihd.net, i36d85900-ds-aksb-a.akamaihd.net, i36d86800-ds-aksb-a.akamaihd.net, i36e56b00-ds-aksb-a.akamaihd.net, i36f61e00-ds-aksb-a.akamaihd.net, i36f6c000-ds-aksb-a.akamaihd.net, i3f23f800-ds-aksb-a.akamaihd.net, ib0225600-ds-aksb-a.akamaihd.net, s.go-mpulse.net, trial-eum-clientnsv4-s.akamaihd.net, trial-eum-clienttons-s.akamaihd.net, warfnl2y3wdkex5buhra-pvnsej-42dd2535b-clientnsv4-s.akamaihd.net, warfnlyccuqvax5bvjta-pivu9l-324052216-clientnsv4-s.akamaihd.net, warfnlyccuqxax5bwjua-pt5xj8-63e5f59c4-clientnsv4-s.akamaihd.net, warfnlyxzp4swx5bugca-p9ihiy-2a56daf9f-clientnsv4-s.akamaihd.net, warfnlyxzp4swx5buiqq-p5eemy-20706e9d7-clientnsv4-s.akamaihd.net To provide the optimized image quality and enhance page loading speed </td> <td>To provide the optimized image quality and enhance page loading speed</td> </tr> <tr> <td>Amazon <br/>(Cloud Front)</td> <td>Amazon (Cloud Front) d15mv1adrb1s6e.cloudfront.net, d1vp9jkpfdwr15.cloudfront.net, d25jv1xpupcva6.cloudfront.net, d2cmqkwo8rxlr9.cloudfront.net, d2m3ikv8mpgiy8.cloudfront.net, d334tbn9icrqnt.cloudfront.net, d38nbbai6u794i.cloudfront.net, d3dvvd5arbl3b4.cloudfront.net, d3nkfb7815bs43.cloudfront.net, d9qz450atvita.cloudfront.net To speed up the delivery of your static content (e.g., images, style sheets, JavaScript, etc.) to viewers across the globe</td> <td>To speed up the delivery of your static content (e.g., images, style sheets, JavaScript, etc.) to viewers across the globe</td> </tr> <tr> <td>Brightcove</td> <td>admin.brightcove.com, metrics.brightcove.com, players.brightcove.net, sadmin.brightcove.com, vjs.zencdn.net</td> <td>To support video streaming</td> </tr> </tbody> </table> </div> </div> <div class="CO11_cookie-setting-wrap"> <div class="CO11_cookie-setting-subtitle-wrap"> <div class="CO11_cookie-setting-subtitle highContrastTarget"><label for="permit4">Advertising Cookies</label></div> <span class="switch switch-light"> <input type="checkbox" name="" id="permit4" value="4"/> <!-- 20230308 : checked 원복 --> <div class="switch-control"></div> </span> </div> <p>These cookies gather information about your browser habits. They remember that you've visited our website and share this information with other organizations such as advertisers.</p> <button type="button" class="button-toggle">View More</button> <div class="CO11_cookie-setting-table"> <table class="cookie-policy-table"> <caption> advertising cookies </caption> <thead> <tr> <th scope="col">Cookie</th> <th scope="col">Domain</th> </tr> </thead> <tbody> <tr> <td>Facebook</td> <td>atdmt.com, connect.facebook.net, cx.atdmt.com, facebook.com, www.facebook.com</td> </tr> <tr> <td>Google Advertising</td> <td>ad.doubleclick.net, adservice.google.com, adservice.google.ie, cm.g.doubleclick.net, doubleclick.net, googleads.g.doubleclick.net, pubads.g.doubleclick.net, static.doubleclick.net, stats.g.doubleclick.net, www.googleadservices.com</td> </tr> <tr> <td>Google</td> <td>s.ytimg.com, www.youtube.com, youtube.com</td> </tr> <tr> <td>Linkedin</td> <td>ads.linkedin.com, linkedin.com, px.ads.linkedin.com, www.linkedin.com</td> </tr> </tbody> </table> </div> </div> <div class="CO11_cookie-setting-btn-wrap"> <button type="button" class="basic-cookie-btn light-bg btn-large btn-close">とじる</button> <button type="button" class="basic-cookie-btn light-bg btn-large btnSettingProceed" data-an-tr="body contents" data-an-ca="link click" data-an-ac="cookie consent" data-an-la="Agree">Agree and Proceed</button> <!-- 230828 [WSC-2669] 태깅값 추가 --> </div> </div> <button type="button" class="btnSettingPopupClose"></button> </div> </div> <!-- //eu-case 세팅 팝업 --> <!-- non-eu-case 세팅 팝업 --> <div class="CO11_cookie-setting-wrapper non-eu-case" aria-hidden="true"> <div class="CO11_cookie-setting"> <div class="CO11_cookie-setting-title highContrastTarget">Manage your cookies</div> <div class="CO11_cookie-setting-content"> <p>Cookies are small files that store information on your computer, TV, mobile phone, or other device. They enable the entity that put the cookie on your device to recognize you across different websites, services, devices, and/or browsing sessions.</p> <div class="CO11_cookie-setting-wrap"> <div class="CO11_cookie-setting-subtitle-wrap CO11_cookie-all-cookie"> <div class="CO11_cookie-setting-subtitle highContrastTarget"><label for="allowAll">I accept to allow all cookies</label></div> <span class="switch switch-light"> <input type="checkbox" checked name="" id="allowAll" aria-label=""/> <div class="switch-control"></div> </span> </div> </div> <div class="CO11_cookie-setting-btn-wrap"> <button type="button" class="basic-cookie-btn light-bg btn-large btnNonEUsettingProceed">Save</button> </div> </div> <button type="button" class="btnNonEUsettingPopupClose"></button> </div> </div> <!-- //non-eu-case 세팅 팝업 --> </div> <!--googleon: all--> <!-- footer 컴포넌트 영역 end --> <script id="script-rewriter"> window.rewritePath = rewritePath; window.convertCustomLink = convertCustomLink; function rewritePath(originalPath) { if (!originalPath || "" == originalPath) { return originalPath; } var cdnPathMatch = ""; var cdnDomain = ""; var damRootPath = "/content/dam/samsung"; var s7ImageExtensionMatch = "bmp,fpx,npx,gif,jpg,jpeg,png,pic,pict,tiff,tif"; var s7ImagePresetMatch = "jpg|$ORIGIN_JPG$,jpeg|$ORIGIN_JPG$,png|$ORIGIN_PNG$,gif|$ORIGIN_GIF$"; var s7ImageDomain = "https://image.semiconductor.samsung.com/image/samsung/p6"; var s7ContentExtensionMatch = "svg,pdf,mp4,ogg,ogv,webm,xhtml,xml"; var s7ContentDomain = "https://image.semiconductor.samsung.com/content/samsung/p6"; var s7ExtraSiteCodes = ""; var s7ExtraImageDomains = ""; var s7ExtraContentDomains = ""; var cdnDamExtensionMatch = ""; var cdnDamDomain = ""; var resultPath = originalPath; var originalPathExtensionArr = originalPath.split("."); var originalPathExtension = originalPathExtensionArr[originalPathExtensionArr.length-1]; // 22-03-21 로직 추가 // Extra SiteCode 관련 도메인 세팅을 위한 변수 초기화 var currentImageDomain = s7ImageDomain; var currentContentDomain = s7ContentDomain; var siteCode = $("#siteCode").val(); var s7ExtraSiteCodeArr = s7ExtraSiteCodes.split(","); var s7ExtraImageDomainArr = s7ExtraImageDomains.split(","); var s7ExtraContentDomainArr = s7ExtraContentDomains.split(","); // 현재 SiteCode가 Extra Site code 목록에 있을 경우 해당 index 저장 var extraIndex = -1; if (siteCode && siteCode.length > 0) { for (var i = 0; i < s7ExtraSiteCodeArr.length; i++) { if (siteCode == s7ExtraSiteCodeArr[i]) { extraIndex = i; break; } } } // extraIndex를 기준으로 Image Domain 경로 재설정 if (extraIndex != -1 && s7ExtraImageDomainArr.length > extraIndex) { if (s7ExtraImageDomainArr[extraIndex].length > 0) { currentImageDomain = s7ExtraImageDomainArr[extraIndex]; } } // extraIndex를 기준으로 Content Domain 경로 재설정 if (extraIndex != -1 && s7ExtraContentDomainArr.length > extraIndex) { if (s7ExtraContentDomainArr[extraIndex].length > 0) { currentContentDomain = s7ExtraContentDomainArr[extraIndex]; } } // CDN Path 매칭 조건이 맞을 경우 변경한다. // js, css 파일의 경우 도메인 세팅 없이 path 그대로 리턴한다. if (cdnPathMatch) { var cdnPathMatchArr = cdnPathMatch.split(","); for (var i = 0; i < cdnPathMatchArr.length; i++) { var match = cdnPathMatchArr[i]; if (match && originalPath.indexOf(match) == 0) { if (originalPathExtension != "js" || originalPathExtension != "css") { resultPath = cdnDomain + originalPath; } } } } // S7ImageDomain 및 S7ContentDomain은 현재 경로에 damRootPath가 있는 경우에만 적용 if (damRootPath && originalPath.indexOf(damRootPath) > -1) { // S7 images file extensions 에 맞을경우 CDN 을 붙여 준다. if (s7ImageExtensionMatch) { var s7ImageExtensionMatchArr = s7ImageExtensionMatch.split(","); for (var i = 0; i < s7ImageExtensionMatchArr.length; i++) { var match = s7ImageExtensionMatchArr[i]; if (match && originalPath.toLowerCase().indexOf("."+match) > -1) { // damRootPath를 s7ImageDomain으로 교체 var pattern = new RegExp('\('+damRootPath+'\)','gi'); resultPath = originalPath.replace(pattern, currentImageDomain); // 현재 경로에 preset이 이미 붙어있거나 imwidth, imheight가 있는 경우 origin 프리셋 처리하지 않음 var hasPreset = originalPath.match(/.*\?\$.*\$.*/) || originalPath.match(".*\?imwidth\=.*") || originalPath.match(".*\?imheight\=.*"); // 이미지 파일 중 preset이 붙어야 하는 이미지를 처리하는 부분 if (s7ImagePresetMatch && !hasPreset) { var preset = getPreset(match, s7ImagePresetMatch); // preset 파라미터 추가 resultPath += "?" + preset; } } } } // S7 content file extensions 에 맞을경우 CDN 을 붙여 준다. if (s7ContentExtensionMatch) { var s7ContentExtensionMatchArr = s7ContentExtensionMatch.split(","); for (var i = 0; i < s7ContentExtensionMatchArr.length; i++) { var match = s7ContentExtensionMatchArr[i]; if (match && originalPath.toLowerCase().indexOf("." +match) > -1) { // 위에서 변환되어 damRootPath가 사라진 경우를 체크하기 위한 방어 로직 if (resultPath.indexOf(damRootPath) > -1) { var pattern = new RegExp('\('+damRootPath+'\)','gi'); resultPath = originalPath.replace(pattern, currentContentDomain); } } } } } // CDN DAM file extensions 에 맞을경우 CDN 을 붙여 준다. if (cdnDamExtensionMatch) { var cdnDamExtensionMatchArr = cdnDamExtensionMatch.split(","); for (var i = 0; i < cdnDamExtensionMatchArr.length; i++) { var match = cdnDamExtensionMatchArr[i]; if (match && originalPath.toLowerCase.indexOf("."+ match) > -1) { resultPath = cdnDamDomain + originalPath; } } } return resultPath; } function getPreset(ext) { var preset = "$ORIGIN_IMG$"; var s7ImagePresetMatch = "jpg|$ORIGIN_JPG$,jpeg|$ORIGIN_JPG$,png|$ORIGIN_PNG$,gif|$ORIGIN_GIF$"; var s7ImagePresetMatchArr = s7ImagePresetMatch.split(","); // e.g) jpg|$ORIGIN_JPG$ / png|$ORIGIN_PNG$ for (var i = 0; i < s7ImagePresetMatchArr.length; i++) { var thisPreset = s7ImagePresetMatchArr[i]; if (thisPreset.indexOf("|") > -1) { var matchedExt = thisPreset.split("|")[0]; var matchedPreset = thisPreset.split("|")[1]; //preset mapping if (ext.toLowerCase() == matchedExt) { preset = matchedPreset; break; } } } return preset; } function convertCustomLink(originalPath) { if (!originalPath || "" == originalPath) { return originalPath; } const absoluteDomains = "semiconductor.samsung.com, semiconductor.samsung.cn"; const replacePatterns = "/content/semiconductor/global/:/,/content/semiconductor/:/"; const excludedExtensions = ""; const excludedPaths = "//,/content/dam/samsung"; const excludedCharacters = "#,?,=,."; let publishPath = originalPath; let isRewrite = true; let isAbsolute = false; let isInner = publishPath.indexOf("/") == 0; let isExcluded = false; // 경로 내 절대경로 포함여부 확인 (시작여부 x 포함여부) if (absoluteDomains) { let absoluteDomainArr = absoluteDomains.split(","); for (let i = 0; i < absoluteDomainArr.length; i++) { if (publishPath.indexOf(absoluteDomainArr[i]) >= 0) { isAbsolute = true; break; } } } // 경로 시작이 "/"가 아니면서 경로에 absoluteDomain이 없으면 isRewrite = false; if (!isAbsolute && !isInner) { isRewrite = false; } // 제외처리된 확장자 확인 if (excludedExtensions) { let excludedExtensionArr = excludedExtensions.split(","); for (let i = 0; i < excludedExtensionArr.length; i++) { let thisExt = "." + excludedExtensionArr[i]; if (isStringEndWith(publishPath, thisExt)) { isExcluded = true; break; } } } // 제외처리된 경로로 시작하는지 확인 if (!isExcluded && excludedPaths) { let excludedPathArr = excludedPaths.split(","); for (let i = 0; i < excludedPathArr.length; i++) { if (publishPath.indexOf(excludedPathArr[i]) == 0) { isExcluded = true; break; } } } // 다시쓰기 조건에 일치하고 제외 조건에 불일치한 경우 변환 if (isRewrite && !isExcluded) { // .html이 포함되어 있으면 /로 변환 if (publishPath.indexOf(".html") >= 0) { publishPath = publishPath.replace(".html", "/"); } // replacePatterns와 일치하면 변환 if (replacePatterns) { let replacePatternArr = replacePatterns.split(","); for (let i = 0; i < replacePatternArr.length; i++) { if (replacePatternArr[i].indexOf(":") > -1) { let patternSplit = replacePatternArr[i].split(":"); publishPath = publishPath.replace(patternSplit[0], patternSplit[1]); } } } // excludedCharacter 관련 처리 let isExcludedChars = false; if (excludedCharacters) { let excludedCharacterArr = excludedCharacters.split(","); let lastPath = publishPath.substr(publishPath.lastIndexOf("/")); for (let i = 0; i < excludedCharacterArr.length; i++) { if (lastPath.indexOf(excludedCharacterArr[i]) >= 0) { isExcludedChars = true; break; } } } // 예외처리 문자열이 포함되지 않은 경우 변환 if (!isExcludedChars) { // 마지막이 "/"로 끝나지 않는 경우 "/"를 추가 if (!isStringEndWith(publishPath, "/")) { publishPath += "/"; // 마지막이 "//"로 끝나는 경우 마지막 "/" 제거 } else if (isStringEndWith(publishPath, "//")) { publishPath = publishPath.substr(0, publishPath.length -1); } } } return publishPath; } // ie 대응을 위해 endswith 대신 사용할 유틸함수 function isStringEndWith(string, suffix) { if (string.length < suffix.length) { return false; } return string.lastIndexOf(suffix) + suffix.length == string.length; } </script> <script src="/etc.clientlibs/semiconductor/designs/global/common-dynamic.min.js"></script> <script src="/etc.clientlibs/semiconductor/designs/global/static/isocell/page.min.js"></script> <script src="/etc.clientlibs/semiconductor/designs/global/static/isocell/default.min.js"></script> <script src="/etc.clientlibs/semiconductor/designs/global/static/isocell/page-isocell-product.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-summary/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-spec/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-resources-banner/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-resources/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-related-resources-pf/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-related-resources/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-related-content/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-product-support/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-product-grid-memory/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-product-grid/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-product-finder/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-product-compare-memory/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-part-grid-noeyebrow/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-part-grid-list/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-part-grid/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-noti-bar/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-lnb/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-hero/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/product/pd-semi-discon-prod-finder/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/search/sr-semi-search-popup/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/event/ev-semi-subscription/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-whats-new/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-three-column-grid/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-sustainability-quiz/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-sustainability-grid/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-static-content/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-search-bar/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-sas-related-content/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-related-content-all/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-product-security-detail/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-product-security/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-noresult/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-latest-news/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-hashtag/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-gnb/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-forum-login/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-disclaimer/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-cookie/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-contactus-tobe/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/common/cm-semi-breadcrumb/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/semiconductor/components/global/content/article/ar-semi-event-data-header/clientlibs/site.min.js"></script> <script src="/etc.clientlibs/core/wcm/components/commons/datalayer/v1/clientlibs/core.wcm.components.commons.datalayer.v1.min.js"></script> </body> </html>

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