CINXE.COM
재단법인 용인시자원봉사센터 - 메인
<!doctype html> <html lang="ko"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="naver-site-verification" content="41bdb1f37321234f37f2ef42529608d21157413a"/> <meta property="og:type" content="website"/> <meta property="og:title" content="재단법인 용인시자원봉사센터"/> <meta property="og:url" content="http://www.yongin1365.or.kr"/> <meta property="og:description" content="재단법인 용인시자원봉사센터는 용인시 자원봉사자 활동 지원을 통해 다함께 행복하고 살기 좋은 도시를 만들고자 노력하고 있습니다."/> <meta property="og:image" content="http://www.yongin1365.or.kr/data/favicon/logo.png"/> <meta itemprop="name" content="재단법인 용인시자원봉사센터 - 메인"/> <meta itemprop="description" content="재단법인 용인시자원봉사센터는 용인시 자원봉사자 활동 지원을 통해 다함께 행복하고 살기 좋은 도시를 만들고자 노력하고 있습니다."/> <meta itemprop="image" content="http://www.yongin1365.or.kr/data/favicon/logo.png"/> <meta name="twitter:description" content="재단법인 용인시자원봉사센터는 용인시 자원봉사자 활동 지원을 통해 다함께 행복하고 살기 좋은 도시를 만들고자 노력하고 있습니다."/> <meta name="twitter:image" content="http://www.yongin1365.or.kr/data/favicon/logo.png"/> <meta name="twitter:title" content="재단법인 용인시자원봉사센터 - 메인"/> <meta name="title" content="재단법인 용인시자원봉사센터 - 메인"/> <meta name="description" content="재단법인 용인시자원봉사센터는 용인시 자원봉사자 활동 지원을 통해 다함께 행복하고 살기 좋은 도시를 만들고자 노력하고 있습니다."> <meta name="keywords" content="용인,자원봉사,1365,용인자봉"> <meta name="author" content="호우캐스트"> <meta name="copyright" content="Copyright © YONGIN1365.OR.KR All rights reserved."> <meta name="theme-color" content="#5f5f5f"> <meta name="facebook-domain-verification" content="i3ophrmry817w5cw260103b8aedvcz" /> <meta http-equiv="content-language" content="ko"> <link rel="shortcut icon" href="/data/favicon/favicon.ico?v=28877502"> <link rel="canonical" href=""> <title>재단법인 용인시자원봉사센터 - 메인</title> <script> //20161020 ie8,9 bug fix if (!window.console) window.console = {}; if (!window.console.log) window.console.log = function () { }; </script> <script src="/resources/js/backward.compat/jquery-1.12.4/jquery-1.12.4.min.js"></script> <!--[if lt IE 9]> <script src="/resources/js/backward.compat/html5.shiv/html5shiv.min.js"></script> <script src="/resources/js/backward.compat/respond/respond.min.js"></script> <script src="/resources/js/backward.compat/respond/respond.matchmedia.addListener.min.js"></script> <script src="/resources/js/backward.compat/forie678/forie678.js"></script> <![endif]--> <script src="/resources/js/jquery.placeholder/jquery.placeholder.min.js"></script> <script src="/resources/js/slimmenu/jquery.slimmenu.min.js"></script> <link rel="stylesheet" type="text/css" href="/resources/js/slimmenu/slimmenu.min.css" /> <link rel="stylesheet" href="/resources/js/jquery-ui-1.11.2/jquery-ui.min.css"> <link rel="stylesheet" href="/resources/js/time-picker/jquery.timepicker.css"> <link rel="stylesheet" href="/resources/js/msgbox/css/jquery.msgbox.css"> <link rel="stylesheet" href="/resources/js/bootstrap/3.3.1/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/resources/js/font-awesome/4.7.0/css/font-awesome.min.css" /> <link rel="stylesheet" href="/resources/css/default_style.css?v=20220809"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5NXKXQS');</script> <!-- End Google Tag Manager --> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '488130335642092'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=488130335642092&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code --> <style> .layout-container .contents-container{ padding-top:0px; padding-bottom:0px; } .main{ max-width: 1360px; margin: 0 auto; position: relative; background:#f5f7fa; } .main > .row .column{ background:#fff; border:1px solid #e8e8e8; box-sizing: border-box; } .main h4.main-title{ font-weight: 700; margin: 0px; line-height: 45px; padding-left: 20px; border-bottom:1px solid #e8e8e8; font-size: 1rem; position:relative; } .board-more{ font-size:12px; color:#888; float: right; margin-right: 20px; } .board-more:hover{ color: #fd426f; } .main .shortcut ul{ padding:20px; border: 2px solid #e8e8e8; } .main .shortcut ul:after{ content:""; clear:both; display:block; } .main > .row:nth-child(1) .col-md-9, .main > .row:nth-child(2) .col-md-9, .main > .webzine-wrapper .col-md-9{ max-width: calc(75% - 21px); margin-right: 20px; } .main > .board-row .col-md-4{ max-width: calc(33.333333% - 14px); margin-right: 13.33px; } .main > .board-row .col-md-4:nth-child(2){ margin-left: 6.665px; margin-right: 6.665px; } .main > .board-row .intro-clip{ margin-left: 13.33px; margin-right: 0px; } .right-side{ padding:20px; } .main .shortcut li{ height:95px; box-sizing: border-box; border-left: 2px solid #e8e8e8; } .main .shortcut li:first-child{ border-left: none; } .main .shortcut li:hover{ /*background:#eee; */ } .main .shortcut li a{ display:inline-block; width:100%; height:100%; } .main .shortcut li a:hover{ color: #fd426f; } .main .shortcut li a:hover .menu-title{ } .main .shortcut li:nth-child(odd) a{ background: #f2f2f2; background:#f5f7fa; } .main .shortcut .fa{ display: inline-block; text-align: center; margin: 0 auto; width: 100%; font-size: 1.5rem; margin-top: 15px; margin-bottom: 10px; } .main .shortcut .menu-title{ display:inline-block; width:100%; text-align:center; font-size: 14px; font-weight: 600; line-height: 0.95rem; } .main .shortcut .menu-icon{ display: inline-block; text-align: center; margin: 0 auto; width: 100%; margin-top: 15px; margin-bottom: 10px; height: 24px; } .main .shortcut .menu-icon img{ height:100%; } .layout-container{ max-width: 100%; width: 100%; margin: 0 auto; padding:0 !important; } .main > .row{ max-width: 1360px; /*margin:50px auto 0;*/ padding:30px 20px 0 20px; background:#fff; } .main > .row:first-child{ margin:0 auto; padding-top: 20px; } .main > .row:nth-child(1) .col-md-9, .main > .row:nth-child(2) .col-md-9{ /* max-width: 930px; width: 100%; flex: 0 0 100%;*/ } .main > .row:nth-child(1) .col-md-3, .main > .row:nth-child(2) .col-md-3{ /*max-width: 350px; width: 100%; flex: 0 0 100%;*/ } #main_banner { position:relative; } #main_banner img{ width: 100%; } #main_bannerMenu { position:absolute; bottom: 0px; list-style : none; width:100%; margin-bottom: 0px; padding-left:0px; display:table-row; font-size: 0.9rem; } #main_bannerMenu li{ float:left; display : table-cell; width: 20%; height: 40px; line-height:40px; vertical-align:middle; text-align:center; background-color:#3c3c3c; } #main_bannerMenu li a{ display:block; width:100%; height:40px; color:#fff; font-size: 14px; } #main_bannerMenu li a:hover{ background-color:#fd426f; transition:0.2s; } #main_bannerMenu li a .active { background-color: rgba(228, 92, 87,0.7); transition: 0.2s; } .main .facebook-iframe > div{width:100%; height:100%; } .facebook-iframe-wrapper{ width:100%; height:calc(100% - 46px); } .main .facebook-iframe {/*padding:51px 10px 10px;background-color:#3b5998;*/} .main .facebook-iframe-330 {display: block;margin: 0 auto; /*background-color: #3b5998; */ /*padding: 20px;*/} .main .facebook-iframe-500 {display: none;} .main .facebook-logo {position:absolute;top:10px;left:25px;color:white;font-size:26px;font-weight: 600;} .main .shortcut li {float:left;width:15.4%; /*margin-bottom:10px; margin-right:10px;*/ width:16.66%; width:8.33%; } .main .clip-iframe-wrapper{ width:100%; height:100%; height: 200px; padding: 20px;} .main .intro-clip {/*border:4px solid #ddd;background-color:#ddd; margin-bottom: 10px;*/} .main .intro-clip iframe{ /*padding:20px;*/ } .main .act-gallery img {max-width:100%;height:auto;} .main .webzine-wrapper{/*background-color:#eee;*/ padding-bottom: 30px;} .main .webzine-wrapper .webzine{/*overflow: hidden;width:1280px; margin:50px auto 60px;*/} .main .webzine-wrapper .webzine h4{/*text-align:center;margin:0 0 20px; font-size: 1.3rem;font-weight: 700;*/} .main .webzine-wrapper .col-md-3 .right-side{ padding:5% 20px; } .main .webzine-wrapper .webzine .image{background-color:#3f3b33; float:left;} .main .webzine-wrapper .webzine .list{ height:306px; width: 480px; background-color:#fff; margin-top: 1px; float:right; border-left: 1px solid #eeeeee; box-sizing: border-box;} .main .webzine-wrapper .webzine .list ul{padding:10px 10% 0;list-style:none;} .main .webzine-wrapper .webzine .list ul li{line-height:57px; font-size:1.05rem ;border-bottom:1px dotted #ccc; padding: 0; height: 58px;} .main .webzine-wrapper .webzine .list ul li:last-child{border:none;} .main .webzine-wrapper .webzine .list ul li a:before{display: none;} .main .webzine-wrapper .webzine .list ul li .plugin-board-list-title:after{float: right;content:'〉';color:#ccc;} .main .webzine-wrapper .webzine .list ul li .plugin-board-list-date{display: none;} .main .webzine-wrapper .col-md-9{ display:inline-block; } .main .webzine-wrapper .col-md-9 > div{ display:inline-block; width:100%; height:100%;} .main .webzine-wrapper .col-md-9 > div > div{ display:inline-block; width:100%; height:100%; } .main .support-row{ max-width: 100%;padding-top: 0px !important;border-top: 1px solid #e8e8e8;} .main .support-row .column{ width:100%; margin: 0 auto; border: none; padding: 0 20px; } .main .support{height:50px;width:100%; max-width:1360px;overflow:hidden;position:relative; padding:0px; margin: 0 auto;} .main .support ul{list-style:none;} .main .support ul li{position:absolute;width:125px;} .main .support ul li img{height:46px !important;} .footer-company-description p{ font-size:0.85rem; display:block; padding:0px 0px 10px 0px; color:#838383; } @media (min-width: 768px){ .main > .row{ /*width: 1360px;*/ } } @media (max-width: 767px){ .layout-container{ padding:0 0 30px; } .main > .row{ margin:0; } .main > .row > div{ margin:20px 0 0; } .main > .row.ewb-popup-banner > div{ margin:0; } .main > .row:nth-child(1) .col-md-9, .main > .row:nth-child(2) .col-md-9, .main > .webzine-wrapper .col-md-9{ max-width:100%; margin-right:0px; margin-top: 0px; } .main .webzine-wrapper .col-md-3 .right-side{ padding:20px; } .main > .row:nth-child(1) .col-md-3, .main > .row:nth-child(2) .col-md-3{ max-width: 100%; } .main > .board-row .col-md-4{ max-width:100%; margin-right:0px; } .main > .board-row .col-md-4:nth-child(1){ margin-top:0px; } .main > .board-row .col-md-4:nth-child(2){ margin-left:0px; margin-right:0px; } .main > .board-row .intro-clip{ margin-left:0px; } .facebook-iframe-wrapper{ height:379px; background: url(/data/library/2018/04/background-3045402_768_1.png) no-repeat; } .main .facebook-iframe-330 {display: none;} .main .facebook-iframe-500 {display: block;margin: 0 auto;} .main .clip-iframe-wrapper{ height:300px; } .main .shortcut ul{ /*max-width: 658px;*/ margin: 0 auto; } .main .shortcut li{ width: 25%; margin-right: 0; width: 109px; width:16.66666666%; } .main .shortcut li a { display: inline-block; text-align: center; } .main .shortcut li img{ /*width: 95%;*/ } .main .shortcut li:nth-child(1), .main .shortcut li:nth-child(2), .main .shortcut li:nth-child(3), .main .shortcut li:nth-child(4), .main .shortcut li:nth-child(5), .main .shortcut li:nth-child(6){ border-bottom: 1px solid #e8e8e8; } .main .shortcut li:nth-child(7){ border-left:none; } .main .ewb-plugin-boardWebzine{ /*margin: 20px 0 0;*/ } .main .act-gallery h4{ /* text-align: center;*/ } .main .webzine-wrapper{ /*background: none;*/ padding-bottom: 20px !important; } .main .webzine-wrapper .webzine{ width:100%; margin:20px auto 0; } .main .webzine-wrapper .webzine .list{ width: 100%; height: auto; border: 1px solid #dddddd; margin-top: 0; } .main .webzine-wrapper .webzine .list ul{ padding: 0 10%; } .main .webzine-wrapper .webzine .list ul li{ line-height: 40px; height: 41px; } } @media (max-width: 575px){ .main > .row{ padding:20px 15px 0 15px; } .main .facebook-iframe-330 {display: block;margin: 0 auto; width:330px;} .main .facebook-iframe-500 {display: none;} .main .shortcut li{ width:25%; } .main .shortcut li:nth-child(7), .main .shortcut li:nth-child(8){ border-bottom: 1px solid #e8e8e8; } .main .shortcut li:nth-child(7){ border-left: 2px solid #e8e8e8; } .main .shortcut li:nth-child(5), .main .shortcut li:nth-child(9){ border-left:none; } } .main-floating-aside-right{ position: absolute; z-index: 995; top: 20px; right: -120px; width: 120px; } .quick-menu{ margin-bottom:40px; } .quick-menu h2{ margin-bottom:0px; font-size:16px; font-weight:600; text-align:center; color:#fff; background-color:#666; height:55px;line-height:55px;vertical-align:middle; } .quick-menu ul{ padding:10px; list-style:none; border:1px solid #e1e1e1; } .quick-menu ul li{ text-align:center; color:#000; padding:0px; height:45px; line-height:45px; vertical-align:middle; border-bottom:1px solid #e1e1e1; } .quick-menu ul li:last-child{border-bottom:none;} .quick-menu ul li:hover a{ color: #fd426f; } .quick-menu-sns{ } .quick-menu-sns h2{ background-color: #fd426f; } .quick-menu-sns ul li{ height: auto; line-height: inherit; padding: 10px 0px; } .quick-menu-sns ul li{ } .quick-menu-sns .blog{ color:#34B228; } .quick-menu-sns .facebook{ color:#3A5896; } .quick-menu-sns .instagram{ color:#bc1888 } .quick-menu-sns .icon{ display:block; width:40px; height:40px; margin:0 auto; margin-bottom: 5px; border-radius:50%; line-height: 37px; text-align: center; } .quick-menu-sns .blog .icon{ background:#34B228; } .quick-menu-sns .facebook .icon{ background:#3A5896; } .quick-menu-sns .instagram .icon{ background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); } .quick-menu-sns .blog .icon img{ position: relative; left: 1px; } .quick-menu-sns .instagram .icon img{ position: relative; left: 1px; } </style> <title>재단법인 용인시자원봉사센터</title> </head> <body > <span itemscope="" itemtype="http://schema.org/Organization"> <link itemprop="url" href="http://www.yongin1365.or.kr"> <a itemprop="sameAs" href="https://blog.naver.com/yivc7751"></a> <a itemprop="sameAs" href="https://www.facebook.com/yivc13657757"></a> <a itemprop="sameAs" href="https://www.instagram.com/yongin.volunteer"></a> </span> <!-- skin2 --> <!-- main navigation section --> <style> /* EWB::THEME scheme controls - START*/ body{background-color:#ffffff;} header{background-color:#ffffff;} footer{background-color:#ffffff;} .navigation-section{background-color:#80e1ff !important;} ul.slimmenu>li>a{color:#ffffff !important;} .container{background-color:#ffffff !important;} .layout-container{background-color:#ffffff !important;} /* EWB::THEME scheme controls - END*/ .menu-bg{ display:none; background:#fff; width:100%; height:392px; border-bottom: 2px solid #fd426f; position: absolute; z-index: 10000; z-index: 996; } .menu-section{ position:relative; } .button-section{ float:right; width: 42px; } .mobile-menu-button-title{ cursor: default; } .mobile-menu-panel{ display: none; } .ewb-plugin-board-list li a .plugin-board-list-title{ width: calc(100% - 100px) !important; margin-left: 10px; } .ewb-plugin-board-list li a{ position:relative; } .ewb-plugin-board-list li a:before{ margin-right:0 !important; top: 13px !important; position: absolute !important; } .ewb-plugin-board-list li a .plugin-board-list-date{ width: 80px; } .ewb-plugin-board-list li a{ clear:both; height:auto; } .footer-acrc{ max-width: calc(25% - 1px); } @media (max-width: 575px){ .mobile-menu-button{ font-size:50px !important; /* margin-top: -20px !important; */ } .mobile-menu-button-title{ margin-top: -13px !important; } } @media (max-width: 767px){ .footer-acrc{ margin: 15px 0 25px 0 !important; text-align: center; } .footer-acrc a{ float: none; } /* mobile menu logo */ .logo-section.top { width: 100%; text-align: center; } .logo-section.left { float:right; } .logo-section.right { float:left; } /* mobile menu button style*/ .mobile-menu-button{ line-height: 60px; font-size:60px; background: transparent; color:#fd426f; margin-top: -10px; } .mobile-menu-button-title{ font-size: 10px; margin-top: -10px; text-align: center; } /* mobile menu style - top*/ .menu-section.top{ width: 100%; } .menu-section.top .top-nav{ height: 30px; } .menu-section.top .menu-collapser{ display: none !important; } .menu-section.top ul{ display: flex !important; width: 100%; height: 100%; margin: 0; } .menu-section.top ul > li{ float:left; font-weight: 600; margin:0 auto; padding: 0; } .menu-section.top ul > li a{ text-decoration: none; color: inherit; line-height: inherit; } .menu-section.top ul > li > ul{ display: none !important; } /* mobile menu style - left & right */ .contents-locker{ z-index: 1000; opacity: 0.7; transform: translate3d(0px, 0px, 0px); display: none; position: fixed; z-index: 1000; left: 0px; top: 0px; width: 150%; height: 150%; background-color: rgba(0,0,0,0.5); background: url(/resources/img/bg_gray_line_mask.png); opacity: 0.8; overflow: scroll; } aside{ display: none; } .mobile-menu-panel{ display: none;position:fixed;z-index:10001;top:0px;left:0;width:300px;height:100%;background-color:#fff;box-shadow:-4px 0px 10px rgba(0,0,0,0.5);overflow-y:auto;} .mobile-menu-panel .ewb-menu-logo-wrapper{max-width: 100%;max-height: 80px;margin: 20px;} .mobile-menu-panel .logo-image{display: inherit; height: auto; max-width: 100%;} .mobile-menu-panel .ewb-menu-list-wrapper {border-top: 4px solid #fd426f;padding-top: 20px;} .mobile-menu-panel ul{display:block;list-style-type: none;padding:0px 0px 0px 20px;position: relative;} .mobile-menu-panel ul:first-child{margin:0px 20px 0px 0px;} .mobile-menu-panel ul:first-child>li:first-child{border-top:none;} .mobile-menu-panel ul li{display:block;line-height:40px; font-size:14px;position: relative;border-top:1px solid #ddd;font-weight: 600;padding-left:10px;} .mobile-menu-panel ul > li > ul li {color:#7d7d7d;} .mobile-menu-panel li a{display: block; width: 100%; height: 100%; } .mobile-menu-panel li a:hover{color:#fd426f;text-decoration:none;} } </style> <div class="ewb-backToTop">▲</div> <header id="header" class="header clearfix"> <article class="header-container"> <div class="fixed-link"> <ul> </ul> </div> <div class="logo-section right"> <a class="logo" href="/"> <img class="logo-image" alt="재단법인 용인시자원봉사센터 로고" src="/data/favicon/logo.png"/> </a> </div> <div class="button-section"> <div class="visible-sm visible-xs" style="float:right;"> <input type="button" value="≡" class="mobile-menu-button" onclick="openMobileMenu();"/> <p class="mobile-menu-button-title">MENU</p> </div> </div> <div class="menu-section visible-lg visible-md "> <nav class="top-nav"> <ul class="slimmenu"> <li data-idx="1" data-parentIdx="0" data-depth="0" data-title="센터소개" data-menuType="link" data-path="program" data-url="/program" data-linkUrl="/page/center-intro/greeting" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="49"><span class='title'><a href="/page/center-intro/greeting">센터소개</a></span> <ul> <li data-idx="2" data-parentIdx="1" data-depth="1" data-title="인사말" data-menuType="page" data-path="board1" data-url="/page/program/board1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="8" data-pageIdx="3"><span class='title'><a href="/page/program/board1">인사말</a></span> </li> <li data-idx="3" data-parentIdx="1" data-depth="1" data-title="연혁" data-menuType="page" data-path="history" data-url="/page/program/history" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="42"><span class='title'><a href="/page/program/history">연혁</a></span> </li> <li data-idx="4" data-parentIdx="1" data-depth="1" data-title="미션 및 경영목표" data-menuType="page" data-path="menu52" data-url="/page/program/menu52" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="51"><span class='title'><a href="/page/program/menu52">미션 및 경영목표</a></span> </li> <li data-idx="5" data-parentIdx="1" data-depth="1" data-title="조직도" data-menuType="page" data-path="menu51" data-url="/page/program/menu51" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="40"><span class='title'><a href="/page/program/menu51">조직도</a></span> </li> <li data-idx="6" data-parentIdx="1" data-depth="1" data-title="ESG 경영" data-menuType="link" data-path="ESG" data-url="/program/ESG" data-linkUrl="/page/program/ESG/V-ESG" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="48"><span class='title'><a href="/page/program/ESG/V-ESG">ESG 경영</a></span> <ul> <li data-idx="7" data-parentIdx="6" data-depth="2" data-title="V-ESG 경영" data-menuType="page" data-path="V-ESG" data-url="/page/program/ESG/V-ESG" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="63"><span class='title'><a href="/page/program/ESG/V-ESG">V-ESG 경영</a></span> </li> <li data-idx="8" data-parentIdx="6" data-depth="2" data-title="반부패‧청렴 윤리경영" data-menuType="page" data-path="menu58" data-url="/page/program/ESG/menu58" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="64"><span class='title'><a href="/page/program/ESG/menu58">반부패‧청렴 윤리경영</a></span> </li> <li data-idx="9" data-parentIdx="6" data-depth="2" data-title="인권경영" data-menuType="page" data-path="menu59" data-url="/page/program/ESG/menu59" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="65"><span class='title'><a href="/page/program/ESG/menu59">인권경영</a></span> </li> </ul><li data-idx="10" data-parentIdx="1" data-depth="1" data-title="자체경영공시" data-menuType="board" data-path="member" data-url="/board/member/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="37" data-pageIdx="57"><span class='title'><a href="/board/member/list/1">자체경영공시</a></span> <ul> <li data-idx="11" data-parentIdx="10" data-depth="2" data-title="임원 및 직원 현황" data-menuType="board" data-path="member" data-url="/board/member/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="37" data-pageIdx="55"><span class='title'><a href="/board/member/list/1">임원 및 직원 현황</a></span> </li> <li data-idx="12" data-parentIdx="10" data-depth="2" data-title="친인척 채용 현황" data-menuType="board" data-path="employment-of-relatives" data-url="/board/employment-of-relatives/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="20" data-pageIdx="0"><span class='title'><a href="/board/employment-of-relatives/list/1">친인척 채용 현황</a></span> </li> <li data-idx="13" data-parentIdx="10" data-depth="2" data-title="사업계획" data-menuType="board" data-path="manage-state" data-url="/board/manage-state/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="15" data-pageIdx="0"><span class='title'><a href="/board/manage-state/list/1">사업계획</a></span> </li> <li data-idx="14" data-parentIdx="10" data-depth="2" data-title="예산현황" data-menuType="board" data-path="yesan" data-url="/board/yesan/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="35" data-pageIdx="0"><span class='title'><a href="/board/yesan/list/1">예산현황</a></span> </li> <li data-idx="15" data-parentIdx="10" data-depth="2" data-title="업무추진비 사용내역" data-menuType="board" data-path="breakdown" data-url="/board/breakdown/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="14" data-pageIdx="0"><span class='title'><a href="/board/breakdown/list/1">업무추진비 사용내역</a></span> </li> <li data-idx="16" data-parentIdx="10" data-depth="2" data-title="복리후생비 집행현황" data-menuType="board" data-path="balance-sheet" data-url="/board/balance-sheet/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="13" data-pageIdx="0"><span class='title'><a href="/board/balance-sheet/list/1">복리후생비 집행현황</a></span> </li> <li data-idx="17" data-parentIdx="10" data-depth="2" data-title="경영성과" data-menuType="board" data-path="evaluation-result" data-url="/board/evaluation-result/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="17" data-pageIdx="0"><span class='title'><a href="/board/evaluation-result/list/1">경영성과</a></span> </li> <li data-idx="18" data-parentIdx="10" data-depth="2" data-title="결산" data-menuType="board" data-path="ruftks" data-url="/board/ruftks/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="29" data-pageIdx="45"><span class='title'><a href="/board/ruftks/list/1">결산</a></span> </li> <li data-idx="19" data-parentIdx="10" data-depth="2" data-title="외부기관 감사결과 및 조치요구사항" data-menuType="board" data-path="audit-result" data-url="/board/audit-result/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="19" data-pageIdx="0"><span class='title'><a href="/board/audit-result/list/1">외부기관 감사결과 및 조치요구사항</a></span> </li> <li data-idx="20" data-parentIdx="10" data-depth="2" data-title="계약현황" data-menuType="board" data-path="gyeyag" data-url="/board/gyeyag/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="30" data-pageIdx="0"><span class='title'><a href="/board/gyeyag/list/1">계약현황</a></span> </li> <li data-idx="21" data-parentIdx="10" data-depth="2" data-title="안전사고 현황" data-menuType="board" data-path="sago" data-url="/board/sago/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="34" data-pageIdx="0"><span class='title'><a href="/board/sago/list/1">안전사고 현황</a></span> </li> </ul><li data-idx="22" data-parentIdx="1" data-depth="1" data-title="통합경영공시" data-menuType="page" data-path="menu67" data-url="/page/program/menu67" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="61"><span class='title'><a href="/page/program/menu67">통합경영공시</a></span> </li> <li data-idx="23" data-parentIdx="1" data-depth="1" data-title="CI" data-menuType="page" data-path="ci" data-url="/page/program/ci" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="8"><span class='title'><a href="/page/program/ci">CI</a></span> </li> <li data-idx="24" data-parentIdx="1" data-depth="1" data-title="찾아오시는 길" data-menuType="page" data-path="map" data-url="/page/program/map" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="7"><span class='title'><a href="/page/program/map">찾아오시는 길</a></span> </li> </ul><li data-idx="25" data-parentIdx="0" data-depth="0" data-title="자원봉사단체" data-menuType="board" data-path="procedure-form" data-url="/board/procedure-form/list/1" data-linkUrl="/page/volunteer-work/volunteer-work-intro" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="48"><span class='title'><a href="/page/volunteer-work/volunteer-work-intro">자원봉사단체</a></span> <ul> <li data-idx="26" data-parentIdx="25" data-depth="1" data-title="자원봉사란?" data-menuType="page" data-path="volunteer-work-intro" data-url="/page/procedure-form/list/1/volunteer-work-intro" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="9"><span class='title'><a href="/page/procedure-form/list/1/volunteer-work-intro">자원봉사란?</a></span> </li> <li data-idx="27" data-parentIdx="25" data-depth="1" data-title="등록절차" data-menuType="page" data-path="procedure" data-url="/page/procedure-form/list/1/procedure" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="10"><span class='title'><a href="/page/procedure-form/list/1/procedure">등록절차</a></span> </li> <li data-idx="28" data-parentIdx="25" data-depth="1" data-title="대민분야봉사활동" data-menuType="page" data-path="civilians" data-url="/page/procedure-form/list/1/civilians" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="11"><span class='title'><a href="/page/procedure-form/list/1/civilians">대민분야봉사활동</a></span> </li> <li data-idx="29" data-parentIdx="25" data-depth="1" data-title="사회분야봉사활동" data-menuType="page" data-path="society" data-url="/page/procedure-form/list/1/society" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="12"><span class='title'><a href="/page/procedure-form/list/1/society">사회분야봉사활동</a></span> </li> <li data-idx="30" data-parentIdx="25" data-depth="1" data-title="봉사단체 안내" data-menuType="page" data-path="organization" data-url="/page/procedure-form/list/1/organization" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="14"><span class='title'><a href="/page/procedure-form/list/1/organization">봉사단체 안내</a></span> </li> <li data-idx="31" data-parentIdx="25" data-depth="1" data-title="단체 등록 절차 및 양식" data-menuType="board" data-path="procedure-form2" data-url="/board/procedure-form2/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="52" data-pageIdx="0"><span class='title'><a href="/board/procedure-form2/list/1">단체 등록 절차 및 양식</a></span> </li> </ul><li data-idx="32" data-parentIdx="0" data-depth="0" data-title="커뮤니티" data-menuType="board" data-path="notice" data-url="/board/notice/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="2" data-pageIdx="0"><span class='title'><a href="/board/notice/list/1">커뮤니티</a></span> <ul> <li data-idx="33" data-parentIdx="32" data-depth="1" data-title="공지사항" data-menuType="board" data-path="notice" data-url="/board/notice/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="2" data-pageIdx="0"><span class='title'><a href="/board/notice/list/1">공지사항</a></span> </li> <li data-idx="34" data-parentIdx="32" data-depth="1" data-title="부정부패 신고센터" data-menuType="board" data-path="bujung" data-url="/board/bujung/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="51" data-pageIdx="0"><span class='title'><a href="/board/bujung/list/1">부정부패 신고센터</a></span> </li> <li data-idx="35" data-parentIdx="32" data-depth="1" data-title="갤러리" data-menuType="board" data-path="gallery" data-url="/board/gallery/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="3" data-pageIdx="0"><span class='title'><a href="/board/gallery/list/1">갤러리</a></span> </li> <li data-idx="36" data-parentIdx="32" data-depth="1" data-title="보도자료" data-menuType="board" data-path="news" data-url="/board/news/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="4" data-pageIdx="0"><span class='title'><a href="/board/news/list/1">보도자료</a></span> </li> <li data-idx="37" data-parentIdx="32" data-depth="1" data-title="월별활동현황" data-menuType="board" data-path="activity-status" data-url="/board/activity-status/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="5" data-pageIdx="0"><span class='title'><a href="/board/activity-status/list/1">월별활동현황</a></span> </li> <li data-idx="38" data-parentIdx="32" data-depth="1" data-title="센터홍보영상" data-menuType="page" data-path="promotional-video" data-url="/page/notice/list/1/promotional-video" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="18"><span class='title'><a href="/page/notice/list/1/promotional-video">센터홍보영상</a></span> </li> <li data-idx="39" data-parentIdx="32" data-depth="1" data-title="Q&A" data-menuType="board" data-path="inquiry" data-url="/board/inquiry/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="6" data-pageIdx="0"><span class='title'><a href="/board/inquiry/list/1">Q&A</a></span> </li> <li data-idx="40" data-parentIdx="32" data-depth="1" data-title="칭찬합시다" data-menuType="board" data-path="yivcgood" data-url="/board/yivcgood/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="26" data-pageIdx="0"><span class='title'><a href="/board/yivcgood/list/1">칭찬합시다</a></span> </li> </ul><li data-idx="41" data-parentIdx="0" data-depth="0" data-title="정보센터" data-menuType="board" data-path="form" data-url="/board/form/list/1" data-linkUrl="/board/form/list/1" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="3" data-pageIdx="0"><span class='title'><a href="/board/form/list/1">정보센터</a></span> <ul> <li data-idx="42" data-parentIdx="41" data-depth="1" data-title="서식자료실" data-menuType="board" data-path="form" data-url="/board/form/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="3" data-pageIdx="0"><span class='title'><a href="/board/form/list/1">서식자료실</a></span> </li> <li data-idx="43" data-parentIdx="41" data-depth="1" data-title="온라인 교육" data-menuType="link" data-path="education" data-url="/form/list/1/education" data-linkUrl="/online/video/view.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="8" data-pageIdx="33"><span class='title'><a href="/online/video/view.do">온라인 교육</a></span> </li> <li data-idx="44" data-parentIdx="41" data-depth="1" data-title="자원봉사상해보험" data-menuType="page" data-path="incentive" data-url="/page/form/list/1/incentive" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="43"><span class='title'><a href="/page/form/list/1/incentive">자원봉사상해보험</a></span> </li> <li data-idx="45" data-parentIdx="41" data-depth="1" data-title="영문번역 정보 요청" data-menuType="board" data-path="translation" data-url="/board/translation/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="53" data-pageIdx="0"><span class='title'><a href="/board/translation/list/1">영문번역 정보 요청</a></span> </li> </ul><li data-idx="46" data-parentIdx="0" data-depth="0" data-title="1365 이용가이드" data-menuType="link" data-path="menu5" data-url="/menu5" data-linkUrl="https://www.1365.go.kr/vols/1472176623798/wpge/volsguide1365.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="21"><span class='title'><a href="https://www.1365.go.kr/vols/1472176623798/wpge/volsguide1365.do">1365 이용가이드</a></span> <ul> <li data-idx="47" data-parentIdx="46" data-depth="1" data-title="회원가입" data-menuType="link" data-path="join" data-url="/menu5/join" data-linkUrl="https://www.1365.go.kr/vols/P9940/mber/volsMber.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="21"><span class='title'><a href="https://www.1365.go.kr/vols/P9940/mber/volsMber.do">회원가입</a></span> </li> <li data-idx="48" data-parentIdx="46" data-depth="1" data-title="봉사조회 및 신청" data-menuType="link" data-path="application" data-url="/menu5/application" data-linkUrl="https://www.1365.go.kr/vols/1572247904127/partcptn/timeCptn.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="22"><span class='title'><a href="https://www.1365.go.kr/vols/1572247904127/partcptn/timeCptn.do">봉사조회 및 신청</a></span> </li> <li data-idx="49" data-parentIdx="46" data-depth="1" data-title="확인서 발급" data-menuType="link" data-path="performance-linkage" data-url="/menu5/performance-linkage" data-linkUrl="https://www.1365.go.kr/vols/1472178091420/mypage/partcptnAcmslt.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="23"><span class='title'><a href="https://www.1365.go.kr/vols/1472178091420/mypage/partcptnAcmslt.do">확인서 발급</a></span> </li> <li data-idx="50" data-parentIdx="46" data-depth="1" data-title="봉사실적연계" data-menuType="link" data-path="menu54" data-url="/menu5/menu54" data-linkUrl="https://www.1365.go.kr/vols/1479976181104/mypage/selectSvcrltLinkedList.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="0"><span class='title'><a href="https://www.1365.go.kr/vols/1479976181104/mypage/selectSvcrltLinkedList.do">봉사실적연계</a></span> </li> </ul><li data-idx="51" data-parentIdx="0" data-depth="0" data-title="자원봉사 수요처" data-menuType="link" data-path="customer" data-url="/customer" data-linkUrl="https://yongin1365.or.kr/page/customer/volunteer-list" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="0"><span class='title'><a href="https://yongin1365.or.kr/page/customer/volunteer-list">자원봉사 수요처</a></span> <ul> <li data-idx="52" data-parentIdx="51" data-depth="1" data-title="1365 관리자 페이지" data-menuType="link" data-path="menu55" data-url="/customer/menu55" data-linkUrl="https://public.1365.go.kr/portalLogin.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="0"><span class='title'><a href="https://public.1365.go.kr/portalLogin.do">1365 관리자 페이지</a></span> </li> <li data-idx="53" data-parentIdx="51" data-depth="1" data-title="자원봉사 수요처란?" data-menuType="page" data-path="volunteer-list" data-url="/page/customer/volunteer-list" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="13"><span class='title'><a href="/page/customer/volunteer-list">자원봉사 수요처란?</a></span> </li> <li data-idx="54" data-parentIdx="51" data-depth="1" data-title="수요처 등록 절차 및 양식" data-menuType="board" data-path="procedure-form" data-url="/board/procedure-form/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="32" data-pageIdx="0"><span class='title'><a href="/board/procedure-form/list/1">수요처 등록 절차 및 양식</a></span> </li> <li data-idx="55" data-parentIdx="51" data-depth="1" data-title="온라인 수요처 관리자 교육" data-menuType="page" data-path="lecture" data-url="/page/customer/lecture" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="47"><span class='title'><a href="/page/customer/lecture">온라인 수요처 관리자 교육</a></span> </li> <li data-idx="56" data-parentIdx="51" data-depth="1" data-title="수요처 관리자 업무 매뉴얼" data-menuType="board" data-path="manual" data-url="/board/manual/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="33" data-pageIdx="0"><span class='title'><a href="/board/manual/list/1">수요처 관리자 업무 매뉴얼</a></span> </li> <li data-idx="57" data-parentIdx="51" data-depth="1" data-title="수요처 안내 지도(맵)" data-menuType="link" data-path="menu36" data-url="/customer/menu36" data-linkUrl="/location/list.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="0"><span class='title'><a href="/location/list.do">수요처 안내 지도(맵)</a></span> </li> <li data-idx="58" data-parentIdx="51" data-depth="1" data-title="수요처 관리자 소통방" data-menuType="board" data-path="board1" data-url="/board/board1/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="8" data-pageIdx="0"><span class='title'><a href="/board/board1/list/1">수요처 관리자 소통방</a></span> </li> </ul><li data-idx="59" data-parentIdx="0" data-depth="0" data-title="자원봉사자 인센티브" data-menuType="link" data-path="volunteer-incentive" data-url="/volunteer-incentive" data-linkUrl="/page/volunteer-incentive/intro" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="69"><span class='title'><a href="/page/volunteer-incentive/intro">자원봉사자 인센티브</a></span> <ul> <li data-idx="60" data-parentIdx="59" data-depth="1" data-title="인센티브란?" data-menuType="page" data-path="intro" data-url="/page/volunteer-incentive/intro" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="66"><span class='title'><a href="/page/volunteer-incentive/intro">인센티브란?</a></span> </li> <li data-idx="61" data-parentIdx="59" data-depth="1" data-title="인센티브제도" data-menuType="link" data-path="program" data-url="/volunteer-incentive/program" data-linkUrl="/page/volunteer-incentive/program/ordinary" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="67"><span class='title'><a href="/page/volunteer-incentive/program/ordinary">인센티브제도</a></span> <ul> <li data-idx="62" data-parentIdx="61" data-depth="2" data-title="일반자원봉사자" data-menuType="page" data-path="ordinary" data-url="/page/volunteer-incentive/program/ordinary" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="67"><span class='title'><a href="/page/volunteer-incentive/program/ordinary">일반자원봉사자</a></span> </li> <li data-idx="63" data-parentIdx="61" data-depth="2" data-title="우수자원봉사자" data-menuType="page" data-path="outstanding" data-url="/page/volunteer-incentive/program/outstanding" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="68"><span class='title'><a href="/page/volunteer-incentive/program/outstanding">우수자원봉사자</a></span> </li> </ul><li data-idx="64" data-parentIdx="59" data-depth="1" data-title="명예의 전당" data-menuType="board" data-path="Hall-of-Fame" data-url="/board/Hall-of-Fame/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="21" data-pageIdx="0"><span class='title'><a href="/board/Hall-of-Fame/list/1">명예의 전당</a></span> </li> <li data-idx="65" data-parentIdx="59" data-depth="1" data-title="자원봉사자할인가맹점" data-menuType="page" data-path="benefits" data-url="/page/volunteer-incentive/benefits" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="38"><span class='title'><a href="/page/volunteer-incentive/benefits">자원봉사자할인가맹점</a></span> </li> </ul> </ul> </nav> </div> <div class="menu-bg"></div> </article> <div class="visible-xs visible-sm" style="position: relative;"> </div> <!--mobile menu panel --> <div id="ewb_menu_panel" class="mobile-menu-panel"> <div class="ewb-menu-logo-wrapper"> <img class="logo-image" src="/data/favicon/logo.png" alt="재단법인 용인시자원봉사센터 로고"/> </div> <div class="ewb-menu-list-wrapper"> <ul id="ewb_menu_list"> <!-- 로그인 전 --> <li data-idx="1" data-parentIdx="0" data-depth="0" data-title="센터소개" data-menuType="link" data-path="program" data-url="/program" data-linkUrl="/page/center-intro/greeting" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="49"><span class='title'><a href="/page/center-intro/greeting">센터소개</a></span> <ul> <li data-idx="2" data-parentIdx="1" data-depth="1" data-title="인사말" data-menuType="page" data-path="board1" data-url="/page/program/board1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="8" data-pageIdx="3"><span class='title'><a href="/page/program/board1">인사말</a></span> </li> <li data-idx="3" data-parentIdx="1" data-depth="1" data-title="연혁" data-menuType="page" data-path="history" data-url="/page/program/history" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="42"><span class='title'><a href="/page/program/history">연혁</a></span> </li> <li data-idx="4" data-parentIdx="1" data-depth="1" data-title="미션 및 경영목표" data-menuType="page" data-path="menu52" data-url="/page/program/menu52" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="51"><span class='title'><a href="/page/program/menu52">미션 및 경영목표</a></span> </li> <li data-idx="5" data-parentIdx="1" data-depth="1" data-title="조직도" data-menuType="page" data-path="menu51" data-url="/page/program/menu51" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="40"><span class='title'><a href="/page/program/menu51">조직도</a></span> </li> <li data-idx="6" data-parentIdx="1" data-depth="1" data-title="ESG 경영" data-menuType="link" data-path="ESG" data-url="/program/ESG" data-linkUrl="/page/program/ESG/V-ESG" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="48"><span class='title'><a href="/page/program/ESG/V-ESG">ESG 경영</a></span> <ul> <li data-idx="7" data-parentIdx="6" data-depth="2" data-title="V-ESG 경영" data-menuType="page" data-path="V-ESG" data-url="/page/program/ESG/V-ESG" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="63"><span class='title'><a href="/page/program/ESG/V-ESG">V-ESG 경영</a></span> </li> <li data-idx="8" data-parentIdx="6" data-depth="2" data-title="반부패‧청렴 윤리경영" data-menuType="page" data-path="menu58" data-url="/page/program/ESG/menu58" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="64"><span class='title'><a href="/page/program/ESG/menu58">반부패‧청렴 윤리경영</a></span> </li> <li data-idx="9" data-parentIdx="6" data-depth="2" data-title="인권경영" data-menuType="page" data-path="menu59" data-url="/page/program/ESG/menu59" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="65"><span class='title'><a href="/page/program/ESG/menu59">인권경영</a></span> </li> </ul><li data-idx="10" data-parentIdx="1" data-depth="1" data-title="자체경영공시" data-menuType="board" data-path="member" data-url="/board/member/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="37" data-pageIdx="57"><span class='title'><a href="/board/member/list/1">자체경영공시</a></span> <ul> <li data-idx="11" data-parentIdx="10" data-depth="2" data-title="임원 및 직원 현황" data-menuType="board" data-path="member" data-url="/board/member/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="37" data-pageIdx="55"><span class='title'><a href="/board/member/list/1">임원 및 직원 현황</a></span> </li> <li data-idx="12" data-parentIdx="10" data-depth="2" data-title="친인척 채용 현황" data-menuType="board" data-path="employment-of-relatives" data-url="/board/employment-of-relatives/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="20" data-pageIdx="0"><span class='title'><a href="/board/employment-of-relatives/list/1">친인척 채용 현황</a></span> </li> <li data-idx="13" data-parentIdx="10" data-depth="2" data-title="사업계획" data-menuType="board" data-path="manage-state" data-url="/board/manage-state/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="15" data-pageIdx="0"><span class='title'><a href="/board/manage-state/list/1">사업계획</a></span> </li> <li data-idx="14" data-parentIdx="10" data-depth="2" data-title="예산현황" data-menuType="board" data-path="yesan" data-url="/board/yesan/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="35" data-pageIdx="0"><span class='title'><a href="/board/yesan/list/1">예산현황</a></span> </li> <li data-idx="15" data-parentIdx="10" data-depth="2" data-title="업무추진비 사용내역" data-menuType="board" data-path="breakdown" data-url="/board/breakdown/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="14" data-pageIdx="0"><span class='title'><a href="/board/breakdown/list/1">업무추진비 사용내역</a></span> </li> <li data-idx="16" data-parentIdx="10" data-depth="2" data-title="복리후생비 집행현황" data-menuType="board" data-path="balance-sheet" data-url="/board/balance-sheet/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="13" data-pageIdx="0"><span class='title'><a href="/board/balance-sheet/list/1">복리후생비 집행현황</a></span> </li> <li data-idx="17" data-parentIdx="10" data-depth="2" data-title="경영성과" data-menuType="board" data-path="evaluation-result" data-url="/board/evaluation-result/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="17" data-pageIdx="0"><span class='title'><a href="/board/evaluation-result/list/1">경영성과</a></span> </li> <li data-idx="18" data-parentIdx="10" data-depth="2" data-title="결산" data-menuType="board" data-path="ruftks" data-url="/board/ruftks/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="29" data-pageIdx="45"><span class='title'><a href="/board/ruftks/list/1">결산</a></span> </li> <li data-idx="19" data-parentIdx="10" data-depth="2" data-title="외부기관 감사결과 및 조치요구사항" data-menuType="board" data-path="audit-result" data-url="/board/audit-result/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="19" data-pageIdx="0"><span class='title'><a href="/board/audit-result/list/1">외부기관 감사결과 및 조치요구사항</a></span> </li> <li data-idx="20" data-parentIdx="10" data-depth="2" data-title="계약현황" data-menuType="board" data-path="gyeyag" data-url="/board/gyeyag/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="30" data-pageIdx="0"><span class='title'><a href="/board/gyeyag/list/1">계약현황</a></span> </li> <li data-idx="21" data-parentIdx="10" data-depth="2" data-title="안전사고 현황" data-menuType="board" data-path="sago" data-url="/board/sago/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="34" data-pageIdx="0"><span class='title'><a href="/board/sago/list/1">안전사고 현황</a></span> </li> </ul><li data-idx="22" data-parentIdx="1" data-depth="1" data-title="통합경영공시" data-menuType="page" data-path="menu67" data-url="/page/program/menu67" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="61"><span class='title'><a href="/page/program/menu67">통합경영공시</a></span> </li> <li data-idx="23" data-parentIdx="1" data-depth="1" data-title="CI" data-menuType="page" data-path="ci" data-url="/page/program/ci" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="8"><span class='title'><a href="/page/program/ci">CI</a></span> </li> <li data-idx="24" data-parentIdx="1" data-depth="1" data-title="찾아오시는 길" data-menuType="page" data-path="map" data-url="/page/program/map" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="7"><span class='title'><a href="/page/program/map">찾아오시는 길</a></span> </li> </ul><li data-idx="25" data-parentIdx="0" data-depth="0" data-title="자원봉사단체" data-menuType="board" data-path="procedure-form" data-url="/board/procedure-form/list/1" data-linkUrl="/page/volunteer-work/volunteer-work-intro" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="48"><span class='title'><a href="/page/volunteer-work/volunteer-work-intro">자원봉사단체</a></span> <ul> <li data-idx="26" data-parentIdx="25" data-depth="1" data-title="자원봉사란?" data-menuType="page" data-path="volunteer-work-intro" data-url="/page/procedure-form/list/1/volunteer-work-intro" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="9"><span class='title'><a href="/page/procedure-form/list/1/volunteer-work-intro">자원봉사란?</a></span> </li> <li data-idx="27" data-parentIdx="25" data-depth="1" data-title="등록절차" data-menuType="page" data-path="procedure" data-url="/page/procedure-form/list/1/procedure" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="10"><span class='title'><a href="/page/procedure-form/list/1/procedure">등록절차</a></span> </li> <li data-idx="28" data-parentIdx="25" data-depth="1" data-title="대민분야봉사활동" data-menuType="page" data-path="civilians" data-url="/page/procedure-form/list/1/civilians" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="11"><span class='title'><a href="/page/procedure-form/list/1/civilians">대민분야봉사활동</a></span> </li> <li data-idx="29" data-parentIdx="25" data-depth="1" data-title="사회분야봉사활동" data-menuType="page" data-path="society" data-url="/page/procedure-form/list/1/society" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="12"><span class='title'><a href="/page/procedure-form/list/1/society">사회분야봉사활동</a></span> </li> <li data-idx="30" data-parentIdx="25" data-depth="1" data-title="봉사단체 안내" data-menuType="page" data-path="organization" data-url="/page/procedure-form/list/1/organization" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="14"><span class='title'><a href="/page/procedure-form/list/1/organization">봉사단체 안내</a></span> </li> <li data-idx="31" data-parentIdx="25" data-depth="1" data-title="단체 등록 절차 및 양식" data-menuType="board" data-path="procedure-form2" data-url="/board/procedure-form2/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="52" data-pageIdx="0"><span class='title'><a href="/board/procedure-form2/list/1">단체 등록 절차 및 양식</a></span> </li> </ul><li data-idx="32" data-parentIdx="0" data-depth="0" data-title="커뮤니티" data-menuType="board" data-path="notice" data-url="/board/notice/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="2" data-pageIdx="0"><span class='title'><a href="/board/notice/list/1">커뮤니티</a></span> <ul> <li data-idx="33" data-parentIdx="32" data-depth="1" data-title="공지사항" data-menuType="board" data-path="notice" data-url="/board/notice/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="2" data-pageIdx="0"><span class='title'><a href="/board/notice/list/1">공지사항</a></span> </li> <li data-idx="34" data-parentIdx="32" data-depth="1" data-title="부정부패 신고센터" data-menuType="board" data-path="bujung" data-url="/board/bujung/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="51" data-pageIdx="0"><span class='title'><a href="/board/bujung/list/1">부정부패 신고센터</a></span> </li> <li data-idx="35" data-parentIdx="32" data-depth="1" data-title="갤러리" data-menuType="board" data-path="gallery" data-url="/board/gallery/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="3" data-pageIdx="0"><span class='title'><a href="/board/gallery/list/1">갤러리</a></span> </li> <li data-idx="36" data-parentIdx="32" data-depth="1" data-title="보도자료" data-menuType="board" data-path="news" data-url="/board/news/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="4" data-pageIdx="0"><span class='title'><a href="/board/news/list/1">보도자료</a></span> </li> <li data-idx="37" data-parentIdx="32" data-depth="1" data-title="월별활동현황" data-menuType="board" data-path="activity-status" data-url="/board/activity-status/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="5" data-pageIdx="0"><span class='title'><a href="/board/activity-status/list/1">월별활동현황</a></span> </li> <li data-idx="38" data-parentIdx="32" data-depth="1" data-title="센터홍보영상" data-menuType="page" data-path="promotional-video" data-url="/page/notice/list/1/promotional-video" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="18"><span class='title'><a href="/page/notice/list/1/promotional-video">센터홍보영상</a></span> </li> <li data-idx="39" data-parentIdx="32" data-depth="1" data-title="Q&A" data-menuType="board" data-path="inquiry" data-url="/board/inquiry/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="6" data-pageIdx="0"><span class='title'><a href="/board/inquiry/list/1">Q&A</a></span> </li> <li data-idx="40" data-parentIdx="32" data-depth="1" data-title="칭찬합시다" data-menuType="board" data-path="yivcgood" data-url="/board/yivcgood/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="26" data-pageIdx="0"><span class='title'><a href="/board/yivcgood/list/1">칭찬합시다</a></span> </li> </ul><li data-idx="41" data-parentIdx="0" data-depth="0" data-title="정보센터" data-menuType="board" data-path="form" data-url="/board/form/list/1" data-linkUrl="/board/form/list/1" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="3" data-pageIdx="0"><span class='title'><a href="/board/form/list/1">정보센터</a></span> <ul> <li data-idx="42" data-parentIdx="41" data-depth="1" data-title="서식자료실" data-menuType="board" data-path="form" data-url="/board/form/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="3" data-pageIdx="0"><span class='title'><a href="/board/form/list/1">서식자료실</a></span> </li> <li data-idx="43" data-parentIdx="41" data-depth="1" data-title="온라인 교육" data-menuType="link" data-path="education" data-url="/form/list/1/education" data-linkUrl="/online/video/view.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="8" data-pageIdx="33"><span class='title'><a href="/online/video/view.do">온라인 교육</a></span> </li> <li data-idx="44" data-parentIdx="41" data-depth="1" data-title="자원봉사상해보험" data-menuType="page" data-path="incentive" data-url="/page/form/list/1/incentive" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="43"><span class='title'><a href="/page/form/list/1/incentive">자원봉사상해보험</a></span> </li> <li data-idx="45" data-parentIdx="41" data-depth="1" data-title="영문번역 정보 요청" data-menuType="board" data-path="translation" data-url="/board/translation/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="53" data-pageIdx="0"><span class='title'><a href="/board/translation/list/1">영문번역 정보 요청</a></span> </li> </ul><li data-idx="46" data-parentIdx="0" data-depth="0" data-title="1365 이용가이드" data-menuType="link" data-path="menu5" data-url="/menu5" data-linkUrl="https://www.1365.go.kr/vols/1472176623798/wpge/volsguide1365.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="21"><span class='title'><a href="https://www.1365.go.kr/vols/1472176623798/wpge/volsguide1365.do">1365 이용가이드</a></span> <ul> <li data-idx="47" data-parentIdx="46" data-depth="1" data-title="회원가입" data-menuType="link" data-path="join" data-url="/menu5/join" data-linkUrl="https://www.1365.go.kr/vols/P9940/mber/volsMber.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="21"><span class='title'><a href="https://www.1365.go.kr/vols/P9940/mber/volsMber.do">회원가입</a></span> </li> <li data-idx="48" data-parentIdx="46" data-depth="1" data-title="봉사조회 및 신청" data-menuType="link" data-path="application" data-url="/menu5/application" data-linkUrl="https://www.1365.go.kr/vols/1572247904127/partcptn/timeCptn.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="22"><span class='title'><a href="https://www.1365.go.kr/vols/1572247904127/partcptn/timeCptn.do">봉사조회 및 신청</a></span> </li> <li data-idx="49" data-parentIdx="46" data-depth="1" data-title="확인서 발급" data-menuType="link" data-path="performance-linkage" data-url="/menu5/performance-linkage" data-linkUrl="https://www.1365.go.kr/vols/1472178091420/mypage/partcptnAcmslt.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="23"><span class='title'><a href="https://www.1365.go.kr/vols/1472178091420/mypage/partcptnAcmslt.do">확인서 발급</a></span> </li> <li data-idx="50" data-parentIdx="46" data-depth="1" data-title="봉사실적연계" data-menuType="link" data-path="menu54" data-url="/menu5/menu54" data-linkUrl="https://www.1365.go.kr/vols/1479976181104/mypage/selectSvcrltLinkedList.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="0"><span class='title'><a href="https://www.1365.go.kr/vols/1479976181104/mypage/selectSvcrltLinkedList.do">봉사실적연계</a></span> </li> </ul><li data-idx="51" data-parentIdx="0" data-depth="0" data-title="자원봉사 수요처" data-menuType="link" data-path="customer" data-url="/customer" data-linkUrl="https://yongin1365.or.kr/page/customer/volunteer-list" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="0"><span class='title'><a href="https://yongin1365.or.kr/page/customer/volunteer-list">자원봉사 수요처</a></span> <ul> <li data-idx="52" data-parentIdx="51" data-depth="1" data-title="1365 관리자 페이지" data-menuType="link" data-path="menu55" data-url="/customer/menu55" data-linkUrl="https://public.1365.go.kr/portalLogin.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="0"><span class='title'><a href="https://public.1365.go.kr/portalLogin.do">1365 관리자 페이지</a></span> </li> <li data-idx="53" data-parentIdx="51" data-depth="1" data-title="자원봉사 수요처란?" data-menuType="page" data-path="volunteer-list" data-url="/page/customer/volunteer-list" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="13"><span class='title'><a href="/page/customer/volunteer-list">자원봉사 수요처란?</a></span> </li> <li data-idx="54" data-parentIdx="51" data-depth="1" data-title="수요처 등록 절차 및 양식" data-menuType="board" data-path="procedure-form" data-url="/board/procedure-form/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="32" data-pageIdx="0"><span class='title'><a href="/board/procedure-form/list/1">수요처 등록 절차 및 양식</a></span> </li> <li data-idx="55" data-parentIdx="51" data-depth="1" data-title="온라인 수요처 관리자 교육" data-menuType="page" data-path="lecture" data-url="/page/customer/lecture" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="47"><span class='title'><a href="/page/customer/lecture">온라인 수요처 관리자 교육</a></span> </li> <li data-idx="56" data-parentIdx="51" data-depth="1" data-title="수요처 관리자 업무 매뉴얼" data-menuType="board" data-path="manual" data-url="/board/manual/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="33" data-pageIdx="0"><span class='title'><a href="/board/manual/list/1">수요처 관리자 업무 매뉴얼</a></span> </li> <li data-idx="57" data-parentIdx="51" data-depth="1" data-title="수요처 안내 지도(맵)" data-menuType="link" data-path="menu36" data-url="/customer/menu36" data-linkUrl="/location/list.do" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="0"><span class='title'><a href="/location/list.do">수요처 안내 지도(맵)</a></span> </li> <li data-idx="58" data-parentIdx="51" data-depth="1" data-title="수요처 관리자 소통방" data-menuType="board" data-path="board1" data-url="/board/board1/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="8" data-pageIdx="0"><span class='title'><a href="/board/board1/list/1">수요처 관리자 소통방</a></span> </li> </ul><li data-idx="59" data-parentIdx="0" data-depth="0" data-title="자원봉사자 인센티브" data-menuType="link" data-path="volunteer-incentive" data-url="/volunteer-incentive" data-linkUrl="/page/volunteer-incentive/intro" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="69"><span class='title'><a href="/page/volunteer-incentive/intro">자원봉사자 인센티브</a></span> <ul> <li data-idx="60" data-parentIdx="59" data-depth="1" data-title="인센티브란?" data-menuType="page" data-path="intro" data-url="/page/volunteer-incentive/intro" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="66"><span class='title'><a href="/page/volunteer-incentive/intro">인센티브란?</a></span> </li> <li data-idx="61" data-parentIdx="59" data-depth="1" data-title="인센티브제도" data-menuType="link" data-path="program" data-url="/volunteer-incentive/program" data-linkUrl="/page/volunteer-incentive/program/ordinary" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="67"><span class='title'><a href="/page/volunteer-incentive/program/ordinary">인센티브제도</a></span> <ul> <li data-idx="62" data-parentIdx="61" data-depth="2" data-title="일반자원봉사자" data-menuType="page" data-path="ordinary" data-url="/page/volunteer-incentive/program/ordinary" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="67"><span class='title'><a href="/page/volunteer-incentive/program/ordinary">일반자원봉사자</a></span> </li> <li data-idx="63" data-parentIdx="61" data-depth="2" data-title="우수자원봉사자" data-menuType="page" data-path="outstanding" data-url="/page/volunteer-incentive/program/outstanding" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="68"><span class='title'><a href="/page/volunteer-incentive/program/outstanding">우수자원봉사자</a></span> </li> </ul><li data-idx="64" data-parentIdx="59" data-depth="1" data-title="명예의 전당" data-menuType="board" data-path="Hall-of-Fame" data-url="/board/Hall-of-Fame/list/1" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="21" data-pageIdx="0"><span class='title'><a href="/board/Hall-of-Fame/list/1">명예의 전당</a></span> </li> <li data-idx="65" data-parentIdx="59" data-depth="1" data-title="자원봉사자할인가맹점" data-menuType="page" data-path="benefits" data-url="/page/volunteer-incentive/benefits" data-linkUrl="null" data-isShow="Y" data-isMobileShow="Y" data-boardMasterIdx="0" data-pageIdx="38"><span class='title'><a href="/page/volunteer-incentive/benefits">자원봉사자할인가맹점</a></span> </li> </ul> </ul> </div> <div class="contents-locker"></div> </div> <script> $(document).ready(function(){ $(".slimmenu").slimmenu({ resizeWidth: '767', collapserTitle: 'MENU', animSpeed: 1, easingEffect: null, indentChildren: false, childrenIndenter: ' ' }); $(".slimmenu").find("a").focus(function(){ $(this).trigger("mouseover"); }); $(".slimmenu").find("a").focusout(function(){ $(this).trigger("mouseout"); }); $(".slimmenu").mouseover(function(){ $(".menu-bg").show(); }); $(".slimmenu").mouseleave(function(){ $(".menu-bg").hide(); }); }); function openMobileMenu(){ var mode="right"; var targetDiv=$(".mobile-menu-panel"); var prvX=0; var nxtX=0; if(mode=="left"){ prvX=targetDiv.width()*-1; nxtX=0; }else if(mode=="right"){ prvX=$(document).width()+targetDiv.width(); nxtX=$(document).width()-targetDiv.width(); }else{ $.error("[EWB::ERROR]PLEASE CHECK MOBILE MENU OPTION VALUE"); return; } targetDiv.show(); TweenLite.to(targetDiv, 0, {x:prvX,force3D:true,onComplete: function(){ lockScreen(function(){ targetDiv.show(); $(".contents-locker").click(function(){ console.log("unlock screen"); closeMobileMenu(function(){ unlockScreen(); }); }); TweenLite.to(targetDiv, 0.3, {x:nxtX,force3D:true,onComplete: function(){ console.log("panel is opened"); }}); }); }}); } function closeMobileMenu(callback){ var mode="right"; var targetDiv=$(".mobile-menu-panel"); var prvX=0; var nxtX=0; if(mode=="left"){ prvX=targetDiv.width()*-1; }else if(mode=="right"){ prvX=$(document).width()+targetDiv.width(); }else{ $.error("[EWB::ERROR]PLEASE CHECK MOBILE MENU OPTION VALUE"); return; } TweenLite.to(targetDiv, 0.3, {x:prvX,force3D:true,onComplete: function(){ targetDiv.hide(); if(typeof callback != "undefined"){ callback(); } }}); } </script> </header> <!-- page loading --> <!-- body container section --> <div class="layout-container "> <!-- 사이드 사용안함 --> <div class="col-md-12 contents-container"> <div class="main"> <div class="row"> <div class="col-sm-12 col-xs-12 column col-md-9" style=""> <div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"> <div id="main_banner"> <img src="/data/library/2024/03/ddd.jpg" data-m1="/data/library/2024/03/ddd.jpg" data-m2="/data/library/2024/01/1705636416881.jpg" data-m3="/data/library/2024/08/1723775064727.jpg" alt="메인롤링배너 이미지"> <ul id="main_bannerMenu"> <li> <a href="/board/notice/514" id="m1"> 탄소중립실천 </a> </li> <li> <a href="/board/notice/566" id="m2"> 할인가맹점 소개 </a> </li> <li> </li> <li> </li> <li> </li> </ul> </div> </div> </div> <div class="col-sm-12 col-xs-12 column facebook-iframe col-md-3" style=""> <div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"> <h4 class="main-title" style="color: #3b5998; background: #f6f7f9;" data-mce-style="color: #3b5998; background: #f6f7f9;"> FACEBOOK </h4><!--<div class="facebook-logo">facebook</div>--> <div class="facebook-iframe-wrapper"> <iframe class="facebook-iframe-330" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fyivc13657757%2F&tabs=timeline&width=330&height=379&small_header=false&adapt_container_width=true&hide_cover=true&show_facepile=true&appId" style="border: none; overflow: hidden;" scrolling="no" title="용인시자원봉사센터 페이스북" data-mce-src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fyivc13657757%2F&tabs=timeline&width=330&height=379&small_header=false&adapt_container_width=true&hide_cover=true&show_facepile=true&appId" data-mce-style="border: none; overflow: hidden;" width="100%" height="100%" frameborder="0"> </iframe> <iframe class="facebook-iframe-500" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fyivc13657757%2F&tabs=timeline&width=500&height=379&small_header=false&adapt_container_width=true&hide_cover=true&show_facepile=true&appId" style="border: none; overflow: hidden;" scrolling="no" title="용인시자원봉사센터 페이스북" data-mce-src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fyivc13657757%2F&tabs=timeline&width=500&height=379&small_header=false&adapt_container_width=true&hide_cover=true&show_facepile=true&appId" data-mce-style="border: none; overflow: hidden;" width="500" height="100%" frameborder="0"> </iframe> </div> <p> <br> </p> </div> </div> </div> <div class="row"> <div class="col-sm-12 col-xs-12 column col-md-12 shortcut" style="border:none;"> <div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"> <ul style="padding:0px;"> <li> <a href="https://www.1365.go.kr/vols/1472176623798/wpge/volsguide1365.do"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_01.png" alt="shortcut_icon_01"> </span> <span class="menu-title"> 1365이용 <br>가이드 </span><!--<img src="/data/library/2017/05/link1.png" alt="1365이용 가이드 바로가기 배너">--> </a> </li> <li> <a href="https://www.1365.go.kr/vols/P9210/partcptn/timeCptn.do" target="_blank"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_02.png" alt="shortcut_icon_02"> </span> <span class="menu-title"> 자원봉사 <br>신청 </span><!--<img src="/data/library/2017/05/link2.png" alt="자원봉사 신청 바로가기 배너">--> </a> </li> <li> <a href="/online/video/view.do"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_03.png" alt="shortcut_icon_03"> </span> <span class="menu-title"> 온라인 <br>교육 </span><!--<img src="/data/library/2017/05/link3.png" alt="온라인 교육 바로가기 배너">--> </a> </li> <li> <a href="https://www.yongin1365.or.kr/page/procedure-form/list/1/benefits"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_04.png" alt="shortcut_icon_04"> </span> <span class="menu-title"> 자원봉사자 <br>할인가맹점 </span><!--<img src="/data/library/2017/05/link4.png" alt="인센티브 바로가기 배너">--> </a> </li> <li> <a href="https://www.1365.go.kr/vols/main.do" target="_blank"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_05.png" alt="shortcut_icon_05"> </span> <span class="menu-title"> 확인서 <br>발급 </span><!--<img src="/data/library/2017/05/link5.png" alt="확인서 발급 바로가기 배너">--> </a> </li> <li> <a href="https://www.1365.go.kr/vols/main.do" target="_blank"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_06.png" alt="shortcut_icon_06"> </span> <span class="menu-title"> NEIS <br>연계 </span><!--<img src="/data/library/2017/05/link6.png" alt="NEIS 연계 바로가기 배너">--> </a> </li> <li> <a href="/board/form/list/1"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_07.png" alt="shortcut_icon_07"> </span> <span class="menu-title"> 서식 <br>자료실 </span><!--<img src="/data/library/2017/05/link7.png" alt="서식 자료실 바로가기 배너">--> </a> </li> <li> <a href="/board/news/list/1"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_08.png" alt="shortcut_icon_08"> </span> <span class="menu-title"> 보도자료 </span><!--<img src="/data/library/2017/05/link8.png" alt="보도자료 바로가기 배너">--> </a> </li> <li> <a href="/location/list.do"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_09.png" alt="shortcut_icon_09"> </span> <span class="menu-title"> 수요처 <br>지도 </span><!--<img src="/data/library/2017/05/link9.png" alt="수요처 지도 바로가기 배너">--> </a> </li> <li> <a href="/page/customer/volunteer-list"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_010.png" alt="shortcut_icon_010"> </span> <span class="menu-title"> 수요처 <br>안내 </span><!--<img src="/data/library/2017/05/link10.png" alt="수요처 안내 바로가기 배너">--> </a> </li> <li> <a href="/page/procedure-form/list/1/organization"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_011.png" alt="shortcut_icon_011"> </span> <span class="menu-title"> 봉사단체 <br>안내 </span><!--<img src="/data/library/2017/05/link11.png" alt="봉사단체 안내 바로가기 배너">--> </a> </li> <li> <a href="https://www.yongin1365.or.kr/board/inquiry/list/1"> <!--<span class="fa fa-map-signs"></span>--> <span class="menu-icon"> <img src="/data/library/2018/04/shortcut_icon_012.png" alt="shortcut_icon_012"> </span> <span class="menu-title"> Q&A </span><!--<img src="/data/library/2017/05/link12.png" alt="자원봉사 스케줄 바로가기 배너">--> </a> </li> </ul> </div> </div> </div> <div class="row board-row"> <div class="col-md-4 col-sm-12 col-xs-12 column"> <div class="ge-content ge-content-type-tinymce mce-content-body" data-ge-content-type="tinymce"> <h4 class="main-title"> 공지/소식 <a href="/board/notice/list/1" class="board-more"> 더보기 </a> </h4> <div class="right-side list"> <style> .modal-close-footer{text-align:center;padding:10px;background-color: #eee;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,0.15);cursor:pointer;} .modal-close-footer:hover{background-color: rgba(0,0,0,0.2);} .ewb-plugin-board-list{list-style: none;} .ewb-plugin-board-list li{/* border-bottom:1px solid #ddd;padding:10px 0; *//* height: 32px; line-height: 32px; */} .ewb-plugin-board-list li a{display:block;/* text-overflow: ellipsis;white-space: nowrap;overflow: hidden; */text-align:left;color: #313131;text-decoration: none;cursor:pointer; font-size: 14px; line-height: 32px; height: 32px;} .ewb-plugin-board-list li:last-child{border-bottom:0px;} /* .ewb-plugin-board-list li a:before{content: "■";margin-right:10px;font-size:0.1rem;color:#7d7d7d;} */ .ewb-plugin-board-list li a:before{ content: ""; margin-right: 5px; width: 5px; height: 5px; display: inline-block; background: #7d7d7d; border-radius: 50%; position: relative; top: -13px; } .ewb-plugin-board-list li a .plugin-board-list-title{ display: inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:calc(100% - 90px); overflow:hidden; } .ewb-plugin-board-list li a:hover .plugin-board-list-title{ text-decoration: underline; } .ewb-plugin-board-list li a .plugin-board-list-date{float: right;color:#7d7d7d;} @media screen and (max-width: 767px) { .ewb-plugin-board-list{display: block;} .ewb-plugin-board-list li{display: block;} } </style> <ul class="ewb-plugin-board-list"> <li> <a href="/board/notice/590"> <span class="plugin-board-list-title">"2024 우리동네 눈 치우기 봉사활동" 실적 인증 안내</span> <span class="plugin-board-list-date">2024-11-24</span> </a> </li> <li> <a href="/board/notice/589"> <span class="plugin-board-list-title">재단법인 용인시자원봉사센터 2024년 일반정규직 공개 채용 최종합격자 발표</span> <span class="plugin-board-list-date">2024-11-19</span> </a> </li> <li> <a href="/board/notice/588"> <span class="plugin-board-list-title">재단법인 용인시자원봉사센터장 공개 채용</span> <span class="plugin-board-list-date">2024-11-12</span> </a> </li> <li> <a href="/board/notice/587"> <span class="plugin-board-list-title">2024 탄소중립 영상공모전 선정작(수상자) 공고</span> <span class="plugin-board-list-date">2024-10-28</span> </a> </li> <li> <a href="/board/notice/586"> <span class="plugin-board-list-title">[표창] 2024년 4분기 자원봉사단체 유공 표창 모집___마감</span> <span class="plugin-board-list-date">2024-10-07</span> </a> </li> </ul> <div id="ewb_plugin_board_detail" class="common-modal"> <div class="modal-content login-content"> <div class="modal-header"> <span class="popup-close" onclick="closeBoardContents();">X</span> <h3 id="ewb_plugin_board_detail_title"></h3> <span id="ewb_plugin_board_detail_etc"></span> </div> <div class="modal-body" id="ewb_plugin_board_detail_content"> </div> <div class="modal-close-footer" onclick="closeBoardContents();"> 팝업닫기 </div> </div> </div> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 column"> <div class="ge-content ge-content-type-tinymce mce-content-body" data-ge-content-type="tinymce"> <h4 class="main-title"> 보도자료 <a href="/board/news/list/1" class="board-more"> 더보기 </a> </h4> <div class="right-side list"> <style> .modal-close-footer{text-align:center;padding:10px;background-color: #eee;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,0.15);cursor:pointer;} .modal-close-footer:hover{background-color: rgba(0,0,0,0.2);} .ewb-plugin-board-list{list-style: none;} .ewb-plugin-board-list li{/* border-bottom:1px solid #ddd;padding:10px 0; *//* height: 32px; line-height: 32px; */} .ewb-plugin-board-list li a{display:block;/* text-overflow: ellipsis;white-space: nowrap;overflow: hidden; */text-align:left;color: #313131;text-decoration: none;cursor:pointer; font-size: 14px; line-height: 32px; height: 32px;} .ewb-plugin-board-list li:last-child{border-bottom:0px;} /* .ewb-plugin-board-list li a:before{content: "■";margin-right:10px;font-size:0.1rem;color:#7d7d7d;} */ .ewb-plugin-board-list li a:before{ content: ""; margin-right: 5px; width: 5px; height: 5px; display: inline-block; background: #7d7d7d; border-radius: 50%; position: relative; top: -13px; } .ewb-plugin-board-list li a .plugin-board-list-title{ display: inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:calc(100% - 90px); overflow:hidden; } .ewb-plugin-board-list li a:hover .plugin-board-list-title{ text-decoration: underline; } .ewb-plugin-board-list li a .plugin-board-list-date{float: right;color:#7d7d7d;} @media screen and (max-width: 767px) { .ewb-plugin-board-list{display: block;} .ewb-plugin-board-list li{display: block;} } </style> <ul class="ewb-plugin-board-list"> <li> <a href="/board/news/220"> <span class="plugin-board-list-title">2024 청·청 녹색생활 실천 프로젝트 성과공유회 및 후원금 전달식</span> <span class="plugin-board-list-date">2024-11-22</span> </a> </li> <li> <a href="/board/news/219"> <span class="plugin-board-list-title">용인특례시 2030 청년봉사단 재능나눔 성과공유 워크숍</span> <span class="plugin-board-list-date">2024-11-22</span> </a> </li> <li> <a href="/board/news/218"> <span class="plugin-board-list-title">청청 볼런투어 시즌2 「학과 전공 체험 박람회」</span> <span class="plugin-board-list-date">2024-09-12</span> </a> </li> <li> <a href="/board/news/217"> <span class="plugin-board-list-title">용인특례시 2030 청년봉사단 인구소멸지역 온기나눔 연합봉사활동</span> <span class="plugin-board-list-date">2024-07-02</span> </a> </li> <li> <a href="/board/news/216"> <span class="plugin-board-list-title">단양군자원봉사종합센터 업무협약 체결</span> <span class="plugin-board-list-date">2024-06-21</span> </a> </li> </ul> <div id="ewb_plugin_board_detail" class="common-modal"> <div class="modal-content login-content"> <div class="modal-header"> <span class="popup-close" onclick="closeBoardContents();">X</span> <h3 id="ewb_plugin_board_detail_title"></h3> <span id="ewb_plugin_board_detail_etc"></span> </div> <div class="modal-body" id="ewb_plugin_board_detail_content"> </div> <div class="modal-close-footer" onclick="closeBoardContents();"> 팝업닫기 </div> </div> </div> </div> </div> </div> <div class="col-sm-12 col-xs-12 column intro-clip col-md-4" style=""> <div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"> <h4 class="main-title"> 2024 청․청 녹색생활 실천 프로젝트 성과공유회 </h4> <div class="youtube-contents"> <iframe src="https://www.youtube.com/embed/rq8-VBv0F8g" allowfullscreen="" frameborder="0" data-mce-src="https://www.youtube.com/embed/rq8-VBv0F8g"> </iframe> </div> </div> </div> </div> <div class="row act-gallery"> <div class="col-md-12 col-sm-12 col-xs-12 column"> <div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"> <h4 class="main-title"> 활동사진 <a href="/board/gallery/list/1" class="board-more" data-mce-href="../../../board/gallery/list/1"> 더보기 </a> </h4> <p> <style> .modal-close-footer{text-align:center;padding:10px;background-color: #eee;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,0.15);cursor:pointer;} .modal-close-footer:hover{background-color: rgba(0,0,0,0.2);} .ewb-plugin-boardWebzine h4{ font-weight: 700; margin: 0px; line-height: 45px; border-bottom: 1px solid #e8e8e8; padding-left: 20px; font-size: 1rem; } .ewb-plugin-boardWebzine article{ padding: 20px; } .ewb-plugin-boardWebzine article > .row:first-child { margin-bottom: 10px; } .ewb-plugin-boardWebzine article > .row:first-child .boardWebzine { padding-top:0rem; } .boardWebzine{ /* padding:2rem 0rem 0rem 2rem; */ max-width: calc(25% - 21px); } .boardWebzine:nth-child(1){ margin-right: 13.75px; } .boardWebzine:nth-child(2){ margin: 0 12.5px 0 13.75px; } .boardWebzine:nth-child(3){ margin: 0 13.75px 0 12.5px; } .boardWebzine:nth-child(4){ margin-left: 13.75px; } .boardWebzine a{ color:inherit; text-decoration: none; } .boardWebzine .title{ padding-top: 10px; width: 100%; overflow: hidden; display: inline-block; text-overflow: ellipsis; font-size: 14px; box-sizing: border-box; height: 30px; line-height: 20px; } .boardWebzine .title a{ display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; } .boardWebzine .text{ width: 100%; /* height: 250px; */ /* border:1px solid #ddd; */ } .boardWebzine .content{ width:100%; height: 150px; padding:0px; word-wrap: break-word; overflow:hidden; white-space:normal; text-overflow: ellipsis; position: relative; line-height: 1.5em; font-size: 0.85rem; } .boardWebzine .content-screen{ position: absolute; width:100%; height:100%; background-color: transparent; } .boardWebzine .text:hover{ /* background-color: #f8f8f8; */ } .boardWebzine .text:hover .title a{ text-decoration: underline; } @media (max-width: 767px) { .boardWebzine{ /* padding: 1rem 0rem 0rem 0rem; */ max-width: calc(50% - 11px); } .boardWebzine:nth-child(1){ margin-right: 10px; } .boardWebzine:nth-child(2){ margin: 0 0 0 10px; } .boardWebzine:nth-child(3){ margin: 0 10px 0 0; } .boardWebzine:nth-child(4){ margin-left: 10px; } } @media (max-width: 575px) { .boardWebzine{ /* padding: 1rem 0rem 0rem 0rem; */ max-width: 100%; } .boardWebzine:nth-child(1){ margin-right: 0px; } .boardWebzine:nth-child(2){ margin: 0 0 0 0px; } .boardWebzine:nth-child(3){ margin: 0 0px 0 0; } .boardWebzine:nth-child(4){ margin-left: 0px; } } @media (max-width: 767px) { .ewb-plugin-boardWebzine article > .row:first-child .boardWebzine { /* padding: 2rem 0rem 0rem 0rem; */ } .ewb-plugin-boardWebzine article > .row:first-child .boardWebzine:first-child { /* padding: 0rem 0rem 0rem 0rem; */ } } </style> <section class="ewb-plugin-boardWebzine"> <!-- <h4>활동사진</h4>--> <article> <div class="row"> <section class="col-md-3 boardWebzine"> <form class="boardDetailForm" action="" method="POST"> <div class="text" style="overflow:hidden;"> <div class="content"> <a href="/board/gallery/1212"> <div class="content-screen"> <p style="text-align: center;"><img src="/data/board/2024/11/all_7.png" alt="보드 첨부이미지" width="1200" height="4800"><br></p><p style="text-align: center;">제로웨이스트란 일회용품 사용을 줄이고</p><p style="text-align: center;">일상 생활용품을 재활용하여 쓰레기 배출을 최소화해</p><p style="text-align: center;">탄소중립을 실천하는 방법이에요.</p><p style="text-align: center;"> </p><p style="text-align: center;">물건을 구매할 때 비닐봉지 사용을 줄이고 장바구니를</p><p style="text-align: center;">이용하며 불필요한 포장재를 줄여주세요.</p><p style="text-align: center;">버리려고 했던 물건이 있다면 리폼을 하거나</p><p style="text-align: center;">분리배출 방법에 더 신경을 써 주세요.</p><p style="text-align: center;"> </p><p style="text-align: center;">썩지 않는 플라스틱 대신 자연분해되는 제품을</p><p style="text-align: center;">사용하는 것도 제로웨이스트 실천 방법 중 하나랍니다.</p><p style="text-align: center;"> </p><p style="text-align: center;">용인시자원봉사센터와 함께</p><p style="text-align: center;">제로웨이스트를 실천하며</p><p style="text-align: center;">환경을 보호하고 건강한 지구를 만들어요!</p> </div> </a> </div> <div class="title"> <a href="/board/gallery/1212"> [지구를 위한 행동] 생활 속 탄소중립 실천해요! - 제로웨이스트 실천하기 </a> </div> </div> </form> </section> <section class="col-md-3 boardWebzine"> <form class="boardDetailForm" action="" method="POST"> <div class="text" style="overflow:hidden;"> <div class="content"> <a href="/board/gallery/1211"> <div class="content-screen"> <p><img src="../../data/board/2024/11/1732256522518.jpg" alt="보드 첨부이미지" width="6000" height="4000"></p><p>일시 : 2024. 11. 19.(화) 14:30</p><p>장소 : 용인시청 컨벤션홀</p><p>인원 : 민,관,산,학 80여명</p><p>내용</p><p>- 2024년 탄소중립 실천 추진성과 보고</p><p>- 후원금 전달식 및 시상</p><p>- 환경교육단 및 참여학교 학생 대표 사례 및 소감발표</p> </div> </a> </div> <div class="title"> <a href="/board/gallery/1211"> 2024 청·청 녹색생활 실천 프로젝트 성과공유회 및 후원금 전달식 </a> </div> </div> </form> </section> <section class="col-md-3 boardWebzine"> <form class="boardDetailForm" action="" method="POST"> <div class="text" style="overflow:hidden;"> <div class="content"> <a href="/board/gallery/1210"> <div class="content-screen"> <p style="text-align: center;"><img src="/data/board/2024/11/all_6.jpg" alt="보드 첨부이미지" width="1200" height="3600"><br></p><p style="text-align: center;">지난 11월 15일, 경기도 내 공공기관 및 기업의</p><p style="text-align: center;">사회공헌 담당자를 위한 특별한 행사</p><p style="text-align: center;">‘2024 경기도 사회공헌 담당자 만남과 대화’가 진행되었습니다.</p><p style="text-align: center;"> </p><p style="text-align: center;">해당 행사는 사회공헌 트렌드를 배우고</p><p style="text-align: center;">우수 사례를 공유하며 사람책 프로그램을 통해</p><p style="text-align: center;">다양한 경험을 나누는 소통의 장이었는데요.</p><p style="text-align: center;"> </p><p style="text-align: center;">용인시자원봉사센터는 탄탄대로 공동캠페인 2차</p><p style="text-align: center;">탄소 저감량 2순위 기관으로 선정되어 ‘우수 사회공헌 표창</p><p style="text-align: center;">경기도자원봉사센터 이사장상’을 수여받았습니다!</p> </div> </a> </div> <div class="title"> <a href="/board/gallery/1210"> 2024 경기도 사회공헌 담당자 만남과 대화 </a> </div> </div> </form> </section> <section class="col-md-3 boardWebzine"> <form class="boardDetailForm" action="" method="POST"> <div class="text" style="overflow:hidden;"> <div class="content"> <a href="/board/gallery/1209"> <div class="content-screen"> <p style="text-align: center;"><img src="/data/board/2024/11/all_6.png" alt="보드 첨부이미지" width="1200" height="4800"><br></p><p style="text-align: center;">11월 3주차<br>봉사활동 모집 소식!</p><p style="text-align: center;">봉사활동은 하고 싶은데<br>어떤 봉사활동이 있는지 모르겠다면?</p><p style="text-align: center;">지금 이 카드뉴스를 주목하세요!</p><p style="text-align: center;">더 많은 봉사활동 모집 소식을 알고 싶다면<br>아래 링크를 확인하세요!<br>→ https://bit.ly/40lhWLr</p><p style="text-align: center;">앞으로도 용인시의 다양한 봉사활동 모집 소식을<br>용인시자원봉사센터가 알려드릴게요.<br>많은 관심 부탁드립니다!</p> </div> </a> </div> <div class="title"> <a href="/board/gallery/1209"> 용인시 11월 3주차 봉사활동 모집 소식 </a> </div> </div> </form> </section> </div> <div class="row"> <section class="col-md-3 boardWebzine"> <form class="boardDetailForm" action="" method="POST"> <div class="text" style="overflow:hidden;"> <div class="content"> <a href="/board/gallery/1208"> <div class="content-screen"> <p><img src="/data/board/2024/11/1732014219712.jpg" alt="보드 첨부이미지" width="2800" height="2100"><br></p><p>일시 : 2024. 11. 9.(토). ~ 10.(일)</p><p>장소 : 용인시청, 처인구 모현읍, 포곡읍, 양지면, 유림동</p><p>인원 : 용인특례시 2030 청년봉사단 120명</p><p>내용 : 교양과 상식을 위한 인문학 강의 및 지역활력 연합봉사활동</p> </div> </a> </div> <div class="title"> <a href="/board/gallery/1208"> 용인특례시 2030 청년봉사단 재능나눔 성과공유 워크숍 </a> </div> </div> </form> </section> <section class="col-md-3 boardWebzine"> <form class="boardDetailForm" action="" method="POST"> <div class="text" style="overflow:hidden;"> <div class="content"> <a href="/board/gallery/1207"> <div class="content-screen"> <p style="text-align: center;"><img src="/data/board/2024/11/all_5.jpg" alt="보드 첨부이미지" width="1200" height="4800"><br></p><p style="text-align: center;">자원봉사와 인권!</p><p style="text-align: center;">Ep.03 자원봉사자 인권보장의 책무자</p><p style="text-align: center;"> </p><p style="text-align: center;">자원봉사자의 인권보장을 위해</p><p style="text-align: center;">국가는 개인이 가지는 불가침의 기본적 인권을</p><p style="text-align: center;">확인하고 이를 보장할 의무를 집니다.</p><p style="text-align: center;"> </p><p style="text-align: center;">자원봉사센터는 자원봉사 정책 개발 및 보급부터</p><p style="text-align: center;">자원봉사자 모집과 교육, 활동 수요처에</p><p style="text-align: center;">자원봉사자를 연결해 주는 역할을 합니다.</p><p style="text-align: center;"> </p><p style="text-align: center;">따라서 자원봉사자뿐만 아니라</p><p style="text-align: center;">자원봉사 현장 인권보장에 대한 책무를 담당하는데요.</p><p style="text-align: center;"> </p><p style="text-align: center;">자원봉사자 인권보장의 책무에 대한</p><p style="text-align: center;">자세한 내용은 카드뉴스로 확인해 보세요!</p> </div> </a> </div> <div class="title"> <a href="/board/gallery/1207"> 자원봉사와 인권! - Ep.03 자원봉사자 인권보장의 책무자 </a> </div> </div> </form> </section> <section class="col-md-3 boardWebzine"> <form class="boardDetailForm" action="" method="POST"> <div class="text" style="overflow:hidden;"> <div class="content"> <a href="/board/gallery/1206"> <div class="content-screen"> <p style="text-align: center;"><img src="/data/board/2024/11/01.png" alt="보드 첨부이미지" width="1200" height="1200"><br></p><p style="text-align: center;">용인시자원봉사센터의 11월 뉴스레터 핵심요약을 전해드립니다.</p><p style="text-align: center;"> </p><p style="text-align: center;">① 2024 경기도자원봉사관리자대회 & 우수관리자 표창</p><p style="text-align: center;">② 용인시 협업기관 합동 김장 봉사활동</p><p style="text-align: center;">③ 폐전자제품 수거 자원순환을 위한 임직원 사회 공헌 활동</p><p style="text-align: center;">④ 자원봉사 단체등록 무엇이 좋은가?</p> </div> </a> </div> <div class="title"> <a href="/board/gallery/1206"> 용인시자원봉사센터 11월 뉴스레터 핵심요약! </a> </div> </div> </form> </section> <section class="col-md-3 boardWebzine"> <form class="boardDetailForm" action="" method="POST"> <div class="text" style="overflow:hidden;"> <div class="content"> <a href="/board/gallery/1205"> <div class="content-screen"> <p><img src="/data/board/2024/11/1731631332397.jpg" alt="보드 첨부이미지" width="1000" height="4000"><br></p><p><br></p><p>캘리그라피 전문봉사단 7회차 교육이 진행되었습니다!<br><br>이번 시간에는 행사 현장에서 글씨 쓰는 노하우에 대해 배웠습니다<br><br>엽서, 부채, 에코백에 캘리그라피 문구를 작성해보고, 상황에 맞는 문구를 작성해보았습니다~<br><br>7회차 시간동안 획을 긋는 방법과 한 글자 쓰기, 문구 선정 노하우 등 다양한 수업이 진행되었는데요~!<br><br>1년동안 그린나래 캘리그라피 전문봉사단 선생님들께서는 3번의 재능나눔 부스 운영과 더불어 우수봉사자를 위한 생일 카드 제작과 다양한 캠페인에 참여해주셨습니다!!!<br><br>2024년 온, 오프라인으로 다양한 활동을 해주신 그린나래 캘리그라피 전문봉사단 선생님들께 감사드립니다!<br><br>심화교육이 끝난 이후에도 선생님들의 월별 스터디는 계속될 예정입니다!<br><br>내년에도 온,오프라인에서의 다양한 활동들을 기대해주세요~<br><br>-재단법인 용인시자원봉사센터 활동지원팀-<br></p> </div> </a> </div> <div class="title"> <a href="/board/gallery/1205"> 2024 캘리그라피 전문봉사단 심화교육과정 7회 현장 </a> </div> </div> </form> </section> </div> </article> </section> </p> </div> </div> </div> <div class="row webzine-wrapper"> <div class="col-sm-12 col-xs-12 column col-md-9" style=""> <div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"> <div class="image"> <!--<img src="/data/library/2017/11/2017-11.jpg" width="100%" alt="용인시자원봉사센터 웹진 이미지">--> <style> .cover-one-link{ display:inline-block; width:100%; height:100%; background:url(/data/board/) no-repeat; margin: 0px; padding: 0px; background-size: cover; background-position: center; } .cover-one{ display:block; width:100%; } @media (max-width:767px){ .cover-one-link{ min-height:auto; background:none; } .cover-one{ display:inline-block; } } </style> <a class="cover-one-link" href="/board/activity-status/145"> <img src="/data/board/" alt="2024년 10월 뉴스레터(101호) 커버이미지" class="cover-one"/> </a> </div> </div> </div> <div class="col-sm-12 col-xs-12 column col-md-3" style=""> <div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"> <h4 class="main-title"> 웹진 <a href="/board/activity-status/list/1" class="board-more"> 더보기 </a> </h4> <div class="right-side list"> <style> .modal-close-footer{text-align:center;padding:10px;background-color: #eee;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,0.15);cursor:pointer;} .modal-close-footer:hover{background-color: rgba(0,0,0,0.2);} .ewb-plugin-board-list{list-style: none;} .ewb-plugin-board-list li{/* border-bottom:1px solid #ddd;padding:10px 0; *//* height: 32px; line-height: 32px; */} .ewb-plugin-board-list li a{display:block;/* text-overflow: ellipsis;white-space: nowrap;overflow: hidden; */text-align:left;color: #313131;text-decoration: none;cursor:pointer; font-size: 14px; line-height: 32px; height: 32px;} .ewb-plugin-board-list li:last-child{border-bottom:0px;} /* .ewb-plugin-board-list li a:before{content: "■";margin-right:10px;font-size:0.1rem;color:#7d7d7d;} */ .ewb-plugin-board-list li a:before{ content: ""; margin-right: 5px; width: 5px; height: 5px; display: inline-block; background: #7d7d7d; border-radius: 50%; position: relative; top: -13px; } .ewb-plugin-board-list li a .plugin-board-list-title{ display: inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:calc(100% - 90px); overflow:hidden; } .ewb-plugin-board-list li a:hover .plugin-board-list-title{ text-decoration: underline; } .ewb-plugin-board-list li a .plugin-board-list-date{float: right;color:#7d7d7d;} @media screen and (max-width: 767px) { .ewb-plugin-board-list{display: block;} .ewb-plugin-board-list li{display: block;} } </style> <ul class="ewb-plugin-board-list"> <li> <a href="/board/activity-status/145"> <span class="plugin-board-list-title">2024년 10월 뉴스레터(101호)</span> <span class="plugin-board-list-date">2024-10-22</span> </a> </li> <li> <a href="/board/activity-status/144"> <span class="plugin-board-list-title">2024년 9월 뉴스레터(100호)</span> <span class="plugin-board-list-date">2024-09-19</span> </a> </li> <li> <a href="/board/activity-status/143"> <span class="plugin-board-list-title">2024년 8월 뉴스레터(99호)</span> <span class="plugin-board-list-date">2024-08-29</span> </a> </li> <li> <a href="/board/activity-status/141"> <span class="plugin-board-list-title">2024년 7월 뉴스레터(98호)</span> <span class="plugin-board-list-date">2024-07-26</span> </a> </li> <li> <a href="/board/activity-status/139"> <span class="plugin-board-list-title">2024년 6월 뉴스레터(97호)</span> <span class="plugin-board-list-date">2024-06-17</span> </a> </li> <li> <a href="/board/activity-status/138"> <span class="plugin-board-list-title">2024년 5월 뉴스레터(96호)</span> <span class="plugin-board-list-date">2024-05-17</span> </a> </li> <li> <a href="/board/activity-status/137"> <span class="plugin-board-list-title">2024년 4월 뉴스레터(95호)</span> <span class="plugin-board-list-date">2024-04-26</span> </a> </li> <li> <a href="/board/activity-status/136"> <span class="plugin-board-list-title">2023년 12월 뉴스레터(94호)</span> <span class="plugin-board-list-date">2023-12-21</span> </a> </li> <li> <a href="/board/activity-status/135"> <span class="plugin-board-list-title">2023년 11월 뉴스레터(93호)</span> <span class="plugin-board-list-date">2023-11-10</span> </a> </li> </ul> <div id="ewb_plugin_board_detail" class="common-modal"> <div class="modal-content login-content"> <div class="modal-header"> <span class="popup-close" onclick="closeBoardContents();">X</span> <h3 id="ewb_plugin_board_detail_title"></h3> <span id="ewb_plugin_board_detail_etc"></span> </div> <div class="modal-body" id="ewb_plugin_board_detail_content"> </div> <div class="modal-close-footer" onclick="closeBoardContents();"> 팝업닫기 </div> </div> </div> </div> </div> </div> </div><!--<div class="row support-row"><div class="col-md-12 col-sm-12 col-xs-12 column"><div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"><div class="support"><ul class="rolling"><li><a class="bImg1" href="http://www.idibc.kr/" target="_blank"><img src="/data/library/2017/05/ind.gif" width="125" height="46" alt="아이앤디(주) 로고"></a></li><li><img src="/data/library/2017/05/rm.gif" width="125" height="46" alt="제휴처 로고"></li><li><img src="/data/library/2017/05/ssenc.gif" width="125" height="46" alt="에스에스이엔씨(주) 로고"></li><li><a class="bImg1" href="http://www.aonerental.co.kr/" target="_blank"><img src="/data/library/2017/05/aone.gif" width="125" height="46" alt="(주)에이원렌탈 로고"></a></li><li><a class="bImg1" href="http://youngkook.com/" target="_blank"><img src="/data/library/2017/05/youngkook.png" width="125" height="46" alt="(주)영국전자 로고"></a></li><li><a class="bImg1" href="http://ymys.kr/" target="_blank"><img src="/data/library/2017/05/yongmoon.jpg" width="125" height="46" alt="(주)용문산업 화상영어 로고"></a></li><li><img src="/data/library/2017/05/iho.jpg" width="125" height="46" alt="이호자산관리 주식회사 로고"></li><li><img src="/data/library/2017/05/koreaquick.jpg" width="125" height="46" alt="코리아 쿽 로지스틱스(주) 로고"></li><li><img src="/data/library/2017/05/skgas.jpg" width="125" height="46" alt="SK 가스연합 로고"></li><li><img src="/data/library/2017/05/ganhnam.jpg" width="125" height="46" alt="KN 강남여객 로고"></li><li><a class="bImg1" href="http://cafe.naver.com/marobyeol/" target="_blank"><img src="/data/library/2017/05/morobyeol.jpg" width="125" height="46" alt="marobyeol 로고"></a></li><li><a class="bImg1" href="http://blog.daum.net/gk117/" target="_blank"><img src="/data/library/2017/05/myungcar.jpg" width="125" height="46" alt="명차공업사 로고"></a></li><li><img src="/data/library/2017/05/seowon.jpg" width="125" height="46" alt="(주)서원아스콘 로고"></li><li><img src="/data/library/2017/05/yoinginjeil.jpg" width="125" height="46" alt="용인제일한의원 로고"></li><li><a class="bImg1" href="http://www.pntsyst.co.kr/" target="_blank"><img src="/data/library/2017/05/pnt.jpg" width="125" height="46" alt="PNT 로고"></a></li><li><img src="/data/library/2017/05/hankukoil.gif" width="125" height="46" alt="KNOC 한국석유공사 로고"></li><li><img src="/data/library/2017/05/geumdang.gif" width="125" height="46" alt="(주)금당테크놀러지 로고"></li><li><a class="bImg1" href="http://www.nhncs.com" target="_blank"><img src="/data/library/2017/05/nhncs.gif" width="125" height="46" alt="(주)나눔앤해피 로고"></a></li><li><img src="/data/library/2017/05/dongwoo.gif" width="125" height="46" alt="(주)동우바이오 로고"></li><li><a class="bImg1" href="http://www.sehong.net/" target="_blank"><img src="/data/library/2017/05/sehong.gif" width="125" height="46" alt="(주)세홍 로고"></a></li><li><img src="/data/library/2017/06/1497255918406.jpg" width="125" height="46" alt="노블레스 병원 로고"></li><li><img src="/data/library/2017/06/1497255918511.jpg" width="125" height="46" alt="니스코 이앤씨(주) 로고"></li><li><img src="/data/library/2017/06/1497255918525.jpg" width="125" height="46" alt="더빅 로고"></li><li><img src="/data/library/2017/06/1497255918559.jpg" width="125" height="46" alt="raon optics 로고"></li><li><img src="/data/library/2017/06/1497255918572.jpg" width="125" height="46" alt="(주)씨엠에스 로고"></li><li><img src="/data/library/2017/06/1497255918585.jpg" width="125" height="46" alt="제휴처 로고"></li><li><img src="/data/library/2017/06/1497255918608.jpg" width="125" height="46" alt="유신종합건설주식회사 로고"></li><li><img src="/data/library/2017/06/1497255918687.jpg" width="125" height="46" alt="자연요양원 로고"></li><li><img src="/data/library/2017/06/1497255918706.jpg" width="125" height="46" alt="용인중앙병원 로고"></li><li><img src="/data/library/2017/06/1497255918737.jpg" width="125" height="46" alt="(주)코렉스시스템 로고"></li><li><img src="/data/library/2017/06/1497255918764.jpg" width="125" height="46" alt="(주)하나워즈 로고"></li></ul></div></div></div></div>--> <div class="main-floating-aside-right visible-lg visible-md hideBeforeReady showAfterReady" style="opacity: 1;"> <div class="row quick-menu quick-menu-sns"> <div class="col-md-12 col-sm-12 col-xs-12 column"> <div class="ge-content ge-content-type-tinymce" data-ge-content-type="tinymce"> <h2> SNS 바로가기 </h2> <ul> <li class="Blog"> <a href="https://blog.naver.com/yivc_1365" target="_blank"> <span class="icon"> <img src="/data/library/2022/03/Blog.png" alt="Blog"> </span>블로그 </a> </li> <li class="Facebook"> <a href="https://www.facebook.com/yivc13657757" target="_blank"> <span class="icon "> <img src="/data/library/2022/03/Facebook.png" alt="Facebook"> </span>페이스북 </a> </li> <li class="Instagram"> <a href="https://www.instagram.com/yongin.volunteer/?hl=ko" target="_blank"> <span class="icon "> <img src="/data/library/2022/03/Instagram.png" alt="Instagram"> </span>인스타그램 </a> </li> <li class="Youtube"> <a href="https://www.youtube.com/channel/UCpAXy_TeIfwZQbqTNvT4Gew/videos" target="_blank"> <span class="icon "> <img src="/data/library/2022/03/Youtube.png" alt="Youtube"> </span>유튜브 </a> </li> <li class="KakaoTalk"> <a href="https://pf.kakao.com/_SxoBjj" target="_blank"> <span class="icon "> <img src="/data/library/2022/03/KakaoTalk.png" alt="KakaoTalk"> </span>카카오톡채널 </a> </li> <li class="KakaoTalk"> <a href="https://archives.v1365.or.kr" target="_blank"> <span class="icon "> <img src="/data/library/2023/08/side_yongin1365_logo.jpg" alt="KakaoTalk"> </span>아카이브 </a> </li> </ul> </div> </div> </div> </div> </div> <style> .ewb-popup-container{ display:none; position:fixed; z-index:1000000; width:300px; height: 400px; border:1px solid #ccc; box-sizing: border-box; box-shadow:4px 4px 4px rgba(0,0,0,0.2); } @media (max-width: 1024px) { .ewb-popup-container { max-width: calc(100vw - 20px); max-height: calc(100vh - 20px); } } .ewb-popup-container > .ewb-popup-header{ display: block; font-size:16px; background-color: #222; color:#fff; height: 30px; vertical-align: middle; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:0px 5px; } .ewb-popup-container > .ewb-popup-body{ height: calc(100% - 60px); background-color: #fff; padding:10px; } .ewb-popup-container > .ewb-popup-body p{ display: block !important; border:none !important; margin:0px !important; padding:0.4rem 0rem !important; font-weight: normal !important; } .ewb-popup-container > .ewb-popup-body iframe{ max-width:100% !important; max-height: 100% !important; height: auto !important; } .ewb-popup-container > .ewb-popup-body strong{ font-weight: 600 !important; } .ewb-popup-container > .ewb-popup-footer{ background-color: #6d6d6d; color:#fff; height: 30px; } .ewb-popup-container > .ewb-popup-footer > label{ vertical-align: middle; line-height: 30px; font-size:0.9rem; cursor:pointer; display: inline-block; width: auto; cursor:pointer; } .ewb-popup-container > .ewb-popup-footer > label span{ font-weight: 400 !important; } .ewb-popup-container > .ewb-popup-footer > button{ float:right; width:100px; height: 24px; margin:3px 5px; text-align: center; color:#fff; background-color: #8c8c8c; } .ewb-popup-container > .ewb-popup-footer > label > input[type=checkbox]{ } </style> <script> var g_ewb_plugin_popup_init=false; $(document).ready(function(){ try{ if(g_ewb_plugin_popup_init==false){ g_ewb_plugin_popup_init=true; window.ewb={ popup:{lastResizeTm:0} }; renderPopup(); var timerObj=null; $(window).resize(function(){ var now=new Date().getTime(); if(now-window.ewb.popup.lastResizeTm<300){ if(timerObj!=null){ clearTimeout(timerObj); } } timerObj=setTimeout(function(){ console.log("real rendering..."); renderPopup(); },300); window.ewb.popup.lastResizeTm=now; }); function renderPopup(){ var isMobile=false; if(window.innerWidth<1024){ isMobile=true; } var w=window.innerWidth; var h=window.innerHeight; var popupCnt=0; $($(".ewb-popup-container").get().reverse()).each(function(k,v){ var popup=$(this); var position=popup.attr("data-position"); var pid=popup.find(".ewb-popup-hide-check").attr("data-pid"); //check no-show flag from cookie var hideYn=$.cookie("ewb-popup-noshow-"+pid); if(hideYn=="Y"){ popup.remove(); return true; //continue } var left=10; var top=10; var pw=popup.width(); var ph=popup.height(); if(position.indexOf("LFT")>-1){ left=10; }else if(position.indexOf("CTR")>-1){ left=w/2-pw/2; }else if(position.indexOf("RGT")>-1){ left=w-pw-10; } if(position.indexOf("TOP")>-1){ top=10; }else if(position.indexOf("MID")>-1){ top=h/2-ph/2; }else if(position.indexOf("BTM")>-1){ top=h-ph-10; } if(isMobile){ $("body").prepend(popup.detach()); popup.css({left:10,top:(popupCnt*30)+10,position:"absolute",transition:"0.3s"}); }else{ popup.css({left:left,top:top,position:"fixed",transition:"0.3s"}); } //popup.appendTo("body"); popup.show(); //close and cookie event popup.find(".ewb-popup-close-button").click(function(){ popup.remove(); }); popup.find(".ewb-popup-hide-check").click(function(){ var val=$(this).find("input[type=checkbox]").is(":checked"); var pid=$(this).attr("data-pid"); if(val){ $.cookie("ewb-popup-noshow-"+pid,"Y",{expires:7}); popup.remove(); } }); popupCnt++; }); } } }catch(e){ alert("[EWB::POPUP-PLUGIN] INITIALIZATION FAILED\n\n"+e); } }); </script> </div> </div> <script> /* main_banner */ $(document).ready(function(){ var left = 0; $(".rolling li").each(function(){ $(this).css("left",left+"px"); left = left + 150; }); setInterval(function(){ $(".rolling li").each(function(){ var position = $(this).position().left; if(position < -150){ position = position + 3000; } $(this).css("left", position-1); // 1px씩 왼쪽으로 이동 }); },50); }); var sourceSwap = function (){ var $this = $("#main_banner img"); var newSourceId = $(this).attr('id'); var newSourceSrc = $("#main_banner img").attr('data-'+newSourceId); //console.log("hover : " + newSourceSrc); $this.attr('src', newSourceSrc); } $(function(){ $("#main_bannerMenu li a").mouseover(sourceSwap, sourceSwap); }); var imgArray = new Array(); $(document).ready(function(){ imgArray.push($('#main_banner').find('img').attr('data-m1')); imgArray.push($('#main_banner').find('img').attr('data-m2')); imgArray.push($('#main_banner').find('img').attr('data-m3')); imgArray.push($('#main_banner').find('img').attr('data-m4')); }); $(function(){ var $slides=$('#main_banner').find('img'); var $slides_Menu = $('#main_banner').find('ul'); var $slideCount=imgArray.length; var $currentIndex=0; $slides.eq($currentIndex).fadeIn(); function showNextSlides(){ var $nextIndex=($currentIndex+1)%$slideCount; $currentIndex=$nextIndex; $slides.attr("src",imgArray[$currentIndex]); } setInterval(showNextSlides, 4000); //3초마다 다음 이미지로 이동 반복 }); /* popup */ $(document).ready(function(){ processPopupImage(); processPopup(); }); function setCookie(name, value, expiredays) { var today = new Date(); today.setDate(today.getDate() + expiredays); document.cookie = name + '=' + escape(value) + '; path=/; expires=' + today.toGMTString() + ';' } function getCookie(name){ var wcname = name + '='; var wcstart, wcend, end; var i = 0; while(i <= document.cookie.length){ wcstart = i; wcend = (i + wcname.length); if(document.cookie.substring(wcstart, wcend) == wcname){ if((end = document.cookie.indexOf(';', wcend)) == -1) end = document.cookie.length; return document.cookie.substring(wcend, end); } i = document.cookie.indexOf('', i) + 1; if(i == 0) break; } return ''; } String.prototype.hashCode = function() { var hash = 0, i, chr; if (this.length === 0) return hash; for (i = 0; i < this.length; i++) { chr = this.charCodeAt(i); hash = ((hash << 5) - hash) + chr; hash |= 0; // Convert to 32bit integer } return hash; }; function processPopup(){ var str = $(".ewb-popup-banner1").text(); var hash = str.hashCode(); $(".ewb-popup-banner1").addClass("ewb-popup-banner"); if(getCookie('510popup1') != hash){ $(".ewb-popup-banner").append("<div class='popup-footer'><a href='javascript:closePopup(\"510popup1\");' >닫기</a><span>오늘 하루 보이지 않음 <input type='checkbox' name='notToday' onclick='closePopupOneDay(\"510popup1\",\""+hash+"\");'></span></div>"); $(".ewb-popup-banner").show(); $(".ewb-popup-banner").draggable({ cancel: "div.popup-footer" }); } } function closePopup(popupName){ if(popupName=="510popup1"){ $(".ewb-popup-banner1").hide(); }else if(popupName=="510popup2"){ $(".ewb-popup-banner2").hide(); }else if(popupName=="510popup3"){ $(".ewb-popup-banner3").hide(); } } function closePopupOneDay(popupName,hash){ setCookie(popupName, hash, 1); closePopup(); } function processPopupImage(){ $(".ewb-popup-images img").each(function(k,v){ var alt=$(v).attr("alt"); var desc=$(v).attr("desc"); if(typeof alt=="undefined" || alt==null){alt="";} if(typeof desc=="undefined" || desc==null){desc="";} $(v).click(function(){ createPopupImageView(v, alt, desc); }); }); $(".ewb-popup-images img").hover(function(){ $(this).transition({scale:1.1},200); }).mouseout(function(){ $(this).transition({ scale:1},100); }); } function createPopupImageView(v, title, desc){ $(document).find("body").css({overflow:"hidden"}); var imgTag="<img src='"+$(v).attr("src")+"'/>'"; var tag="<div onclick='removePopupImageView();' class='rich-image-viewer'><div>"+imgTag+"<br/>"; if(title!=""){tag+="<h2>“"+title+"”</h2>";} if(desc!=""){tag+="<p>"+desc+"</p>";} tag+="<span>X</span></div></div>"; $(document).find("body").append(tag); $(document).find(".rich-image-viewer div").transition({scale:0},0).transition({prspective:'100px', scale:1}); } function removePopupImageView(){ $(document).find("body").css({overflow:"auto"}); try{ $(document).find(".rich-image-viewer div").transition({scale:1.0},0).transition({prspective:'100px', scale:1.3,opacity:0},300); }catch(e){ console.log("Transition library is not found. Skip animation effect"); } setTimeout(function(){ try{ $(document).find(".rich-image-viewer").transition({prspective:'100px', opacity:0},200); }catch(e){ console.log("Transition library is not found. Skip animation effect"); } setTimeout(function(){ $(".rich-image-viewer").remove(); },200); },300); } </script> <!-- common footer --> <footer id="footer"> <div class="footer-container"> <article class="row"> <section class="col-md-9 col-sm-12 col-xs-12 footer-company-description"> <h2>재단법인 용인시자원봉사센터</h2> <p>재단법인 용인시자원봉사센터는 용인시 자원봉사자 활동 지원을 통해 다함께 행복하고 살기 좋은 도시를 만들고자 노력하고 있습니다.</p> </section> <section class="col-md-3 col-sm-12 col-xs-12 footer-acrc"> <a href="http://job.cleaneye.go.kr" target="_blank" style=" top: -9px;"> <img src="/data/library/2020/03/jobPlus.png" alt="jobPlus"> </a> <a href="http://www.acrc.go.kr/acrc/board.do?command=searchDetail&menuId=0502" target="_blank" style="max-width: 121px;"> <img src="/data/library/2018/06/acrc-logo.jpg" alt="acrc-logo"> </a> </section> <section class="col-md-12 col-sm-12 col-xs-12"> <div class="footer-common-menu"> <a href="/contents/privacy/terms.do">개인정보 취급방침</a> <a href="/page?id=25">이메일무단수집거부</a> <a href="/page?id=26">사이트맵</a> <a href="/page/center-intro/map">찾아오시는길</a> <a href="/page?id=27">관련사이트</a> </div> </section> <section class="col-md-9 col-sm-12 col-xs-12 footer-company-information"> <ul> <li><span>회사명</span> <span>재단법인 용인시자원봉사센터</span></li> <li><span>대표자</span> <span></span></li> <li><span>고유번호</span> <span>142-82-03699</span></li> <li><span>개인정보책임관리자</span> <span></span></li> <li><span>주소</span> <span>(17019) 경기도 용인시 처인구 중부대로 1199 용인시청 제2별관</span></li> <li><span>고객지원메일</span> <span>yivc7757@v1365.or.kr</span></li> <li><span>팩스</span> <span>031-629-7757</span></li> <li><span>전화번호</span> <span>1544-7115</span></li> <li><span>업무시간</span> <span>평일 9:00 ~ 18:00 (주말 및 공휴일 휴무. 점심시간 12시~13시)</span></li> </ul> </section> <section class="col-md-3 col-sm-12 col-xs-12 footer-visit"> <style> .plugin-visite-box table{ float: right; font-size: 0.8em; } .plugin-visite-box th,.plugin-visite-box td{ border: 1px solid #ddd; } .plugin-visite-box th,.plugin-visite-box td { /* padding: 5px 10px; */ text-align: center; padding: 2px 5px; } .plugin-visite-box th { background-color: #535353; color: #ffffff; width: 33.33333%; } </style> <div class="plugin-visite-box"> <table summary="오늘 날짜 기준의 당일 방문수와 누적 방문수입니다."> <caption>사이트 방문 카운터</caption> <tbody> <tr> <th id="day" scope="col">방문일</th> <th id="today" scope="col">오늘</th> <th id="total" scope="col">누적</th> </tr> <tr> <td>20241127</td> <td>860</td> <td>7038973</td> </tr> </tbody> </table> </div> <style> </style> <script> </script> </section> </article> <article class="row footer-copy"> <section class="col-md-8 col-sm-12 col-xs-12 footer-copyleft"> <span>Copyright © YONGIN1365.OR.KR All rights reserved.</span> </section> <section class="col-md-4 col-sm-12 col-xs-12 footer-copyright"> <span>Powered by Howoocast Inc. EWB:Express Web Builder V3</span> </section> </article> </div> </footer> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5NXKXQS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Message layer --> <div id="common_question_box" class="common-modal small-modal" > <!-- Modal content --> <div class="modal-content login-content"> <div class="modal-header" style="position: relative;clear:both;overflow:auto;"> <div style="float:right;"> <span class="modal-close" onclick="closeQuestionBox();">X</span> </div> <h2 style="float:left;margin:5px 0px;">사이트에 문의하기</h2> </div> <form id="question_form"> <div class="modal-body"> <p>사이트 관련한 모든 문의사항 및 불편사항을 받고 있습니다. <br/>이메일 주소를 남겨주시면 최대한 빠르게 회신 드리겠습니다.</p> <div class="login-email" style="width:100%;margin-bottom:5px;"> <label> <span>이메일주소</span> <input type="email" placeholder="이메일주소" name="from" style="width:100%;padding:5px;"/> </label> </div> <label> <span>문의사항 작성</span> <textarea name="contents" placeholder="내용을 입력하세요" rows="5" style="width:100%;" class="user-inquiry" ></textarea> </label> </div> <div class="modal-footer"> <button class="btn-login_pop">문의하기</button> </div> </form> </div> </div> <!-- Login layer --> <div id="common_login_box" class="common-modal small-modal"> <div class="modal-content login-content"> <div class="modal-header"> <span class="modal-close" onclick="closeLoginBox();">X</span> <h2 class="p-t-login">로그인</h2> </div> <form id="login_form" action="/auth/login.do" method="post"> <label class="ea-hidden-value" style="display: none;"> <span>internal variable for 510cms</span> <input type="hidden" name="secuToken" value="kS87ePq6ZOSSLw6KStxWmg"/> </label> <div class="modal-body modal-body-login"> <fieldset> <legend class="title-txt">이메일 로그인</legend> <div class="login-email"> <label> <span>이메일주소</span> <input type="email" name="email" placeholder="이메일주소" /> </label> <label> <span>비밀번호</span> <input type="password" name="pwd" placeholder="영문+숫자포함 6~20자" /> </label> </div> <label for="rememberemail" class="remeber_email"> <input type="checkbox" id="rememberemail" name="remember_email" class="remeber_check"/> 이메일 기억하기 | <a href="javascript:void(0);" class="forget_pw btn-s" onclick="switchToForgotBox();">비밀번호찾기</a> </label> <button class="btn-login_pop submit-btn wide-btn">로그인</button> </fieldset> </div> <div class="modal-footer"> </div> </form> </div> </div> <!-- libraries --> <script src="/resources/js/jquery-ui-1.11.2/jquery-ui.min.js"></script> <script src="/resources/js/jquery-ui-1.11.2/datepicker-ko.js"></script> <script src="/resources/js/msgbox/jquery.msgbox.i18n.js"></script> <script src="/resources/js/msgbox/jquery.msgbox.js"></script> <script src="/resources/js/gsap/TweenMax.min.js"></script> <script src="/resources/js/utility.js"></script> <script src="/resources/js/stylehtml.js"></script> <script src="/resources/js/jquery-cookie/jquery.cookie.js"></script> <script src="/resources/js/code_message_utility.js?v=20160226"></script> <script src="/resources/js/jquery.bxslider/jquery.bxslider.js"></script> <script src="/resources/js/time-picker/jquery.timepicker.js"></script> <script type="text/javascript" src="/resources/lib/jquery-sortable-lists.js"></script> <script src="/resources/js/tinymce_4.6.6/tinymce.min.js"></script> <script src="/resources/js/tinymce_4.6.6/jquery.tinymce.min.js"></script> <script src="/resources/js/tinymce_4.6.6/langs/ko_KR.js"></script> <!-- calendar --> <link rel="stylesheet" href="/resources/js/fullcalendar-2.9.1/fullcalendar.min.css"> <script src="/resources/js/fullcalendar-2.9.1/lib/moment.min.js"></script> <script src="/resources/js/fullcalendar-2.9.1/fullcalendar.min.js"></script> <script src="/resources/js/fullcalendar-2.9.1/lang/ko.js"></script> <!-- jquery transit animation plugin --> <script src="/resources/js/jquery.transit/jquery.transit.min.js"></script> <!-- social api --> <!-- common functions --> <script> $(document).ready(function(){ //modal box initialize $('.common-modal').css('display','none'); $('.common-modal').css('display','none'); $('.popup-layer').css('display','none'); //for submenu click easiness $(".sub-menu ul li").click(function(){ event.stopPropagation(); $(this).find("a")[0].click(); }); //initialize date-picker plugin $("input.date-picker").datepicker(); $("input.date-picker").datepicker( "option", "dateFormat", "yy-mm-dd" ); //initialize time-picker plugin $("input.time-picker").timepicker({ timeFormat: 'HH:mm', startTime: new Date(0,0,0,0,0,0) }); //initialize number-type only inputs initNumberOnlyInput(); //youtube popup action handler $(".youtube-popup-action").each(function(){ console.log("initialize youtube popup player"); var actObj=$(this); var cover=$("<div/>"); cover.addClass("youtube-popup-cover"); cover.click(function(){ var pop=$("<div/>"); pop.addClass("youtube-popup-player"); var head=$("<div/>"); head.addClass("youtube-popup-player-header"); head.html("동영상을 닫으려면 <strong>여기</strong>를 클릭하세요"); pop.append(head); head.click(function(){ $(this).closest("div.youtube-popup-player").remove(); $("body").css({overflow:"auto"}); }); var ifr=$(this).parent().find("iframe").clone(); var src=ifr.attr("src"); if(src.indexOf("autoplay")==-1){ if(src.indexOf("?")>-1){ ifr.attr("src",src+"&autoplay=1"); }else{ ifr.attr("src",src+"?autoplay=1"); } } pop.append(ifr); $("body").css({overflow:"hidden"}).append(pop); }); actObj.append(cover); }); //sns link var lis=$("footer .sns-links").find("li"); if(lis.length==0){ $("footer .sns-links").append("<li>준비중입니다</li>"); } //placeholder handling for legacy browsers (<=IE9) $("input,textarea").placeholder(); // 모든 처리가 끝난 후에 보여줍니다. var transDelay=""; if(transDelay==""){transDelay=300;} else{transDelay=parseInt(transDelay);} setTimeout(function(){ $('.hideBeforeReady').addClass('showAfterReady').transition({prspective:'100px', opacity:1}); $('.fadein-when-ready').transition({opacity:1}); },transDelay); //consider page transition delay }); </script> <!-- Sign-up/Sign-in/Forgot password handling functions --> <script> $(document).ready(function(){ //initialize remembered email account handling var remembered_email=$.cookie("user_email"); if(remembered_email && typeof remembered_email != "undefined" && remembered_email!=null){ $("#login_form input[name=email]").val(remembered_email); $("#login_form input[name=remember_email]").prop("checked",true); } //initialize sign-in handling form $("#login_form").submit(function(){ var email=$("#login_form input[name=email]").val(); var pwd=$("#login_form input[name=pwd]").val(); var rememberEmail=$("#login_form input[name=remember_email]").is(":checked"); if(rememberEmail){ $.cookie("user_email", email); }else{ $.removeCookie("user_email"); } if(email==""){ fadeOutMessage("이메일을 입력하세요", 2000); $("#login_form input[name=email]").focus(); return false; } if(pwd==""){ fadeOutMessage("비밀번호를 입력하세요", 2000); $("#login_form input[name=pwd]").focus(); return false; } }); //initialize forgot password handling form $("#reset_password").submit(function(){ var email=$("#reset_password input[name=email]").val(); if(email==""){ $("#reset_password input[name=email]").focus(); fadeOutMessage("이메일이 누락되었습니다", 1500); return false; } }); //process after action var afterAction=$.cookie("after_action_url"); if(afterAction!="" && typeof afterAction!="undefined" && afterAction!=null){ $.cookie("after_action_url", ""); } }); function closeEmailSignupBox(){ closePopupbox("email_signup_box", function(){}); } function signupWithEmail(){ closePopupbox("common_signup_box", function(){ openPopupbox("email_signup_box", function(){ }); }); } function openLoginBox(message){ openPopupbox("common_login_box", function(){ if(typeof message=="undefined" || message=="" || message==null){ message="로그인"; } var title=$("#common_login_box h2.p-t-login"); title.text(message); $.cookie("after_action_url", document.location.href); }); } function closeLoginBox(){ closePopupbox("common_login_box", function(){ $.cookie("after_action_url", ""); }); } function openSigninBox(){ openPopupbox("common_signup_box", function(){ $.cookie("after_action_url", document.location.href); }); } function closeSignupBox(){ closePopupbox("common_signup_box", function(){ $.cookie("after_action_url", ""); }); } function openForgotBox(){ openPopupbox("common_forgot_box", function(){ }); } function closeForgotBox(){ closePopupbox("common_forgot_box", function(){}); } function switchToLoginBox(msg){ closePopupbox("common_signup_box", function(){ openLoginBox(); if(typeof msg != "undefined"){ fadeOutMessage(msg, 2500); } }); } function switchToSignupBox(msg){ closePopupbox("common_login_box", function(){ openSigninBox(); if(typeof msg != "undefined"){ fadeOutMessage(msg, 2500); } }); } function switchToForgotBox(){ closePopupbox("common_login_box", function(){ openForgotBox(); }); } $(document).ready(function(){ var niceNameCheckInUse="N"; var sciNameCheckInUse="N"; if(niceNameCheckInUse=="Y" || sciNameCheckInUse=="Y"){ $("#signup-form_name").click(function(){ fadeOutMessage("우측의 본인인증 버튼을 누르세요",2000); }); $(".real-name-check").click(function(){ openPopupbox("realname_check_box", function(){ if(niceNameCheckInUse=="Y"){ $("#nice_realname_frame").attr("src","/namecheck/nice/main.do"); }else{ //SCI $("#nice_realname_frame").attr("src","/namecheck/sci/request.do"); } }); return false; }); } }); function applyNameCheckResult(data){ closePopupbox("realname_check_box", function(){ var formObj=$("#join_form"); formObj.find("input[name=nmFirst]").val(data.name); formObj.find("input[name=gender]").val(data.gender); var y=data.dtBirth.substring(0,4); var m=data.dtBirth.substring(4,6); var d=data.dtBirth.substring(6,8); formObj.find("input[name=dtBirth]").val(y+"-"+m+"-"+d); formObj.find("input[name=nationInfo]").val(data.nationInfo); fadeOutMessage("본인인증 성공", 1500); }); } function closeRealnameCheckBox(){ closePopupbox("realname_check_box", function(){ }); } $("#join_form").submit(function(){ var min_password_length=6; var max_password_length=20; var emailRegExp = /[0-9a-zA-Z][_0-9a-zA-Z-]*@[_0-9a-zA-Z-]+(\.[_0-9a-zA-Z-]+){1,2}$/; var email=$("#join_form input[name=email]").val(); var first=$("#join_form input[name=nmFirst]").val(); var last=$("#join_form input[name=nmLast]").val(); var p1=$("#join_form input[name=pwd]").val(); var p2=$("#join_form input[name=pwdCfm]").val(); var uuid=$("#join_form input[name=uuid]").val(); var mobile1=$("#signup-form_tel1").val(); var mobile2=$("#signup-form_tel2").val(); var mobile3=$("#signup-form_tel3").val(); var mobile=mobile1+"-"+mobile2+"-"+mobile3; if(mobile=="--"){ mobile=""; } $("#join_form input[name=mobile]").val(mobile); var num = p1.search(/[0-9]/g); var eng = p1.search(/[a-z]/ig); var spe = p1.search(/['~!@@#$%^&*|\\\'\";:\/?]/gi); if(first==""){ fadeOutMessage("이름을 입력하세요", 2000); $("#join_form input[name=nmFirst]").focus(); return false; } if(email==""){ fadeOutMessage("이메일을 입력하세요", 2000); $("#join_form input[name=email]").focus(); return false; } if(!email.match(emailRegExp)){ fadeOutMessage("올바르지 않은 이메일 형식", 2000); $("#join_form input[name=email]").focus(); return false; } if(p1==""){ fadeOutMessage("비밀번호를 입력하세요", 2000); $("#join_form input[name=pwd]").focus(); return false; } if(p2==""){ fadeOutMessage("비밀번호 확인을 입력하세요", 2000); $("#join_form input[name=pwdCfm]").focus(); return false; } if(p1!=p2){ fadeOutMessage("비밀번호와 확인이 일치 하지 않습니다", 2000); $("#join_form input[name=pwd]").val("").focus(); $("#join_form input[name=pwdCfm]").val(""); return false; } if(p1.length<min_password_length || p1.length>max_password_length){ fadeOutMessage("비밀번호는 6 ~ 20자만 허용됩니다", 3000); $("#join_form input[name=pwd]").val(""); $("#join_form input[name=pwdCfm]").val(""); $("#join_form input[name=pwd]").focus(); return false; } if(num < 0 || eng < 0){ fadeOutMessage("비밀번호는 영문,숫자를 포함해야 합니다", 3000); $("#join_form input[name=pwd]").val(""); $("#join_form input[name=pwdCfm]").val(""); $("#join_form input[name=pwd]").focus(); return false; } }); </script> <!-- Common question handling functions --> <script> function openQuestionBox(){ openPopupbox("common_question_box", function(){ var targetDiv=$("#common_question_box"); targetDiv.find("form")[0].reset(); targetDiv.show(); }); } function closeQuestionBox(){ closePopupbox("common_question_box", function(){}); } $("#question_form").submit(function(){ var message=$("#question_form textarea[name=contents]").val(); var email=$("#question_form input[name=from]").val(); if(message==""){ fadeOutMessage("문의 메시지가 비어 있습니다", 2000); $("#question_form textarea[name=contents]").focus(); return false; } if(email==""){ fadeOutMessage("회신 이메일이 비어 있습니다", 2000); $("#question_form input[name=from]").focus(); return false; } $.ajax({ type: "POST", url: "/help/mail/send.do", data: $("#question_form").serialize(), success: function(data) { if(data.STATE=="SUCCESS"){ fadeOutMessage("문의 메시지 전송", 2000); closeQuestionBox(); }else if(data.STATE=="UNSTABLE_SERVICE"){ fadeOutMessage("문의 서비스가 불안정 합니다", 2000); }else if(data.STATE=="WRONG_EMAIL"){ fadeOutMessage("메일 양식을 확인하세요", 2000); $("#question_form input[name=from]").focus(); } }, error: function(data) { fadeOutMessage("메시지 서비스가 불안정 합니다. 잠시 후 다시 시도해 주세요.", 2000); console.log(data); } }); return false; }); </script> <script> $(document).ready(function(){ //common message handler if(""!=""){ fadeOutMessage("", 2000); } if(""!=""){ alert(""); } }); </script> <!-- EWB::BASIC IMAGE HELPER --> <script> $(document).ready(function(){ processPopupImage(); processPopup(); }); function setCookie(name, value, expiredays) { var today = new Date(); today.setDate(today.getDate() + expiredays); document.cookie = name + '=' + escape(value) + '; path=/; expires=' + today.toGMTString() + ';' } function getCookie(name){ var wcname = name + '='; var wcstart, wcend, end; var i = 0; while(i <= document.cookie.length){ wcstart = i; wcend = (i + wcname.length); if(document.cookie.substring(wcstart, wcend) == wcname){ if((end = document.cookie.indexOf(';', wcend)) == -1) end = document.cookie.length; return document.cookie.substring(wcend, end); } i = document.cookie.indexOf('', i) + 1; if(i == 0) break; } return ''; } function processPopup(){ $(".ewb-popup-banner").each(function(){ var src = $(this).find("img").attr("src"); if(getCookie('510popup') != src){ $(this).append("<div class='popup-footer'><a href='javascript:closePopup();' >닫기</a><span>오늘 하루 보이지 않음 <input type='checkbox' name='notToday' onclick='closePopupOneDay(\""+src+"\");'></span></div>"); $(this).show(); } }); } function closePopup(){ $(".ewb-popup-banner").hide(); }; function closePopupOneDay(src){ setCookie('510popup', src, 1); closePopup(); } function processPopupImage(){ $(".ewb-popup-images img").each(function(k,v){ var alt=$(v).attr("alt"); var desc=$(v).attr("desc"); if(typeof alt=="undefined" || alt==null){alt="";} if(typeof desc=="undefined" || desc==null){desc="";} $(v).click(function(){ createPopupImageView(v, alt, desc); }); }); $(".ewb-popup-images img").hover(function(){ if(!$(this).hasClass("ewb-popup-plain")){ $(this).transition({scale:1.1},200); } }).mouseout(function(){ if(!$(this).hasClass("ewb-popup-plain")){ $(this).transition({ scale:1},100); } }); } function createPopupImageView(v, title, desc){ $(document).find("body").css({overflow:"hidden"}); var imgTag="<img src='"+$(v).attr("src")+"'/>'"; var tag="<div onclick='removePopupImageView();' class='rich-image-viewer'><div>"+imgTag+"<br/>"; if(title!=""){tag+="<h2>“"+title+"”</h2>";} if(desc!=""){tag+="<p>"+desc+"</p>";} tag+="<span>X</span></div></div>"; $(document).find("body").append(tag); $(document).find(".rich-image-viewer div").transition({scale:0},0).transition({prspective:'100px', scale:1}); } function removePopupImageView(){ $(document).find("body").css({overflow:"auto"}); try{ $(document).find(".rich-image-viewer div").transition({scale:1.0},0).transition({prspective:'100px', scale:1.3,opacity:0},300); }catch(e){ console.log("Transition library is not found. Skip animation effect"); } setTimeout(function(){ try{ $(document).find(".rich-image-viewer").transition({prspective:'100px', opacity:0},200); }catch(e){ console.log("Transition library is not found. Skip animation effect"); } setTimeout(function(){ $(".rich-image-viewer").remove(); },200); },300); } </script> <!-- EWB::Generate page name on banner image --> <script> $(document).ready(function(){ var tag="메인"; var title=""; var p1=""; var p2=""; var html="<div class='ewb-page-banner-text'>"; if(title!=""){ html+="<div><p>"+title+"</p></div>"; } if(p1!=""){ html+="<div><p>"+p1+"</p></div>"; } if(p2!=""){ html+="<div><p>"+p2+"</p></div>"; } html+="</div>"; $(".ewb-page-banner").append(html); }); </script> <!-- EWB::Aside height adjustment --> <script> $("div.layout-container").ready(function(){ //aside height bug fix if(!isMobileDevice()){ var h=$("div.layout-container").height(); $("div.layout-container aside").height(h); } }); </script> <!-- EWB::Back to top scrolling button control + floating aside control --> <script> $(window).scroll(function(){if($(window).scrollTop() >= 1){$('.ewb-backToTop').fadeIn(500);}else{$('.ewb-backToTop').fadeOut(500);}}); $('.ewb-backToTop').click(function(){$('html,body').animate({ scrollTop: 0 }, 'slow');}); if($(window).scrollTop() >= 1){$('.ewb-backToTop').show();} </script> <script> $(document).ready(function(){ initFloatingAside(); $(window).resize(function(){ initFloatingAside(); }); }); function initFloatingAside(){ var container=$(".layout-container"); var asideRight=$(".floating-aside-right"); if(asideRight.length>0){ var pos=container.position(); var ofs=container.offset(); var w=container.width(); var asidePos=ofs.left+w+40; asideRight.css("left",asidePos+"px"); } var asideLeft=$(".floating-aside-left"); if(asideLeft.length>0){ var asideW=asideLeft.width(); var pos=container.position(); var ofs=container.offset(); var w=container.width(); var asidePos=ofs.left-asideW-20; console.log("aside left floating pos : " + asidePos); asideLeft.css("left",asidePos+"px"); } } </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-141179100-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript" src="http://wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = '1e619b27b24376'; wcs_do(); </script> </body> </html>