{"id":2669,"date":"2025-06-23T13:56:39","date_gmt":"2025-06-23T13:56:39","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?post_type=pest&#038;p=2669"},"modified":"2025-06-23T14:03:54","modified_gmt":"2025-06-23T14:03:54","slug":"%ec%95%84%eb%b0%80%eb%9d%bc%eb%a6%ac%ec%95%84%eb%bf%8c%eb%a6%ac%ec%8d%a9%ec%9d%8c%eb%b3%91","status":"publish","type":"pest","link":"https:\/\/hstc.treecare.co.kr\/?pest=%ec%95%84%eb%b0%80%eb%9d%bc%eb%a6%ac%ec%95%84%eb%bf%8c%eb%a6%ac%ec%8d%a9%ec%9d%8c%eb%b3%91","title":{"rendered":"\uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1"},"content":{"rendered":"\n<p><\/p>\n\n\n\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>\uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\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: Earthy Fungi -->\n    <!-- Application Structure Plan: The SPA for Armillaria Root Rot is structured into five core sections: '\uac1c\uc694' (Overview), '\ud615\ud0dc' (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. '\ud615\ud0dc' and '\ud53c\ud574 \uc99d\uc0c1' sections use interactive elements (buttons) to highlight different fungal structures and specific damage types (leaf symptoms, root decay, mushroom formation). '\uc0dd\ud65c\uc0ac' includes a flowchart to visualize its complex life cycle and transmission. '\ubc29\uc81c \ubc29\ubc95' incorporates a Chart.js visualization to illustrate optimal control timings, primarily focusing on physical removal and environmental management. -->\n    <!-- Visualization & Content Choices: \n        1. Report Info: Pathogen Morphology (Fruiting body\/mushroom, Rhizomorphs, Mycelial mats) -> Goal: Inform & Identify -> Viz\/Method: Interactive image gallery with buttons for '\uc790\uc2e4\uccb4 (\ubc84\uc12f)', '\uadfc\uc0c1\uade0\uc0ac\ub2e4\ubc1c (Shoestrings)', '\ubc31\ubb38\uc6b0 (\uade0\uc0ac\ub9c9)' -> Interaction: Clicking buttons updates image and descriptive text for each form. -> Justification: As a fungal disease, its various structures are key for identification, different from insect life stages. -> Library: Vanilla JS.\n        2. Report Info: Damage Symptoms (Leaf yellowing\/wilt, Root decay, Resin flow, Trunk cracks, Mushrooms at base) -> Goal: Inform & Diagnose -> Viz\/Method: Interactive image gallery with buttons for '\uc78e \ubcc0\uc0c9\/\uc2dc\ub4e4\uc74c', '\ubfcc\ub9ac \uc369\uc74c\/\uc1a1\uc9c4 \uc720\ucd9c', '\uc904\uae30 \ubc11\ub3d9 \ubc84\uc12f \ubc1c\uc0dd' -> Interaction: Clicking buttons updates image and descriptive text. Clearly shows both the above-ground and below-ground symptoms. -> Justification: The varied and progressive symptoms (both visible and internal) need clear visual differentiation for accurate diagnosis. -> Library: Vanilla JS.\n        3. Report Info: Lifecycle (Fungus overwintering as mycelium\/rhizomorphs, Spore dispersal, Root contact infection) -> Goal: Organize & Show Change -> Viz\/Method: HTML\/CSS vertical flowchart -> Interaction: Static visual aid -> Justification: Visualizing the disease cycle with primary infection sources (rhizomorphs, spores) and transmission is essential for understanding disease progression and identifying intervention points. -> Library: HTML\/Tailwind.\n        4. Report Info: Control Timing (Year-round persistence of inoculum, peak mushroom formation in fall, emphasis on removal) -> Goal: Inform & Guide -> Viz\/Method: Bar Chart -> Interaction: Hover tooltips -> Justification: The chart clearly illustrates the general active period of the fungus and highlights optimal times for physical interventions (like removing fruiting bodies\/infected wood), acknowledging 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        }\n        .nav-btn.active {\n            background-color: #5d421d; \/* stone-800 adjusted for brown tone *\/\n            color: #f7f3ed; \/* stone-50 adjusted *\/\n            font-weight: 700;\n        }\n        .content-section {\n            display: none;\n        }\n        .content-section.active {\n            display: block;\n        }\n        .stage-btn.active, .damage-btn.active {\n            background-color: #a16207; \/* amber-700 for more contrast *\/\n            color: white;\n            font-weight: 600;\n            transform: scale(1.05);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n    <div class=\"container mx-auto p-4 md:p-8\">\n        \n        <header class=\"text-center mb-8\">\n            <!-- \ubcd1\ud574\ucda9\uba85\uacfc \ud559\uba85 \uc81c\uac70\ub428 -->\n        <\/header>\n\n        <nav class=\"flex justify-center bg-gray-200 rounded-lg p-2 mb-8 shadow-sm\">\n            <button data-tab=\"overview\" class=\"nav-btn active flex-1 md:flex-none text-center py-2 px-4 rounded-md text-gray-700 hover:bg-stone-300\">\uac1c\uc694<\/button>\n            <button data-tab=\"morphology\" class=\"nav-btn flex-1 md:flex-none text-center py-2 px-4 rounded-md text-gray-700 hover:bg-stone-300\">\ud615\ud0dc<\/button>\n            <button data-tab=\"damage\" class=\"nav-btn flex-1 md:flex-none text-center py-2 px-4 rounded-md text-gray-700 hover:bg-stone-300\">\ud53c\ud574 \uc99d\uc0c1<\/button>\n            <button data-tab=\"ecology\" class=\"nav-btn flex-1 md:flex-none text-center py-2 px-4 rounded-md text-gray-700 hover:bg-stone-300\">\uc0dd\ud65c\uc0ac<\/button>\n            <button data-tab=\"control\" class=\"nav-btn flex-1 md:flex-none text-center py-2 px-4 rounded-md text-gray-700 hover:bg-stone-300\">\ubc29\uc81c \ubc29\ubc95<\/button>\n        <\/nav>\n\n        <main id=\"app-content\">\n            \n            <!-- \uac1c\uc694 Section -->\n            <section id=\"overview\" class=\"content-section active space-y-6\">\n                <div class=\"p-6 bg-white rounded-lg shadow\">\n                    <h2 class=\"text-2xl font-bold text-stone-800 mb-4\">\uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1 (<i>Armillaria spp.<\/i>)\uc774\ub780?<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed\">\n                        \uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 \ub2f4\uc790\uade0\ub958\uc778 \ubf55\ub098\ubb34\ubc84\uc12f\uc18d(<i>Armillaria spp.<\/i>) \uacf0\ud321\uc774\uc5d0 \uc758\ud574 \ubc1c\uc0dd\ud558\ub294 \uc138\uacc4\uc801\uc73c\ub85c \uc911\uc694\ud55c \ubfcc\ub9ac\ubcd1\ud574\uc785\ub2c8\ub2e4. \uc804 \uc138\uacc4 \uc218\ubc31 \uc885\uc758 \ubaa9\ubcf8 \ubc0f \ucd08\ubcf8 \uc2dd\ubb3c\uc5d0 \ubc1c\uc0dd\ud558\uc5ec \ud070 \ud53c\ud574\ub97c \uc90d\ub2c8\ub2e4. \ub300\ubd80\ubd84\uc758 \uc544\ubc00\ub77c\ub9ac\uc544 \uc885\uc740 \uc800\ubcd1\uc6d0\uc131\uc73c\ub85c \ub098\ubb34\uac00 \uc218\ubd84 \uc2a4\ud2b8\ub808\uc2a4\ub098 \ub2e4\ub978 \uc694\uc778\uc73c\ub85c \uc57d\ud574\uc838 \uc788\uc744 \ub54c \ubc1c\uc0dd\ud558\uc5ec \ub098\ubb34\ub97c \uace0\uc0ac\uc2dc\ud0a4\uc9c0\ub9cc, \uc77c\ubd80 \uace0\ubcd1\uc6d0\uc131 \uc885\uc740 \uac74\uac15\ud55c \ub098\ubb34\ub3c4 \uc8fd\uc77c \uc218 \uc788\uc2b5\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> \uade0\uc0ac(mycelial mat) \ub610\ub294 \uadfc\uc0c1\uade0\uc0ac\uc18d(rhizomorphs) \ud615\ud0dc\ub85c \ud1a0\uc591, \uac10\uc5fc\ub41c \ubfcc\ub9ac, \uadf8\ub8e8\ud130\uae30 \ub4f1\uc5d0\uc11c \uc218\ub144\uac04 \uc0dd\uc874<\/li>\n                        <li><strong>\ubc1c\uc0dd \ud69f\uc218:<\/strong> \uc5f0\uc911 \ubc1c\uc0dd (\ud2b9\uc815 \uc138\ub300 \uad6c\ubd84\ubcf4\ub2e4\ub294 \uc9c0\uc18d\uc801\uc778 \uac10\uc5fc)<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"p-6 bg-white rounded-lg shadow\">\n                    <h3 class=\"text-xl font-semibold text-stone-800 mb-3\">\ubd84\ud3ec \ubc0f \uc8fc\uc694 \uac00\ud574 \uc218\uc885<\/h3>\n                    <p class=\"text-gray-700 mb-4\">\n                        \uc804 \uc138\uacc4\uc801\uc73c\ub85c \ubd84\ud3ec\ud558\uba70, \ud55c\uad6d, \uc77c\ubcf8, \uc911\uad6d, \ubbf8\uad6d, \uce90\ub098\ub2e4 \ub4f1\uc5d0\uc11c \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc8fc\uc694 \uac00\ud574 \uc218\uc885\uc740 <strong>\uc7a3\ub098\ubb34, \uc18c\ub098\ubb34, \ub290\ud2f0\ub098\ubb34, \uac00\ubb38\ube44\ub098\ubb34, \ub099\uc5fd\uc1a1, \uc790\uc791\ub098\ubb34, \uc624\ub3d9\ub098\ubb34, \ubc9a\ub098\ubb34<\/strong> \ub4f1 \ub2e4\uc591\ud55c \uce68\uc5fd\uc218\uc640 \ud65c\uc5fd\uc218\uc785\ub2c8\ub2e4. \uc0b0\uc131 \ud1a0\uc591 \ubc0f \ub2e4\uc2b5\ud55c \ud658\uacbd\uc5d0\uc11c \ubc1c\uc0dd\uc774 \ub9ce\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n            <\/section>\n\n            <!-- \ud615\ud0dc Section -->\n            <section id=\"morphology\" class=\"content-section space-y-6\">\n                <div class=\"p-6 bg-white rounded-lg shadow\">\n                    <h2 class=\"text-2xl font-bold text-stone-800 mb-4\">\uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1 \ubcd1\uc6d0\uade0\uc758 \ud615\ud0dc\uc801 \ud2b9\uc9d5<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc744 \uc77c\uc73c\ud0a4\ub294 \uacf0\ud321\uc774\ub294 \uc2dd\ubb3c\uccb4 \ub0b4\uc678\ubd80\uc5d0 \ub2e4\uc591\ud55c \ud615\ud0dc\ub85c \ub098\ud0c0\ub0a9\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-type=\"fruiting_body\" class=\"stage-btn active text-sm md:text-base py-2 px-4 bg-gray-200 rounded-full font-semibold shadow-sm transition-transform duration-200\">\uc790\uc2e4\uccb4 (\ubc84\uc12f)<\/button>\n                        <button data-type=\"rhizomorphs\" class=\"stage-btn text-sm md:text-base py-2 px-4 bg-gray-200 rounded-full font-semibold shadow-sm transition-transform duration-200\">\uadfc\uc0c1\uade0\uc0ac\ub2e4\ubc1c (Shoestrings)<\/button>\n                        <button data-type=\"mycelial_mat\" class=\"stage-btn text-sm md:text-base py-2 px-4 bg-gray-200 rounded-full font-semibold shadow-sm transition-transform duration-200\">\ubc31\ubb38\uc6b0 (\uade0\uc0ac\ub9c9)<\/button>\n                    <\/div>\n                    <div id=\"morphology-content\" class=\"md:flex md:items-center md:space-x-6 p-4 border border-gray-200 rounded-lg\">\n                        <img decoding=\"async\" id=\"morphology-main-image\" src=\"https:\/\/storage.googleapis.com\/aai-web-samples\/armillaria_fruiting_body.jpg\" alt=\"\uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1 \uc790\uc2e4\uccb4 \uc774\ubbf8\uc9c0\" class=\"w-full md:w-1\/2 rounded-lg shadow-md mb-4 md:mb-0\">\n                        <div id=\"morphology-text\" class=\"md:w-1\/2\">\n                            <h3 id=\"morphology-title\" class=\"text-xl font-semibold text-stone-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 rounded-lg shadow\">\n                    <h2 class=\"text-2xl font-bold text-stone-800 mb-4\">\uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc758 \uc8fc\uc694 \ud53c\ud574 \uc99d\uc0c1<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 \ubfcc\ub9ac\ub97c \uce68\ud574\ud558\uc5ec \uc9c0\uc0c1\ubd80\uc640 \uc9c0\ud558\ubd80 \ubaa8\ub450\uc5d0 \ub2e4\uc591\ud55c \uc99d\uc0c1\uc744 \uc720\ubc1c\ud569\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_discoloration_wilt\" class=\"damage-btn active text-sm md:text-base py-2 px-4 bg-gray-200 rounded-full font-semibold shadow-sm transition-transform duration-200\">\uc78e \ubcc0\uc0c9 \ubc0f \uc2dc\ub4e4\uc74c<\/button>\n                        <button data-damage-type=\"root_rot_resin\" class=\"damage-btn text-sm md:text-base py-2 px-4 bg-gray-200 rounded-full font-semibold shadow-sm transition-transform duration-200\">\ubfcc\ub9ac \uc369\uc74c \ubc0f \uc1a1\uc9c4 \uc720\ucd9c<\/button>\n                        <button data-damage-type=\"basal_mushroom_growth\" class=\"damage-btn text-sm md:text-base py-2 px-4 bg-gray-200 rounded-full font-semibold shadow-sm transition-transform duration-200\">\uc904\uae30 \ubc11\ub3d9 \ubc84\uc12f \ubc1c\uc0dd<\/button>\n                    <\/div>\n                    <div id=\"damage-content\" class=\"md:flex md:items-center md:space-x-6 p-4 border border-gray-200 rounded-lg\">\n                        <img decoding=\"async\" id=\"damage-main-image\" src=\"https:\/\/storage.googleapis.com\/aai-web-samples\/armillaria_leaf_wilt.jpg\" alt=\"\uc78e \ubcc0\uc0c9 \ubc0f \uc2dc\ub4e4\uc74c \uc774\ubbf8\uc9c0\" class=\"w-full md:w-1\/2 rounded-lg shadow-md mb-4 md:mb-0\">\n                        <div id=\"damage-text\" class=\"md:w-1\/2\">\n                            <h3 id=\"damage-title\" class=\"text-xl font-semibold text-stone-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 rounded-lg shadow\">\n                    <h2 class=\"text-2xl font-bold text-stone-800 mb-4\">\uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc758 \uc0dd\ud65c\uc0ac \ubc0f \uc804\uc5fc \uacbd\ub85c<\/h2>\n                     <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubcd1\uc6d0\uade0\uc740 \ud1a0\uc591\uc774\ub098 \uac10\uc5fc\ub41c \uc2dd\ubb3c\uccb4 \ub0b4\uc5d0\uc11c \uade0\uc0ac \ub610\ub294 \uadfc\uc0c1\uade0\uc0ac\ub2e4\ubc1c \ud615\ud0dc\ub85c \uc218\ub144\uac04 \uc0dd\uc874\ud558\uba70 \uc804\uc5fc\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 rounded-lg\">\n                            <p class=\"font-semibold\">1. \uc6d4\ub3d9 \ubc0f \uc0dd\uc874<\/p><p class=\"text-sm\">\ud1a0\uc591 \ub0b4 \uac10\uc5fc\ub41c \ubfcc\ub9ac, \uadf8\ub8e8\ud130\uae30, \uc794\uc874\ubb3c\uc5d0\uc11c \uade0\uc0ac \ub610\ub294 \uadfc\uc0c1\uade0\uc0ac\ub2e4\ubc1c\ub85c \uc218\ub144\uac04 \uc0dd\uc874<\/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 rounded-lg\">\n                            <p class=\"font-semibold\">2. \uac10\uc5fc\uc6d0 \ud655\uc0b0<\/p><p class=\"text-sm\">\uadfc\uc0c1\uade0\uc0ac\ub2e4\ubc1c\uc774 \ud1a0\uc591 \uc18d\uc744 \ubed7\uc5b4\uac00\uac70\ub098(\uc5f0 2~4\ud53c\ud2b8), \ubcd1\ub4e0 \ubfcc\ub9ac\uac00 \uac74\uc804\ud55c \ubfcc\ub9ac\uc5d0 \uc9c1\uc811 \uc811\ucd09\ud558\uc5ec \uc804\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-yellow-100 rounded-lg\">\n                            <p class=\"font-semibold\">3. \uc2dd\ubb3c\uccb4 \uce68\uc785 \ubc0f \uac00\ud574<\/p><p class=\"text-sm\">\ubfcc\ub9ac \ud45c\uba74\uc5d0 \uce68\uc785\ud558\uc5ec \ubaa9\uc9c8\ubd80\uae4c\uc9c0 \ub3c4\ub2ec. \ubfcc\ub9ac\ub098 \uc904\uae30\uc758 \ubaa9\uc9c8\ubd80\ub97c \ubd80\ud6c4\uc2dc\ud0a4\uace0 \ud615\uc131\uce35\uc744 \ud30c\uad34\ud558\uc5ec \uc218\uc561 \uc774\ub3d9 \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-orange-100 rounded-lg\">\n                            <p class=\"font-semibold\">4. \uc790\uc2e4\uccb4(\ubc84\uc12f) \ud615\uc131 \ubc0f \ud3ec\uc790 \ud655\uc0b0 (\ucd08\uac00\uc744)<\/p><p class=\"text-sm\">\ubcd1\ub4e0 \ub098\ubb34\uc758 \uc904\uae30 \ubc11\ub3d9\uc774\ub098 \ubfcc\ub9ac\uc5d0 \ubf55\ub098\ubb34\ubc84\uc12f(\uc790\uc2e4\uccb4)\uc774 \ub2e4\ubc1c\ub85c \ubc1c\uc0dd. \ubc84\uc12f\uc5d0\uc11c \ud3ec\uc790\ub97c \uc0dd\uc131\ud558\uc5ec \ubc14\ub78c, \ube44\ub85c \ud655\uc0b0<\/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 rounded-lg\">\n                            <p class=\"font-semibold\">5. \uc0c8\ub85c\uc6b4 \uac10\uc5fc\uc6d0<\/p><p class=\"text-sm\">\ud3ec\uc790\uac00 \uc0c1\ucc98 \ubd80\uc704 \ub4f1\uc73c\ub85c \uce68\uc785\ud558\uc5ec \uc0c8\ub85c\uc6b4 \uac10\uc5fc \uc2dc\uc791. \ud1a0\uc591\ubbf8\uc0dd\ubb3c\uc774 \uc801\uc740 \uc0b0\uc131\ud1a0\uc591\uc774\ub098 \ub2e4\uc2b5\ud55c \ud658\uacbd\uc5d0\uc11c \ubc1c\uc0dd \uc99d\uac00<\/p>\n                        <\/div>\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 rounded-lg shadow\">\n                    <h2 class=\"text-2xl font-bold text-stone-800 mb-4\">\ud6a8\uacfc\uc801\uc778 \ubc29\uc81c \ubc29\ubc95<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 \uce58\ub8cc\uac00 \uc5b4\ub835\uae30 \ub54c\ubb38\uc5d0 \uc608\ubc29\uacfc \ud655\uc0b0 \ubc29\uc9c0\uc5d0 \uc911\uc810\uc744 \ub454 \uc885\ud569\uc801\uc778 \uad00\ub9ac\uac00 \uc911\uc694\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"space-y-4\">\n                        <div class=\"p-4 border border-red-200 bg-red-50 rounded-lg\">\n                            <h3 class=\"text-xl font-semibold text-red-800 mb-2\">\u203b \ud604\uc7ac \ud6a8\uacfc\uc801\uc778 \uce58\ub8cc\uc81c \uc5c6\uc74c<\/h3>\n                            <p class=\"text-gray-700\">\uc77c\ub2e8 \uac10\uc5fc\ub418\uba74 \ud6a8\uacfc\uc801\uc778 \uce58\ub8cc(\uc644\uce58) \ubc29\ubc95\uc740 \uc5c6\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 border border-blue-200 bg-blue-50 rounded-lg\">\n                             <h3 class=\"text-xl font-semibold text-blue-800 mb-2\">\u2460 \ubb3c\ub9ac\uc801 \ubc29\uc81c<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\ubcd1\ub4e0 \ub098\ubb34\/\ubfcc\ub9ac \uc81c\uac70:<\/strong> \ubcd1\ub4e4\uc5b4 \uc8fd\uc740 \ub098\ubb34\ub294 \ubc1c\uacac \uc989\uc2dc \ubfcc\ub9ac\uae4c\uc9c0 \ub9d0\ub054\ud788 \uce90\ub0b4\uc5b4 \uc18c\uac01\ud569\ub2c8\ub2e4. \uc774\ub294 \uc911\uc694\ud55c \uac10\uc5fc\uc6d0\uc744 \uc81c\uac70\ud558\ub294 \uac00\uc7a5 \ud655\uc2e4\ud55c \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc790\uc2e4\uccb4(\ubc84\uc12f) \uc81c\uac70:<\/strong> \ucd08\uac00\uc744\uc5d0 \ubc1c\uc0dd\ud558\ub294 \uc790\uc2e4\uccb4(\ubf55\ub098\ubb34\ubc84\uc12f)\ub294 \ubc1c\uacac \uc989\uc2dc \uc81c\uac70\ud558\uace0 \uc18c\ub3c5\ud55c \ud6c4 \ub3c4\ud3ec\uc81c\ub97c \ubc14\ub985\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uade0\uc0ac\ud655\uc0b0 \uc800\uc9c0\ub300:<\/strong> \ubcd1\ub4e0 \ub098\ubb34 \uc8fc\ubcc0\uc5d0 \uae4a\uc740 \ub3c4\ub791(\ud3ed\uacfc \ub113\uc774 1m \uc815\ub3c4)\uc744 \ud30c\uc11c \uade0\uc0ac(\uadfc\uc0c1\uade0\uc0ac\uc18d)\uac00 \uc8fc\ubcc0 \ub098\ubb34\ub85c \uc804\ud30c\ub418\ub294 \uac83\uc744 \ubb3c\ub9ac\uc801\uc73c\ub85c \ucc28\ub2e8\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc218\ud53c \uc81c\uac70\/\uc678\uacfc\uc218\uc220:<\/strong> \uc904\uae30 \ubc11\ub3d9\uc774\ub098 \uad75\uc740 \ubfcc\ub9ac\uc5d0 \uac10\uc5fc\uc774 \ud655\uc778\ub418\uba74 \ud574\ub2f9 \ubd80\uc704\uc758 \uc218\ud53c\ub97c \uc81c\uac70\ud558\uace0 \ud544\uc694\ud55c \uacbd\uc6b0 \uc678\uacfc\uc218\uc220\uc744 \uc2e4\uc2dc\ud569\ub2c8\ub2e4.<\/li>\n                             <\/ul>\n                        <\/div>\n                        <div class=\"p-4 border border-green-200 bg-green-50 rounded-lg\">\n                             <h3 class=\"text-xl font-semibold text-green-800 mb-2\">\u2461 \ud658\uacbd \uad00\ub9ac \ubc0f \uc608\ubc29 (\uacbd\uc885\uc801 \ubc29\uc81c)<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\uc218\uc138 \uc99d\uc9c4:<\/strong> \ub098\ubb34\uac00 \uc1e0\uc57d\ud558\uac70\ub098 \ubfcc\ub9ac\uc5d0 \uc0c1\ucc98\uac00 \ub098 \uc788\uc73c\uba74 \uc27d\uac8c \uac10\uc5fc\ub418\ubbc0\ub85c, \ub098\ubb34\ub97c \uac74\uac15\ud558\uac8c \uad00\ub9ac\ud558\uc5ec \uc800\ud56d\ub825\uc744 \ub192\uc785\ub2c8\ub2e4 (\uac04\ubc8c, \uc804\uc815, \uc801\uc808\ud55c \uad00\uc218 \ubc0f \uc2dc\ube44).<\/li>\n                                 <li><strong>\ud1a0\uc591 \ud658\uacbd \uac1c\uc120:<\/strong> \uadf9\ub3c4\ub85c \uac74\uc870\ud558\uac70\ub098 \ubc30\uc218\uac00 \uc6d0\ud65c\ud558\uc9c0 \uc54a\uc740 \ub2e4\uc2b5\ud55c \ud658\uacbd, \uc0b0\uc131 \ud1a0\uc591\uc5d0\uc11c \uc798 \ubc1c\uc0dd\ud558\ubbc0\ub85c, \ud1a0\uc591 \ud658\uacbd \uac1c\uc120(\uc11d\ud68c \uc2dc\uc6a9 \ub4f1 \uc0b0\ub3c4 \uac1c\uc120, \ubc30\uc218 \ubc0f \ud1b5\ud48d \uac1c\uc120)\uc5d0 \uc720\uc758\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc7ac\uc2dd \uc9c0\uc591:<\/strong> \ubc1c\uc0dd\ub41c \uacf3\uc5d0\uc11c\ub294 \ubcd1\uc6d0\uade0\uc774 \uc218\ub144\uac04 \ud1a0\uc591\uc5d0 \uc0dd\uc874\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c, \ud574\ub2f9 \uc9c0\uc5ed\uc5d0 \uc218\ub144\uac04 \uc784\ubaa9 \uc2dd\uc7ac\ub97c \ud53c\ud558\uac70\ub098 \ub0b4\ubcd1\uc131 \uc218\uc885\uc744 \uc2dd\uc7ac\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\ucd08\uae30 \ubc1c\uacac:<\/strong> \uc9c0\uc18d\uc801\uc778 \uc608\ucc30 \uc870\uc0ac\ub97c \ud1b5\ud574 \ubcd1\uc744 \ucd08\uae30\uc5d0 \ubc1c\uacac\ud558\ub294 \uac83\uc774 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4.<\/li>\n                             <\/ul>\n                        <\/div>\n                        <div class=\"p-4 border border-yellow-200 bg-yellow-50 rounded-lg\">\n                            <h3 class=\"text-xl font-semibold text-yellow-800 mb-2\">\u2462 \ud654\ud559\uc801 \ubc29\uc81c (\uc608\ubc29\uc801 \ud65c\uc6a9)<\/h3>\n                            <p class=\"text-gray-700\">\ud604\uc7ac \uce58\ub8cc \ubaa9\uc801\uc758 \uc0b4\uade0\uc81c\ub294 \uc5c6\uc73c\ub098, \uc608\ubc29\uc801\uc73c\ub85c \uac10\uc5fc\ub418\uc9c0 \uc54a\uc740 \ud1a0\uc591\uc5d0 \uc0b4\uade0\uc81c(\uc608: thiophanate-methyl, polyoxin-D, triflumizole, fludioxonil \uacc4\uc5f4)\ub97c \ucc98\ub9ac\ud558\ub294 \uac83\uc744 \uace0\ub824\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub18d\uc57d\uc548\uc804\uc815\ubcf4\uc2dc\uc2a4\ud15c(psis.rda.go.kr)\uc5d0\uc11c \ub4f1\ub85d\ub41c \uc57d\uc81c\ub97c \ud655\uc778\ud558\uc2ed\uc2dc\uc624.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 bg-white rounded-lg shadow\">\n                    <h3 class=\"text-xl font-semibold text-stone-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-12 pt-4 border-t border-gray-200\">\n            <p class=\"text-sm text-gray-500\">\uc815\ubcf4 \ucd9c\ucc98: \uc0b0\ub9bc\uccad, \uc704\ud0a4\ubc31\uacfc, \uc11c\uc6b8\ub300\ud559\uad50\ucd9c\ud310\ubb38\ud654\uc6d0, \ub124\uc774\ubc84 \ube14\ub85c\uadf8 \ub4f1 \uc804\ubb38 \uc790\ub8cc<\/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                fruiting_body: {\n                    title: '\uc790\uc2e4\uccb4 (\ubc84\uc12f)',\n                    description: '\ubf55\ub098\ubb34\ubc84\uc12f\uc18d \uacf0\ud321\uc774\uc758 \uc790\uc2e4\uccb4(\ubc84\uc12f)\ub294 \ucd08\uac00\uc744\uc5d0 \ubcd1\ub4e0 \ub098\ubb34\uc758 \uc904\uae30 \ubc11\ub3d9\uc774\ub098 \ubfcc\ub9ac\uc5d0 \ub2e4\ubc1c\uc744 \uc9c0\uc5b4 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uafc0\uc0c9\uc744 \ub760\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc544 Honey Mushroom\uc774\ub77c\uace0\ub3c4 \ubd88\ub9bd\ub2c8\ub2e4. \uc774 \ubc84\uc12f\uc5d0\uc11c \ud3ec\uc790\uac00 \uc0dd\uc131\ub418\uc5b4 \ud655\uc0b0\ub429\ub2c8\ub2e4.',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/armillaria_fruiting_body.jpg' \n                },\n                rhizomorphs: {\n                    title: '\uadfc\uc0c1\uade0\uc0ac\ub2e4\ubc1c (Shoestrings)',\n                    description: '\ubcd1\uc6d0\uade0\uc758 \uc2e4 \ubaa8\uc591 \uade0\uc0ac \ub2e4\ubc1c\ub85c, \ubd89\uc740 \uac08\uc0c9\uc5d0\uc11c \uac80\uc740\uc0c9\uc744 \ub760\uba70, \ubfcc\ub9ac\ucc98\ub7fc \uac00\uc9c0\ub97c \uce69\ub2c8\ub2e4. \uc774 \uadfc\uc0c1\uade0\uc0ac\ub2e4\ubc1c\uc740 \ud1a0\uc591 \uc18d\uc5d0\uc11c \uac10\uc5fc\ub41c \ub098\ubb34\uc5d0\uc11c \uac74\uac15\ud55c \ub098\ubb34\ub85c \ubed7\uc5b4\uac00\uba70 \ubcd1\uc744 \ud655\uc0b0\uc2dc\ud0a4\ub294 \uc8fc\uc694 \uacbd\ub85c\uac00 \ub429\ub2c8\ub2e4. \ub545\uc18d\uc5d0\uc11c 2~4\ud53c\ud2b8\/\ub144 \uc18d\ub3c4\ub85c \uc131\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/armillaria_rhizomorphs.jpg' \n                },\n                mycelial_mat: {\n                    title: '\ubc31\ubb38\uc6b0 (\uade0\uc0ac\ub9c9)',\n                    description: '\uac10\uc5fc\ub41c \ubfcc\ub9ac\uc758 \ud45c\uba74\uc774\ub098 \uad75\uc740 \ubfcc\ub9ac\uc758 \ud45c\ud53c\ub97c \uc81c\uac70\ud588\uc744 \ub54c \ubaa9\uc9c8\ubd80\uc5d0\uc11c \ubc1c\uacac\ub418\ub294 \ud770\uc0c9\uc758 \ubd80\ucc44 \ubaa8\uc591 \uade0\uc0ac\ub9c9\uc785\ub2c8\ub2e4. \ubc84\uc12f \ub0c4\uc0c8\uac00 \ub098\uba70, \uc2dc\uac04\uc774 \uacbd\uacfc\ud558\uba74 \ud68c\uc0c9 \ub610\ub294 \uac80\uc740\uc0c9\uc73c\ub85c \ubcc0\ud558\uae30\ub3c4 \ud569\ub2c8\ub2e4.',\n                    size: '(\uc815\ubcf4 \uc5c6\uc74c)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/armillaria_mycelial_mat.jpg' \n                }\n            };\n\n            const damageData = {\n                leaf_discoloration_wilt: {\n                    title: '\uc78e \ubcc0\uc0c9 \ubc0f \uc2dc\ub4e4\uc74c',\n                    description: '\ubcd1\uc5d0 \uac78\ub9b0 \ub098\ubb34\ub294 \ubd04\ubd80\ud130 \uac00\uc744\uc5d0 \uac78\uccd0 \uc78e \uc804\uccb4\uac00 \ub204\ub807\uac8c(\ub610\ub294 \uac08\uc0c9\uc73c\ub85c) \ubcc0\uc0c9\ub418\uba74\uc11c \ucc9c\ucc9c\ud788 \ub610\ub294 \uae09\uaca9\ud788 \ub9d0\ub77c\uc8fd\uc2b5\ub2c8\ub2e4. \uce68\uc5fd\uc218\uc758 \uacbd\uc6b0 \uc78e\uc758 \ud06c\uae30\uac00 \uc791\uc544\uc9c0\uace0 \uc605\uc740 \ub179\uc0c9\uc744 \ub760\ub2e4\uac00 \uacb0\uad6d \ud0c0\ub798\ucc98\ub7fc \uaf2c\ubd80\ub77c\uc9c0\uae30\ub3c4 \ud569\ub2c8\ub2e4.',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/armillaria_leaf_wilt.jpg' \n                },\n                root_rot_resin: {\n                    title: '\ubfcc\ub9ac \uc369\uc74c \ubc0f \uc1a1\uc9c4 \uc720\ucd9c',\n                    description: '\ubcd1\ub4e0 \ub098\ubb34\uc758 \ubfcc\ub9ac\ub294 \ud770\uc0c9 \uade0\uc0ac\ub85c \uc2f8\uc5ec \ud478\uc11d\ud558\uac8c \uc369\uc73c\uba70, \ucd08\uae30\uc5d0\ub294 \uc794\ubfcc\ub9ac\uac00 \uc8fd\uace0 \uc810\ucc28 \uad75\uc740 \ubfcc\ub9ac\ub85c \ud655\ub300\ub429\ub2c8\ub2e4. \uce68\uc5fd\uc218\uc758 \uacbd\uc6b0 \ubcd1\ub4e0 \ubfcc\ub9ac\ubaa9\uacfc \uc904\uae30 \ubc11\ub3d9\uc5d0\uc11c \ub9ce\uc740 \uc591\uc758 \uc1a1\uc9c4\uc774 \ud758\ub7ec\ub098\uc640 \ud558\uc597\uac8c \uad73\ub294 \uc99d\uc0c1\uc774 \ub098\ud0c0\ub0a9\ub2c8\ub2e4.',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/armillaria_root_rot_resin.jpg' \n                },\n                basal_mushroom_growth: {\n                    title: '\uc904\uae30 \ubc11\ub3d9 \ubc84\uc12f \ubc1c\uc0dd',\n                    description: '\ucd08\uac00\uc744\uc5d0\ub294 \ubcd1\ub4e0 \ub098\ubb34\uc758 \uc904\uae30 \ubc11\ub3d9\uc774\ub098 \ubfcc\ub9ac\uc5d0\uc11c \ubcd1\uc6d0\uade0\uc758 \uc790\uc2e4\uccb4(\ubf55\ub098\ubb34\ubc84\uc12f)\uac00 \ub2e4\ubc1c\uc744 \uc9c0\uc5b4 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc774 \ubc84\uc12f\uc740 \ud3ec\uc790\ub97c \uc0dd\uc131\ud558\uc5ec \ubcd1\uc744 \ud655\uc0b0\uc2dc\ud0a4\ub294 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/armillaria_mushrooms_at_base.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                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('fruiting_body'); \/\/ 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                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('leaf_discoloration_wilt'); \/\/ 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: '\uade0\uc0ac\/\uadfc\uc0c1\uade0\uc0ac\ub2e4\ubc1c \ud65c\ub3d9 (\uc6d4\ub3d9)',\n                        data: [10, 10, 10, 8, 5, 2, 0, 0, 0, 5, 8, 10], \/\/ Year-round with lower activity in summer\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: '\ubc84\uc12f(\uc790\uc2e4\uccb4) \ubc1c\uc0dd \ucd5c\uc131\uae30',\n                        data: [0, 0, 0, 0, 0, 0, 0, 5, 10, 8, 5, 2], \/\/ Peak fall (\ucd08\uac00\uc744)\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 (\ud53c\ud574\ubaa9 \uc81c\uac70\/\ub3c4\ub791 \ud30c\uae30)',\n                        data: [0, 0, 0, 0, 0, 0, 0, 0, 12, 12, 12, 12], \/\/ Fall\/Winter for removal\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 (\uc790\uc2e4\uccb4 \uc81c\uac70)',\n                        data: [0, 0, 0, 0, 0, 0, 0, 5, 12, 12, 5, 0], \/\/ Peak fall with mushroom growth\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('\ud53c\ud574\ubaa9 \uc81c\uac70')) return ` ${context.dataset.label}: \uc5f0\uc911\/\ud2b9\ud788 \ub2a6\uac00\uc744~\uaca8\uc6b8`;\n                                        return ` ${context.dataset.label}: \ucd08\uac00\uc744`;\n                                    }\n                                    return ` ${context.dataset.label}: ${context.raw} (\ud65c\ub3d9 \ubc00\ub3c4)`;\n                                }\n                           }\n                        },\n                        title: {\n                            display: true,\n                            text: '\uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\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","protected":false},"featured_media":2670,"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":[144,181,208,147,80,195,127,105],"pest-category":[86],"pest-overwintering":[],"class_list":["post-2669","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-144","pest-target-181","pest-target-208","pest-target-147","pest-target-80","pest-target-195","pest-target-127","pest-target-105","pest-category-86"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc544\ubc00\ub77c\ub9ac\uc544.jpg",1176,661,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc544\ubc00\ub77c\ub9ac\uc544-150x150.jpg",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc544\ubc00\ub77c\ub9ac\uc544-300x169.jpg",300,169,true],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc544\ubc00\ub77c\ub9ac\uc544-768x432.jpg",768,432,true],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc544\ubc00\ub77c\ub9ac\uc544-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc544\ubc00\ub77c\ub9ac\uc544.jpg",1176,661,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc544\ubc00\ub77c\ub9ac\uc544.jpg",1176,661,false]},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1 \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ud615\ud0dc \ud53c\ud574 \uc99d\uc0c1 \uc0dd\ud65c\uc0ac \ubc29\uc81c \ubc29\ubc95 \uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1 (Armillaria spp.)\uc774\ub780? \uc544\ubc00\ub77c\ub9ac\uc544\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 \ub2f4\uc790\uade0\ub958\uc778 \ubf55\ub098\ubb34\ubc84\uc12f\uc18d(Armillaria spp.) \uacf0\ud321\uc774\uc5d0 \uc758\ud574 \ubc1c\uc0dd\ud558\ub294 [&hellip;]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/2669","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\/2670"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2669"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=2669"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=2669"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=2669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}