{"id":3046,"date":"2025-06-27T07:24:21","date_gmt":"2025-06-27T07:24:21","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?post_type=pest&#038;p=3046"},"modified":"2025-07-16T13:31:56","modified_gmt":"2025-07-16T13:31:56","slug":"%eb%85%b8%eb%9e%91%ec%95%8c%eb%9d%bd%ed%95%98%eb%8a%98%ec%86%8c","status":"publish","type":"pest","link":"https:\/\/hstc.treecare.co.kr\/?pest=%eb%85%b8%eb%9e%91%ec%95%8c%eb%9d%bd%ed%95%98%eb%8a%98%ec%86%8c","title":{"rendered":"\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c"},"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>\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c \ub300\ud654\ud615 \uac00\uc774\ub4dc<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Chosen Palette: Earthy Browns & Yellow -->\n    <!-- Application Structure Plan: The SPA for Yellow Spotted Longhorn Beetle 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 (exit holes, tunneling). '\uc0dd\ud65c\uc0ac' includes a flowchart to visualize its multi-year life cycle. '\ubc29\uc81c \ubc29\ubc95' incorporates a Chart.js visualization to illustrate optimal control timings, primarily focusing on adult emergence and physical removal. -->\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 (\uc554\/\uc218)', '\uc720\ucda9', '\ubc88\ub370\uae30', '\uc54c' -> Interaction: Clicking buttons updates image and descriptive text for each form, including size and distinctive markings. -> Justification: Visual identification of key life stages, especially the adult's unique spots and the wood-boring larva, is crucial. -> Library: Vanilla JS.\n        2. Report Info: Damage Types (Exit holes, Frass, Internal tunneling, Dieback\/Mortality) -> Goal: Inform & Diagnose -> Viz\/Method: Interactive image gallery with buttons for '\uc131\ucda9 \ud0c8\ucd9c\uacf5', '\ubd84\ubcc0\/\ud1b1\ubc25 \ubc30\ucd9c', '\ubaa9\uc9c8\ubd80 \uac31\ub3c4 (\ub0b4\ubd80)', '\uc218\uc138 \uc1e0\uc57d \ubc0f \uace0\uc0ac' -> Interaction: Clicking buttons updates image and descriptive text. Clearly shows internal damage signs and external consequences, using provided image for exit holes. -> Justification: The concealed nature of the damage requires clear visual explanation of internal signs and external consequences. -> Library: Vanilla JS.\n        3. Report Info: Lifecycle (Larva overwintering, multi-year larval period, pupation, adult emergence\/egg-laying) -> Goal: Organize & Show Change -> Viz\/Method: HTML\/CSS vertical flowchart -> Interaction: Static visual aid -> Justification: Visualizing the multi-year (up to 2 years) life cycle with key stages (especially long larval period) and approximate timings is essential for understanding pest biology and planning control measures. -> Library: HTML\/Tailwind.\n        4. Report Info: Chemical Control Timing (Targeting adults in summer, possible soil treatment, emphasizing removal) -> Goal: Inform & Guide -> Viz\/Method: Bar Chart -> Interaction: Hover tooltips -> Justification: The chart clearly illustrates the primary window for chemical intervention (adult emergence) and emphasizes prevention\/physical removal due to the internal nature of larval damage. -> 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: #92400e; \/* orange-800 *\/\n            color: #fff7ed; \/* orange-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: #f59e0b; \/* amber-500 *\/\n            color: white;\n            font-weight: 600;\n            transform: scale(1.05);\n        }\n        .warning-box {\n            background-color: #fef2f2; \/* red-50 *\/\n            border-left: 4px solid #ef4444; \/* red-500 *\/\n            color: #dc2626; \/* red-600 *\/\n            padding: 1rem;\n            margin-top: 1rem;\n            border-radius: 0.5rem;\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-orange-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-orange-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-orange-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-orange-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-orange-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-orange-800 mb-4\">\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c (<i>Anoplophora horsfieldii<\/i>)\uc774\ub780?<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed\">\n                        \ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c\ub294 \ub531\uc815\ubc8c\ub808\ubaa9 \ud558\ub298\uc18c\uacfc\uc5d0 \uc18d\ud558\ub294 \uace4\ucda9\uc73c\ub85c, \ud65c\uc5fd\uc218\uc5d0 \uc2ec\uac01\ud55c \ud53c\ud574\ub97c \uc8fc\ub294 \ud574\ucda9\uc785\ub2c8\ub2e4. \uc720\ucda9\uc774 \uc218\ud53c \uc544\ub798 \ub610\ub294 \ubaa9\uc9c8\ubd80\ub97c \uad74 \ud30c\uba70 \uac00\ud574\ud558\uc5ec \uc218\uc561 \ud1b5\ub85c\ub97c \ucc28\ub2e8\ud558\uace0 \ub098\ubb34\uc758 \uc218\uc138\ub97c \uc1e0\uc57d\ud558\uac8c \ub9cc\ub4e4\uba70, \uc2ec\ud558\uba74 \uace0\uc0ac\uc2dc\ud0a4\uae30\ub3c4 \ud569\ub2c8\ub2e4. \uc131\ucda9\uc758 \ubab8\uc740 \uad11\ud0dd \uc788\ub294 \uac80\uc815\uc0c9\uc5d0 \ub178\ub780 \ubc18\uc810 \ubb34\ub2ac\uac00 \uc0b0\uc7ac\ud55c \uac83\uc774 \ud2b9\uc9d5\uc785\ub2c8\ub2e4. \uc138\uacc4\uc790\uc5f0\ubcf4\ud638\uc5f0\ub9f9(IUCN)\uc774 \uc9c0\uc815\ud55c &#8216;\uc138\uacc4 100\ub300 \uc720\ud574 \uc678\ub798\uc0dd\ubb3c&#8217;\uc5d0 \ud3ec\ud568\ub418\ub294 \uc720\ub9ac\uc54c\ub77d\ud558\ub298\uc18c\uc640 \uc720\uc0ac\ud558\uc5ec \uc218\ubaa9 \ud53c\ud574\uac00 \uc6b0\ub824\ub418\ub294 \uc0c1\ud669\uc785\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"list-disc list-inside text-gray-700 mt-4 space-y-1\">\n                        <li><strong>\uc6d4\ub3d9\ud0dc:<\/strong> \uc720\ucda9 (\ub098\ubb34 \uc18d\uc5d0\uc11c \uc560\ubc8c\ub808 \uc0c1\ud0dc\ub85c \uc6d4\ub3d9\ud558\uba70, 2\ub144 \uc774\uc0c1 \uac78\uccd0 \uc131\uc7a5\ud558\uae30\ub3c4 \ud568)<\/li>\n                        <li><strong>\ubc1c\uc0dd \ud69f\uc218:<\/strong> \uc5f0 1\uc138\ub300<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"p-6 bg-white rounded-lg shadow\">\n                    <h3 class=\"text-xl font-semibold text-orange-800 mb-3\">\ubd84\ud3ec \ubc0f \uc8fc\uc694 \uac00\ud574 \uc218\uc885<\/h3>\n                    <p class=\"text-gray-700 mb-4\">\n                        \uc6d0\uc0b0\uc9c0\ub294 \uc778\ub3c4, \ub77c\uc624\uc2a4, \ub300\ub9cc, \ud0dc\uad6d, \ubca0\ud2b8\ub0a8 \ub4f1 \uc544\uc5f4\ub300\uc131 \uc9c0\uc5ed\uc785\ub2c8\ub2e4. \uad6d\ub0b4\uc5d0\uc11c\ub294 2019\ub144 \uc81c\uc8fc\uc5d0 \uc131\ucda9\uc774 \ucd5c\ucd08 \ubcf4\uace0\ub418\uc5c8\uace0, \ucd5c\uadfc \uc81c\uc8fc\uc2dc \ud558\ucc9c \uc8fc\ubcc0\uc5d0\uc11c \ubc88\uc2dd\uacfc \uc815\ucc29\uc774 \ud655\uc778\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc81c\uc8fc\ub3c4\ub294 \uc678\ub798\uc885\uc774 \uc721\uc9c0\ub85c \ud37c\uc9c0\ub294 \uc911\uac04 \uae30\uc810 \uc5ed\ud560\uc744 \ud558\uace0 \uc788\uc5b4 \uae30\ud6c4\ubcc0\ud654\uc5d0 \ub530\ub978 \uc678\ub798\uc885 \uce68\uc785 \uc99d\uac00\uac00 \uc6b0\ub824\ub429\ub2c8\ub2e4.\n                    <\/p>\n                    <p class=\"text-gray-700\">\uc8fc\uc694 \uac00\ud574 \uc218\uc885\uc740 <strong>\uc740\ud589\ub098\ubb34, \ub290\ud2f0\ub098\ubb34, \ubf55\ub098\ubb34, \ud33d\ub098\ubb34, \ud3ec\ud50c\ub7ec, \ubc84\ub4dc\ub098\ubb34, \ubc24\ub098\ubb34, \ub2e8\ud48d\ub098\ubb34, \ucc28\ub098\ubb34, \uc885\uac00\uc2dc\ub098\ubb34, \ube44\uc220\ub098\ubb34, \uba40\uad6c\uc2ac\ub098\ubb34<\/strong> \ub4f1 \ub2e4\uc591\ud55c \ud65c\uc5fd\uc218\uc785\ub2c8\ub2e4. \ub2e4\ub9cc \ud604\uc7ac\uae4c\uc9c0\ub294 \ud33d\ub098\ubb34\ub97c \uc81c\uc678\ud558\uace0 \ubcc4\ub2e4\ub978 \ud070 \ud53c\ud574\uac00 \ud655\uc778\ub418\uc9c0\ub294 \uc54a\uc558\uc2b5\ub2c8\ub2e4.<\/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-orange-800 mb-4\">\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c\uc758 \ud615\ud0dc\uc801 \ud2b9\uc9d5<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c\ub294 \uac01 \ubc1c\uc721 \ub2e8\uacc4\ub9c8\ub2e4 \ud2b9\uc9d5\uc801\uc778 \ud615\ud0dc\ub97c \uac00\uc9d1\ub2c8\ub2e4. \ud2b9\ud788 \uc131\ucda9\uc758 \ud654\ub824\ud55c \ubb34\ub2ac\uac00 \ub208\uc5d0 \ub755\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 (\uc554\/\uc218)<\/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\" 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<\/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\/Anoplophora_horsfieldii_adult.jpg\" alt=\"\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c \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-orange-700 mb-2\"><\/h3>\n                            <p id=\"morphology-description\" class=\"text-gray-700\"><\/p>\n                            <p id=\"morphology-size\" class=\"text-sm text-gray-600 mt-2\"><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- \ud53c\ud574 \uc99d\uc0c1 Section -->\n            <section id=\"damage\" class=\"content-section space-y-6\">\n                <div class=\"p-6 bg-white rounded-lg shadow\">\n                    <h2 class=\"text-2xl font-bold text-orange-800 mb-4\">\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c\uc758 \uc8fc\uc694 \ud53c\ud574 \uc99d\uc0c1<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c\ub294 \uc720\ucda9\uc774 \ub098\ubb34 \ub0b4\ubd80\ub97c \uac09\uc544\uba39\ub294 \ucc9c\uacf5\uc131 \ud53c\ud574\ub97c \uc720\ubc1c\ud558\uba70, \uc678\ubd80\ub85c \ub098\ud0c0\ub098\ub294 \ud754\uc801\uc744 \ud1b5\ud574 \ubc1c\uacac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\ub7c9 \ubc1c\uc0dd \uc2dc \uc9d1\ub2e8 \uace0\uc0ac \uc6b0\ub824\ub3c4 \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=\"exit_holes\" 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\">\uc131\ucda9 \ud0c8\ucd9c\uacf5<\/button>\n                        <button data-damage-type=\"frass_exudation\" 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\">\ubd84\ubcc0(\ud1b1\ubc25) \ubc30\ucd9c<\/button>\n                        <button data-damage-type=\"internal_gallery\" 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\">\ubaa9\uc9c8\ubd80 \uac31\ub3c4 (\ub0b4\ubd80)<\/button>\n                        <button data-damage-type=\"dieback_mortality\" 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\">\uc218\uc138 \uc1e0\uc57d \ubc0f \uace0\uc0ac<\/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\/Anoplophora_horsfieldii_exit_holes.jpg\" alt=\"\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c \ud0c8\ucd9c\uad6c\uba4d \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-orange-700 mb-2\"><\/h3>\n                            <p id=\"damage-description\" class=\"text-gray-700\"><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- \uc0dd\ud65c\uc0ac 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-orange-800 mb-4\">\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c\uc758 \uc0dd\ud65c\uc0ac (\uc5f0 1\uc138\ub300)<\/h2>\n                     <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c\ub294 1\ub144\uc5d0 1\uc138\ub300 \ubc1c\uc0dd\ud558\uba70, \uc720\ucda9 \uc0c1\ud0dc\ub85c \uc6d4\ub3d9\ud569\ub2c8\ub2e4. \uc720\ucda9 \uae30\uac04\uc774 2\ub144 \uc774\uc0c1 \uac78\ub9ac\uae30\ub3c4 \ud569\ub2c8\ub2e4. \uae30\ud6c4\ubcc0\ud654\ub85c \uc778\ud574 \ucd94\uc6b4 \uaca8\uc6b8\uc5d0\ub294 \ub098\ubb34 \uc18d\uc5d0\uc11c \uc560\ubc8c\ub808 \uc0c1\ud0dc\ub85c \uc788\ub2e4\uac00 \ub530\ub73b\ud55c \uc5ec\ub984\uc5d0 \uc6b0\ud654\ud574 \uc81c\uc8fc\uc9c0\uc5ed\uc5d0 \uc801\uc751\ud558\uba74\uc11c \ud1a0\ucc29\ud654\ud55c \uac83\uc73c\ub85c \ubcf4\uace0 \uc788\uc2b5\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 (\uc720\ucda9)<\/p><p class=\"text-sm\">\uc720\ucda9 \uc0c1\ud0dc\ub85c \uc6d4\ub3d9 (2\ub144 \uc774\uc0c1 \uac78\uccd0 \uc131\uc7a5\ud558\uae30\ub3c4 \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-green-100 rounded-lg\">\n                            <p class=\"font-semibold\">2. \ubc88\ub370\uae30 \ud615\uc131 (\uc774\ub4ec\ud574 \ubd04)<\/p><p class=\"text-sm\">\uc774\ub4ec\ud574 \ubd04\uc5d0 \ubc88\ub370\uae30\ubc29\uc744 \ub9cc\ub4e4\uace0 \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-yellow-100 rounded-lg\">\n                            <p class=\"font-semibold\">3. \uc131\ucda9 \uc6b0\ud654 (6\uc6d4 ~ 8\uc6d4)<\/p><p class=\"text-sm\">\ubc88\ub370\uae30\uc5d0\uc11c \uc131\ucda9\uc774 \uc6b0\ud654\ud558\uc5ec \ud65c\ub3d9 \uc2dc\uc791<\/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. \uc0b0\ub780 (\uc5ec\ub984\ucca0: 6\uc6d4 ~ 9\uc6d4)<\/p><p class=\"text-sm\">\uc131\ucda9\uc774 \uad50\ubbf8 \ud6c4 \uc904\uae30\ub098 \ubfcc\ub9ac \uadfc\ucc98 \ud2c8, \uade0\uc5f4, \uc0c1\ucc98 \ubd80\uc704\uc5d0 \uc54c \uc0b0\ub780<\/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. \uc720\ucda9 \ubd80\ud654 \ubc0f \uac00\ud574<\/p><p class=\"text-sm\">\ubd80\ud654\ud55c \uc720\ucda9\uc774 \uc218\ud53c \uc544\ub798 \ub610\ub294 \ubaa9\uc9c8\ubd80\ub97c \uad74 \ud30c\uba70 \uac00\ud574\ud558\uba70 \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-orange-800 mb-4\">\ud6a8\uacfc\uc801\uc778 \ubc29\uc81c \ubc29\ubc95<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c \ubc29\uc81c\ub294 \uc720\ucda9\uc758 \ub0b4\ubd80 \uac00\ud574\ub85c \ubc1c\uacac\uc774 \uc5b4\ub835\uae30 \ub54c\ubb38\uc5d0 \uc608\ubc29\uc801 \uad00\ub9ac\uc640 \uc131\ucda9 \ucd9c\ud604\uae30 \ubc29\uc81c\uac00 \uc911\uc694\ud569\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 \uc608\ubc29\uc801 \ubc29\uc81c \ubc0f \ud658\uacbd \uad00\ub9ac<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\uc218\uac04 \uc0c1\ucc98 \ubd09\ud569:<\/strong> \ub098\ubb34\uc758 \uc218\uac04\uc5d0 \uc0c1\ucc98\uac00 \uc0dd\uae30\uc9c0 \uc54a\ub3c4\ub85d \uad00\ub9ac\ud558\uace0, \uc774\ubbf8 \uc0dd\uae34 \uc0c1\ucc98\ub294 \ubd09\ud569\ud558\uc5ec \uc0b0\ub780\uc744 \ub9c9\uc2b5\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uac10\uc5fc\ubaa9 \uc81c\uac70 \ubc0f \ucc98\ub9ac:<\/strong> \uac10\uc5fc\ub41c \ub098\ubb34\ub294 \uc81c\uac70\ud558\uc5ec \uc18c\uac01\ud558\ub294 \ub4f1 \uc801\uc808\ud788 \ucc98\ub9ac\ud558\uc5ec \ud655\uc0b0\uc744 \ub9c9\uc2b5\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc218\ubaa9 \uc8fc\ubcc0 \uc704\uc0dd\uad00\ub9ac:<\/strong> \uac10\uc5fc\ub41c \ub098\ubb34\ub97c \ubc29\uce58\ud558\uc9c0 \uc54a\uace0 \uc8fc\ubcc0\uc744 \uae68\ub057\ud558\uac8c \uad00\ub9ac\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc218\uc138 \uc99d\uc9c4:<\/strong> \ub098\ubb34\uc758 \uac74\uac15\ud55c \uc0dd\uc721\uc744 \uc720\uc9c0\ud558\uc5ec \ud574\ucda9\uc5d0 \ub300\ud55c \uc800\ud56d\ub825\uc744 \ub192\uc785\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>\uc131\ucda9 \ud3ec\ud68d \ud2b8\ub7a9:<\/strong> \uc131\ucda9 \ucd9c\ud604\uae30(6~8\uc6d4)\uc5d0 \ud3ec\ud68d \ud2b8\ub7a9\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc131\ucda9\uc744 \uc720\uc778\ud558\uace0 \ud3ec\ud68d\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc0b0\ub780 \ubd80\uc704 \uc81c\uac70:<\/strong> \ud0c8\ucd9c\uacf5 \uc8fc\ubcc0\uc744 \uc870\uc0ac\ud558\uc5ec \uc0b0\ub780 \ubd80\uc704(\ud2c8, \uade0\uc5f4 \ub4f1)\ub97c \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 \ud654\ud559\uc801 \ubc29\uc81c<\/h3>\n                            <ul class=\"list-disc list-inside text-gray-700\">\n                                <li><strong>\uc9c0\uc0c1 \uc0b4\ud3ec:<\/strong> \uc131\ucda9 \ud65c\ub3d9\uae30\uc5d0 \uc218\uac04\ubd80\uc5d0 \uc794\ub958\uc131 \uc0b4\ucda9\uc81c(\uc608: \ud074\ub85c\ub974\ud53c\ub9ac\ud3ec\uc2a4, \ud398\ub2c8\ud2b8\ub85c\ud2f0\uc628 \ub4f1)\ub97c \uc0b4\ud3ec\ud569\ub2c8\ub2e4. \ub610\ud55c, \ud50c\ub8e8\ud53c\ub77c\ub514\ud4e8\ub860 \uc561\uc81c(17.09%, \ubd80\ud14c\ub180\ub77c\uc774\ub4dc\uacc4)\ub97c \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n                                <li><strong>\uc218\uac04\uc8fc\uc0ac:<\/strong> \ud558\ub298\uc18c\ub958\uc5d0 \ud6a8\uacfc\uc801\uc778 \uc57d\uc81c(\uc608: \uc774\ubbf8\ub2e4\ud074\ub85c\ud504\ub9ac\ub4dc \ub4f1)\ub97c \ub098\ubb34\uc8fc\uc0ac\ud569\ub2c8\ub2e4.<\/li>\n                                <li><strong>\ubfcc\ub9ac \uc8fc\uc704 \uc57d\uc81c\ucc98\ub9ac:<\/strong> \uc720\ucda9\uc758 \ud558\ud5a5 \uc774\ub3d9\uc744 \ub9c9\uae30 \uc704\ud574 \ubfcc\ub9ac \uc8fc\uc704\uc5d0 \ud1a0\uc591 \uc8fc\uc785\uc744 \ubcd1\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n                                <li><strong>\uc815\ubcf4 \ud655\uc778:<\/strong> \ub18d\uc57d\uc548\uc804\uc815\ubcf4\uc2dc\uc2a4\ud15c(psis.rda.go.kr)\uc5d0\uc11c \ud558\ub298\uc18c\ub958\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-purple-200 bg-purple-50 rounded-lg\">\n                            <h3 class=\"text-xl font-semibold text-purple-800 mb-2\">\u2463 \uc0dd\ubb3c\ud559\uc801 \ubc29\uc81c<\/h3>\n                            <p class=\"text-gray-700\">\uc544\uc9c1 \uad6d\ub0b4 \uc2e4\uc6a9\ud654\ub41c \uc0dd\ubb3c\ud559\uc801 \ubc29\uc81c\ub294 \uc81c\ud55c\uc801\uc785\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc120\ucda9(Nematode) \ub610\ub294 \uae30\uc0dd\uc131 \uace4\ucda9\uc744 \ud65c\uc6a9\ud558\ub294 \uc5f0\uad6c\uac00 \uc9c4\ud589\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n                        <\/div>\n                        <div class=\"p-4 border border-orange-200 bg-orange-50 rounded-lg\">\n                            <h3 class=\"text-xl font-semibold text-orange-800 mb-2\">\u2464 \uad6d\uac00\uc801 \ubc29\uc81c \ub300\ucc45<\/h3>\n                            <p class=\"text-gray-700\">\uae30\ud6c4\ubcc0\ud654\uc5d0 \ub530\ub978 \uc678\ub798\uc885\uc758 \uce68\uc785\uc774 \uc7a6\uc544\uc9c8 \uac83\uc5d0 \ub300\ube44\ud558\uc5ec, \uc608\ucc30\uc744 \uac15\ud654\ud558\uace0 \uc0dd\ud0dc\uacc4 \uc704\ud611 \uc694\uc778\uc774 \ubc1c\uacac\ub418\uba74 \uad00\ub828 \ubd80\uc11c\uc640 \ud611\uc758\ud558\uc5ec \ud544\uc694\uc2dc \ubc29\uc81c\ud574 \ub098\uac00\uc57c \ud569\ub2c8\ub2e4. \uc0b0\ub9bc\uccad \ubc0f \uc9c0\ubc29\uc790\uce58\ub2e8\uccb4\uc5d0\uc11c\ub294 \ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c\uc758 \ud655\uc0b0\uacfc \ubc1c\uc0dd\uc744 \ud1b5\uc81c\ud558\uae30 \uc704\ud55c \uc9c0\uc18d\uc801\uc778 \uac10\uc2dc\uc640 \uafb8\uc900\ud55c \ubaa8\ub2c8\ud130\ub9c1 \uc5f0\uad6c\uac00 \ud544\uc218\uc801\uc73c\ub85c \uc218\ud589\ub418\uc5b4\uc57c \ud560 \uac83\uc785\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-orange-800 mb-4 text-center\">\uc8fc\uc694 \ud65c\ub3d9 \uc2dc\uae30 \ubc0f \ubc29\uc81c \uc801\uae30<\/h3>\n                    <div class=\"chart-container\">\n                        <canvas id=\"controlChart\"><\/canvas>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/main>\n\n        <footer class=\"text-center mt-12 pt-4 border-t border-gray-200\">\n            <p class=\"text-sm text-gray-500\">\uc815\ubcf4 \ucd9c\ucc98: \uad6d\ub9bd\uc0b0\ub9bc\uacfc\ud559\uc6d0, \ub18d\uc0ac\ub85c, \uc11c\uc6b8\uc2e0\ubb38 \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: '\ubab8\uae38\uc774 \uc57d 30~45mm. \uad11\ud0dd \uc788\ub294 \uac80\uc815\uc0c9 \ubab8\ud1b5\uc5d0 \ub178\ub780 \ubc18\uc810 \ubb34\ub2ac\uac00 \uc0b0\uc7ac\ud569\ub2c8\ub2e4. \ub354\ub4ec\uc774\ub294 \ubab8\ubcf4\ub2e4 \uae38\uba70, \uc218\ucef7\uc774 \uc554\ucef7\ubcf4\ub2e4 \ub354 \uae41\ub2c8\ub2e4. \uc131\ucda9\uc740 6~8\uc6d4\uacbd\uc5d0 \uc6b0\ud654\ud569\ub2c8\ub2e4.',\n                    size: '\ud06c\uae30: \uc57d 30~45mm',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Anoplophora_horsfieldii_adult.jpg'\n                },\n                larva: {\n                    title: '\uc720\ucda9',\n                    description: '\uc720\ubc31\uc0c9\uc758 \uc560\ubc8c\ub808 \ud615\ud0dc\ub85c, \uc218\ud53c \uc544\ub798 \ub610\ub294 \ubaa9\uc9c8\ubd80\ub97c \uad74 \ud30c\uba70 \uac00\ud574\ud569\ub2c8\ub2e4. 2\ub144 \uc774\uc0c1 \uac78\uccd0 \uc131\uc7a5\ud558\uae30\ub3c4 \ud558\uba70, \ubfcc\ub9ac\uae4c\uc9c0 \uce68\uc785\ud558\uae30\ub3c4 \ud569\ub2c8\ub2e4.',\n                    size: '(\uc815\ubcf4 \uc5c6\uc74c)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Anoplophora_horsfieldii_larva.jpg'\n                },\n                pupa: {\n                    title: '\ubc88\ub370\uae30',\n                    description: '\uc774\ub4ec\ud574 \ubd04\uc5d0 \uc720\ucda9\uc774 \ubaa9\uc9c8\ubd80 \uc18d\uc5d0 \ubc88\ub370\uae30\ubc29\uc744 \ub9cc\ub4e4\uace0 \uadf8 \uc18d\uc5d0\uc11c \ubc88\ub370\uae30\uac00 \ub429\ub2c8\ub2e4. 6\uc6d4 \uc774\ud6c4 \uc131\ucda9\uc73c\ub85c \uc6b0\ud654\ud569\ub2c8\ub2e4.',\n                    size: '(\uc815\ubcf4 \uc5c6\uc74c)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Anoplophora_horsfieldii_pupa.jpg'\n                },\n                egg: {\n                    title: '\uc54c',\n                    description: '\uc131\ucda9\uc774 \uad50\ubbf8 \ud6c4 \uc904\uae30\ub098 \ubfcc\ub9ac \uadfc\ucc98\uc758 \ud2c8, \uade0\uc5f4, \uc0c1\ucc98 \ubd80\uc704\uc5d0 \uc0b0\ub780\ud569\ub2c8\ub2e4. \uc54c\uc5d0\uc11c \ubd80\ud654\ud55c \uc720\ucda9\uc774 \ub098\ubb34 \ub0b4\ubd80\ub85c \uce68\uc785\ud569\ub2c8\ub2e4.',\n                    size: '(\uc815\ubcf4 \uc5c6\uc74c)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Anoplophora_horsfieldii_egg.jpg'\n                }\n            };\n\n            const damageData = {\n                exit_holes: {\n                    title: '\uc131\ucda9 \ud0c8\ucd9c\uacf5',\n                    description: '\uc131\ucda9\uc774 \ub098\ubb34\uc5d0\uc11c \ud0c8\ucd9c\ud558\uae30 \uc704\ud574 \ub6ab\ub294 \uc6d0\ud615\uc758 \uad6c\uba4d\uc785\ub2c8\ub2e4. \uc9c1\uacbd \uc57d 10mm \uc815\ub3c4\ub85c \ube44\uad50\uc801 \ucee4\uc11c \uc721\uc548\uc73c\ub85c \ud655\uc778 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc774 \ud0c8\ucd9c\uacf5\uc744 \ud1b5\ud574 \ud574\ucda9\uc758 \uc874\uc7ac\ub97c \ud30c\uc545\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c \ud0c8\ucd9c\uad6c\uba4d \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Anoplophora_horsfieldii_exit_holes.jpg'\n                },\n                frass_exudation: {\n                    title: '\ubd84\ubcc0(\ud1b1\ubc25) \ubc30\ucd9c',\n                    description: '\uc720\ucda9\uc774 \ub098\ubb34 \ub0b4\ubd80\ub97c \uac09\uc544\uba39\uc73c\uba74\uc11c \uc0dd\uae34 \ud1b1\ubc25 \ubaa8\uc591\uc758 \ubd84\ubcc0\uc774 \uce68\uc785\uacf5\uc774\ub098 \ud0c8\ucd9c\uacf5 \uc8fc\ubcc0\uc73c\ub85c \ubc30\ucd9c\ub429\ub2c8\ub2e4. \uc774\ub294 \ud65c\ub3d9 \uc911\uc778 \uc720\ucda9\uc758 \uc874\uc7ac\ub97c \ub098\ud0c0\ub0b4\ub294 \uc911\uc694\ud55c \uc99d\uc0c1\uc785\ub2c8\ub2e4.',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Anoplophora_horsfieldii_frass_exudation.jpg'\n                },\n                internal_gallery: {\n                    title: '\ubaa9\uc9c8\ubd80 \uac31\ub3c4 (\ub0b4\ubd80)',\n                    description: '\uc720\ucda9\uc774 \uc218\ud53c \uc544\ub798 \ud615\uc131\uce35 \ubd80\uc704\ub098 \ubaa9\uc9c8\ubd80 \uc18d\uc744 \uad74 \ud30c\uba70 \uac00\ud574\ud558\uc5ec \uc218\uc561 \ud1b5\ub85c\ub97c \ucc28\ub2e8\ud569\ub2c8\ub2e4. \uac31\ub3c4\ub294 \ub098\ubb34 \ub0b4\ubd80 \uae4a\uc219\uc774 \ud615\uc131\ub418\ubbc0\ub85c \uc678\ubd80\uc5d0\uc11c \ud53c\ud574\ub97c \ubc1c\uacac\ud558\uae30 \uc5b4\ub835\uc2b5\ub2c8\ub2e4. (\ud53c\ud574\ub97c \ubc1b\uc740 \ub098\ubb34 \ub0b4\ubd80 \ubaa8\uc2b5 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Anoplophora_horsfieldii_internal_gallery.jpg'\n                },\n                dieback_mortality: {\n                    title: '\uc218\uc138 \uc1e0\uc57d \ubc0f \uace0\uc0ac',\n                    description: '\uc720\ucda9\uc758 \uc9c0\uc18d\uc801\uc778 \ub0b4\ubd80 \uac00\ud574\uc640 \uc218\uc561 \ud1b5\ub85c \ucc28\ub2e8\uc73c\ub85c \ub098\ubb34\uc758 \uc218\uc138\uac00 \ud604\uc800\ud558\uac8c \uc1e0\uc57d\ud574\uc9d1\ub2c8\ub2e4. \uc5b4\ub9b0 \ub098\ubb34\ub098 \ubb18\ubaa9\uc5d0 \ud53c\ud574\uac00 \ud2b9\ud788 \ud06c\uba70, \uc2ec\ud558\uba74 \ub098\ubb34 \uc804\uccb4\uac00 \uace0\uc0ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\ub7c9 \ubc1c\uc0dd \uc2dc \uc9d1\ub2e8 \uace0\uc0ac \uc6b0\ub824\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.',\n                    image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Anoplophora_horsfieldii_dieback.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('exit_holes'); \/\/ 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: ['5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4'],\n                    datasets: [{\n                        label: '\uc131\ucda9 \uc6b0\ud654 \ubc0f \uc0b0\ub780\uae30',\n                        data: [5, 10, 8, 5, 2, 0], \/\/ Peak June-July\n                        backgroundColor: 'rgba(249, 115, 22, 0.6)', \/* orange-500 *\/\n                        borderColor: 'rgba(249, 115, 22, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '\uc720\ucda9 \uac00\ud574\uae30',\n                        data: [0, 2, 5, 10, 8, 5], \/\/ Peak Aug-Sept (starts earlier, continues longer)\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 (\uc131\ucda9 \ubc29\uc81c\/\uc608\ubc29)',\n                        data: [0, 12, 12, 0, 0, 0], \/\/ June-July\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 (\uac10\uc5fc\ubaa9 \uc81c\uac70)',\n                        data: [0, 0, 0, 0, 0, 12], \/\/ Late Fall (for removal of infected trees)\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('\uc131\ucda9 \ubc29\uc81c')) return ` ${context.dataset.label}: 6\uc6d4 ~ 7\uc6d4`;\n                                        return ` ${context.dataset.label}: \uac00\uc744 (\uc6d4\ub3d9 \uc804)`\n                                    }\n                                    return ` ${context.dataset.label}: ${context.raw} (\ud65c\ub3d9 \ubc00\ub3c4)`;\n                                }\n                           }\n                        },\n                        title: {\n                            display: true,\n                            text: '\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c \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\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"3955\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212519-1024x768.jpg\" alt=\"\" class=\"wp-image-3955\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212519-1024x768.jpg 1024w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212519-300x225.jpg 300w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212519-768x576.jpg 768w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212519.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"3956\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520-1024x768.jpg\" alt=\"\" class=\"wp-image-3956\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520-1024x768.jpg 1024w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520-300x225.jpg 300w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520-768x576.jpg 768w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"3957\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520_1-1024x768.jpg\" alt=\"\" class=\"wp-image-3957\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520_1-1024x768.jpg 1024w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520_1-300x225.jpg 300w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520_1-768x576.jpg 768w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520_1.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"3958\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520_2-1024x768.jpg\" alt=\"\" class=\"wp-image-3958\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520_2-1024x768.jpg 1024w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520_2-300x225.jpg 300w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520_2-768x576.jpg 768w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212520_2.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"3959\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541-1024x768.jpg\" alt=\"\" class=\"wp-image-3959\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541-1024x768.jpg 1024w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541-300x225.jpg 300w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541-768x576.jpg 768w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"3960\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541_1-1024x768.jpg\" alt=\"\" class=\"wp-image-3960\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541_1-1024x768.jpg 1024w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541_1-300x225.jpg 300w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541_1-768x576.jpg 768w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541_1.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"3961\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541_2-1024x768.jpg\" alt=\"\" class=\"wp-image-3961\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541_2-1024x768.jpg 1024w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541_2-300x225.jpg 300w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541_2-768x576.jpg 768w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_212541_2.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"806\" data-id=\"3962\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_223001-1024x806.png\" alt=\"\" class=\"wp-image-3962\" srcset=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_223001-1024x806.png 1024w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_223001-300x236.png 300w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_223001-768x604.png 768w, https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/IMG_20250716_223001.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n","protected":false},"featured_media":3047,"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":[163],"pest-category":[143,94],"pest-overwintering":[100],"class_list":["post-3046","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-163","pest-category-143","pest-category-94","pest-overwintering-larva"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c.png",285,195,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c-150x150.png",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c.png",285,195,false],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c.png",285,195,false],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c.png",285,195,false],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c.png",285,195,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c.png",285,195,false]},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ud615\ud0dc \ud53c\ud574 \uc99d\uc0c1 \uc0dd\ud65c\uc0ac \ubc29\uc81c \ubc29\ubc95 \ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c (Anoplophora horsfieldii)\uc774\ub780? \ub178\ub791\uc54c\ub77d\ud558\ub298\uc18c\ub294 \ub531\uc815\ubc8c\ub808\ubaa9 \ud558\ub298\uc18c\uacfc\uc5d0 \uc18d\ud558\ub294 \uace4\ucda9\uc73c\ub85c, \ud65c\uc5fd\uc218\uc5d0 \uc2ec\uac01\ud55c [&hellip;]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/3046","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\/3047"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3046"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=3046"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=3046"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=3046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}