{"id":2583,"date":"2025-06-22T15:53:52","date_gmt":"2025-06-22T15:53:52","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?post_type=pest&#038;p=2583"},"modified":"2025-06-22T15:53:53","modified_gmt":"2025-06-22T15:53:53","slug":"%eb%b2%9a%eb%82%98%eb%ac%b4%eb%aa%a8%ec%8b%9c%eb%82%98%eb%b0%a9","status":"publish","type":"pest","link":"https:\/\/hstc.treecare.co.kr\/?pest=%eb%b2%9a%eb%82%98%eb%ac%b4%eb%aa%a8%ec%8b%9c%eb%82%98%eb%b0%a9","title":{"rendered":"\ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29"},"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>\ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29 \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: Cherry Blossom & Autumn Leaf -->\n    <!-- Application Structure Plan: The SPA for Cherry Tree Moth 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 pest forms and specific damage types. '\uc0dd\ud65c\uc0ac' includes a flowchart to visualize its single-generational life cycle with detailed timings. '\ubc29\uc81c \ubc29\ubc95' incorporates a Chart.js visualization to illustrate optimal control timings, primarily targeting young larvae based on adult emergence. -->\n    <!-- Visualization & Content Choices: \n        1. Report Info: Pest Morphology (Adult, Larva, Pupa, Egg) -> Goal: Inform & Identify -> Viz\/Method: Interactive image gallery with buttons for '\uc131\ucda9', '\uc720\ucda9', '\ubc88\ub370\uae30\/\uace0\uce58', '\uc54c' -> Interaction: Clicking buttons updates image and descriptive text for each form. Includes distinct adult wingspan and larval markings. -> Justification: Visual identification of each distinct life stage is crucial for accurate pest recognition and management. -> Library: Vanilla JS.\n        2. Report Info: Damage Types (Leaf chewing - various stages, Defoliation, No tree mortality) -> Goal: Inform & Diagnose -> Viz\/Method: Interactive image gallery with buttons for '\uc5b4\ub9b0 \uc720\ucda9 \uc12d\uc2dd', '\uc911\/\ub178\uc219 \uc720\ucda9 \uc12d\uc2dd', '\uc2ec\ud55c \ud0c8\uc5fd' -> Interaction: Clicking buttons updates image and descriptive text. Highlights progressive leaf damage and overall impact. -> Justification: The phased leaf consumption requires a detailed interactive display for clear understanding of the damage progression. -> Library: Vanilla JS.\n        3. Report Info: Lifecycle (Larva overwintering, 1 generation\/year, specific timings for each stage) -> Goal: Organize & Show Change -> Viz\/Method: HTML\/CSS vertical flowchart -> Interaction: Static visual aid -> Justification: Visualizing the single-generational lifecycle with precise timings for each stage (overwintering, larval activity, pupation, adult emergence, egg laying) is essential for effective timing of control measures. -> Library: HTML\/Tailwind.\n        4. Report Info: Chemical Control Timing (Targeting young larvae in spring, emphasis on physical control due to varied recommendations on registered pesticides) -> Goal: Inform & Guide -> Viz\/Method: Bar Chart -> Interaction: Hover tooltips -> Justification: The chart clearly illustrates the primary window for chemical intervention (early larval stage), while acknowledging that physical control methods are often prioritized due to limited specific pesticide registrations. -> 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: #be123c; \/* rose-700 *\/\n            color: #fff1f2; \/* rose-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: #fb7185; \/* rose-400 *\/\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-rose-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-rose-100\">\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-rose-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-rose-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-rose-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-rose-800 mb-4\">\ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29 (<i>Elcysma westwoodi<\/i>)\uc774\ub780?<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed\">\n                        \ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29\uc740 \ub098\ube44\ubaa9 \uc54c\ub77d\ub098\ubc29\uacfc\uc5d0 \uc18d\ud558\ub294 \uace4\ucda9\uc73c\ub85c, \ubc9a\ub098\ubb34\ub958\ub97c \ube44\ub86f\ud55c \ub2e4\uc591\ud55c \uc7a5\ubbf8\uacfc \uc2dd\ubb3c\uc758 \uc78e\uc744 \uac09\uc544\uba39\ub294 \uc2dd\uc5fd\uc131 \ud574\ucda9\uc785\ub2c8\ub2e4. \uc720\ucda9\uc774 \uc78e\uc744 \uac00\ud574\ud558\uba70 \ub54c\ub85c\ub294 \ub3cc\ubc1c\uc801\uc73c\ub85c \ub300\ubc1c\uc0dd\ud558\uc5ec \ud070 \ud53c\ud574\ub97c \uc8fc\uae30\ub3c4 \ud569\ub2c8\ub2e4. \uc131\ucda9\uc740 \ube44\uad50\uc801 \uc544\ub984\ub2e4\uc6b4 \uc790\ud0dc\ub97c \uc9c0\ub2cc \ub098\ubc29\uc73c\ub85c, \ub0ae\uc5d0 \ud65c\ub3d9\ud558\ub098 \ubc24\uc5d0\ub294 \ubd88\ube5b\uc5d0\ub3c4 \ubaa8\uc774\uba70 \uad50\ubbf8 \uc804 \uc774\ub978 \uc544\uce68\uc5d0 \uc218\uc2ed \ub9c8\ub9ac\uac00 \uad70\ubb34\ud558\ub294 \ubaa8\uc2b5\uc774 \uc7a5\uad00\uc744 \uc774\ub8f9\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> \uc5b4\ub9b0 \uc720\ucda9 (\uc9c0\ud53c\ubb3c\uc774\ub098 \ub099\uc5fd \ubc11\uc5d0\uc11c \uc9d1\ub2e8 \uc6d4\ub3d9)<\/li>\n                        <li><strong>\ubc1c\uc0dd \ud69f\uc218:<\/strong> \uc5f0 1\ud68c (\uc6b0\ud654\ub294 8\uc6d4 \uc911\uc21c~10\uc6d4\uc5d0 \uac78\uccd0 \ub098\ud0c0\ub0a8)<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"p-6 bg-white rounded-lg shadow\">\n                    <h3 class=\"text-xl font-semibold text-rose-800 mb-3\">\ubd84\ud3ec \ubc0f \uc8fc\uc694 \uac00\ud574 \uc218\uc885<\/h3>\n                    <p class=\"text-gray-700 mb-4\">\n                        \ud55c\uad6d, \uc77c\ubcf8, \uc911\uad6d, \ub7ec\uc2dc\uc544 \ub4f1 \uad11\ubc94\uc704\ud55c \uc9c0\uc5ed\uc5d0 \ubd84\ud3ec\ud569\ub2c8\ub2e4. \uc8fc\uc694 \uae30\uc8fc\uc2dd\ubb3c\uc740 <strong>\ubc9a\ub098\ubb34\ub958, \uc790\ub450\ub098\ubb34, \ubcf5\uc22d\uc544\ub098\ubb34, \uc0ac\uacfc\ub098\ubb34, \uc0b4\uad6c\ub098\ubb34, \ub9e4\uc2e4\ub098\ubb34<\/strong> \ub4f1 \uc7a5\ubbf8\uacfc \uc2dd\ubb3c\uc785\ub2c8\ub2e4. \ud2b9\ud788 \ubc9a\ub098\ubb34 \uac00\ub85c\uc218\uc5d0\uc11c \ud53c\ud574\uac00 \uc790\uc8fc \ubaa9\uaca9\ub429\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-rose-800 mb-4\">\ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29\uc758 \ud615\ud0dc\uc801 \ud2b9\uc9d5<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29\uc740 \uc131\ucda9, \uc720\ucda9, \ubc88\ub370\uae30, \uc54c \ub4f1 \uac01 \ubc1c\uc721 \ub2e8\uacc4\ub9c8\ub2e4 \ud2b9\uc9d5\uc801\uc778 \ud615\ud0dc\ub97c \uac00\uc9d1\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-type=\"adult\" 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\">\uc131\ucda9<\/button>\n                        <button data-type=\"larva\" 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\">\uc720\ucda9<\/button>\n                        <button data-type=\"pupa_cocoon\" 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\">\ubc88\ub370\uae30 \/ \uace0\uce58<\/button>\n                        <button data-type=\"egg\" 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\">\uc54c<\/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\/Elcysma_westwoodi_adult.jpg\" alt=\"\ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29 \uc131\ucda9 \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-rose-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-rose-800 mb-4\">\ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29\uc758 \uc8fc\uc694 \ud53c\ud574 \uc99d\uc0c1<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29 \uc720\ucda9\uc740 \uc7a5\ubbf8\uacfc \uc2dd\ubb3c\uc758 \uc78e\uc744 \uac09\uc544\uba39\ub294 \uc2dd\ud574\uc131 \ud53c\ud574\ub97c \uc720\ubc1c\ud558\uba70, \ub300\ubc1c\uc0dd \uc2dc \uc2ec\uac01\ud55c \ud0c8\uc5fd\uc744 \ucd08\ub798\ud569\ub2c8\ub2e4. \ud53c\ud574\ub97c \ubc1b\uc544\ub3c4 \ub098\ubb34\uac00 \uace0\uc0ac\ud558\ub294 \uacbd\uc6b0\ub294 \uadf9\ud788 \ub4dc\ubb3c\uace0, \ud53c\ud574 \ud6c4 \uc57d 15\uc77c \uc815\ub3c4 \uc9c0\ub098\uba74 \uc0c8\uc78e\uc774 \ub2e4\uc2dc \ub3cb\uc544\ub098\ub294 \ud2b9\uc131\uc774 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-damage-type=\"young_larva_feeding\" 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\">\uc5b4\ub9b0 \uc720\ucda9 \uc12d\uc2dd<\/button>\n                        <button data-damage-type=\"mid_old_larva_feeding\" 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\">\uc911\/\ub178\uc219 \uc720\ucda9 \uc12d\uc2dd<\/button>\n                        <button data-damage-type=\"severe_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\">\uc2ec\ud55c \ud0c8\uc5fd<\/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\/Elcysma_westwoodi_young_larva_damage.jpg\" alt=\"\ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29 \ud53c\ud574 \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-rose-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-rose-800 mb-4\">\ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29\uc758 \uc0dd\ud65c\uc0ac (\uc5f0 1\ud68c \ubc1c\uc0dd)<\/h2>\n                     <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29\uc740 1\ub144\uc5d0 1\uc138\ub300 \ubc1c\uc0dd\ud558\uba70, \uc5b4\ub9b0 \uc720\ucda9 \uc0c1\ud0dc\ub85c \uc9c0\ud53c\ubb3c\uc774\ub098 \ub099\uc5fd \ubc11\uc5d0\uc11c \uc9d1\ub2e8\uc73c\ub85c \ubaa8\uc5ec \uc6d4\ub3d9\ud569\ub2c8\ub2e4. \uc6b0\ud654\uae4c\uc9c0 \uc57d 100~120\uc77c\uc774 \uc18c\uc694\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 (\uc5b4\ub9b0 \uc720\ucda9)<\/p><p class=\"text-sm\">\uc9c0\ud53c\ubb3c\uc774\ub098 \ub099\uc5fd \ubc11\uc5d0\uc11c \uc9d1\ub2e8\uc73c\ub85c \ubaa8\uc5ec \uc5b4\ub9b0 \uc720\ucda9 \uc0c1\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. \uc6d4\ub3d9 \uc720\ucda9 \ud65c\ub3d9 \uc2dc\uc791 (4\uc6d4\uacbd\ubd80\ud130)<\/p><p class=\"text-sm\">\uc6d4\ub3d9\uc744 \ub05d\ub0b8 \uc720\ucda9\uc774 \ud65c\ub3d9\uc744 \uc2dc\uc791\ud558\uc5ec \uc78e\uc744 \uac00\ud574<\/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. \uc720\ucda9 \ub178\uc219 (6\uc6d4 \uc911\u00b7\ud558\uc21c)<\/p><p class=\"text-sm\">\uc5b4\ub9b0 \uc720\ucda9\uc774 \uc131\uc7a5\ud558\uc5ec \ub2e4 \uc790\ub780 \uc720\ucda9\uc774 \ub428 (\ubab8\uae38\uc774 \uc57d 30mm)<\/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. \ubc88\ub370\uae30\ud654 (\uc804\uc6a9 \uae30\uac04 50\uc77c \uc815\ub3c4)<\/p><p class=\"text-sm\">\ub2e4 \uc790\ub780 \uc720\ucda9\uc774 \uc78e\uc744 \ub4b7\uba74\uc73c\ub85c \ub9d0\uace0 \uc554\uac08\uc0c9\uc758 \ub2e8\ub2e8\ud55c \uace0\uce58\ub97c \ub9cc\ub4e4\uc5b4 \uadf8 \uc18d\uc5d0\uc11c \ubc88\ub370\uae30\uac00 \ub428<\/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. \uc131\ucda9 \uc6b0\ud654 \ubc0f \ud65c\ub3d9 (8\uc6d4 \uc911\uc21c ~ 10\uc6d4)<\/p><p class=\"text-sm\">\ubc88\ub370\uae30\uc5d0\uc11c \uc131\ucda9\uc774 \uc6b0\ud654\ud558\uc5ec \ub098\ud0c0\ub0a8. \ub0ae\uc5d0 \ud65c\ub3d9\ud558\uba70 \ubc24\uc5d0\ub3c4 \ubd88\ube5b\uc5d0 \ubaa8\uc784<\/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 rounded-lg\">\n                            <p class=\"font-semibold\">6. \uc0b0\ub780 (9\uc6d4 ~ 10\uc6d4)<\/p><p class=\"text-sm\">\uc131\ucda9\uc774 \uc218\ud53c\ub098 \uc78e \ub4b7\uba74\uc5d0 \uc218\uac1c~20\uc5ec\uac1c\uc529 \uc54c\uc744 \ub0b3\uc74c (\ud3c9\uade0 \uc0b0\ub780\uc218 110\uac1c, \ub09c \uae30\uac04 2\uc8fc)<\/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-200 rounded-lg\">\n                            <p class=\"font-semibold\">7. \uc5b4\ub9b0 \uc720\ucda9 \uc6d4\ub3d9 \uc900\ube44 (10\uc6d4 \ud558\uc21c\uacbd)<\/p><p class=\"text-sm\">\ubd80\ud654\ud55c \uc5b4\ub9b0 \uc720\ucda9\uc774 \uc6d4\ub3d9\ucc98\ub85c \uc774\ub3d9\ud558\uc5ec \ub2e4\uc74c \ud574 \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-rose-800 mb-4\">\ud6a8\uacfc\uc801\uc778 \ubc29\uc81c \ubc29\ubc95<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29 \ubc29\uc81c\ub294 \uc720\ucda9 \uac00\ud574 \ucd08\uae30\uc5d0 \uc9d1\uc911\ud574\uc57c \ud558\uba70, \ubb3c\ub9ac\uc801 \ubc29\uc81c\uc640 \uce5c\ud658\uacbd\uc801 \ubc29\ubc95\uc744 \uc6b0\uc120\uc801\uc73c\ub85c \uace0\ub824\ud560 \uc218 \uc788\uc2b5\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 \ub4f1\ub85d \uc57d\uc81c \uc81c\ud55c\uc801<\/h3>\n                            <p class=\"text-gray-700\">\uc720\ucda9 \ubc1c\uc0dd\uae30\uc5d0 \uc77c\ubc18 \uc0b4\ucda9\uc81c\ub97c \uc0b4\ud3ec\ud558\uba74 \ud6a8\uacfc\uc801\uc77c \uc218 \uc788\uc73c\ub098, \ud604\uc7ac \ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29\uc5d0 \uc9c1\uc811 \ub4f1\ub85d\ub41c \uc57d\uc81c\ub294 \ubcc4\ub3c4\ub85c \uba85\uc2dc\ub418\uc5b4 \uc788\uc9c0 \uc54a\uac70\ub098 \uc81c\ud55c\uc801\uc785\ub2c8\ub2e4. \ub18d\uc57d\uc548\uc804\uc815\ubcf4\uc2dc\uc2a4\ud15c(psis.rda.go.kr)\uc5d0\uc11c \uc7a5\ubbf8\uacfc\ub958 \ubc0f \uc78e\ubc8c\ub808\ub958\uc5d0 \ub4f1\ub85d\ub41c \uc57d\uc81c\ub97c \ud655\uc778\ud558\uc5ec \uc0ac\uc6a9\ud558\uc2ed\uc2dc\uc624.<\/p>\n                        <\/div>\n                        <div class=\"p-4 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 (\uc720\ucda9 \uac00\ud574 \ucd08\uae30)<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\uc0b4\ud3ec \uc2dc\uae30:<\/strong> \uc720\ucda9 \uac00\ud574 \ucd08\uae30\uc778 <strong>4\uc6d4 \uc911\uc21c~\ud558\uc21c (\uc6d4\ub3d9 \uc720\ucda9 \ud65c\ub3d9 \uc2dc\uc791 \uc2dc\uae30)<\/strong>\uc5d0 \uc0b4\ucda9\uc81c\ub97c \uc0b4\ud3ec\ud558\ub294 \uac83\uc774 \ud6a8\uacfc\uc801\uc785\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc57d\uc81c \uc885\ub958 (\uc608\uc2dc):<\/strong> \ube44\ud2f0\ucfe0\ub974\uc2a4\ud0c0\ud0a4 \uc218\ud654\uc81c 1,000\ubc30\uc561 \ub610\ub294 \ub514\ud50c\ub8e8\ubca4\uc8fc\ub860 \uc218\ud654\uc81c 2,500\ubc30\uc561\uc744 10\uc77c \uac04\uaca9\uc73c\ub85c 1~2\ud68c \uc0b4\ud3ec. (\ub514\ud504 \uc218\ud654\uc81c \ub4f1 \uc811\ucd09 \uc0b4\ucda9\uc81c\ub3c4 \ud65c\uc6a9 \uac00\ub2a5)<\/li>\n                                 <li><strong>\uc131\ucda9\uae30 \ubc29\uc81c:<\/strong> \uc131\ucda9\uae30\uc5d0\ub294 \ud6c8\uc5f0\uc81c\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\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 \ubb3c\ub9ac\uc801 \ubc29\uc81c<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\uc6d4\ub3d9 \uc720\ucda9 \uc81c\uac70:<\/strong> \uc9d1\ub2e8\uc73c\ub85c \ubaa8\uc5ec \uc6d4\ub3d9\ud558\ub294 \uc5b4\ub9b0 \uc720\ucda9\uc744 \ubc1c\uacac\ud558\uba74 \ud0dc\uc6b0\uac70\ub098 \ub545\uc5d0 \ub9e4\ubab0\uc2dc\ud0b5\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\ud53c\ud574 \uc78e\/\uc720\ucda9 \uc218\uac70:<\/strong> \uc720\ucda9\uc774 \uac00\ud574 \uc911\uc778 \ud53c\ud574 \uc78e\uc744 \uc81c\uac70\ud558\uac70\ub098, \uc720\ucda9\uc744 \uc9c1\uc811 \uc7a1\uc544 \uc8fd\uc785\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc54c \uc81c\uac70:<\/strong> \uc78e \ub4b7\uba74\uc5d0 \uc0b0\ub780\ub41c \uc54c\uc744 \ubc1c\uacac\ud558\uba74 \uc81c\uac70\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 \uc0dd\ubb3c\uc801 \ubc29\uc81c<\/h3>\n                            <p class=\"text-gray-700\">\uae30\uc0dd\uc131 \ucc9c\uc801(\uc880\ubc8c\ub958, \ub9f5\uc2dc\ubc8c\ub958, \uc54c\uc880\ubc8c\ub958, \uae30\uc0dd\ud30c\ub9ac\ub958)\uacfc \ud3ec\uc2dd\uc131 \ucc9c\uc801(\ubb34\ub2f9\ubc8c\ub808\ub958, \ud480\uc7a0\uc790\ub9ac\ub958, \uac70\ubbf8\ub958)\uc744 \ubcf4\ud638\ud569\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ucc9c\uc801\ub4e4\uc744 \ud65c\uc6a9\ud558\uba74 \ud070 \ud53c\ud574\ub294 \ub098\ud0c0\ub098\uc9c0 \uc54a\ub294\ub2e4\uace0 \ubcf4\uace0\ub429\ub2c8\ub2e4.<\/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-rose-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: \uc544\ud30c\ud2b8\uad00\ub9ac\uc2e0\ubb38, \ub098\ubb34 \ubcd1\ud574\ucda9 \ub3c4\uac10, \uc0b0\ub9bc\uccad \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                adult: {\n                    title: '\uc131\ucda9',\n                    description: '\ub0a0\uac1c \ud3b8 \uae38\uc774 \uc57d 56~60mm (\uc554\ucef7 \uc131\ucda9). \uba38\ub9ac\uc640 \uac00\uc2b4\uc740 \ud751\uac08\uc0c9\uc774\uba70 \uad11\uc120\uc5d0 \uc758\ud574 \ub0a8\uc0c9\uc73c\ub85c \ubcf4\uc785\ub2c8\ub2e4. \ub0a0\uac1c\ub294 \uc5f7\uc740 \ud669\uc0c9\uc744 \ub764 \ud770\uc0c9\uc73c\ub85c \ubc18\ud22c\uba85\ud558\uba70, \uc2dc\ub9e5\uc774 \ub69c\ub837\ud558\uace0 \uc55e\ub0a0\uac1c \uae30\ubd80\uc5d0 \ud669\ub4f1\uc0c9 \ubb34\ub2ac\uac00 \uc788\uc2b5\ub2c8\ub2e4. \ub4b7\ub0a0\uac1c \uc81c4\ub9e5\uacfc \uc81c7\ub9e5 \uc0ac\uc774\ub294 \uaf2c\ub9ac \ubaa8\uc591\uc73c\ub85c \ub3cc\uae30\ub418\uc5b4 \uc788\uc5b4 \ube44\uad50\uc801 \uc544\ub984\ub2e4\uc6b4 \ub098\ubc29\uc785\ub2c8\ub2e4. \ubcf5\ubd80\ub294 \uc5b4\ub450\uc6b4 \uac08\uc0c9\uc73c\ub85c \ub4f1 \uba74\uc5d0 \uc57d\uac04 \ud669\ubc31\uc0c9\uc758 \uc778\ud3b8\uc774 \uc788\uc2b5\ub2c8\ub2e4.',\n                    size: '\ud06c\uae30: \ub0a0\uac1c \ud3b8 \uae38\uc774 \uc57d 56~60mm',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Elcysma_westwoodi_adult.jpg' \n                },\n                larva: {\n                    title: '\uc720\ucda9',\n                    description: '\ubab8\uae38\uc774 \uc57d 30mm. \ub2f4\ud669\uc0c9\uc744 \ub760\uba70 \ubab8 \uc804\uba74\uc5d0 \uac00\ub294 \ud138\uc774 \ub098 \uc788\uc2b5\ub2c8\ub2e4. \uc55e\uac00\uc2b4\uc740 \ud770\uc0c9\uc73c\ub85c \ub4f1\uc5d0 2\uac1c\uc758 \uac80\uc740 \uc810\uc774 \uc788\uc73c\uba70, \ub4f1\uc120, \uc606\uc120, \uae30\ubb38\uc717\uc120\uc740 \uac80\uace0 \uac00\ub298\ub2e4. \uc5b4\ub9b0 \uc720\ucda9\uc740 \uc78e \ub4b7\uba74 \uc78e\uc0b4\ub9cc \uac00\ud574\ud558\uace0, \uc911\ub839 \ub54c\ub294 \uc78e\uc5d0 \uc791\uc740 \uad6c\uba4d\uc744 \ub9cc\ub4e4\uba70, \ub178\uc219\ud558\uba74 \uc78e \uc804\uccb4\ub97c \uac00\ud574\ud569\ub2c8\ub2e4.',\n                    size: '\ud06c\uae30: \uc57d 30mm (\ub178\uc219 \uc720\ucda9)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Elcysma_westwoodi_larva.jpg' \n                },\n                pupa_cocoon: {\n                    title: '\ubc88\ub370\uae30 \/ \uace0\uce58',\n                    description: '\ubc88\ub370\uae30\ub294 \ubab8\uae38\uc774 \uc57d 20mm\ub85c \ud669\uac08\uc0c9\uc774\uba70, \uba38\ub9ac\ub294 \uac80\uc740\uc0c9\uc774\uace0 \ubab8\ud1b5\uc740 \ud669\uc0c9\uc785\ub2c8\ub2e4. \ub2e4 \uc790\ub780 \uc720\ucda9\uc774 \uc78e\uc744 \ub4b7\uba74\uc73c\ub85c \ub9d0\uace0 \uc554\uac08\uc0c9\uc758 \ub2e8\ub2e8\ud55c \uace0\uce58\ub97c \ub9cc\ub4e4\uc5b4 \uadf8 \uc18d\uc5d0 \ubc88\ub370\uae30\uac00 \ub429\ub2c8\ub2e4. 50\uc77c \uc815\ub3c4\uc758 \uc804\uc6a9\uae30\uac04\uc744 \uac70\uce69\ub2c8\ub2e4.',\n                    size: '\ud06c\uae30: \ubc88\ub370\uae30 \uc57d 20mm',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Elcysma_westwoodi_pupa_cocoon.jpg' \n                },\n                egg: {\n                    title: '\uc54c',\n                    description: '\uc218\ud53c\ub098 \uc78e \ub4b7\uba74\uc5d0 \uc218\uac1c~20\uc5ec\uac1c\uc529 \uc54c\uc744 \ub0b3\uc2b5\ub2c8\ub2e4 (\ud3c9\uade0 \uc0b0\ub780\uc218 110\uac1c). \uc54c\uc740 \ud3b8\ud3c9\ud55c \ud0c0\uc6d0\ud615\uc73c\ub85c \uc801\uac08\uc0c9\uc774\uba70, \ub09c \uae30\uac04\uc740 2\uc8fc\uc77c \ub0b4\uc678\uc785\ub2c8\ub2e4.',\n                    size: '\ud06c\uae30: (\uc815\ubcf4 \uc5c6\uc74c)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Elcysma_westwoodi_egg.jpg' \n                }\n            };\n\n            const damageData = {\n                young_larva_feeding: {\n                    title: '\uc5b4\ub9b0 \uc720\ucda9 \uc12d\uc2dd',\n                    description: '\uc5b4\ub9b0 \uc720\ucda9\uc740 \uc78e \ub4b7\uba74\uc5d0\uc11c \uc78e\uc0b4\ub9cc\uc744 \uac09\uc544\uba39\uc2b5\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \uc78e\uc5d0 \ud22c\uba85\ud55c \ud754\uc801\uc774\ub098 \uc791\uc740 \uad6c\uba4d\uc774 \uc0dd\uae30\uae30 \uc2dc\uc791\ud569\ub2c8\ub2e4.',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Elcysma_westwoodi_young_larva_damage.jpg' \n                },\n                mid_old_larva_feeding: {\n                    title: '\uc911\/\ub178\uc219 \uc720\ucda9 \uc12d\uc2dd',\n                    description: '\uc911\ub839 \uc720\ucda9 \ub54c\ub294 \uc78e\uc5d0 \uc791\uc740 \uad6c\uba4d\uc744 \ub9cc\ub4e4\uba74\uc11c \uac00\ud574\ud558\uba70, \ub2e4 \uc790\ub780 \ub178\uc219 \uc720\ucda9\uc740 \uc78e \uc804\uccb4\ub97c \ubaa8\uc870\ub9ac \uac09\uc544\uba39\uc2b5\ub2c8\ub2e4. \uc720\ucda9\uc774 \ub5bc\ub97c \uc9c0\uc5b4 \ubc1c\uc0dd\ud558\uba74 \ub354\uc6b1 \uc2ec\uac01\ud55c \ud53c\ud574\ub97c \uc90d\ub2c8\ub2e4.',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Elcysma_westwoodi_old_larva_damage.jpg' \n                },\n                severe_defoliation: {\n                    title: '\uc2ec\ud55c \ud0c8\uc5fd',\n                    description: '\ubc00\ub3c4\uac00 \ub192\uac70\ub098 \uc9c0\uc5ed\uc801\uc73c\ub85c \ub300\ubc1c\uc0dd\ud560 \uacbd\uc6b0, \uc78e\uc744 \uc804\ubd80 \uac09\uc544\uba39\uc5b4 \uac00\uc9c0\ub9cc \uc559\uc0c1\ud558\uac8c \ub0a8\ub294 \uc2ec\uac01\ud55c \ud0c8\uc5fd \ud53c\ud574\uac00 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc774\ub294 \ub098\ubb34\uc758 \ubbf8\uad00\uc744 \ud06c\uac8c \ud574\uce58\uace0 \ub2e4\uc74c \ud574 \uac1c\ud654\uc5d0 \uc601\ud5a5\uc744 \uc904 \uc218 \uc788\uc73c\ub098, \ub098\ubb34\uac00 \uace0\uc0ac\ud558\ub294 \uacbd\uc6b0\ub294 \uadf9\ud788 \ub4dc\ubb3c\uba70 \ud53c\ud574 \ud6c4 15\uc77c \uc815\ub3c4 \uc9c0\ub098\uba74 \uc0c8\uc78e\uc774 \ub2e4\uc2dc \ub3cb\uc544\ub098\uae30\ub3c4 \ud569\ub2c8\ub2e4.',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Elcysma_westwoodi_severe_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('adult'); \/\/ 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('young_larva_feeding'); \/\/ 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: '\uc6d4\ub3d9 \uc720\ucda9 \ud65c\ub3d9 \ubc0f \ub178\uc219',\n                        data: [5, 10, 8, 0, 0, 0, 0], \n                        backgroundColor: 'rgba(251, 113, 133, 0.6)', \/* rose-400 *\/\n                        borderColor: 'rgba(251, 113, 133, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '\uc131\ucda9 \uc6b0\ud654 \ubc0f \uc0b0\ub780',\n                        data: [0, 0, 0, 0, 8, 10, 5], \n                        backgroundColor: 'rgba(225, 29, 72, 0.6)', \/* rose-600 *\/\n                        borderColor: 'rgba(225, 29, 72, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '\ubc29\uc81c \ucd94\ucc9c \uae30\uac04 (\uc720\ucda9 \uac00\ud574 \ucd08\uae30)',\n                        data: [0, 12, 0, 0, 0, 0, 0], \/\/ April (from one source) \/ May (from another)\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                },\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                                        return ` ${context.dataset.label}: 4\uc6d4 \uc911\uc21c ~ 5\uc6d4 \ucd08\uc21c`;\n                                    }\n                                    return ` ${context.dataset.label}: ${context.raw} (\ud65c\ub3d9 \ubc00\ub3c4)`;\n                                }\n                           }\n                        },\n                        title: {\n                            display: true,\n                            text: '\ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29 \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=\"600\" height=\"412\" data-id=\"2584\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29.jpg\" alt=\"\" class=\"wp-image-2584\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29.jpg 600w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-300x206.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"419\" data-id=\"2585\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc720\ucda9.jpg\" alt=\"\" class=\"wp-image-2585\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc720\ucda9.jpg 600w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc720\ucda9-300x210.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"425\" data-id=\"2586\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc131\ucda9.jpg\" alt=\"\" class=\"wp-image-2586\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc131\ucda9.jpg 600w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc131\ucda9-300x213.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/figure>\n\n\n\n<p><\/p>\n","protected":false},"featured_media":2585,"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":[189,147,166,175,168,110,167],"pest-category":[95,94],"pest-overwintering":[100],"class_list":["post-2583","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-189","pest-target-147","pest-target-166","pest-target-175","pest-target-168","pest-target-110","pest-target-167","pest-category-95","pest-category-94","pest-overwintering-larva"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc720\ucda9.jpg",600,419,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc720\ucda9-150x150.jpg",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc720\ucda9-300x210.jpg",300,210,true],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc720\ucda9.jpg",600,419,false],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc720\ucda9.jpg",600,419,false],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc720\ucda9.jpg",600,419,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ubaa8\uc2dc\ub098\ubc29-\uc720\ucda9.jpg",600,419,false]},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29 \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ud615\ud0dc \ud53c\ud574 \uc99d\uc0c1 \uc0dd\ud65c\uc0ac \ubc29\uc81c \ubc29\ubc95 \ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29 (Elcysma westwoodi)\uc774\ub780? \ubc9a\ub098\ubb34\ubaa8\uc2dc\ub098\ubc29\uc740 \ub098\ube44\ubaa9 \uc54c\ub77d\ub098\ubc29\uacfc\uc5d0 \uc18d\ud558\ub294 \uace4\ucda9\uc73c\ub85c, \ubc9a\ub098\ubb34\ub958\ub97c \ube44\ub86f\ud55c [&hellip;]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/2583","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\/2585"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2583"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=2583"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=2583"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=2583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}