\ud559\uc6b4\ud611\uc774 \uac78\uc5b4\uc628 \uae38<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lucide\/0.263.1\/lucide.min.js\"><\/script>\n <style>\n body {\n font-family: 'Noto Sans KR', sans-serif;\n background-color: #f8fafc;\n }\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n ::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen text-gray-800\">\n\n \n <header class=\"bg-white border-b border-gray-200 sticky top-0 z-50 shadow-sm\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"history\" class=\"w-6 h-6 text-blue-600\"><\/i>\n <h1 class=\"text-xl font-bold text-gray-900\">\ud559\uc6b4\ud611\uc774 \uac78\uc5b4\uc628 \uae38<\/h1>\n <\/div>\n <nav class=\"hidden sm:flex gap-4 text-sm font-medium text-gray-500\">\n <a href=\"#\" class=\"text-blue-600 hover:text-blue-700\">\uc5f0\ud601<\/a>\n \n <\/nav>\n <\/div>\n <\/header>\n\n <main class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\n \n \n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl sm:text-4xl font-black text-gray-900 mb-4\">HISTORY<\/h2>\n <p class=\"text-gray-600 text-lg\">\uc591\ucc9c\uad6c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\uc7a5 \ud611\uc758\ud68c\uc758 \ubc1c\uc790\ucde8\uc785\ub2c8\ub2e4.<\/p>\n <div class=\"w-16 h-1 bg-blue-500 mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n \n <div class=\"relative\">\n \n <div class=\"absolute left-4 sm:left-1\/2 top-0 bottom-0 w-0.5 bg-gray-200 transform sm:-translate-x-1\/2\"><\/div>\n\n \n <div class=\"space-y-12\" id=\"timeline-container\">\n \n <\/div>\n <\/div>\n\n <\/main>\n\n <footer class=\"bg-white border-t border-gray-200 mt-20 py-8\">\n <div class=\"max-w-4xl mx-auto px-4 text-center text-gray-500 text-sm\">\n <p>© 2024 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n const historyData = [\n { date: \"2011.02.08\", title: \"\ucc3d\ub9bd\ucd1d\ud68c \ubc0f \ucd08\ub300\ud68c\uc7a5 \uc120\uc784\", content: \"\uc591\ucc9c\uad6c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\uc7a5 \ud611\uc758\ud68c \ucc3d\ub9bd\ucd1d\ud68c, \ud68c\uce59 \uc81c\uc815\\n\ud669\uc724\uc5b5 \ucd08\ub300\ud68c\uc7a5 \uc120\uc784\" },\n { date: \"2011.02 ~ 2013.07\", title: \"\uc8fc\uc694 \uc778\uc0ac \uac04\ub2f4\ud68c\", content: \"\uc11c\uc6b8\uc2dc\uad50\uc721\uac10 \u00b7 \uc11c\uc6b8\uc2dc\uc7a5 \u00b7 \uc591\ucc9c\uad6c\uccad\uc7a5 \u00b7 \uad00\ub0b4 \uad6d\ud68c\uc758\uc6d0 \ub4f1 \uac04\ub2f4\ud68c\" },\n { date: \"2016.08.22\", title: \"\uc81c8\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c6\ub300 \uae30\uc601\uc11d \ud68c\uc7a5 \uc120\uc784\" },\n { date: \"2017.06.19\", title: \"\uc591\ucc9c\uad6c\uccad \uba74\ub2f4 \ubc0f \uac15\uc758\", content: \"\uc591\ucc9c\uad6c\uccad \uae09\uc2dd\uc9c0\uc6d0 \ubc0f \ud559\uad50\uae40\uce58\uacf5\ub3d9\uad6c\ub9e4 \uc5c5\uccb4\uc120\uc815 \uad00\ub828 \uba74\ub2f4\\n\uc790\uc6d0\ubd09\uc0ac \ubc0f \ud559\uc0dd\ubd80\uae30\uc7ac \uad00\ub828 \uac15\uc758\" },\n { date: \"2017.08.21\", title: \"\uc81c9\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c7\ub300 \uae30\uc601\uc11d \ud68c\uc7a5 \uc5f0\uc784\" },\n { date: \"2017.10.23\", title: \"\ud559\ubd80\ubaa8 \uad50\uc721 \uac15\uc758\", content: \"\uc785\uc2dc\uc131\uacf5\uc744 \ub3d5\ub294 \ubd80\ubaa8\uc758 \uc5ed\ud560 \uac15\uc758\" },\n { date: \"2018.02.26\", title: \"\uccad\uc18c\ub144\ud559\ubc15\uc0ac \uac15\uc758\", content: \"\\\"\uc774\uc81c\ub294 \uc2a4\ud399\uc774 \uc544\ub2c8\ub77c \uc2a4\ud1a0\ub9ac\uc774\ub2e4\\\" \uccad\uc18c\ub144\ud559\ubc15\uc0ac(\uae40\uc601\uc560 \ud68c\uc6d0) \uac15\uc758\" },\n { date: \"2018.08.27\", title: \"\uc81c10\ud68c \uc815\uae30\ucd1d\ud68c \ubc0f \ube0c\ub79c\ub4dc\ud654\", content: \"\uc81c8\ub300 \uc870\ub0a8\uc11d \ud68c\uc7a5 \uc120\uc784\\n\uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \ud68c\uc6d0\uc218\ucca9 \uc81c\uc791 \ubc0f \ubc30\ud3ec\\n\uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \ub85c\uace0 \uc81c\uc815\" },\n { date: \"2018.10.22\", title: \"\ud559\uad50\uc790\uce58 \ud1a0\ub860\ud68c\", content: \"\ud559\uad50\uc790\uce58 \uc2e4\ud604\uc744 \uc704\ud55c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\uc758 \uc5ed\ud560 \ud1a0\ub860\ud68c\" },\n { date: \"2019.08.19\", title: \"\uc81c11\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c9\ub300 \uc870\ub0a8\uc11d \ud68c\uc7a5 \uc5f0\uc784\" },\n { date: \"2019.10.24\", title: \"\ucd08\uccad \uac15\uc5f0\ud68c \uc8fc\ucd5c\", content: \"\ud558\ubc84\ub4dc\ub300 \uc874 \ub808\uc774\ud2f0 \uad50\uc218 \ucd08\uccad\uac15\uc5f0\ud68c \uc8fc\ucd5c (\uc608\uc220\uc778\ud68c\uad00)\" },\n { date: \"2020.08.12\", title: \"\ucd08\ub4f1\ubd80 \uac04\ub2f4\ud68c\", content: \"\ud559\uc6b4\ud611 \ucd08\ub4f1\ubd80 \uac04\ub2f4\ud68c (\ud559\uc6b4\ud611 \ubd80\ubcc4 \uc18c\ubaa8\uc784 \uc2dc\uc791)\" },\n { date: \"2020.10.19\", title: \"\uc81c12\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c10\ub300 \uc774\uc601\ud0dd \ud68c\uc7a5 \uc120\uc784\" },\n { date: \"2021.02.23\", title: \"COVID-19 \ub300\uc751 \ubc0f \ud65c\ub3d9\", content: \"COVID 19\ub85c \uc778\ud55c \uc81c\ud55c\uc801 \ud65c\ub3d9 \uc2dc\uc791 - 2021 New Band \uac1c\uc124\" },\n { date: \"2021.08 ~\", title: \"\ubd09\uc0ac\ud65c\ub3d9 \ucc38\uc5ec \uc2dc\uc791\", content: \"\ub098\ub214\ucf54\ub9ac\uc544 \uc8fc\uad00 \ubd09\uc0ac\ud65c\ub3d9\uc5d0 \ud559\uc6b4\ud611 \ud68c\uc6d0 \ubc0f \uac00\uc871 \uc8fc\ub3c4\ucc38\uc5ec \uc2dc\uc791\" },\n { date: \"2022.01\", title: \"\uc81c13\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c11\ub300 \uc774\uc601\ud0dd \ud68c\uc7a5 \uc5f0\uc784\\n\uc0ac\ud68c\uc801 \uac70\ub9ac\ub450\uae30(COVID 19)\ub85c \uc9c0\uc5f0\uc9c4\ud589\" },\n { date: \"2022.07\", title: \"\uacbd\ucc30\uc11c \ub3d9\ubc18 \ucea0\ud398\uc778\", content: \"\ucea0\ud398\uc778 2\ud68c (\uc591\ucc9c\ud559\uc6b4\ud611\uacfc \uc591\ucc9c\uacbd\ucc30\uc11c \ub3d9\ubc18\uc8fc\uad00)\" },\n { date: \"2022.08.30\", title: \"\uc81c15\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c12\ub300 \uc774\uc601\ud0dd \ud68c\uc7a5 2\ucc28\uc5f0\uc784\" },\n { date: \"2022.10 ~ 12\", title: \"\uccad\uc18c\ub144 \ubb38\ud559 \uacf5\ubaa8\uc804 \ud6c4\uc6d0\", content: \"\uc81c5\ud68c \uc591\ucc9c\uad6c \uccad\uc18c\ub144 \ubb38\ud559\uacfc\ud45c\ud604 \uacf5\ubaa8\uc804 \ud6c4\uc6d0\/\uc2dc\uc0c1\\nwith \uac15\uc11c\uc591\ucc9c\uad50\uc721\uc9c0\uc6d0\uccad, \uc591\ucc9c\uad6c\uccad, \uc591\ucc9c\uacbd\ucc30\uc11c\" },\n { date: \"2023.07.03\", title: \"MOU \uccb4\uacb0 \ubc0f \ubd09\uc0ac\", content: \"\uc591\ucc9c\uc0ac\ub791\ubcf5\uc9c0\uc7ac\ub2e8\uacfc\uc758 MOU\uccb4\uacb0(\ud478\ub4dc\ubc45\ud06c \ub4dc\ub77c\uc774\ube0c \uc9c4\ud589)\\n\uc2e0\ubaa9\ucd08\ub4f1\ud559\uad50, \uc6d4\ucd0c\ucd08\ub4f1\ud559\uad50, \uc2e0\uc11c\ucd08\ub4f1\ud559\uad50 \uc9c4\ud589\" },\n { date: \"2023.08.29\", title: \"\uc81c16\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c13\ub300 \uae40\ub3d9\ub9cc \ud68c\uc7a5 \uc120\uc784\" },\n { date: \"2024.03.30 ~ 31\", title: \"\ud559\uc6b4\ud611 \uc6cc\ud06c\uc0f5\", content: \"\ud559\uc6b4\ud611 \uc6cc\ud06c\uc0f5 \uc9c4\ud589 (\ub300\ubd80\ub3c4 \uc8fc\uc728\ub9c8\uc744)\" },\n { date: \"2024.05\", title: \"\ud64d\ubcf4 \ub9ac\ud50c\ub81b \uc81c\uc791\", content: \"\ud559\uc6b4\ud611 \ud64d\ubcf4 \ub9ac\ud50c\ub81b \uc81c\uc791 \ubc0f \ucd08\uc911\uace0\uad50 \ubc1c\uc1a1\" },\n { date: \"2024.07.10\", title: \"\ub9c8\uc57d\uadfc\uc808 \ucea0\ud398\uc778\", content: \"SPO\uccad\uc18c\ub144 \ub9c8\uc57d\uadfc\uc808 \uac70\ub9ac\ucea0\ud398\uc778 \ud589\uc0ac\" },\n { date: \"2024.08.26\", title: \"\uc81c17\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c14\ub300 \uae40\ub3d9\ub9cc \ud68c\uc7a5 \uc5f0\uc784\" }\n ];\n\n const container = document.getElementById('timeline-container');\n\n historyData.forEach((item, index) => {\n const isEven = index % 2 === 0;\n \n const itemHTML = `\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group\">\n \n <div class=\"absolute left-4 sm:left-1\/2 w-4 h-4 bg-white border-4 border-blue-500 rounded-full transform -translate-x-1\/2 sm:translate-x-[-50%] z-10 shadow-sm group-hover:scale-125 transition-transform duration-300\"><\/div>\n \n \n <div class=\"flex w-full sm:w-1\/2 ${isEven ? 'sm:justify-end sm:pr-8 pl-12' : 'sm:justify-start sm:pl-8 pl-12'}\">\n \n \n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition-shadow w-full relative\">\n \n <div class=\"hidden sm:block absolute top-1\/2 ${isEven ? '-right-2 border-l-8 border-l-white' : '-left-2 border-r-8 border-r-white'} w-0 h-0 border-y-8 border-y-transparent transform -translate-y-1\/2 filter drop-shadow-sm-left\"><\/div>\n \n <div class=\"flex flex-col gap-2\">\n <span class=\"inline-block px-3 py-1 bg-blue-50 text-blue-700 rounded-full text-sm font-bold w-fit\">\n ${item.date}\n <\/span>\n <h3 class=\"text-lg font-bold text-gray-900 mt-1\">${item.title}<\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed whitespace-pre-line\">${item.content}<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n \n \n <div class=\"hidden sm:block w-1\/2\"><\/div>\n <\/div>\n `;\n container.insertAdjacentHTML('beforeend', itemHTML);\n });\n\n \/\/ Scroll Animation (Simple Intersection Observer)\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('opacity-100', 'translate-y-0');\n entry.target.classList.remove('opacity-0', 'translate-y-10');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('#timeline-container > div').forEach(el => {\n el.classList.add('transition-all', 'duration-700', 'opacity-0', 'translate-y-10');\n observer.observe(el);\n });\n\n lucide.createIcons();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud559\uc6b4\ud611\uc774 \uac78\uc5b4\uc628 \uae38 \ud559\uc6b4\ud611\uc774 \uac78\uc5b4\uc628 \uae38 \uc5f0\ud601 HISTORY \uc591\ucc9c\uad6c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\uc7a5 \ud611\uc758\ud68c\uc758 \ubc1c\uc790\ucde8\uc785\ub2c8\ub2e4. © 2024 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611. All rights reserved.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-168","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ysmc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=168"}],"version-history":[{"count":3,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/168\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/168\/revisions\/179"}],"wp:attachment":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":168,"date":"2025-11-19T05:37:19","date_gmt":"2025-11-19T05:37:19","guid":{"rendered":"https:\/\/ysmc.org\/?page_id=168"},"modified":"2025-11-19T05:56:42","modified_gmt":"2025-11-19T05:56:42","slug":"%ec%97%ad%ec%82%ac","status":"publish","type":"page","link":"https:\/\/ysmc.org\/?page_id=168","title":{"rendered":"\ud559\uc6b4\ud611 \ubc1c\uc790\ucde8"},"content":{"rendered":"\n\n\n\n \n \n \ud559\uc6b4\ud611\uc774 \uac78\uc5b4\uc628 \uae38<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lucide\/0.263.1\/lucide.min.js\"><\/script>\n <style>\n body {\n font-family: 'Noto Sans KR', sans-serif;\n background-color: #f8fafc;\n }\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n ::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen text-gray-800\">\n\n \n <header class=\"bg-white border-b border-gray-200 sticky top-0 z-50 shadow-sm\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"history\" class=\"w-6 h-6 text-blue-600\"><\/i>\n <h1 class=\"text-xl font-bold text-gray-900\">\ud559\uc6b4\ud611\uc774 \uac78\uc5b4\uc628 \uae38<\/h1>\n <\/div>\n <nav class=\"hidden sm:flex gap-4 text-sm font-medium text-gray-500\">\n <a href=\"#\" class=\"text-blue-600 hover:text-blue-700\">\uc5f0\ud601<\/a>\n \n <\/nav>\n <\/div>\n <\/header>\n\n <main class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\n \n \n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl sm:text-4xl font-black text-gray-900 mb-4\">HISTORY<\/h2>\n <p class=\"text-gray-600 text-lg\">\uc591\ucc9c\uad6c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\uc7a5 \ud611\uc758\ud68c\uc758 \ubc1c\uc790\ucde8\uc785\ub2c8\ub2e4.<\/p>\n <div class=\"w-16 h-1 bg-blue-500 mx-auto mt-6 rounded-full\"><\/div>\n <\/div>\n\n \n <div class=\"relative\">\n \n <div class=\"absolute left-4 sm:left-1\/2 top-0 bottom-0 w-0.5 bg-gray-200 transform sm:-translate-x-1\/2\"><\/div>\n\n \n <div class=\"space-y-12\" id=\"timeline-container\">\n \n <\/div>\n <\/div>\n\n <\/main>\n\n <footer class=\"bg-white border-t border-gray-200 mt-20 py-8\">\n <div class=\"max-w-4xl mx-auto px-4 text-center text-gray-500 text-sm\">\n <p>© 2024 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n const historyData = [\n { date: \"2011.02.08\", title: \"\ucc3d\ub9bd\ucd1d\ud68c \ubc0f \ucd08\ub300\ud68c\uc7a5 \uc120\uc784\", content: \"\uc591\ucc9c\uad6c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\uc7a5 \ud611\uc758\ud68c \ucc3d\ub9bd\ucd1d\ud68c, \ud68c\uce59 \uc81c\uc815\\n\ud669\uc724\uc5b5 \ucd08\ub300\ud68c\uc7a5 \uc120\uc784\" },\n { date: \"2011.02 ~ 2013.07\", title: \"\uc8fc\uc694 \uc778\uc0ac \uac04\ub2f4\ud68c\", content: \"\uc11c\uc6b8\uc2dc\uad50\uc721\uac10 \u00b7 \uc11c\uc6b8\uc2dc\uc7a5 \u00b7 \uc591\ucc9c\uad6c\uccad\uc7a5 \u00b7 \uad00\ub0b4 \uad6d\ud68c\uc758\uc6d0 \ub4f1 \uac04\ub2f4\ud68c\" },\n { date: \"2016.08.22\", title: \"\uc81c8\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c6\ub300 \uae30\uc601\uc11d \ud68c\uc7a5 \uc120\uc784\" },\n { date: \"2017.06.19\", title: \"\uc591\ucc9c\uad6c\uccad \uba74\ub2f4 \ubc0f \uac15\uc758\", content: \"\uc591\ucc9c\uad6c\uccad \uae09\uc2dd\uc9c0\uc6d0 \ubc0f \ud559\uad50\uae40\uce58\uacf5\ub3d9\uad6c\ub9e4 \uc5c5\uccb4\uc120\uc815 \uad00\ub828 \uba74\ub2f4\\n\uc790\uc6d0\ubd09\uc0ac \ubc0f \ud559\uc0dd\ubd80\uae30\uc7ac \uad00\ub828 \uac15\uc758\" },\n { date: \"2017.08.21\", title: \"\uc81c9\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c7\ub300 \uae30\uc601\uc11d \ud68c\uc7a5 \uc5f0\uc784\" },\n { date: \"2017.10.23\", title: \"\ud559\ubd80\ubaa8 \uad50\uc721 \uac15\uc758\", content: \"\uc785\uc2dc\uc131\uacf5\uc744 \ub3d5\ub294 \ubd80\ubaa8\uc758 \uc5ed\ud560 \uac15\uc758\" },\n { date: \"2018.02.26\", title: \"\uccad\uc18c\ub144\ud559\ubc15\uc0ac \uac15\uc758\", content: \"\\\"\uc774\uc81c\ub294 \uc2a4\ud399\uc774 \uc544\ub2c8\ub77c \uc2a4\ud1a0\ub9ac\uc774\ub2e4\\\" \uccad\uc18c\ub144\ud559\ubc15\uc0ac(\uae40\uc601\uc560 \ud68c\uc6d0) \uac15\uc758\" },\n { date: \"2018.08.27\", title: \"\uc81c10\ud68c \uc815\uae30\ucd1d\ud68c \ubc0f \ube0c\ub79c\ub4dc\ud654\", content: \"\uc81c8\ub300 \uc870\ub0a8\uc11d \ud68c\uc7a5 \uc120\uc784\\n\uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \ud68c\uc6d0\uc218\ucca9 \uc81c\uc791 \ubc0f \ubc30\ud3ec\\n\uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \ub85c\uace0 \uc81c\uc815\" },\n { date: \"2018.10.22\", title: \"\ud559\uad50\uc790\uce58 \ud1a0\ub860\ud68c\", content: \"\ud559\uad50\uc790\uce58 \uc2e4\ud604\uc744 \uc704\ud55c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\uc758 \uc5ed\ud560 \ud1a0\ub860\ud68c\" },\n { date: \"2019.08.19\", title: \"\uc81c11\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c9\ub300 \uc870\ub0a8\uc11d \ud68c\uc7a5 \uc5f0\uc784\" },\n { date: \"2019.10.24\", title: \"\ucd08\uccad \uac15\uc5f0\ud68c \uc8fc\ucd5c\", content: \"\ud558\ubc84\ub4dc\ub300 \uc874 \ub808\uc774\ud2f0 \uad50\uc218 \ucd08\uccad\uac15\uc5f0\ud68c \uc8fc\ucd5c (\uc608\uc220\uc778\ud68c\uad00)\" },\n { date: \"2020.08.12\", title: \"\ucd08\ub4f1\ubd80 \uac04\ub2f4\ud68c\", content: \"\ud559\uc6b4\ud611 \ucd08\ub4f1\ubd80 \uac04\ub2f4\ud68c (\ud559\uc6b4\ud611 \ubd80\ubcc4 \uc18c\ubaa8\uc784 \uc2dc\uc791)\" },\n { date: \"2020.10.19\", title: \"\uc81c12\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c10\ub300 \uc774\uc601\ud0dd \ud68c\uc7a5 \uc120\uc784\" },\n { date: \"2021.02.23\", title: \"COVID-19 \ub300\uc751 \ubc0f \ud65c\ub3d9\", content: \"COVID 19\ub85c \uc778\ud55c \uc81c\ud55c\uc801 \ud65c\ub3d9 \uc2dc\uc791 - 2021 New Band \uac1c\uc124\" },\n { date: \"2021.08 ~\", title: \"\ubd09\uc0ac\ud65c\ub3d9 \ucc38\uc5ec \uc2dc\uc791\", content: \"\ub098\ub214\ucf54\ub9ac\uc544 \uc8fc\uad00 \ubd09\uc0ac\ud65c\ub3d9\uc5d0 \ud559\uc6b4\ud611 \ud68c\uc6d0 \ubc0f \uac00\uc871 \uc8fc\ub3c4\ucc38\uc5ec \uc2dc\uc791\" },\n { date: \"2022.01\", title: \"\uc81c13\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c11\ub300 \uc774\uc601\ud0dd \ud68c\uc7a5 \uc5f0\uc784\\n\uc0ac\ud68c\uc801 \uac70\ub9ac\ub450\uae30(COVID 19)\ub85c \uc9c0\uc5f0\uc9c4\ud589\" },\n { date: \"2022.07\", title: \"\uacbd\ucc30\uc11c \ub3d9\ubc18 \ucea0\ud398\uc778\", content: \"\ucea0\ud398\uc778 2\ud68c (\uc591\ucc9c\ud559\uc6b4\ud611\uacfc \uc591\ucc9c\uacbd\ucc30\uc11c \ub3d9\ubc18\uc8fc\uad00)\" },\n { date: \"2022.08.30\", title: \"\uc81c15\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c12\ub300 \uc774\uc601\ud0dd \ud68c\uc7a5 2\ucc28\uc5f0\uc784\" },\n { date: \"2022.10 ~ 12\", title: \"\uccad\uc18c\ub144 \ubb38\ud559 \uacf5\ubaa8\uc804 \ud6c4\uc6d0\", content: \"\uc81c5\ud68c \uc591\ucc9c\uad6c \uccad\uc18c\ub144 \ubb38\ud559\uacfc\ud45c\ud604 \uacf5\ubaa8\uc804 \ud6c4\uc6d0\/\uc2dc\uc0c1\\nwith \uac15\uc11c\uc591\ucc9c\uad50\uc721\uc9c0\uc6d0\uccad, \uc591\ucc9c\uad6c\uccad, \uc591\ucc9c\uacbd\ucc30\uc11c\" },\n { date: \"2023.07.03\", title: \"MOU \uccb4\uacb0 \ubc0f \ubd09\uc0ac\", content: \"\uc591\ucc9c\uc0ac\ub791\ubcf5\uc9c0\uc7ac\ub2e8\uacfc\uc758 MOU\uccb4\uacb0(\ud478\ub4dc\ubc45\ud06c \ub4dc\ub77c\uc774\ube0c \uc9c4\ud589)\\n\uc2e0\ubaa9\ucd08\ub4f1\ud559\uad50, \uc6d4\ucd0c\ucd08\ub4f1\ud559\uad50, \uc2e0\uc11c\ucd08\ub4f1\ud559\uad50 \uc9c4\ud589\" },\n { date: \"2023.08.29\", title: \"\uc81c16\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c13\ub300 \uae40\ub3d9\ub9cc \ud68c\uc7a5 \uc120\uc784\" },\n { date: \"2024.03.30 ~ 31\", title: \"\ud559\uc6b4\ud611 \uc6cc\ud06c\uc0f5\", content: \"\ud559\uc6b4\ud611 \uc6cc\ud06c\uc0f5 \uc9c4\ud589 (\ub300\ubd80\ub3c4 \uc8fc\uc728\ub9c8\uc744)\" },\n { date: \"2024.05\", title: \"\ud64d\ubcf4 \ub9ac\ud50c\ub81b \uc81c\uc791\", content: \"\ud559\uc6b4\ud611 \ud64d\ubcf4 \ub9ac\ud50c\ub81b \uc81c\uc791 \ubc0f \ucd08\uc911\uace0\uad50 \ubc1c\uc1a1\" },\n { date: \"2024.07.10\", title: \"\ub9c8\uc57d\uadfc\uc808 \ucea0\ud398\uc778\", content: \"SPO\uccad\uc18c\ub144 \ub9c8\uc57d\uadfc\uc808 \uac70\ub9ac\ucea0\ud398\uc778 \ud589\uc0ac\" },\n { date: \"2024.08.26\", title: \"\uc81c17\ud68c \uc815\uae30\ucd1d\ud68c\", content: \"\uc81c14\ub300 \uae40\ub3d9\ub9cc \ud68c\uc7a5 \uc5f0\uc784\" }\n ];\n\n const container = document.getElementById('timeline-container');\n\n historyData.forEach((item, index) => {\n const isEven = index % 2 === 0;\n \n const itemHTML = `\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group\">\n \n <div class=\"absolute left-4 sm:left-1\/2 w-4 h-4 bg-white border-4 border-blue-500 rounded-full transform -translate-x-1\/2 sm:translate-x-[-50%] z-10 shadow-sm group-hover:scale-125 transition-transform duration-300\"><\/div>\n \n \n <div class=\"flex w-full sm:w-1\/2 ${isEven ? 'sm:justify-end sm:pr-8 pl-12' : 'sm:justify-start sm:pl-8 pl-12'}\">\n \n \n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition-shadow w-full relative\">\n \n <div class=\"hidden sm:block absolute top-1\/2 ${isEven ? '-right-2 border-l-8 border-l-white' : '-left-2 border-r-8 border-r-white'} w-0 h-0 border-y-8 border-y-transparent transform -translate-y-1\/2 filter drop-shadow-sm-left\"><\/div>\n \n <div class=\"flex flex-col gap-2\">\n <span class=\"inline-block px-3 py-1 bg-blue-50 text-blue-700 rounded-full text-sm font-bold w-fit\">\n ${item.date}\n <\/span>\n <h3 class=\"text-lg font-bold text-gray-900 mt-1\">${item.title}<\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed whitespace-pre-line\">${item.content}<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n \n \n <div class=\"hidden sm:block w-1\/2\"><\/div>\n <\/div>\n `;\n container.insertAdjacentHTML('beforeend', itemHTML);\n });\n\n \/\/ Scroll Animation (Simple Intersection Observer)\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('opacity-100', 'translate-y-0');\n entry.target.classList.remove('opacity-0', 'translate-y-10');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('#timeline-container > div').forEach(el => {\n el.classList.add('transition-all', 'duration-700', 'opacity-0', 'translate-y-10');\n observer.observe(el);\n });\n\n lucide.createIcons();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud559\uc6b4\ud611\uc774 \uac78\uc5b4\uc628 \uae38 \ud559\uc6b4\ud611\uc774 \uac78\uc5b4\uc628 \uae38 \uc5f0\ud601 HISTORY \uc591\ucc9c\uad6c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\uc7a5 \ud611\uc758\ud68c\uc758 \ubc1c\uc790\ucde8\uc785\ub2c8\ub2e4. © 2024 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611. All rights reserved.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-168","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ysmc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=168"}],"version-history":[{"count":3,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/168\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/168\/revisions\/179"}],"wp:attachment":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}