15\ub300 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \uc784\uc6d0\uc9c4 \ud604\ud669<\/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&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 .card-hover:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\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-7xl 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=\"users\" class=\"w-6 h-6 text-blue-600\"><\/i>\n <h1 class=\"text-xl font-bold text-gray-900 truncate\">15\ub300 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611<\/h1>\n <\/div>\n <div class=\"relative hidden sm:block\">\n <i data-lucide=\"search\" class=\"w-4 h-4 absolute left-3 top-1\/2 transform -translate-y-1\/2 text-gray-400\"><\/i>\n <input type=\"text\" id=\"desktop-search\" placeholder=\"\uc774\ub984 \ub610\ub294 \ud559\uad50 \uac80\uc0c9...\" \n class=\"pl-9 pr-4 py-2 border border-gray-300 rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent w-64 transition-all\">\n <\/div>\n <\/div>\n \n <div class=\"sm:hidden px-4 pb-3\">\n <div class=\"relative\">\n <i data-lucide=\"search\" class=\"w-4 h-4 absolute left-3 top-1\/2 transform -translate-y-1\/2 text-gray-400\"><\/i>\n <input type=\"text\" id=\"mobile-search\" placeholder=\"\uc774\ub984 \ub610\ub294 \ud559\uad50 \uac80\uc0c9...\" \n class=\"w-full pl-9 pr-4 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\">\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8\">\n \n \n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-2\">\uc784\uc6d0\uc9c4 \ud604\ud669<\/h2>\n <p class=\"text-gray-600\">\uc591\ucc9c\uad6c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\ud611\uc758\ud68c\ub97c \uc774\ub04c\uc5b4\uac00\ub294 15\ub300 \uc784\uc6d0\uc9c4\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n\n \n <div id=\"executives-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <\/div>\n\n \n <div id=\"no-results\" class=\"hidden text-center py-12\">\n <i data-lucide=\"search-x\" class=\"w-12 h-12 text-gray-300 mx-auto mb-3\"><\/i>\n <p class=\"text-gray-500 text-lg\">\uac80\uc0c9 \uacb0\uacfc\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n <\/div>\n\n <\/main>\n\n <footer class=\"bg-white border-t border-gray-200 mt-12 py-8\">\n <div class=\"max-w-7xl 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 \/\/ Data extracted from the PDF\n const executives = [\n { position: \"\ud68c\uc7a5\", name: \"\uc774\uc720\uc601\", school: \"\ud604)\uc591\uc815\uace0 \uc704\uc6d0 \/ \uc804) \uc6d4\ucd0c\uc911 \ubd80\uc704\uc6d0\uc7a5\", type: \"head\" },\n { position: \"\uba85\uc608\ud68c\uc7a5\", name: \"\uae40\ub3d9\ub9cc\", school: \"\ud604)\uc591\uc815\uace0 \ubd80\uc704\uc6d0\uc7a5 \/ \uc804) \uc6d4\ucd0c\uc911 \ubd80\uc704\uc6d0\uc7a5\", type: \"head\" },\n \n { position: \"\uc218\uc11d \ubd80\ud68c\uc7a5\", name: \"\uc774\ud61c\ubbf8\", school: \"\ud604)\ubaa9\ub3d9\uace0 \uc704\uc6d0\uc7a5 \/ \uc804)\uacbd\uc778\ucd08 \ubd80\uc704\uc6d0\uc7a5\", type: \"senior\" },\n { position: \"\uc218\uc11d \ucd1d\ubb34\uc774\uc0ac\", name: \"\ubc15\uadfc\ud0dc\", school: \"\ud604)\uc2e0\uc11c\uace0 \uc704\uc6d0\uc7a5 \/ \uc804) \uc591\uc815\uc911 \uc704\uc6d0\uc7a5\", type: \"senior\" },\n { position: \"\uc218\uc11d \uc7ac\ubb34\uc774\uc0ac\", name: \"\uc774\uc2b9\ubbf8\", school: \"\ud604) \uc6d4\ucd0c\uc911 \uc704\uc6d0 \/ \uc804) \uc6d4\ucd0c\ucd08 \ubd80\uc704\uc6d0\uc7a5\", type: \"senior\" },\n { position: \"\uc218\uc11d \ud64d\ubcf4\uc774\uc0ac\", name: \"\uc7a5\uc6d0\uc81c\", school: \"\ud604)\ubaa9\ub3d9\uace0 \uc704\uc6d0 \/ \uc804) \ubaa9\ub3d9\uace0 \uc704\uc6d0\uc7a5\", type: \"senior\" },\n { position: \"\uc218\uc11d \uc0ac\ubb34\uc774\uc0ac\", name: \"\uc774\uacbd\ub780\", school: \"\ud604)\uc9c0\ud5a5\ucd08 \ubd80\uc704\uc6d0\uc7a5\", type: \"senior\" },\n { position: \"\uc218\uc11d \uad50\uc721\uc774\uc0ac\", name: \"\ubc15\uc2e0\uc601\", school: \"\ud604)\ubaa9\ub3d9\uc911 \uc704\uc6d0 \/ \uc804)\uc2e0\ubaa9\ucd08 \uc704\uc6d0\uc7a5\", type: \"senior\" },\n \n { position: \"\uace0\ub4f1\ubd80 \ubd80\ud68c\uc7a5\", name: \"\uc774\uc18c\uc758\", school: \"\ud604)\ubaa9\ub3d9\uc911 \uc704\uc6d0 \/ \uc804) \ubaa9\ub3d9\ucd08 \ubd80\uc704\uc6d0\uc7a5\", type: \"vice\" },\n { position: \"\uc911\ub4f1\ubd80 \ubd80\ud68c\uc7a5\", name: \"\uc774\uc120\ud76c\", school: \"\ud604)\ubaa9\uc6b4\uc911 \uc704\uc6d0\uc7a5\", type: \"vice\" },\n { position: \"\ucd08\ub4f1\ubd80 \ubd80\ud68c\uc7a5\", name: \"\uace0\ud76c\uc815\", school: \"\ud604)\uc815\ubaa9\ucd08 \ubd80\uc704\uc6d0\uc7a5\", type: \"vice\" },\n \n { position: \"\ucd1d\ubb34 \uc774\uc0ac\", name: \"\uc11c\uc724\ub2e4\", school: \"\ud604)\uc815\ubaa9\ucd08 \uc704\uc6d0\uc7a5\", type: \"director\" },\n { position: \"\uc7ac\ubb34 \uc774\uc0ac\", name: \"\uc7a5\ud604\", school: \"\ud604)\uc6d4\ucd0c\ucd08 \uc704\uc6d0\uc7a5\", type: \"director\" },\n { position: \"\ud64d\ubcf4 \uc774\uc0ac\", name: \"\ud669\uc11c\uc5f0\", school: \"\ud604)\uc9c0\ud5a5\ucd08 \uc704\uc6d0\uc7a5\", type: \"director\" },\n { position: \"\uc0ac\ubb34 \uc774\uc0ac\", name: \"\uc774\uc120\uc601\", school: \"\ud604)\ubaa9\uc6b4\uc911 \ubd80\uc704\uc6d0\uc7a5\", type: \"director\" },\n { position: \"\uad50\uc721 \uc774\uc0ac\", name: \"\uc2e0\uc81c\uc601\", school: \"\ud604)\uc2e0\ubaa9\ucd08 \uc704\uc6d0\uc7a5\", type: \"director\" },\n \n { position: \"\uace0\ubb38\", name: \"\uae30\uc601\uc11d\", school: \"\uc804)\ubaa9\uc77c\uc911 \uc704\uc6d0\uc7a5\", type: \"advisor\" },\n { position: \"\uace0\ubb38\", name: \"\uc870\ub0a8\uc11d\", school: \"\uc804)\ubaa9\ub3d9\uace0 \uc704\uc6d0\uc7a5\", type: \"advisor\" },\n { position: \"\uace0\ubb38\", name: \"\uc774\uc601\ud0dd\", school: \"\ud604)\uc591\ucc9c\uace0 \uc704\uc6d0\uc7a5\", type: \"advisor\" },\n { position: \"\uc790\ubb38\uc704\uc6d0\", name: \"\uae40\uc7ac\ubb38\", school: \"\uc804)\ubaa9\uc77c\uc911 \uc704\uc6d0\uc7a5\", type: \"advisor\" },\n { position: \"\uc790\ubb38\uc704\uc6d0\", name: \"\uae40\ud61c\uc9c4\", school: \"\ubaa9\ub3d9\uace0 \uc704\uc6d0\", type: \"advisor\" },\n \n { position: \"\uac10\uc0ac\", name: \"\ud669\uc120\ud76c\", school: \"\ud604)\uc2e0\ubaa9\uace0 \uc704\uc6d0 \/ \uc804)\uc2e0\ubaa9\uace0 \ubd80\uc704\uc6d0\uc7a5\", type: \"auditor\" },\n { position: \"\uac10\uc0ac\", name: \"\uc591\uc5f0\uc218\", school: \"\ud604)\uc591\ud654\ucd08 \uc704\uc6d0\uc7a5 \/ \uc804) \uc2e0\ubaa9\uace0 \uc704\uc6d0\uc7a5\", type: \"auditor\" }\n ];\n\n const grid = document.getElementById('executives-grid');\n const noResults = document.getElementById('no-results');\n const desktopSearch = document.getElementById('desktop-search');\n const mobileSearch = document.getElementById('mobile-search');\n\n \/\/ Helper to determine badge color based on type\n function getBadgeColor(type) {\n switch(type) {\n case 'head': return 'bg-blue-100 text-blue-800 border-blue-200';\n case 'senior': return 'bg-indigo-100 text-indigo-800 border-indigo-200';\n case 'vice': return 'bg-purple-100 text-purple-800 border-purple-200';\n case 'director': return 'bg-green-100 text-green-800 border-green-200';\n case 'auditor': return 'bg-orange-100 text-orange-800 border-orange-200';\n default: return 'bg-gray-100 text-gray-800 border-gray-200';\n }\n }\n\n \/\/ Render function\n function renderExecutives(data) {\n grid.innerHTML = '';\n if (data.length === 0) {\n noResults.classList.remove('hidden');\n } else {\n noResults.classList.add('hidden');\n data.forEach(person => {\n const card = document.createElement('div');\n card.className = 'bg-white rounded-xl p-6 shadow-sm border border-gray-100 transition-all duration-200 card-hover flex flex-col';\n \n \/\/ Badge\n const badgeClass = getBadgeColor(person.type);\n \n card.innerHTML = `\n <div class=\"flex items-start justify-between mb-4\">\n <span class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border ${badgeClass}\">\n ${person.position}\n <\/span>\n <div class=\"bg-gray-50 rounded-full p-2\">\n <i data-lucide=\"user\" class=\"w-4 h-4 text-gray-400\"><\/i>\n <\/div>\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-1\">${person.name}<\/h3>\n <div class=\"mt-auto pt-3 border-t border-gray-50\">\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n ${person.school.replace('\/', '<br class=\"mb-1 block sm:hidden\">\/ ')}\n <\/p>\n <\/div>\n `;\n grid.appendChild(card);\n });\n lucide.createIcons();\n }\n }\n\n \/\/ Initial Render\n renderExecutives(executives);\n\n \/\/ Search Functionality\n function handleSearch(e) {\n const query = e.target.value.toLowerCase();\n const filtered = executives.filter(person => \n person.name.toLowerCase().includes(query) || \n person.school.toLowerCase().includes(query) ||\n person.position.toLowerCase().includes(query)\n );\n renderExecutives(filtered);\n }\n\n desktopSearch.addEventListener('input', handleSearch);\n mobileSearch.addEventListener('input', handleSearch);\n \n \/\/ Initialize icons\n lucide.createIcons();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>15\ub300 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \uc784\uc6d0\uc9c4 \ud604\ud669 15\ub300 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \uc784\uc6d0\uc9c4 \ud604\ud669 \uc591\ucc9c\uad6c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\ud611\uc758\ud68c\ub97c \uc774\ub04c\uc5b4\uac00\ub294 15\ub300 \uc784\uc6d0\uc9c4\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4. \uac80\uc0c9 \uacb0\uacfc\uac00 \uc5c6\uc2b5\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-159","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/159","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=159"}],"version-history":[{"count":1,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/159\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":159,"date":"2025-11-19T05:23:47","date_gmt":"2025-11-19T05:23:47","guid":{"rendered":"https:\/\/ysmc.org\/?page_id=159"},"modified":"2025-11-19T05:23:47","modified_gmt":"2025-11-19T05:23:47","slug":"15%eb%8c%80-%ec%96%91%ec%b2%9c%ea%b5%ac-%ed%95%99%ec%9a%b4%ed%98%91-%ec%9e%84%ec%9b%90","status":"publish","type":"page","link":"https:\/\/ysmc.org\/?page_id=159","title":{"rendered":"15\ub300 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \uc784\uc6d0"},"content":{"rendered":"\n\n\n\n \n \n 15\ub300 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \uc784\uc6d0\uc9c4 \ud604\ud669<\/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&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 .card-hover:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\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-7xl 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=\"users\" class=\"w-6 h-6 text-blue-600\"><\/i>\n <h1 class=\"text-xl font-bold text-gray-900 truncate\">15\ub300 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611<\/h1>\n <\/div>\n <div class=\"relative hidden sm:block\">\n <i data-lucide=\"search\" class=\"w-4 h-4 absolute left-3 top-1\/2 transform -translate-y-1\/2 text-gray-400\"><\/i>\n <input type=\"text\" id=\"desktop-search\" placeholder=\"\uc774\ub984 \ub610\ub294 \ud559\uad50 \uac80\uc0c9...\" \n class=\"pl-9 pr-4 py-2 border border-gray-300 rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent w-64 transition-all\">\n <\/div>\n <\/div>\n \n <div class=\"sm:hidden px-4 pb-3\">\n <div class=\"relative\">\n <i data-lucide=\"search\" class=\"w-4 h-4 absolute left-3 top-1\/2 transform -translate-y-1\/2 text-gray-400\"><\/i>\n <input type=\"text\" id=\"mobile-search\" placeholder=\"\uc774\ub984 \ub610\ub294 \ud559\uad50 \uac80\uc0c9...\" \n class=\"w-full pl-9 pr-4 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\">\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8\">\n \n \n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-2\">\uc784\uc6d0\uc9c4 \ud604\ud669<\/h2>\n <p class=\"text-gray-600\">\uc591\ucc9c\uad6c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\ud611\uc758\ud68c\ub97c \uc774\ub04c\uc5b4\uac00\ub294 15\ub300 \uc784\uc6d0\uc9c4\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n\n \n <div id=\"executives-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <\/div>\n\n \n <div id=\"no-results\" class=\"hidden text-center py-12\">\n <i data-lucide=\"search-x\" class=\"w-12 h-12 text-gray-300 mx-auto mb-3\"><\/i>\n <p class=\"text-gray-500 text-lg\">\uac80\uc0c9 \uacb0\uacfc\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n <\/div>\n\n <\/main>\n\n <footer class=\"bg-white border-t border-gray-200 mt-12 py-8\">\n <div class=\"max-w-7xl 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 \/\/ Data extracted from the PDF\n const executives = [\n { position: \"\ud68c\uc7a5\", name: \"\uc774\uc720\uc601\", school: \"\ud604)\uc591\uc815\uace0 \uc704\uc6d0 \/ \uc804) \uc6d4\ucd0c\uc911 \ubd80\uc704\uc6d0\uc7a5\", type: \"head\" },\n { position: \"\uba85\uc608\ud68c\uc7a5\", name: \"\uae40\ub3d9\ub9cc\", school: \"\ud604)\uc591\uc815\uace0 \ubd80\uc704\uc6d0\uc7a5 \/ \uc804) \uc6d4\ucd0c\uc911 \ubd80\uc704\uc6d0\uc7a5\", type: \"head\" },\n \n { position: \"\uc218\uc11d \ubd80\ud68c\uc7a5\", name: \"\uc774\ud61c\ubbf8\", school: \"\ud604)\ubaa9\ub3d9\uace0 \uc704\uc6d0\uc7a5 \/ \uc804)\uacbd\uc778\ucd08 \ubd80\uc704\uc6d0\uc7a5\", type: \"senior\" },\n { position: \"\uc218\uc11d \ucd1d\ubb34\uc774\uc0ac\", name: \"\ubc15\uadfc\ud0dc\", school: \"\ud604)\uc2e0\uc11c\uace0 \uc704\uc6d0\uc7a5 \/ \uc804) \uc591\uc815\uc911 \uc704\uc6d0\uc7a5\", type: \"senior\" },\n { position: \"\uc218\uc11d \uc7ac\ubb34\uc774\uc0ac\", name: \"\uc774\uc2b9\ubbf8\", school: \"\ud604) \uc6d4\ucd0c\uc911 \uc704\uc6d0 \/ \uc804) \uc6d4\ucd0c\ucd08 \ubd80\uc704\uc6d0\uc7a5\", type: \"senior\" },\n { position: \"\uc218\uc11d \ud64d\ubcf4\uc774\uc0ac\", name: \"\uc7a5\uc6d0\uc81c\", school: \"\ud604)\ubaa9\ub3d9\uace0 \uc704\uc6d0 \/ \uc804) \ubaa9\ub3d9\uace0 \uc704\uc6d0\uc7a5\", type: \"senior\" },\n { position: \"\uc218\uc11d \uc0ac\ubb34\uc774\uc0ac\", name: \"\uc774\uacbd\ub780\", school: \"\ud604)\uc9c0\ud5a5\ucd08 \ubd80\uc704\uc6d0\uc7a5\", type: \"senior\" },\n { position: \"\uc218\uc11d \uad50\uc721\uc774\uc0ac\", name: \"\ubc15\uc2e0\uc601\", school: \"\ud604)\ubaa9\ub3d9\uc911 \uc704\uc6d0 \/ \uc804)\uc2e0\ubaa9\ucd08 \uc704\uc6d0\uc7a5\", type: \"senior\" },\n \n { position: \"\uace0\ub4f1\ubd80 \ubd80\ud68c\uc7a5\", name: \"\uc774\uc18c\uc758\", school: \"\ud604)\ubaa9\ub3d9\uc911 \uc704\uc6d0 \/ \uc804) \ubaa9\ub3d9\ucd08 \ubd80\uc704\uc6d0\uc7a5\", type: \"vice\" },\n { position: \"\uc911\ub4f1\ubd80 \ubd80\ud68c\uc7a5\", name: \"\uc774\uc120\ud76c\", school: \"\ud604)\ubaa9\uc6b4\uc911 \uc704\uc6d0\uc7a5\", type: \"vice\" },\n { position: \"\ucd08\ub4f1\ubd80 \ubd80\ud68c\uc7a5\", name: \"\uace0\ud76c\uc815\", school: \"\ud604)\uc815\ubaa9\ucd08 \ubd80\uc704\uc6d0\uc7a5\", type: \"vice\" },\n \n { position: \"\ucd1d\ubb34 \uc774\uc0ac\", name: \"\uc11c\uc724\ub2e4\", school: \"\ud604)\uc815\ubaa9\ucd08 \uc704\uc6d0\uc7a5\", type: \"director\" },\n { position: \"\uc7ac\ubb34 \uc774\uc0ac\", name: \"\uc7a5\ud604\", school: \"\ud604)\uc6d4\ucd0c\ucd08 \uc704\uc6d0\uc7a5\", type: \"director\" },\n { position: \"\ud64d\ubcf4 \uc774\uc0ac\", name: \"\ud669\uc11c\uc5f0\", school: \"\ud604)\uc9c0\ud5a5\ucd08 \uc704\uc6d0\uc7a5\", type: \"director\" },\n { position: \"\uc0ac\ubb34 \uc774\uc0ac\", name: \"\uc774\uc120\uc601\", school: \"\ud604)\ubaa9\uc6b4\uc911 \ubd80\uc704\uc6d0\uc7a5\", type: \"director\" },\n { position: \"\uad50\uc721 \uc774\uc0ac\", name: \"\uc2e0\uc81c\uc601\", school: \"\ud604)\uc2e0\ubaa9\ucd08 \uc704\uc6d0\uc7a5\", type: \"director\" },\n \n { position: \"\uace0\ubb38\", name: \"\uae30\uc601\uc11d\", school: \"\uc804)\ubaa9\uc77c\uc911 \uc704\uc6d0\uc7a5\", type: \"advisor\" },\n { position: \"\uace0\ubb38\", name: \"\uc870\ub0a8\uc11d\", school: \"\uc804)\ubaa9\ub3d9\uace0 \uc704\uc6d0\uc7a5\", type: \"advisor\" },\n { position: \"\uace0\ubb38\", name: \"\uc774\uc601\ud0dd\", school: \"\ud604)\uc591\ucc9c\uace0 \uc704\uc6d0\uc7a5\", type: \"advisor\" },\n { position: \"\uc790\ubb38\uc704\uc6d0\", name: \"\uae40\uc7ac\ubb38\", school: \"\uc804)\ubaa9\uc77c\uc911 \uc704\uc6d0\uc7a5\", type: \"advisor\" },\n { position: \"\uc790\ubb38\uc704\uc6d0\", name: \"\uae40\ud61c\uc9c4\", school: \"\ubaa9\ub3d9\uace0 \uc704\uc6d0\", type: \"advisor\" },\n \n { position: \"\uac10\uc0ac\", name: \"\ud669\uc120\ud76c\", school: \"\ud604)\uc2e0\ubaa9\uace0 \uc704\uc6d0 \/ \uc804)\uc2e0\ubaa9\uace0 \ubd80\uc704\uc6d0\uc7a5\", type: \"auditor\" },\n { position: \"\uac10\uc0ac\", name: \"\uc591\uc5f0\uc218\", school: \"\ud604)\uc591\ud654\ucd08 \uc704\uc6d0\uc7a5 \/ \uc804) \uc2e0\ubaa9\uace0 \uc704\uc6d0\uc7a5\", type: \"auditor\" }\n ];\n\n const grid = document.getElementById('executives-grid');\n const noResults = document.getElementById('no-results');\n const desktopSearch = document.getElementById('desktop-search');\n const mobileSearch = document.getElementById('mobile-search');\n\n \/\/ Helper to determine badge color based on type\n function getBadgeColor(type) {\n switch(type) {\n case 'head': return 'bg-blue-100 text-blue-800 border-blue-200';\n case 'senior': return 'bg-indigo-100 text-indigo-800 border-indigo-200';\n case 'vice': return 'bg-purple-100 text-purple-800 border-purple-200';\n case 'director': return 'bg-green-100 text-green-800 border-green-200';\n case 'auditor': return 'bg-orange-100 text-orange-800 border-orange-200';\n default: return 'bg-gray-100 text-gray-800 border-gray-200';\n }\n }\n\n \/\/ Render function\n function renderExecutives(data) {\n grid.innerHTML = '';\n if (data.length === 0) {\n noResults.classList.remove('hidden');\n } else {\n noResults.classList.add('hidden');\n data.forEach(person => {\n const card = document.createElement('div');\n card.className = 'bg-white rounded-xl p-6 shadow-sm border border-gray-100 transition-all duration-200 card-hover flex flex-col';\n \n \/\/ Badge\n const badgeClass = getBadgeColor(person.type);\n \n card.innerHTML = `\n <div class=\"flex items-start justify-between mb-4\">\n <span class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border ${badgeClass}\">\n ${person.position}\n <\/span>\n <div class=\"bg-gray-50 rounded-full p-2\">\n <i data-lucide=\"user\" class=\"w-4 h-4 text-gray-400\"><\/i>\n <\/div>\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-1\">${person.name}<\/h3>\n <div class=\"mt-auto pt-3 border-t border-gray-50\">\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n ${person.school.replace('\/', '<br class=\"mb-1 block sm:hidden\">\/ ')}\n <\/p>\n <\/div>\n `;\n grid.appendChild(card);\n });\n lucide.createIcons();\n }\n }\n\n \/\/ Initial Render\n renderExecutives(executives);\n\n \/\/ Search Functionality\n function handleSearch(e) {\n const query = e.target.value.toLowerCase();\n const filtered = executives.filter(person => \n person.name.toLowerCase().includes(query) || \n person.school.toLowerCase().includes(query) ||\n person.position.toLowerCase().includes(query)\n );\n renderExecutives(filtered);\n }\n\n desktopSearch.addEventListener('input', handleSearch);\n mobileSearch.addEventListener('input', handleSearch);\n \n \/\/ Initialize icons\n lucide.createIcons();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>15\ub300 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \uc784\uc6d0\uc9c4 \ud604\ud669 15\ub300 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611 \uc784\uc6d0\uc9c4 \ud604\ud669 \uc591\ucc9c\uad6c \ud559\uad50\uc6b4\uc601\uc704\uc6d0\ud611\uc758\ud68c\ub97c \uc774\ub04c\uc5b4\uac00\ub294 15\ub300 \uc784\uc6d0\uc9c4\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4. \uac80\uc0c9 \uacb0\uacfc\uac00 \uc5c6\uc2b5\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-159","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/159","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=159"}],"version-history":[{"count":1,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/159\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}