PageSourceSearch

https://dbfac.or.kr/front/main.do;jsessionid=BE09FF0BD959AF31C0B91CB991FF22D0

html dbfac.or.kr collected 2026-10-08 12:47:26 UTC 88,118 bytes, 1,794 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ko">
3
4    <head>
5      <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 71 bytes, lines 5-6
5
6      <script async src="https://www.googletagmanager.com/gtag/js?id=
6G-8TZ17Q2E30
vendor: 19 bytes, lines 6-7
6"></script>
7      
7<script>
8        
vendor: 156 bytes, lines 8-12
8window.dataLayer = window.dataLayer || [];
9        function gtag(){dataLayer.push(arguments);}
10        gtag('js', new Date());
11
12        gtag('config', '
12G-8TZ17Q2E30
vendor: 11 bytes, lines 12-13
12');
13      
13</script>
13
14
15       <meta charset="utf-8">
16       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
17	   <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
18	   <meta name="description" content="도봉문화재단 홈페이지입니다.">
19	   <meta property="og:description" content="도봉문화재단 홈페이지입니다.">
20	   <meta property="og:type" content="website">
21       <meta property="og:title" content="도봉문화재단">
22       <meta property="og:url" content="http://www.dbfac.or.kr/front/main.do">
23       <meta property="og:image" content="http://www.dbfac.or.kr/images/front/main/og_image2.jpg?v=20250319">
24		<meta name="naver-site-verification" content="6499e6c7c3f405543c9a8b994e4919d33bb73737" />
25		<title>도봉문화재단</title>
26
27       
27<script type="text/javascript" src="/js/jquery-1.12.4.js"></script>
27
28       
28<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
28
29		
29<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
29
30       
30<script type="text/javascript" src="/js/swiper.js"></script>
30
31	   
31<script type="text/javascript" src="/js/jquery.scrollTo.js"></script>
31
32	   
32<script type="text/javascript" src="/js/common.js"></script>
32
33	   
33<script type="text/javascript" src="/js/main.js"></script>
33
34	   
34<script type="text/javascript" src="/js/front/sns.js"></script>
34
35	   
35<script type="text/javascript" src="/js/front/instafeed.min.js"></script>
35
36
37		
37<script type="application/ld+json">
38			{
39				"@context": "http://schema.org",
40				"@type": "Organization",
41				"name": "도봉문화재단",
42				"url": "http://www.dbfac.or.kr/",
43				"sameAs": [
44					"https://www.facebook.com/dbfac.kr",
45					"https://blog.naver.com/dbfac0403",
46					"https://www.youtube.com/channel/UCFLLJbr-f8RNmY2e-ph-5rQ",
47					"https://www.instagram.com/dobong_cultural_foundation/"
48				]
49			}
50		</script>
50
51		<link rel="canonical" href="http://www.dbfac.or.kr/">
52		<link rel="stylesheet" type="text/css" href="/css/front/common.css">
53     <link rel="stylesheet" type="text/css" href="/css/front/main.css">
54     <link rel="stylesheet" type="text/css" href="/css/front/swiper.css">
55     <link rel="shortcut icon" href="/images/front/common/favicon.ico" type="image/x-icon" />
56	   <link rel="icon" href="/images/front/common/favicon.ico" type="image/x-icon">
57
58       <style>
59.label {margin-bottom: 96px;}
60.label * {display: inline-block;vertical-align: top;color:white;}
61.label .left {background: url("/images/front/main/mapicon/tip_l_dbfac.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
62.label .center {background: url(/images/front/main/mapicon/tip_bg_dbfac.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
63.label .right {background: url("/images/front/main/mapicon/tip_r_dbfac.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}
64
65#mapwrap {
66  position: relative;
67  width: 100%;
68  height:320px;
69}
70#map, #roadview {
71  position: absolute;
72  height: 300px;
73  width: 48%;
74}
75#map {
76  left: 0;
77  top: 0;
78  /* -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%);
79  clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%);  */
80  border-radius:5px 0px 0px 5px;
81}
82#roadview {
83  right: 0;
84  top: 0;
85  /* -webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
86  clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%); */
87  border-radius:0px 5px 5px 0px;
88}
89#mapslider {
90	position: absolute;
91    right: 45%;
92    top: 0;
93    height: 300px;
94    width: 7%;
95    /* clip-path: polygon(96% 0, 100% 0%, 10% 100%, 6% 100%); */
96    background-color: #1C75BC;
97    box-shadow:inset 0 2px 45px #2b3990;
98    cursor: move;
99}
100</style>
101       <style>
102        #instagram {overflow: hidden;width: 100%;}
103        #instafeed > a > img:hover {transform: scale(1.1);filter: drop-shadow(0 0 0.75rem black);}
104    </style>
105
106
107   </head>
108
109
110	<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
111		
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133<style>
134.objDisplayNone{
135	display:none;
136}
137</style>
138		<section id="headerWrap">
139			<div class="header">
140				<div class="mainMenu">
141					<h1><a href="/front/main.do"><img src="../../images/front/main/top_logo_20221031.png" alt="도봉문화재단 로고"></a></h1>
142				<div class="gnbWrap">
143					<ul class="gnb">
144						<li>
145							<a href="/front/dbfac/greeting01.do">재단소개</a>
146
147							<ul class="nav">
148								
149								<li><a href="/front/dbfac/greeting01.do">인사말</a></li>
150								<!-- <li><a href="/front/dbfac/greeting02.do">상임이사 인사말</a></li> -->
151								<li><a href="/front/dbfac/vision.do">비전</a></li>
152								<li><a href="/front/dbfac/history.do">연혁</a></li>
153								<li><a href="/front/dbfac/dobongCI.do">CI 소개</a></li>
154								<li><a href="/front/dbfac/organization.do">조직 및 업무 안내</a></li>
155								<li><a href="/front/board/boardContentsListPage.do?board_id=21&cate_id=0">경영공시</a></li>
156								<li><a href="/front/dbfac/ethicsCharter.do">윤리경영</a></li>
157								<li><a href="/front/dbfac/humanRightsDeclaration.do">인권경영</a></li>
158								<li><a href="/front/dbfac/esgDeclaration.do">
158ESG경영</a></li>
159								<li><a href="/front/dbfac/safetyHealth.do">안전보건</a></li>
160								<li><a href="/front/dbfac/donation.do?board_id=15">기부</a></li>
161								<li><a href="/front/dbfac/dblocation.do">오시는 길</a></li>
162							</ul>
163						</li>
164						<li>
165							<a href="/front/culturework/polCulture01.do">문화사업</a>
166							<ul class="nav">
167								<li><a href="/front/culturework/polCulture01.do">문화정책</a></li>
168								<li><a href="/front/culturework/localCulture01.do">지역문화</a></li>
169								<li><a href="/front/culturework/lifeCulture.do">예술교육</a></li>
170								<li><a href="/front/culturework/artCulture01.do">예술인지원</a></li>
171								<li><a href="/front/culturework/culturalSpace01.do">문화공간</a></li>
172								<li><a href="/front/culturework/dobongLibrary01.do">도봉구립도서관</a></li>
173							</ul>
174						</li>
175						<li>
176							<a href="/front/cultureplace/kimsuyoung.do">문화공간</a>
177
178							<ul class="nav">
179								<li><a href="/front/cultureplace/dooly.do">둘리뮤지엄</a></li>
180								<li><a href="/front/cultureplace/culturebunker.do">평화문화진지</a></li>
181								<li><a href="/front/cultureplace/orang.do">서울청년센터 도봉</a></li>
182								<!-- 24.12.10 씨알방학간 삭제 -->
183								<!-- <li><a href="/front/cultureplace/ssial.do">씨알방학간</a></li> -->
184								<li><a href="/front/cultureplace/kimsuyoung.do">김수영문학관</a></li>
185								<li><a href="/front/cultureplace/hamsokhon.do">함석헌기념관</a></li>
186								<li><a href="/front/cultureplace/kansong.do">간송옛집</a></li>
187								<li><a href="/front/cultureplace/rubbershoes.do">마을극장 흰고무신</a></li>
188								<li><a href="/front/cultureplace/youthart.do">청소년 예술공간 채움</a></li>
189								<!--  24.12.10 문화공간 가치 삭제 -->
190								<!-- <li><a href="/front/cultureplace/culturalvalue.do">문화공간 가치</a></li> -->
191							</ul>
192						</li>
193						<li>
194							<a href="/front/cultureplace/library2.do">도서관</a>
195							<ul class="nav">
196								<li><a href="/front/cultureplace/library2.do">도봉문화정보도서관</a></li>
197								<li><a href="/front/cultureplace/kidslibrary.do">도봉아이나라도서관</a></li>
198								<li><a href="/front/cultureplace/hakmaeul.do">학마을도서관</a></li>
199								<li><a href="/front/cultureplace/miraclelibrary.do">도봉기적의도서관</a></li>
200								<li><a href="/front/cultureplace/ssmlib.do">쌍문채움도서관</a></li>
201								<li><a href="/front/cultureplace/hanok.do">원당마을한옥도서관</a></li>
202								<li><a href="/front/cultureplace/dlylib.do">둘리도서관</a></li>
203								<li><a href="/front/cultureplace/musugol.do">무수골도서관</a></li>
204								<li><a href="/front/cultureplace/jhlibrary.do">지혜의등대 작은도서관</a></li>
205								<li><a href="/front/cultureplace/kimsuyounglibrary.do">김수영문학도서관</a></li>
206								<li><a href="/front/cultureplace/ulibrary.do">U-도서관</a></li>
207								<li><a href="/front/cultureplace/smartlibrary.do">스마트도서관</a></li>
208							</ul>
209						</li>
210						<li>
211							<a href="/front/board/boardContentsListPage.do?board_id=1">커뮤니티</a>
212
213							<ul class="nav">
214								<li><a href="/front/board/boardContentsListPage.do?board_id=1">공지사항</a></li>
215								<li><a href="/front/supportManageReq/supportManageListPage.do">문화프로그램</a></li>
216								<li><a href="/front/board/boardContentsListPage.do?board_id=7">채용공고</a></li>
217								<li><a href="/front/board/boardContentsListPage.do?board_id=8">입찰공고</a></li>
218							</ul>
219						</li>
220						<li>
221							<a href="/front/archive/dobongDB02_list.do">아카이브</a>
222							<ul class="nav">
223								<li><a href="/front/archive/dobongDB02_list.do">문화예술DB</a></li>
224								<li><a href="/front/board/boardContentsListPage.do?board_id=19">사진</a></li>
225								<li><a href="/front/board/boardContentsListPage.do?board_id=20">영상</a></li>
226								<li>
226<a href="/front/board/boardContentsListPage.do?board_id=6">보도자료</a></li>
227								<li><a href="/front/board/boardContentsListPage.do?board_id=4">재단간행물</a></li>
228							</ul>
229						</li>
230						<!-- <li class="fontBl"> -->
231						<!--
232						<li>
233							<a href="/front/dbgmc/gmcIntro.do">도봉구민청</a>
234
235							<ul class="nav">
236								<li><a href="/front/dbgmc/gmcIntro.do">도봉구민청소개</a></li>
237								<li><a href="/front/dbgmc/floor01.do">공간안내</a></li>
238								<li><a href="/front/dbgmc/renInfo01.do">대관안내</a></li>
239								<li><a href="/front/dbgmc/dbgmclocation.do">찾아오는길</a></li>
240							</ul>
241						</li>
242						-->
243					</ul>
244					<div class="gnbSubWrap"></div>
245					</div>
246
247					<span class="MobMenuBtn">
248						<a href="#none"><img src="../../images/front/main/all_menu.png" alt="전체메뉴"></a>
249					</span>
250					<div class="bgColor"></div>
251					<div class="mobMenuNavBg">
252						<div class="mobMenuNavWrap">
253							<div class="mobMenuNav">
254								<div class="myMenu">
255									<ul class="myMenuUl">
256										<li class="myMenuLi01"><a href="/front/main.do"><span>HOME</span></a></li>
257									
258					                 
259					                    <li class="myMenuLi02"><a href="/front/user/login.do"><span>로그인</span></a></li>
260										<li class="myMenuLi03"><a href="/front/user/userRegistStep2Page.do"><span>회원가입</span></a></li>
261				                     
262									</ul>
263								</div>
264
265								<div class="mobMenuWrap">
266									<ul class="mobMenugnb">
267										<li>
268											<a href="javascript:;">- 재단소개</a>
269
270											<ul class="mobMenunav">
271												
272												<li><a href="/front/dbfac/greeting01.do">인사말</a></li>
273												<!-- <li><a href="/front/dbfac/greeting02.do">상임이사 인사말</a></li> -->
274												<li><a href="/front/dbfac/vision.do">비전</a></li>
275												<li><a href="/front/dbfac/history.do">연혁</a></li>
276												<li><a href="/front/dbfac/dobongCI.do">CI 소개</a></li>
277												<li><a href="/front/dbfac/organization.do">조직 및 업무 안내</a></li>
278												<li><a href="javascript:$('#mob_ethical_detail_menu').toggle()">▶ 경영공시</a></li>
279							                        <ul id="mob_ethical_detail_menu" style="display:none">
280							                          <li><a href="/front/board/boardContentsListPage.do?board_id=21&cate_id=0" >- 경영공시 현황</a></li>
281							                          <li><a href="/front/board/boardContentsListPage.do?board_id=21&cate_id=7" >- 복리후생비</a></li>
282							                          <li><a href="/front/board/boardContentsListPage.do?board_id=21&cate_id=4" >- 업무추진비</a></li>
283							                          <li><a href="/front/board/boardContentsListPage.do?board_id=21&cate_id=5" >- 수의계약결과</a></li>
284							                          <li><a href="/front/board/boardContentsListPage.do?board_id=21&cate_id=6" >- 투명채용</a></li>
285							                        </ul>
286												<li><a href="/front/dbfac/ethicsCharter.do">윤리경영</a></li>
287												<li><a href="/front/dbfac/humanRightsDeclaration.do">인권경영</a></li>
288												<li><a href="/front/dbfac/esgDeclaration.do">
288ESG경영</a></li>
289												<li><a href="/front/dbfac/safetyHealth.do">안전보건</a></li>
290												<li><a href="/front/dbfac/donation.do?board_id=15">기부</a></li>
291												<li><a href="/front/dbfac/dblocation.do">오시는 길</a></li>
292											</ul>
293										</li>
294										<li>
295											<a href="javascript:;">- 문화사업</a>
296
297											<ul class="mobMenunav">
298												<li><a href="/front/culturework/polCulture01.do">문화정책</a></li>
299												<li><a href="/front/culturework/localCulture01.do">지역문화</a></li>
300												<li><a href="/front/culturework/lifeCulture.do">생활문화</a></li>
301												<li><a href="/front/culturework/artCulture01.do">예술인지원</a></li>
302											</ul>
303										</li>
304										<li>
305											<a href="javascript:;">- 문화공간</a>
306
307											<ul class="mobMenunav">
308												<li><a href="/front/cultureplace/dooly.do">둘리뮤지엄</a></li>
309												<li><a href="/front/cultureplace/culturebunker.do">평화문화진지</a></li>
310												<li><a href="/front/cultureplace/orang.do">서울청년센터 도봉오랑</a></li>
311												<!-- 24.12.10 씨알방학간 삭제 -->
312												<!-- <li><a href="/front/cultureplace/ssial.do">씨알방학간</a></li> -->
313												<li><a href="/front/cultureplace/kimsuyoung.do">김수영문학관</a></li>
314												<li><a href="/front/cultureplace/hamsokhon.do">함석헌기념관</a></li>
315												<li><a href="/front/cultureplace/kansong.do">간송옛집</a></li>
316												<li><a href="/front/cultureplace/rubbershoes.do">마을극장 흰고무신</a></li>
317												<li><a href="/front/cultureplace/youthart.do">청소년 예술공간 채움</a></li>
318												<!-- 24.12.10 문화공간 가치 삭제 -->
319												<!-- <li><a href="/front/cultureplace/culturalvalue.do">문화공간 가치</a></li> -->
320											</ul>
321										</li>
322										<li>
323											<a href="javascript:;">- 도서관</a>
324											<ul class="mobMenunav">
325												<li><a href="/front/cultureplace/library2.do">도봉문화정보도서관</a></li>
326												<li><a href="/front/cultureplace/kidslibrary.do">도봉아이나라도서관</a></li>
327												<li><a href="/front/cultureplace/hakmaeul.do">학마을 도서관</a></li>
328												<li><a href="/front/cultureplace/miraclelibrary.do">도봉 기적의 도서관</a></li>
329												<li><a href="/front/cultureplace/ssmlib.do">쌍문채움도서관</a></li>
330												<li><a href="/front/cultureplace/hanok.do">원당마을한옥도서관</a></li>
331												<li><a href="/front/cultureplace/dlylib.do">둘리도서관</a></li>
332												<li><a href="/front/cultureplace/musugol.do">무수골 도서관</a></li>
333												<li><a href="/front/cultureplace/jhlibrary.do">지혜의등대 작은도서관</a></li>
334												<li><a href="/front/cultureplace/kimsuyounglibrary.do">김수영문학도서관</a></li>
335												<li><a href="/front/cultureplace/ulibrary.do">U-도서관</a></li>
336												<li><a href="/front/cultureplace/smartlibrary.do">스마트도서관</a></li>
337											</ul>
338										</li>
339										<li>
340											<a href="javascript:;">- 커뮤니티</a>
341
342											<ul class="mobMenunav">
343												<li><a href="/front/board/boardContentsListPage.do?board_id=1">공지사항</a></li>
344												<li><a href="/front/supportManageReq/supportManageListPage.do">문화프로그램</a></li>
345												<li><a href="/front/board/boardContentsListPage.do?board_id=7">채용공고</a></li>
346												<li><a href="/front/board/boardContentsListPage.do?board_id=8">입찰공고</a></li>
347											</ul>
348										</li>
349										<li>
350											<a href="javascript:;">- 아카이브</a>
351
352											<ul class="mobMenunav">
353												<li><a href="/front/archive/dobongDB02_list.do">문화예술DB</a></li>
354												<li><a href="/front/board/boardContentsListPage.do?board_id=19">사진</a></li>
355												<li><a href="/front/board/boardContentsListPage.do?board_id=20">영상</a></li>
356												<li>
356<a href="/front/board/boardContentsListPage.do?board_id=4">재단간행물</a></li>
357												<li><a href="/front/board/boardContentsListPage.do?board_id=6">보도자료</a></li>
358											</ul>
359										</li>
360										<!--
361										<li>
362											<a href="javascript:;">- 도봉구민청</a>
363											<ul class="mobMenunav">
364												<li><a href="/front/dbgmc/floor01.do">도봉구민청소개</a></li>
365												<li><a href="/front/dbgmc/floor01.do">공간안내</a></li>
366												<li><a href="javascript:$('#mob_dbgmc_detail_menu').toggle()">▶ 대관안내</a></li>
367													<ul id="mob_dbgmc_detail_menu" style="display:none">
368							                          <li><a href="/front/dbgmc/renInfo01.do" >- 신청방법</a></li>
369							                        </ul>
370												<li><a href="/front/dbgmc/dbgmclocation.do">찾아오는길</a></li>
371											</ul>
372										</li>
373										-->
374									</ul>
375								</div>
376
377							</div>
378						</div>
379						<span class="menuClose">닫기</span>
380					</div>
381				</div>
382				<!-- 2025-11-20 2025접근성개선 수정 (위치이동) s -->
383				<div class="subMenu">
384					<ul>
385						<li><a href="/front/main.do">HOME</a></li>
386						
387						
388							<li><a href="/front/user/login.do" title="로그인"><span>로그인</span></a></li>
389							<li><a href="/front/user/userRegistStep2Page.do" title="회원가입"><span>회원가입</span></a></li>
390							<!-- <li><a href="javascript:alert('아직 준비중인 기능입니다.')" title="회원가입"><span>회원가입</span></a></li> -->
391						
392						<!-- <li><a href="/back/login.do">로그인</a></li>
393						<li><a href="/front/user/userRegistStep3Page.do">회원가입</a></li> -->
394					</ul>
395				</div>
396				<!-- // 2025-11-20 2025접근성개선 수정 (위치이동) e -->
397			</div>
398		</section>
399    
399<script type="text/javascript">
400var isMobile=false;
401if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
402	isMobile = true;
403}
404
405if(isMobile){
406	$( ".subMenu" ).addClass( "objDisplayNone" );
407}
408</script>
408
409<section class="page main" id="main">
410
411			<!-- 2026-04-28 레이어 팝업 수정: 기본 노출, 쿠키 있을 때만 미노출 -->
412			<div id="mainLayerPopup" class="layerPopup" role="dialog" aria-modal="true" aria-label="메인 공지 팝업">
413				<div class="layerPopupBox">
414					<div class="layerPopupBody imageOnly">
415						<a href="#none"><img src="/images/front/main/mainPop_20260915.jpg" alt="메인 공지 팝업"></a>
416					</div>
417					<div class="layerPopupFoot">
418						<label for="mainLayerPopupHide">
419							<input type="checkbox" id="mainLayerPopupHide"> 오늘 하루 그만 보기
420						</label>
421						<button type="button" class="layerPopupClose">닫기</button>
422					</div>
423				</div>
424			</div>
425			
425<script>
426				// 쿠키 설정 함수
427				function setCookie(name, value, days) {
428					var expires = "";
429					if (days) {
430						var date = new Date();
431						date.setTime(date.getTime() + (days*24*60*60*1000));
432						expires = "; expires=" + date.toUTCString();
433					}
434					document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/";
435				}
436
437				// 쿠키 가져오기 함수
438				function getCookie(name) {
439					var nameEQ = name + "=";
440					var ca = document.cookie.split(';');
441					for(var i=0;i < ca.length;i++) {
442						var c = ca[i];
443						while (c.charAt(0)==' ') c = c.substring(1,c.length);
444						if (c.indexOf(nameEQ) == 0) return decodeURIComponent(c.substring(nameEQ.length,c.length));
445					}
446					return null;
447				}
448
449				// 한국시간 2026년 9월 27일까지 노출하며, 쿠키가 있으면 팝업 숨김
450				$(function() {
451					var popupEndDate = new Date('2026-09-28T00:00:00+09:00');
452					if (new Date() >= popupEndDate || getCookie('mainLayerPopupHide')) {
453						$('#mainLayerPopup').hide();
454					} else {
455						openLayerPopup('mainLayerPopup'); // 초기화 함수로 클래스/aria 속성도 세팅
456					}
457				});
458
459				// '오늘 하루 그만 보기' 체크 후 닫기 시 쿠키 설정 및 팝업 닫기
460				$(document).on('click', '#mainLayerPopup .layerPopupClose', function() {
461					if ($('#mainLayerPopupHide').is(':checked')) {
462						setCookie('mainLayerPopupHide', 'Y', 1);
463					}
464					closeLayerPopup('mainLayerPopup');
465				});
466			</script>
466
467			<!-- // 2026-04-28 레이어 팝업 추가 e -->
468
469				<div class="sliderWrap">
470					<div class="inner">
471						<div class="swiper-container poster">
472							<ul class="swiper-wrapper">
473								<li class="swiper-slide">
474										<a href="https://dbfac.or.kr/front/supportManageReq/supportManageView.do?miv_pageNo=&miv_pageSize=6&total_cnt=&LISTOP=&mode=V&seq=1362&searchkey=NAME&search_gb=&gubun=04&search_gb2=&gubun2=&searchType=title&searchtxt=" ><img src="/upload/banner/1791351980828.JPG" alt="[프로그램] 「도봉쓰담 읽고, 만들고, 잇다」 참여자 모집"></a>
475									</li>
476								<li class="swiper-slide">
477										<a href="https://www.dbfac.or.kr/front/supportManageReq/supportManageView.do?miv_pageNo=&miv_pageSize=6&total_cnt=&LISTOP=&mode=V&seq=1361&searchkey=NAME&search_gb=&gubun=02&search_gb2=&gubun2=&searchType=title&searchtxt=" ><img src="/upload/banner/1791337999200.JPG" alt="도봉쓰담 전시"></a>
478									</li>
479								<li class="swiper-slide">
480										<a href="https://www.dbfac.or.kr/front/supportManageReq/supportManageView.do?miv_pageNo=&miv_pageSize=6&total_cnt=&LISTOP=&mode=V&seq=1360&searchkey=NAME&search_gb=&gubun=01&search_gb2=&gubun2=&searchType=title&searchtxt=" target='_blank'><img src="/upload/banner/1790902407841.jpg" alt="2026 10월 도봉아트극장&lt;동물원에 간 고양이&gt;"></a>
481									</li>
482								<li class="swiper-slide">
483										<a href="http://hamsokhon.dobong.go.kr/board/board_view?code=notice&no=322&per_page=&search_type=&search=" ><img src="/upload/banner/1790836214361.png" alt="2026년 함석헌기념관 주민참여프로그램 &#39;詩월의 문학&#39; 참여자 모집"></a>
484									</li>
485								<li class="swiper-slide">
486										<a href="http://hamsokhon.dobong.go.kr/admin/board/board_view?code=notice&no=320" ><img src="/upload/banner/1790494612243.png" alt="2026년 함석헌기념관 씨알갤러리 하반기 7차 대관 전시 안내"></a>
487									</li>
488								<li class="swiper-slide">
489										<a href="https://forms.gle/ZnANj7JPvTstdNEp7" ><img src="/upload/banner/1790148760102.jpg" alt="도봉의 문화를 잇다 도문잇"></a>
490									</li>
491								<li class="swiper-slide">
492										<a href="https://www.dbfac.or.kr/front/board/boardContentsView.do?miv_pageNo=&miv_pageSize=10&total_cnt=&LISTOP=&mode=W&contents_id=16471123c1404e90ada11dce00a29ced&board_id=1&viewType=&cate_id=&searchkey=T&searchtxt=" ><img src="/upload/banner/1789279688378.png" alt="&#39;2026 도봉구 수안 연극제 참여 연극팀 2차 모집&#39;"></a>
493									</li>
494								<li class="swiper-slide">
495										<a href="https://www.dbfac.or.kr/front/board/boardContentsView.do?miv_pageNo=&miv_pageSize=10&total_cnt=&LISTOP=&mode=W&contents_id=83b84623bc0440bdb18f6470f41ca03f&board_id=1&viewType=&cate_id=&searchkey=T&searchtxt=" ><img src="/upload/banner/1786432953934.jpg" alt="[모집] 마을극장 흰고무신 2026 「수안연극제」시민연극팀 공개모집"></a>
496									</li>
497								<li class="swiper-slide">
498										<a href="" ><img src="/upload/banner/1786337390169.png" alt="간송옛집 임시휴관 안내문"></a>
499									</li>
500								<li class="swiper-slide">
501										<a href="https://culturebunker.or.kr/archives/program/2026-%ed%8f%89%ed%99%94%eb%ac%b8%ed%99%94%ec%a7%84%ec%a7%80-%ed%98%b8%ea%b5%ad%eb%b3%b4%ed%9b%88%eb%ac%b8%ed%99%94%ec%a0%9c-rememory-%ea%b8%b0%ec%96%b5%ec%9d%84-%ec%9e%87%ea%b3%a0-%ed%8f%89" ><img src="/upload/banner/1780378726390.png" alt="2026 평화문화진지 호국보훈문화제 [RE: MEMORY] “기억을 잇고 평화를 만들다”"></a>
502									</li>
503								<li class="swiper-slide">
504										<a href="https://www.doolymuseum.or.kr/html/sub04/sub04_0401.php?bbsCode=sub0401&vType=view&idx=280" target='_blank'><img src="/upload/banner/1791080309686.jpg" alt="기증신청안내"></a>
505									</li>
506								<li class="swiper-slide">
507										<a href="https://www.dbfac.or.kr/front/supportManageReq/supportManageView.do?miv_pageNo=&miv_pageSize=6&total_cnt=&LISTOP=&mode=V&seq=1314&searchkey=NAME&search_gb=&gubun=05&search_gb2=12&gubun2=&searchType=title&searchtxt=" ><img src="/upload/banner/1776393443341.jpg" alt="[마을극장 흰고무신] &lt;예술로 도봉라이프, 인생 E막&gt; 참여자 모집"></a>
508									</li>
509								<li class="swiper-slide">
510										<a href="" ><img src="/upload/banner/1771895292141.jpg" alt="지해의등대 작은도서관 재개관 안내"></a>
511									</li>
512								</ul>
513							<div class="sliderNav sliderNav01">
514								<span class="swiper-button-prev posterPrev"></span>
515								<div class="swiper-pagination posterPagination"></div>
516								<a class="playstopBtn play"><img src="/images/front/main/stop01.png" alt="이미지"></a>
517								<span class="swiper-button-next posterNext"></span>
518							</div>
519						</div>
520						
520<script>
521							var posterSd = new Swiper('.poster', {
522								slidesPerView: 2,
523								spaceBetween: 20,
524								loop: true,
525								speed : 1000,
526								pagination: {
527									el: '.posterPagination',
528									clickable: true,
529								},
530								navigation: {
531									nextEl: '.posterNext',
532									prevEl: '.posterPrev',
533								},
534								autoplay: {
535									delay: 2000,
536								},
537								breakpoints: {
538
539									1349: {
540									  slidesPerView: 3,
541									  spaceBetween: 20,
542									},
543									900: {
544									  slidesPerView: 2,
545									  spaceBetween: 20,
546									},
547									600: {
548									  slidesPerView: 1,
549									  spaceBetween: 20,
550									}
551								}
552							});
553							/* 2025-11-20, 2025-11-28 2025접근성개선 추가 s */
554							document.querySelectorAll('.poster .swiper-slide a')
555									.forEach((a, i) => {
556										if (a.getAttribute('target') === '_blank') {
557											a.title = `새 창 열림`;
558										} else {
559											a.title = `페이지 이동`;
560										}
561									});
562							/* // 2025-11-20, 2025-11-28 2025접근성개선 추가 e */
563						</script>
563
564						<style>
565							.swiper-pagination-bullet{width: 17px; height: 17px; margin: 0 3px 2px;}
566							@media only screen and (min-device-width: 320px){
567								.sliderNav {height: 20px; display: inline-block; margin-top: 20px;}
568							}
569							@media only screen and (min-device-width: 1350px){
570								.locationWrap h2 {padding-top: 25px; text-align: left;}
571							}
572						</style>
573						<div class="popWrap">
574							<div class="popupBorder">
575								<div class="swiper-container popup">
576									<ul class="swiper-wrapper">
577										<li class="swiper-slide">
578												<a href="https://m.dobong.go.kr/min9/" ><img src="/upload/banner/1782195557225.png" alt="신임 구청장에게 바란다"></a>
579											</li>
580										<li class="swiper-slide">
581												<a href="" ><img src="/upload/banner/1777335237833.jpg" alt="도봉문화재단 사칭 주의"></a>
582											</li>
583										<li class="swiper-slide">
584												<a href="https://www.unilib.dobong.kr/board/view.do?a_num=38972323&b_num=4103&rtn_url=%2Fboard%2Flist.do%3Fa_num%3D38972323%26v_search%3Db_subject%26v_keyword%3D%25EB%25B6%2581%25ED%2581%2590%25EB%25A0%2588%25EC%259D%25B4%25EC%2585%2598%26search_bt%3D%25EA%25B2%2580%25EC%2583%2589" ><img src="/upload/banner/1772158592619.jpg" alt="학마을도서관 재개관"></a>
585											</li>
586										<li class="swiper-slide">
587												<a href="https://www.unilib.dobong.kr/main.do" ><img src="/upload/banner/1742553225055.jpg" alt="도봉구 구립도서관 바로가기"></a>
588											</li>
589										<li class="swiper-slide">
590												<a href="" ><img src="/upload/banner/1742553216023.jpg" alt="도봉문화재단 오덕이"></a>
591											</li>
592										<li class="swiper-slide">
593												<a href="https://www.doolymuseum.or.kr/html/sub04/sub04_0401.php?bbsCode=sub0401&vType=view&idx=250&page=1" target='_blank'><img src="/upload/banner/1776316293770.jpg" alt="소중한약속"></a>
594											</li>
595										</ul>
596
597								</div>
598							</div>
599							<div class="sliderNav sliderNav02">
600								<span class="swiper-button-prev popupPrev"></span>
601								<div class="swiper-pagination popupPagination"></div>
602								<a class="playstopBtn play"></a>
603								<span class="swiper-button-next popupNext"></span>
604							</div>
605						</div>
606						
606<script>
607							var popupSd = new Swiper('.popup', {
608								spaceBetween: 20,
609								loop: true,
610								speed : 1000,
611								pagination: {
612									el: '.popupPagination',
613									clickable: true,
614								},
615								navigation: {
616									nextEl: '.popupNext',
617									prevEl: '.popupPrev',
618								},
619								autoplay: {
620									delay: 2000,
621								  },
622							});
623							/* 2025-11-20, 2025-11-28 2025접근성개선 추가 s */
624							document.querySelectorAll('.popup .swiper-slide a')
625									.forEach((a, i) => {
626										if (a.getAttribute('target') === '_blank') {
627											a.title = `새 창 열림`;
628										} else {
629											a.title = `페이지 이동`;
630										}
631									});
632							/* // 2025-11-20, 2025-11-28 2025접근성개선 추가 e */
633						</script>
633
634					</div>
635				</div>
636
637				<div class="quickWrap">
638					<ul>
639						<li>
640							<a href="/front/cultureplace/dooly.do" class="quick_08">
641								<span>둘리뮤지엄</span>
642							</a>
643						</li>
644						<li>
645							<a href="/front/cultureplace/library2.do" class="quick_07">
646								<span>도봉구립도서관</span>
647							</a>
648						</li>
649						<li>
650							<a href="/front/cultureplace/culturebunker.do" class="quick_06">
651								<span>평화문화진지</span>
652							</a>
653						</li>
654						<li>
655							<a href="/front/cultureplace/orang.do" class="quick_10">
656								<span>서울청년센터 도봉</span>
657							</a>
658						</li>
659						<!-- 24.12.10 씨알방학간 삭제요청  -->
660						<!-- <li>
661							<a href="/front/cultureplace/ssial.do" class="quick_09">
662								<span>씨알방학간</span>
663							</a>
664						</li> -->
665						<li>
666							<a href="/front/cultureplace/kimsuyoung.do" class="quick_02">
667								<span>김수영 문학관</span>
668							</a>
669						</li>
670						<li>
671							<a href="/front/cultureplace/hamsokhon.do" class="quick_03">
672								<span>함석헌 기념관</span>
673							</a>
674						</li>
675						<li>
676							<a href="/front/cultureplace/kansong.do" class="quick_04">
677								<span>간송옛집</span>
678							</a>
679						</li>
680						<li>
681							<a href="/front/cultureplace/rubbershoes.do" class="quick_11">
682								<span>마을극장 흰고무신</span>
683							</a>
684						</li>
685						<li>
686							<a href="/front/cultureplace/youthart.do" class="quick_12">
687								<span>청소년 예술공간 채움</span>
688							</a>
689						</li>
690						<!-- 24.12.10 문화공간 가치 삭제 요청 -->
691						<!-- <li>
692							<a href="/front/cultureplace/culturalvalue.do" class="quick_13">
693								<span>문화공간 가치</span>
694							</a>
695						</li> -->
696					</ul>
697				</div>
698		</section>
699		<section class="page notice" id="notice">
700			<div class="noticeWrap">
701				<div class="inner02">
702					<h2>도봉문화재단 소식</h2>
703
704					<div class="noticeTop">
705						<dl class="tabMenu">
706							<dt class="tabTitle on"><a href="#none">공지사항</a></dt>
707							<dd class="tabContent on">
708								<ul>
709									<li>
710										<a href="javascript:contentsViewAll('216884f0ea714ba7961177cf95d359ab','1')">[공지] 2026 「수안연극제」1차 서류합격자 발표 및 인터뷰·공연영상 심의 안내 공고</a>
711										<p class="wWrap">
712											<!--<span class="wName">경영기획팀 홍보담당자</span>-->
713											<span class="wDate">2026-09-30</span>
714										</p>
715									</li>
716									<li>
717										<a href="javascript:contentsViewAll('a9e3cee5c1534f3db3d3dcf4cd7eba64','1')">[공지] 제3회 합창 페스티벌 개최 안내</a>
718										<p class="wWrap">
719											<!--<span class="wName">경영기획팀 홍보담당자</span>-->
720											<span class="wDate">2026-09-23</span>
721										</p>
722									</li>
723									<li>
724										<a href="javascript:contentsViewAll('16471123c1404e90ada11dce00a29ced','1')">[모집] 마을극장 흰고무신 2026 「수안연극제」 참가팀 추가모집</a>
725										<p class="wWrap">
726											<!--<span class="wName">경영기획팀 홍보담당자</span>-->
727											<span class="wDate">2026-09-11</span>
728										</p>
729									</li>
730									<li>
731										<a href="javascript:contentsViewAll('f77fc6bfa2da4eefa4d1322606062f66','1')">[전시] 함석헌기념관 씨알갤러리 하반기 5차 대관 전시 서정희 개인전 ‘해중목- 바다 속 나무</a>
732										<p class="wWrap">
733											<!--<span class="wName">경영기획팀 홍보담당자</span>-->
734											<span class="wDate">2026-08-28</span>
735										</p>
736									</li>
737									<li>
738										<a href="javascript:contentsViewAll('17958055f06e4246ac3a2927a723b798','1')">「모집」 도봉아이나라도서관 2026년 하반기 문화교실 강사 공개 채용(레고코딩)</a>
739										<p class="wWrap">
740											<!--<span class="wName">경영기획팀 홍보담당자</span>-->
741											<span class="wDate">2026-08-14</span>
742										</p>
743									</li>
744									<li>
745										<a href="javascript:contentsViewAll('83b84623bc0440bdb18f6470f41ca03f','1')">[모집] 마을극장 흰고무신 2026 「수안연극제」시민연극팀 공개모집</a>
746										<p class="wWrap">
747											<!--<span class="wName">경영기획팀</span>-->
748											<span class="wDate">2026-08-07</span>
749										</p>
750									</li>
751									</ul>
752
753								<p class="moreBtn">
754									<a href="/front/board/boardContentsListPage.do?board_id=1" title="공지사항 더보기"><img src="/images/front/main/more_btn.png" alt="공지사항 더보기"></a>
755								</p>
756							</dd>
757
758							<dt class="tabTitle"><a href="#none">채용공고</a></dt>
759							<dd class="tabContent">
760								<ul>
761									<li>
762										<a href="javascript:contentsViewAll('0a8d7c4e61c1487bb4745986dbbe33d8','7')">[발표] [제2026-04호] 도봉문화재단 기간제근로자 채용 면접전형 최종합격자 발표 및 등록 안내</a>
763										<p class="wWrap">
764											<!--<span class="wName">경영기획팀</span>-->
765											<span class="wDate">2026-10-06</span>
766										</p>
767									</li>
768									<li>
769										<a href="javascript:contentsViewAll('84288269650f42f8bf38f69c2011a27b','7')">[발표] [제2026-04호] 도봉문화재단 기간제근로자 채용 서류전형 합격자 발표 및 면접전형 안내</a>
770										<p class="wWrap">
771											<!--<span class="wName">경영기획팀</span>-->
772											<span class="wDate">2026-09-28</span>
773										</p>
774									</li>
775									<li>
776										<a href="javascript:contentsViewAll('caf299857022408fbcbfff2375dc5e5f','7')">[채용] [제2026-04호] 도봉문화재단 기간제근로자 채용 공고</a>
777										<p class="wWrap">
778											<!--<span class="wName">경영기획팀</span>-->
779											<span class="wDate">2026-09-10</span>
780										</p>
781									</li>
782									<li>
783										<a href="javascript:contentsViewAll('6b15b4e47d9c41fdabee2e05370715fc','7')">[발표] [제2026-03호] 도봉문화재단 직원 채용 면접전형 최종 합격자 발표 및 등록 안내</a>
784										<p class="wWrap">
785											<!--<span class="wName">경영기획팀</span>-->
786											<span class="wDate">2026-05-15</span>
787										</p>
788									</li>
789									<li>
790										<a href="javascript:contentsViewAll('0920257e74194f738ca89288a022674f','7')">[발표] [제2026-03호] 도봉문화재단 직원 채용 서류전형 합격자 발표(정정)</a>
791										<p class="wWrap">
792											<!--<span class="wName">경영기획팀</span>-->
793											<span class="wDate">2026-04-30</span>
794										</p>
795									</li>
796									<li>
797										<a href="javascript:contentsViewAll('b7d78d34d8514deda40b6e5e4ab2ba8b','7')">[발표] [제2026-02호] 도봉문화재단 기간제근로자 채용 면접전형 최종합격자 발표 및 등록 안내</a>
798										<p class="wWrap">
799											<!--<span class="wName">경영기획팀</span>-->
800											<span class="wDate">2026-04-28</span>
801										</p>
802									</li>
803									</ul>
804								<p class="moreBtn">
805									<a href="/front/board/boardContentsListPage.do?board_id=7" title="채용공고 더보기"><img src="/images/front/main/more_btn.png" alt="채용공고 더보기"></a>
806								</p>
807							</dd>
808						</dl>
809
810						<dl class="videoMenu">
811							<dt class="tabTitle">영상게시판</dt>
812							<dd class="videoContent">
813								<iframe src="https://www.youtube.com/embed/4Kh2HMoxbno" title="동영상" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
814									<p class="moreBtn">
815									<a href="/front/board/boardContentsListPage.do?board_id=20" title="영상게시판 더보기"><img src="/images/front/main/more_btn.png" alt="영상게시판 더보기"></a>
816								</p>
817							</dd>
818						</dl>
819
820						<dl class="popupMenu">
821							<dt class="tabTitle">알림존</dt>
822							<dd class="popContent">
823								<div class="swiper-container noticePop">
824									<ul class="swiper-wrapper">
825										<li class="swiper-slide">
826												<a href=""  ><img src="/upload/banner/1789440200575.jpg" alt="도봉문화재단 사칭 주의" style="width:100%; height:272px;"></a>
827											</li>
828										<li class="swiper-slide">
829												<a href="http://1398.acrc.go.kr/case/ISGAcase" target='_blank' ><img src="/upload/banner/1675731735077.jpg" alt="청탁금지법" style="width:100%; height:272px;"></a>
830											</li>
831										<li class="swiper-slide">
832												<a href="https://www.clean.go.kr/"  ><img src="/upload/banner/1675731347179.jpg" alt="청렴포털 부패공익신고" style="width:100%; height:272px;"></a>
833											</li>
834										<li class="swiper-slide">
835												<a href="http://www.acrc.go.kr/acrc/board.do?command=searchDetail&menuId=05021206"  ><img src="/upload/banner/1599617426070.jpg" alt="공공재정환수법" style="width:100%; height:272px;"></a>
836											</li>
837										<li class="swiper-slide">
838												<a href="https://www.dobong.go.kr/bbs.asp?bmode=D&pCode=12719890&code=10008782" target='_blank' ><img src="/upload/banner/1683505391146.png" alt="영조물 배상 공제 보험" style="width:100%; height:272px;"></a>
839											</li>
840										<li class="swiper-slide">
841												<a href="https://www.clean.go.kr/index.es?sid=a1" target='_blank' ><img src="/upload/banner/1658878825118.jpg" alt="부패공익신고" style="width:100%; height:272px;"></a>
842											</li>
843										</ul>
844									<div class="sliderNav sliderNav03">
845										<span class="swiper-button-prev notipopPrev"></span>
846										<div class="swiper-pagination notipopPagination"></div>
847										<a class="playstopBtn play"><img src="/images/front/main/stop02.png" alt=""></a>
848										<span class="swiper-button-next notipopNext"></span>
849									</div>
850								</div>
851								<!-- 2025-11-20 2025접근성개선 수정 s -->
852								
852<script>
853									var noticePopSd = new Swiper('.noticePop', {
854										spaceBetween: 20,
855										loop: true,
856										pagination: {
857											el: '.notipopPagination',
858											clickable: true,
859										},
860										navigation: {
861											nextEl: '.notipopNext',
862											prevEl: '.notipopPrev',
863										},
864										autoplay: {
865											delay: 2000,
866										},
867
868									});
869									document.querySelectorAll('.noticePop .swiper-slide a')
870											.forEach((a, i) => {
871												if (a.getAttribute('target') === '_blank') {
872													a.title = `새 창 열림`;
873												} else {
874													a.title = `페이지 이동`;
875												}
876											});
877								</script>
877
878								<!-- // 2025-11-20 2025접근성개선 수정 e -->
879							</dd>
880						</dl>
881					</div>
882
883					<div class="noticeBottom">
884						<ul class="snsWrap">
885							<li class="facebook">
886								<span class="snsLogo"><a href="#none"><img src="/images/front/main/sns_icon01.jpg" alt="페이스북 로고" title="도봉문화재단 페이스북 새 창 열림"></a></span>
887								<div class="faceCon" id="facefeed">
888                <!--  <span class="facebookThumb"><img src="/images/front/main/you_thumb_20221031.png" alt="도봉문화재단 facebook 썸네일"></span>
889                  								<span class="facebookMore snsMoreBtn"><a href="https://www.facebook.com/dbfac.kr" target="_blank">더보기</a></span>-->
890								</div>
891								<style>
892									/* 20221031 페이스북 썸네일 */
893										.facebook .facebookThumb:nth-child(3){display: none;}
894										.facebook .facebookMore:nth-child(4){display: none;}
895								</style>
896							</li>
897							<li class="instagram">
898								<span class="snsLogo"><a href="#none"><img src="/images/front/main/sns_icon02.jpg" alt="인스타그램 로고"></a></span>
899								<span class="instaCon" id="instafeed">
900									<span class="instagramThumb"><img src="/images/front/main/you_thumb_20221031.png" alt="도봉문화재단 insta 썸네일" title="도봉문화재단 인스타그램 새 창 열림"></span>
901									<span class="instagramMore snsMoreBtn"><a href="https://www.instagram.com/dobong_cultural_foundation/" target="_blank">더보기</a></span>
902								</span>
903							</li>
904							<li class="youtube">
905								<span class="snsLogo"><a href="#none"><img src="/images/front/main/sns_icon04.jpg" alt="유투브 로고"></a></span>
906								<div class="youtubeCon">
907								<span class="youtubeThumb"><img src="/images/front/main/you_thumb_20221031.png" alt="도봉문화재단 youtube 썸네일" title="도봉문화재단 유투브 새 창 열림"></span>
908								<span class="youtubeMore snsMoreBtn"><a href="https://www.youtube.com/channel/UCFLLJbr-f8RNmY2e-ph-5rQ" target="_blank">더보기</a></span>
909								</div>
910							</li>
911							<style>
912								.facebookMore a, .blogMore a{display:inline-block; width:100%;}
913								@media only screen and (min-device-width : 320px) {
914									.instagram .instagramMore, .youtube .youtubeMore{margin-top:40px;}
915									#instafeed span:nth-child(n+3){display: none;}
916								}
917							</style>
918							</ul>
919					</div>
920
921				</div>
922			</div>
923		</section>
924		<section class="page program" id="program">
925			<div class="programWrap">
926				<div class="inner02">
927					<h2>문화프로그램</h2>
928					<div class="swiper-container programList">
929						<ul class="swiper-wrapper programUl">
930							<li class="swiper-slide">
931									<span class="programImg">
932										<a href="javascript:supportManageViewPage('1362','04')" title="해당페이지로 이동">
933											<img src="/upload/supportmg/1791350654335.PNG" alt="썸네일" style="width: 100%; height:470px;">
934											</a>
935										</span>
936									<div class="programCon">
937										<p>
938											<span class="programType">&#91;체험&#93;</span>
939											<span class="programTit">[프로그램] 「도봉쓰담 읽고, 만들고, 잇다」 참여자 모집</span>
940											<span class="programDate">접수기간 2026-11-19 ~ 2026-11-28</span>
941
942											<!-- <a href="#none" class="programMore">더보기 ></a> -->
943										</p>
944									</div>
945								</li>
946							<li class="swiper-slide">
947									<span class="programImg">
948										<a href="javascript:supportManageViewPage('1361','02')" title="해당페이지로 이동">
949											<img src="/upload/supportmg/1791337767045.PNG" alt="썸네일" style="width: 100%; height:470px;">
950											</a>
951										</span>
952									<div class="programCon">
953										<p>
954											<span class="programType">&#91;전시&#93;</span>
955											<span class="programTit">[전시] 「도봉쓰담」 전시 ‘도봉을 쓰다, 도봉을 담다’ 개최</span>
956											<span class="programDate">접수기간 2026-11-01 ~ 2026-11-30</span>
957
958											<!-- <a href="#none" class="programMore">더보기 ></a> -->
959										</p>
960									</div>
961								</li>
962							<li class="swiper-slide">
963									<span class="programImg">
964										<a href="javascript:supportManageViewPage('1360','01')" title="해당페이지로 이동">
965											<img src="/upload/supportmg/1790901890047.jpg" alt="썸네일" style="width: 100%; height:470px;">
966											</a>
967										</span>
968									<div class="programCon">
969										<p>
970											<span class="programType">&#91;공연&#93;</span>
971											<span class="programTit">2026 10월 도봉아트극장 &lt;동물원에 간 고양이&gt;</span>
972											<span class="programDate">
972접수기간 2026-10-22 ~ 2026-10-22</span>
973
974											<!-- <a href="#none" class="programMore">더보기 ></a> -->
975										</p>
976									</div>
977								</li>
978							<li class="swiper-slide">
979									<span class="programImg">
980										<a href="javascript:supportManageViewPage('1359','01')" title="해당페이지로 이동">
981											<img src="/upload/supportmg/1790835634651.png" alt="썸네일" style="width: 100%; height:470px;">
982											</a>
983										</span>
984									<div class="programCon">
985										<p>
986											<span class="programType">&#91;공연&#93;</span>
987											<span class="programTit">2026년 함석헌기념관 주민참여프로그램 &#39;詩월의 문학&#39; 참여자 모집</span>
988											<span class="programDate">접수기간 2026-10-17 ~ 2026-10-24</span>
989
990											<!-- <a href="#none" class="programMore">더보기 ></a> -->
991										</p>
992									</div>
993								</li>
994							<li class="swiper-slide">
995									<span class="programImg">
996										<a href="javascript:supportManageViewPage('1357','02')" title="해당페이지로 이동">
997											<img src="/upload/supportmg/1790494554077.png" alt="썸네일" style="width: 100%; height:470px;">
998											</a>
999										</span>
1000									<div class="programCon">
1001										<p>
1002											<span class="programType">&#91;전시&#93;</span>
1003											<span class="programTit">2026년 함석헌기념관 씨알갤러리 하반기 7차 대관 전시 안내</span>
1004											<span class="programDate">접수기간 2026-10-01 ~ 2026-10-15</span>
1005
1006											<!-- <a href="#none" class="programMore">더보기 ></a> -->
1007										</p>
1008									</div>
1009								</li>
1010							<li class="swiper-slide">
1011									<span class="programImg">
1012										<a href="javascript:supportManageViewPage('1358','02')" title="해당페이지로 이동">
1013											<img src="/upload/supportmg/1790648398814.png" alt="썸네일" style="width: 100%; height:470px;">
1014											</a>
1015										</span>
1016									<div class="programCon">
1017										<p>
1018											<span class="programType">&#91;전시&#93;</span>
1019											<span class="programTit">둘리뮤지엄-익산문화관광재단 &lt;K-라면과 구공탄&gt; 순회전시</span>
1020											<span class="programDate">접수기간 2026-10-13 ~ 2026-11-29</span>
1021
1022											<!-- <a href="#none" class="programMore">더보기 ></a> -->
1023										</p>
1024									</div>
1025								</li>
1026							<li class="swiper-slide">
1027									<span class="programImg">
1028										<a href="javascript:supportManageViewPage('1356','04')" title="해당페이지로 이동">
1029											<img src="/upload/supportmg/1790126071192.jpg" alt="썸네일" style="width: 100%; height:470px;">
1030											</a>
1031										</span>
1032									<div class="programCon">
1033										<p>
1034											<span class="programType">&#91;체험&#93;</span>
1035											<span class="programTit">&#39;도봉의 문화를 잇다, 도문잇&#39; 참여자 모집</span>
1036											<span class="programDate">접수기간 2026-09-23 ~ 2026-10-07</span>
1037
1038											<!-- <a href="#none" class="programMore">더보기 ></a> -->
1039										</p>
1040									</div>
1041								</li>
1042							<li class="swiper-slide">
1043									<span class="programImg">
1044										<a href="javascript:supportManageViewPage('1352','03')" title="해당페이지로 이동">
1045											<img src="/upload/supportmg/1788911777766.jpg" alt="썸네일" style="width: 100%; height:470px;">
1046											</a>
1047										</span>
1048									<div class="programCon">
1049										<p>
1050											<span class="programType">&#91;행사&#93;</span>
1051											<span class="programTit">평화문화진지 민간협력 예술피움 성과공유회 &#39;예술주막&#39;</span>
1052											<span class="programDate">접수기간 2026-09-19 ~ 2026-09-19</span>
1053
1054											<!-- <a href="#none" class="programMore">더보기 ></a> -->
1055										</p>
1056									</div>
1057								</li>
1058							</ul>
1059						<div class="sliderNav sliderNav04">
1060							<span class="swiper-button-prev programPrev"></span>
1061							<div class="swiper-pagination programPagination"></div>
1062							<a class="playstopBtn play"><img src="/images/front/main/stop03.png" alt="이미지"></a>
1063							<span class="swiper-button-next programNext"></span>
1064						</div>
1065					</div>
1066					
1066<script>
1067						var programListSd = new Swiper('.programList', {
1068							slidesPerView: 4,
1069							spaceBetween: 20,
1070							loop: true,
1071							loopFillGroupWithBlank: true,
1072							pagination: {
1073								el: '.programPagination',
1074								clickable: true,
1075							},
1076							navigation: {
1077								nextEl: '.programNext',
1078								prevEl: '.programPrev',
1079							},
1080							autoplay: {
1081								delay: 2000,
1082							  },
1083							breakpoints: {
1084								1350: {
1085								  slidesPerView: 4,
1086								  spaceBetween: 40,
1087								},
1088								1349: {
1089								  slidesPerView: 3,
1090								  spaceBetween: 30,
1091								},
1092								640: {
1093								  slidesPerView: 2,
1094								  spaceBetween: 20,
1095								},
1096								500: {
1097								  slidesPerView: 1,
1098								  spaceBetween: 20,
1099								}
1100							}
1101						});
1102					</script>
1102
1103
1104					<a href="/front/supportManageReq/supportManageListPage.do" title="문화프로그램 페이지로 이동"><span class="moreBtn"><img src="/images/front/main/more_btn_plus.png" alt="이미지">더보기</span></a>
1105				</div>
1106			</div>
1107		</section>
1108		<section class="page location" id="location">
1109			<div class="locationWrap">
1110				<div class="inner02">
1111					<h2>도봉문화재단 찾아가기</h2>
1112				<div id="mapwrap" class="mapWrap">
1113					 <div class="map" id="map" onmouseover="mapmouseover();" onmouseout="mapmouseout();"></div>
1114						<div id="mapslider"></div>
1115						<div id="roadview"></div>
1116					</div>
1117					<ul class="mapLocation">
1118						<li class="tab01">
1119							<span class="tabTitle02 tabColor01 on"><a href="javascript:moveMap('dbfac');">도봉문화재단</a></span>
1120
1121							<ul class="locaList on">
1122								<li class="tab01_01" ><a href="javascript:moveMap('dbfac');"><img src="/images/front/main/num_icon01_01.png" alt="A">도봉문화재단</a></li>
1123							</ul>
1124						</li>
1125						<li class="tab02">
1126							<span class="tabTitle02 tabColor02"><a href="javascript:moveMapMulti('facility');">문화공간</a></span>
1127
1128							<ul class="locaList">
1129								<li class="tab02_01"><a href="javascript:moveMap('dooly');"><img src="/images/front/main/num_icon02_01.png" alt="A">둘리뮤지엄</a></li>
1130								<li class="tab02_02"><a href="javascript:moveMap('phmh');"><img src="/images/front/main/num_icon02_02.png" alt="B">평화문화진지</a></li>
1131								<li class="tab02_03"><a href="javascript:moveMap('orang');"><img src="/images/front/main/num_icon02_03.png" alt="C">서울청년센터 도봉</a></li>
1132								<!-- 24.12.10 씨알방학간 삭제 요청 -->
1133                				<!-- <li class="tab02_04"><a href="javascript:moveMap('ssial');"><img src="/images/front/main/num_icon02_04.png" alt="D">씨알방학간</a></li> -->
1134								<li class="tab02_05"><a href="javascript:moveMap('ksy');"><img src="/images/front/main/num_icon02_05.png" alt="D">김수영문학관</a></li>
1135								<li class="tab02_06"><a href="javascript:moveMap('hsh');"><img src="/images/front/main/num_icon02_06.png" alt="E">함석헌 기념관</a></li>
1136								<li class="tab02_07"><a href="javascript:moveMap('ksyj');"><img src="/images/front/main/num_icon02_07.png" alt="F">간송옛집</a></li>
1137                				<li class="tab02_08"><a href="javascript:moveMap('rubbershoes');"><img src="/images/front/main/num_icon02_08.png" alt="G">마을극장 흰고무신</a></li>
1138                				<li class="tab02_09"><a href="javascript:moveMap('youthart');"><img src="/images/front/main/num_icon02_09.png" alt="H">청소년 예술공간 채움</a></li>
1139								<!-- 24.12.10 문화공간 가치 삭제 요청 -->
1140                				<!-- <li class="tab02_10"><a href="javascript:moveMap('culturalvalue');"><img src="/images/front/main/num_icon02_10.png" alt="I">문화공간 가치</a></li> -->
1141							</ul>
1142						</li>
1143						<li class="tab03">
1144							<span class="tabTitle02 tabColor03"><a href="javascript:moveMapMulti('lib');">도봉구립도서관</a></span>
1145
1146							 <ul class="locaList">
1147								<li class="tab03_01"><a href="javascript:moveMap('mhjblib');"><img src="/images/front/main/num_icon03_01.png" alt="A">도봉문화정보도서관</a></li>
1148								<li class="tab03_02"><a href="javascript:moveMap('ainrlib');"><img src="/images/front/main/num_icon03_02.png" alt="B">도봉아이나라도서관</a></li>
1149								<li class="tab03_03"><a href="javascript:moveMap('haklib');"><img src="/images/front/main/num_icon03_03.png" alt="C">학마을도서관</a></li>
1150								<li class="tab03_04"><a href="javascript:moveMap('miraclelib');"><img src="/images/front/main/num_icon03_04.png" alt="D">도봉기적의도서관</a></li>
1151								<li class="tab03_05"><a href="javascript:moveMap('ssmlib');"><img src="/images/front/main/num_icon03_05.png" alt="E">쌍문채움도서관</a></li>
1152								<li class="tab03_06"><a href="javascript:moveMap('hanok');"><img src="/images/front/main/num_icon03_06.png" alt="F">원당마을한옥도서관</a></li>
1153								<li class="tab03_07"><a href="javascript:moveMap('doolylib');"><img src="/images/front/main/num_icon03_07.png" alt="G">둘리도서관</a></li>
1154								<li class="tab03_08"><a href="javascript:moveMap('msglib');"><img src="/images/front/main/num_icon03_08.png" alt="H">무수골도서관</a></li>
1155								<li class="tab03_09"><a href="javascript:moveMap('jhlib');"><img src="/images/front/main/num_icon03_09.png" alt="I">지혜의등대 작은도서관</a></li>
1156								<li class="tab03_10"><a href="javascript:moveMap('ksylib');"><img src="/images/front/main/num_icon03_10.png" alt="J">김수영 문학도서관</a></li>
1157							</ul>
1158						</li>
1159					</ul>
1160				</div>
1161			</div>
1162		</section>
1163		
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185<section id="footer">
1186			<div class="inner">
1187				<div class="footerTop">
1188					<p class="footLogo"><img src="/images/front/main/foot_logo_20221031.png" alt="도봉문화재단 로고" style="height:30px;"></p>
1189
1190					<div class="footSns">
1191						<ul class="footSnsList">
1192							<li class="ftFacebook"><a href="https://www.facebook.com/dbfac.kr" target="_blank" title="페이스북">페이스북</a></li>
1193							<li class="ftInsta"><a href="https://www.instagram.com/p/B9OChyyJ0P6/" target="_blank" title="인스타그램">인스타그램</a></li>
1194							<li class="ftBlog"><a href="https://blog.naver.com/dbfac0403" target="_blank" title="블로그">블로그</a></li>
1195							<li class="ftYoutube"><a href="https://www.youtube.com/channel/UCFLLJbr-f8RNmY2e-ph-5rQ" target="_blank" title="유튜브">유튜브</a></li>
1196						</ul>
1197
1198						<div class="siteWrap">
1199							<label for="siteLink" style="display: none;">관련 사이트 선택:</label>
1200							<select id="siteLink" class="siteLink">
1201								<option value="#" class="siteBg">관련사이트</option>
1202								<option value="#">&#8203;----- 재단 문화시설 -----</option>
1203								<option value="https://culturebunker.or.kr/">평화문화진지</option>
1204								<option value="http://hamsokhon.dobong.go.kr/">함석헌기념관</option>
1205								<option value="http://kimsuyoung.dobong.go.kr/">김수영문학관 </option>
1206								<option value="https://www.doolymuseum.or.kr/html/">둘리뮤지엄</option>
1207								<!-- 24.12.10 씨알방학간 삭제 -->
1208								<!-- <option value="http://dbculturecity.org/">씨알방학간</option> -->
1209								 <!-- 24.12.10 간송옛집 추가 -->
1210								 <option value="https://www.kansonghouse.kr/">
1210간송옛집</option>
1211								<option value="#">---- 재단 도서관시설 ----</option>
1212								<option value="http://www.unilib.dobong.kr/">도봉구 통합도서관</option>
1213								<option value="http://dobonglib.seoul.kr/">도봉문화정보도서관</option>
1214								<option value="http://www.unilib.dobong.kr">도봉아이나라도서관</option>
1215								<option value="http://www.miraclelib.dobong.kr/">도봉기적의도서관</option>
1216								<option value="http://cafe.daum.net/dongbong1kidlib">무수골도서관</option>
1217								<option value="http://hakmaeul.or.kr/">학마을 도서관</option>
1218								<option value="#">---- 재단 관련사이트 ----</option>
1219								<option value="http://www.dobong.go.kr">도봉구청</option>
1220								<option value="http://www.seoul.go.kr">서울특별시</option>
1221								<option value="http://www.sfac.or.kr">서울문화재단</option>
1222								<option value="http://www.arko.or.kr">&#8203;한국문화예술위원회</option>
1223								<option value="http://www.gokams.or.kr ">예술경영지원센터</option>
1224								<option value="http://www.arte.or.kr">한국문화예술교육진흥원</option>
1225							</select>
1226
1227							<input type="button" class="siteGo" value="이동">
1228						</div>
1229						
1229<script type="text/javascript">
1230   							$(".siteWrap .siteGo").on("click",function(){
1231      						var link = $(".siteWrap .siteLink option:selected").val();
1232							if(link == "#"){
1233								return false;
1234							}
1235    					    window.open(link, '_blank');
1236  								 })
1237						</script>
1237
1238					</div>
1239				</div>
1240
1241				<div class="footerBottom">
1242					<ul class="footMenu">
1243						<li><a href="/front/guide/personal.do" title="개인정보처리방침">개인정보처리방침</a></li>
1244						<li><a href="/front/guide/emailTerm.do" title="이메일무단수집거부">이메일무단수집거부</a></li>
1245						<!-- <li><a href="#none">시민서비스 현장</a></li>-->
1246						<li><a href="/front/dbgmc/dbgmclocation.do" title="찾아오시는 길">찾아오시는 길</a></li>
1247						<li class="lastLi"><a href="/front/dbfac/organization.do" title="담당자찾기">담당자찾기</a></li>
1248					</ul>
1249					<ul class="footAddress">
1250						<li>도봉문화재단</li>
1251						<li>사업자 등록번호 : 246-82-00126</li>
1252						<li>대표전화 : 02-908-2900</li>
1253						<li class="lastLi">주소 : (우)01403 서울특별시 도봉구 노해로 63길 43 도봉구행정지원센터 3층 재단법인 도봉문화재단</li>
1254					</ul>
1255
1256					<p class="copy">Copyrightⓒ 2019 BY DOBONG ALL Rights Reserved.</p>
1257				</div>
1258			</div>
1259		</section>
1260<form id="listFrm" name="listFrm" method="post" onsubmit="return false;">
1261			<input type='hidden' id="miv_pageNo" name='miv_pageNo' value="1" />
1262			<input type='hidden' id="miv_pageSize" name='miv_pageSize' value="15" />
1263			<input type='hidden' id="total_cnt" name='total_cnt' value="" />
1264			<input type='hidden' id="LISTOP" name='LISTOP' value="miv_pageNo%3D1%3B_SERIALISVALID%3DT%3Bmiv_pageSize%3D15%3B" />
1265			<input type='hidden' id="mode" name='mode' value="W" />
1266			<input type='hidden' id="contents_id" name='contents_id' value="" />
1267			<input type='hidden' id="board_id" name='board_id' value="" />
1268		</form>
1269		<form name="searchFrm" id="searchFrm" method="post" action="/front/supportManageReq/supportManageListPage.do">
1270			<input type='hidden' name='miv_pageNo' 	    value="1" />
1271			<input type='hidden' name='miv_pageSize'    value="12" />
1272			<input type='hidden' name='total_cnt' 	    value="" />
1273			<input type='hidden' name='LISTOP' 		    value="miv_pageNo%3D1%3B_SERIALISVALID%3DT%3Bmiv_pageSize%3D15%3B" />
1274			<input type='hidden' name='mode' 		    value="V" />
1275			<input type="hidden" name="seq" 	     id="seq" 		 		value=""/>
1276			<input type="hidden" name="searchkey"    id="searchkey" 		value="NAME"/>
1277			<input type="hidden" name="search_gb"    id="search_gb" 		value=""/>
1278			<input type="hidden" name="gubun"    id="gubun" 		value=""/>
1279		</form>
1280	</body>
1281
1282		
1282<script type="text/javascript">
1283    var mapOn = false;
1284        var scrollEvent = false;
1285   var count = 0;
1286
1287
1288   // ready
1289//   $(document).ready(function() {
1290//
1291//      $("html, body").on('mousewheel DOMMouseScroll', function(e) {
1292//
1293//         e.preventDefault();
1294//         var E = e.originalEvent.wheelDelta;
1295//         var sb = 960;
1296//
1297//
1298//         if (E > 0 && scrollEvent == false && count >= 1) {
1299//            scrollEvent = true;
1300//            count--;
1301//            $("html, body").stop().animate({
1302//               scrollTop: sb * count
1303//            }, {
1304//               duration: 800,
1305//               complete: function() {
1306//                  scrollEvent = false;
1307//               }
1308//            });
1309//         } else if (E < 0 && scrollEvent == false && count < 6) {
1310//            scrollEvent = true;
1311//            count++;
1312//            $("html, body").stop().animate({
1313//               scrollTop: sb * count
1314//            }, {
1315//               duration: 800,
1316//               complete: function() {
1317//                  scrollEvent = false;
1318//               }
1319//            });
1320//         }
1321//
1322//      });
1323//   });
1324
1325
1326		 //20200303_스크롤
1327     $(function() {
1328			  var win_h = $('.page').height();
1329
1330			  $('.page').each(function(index) {
1331				 $(this).attr('data-index', win_h * index);
1332			  });
1333
1334			  $('.page').on('mousewheel DOMMouseScroll', function(e) {
1335				  if(mapOn){
1336					  e.preventDefault();
1337				  }else{
1338					 var pagePos = parseInt($(this).attr('data-index'));
1339
1340					 if (e.originalEvent.wheelDelta >= 0) {
1341						$('html, body').stop().animate({
1342						   scrollTop: pagePos - win_h
1343						},800)
1344						return false;
1345					 } else if (e.originalEvent.wheelDelta < 0) {
1346						$('html, body').stop().animate({
1347						   scrollTop: pagePos + win_h
1348						},800);
1349						return false;
1350					 }
1351				  }
1352			  });
1353
1354			  $('#footer').on('mousewheel DOMMouseScroll', function(e) {
1355				if(mapOn){
1356					e.preventDefault();
1357				  }else{
1358					 if (e.originalEvent.wheelDelta >= 0){
1359						var offset = $('#location').offset();
1360						  $('html, body').stop().animate({scrollTop : offset.top});
1361					 }
1362				  }
1363			  });
1364		   })
1365
1366       //전체게시물 뷰
1367         function contentsViewAll(contentsid,boardid){
1368         	var f = document.listFrm;
1369
1370         	$("#contents_id").val(contentsid);
1371         	$("#board_id").val(boardid);
1372
1373             f.target = "_self";
1374             f.action = "/front/board/boardContentsView.do";
1375             f.submit();
1376         }
1377
1378         function supportManageViewPage(seq, gubun) {
1379        		$("#seq").val(seq);
1380        		$("#gubun").val(gubun);
1381        	    $("#searchFrm").attr("action","/front/supportManageReq/supportManageView.do");
1382        	    $("#searchFrm").submit();
1383        	}
1384
1385/*
1386         var userFeed = new Instafeed({
1387             get: 'user',
1388             userId: "8499982083",
1389             sortBy: "most-recent",
1390             limit: 4,
1391             template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /></a>',
1392             // {{link}} : 게시물 링크, {{image}} : 사진 url, {{caption}} : 게시물 텍스트
1393             accessToken: '8499982083.49b9e42.7ba0209b20dd4f55ab67eba483e64004'
1394             //accessToken: 'IGQVJXMWNFMkJJcmRYOEZACSmFDWDBheTVqTzF1VFo0bjRyd2QyTnc1SUp1amN0UVkyMUNuLVA1N3ZAWcVZAnMXRpV05Kb2VqbEpUZATR0YWpDR3B3dnZAjV1JfZAl9oVW9XMnRLQ0xXLWVQb0MydXN2QzdUegZDZD'
1395         });
1396
1397         userFeed.run();
1398         */
1399
1400         /*var token = "IGQVJYa2tzcWRrSGFxblhOaVJhVmZA6cHBOaWQ5M1N6dzlrdjZAuLVdOdW1kZA041b0hXY2RVZAWIzZAENUZATNjX2R2UmVOeVdrUHRaVjBYNjF1RWFlWlBUaVo4VTJadEFhcVI0eVR2WGJB";*/
1401
1402         var token = "IGQVJXb0kxSEI1ZA0JNZAkQwUEhGVDMtY2pwX3NUWWpqZAW85R295bWNYT1E1ZA09MYUl4VWlncDc4VVRKMzNGOXVMb1VsMDU1YjZAYdFZAZAeTY1YUUtZAmtCaTVWOXNaMnN1d2NILXNvN21tRFJVbTdFa1BZATQZDZD";
1403         /*
1404             발급된 토큰은 장기 실행 액세스 토큰으로 60일간 사용이 가능합니다.
1405             https://developers.facebook.com/docs/instagram-basic-display-api/guides/long-lived-access-tokens
1406
1407             발급된 토큰은 만료일(60일)이내에 refresh_access_token혹은, 페이스북 개발자 센터내의 토큰 재발급을 통해 연장을 해주어야합니다.
1408             https://developers.facebook.com/docs/instagram-basic-display-api/reference/refresh_access_token
1409         */
1410
1411         $.ajax({
1412             type: "GET",
1413             dataType: "jsonp",
1414             cache: false,
1415             url: "https://graph.instagram.com/me/media?access_token=" + token + "&fields=id,caption,media_type,media_url,thumbnail_url,permalink",
1416             success: function(response) {
1417                 //console.log(response);
1418                 if (response.data != undefined && response.data.length > 0) {
1419                     for(i = 0; i < 4; i++){
1420                         if(response.data[i]){
1421                             var item = response.data[i];
1422                             var image_url = "";
1423                             var post = "";
1424
1425                             if(item.media_type === "VIDEO"){
1426                                 image_url = item.thumbnail_url;
1427                             }else{
1428                                 image_url = item.media_url;
1429                             }
1430
1431                             //post += '<div class="instagram_item instagram_item'+i+'">';
1432                                /*  post += '<a href="'+ item.permalink +'" target="_blank" rel="noopener noreferrer" style="background-image: url(' + image_url + ');">';
1433                                 	post += '<p>'+ item.caption +'</p>';
1434                                 post += '</a>'; */
1435                             //post += '</div>';*/
1436                             //post += '<a href="'+ item.permalink +'" target="_blank" rel="noopener noreferrer"  class="instagram_item instagram_item'+i+'"><img src="' + image_url + '" style="width:50%;" />';
1437                             post += '<a href="'+ item.permalink +'" target="_blank"><img src="' + image_url + '" style="width:50%;max-height:155px;height:155px" />';
1438                             //post += '<p>'+ item.caption +'</p>';
1439                             post += '</a>';
1440
1441                             $('#instafeed').append(post);
1442							 $('#facefeed').append(post);
1443                         }else{
1444                             // if no curent item
1445                             show_fallback('#insta-item-'+i)
1446                         }
1447                     }
1448                 }else{
1449                     // if api error
1450                     $('#instafeed').css('float','none');
1451                     var post = "<span class='instagramThumb'><img src='/images/front/main/you_thumb_20221031.png' alt='도봉문화재단 insta 썸네일'></span><span class='instagramMore snsMoreBtn'><a href='https://www.instagram.com/p/B9OChyyJ0P6/' target='_blank'>더보기</a></span>";
1452            	 	$('#instafeed').append(post);
1453
1454                     show_fallback('.instagram-item')
1455
1456					 // 20221031 페이스북 썸네일 에러로 추가
1457					 $('#facefeed').css('float','none');
1458					 var post = "<span class='facebookThumb'><img src='/images/front/main/you_thumb_20221031.png' alt='도봉문화재단 facebook 썸네일'></span><span class='facebookMore'><a href='https://facebook.com/dbfac.kr' target='_blank' title='도봉문화재단 페이스북 새 창 열기'>더보기</a></span>";
1459					 $('#facefeed').append(post);
1460
1461					 show_fallback('.facebook-item')
1462                 }
1463             },
1464             error :function(){
1465            	 var post = "<span class='instagramThumb'><img src='/images/front/main/you_thumb_20221031.png' alt='도봉문화재단 insta 썸네일'></span><span class='instagramMore snsMoreBtn'><a href='https://www.instagram.com/p/B9OChyyJ0P6/' target='_blank'>더보기</a></span>";
1466            	 $('#instafeed').append(post);
1467
1468                 // if http error
1469                 show_fallback('.instagram-item')
1470
1471
1472				 // 20221031 페이스북 썸네일 에러로 추가
1473				 var post = "<span class='facebookThumb'><img src='/images/front/main/you_thumb_20221031.png' alt='도봉문화재단 facebook 썸네일'></span><span class='facebookMore'><a href='https://facebook.com/dbfac.kr' target='_blank' title='도봉문화재단 페이스북 새 창 열기'>더보기</a></span>";
1474				 $('#facefeed').append(post);
1475
1476				 // if http error
1477				 show_fallback('.facebook-item')
1478             }
1479
1480         });
1481
1482         function show_fallback(el){
1483             $(el).addClass('loaded fallback');
1484         }
1485      </script>
1485
1486      
1486<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=a682bcae2e26d007a3c3074f5ca51609"></script>
1486
1487      
1487<script>
1488        var mapiconheight;
1489      		var markerObj  = {
1490      			 dbfac : {name : '도봉문화재단', lat:37.652553, lng:127.044158, icon:'/images/front/main/mapicon/dbfac.png', url:'http://www.dbfac.or.kr', address:'서울특별시 도봉구 노해로 63길 43 도봉구행정지원센터 305호', call:' 02-908-2900', panoid:1118552444, pan:348, tilt:10},
1491      			 hsh : {name : '함석헌기념관', lat:37.65293275564281, lng:127.03478414372074, icon:'/images/front/main/mapicon/hsh.png', url:'http://hamsokhon.dobong.go.kr/', panoid:1118732711, pan:298, tilt:9},
1492      			 ksy : {name : '김수영문학관', lat:37.659895589927494, lng:127.02381623056115, icon:'/images/front/main/mapicon/kimsooyoung.png', url:'http://kimsuyoung.dobong.go.kr/', panoid:1118727269, pan:194, tilt:-20},
1493      			 ksyj : {name : '간송옛집', lat:37.66481489105056, lng:127.02817210851438, icon:'/images/front/main/mapicon/kansong.png', url:'http://www.kansonghouse.kr/', panoid:1118733885, pan:60, tilt:10},
1494      			 phmh : {name : '평화문화진지', lat:37.69077906482042, lng:127.04719501511524, icon:'/images/front/main/mapicon/phmh.png', url:'https://culturebunker.or.kr/', panoid:1118521939, pan:263, tilt:10},
1495      			 mhjblib : {name : '도봉문화정보도서관', lat:37.644488867787615, lng:127.0439691210005, icon:'/images/front/main/mapicon/dblib_mhjb.png', url:'http://www.unilib.dobong.kr/contents.do?idx=63', panoid:1118696855, pan:258, tilt:-2},
1496      			 ainrlib : {name : '도봉아이나라도서관', lat:37.659018362655125, lng:127.04946880974661, icon:'/images/front/main/mapicon/dblib_ainr.png', url:'http://www.unilib.dobong.kr/contents.do?idx=72', panoid:1118535792, pan:175, tilt:-7},
1497      			 miraclelib : {name : '도봉기적의도서관', lat:37.680802354041575, lng:127.05018936091832, icon:'/images/front/main/mapicon/dblib_kijeok.png', url:'http://www.unilib.dobong.kr/contents.do?idx=65', panoid:1118522351, pan:284, tilt:-1},
1498      			 haklib : {name : '학마을도서관', lat:37.662231119630675, lng:127.02787591576008, icon:'/images/front/main/mapicon/dblib_hak.png', url:'http://www.unilib.dobong.kr/contents.do?idx=64', panoid:1118790462, pan:351, tilt:-11},
1499      			 msglib : {name : '무수골도서관', lat:37.6829682227317, lng:127.04286241682537, icon:'/images/front/main/mapicon/dblib_msg.png', url:'http://www.unilib.dobong.kr/contents.do?idx=289', panoid:1118912751, pan:0, tilt:-16},
1500      			 jhlib : {name : '지혜의등대 작은도서관', lat:37.654121702333406, lng:127.03840385275106, icon:'/images/front/main/mapicon/dblib_jh.png', url:'http://www.unilib.dobong.kr/contents.do?idx=143', panoid:1118931996, pan:119, tilt:-9},
1501      			 ksylib : {name : '김수영 문학도서관', lat:37.659900140036854, lng:127.02381082431504, icon:'/images/front/main/mapicon/kimsooyoung.png', url:'http://www.unilib.dobong.kr/contents.do?idx=131', panoid:1118727269, pan:194, tilt:-20},
1502      			 dooly : {name : '둘리뮤지엄', lat:37.65229414911302, lng:127.02772205653251, icon:'/images/front/main/mapicon/dooly.png', url:'https://www.doolymuseum.or.kr/', panoid:1118676247, pan:295, tilt:-4},
1503      			 ssmlib : {name : '쌍문채움도서관', lat:37.64698426524555, lng:127.02628132599322, icon:'/images/front/main/mapicon/dblib_ssm.png', url:'http://www.unilib.dobong.kr/contents.do?idx=291', panoid:1118618811, pan:72, tilt:-19},
1504				 doolylib : {name : '둘리도서관', lat:37.65229414911302, lng:127.02772205653251, icon:'/images/front/main/mapicon/dooly.png', url:'https://www.doolymuseum.or.kr/', panoid:1118676247, pan:295, tilt:-4},
1505				 rubbershoes : {name : '마을극장 흰고무신', lat:37.6681272209585, lng:127.031542795166, icon:'/images/front/main/mapicon/rubbershoes.png', url:'http://www.dbfac.or.kr/front/cultureplace/rubbershoes.do', panoid:1118676247, pan:80, tilt:0},
1506				 youthart : {name : '청소년 예술공간 채움', lat:37.6897506980596, lng:127.04491945608, icon:'/images/front/main/mapicon/youthart.png', url:'http://www.dbfac.or.kr/front/cultureplace/youthart.do', panoid:1118676247, pan:80, tilt:0},
1507				 orang : {name : '서울청년센터 도봉', lat:37.6531586763949, lng:127.048746708842, icon:'/images/front/main/mapicon/orang.png', url:'http://www.dbfac.or.kr/front/cultureplace/orang.do', panoid:1118676247, pan:-20, tilt:0},
1508				 hanok : {name : '원당마을한옥도서관', lat:37.6607694, lng:127.0219571, icon:'/images/front/main/mapicon/hanok.png', url:'https://www.unilib.dobong.kr/contents.do?idx=325', panoid:1118677770, pan:160, tilt:10}, //pan:로드뷰 처음 실행시에 바라봐야 할 수평 각, tilt:로드뷰 처음 실행시에 바라봐야 할 수직 각
1509
1510      			}
1511
1512  		    var map;
1513      		var curlevel, curcenterlatlng;
1514
1515  		    let markers = [];
1516  		    let popups = [];
1517
1518  		    var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스
1519  	    	var options = { //지도를 생성할 때 필요한 기본 옵션
1520  	    		center: new kakao.maps.LatLng(markerObj['dbfac'].lat,markerObj['dbfac'].lng), //지도의 중심좌표.
1521  	    		level: 3 //지도의 레벨(확대, 축소 정도)
1522  	    	};
1523
1524  	    	map = new kakao.maps.Map(container, options);
1525
1526  	    	kakao.maps.event.addListener(map, 'center_changed', function() {
1527
1528  	    	    // 지도의  레벨을 얻어옵니다
1529  	    	    curlevel = map.getLevel();
1530
1531  	    	    // 지도의 중심좌표를 얻어옵니다
1532  	    	    curcenterlatlng = map.getCenter();
1533  	    	});
1534
1535  	    	var roadviewContainer = document.getElementById('roadview');
1536
1537      		// 로드뷰 위치
1538      		var rvPosition = new kakao.maps.LatLng(37.56613, 126.97837);
1539
1540      		//로드뷰 객체를 생성한다
1541      		var roadview = new kakao.maps.Roadview(roadviewContainer, {
1542      			//panoId : markerObj['dbfac'].panoid, // 로드뷰 시작 지역의 고유 아이디 값
1543      			panoX : markerObj['dbfac'].lat, // panoId가 유효하지 않을 경우 지도좌표를 기반으로 데이터를 요청할 수평 좌표값
1544      			panoY : markerObj['dbfac'].lng, // panoId가 유효하지 않을 경우 지도좌표를 기반으로 데이터를 요청할 수직 좌표값
1545      			pan: markerObj['dbfac'].pan, // 로드뷰 처음 실행시에 바라봐야 할 수평 각
1546      			tilt: markerObj['dbfac'].tilt, // 로드뷰 처음 실행시에 바라봐야 할 수직 각
1547      			zoom: -1 // 로드뷰 줌 초기값
1548      		});
1549
1550  	    	var mapiconImage = new Image();
1551              mapiconImage.onload = function() {
1552
1553      	    	var imageSrc = markerObj['dbfac'].icon // 마커이미지의 주소입니다
1554      	        imageSize = new kakao.maps.Size(mapiconImage.width, mapiconImage.height), // 마커이미지의 크기입니다
1555      	        imageOption = {offset: new kakao.maps.Point(mapiconImage.width/2, mapiconImage.height/2)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
1556
1557      		    // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
1558      		    var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption),
1559      		        markerPosition = new kakao.maps.LatLng(markerObj['dbfac'].lat,markerObj['dbfac'].lng); // 마커가 표시될 위치입니다
1560
1561      		    // 마커를 생성합니다
1562      		    var marker = new kakao.maps.Marker({
1563      		        position: markerPosition,
1564      		        image: markerImage,
1565      		        clickable: true
1566      		    });
1567
1568      		    // 마커가 지도 위에 표시되도록 설정합니다
1569      		    marker.setMap(map);
1570
1571      		    kakao.maps.event.addListener(marker, 'click', function() {
1572      		        // 마커 위에 인포윈도우를 표시합니다
1573      			        window.open(markerObj['dbfac'].url);
1574      			  });
1575
1576      		    var customOverlay = new kakao.maps.CustomOverlay({
1577      		        position: markerPosition,
1578      		        content: '<div class ="label"><span class="left"></span><span class="center">'+markerObj['dbfac'].name+'</span><span class="right"></span></div>'
1579      		    });
1580
1581      		    // 커스텀 오버레이를 지도에 표시합니다
1582      		    customOverlay.setMap(map);
1583      		    popups.push(customOverlay);
1584      		    markers.push(marker);
1585
1586      		    roadview.setPanoId(123456, markerPosition);
1587
1588                  roadview.relayout();
1589  			}
1590              mapiconImage.src = markerObj['dbfac'].icon;
1591
1592
1593
1594
1595
1596  		    function moveMapMulti(target){
1597
1598  		    	var arr;
1599  		    	var isTargetExist = false;
1600  		    	if(target == 'facility'){
1601  		    		deleteMarkers();
1602  		    		arr = ['hsh','ksy','ksyj','phmh','mjrdb','maru','dooly', 'ssial'];
1603  		    		isTargetExist = true;
1604  		    	}else if(target == 'lib'){
1605  		    		deleteMarkers();
1606  		    		arr = ['mhjblib','ainrlib','miraclelib','haklib','msglib','jhlib','ksylib','cgbblib','dlbblib','smbblib','ssmlib','doolylib'];
1607  		    		isTargetExist = true;
1608  		    	}else{}
1609
1610  		    	if(isTargetExist){
1611
1612  					//var bounds = new google.maps.LatLngBounds();
1613  		    		var bounds = new kakao.maps.LatLngBounds();
1614
1615  		    		for (var i = 0; i < arr.length; i++) {
1616  		    			if(markerObj[arr[i]].name != null){
1617  		    				var lat = markerObj[arr[i]].lat;
1618  		    				var lng = markerObj[arr[i]].lng;
1619  		    				var imgsrc = markerObj[arr[i]].icon;
1620  		    				var url = markerObj[arr[i]].url;
1621  		    				var name = markerObj[arr[i]].name;
1622
1623  		    				var LatLng = new kakao.maps.LatLng(lat,lng);
1624  		    				bounds.extend(LatLng);
1625  		    				var imageSrc = imgsrc, // 마커이미지의 주소입니다
1626  	    	    	        imageSize = new kakao.maps.Size(imageSrc.width, imageSrc.height)
1627  		    				//,imageOption = {offset: new kakao.maps.Point(imageSrc.width/2, imageSrc.height/2)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
1628
1629  	    	    		    // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
1630  	    	    		    var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption),
1631  	    	    		        markerPosition = new kakao.maps.LatLng(lat,lng); // 마커가 표시될 위치입니다
1632
1633  	    	    		    // 마커를 생성합니다
1634  	    	    		    var marker = new kakao.maps.Marker({
1635  	    	    		        position: markerPosition,
1636  	    	    		        image: markerImage,
1637  	    	    		        clickable: true
1638  	    	    		    });
1639
1640  	    	    		    kakao.maps.event.addListener(marker, 'click', function() {
1641  	    	    		        // 마커 위에 인포윈도우를 표시합니다
1642  	    	    			        window.open(url);
1643  	    	    			  });
1644  	    	    		    // 마커가 지도 위에 표시되도록 설정합니다
1645  	    	    		    marker.setMap(map);
1646  	    	    		    markers.push(marker);
1647
1648
1649  	    	    		    var customOverlay = new kakao.maps.CustomOverlay({
1650  	    	    		        position: markerPosition,
1651  	    	    		        content: '<div class ="label"><span class="left"></span><span class="center">'+name+'</span><span class="right"></span></div>'
1652  	    	    		    });
1653
1654  	    	    		    // 커스텀 오버레이를 지도에 표시합니다
1655  	    	    		    customOverlay.setMap(map);
1656  	    	    		    popups.push(customOverlay);
1657  		    			}
1658  		    		}
1659  		    		map.setBounds(bounds);
1660  		    	}
1661  		    }
1662
1663  		    function moveMap(target){
1664  		    	deleteMarkers();
1665  		    	var LatLng = new kakao.maps.LatLng(markerObj[target].lat,markerObj[target].lng);
1666  	            map.panTo(LatLng);
1667
1668  	            var mapiconImage = new Image();
1669  	            mapiconImage.onload = function() {
1670
1671  	    	    	var imageSrc = markerObj[target].icon // 마커이미지의 주소입니다
1672  	    	        imageSize = new kakao.maps.Size(mapiconImage.width, mapiconImage.height), // 마커이미지의 크기입니다
1673  	    	        imageOption = {offset: new kakao.maps.Point(mapiconImage.width/2, mapiconImage.height/2)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
1674
1675  	    		    // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
1676  	    		    var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption),
1677  	    		        markerPosition = new kakao.maps.LatLng(markerObj[target].lat,markerObj[target].lng); // 마커가 표시될 위치입니다
1678
1679  	    		    // 마커를 생성합니다
1680  	    		    var marker = new kakao.maps.Marker({
1681  	    		        position: markerPosition,
1682  	    		        image: markerImage,
1683  	    		        clickable: true
1684  	    		    });
1685
1686  	    		    kakao.maps.event.addListener(marker, 'click', function() {
1687  	    		        // 마커 위에 인포윈도우를 표시합니다
1688  	    			        window.open(markerObj[target].url);
1689  	    			  });
1690  	    		    // 마커가 지도 위에 표시되도록 설정합니다
1691  	    		    marker.setMap(map);
1692  	    		    markers.push(marker);
1693
1694  	    		    var customOverlay = new kakao.maps.CustomOverlay({
1695  	    		        position: markerPosition,
1696  	    		        content: '<div class ="label"><span class="left"></span><span class="center">'+markerObj[target].name+'</span><span class="right"></span></div>'
1697  	    		    });
1698
1699  	    		    // 커스텀 오버레이를 지도에 표시합니다
1700  	    		    customOverlay.setMap(map);
1701  	    		    popups.push(customOverlay);
1702  				}
1703  	            mapiconImage.src = markerObj[target].icon;
1704
1705  	            roadview.setPanoId(markerObj[target].panoid, LatLng);
1706  	            roadview.setViewpoint({
1707  	                pan: markerObj[target].pan,
1708  	                tilt: markerObj[target].tilt,
1709  	                zoom: -1
1710  	            });
1711  	            roadview.relayout();
1712
1713  			}
1714
1715  		    var initMapWidth = 	$('#mapwrap').width();
1716  		    function mapmouseover(){
1717  		    	//curcenterlatlng = map.getCenter();
1718  		    	//$('#mapWrap').css("-webkit-transition","width 0.5s");
1719  		    	//$('#mapwrap').css("width","100%");
1720  		    	//$('#map').css("-webkit-transition","border-radius 0.5s");
1721  		    	//$('#map').css("transition","border-radius 0.5s");
1722  		    	//$('#map').css("border-radius","0%");
1723  		    	//container.style.width = '100%';
1724  		    	mapOn = true;
1725  		    	//map.relayout();
1726  		    	//map.setCenter(curcenterlatlng);
1727  		    }
1728  		    function mapmouseout(){
1729  		    	//curcenterlatlng = map.getCenter();
1730  		    	//$('#mapWrap').css("-webkit-transition","width 0.5s");
1731  			    //$('#mapwrap').css("width",initMapWidth+"px");
1732  		    	//$('#map').css("-webkit-transition","border-radius 0.5s");
1733  		    	//$('#map').css("transition","border-radius 0.5s");
1734  		    	//$('#map').css("border-radius","50%");
1735  		    	//container.style.width = initMapWidth+"px";
1736  		    	mapOn = false;
1737  		    	//map.relayout();
1738  		    	//map.setCenter(curcenterlatlng);
1739  		    }
1740
1741
1742  		 // Sets the map on all markers in the array.
1743  		    function setMapOnAll(map) {
1744  		      for (let i = 0; i < markers.length; i++) {
1745  		        markers[i].setMap(map);
1746  		      }
1747  		      for (let j = 0; j < popups.length; j++) {
1748  		    	  popups[j].setMap(map);
1749  			  }
1750  		    }
1751
1752  		    // Removes the markers from the map, but keeps them in the array.
1753  		    function clearMarkers() {
1754  		      setMapOnAll(null);
1755  		    }
1756
1757  		    // Shows any markers currently in the array.
1758  		    function showMarkers() {
1759  		      setMapOnAll(map);
1760  		    }
1761
1762  		    // Deletes all markers in the array by removing references to them.
1763  		    function deleteMarkers() {
1764  		      clearMarkers();
1765  		      markers = [];
1766  		      popups = [];
1767  		    }
1768
1769          var A = parseInt($('#map').width(), 10),
1770	        B = parseInt($('#roadview').width(), 10),
1771	        Z = parseInt($('#mapslider').width(), 10),
1772	        minw = parseInt((A + B + Z) * 10 / 100, 10),
1773	        offset = $('#mapwrap').offset(),
1774	        splitter = function(event, ui){
1775	            var aw = parseInt(ui.position.left),
1776	                bw = A + B - aw;
1777	            //set widths and information...
1778	            $('#map').css({width : aw});
1779	            map.relayout();
1780	            $('#roadview').css({width : bw});
1781	            roadview.relayout();
1782	        };
1783		    $('#mapslider').draggable({
1784		        axis : 'x',
1785		        containment : [
1786		            offset.left + minw,
1787		            offset.top,
1788		            offset.left + A + B - minw,
1789		            offset.top + $('#mapwrap').height()
1790		            ],
1791		        drag : splitter
1792		    });
1793  		</script>
1793
1794</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.