대외평가 & 수상 | Digital Library | 삼성전자 지속가능경영

<!DOCTYPE html> <html lang="ko"> <head> <title>대외평가 & 수상 | Digital Library | 삼성전자 지속가능경영 | 삼성전자 |</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="대외평가 & 수상 | Digital Library | 삼성전자 지속가능경영 | 삼성전자 |"> <meta name="keywords" content="삼성전자, 지속가능경영, 대외평가, 수상"> <meta name="description" content="삼성전자 지속가능경영과 관련된 대외평가 및 수상 내역을 한눈에 확인하세요."> <meta property="search:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/logo_default_image.jpg"> <meta property="og:site_name" content="대외평가 & 수상 | Digital Library | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.samsung.com/sec/sustainability/digital-library/awards-recognition"> <meta property="og:title" content="대외평가 & 수상 | Digital Library | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="og:description" content="삼성전자 지속가능경영과 관련된 대외평가 및 수상 내역을 한눈에 확인하세요."> <meta property="og:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/logo_default_image.jpg"> <meta property="twitter:card" content="Summary"> <meta property="twitter:site" content="@SamsungSustainability"> <meta property="twitter:title" content="대외평가 & 수상 | Digital Library | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="twitter:description" content="삼성전자 지속가능경영과 관련된 대외평가 및 수상 내역을 한눈에 확인하세요."> <meta property="twitter:url" content="https://www.samsung.com/sec/sustainability/digital-library/awards-recognition"> <meta property="twitter:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/logo_default_image.jpg"> <meta charset="UTF-8"> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="Expires" content="0"/> <meta http-equiv="Cache-Control" content="no-cache"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="google-site-verification" content="q0DkowY2kcrjh5iaAE4cx2ZoJuYSU_sj1U9rFqkBr7o" /> <link rel="shortcut icon" href="/sec/sustainability/assets/img/favicon.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/sec/sustainability/assets/css/style.css"> <link rel="stylesheet" href="/sec/sustainability/assets/css/swiper-bundle.min.css" /> <script src="/sec/sustainability/assets/js/swiper-bundle.min.js"></script>  <script src="/sec/sustainability/assets/js/lottie-player.js"></script> <script src="/sec/sustainability/assets/js/interaction.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-FB5KF1XKN5"></script> <script> const gtagConfig="G-FB5KF1XKN5"; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', gtagConfig); const isShowXTCPopup = function() { let name = "IS_SHOW_XTC"; let matches = document.cookie.match(new RegExp( "(?:^|; )" + name.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); return !matches; // matches 가 null 이면 true 리턴 } const loadXTCPopup = function() { if(isShowXTCPopup()){ if(document.location.href.endsWith("main") || document.location.href.endsWith("main/") || document.location.href.endsWith("sustainability/") ) { interaction.popupCall(this,'/sec/sustainability/contact/popup/recycle-at-home', XTPPopupCallback); } } } const setXTCCookie = function(expiredDate){ let date = new Date(); date.setDate(date.getDate() + expiredDate); date.setHours(0, 0, 0, 0); document.cookie = 'IS_SHOW_XTC=Y;' + 'expires=' +date.toUTCString()+ ";"+ "path=/;" } const XTPPopupCallback = function() { const layer = document.querySelector('.this-layer'); const xtpPopup = layer.closest('.popup'); const closeBtns = document.querySelectorAll('.recycle-close'); const noShowBtn = document.querySelector('.popup-btn-cookie'); closeBtns.forEach(function(closeBtn){ closeBtn.addEventListener('click', () => { layer.remove(); xtpPopup.remove(); document.body.classList.remove('stop'); setXTCCookie(0) }); }) noShowBtn.addEventListener('click', () => { layer.remove(); xtpPopup.remove(); document.body.classList.remove('stop'); setXTCCookie(1) }); xtpPopup.classList.add("recycle-popup"); } loadXTCPopup() </script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2cibra-f-6c6acfe73-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":12,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"6288eed1","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":56114,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732395106","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==P7nt99gnMToYX8VHNSmHl8Jmq5nYR6nrotnUUMhHQfWUbrThJKV+S0/6hSpL4gf47IJndfd8AWIj+P2HZMmbPA2YdEESYkbpDklfZJuK4lMG+fkqQYqwy81S6dBObk383HTuBWSHhpRrGj2dBIOKoCNbVkDpoxmv6PqrTJriLbrsdnSpObXHG134uPt9g2QWI/65PD3XA9RHSJV6sXKfEusgh0oZ6QywbjhheScRrnifkcUOwx0bnB0NCzR0N0c/Pzx75oS3Rp690QyOA+Ec/knhhdwNv/m8eS6UuQtGa65+WWlDJPhx5RpibZxs0K+jnw0gLpQTyct+4bvxCD9tpWWPOWxQSZQe2PXIm1MugxGhTiw+9Jlkodk8l5vxSsfyg0rwMj24YSAl7X78hbZWj5DEgsd0fauquWzXHfm6b7A=","ak.pv":"3677","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="digital"> <section class="top-area"> <div class="text-area"> <h2 class="font-samsung-ssb">대외평가 & 수상</h2> <span>삼성전자는 인재와 기술을 활용하여 우수한 제품과 서비스를 제공함으로써<br> 더 나은 글로벌 사회에 공헌하는 '세계적인 선도 기업'이 되는 것을 목표로 합니다.</span> </div> </section>    <section class="new-awards-list"> <div class="ranking"> <h3 class="font-samsung-ssb">Ranking</h3> <div class="list-area" > <ul class="container"> <li class="item medium-card"> <a href="https://bit.ly/4eTJvzk" data-url="https://bit.ly/4eTJvzk" data-target="_blank" style="cursor: pointer" tabindex="0" target="_blank" title="새창 열림">  <div class="text-area"> <span class="sup">인터브랜드 (Interbrand)</span> <span class="title">2024 글로벌<br />100대 브랜드 5위</span> <span class="text">1,008억 달러, 전년비 10% 성장</span>  </div>   <div class="image-area"> <img src="/sec/sustainability/media/c0/acb6fcf2f64bb9b6f7d2ccb26b7917" class="pc-only" role="img" aria-hidden="true" alt="인터브랜드 로고" style="" /> <img src="/sec/sustainability/media/c0/acb6fcf2f64bb9b6f7d2ccb26b7917" class="mo-only" role="img" aria-hidden="true" alt="인터브랜드 로고" style="" /> </div> </a> </li> <li class="item medium-card type02"> <a href="" data-target="_self" tabindex="0" target="_blank" title="새창 열림">  <div class="text-area"> <span class="sup">한국ESG기준원 (KCGS)</span> <span class="title">KCGS 평가 종합 A등급 획득</span> <span class="text">국내 코스피 상장 기업의 ESG 정보를 기반으로 7등급(S~D)으로 평가<br />2023년 한국 ESG기준원으로부터 종합 A등급 획득(환경 A 등급, 사회 A+ 등급, 지배구조 B+ 등급)</span>  </div>  <div class="logo"> <img src="/sec/sustainability/media/62/db9829af71425fb14ded4a69c9785f" role="img" aria-hidden="true" alt="Korea Institute of Corporate Governance and Sustainability Logo" style="" /> </div>  </a> </li> <li class="item medium-card type02"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-msci-esg-%ed%8f%89%ea%b0%80%ec%84%9c-aa-%eb%93%b1%ea%b8%89-%ea%b5%ad%eb%82%b4-ict-%ec%97%85%ea%b3%84-%ec%b5%9c%ea%b3%a0-%ec%88%98%ec%a4" data-url="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-msci-esg-%ed%8f%89%ea%b0%80%ec%84%9c-aa-%eb%93%b1%ea%b8%89-%ea%b5%ad%eb%82%b4-ict-%ec%97%85%ea%b3%84-%ec%b5%9c%ea%b3%a0-%ec%88%98%ec%a4" data-target="_blank" style="cursor: pointer" tabindex="0" target="_blank" title="새창 열림">  <div class="text-area"> <span class="sup">Morgan Stanley Capital International (MSCI)</span> <span class="title">MSCI 평가 AA등급 획득</span> <span class="text">기업의 ESG정보를 기반으로 업계별 핵심 이슈 평가 기준에 따라 7등급(AAA~CCC)으로 평가<br />2023년 12월 MSCI로부터 AA등급 획득</span>  </div>  <div class="logo"> <img src="/sec/sustainability/media/ac/6fd8f1cce94fdaa84e49bf8641a7e6" role="img" aria-hidden="true" alt="Morgan Stanley Capital International Logo" style="" /> </div>  </a> </li> </ul> </div> </div> <div class="awards"> <h3 class="font-samsung-ssb">Awards</h3> <div class="list-area" > <ul class="container"> <li class="item big-card"> <a href="https://bit.ly/3O7xCdL" data-url="https://bit.ly/3O7xCdL" data-target="_blank" style="cursor: pointer" tabindex="0" target="_blank" title="새창 열림">  <div class="bg"> <img src="/sec/sustainability/media/bd/81429e2f824bb99bf1a063d07d1da4" role="img" aria-hidden="true" alt="안내하고 있는 2명의 사람" style="" /> </div> <div class="text-area"> <span class="sup">CES</span> <span class="title">CES 2025 혁신상 <br />(Innovation Award) 수상</span> <span class="text">최고혁신상 (4개 제품) <br />혁신상 (29개 제품)</span>  </div>   </a> </li> <li class="item medium-card"> <a href="https://bit.ly/3ITYoSV" data-url="https://bit.ly/3ITYoSV" data-target="_blank" style="cursor: pointer" tabindex="0" target="_blank" title="새창 열림">  <div class="text-area"> <span class="sup">미국 환경청</span> <span class="title">2021 SMM<sup>*</sup> 어워드</span> <span class="text">Sustained Excellence 수상 : 솔라셀 리모컨 <br />Gold Tier 수상 : 폐전자제품 회수성과 인정</span>  <span class="text2">* Sustainable Materials Management</span> </div>   <div class="image-area"> <img src="/sec/sustainability/media/cd/138b264f32448eb39768bfa206dc39" class="pc-only" role="img" aria-hidden="true" alt="상패를 들고 있는 사람들 " style="" /> <img src="/sec/sustainability/media/cd/138b264f32448eb39768bfa206dc39" class="mo-only" role="img" aria-hidden="true" alt="상패를 들고 있는 사람들 " style="" /> </div> </a> </li> <li class="item small-card type02"> <a href="https://bit.ly/4cZhgOs" data-url="https://bit.ly/4cZhgOs" data-target="_blank" style="cursor: pointer" tabindex="0" target="_blank" title="새창 열림">  <div class="text-area"> <span class="sup">IDEA</span> <span class="title">국제 디자인 공모전 'IDEA 2024' 금상 2개 포함 45개 수상</span> <span class="text"></span>  </div>  <div class="logo"> <img src="/sec/sustainability/media/74/91f6ae90dc4847a95a16de1c664413" role="img" aria-hidden="true" alt="IDEA Logo" style="" /> </div>  </a> </li> <li class="item small-card type02"> <a href="https://bit.ly/3wHvgN9" data-url="https://bit.ly/3wHvgN9" data-target="_blank" style="cursor: pointer" tabindex="0" target="_blank" title="새창 열림">  <div class="text-area"> <span class="sup">iF 디자인 어워드</span> <span class="title">'iF 디자인 어워드 2024' 금상 2개 포함 총 75개 상 수상</span> <span class="text"></span>  </div>  <div class="logo"> <img src="/sec/sustainability/media/10/6d80d865b6430fad31efb913b5e98f" role="img" aria-hidden="true" alt="iF Design Award Logo" style="" /> </div>  </a> </li> <li class="item medium-card type02"> <a href="https://bit.ly/3xOoNRO" data-url="https://bit.ly/3xOoNRO" data-target="_blank" style="cursor: pointer" tabindex="0" target="_blank" title="새창 열림">  <div class="text-area"> <span class="sup">한국 소비자시민모임</span> <span class="title">'탄소중립위너상' 3년 연속, '에너지 대상' 6년 연속 수상</span> <span class="text">'제27회 올해의 에너지위너상'에서 '탄소중립위너상', '에너지대상' 및 '산업통상자원부 장관상', '에너지절약상', '에너지기술상', 4개 제품 '에너지위너상' 수상</span>  </div>  <div class="logo"> <img src="/sec/sustainability/media/ff/7397082a74436c8c67b4152044e5f8" role="img" aria-hidden="true" alt="Consumers Korea Logo" style="" /> </div>  </a> </li> <li class="item small-card type02"> <a href="https://bit.ly/3LAAOxb" data-url="https://bit.ly/3LAAOxb" data-target="_blank" style="cursor: pointer" tabindex="0" target="_blank" title="새창 열림">  <div class="text-area"> <span class="sup">한국 녹색구매네트워크</span> <span class="title">2024 대한민국 녹색상품상</span> <span class="text">4년 연속 기업상 '녹색마스터피스상' 수상, 15개 제품 '올해의 녹색상품' 선정</span>  </div>  <div class="logo"> <img src="/sec/sustainability/media/a6/960286880040da83d6956831300910" role="img" aria-hidden="true" alt="Korea Green Purchasing Network Logo" style="" /> </div>  </a> </li> <li class="item small-card type02"> <a href="https://bit.ly/3zQUVoL" data-url="https://bit.ly/3zQUVoL" data-target="_blank" style="cursor: pointer" tabindex="0" target="_blank" title="새창 열림">  <div class="text-area"> <span class="sup">중소벤처기업부 <동반성장위원회></span> <span class="title">동반성장지수 13년 연속 최우수 등급 획득</span> <span class="text"></span>  </div>  <div class="logo"> <img src="/sec/sustainability/media/f0/8549888726482bbede419518b3638c" role="img" aria-hidden="true" alt="Ministry of SMEs and Startups Logo" style="" /> </div>  </a> </li> </ul> </div> </div> </section>  <section class="more-library"> <div class="library-list"> <h3 class="font-samsung-ssb"> More from the<span class="mo-block">Digital Library</span> </h3> <ul> <li> <span class="title diy">지속가능경영보고서</span> <span class="text">외부 공신력이 있는 기관으로부터 제 3자 검증이 완료된 각 연도별 삼성전자의 지속가능경영보고서를 다운로드 받으실 수 있습니다.</span> <a href="/sec/sustainability/digital-library/sustainability-report" class="btn btn-text">자세히 보기</a> </li> <li> <span class="title esg">ESG 데이터</span> <span class="text">삼성전자의 재무적 성과 뿐만 아니라 환경, 사회적 성과에 대한 최신 데이터를 편리하게 확인하실 수 있습니다.</span> <a href="/sec/sustainability/digital-library/esg-data" class="btn btn-text">자세히 보기</a> </li> <li> <span class="title document">정책 & 문서</span> <span class="text">삼성전자의 지속가능경영 가이드라인 및 정책 등 관련 문서를 별도로 다운로드 할 수 있습니다.</span> <a href="/sec/sustainability/digital-library/policy-document" class="btn btn-text">자세히 보기</a> </li> </ul> </div> </section> </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">Digital Library</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 // select box const selectBtns = document.querySelectorAll('.btn-select'); selectBtns.forEach((btn, idx) => { btn.addEventListener('click', (e) => { e.target.nextElementSibling.style.display = 'block'; }); }); const optionBtn = document.querySelectorAll('.select-list a'); optionBtn.forEach((opt, idx) => { opt.addEventListener('click', (e) => { const myTxt = e.target.innerText; const myArea = e.target.closest('.select-list'); const myGroup = myArea.querySelectorAll('li'); myArea.previousElementSibling.innerText = myTxt; [...myGroup].map((item, i) => { i === idx ? item.querySelector('a').classList.add('selected') : item.querySelector('a').classList.remove('selected') }); myArea.style.display = 'none'; }); }); // 접근성 수정 1차(개발) - 키보드 탭 이동 시 엔터 키로 외부링크 진입 const liCards = document.querySelectorAll('li'); liCards.forEach((btn, idx) => { btn.addEventListener('keyup', (e) => { if (e.key == 'Enter'){ goAwardUrl(btn); } }); }); </script> <script> const goAwardUrl = function (e){ if(e.getAttribute('data-url') != null){ let target = e.getAttribute('data-target'); window.open(e.getAttribute('data-url') , target); } } </script> </body> </html>

CINXE.COM

대외평가 & 수상 | Digital Library | 삼성전자 지속가능경영 | 삼성전자 |