1<!DOCTYPE html> 2<html lang="ko"> 3<head> 4 5 6<meta http-equiv="X-UA-Compatible" content="IE=edge"> 7<!-- P4 ì ê·¼ì± (260707-01 #14): user-scalable=no·maximum-scale ì ê±° â íë íì©(WCAG 1.4.4). ì본: width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1 --> 8<meta name="viewport" content="width=device-width, initial-scale=1.0"> 9<meta name="format-detection" content="telephone=no"> 10<meta http-equiv="Cache-Control" content="no-store"> <!-- 260909-01 íëë C · 260913 주ì ë³´ê°: ì´ ì¤ì â CDN(ì£ì§) ìºì ë°©ì´ê° ìëë¤ â CF ê° Edge TTL ì ê°ì íë©´ origin ì no-store ë 무ìëë¯ë¡ 무í¨(ì¤í¨ì± ëì¡° = question/260908-01 260909-17-02). í¨ë ¥ ë²ìë ë¸ë¼ì°ì ·WebView ìì²´ ìºìë¿(2ì°¨ì ). CDN ë°©ì´ì ì ì¼í 1ì°¨ì = CF Cache Rules ê°ë ê·ì¹ ìµíë¨(Place at: Last) ë°°ì¹ â ì»·ì¤ë² ì²´í¬ë¦¬ì¤í¸ C10 --> 11 12<meta name="csrf-token-name" content="csrf_donuspay_token"> 13<meta name="csrf-token" content="1c0754345557ccfcb0d6620f981f60f3"> 14<meta name="csrf-expire" content="7200"> <!-- ì´ ë¨ì --> 15 16<meta charset="UTF-8"> 17<title>íëì½ë¦¬ì</title> 18<meta name="description" content="Planì ì ì¸ê³ ìëì ê¶ë¦¬ì íë±ì ìí´ íëíë êµì 구í¸ê°ë°NGOë¡ UNê²½ì ì¬íì´ì¬í íì기구ì ëë¤. êµì¡, ê±´ê°, ìë ë³´í¸ ë± ë¤ìí ë¶ì¼ìì ìëì ì¶ì ê°ì íê³ ì±íë±ì ì´ì§íë íë¡ì í¸ë¥¼ ìííê³ ììµëë¤." /> 19<meta name="keywords" content="íë, Plan, Plankorea, íëì½ë¦¬ì, êµì NGO, UNê²½ì ì¬íì´ì¬í íì기구, êµì ìëíìë¨ì²´, êµì ìëNGO, ìë ë³´í¸, ì±íë±, ìëì ì¶ ê°ì " /> 20<meta name="author" content="íëì½ë¦¬ì" /> 21<meta property="og:type" content="website"> 22<meta property="og:title" content="íëì½ë¦¬ì"> 23<meta property="og:url" content="https://www.plankorea.or.kr"> 24<meta property="og:image" content="https://mediapublic.plankorea.or.kr/ver2023/plankorea_800x600.jpg"> 25<meta property="og:image:secure_url" content="https://mediapublic.plankorea.or.kr/ver2023/plankorea_800x600.jpg"> 26<meta property="og:description" content="Planì ì ì¸ê³ ìëì ê¶ë¦¬ì íë±ì ìí´ íëíë êµì 구í¸ê°ë°NGOë¡ UNê²½ì ì¬íì´ì¬í íì기구ì ëë¤. êµì¡, ê±´ê°, ìë ë³´í¸ ë± ë¤ìí ë¶ì¼ìì ìëì ì¶ì ê°ì íê³ ì±íë±ì ì´ì§íë íë¡ì í¸ë¥¼ ìííê³ ììµëë¤."> 27 28<link rel="shortcut icon" href="https://mediapublic.plankorea.or.kr/ver2023/plankorea.ico"> 29 30 31<!-- Google Tag Manager -->
32<script>
vendor: 331 bytes, lines 32-36
32(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 33new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 34j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 35'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 36})(window,document,'script','dataLayer','
36GTM-WFP2BD9
vendor: 3 bytes, line 36
36');
36</script>
36 37<!--
38<script> 39 window.dataLayer = window.dataLayer || []; 40 function gtag(){dataLayer.push(arguments);} 41 gtag('js', new Date()); 42 gtag('config', 'GTM-WFP2BD9');
43<script> 44--> 45<!-- End Google Tag Manager --> 46<!--
46<script type="text/javascript" async="" src="https://www.google-analytics.com/ga.js"></script>
46 -->
47<script src="/static/js/modernizr.custom.min.js"></script>
47 48 49 50<!-- P2-b CSS ë³í© (260707-01 #10): style.ver2 + base.ver2 + layout.ver2 + nav + module.ver2 + jackedup â bundle (ì본 6ê°ë ìë² ì ì§, ë¨ë ë·° 참조 ë³´ì¡´). ì¬ìì± = _project/tools/build-css-bundles.sh --> 51<link rel="stylesheet" href="/static/css/bundle.web-head.css?v=260707-1"> 52 53<!--
53<script src="/static/js/jquery-1.8.3.min.js"></script>
53 --> 54<!--
54<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
54 --> 55<!-- kendo ë²ë¤ì ì¬ì© ë·°ë¡ ì§ìí (R-10 2ìì, 260706-03) â jQueryë§ ì ì§ --> 56<!-- ë°°ì¹ B ì íí¸ì¤í¸ (260707-01 #8): ì본 https://mediabank.plankorea.or.kr/kendo/js/jquery.min.js (v1.12.4) -->
57<script src="/static/js/vendor/jquery-1.12.4.min.js"></script>
57 58 59<!-- ë°°ì¹ B ì íí¸ì¤í¸: ì본 https://fastly.jsdelivr.net/npm/[email protected]/lodash.min.js -->
60<script defer src="/static/js/vendor/lodash-4.17.21.min.js"></script>
60 61
62<script defer src="/static/js/jquery.easing.1.3.js"></script>
vendor: 2 bytes, line 62
62
63<script defer src="/static/js/bxslider.min.js"></script>
vendor: 2 bytes, line 63
63
64<script defer src="/static/js/jquery.rwdImageMaps.min.js"></script>
vendor: 2 bytes, line 64
64
65<script defer src="/static/js/ui.js?v=260706"></script>
vendor: 2 bytes, line 65
65
66<script defer src="/static/js/ui.main.js"></script>
66 67 68 69 70 71<!-- link href="https://www.plankorea.or.kr/static/css/w3css/4/w3.css" rel="stylesheet"/ --> 72<!-- ë°°ì¹ B ì íí¸ì¤í¸: ì본 https://www.w3schools.com/w3css/5/w3.css (W3.CSS 5.01 ì¤ë ì·) --> 73<link rel="stylesheet" href="/static/css/vendor/w3.v5.css"> 74 75<!-- link href="https://www.plankorea.or.kr/static/css/base.ver2.css" rel="stylesheet"/ --> 76<!-- link href="https://www.plankorea.or.kr/static/css/pagestyle.ver2.css?ver=2" rel="stylesheet"/ --> 77<!-- P2-b ì íí¸ì¤í¸: ì본 https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css (í°í¸ 5ì¢ ../fonts/ ëë´) --> 78<link rel="stylesheet" href="/static/css/vendor/font-awesome/css/font-awesome.min.css"> 79<!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> --> 80<!-- ë°°ì¹ B ì íí¸ì¤í¸: ì본 https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0 â 11ì¢ ê°ë³ ìë¸ì (ìì´ì½ ì¶ê° ì vendor CSS í¤ë 참조) --> 81<link rel="stylesheet" href="/static/css/vendor/material-symbols-outlined.css" /> 82 83<!--
83<script src="https://kit.fontawesome.com/547e462b08.js" crossorigin="anonymous"></script>
83 --> 84 85 86<!-- ë°°ì¹ C-1 (260707-01 #12): Swiper(P2-b ì íí¸ì¤í¸ vendor)ë ì¤ì¬ì© ë·° my_child.php ë¡ ì§ìí â ê³µíµ ë¡ë ì ê±° --> 87 88 89
90<script> 91 $(document).ready(function(e) { 92 $('img[usemap]').rwdImageMaps(); 93 94 try { 95 custom_document_ready(); 96 } catch (eee) {} 97 98 99 }); 100</script>
100 101 102<!-- <style> 103 .material-symbols-outlined { 104 font-variation-settings: 105 'FILL' 0, 106 'wght' 400, 107 'GRAD' 0, 108 'opsz' 24 109 } 110 111 :root { --header-h: 120px; --panel-h: 380px; } 112 113 html, body { margin: 0; padding: 0; } 114 body { 115 /* í¤ëê° fixedë¼ ë³¸ë¬¸ ìë¨ í¨ë© */ 116 padding-top: calc(var(--header-h) + env(safe-area-inset-top)); 117 /* font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; */ 118 background: #f6f7fb; 119 line-height: 1.5; 120 } 121 122 /* ìë¨ í¤ë */ 123 .site-header { 124 position: fixed; top: 0; left: 0; right: 0; 125 height: calc(var(--header-h) + env(safe-area-inset-top)); 126 padding: env(safe-area-inset-top) 24px 0 24px; /* iOS notch ìì ìì */ 127 display: flex; align-items: center; 128 background: #fff; 129 z-index: 890; 130 box-shadow: 0 2px 10px rgba(0,0,0,0.06); 131 transform: translateY(0); 132 transition: transform 240ms ease, box-shadow 240ms ease, background-color 240ms ease; 133 will-change: transform; 134 } 135 .site-header.hidden { transform: translateY(-100%); box-shadow: none; } 136 137 .site-header nav { position:absolute; right:0px; top:calc(50% + env(safe-area-inset-top)/2); transform:translateY(-50%); } 138 139 .site-header .logo { display: inline-flex; align-items: left; gap: 10px; font-weight: 700; font-size: 20px; } 140 .site-header .logo img { width: 150px; object-fit: contain; } 141 142 .gnb { display: flex; align-items: center; gap: 20px; list-style: none; margin: 0; padding: 0; } 143 .gnb a { 144 text-decoration: none; color: #111; font-weight: 600; 145 padding: 8px 10px; border-radius: 6px; 146 } 147 .gnb a:focus-visible, .gnb a:hover { background: #f0f2f6; outline: none; } 148 149 /* ===== ìë¸ë©ë´ í¨ë (ê³ ì , í¤ë ìë) ===== */ 150 .submenu-wrap { 151 position: fixed; left: 0; right: 0; 152 /* í¤ë ìëì ë¶ì */ 153 top: calc(var(--header-h) + env(safe-area-inset-top)); 154 height: 0; /* 기본ì ì í */ 155 overflow: hidden; 156 z-index: 900; /* í¤ëë³´ë¤ ë®ê²(ì¤í¬ë¡¤ ì í¤ëê° ì) */ 157 transition: height 220ms ease, box-shadow 220ms ease, opacity 180ms ease; 158 opacity: 0; 159 } 160 .submenu-wrap.open { 161 height: var(--panel-h); 162 opacity: 1; 163 box-shadow: 0 10px 24px rgba(0,0,0,0.08); 164 } 165 166 /* í¨ë íë©´(ìì) - ì´ ììì ë²ì´ëë©´ ë«í */ 167 .submenu-surface { 168 height: var(--panel-h); 169 background: #fff; 170 border-top: 1px solid #eef0f4; 171 display: flex; 172 align-items: top; 173 justify-content: flex-end; 174 gap: 32px; 175 padding-inline-end: 640px; /* = ì¤ë¥¸ìª½ í¨ë©(ì¢âì° ë¬¸ì 기ì¤) */ 176 177 display-: grid; 178 grid-template-columns-: 1fr 1fr 1fr; 179 gap-: 24px; 180 max-width: 1300px; 181 width: 100%; margin: 0 auto; padding: 24px; 182 } 183 184 .submenu-section { width: 210px; } 185 .submenu-section h4 { margin: 0 0 8px; font-size: 16px; font-weight:bold; } 186 .submenu-list { list-style: none; padding: 0; margin: 0; } 187 .submenu-list li a { display: inline-block; padding: 6px 0; color: #333; text-decoration: none; } 188 .submenu-list li a:hover, .submenu-list li a:focus-visible { text-decoration: underline; } 189 190 /* ë©ë´ë³ 컨í ì¸ ì¤ìì¹ */ 191 .submenu-panel { display: none; } 192 .submenu-panel.active { display: contents; } /* grid children ë°ë¡ íì */ 193 194 195 196 /* 모ì ë¯¼ê° ì¬ì©ì ë°°ë ¤ */ 197 @media (prefers-reduced-motion: reduce) { 198 .site-header, .submenu-wrap { transition: none !important; } 199 } 200 201 /* ë°ìí */ 202 @media (max-width: 860px) { 203 .submenu-surface { grid-template-columns: 1fr 1fr; } 204 } 205 206 @media (max-width: 600px) { 207 .gnb { gap: 12px; } 208 .site-header .logo img { width: 100px; } 209 .site-header { padding: env(safe-area-inset-top) 16px 0 16px; } 210 211 } 212</style> --> 213 214 215 216<style> 217 /* íì¬ë¦¬ CSS*/ 218 input.parsley-success, textarea.parsley-success { 219 color: #468847 !important; 220 background-color: #DFF0D8 !important; 221 border: 1px solid #D6E9C6 !important; 222 } 223 input.parsley-error, textarea.parsley-error { 224 color: #B94A48 !important; 225 background-color: #F2DEDE !important; 226 border: 1px solid #EED3D7 !important; 227 } 228 229 /* 20131114 píê·¸ 공백 ì ê±° */ 230 .view-content p { 231 margin : 0; 232 } 233 234 235 /* new style í¸í */ 236 .sub_contains div { 237 box-sizing : content-box; 238 } 239 240 div.sub_contains { 241 box-sizing : content-box; 242 } 243 244 245</style> 246
247<script type="text/javascript"> 248 249$(function () { 250 251 $('#mySidebar').css('z-index', '891'); // ì¬ì´ëë°ê° í¤ëë³´ë¤ ìì íìëëë¡ 252 // $('#mySidebar').addClass('w3-hide-large'); 253 254 var $w = $(window); 255 var $header = $('#siteHeader'); 256 var $wrap = $('#submenuWrap'); 257 var $surface = $wrap.find('.submenu-surface'); 258 var lastY = 0, delta = 6; 259 var closeTimer = null; 260 var openMenuId = null; // íì¬ ì´ë¦° í¨ë id 261 262 /* ===== í¤ë show/hide (기존 ë¡ì§, rAF + passive) ===== */ 263 // var ticking = false, latestY = 0; 264 // function onScrollUpdate() { 265 // var st = latestY; 266 // if (st <= 0) { 267 // $header.removeClass('hidden'); 268 // lastY = st; 269 // ticking = false; 270 // return; 271 // } 272 // if (Math.abs(st - lastY) > delta) { 273 // if (st > lastY) { // down 274 // $header.addClass('hidden'); 275 // closeSubmenu(); // ì¤í¬ë¡¤ë¡ ë´ë ¤ê° ë í¨ëë ë«ê¸° 276 // } else { // up 277 // $header.removeClass('hidden'); 278 // } 279 // lastY = st; 280 // } 281 // ticking = false; 282 // } 283 // window.addEventListener('scroll', function () { 284 // latestY = window.pageYOffset || document.documentElement.scrollTop || 0; 285 // if (!ticking) { 286 // window.requestAnimationFrame(onScrollUpdate); 287 // ticking = true; 288 // } 289 // }, { passive: true }); 290 291 292 /* ===== í¤ë bg-dark (scroll 100 기ì¤) ===== */ 293 var ticking = false; 294 var latestY = 0; 295 296 function onScrollUpdate() { 297 var st = latestY; 298 299 if (st >= 100) { 300 // text-darkê° ìì ëë§ bg-dark ì¶ê° 301 if (!$header.hasClass('text-dark')) { 302 $header.addClass('bg-dark'); 303 } 304 } else { 305 $header.removeClass('bg-dark'); 306 } 307 308 ticking = false; 309 } 310 311 window.addEventListener('scroll', function () { 312 latestY = window.pageYOffset || document.documentElement.scrollTop || 0; 313 314 if (!ticking) { 315 window.requestAnimationFrame(onScrollUpdate); 316 ticking = true; 317 } 318 }, { passive: true }); 319 320 321 /* ===== ìë¸ë©ë´ ì ì´ ===== */ 322 function openSubmenu(id) { 323 if (openMenuId === id) return; 324 openMenuId = id; 325 326 // í¨ë ì¤ìì¹ 327 $surface.find('.submenu-panel').removeClass('active'); 328 $('#' + id).addClass('active'); 329 330 // í¨ë íì 331 if (!$wrap.hasClass('open')) $wrap.addClass('open'); 332 333 // gnb aria-expanded ì ë°ì´í¸ 334 $('.gnb-link').attr('aria-expanded', 'false'); 335 $('.gnb-link[data-sub="'+ id +'"]').attr('aria-expanded', 'true'); 336 } 337 338 function closeSubmenu() { 339 openMenuId = null; 340 $wrap.removeClass('open'); 341 $surface.find('.submenu-panel').removeClass('active'); 342 $('.gnb-link').attr('aria-expanded', 'false'); 343 } 344 345 // ë©ë´ hover(ë°ì¤í¬í±) / focus(í¤ë³´ë) 346 $('.gnb-link').on('mouseenter focus', function () { 347 openSubmenu($(this).data('sub')); 348 clearTimeout(closeTimer); 349 }); 350 351 // ë©ë´ í´ë¦(모ë°ì¼/ë°ì¤í¬í± ê³µíµ) - í ê¸ 352 $('.gnb-link').on('click', function (e) { 353 var id = $(this).data('sub'); 354 if (openMenuId === id && $wrap.hasClass('open')) { 355 closeSubmenu(); 356 } else { 357 openSubmenu(id); 358 } 359 }); 360 361 // í¤ë/í¨ëìì ë§ì°ì¤ê° ìì í ë²ì´ë¬ì ë ë«ê¸° (ìì ëë ì´ë¡ ë¨ë¦¼ ë°©ì§) 362 function scheduleClose() { 363 clearTimeout(closeTimer); 364 closeTimer = setTimeout(function () { 365 // í¤ëë í¨ë ìì ë§ì°ì¤ê° ìë¤ë©´ ë«ê¸° 366 if (!isPointerInside($header) && !isPointerInside($wrap)) { 367 closeSubmenu(); 368 } 369 }, 120); 370 } 371 372 $header.on('mouseleave', scheduleClose); 373 $surface.on('mouseleave', scheduleClose); 374 375 // í¨ë ìì¼ë¡ ë¤ì´ì¤ë©´ ë«í íì´ë¨¸ ì·¨ì (ì¬ì©ìê° ì´ë ì¤ì¼ ì ìì) 376 $surface.on('mouseenter', function(){ clearTimeout(closeTimer); }); 377 378 // 문ì í´ë¦ ì, í¨ë/í¤ë ë°ê¹¥ì ë르면 ë«ê¸° 379 $(document).on('click', function (e) { 380 var $t = $(e.target); 381 if ($wrap.hasClass('open') && !$t.closest('#submenuWrap, #siteHeader').length) { 382 closeSubmenu(); 383 } 384 }); 385 386 // ESCë¡ ë«ê¸° (ì ê·¼ì±) 387 $(document).on('keydown', function (e) { 388 if (e.key === 'Escape') closeSubmenu(); 389 }); 390 391 // í¬ì¸í°ê° í¹ì ìì ë´ë¶ì ìëì§ ê²ì¬(leave ë«ê¸° íë¨ì©) 392 function isPointerInside($el) { 393 var el = $el.get(0); 394 if (!el) return false; 395 var r = el.getBoundingClientRect(); 396 var x = window._lastPointerX, y = window._lastPointerY; 397 if (x == null || y == null) return false; 398 return (x >= r.left && x <= r.right && y >= r.top && y <= r.bottom); 399 } 400 401 // ìµì í¬ì¸í° ì¢í ì ì¥ 402 window._lastPointerX = null; 403 window._lastPointerY = null; 404 window.addEventListener('pointermove', function(e){
405 window._lastPointerX = e.clientX; window._lastPointerY = e.clientY; 406 }, { passive: true }); 407 408 // ìëì° ë¦¬ì¬ì´ì¦ë¡ í¤ë ëì´/ìì ìì ë³ë ì í¨ë ìì¹ ë³´ì ì CSS calcê° ì²ë¦¬ 409 410}); 411 412 413 414function backgoundLoginSync(isLogin) { 415 416 if (isLogin) { 417 // ë¡ê·¸ì¸ ìí 418 $('#nav-sign').css('display', 'none'); 419 $('#nav-login').css('display', 'none'); 420 $('#nav-user').css('display', 'inline-block'); 421 $('#nav-logout').css('display', 'inline-block'); 422 423 } else { 424 // ë¹ë¡ê·¸ì¸ ìí 425 $('#nav-sign').css('display', 'inline-block'); 426 $('#nav-login').css('display', 'inline-block'); 427 $('#nav-user').css('display', 'none'); 428 $('#nav-logout').css('display', 'none'); 429 } 430 431} 432 433 434</script>
434 435 436 437 438 439 440<!-- P2-b CSS ë³í© (260707-01 #10): main + add_style.ver2 â tail bundle (add_style ì Outfit í°í¸ ë¡ì»¬í í¬í¨). ì¬ì´ Pretendard(@font-face ì ì©, ë¹ë기)ë ìºì¤ì¼ì´ë 무ìí¥ì¼ë¡ ì ì§. ì본 2ê°ë ìë² ì ì§. ì¬ìì± = _project/tools/build-css-bundles.sh --> 441<link rel="stylesheet" href="/static/css/bundle.web-tail.css?v=260707-1"> 442<!-- 260408 Design Renewal --> 443<link rel="preconnect" href="https://fastly.jsdelivr.net" crossorigin> 444<link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-dynamic-subset.min.css" media="print" onload="this.media='all'"> 445<noscript><link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-dynamic-subset.min.css"></noscript>
446<script defer src="/static/js/add_common.js?v=260706"></script>
446 447 448
449<script> 450 var g_csrf_token = "csrf_donuspay_token"; 451 var g_csrf_hash = "1c0754345557ccfcb0d6620f981f60f3"; 452 var loggedin = "0"; 453 var logintoken = ""; 454 var hassponsor = "0"; 455 var ismobile = "0"; 456 var isapp = "0"; 457 var web_domain = "https://my.plankorea.or.kr"; 458 var clientip = "181.215.65.74"; 459 var g_currentyear = "2026"; 460 var g_currentmonth = "10"; 461 var g_currentday = "03"; 462</script>
462 463 464 465 466<!-- DONUS API -->
467<script defer src="/js/api_function.js?v=6-260708-1"></script>
vendor: 2 bytes, line 467
467
468<script defer src="/js/api_json.js?v=1-260706"></script>
468 469 470<!-- ì´ëìì¤ íì¤ê²°ì --> 471<!-- DAUM ZIPCODE API --> 472<!-- script src="https://spi.maps.daum.net/imap/map_js_init/postcode.v2.js"></script -->
473<script defer src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
473 474 475<!-- DONUS PAY íì¤í¨ì -->
476<script defer src="/js/donus_pay.js?v=25-260913-1"></script>
476 477<!-- ie ì ì© ì¤ì --> 478<!--[if lt IE 9]> 479 <link rel="stylesheet" media="all" href="/static/css/ie.css"> 480
480<script src="/static/js/html5.js"></script>
480 481
481<script src="/static/js/respond.js"></script>
481 482<![endif]-->
483<script> 484 $(document).ready(function() {donuspay.init();}); 485</script>
485 486 487 488 489 490 491 492<style> 493 494 495 496 497/* .select_box2 { 498 -moz-appearance: none; 499 -webkit-appearance: none; 500 appearance: none; 501 502 font-size: 1.4em; 503 font-weight: 400; 504 line-height: 1.5; 505 box-sizing: border-box; 506 color: #000; 507 background-color: #fff; 508 509 padding: 8px 50px 8px 15px; 510 margin-right: 15px; 511 512 border: 1px solid #aaa; 513 border-radius: 3px; 514 box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 515 516 background-image: url(/static/images/icon/select_arrow.png); 517 background-repeat:no-repeat; 518 background-position: 96% 50%; 519 background-size: 12px; 520} 521 522.select_box2:hover { 523 border-color: #888; 524} 525 526.select_box2:focus { 527 border-color: #aaa; 528 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); 529 box-shadow: 0 0 0 3px -moz-mac-focusring; 530 color: #222; 531 outline: none; 532} 533 534.select_box2 option { 535 padding: 8px 30px 8px 15px; 536} */ 537 538 539.page-logo.w { 540 position: fixed; 541 z-index: 99; 542 left: 40px; 543 top: 30px; 544} 545.page-logo.h { 546 position: fixed; 547 z-index: 99; 548 left: 20px; 549 top: 10px; 550} 551.page-logo.h img { width: 130px; } 552 553.page-alink-100 { 554 cursor: pointer; 555 width: 100%; 556} 557 558.page-navi-a img { opacity: 0.8; } 559.page-navi-a img:hover { opacity: 1; } 560 561/* #mySidebar { 562 display: none; 563 padding-top: 10px; 564 right: 0; 565 z-index: 99; 566} */ 567 568 569 570 /* .sub_content { padding-top:194px!important; } 571 572 @media only screen and (max-width: 860px) { 573 .sub_content { padding-top:264px!important; } 574 } */ 575</style> 576 577
577<script> 578 $(document).ready(function() { 579 // redirect donation 580 var ref_url = document.referrer.replace(/^[^:]+:\/\/[^/]+/, '').replace(/#.*/, '').replace(/\?.*/, ''); 581 582 if($("#login_referurl").val() == "") { 583 /* 584 if(ref_url == "/donate/sponsor/step1" || ref_url == "/donate/sponsor/step2" 585 || ref_url == "/donate/program/step1" || ref_url == "/donate/program/step2" 586 || ref_url == "/donate/gift/step1" || ref_url == "/donate/gift/step2" 587 || ref_url == "/join") 588 $("#login_referurl").val("/"); 589 */ 590 if(ref_url == "/donate/sponsor/step2" 591 || ref_url == "/donate/program/step2" 592 || ref_url == "/donate/gift/step2" 593 || ref_url == "/join") 594 $("#login_referurl").val("https://my.plankorea.or.kr/my/donation"); 595 else 596 $("#login_referurl").val(document.referrer); 597 } 598 599 if ($("#login_referurl").val().toLowerCase() === 'https://www.plankorea.or.kr/') 600 $("#login_referurl").val("https://my.plankorea.or.kr/my/donation"); 601 602 $("#login_webid2").focus(); 603 }); 604 </script>
604 605</head> 606<body> 607 <div id="wrap"> 608 <!-- í¤ë --> 609 610<!-- ëë©ì¸ --> 611 612<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 612-613
612 613<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
613GTM-WFP2BD9
vendor: 85 bytes, lines 613-614
613" 614height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
615<!-- End Google Tag Manager (noscript) --> 616 617 618<!-- ########################################################################################################## --> 619 620 621<!-- s: í¤ë WEB PC ########################################################################################################## --> 622<header id="siteHeader" class="site-header" role="banner" aria-label="ìë¨ ê³ ì í¤ë"> 623 <div class="header__inner"> 624 <div class="logo"> 625 <!-- <a href="https://www.plankorea.or.kr"> --> 626 <a href="https://www.plankorea.or.kr"> 627 <img src="/static/images/my/renewal/logo-default.webp" alt="Plan International" /> 628 </a> 629 </div> 630 631 <nav class="nav-pc" aria-label="주ì ë©ë´" > 632 <ul class="gnb" role="menubar"> 633 <!-- data-sub ë ìë í¨ëì idì ë§¤ì¹ --> 634 <li role="none"><a role="menuitem" href="https://www.plankorea.or.kr/donate/donate-type/general/" class="gnb-link" data-sub="sub-donate" aria-expanded="false">íììë´</a></li> 635 <li role="none"><a role="menuitem" href="https://www.plankorea.or.kr/what-we-do/key-issues/education-ecd/" class="gnb-link" data-sub="sub-doing" aria-expanded="false">ì°ë¦¬ê° íë ì¼</a></li> 636 <li role="none"><a role="menuitem" href="https://www.plankorea.or.kr/our-story/site-story/" class="gnb-link" data-sub="sub-story" aria-expanded="false">ì°ë¦¬ì ì´ì¼ê¸°</a></li> 637 <li role="none"><a role="menuitem" href="https://www.plankorea.or.kr/plan-together/campaign/campaign-ongoing/" class="gnb-link" data-sub="sub-join" aria-expanded="false">í¨ê» íëí기</a></li> 638 <li role="none"><a role="menuitem" href="https://www.plankorea.or.kr/plankorea/about-us/overview/" class="gnb-link" data-sub="sub-introduction" aria-expanded="false">íëì½ë¦¬ì</a></li> 639 <li role="none"><a role="menuitem" href="https://www.plankorea.or.kr/community/notice/" class="gnb-link" data-sub="sub-news" aria-expanded="false">커뮤ëí°</a></li> 640 </ul> 641 </nav> 642 <div class="header__utils"> 643 <a href="https://www.plankorea.or.kr/search/" class="header__icon-btn"> 644 <span class="utils-icon"><img src="/static/images/my/renewal/icon-header-utils-search.svg" alt=""></span> 645 <span class="label">íµí©ê²ì</span> 646 </a> 647 <a href="/cs/receipt" class="header__icon-btn"> 648 <span class="utils-icon"><img src="/static/images/my/renewal/icon-header-utils-recipt.svg" alt=""></span> 649 <span class="label">기ë¶ê¸ììì¦</span> 650 </a> 651 <a href="/login?referurl=/my/donation" class="header__icon-btn"> 652 <span class="utils-icon"><img src="/static/images/my/renewal/icon-header-utils-my.svg" alt=""></span> 653 <span class="label">MYíë</span> 654 </a> 655 <a href="/donate" class="header__cta">íìí기</a> 656 </div> 657 658 <!-- s:í¤ë WEB MOBILE --> 659 <nav class="nav-mobile" aria-label="모ë°ì¼ ë©ë´"> 660 <a href="/donate" class="cta-btn">íìí기</a> 661 <button class="nav-mobile-open-btn" onclick="openNav()" aria-label="ë©ë´ ì´ê¸°"> 662 <svg xmlns="http://www.w3.org/2000/svg" id="_ë ì´ì´_1" data-name="ë ì´ì´_1" viewBox="0 0 400 400"><defs><style> .st0 { fill: #fff; } </style></defs><rect class="st0" x="5" y="40.4545455" width="390" height="35.4545455"></rect><rect class="st0" x="146.8181818" y="182.2727273" width="248.1818182" height="35.4545455"></rect><rect class="st0" x="5" y="324.0909091" width="390" height="35.4545455"></rect></svg> 663 </button> 664 </nav> 665 <!-- e:í¤ë WEB MOBILE --> 666 </div> 667</header> 668 669<!-- ìë¸ë©ë´ í¨ë(ê³ ì , í¹ì ëì´) --> 670<div id="submenuWrap" class="submenu-wrap w3-hide-small w3-hide-medium" aria-live="polite" aria-label="ìë¸ë©ë´ ìì"> 671 <div class="submenu-inner"> 672 <div class="submenu-surface" tabindex="-1"> 673 <!-- ë©ë´ë³ 컨í ì¸ --> 674 <div id="sub-donate" class="submenu-panel"> 675 <div class="submenu-col-main"> 676 <div class="submenu-section"> 677 <a class="submenu-title" href="https://www.plankorea.or.kr/donate/donate-type/general/">íìì í</a> 678 <ul class="submenu-list cols2"> 679 <li><a href="https://www.plankorea.or.kr/donate/donate-type/general/">ì ì²´ì§ìì¬ì </a></li> 680 <li><a href="https://www.plankorea.or.kr/donate/donate-type/child-sponsorship/overview/">í´ì¸ìëê²°ì°</a></li> 681 <li><a href="https://www.plankorea.or.kr/donate/donate-type/overseas/">í´ì¸ì§ìì¬ì </a></li> 682 <li><a href="https://www.plankorea.or.kr/donate/donate-type/domestic/">êµë´ì§ìì¬ì </a></li> 683 <li><a href="https://www.plankorea.or.kr/donate/donate-type/emergency/">긴ê¸êµ¬í¸</a></li> 684 <li><a href="https://www.plankorea.or.kr/donate/donate-type/csr/overview/">기ì ·ë¨ì²´</a></li> 685 <li><a href="https://www.plankorea.or.kr/donate/donate-type/hotplace/overview/">í«í</a></li> 686 </ul> 687 </div> 688 <div class="submenu-section"> 689 <a class="submenu-title" href="https://www.plankorea.or.kr/donate/guide/">íìê°ì´ë</a> 690 </div> 691 </div> 692 <div class="submenu-section"> 693 <a class="submenu-title" href="https://www.plankorea.or.kr/donate/supporters/honors-club/">íë ìí¬í°ì¦</a> 694 <ul class="submenu-list"> 695 <li><a href="https://www.plankorea.or.kr/donate/supporters/honors-club/">íë ìëì¤í´ë½</a></li> 696 <li><a href="https://www.plankorea.or.kr/donate/supporters/legacy-club/">íë ë ê±°ìí´ë½</a></li> 697 </ul> 698 </div> 699 </div> 700 701 <div id="sub-doing" class="submenu-panel"> 702 <div class="submenu-section w-large"> 703 <a class="submenu-title" href="https://www.plankorea.or.kr/what-we-do/key-issues/education-ecd/">íµì¬ì´ì</a> 704 <ul class="submenu-list"> 705 <li><a href="https://www.plankorea.or.kr/what-we-do/key-issues/education-ecd/">êµì¡ ë° ìì ì ë°ë¬</a></li> 706 <li><a href="https://www.plankorea.or.kr/what-we-do/key-issues/protection-from-violence/">ìëë³´í¸</a></li> 707 <li><a href="https://www.plankorea.or.kr/what-we-do/key-issues/health-nutrition-wash/">보건·ìì ë° ìììì</a></li> 708 <li><a href="https://www.plankorea.or.kr/what-we-do/key-issues/srhr/">ì±Â·ì¬ìì° ê±´ê°ê³¼ ê¶ë¦¬</a></li> 709 <li><a href="https://www.plankorea.or.kr/what-we-do/key-issues/economic-empowerment/">ê²½ì ìë ê°í</a></li> 710 <li><a href="https://www.plankorea.or.kr/what-we-do/key-issues/climate-change-resilience/">기íë³í ëì ë° íë³µë ¥</a></li> 711 <li><a href="https://www.plankorea.or.kr/what-we-do/key-issues/humanitarian/">긴ê¸êµ¬í¸ ë° ì¸ëì ì§ì</a></li> 712 </ul> 713 </div> 714 </div> 715 716 <div id="sub-story" class="submenu-panel"> 717 <div class="submenu-section"> 718 <a class="submenu-title" href="https://www.plankorea.or.kr/our-story/site-story/">íì¥ ì¤í 리</a> 719 </div> 720 <div class="submenu-section"> 721 <a class="submenu-title" href="https://www.plankorea.or.kr/our-story/donator-story/">íìì ì´ì¼ê¸°</a> 722 </div> 723 </div> 724 725 <div id="sub-join" class="submenu-panel"> 726 <div class="submenu-section"> 727 <a class="submenu-title" href="https://www.plankorea.or.kr/plan-together/campaign/campaign-ongoing/">ìº íì¸</a> 728 <ul class="submenu-list"> 729 <li><a href="https://www.plankorea.or.kr/plan-together/campaign/campaign-ongoing/">ìº íì¸ ì°¸ì¬</a></li> 730 <li><a href="https://www.plankorea.or.kr/plan-together/campaign/campaign-closed/">ìº íì¸ ê²°ê³¼ë³´ê³ </a></li> 731 </ul> 732 </div> 733 <div class="submenu-section"> 734 <a class="submenu-title" href="https://www.plankorea.or.kr/plan-together/volunteer/">ììë´ì¬</a> 735 </div> 736 <div class="submenu-section"> 737 <a class="submenu-title" href="https://www.plankorea.or.kr/plan-together/newsletter/">ë´ì¤ë í° êµ¬ë </a> 738 </div> 739 </div> 740 741 <div id="sub-introduction" class="submenu-panel"> 742 <div class="submenu-section"> 743 <a class="submenu-title" href="https://www.plankorea.or.kr/plankorea/about-us/overview/">íëì½ë¦¬ì ìê°</a> 744 </div> 745 <div class="submenu-section"> 746 <a class="submenu-title" href="https://www.plankorea.or.kr/plankorea/history/">íëì ìì¬</a> 747 </div> 748 <div class="submenu-section"> 749 <a class="submenu-title" href="https://www.plankorea.or.kr/plankorea/global-networks/">ê¸ë¡ë² ë¤í¸ìí¬</a> 750 </div> 751 <div class="submenu-section"> 752 <a class="submenu-title" href="https://www.plankorea.or.kr/plankorea/management/financial-report/">í¬ëª ê²½ì</a> 753 <ul class="submenu-list"> 754 <li><a href="https://www.plankorea.or.kr/plankorea/management/financial-report/">ì¬ì ë³´ê³ </a></li> 755 <li><a href="https://www.plankorea.or.kr/plankorea/management/year-report/">ì°ê°íëë³´ê³ ì</a></li> 756 <li><a href="https://www.plankorea.or.kr/plankorea/management/accountability-transparency/accountability/">ì± ë¬´ì±ê³¼ í¬ëª ì±</a></li> 757 </ul> 758 </div> 759 <div class="submenu-section"> 760 <a class="submenu-title" href="https://www.plankorea.or.kr/plankorea/partnership/ambassador/">íí¸ëì</a> 761 <ul class="submenu-list"> 762 <li><a href="https://www.plankorea.or.kr/plankorea/partnership/ambassador/">íë³´ëì¬</a></li> 763 <li><a href="https://www.plankorea.or.kr/donate/donate-type/csr/partners/">기ì íí¸ë</a></li> 764 <li><a href="https://www.plankorea.or.kr/plankorea/partnership/institutional/">기ê´íë ¥</a></li> 765 </ul> 766 </div> 767 <div class="submenu-section"> 768 <a class="submenu-title" href="https://www.plankorea.or.kr/plankorea/information/inquiry/">문ì ë° ìë´</a> 769 <ul class="submenu-list"> 770 <li><a href="https://www.plankorea.or.kr/plankorea/information/inquiry/">문ìí기</a></li> 771 <li><a href="https://www.plankorea.or.kr/plankorea/information/faq/">FAQ</a></li> 772 <li><a href="https://www.plankorea.or.kr/plankorea/information/directions/">ì¤ìë 길</a></li> 773 </ul> 774 </div> 775 </div> 776 777 <div id="sub-news" class="submenu-panel"> 778 <div class="submenu-section"> 779 <a class="submenu-title" href="https://www.plankorea.or.kr/community/notice/">ê³µì§ì¬í</a> 780 </div> 781 <div class="submenu-section"> 782 <a class="submenu-title" href="https://www.plankorea.or.kr/community/press/">ë³´ëìë£</a> 783 </div> 784 <div class="submenu-section"> 785 <a class="submenu-title" href="https://www.plankorea.or.kr/community/plan-archive/">íë ìì¹´ì´ë¸</a> 786 </div> 787 </div> 788 789 </div> 790 </div> 791</div> 792<!-- e: í¤ë WEB PC ####################################################################################### --> 793 794
795<script> 796 // var VAL_PG_NAV_WIDTH__WD = "90%" 797 // var VAL_PG_NAV_WIDTH__NR = "40%" 798 799 // var PG_NAV_WIDTH = VAL_PG_NAV_WIDTH__NR 800 801 802 // function winResizeAct() { 803 // if (matchMedia('all and (max-width:1000px)').matches) { 804 // // PG_NAV_WIDTH = VAL_PG_NAV_WIDTH__WD 805 // PG_NAV_WIDTH = '308px'; 806 // } else { 807 // // PG_NAV_WIDTH = VAL_PG_NAV_WIDTH__NR 808 // PG_NAV_WIDTH = '308px'; 809 // } 810 // console.log('PG_NAV_WIDTH', PG_NAV_WIDTH) 811 // document.getElementById("mySidebar").style.width = PG_NAV_WIDTH; 812 // document.getElementById("mySidebar").style.padding = "0px 0px 0px 8px"; 813 // } 814 815 816 // $(window).resize(function() { 817 // winResizeAct() 818 // }); 819 820 // $(window).ready(function() { 821 // winResizeAct(); 822 // }); 823 824</script>
824 825 826 827 828<!-- s: í¤ë WEB MOBILE ####################################################################################### --> 829<div id="mySidebar" class="sidebar"> 830 <div class="sidebar-header"> 831 <div class="logo"> 832 <a href="https://www.plankorea.or.kr"> 833 <img src="/static/images/my/renewal/logo-default.webp" alt="Plan International"> 834 </a> 835 </div> 836 <div id="nav-close" onclick="closeNav()" class="sidebar-close"> 837 <svg xmlns="http://www.w3.org/2000/svg" id="icons-2" data-name="icons" viewBox="0 0 200 200"><defs><style> .cls-1 { fill: #101011; } </style></defs><path class="cls-1" d="M180.79,194.99c-3.82,0-7.39-1.47-10.05-4.13l-70.75-70.75L29.24,190.85c-2.66,2.67-6.24,4.13-10.05,4.13s-7.39-1.47-10.05-4.13c-2.69-2.69-4.14-6.2-4.09-9.9v-.31c-.05-3.7,1.4-7.21,4.09-9.9l70.75-70.75L9.13,29.25c-2.67-2.67-4.13-6.24-4.13-10.05s1.47-7.39,4.13-10.05c2.64-2.64,6.09-4.09,9.71-4.09h.68c3.63,0,7.08,1.45,9.72,4.09l70.75,70.75L170.74,9.15c2.66-2.67,6.24-4.13,10.05-4.13s7.39,1.47,10.05,4.13c2.67,2.67,4.13,6.24,4.13,10.05s-1.47,7.39-4.13,10.05l-70.75,70.75,70.75,70.75c5.54,5.54,5.54,14.56,0,20.11-2.66,2.67-6.24,4.13-10.05,4.13Z"></path></svg> 838 </div> 839 </div> 840 841 <div class="sidebar-inner"> 842 <nav id='sitenav' class="sitenav"> 843 <!-- --> 844 <div class="sitenav-menu-item"> 845 <button class="sitenav-menu-title">íììë´</button> 846 <div class="sitenav-submenu"> 847 <div class="sitenav-submenu-group"> 848 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/donate/donate-type/general/">íìì í</a> 849 <div class="sitenav-depth3"> 850 <a class="" href="https://www.plankorea.or.kr/donate/donate-type/general/">ì ì²´ì§ìì¬ì </a> 851 <a class="" href="https://www.plankorea.or.kr/donate/donate-type/child-sponsorship/overview/">í´ì¸ìëê²°ì°</a> 852 <a class="" href="https://www.plankorea.or.kr/donate/donate-type/overseas/">í´ì¸ì§ìì¬ì </a> 853 <a class="" href="https://www.plankorea.or.kr/donate/donate-type/domestic/">êµë´ì§ìì¬ì </a> 854 <a class="" href="https://www.plankorea.or.kr/donate/donate-type/emergency/">긴ê¸êµ¬í¸</a> 855 <a class="" href="https://www.plankorea.or.kr/donate/donate-type/csr/overview/">기ì ·ë¨ì²´</a> 856 <a class="" href="https://www.plankorea.or.kr/donate/donate-type/hotplace/overview/">í«í</a> 857 </div> 858 </div> 859 <div class="sitenav-submenu-group"> 860 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/donate/supporters/honors-club/">íë ìí¬í°ì¦</a> 861 <div class="sitenav-depth3"> 862 <a class="" href="https://www.plankorea.or.kr/donate/supporters/honors-club/">íë ìëì¤í´ë½</a> 863 <a class="" href="https://www.plankorea.or.kr/donate/supporters/legacy-club/">íë ë ê±°ìí´ë½</a> 864 </div> 865 </div> 866 <div class="sitenav-submenu-group"> 867 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/donate/guide/">íì ê°ì´ë</a> 868 </div> 869 </div> 870 </div> 871 <!-- --> 872 873 <div class="sitenav-menu-item"> 874 <button class="sitenav-menu-title">ì°ë¦¬ê° íë ì¼</button> 875 <div class="sitenav-submenu"> 876 <div class="sitenav-submenu-group"> 877 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/what-we-do/key-issues/education-ecd/">íµì¬ì´ì</a> 878 <div class="sitenav-depth3"> 879 <a class="" href="https://www.plankorea.or.kr/what-we-do/key-issues/education-ecd/">êµì¡ ë° ìì ì ë°ë¬</a> 880 <a class="" href="https://www.plankorea.or.kr/what-we-do/key-issues/protection-from-violence/">ìëë³´í¸</a> 881 <a class="" href="https://www.plankorea.or.kr/what-we-do/key-issues/health-nutrition-wash/">보건·ìì ë° ìììì</a> 882 <a class="" href="https://www.plankorea.or.kr/what-we-do/key-issues/srhr/">ì±Â·ì¬ìì° ê±´ê°ê³¼ ê¶ë¦¬</a> 883 <a class="" href="https://www.plankorea.or.kr/what-we-do/key-issues/economic-empowerment/">ê²½ì ìë ê°í</a> 884 <a class="" href="https://www.plankorea.or.kr/what-we-do/key-issues/climate-change-resilience/">기íë³í ëì ë° íë³µë ¥</a> 885 <a class="" href="https://www.plankorea.or.kr/what-we-do/key-issues/humanitarian/">긴ê¸êµ¬í¸ ë° ì¸ëì ì§ì</a> 886 </div> 887 </div> 888 </div> 889 </div> 890 <!-- --> 891 892 <div class="sitenav-menu-item"> 893 <button class="sitenav-menu-title">ì°ë¦¬ì ì´ì¼ê¸°</button> 894 <div class="sitenav-submenu"> 895 <div class="sitenav-submenu-group"> 896 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/our-story/site-story/">íì¥ì¤í 리</a> 897 </div> 898 <div class="sitenav-submenu-group"> 899 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/our-story/donator-story/">íìì ì´ì¼ê¸°</a> 900 </div> 901 </div> 902 </div> 903 <!-- --> 904 905 <div class="sitenav-menu-item"> 906 <button class="sitenav-menu-title">í¨ê» íëí기</button> 907 <div class="sitenav-submenu"> 908 <div class="sitenav-submenu-group"> 909 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/plan-together/campaign/campaign-ongoing/">ìº íì¸</a> 910 <div class="sitenav-depth3"> 911 <a class="" href="https://www.plankorea.or.kr/plan-together/campaign/campaign-ongoing/">ìº íì¸ ì°¸ì¬</a> 912 <a class="" href="https://www.plankorea.or.kr/plan-together/campaign/campaign-closed/">ìº íì¸ ê²°ê³¼ë³´ê³ </a> 913 </div> 914 </div> 915 <div class="sitenav-submenu-group"> 916 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/plan-together/volunteer/">ììë´ì¬</a> 917 </div> 918 <div class="sitenav-submenu-group"> 919 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/plan-together/newsletter/">ë´ì¤ë í° êµ¬ë </a> 920 </div> 921 </div> 922 </div> 923 <!-- --> 924 925 <div class="sitenav-menu-item"> 926 <button class="sitenav-menu-title">íëì½ë¦¬ì</button> 927 <div class="sitenav-submenu"> 928 <div class="sitenav-submenu-group"> 929 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/plankorea/about-us/overview/">íëì½ë¦¬ì ìê°</a> 930 </div> 931 <div class="sitenav-submenu-group"> 932 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/plankorea/history/">íëì ìì¬</a> 933 </div> 934 <div class="sitenav-submenu-group"> 935 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/plankorea/global-networks/">ê¸ë¡ë² ë¤í¸ìí¬</a> 936 </div> 937 <div class="sitenav-submenu-group"> 938 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/plankorea/management/financial-report/">í¬ëª ê²½ì</a> 939 <div class="sitenav-depth3"> 940 <a class="" href="https://www.plankorea.or.kr/plankorea/management/financial-report/">ì¬ì ë³´ê³ </a> 941 <a class="" href="https://www.plankorea.or.kr/plankorea/management/year-report/">ì°ê°íëë³´ê³ ì</a> 942 <a class="" href="https://www.plankorea.or.kr/plankorea/management/accountability-transparency/accountability/">ì± ë¬´ì±ê³¼ í¬ëª ì±</a> 943 </div> 944 </div> 945 <div class="sitenav-submenu-group"> 946 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/plankorea/partnership/ambassador/">íí¸ëì</a> 947 <div class="sitenav-depth3"> 948 <a class="" href="https://www.plankorea.or.kr/plankorea/partnership/ambassador/">íë³´ëì¬</a> 949 <a class="" href="https://www.plankorea.or.kr/donate/donate-type/csr/partners/">기ì íí¸ë</a> 950 <a class="" href="https://www.plankorea.or.kr/plankorea/partnership/institutional/">기ê´íë ¥</a> 951 </div> 952 </div> 953 <div class="sitenav-submenu-group"> 954 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/plankorea/information/inquiry/">문ì ë° ìë´</a> 955 <div class="sitenav-depth3"> 956 <a class="" href="https://www.plankorea.or.kr/plankorea/information/inquiry/">문ìí기</a> 957 <a class="" href="https://www.plankorea.or.kr/plankorea/information/faq/">FAQ</a> 958 <a class="" href="https://www.plankorea.or.kr/plankorea/information/directions/">ì¤ìë 길</a> 959 </div> 960 </div> 961 </div> 962 </div> 963 <!-- --> 964 965 <div class="sitenav-menu-item"> 966 <button class="sitenav-menu-title">커뮤ëí°</button> 967 <div class="sitenav-submenu"> 968 <div class="sitenav-submenu-group"> 969 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/community/notice/">ê³µì§ì¬í</a> 970 </div> 971 <div class="sitenav-submenu-group"> 972 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/community/press/">ë³´ëìë£</a> 973 </div> 974 <div class="sitenav-submenu-group"> 975 <a class="sitenav-depth2" href="https://www.plankorea.or.kr/community/plan-archive/">íë ìì¹´ì´ë¸</a> 976 </div> 977 </div> 978 </div> 979 <!-- --> 980 981 </nav> 982 983 <div class="sidebar-utils"> 984 <a href="https://www.plankorea.or.kr/search/" class="sidebar-icon-btn">
985 <span class="utils-icon"><img src="/static/images/my/renewal/icon-header-utils-search_black.svg" alt=""></span> 986 <span class="label">íµí©ê²ì</span> 987 </a> 988 <a href="/cs/receipt" class="sidebar-icon-btn"> 989 <span class="utils-icon"><img src="/static/images/my/renewal/icon-header-utils-recipt_black.svg" alt=""></span> 990 <span class="label">기ë¶ê¸ììì¦</span> 991 </a> 992 <a href="/login?referurl=/my/donation" class="sidebar-icon-btn"> 993 <span class="utils-icon"><img src="/static/images/my/renewal/icon-header-utils-my_black.svg" alt=""></span> 994 <span class="label">MYíë</span> 995 </a> 996 </div> 997 </div> 998 999 </div>
1000<script> 1001 // Open and close sidebar 1002function openNav() { 1003 const sidebar = document.getElementById("mySidebar"); 1004 sidebar.classList.add("active"); 1005 1006 document.body.style.overflow = "hidden"; 1007 document.documentElement.style.overflow = "hidden"; 1008} 1009 1010function closeNav() { 1011 const sidebar = document.getElementById("mySidebar"); 1012 sidebar.classList.remove("active"); 1013 1014 document.body.style.overflow = ""; 1015 document.documentElement.style.overflow = ""; 1016} 1017 1018// 모ë°ì¼ë©ë´. ìë¸ë©ë´ toggle 1019$('#sitenav .sitenav-menu-title').on('click', function () { 1020 const $this = $(this); 1021 const $item = $this.closest('.sitenav-menu-item'); // ð¥ ë¶ëª¨ 1022 const $submenu = $this.next('.sitenav-submenu'); 1023 1024 // ë¤ë¥¸ ë©ë´ ë«ê¸° + active ì ê±° 1025 $('.sitenav-menu-item').not($item).removeClass('active'); 1026 $('.sitenav-submenu').not($submenu).stop(true, true).slideUp(); 1027 1028 // íì¬ í ê¸ 1029 $item.toggleClass('active'); 1030 $submenu.stop(true, true).slideToggle(); 1031}); 1032</script>
1032 1033 1034 1035 1036<!--
1036<script> 1037 function openNavDepth3(id) { 1038 var obj = $("#plan-nav-depth2-" + id) 1039 if (obj.hasClass("w3-show")) { 1040 obj.removeClass("w3-show") 1041 } else { 1042 obj.addClass("w3-show") 1043 } 1044 } 1045 1046 function openNavDepth2(evt, idx) { 1047 if ($(evt).hasClass("w3-indigo")) { 1048 $(".plan-nav-depth2").css({"display": "none"}) 1049 $(".nav-tab").removeClass("plan-blue w3-indigo") 1050 $(".nav-tab").addClass("plan-blue") 1051 $("#plan-nav-depth2-0").css({"display": "block"}) 1052 } else { 1053 $(".plan-nav-depth2").css({"display": "none"}) 1054 $(".nav-tab").removeClass("plan-blue w3-indigo") 1055 $(".nav-tab").addClass("plan-blue") 1056 $("#plan-nav-depth2-" + idx).css({"display": "block"}) 1057 $(evt).removeClass("plan-blue") 1058 $(evt).addClass("w3-indigo") 1059 } 1060 } 1061</script>
1061 --> 1062 1063
1064<script> 1065 $(window).ready(function() { 1066 // plan_navi_sync() 1067 // plan_campaign_sync() 1068 // plan_campaign_wide_sync() 1069 1070 backgoundLoginSync(false); 1071 1072 }); 1073 1074 function plan_navi_sync() { 1075 if (typeof plan_navi_data === 'undefined') return false; 1076 1077 plan_navi_sync_side_gnb() 1078 console.log(plan_navi_data) 1079 } 1080 1081 function plan_navi_sync_side_gnb() { 1082 if (plan_navi_data.gnb_banner.length === 1) return false; 1083 for (var i = 1; i < plan_navi_data.gnb_banner.length; i++) { 1084 var item = plan_navi_data.gnb_banner[i]; 1085 var t = ''; 1086 t += '<div class="w3-col s6 w3-center masonry-item" style="padding: 5px"> \n' 1087 t += '<div class="w3-round-large w3-white w3-center masonry-item"style="padding: 5px"> \n' 1088 t += '<div> \n' 1089 t += '<a href="' + item.href + '" target="_blank"><img src="' + item.image + '" alt="" class="w3-image"></a> \n' 1090 t += '</div>' 1091 t += '</div>' 1092 t += '</div>' 1093 1094 $('#plan_navi_gnb_board').prepend(t); 1095 } 1096 return true; 1097 } 1098 1099 function plan_campaign_sync() { 1100 if (plan_navi_data.campaign.length === 1) return false; 1101 for (var i = plan_navi_data.campaign.length - 1; i > 0; i--) { 1102 var item = plan_navi_data.campaign[i]; 1103 var t = ''; 1104 t += '\n <a href="' + item.href + '" class="w3-button w3-block w3-left-align w3-indigo">' 1105 if (typeof item.img !== 'undefined') { 1106 t += '<img src="' + item.img + '" style="width:60px;"/> ' 1107 } 1108 t += item.title + '</a>' 1109 1110 $('#plan_default_campaign').after(t); 1111 } 1112 return true; 1113 } 1114 1115 function plan_campaign_wide_sync() { 1116 if (plan_navi_data.campaign.length === 1) return false; 1117 var t = ''; 1118 for (var i = 1; i < plan_navi_data.campaign.length; i++) { 1119 var item = plan_navi_data.campaign[i]; 1120 1121 t += '<div class="w3-col s4 w3-center">' 1122 t += '\n <a href="' + item.href + '" class="page-navi-a">' 1123 if (typeof item.img !== 'undefined') { 1124 t += '<img src="' + item.vimg + '" style="max-width:200px; width:95%;">' 1125 } 1126 t += '</a>' 1127 t += '</div>' 1128 1129 } 1130 $('#navi_campaign_mainslide_v2').html(t); 1131 return true; 1132 } 1133</script>
1133 1134 1135 1136<div id="nav-common" style="position:relative;"> 1137 <div style="position:absolute;top:-80px;padding-left:8px;"> 1138 <div id="nav-donate" class="w3-center" style="display:inline-block; padding: 0px 2px;"> 1139 <a href="/donate" class="w3-button w3-large"><span class="material-symbols-outlined">heart_plus</span></a> 1140 <div class="w3-small">íìí기</div> 1141 </div> 1142 <div id="nav-sign" class="w3-center" style="display:none; padding: 0px 2px;"> 1143 <a href="/join" class="w3-button w3-large"><span class="material-symbols-outlined">person_add</span></a> 1144 <div class="w3-small">íìê°ì </div> 1145 </div> 1146 <div id="nav-login" class="w3-center" style="display:none; padding: 0px 2px;"> 1147 <a href="/login?referurl=/my/donation" class="w3-button w3-large"><span class="material-symbols-outlined">login</span></a> 1148 <div class="w3-small">ë¡ê·¸ì¸</div> 1149 </div> 1150 <div id="nav-user" class="w3-center" style="display:none; padding: 0px 2px;"> 1151 <a href="/my/donation" class="w3-button w3-large"><span class="material-symbols-outlined">identity_platform</span></a> 1152 <div class="w3-small">ë§ì´íì´ì§</div> 1153 </div> 1154 <div id="nav-logout" class="w3-center" style="display:none; padding: 0px 2px;"> 1155 <a href="/logout" class="w3-button w3-large"><span class="material-symbols-outlined">logout</span></a> 1156 <div class="w3-small">ë¡ê·¸ìì</div> 1157 </div> 1158 </div> 1159</div> 1160 1161 1162<!-- e: í¤ë WEB MOBILE ####################################################################################### --> 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 <!--컨í ì¸ --> 1175 <div id="sub_content" class="sub_content bg_cover content_member content_login"> 1176 <style> 1177 /* 260707: ë¡ê·¸ì¸ íì´ì§ ì ì© â ë¡ê·¸ì¸ ë ì´ì´ ìë ë°°ê²½ ì¬ë°± +300px (í¸í°ê° ë무 빨리 ë¶ë 문ì ìí). 1178 ê³µì© add_style ëì 본 íì´ì§ììë§ ì²ë¦¬. id+class+!important ë¡ ê³µì© .content_login(모ë°ì¼ !important í¬í¨) ì¤ë²ë¼ì´ë. */ 1179 #sub_content.content_login { padding-bottom: 400px !important; } 1180 </style> 1181 <img src="static/images/donate/bg_view.webp" alt="" class="bg_img" fetchpriority="high"> 1182 1183 <div class="sub_contains"> 1184 <div class="grid_area login_area" style="margin-top:0px!important;"> 1185 <div class="grid_box"> 1186 <div class="grid_contains"> 1187 <form> 1188 <fieldset style="border:0;"> 1189 <legend>ë¡ê·¸ì¸</legend> 1190 <p class="member_title">ë¡ê·¸ì¸</p> 1191 <div class="table_box grid_table"> 1192 <div class="table_row"> 1193 <div class="table_cell table_th"> 1194 <p>ìì´ë</p> 1195 </div> 1196 <div class="table_cell table_td"> 1197 <div class="valid_box"> 1198 <input id="login_webid2" type="text" title="ìì´ë" placeholder="ìì´ë" class="input_text size_full" onblur="donuspay.emptycheck(this);" autocapitalize="none"> 1199 <p class="valid_msg">ìì´ë를 íì¸í´ì£¼ì¸ì.</p> 1200 </div> 1201 </div> 1202 </div> 1203 <div class="table_row"> 1204 <div class="table_cell table_th"> 1205 <p>ë¹ë°ë²í¸</p> 1206 </div> 1207 <div class="table_cell table_td"> 1208 <div class="valid_box"> 1209 <input id="login_password2" type="password" title="ë¹ë°ë²í¸" placeholder="ë¹ë°ë²í¸" class="input_text size_full" onblur
1209="donuspay.passwordcheck(this);" onkeydown="if(window.event.keyCode == 13){donuspay.login(2);}" autocapitalize="none"> 1210 <p class="valid_msg">í¨ì¤ìë를 íì¸í´ì£¼ì¸ì.</p> 1211 </div> 1212 <!-- <a class="link_find_popup" style="cursor:pointer;">ìì´ë/ë¹ë°ë²í¸ 찾기</a> --> 1213 </div> 1214 </div> 1215 </div> 1216 <a class="btns blue btn_login" style="cursor:pointer;" onclick="donuspay.login(2);">ë¡ê·¸ì¸</a> 1217 </fieldset> 1218 </form> 1219 <div class="w3-center w3-panel w3-medium auth-links"> 1220 <a class="link_find_popup" style="cursor:pointer;">ìì´ë/ë¹ë°ë²í¸ 찾기</a> 1221 <a class="" href="/join">íìê°ì </a> 1222 </div> 1223 <!-- <div class="w3-padding-16 w3-center w3-sand w3-panel w3-round-large w3-medium"> 1224 <p class="w3-padding">ìì§ íëì½ë¦¬ì íìì´ ìëì ê°ì?</p> 1225 <a class="w3-button w3-pink w3-round" href="/join">íìê°ì </a> 1226 <a class="link_find_popup" style="cursor:pointer;">ìì´ë/ë¹ë°ë²í¸ 찾기</a> 1227 </div> --> 1228 </div> 1229 </div> 1230 </div> 1231 </div> 1232 </div> 1233 1234 <div> 1235 <input type="hidden" id="login_referurl" value="" /> 1236 </div> 1237 1238 <!-- í¸í° --> 1239 1240 <!-- ëë©ì¸ --> 1241 1242 1243 1244 1245<div id="footer" class="footer"> 1246 <a href="#header" class="top"><i>â²TOP</i></a> 1247 1248 <div class="footer__inner"> 1249 1250 <div class="footer__top"> 1251 <div class="footer__left"> 1252 <div class="footer__logo"> 1253 <a href="https://www.plankorea.or.kr"> 1254 <img src="/static/images/my/renewal/logo-default.webp" alt="íëì½ë¦¬ì í"> 1255 </a> 1256 <!-- <span><img src="/static/images/a/f_logo_01.png" alt=""></span> --> 1257 <!-- <p>Planì 85ë ì ìì¬ë¥¼ ê°ì§ êµì 구í¸ê°ë°NGOë¡ <br>UN ê²½ì ì¬íì´ì¬í íì기구ì ëë¤.</p> --> 1258 </div> 1259 <div class="footer__info"> 1260 <p>(13494) 경기ë ì±ë¨ì ë¶ë¹êµ¬ íêµìë¡ 231 Hì¤íì´ Së 912í¸<br><br> 1261 (ì¬)íëíêµììí | ëíìëª : ì´ì주 | ì¬ì ìë²í¸: 110-82-07378</p> 1262 </div> 1263 <ul class="footer__contact"> 1264 <li class="footer__contact-item tel"> 1265 <span class="contact-icon"> 1266 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><path class="st0" d="M160.1203745,121.1944285c8.8728307-19.9729041,4.335224-43.8592293-11.2683814-59.4457975l-36.0153496-36.0318706c-12.1791037-12.1625827-28.9298888-17.695582-45.8830567-15.0811276-17.1049549,2.5979334-31.5618969,12.9049969-39.6417178,28.2726612C9.835707,72.0551782,5.500483,109.0153247,14.7445208,145.7725723c22.9750867,91.1760025,148.3109195,216.5288726,239.5039593,239.4874383,12.5673482,3.171007,25.1682547,4.7399895,37.6344115,4.7399895,23.936921,0,47.4019597-5.8030151,69.2298668-17.2908166,15.3676643-8.0798208,25.6747278-22.5367629,28.2556239-39.6587551,2.5808961-16.9867262-2.9185449-33.7039529-15.0806113-45.8665356l-36.0153496-36.0483917c-15.6206428-15.6036054-39.5234891-20.0911328-59.4793558-11.2177858-10.0876434,4.5205694-18.640379,10.2559515-25.4217494,17.0543592-3.0532946,3.0698156-8.7716394,3.5256931-16.8684975,1.3325251-34.952324-9.3622665-85.4411367-59.8676002-94.7863659-94.7863659-2.1761307-8.1304165-1.7378068-13.7986819,1.3495624-16.8855348,6.8319661-6.8490034,12.5503108-15.3841854,17.0543592-25.4382704ZM227.5453177,291.67142c26.1295727,7.0343488,41.716657-1.7207695,50.2688763-10.2900261,3.7957088-3.8127461,8.873347-7.1525775,15.0640902-9.918819,6.9837531-3.1379649,15.4012227-1.4507538,20.9682967,4.1158039l36.0148333,36.0318706c4.3181867,4.318703,6.2754136,10.2564678,5.364175,16.2783866-.9447969,6.1401475-4.6558354,11.3360144-10.2053558,14.254043-25.8771105,13.6133365-53.592703,16.8354554-82.3372464,9.6157612-78.4403462-19.753484-194.683412-135.9800287-214.436896-214.420375-7.2367315-28.7615807-3.9980915-56.4601359,9.631766-82.3372464,2.9185449-5.5495204,8.1309328-9.2775962,14.2710803-10.2053558.9618343-.151787,1.9401896-.2194201,2.9015075-.2194201,4.9934842,0,9.7334736,1.9567106,13.360358,5.5665577l36.0148333,36.048908c5.567074,5.5500367,7.2202105,13.9845436,4.1328413,20.934222-2.7492042,6.1742222-6.1065892,11.2518604-9.9353401,15.0976486-8.5356983,8.5356983-17.2572582,24.1733783-10.2900261,50.2187969,12.4826778,46.5748752,72.6373311,106.7460495,119.2122063,119.2292436Z"></path></svg> 1267 </span>
1268 <span class="label">ëíì í</span> 1269 <span class="value">1544-3222</span> 1270 </li> 1271 <li class="footer__contact-item email"> 1272 <span class="contact-icon"> 1273 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><path class="st0" d="M372.7272023,44.5453372H27.2722814c-9.5388093,0-17.2722814,7.725212-17.2722814,17.2727977v276.3637302c0,9.5470694,7.7334721,17.2727977,17.2722814,17.2727977h345.4549209c9.5388093,0,17.2727977-7.7257283,17.2727977-17.2727977V61.8181349c0-9.5475856-7.7339883-17.2727977-17.2727977-17.2727977ZM355.4544047,320.9090674H44.5450791v-164.4828978l149.0366037,59.6153642c2.0665613.8265213,4.2420521,1.2312637,6.4180591,1.2312637s4.352014-.4047425,6.4185753-1.2312637l149.0360875-59.6153642v164.4828978ZM355.4544047,119.2110293l-155.4546628,62.1837236L44.5450791,119.2110293v-40.1200968h310.9093256v40.1200968Z"></path></svg> 1274 </span> 1275 <span class="label">ì´ë©ì¼</span> 1276 <span class="value"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="02696c6d42726e636c696d7067632c6d702c6970">[email protected]</a></span> 1277 </li> 1278 </ul> 1279 </div> 1280 1281 <div class="footer__right"> 1282 <div class="footer__menu"> 1283 <div class="footer__menu-group"> 1284 <p class="footer__menu-title">About Us</p> 1285 <ul class="footer__menu-list"> 1286 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/plankorea/about-us/overview/">ìê°</a></li> 1287 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/plankorea/history/">ìì¬</a></li> 1288 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/plankorea/global-networks/">ê¸ë¡ë² ë¤í¸ìí¬</a></li> 1289 </ul> 1290 </div> 1291 1292 <div class="footer__menu-group"> 1293 <p class="footer__menu-title">Our Plan</p> 1294 <ul class="footer__menu-list"> 1295 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/what-we-do/key-issues/education-ecd/">íµì¬ì´ì</a></li> 1296 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/donate/guide/">íììë´</a></li> 1297 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/plan-together/campaign/campaign-ongoing/">ìº íì¸</a></li> 1298 </ul> 1299 </div> 1300 1301 <div class="footer__menu-group"> 1302 <p class="footer__menu-title">Get Involved</p> 1303 <ul class="footer__menu-list"> 1304 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/donate/donate-type/general">ì ì²´ì§ìì¬ì </a></li> 1305 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/donate/donate-type/child-sponsorship/overview">í´ì¸ìëê²°ì°</a></li> 1306 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/donate/donate-type/overseas">í´ì¸ì§ìì¬ì </a></li> 1307 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/donate/donate-type/domestic">êµë´ì§ìì¬ì </a></li> 1308 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/donate/donate-type/emergency">긴ê¸êµ¬í¸</a></li> 1309 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/donate/donate-type/csr/overview">기ì ·ë¨ì²´</a></li> 1310 <li class="footer__menu-item"><a href="https://www.plankorea.or.kr/donate/donate-type/hotplace/overview">í«í</a></li> 1311 </ul> 1312 </div> 1313 </div> 1314 </div> 1315 </div> 1316 1317 <div class="footer__mid"> 1318 <div class="footer__sns"> 1319 <ul class="footer__sns-list"> 1320 <li> 1321 <a href="https://www.facebook.com/plan.kr" target="_blank"> 1322 <img src="/static/images/my/renewal/icon-sns-facebook.svg" alt="íëì½ë¦¬ì íì´ì¤ë¶"/> 1323 </a> 1324 </li> 1325 <li> 1326 <a href="https://blog.naver.com/plan-korea" target="_blank"> 1327 <img src="/static/images/my/renewal/icon-sns-naver.svg" alt="íëì½ë¦¬ì ë¤ì´ë² ë¸ë¡ê·¸"/> 1328 </a> 1329 </li> 1330 <li> 1331 <a href="https://www.instagram.com/plankorea" target="_blank"> 1332 <img src="/static/images/my/renewal/icon-sns-instagram.svg" alt="íëì½ë¦¬ì ì¸ì¤íê·¸ë¨"/> 1333 </a> 1334 </li> 1335 <li> 1336 <a href="https://www.youtube.com/user/PlanKoreaMedia" target="_blank"> 1337 <img src="/static/images/my/renewal/icon-sns-youtube.svg" alt="íëì½ë¦¬ì ì íë¸"/> 1338 </a> 1339 </li> 1340 <li> 1341 <a href="http://pf.kakao.com/_wVSYV" target="_blank"> 1342 <img src="/static/images/my/renewal/icon-sns-kakao.svg" alt="íëì½ë¦¬ì ì¹´ì¹´ì¤í¡ ì±ë"/> 1343 </a> 1344 </li> 1345 </ul> 1346 <ul class="footer__sns-list"> 1347 <li class="app"> 1348 <a href="https://play.google.com/store/apps/details?id=com.plankorea.app" target="_blank"> 1349 <img src="/static/images/my/renewal/icon-google-play-wh.svg" alt="íëì½ë¦¬ì ì± - Google Play" /> 1350 </a> 1351 </li> 1352 <li class="app"> 1353 <a href="https://itunes.apple.com/us/app/%ED%94%8C%EB%9E%9C%EC%BD%94%EB%A6%AC%EC%95%84/id1359042151?mt=8&app=itunes&ign-mpt=uo%3D4" target="_blank"> 1354 <img src="/static/images/my/renewal/icon-app-store-wh.svg" alt="íëì½ë¦¬ì ì± - App Store" /> 1355 </a> 1356 </li> 1357 </ul> 1358 </div> 1359 1360 <div class="footer__family"> 1361 <div class="plan-family"> 1362 <a href="https://www.plankorea.or.kr/additional/plan-family/" class="link">
1363 <span class="txt">íë í¨ë°ë¦¬</span> 1364 </a> 1365 </div> 1366 <!-- <div class="plan-family selectbox"> 1367 <p class="selected"> 1368 <span class="txt">íë íìêµ</span> 1369 <span class="select-icon" style="transform: rotate(-90deg);"> 1370 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 200"><path id="dropdown" d="M112.94,112.42l-76.04,76.04c-3.71,3.71-8.59,5.55-13.42,5.55s-9.71-1.83-13.42-5.55c-7.42-7.42-7.42-19.41,0-26.84l62.62-62.62L10.06,36.38c-7.42-7.42-7.42-19.41,0-26.84,3.71-3.71,8.59-5.55,13.42-5.55s9.71,1.83,13.42,5.55l76.04,76.04c7.42,7.42,7.42,19.41,0,26.84Z"></path></svg> 1371 </span> 1372 </p> 1373 <ul class="selectOption plan-no"> 1374 1375 <li><a target="_blank" href="https://plan-international.org/">Plan본ë¶</a></li> 1376 <li><a target="_blank" href="https://www.plan.org.au/">Australia</a></li> 1377 <li><a target="_blank" href="https://www.planinternational.be/">Belgium</a></li> 1378 <li><a target="_blank" href="https://plancanada.ca/">Canada</a></li> 1379 <li><a target="_blank" href="https://planbornefonden.dk/">Denmark</a></li> 1380 <li><a target="_blank" href="https://plan-international.org/eu">EU Office</a></li> 1381 <li><a target="_blank" href="https://plan.fi/">Finland</a></li> 1382 <li><a target="_blank" href="https://www.plan-international.fr/">France</a></li> 1383 <li><a target="_blank" href="https://www.plan.de/">Germany</a></li> 1384 <li><a target="_blank" href="http://www.plan.org.hk">Hongkong</a></li> 1385 <li><a target="_blank" href="https://www.plan.ie/">Ireland</a></li> 1386 <li><a target="_blank" href="https://www.plan-international.it/">Italy</a></li> 1387 <li><a target="_blank" href="https://www.plan-international.jp/">Japan</a></li> 1388 <li><a target="_blank" href="https://www.plankorea.or.kr/">Korea</a></li> 1389 <li><a target="_blank" href="https://www.planinternational.nl/">Netherlands</a></li> 1390 <li><a target="_blank" href="https://www.plan-norge.no/">Norway</a></li> 1391 <li><a target="_blank" href="https://plan-international.es/">Spain</a></li> 1392 <li><a target="_blank" href="https://plansverige.org/">Sweden</a></li> 1393 <li><a target="_blank" href="https://www.plan.ch/">Switzerland</a></li> 1394 <li><a target="_blank" href="https://plan-uk.org/">UK</a></li> 1395 <li><a target="_blank" href="https://www.planusa.org/">USA</a></li> 1396 </ul> 1397 </div> 1398 <div class="plan-family selectbox"> 1399 <p class="selected"> 1400 <span class="txt">íë ìíêµ</span> 1401 <span class="select-icon" style="transform: rotate(-90deg);"> 1402 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 200"><path id="dropdown" d="M112.94,112.42l-76.04,76.04c-3.71,3.71-8.59,5.55-13.42,5.55s-9.71-1.83-13.42-5.55c-7.42-7.42-7.42-19.41,0-26.84l62.62-62.62L10.06,36.38c-7.42-7.42-7.42-19.41,0-26.84,3.71-3.71,8.59-5.55,13.42-5.55s9.71,1.83,13.42,5.55l76.04,76.04c7.42,7.42,7.42,19.41,0,26.84Z"></path></svg> 1403 </span> 1404 </p> 1405 <ul class="selectOption w3-left-align"> 1406 <li><a target="_blank" href="https://plan-international.org/where-we-work">ìí리카</a></li> 1407 <li><a target="_blank" href="https://plan-international.org/latin-america">ìë©ë¦¬ì¹´</a></li> 1408 <li><a target="_blank" href="https://plan-international.org/asia">ììì</a></li> 1409 <li><a target="_blank" href="https://plan-international.org/where-we-work">ì¤ì¸ìëì</a></li> 1410 </ul> 1411 </div> --> 1412 </div> 1413 1414 </div><!--//footer__mid --> 1415 1416 <div class="footer__bottom"> 1417 <ul class="footer__links"> 1418 <li><a href="https://www.plankorea.or.kr/plankorea/information/directions/">ì¤ìë 길</a></li> 1419 <li><a href="https://www.plankorea.or.kr/plankorea/information/faq/">FAQ</a></li> 1420 <li><a href="https://www.plankorea.or.kr/plankorea/information/inquiry/">문ìí기</a></li> 1421 <li><a href="https://www.plankorea.or.kr/additional/terms-of-use/">ì´ì©ì½ê´</a></li> 1422 <li><a href="https://www.plankorea.or.kr/additional/privacy-policy/">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 1423 <li><a href="https://www.plankorea.or.kr/plankorea/management/accountability-transparency/accountability/">ì± ë¬´ì±ê³¼ í¬ëª ì±</a></li> 1424 </ul>
1425 <div class="footer__copyright"> 1426 Copyright © 2026 by plankorea. All rights reserved. 1427 </div> 1428 </div> 1429 1430 <!-- 1431 <div class="active-group--"> 1432 <div class="plan-family-section"> 1433 <div class="plan-family selectbox"> 1434 <p class="selected">íë íìêµ</p> 1435 <ul class="selectOption"> 1436 <li><a target="_blank" href="http://www.plan-international.org">Plan본ë¶</a></li> 1437 <li><a target="_blank" href="http://www.plan.org.au/">Australia</a></li> 1438 <li><a target="_blank" href="http://www.plan-international.be/">Belgium</a></li> 1439 <li><a target="_blank" href="http://www.fosterparentsplan.ca/">Canada</a></li> 1440 <li><a target="_blank" href="http://www.plandanmark.dk/">Denmark</a></li> 1441 <li><a target="_blank" href="http://www.plan.fi/">Finland</a></li> 1442 <li><a target="_blank" href="http://www.planfrance.org/">France</a></li> 1443 <li><a target="_blank" href="http://www.plan-deutschland.de/">Germany</a></li> 1444 <li><a target="_blank" href="http://www.plan.org.hk/">Hongkong</a></li> 1445 <li><a target="_blank" href="http://plan.ie/">Ireland</a></li> 1446 <li><a target="_blank" href="http://www.plan-italia.org/">Italia</a></li> 1447 <li><a target="_blank" href="http://www.plan-japan.org/">Japan</a></li> 1448 <li><a target="_blank" href="http://www.plankorea.or.kr/">Korea</a></li> 1449 <li><a target="_blank" href="http://www.plannederland.nl/">Netherlands</a></li> 1450 <li><a target="_blank" href="http://www.plan-norge.no/">Norway</a></li> 1451 <li><a target="_blank" href="http://www.plan-espana.org/">Spain</a></li> 1452 <li><a target="_blank" href="http://plansverige.org/">Sweden</a></li> 1453 <li><a target="_blank" href="http://www.plan-uk.org/">UK</a></li> 1454 <li><a target="_blank" href="http://www.childreach.org/">USA</a></li> 1455 </ul> 1456 </div> 1457 <div class="plan-family selectbox"> 1458 <p class="selected">íë ìíêµ</p> 1459 <ul class="selectOption"> 1460 <li><a target="_blank" href="http://plan-international.org/where-we-work/africa">ìí리카</a></li> 1461 <li><a target="_blank" href="http://plan-international.org/where-we-work/americas">ìë©ë¦¬ì¹´</a></li> 1462 <li><a target="_blank" href="http://plan-international.org/where-we-work/asia">ììì</a></li> 1463 </ul> 1464 </div> 1465 </div> 1466 <div class="active-section"> 1467 <div class="active-head"> 1468 <h2 class="h">ì«ìë¡ ë³´ë <span>íëì íë</span></h2> 1469 <p>80ë ì´ìì ìì¬ë¥¼ ê°ì§ êµì 구í¸ê°ë°NGO íëì ì ì¸ê³ 8,000ëª ì ì§ìë¤ì´ íëíë©° 51ê°êµ 86,676ê°ì ê³µëì²´ìì ì§ê¸ê¹ì§ 8,150ë§ ëª ì ì´ë¦°ì´ë¥¼ íìí´ì¤ê³ ììµëë¤.</p> 1470 </div> 1471 <div class="active-more"> 1472 <span><img src="/static/images/a/active_01.png" alt="51ê°êµ"></span> 1473 <span><img src="/static/images/a/active_02.png" alt="86,676ê° ê³µëì²´"></span> 1474 <span><img src="/static/images/a/active_03.png" alt="8,150ë§ëª "></span> 1475 </div> 1476 </div> 1477 </div> 1478 --> 1479 1480 </div><!--//footer-inner-->
vendor: 122 bytes, lines 1480-1485
1480 1481 1482 1483 1484 1485 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1485<script type="text/javascript"> 1486 1487 1488 function logincheck(obj) { 1489 msg = obj.login_check; 1490 if( msg == "logout"){ 1491 $(document).contents().find(".login").show(); 1492 $(document).contents().find(".logout").hide(); 1493 }else{ 1494 $(document).contents().find(".login").hide(); 1495 $(document).contents().find(".logout").show(); 1496 } 1497 } 1498 </script>
1498 1499
1499<script type="text/javascript" src="/logincheck"></script>
1499 1500 1501</div><!--//footer--> 1502 1503<style> 1504 .print-none { display: block; } 1505 @media print { 1506 .page-logo.w { position: absolute; } 1507 .page-logo.h { position: absolute; } 1508 .print-none { display: none; } 1509 } 1510</style> 1511 1512 1513 </div> 1514 1515 <!-- íì --> 1516 <div id="popup_mask"></div> 1517 1518<!-- ë¡ê·¸ì¸ --> 1519<div id="popup_login" class="popup_window popup_member"> 1520 <a class="btn_close" style="cursor:pointer;">ë«ê¸°</a> 1521 <div class="popup_area"> 1522 <p class="popup_title">ë¡ê·¸ì¸</p> 1523 <div class="grid_box"> 1524 <div class="table_box grid_table"> 1525 <div class="table_row"> 1526 <div class="table_cell table_th"> 1527 <p>ìì´ë</p> 1528 </div> 1529 <div class="table_cell table_td"> 1530 <div class="valid_box"> 1531 <input id="login_webid1" type="text" title="ìì´ë" class="input_text" autocapitalize="none"> 1532 <p class="valid_msg">ìì´ë를 ì ë ¥í´ì£¼ì¸ì</p> 1533 </div> 1534 </div> 1535 </div> 1536 <div class="table_row panel_id active"> 1537 <div class="table_cell table_th"> 1538 <p>ë¹ë°ë²í¸</p> 1539 </div> 1540 <div class="table_cell table_td"> 1541 <div class="valid_box"> 1542 <input id="login_password1" type="password" title="ë¹ë°ë²í¸" class="input_text" onkeydown="if(window.event.keyCode == 13){$('#popup_login .btn_login').click();}" onblur="donuspay.passwordcheck(this);" autocapitalize="none"> 1543 <p class="valid_msg">ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì</p> 1544 </div> 1545 <a class="link_find_popup" style="cursor:pointer;">ìì´ë/ë¹ë°ë²í¸ 찾기</a> 1546 </div> 1547 </div> 1548 </div> 1549 <div class="button_box"> 1550 <a class="btns blue btn_login" style="cursor:pointer;">ë¡ê·¸ì¸</a> 1551 </div> 1552 </div> 1553 </div> 1554</div> 1555 1556<!-- ìì´ë ë¹ë°ë²í¸ 찾기 --> 1557<div id="popup_find" class="popup_window popup_member"> 1558 <a class="btn_close" style="cursor:pointer;">ë«ê¸°</a> 1559 <div class="popup_area"> 1560 <p class="popup_title">ìì´ë/ë¹ë°ë²í¸ 찾기</p> 1561 <div class="grid_box"> 1562 <div class="table_box grid_table"> 1563 1564 <div class="table_row"> 1565 <div class="table_cell table_th"> 1566 <p>구ë¶</p> 1567 </div> 1568 <div class="table_cell table_td"> 1569 <div class="toggle_box toggle_type credtype"> 1570 <ul class="radio_area"> 1571 <li> 1572 <label class="radio_box"> 1573 <input type="radio" id="credentialtype1" name="find_type1" value="id" checked="checked" onchange="donuspay.toggle_credential_type(1);" class="radio">ìì´ë 1574 </label> 1575 </li> 1576 <li> 1577 <label class="radio_box"> 1578 <input type="radio" id="credentialtype2" name="find_type1" value="pw" onchange="donuspay.toggle_credential_type(2);" class="radio">ë¹ë°ë²í¸ 1579 </label> 1580 </li> 1581 </ul> 1582 </div> 1583 </div> 1584 </div> 1585 1586 <div class="table_row panel_id active"> 1587 <div class="table_cell table_th"> 1588 <p>íì구ë¶</p> 1589 </div> 1590 <div class="table_cell table_td"> 1591 <div class="toggle_box toggle_type membertype"> 1592 <ul class="radio_area"> 1593 <li> 1594 <label class="radio_box"> 1595 <input type="radio" id="membertype1_1" name="member_type2" value="person" checked="checked" onchange="donuspay.toggle_membertype(1,false,true);" class="radio">ê°ì¸ 1596 </label> 1597 </li> 1598 <li> 1599 <label class="radio_box"> 1600 <input type="radio" id="membertype1_3" name="member_type2" value="group" onchange="donuspay.toggle_membertype(3,false,true);" class="radio">ë¨ì²´ 1601 </label> 1602 </li> 1603 </ul> 1604 </div> 1605 </div> 1606 </div> 1607 1608 <div class="table_row panel_id mem_common name_tag active"> 1609 <div class="table_cell table_th"> 1610 <p id="popup_name_tag">íìëª </p> 1611 </div> 1612 <div class="table_cell table_td"> 1613 <div class="valid_box"> 1614 <input type="text" id="name3" title="íììëª " class="input_text" onblur
1614="donuspay.emptycheck(this);"> 1615 <p class="valid_msg">íììëª ì ì ë ¥í´ì£¼ì¸ì</p> 1616 </div> 1617 </div> 1618 </div> 1619 <div class="table_row panel_pw"> 1620 <div class="table_cell table_th"> 1621 <p>ìì´ë</p> 1622 </div> 1623 <div class="table_cell table_td"> 1624 <div class="valid_box"> 1625 <input type="text" id="webid3" title="ìì´ë" class="input_text" maxlength="20" onblur="donuspay.emptycheck(this);" autocapitalize="none"> 1626 <p class="valid_msg">ìì´ë를 ì ë ¥í´ì£¼ì¸ì</p> 1627 </div> 1628 </div> 1629 1630 </div> 1631 <div class="table_row"> 1632 <div class="table_cell table_th"> 1633 <p>ì¸ì¦êµ¬ë¶</p> 1634 </div> 1635 <div class="table_cell table_td"> 1636 <div class="toggle_box"> 1637 <ul class="radio_area"> 1638 <li> 1639 <label class="radio_box"> 1640 <input type="radio" id="targettype5" name="sponsor_auth1" value="1" checked="checked" onchange="donuspay.toggle_credential_targettype(1);" class="radio">í´ëí° 1641 </label> 1642 </li> 1643 <li> 1644 <label class="radio_box"> 1645 <input type="radio" id="targettype6" name="sponsor_auth1" value="2" onchange="donuspay.toggle_credential_targettype(2);" class="radio">ì´ë©ì¼ 1646 </label> 1647 </li> 1648 </ul> 1649 </div> 1650 </div> 1651 </div> 1652 <div class="table_row"> 1653 <div class="table_cell table_th"> 1654 <p id="credential_targettype_tag">í´ëí°</p> 1655 </div> 1656 <div id="credential_target_row1" class="table_cell table_td"> 1657 <div class="input_box phone_box"> 1658 <div class="valid_box"> 1659 <select id="cellphone5_1" title="ìì리 ì í" class="select_box" onchange="donuspay.emptycheck2(this);
1659" onblur="donuspay.emptycheck2(this);"> 1660 <option value="010" selected>010</option> 1661 <!-- 1662 <option value="011">011</option> 1663 <option value="016">016</option> 1664 <option value="017">017</option> 1665 <option value="018">018</option> 1666 <option value="019">019</option> 1667 --> 1668 </select> 1669 <span class="unit">-</span> 1670 <input type="text" id="cellphone5_2" title="ë²í¸ ì ë ¥" maxlength="4" class="input_text" onkeyup="this.value=this.value.replace(/[^\d]/, '');" onblur="this.value=this.value.replace(/[^\d]/, '');donuspay.emptycheck(this);" onchange="donuspay.emptycheck(this);"> 1671 <span class="unit">-</span> 1672 <input type="text" id="cellphone5_3" title="ë²í¸ ì ë ¥" maxlength="4" class="input_text last" onkeyup="this.value=this.value.replace(/[^\d]/, '');" onblur="this.value=this.value.replace(/[^\d]/, '');donuspay.emptycheck(this);" onchange="donuspay.emptycheck(this);"> 1673 <a id="otp_btn4" class="btns blueline btn_auth" style="cursor:pointer;" onclick="donuspay.requestotp(2, 1);">ì¸ì¦ë²í¸ ë°ê¸°</a> 1674 <p class="valid_msg">í´ëí° ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì</p> 1675 </div> 1676 </div> 1677 </div> 1678 <div id="credential_target_row2" class="table_cell table_td email_box_pop" style="display:none;"> 1679 <div class="valid_box"> 1680 <input type="text" id="email5" title="ì´ë©ì¼" maxlength="80" class="input_text" onblur="donuspay.emptycheck(this);"> 1681 <a id="otp_btn6" class="btns blueline btn_auth" style="cursor:pointer;" onclick="donuspay.requestotp(2);">ì¸ì¦ë²í¸ ë°ê¸°</a> 1682 <p class="valid_msg">ì´ë©ì¼ì ì ë ¥í´ì£¼ì¸ì</p> 1683 </div> 1684 </div> 1685 </div> 1686 <div class="table_row"> 1687 <div class="table_cell table_th"> 1688 <p>ì¸ì¦ë²í¸</p> 1689 </div> 1690 <div class="table_cell table_td"> 1691 <div class="input_box auth_box"> 1692 <div class="valid_box"> 1693 <input type="text" id="cred_otp" title="ì¸ì¦ë²í¸ ì ë ¥" maxlength="4" class="input_text" onkeyup="this.value=this.value.replace(/[^\d]/, '');" onblur="this.value=this.value.replace(/[^\d]/, '');donuspay.emptycheck(this);"> 1694 <a id="otp_btn5" class="btns blueline btn_confirm" style="cursor:pointer;" onclick="donuspay.confirmotp(2);">íì¸</a> 1695 <p class="valid_msg">ì¸ì¦ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì</p> 1696 </div> 1697 </div> 1698 <div class="desc_box"> 1699 <p id="otp_counter2" style="display:none;"></p> 1700 </div> 1701 <div id="login_guide4" class="desc_box" style="display:none;"> 1702 <p class="blue">ì¸ì¦ëììµëë¤</p> 1703 </div> 1704 </div> 1705 </div> 1706 </div> 1707 1708 <div class="button_box"> 1709 <input type="hidden" id="cred_otp_confirm" value="n"/> 1710 <a class="btns blue btn_confirm" style="cursor:pointer;" onclick="donuspay.get_credential();">ì¡°íí기</a> 1711 </div> 1712 </div> 1713 </div> 1714</div> 1715 1716<!-- ìì´ë / ë¹ë°ë²í¸ íì¸ --> 1717<div id="popup_credential" class="popup_window"> 1718 <a class="btn_close" style="cursor:pointer;">ë«ê¸°</a> 1719 <div class="popup_area"> 1720 <p class="popup_title">ìì´ë/ë¹ë°ë²í¸ 찾기</p> 1721 <div class="grid_box"> 1722 <div class="table_box grid_table"> 1723 <div class="table_row"> 1724 <div class="table_cell table_th"> 1725 <p id="credential_content">ì¡°íì¤ì ëë¤..<span></p> 1726 </div> 1727 </div> 1728 </div> 1729 <div class="button_box"> 1730 <a class="btns blue btn_login" style="cursor:pointer;" onclick="page.popup.hide($('.popup_window:visible'));">íì¸</a> 1731 </div> 1732 </div> 1733 </div> 1734</div> 1735 1736<!-- ì¬ì íì --> 1737<div id="popup_support" class="popup_window"> 1738 <a class="btn_close" style="cursor:pointer;">ë«ê¸°</a> 1739 <div class="popup_area"> 1740 <p class="popup_title">ì¬ì íì</p> 1741 <div class="text_box"> 1742 <p id="popup_support_name" class="title">ì¡°íì¤ì ëë¤..</p> 1743 <p id="popup_support_description"></p> 1744 </div> 1745 <a id="popup_support_link" href="#" class="link" target="_blank">ìì¸í 보기<span class="icon"></span></a> 1746 </div> 1747</div> 1748 1749<!-- ë ì¢ì ì 물 --> 1750<div id="popup_gift" class="popup_window"> 1751 <a class="btn_close" style="cursor:pointer;">ë«ê¸°</a> 1752 <div class="popup_area"> 1753 <p class="popup_title">Theì¢ìì 물</p> 1754 <div class="table_box fixed"> 1755 <div class="table_cell img_box">
1756 <span class="bg_cover"> 1757 <img id="popup_gift_imagepath" src="" alt="" class="bg_img"> 1758 </span> 1759 </div> 1760 <div class="table_cell text_box"> 1761 <p id="popup_gift_name" class="title">ì¡°íì¤ì ëë¤</p> 1762 <p id="popup_gift_description"></p> 1763 </div> 1764 </div> 1765 <div class="text_bottom"> 1766 <p class="title">ì 물 ìì¸ì¤ëª </p> 1767 <p id="popup_gift_detail"></p> 1768 <p class="desc">* Theì¢ìì 물ì íì§ ì¬ì ì ë°ë¼ ë³ê²½ë ì ìì¼ë©°, 기ë¶ê¸ì í´ë¹ ë¶ì¼ì íµí©ëì´ ì¬ì©ë©ëë¤.</p> 1769 </div> 1770 </div> 1771</div> 1772 1773<!-- E-card 미리보기 --> 1774<div id="popup_ecard_preview" class="popup_window"> 1775 <a class="btn_close" style="cursor:pointer;">ë«ê¸°</a> 1776 <div class="popup_area"> 1777 <p class="popup_title">E-card 미리보기</p> 1778 <div class="tab_panel"> 1779 <ul class="tab_menu"> 1780 <li> 1781 <a href="#" class="tab active">ìì¼ì¶í</a> 1782 </li> 1783 <li> 1784 <a href="#" class="tab">기ë ì¼</a> 1785 </li> 1786 <li> 1787 <a href="#" class="tab">ì 물</a> 1788 </li> 1789 </ul> 1790 <!-- ìì¼ì¶í --> 1791 <div class="panel active"> 1792 <img loading="lazy" src="/static/images/donate/ecard_preview_01.jpg" alt="" class="img"> 1793 </div> 1794 <!-- 기ë ì¼ --> 1795 <div class="panel"> 1796 <img loading="lazy" src="/static/images/donate/ecard_preview_02.jpg" alt="" class="img"> 1797 </div> 1798 <!-- ì 물 --> 1799 <div class="panel"> 1800 <img loading="lazy" src="/static/images/donate/ecard_preview_03.jpg" alt="" class="img"> 1801 </div> 1802 </div> 1803 </div> 1804</div> 1805 1806 1807<!-- ìëì´ì²´ ì¶ê¸ëì ARS ìë´ --> 1808<div id="popup_ars_inform" class="popup_window"> 1809 <a class="btn_close" style="cursor:pointer;">ë«ê¸°</a> 1810 <div class="popup_area"> 1811 <p class="popup_title">ìëì´ì²´ ì¶ê¸ëì ARS ìë´</p> 1812 <div class="grid_box"> 1813 <div class="table_box fixed "> 1814 <div class="table_row"> 1815 <div class="table_cell table_th "> 1816 <p id="ars_inform_content">CMS ìëì´ì²´ ì¶ê¸ëì를 ìí ARS(1544-3222)ê° 1ë¶ ë´ì¸ë¡ ë°ì ë©ëë¤. 1817 </br>ìê¸ì£¼ì í´ëí°<span id=ars_inform_cellphone></span> íì¸ í ëì ë¶íë립ëë¤. 1818 </p> 1819 </div> 1820 </div> 1821 <div class="table_row" > 1822 <div class="table_cell table_th"> 1823 <p style="margin-top:15px;">ì¶ê¸ëìê° ìë£ëì§ ìì ê²½ì° íëì½ë¦¬ììì ì§ì ì íë릴 ìì ì´ì¤ë íì¸ ë¶íë립ëë¤.</p> 1824 </div> 1825 </div> 1826 </div> 1827 <div class="button_box" style="text-align:center; margin-top:25px; height:48px;"> 1828 <a class="btns blue btn_confirm" style="cursor:pointer;display:inline-block;float:none;font-size:1.8em;font-weight: 700;height:46px;line-height:44px; width:70%" onclick="page.popup.hide($('.popup_window:visible'));">íì¸</a> 1829 </div> 1830 </div> 1831 </div> 1832</div> 1833 1834<!-- ì§ëíìê¸ --> 1835<div id="popup_unpaid" class="popup_window"> 1836 <a href="#" class="btn_close">ë«ê¸°</a> 1837 <div class="popup_area"> 1838 <p class="popup_title">ì§ì°ë íìê¸</p> 1839 <div class="unpaid_area"> 1840 <p id="popup_unpaid_product" class="name"></p> 1841 <p class="price">íìê¸ì¡ : <span id="popup_unpaid_payprice">0</span>ì</p> 1842 <table class="unpaid_table"> 1843 <caption>ì§ì°ë íìê¸</caption> 1844 <colgroup> 1845 <col style="width:70%"> 1846 <col style="width:30%"> 1847 </colgroup> 1848 <thead> 1849 <tr> 1850 <th scope="col">ì§ì°ì°ì</th> 1851 <th scope="col" class="c">ì§ì°ê¸ì¡</th> 1852 </tr> 1853 </thead> 1854 <tbody id="popup_unpaidlist"></tbody> 1855 <tfoot> 1856 <tr> 1857 <td>í©ê³</td> 1858 <td class="price r"><span id="popup_unpaid_totalamount">0</span>ì</td> 1859 </tr> 1860 </tfoot> 1861 </table> 1862 <p class="desc" style="font-size: 1.4em;">* ì íìê¸ì¡ ì¤ ì¼ë¶ë§ ë©ì íì ¨ê±°ë 기í ì¬ì ë¡ ì íìê¸ì¡ê³¼ ë©ì ê¸
1862ì¡ì´ ì¼ì¹íì§ ìì ê²½ì° ê¸°í í목ì¼ë¡ íìë©ëë¤.</p> 1863 </div> 1864 </div> 1865</div> 1866 1867 1868<!-- í´ëí° ë¡ê·¸ì¸ --> 1869<div id="popup_cellphone_login" class="popup_window popup_member"> 1870 <a class="btn_close" style="cursor:pointer;">ë«ê¸°</a> 1871 <div class="popup_area"> 1872 <p class="popup_title">í´ëí° ì¼íì± ë¡ê·¸ì¸</p> 1873 <div class="grid_box"> 1874 <div class="table_box grid_table"> 1875 <div class="table_row"> 1876 <div class="table_cell table_th"> 1877 <p>íììëª </p> 1878 </div> 1879 <div class="table_cell table_td"> 1880 <div class="valid_box"> 1881 <input type="text" name="sponsor_name" title="íììëª " class="input_text" autocomplete="new-password"> 1882 <p class="valid_msg">íììëª ì ì ë ¥í´ì£¼ì¸ì</p> 1883 </div> 1884 </div> 1885 </div> 1886 <div class="table_row"> 1887 <div class="table_cell table_th"> 1888 <p>í´ëí°</p> 1889 </div> 1890 <div class="table_cell table_td"> 1891 <div class="input_box phone_box"> 1892 <div class="valid_box"> 1893 <select name="sp_cellphone_1" title="ìì리 ì í" class="select_box"> 1894 <option value="010" selected>010</option> 1895 </select> 1896 <span class="unit">-</span> 1897 <input type="text" name="sp_cellphone_2" title="ë²í¸ ì ë ¥" maxlength="4" class="input_text" autocomplete="new-password" onkeyup="this.value=this.value.replace(/[^\d]/, '');" onblur="this.value=this.value.replace(/[^\d]/, '');"> 1898 <span class="unit">-</span> 1899 <input type="text" name="sp_cellphone_3" title="ë²í¸ ì ë ¥" maxlength="4" class="input_text last" autocomplete="new-password" onkeyup="this.value=this.value.replace(/[^\d]/, '');" onblur="this.value=this.value.replace(/[^\d]/, '');"> 1900 <a class="btn-onetime-pwd btns blueline btn_auth" style="cursor:pointer;" onclick="donate.requestOnetimePwd();">ì¼íì± ë¹ë°ë²í¸ ìì²</a> 1901 <p class="valid_msg">í´ëí° ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì</p> 1902 </div> 1903 </div> 1904 </div> 1905 </div> 1906 1907 <div class="table_row"> 1908 <div class="table_cell table_th"> 1909 <p>ë¹ë°ë²í¸</p> 1910 </div> 1911 <div class="table_cell table_td"> 1912 <div class="valid_box"> 1913 <input type="password" title="ë¹ë°ë²í¸" class="onetime-pwd input_text" autocomplete="new-password" onkeydown="if(window.event.keyCode == 13){ donate.onetimeLogin(); }" autocapitalize="none"> 1914 <input type="hidden" class="onetime-acess-token" value=""> 1915 <p class="valid_msg">ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì</p> 1916 </div> 1917 </div> 1918 </div> 1919 1920 </div> 1921 <div class="button_box"> 1922 <a class="btns blue btn_login" style="cursor:pointer;" onclick="donate.onetimeLogin();">ë¡ê·¸ì¸</a> 1923 </div> 1924 </div> 1925 </div> 1926</div> 1927 1928 1929 1930<!-- íìí기 --> 1931<div id="popup_donate_select" class="popup_window"> 1932 <a class="btn_close" style="cursor:pointer;right:24px;">ë«ê¸°</a> 1933 <div class="popup_area" style="padding:60px 24px 0px 24px;"> 1934 <p class="popup_title">íìí기</p> 1935 </div> 1936 <div style="padding:0 24px 40px 24px;"> 1937 1938 <div style="display: none;"> 1939 <img loading="lazy" src="https://my.plankorea.or.kr/static/images/donate/bg_sponsor_ksr.jpg"> 1940 <img loading="lazy" src="https://my.plankorea.or.kr/static/images/donate/bg_support.jpg"> 1941 </div> 1942 <div class="w3-row"> 1943 <a href="javascript:void(0)" onclick="popupDonateSelect(event, 'sponsorship');"> 1944 <div class="w3-col s5 tablink w3-border w3-bottombar w3-hover-light-grey w3-padding w3-border-blue" style="margin-right:4px; border-radius: 8px 8px 0 0; min-width:115px;"><b class="w3-medium w3-hide-small">ìëíì</b><b class="w3-small w3-hide-medium w3-hide-large">ìëíì</b></div> 1945 </a> 1946 <a href="javascript:void(0)" onclick="popupDonateSelect(event, 'n
1946on-sponsorship');"> 1947 <div class="w3-col s5 tablink w3-border w3-bottombar w3-hover-light-grey w3-padding" style="margin-right:4px; border-radius: 8px 8px 0 0; min-width:115px;"><b class="w3-medium w3-hide-small">ì§ìì¬ííì</b><b class="w3-small w3-hide-medium w3-hide-large">ì§ìì¬ííì</b></div> 1948 </a> 1949 </div> 1950 <div class="donate-kind-container w3-row w3-border w3-border-blue" style="height:250px; width:100%; border-radius: 0 8px 8px 8px;background-image: url("https://my.plankorea.or.kr/static/images/donate/bg_sponsor_ksr.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat;"> 1951 <div class="donate-kind sponsorship w3-display-container" style="width:100%; height:100%;"> 1952 <div class="w3-padding w3-display-left"> 1953 <a href="https://my.plankorea.or.kr/donate?pfile=child" class="w3-button w3-round w3-blue w3-medium" style="white-space: nowrap;">ìëê²°ì° íìí기</a> 1954 <br/> 1955 <a href="https://my.plankorea.or.kr/donate?pfile=child&productinfo=P40507" class="w3-button w3-round w3-blue w3-medium" style="white-space: nowrap;margin-top:4px;">ì§êµ¬ì´ìëë기 íìí기</a> 1956 </div> 1957 </div> 1958 <div class="donate-kind non-sponsorship w3-display-container" style="display:none;width:100%; height:100%;"> 1959 <div class="w3-padding w3-display-left"> 1960 <a href="https://my.plankorea.or.kr/donate?pfile=oversea" class="w3-button w3-round w3-blue w3-medium" style="white-space: nowrap;">í´ì¸ì¬ì íìí기</a> 1961 <br/> 1962 <a href="https://my.plankorea.or.kr/donate?pfile=domestic" class="w3-button w3-round w3-blue w3-medium" style="white-space: nowrap;margin-top:4px;">êµë´ì¬ì íìí기</a> 1963 </div> 1964 </div> 1965 </div> 1966 1967
1967<script> 1968 function popupDonateSelect(evt, selector) { 1969 var i, x, tablinks; 1970 $('#popup_donate_select .donate-kind').css('display', 'none'); 1971 $('#popup_donate_select .tablink').removeClass('w3-border-blue'); 1972 1973 $('#popup_donate_select .'+selector).css('display', 'block'); 1974 if (selector == 'non-sponsorship') 1975 $('#popup_donate_select .donate-kind-container').css('background-image', 'url("https://my.plankorea.or.kr/static/images/donate/bg_support.jpg")'); 1976 else 1977 $('#popup_donate_select .donate-kind-container').css('background-image', 'url("https://my.plankorea.or.kr/static/images/donate/bg_sponsor_ksr.jpg")'); 1978 evt.currentTarget.firstElementChild.className += " w3-border-blue"; 1979 } 1980 </script>
1980 1981 1982 </div> 1983</div> 1984 1985 1986 1987<style> 1988 1989</style> 1990
1991<script> 1992 1993 1994</script>
1994 1995 1996
1997<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"7791eb704ec54520ab958d6d2e7986bf","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 1997
1997
1998<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a44569a9dd9e24ee',t:'MTc5MDk2MTk5Mw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1998</body> 1999</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.