{"id":3514,"date":"2025-07-04T13:22:21","date_gmt":"2025-07-04T13:22:21","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?post_type=pest&#038;p=3514"},"modified":"2025-07-04T13:29:24","modified_gmt":"2025-07-04T13:29:24","slug":"%eb%8a%90%eb%a6%85%eb%82%98%eb%ac%b4-%ec%8b%9c%eb%93%a4%ec%9d%8c%eb%b3%91","status":"publish","type":"pest","link":"https:\/\/hstc.treecare.co.kr\/?pest=%eb%8a%90%eb%a6%85%eb%82%98%eb%ac%b4-%ec%8b%9c%eb%93%a4%ec%9d%8c%eb%b3%91","title":{"rendered":"\ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\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>\ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\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: Forest Green & Earth Tones -->\n    <!-- Application Structure Plan: The SPA for Dutch Elm Disease is structured into five core sections: '\uac1c\uc694' (Overview), '\ubcd1\uc6d0\uccb4 \ubc0f \ub9e4\uac1c\ucda9 \ud615\ud0dc' (Pathogen & Vector Morphology), '\ud53c\ud574 \uc99d\uc0c1' (Damage Symptoms), '\uc0dd\ud65c\uc0ac' (Lifecycle), and '\ubc29\uc81c \ubc29\ubc95' (Control Methods). This logical flow supports comprehensive understanding from identification to management. '\ubcd1\uc6d0\uccb4 \ubc0f \ub9e4\uac1c\ucda9 \ud615\ud0dc' and '\ud53c\ud574 \uc99d\uc0c1' sections use interactive elements (buttons) to highlight different 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 preventative measures and removal\/vector control. -->\n    <!-- Visualization & Content Choices: \n        1. Report Info: Pathogen Morphology (Fungus - Ophiostoma, Bark Beetles - Hylurgopinus, Scolytus) -> Goal: Inform & Identify -> Viz\/Method: Interactive text descriptions with buttons for '\ubcd1\uc6d0\uade0 (\uacf0\ud321\uc774)', '\ub290\ub985\ub098\ubb34\uc880 (\ub9e4\uac1c\ucda9)' -> Interaction: Clicking buttons updates descriptive text. Images are removed as per user request. -> Justification: The pathogen is microscopic, and vectors have distinct features; textual descriptions are key. -> Library: Vanilla JS.\n        2. Report Info: Damage Symptoms (Leaf wilt\/discoloration, Branch\/tree dieback, Xylem discoloration, Beetle galleries) -> Goal: Inform & Diagnose -> Viz\/Method: Interactive text descriptions with buttons for '\uc78e \uc2dc\ub4e4\uc74c\/\uace0\uc0ac', '\uac00\uc9c0\/\ub098\ubb34 \uc804\uccb4 \uace0\uc0ac', '\ub3c4\uad00\ubd80 \ubcc0\uc0c9' -> Interaction: Clicking buttons updates descriptive text. Images are removed as per user request. -> Justification: Clear textual differentiation of progressive and internal symptoms is vital for accurate diagnosis. -> Library: Vanilla JS.\n        3. Report Info: Lifecycle (Fungus overwintering in cankers, Beetle emergence, Spore transmission, Fungal growth in xylem, Tree death, Root graft spread) -> Goal: Organize & Show Change -> Viz\/Method: Detailed HTML\/CSS vertical flowchart -> Interaction: Static visual aid -> Justification: Visualizing the complex interrelationship between the fungus, the beetle, and the tree (including specific timings and spread mechanisms) is essential for effective intervention. -> Library: HTML\/Tailwind.\n        4. Report Info: Control Timing (Sanitation, Pesticide application for vector, Tree injection, Resistant varieties) -> Goal: Inform & Guide -> Viz\/Method: Bar Chart -> Interaction: Hover tooltips -> Justification: The chart clearly illustrates the primary periods for various control methods, especially chemical applications tied to beetle emergence, and physical removal throughout the year. -> 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: #065f46 !important; \/* emerald-800 *\/\n            color: #ecfdf5 !important; \/* emerald-50 *\/\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: #10b981; \/* emerald-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-emerald-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-emerald-100\">\ubcd1\uc6d0\uccb4 \ubc0f \ub9e4\uac1c\ucda9 \ud615\ud0dc<\/button>\n            <button data-tab=\"damage\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-emerald-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-emerald-100\">\uc0dd\ud65c\uc0ac<\/button>\n            <button data-tab=\"control\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-emerald-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-emerald-800 mb-4\">\ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1 (Dutch Elm Disease)\uc774\ub780?<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed\">\n                        \ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1\uc740 <i>Ophiostoma ulmi<\/i> \ubc0f <i>Ophiostoma novo-ulmi<\/i> \uacf0\ud321\uc774(\uc790\ub0ad\uade0)\uc5d0 \uc758\ud574 \ubc1c\uc0dd\ud558\ub294 \uce58\uba85\uc801\uc778 \uc218\ubaa9\ubcd1\uc73c\ub85c, **\uc138\uacc4 3\ub300 \uc218\ubaa9\ubcd1 \uc911 \ud558\ub098**\uc785\ub2c8\ub2e4. \uc774 \ubcd1\uc740 \ub290\ub985\ub098\ubb34\uc880(bark beetle)\uc5d0 \uc758\ud574 \uc804\ud30c\ub418\uac70\ub098, \uac10\uc5fc\ub41c \ub098\ubb34\uc640 \uac74\uac15\ud55c \ub098\ubb34\uc758 \ubfcc\ub9ac\uac00 \uc811\ubaa9(graft)\ub418\uc5b4 \uc9c1\uc811 \uc804\uc5fc\ub418\uae30\ub3c4 \ud569\ub2c8\ub2e4. \uac10\uc5fc\ub418\uba74 \uba87 \uc8fc \ub610\ub294 \uba87 \ub144 \ub0b4\uc5d0 \uac00\uc9c0\uc640 \ub098\ubb34 \uc804\uccb4\uac00 \uace0\uc0ac\ud569\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\ub4e0 \ub098\ubb34\uc904\uae30\uc758 \uada4\uc591 \uac00\uc7a5\uc790\ub9ac\uc5d0\uc11c \ubcd1\uc6d0\uade0(\uacf0\ud321\uc774)\uc774 \uc6d4\ub3d9. \ub9e4\uac1c\ucda9(\ub290\ub985\ub098\ubb34\uc880) \uc720\ucda9\ub3c4 \ud53c\ud574\ubaa9 \ub0b4\uc5d0\uc11c \uc6d4\ub3d9.<\/li>\n                        <li><strong>\ubc1c\uc0dd \ud69f\uc218:<\/strong> (\uc815\ubcf4 \uc5c6\uc74c) \uc774\ub978 \ubd04\ubd80\ud130 \ubcd1\uc6d0\uade0 \ud65c\ub3d9 \uc2dc\uc791.<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"p-6 bg-white\">\n                    <h3 class=\"text-xl font-semibold text-emerald-800 mb-3\">\ubd84\ud3ec \ubc0f \ud655\uc0b0 \ud604\ud669<\/h3>\n                    <p class=\"text-gray-700 mb-4\">\n                        1921\ub144 \ub124\ub35c\ub780\ub4dc\uc5d0\uc11c \ucc98\uc74c \ubc1c\uacac\ub41c \ud6c4 1950\ub144\ub300 \ucd08\uae30\uae4c\uc9c0 \ub124\ub35c\ub780\ub4dc \ub290\ub985\ub098\ubb34\uc758 95%\ub97c \uace0\uc0ac\uc2dc\ucf30\uc2b5\ub2c8\ub2e4. 1930\ub144 \uc720\ub7fd\uc5d0\uc11c \ubbf8\uad6d\uc73c\ub85c \uc720\uc785\ub418\uc5b4 \ubbf8\uad6d \uc804\uc5ed\uc5d0\uc11c 4\ucc9c\ub9cc \ubcf8 \uc774\uc0c1, \uc601\uad6d\uc5d0\uc11c 3\ucc9c\ub9cc \ubcf8 \uc774\uc0c1\uc758 \ub290\ub985\ub098\ubb34\ub97c \uace0\uc0ac\uc2dc\ucf30\uc2b5\ub2c8\ub2e4. \ud604\uc7ac\ub3c4 \ub290\ub985\ub098\ubb34 \uc2dd\uc7ac\uc9c0\uc5d0\uc11c\ub294 \uc2ec\uac01\ud55c \uc704\ud5d8\uc694\uc778\uc785\ub2c8\ub2e4. \ubcd1\uc6d0\uade0\uc740 \uc8fc\ub85c \uc544\uc2dc\uc544\uc5d0\uc11c \uc720\ub798\ub41c \uac83\uc73c\ub85c \ucd94\uc815\ub429\ub2c8\ub2e4. \uad6d\ub0b4\uc5d0\uc11c\ub294 2021\ub144 \uacbd\uae30\ub3c4 \ub3d9\ub450\ucc9c \uc9c0\uc5ed\uc5d0\uc11c \ud55c\uad6d \ucd5c\ucd08\ub85c \ud655\uc778\ub418\uc5c8\uc73c\uba70, \uc774 \ubcd1\uc744 \ub9e4\uac1c\ud558\ub294 \ud574\ucda9\uc73c\ub85c **\ud6c4\uc9c0\uac80\uc740\ub098\ubb34\uc880(<i>Scolytus multistriatus<\/i>)**\uc774 \ud655\uc778\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                    <p class=\"text-gray-700\">\uc8fc\uc694 \uae30\uc8fc\uc2dd\ubb3c\uc740 <strong>\ub290\ub985\ub098\ubb34, \ucc38\ub290\ub985\ub098\ubb34, \ub2f9\ub290\ub985\ub098\ubb34, \ub09c\ud2f0\ub098\ubb34, \uc0b0\ub3cc\ubc30<\/strong> \ub4f1 \ub290\ub985\ub098\ubb34\uc18d(<i>Ulmus<\/i> spp.) \uc218\ubaa9\uc785\ub2c8\ub2e4.<\/p>\n                <\/div>\n            <\/section>\n\n            <!-- \ubcd1\uc6d0\uccb4 \ubc0f \ub9e4\uac1c\ucda9 \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-emerald-800 mb-4\">\ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1 \ubcd1\uc6d0\uccb4 \ubc0f \ub9e4\uac1c\ucda9\uc758 \ud615\ud0dc\uc801 \ud2b9\uc9d5<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1\uc740 \uacf0\ud321\uc774 \ubcd1\uc6d0\uade0\uacfc \uc774\ub97c \uc62e\uae30\ub294 \ub290\ub985\ub098\ubb34\uc880(bark beetle)\uc5d0 \uc758\ud574 \ubc1c\uc0dd\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-type=\"pathogen_fungus\" class=\"stage-btn active flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\ubcd1\uc6d0\uade0 (\uacf0\ud321\uc774)<\/button>\n                        <button data-type=\"vector_beetle\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\ub290\ub985\ub098\ubb34\uc880 (\ub9e4\uac1c\ucda9)<\/button>\n                    <\/div>\n                    <div id=\"morphology-content\" class=\"p-4\">\n                        <div id=\"morphology-text\" class=\"w-full\">\n                            <h3 id=\"morphology-title\" class=\"text-xl font-semibold text-emerald-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-emerald-800 mb-4\">\ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1\uc758 \uc8fc\uc694 \ud53c\ud574 \uc99d\uc0c1<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1\uc740 \uc78e\uc758 \uc2dc\ub4e4\uc74c\uacfc \ubcc0\uc0c9\uc73c\ub85c \uc2dc\uc791\ud558\uc5ec \uac00\uc9c0\uc640 \ub098\ubb34 \uc804\uccb4\uc758 \uace0\uc0ac\ub85c \uc774\uc5b4\uc9c0\ub294 \uce58\uba85\uc801\uc778 \uc99d\uc0c1\uc744 \ubcf4\uc785\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-damage-type=\"leaf_wilt_dieback\" class=\"damage-btn active flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uc78e \uc2dc\ub4e4\uc74c \ubc0f \uace0\uc0ac<\/button>\n                        <button data-damage-type=\"branch_tree_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\/\ub098\ubb34 \uc804\uccb4 \uace0\uc0ac<\/button>\n                        <button data-damage-type=\"xylem_discoloration\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\ub3c4\uad00\ubd80 \ubcc0\uc0c9<\/button>\n                    <\/div>\n                    <div id=\"damage-content\" class=\"p-4\">\n                        <div id=\"damage-text\" class=\"w-full\">\n                            <h3 id=\"damage-title\" class=\"text-xl font-semibold text-emerald-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 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-emerald-800 mb-4\">\ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1\uc758 \uc0dd\ud65c\uc0ac \ubc0f \uc804\ud30c \uacbd\ub85c<\/h2>\n                     <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1\uc740 \ubcd1\uc6d0\uade0(\uacf0\ud321\uc774)\uacfc \ub9e4\uac1c\ucda9(\ub290\ub985\ub098\ubb34\uc880) \uac04\uc758 \ubcf5\uc7a1\ud55c \uc0dd\ud65c\ud658\uc744 \ud1b5\ud574 \uc804\ud30c\ub429\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 (\uada4\uc591 \ub0b4 \ubcd1\uc6d0\uade0 \ubc0f \ub9e4\uac1c\ucda9 \uc720\ucda9)<\/p><p class=\"text-sm\">\ubcd1\ub4e0 \ub098\ubb34\uc904\uae30\uc758 \uada4\uc591 \uac00\uc7a5\uc790\ub9ac\uc5d0\uc11c \ubcd1\uc6d0\uade0 \uc6d4\ub3d9. \ub9e4\uac1c\ucda9 \uc720\ucda9\ub3c4 \ud53c\ud574\ubaa9 \ub0b4\uc5d0\uc11c \uc6d4\ub3d9<\/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. \ub9e4\uac1c\ucda9 \uc6b0\ud654 \ubc0f \ubcd1\uc6d0\uade0 \ubcf4\uc720 (\ubd04)<\/p><p class=\"text-sm\">\uc6d4\ub3d9 \uc720\ucda9\uc774 \uc131\ucda9\uc73c\ub85c \uc6b0\ud654\ud558\uba70, \uc774\ub54c \ubab8\uc5d0 \ubcd1\uc6d0\uade0 \ud3ec\uc790\ub97c \uc9c0\ub2d8<\/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. \ub9e4\uac1c\ucda9 \uac74\uc804\ubaa9 \uce68\uc785 \ubc0f \ubcd1\uc6d0\uade0 \uc804\ud30c (7\uc6d4 \ub9d0 ~ 8\uc6d4 \ucd08)<\/p><p class=\"text-sm\">\ub9e4\uac1c\ucda9 \uc131\ucda9\uc774 \uac74\uc804\ud55c \ub290\ub985\ub098\ubb34\uc758 \uac00\ub290\ub2e4\ub780 \uc5b4\ub9b0 \uac00\uc9c0\ub97c \ud6c4\uc2dd(\uc12d\uc2dd)\ud560 \ub54c \ubcd1\uc6d0\uade0 \ud3ec\uc790 \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\uc6d0\uade0 \uc99d\uc2dd \ubc0f \ub3c4\uad00\ubd80 \ub9c9\ud798<\/p><p class=\"text-sm\">\uce68\uc785\ud55c \ubcd1\uc6d0\uade0\uc774 \ub098\ubb34\uc758 \ub3c4\uad00\ubd80(\ubb3c\uad00\ubd80)\uc5d0\uc11c \uc99d\uc2dd\ud558\uc5ec \uc218\ubd84 \uc774\ub3d9\uc744 \ucc28\ub2e8<\/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. \ubcd1\uc9d5 \ubc1c\ud604 \ubc0f \ub098\ubb34 \uace0\uc0ac<\/p><p class=\"text-sm\">\uc78e \uc2dc\ub4e4\uc74c, \uac00\uc9c0 \uace0\uc0ac \ub4f1 \ubcd1\uc9d5 \ubc1c\ud604. \uacb0\uad6d \ub098\ubb34 \uc804\uccb4 \uace0\uc0ac<\/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-purple-100\">\n                            <p class=\"font-semibold\">6. \ub9e4\uac1c\ucda9 \uc0b0\ub780 \ubc0f \uc720\ucda9 \ubc1c\uc721<\/p><p class=\"text-sm\">\uc8fd\uc5b4\uac00\ub294 \ub098\ubb34\uc5d0 \ub9e4\uac1c\ucda9\uc774 \uc0b0\ub780. \ubd80\ud654 \uc720\ucda9\uc774 \ub098\ubb34\ub97c \uac00\ud574\ud558\uba70 \uc6d4\ub3d9 \uc900\ube44 (\uc218\ud53c \uc544\ub798 \uac24\ub7ec\ub9ac \ud615\uc131)<\/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-stone-100\">\n                            <p class=\"font-semibold\">7. \ubfcc\ub9ac \uc811\ubaa9\uc5d0 \uc758\ud55c \uc804\ud30c<\/p><p class=\"text-sm\">\uac10\uc5fc\ub41c \ub098\ubb34\uc640 \uc774\uc6c3\ud55c \uac74\uac15\ud55c \ub098\ubb34\uc758 \ubfcc\ub9ac\uac00 \uc811\ubaa9\ub418\uc5b4 \ubcd1\uc6d0\uade0\uc774 \uc9c1\uc811 \uc804\ud30c\ub418\uae30\ub3c4 \ud568<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 bg-white mt-6\">\n                        <h3 class=\"text-xl font-semibold text-emerald-800 mb-3\">\ub9e4\uac1c\ucda9 (*Scolytus multistriatus*)\uc758 \ud2b9\uc131<\/h3>\n                        <p class=\"text-gray-700\">\uc8fc\uc694 \ub9e4\uac1c\ucda9\uc778 \ud6c4\uc9c0\uac80\uc740\ub098\ubb34\uc880(<i>Scolytus multistriatus<\/i>) \uc131\ucda9\uc740 \ubab8\uae38\uc774 3~5mm \uc815\ub3c4\uc774\uba70 \ud751\uac08\uc0c9\uc5d0 \uad11\ud0dd\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc548\ud14c\ub098\ub294 \uc5f0\ubd89\uc740\uc0c9\uc744 \ub760\uace0, \uc218\ucef7\uc758 \uc774\ub9c8\ub294 \uc6c0\ud479 \ud328\uc5ec \uc788\uace0 \ube68\uac04 \ud138\uc774 \uac00\uc7a5\uc790\ub9ac\ub97c \ub36e\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc554\ucef7\uc758 \uc774\ub9c8\ub294 \ubcfc\ub85d\ud558\uace0 \uc911\uac04 \uae38\uc774\uc758 \ud648\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc720\ucda9\uc740 \uc720\ubc31\uc0c9\uc73c\ub85c \ub2e4 \uc790\ub77c\uba74 5~7mm \uc815\ub3c4\uc785\ub2c8\ub2e4. \uc131\ucda9\uc740 \ub290\ub985\ub098\ubb34\uc758 \uac00\ub290\ub2e4\ub780 \uc5b4\ub9b0 \uac00\uc9c0\ub97c \ud6c4\uc2dd\ud558\uba70 \uc587\uc740 \uaecd\uc9c8\uacfc \ubcc0\uc7ac\uc758 \uc77c\ubd80\ub97c \uc539\uc5b4 \uac00\uc9c0\ub97c \ub530\ub77c \ud648\uc744 \ub9cc\ub4ed\ub2c8\ub2e4. \uc1e0\uc57d\ud558\uac70\ub098 \uace0\uc0ac\ud55c \ub290\ub985\ub098\ubb34\uc758 \uc218\ud53c \uc544\ub798 \uc218\uc9c1\uc73c\ub85c \uae38\uc774 5~7cm, \uc9c0\ub984 \uc57d 2.5mm\uc758 \uac24\ub7ec\ub9ac(\ud130\ub110)\ub97c \ub9cc\ub4e4\uace0 \uc57d 100\uac1c \uc815\ub3c4\uc758 \uc54c\uc744 \ub0b3\uc2b5\ub2c8\ub2e4.<\/p>\n                        <h3 class=\"text-xl font-semibold text-emerald-800 mt-4 mb-3\">\ubcd1 \ubc1c\uc0dd \ud658\uacbd<\/h3>\n                        <p class=\"text-gray-700\">\ubcd1\uc6d0\uade0\uc758 \ucd5c\uc801 \uc0dd\uc721 \uc628\ub3c4\ub294 \uc57d 28\u2103\uc774\uba70, $4\\sim37^{\\circ}C$ \ubc94\uc704\uc5d0\uc11c \uc0dd\uc721 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc678\ubd80 \uae30\uc628\uc774 $25\\sim29^{\\circ}C$\uc77c \ub54c \ubcd1\uc6d0\uade0 \uc99d\uc2dd\uc774 \ud65c\ubc1c\ud574\uc9c0\uace0, \ub098\ubb34\uc758 \uc138\ub825\uc774 \uc800\ud558\ub418\uac70\ub098 \ube44\ub8cc\uac00 \uacfc\ub2e4 \ud22c\uc785\ub418\uc5b4 \ub098\ubb34 \uc870\uc9c1\uc774 \uc57d\ud654\ub418\uc5c8\uc744 \ub54c \ubcd1\uc6d0\uade0\uc774 \ud65c\uc131\ud654\ub429\ub2c8\ub2e4. \uace0\uc628\ub2e4\uc2b5\ud55c \uc870\uac74\uc5d0\uc11c\ub294 \ub098\ubb34\uc758 \ud53c\ubaa9\uacfc \uae30\uacf5\uc744 \ud1b5\ud574\uc11c\ub3c4 \ubcd1\uc6d0\uade0\uc774 \uce68\uc785\ud560 \uc218 \uc788\uc2b5\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-emerald-800 mb-4\">\ud6a8\uacfc\uc801\uc778 \ubc29\uc81c \ubc29\ubc95<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1\uc740 \ud55c\ubc88 \ubc1c\uc0dd\ud558\uba74 \uce58\ub8cc\uac00 \ub9e4\uc6b0 \uc5b4\ub835\uae30 \ub54c\ubb38\uc5d0 **\uc608\ubc29\uacfc \ud655\uc0b0 \ubc29\uc9c0**\uac00 \uac00\uc7a5 \uc911\uc694\ud569\ub2c8\ub2e4. \uc885\ud569\uc801\uc778 \ubc29\uc81c \uc804\ub7b5\uc744 \uc218\ub9bd\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 \ubc1c\uc0dd \uc2dc \uce58\ub8cc \uc5b4\ub824\uc6c0<\/h3>\n                            <p class=\"text-gray-700\">\uc774 \ubcd1\uc740 \ud55c\ubc88 \ubc1c\uc0dd\ud558\uba74 \uce58\ub8cc\uac00 \ub9e4\uc6b0 \uc5b4\ub835\uc2b5\ub2c8\ub2e4. \uc608\ubc29\uacfc \ud655\uc0b0 \ubc29\uc9c0\uc5d0 \uc8fc\ub825\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n                        <\/div>\n                        <div class=\"p-4 bg-blue-50\">\n                             <h3 class=\"text-xl font-semibold text-blue-800 mb-2\">\u2460 \uc704\uc0dd \uad00\ub9ac (\uac00\uc7a5 \uc911\uc694)<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\uc8fd\uc740 \ub098\ubb34 \ubc0f \ud1b5\ub098\ubb34 \uc81c\uac70:<\/strong> \ubcd1\ub4e0 \ub290\ub985\ub098\ubb34, \uc8fd\uc740 \ub290\ub985\ub098\ubb34, \uac10\uc5fc\ub41c \uac00\uc9c0, \ud1b5\ub098\ubb34 \ub4f1\uc744 \uc989\uc2dc \uc81c\uac70\ud558\uc5ec \uc18c\uac01\ud558\uac70\ub098 \ub9e4\ubab0\ud569\ub2c8\ub2e4. \uc774\ub294 \ubcd1\uc6d0\uade0\uacfc \ub9e4\uac1c\ucda9\uc758 \uc11c\uc2dd\ucc98\ub97c \uc5c6\uc560\ub294 \uac00\uc7a5 \uc911\uc694\ud55c \ubc29\ubc95\uc785\ub2c8\ub2e4. (\uc8fc\ubcc0 \uad11\ubc94\uc704\ud55c \uc9c0\uc5ed\uc5d0\uc11c \uc704\uc0dd\uad00\ub9ac\ub97c \ubcd1\ud589\ud574\uc57c \ud568)<\/li>\n                                 <li><strong>\uac10\uc5fc\ub41c \uac00\uc9c0 \uc81c\uac70:<\/strong> \ubcd1\uc9d5\uc774 \ub098\ud0c0\ub09c \uac00\uc9c0\ub294 \uc989\uc2dc \uc798\ub77c\ub0b4\uc5b4 \uc18c\uac01\ud569\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 \ud654\ud559\uc801 \ubc29\uc81c<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\ub9e4\uac1c\ucda9 \uad6c\uc81c (\uc57d\uc81c \uc0b4\ud3ec):<\/strong> \uc131\ucda9\uc774 \ube44\ud589\uc744 \uc2dc\uc791\ud558\ub294 \uc2dc\uae30(5\uc6d4 \ud558\uc21c\uacbd)\uc5d0 \uc811\ucd09\uc131 \uc0b4\ucda9\uc81c\ub97c \uc904\uae30\uc640 \uac00\uc9c0\uc5d0 \uc0b4\ud3ec\ud558\uc5ec \ub9e4\uac1c\ucda9\uc744 \uad6c\uc81c\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uce68\ud22c\uc131 \uc0b4\uade0\uc81c \uc218\uac04 \uc8fc\uc785:<\/strong> \uc608\ubc29 \ubaa9\uc801\uc73c\ub85c \uce68\ud22c\uc131 \uc0b4\uade0\uc81c\ub97c \ub098\ubb34\uc904\uae30\uc5d0 \uc9c1\uc811 \uc8fc\uc785\ud558\ub294 \ubc29\ubc95\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc815\ubcf4 \ud655\uc778:<\/strong> \ub18d\uc57d\uc548\uc804\uc815\ubcf4\uc2dc\uc2a4\ud15c(psis.rda.go.kr)\uc5d0\uc11c \ub290\ub985\ub098\ubb34 \ubc0f \ub290\ub985\ub098\ubb34\uc880\uc5d0 \ub4f1\ub85d\ub41c \uc57d\uc81c\ub97c \ud655\uc778\ud558\uc5ec \uc0ac\uc6a9\ud558\uc2ed\uc2dc\uc624. **\ud604\uc7ac \ud6c4\uc9c0\uac80\uc740\ub098\ubb34\uc880\uc5d0 \uc9c1\uc811 \ub4f1\ub85d\ub41c \uc57d\uc81c\ub294 \uc5c6\uc2b5\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 \uc800\ud56d\uc131 \ud488\uc885 \uc721\uc131 \ubc0f \uc2dd\uc7ac<\/h3>\n                            <ul class=\"list-disc list-inside text-gray-700\">\n                                <li>\uc7a5\uae30\uc801\uc778 \ubc29\uc81c \ub300\ucc45\uc73c\ub85c, \ubcd1\uc5d0 \uac15\ud55c \uc800\ud56d\uc131 \ub290\ub985\ub098\ubb34 \ud488\uc885\uc744 \uc721\uc131\ud558\uc5ec \uc2dd\uc7ac\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"p-4 bg-purple-50\">\n                            <h3 class=\"text-xl font-semibold text-purple-800 mb-2\">\u2463 \uae30\ud0c0 \ubc29\uc81c<\/h3>\n                            <ul class=\"list-disc list-inside text-gray-700\">\n                                <li><strong>\uc720\uc778\ubaa9 \ub610\ub294 \ud398\ub85c\ubaac \uc774\uc6a9:<\/strong> \ub9e4\uac1c\ucda9\uc744 \uc720\uc778\ud558\uc5ec \ud3ec\ud68d\ud558\ub294 \ubc29\ubc95\uc744 \uace0\ub824\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n                                <li><strong>\ubfcc\ub9ac \uc811\ubaa9 \ubc29\uc9c0:<\/strong> \ubfcc\ub9ac \uc811\ubaa9\uc5d0 \uc758\ud55c \uc804\ud30c\ub97c \ub9c9\uae30 \uc704\ud574, \uac10\uc5fc\ub41c \ub098\ubb34 \uc8fc\ubcc0\uc758 \uac74\uac15\ud55c \ub098\ubb34 \ubfcc\ub9ac \uc5f0\uacb0\uc744 \ucc28\ub2e8\ud558\ub294 \ubc29\ubc95\uc744 \uace0\ub824\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 bg-white\">\n                    <h3 class=\"text-xl font-semibold text-emerald-800 mb-4 text-center\">\ub9e4\uac1c\ucda9 \ud65c\ub3d9 \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, \uc544\ud30c\ud2b8\uad00\ub9ac\uc2e0\ubb38, \ubbf8\uad6d\uc2dd\ubb3c\ubcd1\ub9ac\ud559\ud68c \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                pathogen_fungus: {\n                    title: '\ubcd1\uc6d0\uade0 (\uacf0\ud321\uc774)',\n                    description: '<i>Ophiostoma ulmi<\/i> \ubc0f <i>Ophiostoma novo-ulmi<\/i>\ub294 \uc790\ub0ad\uade0\ub958\uc5d0 \uc18d\ud558\ub294 \uacf0\ud321\uc774\uc785\ub2c8\ub2e4. \uc774\ub4e4\uc740 \ub098\ubb34\uc758 \ub3c4\uad00\ubd80(\ubb3c\uad00\ubd80)\uc5d0\uc11c \uc99d\uc2dd\ud558\uc5ec \uc218\ubd84 \uc774\ub3d9\uc744 \ubc29\ud574\ud569\ub2c8\ub2e4. \uc138\uade0\uc758 \ud06c\uae30\ub294 1.1~3.0\u339b x 0.5~1.0\u339b\uc774\uba70, \ucd5c\uc801 \uc0dd\uc721 \uc628\ub3c4\ub294 \uc57d 28\u2103\uc785\ub2c8\ub2e4.',\n                    size: '\ud06c\uae30: 1.1~3.0\u339b x 0.5~1.0\u339b',\n                },\n                vector_beetle: {\n                    title: '\ub290\ub985\ub098\ubb34\uc880 (\ub9e4\uac1c\ucda9)',\n                    description: '\uc8fc\uc694 \ub9e4\uac1c\ucda9\uc740 \uc720\ub7fd\ub290\ub985\ub098\ubb34\uc880(<i>Scolytus multistriatus<\/i>)\uacfc \ubd81\ubbf8\ub290\ub985\ub098\ubb34\uc880(<i>Hylurgopinus rufipes<\/i>)\uc785\ub2c8\ub2e4. \ud6c4\uc9c0\uac80\uc740\ub098\ubb34\uc880(<i>Scolytus multistriatus<\/i>) \uc131\ucda9\uc740 \ubab8\uae38\uc774 3~5mm \uc815\ub3c4\uc774\uba70 \ud751\uac08\uc0c9\uc5d0 \uad11\ud0dd\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc548\ud14c\ub098\ub294 \uc5f0\ubd89\uc740\uc0c9\uc744 \ub760\uace0, \uc218\ucef7\uc758 \uc774\ub9c8\ub294 \uc6c0\ud479 \ud328\uc5ec \uc788\uace0 \ube68\uac04 \ud138\uc774 \uac00\uc7a5\uc790\ub9ac\ub97c \ub36e\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc554\ucef7\uc758 \uc774\ub9c8\ub294 \ubcfc\ub85d\ud558\uace0 \uc911\uac04 \uae38\uc774\uc758 \ud648\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc720\ucda9\uc740 \uc720\ubc31\uc0c9\uc73c\ub85c \ub2e4 \uc790\ub77c\uba74 5~7mm \uc815\ub3c4\uc785\ub2c8\ub2e4.',\n                    size: '\ud06c\uae30: \uc131\ucda9 \uc57d 3~5mm, \uc720\ucda9 \uc57d 5~7mm',\n                }\n            };\n\n            const damageData = {\n                leaf_wilt_dieback: {\n                    title: '\uc78e \uc2dc\ub4e4\uc74c \ubc0f \uace0\uc0ac',\n                    description: '\ucd08\uae30 \ubcd1\uc9d5\uc740 \ud55c\ucabd \uac00\uc9c0 \ub610\ub294 \ub098\ubb34 \uc804\uccb4\uc758 \uc78e\uc774 \uc11c\uc11c\ud788 \uc2dc\ub4e4\uc5b4\uac00\ub294 \uc99d\uc0c1\uc744 \ubcf4\uc785\ub2c8\ub2e4. \uc78e\uc740 \ubc31\ud654(\ud669\ubcc0)\ub41c \ud6c4 \uac08\uc0c9\uc73c\ub85c \ubcc0\ud558\uba70 \uace0\uc0ac\ud569\ub2c8\ub2e4. \uac10\uc5fc\ub41c \uc78e\uc740 11~12\uc6d4\uc5d0\ub3c4 \ub099\uc5fd\ub418\uc9c0 \uc54a\uace0 \ub098\ubb34\uc5d0 \ub9e4\ub2ec\ub824 \uc788\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc2b5\ub2c8\ub2e4.',\n                },\n                branch_tree_dieback: {\n                    title: '\uac00\uc9c0\/\ub098\ubb34 \uc804\uccb4 \uace0\uc0ac',\n                    description: '\ubcd1\uc774 \uc9c4\ud589\ub428\uc5d0 \ub530\ub77c \uac00\uc9c0\uac00 \uad34\uc0ac\ud558\uace0 \ub9d0\ub77c \uc8fd\uc73c\uba70, \uacb0\uad6d \ub098\ubb34 \uc804\uccb4\uac00 \uace0\uc0ac\ud569\ub2c8\ub2e4. \uc5b4\ub9b0 \uac00\uc9c0\ub294 \uac11\uc790\uae30 \uc2dc\ub4e4\uc5b4 \uc9c0\ud321\uc774\ucc98\ub7fc \uad6c\ubd80\ub7ec\uc9c0\uba70 \uac80\uc740\uc0c9\uc73c\ub85c \ubcc0\ud574 \ub9d0\ub77c \uc8fd\uae30\ub3c4 \ud569\ub2c8\ub2e4.',\n                },\n                xylem_discoloration: {\n                    title: '\ub3c4\uad00\ubd80 \ubcc0\uc0c9',\n                    description: '\ubcd1\ub4e0 \ub098\ubb34\uc758 \uc218\ud53c\ub97c \ubc97\uaca8\ubcf4\uba74 \ub3c4\uad00\ubd80(\ubb3c\uad00\ubd80)\uac00 \ubd88\uaddc\uce59\ud55c \uac08\uc0c9 \ub610\ub294 \ud751\uac08\uc0c9\uc73c\ub85c \ubcc0\uc0c9\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ubcd1\uc6d0\uade0\uc774 \uc218\ubd84 \uc774\ub3d9 \ud1b5\ub85c\ub97c \ub9c9\uc544 \ubc1c\uc0dd\ud558\uba70, \ubcd1\uc6d0\uade0 \uac10\uc5fc\uc758 \uc911\uc694\ud55c \uc9c4\ub2e8 \ub2e8\uc11c\uc785\ub2c8\ub2e4.',\n                }\n            };\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\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            }\n\n            \/\/ Initial content for morphology section\n            updateMorphologyContent('pathogen_fungus'); \n\n            morphologyTypeButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    updateMorphologyContent(button.dataset.type);\n                });\n            });\n\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\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            }\n\n            \/\/ Initial content for damage section\n            updateDamageContent('leaf_wilt_dieback');\n\n            damageTypeButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    updateDamageContent(button.dataset.damageType);\n                });\n            });\n\n            const ctx = document.getElementById('controlChart').getContext('2d');\n            new Chart(ctx, {\n                type: 'bar',\n                data: {\n                    labels: ['3\uc6d4', '4\uc6d4', '5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4'],\n                    datasets: [{\n                        label: '\ub9e4\uac1c\ucda9 \uc6b0\ud654 \ubc0f \ud65c\ub3d9',\n                        data: [0, 5, 10, 8, 5, 2, 0, 0], \/\/ Peak May-June\n                        backgroundColor: 'rgba(16, 185, 129, 0.6)', \/* emerald-500 *\/\n                        borderColor: 'rgba(16, 185, 129, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '\ubcd1\uc6d0\uade0 \uc99d\uc2dd \ubc0f \ubcd1\uc9d5 \ubc1c\ud604',\n                        data: [0, 2, 5, 10, 8, 5, 2, 0], \/\/ Peak June-July\n                        backgroundColor: 'rgba(234, 179, 8, 0.6)', \/* amber-500 *\/\n                        borderColor: 'rgba(234, 179, 8, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '\ubc29\uc81c \ucd94\ucc9c \uae30\uac04 (\ub9e4\uac1c\ucda9 \uad6c\uc81c\/\uc57d\uc81c \uc0b4\ud3ec)',\n                        data: [0, 12, 12, 0, 0, 0, 0, 0], \/\/ April-May (\uc131\ucda9 \ube44\ud589 \uc2dc\uc791 \uc2dc\uae30)\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 (\uc704\uc0dd \uad00\ub9ac\/\ud53c\ud574\ubaa9 \uc81c\uac70)',\n                        data: [12, 12, 12, 12, 12, 12, 12, 12], \/\/ Year-round, but especially before beetle emergence\n                        type: 'line',\n                        fill: true,\n                        backgroundColor: 'rgba(239, 68, 68, 0.2)', \/* red-500 with transparency *\/\n                        borderColor: 'rgba(239, 68, 68, 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('\ub9e4\uac1c\ucda9 \uad6c\uc81c')) return ` ${context.dataset.label}: 4\uc6d4 ~ 5\uc6d4`;\n                                        return ` ${context.dataset.label}: \uc5f0\uc911 (\ud2b9\ud788 \ub2a6\uac00\uc744~\uc774\ub978 \ubd04)`;\n                                    }\n                                    return ` ${context.dataset.label}: ${context.raw} (\ud65c\ub3d9 \ubc00\ub3c4)`;\n                                }\n                           }\n                        },\n                        title: {\n                            display: true,\n                            text: '\ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\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=\"960\" height=\"697\" data-id=\"3516\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1_\ub9e4\uac1c\ucda9_\ud6c4\uc9c0\uac80\uc740\ub098\ubb34\uc880.jpg\" alt=\"\" class=\"wp-image-3516\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1_\ub9e4\uac1c\ucda9_\ud6c4\uc9c0\uac80\uc740\ub098\ubb34\uc880.jpg 960w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1_\ub9e4\uac1c\ucda9_\ud6c4\uc9c0\uac80\uc740\ub098\ubb34\uc880-300x218.jpg 300w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1_\ub9e4\uac1c\ucda9_\ud6c4\uc9c0\uac80\uc740\ub098\ubb34\uc880-768x558.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"421\" data-id=\"3515\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1.jpg\" alt=\"\" class=\"wp-image-3515\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1.jpg 518w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1-300x244.jpg 300w\" sizes=\"auto, (max-width: 518px) 100vw, 518px\" \/><\/figure>\n<\/figure>\n","protected":false},"featured_media":3515,"template":"","meta":{"_acf_changed":true,"_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":[393,169,392,331,363],"pest-category":[86],"pest-overwintering":[],"class_list":["post-3514","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-393","pest-target-169","pest-target-392","pest-target-331","pest-target-363","pest-category-86"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1.jpg",518,421,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1-150x150.jpg",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1-300x244.jpg",300,244,true],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1.jpg",518,421,false],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1.jpg",518,421,false],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1.jpg",518,421,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ub290\ub985\ub098\ubb34-\uc2dc\ub4e4\uc74c\ubcd1.jpg",518,421,false]},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1 \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ubcd1\uc6d0\uccb4 \ubc0f \ub9e4\uac1c\ucda9 \ud615\ud0dc \ud53c\ud574 \uc99d\uc0c1 \uc0dd\ud65c\uc0ac \ubc29\uc81c \ubc29\ubc95 \ub290\ub985\ub098\ubb34 \uc2dc\ub4e4\uc74c\ubcd1 (Dutch Elm Disease)\uc774\ub780? \ub290\ub985\ub098\ubb34 [&hellip;]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/3514","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\/3515"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3514"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=3514"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=3514"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=3514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}