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ì ëë´ìí¸ê·¹ì¥<ë물ìì ê° ê³ ìì´>"></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ë í¨ìí기ë ê´ ì£¼ë¯¼ì°¸ì¬íë¡ê·¸ë¨ 'è©©ìì 문í' ì°¸ì¬ì 모ì§"></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="'2026 ëë´êµ¬ ìì ì°ê·¹ì ì°¸ì¬ ì°ê·¹í 2ì°¨ 모ì§'"></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="[ë§ìê·¹ì¥ í°ê³ 무ì ] <ìì ë¡ ëë´ë¼ì´í, ì¸ì Eë§> ì°¸ì¬ì 모ì§"></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">[ì²´í]</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">[ì ì]</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">[ê³µì°]</span> 971 <span class="programTit">2026 10ì ëë´ìí¸ê·¹ì¥ <ë물ìì ê° ê³ ìì´></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">[ê³µì°]</span> 987 <span class="programTit">2026ë í¨ìí기ë ê´ ì£¼ë¯¼ì°¸ì¬íë¡ê·¸ë¨ 'è©©ìì 문í' ì°¸ì¬ì 모ì§</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">[ì ì]</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">[ì ì]</span> 1019 <span class="programTit">ë리뮤ì§ì-ìµì°ë¬¸íê´ê´ì¬ë¨ <K-ë¼ë©´ê³¼ 구공í> ìíì ì</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">[ì²´í]</span> 1035 <span class="programTit">'ëë´ì 문í를 ìë¤, ë문ì' ì°¸ì¬ì 모ì§</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">[íì¬]</span> 1051 <span class="programTit">íí문íì§ì§ 민ê°íë ¥ ìì í¼ì ì±ê³¼ê³µì í 'ìì 주ë§'</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="#">​----- ì¬ë¨ 문íìì¤ -----</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">​íêµë¬¸íìì ììí</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.