{"id":2873,"date":"2025-06-25T04:00:17","date_gmt":"2025-06-25T04:00:17","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?post_type=pest&#038;p=2873"},"modified":"2025-06-27T07:38:11","modified_gmt":"2025-06-27T07:38:11","slug":"%eb%b0%b0%eb%a1%b1%eb%82%98%eb%ac%b4-%ed%9d%b0%ea%b0%80%eb%a3%a8%eb%b3%91","status":"publish","type":"pest","link":"https:\/\/hstc.treecare.co.kr\/?pest=%eb%b0%b0%eb%a1%b1%eb%82%98%eb%ac%b4-%ed%9d%b0%ea%b0%80%eb%a3%a8%eb%b3%91","title":{"rendered":"\ubc30\ub871\ub098\ubb34 \ud770\uac00\ub8e8\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>\ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\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: Crape Myrtle Bloom -->\n    <!-- Application Structure Plan: The SPA for Crape Myrtle Powdery Mildew is structured into five core sections: '\uac1c\uc694' (Overview), '\ubcd1\uc6d0\uade0 \ud615\ud0dc' (Pathogen Morphology), '\ud53c\ud574 \uc99d\uc0c1' (Damage Symptoms), '\uc0dd\ud65c\uc0ac' (Lifecycle), and '\ubc29\uc81c \ubc29\ubc95' (Control Methods). This logical flow supports comprehensive understanding from identification to management. '\ubcd1\uc6d0\uade0 \ud615\ud0dc' and '\ud53c\ud574 \uc99d\uc0c1' sections use interactive elements (buttons) to highlight different pathogen forms and specific disease symptoms. '\uc0dd\ud65c\uc0ac' includes a flowchart to visualize its single-generational life cycle. '\ubc29\uc81c \ubc29\ubc95' incorporates a Chart.js visualization to illustrate optimal control timings, primarily focusing on preventative spraying in spring and early summer. -->\n    <!-- Visualization & Content Choices: \n        1. Report Info: Pathogen Morphology (Mycelium\/spores, Chasmothecia\/ascospores) -> Goal: Inform & Identify -> Viz\/Method: Interactive image gallery with buttons for '\uade0\ucd1d (\uade0\uc0ac\/\ubd84\uc0dd\ud3ec\uc790)', '\uc790\ub0ad\uad6c (\uc6d4\ub3d9\uccb4)' -> Interaction: Clicking buttons updates image and descriptive text for pathogen structures. -> Justification: Visual identification of key pathogen structures (though microscopic) helps conceptual understanding of the disease. -> Library: Vanilla JS.\n        2. Report Info: Damage Symptoms (White powdery growth, Leaf distortion, Flower\/fruit impact, Premature defoliation) -> Goal: Inform & Diagnose -> Viz\/Method: Interactive image gallery with buttons for '\uc78e \ud770 \ubc18\uc810\/\uade0\ucd1d', '\uc78e \ub4a4\ud2c0\ub9bc\/\uae30\ud615', '\uaf43\/\uc5f4\ub9e4 \ud53c\ud574', '\uc870\uae30\ub099\uc5fd' -> Interaction: Clicking buttons updates image and descriptive text. Clearly shows the progressive and varied symptoms across different plant parts. -> Justification: The complex and progressive nature of disease symptoms needs clear visual differentiation for accurate diagnosis. -> Library: Vanilla JS.\n        3. Report Info: Lifecycle (Overwintering as chasmothecia, primary infection by ascospores, secondary infection by conidia, multiple cycles) -> Goal: Organize & Show Change -> Viz\/Method: HTML\/CSS vertical flowchart -> Interaction: Static visual aid -> Justification: Visualizing the disease cycle with overwintering, primary, and secondary infection pathways is essential for understanding disease progression and identifying intervention points. -> Library: HTML\/Tailwind.\n        4. Report Info: Control Timing (Preventative spraying in early growing season, removal of infected parts) -> Goal: Inform & Guide -> Viz\/Method: Bar Chart -> Interaction: Hover tooltips -> Justification: The chart clearly illustrates the primary window for chemical intervention (preventative spraying before\/during initial infection) and the timing for physical removal, making the strategy actionable. -> 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: #831843; \/* pink-800 *\/\n            color: #fce7f3; \/* pink-50 *\/\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: #ec4899; \/* pink-500 *\/\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-pink-100\">\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-pink-100\">\ubcd1\uc6d0\uade0 \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-pink-100\">\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-pink-100\">\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-pink-100\">\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-pink-800 mb-4\">\ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1 (<i>Uncinula australiana<\/i>)\uc774\ub780?<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed\">\n                        \ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1\uc740 \uc790\ub0ad\uade0\ub958\uc778 <i>Uncinula australiana<\/i> \uacf0\ud321\uc774\uc5d0 \uc758\ud574 \ubc1c\uc0dd\ud558\ub294 \ubc30\ub871\ub098\ubb34\uc758 \ud754\ud55c \ubcd1\ud574\uc785\ub2c8\ub2e4. \uc78e, \uc0c8\uc21c, \uaf43\ubd09\uc624\ub9ac, \uc5f4\ub9e4 \ub4f1\uc5d0 \ubc00\uac00\ub8e8\ub97c \ubfcc\ub824\ub193\uc740 \ub4ef\ud55c \ud770\uc0c9 \uade0\uc0ac\uccb4\uac00 \ud2b9\uc9d5\uc801\uc73c\ub85c \ub098\ud0c0\ub098\uba70, \uac10\uc5fc\ub41c \uc78e\uc740 \ub4a4\ud2c0\ub9ac\uac70\ub098 \ub9d0\ub9ac\uace0, \uaf43\uc740 \ud53c\uc9c0 \ubabb\ud558\uac70\ub098 \uc77c\ucc0d \uc2dc\ub4e4\uac8c \ub429\ub2c8\ub2e4. \ubb18\ubaa9\uacfc \uc5b4\ub9b0 \ub098\ubb34\uc5d0 \ud2b9\ud788 \uc2ec\ud558\uac8c \ubc1c\uc0dd\ud558\uba70, \ud070 \ub098\ubb34\uc758 \uacbd\uc6b0 \uc0dd\uc721\uc5d0\ub294 \ubcc4\ub2e4\ub978 \ud53c\ud574\ub97c \uc8fc\uc9c0 \uc54a\uc73c\ub098 \ub098\ubb34\uc758 \ubbf8\uad00\uc744 \ud06c\uac8c \uc190\uc0c1\uc2dc\ud0b5\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 \ub099\uc5fd\uc774\ub098 \ubcd1\ubc18\ubd80\uc5d0\uc11c \uc790\ub0ad\uad6c(\uc790\ub0ad\uac01) \uc0c1\ud0dc \ub610\ub294 \uade0\uc0ac\uccb4 \ud615\ud0dc\ub85c \uc6d4\ub3d9<\/li>\n                        <li><strong>\ubc1c\uc0dd \ud69f\uc218:<\/strong> \uc5f0\uc911 \ubc1c\uc0dd (5\uc6d4 \uc911\uc21c \uc774\ud6c4 \uc2dc\uc791, \uc5ec\ub984~\uac00\uc744 \ucd5c\uc131\uae30)<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"p-6 bg-white rounded-lg shadow\">\n                    <h3 class=\"text-xl font-semibold text-pink-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, \uad6d\ub0b4\uc5d0\uc11c\ub3c4 \ud754\ud788 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc8fc\uc694 \uac00\ud574 \uc218\uc885\uc740 <strong>\ubc30\ub871\ub098\ubb34<\/strong>\uc785\ub2c8\ub2e4. \ud2b9\ud788 \ubc00\uc2dd\ub418\uc5b4 \ud1b5\ud48d\uc774 \ubd88\ub7c9\ud558\uac70\ub098 \uc2b5\ud558\uace0 \uadf8\ub298\uc9c4 \uacf3\uc5d0\uc11c \uc798 \ubc1c\uc0dd\ud569\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n            <\/section>\n\n            <!-- \ubcd1\uc6d0\uade0 \ud615\ud0dc Section -->\n            <section id=\"morphology\" class=\"content-section space-y-6\">\n                <div class=\"p-6 bg-white rounded-lg shadow\">\n                    <h2 class=\"text-2xl font-bold text-pink-800 mb-4\">\ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1 \ubcd1\uc6d0\uade0\uc758 \ud615\ud0dc\uc801 \ud2b9\uc9d5<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1\uc744 \uc77c\uc73c\ud0a4\ub294 \uacf0\ud321\uc774\ub294 \ud770\uc0c9 \ubd84\ub9d0 \ud615\ud0dc\uc758 \uade0\ucd1d\uacfc \uc790\ub0ad\uad6c\ub97c \ud1b5\ud574 \uad00\ucc30\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-type=\"mycelium_conidia\" 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\">\uade0\ucd1d (\uade0\uc0ac \ubc0f \ubd84\uc0dd\ud3ec\uc790)<\/button>\n                        <button data-type=\"chasmothecia\" 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\">\uc790\ub0ad\uad6c (\uc6d4\ub3d9\uccb4)<\/button>\n                        <button data-type=\"appendages\" 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\">\ubcd1\uc6d0\uade0\uc758 \ubd80\uc18d\uc0ac<\/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\/Uncinula_australiana_mycelium.jpg\" alt=\"\uade0\ucd1d (\uade0\uc0ac \ubc0f \ubd84\uc0dd\ud3ec\uc790) \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-pink-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-pink-800 mb-4\">\ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1\uc758 \uc8fc\uc694 \ud53c\ud574 \uc99d\uc0c1<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1\uc740 \uc78e, \uaf43\ubd09\uc624\ub9ac, \uc5f4\ub9e4 \ub4f1 \ub2e4\uc591\ud55c \ubd80\uc704\uc5d0 \ud2b9\uc9d5\uc801\uc778 \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_spots_growth\" 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 \ud770 \ubc18\uc810 \ubc0f \uade0\ucd1d<\/button>\n                        <button data-damage-type=\"leaf_distortion\" 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\">\uc78e \ub4a4\ud2c0\ub9bc \ubc0f \uae30\ud615<\/button>\n                        <button data-damage-type=\"flower_fruit_damage\" 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\">\uaf43\/\uc5f4\ub9e4 \ud53c\ud574<\/button>\n                        <button data-damage-type=\"premature_defoliation\" 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\">\uc870\uae30\ub099\uc5fd \ubc0f \ubbf8\uad00 \uc190\uc0c1<\/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\/Lagerstroemia_indica_powdery_mildew_leaf_spots.jpg\" alt=\"\uc78e \ud770 \ubc18\uc810 \ubc0f \uade0\ucd1d \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-pink-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-pink-800 mb-4\">\ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1\uc758 \uc0dd\ud65c\uc0ac \ubc0f \uc804\uc5fc \uacbd\ub85c<\/h2>\n                     <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1\uc740 \ubcd1\ub4e0 \ub099\uc5fd\uc774\ub098 \uac00\uc9c0, \uc218\ud53c\uc758 \ubcd1\ubc18\ubd80\uc5d0\uc11c \uc6d4\ub3d9\ud558\uba70, \uc774\ub4ec\ud574 \ubd04\uc5d0 \ud3ec\uc790\uac00 \ud615\uc131\ub418\uc5b4 \uc0c8 \uc78e\uc5d0 1\ucc28 \uac10\uc5fc\uc744 \uc77c\uc73c\ud0a4\uace0, \uc774\ud6c4 \ubd84\uc0dd\ud3ec\uc790\uc5d0 \uc758\ud574 2\ucc28 \uc804\uc5fc\uc774 \ubc18\ubcf5\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 (\uc790\ub0ad\uad6c \ub610\ub294 \uade0\uc0ac)<\/p><p class=\"text-sm\">\ubcd1\ub4e0 \ub099\uc5fd\uc758 \ud770\uac00\ub8e8 \ubcd1\ubc18 \uc704 \uc790\ub0ad\uad6c(\uc790\ub0ad\uac01) \ub610\ub294 \uac00\uc9c0\/\uc218\ud53c \ubcd1\ubc18\ubd80 \uade0\uc0ac \ud615\ud0dc\ub85c \uaca8\uc6b8\uc744 \ubcf4\ub0c4<\/p>\n                        <\/div>\n                        <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                        <div class=\"w-full max-w-md text-center p-3 bg-green-100 rounded-lg\">\n                            <p class=\"font-semibold\">2. 1\ucc28 \uac10\uc5fc (\uc774\ub4ec\ud574 \ubd04)<\/p><p class=\"text-sm\">\uc6d4\ub3d9\ud55c \ubcd1\uc6d0\uade0\uc5d0\uc11c \uc790\ub0ad\ud3ec\uc790 \ubc29\ucd9c. \ubc14\ub78c\uc5d0 \ub0a0\ub824 \uc0c8 \uc78e\uc5d0 \uc804\ud30c\ub418\uc5b4 1\ucc28 \uac10\uc5fc<\/p>\n                        <\/div>\n                        <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                        <div class=\"w-full max-w-md text-center p-3 bg-yellow-100 rounded-lg\">\n                            <p class=\"font-semibold\">3. \ubcd1\uc9d5 \ubc1c\ud604 \ubc0f \ubd84\uc0dd\ud3ec\uc790 \ud615\uc131 (5\uc6d4 \uc911\uc21c \uc774\ud6c4)<\/p><p class=\"text-sm\">\uc78e\uacfc \uc0c8\uc21c\uc5d0 \ud770 \ubc18\uc810(\uade0\ucd1d) \ubc1c\uc0dd. \ubcd1\ubc18 \uc704\uc5d0 \ubd84\uc0dd\ud3ec\uc790 \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-orange-100 rounded-lg\">\n                            <p class=\"font-semibold\">4. 2\ucc28 \uac10\uc5fc \ubc0f \ud655\uc0b0 (\uc5ec\ub984~\uac00\uc744 \ucd5c\uc131\uae30)<\/p><p class=\"text-sm\">\ubd84\uc0dd\ud3ec\uc790\uac00 \ube57\ubb3c, \ubc14\ub78c\uc5d0 \uc758\ud574 \uc9c0\uc18d \uc804\ud30c. \uaf43\ubd09\uc624\ub9ac, \uc5f4\ub9e4 \ub4f1\uc73c\ub85c \ud655\uc0b0. \uace0\uc628 \ub2e4\uc2b5, \uadf8\ub298, \ubc00\uc2dd \ud658\uacbd\uc5d0\uc11c \ubcd1 \ubc1c\uc0dd \uc2ec\ud568<\/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. \uc790\ub0ad\uad6c \ud615\uc131 \ubc0f \uc6d4\ub3d9 \uc900\ube44 (9\uc6d4 \ub9d0 ~ 10\uc6d4)<\/p><p class=\"text-sm\">\uc78e\uc758 \ud68c\ubc31\uc0c9 \ubcd1\ubc18 \uc704\uc5d0 \ud751\uc0c9 \ubbf8\uc138 \uc54c\uac31\uc774(\uc790\ub0ad\uad6c) \ub2e4\uc218 \ub098\ud0c0\ub098 \uc6d4\ub3d9 \uc900\ube44<\/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-pink-800 mb-4\">\ud6a8\uacfc\uc801\uc778 \ubc29\uc81c \ubc29\ubc95<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1\uc740 \uc608\ubc29\uacfc \ucca0\uc800\ud55c \ud658\uacbd \uad00\ub9ac\uac00 \uc911\uc694\ud569\ub2c8\ub2e4. \ubc1c\ubcd1 \uc804, \ub610\ub294 \ucd08\uae30 \ubcd1\uc9d5 \ubc1c\uacac \uc2dc \ubc29\uc81c\ud558\ub294 \uac83\uc774 \uac00\uc7a5 \ud6a8\uacfc\uc801\uc785\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"space-y-4\">\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 \ud654\ud559\uc801 \ubc29\uc81c (\uc608\ubc29\uc801 \uc0b4\ud3ec)<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\uc0b4\ud3ec \uc2dc\uae30:<\/strong> \uc78e\uc774 \ud3b4\uc9c0\ub294 \uc2dc\uae30\uc778 <strong>5\uc6d4 \uc0c1\uc21c\ubd80\ud130 \uc7a5\ub9c8\uae30 \uc804\uae4c\uc9c0<\/strong> 10\uc77c \uac04\uaca9\uc73c\ub85c 2~3\ud68c \uc608\ubc29\uc801\uc73c\ub85c \uc0b4\ud3ec\ud569\ub2c8\ub2e4. \ubc1c\ubcd1 \ucd08\uae30(5~6\uc6d4)\uc5d0 \uc911\uc810\uc801\uc73c\ub85c \uc0b4\ud3ec\ud558\uba70, \ubc1c\uc0dd\uc774 \uc2ec\ud55c \uacbd\uc6b0 \uac00\uc744\uae4c\uc9c0 \uc815\uae30\uc801\uc73c\ub85c \uc0b4\ud3ec\ub97c \uace0\ub824\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc57d\uc81c \uc885\ub958 (\uc608\uc2dc):<\/strong> \ub9c8\uc774\ud074\ub85c\ubdf0\ud0c0\ub2d0 \uc218\ud654\uc81c 1,500\ubc30\uc561, \ubc14\ub9ac\ud1a4 \uc218\ud654\uc81c, \uc9c0\uc624\ud310 \uc218\ud654\uc81c \ub4f1 \ud770\uac00\ub8e8\ubcd1 \uc801\uc6a9 \uc0b4\uade0\uc81c.<\/li>\n                                 <li><strong>\uc815\ubcf4 \ud655\uc778:<\/strong> \ub18d\uc57d\uc548\uc804\uc815\ubcf4\uc2dc\uc2a4\ud15c(psis.rda.go.kr)\uc5d0\uc11c \ubc30\ub871\ub098\ubb34 \ubc0f \ud770\uac00\ub8e8\ubcd1\uc5d0 \ub4f1\ub85d\ub41c \uc57d\uc81c\ub97c \ud655\uc778\ud558\uc5ec \uc0ac\uc6a9\ud558\uc2ed\uc2dc\uc624.<\/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 \ubb3c\ub9ac\uc801 \ubc29\uc81c<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\ubcd1\ub4e0 \uc78e\/\uac00\uc9c0 \uc81c\uac70:<\/strong> \uac00\uc744\ucca0 \ubcd1\ub4e0 \ub099\uc5fd, \uac00\uc9c0, \uc5b4\ub9b0 \uac00\uc9c0\uc758 \uc6c0(\uc0c8\uc21c)\uc744 \ubaa8\uc544 \ud0dc\uc6b0\uac70\ub098 \ub545\uc5d0 \uae4a\uc774 \ubb3b\uc5b4 \ubcd1\uc6d0\uade0\uc758 \uc6d4\ub3d9\ucc98 \ubc0f \uc804\uc5fc\uc6d0\uc744 \uc81c\uac70\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\ubb3c\ubfcc\ub9ac\uae30:<\/strong> \ubb3c\uc740 \ud770\uac00\ub8e8\ubcd1 \ud3ec\uc790 \ubc1c\uc544\ub97c \uc5b5\uc81c\ud558\uace0 \uc8fd\uc774\ubbc0\ub85c, \uc78e\uc5d0 \ubb3c\uc744 \ubfcc\ub824 \ud3ec\uc790\ub97c \uc53b\uc5b4\ub0b4\ub294 \uac83\ub3c4 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4 (\uc624\uc804 \uc911 \uc2e4\uc2dc\ud558\uc5ec \uc78e\uc774 \ube68\ub9ac \ub9c8\ub974\ub3c4\ub85d \ud568).<\/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 \uacbd\uc885\uc801 \ubc29\uc81c \ubc0f \ud658\uacbd \uad00\ub9ac<\/h3>\n                            <ul class=\"list-disc list-inside text-gray-700\">\n                                <li><strong>\ud1b5\ud48d\/\uc77c\uc870\ub7c9 \uac1c\uc120:<\/strong> \ubc00\uc2dd\uc744 \ud53c\ud558\uace0, \uc801\uc808\ud55c \uac00\uc9c0\uce58\uae30\ub85c \uc218\uad00 \ub0b4\ubd80\uc758 \ud1b5\ud48d\uacfc \uc77c\uc870\ub7c9\uc744 \uac1c\uc120\ud569\ub2c8\ub2e4. \uadf8\ub298\uc9c0\uace0 \uc2b5\ud55c \ud658\uacbd, \uacf5\uae30 \uc21c\ud658\uc774 \ubd88\ub7c9\ud55c \uacf3\uc744 \ud53c\ud569\ub2c8\ub2e4.<\/li>\n                                <li><strong>\uc218\uc138 \uc99d\uc9c4:<\/strong> \uc2dc\ube44, \uad00\uc218 \ub4f1\uc744 \ud1b5\ud574 \ub098\ubb34\ub97c \uac74\uac15\ud558\uac8c \uad00\ub9ac\ud558\uc5ec \ubcd1\uc5d0 \ub300\ud55c \uc800\ud56d\ub825\uc744 \ub192\uc785\ub2c8\ub2e4.<\/li>\n                                <li><strong>\ubc30\uc218 \uad00\ub9ac:<\/strong> \uacfc\uc2b5\ud55c \ud658\uacbd\uc5d0\uc11c \ubcd1 \ubc1c\uc0dd\uc774 \uc2ec\ud558\ubbc0\ub85c, \ubc30\uc218 \ubd88\ub7c9\uc9c0\ub97c \uac1c\uc120\ud558\uace0 \ubb3c\uc774 \uace0\uc774\uc9c0 \uc54a\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 bg-white rounded-lg shadow\">\n                    <h3 class=\"text-xl font-semibold text-pink-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: \ub18d\uc0ac\ub85c, \uad6d\uc81c\uc2e0\ubb38, UC IPM, Bartlett Tree Experts \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                mycelium_conidia: {\n                    title: '\uade0\ucd1d (\uade0\uc0ac \ubc0f \ubd84\uc0dd\ud3ec\uc790)',\n                    description: '\uc78e \ud45c\uba74\uacfc \uc0c8\uc21c\uc5d0 \ucc98\uc74c \ub098\ud0c0\ub098\ub294 \uc791\uace0 \ud770 \ubc18\uc810 \ubaa8\uc591\uc758 \uade0\uc0ac \ub369\uc5b4\ub9ac\uc785\ub2c8\ub2e4. \uc810\ucc28 \ud655\ub300\ub418\uc5b4 \uc78e\uacfc \uc0c8\uc21c \uc804\uccb4\ub97c \ubc00\uac00\ub8e8\ub97c \ubfcc\ub824\ub193\uc740 \uac83\ucc98\ub7fc \ud558\uc597\uac8c \ub4a4\ub36e\uc2b5\ub2c8\ub2e4. \ubcd1\uc6d0\uade0\uc758 \uade0\uc0ac\uc640 \ubd84\uc0dd\ud3ec\uc790\uc758 \ubb34\ub9ac\uc785\ub2c8\ub2e4.',\n                    size: '(\uc815\ubcf4 \uc5c6\uc74c)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Lagerstroemia_indica_powdery_mildew_mycelium.jpg'\n                },\n                chasmothecia: {\n                    title: '\uc790\ub0ad\uad6c (\uc6d4\ub3d9\uccb4)',\n                    description: '\uac00\uc744(9\uc6d4 \ub9d0~10\uc6d4)\uc774 \ub418\uba74 \uc78e\uc758 \ud68c\ubc31\uc0c9 \ubcd1\ubc18 \uc704\uc5d0 \ub2e4\uc218 \ub098\ud0c0\ub098\ub294 \uc791\uace0 \ub465\uadfc \uac80\uc740 \uc54c\uac31\uc774\uc785\ub2c8\ub2e4. \ubcd1\uc6d0\uade0\uc758 \uc720\uc131 \ud3ec\uc790\ub97c \ub2f4\uace0 \uc788\ub294 \uc790\ub0ad\uac01\uc774 \ubaa8\uc778 \ud615\ud0dc\ub85c, \uc774 \uc0c1\ud0dc\ub85c \ubcd1\ub4e0 \ub099\uc5fd \uc704\uc5d0\uc11c \uaca8\uc6b8\uc744 \ub098\uba70 1\ucc28 \uac10\uc5fc\uc6d0\uc774 \ub429\ub2c8\ub2e4.',\n                    size: '(\uc815\ubcf4 \uc5c6\uc74c)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Lagerstroemia_indica_powdery_mildew_chasmothecia.jpg' \n                },\n                appendages: {\n                    title: '\ubcd1\uc6d0\uade0\uc758 \ubd80\uc18d\uc0ac',\n                    description: '\uc790\ub0ad\uad6c \ud45c\uba74\uc5d0 \ubed7\uc5b4 \uc788\ub294 \uc2e4 \ubaa8\uc591\uc758 \ubd80\uc18d\uc0ac(appendages)\ub294 \uacf0\ud321\uc774 \uc885\uc758 \ud2b9\uc9d5\uc801\uc778 \ud615\ud0dc \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. \uc774 \ubd80\uc18d\uc0ac\uc758 \ubaa8\uc591\uc5d0 \ub530\ub77c \uc885\uc744 \ubd84\ub958\ud558\uae30\ub3c4 \ud569\ub2c8\ub2e4.',\n                    size: '(\uc815\ubcf4 \uc5c6\uc74c)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Lagerstroemia_indica_powdery_mildew_appendages.jpg'\n                }\n            };\n\n            const damageData = {\n                leaf_spots_growth: {\n                    title: '\uc78e \ud770 \ubc18\uc810 \ubc0f \uade0\ucd1d',\n                    description: '5\uc6d4 \uc911\uc21c \uc774\ud6c4 \uc78e\uc5d0 \uc791\uace0 \ud770 \ubc18\uc810 \ubaa8\uc591\uc758 \uade0\ucd1d(\uade0\uc0ac\uc640 \ubd84\uc0dd\ud3ec\uc790\uc758 \ubb34\ub9ac)\uc774 \ub098\ud0c0\ub098\uae30 \uc2dc\uc791\ud569\ub2c8\ub2e4. \uc774 \ubc18\uc810\ub4e4\uc740 \uc810\ucc28 \ucee4\uc9c0\uba74\uc11c \uc78e\uc758 \ud45c\uba74 \uc804\uccb4\ub97c \ud558\uc597\uac8c \ub4a4\ub36e\uc2b5\ub2c8\ub2e4. (\uc131\uc219\ud55c \uc78e\uc758 \ubcd1\uc9d5 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Lagerstroemia_indica_powdery_mildew_leaf_spots.jpg' \n                },\n                leaf_distortion: {\n                    title: '\uc78e \ub4a4\ud2c0\ub9bc \ubc0f \uae30\ud615',\n                    description: '\uc78e \ud45c\uba74\uc774 \ud770 \uade0\uc0ac\uccb4\ub85c \ub4a4\ub36e\uc774\uba74 \uc78e\uc774 \uc704\ub85c \ub9d0\ub9ac\uace0 \ub4a4\ud2c0\ub9ac\uba74\uc11c \ubaa8\uc591\uc774 \uc77c\uadf8\ub7ec\uc9d1\ub2c8\ub2e4. \uc0c8\uc78e\uc5d0\uc11c\ub3c4 \uc774\ub7ec\ud55c \uae30\ud615 \uc99d\uc0c1\uc774 \ub098\ud0c0\ub098 \uc0dd\uc7a5\uc744 \ubc29\ud574\ud569\ub2c8\ub2e4. (\uc0c8\uc78e\uc774 \ub4a4\ud2c0\ub9ac\uac70\ub098 \ub9d0\ub9ac\ub294 \uc99d\uc0c1 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Lagerstroemia_indica_powdery_mildew_leaf_distortion.jpg' \n                },\n                flower_fruit_damage: {\n                    title: '\uaf43\/\uc5f4\ub9e4 \ud53c\ud574',\n                    description: '\uc5ec\ub984 \uc774\ud6c4 \ud770\uac00\ub8e8\ubcd1\uade0\uc774 \uaf43\ubd09\uc624\ub9ac\ub098 \uc5f4\ub9e4\ub85c \ud655\uc0b0\ub418\uc5b4 \ub4a4\ub36e\uc2b5\ub2c8\ub2e4. \uaf43\ubd09\uc624\ub9ac\uac00 \ud558\uc597\uac8c \ub4a4\ub36e\uc774\uba74 \uaf43\uc774 \uc798 \ud53c\uc9c0 \ubabb\ud558\uace0 \ub5a8\uc5b4\uc9c0\uba70, \uac1c\ud654\ub41c \uaf43\uc758 \uaf43\ubc1b\uce68\uc5d0 \ubc1c\uc0dd\ud558\uba74 \uaf43\uc774 \uc77c\ucc0d \uc2dc\ub4e4\uc5b4\ubc84\ub9bd\ub2c8\ub2e4. (\uaf43\uc774 \uac10\uc5fc\ub418\uc5b4 \uaf43\uc774 \ud53c\uc9c0 \ubabb\ud558\ub294 \uc911\uc2ec \/ \uaf43\uc774 \uac10\uc5fc\ub418\uc5b4 \uc77c\ucc0d \uc2dc\ub4e4\uc5b4\ubc84\ub9ac\ub294 \uc99d\uc0c1 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Lagerstroemia_indica_powdery_mildew_flower_damage.jpg' \n                },\n                premature_defoliation: {\n                    title: '\uc870\uae30\ub099\uc5fd \ubc0f \ubbf8\uad00 \uc190\uc0c1',\n                    description: '\uc2ec\ud558\uac8c \ubcd1\ub4e0 \uc78e\uc740 \ubc18\uc810\uc774 \uc11c\ub85c \ud569\uccd0\uc838 \uc9c0\uc800\ubd84\ud558\uac8c \ubcf4\uc774\uace0 \ud751\uac08\uc0c9\uc73c\ub85c \ubcc0\ud558\uba74\uc11c \uc77c\ucc0d \ub5a8\uc5b4\uc9c0\ub294 \uc870\uae30\ub099\uc5fd\uc774 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc774\ub294 \ub098\ubb34\uc758 \ubbf8\uad00\uc744 \ud06c\uac8c \uc190\uc0c1\uc2dc\ud0b5\ub2c8\ub2e4. (\uc870\uae30\ub099\uc5fd \ubc0f \uc218\uc138 \uc57d\ud654 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Lagerstroemia_indica_powdery_mildew_premature_defoliation.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('mycelium_conidia'); \/\/ 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_spots_growth'); \/\/ 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: ['4\uc6d4', '5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4'],\n                    datasets: [{\n                        label: '\ud3ec\uc790 \ud615\uc131 \ubc0f 1\ucc28 \uac10\uc5fc',\n                        data: [5, 10, 8, 2, 0, 0, 0], \/\/ Peak April-May\n                        backgroundColor: 'rgba(6, 150, 105, 0.6)', \/* emerald-600 *\/\n                        borderColor: 'rgba(6, 150, 105, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '2\ucc28 \uac10\uc5fc \ubc0f \ud655\uc0b0 (\ud53c\ud574 \ucd5c\uc131\uae30)',\n                        data: [0, 2, 8, 10, 8, 5, 2], \/\/ Peak July-Aug\n                        backgroundColor: 'rgba(234, 88, 12, 0.6)', \/* orange-600 *\/\n                        borderColor: 'rgba(234, 88, 12, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '\ubc29\uc81c \ucd94\ucc9c \uae30\uac04 (\uc608\ubc29\uc801 \uc0b4\ud3ec)',\n                        data: [0, 12, 12, 0, 0, 0, 0], \/\/ May-June\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 (\ud53c\ud574 \ud655\uc0b0\uae30 \ucd94\uac00 \uc0b4\ud3ec)',\n                        data: [0, 0, 0, 0, 12, 12, 0], \/\/ August-September\n                        type: 'line',\n                        fill: true,\n                        backgroundColor: 'rgba(101, 163, 13, 0.2)', \/* lime-600 with transparency *\/\n                        borderColor: 'rgba(101, 163, 13, 1)',\n                        pointRadius: 0,\n                        yAxisID: 'y1'\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    plugins: {\n                        legend: {\n                           display: true,\n                           position: 'top',\n                           labels: {\n                               usePointStyle: false,\n                           }\n                        },\n                        tooltip: {\n                           mode: 'index',\n                           intersect: false,\n                           callbacks: {\n                                label: function(context) {\n                                    if (context.dataset.label.includes('\ubc29\uc81c \ucd94\ucc9c \uae30\uac04')) {\n                                        if (context.dataset.label.includes('\uc608\ubc29\uc801')) return ` ${context.dataset.label}: 5\uc6d4 \uc0c1\uc21c ~ \uc7a5\ub9c8\uae30 \uc804`;\n                                        return ` ${context.dataset.label}: 8\uc6d4 ~ 9\uc6d4`;\n                                    }\n                                    return ` ${context.dataset.label}: ${context.raw} (\ud65c\ub3d9 \ubc00\ub3c4)`;\n                                }\n                           }\n                        },\n                        title: {\n                            display: true,\n                            text: '\ubc84\uc998\ub098\ubb34\ud0c4\uc800\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<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\"><\/figure>\n","protected":false},"featured_media":3049,"template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"pest-target":[224],"pest-category":[86],"pest-overwintering":[217],"class_list":["post-2873","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-224","pest-category-86","pest-overwintering-217"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc0ac\ubcf8-IMG_3113.jpg",763,653,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc0ac\ubcf8-IMG_3113-150x150.jpg",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc0ac\ubcf8-IMG_3113-300x257.jpg",300,257,true],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc0ac\ubcf8-IMG_3113.jpg",763,653,false],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc0ac\ubcf8-IMG_3113.jpg",763,653,false],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc0ac\ubcf8-IMG_3113.jpg",763,653,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\uc0ac\ubcf8-IMG_3113.jpg",763,653,false]},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1 \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ubcd1\uc6d0\uade0 \ud615\ud0dc \ud53c\ud574 \uc99d\uc0c1 \uc0dd\ud65c\uc0ac \ubc29\uc81c \ubc29\ubc95 \ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1 (Uncinula australiana)\uc774\ub780? \ubc30\ub871\ub098\ubb34\ud770\uac00\ub8e8\ubcd1\uc740 \uc790\ub0ad\uade0\ub958\uc778 Uncinula australiana \uacf0\ud321\uc774\uc5d0 \uc758\ud574 [&hellip;]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/2873","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\/3049"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2873"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=2873"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=2873"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=2873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}