CINXE.COM

<!DOCTYPE html> <html> <head> <title>사회적협동조합 빠띠</title> <link rel="icon" type="image/png" href="https://coop.campaigns.do/_storage_/public/64/o3106wrm84zroi82z1s8z27w8i3g" sizes="32x32 96x96"> <link rel="apple-touch-icon-precomposed" type="image/png" href="https://coop.campaigns.do/_storage_/public/64/o3106wrm84zroi82z1s8z27w8i3g" sizes="32x32"> <meta name="description" content="연결과 협력으로 더 좋은 공동체를 만드는 사회적 플랫폼 협동조합 입니다."> <meta property="og:title" content="사회적협동조합 빠띠"> <meta property="og:description" content="연결과 협력으로 더 좋은 공동체를 만드는 사회적 플랫폼 협동조합 입니다."> <meta property="og:site_name" content="사회적협동조합 빠띠"> <meta property="og:image" content="https://coop.campaigns.do/_storage_/public/64/lpkfiacny6up2usbai80alxduaxq"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="사회적협동조합 빠띠"> <meta name="twitter:description" content="연결과 협력으로 더 좋은 공동체를 만드는 사회적 플랫폼 협동조합 입니다."> <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-MF25T5QQ'); </script> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="turbo-prefetch" content="false"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="j-Hdo0AsOn2Jyn2q5uKInDJZlZJ54XWKuiesHt3dxPKZRhjXsBGpQeHPF5ZD46dZOaidvTtXEGRzTCWR0BcNMQ" /> <link rel="stylesheet" href="/assets/tailwind-bbb7ab79.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/inter-font-1d90a608.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/tailwind-page-block-f7a14120.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/inter-font-1d90a608.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/swiper-bundle-faf04b82.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/swiper-bundle-extends-222ddf26.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/coloris-c082b344.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/coloris-extends-de05cd6f.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/prism-code-editor@3.3.1/dist/themes/github-dark-c1d57ba1.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/prism-code-editor@3.3.1/dist/layout-e5075088.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/prism-code-editor@3.3.1/dist/scrollbar-44e9762e.css" data-turbo-track="reload" /> <link rel="stylesheet" href="/assets/pdf-viewer-298b4e5f.css" data-turbo-track="reload" /> <link rel="stylesheet" as="style" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css"> <style> .custom-theme { --color-primary: 167,138,187; --color-secondary: 58,173,174; --color-primary-foreground: 255,255,255; --color-secondary-foreground: 255,255,255; } </style> <script type="importmap" data-turbo-track="reload">{ "imports": { "application": "/assets/application-0468f865.js", "@hotwired/turbo-rails": "/assets/turbo.min-1262d735.js", "@hotwired/stimulus": "/assets/stimulus.min-4b1e420e.js", "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js", "echarts": "/assets/echarts.min-6b9423bc.js", "echarts/theme/dark": "/assets/echarts/theme/dark-b0c9f966.js", "tinymce": "/assets/tinymce-450d5c8b.js", "tinymce/themes/silver": "/assets/tinymce--themes--silver-1fea5d9e.js", "tinymce/icons/default": "/assets/tinymce--icons--default-6d131c2a.js", "tinymce/plugins/image": "/assets/tinymce_plugins/image-d0be9c42.js", "tinymce/plugins/advlist": "/assets/tinymce_plugins/advlist/plugin.min-d3d323f5.js", "tinymce/plugins/lists": "/assets/tinymce_plugins/lists/plugin.min-a184cd90.js", "tinymce/plugins/autolink": "/assets/tinymce_plugins/autolink/plugin.min-70ad882e.js", "tinymce/plugins/link": "/assets/tinymce_plugins/link/plugin.min-c02b71e7.js", "tinymce/plugins/charmap": "/assets/tinymce_plugins/charmap/plugin.min-3e3aadd7.js", "tinymce/plugins/print": "/assets/tinymce_plugins/print/plugin.min-f9bb9b42.js", "tinymce/plugins/preview": "/assets/tinymce_plugins/preview/plugin.min-7d7142f2.js", "tinymce/plugins/anchor": "/assets/tinymce_plugins/anchor/plugin.min-5129f096.js", "tinymce/plugins/code": "/assets/tinymce_plugins/code/plugin.min-389dd351.js", "tinymce/plugins/fullscreen": "/assets/tinymce_plugins/fullscreen/plugin.min-24092773.js", "tinymce/plugins/help": "/assets/tinymce_plugins/help/plugin.min-0f79632d.js", "tinymce/plugins/hr": "/assets/tinymce_plugins/hr/plugin.min-7dbb00e6.js", "tinymce/plugins/insertdatetime": "/assets/tinymce_plugins/insertdatetime/plugin.min-5aa6caaa.js", "tinymce/plugins/media": "/assets/tinymce_plugins/media/plugin.min-10e43538.js", "tinymce/plugins/paste": "/assets/tinymce_plugins/paste/plugin.min-cfab4851.js", "tinymce/plugins/searchreplace": "/assets/tinymce_plugins/searchreplace/plugin.min-e2dccf1e.js", "tinymce/plugins/table": "/assets/tinymce_plugins/table/plugin.min-b822dcbb.js", "tinymce/plugins/visualblocks": "/assets/tinymce_plugins/visualblocks/plugin.min-10225e69.js", "tinymce/plugins/wordcount": "/assets/tinymce_plugins/wordcount/plugin.min-eaa5f185.js", "flowbite": "https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.5.1/flowbite.turbo.min.js", "flowbite-datepicker": "/assets/flowbite-datepicker-a23ac4e2.js", "@popperjs/core": "https://ga.jspm.io/npm:@popperjs/core@2.11.8/lib/index.js", "@tosspayments/payment-widget-sdk": "/assets/@tosspayments--payment-widget-sdk-42a288d7.js", "prism-code-editor": "https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/index.js", "prism-code-editor/commands": "https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/extensions/commands.js", "prism-code-editor/highlight-brackets": "https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/extensions/matchBrackets/highlight.js", "prism-code-editor/prism/languages/markup": "https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/prism/languages/markup.js", "prism-code-editor/prism/languages/css": "https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/prism/languages/yaml.js", "prism-code-editor/prism/languages/markdown": "https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/prism/languages/markdown.js", "@rails/request.js": "/assets/@rails--request-10d39805.js", "js-cookie": "/assets/js-cookie-fd674fab.js", "lodash/debounce": "https://ga.jspm.io/npm:lodash@4.17.21/debounce.js", "sortablejs": "/assets/sortablejs-180a2fa9.js", "@melloware/coloris": "/assets/@melloware--coloris-d585dbfe.js", "swiper/bundle": "https://ga.jspm.io/npm:swiper@11.1.4/swiper-bundle.mjs", "@lottiefiles/dotlottie-web": "/assets/@lottiefiles--dotlottie-web-abb78f30.js", "pdfjs-dist": "/assets/pdfjs-dist-6decc569.js", "d3": "/assets/d3-1337d2d9.js", "d3-array": "/assets/d3-array-dcc21360.js", "d3-axis": "/assets/d3-axis-85fa0849.js", "d3-brush": "/assets/d3-brush-fbd8b7f4.js", "d3-chord": "/assets/d3-chord-fb006d87.js", "d3-color": "/assets/d3-color-105ebb5b.js", "d3-contour": "/assets/d3-contour-f8d81ff4.js", "d3-delaunay": "/assets/d3-delaunay-42a3bc59.js", "d3-dispatch": "/assets/d3-dispatch-79ecb6ed.js", "d3-drag": "/assets/d3-drag-1641fd0c.js", "d3-dsv": "/assets/d3-dsv-0a36d31b.js", "d3-ease": "/assets/d3-ease-7cefd8e9.js", "d3-fetch": "/assets/d3-fetch-72a3c2eb.js", "d3-force": "/assets/d3-force-5d1545f7.js", "d3-format": "/assets/d3-format-89ab33aa.js", "d3-geo": "/assets/d3-geo-85871f22.js", "d3-hierarchy": "/assets/d3-hierarchy-e550ac50.js", "d3-interpolate": "/assets/d3-interpolate-46876ef7.js", "d3-path": "/assets/d3-path-371afee5.js", "d3-polygon": "/assets/d3-polygon-d04ed820.js", "d3-quadtree": "/assets/d3-quadtree-6793b4ae.js", "d3-random": "/assets/d3-random-2f15e44b.js", "d3-scale": "/assets/d3-scale-541e3be4.js", "d3-scale-chromatic": "/assets/d3-scale-chromatic-194b7e0a.js", "d3-selection": "/assets/d3-selection-6536d848.js", "d3-shape": "/assets/d3-shape-568effaa.js", "d3-time": "/assets/d3-time-0c5ea8a2.js", "d3-time-format": "/assets/d3-time-format-7c088be1.js", "d3-timer": "/assets/d3-timer-82d936b5.js", "d3-transition": "/assets/d3-transition-e0ccac69.js", "d3-zoom": "/assets/d3-zoom-f8d842d9.js", "delaunator": "/assets/delaunator-f7d3bb2a.js", "internmap": "/assets/internmap-1a2ce1e6.js", "robust-predicates": "/assets/robust-predicates-ee031280.js", "d3fc": "/assets/d3fc-376d4899.js", "topojson-client": "/assets/topojson-client-66f53402.js", "@floating-ui/core": "/assets/@floating-ui--core-0872baa7.js", "@floating-ui/utils": "/assets/@floating-ui--utils-fe7f1719.js", "@floating-ui/dom": "/assets/@floating-ui--dom-c4cdc664.js", "@floating-ui/utils/dom": "/assets/@floating-ui--utils--dom-bd33a6ca.js", "controllers/active_link_controller": "/assets/controllers/active_link_controller-8183f913.js", "controllers/alert_controller": "/assets/controllers/alert_controller-dc396a75.js", "controllers/application": "/assets/controllers/application-e1574339.js", "controllers/application_modal_controller": "/assets/controllers/application_modal_controller-c891b212.js", "controllers/campaigns_widget_controller": "/assets/controllers/campaigns_widget_controller-a0028591.js", "controllers/character_counter_controller": "/assets/controllers/character_counter_controller-ca7e8ef7.js", "controllers/chart_controller": "/assets/controllers/chart_controller-53bd2722.js", "controllers/chatbot/happytalk_controller": "/assets/controllers/chatbot/happytalk_controller-3e4d7058.js", "controllers/checkbox_select_all_controller": "/assets/controllers/checkbox_select_all_controller-a7dff16c.js", "controllers/checkbox_toggle_all_controller": "/assets/controllers/checkbox_toggle_all_controller-31be6cad.js", "controllers/checked_toggle_controller": "/assets/controllers/checked_toggle_controller-f1f9b5eb.js", "controllers/clipboard_controller": "/assets/controllers/clipboard_controller-4b0a3789.js", "controllers/coder_controller": "/assets/controllers/coder_controller-7cb743f7.js", "controllers/color_preview_controller": "/assets/controllers/color_preview_controller-11f7c853.js", "controllers/data_walls/korea_map_data_wall_controller": "/assets/controllers/data_walls/korea_map_data_wall_controller-f6903009.js", "controllers/datepicker_controller": "/assets/controllers/datepicker_controller-55a651b5.js", "controllers/dropdown_controller": "/assets/controllers/dropdown_controller-bfcbc28a.js", "controllers/editor_controller": "/assets/controllers/editor_controller-0ad4429b.js", "controllers/file_size_controller": "/assets/controllers/file_size_controller-34eb5310.js", "controllers/flash_controller": "/assets/controllers/flash_controller-6f8b6f4f.js", "controllers/form_clone_controller": "/assets/controllers/form_clone_controller-e535f4f6.js", "controllers/form_preview_controller": "/assets/controllers/form_preview_controller-eb5ddef9.js", "controllers/galaxy_controller": "/assets/controllers/galaxy_controller-b148e3d1.js", "controllers/height_adjustment_controller": "/assets/controllers/height_adjustment_controller-50ab2adb.js", "controllers": "/assets/controllers/index-c3f5d3c4.js", "controllers/limited_checkbox_controller": "/assets/controllers/limited_checkbox_controller-63b86553.js", "controllers/maps/kakao_controller": "/assets/controllers/maps/kakao_controller-6563b759.js", "controllers/move_page_controller": "/assets/controllers/move_page_controller-cf41e5c8.js", "controllers/move_turbo_frame_controller": "/assets/controllers/move_turbo_frame_controller-95ae6153.js", "controllers/nested_fields_controller": "/assets/controllers/nested_fields_controller-0ef88a7f.js", "controllers/nested_form_controller": "/assets/controllers/nested_form_controller-04c0e76c.js", "controllers/payment_controller": "/assets/controllers/payment_controller-e07ddda8.js", "controllers/pdf_viewer_controller": "/assets/controllers/pdf_viewer_controller-9476d1cb.js", "controllers/popup_controller": "/assets/controllers/popup_controller-a70c7d2f.js", "controllers/preview_tabs_controller": "/assets/controllers/preview_tabs_controller-c2ef88ca.js", "controllers/prompt_confirmation_controller": "/assets/controllers/prompt_confirmation_controller-e18f8a9a.js", "controllers/radio_binding_controller": "/assets/controllers/radio_binding_controller-4ac81ea4.js", "controllers/remove_element_controller": "/assets/controllers/remove_element_controller-bd6fb5fc.js", "controllers/scroll_to_controller": "/assets/controllers/scroll_to_controller-1dec7eb1.js", "controllers/scroll_to_top_controller": "/assets/controllers/scroll_to_top_controller-a5ca9610.js", "controllers/selected_scroll_to_controller": "/assets/controllers/selected_scroll_to_controller-51e1a6b7.js", "controllers/selected_toggle_controller": "/assets/controllers/selected_toggle_controller-d37a3e4b.js", "controllers/share_controller": "/assets/controllers/share_controller-bc7f8800.js", "controllers/sortable_controller": "/assets/controllers/sortable_controller-7c7056bc.js", "controllers/swiper_slide_controller": "/assets/controllers/swiper_slide_controller-0d46f345.js", "controllers/swiper_youtube_controller": "/assets/controllers/swiper_youtube_controller-3104491c.js", "controllers/toggle_controller": "/assets/controllers/toggle_controller-50dddfc0.js", "controllers/turbo_frame_form_controller": "/assets/controllers/turbo_frame_form_controller-c53a63b1.js", "controllers/turnstile_handleable_controller": "/assets/controllers/turnstile_handleable_controller-069562c7.js", "controllers/visible_focus_controller": "/assets/controllers/visible_focus_controller-28badbc4.js", "stream_actions/visit": "/assets/stream_actions/visit-13710dee.js", "helpers/date-time-picker": "/assets/helpers/date-time-picker-4edaf335.js", "helpers/init-flowbite": "/assets/helpers/init-flowbite-50dc0220.js", "helpers/init-rails-chart": "/assets/helpers/init-rails-chart-92e6af88.js", "helpers/scrollbar-width": "/assets/helpers/scrollbar-width-5c8d0e85.js", "helpers/turbo-scroll": "/assets/helpers/turbo-scroll-c44fc75a.js" } }</script> <link rel="modulepreload" href="/assets/application-0468f865.js"> <link rel="modulepreload" href="/assets/turbo.min-1262d735.js"> <link rel="modulepreload" href="/assets/stimulus.min-4b1e420e.js"> <link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js"> <link rel="modulepreload" href="/assets/echarts.min-6b9423bc.js"> <link rel="modulepreload" href="/assets/echarts/theme/dark-b0c9f966.js"> <link rel="modulepreload" href="/assets/tinymce-450d5c8b.js"> <link rel="modulepreload" href="/assets/tinymce--themes--silver-1fea5d9e.js"> <link rel="modulepreload" href="/assets/tinymce--icons--default-6d131c2a.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/image-d0be9c42.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/advlist/plugin.min-d3d323f5.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/lists/plugin.min-a184cd90.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/autolink/plugin.min-70ad882e.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/link/plugin.min-c02b71e7.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/charmap/plugin.min-3e3aadd7.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/print/plugin.min-f9bb9b42.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/preview/plugin.min-7d7142f2.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/anchor/plugin.min-5129f096.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/code/plugin.min-389dd351.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/fullscreen/plugin.min-24092773.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/help/plugin.min-0f79632d.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/hr/plugin.min-7dbb00e6.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/insertdatetime/plugin.min-5aa6caaa.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/media/plugin.min-10e43538.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/paste/plugin.min-cfab4851.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/searchreplace/plugin.min-e2dccf1e.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/table/plugin.min-b822dcbb.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/visualblocks/plugin.min-10225e69.js"> <link rel="modulepreload" href="/assets/tinymce_plugins/wordcount/plugin.min-eaa5f185.js"> <link rel="modulepreload" href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.5.1/flowbite.turbo.min.js"> <link rel="modulepreload" href="/assets/flowbite-datepicker-a23ac4e2.js"> <link rel="modulepreload" href="https://ga.jspm.io/npm:@popperjs/core@2.11.8/lib/index.js"> <link rel="modulepreload" href="/assets/@tosspayments--payment-widget-sdk-42a288d7.js"> <link rel="modulepreload" href="https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/index.js"> <link rel="modulepreload" href="https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/extensions/commands.js"> <link rel="modulepreload" href="https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/extensions/matchBrackets/highlight.js"> <link rel="modulepreload" href="https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/prism/languages/markup.js"> <link rel="modulepreload" href="https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/prism/languages/yaml.js"> <link rel="modulepreload" href="https://ga.jspm.io/npm:prism-code-editor@3.3.2/dist/prism/languages/markdown.js"> <link rel="modulepreload" href="/assets/@rails--request-10d39805.js"> <link rel="modulepreload" href="/assets/js-cookie-fd674fab.js"> <link rel="modulepreload" href="https://ga.jspm.io/npm:lodash@4.17.21/debounce.js"> <link rel="modulepreload" href="/assets/sortablejs-180a2fa9.js"> <link rel="modulepreload" href="/assets/@melloware--coloris-d585dbfe.js"> <link rel="modulepreload" href="https://ga.jspm.io/npm:swiper@11.1.4/swiper-bundle.mjs"> <link rel="modulepreload" href="/assets/@lottiefiles--dotlottie-web-abb78f30.js"> <link rel="modulepreload" href="/assets/pdfjs-dist-6decc569.js"> <link rel="modulepreload" href="/assets/d3-1337d2d9.js"> <link rel="modulepreload" href="/assets/d3-array-dcc21360.js"> <link rel="modulepreload" href="/assets/d3-axis-85fa0849.js"> <link rel="modulepreload" href="/assets/d3-brush-fbd8b7f4.js"> <link rel="modulepreload" href="/assets/d3-chord-fb006d87.js"> <link rel="modulepreload" href="/assets/d3-color-105ebb5b.js"> <link rel="modulepreload" href="/assets/d3-contour-f8d81ff4.js"> <link rel="modulepreload" href="/assets/d3-delaunay-42a3bc59.js"> <link rel="modulepreload" href="/assets/d3-dispatch-79ecb6ed.js"> <link rel="modulepreload" href="/assets/d3-drag-1641fd0c.js"> <link rel="modulepreload" href="/assets/d3-dsv-0a36d31b.js"> <link rel="modulepreload" href="/assets/d3-ease-7cefd8e9.js"> <link rel="modulepreload" href="/assets/d3-fetch-72a3c2eb.js"> <link rel="modulepreload" href="/assets/d3-force-5d1545f7.js"> <link rel="modulepreload" href="/assets/d3-format-89ab33aa.js"> <link rel="modulepreload" href="/assets/d3-geo-85871f22.js"> <link rel="modulepreload" href="/assets/d3-hierarchy-e550ac50.js"> <link rel="modulepreload" href="/assets/d3-interpolate-46876ef7.js"> <link rel="modulepreload" href="/assets/d3-path-371afee5.js"> <link rel="modulepreload" href="/assets/d3-polygon-d04ed820.js"> <link rel="modulepreload" href="/assets/d3-quadtree-6793b4ae.js"> <link rel="modulepreload" href="/assets/d3-random-2f15e44b.js"> <link rel="modulepreload" href="/assets/d3-scale-541e3be4.js"> <link rel="modulepreload" href="/assets/d3-scale-chromatic-194b7e0a.js"> <link rel="modulepreload" href="/assets/d3-selection-6536d848.js"> <link rel="modulepreload" href="/assets/d3-shape-568effaa.js"> <link rel="modulepreload" href="/assets/d3-time-0c5ea8a2.js"> <link rel="modulepreload" href="/assets/d3-time-format-7c088be1.js"> <link rel="modulepreload" href="/assets/d3-timer-82d936b5.js"> <link rel="modulepreload" href="/assets/d3-transition-e0ccac69.js"> <link rel="modulepreload" href="/assets/d3-zoom-f8d842d9.js"> <link rel="modulepreload" href="/assets/delaunator-f7d3bb2a.js"> <link rel="modulepreload" href="/assets/internmap-1a2ce1e6.js"> <link rel="modulepreload" href="/assets/robust-predicates-ee031280.js"> <link rel="modulepreload" href="/assets/d3fc-376d4899.js"> <link rel="modulepreload" href="/assets/topojson-client-66f53402.js"> <link rel="modulepreload" href="/assets/@floating-ui--core-0872baa7.js"> <link rel="modulepreload" href="/assets/@floating-ui--utils-fe7f1719.js"> <link rel="modulepreload" href="/assets/@floating-ui--dom-c4cdc664.js"> <link rel="modulepreload" href="/assets/@floating-ui--utils--dom-bd33a6ca.js"> <link rel="modulepreload" href="/assets/controllers/active_link_controller-8183f913.js"> <link rel="modulepreload" href="/assets/controllers/alert_controller-dc396a75.js"> <link rel="modulepreload" href="/assets/controllers/application-e1574339.js"> <link rel="modulepreload" href="/assets/controllers/application_modal_controller-c891b212.js"> <link rel="modulepreload" href="/assets/controllers/campaigns_widget_controller-a0028591.js"> <link rel="modulepreload" href="/assets/controllers/character_counter_controller-ca7e8ef7.js"> <link rel="modulepreload" href="/assets/controllers/chart_controller-53bd2722.js"> <link rel="modulepreload" href="/assets/controllers/chatbot/happytalk_controller-3e4d7058.js"> <link rel="modulepreload" href="/assets/controllers/checkbox_select_all_controller-a7dff16c.js"> <link rel="modulepreload" href="/assets/controllers/checkbox_toggle_all_controller-31be6cad.js"> <link rel="modulepreload" href="/assets/controllers/checked_toggle_controller-f1f9b5eb.js"> <link rel="modulepreload" href="/assets/controllers/clipboard_controller-4b0a3789.js"> <link rel="modulepreload" href="/assets/controllers/coder_controller-7cb743f7.js"> <link rel="modulepreload" href="/assets/controllers/color_preview_controller-11f7c853.js"> <link rel="modulepreload" href="/assets/controllers/data_walls/korea_map_data_wall_controller-f6903009.js"> <link rel="modulepreload" href="/assets/controllers/datepicker_controller-55a651b5.js"> <link rel="modulepreload" href="/assets/controllers/dropdown_controller-bfcbc28a.js"> <link rel="modulepreload" href="/assets/controllers/editor_controller-0ad4429b.js"> <link rel="modulepreload" href="/assets/controllers/file_size_controller-34eb5310.js"> <link rel="modulepreload" href="/assets/controllers/flash_controller-6f8b6f4f.js"> <link rel="modulepreload" href="/assets/controllers/form_clone_controller-e535f4f6.js"> <link rel="modulepreload" href="/assets/controllers/form_preview_controller-eb5ddef9.js"> <link rel="modulepreload" href="/assets/controllers/galaxy_controller-b148e3d1.js"> <link rel="modulepreload" href="/assets/controllers/height_adjustment_controller-50ab2adb.js"> <link rel="modulepreload" href="/assets/controllers/index-c3f5d3c4.js"> <link rel="modulepreload" href="/assets/controllers/limited_checkbox_controller-63b86553.js"> <link rel="modulepreload" href="/assets/controllers/maps/kakao_controller-6563b759.js"> <link rel="modulepreload" href="/assets/controllers/move_page_controller-cf41e5c8.js"> <link rel="modulepreload" href="/assets/controllers/move_turbo_frame_controller-95ae6153.js"> <link rel="modulepreload" href="/assets/controllers/nested_fields_controller-0ef88a7f.js"> <link rel="modulepreload" href="/assets/controllers/nested_form_controller-04c0e76c.js"> <link rel="modulepreload" href="/assets/controllers/payment_controller-e07ddda8.js"> <link rel="modulepreload" href="/assets/controllers/pdf_viewer_controller-9476d1cb.js"> <link rel="modulepreload" href="/assets/controllers/popup_controller-a70c7d2f.js"> <link rel="modulepreload" href="/assets/controllers/preview_tabs_controller-c2ef88ca.js"> <link rel="modulepreload" href="/assets/controllers/prompt_confirmation_controller-e18f8a9a.js"> <link rel="modulepreload" href="/assets/controllers/radio_binding_controller-4ac81ea4.js"> <link rel="modulepreload" href="/assets/controllers/remove_element_controller-bd6fb5fc.js"> <link rel="modulepreload" href="/assets/controllers/scroll_to_controller-1dec7eb1.js"> <link rel="modulepreload" href="/assets/controllers/scroll_to_top_controller-a5ca9610.js"> <link rel="modulepreload" href="/assets/controllers/selected_scroll_to_controller-51e1a6b7.js"> <link rel="modulepreload" href="/assets/controllers/selected_toggle_controller-d37a3e4b.js"> <link rel="modulepreload" href="/assets/controllers/share_controller-bc7f8800.js"> <link rel="modulepreload" href="/assets/controllers/sortable_controller-7c7056bc.js"> <link rel="modulepreload" href="/assets/controllers/swiper_slide_controller-0d46f345.js"> <link rel="modulepreload" href="/assets/controllers/swiper_youtube_controller-3104491c.js"> <link rel="modulepreload" href="/assets/controllers/toggle_controller-50dddfc0.js"> <link rel="modulepreload" href="/assets/controllers/turbo_frame_form_controller-c53a63b1.js"> <link rel="modulepreload" href="/assets/controllers/turnstile_handleable_controller-069562c7.js"> <link rel="modulepreload" href="/assets/controllers/visible_focus_controller-28badbc4.js"> <link rel="modulepreload" href="/assets/stream_actions/visit-13710dee.js"> <link rel="modulepreload" href="/assets/helpers/date-time-picker-4edaf335.js"> <link rel="modulepreload" href="/assets/helpers/init-flowbite-50dc0220.js"> <link rel="modulepreload" href="/assets/helpers/init-rails-chart-92e6af88.js"> <link rel="modulepreload" href="/assets/helpers/scrollbar-width-5c8d0e85.js"> <link rel="modulepreload" href="/assets/helpers/turbo-scroll-c44fc75a.js"> <script type="module">import "application"</script> <script src="https://t1.kakaocdn.net/kakao_js_sdk/2.4.0/kakao.min.js" integrity="sha384-mXVrIX2T/Kszp6Z0aEWaA8Nm7J6/ZeWXbL8UpGRjKwWe56Srd/iyNmWMBhcItAjH" crossorigin="anonymous"></script> <script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script> <meta name="naver-site-verification" content="cdf354c4b74f745e036cc57b17eea10360b00197" /> <meta name="keywords" content="열린 기술, 시민 기술, 민주주의 플랫폼, 공론장, 데이터 운동, 오픈 데이터, 공공 데이터, 시민 데이터, 오픈 플랫폼, 시민 플랫폼, 시민 캠페인, 청원, 촉구, 투표, 시민 미디어, 투표 솔루션, 열린 정부, 아시아 민주주의, 디지털 민주주의, 사회연대경제, , 리빙랩, 시민 참여 플랫폼, 시민 협력 플랫폼, open technology, civic technology, democracy platform, public sphere, data activism, open data, civic data, social platform, open platform, civic platform, citizen participation platform, citizen collaboration paltform, living lab" /> <style> nav #navbar-dropdown #accordion-collapse li.text-sm:last-child { display: none; } </style> </head> <body class="custom-theme"> <noscript> <iframe height="0" style="display: none; visibility: hidden" src="https://www.googletagmanager.com/ns.html?id=GTM-MF25T5QQ" width="0" ></iframe> </noscript> <div class="relative mx-auto max-w-screen-lg"> <div id="application-flash" class="fixed right-0 top-2 z-global-application-flash w-screen px-4"> </div> </div> <header class="sticky top-0 z-global-application-menu bg-gray-900" data-controller="height-adjustment" data-height-adjustment-extra-bottom-space-value=32 >  <nav class="border-b border-gray-200 bg-white" > <div class="mix-container flex flex-wrap items-center justify-between py-2.5 md:py-0"> <button data-collapse-toggle="navbar-dropdown" type="button" class="mr-4 inline-flex items-center justify-center rounded-lg py-2 text-sm text-gray-500 md:hidden" aria-controls="navbar-dropdown" aria-expanded="false"> <span class="sr-only">Open main menu</span> <svg class="h-4 w-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/> </svg> </button> <div class="flex flex-1 items-center xl:pl-1"> <a href="/"> <img class="mr-4 h-7 md:h-8" alt="사회적협동조합 빠띠" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTMyMjk0LCJwdXIiOiJibG9iX2lkIn19--694e9d8194e2cff120c5f943f600a4fe2c5255b4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--eed0be66804095d6b6e5ac8676fad95f3ea9354b/parti-logo.png" loading="lazy" /> </a> </div> <ul class="flex items-center md:hidden"> <li data-controller="dropdown"> <div data-action="click->dropdown#toggle click@window->dropdown#hide touchend@window->dropdown#hide" data-dropdown-target="button" aria-expanded="false" class="mt-1.5 block rounded text-gray-500 hover:text-primary md:mx-1 md:mt-1 md:border-0 md:p-0"> <span class="inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="as2shfkolyyeay8atpfjx1lc60w2jqi1" class="ml-4 h-6 w-6"><title id="as2shfkolyyeay8atpfjx1lc60w2jqi1">통합검색</title> <mask id="mix-svgapp--assets--images--icons--header--search_off_svg__jdcjfbkbga" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25"> <path fill="currentColor" d="M0 .5h24v24H0z"></path> </mask> <g mask="url(#mix-svgapp--assets--images--icons--header--search_off_svg__jdcjfbkbga)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15 10a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zm-.72 5.78a7.5 7.5 0 1 1 1.359-1.47l5.775 5.776A1 1 0 1 1 20 21.5l-5.72-5.72z" fill="currentColor"></path> </g> </svg> </span> </div> <div class="hidden" data-controller="visible-focus" data-dropdown-target="popup"> <div class="fixed left-0 top-0 z-10 h-screen w-screen bg-black bg-opacity-40" data-dropdown-target="backdrop" data-turbo-temporary> <div class="fixed left-0 top-0 w-screen bg-white"> <div class="border-t border-gray-300 px-4 py-8 text-center"> <form action="/search_entries" accept-charset="UTF-8" method="get"> <input data-visible-focus-target="focusable" class="w-full !h-10 px-4 border border-gray-300 rounded text-sm text-gray-500 focus:border-2 focus:ring-primary focus:border-primary md:w-[200px] lg:w-[288px]" type="search" name="q[term]" /> <input type="submit" name="commit" value="Search" class="mt-2 h-10 w-full cursor-pointer rounded bg-primary text-sm font-bold text-primary_foreground hover:brightness-95 md:ml-2 md:mt-0 md:w-[120px]" data-disable-with="Search" /> </form> </div> </div> </div> </div> </li> <li> <div class="gap flex items-center gap-2"> <a class="my-1.5 ml-2 block rounded-full border border-gray-300 px-3 py-1.5 text-sm leading-none text-gray-500 md:my-0" data-qa="sign_in_btn" href="/users/sign_in">Log in</a> </div> </li> </ul> <div class="hidden w-full md:block md:w-auto" id="navbar-dropdown"> <ul id="accordion-collapse" data-accordion="collapse" class="mb-4 mt-2 items-center rounded-lg border border-gray-100 bg-gray-50 py-2 font-medium md:mb-0 md:mt-0 md:flex md:border-0 md:bg-white md:p-0 md:py-0"> <li class="group/navbar relative last:p-0 md:p-1 md:py-5 md:text-center last:md:pl-4 lg:px-4"> <div class="gap flex items-center justify-between gap-2" id="accordion-collapse-heading-556"> <a class="block bg-transparent px-4 py-1 hover:text-primary md:p-0" href="/boards/news">소식</a> </div> </li> <li class="group/navbar relative last:p-0 md:p-1 md:py-5 md:text-center last:md:pl-4 lg:px-4"> <div class="gap flex items-center justify-between gap-2" id="accordion-collapse-heading-555"> <a class="block bg-transparent px-4 py-1 hover:text-primary md:p-0" href="/boards/press">언론·미디어</a> </div> </li> <li class="group/navbar relative last:p-0 md:p-1 md:py-5 md:text-center last:md:pl-4 lg:px-4"> <div class="gap flex items-center justify-between gap-2" id="accordion-collapse-heading-2900"> <a target="_blank" class="block bg-transparent px-4 py-1 hover:text-primary md:p-0" href="https://campaigns.do/partizen?utm_source=hompage&utm_medium=menu&utm_campaign=particoop">빠띠즌</a> </div> </li> <li class="group/navbar relative last:p-0 md:p-1 md:py-5 md:text-center last:md:pl-4 lg:px-4"> <div class="gap flex items-center justify-between gap-2" id="accordion-collapse-heading-1226"> <a class="block bg-transparent px-4 py-1 hover:text-primary md:p-0" href="https://coop.campaigns.do/surveys/questionnaires/f6bf3135f0bd/feedback">협업 문의</a> </div> </li> <ul class="hidden items-center md:flex"> <li data-controller="dropdown"> <div data-action="click->dropdown#toggle click@window->dropdown#hide touchend@window->dropdown#hide" data-dropdown-target="button" aria-expanded="false" class="mt-1.5 block rounded text-gray-500 hover:text-primary md:mx-1 md:mt-1 md:border-0 md:p-0"> <span class="inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" role="img" aria-labelledby="a56907e49fhmb5wa8xaqcj2q60xr4kib" class="ml-4 h-6 w-6"><title id="a56907e49fhmb5wa8xaqcj2q60xr4kib">통합검색</title> <mask id="mix-svgapp--assets--images--icons--header--search_off_svg__jdcjfbkbga" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25"> <path fill="currentColor" d="M0 .5h24v24H0z"></path> </mask> <g mask="url(#mix-svgapp--assets--images--icons--header--search_off_svg__jdcjfbkbga)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15 10a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zm-.72 5.78a7.5 7.5 0 1 1 1.359-1.47l5.775 5.776A1 1 0 1 1 20 21.5l-5.72-5.72z" fill="currentColor"></path> </g> </svg> </span> </div> <div class="hidden" data-controller="visible-focus" data-dropdown-target="popup"> <div class="fixed left-0 top-0 z-10 h-screen w-screen bg-black bg-opacity-40" data-dropdown-target="backdrop" data-turbo-temporary> <div class="fixed left-0 top-0 w-screen bg-white"> <div class="border-t border-gray-300 px-4 py-8 text-center"> <form action="/search_entries" accept-charset="UTF-8" method="get"> <input data-visible-focus-target="focusable" class="w-full !h-10 px-4 border border-gray-300 rounded text-sm text-gray-500 focus:border-2 focus:ring-primary focus:border-primary md:w-[200px] lg:w-[288px]" type="search" name="q[term]" /> <input type="submit" name="commit" value="Search" class="mt-2 h-10 w-full cursor-pointer rounded bg-primary text-sm font-bold text-primary_foreground hover:brightness-95 md:ml-2 md:mt-0 md:w-[120px]" data-disable-with="Search" /> </form> </div> </div> </div> </div> </li> <li> <div class="gap flex items-center gap-2"> <a class="my-1.5 ml-2 block rounded-full border border-gray-300 px-3 py-1.5 text-sm leading-none text-gray-500 md:my-0" data-qa="sign_in_btn" href="/users/sign_in">Log in</a> </div> </li> </ul> </ul> </div> </div> </nav> </header> <main class="md:min-h-60vh group group-page-block-main"> <div class="relative mix-container popup-layer"> </div> <section id="page_block_types_editor_4450" style="background-color: #a78abb1e" class="group group-page-block-type py-16 group-[.is-footer]:py-8"> <div class="mix-container group-[.is-footer]:px-0"> <div class="prose max-w-none break-all"> <div> <h2 class="font-normal"><strong>연결</strong>된 시민들이 함께 <strong>협력</strong>한다면 세상은 어떻게 바뀔까요?</h2> </div> <div class="flex flex-col md:flex-row mt-8"> <div class="flex flex-col w-full md:w-[50%] mb-6 md:mb-0"> <div><span style="color: #6b7280;"><span style="font-size: 20px; letter-spacing: -0.6px;"><span style="height: 9rem; align-self: stretch; flex-grow: 0; background-image: linear-gradient(to right, #a69dc8 0%, #a0a5cb 25%, #9faed0 49%, #89bcbf 74%, #64b3aa 100%); font-size: 1.875rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; text-align: left; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;">사회적협동조합 빠띠는, <br />연결과 협력의 기술로 좋은 공동체를 만드는<br />사회적 플랫폼 협동조합입니다.</span></span></span></div> </div> <div class="w-full md:w-[50%] mb-6 md:mb-0"> <div><span style="color: #6b7280;"><span style="font-size: 20px; letter-spacing: -0.6px;">빠띠는 <strong>디지털 기술</strong>을 활용해,</span></span></div> <div><span style="color: #6b7280;"><span style="font-size: 20px; letter-spacing: -0.6px;">시민의 <strong>집단 지성과 행동</strong>을 촉진하고,</span></span></div> <div><span style="color: #6b7280;"><span style="font-size: 20px; letter-spacing: -0.6px;"><strong>신뢰와 협력</strong>의 사회적 자산을 축적하며,</span></span></div> <div><span style="color: #6b7280;"><span style="font-size: 20px; letter-spacing: -0.6px;">공동체의 <strong>공유 자산</strong>을 확대함으로써,</span></span></div> <div><span style="color: #6b7280;"><span style="font-size: 20px; letter-spacing: -0.6px;"><strong>존중과 포용, 신뢰와 협력, 풍요와 지속가능성</strong>의 가치를 실현합니다</span></span></div> </div> </div> </div> </div> </section> <section id="page_block_types_editor_4447" style="background-color: " class="group group-page-block-type my-16 group-[.is-footer]:my-8 first-of-type:mt-4 first-of-type:md:mt-8 group-[.group-no-section-margin]:m-0"> <div class="mix-container group-[.is-footer]:px-0"> <div class="prose max-w-none break-all"> <div class="py-4 md:py-8"><span class="text-4xl md:text-6xl font-bold" style="background-image: linear-gradient(to right, #a69dc8 0%, #a0a5cb 25%, #9faed0 49%, #89bcbf 74%, #64b3aa 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;"><span class="text-lg">[ 시민 활동 플랫폼 ]</span><br />대화하고 행동하는 시민들의<br />디지털 광장, 빠띠</span></div> <div class="grid gap-4 md:grid-cols-2 md:gap-8"> <div class="hidden md:block"><img src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjEwNDE5LCJwdXIiOiJibG9iX2lkIn19--92431fcccece75055c14633b25465bbf146d61b0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxNzI4LG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--dea356119580af930523b6864b6cdbd9ad0eef7c/%E1%84%89%E1%85%B5%E1%84%86%E1%85%B5%E1%86%AB%E1%84%92%E1%85%AA%E1%86%AF%E1%84%83%E1%85%A9%E1%86%BC%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A2%E1%86%BA%E1%84%91%E1%85%A9%E1%86%B7%20%E1%84%88%E1%85%A1%E1%84%84%E1%85%B5.png" alt="시민활동플랫폼 빠띠 이미지" /></div> <div class="mt-4 pl-1"> <div class="text-xl md:text-3xl text-center md:text-left"> </div> <div class="md:hidden block border mt-6"><img src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjEwNDE5LCJwdXIiOiJibG9iX2lkIn19--92431fcccece75055c14633b25465bbf146d61b0/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxNzI4LG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--dea356119580af930523b6864b6cdbd9ad0eef7c/%E1%84%89%E1%85%B5%E1%84%86%E1%85%B5%E1%86%AB%E1%84%92%E1%85%AA%E1%86%AF%E1%84%83%E1%85%A9%E1%86%BC%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A2%E1%86%BA%E1%84%91%E1%85%A9%E1%86%B7%20%E1%84%88%E1%85%A1%E1%84%84%E1%85%B5.png" alt="시민활동플랫폼 빠띠 이미지" /></div> <div class="w-full bg-gray-100"> <ul class="py-6 mx-4 text-sm md:text-md"> <li>시민 권리, 역량, 자산을 확대하는 <span class="font-bold">시민 공간</span>을 통해 <strong>우리 </strong><br class="block md:hidden" /><span class="font-bold"><strong>사</strong>회의 문제 해결 능력</span>을 회복합니다.</li> <li>신뢰와 협력이라는 <span class="font-bold">사회적 자본</span>을 축적해 서로 존중하고 포용하는 <br class="block md:hidden" /><span class="font-bold">더 좋은 공동체</span>를 만듭니다.</li> <li><strong>사회를 위한 기술</strong>과 <strong>시민의 기술</strong>을 <strong>디지털 공공재</strong>로 시민과 함께 사회의 자산으로 만듭니다.</li> </ul> </div> <div class="text-center w-full rounded border border-2 border-primary bg-primary text-center text-white font-medium text-base"><a class="w-full" style="text-decoration: none; color: #fff;" href="https://campaigns.do/" target="_blank" rel="noopener"><span class="block text-center w-full rounded bg-primary py-2 text-center text-white font-medium text-base">서비스 바로가기</span></a></div> <div class="text-center w-full rounded border border-2 border-primary bg-white text-center text-primary font-medium text-base mt-4"><a class="w-full" style="text-decoration: none; color: #fff;" href="https://docs.google.com/presentation/d/1WNh28Y2fwyMjWJejLtlk2ig39XBYNFkgC1sbnMYQVp8/edit#slide=id.g319adf16132_0_109" target="_blank" rel="noopener"><span class="block text-center w-full rounded bg-white py-2 text-center text-primary font-medium text-base">소개서 보기</span></a></div> </div> </div> </div> </div> </section> <section id="page_block_types_editor_5014" style="background-color: " class="group group-page-block-type my-16 group-[.is-footer]:my-8 first-of-type:mt-4 first-of-type:md:mt-8 group-[.group-no-section-margin]:m-0"> <div class="mix-container group-[.is-footer]:px-0"> <div class="prose max-w-none break-all"> <p><span class="text-4xl md:text-6xl font-bold" style="background-image: linear-gradient(to right, #a69dc8 0%, #a0a5cb 25%, #9faed0 49%, #89bcbf 74%, #64b3aa 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;"><span style="font-size: 24pt;">협력안내<br /></span><span style="font-size: 16pt; color: #000000;">빠띠와 함께 디지털 기술로 시민 주도의 변화를 만들어 보세요.</span></span></p> </div> </div> </section> <section id="page_block_types_banner_5027" style="background-color: " class="group group-page-block-type "> <div class="mix-container group-[.is-footer]:px-0"> <img class="hidden w-full md:block" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYyMTA3LCJwdXIiOiJibG9iX2lkIn19--f85c0c548d0816fc9d6e9457b2af0f0434455222/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOls2MDAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--3ba4e746e92c593f5dc083ca9ce9b8197ee6f176/%E1%84%88%E1%85%A1%E1%84%84%E1%85%B5%E1%84%8F%E1%85%AE%E1%86%B8_pc%20(3).png" loading="lazy" /> <img class="w-full md:hidden" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYyMTAzLCJwdXIiOiJibG9iX2lkIn19--c9339c27d5ffd189e7dac192409ed712beb9c48c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsyMDAwLG51bGxdfSwicHVyIjoidmFyaWF0aW9uIn19--a6bebb87cb560cffd1b6eecea0de13a7fd648b57/%E1%84%88%E1%85%A1%E1%84%84%E1%85%B5%E1%84%8F%E1%85%AE%E1%86%B8_mo%20(4).png" loading="lazy" /> </div> </section> <section id="page_block_types_editor_4448" style="background-color: " class="group group-page-block-type my-16 group-[.is-footer]:my-8 first-of-type:mt-4 first-of-type:md:mt-8 group-[.group-no-section-margin]:m-0"> <div class="mix-container group-[.is-footer]:px-0"> <div class="prose max-w-none break-all"> <div class="md:hidden" style="width: 100%; height: 0.063rem; flex-grow: 0; background-color: #d1d4db;"> </div> <div class="hidden md:block" style="width: 100%; height: 0.063rem; margin: 1.5rem 0 1.5rem 0.063rem; background-color: #d1d4db;"> </div> <div class="flex flex-col my-8"> <div class=""><span style="font-size: 1.5rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #373d51;"> 협력안내 </span></div> <div class="" style="margin-top: 0.75rem;"><span style="font-size: 1.125rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: normal; text-align: left; color: #373d51;"> 빠띠와 함께 변화를 만들어요.</span></div> <div class="flex flex-col md:flex-row" style="margin-top: 2rem;"> <div class="flex flex-col md:w-1/3"> <div><span style="width: 1.375rem; height: 3.5rem; flex-grow: 0; background-image: linear-gradient(to right, #a69dc8 0%, #a0a5cb 25%, #9faed0 49%, #89bcbf 74%, #64b3aa 100%); font-size: 3rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; text-align: left; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;"> 1 </span></div> <div style="margin-top: 0.5rem; margin-bottom: 0.5rem;"><span style="font-size: 1.125rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #373d51;">디지털 시민 협력 플랫폼/프로그램/솔루션 활용 </span></div> <div><span style="max-width: 38rem; font-size: 1rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.75rem; letter-spacing: normal; text-align: left; color: #6b7280;"> 캠페인, 공론장, 워킹그룹, 거버넌스 운영·지원 등 대화와 협력의 장을 함께 기획 및 운영하거나, 빠띠의 여러 기술 솔루션을 활용할 수 있습니다. </span></div> </div> <div class="hidden md:block" style="width: 0.125rem; height: 12.5rem; margin-left: 2.5rem; margin-right: 2rem; flex-grow: 0; opacity: 0.5; background-image: linear-gradient(to bottom, #a69dc8 100%, #a0a5cb 75%, #9faed0 51%, #89bcbf 26%, #64b3aa 0%);"> </div> <div class="mx-auto w-full md:hidden" style="margin-top: 2rem; margin-bottom: 2rem; height: 0.125rem; flex-grow: 0; opacity: 0.5; background-image: linear-gradient(to right, #a69dc8 0%, #a0a5cb 25%, #9faed0 49%, #89bcbf 74%, #64b3aa 100%);"> </div> <div class="flex flex-col md:w-1/3"> <div><span style="width: 1.375rem; height: 3.5rem; flex-grow: 0; background-image: linear-gradient(to right, #a69dc8 0%, #a0a5cb 25%, #9faed0 49%, #89bcbf 74%, #64b3aa 100%); font-size: 3rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; text-align: left; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;"> 2 </span></div> <div style="margin-top: 0.5rem; margin-bottom: 0.5rem;"><span style="font-size: 1.125rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #373d51;"> 맞춤형 교육과 컨설팅 </span></div> <div><span style="max-width: 38rem; font-size: 1rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.75rem; letter-spacing: normal; text-align: left; color: #6b7280;"> 열린 기술을 활용한 활동 및 시민 데이터 교육 등 문제해결을 위한 맞춤형 교육과 컨설팅을 제공합니다. </span></div> </div> <div class="hidden md:block" style="width: 0.125rem; height: 12.5rem; margin-left: 2.5rem; margin-right: 2rem; flex-grow: 0; opacity: 0.5; background-image: linear-gradient(to bottom, #a69dc8 100%, #a0a5cb 75%, #9faed0 51%, #89bcbf 26%, #64b3aa 0%);"> </div> <div class="mx-auto w-full md:hidden" style="margin-top: 2rem; margin-bottom: 2rem; height: 0.125rem; flex-grow: 0; opacity: 0.5; background-image: linear-gradient(to right, #a69dc8 0%, #a0a5cb 25%, #9faed0 49%, #89bcbf 74%, #64b3aa 100%);"> </div> <div class="flex flex-col md:w-1/3"> <div><span style="width: 1.375rem; height: 3.5rem; flex-grow: 0; background-image: linear-gradient(to right, #a69dc8 0%, #a0a5cb 25%, #9faed0 49%, #89bcbf 74%, #64b3aa 100%); font-size: 3rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; text-align: left; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;"> 3 </span></div> <div style="margin-top: 0.5rem; margin-bottom: 0.5rem;"><span style="font-size: 1.125rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: left; color: #373d51;"> 공동주최/공동사업 운영 </span></div> <div><span style="max-width: 38rem; font-size: 1rem; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.75rem; letter-spacing: normal; text-align: left; color: #6b7280;"> 사회이슈, 열린 기술, 공익 데이터와 관련된 프로젝트를 함께 기획 및 운영합니다. </span></div> </div> <div class="mx-auto w-full md:hidden" style="margin-top: 2rem; margin-bottom: 2rem; height: 0.125rem; flex-grow: 0; opacity: 0.5; background-image: linear-gradient(to right, #a69dc8 0%, #a0a5cb 25%, #9faed0 49%, #89bcbf 74%, #64b3aa 100%);"> </div> </div> <p class="block font-medium" style="margin-top: 5rem; text-align: center;"><a class="w-full block font-medium text-white text-base rounded bg-primary p-4" style="color: white; text-decoration: none;" href="https://coop.campaigns.do/surveys/questionnaires/f6bf3135f0bd/feedback" target="_blank" rel="noopener"> 협업 문의하기</a></p> </div> </div> </div> </section> <section id="page_block_types_html_881" style="background-color: " class="group group-page-block-type my-16 group-[.is-footer]:my-8 first-of-type:mt-4 first-of-type:md:mt-8 group-[.group-no-section-margin]:m-0"> <div class="mix-container group-[.is-footer]:px-0"> <style> .-mt-2 { margin-top: -.5rem; } .bg-\[\#f2f2f2\] { background-color: #f2f2f2; } .flex-col-reverse { flex-direction: column-reverse; } @media (min-width: 768px) { .md\:w-1\/3 { width: 33.3%; } .md\:w-1\/4 { width: 25%; } .md\:mr-10 { margin-right: 2.5rem; } .md\:w-\[50\%\] { width: 50%; } .md\:w-\[40\%\] { width: 40%; } .md\:w-\[55\%\] { width: 55%; } .md\:w-\[60\%\] { width: 60%; } .md\:pt-12 { padding-top: 3rem; } .md\:pt-18 { padding-top: 4.5rem; } .md\:pt-26 { padding-top: 6.5rem; } .md\:py-8 { padding-bottom:2rem; padding-top:2rem } .md\:text-left { text-align: left; } .md\:-mt-4 { margin-top: -1rem; } } </style> </div> </section> <section id="page_block_types_board_post_882" style="background-color: " class="group group-page-block-type my-16 group-[.is-footer]:my-8 first-of-type:mt-4 first-of-type:md:mt-8 group-[.group-no-section-margin]:m-0"> <div class="mix-container"> <div class="mb-4 flex items-center justify-between"> <h2 class="text-2xl font-semibold"> 소식 </h2> <a class="text-gray-500" href="/boards/news">More</a> </div> <div class="group-board-list-4 group grid grid-cols-2 gap-3 md:gap-4 lg:grid-cols-4 lg:gap-6"> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/M9tEl72"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYxODM3LCJwdXIiOiJibG9iX2lkIn19--1f08fe9f222b9b59212cc1dfd3b610da56aee38c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/parth_thumb.jpg" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">조합</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> 2025년 사회적협동조합 빠띠 정기총회 공고 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400">     2025년 사회적협동조합 빠띠 정기총회 공고      2025년 사회적협동조합 빠띠 조합원 정기총회를 아래와 같이 개최하오니 꼭 참석하여 주시기 바랍니다.   - 아 래 -              1.일시 : 2025년 2월 27일 (목요일 16시 30분)            2.장소 : 서울특별시 성동구 왕십리로 115 헤이그라운드 Round28            3.온라인 : https://meet.google.com/vuq-qjti-jfa            4.참석대상 : 사회적협동조합 빠띠 조합원            5. 식순             - 기념식            - 참가 조합원 소개            - 총회 안내            - 정기총회              ○ 상정 안건                 1) 2024년 감사보고서 승인의 건                 2) 2024년 총회 회의록 공유                 3) 2024년 사업보고 및 결산(안) 승인의 건    ... </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2025-02-17</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/4Xte9V1"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYxODM0LCJwdXIiOiJibG9iX2lkIn19--a6df051445591f97f8a60aa6e7d665408c1d492d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--34751591a8e7d95fe7a6af40ce5975c74a5df538/%E1%84%87%E1%85%B5%E1%84%89%E1%85%A1%E1%86%BC%E1%84%92%E1%85%A2%E1%86%BC%E1%84%83%E1%85%A9%E1%86%BC%20%E1%84%89%E1%85%A1%E1%84%92%E1%85%AC%E1%84%80%E1%85%A2%E1%84%92%E1%85%A7%E1%86%A8%E1%84%90%E1%85%B3%E1%86%A8%E1%84%8B%E1%85%B1-og%20(1).png" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">빠띠</span> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">데모스X</span> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">믹스온</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> 사회대개혁을 위한 디지털 자유발언대 '천만의 연결' 오픈 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400"> 광장에 모인 천만의 불빛? 이제는 집에서, 동네에서도 우리는 연결된다! 사회대개혁을 위한 온라인 종합페이지 '천만의 연결' 오픈 사회적협동조합 빠띠와 전국 1,700여개 단체가 함께 하고 있는 <윤석열즉각퇴진·사회대개혁비상행동>(이하 비상행동)은 2월 10일 디지털 자유 발언대 '천만의 연결'( https://talk.bisang1203.net/)을 오픈했습니다. 아래 비상행동의 보도자료 내용을 붙입니다.  '천만의 연결'로 연결되기» https://talk.bisang1203.net/ 사회대개혁 온라인 종합 페이지 ‘천만의 연결’ 오픈 디지털 자유발언대를 통해 나온 ‘광장의 목소리’를 ‘정책과 공약’으로 시민 누구나 전국 100여개 대화모임 제안하고 참여할 수 있어 15일 4시부터는 본무대서 사회대개혁 이야기 다 나누는 ‘사이다’ 모임   취지와 목적 전국 1,700여개 단체가 함께 하고 있는 <윤석열즉각퇴진·사회대개혁비상행동>(이하 비상행동)은 발족 당시부터 윤석열 퇴진을 넘어, 인권과 민주주의, 생태와 평화가 이뤄지고 누구나 인간다운 삶을 누리는 세상을 만들기 위한 ‘사회대개혁’을 활동목표로 내세웠습니다. 이를 위해 비상행동의 특별위원회로 ‘사회대개혁특별위원회’를 구성하고 사회대개혁을 요구하는 ‘광장의 목소리’를 구체적인 변화로 만들어가기 위한 다양한 기획을 준비하고 있습니다. 사회대개혁특별위원회는 이러한 기획 중 하나로 시민 누구나 자유롭게 참여해 △ ‘우리가 원하는 세상’을 이야기(디지털 자유발언대 ‘천만의 말씀’)하고, △ 제안된 내용에 대해 의견이나 반응을 남기고 ,△구체적인 정책을 제안하고, △이러한 내용의 대화모임을 개설하고 (온오프라인 시민대화모임 ‘천만의 대화’), △각 대화모임에서 나온 이야기들을 한 눈에 살펴볼 수 있는 <온라인 종합페이지 ‘천만의 연결’을 10일(월) 공개합니다. 비상행동은 ‘천만의 연결(약칭 ‘연결’)’을 통해 광장에 모인 천만 시민들의 빛을 온라인 공간으로,... </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2025-02-15</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/XBtXVYD"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYxODMyLCJwdXIiOiJibG9iX2lkIn19--31f9f65ba5d51630ad721caf290364d7f3769235/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/%E1%84%89%E1%85%A9%E1%84%89%E1%85%A7%E1%86%AF%E1%84%86%E1%85%A9%E1%84%82%E1%85%B5%E1%86%BC%E1%84%89%E1%85%A1%E1%86%AF%E1%84%85%E1%85%A9%E1%86%BC.jpg" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">빠띠</span> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">조합</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> [사회혁신기업가] 1월의 소셜모닝살롱: 디지털과 사회혁신 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400">   1월 소셜모닝살롱은 "공정한 사회를 위한 디지털 기술"이란 주제로 진행했습니다. 정치와 자본으로부터 독립되어 다수의 시민들이 참여하는 민주주의 플랫폼을 지향하는 빠띠의 깊이 있는 고민과 임팩트 있는 활동들은 참여자들에게 커다란 울림을 줄 수 있었습니다. 실질적인 변화를 만들어가기 위해 몇 천~몇 만명의 팬(덕후)들을 조직화하는 것이 중요하다고 말씀하셨는데 저희도 그런 조직으로 가고 싶다는 생각이 들더군요. (중략) 참여하신 분들과 함께 지속적으로 교류하고, 협업하면서 의미있는 성과를 만들어가겠습니다. [행사 개요] 1. 대상 : 사회혁신기업가네트워크 회원 2. 일시 : 1월 15일 (수) 7시~9시30분 3. 장소 : NH투자증권 3층 회의실(센트럴 파크1) 4. 프로그램 07:00 ~ 07:10 등록 및 네트워킹 07:15 ~ 08:05 발표1 및 Q&A: 디지털 기술을 통한 연결과 협력, 더 좋은 공동체 – 사회적협동조합 빠띠 권오현 이사장 08:05 ~ 08:40 발표2 및 Q&A: 누구도 소외되지 않는 기술, 모두가 공유하는 AI – 모두의 연구소 김승일 대표 08:40 ~ 09:20 Q&A 및 자기소개 09:20 ~ 10:30 자유 네트워킹(라운지 카페) > 원문 보기   > 텍스트로 보기 </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2025-01-15</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/w9tpR09"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYxODI5LCJwdXIiOiJibG9iX2lkIn19--29be559183365f36ebd903df6ae026634942452a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/parth_thumb.jpg" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">빠띠</span> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">시티즌패스</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> [채용공고] (신입/스탭) 빠띠즌 팀 멤버십 운영 활동가를 채용합니다 (~1/26) </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400">   직무 개요 소속부서 : 빠띠즌 직무분야 : 멤버십 운영 사회적협동조합 빠띠를 소개합니다 사회적협동조합 빠띠는 목소리를 모으고, 대화의 장을 열고, 사회문제를 직접 해결하는 시민의 플랫폼인 디지털 시민 광장 빠띠를 운영합니다. 디지털 민주주의로 좋은 사회를 만들 수 있다는 믿음을 가지고 플랫폼을 넘어 시민 대화·데이터 리빙랩·활동가 커뮤니티까지 영역을 확대하고 있습니다.  빠띠는 ‘빠띠즌(빠띠+시티즌)’과 함께 시민이 주도하는 참여와 공론의 장을 만들고, 참여를 확장하는 열린 플랫폼을 만듭니다. 빠띠즌을 확대하고, 빠띠와 함께 변화를 만들 분을 기다립니다! 빠띠즌 팀을 소개합니다 빠띠즌 팀은 빠띠의 멤버십을 운영합니다. 멤버십 운영 지원 담당자로서, 빠띠즌들을 위한 빠띠즌들을 모임·교육·프로젝트 등을 기획합니다. 빠띠의 사이트에 방문하고, 활동에 참여하는 분들이 빠띠즌이 될 수 있도록 다른 사업부와 긴밀하게 협업합니다. 이런 일을 합니다 빠띠즌과의 소통·안내를 위한 텍스트·이미지 콘텐츠를 작성해요. 이메일과 문자 텍스트를 작성하고, 텍스트가 잘 읽히도록 간단한 디자인 작업을 해요. 소통 과정을 분석해 다음 소통은 어떻게 하면 더 효과적으로 할 수 있을지 실험해요. (참고 : 함께 하는 600명의 멤버들) 모임·교육·특강 등 빠띠 플랫폼 이용자들과 빠띠즌이 원하는 활동을 기획하고 운영해요. 작년에는 활동가 네트워크 모임, 독서 모임, 북토크 등을 진행했어요. (참고 : "'후원자 발굴 꿀팁' 듣고 온 썰 풉니다~") 빠띠 플랫폼의 유저와 참여자들이 빠띠즌이 될 수 있는 방법을 고민하고 실행해요. 월간 이슈, 플랫폼 활동 등을 보며 빠띠즌으로 연결되기 위해 무엇이 필요할지 찾아요. 이런 분이었으면 좋겠어요 사람들과 직접 커뮤니케이션을 진행하며 문제 해결을 해 본 분이 필요해요. 화려한 스킬보다는 글을 깔끔하게 쓰고 정리하는 역량이 있으면 좋아요. 간단한 이미지 작업을 할 수 있는 분이 필요해요. 새로운 시도와 도... </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2025-01-09</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/pot7oED"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Njg2OTg1LCJwdXIiOiJibG9iX2lkIn19--29eca87c1a54512ffa4a0e3389e0dae552602864/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--34751591a8e7d95fe7a6af40ce5975c74a5df538/CleanShot%202024-12-20%20at%2017.46.38@2x.png" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">빠띠</span> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">2024년</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> 새롭게 단장한 시민활동플랫폼 빠띠✨에서 여러분을 기다리고 있습니다 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400"> 안녕하세요, 빠띠를 만드는 권오현(시스)입니다.  빠띠가 지난 9년간의 시민 참여, 협력의 실험과 모색을 마치고 시민활동플랫폼 빠띠로 본격적인 활동을 시작합니다. 빠띠에 애정과 관심을 보여주셨던 분들께, 빠띠의 새로운 출발을 알려드리며 동참을 요청드립니다. 그동안 빠띠는 캠페인, 공론장, 리빙랩, 커뮤니티 등 다양한 시민 활동의 모델과 사례를 만들었습니다. 이 모든 시민 활동을 목소리를 모으고, 대화의 장을 열고, 사회 문제를 직접 해결하는 시민활동플랫폼 빠띠에 모았습니다. 혐오와 갈등, 무관심과 각자도생으로 무너지고 있는 사회를 일으킬 힘은, 존중하고 포용하며 대화하고 협력하는 시민들에게 있습니다. 빠띠는 이러한 믿음으로 시민이 주도하는 더 많은 연결과 더 나은 협력을 만들어 나가려 합니다.  🤝 시민활동플랫폼 빠띠는 더 많고 더 나은 일상의 민주주의를 지향합니다 혐오와 차별, 허위 정보와 여론 조작으로부터 안전한 사회 다양한 개인과 집단이 존중 받으며 참여하는 포용의 사회  대화와 숙의로 시민, 전문가, 기관이 함께 문제를 해결하는 협력의 사회 축적한 공동의 경험을 통해 다양성과 협력의 가치를 믿는 신뢰의 사회 이것이 바로 빠띠가 존재하는 이유이자 추구하는 목표입니다. 빠띠는 협력하는 시민의 힘이 이런 사회를 만들 수 있다고 믿습니다. ✨ 시민활동플랫폼 빠띠는 시민들이 직접 가꾸어 나가는 공간입니다 시민들은 빠띠에서 관심 있는 이슈를 구독하고 다양한 시민 활동에 참여할 수 있습니다. 허위 정보와 혐오 발언이 뒤섞인 댓글창과 자극적인 이야기를 확대 재생산하며 고립된 소셜미디어 사이에서, 빠띠는 안전하고 효과적이면서 신뢰할 수 있는 시민의 플랫폼이 되고자 합니다. 좋은 질문과 열린 대화로 지금 우리 사회가 당면한 문제를 들여다보는 빠띠 시민대화, 시민들이 주체가 되어 데이터로 사회문제를 파악하고 ... </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2024-12-20</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/4Xtek02"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Njg2NjIwLCJwdXIiOiJibG9iX2lkIn19--d0e7f68eae1fe9602dda63a988d83d49549ef8a9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/05556f2a-1c35-4753-b5eb-7f995a736f58.jpg" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">빠띠</span> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">조합</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> [빠띠즌] 기부금 영수증 발급 안내 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400"> 2024년에도 빠띠를 후원해주신 빠띠즌님들께 깊이 감사드립니다. 🙇🏻‍♀️ 2024년 빠띠는 '연결과 협력으로 더 좋은 공동체를 만드는 사회적 플랫폼 협동조합'으로, 시민들이 목소리를 내고 대화하고 협력하는 플랫폼을 만들고 디지털 공간과 지역을 넘나들며 시민들과 함께 다양한 변화를 만들었습니다. 빠띠즌님들의 지지와 후원 덕분입니다. 2025년도 함께 더 커다란 변화의 이야기를 만들어요. 고맙습니다. 2024년 연말정산을 위한 기부금 영수증🧾 발급 방법을 안내해드립니다. 1. 기부금 영수증 발급 대상 2024년 정기 혹은 일시 후원해주신 분 모두 👏🏻   2. 기부금 영수증 발급 준비하기 (2024년 1월 5일까지) 마이페이지에 가입하고 로그인합니다. 마이페이지 회원정보 탭에 이름과 주민등록번호 13자리 또는 사업자번호 10자리가 맞게 등록되어 있는지 확인합니다. 마이페이지 후원내역 탭과 납입내역 탭에서 후원 정보와 연도별 후원 합산 금액을 확인합니다. ( → 빠띠 후원 담당자가 국세청에 후원 내역을 등록합니다. 이름과 주민번호/사업자번호 정보가 없으면 국세청에 등록할 수 없습니다.)   3. 기부금 영수증 발급 받기 (2025년 1월 15일부터) 방법 1 : 국세청 홈택스 연말정산 간소화 서비스를 통해 기부금 영수증을 출력합니다. (개인기부자만 해당) 방법 2 : 마이페이지 기부금영수증 탭에서 기부금 영수증을 출력합니다. 기부금 영수증이나 후원에 궁금한 게 있으시다면 전화나 이메일 주셔요~ 📞 후원 담당자 전화 : 010-3011-6417 (평일 09:00~18:00) ✉️ 사회적협동조합 빠띠 이메일 : member@parti.coop </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2024-12-19</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/RGtZoG"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTkzMDYxLCJwdXIiOiJibG9iX2lkIn19--0e93fd1c0bbf2e792b92fbe8e16133b769248456/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4MDAsNDUwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--b9a96cefa304fcb6f803f11228556a7ec24b8e27/B9BE05F0-F609-4E6F-9EE4-2DA298D63DE4_1_105_c.jpeg" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">2024년</span> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">빠띠 타운홀</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> 2024 부산국제영화제 현장에 나타난 빠띠 타운홀을 만나보세요 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400"> 세계 영화인에게 사랑받는 영화 축제인 부산국제영화제, 2023년에 이어 ‘2024 부산국제영화제 커뮤니티비프 관객프로그래머 선정 투표’도 빠띠 타운홀과 함께 했는데요. 올해에는 영화제 현장에서도 빠띠 타운홀을 활용했습니다. 영화제는 단순한 영화 상영을 넘어 다양한 이벤트를 통해 관객과의 소통을 강화했는데요. 약 30여 개의 프로그램별로 빠띠 타운홀을 활용해 감독, 배우에게 질문을 남기거나, 만족도 조사등을 진행했습니다. 이번 부산국제영화제는 코로나19 이후 가장 성공적인 행사로 평가받았습니다. 총 관객 수 14만 5238명, 좌석 점유율 약 84%를 기록하며 지난해보다 증가한 수치를 보였다는데요. 특히 이는 300편 이상을 상영하던 코로나 이전과 비교해도 역대 최고의 좌석 점유율이라는 점에서 의미가 크다고 합니다. 뜻깊은 자리에 빠띠 타운홀이 함께 할 수 있어서 정말 감사했습니다. 코로나19가 끝난게 이제서야 실감이 나는듯, 연말 다양한 행사가 이어지는데요. 빠띠 타운홀과 함께 하면 더 재미있는 이벤트와 투표를 만들수 있답니다. 빠띠 타운홀 사용 뿐만 아니라, 이벤트나 투표 기획도 지원하고 있으니 언제든지 문의주셔요. 빠띠 타운홀 문의하기   📝 글: 빠띠 이사장 권오현 (ohyeon@parti.coop) </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2024-11-19</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/1RtLWP"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTkyMDMyLCJwdXIiOiJibG9iX2lkIn19--4a4a912d91a2814b58232a84a28396149a59ab3f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/KakaoTalk_20241018_124356099_20.jpg" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">캠페인즈</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> 이태원 참사 2주기, 시민 100인의 질문과 대화 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400"> 여러분은 이태원 참사를 주제로 주변 사람과 이야기 나눠보신 적이 있나요? 우리는 이 주제를 갖고 온전히 대화하며 기억하고 애도 할 수 있을까요? 참사 2주기를 앞둔 2024년 8월 프로젝트를 기획하던 빠띠는 시민들과 함께 나누기 위한 질문을 만들었습니다. 빠띠는 더 나은 사회를 만들기 위해서는 좋은 질문들에 대해 함께 대답해 나갈 필요가 있다는 생각으로 질문 프로젝트를 진행하고 있습니다. '대화가 세상을 바꿀 수 있을까요?'라는 문제의식으로 한겨레와 함께 '한국의 대화' 프로젝트를 진행하고 있으며, 이번에는 사회적 참사의 위험 문제를 해결하기 위한 '안전'의 관점에서 '이태원 참사, 어떻게 마주해야 할까요?'라는 질문을 제시하였습니다. 실질적인 문제 해결을 위해 10개의 상세질문을 마련하여 누구나 대답하고 그 결과를 함께 확인할 수 있도록 했습니다. 질문 페이지에는 질문과 투표뿐만 아니라 이태원 참사와 관련한 시민들의 글과 '이태원 참사 기억 시민회의' 발제자들의 발제글을 함께 볼 수 있습니다. 이태원 참사와 관련한 문제들을 인식하고 해결하기 위해 필요한 질문들을 확인하고 함께 대답해보며, 다른 전문가와 시민들이 쓴 글들을 읽으며 인식을 발전시켜 나가고 종국에는 공동의 인식을 형성해 나가는 경험을 함께 만들어가고자 합니다.  이태원 참사 질문 페이지 갈무리 이제 본격적으로 ‘이태원참사 기억 시민회의’에 대한 이야기를 시작해 보겠습니다.  10.29 이태원 참사 유가족 협의회 故임종원 아버지 임익철 님의 인사로 시민회의 순서를 시작했습니다.  이태원을 기억하는 호박랜턴 이상민 활동가, 뉴스타파 홍주환 기자, 조선희 저널리즘연구활동가, 최성용 사회연구자가 각각 회복, 인식, 언론, 기억에 대한 발제를 진행했습니다.   이상민 활동가는 “참사가 일어난 공간에서 어떻게 이어나가야 할지 모두가 주저했”다며, 용산에서 나고 자라 지금도 용산 주민으로 살고 있는 이상민 활동가가 프로젝트를 기획하고 실행한 경험을 공유... </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2024-11-15</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/njtJ3M"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTkwMzU0LCJwdXIiOiJibG9iX2lkIn19--56b5ffdc8173bf0d7e13378680c66c2f5efdd2f8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/%EC%8D%B8%EB%84%A4%EC%9D%BC.jpg" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">믹스온</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> [믹스온리지널 인터뷰] UXUI 디자이너가 어떤 일을 하냐면😎 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400"> 원스톱 디지털 솔루션 믹스온을 소개합니다! 마지막 네 번째 믹스온리지널 인터뷰의 주인공은 믹스온을 포함한 빠띠의 모든 디지털 솔루션 UIUX를 총괄하는 '레셈' 님입니다! UIUX라는 말이 다소 낯설 수도 있을텐데요. UI는 User Interface, UX는 User experience의 약자입니다. UIUX 디자이너는 어떤 일을 하는지, 지금까지 웹사이트 디자인을 몇 개나 했고, 그중 가장 기억에 남는 웹사이트는 어디였는지 인터뷰했습니다. 영상에서 확인해보세요! ✨원스톱 디지털 솔루션, 믹스온 mixon.io 반갑습니다! 자기 소개 부탁드려요. 안녕하세요. 저는 빠띠 솔루션팀에서 UXUI 디자인을 하고 있는 ‘레셈’이라고 합니다. 빠띠에서 일을 시작하게 된 건 2017년도인가 2018년도인 것 같은데요. 파트너와 풀타임 근무를 반복하다가, 지금은 풀타임으로 일을 하고 있습니다.(웃음)   어떤 일을 하고 계시나요? 저는 빠띠의 UIUX를 총괄하고 있습니다. (UIUX가 뭔지 알려주세요😅) UIUX 디자이너는 앱이나 웹을 사용하는 사용자들이 편리하게 서비스를 사용할 수 있도록 만들고 개선하는 역할을 하는 사람이라고 생각하는데요. 그런 점에서 제일 중요한 게 사용자 입장에서 생각하는 것이고요. 사용자가 필요한 기능을 쉽게 찾을 수 있도록 디자인 하고 있습니다. 사용자가 이 서비스를 왜 쓰는지, 어떤 목적을 가지고 있는지, 사용하는 데 불편함이 없는지, 그런 것들을 분석하고 해결하고 있습니다. 결국 UIUX 디자이너는 사용자 경험을 더 좋게 만드는 것을 목표로 하고 있는 것 같습니다.    지금까지 계속 UIUX 디자이너로서 일을 하셨으면 꽤 많은 작업을 하셨을 것 같은데, 혹시 몇 개나 작업했는지 세어 보신 적 있나요? 제가 웹 디자인을 2009년부터 시작하게 됐는데요. 총 작업 수를 세어보지는 못했는데 올 한해 믹스온 프로젝트로 작업한 곳은 10여개 정도가 되는 것 같습니다.  &nbsp... </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2024-11-13</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/q1tyRY"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTg0NjYwLCJwdXIiOiJibG9iX2lkIn19--ac92949065db194da6d7688ceabf9b92d28d088b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/%EC%8D%B8%EB%84%A4%EC%9D%BC.jpg" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">믹스온</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> [믹스온리지널 인터뷰] 서비스 기획자가 말하는, 개발자와 일하기 꿀팁🧐 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400"> 원스톱 디지털 솔루션 믹스온을 소개합니다! 세 번째 인터뷰 자리에는 믹스온 서비스 기획을 맡고 있는 '선화' 님을 모셨습니다! 비대면으로 근무할 때의 소통&협업 방법과 개발자와 일하기 위해 필요한 노하우, 외부 조직과 협업할 때 가장 주의하는 부분 등을 질문했는데요. 40명의 클라이언트에게 둘러 쌓였던 이야기부터😵 나만의 애착 장비까지! 영상에서 확인하세요. ✨원스톱 디지털 솔루션, 믹스온 mixon.io 반갑습니다. 자기 소개 부탁드려요. 안녕하세요~ 사회적협동조합 빠띠 솔루션팀에서 프로젝트 매니저 겸 기획자로 일하고 있는 ‘이선화’ 라고 합니다. 저는 선화님이라고 불리는 게 좋아서 별도로 닉네임은 쓰고 있지 않고 이름을 닉네임으로 쓰고 있습니다.   선화 님은 어떤 일을 하고 계신가요? 저는 디지털 적정 전환 솔루션인 믹스온을 기반으로 프로젝트를 만들거나 믹스온의 기능을 기획하는 일을 하고 있습니다. 파트너들이 믹스온 기능을 보시고 “우리 이런 기능 필요해, 추가로 다른 기능도 개발 가능해?” 라고 물어보시는 경우들이 있는데요. 이때 추가 기능들에 대한 기획 논의를 진행하고 프로젝트를 만드는 작업을 하고 있습니다. 그리고 믹스온이 추구하는 관계 관리나 사이트 관리의 기능을 기획하는 일도 같이 하고 있습니다.   빠띠는 비대면으로 근무하니까 의사소통이 더 중요할 것 같은데요. 다른 직무에 있는 크루들과 어떻게 소통하며 협업하고 있나요? 저희는 회의를 많이 하고 있는데요. 월요일 주간 회의를 통해서 지난주에 했던 일들, 그리고 이번 주에 할 일을 정리하고요. 정리된 내용을 수요일, 금요일에 한번 더 체크합니다. 그리고 매일 체크인도 하는데요. 체크인을 하면서 오늘 해야 될 업무들과 예상 소요시간을 적어서 동료들이 알 수 있도록 하고 있습니다.  슬랙으로 자주 자주 소통하고 온라인 미팅이 필요하면 바로 요청드려서 시간을 정해서 하는 편이구요. 얘기한 내용들은 회의록으로 남겨서 회의에 참여하지 ... </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2024-10-31</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/0ktWJ8"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTgyOTE4LCJwdXIiOiJibG9iX2lkIn19--b6dc0756561ff73d338d09212016337a0a1b9871/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--34751591a8e7d95fe7a6af40ce5975c74a5df538/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-10-25%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.04.04.png" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">데모스X</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> 청년의 소울로 만드는 서울, 2024 서울청정넷 총회 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400">   지난 10월 12일, 서울시청 서소문1청사에서 서울청년정책네트워크 총회가 열렸습니다.  청년들의 열정과 아이디어가 가득한 현장이었습니다. 서울청년정책네트워크는 서울시 청년들이 일상의 문제를 정책으로 제안하고 해결책을 찾는 활동입니다. 총회에서는 한 해의 추진 현황을 공유하고, 정책 발표와 2025 청년자율예산안을 의결했습니다. 올해 함께 만든 슬로건은 '청년의 소울로 만드는 서울'이었는데요, 슬로건에 걸맞게 유난히 뜨거운 환호와 박수가 총회 내내 가득했습니다. 소울로 채운 한 해 3월 위원 모집을 시작으로 4월 시정참여교육, 7월까지 이어진 청년자율예산 정책 제안, 그리고 오늘의 총회까지 쉼 없이 달려온 한 해였습니다. 특히 올해는 네트워킹데이가 3차례나 열렸고, 새롭게 시작된 키움단과 홍보단 활동으로 더 넓은 시정참여를 할 수 있었습니다. 정책제안 추진 경과로는 올해 4월부터 5월까지 48개의 정책 제안서 초안이 제출되었고, 전문가 자문을 거쳐 30건이 소관 부서와 협의되었습니다. 이 중 10건의 정책은 대시민 투표를 진행했고, 아직 예산 검토와 시의회 심의 의결이 남아있지만, 한 해 동안의 노력이 결실을 맺어가고 있습니다. 정책발표회  정책발표회에서는 부적격으로 선정되지 못했지만 열심히 활동하여 제안했던 정책을 발표했습니다. 이 시간을 통해 정책제안 비하인드 스토리와 배움과 성장의 계기를 들어볼 수 있었습니다. 특히, 이번 총회에서는 발표와 질의응답 시간을 길게 할애하였는데요, 단순히 예산 편성 여부를 넘어 문제 해결 과정 자체에 큰 의미를 두었기 때문입니다. 그동안 서울청정넷이 좋은 정책을 만들어온 기반은 바로 이러한 논의와 발전의 과정이 덕분이 아니었을까요? 정책발표회에는 기후환경분과 2팀, 문화예술분과 1팀, 사회안정망분과 2팀, 일자리창업분과 2팀, 주거분과 1팀 마지막으로 정책키움단과 정책홍보단까지 총 10팀의 정책발표가 있었습니다. 문제해결을 위해 토의하고 의제를 형성해왔던 과정을 통해, 위원 모두 한 ... </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2024-10-25</p> </div> </div> </div> </a> <a class="relative group/story block w-full rounded border border-gray-200 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 group/story " href="https://coop.campaigns.do/posts/70ta19"> <div class="group-[.is-no-image]/story:bg-opacity-85 overflow-hidden border-b border-gray-100 group-[.is-no-image]/story:bg-primary group-[.is-no-image]/story:text-primary_foreground"> <img class="aspect-grid w-full object-cover transition-transform duration-300 hover:scale-110" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTgyMDM2LCJwdXIiOiJibG9iX2lkIn19--3ed4de7dc98a9054de7b6c8160a658d4c565fdf8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/%EC%8D%B8%EB%84%A4%EC%9D%BC.jpg" loading="lazy" /> </div> <div class="py-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 px-4"> <span class="mr-1 rounded-sm bg-primary/20 px-1 py-0.5 text-center text-primary">믹스온</span> </div> <div class="px-4"> <h5 class="line-clamp-1 text-lg font-semibold tracking-tight text-gray-900 group-[.group-board-list-4]:line-clamp-2 group-[.group-board-list-4]:min-h-13 group-[.group-board-list-2]:text-xl group-[.group-board-list-4]:text-md md:mb-2 group-[.group-board-list-4]:md:text-lg"> <span class="hover:underline"> [믹스온리지널 인터뷰] 개발자가 비영리에서 일하는 이유 </span> </h5> <p class="line-clamp-2 text-md text-gray-500 group-[.is-hidden-description]:hidden group-[.group-board-list-3]:text-sm group-[.group-board-list-4]:text-xs dark:text-gray-400">   원스톱 디지털 솔루션 믹스온을 소개합니다! 믹스온리지널 두 번째 인터뷰 콘텐츠의 주인공은 믹스온의 관계관리 기능을 개발하는 달로스 님입니다. 아래 영상과 본문을 통해 믹스온의 관계관리 기능과 어떻게 비영리에서 일하게 됐는지 등을 알아보세요! ✨원스톱 디지털 솔루션, 믹스온 mixon.io 반갑습니다. 자기 소개 부탁드려요. 안녕하세요, 저는 '달로스'라고 합니다. 현재 사회적협동조합 빠띠의 솔루션 팀에서 믹스온과 빠띠 타운홀을 운영하고 웹 서비스를 개발하고 있습니다.    개발자가 비영리에 정말 없잖아요. 달로스 님은 어떻게 비영리에서 일하게 되셨나요? 저는 이전부터 시민들의 사회적 참여에 관심이 많았습니다. 그러다가 다양한 사람들과 의미있는 변화를 만드는 빠띠를 알게 됐고, 저도 빠띠의 이런 활동에 도움이 되고 시민사회를 배우고자 빠띠에 합류하게 되었습니다.    믹스온에서 어떤 일을 하고 계신가요? 저는 빠띠 솔루션 팀에서 믹스온 개발을 담당하고 있습니다. 주요 업무로는 믹스온의 ‘관계 데이터’ 관리를 설계부터 개발까지 담당하고 있는데요. 관계 데이터 관리는 사이트 관리자가 사용자가 데이터를 효율적으로 관리할 수 있도록 하는 기능입니다.    관계 데이터 관리 기능이요? 어떤 데이터를 관리할 수 있나요? 믹스온은 우리 조직과 연결된 사람들을 손쉽게 관리할 수 있도록 다양한 데이터를 관리하는 기능을 제공하고 있습니다. 대표적인 기능이 바로 팬 관리인데요. 팬클럽 할 때 그 팬이고요. 믹스온에서의 팬이란 이미 우리 조직의 소식을 받아보고 있는 회원이나 후원자에서 나아가 좀 더 포괄적인 범위를 의미합니다.  예를 들어 홈페이지에 가입하진 않았지만 오프라인 행사에 오셨던 분이 될 수도 있고요. SNS 이벤트에 참가했던 사람이 될 수도 있습니다. 이런 분들의 성함이나 연락처, 조직 정보, 관심사 등을 믹스온에 등록할 수 있는데요. 등록된 사람들은 그룹으... </p> <div class="mt-1 flex justify-between text-sm md:mt-2"> <p class="text-gray-500 dark:text-gray-400">2024-10-24</p> </div> </div> </div> </a> </div> </div> </section> <section id="page_block_types_board_post_883" style="background-color: #fafafa" class="group group-page-block-type py-16 group-[.is-footer]:py-8 is-hidden-category"> <div class="mix-container"> <div class="mb-4 flex items-center justify-between"> <h2 class="text-2xl font-semibold"> 언론·미디어 </h2> <a class="text-gray-500" href="/boards/press">More</a> </div> <div class="grid grid-cols-1 gap-4"> <a class="flex-row-reverse items-start justify-between rounded border border-gray-200 sm:flex" href="/posts/o7tnkap"> <img class="h-auto w-full border-0 border-gray-100 object-cover sm:ml-4 sm:h-full sm:w-[16rem] md:border" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYyMDI4LCJwdXIiOiJibG9iX2lkIn19--a23718575ddb15a9318fe58d5778e56c5f60a8be/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/dlfhdnsspt.jpg" loading="lazy" /> <div class="flex-1 p-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 "> </div> <h3 class="font-lg mb-2 line-clamp-1 pt-2 text-xl font-semibold tracking-tight text-gray-900 dark:text-white md:pt-0"> <span class="hover:underline"> "기후정치, 데이터로 읽다"...기후정치바람·빠띠, 시민과 함께 '기후정치 데이터톤' 개최 (이로운넷 외 1건) </span> </h3> <p class="line-clamp-2 font-normal text-gray-500 group-[.is-hidden-description]:hidden dark:text-gray-400"> [이로운넷] "기후정치, 데이터로 읽다"...기후정치바람·빠띠, 시민과 함께 '기후정치 데이터톤' 개최 전국 1.7만 명 대상 인식조사 데이터 공개…정책·행동 분석으로 이어져 33.5% '기후유권자' 확인…"공약 따라 정치성향 넘는 투표도 가능" 기후위기를 정치의 언어로 풀기 위한 새로운 시도가 시민 주도로 펼쳐졌다.  사회적협동조합 빠띠... </p> <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">2025-04-02</p> </div> </a> <a class="flex-row-reverse items-start justify-between rounded border border-gray-200 sm:flex" href="/posts/70tew5y"> <img class="h-auto w-full border-0 border-gray-100 object-cover sm:ml-4 sm:h-full sm:w-[16rem] md:border" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYyMDI0LCJwdXIiOiJibG9iX2lkIn19--06f91e239eb0e228bf7fa894a014950b328b2f95/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/000.jpg" loading="lazy" /> <div class="flex-1 p-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 "> </div> <h3 class="font-lg mb-2 line-clamp-1 pt-2 text-xl font-semibold tracking-tight text-gray-900 dark:text-white md:pt-0"> <span class="hover:underline"> "시민이 주인 되는 세상, 함께 만들어가요"… 빠띠, 월간이슈 통해 시민 의견 모아 </span> </h3> <p class="line-clamp-2 font-normal text-gray-500 group-[.is-hidden-description]:hidden dark:text-gray-400"> [이로운넷] "시민이 주인 되는 세상, 함께 만들어가요"… 빠띠, 월간이슈 통해 시민 의견 모아 디지털 시민 플랫폼 ‘빠띠’가 지난 1월부터 3월까지 약 5만 명의 시민과 함께 ‘시민 주권’을 주제로 다양한 캠페인, 투표, 대화, 토론을 진행했다. 1일 빠띠 측에 따르면 윤석열즉각퇴진사회대개혁비상행동이 주관한 ‘헌재는 주권자의 목소리를 들어라!’ ... </p> <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">2025-04-01</p> </div> </a> <a class="flex-row-reverse items-start justify-between rounded border border-gray-200 sm:flex" href="/posts/pot7ynl"> <img class="h-auto w-full border-0 border-gray-100 object-cover sm:ml-4 sm:h-full sm:w-[16rem] md:border" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYxODU1LCJwdXIiOiJibG9iX2lkIn19--caf19cb9e322450c6a41f9b958beff15eb2de073/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--34751591a8e7d95fe7a6af40ce5975c74a5df538/%E1%84%89%E1%85%A5%E1%84%87%E1%85%AE%E1%84%8C%E1%85%B5%E1%84%87%E1%85%A5%E1%86%B8%20%E1%84%91%E1%85%A9%E1%86%A8%E1%84%83%E1%85%A9%E1%86%BC.png" loading="lazy" /> <div class="flex-1 p-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 "> </div> <h3 class="font-lg mb-2 line-clamp-1 pt-2 text-xl font-semibold tracking-tight text-gray-900 dark:text-white md:pt-0"> <span class="hover:underline"> "서부지법 폭동을 강력처벌하고, 극우 유튜버들의 수익 창출은 중단해야 해요" … 빠띠, 월간 이슈 통해 시민 참여 확대 </span> </h3> <p class="line-clamp-2 font-normal text-gray-500 group-[.is-hidden-description]:hidden dark:text-gray-400"> [이로운넷]"서부지법 폭동을 강력처벌하고, 극우 유튜버들의 수익 창출은 중단해야 해요" … 빠띠, 월간 이슈 통해 시민 참여 확대 "시민 2천 명, 민주주의를 지키는 방법을 함께 고민하다" 12·3 내란 사태 이후, 민주주의의 위기가 지속되는 가운데 디지털 시민 광장 빠띠에서 2천 명의 시민이 민주주의를 지킬 방법을 논의했다. 빠띠는 시민들이 사회적... </p> <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">2025-03-13</p> </div> </a> <a class="flex-row-reverse items-start justify-between rounded border border-gray-200 sm:flex" href="/posts/eVtMKDo"> <img class="h-auto w-full border-0 border-gray-100 object-cover sm:ml-4 sm:h-full sm:w-[16rem] md:border" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzYxODUzLCJwdXIiOiJibG9iX2lkIn19--58fc8ab488de56d65818ceeffb87c0fb50a268a6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzgwMCw0NTBdfSwicHVyIjoidmFyaWF0aW9uIn19--431963c9f875577fe1490d12185976cf413a85bf/1.5%E1%84%83%E1%85%A9%E1%84%8A%E1%85%B5%20%E1%84%83%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%90%E1%85%A5%E1%84%90%E1%85%A9%E1%86%AB%20%E1%84%92%E1%85%A7%E1%86%AB%E1%84%8C%E1%85%A1%E1%86%BC.jpg" loading="lazy" /> <div class="flex-1 p-4"> <div class="line-clamp-1 w-full break-normal text-xxs mb-2 group-[.is-hidden-category]:hidden min-h-4 "> </div> <h3 class="font-lg mb-2 line-clamp-1 pt-2 text-xl font-semibold tracking-tight text-gray-900 dark:text-white md:pt-0"> <span class="hover:underline"> 빠띠·녹색전환연구소, '1.5도씨 라이프스타일 데이터톤' 성료(이로운넷 외 2건) </span> </h3> <p class="line-clamp-2 font-normal text-gray-500 group-[.is-hidden-description]:hidden dark:text-gray-400"> [이로운넷] 빠띠·녹색전환연구소, '1.5도씨 라이프스타일 데이터톤' 성료 지난 2월 20일, 빠띠와 녹색전환연구소가 공동주최한 ‘1.5도씨 라이프스타일 데이터톤’이 성수동 헤이그라운드 서울숲점에서 성황리에 마무리됐다. 이번 데이터톤은 온실가스 배출과 관련된 데이터를 시민들과 함께 분석하고 토론하는 자리로 마련됐다. 녹색전환연구소는 지난해 7월, ... </p> <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">2025-03-06</p> </div> </a> </div> </div> </section> </main> <footer class="border-t bg-white dark:bg-gray-900"> <div class="mix-container w-full py-6 lg:py-8"> <div class="mb-6 md:flex md:justify-between"> <div class="items-center sm:flex"> <div> <a href="/" class="flex items-center"> <img class="mr-3 h-8" alt="사회적협동조합 빠띠" src="https://coop.campaigns.do/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NjEwNDg1LCJwdXIiOiJibG9iX2lkIn19--76f38af0f7a6ce951cd67c2b2672c574000f1027/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--eed0be66804095d6b6e5ac8676fad95f3ea9354b/parti_name.png" loading="lazy" /> </a> </div> <ul class="mt-2 flex items-center space-x-4 text-sm font-medium text-gray-500 sm:mb-0 sm:mt-0"> <li> <a class="font-normal hover:underline" href="/service_conditions/privacy">개인정보처리방침</a> </li> <li> <a class="font-normal hover:underline" href="/service_conditions/terms">이용약관</a> </li> </ul> </div> <div class="mt-4 flex space-x-5 sm:mt-0 sm:justify-center"> <a target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white" href="https://www.facebook.com/PartiUnion"> <svg class="h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 8 19"><path fill-rule="evenodd" d="M6.135 3H8V0H6.135a4.147 4.147 0 0 0-4.142 4.142V6H0v3h2v9.938h3V9h2.021l.592-3H5V3.591A.6.6 0 0 1 5.592 3h.543Z" clip-rule="evenodd"/></svg> <span class="sr-only">Facebook page</span> </a> <a target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white" href="https://www.instagram.com/particoop_/"> <svg class="h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 448 512"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"/></svg> <span class="sr-only">Instagram page</span> </a> <a target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white" href="https://www.youtube.com/@partico-op1118"> <svg class="h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> <span class="sr-only">Youtube page</span> </a> <a target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white" href="https://blog.naver.com/partiunion"> <svg class="h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512"><path d="M192 32c0 17.7 14.3 32 32 32c123.7 0 224 100.3 224 224c0 17.7 14.3 32 32 32s32-14.3 32-32C512 128.9 383.1 0 224 0c-17.7 0-32 14.3-32 32zm0 96c0 17.7 14.3 32 32 32c70.7 0 128 57.3 128 128c0 17.7 14.3 32 32 32s32-14.3 32-32c0-106-86-192-192-192c-17.7 0-32 14.3-32 32zM96 144c0-26.5-21.5-48-48-48S0 117.5 0 144V368c0 79.5 64.5 144 144 144s144-64.5 144-144s-64.5-144-144-144H128v96h16c26.5 0 48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48V144z"/></svg> <span class="sr-only">blog page</span> </a> </div> </div> <div class="my-4"> </div> <div class="is-footer group"><section id="page_block_types_html_4449" style="background-color: " class="group group-page-block-type my-16 group-[.is-footer]:my-8 first-of-type:mt-4 first-of-type:md:mt-8 group-[.group-no-section-margin]:m-0"> <div class="mix-container group-[.is-footer]:px-0"> <style> footer > .py-6 > .mb-6 { display: none; } #page_block_892 { margin: 0; } .left-0 { left: 0px } .right-\[18px\] { right: 18px } .top-\[10px\] { top: 10px } .top-\[57px\] { top: 57px } .top-auto { top: auto } .mb-\[1\.5rem\] { margin-bottom: 1.5rem } .ml-0 { margin-left: 0px } .mr-\[0\.5rem\] { margin-right: 0.5rem } .mt-\[0\.62rem\] { margin-top: 0.62rem } .mt-\[1\.5rem\] { margin-top: 1.5rem } .mt-\[2rem\] { margin-top: 2rem } .\!h-10 { height: 2.5rem !important } .h-\[2\.5rem\] { height: 2.5rem } .h-\[72px\] { height: 72px } .w-\[105\%\] { width: 105% } .w-\[17rem\] { width: 17rem } .w-\[2\.5rem\] { width: 2.5rem } .w-\[25\%\] { width: 25% } .w-\[6\.4rem\] { width: 6.4rem } .w-\[6\.5rem\] { width: 6.5rem } .w-\[67\%\] { width: 67% } .w-\[72px\] { width: 72px } .w-fit { width: fit-content } .flex-col { flex-direction: column } .flex-wrap { flex-wrap: wrap } .gap-\[1rem\] { gap: 1rem } .break-keep { word-break: keep-all } .\!rounded { border-radius: 0.25rem !important } .rounded-full { border-radius: 9999px } .bg-\[\#a78abb\] { --tw-bg-opacity: 1; background-color: rgb(167 138 187 / var(--tw-bg-opacity)) } .px-\[1rem\] { padding-left: 1rem; padding-right: 1rem } .py-\[0\.5rem\] { padding-top: 0.5rem; padding-bottom: 0.5rem } .text-\[\#878d91\] { --tw-text-opacity: 1; color: rgb(135 141 145 / var(--tw-text-opacity)) } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } @media (min-width: 640px) { .sm\:mb-0 { margin-bottom: 0px } .sm\:mb-3 { margin-bottom: 0.75rem } .sm\:mr-6 { margin-right: 1.5rem } .sm\:flex { display: flex } .sm\:basis-5\/12 { flex-basis: 41.666667% } } @media (min-width: 768px) { .md\:absolute { position: absolute } .md\:left-0 { left: 0px } .md\:right-auto { right: auto } .md\:top-\[147px\] { top: 147px } .md\:top-\[74px\] { top: 74px } .md\:float-left { float: left } .md\:mb-0 { margin-bottom: 0px } .md\:mb-\[0\.5rem\] { margin-bottom: 0.5rem } .md\:ml-0 { margin-left: 0px } .md\:ml-2 { margin-left: 0.5rem } .md\:mr-2 { margin-right: 0.5rem } .md\:mt-0 { margin-top: 0px } .md\:mt-10 { margin-top: 2.5rem } .md\:mt-\[2\.5rem\] { margin-top: 2.5rem } .md\:mt-\[2rem\] { margin-top: 2rem } .md\:inline-block { display: inline-block } .md\:flex { display: flex } .md\:hidden { display: none } .md\:h-5 { height: 1.25rem } .md\:h-\[2\.5rem\] { height: 2.5rem } .md\:h-\[4\.5rem\] { height: 4.5rem } .md\:w-\[15rem\] { width: 15rem } .md\:w-\[2\.5rem\] { width: 2.5rem } .md\:w-\[4\.5rem\] { width: 4.5rem } .md\:w-\[6\.4rem\] { width: 6.4rem } .md\:w-\[8rem\] { width: 8rem } .md\:w-auto { width: auto } .md\:min-w-\[48\%\] { min-width: 48% } .md\:flex-none { flex: none } .md\:basis-3\/12 { flex-basis: 25% } .md\:flex-row { flex-direction: row } .md\:flex-wrap { flex-wrap: wrap } .md\:flex-nowrap { flex-wrap: nowrap } .md\:border-r { border-right-width: 1px } .md\:pl-0 { padding-left: 0px } .md\:text-center { text-align: center } } @media (min-width: 1024px) { .lg\:mb-4 { margin-bottom: 1rem } .lg\:mt-\[1\.5rem\] { margin-top: 1.5rem } .lg\:basis-4\/12 { flex-basis: 33.333333% } .lg\:flex-nowrap { flex-wrap: nowrap } .lg\:gap-2 { gap: 0.5rem } .lg\:gap-\[1rem\] { gap: 1rem } .lg\:pl-4 { padding-left: 1rem } .lg\:pr-16 { padding-right: 4rem } } @media (min-width: 1280px) { .xl\:basis-5\/12 { flex-basis: 41.666667% } } </style> <div class="flex justify-between flex-col md:flex-row -mt-8"> <div> <img class="w-[17rem] md:w-auto md:h-5 mr-2 mb-8 sm:mb-3 grayscale" src="https://parti.coop/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBME1GQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--12c17bec01c8668802cd5317258a9947252de4e4/parti_name.png" alt="빠띠쿱"> </div> <ul class="text-gray-500 text-sm sm:flex text-left md:text-center"> <li class="mb-3"> <a class="text-coolgray-900 text-sm font-bold sm:mb-0 sm:mr-6 md:border-r border-coolgray-300 pr-2 md:mr-2" href="mailto:contact@parti.coop" target="_blank">contact@parti.coop</a> </li> <li class="mb-3"> <a class="text-coolgray-900 text-sm font-bold sm:mb-0 sm:mr-6 md:border-r border-coolgray-300 pr-2 md:mr-2" target="_blank" href="/service_conditions/privacy">개인정보처리방침</a> </li> <li class="mb-3"> <a class="text-coolgray-900 text-sm font-bold sm:mb-0 sm:mr-6 md:border-r border-coolgray-300 pr-2 md:mr-2" target="_blank" href="/service_conditions/terms">이용약관</a> </li> <li class="mb-3"> <a class="text-coolgray-900 text-sm font-bold sm:mb-0 sm:mr-6 md:border-r border-coolgray-300 pr-2 md:mr-2" href="/pages/495" target="_blank">정관</a> </li> <li class="mb-3 break-keep"> <a class="text-coolgray-900 text-sm font-bold sm:mb-0 sm:mr-6 " href="https://www.clean.go.kr/index.es?sid=a1" target="_blank">국민권익위</a> </li> </ul> </div> <a href="https://campaigns.do/donate" target="_blank" rel="noopener"><img src="https://s3.ap-northeast-2.amazonaws.com/parti-mx-cloud/particoop/1board_content_image/22fd1930-d6a1-4cac-a5a4-bbd35060f890.png" alt="빠띠 후원하기" class="w-full md:w-1/3 mt-4"></a> </div> </section> </div> <div class="sm:flex sm:items-center sm:justify-between"> <span class="text-sm text-gray-500 dark:text-gray-400 sm:text-center">© 2024 <a href="/" class="hover:underline">사회적협동조합 빠띠</a>. All Rights Reserved. </span> </div> </div> </footer> <turbo-frame id="application_modal"></turbo-frame> </body></html>