인권 | 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/HumanRights.jpg"> <meta property="search-frag:0" content="인권"> <meta property="search-frag:1" content="인권 | 인권 존중 약속"> <meta property="search-frag:2" content="인권 | 안전보건"> <meta property="search-frag:3" content="인권 | 조직문화"> <meta property="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/human-rights"> <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/HumanRights.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/human-rights"> <meta property="twitter:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/people/HumanRights.jpg"> <meta charset="UTF-8"> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="Expires" content="0"/> <meta http-equiv="Cache-Control" content="no-cache"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="google-site-verification" content="q0DkowY2kcrjh5iaAE4cx2ZoJuYSU_sj1U9rFqkBr7o" /> <link rel="shortcut icon" href="/sec/sustainability/assets/img/favicon.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/sec/sustainability/assets/css/style.css"> <link rel="stylesheet" href="/sec/sustainability/assets/css/swiper-bundle.min.css" /> <script src="/sec/sustainability/assets/js/swiper-bundle.min.js"></script>  <script src="/sec/sustainability/assets/js/lottie-player.js"></script> <script src="/sec/sustainability/assets/js/interaction.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-FB5KF1XKN5"></script> <script> const gtagConfig="G-FB5KF1XKN5"; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', gtagConfig); const isShowXTCPopup = function() { let name = "IS_SHOW_XTC"; let matches = document.cookie.match(new RegExp( "(?:^|; )" + name.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); return !matches; // matches 가 null 이면 true 리턴 } const loadXTCPopup = function() { if(isShowXTCPopup()){ if(document.location.href.endsWith("main") || document.location.href.endsWith("main/") || document.location.href.endsWith("sustainability/") ) { interaction.popupCall(this,'/sec/sustainability/contact/popup/recycle-at-home', XTPPopupCallback); } } } const setXTCCookie = function(expiredDate){ let date = new Date(); date.setDate(date.getDate() + expiredDate); date.setHours(0, 0, 0, 0); document.cookie = 'IS_SHOW_XTC=Y;' + 'expires=' +date.toUTCString()+ ";"+ "path=/;" } const XTPPopupCallback = function() { const layer = document.querySelector('.this-layer'); const xtpPopup = layer.closest('.popup'); const closeBtns = document.querySelectorAll('.recycle-close'); const noShowBtn = document.querySelector('.popup-btn-cookie'); closeBtns.forEach(function(closeBtn){ closeBtn.addEventListener('click', () => { layer.remove(); xtpPopup.remove(); document.body.classList.remove('stop'); setXTCCookie(0) }); }) noShowBtn.addEventListener('click', () => { layer.remove(); xtpPopup.remove(); document.body.classList.remove('stop'); setXTCCookie(1) }); xtpPopup.classList.add("recycle-popup"); } loadXTCPopup() </script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2g7tbq-f-52148854f-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":"7866667c","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":43946,"ak.gh":"184.28.235.4","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732705475","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==QnYerZxNy8nPrDMLGX/QtHGQJH8yrRY1Xkt1iRkDOMfhFDoG+vx9QfFhxXBXEyk2sqrtrOdtlo5uRMoCWhz9NonhU9SWAPbEWqY3YpcFuXtjPTp8mGfKGplUroy3owpP0rfDh0NxNHaAEEhR0t3cFBM63ZMSPyFNJ5TKhK6/E1YEQ1ZOEqWrA37QufRT8BMHGUyL2dxiyH17+ojpcekva8m/g06NkEk7b+R3n7HxqPjMTSHgbdrlwnKaxsAg1WGhqQhKc6YFcnM3rzfLQb4vW3Kz7zS0NZTrCqjqd2/h/yhK0d3lwBzzZb8BZxkZFDVxwhgNWU/S86P58xcUBXVmtH+Rlee7EZshN5toLzD5klipLTBp7KmRfFLOnsv2SFtXUZyzmoGt8U2qW4AgMALcOfKm3BeD4wX8Ai1f+vOcEtQ=","ak.pv":"3678","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body>  <div class="skip-navigation"> <ul> <li> <a href="#contents">본문으로 이동</a> </li>    </ul> </div> <header>  <div class="header-area pc-only"> <div> <h1> <a href="/sec/sustainability/main"><img src="/sec/sustainability/assets/img/common/logo.png" alt="SAMSUNG" /></a> </h1> <div class="navi-area"> <ul class="navi"> <li class="menu planet-menu"> <a href="javascript:void(0);">Planet</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/planet/environmental-strategy">환경경영 전략</a> </li> <li> <a href="/sec/sustainability/planet/climate-action">기후행동</a> <ul> <li> <a href="/sec/sustainability/planet/climate-action#anchor1">온실가스 직접 배출 감축</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor2">재생에너지 확대</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor3">밸류체인 탄소감축</a> </li> </ul> </li> <li> <a href="/sec/sustainability/planet/circular-economy">자원순환</a> <ul> <li> <a href="/sec/sustainability/planet/circular-economy#anchor1">자원순환형 소재</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor2">제품 수명 연장</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor3">폐전자제품 회수·재활용</a> </li> </ul> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem">친환경 기술 혁신</a>  <ul> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor1">탄소포집 & 미세먼지 연구</a> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor2">친환경 과제 발굴</a>  </li> </ul> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations">지속가능한 운영</a> <ul> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor1">사업장 폐기물 관리</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor2">수자원 보호 & 대기오염 최소화</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor3">화학물질 관리</a> </li> </ul> </li> </ul> </div> </div> </li> <li class="menu people-menu"> <a href="javascript:void(0);">People</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/people/human-rights">인권</a> <ul> <li> <a href="/sec/sustainability/people/human-rights#anchor1">인권 존중 약속</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor2">안전보건</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor3">조직문화</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor4">인재양성</a> </li> </ul> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion">다양성, 형평성, 포용성</a> <ul> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor1">정책과 현황</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor2">ERG 활동</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor3">이니셔티브</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor4">수상 및 인증</a> </li> </ul> </li> <li> <a href="/sec/sustainability/people/tech-for-all">모두를 위한 기술</a> <ul> <li> <a href="/sec/sustainability/people/tech-for-all#anchor1">접근성</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor2">개인정보보호</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor3">보안</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor4">AI 윤리</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor5">오픈 이노베이션</a> </li> </ul> </li> <li> <a href="/sec/sustainability/people/supply-chain">공급망</a> <ul> <li> <a href="/sec/sustainability/people/supply-chain#anchor1">협력회사 운영·관리</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor5">ESG 점검과 교육</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor2">상생협력 활동</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor3">협력회사 근로환경·기후변화 대응 관리</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor4">책임광물</a> </li> </ul> </li> <li> <a href="/sec/sustainability/people/empowering-communities">지역사회</a> <ul> <li> <a href="/sec/sustainability/people/empowering-communities#anchor1">사회공헌</a> </li> <li> <a href="/sec/sustainability/people/empowering-communities#anchor2">중소기업 & 스타트업 지원</a> </li> </ul> </li> </ul> </div> </div> </li> <li class="menu principle-menu"> <a href="javascript:void(0);">Principle</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/principle/leadership-message">리더십 메시지</a> </li> <li> <a href="/sec/sustainability/principle/corporate-governance">기업지배구조</a> </li> <li> <a href="/sec/sustainability/principle/compliance-ethics">준법과 윤리경영</a> </li> </ul> </div> </div> </li> <li class="menu focus-menu"> <a href="javascript:void(0);">Focus</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/focus/products/sustainability-in-our-products">지속가능한 제품</a> <ul> <li> <a href="/sec/sustainability/focus/products/mobile">모바일</a> </li> <li> <a href="/sec/sustainability/focus/products/tv-av-displays">TV, 오디오 & 디스플레이</a> </li> <li> <a href="/sec/sustainability/focus/products/home-appliances">가전</a> </li> <li> <a href="/sec/sustainability/focus/products/semiconductors">반도체</a> </li> </ul> </li> <li> <a href="/sec/sustainability/focus/news-video">뉴스 & 비디오</a> </li> <li> <a href="/sec/sustainability/focus/story/feature-story">스토리</a> </li> </ul> </div> </div> </li> <li class="menu digital-menu"> <a href="javascript:void(0);">Digital Library</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/digital-library/sustainability-report">지속가능경영보고서</a> </li> <li> <a href="/sec/sustainability/digital-library/esg-data">ESG 데이터</a> </li> <li> <a href="/sec/sustainability/digital-library/policy-document">정책 & 문서</a> </li> <li> <a href="/sec/sustainability/digital-library/awards-recognition">대외평가 & 수상</a> </li> </ul> </div> </div> </li> </ul> </div> <div class="gnb-dimmed"></div> </div> <div> <ul class="util"> <li> <a href="javascript:void(0);"><img src="/sec/sustainability/assets/img/pc/common/mdi/search.png" alt="검색" /></a> </li> <li class="language"> <a href="javascript:void(0);" title="언어선택 열기"><img src="/sec/sustainability/assets/img/pc/common/mdi/language.png" alt="global" /> <span>KR</span></a> <ul> <li class="current"> <a href="javascript:void(0);">KR</a> </li> <li> <a href="javascript:goLanguagePage(this);">EN</a> </li> </ul> </li> </ul> </div> </div>  <div class="header-area mo-only"> <div class="header-basic"> <div> <h1> <a href="/sec/sustainability/main"><img src="/sec/sustainability/assets/img/common/logo.png" alt="SAMSUNG" /></a> </h1> </div> <div> <ul class="util"> <li> <a href="javascript:void(0);"><img src="/sec/sustainability/assets/img/pc/common/mdi/search.png" alt="검색" /></a> </li> <li class="all-menu"> <a href="javascript:void(0);" role="button"><img src="/sec/sustainability/assets/img/mo/common/mdi/all-menu.png" alt="전체메뉴" /></a> </li> </ul> </div> </div> <div class="main-menu-aside" tabindex="0">  <div class="menu-layer-top"> <button type="button" class="btn-back"> <span class="blind">뒤로가기</span> </button> <div class="search-area wide"> <button type="button" class="btn-search" onclick="onMobileMenuSearch()"> <span class="blind">검색</span> </button>  <label for="menu-search-word"><span class="blind">검색어 입력</span></label> <input type="text" id="menu-search-word" name="menu-search-word" title="검색어를 입력하세요." />  </div> <button type="button" class="btn-close"> <span class="blind">전체메뉴 닫기</span> </button> </div> <div class="menu-area"> <ul> <li> <a href="javascript:void(0);">Planet</a> </li> <li> <a href="javascript:void(0);">People</a> </li> <li> <a href="javascript:void(0);">Principle</a> </li> <li> <a href="javascript:void(0);">Focus</a> </li> <li> <a href="javascript:void(0);">Digital Library</a> </li> </ul> </div> <div class="sub-list"> <div class="planet-menu-area"> <strong>Planet</strong> <ul> <li> <a href="/sec/sustainability/planet/environmental-strategy">환경경영 전략</a> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/climate-action" class="special">기후행동</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/planet/climate-action#anchor1">온실가스 직접 배출 감축</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor2">재생에너지 확대</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor3">밸류체인 탄소감축</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/circular-economy" class="special">자원순환</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/planet/circular-economy#anchor1">자원순환형 소재</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor2">제품 수명 연장</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor3">폐전자제품 회수·재활용</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/business-ecosystem" class="special">친환경 기술 혁신</a>  <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor1">탄소포집 & 미세먼지 연구</a> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor2">친환경 과제 발굴</a>  </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/sustainable-operations" class="special">지속가능한 운영</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor1">사업장 폐기물 관리</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor2">수자원 보호 & 대기오염 최소화</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor3">화학물질 관리</a> </li> </ul> </li> </ul> </div> <div class="people-menu-area"> <strong>People</strong> <ul> <li class="menu-group"> <a href="/sec/sustainability/people/human-rights" class="special">인권</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/people/human-rights#anchor1">인권 존중 약속</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor2">안전보건</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor3">조직문화</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor4">인재양성</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/diversity-inclusion" class="special">다양성, 형평성, 포용성</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor1">정책과 현황</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor2">ERG 활동</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor3">이니셔티브</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor4">수상 및 인증</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/tech-for-all" class="special">모두를 위한 기술</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/people/tech-for-all#anchor1">접근성</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor2">개인정보보호</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor3">보안</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor4">AI윤리</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor5">오픈 이노베이션</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/supply-chain" class="special">공급망</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/people/supply-chain#anchor1">협력회사 운영·관리</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor5">ESG 점검과 교육</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor2">상생협력 활동</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor3">협력회사 근로환경·기후변화 대응 관리</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor4">책임광물</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/empowering-communities" class="special">지역사회</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/people/empowering-communities#anchor1">사회공헌</a> </li> <li> <a href="/sec/sustainability/people/empowering-communities#anchor2">중소기업 & 스타트업 지원</a> </li> </ul> </li> </ul> </div> <div class="principle-menu"> <strong>Principle</strong> <ul> <li> <a href="/sec/sustainability/principle/leadership-message">리더십 메시지</a> </li> <li> <a href="/sec/sustainability/principle/corporate-governance">기업지배구조</a> </li> <li> <a href="/sec/sustainability/principle/compliance-ethics">준법과 윤리경영</a> </li> </ul> </div> <div class="focus-menu"> <strong>Focus</strong> <ul> <li class="menu-group"> <a href="/sec/sustainability/focus/products/sustainability-in-our-products" class="special">지속가능한 제품</a> <button type="button"> <span class="blind">서브메뉴 열기</span>  </button> <ul> <li> <a href="/sec/sustainability/focus/products/mobile">모바일</a> </li> <li> <a href="/sec/sustainability/focus/products/tv-av-displays">TV, 오디오 & 디스플레이</a> </li> <li> <a href="/sec/sustainability/focus/products/home-appliances">가전</a> </li> <li> <a href="/sec/sustainability/focus/products/semiconductors">반도체</a> </li> </ul> </li> <li> <a href="/sec/sustainability/focus/news-video">뉴스 & 비디오</a> </li> <li> <a href="/sec/sustainability/focus/story/feature-story">스토리</a> </li> </ul> </div> <div class="digital-menu"> <strong>Digital Library</strong> <ul> <li> <a href="/sec/sustainability/digital-library/sustainability-report">지속가능경영보고서</a> </li> <li> <a href="/sec/sustainability/digital-library/esg-data">ESG 데이터</a> </li> <li> <a href="/sec/sustainability/digital-library/policy-document">정책 & 문서</a> </li> <li> <a href="/sec/sustainability/digital-library/awards-recognition">대외평가 & 수상</a> </li> </ul> </div> </div> <div class="language"> <a href="javascript:void(0);" title="언어선택 열기"><img src="/sec/sustainability/assets/img/pc/common/mdi/language.png" alt="global" /></a> <span>KR</span> <ul> <li class="current"> <a href="javascript:void(0);">KR</a> </li> <li> <a href="javascript:goLanguagePage(this);">EN</a> </li> </ul> </div> </div> </div> </header> <script> let LOCALE_ID = "sec"; const menuSearchWordField = document.querySelector('#menu-search-word'); menuSearchWordField.addEventListener('keyup', function (event) { if (event.key == 'Enter'){ onMobileMenuSearch(); } }); const onMobileMenuSearch = function(e){ // alert(menuSearchWordField.value); location.href="/"+LOCALE_ID+"/sustainability/search/search-result?keyword="+menuSearchWordField.value; } </script> <main id="contents" class="people-conts people-conts02">  <section class="key-visual humanRight">  <div class="text-area"> <span class="sup">인권</span> <h2 class="font-samsung-ssb">Human Rights</h2> </div> </section> <section class="kv-cont">   <div class="illustrat-area"> <div class="tit-group ta-center">  <p class="group-tit-mid"> <strong> 삼성전자는 ‘인재제일’ 경영철학을 바탕으로 <br class="pc-only"> 인권, 다양성, 포용의 가치를 존중하며, <br class="pc-only"> 이 가치들이 경영활동에 반영될 수 있도록 노력합니다.<br><br> 안전한 근로환경을 위해 개선을 거듭하며, <br class="pc-only"> 개인의 성장을 위한 아낌없는 지원으로 <br class="pc-only"> 일하기 좋은 기업문화를 조성합니다. </strong> </p> <h4 class="cont-tit">삼성전자 인권 연혁</h4> </div>  <div class="illustrat-box"> <div class="lottie-bg human-rights-04"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/People/HumanRights/Human_Rights_04_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/People/HumanRights/Human_Rights_04_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> </div> <div class="blind"> - 2005년 : 삼성전자 행동강령 제정 - 2007년 : RBA(Responsible Business Alliance, 책임있는 비지니스 연합) 가입 - 2013년 : 협력회사 행동강령 공개 - 2018-19년 : 베트남 인권 영향 평가 실시 - 2020년 : 대형 생산거점 고충처리 시스템 외부 평가 실시 - 2021년 : 신규 진출 사업장 대상 인권 영향 분석 실시 - 2023년 : 삼성전자 인권 원칙 공개, 노동 인권 이해 관계자 워크샵 개최 - 2024년 : 고충처리 정책 공개 </div> </div>  <div class="illustrat-box"> <div class="lottie-bg human-rights-01"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/People/HumanRights/Human_Rights_01_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/People/HumanRights/Human_Rights_01_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> </div> </div> </div> </section> <section class="tab-section"> <div class="tab-list"> <ul role="tablist"> <li class="active"><a href="#anchor1">인권 존중 약속</a></li> <li><a href="#anchor2">안전보건</a></li> <li><a href="#anchor3">조직문화</a></li> <li><a href="#anchor4">인재양성</a></li> </ul> </div> <div class="tab-panel-wrap">  <div class="group-es pp-cont01" id="anchor1"> <span id="AYS8PrVqWWQAIyC3"></span> <span id="AYStNF_6B6QAIyC3"></span> <span id="AYStNSW6B8MAIyC3"></span> <span id="AYStNZ6qB9oAIyC3"></span> <span id="AYS8PzkKWYUAIyC3"></span> <span id="AYStNAVaB40AIyC3"></span> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon17">인권 존중 약속</h3> <p class="group-txt-big fc-75">인권 존중이 가장 중요한 가치이기에</p>  <p class="group-txt"> 인권은 모든 인간에게 내재된 기본적인 권리이자 자유입니다. <br class="pc-only"> 우리는 인권이 모든 사람을 위한 권리라는 기본적인 원칙을 <br class="pc-only"> 삼성전자의 가치 및 경영활동에 반영하고자 합니다. </p> </div>  <div class="img-txt-box"> <div class="tit-group white-space"> <h3 class="group-tit-mid font-samsung-ssb"> 삼성전자<br> 인권 기본 원칙 </h3> <p class="group-txt"> 국제 인권 기준을 존중하고 그 원칙에 따라 <br class=""> 모든 사람의 인권을 존중하겠다는 우리의 의지이며 <br class=""> 글로벌 경영활동으로 영향을 받을 수 있는 사람들에 대한 인권 침해를 예방하고, <br class="pc-only"> 피해가 발생한 경우 효과적인 구제책을 제공하겠다는 우리의 약속입니다. <br><br> 우리 임직원과 임시직 근로자, 협력회사 직원, 고객과 사용자, <br class="pc-only"> 지역사회 구성원을 포함하는 모든 이해관계자들에게 이 원칙이 적용됩니다. <br class="pc-only"> 회사 경영활동으로 인해 인권에 미치는 영향을 공개하고 관리합니다. </p> </div> <div class="img-box"> <img class="" src="/sec/sustainability/assets/img/pc/people/mdi/mv-thum02.png" alt=""> </div> </div>  <div class="honeycomb-area">  <div class="tit-group ta-center"> <h4 class="cont-tit mo-big">삼성전자 인권 프레임워크</h4> <p class="group-txt"> 국제적으로 인정된 UN 기업과 <br class="mo-only">인권 이행 원칙(UNGPs)을 바탕으로 인권에 대한 <br class="mo-only">엄격한 기준을 준수하기 위해 노동 인권 프레임워크를 만들어 실행합니다. <br><br class="mo-only"> 정책, 인권 실사, 피해자 구제, 투명한 공개, <br class="mo-only">이해관계자 소통, 거버넌스로 구성된 <br class="mo-only">삼성전자 인권 프레임워크를 토대로 <br class="mo-only">인권 존중을 실천합니다. </p> </div> <div class="list-wrap"> <p class="tit">권리와<br class="mo-only"> 이행원칙</p> <ul>   <li class="list01"><p>정책</p><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYXnpCW6AIsAIx-_')" class="btn btn-text">자세히 보기</a></li> <li class="list02"><p>인권 실사</p><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStNF_6B6QAIyC3')" class="btn btn-text">자세히 보기</a></li> <li class="list03"><p>피해자 구제</p><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStNSW6B8MAIyC3')" class="btn btn-text">자세히 보기</a></li> <li class="list04"><p>투명한 공개</p><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStNZ6qB9oAIyC3')" class="btn btn-text">자세히 보기</a></li> <li class="list05"><p>이해관계자 <br class="mo-only">소통</p><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYS8PzkKWYUAIyC3')" class="btn btn-text">자세히 보기</a></li> <li class="list06"><p>거버넌스</p><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStNAVaB40AIyC3')" class="btn btn-text">자세히 보기</a></li> </ul> </div> </div> <div class="illustrat-area"> <div class="illustrat-box"> <div class="lottie-bg human-rights-02"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/People/HumanRights/Human_Rights_02_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/People/HumanRights/Human_Rights_02_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> </div> </div> </div> </div>   <div class="group-es pp-cont02" id="anchor2"> <span id="AYStNgGKB_EAIyC3"></span> <span id="AYStNp7qCAgAIyC3"></span> <span id="AYStNzi6CCYAIyC3"></span> <span id="AYStN_EaCEcAIyC3"></span> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon18">안전보건</h3> <p class="group-txt-big fc-75">안전하고 건강하게 일할 수 있도록</p> <p class="group-txt">삼성전자는 각 사업 부문별 <br class="mo-only">안전보건관리체계를 갖추고, 지속적으로 <br class="mo-only">잠재 위험을 발굴하고 위험성을 평가합니다.<br> DX부문은 Global EHS실장, <br class="mo-only">DS부문은 글로벌 제조&인프라 총괄장이 <br class="mo-only">CSO(Chief Safety Officer)로서 <br class="pc-only"> 임직원에 대한 안전 및 보건 확보에 힘쓰고 있습니다.</p> </div> <div class="long-banner-wrap tp02"> <ul> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner12.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner12.jpg" alt=""> </div> <div class="txt-box"> <p class="tit">사업장<br> 안전 관리 체계</p>  <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStNgGKB_EAIyC3', initPopup)" class="btn btn-text">자세히 보기</a> </div> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner13.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner13.jpg" alt=""> </div> <div class="txt-box pos-r"> <p class="tit">안전 역량 강화</p>  <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStNp7qCAgAIyC3', initPopup)" class="btn btn-text">자세히 보기</a> </div> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner14.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner14.jpg" alt=""> </div> <div class="txt-box"> <p class="tit">임직원 건강증진<br> 체계 및 활동</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStNzi6CCYAIyC3')" class="btn btn-text">자세히 보기</a> </div> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/people/mdi/banner15.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/people/mdi/banner15.jpg" alt=""> </div> <div class="txt-box pos-r"> <p class="tit">작업 환경 개선</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStN_EaCEcAIyC3')" class="btn btn-text">자세히 보기</a> </div> </li> </ul> </div> <div class="illustrat-area"> <div class="illustrat-box"> <div class="lottie-bg human-rights-03"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/People/HumanRights/Human_Rights_03_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/People/HumanRights/Human_Rights_03_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;"></lottie-player> </div> </div> </div> </div>   <div class="group-es pp-cont03" id="anchor3"> <span id="AYStOLQKCF8AIyC3"></span> <span id="AYStOTI6CHYAIyC3"></span> <span id="AYStOceKCJcAIyC3"></span> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon19">조직문화</h3> <p class="group-txt-big fc-75">Better workplace, better life</p> <p class="group-txt"> 삼성전자는 다양성과 포용을 기반으로 구성원들이 몰입하고 성장할 수 있는 조직문화를 만들어가기 위해 노력하고 있습니다. </p> </div> <div class="card-bg-cont people"> <div class="card-list short"> <dl> <dt class="f-big">상호 존중 · 수평 소통</dt> <dd class="fc-55">직무와 직급을 넘어<br> 수평적으로 소통하며<br> 서로 신뢰하는 문화를 추구합니다.<a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStOLQKCF8AIyC3')" class="btn btn-text pos-btn">자세히 보기</a></dd> </dl> <dl> <dt class="f-big">일과 삶의 <br class="pc-only">균형ㆍ몰입 문화</dt> <dd class="fc-55">유연하고 효율적으로 일하며 <br>임직원의 자율성과 책임을 강화하는 <br>업무 몰입 문화를 정착해 나갑니다.<a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStOTI6CHYAIyC3')" class="btn btn-text pos-btn">자세히 보기</a></dd> </dl> <dl> <dt class="f-big">조직문화 개선</dt> <dd class="fc-55">매년 조직문화 진단을 통해 <br>더 나은 조직문화를 만들기 위한 <br>임직원의 의견을 수렴, 반영하고 있습니다.<a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AYStOceKCJcAIyC3')" class="btn btn-text pos-btn">자세히 보기</a></dd> </dl> </div> </div> </div>   <div class="group-es pp-cont04" id="anchor4"> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon20">인재양성</h3> <p class="group-txt-big fc-75">함께 성장의 기쁨을 누릴 수 있도록</p> <p class="group-txt">삼성전자는 개인의 성장을 위한 아낌없는 지원으로 일하기 좋은 기업문화를 조성합니다.</p> </div> <div class="data-area"> <div class="tit-group ta-center"> <h4 class="cont-tit mo-big">인재양성 체계</h4> </div> <div class="data-box">  <div class="table-wrap"> <div class="table-content list01"> <div class="table-head"> <strong class="bg-box">내부 양성</strong>  <div class="table-columns pc-only"> <div class="th"></div> <div class="th">Value</div> <div class="th">Leadership</div> <div class="th">Expertise</div> </div> </div> <div class="table-body"> <div class="table-row"> <div class="th">운영목표</div> <div class="td"><span class="mo-only"><strong>Value</strong></span>Vision, Value,<br class="pc-only">Culture 공유</div> <div class="td"><span class="mo-only"><strong>Leadership</strong></span>글로벌 핵심리더 양성</div> <div class="td"><span class="mo-only"><strong>Expertise</strong></span>직무별 최고 전문가 양성</div> </div> <div class="table-row"> <div class="th">교육과정</div> <div class="td"><span class="mo-only"><strong>Value</strong></span>신규 입사자 <br class="pc-only">입문 교육</div> <div class="td"><span class="mo-only"><strong>Leadership</strong></span>SELF* 모델 <br class="pc-only"> 기반 리더십</div> <div class="td"><span class="mo-only"><strong>Expertise</strong></span>직무 전문가 <br class="pc-only">교육</div> </div> </div> </div> <div class="table-content list02"> <div class="table-head"> <div class="bg-gray"> <strong class="bg-box">외부 양성</strong>  </div> </div> <div class="table-body"> <div class="table-row"> <div class="td no-dot padding-top"> MBA <br> 지역전문가 <br> 학술연수 <br> 사내 기술대학원 </div> </div> </div> </div> </div>  <p class="bg-box">Workplace Learning 멘토링, <br class="mo-only">코칭, OJT(On the Job Training)</p> <p class="bg-box pc-only">Knowledge Network(Web 3.0, SNS, Mobile 기반)<br>Samsung U 러닝 포털, S/W Expert Academy, Knowledge contents</p> <p class="bg-box mo-only">Knowledge Network(Web 3.0, SNS, Mobile 기반), Samsung U 러닝 포털, S/W Expert Academy, Knowledge contents</p> <p class="sm-txt">* SELF : Samsung Electronics Leadership Fundamentals</p>  </div> </div> <div class="acc-wrap bg-gray"> <div class="tit-group ta-center"> <h4 class="cont-tit mo-big">역량 개발 프로그램</h4> </div>  <div class="list-ico-bg"> <ul> <li> <p>The UniverSE</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AY5ky8ha1bMAIx-T')" class="" title="새창열기"></a> </li> <li> <p>외부 양성 및 <br>사내 대학·대학원</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AY5kzvaK1dQAIx-T')" class="" title="새창열기"></a> </li> <li> <p>직무 전환 기회 부여<br>∙ 경력컨설팅센터</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AY5k0RTa1fMAIx-T')" class="" title="새창열기"></a> </li> <li> <p>지역전문가 제도</p> <a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AY6tYBYK2toAIx-d')" class="" title="새창열기"></a> </li> </ul> </div>   </div>  <div class="list-ico-area"> <ul class=""> <li class=""><strong class="tit">디지털전환 시대를 위한 <br class="pc-only">업스킬링</strong><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AY6tZb6q2vMAIx-d')" class="btn btn-text">자세히 보기</a></li> <li class=""><strong class="tit ico02">교육 효과 및 성과</strong><a href="javascript:void(0);" onclick="interaction.popupCall(this, '/sec/sustainability/popup/popup_doc/AY6tZ3362xMAIx-d')" class="btn btn-text">자세히 보기</a></li> </ul> </div>    </div>  </div> </section>  <section class="accordion-section"> <div class="tit-group"> <h3 class="group-tit eng">Digital Library</h3> </div> <div class="accordion-area"> <div class="accordion-wrap"> <ul class="accordion-list"> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">삼성전자 인권 기본원칙</div> <div class="btn-area">  <a href="/sec/sustainability/policy-file/AYZO1PUaCKQALYN7/Samsung_Electronics_Global_Human_Rights_Principles_kr.pdf" title="다운로드" class="btn btn-icon download" tabindex="0"> </a>  </div> </div> </li>  <li class="accordion-cont"> <div class="accordion-title"> <div class="title">글로벌 고충처리 정책</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AY8FPO9qjaIALYMK/Samsung_Electronics_Global_Grievance_Resolution_Policy.pdf" title="다운로드" class="btn btn-icon download" tabindex="0"> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">차별 및 괴롭힘 금지 정책</div> <div class="btn-area">  <a href="/sec/sustainability/policy-file/AYTGl5iaBeUAIyDc/Anti-Discrimination_and_Harassment_Policy.pdf" title="다운로드" class="btn btn-icon download" tabindex="0"> </a>  </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">아동 근로 금지 정책</div> <div class="btn-area">  <a href="/sec/sustainability/policy-file/AYTGkYeqBQwAIyDc/Child_Labor_Prohibition_Policy.pdf" title="다운로드" class="btn btn-icon download" tabindex="0"> </a>  </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">이주 근로자 정책</div> <div class="btn-area">  <a href="/sec/sustainability/policy-file/AYTGlytqBcgAIyDc/Migrant_Worker_Policy.pdf" title="다운로드" class="btn btn-icon download" tabindex="0"> </a>  </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">중국의 학생 근로자 정책</div> <div class="btn-area">  <a href="/sec/sustainability/policy-file/AYTGkmraBRYAIyDc/29_samsung-student-worker-policy-in-china_en.pdf" title="다운로드" class="btn btn-icon download" tabindex="0"> </a>  </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">인도의 실습생 가이드라인</div> <div class="btn-area">  <a href="/sec/sustainability/policy-file/AYTGlIZaBScAIyDc/30_samsung-guidelines-for-apprenticeship-training-in-india_en.pdf" title="다운로드" class="btn btn-icon download" tabindex="0"> </a>  </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">영국 현대판 노예 금지 이행보고서</div> <div class="btn-area"> <a href="https://images.samsung.com/is/content/samsung/assets/uk/home/SEUK_2023_Modern_Slavery_Statement_Final.pdf" class="btn btn-icon download">  <span class="blind">다운로드</span> </a> </div> </div> </li> </ul> <div class="btn-area ta-center"> <button type="button" onclick="location.href = '/sec/sustainability/digital-library/policy-document'" class="btn btn-round black">자세히 보기</button> </div> </div> </div> </section>    <section class="news-section" id="anchor-news"> <div class="tit-group ta-center"> <h3 class="group-tit eng">News & Story</h3> </div> <div class="swiper swiper-news"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/TH_241024_Global-Goals.png" alt="삼성전자, ‘지속가능발전목표(Global Goals)’를 향한 5년간의 발자취 공개"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/10/TH_241024_Global-Goals.png" alt="삼성전자, ‘지속가능발전목표(Global Goals)’를 향한 5년간의 발자취 공개"> </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 = "새창 열림"> <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/TH_1.jpg" alt="삼성전자, ‘근골격계 질환’ 근절 나섰다"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/09/TH_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-%ea%b7%bc%ea%b3%a8%ea%b2%a9%ea%b3%84-%ec%a7%88%ed%99%98-%ea%b7%bc%ec%a0%88-%eb%82%98%ec%84%b0%eb%8b%a4" target="_blank" title = "새창 열림"> <span class="date">2024.09.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/08/0808_TH.jpg" alt="“건강과 안전이 최우선”…삼성전자, 임직원 안전원칙 선포"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/08/0808_TH.jpg" alt="“건강과 안전이 최우선”…삼성전자, 임직원 안전원칙 선포"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ea%b1%b4%ea%b0%95%ea%b3%bc-%ec%95%88%ec%a0%84%ec%9d%b4-%ec%b5%9c%ec%9a%b0%ec%84%a0%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%9e%84%ec%a7%81%ec%9b%90-%ec%95%88%ec%a0%84%ec%9b%90%ec%b9%99" target="_blank" title = "새창 열림"> <span class="date">2024.08.08</span> <strong class="tit">“건강과 안전이 최우선”…삼성전자, 임직원 안전원칙 선포</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 = "새창 열림"> <span class="date">2024.07.02</span> <strong class="tit">삼성전자, ‘유럽 이해관계자 포럼‘ 개최</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/media/7c/f4110bad444459b728286b9a0052c1" alt="삼성전자 ‘2024년 지속가능경영 보고서’ 발간"> <img class="mo-only" src="/sec/sustainability/media/7c/f4110bad444459b728286b9a0052c1" alt="삼성전자 ‘2024년 지속가능경영 보고서’ 발간"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-%ec%a7%80%ec%86%8d%ea%b0%80%eb%8a%a5%ea%b2%bd%ec%98%81%eb%b3%b4%ea%b3%a0%ec%84%9c-%eb%b0%9c%ea%b0%84" target="_blank" title = "새창 열림"> <span class="date">2024.06.28</span> <strong class="tit">삼성전자 ‘2024년 지속가능경영 보고서’ 발간</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/11/ISO-45001-%EC%9D%B8%EC%A6%9D_th.png" alt="삼성전자서비스, 안전보건경영시스템 국제표준 'ISO 45001' 인증 획득"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/11/ISO-45001-%EC%9D%B8%EC%A6%9D_th.png" alt="삼성전자서비스, 안전보건경영시스템 국제표준 'ISO 45001' 인증 획득"> </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%84%9c%eb%b9%84%ec%8a%a4-%ec%95%88%ec%a0%84%eb%b3%b4%ea%b1%b4%ea%b2%bd%ec%98%81%ec%8b%9c%ec%8a%a4%ed%85%9c-%ea%b5%ad%ec%a0%9c%ed%91%9c%ec%a4%80-iso-45001" target="_blank" title = "새창 열림"> <span class="date">2023.11.02</span> <strong class="tit">삼성전자서비스, 안전보건경영시스템 국제표준 'ISO 45001' 인증 획득</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="삼성전자, 포브스 선정 '세계 최고의 직장' 4년 연속 1위"> <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="삼성전자, 포브스 선정 '세계 최고의 직장' 4년 연속 1위"> </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 = "새창 열림"> <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/08/%EC%84%AC%EB%84%A4%EC%9D%BC-3.jpg" alt="[인포그래픽] 더욱 강화된 자립준비청년들의 ‘희망 울타리’, 삼성희망디딤돌 2.0 출범"> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/08/%EC%84%AC%EB%84%A4%EC%9D%BC-3.jpg" alt="[인포그래픽] 더욱 강화된 자립준비청년들의 ‘희망 울타리’, 삼성희망디딤돌 2.0 출범"> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%9d%b8%ed%8f%ac%ea%b7%b8%eb%9e%98%ed%94%bd-%eb%8d%94%ec%9a%b1-%ea%b0%95%ed%99%94%eb%90%9c-%ec%9e%90%eb%a6%bd%ec%a4%80%eb%b9%84%ec%b2%ad%eb%85%84%eb%93%a4%ec%9d%98-%ed%9d%ac%eb%a7%9d" target="_blank" title = "새창 열림"> <span class="date">2023.08.29</span> <strong class="tit">[인포그래픽] 더욱 강화된 자립준비청년들의 ‘희망 울타리’, 삼성희망디딤돌 2.0 출범</strong> </a> </div> </li> </ul> <div class="news-navigation"> <button type="button" class="btn-prev btn-news-prev" title="이전 슬라이드"></button> <button type="button" class="btn-next btn-news-next" title="다음 슬라이드"></button> </div>  </div> </section>   <div class="popup-focus-video" id="videoLayerVideo" style="display: none;"> <div class="popup-area" tabindex="0"> <div class="popup-video-area"> <button class="popup-video-close" type="button"><span class="blind">팝업 닫기</span></button> <div class="popup-video"> <div class="popup-video-ratio"> </div> <div class="popup-video-text-box"> <h3 class="popup-video-title"></h3> <div class="popup-video-date"></div> </div> </div> </div> </div> </div> <script> const setAttributesVideo = function(el, attrs) { for(let key in attrs) { el.setAttribute(key, attrs[key]); } } const videoCallVideo = (e, type) => { const layer = document.getElementById('videoLayerVideo'); const ratio = layer.querySelector('.popup-video-ratio'); const videoTitle = layer.querySelector('.popup-video-title'); const videoDate = layer.querySelector('.popup-video-date'); videoTitle.innerHTML=e.getAttribute('title'); videoDate.innerHTML=e.getAttribute('data-date'); let video; if(type==0){ video = document.createElement('video'); setAttributesVideo(video, { 'src': e.getAttribute('data-url'), 'controls':'', 'muted':'' ,'preload': 'metadata'}); ratio.appendChild(video); }else{ ratio.innerHTML= e.getAttribute('data-url'); } layer.style.display = 'block'; const close = layer.querySelector('.popup-video-close'); close.addEventListener('click', () => { layer.style.display = 'none'; ratio.innerHTML=""; videoTitle.innerHTML=""; videoDate.innerHTML=""; e.focus(); }); } // news swiper const newsSwiper = new Swiper('.swiper-news', { slidesPerView: 'auto', spaceBetween: 0, centeredSlides: true, navigation: { nextEl: '.btn-news-next', prevEl: '.btn-news-prev', }, breakpoints: { 535: { centeredSlides: false, } }, }); </script> </main> <footer> <section class="share-group"> <span class="text">페이지 공유하기</span> <span class="sns">  <a href="javascript:void(0);" class="btn-facebook" title="페이스북 새창 열림"></a> <a href="javascript:void(0);" class="btn-insta" title="LinkedIn 새창 열림"></a> <a href="javascript:void(0);" class="btn-twitter" title="트위터 새창 열림"></a> <a href="javascript:void(0);" class="btn-url" title="URL 복사하기"></a>  </span> </section> <script> window.addEventListener('load', function() { const facebook = document.querySelectorAll('.btn-facebook'); facebook.forEach((item, index) => { item.addEventListener('click', (e) => { let sendUrl = window.location.href; // 전달할 URL window.open("https://www.facebook.com/sharer/sharer.php?u=" + sendUrl); }); }); const linkedIn = document.querySelectorAll('.btn-insta'); linkedIn.forEach((item, index) => { item.addEventListener('click', (e) => { let sendText = document.title; // 전달할 텍스트 let sendUrl = window.location.href; // 전달할 URL window.open("https://linkedin.com/shareArticle?mini=true&title=" + encodeURI(sendText) + "&url=" + sendUrl + "&source=" + window.location.hostname); }) }); const twitter = document.querySelectorAll('.btn-twitter'); twitter.forEach((item, index) => { item.addEventListener('click', (e) => { let sendText = document.title; // 전달할 텍스트 let sendUrl = window.location.href; // 전달할 URL window.open("https://twitter.com/intent/tweet?text=" + encodeURI(sendText) + "&url=" + sendUrl); }); }); const alertUrlCallBack = function () { } const shareUrl = document.querySelectorAll('.btn-url'); shareUrl.forEach((item, index) => { item.addEventListener('click', (e) => { let copyUrl = window.location.href; // URL if (typeof (navigator.clipboard) == 'undefined') { let textArea = document.createElement("textarea"); textArea.value = copyUrl; textArea.style.position = "fixed"; //avoid scrolling to bottom document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { let successful = document.execCommand('copy'); let msg = successful ? 'successful' : 'unsuccessful'; interaction.alertCall({ mainText: "링크가 복사되었습니다. <br>원하는 곳에 붙여넣기 해주세요.", subText: "", doneCallback: alertUrlCallBack, closeCallback: alertUrlCallBack, cbTarget: item, // 접근성 수정 1차 } ) } catch (err) { console.log(err); } document.body.removeChild(textArea) } else { navigator.clipboard.writeText(copyUrl).then(function () { interaction.alertCall({ mainText: "링크가 복사되었습니다. <br>원하는 곳에 붙여넣기 해주세요.", subText: "", doneCallback: alertUrlCallBack, closeCallback: alertUrlCallBack, cbTarget: item, // 접근성 수정 1차 } ) }, function (err) { console.log("err link clipboard " + copyUrl); }) } }); }); }); </script> <div class="footer-area"> <div class="page-depth"> <span>Home</span> <span class="depth1">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>  <ul> <li><a href="/sec/sustainability/planet/environmental-strategy">환경경영전략</a></li> <li><a href="/sec/sustainability/planet/climate-action">기후행동</a></li> <li><a href="/sec/sustainability/planet/circular-economy">자원순환</a></li> <li><a href="/sec/sustainability/planet/business-ecosystem">친환경 기술 혁신</a></li>  <li><a href="/sec/sustainability/planet/sustainable-operations">지속가능한 운영</a></li> </ul> </li> <li> <span class="menu-tit-pc">People</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">People <span class="blind">서브메뉴 열기</span></a>  <ul> <li><a href="/sec/sustainability/people/human-rights">인권</a></li> <li><a href="/sec/sustainability/people/diversity-inclusion">다양성, 형평성, 포용성</a></li> <li><a href="/sec/sustainability/people/tech-for-all">모두를 위한 기술</a></li> <li><a href="/sec/sustainability/people/supply-chain">공급망</a></li> <li><a href="/sec/sustainability/people/empowering-communities">지역사회</a></li> </ul> </li> <li> <span class="menu-tit-pc">Principle</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Principle <span class="blind">서브메뉴 열기</span></a>  <ul> <li><a href="/sec/sustainability/principle/leadership-message">리더십 메시지</a></li> <li><a href="/sec/sustainability/principle/corporate-governance">기업지배구조</a></li> <li><a href="/sec/sustainability/principle/compliance-ethics">준법과 윤리경영</a></li> </ul> </li> <li> <span class="menu-tit-pc">Focus</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Focus <span class="blind">서브메뉴 열기</span></a>  <ul> <li><a href="/sec/sustainability/focus/products/sustainability-in-our-products">지속가능한 제품</a></li> <li><a href="/sec/sustainability/focus/news-video">뉴스 & 비디오</a></li> <li><a href="/sec/sustainability/focus/story/feature-story">스토리</a></li> </ul> </li> <li> <span class="menu-tit-pc">Digital Library</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Digital Library <span class="blind">서브메뉴 열기</span></a>  <ul> <li><a href="/sec/sustainability/digital-library/sustainability-report">지속가능경영보고서</a></li> <li><a href="/sec/sustainability/digital-library/esg-data">ESG 데이터</a></li> <li><a href="/sec/sustainability/digital-library/policy-document">정책 & 문서</a></li> <li><a href="/sec/sustainability/digital-library/awards-recognition">대외평가 & 수상</a></li> </ul> </li> </ul> </div> <div class="quick-area">          <div>  <span class="menu-tit-pc">Family Site</span> <button class="menu-tit-mo"><strong>Family Site<span class="blind">내용 열기</span></strong></button>  <ul> <li> <a href="https://www.samsung.com/" target="_blank" title="새창열림">Samsung.com</a> </li> <li> <a href="https://semiconductor.samsung.com/" target="_blank" title="새창열림">Samsung Semiconductor</a> </li> </ul> </div>  <div class="web-mark"> <img class="pc-img" src="/sec/sustainability/assets/img/pc/common/mdi/WA_Mark_PC.png" alt="과학기술정보통신부 WEB ACCESSIBILITY 마크(웹 접근성 품질인증 마크)"> <img class="mo-img" src="/sec/sustainability/assets/img/mo/common/mdi/WA_Mark_MO.png" alt="과학기술정보통신부 WEB ACCESSIBILITY 마크(웹 접근성 품질인증 마크)"> </div>  </div> </div> <div class="copyright">      <div class="language"> <a href="javascript:void(0);" title="언어선택 열기"> <span>한국어</span> </a> <ul> <li class="current"> <a href="javascript:void(0);" title="선택됨">한국어</a> </li> <li> <a href="javascript:goLanguagePage(this);">English</a> </li> </ul> </div> <div> <ul> <li>  <a href="javascript:void(0);" title="Userway 실행하기" class="accessbility-tooltip-opener">Accessbility Help</a>    </li>    <li> <a href="/sec/sustainability/contact/privacy" class="privacy">개인정보처리방침</a> </li> <li> <a href="javascript:void(0);" onclick="interaction.popupCall(this,'/sec/sustainability/contact/popup/forward-looking-statement')">Forward-Looking Statement</a> </li> </ul> </div> <p>Copyright © 1995-2023 Samsung. All Rights Reserved.</p> </div> </div> <button type="button" class="go-to-top"> <span class="blind">맨 위로</span> </button>  <script type="text/javascript"> // pc header const wideHeader = document.querySelector('header .pc-only'); const headingTitle = wideHeader.querySelector('h1 > a'); const menus = wideHeader.querySelectorAll('.navi > li'); const anchor = wideHeader.querySelectorAll('.navi > li > a'); const subs = wideHeader.querySelectorAll('.sub'); const gnbDimmed = document.querySelector('.gnb-dimmed'); const ev = { on: function(index) { [...menus].map((m, i) => { const a = m.children[0]; if (index === i) { a.classList.add('on'); a.nextElementSibling.style.display = 'block'; } else { a.classList.remove('on'); a.nextElementSibling.style.display = 'none'; } }); gnbDimmed.style.display = 'block'; }, off: function(e) { e.target.children[0].classList.remove('on'); e.target.children[0].nextElementSibling.style.display = 'none'; gnbDimmed.style.display = 'none'; }, clear: function() { [...anchor].map((a, i) => { a.classList.remove('on') }); [...subs].map((s, i) => { s.style.display = 'none' }); gnbDimmed.style.display = 'none'; } }; menus.forEach((item, index) => { item.addEventListener('mouseover', (e) => { ev.on(index) }); item.addEventListener('mouseleave', (e) => { ev.off(e) }); }); anchor.forEach((item, index) => { item.addEventListener('focus', (e) => { ev.on(index) }); }); const utilBtns = document.querySelectorAll('.util > li > a'); utilBtns.forEach((item, index) => { item.addEventListener('focus', (e) => { if (index === 0) { ev.clear() } }); }); headingTitle.addEventListener('focus', (e) => { ev.clear(); }); // 221214 header language button // 240319 접근성 수정 const language = document.querySelectorAll('.language > a'); language.forEach((item, index) => { const languageLayer = item.closest('.language').querySelector('ul'); item.addEventListener('click', (e) => { // 240402 접근성 - img, span 동작 통일 //const my = e.target.nodeName === 'IMG' ? e.target.closest('a') : e.target; const my = e.target.nodeName === 'IMG' || e.target.nodeName === 'SPAN' ? e.target.closest('a') : e.target; if (my.classList.contains('open')) { languageLayer.style.display = 'none'; my.classList.remove('open'); my.closest('a').title = '언어선택 열기'; language.focus(); } else { languageLayer.style.display = 'block'; my.classList.add('open'); my.closest('a').title = '언어선택 닫기'; } }); }); const thisLanguage = document.querySelectorAll('header .language .current > a'); thisLanguage.forEach((item, index) => { const languageLayer = item.closest('.language').querySelector('ul'); const languageBtn = item.closest('.header-area').querySelector('.language > a'); item.addEventListener('click', (e) => { languageLayer.style.display = 'none'; languageBtn.classList.remove('open'); languageBtn.closest('a').title = '언어선택 열기'; languageBtn.focus(); }); item.title = '선택됨'; }); //240402 footer 동작 추가 const thisLanguage02 = document.querySelectorAll('footer .language .current > a'); thisLanguage02.forEach((item, index) => { const languageLayer02 = item.closest('.language').querySelector('ul'); const languageBtn02 = item.closest('.copyright').querySelector('.language > a'); item.addEventListener('click', (e) => { languageLayer02.style.display = 'none'; languageBtn02.classList.remove('open'); languageBtn02.closest('a').title = '언어선택 열기'; languageBtn02.focus(); }); }); //240319 추가 const links = document.querySelectorAll('.language ul li:last-child a'); links.forEach(function(link) { link.addEventListener('focusout', function(event) { const grandparent = event.target.parentElement.parentElement; grandparent.style.display = 'none'; const previousLink = event.target.parentElement.parentElement.previousElementSibling; previousLink.classList.remove('open'); previousLink.closest('a').title = '언어선택 열기'; }); }); // mobile header const allMenu = document.querySelector('.all-menu > a'); const menuLayer = document.querySelector('.main-menu-aside'); const searchArea = menuLayer.querySelector('.search-area'); allMenu.addEventListener('click', () => { document.body.classList.add('stop'); searchArea.classList.add('wide'); menuLayer.style.display = 'block'; }); const mainArea = menuLayer.querySelector('.menu-area'); const mainMenu = menuLayer.querySelectorAll('.menu-area a'); const subList = menuLayer.querySelector('.sub-list'); const subLayer = menuLayer.querySelectorAll('.sub-list > div'); const backBtn = menuLayer.querySelector('.btn-back'); const languageBox = menuLayer.querySelector('.language'); mainMenu.forEach((item, index) => { item.addEventListener('click', () => { mainArea.style.display = 'none'; subList.style.display = 'block'; searchArea.classList.remove('wide'); backBtn.style.display = 'inline-block'; [...subLayer].map((d, i) => { i === index ? d.style.display = 'block' : d.style.display = 'none'; }); languageBox.style.display = 'none'; backBtn.focus(); // 230322 접근성 수정 1차 }); }); const groupMenu = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > a'); const groupSubMenu = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > ul > li > a'); const subUl = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > ul'); const groupMenuBtns = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > button'); groupSubMenu.forEach((item, index) => { item.addEventListener('click', (e) => { // console.log("index = " + index + ", " + item); document.body.classList.remove('stop'); }); }); groupMenu.forEach((item, index) => { item.addEventListener('click', (e) => { if (e.target.classList.contains('open') && !e.target.classList.contains('special')) { e.target.classList.remove('open'); e.target.nextElementSibling.style.display = 'none'; } else if (!e.target.classList.contains('open') && !e.target.classList.contains('special')) { [...groupMenu].map((m, i) => { index === i ? m.classList.add('open') : m.classList.remove('open'); }); [...subUl].map((u, i) => { index === i ? u.style.display = 'block' : u.style.display = 'none'; }); [...groupMenuBtns].map((btn, i) => { btn.classList.remove('open') }); } }); }); groupMenuBtns.forEach((item, index) => { item.addEventListener('click', (e) => { if (e.target.classList.contains('open')) { e.target.classList.remove('open'); e.target.nextElementSibling.style.display = 'none'; e.target.firstElementChild.innerText = '서브메뉴 열기'; // 접근성 수정 1차 } else if (!e.target.classList.contains('open') && !e.target.classList.contains('special')) { [...groupMenu].map((m, i) => { m.classList.remove('open'); i === index ? m.closest('li').querySelector('.blind').innerText = '서브메뉴 닫기' : m.closest('li').querySelector('.blind').innerText = '서브메뉴 열기'; // 접근성 수정 1차 }); [...subUl].map((u, i) => { u.style.display = 'none' }); [...groupMenuBtns].map((btn, i) => { btn.classList.remove('open') }); e.target.classList.add('open'); e.target.nextElementSibling.style.display = 'block'; } }); }); const menuBack = document.querySelector('.header-area .btn-back'); menuBack.addEventListener('click', (e) => { [...groupMenu].map((m, i) => { m.classList.remove('open'); }); [...subUl].map((u, i) => { u.style.display = 'none'; }); [...subLayer].map((d, i) => { d.style.display = 'none'; }); subList.style.display = 'none'; languageBox.style.display = 'block'; mainArea.style.display = 'block'; searchArea.classList.add('wide'); menuBack.style.display = 'none'; }); const menuClose = document.querySelector('.menu-layer-top .btn-close'); menuClose.addEventListener('click', (e) => { document.body.classList.remove('stop'); [...groupMenu].map((m, i) => { m.classList.remove('open'); }); [...subUl].map((u, i) => { u.style.display = 'none'; }); [...subLayer].map((d, i) => { d.style.display = 'none'; }); subList.style.display = 'none'; languageBox.style.display = 'block'; mainArea.style.display = 'block'; searchArea.classList.add('wide'); menuBack.style.display = 'none'; menuLayer.style.display = 'none'; allMenu.focus(); // 접근성 수정 1차 }); // footer // footer menu const footerMenu = document.querySelectorAll('footer .menu-area > ul > li > a'); const footerMenuGroup = document.querySelectorAll('footer .menu-area > ul > li'); footerMenu.forEach((btn, index) => { btn.addEventListener('click', (e) => { if (!e.target.closest('li').classList.contains('active')) { [...footerMenuGroup].map((item, i) => { // 접근성 수정 1차 if (index === i) { item.classList.add('active'); item.querySelector('.blind').innerText = '서브메뉴 닫기'; } else { item.classList.remove('active'); item.querySelector('.blind').innerText = '서브메뉴 열기'; } }); } else { e.target.closest('li').classList.remove('active'); e.target.firstElementChild.innerText = '서브메뉴 열기'; // 접근성 수정 1차 } }); }); // footer quick links // 접근성 수정 1차 - 선택자 strong -> button 수정 - 열림 닫힘 추가 시작 const quickBtn = document.querySelectorAll('.quick-area > div > button'); quickBtn.forEach((item, index) => { item.addEventListener('click', (e) => { if (!item.classList.contains('on')) { item.classList.add('on'); e.target.children[0].querySelector('.blind').innerText = '내용 닫기'; } else { item.classList.remove('on'); e.target.children[0].querySelector('.blind').innerText = '내용 열기'; } }); }); // 접근성 수정 1차 - 선택자 strong -> button 수정, 열림 닫힘 추가 끝 // footer accessbility tooltip /*const accessbilityOpenBtn = document.querySelector('.accessbility-tooltip-opener'); const accessbilityTooltip = document.querySelector('.accessbility-tooltip'); accessbilityOpenBtn.addEventListener('mouseover', () => { accessbilityTooltip.style.display = 'block'; }); accessbilityOpenBtn.addEventListener('focus', () => { accessbilityTooltip.style.display = 'block'; }); accessbilityOpenBtn.addEventListener('mouseout', () => { accessbilityTooltip.style.display = 'none'; }); accessbilityOpenBtn.addEventListener('focusout', () => { accessbilityTooltip.style.display = 'none'; }); accessbilityOpenBtn.addEventListener('blur', () => { accessbilityTooltip.style.display = 'none'; }); accessbilityOpenBtn.addEventListener('click', () => { accessbilityTooltip.style.display = 'none'; });*/ // const tooltipClose = accessbilityTooltip.querySelector('.tooltip-close'); // tooltipClose.addEventListener('click', () => { // accessbilityTooltip.style.display = 'none'; // }); // go to top const gotoTop = document.querySelector('.go-to-top'); window.addEventListener('scroll', () => { if (window.scrollY > 100) { gotoTop.style.display = 'block'; } else { gotoTop.style.display = 'none'; } }); gotoTop.addEventListener('click', () => { window.scrollTo(0, 0); }); //>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> const goLanguagePage = function(e){ let LOCALE_ID = 'sec'; //sec; let LOCATION_PATHNAME = window.location.pathname; let LOCATION_PATHNAME_TARGET_LANG = '/global'+LOCATION_PATHNAME.substring(LOCALE_ID.length+1); if(LOCATION_PATHNAME.startsWith('/'+LOCALE_ID+'/sustainability/focus/news-video')){ LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/focus/news-video' } else if(LOCATION_PATHNAME.startsWith('/'+LOCALE_ID+'/sustainability/search/search-result')){ const url = new URL(window.location.href); const urlParams = url.searchParams; const keyword = urlParams.get('keyword'); const entries = urlParams.entries(); let searchParam = ""; for(const entry of entries) { if(entry[0] !='page' && entry[0] !='sort' && entry[0] !='keyword'){ searchParam+="&"+entry[0]+"="+entry[1]; } } LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/search/search-result?keyword='+encodeURIComponent(keyword)+searchParam; } else if(LOCATION_PATHNAME.startsWith('/'+LOCALE_ID+'/sustainability/focus/news-detail/')){ LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/focus/news-video' } else if(LOCATION_PATHNAME === '/'+LOCALE_ID+'/sustainability' || LOCATION_PATHNAME === '/'+LOCALE_ID+'/sustainability/' ){ LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/main'; } else { let LOCATION_HASH1 = window.location.hash.substring(1); if(LOCATION_HASH1 != ''){ LOCATION_PATHNAME_TARGET_LANG = LOCATION_PATHNAME_TARGET_LANG + "#"+LOCATION_HASH1; } } // console.log("LOCALE_ID ", LOCALE_ID); // console.log("LOCATION_PATHNAME ", LOCATION_PATHNAME); // console.log("LOCATION_PATHNAME_TARGET_LANG ", LOCATION_PATHNAME_TARGET_LANG); window.location.href=LOCATION_PATHNAME_TARGET_LANG; } // contact us alert const receiptAlert = function () { const layer = document.querySelector('.this-layer'); const popup = layer.closest('.popup'); layer.remove(); const alertHtml = `<div class="alert-area" tabindex="0"><div class="alert-area-wrap"><div><strong>문의 접수가 완료되었습니다.</strong><p>빠른 시일 내에 작성해주신 이메일로 답변드리겠습니다.</p><button class="btn black receipt-done" type="button">확인</button></div></div><button class="popup-close black receipt-close" type="button"><span class="blind">알림 닫기</span></button></div>`; popup.innerHTML = alertHtml; const receiptDone = popup.querySelector('.receipt-done'); const receiptClose = popup.querySelector('.receipt-close'); receiptDone.addEventListener('click', () => { popup.remove(); document.body.classList.remove('stop'); }); receiptClose.addEventListener('click', () => { popup.remove(); document.body.classList.remove('stop'); }); } // 동의서 보기 콜백 const infoCallback = function () { console.log('동의서보기') } // contact 콜백 const contactCallback = function () { // select box const layer = document.querySelector('.this-layer'); const allEl = layer.querySelectorAll('*'); const selectBoxs = layer.querySelectorAll('.select-list'); allEl.forEach((item, index) => { item.addEventListener('click', (e) => { if (e.target.tagName !== 'BUTTON' && e.target.tagName !== 'A') { [...selectBoxs].map((b, i) => { b.style.display = 'none' }); } }); }); const selectBtns = document.querySelectorAll('.popup-area .btn-select'); selectBtns.forEach((btn, idx) => { btn.addEventListener('click', (e) => { e.target.nextElementSibling.style.display = 'block'; }); }); const optionBtn1 = document.querySelectorAll('.popup-area #contactFormContinentId a'); optionBtn1.forEach((opt, idx) => { opt.addEventListener('click', (e) => { const myTxt = e.target.innerText; document.querySelector('#contactFormContinent').value=myTxt; const myArea = e.target.closest('.select-list'); const myGroup = myArea.querySelectorAll('li'); myArea.previousElementSibling.innerText = myTxt; getLocations(e.target); myArea.style.display = 'none'; }); }); const optionBtn3 = document.querySelectorAll('.popup-area #contactFormCategoryId a'); optionBtn3.forEach((opt, idx) => { opt.addEventListener('click', (e) => { const myTxt = e.target.innerText; document.querySelector('#contactFormCategory').value=myTxt; const myArea = e.target.closest('.select-list'); const myGroup = myArea.querySelectorAll('li'); myArea.previousElementSibling.innerText = myTxt; myArea.style.display = 'none'; }); }); const contactFormCountryButton = document.querySelector('.popup-area #contactFormCountryButton'); const contactFormCountryId = document.querySelector('.popup-area #contactFormCountryId'); const contactFormCountryButtonHtml = contactFormCountryButton.innerHTML; const getLocations = function (e) { contactFormCountryButton.innerHTML=contactFormCountryButtonHtml; const xmLHttpRequest = new XMLHttpRequest(); xmLHttpRequest.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { if (this.responseText != '') { const obj = JSON.parse(this.responseText); const contactLocationUl = contactFormCountryId.querySelector("ul"); obj.forEach((result, index) => { let li = "" + "<li><a href=\"javascript:void(0);\" >" + result['label'] + "</a></li>"; contactLocationUl.insertAdjacentHTML("afterbegin", li); contactLocationUl.querySelector("a").addEventListener('click', (e) => { const myTxt = e.target.innerText; const myArea = e.target.closest('.select-list'); document.querySelector('#contactFormCountry').value=myTxt; myArea.previousElementSibling.innerText = myTxt; myArea.style.display = 'none'; }); }); } } }; xmLHttpRequest.open('GET', "/sec/sustainability/contact/popup/contact-code?parentCode="+ e.getAttribute('data-code'), false); xmLHttpRequest.send(); } //// contact us send // start const alertCallBack = function (){ } const contactBtn = document.querySelector(".popup-area .contact-btn"); let contactBtnCnt = 0; contactBtn.addEventListener('click', function(e) { if(contactBtnCnt>0){return;} const contactForm = document.querySelector(".popup-area #contactForm"); if(contactForm.continent.value == ''){ interaction.alertCall({ mainText:contactForm.continent.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:document.getElementById("contactFormContinentId"), } ) return false; } if(contactForm.country.value == ''){ interaction.alertCall({ mainText:contactForm.country.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:document.getElementById("contactFormCountryId"), } ) return false; } if(contactForm.category.value == ''){ interaction.alertCall({ mainText:contactForm.category.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:document.getElementById("contactFormCategoryId"), } ) return false; } if(contactForm.company.value == ''){ interaction.alertCall({ mainText:contactForm.company.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.company, } ) return false; } if(contactForm.name.value == ''){ interaction.alertCall({ mainText:contactForm.name.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.name, } ) return false; } if(contactForm.email.value == ''){ interaction.alertCall({ mainText:contactForm.email.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.email, } ) return false; } if(contactForm.title.value == ''){ interaction.alertCall({ mainText:contactForm.title.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.title, } ) return false; } if(contactForm.content.value == ''){ interaction.alertCall({ mainText:contactForm.content.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.content, } ) return false; } if(!contactForm.allap1.checked){ interaction.alertCall({ mainText:contactForm.allap1.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.allap1, } ) return false; } // e.preventDefault(); let data = new FormData(contactForm); contactBtnCnt++; const xmLHttpRequest = new XMLHttpRequest(); xmLHttpRequest.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { if (this.responseText != '') { const obj = JSON.parse(this.responseText); console.log(obj); if(obj['result'] == "ok"){ receiptAlert(); // document.body.classList.remove('stop'); } } } }; xmLHttpRequest.open('POST', "/sec/sustainability/contact/popup/contact-send", false); xmLHttpRequest.setRequestHeader(document.getElementById("_csrf_header").getAttribute('content'), document.getElementById("_csrf").getAttribute('content')) xmLHttpRequest.send(data); return false; }); //// contact us send end // } </script> </footer>  <script> window.addEventListener('load', function() { //팝업 레이어 동작 let popupId = window.location.hash.substring(1) if (popupId != '' && popupId != 'news-filter-area' && popupId != 'contactLearnMore' && popupId.indexOf("anchor") == -1 ) { let popupUrl = '/sec/sustainability/popup/popup_doc/' + popupId; console.log('popupUrl -> ' + popupUrl); let obj = document.getElementById(popupId); interaction.popupCall(obj, popupUrl, popupId); } }); // 팝업 아코디언 & 접근성 const popup = document.querySelector('.popup') if (popup) { const aBtns2 = document.querySelectorAll('.btn-accordion'); const aBoxs2 = document.querySelectorAll('.accordion-content-list'); aBtns2.forEach((btn, index) => { btn.addEventListener('click', (e) => { const myBox = e.target.closest('.list-box-layout').nextElementSibling; if(e.target.classList.contains('active')) { e.target.classList.remove('active'); myBox.classList.remove('active'); e.target.querySelector('.blind').innerText = '열기'; } else { [...aBtns2].map((b, i) => { // 접근성 수정 1차 if (i === index) { b.classList.add('active'); b.querySelector('.blind').innerText = '닫기'; } else { b.classList.remove('active'); b.querySelector('.blind').innerText = '열기'; } }); [...aBoxs2].map((b, i) => { i === index ? b.classList.add('active') : b.classList.remove('active'); }); e.target.querySelector('.blind > span').innerText = '닫기'; } }); }); } </script> <script> const userwayDataAccount="rEcm9PopfA"; (function(d){var s = d.createElement("script");s.setAttribute("data-account", userwayDataAccount);s.setAttribute("src", "https://cdn.userway.org/widget.js");(d.body || d.head).appendChild(s);})(document) </script> <div class="search full-search-area"> <div class="full-popup pc-only off"> <div class="search-box-wrap" tabindex="0"> <div class="form-box search-box"> <label for="search_input_pc" class="blind">통합 검색</label> <input type="text" id="search_input_pc" placeholder=""> <button type="button" class="btn-search" id="search_button_pc"> <span class="blind">검색하기</span> </button> <button type="button" class="btn-clear"> <span class="blind">텍스트 삭제</span> </button> </div>  <div data-id="keyword_history" class="search-layer" style="display: block;"> <div class="col-2"> <div class="history"> <strong>검색 히스토리</strong> <ul class="history-list" id="pc-history-list"> </ul> </div> <div class="recommand"> <strong>추천 검색어</strong> <ul class="recom-list" id="pc-recomm-ul"> </ul> </div> </div> <div class="btn-area"> <button type="button" class="btn btn-all-delete">검색 히스토리 전체 삭제</button> <button type="button" class="btn btn-layer-close">닫기</button> </div> </div>   <div data-id="keyword_auto" class="search-layer auto"> <div class="auto-keyword"> <ul id="pc-keyword-auto-ul"> </ul> </div> </div>  </div>  <button type="button" class="btn-popup-close" hidden="hidden"> <span class="blind">검색 팝업창 닫기</span> </button> </div>   <div class="full-page mo-only off"> <div class="top">  <a href="javascript:void(0);" class="btn btn-back" title="이전페이지로 돌아가기" tabindex="0"></a>  <div class="form-box search-box"> <label for="search_input_mobile" class="blind">통합 검색</label> <input type="text" id="search_input_mobile" placeholder=""> <button type="button" class="btn-search" id="search_button_mobile" > <span class="blind">검색하기</span> </button> <button type="button" class="btn-clear"> <span class="blind">텍스트 삭제</span> </button> </div> </div>  <div data-id="keyword_history" class="search-layer" style="display: block"> <div class="history"> <strong>검색 히스토리</strong> <ul class="history-list" id="mo-history-list"> </ul> <button type="button" class="btn btn-all-delete">전체 삭제</button> </div> <div class="recommand"> <strong>추천 검색어</strong> <ul class="recom-list" id="mo-recomm-ul"> </ul> </div> </div>   <div data-id="keyword_auto" class="search-layer auto" style="display:block"> <div class="auto-keyword"> <ul id="mo-keyword-auto-ul"> </ul> </div> </div>       </div>  </div> <script> window.addEventListener('load', function() { let localeIdForSearchPopup = "sec"; // 검색창 열기 const searchBtn = document.querySelector('.pc-only .util > li:first-child > a'); if (searchBtn) { searchBtn.addEventListener('click', function() { const searchPopup = document.querySelector('.full-popup'); const pcSearchBoxWrap = document.querySelector('.pc-only .search-box-wrap');//240319 const searchMoPopup = document.querySelector('.full-page'); const recommendList = document.querySelector('.recom-list'); //const fullSearchArea = document.querySelector('.full-search-area'); // 검색 시 tab focus 기능 추가 //fullSearchArea.focus();//240319 searchPopup.classList.remove('off'); pcSearchBoxWrap.focus();//240319 레이어팝업에 포커스 searchMoPopup.classList.remove('off'); if(recommendList.childElementCount == 0){ getSearchRecommendAsync(); } getSearchHistory(); loopFocus(searchPopup); // 240419 검색팝업 포커스 루프 추가 }); } // 검색팝업 포커스 루프 function loopFocus(tgPopup) { const tgFirstEl = tgPopup.querySelector('.form-box.search-box input'); const tgLastEl = tgPopup.querySelector('.btn-layer-close'); // [24.04.26] 접근성, 마지막 포커스 변경 tgPopup.addEventListener('keydown', function (event) { if (event.key === 'Tab') { if (event.shiftKey) { if (document.activeElement === tgFirstEl) { event.preventDefault(); tgLastEl.focus(); } } else { if (document.activeElement === tgLastEl) { event.preventDefault(); tgFirstEl.focus(); } } } }); } // 검색창 열기 모바일 const moSearchBtn = document.querySelector('.mo-only .util > li:first-child > a'); if (moSearchBtn) { moSearchBtn.addEventListener('click', function() { const searchPopup = document.querySelector('.full-popup'); const searchMoPopup = document.querySelector('.full-page'); const recommendList = document.querySelector('.recom-list'); const fullSearchArea = document.querySelector('.full-search-area');// 검색 시 tab focus 기능 추가 fullSearchArea.setAttribute('tabindex', '0');//240319 추가 fullSearchArea.focus(); searchPopup.classList.remove('off'); searchMoPopup.classList.remove('off'); if(recommendList.childElementCount == 0){ getSearchRecommendAsync(); } getSearchHistory(); disablePageFocus(); // [24.04.25] Android search popup focus 추가 }); } // [24.04.25] Android search popup focus 추가 function disablePageFocus() { document.querySelector("#contents").setAttribute("aria-hidden", "true"); document.querySelector("footer").setAttribute("aria-hidden", "true"); document.querySelector("header").setAttribute("aria-hidden", "true"); } function enablePageFocus() { document.querySelector("#contents").setAttribute("aria-hidden", "false"); document.querySelector("footer").setAttribute("aria-hidden", "false"); document.querySelector("header").setAttribute("aria-hidden", "false"); } // page 내부 javascript start const pcLayers = document.querySelectorAll('.pc-only .search-layer'); const moLayers = document.querySelectorAll('.mo-only .search-layer'); //검색어 히스토리 레이어 닫기 const keywordClose = document.querySelector('.btn-layer-close'); keywordClose.addEventListener('click', function() { pcLayers.forEach((layer, index) => { document.querySelector('.full-popup').classList.add('off'); }); searchBtn.focus(); }); // 검색 자동완성 보이기/감추기 (pc) const searchFieldPc = document.getElementById('search_input_pc'); // console.log("search_input_pc " + searchFieldPc.value); // Throttle let timer; function throttle(callbackFn, timeout) { if(!timer) { timer = setTimeout(() => { timer = null; callbackFn(); }, timeout); } } searchFieldPc.addEventListener("keyup", function() { // console.log("event!!"); throttle(() => { const clearBtn = this.closest('.search-box').querySelector('.btn-clear'); if (this.value !== '') { pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'block'; } else { layer.style.display = 'none'; } }); clearBtn.style.display = 'block'; } else { pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'none'; } else { layer.style.display = 'block'; } }); clearBtn.style.display = 'none'; } if(this.value != '') { console.log("API call"); getSearchResultAsync(this.value); } }, 500); }); // 검색 자동완성 보이기/감추기 (mobile) const searchFieldMobile = document.getElementById('search_input_mobile'); searchFieldMobile.addEventListener("keyup", function() { throttle(() => { const clearBtn = this.closest('.search-box').querySelector('.btn-clear'); if (this.value !== '') { moLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'block'; } else { layer.style.display = 'none'; } }); clearBtn.style.display = 'block'; } else { moLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'none'; } else { layer.style.display = 'block'; } }); clearBtn.style.display = 'none'; } if(this.value != '') { console.log("API call"); getSearchResultAsync(this.value); } }, 500); }); // 검색창 닫기 수정 const closeBtn = document.querySelector('.full-popup.pc-only .btn-layer-close'); // [24.04.26] 접근성 const searchPopup = document.querySelector('.full-popup'); const closeMoBtn = document.querySelector('.search .btn-back'); const searchMoPopup = document.querySelector('.full-page'); // pc closeBtn.addEventListener('click', () => { searchPopup.classList.add('off'); searchMoPopup.classList.add('off'); searchBtn.focus(); }); // mobile closeMoBtn.addEventListener('click', () => { searchPopup.classList.add('off'); searchMoPopup.classList.add('off'); moSearchBtn.focus(); enablePageFocus(); // [24.04.25] Android search popup focus 추가 }); //추천검색어 가져오기 const getSearchRecommendAsync = function(){ console.log("getSearchRecommendAsync"); const pcReUl = document.getElementById('pc-recomm-ul'); const moReUl = document.getElementById('mo-recomm-ul'); const xmLHttpRequest = new XMLHttpRequest(); xmLHttpRequest.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { if(this.responseText != ''){ const obj = JSON.parse(this.responseText); obj.forEach((result, index) => { console.log(" recommend " + result['label']); if(index < 6){ if(index == 0){//검색 필드에 1번째 searchFieldPc.setAttribute("placeholder", result['label']); searchFieldMobile.setAttribute("placeholder", result['label']); }else{ let li="" + "<li><button style='cursor: pointer' type='button' data-word='"+ result['label'] +"'>" + result['label'] + "</button></li>"; pcReUl.insertAdjacentHTML("afterbegin", li); moReUl.insertAdjacentHTML("afterbegin", li); } } }); } //한번씩만 호출하도록 순서 변경 pcReUl.childNodes.forEach((li, index) => { if(index > 4) return; li.firstChild.addEventListener('click',function(event) { let data = ""; if(event.target.getAttribute('data-word')!= undefined){ data = event.target.getAttribute('data-word'); }else{ data = event.target.children[0].getAttribute('data-word'); } setSearchCookie(data); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(data); }); li.firstChild.addEventListener('keyup',function(event) { if (event.key == 'Enter') { let data = ""; if (event.target.getAttribute('data-word') != undefined) { data = event.target.getAttribute('data-word'); } else { data = event.target.children[0].getAttribute('data-word'); } setSearchCookie(data); location.href = "/" + localeIdForSearchPopup + "/sustainability/search/search-result?keyword=" + encodeURIComponent(data); } }); }); moReUl.childNodes.forEach((li, index) => { if(index > 4) return; li.firstChild.addEventListener('click',function(event) { let data = ""; if(event.target.getAttribute('data-word')!= undefined){ data = event.target.getAttribute('data-word'); }else{ data = event.target.children[0].getAttribute('data-word'); } setSearchCookie(data); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(data); }); li.firstChild.addEventListener('keyup',function(event) { if (event.key == 'Enter') { let data = ""; if (event.target.getAttribute('data-word') != undefined) { data = event.target.getAttribute('data-word'); } else { data = event.target.children[0].getAttribute('data-word'); } setSearchCookie(data); location.href = "/" + localeIdForSearchPopup + "/sustainability/search/search-result?keyword=" + encodeURIComponent(data); } }); }); } }; xmLHttpRequest.open('GET', "/sec/sustainability/search/search-recommend-async", false); xmLHttpRequest.send(); } const searchCookieName = "keywordHistory"; const setSearchCookie = function(value) { if(value==''){ return; } let todayDate = new Date(); todayDate.setDate(todayDate.getDate() + 9999); let searchCookie = getSearchCookie(); if( searchCookie==undefined){ searchCookie=""; } let hists = searchCookie.split(","); let findValueCnt=0; hists.forEach((result, index) => { if( result == value ){ findValueCnt++; } }); if(findValueCnt==0){ console.log(hists.length); if(searchCookie==""){ searchCookie = value; }else{ // 쿠키에 5개 차있으면 가장 오래된것 삭제하여 항상 5개 유지 if(hists.length == 5){ const removeTarget = hists[0]; removeSearchCookie(removeTarget); searchCookie = getSearchCookie(); } searchCookie = searchCookie + "," + value; } } document.cookie = searchCookieName+"=" + encodeURIComponent(searchCookie) + "; path=/; expires=" + todayDate + ";" } const removeSearchCookie = function(value) { if(value==''){return;} let todayDate = new Date(); todayDate.setDate(todayDate.getDate() + 9999); let searchCookie = getSearchCookie(); if( searchCookie==undefined){searchCookie="";} let hists = searchCookie.split(","); let newSearchCookie=""; hists.forEach((result, index) => { // if(index < 8){ if( result != value ){ if(newSearchCookie == ""){ if(result != ''){newSearchCookie=result;} }else{newSearchCookie=newSearchCookie+ "," +result;} } // } }); document.cookie = searchCookieName+"=" + newSearchCookie + "; path=/; expires=" + todayDate + ";" } const removeAllSearchCookie = function() { document.cookie = searchCookieName+"=; path=/; expires=-1;" } const getSearchCookie = function() { let name = searchCookieName; let matches = document.cookie.match(new RegExp( "(?:^|; )" + name.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); return matches ? decodeURIComponent(matches[1]) : undefined; } const getSearchHistory = function() { console.log("getSearchHistory"); const pcHistoryList = document.getElementById("pc-history-list"); const moHistoryList = document.getElementById("mo-history-list"); let searchCookie = getSearchCookie(); if( searchCookie==undefined){ searchCookie=""; } pcHistoryList.innerHTML=""; moHistoryList.innerHTML=""; let hists = searchCookie.split(","); hists.forEach((result, index) => { if(result!='' && index < 5){ let li="" + "<li><button style='cursor: pointer' type='button' data-word='"+ result +"'>" + result + "</button>" + " <button type=\"button\" class=\"btn-del\" data-word=\""+ result +"\">\n" + " <span class=\"blind\">삭제</span>\n" + " </button>" + "</li>"; pcHistoryList.insertAdjacentHTML("afterbegin", li); moHistoryList.insertAdjacentHTML("afterbegin", li); } }); //한번씩만 호출하도록 순서 변경 pcHistoryList.childNodes.forEach((child, index) => { child.firstChild.addEventListener('click',function(event) { // console.log("PC = " + event.target.getAttribute('data-word')); // setSearchCookie(event.target.getAttribute('data-word')); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(event.target.getAttribute('data-word')); }); child.firstChild.addEventListener('keyup',function(event) { // console.log("PC_keyup = " + event.target.getAttribute('data-word')); if (event.key == 'Enter') { location.href = "/" + localeIdForSearchPopup + "/sustainability/search/search-result?keyword=" + encodeURIComponent(event.target.getAttribute('data-word')); } }); child.lastChild.addEventListener('click',function(event) { removeSearchCookie(event.target.getAttribute('data-word') ); event.target.parentElement.remove(); }); }); moHistoryList.childNodes.forEach((child, index) => { child.firstChild.addEventListener('click',function(event) { // setSearchCookie(event.target.getAttribute('data-word')); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(event.target.getAttribute('data-word')); }); child.firstChild.addEventListener('keyup',function(event) { // setSearchCookie(event.target.getAttribute('data-word')); if (event.key == 'Enter') { location.href = "/" + localeIdForSearchPopup + "/sustainability/search/search-result?keyword=" + encodeURIComponent(event.target.getAttribute('data-word')); } }); child.lastChild.addEventListener('click',function(event) { removeSearchCookie(event.target.getAttribute('data-word') ); event.target.parentElement.remove(); }); }); } //검색팝업 async 호출 const getSearchResultAsync = function(keywords){ console.log("1) 호출 = " + keywords); const pcKeyAutoUl = document.getElementById('pc-keyword-auto-ul'); const moKeyAutoUl = document.getElementById('mo-keyword-auto-ul'); const xmLHttpRequest = new XMLHttpRequest(); xmLHttpRequest.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { console.log("2) 응답 = " + keywords) pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'block'; } }); if(this.responseText != ''){ const obj = JSON.parse(this.responseText); pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_history') { layer.style.display = 'none'; } }); moLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_history') { layer.style.display = 'none'; } }); pcKeyAutoUl.innerHTML = ''; moKeyAutoUl.innerHTML = ''; obj.forEach((result, index) => { // console.log(" index.count " + index) if(index <= 9){ // let li="" + // "<li style='cursor: pointer' data-url='"+ result['url'] +"'>" // + result['title'] + // "</li>"; let li="" + "<li><a href='" + result['url'] + "'>" + result['title'] + "</a></li>"; pcKeyAutoUl.insertAdjacentHTML("afterbegin", li); pcKeyAutoUl.childNodes.forEach((li, index) => { li.addEventListener('click',function(event) { console.log(event.currentTarget.getAttribute('data-url')); location.href=event.currentTarget.getAttribute('data-url'); }); }); moKeyAutoUl.insertAdjacentHTML("afterbegin", li); moKeyAutoUl.childNodes.forEach((li, index) => { li.addEventListener('click',function(event) { console.log(event.currentTarget.getAttribute('data-url')); location.href=event.currentTarget.getAttribute('data-url'); }); }); } }); } } }; xmLHttpRequest.open('GET', "/"+localeIdForSearchPopup+"/sustainability/search/search-result-async?keyword="+encodeURIComponent(keywords), true); xmLHttpRequest.send(); } //PC 텍스트 삭제 버튼 const pcClearBtn = document.querySelector('.pc-only .search-box .btn-clear'); pcClearBtn.addEventListener('click', () => { searchFieldPc.value=""; pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'none'; } }); pcClearBtn.style.display = 'none'; pcLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_history') { layer.style.display = 'block'; } }); }); //모바일 텍스트 삭제 버튼 const moClearBtn = document.querySelector('.mo-only .search-box .btn-clear'); moClearBtn.addEventListener('click', () => { searchFieldMobile.value=""; moLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_auto') { layer.style.display = 'none'; } }); moClearBtn.style.display = 'none'; moLayers.forEach((layer, index) => { if (layer.dataset.id === 'keyword_history') { layer.style.display = 'block'; } }); }); const goSearchResult = function(objSearchFiled){ let keywords = objSearchFiled.value; if(keywords == ''){ keywords=objSearchFiled.getAttribute("placeholder"); } setSearchCookie(keywords); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(keywords); } if(searchFieldPc){ searchFieldPc.addEventListener('keyup', function (event) { if (event.key == 'Enter'){ goSearchResult(searchFieldPc); } }); } if(searchFieldMobile){ searchFieldMobile.addEventListener('keyup', function (event) { if (event.key == 'Enter'){ goSearchResult(searchFieldMobile); } }); } const pcSearchButton = document.getElementById('search_button_pc'); const moSearchButton = document.getElementById('search_button_mobile'); if(pcSearchButton){ pcSearchButton.addEventListener('click', function (event) { goSearchResult(searchFieldPc); }); } if(moSearchButton){ moSearchButton.addEventListener('click',function (event) { goSearchResult(searchFieldMobile); }); } const pcBtnAllDelete = document.querySelector('.pc-only .search-layer .btn-all-delete'); pcBtnAllDelete.addEventListener('click',function() { const pcHistoryList = document.getElementById("pc-history-list"); const moHistoryList = document.getElementById("mo-history-list"); removeAllSearchCookie(); pcHistoryList.innerHTML=""; moHistoryList.innerHTML=""; }); const moBtnAllDelete = document.querySelector('.mo-only .search-layer .btn-all-delete'); moBtnAllDelete.addEventListener('click',function() { const pcHistoryList = document.getElementById("pc-history-list"); const moHistoryList = document.getElementById("mo-history-list"); removeAllSearchCookie(); pcHistoryList.innerHTML=""; moHistoryList.innerHTML=""; }); }); </script> <script src="/sec/sustainability/assets/js/popup.js"></script> <script type="text/javascript"> // page 내부 javascript start // accordion // [24.04.17] 주석 처리 /*const accList = document.querySelector('.acc-list1'); const accBtns = accList.querySelectorAll('.tit'); const accBox = accList.querySelectorAll('.txt'); const accAct = function (e, index) { if (e.target.classList.contains('open')) { e.target.classList.remove('open'); e.target.nextElementSibling.style.display = 'none'; } else { [...accBtns].map((item, i) => { i === index ? item.classList.add('open') : item.classList.remove('open'); }); [...accBox].map((item, i) => { i === index ? item.style.display = 'block' : item.style.display = 'none'; }); } }; accBtns.forEach((acc, index) => { acc.addEventListener('click', (e) => { accAct(e, index); }); }); accBtns.forEach((acc, index) => { acc.addEventListener('keypress', (e) => { accAct(e, index); }); }); const accList2 = document.querySelector('.acc-list2'); const accBtns2 = accList2.querySelectorAll('.tit'); const accBox2 = accList2.querySelectorAll('.txt'); const accAct2 = function (e, index) { if (e.target.classList.contains('open')) { e.target.classList.remove('open'); e.target.nextElementSibling.style.display = 'none'; } else { [...accBtns2].map((item, i) => { i === index ? item.classList.add('open') : item.classList.remove('open'); }); [...accBox2].map((item, i) => { i === index ? item.style.display = 'block' : item.style.display = 'none'; }); } }; accBtns2.forEach((acc, index) => { acc.addEventListener('click', (e) => { accAct2(e, index); }); }); accBtns2.forEach((acc, index) => { acc.addEventListener('keypress', (e) => { accAct2(e, index); }); }); const accList3 = document.querySelector('.acc-list3'); const accBtns3 = accList3.querySelectorAll('.tit'); const accBoxs3 = accList3.querySelectorAll('.txt'); const accAct3 = function (e, index) { if (e.target.classList.contains('open')) { e.target.classList.remove('open'); e.target.nextElementSibling.style.display = 'none'; } else { [...accBtns3].map((item, i) => { i === index ? item.classList.add('open') : item.classList.remove('open'); }); [...accBoxs3].map((item, i) => { i === index ? item.style.display = 'block' : item.style.display = 'none'; }); } }; accBtns3.forEach((acc, index) => { acc.addEventListener('click', (e) => { accAct3(e, index); }); }); accBtns3.forEach((acc, index) => { acc.addEventListener('keypress', (e) => { accAct3(e, index); }); });*/ // accordion (역량 개발 프로그램, 디지털전환 시대를 위한 업스킬링, 교육 효과 및 성과) const accLists = document.querySelectorAll('.acc-list'); accLists.forEach((accList, accListIndex) => { const accBtns = accList.querySelectorAll('.tit'); const accBox = accList.querySelectorAll('.txt'); // tit에 title 속성 추가 accBtns.forEach((item, index) => { const buttonText = item.textContent.trim(); item.title = buttonText + ' 열기'; }); // 이벤트 핸들러 연결 const accAct = function (e, index) { if (e.target.classList.contains('open')) { e.target.classList.remove('open'); e.target.nextElementSibling.style.display = 'none'; e.target.title = e.target.title.replace('닫기', '열기'); } else { [...accBtns].map((item, i) => { if (i === index) { item.classList.add('open'); const buttonText = item.textContent.trim(); item.title = buttonText + ' 닫기'; } else { item.classList.remove('open'); item.title = item.title.replace('닫기', '열기'); } }); [...accBox].map((item, i) => { i === index ? item.style.display = 'block' : item.style.display = 'none'; }); } }; accBtns.forEach((btn, btnIndex) => { btn.addEventListener('click', (e) => { accAct(e, btnIndex); }); }); accBtns.forEach((acc, index) => { acc.addEventListener('keypress', (e) => { accAct(e, index); }); }); }); // digital library accordion initAccordion(); // [24.05] 고도화 ③-1 accordion JS 공통화 → 공통함수 호출 // [24.05] 고도화 ③-2 accordion JS 공통화 → 삭제 /* const acc = document.querySelectorAll('.accordion-title > a'); acc.forEach((btn, index) => { btn.addEventListener('click', (e) => { const myDiv = e.target.closest('.accordion-title'); if (!myDiv.classList.contains('open') && !myDiv.classList.contains('down')) { myDiv.classList.add('open'); } else if (myDiv.classList.contains('open') && !myDiv.classList.contains('down')) { myDiv.classList.remove('open'); } }); }); */ // tab // [24.05] 고도화 ④-2 - tab JS 공통화 → 안정화 이후 삭제 조치 /*const tabList = document.querySelectorAll('.tab-list > ul > li'); const tabBtns = document.querySelectorAll('.tab-list > ul > li > a'); tabBtns.forEach((btn, index) => { btn.addEventListener('click', (e) => { [...tabList].map((li, i) => { i === index ? li.classList.add('active') : li.classList.remove('active'); }); }); }); const tabContents = document.querySelectorAll('.tab-panel-wrap .group-es'); window.addEventListener('scroll', () => { let indexGroup = new Array(); tabContents.forEach((div, index) => { if (div.getBoundingClientRect().top < 1) { indexGroup.push(index); [...tabList].map((li, i) => { i === +indexGroup[indexGroup.length - 1] ? li.classList.add('active') : li.classList.remove('active'); }); } }); });*/ // 모바일 tab 고정 /*let winW = window.innerWidth; function initMobileTabList() { const tabListArea = document.querySelector('.tab-section .tab-list'); const tabListAreaHeight = tabListArea.clientHeight; const tabContents = document.querySelectorAll('.tab-panel-wrap .group-es'); const firstTabContent = tabContents[0]; if (winW < 536) { window.addEventListener('scroll', () => { const firstTabContentTop = firstTabContent.getBoundingClientRect().y; tabContents.forEach((div) => { if ( div.getBoundingClientRect().top < tabListAreaHeight ) { tabListArea.classList.add('mo-fixed'); } else if ( firstTabContentTop >= tabListAreaHeight ) { tabListArea.classList.remove('mo-fixed'); } }); }); } else if (winW >= 536) { tabListArea.classList.remove('mo-fixed'); } }*/ // [24.05] 고도화 ④-1 tab JS 공통화 → 함수 호출 initTabList(); let winW = window.innerWidth; initMobileTabList(); window.addEventListener('resize', function() { winW = window.innerWidth; initMobileTabList(); }); // [24.05] 고도화 ⑤ 현재 퍼블에서 사용하지 않는 코드 // news swiper // const swiperNews = new Swiper('.swiper-news', { // slidesPerView: 'auto', // spaceBetween: 0, // centeredSlides: true, // navigation: { // nextEl: '.btn-news-next', // prevEl: '.btn-news-prev', // }, // pagination: { // el: '.indicator', // clickable: true, // }, // breakpoints: { // 535: { // centeredSlides: false, // } // }, // }); </script>  <script> // [24.05] 고도화 ②-4 팝업 내부 인터렉션으로 interaction.js 분리되어 주석처리 // 인권 > 인권 존중 약속 > 인권정책 /* const AYS8PrVqWWQAIyC3 = function (){ // accordion const acBtn = document.querySelectorAll('.popup-area .btn-acco'); const layers = document.querySelectorAll('.popup-area .accordion-area .content-area'); acBtn.forEach((item, index) => { item.addEventListener('click', (e) => { const my = e.target.nodeName === 'EM' ? e.target.parentNode : e.target; const myLi = e.target.closest('li'); const myLayer = myLi.querySelector('.content-area'); if (my.classList.contains('on')) { myLayer.style.display = 'none'; my.classList.remove('on'); } else { [...layers].map((l, i) => { i !== index ? l.style.display = 'none' : l.style.display = 'block'; }); [...acBtn].map((b, i) => { i !== index ? b.classList.remove('on') : b.classList.add('on'); }); } }); }); } */ // 24.05.09 아코디언 // const AYS8NaaKWPIAIyC3 = function (){ // // accordion // const acBtn = document.querySelectorAll('.popup-area .btn-acco'); // const layers = document.querySelectorAll('.popup-area .accordion-area .content-area'); // acBtn.forEach((item, index) => { // item.addEventListener('click', (e) => { // const my = e.target.nodeName === 'EM' ? e.target.parentNode : e.target; // const myLi = e.target.closest('li'); // const myLayer = myLi.querySelector('.content-area'); // if (my.classList.contains('on')) { // myLayer.style.display = 'none'; // my.classList.remove('on'); // my.title = '열기'; // 240405. 접근성 추가 // } else { // [...layers].map((l, i) => { // i !== index ? l.style.display = 'none' : l.style.display = 'block'; // }); // [...acBtn].map((b, i) => { // i !== index ? b.classList.remove('on') : b.classList.add('on'); // i !== index ? b.title = '열기' : b.title = '닫기'; // 240405. 접근성 추가 // }); // my.title = '닫기'; // 240405. 접근성 추가 // } // }); // }); // // } // [24.05] 고도화 ②-5 현재 해당 팝업 내에서 사용하지 않는 스크립트 // 인권 > 인권 존중 약속 > 인권실사 /*const AYStNF_6B6QAIyC3 = function () { let winW = window.innerWidth; let swiper = undefined; function initSwiper() { if (winW < 920 && swiper == undefined) { swiper = new Swiper(".process-swiper", { slidesPerView: 'auto', spaceBetween: 0, navigation: { nextEl: '.btn-swiper-next', prevEl: '.btn-swiper-prev', }, a11y: false, // 접근성 수정 1차 : a11y false 추가 }); document.querySelector(".process-swiper .swiper-wrapper").style.display = "flex" // 221212 swiper style 추가 } else if (winW >= 920 && swiper != undefined) { swiper.destroy(); swiper = undefined; document.querySelector(".process-swiper .swiper-wrapper").style.display = "block" // 221212 swiper style 추가 } } initSwiper(); window.addEventListener('resize', function() { winW = window.innerWidth; initSwiper(); }); }*/ // [24.05] 고도화 ②-6 현재 해당 팝업 내에서 사용하지 않는 스크립트 //인권 > 인권 존중 약속 > 피해자구재 /*const AYStNSW6B8MAIyC3 = function () { let winW = window.innerWidth; let swiper = undefined; function initSwiper() { if (winW < 920 && swiper == undefined) { swiper = new Swiper(".process-swiper", { slidesPerView: 'auto', spaceBetween: 0, navigation: { nextEl: '.btn-swiper-next', prevEl: '.btn-swiper-prev', }, a11y: false, // 접근성 수정 1차 : a11y false 추가 }); document.querySelector(".process-swiper .swiper-wrapper").style.display = "flex" } else if (winW >= 920 && swiper != undefined) { swiper.destroy(); swiper = undefined; document.querySelector(".process-swiper .swiper-wrapper").style.display = "block" } } initSwiper(); window.addEventListener('resize', function() { winW = window.innerWidth; initSwiper(); }); }*/ // [24.05] 고도화 ②-7 미사용 AYStNgGKB_EAIyC3 → accordion_02 → initPopup // 인권 > 안전보건 > 사업장 안전 관리 체계 /* const AYStNgGKB_EAIyC3 = function () { // swiper let winW = window.innerWidth; let preventionSwiper = undefined; let respondSwiper = undefined; function initSwiper() { if (winW < 535 && preventionSwiper == undefined) { preventionSwiper = new Swiper(".prevention-swiper", { slidesPerView: 'auto', spaceBetween: 0, navigation: { nextEl: '.btn-prevention-next', prevEl: '.btn-prevention-prev', }, a11y: false, // 접근성 수정 1차 : a11y false 추가 }); respondSwiper = new Swiper(".respond-swiper", { slidesPerView: 'auto', spaceBetween: 0, navigation: { nextEl: '.btn-respond-next', prevEl: '.btn-respond-prev', }, a11y: false, // 접근성 수정 1차 : a11y false 추가 }); document.querySelector(".prevention-swiper .swiper-wrapper").style.display = "flex" document.querySelector(".respond-swiper .swiper-wrapper").style.display = "flex" } else if (winW >= 535 && preventionSwiper != undefined) { preventionSwiper.destroy(); respondSwiper.destroy(); preventionSwiper = undefined; respondSwiper = undefined; document.querySelector(".prevention-swiper .swiper-wrapper").style.display = "block" document.querySelector(".respond-swiper .swiper-wrapper").style.display = "block" } } initSwiper(); window.addEventListener('resize', function () { winW = window.innerWidth; initSwiper(); }); // accordion const acBtn = document.querySelectorAll('.popup-area .btn-acco'); const layers = document.querySelectorAll('.popup-area .accordion-area .content-area'); acBtn.forEach((item, index) => { item.addEventListener('click', (e) => { const my = e.target.nodeName === 'EM' ? e.target.parentNode : e.target; console.log(my); const myLi = e.target.closest('li'); const myLayer = myLi.querySelector('.content-area'); if (my.classList.contains('on')) { myLayer.style.display = 'none'; my.classList.remove('on'); } else { [...layers].map((l, i) => { i !== index ? l.style.display = 'none' : l.style.display = 'block'; }); [...acBtn].map((b, i) => { i !== index ? b.classList.remove('on') : b.classList.add('on'); }); } }); }); }*/ // [24.05] 고도화 ②-8 미사용 AYStNp7qCAgAIyC3 → initPopup // 인권 > 안전보건 > 안전 역량 강화 /* const AYStNp7qCAgAIyC3 = function (){ // accordion const acBtn = document.querySelectorAll('.popup-area .btn-acco'); const layers = document.querySelectorAll('.popup-area .accordion-area .content-area'); acBtn.forEach((item, index) => { item.addEventListener('click', (e) => { const my = e.target.nodeName === 'EM' ? e.target.parentNode : e.target; const myLi = e.target.closest('li'); const myLayer = myLi.querySelector('.content-area'); if (my.classList.contains('on')) { myLayer.style.display = 'none'; my.classList.remove('on'); } else { [...layers].map((l, i) => { i !== index ? l.style.display = 'none' : l.style.display = 'block'; }); [...acBtn].map((b, i) => { i !== index ? b.classList.remove('on') : b.classList.add('on'); }); } }); }); }*/ </script> </body> </html>

CINXE.COM

인권 | People | 삼성전자 지속가능경영 | 삼성전자 |