지속가능한 운영 | Planet | 삼성전자 지속가능경영

<!DOCTYPE html> <html lang="ko"> <head> <title>지속가능한 운영 | Planet | 삼성전자 지속가능경영 | 삼성전자 |</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="지속가능한 운영 | Planet | 삼성전자 지속가능경영 | 삼성전자 |"> <meta name="keywords" content="삼성전자, 지속가능경영, 지속가능성, 환경, 환경경영, 사업장폐기물관리, 수자원보호, 대기오염저감, 화학물질관리"> <meta name="description" content="삼성전자는 사업장 폐기물을 재활용하고, 공정 과정에서의 수자원과 대기 오염을 최소화하며, 화학물질을 엄격히 관리함으로써 안전하고 지속가능한 운영 체계를 수립하고자 합니다."> <meta property="search:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/planet/SustainabilityinOperations.jpg"> <meta property="search-frag:0" content="지속가능한 운영"> <meta property="search-frag:1" content="지속가능한 운영 | 사업장 폐기물 관리"> <meta property="search-frag:2" content="지속가능한 운영 | 수자원 보호&대기오염 최소화"> <meta property="search-frag:3" content="지속가능한 운영 | 화학물질 관리"> <meta property="og:site_name" content="지속가능한 운영 | Planet | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.samsung.com/sec/sustainability/planet/sustainable-operations"> <meta property="og:title" content="지속가능한 운영 | Planet | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="og:description" content="삼성전자는 사업장 폐기물을 재활용하고, 공정 과정에서의 수자원과 대기 오염을 최소화하며, 화학물질을 엄격히 관리함으로써 안전하고 지속가능한 운영 체계를 수립하고자 합니다."> <meta property="og:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/planet/SustainabilityinOperations.jpg"> <meta property="twitter:card" content="Summary"> <meta property="twitter:site" content="@SamsungSustainability"> <meta property="twitter:title" content="지속가능한 운영 | Planet | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="twitter:description" content="삼성전자는 사업장 폐기물을 재활용하고, 공정 과정에서의 수자원과 대기 오염을 최소화하며, 화학물질을 엄격히 관리함으로써 안전하고 지속가능한 운영 체계를 수립하고자 합니다."> <meta property="twitter:url" content="https://www.samsung.com/sec/sustainability/planet/sustainable-operations"> <meta property="twitter:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/planet/SustainabilityinOperations.jpg"> <style> /* 24.05.09 아코디언 */ .popup-area .planet-accordion > ul > li dd {visibility:hidden; opacity:0; transition: opacity 0.5s ease, visibility 0s linear 0.5s;} .popup-area .planet-accordion > ul > li.active dd {transition-delay: 0s;visibility:visible; opacity:1;} </style> <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="bdpnbetio5udwz2hffba-f-84f418a78-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":4,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"4de7528d","ak.r":39403,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":60308,"ak.gh":"23.200.218.7","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732716866","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==E/Mc5R7/ioj7BOZVjTU4DNE3CN20VFh/WQ7/MsVGnn/6gcLKucoeh7HGSNM5b0IyY17QSwO/VGOaj4u34st8n/oLKiEYZnUaBHgOjqs0JJPbYimVEvSLiHGESo0JY8rNd/MQ1rWuxeDbmN+rlLU6Q3Da6tGvSNfhDnSgevlL+jmj/ADn6he0pey5BVfkfQBwk/sCZKl6DQRQ52gJfSwYxQoXx/IT/NCBH8HjbCfAlCc1tAEHgq7gAhvdQHXLHf4WbsWN+k2eVtCEYvYWA43atgA611ntCG3ReoFrGTsK/3KnMgT8Q6uIw3DFKP0LXaPfq5pOND5f/jN4Ih/H/oR6Ckj8HmVHmP89FRnkjPjxE/UCG991pNvq0bORuawuS9HgWP1rjiCmzMYksI7FhFlxLDoFRi9G+MlIGVxzOCgATVg=","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="planet-conts planet-conts05">  <section class="key-visual sustainable">  <div class="text-area"> <span class="sup">지속가능한 운영</span> <h2 class="font-samsung-ssb">Sustainability <br>in Operations</h2> </div> </section> <section class="kv-cont">   <div class="mv-area"> <div class="illustrat-area"> <div class="illustrat-box"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/Planet/SustainabilityInOperations/Sustainability_in_Operations_01_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/Planet/SustainabilityInOperations/Sustainability_in_Operations_01_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> </div> </div> <div class="blind"> <p>Waste</p> <p>Materials</p> </div> </div> <div class="group-es so-cont01"> <div class="mv-box"> <div class="tit-group"> <h3 class="group-tit">사람과 자연을 생각하는 <br>삼성전자의 <br class="mo-only">지속가능한 <br class="pc-only">사업장 운영</h3> <p class="group-txt-big">모두에게 소중한 자원,</p> <p class="group-txt">소중한 만큼 아껴서 써야 합니다. <br><br>삼성전자는 제품 개발과 생산과정에 필요한 자원을 재활용하고, <br class="pc-only">오염물질을 제거하는 기술을 개발하는 등 누구에게나 안전한 <br class="pc-only">지속가능한 운영 체계를 수립하고자 합니다.</p>  </div> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum11.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/mv-thum11.jpg" alt=""> </div> </div> </div> <div class="group-es so-cont02"> <div class="tit-group ta-right"> <h3 class="group-tit">건강하고 안전한 <br class="mo-only">사업장을 만들기 위해 <br>최선을 다합니다.</h3> </div> <div class="mv-area"> <div class="illustrat-area"> <div class="illustrat-box"> <div class="lottie-bg sustainable-operations-01"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/Planet/SustainabilityInOperations/Sustainability_in_Operations_02_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/Planet/SustainabilityInOperations/Sustainability_in_Operations_02_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> </div> </div> </div> </div> </div> <div class="group-es card-bg-cont"> <div class="tit-group ta-center"> <h3 class="group-tit">삼성전자가 <br class="mo-only">지속가능하게 사업장을 <br class="mo-only">운영하는 방법</h3> </div> <div class="card-list"> <dl> <dt>사업장 폐기물 관리</dt> <dd><strong class="fc-55">2025년까지 글로벌 제조사업장<br> 폐기물 매립 제로 플래티넘 인증* 추진</strong></dd>  <dd>폐기물 재활용률 극대화 및 <br class="mo-only">폐기물 매립 제로 인증 확대</dd> <dd class="sm-txt">* UL (Underwriters Laboratories) 폐기물 매립 <br class="mo-only">제로 인증<br class="pc-only">(Zero Waste to Landfill) <a href="#anchor1" class="btn-go">아래로 이동하기</a> </dd> <dd>  <strong class="fc-55 pd">폐기물의 자원순환 확대</strong> <br> <strong class="fc-55">폐기물 재활용 확대, <br class="mo-only">고부가가치화를 통한 자원화</strong> </dd> </dl> <dl> <dt>수자원 보호 & <br>대기오염 최소화</dt> <dd><strong class="fc-55">2030년까지 DS부문 국내 사업장 취수량 증가 <br>제로화 </strong><small>(2021년 대비)</small> <br><strong>DX부문 글로벌 용수 사용량 100% 환원 목표</strong></dd> <dd>2040년까지 반도체사업장 수질·대기 <br class="mo-only" />오염물질을 <br class="pc-only" />자연상태 수준*으로 처리</dd> <dd class="sm-txt">* 자연상태 수준: 방류수는 하천 상류 수준, 대기는 국가 <br class="mo-only">목표 수준의 깨끗한 공기로 처리하여 배출</dd> <dd class="sm-txt"><a href="#anchor2" class="btn-go">아래로 이동하기</a></dd> </dl> <dl> <dt>화학물질 관리</dt> <dd><strong class="fc-55">제품환경 관리물질 운영규칙 준수</strong></dd> <dd>부품과 원자재에 대한 철저한<br class="mo-only"> 사전검사 및 <br class="pc-only">사후관리 체계 운영<a href="#anchor3" class="btn-go">아래로 이동하기</a></dd> </dl> </div> </div> </section> <section class="tab-section"> <div class="tab-list"> <ul role="tablist"> <li class="active"><a href="#anchor1">사업장 폐기물 관리</a></li> <li><a href="#anchor2">수자원 보호 & 대기오염 최소화</a></li> <li><a href="#anchor3">화학물질 관리</a></li> </ul> </div> <div class="tab-panel-wrap">  <div class="group-es so-cont03" id="anchor1"> <span id="AYS7_e0KVPIAIyC3"></span> <span id="AYTBfZMaFkAAIyDu"></span> <span id="AYUBdfv64TsAIx8Z"></span> <span id="AYStMap6Bu8AIyC3"></span> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon09">사업장 폐기물 관리</h3> <p class="group-txt-big fc-75">재활용률 높여 땅에 묻는 폐기물 최소화</p> </div> <div class="mv-area"> <h4 class="ta-center cont-tit">폐기물 매립 제로 인증 <br class="mo-only">최고 등급 획득 목표</h4> <div class="illustrat-area"> <div class="illustrat-box"> <div class="lottie-bg sustainable-operations-02"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/Planet/SustainabilityInOperations/Sustainability_in_Operations_03_PC_KR_Content_O.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/Planet/SustainabilityInOperations/Sustainability_in_Operations_03_MO_KR_Content_O.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> </div> </div> </div> <div class="blind">  <p>2022년 - 23개 사업장 폐기물 매립 제로 인증 취득</p> <p>2023년 - 폐기물 재활용률 97% 달성, 30개* 사업장 폐기물 매립 제로 인증 취득, * 총 31개 중 30개 사업장이 인증을 취득했으며, 이 중 21개 사업장은 최고 등급(플래티넘) 획득(2024년 3월 기준) </p> <p>2025년 - 글로벌 사업장 폐기물 매립 제로 플래티넘 등급 획득 추진</p> </div> </div> <div class="mv-box tp02"> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum12.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/mv-thum12.jpg" alt=""> </div> <div class="tit-group mid-cell mt-mo-zero">  <h3 class="group-tit">폐기물을 재활용합니다. <br>폐기물에서<br> 자원을 얻습니다.</h3> <p class="group-txt">폐기물에서 부가가치를 발굴해 순환 경제를 달성하고 지속적으로 재활용<br class="pc-only" /> 기술을 개발하고 있습니다. 이를 통해 폐기물의 재활용률을 2023년에<br class="pc-only" /> 97%까지 달성할 수 있었습니다.</p> <p class="group-txt">반도체 사업장은 사내에서 사용하는 화학물질 보관용 케미컬 드럼의 잔여물질을 최소화하고, 폐웨이퍼 및 사무실의 커피캡슐 원료 재활용 등 노력을 인정받아 2023년에도 글로벌 안전 인증기관 UL(Underwriters Laboratories)의 폐기물 매립 제로(Zero Waste to Landfill) 인증 최고 등급인 플래티넘*을 유지하고 있습니다.</p> <p class="txt-sm txt-gray">* SAS법인은 골드 등급</p> </div> </div> <div class="banner-cont bg-white" id="zerowastetolandfill">  <p class="tit-big">사업장 폐기물 매립 <br class="mo-only">제로 인증 획득</p> <p class="txt-sm">삼성전자 30개 사업장은 글로벌 안전 인증기관 UL(Underwriters Laboratories)로 부터<br> ‘폐기물 매립 제로 인증(Zero Waste to Landfill)’*을 획득했습니다. <br>2025년까지 전체 사업장에서 플래티넘 인증을 획득할 계획입니다. </p> <p class="txt-gray">* 폐기물 매립 제로 인증 :<br class="mo-only"> 기업의 자원순환 노력을 평가하고, 사업장에서 발생하는 폐기물이 자원 순환하는 비율에 따라 4단계로 등급을 부여함.<br> 플래티넘 100%, 골드 95~99%, 실버 90~94%, 인증 80% 이상 (소수점 이하는 반올림 적용, 99.5%는 반올림하여 100%로 인정)</p> </div> <div class="map-area"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/map03.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/map03.png" alt=""> </div> <div class="gray-box-wrap"> <div class="gray-box-cont"> <div class="g-box">  <dl> <dt>플래티넘 인증*</dt> <dd><span class="t">국내 : </span><span class="con">수원, 광주, 기흥, 화성, 평택, 온양, 천안</span></dd> <dd><span class="t">해외 : </span><span class="con">중국(시안, 쑤저우(2)), 슬로바키아, <br class="mo-only">인도(첸나이, 노이다), 브라질(캄피나스, 마나우스), <br class="mo-only">폴란드, 이집트, <br class="pc-only">베트남(하노이(2)), <br class="mo-only">멕시코(티후아나), 튀르키예</span></dd> <dd class="sm">* 2024년 3월 인증현황 기준</dd> </dl> </div> <div class="g-box">  <dl> <dt>골드 인증*</dt> <dd><span class="t">국내 : </span><span class="con">구미</span></dd> <dd><span class="t">해외 : </span><span class="con">헝가리, 베트남(호치민), 태국, <br class="mo-only">멕시코(케레타로), 인도네시아, 미국(오스틴, 뉴베리), <br class="mo-only">말레이시아</span> </dd> <dd class="sm">* 2024년 3월 인증현황 기준</dd> </dl> </div> </div> </div> <div class="mv-box-bg"> <div class="mv-box tp03 wide"> <div class="tit-group mid-cell"> <h3 class="group-tit">폐기물을 <br>새로운 자원의 원천으로</h3> <p class="group-txt">기존에 소각하고 매립했던 폐기물을 <br> 삼성전자의 혁신기술로 재활용합니다.</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYS7_e0KVPIAIyC3')" class="btn btn-text">폐기물 재활용률 향상 목표 및 현황</a> </div> <div class="img-box"> <div class="pc-only video-area"> <img src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum13.png" class="thumb-img" alt="2025년까지 전 사업장 폐기물 매립 제로화 추진"> <a href="javascript:void(0);" class="btn-round play">영상실행</a> <video preload="metadata" controls muted loop playsinline title="2025년까지 전 사업장 폐기물 매립 제로화 추진"> <source src="/sec/sustainability/media/play/SustainabilityinOperation_01_zerowaste_Kor_1080x1920.mp4" type="video/mp4"> </video> </div> <div class="mo-only video-area"> <img src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum13.png" class="thumb-img" alt="2025년까지 전 사업장 폐기물 매립 제로화 추진"> <a href="javascript:void(0);" class="btn-round play">영상실행</a> <video width="100%" height="100%" preload="metadata" controls muted loop playsinline title="2025년까지 전 사업장 폐기물 매립 제로화 추진"> <source src="/sec/sustainability/media/play/SustainabilityinOperation_01_zerowaste_Kor_360x640.mp4" type="video/mp4"> </video> </div> </div> </div> </div> <div class="list-ico-area bno"> <ul> <li><strong class="tit ico01">국내 업계 최초 순환자원 <br>품질표지 인증 획득</strong><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYTBfZMaFkAAIyDu')" class="btn btn-text">자세히 보기</a></li> <li><strong class="tit ico02">구리는 광산에서만? <br>폐기물에서도 추출합니다.</strong><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYUBdfv64TsAIx8Z')" class="btn btn-text">자세히 보기</a></li> <li><strong class="tit ico_03">정교한 기술로 <br>원자재를 더욱 효율적으로</strong><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYlwoNFKE_sAIx-n')" class="btn btn-text">자세히 보기</a></li>  <li><strong class="tit ico_04">인증된 파트너와 함께 하는<br>사내 폐기물 관리 시스템</strong><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYlwoxbaFLsAIx-n')" class="btn btn-text">자세히 보기</a></li> </ul> </div> <div class="banner-cont">  <p class="profile"><img src="/sec/sustainability/assets/img/pc/planet/mdi/img_profile05.jpg" alt=""></p> <p class="txt">사내 생활 폐기물도<br class="mo-only"> 최소한으로 줄입니다. <br>임직원 모두가 함께합니다.</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStMap6Bu8AIyC3')" class="btn btn-text" >자세히 보기</a> </div> </div>   <div class="group-es so-cont04" id="anchor2"> <span id="AYStMiTaB0AAIyC3"></span> <span id="AYS8APQ6VcgAIyC3"></span> <span id="AYStMpdqB1cAIyC3"></span> <span id="AYStMxe6B24AIyC3"></span> <span id="AYS7_yOaVQ0AIyC3"></span> <span id="AYS8AE7KVZwAIyC3"></span> <div class="tit-group ta-center mt"> <h3 class="group-tit-ico icon10">수자원 보호 &<br class="mo-only"> 대기오염 최소화</h3> <p class="group-txt-big fc-75">빌려쓰기 전, <br class="mo-only">처음의 모습으로 되돌리려는 노력</p> </div> <div class="mv-area"> <h4 class="ta-center">수자원・대기 오염 관리 목표</h4> <div class="illustrat-area"> <div class="illustrat-box"> <div class="lottie-bg sustainable-operations-03"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/Planet/SustainabilityInOperations/Sustainability_in_Operations_04_PC_KR_Content_O.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/Planet/SustainabilityInOperations/Sustainability_in_Operations_04_MO_KR_Content_O.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> </div> </div> </div> <div class="blind">  <p>2023년 - 국내 최초 AWS 플래티넘* 인증 획득(화성사업장) 이후 인증 사업장 지속 확대 * Alliance for Water Stewardship</p> <p>2030년 - DS부문 국내 사업장 취수량 증가 제로화 (2021년 대비) 공공하수처리장 방류수 재이용 등, DX부문 글로벌 용수 사용량 100% 환원 목표</p> <p>2040년 - 반도체 사업장 수질·대기 오염물질을 자연상태 수준으로 처리, 자연상태 수준으로 처리할 수 있는 신기술 개발</p> </div> </div> <div class="mv-box tp02"> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum14.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/mv-thum14.jpg" alt=""> </div> <div class="tit-group mid-cell"> <h3 class="group-tit">물도 공기도 자연 상태 <br>수준으로 되돌립니다.</h3> <p class="group-txt">제품 공정 과정에는 물이 필요합니다. 대기도 오염되죠. 취수량을 절감하는 것과<br class="pc-only"/> 함께 대기와 수질 오염물질을 최대한 깨끗한 상태로 배출해 오염을 최소화하는 노력이 필요합니다.</p> <p class="group-txt">  삼성전자는 공정 과정에서 사용한 물의 재이용을 극대화해 새롭게 취수하는 양을 줄여나가고 있습니다. 반도체 라인 증설로 인해 반도체 사업장의 하루 취수 필요량은 2030년까지 2022년의 2배 이상으로 늘어나게 됩니다. 하지만 삼성전자는 용수 재이용을 최대한 늘려 2021년 수준으로 절감하기로 했습니다. </p> <p class="group-txt">뿐만 아니라, 반도체를 생산하는 과정에서 배출되는 대기와 수질 오염물질을<br class="pc-only"/> 제거하는 신기술을 적용해 2040년부터는 환경에 미치는 영향이 거의 없는<br class="pc-only"/> '자연상태'로 처리해 배출하는 것을 목표로 노력하고 있습니다.</p> </div> </div> <div class="banner-cont sustainability divider">  <p class="profile"><img src="/sec/sustainability/assets/img/pc/planet/mdi/img_profile_new.png" alt=""></p> <p class="txt">수자원 관리의 미션과 비젼</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYlwqbcaFS8AIx-n')" class="btn btn-text" >자세히 보기</a> </div> <div class="graph-area np"> <div class="txt-area"> <div class="top"> <strong class="cont-tit">매년 증가하는 <br>용수 재이용량</strong> <span class="sm-txt">단위 : 천 톤</span> </div> </div> <div class="chart"> <p class="blind">2020년 : 70,181, 2021년 : 93,949, 2022년 : 116,590, 2023년 : 122,891</p>  <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/Planet/SustainabilityInOperations/Sustainability_in_Operations_Chart_PC_Content_O.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/Planet/SustainabilityInOperations/Sustainability_in_Operations_Chart_MO_Content_O.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> </div> </div> <div class="mv-box-bg white border">  <div class="mv-box tp03 wide"> <div class="tit-group mid-cell"> <h3 class="group-tit">줄일 수 있다면, <br>어떤 변화도 <br>마다하지 않습니다.</h3> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStMiTaB0AAIyC3')" class="btn btn-text">수자원 사용량 절감 및 재이용 확대</a> </div> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum21.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/mv-thum21.png" alt=""> </div> </div> </div> <div class="banner-cont">  <p class="profile"><img src="/sec/sustainability/assets/img/pc/planet/mdi/img_profile06.jpg" alt=""></p> <p class="txt">‘세계 물의 날’을<br class="mo-only"> 기념하는 방법</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYS8APQ6VcgAIyC3')" class="btn btn-text">자세히 보기</a> </div>    <div class="ico-list-box _pc-only"> <ul> <li> <img src="/sec/sustainability/assets/img/pc/planet/mdi/icon_list13.png" alt="" /> <p class="tit">철저한 관리로<br>오염물질 차단</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStMpdqB1cAIyC3')" class="btn btn-text">수자원 관리 과정</a> </li> <li> <img src="/sec/sustainability/assets/img/pc/planet/mdi/icon_list10.png" alt="" /> <p class="tit">지역별 수자원 리스크<br>면밀히 파악해 적극 대응</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStMxe6B24AIyC3')" class="btn btn-text">수자원 리스크 평가</a> </li> <li> <img src="/sec/sustainability/assets/img/pc/planet/mdi/icon_list22.png" alt="" /> <p class="tit">체계적인 수자원 관리</p>  <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AY9WAGiKAJQAIx-J')" class="btn btn-text">DS부문 수자원 관리 체계</a> </li> <li> <img src="/sec/sustainability/assets/img/pc/planet/mdi/icon_list19.png" alt="" /> <p class="tit">수자원 보전을 위한<br>적극적인 협력</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYh0fuwqiJMAIx-n')" class="btn btn-text">AWS 수자원 인증 추진</a> </li> <li> <img src="/sec/sustainability/assets/img/pc/planet/mdi/icon_list16.png" alt="" /> <p class="tit">수자원 관련 지역<br>이해관계자와의<br>활발한 소통 활동</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYlwp30aFPwAIx-n')" class="btn btn-text">지역 이해관계자와의 소통 활동</a> </li> <li> <img src="/sec/sustainability/assets/img/pc/planet/mdi/icon_list21.png" alt="" /> <p class="tit">지역사회에 수자원을 <br>되돌려 줄 수 있도록</p>  <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AY8EBXXqLkgAIx9s')" class="btn btn-text">DX부문 수자원 환원 현황</a> </li> </ul> </div>  <div class="banner-cont">   <p class="profile"><img src="/sec/sustainability/assets/img/pc/planet/mdi/img_profile07.png" alt=""></p>  <p class="txt">삼성 반도체 사업장 주변에 <br class="mo-only">수달이 돌아왔다고?</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYS7_yOaVQ0AIyC3', accordion_01)" class="btn btn-text">수생태 건강성 확보 활동</a> </div> <div class="half-box-wrap"> <div class="bg-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/bg_box01.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/bg_box01.jpg" alt=""> </div> <div class="tit-group"> <h3 class="group-tit">대기 오염물질 줄이고 <br>공기 정화 도울<br> 나무는 심고</h3> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYS8AE7KVZwAIyC3')" class="btn btn-text">대기 오염 관리 활동</a> </div> </div> </div>   <div class="group-es so-cont05" id="anchor3"> <span id="AYS8AXLKVeYAIyC3"></span> <span id="AYUBeJzK4WEAIx8Z"></span> <span id="AYS8AkZqVgQAIyC3"></span> <span id="AYS8ArTaVhsAIyC3"></span> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon11">화학물질 관리</h3> <p class="group-txt-big fc-75">고객과 임직원의 건강과 환경을 <br class="mo-only">위해 더욱더 엄격하게</p> </div> <div class="mv-box tp02"> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum20.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/mv-thum20.png" alt=""> </div> <div class="tit-group mid-cell">  <h3 class="group-tit">우려 물질로부터 멀리 멀리 <br class="pc-only">고객도, 임직원도.</h3> <p class="group-txt">제품에 포함될 수 있는 우려 물질과 생산현장에서 사용되는 화학물질이 <br class="pc-only">고객과 임직원의 건강과 환경에 미칠 수 있는 <br class="pc-only">부정적인 영향을 최소화하기 위해 노력합니다. <br class="pc-only">RoHS(EU 전기전자제품 내 우려 물질 사용제한 지침)과 <br class="pc-only">REACH(EU 화학물질의 등록, 평가, 허가, 제한 제도) 등 <br class="pc-only">글로벌 환경 기준을 반영해 사내 규칙을 제정하고 엄격하게 관리하며, <br class="pc-only">PFAS 등 신규 규제 동향 역시 지속적으로 모니터링하여 <br class="pc-only">체계적으로 대응할 예정입니다.</p>  <div class="btn-area"> <span class="btn-block"><a href="/sec/sustainability/policy-file/AYTGhbFKAfMAIyDc/1-3%20(KR)%20_제품%20유해물질%20관리규칙.pdf" class="btn btn-icon download" title="제품환경 관리물질 운영 규칙 다운로드">제품환경 관리물질 운영 규칙</a></span>  <span class="btn-block"><a href="/sec/sustainability/policy-file/AYTGiFxKAucAIyDc/2-2%20_EU%20REACH%20SVHC%20Declaration.pdf" class="btn btn-icon download" title="EU REACH 선언서 다운로드">EU REACH 선언서</a></span>  </div> </div> </div> <div class="list-ico-area"> <ul> <li><strong class="tit ico05">제품 우려 물질 관리 <br>사전검증도 <br>사후관리도 철저히</strong><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYS8AXLKVeYAIyC3', accordion_01)" class="btn btn-text">제품 내 우려 물질 관리</a></li> <li><strong class="tit ico06">삼성전자도 협력회사도 <br>안전하게</strong><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYUBeJzK4WEAIx8Z')" class="btn btn-text">제조공정 사용 규제 물질</a></li> </ul> </div> <div class="list-ico-area mo-bb"> <ul> <li><strong class="tit ico07">사전평가부터 폐기까지 <br>안전하게</strong><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYS8AkZqVgQAIyC3')" class="btn btn-text">화학물질 관리 프로세스</a></li> <li><strong class="tit ico08">안전과 직결되니까 아무리 <br>강조해도 지나치지 않으니까</strong><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYS8ArTaVhsAIyC3')" class="btn btn-text">사업장 화학물질 관리</a></li> </ul> </div> </div>  </div> </section>  <section class="accordion-section"> <div class="tit-group"> <h3 class="group-tit eng">Digital Library</h3> </div> <div class="accordion-area"> <div class="accordion-wrap"> <ul class="accordion-list"> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">사업장 환경 안전방침</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGcsraAUQAIyDc/1-1%20(KR)_%20사업장%20환경%20안전%20방침%20(1).pdf" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">제품 유해물질 관리 규칙</div>  <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGhbFKAfMAIyDc/1-3 (KR) _제품 유해물질 관리규칙.pdf" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">EU REACH(유럽 화학물질 법규) SVHC 선언서</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGiFxKAucAIyDc/2-2 _EU REACH SVHC Declaration.pdf" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">규제물질 목록</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGidUKAw8AIyDc/1-5 (KR)_ 규제물질 목록.pdf" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">녹색 구매 정책</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGcZ56AS8AIyDc/Green_Procurement_Policy_new.pdf" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">대한민국 - KOLAS (IEC 62321-6)</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGjQ2qBDYAIyDc/2-4 (KR)_ 대한민국 - KOLAS (IEC 62321-6).pdf" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">ISO 14001 / ISO50001 / OHSAS18001</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGjawqBEEAIyDc/2-1 _ISO 14001_ ISO 45001_ ISO 50001.pdf" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">TUV 라인란드 (ISO 846,<br class="mo-only"> ISO 22196, ISO 21702)</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGnwN6AFYAIyAw/2-5 _TUV Rheinland (ISO 846, ISO 22196, ISO 21702).pdf" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">미국-UL 사업장 폐기물 매립 제로</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYYbVar6esEAIx-_/Zero Waste to Landifll Platinum Operation.pdf" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> </ul> <div class="btn-area ta-center"> <button type="button" onclick="location.href = '/sec/sustainability/digital-library/policy-document'" class="btn btn-round black">자세히 보기</button> </div> </div> </div> </section>    <section class="news-section" id="anchor-news"> <div class="tit-group ta-center"> <h3 class="group-tit eng">News & Story</h3> </div> <div class="swiper swiper-news"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/media/aa/71f6f9fc0b4558b6b33d7f4a0fd252" alt="삼성전자, ‘유럽 이해관계자 포럼‘ 개최"> <img class="mo-only" src="/sec/sustainability/media/aa/71f6f9fc0b4558b6b33d7f4a0fd252" alt="삼성전자, ‘유럽 이해관계자 포럼‘ 개최"> </div> <div class="text-area"> <a href="/sec/sustainability/focus/news-detail/AZBygYmqKAIALYOd" target="_self" title = "새창 열림"> <span class="date">2024.07.02</span> <strong class="tit">삼성전자, ‘유럽 이해관계자 포럼‘ 개최</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/media/7c/f4110bad444459b728286b9a0052c1" alt="삼성전자 ‘2024년 지속가능경영 보고서’ 발간"> <img class="mo-only" src="/sec/sustainability/media/7c/f4110bad444459b728286b9a0052c1" alt="삼성전자 ‘2024년 지속가능경영 보고서’ 발간"> </div> <div class="text-area"> <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" title = "새창 열림"> <span class="date">2024.06.28</span> <strong class="tit">삼성전자 ‘2024년 지속가능경영 보고서’ 발간</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/04/240422_%EC%A7%80%EA%B5%AC%EC%9D%98%EB%82%A0%ED%96%89%EC%82%AC_%EC%88%98%EC%A0%954-2_%EC%84%AC%EB%84%A4%EC%9D%BC.jpg" alt="삼성전자, 지구의 날 맞아 글로벌 소등 행사 진행"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/04/240422_%EC%A7%80%EA%B5%AC%EC%9D%98%EB%82%A0%ED%96%89%EC%82%AC_%EC%88%98%EC%A0%954-2_%EC%84%AC%EB%84%A4%EC%9D%BC.jpg" alt="삼성전자, 지구의 날 맞아 글로벌 소등 행사 진행"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%a7%80%ea%b5%ac%ec%9d%98-%eb%82%a0-%eb%a7%9e%ec%95%84-%ea%b8%80%eb%a1%9c%eb%b2%8c-%ec%86%8c%eb%93%b1-%ed%96%89%ec%82%ac-%ec%a7%84%ed%96%89" target="_blank" title = "새창 열림"> <span class="date">2024.04.23</span> <strong class="tit">삼성전자, 지구의 날 맞아 글로벌 소등 행사 진행</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/03/0321_%EC%84%B8%EA%B3%84%EB%AC%BC%EC%9D%98%EB%82%A0_TH.png" alt="[포토뉴스] 세계 물의 날, 전세계 삼성전자 임직원 수자원 보전 활동 동참"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/03/0321_%EC%84%B8%EA%B3%84%EB%AC%BC%EC%9D%98%EB%82%A0_TH.png" alt="[포토뉴스] 세계 물의 날, 전세계 삼성전자 임직원 수자원 보전 활동 동참"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ed%8f%ac%ed%86%a0%eb%89%b4%ec%8a%a4-%ec%84%b8%ea%b3%84-%eb%ac%bc%ec%9d%98-%eb%82%a0-%ec%a0%84%ec%84%b8%ea%b3%84-%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%9e%84%ec%a7%81%ec%9b%90-%ec%88%98%ec%9e%90" target="_blank" title = "새창 열림"> <span class="date">2024.03.22</span> <strong class="tit">[포토뉴스] 세계 물의 날, 전세계 삼성전자 임직원 수자원 보전 활동 동참</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/03/thmb.png" alt="[카드뉴스] “물은 소중하니까!”, 삼성전자의 특별한 활동"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/03/thmb.png" alt="[카드뉴스] “물은 소중하니까!”, 삼성전자의 특별한 활동"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%b9%b4%eb%93%9c%eb%89%b4%ec%8a%a4-%eb%ac%bc%ec%9d%80-%ec%86%8c%ec%a4%91%ed%95%98%eb%8b%88%ea%b9%8c-%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90%ec%9d%98-%ed%8a%b9%eb%b3%84%ed%95%9c" target="_blank" title = "새창 열림"> <span class="date">2023.03.22</span> <strong class="tit">[카드뉴스] “물은 소중하니까!”, 삼성전자의 특별한 활동</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/03/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90-%E2%80%98%EA%B5%AD%EC%A0%9C%EC%88%98%EC%9E%90%EC%9B%90%EA%B4%80%EB%A6%AC%EB%8F%99%EB%A7%B9%E2%80%99-%EC%B5%9C%EA%B3%A0-%EB%93%B1%EA%B8%89-%EC%9D%B8%EC%A6%9D-%ED%9A%8D%EB%93%9D-th.png" alt="삼성전자, '국제수자원관리동맹' 최고 등급 인증 획득"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/03/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90-%E2%80%98%EA%B5%AD%EC%A0%9C%EC%88%98%EC%9E%90%EC%9B%90%EA%B4%80%EB%A6%AC%EB%8F%99%EB%A7%B9%E2%80%99-%EC%B5%9C%EA%B3%A0-%EB%93%B1%EA%B8%89-%EC%9D%B8%EC%A6%9D-%ED%9A%8D%EB%93%9D-th.png" alt="삼성전자, '국제수자원관리동맹' 최고 등급 인증 획득"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ea%b5%ad%ec%a0%9c%ec%88%98%ec%9e%90%ec%9b%90%ea%b4%80%eb%a6%ac%eb%8f%99%eb%a7%b9-%ec%b5%9c%ea%b3%a0-%eb%93%b1%ea%b8%89-%ec%9d%b8%ec%a6%9d-%ed%9a%8d%eb%93%9d" target="_blank" title = "새창 열림"> <span class="date">2023.03.22</span> <strong class="tit">삼성전자, '국제수자원관리동맹' 최고 등급 인증 획득</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/01/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90-%ED%99%94%EC%84%B1%EC%BA%A0%ED%8D%BC%EC%8A%A4_Thumb.jpg" alt="삼성전자, 반도체 탄소배출 ‘전과정평가’ 검증 완료"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/01/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90-%ED%99%94%EC%84%B1%EC%BA%A0%ED%8D%BC%EC%8A%A4_Thumb.jpg" alt="삼성전자, 반도체 탄소배출 ‘전과정평가’ 검증 완료"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%eb%b0%98%eb%8f%84%ec%b2%b4-%ed%83%84%ec%86%8c%eb%b0%b0%ec%b6%9c-%ec%a0%84%ea%b3%bc%ec%a0%95%ed%8f%89%ea%b0%80-%ea%b2%80%ec%a6%9d-%ec%99%84" target="_blank" title = "새창 열림"> <span class="date">2023.01.30</span> <strong class="tit">삼성전자, 반도체 탄소배출 ‘전과정평가’ 검증 완료</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/01/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90-%ED%99%94%EC%84%B1%EC%BA%A0%ED%8D%BC%EC%8A%A4-%EC%A0%84%EA%B2%BD_Thumb.jpg" alt="반도체 사업장 풍경"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/01/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90-%ED%99%94%EC%84%B1%EC%BA%A0%ED%8D%BC%EC%8A%A4-%EC%A0%84%EA%B2%BD_Thumb.jpg" alt="반도체 사업장 풍경"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%82%ac%ec%97%85-%ec%97%b0%ec%86%8d%ec%84%b1-%ea%b4%80%eb%a6%ac-%ec%b2%b4%ea%b3%84-%ec%9d%b8%ec%a6%9d-%ed%9a%8d%eb%93%9d" target="_blank" title = "새창 열림"> <span class="date">2023.01.26</span> <strong class="tit">삼성전자, ‘사업 연속성 관리 체계’ 인증 획득</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/11/thumb-1-3.jpg" alt="삼성전자, 환경부·지자체와 하수처리수 재이용 활성화를 위한 업무협약 체결"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/11/thumb-1-3.jpg" alt="삼성전자, 환경부·지자체와 하수처리수 재이용 활성화를 위한 업무협약 체결"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ed%99%98%ea%b2%bd%eb%b6%80%c2%b7%ec%a7%80%ec%9e%90%ec%b2%b4%ec%99%80-%ed%95%98%ec%88%98%ec%b2%98%eb%a6%ac%ec%88%98-%ec%9e%ac%ec%9d%b4%ec%9a%a9-%ed%99%9c%ec%84%b1" target="_blank" title = "새창 열림"> <span class="date">2022.11.30</span> <strong class="tit">삼성전자, 환경부·지자체와 하수처리수 재이용 활성화를 위한 업무협약 체결</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/09/0914_KO_TH.png" alt="[인포그래픽] “혁신 기술로 기후위기 극복” 한 눈에 보는 삼성전자 환경경영 전략"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/09/0914_KO_TH.png" alt="[인포그래픽] “혁신 기술로 기후위기 극복” 한 눈에 보는 삼성전자 환경경영 전략"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%9d%b8%ed%8f%ac%ea%b7%b8%eb%9e%98%ed%94%bd-%ed%98%81%ec%8b%a0-%ea%b8%b0%ec%88%a0%eb%a1%9c-%ea%b8%b0%ed%9b%84%ec%9c%84%ea%b8%b0-%ea%b7%b9%eb%b3%b5-%ed%95%9c-%eb%88%88%ec%97%90" target="_blank" title = "새창 열림"> <span class="date">2022.09.15</span> <strong class="tit">[인포그래픽] “혁신 기술로 기후위기 극복” 한 눈에 보는 삼성전자 환경경영 전략</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/09/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90%ED%99%98%EA%B2%BD%EA%B2%BD%EC%98%81%EC%A0%84%EB%9E%B5-5_thumb.jpg" alt="삼성전자, '新환경경영전략' 선언"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/09/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90%ED%99%98%EA%B2%BD%EA%B2%BD%EC%98%81%EC%A0%84%EB%9E%B5-5_thumb.jpg" alt="삼성전자, '新환경경영전략' 선언"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%e6%96%b0%ed%99%98%ea%b2%bd%ea%b2%bd%ec%98%81%ec%a0%84%eb%9e%b5-%ec%84%a0%ec%96%b8" target="_blank" title = "새창 열림"> <span class="date">2022.09.15</span> <strong class="tit">삼성전자, ‘新환경경영전략’ 선언</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/03/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90-%EA%B8%80%EB%A1%9C%EB%B2%8C-%EC%9E%84%EC%A7%81%EC%9B%90-%E2%80%98%EC%84%B8%EA%B3%84-%EB%AC%BC%EC%9D%98-%EB%82%A0%E2%80%99-%EA%B8%B0%EB%85%90-%ED%99%9C%EB%8F%99_Thumb.png" alt="삼성전자 글로벌 임직원 ‘세계 물의 날’ 기념 활동"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/03/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90-%EA%B8%80%EB%A1%9C%EB%B2%8C-%EC%9E%84%EC%A7%81%EC%9B%90-%E2%80%98%EC%84%B8%EA%B3%84-%EB%AC%BC%EC%9D%98-%EB%82%A0%E2%80%99-%EA%B8%B0%EB%85%90-%ED%99%9C%EB%8F%99_Thumb.png" alt="삼성전자 글로벌 임직원 ‘세계 물의 날’ 기념 활동"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ea%b8%80%eb%a1%9c%eb%b2%8c-%ec%9e%84%ec%a7%81%ec%9b%90-%ec%84%b8%ea%b3%84-%eb%ac%bc%ec%9d%98-%eb%82%a0-%ea%b8%b0%eb%85%90-%ed%99%9c%eb%8f%99" target="_blank" title = "새창 열림"> <span class="date">2022.03.22</span> <strong class="tit">삼성전자 글로벌 임직원 ‘세계 물의 날’ 기념 활동</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2021/06/%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%82%AC%EB%82%B4-%EC%9E%AC%ED%99%9C%EC%9A%A9-%EB%B6%84%EB%A6%AC%EB%B0%B0%EC%B6%9C-%EB%AA%A8%EC%8A%B5-1.jpg" alt="삼성전자, 전 세계 반도체 업체 최초 전 사업장 ‘탄소/물/폐기물 저감’ 인증"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2021/06/%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%82%AC%EB%82%B4-%EC%9E%AC%ED%99%9C%EC%9A%A9-%EB%B6%84%EB%A6%AC%EB%B0%B0%EC%B6%9C-%EB%AA%A8%EC%8A%B5-1.jpg" alt="삼성전자, 전 세계 반도체 업체 최초 전 사업장 ‘탄소/물/폐기물 저감’ 인증"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%a0%84-%ec%84%b8%ea%b3%84-%eb%b0%98%eb%8f%84%ec%b2%b4-%ec%97%85%ec%b2%b4-%ec%b5%9c%ec%b4%88-%ec%a0%84-%ec%82%ac%ec%97%85%ec%9e%a5-%ed%83%84%ec%86%8c" target="_blank" title = "새창 열림"> <span class="date">2021.06.03</span> <strong class="tit">삼성전자, 전 세계 반도체 업체 최초 전 사업장 ‘탄소/물/폐기물 저감’ 인증</strong> </a> </div> </li> </ul> <div class="news-navigation"> <button type="button" class="btn-prev btn-news-prev" title="이전 슬라이드"></button> <button type="button" class="btn-next btn-news-next" title="다음 슬라이드"></button> </div>  </div> </section>   <div class="popup-focus-video" id="videoLayerVideo" 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> <script> const setAttributesVideo = function(el, attrs) { for(let key in attrs) { el.setAttribute(key, attrs[key]); } } const videoCallVideo = (e, type) => { const layer = document.getElementById('videoLayerVideo'); 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'); setAttributesVideo(video, { 'src': e.getAttribute('data-url'), 'controls':'', 'muted':'' ,'preload': 'metadata'}); ratio.appendChild(video); }else{ ratio.innerHTML= e.getAttribute('data-url'); } layer.style.display = 'block'; const close = layer.querySelector('.popup-video-close'); close.addEventListener('click', () => { layer.style.display = 'none'; ratio.innerHTML=""; videoTitle.innerHTML=""; videoDate.innerHTML=""; e.focus(); }); } // news swiper const newsSwiper = new Swiper('.swiper-news', { slidesPerView: 'auto', spaceBetween: 0, centeredSlides: true, navigation: { nextEl: '.btn-news-next', prevEl: '.btn-news-prev', }, breakpoints: { 535: { centeredSlides: false, } }, }); </script> </main> <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">Planet</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 type="text/javascript"> // page 내부 javascript start // tab initTabList(); // [24.05] 고도화 ③-1 tab JS 공통화 → 함수 호출 // [24.05] 고도화 ③-2 - tab JS 공통화 → 안정화 이후 삭제 조치 /* const tabList = document.querySelectorAll('.tab-list > ul > li'); const tabBtns = document.querySelectorAll('.tab-list > ul > li > a'); tabBtns.forEach((btn, index) => { btn.addEventListener('click', (e) => { [...tabList].map((li, i) => { i === index ? li.classList.add('active') : li.classList.remove('active'); }); }); }); const tabContents = document.querySelectorAll('.tab-panel-wrap .group-es'); window.addEventListener('scroll', () => { let indexGroup = new Array(); tabContents.forEach((div, index) => { if (div.getBoundingClientRect().top < 1) { indexGroup.push(index); [...tabList].map((li, i) => { i === +indexGroup[indexGroup.length - 1] ? li.classList.add('active') : li.classList.remove('active'); }); } }); });*/ // 모바일 tab 고정 let winW = window.innerWidth; // [24.05] 고도화 ③-3 - tab JS 공통화 → 안정화 이후 삭제 조치 /* function initMobileTabList() { const tabListArea = document.querySelector('.tab-section .tab-list'); const tabListAreaHeight = tabListArea.clientHeight; const tabContents = document.querySelectorAll('.tab-panel-wrap .group-es'); const firstTabContent = tabContents[0]; if (winW < 536) { window.addEventListener('scroll', () => { const firstTabContentTop = firstTabContent.getBoundingClientRect().y; tabContents.forEach((div) => { if ( div.getBoundingClientRect().top < tabListAreaHeight ) { tabListArea.classList.add('mo-fixed'); } else if ( firstTabContentTop >= tabListAreaHeight ) { tabListArea.classList.remove('mo-fixed'); } }); }); } else if (winW >= 536) { tabListArea.classList.remove('mo-fixed'); } } */ initMobileTabList(); window.addEventListener('resize', function() { winW = window.innerWidth; initMobileTabList(); }); // accordion initAccordion(); // [24.05] 고도화 ④-1 - accordion JS 공통화 // [24.05] 고도화 ④-2 - accordion JS 공통화 → 삭제 (interaction.js) /* const acc = document.querySelectorAll('.accordion-title > a'); acc.forEach((btn, index) => { btn.addEventListener('click', (e) => { const myDiv = e.target.closest('.accordion-title'); if (!myDiv.classList.contains('open') && !myDiv.classList.contains('down')) { myDiv.classList.add('open'); } else if (myDiv.classList.contains('open') && !myDiv.classList.contains('down')) { myDiv.classList.remove('open'); } }); });*/ // video swiper // const swiper = new Swiper('.swiper-news', { // slidesPerView: 'auto', // spaceBetween: 0, // centeredSlides: true, // navigation: { // nextEl: '.btn-news-next', // prevEl: '.btn-news-prev', // }, // pagination: { // el: '.indicator', // clickable: true, // }, // breakpoints: { // 535: { // centeredSlides: false, // } // }, // }); const videos = document.querySelectorAll('video'); const videoPlay = function () { videos.forEach((video, index) => { if (video.closest('.video-area').getBoundingClientRect().top < 400) { video.previousElementSibling.style.display = 'none'; video.style.display = "block"; video.play(); } video.addEventListener('click', () => { if (!video.paused) { video.previousElementSibling.style.display = 'block'; video.style.display = 'none'; } }); }); } window.addEventListener('scroll', videoPlay); const btnPlay = document.querySelectorAll('.video-area .btn-round'); btnPlay.forEach((btn) => { btn.addEventListener('click', (e) => { const el = e.target; const videoArea = el.closest('.video-area'); const video = videoArea.querySelector('video'); video.style.display = "block"; video.currentTime = 0; video.play(); el.style.display = "none"; video.addEventListener('ended', (event) => { el.classList.add('play'); el.style.display = "block"; video.style.display = "none"; }); }); }); </script>  <script> // [24.05] 고도화 ⑤ - 미사용 삭제 (콜백함수 accordion_01 사용) /* const AYS7_yOaVQ0AIyC3 = function () { // tab const tabs = document.querySelectorAll('.planet-tab > ul > li > button'); const contents = document.querySelectorAll('.planet-tab-content .popup-content'); tabs.forEach((tab, index) => { tab.addEventListener('click', (e) => { [...tabs].map((b, i) => { i === index ? b.classList.add('active') : b.classList.remove('active') }); [...contents].map((c, i) => { i === index ? c.style.display = 'block' : c.style.display = 'none' }); }); }); // accordion const acc = document.querySelectorAll('.planet-accordion-title'); const accBoxs = document.querySelectorAll('.planet-accordion > ul > li'); acc.forEach((btn, index) => { btn.addEventListener('click', (e) => { if (e.target.closest('li').classList.contains('active')) { e.target.closest('li').classList.remove('active'); } else { [...accBoxs].map((b, i) => { i === index ? b.classList.add('active') : b.classList.remove('active') }); } }); }); }*/ // [24.05] 고도화 ②-2- 콜백함수 변경 AYS8AXLKVeYAIyC3 → accordion_01 /* const AYS8AXLKVeYAIyC3 = function (){ const tabs = document.querySelectorAll('.planet-tab > ul > li > button'); const contents = document.querySelectorAll('.planet-tab-content .popup-content'); tabs.forEach((tab, index) => { tab.addEventListener('click', (e) => { [...tabs].map((b, i) => { i === index ? b.classList.add('active') : b.classList.remove('active') }); [...contents].map((c, i) => { i === index ? c.style.display = 'block' : c.style.display = 'none' }); }); }); }*/ </script> </body> </html>

CINXE.COM

지속가능한 운영 | Planet | 삼성전자 지속가능경영 | 삼성전자 |