뉴스& 비디오 | Focus | 삼성전자 지속가능경영

<!DOCTYPE html> <html lang="ko"> <head> <title>뉴스& 비디오 | Focus | 삼성전자 지속가능경영 | 삼성전자 |</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="title" content="뉴스& 비디오 | Focus | 삼성전자 지속가능경영 | 삼성전자 |"> <meta name="keywords" content="삼성전자, 지속가능경영"> <meta name="description" content="삼성전자 지속가능경영과 관련된 최신 소식을 알아보세요."> <meta property="search:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/logo_default_image.jpg"> <meta property="og:site_name" content="뉴스& 비디오 | Focus | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.samsung.com/sec/sustainability/focus/news-video"> <meta property="og:title" content="뉴스& 비디오 | Focus | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="og:description" content="삼성전자 지속가능경영과 관련된 최신 소식을 알아보세요."> <meta property="og:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/logo_default_image.jpg"> <meta property="twitter:card" content="Summary"> <meta property="twitter:site" content="@SamsungSustainability"> <meta property="twitter:title" content="뉴스& 비디오 | Focus | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="twitter:description" content="삼성전자 지속가능경영과 관련된 최신 소식을 알아보세요."> <meta property="twitter:url" content="https://www.samsung.com/sec/sustainability/focus/news-video"> <meta property="twitter:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/logo_default_image.jpg"> <meta charset="UTF-8"> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="Expires" content="0"/> <meta http-equiv="Cache-Control" content="no-cache"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="google-site-verification" content="q0DkowY2kcrjh5iaAE4cx2ZoJuYSU_sj1U9rFqkBr7o" /> <link rel="shortcut icon" href="/sec/sustainability/assets/img/favicon.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/sec/sustainability/assets/css/style.css"> <link rel="stylesheet" href="/sec/sustainability/assets/css/swiper-bundle.min.css" /> <script src="/sec/sustainability/assets/js/swiper-bundle.min.js"></script>  <script src="/sec/sustainability/assets/js/lottie-player.js"></script> <script src="/sec/sustainability/assets/js/interaction.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-FB5KF1XKN5"></script> <script> const gtagConfig="G-FB5KF1XKN5"; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', gtagConfig); const isShowXTCPopup = function() { let name = "IS_SHOW_XTC"; let matches = document.cookie.match(new RegExp( "(?:^|; )" + name.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); return !matches; // matches 가 null 이면 true 리턴 } const loadXTCPopup = function() { if(isShowXTCPopup()){ if(document.location.href.endsWith("main") || document.location.href.endsWith("main/") || document.location.href.endsWith("sustainability/") ) { interaction.popupCall(this,'/sec/sustainability/contact/popup/recycle-at-home', XTPPopupCallback); } } } const setXTCCookie = function(expiredDate){ let date = new Date(); date.setDate(date.getDate() + expiredDate); date.setHours(0, 0, 0, 0); document.cookie = 'IS_SHOW_XTC=Y;' + 'expires=' +date.toUTCString()+ ";"+ "path=/;" } const XTPPopupCallback = function() { const layer = document.querySelector('.this-layer'); const xtpPopup = layer.closest('.popup'); const closeBtns = document.querySelectorAll('.recycle-close'); const noShowBtn = document.querySelector('.popup-btn-cookie'); closeBtns.forEach(function(closeBtn){ closeBtn.addEventListener('click', () => { layer.remove(); xtpPopup.remove(); document.body.classList.remove('stop'); setXTCCookie(0) }); }) noShowBtn.addEventListener('click', () => { layer.remove(); xtpPopup.remove(); document.body.classList.remove('stop'); setXTCCookie(1) }); xtpPopup.classList.add("recycle-popup"); } loadXTCPopup() </script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2g7vhq-f-77d2f80f1-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"1438013","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"8a045a44","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":45778,"ak.gh":"184.28.235.12","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732705616","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==PwgPHI396hHOpVbuRU4ZHvPuY3oE5L5kGpA0ruejDj5s6NxgwSBaWFWu4gltwOu/Itp30nFx+ZhpLl3bV/HmZYBRFUWUIZkL/bOAClLhkdx42tKgBLNirz9sFGL2cR3SQpWtd02Z1CCb5fIEx1Di2VgrOWX5B18LLLXe0EHvUA2p/IdPLbPF1EiamIluT0Tl2/d7mNt5kMcT0gpXVt/oIxB6LrG1oDzfM/fvat2KL6tVEqpm7b+Vi+I35Xq+8THm+EAQj8mHZX9TClOPiP0ek/PlPdSNii/JQBiVerF+UPthsVaeQAq42rlfzK+pY+ZUkdbkD6ixI4/W6qAAwxwkmEmo3b1v4wBq2exwLMKG/oo2UUL+WC+gp6Tn8ZNnIuXzjPRWB0v43hwOII6MD1K1riuwlSkg90OtLBRp1gTHdJg=","ak.pv":"3678","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["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(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body>  <div class="skip-navigation"> <ul> <li> <a href="#contents">본문으로 이동</a> </li>    </ul> </div> <header>  <div class="header-area pc-only"> <div> <h1> <a href="/sec/sustainability/main"><img src="/sec/sustainability/assets/img/common/logo.png" alt="SAMSUNG" /></a> </h1> <div class="navi-area"> <ul class="navi"> <li class="menu planet-menu"> <a href="javascript:void(0);">Planet</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/planet/environmental-strategy">환경경영 전략</a> </li> <li> <a href="/sec/sustainability/planet/climate-action">기후행동</a> <ul> <li> <a href="/sec/sustainability/planet/climate-action#anchor1">온실가스 직접 배출 감축</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor2">재생에너지 확대</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor3">밸류체인 탄소감축</a> </li> </ul> </li> <li> <a href="/sec/sustainability/planet/circular-economy">자원순환</a> <ul> <li> <a href="/sec/sustainability/planet/circular-economy#anchor1">자원순환형 소재</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor2">제품 수명 연장</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor3">폐전자제품 회수·재활용</a> </li> </ul> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem">친환경 기술 혁신</a>  <ul> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor1">탄소포집 & 미세먼지 연구</a> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor2">친환경 과제 발굴</a>  </li> </ul> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations">지속가능한 운영</a> <ul> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor1">사업장 폐기물 관리</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor2">수자원 보호 & 대기오염 최소화</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor3">화학물질 관리</a> </li> </ul> </li> </ul> </div> </div> </li> <li class="menu people-menu"> <a href="javascript:void(0);">People</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/people/human-rights">인권</a> <ul> <li> <a href="/sec/sustainability/people/human-rights#anchor1">인권 존중 약속</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor2">안전보건</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor3">조직문화</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor4">인재양성</a> </li> </ul> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion">다양성, 형평성, 포용성</a> <ul> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor1">정책과 현황</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor2">ERG 활동</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor3">이니셔티브</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor4">수상 및 인증</a> </li> </ul> </li> <li> <a href="/sec/sustainability/people/tech-for-all">모두를 위한 기술</a> <ul> <li> <a href="/sec/sustainability/people/tech-for-all#anchor1">접근성</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor2">개인정보보호</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor3">보안</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor4">AI 윤리</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor5">오픈 이노베이션</a> </li> </ul> </li> <li> <a href="/sec/sustainability/people/supply-chain">공급망</a> <ul> <li> <a href="/sec/sustainability/people/supply-chain#anchor1">협력회사 운영·관리</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor5">ESG 점검과 교육</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor2">상생협력 활동</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor3">협력회사 근로환경·기후변화 대응 관리</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor4">책임광물</a> </li> </ul> </li> <li> <a href="/sec/sustainability/people/empowering-communities">지역사회</a> <ul> <li> <a href="/sec/sustainability/people/empowering-communities#anchor1">사회공헌</a> </li> <li> <a href="/sec/sustainability/people/empowering-communities#anchor2">중소기업 & 스타트업 지원</a> </li> </ul> </li> </ul> </div> </div> </li> <li class="menu principle-menu"> <a href="javascript:void(0);">Principle</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/principle/leadership-message">리더십 메시지</a> </li> <li> <a href="/sec/sustainability/principle/corporate-governance">기업지배구조</a> </li> <li> <a href="/sec/sustainability/principle/compliance-ethics">준법과 윤리경영</a> </li> </ul> </div> </div> </li> <li class="menu focus-menu"> <a href="javascript:void(0);">Focus</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/focus/products/sustainability-in-our-products">지속가능한 제품</a> <ul> <li> <a href="/sec/sustainability/focus/products/mobile">모바일</a> </li> <li> <a href="/sec/sustainability/focus/products/tv-av-displays">TV, 오디오 & 디스플레이</a> </li> <li> <a href="/sec/sustainability/focus/products/home-appliances">가전</a> </li> <li> <a href="/sec/sustainability/focus/products/semiconductors">반도체</a> </li> </ul> </li> <li> <a href="/sec/sustainability/focus/news-video">뉴스 & 비디오</a> </li> <li> <a href="/sec/sustainability/focus/story/feature-story">스토리</a> </li> </ul> </div> </div> </li> <li class="menu digital-menu"> <a href="javascript:void(0);">Digital Library</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/digital-library/sustainability-report">지속가능경영보고서</a> </li> <li> <a href="/sec/sustainability/digital-library/esg-data">ESG 데이터</a> </li> <li> <a href="/sec/sustainability/digital-library/policy-document">정책 & 문서</a> </li> <li> <a href="/sec/sustainability/digital-library/awards-recognition">대외평가 & 수상</a> </li> </ul> </div> </div> </li> </ul> </div> <div class="gnb-dimmed"></div> </div> <div> <ul class="util"> <li> <a href="javascript:void(0);"><img src="/sec/sustainability/assets/img/pc/common/mdi/search.png" alt="검색" /></a> </li> <li class="language"> <a href="javascript:void(0);" title="언어선택 열기"><img src="/sec/sustainability/assets/img/pc/common/mdi/language.png" alt="global" /> <span>KR</span></a> <ul> <li class="current"> <a href="javascript:void(0);">KR</a> </li> <li> <a href="javascript:goLanguagePage(this);">EN</a> </li> </ul> </li> </ul> </div> </div>  <div class="header-area mo-only"> <div class="header-basic"> <div> <h1> <a href="/sec/sustainability/main"><img src="/sec/sustainability/assets/img/common/logo.png" alt="SAMSUNG" /></a> </h1> </div> <div> <ul class="util"> <li> <a href="javascript:void(0);"><img src="/sec/sustainability/assets/img/pc/common/mdi/search.png" alt="검색" /></a> </li> <li class="all-menu"> <a href="javascript:void(0);" role="button"><img src="/sec/sustainability/assets/img/mo/common/mdi/all-menu.png" alt="전체메뉴" /></a> </li> </ul> </div> </div> <div class="main-menu-aside" tabindex="0">  <div class="menu-layer-top"> <button type="button" class="btn-back"> <span class="blind">뒤로가기</span> </button> <div class="search-area wide"> <button type="button" class="btn-search" onclick="onMobileMenuSearch()"> <span class="blind">검색</span> </button>  <label for="menu-search-word"><span class="blind">검색어 입력</span></label> <input type="text" id="menu-search-word" name="menu-search-word" title="검색어를 입력하세요." />  </div> <button type="button" class="btn-close"> <span class="blind">전체메뉴 닫기</span> </button> </div> <div class="menu-area"> <ul> <li> <a href="javascript:void(0);">Planet</a> </li> <li> <a href="javascript:void(0);">People</a> </li> <li> <a href="javascript:void(0);">Principle</a> </li> <li> <a href="javascript:void(0);">Focus</a> </li> <li> <a href="javascript:void(0);">Digital Library</a> </li> </ul> </div> <div class="sub-list"> <div class="planet-menu-area"> <strong>Planet</strong> <ul> <li> <a href="/sec/sustainability/planet/environmental-strategy">환경경영 전략</a> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/climate-action" class="special">기후행동</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/planet/climate-action#anchor1">온실가스 직접 배출 감축</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor2">재생에너지 확대</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor3">밸류체인 탄소감축</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/circular-economy" class="special">자원순환</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/planet/circular-economy#anchor1">자원순환형 소재</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor2">제품 수명 연장</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor3">폐전자제품 회수·재활용</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/business-ecosystem" class="special">친환경 기술 혁신</a>  <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor1">탄소포집 & 미세먼지 연구</a> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor2">친환경 과제 발굴</a>  </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/sustainable-operations" class="special">지속가능한 운영</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor1">사업장 폐기물 관리</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor2">수자원 보호 & 대기오염 최소화</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor3">화학물질 관리</a> </li> </ul> </li> </ul> </div> <div class="people-menu-area"> <strong>People</strong> <ul> <li class="menu-group"> <a href="/sec/sustainability/people/human-rights" class="special">인권</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/people/human-rights#anchor1">인권 존중 약속</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor2">안전보건</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor3">조직문화</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor4">인재양성</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/diversity-inclusion" class="special">다양성, 형평성, 포용성</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor1">정책과 현황</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor2">ERG 활동</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor3">이니셔티브</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor4">수상 및 인증</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/tech-for-all" class="special">모두를 위한 기술</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/people/tech-for-all#anchor1">접근성</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor2">개인정보보호</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor3">보안</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor4">AI윤리</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor5">오픈 이노베이션</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/supply-chain" class="special">공급망</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/people/supply-chain#anchor1">협력회사 운영·관리</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor5">ESG 점검과 교육</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor2">상생협력 활동</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor3">협력회사 근로환경·기후변화 대응 관리</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor4">책임광물</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/empowering-communities" class="special">지역사회</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/people/empowering-communities#anchor1">사회공헌</a> </li> <li> <a href="/sec/sustainability/people/empowering-communities#anchor2">중소기업 & 스타트업 지원</a> </li> </ul> </li> </ul> </div> <div class="principle-menu"> <strong>Principle</strong> <ul> <li> <a href="/sec/sustainability/principle/leadership-message">리더십 메시지</a> </li> <li> <a href="/sec/sustainability/principle/corporate-governance">기업지배구조</a> </li> <li> <a href="/sec/sustainability/principle/compliance-ethics">준법과 윤리경영</a> </li> </ul> </div> <div class="focus-menu"> <strong>Focus</strong> <ul> <li class="menu-group"> <a href="/sec/sustainability/focus/products/sustainability-in-our-products" class="special">지속가능한 제품</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/focus/products/mobile">모바일</a> </li> <li> <a href="/sec/sustainability/focus/products/tv-av-displays">TV, 오디오 & 디스플레이</a> </li> <li> <a href="/sec/sustainability/focus/products/home-appliances">가전</a> </li> <li> <a href="/sec/sustainability/focus/products/semiconductors">반도체</a> </li> </ul> </li> <li> <a href="/sec/sustainability/focus/news-video">뉴스 & 비디오</a> </li> <li> <a href="/sec/sustainability/focus/story/feature-story">스토리</a> </li> </ul> </div> <div class="digital-menu"> <strong>Digital Library</strong> <ul> <li> <a href="/sec/sustainability/digital-library/sustainability-report">지속가능경영보고서</a> </li> <li> <a href="/sec/sustainability/digital-library/esg-data">ESG 데이터</a> </li> <li> <a href="/sec/sustainability/digital-library/policy-document">정책 & 문서</a> </li> <li> <a href="/sec/sustainability/digital-library/awards-recognition">대외평가 & 수상</a> </li> </ul> </div> </div> <div class="language"> <a href="javascript:void(0);" title="언어선택 열기"><img src="/sec/sustainability/assets/img/pc/common/mdi/language.png" alt="global" /></a> <span>KR</span> <ul> <li class="current"> <a href="javascript:void(0);">KR</a> </li> <li> <a href="javascript:goLanguagePage(this);">EN</a> </li> </ul> </div> </div> </div> </header> <script> let LOCALE_ID = "sec"; const menuSearchWordField = document.querySelector('#menu-search-word'); menuSearchWordField.addEventListener('keyup', function (event) { if (event.key == 'Enter'){ onMobileMenuSearch(); } }); const onMobileMenuSearch = function(e){ // alert(menuSearchWordField.value); location.href="/"+LOCALE_ID+"/sustainability/search/search-result?keyword="+menuSearchWordField.value; } </script> <main id="contents" class="focus"> <section class="top-visual-area"> <h2 class="blind">News & Video</h2> <div class="carousel-slide-wrap"> <div class="carousel-slide-wrap pc-only"> <ul class="carousel-list"> <li class="slide carousel-item-2" role="group" data-index="1"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/11/Corporate_1101_TH.jpg" role="img" aria-hidden="true" alt="삼성전자, 제55주년 창립기념식 개최" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, 제55주년 창립기념식 개최</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%a0%9c55%ec%a3%bc%eb%85%84-%ec%b0%bd%eb%a6%bd%ea%b8%b0%eb%85%90%ec%8b%9d-%ea%b0%9c%ec%b5%9c" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="slide carousel-item-3" role="group" data-index="2"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/Main_th-1.jpg" role="img" aria-hidden="true" alt="삼성전자, 2024년 3분기 실적 발표" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, 2024년 3분기 실적 발표</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-3%eb%b6%84%ea%b8%b0-%ec%8b%a4%ec%a0%81-%eb%b0%9c%ed%91%9c" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="slide wating-item" role="group" data-index="3"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/Interbrand_thumb.jpg" role="img" aria-hidden="true" alt="삼성전자, 브랜드가치 사상 첫 1천억 달러 돌파…5년 연속 세계 5위" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, 브랜드가치 사상 첫 1천억 달러 돌파…5년 연속 세계 5위</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%eb%b8%8c%eb%9e%9c%eb%93%9c%ea%b0%80%ec%b9%98-%ec%82%ac%ec%83%81-%ec%b2%ab-1%ec%b2%9c%ec%96%b5-%eb%8b%ac%eb%9f%ac-%eb%8f%8c%ed%8c%8c5%eb%85%84-%ec%97%b0" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="slide wating-item" role="group" data-index="4"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/07/Eco_Discarded_Phone_th.png" role="img" aria-hidden="true" alt="‘가치 있는 순환, 환경에 진심’…삼성전자, 자원순환사회연대와 폐휴대폰 수거 캠페인 협약" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">‘가치 있는 순환, 환경에 진심’…삼성전자, 자원순환사회연대와 폐휴대폰 수거 캠페인 협약</span> <a href="https://news.samsung.com/kr/%ea%b0%80%ec%b9%98-%ec%9e%88%eb%8a%94-%ec%88%9c%ed%99%98-%ed%99%98%ea%b2%bd%ec%97%90-%ec%a7%84%ec%8b%ac%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%9e%90%ec%9b%90%ec%88%9c" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="slide wating-item" role="group" data-index="5"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/07/Main_th-1.jpg" role="img" aria-hidden="true" alt="삼성전자, 2024년 2분기 실적 발표" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, 2024년 2분기 실적 발표</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-2%eb%b6%84%ea%b8%b0-%ec%8b%a4%ec%a0%81-%eb%b0%9c%ed%91%9c" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="slide wating-item" role="group" data-index="6"> <div class="slide-content"> <div class="image-area"> <img src="/sec/sustainability/media/aa/71f6f9fc0b4558b6b33d7f4a0fd252" role="img" aria-hidden="true" alt="삼성전자, ‘유럽 이해관계자 포럼‘ 개최" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, ‘유럽 이해관계자 포럼‘ 개최</span> <a href="/sec/sustainability/focus/news-detail/AZBygYmqKAIALYOd" target="_self" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="slide wating-item" role="group" data-index="7"> <div class="slide-content"> <div class="image-area"> <img src="/sec/sustainability/media/7c/f4110bad444459b728286b9a0052c1" role="img" aria-hidden="true" alt="삼성전자 ‘2024년 지속가능경영 보고서’ 발간" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자 ‘2024년 지속가능경영 보고서’ 발간</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-%ec%a7%80%ec%86%8d%ea%b0%80%eb%8a%a5%ea%b2%bd%ec%98%81%eb%b3%b4%ea%b3%a0%ec%84%9c-%eb%b0%9c%ea%b0%84" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="slide carousel-item-1" role="group" data-index="8"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/04/main_thumb-2.jpg" role="img" aria-hidden="true" alt="삼성전자, 2024년 1분기 실적 발표" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, 2024년 1분기 실적 발표</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-1%eb%b6%84%ea%b8%b0-%ec%8b%a4%ec%a0%81-%eb%b0%9c%ed%91%9c" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> </ul>  <div class="pc-indicator"></div> <button type="button" class="btn-prev"><span class="blind">이전 슬라이드</span></button> <button type="button" class="btn-next"><span class="blind">다음 슬라이드</span></button> </div> <div class="carousel-slide-wrap swiper mo-only mobile-swiper"> <ul class="carousel-list swiper-wrapper"> <li class="swiper-slide slide" role="group"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/11/Corporate_1101_TH.jpg" role="img" aria-hidden="true" alt="삼성전자, 제55주년 창립기념식 개최" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, 제55주년 창립기념식 개최</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%a0%9c55%ec%a3%bc%eb%85%84-%ec%b0%bd%eb%a6%bd%ea%b8%b0%eb%85%90%ec%8b%9d-%ea%b0%9c%ec%b5%9c" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="swiper-slide slide" role="group"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/Main_th-1.jpg" role="img" aria-hidden="true" alt="삼성전자, 2024년 3분기 실적 발표" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, 2024년 3분기 실적 발표</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-3%eb%b6%84%ea%b8%b0-%ec%8b%a4%ec%a0%81-%eb%b0%9c%ed%91%9c" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="swiper-slide slide" role="group"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/Interbrand_thumb.jpg" role="img" aria-hidden="true" alt="삼성전자, 브랜드가치 사상 첫 1천억 달러 돌파…5년 연속 세계 5위" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, 브랜드가치 사상 첫 1천억 달러 돌파…5년 연속 세계 5위</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%eb%b8%8c%eb%9e%9c%eb%93%9c%ea%b0%80%ec%b9%98-%ec%82%ac%ec%83%81-%ec%b2%ab-1%ec%b2%9c%ec%96%b5-%eb%8b%ac%eb%9f%ac-%eb%8f%8c%ed%8c%8c5%eb%85%84-%ec%97%b0" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="swiper-slide slide" role="group"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/07/Eco_Discarded_Phone_th.png" role="img" aria-hidden="true" alt="‘가치 있는 순환, 환경에 진심’…삼성전자, 자원순환사회연대와 폐휴대폰 수거 캠페인 협약" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">‘가치 있는 순환, 환경에 진심’…삼성전자, 자원순환사회연대와 폐휴대폰 수거 캠페인 협약</span> <a href="https://news.samsung.com/kr/%ea%b0%80%ec%b9%98-%ec%9e%88%eb%8a%94-%ec%88%9c%ed%99%98-%ed%99%98%ea%b2%bd%ec%97%90-%ec%a7%84%ec%8b%ac%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%9e%90%ec%9b%90%ec%88%9c" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="swiper-slide slide" role="group"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/07/Main_th-1.jpg" role="img" aria-hidden="true" alt="삼성전자, 2024년 2분기 실적 발표" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, 2024년 2분기 실적 발표</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-2%eb%b6%84%ea%b8%b0-%ec%8b%a4%ec%a0%81-%eb%b0%9c%ed%91%9c" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="swiper-slide slide" role="group"> <div class="slide-content"> <div class="image-area"> <img src="/sec/sustainability/media/aa/71f6f9fc0b4558b6b33d7f4a0fd252" role="img" aria-hidden="true" alt="삼성전자, ‘유럽 이해관계자 포럼‘ 개최" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, ‘유럽 이해관계자 포럼‘ 개최</span> <a href="/sec/sustainability/focus/news-detail/AZBygYmqKAIALYOd" target="_self" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="swiper-slide slide" role="group"> <div class="slide-content"> <div class="image-area"> <img src="/sec/sustainability/media/7c/f4110bad444459b728286b9a0052c1" role="img" aria-hidden="true" alt="삼성전자 ‘2024년 지속가능경영 보고서’ 발간" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자 ‘2024년 지속가능경영 보고서’ 발간</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-%ec%a7%80%ec%86%8d%ea%b0%80%eb%8a%a5%ea%b2%bd%ec%98%81%eb%b3%b4%ea%b3%a0%ec%84%9c-%eb%b0%9c%ea%b0%84" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> <li class="swiper-slide slide" role="group"> <div class="slide-content"> <div class="image-area"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/04/main_thumb-2.jpg" role="img" aria-hidden="true" alt="삼성전자, 2024년 1분기 실적 발표" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">삼성전자, 2024년 1분기 실적 발표</span> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-1%eb%b6%84%ea%b8%b0-%ec%8b%a4%ec%a0%81-%eb%b0%9c%ed%91%9c" target="_blank" class="btn btn-round play" title="새창열림">자세히 보기</a> </div> </div> </li> </ul> <div class="indicator mo-indicator"></div> </div> </div> </section> <section class="video-section" id="anchor-video"> <h3 class="font-samsung-ssb">Video</h3> <div class="swiper slide-wrap video-slide-area"> <ul class="swiper-wrapper slide-list"> <li class="swiper-slide slide-box"> <div class="image-area"> <img class="pc-only" src="https://img.youtube.com/vi/_vHylhx_TKo/maxresdefault.jpg" role="img" aria-hidden="true" alt="Actor Suk-hoon Kim visiting Samsung Electronics" style="" /> <img class="mo-only" src="https://img.youtube.com/vi/_vHylhx_TKo/maxresdefault.jpg" role="img" aria-hidden="true" alt="Actor Suk-hoon Kim visiting Samsung Electronics" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">“쓰레기 줍던 내가 이 세계에선 삼성 VIP..?!” | ♻️세계 환경의 날 기념♻️ | 나의 쓰레기 아저씨 EP.43</span> <a href="javascript:void(0)" onclick="videoUriCall(this);" data-url="<iframe width="560" height="315" src="https://www.youtube.com/embed/_vHylhx_TKo?si=K8HwQEQ0yQl_fM89" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>" title="새창열림 : “쓰레기 줍던 내가 이 세계에선 삼성 VIP..?!” | ♻️세계 환경의 날 기념♻️ | 나의 쓰레기 아저씨 EP.43" data-date="Wed Jun 05 00:00:00 KST 2024" class="btn btn-round play">지금 시청하기</a> </div> </li> <li class="swiper-slide slide-box"> <div class="image-area"> <img class="pc-only" src="https://img.youtube.com/vi/kwC80iGpbhY/maxresdefault.jpg" role="img" aria-hidden="true" alt="Samsung CES 2024 Press Conference AI for All" style="" /> <img class="mo-only" src="https://img.youtube.com/vi/kwC80iGpbhY/maxresdefault.jpg" role="img" aria-hidden="true" alt="Samsung CES 2024 Press Conference AI for All" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">CES 2024 Samsung Press Conference : Sustainability</span> <a href="javascript:void(0)" onclick="videoUriCall(this);" data-url="<iframe width="560" height="315" src="https://www.youtube.com/embed/kwC80iGpbhY?si=ltLvaNVoP1QXYywk&amp;start=821" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>" title="새창열림 : CES 2024 Samsung Press Conference : Sustainability" data-date="Tue Jan 09 00:00:00 KST 2024" class="btn btn-round play">지금 시청하기</a> </div> </li> <li class="swiper-slide slide-box"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/media/6a/6a4832fcd04d41866d45dd129345cb" role="img" aria-hidden="true" alt="꽃과 그림" style="" /> <img class="mo-only" src="/sec/sustainability/media/6a/6a4832fcd04d41866d45dd129345cb" role="img" aria-hidden="true" alt="꽃과 그림" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">What would you invent for a better planet? l Samsung</span> <a href="javascript:void(0)" onclick="videoUriCall(this);" data-url="<iframe width="1280" height="720" src="https://www.youtube.com/embed/BqkpYUzBM9Y" title="What would you invent for a better planet? l Samsung" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>" title="새창열림 : What would you invent for a better planet? l Samsung" data-date="Thu Sep 15 00:00:00 KST 2022" class="btn btn-round play">지금 시청하기</a> </div> </li> <li class="swiper-slide slide-box"> <div class="image-area"> <img class="pc-only" src="https://img.youtube.com/vi/U5lxfx2zUnI/maxresdefault.jpg" role="img" aria-hidden="true" alt="안경 쓴 남성의 얼굴을 확대한 이미지" style="" /> <img class="mo-only" src="https://img.youtube.com/vi/U5lxfx2zUnI/maxresdefault.jpg" role="img" aria-hidden="true" alt="안경 쓴 남성의 얼굴을 확대한 이미지" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">[CES 2023] Relumino Mode: Innovation for every need</span> <a href="javascript:void(0)" onclick="videoUriCall(this);" data-url="<iframe width="1280" height="720" src="https://www.youtube.com/embed/U5lxfx2zUnI?si=lyodGjIENMFJzXdT" title="[CES 2023] Relumino Mode: Innovation for every need" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>" title="새창열림 : [CES 2023] Relumino Mode: Innovation for every need" data-date="Thu Jan 05 00:00:00 KST 2023" class="btn btn-round play">지금 시청하기</a> </div> </li> <li class="swiper-slide slide-box"> <div class="image-area"> <img class="pc-only" src="https://img.youtube.com/vi/zwHVc9bzle0/maxresdefault.jpg" role="img" aria-hidden="true" alt="Brining Calm to Our Connected World, CES 2023 Samsung Press Conference, Jan 4 2023 2pm PT / Jan 5 2023 7am KST" style="" /> <img class="mo-only" src="https://img.youtube.com/vi/zwHVc9bzle0/maxresdefault.jpg" role="img" aria-hidden="true" alt="Brining Calm to Our Connected World, CES 2023 Samsung Press Conference, Jan 4 2023 2pm PT / Jan 5 2023 7am KST" style="" /> </div> <div class="text-area"> <span class="text font-samsung-ssb">CES 2023 Samsung Press Conference Live Streaming</span> <a href="javascript:void(0)" onclick="videoUriCall(this);" data-url="<iframe width="1280" height="720" src="https://www.youtube.com/embed/zwHVc9bzle0?start=418" title="CES 2023 Samsung Press Conference Live Streaming" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>" title="새창열림 : CES 2023 Samsung Press Conference Live Streaming" data-date="Thu Jan 05 00:00:00 KST 2023" class="btn btn-round play">지금 시청하기</a> </div> </li> </ul> <button type="button" class="btn-prev video-swiper-prev"><span class="blind">이전 슬라이드</span></button> <button type="button" class="btn-next video-swiper-next"><span class="blind">다음 슬라이드</span></button> <div class="indicator video-indicator"></div> </div> </section> <section class="list-section"> <h3 class="blind">목록</h3> <div id="news-filter-area" class="filter-area"> <form id="searchForm" name="searchForm" method="get"> <input type="hidden" id="pageIndex" name="pageIndex" value="1"> <button type="button" class="btn btn-filter"> <span class="font-samsung-ssb">Filters (<span>0</span>)</span> </button>    <div class="layer-filter" style="display: none;"> <h1 class="mo-only">Filters (<span>0</span>)</h1> <div class="check-area"> <em class="font-samsung-ssb">Category</em> <ul class="check-list"> <li> <div class="chk-box"> <input id="category1" name="mediaTypes" type="checkbox" value="ALL"> <label for="category1"> <span>전체</span> </label> </div> </li> <li> <div class="chk-box"> <input id="category_news" name="mediaTypes" type="checkbox" value="NEWS"> <label for="category_news"> <span>뉴스</span> </label> </div> </li> <li> <div class="chk-box"> <input id="category_video" name="mediaTypes" type="checkbox" value="VIDEO"> <label for="category_video"> <span>비디오</span> </label> </div> </li> </ul> <em class="font-samsung-ssb">Content</em> <ul class="check-list"> <li> <div class="chk-box"> <input id="content1" name="categoryCode" type="checkbox" value="CATEGORYALL"> <label for="content1"> <span>전체</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYUTbWpqGy8AIx9C" name="categoryCode" type="checkbox" value="AYUTbWpqGy8AIx9C"> <label for="AYUTbWpqGy8AIx9C"> <span>환경경영 전략</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYKmRe_KDR4AIx89" name="categoryCode" type="checkbox" value="AYKmRe_KDR4AIx89"> <label for="AYKmRe_KDR4AIx89"> <span>기후행동</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYUTbtPKG0cAIx9C" name="categoryCode" type="checkbox" value="AYUTbtPKG0cAIx9C"> <label for="AYUTbtPKG0cAIx9C"> <span>자원순환</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYUTb8faG0sAIx9C" name="categoryCode" type="checkbox" value="AYUTb8faG0sAIx9C"> <label for="AYUTb8faG0sAIx9C"> <span>친환경 기술 생태계 조성</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYTXqcJ6XMAAIyB3" name="categoryCode" type="checkbox" value="AYTXqcJ6XMAAIyB3"> <label for="AYTXqcJ6XMAAIyB3"> <span>지속가능한 운영</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYUTcMoqG7cAIx9C" name="categoryCode" type="checkbox" value="AYUTcMoqG7cAIx9C"> <label for="AYUTcMoqG7cAIx9C"> <span>모두를 위한 기술</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYTXqjmaXMQAIyB3" name="categoryCode" type="checkbox" value="AYTXqjmaXMQAIyB3"> <label for="AYTXqjmaXMQAIyB3"> <span>인권</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYTXqouqXMgAIyB3" name="categoryCode" type="checkbox" value="AYTXqouqXMgAIyB3"> <label for="AYTXqouqXMgAIyB3"> <span>다양성, 형평성, 포용성</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYTXqs-6XMwAIyB3" name="categoryCode" type="checkbox" value="AYTXqs-6XMwAIyB3"> <label for="AYTXqs-6XMwAIyB3"> <span>공급망</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYTXqxS6XNAAIyB3" name="categoryCode" type="checkbox" value="AYTXqxS6XNAAIyB3"> <label for="AYTXqxS6XNAAIyB3"> <span>지역사회</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYUTccXaG7sAIx9C" name="categoryCode" type="checkbox" value="AYUTccXaG7sAIx9C"> <label for="AYUTccXaG7sAIx9C"> <span>리더십 메시지</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYTXq0yqXNQAIyB3" name="categoryCode" type="checkbox" value="AYTXq0yqXNQAIyB3"> <label for="AYTXq0yqXNQAIyB3"> <span>기업지배구조</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYTXq47aXNgAIyB3" name="categoryCode" type="checkbox" value="AYTXq47aXNgAIyB3"> <label for="AYTXq47aXNgAIyB3"> <span>준법과 윤리경영</span> </label> </div> </li> </ul> <em class="font-samsung-ssb">Business</em> <ul class="check-list"> <li> <div class="chk-box"> <input id="business1" name="businessCode" type="checkbox" value="BUSINESSALL"> <label for="business1"> <span>전체</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYIgJaHWAZZ5JjmI" name="businessCode" type="checkbox" value="AYIgJaHWAZZ5JjmI"> <label for="AYIgJaHWAZZ5JjmI"> <span>모바일</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYIgJiRmAZp5JjmI" name="businessCode" type="checkbox" value="AYIgJiRmAZp5JjmI"> <label for="AYIgJiRmAZp5JjmI"> <span>TV & 오디오</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYL3VRdKE_MAIx8x" name="businessCode" type="checkbox" value="AYL3VRdKE_MAIx8x"> <label for="AYL3VRdKE_MAIx8x"> <span>가전</span> </label> </div> </li> <li> <div class="chk-box"> <input id="AYL3VZI6E_sAIx8x" name="businessCode" type="checkbox" value="AYL3VZI6E_sAIx8x"> <label for="AYL3VZI6E_sAIx8x"> <span>반도체</span> </label> </div> </li> </ul> </div> <div class="btn-area"> <button type="button" class="btn btn-round black search-button">필터 적용</button> <a href="javascript:void(0);" class="btn btn-text checks-clear">선택해제</a> </div> <button type="button" class="mo-only btn-popup-close filter-close"> <span class="blind">필터 레이어 닫기</span> </button> </div> </form> </div> <div class="thumnail-list"> <ul> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1-%ec%82%bc%ec%84%b1%ed%9d%ac%eb%a7%9d%eb%94%94%eb%94%a4%eb%8f%8c-%ec%b6%a9%eb%b6%81%ec%84%bc%ed%84%b0-%ea%b0%9c%ec%86%8c" data-news="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1-%ec%82%bc%ec%84%b1%ed%9d%ac%eb%a7%9d%eb%94%94%eb%94%a4%eb%8f%8c-%ec%b6%a9%eb%b6%81%ec%84%bc%ed%84%b0-%ea%b0%9c%ec%86%8c" data-date="2024.11.26" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/11/thumb_.jpg" role="img" aria-hidden="true" alt="삼성, ‘삼성희망디딤돌’ 충북센터 개소" style=""/> </div> <div class="text-area"> <span class="date">2024.11.26</span> <p>삼성, ‘삼성희망디딤돌’ 충북센터 개소</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%ED%95%A8%EA%BB%98%EA%B0%80%EC%9A%94%20%EB%AF%B8%EB%9E%98%EB%A1%9C%20Enabling%20People" class="tag" title="함께가요 미래로 Enabling People">함께가요 미래로 Enabling People</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%ED%9D%AC%EB%A7%9D%EB%94%94%EB%94%A4%EB%8F%8C" class="tag" title="희망디딤돌">희망디딤돌</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%ED%9D%AC%EB%A7%9D%EB%94%94%EB%94%A4%EB%8F%8C%20%EC%B6%A9%EB%B6%81%EC%84%BC%ED%84%B0" class="tag" title="희망디딤돌 충북센터">희망디딤돌 충북센터</a> </div> </li> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%82%bc%ec%84%b1-%ea%b8%80%eb%a1%9c%eb%b2%8c-%ea%b3%a8%ec%a6%88-%ec%95%b1%ec%9c%bc%eb%a1%9c-%ec%a0%9c-4%ed%9a%8c-%ec%95%a4%ec%8d%b8-%ec%96%b4%ec%9b%8c" data-news="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%82%bc%ec%84%b1-%ea%b8%80%eb%a1%9c%eb%b2%8c-%ea%b3%a8%ec%a6%88-%ec%95%b1%ec%9c%bc%eb%a1%9c-%ec%a0%9c-4%ed%9a%8c-%ec%95%a4%ec%8d%b8-%ec%96%b4%ec%9b%8c" data-date="2024.11.20" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/11/Samsung_Global_Goals_Anthem_Awards_th.png" role="img" aria-hidden="true" alt="삼성전자, 삼성 글로벌 골즈 앱으로 ‘제 4회 앤썸 어워드’ 수상" style=""/> </div> <div class="text-area"> <span class="date">2024.11.20</span> <p>삼성전자, 삼성 글로벌 골즈 앱으로 ‘제 4회 앤썸 어워드’ 수상</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=Global%20Goals" class="tag" title="Global Goals">Global Goals</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%82%BC%EC%84%B1%20%EA%B8%80%EB%A1%9C%EB%B2%8C%20%EA%B3%A8%EC%A6%88" class="tag" title="삼성 글로벌 골즈">삼성 글로벌 골즈</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%82%BC%EC%84%B1%20%EA%B8%80%EB%A1%9C%EB%B2%8C%20%EA%B3%A8%EC%A6%88%20%EC%95%B1" class="tag" title="삼성 글로벌 골즈 앱">삼성 글로벌 골즈 앱</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%A0%9C%204%ED%9A%8C%20%EC%95%A4%EC%8D%B8%20%EC%96%B4%EC%9B%8C%EB%93%9C" class="tag" title="제 4회 앤썸 어워드">제 4회 앤썸 어워드</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%A7%80%EC%86%8D%EA%B0%80%EB%8A%A5%EB%B0%9C%EC%A0%84%EB%AA%A9%ED%91%9C" class="tag" title="지속가능발전목표">지속가능발전목표</a> </div> </li> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ec%98%81%ec%83%81-%ec%8a%a4%ed%83%80%ed%8a%b8%ec%97%85%eb%93%a4%ec%9d%98-%ec%97%b4%ed%98%88-%eb%8f%84%ec%a0%84%ea%b8%b0-csr-%ed%98%84%ec%9e%a5-%eb%8b%a4%ed%81%90%eb%a9%98%ed%84%b0" data-news="https://news.samsung.com/kr/%ec%98%81%ec%83%81-%ec%8a%a4%ed%83%80%ed%8a%b8%ec%97%85%eb%93%a4%ec%9d%98-%ec%97%b4%ed%98%88-%eb%8f%84%ec%a0%84%ea%b8%b0-csr-%ed%98%84%ec%9e%a5-%eb%8b%a4%ed%81%90%eb%a9%98%ed%84%b0" data-date="2024.11.19" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/11/C-lab-Outside_TH_1118.png" role="img" aria-hidden="true" alt="[영상] ‘스타트업들의 열혈 도전기’ CSR 현장 다큐멘터리 공개" style=""/> </div> <div class="text-area"> <span class="date">2024.11.19</span> <p>[영상] ‘스타트업들의 열혈 도전기’ CSR 현장 다큐멘터리 공개</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=CSR%20%ED%98%84%EC%9E%A5%20%EB%8B%A4%ED%81%90%EB%A9%98%ED%84%B0%EB%A6%AC" class="tag" title="CSR 현장 다큐멘터리">CSR 현장 다큐멘터리</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=C%EB%9E%A9%20%EC%95%84%EC%9B%83%EC%82%AC%EC%9D%B4%EB%93%9C" class="tag" title="C랩 아웃사이드">C랩 아웃사이드</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EB%8F%99%EC%98%81%EC%83%81%20%EA%B8%B0%EC%82%AC" class="tag" title="동영상 기사">동영상 기사</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%8A%A4%ED%83%80%ED%8A%B8%EC%97%85" class="tag" title="스타트업">스타트업</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%ED%95%A8%EA%BB%98%EA%B0%80%EC%9A%94%20%EB%AF%B8%EB%9E%98%EB%A1%9C%20Enabling%20People" class="tag" title="함께가요 미래로 Enabling People">함께가요 미래로 Enabling People</a> </div> </li> </ul> <ul> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1-2024-%eb%82%98%eb%88%94%ec%9d%98-%eb%82%a0-%ed%96%89%ec%82%ac-%ea%b0%9c%ec%b5%9c" data-news="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1-2024-%eb%82%98%eb%88%94%ec%9d%98-%eb%82%a0-%ed%96%89%ec%82%ac-%ea%b0%9c%ec%b5%9c" data-date="2024.11.14" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/11/TH.jpg" role="img" aria-hidden="true" alt="삼성, ‘2024 나눔의 날’ 행사 개최" style=""/> </div> <div class="text-area"> <span class="date">2024.11.14</span> <p>삼성, ‘2024 나눔의 날’ 행사 개최</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=2024%20%EB%82%98%EB%88%94%EC%9D%98%20%EB%82%A0" class="tag" title="2024 나눔의 날">2024 나눔의 날</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EB%82%98%EB%88%94%EC%9D%98%20%EB%82%A0" class="tag" title="나눔의 날">나눔의 날</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%ED%95%A8%EA%BB%98%EA%B0%80%EC%9A%94%20%EB%AF%B8%EB%9E%98%EB%A1%9C%20Enabling%20People" class="tag" title="함께가요 미래로 Enabling People">함께가요 미래로 Enabling People</a> </div> </li> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ea%b8%b0%ea%b3%a0%eb%ac%b8-ai%ea%b0%80-%eb%b0%94%ea%be%b8%eb%8a%94-%ec%83%88%eb%a1%9c%ec%9a%b4-%eb%af%b8%eb%9e%98" data-news="https://news.samsung.com/kr/%ea%b8%b0%ea%b3%a0%eb%ac%b8-ai%ea%b0%80-%eb%b0%94%ea%be%b8%eb%8a%94-%ec%83%88%eb%a1%9c%ec%9a%b4-%eb%af%b8%eb%9e%98" data-date="2024.11.06" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/11/TH_1105.png" role="img" aria-hidden="true" alt="[기고문] AI가 바꾸는 새로운 미래" style=""/> </div> <div class="text-area"> <span class="date">2024.11.06</span> <p>[기고문] AI가 바꾸는 새로운 미래</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=AI" class="tag" title="AI">AI</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EB%AA%A8%EB%91%90%EB%A5%BC%20%EC%9C%84%ED%95%9C%20AI" class="tag" title="모두를 위한 AI">모두를 위한 AI</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%83%9D%EC%84%B1%ED%98%95%20AI" class="tag" title="생성형 AI">생성형 AI</a> </div> </li> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ed%95%9c%ea%b5%ad%ec%97%90%eb%84%88%ec%a7%80%ea%b3%b5%eb%8b%a8-%ea%b0%80%ec%a0%84%ec%a0%9c%ed%92%88-%ec%97%90%eb%84%88%ec%a7%80%ec%a0%88%ea%b0%90%c2%b7" data-news="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ed%95%9c%ea%b5%ad%ec%97%90%eb%84%88%ec%a7%80%ea%b3%b5%eb%8b%a8-%ea%b0%80%ec%a0%84%ec%a0%9c%ed%92%88-%ec%97%90%eb%84%88%ec%a7%80%ec%a0%88%ea%b0%90%c2%b7" data-date="2024.11.05" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/11/MOU_1104_TH.jpg" role="img" aria-hidden="true" alt="삼성전자 – 한국에너지공단, ‘가전제품 에너지절감·동반성장’ MOU 체결" style=""/> </div> <div class="text-area"> <span class="date">2024.11.05</span> <p>삼성전자 – 한국에너지공단, ‘가전제품 에너지절감·동반성장’ MOU 체결</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EB%8F%99%EB%B0%98%EC%84%B1%EC%9E%A5" class="tag" title="동반성장">동반성장</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%97%90%EB%84%88%EC%A7%80%20%EB%8C%80%EC%83%81" class="tag" title="에너지 대상">에너지 대상</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%97%90%EB%84%88%EC%A7%80%EC%A0%88%EA%B0%90" class="tag" title="에너지절감">에너지절감</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%A0%9C27%ED%9A%8C%20%EC%98%AC%ED%95%B4%EC%9D%98%20%EC%97%90%EB%84%88%EC%A7%80%EC%9C%84%EB%84%88%EC%83%81" class="tag" title="제27회 올해의 에너지위너상">제27회 올해의 에너지위너상</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%ED%83%84%EC%86%8C%EC%A4%91%EB%A6%BD%EC%9C%84%EB%84%88%EC%83%81" class="tag" title="탄소중립위너상">탄소중립위너상</a> </div> </li> </ul> <ul> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%82%bc%ec%84%b1-ai-%ed%8f%ac%eb%9f%bc-2024-%ea%b0%9c%ec%b5%9c" data-news="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%82%bc%ec%84%b1-ai-%ed%8f%ac%eb%9f%bc-2024-%ea%b0%9c%ec%b5%9c" data-date="2024.11.05" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/11/SAIF_1105_TH.jpg" role="img" aria-hidden="true" alt="삼성전자, ‘삼성 AI 포럼 2024’ 개최" style=""/> </div> <div class="text-area"> <span class="date">2024.11.05</span> <p>삼성전자, ‘삼성 AI 포럼 2024’ 개최</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%82%BC%EC%84%B1%20AI%20%ED%8F%AC%EB%9F%BC" class="tag" title="삼성 AI 포럼">삼성 AI 포럼</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%82%BC%EC%84%B1%20AI%20%ED%8F%AC%EB%9F%BC%202024" class="tag" title="삼성 AI 포럼 2024">삼성 AI 포럼 2024</a> </div> </li> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%a0%9c55%ec%a3%bc%eb%85%84-%ec%b0%bd%eb%a6%bd%ea%b8%b0%eb%85%90%ec%8b%9d-%ea%b0%9c%ec%b5%9c" data-news="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%a0%9c55%ec%a3%bc%eb%85%84-%ec%b0%bd%eb%a6%bd%ea%b8%b0%eb%85%90%ec%8b%9d-%ea%b0%9c%ec%b5%9c" data-date="2024.11.01" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/11/Corporate_1101_TH.jpg" role="img" aria-hidden="true" alt="삼성전자, 제55주년 창립기념식 개최" style=""/> </div> <div class="text-area"> <span class="date">2024.11.01</span> <p>삼성전자, 제55주년 창립기념식 개최</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%A0%9C55%EC%A3%BC%EB%85%84" class="tag" title="제55주년">제55주년</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%B0%BD%EB%A6%BD%EA%B8%B0%EB%85%90%EC%8B%9D" class="tag" title="창립기념식">창립기념식</a> </div> </li> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-3%eb%b6%84%ea%b8%b0-%ec%8b%a4%ec%a0%81-%eb%b0%9c%ed%91%9c" data-news="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-3%eb%b6%84%ea%b8%b0-%ec%8b%a4%ec%a0%81-%eb%b0%9c%ed%91%9c" data-date="2024.10.31" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/Main_th-1.jpg" role="img" aria-hidden="true" alt="삼성전자, 2024년 3분기 실적 발표" style=""/> </div> <div class="text-area"> <span class="date">2024.10.31</span> <p>삼성전자, 2024년 3분기 실적 발표</p> </div> </div> </a> <div class="tag-area"> </div> </li> </ul> <ul> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%e7%be%8e-%ea%b5%ad%eb%a6%bd%ed%91%9c%ec%a4%80%ea%b8%b0%ec%88%a0%ec%97%b0%ea%b5%ac%ec%86%8c-%ec%95%94%ed%98%b8-%eb%aa%a8%eb%93%88-%eb%b3%b4%ec%95%88-%ec%9d%b8" data-news="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%e7%be%8e-%ea%b5%ad%eb%a6%bd%ed%91%9c%ec%a4%80%ea%b8%b0%ec%88%a0%ec%97%b0%ea%b5%ac%ec%86%8c-%ec%95%94%ed%98%b8-%eb%aa%a8%eb%93%88-%eb%b3%b4%ec%95%88-%ec%9d%b8" data-date="2024.10.30" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/FIPS_TH.png" role="img" aria-hidden="true" alt="삼성전자, 美 국립표준기술연구소 암호 모듈 보안 인증 획득… 안전성 입증" style=""/> </div> <div class="text-area"> <span class="date">2024.10.30</span> <p>삼성전자, 美 국립표준기술연구소 암호 모듈 보안 인증 획득… 안전성 입증</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%82%BC%EC%84%B1%20%EB%85%B9%EC%8A%A4" class="tag" title="삼성 녹스">삼성 녹스</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%8A%A4%EB%A7%88%ED%8A%B8%EC%8B%B1%EC%8A%A4" class="tag" title="스마트싱스">스마트싱스</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%ED%83%80%EC%9D%B4%EC%A0%A0%20OS" class="tag" title="타이젠 OS">타이젠 OS</a> </div> </li> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%a7%80%ec%86%8d%ea%b0%80%eb%8a%a5%eb%b0%9c%ec%a0%84%eb%aa%a9%ed%91%9cglobal-goals%eb%a5%bc-%ed%96%a5%ed%95%9c-5%eb%85%84%ea%b0%84%ec%9d%98" data-news="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%a7%80%ec%86%8d%ea%b0%80%eb%8a%a5%eb%b0%9c%ec%a0%84%eb%aa%a9%ed%91%9cglobal-goals%eb%a5%bc-%ed%96%a5%ed%95%9c-5%eb%85%84%ea%b0%84%ec%9d%98" data-date="2024.10.25" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/TH_241024_Global-Goals.png" role="img" aria-hidden="true" alt="삼성전자, ‘지속가능발전목표(Global Goals)’를 향한 5년간의 발자취 공개" style=""/> </div> <div class="text-area"> <span class="date">2024.10.25</span> <p>삼성전자, ‘지속가능발전목표(Global Goals)’를 향한 5년간의 발자취 공개</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=Global%20Goals" class="tag" title="Global Goals">Global Goals</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%82%BC%EC%84%B1%20%EA%B8%80%EB%A1%9C%EB%B2%8C%20%EA%B3%A8%EC%A6%88" class="tag" title="삼성 글로벌 골즈">삼성 글로벌 골즈</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%A0%9C%EB%84%88%EB%A0%88%EC%9D%B4%EC%85%98%2017" class="tag" title="제너레이션 17">제너레이션 17</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%A7%80%EC%86%8D%EA%B0%80%EB%8A%A5%EB%B0%9C%EC%A0%84%EB%AA%A9%ED%91%9C" class="tag" title="지속가능발전목표">지속가능발전목표</a> </div> </li> <li> <a href="javascript:void(0)" onclick="goNewsVideo(this);" data-target="_blank" data-contentType="news" data-publishType="1" data-url="https://news.samsung.com/kr/%eb%8d%94-%eb%82%98%ec%9d%80-%eb%82%b4%ec%9d%bc%ec%9d%84-%ec%9c%84%ed%95%9c-%ec%83%81%ec%83%9d%ea%b3%bc-%ed%98%81%ec%8b%a0-2024-%ec%8a%a4%eb%a7%88%ed%8a%b8%eb%b9%84%ec%a6%88" data-news="https://news.samsung.com/kr/%eb%8d%94-%eb%82%98%ec%9d%80-%eb%82%b4%ec%9d%bc%ec%9d%84-%ec%9c%84%ed%95%9c-%ec%83%81%ec%83%9d%ea%b3%bc-%ed%98%81%ec%8b%a0-2024-%ec%8a%a4%eb%a7%88%ed%8a%b8%eb%b9%84%ec%a6%88" data-date="2024.10.22" title="새창열림" > <div class="content-area"> <div class="ratio-image r-4x3"> <img src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/TH_10221.jpg" role="img" aria-hidden="true" alt="“더 나은 내일을 위한 상생과 혁신”, 2024 스마트비즈엑스포 하이라이트" style=""/> </div> <div class="text-area"> <span class="date">2024.10.22</span> <p>“더 나은 내일을 위한 상생과 혁신”, 2024 스마트비즈엑스포 하이라이트</p> </div> </div> </a> <div class="tag-area"> <a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=2024%20%EC%8A%A4%EB%A7%88%ED%8A%B8%EB%B9%84%EC%A6%88%EC%97%91%EC%8A%A4%ED%8F%AC" class="tag" title="2024 스마트비즈엑스포">2024 스마트비즈엑스포</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%83%81%EC%83%9D%ED%98%95%20%EC%8A%A4%EB%A7%88%ED%8A%B8%EA%B3%B5%EC%9E%A5%20%EC%A7%80%EC%9B%90%EC%82%AC%EC%97%85" class="tag" title="상생형 스마트공장 지원사업">상생형 스마트공장 지원사업</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%8A%A4%EB%A7%88%ED%8A%B8%EA%B3%B5%EC%9E%A5" class="tag" title="스마트공장">스마트공장</a><a href="/sec/sustainability/search/search-result?group=newsVideo&groupSub=news&keyword=%EC%8A%A4%EB%A7%88%ED%8A%B8%EB%B9%84%EC%A6%88%EC%97%91%EC%8A%A4%ED%8F%AC" class="tag" title="스마트비즈엑스포">스마트비즈엑스포</a> </div> </li> </ul> </div> <div class="paging"> <button type="button" class="btn-paging-prev" onclick="paingPrevCall(1,1)"> <span class="blind">이전 페이지</span> </button> <div class="page-number"> <span class="current">1</span> / <span class="total">51</span> </div> <button type="button" class="btn-paging-next" onclick="paingNextCall(1,51)"> <span class="blind">다음 페이지</span> </button> </div> </section> </main>  <div class="popup-focus-video" id="videoLayer" tabindex="0" style="display: none;">  <div class="popup-area" tabindex="0"> <div class="popup-video-area"> <button class="popup-video-close" type="button"><span class="blind">팝업 닫기</span></button> <div class="popup-video"> <div class="popup-video-ratio"> </div> <div class="popup-video-text-box"> <h3 class="popup-video-title"></h3> <div class="popup-video-date"></div> </div> </div> </div> </div> </div> <footer> <section class="share-group"> <span class="text">페이지 공유하기</span> <span class="sns">  <a href="javascript:void(0);" class="btn-facebook" title="페이스북 새창 열림"></a> <a href="javascript:void(0);" class="btn-insta" title="LinkedIn 새창 열림"></a> <a href="javascript:void(0);" class="btn-twitter" title="트위터 새창 열림"></a> <a href="javascript:void(0);" class="btn-url" title="URL 복사하기"></a>  </span> </section> <script> window.addEventListener('load', function() { const facebook = document.querySelectorAll('.btn-facebook'); facebook.forEach((item, index) => { item.addEventListener('click', (e) => { let sendUrl = window.location.href; // 전달할 URL window.open("https://www.facebook.com/sharer/sharer.php?u=" + sendUrl); }); }); const linkedIn = document.querySelectorAll('.btn-insta'); linkedIn.forEach((item, index) => { item.addEventListener('click', (e) => { let sendText = document.title; // 전달할 텍스트 let sendUrl = window.location.href; // 전달할 URL window.open("https://linkedin.com/shareArticle?mini=true&title=" + encodeURI(sendText) + "&url=" + sendUrl + "&source=" + window.location.hostname); }) }); const twitter = document.querySelectorAll('.btn-twitter'); twitter.forEach((item, index) => { item.addEventListener('click', (e) => { let sendText = document.title; // 전달할 텍스트 let sendUrl = window.location.href; // 전달할 URL window.open("https://twitter.com/intent/tweet?text=" + encodeURI(sendText) + "&url=" + sendUrl); }); }); const alertUrlCallBack = function () { } const shareUrl = document.querySelectorAll('.btn-url'); shareUrl.forEach((item, index) => { item.addEventListener('click', (e) => { let copyUrl = window.location.href; // URL if (typeof (navigator.clipboard) == 'undefined') { let textArea = document.createElement("textarea"); textArea.value = copyUrl; textArea.style.position = "fixed"; //avoid scrolling to bottom document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { let successful = document.execCommand('copy'); let msg = successful ? 'successful' : 'unsuccessful'; interaction.alertCall({ mainText: "링크가 복사되었습니다. <br>원하는 곳에 붙여넣기 해주세요.", subText: "", doneCallback: alertUrlCallBack, closeCallback: alertUrlCallBack, cbTarget: item, // 접근성 수정 1차 } ) } catch (err) { console.log(err); } document.body.removeChild(textArea) } else { navigator.clipboard.writeText(copyUrl).then(function () { interaction.alertCall({ mainText: "링크가 복사되었습니다. <br>원하는 곳에 붙여넣기 해주세요.", subText: "", doneCallback: alertUrlCallBack, closeCallback: alertUrlCallBack, cbTarget: item, // 접근성 수정 1차 } ) }, function (err) { console.log("err link clipboard " + copyUrl); }) } }); }); }); </script> <div class="footer-area"> <div class="page-depth"> <span>Home</span> <span class="depth1">Focus</span> <span class="depth2">뉴스 & 비디오</span> </div> <div class="links-area"> <div class="menu-area"> <ul> <li> <span class="menu-tit-pc">Planet</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Planet <span class="blind">서브메뉴 열기</span></a>  <ul> <li><a href="/sec/sustainability/planet/environmental-strategy">환경경영전략</a></li> <li><a href="/sec/sustainability/planet/climate-action">기후행동</a></li> <li><a href="/sec/sustainability/planet/circular-economy">자원순환</a></li> <li><a href="/sec/sustainability/planet/business-ecosystem">친환경 기술 혁신</a></li>  <li><a href="/sec/sustainability/planet/sustainable-operations">지속가능한 운영</a></li> </ul> </li> <li> <span class="menu-tit-pc">People</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">People <span class="blind">서브메뉴 열기</span></a>  <ul> <li><a href="/sec/sustainability/people/human-rights">인권</a></li> <li><a href="/sec/sustainability/people/diversity-inclusion">다양성, 형평성, 포용성</a></li> <li><a href="/sec/sustainability/people/tech-for-all">모두를 위한 기술</a></li> <li><a href="/sec/sustainability/people/supply-chain">공급망</a></li> <li><a href="/sec/sustainability/people/empowering-communities">지역사회</a></li> </ul> </li> <li> <span class="menu-tit-pc">Principle</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Principle <span class="blind">서브메뉴 열기</span></a>  <ul> <li><a href="/sec/sustainability/principle/leadership-message">리더십 메시지</a></li> <li><a href="/sec/sustainability/principle/corporate-governance">기업지배구조</a></li> <li><a href="/sec/sustainability/principle/compliance-ethics">준법과 윤리경영</a></li> </ul> </li> <li> <span class="menu-tit-pc">Focus</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Focus <span class="blind">서브메뉴 열기</span></a>  <ul> <li><a href="/sec/sustainability/focus/products/sustainability-in-our-products">지속가능한 제품</a></li> <li><a href="/sec/sustainability/focus/news-video">뉴스 & 비디오</a></li> <li><a href="/sec/sustainability/focus/story/feature-story">스토리</a></li> </ul> </li> <li> <span class="menu-tit-pc">Digital Library</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Digital Library <span class="blind">서브메뉴 열기</span></a>  <ul> <li><a href="/sec/sustainability/digital-library/sustainability-report">지속가능경영보고서</a></li> <li><a href="/sec/sustainability/digital-library/esg-data">ESG 데이터</a></li> <li><a href="/sec/sustainability/digital-library/policy-document">정책 & 문서</a></li> <li><a href="/sec/sustainability/digital-library/awards-recognition">대외평가 & 수상</a></li> </ul> </li> </ul> </div> <div class="quick-area">          <div>  <span class="menu-tit-pc">Family Site</span> <button class="menu-tit-mo"><strong>Family Site<span class="blind">내용 열기</span></strong></button>  <ul> <li> <a href="https://www.samsung.com/" target="_blank" title="새창열림">Samsung.com</a> </li> <li> <a href="https://semiconductor.samsung.com/" target="_blank" title="새창열림">Samsung Semiconductor</a> </li> </ul> </div>  <div class="web-mark"> <img class="pc-img" src="/sec/sustainability/assets/img/pc/common/mdi/WA_Mark_PC.png" alt="과학기술정보통신부 WEB ACCESSIBILITY 마크(웹 접근성 품질인증 마크)"> <img class="mo-img" src="/sec/sustainability/assets/img/mo/common/mdi/WA_Mark_MO.png" alt="과학기술정보통신부 WEB ACCESSIBILITY 마크(웹 접근성 품질인증 마크)"> </div>  </div> </div> <div class="copyright">      <div class="language"> <a href="javascript:void(0);" title="언어선택 열기"> <span>한국어</span> </a> <ul> <li class="current"> <a href="javascript:void(0);" title="선택됨">한국어</a> </li> <li> <a href="javascript:goLanguagePage(this);">English</a> </li> </ul> </div> <div> <ul> <li>  <a href="javascript:void(0);" title="Userway 실행하기" class="accessbility-tooltip-opener">Accessbility Help</a>    </li>    <li> <a href="/sec/sustainability/contact/privacy" class="privacy">개인정보처리방침</a> </li> <li> <a href="javascript:void(0);" onclick="interaction.popupCall(this,'/sec/sustainability/contact/popup/forward-looking-statement')">Forward-Looking Statement</a> </li> </ul> </div> <p>Copyright © 1995-2023 Samsung. All Rights Reserved.</p> </div> </div> <button type="button" class="go-to-top"> <span class="blind">맨 위로</span> </button>  <script type="text/javascript"> // pc header const wideHeader = document.querySelector('header .pc-only'); const headingTitle = wideHeader.querySelector('h1 > a'); const menus = wideHeader.querySelectorAll('.navi > li'); const anchor = wideHeader.querySelectorAll('.navi > li > a'); const subs = wideHeader.querySelectorAll('.sub'); const gnbDimmed = document.querySelector('.gnb-dimmed'); const ev = { on: function(index) { [...menus].map((m, i) => { const a = m.children[0]; if (index === i) { a.classList.add('on'); a.nextElementSibling.style.display = 'block'; } else { a.classList.remove('on'); a.nextElementSibling.style.display = 'none'; } }); gnbDimmed.style.display = 'block'; }, off: function(e) { e.target.children[0].classList.remove('on'); e.target.children[0].nextElementSibling.style.display = 'none'; gnbDimmed.style.display = 'none'; }, clear: function() { [...anchor].map((a, i) => { a.classList.remove('on') }); [...subs].map((s, i) => { s.style.display = 'none' }); gnbDimmed.style.display = 'none'; } }; menus.forEach((item, index) => { item.addEventListener('mouseover', (e) => { ev.on(index) }); item.addEventListener('mouseleave', (e) => { ev.off(e) }); }); anchor.forEach((item, index) => { item.addEventListener('focus', (e) => { ev.on(index) }); }); const utilBtns = document.querySelectorAll('.util > li > a'); utilBtns.forEach((item, index) => { item.addEventListener('focus', (e) => { if (index === 0) { ev.clear() } }); }); headingTitle.addEventListener('focus', (e) => { ev.clear(); }); // 221214 header language button // 240319 접근성 수정 const language = document.querySelectorAll('.language > a'); language.forEach((item, index) => { const languageLayer = item.closest('.language').querySelector('ul'); item.addEventListener('click', (e) => { // 240402 접근성 - img, span 동작 통일 //const my = e.target.nodeName === 'IMG' ? e.target.closest('a') : e.target; const my = e.target.nodeName === 'IMG' || e.target.nodeName === 'SPAN' ? e.target.closest('a') : e.target; if (my.classList.contains('open')) { languageLayer.style.display = 'none'; my.classList.remove('open'); my.closest('a').title = '언어선택 열기'; language.focus(); } else { languageLayer.style.display = 'block'; my.classList.add('open'); my.closest('a').title = '언어선택 닫기'; } }); }); const thisLanguage = document.querySelectorAll('header .language .current > a'); thisLanguage.forEach((item, index) => { const languageLayer = item.closest('.language').querySelector('ul'); const languageBtn = item.closest('.header-area').querySelector('.language > a'); item.addEventListener('click', (e) => { languageLayer.style.display = 'none'; languageBtn.classList.remove('open'); languageBtn.closest('a').title = '언어선택 열기'; languageBtn.focus(); }); item.title = '선택됨'; }); //240402 footer 동작 추가 const thisLanguage02 = document.querySelectorAll('footer .language .current > a'); thisLanguage02.forEach((item, index) => { const languageLayer02 = item.closest('.language').querySelector('ul'); const languageBtn02 = item.closest('.copyright').querySelector('.language > a'); item.addEventListener('click', (e) => { languageLayer02.style.display = 'none'; languageBtn02.classList.remove('open'); languageBtn02.closest('a').title = '언어선택 열기'; languageBtn02.focus(); }); }); //240319 추가 const links = document.querySelectorAll('.language ul li:last-child a'); links.forEach(function(link) { link.addEventListener('focusout', function(event) { const grandparent = event.target.parentElement.parentElement; grandparent.style.display = 'none'; const previousLink = event.target.parentElement.parentElement.previousElementSibling; previousLink.classList.remove('open'); previousLink.closest('a').title = '언어선택 열기'; }); }); // mobile header const allMenu = document.querySelector('.all-menu > a'); const menuLayer = document.querySelector('.main-menu-aside'); const searchArea = menuLayer.querySelector('.search-area'); allMenu.addEventListener('click', () => { document.body.classList.add('stop'); searchArea.classList.add('wide'); menuLayer.style.display = 'block'; }); const mainArea = menuLayer.querySelector('.menu-area'); const mainMenu = menuLayer.querySelectorAll('.menu-area a'); const subList = menuLayer.querySelector('.sub-list'); const subLayer = menuLayer.querySelectorAll('.sub-list > div'); const backBtn = menuLayer.querySelector('.btn-back'); const languageBox = menuLayer.querySelector('.language'); mainMenu.forEach((item, index) => { item.addEventListener('click', () => { mainArea.style.display = 'none'; subList.style.display = 'block'; searchArea.classList.remove('wide'); backBtn.style.display = 'inline-block'; [...subLayer].map((d, i) => { i === index ? d.style.display = 'block' : d.style.display = 'none'; }); languageBox.style.display = 'none'; backBtn.focus(); // 230322 접근성 수정 1차 }); }); const groupMenu = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > a'); const groupSubMenu = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > ul > li > a'); const subUl = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > ul'); const groupMenuBtns = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > button'); groupSubMenu.forEach((item, index) => { item.addEventListener('click', (e) => { // console.log("index = " + index + ", " + item); document.body.classList.remove('stop'); }); }); groupMenu.forEach((item, index) => { item.addEventListener('click', (e) => { if (e.target.classList.contains('open') && !e.target.classList.contains('special')) { e.target.classList.remove('open'); e.target.nextElementSibling.style.display = 'none'; } else if (!e.target.classList.contains('open') && !e.target.classList.contains('special')) { [...groupMenu].map((m, i) => { index === i ? m.classList.add('open') : m.classList.remove('open'); }); [...subUl].map((u, i) => { index === i ? u.style.display = 'block' : u.style.display = 'none'; }); [...groupMenuBtns].map((btn, i) => { btn.classList.remove('open') }); } }); }); groupMenuBtns.forEach((item, index) => { item.addEventListener('click', (e) => { if (e.target.classList.contains('open')) { e.target.classList.remove('open'); e.target.nextElementSibling.style.display = 'none'; e.target.firstElementChild.innerText = '서브메뉴 열기'; // 접근성 수정 1차 } else if (!e.target.classList.contains('open') && !e.target.classList.contains('special')) { [...groupMenu].map((m, i) => { m.classList.remove('open'); i === index ? m.closest('li').querySelector('.blind').innerText = '서브메뉴 닫기' : m.closest('li').querySelector('.blind').innerText = '서브메뉴 열기'; // 접근성 수정 1차 }); [...subUl].map((u, i) => { u.style.display = 'none' }); [...groupMenuBtns].map((btn, i) => { btn.classList.remove('open') }); e.target.classList.add('open'); e.target.nextElementSibling.style.display = 'block'; } }); }); const menuBack = document.querySelector('.header-area .btn-back'); menuBack.addEventListener('click', (e) => { [...groupMenu].map((m, i) => { m.classList.remove('open'); }); [...subUl].map((u, i) => { u.style.display = 'none'; }); [...subLayer].map((d, i) => { d.style.display = 'none'; }); subList.style.display = 'none'; languageBox.style.display = 'block'; mainArea.style.display = 'block'; searchArea.classList.add('wide'); menuBack.style.display = 'none'; }); const menuClose = document.querySelector('.menu-layer-top .btn-close'); menuClose.addEventListener('click', (e) => { document.body.classList.remove('stop'); [...groupMenu].map((m, i) => { m.classList.remove('open'); }); [...subUl].map((u, i) => { u.style.display = 'none'; }); [...subLayer].map((d, i) => { d.style.display = 'none'; }); subList.style.display = 'none'; languageBox.style.display = 'block'; mainArea.style.display = 'block'; searchArea.classList.add('wide'); menuBack.style.display = 'none'; menuLayer.style.display = 'none'; allMenu.focus(); // 접근성 수정 1차 }); // footer // footer menu const footerMenu = document.querySelectorAll('footer .menu-area > ul > li > a'); const footerMenuGroup = document.querySelectorAll('footer .menu-area > ul > li'); footerMenu.forEach((btn, index) => { btn.addEventListener('click', (e) => { if (!e.target.closest('li').classList.contains('active')) { [...footerMenuGroup].map((item, i) => { // 접근성 수정 1차 if (index === i) { item.classList.add('active'); item.querySelector('.blind').innerText = '서브메뉴 닫기'; } else { item.classList.remove('active'); item.querySelector('.blind').innerText = '서브메뉴 열기'; } }); } else { e.target.closest('li').classList.remove('active'); e.target.firstElementChild.innerText = '서브메뉴 열기'; // 접근성 수정 1차 } }); }); // footer quick links // 접근성 수정 1차 - 선택자 strong -> button 수정 - 열림 닫힘 추가 시작 const quickBtn = document.querySelectorAll('.quick-area > div > button'); quickBtn.forEach((item, index) => { item.addEventListener('click', (e) => { if (!item.classList.contains('on')) { item.classList.add('on'); e.target.children[0].querySelector('.blind').innerText = '내용 닫기'; } else { item.classList.remove('on'); e.target.children[0].querySelector('.blind').innerText = '내용 열기'; } }); }); // 접근성 수정 1차 - 선택자 strong -> button 수정, 열림 닫힘 추가 끝 // footer accessbility tooltip /*const accessbilityOpenBtn = document.querySelector('.accessbility-tooltip-opener'); const accessbilityTooltip = document.querySelector('.accessbility-tooltip'); accessbilityOpenBtn.addEventListener('mouseover', () => { accessbilityTooltip.style.display = 'block'; }); accessbilityOpenBtn.addEventListener('focus', () => { accessbilityTooltip.style.display = 'block'; }); accessbilityOpenBtn.addEventListener('mouseout', () => { accessbilityTooltip.style.display = 'none'; }); accessbilityOpenBtn.addEventListener('focusout', () => { accessbilityTooltip.style.display = 'none'; }); accessbilityOpenBtn.addEventListener('blur', () => { accessbilityTooltip.style.display = 'none'; }); accessbilityOpenBtn.addEventListener('click', () => { accessbilityTooltip.style.display = 'none'; });*/ // const tooltipClose = accessbilityTooltip.querySelector('.tooltip-close'); // tooltipClose.addEventListener('click', () => { // accessbilityTooltip.style.display = 'none'; // }); // go to top const gotoTop = document.querySelector('.go-to-top'); window.addEventListener('scroll', () => { if (window.scrollY > 100) { gotoTop.style.display = 'block'; } else { gotoTop.style.display = 'none'; } }); gotoTop.addEventListener('click', () => { window.scrollTo(0, 0); }); //>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> const goLanguagePage = function(e){ let LOCALE_ID = 'sec'; //sec; let LOCATION_PATHNAME = window.location.pathname; let LOCATION_PATHNAME_TARGET_LANG = '/global'+LOCATION_PATHNAME.substring(LOCALE_ID.length+1); if(LOCATION_PATHNAME.startsWith('/'+LOCALE_ID+'/sustainability/focus/news-video')){ LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/focus/news-video' } else if(LOCATION_PATHNAME.startsWith('/'+LOCALE_ID+'/sustainability/search/search-result')){ const url = new URL(window.location.href); const urlParams = url.searchParams; const keyword = urlParams.get('keyword'); const entries = urlParams.entries(); let searchParam = ""; for(const entry of entries) { if(entry[0] !='page' && entry[0] !='sort' && entry[0] !='keyword'){ searchParam+="&"+entry[0]+"="+entry[1]; } } LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/search/search-result?keyword='+encodeURIComponent(keyword)+searchParam; } else if(LOCATION_PATHNAME.startsWith('/'+LOCALE_ID+'/sustainability/focus/news-detail/')){ LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/focus/news-video' } else if(LOCATION_PATHNAME === '/'+LOCALE_ID+'/sustainability' || LOCATION_PATHNAME === '/'+LOCALE_ID+'/sustainability/' ){ LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/main'; } else { let LOCATION_HASH1 = window.location.hash.substring(1); if(LOCATION_HASH1 != ''){ LOCATION_PATHNAME_TARGET_LANG = LOCATION_PATHNAME_TARGET_LANG + "#"+LOCATION_HASH1; } } // console.log("LOCALE_ID ", LOCALE_ID); // console.log("LOCATION_PATHNAME ", LOCATION_PATHNAME); // console.log("LOCATION_PATHNAME_TARGET_LANG ", LOCATION_PATHNAME_TARGET_LANG); window.location.href=LOCATION_PATHNAME_TARGET_LANG; } // contact us alert const receiptAlert = function () { const layer = document.querySelector('.this-layer'); const popup = layer.closest('.popup'); layer.remove(); const alertHtml = `<div class="alert-area" tabindex="0"><div class="alert-area-wrap"><div><strong>문의 접수가 완료되었습니다.</strong><p>빠른 시일 내에 작성해주신 이메일로 답변드리겠습니다.</p><button class="btn black receipt-done" type="button">확인</button></div></div><button class="popup-close black receipt-close" type="button"><span class="blind">알림 닫기</span></button></div>`; popup.innerHTML = alertHtml; const receiptDone = popup.querySelector('.receipt-done'); const receiptClose = popup.querySelector('.receipt-close'); receiptDone.addEventListener('click', () => { popup.remove(); document.body.classList.remove('stop'); }); receiptClose.addEventListener('click', () => { popup.remove(); document.body.classList.remove('stop'); }); } // 동의서 보기 콜백 const infoCallback = function () { console.log('동의서보기') } // contact 콜백 const contactCallback = function () { // select box const layer = document.querySelector('.this-layer'); const allEl = layer.querySelectorAll('*'); const selectBoxs = layer.querySelectorAll('.select-list'); allEl.forEach((item, index) => { item.addEventListener('click', (e) => { if (e.target.tagName !== 'BUTTON' && e.target.tagName !== 'A') { [...selectBoxs].map((b, i) => { b.style.display = 'none' }); } }); }); const selectBtns = document.querySelectorAll('.popup-area .btn-select'); selectBtns.forEach((btn, idx) => { btn.addEventListener('click', (e) => { e.target.nextElementSibling.style.display = 'block'; }); }); const optionBtn1 = document.querySelectorAll('.popup-area #contactFormContinentId a'); optionBtn1.forEach((opt, idx) => { opt.addEventListener('click', (e) => { const myTxt = e.target.innerText; document.querySelector('#contactFormContinent').value=myTxt; const myArea = e.target.closest('.select-list'); const myGroup = myArea.querySelectorAll('li'); myArea.previousElementSibling.innerText = myTxt; getLocations(e.target); myArea.style.display = 'none'; }); }); const optionBtn3 = document.querySelectorAll('.popup-area #contactFormCategoryId a'); optionBtn3.forEach((opt, idx) => { opt.addEventListener('click', (e) => { const myTxt = e.target.innerText; document.querySelector('#contactFormCategory').value=myTxt; const myArea = e.target.closest('.select-list'); const myGroup = myArea.querySelectorAll('li'); myArea.previousElementSibling.innerText = myTxt; myArea.style.display = 'none'; }); }); const contactFormCountryButton = document.querySelector('.popup-area #contactFormCountryButton'); const contactFormCountryId = document.querySelector('.popup-area #contactFormCountryId'); const contactFormCountryButtonHtml = contactFormCountryButton.innerHTML; const getLocations = function (e) { contactFormCountryButton.innerHTML=contactFormCountryButtonHtml; const xmLHttpRequest = new XMLHttpRequest(); xmLHttpRequest.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { if (this.responseText != '') { const obj = JSON.parse(this.responseText); const contactLocationUl = contactFormCountryId.querySelector("ul"); obj.forEach((result, index) => { let li = "" + "<li><a href=\"javascript:void(0);\" >" + result['label'] + "</a></li>"; contactLocationUl.insertAdjacentHTML("afterbegin", li); contactLocationUl.querySelector("a").addEventListener('click', (e) => { const myTxt = e.target.innerText; const myArea = e.target.closest('.select-list'); document.querySelector('#contactFormCountry').value=myTxt; myArea.previousElementSibling.innerText = myTxt; myArea.style.display = 'none'; }); }); } } }; xmLHttpRequest.open('GET', "/sec/sustainability/contact/popup/contact-code?parentCode="+ e.getAttribute('data-code'), false); xmLHttpRequest.send(); } //// contact us send // start const alertCallBack = function (){ } const contactBtn = document.querySelector(".popup-area .contact-btn"); let contactBtnCnt = 0; contactBtn.addEventListener('click', function(e) { if(contactBtnCnt>0){return;} const contactForm = document.querySelector(".popup-area #contactForm"); if(contactForm.continent.value == ''){ interaction.alertCall({ mainText:contactForm.continent.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:document.getElementById("contactFormContinentId"), } ) return false; } if(contactForm.country.value == ''){ interaction.alertCall({ mainText:contactForm.country.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:document.getElementById("contactFormCountryId"), } ) return false; } if(contactForm.category.value == ''){ interaction.alertCall({ mainText:contactForm.category.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:document.getElementById("contactFormCategoryId"), } ) return false; } if(contactForm.company.value == ''){ interaction.alertCall({ mainText:contactForm.company.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.company, } ) return false; } if(contactForm.name.value == ''){ interaction.alertCall({ mainText:contactForm.name.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.name, } ) return false; } if(contactForm.email.value == ''){ interaction.alertCall({ mainText:contactForm.email.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.email, } ) return false; } if(contactForm.title.value == ''){ interaction.alertCall({ mainText:contactForm.title.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.title, } ) return false; } if(contactForm.content.value == ''){ interaction.alertCall({ mainText:contactForm.content.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.content, } ) return false; } if(!contactForm.allap1.checked){ interaction.alertCall({ mainText:contactForm.allap1.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.allap1, } ) return false; } // e.preventDefault(); let data = new FormData(contactForm); contactBtnCnt++; const xmLHttpRequest = new XMLHttpRequest(); xmLHttpRequest.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { if (this.responseText != '') { const obj = JSON.parse(this.responseText); console.log(obj); if(obj['result'] == "ok"){ receiptAlert(); // document.body.classList.remove('stop'); } } } }; xmLHttpRequest.open('POST', "/sec/sustainability/contact/popup/contact-send", false); xmLHttpRequest.setRequestHeader(document.getElementById("_csrf_header").getAttribute('content'), document.getElementById("_csrf").getAttribute('content')) xmLHttpRequest.send(data); return false; }); //// contact us send end // } </script> </footer>  <script> window.addEventListener('load', function() { //팝업 레이어 동작 let popupId = window.location.hash.substring(1) if (popupId != '' && popupId != 'news-filter-area' && popupId != 'contactLearnMore' && popupId.indexOf("anchor") == -1 ) { let popupUrl = '/sec/sustainability/popup/popup_doc/' + popupId; console.log('popupUrl -> ' + popupUrl); let obj = document.getElementById(popupId); interaction.popupCall(obj, popupUrl, popupId); } }); // 팝업 아코디언 & 접근성 const popup = document.querySelector('.popup') if (popup) { const aBtns2 = document.querySelectorAll('.btn-accordion'); const aBoxs2 = document.querySelectorAll('.accordion-content-list'); aBtns2.forEach((btn, index) => { btn.addEventListener('click', (e) => { const myBox = e.target.closest('.list-box-layout').nextElementSibling; if(e.target.classList.contains('active')) { e.target.classList.remove('active'); myBox.classList.remove('active'); e.target.querySelector('.blind').innerText = '열기'; } else { [...aBtns2].map((b, i) => { // 접근성 수정 1차 if (i === index) { b.classList.add('active'); b.querySelector('.blind').innerText = '닫기'; } else { b.classList.remove('active'); b.querySelector('.blind').innerText = '열기'; } }); [...aBoxs2].map((b, i) => { i === index ? b.classList.add('active') : b.classList.remove('active'); }); e.target.querySelector('.blind > span').innerText = '닫기'; } }); }); } </script> <script> const userwayDataAccount="rEcm9PopfA"; (function(d){var s = d.createElement("script");s.setAttribute("data-account", userwayDataAccount);s.setAttribute("src", "https://cdn.userway.org/widget.js");(d.body || d.head).appendChild(s);})(document) </script> <div class="search full-search-area"> <div class="full-popup pc-only off"> <div class="search-box-wrap" tabindex="0"> <div class="form-box search-box"> <label for="search_input_pc" class="blind">통합 검색</label> <input type="text" id="search_input_pc" placeholder=""> <button type="button" class="btn-search" id="search_button_pc"> <span class="blind">검색하기</span> </button> <button type="button" class="btn-clear"> <span class="blind">텍스트 삭제</span> </button> </div>  <div data-id="keyword_history" class="search-layer" style="display: block;"> <div class="col-2"> <div class="history"> <strong>검색 히스토리</strong> <ul class="history-list" id="pc-history-list"> </ul> </div> <div class="recommand"> <strong>추천 검색어</strong> <ul class="recom-list" id="pc-recomm-ul"> </ul> </div> </div> <div class="btn-area"> <button type="button" class="btn btn-all-delete">검색 히스토리 전체 삭제</button> <button type="button" class="btn btn-layer-close">닫기</button> </div> </div>   <div data-id="keyword_auto" class="search-layer auto"> <div class="auto-keyword"> <ul id="pc-keyword-auto-ul"> </ul> </div> </div>  </div>  <button type="button" class="btn-popup-close" hidden="hidden"> <span class="blind">검색 팝업창 닫기</span> </button> </div>   <div class="full-page mo-only off"> <div class="top">  <a href="javascript:void(0);" class="btn btn-back" title="이전페이지로 돌아가기" tabindex="0"></a>  <div class="form-box search-box"> <label for="search_input_mobile" class="blind">통합 검색</label> <input type="text" id="search_input_mobile" placeholder=""> <button type="button" class="btn-search" id="search_button_mobile" > <span class="blind">검색하기</span> </button> <button type="button" class="btn-clear"> <span class="blind">텍스트 삭제</span> </button> </div> </div>  <div data-id="keyword_history" class="search-layer" style="display: block"> <div class="history"> <strong>검색 히스토리</strong> <ul class="history-list" id="mo-history-list"> </ul> <button type="button" class="btn btn-all-delete">전체 삭제</button> </div> <div class="recommand"> <strong>추천 검색어</strong> <ul class="recom-list" id="mo-recomm-ul"> </ul> </div> </div>   <div data-id="keyword_auto" class="search-layer auto" style="display:block"> <div class="auto-keyword"> <ul id="mo-keyword-auto-ul"> </ul> </div> </div>       </div>  </div> <script> window.addEventListener('load', function() { let localeIdForSearchPopup = "sec"; // 검색창 열기 const searchBtn = document.querySelector('.pc-only .util > li:first-child > a'); if (searchBtn) { searchBtn.addEventListener('click', function() { const searchPopup = document.querySelector('.full-popup'); const pcSearchBoxWrap = document.querySelector('.pc-only .search-box-wrap');//240319 const searchMoPopup = document.querySelector('.full-page'); const recommendList = document.querySelector('.recom-list'); //const fullSearchArea = document.querySelector('.full-search-area'); // 검색 시 tab focus 기능 추가 //fullSearchArea.focus();//240319 searchPopup.classList.remove('off'); pcSearchBoxWrap.focus();//240319 레이어팝업에 포커스 searchMoPopup.classList.remove('off'); if(recommendList.childElementCount == 0){ getSearchRecommendAsync(); } getSearchHistory(); loopFocus(searchPopup); // 240419 검색팝업 포커스 루프 추가 }); } // 검색팝업 포커스 루프 function loopFocus(tgPopup) { const tgFirstEl = tgPopup.querySelector('.form-box.search-box input'); const tgLastEl = tgPopup.querySelector('.btn-layer-close'); // [24.04.26] 접근성, 마지막 포커스 변경 tgPopup.addEventListener('keydown', function (event) { if (event.key === 'Tab') { if (event.shiftKey) { if (document.activeElement === tgFirstEl) { event.preventDefault(); tgLastEl.focus(); } } else { if (document.activeElement === tgLastEl) { event.preventDefault(); tgFirstEl.focus(); } } } }); } // 검색창 열기 모바일 const moSearchBtn = document.querySelector('.mo-only .util > li:first-child > a'); if (moSearchBtn) { moSearchBtn.addEventListener('click', function() { const searchPopup = document.querySelector('.full-popup'); const searchMoPopup = document.querySelector('.full-page'); const recommendList = document.querySelector('.recom-list'); const fullSearchArea = document.querySelector('.full-search-area');// 검색 시 tab focus 기능 추가 fullSearchArea.setAttribute('tabindex', '0');//240319 추가 fullSearchArea.focus(); searchPopup.classList.remove('off'); searchMoPopup.classList.remove('off'); if(recommendList.childElementCount == 0){ getSearchRecommendAsync(); } getSearchHistory(); disablePageFocus(); // [24.04.25] Android search popup focus 추가 }); } // [24.04.25] Android search popup focus 추가 function disablePageFocus() { document.querySelector("#contents").setAttribute("aria-hidden", "true"); document.querySelector("footer").setAttribute("aria-hidden", "true"); document.querySelector("header").setAttribute("aria-hidden", "true"); } function enablePageFocus() { document.querySelector("#contents").setAttribute("aria-hidden", "false"); document.querySelector("footer").setAttribute("aria-hidden", "false"); document.querySelector("header").setAttribute("aria-hidden", "false"); } // page 내부 javascript start const pcLayers = document.querySelectorAll('.pc-only .search-layer'); const moLayers = document.querySelectorAll('.mo-only .search-layer'); //검색어 히스토리 레이어 닫기 const keywordClose = document.querySelector('.btn-layer-close'); keywordClose.addEventListener('click', function() { pcLayers.forEach((layer, index) => { document.querySelector('.full-popup').classList.add('off'); }); searchBtn.focus(); }); // 검색 자동완성 보이기/감추기 (pc) const searchFieldPc = document.getElementById('search_input_pc'); // console.log("search_input_pc " + searchFieldPc.value); // Throttle let timer; function throttle(callbackFn, timeout) { if(!timer) { timer = setTimeout(() => { timer = null; callbackFn(); }, timeout); } } searchFieldPc.addEventListener("keyup", function() { // console.log("event!!"); throttle(() => { const clearBtn = this.closest('.search-box').querySelector('.btn-clear'); if (this.value !== '') { pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'block'; } else { layer.style.display = 'none'; } }); clearBtn.style.display = 'block'; } else { pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'none'; } else { layer.style.display = 'block'; } }); clearBtn.style.display = 'none'; } if(this.value != '') { console.log("API call"); getSearchResultAsync(this.value); } }, 500); }); // 검색 자동완성 보이기/감추기 (mobile) const searchFieldMobile = document.getElementById('search_input_mobile'); searchFieldMobile.addEventListener("keyup", function() { throttle(() => { const clearBtn = this.closest('.search-box').querySelector('.btn-clear'); if (this.value !== '') { moLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'block'; } else { layer.style.display = 'none'; } }); clearBtn.style.display = 'block'; } else { moLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'none'; } else { layer.style.display = 'block'; } }); clearBtn.style.display = 'none'; } if(this.value != '') { console.log("API call"); getSearchResultAsync(this.value); } }, 500); }); // 검색창 닫기 수정 const closeBtn = document.querySelector('.full-popup.pc-only .btn-layer-close'); // [24.04.26] 접근성 const searchPopup = document.querySelector('.full-popup'); const closeMoBtn = document.querySelector('.search .btn-back'); const searchMoPopup = document.querySelector('.full-page'); // pc closeBtn.addEventListener('click', () => { searchPopup.classList.add('off'); searchMoPopup.classList.add('off'); searchBtn.focus(); }); // mobile closeMoBtn.addEventListener('click', () => { searchPopup.classList.add('off'); searchMoPopup.classList.add('off'); moSearchBtn.focus(); enablePageFocus(); // [24.04.25] Android search popup focus 추가 }); //추천검색어 가져오기 const getSearchRecommendAsync = function(){ console.log("getSearchRecommendAsync"); const pcReUl = document.getElementById('pc-recomm-ul'); const moReUl = document.getElementById('mo-recomm-ul'); const xmLHttpRequest = new XMLHttpRequest(); xmLHttpRequest.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { if(this.responseText != ''){ const obj = JSON.parse(this.responseText); obj.forEach((result, index) => { console.log(" recommend " + result['label']); if(index < 6){ if(index == 0){//검색 필드에 1번째 searchFieldPc.setAttribute("placeholder", result['label']); searchFieldMobile.setAttribute("placeholder", result['label']); }else{ let li="" + "<li><button style='cursor: pointer' type='button' data-word='"+ result['label'] +"'>" + result['label'] + "</button></li>"; pcReUl.insertAdjacentHTML("afterbegin", li); moReUl.insertAdjacentHTML("afterbegin", li); } } }); } //한번씩만 호출하도록 순서 변경 pcReUl.childNodes.forEach((li, index) => { if(index > 4) return; li.firstChild.addEventListener('click',function(event) { let data = ""; if(event.target.getAttribute('data-word')!= undefined){ data = event.target.getAttribute('data-word'); }else{ data = event.target.children[0].getAttribute('data-word'); } setSearchCookie(data); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(data); }); li.firstChild.addEventListener('keyup',function(event) { if (event.key == 'Enter') { let data = ""; if (event.target.getAttribute('data-word') != undefined) { data = event.target.getAttribute('data-word'); } else { data = event.target.children[0].getAttribute('data-word'); } setSearchCookie(data); location.href = "/" + localeIdForSearchPopup + "/sustainability/search/search-result?keyword=" + encodeURIComponent(data); } }); }); moReUl.childNodes.forEach((li, index) => { if(index > 4) return; li.firstChild.addEventListener('click',function(event) { let data = ""; if(event.target.getAttribute('data-word')!= undefined){ data = event.target.getAttribute('data-word'); }else{ data = event.target.children[0].getAttribute('data-word'); } setSearchCookie(data); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(data); }); li.firstChild.addEventListener('keyup',function(event) { if (event.key == 'Enter') { let data = ""; if (event.target.getAttribute('data-word') != undefined) { data = event.target.getAttribute('data-word'); } else { data = event.target.children[0].getAttribute('data-word'); } setSearchCookie(data); location.href = "/" + localeIdForSearchPopup + "/sustainability/search/search-result?keyword=" + encodeURIComponent(data); } }); }); } }; xmLHttpRequest.open('GET', "/sec/sustainability/search/search-recommend-async", false); xmLHttpRequest.send(); } const searchCookieName = "keywordHistory"; const setSearchCookie = function(value) { if(value==''){ return; } let todayDate = new Date(); todayDate.setDate(todayDate.getDate() + 9999); let searchCookie = getSearchCookie(); if( searchCookie==undefined){ searchCookie=""; } let hists = searchCookie.split(","); let findValueCnt=0; hists.forEach((result, index) => { if( result == value ){ findValueCnt++; } }); if(findValueCnt==0){ console.log(hists.length); if(searchCookie==""){ searchCookie = value; }else{ // 쿠키에 5개 차있으면 가장 오래된것 삭제하여 항상 5개 유지 if(hists.length == 5){ const removeTarget = hists[0]; removeSearchCookie(removeTarget); searchCookie = getSearchCookie(); } searchCookie = searchCookie + "," + value; } } document.cookie = searchCookieName+"=" + encodeURIComponent(searchCookie) + "; path=/; expires=" + todayDate + ";" } const removeSearchCookie = function(value) { if(value==''){return;} let todayDate = new Date(); todayDate.setDate(todayDate.getDate() + 9999); let searchCookie = getSearchCookie(); if( searchCookie==undefined){searchCookie="";} let hists = searchCookie.split(","); let newSearchCookie=""; hists.forEach((result, index) => { // if(index < 8){ if( result != value ){ if(newSearchCookie == ""){ if(result != ''){newSearchCookie=result;} }else{newSearchCookie=newSearchCookie+ "," +result;} } // } }); document.cookie = searchCookieName+"=" + newSearchCookie + "; path=/; expires=" + todayDate + ";" } const removeAllSearchCookie = function() { document.cookie = searchCookieName+"=; path=/; expires=-1;" } const getSearchCookie = function() { let name = searchCookieName; let matches = document.cookie.match(new RegExp( "(?:^|; )" + name.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); return matches ? decodeURIComponent(matches[1]) : undefined; } const getSearchHistory = function() { console.log("getSearchHistory"); const pcHistoryList = document.getElementById("pc-history-list"); const moHistoryList = document.getElementById("mo-history-list"); let searchCookie = getSearchCookie(); if( searchCookie==undefined){ searchCookie=""; } pcHistoryList.innerHTML=""; moHistoryList.innerHTML=""; let hists = searchCookie.split(","); hists.forEach((result, index) => { if(result!='' && index < 5){ let li="" + "<li><button style='cursor: pointer' type='button' data-word='"+ result +"'>" + result + "</button>" + " <button type=\"button\" class=\"btn-del\" data-word=\""+ result +"\">\n" + " <span class=\"blind\">삭제</span>\n" + " </button>" + "</li>"; pcHistoryList.insertAdjacentHTML("afterbegin", li); moHistoryList.insertAdjacentHTML("afterbegin", li); } }); //한번씩만 호출하도록 순서 변경 pcHistoryList.childNodes.forEach((child, index) => { child.firstChild.addEventListener('click',function(event) { // console.log("PC = " + event.target.getAttribute('data-word')); // setSearchCookie(event.target.getAttribute('data-word')); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(event.target.getAttribute('data-word')); }); child.firstChild.addEventListener('keyup',function(event) { // console.log("PC_keyup = " + event.target.getAttribute('data-word')); if (event.key == 'Enter') { location.href = "/" + localeIdForSearchPopup + "/sustainability/search/search-result?keyword=" + encodeURIComponent(event.target.getAttribute('data-word')); } }); child.lastChild.addEventListener('click',function(event) { removeSearchCookie(event.target.getAttribute('data-word') ); event.target.parentElement.remove(); }); }); moHistoryList.childNodes.forEach((child, index) => { child.firstChild.addEventListener('click',function(event) { // setSearchCookie(event.target.getAttribute('data-word')); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(event.target.getAttribute('data-word')); }); child.firstChild.addEventListener('keyup',function(event) { // setSearchCookie(event.target.getAttribute('data-word')); if (event.key == 'Enter') { location.href = "/" + localeIdForSearchPopup + "/sustainability/search/search-result?keyword=" + encodeURIComponent(event.target.getAttribute('data-word')); } }); child.lastChild.addEventListener('click',function(event) { removeSearchCookie(event.target.getAttribute('data-word') ); event.target.parentElement.remove(); }); }); } //검색팝업 async 호출 const getSearchResultAsync = function(keywords){ console.log("1) 호출 = " + keywords); const pcKeyAutoUl = document.getElementById('pc-keyword-auto-ul'); const moKeyAutoUl = document.getElementById('mo-keyword-auto-ul'); const xmLHttpRequest = new XMLHttpRequest(); xmLHttpRequest.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { console.log("2) 응답 = " + keywords) pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'block'; } }); if(this.responseText != ''){ const obj = JSON.parse(this.responseText); pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_history') { layer.style.display = 'none'; } }); moLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_history') { layer.style.display = 'none'; } }); pcKeyAutoUl.innerHTML = ''; moKeyAutoUl.innerHTML = ''; obj.forEach((result, index) => { // console.log(" index.count " + index) if(index <= 9){ // let li="" + // "<li style='cursor: pointer' data-url='"+ result['url'] +"'>" // + result['title'] + // "</li>"; let li="" + "<li><a href='" + result['url'] + "'>" + result['title'] + "</a></li>"; pcKeyAutoUl.insertAdjacentHTML("afterbegin", li); pcKeyAutoUl.childNodes.forEach((li, index) => { li.addEventListener('click',function(event) { console.log(event.currentTarget.getAttribute('data-url')); location.href=event.currentTarget.getAttribute('data-url'); }); }); moKeyAutoUl.insertAdjacentHTML("afterbegin", li); moKeyAutoUl.childNodes.forEach((li, index) => { li.addEventListener('click',function(event) { console.log(event.currentTarget.getAttribute('data-url')); location.href=event.currentTarget.getAttribute('data-url'); }); }); } }); } } }; xmLHttpRequest.open('GET', "/"+localeIdForSearchPopup+"/sustainability/search/search-result-async?keyword="+encodeURIComponent(keywords), true); xmLHttpRequest.send(); } //PC 텍스트 삭제 버튼 const pcClearBtn = document.querySelector('.pc-only .search-box .btn-clear'); pcClearBtn.addEventListener('click', () => { searchFieldPc.value=""; pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'none'; } }); pcClearBtn.style.display = 'none'; pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_history') { layer.style.display = 'block'; } }); }); //모바일 텍스트 삭제 버튼 const moClearBtn = document.querySelector('.mo-only .search-box .btn-clear'); moClearBtn.addEventListener('click', () => { searchFieldMobile.value=""; moLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'none'; } }); moClearBtn.style.display = 'none'; moLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_history') { layer.style.display = 'block'; } }); }); const goSearchResult = function(objSearchFiled){ let keywords = objSearchFiled.value; if(keywords == ''){ keywords=objSearchFiled.getAttribute("placeholder"); } setSearchCookie(keywords); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(keywords); } if(searchFieldPc){ searchFieldPc.addEventListener('keyup', function (event) { if (event.key == 'Enter'){ goSearchResult(searchFieldPc); } }); } if(searchFieldMobile){ searchFieldMobile.addEventListener('keyup', function (event) { if (event.key == 'Enter'){ goSearchResult(searchFieldMobile); } }); } const pcSearchButton = document.getElementById('search_button_pc'); const moSearchButton = document.getElementById('search_button_mobile'); if(pcSearchButton){ pcSearchButton.addEventListener('click', function (event) { goSearchResult(searchFieldPc); }); } if(moSearchButton){ moSearchButton.addEventListener('click',function (event) { goSearchResult(searchFieldMobile); }); } const pcBtnAllDelete = document.querySelector('.pc-only .search-layer .btn-all-delete'); pcBtnAllDelete.addEventListener('click',function() { const pcHistoryList = document.getElementById("pc-history-list"); const moHistoryList = document.getElementById("mo-history-list"); removeAllSearchCookie(); pcHistoryList.innerHTML=""; moHistoryList.innerHTML=""; }); const moBtnAllDelete = document.querySelector('.mo-only .search-layer .btn-all-delete'); moBtnAllDelete.addEventListener('click',function() { const pcHistoryList = document.getElementById("pc-history-list"); const moHistoryList = document.getElementById("mo-history-list"); removeAllSearchCookie(); pcHistoryList.innerHTML=""; moHistoryList.innerHTML=""; }); }); </script> <script src="/sec/sustainability/assets/js/swiper.js"></script> <script type="text/javascript"> // page 내부 javascript start // video swiper const swiper = new Swiper('.video-slide-area', { slidesPerView: 'auto', centeredSlides: true, loop: true, navigation: { nextEl: '.video-swiper-next', prevEl: '.video-swiper-prev', }, pagination: { el: '.video-indicator', clickable: true, }, a11y: { enabled: true, }, }); // filter const filterBtn = document.querySelector('.btn-filter'); const filterLayer = document.querySelector('.layer-filter'); filterBtn.addEventListener('click', (e) => { const btn = e.target.localName === 'span' ? e.target.closest('button') : e.target if (btn.classList.contains('on')) { filterLayer.style.display = 'none'; btn.classList.remove('on'); } else { filterLayer.style.display = 'block'; btn.classList.add('on'); } }); const checkList = filterLayer.querySelectorAll('.check-list'); checkList.forEach((area, index) => { const checks = area.querySelectorAll('input[type="checkbox"]'); checks.forEach((check, idx) => { check.addEventListener('click', (e) => { if (idx === 0) { if (e.target.checked) { [...checks].map((c, i) => { c.checked = true }); } else { [...checks].map((c, i) => { c.checked = false }); } } else { if (e.target.checked) { const arr = new Array; for (let i = 0; i < checks.length; i++) { if (i !== 0) { arr.push([...checks][i]) } } let count = 0; for (let i = 0; i < arr.length; i++) { if (arr[i].checked) { count++ } } if (count === arr.length) { [...checks][0].checked = true } } else { [...checks][0].checked = false; } } }); }); }); const checksClear = document.querySelector('.checks-clear'); checksClear.addEventListener('click', (e) => { const myLayer = e.target.closest('.layer-filter'); const checksAllList = myLayer.querySelectorAll('input[type="checkbox"]'); [...checksAllList].map((c, i) => { c.checked = false }); }); const filterClose = document.querySelector('.filter-close'); filterClose.addEventListener('click', (e) => { filterLayer.style.display = 'none'; filterBtn.classList.remove('on'); }); // news & story carousel // 221209 carousel indicator 추가 const carouselArea = document.querySelector('.carousel-slide-wrap.pc-only'); const carousel = carouselArea.querySelectorAll('.carousel-list > li'); const dataLength = carousel.length; let stopStatus = true; const next = carouselArea.querySelector('.btn-next'); const prev = carouselArea.querySelector('.btn-prev'); const carouselIndicator = carouselArea.querySelector('.pc-indicator'); for (let i = 0; i < carousel.length; i++) { const span = document.createElement('span'); if (i === 0) span.classList.add('active'); carouselIndicator.appendChild(span); } const carouselAction = { indicator: function (activeIndex) { const indicators = carouselIndicator.querySelectorAll('span'); [...indicators].map((s, i) => { i === activeIndex ? s.classList.add('active') : s.classList.remove('active'); }); }, next: function () { if (stopStatus) { stopStatus = false; const leftLi = carouselArea.querySelector('.carousel-item-1'); const centerLi = carouselArea.querySelector('.carousel-item-2'); const rightLi = carouselArea.querySelector('.carousel-item-3'); const nextEl = rightLi.nextElementSibling ?? carousel[0]; leftLi.classList.add('left-to-off'); centerLi.classList.add('center-to-left'); rightLi.classList.add('right-to-center'); leftLi.classList.remove('carousel-item-1'); leftLi.classList.remove('left-to-off'); leftLi.classList.add('wating-item'); centerLi.classList.remove('carousel-item-2'); centerLi.classList.remove('center-to-left'); centerLi.classList.add('carousel-item-1'); rightLi.classList.remove('carousel-item-3'); rightLi.classList.remove('right-to-center'); rightLi.classList.add('carousel-item-2'); nextEl.classList.add('off-to-right'); nextEl.classList.remove('wating-item'); nextEl.classList.remove('off-to-right'); nextEl.classList.add('carousel-item-3'); const activeSlide = document.querySelector('.carousel-item-2'); carouselAction.indicator(+activeSlide.attributes['data-index'].value - 1); stopStatus = true; } }, prev: function () { if (stopStatus) { stopStatus = false; const leftLi = carouselArea.querySelector('.carousel-item-1'); const centerLi = carouselArea.querySelector('.carousel-item-2'); const rightLi = carouselArea.querySelector('.carousel-item-3'); const prevEl = leftLi.previousElementSibling ?? carousel[dataLength - 1]; leftLi.classList.add('left-to-center'); centerLi.classList.add('center-to-right'); rightLi.classList.add('right-to-off'); leftLi.classList.remove('carousel-item-1'); leftLi.classList.remove('left-to-center'); leftLi.classList.add('carousel-item-2'); centerLi.classList.remove('carousel-item-2'); centerLi.classList.remove('center-to-right'); centerLi.classList.add('carousel-item-3'); rightLi.classList.remove('carousel-item-3'); rightLi.classList.remove('right-to-off'); rightLi.classList.add('wating-item'); prevEl.classList.add('off-to-left'); prevEl.classList.remove('wating-item'); prevEl.classList.remove('off-to-left'); prevEl.classList.add('carousel-item-1'); const activeSlide = document.querySelector('.carousel-item-2'); carouselAction.indicator(+activeSlide.attributes['data-index'].value - 1); stopStatus = true; } }, }; next.addEventListener('click', carouselAction.next, false); prev.addEventListener('click', carouselAction.prev, false); // news & story carousel mobile const videoSwiper = new Swiper('.mobile-swiper', { slidesPerView: 'auto', centeredSlides: true, spaceBetween: 0, pagination: { el: '.mo-indicator', clickable: true, }, a11y: { enabled: true, }, }); </script> <script> const setAttributes = function(el, attrs) { for(let key in attrs) { el.setAttribute(key, attrs[key]); } } const videoUriCall = (e) => { let dataUrl = e.getAttribute('data-url'); let videoSrc = extractSrcFromStringToHTML(dataUrl); window.open(videoSrc); } const extractSrcFromStringToHTML = function(str) { let dom = document.createElement('div'); dom.innerHTML = str; return dom.getElementsByTagName("iframe")[0].src; }; const videoCall = (e, type) => { const layer = document.getElementById('videoLayer'); const ratio = layer.querySelector('.popup-video-ratio'); const videoTitle = layer.querySelector('.popup-video-title'); const videoDate = layer.querySelector('.popup-video-date'); videoTitle.innerHTML=e.getAttribute('title'); videoDate.innerHTML=e.getAttribute('data-date'); let video; if(type==0){ video = document.createElement('video'); console.log(" e.getAttribute('data-url') {} ", e.getAttribute('data-url')); setAttributes(video, { 'src': e.getAttribute('data-url'), 'controls':'', 'muted':'' ,'preload': 'metadata'}); ratio.appendChild(video); }else{ ratio.innerHTML= e.getAttribute('data-url'); } layer.style.display = 'block'; layer.focus(); // 접근성 수정 1차 const close = layer.querySelector('.popup-video-close'); close.addEventListener('click', () => { layer.style.display = 'none'; ratio.innerHTML=""; videoTitle.innerHTML=""; videoDate.innerHTML=""; e.focus(); }); } </script> <script> //필터 검색 스크립트 const searchBtn = document.querySelector('.search-button'); searchBtn.addEventListener('click', (e) => { document.getElementById('pageIndex').value = 1; document.getElementById('searchForm').submit(); }); //페이징 스크립트 const paingNextCall = (p, l) => { if (p < l) { let pageIndex = parseInt(p) + 1; document.getElementById('pageIndex').value = pageIndex; document.getElementById('searchForm').submit(); } } const paingPrevCall = (p, f) => { if (p > f) { let pageIndex = parseInt(p) - 1; document.getElementById('pageIndex').value = pageIndex; document.getElementById('searchForm').submit(); } } const goNewsVideo = (e) => { let contentType = e.getAttribute('data-contentType'); console.log(contentType); if(contentType == 'news'){ let target = e.getAttribute('data-target'); window.open(e.getAttribute('data-news') , target); }else{ videoUriCall(e); // 20240401 웹페이지 내 비디오에 대한 웹 접근성 이슈로 인해 주석처리. 유투브 URI 호출로 대체 //videoCall(e, e.getAttribute('data-publishType')); } } window.addEventListener('load', function() { if(location.href.indexOf("categoryCode")>0 || location.href.indexOf("mediaTypes")>0 ){ location.href="#news-filter-area" } }); </script> </body> </html>

CINXE.COM

뉴스& 비디오 | Focus | 삼성전자 지속가능경영 | 삼성전자 |