CINXE.COM

[다시 쓰는 ESG ④] ESG시대에 사회적 가치 고민하는 기업들 < 다시 쓰는 ESG < 오피니언 < 기사본문 - 소셜임팩트뉴스

<!doctype html> <html class="no-js" lang="ko" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=1200"> <meta name="apple-mobile-web-app-title" content="소셜임팩트뉴스" /> <meta name="robots" content="max-image-preview:large"> <!-- 메타태그정보 //--> <meta name="title" content="[다시 쓰는 ESG ④] ESG시대에 사회적 가치 고민하는 기업들"/> <meta name="description" content="취약지역에 선보인 ‘커뮤니티 매장’뉴욕의 Harlem(할렘)은 맨해튼 북쪽에 위치한 지역으로, 아프리카계 미국인의 문화와 예술이 강하게 자리잡은 곳이다. 그 특유의 다채로운 문화와 예술적 분위기로 유명하며, 여러 세대에 걸쳐 재즈, 블루스, 시각 예술의 중심지로 여겨져 왔다. 2010"/> <meta name="Classification" content="오피니언 &gt; 다시 쓰는 ESG"/> <meta name="Copyright" content="소셜임팩트뉴스"/> <meta name="author" content="이노소셜랩 서진석 연구위원"/> <meta name="referrer" content="no-referrer-when-downgrade" /> <meta property="og:site_name" content="소셜임팩트뉴스"/> <meta property="og:image" content="https://cdn.socialimpactnews.net/news/thumbnail/202411/3023_5528_1611_v150.jpg" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://www.socialimpactnews.net/news/articleView.html?idxno=3023" /> <meta property="og:title" content="[다시 쓰는 ESG ④] ESG시대에 사회적 가치 고민하는 기업들" /> <meta property="og:description" content="취약지역에 선보인 ‘커뮤니티 매장’뉴욕의 Harlem(할렘)은 맨해튼 북쪽에 위치한 지역으로, 아프리카계 미국인의 문화와 예술이 강하게 자리잡은 곳이다. 그 특유의 다채로운 문화와 예술적 분위기로 유명하며, 여러 세대에 걸쳐 재즈, 블루스, 시각 예술의 중심지로 여겨져 왔다. 2010" /> <meta property="og:article:author" content="이노소셜랩 서진석 연구위원"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="[다시 쓰는 ESG ④] ESG시대에 사회적 가치 고민하는 기업들"/> <meta name="twitter:description" content="취약지역에 선보인 ‘커뮤니티 매장’뉴욕의 Harlem(할렘)은 맨해튼 북쪽에 위치한 지역으로, 아프리카계 미국인의 문화와 예술이 강하게 자리잡은 곳이다. 그 특유의 다채로운 문화와 예술적 분위기로 유명하며, 여러 세대에 걸쳐 재즈, 블루스, 시각 예술의 중심지로 여겨져 왔다. 2010"/> <meta name="twitter:image" content="https://cdn.socialimpactnews.net/news/thumbnail/202411/3023_5528_1611_v150.jpg"/> <meta name="twitter:site" content="https://www.socialimpactnews.net/news/articleView.html?idxno=3023"/> <meta name="twitter:creator" content="이노소셜랩 서진석 연구위원"/> <meta property="dable:item_id" content="3023"> <meta property="dable:author" content="이노소셜랩 서진석 연구위원"> <meta property="article:section" content="오피니언"> <meta property="article:section2" content="다시 쓰는 ESG"> <meta property="article:published_time" content="2024-11-21T08:26:17+09:00"> <!--// 메타태그정보 --> <link rel="shortcut icon" href="https://cdn.socialimpactnews.net/image/logo/favicon.png"> <title>[다시 쓰는 ESG ④] ESG시대에 사회적 가치 고민하는 기업들 < 다시 쓰는 ESG < 오피니언 < 기사본문 - 소셜임팩트뉴스</title> <link rel="alternate" type="application/rss+xml" href="https://cdn.socialimpactnews.net/rss/gns_allArticle.xml"/> <link rel="canonical" id="canonical" href="https://www.socialimpactnews.net/news/articleView.html?idxno=3023" /> <link rel="amphtml" href="https://www.socialimpactnews.net/news/articleViewAmp.html?idxno=3023"> <!-- 구글AMP태그 --> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/jquery-ui.min.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/slick.min.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/jquery.timepicker.css" /> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/adManager/css/adManager.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/foundation.min.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/custom.foundation.min.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/webfonts.min.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/font.style.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/media.min.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/autobox.style.min.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/templates.style.min.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/plugin.style.min.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/style.min.css"> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/design.style.css"><link rel="stylesheet" href="https://cdn.socialimpactnews.net/menuskin/pd_02/menubar.css"> <script src="https://cdn.socialimpactnews.net/script/jquery.min.js"></script> <script src="https://cdn.socialimpactnews.net/script/jquery-ui.min.js"></script> <script src="https://cdn.socialimpactnews.net/script/slick.min.js"></script> <script src="https://cdn.socialimpactnews.net/script/jquery.rwdImageMaps.min.js"></script> <script src="https://cdn.socialimpactnews.net/script/what-input.js"></script> <script src="https://cdn.socialimpactnews.net/script/foundation.min.js"></script> <script src="https://cdn.socialimpactnews.net/menuskin/pd_02/menubar.js"></script> <script src="https://cdn.socialimpactnews.net/script/user.style.js"></script> <script src="https://cdn.socialimpactnews.net/script/clipboard.min.js"></script> <script src="https://cdn.socialimpactnews.net/script/jquery.timepicker.min.js"></script> <script src="https://cdn.socialimpactnews.net/script/jquery.tabslet.min.js"></script> <script src="https://cdn.socialimpactnews.net/script/common.js"></script> <!--[if lt IE 10]> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/css/style.ie9.css"> <script src="https://cdn.socialimpactnews.net/script/html5shiv.min.js"></script> <![endif]--> <script type="text/javascript"> $(document).ready(function(e) { // 이미지맵 $('img[usemap]').rwdImageMaps(); bannerpop.banner(".banner_event_box"); // 기능성배너 이벤트 bannerpopMulti.bannerLoad(); // 멀티 기능성 배너 이벤트 // 기사뷰 이미지관련 resizePhoto(); // 기사본문 부분 복사하기 저작권 표시 $('#article-view-content-div').on('copy', function(e){ var sel = window.getSelection(); var copyFooter = "<br/><br/>출처 : 소셜임팩트뉴스(https://www.socialimpactnews.net)<br/>"; var copyHolder = $('<div>', {html: sel+copyFooter, id:'copy_text', css: {position: 'absolute', left: '-99999px'}}); $('body').append(copyHolder); var str = $('#copy_text').html(); $('#copy_text').html(str.replace(/(\r\n|\n|\r)/gm, "<br />")); sel.selectAllChildren( copyHolder[0] ); window.setTimeout(function() { copyHolder.remove(); },0); }); }); // 도메인 var SITE_DOMAIN = 'https://www.socialimpactnews.net' ,CDN_DOMAIN = 'https://cdn.socialimpactnews.net' ,___currentTime = 1733037236; // 즐겨찾기 스크립트 function bookmark() { window.external.AddFavorite("https://www.socialimpactnews.net", "소셜임팩트뉴스") } </script> <style type="text/css"> /* 사이트 기본 색 */ .user-point,a.user-point, .poll-columns .poll-state.going {color:#000 !important} .user-bg,.user-bg:hover,.user-bg:active,.user-bg:focus,li[id*="slick-"].slick-active button[data-role],.tabs .is-active a, .checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, .radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before, .poll-view .poll-view-state.going,.poll-view .poll-radio input[type="radio"]:checked + label::before,.poll-view .poll-radio input[type="checkbox"]:checked + label::before, .nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label {background-color:#000 !important} .user-border, .checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, .radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before, .poll-view .poll-radio input[type="radio"] + label:hover strong::before,.poll-view .poll-radio input[type="checkbox"] + label:hover strong::before, .poll-view .poll-radio input[type="radio"]:checked + label strong::before,.poll-view .poll-radio input[type="checkbox"]:checked + label strong::before, #gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content.slick-current::before {border-color:#000 !important} .user-border-top {border-top-color:#000 !important} .user-border-bottom {border-bottom-color:#000 !important} .user-border-left {border-left-color:#000 !important} .user-border-right {border-right-color:#000 !important} .checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, .radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before {opacity:.3} .checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, .radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before {opacity:initial} /* view */ @media screen and (max-width: 1320px) { #sticky-header .aht-btn {display:none !important} } /* site size */ .width-1200 {width:1200px} .max-width-1200 {max-width:1200px} .min-width-1200 {min-width:1200px} </style> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-D9FLYVHQCX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-D9FLYVHQCX'); </script> <!-- 네이버 서치어드바이저 소유확인 메타태그 --> <meta name="naver-site-verification" content="fcd5448e79e4e40d7bc4f9499f0a622f1b93e047" /> <!-- Naver Analytics --> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "19f84325f58dae0"; if(window.wcs) { wcs_do(); } </script> <!-- Naver Analyticss --> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "1158d2e99131ee0"; if(window.wcs) { wcs_do(); } </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WV25XYGYPB"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WV25XYGYPB', { 'campaign_source': '오피니언', 'campaign_medium': 'Article View Page', 'campaign_name' : 'WRITER-3' }); </script> </head> <body class=" " style=""> <nav class="skip-nav"> <a href="#user-menu" onclick="document.getElementById('user-menu').tabIndex = -1;document.getElementById('user-menu').focus();return false;" class="user-border"><span>주요서비스 바로가기</span></a> <a href="#user-container" onclick="document.getElementById('user-container').tabIndex = -1;document.getElementById('user-container').focus();return false;" class="user-border"><span>본문 바로가기</span></a> <a href="#user-footer" onclick="document.getElementById('user-footer').tabIndex = -1;document.getElementById('user-footer').focus();return false;" class="user-border"><span>매체정보 바로가기</span></a> <a href="#userLogin" onclick="document.getElementById('userLogin').tabIndex = -1;document.getElementById('userLogin').focus();return false;" class="user-border"><span>로그인 바로가기</span></a> <a href="#userSearch" onclick="document.getElementById('userSearch').tabIndex = -1;document.getElementById('userSearch').focus();return false;" class="user-border"><span>기사검색 바로가기</span></a> <a href="#allService" onclick="document.getElementById('allService').tabIndex = -1;document.getElementById('allService').focus();return false;" class="user-border"><span>전체서비스 바로가기</span></a> </nav> <!--[if lt IE 10]> <div id="ie9-guide"> <div class="ie9-wrapper border-box"> <p class="guide-txt"> 잠깐! 현재 Internet Explorer 8이하 버전을 이용중이십니다. 최신 브라우저(Browser) 사용을 권장드립니다! </p> <div class="guide-right"> <dl class="ie9-down nobr"> <dt><i class="icon ie-logo">ie</i></dt> <dd> <span>인터넷 익스플로러 11</span> <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">다운로드</a> </dd> </dl> <dl class="ie9-down"> <dt><i class="icon cr-logo">chrome</i></dt> <dd> <span>구글 크롬</span> <a href="http://www.google.com/chrome/" target="_blank">다운로드</a> </dd> </dl> <dl class="ie9-down"> <dt><i class="icon ff-logo">firefox</i></dt> <dd> <span>모질라 파이어폭스</span> <a href="http://www.mozilla.or.kr/" target="_blank">다운로드</a> </dd> </dl> </div> </div> </div> <![endif]--> <div class="off-canvas-wrapper"> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> <div class="off-canvas-content" data-off-canvas-content> <!-- wrap //--> <div id="user-wrap" class="min-width-1200"> <div id="user-wrapper"> <!-- header //--> <header id="user-header" class="posi-re float-center"> <div class="clearfix text-center"> </div> <style type="text/css"> #header-wrapper.basic, #header-wrapper .mode-inner, #nav-header {width:1200px} /* 1차 #user-nav .user-menu > .secline > a.a-hover {color:#000} */ /* 2차 - vertical */ #header-wrapper.vertical #user-nav .user-menu .secline > ul {border-color:#000} /* 2차 - 배경 slideDown */ #header-wrapper.horizon #user-nav.active::before {border-top-color:#000} /* 2차 - vertical & use autobox */ #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {width:1200px;padding-right:calc(1200px - 300px)} #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a.a-sub-hover, #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a:hover {color:#fff;background-color:#000} </style> <!-- 메뉴 시작 //--> <div id="header-wrapper" class="horizon full left " data-main-code="S1N8" data-sub-code="/news/articleView.html" data-serial-code="SRN28" data-multi-code=""> <!-- 최상단영역 //--> <div id="user-gnb"> <div class="mode-inner"> <!-- 최종편집 //--> <div class="user-intro">UPDATED. 2024-12-01 16:00 (일) </div> <!--// 최종편집 --> <!-- 로그인 //--> <ul id="userLogin" class="user-logbox no-bullet"> <li><a href="https://www.socialimpactnews.net/member/login.html" target="_top">로그인</a></li> <li><a href="https://www.socialimpactnews.net/member/index.html" target="_top">회원가입</a></li> </ul> <!--// 로그인 --> </div> </div> <!--// 최상단영역 --> <!-- 로고영역 //--> <header id="nav-header"> <div class="user-logo text-left"> <a href="https://www.socialimpactnews.net" target="_top"> <img src="https://cdn.socialimpactnews.net/image/logo/toplogo_20240401103136.png" alt="소셜임팩트뉴스"> </a> </div> <div class="user-banner"> </div> <!-- 전체 <button type="button" class="user-allbtn" title="전체메뉴" data-toggle="offCanvas"> <i class="icon-bars"><span class="show-for-sr">전체메뉴 버튼</span></i> </button> 전체 --> </header> <!--// 로고영역 --> <!-- 메뉴바 //--> <nav id="user-nav"> <div class="mode-inner"> <!-- 섹션 //--> <ul id="user-menu" class="user-menu no-bullet"> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top" data-code="S1N1">비즈니스</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top" data-code="S1N2">비영리</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top" data-code="S1N3">정책/사회</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top" data-code="S1N4">경제/금융</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?box_idxno=42&view_type=sm" target="_top" data-code="42">인물</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top" data-code="S1N6">글로벌</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_area_code=ALL&view_type=sm" target="_top" data-code="ALL">로컬</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top" data-code="S1N8">오피니언</a> <ul class="no-bullet"> </ul> </li> </ul> <!--// 섹션 --> <!-- 검색 //--> <div id="userSearch" class="user-search"> <fieldset class="user-search-form"> <form name="head-search" method="get" action="/news/articleList.html"> <input type="hidden" name="sc_area" value="A"> <input type="hidden" name="view_type" value="sm"> <label class="show-for-sr" for="search">기사검색</label> <input type="text" name="sc_word" id="search" onkeydown="if(event.keyCode==13){if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');return false;}}" placeholder="검색어를 입력하세요" title="기사검색"> <button type="button" title="기사검색" onclick="if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');this.form.sc_word.focus();return false;}"><i class="icon-search-thin"></i><span class="show-for-sr">검색</span></button> </form> </fieldset> </div> <!--// 검색 --> </div> </nav> <!--// 메뉴바 --> </div> <!--// 메뉴 끝 --> <script type="text/javascript"> <!-- //메뉴 스타일 불러옴 : 메뉴 /script/menubar.js 와 같이 사용되어야 함 var menuIndexHold = false, menuOverHold = true, submenuStyle = "horizon", sizeMode = "full", subShow = "hidden", submenuPosi = "left", effectSwitch = "off", subSlideSpeed = 150, subFadeSpeed = 150; $(document).ready(function(){ // TOP10 자동박스 hover effect var autoboxWrap = $('.user-auto-box') , autoDefault = autoboxWrap.find('.auto-default') , autoHover = autoboxWrap.find('.auto-hover'); autoDefault.on('mouseenter', function(){ autoHover.fadeIn(600); autoDefault.find('.wrapper').slick('slickPause'); }); autoHover.on('mouseleave', function(){ autoHover.fadeOut(300); autoDefault.find('.wrapper').slick('slickPlay'); }); }); //--> </script> </header> <!--// header --> <!-- container //--> <section id="user-container" class="posi-re text-left float-center width-1200"> <div id="layer-popups" class="float-center width-1200"></div> <div class="posi-re float-center width-1200"><div id="floating_banner_left" class="view-aside left-wing" data-scroll="y" data-top-margin="20" data-down-margin="15" data-duration="300"> </div> <div id="floating_banner_right" class="view-aside right-wing" data-scroll="n" data-top-margin="20" data-down-margin="15" data-duration="300"> </div> </div> <!-- 날개배너 //--> <div class="posi-re float-center width-1200" id="wingBanner"> <div class="wing-banner-left"> </div> <div class="wing-banner-right"> </div> </div> <!--// 날개배너 --> <script src="https://cdn.socialimpactnews.net/script/share.sns.js"></script> <script> var site_ismobile = ''; // 현재 모바일접속 여부 var kakaojavascriptkey = 'afa247806015dbe234cc19d137be7ab2'; // 카카오앱 자바스크립트키 var articleIdxno = '3023'; var snsKakaoSend = function(sns, url, title, desc, img){ // kakao용 함수 if(sns == "kakao") { sendKakaoTalk(url, title, desc, img); }else if(sns == "kakaostory") { shareStory(url, title, desc, img); } }; $(document).ready(function(e) { var sns_clipboard = new Clipboard('.sns_clipboard'); sns_clipboard.on('success', function(e) { alert("클립보드에 복사되었습니다. \nCtrl+v해서 원하는 곳에 붙여넣으세요."); }); $('button.sns-share-btns').on('click', function(e) { var sns = $(this).data('sharesns'); var title = $(this).data('title'); var desc = $(this).data('desc'); var url = $(this).data('url'); var img = $(this).data('image'); if(sns == "link") return true; // SNS 공유 통계 집계 (공유하기에 영향을 주지않도록 체크하지는 않음) snsShareStats(articleIdxno, sns); if($.inArray(sns, ["kakao","kakaostory"])>=0){ // kakao가 이미 로딩 되었다면 실행 or not, url 로딩 시킴 if("Kakao" in window) snsKakaoSend(sns, url, title, desc, img); else{ var script=document.createElement("script"); script.src="//developers.kakao.com/sdk/js/kakao.min.js"; script.onload=function(e){ if(kakaojavascriptkey){ kakaoinit(kakaojavascriptkey); snsKakaoSend(sns, url, title, desc, img); } }; script.onerror=function(e){}; document.querySelector("head").appendChild(script); } return false; } if(sns == "band") { shareBand(url, title); }else if(sns == "telegram") { shareTelegram(url, title); }else{ shareOtherSNS(sns, title, url, img); } }); }); </script> <style type="text/css"> /* edit skin css START */ #article-view .article-view-content {display:table;width:100%;table-layout:fixed} #article-view .article-view-content > .grid {display:table-cell;width:100%;vertical-align:top} #article-view .article-view-content > .grid.side {width:364px;padding-left:64px} #article-view .grid.side .sticky {width:100%} #article-view .grid.side .sticky::after {content:'';display:table;clear:both} #article-view .sticky-article {display:block} #article-view .sticky-article::after {content:'';display:table;clear:both} #article-view .sticky-article .article-sns, #article-view .sticky-article .article-sns ~ .article-body {float:left} #article-view .sticky-article .article-sns {width:36px} #article-view .sticky-article .article-sns ~ .article-body {width:calc(100% - 36px);padding-left:40px} #article-view .article-veiw-body {margin-bottom:5rem} @media screen and (max-width: 63.9375em) { .row #article-view .article-view-content, .row #article-view .article-view-content > .grid {display:block;width:auto} .row #article-view .article-view-content {table-layout:inherit} .row #article-view .article-view-content > .grid {vertical-align:inherit} .row #article-view .article-view-content > .grid.side {padding-left:0} .row #article-view .respons-edit > [class*="float-"] {float:none !important;width:auto !important;padding:0 !important} .row #article-view .respons-edit > .float-right {display:none !important} } @media screen and (max-width: 39.9375em) { .row #article-view .sticky-article .article-sns, .row #article-view .sticky-article .article-sns ~ .article-body {float:none;width:auto} .row #article-view .sticky-article .article-sns ~ .article-body {padding-left:0} .row .sticky-container {height:auto !important} .row .sticky {position:static !important;top:auto !important;bottom:auto !important;max-width:none !important;margin:0 !important} } /* edit skin css END */ </style> <div id="article-view"> <div class="wrapper" style="max-width:1200px"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <script type="text/javascript"> // 기사면 상단 네비게이션 호출 articleHeader.setScroll(); $(window).scroll(function() { var currY = $(this).scrollTop(); var postHeight = $(this).height(); var scrollHeight = $('body').height(); var scrollPercent = (currY / (scrollHeight - postHeight)) * 100; $('.aht-bar').css('width', scrollPercent +"%"); }); </script> <!-- 기사면 상단 네비게이션 //--> <div id="sticky-header"> <!-- 이전/다음 기사 버튼 //--> <button type="button" onclick="javascript:articleHeader.move( 'prev', 'embargo_date', '1732145177_3023', 'S1N8', '', 'SRN28');" class="aht-btn prev" title="이전기사" tabindex="-1"><i class="icon-angle-left-thin"></i><span class="show-for-sr">이전 기사보기</span></button> <button type="button" onclick="javascript:articleHeader.move( 'next', 'embargo_date', '1732145177_3023', 'S1N8', '', 'SRN28');" class="aht-btn next" title="다음기사" tabindex="-1"><i class="icon-angle-right-thin"></i><span class="show-for-sr">다음 기사보기</span></button> <!--// 이전/다음 기사 버튼 --> <!-- 상단 컨텐츠 //--> <div class="aht-wrapper width-1200"> <div class="item logo"><a href="https://www.socialimpactnews.net" tabindex="-1"><img src="https://cdn.socialimpactnews.net/image/logo/printlogo_20240401103136.png" alt="소셜임팩트뉴스" /></a></div> <div class="item titles"><span class="aht-title-view" tabindex="-1">[다시 쓰는 ESG ④] ESG시대에 사회적 가치 고민하는 기업들</span></div> <div class="item options"> <div class="quick-tool"> <button type="button" class="tool" onclick="articlePrint('3023')" title="인쇄" data-tooltip tabindex="-1"><i class="icon-print"><span class="show-for-sr">바로가기</span></i></button> <button type="button" class="tool sns_clipboard" data-clipboard-text="https://www.socialimpactnews.net/news/articleView.html?idxno=3023" title="URL주소" data-tooltip tabindex="-1"><i class="icon-link"><span class="show-for-sr">복사하기</span></i></button> <button type="button" class="tool fontsise-btn" value="down" title="본문글씨 줄이기" data-tooltip tabindex="-1"><i class="font-size down"><span class="show-for-sr">본문 글씨 줄이기</span></i></button> <button type="button" class="tool fontsise-btn" value="up" title="본문글씨 키우기" data-tooltip tabindex="-1"><i class="font-size up"><span class="show-for-sr">본문 글씨 키우기</span></i></button> </div> </div> </div> <!--// 상단 컨텐츠 --> <!-- 스크롤 상태바 //--> <div class="aht-control"> <div class="aht-bar user-border-top"><span class="show-for-sr">스크롤 이동 상태바</span></div> </div> <!--// 스크롤 상태바 --> </div> <!--// 기사면 상단 네비게이션 --> <!-- 기사본문 상단 //--> <header class="article-view-header"> <!-- breadcrumbs //--> <nav role="navigation"> <ul class="breadcrumbs"> <li><a href="https://www.socialimpactnews.net"><i class="icon-home"></i>&nbsp;홈</a></li> <li><a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm">오피니언</a></li> <li><a href="/news/articleList.html?sc_serial_code=SRN28&view_type=sm">다시 쓰는 ESG</a></li> </ul> </nav> <H1 class="heading">[다시 쓰는 ESG ④] ESG시대에 사회적 가치 고민하는 기업들</H1> <!-- infomation // --> <div class="info-group"> <article class="item"> <ul class="infomation"> <li> <i class="icon-user-o"><span class="show-for-sr">기자명</span></i> 이노소셜랩 서진석 연구위원 </li> <li><i class="icon-clock-o"></i> 입력 2024.11.21 08:26</li> <li><i class="icon-check-circle-o"></i> 수정 2024.11.27 09:04</li> <li><i class="icon-comment-o"></i> 댓글 0</li> </ul> </article> <article class="item"> <div class="quick-tool"> <button type="button" class="tool" onclick="articlePrint('3023')" title="인쇄" data-tooltip><i class="icon-print"><span class="show-for-sr">바로가기</span></i></button> <button type="button" class="tool sns_clipboard" data-clipboard-text="https://www.socialimpactnews.net/news/articleView.html?idxno=3023" title="URL주소" data-tooltip><i class="icon-link"><span class="show-for-sr">복사하기</span></i></button> <button type="button" class="tool fontsise-btn" value="down" title="본문글씨 줄이기" data-tooltip><i class="font-size down"><span class="show-for-sr">본문 글씨 줄이기</span></i></button> <button type="button" class="tool fontsise-btn" value="up" title="본문글씨 키우기" data-tooltip><i class="font-size up"><span class="show-for-sr">본문 글씨 키우기</span></i></button> </div> </article> </div> </header> <!--// 기사본문 상단 --> <section id="articleViewCon" class="article-view-content"> <article class="grid body"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <div id="snsAnchor" class="sticky-article"> <aside class="article-sns" data-sticky-container> <div class="sticky" data-sticky data-anchor="snsAnchor" data-margin-top="5" data-dynamic-height="false" data-check-every="0"> <div class="social-group"> <button type="button" class="sns sns-share-btns facebook " data-sharesns="facebook" data-title="%5B%EB%8B%A4%EC%8B%9C%20%EC%93%B0%EB%8A%94%20ESG%20%E2%91%A3%5D%20ESG%EC%8B%9C%EB%8C%80%EC%97%90%20%EC%82%AC%ED%9A%8C%EC%A0%81%20%EA%B0%80%EC%B9%98%20%EA%B3%A0%EB%AF%BC%ED%95%98%EB%8A%94%20%EA%B8%B0%EC%97%85%EB%93%A4" data-url="https%3A%2F%2Fwww.socialimpactnews.net%2Fnews%2FarticleView.html%3Fidxno%3D3023" data-desc="%EC%B7%A8%EC%95%BD%EC%A7%80%EC%97%AD%EC%97%90%20%EC%84%A0%EB%B3%B4%EC%9D%B8%20%E2%80%98%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0%20%EB%A7%A4%EC%9E%A5%E2%80%99%EB%89%B4%EC%9A%95%EC%9D%98%20Harlem%28%ED%95%A0%EB%A0%98%29%EC%9D%80%20%EB%A7%A8%ED%95%B4%ED%8A%BC%20%EB%B6%81%EC%AA%BD%EC%97%90%20%EC%9C%84%EC%B9%98%ED%95%9C%20%EC%A7%80%EC%97%AD%EC%9C%BC%EB%A1%9C%2C%20%EC%95%84%ED%94%84%EB%A6%AC%EC%B9%B4%EA%B3%84%20%EB%AF%B8%EA%B5%AD%EC%9D%B8%EC%9D%98%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%9D%B4%20%EA%B0%95%ED%95%98%EA%B2%8C%20%EC%9E%90%EB%A6%AC%EC%9E%A1%EC%9D%80%20%EA%B3%B3%EC%9D%B4%EB%8B%A4.%20%EA%B7%B8%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%8B%A4%EC%B1%84%EB%A1%9C%EC%9A%B4%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%A0%81%20%EB%B6%84%EC%9C%84%EA%B8%B0%EB%A1%9C%20%EC%9C%A0%EB%AA%85%ED%95%98%EB%A9%B0%2C%20%EC%97%AC%EB%9F%AC%20%EC%84%B8%EB%8C%80%EC%97%90%20%EA%B1%B8%EC%B3%90%20%EC%9E%AC%EC%A6%88%2C%20%EB%B8%94%EB%A3%A8%EC%8A%A4%2C%20%EC%8B%9C%EA%B0%81%20%EC%98%88%EC%88%A0%EC%9D%98%20%EC%A4%91%EC%8B%AC%EC%A7%80%EB%A1%9C%20%EC%97%AC%EA%B2%A8%EC%A0%B8%20%EC%99%94%EB%8B%A4.%202010%EB%85%84%EB%8C%80%20%EB%93%A4%EC%96%B4%20%EC%9E%AC%EA%B0%9C%EB%B0%9C%EC%9D%B4%20%ED%99%9C%EB%B0%9C%ED%95%98%EA%B2%8C%20%EC%A7%84%ED%96%89%EB%90%98%EC%97%88%EA%B3%A0%2C%20%EC%9D%B4%20%EA%B3%BC%EC%A0%95%EC%97%90%EC%84%9C%20%EC%A4%91%EC%82%B0%EC%B8%B5%EA%B3%BC%20%EA%B3%A0%EC%86%8C%EB%93%9D%20%EA%B3%84%EC%B8%B5%EC%9D%B4%20%ED%95%A0%EB%A0%98%EC%9C%BC%EB%A1%9C%20%EC%9C%A0%EC%9E%85%EB%90%98%EA%B8%B0%20%EC%8B%9C%EC%9E%91%ED%96%88%EB%8B%A4.%20%EA%B7%B8%EB%9F%AC%EB%82%98%20%ED%98%84%EC%9E%AC%EB%8F%84%20%EB%A7%A8%ED%95%B4%ED%8A%BC%EC%9D%98%20%EB%8B%A4%EB%A5%B8%20%EC%A7%80%EC%97%AD%EC%97%90%20%EB%B9%84%ED%95%B4%EC%84%9C%EB%8A%94%20%EC%86%8C%EB%93%9D%20%EC%88%98%EC%A4%80%EC%9D%B4%20%EC%83%81%EB%8C%80%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EB%82%AE%EC%9D%80%20%ED%8E%B8%EC%9D%B4%EB%A9%B0%2C%20%EC%A7%80%EC%97%AD%20%EB%82%B4%EC%97%90%EC%84%9C%EB%8F%84%20%EC%86%8C%EB%93%9D%20%EC%B0%A8%EC%9D%B4%EA%B0%80%20%ED%81%B0%20%ED%8E%B8%EC%9D%B4%EB%8B%A4.%EB%A1%9C%EC%8A%A4%EC%95%A4%EC%A0%A4%EB%A0%88%EC%8A%A4%EC%9D%98%20Crensha" data-image="https://www.socialimpactnews.net/news/photo/202411/3023_5528_1611.jpg" title="페이스북" data-clipboard-text="https://www.socialimpactnews.net/news/articleView.html?idxno=3023"> <i class="icon-facebook"><span class="show-for-sr">페이스북(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns twitter " data-sharesns="twitter" data-title="%5B%EB%8B%A4%EC%8B%9C%20%EC%93%B0%EB%8A%94%20ESG%20%E2%91%A3%5D%20ESG%EC%8B%9C%EB%8C%80%EC%97%90%20%EC%82%AC%ED%9A%8C%EC%A0%81%20%EA%B0%80%EC%B9%98%20%EA%B3%A0%EB%AF%BC%ED%95%98%EB%8A%94%20%EA%B8%B0%EC%97%85%EB%93%A4" data-url="https%3A%2F%2Fwww.socialimpactnews.net%2Fnews%2FarticleView.html%3Fidxno%3D3023" data-desc="%EC%B7%A8%EC%95%BD%EC%A7%80%EC%97%AD%EC%97%90%20%EC%84%A0%EB%B3%B4%EC%9D%B8%20%E2%80%98%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0%20%EB%A7%A4%EC%9E%A5%E2%80%99%EB%89%B4%EC%9A%95%EC%9D%98%20Harlem%28%ED%95%A0%EB%A0%98%29%EC%9D%80%20%EB%A7%A8%ED%95%B4%ED%8A%BC%20%EB%B6%81%EC%AA%BD%EC%97%90%20%EC%9C%84%EC%B9%98%ED%95%9C%20%EC%A7%80%EC%97%AD%EC%9C%BC%EB%A1%9C%2C%20%EC%95%84%ED%94%84%EB%A6%AC%EC%B9%B4%EA%B3%84%20%EB%AF%B8%EA%B5%AD%EC%9D%B8%EC%9D%98%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%9D%B4%20%EA%B0%95%ED%95%98%EA%B2%8C%20%EC%9E%90%EB%A6%AC%EC%9E%A1%EC%9D%80%20%EA%B3%B3%EC%9D%B4%EB%8B%A4.%20%EA%B7%B8%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%8B%A4%EC%B1%84%EB%A1%9C%EC%9A%B4%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%A0%81%20%EB%B6%84%EC%9C%84%EA%B8%B0%EB%A1%9C%20%EC%9C%A0%EB%AA%85%ED%95%98%EB%A9%B0%2C%20%EC%97%AC%EB%9F%AC%20%EC%84%B8%EB%8C%80%EC%97%90%20%EA%B1%B8%EC%B3%90%20%EC%9E%AC%EC%A6%88%2C%20%EB%B8%94%EB%A3%A8%EC%8A%A4%2C%20%EC%8B%9C%EA%B0%81%20%EC%98%88%EC%88%A0%EC%9D%98%20%EC%A4%91%EC%8B%AC%EC%A7%80%EB%A1%9C%20%EC%97%AC%EA%B2%A8%EC%A0%B8%20%EC%99%94%EB%8B%A4.%202010%EB%85%84%EB%8C%80%20%EB%93%A4%EC%96%B4%20%EC%9E%AC%EA%B0%9C%EB%B0%9C%EC%9D%B4%20%ED%99%9C%EB%B0%9C%ED%95%98%EA%B2%8C%20%EC%A7%84%ED%96%89%EB%90%98%EC%97%88%EA%B3%A0%2C%20%EC%9D%B4%20%EA%B3%BC%EC%A0%95%EC%97%90%EC%84%9C%20%EC%A4%91%EC%82%B0%EC%B8%B5%EA%B3%BC%20%EA%B3%A0%EC%86%8C%EB%93%9D%20%EA%B3%84%EC%B8%B5%EC%9D%B4%20%ED%95%A0%EB%A0%98%EC%9C%BC%EB%A1%9C%20%EC%9C%A0%EC%9E%85%EB%90%98%EA%B8%B0%20%EC%8B%9C%EC%9E%91%ED%96%88%EB%8B%A4.%20%EA%B7%B8%EB%9F%AC%EB%82%98%20%ED%98%84%EC%9E%AC%EB%8F%84%20%EB%A7%A8%ED%95%B4%ED%8A%BC%EC%9D%98%20%EB%8B%A4%EB%A5%B8%20%EC%A7%80%EC%97%AD%EC%97%90%20%EB%B9%84%ED%95%B4%EC%84%9C%EB%8A%94%20%EC%86%8C%EB%93%9D%20%EC%88%98%EC%A4%80%EC%9D%B4%20%EC%83%81%EB%8C%80%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EB%82%AE%EC%9D%80%20%ED%8E%B8%EC%9D%B4%EB%A9%B0%2C%20%EC%A7%80%EC%97%AD%20%EB%82%B4%EC%97%90%EC%84%9C%EB%8F%84%20%EC%86%8C%EB%93%9D%20%EC%B0%A8%EC%9D%B4%EA%B0%80%20%ED%81%B0%20%ED%8E%B8%EC%9D%B4%EB%8B%A4.%EB%A1%9C%EC%8A%A4%EC%95%A4%EC%A0%A4%EB%A0%88%EC%8A%A4%EC%9D%98%20Crensha" data-image="https://www.socialimpactnews.net/news/photo/202411/3023_5528_1611.jpg" title="트위터" data-clipboard-text="https://www.socialimpactnews.net/news/articleView.html?idxno=3023"> <i class="icon-twitter"><span class="show-for-sr">트위터(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns kakao " data-sharesns="kakao" data-title="%5B%EB%8B%A4%EC%8B%9C%20%EC%93%B0%EB%8A%94%20ESG%20%E2%91%A3%5D%20ESG%EC%8B%9C%EB%8C%80%EC%97%90%20%EC%82%AC%ED%9A%8C%EC%A0%81%20%EA%B0%80%EC%B9%98%20%EA%B3%A0%EB%AF%BC%ED%95%98%EB%8A%94%20%EA%B8%B0%EC%97%85%EB%93%A4" data-url="https%3A%2F%2Fwww.socialimpactnews.net%2Fnews%2FarticleView.html%3Fidxno%3D3023" data-desc="%EC%B7%A8%EC%95%BD%EC%A7%80%EC%97%AD%EC%97%90%20%EC%84%A0%EB%B3%B4%EC%9D%B8%20%E2%80%98%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0%20%EB%A7%A4%EC%9E%A5%E2%80%99%EB%89%B4%EC%9A%95%EC%9D%98%20Harlem%28%ED%95%A0%EB%A0%98%29%EC%9D%80%20%EB%A7%A8%ED%95%B4%ED%8A%BC%20%EB%B6%81%EC%AA%BD%EC%97%90%20%EC%9C%84%EC%B9%98%ED%95%9C%20%EC%A7%80%EC%97%AD%EC%9C%BC%EB%A1%9C%2C%20%EC%95%84%ED%94%84%EB%A6%AC%EC%B9%B4%EA%B3%84%20%EB%AF%B8%EA%B5%AD%EC%9D%B8%EC%9D%98%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%9D%B4%20%EA%B0%95%ED%95%98%EA%B2%8C%20%EC%9E%90%EB%A6%AC%EC%9E%A1%EC%9D%80%20%EA%B3%B3%EC%9D%B4%EB%8B%A4.%20%EA%B7%B8%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%8B%A4%EC%B1%84%EB%A1%9C%EC%9A%B4%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%A0%81%20%EB%B6%84%EC%9C%84%EA%B8%B0%EB%A1%9C%20%EC%9C%A0%EB%AA%85%ED%95%98%EB%A9%B0%2C%20%EC%97%AC%EB%9F%AC%20%EC%84%B8%EB%8C%80%EC%97%90%20%EA%B1%B8%EC%B3%90%20%EC%9E%AC%EC%A6%88%2C%20%EB%B8%94%EB%A3%A8%EC%8A%A4%2C%20%EC%8B%9C%EA%B0%81%20%EC%98%88%EC%88%A0%EC%9D%98%20%EC%A4%91%EC%8B%AC%EC%A7%80%EB%A1%9C%20%EC%97%AC%EA%B2%A8%EC%A0%B8%20%EC%99%94%EB%8B%A4.%202010%EB%85%84%EB%8C%80%20%EB%93%A4%EC%96%B4%20%EC%9E%AC%EA%B0%9C%EB%B0%9C%EC%9D%B4%20%ED%99%9C%EB%B0%9C%ED%95%98%EA%B2%8C%20%EC%A7%84%ED%96%89%EB%90%98%EC%97%88%EA%B3%A0%2C%20%EC%9D%B4%20%EA%B3%BC%EC%A0%95%EC%97%90%EC%84%9C%20%EC%A4%91%EC%82%B0%EC%B8%B5%EA%B3%BC%20%EA%B3%A0%EC%86%8C%EB%93%9D%20%EA%B3%84%EC%B8%B5%EC%9D%B4%20%ED%95%A0%EB%A0%98%EC%9C%BC%EB%A1%9C%20%EC%9C%A0%EC%9E%85%EB%90%98%EA%B8%B0%20%EC%8B%9C%EC%9E%91%ED%96%88%EB%8B%A4.%20%EA%B7%B8%EB%9F%AC%EB%82%98%20%ED%98%84%EC%9E%AC%EB%8F%84%20%EB%A7%A8%ED%95%B4%ED%8A%BC%EC%9D%98%20%EB%8B%A4%EB%A5%B8%20%EC%A7%80%EC%97%AD%EC%97%90%20%EB%B9%84%ED%95%B4%EC%84%9C%EB%8A%94%20%EC%86%8C%EB%93%9D%20%EC%88%98%EC%A4%80%EC%9D%B4%20%EC%83%81%EB%8C%80%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EB%82%AE%EC%9D%80%20%ED%8E%B8%EC%9D%B4%EB%A9%B0%2C%20%EC%A7%80%EC%97%AD%20%EB%82%B4%EC%97%90%EC%84%9C%EB%8F%84%20%EC%86%8C%EB%93%9D%20%EC%B0%A8%EC%9D%B4%EA%B0%80%20%ED%81%B0%20%ED%8E%B8%EC%9D%B4%EB%8B%A4.%EB%A1%9C%EC%8A%A4%EC%95%A4%EC%A0%A4%EB%A0%88%EC%8A%A4%EC%9D%98%20Crensha" data-image="https://www.socialimpactnews.net/news/photo/202411/3023_5528_1611.jpg" title="카카오톡" data-clipboard-text="https://www.socialimpactnews.net/news/articleView.html?idxno=3023"> <i class="icon-kakao"><span class="show-for-sr">카카오톡(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns link sns_clipboard" data-sharesns="link" data-title="%5B%EB%8B%A4%EC%8B%9C%20%EC%93%B0%EB%8A%94%20ESG%20%E2%91%A3%5D%20ESG%EC%8B%9C%EB%8C%80%EC%97%90%20%EC%82%AC%ED%9A%8C%EC%A0%81%20%EA%B0%80%EC%B9%98%20%EA%B3%A0%EB%AF%BC%ED%95%98%EB%8A%94%20%EA%B8%B0%EC%97%85%EB%93%A4" data-url="https%3A%2F%2Fwww.socialimpactnews.net%2Fnews%2FarticleView.html%3Fidxno%3D3023" data-desc="%EC%B7%A8%EC%95%BD%EC%A7%80%EC%97%AD%EC%97%90%20%EC%84%A0%EB%B3%B4%EC%9D%B8%20%E2%80%98%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0%20%EB%A7%A4%EC%9E%A5%E2%80%99%EB%89%B4%EC%9A%95%EC%9D%98%20Harlem%28%ED%95%A0%EB%A0%98%29%EC%9D%80%20%EB%A7%A8%ED%95%B4%ED%8A%BC%20%EB%B6%81%EC%AA%BD%EC%97%90%20%EC%9C%84%EC%B9%98%ED%95%9C%20%EC%A7%80%EC%97%AD%EC%9C%BC%EB%A1%9C%2C%20%EC%95%84%ED%94%84%EB%A6%AC%EC%B9%B4%EA%B3%84%20%EB%AF%B8%EA%B5%AD%EC%9D%B8%EC%9D%98%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%9D%B4%20%EA%B0%95%ED%95%98%EA%B2%8C%20%EC%9E%90%EB%A6%AC%EC%9E%A1%EC%9D%80%20%EA%B3%B3%EC%9D%B4%EB%8B%A4.%20%EA%B7%B8%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%8B%A4%EC%B1%84%EB%A1%9C%EC%9A%B4%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%A0%81%20%EB%B6%84%EC%9C%84%EA%B8%B0%EB%A1%9C%20%EC%9C%A0%EB%AA%85%ED%95%98%EB%A9%B0%2C%20%EC%97%AC%EB%9F%AC%20%EC%84%B8%EB%8C%80%EC%97%90%20%EA%B1%B8%EC%B3%90%20%EC%9E%AC%EC%A6%88%2C%20%EB%B8%94%EB%A3%A8%EC%8A%A4%2C%20%EC%8B%9C%EA%B0%81%20%EC%98%88%EC%88%A0%EC%9D%98%20%EC%A4%91%EC%8B%AC%EC%A7%80%EB%A1%9C%20%EC%97%AC%EA%B2%A8%EC%A0%B8%20%EC%99%94%EB%8B%A4.%202010%EB%85%84%EB%8C%80%20%EB%93%A4%EC%96%B4%20%EC%9E%AC%EA%B0%9C%EB%B0%9C%EC%9D%B4%20%ED%99%9C%EB%B0%9C%ED%95%98%EA%B2%8C%20%EC%A7%84%ED%96%89%EB%90%98%EC%97%88%EA%B3%A0%2C%20%EC%9D%B4%20%EA%B3%BC%EC%A0%95%EC%97%90%EC%84%9C%20%EC%A4%91%EC%82%B0%EC%B8%B5%EA%B3%BC%20%EA%B3%A0%EC%86%8C%EB%93%9D%20%EA%B3%84%EC%B8%B5%EC%9D%B4%20%ED%95%A0%EB%A0%98%EC%9C%BC%EB%A1%9C%20%EC%9C%A0%EC%9E%85%EB%90%98%EA%B8%B0%20%EC%8B%9C%EC%9E%91%ED%96%88%EB%8B%A4.%20%EA%B7%B8%EB%9F%AC%EB%82%98%20%ED%98%84%EC%9E%AC%EB%8F%84%20%EB%A7%A8%ED%95%B4%ED%8A%BC%EC%9D%98%20%EB%8B%A4%EB%A5%B8%20%EC%A7%80%EC%97%AD%EC%97%90%20%EB%B9%84%ED%95%B4%EC%84%9C%EB%8A%94%20%EC%86%8C%EB%93%9D%20%EC%88%98%EC%A4%80%EC%9D%B4%20%EC%83%81%EB%8C%80%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EB%82%AE%EC%9D%80%20%ED%8E%B8%EC%9D%B4%EB%A9%B0%2C%20%EC%A7%80%EC%97%AD%20%EB%82%B4%EC%97%90%EC%84%9C%EB%8F%84%20%EC%86%8C%EB%93%9D%20%EC%B0%A8%EC%9D%B4%EA%B0%80%20%ED%81%B0%20%ED%8E%B8%EC%9D%B4%EB%8B%A4.%EB%A1%9C%EC%8A%A4%EC%95%A4%EC%A0%A4%EB%A0%88%EC%8A%A4%EC%9D%98%20Crensha" data-image="https://www.socialimpactnews.net/news/photo/202411/3023_5528_1611.jpg" title="URL복사" data-clipboard-text="https://www.socialimpactnews.net/news/articleView.html?idxno=3023"> <i class="icon-link"><span class="show-for-sr">URL복사(으)로 기사보내기</span></i> </button> <button type="button" class="sns mail right" title="이메일" onclick="articleMail('3023')" data-tooltip><i class="icon-mail"><span class="show-for-sr">이메일(으)로 기사보내기</span></i></button> <button type="button" class="sns share right" title="다른 공유" data-open="article-sns" data-tooltip><i class="icon-share-alt"><span class="show-for-sr">다른 공유 찾기</span></i></button> <button type="button" class="sns bookmark scrap-btn user-bg right" data-idxno="3023" title="기사스크랩" data-tooltip><i class="icon-bookmark"><span class="show-for-sr">기사스크랩하기</span></i></button> <script> $(document).ready(function(e) { $('.scrap-btn').on('click', function(e) { var idxno = $(this).data('idxno'); if(confirm("기사를 스크랩 하시겠습니까?")){ $.ajax({ type: 'post', dataType: 'json', url: '/news/articleScrap.ajax.php', data: {'tp':'A', 'idxno':idxno}, success: function(data) { alert(data[1]); }, error: function(error, request) { alert('error!!!'); console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } }); } }); }); </script> </div> </div> <div class="reveal" id="article-sns" data-reveal data-v-offset="50"> <div class="reveal-header"> <div class="reveal-title">이 기사를 공유합니다</div> </div> <section class="reveal-container"> <div class="social-group for-other"> <button type="button" class="sns sns-share-btns facebook " data-sharesns="facebook" data-title="%5B%EB%8B%A4%EC%8B%9C%20%EC%93%B0%EB%8A%94%20ESG%20%E2%91%A3%5D%20ESG%EC%8B%9C%EB%8C%80%EC%97%90%20%EC%82%AC%ED%9A%8C%EC%A0%81%20%EA%B0%80%EC%B9%98%20%EA%B3%A0%EB%AF%BC%ED%95%98%EB%8A%94%20%EA%B8%B0%EC%97%85%EB%93%A4" data-url="https%3A%2F%2Fwww.socialimpactnews.net%2Fnews%2FarticleView.html%3Fidxno%3D3023" data-desc="%EC%B7%A8%EC%95%BD%EC%A7%80%EC%97%AD%EC%97%90%20%EC%84%A0%EB%B3%B4%EC%9D%B8%20%E2%80%98%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0%20%EB%A7%A4%EC%9E%A5%E2%80%99%EB%89%B4%EC%9A%95%EC%9D%98%20Harlem%28%ED%95%A0%EB%A0%98%29%EC%9D%80%20%EB%A7%A8%ED%95%B4%ED%8A%BC%20%EB%B6%81%EC%AA%BD%EC%97%90%20%EC%9C%84%EC%B9%98%ED%95%9C%20%EC%A7%80%EC%97%AD%EC%9C%BC%EB%A1%9C%2C%20%EC%95%84%ED%94%84%EB%A6%AC%EC%B9%B4%EA%B3%84%20%EB%AF%B8%EA%B5%AD%EC%9D%B8%EC%9D%98%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%9D%B4%20%EA%B0%95%ED%95%98%EA%B2%8C%20%EC%9E%90%EB%A6%AC%EC%9E%A1%EC%9D%80%20%EA%B3%B3%EC%9D%B4%EB%8B%A4.%20%EA%B7%B8%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%8B%A4%EC%B1%84%EB%A1%9C%EC%9A%B4%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%A0%81%20%EB%B6%84%EC%9C%84%EA%B8%B0%EB%A1%9C%20%EC%9C%A0%EB%AA%85%ED%95%98%EB%A9%B0%2C%20%EC%97%AC%EB%9F%AC%20%EC%84%B8%EB%8C%80%EC%97%90%20%EA%B1%B8%EC%B3%90%20%EC%9E%AC%EC%A6%88%2C%20%EB%B8%94%EB%A3%A8%EC%8A%A4%2C%20%EC%8B%9C%EA%B0%81%20%EC%98%88%EC%88%A0%EC%9D%98%20%EC%A4%91%EC%8B%AC%EC%A7%80%EB%A1%9C%20%EC%97%AC%EA%B2%A8%EC%A0%B8%20%EC%99%94%EB%8B%A4.%202010%EB%85%84%EB%8C%80%20%EB%93%A4%EC%96%B4%20%EC%9E%AC%EA%B0%9C%EB%B0%9C%EC%9D%B4%20%ED%99%9C%EB%B0%9C%ED%95%98%EA%B2%8C%20%EC%A7%84%ED%96%89%EB%90%98%EC%97%88%EA%B3%A0%2C%20%EC%9D%B4%20%EA%B3%BC%EC%A0%95%EC%97%90%EC%84%9C%20%EC%A4%91%EC%82%B0%EC%B8%B5%EA%B3%BC%20%EA%B3%A0%EC%86%8C%EB%93%9D%20%EA%B3%84%EC%B8%B5%EC%9D%B4%20%ED%95%A0%EB%A0%98%EC%9C%BC%EB%A1%9C%20%EC%9C%A0%EC%9E%85%EB%90%98%EA%B8%B0%20%EC%8B%9C%EC%9E%91%ED%96%88%EB%8B%A4.%20%EA%B7%B8%EB%9F%AC%EB%82%98%20%ED%98%84%EC%9E%AC%EB%8F%84%20%EB%A7%A8%ED%95%B4%ED%8A%BC%EC%9D%98%20%EB%8B%A4%EB%A5%B8%20%EC%A7%80%EC%97%AD%EC%97%90%20%EB%B9%84%ED%95%B4%EC%84%9C%EB%8A%94%20%EC%86%8C%EB%93%9D%20%EC%88%98%EC%A4%80%EC%9D%B4%20%EC%83%81%EB%8C%80%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EB%82%AE%EC%9D%80%20%ED%8E%B8%EC%9D%B4%EB%A9%B0%2C%20%EC%A7%80%EC%97%AD%20%EB%82%B4%EC%97%90%EC%84%9C%EB%8F%84%20%EC%86%8C%EB%93%9D%20%EC%B0%A8%EC%9D%B4%EA%B0%80%20%ED%81%B0%20%ED%8E%B8%EC%9D%B4%EB%8B%A4.%EB%A1%9C%EC%8A%A4%EC%95%A4%EC%A0%A4%EB%A0%88%EC%8A%A4%EC%9D%98%20Crensha" data-image="https://www.socialimpactnews.net/news/photo/202411/3023_5528_1611.jpg" title="페이스북" data-clipboard-text="https://www.socialimpactnews.net/news/articleView.html?idxno=3023"> <i class="icon-facebook"><span class="show-for-sr">페이스북(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns twitter " data-sharesns="twitter" data-title="%5B%EB%8B%A4%EC%8B%9C%20%EC%93%B0%EB%8A%94%20ESG%20%E2%91%A3%5D%20ESG%EC%8B%9C%EB%8C%80%EC%97%90%20%EC%82%AC%ED%9A%8C%EC%A0%81%20%EA%B0%80%EC%B9%98%20%EA%B3%A0%EB%AF%BC%ED%95%98%EB%8A%94%20%EA%B8%B0%EC%97%85%EB%93%A4" data-url="https%3A%2F%2Fwww.socialimpactnews.net%2Fnews%2FarticleView.html%3Fidxno%3D3023" data-desc="%EC%B7%A8%EC%95%BD%EC%A7%80%EC%97%AD%EC%97%90%20%EC%84%A0%EB%B3%B4%EC%9D%B8%20%E2%80%98%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0%20%EB%A7%A4%EC%9E%A5%E2%80%99%EB%89%B4%EC%9A%95%EC%9D%98%20Harlem%28%ED%95%A0%EB%A0%98%29%EC%9D%80%20%EB%A7%A8%ED%95%B4%ED%8A%BC%20%EB%B6%81%EC%AA%BD%EC%97%90%20%EC%9C%84%EC%B9%98%ED%95%9C%20%EC%A7%80%EC%97%AD%EC%9C%BC%EB%A1%9C%2C%20%EC%95%84%ED%94%84%EB%A6%AC%EC%B9%B4%EA%B3%84%20%EB%AF%B8%EA%B5%AD%EC%9D%B8%EC%9D%98%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%9D%B4%20%EA%B0%95%ED%95%98%EA%B2%8C%20%EC%9E%90%EB%A6%AC%EC%9E%A1%EC%9D%80%20%EA%B3%B3%EC%9D%B4%EB%8B%A4.%20%EA%B7%B8%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%8B%A4%EC%B1%84%EB%A1%9C%EC%9A%B4%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%A0%81%20%EB%B6%84%EC%9C%84%EA%B8%B0%EB%A1%9C%20%EC%9C%A0%EB%AA%85%ED%95%98%EB%A9%B0%2C%20%EC%97%AC%EB%9F%AC%20%EC%84%B8%EB%8C%80%EC%97%90%20%EA%B1%B8%EC%B3%90%20%EC%9E%AC%EC%A6%88%2C%20%EB%B8%94%EB%A3%A8%EC%8A%A4%2C%20%EC%8B%9C%EA%B0%81%20%EC%98%88%EC%88%A0%EC%9D%98%20%EC%A4%91%EC%8B%AC%EC%A7%80%EB%A1%9C%20%EC%97%AC%EA%B2%A8%EC%A0%B8%20%EC%99%94%EB%8B%A4.%202010%EB%85%84%EB%8C%80%20%EB%93%A4%EC%96%B4%20%EC%9E%AC%EA%B0%9C%EB%B0%9C%EC%9D%B4%20%ED%99%9C%EB%B0%9C%ED%95%98%EA%B2%8C%20%EC%A7%84%ED%96%89%EB%90%98%EC%97%88%EA%B3%A0%2C%20%EC%9D%B4%20%EA%B3%BC%EC%A0%95%EC%97%90%EC%84%9C%20%EC%A4%91%EC%82%B0%EC%B8%B5%EA%B3%BC%20%EA%B3%A0%EC%86%8C%EB%93%9D%20%EA%B3%84%EC%B8%B5%EC%9D%B4%20%ED%95%A0%EB%A0%98%EC%9C%BC%EB%A1%9C%20%EC%9C%A0%EC%9E%85%EB%90%98%EA%B8%B0%20%EC%8B%9C%EC%9E%91%ED%96%88%EB%8B%A4.%20%EA%B7%B8%EB%9F%AC%EB%82%98%20%ED%98%84%EC%9E%AC%EB%8F%84%20%EB%A7%A8%ED%95%B4%ED%8A%BC%EC%9D%98%20%EB%8B%A4%EB%A5%B8%20%EC%A7%80%EC%97%AD%EC%97%90%20%EB%B9%84%ED%95%B4%EC%84%9C%EB%8A%94%20%EC%86%8C%EB%93%9D%20%EC%88%98%EC%A4%80%EC%9D%B4%20%EC%83%81%EB%8C%80%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EB%82%AE%EC%9D%80%20%ED%8E%B8%EC%9D%B4%EB%A9%B0%2C%20%EC%A7%80%EC%97%AD%20%EB%82%B4%EC%97%90%EC%84%9C%EB%8F%84%20%EC%86%8C%EB%93%9D%20%EC%B0%A8%EC%9D%B4%EA%B0%80%20%ED%81%B0%20%ED%8E%B8%EC%9D%B4%EB%8B%A4.%EB%A1%9C%EC%8A%A4%EC%95%A4%EC%A0%A4%EB%A0%88%EC%8A%A4%EC%9D%98%20Crensha" data-image="https://www.socialimpactnews.net/news/photo/202411/3023_5528_1611.jpg" title="트위터" data-clipboard-text="https://www.socialimpactnews.net/news/articleView.html?idxno=3023"> <i class="icon-twitter"><span class="show-for-sr">트위터(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns kakao " data-sharesns="kakao" data-title="%5B%EB%8B%A4%EC%8B%9C%20%EC%93%B0%EB%8A%94%20ESG%20%E2%91%A3%5D%20ESG%EC%8B%9C%EB%8C%80%EC%97%90%20%EC%82%AC%ED%9A%8C%EC%A0%81%20%EA%B0%80%EC%B9%98%20%EA%B3%A0%EB%AF%BC%ED%95%98%EB%8A%94%20%EA%B8%B0%EC%97%85%EB%93%A4" data-url="https%3A%2F%2Fwww.socialimpactnews.net%2Fnews%2FarticleView.html%3Fidxno%3D3023" data-desc="%EC%B7%A8%EC%95%BD%EC%A7%80%EC%97%AD%EC%97%90%20%EC%84%A0%EB%B3%B4%EC%9D%B8%20%E2%80%98%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0%20%EB%A7%A4%EC%9E%A5%E2%80%99%EB%89%B4%EC%9A%95%EC%9D%98%20Harlem%28%ED%95%A0%EB%A0%98%29%EC%9D%80%20%EB%A7%A8%ED%95%B4%ED%8A%BC%20%EB%B6%81%EC%AA%BD%EC%97%90%20%EC%9C%84%EC%B9%98%ED%95%9C%20%EC%A7%80%EC%97%AD%EC%9C%BC%EB%A1%9C%2C%20%EC%95%84%ED%94%84%EB%A6%AC%EC%B9%B4%EA%B3%84%20%EB%AF%B8%EA%B5%AD%EC%9D%B8%EC%9D%98%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%9D%B4%20%EA%B0%95%ED%95%98%EA%B2%8C%20%EC%9E%90%EB%A6%AC%EC%9E%A1%EC%9D%80%20%EA%B3%B3%EC%9D%B4%EB%8B%A4.%20%EA%B7%B8%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%8B%A4%EC%B1%84%EB%A1%9C%EC%9A%B4%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%A0%81%20%EB%B6%84%EC%9C%84%EA%B8%B0%EB%A1%9C%20%EC%9C%A0%EB%AA%85%ED%95%98%EB%A9%B0%2C%20%EC%97%AC%EB%9F%AC%20%EC%84%B8%EB%8C%80%EC%97%90%20%EA%B1%B8%EC%B3%90%20%EC%9E%AC%EC%A6%88%2C%20%EB%B8%94%EB%A3%A8%EC%8A%A4%2C%20%EC%8B%9C%EA%B0%81%20%EC%98%88%EC%88%A0%EC%9D%98%20%EC%A4%91%EC%8B%AC%EC%A7%80%EB%A1%9C%20%EC%97%AC%EA%B2%A8%EC%A0%B8%20%EC%99%94%EB%8B%A4.%202010%EB%85%84%EB%8C%80%20%EB%93%A4%EC%96%B4%20%EC%9E%AC%EA%B0%9C%EB%B0%9C%EC%9D%B4%20%ED%99%9C%EB%B0%9C%ED%95%98%EA%B2%8C%20%EC%A7%84%ED%96%89%EB%90%98%EC%97%88%EA%B3%A0%2C%20%EC%9D%B4%20%EA%B3%BC%EC%A0%95%EC%97%90%EC%84%9C%20%EC%A4%91%EC%82%B0%EC%B8%B5%EA%B3%BC%20%EA%B3%A0%EC%86%8C%EB%93%9D%20%EA%B3%84%EC%B8%B5%EC%9D%B4%20%ED%95%A0%EB%A0%98%EC%9C%BC%EB%A1%9C%20%EC%9C%A0%EC%9E%85%EB%90%98%EA%B8%B0%20%EC%8B%9C%EC%9E%91%ED%96%88%EB%8B%A4.%20%EA%B7%B8%EB%9F%AC%EB%82%98%20%ED%98%84%EC%9E%AC%EB%8F%84%20%EB%A7%A8%ED%95%B4%ED%8A%BC%EC%9D%98%20%EB%8B%A4%EB%A5%B8%20%EC%A7%80%EC%97%AD%EC%97%90%20%EB%B9%84%ED%95%B4%EC%84%9C%EB%8A%94%20%EC%86%8C%EB%93%9D%20%EC%88%98%EC%A4%80%EC%9D%B4%20%EC%83%81%EB%8C%80%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EB%82%AE%EC%9D%80%20%ED%8E%B8%EC%9D%B4%EB%A9%B0%2C%20%EC%A7%80%EC%97%AD%20%EB%82%B4%EC%97%90%EC%84%9C%EB%8F%84%20%EC%86%8C%EB%93%9D%20%EC%B0%A8%EC%9D%B4%EA%B0%80%20%ED%81%B0%20%ED%8E%B8%EC%9D%B4%EB%8B%A4.%EB%A1%9C%EC%8A%A4%EC%95%A4%EC%A0%A4%EB%A0%88%EC%8A%A4%EC%9D%98%20Crensha" data-image="https://www.socialimpactnews.net/news/photo/202411/3023_5528_1611.jpg" title="카카오톡" data-clipboard-text="https://www.socialimpactnews.net/news/articleView.html?idxno=3023"> <i class="icon-kakao"><span class="show-for-sr">카카오톡(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns link sns_clipboard" data-sharesns="link" data-title="%5B%EB%8B%A4%EC%8B%9C%20%EC%93%B0%EB%8A%94%20ESG%20%E2%91%A3%5D%20ESG%EC%8B%9C%EB%8C%80%EC%97%90%20%EC%82%AC%ED%9A%8C%EC%A0%81%20%EA%B0%80%EC%B9%98%20%EA%B3%A0%EB%AF%BC%ED%95%98%EB%8A%94%20%EA%B8%B0%EC%97%85%EB%93%A4" data-url="https%3A%2F%2Fwww.socialimpactnews.net%2Fnews%2FarticleView.html%3Fidxno%3D3023" data-desc="%EC%B7%A8%EC%95%BD%EC%A7%80%EC%97%AD%EC%97%90%20%EC%84%A0%EB%B3%B4%EC%9D%B8%20%E2%80%98%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0%20%EB%A7%A4%EC%9E%A5%E2%80%99%EB%89%B4%EC%9A%95%EC%9D%98%20Harlem%28%ED%95%A0%EB%A0%98%29%EC%9D%80%20%EB%A7%A8%ED%95%B4%ED%8A%BC%20%EB%B6%81%EC%AA%BD%EC%97%90%20%EC%9C%84%EC%B9%98%ED%95%9C%20%EC%A7%80%EC%97%AD%EC%9C%BC%EB%A1%9C%2C%20%EC%95%84%ED%94%84%EB%A6%AC%EC%B9%B4%EA%B3%84%20%EB%AF%B8%EA%B5%AD%EC%9D%B8%EC%9D%98%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%9D%B4%20%EA%B0%95%ED%95%98%EA%B2%8C%20%EC%9E%90%EB%A6%AC%EC%9E%A1%EC%9D%80%20%EA%B3%B3%EC%9D%B4%EB%8B%A4.%20%EA%B7%B8%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%8B%A4%EC%B1%84%EB%A1%9C%EC%9A%B4%20%EB%AC%B8%ED%99%94%EC%99%80%20%EC%98%88%EC%88%A0%EC%A0%81%20%EB%B6%84%EC%9C%84%EA%B8%B0%EB%A1%9C%20%EC%9C%A0%EB%AA%85%ED%95%98%EB%A9%B0%2C%20%EC%97%AC%EB%9F%AC%20%EC%84%B8%EB%8C%80%EC%97%90%20%EA%B1%B8%EC%B3%90%20%EC%9E%AC%EC%A6%88%2C%20%EB%B8%94%EB%A3%A8%EC%8A%A4%2C%20%EC%8B%9C%EA%B0%81%20%EC%98%88%EC%88%A0%EC%9D%98%20%EC%A4%91%EC%8B%AC%EC%A7%80%EB%A1%9C%20%EC%97%AC%EA%B2%A8%EC%A0%B8%20%EC%99%94%EB%8B%A4.%202010%EB%85%84%EB%8C%80%20%EB%93%A4%EC%96%B4%20%EC%9E%AC%EA%B0%9C%EB%B0%9C%EC%9D%B4%20%ED%99%9C%EB%B0%9C%ED%95%98%EA%B2%8C%20%EC%A7%84%ED%96%89%EB%90%98%EC%97%88%EA%B3%A0%2C%20%EC%9D%B4%20%EA%B3%BC%EC%A0%95%EC%97%90%EC%84%9C%20%EC%A4%91%EC%82%B0%EC%B8%B5%EA%B3%BC%20%EA%B3%A0%EC%86%8C%EB%93%9D%20%EA%B3%84%EC%B8%B5%EC%9D%B4%20%ED%95%A0%EB%A0%98%EC%9C%BC%EB%A1%9C%20%EC%9C%A0%EC%9E%85%EB%90%98%EA%B8%B0%20%EC%8B%9C%EC%9E%91%ED%96%88%EB%8B%A4.%20%EA%B7%B8%EB%9F%AC%EB%82%98%20%ED%98%84%EC%9E%AC%EB%8F%84%20%EB%A7%A8%ED%95%B4%ED%8A%BC%EC%9D%98%20%EB%8B%A4%EB%A5%B8%20%EC%A7%80%EC%97%AD%EC%97%90%20%EB%B9%84%ED%95%B4%EC%84%9C%EB%8A%94%20%EC%86%8C%EB%93%9D%20%EC%88%98%EC%A4%80%EC%9D%B4%20%EC%83%81%EB%8C%80%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EB%82%AE%EC%9D%80%20%ED%8E%B8%EC%9D%B4%EB%A9%B0%2C%20%EC%A7%80%EC%97%AD%20%EB%82%B4%EC%97%90%EC%84%9C%EB%8F%84%20%EC%86%8C%EB%93%9D%20%EC%B0%A8%EC%9D%B4%EA%B0%80%20%ED%81%B0%20%ED%8E%B8%EC%9D%B4%EB%8B%A4.%EB%A1%9C%EC%8A%A4%EC%95%A4%EC%A0%A4%EB%A0%88%EC%8A%A4%EC%9D%98%20Crensha" data-image="https://www.socialimpactnews.net/news/photo/202411/3023_5528_1611.jpg" title="URL복사" data-clipboard-text="https://www.socialimpactnews.net/news/articleView.html?idxno=3023"> <i class="icon-link"><span class="show-for-sr">URL복사(으)로 기사보내기</span></i> </button> </div> </section> <!-- close //--> <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button> <!--// close --> </div> </aside> <div class="article-body"> <!-- contents //--> <article id="article-view-content-div" class="article-veiw-body view-page" itemprop="articleBody"> <p><strong>취약지역에 선보인 &lsquo;커뮤니티 매장&rsquo;</strong></p> <p>뉴욕의 Harlem(할렘)은 맨해튼 북쪽에 위치한 지역으로, 아프리카계 미국인의 문화와 예술이 강하게 자리잡은 곳이다. 그 특유의 다채로운 문화와 예술적 분위기로 유명하며, 여러 세대에 걸쳐 재즈, 블루스, 시각 예술의 중심지로 여겨져 왔다. 2010년대 들어 재개발이 활발하게 진행되었고, 이 과정에서 중산층과 고소득 계층이 할렘으로 유입되기 시작했다. 그러나 현재도 맨해튼의 다른 지역에 비해서는 소득 수준이 상대적으로 낮은 편이며, 지역 내에서도 소득 차이가 큰 편이다.</p> <p>로스앤젤레스의 Crenshaw(크렌쇼) 지역은 LA의 남서쪽에 위치해 있으며, 아프리카계 미국인과 라틴계 커뮤니티가 밀집해 있는 지역이다. 이 지역 역시 할렘처럼 문화적으로도 독특한 정체성을 가지고 있으며, 흑인 문화와 역사에 중요한 역할을 해왔다. 크렌쇼 역시 최근에 재개발과 인프라 개선 프로젝트가 진행되면서 전통적인 커뮤니티와의 갈등도 존재하며, 젠트리피케이션이 진행되면서 일부 원주민들은 생활비 부담으로 인해 지역을 떠나는 경우도 있다.</p> <p>스타벅스는 2011년 10월, 기존의 뉴욕의 할렘 매장(1999년 오픈)과 LA의 크렌쇼 매장(2006년 오픈)을 지역사회 친화적인 새로운 유형의 매장 모델로 바꾸었다. 이른바 처음으로 &lsquo;커뮤니티 매장&rsquo;(Community Store)을 선보인 것이다.<sup>[1]</sup></p> <p>할렘과 크렌쇼 각 지역에서 취약계층 및 지역사회 발전을 위해 노력해 온 NGO와 협력하여 각 조직에 최소 10만 달러를 기부했다. 스타벅스 매장을 기반으로 스타벅스, NGO, 지역사회, 고객과 함께 지역사회 변화 모델을 만드는 것이 목적이었다. 나아가 이를 통해 다른 지역의 스타벅스 매장으로 커뮤니티 매장 모델을 확산하고, 이러한 모델을 다른 기업 역시 복제할 수 있도록 이끌고자 했다. 그 과정에서 재정적 측면에서도 스타벅스의 성장 또한 꾀하는 새로운 비즈니스 모델이었다.</p> <p><strong>매장 인근 지역사회 변화 추구</strong></p> <p>예를 들어 LA 크렌쇼 매장은 해당 지역에서 오랫동안 교육, 안전, 주택, 건강, 고용 문제를 해결하기 위해 노력해 온 Los Angeles Urban League(LAUL)와 협력했다. 목표는 매장 인근의 크렌쇼 지역을 활성화하는 것이다. 대표적으로 그 지역 안에 있는 크렌쇼고등학교(Crenshaw High School)의 전체 졸업률을 높이고, 크렌쇼고등학교를 포함한 지역(Park Mesa Heights)의 폭력 범죄 비율을 줄이는 것을 목표로 했다.</p> <p>크렌쇼 매장은 지역사회 자원봉사에 참여하고, 관련한 교육 및 모임 프로그램의 허브 역할을 하기로 했다. 협력 NGO인 LAUL은 리더십 직무 개발, 생활 기술 개발, 긍정적인 학습 환경, 전반적인 건강과 웰빙 프로그램을 제공하기로 했다.</p> <p>해당 지역에서 스타벅스 매장은 만남과 연결의 주요 공간이다. 이 거점을 기반으로 인근 지역사회 변화를 만들어내는 것은 새로운 실험이었다.</p> <p><strong>2025년까지 미국 내 100개 목표</strong></p> <p>스타벅스는 2020년 1월 한걸음 더 나아갔다. 2025년까지 청년 실업률이 높거나 저소득층 지역 중심으로 커뮤니티 매장을 미국 내에서 100개까지 늘린다는 계획을 발표했다. 미국 전국 단위에서 비영리 자선단체인 United Way와 협력하여 지역사회의 긍정적인 경제적, 사회적 변화를 만들기로 했다.<sup>[2]</sup></p> <div style="text-align:center"> <figure class="photo-layout image photo_5520 float-center" data-idxno="5520" data-type="photo" style="display:inline-block; max-width:1024px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5520_836.jpg" /> <figcaption></figcaption> </figure> </div> <div style="text-align:center"> <figure class="photo-layout image photo_5521 float-center" data-idxno="5521" data-type="photo" style="display:inline-block; max-width:1024px"><img alt="미국의 17번째 커뮤니티 매장인 LA의 왓츠(Watts) 매장 외부(위) 및 내부(아래) / 출처=https://stories.starbucks.com/stories/2020/starbucks-continues-to-strengthen-communities-opens-17th-community-store/" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5521_856.jpg" /> <figcaption>미국의 17번째 커뮤니티 매장인 LA의 왓츠(Watts) 매장 외부(위) 및 내부(아래) / 출처=https://stories.starbucks.com/stories/2020/starbucks-continues-to-strengthen-communities-opens-17th-community-store/</figcaption> </figure> </div> <p>커뮤니티 매장은 해당 지역에서 채용하고, 커뮤니티 이벤트 등을 위한 전용 공간을 마련한다. 또한 커뮤니티 매장 수익금을 기부하며, 이를 통해 United Way 지부 및 NGO와 협력하여 지역사회 참여 프로그램을 운영하고, 매장 개설 및 리모델링 과정에서 다양한 배경을 가진 계약자와 협력하는 것을 추구한다.</p> <p>스타벅스는 커뮤니티 매장을 글로벌로도 확장하고 있다. 2030년까지 글로벌에서 1,000개의 커뮤니티 매장을 개설하는 것을 목표로 내걸고 있다. 2023년까지 미국에서 39개의 커뮤니티 매장을 만든데 이어, 미국 외 글로벌에서 35개의 커뮤니티 매장을 열었다.<sup>[3]</sup></p> <div style="text-align:center"> <figure class="photo-layout image photo_5522 float-center" data-idxno="5522" data-type="photo" style="display:inline-block; max-width:975px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5522_912.jpg" /> <figcaption></figcaption> </figure> </div> <p>글로벌에서 커뮤니티 매장이 활발히 개설되고 있는 나라가 우리나라와 태국이다. 우리나라는 2024년 11월 현재 8개의 커뮤니티 매장이 운영되고 있다.<sup>[4]</sup></p> <div style="text-align:center"> <figure class="photo-layout image photo_5523 float-center" data-idxno="5523" data-type="photo" style="display:inline-block; max-width:1102px"><img alt="우리나라 커뮤니티 매장 1호점인 대학로 매장 / 출처=https://www.starbucks.co.kr/store/store_community.do" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5523_936.jpg" /> <figcaption>우리나라 커뮤니티 매장 1호점인 대학로 매장 / 출처=https://www.starbucks.co.kr/store/store_community.do</figcaption> </figure> </div> <p><strong>왜 커뮤니티 매장을 추진하는가</strong></p> <p>스타벅스는 왜 커뮤니티 매장을 운영할까? 커뮤니티 매장을 운영하지 않는다 해서 기업에 크게 리스크로 작용하는 것도 아니고, ESG 공시 기준이나 ESG 평가에서 강조되고 있는 항목도 아니다.</p> <p>스타벅스의 미션을 보면 하나의 단초가 보인다. 스타벅스는 2023년 4월 새로운 미션을 발표했다. &ldquo;모든 컵, 모든 대화, 모든 커뮤니티를 통해 우리는 인간 관계의 무한한 가능성을 키웁니다&rdquo;가 그 미션이다.<sup>[5]</sup> 스타벅스는 미션에서 컵, 대화, 커뮤니티를 강조하고 있다. 매장은 이것들을 연결하는 공간이다. 특히 그동안 미션에서 &lsquo;이웃(neighborhood)&rsquo;을 지칭해왔는데, 이해관계자 범주를 커뮤니티로 확장했다.</p> <p>ESG 열풍이 불면서 몇 가지 변화가 있는데, 그 중 대표적인 것 중 하나가 미션을 강조하지 않는 것이다. ESG가 표준화된 공시 기준과 산업별 평가 기준을 제시하다 보니 자연스럽게 나타나는 현상이다. ESG 공시 및 평가 기준보다 우선시되어야 하는 것이 우리 기업은 어떤 기업이 되고자 하는 것을 나타내는 미션이다.</p> <p>또 하나의 변화가 균일화되어가는 전략이다. 대부분의 기업이 환경(E), 사회(S), 거버넌스(G) 기준에 의거해 전략을 펼치고 있다. 그러나 기업이 집중해야 하는 것은 이해관계자가 누구이고, 가치사슬에서 우리가 부정적 영향을 줄이고 긍정적 영향을 늘려나가야 할 중점 영역이 무엇인가에 대한 고민이다.</p> <p>스타벅스는 이해관계자를 파트너(직원), 고객, 농부, 지역사회, 환경, 주주 등 6가지로 분류하고, 2030년까지 지속가능성 목표를 달성하기 위해 집중해야 할 분야로 △공급망에서 재생농업 및 산림보호, △식물성 메뉴 옵션 확대, △일회용에서 재사용 가능한 포장으로 전환, △더욱 책임감 있는 매장, △더 나은 폐기물 관리 등 5가지로 선정했다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_5524 float-center" data-idxno="5524" data-type="photo" style="display:inline-block; max-width:866px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5524_1419.jpg" /> <figcaption></figcaption> </figure> </div> <p>이는 스타벅스 가치사슬 전반에 걸쳐서 스타벅스가 풀어야 할 중요한 문제이다. 그 중 하나가 &rsquo;더욱 책임감 있는 매장&rsquo;이고, 이와 관련된 여러 프로그램 중 하나가 커뮤니티 매장인 것이다.</p> <p><strong>ESG 프레임워크에 갇혀서는 안된다</strong></p> <p>기업은 ESG 프레임워크를 고려해야 하지만, 그렇다고 그 프레임워크에 갇혀서는 안된다. 기업 고유의 미션을 살펴보고, 이 미션에 의거해서 이해관계자와 함께 가치사슬에서 풀어가야 할 과제를 고민해야 한다. 그런 후 ESG 프레임워크에 의거할 때 미흡한 점이 있다면 이를 보완하면 되는 것이다.</p> <p>커뮤니티 매장은 스타벅스, 파트너(직원), 고객, 지역사회를 의미있고 지속가능한 방식으로 연결하고자 하며, 이를 통해 지역사회의 긍정적 변화 창출을 꾀하고 있다. ESG 열풍이 불기 전에 많은 기업들이 이러한 접근을 해왔으나, 아쉽게도 최근 들어 약해지는 경향이 있다.</p> <p>규범, 기준 등은 보통 &lsquo;최소주의&rsquo; 원칙에 기반하고 있다. 세상이 더 나빠지는 방향으로 떨어지지 않도록 망을 치는 것이지, 바람직하고 지향해야 할 세상을 그리는 것은 아니다. ESG를 추진하는 것은 기본이 되어야 하고, 이를 넘어 조금 더 긍정적인 영향을 만들기 위한 노력을 해야 할 것이다.</p> <p><strong>코카콜라의 &lsquo;쓰레기 없는 세상&rsquo;</strong></p> <div style="text-align:center"> <figure class="photo-layout image photo_5525 float-center" data-idxno="5525" data-type="photo" style="display:inline-block; max-width:799px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5525_1443.jpg" /> <figcaption></figcaption> </figure> </div> <p>코카콜라 사례도 보자. 코카콜라는 ESG전략으로 크게 6가지를 내걸고 있다. △물 리더십, △모두를 위한 음료, △제품 포장, △기후 대응, △지속가능한 농업, △사람과 커뮤니티다. 6 가지 중에서도 코카콜라가 특히 집중하고 있는 영역은 물, 포장, 기후, 세 가지인데, 이 중 &lsquo;제품 포장&rsquo;을 살펴보려 한다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_5527 float-center" data-idxno="5527" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5527_1540.jpg" /> <figcaption></figcaption> </figure> </div> <p>제품 포장 관련 코카콜라는 2018년에 &lsquo;쓰레기 없는 세상&rsquo;(World Without Waste) 이니셔티브를 시작했다. 크게 세 가지 영역으로 추진하고 있는데, 이는 △디자인(Design), △수집(Collect), △파트너(Partner)다.<sup>[6]</sup></p> <div style="text-align:center"> <figure class="photo-layout image photo_5526 float-center" data-idxno="5526" data-type="photo" style="display:inline-block; max-width:1185px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5526_1511.jpg" /> <figcaption></figcaption> </figure> </div> <p>각각 목표를 설정했다. &lsquo;디자인&rsquo; 영역에서는 2025년까지 전 세계적으로 코카콜라의 모든 포장재를 100% 재활용 가능하도록 하고, 2030년까지 포장재에 최소 50%의 재활용 소재를 사용하겠다고 내세웠다. &lsquo;수집&rsquo; 관련해서는 2030년 목표로, 코카콜라가 판매하는 병이나 캔 1개당 동일한 숫자만큼 1개씩 수거하여 재활용하겠다고 내걸었다. &lsquo;파트너&rsquo; 관련해서는 쓰레기가 없는 건강한 환경을 만들기 위해 다양한 기관, 커뮤니티 등과 다각도로 협력하겠다고 선언했다.</p> <p><strong>혼자 풀기 어려운 문제 다수</strong></p> <p>&lsquo;디자인&rsquo;은 코카콜라가 상대적으로 스스로 컨트롤 할 수 있는 영역이다. 자신의 제품 설계를 재활용 가능한 방향으로 주도적으로 변경해나갈 수 있다. 그러나 &lsquo;수집&rsquo; 영역은 절대 코카콜라 혼자 문제를 풀 수 없다. 일반 시민 등 여러 다양한 이해관계자가 참여해야 하며, 인프라도 구축해야 하고, 때로는 제도 및 시스템의 변화도 추구해야 한다. 그렇기에 &lsquo;파트너&rsquo; 영역이 절대적으로 필요하다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_5528 float-center" data-idxno="5528" data-type="photo" style="display:inline-block; max-width:919px"><img alt="코카콜라의 수집 프로그램" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5528_1611.jpg" /> <figcaption>코카콜라의 수집 프로그램</figcaption> </figure> </div> <p>실제 &lsquo;수집&rsquo;의 경우, 코카콜라가 코카콜라 병 문제만 해결할 수도 없고, 설사 그렇게 할 수 있다 해도 비효율적이다. 그래서 코카콜라는 소비자&middot;산업&middot;지역사회에 인센티브 제공, 포장재 회수하는 기관에 대한 지원, 재활용 시설에 대한 인프라 투자 등을 통해 폐기물 수거 개선에 나서고 있기도 하다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_5529 float-center" data-idxno="5529" data-type="photo" style="display:inline-block; max-width:1121px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5529_1635.jpg" /> <figcaption></figcaption> </figure> </div> <p>&lsquo;파트너&rsquo; 영역도 마찬가지다. 그렇기에 소비자 캠페인, 재활용 교육 등을 통해 사회 인식을 제고하고, 여러 나라의 고객과 협력하여 폐기물 수거 활동을 전개하고, 재활용 문제를 혁신적으로 해결하려는 이니셔티브에 투자하고, 재활용 인프라 개선을 통해 재활용 접근성을 제고하기 위해 노력하고 있다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_5530 float-center" data-idxno="5530" data-type="photo" style="display:inline-block; max-width:1130px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5530_1657.jpg" /> <figcaption></figcaption> </figure> </div> <p><strong>가치사슬 문제, 가치사슬 밖과 협력해야</strong></p> <p>기업의 가치사슬에서 벌어지고 있는 우리 사회의 많은 문제는 기업의 가치사슬 범위에서 풀어나가는데 한계를 가지고 있다. 이것이 ESG 공시 및 평가 기준에서 해결하기 어려운 부분 중 하나다. 이 기준에는 &lsquo;협력&rsquo;이라는 가치가 끼어들기에 제한적이다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_5531 float-center" data-idxno="5531" data-type="photo" style="display:inline-block; max-width:1081px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5531_1712.jpg" /> <figcaption></figcaption> </figure> </div> <p>괴테는 &ldquo;각자가 자기 문 앞을 청소하면 세상이 깨끗해진다&rdquo;고 했는데, 산업혁명 초기만 해도 문제 영향 범위가 상대적으로 작고 문제의 복잡성도 크기 않았기 때문에 그러할 수 있었을 것이다. 그러나 현재는 그렇지 않다. &lsquo;글로벌 가치사슬&rsquo;로 얽혀 있고 제도&middot;시스템&middot;인프라 변화까지 추구해야 하는 경우가 많아, 자기 문 앞만 청소해서는 문제가 절대 해결되지 않는다.</p> <p>반면 생텍쥐페리는 &lsquo;어린왕자&rsquo;에서 &ldquo;매일 아침 세수하고 옷 입기를 마치면 별(행성)도 돌봐 줘야 해&rdquo;라고 말했다. 자신을 돌보는 것(세수, 옷 입기)을 넘어 각자 행성도 돌보려 해야지 문제 해결이 가능하다.</p> <p>현재 기업의 ESG와 관련된 대부분의 문제는 가치사슬에서 벌어지지만, 가치사슬 밖으로 외연을 넓혀야 문제 해결에 접근할 수 있다는 점에서 문제의 복잡성과 어려움이 있다. 모든 기업이 각자 ESG(세수하고 옷 입기 등 자신을 돌보는 것)를 실천할 뿐만 아니라, 자신의 가치사슬에서 핵심적인 이슈를 풀기 위해 좀 더 적극적으로 협력해야 한다.</p> <p><strong>마이크로소프트의 AI for Earth</strong></p> <p>마지막으로 마이크로소프트의 &lsquo;AI for Good&rsquo; 및 구글의 &lsquo;AI for Social Good&rsquo; 사례를 들어보려 한다. 마이크로소프트는AI 기술 통해 사회&middot;환경 문제 해결을 목표로 내걸고 2017년에 &lsquo;AI for Good&rsquo;을 론칭했다. 마이크로소프트의 AI 기술을 활용하기도 하지만, 외부의 AI 기술을 지원하기도 한다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_5532 float-center" data-idxno="5532" data-type="photo" style="display:inline-block; max-width:923px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5532_1730.jpg" /> <figcaption></figcaption> </figure> </div> <p>크게 △지구&middot;환경, △건강, △접근성, △인도주의 활동, △문화유산 등 5가지 영역에서 사회&middot;환경 문제 해결을 추구하고 있다. 열거하기 어려울 정도로 수 많은 사례가 있지만, 그 중 AI for Earth 사례 하나만 소개할까 한다. 미국의 SilviaTerra와 협업한 사례다. SilviaTerra는 2010년에 창업하여 데이터 기반 산림재고관리 솔루션을 제공하는 작은 스타트업이다.<sup>[7]</sup></p> <p>마이크로소프트는 2018년에 SilviaTerra에게 보조금과 마이크로소프트의 기술을 제공하여, 산림을 측정, 모니터링, 보존하는 방식을 혁신하고 있다. SilviaTerra는 위성 이미지와 머신 러닝을 활용하여 펜실베이니아 서부 지역의 산림 재고 데이터를 구축했으나, 이를 전국으로 확대하기에는 어려움이 있었다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_5533 float-center" data-idxno="5533" data-type="photo" style="display:inline-block; max-width:819px"><img alt="SilviaTerra Basemap 프로세스" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5533_1751.jpg" /> <figcaption>SilviaTerra Basemap 프로세스</figcaption> </figure> </div> <p>마이크로소프트의 AI for Earth 엔지니어링팀과 협력하자 새로운 솔루션이 열렸다. 클라우드 컴퓨팅 플랫폼인 Azure 등을 통한 고급 컴퓨팅 파워를 활용하자 100배 빠른 속도로 데이터를 구축할 수 있었다. 이 결과, 약 920억 그루 나무에 대한 세부 정보를 포함하여 5억 3,700만 에이커(약 남한 면적의 22배)에 달하는 삼림 데이터를 담은 SilviaTerra Basemap을 완성할 수 있었다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_5534 float-center" data-idxno="5534" data-type="photo" style="display:inline-block; max-width:800px"><img alt="SilviaTerra Basemap 삼림 목록. 파란색이 밝을수록 삼림이 더 울창한 것을 뜻한다. / 출처=AI for Earth Grantee Profile : SilviaTerra – National forest inventory and carbon offset pilot" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5534_1817.png" /> <figcaption>SilviaTerra Basemap 삼림 목록. 파란색이 밝을수록 삼림이 더 울창한 것을 뜻한다. / 출처=AI for Earth Grantee Profile : SilviaTerra &ndash; National forest inventory and carbon offset pilot</figcaption> </figure> </div> <p>SilviaTerra Basemap의 활용 방안은 다양하다. 탄소 격리를 데이터로 증명함으로써 토지 소유자들이 탄소 시장에 대해 더 쉽게 접근할 수 있도록 하고 있으며, 마이크로소프트 또한 탄소 크레딧 구매자로 참여하고 있다. 그 외에도 동물 서식지 관리, 지속가능한 수확 등 삼림 관리 관련 다양한 목표와 전략을 개발하는데도 도움을 주고 있다.</p> <p><strong>구글의 AI for Social Good</strong></p> <p>구글의 AI for Social Good 이니셔티브는 2018년에 시작되었다. 마이크로소프트와 비슷하게, AI 기술을 통해 글로벌 차원의 사회적 문제를 해결하는 것이 목표다. 구글은 구글의 AI 기술과 자원을 활용하여 환경 보호, 건강 관리, 재난 대응, 교육 등 다양한 분야에서 긍정적인 사회 영향을 만들기 위해 다양한 프로그램을 전개하고 있다.<sup>[8]</sup></p> <div style="text-align:center"> <figure class="photo-layout image photo_5535 float-center" data-idxno="5535" data-type="photo" style="display:inline-block; max-width:697px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5535_1852.jpg" /> <figcaption></figcaption> </figure> </div> <p>많은 사례 중 두 가지만 들어보려 한다. 첫번째 사례는 &lsquo;홍수 예측&rsquo; 프로그램이다. 전세계적으로 홍수로 인해 매년 2억 5천만명의 사상자와 수십억 달러의 경제적 손실이 발생하고 있다. 이에 구글은 AI를 활용해 새로운 홍수 예측 및 경보 시스템인 &lsquo;Flood Hub&rsquo;를 구축했다. 과거의 홍수 사례, 강의 물 높이, 지형 및 지면의 변화와 관련된 데이터를 축적&middot;처리해 지도를 생성하고, 시뮬레이션을 통해 예측 모델을 개발한 것이다. 이를 통해 재해 발생 최대 7일 전에 경고하여 인명 피해와 경제적 손실을 줄이고 있다. 구글은 Flood Hub를 통해 80개국 이상의 강 유역, 1,800개 이상 장소에 대한 홍수 예측 프로그램을 제공하고 있다. 이 프로그램 도달 범위의 수혜자는 4억 6천만명이나 된다.<sup>[9]</sup></p> <div style="text-align:center"> <figure class="photo-layout image photo_5536 float-center" data-idxno="5536" data-type="photo" style="display:inline-block; max-width:1059px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5536_1910.jpg" /> <figcaption></figcaption> </figure> </div> <p>두번째 사례는 &lsquo;자동 망막질환 진단&rsquo;이다. 당뇨병 환자는 전세계에서 4억 2천만명이나 되나 검사 자원이 부족하다. 구글은 10만개의 망막 데이터 훈련을 통해 망막 스캔 데이터를 정확히 해석하여, 당뇨병으로 인해 완전 실명이 되는 당뇨병성 망막병증을 초기 단계에서 식별하고 있다. 현재 인도 등 의료 접근성이 낮은 국가에서 매주 약 3천개 검사를 시행하고 있다.<sup>[10]</sup></p> <div style="text-align:center"> <figure class="photo-layout image photo_5537 float-center" data-idxno="5537" data-type="photo" style="display:inline-block; max-width:600px"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5537_1926.gif" /> <figcaption></figcaption> </figure> </div> <p><strong>MS와 구글은 왜 사회적 가치를 창출하려 하는가?</strong></p> <p>마이크로소프트와 구글은 왜 이러한 활동을 전개하고 있는 것일까? 물론 비즈니스 이해도 있다. 자신의 AI 기술 영향력 확대 및 경쟁력 강화를 꾀하고, 사회적 문제를 해결하는 과정에서 새로운 비즈니스 모델 발굴 기회를 찾기도 한다. 이렇듯 마이크로소프트와 구글의 앞선 프로그램들은 비즈니스에 긍정적 영향을 만들기도 한다. 그렇지만, 이를 넘어서 기본적으로는 자신이 보유한 역량을 활용해 사회적으로 긍정적 영향을 만들려 하고 있다. 이 역시 일반적인 ESG 규범을 넘어서는 접근이다.</p> <p>한번 이런 질문을 해보자. 기업은 사업을 전개하는 동안 불가피하게 사회 및 환경에 부정적인 영향을 끼친다. 이에 일부 기업들은 자신의 가치사슬 전반에 걸쳐 이러한 영향을 파악하고 부정적 영향을 최대한 줄이기 위해 노력한다. 그렇다 할지라도 환경에 부담을 주지 않고, 심층 공급망 인권 등의 문제로부터 완전 자유로울 수 있을 것인가? 절대 그렇지 못하다. 문제를 모두 알기도 어렵고, 모두 해결하기는 더욱 어렵다. &lsquo;우리는 선도적인 지속가능경영을 하고 있다&rsquo;고 주장하는 기업들 역시 모두 마찬가지다.</p> <p>만약, 자신의 기업이 만들어내고 있는 문제를 근본적으로 해결하기 어렵다고 판단한다면 기업은 어떤 선택을 해야 하는가? 자신의 역량을 활용해서 좀 더 적극적으로 사회 및 환경에 긍정적 영향을 만들어내는 것에도 관심을 가져야 한다. 가장 좋게는 불가피하게 만들어내는 폐해를 없애기 위해 최대한 노력해야겠지만, negative impact를 제로로 만들 수 없기 때문에 positive impact에 대해서도 동시에 노력을 경주해야만 하는 것이다.</p> <p><strong>ESG 프레임워크를 넘어서</strong></p> <p>스타벅스, 코카콜라, 마이크로소프트, 구글의 위의 사례 모두 ESG 프레임워크에 의한다면 쉽게 접근하기 어려운 프로그램들이다. 2020년대 들어 글로벌 차원에서 ESG공시, 평가, 규제가 더욱 강력하게 영향력이 확장되어가고 있는 가운데에서도, 많은 기업들이 사회공헌 또는 사회적 가치를 창출하는 프로그램을 활발하게 전개하고 있다. 물론 전체적인 ESG 전략 아래 비즈니스의 핵심적인 이슈들을 해결하는 것을 기반으로 하면서, 그 위에 이러한 프로그램들을 결합시켜나가고 있다.</p> <p>그 이유는 간단하다. 투자 섹터의 ESG 바람은20년 정도이지만, 기업이 이해관계자에 대한 사회적 책임(CSR)을 강화해온 것은 수백년의 흐름이 있기 때문이다. ESG 열풍이 불면서 우리가 놓치고 있는 것들이 다수 있다. 스타벅스처럼 기업 미션을 다지고, ESG 측면에서도 이 미션을 구현하기 위한 활동을 해야 한다. 그러할 때 ESG를 보다 확대된 형태로, 적극적으로 해석할 수 있게 될 것이다.</p> <p>코카콜라 사례 역시 마찬가지다. 자신이 만들어내고 있는 문제를 자신 혼자 해결할 수 없다. 가치사슬이 얽혀 있는데, 여러 갈래 실이 뭉친 실타래에서 자신의 실만 온전히 빼낼 수 없기 때문이다. 그렇기에 기업들이 서로 &lsquo;상자&rsquo; 밖으로 나와 함께 고민해야 한다.</p> <p>마이크로소프트와 구글 사례는 주류 ESG와는 반대로 기업이 사회&middot;환경으로 받는 영향보다는 기업이 사회&middot;환경에 주는 영향에 보다 중점을 두고 있다. 기업이 얼마나 사회 및 환경에 부정적 폐해를 만들어내고 있는지 정확히 알 수 없는 상황이기에, 기업은 ESG를 보다 확대된 형태로 전개해야 할 것이다.</p> <p>기업은 각자의 가치사슬에서 문제를 해결하기 위해 최선을 다하는 한편, 가치사슬 밖으로 걸어 나와 사회 전반의 지속 가능성을 향해 함께 협력하기도 해야 한다. 이런 관점에서 과거부터 자산으로 쌓아왔던 사회공헌을 그냥 폐기시켜서는 안된다. 그대로 이어가자는 것도 아니다. ESG 시대의 기반 위에서 다시 해석해서 더욱 건강하게 살려내야 한다.</p> <p><span style="font-size:14px;">[1] https://stories.starbucks.com/stories/2011/starbucks-announces-store-partnership-model-with-community-organizations-in/</span></p> <p><span style="font-size:14px;">[2] https://stories.starbucks.com/press/2020/starbucks-expands-commitment-in-underserved-communities-across-the-us/</span></p> <p><span style="font-size:14px;">[3] 2023 Starbucks Global Impact Report</span></p> <p><span style="font-size:14px;">[4] https://www.starbucks.co.kr/store/store_community.do</span></p> <p><span style="font-size:14px;">https://www.starbucks.co.kr/responsibility/community_store.do</span></p> <p><span style="font-size:14px;">[5] https://about.starbucks.com/stories/2023/a-new-mission-for-starbucks/</span></p> <p><span style="font-size:14px;">&ldquo;With every cup, with every conversation, with every community &ndash; we nurture the limitless possibilities of human connection.&rdquo;</span></p> <p><span style="font-size:14px;">[6] https://www.coca-colacompany.com/sustainability/packaging-sustainability</span></p> <p><span style="font-size:14px;">[7] AI for Earth Grantee Profile : SilviaTerra &ndash; National forest inventory and carbon offset pilot (Microsoft)</span></p> <p><span style="font-size:14px;">[8] https://ai.google/responsibility/social-good/</span></p> <p><span style="font-size:14px;">[9] https://sites.research.google/floodforecasting/</span></p> <p><span style="font-size:14px;">[10] https://health.google/caregivers/arda/</span></p> <p>​​본 칼럼은 Beyond CSR 블로그에서도 읽을 수 있습니다.<a href="https://blog.naver.com/campsis/223642750854">(</a><a href="https://blog.naver.com/campsis/223651305705">링크</a><a href="https://blog.naver.com/campsis/223642750854">)</a></p> <div id="tem-type-8"> <figure class="photo-layout image photo_5519 float-right" data-idxno="5519" data-type="photo" style="max-width:180px; float:right"><img alt="" src="https://cdn.socialimpactnews.net/news/photo/202411/3023_5519_1244.jpg" /> <figcaption></figcaption> </figure> <p>현재의 ESG로는 지구와 우리의 삶을 구할 수 없다는 생각으로 ESG 패러다임 전환을 위해 노력하고 있다. 통신기업에서 CSR, ESG 업무를 20년째 해오고 있으며, 경기도사회적경제원 이사, 비랩코리아 이사, 이노소셜랩 연구위원, 녹색전환연구소 연구위원으로도 활동하고 있다. &lt;행동주의 기업&gt;, &lt;Next CSR, 파타고니아&gt;(공저) 등의 책을 펴내기도 했다.</p> </div> </article> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <article class="relation"> <ul class="list"> <li><a href="/news/articleView.html?idxno=2971" target="_self">[다시 쓰는 ESG ③] ESG에 밀려난 기업 사회공헌</a></li> <li><a href="/news/articleView.html?idxno=2942" target="_self">[다시 쓰는 ESG ②] 기업과 사회·환경 간 영향은?</a></li> <li><a href="/news/articleView.html?idxno=2917" target="_self">[다시 쓰는 ESG ①] 주류 ESG의 추구 가치</a></li> </ul> </article> <article class="writer"> <div class="item"> <div class="account"> <em class="image" style="background-image:url('https://cdn.socialimpactnews.net/news/photo/member/socialimpactnews_20240403012311.png')"></em> <strong class="name">이노소셜랩 서진석 연구위원</strong> <a href="mailto:press@soimnews.net" class="email">press@soimnews.net</a> </div> </div> <div class="item text-right"> <a href="/news/articleList.html?sc_area=I&sc_word=socialimpactnews&view_type=sm" class="article-more">다른기사 보기</a> </div> </article> <article class="article-copy">저작권자 &copy; 소셜임팩트뉴스 무단전재 및 재배포 금지</article> </div> </div> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <div class="clearfix respons-edit"> <div class="float-left padright-40" style="width:calc(100% - 250px)"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </div> <div class="float-right" style="width:250px"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </div> </div> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <link rel="stylesheet" href="https://cdn.socialimpactnews.net/comment/style.css"> <style> /************************************************** * COMMENT SKIN FILE * * AUTHOR : SOHO (for ndsoft) * FILE : /fine_home/comment/skin/skin01/_style.css * INCLUDE : /fine_home/comment/skin/skin01/_comment.html * NOTE : * **************************************************/ /* layout */ #comment {display:block;margin:2.5rem auto} [data-whatintent="touch"] #comment button, [data-whatintent="touch"] #comment button:focus {outline:0} /* titles */ .cmt-header::after {content:'';display:table;clear:both} .cmt-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:35px;color:#000} .cmt-header .comment-count {font-weight:bold} .cmt-header .my-cmt {float:right;font-size:.875rem;line-height:35px;color:rgba(0,0,0,.95)} .cmt-header .my-cmt > i[class^="icon-"] {display:inline-block;overflow:hidden;width:15px;height:15px;font-size:.5rem;line-height:13px;color:#000;border:1px solid rgba(0,0,0,.5);border-radius:50%;text-align:center;vertical-align:middle} /* write */ .comment-write {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} .comment-write .wrt-header {display:block;padding:1.25rem} .comment-write .wrt-header::after {content:'';display:table;clear:both} .comment-write .user-name {float:left;font-size:.9375rem;line-height:28px} #comment-guest {float:right;font-size:0;white-space:nowrap} #comment-guest input[type="text"], #comment-guest input[type="password"] {display:inline-block;width:115px;height:28px;margin:0;font-size:.8125rem;border-radius:2rem} #comment-guest input[type="password"] {margin-left:.25rem} .comment-write .comment-content {display:block;min-height:65px;margin:0 auto;padding:0 1.25rem;font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.625;color:#000;border:none;border-radius:0} .comment-write .comment-content[readonly] {background:none} .comment-write .recaptcha-container {display:block;font-size:0;text-align:center} .comment-write .recaptcha-container .recaptcha-view {display:inline-block;margin:0 auto 1rem} .comment-write .wrt-footer {display:block;padding:.375rem 1.25rem;border-top:1px solid rgba(0,0,0,.08)} .comment-write .wrt-footer::after {content:'';display:table;clear:both} .comment-write .wrt-footer .cur--length {float:left;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:32px;color:#989898} .comment-write .wrt-footer .comment-text-cur {color:#000} .comment-write .wrt-footer .btn-comment-save {float:right;height:32px;padding:0 1.125rem;font-size:.8125rem;line-height:1;color:#fff;border-radius:.25rem;background-color:#68A4DF;cursor:pointer} @media screen and (max-width: 39.9375em) { .row .comment-write .user-name, .row #comment-guest {float:none;width:auto} .row .comment-write .user-name {display:block;margin-bottom:.375rem} .row .comment-write .btn-comment-login {text-decoration:underline} .row .comment-write .btn-comment-login::before {content:"\e9f5";display:inline-block;margin-right:.375rem;font:14px/1 fontello;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .row #comment-guest input[type="text"], .row #comment-guest input[type="password"] {width:calc(50% - .125rem)} .row .comment-write .comment-content {min-height:80px;font-size:.875rem} .row .comment-write .recaptcha-container {overflow:hidden;max-width:100%} } /* list */ #comment-list {display:block} #comment-list .list-sort {margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.12)} #comment-list .list-sort::after {content:'';display:table;clear:both} #comment-list .list-sort > .option {float:left;font-size:0;white-space:nowrap;text-align:left} #comment-list .btn-comment-orderby {display:inline-block;font-size:.9375rem;line-height:35px;color:rgba(0,0,0,.6);vertical-align:middle;cursor:pointer} #comment-list .btn-comment-orderby.secondary {font-weight:700;font-weight:var(--wgt700, 700);color:#000} #comment-list .list-sort > .option > .btn-comment-orderby:not(:first-child) {margin-left:1rem} #comment-list .explain {float:right;position:relative} #comment-list .explain > .explain-btn {font-size:.8125rem;line-height:35px;color:rgba(0,0,0,.7)} #comment-list .explain > .guide {display:none;position:absolute;z-index:10;right:0;top:100%;width:220px;padding:1rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:rgba(0,0,0,.85);background:#f8f8f8;border:1px solid rgba(0,0,0,.08)} #comment-list .explain > .guide > strong {display:block;margin-bottom:.5rem;font-size:.8125rem} #comment-list .explain .close-button {right:.5rem;font-size:1rem} #comment-list .btn-comment-more {display:block;width:100%;height:50px;font-size:0;background-color:#fff;border:1px solid rgba(0,0,0,.15);text-align:center;cursor:pointer} #comment-list .more-info::after, #comment-list .more-info > span {display:inline-block;font-size:.9375rem;line-height:1;color:#000;vertical-align:middle} #comment-list .more-info::after {content:"\e943";margin-left:.375rem;font:14px/1 fontello;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} @media screen and (max-width: 39.9375em) { .row #comment-list .btn-comment-orderby:not(.secondary) {color:rgba(0,0,0,.45)} } /* comment */ .comment-item {display:block} .comment-item .first {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.08)} .normal-content > .comment-item:first-child .first {padding-top:0;border-top:none} .comment-item .first::after {content:'';display:table;clear:both} .comment-item .photo {float:left} .comment-item .photo > .pfile {display:block;overflow:hidden;width:45px;height:45px;background:url('https://cdn.socialimpactnews.net/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%} .comment-item .photo + .user-textbox {float:right;width:calc(100% - 65px)} .comment-item .textbox-header {margin-bottom:.75rem} .comment-item .textbox-header::after {content:'';display:table;clear:both} .comment-item .textbox-info {display:block;font-size:0;text-align:left} .comment-item .textbox-info > * {display:inline-block;white-space:nowrap;vertical-align:middle} .comment-item .textbox-info > :not(:first-child) {margin-left:.5rem} .comment-item .textbox-info > .name {font-size:.9375rem;line-height:25px;color:#000} .comment-item .textbox-info > .name > small {font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.8)} .comment-item .textbox-info > .name > .vote::before {content:'';display:inline-block;overflow:hidden;width:15px;height:15px;margin-right:.25rem;background:url(/image/comment/vote-mark.svg) 50% 50% no-repeat;background-size:contain;vertical-align:middle} .comment-item .textbox-info > .user-comment-info {cursor:pointer} .comment-item .textbox-info > .datetime {position:relative;padding-left:.75rem;margin-left:.75rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.7)} .comment-item .textbox-info > .datetime::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} .comment-item .textbox-info > .ip {overflow:hidden;width:25px;padding:0 .375rem;font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:14px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.25rem;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;cursor:pointer;transition:width .25s} .comment-item .textbox-info > .ip > .viewing {display:none;font-style:normal} .comment-item .textbox-info > .ip:hover {width:102px} .comment-item .textbox-info > .ip:hover > .viewing {display:inline-block} .comment-item .textbox-option {float:right;font-size:0;text-align:right} .comment-item .textbox-option > a {display:inline-block;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.65);vertical-align:middle} .comment-item .textbox-option > :not(:first-child) {position:relative;margin-left:.75rem;padding-left:.75rem} .comment-item .textbox-option > :not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} .comment-item .textbox-header > :first-child:nth-last-child(2) {float:left} .comment-item .comment-content-view {font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000} .comment-item .textbox-footer {display:block;margin-top:1.25rem} .comment-item .textbox-footer::after {content:'';display:table;clear:both} .comment-item .btn-comment-sub, .comment-item .btn-comment-sub + .user-vote {float:left} .comment-item .btn-comment-sub {margin-right:2.125rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.8);cursor:pointer} .comment-item .comment-sub-count {color:#000} .comment-item .user-vote {display:block;font-size:0;white-space:nowrap;text-align:left} .comment-item .user-vote > .btn-comment-vote {display:inline-block;font-size:.8125rem;line-height:25px;color:rgba(0,0,0,.95);cursor:pointer;vertical-align:middle} .comment-item .user-vote > .btn-comment-vote.vote-up-on {color:#e50000} .comment-item .user-vote > .btn-comment-vote.vote-down-on {color:#1188ff} .comment-item .user-vote > :not(:last-child) {margin-right:.875rem} @media screen and (max-width: 39.9375em) { .row .comment-item .photo {width:35px;height:35px} .row .comment-item .photo + .user-textbox {width:calc(100% - 55px)} .row .comment-item .textbox-info > .name > small {font-weight:lighter} .row .comment-item .textbox-info > .ip {width:auto;padding:0;font-weight:lighter;background:none;border:none;text-overflow:clip} .row .comment-item .textbox-info > .ip > .viewing {display:inline} .row .comment-item .textbox-header > :first-child:nth-last-child(2) {overflow:hidden;float:none} .row .comment-item .textbox-option {float:none;width:auto;margin-top:.375rem;text-align:left} .row .comment-item .textbox-option > a {overflow:hidden;padding:0 .375rem;font-size:.6875rem;font-weight:lighter;line-height:18px;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.125rem;white-space:nowrap} .row .comment-item .textbox-option > :not(:first-child) {padding-left:0} .row .comment-item .textbox-option > :not(:first-child)::before {content:normal;display:none} } /* second comment */ .comment-item .second {display:none;padding:1.25rem 1.5rem;background-color:#f5f6f6;border-top:1px solid rgba(0,0,0,.05)} .comment-item .second::after {content:'';display:table;clear:both} .comment-item .sec-option {display:block;margin-bottom:.5rem;font-size:0;white-space:nowrap;text-align:left} .comment-item .btn-sub-comment-orderby {display:inline-block;font-size:.875rem;line-height:1.375;color:rgba(0,0,0,.6);cursor:pointer;vertical-align:middle} .comment-item .btn-sub-comment-orderby.secondary {font-weight:bold;color:rgba(0,0,0,.95)} .comment-item .sec-option > :not(:first-child) {margin-left:1.125rem} .comment-item .comment-item-sub-body, .comment-item .comment-item-sub-footer {padding-left:2.8125rem} .comment-item .comment-item-sub, .comment-item .comment-item-sub-footer {display:block;position:relative} .comment-item .comment-item-sub {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.05)} .comment-item .comment-item-sub-body > .comment-item-sub:first-child {border-top:none} .comment-item .comment-item-sub::before, .comment-item .comment-item-sub-footer::before {content:'';display:block;overflow:hidden;position:absolute;z-index:1;width:18px;height:21px;background:url('/image/comment/comment_type1_reply.png') 0 0 no-repeat} .comment-item .comment-item-sub::before {left:-2.8125rem;top:1.625rem} .comment-item .comment-item-sub::after {content:'';display:table;clear:both} .comment-item .comment-item-sub-footer {margin-top:1rem} .comment-item .comment-item-sub-footer::before {left:0;top:.625rem} .comment-item .comment-item-sub-footer .comment-write {margin-bottom:0;background:none;border:none;border-radius:0} .comment-item .comment-item-sub-footer .comment-form {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} .comment-item .second .btn-comment-sub-write {display:block;width:100%;margin-bottom:2.1875rem;padding:1.25rem 1.5rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1;color:rgba(0,0,0,.6);background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem;text-align:left;cursor:pointer} .comment-item .second .btn-comment-sub {float:none;width:100%;font-size:.9375rem;text-align:center} @media screen and (max-width: 39.9375em) { .row .comment-item .comment-item-sub-body, .row .comment-item .comment-item-sub-footer {padding-left:1.625rem} .row .comment-item .comment-item-sub::before, .row .comment-item .comment-item-sub-footer::before {width:9px;height:11px;background-size:contain} .row .comment-item .comment-item-sub::before {left:-1.625rem} } /* best comment */ .best-content {display:block} .best-content > .comment-item:first-of-type > .first {padding-top:0;border-top:0} .best-content > .comment-item:last-of-type {margin-bottom:1.25rem} .best-content > .comment-item:last-of-type > .first {border-bottom:1px solid rgba(0,0,0,.08)} .best-content > .comment-item:last-of-type .second {border-top:0;border-bottom:1px solid rgba(0,0,0,.05)} .comment-item .best {display:inline-block;overflow:hidden;margin-right:.25rem;padding:0 .375rem;font-size:.625rem;line-height:16px;color:#fff;background-color:#f44e5c;border-radius:.125rem;text-transform:uppercase;vertical-align:middle} /* user comment infomation */ .block {overflow:hidden !important;touch-action:none} #userCommentInfo {display:none} #userCommentInfo .cmt-info-block {overflow-x:hidden;overflow-y:scroll;position:fixed;z-index:1006;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.45);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #userCommentInfo .cmt-info {overflow:hidden;position:relative;z-index:1006;width:80%;max-width:720px;margin:5em auto 0;padding:1.25rem 1.875rem;background-color:#fff;border-radius:.3125rem;-webkit-backface-visibility:hidden;backface-visibility:hidden} @media screen and (max-width: 39.9375em) { #userCommentInfo .cmt-info {width:100%;margin-top:0;padding-left:1.25rem;padding-right:1.25rem;border-radius:0} } /* header */ #userCommentInfo .info-header {display:block} #userCommentInfo .info-header::after {content:'';display:table;clear:both} #userCommentInfo .info-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:50px;color:#000} #userCommentInfo .info-header .cmt-info-close {float:right;height:50px;font-size:1.625rem;cursor:pointer} /* user infomation */ #userCommentInfo .user-infomation {display:block;overflow:hidden;padding:1rem 1.25rem;margin-bottom:1.875rem;background-color:#3f63bf;border:1px solid rgba(0,0,0,.08);border-radius:.25rem} #userCommentInfo .user-infomation .image {display:block;overflow:hidden;float:left;width:52px;height:52px;margin-right:1rem;background:url('https://cdn.socialimpactnews.net/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%} #userCommentInfo .user-infomation .user-data {display:block} #userCommentInfo .user-infomation .name {display:block;overflow:hidden;margin-bottom:.625rem;font-size:1rem;font-weight:700;font-weight:var(--wgt700 , 700);line-height:1.375;color:#fff;white-space:nowrap;text-overflow:hidden} #userCommentInfo .user-infomation .lists {display:block;padding:0;margin:0;font-size:0;list-style:none;text-align:left} #userCommentInfo .user-infomation .lists > li {display:inline-block;position:relative;font-size:.8125rem;line-height:1.2;color:rgba(255,255,255,.6);vertical-align:middle} #userCommentInfo .user-infomation .lists > li:not(:first-child) {margin-left:.75rem;padding-left:.75rem} #userCommentInfo .user-infomation .lists > li:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid rgba(255,255,255,.15);-ms-transform:translateY(-50%);transform:translateY(-50%)} /* user comment */ #userCommentInfo .cmt-info-body, #userCommentInfo .cmt-item {display:block} #userCommentInfo .cmt-info-body > .cmt-item:not(:first-child) {margin-top:2.5rem} #userCommentInfo .cmt-item .dated {display:block;padding:0;margin:0 auto .625rem;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.65);white-space:nowrap} #userCommentInfo .cmt-item .org-article {display:block;margin-bottom:.625rem} #userCommentInfo .cmt-item .org-article::after {content:'';display:table;clear:both} #userCommentInfo .cmt-item .org-article > .image {overflow:hidden;float:left;width:40px;height:40px;margin-right:1rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover} #userCommentInfo .cmt-item .org-article > .subject {display:block;overflow:hidden;font-size:1.0625rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:40px;color:#000;white-space:nowrap;text-overflow:ellipsis} #userCommentInfo .cmt-item .cmt-box {display:block;overflow:hidden;padding:1.25rem;background-color:#f5f6f6;border:1px solid rgba(0,0,0,.08);border-radius:.25rem} #userCommentInfo .cmt-item .text {display:block;padding:0;margin:0 auto 1rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000} #userCommentInfo .cmt-item.recomment .text::before {content:'답글';display:inline-block;overflow:hidden;padding:0 .625rem;margin-right:.75rem;font-size:.75rem;line-height:22px;color:#fff;background-color:#787878;border-radius:.125rem;white-space:nowrap;vertical-align:middle} #userCommentInfo .cmt-item .helper-box {display:block;padding:0;margin:0;list-style:none} #userCommentInfo .cmt-item .helper-box::after {content:'';display:table;clear:both} #userCommentInfo .cmt-item .helper-box > li {float:left;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300)} #userCommentInfo .cmt-item .helper-box > li:first-child {margin-right:2.5rem} #userCommentInfo .cmt-item.recomment .helper-box > li:first-child {display:none !important} #userCommentInfo .cmt-item .helper-box > li:not(:nth-child(-n + 2)) {margin-left:.875rem} #userCommentInfo .cmt-item-more {display:block;overflow:hidden;width:100%;height:50px;margin-top:2.5rem;font-size:.9375rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:.3125rem;text-align:center;cursor:pointer} /* my comment modal */ #myCommnetView {max-width:720px;background-color:#fff} #myCommnetView > .view-header {display:block;padding:1.875rem} #myCommnetView > .view-header::after {content:'';display:table;clear:both} #myCommnetView > .view-header .titles {float:left;margin:0;font-size:1.375rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:45px} #myCommnetView > .view-header .close {float:right;height:45px;margin:0;font-size:1.875rem;cursor:pointer} @media screen and (max-width: 39.9375em) { .row #myCommnetView {max-width:none} } </style> <!-- 댓글 //--> <article id="comment"> <header id="reply" class="cmt-header"> <div class="titles"><strong class="comment-count"></strong>개의 댓글</div> </header> <!-- write //--> <article class="comment-write"> <form class="comment-form" name="commentWriteForm" method="POST"> <input type="hidden" class="mode" name="mode" value="input" /> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="3023" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <header class="wrt-header"> <a href="https://www.socialimpactnews.net/member/login.html?backUrl=/news/articleView.html?idxno=3023#comment" class="user-name btn-comment-login">회원로그인</a> <article id="comment-guest"> <label for="guestName" class="show-for-sr">작성자</label> <input type="text" name="name" id="guestName" title="작성자" placeholder="작성자" value="" /> <label for="guestPassword" class="show-for-sr">비밀번호</label> <input type="password" name="password" id="guestPassword" title="비밀번호" placeholder="비밀번호" value="" /> </article> </header> <label for="cmtContent" class="show-for-sr">댓글 내용입력</label> <textarea name="content" title="댓글 내용입력" id="cmtContent" class="comment-content" placeholder="권리침해, 욕설 및 특정 대상을 비하하는 내용을 게시할 경우 이용약관 및 관련법률에 의해 제재될 수 있습니다. 회원 로그인을 하시면 댓글 작성이 간편합니다." ></textarea> <div class="recaptcha-container"></div> <footer class="wrt-footer"> <span class="cur--length"><strong class="comment-text-cur">0</strong> / 400</span> <button type="button" class="btn-comment-save user-bg">등록</button> </footer> </form> </article> <!--// write --> <!-- list //--> <article id="comment-list"> <header class="list-sort"> <div class="show-for-sr">댓글 정렬</div> <div class="option"> <button type="button" data-data="I" class="btn-comment-orderby btn-comment-orderby-I">최신순</button> <button type="button" data-data="C" class="btn-comment-orderby btn-comment-orderby-C">추천순</button> <button type="button" data-data="R" class="btn-comment-orderby btn-comment-orderby-R">답글순</button> </div> <div class="explain"> <a rel="menu" class="explain-btn" data-toggle="guide-panel"><i class="icon-info-o"></i> BEST댓글</a> <div id="guide-panel" class="guide" data-toggler data-animate="fade-in fade-out" data-closable> <strong>BEST 댓글</strong> 답글과 추천수를 합산하여 자동으로 노출됩니다. <button class="close-button" data-close><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </div> </div> </header> <section class="best-content"> <!-- BEST 댓글 --> </section> <section class="normal-content"> <!-- 기본 댓글 --> </section> <button type="button" class="btn-comment-more"><span>더보기</span></button> </article> <!--// list --> </article> <!--// 댓글 --> <!-- 댓글삭제 //--> <div class="reveal" id="comment-reveal-delete" data-reveal> <header class="reveal-header"> <div class="reveal-title">댓글삭제</div> <div class="reveal-msg"> 삭제한 댓글은 다시 복구할 수 없습니다.<br> 그래도 삭제하시겠습니까? </div> </header> <section class="reveal-container"> <form class="comment-form" name="commentDeleteForm" method="POST"> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="table-name" name="table_name" value="article_reply" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="3023" /> <input type="hidden" class="mode" name="mode" value="" /> <input type="hidden" class="idxno" name="idxno" value="" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <!-- 비밀번호 //--> <fieldset id="delete-password-field" class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="removePassword" class="medium-middle"><strong class="key-point">비밀번호</strong></label> </div> <div class="medium-9 columns"> <input type="password" name="password" class="password" id="removePassword" title="비밀번호" placeholder="비밀번호 입력" class=""> </div> </fieldset> <!--// 비밀번호 --> <footer class="clearfix text-center"> <button type="button" class="button btn-comment-delete-ok"><i class="icon-trash-o"></i>&nbsp;삭제</button> </footer> </form> </section> <!-- 닫기 //--> <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button> <!--// 닫기 --> </div> <!--// 댓글삭제 --> <!-- 댓글수정 //--> <div class="reveal" id="comment-reveal-modify" data-reveal> <header class="reveal-header"> <div class="reveal-title">댓글수정</div> <div class="reveal-msg"> 댓글 수정은 작성 후 1분내에만 가능합니다. </div> </header> <section class="reveal-container"> <form class="comment-form" name="commentModifyForm" method="POST"> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="table-name" name="table_name" value="article_reply" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="3023" /> <input type="hidden" class="mode" name="mode" value="" /> <input type="hidden" class="idxno" name="idxno" value="" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <!-- 본문 //--> <fieldset class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="modiifyContent" class="medium-middle"><strong class="key-point">본문</strong></label> <div class="size-12"> <span class="comment-text-cur"></span> / 400 </div> </div> <div class="medium-9 columns"> <textarea name="modify_content" class="modiify-content" id="modiifyContent" rows="10"></textarea> </div> </fieldset> <!--// 본문 --> <!-- 비밀번호 //--> <fieldset id="modify-password-field" class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="modifyPassword" class="medium-middle"><strong class="key-point">비밀번호</strong></label> </div> <div class="medium-9 columns"> <input type="password" name="password" class="password" id="modifyPassword" title="비밀번호" placeholder="비밀번호 입력" class=""> </div> </fieldset> <!--// 비밀번호 --> <footer class="clearfix text-center"> <button type="button" class="button btn-comment-modify-ok"><i class="icon-trash-o"></i>&nbsp;수정</button> </footer> </form> </section> <!-- 닫기 //--> <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button> <!--// 닫기 --> </div> <!--// 댓글수정 --> <!-- 유저댓글모음 //--> <div class="user-comment-info-view"></div> <!--// 유저댓글모음 --> <!-- 나의 댓글모음 //--> <div class="reveal large" id="myCommnetView" data-reveal> <article class="view-header"> <div class="titles">내 댓글 모음</div> <button type="button" class="close" data-close><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </article> <iframe id="myIframeBox" src="about:blank" width="100%" height="500" frameBorder="0"></iframe> </div><script src="https://cdn.socialimpactnews.net/comment/comment.js"></script> <script> $comment.service_code = 'news'; // 현재 이용 서비스 (중요!!) $comment.parent_idxno = '3023'; // 댓글 부모 게시물 번호 $comment.member_check = 'GUEST'; // 회원여부 $comment.member_nd = ''; // 회원여부 $comment.captcha_view = 'Y'; // 캡챠 노출 (로그인 및 권한에 따른 노출 상태) $comment.bbs_table = undefined; // 게시판 테이블 $comment.comment_orderby = 'I', // 댓글 정렬 $comment.comment_page = 1, // 댓글 페이징 $comment.comment_count = 0, // 댓글 총 갯수 $comment.commentConfigSet(); // 댓글 설정 불러오기 (중요!!) $(document).ready(function(e){ // 댓글 정렬 변경 $('#comment').on('click', '.btn-comment-orderby', function(e){ $comment.commentList('load', $comment.comment_page, $comment.comment_orderby=$(this).data('data')); // 댓글 불러오기 // $comment.moveScroll($comment.list_container); // 자동 스크롤 이동 }); // 답글 정렬 변경 $('#comment').on('click', '.btn-sub-comment-orderby', function(e){ var reply_parent_idxno = $(this).data('idxno'); $('#comment-item-'+reply_parent_idxno+'-sub .comment-sub-orderby').val($(this).data('orderby')); $comment.commentSubList(reply_parent_idxno, 'reload'); // $comment.moveScroll($comment.list_container); // 자동 스크롤 이동 }); // 댓글 더보기 $('#comment').on('click', '.btn-comment-more', function(e){ $comment.moveScroll($(this)); // 자동 스크롤 이동 $comment.commentList('add', ++$comment.comment_page, $comment.comment_orderby); // 댓글 추가하기 }); // 댓글 쓰기 $('#comment').on('click', '.btn-comment-save', function(e){ if( $comment.textLength($(this).closest('form').find('.comment-content')) ){ // 저장 이벤트 전 글자 수 체크 (스팸 방지) $comment.commentWrite($(this).closest('form')); // 댓글 저장 } }); // 댓글 쓰기 상단 이동 버튼 처리 $('#comment').on('click', '.btn-comment-write', function(e){ $comment.moveScroll($('.comment-write'), true); // 자동 스크롤 이동 $('#comment > .comment-write .comment-content').focus(); }); // 댓글 작성 글자수 제한 $('#comment').on('change keyup keydown keypress', '.comment-content', function(e){ $comment.textLength($(this)); }); // 댓글 삭제 모달 열기 $('#comment').on('click', '.btn-comment-delete', function(e){ var cmtItem = $(this).closest('.user-textbox'); $comment.reveal_delete.find('.mode').val($(this).data('mode')); $comment.reveal_delete.find('.idxno').val(cmtItem.data('idxno')); $comment.reveal_delete.find('.reply-parent-idxno').val(cmtItem.data('reply-parent-idxno')); $comment.reveal_delete.find('.user-id').val(cmtItem.data('user-id')); $comment.reveal_delete.find('.password').val(''); $comment.reveal_delete.foundation('open'); }); // 댓글 삭제 시 엔터 이벤트 $('#comment-reveal-delete .password').keydown(function(e) { if (e.keyCode == 13) return false; }); // 댓글 삭제 $('#comment-reveal-delete').on('click', '.btn-comment-delete-ok', function(e){ $comment.commentDelete($(this).closest('form')); // 댓글 삭제 }); // 댓글 답글 보기 / 더보기 $('#comment').on('click', '.btn-comment-sub', function(e){ var sub_item = $(this).closest('.comment-item'), reply_parent_idxno = sub_item.data('reply-parent-idxno'), sub_mode = $(this).data('sub-mode'); $comment.commentSubList(reply_parent_idxno, sub_mode); // 답글 보기 }); // 답글 쓰기 폼 열기 $('#comment').on('click', '.btn-comment-sub-write', function(e){ var sub_item = $(this).closest('.comment-item'), sub_write_form = sub_item.find('form[name="commentWriteForm"]'); $(this).hide(); sub_write_form.show().find('textarea.comment-content').focus(); $comment.moveScroll(sub_write_form); // 자동 스크롤 이동 }); // 댓글 추천/반대 $('#comment').on('click', '.btn-comment-vote', function(e){ var cmtItem = $(this).closest('.user-vote'); $comment.commentVote($(this), $(this).data('mode'), cmtItem.data('idxno')); // 댓글 추천/반대 }); // 댓글 작성란 비활성 이벤트 $('#comment').on('click', '.comment-write .comment-content', function(e){ if( $(this).prop('readonly') == true ){ var login_url = $(this).closest('.comment-write').find('.btn-comment-login').prop('href'); if($comment.member_check == 'GUEST') location.href=login_url; else alert('댓글 작성 권한이 없습니다. 관리자에게 문의하세요'); } }); // 댓글 옵션 레이어 토글 $('#comment').on('click', '.user-tb-h-del button', function(){ var optionBox = $(this).closest('.user-tb-h-del').find('.user-delete'); if(optionBox.is(':visible') == false){ $('.user-delete').hide(); optionBox.show(); } else optionBox.hide(); }); // 베스트 댓글 안내 $('.cl-s-explain a').on('mouseover', function(){ $(this).next('p').show(); }).on('mouseout', function(){ $(this).next('p').hide(); }); // 댓글 작성자 정보 OPEN $('#comment').on('click', '.user-comment-info', function(){ var infoId = $(this).closest('.comment-item').attr('id'); $comment.userCommentInfo($(this).closest('.user-textbox').data('user-id')); $('html, body').addClass('block'); // 댓글 작성자 정보 CLOSE $(document).on('click', '.cmt-info-block, .cmt-info-close', function(e){ var $tgPoint = $(e.target); var $commentArea = $tgPoint.closest('.cmt-info'); // .hasClass('cmt-info'); var closeBool = true; if($commentArea.length) { if(!$tgPoint.hasClass('icon-close-thin')) closeBool = false; } if(closeBool) { $('html, body').removeClass('block'); $('#userCommentInfo').remove(); } // location.href='#'+infoId; }); }); $('#comment').on('click', '.my-cmt', function(e){ $('#myIframeBox').attr("src", "/comment/myComment.html"); $('#myCommnetView').foundation('open'); }); }); </script> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </article> <aside class="grid side"> <div class="sticky-container" data-sticky-container> <div class="sticky" data-sticky data-anchor="articleViewCon" data-dynamic-height="true" data-check-every="0" data-margin-top="5" data-sticky-on="large"> <!-- 편집패널 //--> <!--코이로 광고 배너--><script type="text/javascript">var ___BANNER = "ban_1691563493";</script><script type="text/javascript" charset="utf-8" src="https://cdn.socialimpactnews.net/bannerpop/uploads/js/10.js?1691563493" id="ban_1691563493"></script><!--//코이로 광고 배너--><article class="box-skin design-7"> <header class="header"><strong><span class="user-point">다시봐도</span> 좋은뉴스</strong></header> <section class="content"><style type="text/css"> #skin-62 > .item:not(:first-child) {margin-top:20px} </style> <div id="skin-62" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=2971" target="_top"><div class="frame marbtm-12"> <em class="auto-images" style="background-image:url(https://cdn.socialimpactnews.net/news/photo/202411/2971_5425_3141.jpg)"></em> </div><DIV class="auto-titles size-18 line-4x2 auto-fontA onload">[다시 쓰는 ESG ③] ESG에 밀려난 기업 사회공헌</DIV> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=2995" target="_top"><div class="frame marbtm-12"> <em class="auto-images" style="background-image:url(https://cdn.socialimpactnews.net/news/photo/202411/2995_5467_5916.jpg)"></em> </div><DIV class="auto-titles size-18 line-4x2 auto-fontA onload">폐지수거노인을 바라보는 2개의 관점: 왜 자원재생활동가인가?</DIV> </a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:20px;"></div><article class="box-skin design-7"> <header class="header"><strong><span class="user-point">최신</span>뉴스</strong></header> <section class="content"><style type="text/css"> #skin-2 > .item {margin-top:10px} #skin-2 > .item:first-child {margin-top:0} </style> <div id="skin-2" class="auto-article auto-boll"><div class="item"> <a href="/news/articleView.html?idxno=3068" target="_top"> <DIV class="auto-titles size-14 line-4x1 auto-fontA onload">금천구립시흥도서관, 청소년 문예창작 과정 ‘2024 꿈꿈 프로젝트 출판기념회’ 개최</DIV> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3069" target="_top"> <DIV class="auto-titles size-14 line-4x1 auto-fontA onload">‘디저트 미식가: 지슐랭을 찾아주세요', 경상북도 F&B 기업 오프라인 팝업 개최</DIV> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3070" target="_top"> <DIV class="auto-titles size-14 line-4x1 auto-fontA onload">사랑의달팽이, 청각장애인 돕는 ‘소울 이어커프’ 캠페인 진행</DIV> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3071" target="_top"> <DIV class="auto-titles size-14 line-4x1 auto-fontA onload">사회적가치연구원, 2024 서울 기후테크 컨퍼런스 참여</DIV> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3067" target="_top"> <DIV class="auto-titles size-14 line-4x1 auto-fontA onload">'관계를 후원으로 이어가는 비법은?' 누구나데이터, 잠재후원자 모금 컨퍼런스 개최</DIV> </a> </div> </div></section> </article><div class="box-margins " style="margin-bottom:20px;"></div><article class="box-skin design-7"> <header class="header"><strong><span class="user-point">인기</span>뉴스</strong></header> <section class="content"><style type="text/css"> #skin-1 > .item:not(:first-child) {padding-top:20px;border-top:1px solid rgba(0,0,0,.08)} #skin-1 .item > a {min-height:60px} #skin-1 .number, #skin-1 .auto-titles, #skin-1 .frame {float:left} #skin-1 .number {width:35px} #skin-1 .number.default-point {color:#808080} #skin-1 .frame {width:90px} #skin-1 .auto-titles {width:calc(100% - 35px)} #skin-1 .item > a[href] > .auto-titles:nth-child(2):nth-last-child(2) {width:calc(100% - 125px);padding-right:15px;padding-right:15px} #skin-1 .height-60 {height:60px} </style> <div id="skin-1" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=2983" target="_top"> <strong class="number size-20 line-2x1 user-point">1</strong> <DIV class="auto-titles size-16 line-4x2 auto-fontA onload"><strong>블랙프라이데이? 쇼핑 멈춰! 새 옷 아닌 새로운 옷을 경험합니다</strong></DIV><div class="frame height-60"> <em class="auto-images line" style="background-image:url(https://cdn.socialimpactnews.net/news/thumbnail/custom/20241201/2983_5483_3423_1731918863_120.jpg)"></em> </div></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3067" target="_top"> <strong class="number size-20 line-2x1 user-point">2</strong> <DIV class="auto-titles size-16 line-4x2 auto-fontA onload"><strong>'관계를 후원으로 이어가는 비법은?' 누구나데이터, 잠재후원자 모금 컨퍼런스 개최</strong></DIV><div class="frame height-60"> <em class="auto-images line" style="background-image:url(https://cdn.socialimpactnews.net/news/thumbnail/custom/20241201/3067_5609_829_1732802910_120.jpg)"></em> </div></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3053" target="_top"> <strong class="number size-20 line-2x1 user-point">3</strong> <DIV class="auto-titles size-16 line-4x2 auto-fontA onload"><strong>㈜샘물터, 사회적기업 투자유치 역량강화 세종권역 IR대회 우수기업 선정</strong></DIV><div class="frame height-60"> <em class="auto-images line" style="background-image:url(https://cdn.socialimpactnews.net/news/thumbnail/custom/20241201/3053_5586_2754_1732670875_120.jpg)"></em> </div></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3002" target="_top"> <strong class="number size-20 line-2x1 auto-fontA">4</strong> <DIV class="auto-titles size-16 line-4x2 auto-fontA onload"><strong>"지구는 우리가 지킨다"…아동·청소년 시각으로 기후위기 대응 방안 논의</strong></DIV><div class="frame height-60"> <em class="auto-images line" style="background-image:url(https://cdn.socialimpactnews.net/news/thumbnail/custom/20241201/3002_5484_1114_1731928275_120.jpg)"></em> </div></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3001" target="_top"> <strong class="number size-20 line-2x1 auto-fontA">5</strong> <DIV class="auto-titles size-16 line-4x2 auto-fontA onload"><strong>비영리 조직의 사회적 영향력을 논의하다, 'IFLC 임팩트 사례 공유회' 개최</strong></DIV><div class="frame height-60"> <em class="auto-images line" style="background-image:url(https://cdn.socialimpactnews.net/news/thumbnail/custom/20241201/3001_5475_3711_1731875832_120.jpg)"></em> </div></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3043" target="_top"> <strong class="number size-20 line-2x1 auto-fontA">6</strong> <DIV class="auto-titles size-16 line-4x2 auto-fontA onload"><strong>‘한국 협동조합의 새로운 현상과 도전’, 한국협동조합학회 2024 추계학술대회 개최</strong></DIV><div class="frame height-60"> <em class="auto-images line" style="background-image:url(https://cdn.socialimpactnews.net/news/thumbnail/custom/20241201/3043_5574_1023_1732507823_120.jpg)"></em> </div></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3020" target="_top"> <strong class="number size-20 line-2x1 auto-fontA">7</strong> <DIV class="auto-titles size-16 line-4x2 auto-fontA onload"><strong>마을 단위 지속가능한 관광 정책으로 지방소멸 문제 대응해야</strong></DIV><div class="frame height-60"> <em class="auto-images line" style="background-image:url(https://cdn.socialimpactnews.net/news/thumbnail/custom/20241201/3020_5515_947_1732115387_120.jpg)"></em> </div></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3033" target="_top"> <strong class="number size-20 line-2x1 auto-fontA">8</strong> <DIV class="auto-titles size-16 line-4x2 auto-fontA onload"><strong>스타트업의 새 기준을 묻다, 현대차정몽구재단 ‘2024 임팩트 스타트업 데이’ 개최</strong></DIV><div class="frame height-60"> <em class="auto-images line" style="background-image:url(https://cdn.socialimpactnews.net/news/thumbnail/custom/20241201/3033_5556_2544_1732199144_120.jpg)"></em> </div></a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:20px;"></div> <!--// 편집패널 --> </div> </div> </aside> </section> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </div> </div> </section> <!--// container --> </div> <style type="text/css"> #user-footer.skin-5 {padding:2.375rem 0 3.875rem;margin:0;background-color:#333;text-align:center} #user-footer.skin-5 .logo {margin-bottom:2.375rem} #user-footer.skin-5 .logo img {max-height:35px} /* navigation */ #user-footer.skin-5 .user-nav {display:block;margin-bottom:1.375rem;font-size:0;text-align:center} #user-footer.skin-5 .user-nav > a {display:inline-block;padding:.375rem 1.125rem;font-size:.75rem;line-height:1.125;color:#fff} /* copyright */ #user-footer.skin-5 .user-address {display:block;width:auto;margin:0;padding:0;text-align:center;list-style:none} #user-footer.skin-5 .user-address::after {content:'';display:table;clear:both} #user-footer.skin-5 .user-address > li {display:inline-block;font-size:.6875rem;font-weight:300;line-height:1.375;color:rgba(255,255,255,.45)} #user-footer.skin-5 .user-address > li.disabled {display:block;font-size:0;line-height:0;color:transparent} #user-footer.skin-5 .user-address > li::before {content:'';display:inline-block;overflow:hidden;width:0;height:.625rem;margin:0 .625rem;border-left:1px solid rgba(255,255,255,.25);vertical-align:baseline} #user-footer.skin-5 .user-address > :first-child::before, #user-footer.skin-5 .user-address > li.disabled::before, #user-footer.skin-5 .user-address > li.disabled + li::before {display:none} #user-footer.skin-5 .user-address > li.clear {margin-left:0;clear:both} #user-footer.skin-5 .user-address a {color:rgba(255,255,255,.45);text-decoration:none} #user-footer.skin-5 .user-address .copyright {display:inline-block;margin-left:1.25rem} /* ndsoft */ #user-footer.skin-5 .ndsoft {display:block;position:inherit;z-index:inherit;right:inherit;bottom:inherit;margin-top:1rem;text-align:right} #user-footer.skin-5 .ndsoft > a {display:inline-block} </style> <!-- footer //--> <footer id="user-footer" class="skin-5"> <div class="posi-re float-center width-1200"> <!-- nav //--> <nav class="user-nav"> <a href="/com/com-1.html">매체소개</a> <a href="https://www.socialimpactnews.net/com/jb.html">기사제보</a> <a href="https://www.socialimpactnews.net/com/ad.html">광고문의</a> <a href="/com/service.html">이용약관</a> <a href="/com/privacy.html"><strong>개인정보처리방침</strong></a> <a href="/com/youthpolicy.html">청소년보호정책</a> <a href="/com/copyright.html">저작권보호정책</a> <a href="/com/emailno.html">이메일무단수집거부</a> <!-- <a href="/rssIndex.html">RSS</a> --> </nav> <!--// nav --> <ul class="user-address"> <li>본사 : 서울특별시 성동구 송정6길 5, 2층(송정동)<!--서울시 강동구 상암로79길 18, 1층(상일동)--></li> <li>미디어센터 : 서울특별시 성동구 뚝섬로1나길 5, 헤이그라운드 성수 시작점 S619</li> <li>대표전화 : 02-723-0188</li> <li>청소년보호책임자 : 김현희</li> <li class="disabled"></li> <li class="clear">법인명 : (사)임팩트확산네트워크</li> <li>제호 : 소셜임팩트뉴스</li> <li>등록번호 : 서울 아 54673</li> <li>등록일 : 2023-02-06</li> <li>발행일 : 2023-03-13</li> <li>발행·편집인 : 정진영</li> <li class="disabled"></li> <!--<li class="clear">후원계좌안내 : KB국민은행 801737-04-018909<!--KB국민은행 861901-04-146845--</li>--> <li class="disabled"></li> <li class="clear">C<a href="https://www.socialimpactnews.net/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2024 소셜임팩트뉴스. <a href="https://www.socialimpactnews.net/news/articleView.html?idxno=3023" onclick="setCookie('view_pc', 'n', 1);" tabindex="-1">All</a> rights reserved. mail to <a href="mailto:press@soimnews.net">press@soimnews.net</a> </li> </ul> <div class="ndsoft"><a href="http://www.ndsoft.co.kr/" target="_blank"><img src="https://cdn.socialimpactnews.net/image/ndsoft.svg" alt="ND소프트"></a></div> </div> </footer> <!--// footer --> <div class="clearfix text-center"> </div> <button type="button" id="back-to-top" class="back-to-top" title="위로"><i class="icon-arrow-top"><span class="show-for-sr">위로</span></i></button> <a href="https://www.socialimpactnews.net/news/articleView.html?idxno=3023" class="desktop-to-mobile hide" onclick="setCookie('view_pc', 'n', 1);">모바일버전</a> </div> <!--// wrap --> </div> <div class="off-canvas user-canvas position-left is-closed" id="offCanvas" data-off-canvas data-transition="overlap"> <style type="text/css"> .user-canvas .user-canvas-navs .menu li > a:hover,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:#000} .user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a::after,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {border-top-color:#000} .user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#000} </style> <nav id="allService" class="user-canvas-navs"> <!-- 1차 //--> <ul class="vertical menu accordion" data-accordion-menu data-multi-open="false"> <li><a href="/news/articleList.html?view_type=sm">전체기사</a></li> <li> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">비즈니스</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top">사회적기업</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N2&view_type=sm" target="_top">소셜벤처</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top">협동조합</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top">마을기업</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top">자활기업</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top">생협</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N7&view_type=sm" target="_top">공기업</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N8&view_type=sm" target="_top">대기업</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N33&view_type=sm" target="_top">공정무역</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">비영리</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N11&view_type=sm" target="_top">사회적협동조합</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N12&view_type=sm" target="_top">비영리스타트업</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N13&view_type=sm" target="_top">NGO</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N9&view_type=sm" target="_top">사단법인</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N10&view_type=sm" target="_top">재단법인</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N34&view_type=sm" target="_top">위기의 시대, 비영리에서 기회를 찾다</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N35&view_type=sm" target="_top">넥스트 비영리</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">정책/사회</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N27&view_type=sm" target="_top">정책</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N28&view_type=sm" target="_top">사회</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N29&view_type=sm" target="_top">다양성</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N14&view_type=sm" target="_top">중간지원조직</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N15&view_type=sm" target="_top">협단체</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N31&view_type=sm" target="_top">환경</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">경제/금융</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N16&view_type=sm" target="_top">경제일반</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N17&view_type=sm" target="_top">임팩트투자</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N30&view_type=sm" target="_top">임팩트금융</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top">글로벌</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top">오피니언</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N20&view_type=sm" target="_top">데스크칼럼</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N21&view_type=sm" target="_top">기자수첩</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N22&view_type=sm" target="_top">기고</a> </li> </ul> </li> </ul> </nav> <button class="close-button" aria-label="Close menu" type="button" data-close> <i class="icon-close-thin"><span class="show-for-sr">전체메뉴닫기</span></i> </button> </div> </div> </div> <script> // Popup Json var ___popup = []; bannerpop.popup(); </script> <script type="text/javascript"> // back to the top $(document).scroll(function(){ var sDocumentHeight = $(document).height() - $(window).height(); if($(document).scrollTop() > 0){ $('#back-to-top').fadeIn(); }else{ $('#back-to-top').fadeOut(); } }); $('#back-to-top, a[href="#top"]').click(function(){ $('html, body').animate( {scrollTop:0}, 100); }); // 모바일버전 이동 버튼 if(bannerpop.isMobileDevice()===true) $(".desktop-to-mobile").removeClass("hide"); </script> <!-- 구글 애드센스 S --> <script src="https://cdn.socialimpactnews.net/adManager/js/lab.js"></script> <script> jQuery(function($) { setTimeout(function() { $LAB .script("//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js") .wait(function () { var adn = jQuery('.adsbygoogle').length; if (adn > 0) { for (var i = 0; i < adn; i++) { (adsbygoogle = window.adsbygoogle || []).push({}); } } }); }, 1000); }); </script> <!-- 구글 애드센스 E --> <script> $(document).ready(function(){ // 닫기 버튼 자동 노출 $('.ad-template.ad-close .ad-view').each(function(){ $(this).append('<div class="ad-close-btn"><i class="icon-close"></i></div>'); }) // 닫기 버튼 클릭 시 이벤트 $('body').on('click', '.ad-close-btn', function(){ $(this).closest('.ad-view').slideUp(); }) // isND var ____is_nd = getCookie('____is_nd'); if(____is_nd) { // ND IP만 광고 ID 보이기 $('.ad-template').each(function(){ $(this).append('<div class="ad-code-id">'+$(this).attr('id')+'</div>'); }) // 광고 ID 자동 숨김 설정 시 $('.ad-code-id').hide(); $('.ad-template').mouseenter(function(){ $(this).find('.ad-code-id').show(); }).mouseleave(function(){ $(this).find('.ad-code-id').hide(); }) } }) /* ****************************************** */ /* 날개배너 스크립트 */ /* ****************************************** */ $('#wingBanner .wing-banner-left .wing-banner').each(function(){ if( $(this).data('scroll') == 'y' ) $(this).addClass('scroll-on'); }); $(window).scroll(function() { if( $('#wingBanner .wing-banner').length > 0 ){ // 날개배너가 있으면 작동 var scrollingHeight_L = nonScrollingHeight_L = scrollingHeight_R = nonScrollingHeight_R = 0; $('#wingBanner .wing-banner').each(function(idx){ var $_this = $(this), // 날개배너 scroll = $_this.data('scroll'), // 날개배너 스크롤 여부 topMargin = $_this.data('top-margin'), // 날개배너 상단여백 downMargin = $_this.data('down-margin'), // 날개배너 하단여백 duration = $_this.data('duration'), // 날개배너 스크롤 속도 direction = $_this.data('direction'), // 날개배너 위치 // bannerTop = $_this.offset().top, // 날개배너 상단 위치 (가변) bannderHeight = $_this.outerHeight(); // 날개배너 높이 (고정) var fixWingBannertop = $('#wingBanner').offset().top; // 날개배너 상단 위치 (고정) var articleTitleHeight = $('#sticky-header.scroll').height(); // 날개배너 스크롤 시 상단 타이틀 높이 (기사 본문 시) if(!articleTitleHeight) articleTitleHeight = 0; var $_userFooter = $('#user-footer'), // 사이트 Footer userFooterHeight = $_userFooter.outerHeight(); // 사이트 Footer 높이 (고정) var winScrollTop = $(window).scrollTop(), // 윈도우 스크롤 위치 (가변) winHeight = $(window).height(), // 윈도우 높이 docHeight = $(document).height(); // 페이지 높이 switch (direction) { // 날개 배너 위치 별 case 'left': if(scroll == 'y') scrollingHeight_L += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하는 배너의 높이값 (좌) else nonScrollingHeight_L += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하지 않는 배너의 높이값 (좌) break; case 'right': if(scroll == 'y') scrollingHeight_R += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하는 배너의 높이값 (우) else nonScrollingHeight_R += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하지 않는 배너의 높이값 (우) break; } if(scroll == 'y') { // 스크롤 배너만 움직임 처리 var bannerAllHeight = siteAllHeight = 0; // 좌우측 각각 배너 스크롤 처리를 위해 나눠서 처리 if(direction == 'left'){ // 좌측 날개 var wingBnTop_L = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_L; // 날개배너 스크롤 위치 (가변) if( articleTitleHeight ) wingBnTop_L += articleTitleHeight; // 기사본문 시 상단 스크롤 타이틀이 나타나면 스크롤 타이틀 만큼 날개배너 위치 조정 if((fixWingBannertop + nonScrollingHeight_L) < winScrollTop) { bannerAllHeight = articleTitleHeight + scrollingHeight_L + 1; // 상단 타이틀 + 스크롤배너의 총 높이 siteAllHeight = winHeight - userFooterHeight + downMargin; // 윈도우 높이 + 사이트 Footer 높이 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // 사이트 Footer 넘어가는 경우 처리 wingBnTop_L -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_L + topMargin + articleTitleHeight))); $('#wingBanner .wing-banner-left .wing-banner.scroll-on').animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); // 마지막 배너 움직임 처리 } } else { wingBnTop_L = 0; // 최상단 처리 } $_this.animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); } else { // 우측 날개 var wingBnTop_R = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_R; // 날개배너 스크롤 위치 (가변) if( articleTitleHeight ) wingBnTop_R += articleTitleHeight; // 기사본문 시 상단 스크롤 타이틀이 나타나면 스크롤 타이틀 만큼 날개배너 위치 조정 if((fixWingBannertop + nonScrollingHeight_R) < winScrollTop) { bannerAllHeight = articleTitleHeight + scrollingHeight_R + 1; // 상단 타이틀 + 스크롤배너의 총 높이 siteAllHeight = winHeight - userFooterHeight + downMargin; // 윈도우 높이 + 사이트 Footer 높이 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // 사이트 Footer 넘어가는 경우 처리 wingBnTop_R -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_R + topMargin + articleTitleHeight))); $('#wingBanner .wing-banner-right .wing-banner.scroll-on').animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); // 마지막 배너 움직임 처리 } } else { wingBnTop_R = 0; // 최상단 처리 } $_this.animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); } } }); } }); </script> </body> </html>

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