PageSourceSearch

https://my.plankorea.or.kr/login

html plankorea.or.kr collected 2026-10-02 17:26:35 UTC 98,320 bytes, 1,999 lines download raw bytes

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;"/>&nbsp;'
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&#160;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(&quot;https://my.plankorea.or.kr/static/images/donate/bg_sponsor_ksr.jpg&quot;); 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.