CINXE.COM

다시 쓰는 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="description" content="지속가능한 사회를 목표로 혁신하는 소셜임팩트 현장의 진짜 이야기"/> <meta property="og:title" content="소셜임팩트뉴스"/> <meta property="og:site_name" content="소셜임팩트뉴스"/> <meta property="og:image" content="https://www.socialimpactnews.net/image/logo/snslogo_20240401103136.png" /> <meta property="og:url" content="https://www.socialimpactnews.net" /> <meta property="og:description" content="지속가능한 사회를 목표로 혁신하는 소셜임팩트 현장의 진짜 이야기" /> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="소셜임팩트뉴스"/> <meta name="twitter:description" content="지속가능한 사회를 목표로 혁신하는 소셜임팩트 현장의 진짜 이야기"/> <meta name="twitter:image:src" content="https://www.socialimpactnews.net/image/logo/snslogo_20240401103136.png"/> <!--// 메타태그정보 --> <link rel="shortcut icon" href="https://cdn.socialimpactnews.net/image/logo/favicon.png"> <title>다시 쓰는 ESG < 오피니언 < 기사목록 - 소셜임팩트뉴스</title> <link rel="alternate" type="application/rss+xml" href="https://cdn.socialimpactnews.net/rss/gns_allArticle.xml"/> <link rel="canonical" href="https://www.socialimpactnews.net" /> <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(); // 멀티 기능성 배너 이벤트 // 기사뷰 이미지관련 // 기사본문 부분 복사하기 저작권 표시 $('#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 = 1732808512; // 즐겨찾기 스크립트 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> </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/articleList.html" data-serial-code="SRN28" data-multi-code=""> <!-- 최상단영역 //--> <div id="user-gnb"> <div class="mode-inner"> <!-- 최종편집 //--> <div class="user-intro">UPDATED. 2024-11-29 00:30 (금) </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> <!--// 날개배너 --> <style type="text/css"> /* edit skin css START */ #user-section {display:block;margin:0 auto} #user-section .grid-wrap {display:table;width:100%;table-layout:fixed} #user-section .grid-wrap > .grid {display:table-cell;width:100%;vertical-align:top} #user-section .grid-wrap > .grid.side {width:340px;padding-left:40px} #user-section .grid.side .sticky {width:100%} #user-section .grid.side .sticky::after {content:'';display:table;clear:both} @media screen and (max-width: 63.9375em) { .row #user-section .grid-wrap, .row #user-section .grid-wrap > .grid {display:block;width:auto} .row #user-section .grid-wrap {table-layout:initial} .row #user-section .grid-wrap > .grid {vertical-align:initial} .row #user-section .grid-wrap > .grid.side {padding-left:0} } /* list(type3) */ #section-list .type3 .thumb + .category {display:none !important} /* edit skin css END */ </style> <div id="user-section" style="max-width:1200px"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <div id="anchorCon" class="grid-wrap"> <section class="grid body"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <!-- 기사리스트 //--> <div id="sections"> <section class="section-body"> <!-- header //--> <header class="header"> <H1 class="titles"> <strong> 다시 쓰는 ESG <span class="show-for-sr">목록</span> </strong> <small>( <span class="show-for-sr">총 : </span>4건)</small> </H1> <div class="view-type"> <div class="button-group tiny"> <a href="/news/articleList.html?page=1&total=4&sc_section_code=S1N8&sc_sub_section_code=&sc_serial_code=SRN28&sc_area=&sc_level=&sc_article_type=&sc_view_level=&sc_sdate=&sc_edate=&sc_serial_number=&sc_word=&box_idxno=&sc_multi_code=&sc_is_image=&sc_is_movie=&sc_user_name=&sc_order_by=E&sc_area_code=" class="button nd-white" title="제목형:제목과 간략정보만 보실 수 있습니다."><i class="icon-th-list"></i><span class="show-for-medium">&nbsp;제목형</span></a> <a href="/news/articleList.html?page=1&total=4&sc_section_code=S1N8&sc_sub_section_code=&sc_serial_code=SRN28&sc_area=&sc_level=&sc_article_type=&sc_view_level=&sc_sdate=&sc_edate=&sc_serial_number=&sc_word=&box_idxno=&sc_multi_code=&sc_is_image=&sc_is_movie=&sc_user_name=&sc_order_by=E&sc_area_code=&view_type=sm" class="button user-bg" title="요약형:사진,제목,간략정보를 함께 보실 수 있습니다."><i class="icon-th"></i><span class="show-for-medium">&nbsp;요약형</span></a> <a href="/news/articleList.html?page=1&total=4&sc_section_code=S1N8&sc_sub_section_code=&sc_serial_code=SRN28&sc_area=&sc_level=&sc_article_type=&sc_view_level=&sc_sdate=&sc_edate=&sc_serial_number=&sc_word=&box_idxno=&sc_multi_code=&sc_is_image=&sc_is_movie=&sc_user_name=&sc_order_by=E&sc_area_code=&view_type=tm" class="button nd-white" title="포토형:박스형태로 정리된 기사를 보실 수 있습니다."><i class="icon-th-large"></i><span class="show-for-medium">&nbsp;포토형</span></a> </div> </div> </header> <!--// header --> <!-- 웹진형 //--> <section id="section-list"> <ul class="type2"> <li> <a href="/news/articleView.html?idxno=3023" target="_top" class="thumb"> <img src="https://cdn.socialimpactnews.net/news/thumbnail/202411/3023_5528_1611_v150.jpg" alt="" /> </a> <div class="view-cont"> <H2 class="titles"><a href="/news/articleView.html?idxno=3023" target="_top">[다시 쓰는 ESG ④] ESG시대에 사회적 가치 고민하는 기업들</a></H2> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=3023" target="_top"> 취약지역에 선보인 ‘커뮤니티 매장’뉴욕의 Harlem(할렘)은 맨해튼 북쪽에 위치한 지역으로, 아프리카계 미국인의 문화와 예술이 강하게 자리잡은 곳이다. 그 특유의 다채로운 문화와 예술적 분위기로 유명하며, 여러 세대에 걸쳐 재즈, 블루스, 시각 예술의 중심지로 여겨져 왔다. 2010년대 들어 재개발이 활발하게 진행되었고, 이 과정에서 중산층과 고소득 계층이 할렘으로 유입되기 시작했다. 그러나 현재도 맨해튼의 다른 지역에 비해서는 소득 수준이 상대적으로 낮은 편이며, 지역 내에서도 소득 차이가 큰 편이다.로스앤젤레스의 Crensha </a> </p> <span class="byline"> <em>다시 쓰는 ESG</em> <em>이노소셜랩 서진석 연구위원</em> <em>2024.11.21 08:26</em> </span> </div> </li> <li> <a href="/news/articleView.html?idxno=2971" target="_top" class="thumb"> <img src="https://cdn.socialimpactnews.net/news/thumbnail/202411/2971_5425_3141_v150.jpg" alt="" /> </a> <div class="view-cont"> <H2 class="titles"><a href="/news/articleView.html?idxno=2971" target="_top">[다시 쓰는 ESG ③] ESG에 밀려난 기업 사회공헌</a></H2> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=2971" target="_top"> ESG 초기, 사회공헌에 대한 기대감2020년말부터 국내에 ESG 열풍이 불기 시작하는 초기에, 섹터에 따라 ESG를 바라보는 시각은 조금 달랐다. 사회적경제 조직의 일반적인 반응은 ESG가 한때 유행일 거라면서 약간 거리감을 두고 보는 경향이 있었고, NGO에서는 기업의 사회공헌이 증가할 것이라는 약간의 기대감을 가지는 경향이 있었다.사회적경제 조직 대상 강연을 갈 때는 ESG가 결코 유행이 아닐 것이며 투자섹터의 ESG 정의가 아니라 사회적경제 관점에서 ESG을 어떻게 정의하고 이끌 것인지 깊이 있게 대응해야 한다고 했으며, N </a> </p> <span class="byline"> <em>다시 쓰는 ESG</em> <em>소셜임팩트뉴스=소셜임팩트뉴스</em> <em>2024.11.11 04:30</em> </span> </div> </li> <li> <a href="/news/articleView.html?idxno=2942" target="_top" class="thumb"> <img src="https://cdn.socialimpactnews.net/news/thumbnail/202411/2942_5279_4228_v150.jpg" alt="" /> </a> <div class="view-cont"> <H2 class="titles"><a href="/news/articleView.html?idxno=2942" target="_top">[다시 쓰는 ESG ②] 기업과 사회·환경 간 영향은?</a></H2> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=2942" target="_top"> CSR은 언제 시작되었는가?두 가지 질문을 해보려 한다. 첫째 질문, CSR(지속가능경영과 유사한 의미로 사용)은 언제 시작되었는가? CSR은 기업의 이해관계자에 대한 책임이기에, 기업의 시작과 함께 CSR은 함께 시작되었다고 할 수 있다. 기업의 이해관계자 범위는 시대에 따라 확장되고 있을 뿐, 기업은 태생적으로 이해관계자와 함께 존재했기 때문이다.CSR의 태동을 멀리는 고대 문명, 가깝게는 르네상스 시대로 보는 사람들이 있지만, 일반적으로 CSR의 시작을 1800년대 후반으로 보고 있다. 산업혁명으로 상품의 제조 및 유통, 노동 </a> </p> <span class="byline"> <em>다시 쓰는 ESG</em> <em>이노소셜랩 서진석 연구위원</em> <em>2024.11.04 05:45</em> </span> </div> </li> <li> <a href="/news/articleView.html?idxno=2917" target="_top" class="thumb"> <img src="https://cdn.socialimpactnews.net/news/thumbnail/202410/2917_5228_1817_v150.jpg" alt="" /> </a> <div class="view-cont"> <H2 class="titles"><a href="/news/articleView.html?idxno=2917" target="_top">[다시 쓰는 ESG ①] 주류 ESG의 추구 가치</a></H2> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=2917" target="_top"> 우리 사회 ESG 수준을 결정하는 것2021년 1월부터 7월까지 6개월에 걸쳐 25편의 글로 ESG를 연재한 적이 있었다. 당시 연재를 시작한 것은 주류 ESG가 지향하는 방향과 속도가 잘못되었고, ESG 흐름이 마치 지구와 사람을 구할 수 있을 것처럼 얘기하는 ESG 워싱을 비판하기 위함이었다. 블로그 대문 명패는 beyond CSR인데, 이는 곧 ‘지속불가능 ESG’를 밝히는 것과 동의어가 되다시피 했다.새삼 뒤로 돌아가 ESG 정의만 다시 살펴보려 한다. ESG는 이미 보편화된 용어처럼 보이지만, 강연을 다니다 보면 여러 개념 </a> </p> <span class="byline"> <em>다시 쓰는 ESG</em> <em>이노소셜랩 서진석 연구위원</em> <em>2024.10.31 05:21</em> </span> </div> </li> </ul> </section> <!--// 웹진형 --> <!-- //샘플 지우면 안됨!!! ajax로 append시키기 위한 샘플 입니다. 만약 요소와 속성이 변경이 된다면 paginate.js 의 call 부분도 수정 해야 합니다. --> <li id="sample" class="blind"> <a href="" class="thumb linked"> <img src="" alt="" class="replace-thumb" /> </a> <div class="view-cont"> <H2 class="titles"><a href="" class="linked replace-titles"></a></H2> <p class="lead line-6x2"> <a href="" class="linked replace-read"> </a> </p> <span class="byline"> <em class="replace-section"></em> <em class="replace-name"></em> <em class="replace-date"></em> </span> </div> </li> <!-- // 샘플 --> <nav aria-label="Pagination"><ul class="pagination"><li class="pagination-start"><a href="/news/articleList.html?page=1&total=4&box_idxno=&sc_section_code=S1N8&sc_serial_code=SRN28&view_type=sm" title="처음"><i class="icon-angle-double-left"><span class="show-for-sr">처음</span></i></a></li><li class="current user-bg">1</li><li class="pagination-end"><a href="/news/articleList.html?page=1&total=4&box_idxno=&sc_section_code=S1N8&sc_serial_code=SRN28&view_type=sm" title="끝"><i class="icon-angle-double-right"><span class="show-for-sr">끝</span></i></a></li></ul></nav> </section> </div> <!--// 기사리스트 예시 --> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </section> <aside class="grid side"> <div class="clearfix" data-sticky-container> <div class="sticky" data-sticky data-anchor="anchorCon" data-sticky-on="large" data-dynamic-height="true" data-check-every="0"> <!-- 편집패널 //--> <div class="clearfix"> <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-60 > .item {margin-top:10px} #skin-60 > .item:first-child {margin-top:0} </style> <div id="skin-60" class="auto-article auto-boll"><div class="item"> <a href="/news/articleView.html?idxno=3066" 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=3065" 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=3064" target="_top"> <DIV class="auto-titles size-14 line-4x1 auto-fontA onload">한국사회투자-하나금융, 3년간 총 68.5억 원 임팩트투자</DIV> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3062" target="_top"> <DIV class="auto-titles size-14 line-4x1 auto-fontA onload">119REO, 아라미드 리사이클 팩토리 개소… "2030년까지 아라미드 자원 순환 1등 목표"</DIV> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3060" target="_top"> <DIV class="auto-titles size-14 line-4x1 auto-fontA onload">현대차 정몽구 재단, 'K-기후테크 기업가형 연구자 육성' 그린 소사이어티 첫 성과공유회 개최</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-61 > .item:not(:first-child) {padding-top:20px;border-top:1px solid rgba(0,0,0,.08)} #skin-61 .item > a {min-height:60px} #skin-61 .number, #skin-61 .auto-titles, #skin-61 .frame {float:left} #skin-61 .number {width:35px} #skin-61 .number.default-point {color:#808080} #skin-61 .frame {width:90px} #skin-61 .auto-titles {width:calc(100% - 35px)} #skin-61 .item > a[href] > .auto-titles:nth-child(2):nth-last-child(2) {width:calc(100% - 125px);padding-right:15px;padding-right:15px} #skin-61 .height-60 {height:60px} </style> <div id="skin-61" 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/20241129/2983_5483_3423_1731918863_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 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/20241129/3002_5484_1114_1731928275_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/20241129/3053_5586_2754_1732670875_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">4</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/20241129/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">5</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/20241129/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">6</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/20241129/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">7</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/20241129/3033_5556_2544_1732199144_120.jpg)"></em> </div></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=3016" 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>비영리 조직의 성장 노하우, 여기서 찾아볼까?</strong></DIV><div class="frame height-60"> <em class="auto-images line" style="background-image:url(https://cdn.socialimpactnews.net/news/thumbnail/custom/20241129/3016_5507_656_1732079216_120.jpg)"></em> </div></a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:20px;"></div> </div> <!--// 편집패널 --> </div> </div> </aside> </div> <!-- 편집패널 //--> <div class="clearfix"> </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/articleList.html?sc_section_code=S1N8&sc_serial_code=SRN28&view_type=sm" 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/articleList.html?sc_section_code=S1N8&sc_serial_code=SRN28&view_type=sm" 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