{"id":3131,"date":"2025-06-29T09:46:23","date_gmt":"2025-06-29T09:46:23","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?post_type=pest&#038;p=3131"},"modified":"2025-06-29T10:21:13","modified_gmt":"2025-06-29T10:21:13","slug":"%eb%b0%a4%eb%82%98%eb%ac%b4%ec%a4%84%ea%b8%b0%eb%a7%88%eb%a6%84%eb%b3%91","status":"publish","type":"pest","link":"https:\/\/hstc.treecare.co.kr\/?pest=%eb%b0%a4%eb%82%98%eb%ac%b4%ec%a4%84%ea%b8%b0%eb%a7%88%eb%a6%84%eb%b3%91","title":{"rendered":"\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1 \ub300\ud654\ud615 \uac00\uc774\ub4dc<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Chosen Palette: Earthy Brown & Orange\/Red for blight -->\n    <!-- Application Structure Plan: The SPA for Chestnut Blight is structured into five core sections: '\uac1c\uc694' (Overview), '\ubcd1\uc6d0\uade0 \ud615\ud0dc' (Pathogen Morphology), '\ud53c\ud574 \uc99d\uc0c1' (Damage Symptoms), '\uc0dd\ud65c\uc0ac \ubc0f \uc804\ud30c' (Lifecycle & Transmission), and '\ubc29\uc81c \ubc29\ubc95' (Control Methods). This logical flow supports comprehensive understanding from identification to management. '\ubcd1\uc6d0\uade0 \ud615\ud0dc' and '\ud53c\ud574 \uc99d\uc0c1' sections use interactive elements (buttons) to highlight different pathogen forms\/symptoms. '\uc0dd\ud65c\uc0ac' includes a detailed flowchart to visualize its complex disease cycle. '\ubc29\uc81c \ubc29\ubc95' incorporates a Chart.js visualization to illustrate optimal control timings, primarily focusing on prevention and physical\/biological control due to limited chemical options. -->\n    <!-- Visualization & Content Choices: \n        1. Report Info: Pathogen Morphology (Stroma\/Canker, Pycnidia\/Conidia, Perithecia\/Ascospores, Mycelial fans) -> Goal: Inform & Identify -> Viz\/Method: Interactive image gallery with buttons for '\uc790\uc88c\/\uada4\uc591', '\ud3ec\uc790\ub369\uc774\ubfd4 (Spore horn)', '\uc790\ub0ad\uac01\/\uc790\ub0ad\ud3ec\uc790', '\ubd84\uc0dd\ud3ec\uc790' -> Interaction: Clicking buttons updates image and descriptive text for pathogen structures. -> Justification: The varied and microscopic fungal structures are key for understanding the pathogen. -> Library: Vanilla JS.\n        2. Report Info: Damage Symptoms (Bark cankers\/cracks, Leaf wilt\/dieback, Reshooting from below canker, Tree mortality) -> Goal: Inform & Diagnose -> Viz\/Method: Interactive image gallery with buttons for '\uc218\ud53c \ud130\uc9d0\/\uad34\uc800 (\uada4\uc591)', '\uac00\uc9c0\/\uc78e \ub9c8\ub984\/\uace0\uc0ac', '\uada4\uc591 \uc544\ub798 \ub9f9\uc544 \ubc1c\uc0dd' -> Interaction: Clicking buttons updates image and descriptive text. Clearly shows the progressive and diagnostic symptoms across the tree, including the characteristic re-shooting. -> Justification: The varied and progressive nature of disease symptoms, including external and internal signs, needs clear visual differentiation for accurate diagnosis. -> Library: Vanilla JS.\n        3. Report Info: Lifecycle (Fungus overwintering in cankers, Spore dispersal via rain\/wind\/insects, Wound infection, Decay progression) -> Goal: Organize & Show Change -> Viz\/Method: Detailed HTML\/CSS vertical flowchart -> Interaction: Static visual aid -> Justification: Visualizing the complex disease cycle with various spore types, transmission pathways, and the perennial nature of the fungus is essential for understanding and control. -> Library: HTML\/Tailwind.\n        4. Report Info: Control Timing (Prevention of wounds, Removal of infected wood, Biological control application) -> Goal: Inform & Guide -> Viz\/Method: Bar Chart -> Interaction: Hover tooltips -> Justification: The chart clearly illustrates the continuous nature of fungal activity and highlights the primary periods for preventive actions (wound management) and physical\/biological interventions, emphasizing the difficulty of chemical control. -> Library: Chart.js.\n    -->\n    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n    <style>\n        body {\n            font-family: 'Noto Sans KR', sans-serif;\n        }\n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n            height: 300px;\n            max-height: 400px;\n        }\n        @media (min-width: 768px) {\n            .chart-container {\n                height: 350px;\n            }\n        }\n        .nav-btn {\n            transition: all 0.3s ease;\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            border: none !important;\n        }\n        .nav-btn.active {\n            background-color: #9a3412 !important; \/* amber-900 equivalent *\/\n            color: #fff7ed !important; \/* amber-50 equivalent *\/\n            font-weight: 700;\n        }\n        .content-section {\n            display: none;\n        }\n        .content-section.active {\n            display: block;\n        }\n        .stage-btn, .damage-btn {\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            border: none !important;\n        }\n        .stage-btn.active, .damage-btn.active {\n            background-color: #ef4444; \/* red-500 *\/\n            color: white;\n            font-weight: 600;\n            transform: scale(1.05);\n        }\n        .nav-btn:focus,\n        .stage-btn:focus,\n        .damage-btn:focus {\n            outline: none !important;\n            box-shadow: none !important;\n            border: none !important;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n    <div class=\"container mx-auto\"> \n        \n        <header class=\"text-center\">\n            <!-- \ubcd1\ud574\ucda9\uba85\uacfc \ud559\uba85 \uc81c\uac70\ub428 -->\n        <\/header>\n\n        <nav class=\"flex justify-between bg-gray-200 mb-8\">\n            <button data-tab=\"overview\" class=\"nav-btn active flex-1 text-center py-2 px-4 text-gray-700 hover:bg-orange-100\">\uac1c\uc694<\/button>\n            <button data-tab=\"morphology\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-orange-100\">\ubcd1\uc6d0\uade0 \ud615\ud0dc<\/button>\n            <button data-tab=\"damage\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-orange-100\">\ud53c\ud574 \uc99d\uc0c1<\/button>\n            <button data-tab=\"ecology\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-orange-100\">\uc0dd\ud65c\uc0ac \ubc0f \uc804\ud30c<\/button>\n            <button data-tab=\"control\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-orange-100\">\ubc29\uc81c \ubc29\ubc95<\/button>\n        <\/nav>\n\n        <main id=\"app-content\" class=\"p-2 md:p-2\">\n            \n            <!-- \uac1c\uc694 Section -->\n            <section id=\"overview\" class=\"content-section active space-y-6\">\n                <div class=\"p-6 bg-white\">\n                    <h2 class=\"text-2xl font-bold text-orange-800 mb-4\">\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1 (<i>Chestnut Blight<\/i>)\uc774\ub780?<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed\">\n                        \ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc740 <i>Cryphonectria parasitica<\/i> \uacf0\ud321\uc774\uc5d0 \uc758\ud574 \ubc1c\uc0dd\ud558\ub294 \ubc24\ub098\ubb34\uc758 \uac00\uc7a5 \uc911\uc694\ud55c \ubcd1\ud574\ub85c, **\uc138\uacc4 3\ub300 \uc218\ubaa9\ubcd1 \uc911 \ud558\ub098**\ub85c \uc54c\ub824\uc838 \uc788\uc2b5\ub2c8\ub2e4. \uac10\uc5fc\ubd80\uc758 \uc218\ud53c\ub97c \uc8fd\uc5ec \uc5b4\ub450\uc6b4 \uc0c9\uc73c\ub85c \ubcc0\ud654\uc2dc\ud0a4\uace0, \ubcd1\ubc18\uc774 \uc904\uae30\ub098 \uac00\uc9c0\ub97c \ud55c \ubc14\ud034 \uac10\uc2f8\uba74 \uc717\ubd80\ubd84\uc774 \ub9d0\ub77c \uc8fd\uac8c \ub9cc\ub4ed\ub2c8\ub2e4. &#8216;\ub3d9\uace0\ubcd1&#8217;\uc73c\ub85c\ub3c4 \ubd88\ub9ac\uba70, \uad00\ub9ac \ubd80\uc871\uacfc \ubc24\ub098\ubb34\uc758 \ub178\ub839\ud654\ub85c \uad6d\ub0b4 \ud53c\ud574\uac00 \uc99d\uac00\ud558\ub294 \ucd94\uc138\uc785\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"list-disc list-inside text-gray-700 mt-4 space-y-1\">\n                        <li><strong>\uc6d4\ub3d9\ud0dc:<\/strong> \ubcd1\uc6d0\uade0\uc740 \uc8fd\uc740 \ub098\ubb34\ub098 \ubcd1\ub4e0 \ub098\ubb34\uc5d0\uc11c \ub2e4\ub144\uc0dd\uc758 \uade0\uc0ac\uccb4\uc640 \uc790\uc88c(\uc790\ub0ad\uac01\/\ubd84\uc0dd\ud3ec\uc790\uac01)\ub85c\uc11c \uc6d4\ub3d9\ud558\uace0 \uacc4\uc18d \ud3ec\uc790\ub97c \ud615\uc131<\/li>\n                        <li><strong>\ubc1c\uc0dd \ud69f\uc218:<\/strong> \ubb34\uc131\uc138\ub300\ub294 \uc5f0\uc911 \uad00\ucc30, \uc720\uc131\uc138\ub300\ub294 4\uc6d4 \uc911\uc21c~9\uc6d4 \ucd08\uc21c \uad00\ucc30 (\uc9c0\uc18d\uc801\uc778 \uac10\uc5fc)<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"p-6 bg-white\">\n                    <h3 class=\"text-xl font-semibold text-orange-800 mb-3\">\ubd84\ud3ec \ubc0f \ud655\uc0b0 \ud604\ud669<\/h3>\n                    <p class=\"text-gray-700 mb-4\">\n                        \ud55c\uad6d, \uc911\uad6d, \uc77c\ubcf8, \uc720\ub7fd, \ubd81\ubbf8 \ub4f1 \uad11\ubc94\uc704\ud558\uac8c \ubd84\ud3ec\ud569\ub2c8\ub2e4. 1925\ub144 \uad6d\ub0b4\uc5d0 \ucc98\uc74c \ubcf4\uace0\ub418\uc5c8\uc73c\uba70, \ubbf8\uad6d \ub3d9\ubd80 \uc9c0\uc5ed\uacfc \uc720\ub7fd\uc5d0\uc11c\ub294 \ubc24\ub098\ubb34 \uc232\uc744 \uac70\uc758 \ud669\ud3d0\ud654\uc2dc\ud0ac \uc815\ub3c4\ub85c \ud070 \ud53c\ud574\ub97c \uc8fc\uc5c8\uc2b5\ub2c8\ub2e4. \uad6d\ub0b4\uc5d0\uc11c\ub294 \ucd5c\uadfc \uacf5\uc8fc, \ubd80\uc5ec, \ucda9\uc8fc \uc7ac\ubc30\uc9c0\uc5d0\uc11c \uc9d1\ub2e8 \uace0\uc0ac \uc0ac\ub840\uac00 \ubcf4\uace0\ub418\uae30\ub3c4 \ud588\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                    <p class=\"text-gray-700\">\uc8fc\uc694 \uae30\uc8fc\uc2dd\ubb3c\uc740 <strong>\ubc24\ub098\ubb34<\/strong>\uc774\uba70, \ucc38\ub098\ubb34\ub958, \ub2e8\ud48d\ub098\ubb34\ub958 \ub4f1 \ub2e4\ub978 \ub098\ubb34\uc5d0\ub3c4 \uac00\ud574\ud569\ub2c8\ub2e4. \ubcd1 \ubc1c\uc0dd\uc740 \uc785\uc9c0\uc870\uac74, \uae30\ud6c4, \uc0dd\uc721\uc0c1\ud669, \uacbd\uc601\uad00\ub9ac \ub4f1\uacfc \ubc00\uc811\ud55c \uad00\ub828\uc774 \uc788\uc73c\uba70, \ud1a0\uc2ec\uc774 \uae4a\uace0 \ube44\uc625\ud558\uba70 \ubc30\uc218\uac00 \uc88b\uc740 \ud658\uacbd, \uad00\ub9ac\uac00 \uc798 \ub41c \uacf3\uc5d0\uc11c\ub294 \ubc24\ub098\ubb34 \uc0dd\uc7a5\uc774 \uc88b\uace0 \uc800\ud56d\ub825\uc774 \uac15\ud574 \ubcd1 \ubc1c\uc0dd\uc774 \uc801\uc2b5\ub2c8\ub2e4.<\/p>\n                <\/div>\n            <\/section>\n\n            <!-- \ubcd1\uc6d0\uade0 \ud615\ud0dc Section -->\n            <section id=\"morphology\" class=\"content-section space-y-6\">\n                <div class=\"p-6 bg-white\">\n                    <h2 class=\"text-2xl font-bold text-orange-800 mb-4\">\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1 \ubcd1\uc6d0\uade0\uc758 \ud615\ud0dc\uc801 \ud2b9\uc9d5<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc744 \uc77c\uc73c\ud0a4\ub294 <i>Cryphonectria parasitica<\/i> \uacf0\ud321\uc774\ub294 \ubc1c\ubcd1\ub825\uc774 \uac15\ud558\uba70, \ub2e4\uc591\ud55c \ud615\ud0dc\uc758 \uc790\uc88c\uc640 \ud3ec\uc790\ub97c \ud615\uc131\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-type=\"stroma_canker\" class=\"stage-btn active flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uc790\uc88c \/ \uada4\uc591<\/button>\n                        <button data-type=\"spore_horn\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\ud3ec\uc790\ub369\uc774\ubfd4 (Spore horn)<\/button>\n                        <button data-type=\"perithecia_ascospores\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uc790\ub0ad\uac01 \/ \uc790\ub0ad\ud3ec\uc790<\/button>\n                        <button data-type=\"conidia\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\ubd84\uc0dd\ud3ec\uc790<\/button>\n                    <\/div>\n                    <div id=\"morphology-content\" class=\"md:flex md:items-center md:space-x-6 p-4\">\n                        <!-- \uc774\ubbf8\uc9c0 \uc81c\uac70\ub428 -->\n                        <div id=\"morphology-text\" class=\"w-full\">\n                            <h3 id=\"morphology-title\" class=\"text-xl font-semibold text-orange-700 mb-2\"><\/h3>\n                            <p id=\"morphology-description\" class=\"text-gray-700\"><\/p>\n                            <p id=\"morphology-size\" class=\"text-sm text-gray-600 mt-2\"><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- \ud53c\ud574 \uc99d\uc0c1 Section -->\n            <section id=\"damage\" class=\"content-section space-y-6\">\n                <div class=\"p-6 bg-white\">\n                    <h2 class=\"text-2xl font-bold text-orange-800 mb-4\">\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc758 \uc8fc\uc694 \ud53c\ud574 \uc99d\uc0c1<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc740 \uc8fc\ub85c \uc904\uae30\uc640 \uac00\uc9c0\uc5d0 \ubc1c\uc0dd\ud558\uba70, \uc218\ud53c\uc758 \ubcc0\uc0c9\uacfc \uada4\uc591 \ud615\uc131, \uadf8\ub9ac\uace0 \uc78e\uc758 \uc2dc\ub4e4\uc74c \ubc0f \uace0\uc0ac\ub85c \uc774\uc5b4\uc9d1\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-damage-type=\"bark_canker_cracking\" class=\"damage-btn active flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uc218\ud53c \ud130\uc9d0 \ubc0f \uad34\uc800 (\uada4\uc591)<\/button>\n                        <button data-damage-type=\"wilt_dieback\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uac00\uc9c0\/\uc78e \ub9c8\ub984 \ubc0f \uace0\uc0ac<\/button>\n                        <button data-damage-type=\"re_shooting\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uada4\uc591 \uc544\ub798 \ub9f9\uc544 \ubc1c\uc0dd<\/button>\n                    <\/div>\n                    <div id=\"damage-content\" class=\"md:flex md:items-center md:space-x-6 p-4\">\n                        <!-- \uc774\ubbf8\uc9c0 \uc81c\uac70\ub428 -->\n                        <div id=\"damage-text\" class=\"w-full\">\n                            <h3 id=\"damage-title\" class=\"text-xl font-semibold text-orange-700 mb-2\"><\/h3>\n                            <p id=\"damage-description\" class=\"text-gray-700\"><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- \uc0dd\ud65c\uc0ac \ubc0f \uc804\ud30c Section -->\n            <section id=\"ecology\" class=\"content-section space-y-6\">\n                 <div class=\"p-6 bg-white\">\n                    <h2 class=\"text-2xl font-bold text-orange-800 mb-4\">\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc758 \uc0dd\ud65c\uc0ac \ubc0f \uc804\ud30c \uacfc\uc815<\/h2>\n                     <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubcd1\uc6d0\uade0\uc740 \ubc24\ub098\ubb34\uc758 \ub2e4\uc591\ud55c \uc0c1\ucc98\ub97c \ud1b5\ud574 \uce68\uc785\ud558\uace0 \uac10\uc5fc\ub418\uba70, \ube44, \ubc14\ub78c, \uace4\ucda9, \uc0c8 \ub4f1\uc5d0 \uc758\ud574 \uc804\ud30c\ub429\ub2c8\ub2e4. \ucd5c\uc801 \uc0dd\uc7a5 \uc628\ub3c4\ub294 25~30\u2103\uc774\uba70, 10\u2103 \uc774\uc0c1\uc774\uba74 \uac10\uc5fc \uac00\ub2a5\ud569\ub2c8\ub2e4.\n                    <\/p>\n                     <div class=\"flex flex-col items-center space-y-2\">\n                        <div class=\"w-full max-w-md text-center p-3 bg-blue-100\">\n                            <p class=\"font-semibold\">1. \uc6d4\ub3d9 (\uade0\uc0ac\uccb4 \ubc0f \uc790\uc88c)<\/p><p class=\"text-sm\">\uc8fd\uc740 \ub098\ubb34\ub098 \ubcd1\ub4e0 \ub098\ubb34\uc5d0\uc11c \ub2e4\ub144\uc0dd \uade0\uc0ac\uccb4\uc640 \uc790\uc88c(\uc790\ub0ad\uac01, \ubd84\uc0dd\ud3ec\uc790\uac01) \ud615\ud0dc\ub85c \uaca8\uc6b8\uc744 \ubcf4\ub0c4<\/p>\n                        <\/div>\n                        <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                        <div class=\"w-full max-w-md text-center p-3 bg-green-100\">\n                            <p class=\"font-semibold\">2. \ud3ec\uc790 \ud615\uc131 \ubc0f \uc804\ud30c (\uc5f0\uc911\/\ubd04~\uac00\uc744)<\/p><p class=\"text-sm\">\ubb34\uc131\uc138\ub300(\ubd84\uc0dd\ud3ec\uc790\uc138\ub300)\ub294 \uc5f0\uc911, \uc720\uc131\uc138\ub300(\uc790\ub0ad\uc138\ub300)\ub294 4\uc6d4 \uc911\uc21c~9\uc6d4 \ucd08\uc21c\uc5d0 \ud3ec\uc790 \ud615\uc131 \ubc0f \ube44, \ubc14\ub78c, \uace4\ucda9, \uc0c8\uc5d0 \uc758\ud574 \uc804\ud30c<\/p>\n                        <\/div>\n                        <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                        <div class=\"w-full max-w-md text-center p-3 bg-yellow-100\">\n                            <p class=\"font-semibold\">3. \uce68\uc785 \ubc0f \uac10\uc5fc<\/p><p class=\"text-sm\">\ubc24\ub098\ubb34\uc758 \uc0c1\ucc98(\uace4\ucda9, \uc9d0\uc2b9, \uae30\uacc4\uc801 \uc0c1\ucc98, \uc811\ubaa9\ubd80\uc704, \uc77c\uc18c, \ub3d9\ud574 \ub4f1)\ub97c \ud1b5\ud574 \ubcd1\uc6d0\uade0 \uce68\uc785<\/p>\n                        <\/div>\n                         <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                         <div class=\"w-full max-w-md text-center p-3 bg-orange-100\">\n                            <p class=\"font-semibold\">4. \ubcd1\ubc18 \ud615\uc131 \ubc0f \uc9c4\ud589 (\uc5ec\ub984\ucca0 \uae09\uc9c4\uc804)<\/p><p class=\"text-sm\">\uc218\ud53c \uad34\uc800 \ubc0f \uada4\uc591 \ubc1c\ub2ec. \ubcd1\ubc18\uc774 \uc904\uae30\/\uac00\uc9c0 \ud55c\ubc14\ud034 \uac10\uc2f8\uba74 \uc717\ubd80\ubd84 \uace0\uc0ac. \ubcd1\uc6d0\uade0 \ud65c\uc131 \uac15\ud558\uba74 \uac74\uc804 \uc870\uc9c1\ub3c4 \uac10\uc5fc<\/p>\n                        <\/div>\n                        <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                         <div class=\"w-full max-w-md text-center p-3 bg-red-100\">\n                            <p class=\"font-semibold\">5. \ub098\ubb34 \uace0\uc0ac (\uc218\uac1c\uc6d4~\uc218\ub144)<\/p><p class=\"text-sm\">\uc5b4\ub9b0 \ub098\ubb34\ub294 \uc811\ubaa9\ubd80\uc704\ub098 \uc904\uae30 \ubc11, \ud070 \ub098\ubb34\ub294 \uc904\uae30\uc5d0 \uc8fc\ub85c \ubc1c\ubcd1. \ucd5c\uc885\uc801\uc73c\ub85c \ub098\ubb34 \uace0\uc0ac<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 bg-white mt-6\">\n                        <h3 class=\"text-xl font-semibold text-orange-800 mb-3\">\ubcd1 \ubc1c\uc0dd \uc6d0\uc778 \uc694\uc57d<\/h3>\n                        <p class=\"text-gray-700\">\uac00\uc9c0\uce58\uae30 \ubc0f \uace0\uc0ac\ubaa9 \uc808\ub2e8\ubd80 \ubc29\uce58, \uc608\ucd08\uae30\uc5d0 \uc758\ud55c \uae30\uacc4\uc801 \uc0c1\ucc98, \uc811\ubaa9\ubd80\uc704\uc758 \ubd88\ud654\ud569\uc131, \ub3d9\ud574 \ud53c\ud574, \uc7a6\uc740 \uac15\uc6b0 \ub4f1\uc774 \ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc758 \ud53c\ud574\ub97c \uc545\ud654\uc2dc\ud0a4\ub294 \uc8fc\uc694 \uc694\uc778\uc73c\ub85c \uc870\uc0ac\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ubc30\uc218\uac00 \ubd88\ub7c9\ud558\uace0 \uc218\uc138\uac00 \uc57d\ud55c \uacbd\uc6b0 \ud53c\ud574\uac00 \uc2ec\ud574\uc9d1\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- \ubc29\uc81c \ubc29\ubc95 Section -->\n            <section id=\"control\" class=\"content-section space-y-6\">\n                <div class=\"p-6 bg-white\">\n                    <h2 class=\"text-2xl font-bold text-orange-800 mb-4\">\ud6a8\uacfc\uc801\uc778 \ubc29\uc81c \ubc29\ubc95<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc740 \uce58\ub8cc\uac00 \uc5b4\ub835\uae30 \ub54c\ubb38\uc5d0 **\uc608\ubc29\uacfc \ud655\uc0b0 \ubc29\uc9c0**\uac00 \uac00\uc7a5 \uc911\uc694\ud569\ub2c8\ub2e4. \uc218\uc138 \uac15\ud654, \uc0c1\ucc98 \uad00\ub9ac, \uadf8\ub9ac\uace0 \uc800\ubcd1\uc6d0\uc131\uade0\uc8fc\ub97c \uc774\uc6a9\ud55c \uc0dd\ubb3c\uc801 \ubc29\uc81c \uc5f0\uad6c\uc5d0 \uc8fc\ubaa9\ud574\uc57c \ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"space-y-4\">\n                        <div class=\"p-4 bg-red-50\">\n                            <h3 class=\"text-xl font-semibold text-red-800 mb-2\">\u203b \uc720\uc6a9\ud55c \ud654\ud559\uc801 \uc57d\uc81c \ubbf8\uac1c\ubc1c<\/h3>\n                            <p class=\"text-gray-700\">\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc744 \ubc29\uc81c\ud560 \uc720\uc6a9\ud55c \ud654\ud559\uc801 \uc57d\uc81c\ub294 \uc544\uc9c1 \uac1c\ubc1c\ub418\uc5b4 \uc788\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uc608\ubc29 \ubc0f \uce5c\ud658\uacbd \ubc29\uc81c\uc5d0 \uc8fc\ub825\ud574\uc57c \ud569\ub2c8\ub2e4. \ub18d\uc57d\uc548\uc804\uc815\ubcf4\uc2dc\uc2a4\ud15c(psis.rda.go.kr)\uc5d0\uc11c \ubc24\ub098\ubb34 \ubc0f \ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc5d0 \ub4f1\ub85d\ub41c \uc57d\uc81c\ub97c \ud655\uc778\ud558\uc5ec \uc0ac\uc6a9\ud558\uc2ed\uc2dc\uc624.<\/p>\n                        <\/div>\n                        <div class=\"p-4 bg-blue-50\">\n                             <h3 class=\"text-xl font-semibold text-blue-800 mb-2\">\u2460 \uc608\ubc29 \ubc0f \ud658\uacbd \uad00\ub9ac<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\uc218\uc138 \uc99d\uc9c4:<\/strong> \ubc30\uc218\uac00 \ubd88\ub7c9\ud558\uace0 \uc218\uc138\uac00 \uc57d\ud55c \uacbd\uc6b0 \ud53c\ud574\uac00 \uc2ec\ud558\ubbc0\ub85c, \ube44\ubc30 \uad00\ub9ac\ub97c \ucca0\uc800\ud788 \ud558\uc5ec \ub098\ubb34\uc758 \uc800\ud56d\ub825\uc744 \uac15\ud654\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc0c1\ucc98 \ubc29\uc9c0 \ubc0f \ubcf4\ud638:<\/strong> \uc778\uc704\uc801\uc778 \uc0c1\ucc98(\uac00\uc9c0\uce58\uae30, \uc608\ucd08\uae30 \uc0ac\uc6a9)\ub97c \uac00\uae09\uc801 \uc904\uc774\uace0, \uc0c1\ucc98\uac00 \ub09c \ubd80\uc704\ub098 \ubcd1 \ubc1c\uc0dd\uc774 \ub9ce\uc740 \uc811\ubaa9 \ubd80\uc704, \uac00\uc9c0\uce58\uae30 \uc790\uad6d\uc5d0\ub294 \ud2f0\uc624\ud30c\ub124\uc774\ud2b8\uba54\ud2f8 \ub3c4\ud3ec\uc81c \ub4f1 \uc0b4\uade0 \ub3c4\ud3ec\uc81c\ub97c \ubc1c\ub77c \ubcf4\ud638\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc77c\uc18c \ubc0f \ub3d9\ud574 \uc608\ubc29:<\/strong> \ubc31\uc0c9 \uc218\uc131 \ud398\uc778\ud2b8\ub97c \uc904\uae30\uc5d0 \uce60\ud558\uc5ec \uc77c\uc18c\ub098 \ub3d9\ud574 \ub4f1\uc758 \ud53c\ud574\ub97c \uc608\ubc29\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc800\ud56d\uc131 \ud488\uc885 \uc2dd\uc7ac:<\/strong> \ubcd1\uace0 57\ud638, \uc740\uae30, \uc740\uc0b0 \ub4f1 \uac10\uc218\uc131 \ud488\uc885\uc744 \ud53c\ud558\uace0 \uc774\ud3c9, \ub300\ubcf4 \ub4f1 \uc800\ud56d\uc131 \ud488\uc885\uc744 \uc2dd\uc7ac\ud558\ub294 \uac83\uc774 \ubc14\ub78c\uc9c1\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\ucc9c\uacf5\uc131 \ud574\ucda9 \ubc29\uc81c:<\/strong> \ubc15\uc950\ub098\ubc29, \ud138\ub450\uaebc\ube44\ud558\ub298\uc18c \ub4f1 \ucc9c\uacf5\uc131 \ud574\ucda9 \ubc29\uc81c\ub97c \ud1b5\ud574 \ubcd1\uc6d0\uade0 \uce68\uc785 \uae30\ud68c\ub97c \uc904\uc785\ub2c8\ub2e4.<\/li>\n                             <\/ul>\n                        <\/div>\n                        <div class=\"p-4 bg-green-50\">\n                             <h3 class=\"text-xl font-semibold text-green-800 mb-2\">\u2461 \ubb3c\ub9ac\uc801 \ubc29\uc81c<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\uac10\uc5fc\ubaa9\/\uace0\uc0ac\ubaa9 \uc81c\uac70:<\/strong> \uc904\uae30\ub9c8\ub984\ubcd1\uc5d0 \uc758\ud574 \uace0\uc0ac\ud55c \ub098\ubb34\ub294 \uc81c\uac70\ud558\uc5ec \ud0dc\uc6b0\uac70\ub098 \ubb3b\uc2b5\ub2c8\ub2e4. \uc774\ub3d9\uc774 \ud798\ub4e0 \ud070 \ubc24\ub098\ubb34\ub294 \uc808\ub2e8 \ud6c4 \ubd80\uc9c1\ud3ec\ub85c \ud53c\ubcf5\ud558\uc5ec \ubcd1\uc6d0\uade0 \ud655\uc0b0\uc744 \ubc29\uc9c0\ud569\ub2c8\ub2e4. \uace0\uc0ac\ubaa9 \uc81c\uac70 \uc2dc \ud1b1\uc774\ub098 \uc804\uc815\uac00\uc704\ub97c 70% \uc54c\ucf54\uc62c\uc5d0 \uc18c\ub3c5\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\ubcd1\ub4e0 \ubd80\uc704 \uc81c\uac70:<\/strong> \ubcd1 \ubc1c\uc0dd \ucd08\uae30\uc758 \ud658\ubd80\ub294 \uc18c\ub3c5\ud55c \uce7c\ub85c \ub3c4\ub824\ub0b4\uace0 \ub3c4\ud3ec\uc81c\ub97c \ubc1c\ub77c\uc90d\ub2c8\ub2e4.<\/li>\n                             <\/ul>\n                        <\/div>\n                        <div class=\"p-4 bg-yellow-50\">\n                            <h3 class=\"text-xl font-semibold text-yellow-800 mb-2\">\u2462 \uc0dd\ubb3c\ud559\uc801 \ubc29\uc81c (\uc5f0\uad6c \ub3d9\ud5a5)<\/h3>\n                            <p class=\"text-gray-700\">\uc544\uc9c1 \ud6a8\uacfc\uc801\uc778 \ud654\ud559\uc801 \uc57d\uc81c\uac00 \uc5c6\uc73c\ubbc0\ub85c, \uc800\ubcd1\uc6d0\uc131\uade0\uc8fc(dsRNA\ubc14\uc774\ub7ec\uc2a4\ub97c \uac00\uc9c4)\ub97c \uc774\uc6a9\ud55c \uc0dd\ubb3c\ud559\uc801 \ubc29\uc81c \uc5f0\uad6c\uac00 \ud65c\ubc1c\ud788 \uc9c4\ud589 \uc911\uc785\ub2c8\ub2e4. \uc800\ubcd1\uc6d0\uc131\uade0\uc8fc\ub97c \ubcd1\ub4e0 \ubd80\uc704\uc5d0 \ucc98\ub9ac\ud558\uc5ec \uada4\uc591 \uba74\uc801 \ud655\uc0b0\uc744 \uc5b5\uc81c\ud558\uace0 \uc0c1\ucc98 \ubd80\uc704\uc5d0 \uce98\ub7ec\uc2a4(\uc0c8\ub85c\uc6b4 \uc870\uc9c1) \ud615\uc131\uc744 \uc720\ub3c4\ud558\uc5ec \uce58\ub8cc \ud6a8\uacfc\ub97c \uae30\ub300\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uae38\ud56d\ubbf8\uc0dd\ubb3c \ub4f1\uc744 \uc774\uc6a9\ud55c \ub2e4\uac01\uc801\uc778 \uc5f0\uad6c\ub3c4 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 bg-white\">\n                    <h3 class=\"text-xl font-semibold text-orange-800 mb-4 text-center\">\uc8fc\uc694 \ud65c\ub3d9 \uc2dc\uae30 \ubc0f \ubc29\uc81c \uc801\uae30<\/h3>\n                    <div class=\"chart-container\">\n                        <canvas id=\"controlChart\"><\/canvas>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/main>\n\n        <footer class=\"text-center mt-8 pt-4 border-t border-gray-200 mb-8\">\n            <p class=\"text-sm text-gray-500\">\uc815\ubcf4 \ucd9c\ucc98: \uc0b0\ub9bc\uccad, \uad6d\ub9bd\uc0b0\ub9bc\uacfc\ud559\uc6d0, \ucda9\ubd81\ub300\ud559\uad50 \uc218\ubaa9\uc9c4\ub2e8\uc13c\ud130 \ub4f1 \uc804\ubb38 \uc790\ub8cc<\/p>\n            <p class=\"text-sm text-gray-500 mt-1\">\u203b \ubcf8 \uc790\ub8cc\ub294 \uad50\uc721 \ubc0f \uc815\ubcf4 \uc81c\uacf5 \ubaa9\uc801\uc73c\ub85c \uc81c\uc791\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 \uad00\ub828 \uae30\uad00\uc5d0 \ubb38\uc758\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n        <\/footer>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const tabs = document.querySelectorAll('.nav-btn');\n            const sections = document.querySelectorAll('.content-section');\n\n            const morphologyData = {\n                stroma_canker: {\n                    title: '\uc790\uc88c \/ \uada4\uc591',\n                    description: '\uc904\uae30 \uc218\ud53c \ubc11\uc5d0 \ud615\uc131\ub418\uc5b4 \uc218\ud53c\uc758 \uac08\ub77c\uc9c4 \ud2c8\uc73c\ub85c \ub3cc\ucd9c\ub418\ub294 \uacf0\ud321\uc774\uc758 \ubc88\uc2dd \uad6c\uc870(\uc790\uc88c)\uc785\ub2c8\ub2e4. \ud06c\uae30\ub294 1~2.5 x 1.5~2mm \uc815\ub3c4\uc774\uba70, \ubc1c\ubcd1 \ucd08\uae30\uc5d0 \uc218\ud53c\uac00 \ud669\uac08\uc0c9\uc73c\ub85c \ubcc0\ud558\uba70 \uc6c0\ud479 \ub4e4\uc5b4\uac00\uace0 \uc8fc\ubcc0\uc774 \ubd80\ud480\uc5b4 \uc624\ub974\ub294 \uada4\uc591\uc744 \ud615\uc131\ud569\ub2c8\ub2e4. \ubcd1\ub4e0 \uc218\ud53c\ub97c \ub5bc\uc5b4\ub0b4\uba74 \ud669\uc0c9\uc758 \ub450\ud23c\ud55c \uade0\uc0ac\uce35\uc774 \ubd80\ucc44\ubaa8\uc591\uc73c\ub85c \ub098\ud0c0\ub0a9\ub2c8\ub2e4. (\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc5d0 \uac10\uc5fc\ub41c \ubc24\ub098\ubb34 \uc904\uae30\uc758 \uc218\ud53c \ud130\uc9d0\uacfc \uad34\uc800 \uc99d\uc0c1 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    size: '\ud06c\uae30: \uc57d 1~2.5mm',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Cryphonectria_parasitica_canker.jpg' \n                },\n                spore_horn: {\n                    title: '\ud3ec\uc790\ub369\uc774\ubfd4 (Spore horn)',\n                    description: '\uc2b5\uae30\uac00 \ub9ce\uc744 \ub54c \uc790\uc88c\uc758 \ub05d\uc5d0\uc11c \uc605\uc740 \ud669\uc0c9~\ubd89\uc740 \uac08\uc0c9\uc758 \uc2e4 \ub610\ub294 \ub369\uad74\uc190 \ubaa8\uc591\uc73c\ub85c \ub204\ucd9c\ub418\ub294 \ud3ec\uc790 \ub369\uc5b4\ub9ac\uc785\ub2c8\ub2e4. \uc774\ub294 \ubb34\uc131\uc138\ub300\uc758 \ubd84\uc0dd\ud3ec\uc790\ub4e4\uc774 \ubb49\uccd0\uc11c \ub098\uc628 \uac83\uc785\ub2c8\ub2e4. (\uc904\uae30\ub9c8\ub984\uade0\uc758 \uc790\uc88c \ubd84\uc0dd\ud3ec\uc790\ub369\uc774\ubfd4 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    size: '(\uc815\ubcf4 \uc5c6\uc74c)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Cryphonectria_parasitica_spore_horn.jpg' \n                },\n                perithecia_ascospores: {\n                    title: '\uc790\ub0ad\uac01 \/ \uc790\ub0ad\ud3ec\uc790',\n                    description: '\uc790\uc88c\uc758 \uc544\ub798\uc5d0 \ud615\uc131\ub418\ub294 \ubaa9\uc774 \uae34 \ud50c\ub77c\uc2a4\ud06c \ubaa8\uc591\uc758 \uad6c\uc870\ubb3c(\uc790\ub0ad\uac01) \ub0b4\uc5d0 \uc790\ub0ad\uc774 \uc788\uc73c\uba70, \uac01 \uc790\ub0ad\uc5d0\ub294 8\uac1c\uc758 \uc790\ub0ad\ud3ec\uc790\uac00 1~2\uc5f4\ub85c \ubc30\uc5f4\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uc790\ub0ad\ud3ec\uc790\ub294 \ubb34\uc0c9\uc758 2\uc138\ud3ec\ub85c \uc911\uc559 \uaca9\ubcbd \ubd80\uc704\uac00 \uc798\ub85d\ud558\uace0 \ud0c0\uc6d0\ud615\uc785\ub2c8\ub2e4. \ubc14\ub78c\uc5d0 \uc758\ud574 \uc804\ud30c\ub418\uc5b4 \uac10\uc5fc\uc744 \uc77c\uc73c\ud0b5\ub2c8\ub2e4. (\uc904\uae30\ub9c8\ub984\ubcd1\uade0\uc758 \uc790\ub0ad\uac01 \ud6a1\ub2e8\uc808\ud3b8 \/ \uc790\ub0ad\ud3ec\uc790 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    size: '\uc790\ub0ad: 6~54 x 5~8.5\u339b, \uc790\ub0ad\ud3ec\uc790: 7~13 x 3~5\u339b',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Cryphonectria_parasitica_perithecia_ascospores.jpg' \n                },\n                conidia: {\n                    title: '\ubd84\uc0dd\ud3ec\uc790',\n                    description: '\ub2e8\uc138\ud3ec, \ubb34\uc0c9, \ud0c0\uc6d0\ud615 \ub610\ub294 \uc57d\uac04 \uad7d\uc740 \ud0c0\uc6d0\ud615\uc758 \ud3ec\uc790\uc785\ub2c8\ub2e4. \ubb34\uc131\uc138\ub300\uc5d0 \uc18d\ud558\uba70 \uc5f0\uc911 \uad00\ucc30\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ube44, \ubc14\ub78c, \uace4\ucda9, \uc0c8 \ub4f1\uc5d0 \uc758\ud574 \uc804\ud30c\ub418\uc5b4 \ubc24\ub098\ubb34\ub97c \uac10\uc5fc\uc2dc\ud0b5\ub2c8\ub2e4.',\n                    size: '(\uc815\ubcf4 \uc5c6\uc74c)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Cryphonectria_parasitica_conidia.jpg' \n                }\n            };\n\n            const damageData = {\n                bark_canker_cracking: {\n                    title: '\uc218\ud53c \ud130\uc9d0 \ubc0f \uad34\uc800 (\uada4\uc591)',\n                    description: '\ubc1c\ubcd1 \ucd08\uae30\uc5d0 \uc218\ud53c\uac00 \ud669\uac08\uc0c9\uc73c\ub85c \ubcc0\ud558\uae30 \uc2dc\uc791\ud558\uc5ec \ub098\uc911\uc5d0\ub294 \uac80\uac8c \ubcc0\ud558\uba70 \uc57d\uac04 \uc6c0\ud479 \ub4e4\uc5b4\uac04 \ub4ef\ud55c \uc99d\uc0c1\uc744 \ubcf4\uc785\ub2c8\ub2e4. \ubcd1\ud658\ubd80\uc758 \uc218\ud53c\ub294 \uae38\uc774 \ubc29\ud5a5\uc73c\ub85c \ucc22\uc5b4\uc9c0\uac70\ub098 \uade0\uc5f4\uc774 \uc0dd\uae30\uba70, \uc8fc\ubcc0\ubd80\uac00 \ubd80\ud480\uc5b4 \uc624\ub974\ub294 \uada4\uc591\uc73c\ub85c \ubc1c\ub2ec\ud569\ub2c8\ub2e4. (\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc5d0 \uac10\uc5fc\ub41c \ubc24\ub098\ubb34 \uc904\uae30\uc758 \uc218\ud53c \ud130\uc9d0\uacfc \uad34\uc800 \uc99d\uc0c1 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Cryphonectria_parasitica_canker_cracking.jpg' \n                },\n                wilt_dieback: {\n                    title: '\uac00\uc9c0\/\uc78e \ub9c8\ub984 \ubc0f \uace0\uc0ac',\n                    description: '\uc5ec\ub984\ucca0\uc5d0\ub294 \ubcd1\uc9d5\uc774 \uae09\uaca9\ud788 \uc9c4\uc804\ub418\uc5b4 \uac00\uc9c0\ub098 \uc78e\uc774 \ube68\ub9ac \ub9d0\ub77c\uc11c \ubc11\uc73c\ub85c \ucc98\uc9c0\uae30 \ub54c\ubb38\uc5d0 \uba40\ub9ac\uc11c\ub3c4 \uc27d\uac8c \ub208\uc5d0 \ub755\ub2c8\ub2e4. \ubcd1\ubc18\uc774 \uc904\uae30\ub098 \uac00\uc9c0 \uc8fc\uc704\ub97c \ud55c \ubc14\ud034 \uac10\uc2f8\uba74 \uadf8 \uc717\ubd80\ubd84\uc774 \ub9d0\ub77c \uc8fd\uace0, \uacb0\uad6d \ub098\ubb34 \uc804\uccb4\uac00 \uace0\uc0ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\uc904\uae30\ub9c8\ub984\ubcd1\uc5d0 \uc758\ud574 \uace0\uc0ac\ud55c \ubc24\ub098\ubb34 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Cryphonectria_parasitica_wilt_dieback.jpg' \n                },\n                re_shooting: {\n                    title: '\uada4\uc591 \uc544\ub798 \ub9f9\uc544 \ubc1c\uc0dd',\n                    description: '\uac10\uc5fc\ub41c \ub098\ubb34\ub294 \uada4\uc591 \uc544\ub798\uc5d0\uc11c \uc0c8\ub85c\uc6b4 \ub9f9\uc544(\uc6c0\uc2f9)\uac00 \ub098\uc624\uc9c0\ub9cc, \uc774 \uac00\uc9c0\ub3c4 \ubcd1\uc6d0\uade0\uc5d0 \ub2e4\uc2dc \uac10\uc5fc\ub418\uc5b4 \ub9d0\ub77c\uc8fd\ub294 \ud604\uc0c1\uc774 \ubc18\ubcf5\ub429\ub2c8\ub2e4. \uc774\ub294 \ub098\ubb34\uac00 \ubcd1\uc6d0\uade0\uc5d0 \uc800\ud56d\ud558\ub824\ub294 \uc2dc\ub3c4\uc774\uc9c0\ub9cc, \uacb0\uad6d\uc740 \uc2e4\ud328\ub85c \uc774\uc5b4\uc9c0\ub294 \uacfc\uc815\uc785\ub2c8\ub2e4. (\uada4\uc591 \uc544\ub798 \ub9f9\uc544 \ubc1c\uc0dd \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Cryphonectria_parasitica_re_shooting.jpg' \n                }\n            };\n            \n            const setupImageFallback = (imgElement) => {\n                if (!imgElement) return;\n                imgElement.onerror = () => {\n                    const altText = imgElement.alt || '\uc774\ubbf8\uc9c0 \ub85c\ub529 \uc2e4\ud328';\n                    const placeholderUrl = `https:\/\/placehold.co\/400x300\/e2e8f0\/4a5568?text=${encodeURIComponent(altText)}`;\n                    imgElement.src = placeholderUrl;\n                    imgElement.onerror = null;\n                };\n            };\n            \n            setupImageFallback(document.getElementById('morphology-main-image'));\n            setupImageFallback(document.getElementById('damage-main-image'));\n\n            tabs.forEach(tab => {\n                tab.addEventListener('click', () => {\n                    tabs.forEach(t => t.classList.remove('active'));\n                    tab.classList.add('active');\n                    sections.forEach(section => {\n                        section.classList.remove('active');\n                        if (section.id === tab.dataset.tab) {\n                            section.classList.add('active');\n                        }\n                    });\n                });\n            });\n\n            \/\/ Morphology section logic\n            const morphologyTypeButtons = document.querySelectorAll('#morphology .stage-btn');\n            const morphologyTitle = document.getElementById('morphology-title');\n            const morphologyDescription = document.getElementById('morphology-description');\n            const morphologySize = document.getElementById('morphology-size');\n            const morphologyMainImage = document.getElementById('morphology-main-image');\n\n            function updateMorphologyContent(type) {\n                morphologyTypeButtons.forEach(btn => btn.classList.remove('active'));\n                document.querySelector(`#morphology .stage-btn[data-type=\"${type}\"]`).classList.add('active');\n                \n                const data = morphologyData[type];\n                morphologyTitle.textContent = data.title;\n                morphologyDescription.textContent = data.description;\n                morphologySize.textContent = data.size;\n                \/\/ \uc774\ubbf8\uc9c0 \ud0dc\uadf8\ub97c \uc81c\uac70\ud588\uc73c\ubbc0\ub85c \uc774\ubbf8\uc9c0 \uc18c\uc2a4\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\ub294 \ubd80\ubd84\uc740 \uc8fc\uc11d \ucc98\ub9ac \ub610\ub294 \uc81c\uac70\ud569\ub2c8\ub2e4.\n                \/\/ morphologyMainImage.src = data.image; \n                \/\/ morphologyMainImage.alt = `${data.title} \uc774\ubbf8\uc9c0`;\n            }\n\n            morphologyTypeButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    updateMorphologyContent(button.dataset.type);\n                });\n            });\n            updateMorphologyContent('stroma_canker'); \/\/ Initial content for morphology section\n\n            \/\/ Damage section logic\n            const damageTypeButtons = document.querySelectorAll('#damage .damage-btn');\n            const damageTitle = document.getElementById('damage-title');\n            const damageDescription = document.getElementById('damage-description');\n            const damageMainImage = document.getElementById('damage-main-image');\n\n            function updateDamageContent(type) {\n                damageTypeButtons.forEach(btn => btn.classList.remove('active'));\n                document.querySelector(`#damage .damage-btn[data-damage-type=\"${type}\"]`).classList.add('active');\n                \n                const data = damageData[type];\n                damageTitle.textContent = data.title;\n                damageDescription.textContent = data.description;\n                \/\/ \uc774\ubbf8\uc9c0 \ud0dc\uadf8\ub97c \uc81c\uac70\ud588\uc73c\ubbc0\ub85c \uc774\ubbf8\uc9c0 \uc18c\uc2a4\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\ub294 \ubd80\ubd84\uc740 \uc8fc\uc11d \ucc98\ub9ac \ub610\ub294 \uc81c\uac70\ud569\ub2c8\ub2e4.\n                \/\/ damageMainImage.src = data.image;\n                \/\/ damageMainImage.alt = data.title;\n            }\n\n            damageTypeButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    updateDamageContent(button.dataset.damageType);\n                });\n            });\n            updateDamageContent('bark_canker_cracking'); \/\/ Initial content for damage section\n\n            const ctx = document.getElementById('controlChart').getContext('2d');\n            new Chart(ctx, {\n                type: 'bar',\n                data: {\n                    labels: ['1\uc6d4', '2\uc6d4', '3\uc6d4', '4\uc6d4', '5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4', '11\uc6d4', '12\uc6d4'],\n                    datasets: [{\n                        label: '\ubcd1\uc6d0\uade0 \ud65c\ub3d9\uae30 (\uade0\uc0ac\uccb4\/\uc790\uc88c)',\n                        data: [10, 10, 8, 5, 2, 0, 0, 0, 0, 5, 8, 10], \/\/ Year-round, higher in cool\/humid\n                        backgroundColor: 'rgba(120, 113, 108, 0.6)', \/* stone-500 *\/\n                        borderColor: 'rgba(120, 113, 108, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '\ud3ec\uc790 \ubc29\ucd9c \ubc0f \uc804\ud30c \ucd5c\uc131\uae30',\n                        data: [0, 0, 5, 10, 8, 5, 0, 0, 0, 0, 0, 0], \/\/ Peak April-May\n                        backgroundColor: 'rgba(234, 88, 12, 0.6)', \/* orange-600 *\/\n                        borderColor: 'rgba(234, 88, 12, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '\ubc29\uc81c \ucd94\ucc9c \uae30\uac04 (\uc608\ubc29\/\ud658\uacbd \uad00\ub9ac)',\n                        data: [12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12], \/\/ Year-round\n                        type: 'line',\n                        fill: true,\n                        backgroundColor: 'rgba(59, 130, 246, 0.2)', \/* blue-500 with transparency *\/\n                        borderColor: 'rgba(59, 130, 246, 1)',\n                        pointRadius: 0,\n                        yAxisID: 'y1'\n                    },{\n                        label: '\ubc29\uc81c \ucd94\ucc9c \uae30\uac04 (\ubb3c\ub9ac\uc801\/\uc0dd\ubb3c\uc801 \ubc29\uc81c)',\n                        data: [0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 12, 0], \/\/ June-Nov (\uc790\uc2e4\uccb4 \ubc1c\uc0dd \ubc0f \ud53c\ud574\ubaa9 \ubc1c\uacac \uc2dc)\n                        type: 'line',\n                        fill: true,\n                        backgroundColor: 'rgba(101, 163, 13, 0.2)', \/* lime-600 with transparency *\/\n                        borderColor: 'rgba(101, 163, 13, 1)',\n                        pointRadius: 0,\n                        yAxisID: 'y1'\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    plugins: {\n                        legend: {\n                           display: true,\n                           position: 'top',\n                           labels: {\n                               usePointStyle: false,\n                           }\n                        },\n                        tooltip: {\n                           mode: 'index',\n                           intersect: false,\n                           callbacks: {\n                                label: function(context) {\n                                    if (context.dataset.label.includes('\ubc29\uc81c \ucd94\ucc9c \uae30\uac04')) {\n                                        if (context.dataset.label.includes('\uc608\ubc29')) return ` ${context.dataset.label}: \uc5f0\uc911`;\n                                        return ` ${context.dataset.label}: 6\uc6d4 ~ 11\uc6d4`;\n                                    }\n                                    return ` ${context.dataset.label}: ${context.raw} (\ud65c\ub3d9 \ubc00\ub3c4)`;\n                                }\n                           }\n                        },\n                        title: {\n                            display: true,\n                            text: '\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1 \uc6d4\ubcc4 \ud65c\ub3d9 \ubc0f \ubc29\uc81c \uc2dc\uae30'\n                        }\n                    },\n                    scales: {\n                        x: {\n                            stacked: true,\n                        },\n                        y: {\n                           stacked: true,\n                           display: true,\n                           title: {\n                               display: true,\n                               text: '\ud65c\ub3d9 \ubc00\ub3c4'\n                           },\n                           max: 12\n                        },\n                        y1: {\n                           display: false,\n                           max: 15\n                        }\n                    }\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"679\" height=\"415\" data-id=\"3132\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1-\uc790\ub0ad\ud3ec\uc790-\uc678.jpg\" alt=\"\" class=\"wp-image-3132\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1-\uc790\ub0ad\ud3ec\uc790-\uc678.jpg 679w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1-\uc790\ub0ad\ud3ec\uc790-\uc678-300x183.jpg 300w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><figcaption class=\"wp-element-caption\"><strong><kbd>\uc790\ub0ad\ud3ec\uc790 \/ \uc790\uc88c<br>\ubd84\uc0dd\ud3ec\uc790\ub369\uc774\ubfd4 \/ \uc790\ub0ad\uac01<\/kbd><\/strong><\/figcaption><\/figure>\n<\/figure>\n","protected":false},"featured_media":3133,"template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"pest-target":[285,136,178],"pest-category":[86,284],"pest-overwintering":[],"class_list":["post-3131","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-285","pest-target-136","pest-target-178","pest-category-86","pest-category-284"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1-\ud53c\ud574.jpg",453,246,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1-\ud53c\ud574-150x150.jpg",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1-\ud53c\ud574-300x163.jpg",300,163,true],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1-\ud53c\ud574.jpg",453,246,false],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1-\ud53c\ud574.jpg",453,246,false],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1-\ud53c\ud574.jpg",453,246,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1-\ud53c\ud574.jpg",453,246,false]},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1 \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ubcd1\uc6d0\uade0 \ud615\ud0dc \ud53c\ud574 \uc99d\uc0c1 \uc0dd\ud65c\uc0ac \ubc0f \uc804\ud30c \ubc29\uc81c \ubc29\ubc95 \ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1 (Chestnut Blight)\uc774\ub780? \ubc24\ub098\ubb34\uc904\uae30\ub9c8\ub984\ubcd1\uc740 Cryphonectria parasitica \uacf0\ud321\uc774\uc5d0 [&hellip;]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/3131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest"}],"about":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/types\/pest"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/media\/3133"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3131"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=3131"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=3131"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=3131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}