CINXE.COM

자원순환 | Planet | 삼성전자 지속가능경영 | 삼성전자 |

<!DOCTYPE html> <html lang="ko"> <head> <title>자원순환 | Planet | 삼성전자 지속가능경영 | 삼성전자 |</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="title" content="자원순환 | Planet | 삼성전자 지속가능경영 | 삼성전자 |"> <meta name="keywords" content="삼성전자, 지속가능경영, 지속가능성, 환경, 환경경영, 자원순환, 재활용, 순환경제"> <meta name="description" content="삼성전자는 재활용 소재를 개발하고, 폐제품에서 자원을 추출하고 활용함으로써 순환경제를 향해 나아가고 있습니다."> <meta property="search:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/planet/CircularEconomy.jpg"> <meta property="search-frag:0" content="자원순환"> <meta property="search-frag:1" content="자원순환 | 자원순환형 소재"> <meta property="search-frag:2" content="자원순환 | 제품 수명 연장"> <meta property="search-frag:3" content="자원순환 | 폐전자제품 회수·재활용"> <meta property="og:site_name" content="자원순환 | Planet | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.samsung.com/sec/sustainability/planet/circular-economy"> <meta property="og:title" content="자원순환 | Planet | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="og:description" content="삼성전자는 재활용 소재를 개발하고, 폐제품에서 자원을 추출하고 활용함으로써 순환경제를 향해 나아가고 있습니다."> <meta property="og:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/planet/CircularEconomy.jpg"> <meta property="twitter:card" content="Summary"> <meta property="twitter:site" content="@SamsungSustainability"> <meta property="twitter:title" content="자원순환 | Planet | 삼성전자 지속가능경영 | 삼성전자 |"> <meta property="twitter:description" content="삼성전자는 재활용 소재를 개발하고, 폐제품에서 자원을 추출하고 활용함으로써 순환경제를 향해 나아가고 있습니다."> <meta property="twitter:url" content="https://www.samsung.com/sec/sustainability/planet/circular-economy"> <meta property="twitter:image" content="https://www.samsung.com/sec/sustainability/assets/img/sns/planet/CircularEconomy.jpg"> <!-- [24.05] 고도화 ①-2 스타일 head 영역으로 이동 --> <style> #svg-box { position: relative; max-width: 100%;} #south-america, #asia, #north-america, #oceania, #africa, #europe {cursor: pointer;} .pc-only.open {display: block !important;} .mo-only.open {display: block !important;} .map-area {position: relative; width: 90rem; height: 66.714rem;} .map-txt {position: absolute; left:0; top:0; background: #F7F7F7; width: 100%; height: 73.875803%;} .map-txt p{font-size: 1.571rem; line-height:2.143rem; font-weight: bold; margin-top: 4rem;} .map-area svg {position: absolute; left:0; top: -5.5rem;} .circular-popup-wrap {display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1111; background-color: rgba(0,0,0,0.6);} .circular-popup-wrap .circular-popup { display: none;} .circular-popup-wrap .circular-popup img{ transform: scale(1.02) translateY(5px);} .planet-conts03 .ce-cont05 .map-area + .btn-area {margin-top: -14.129rem;} .planet-conts03 .ce-cont05 .map-area + .btn-area.open { margin-top: 4.529rem;} .circular-popup-wrap .btn-close { position: absolute; opacity: 1; top: 3rem; right: 2.2rem; width: 2.5rem; height: 2.3rem; background: url("/global/sustainability/assets/img/pc/planet/mdi/btn-close-white.png") no-repeat center center /cover; pointer-events: auto;} @media screen and ( max-width: 535px ) { .map-area {width: 100%; height: 71.8vw;} .map-txt {top: -2rem; height: 100%;} .map-area svg {top: -3rem;} .planet-conts03 .ce-cont05 .map-area + .btn-area { margin-top: 0.5rem;} .map-txt p{font-size: 1rem; line-height:1.375rem !important; margin-top: 11.5rem;} .circular-popup-wrap { display: none; position: fixed; height: 100vh; } .circular-popup-wrap .circular-popup {position: absolute; background: #fff; width: calc(100% - 2.5rem); margin-left: 0; max-height: calc( 100vh - 2.5rem); top: 50%; left: 50%; right: auto; transform: translate(-50%, -50%); padding: 4rem 1.875rem 2.5rem; border-radius: 1.25rem; pointer-events: auto;} .circular-popup-wrap .circular-popup .pop-inner {max-height: calc( 100vh - 13rem); overflow: hidden; text-align: center;} .circular-popup-wrap .circular-popup .pop-inner .title {font-size: 1.25rem; line-height: 1.6975rem; margin-bottom: 0; } .circular-popup-wrap .circular-popup .pop-inner .desc { max-height: calc( 100vh - 26rem); margin-top: 1.5rem; overflow-x: hidden; overflow-y: auto; } .circular-popup-wrap .circular-popup .pop-inner .desc ul {} .circular-popup-wrap .circular-popup .pop-inner .desc ul li {margin-top: 8px; display: inline-block; position: relative; font-size: 1rem; line-height: 1.5rem; color: #555; padding-left: 10px;margin-left: 10px;} .circular-popup-wrap .circular-popup .pop-inner .desc ul li:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #555; width: 5px; height: 5px; border-radius: 50%; } .circular-popup-wrap .circular-popup .btn-close {width: 1.5rem; height: 1.5rem; top: 1.25rem; right: 1.5rem; background: url('/sec/sustainability/assets/img/mo/planet/mdi/close-btn.png') no-repeat center / cover} .circular-popup-wrap .circular-popup .btn-link { display: flex; justify-content: center; margin-top: 3.42857rem} .circular-popup-wrap .circular-popup .btn-link a { display: inline-block; padding: 0.71428rem 1.71428rem 0.78571rem; line-height: 1.35713em; background-color: #000; border-radius: 35.71428rem; color: #fff;} } </style> <!-- [24.05] 고도화 ①-3 스타일 rem-planet.css로 이동 → 삭제 --> <!-- <style> .graph-motion-02 *{animation-play-state: paused !important;} .scroll-reveal-active.graph-motion-02 *{animation-play-state: running !important;} .graph-motion-02{position: relative;width: 45.5rem;height: 26.375rem;} .graph-motion-02 [class *= 'bg'], .graph-motion-02 [class *= 'mask']{position:absolute;background: url(/sec/sustainability/assets/img/pc/planet/mdi/graph-motion-02.png) no-repeat;background-size: contain;width: 100%;height:100%;z-index:1} .graph-motion-02 [class *= 'txt']{position:absolute;font-size:2rem;font-weight:700;animation: graph-motion-02-txt 1s both;} .graph-motion-02 .bg{clip: rect(24.375rem,45.5rem,26.375rem,0);} .graph-motion-02 .mask1 {clip: rect(24.375rem,6.5rem,24.375rem,0rem);animation:graph-motion-02-mask1 1s both .2s} .graph-motion-02 .mask2 {clip: rect(24.375rem,13.5rem,24.375rem,7rem);animation:graph-motion-02-mask2 1s both .4s} .graph-motion-02 .mask3 {clip: rect(24.375rem,22.5625rem,24.375rem,16rem);animation:graph-motion-02-mask3 1s both .6s} .graph-motion-02 .mask4 {clip: rect(24.375rem,29.5rem,24.375rem,23rem);animation:graph-motion-02-mask4 1s both .8s} .graph-motion-02 .mask5 {clip: rect(24.375rem,38.5rem,24.375rem,32rem);animation:graph-motion-02-mask5 1s both 1s} .graph-motion-02 .mask6 {clip: rect(24.375rem,45.5rem,24.375rem,39rem);animation:graph-motion-02-mask6 1s both 1.2s} .graph-motion-02 .txt1{top:18.4375rem;left: 0} .graph-motion-02 .txt2{top: 10.125rem;left: 6.9375rem;} .graph-motion-02 .txt3{top: 17.9375rem;left: 15.9375rem;} .graph-motion-02 .txt4{top: 6.4375rem;left: 22.9375rem;} .graph-motion-02 .txt5{top: 15.8125rem;left: 31.875rem;} .graph-motion-02 .txt6{top: 0.3125rem;left: 38.875rem;} .graph-motion-02 .txt1{animation-delay: .4s;} .graph-motion-02 .txt2{animation-delay: .6s;} .graph-motion-02 .txt3{animation-delay: .8s;} .graph-motion-02 .txt4{animation-delay: 1s;} .graph-motion-02 .txt5{animation-delay: 1.2s;} .graph-motion-02 .txt6{animation-delay: 1.4s;} @keyframes graph-motion-02-txt{ 0%{transform: translateY(2.5rem);opacity: 0;} 100%{transform: translateY(0);opacity: 1;} } @keyframes graph-motion-02-mask1{ 100%{clip: rect(21.125rem,6.5rem,24.625rem,0rem);} } @keyframes graph-motion-02-mask2{ 100%{clip: rect(12rem,13.5rem,24.625rem,7rem);} } @keyframes graph-motion-02-mask3{ 100%{clip: rect(20.625rem,22.5625rem,27.625rem,14rem);} } @keyframes graph-motion-02-mask4{ 100%{clip: rect(9rem,29.5rem,24.625rem,23rem);} } @keyframes graph-motion-02-mask5{ 100%{clip: rect(18.4375rem,38.5rem,24.625rem,32rem);} } @keyframes graph-motion-02-mask6{ 100%{clip: rect(3.125rem,45.5rem,24.625rem,39rem);} } .graph-motion-03 *{animation-play-state: paused !important;} .scroll-reveal-active.graph-motion-03 *{animation-play-state: running !important;} .graph-motion-03{position: relative;width: 45.5rem;height: 26.375rem;} .graph-motion-03 [class *= 'bg'], .graph-motion-03 [class *= 'mask']{position:absolute;background: url(/sec/sustainability/assets/img/pc/planet/mdi/graph-motion-03.png) no-repeat;background-size: contain;width: 100%;height:100%;z-index:1} .graph-motion-03 [class *= 'txt']{position:absolute;font-size:2rem;font-weight:700;animation: graph-motion-03-txt 1s both;} .graph-motion-03 .bg{clip: rect(24.375rem,45.5rem,26.375rem,0);} .graph-motion-03 .mask1 {clip: rect(24.375rem,6.5rem,24.375rem,0rem);animation:graph-motion-03-mask1 1s both .2s} .graph-motion-03 .mask2 {clip: rect(24.375rem,13.5rem,24.375rem,7rem);animation:graph-motion-03-mask2 1s both .4s} .graph-motion-03 .mask3 {clip: rect(24.375rem,22.5625rem,24.375rem,16rem);animation:graph-motion-03-mask3 1s both .6s} .graph-motion-03 .mask4 {clip: rect(24.375rem,29.5rem,24.375rem,23rem);animation:graph-motion-03-mask4 1s both .8s} .graph-motion-03 .mask5 {clip: rect(24.375rem,38.5rem,24.375rem,32rem);animation:graph-motion-03-mask5 1s both 1s} .graph-motion-03 .mask6 {clip: rect(24.375rem,45.5rem,24.375rem,39rem);animation:graph-motion-03-mask6 1s both 1.2s} .graph-motion-03 .txt1{top: 19.5rem;left: 0} .graph-motion-03 .txt2{top: 4rem;left: 7.0625rem;} .graph-motion-03 .txt3{top: 19.5rem;left: 16rem;} .graph-motion-03 .txt4{top: 2.375rem;left: 22.9375rem;} .graph-motion-03 .txt5{top: 19.5rem;left: 31.875rem;} .graph-motion-03 .txt6{top: 0.125rem;left: 38.8125rem;} .graph-motion-03 .txt1{animation-delay: .4s;} .graph-motion-03 .txt2{animation-delay: .6s;} .graph-motion-03 .txt3{animation-delay: .8s;} .graph-motion-03 .txt4{animation-delay: 1s;} .graph-motion-03 .txt5{animation-delay: 1.2s;} .graph-motion-03 .txt6{animation-delay: 1.4s;} @keyframes graph-motion-03-txt{ 0%{transform: translateY(2.5rem);opacity: 0;} 100%{transform: translateY(0);opacity: 1;} } @keyframes graph-motion-03-mask1{ 100%{clip: rect(21.9375rem,6.5rem,24.625rem,0rem);} } @keyframes graph-motion-03-mask2{ 100%{clip: rect(6.4375rem,13.5rem,24.625rem,7rem);} } @keyframes graph-motion-03-mask3{ 100%{clip: rect(21.4375rem,22.5625rem,24.625rem,16rem);} } @keyframes graph-motion-03-mask4{ 100%{clip: rect(5.25rem,29.5rem,24.625rem,23rem);} } @keyframes graph-motion-03-mask5{ 100%{clip: rect(21.6875rem,38.5rem,24.625rem,32rem);} } @keyframes graph-motion-03-mask6{ 100%{clip: rect(2.9375rem,45.5rem,24.625rem,39rem);} } .mc-graph-motion-02 *{animation-play-state: paused !important;} .scroll-reveal-active.mc-graph-motion-02 *{animation-play-state: running !important;} .mc-graph-motion-02-legand{background: url(/sec/sustainability/assets/img/mo/planet/mdi/mc-graph-motion-02-legand.png) no-repeat;background-size: contain;width: 77.77778vw;height: 61.38889vw;margin: 16.66667vw auto 11.11111vw;} .mc-graph-motion-02{position: relative;width:77.77778vw;height: 85.27778vw;margin: 0 auto} .mc-graph-motion-02 [class *= 'bg'], .mc-graph-motion-02 [class *= 'mask']{position:absolute;background: url(/sec/sustainability/assets/img/mo/planet/mdi/mc-graph-motion-02.png) no-repeat;background-size: contain;width: 100%;height:100%;z-index:1} .mc-graph-motion-02 [class *= 'txt']{position:absolute;font-size: 4.44444vw;font-weight:700;animation: mc-graph-motion-02-txt 1s both;} .mc-graph-motion-02 .bg{clip: rect(76.11111vw,77.77778vw,85.27778vw,0);} .mc-graph-motion-02 .mask1 {clip: rect(76.11111vw,10vw,76.11111vw,0vw);animation:mc-graph-motion-02-mask1 1s both .2s} .mc-graph-motion-02 .mask2 {clip: rect(76.11111vw,20vw,76.11111vw,10vw);animation:mc-graph-motion-02-mask2 1s both .4s} .mc-graph-motion-02 .mask3 {clip: rect(76.11111vw,38.88889vw,76.11111vw,27.77778vw);animation:mc-graph-motion-02-mask3 1s both .6s} .mc-graph-motion-02 .mask4 {clip: rect(76.11111vw,50vw,76.11111vw,38.88889vw);animation:mc-graph-motion-02-mask4 1s both .8s} .mc-graph-motion-02 .mask5 {clip: rect(76.11111vw,67.77778vw,76.11111vw,57.77778vw);animation:mc-graph-motion-02-mask5 1s both 1s} .mc-graph-motion-02 .mask6 {clip: rect(76.11111vw,77.77778vw,76.11111vw,67.77778vw);animation:mc-graph-motion-02-mask6 1s both 1.2s} .mc-graph-motion-02 .txt1{top: 54.44444vw;left: 0} .mc-graph-motion-02 .txt2{top: 29.44444vw;left: 9.72222vw;} .mc-graph-motion-02 .txt3{top: 54.44444vw;left: 28.88889vw;} .mc-graph-motion-02 .txt4{top: 17.77778vw;left: 38.61111vw;} .mc-graph-motion-02 .txt5{top: 46.66667vw;left: 57.77778vw;} .mc-graph-motion-02 .txt6{top: 1.94444vw;left: 67.5vw;} .mc-graph-motion-02 .txt1{animation-delay: .4s;} .mc-graph-motion-02 .txt2{animation-delay: .6s;} .mc-graph-motion-02 .txt3{animation-delay: .8s;} .mc-graph-motion-02 .txt4{animation-delay: 1s;} .mc-graph-motion-02 .txt5{animation-delay: 1.2s;} .mc-graph-motion-02 .txt6{animation-delay: 1.4s;} @keyframes mc-graph-motion-02-txt{ 0%{transform: translateY(11.11111vw);opacity: 0;} 100%{transform: translateY(0);opacity: 1;} } @keyframes mc-graph-motion-02-mask1{ 100%{clip: rect(61.94444vw,10vw,76.11111vw,0vw);} } @keyframes mc-graph-motion-02-mask2{ 100%{clip: rect(36.94444vw,20vw,76.11111vw,10vw);} } @keyframes mc-graph-motion-02-mask3{ 100%{clip: rect(61.94444vw,38.88889vw,76.11111vw,28.88889vw);} } @keyframes mc-graph-motion-02-mask4{ 100%{clip: rect(25vw,48.88889vw,76.11111vw,38.88889vw);} } @keyframes mc-graph-motion-02-mask5{ 100%{clip: rect(54.16667vw,67.77778vw,76.11111vw,57.77778vw);} } @keyframes mc-graph-motion-02-mask6{ 100%{clip: rect(9.16667vw,77.77778vw,76.11111vw,67.77778vw);} } .mc-graph-motion-03 *{animation-play-state: paused !important;} .scroll-reveal-active.mc-graph-motion-03 *{animation-play-state: running !important;} .mc-graph-motion-03-legand{background: url(/sec/sustainability/assets/img/mo/planet/mdi/mc-graph-motion-03-legand.png) no-repeat;background-size: contain;width: 77.77778vw;height: 61.38889vw;margin: 16.66667vw auto 11.11111vw;} .mc-graph-motion-03{position: relative;width:77.77778vw;height: 85.27778vw;margin: 0 auto;} .mc-graph-motion-03 [class *= 'bg'], .mc-graph-motion-03 [class *= 'mask']{position:absolute;background: url(/sec/sustainability/assets/img/mo/planet/mdi/mc-graph-motion-03.png) no-repeat;background-size: contain;width: 100%;height:100%;z-index:1} .mc-graph-motion-03 [class *= 'txt']{position:absolute;font-size: 4.44444vw;font-weight:700;animation: mc-graph-motion-03-txt 1s both;} .mc-graph-motion-03 .bg{clip: rect(76.11111vw,77.77778vw,85.27778vw,0);} .mc-graph-motion-03 .mask1 {clip: rect(76.11111vw,10vw,76.11111vw,0vw);animation:mc-graph-motion-03-mask1 1s both .2s} .mc-graph-motion-03 .mask2 {clip: rect(76.11111vw,20vw,76.11111vw,10vw);animation:mc-graph-motion-03-mask2 1s both .4s} .mc-graph-motion-03 .mask3 {clip: rect(76.11111vw,38.88889vw,76.11111vw,27.77778vw);animation:mc-graph-motion-03-mask3 1s both .6s} .mc-graph-motion-03 .mask4 {clip: rect(76.11111vw,50vw,76.11111vw,38.88889vw);animation:mc-graph-motion-03-mask4 1s both .8s} .mc-graph-motion-03 .mask5 {clip: rect(76.11111vw,67.77778vw,76.11111vw,57.77778vw);animation:mc-graph-motion-03-mask5 1s both 1s} .mc-graph-motion-03 .mask6 {clip: rect(76.11111vw,77.77778vw,76.11111vw,67.77778vw);animation:mc-graph-motion-03-mask6 1s both 1.2s} .mc-graph-motion-03 .txt1{top: 63.33333vw;left: 0} .mc-graph-motion-03 .txt2{top: 29.16667vw;left: 10vw;} .mc-graph-motion-03 .txt3{top: 61.38889vw;left: 28.88889vw;} .mc-graph-motion-03 .txt4{top: 17.77778vw;left: 38.88889vw;} .mc-graph-motion-03 .txt5{top: 61.77778vw;left: 57.77778vw;} .mc-graph-motion-03 .txt6{top: 1.94444vw;left: 67.5vw;} .mc-graph-motion-03 .txt1{animation-delay: .4s;} .mc-graph-motion-03 .txt2{animation-delay: .6s;} .mc-graph-motion-03 .txt3{animation-delay: .8s;} .mc-graph-motion-03 .txt4{animation-delay: 1s;} .mc-graph-motion-03 .txt5{animation-delay: 1.2s;} .mc-graph-motion-03 .txt6{animation-delay: 1.4s;} @keyframes mc-graph-motion-03-txt{ 0%{transform: translateY(11.11111vw);opacity: 0;} 100%{transform: translateY(0);opacity: 1;} } @keyframes mc-graph-motion-03-mask1{ 100%{clip: rect(70.83333vw,10vw,76.11111vw,0vw);} } @keyframes mc-graph-motion-03-mask2{ 100%{clip: rect(36.94444vw,20vw,76.11111vw,10vw);} } @keyframes mc-graph-motion-03-mask3{ 100%{clip: rect(68.88889vw,38.88889vw,76.11111vw,28.88889vw);} } @keyframes mc-graph-motion-03-mask4{ 100%{clip: rect(25vw,48.88889vw,76.11111vw,38.88889vw);} } @keyframes mc-graph-motion-03-mask5{ 100%{clip: rect(65.27778vw,67.77778vw,76.11111vw,57.77778vw);} } @keyframes mc-graph-motion-03-mask6{ 100%{clip: rect(9.44444vw,77.77778vw,76.11111vw,67.77778vw);} } @media screen and ( max-width: 535px ) { .graph-area .chart{position: relative;background-color: #f7f7f7;overflow: hidden} } </style>--> <meta charset="UTF-8"> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="Expires" content="0"/> <meta http-equiv="Cache-Control" content="no-cache"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="google-site-verification" content="q0DkowY2kcrjh5iaAE4cx2ZoJuYSU_sj1U9rFqkBr7o" /> <link rel="shortcut icon" href="/sec/sustainability/assets/img/favicon.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/sec/sustainability/assets/css/style.css"> <link rel="stylesheet" href="/sec/sustainability/assets/css/swiper-bundle.min.css" /><!-- swiper 전용 css --> <script src="/sec/sustainability/assets/js/swiper-bundle.min.js"></script><!-- swiper js --> <!-- <script src="/sec/sustainability/assets/js/lottie-player.js"></script>&lt;!&ndash; Lottie JS import &ndash;&gt;--> <script src="/sec/sustainability/assets/js/lottie-player.js"></script><!-- Lottie JS import --> <script src="/sec/sustainability/assets/js/interaction.js"></script><!-- 실제 사용하는 js --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-FB5KF1XKN5"></script> <script> const gtagConfig="G-FB5KF1XKN5"; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', gtagConfig); const isShowXTCPopup = function() { let name = "IS_SHOW_XTC"; let matches = document.cookie.match(new RegExp( "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); return !matches; // matches 가 null 이면 true 리턴 } const loadXTCPopup = function() { if(isShowXTCPopup()){ if(document.location.href.endsWith("main") || document.location.href.endsWith("main/") || document.location.href.endsWith("sustainability/") ) { interaction.popupCall(this,'/sec/sustainability/contact/popup/recycle-at-home', XTPPopupCallback); } } } const setXTCCookie = function(expiredDate){ let date = new Date(); date.setDate(date.getDate() + expiredDate); date.setHours(0, 0, 0, 0); document.cookie = 'IS_SHOW_XTC=Y;' + 'expires=' +date.toUTCString()+ ";"+ "path=/;" } const XTPPopupCallback = function() { const layer = document.querySelector('.this-layer'); const xtpPopup = layer.closest('.popup'); const closeBtns = document.querySelectorAll('.recycle-close'); const noShowBtn = document.querySelector('.popup-btn-cookie'); closeBtns.forEach(function(closeBtn){ closeBtn.addEventListener('click', () => { layer.remove(); xtpPopup.remove(); document.body.classList.remove('stop'); setXTCCookie(0) }); }) noShowBtn.addEventListener('click', () => { layer.remove(); xtpPopup.remove(); document.body.classList.remove('stop'); setXTCCookie(1) }); xtpPopup.classList.add("recycle-popup"); } //loadXTCPopup() </script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxz62dgz5tfoua-f-8c2d1894e-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":10,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"da1586","ak.r":45578,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":36484,"ak.gh":"23.59.168.143","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1739795368","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==hnHlEjyMJxaRVWZxhyBkdJpCdi6hdC40jkKuhQystg+7ZQpt4dhB5V10MNI2Jd/uFjej/H6ZdxQoJ90ERw3lQcXzYhQw2C4TQ7Ka6CaNcjdLDbbMOELlRBvnJM75IdcFXMVoKhu1ohWkAOkv2Bs7B0kNZ6HpgbIxrgyKWsPIxtFqdfyiz0gMQZikb/AWiNddR27cXQF3HnchAaFWzPPJ8XME28ZxbyogtBjeLKMkpItkB4hzCwHhkdWTKy50ts2C3jawdAtRQ1fee+9u4ExMyHTb50ox/fq8E7jDvljr/elvYdoJRFsZxnGZMMaaWsNj2BEDgG5Jnc8Tffe/eNJGhZj8kh4nDWTKoGExhYa410RSqfXAXgZ8mmeBTvXhFu3W/eSRSr0UB9rVWLyh7I1JtM62L8Krua1nv29TgXYPP20=","ak.pv":"3777","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <!-- skip navigation --> <div class="skip-navigation"> <ul> <li> <a href="#contents">본문으로 이동</a> </li> <!-- <li>--> <!-- <a href="javascript:void(0);">접근성 도움말로 이동</a>--> <!-- </li>--> </ul> </div> <header> <!-- pc header --> <div class="header-area pc-only"> <div> <h1> <a href="/sec/sustainability/main"><img src="/sec/sustainability/assets/img/common/logo.png" alt="SAMSUNG" /></a> </h1> <div class="navi-area"> <ul class="navi"> <li class="menu planet-menu"> <a href="javascript:void(0);">Planet</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/planet/environmental-strategy">환경경영 전략</a> </li> <li> <a href="/sec/sustainability/planet/climate-action">기후행동</a> <ul> <li> <a href="/sec/sustainability/planet/climate-action#anchor1">온실가스 직접 배출 감축</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor2">재생에너지 확대</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor3">밸류체인 탄소감축</a> </li> </ul> </li> <li> <a href="/sec/sustainability/planet/circular-economy">자원순환</a> <ul> <li> <a href="/sec/sustainability/planet/circular-economy#anchor1">자원순환형 소재</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor2">제품 수명 연장</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor3">폐전자제품 회수·재활용</a> </li> </ul> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem">친환경 기술 혁신</a> <!-- [24.06] 6월 업데이트 수정 --> <ul> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor1">탄소포집 & 미세먼지 연구</a> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor2">친환경 과제 발굴</a> <!-- [24.06] 6월 업데이트 수정 --> </li> </ul> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations">지속가능한 운영</a> <ul> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor1">사업장 폐기물 관리</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor2">수자원 보호 &amp; 대기오염 최소화</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">뉴스 &amp; 비디오</a> </li> <li> <a href="/sec/sustainability/focus/story/feature-story">스토리</a> </li> </ul> </div> </div> </li> <li class="menu digital-menu"> <a href="javascript:void(0);">Digital Library</a> <div class="sub"> <div class="menu-area"> <ul> <li> <a href="/sec/sustainability/digital-library/customized-report">맞춤형 보고서</a> </li> <li> <a href="/sec/sustainability/digital-library/esg-data">ESG 데이터</a> </li> <li> <a href="/sec/sustainability/digital-library/policy-document">정책 &amp; 문서</a> </li> <li> <a href="/sec/sustainability/digital-library/awards-recognition">대외평가 &amp; 수상</a> </li> </ul> </div> </div> </li> </ul> </div> <div class="gnb-dimmed"></div> </div> <div> <ul class="util"> <li> <a href="javascript:void(0);"><img src="/sec/sustainability/assets/img/pc/common/mdi/search.png" alt="검색" /></a> </li> <li class="language"> <a href="javascript:void(0);" title="언어선택 열기"><img src="/sec/sustainability/assets/img/pc/common/mdi/language.png" alt="global" /> <span>KR</span></a> <ul> <li class="current"> <a href="javascript:void(0);">KR</a> </li> <li> <a href="javascript:goLanguagePage(this);">EN</a> </li> </ul> </li> </ul> </div> </div> <!-- mobile header --> <div class="header-area mo-only"> <div class="header-basic"> <div> <h1> <a href="/sec/sustainability/main"><img src="/sec/sustainability/assets/img/common/logo.png" alt="SAMSUNG" /></a> </h1> </div> <div> <ul class="util"> <li> <a href="javascript:void(0);"><img src="/sec/sustainability/assets/img/pc/common/mdi/search.png" alt="검색" /></a> </li> <li class="all-menu"> <a href="javascript:void(0);" role="button"><img src="/sec/sustainability/assets/img/mo/common/mdi/all-menu.png" alt="전체메뉴" /></a> </li> </ul> </div> </div> <div class="main-menu-aside" tabindex="0"> <!-- 230322 접근성 수정 1차 --> <div class="menu-layer-top"> <button type="button" class="btn-back"> <span class="blind">뒤로가기</span> </button> <div class="search-area wide"> <button type="button" class="btn-search" onclick="onMobileMenuSearch()"> <span class="blind">검색</span> </button> <!-- 230324 접근성 수정 1차 - label 태그 추가 --> <label for="menu-search-word"><span class="blind">통합 검색</span></label> <input type="text" id="menu-search-word" name="menu-search-word" title="검색어를 입력하세요." placeholder="환경"/> <!-- // 230324 접근성 수정 1차 - label 태그 추가 --> </div> <button type="button" class="btn-close"> <span class="blind">전체메뉴 닫기</span> </button> </div> <div class="menu-area"> <ul> <li> <a href="javascript:void(0);">Planet</a> </li> <li> <a href="javascript:void(0);">People</a> </li> <li> <a href="javascript:void(0);">Principle</a> </li> <li> <a href="javascript:void(0);">Focus</a> </li> <li> <a href="javascript:void(0);">Digital Library</a> </li> </ul> </div> <div class="sub-list"> <div class="planet-menu-area"> <strong>Planet</strong> <ul> <li> <a href="/sec/sustainability/planet/environmental-strategy">환경경영 전략</a> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/climate-action" class="special">기후행동</a> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/planet/climate-action#anchor1">온실가스 직접 배출 감축</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor2">재생에너지 확대</a> </li> <li> <a href="/sec/sustainability/planet/climate-action#anchor3">밸류체인 탄소감축</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/circular-economy" class="special">자원순환</a> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/planet/circular-economy#anchor1">자원순환형 소재</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor2">제품 수명 연장</a> </li> <li> <a href="/sec/sustainability/planet/circular-economy#anchor3">폐전자제품 회수·재활용</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/business-ecosystem" class="special">친환경 기술 혁신</a> <!-- [24.06] 6월 업데이트 수정 --> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor1">탄소포집 &amp; 미세먼지 연구</a> </li> <li> <a href="/sec/sustainability/planet/business-ecosystem#anchor2">친환경 과제 발굴</a> <!-- [24.06] 6월 업데이트 수정 --> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/planet/sustainable-operations" class="special">지속가능한 운영</a> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor1">사업장 폐기물 관리</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor2">수자원 보호 &amp; 대기오염 최소화</a> </li> <li> <a href="/sec/sustainability/planet/sustainable-operations#anchor3">화학물질 관리</a> </li> </ul> </li> </ul> </div> <div class="people-menu-area"> <strong>People</strong> <ul> <li class="menu-group"> <a href="/sec/sustainability/people/human-rights" class="special">인권</a> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/people/human-rights#anchor1">인권 존중 약속</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor2">안전보건</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor3">조직문화</a> </li> <li> <a href="/sec/sustainability/people/human-rights#anchor4">인재양성</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/diversity-inclusion" class="special">다양성, 형평성, 포용성</a> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor1">정책과 현황</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor2">ERG 활동</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor3">이니셔티브</a> </li> <li> <a href="/sec/sustainability/people/diversity-inclusion#anchor4">수상 및 인증</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/tech-for-all" class="special">모두를 위한 기술</a> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/people/tech-for-all#anchor1">접근성</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor2">개인정보보호</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor3">보안</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor4">AI윤리</a> </li> <li> <a href="/sec/sustainability/people/tech-for-all#anchor5">오픈 이노베이션</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/supply-chain" class="special">공급망</a> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/people/supply-chain#anchor1">협력회사 운영·관리</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor5">ESG 점검과 교육</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor2">상생협력 활동</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor3">협력회사 근로환경·기후변화 대응 관리</a> </li> <li> <a href="/sec/sustainability/people/supply-chain#anchor4">책임광물</a> </li> </ul> </li> <li class="menu-group"> <a href="/sec/sustainability/people/empowering-communities" class="special">지역사회</a> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/people/empowering-communities#anchor1">사회공헌</a> </li> <li> <a href="/sec/sustainability/people/empowering-communities#anchor2">중소기업 &amp; 스타트업 지원</a> </li> </ul> </li> </ul> </div> <div class="principle-menu"> <strong>Principle</strong> <ul> <li> <a href="/sec/sustainability/principle/leadership-message">리더십 메시지</a> </li> <li> <a href="/sec/sustainability/principle/corporate-governance">기업지배구조</a> </li> <li> <a href="/sec/sustainability/principle/compliance-ethics">준법과 윤리경영</a> </li> </ul> </div> <div class="focus-menu"> <strong>Focus</strong> <ul> <li class="menu-group"> <a href="/sec/sustainability/focus/products/sustainability-in-our-products" class="special">지속가능한 제품</a> <button type="button"> <span class="blind">서브메뉴 열기</span> <!-- 접근성 수정 1차 --> </button> <ul> <li> <a href="/sec/sustainability/focus/products/mobile">모바일</a> </li> <li> <a href="/sec/sustainability/focus/products/tv-av-displays">TV, 오디오 & 디스플레이</a> </li> <li> <a href="/sec/sustainability/focus/products/home-appliances">가전</a> </li> <li> <a href="/sec/sustainability/focus/products/semiconductors">반도체</a> </li> </ul> </li> <li> <a href="/sec/sustainability/focus/news-video">뉴스 &amp; 비디오</a> </li> <li> <a href="/sec/sustainability/focus/story/feature-story">스토리</a> </li> </ul> </div> <div class="digital-menu"> <strong>Digital Library</strong> <ul> <li> <a href="/sec/sustainability/digital-library/customized-report">맞춤형 보고서</a> </li> <li> <a href="/sec/sustainability/digital-library/esg-data">ESG 데이터</a> </li> <li> <a href="/sec/sustainability/digital-library/policy-document">정책 &amp; 문서</a> </li> <li> <a href="/sec/sustainability/digital-library/awards-recognition">대외평가 &amp; 수상</a> </li> </ul> </div> </div> <div class="language"> <a href="javascript:void(0);" title="언어선택 열기"><img src="/sec/sustainability/assets/img/pc/common/mdi/language.png" alt="global" /></a> <span>KR</span> <ul> <li class="current"> <a href="javascript:void(0);">KR</a> </li> <li> <a href="javascript:goLanguagePage(this);">EN</a> </li> </ul> </div> </div> </div> </header> <script> let LOCALE_ID = "sec"; const menuSearchWordField = document.querySelector('#menu-search-word'); menuSearchWordField.addEventListener('keyup', function (event) { if (event.key == 'Enter'){ onMobileMenuSearch(); } }); const onMobileMenuSearch = function(e){ let keywords = menuSearchWordField.value; if(keywords == ''){ keywords=menuSearchWordField.getAttribute("placeholder"); } location.href="/"+LOCALE_ID+"/sustainability/search/search-result?keyword="+encodeURIComponent(keywords); } </script> <main id="contents" class="planet-conts planet-conts03"> <!-- [24.05] 고도화 ②-1 - 상단 타이틀 구조 공통화 → 추가 --> <section class="key-visual circularEco"> <div class="text-area"> <span class="sup">자원순환</span> <h2 class="font-samsung-ssb">Circular Economy</h2> </div> </section> <section class="kv-cont"> <!-- [24.05] 고도화 ②-2 - 상단 타이틀 구조 공통화 → 기존 타이틀 영역 삭제 --> <!--<div class="kv-area"> <div class="text-cont"> <h2 class="tit">자원순환</h2> <p class="txt"><span>Circular Economy</span></p> </div> <div class="visual-cont"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/img-kv03.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/img-kv03.jpg" alt=""> </div> </div>--> <div class="mv-area"> <div class="illustrat-area"> <div class="illustrat-box"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/Planet/CircularEconomy/Circular_Economy_01_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/Planet/CircularEconomy/Circular_Economy_01_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> </div> </div> <div class="blind"> <p>Sourcing, Production, Distribution, Use, Recycling</p><!-- [24.08.06][HJR] 수정 --> </div> <div class="cont-box mo-only" style="display: none !important;"> <div class="top-icon-area"> <div class="tia01"> <div> <span class="tit font-samsung-ssb">Sourcing</span> </div> </div> <div class="tia02"> <div> <span class="tit font-samsung-ssb">Production</span> </div> </div> <div class="tia03"> <div> <span class="tit font-samsung-ssb">Distribution</span> </div> </div> <div class="tia04"> <div> <span class="tit font-samsung-ssb">Using</span> </div> </div> <div class="tia05"> <div> <span class="tit font-samsung-ssb">Recycling</span> </div> </div> </div> </div> </div> <div class="group-es ce-cont01"> <div class="mv-box"> <div class="tit-group"> <h3 class="group-tit">삼성전자가 <br>고객, 협력회사와<br> 함께 만들어가는 <br>순환의 고리</h3> <p class="group-txt-big">제품의 수명을 길게,<br>제품에 사용된 자원의 수명은 더 길-게</p> <p class="group-txt">삼성전자는 재생∙재활용 소재를 개발하고,<br class="mo-only"> 폐제품에서 자원을 <br class="pc-only">추출하고 활용하는 방법을<br class="mo-only"> 연구해 지속가능한 자원순환의<br class="pc-only"> 고리를 만들어 가고자 합니다. </p> </div> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum03.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/mv-thum03.jpg" alt=""> </div> </div> </div> <div class="group-es ce-cont02"> <div class="tit-group ta-right mo-ta-left"> <h3 class="group-tit">재생∙재활용 소재 사용, <br class="mo-only">폐제품 자원 추출로 <br>순환경제를 추구합니다.</h3> </div> <div class="mv-area"> <div class="illustrat-area"> <div class="illustrat-box"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/Planet/CircularEconomy/02-03-00-lottie01_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/Planet/CircularEconomy/02-03-00-lottie01_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> </div> </div> </div> </div> <div class="group-es card-bg-cont"> <div class="tit-group ta-center"> <h3 class="group-tit">삼성전자가 순환경제를 구현하는 방법</h3> </div> <div class="card-list short"> <dl> <dt>자원순환형 소재</dt> <dd><strong class="fc-55">2050년까지 DX 제품 모든 플라스틱 부품*에 재활용 플라스틱 사용</strong></dd><!--[24.08.07][HJR] 수정 --> <dd>폐기물에서 원자재 추출, 재활용한<br class="mo-only"> 소재 활용, 자원순환형 포장재 사용</dd> <dd class="sm-txt">* 당사가 개발한 플라스틱 부품</dd> <dd><a href="javascript:;" class="btn-go" data-anchor="anchor1">아래로 이동하기</a></dd> </dl><!-- [24.08.02][HJR] 수정 --> <dl> <dt>제품 수명 연장</dt> <dd><strong class="fc-55">내구성 향상 ・ 수리 용이성 ・ <br class="mo-only">업그레이드 지원</strong></dd> <!-- <dd><strong class="fc-55">내구성 향상 <span class="dot"></span> 수리 용이성 <span class="dot"></span> <br class="mo-only">업그레이드 지원</strong></dd>--> <dd>제품을 오래 사용할 수 있도록<br class="mo-only"> 제품 내구성, 수리 용이성 등 극대화<a href="javascript:;" class="btn-go" data-anchor="anchor2">아래로 이동하기</a></dd> </dl> <dl> <dt>폐전자제품 회수·재활용</dt> <dd><strong class="fc-55">2030년까지 글로벌 전 판매국가 e-waste <br>수거체계 운영, 누적 1,000만톤 수거 계획</strong></dd> <!-- [24.06.26] 수정 --> <dd>폐제품을 재질별로 분류하여 <br class="mo-only">자원으로 재활용<a href="javascript:;" class="btn-go" data-anchor="anchor3">아래로 이동하기</a></dd> </dl> </div> </div> </section> <section class="main-contents common-sticky"> <div class="common-sticky-tab"> <ul role="tablist" class="sticky-tab-list"> <li class="sticky-tab-item active"> <a class="sticky-tab-button" href="javascript:;">자원순환형 소재</a> </li> <li class="sticky-tab-item"> <a class="sticky-tab-button" href="javascript:;">제품 수명 연장</a> </li> <li class="sticky-tab-item"> <a class="sticky-tab-button" href="javascript:;">폐전자제품 회수·재활용</a> </li> </ul> </div> <div class="tab-panel-wrap"> <!-- 자원순환형 소재 --> <div class="group-es ce-cont03" id="anchor1" data-anchor-target="anchor1"> <span id="AYStLafqBgsAIyC3"></span> <span id="AYStLl06BioAIyC3"></span> <span id="AYStLz0KBmoAIyC3"></span> <strong class="blind">자원순환형 소재</strong> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon04">자원순환형 소재</h3> <p class="group-txt-big fc-75">폐제품, 기술을 만나 새로운 제품으로</p> </div> <div class="mv-area"> <h4 class="ta-center">자원순환형 소재 확대 <br class="mo-only">중장기 로드맵</h4> <div class="illustrat-area"> <div class="illustrat-box"> <div class="lottie-bg circular-economy-01"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/Planet/CircularEconomy/02-03-01-lottie01_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/Planet/CircularEconomy/02-03-01-lottie01_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> </div> </div> </div> <p class="ref pc-only"> 1) 당사가 개발한 플라스틱 부품<br> 2) 부품 중량 기준 재활용 플라스틱 포함 비율<br> 3) 순수 재활용 원료 함유율은 부품별로 상이 </p><!-- [24.07.30][HJR] 수정 --> <div class="blind"> <p>2022년 - 해양 플라스틱 폐기물 재활용 및 DX 제품 적용, 순환경제연구소 설립 / 2023년 - 재생레진 적용 플라스틱 사용량 누적 56.7만 톤(2009년 기준) / 2030년 - DX 제품 플라스틱 부품1)의 50%2)에 재활용 플라스틱3) 적용 추진, 수거한 모든 폐배터리에서 추출한 광물의 재활용 시스템 구축 / 2050년 - DX 제품 모든2) 플라스틱 부품1)에 재활용 플라스틱3) 적용 추진</p> <p class="mo-only">1) 당사가 개발한 플라스틱 부품, 2) 부품 중량 기준 재활용 플라스틱 포함 비율, 3) 순수 재활용 원료 함유율은 부품별로 상이</p> </div><!-- [24.08.01][HJR] 수정 --> </div> <div class="mv-box tp02"> <!-- [24.08.01][HJR] 수정 --> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum18.png" alt="재생 소재를 들어올리는 손: * 해당 이미지는 illustrative 목적이며 실제 제품에 적용된 소재는 아닙니다. "> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/mv-thum18.png" alt="재생 소재를 들어올리는 손: * 해당 이미지는 illustrative 목적이며 실제 제품에 적용된 소재는 아닙니다. "> </div> <div class="tit-group mid-cell"> <h3 class="group-tit">다시 태어난 소재 <br>지속가능한 제품으로</h3> <p class="group-txt-big">삼성전자는 제품에 자원순환형 소재를 적용하기 위해 노력합니다.</p> <p class="group-txt">땅과 바다에 미치는 영향을 최소화할 수 있는 방안이 무엇일지 끊임없이 연구합니다. 해양 환경에 가장 큰 위협 중 하나인 플라스틱 폐기물에 주목해 폐어망 재활용을 위한 기술을 개발했으며, <br class="pc-only">쓰임을 다 한 자원을 다시 활용함으로써 더욱 커다란 자원순환 <br class="pc-only">고리를 만들어가는 노력을 지속하고 있습니다. <br><br>2024년 출시한 갤럭시 S24 시리즈에는 이전 제품에서 사용된 재활용 글라스<sup>1)</sup>, 알루미늄<sup>2)</sup>에 더하여 갤럭시 기기 최초로 재활용 코발트<sup>3)</sup>, 희토류<sup>4)</sup>, 강철<sup>5)</sup>, 그리고 TPU<sup>6)</sup> 등의 신규 재활용 소재를 적용하였습니다. <br><br>또한, 2024년형 Neo QLED 8K TV 제품의 내부 방열을 위해 사용된 그라파이트 시트에는 수명을 다한 폐배터리에서 채취한 재생 그라파이트 소재<sup>7)</sup>를 적용함으로써 재활용 소재 사용 확대 노력을 계속하였습니다.</p> <div class="group-txt"> <!-- [24.06.13][HJR] 6월 업데이트 추가 수정 --> <ul> <li>제품의 전&middot;후면의 글라스는 재활용한 소재를 평균 25% 포함</li> <li>S24 Ultra는 전면케이스 내부와 후면 카메라 데코에 30% 포함되었으며, S24와 S24+에는 후면 카메라 데코에 30% 포함</li> <li>갤럭시 S24 Ultra 및 갤럭시 S24+ 배터리 내 재활용 코발트 최소 50%, 갤럭시 S24 배터리 내 최소 10% 포함</li> <li>스피커 모듈 내부 자석에 재활용 네오디뮴 100% 적용</li> <li>스피커 모듈 내부 강철 부품에 재활용 강철 소재 최소 40% 포함</li> <li>볼륨키 및 사이드키에 재활용 TPU 최소 10% 포함</li> <li>제품 내부에 사용된 6종 그라파이트 시트 중 5종은 재활용 소재 100% 적용 (2024년형 기준)</li><!-- [24.07.30][HJR] 수정 --> </ul> </div> </div> </div> <div class="graph-area"> <div class="content-wrap"> <div class="left-area"> <strong class="graph-tit">플라스틱 부품에 <br>재생레진 적용 대폭 확대</strong> <p>삼성전자는 제품에 사용되는 플라스틱 부품에 재생레진 적용을 대폭 확대합니다.<br class="mo-only"> 2030년까지 플라스틱 부품의 50%, 2050년까지 모든 플라스틱 부품에 재생레진 적용을 추진합니다.<br/><br/>2023년에는 2022년 대비 약 1.6배인 157,939톤의 재생레진 적용 플라스틱을 사용하였습니다.</p> <strong class="pc-only info-tit">재생레진 적용 플라스틱 사용량 (기준연도: 2009년)</strong> <ul class="graph-info pc-only"> <li>단위 : 만 톤</li> <li class="current">당해 연도 사용량</li> <li class="total">전체 누적 사용량</li> </ul> </div> <div class="right-area"> <div class="pc-only"> <div class="graph-motion-02" aria-hidden="true"> <div class="bg"></div> <div class="mask1"></div><span class="txt1">3.3</span> <div class="mask2"></div><span class="txt2">31.0</span> <div class="mask3"></div><span class="txt3">9.9</span> <div class="mask4"></div><span class="txt4">40.9</span> <div class="mask5"></div><span class="txt5">15.8</span> <div class="mask6"></div><span class="txt6">56.7</span> </div> </div> <div class="mo-only planet-circular-bg-box"> <div class="mc-graph-motion-02-legand"> <div class="blind"> <span>재생레진 적용 플라스틱 사용량</span> <span>기준연도:2009년</span> <span>당해 연도 사용량, 전체 누적 사용량, 단위 : 만 톤</span> <!--<ul> <li>당해 연도 사용량</li> <li>전체 누적 사용량</li> <li>단위 : 만 톤</li> </ul>--> </div> </div> <div class="mc-graph-motion-02" aria-hidden="true" tabindex="0"> <div class="bg"></div> <div class="mask1"></div><span class="txt1">3.3</span> <div class="mask2"></div><span class="txt2">31.0</span> <div class="mask3"></div><span class="txt3">9.9</span> <div class="mask4"></div><span class="txt4">40.9</span> <div class="mask5"></div><span class="txt5">15.8</span> <div class="mask6"></div><span class="txt6">56.7</span> </div> </div> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/graph04.png" alt="그래프">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/graph04.png" alt="그래프">--> </div> <p class="blind">재생레진 적용 플라스틱 사용량을 나타낸 그래프 - 단위 : 만 톤, 2021: 당해 연도 사용량 3.3 전체 누적 사용량 31.0, 2022: 당해 연도 사용량9.9 전체 누적 사용량 40.9, 2023: 당해 연도 사용량 15.8 전체 누적 사용량 56.7</p><!-- [24.08.01][HJR] 수정 --> </div> </div> <div class="dsp-flex tp02"> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/img-kv0302.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/img-kv0302.jpg" alt=""> </div> <div class="tit-group mo-ta-center mo-bg-white"> <h3 class="group-tit">폐어망은 어떻게 <br>Galaxy가 되었을까</h3> <a href="javascript:void(0);" class="btn btn-round black" onclick="location.href='/sec/sustainability/focus/story/innovation-from-the-sea'" title="바다로부터 시작된 혁신">자세히 보기</a><!-- [24.08.01][HJR] 수정 --> </div> </div> <div class="list-ico-area mo-bb"> <ul> <li class=""><strong class="tit">재활용 소재 사용의<br/>지속적인 확대</strong><a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYpFP0ramfsAIx-K'})" class="btn btn-text">자세히 보기</a></li> <li class=""><strong class="tit ico10 ">반도체 공정 부산물<br/>자원순환을 위한 노력</strong><a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYpFRPTqncoAIx-K'})" class="btn btn-text">자세히 보기</a></li> </ul> </div> <div class="prd-cont"> <h4 class="cont-tit ta-center">재생 소재로 만듭니다. <br class="mo-only">자원순환형 포장재</h4> <p class="cont-txt ta-center">제품군별 자원순환형 포장재 사용 사례</p> <div class="swiper swiper-prd ce-prd-list swiper-cases swiper-cases-use common-swiper"> <ul class="swiper-wrapper prd-list"> <li class="swiper-slide"><a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStLafqBgsAIyC3'})" class="fc-55">디스플레이 / 가전</a></li> <li class="swiper-slide"><a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStLl06BioAIyC3'})" class="fc-55">모바일</a></li> <li class="swiper-slide"><a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStLz0KBmoAIyC3'})" class="fc-55">반도체</a></li> </ul> <div class="indicator indicator-black"></div> </div> </div> <div class="banner-cont"> <p class="txt">순환경제연구소</p> <p class="txt-sm">삼성전자는 자원순환 극대화를 위해 <br class="mo-only">소재 재활용 기술과 제품 적용을 연구하는 <br class="mo-only">조직인 ‘순환경제연구소'를 설립했습니다. <br><br class="mo-only"> 순환경제연구소는 재활용 소재 개발, 폐기물 자원 추출 연구 등을 통해 <br class="pc-only"> 궁극적으로 제품의 모든 <br class="mo-only">소재를 재활용 소재로 대체하는 것을 목표로 추진하는 조직입니다. </p> <p class="txt-big">주요 연구분야</p> <ul class="banner-cont-list"> <li>재활용 <br class="mo-only"> 소재 개발</li> <li>폐기물 자원 <br class="mo-only">추출 연구</li> </ul> </div> </div> <!-- //자원순환형 소재 --> <!-- 제품 수명 연장 --> <div class="group-es mt ce-cont04" id="anchor2" data-anchor-target="anchor2"> <span id="AYStL-rKBoEAIyC3"></span> <span id="AYUBXhT637gAIx8Z"></span> <span id="AYStMHtKBpgAIyC3"></span> <span id="AYStMQ6aBq8AIyC3"></span> <strong class="blind">제품 수명 연장</strong> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon05">제품 수명 연장</h3> <p class="group-txt-big fc-75">오래 쓰고, 고쳐 쓰세요.</p> </div> <div class="mv-box tp02"> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum05.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/mv-thum05.jpg" alt=""> </div> <div class="tit-group mid-cell"> <h3 class="group-tit">제품의 수명이 늘어날수록 <br>자원의 소모는 줄어드니까</h3> <p class="group-txt">삼성전자가 제품의 수명을 늘리기 위해 애쓰는 것은<br class="pc-only"> 제품의 교체 주기가 짧아질수록 소모되는 자원도, <br class="pc-only"> 배출되는 탄소도 함께 늘어나기 때문입니다. </p> <p class="group-txt">우리 제품이 환경에 미치는 영향을 최소화하기 위해 고객이 <br class="pc-only"> 제품을 더 오래 쓸 수 있는 방법을 연구하고 적용합니다. </p> </div> </div> <div class="long-banner-wrap"> <ul> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/img-longbanner2-01.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/img-longbanner2-01.jpg" alt=""> </div> <div class="txt-box"> <p class="tit long-banner-tit">오래 쓰세요.</p> <p class="txt">국제 규격을 만족하는 테스트와<br>삼성전자의 까다로운 기준을 통과했습니다.</p> <a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStL-rKBoEAIyC3'})" class="btn btn-text">내구성 향상</a> </div> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/img-longbanner2-02.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/img-longbanner2-02.jpg" alt=""> </div> <div class="txt-box"> <p class="tit long-banner-tit">고쳐 쓰세요.</p> <p class="txt">분해가 쉬운 설계<br>수명을 다한 후에도 재활용하기 쉽게</p> <a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYUBXhT637gAIx8Z'})" class="btn btn-text">수리 용이성</a> </div> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/img-longbanner2-03.jpg" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/img-longbanner2-03.jpg" alt=""> </div> <div class="txt-box"> <p class="tit long-banner-tit">업그레이드해서 <br class="pc-only">쓰세요.</p> <p class="txt">소프트웨어 업데이트 지원도 오래<br>모듈형 디자인으로 내 필요에 꼭 맞게 제품을 오래</p> <a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStMHtKBpgAIyC3'})" class="btn btn-text">업그레이더빌리티</a> </div> </li> <li> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/img-longbanner2-04.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/img-longbanner2-04.png" alt=""> </div> <div class="txt-box"> <p class="tit long-banner-tit">안심하고 쓰세요.</p> <p class="txt">엄격한 품질 검사와 업그레이드를 거친<br/> 리퍼비시 제품을 보증기간과 함께 제공합니다.</p> <!-- [24.06.13][HJR] 6월 업데이트 추가 수정 --> <a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYpFUVTqn58AIx-K'})" class="btn btn-text">삼성 CRN 프로그램</a><!-- 24.06.26 수정 --> </div> </li> </ul> </div> <div class="banner-cont"> <p class="profile"><img src="/sec/sustainability/assets/img/pc/planet/mdi/img_profile04.jpg" alt=""></p> <p class="txt">더 오래 사용하실 수 있도록 <br class="mo-only">도와드려요. <br>삼성전자 수리 서비스</p> <a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStMQ6aBq8AIyC3'})" class="btn btn-text">자세히 보기</a> </div> </div> <!-- //제품 수명 연장 --> <!-- 폐전자제품 회수·재활용 --> <div class="group-es ce-cont05" id="anchor3" data-anchor-target="anchor3"> <span id="AYUBX8_639QAIx8Z"></span> <span id="AYUBYHE63-sAIx8Z"></span> <strong class="blind">폐전자제품 회수·재활용</strong> <div class="tit-group ta-center"> <h3 class="group-tit-ico icon06">폐전자제품 <br class="mo-only"> 회수·재활용</h3> <p class="group-txt-big fc-75">수명이 다한 제품에<br class="mo-only"> 새로운 생명 불어넣기</p> </div> <div class="mv-area mv-area01"> <h4 class="ta-center">폐제품 회수 및 재활용 <br class="mo-only">중장기 로드맵</h4> <div class="illustrat-area"> <div class="illustrat-box"> <div class="lottie-bg circular-economy-02"> <lottie-player class="pc-only" src="/sec/sustainability/assets/new-lottie/Planet/CircularEconomy/02-03-03-lottie01_PC.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> <lottie-player class="mo-only" src="/sec/sustainability/assets/new-lottie/Planet/CircularEconomy/02-03-03-lottie01_MO.json" background="transparent" speed="1" style="width: 100%; height: 100%;" aria-hidden="true"></lottie-player> </div> </div> </div> <p class="ref pc-only">* 2009년부터 누적</p><!-- [24.06.26] 6월업데이트 --> <div class="blind"> <p>2022년 - 50여 개국에서 폐제품 수거 체계 운영 / 2023년 - 70여 개국에서 폐제품 수거 체계 운영 / 2030년 - 글로벌 전 판매 국가 폐제품 수거체계 운영, 누적 1,000만 톤* 수거 계획 / 2050년 - 폐제품 누적 2,500만 톤* 수거 계획 <span class="mo-only">*2009년부터 누적</span></p><!-- [24.08.06][HJR]수정 --> </div> </div> <div class="mv-box tp02"> <!-- [24.06.13][HJR] 6월 업데이트 추가 수정 --> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/mv-thum19.png" alt=""> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/mv-thum19.png" alt=""> </div> <div class="tit-group mid-cell"> <h3 class="group-tit">그냥 버려지지 않습니다. <br>다시 태어납니다.</h3> <p class="group-txt">우리가 새 제품으로 바꿀 때, <br>우리가 쓰던 제품은 어디로 가는 걸까요? </p> <p class="group-txt">다양한 원자재가 모여 만들어진 제품은 <br class="mo-only">시각을 달리하면 자원의 <br class="pc-only"> 복합체라고도 볼 수 있습니다. 폐제품이 그냥 버려지지 않고 <br class="pc-only"> 새로운 제품의 재료가 되어 다시 태어날 수 있도록, <br class="pc-only"> 폐전자제품(e-waste)을 수거하고 재활용합니다. </p><!-- [24.06.26] 수정 --> </div> </div> <div class="graph-area"> <div class="content-wrap"> <div class="left-area"> <strong class="graph-tit">폐제품 수거 체계 <br class="mo-only">확대 운영</strong> <p>삼성전자는 현재 70여 개국에서 시행 중인 <br class="mo-only">폐제품 수거 체계를<br class="pc-only"> 통해 전 세계적으로 <br class="mo-only">2009년부터 2023년까지 누적 629.7만 톤의 <br>폐전자제품을 회수했습니다.</p> <p>앞으로 2030년까지 폐제품 수거 체계를 제품을 판매하고 있는 <br class="pc-only">모든 나라인 180여 개국으로 확대하고, 2009년부터 누적으로 <br class="pc-only">1,000만 톤, 2050년 2,500만 톤의 폐전자제품을<br class="pc-only"> 수거할 계획입니다.</p> <strong class="pc-only info-tit">폐전자제품 누적 회수량 (기준연도: 2009년)</strong> <ul class="graph-info pc-only"> <li>단위 : 만 톤</li> <li class="current">당해 연도 회수량</li> <li class="total">전체 누적 회수량</li> </ul> </div> <div class="right-area"> <div class="pc-only"> <div class="graph-motion-03" aria-hidden="true"> <div class="bg"></div> <div class="mask1"></div><span class="txt1">55.9</span> <div class="mask2"></div><span class="txt2">509.9</span> <div class="mask3"></div><span class="txt3">60</span> <!-- [24.06.25][HJR]수정 --> <div class="mask4"></div><span class="txt4">569.8</span> <div class="mask5"></div><span class="txt5">59.9</span> <div class="mask6"></div><span class="txt6">629.7</span> </div> </div> <div class="mo-only planet-circular-bg-box"> <div class="mc-graph-motion-03-legand"> <div class="blind"> <span>폐전자제품 누적 회수량</span> <span>기준연도:2009년</span> <span>당해 연도 회수량, 전체 누적 회수량, 단위 : 만 톤</span> <!--<ul> <li>당해 연도 회수량</li> <li>전체 누적 회수량</li> <li>단위 : 만 톤</li> </ul>--> </div> </div> <div class="mc-graph-motion-03" aria-hidden="true"> <div class="bg"></div> <div class="mask1"></div><span class="txt1">55.9</span> <div class="mask2"></div><span class="txt2">509.9</span> <div class="mask3"></div><span class="txt3">60</span> <!-- [24.06.25][HJR]수정 --> <div class="mask4"></div><span class="txt4">569.8</span> <div class="mask5"></div><span class="txt5">59.9</span> <div class="mask6"></div><span class="txt6">629.7</span> </div> </div> <!-- <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/graph05.png" alt="그래프">--> <!-- <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/graph05.png" alt="그래프">--> </div> <p class="blind">단위 : 만 톤, 2021: 당해 연도 회수량 55.9 전체 누적 회수량 509.9, 2022: 당해 연도 회수량 60 전체 누적 회수량 569.8, 2023: 당해 연도 회수량 59.9 전체 누적 회수량 629.7</p><!-- [24.08.01][HJR] 수정 --> </div> </div> <div class="mv-area"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/temp14.png" alt="폐제품 회수와 재활용 프로세스. 폐전자제품 회수 : 전 세계적으로 2009년부터 2023년까지 누적 629.7만 톤. 유가자원 추출 : 선별, 파쇄 등의 전처리 과정을 거쳐 구리, 알루미늄, 철, 플라스틱 등 추출. 추출된 자원 재활용 : 자원을 재활용해 당사 부품 및 타제품 제조에 사용"> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/temp14.png" alt="폐제품 회수와 재활용 프로세스. 폐전자제품 회수 : 전 세계적으로 2009년부터 2023년까지 누적 629.7만 톤. 유가자원 추출 : 선별, 파쇄 등의 전처리 과정을 거쳐 구리, 알루미늄, 철, 플라스틱 등 추출. 추출된 자원 재활용 : 자원을 재활용해 당사 부품 및 타제품 제조에 사용"> </div> <div class="banner-cont bg-white" id="recyclingprograms"> <!-- [24.06.28][HJR] 앵커링 추가 --> <p class="tit-big">폐제품 회수 및 <br class="mo-only">재활용 프로그램<br class="mo-only"> 운영 현황</p> <p class="txt-sm">삼성전자는 한국을 포함한 전 세계 70여 개국에서 브랜드에 상관없이 폐제품을 수거하기 위해 다양한 재활용 프로그램을 운영하고 있습니다. <br><br class="mo-only">국가별 특성을 고려해 리사이클링센터를 직접 운영하거나 재활용 협회 또는 업체와 <br class="mo-only">협업해 폐전자제품 회수·재활용 <br class="mo-only">프로그램을 운영하고 있습니다. <br> </p> </div> <!-- [24.05][IYR] 6월업데이트 지도 변경 --> <div class="map-area"> <div class="map-tab-area"> <ul class="map-tab-list"> <li><a href="javascript:void(0);">북미</a></li> <li><a href="javascript:void(0);">중남미</a></li> <li><a href="javascript:void(0);">아시아/오세아니아</a></li> <li><a href="javascript:void(0);">아프리카</a></li> <li><a href="javascript:void(0);">유럽</a></li> <li><a href="javascript:void(0);">중동/CIS</a></li> </ul> <div class="map-default"> <div class="img-box"> <img src="/sec/sustainability/assets/img/common/planet/pop/circular-map00.png" alt="폐제품 회수 및 재활용 프로그램을 운영하는 나라를 나타낸 지도"> </div> <div class="country-box"> <p>상세 국가 리스트를 보기 위해서는 <br class="mo-only">상단 메뉴에서 지역을 클릭하세요.</p> </div> </div> <div class="map-panel-wrap"> <div class="map-cont" style="display: none;"> <div class="img-box"> <img src="/sec/sustainability/assets/img/common/planet/pop/circular-map01.png" alt="폐제품 회수 및 재활용 프로그램을 운영하는 북미의 나라를 나타낸 지도"> </div> <div class="country-box"> <ul> <li>미국</li> <li>캐나다</li> </ul> </div> <!-- <button type="button" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStJPmqBG0AIyC3'})" class="btn-map btn1" title="팝업 열림">--> <!-- <span class="blind">미국</span>--> <!-- </button>--> </div> <div class="map-cont" style="display: none;"> <div class="img-box"> <img src="/sec/sustainability/assets/img/common/planet/pop/circular-map02.png" alt="폐제품 회수 및 재활용 프로그램을 운영하는 중남미의 나라를 나타낸 지도"> </div> <div class="country-box"> <ul> <li>도미니카공화국</li> <li>멕시코</li> <li>브라질</li> <li>아르헨티나</li> <li>에콰도르</li> <li>코스타리카</li> <li>콜롬비아</li> <li>칠레</li> <li>페루</li> </ul> </div> <!-- <button type="button" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStJ1cqBNkAIyC3'})" class="btn-map btn2" title="팝업 열림">--> <!-- <span class="blind">멕시코</span>--> <!-- </button>--> </div> <div class="map-cont wrap" style="display: none;"> <div class="img-box"> <img src="/sec/sustainability/assets/img/common/planet/pop/circular-map03.png" alt="폐제품 회수 및 재활용 프로그램을 운영하는 아시아, 오세아니아의 나라를 나타낸 지도"> </div> <div class="country-box"> <ul> <li>뉴질랜드</li> <li>대만</li> <li>대한민국</li> <li>말레이시아</li> <li>방글라데시</li> <li>베트남</li> <li>싱가포르</li> <li>인도</li> <li>일본</li> <li>중국</li> <li>태국</li> <li>호주</li> <li>홍콩</li> </ul> </div> <!-- <button type="button" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStJsh6BMIAIyC3'})" class="btn-map btn3" title="팝업 열림">--> <!-- <span class="blind">브라질</span>--> <!-- </button>--> </div> <div class="map-cont" style="display: none;"> <div class="img-box"> <img src="/sec/sustainability/assets/img/common/planet/pop/circular-map04.png" alt="폐제품 회수 및 재활용 프로그램을 운영하는 아프리카의 나라를 나타낸 지도"> </div> <div class="country-box"> <ul> <li>남아프리카공화국</li> <li>모로코</li> <li>이집트</li> <li>요르단</li> <li>케냐</li> <li>탄자니아</li> </ul> </div> <!-- <button type="button" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStJdEqBJQAIyC3'})" class="btn-map btn4" title="팝업 열림">--> <!-- <span class="blind">유럽</span>--> <!-- </button>--> </div> <div class="map-cont wrap" style="display: none;"> <div class="img-box"> <img src="/sec/sustainability/assets/img/common/planet/pop/circular-map05.png" alt="폐제품 회수 및 재활용 프로그램을 운영하는 유럽의 나라를 나타낸 지도"> </div> <div class="country-box"> <ul> <li>그리스</li> <li>네덜란드</li> <li>노르웨이</li> <li>덴마크</li> <li>독일</li> <li>라트비아</li> <li>루마니아</li> <li>룩셈부르크</li> <li>리투아니아</li> <li>몬테네그로</li> <li>몰타</li> <li>벨기에</li> <li>보스니아</li> <li>북마케도니아</li> <li>불가리아</li> <li>세르비아</li> <li>스웨덴</li> <li>스위스</li> <li>스페인</li> <li>슬로바키아</li> <li>슬로베니아</li> <li>아이슬란드</li> <li>아일랜드</li> <li>알바니아</li> <li>에스토니아</li> <li>영국</li> <li>오스트리아</li> <li>이탈리아</li> <li>체코</li> <li>코소보</li> <li>크로아티아</li> <li>키프로스</li> <li>포르투갈</li> <li>폴란드</li> <li>프랑스</li> <li>핀란드</li> <li>헝가리</li> </ul> </div> <!-- <button type="button" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYStJ-}gKBPAAIyC3')" class="btn-map btn5" title="팝업 열림">--> <!-- <span class="blind">인도</span>--> <!-- </button>--> </div> <div class="map-cont" style="display: none;"> <div class="img-box"> <img src="/sec/sustainability/assets/img/common/planet/pop/circular-map06.png" alt="폐제품 회수 및 재활용 프로그램을 운영하는 중동/CIS의 나라를 나타낸 지도"> </div> <div class="country-box"> <ul> <li>러시아</li> <li>벨라루스</li> <li>사우디아라비아</li> <li>이스라엘</li> <li>조지아</li> <li>튀르키예</li> <li>카자흐스탄</li> <li>카타르</li> <li>UAE</li> </ul> </div> </div> <!--<div class="map-cont" style="display: none;"> <div class="img-box"> <img class="pc-only" src="/sec/sustainability/assets/img/pc/planet/mdi/map0108.png" alt="중국 2021년 100%, 2022년 100%, 2023년 100%"> <img class="mo-only" src="/sec/sustainability/assets/img/mo/planet/mdi/map0108.png" alt="중국 2021년 100%, 2022년 100%, 2023년 100%"> </div> </div>--> </div> <!-- // [24.06] 6월 업데이트 수정 --> </div> </div> <div class="btn-area ta-center"> <a href="https://www.samsung.com/sec/sustainability/environment/resource-efficiency/#rr" class="btn btn-round black" target="_blank" title="자원순환 : 새창열림">국가별 재활용 프로그램</a> </div> <!-- //폐전자제품 회수·재활용 --> <div class="recycling-map" style="display:none"> <!--pc--> <div class="tab pc-only"> <ul class="tab-list2"> <li class="tab-btn"> <button type="button">북미</button> </li> <li class="tab-btn"> <button type="button">중남미</button> </li> <li class="tab-btn"> <button type="button">아시아</button> </li> <li class="tab-btn"> <button type="button">아프리카</button> </li> <li class="tab-btn"> <button type="button">유럽</button> </li> <li class="tab-btn"> <button type="button">중동 / CIS</button> </li> </ul> </div> <div class="tab-content2 pc-only"> <ul class="tab-content-list"> <li class="tab-content-item item0 active"> <div class="tab-content-detail"> <h4 class="desc-tit"> 상세 국가 리스트를 보기 위해서는 지역을 클릭하세요. </h4> </div> </li> <li class="tab-content-item item1"> <div class="tab-content-detail"> <strong class="tab-tit">북미</strong> <ul class="detail-list"> <li>캐나다</li> <li>미국</li> </ul> </div> <button type="button" class="btn-close">탭 닫기</button> </li> <li class="tab-content-item item2"> <div class="tab-content-detail"> <strong class="tab-tit">중남미</strong> <ul class="detail-list"> <li>콜롬비아</li> <li>브라질</li> <li>코스타리카</li> <li>페루</li> </ul> </div> <button type="button" class="btn-close">탭 닫기</button> </li> <li class="tab-content-item item3"> <div class="tab-content-detail"> <strong class="tab-tit">아시아</strong> <ul class="detail-list"> <li>대한민국</li> <li>싱가포르</li> <li>베트남</li> <li>중국</li> <li>호주</li> <li>홍콩</li> <li>일본</li> <li>대만</li> <li>인도</li> </ul> </div> <button type="button" class="btn-close">탭 닫기</button> </li> <li class="tab-content-item item4"> <div class="tab-content-detail"> <strong class="tab-tit">아프리카</strong> <ul class="detail-list"> <li>남아프리카공화국</li> <li>모로코</li> </ul> </div> <button type="button" class="btn-close">탭 닫기</button> </li> <li class="tab-content-item item5"> <div class="tab-content-detail"> <strong class="tab-tit">유럽</strong> <ul class="detail-list"> <li>보스니아</li> <li>크로아티아</li> <li>북마케도니아</li> <li>슬로베니아</li> <li>오스트리아</li> <li>스위스</li> <li>에스토니아</li> <li>라트비아</li> <li>리투아니아</li> </ul> <ul class="detail-list"> <li>벨기에</li> <li>룩셈부르크</li> <li>체코</li> <li>네덜란드</li> <li>슬로바키아</li> <li>프랑스</li> <li>독일</li> <li>그리스</li> <li>헝가리</li> <li>이탈리아</li> <li>몰타</li> </ul> <ul class="detail-list"> <li>포르투갈</li> <li>스페인</li> <li>덴마크</li> <li>핀란드</li> <li>아이슬란드</li> <li>노르웨이</li> <li>스웨덴</li> <li>폴란드</li> <li>불가리아</li> <li>루마니아</li> </ul> <ul class="detail-list"> <li>아일랜드</li> <li>영국</li> <li>알바니아</li> <li>키프로스</li> <li>코소보</li> <li>몬테네그로</li> <li>세르비아</li> </ul> </div> <button type="button" class="btn-close">탭 닫기</button> </li> <li class="tab-content-item item6"> <div class="tab-content-detail"> <strong class="tab-tit">중동 / CIS</strong> <ul class="detail-list"> <li>러시아</li> <li>벨라루스</li> <li>조지아</li> <li>이스라엘</li> <li>튀르키예</li> </ul> </div> <button type="button" class="btn-close">탭 닫기</button> </li> </ul> </div> <!--mo--> <div class="tab-mo mo-only"> <ul class="tab-mo-list"> <li id="north-america" class="tab-btn"> <button type="button">북미</button> </li> <li id="latin-america" class="tab-btn"> <button type="button">중남미</button> </li> <li id="asia" class="tab-btn"> <button type="button">아시아</button> </li> </ul> <ul class="tab-mo-list"> <li id="africa" class="tab-btn"> <button type="button">아프리카</button> </li> <li id="europe" class="tab-btn"> <button type="button">유럽</button> </li> <li id="middle-east" class="tab-btn"> <button type="button">중동 / CIS</button> </li> </ul> </div> <div class="image mo-only"> <img src="/sec/sustainability/assets/img/mo/planet/mdi/map-mo.png" alt="상세 국가 리스트를 보기 위해서는 지역을 클릭하세요."> </div> <div class="circular-popup-wrap"> <div id="europe-popup" class="circular-popup"> <div class="pc-only"> <h2 class="blind"> 유럽: 보스니아, 크로아티아, 북마케도니아, 슬로베니아, 오스트리아, 스위스, 에스토니아, 라트비아, 리투아니아, 벨기에, 룩셈부르크, 체코, 네덜란드, 슬로바키아, 프랑스, 독일, 그리스, 헝가리, 이탈리아, 몰타, 포르투갈, 스페인, 덴마크, 핀란드, 아이슬란드, 노르웨이, 스웨덴, 폴란드, 불가리아, 루마니아, 아일랜드, 영국, 알바니아, 키프로스, 코소보, 몬테네그로, 세르비아, </h2> <!-- <img src="/sec/sustainability/assets/img/pc/planet/mdi/europe_img.png" alt="유럽: 보스니아, 크로아티아, 북마케도니아, 슬로베니아, 오스트리아, 스위스, 에스토니아, 라트비아, 리투아니아, 벨기에, 룩셈부르크, 체코, 네덜란드, 슬로바키아, 프랑스, 독일, 그리스, 헝가리, 이탈리아, 몰타, 포르투갈, 스페인, 덴마크, 핀란드, 아이슬란드, 노르웨이, 스웨덴, 폴란드, 불가리아, 루마니아, 아일랜드, 영국, 알바니아, 키프로스, 코소보, 몬테네그로, 세르비아,"/>--> <button type="button" class="btn-close" aria-label="close popup"></button> </div> <div class="mo-only"> <div class="pop-inner"> <h3 class="title">유럽</h3> <div class="desc"> <ul> <li>보스니아</li> <li>크로아티아</li> <li>북마케도니아</li> <li>슬로베니아</li> <li>오스트리아</li> <li>스위스</li> <li>에스토니아</li> <li>라트비아</li> <li>리투아니아</li> <li>벨기에</li> <li>룩셈부르크</li> <li>체코</li> <li>네덜란드</li> <li>슬로바키아</li> <li>프랑스</li> <li>독일</li> <li>그리스</li> <li>헝가리</li> <li>이탈리아</li> <li>몰타</li> <li>포르투갈</li> <li>스페인</li> <li>덴마크</li> <li>핀란드</li> <li>아이슬란드</li> <li>노르웨이</li> <li>스웨덴</li> <li>폴란드</li> <li>불가리아</li> <li>루마니아</li> <li>아일랜드</li> <li>영국</li> <li>알바니아</li> <li>키프로스</li> <li>코소보</li> <li>몬테네그로</li> <li>세르비아</li> </ul> </div> </div> <div class="btn-link"> <a target="_blank" href="https://www.samsung.com/sec/sustainability/environment/resource-efficiency/#rrp" title="자원순환 : 새창열림">국가별 재활용 프로그램</a><!-- [24.08.12][HJR] 접근성 --> </div> <button type="button" class="btn-close" aria-label="팝업창 닫기"></button> </div> </div> <div id="asia-popup" class="circular-popup"> <div class="pc-only"> <h2 class="blind">아시아: 중국, 인도, 일본, 대한민국, 태국, 이스라엘, 튀르키예, 싱가포르, 베트남</h2> <!-- <img src="/sec/sustainability/assets/img/pc/planet/mdi/asia_img.png" alt="아시아: 중국, 인도, 일본, 대한민국, 태국, 이스라엘, 튀르키예, 싱가포르, 베트남"/>--> <button type="button" class="btn-close" aria-label="close popup"></button> </div> <div class="mo-only"> <div class="pop-inner"> <h3 class="title">아시아</h3> <div class="desc"> <ul> <li>대한민국</li> <li>싱가포르</li> <li>베트남</li> <li>중국</li> <li>호주</li> <li>홍콩</li> <li>일본</li> <li>대만</li> <li>인도</li> </ul> </div> </div> <div class="btn-link"> <a target="_blank" href="https://www.samsung.com/sec/sustainability/environment/resource-efficiency/#rrp" title="자원순환 : 새창열림">국가별 재활용 프로그램</a><!-- [24.08.12][HJR] 접근성 --> </div> <button type="button" class="btn-close" aria-label="팝업창 닫기"></button> </div> </div> <div id="north-america-popup" class="circular-popup"> <div class="pc-only"> <h2 class="blind">북미: 캐나다, 미국 </h2> <!-- <img src="/sec/sustainability/assets/img/pc/planet/mdi/northAmerica_img.png" alt="북미: 캐나다, 미국 "/>--> <button type="button" class="btn-close" aria-label="close popup"></button> </div> <div class="mo-only"> <div class="pop-inner"> <h3 class="title">북미</h3> <div class="desc"> <ul> <li>캐나다</li><li>미국</li> </ul> </div> </div> <div class="btn-link"> <a target="_blank" href="https://www.samsung.com/sec/sustainability/environment/resource-efficiency/#rrp" title="자원순환 : 새창열림">국가별 재활용 프로그램</a><!-- [24.08.12][HJR] 접근성 --> </div> <button type="button" class="btn-close" aria-label="팝업창 닫기"></button> </div> </div> <div id="africa-popup" class="circular-popup"> <div class="pc-only"> <h2 class="blind">아프리카: 남아프리카공화국, 모로코</h2> <img src="/sec/sustainability/assets/img/pc/planet/mdi/africa_img.png" alt="아프리카: 남아프리카공화국"/> <button type="button" class="btn-close" aria-label="close popup"></button> </div> <div class="mo-only"> <div class="pop-inner"> <h3 class="title">아프리카</h3> <div class="desc"> <ul> <li>남아프리카공화국</li> <li>모로코</li> </ul> </div> </div> <div class="btn-link"> <a target="_blank" href="https://www.samsung.com/sec/sustainability/environment/resource-efficiency/#rrp" title="자원순환 : 새창열림">국가별 재활용 프로그램</a><!-- [24.08.12][HJR] 접근성 --> </div> <button type="button" class="btn-close" aria-label="팝업창 닫기"></button> </div> </div> <div id="latin-america-popup" class="circular-popup"> <div class="pc-only"> <h2 class="blind">중남미</h2> <!-- <img src="/sec/sustainability/assets/img/pc/planet/mdi/oceania_img.png" alt="중남미"/>--> <button type="button" class="btn-close" aria-label="close popup"></button> </div> <div class="mo-only"> <div class="pop-inner"> <h3 class="title">중남미</h3> <div class="desc"> <ul> <li>콜롬비아</li> <li>브라질</li> <li>코스타리카</li> <li>페루</li> </ul> </div> </div> <div class="btn-link"> <a target="_blank" href="https://www.samsung.com/sec/sustainability/environment/resource-efficiency/#rrp" title="자원순환 : 새창열림">국가별 재활용 프로그램</a><!-- [24.08.12][HJR] 접근성 --> </div> <button type="button" class="btn-close" aria-label="팝업창 닫기"></button> </div> </div> <div id="middle-east-popup" class="circular-popup"> <div class="pc-only"> <h2 class="blind">중동 / CIS: 러시아, 벨라루스, 조지아, 이스라엘, 튀르키예</h2> <!-- <img src="/sec/sustainability/assets/img/pc/planet/mdi/southAmerica_img.png" alt="중동 / CIS: 러시아, 벨라루스, 조지아, 이스라엘, 튀르키예"/>--> <button type="button" class="btn-close" aria-label="close popup"></button> </div> <div class="mo-only"> <div class="pop-inner"> <h3 class="title">중동</h3> <div class="desc"> <ul> <li>러시아</li><li>벨라루스</li> <li>조지아</li><li>이스라엘</li> <li>튀르키예</li> </ul> </div> </div> <div class="btn-link"> <a target="_blank" href="https://www.samsung.com/sec/sustainability/environment/resource-efficiency/#rrp" title="자원순환 : 새창열림">국가별 재활용 프로그램</a><!-- [24.08.12][HJR] 접근성 --> </div> <button type="button" class="btn-close" aria-label="팝업창 닫기"></button> </div> </div> </div> </div> <div class="msg-list-area ce-cont06"> <h3 class="pc-only">지역별 폐제품 회수 및 재활용 프로그램 자세히 보기</h3> <ul class="msg-list"> <li class="br"> <span class="pc-only">한국</span> <span class="mo-only">한국 내 폐제품 회수 및<br/> 재활용 프로그램</span> <a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYUBX8_639QAIx8Z'})" class="btn btn-text">자세히 보기</a></li> <li class="br"> <span class="pc-only">미국</span> <span class="mo-only">미국 내 폐제품 회수 및<br/> 재활용 프로그램</span> <a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYUBYHE63-sAIx8Z'})" class="btn btn-text">자세히 보기</a></li> <li class="br"> <span class="pc-only">유럽 · 아시아 · 아프리카 </span> <span class="mo-only">유럽·아시아·아프리카 내 <br/> 폐제품 회수 및 재활용 프로그램</span> <a href="javascript:void(0);" onclick="new Popup(this, {path: '/sec/sustainability/popup/popup_doc/AYpEjZ6Kh5QAIx-K'})" class="btn btn-text">자세히 보기</a></li> </ul> </div> <!-- [24.05] 고도화 ①-1 스타일 head영역으로 이동 --> <!--<style> #svg-box { position: relative; max-width: 100%;} #south-america, #asia, #north-america, #oceania, #africa, #europe {cursor: pointer;} .pc-only.open {display: block !important;} .mo-only.open {display: block !important;} .map-area {position: relative; width: 90rem; height: 66.714rem;} .map-txt {position: absolute; left:0; top:0; background: #F7F7F7; width: 100%; height: 73.875803%;} .map-txt p{font-size: 1.571rem; line-height:2.143rem; font-weight: bold; margin-top: 4rem;} .map-area svg {position: absolute; left:0; top: -5.5rem;} .circular-popup-wrap {display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1111; background-color: rgba(0,0,0,0.6);} .circular-popup-wrap .circular-popup { display: none;} .circular-popup-wrap .circular-popup img{ transform: scale(1.02) translateY(5px);} .planet-conts03 .ce-cont05 .map-area + .btn-area {margin-top: -14.129rem;} .planet-conts03 .ce-cont05 .map-area + .btn-area.open { margin-top: 4.529rem;} .circular-popup-wrap .btn-close { position: absolute; opacity: 1; top: 3rem; right: 2.2rem; width: 2.5rem; height: 2.3rem; background: url("/global/sustainability/assets/img/pc/planet/mdi/btn-close-white.png") no-repeat center center /cover; pointer-events: auto;} @media screen and ( max-width: 535px ) { .map-area {width: 100%; height: 71.8vw;} .map-txt {top: -2rem; height: 100%;} .map-area svg {top: -3rem;} .planet-conts03 .ce-cont05 .map-area + .btn-area { margin-top: 0.5rem;} .map-txt p{font-size: 1rem; line-height:1.375rem !important; margin-top: 11.5rem;} .circular-popup-wrap { display: none; position: fixed; height: 100vh; } .circular-popup-wrap .circular-popup {position: absolute; background: #fff; width: calc(100% - 2.5rem); margin-left: 0; max-height: calc( 100vh - 2.5rem); top: 50%; left: 50%; right: auto; transform: translate(-50%, -50%); padding: 4rem 1.875rem 2.5rem; border-radius: 1.25rem; pointer-events: auto;} .circular-popup-wrap .circular-popup .pop-inner {max-height: calc( 100vh - 13rem); overflow: hidden; text-align: center;} .circular-popup-wrap .circular-popup .pop-inner .title {font-size: 1.25rem; line-height: 1.6975rem; margin-bottom: 0; } .circular-popup-wrap .circular-popup .pop-inner .desc { max-height: calc( 100vh - 26rem); margin-top: 1.5rem; overflow-x: hidden; overflow-y: auto; } .circular-popup-wrap .circular-popup .pop-inner .desc ul {} .circular-popup-wrap .circular-popup .pop-inner .desc ul li {margin-top: 8px; display: inline-block; position: relative; font-size: 1rem; line-height: 1.5rem; color: #555; padding-left: 10px;margin-left: 10px;} .circular-popup-wrap .circular-popup .pop-inner .desc ul li:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #555; width: 5px; height: 5px; border-radius: 50%; } .circular-popup-wrap .circular-popup .btn-close {width: 1.5rem; height: 1.5rem; top: 1.25rem; right: 1.5rem; background: url('/sec/sustainability/assets/img/mo/planet/mdi/close-btn.png') no-repeat center / cover} .circular-popup-wrap .circular-popup .btn-link { display: flex; justify-content: center; margin-top: 3.42857rem} .circular-popup-wrap .circular-popup .btn-link a { display: inline-block; padding: 0.71428rem 1.71428rem 0.78571rem; line-height: 1.35713em; background-color: #000; border-radius: 35.71428rem; color: #fff;} } </style>--> </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="https://www.samsung.com/global/ecodesign_energy" target="_blank" title="새창 열림" class="btn btn-icon link"> <span class="blind">자세히보기</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">사업장 환경 안전방침</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGcsraAUQAIyDc/1-1%20(KR)_%20사업장%20환경%20안전%20방침%20(1).pdf" target="_blank" title="새창 열림" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">지역별 폐제품 회수체계</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGc8S6AU4AIyDc/1-2 _Waste Product Collection System by Region.pdf" target="_blank" title="새창 열림" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">재활용 서비스 파트너에 대한 요건</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGiMaaAvsAIyDc/1-6 (KR) _재활용 서비스 파트너에 대한 요건.pdf" target="_blank" title="새창 열림" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> <li class="accordion-cont"> <div class="accordion-title"> <div class="title">전자제품 및 배터리의 적정 처리</div> <div class="btn-area"> <a href="/sec/sustainability/policy-file/AYTGgsnKAXwAIyDc/Disposal_of_Electrical_Electronic_Equipment_190513.pdf" target="_blank" title="새창 열림" class="btn btn-icon download"> <span class="blind">다운로드</span> </a> </div> </div> </li> </ul> <div class="btn-area ta-center"> <a href="/sec/sustainability/digital-library/policy-document" class="btn btn-round black" title="정책&문서">자세히 보기</a> </div> </div> </div> </section> <!-- //아코디언 --> <!-- 20221213 개발 퍼블 소스 확인 --> <!-- 스와이프 --> <section class="news-section" id="anchor-news"> <div class="tit-group ta-center"> <h3 class="group-tit eng">News &amp; Story</h3> </div> <div class="swiper swiper-news"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2025/01/Tech_Forum_1_thumb-1.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2025/01/Tech_Forum_1_thumb-1.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/2025-%ed%85%8c%ed%81%ac-%ed%8f%ac%eb%9f%bc-%ed%98%84%ec%9e%a5-%e2%91%a0-%ec%a7%80%ec%86%8d%ea%b0%80%eb%8a%a5%ed%95%9c-%eb%af%b8%eb%9e%98%eb%a5%bc-%ed%96%a5%ed%95%9c-%eb%aa%a8%eb%b0%94%ec%9d%bc" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2025.01.24</span> <strong class="tit">[2025 테크 포럼 현장 ①] 지속가능한 미래를 향한 모바일 혁신과 삼성전자의 파트너십</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/2025/01/sus_thumb-1.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2025/01/sus_thumb-1.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%98%81%ec%83%81-%ea%b5%ac%ed%98%95-%ea%b0%a4%eb%9f%ad%ec%8b%9c%ec%97%90%ec%84%9c-%ed%83%84%ec%83%9d%ed%95%9c-%ea%b0%a4%eb%9f%ad%ec%8b%9c-s25%ec%9d%98-%eb%b0%b0%ed%84%b0%eb%a6%ac-%ec%88%9c" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2025.01.23</span> <strong class="tit">[영상] 구형 갤럭시에서 탄생한 갤럭시 S25의 배터리 순환 혁신</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/12/%ED%8F%90%ED%9C%B4%EB%8C%80%ED%8F%B0%EC%8B%9C%EC%83%81%EC%8B%9D_th.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/12/%ED%8F%90%ED%9C%B4%EB%8C%80%ED%8F%B0%EC%8B%9C%EC%83%81%EC%8B%9D_th.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ed%8f%90%ed%9c%b4%eb%8c%80%ed%8f%b0%ec%9d%b4-%eb%a7%8c%eb%93%9c%eb%8a%94-%ea%b0%80%ec%b9%98-%ec%9e%88%eb%8a%94-%ec%88%9c%ed%99%98-%ed%99%98%ea%b2%bd" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.12.23</span> <strong class="tit">삼성전자, ‘폐휴대폰이 만드는 가치 있는 순환, 환경에 진심’ 캠페인 2024년 시상식 개최</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/12/TH_1219_.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/12/TH_1219_.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%98%81%ec%83%81-%ec%98%88%ec%b8%a1%ed%95%a0%ec%88%98%eb%a1%9d-%ea%b0%95%ed%95%b4%ec%a7%84%eb%8b%a4%ec%82%bc%ec%84%b1-%ea%b0%80%ec%a0%84%ec%9d%b4-%ea%b1%b0%ec%b9%98" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.12.20</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/09/IDEA2024_TH.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/09/IDEA2024_TH.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ea%b5%ad%ec%a0%9c-%eb%94%94%ec%9e%90%ec%9d%b8-%ea%b3%b5%eb%aa%a8%ec%a0%84-idea-2024%ec%97%90%ec%84%9c-%ea%b8%88%ec%83%81-2%ea%b0%9c-%ec%88%98%ec%83%81" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.09.13</span> <strong class="tit">삼성전자, 국제 디자인 공모전 ‘IDEA 2024’에서 금상 2개 수상 등 총 45개 수상</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/Samsung_Posco_UL_Solutions_th.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/08/Samsung_Posco_UL_Solutions_th.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ed%8f%ac%ec%8a%a4%ec%bd%94%ec%99%80-%ea%b3%b5%eb%8f%99%ea%b0%9c%eb%b0%9c-%ec%9e%ac%ed%99%9c%ec%9a%a9-%ec%86%8c%ec%9e%ac%eb%a1%9c-ul-%ec%86%94%eb%a3%a8%ec%85%98" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.09.02</span> <strong class="tit">삼성전자, 포스코와 공동개발 재활용 소재로 ‘UL 솔루션즈’ 인증 받아</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/07/Eco_Discarded_Phone_th.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/07/Eco_Discarded_Phone_th.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ea%b0%80%ec%b9%98-%ec%9e%88%eb%8a%94-%ec%88%9c%ed%99%98-%ed%99%98%ea%b2%bd%ec%97%90-%ec%a7%84%ec%8b%ac%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%9e%90%ec%9b%90%ec%88%9c" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.07.31</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/07/TH-1-3.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/07/TH-1-3.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ed%97%88%ec%89%ac-%ec%b4%88%ec%bd%9c%eb%a6%bf-%eb%94%94%ec%9e%90%ec%9d%b8-%ec%9e%85%ec%9d%80-%eb%aa%a8%eb%b0%94%ec%9d%bc-%ec%95%a1%ec%84%b8%ec%84%9c%eb%a6%ac" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.07.29</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/07/TH-1-1.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/07/TH-1-1.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024-%eb%8c%80%ed%95%9c%eb%af%bc%ea%b5%ad-%ec%98%ac%ed%95%b4%ec%9d%98-%eb%85%b9%ec%83%89%ec%83%81%ed%92%88%ec%84%9c-%ec%b5%9c%ea%b3%a0-%ea%b6%8c%ec%9c%84" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.07.24</span> <strong class="tit">삼성전자, ‘2024 대한민국 올해의 녹색상품’서 최고 권위 ‘녹색마스터피스상’ 수상</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/07/KR_TUM_728x410.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/07/KR_TUM_728x410.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%b0%a4%eb%9f%ad%ec%8b%9c-z-%ed%8f%b4%eb%93%9c6%c2%b7%ea%b0%a4%eb%9f%ad%ec%8b%9c-z-%ed%94%8c%eb%a6%bd6%c2%b7%ea%b0%a4%eb%9f%ad%ec%8b%9c-%eb%b2%84" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.07.10</span> <strong class="tit">삼성전자, ‘갤럭시 Z 폴드6’·‘갤럭시 Z 플립6’·‘갤럭시 버즈3 시리즈’ 전격 공개</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/07/AS_TH.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/07/AS_TH.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90%ec%84%9c%eb%b9%84%ec%8a%a4-%ea%b3%a0%ea%b0%9d%ec%9d%b4-%eb%bd%91%ec%9d%80-as-%eb%a7%8c%ec%a1%b1%eb%8f%84-1%ec%9c%84-%ec%84%9d%ea%b6%8c" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.07.02</span> <strong class="tit">삼성전자서비스, 고객이 뽑은 ‘AS 만족도’ 1위 석권</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/media/aa/71f6f9fc0b4558b6b33d7f4a0fd252" alt=""> <img class="mo-only" src="/sec/sustainability/media/aa/71f6f9fc0b4558b6b33d7f4a0fd252" alt=""> </div> <div class="text-area"> <a href="/sec/sustainability/focus/news-detail/AZBygYmqKAIALYOd" target="_self" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.07.02</span> <strong class="tit">삼성전자, ‘유럽 이해관계자 포럼‘ 개최</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="/sec/sustainability/media/7c/f4110bad444459b728286b9a0052c1" alt=""> <img class="mo-only" src="/sec/sustainability/media/7c/f4110bad444459b728286b9a0052c1" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-2024%eb%85%84-%ec%a7%80%ec%86%8d%ea%b0%80%eb%8a%a5%ea%b2%bd%ec%98%81%eb%b3%b4%ea%b3%a0%ec%84%9c-%eb%b0%9c%ea%b0%84" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.06.28</span> <strong class="tit">삼성전자 ‘2024년 지속가능경영 보고서’ 발간</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.youtube.com/vi/_vHylhx_TKo/maxresdefault.jpg" alt=""> <img class="mo-only" src="https://img.youtube.com/vi/_vHylhx_TKo/maxresdefault.jpg" alt=""> </div> <div class="text-area"> <a href="javascript:void(0)" onclick="videoUriCall(this);" data-url="&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/_vHylhx_TKo?si=K8HwQEQ0yQl_fM89&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&gt;&lt;/iframe&gt;" title="새창열림" data-date="2024.06.05"> <span class="date">2024.06.05</span> <strong class="tit">“쓰레기 줍던 내가 이 세계에선 삼성 VIP..?!” | ♻️세계 환경의 날 기념♻️ | 나의 쓰레기 아저씨 EP.43</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/06/TH.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/06/TH.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/ai%eb%a1%9c-%ec%82%b6%ec%9d%98-%ea%b0%80%ec%b9%98%eb%a5%bc-%eb%a7%9e%ec%b6%a4%ed%95%98%eb%8b%a4%eb%b9%84%ec%8a%a4%ed%8f%ac%ed%81%ac-5%eb%85%84%ec%9d%98-%ec%9d%b4%ec%95%bc%ea%b8%b0" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.06.04</span> <strong class="tit">AI로 삶의 가치를 맞춤하다…비스포크 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/05/service_TH.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/05/service_TH.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90%ec%84%9c%eb%b9%84%ec%8a%a4-%ec%b9%9c%ed%99%98%ea%b2%bd-%ec%84%9c%eb%b9%84%ec%8a%a4-%eb%94%94%ec%8a%a4%ed%94%8c%eb%a0%88%ec%9d%b4-%eb%8b%a8%ed%92%88-%ec%88%98" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.06.03</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/05/Air-infinite_TH.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/05/Air-infinite_TH.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ea%b3%b5%ea%b8%b0%ec%b2%ad%ec%a0%95%ea%b8%b0-%ed%95%84%ed%84%b0-%ec%8b%a0%ea%b8%b0%ec%88%a0%eb%a1%9c-%ec%82%b0%ec%97%85%eb%b6%80-%ec%8b%a0%ea%b8%b0%ec%88%a0" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.05.31</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/05/KOREA-UNIVERSITY-TH.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/05/KOREA-UNIVERSITY-TH.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ea%b3%a0%eb%a0%a4%eb%8c%80%ec%99%80-%ec%b9%9c%ed%99%98%ea%b2%bd-%ec%97%90%eb%84%88%ec%a7%80-%ec%97%b0%ea%b5%ac%ec%84%bc%ed%84%b0-%ed%98%91%ec%95%bd" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.05.01</span> <strong class="tit">삼성전자, 고려대와 '친환경 에너지 연구센터' 협약 체결…차세대 가전 핵심 기술 연구 이어가</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/04/0415-Earth-Day_TH.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/04/0415-Earth-Day_TH.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%a7%80%ea%b5%ac%ec%9d%98-%eb%82%a0-%ea%b8%b0%ed%9a%8d%e2%91%a1-%ec%9c%a0%ec%97%94-%ea%b0%9c%eb%b0%9c-%ea%b3%84%ed%9a%8d%ea%b3%bc-%ed%95%a8%ea%bb%98-%ec%a7%80%ec%9b%90%ed%95%98%eb%8a%94-%ec%b2%ad" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.04.15</span> <strong class="tit">[지구의 날 기획②] 유엔 개발 계획과 함께 지원하는 청년 리더들의 지구를 위한 프로젝트</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/04/earth-day_thumb.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/04/earth-day_thumb.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%a7%80%ea%b5%ac%ec%9d%98-%eb%82%a0-%ea%b8%b0%ed%9a%8d%e2%91%a0-%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90%ec%9d%98-%ec%a7%80%ec%86%8d-%ea%b0%80%eb%8a%a5%ed%95%9c-%ec%97%ac%ec%a0%95%ec%9d%84-%ec%9c%84" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.04.15</span> <strong class="tit">[지구의 날 기획①] 삼성전자의 지속 가능한 여정을 위한 혁신과 협력</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/03/th_PD-%EB%B0%B0%ED%84%B0%EB%A6%AC%ED%8C%A9-20000-mAh-%EC%A0%9C%ED%92%88-%EC%9D%B4%EB%AF%B8%EC%A7%801.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/03/th_PD-%EB%B0%B0%ED%84%B0%EB%A6%AC%ED%8C%A9-20000-mAh-%EC%A0%9C%ED%92%88-%EC%9D%B4%EB%AF%B8%EC%A7%801.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%9e%ac%ed%99%9c%ec%9a%a9-%ec%86%8c%ec%9e%ac%eb%a5%bc-%ec%82%ac%ec%9a%a9%ed%95%9c-%ea%b0%95%eb%a0%a5%ed%95%9c-%ec%84%b1%eb%8a%a5%ec%9d%98-%eb%b0%b0%ed%84%b0" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.03.19</span> <strong class="tit">삼성전자, 재활용 소재를 사용한 강력한 성능의 배터리팩 2종 출시</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/02/0219%EC%97%90%EC%BD%94%ED%94%84%EB%A0%8C%EC%A6%88_TH.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/02/0219%EC%97%90%EC%BD%94%ED%94%84%EB%A0%8C%EC%A6%88_TH.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1-%ec%97%90%ec%bd%94-%ed%94%84%eb%a0%8c%ec%a6%88-%ea%b0%a4%eb%9f%ad%ec%8b%9c-s24-%ec%8b%9c%eb%a6%ac%ec%a6%88%ec%97%90-%ea%b0%80%ec%b9%98%ec%99%80-%ea%b0%9c%ec%84%b1" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.02.19</span> <strong class="tit">‘삼성 에코 프렌즈’, 갤럭시 S24 시리즈에 가치와 개성을 더하다!</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/02/THKey-Visual-01.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/02/THKey-Visual-01.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%83%88-%ed%8f%b0-%ec%83%80%eb%8a%94%eb%8d%b0-%ec%9d%b4%ec%a0%84-%ed%8f%b0%ec%9d%80-%ec%96%b4%ec%a9%8c%ec%a7%80-%ea%b3%a0%ea%b0%9d-%ec%b0%b8%ec%97%ac-%ed%9c%b4%eb%8c%80%ed%8f%b0" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.02.07</span> <strong class="tit">“새 폰 샀는데, 이전 폰은 어쩌지?” 고객 참여 휴대폰 수거 프로그램</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/01/%ED%95%98%EC%9D%B4%EB%9D%BC%EC%9D%B4%ED%8A%B8_thumb.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/01/%ED%95%98%EC%9D%B4%EB%9D%BC%EC%9D%B4%ED%8A%B8_thumb.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ea%b0%a4%eb%9f%ad%ec%8b%9c-%ec%96%b8%ed%8c%a9-2024-%ec%83%88%eb%a1%9c%ec%9a%b4-%eb%aa%a8%eb%b0%94%ec%9d%bc-ai-%ec%8b%9c%eb%8c%80%eb%a5%bc-%ec%97%b4%eb%8b%a4-%ec%a3%bc%ec%9a%94" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.01.18</span> <strong class="tit">[갤럭시 언팩 2024] “새로운 모바일 AI 시대를 열다” 주요 장면 하이라이트</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/01/%EC%82%AC%EC%A0%84%ED%8C%90%EB%A7%A4_TH_728x410.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/01/%EC%82%AC%EC%A0%84%ED%8C%90%EB%A7%A4_TH_728x410.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%b0%a4%eb%9f%ad%ec%8b%9c-s24-%ec%8b%9c%eb%a6%ac%ec%a6%88-%ec%82%ac%ec%a0%84-%ed%8c%90%eb%a7%a4-%ec%8b%a4%ec%8b%9c" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.01.18</span> <strong class="tit">삼성전자, ‘갤럭시 S24’ 시리즈 사전 판매 실시</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/01/th_1000_KakaoTalk_Photo_2024-01-10-16-05-43.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/01/th_1000_KakaoTalk_Photo_2024-01-10-16-05-43.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/ces-2024-%eb%aa%a8%eb%91%90%eb%a5%bc-%ec%9c%84%ed%95%b4-%ed%95%a8%ea%bb%98-%eb%a7%8c%eb%93%a4%ec%96%b4-%eb%82%98%ea%b0%80%eb%8a%94-%ec%a7%80%ec%86%8d%ea%b0%80%eb%8a%a5%ed%95%9c-%eb%af%b8%eb%9e%98" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.01.11</span> <strong class="tit">[CES 2024] 모두를 위해 함께 만들어 나가는 지속가능한 미래</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/01/0110_TH-%EA%B5%AD%EB%AC%B8.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/01/0110_TH-%EA%B5%AD%EB%AC%B8.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/ces-2024-ai-%ed%98%81%ec%8b%a0-%ec%b4%9d%ec%a7%91%ed%95%a9-%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ec%a0%84%ec%8b%9c%ea%b4%80-%ed%95%9c%eb%88%88%ec%97%90-%eb%b3%b4%ea%b8%b0" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.01.10</span> <strong class="tit">[CES 2024] AI 혁신 총집합! 삼성전자 전시관 한눈에 보기</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/01/TH_%ED%94%84%EC%BB%A8-%EC%B9%B4%EB%93%9C%EB%89%B4%EC%8A%A4-KOR.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/01/TH_%ED%94%84%EC%BB%A8-%EC%B9%B4%EB%93%9C%EB%89%B4%EC%8A%A4-KOR.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%b9%b4%eb%93%9c%eb%89%b4%ec%8a%a4-ces-2024-%eb%ac%b8%eb%8b%b5%ec%9c%bc%eb%a1%9c-%ec%a0%95%eb%a6%ac%ed%95%98%eb%8a%94-%ec%82%bc%ec%84%b1-%ed%94%84%eb%a0%88%ec%8a%a4-%ec%bd%98%ed%8d%bc%eb%9f%b0" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.01.09</span> <strong class="tit">[카드뉴스] [CES 2024] 문답으로 정리하는 삼성 프레스 콘퍼런스 핵심 내용</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/01/CES-AI-%ED%94%84%EC%BB%A8_th.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/01/CES-AI-%ED%94%84%EC%BB%A8_th.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%eb%aa%a8%eb%91%90%eb%a5%bc-%ec%9c%84%ed%95%9c-ai-%ec%9d%bc%ec%83%81-%ec%86%8d-%eb%98%91%eb%98%91%ed%95%9c-%ec%b4%88%ec%97%b0%ea%b2%b0-%ea%b2%bd%ed%97%98" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.01.09</span> <strong class="tit">삼성전자, '모두를 위한 AI: 일상 속 똑똑한 초연결 경험' 위한 비전 제시</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.youtube.com/vi/kwC80iGpbhY/maxresdefault.jpg" alt=""> <img class="mo-only" src="https://img.youtube.com/vi/kwC80iGpbhY/maxresdefault.jpg" alt=""> </div> <div class="text-area"> <a href="javascript:void(0)" onclick="videoUriCall(this);" data-url="&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/kwC80iGpbhY?si=ltLvaNVoP1QXYywk&amp;amp;start=821&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&gt;&lt;/iframe&gt;" title="새창열림" data-date="2024.01.09"> <span class="date">2024.01.09</span> <strong class="tit">CES 2024 Samsung Press Conference : Sustainability</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/01/CES_thumb.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2024/01/CES_thumb.jpg" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-ces-2024%ec%84%9c-ai-%ec%8b%9c%eb%8c%80%eb%a5%bc-%ec%97%ac%eb%8a%94-%ed%98%81%ec%8b%a0%ec%a0%81-%ea%b8%b0%ec%88%a0%ea%b3%bc-%ec%a0%9c%ed%92%88-%eb%8c%80%ea%b1%b0" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2024.01.08</span> <strong class="tit">삼성전자, CES 2024서 AI 시대를 여는 혁신적 기술과 제품 대거 선보여</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/12/TH_Samsung-Self-Repair_Galaxy-foldables.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/12/TH_Samsung-Self-Repair_Galaxy-foldables.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%b0%a4%eb%9f%ad%ec%8b%9c-%ec%9e%90%ea%b0%80-%ec%88%98%eb%a6%ac-%ed%94%84%eb%a1%9c%ea%b7%b8%eb%9e%a8-%eb%8c%80%ec%83%81-%eb%aa%a8%eb%8d%b8" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2023.12.20</span> <strong class="tit">삼성전자, 갤럭시 ‘자가 수리 프로그램’ 대상 모델·국가 확대</strong> </a> </div> </li> <li class="swiper-slide"> <div class="image-area"> <img class="pc-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/11/TH_CES2024%ED%98%81%EC%8B%A0%EC%83%81%EC%9D%B4%EB%AF%B8%EC%A7%80.jpg" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/11/TH_CES2024%ED%98%81%EC%8B%A0%EC%83%81%EC%9D%B4%EB%AF%B8%EC%A7%80.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-ces-2024-%ec%b5%9c%ea%b3%a0%ed%98%81%ec%8b%a0%ec%83%81-3%ea%b0%9c-%ec%88%98%ec%83%81" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2023.11.16</span> <strong class="tit">삼성전자, CES 2024 최고혁신상 3개 수상</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/09/%EA%B0%A4%EB%9F%AD%EC%8B%9C-FE_TH.png" alt=""> <img class="mo-only" src="https://img.kr.news.samsung.com/kr/wp-content/uploads/2023/09/%EA%B0%A4%EB%9F%AD%EC%8B%9C-FE_TH.png" alt=""> </div> <div class="text-area"> <a href="https://news.samsung.com/kr/%ec%82%bc%ec%84%b1%ec%a0%84%ec%9e%90-%ea%b0%a4%eb%9f%ad%ec%8b%9c-fe-%ec%8b%9c%eb%a6%ac%ec%a6%88-%ea%b3%b5%ea%b0%9c" target="_blank" title = "새창 열림" class="swiper-link-cta"> <span class="date">2023.10.04</span> <strong class="tit">삼성전자, 갤럭시 FE 시리즈 공개</strong> </a> </div> </li> </ul> <div class="news-navigation"> <button type="button" class="btn-prev btn-news-prev" title="이전 슬라이드"></button> <button type="button" class="btn-next btn-news-next" title="다음 슬라이드"></button> </div> <!-- <div class="indicator"></div>--> </div> </section> <!-- //스와이프 --> <!-- video popup area --> <div class="popup-focus-video" id="videoLayerVideo" style="display: none;"> <div class="popup-area" tabindex="0"> <div class="popup-video-area"> <button class="popup-video-close" type="button"><span class="blind">팝업 닫기</span></button> <div class="popup-video"> <div class="popup-video-ratio"> </div> <div class="popup-video-text-box"> <h3 class="popup-video-title"></h3> <div class="popup-video-date"></div> </div> </div> </div> </div> </div> <script> const setAttributesVideo = function(el, attrs) { for(let key in attrs) { el.setAttribute(key, attrs[key]); } } const videoCallVideo = (e, type) => { const layer = document.getElementById('videoLayerVideo'); const ratio = layer.querySelector('.popup-video-ratio'); const videoTitle = layer.querySelector('.popup-video-title'); const videoDate = layer.querySelector('.popup-video-date'); videoTitle.innerHTML=e.getAttribute('title'); videoDate.innerHTML=e.getAttribute('data-date'); let video; if(type==0){ video = document.createElement('video'); setAttributesVideo(video, { 'src': e.getAttribute('data-url'), 'controls':'', 'muted':'' ,'preload': 'metadata'}); ratio.appendChild(video); }else{ ratio.innerHTML= e.getAttribute('data-url'); } layer.style.display = 'block'; const close = layer.querySelector('.popup-video-close'); close.addEventListener('click', () => { layer.style.display = 'none'; ratio.innerHTML=""; videoTitle.innerHTML=""; videoDate.innerHTML=""; e.focus(); }); } document.addEventListener('DOMContentLoaded', () => { new NewsSwiper(".swiper.swiper-news"); }); </script> </main> <footer> <section class="share-group"> <span class="text">페이지 공유하기</span> <span class="sns"> <!-- 230322 웹접근성 수정 1차 --> <a href="javascript:void(0);" class="btn-facebook" title="페이스북 새창 열림"></a> <a href="javascript:void(0);" class="btn-insta" title="LinkedIn 새창 열림"></a> <a href="javascript:void(0);" class="btn-twitter" title="트위터 새창 열림"></a> <a href="javascript:void(0);" class="btn-url" title="URL 복사하기"></a> <!-- // 230322 웹접근성 수정 1차 --> </span> </section> <script> window.addEventListener('load', function() { const facebook = document.querySelectorAll('.btn-facebook'); facebook.forEach((item, index) => { item.addEventListener('click', (e) => { let sendUrl = window.location.href; // 전달할 URL window.open("https://www.facebook.com/sharer/sharer.php?u=" + sendUrl); }); }); const linkedIn = document.querySelectorAll('.btn-insta'); linkedIn.forEach((item, index) => { item.addEventListener('click', (e) => { let sendText = document.title; // 전달할 텍스트 let sendUrl = window.location.href; // 전달할 URL window.open("https://linkedin.com/shareArticle?mini=true&title=" + encodeURI(sendText) + "&url=" + sendUrl + "&source=" + window.location.hostname); }) }); const twitter = document.querySelectorAll('.btn-twitter'); twitter.forEach((item, index) => { item.addEventListener('click', (e) => { let sendText = document.title; // 전달할 텍스트 let sendUrl = window.location.href; // 전달할 URL window.open("https://twitter.com/intent/tweet?text=" + encodeURI(sendText) + "&url=" + sendUrl); }); }); const alertUrlCallBack = function () { } const shareUrl = document.querySelectorAll('.btn-url'); shareUrl.forEach((item, index) => { item.addEventListener('click', (e) => { let copyUrl = window.location.href; // URL if (typeof (navigator.clipboard) == 'undefined') { let textArea = document.createElement("textarea"); textArea.value = copyUrl; textArea.style.position = "fixed"; //avoid scrolling to bottom document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { let successful = document.execCommand('copy'); let msg = successful ? 'successful' : 'unsuccessful'; interaction.alertCall({ mainText: "링크가 복사되었습니다. <br>원하는 곳에 붙여넣기 해주세요.", subText: "", doneCallback: alertUrlCallBack, closeCallback: alertUrlCallBack, cbTarget: item, // 접근성 수정 1차 } ) } catch (err) { console.log(err); } document.body.removeChild(textArea) } else { navigator.clipboard.writeText(copyUrl).then(function () { interaction.alertCall({ mainText: "링크가 복사되었습니다. <br>원하는 곳에 붙여넣기 해주세요.", subText: "", doneCallback: alertUrlCallBack, closeCallback: alertUrlCallBack, cbTarget: item, // 접근성 수정 1차 } ) }, function (err) { console.log("err link clipboard " + copyUrl); }) } }); }); }); </script> <div class="footer-area"> <div class="page-depth"> <span>Home</span> <span class="depth1">Planet</span> <span class="depth2">자원순환</span> </div> <div class="links-area"> <div class="menu-area"> <ul> <li> <span class="menu-tit-pc">Planet</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Planet <span class="blind">서브메뉴 열기</span></a> <!-- 접근성 수정 1차 --> <ul> <li><a href="/sec/sustainability/planet/environmental-strategy">환경경영전략</a></li> <li><a href="/sec/sustainability/planet/climate-action">기후행동</a></li> <li><a href="/sec/sustainability/planet/circular-economy">자원순환</a></li> <li><a href="/sec/sustainability/planet/business-ecosystem">친환경 기술 혁신</a></li> <!-- [24.06] 6월 업데이트 수정 --> <li><a href="/sec/sustainability/planet/sustainable-operations">지속가능한 운영</a></li> </ul> </li> <li> <span class="menu-tit-pc">People</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">People <span class="blind">서브메뉴 열기</span></a> <!-- 접근성 수정 1차 --> <ul> <li><a href="/sec/sustainability/people/human-rights">인권</a></li> <li><a href="/sec/sustainability/people/diversity-inclusion">다양성, 형평성, 포용성</a></li> <li><a href="/sec/sustainability/people/tech-for-all">모두를 위한 기술</a></li> <li><a href="/sec/sustainability/people/supply-chain">공급망</a></li> <li><a href="/sec/sustainability/people/empowering-communities">지역사회</a></li> </ul> </li> <li> <span class="menu-tit-pc">Principle</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Principle <span class="blind">서브메뉴 열기</span></a> <!-- 접근성 수정 1차 --> <ul> <li><a href="/sec/sustainability/principle/leadership-message">리더십 메시지</a></li> <li><a href="/sec/sustainability/principle/corporate-governance">기업지배구조</a></li> <li><a href="/sec/sustainability/principle/compliance-ethics">준법과 윤리경영</a></li> </ul> </li> <li> <span class="menu-tit-pc">Focus</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Focus <span class="blind">서브메뉴 열기</span></a> <!-- 접근성 수정 1차 --> <ul> <li><a href="/sec/sustainability/focus/products/sustainability-in-our-products">지속가능한 제품</a></li> <li><a href="/sec/sustainability/focus/news-video">뉴스 &amp; 비디오</a></li> <li><a href="/sec/sustainability/focus/story/feature-story">스토리</a></li> </ul> </li> <li> <span class="menu-tit-pc">Digital Library</span> <a href="javascript:void(0);" role="button" class="menu-tit-mo">Digital Library <span class="blind">서브메뉴 열기</span></a> <!-- 접근성 수정 1차 --> <ul> <li><a href="/sec/sustainability/digital-library/customized-report">맞춤형 보고서</a></li> <li><a href="/sec/sustainability/digital-library/esg-data">ESG 데이터</a></li> <li><a href="/sec/sustainability/digital-library/policy-document">정책 &amp; 문서</a></li> <li><a href="/sec/sustainability/digital-library/awards-recognition">대외평가 &amp; 수상</a></li> </ul> </li> </ul> </div> <div class="quick-area"> <!-- //230518 문의하기 주석처리 --> <!-- <div>--> <!-- <strong>문의 사항이 있으신가요?</strong>--> <!-- <div class="cs-info">--> <!-- <p>양식에 맞춰 이름과 이메일 주소, 문의 사항을 입력해주시면, 빠른 시일 내에 작성해주신 이메일로 답변드리겠습니다.</p>--> <!-- <a href="javascript:void(0)" id="contactLearnMore" onclick="interaction.popupCall(this,'/sec/sustainability/contact/popup/contact', contactCallback)">자세히 보기</a>--> <!-- </div>--> <!-- </div>--> <!-- 230518 문의하기 주석처리// --> <div> <!-- 접근성 수정 1차 - span, button 태그 추가--> <span class="menu-tit-pc">Family Site</span> <button class="menu-tit-mo"><strong>Family Site<span class="blind">내용 열기</span></strong></button> <!-- // 접근성 수정 1차 - span, button 태그 추가--> <ul> <li> <a href="https://www.samsung.com/" target="_blank" title="새창열림">Samsung.com</a> </li> <li> <a href="https://semiconductor.samsung.com/" target="_blank" title="새창열림">Samsung Semiconductor</a> </li> </ul> </div> <!-- //#0050 23.04.18 웹접근성 인증마크 삽입 --> <div class="web-mark"> <img class="pc-img" src="/sec/sustainability/assets/img/pc/common/mdi/WA_Mark_PC.png" alt="과학기술정보통신부 WEB ACCESSIBILITY 마크(웹 접근성 품질인증 마크)"> <img class="mo-img" src="/sec/sustainability/assets/img/mo/common/mdi/WA_Mark_MO.png" alt="과학기술정보통신부 WEB ACCESSIBILITY 마크(웹 접근성 품질인증 마크)"> </div> <!-- #0050 23.04.18 웹접근성 인증마크 삽입// --> </div> </div> <div class="copyright"> <!-- <label for="languageSelect" class="blind">언어선택</label>--> <!-- <select id="languageSelect" onchange="goLanguagePage(this)">--> <!-- <option value="sec">한국어</option>--> <!-- <option value="global">English</option>--> <!-- </select>--> <div class="language"> <a href="javascript:void(0);" title="언어선택 열기"> <span>한국어</span> </a> <ul> <li class="current"> <a href="javascript:void(0);" title="선택됨">한국어</a> </li> <li> <a href="javascript:goLanguagePage(this);">English</a> </li> </ul> </div> <div> <ul> <li> <!-- <a href="/sec/sustainability/people/tech-for-all#anchor1" title="툴팁 열림">Accessbility Help <span class="circle">?</span></a> --> <a href="javascript:void(0);" title="Userway 실행하기" class="accessbility-tooltip-opener">Accessbility Help</a> <!-- [접근성] 툴팁 팝업 숨김처리 --> <!--<a href="javascript:void(0);" title="툴팁 열림" class="accessbility-tooltip-opener">Accessbility Help<span class="circle">?</span></a>--> <!--<div class="accessbility-tooltip" style="display: none;"> <p> 버튼을 클릭하여 접근성 옵션을<br /> 활성화 해 보세요. </p> &lt;!&ndash;<button type="button" class="go-accessbility">접근성 메뉴</button> <button type="button" class="tooltip-close"> <span class="blind">닫기</span> </button>&ndash;&gt; </div>--> </li> <!-- <li>--> <!-- <a href="javascript:void(0);" onclick="interaction.popupCall(this,'/sec/sustainability/contact/popup/contact-cookies')">Cookies</a>--> <!-- </li>--> <li> <a href="/sec/sustainability/contact/privacy" class="privacy">개인정보처리방침</a> </li> <li> <a href="javascript:void(0);" onclick="interaction.popupCall(this,'/sec/sustainability/contact/popup/forward-looking-statement')">Forward-Looking Statement</a> </li> </ul> </div> <p>Copyright &copy; 1995-2023 Samsung. All Rights Reserved.</p> </div> </div> <button type="button" class="go-to-top"> <span class="blind">맨 위로</span> </button> <!-- header, footer javascript --> <script type="text/javascript"> // pc header const wideHeader = document.querySelector('header .pc-only'); const headingTitle = wideHeader.querySelector('h1 > a'); const menus = wideHeader.querySelectorAll('.navi > li'); const anchor = wideHeader.querySelectorAll('.navi > li > a'); const subs = wideHeader.querySelectorAll('.sub'); const gnbDimmed = document.querySelector('.gnb-dimmed'); const ev = { on: function(index) { [...menus].map((m, i) => { const a = m.children[0]; if (index === i) { a.classList.add('on'); a.nextElementSibling.style.display = 'block'; } else { a.classList.remove('on'); a.nextElementSibling.style.display = 'none'; } }); gnbDimmed.style.display = 'block'; }, off: function(e) { e.target.children[0].classList.remove('on'); e.target.children[0].nextElementSibling.style.display = 'none'; gnbDimmed.style.display = 'none'; }, clear: function() { [...anchor].map((a, i) => { a.classList.remove('on') }); [...subs].map((s, i) => { s.style.display = 'none' }); gnbDimmed.style.display = 'none'; } }; menus.forEach((item, index) => { item.addEventListener('mouseover', (e) => { ev.on(index) }); item.addEventListener('mouseleave', (e) => { ev.off(e) }); }); anchor.forEach((item, index) => { item.addEventListener('focus', (e) => { ev.on(index) }); }); const utilBtns = document.querySelectorAll('.util > li > a'); utilBtns.forEach((item, index) => { item.addEventListener('focus', (e) => { if (index === 0) { ev.clear() } }); }); headingTitle.addEventListener('focus', (e) => { ev.clear(); }); // 221214 header language button // 240319 접근성 수정 const language = document.querySelectorAll('.language > a'); language.forEach((item, index) => { const languageLayer = item.closest('.language').querySelector('ul'); item.addEventListener('click', (e) => { // 240402 접근성 - img, span 동작 통일 //const my = e.target.nodeName === 'IMG' ? e.target.closest('a') : e.target; const my = e.target.nodeName === 'IMG' || e.target.nodeName === 'SPAN' ? e.target.closest('a') : e.target; if (my.classList.contains('open')) { languageLayer.style.display = 'none'; my.classList.remove('open'); my.closest('a').title = '언어선택 열기'; language.focus(); } else { languageLayer.style.display = 'block'; my.classList.add('open'); my.closest('a').title = '언어선택 닫기'; } }); }); const thisLanguage = document.querySelectorAll('header .language .current > a'); thisLanguage.forEach((item, index) => { const languageLayer = item.closest('.language').querySelector('ul'); const languageBtn = item.closest('.header-area').querySelector('.language > a'); item.addEventListener('click', (e) => { languageLayer.style.display = 'none'; languageBtn.classList.remove('open'); languageBtn.closest('a').title = '언어선택 열기'; languageBtn.focus(); }); item.title = '선택됨'; }); //240402 footer 동작 추가 const thisLanguage02 = document.querySelectorAll('footer .language .current > a'); thisLanguage02.forEach((item, index) => { const languageLayer02 = item.closest('.language').querySelector('ul'); const languageBtn02 = item.closest('.copyright').querySelector('.language > a'); item.addEventListener('click', (e) => { languageLayer02.style.display = 'none'; languageBtn02.classList.remove('open'); languageBtn02.closest('a').title = '언어선택 열기'; languageBtn02.focus(); }); }); //240319 추가 const links = document.querySelectorAll('.language ul li:last-child a'); links.forEach(function(link) { link.addEventListener('focusout', function(event) { const grandparent = event.target.parentElement.parentElement; grandparent.style.display = 'none'; const previousLink = event.target.parentElement.parentElement.previousElementSibling; previousLink.classList.remove('open'); previousLink.closest('a').title = '언어선택 열기'; }); }); // mobile header const allMenu = document.querySelector('.all-menu > a'); const menuLayer = document.querySelector('.main-menu-aside'); const searchArea = menuLayer.querySelector('.search-area'); allMenu.addEventListener('click', () => { document.body.classList.add('stop'); searchArea.classList.add('wide'); menuLayer.style.display = 'block'; }); const mainArea = menuLayer.querySelector('.menu-area'); const mainMenu = menuLayer.querySelectorAll('.menu-area a'); const subList = menuLayer.querySelector('.sub-list'); const subLayer = menuLayer.querySelectorAll('.sub-list > div'); const backBtn = menuLayer.querySelector('.btn-back'); const languageBox = menuLayer.querySelector('.language'); mainMenu.forEach((item, index) => { item.addEventListener('click', () => { mainArea.style.display = 'none'; subList.style.display = 'block'; searchArea.classList.remove('wide'); backBtn.style.display = 'inline-block'; [...subLayer].map((d, i) => { i === index ? d.style.display = 'block' : d.style.display = 'none'; }); languageBox.style.display = 'none'; backBtn.focus(); // 230322 접근성 수정 1차 }); }); const groupMenu = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > a'); const groupSubMenu = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > ul > li > a'); const subUl = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > ul'); const groupMenuBtns = menuLayer.querySelectorAll('.sub-list > div > ul > li.menu-group > button'); groupSubMenu.forEach((item, index) => { item.addEventListener('click', (e) => { // console.log("index = " + index + ", " + item); document.body.classList.remove('stop'); }); }); groupMenu.forEach((item, index) => { item.addEventListener('click', (e) => { if (e.target.classList.contains('open') && !e.target.classList.contains('special')) { e.target.classList.remove('open'); e.target.nextElementSibling.style.display = 'none'; } else if (!e.target.classList.contains('open') && !e.target.classList.contains('special')) { [...groupMenu].map((m, i) => { index === i ? m.classList.add('open') : m.classList.remove('open'); }); [...subUl].map((u, i) => { index === i ? u.style.display = 'block' : u.style.display = 'none'; }); [...groupMenuBtns].map((btn, i) => { btn.classList.remove('open') }); } }); }); groupMenuBtns.forEach((item, index) => { item.addEventListener('click', (e) => { if (e.target.classList.contains('open')) { e.target.classList.remove('open'); e.target.nextElementSibling.style.display = 'none'; e.target.firstElementChild.innerText = '서브메뉴 열기'; // 접근성 수정 1차 } else if (!e.target.classList.contains('open') && !e.target.classList.contains('special')) { [...groupMenu].map((m, i) => { m.classList.remove('open'); i === index ? m.closest('li').querySelector('.blind').innerText = '서브메뉴 닫기' : m.closest('li').querySelector('.blind').innerText = '서브메뉴 열기'; // 접근성 수정 1차 }); [...subUl].map((u, i) => { u.style.display = 'none' }); [...groupMenuBtns].map((btn, i) => { btn.classList.remove('open') }); e.target.classList.add('open'); e.target.nextElementSibling.style.display = 'block'; } }); }); const menuBack = document.querySelector('.header-area .btn-back'); menuBack.addEventListener('click', (e) => { [...groupMenu].map((m, i) => { m.classList.remove('open'); }); [...subUl].map((u, i) => { u.style.display = 'none'; }); [...subLayer].map((d, i) => { d.style.display = 'none'; }); subList.style.display = 'none'; languageBox.style.display = 'block'; mainArea.style.display = 'block'; searchArea.classList.add('wide'); menuBack.style.display = 'none'; }); const menuClose = document.querySelector('.menu-layer-top .btn-close'); menuClose.addEventListener('click', (e) => { document.body.classList.remove('stop'); [...groupMenu].map((m, i) => { m.classList.remove('open'); }); [...subUl].map((u, i) => { u.style.display = 'none'; }); [...subLayer].map((d, i) => { d.style.display = 'none'; }); subList.style.display = 'none'; languageBox.style.display = 'block'; mainArea.style.display = 'block'; searchArea.classList.add('wide'); menuBack.style.display = 'none'; menuLayer.style.display = 'none'; allMenu.focus(); // 접근성 수정 1차 }); // footer // footer menu const footerMenu = document.querySelectorAll('footer .menu-area > ul > li > a'); const footerMenuGroup = document.querySelectorAll('footer .menu-area > ul > li'); footerMenu.forEach((btn, index) => { btn.addEventListener('click', (e) => { if (!e.target.closest('li').classList.contains('active')) { [...footerMenuGroup].map((item, i) => { // 접근성 수정 1차 if (index === i) { item.classList.add('active'); item.querySelector('.blind').innerText = '서브메뉴 닫기'; } else { item.classList.remove('active'); item.querySelector('.blind').innerText = '서브메뉴 열기'; } }); } else { e.target.closest('li').classList.remove('active'); e.target.firstElementChild.innerText = '서브메뉴 열기'; // 접근성 수정 1차 } }); }); // footer quick links // 접근성 수정 1차 - 선택자 strong -> button 수정 - 열림 닫힘 추가 시작 const quickBtn = document.querySelectorAll('.quick-area > div > button'); quickBtn.forEach((item, index) => { item.addEventListener('click', (e) => { if (!item.classList.contains('on')) { item.classList.add('on'); e.target.children[0].querySelector('.blind').innerText = '내용 닫기'; } else { item.classList.remove('on'); e.target.children[0].querySelector('.blind').innerText = '내용 열기'; } }); }); // 접근성 수정 1차 - 선택자 strong -> button 수정, 열림 닫힘 추가 끝 // footer accessbility tooltip /*const accessbilityOpenBtn = document.querySelector('.accessbility-tooltip-opener'); const accessbilityTooltip = document.querySelector('.accessbility-tooltip'); accessbilityOpenBtn.addEventListener('mouseover', () => { accessbilityTooltip.style.display = 'block'; }); accessbilityOpenBtn.addEventListener('focus', () => { accessbilityTooltip.style.display = 'block'; }); accessbilityOpenBtn.addEventListener('mouseout', () => { accessbilityTooltip.style.display = 'none'; }); accessbilityOpenBtn.addEventListener('focusout', () => { accessbilityTooltip.style.display = 'none'; }); accessbilityOpenBtn.addEventListener('blur', () => { accessbilityTooltip.style.display = 'none'; }); accessbilityOpenBtn.addEventListener('click', () => { accessbilityTooltip.style.display = 'none'; });*/ // const tooltipClose = accessbilityTooltip.querySelector('.tooltip-close'); // tooltipClose.addEventListener('click', () => { // accessbilityTooltip.style.display = 'none'; // }); // go to top const gotoTop = document.querySelector('.go-to-top'); window.addEventListener('scroll', () => { if (window.scrollY > 100) { gotoTop.style.display = 'block'; } else { gotoTop.style.display = 'none'; } }); gotoTop.addEventListener('click', () => { window.scrollTo(0, 0); document.querySelector("h1 > a").focus(); }); //>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> const goLanguagePage = function(e){ let LOCALE_ID = 'sec'; //sec; let LOCATION_PATHNAME = window.location.pathname; let LOCATION_PATHNAME_TARGET_LANG = '/global'+LOCATION_PATHNAME.substring(LOCALE_ID.length+1); if(LOCATION_PATHNAME.startsWith('/'+LOCALE_ID+'/sustainability/focus/news-video')){ LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/focus/news-video' } else if(LOCATION_PATHNAME.startsWith('/'+LOCALE_ID+'/sustainability/search/search-result')){ const url = new URL(window.location.href); const urlParams = url.searchParams; const keyword = urlParams.get('keyword'); const entries = urlParams.entries(); let searchParam = ""; for(const entry of entries) { if(entry[0] !='page' && entry[0] !='sort' && entry[0] !='keyword'){ searchParam+="&"+entry[0]+"="+entry[1]; } } LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/search/search-result?keyword='+encodeURIComponent(keyword)+searchParam; } else if(LOCATION_PATHNAME.startsWith('/'+LOCALE_ID+'/sustainability/focus/news-detail/')){ LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/focus/news-video' } else if(LOCATION_PATHNAME === '/'+LOCALE_ID+'/sustainability' || LOCATION_PATHNAME === '/'+LOCALE_ID+'/sustainability/' ){ LOCATION_PATHNAME_TARGET_LANG='/global/sustainability/main'; } else { let LOCATION_HASH1 = window.location.hash.substring(1); if(LOCATION_HASH1 != ''){ LOCATION_PATHNAME_TARGET_LANG = LOCATION_PATHNAME_TARGET_LANG + "#"+LOCATION_HASH1; } } // console.log("LOCALE_ID ", LOCALE_ID); // console.log("LOCATION_PATHNAME ", LOCATION_PATHNAME); // console.log("LOCATION_PATHNAME_TARGET_LANG ", LOCATION_PATHNAME_TARGET_LANG); window.location.href=LOCATION_PATHNAME_TARGET_LANG; } // contact us alert const receiptAlert = function () { const layer = document.querySelector('.this-layer'); const popup = layer.closest('.popup'); layer.remove(); const alertHtml = `<div class="alert-area" tabindex="0"><div class="alert-area-wrap"><div><strong>문의 접수가 완료되었습니다.</strong><p>빠른 시일 내에 작성해주신 이메일로 답변드리겠습니다.</p><button class="btn black receipt-done" type="button">확인</button></div></div><button class="popup-close black receipt-close" type="button"><span class="blind">알림 닫기</span></button></div>`; popup.innerHTML = alertHtml; const receiptDone = popup.querySelector('.receipt-done'); const receiptClose = popup.querySelector('.receipt-close'); receiptDone.addEventListener('click', () => { popup.remove(); document.body.classList.remove('stop'); }); receiptClose.addEventListener('click', () => { popup.remove(); document.body.classList.remove('stop'); }); } // 동의서 보기 콜백 const infoCallback = function () { console.log('동의서보기') } // contact 콜백 const contactCallback = function () { // select box const layer = document.querySelector('.this-layer'); const allEl = layer.querySelectorAll('*'); const selectBoxs = layer.querySelectorAll('.select-list'); allEl.forEach((item, index) => { item.addEventListener('click', (e) => { if (e.target.tagName !== 'BUTTON' && e.target.tagName !== 'A') { [...selectBoxs].map((b, i) => { b.style.display = 'none' }); } }); }); const selectBtns = document.querySelectorAll('.popup-area .btn-select'); selectBtns.forEach((btn, idx) => { btn.addEventListener('click', (e) => { e.target.nextElementSibling.style.display = 'block'; }); }); const optionBtn1 = document.querySelectorAll('.popup-area #contactFormContinentId a'); optionBtn1.forEach((opt, idx) => { opt.addEventListener('click', (e) => { const myTxt = e.target.innerText; document.querySelector('#contactFormContinent').value=myTxt; const myArea = e.target.closest('.select-list'); const myGroup = myArea.querySelectorAll('li'); myArea.previousElementSibling.innerText = myTxt; getLocations(e.target); myArea.style.display = 'none'; }); }); const optionBtn3 = document.querySelectorAll('.popup-area #contactFormCategoryId a'); optionBtn3.forEach((opt, idx) => { opt.addEventListener('click', (e) => { const myTxt = e.target.innerText; document.querySelector('#contactFormCategory').value=myTxt; const myArea = e.target.closest('.select-list'); const myGroup = myArea.querySelectorAll('li'); myArea.previousElementSibling.innerText = myTxt; myArea.style.display = 'none'; }); }); const contactFormCountryButton = document.querySelector('.popup-area #contactFormCountryButton'); const contactFormCountryId = document.querySelector('.popup-area #contactFormCountryId'); const contactFormCountryButtonHtml = contactFormCountryButton.innerHTML; const getLocations = function (e) { contactFormCountryButton.innerHTML=contactFormCountryButtonHtml; const xmLHttpRequest = new XMLHttpRequest(); xmLHttpRequest.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { if (this.responseText != '') { const obj = JSON.parse(this.responseText); const contactLocationUl = contactFormCountryId.querySelector("ul"); obj.forEach((result, index) => { let li = "" + "<li><a href=\"javascript:void(0);\" >" + result['label'] + "</a></li>"; contactLocationUl.insertAdjacentHTML("afterbegin", li); contactLocationUl.querySelector("a").addEventListener('click', (e) => { const myTxt = e.target.innerText; const myArea = e.target.closest('.select-list'); document.querySelector('#contactFormCountry').value=myTxt; myArea.previousElementSibling.innerText = myTxt; myArea.style.display = 'none'; }); }); } } }; xmLHttpRequest.open('GET', "/sec/sustainability/contact/popup/contact-code?parentCode="+ e.getAttribute('data-code'), false); xmLHttpRequest.send(); } //// contact us send // start const alertCallBack = function (){ } const contactBtn = document.querySelector(".popup-area .contact-btn"); let contactBtnCnt = 0; contactBtn.addEventListener('click', function(e) { if(contactBtnCnt>0){return;} const contactForm = document.querySelector(".popup-area #contactForm"); if(contactForm.continent.value == ''){ interaction.alertCall({ mainText:contactForm.continent.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:document.getElementById("contactFormContinentId"), } ) return false; } if(contactForm.country.value == ''){ interaction.alertCall({ mainText:contactForm.country.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:document.getElementById("contactFormCountryId"), } ) return false; } if(contactForm.category.value == ''){ interaction.alertCall({ mainText:contactForm.category.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:document.getElementById("contactFormCategoryId"), } ) return false; } if(contactForm.company.value == ''){ interaction.alertCall({ mainText:contactForm.company.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.company, } ) return false; } if(contactForm.name.value == ''){ interaction.alertCall({ mainText:contactForm.name.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.name, } ) return false; } if(contactForm.email.value == ''){ interaction.alertCall({ mainText:contactForm.email.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.email, } ) return false; } if(contactForm.title.value == ''){ interaction.alertCall({ mainText:contactForm.title.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.title, } ) return false; } if(contactForm.content.value == ''){ interaction.alertCall({ mainText:contactForm.content.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.content, } ) return false; } if(!contactForm.allap1.checked){ interaction.alertCall({ mainText:contactForm.allap1.placeholder, subText:'', doneCallback:alertCallBack, closeCallback:alertCallBack, cbTarget:contactForm.allap1, } ) return false; } // e.preventDefault(); let data = new FormData(contactForm); contactBtnCnt++; const xmLHttpRequest = new XMLHttpRequest(); xmLHttpRequest.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { if (this.responseText != '') { const obj = JSON.parse(this.responseText); console.log(obj); if(obj['result'] == "ok"){ receiptAlert(); // document.body.classList.remove('stop'); } } } }; xmLHttpRequest.open('POST', "/sec/sustainability/contact/popup/contact-send", false); xmLHttpRequest.setRequestHeader(document.getElementById("_csrf_header").getAttribute('content'), document.getElementById("_csrf").getAttribute('content')) xmLHttpRequest.send(data); return false; }); //// contact us send end // } </script> </footer> <!-- 팝업 관련 --> <script> window.addEventListener('load', function() { //팝업 레이어 동작 let popupId = window.location.hash.substring(1) if (popupId != '' && popupId != 'news-filter-area' && popupId != 'contactLearnMore' && popupId.indexOf("anchor") == -1 ) { let popupUrl = '/sec/sustainability/popup/popup_doc/' + popupId; console.log('popupUrl -> ' + popupUrl); let obj = document.getElementById(popupId); interaction.popupCall(obj, popupUrl, popupId); } }); // 팝업 아코디언 & 접근성 const popup = document.querySelector('.popup') if (popup) { const aBtns2 = document.querySelectorAll('.btn-accordion'); const aBoxs2 = document.querySelectorAll('.accordion-content-list'); aBtns2.forEach((btn, index) => { btn.addEventListener('click', (e) => { const myBox = e.target.closest('.list-box-layout').nextElementSibling; if(e.target.classList.contains('active')) { e.target.classList.remove('active'); myBox.classList.remove('active'); e.target.querySelector('.blind').innerText = '열기'; } else { [...aBtns2].map((b, i) => { // 접근성 수정 1차 if (i === index) { b.classList.add('active'); b.querySelector('.blind').innerText = '닫기'; } else { b.classList.remove('active'); b.querySelector('.blind').innerText = '열기'; } }); [...aBoxs2].map((b, i) => { i === index ? b.classList.add('active') : b.classList.remove('active'); }); e.target.querySelector('.blind > span').innerText = '닫기'; } }); }); } </script> <script> const userwayDataAccount="rEcm9PopfA"; (function(d){var s = d.createElement("script");s.setAttribute("data-account", userwayDataAccount);s.setAttribute("src", "https://cdn.userway.org/widget.js");(d.body || d.head).appendChild(s);})(document) </script> <div class="search full-search-area"><!--240319 tabindex="0" 삭제--> <div class="full-popup pc-only off"> <div class="search-box-wrap" tabindex="0"><!--240319 구조추가 tabindex="0" --> <div class="form-box search-box"> <label for="search_input_pc" class="blind">통합 검색</label> <input type="text" id="search_input_pc" placeholder="환경"> <button type="button" class="btn-search" id="search_button_pc"> <span class="blind">검색하기</span> </button> <button type="button" class="btn-clear"> <span class="blind">텍스트 삭제</span> </button> </div> <!-- 입력 전 히스토리 레이어 s --> <div data-id="keyword_history" class="search-layer" style="display: block;"> <div class="keyword_history-inner"> <div class="history"> <strong>검색 히스토리</strong> <ul class="history-list" id="pc-history-list"> </ul> </div> </div> <div class="btn-area"> <button type="button" class="btn btn-all-delete">검색 히스토리 전체 삭제</button> <button type="button" class="btn btn-layer-close">닫기</button> </div> </div> <!-- // 입력 전 히스토리 레이어 e --> <!-- 입력 후 자동검색 레이어 s --> <div data-id="keyword_auto" class="search-layer auto"> <div class="auto-keyword"> <ul id="pc-keyword-auto-ul"> </ul> </div> </div> <!-- // 입력 후 자동검색 레이어 e --> </div> <!-- yb 접근성 이슈로 인해 --> <button type="button" class="btn-popup-close" hidden="hidden"> <span class="blind">검색 팝업창 닫기</span> </button> </div> <!-- only pc e --> <!-- only mobile s --> <div class="full-page mo-only off"> <div class="top"> <!-- 접근성 수정 1차 - a태그 수정 --> <a href="javascript:void(0);" class="btn btn-back" title="이전페이지로 돌아가기" tabindex="0"></a> <!-- // 접근성 수정 1차 - a태그 수정 --> <div class="form-box search-box"> <label for="search_input_mobile" class="blind">통합 검색</label> <input type="text" id="search_input_mobile" placeholder="환경"> <button type="button" class="btn-search" id="search_button_mobile" > <span class="blind">검색하기</span> </button> <button type="button" class="btn-clear"> <span class="blind">텍스트 삭제</span> </button> </div> </div> <!-- 입력 전 히스토리 s --> <div data-id="keyword_history" class="search-layer" style="display: block"> <div class="history"> <strong>검색 히스토리</strong> <ul class="history-list" id="mo-history-list"> </ul> <button type="button" class="btn btn-all-delete">전체 삭제</button> </div> </div> <!-- // 입력 전 히스토리 e --> <!-- 입력 후 자동검색 레이어 s --> <div data-id="keyword_auto" class="search-layer auto" style="display:block"> <div class="auto-keyword"> <ul id="mo-keyword-auto-ul"> </ul> </div> </div> <!-- // 입력 후 자동검색 레이어 e --> <!-- 접근성 수정 1차 - 태그 제거 --> <!-- <button type="button" class="btn-popup-close">--> <!-- <span class="blind">검색 팝업창 닫기</span>--> <!-- </button>--> <!-- // 접근성 수정 1차 - 태그 제거 --> </div> <!-- only mobile e --> </div> <script> window.addEventListener('load', function() { let localeIdForSearchPopup = "sec"; // 검색창 열기 const searchBtn = document.querySelector('.pc-only .util > li:first-child > a'); if (searchBtn) { searchBtn.addEventListener('click', function() { const searchPopup = document.querySelector('.full-popup'); const pcSearchBoxWrap = document.querySelector('.pc-only .search-box-wrap');//240319 const searchMoPopup = document.querySelector('.full-page'); //const fullSearchArea = document.querySelector('.full-search-area'); // 검색 시 tab focus 기능 추가 //fullSearchArea.focus();//240319 searchPopup.classList.remove('off'); pcSearchBoxWrap.focus();//240319 레이어팝업에 포커스 searchMoPopup.classList.remove('off'); getSearchHistory(); loopFocus(searchPopup); // 240419 검색팝업 포커스 루프 추가 }); } // 검색팝업 포커스 루프 function loopFocus(tgPopup) { const tgFirstEl = tgPopup.querySelector('.form-box.search-box input'); const tgLastEl = tgPopup.querySelector('.btn-layer-close'); // [24.04.26] 접근성, 마지막 포커스 변경 tgPopup.addEventListener('keydown', function (event) { if (event.key === 'Tab') { if (event.shiftKey) { if (document.activeElement === tgFirstEl) { event.preventDefault(); tgLastEl.focus(); } } else { if (document.activeElement === tgLastEl) { event.preventDefault(); tgFirstEl.focus(); } } } }); } // 검색창 열기 모바일 const moSearchBtn = document.querySelector('.mo-only .util > li:first-child > a'); if (moSearchBtn) { moSearchBtn.addEventListener('click', function() { const searchPopup = document.querySelector('.full-popup'); const searchMoPopup = document.querySelector('.full-page'); const fullSearchArea = document.querySelector('.full-search-area');// 검색 시 tab focus 기능 추가 fullSearchArea.setAttribute('tabindex', '0');//240319 추가 fullSearchArea.focus(); searchPopup.classList.remove('off'); searchMoPopup.classList.remove('off'); getSearchHistory(); disablePageFocus(); // [24.04.25] Android search popup focus 추가 }); } // [24.04.25] Android search popup focus 추가 function disablePageFocus() { document.querySelector("#contents").setAttribute("aria-hidden", "true"); document.querySelector("footer").setAttribute("aria-hidden", "true"); document.querySelector("header").setAttribute("aria-hidden", "true"); } function enablePageFocus() { document.querySelector("#contents").setAttribute("aria-hidden", "false"); document.querySelector("footer").setAttribute("aria-hidden", "false"); document.querySelector("header").setAttribute("aria-hidden", "false"); } // page 내부 javascript start const pcLayers = document.querySelectorAll('.pc-only .search-layer'); const moLayers = document.querySelectorAll('.mo-only .search-layer'); //검색어 히스토리 레이어 닫기 const keywordClose = document.querySelector('.btn-layer-close'); keywordClose.addEventListener('click', function() { pcLayers.forEach((layer, index) => { document.querySelector('.full-popup').classList.add('off'); }); searchBtn.focus(); }); const searchFieldPc = document.getElementById('search_input_pc'); searchFieldPc.addEventListener("keyup", function() { const clearBtn = this.closest('.search-box').querySelector('.btn-clear'); if (this.value !== '') { clearBtn.style.display = 'block'; } else { clearBtn.style.display = 'none'; } }); // 검색 자동완성 보이기/감추기 (mobile) const searchFieldMobile = document.getElementById('search_input_mobile'); searchFieldMobile.addEventListener("keyup", function() { const clearBtn = this.closest('.search-box').querySelector('.btn-clear'); if (this.value !== '') { clearBtn.style.display = 'block'; } else { clearBtn.style.display = 'none'; } }); // 검색창 닫기 수정 const closeBtn = document.querySelector('.full-popup.pc-only .btn-layer-close'); // [24.04.26] 접근성 const searchPopup = document.querySelector('.full-popup'); const closeMoBtn = document.querySelector('.search .btn-back'); const searchMoPopup = document.querySelector('.full-page'); // pc closeBtn.addEventListener('click', () => { searchPopup.classList.add('off'); searchMoPopup.classList.add('off'); searchBtn.focus(); }); // mobile closeMoBtn.addEventListener('click', () => { searchPopup.classList.add('off'); searchMoPopup.classList.add('off'); moSearchBtn.focus(); enablePageFocus(); // [24.04.25] Android search popup focus 추가 }); const searchCookieName = "keywordHistory"; const setSearchCookie = function(value) { if(value==''){ return; } let todayDate = new Date(); todayDate.setDate(todayDate.getDate() + 9999); let searchCookie = getSearchCookie(); if( searchCookie==undefined){ searchCookie=""; } let hists = searchCookie.split(","); let findValueCnt=0; hists.forEach((result, index) => { if( result == value ){ findValueCnt++; } }); if(findValueCnt==0){ if(searchCookie==""){ searchCookie = value; }else{ // 쿠키에 5개 차있으면 가장 오래된것 삭제하여 항상 5개 유지 if(hists.length == 5){ const removeTarget = hists[0]; removeSearchCookie(removeTarget); searchCookie = getSearchCookie(); } searchCookie = searchCookie + "," + value; } } document.cookie = searchCookieName+"=" + encodeURIComponent(searchCookie) + "; path=/; expires=" + todayDate + ";" } const removeSearchCookie = function(value) { if(value==''){return;} let todayDate = new Date(); todayDate.setDate(todayDate.getDate() + 9999); let searchCookie = getSearchCookie(); if( searchCookie==undefined){searchCookie="";} let hists = searchCookie.split(","); let newSearchCookie=""; hists.forEach((result, index) => { // if(index < 8){ if( result != value ){ if(newSearchCookie == ""){ if(result != ''){newSearchCookie=result;} }else{newSearchCookie=newSearchCookie+ "," +result;} } // } }); document.cookie = searchCookieName+"=" + newSearchCookie + "; path=/; expires=" + todayDate + ";" } const removeAllSearchCookie = function() { document.cookie = searchCookieName+"=; path=/; expires=-1;" } const getSearchCookie = function() { let name = searchCookieName; let matches = document.cookie.match(new RegExp( "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); return matches ? decodeURIComponent(matches[1]) : undefined; } const getSearchHistory = function() { const pcHistoryList = document.getElementById("pc-history-list"); const moHistoryList = document.getElementById("mo-history-list"); let searchCookie = getSearchCookie(); if( searchCookie==undefined){ searchCookie=""; } pcHistoryList.innerHTML=""; moHistoryList.innerHTML=""; let hists = searchCookie.split(","); hists.forEach((result, index) => { if(result!='' && index < 5){ let li="" + "<li><button style='cursor: pointer' type='button' data-word='"+ result +"'>" + result + "</button>" + " <button type=\"button\" class=\"btn-del\" data-word=\""+ result +"\">\n" + " <span class=\"blind\">삭제</span>\n" + " </button>" + "</li>"; pcHistoryList.insertAdjacentHTML("afterbegin", li); moHistoryList.insertAdjacentHTML("afterbegin", li); } }); //한번씩만 호출하도록 순서 변경 pcHistoryList.childNodes.forEach((child, index) => { child.firstChild.addEventListener('click',function(event) { // setSearchCookie(event.target.getAttribute('data-word')); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(event.target.getAttribute('data-word')); }); child.firstChild.addEventListener('keyup',function(event) { if (event.key == 'Enter') { location.href = "/" + localeIdForSearchPopup + "/sustainability/search/search-result?keyword=" + encodeURIComponent(event.target.getAttribute('data-word')); } }); child.lastChild.addEventListener('click',function(event) { removeSearchCookie(event.target.getAttribute('data-word') ); event.target.parentElement.remove(); }); }); moHistoryList.childNodes.forEach((child, index) => { child.firstChild.addEventListener('click',function(event) { // setSearchCookie(event.target.getAttribute('data-word')); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(event.target.getAttribute('data-word')); }); child.firstChild.addEventListener('keyup',function(event) { // setSearchCookie(event.target.getAttribute('data-word')); if (event.key == 'Enter') { location.href = "/" + localeIdForSearchPopup + "/sustainability/search/search-result?keyword=" + encodeURIComponent(event.target.getAttribute('data-word')); } }); child.lastChild.addEventListener('click',function(event) { removeSearchCookie(event.target.getAttribute('data-word') ); event.target.parentElement.remove(); }); }); } //PC 텍스트 삭제 버튼 const pcClearBtn = document.querySelector('.pc-only .search-box .btn-clear'); pcClearBtn.addEventListener('click', () => { searchFieldPc.value=""; pcClearBtn.style.display = 'none'; }); //모바일 텍스트 삭제 버튼 const moClearBtn = document.querySelector('.mo-only .search-box .btn-clear'); moClearBtn.addEventListener('click', () => { searchFieldMobile.value=""; moClearBtn.style.display = 'none'; }); const goSearchResult = function(objSearchFiled){ let keywords = objSearchFiled.value; if(keywords == ''){ keywords=objSearchFiled.getAttribute("placeholder"); } setSearchCookie(keywords); location.href="/"+localeIdForSearchPopup+"/sustainability/search/search-result?keyword="+encodeURIComponent(keywords); } if(searchFieldPc){ searchFieldPc.addEventListener('keyup', function (event) { if (event.key == 'Enter'){ goSearchResult(searchFieldPc); } }); } if(searchFieldMobile){ searchFieldMobile.addEventListener('keyup', function (event) { if (event.key == 'Enter'){ goSearchResult(searchFieldMobile); } }); } const pcSearchButton = document.getElementById('search_button_pc'); const moSearchButton = document.getElementById('search_button_mobile'); if(pcSearchButton){ pcSearchButton.addEventListener('click', function (event) { goSearchResult(searchFieldPc); }); } if(moSearchButton){ moSearchButton.addEventListener('click',function (event) { goSearchResult(searchFieldMobile); }); } const pcBtnAllDelete = document.querySelector('.pc-only .search-layer .btn-all-delete'); pcBtnAllDelete.addEventListener('click',function() { const pcHistoryList = document.getElementById("pc-history-list"); const moHistoryList = document.getElementById("mo-history-list"); removeAllSearchCookie(); pcHistoryList.innerHTML=""; moHistoryList.innerHTML=""; }); const moBtnAllDelete = document.querySelector('.mo-only .search-layer .btn-all-delete'); moBtnAllDelete.addEventListener('click',function() { const pcHistoryList = document.getElementById("pc-history-list"); const moHistoryList = document.getElementById("mo-history-list"); removeAllSearchCookie(); pcHistoryList.innerHTML=""; moHistoryList.innerHTML=""; }); }); </script> <script type="text/javascript"> // [24.06.21][HJR] 6월 업데이트 수정 // map tab [24.05][IYR] - 6월업데이트 const mapList = document.querySelectorAll('.map-tab-list > li'); const mapBtns = document.querySelectorAll('.map-tab-list > li > a'); const maps = document.querySelectorAll('.map-panel-wrap > div'); const mapDefault = document.querySelector('.map-default'); mapBtns.forEach((btn, index) => { btn.addEventListener('click', (e) => { [...mapList].map((li, i) => { i === index ? li.classList.add('active') : li.classList.remove('active'); }); [...maps].map((div, i) => { i === index ? div.style.display = 'block' : div.style.display = 'none'; }); mapDefault.style.display = 'none'; // [24.08.06][HJR] 접근성 수정 }); }); // accordion initAccordion(); // [24.05] 고도화 ⑤-1 - accordion JS 공통화 document.addEventListener('DOMContentLoaded', () => { new MoSwiper(".swiper.swiper-cases"); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10