{"id":1795,"date":"2026-02-14T08:23:48","date_gmt":"2026-02-14T08:23:48","guid":{"rendered":"https:\/\/www.megablade.net\/?page_id=1795"},"modified":"2026-02-23T12:11:05","modified_gmt":"2026-02-23T12:11:05","slug":"%eb%b3%b4%eb%93%ac-%ec%84%b1%ec%9e%a5-%eb%aa%a8%eb%8d%b8","status":"publish","type":"page","link":"https:\/\/bodm.megablade.net\/?page_id=1795","title":{"rendered":"\ubcf4\ub4ec \uc131\uc7a5 \ubaa8\ub378"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1795\" class=\"elementor elementor-1795\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e888daa e-con-full e-flex e-con e-parent\" data-id=\"e888daa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2114d59 elementor-widget elementor-widget-html\" data-id=\"2114d59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tailwind CSS & Lucide Icons CDN (\ubcf8\ubb38 \ub0b4 \uc0bd\uc785 \uac00\ub2a5) -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Pretendard:wght@400;600;800&display=swap');\r\n    \r\n    \/* \ubaa8\ub4e0 \uc2a4\ud0c0\uc77c\uc744 .bodm-wrapper \ub0b4\ubd80\ub85c \ud55c\uc815\ud558\uc5ec \uc6cc\ub4dc\ud504\ub808\uc2a4 \ud14c\ub9c8 \uac04\uc12d \ucc28\ub2e8 *\/\r\n    .bodm-wrapper { \r\n        font-family: 'Pretendard', sans-serif; \r\n        line-height: 1.6;\r\n        color: #111827;\r\n        background-color: #f9fafb;\r\n    }\r\n    \r\n    \/* \ud770\uc0c9 \ud14d\uc2a4\ud2b8 \uac15\uc81c \uc801\uc6a9 *\/\r\n    .bodm-wrapper .text-white { color: #ffffff !important; }\r\n    .bodm-wrapper .text-blue-50 { color: #eff6ff !important; }\r\n    .bodm-wrapper .text-blue-100 { color: #dbeafe !important; }\r\n    .bodm-wrapper .text-blue-200 { color: #bfdbfe !important; }\r\n    \r\n    \/* \uc81c\ubaa9 \ud0dc\uadf8 \uc0c9\uc0c1 \ubc0f \uc5ec\ubc31 \ud14c\ub9c8 \uc0c1\uc18d \ubc29\uc9c0 *\/\r\n    .bodm-wrapper h1, \r\n    .bodm-wrapper h2, \r\n    .bodm-wrapper h3, \r\n    .bodm-wrapper h4 { \r\n        color: inherit !important; \r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        line-height: 1.2 !important;\r\n    }\r\n\r\n    .bodm-wrapper .step-content { display: none; }\r\n    .bodm-wrapper .step-content.active { display: block; }\r\n    \r\n    .bodm-wrapper .tab-button.active { \r\n        background-color: white !important; \r\n        border-color: #3b82f6 !important; \r\n        box-shadow: 0 20px 25px -5px rgb(0 0 0 \/ 0.1) !important;\r\n        transform: scale(1.02);\r\n        color: #111827 !important;\r\n    }\r\n    \r\n    \/* \ubc84\ud2bc \ub0b4 \ud14d\uc2a4\ud2b8 \uc0c9\uc0c1 \uad00\ub9ac *\/\r\n    .bodm-wrapper .tab-button:not(.active) h3 { color: #9ca3af !important; }\r\n    .bodm-wrapper .tab-button.active h3 { color: #111827 !important; }\r\n    \r\n    \/* \ub9ac\uc2a4\ud2b8 \uc2a4\ud0c0\uc77c \ud14c\ub9c8 \uac04\uc12d \ubc29\uc9c0 *\/\r\n    .bodm-wrapper ul { \r\n        list-style: none !important; \r\n        padding: 0 !important; \r\n        margin: 0 !important; \r\n    }\r\n<\/style>\r\n\r\n<div class=\"bodm-wrapper\">\r\n    <!-- Hero Section -->\r\n    <section class=\"bg-gradient-to-br from-blue-700 via-blue-600 to-indigo-700 py-20 text-white text-center px-4\">\r\n        <div class=\"max-w-4xl mx-auto\">\r\n            <div class=\"inline-block bg-white\/20 backdrop-blur-md px-4 py-1.5 rounded-full text-sm font-medium mb-6 text-white\">\r\n                2026. \uc5f0\uad6c\ud559\uad50 \uc6b4\uc601\uacc4\ud68d (\uac70\uc81c\uc591\uc815\ucd08)\r\n            <\/div>\r\n            <h1 class=\"text-4xl md:text-5xl font-extrabold mb-6 leading-tight text-white\">\r\n                \ubcf4\ub4ec(B.O.D.M.) \uc131\uc7a5\ubaa8\ub378\uc744 \ud1b5\ud55c<br \/>\r\n                <span class=\"text-blue-200\">\ud3ec\uc6a9\uc801 \ubbf8\ub798\uc5ed\ub7c9 \uae30\ub974\uae30<\/span>\r\n            <\/h1>\r\n            <p class=\"text-lg text-blue-50 mb-10 max-w-2xl mx-auto leading-relaxed\">\r\n                AI \uc2dc\ub300\uc758 \uaca9\ucc28\ub97c \ud574\uc18c\ud558\uace0 \ubaa8\ub4e0 \ud559\uc0dd\uc774 \uc8fc\uccb4\uc801\uc778 \uc2dc\ubbfc\uc73c\ub85c \uc131\uc7a5\ud560 \uc218 \uc788\ub3c4\ub85d \ub530\ub73b\ud55c <br>'\ud3ec\uc6a9'\uc758 \uac00\uce58\ub97c \ub2f4\uc740 \ub9de\ucda4\ud615 \uad50\uc721 \uc0dd\ud0dc\uacc4\ub97c \uad6c\ucd95\ud569\ub2c8\ub2e4.\r\n            <\/p>\r\n            <div class=\"flex flex-wrap justify-center gap-4\">\r\n                <div class=\"bg-white text-blue-700 px-6 py-3 rounded-2xl font-bold flex items-center gap-2\">\r\n                    <i data-lucide=\"shield-check\" class=\"w-5 h-5\"><\/i> \uc778\uac04 \uc874\uc5c4\uc131\r\n                <\/div>\r\n                <div class=\"bg-white text-blue-700 px-6 py-3 rounded-2xl font-bold flex items-center gap-2\">\r\n                    <i data-lucide=\"book-open\" class=\"w-5 h-5\"><\/i> \ub9de\ucda4\ud615 \ud559\uc2b5\r\n                <\/div>\r\n                <div class=\"bg-white text-blue-700 px-6 py-3 rounded-2xl font-bold flex items-center gap-2\">\r\n                    <i data-lucide=\"users\" class=\"w-5 h-5\"><\/i> \uad50\uc0ac \uc804\ubb38\uc131\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- BODM Steps Section -->\r\n    <section id=\"steps\" class=\"py-24 max-w-6xl mx-auto px-4\">\r\n        <div class=\"text-center mb-16\">\r\n            <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\ubaa8\ub378 \uc6b4\uc601 \ud504\ub85c\uc138\uc2a4<\/h2>\r\n            <p class=\"text-gray-500\">\uc900\ube44\ubd80\ud130 \uc131\ucc30\uae4c\uc9c0 \uc774\uc5b4\uc9c0\ub294 4\ub2e8\uacc4 \uc120\uc21c\ud658 \uccb4\uacc4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-start\">\r\n            <!-- Buttons -->\r\n            <div class=\"space-y-4\">\r\n                <button onclick=\"showStep('B')\" id=\"btn-B\" class=\"tab-button active w-full text-left p-6 rounded-3xl transition-all border-2 bg-white border-blue-500 shadow-xl shadow-blue-50 scale-[1.02]\">\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <div class=\"p-3 rounded-2xl bg-blue-50\"><i data-lucide=\"users\" class=\"w-8 h-8 text-blue-500\"><\/i><\/div>\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg\">\uc900\ube44 (Build-up)<\/h3>\r\n                            <p class=\"text-sm opacity-80 text-gray-500\">\ub514\uc9c0\ud138 \ud3ec\uc6a9 \ubb38\ud654 \uc870\uc131<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n                <button onclick=\"showStep('O')\" id=\"btn-O\" class=\"tab-button w-full text-left p-6 rounded-3xl transition-all border-2 bg-white border-transparent\">\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <div class=\"p-3 rounded-2xl bg-gray-50\"><i data-lucide=\"search\" class=\"w-8 h-8 text-green-500\"><\/i><\/div>\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg\">\uc9c4\ub2e8 (Observation)<\/h3>\r\n                            <p class=\"text-sm opacity-80 text-gray-500\">\uc774\uc911 \ub9de\ucda4\ud615 \uc5ed\ub7c9 \uc9c4\ub2e8<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n                <button onclick=\"showStep('D')\" id=\"btn-D\" class=\"tab-button w-full text-left p-6 rounded-3xl transition-all border-2 bg-white border-transparent\">\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <div class=\"p-3 rounded-2xl bg-gray-50\"><i data-lucide=\"pen-tool\" class=\"w-8 h-8 text-purple-500\"><\/i><\/div>\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg\">\uc124\uacc4 (Design)<\/h3>\r\n                            <p class=\"text-sm opacity-80 text-gray-500\">\uc774\uc911 \ub9de\ucda4\ud615 \uad50\uc721\uacfc\uc815 \uc124\uacc4<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n                <button onclick=\"showStep('M')\" id=\"btn-M\" class=\"tab-button w-full text-left p-6 rounded-3xl transition-all border-2 bg-white border-transparent\">\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <div class=\"p-3 rounded-2xl bg-gray-50\"><i data-lucide=\"settings\" class=\"w-8 h-8 text-orange-500\"><\/i><\/div>\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg\">\uc2e4\ud589\/\uc131\ucc30 (Management)<\/h3>\r\n                            <p class=\"text-sm opacity-80 text-gray-500\">\ud3ec\uc6a9\uc801 AI \uad50\uc721 \uc2e4\ucc9c \ubc0f \ud658\ub958<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Content Display -->\r\n            <div class=\"bg-white rounded-[2.5rem] p-10 shadow-xl border border-gray-100 min-h-[450px] flex flex-col justify-center transition-all duration-500\">\r\n                <div id=\"content-B\" class=\"step-content active\">\r\n                    <div class=\"bg-blue-50 w-16 h-16 rounded-3xl flex items-center justify-center mb-8\"><i data-lucide=\"users\" class=\"w-8 h-8 text-blue-500\"><\/i><\/div>\r\n                    <h2 class=\"text-3xl font-extrabold text-gray-900 mb-4\">\uc900\ube44 (Build-up)<\/h2>\r\n                    <p class=\"text-lg text-gray-600 leading-relaxed mb-8\">AI \uc724\ub9ac \ud5cc\uc7a5 \uc81c\uc815 \ubc0f \ub514\uc9c0\ud138 \ud3ec\uc6a9 \ubb38\ud654\ub97c \uc870\uc131\ud558\uc5ec \uae30\uc220 \uc911\uc2ec\uc774 \uc544\ub2cc \uc778\uac04 \uc874\uc5c4\uc131\uc744 \ucd5c\uc6b0\uc120 \uac00\uce58\ub85c \ud655\ub9bd\ud569\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"space-y-3\">\r\n                        <h4 class=\"font-bold text-gray-900 flex items-center gap-2\"><i data-lucide=\"info\" class=\"w-4 h-4 text-blue-500\"><\/i> \ud575\uc2ec \ud65c\ub3d9<\/h4>\r\n                        <ul class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\r\n                            <li class=\"flex items-center gap-2 text-gray-600 text-sm bg-gray-50 p-3 rounded-xl border border-gray-100\">AI \uc724\ub9ac \uaddc\ubc94 \uc81c\uc815<\/li>\r\n                            <li class=\"flex items-center gap-2 text-gray-600 text-sm bg-gray-50 p-3 rounded-xl border border-gray-100\">\uad50\uc721\uacf5\ub3d9\uccb4 \ube44\uc804 \uc218\ub9bd<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n                <div id=\"content-O\" class=\"step-content\">\r\n                    <div class=\"bg-green-50 w-16 h-16 rounded-3xl flex items-center justify-center mb-8\"><i data-lucide=\"search\" class=\"w-8 h-8 text-green-500\"><\/i><\/div>\r\n                    <h2 class=\"text-3xl font-extrabold text-gray-900 mb-4\">\uc9c4\ub2e8 (Observation)<\/h2>\r\n                    <p class=\"text-lg text-gray-600 leading-relaxed mb-8\">\ud559\uc0dd\uc758 4\ub300 \ubbf8\ub798\uc5ed\ub7c9(\uc0ac\uace0, \uae30\uc220, \ud0dc\ub3c4, \uc2e4\ucc9c)\uc744 \uc9c4\ub2e8\ud558\uc5ec 16\uac00\uc9c0 \ud559\uc2b5\uc790 \uc131\uc7a5 \uc720\ud615\uc744 \ub3c4\ucd9c\ud569\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"space-y-3\">\r\n                        <h4 class=\"font-bold text-gray-900 flex items-center gap-2\"><i data-lucide=\"info\" class=\"w-4 h-4 text-blue-500\"><\/i> \ud575\uc2ec \ud65c\ub3d9<\/h4>\r\n                        <ul class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\r\n                            <li class=\"flex items-center gap-2 text-gray-600 text-sm bg-gray-50 p-3 rounded-xl border border-gray-100\">\ud559\uc0dd \ub514\uc9c0\ud138 \uc5ed\ub7c9 \ubd84\uc11d<\/li>\r\n                            <li class=\"flex items-center gap-2 text-gray-600 text-sm bg-gray-50 p-3 rounded-xl border border-gray-100\">16\uac00\uc9c0 \uc131\uc7a5\uc720\ud615 \ubd84\ub958<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n                <div id=\"content-D\" class=\"step-content\">\r\n                    <div class=\"bg-purple-50 w-16 h-16 rounded-3xl flex items-center justify-center mb-8\"><i data-lucide=\"pen-tool\" class=\"w-8 h-8 text-purple-500\"><\/i><\/div>\r\n                    <h2 class=\"text-3xl font-extrabold text-gray-900 mb-4\">\uc124\uacc4 (Design)<\/h2>\r\n                    <p class=\"text-lg text-gray-600 leading-relaxed mb-8\">\ud559\uad50 \ud2b9\uc131\uc5d0 \ub9de\ucd98 \uad50\uc721\uacfc\uc815 \uc7ac\uad6c\uc870\ud654\uc640 \ud559\uc0dd \uac1c\ubcc4 \ud2b9\uc131\uc5d0 \ucd5c\uc801\ud654\ub41c \ucd08\uac1c\uc778\ud654 \uad50\uc218\u00b7\ud559\uc2b5 \uc804\ub7b5\uc744 \uc124\uacc4\ud569\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"space-y-3\">\r\n                        <h4 class=\"font-bold text-gray-900 flex items-center gap-2\"><i data-lucide=\"info\" class=\"w-4 h-4 text-blue-500\"><\/i> \ud575\uc2ec \ud65c\ub3d9<\/h4>\r\n                        <ul class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\r\n                            <li class=\"flex items-center gap-2 text-gray-600 text-sm bg-gray-50 p-3 rounded-xl border border-gray-100\">AI \uc735\ud569 \uad50\uc721\uacfc\uc815 \ud3b8\uc131<\/li>\r\n                            <li class=\"flex items-center gap-2 text-gray-600 text-sm bg-gray-50 p-3 rounded-xl border border-gray-100\">\ucd08\uac1c\uc778\ud654 \ub85c\ub4dc\ub9f5 \uc218\ub9bd<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n                <div id=\"content-M\" class=\"step-content\">\r\n                    <div class=\"bg-orange-50 w-16 h-16 rounded-3xl flex items-center justify-center mb-8\"><i data-lucide=\"settings\" class=\"w-8 h-8 text-orange-500\"><\/i><\/div>\r\n                    <h2 class=\"text-3xl font-extrabold text-gray-900 mb-4\">\uc2e4\ud589\/\uc131\ucc30 (Management)<\/h2>\r\n                    <p class=\"text-lg text-gray-600 leading-relaxed mb-8\">\uc124\uacc4\ub41c \ubaa8\ub378\uc744 \ud604\uc7a5\uc5d0 \uc801\uc6a9\ud558\uace0, \ub370\uc774\ud130 \uae30\ubc18 \uc131\ucc30\uc744 \ud1b5\ud574 \uc9c0\uc18d \uac00\ub2a5\ud55c \uc131\uacf5 \ubaa8\ub378\uc744 \ud655\uc0b0\ud569\ub2c8\ub2e4.<\/p>\r\n                    <div class=\"space-y-3\">\r\n                        <h4 class=\"font-bold text-gray-900 flex items-center gap-2\"><i data-lucide=\"info\" class=\"w-4 h-4 text-blue-500\"><\/i> \ud575\uc2ec \ud65c\ub3d9<\/h4>\r\n                        <ul class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\r\n                            <li class=\"flex items-center gap-2 text-gray-600 text-sm bg-gray-50 p-3 rounded-xl border border-gray-100\">\ub9de\ucda4\ud615 \uad50\uc218\u00b7\ud559\uc2b5 \uc2e4\ud589<\/li>\r\n                            <li class=\"flex items-center gap-2 text-gray-600 text-sm bg-gray-50 p-3 rounded-xl border border-gray-100\">AI \ud3ec\ud2b8\ud3f4\ub9ac\uc624 \uc131\ucc30<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 16 Types Grid Section -->\r\n    <section id=\"types\" class=\"py-24 bg-blue-900 text-white overflow-hidden\">\r\n        <div class=\"max-w-6xl mx-auto px-4\">\r\n            <div class=\"flex flex-col lg:flex-row gap-16 items-center\">\r\n                <div class=\"lg:w-1\/2\">\r\n                    <h2 class=\"text-3xl font-bold mb-6 text-white\">AI \ub9de\ucda4\ud615 \uc131\uc7a5\uc720\ud615 <\/h2>\r\n                    <p class=\"text-blue-100 text-lg leading-relaxed mb-8\">\r\n                        \ub2e8\uc21c\ud55c \uc131\uc801 \ubd84\ub958\ub97c \ub118\uc5b4, \ud559\uc0dd\uc758 \ub514\uc9c0\ud138 \uc0ac\uace0\ub825, \uae30\uc220\ub825, \ud0dc\ub3c4, \uc2e4\ucc9c\ub825\uc744 \uc885\ud569\uc801\uc73c\ub85c \uc9c4\ub2e8\ud569\ub2c8\ub2e4. 16\uac00\uc9c0 \uc815\uad50\ud55c \uc720\ud615 \ubd84\ub958\ub97c \ud1b5\ud574 \ud559\uc0dd \uac1c\uac1c\uc778\uc758 \uac15\uc810\uc740 \uc0b4\ub9ac\uace0 \uc57d\uc810\uc740 \ubcf4\uc644\ud558\ub294 '\ucd08\uac1c\uc778\ud654 \uc804\ub7b5'\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\r\n                    <\/p>\r\n                    <!-- 3\uac1c \ubc15\uc2a4 \ub808\uc774\uc544\uc6c3 (\uadf8\ub8f9\uc720\ud615 \ucd94\uac00) -->\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n                        <div class=\"bg-white\/10 backdrop-blur p-6 rounded-3xl\">\r\n                            <div class=\"text-3xl font-bold mb-1 text-white\">4\uac00\uc9c0<\/div>\r\n                            <div class=\"text-sm text-blue-200\">\ud559\uad50 \uc720\ud615<\/div>\r\n                        <\/div>\r\n                        <div class=\"bg-white\/10 backdrop-blur p-6 rounded-3xl\">\r\n                            <div class=\"text-3xl font-bold mb-1 text-white\">16\uac00\uc9c0<\/div>\r\n                            <div class=\"text-sm text-blue-200\">\ud559\uc0dd \uc720\ud615 <\/div>\r\n                        <\/div>\r\n                        <div class=\"bg-white\/10 backdrop-blur p-6 rounded-3xl\">\r\n                            <div class=\"text-3xl font-bold mb-1 text-white\">21\uac00\uc9c0<\/div>\r\n                            <div class=\"text-sm text-blue-200\">\uad50\uc0ac \ub9de\ucda4 \uc804\ub7b5<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"lg:w-1\/2 relative\">\r\n                    <div class=\"grid grid-cols-4 gap-2 opacity-30\">\r\n                        <div class=\"aspect-square rounded-xl border border-white\/20 flex items-center justify-center text-xs font-mono text-white\">Type 1<\/div>\r\n                        <div class=\"aspect-square rounded-xl border border-white\/20 flex items-center justify-center text-xs font-mono bg-blue-500 border-none scale-110 shadow-2xl opacity-100 text-white\">Type 2<\/div>\r\n                        <div class=\"aspect-square rounded-xl border border-white\/20 flex items-center justify-center text-xs font-mono text-white\">Type 3<\/div>\r\n                        <div class=\"aspect-square rounded-xl border border-white\/20 flex items-center justify-center text-xs font-mono text-white\">Type 4<\/div>\r\n                        <div class=\"aspect-square rounded-xl border border-white\/20 flex items-center justify-center text-xs font-mono text-white\">Type 5<\/div>\r\n                        <div class=\"aspect-square rounded-xl border border-white\/20 flex items-center justify-center text-xs font-mono text-white\">Type 6<\/div>\r\n                        <div class=\"aspect-square rounded-xl border border-white\/20 flex items-center justify-center text-xs font-mono text-white\">Type 7<\/div>\r\n                        <div class=\"aspect-square rounded-xl border border-white\/20 flex items-center justify-center text-xs font-mono text-white\">Type 8<\/div>\r\n                    <\/div>\r\n                    <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-white text-blue-900 p-8 rounded-3xl shadow-2xl w-full max-w-sm border border-blue-200\">\r\n                        <div class=\"flex items-center gap-3 mb-4\"><i data-lucide=\"bar-chart-3\" class=\"text-blue-600\"><\/i><span class=\"font-bold\">\uc131\uc7a5\uc720\ud615 \ub9ac\ud3ec\ud2b8 \uc608\uc2dc<\/span><\/div>\r\n                        <div class=\"space-y-4 text-sm text-gray-700\">\r\n                            <div>\uae30\uc220 \uc219\ub828\ub3c4: <span class=\"font-bold text-blue-600\">\uc0c1<\/span><\/div>\r\n                            <div>\uc724\ub9ac\uc801 \ud0dc\ub3c4: <span class=\"font-bold text-orange-500\">\uc911\ud558<\/span><\/div>\r\n                            <p class=\"text-xs text-gray-500 bg-gray-50 p-3 rounded-lg border border-gray-100 leading-tight\">\r\n                                \"\uae30\uc220\uc740 \ub2a5\uc219\ud558\ub098 \uc724\ub9ac \uc2e4\ucc9c\uc774 \ubd80\uc871\ud569\ub2c8\ub2e4. <strong>'\ub514\uc9c0\ud138 \ubcf4\uc548\uad00'<\/strong> \uc5ed\ud560\uc744 \ubd80\uc5ec\ud574 \ucc45\uc784\uac10\uc744 \uac15\uc870\ud558\uc138\uc694.\"\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Community Section -->\r\n    <section id=\"community\" class=\"py-24 max-w-6xl mx-auto px-4\">\r\n        <div class=\"text-center mb-16\">\r\n            <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\ud568\uaed8 \ub9cc\ub4dc\ub294 \ud3ec\uc6a9 \uc0dd\ud0dc\uacc4<\/h2>\r\n        <\/div>\r\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n            <div class=\"bg-white p-8 rounded-[2rem] shadow-lg border border-gray-100 hover:bg-blue-50 transition-colors group\">\r\n                <i data-lucide=\"users\" class=\"w-12 h-12 text-blue-600 mb-6\"><\/i>\r\n                <h3 class=\"font-bold text-xl mb-4\">\ub514\uc9c0\ud138 \ud3ec\ub80c\uc2dd \ub300\ud68c<\/h3>\r\n                <p class=\"text-gray-600 text-sm leading-relaxed\">\ub514\uc9c0\ud138 \ubc94\uc8c4\uc758 \uc2ec\uac01\uc131\uc744 \uc54c\uace0 \uadf8\uc5d0 \ub300\ud55c \uacbd\uac01\uc2ec\uc744 \uc77c\uae68\uc6b0\ub294 \ud65c\ub3d9\uc744 \uc2e4\uc2dc\ud569\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-8 rounded-[2rem] shadow-lg border border-gray-100 hover:bg-green-50 transition-colors group\">\r\n                <i data-lucide=\"globe\" class=\"w-12 h-12 text-green-600 mb-6\"><\/i>\r\n                <h3 class=\"font-bold text-xl mb-4\">\uc804\ubb38\uac00 \ucd08\uccad \uac15\uc758<\/h3>\r\n                <p class=\"text-gray-600 text-sm leading-relaxed\">\uc2e4\uc7ac \ud604\uc7a5\uc5d0 \uc788\ub294 \uc804\ubb38\uac00\uc758 \uc774\uc57c\uae30\ub97c \ub4e4\uc73c\uba70 \ub514\uc9c0\ud138 \uafc8\ub098\ubb34\ub97c \ud0a4\uc6cc\uac11\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n            <div class=\"bg-white p-8 rounded-[2rem] shadow-lg border border-gray-100 hover:bg-purple-50 transition-colors group\">\r\n                <i data-lucide=\"shield-check\" class=\"w-12 h-12 text-purple-600 mb-6\"><\/i>\r\n                <h3 class=\"font-bold text-xl mb-4\">\ud654\uc774\ud2b8 \ud574\ucee4\ud1a4 \ub300\ud68c<\/h3>\r\n                <p class=\"text-gray-600 text-sm leading-relaxed\">\ubc30\uc6b4 \uae30\uc220\ub85c \uc0ac\ud68c \ubb38\uc81c\ub97c \ud574\uacb0\ud558\ub294 \uc544\uc774\ub514\uc5b4\ub97c \uc81c\uc548\ud558\uba70 \ubbf8\ub798 \uc778\uc7ac\ub85c \ub3c4\uc57d\ud569\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Lucide Icons \ucd08\uae30\ud654\r\n    if (window.lucide) {\r\n        lucide.createIcons();\r\n    }\r\n\r\n    \/\/ \ud0ed \uc804\ud658 \uae30\ub2a5\r\n    function showStep(id) {\r\n        const wrapper = document.querySelector('.bodm-wrapper');\r\n        if (!wrapper) return;\r\n        \r\n        \/\/ \ubaa8\ub4e0 \ucf58\ud150\uce20 \uc228\uae30\uae30\r\n        wrapper.querySelectorAll('.step-content').forEach(el => el.classList.remove('active'));\r\n        \/\/ \ubaa8\ub4e0 \ubc84\ud2bc \ube44\ud65c\uc131\ud654 \uc2a4\ud0c0\uc77c\r\n        wrapper.querySelectorAll('.tab-button').forEach(el => {\r\n            el.classList.remove('active', 'border-blue-500', 'shadow-xl', 'shadow-blue-50', 'scale-[1.02]', 'text-gray-900');\r\n            el.classList.add('border-transparent');\r\n            el.querySelector('.p-3').classList.remove('bg-blue-50');\r\n            el.querySelector('.p-3').classList.add('bg-gray-50');\r\n        });\r\n\r\n        \/\/ \uc120\ud0dd\ub41c \ucf58\ud150\uce20 \ubcf4\uc774\uae30\r\n        document.getElementById('content-' + id).classList.add('active');\r\n        \/\/ \uc120\ud0dd\ub41c \ubc84\ud2bc \ud65c\uc131\ud654 \uc2a4\ud0c0\uc77c\r\n        const activeBtn = document.getElementById('btn-' + id);\r\n        activeBtn.classList.add('active', 'border-blue-500', 'shadow-xl', 'shadow-blue-50', 'scale-[1.02]');\r\n        activeBtn.classList.remove('border-transparent');\r\n        activeBtn.querySelector('.p-3').classList.remove('bg-gray-50');\r\n        activeBtn.querySelector('.p-3').classList.add('bg-blue-50');\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>2026. \uc5f0\uad6c\ud559\uad50 \uc6b4\uc601\uacc4\ud68d (\uac70\uc81c\uc591\uc815\ucd08) \ubcf4\ub4ec(B.O.D.M.) \uc131\uc7a5\ubaa8\ub378\uc744 \ud1b5\ud55c \ud3ec\uc6a9\uc801 \ubbf8\ub798\uc5ed\ub7c9 \uae30\ub974\uae30 AI \uc2dc\ub300\uc758 \uaca9\ucc28\ub97c \ud574\uc18c\ud558\uace0 \ubaa8\ub4e0 \ud559\uc0dd\uc774 \uc8fc\uccb4\uc801\uc778 \uc2dc\ubbfc\uc73c\ub85c \uc131\uc7a5\ud560 \uc218 \uc788\ub3c4\ub85d \ub530\ub73b\ud55c &#8216;\ud3ec\uc6a9&#8217;\uc758 \uac00\uce58\ub97c \ub2f4\uc740 \ub9de\ucda4\ud615 \uad50\uc721 \uc0dd\ud0dc\uacc4\ub97c \uad6c\ucd95\ud569\ub2c8\ub2e4. \uc778\uac04 \uc874\uc5c4\uc131 \ub9de\ucda4\ud615 \ud559\uc2b5 \uad50\uc0ac \uc804\ubb38\uc131 \ubaa8\ub378 \uc6b4\uc601 \ud504\ub85c\uc138\uc2a4 \uc900\ube44\ubd80\ud130 \uc131\ucc30\uae4c\uc9c0 \uc774\uc5b4\uc9c0\ub294 4\ub2e8\uacc4 \uc120\uc21c\ud658 \uccb4\uacc4 \uc900\ube44 (Build-up) \ub514\uc9c0\ud138 \ud3ec\uc6a9 \ubb38\ud654 \uc870\uc131 \uc9c4\ub2e8 (Observation) \uc774\uc911 \ub9de\ucda4\ud615 \uc5ed\ub7c9 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1795","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/bodm.megablade.net\/index.php?rest_route=\/wp\/v2\/pages\/1795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bodm.megablade.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bodm.megablade.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bodm.megablade.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bodm.megablade.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1795"}],"version-history":[{"count":0,"href":"https:\/\/bodm.megablade.net\/index.php?rest_route=\/wp\/v2\/pages\/1795\/revisions"}],"wp:attachment":[{"href":"https:\/\/bodm.megablade.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}