CINXE.COM
다양성, 형평성, 포용성 | People | 삼성전자 지속가능경영 | 삼성전자 |
<!DOCTYPE html> <html lang="ko"> <head> <title>다양성, 형평성, 포용성 | People | 삼성전자 지속가능경영 | 삼성전자 |</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="다양성, 형평성, 포용성 | People | 삼성전자 지속가능경영 | 삼성전자 |"> <meta name="keywords" content="삼성전자, 지속가능경영, 다양성, 형평성, 포용성"> <meta name="description" content="삼성전자는 다양한 임직원들이 최대한 역량을 발휘할 수 있도록, 동등한 기회를 바탕으로 본연의 잠재력을 발휘할 수 있는 조직을 만드는 것을 목표로 합니다."> <meta property="search:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/people/diversityInclusion.jpg"> <meta property="search-frag:0" content="다양성, 형평성, 포용성"> <meta property="search-frag:1" content="다양성, 형평성, 포용성 | 정책과 현황"> <meta property="search-frag:2" content="다양성, 형평성, 포용성 | ERG 활동"> <meta property="search-frag:3" content="다양성, 형평성, 포용성 | 이니셔티브"> <meta property="search-frag:4" content="다양성, 형평성, 포용성 | 수상 및 인증"> <meta property="og:site_name" content="다양성, 형평성, 포용성 | People | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.samsung.com/sec/sustainability/people/diversity-inclusion"> <meta property="og:title" content="다양성, 형평성, 포용성 | People | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="og:description" content="삼성전자는 다양한 임직원들이 최대한 역량을 발휘할 수 있도록, 동등한 기회를 바탕으로 본연의 잠재력을 발휘할 수 있는 조직을 만드는 것을 목표로 합니다."> <meta property="og:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/people/diversityInclusion.jpg"> <meta property="twitter:card" content="Summary"> <meta property="twitter:site" content="@SamsungSustainability"> <meta property="twitter:title" content="다양성, 형평성, 포용성 | People | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="twitter:description" content="삼성전자는 다양한 임직원들이 최대한 역량을 발휘할 수 있도록, 동등한 기회를 바탕으로 본연의 잠재력을 발휘할 수 있는 조직을 만드는 것을 목표로 합니다."> <meta property="twitter:url" content="https://www.samsung.com/sec/sustainability/people/diversity-inclusion"> <meta property="twitter:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/people/diversityInclusion.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" /><!-- swiper 전용 css --> <script src="/sec/sustainability/assets/js/swiper-bundle.min.js"></script><!-- swiper js --> <!-- <script src="/sec/sustainability/assets/js/lottie-player.js"></script><!– Lottie JS import –>--> <script src="/sec/sustainability/assets/js/lottie-player.js"></script><!-- Lottie JS import --> <script src="/sec/sustainability/assets/js/interaction.js"></script><!-- 실제 사용하는 js --> <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="bdpnbeqxjpkdmz5wztnq-f-bffe1aa1f-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"1438013","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"b6e4cd0b","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":49928,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1740033243","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==AhFEO9ph+kkXgLqTeKTipY9QhYhJsC+L5YvCYLH0rzFTA3P8QthVmSjUut+CAy7V2PmIjFonypJQOeN2HB88OLvIP9JgATrXi8kRo5UjcTbF8DAhC++8biIHMxoEEWeI4X9vHG4HQmfIx/JJ/JRJ9upt5JD1Lxl59x5ne+kwzoRaAG8uW2iIQx1DYfgJYB2OJ4t4h/xsGwycO/lyHsnroNzcenPLJxHtAxRjuJ4Bw8mIYmgmIZmgLNddex7rlB9Y5KKmO1xPqdaG0Qr2TgffnfpRKnWGes3XF17BpuXlfa6dTH2KgsUOcDH4/Cozq0zkZOofUEuIhsghHPaTfNlMnJL2pcYz82HqFGDGiVUWala/Iivjd8RrHDQJ/+m5t85NonbPJKcyBNbaWSrlnm+b1BLbrihmT1X4q0hb8GQyZJ8=","ak.pv":"3785","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> <!-- skip navigation --> <div class="skip-navigation"> <ul> <li> <a href="#contents">본문으로 이동</a> </li> <!-- <li>--> <!-- <a href="javascript:void(0);">접근성 도움말로 이동</a>--> <!-- </li>--> </ul> </div> <header> <!-- pc 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> <!-- [24.06] 6월 업데이트 수정 --> <ul> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor1">탄소포집 & 미세먼지 연구</a> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor2">친환경 과제 발굴</a> <!-- [24.06] 6월 업데이트 수정 --> </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/customized-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> <!-- mobile header --> <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"> <!-- 230322 접근성 수정 1차 --> <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> <!-- 230324 접근성 수정 1차 - label 태그 추가 --> <label for="menu-search-word"><span class="blind">통합 검색</span></label> <input type="text" id="menu-search-word" name="menu-search-word" title="검색어를 입력하세요." placeholder="환경"/> <!-- // 230324 접근성 수정 1차 - label 태그 추가 --> </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> <!-- 접근성 수정 1차 --> </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> <!-- 접근성 수정 1차 --> </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> <!-- [24.06] 6월 업데이트 수정 --> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor1">탄소포집 & 미세먼지 연구</a> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor2">친환경 과제 발굴</a> <!-- [24.06] 6월 업데이트 수정 --> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/sustainable-operations" class="special">지속가능한 운영</a> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </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> <!-- 접근성 수정 1차 --> </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> <!-- 접근성 수정 1차 --> </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> <!-- 접근성 수정 1차 --> </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> <!-- 접근성 수정 1차 --> </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> <!-- 접근성 수정 1차 --> </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> <!-- 접근성 수정 1차 --> </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/customized-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){ let keywords = menuSearchWordField.value; if(keywords == ''){ keywords=menuSearchWordField.getAttribute("placeholder"); } location.href="/"+LOCALE_ID+"/sustainability/search/search-result?keyword="+encodeURIComponent(keywords); } </script> <main id="contents" class="people-conts people-conts03"> <!-- [24.05][HJR] 고도화 ①-1 - 상단 타이틀 구조 공통화 → 추가 --> <section class="key-visual diversity"> <!-- [24.05][HJR] 고도화 ①-3 th 코드 확인--> <div class="text-area"> <span class="sup">다양성, 형평성, 포용성</span> <h2 class="font-samsung-ssb">Diversity,<br class="mo-only"> Equity, and<br class="mo-only"> Inclusion</h2> </div> </section> <section class="kv-cont"> <!-- [24.05][HJR] 고도화 ①-2 - 상단 타이틀 구조 공통화 → 기존 타이틀 영역 삭제 --> <!--<div class="kv-area"> <div class="text-cont"> <h2 class="tit">다양성, 형평성, 포용성</h2> <p class="txt"><span>Diversity,<br class="mo-only"> Equity, and<br class="mo-only"> Inclusion</span></p> </div> <div class="visual-cont"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/img-kv03.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/img-kv03.jpg" alt=""> </div> </div>--> <div class="illustrat-area"> <div class="tit-group ta-center"> <p class="group-tit-mid"><strong>삼성전자는 다양한 인재와 포용의 문화가 <br class="pc-only">혁신과 성장의 원동력이라고 생각합니다. <br><br>우리는 구성원 모두가 소속감을 느끼고, 동등한 기회를 바탕으로<br> 본연의 잠재력을 발휘할 수 있는 조직을 만드는 것을 목표로 합니다.</strong></p> <!-- [24.5.21] 다양성 - newPopup --> </div> <div class="illustrat-box"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/People/DiversityInclusion/Diversity_Inclusion_01_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/People/DiversityInclusion/Diversity_Inclusion_01_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> </div> </div> </section> <section class="main-contents common-sticky"> <div class="common-sticky-tab"> <ul role="tablist" class="sticky-tab-list"> <li class="sticky-tab-item active"> <a class="sticky-tab-button" href="javascript:;">정책과 현황</a> </li> <li class="sticky-tab-item"> <a class="sticky-tab-button" href="javascript:;">ERG 활동</a> </li> <li class="sticky-tab-item"> <a class="sticky-tab-button" href="javascript:;">이니셔티브</a> </li> <li class="sticky-tab-item"> <a class="sticky-tab-button" href="javascript:;">수상 및 인증</a> </li> </ul> </div> <div class="tab-panel-wrap"> <!-- 정책과 현황 --> <div class="group-es pp-cont01" id="anchor1"> <span id="AYStOmZqCK4AIyC3"></span> <span id="AYStOqgKCL4AIyC3"></span> <span id="AYStOtTKCM0AIyC3"></span> <span id="AYStOwa6CNwAIyC3"></span> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon21">정책과 현황</h3> <p class="group-txt-big fc-75">모두가 다르기에, 모두가 특별하니까.</p> <p class="group-txt">삼성전자는 모든 직원과 지원자에게 <br class="mo-only">동등한 기회를 제공하여<br/>고객, 파트너, 공동체를 위한 <br class="mo-only">더 나은 미래를 만들어 나가고자 합니다.</p> <div class="btn-wrap"> <a href="javascript:void(0);" onclick="new Popup(this,{path: '/sec/sustainability/popup/popup_doc/AYStOmZqCK4AIyC3'})" class="btn btn-round black">정책 및 추진 체계</a> </div> </div> <!-- swiper-Photo --> <!-- <div class="swiper swiper-photo">--> <!-- <ul class="swiper-wrapper">--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic01.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic01.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic02.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic02.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic03.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic03.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic04.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic04.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic05.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic05.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic06.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic06.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic07.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic07.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic08.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic08.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic09.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic09.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic10.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic10.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic11.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic11.jpg" alt="">--> <!-- </li>--> <!-- <li class="swiper-slide">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/pic12.jpg" alt="">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/pic12.jpg" alt="">--> <!-- </li>--> <!-- </ul>--> <!-- <div class="btn-area">--> <!-- <button type="button" class="btn-prev"><span class="blind">이전 슬라이드</span></button>--> <!-- <button type="button" class="btn-next"><span class="blind">다음 슬라이드</span></button>--> <!-- </div>--> <!-- <div class="indicator"></div>--> <!-- </div>--> <!-- //swiper-Photo --> <div class="photo-list-wrap"> <ul class="photo-list"> <li> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/photo01.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/photo01.jpg" alt=""> <div class="txt-box"> <span class="tit">여성 인력 활용 강화</span><!-- [24.5.21] 다양성 - newPopup --> <a href="javascript:void(0);" onclick="new Popup(this,{path: '/sec/sustainability/popup/popup_doc/AYStOqgKCL4AIyC3'})" class="btn btn-text">자세히 보기</a> </div> </li> <li> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/photo02_1207.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/photo02_1207.png" alt=""> <div class="txt-box"> <span class="tit">장애 임직원 지원</span> <a href="javascript:void(0);" onclick="new Popup(this,{path: '/sec/sustainability/popup/popup_doc/AYStOtTKCM0AIyC3'})" class="btn btn-text">자세히 보기</a> </div> </li> <li> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/photo03.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/photo03.jpg" alt=""> <div class="txt-box"> <span class="tit">세대별 활동</span> <a href="javascript:void(0);" onclick="new Popup(this,{path: '/sec/sustainability/popup/popup_doc/AYStOwa6CNwAIyC3'})" class="btn btn-text">자세히 보기</a> </div> </li> </ul> </div> <div class="data-area"> <div class="tit-group"> <h4 class="group-tit-big font-samsung-ssb">Women at <br class="mo-only">Samsung</h4> <p class="group-txt">다양한 분야에서 뛰어난 역량을 발휘하고 있는 <br class="mo-only">여성 인재들을 차세대 리더로 육성하기 위한 노력을 지속하고 있습니다.</p> </div> <!--<div class="data-box"> <div class="pc-only"> <table> <thead> <tr> <th class="left" scope="col" colspan="2">글로벌 여성 인력 현황</th> <th scope="col">2012</th> <th scope="col">2017</th> <th scope="col">2022</th> </tr> </thead> <tbody> <tr> <th class="left" rowspan="2">직무별</th> <td>개발 (%)</td> <td>16.0</td> <td>17.7</td> <td>19.2</td> </tr> <tr> <td>영업/마케팅(%)</td> <td>30.0</td> <td>29.7</td> <td>33.6</td> </tr> <tr> <th class="left" rowspan="2">리더십</th> <td>여성 임원(%)</td> <td>2.4</td> <td>6.8</td> <td>6.9</td> </tr> <tr> <td>여성 간부(%)</td> <td>8.3</td> <td>13.2</td> <td>16.9</td> </tr> </tbody> </table> </div> <div class="mo-only"> <h4>글로벌 여성 인력 현황</h4> <ul> <li> <strong>2012</strong> <div class="content"> <strong>직무별</strong> <ul> <li> <span>개발 (%)</span> <span>16.0</span> </li> <li> <span>영업/마케팅(%)</span> <span>30.0</span> </li> </ul> </div> <div class="content"> <strong>리더십</strong> <ul> <li> <span>여성 임원 (%)</span> <span>2.4</span> </li> <li> <span>여성 간부 (%)</span> <span>8.3</span> </li> </ul> </div> </li> <li> <strong>2017</strong> <div class="content"> <strong>직무별</strong> <ul> <li> <span>개발 (%)</span> <span>17.7</span> </li> <li> <span>영업/마케팅(%)</span> <span>29.7</span> </li> </ul> </div> <div class="content"> <strong>리더십</strong> <ul> <li> <span>여성 임원 (%)</span> <span>6.8</span> </li> <li> <span>여성 간부 (%)</span> <span>13.2</span> </li> </ul> </div> </li> <li> <strong>2021</strong> <div class="content"> <strong>직무별</strong> <ul> <li> <span>개발 (%)</span> <span>19.2</span> </li> <li> <span>영업/마케팅(%)</span> <span>33.6</span> </li> </ul> </div> <div class="content"> <strong>리더십</strong> <ul> <li> <span>여성 임원 (%)</span> <span>6.9</span> </li> <li> <span>여성 간부 (%)</span> <span>16.9</span> </li> </ul> </div> </li> </ul> </div> </div>--> <div class="data-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/data0302.png" alt="직무별 여성 비중: 2013년 - 개발: 16.3% 영업/마케팅: 30.5%, 2018년 - 개발: 17.2% 영업/마케팅: 30.8%, 2023년 - 개발: 19.2% 영업/마케팅 34%, 여성 리더십 비중: 2013년 - 임원: 3.8% 간부: 11.8%, 2018년 - 임원: 6.3% 간부: 14.2%, 2023년 - 임원: 7.3% 간부: 17.6%"><!-- [24.06.21][HJR] 수정 --> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/data0302.png" alt="직무별 여성 비중: 2013년 - 개발: 16.3% 영업/마케팅: 30.5%, 2018년 - 개발: 17.2% 영업/마케팅: 30.8%, 2023년 - 개발: 19.2% 영업/마케팅 34%, 여성 리더십 비중: 2013년 - 임원: 3.8% 간부: 11.8%, 2018년 - 임원: 6.3% 간부: 14.2%, 2023년 - 임원: 7.3% 간부: 17.6%"><!-- [24.06.21][HJR] 수정 --> </div> </div> <div class="illustrat-area"> <div class="illustrat-box"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/People/DiversityInclusion/Diversity_Inclusion_02_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/People/DiversityInclusion/Diversity_Inclusion_02_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> </div> </div> </div> <!-- //정책과 현황 --> <!-- ERG 활동 --> <div class="group-es pp-cont02" id="anchor2"> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon22">ERG 활동</h3> <p class="group-txt-big fc-75">함께 만들어가는 다양성</p> <p class="group-txt">임직원들은 여성, 장애인, 세대, 인종, 재향군인 등을 주제로 'ERG (Employee Resource Group)’를 <br class="pc-only">자발적으로 구성하고 네트워킹, 멘토링, 봉사활동, 임직원 교육 등 다양한 활동을 펼치고 있습니다.<br>미국, 유럽, 중남미, 서남아 등 지역에서 <br class="mo-only">약 5,600명의 임직원들이 37개의 다양한 종류의 ERG 모임을 운영하고 있습니다.</p> </div> <div class="logo-img"> <!-- [24.5.14] 다양성 - newPopup --> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/logo0301.png" alt="삼성전자 ERG 활동 사진 3장과 관련 기관 로고가 다음 순서로 나열됨. Wise(women in Samsung electronics), Wise(women in Samsung electronics), WOMEN in technology, WOMEN at Samsung, W+ samsung, W+E samsung, Women+, Women samsung, WISE + SRA, PRIDE(samsung electronics america), PRIDE(employee resource group), Unidos(samsung electronics america), Galaxy of Black Professionals(samsung electronics america), Black Professionals Samsung, BLACK Employee Network, HISPANIC Employee Resource Group, True Ability(Unlock your superpower), Working Parents, Next generation Leaders(Samsung Electronics America), Samsung Leaders of Tomorrow, Veterans Community(Samsung Electronics America), Military Appreciation Group."> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/logo0301.png" alt="삼성전자 ERG 활동 사진 3장과 관련 기관 로고가 다음 순서로 나열됨. Wise(women in Samsung electronics), Wise(women in Samsung electronics), WOMEN in technology, WOMEN at Samsung, W+ samsung, W+E samsung, Women+, Women samsung, WISE + SRA, PRIDE(samsung electronics america), PRIDE(employee resource group), Unidos, Galaxy of Black Professionals, Black Professionals Samsung, BLACK Employee Network, HISPANIC Employee Resource Group, True Ability(Unlock your superpower), Working Parents, Next generation Leaders, Samsung Leaders of Tomorrow, Veterans Community(Samsung Electronics America), Military Appreciation Group."> </div> <div class="erg-banner-wrap"> <div class="tit-group ta-center"> <h3 class="group-tit">ERG 및 설립목적</h3> </div> <div class="banner-collabo-wrap no-padding"> <ul class="collabo-list"> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner0301.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner0301.png" alt="여성"> <strong>여성</strong> </div> <p class="txt">남녀 모두에게 동등한 기회를 제공해 여성의 역량을 강화하는데<br class="pc-only"> 힘쓰고 있습니다. 사내 뿐 아니라 회사 밖에서도 여성의 역량이<br class="pc-only"> 충분히 발휘될 수 있도록 소통과 교류의 장을 마련하고, 지역사회<br class="pc-only"> 참여기회를 발굴하는 활동을 지원합니다.</p> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner0305.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner0302.png" alt="장애"> <strong>장애</strong> </div> <p class="txt">법인에서 근무하는 장애를 가진 임직원의 의견<br class="mo-only">을 공유하고,<br class="pc-only"> 포용적인 환경에서 모두에게 동일한 경험을 제공하는 것을<br class="pc-only"> 목표로 합니다. 고객 차원의 포용성 증진을 위해 동료들에게<br class="pc-only"> 접근성 관련 기능을 알리고 개선 의견을 청취합니다.</p> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner0303.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner0303.png" alt="LGBTQ+"> <strong>LGBTQ+</strong> </div> <p class="txt"> 성소수자(LGBTQ+)에 대한 인식을 개선하고,<br class="pc-only"> 사내 뿐 아니라 지역사회에서 성소수자를 돕기 위한 <br class="pc-only"> 다양한 활동을 기획하여 긍정적인 영향력을 전파합니다. </p> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner0306.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner0304.png" alt="세대"> <strong>세대</strong> </div> <p class="txt">젊은 인재를 유치하기 위한 노력을 기울이고,<br class="pc-only"> 세대간 경력개발이 원활하게 될 수 있도록 다양한 네트워킹과<br class="pc-only"> 아웃리치 프로그램 등을 운영,<br class="pc-only"> 새로운 삼성전자의 문화를 만들어 나갑니다.</p> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner0302.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner0305.png" alt="인종"> <strong>인종</strong> </div> <p class="txt">서로 다른 문화를 교류하고 전문성 강화에 힘쓰며<br class="pc-only"> 포용적 조직문화 형성을 도모합니다.</p> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner0307.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner0306.png" alt="일하는 부모"> <strong>일하는 부모</strong> </div> <p class="txt">워킹맘, 워킹대디를 위한 네트워크로 행복한 가정생활과<br class="pc-only"> 성공적 커리어를 이어갈 수 있도록 서로를 응원하고<br class="pc-only"> 경험을 나누는 소통의 기회를 마련합니다.</p> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner0304.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner0307.png" alt="재향군인"> <strong>재향군인</strong> </div> <p class="txt">국가보훈단체, 지역사회, 친선 기관 등과의 후원 봉사활동을 통해 <br class="pc-only"> 보훈 대상자와 가족을 지원하고 공통 관심사를 공유해<br class="pc-only"> 포용적인 조직문화를 만들기 위한 방안을 함께 고민합니다.</p> </li> <li> <div class="lottie-bg"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/People/DiversityInclusion/People_Diversity_Equity_and_Inclusion_PC__4.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> </div> </li> </ul> </div> </div> </div> <!-- //ERG 활동 --> <!-- 이니셔티브 --> <div class="group-es pp-cont03" id="anchor3"> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon23">이니셔티브</h3> <p class="group-txt-big fc-75">포용적 문화를 만들기 위한 전 세계<br class="mo-only"> 각지의 다양한 노력</p> </div> <!-- [24.5.14] 다양성 - newPopup : 숨김처리 --> <!-- swiper-post --> <!--<div class="swiper swiper-post"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/post01.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/post01.jpg" alt=""> </div> <div class="text-area"> <strong class="tit">Gender Equality 교육</strong> <span class="txt">삼성전자 DX부문은 2022년 10월부터 글로벌 성평등 교육을 준비하여 해외 생산법인과 해외 연구소 임직원을 대상으로 성평등 인식개선 교육을 실시하였습니다. 강의안은 BSR(Business for Social Responsibility)와 협업하여 제작하였으며, 남녀간 차이에 대한 이해, 성 고정관념 탈피 등 주제를 다루고 있습니다. 본 강의안을 활용하여 각 국가의 문화 및 정서에 맞춰 교육을 진행 중 입니다.</span> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/post02.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/post02.jpg" alt=""> </div> <div class="text-area"> <strong class="tit">Gender Equality Korea Leaders Network</strong> <span class="txt">DEI사무국은 유엔글로벌콤팩트 한국협회가 2022년 런칭한 GEK(Gender Equality Korea) 여성 리더스 네트워크에 참여하여 여성역량강화와 여성 리더 양성에 대한 노하우를 상호 벤치마킹하였습니다.</span> <!–<a href="https://bit.ly/3HNIU1a" target="_blank" title="새창열림" class="btn btn-icon shortcuts">자세히 보기</a>–> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/post03.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/post03.jpg" alt=""> </div> <div class="text-area"> <strong class="tit">자회사형 표준사업장 희망별숲</strong> <span class="txt">삼성전자는 발달장애인들의 지속가능한 일자리 창출을 위해 자회사형 장애인표준사업장 주식회사 희망별숲을 설립했습니다. 희망별숲은 삼성전자가 100% 출자해 설립한 장애인표준사업장이며, 제과업을 시작으로 발달장애인들에게 안정적인 일자리를 제공할 예정입니다. </span> <!–<a href="https://news.samsung.com/uk/tag/samsungpioneers" target="_blank" title="새창열림" class="btn btn-icon shortcuts">자세히 보기</a>–> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/post04.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/post04.jpg" alt=""> </div> <div class="text-area"> <strong class="tit">삼성 패밀리 서포터즈</strong> <span class="txt">2022년 9월에, 장애인 임직원 및 임직원의 장애인 가족들로 구성된 자발적 모임인 ‘삼성 패밀리 서포터즈’를 발족하여 접근성과 사용성 관련 의견을 제공하는 채널을 운영 중입니다. 시각, 청각, 지체 등 다양한 장애를 가진 42명의 임직원과 임직원 가족은 기획 단계인 프로젝트부터 삼성전자의 제품 접근성에 대한 의견을 개진하고 개선점을 도출하는 역할을 하고 있습니다.</span> <!–<a href="https://bit.ly/3t7JzX7" target="_blank" title="새창열림" class="btn btn-icon shortcuts">자세히 보기</a>–> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/post05.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/post05.jpg" alt=""> </div> <div class="text-area"> <strong class="tit">장애인 임직원 참여형 인식개선교육</strong> <span class="txt">2018년부터 국내 전 임직원을 대상으로 직장내 장애인 인식개선교육을 실시하고 있으며, 본 교육은 100% 수료하였습니다. 2021년과 2022년에는 장애인 임직원이 직접 교육 영상을 기획하고 출연하여 본인의 이야기를 통해 회사의 장애에 대한 제도를 알리고, 장애인에 대한 편견을 깰 수 있는 이야기를 진솔하게 전달하였습니다. </span> </div> </li> <!–<li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/post06.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/post06.jpg" alt=""> </div> <div class="text-area"> <strong class="tit">STEM분야 여성 청소년 지원 : 솔브 포 투모로우</strong> <span class="txt">삼성전자 중국법인은 과학기술 분야의 여성 인재 육성을 위해 지역의 우수 학교들과 연계, 여성 청소년 대상 양성 프로그램을 '18년부터 운영 중입니다.</span> </div> </li>–> </ul> <div class="btn-area"> <button type="button" class="btn-prev pos-btn-prev"><span class="blind">이전 슬라이드</span></button> <button type="button" class="btn-next pos-btn-next"><span class="blind">다음 슬라이드</span></button> </div> <div class="indicator"></div> </div>--> <!-- //swiper-post --> <!-- // [24.5.14] 다양성 - newPopup : 숨김처리 --> <!-- [24.5.14] 다양성 - newPopup : 추가 --> <div class="initiative-list"> <ul> <li> <div> <div class="title">DEI Council 운영</div> <div class="text">삼성전자 DX부문에서는 People팀 임원으로 구성된 DEI Council을 2023년 8월 발족하였습니다.<br class="pc-only"> 다양성, 형평성, 포용성 분과로 구성된 Council에서는 회사의 다양성 현황과 개선 목표를 논의하고,<br class="pc-only"> DEI 관련 주요 이슈를 협의합니다.</div> </div> <img src="/sec/sustainability/assets/img/pc/people/mdi/initiative-img01.png" alt="DEI Council에서 화상으로 회의하는 모습" /> </li> <li> <div> <div class="title">자회사형 표준사업장 희망별숲</div> <div class="text">삼성전자는 발달장애인의 지속가능한 일자리 창출을 위해 자회사형 장애인표준사업장 ‘희망별숲’을 설립하였습니다. ‘희망별숲’은 발달장애인 고용 전문기업 ‘베어베터’로부터 노하우를 전수받아 사업준비를 마치고 2023년 3월 용인시에 개소하였습니다. 2023년 12월 기준으로 발달장애인 150명이 근무하는 이곳에서는 임직원들에게 제공하는 쿠키/마들렌/머핀 등 제과를 제조하고 있습니다. 향후에는 복지관 및 특수학교, 장애인고용공단 등 지역사회 유관기관들과 함께 협력하여 발달장애인에게 적합한 업무를 지속적으로 발굴할 예정입니다.</div> </div> <img src="/sec/sustainability/assets/img/pc/people/mdi/initiative-img02.png" alt="희망별숲에서 제과를 제조하는 모습" /> </li> <li> <div> <div class="title">Target Gender Equality 참여</div> <div class="text">DEI 사무국에서는 2023년 유엔글로벌콤팩트에서 주관한 TGE(Target Gender Equality) 프로그램에 참여하여, 여성 리더십 확대를 위한 목표 수립과 실천 방안에 대한 노하우를 학습하였습니다. <br><br>TGE는 성과분석, 역량강화 워크숍, 동료 학습을 통해 총 50개국 1,500개 이상의 기업이 양성평등을 위한 기업 목표를 설정하고 달성하도록 지원하는 프로그램입니다.</div> </div> <img src="/sec/sustainability/assets/img/pc/people/mdi/initiative-img03.png" alt="Taget Gender Equality 프로그램 기념 사진을 촬영하는 모습" /> </li> <li> <div> <div class="title">삼성 패밀리 서포터즈</div> <div class="text">삼성 패밀리 서포터즈는 장애 임직원 및 임직원의 가족들로 구성된 공식 사내 의견 개진 채널로 당사의 제품과 서비스의 '사용성, 접근성'에 대한 의견을 전달합니다. 2023년에 삼성 패밀리 서포터즈 2기가 발족되었으며, TV 접근성 기능인 '들리는 자막', '수어 확대', '릴루미노 모드' 등에 대한 의견을 개진하고 생활가전 접근성 방향 수립 T/F 등에 참여하였습니다. 또한, 장애에 대한 임직원 인식 개선을 위해 다양한 캠페인에 적극적으로 참여하고 있습니다.</div> </div> <img src="/sec/sustainability/assets/img/pc/people/mdi/initiative-img04.png" alt="삼성 패밀리 서포터즈 발대식 기념 사진을 촬영하는 모습" /> </li> <li> <div> <div class="title">서남아 총괄 주관 여성 리더십 교육</div> <div class="text">인도 법인의 첫 여성 리더십 개발 프로그램 'SheLEADs'는 삼성 내에서 여성 인재를 발굴하고 키워<br class="pc-only"> 미래 리더십 직책에 적합한 인재 파이프라인을 구축하는 것을 목표로 합니다. <br><br>여성 직원들에게 역량을 강화하기 위한 도구와 지원을 제공하여,<br class="pc-only"> 다양성과 포용성이 높은 리더십 현장을 갖추기 위해 노력하고 있습니다. </div> </div> <img src="/sec/sustainability/assets/img/pc/people/mdi/initiative-img05.png" alt="SheLEADs 프로그램 기념 사진을 촬영하는 모습" /> </li> <li> <div> <div class="title">청각 장애인을 위한 <br>수어 상담 서비스 운영</div> <div class="text">2015년 튀르키예를 시작으로 청각 장애인을 위한 수어 상담 서비스를 운영 중입니다. 제품 사용 중 불편이 있어도 상담과 기술 지원을 받지 못하는 청각 장애인을 배려한 수어 상담 서비스는 2021년 부터 글로벌로 확대되어 57개국에서 운영 중입니다.</div> </div> <img src="/sec/sustainability/assets/img/pc/people/mdi/initiative-img06.png" alt="수어로 상담 서비스를 제공하는 모습" /> </li> <li> <div> <div class="title">인도·스페인 여성청소년 지원</div>함께 만들어가는 다양성 <div class="text">삼성전자 이노베이션 캠퍼스에서는 다양한 청소년들에게 평등한 교육 기회와 다각화된 형태의 학습을 제공하여 역량을 기를 수 있도록 다양한 프로그램을 지원 중입니다. 특히 기술 분야에서의 여성 참여를 촉진하고 재능을 육성하여 다양한 리더를 양성하기 위해 노력하고 있습니다.</div> </div> <img src="/sec/sustainability/assets/img/pc/people/mdi/initiative-img07.png" alt="삼성전자 이노베이션 캠퍼스에 참여한 한 학생의 모습" /> </li> <li> <div> <div class="title">영국 Samsung Pioneers 이니셔티브</div> <div class="text">삼성전자 영국법인에서는 기술 업계에서 성평등과 직장에서 변화를 이끌기 위한 '삼성 파이어니어' 이니셔티브를 운영 중에 있습니다. 삼성 파이어니어에서는 포용적인 문화를 만들기 위한 세미나와 임직원 참여 캠페인을 펼치고 있습니다.</div> <a href="https://news.samsung.com/uk/nearly-a-third-of-adults-have-felt-judged-by-their-name-rising-to-53-for-minority-ethnics" target="_blank" title="Nearly A Third Of Adults Have Felt Judged By Their Name, Rising To 53% For Minority Ethnics : 새창 열림" class="btn btn-icon shortcuts">자세히 보기</a> </div> <img src="/sec/sustainability/assets/img/pc/people/mdi/initiative-img08.png" alt="Samsung Pioneers 이니셔티브 프로그램 진행 중인 모습" /> </li> </ul> </div> <!-- // [24.5.14] 다양성 - newPopup : 추가 --> <div class="illustrat-area"> <div class="illustrat-box"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/People/DiversityInclusion/Diversity_Inclusion_03_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/People/DiversityInclusion/People_Diversity_Equity_and_Inclusion_MO_03.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> </div> </div> </div> <!-- //이니셔티브 --> <!-- 수상 및 인증 --> <div class="group-es pp-cont04" id="anchor4"> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon24">수상 및 인증</h3> <p class="group-txt-big fc-75">대외적으로도 인정받는 삼성전자의 다양성과 포용성</p> </div> <div class="awards-wrap"> <ul> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/awards01.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/awards01.png" alt=""> </div> <strong class="tit">USA</strong> <span class="txt">인권캠페인재단<br/>기업평등지수 인증기업<br>(2022)</span> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/awards02.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/awards02.png" alt=""> </div> <strong class="tit">USA</strong> <span class="txt">일하는 부모를 위한<br/>최고의 직장<br>(2023)</span> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/awards03.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/awards03.png" alt=""> </div> <strong class="tit">Canada</strong> <span class="txt">청년을 위한 최고의 고용주<br>(2023)</span> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/awards04.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/awards04.png" alt=""> </div> <strong class="tit">Thailand</strong> <span class="txt">시각장애인 대상<br/> 디자인‧서비스 우수기업<br>(2023)</span> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/awards05.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/awards05.png" alt=""> </div> <strong class="tit">India</strong> <span class="txt">하이브리드형 근무환경 우수기업<br>(2021)</span> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/awards06.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/awards06.png" alt=""> </div> <strong class="tit">Mexico</strong> <span class="txt">고객경험 직원 경험 어워드<br class="pc-only"/>사회적 책임 부문 수상<br>(2023)</span> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/awards07.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/awards07.png" alt=""> </div> <strong class="tit">Korea</strong> <span class="txt">가족친화 인증기업<br/> (2021)</span> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/awards08.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/awards08.png" alt=""> </div> <strong class="tit">Global</strong> <span class="txt">세계 최고의 고용주<br/> (2023)</span> </li> <!-- <li>--> <!-- <div class="img-box">--> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/awards09.png" alt="Korea, 가족친화 인증기업 (2021)">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/awards09.png" alt="Korea, 가족친화 인증기업 (2021)">--> <!-- </div>--> <!-- <strong class="tit">Korea</strong>--> <!-- <span class="txt">가족친화 인증기업<br>(2021)</span>--> <!-- </li>--> </ul> </div> <!-- [24.5.14] 다양성 - newPopup : 숨김처리&추가 --> <div class="survey-wrap"> <div class="tit-group"> <h4 class="cont-tit mo-big">조직문화 포용성 진단</h4> <p class="group-txt">2023년 SCI 진단 결과<sup>*</sup>, 글로벌 임직원의 89%는 삼성전자의 제도가 나이, 성별, 인종, 출신 지역 등에 관계없이 공정하게 운영되고 있다고 느끼는 것으로 나타났습니다.<br><br>* 2022~2023년 글로벌 임직원 설문 결과</p> <!--<h5 class="cont-tit-1">2022년 조직문화 진단(New SCI)<br/> DEI 만족도 설문 실시 결과</h5>--> </div> <div class="img"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/img-cultural-inclusion.png" alt="조직문화 진단(SCI) DEI 만족도 결과 Q :우리 회사의 제도는 직원들의 나이, 성별, 인종, 출신지역 등에 관계없이 공정하게 운영되고 있다. - 2022년 88%, 2023년 89% / Q : 우리 부서원들은 서로의 인격과 다양한 가치관을 존중한다. - 2022년 90%, 2023년 90% / Q : 나는 상사와 다른 의견을 가졌을 때 부담없이 이야기할 수 있다. - 2022년 85%, 2023년 88%" /> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/img-cultural-inclusion.png" alt="조직문화 진단(SCI) DEI 만족도 결과 Q :우리 회사의 제도는 직원들의 나이, 성별, 인종, 출신지역 등에 관계없이 공정하게 운영되고 있다. - 2022년 88%, 2023년 89% / Q : 우리 부서원들은 서로의 인격과 다양한 가치관을 존중한다. - 2022년 90%, 2023년 90% / Q : 나는 상사와 다른 의견을 가졌을 때 부담없이 이야기할 수 있다. - 2022년 85%, 2023년 88%" /> </div> <!--<ul> <li> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/survey01.png" alt="단위: %, Q:나의 상사는 부서원들의 다양한 가치관과 개성을 존중한다. 2018: 89%, 2019: 90%, 2021: 92%"> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/survey01.png" alt="단위: %, Q:나의 상사는 부서원들의 다양한 가치관과 개성을 존중한다. 2018: 89%, 2019: 90%, 2021: 92%"> </li> <li> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/survey02.png" alt="단위: %, Q:우리 부서원들은 서로의 인격을 존중하고 소중하게 대해준다. 2018: 92%, 2019: 93%, 2021: 94%"> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/survey02.png" alt="단위: %, Q:우리 부서원들은 서로의 인격을 존중하고 소중하게 대해준다. 2018: 92%, 2019: 93%, 2021: 94%"> </li> <li> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/survey03.png" alt="단위: %, Q:우리 부서원들은 서로의 인격을 존중하고 소중하게 대해준다. 2018: 92%, 2019: 93%, 2021: 94%"> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/survey03.png" alt="단위: %, Q:우리 부서원들은 서로의 인격을 존중하고 소중하게 대해준다. 2018: 92%, 2019: 93%, 2021: 94%"> </li> </ul>--> </div> <!-- // [24.5.14] 다양성 - newPopup : 숨김처리&추가 --> </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"> <!-- 230322 접근성 수정 1차 - ios a태그 포커스 수정 --> <a href="/sec/sustainability/policy-file/AYTGl5iaBeUAIyDc/Anti-Discrimination_and_Harassment_Policy.pdf" title="새창열림" target="_blank" class="btn btn-icon download" tabindex="0"> <span class="blind">다운로드</span> </a> <!-- 230322 접근성 수정 1차 - ios a태그 포커스 수정 --> </div> </div> </li> </ul> <div class="btn-area ta-center"> <a href="/sec/sustainability/digital-library/policy-document" class="btn btn-round black" title="정책 & 문서">자세히 보기</a> </div> </div> </div> </section> <!-- //아코디언 --> <!-- 20221213 개발 퍼블 소스 확인 --> <!-- 스와이프 --> <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="https://img.kr.news.samsung.com/kr/wp-content/uploads/2025/02/Samsung_ERG_TH.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2025/02/Samsung_ERG_TH.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-%ea%b5%ad%eb%82%b4-erg-%ec%b6%9c%eb%b2%94%ec%9e%84%ec%a7%81%ec%9b%90-%ec%b0%b8%ec%97%ac%eb%a1%9c-%ed%8f%ac%ec%9a%a9%ec%a0%81-%ea%b7%bc%eb%ac%b4%ed%99%98" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2025.02.16</span> <strong class="tit">삼성전자, 국내 ERG 출범…임직원 참여로 포용적 근무환경 강화</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/10/TH_241024_Global-Goals.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/TH_241024_Global-Goals.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-%ec%a7%80%ec%86%8d%ea%b0%80%eb%8a%a5%eb%b0%9c%ec%a0%84%eb%aa%a9%ed%91%9cglobal-goals%eb%a5%bc-%ed%96%a5%ed%95%9c-5%eb%85%84%ea%b0%84%ec%9d%98" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.10.25</span> <strong class="tit">삼성전자, ‘지속가능발전목표(Global Goals)’를 향한 5년간의 발자취 공개</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/09/DSC03382-e1726042105932.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/09/DSC03382-e1726042105932.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/2024-%ed%8c%8c%eb%a6%ac-%ed%8c%a8%eb%9f%b4%eb%a6%bc%ed%94%bd-%ec%a0%9c%eb%84%88%eb%a0%88%ec%9d%b4%ec%85%9817-x-ioc-%ec%b2%ad%eb%85%84-%eb%a6%ac%eb%8d%94%eb%93%a4%ec%9d%b4-%ec%a0%84%ed%95%98%eb%8a%94" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.09.11</span> <strong class="tit">[2024 파리 패럴림픽] 제너레이션17 X IOC 청년 리더들이 전하는 “더 나은 미래를 위한 기술과 스포츠의 역할”</strong> </a> </div> </li> <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 = "새창 열림" class="swiper-link-cta"> <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=""> <img class="mo-only" src="/sec/sustainability/media/7c/f4110bad444459b728286b9a0052c1" 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-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 = "새창 열림" class="swiper-link-cta"> <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/children_th.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/04/children_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-%ec%9d%bc%ea%b3%bc-%ec%9c%a1%ec%95%84-%eb%b3%91%ed%96%89-%ec%9e%84%ec%a7%81%ec%9b%90%ec%9d%84-%ec%9c%84%ed%95%b4-%ec%96%b4%eb%a6%b0%ec%9d%b4%ec%a7%91-%ed%99%95" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.04.09</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/0307%EC%97%AC%EC%84%B1%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/0307%EC%97%AC%EC%84%B1%EC%9D%98%EB%82%A0_TH.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%84%b8%ea%b3%84-%ec%97%ac%ec%84%b1%ec%9d%98-%eb%82%a0-%ea%b8%b0%ed%9a%8d%e2%91%a0-%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%9e%84%ec%a7%81%ec%9b%90%ec%9d%b4-%eb%a7%90%ed%95%98%eb%8a%94-%eb%8b%a4" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.03.08</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/0306_%EC%97%AC%EC%84%B1%EC%9D%98%EB%82%A0-2%ED%8E%B8_TH.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/03/0306_%EC%97%AC%EC%84%B1%EC%9D%98%EB%82%A0-2%ED%8E%B8_TH.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%84%b8%ea%b3%84-%ec%97%ac%ec%84%b1%ec%9d%98-%eb%82%a0-%ea%b8%b0%ed%9a%8d%e2%91%a1-%ea%b0%90%ec%82%ac%ec%99%80-%ec%9d%91%ec%9b%90-%ec%a0%84%ed%95%98%eb%8a%94-%ec%b6%95%ec%a0%9c%ec%9d%98-%ec%9e%a5" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.03.08</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/10/%ED%8F%AC%EB%B8%8C%EC%8A%A4-%EC%84%A0%EC%A0%95_th.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/10/%ED%8F%AC%EB%B8%8C%EC%8A%A4-%EC%84%A0%EC%A0%95_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-%ed%8f%ac%eb%b8%8c%ec%8a%a4-%ec%84%a0%ec%a0%95-%ec%84%b8%ea%b3%84-%ec%b5%9c%ea%b3%a0%ec%9d%98-%ec%a7%81%ec%9e%a5-4%eb%85%84-%ec%97%b0%ec%86%8d-1%ec%9c%84" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2023.10.11</span> <strong class="tit">삼성전자, 포브스 선정 '세계 최고의 직장' 4년 연속 1위</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/10/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90-%ED%85%8C%ED%81%AC%ED%8F%AC%EB%9F%BC_th.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/10/%EC%82%BC%EC%84%B1%EC%A0%84%EC%9E%90-%ED%85%8C%ED%81%AC%ED%8F%AC%EB%9F%BC_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-%e7%be%8e-%ec%8b%a4%eb%a6%ac%ec%bd%98%eb%b0%b8%eb%a6%ac%ec%97%90%ec%84%9c-2023-%ed%85%8c%ed%81%ac-%ed%8f%ac%eb%9f%bc-%ea%b0%9c%ec%b5%9c" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2023.10.09</span> <strong class="tit">삼성전자, 美 실리콘밸리에서 '2023 테크 포럼' 개최</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/2023-Digital-Inclusion-Benchmark-th.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/03/2023-Digital-Inclusion-Benchmark-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-%eb%94%94%ec%a7%80%ed%84%b8-%ed%8f%ac%ec%9a%a9%ec%84%b1-%ed%8f%89%ea%b0%80%ec%97%90%ec%84%9c-3%ed%9a%8c%ec%97%b0%ec%86%8d-%ea%b8%80%eb%a1%9c%eb%b2%8c-%ed%86%b11" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2023.03.14</span> <strong class="tit">삼성전자, 디지털 포용성 평가에서 3회연속 '글로벌 톱10'</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/0228_%EC%97%AC%EC%84%B1%EC%9D%98%EB%82%A0_Thumb.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/03/0228_%EC%97%AC%EC%84%B1%EC%9D%98%EB%82%A0_Thumb.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%eb%8b%a4%ec%96%91%ec%84%b1%ea%b3%bc-%ed%8f%ac%ec%9a%a9%ec%9d%b4-%eb%a7%8c%eb%93%9c%eb%8a%94-%ed%98%81%ec%8b%a0-%ec%a0%84%ec%84%b8%ea%b3%84-%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2023.03.07</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/12/%ED%82%A4%EB%AE%A4th.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/12/%ED%82%A4%EB%AE%A4th.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%9d%b8%ed%84%b0%eb%b7%b0-%eb%b0%9c%eb%8b%ac%ec%9e%a5%ec%95%a0-%ec%9e%91%ea%b0%80%eb%93%a4%ec%9d%98-%ed%8a%b9%eb%b3%84%ed%95%9c-%ec%8b%9c%ec%84%a0-%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2022.12.01</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/12/DI%EC%B9%B4%EB%93%9C%EB%89%B4%EC%8A%A4-%EA%B5%AD%EB%AC%B8_01.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/12/DI%EC%B9%B4%EB%93%9C%EB%89%B4%EC%8A%A4-%EA%B5%AD%EB%AC%B8_01.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-%ec%9d%bc%ec%83%81%ec%9d%84-%ed%8a%b9%eb%b3%84%ed%95%9c-%ec%83%89%ec%9c%bc%eb%a1%9c-%eb%ac%bc%eb%93%a4%ec%9d%b4%eb%8a%94-%ec%82%bc%ec%84%b1-%ec%95%84%ed%8a%b8" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2022.12.01</span> <strong class="tit">[카드뉴스] 일상을 특별한 색으로 물들이는, 삼성 아트 플랫폼 X 키뮤스튜디오</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-1.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2022/11/thumb-1-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-%ed%95%9c%ea%b5%ad%ec%9e%a5%ec%95%a0%ec%9d%b8%ea%b3%a0%ec%9a%a9%ea%b3%b5%eb%8b%a8%ea%b3%bc-%ec%9e%90%ed%9a%8c%ec%82%ac%ed%98%95-%ec%9e%a5%ec%95%a0%ec%9d%b8" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2022.11.23</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 class="indicator"></div>--> </div> </section> <!-- //스와이프 --> <!-- video popup area --> <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(); }); } document.addEventListener('DOMContentLoaded', () => { new NewsSwiper(".swiper.swiper-news"); }); </script> </main> <footer> <section class="share-group"> <span class="text">페이지 공유하기</span> <span class="sns"> <!-- 230322 웹접근성 수정 1차 --> <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> <!-- // 230322 웹접근성 수정 1차 --> </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">People</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> <!-- 접근성 수정 1차 --> <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> <!-- [24.06] 6월 업데이트 수정 --> <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> <!-- 접근성 수정 1차 --> <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> <!-- 접근성 수정 1차 --> <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> <!-- 접근성 수정 1차 --> <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> <!-- 접근성 수정 1차 --> <ul> <li><a href="/sec/sustainability/digital-library/customized-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"> <!-- //230518 문의하기 주석처리 --> <!-- <div>--> <!-- <strong>문의 사항이 있으신가요?</strong>--> <!-- <div class="cs-info">--> <!-- <p>양식에 맞춰 이름과 이메일 주소, 문의 사항을 입력해주시면, 빠른 시일 내에 작성해주신 이메일로 답변드리겠습니다.</p>--> <!-- <a href="javascript:void(0)" id="contactLearnMore" onclick="interaction.popupCall(this,'/sec/sustainability/contact/popup/contact', contactCallback)">자세히 보기</a>--> <!-- </div>--> <!-- </div>--> <!-- 230518 문의하기 주석처리// --> <div> <!-- 접근성 수정 1차 - span, button 태그 추가--> <span class="menu-tit-pc">Family Site</span> <button class="menu-tit-mo"><strong>Family Site<span class="blind">내용 열기</span></strong></button> <!-- // 접근성 수정 1차 - span, 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> <!-- //#0050 23.04.18 웹접근성 인증마크 삽입 --> <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> <!-- #0050 23.04.18 웹접근성 인증마크 삽입// --> </div> </div> <div class="copyright"> <!-- <label for="languageSelect" class="blind">언어선택</label>--> <!-- <select id="languageSelect" onchange="goLanguagePage(this)">--> <!-- <option value="sec">한국어</option>--> <!-- <option value="global">English</option>--> <!-- </select>--> <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="/sec/sustainability/people/tech-for-all#anchor1" title="툴팁 열림">Accessbility Help <span class="circle">?</span></a> --> <a href="javascript:void(0);" title="Userway 실행하기" class="accessbility-tooltip-opener">Accessbility Help</a> <!-- [접근성] 툴팁 팝업 숨김처리 --> <!--<a href="javascript:void(0);" title="툴팁 열림" class="accessbility-tooltip-opener">Accessbility Help<span class="circle">?</span></a>--> <!--<div class="accessbility-tooltip" style="display: none;"> <p> 버튼을 클릭하여 접근성 옵션을<br /> 활성화 해 보세요. </p> <!–<button type="button" class="go-accessbility">접근성 메뉴</button> <button type="button" class="tooltip-close"> <span class="blind">닫기</span> </button>–> </div>--> </li> <!-- <li>--> <!-- <a href="javascript:void(0);" onclick="interaction.popupCall(this,'/sec/sustainability/contact/popup/contact-cookies')">Cookies</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> <!-- header, footer javascript --> <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); document.querySelector("h1 > a").focus(); }); //>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 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"><!--240319 tabindex="0" 삭제--> <div class="full-popup pc-only off"> <div class="search-box-wrap" tabindex="0"><!--240319 구조추가 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> <!-- 입력 전 히스토리 레이어 s --> <div data-id="keyword_history" class="search-layer" style="display: block;"> <div class="keyword_history-inner"> <div class="history"> <strong>검색 히스토리</strong> <ul class="history-list" id="pc-history-list"> </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> <!-- // 입력 전 히스토리 레이어 e --> <!-- 입력 후 자동검색 레이어 s --> <div data-id="keyword_auto" class="search-layer auto"> <div class="auto-keyword"> <ul id="pc-keyword-auto-ul"> </ul> </div> </div> <!-- // 입력 후 자동검색 레이어 e --> </div> <!-- yb 접근성 이슈로 인해 --> <button type="button" class="btn-popup-close" hidden="hidden"> <span class="blind">검색 팝업창 닫기</span> </button> </div> <!-- only pc e --> <!-- only mobile s --> <div class="full-page mo-only off"> <div class="top"> <!-- 접근성 수정 1차 - a태그 수정 --> <a href="javascript:void(0);" class="btn btn-back" title="이전페이지로 돌아가기" tabindex="0"></a> <!-- // 접근성 수정 1차 - 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> <!-- 입력 전 히스토리 s --> <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> <!-- // 입력 전 히스토리 e --> <!-- 입력 후 자동검색 레이어 s --> <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> <!-- // 입력 후 자동검색 레이어 e --> <!-- 접근성 수정 1차 - 태그 제거 --> <!-- <button type="button" class="btn-popup-close">--> <!-- <span class="blind">검색 팝업창 닫기</span>--> <!-- </button>--> <!-- // 접근성 수정 1차 - 태그 제거 --> </div> <!-- only mobile e --> </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 fullSearchArea = document.querySelector('.full-search-area'); // 검색 시 tab focus 기능 추가 //fullSearchArea.focus();//240319 searchPopup.classList.remove('off'); pcSearchBoxWrap.focus();//240319 레이어팝업에 포커스 searchMoPopup.classList.remove('off'); 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 fullSearchArea = document.querySelector('.full-search-area');// 검색 시 tab focus 기능 추가 fullSearchArea.setAttribute('tabindex', '0');//240319 추가 fullSearchArea.focus(); searchPopup.classList.remove('off'); searchMoPopup.classList.remove('off'); 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(); }); const searchFieldPc = document.getElementById('search_input_pc'); searchFieldPc.addEventListener("keyup", function() { const clearBtn = this.closest('.search-box').querySelector('.btn-clear'); if (this.value !== '') { clearBtn.style.display = 'block'; } else { clearBtn.style.display = 'none'; } }); // 검색 자동완성 보이기/감추기 (mobile) const searchFieldMobile = document.getElementById('search_input_mobile'); searchFieldMobile.addEventListener("keyup", function() { const clearBtn = this.closest('.search-box').querySelector('.btn-clear'); if (this.value !== '') { clearBtn.style.display = 'block'; } else { clearBtn.style.display = 'none'; } }); // 검색창 닫기 수정 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 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){ 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() { 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) { // 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) { 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(); }); }); } //PC 텍스트 삭제 버튼 const pcClearBtn = document.querySelector('.pc-only .search-box .btn-clear'); pcClearBtn.addEventListener('click', () => { searchFieldPc.value=""; pcClearBtn.style.display = 'none'; }); //모바일 텍스트 삭제 버튼 const moClearBtn = document.querySelector('.mo-only .search-box .btn-clear'); moClearBtn.addEventListener('click', () => { searchFieldMobile.value=""; moClearBtn.style.display = 'none'; }); 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> </body> </html>