{"id":3161,"date":"2025-07-01T11:58:26","date_gmt":"2025-07-01T11:58:26","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?post_type=pest&#038;p=3161"},"modified":"2025-07-01T11:58:29","modified_gmt":"2025-07-01T11:58:29","slug":"%eb%b2%9a%eb%82%98%eb%ac%b4%ec%82%ac%ed%96%a5%ed%95%98%eb%8a%98%ec%86%8c","status":"publish","type":"pest","link":"https:\/\/hstc.treecare.co.kr\/?pest=%eb%b2%9a%eb%82%98%eb%ac%b4%ec%82%ac%ed%96%a5%ed%95%98%eb%8a%98%ec%86%8c","title":{"rendered":"\ubc9a\ub098\ubb34\uc0ac\ud5a5\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>\ubc9a\ub098\ubb34\uc0ac\ud5a5\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: Red & Black for the beetle, Cherry Blossom for the tree -->\n    <!-- Application Structure Plan: The SPA for Red-necked Longhorned Beetle is structured into five core sections: '\uac1c\uc694' (Overview), '\ud615\ud0dc' (Morphology), '\ud53c\ud574 \uc99d\uc0c1' (Damage Symptoms), '\uc0dd\ud65c\uc0ac \ubc0f \uc804\ud30c' (Lifecycle & Transmission), 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 detailed flowchart to visualize its complex multi-year life cycle. '\ubc29\uc81c \ubc29\ubc95' incorporates a Chart.js visualization to illustrate optimal control timings, primarily focusing on adult emergence and larval control. -->\n    <!-- Visualization & Content Choices: \n        1. Report Info: Pest Morphology (Adult, Larva, Egg, Pupa) -> Goal: Inform & Identify -> Viz\/Method: Interactive text descriptions with buttons for '\uc131\ucda9', '\uc720\ucda9', '\uc54c\/\ubc88\ub370\uae30' -> Interaction: Clicking buttons updates descriptive text. Images are removed as per user request. -> Justification: Textual descriptions of distinctive adult (coloration), larval (boring), and egg\/pupal stages are sufficient for identification. -> Library: Vanilla JS.\n        2. Report Info: Damage Symptoms (Sawdust\/frass, Resin flow, Exit holes, Wood decay, Tree dieback\/mortality) -> Goal: Inform & Diagnose -> Viz\/Method: Interactive text descriptions with buttons for '\ubaa9\uc7ac\ubd84(\ud1b1\ubc25) \ubc0f \uc218\uc9c0 \ubc30\ucd9c', '\uce68\uc785\/\ud0c8\ucd9c\uacf5', '\ubaa9\uc9c8\ubd80 \uac00\ud574 \ubc0f \uace0\uc0ac' -> Interaction: Clicking buttons updates descriptive text. Images are removed as per user request. -> Justification: Clear textual differentiation of external signs (frass, holes) and internal consequences (decay, dieback) is vital for accurate diagnosis. -> Library: Vanilla JS.\n        3. Report Info: Lifecycle (Larva overwintering for 1-3 years, Adult emergence, Mating, Egg-laying, Larval feeding) -> Goal: Organize & Show Change -> Viz\/Method: Detailed HTML\/CSS vertical flowchart -> Interaction: Static visual aid -> Justification: Visualizing the complex, multi-year life cycle with key stages and approximate timings is essential for understanding pest biology and planning control measures. -> Library: HTML\/Tailwind.\n        4. Report Info: Control Timing (Targeting adults during emergence, larval control in tunnels, removal of infested trees) -> Goal: Inform & Guide -> Viz\/Method: Bar Chart -> Interaction: Hover tooltips -> Justification: The chart clearly illustrates the primary periods for various control methods, especially chemical applications tied to adult emergence and physical removal, making the strategy actionable. -> Library: Chart.js.\n    -->\n    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n    <style>\n        body {\n            font-family: 'Noto Sans KR', sans-serif;\n        }\n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n            height: 300px;\n            max-height: 400px;\n        }\n        @media (min-width: 768px) {\n            .chart-container {\n                height: 350px;\n            }\n        }\n        .nav-btn {\n            transition: all 0.3s ease;\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            border: none !important;\n        }\n        .nav-btn.active {\n            background-color: #be123c !important; \/* rose-700 *\/\n            color: #fff1f2 !important; \/* 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, .damage-btn {\n            border-radius: 0 !important;\n            box-shadow: none !important;\n            border: none !important;\n        }\n        .stage-btn.active, .damage-btn.active {\n            background-color: #f43f5e; \/* rose-500 *\/\n            color: white;\n            font-weight: 600;\n            transform: scale(1.05);\n        }\n        .nav-btn:focus,\n        .stage-btn:focus,\n        .damage-btn:focus {\n            outline: none !important;\n            box-shadow: none !important;\n            border: none !important;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n    <div class=\"container mx-auto\"> \n        \n        <header class=\"text-center\">\n            <!-- \ubcd1\ud574\ucda9\uba85\uacfc \ud559\uba85 \uc81c\uac70\ub428 -->\n        <\/header>\n\n        <nav class=\"flex justify-between bg-gray-200 mb-8\">\n            <button data-tab=\"overview\" class=\"nav-btn active flex-1 text-center py-2 px-4 text-gray-700 hover:bg-rose-100\">\uac1c\uc694<\/button>\n            <button data-tab=\"morphology\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-rose-100\">\ud615\ud0dc<\/button>\n            <button data-tab=\"damage\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-rose-100\">\ud53c\ud574 \uc99d\uc0c1<\/button>\n            <button data-tab=\"ecology\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-rose-100\">\uc0dd\ud65c\uc0ac \ubc0f \uc804\ud30c<\/button>\n            <button data-tab=\"control\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-rose-100\">\ubc29\uc81c \ubc29\ubc95<\/button>\n        <\/nav>\n\n        <main id=\"app-content\" class=\"p-2 md:p-2\">\n            \n            <!-- \uac1c\uc694 Section -->\n            <section id=\"overview\" class=\"content-section active space-y-6\">\n                <div class=\"p-6 bg-white\">\n                    <h2 class=\"text-2xl font-bold text-rose-800 mb-4\">\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c (<i>Aromia bungii<\/i>)\uc774\ub780?<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed\">\n                        \ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c\ub294 \ub531\uc815\ubc8c\ub808\ubaa9 \ud558\ub298\uc18c\uacfc\uc5d0 \uc18d\ud558\ub294 \ud574\ucda9\uc785\ub2c8\ub2e4. \uc720\ucda9\uc774 \ubc9a\ub098\ubb34, \ubcf5\uc22d\uc544\ub098\ubb34, \uc0b4\uad6c\ub098\ubb34, \uc790\ub450\ub098\ubb34 \ub4f1 \uc7a5\ubbf8\uacfc \uc218\ubaa9\uc758 \uc904\uae30 \uc18d \ubaa9\uc9c8\ubd80\ub97c \uac09\uc544\uba39\uc5b4 \uc678\ubd80\uc5d0 \ubc30\uc124\ubb3c\uacfc \uc218\uc9c0\ub97c \ubc30\ucd9c\ud558\uba70 \ud53c\ud574\ub97c \uc90d\ub2c8\ub2e4. \uc2ec\ud560 \uacbd\uc6b0 \uc218\ubaa9\uc774 \uace0\uc0ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"list-disc list-inside text-gray-700 mt-4 space-y-1\">\n                        <li><strong>\uc6d4\ub3d9\ud0dc:<\/strong> \uc904\uae30\ub098 \uac00\uc9c0 \uc18d\uc758 \uc720\ucda9 \uc0c1\ud0dc\ub85c \uc6d4\ub3d9<\/li>\n                        <li><strong>\ubc1c\uc0dd \ud69f\uc218:<\/strong> \uc9c0\uc5ed\uc5d0 \ub530\ub77c 1\ub144\uc5d0 1\uc138\ub300 \ub610\ub294 2\ub144\uc5d0 1\uc138\ub300, 3\ub144\uc5d0 1\uc138\ub300 \ub4f1 \uc0dd\ud65c\ud658\uc774 \ub9e4\uc6b0 \ubd88\uaddc\uce59\ud568. (\uad6d\ub0b4\uc5d0\uc11c\ub294 2\ub144\uc5d0 1\uc138\ub300 \ub610\ub294 3\ub144\uc5d0 1\uc138\ub300 \ud63c\uc7ac)<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"p-6 bg-white\">\n                    <h3 class=\"text-xl font-semibold text-rose-800 mb-3\">\ubd84\ud3ec \ubc0f \ud655\uc0b0 \ud604\ud669<\/h3>\n                    <p class=\"text-gray-700 mb-4\">\n                        \ud55c\uad6d, \uc77c\ubcf8, \uc911\uad6d, \ub300\ub9cc\uc5d0 \ubd84\ud3ec\ud569\ub2c8\ub2e4. \uad6d\ub0b4\uc5d0\uc11c\ub294 2018\ub144 \uac15\uc6d0\ub3c4 \ucca0\uc6d0, \uacbd\uae30\ub3c4 \ud3ec\ucc9c, \uc758\uc815\ubd80, \ucda9\ub0a8 \ubd80\uc5ec, \uacbd\ubd81 \uc548\ub3d9 \ub4f1\uc9c0\uc5d0\uc11c \ud53c\ud574\uac00 \ud655\uc778\ub418\uc5c8\uc73c\uba70, \ud2b9\ud788 \ud3ec\uc7a5\ub41c \ud658\uacbd\uc5d0 \uc2dd\uc7ac\ub41c \ubc9a\ub098\ubb34\uc758 \ud53c\ud574 \uc815\ub3c4\uac00 \ub354 \ub192\uc740 \uac83\uc73c\ub85c \ub098\ud0c0\ub0ac\uc2b5\ub2c8\ub2e4. \ud749\uace0\uc9c1\uacbd\uc774 \ud070 \ub098\ubb34\uc77c\uc218\ub85d \uc720\ucda9 \uce68\uc785\uacf5\uc758 \uc218\uac00 \uc99d\uac00\ud558\ub294 \uacbd\ud5a5\uc744 \ubcf4\uc785\ub2c8\ub2e4.\n                    <\/p>\n                    <p class=\"text-gray-700\">\uc8fc\uc694 \uac00\ud574 \uc218\uc885\uc740 <strong>\ubc9a\ub098\ubb34\ub958, \ubcf5\uc22d\uc544\ub098\ubb34, \uc0b4\uad6c\ub098\ubb34, \uc790\ub450\ub098\ubb34<\/strong> \ub4f1\uc785\ub2c8\ub2e4. \ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c \uc720\ucda9\uc5d0 \uc758\ud55c \ud53c\ud574 \ubd80\uc704 \uac00\uc7a5\uc790\ub9ac\uc5d0\uc11c \ubcf5\uc22d\uc544\uc720\ub9ac\ub098\ubc29 \uc720\ucda9\uc774 \ubc1c\uacac\ub418\uae30\ub3c4 \ud558\uc5ec \ubc9a\ub098\ubb34\uc758 \ud53c\ud574\ub97c \uac00\uc911\uc2dc\ud0a4\ub294 \uac83\uc73c\ub85c \uc0dd\uac01\ub429\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\">\n                    <h2 class=\"text-2xl font-bold text-rose-800 mb-4\">\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c\uc758 \ud615\ud0dc\uc801 \ud2b9\uc9d5<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c\ub294 \uc131\ucda9, \uc720\ucda9, \uc54c, \ubc88\ub370\uae30 \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 flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uc131\ucda9<\/button>\n                        <button data-type=\"larva\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uc720\ucda9<\/button>\n                        <button data-type=\"egg_pupa\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uc54c \ubc0f \ubc88\ub370\uae30<\/button>\n                    <\/div>\n                    <div id=\"morphology-content\" class=\"p-4\">\n                        <div id=\"morphology-text\" class=\"w-full\">\n                            <h3 id=\"morphology-title\" class=\"text-xl font-semibold text-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\">\n                    <h2 class=\"text-2xl font-bold text-rose-800 mb-4\">\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c\uc758 \uc8fc\uc694 \ud53c\ud574 \uc99d\uc0c1<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c\ub294 \uc720\ucda9\uc774 \ubaa9\uc9c8\ubd80\ub97c \uac00\ud574\ud558\uc5ec \uc678\ubd80\uc5d0 \ub2e4\uc591\ud55c \ud53c\ud574 \ud754\uc801\uc744 \ub0a8\uae41\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-damage-type=\"frass_resin\" class=\"damage-btn active flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\ubaa9\uc7ac\ubd84(\ud1b1\ubc25) \ubc0f \uc218\uc9c0 \ubc30\ucd9c<\/button>\n                        <button data-damage-type=\"entry_exit_holes\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uce68\uc785\uacf5 \ubc0f \ud0c8\ucd9c\uacf5<\/button>\n                        <button data-damage-type=\"wood_decay_dieback\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\ubaa9\uc9c8\ubd80 \uac00\ud574 \ubc0f \uace0\uc0ac<\/button>\n                    <\/div>\n                    <div id=\"damage-content\" class=\"p-4\">\n                        <div id=\"damage-text\" class=\"w-full\">\n                            <h3 id=\"damage-title\" class=\"text-xl font-semibold text-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 \ubc0f \uc804\ud30c Section -->\n            <section id=\"ecology\" class=\"content-section space-y-6\">\n                 <div class=\"p-6 bg-white\">\n                    <h2 class=\"text-2xl font-bold text-rose-800 mb-4\">\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c\uc758 \uc0dd\ud65c\uc0ac \ubc0f \uc804\ud30c \uacfc\uc815<\/h2>\n                     <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c\ub294 \uc9c0\uc5ed\uc5d0 \ub530\ub77c 1~3\ub144\uc5d0 \uac78\uccd0 \uc0dd\ud65c\ud658\uc744 \uc644\uc131\ud558\uba70, \uc720\ucda9 \uc0c1\ud0dc\ub85c \uc904\uae30\ub098 \uac00\uc9c0 \uc18d\uc5d0\uc11c \uc6d4\ub3d9\ud569\ub2c8\ub2e4. \uc131\ucda9\uc740 \uc8fc\ub85c \ub0ae\uc5d0 \ud65c\ub3d9\ud558\uba70 \uad50\ubbf8 \ud6c4 \uc0b0\ub780\ud569\ub2c8\ub2e4.\n                    <\/p>\n                     <div class=\"flex flex-col items-center space-y-2\">\n                        <div class=\"w-full max-w-md text-center p-3 bg-blue-100\">\n                            <p class=\"font-semibold\">1. \uc720\ucda9 \uc6d4\ub3d9 (1~3\ub144)<\/p><p class=\"text-sm\">\ubaa9\uc9c8\ubd80 \ub0b4\uc5d0\uc11c \uc720\ucda9 \uc0c1\ud0dc\ub85c \uc6d4\ub3d9 (2\ub144 \uc6d4\ub3d9 \ud6c4 3\ub144\ucc28\uc5d0 \uc6b0\ud654\ud558\ub294 \uacbd\uc6b0\ub3c4 \uc788\uc74c)<\/p>\n                        <\/div>\n                        <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                        <div class=\"w-full max-w-md text-center p-3 bg-green-100\">\n                            <p class=\"font-semibold\">2. \ubc88\ub370\uae30\ud654 (5\uc6d4 ~ 6\uc6d4)<\/p><p class=\"text-sm\">\uc6d4\ub3d9 \uc720\ucda9\uc774 \ubc88\ub370\uae30 \ubc29\uc744 \ub9cc\ub4e4\uace0 \ubc88\ub370\uae30\uac00 \ub428 (\uc6a9\uae30\uac04 \uc57d 20\uc77c)<\/p>\n                        <\/div>\n                        <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                        <div class=\"w-full max-w-md text-center p-3 bg-yellow-100\">\n                            <p class=\"font-semibold\">3. \uc131\ucda9 \uc6b0\ud654 \ubc0f \uc678\ubd80 \ud0c8\ucd9c (5\uc6d4 ~ 10\uc6d4, \ucd5c\uc131\uae30 6~8\uc6d4)<\/p><p class=\"text-sm\">\ubc88\ub370\uae30\uc5d0\uc11c \uc131\ucda9\uc774 \uc6b0\ud654 \ud6c4 3~5\uc77c \ub4a4 \uc678\ubd80\ub85c \ud0c8\ucd9c (\uc9c1\uacbd 5~7mm \uc6d0\ud615 \ud0c8\ucd9c\uacf5 \ud615\uc131). \uc6b0\ud654 \ucd5c\uc131\uae30\ub294 6~8\uc6d4\uc774\uc9c0\ub9cc, \ubc1c\uc0dd\uc0dd\ud0dc\uac00 \ubd88\uaddc\uce59\ud558\uc5ec 5~10\uc6d4\uae4c\uc9c0 \ub098\ud0c0\ub0a8<\/p>\n                        <\/div>\n                         <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                         <div class=\"w-full max-w-md text-center p-3 bg-orange-100\">\n                            <p class=\"font-semibold\">4. \uad50\ubbf8 \ubc0f \uc0b0\ub780 (\uc131\ucda9 \uc6b0\ud654 \ud6c4 4~5\uc77c)<\/p><p class=\"text-sm\">\uc218\ucef7\uc774 \ud398\ub85c\ubaac\uc73c\ub85c \uc554\ucef7 \uc720\uc778. \uad50\ubbf8 \ud6c4 \uc554\ucef7\uc774 \uc218\ud53c \uac08\ub77c\uc9c4 \ud2c8\uc774\ub098 \uc0c1\ucc98 \ubd80\uc704\uc5d0 \uc54c \uc0b0\ub780 (\uc0b0\ub780\uc218 \uc57d 170\uac1c, \uc0b0\ub780\uae30 5~7\uc77c)<\/p>\n                        <\/div>\n                        <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                         <div class=\"w-full max-w-md text-center p-3 bg-red-100\">\n                            <p class=\"font-semibold\">5. \uc720\ucda9 \ubd80\ud654 \ubc0f \ubaa9\uc9c8\ubd80 \uac00\ud574 (\uc54c \ub09c\uae30 10~15\uc77c)<\/p><p class=\"text-sm\">\uc54c \ubd80\ud654 \ud6c4 \uc720\ucda9\uc774 \ubaa9\uc9c8\ubd80 \uc18d\uc73c\ub85c \ud30c\uace0 \ub4e4\uc5b4\uac00 \uac00\ud574 \uc2dc\uc791. \ud615\uc131\uce35 \ubd80\uc704\ub97c \uc9d1\uc911 \uac00\ud574\ud558\uba70 \ubaa9\uc124\ub85c \ucc9c\uacf5 \ubd80\uc704\ub97c \ub9c9\uc544\ub460<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 bg-white mt-6\">\n                        <h3 class=\"text-xl font-semibold text-rose-800 mb-3\">\uc77c\uc911 \ud65c\ub3d9 \uc591\uc0c1<\/h3>\n                        <p class=\"text-gray-700\">\uc131\ucda9\uc740 \uae30\uc628\uc774 \uc62c\ub77c\uac00\ub294 11\uc2dc\uacbd\ubd80\ud130 \ucd9c\ud604\ud558\uae30 \uc2dc\uc791\ud558\uc5ec 13~15\uc2dc\uc5d0 \uac00\uc7a5 \ub9ce\uc774 \ud65c\ub3d9\ud558\uba70, 17\uc2dc\ubd80\ud130\ub294 \uc218\uad00\ubd80\ub85c \uc774\ub3d9\ud558\uac70\ub098 \uac00\uc9c0 \ub05d \ubd80\ubd84\uc5d0\uc11c \ube44\ud589\ud558\uc5ec \ub0a0\uc544\uac00\ub294 \uac83\uc774 \uad00\ucc30\ub429\ub2c8\ub2e4.<\/p>\n                        <h3 class=\"text-xl font-semibold text-rose-800 mt-4 mb-3\">\ud53c\ud574 \uba74\uc801 \ubc0f \uace0\uc0ac \uc0c1\uad00\uc131<\/h3>\n                        <p class=\"text-gray-700\">\uc720\ucda9 1\uac1c\uccb4\uc5d0 \uc758\ud55c \ud53c\ud574 \uba74\uc801\uc740 \ud3c9\uade0 105.5cm\u00b2 (\ucd5c\uc18c 39.51cm\u00b2 ~ \ucd5c\ub300 158.25cm\u00b2)\ub85c \uc870\uc0ac\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud53c\ud574\uac00 \uc2ec\ud55c \ub098\ubb34(\ud53c\ud574 \uba74\uc801 \ube44\uc728 \ud3c9\uade0 52.3%)\ub294 \uc218\uc138\uac00 \uc57d\ud574\uc9c0\ub294 \ud604\uc0c1\uc774 \ub69c\ub837\ud558\uac8c \ub098\ud0c0\ub0ac\uc2b5\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- \ubc29\uc81c \ubc29\ubc95 Section -->\n            <section id=\"control\" class=\"content-section space-y-6\">\n                <div class=\"p-6 bg-white\">\n                    <h2 class=\"text-2xl font-bold text-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\uc0ac\ud5a5\ud558\ub298\uc18c\ub294 \uc720\ucda9\uc774 \ub098\ubb34 \uc18d\uc5d0\uc11c \uac00\ud574\ud558\ubbc0\ub85c \ubc1c\uacac\uc774 \uc5b4\ub835\uace0 \ubc29\uc81c\uac00 \uae4c\ub2e4\ub86d\uc2b5\ub2c8\ub2e4. \uc608\ubc29\uacfc \uc131\ucda9 \uc6b0\ud654 \uc2dc\uae30 \ubc0f \uc720\ucda9 \ud65c\ub3d9\uae30\uc5d0 \ub9de\ucd98 \ubcf5\ud569 \ubc29\uc81c\uac00 \uc911\uc694\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"space-y-4\">\n                        <div class=\"p-4 bg-red-50\">\n                            <h3 class=\"text-xl font-semibold text-red-800 mb-2\">\u203b \ubc29\uc81c \ud575\uc2ec: \uc720\ucda9 \ubc0f \uc131\ucda9 \ud65c\ub3d9\uae30 \uc9d1\uc911 \ubc29\uc81c<\/h3>\n                            <p class=\"text-gray-700\">\uc8fc\ub85c \uc2a4\ud2b8\ub808\uc2a4\ub97c \ubc1b\uac70\ub098 \uc0c1\ucc98\uac00 \uc788\ub294 \ub098\ubb34\uc5d0 \uc0b0\ub780\ud558\ubbc0\ub85c, \ub098\ubb34\ub97c \uac74\uac15\ud558\uac8c \uad00\ub9ac\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n                        <\/div>\n                        <div class=\"p-4 bg-blue-50\">\n                             <h3 class=\"text-xl font-semibold text-blue-800 mb-2\">\u2460 \ubb3c\ub9ac\uc801 \ubc29\uc81c<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\ud53c\ud574 \uace0\uc0ac\ubaa9 \uc81c\uac70:<\/strong> \ud53c\ud574 \uace0\uc0ac\ubaa9 \ubc0f \ud53c\ud574\uac00 \uc2ec\ud55c \uc218\ubaa9\uc740 \uc131\ucda9 \ucd9c\ud604 \uc2dc\uae30 \uc804(9\uc6d4 \uc774\uc804)\uc5d0 \uc81c\uac70\ud558\ub294 \uac83\uc774 \ubc14\ub78c\uc9c1\ud569\ub2c8\ub2e4. (\uc18c\uac01, \ub9e4\ubab0 \ub4f1)<\/li>\n                                 <li><strong>\uc720\ucda9 \ud3ec\uc0b4:<\/strong> \ubaa9\uc7ac\ubd84\uc774\ub098 \uc218\uc9c0\uac00 \ubc30\ucd9c\ub418\ub294 \uad6c\uba4d(\uc2dd\uc785\uacf5)\uc744 \uc808\uac1c\ud558\uc5ec \uc720\ucda9\uc744 \uc9c1\uc811 \uc7a1\uc544 \uc8fd\uc785\ub2c8\ub2e4. (\u203b \ud3ec\uc0b4 \ud6c4 \ud1b1\uc2e0\uc5e0 \ud398\uc774\uc2a4\ud2b8 \ub4f1 \ub3c4\ud3ec\uc81c\ub85c \ub36e\uc5b4 \ubd80\ud6c4\uade0 \uce68\uc785 \ubc29\uc9c0)<\/li>\n                                 <li><strong>\ucca0\uc0ac \uc774\uc6a9 \uc720\ucda9 \uc801\uc0b4:<\/strong> \uc720\ucda9 \uce68\uc785\uacf5\uc5d0 \ucca0\uc0ac\ub97c \ub123\uc5b4 \uc720\ucda9\uc744 \ucc14\ub7ec \uc8fd\uc785\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc131\ucda9 \ud3ec\ud68d:<\/strong> \uc131\ucda9 \uc6b0\ud654 \uc2dc\uae30(6~8\uc6d4)\uc5d0 \ubc29\ucda9\ub9dd, \uc810\ucc29\ud2b8\ub7a9, \uc0b4\ucda9\ub9dd \ub4f1\uc744 \uc774\uc6a9\ud574 \uc131\ucda9\uc744 \ud3ec\ud68d\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uc218\ud53c \uc81c\uac70:<\/strong> 4\uc6d4~10\uc6d4\uc5d0 \uc218\ud53c\ub97c \uc81c\uac70\ud558\uc5ec \uc720\ucda9\uc744 \ud3ec\uc0b4\ud569\ub2c8\ub2e4.<\/li>\n                             <\/ul>\n                        <\/div>\n                        <div class=\"p-4 bg-green-50\">\n                             <h3 class=\"text-xl font-semibold text-green-800 mb-2\">\u2461 \ud654\ud559\uc801 \ubc29\uc81c<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\uc218\uac04 \uc0b4\ud3ec:<\/strong> \uc131\ucda9 \uc6b0\ud654 \ucd5c\uc131\uae30\uc778 <strong>6~8\uc6d4<\/strong>\uc5d0 \ud558\ub298\uc18c\ub958\uc5d0 \uc57d\ud6a8\uac00 \uc788\ub294 \uc57d\uc81c(\uc608: \ud2f0\uc544\ud074\ub85c\ud504\ub9ac\ub4dc \uc561\uc81c, \uc544\uc138\ud0c0\ubbf8\ud504\ub9ac\ub4dc \uc561\uc81c)\ub97c \uae30\uc900\ubcf4\ub2e4 2\ubc30\uac00\ub7c9 \uc99d\ub7c9\ud558\uc5ec 2~3\ud68c(1\uc8fc \uac04\uaca9) \uc218\uac04\uc5d0 \ucda9\ubd84\ud788 \uc0b4\ud3ec\ud569\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\ub098\ubb34\uc8fc\uc0ac (\uc218\uac04\uc8fc\uc0ac):<\/strong> \uc608\ubc29 \ubaa9\uc801\uc73c\ub85c <strong>5\uc6d4\uacbd<\/strong> \uc218\uac04\uc0bd\uc785\uc81c\ub098 \uc218\uac04\uc8fc\uc0ac\uc81c(\uc608: \uc544\ubc14\uba55\ud2f4\/\uc5d0\ub9c8\uba55\ud2f4\ubca4\uc870\uc5d0\uc774\ud2b8\/\uc774\ubbf8\ub2e4\ud074\ub85c\ud504\ub9ac\ub4dc \uc218\uac04\uc8fc\uc0ac\uc81c, \uc544\uc138\ud398\uc774\ud2b8 \ucea1\uc290\uc81c)\ub97c \uc8fc\uc0ac\ud569\ub2c8\ub2e4. (\ud749\uace0\ub458\ub808 15cm\ub2f9 1\uac1c \uc8fc\uc785\uae30 \uae30\uc900)<\/li>\n                                 <li><strong>\uce68\uc785\uacf5 \uc8fc\uc785:<\/strong> \ubaa9\uc124\uc774 \ubc30\ucd9c\ub418\ub294 \uad6c\uba4d\uc5d0 \uaca8\uc790\uc624\uc77c\uacfc \ub048\ub048\uc774\uc561 \ud63c\ud569\ubb3c\uc744 \ubd84\uc0ac\ud558\uc5ec \uc720\ucda9\uc744 \uce58\uc0ac\uc2dc\ud0b5\ub2c8\ub2e4. (\uc720\ucda9 \ud65c\ub3d9\uae30\uc778 6~7\uc6d4\uc5d0 \ud6a8\uacfc\uc801)<\/li>\n                                 <li><strong>\uc815\ubcf4 \ud655\uc778:<\/strong> \ub18d\uc57d\uc548\uc804\uc815\ubcf4\uc2dc\uc2a4\ud15c(psis.rda.go.kr)\uc5d0\uc11c \ubc9a\ub098\ubb34 \ubc0f \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 bg-yellow-50\">\n                            <h3 class=\"text-xl font-semibold text-yellow-800 mb-2\">\u2462 \uc0dd\ubb3c\ud559\uc801 \ubc29\uc81c \ubc0f \uae30\ud0c0<\/h3>\n                            <ul class=\"list-disc list-inside text-gray-700\">\n                                <li><strong>\ud398\ub85c\ubaac \ud2b8\ub7a9:<\/strong> \ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c \uc131\ud398\ub85c\ubaac(7-methylheptadecane)\uc744 \uc774\uc6a9\ud55c \ud2b8\ub7a9(\ub2e4\uc911\uae54\ub54c\uae30\ud2b8\ub7a9)\uc744 \uc124\uce58\ud558\uc5ec \uc218\ucef7 \uc131\ucda9\uc744 \uc720\uc778 \ud3ec\ud68d\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\uc8fc\ub85c 7\uc6d4 \uc911\uc21c~8\uc6d4 \uc911\uc21c\uc5d0 \ud6a8\uacfc\uc801)<\/li>\n                                <li><strong>\uc218\uc138 \uac15\ud654:<\/strong> \uc218\uac04\uc5d0 \uc0c1\ucc98\ub098 \uac08\ub77c\uc9d0\uc774 \uc5c6\uac8c \ud558\uace0 \uc218\uc138\ub97c \uac15\ud654\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/li>\n                                <li><strong>\ub3c4\ud3ec\uc81c \ud65c\uc6a9:<\/strong> \ub3c4\ud3ec\uc81c(\uc2e4\ubc14\ucf54, \ub77d\ubc1c\uc0bc \ub4f1)\uc5d0 \uc0b4\ud3ec \uc57d\uc81c\ub97c \uc11e\uc5b4 \uc218\uac04 \uc0c1\ucc98\uc5d0 \ubc14\ub974\uac70\ub098 \ucc44\uc6cc\uc8fc\uc5b4 \ubc29\uc81c\ud569\ub2c8\ub2e4. \ud070 \uc0c1\ucc98\ub294 \uc678\uacfc\uc801 \uc2dc\uc220\ub85c \uacf5\ub3d9\uc744 \uba54\uc6cc\uc8fc\ub294 \uac83\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/li>\n                                <li><strong>\ubc84\uc12f \uc81c\uac70:<\/strong> \ubd80\ud6c4\uade0\uc5d0 \uc758\ud55c \ud53c\ud574\uac00 \ub3d9\ubc18\ub420 \uc218 \uc788\uc73c\ubbc0\ub85c, \ubc84\uc12f \ubc1c\uc0dd \uc2dc \ubb3c\ub9ac\uc801\uc73c\ub85c \uc81c\uac70 \ud6c4 \uc18c\ub3c5\ud569\ub2c8\ub2e4.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 bg-white\">\n                    <h3 class=\"text-xl font-semibold text-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-8 pt-4 border-t border-gray-200 mb-8\">\n            <p class=\"text-sm text-gray-500\">\uc815\ubcf4 \ucd9c\ucc98: \uc0b0\ub9bc\uccad, \uad6d\ub9bd\uc0b0\ub9bc\uacfc\ud559\uc6d0, \uc11c\uc6b8\ub300\ud559\uad50 \uc218\ubaa9\uc9c4\ub2e8\uc13c\ud130, \uc778\ucc9c \uc5f0\uc218\uad6c\uccad \ub4f1 \uc804\ubb38 \uc790\ub8cc<\/p>\n            <p class=\"text-sm text-gray-500 mt-1\">\u203b \ubcf8 \uc790\ub8cc\ub294 \uad50\uc721 \ubc0f \uc815\ubcf4 \uc81c\uacf5 \ubaa9\uc801\uc73c\ub85c \uc81c\uc791\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 \uad00\ub828 \uae30\uad00\uc5d0 \ubb38\uc758\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n        <\/footer>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const tabs = document.querySelectorAll('.nav-btn');\n            const sections = document.querySelectorAll('.content-section');\n\n            const morphologyData = {\n                adult: {\n                    title: '\uc131\ucda9',\n                    description: '\ubab8\uae38\uc774 30~38mm (\uc218\ucef7 24~37mm, \uc554\ucef7 20.4mm). \uc804\uccb4\uc801\uc73c\ub85c \ub0a8\uc0c9\uc774 \ub3c4\ub294 \uac80\uc740\uc0c9\uc774\uba70, \uc55e\uac00\uc2b4\uc740 \uc120\ud64d\uc0c9\uc73c\ub85c \uc6b8\ud241\ubd88\ud241\ud558\uace0 \uc591 \uc606\uc5d0 \ub3cc\uae30\uac00 \uc788\uc2b5\ub2c8\ub2e4. \ub354\ub4ec\uc774\ub294 \ubab8\ubcf4\ub2e4 \uae38\uba70, \uc554\ucef7\uc740 \ubd89\uc740\uc0c9 \uc0b0\ub780\uad00\uc73c\ub85c \uad6c\ubcc4\ub429\ub2c8\ub2e4. \uc131\ucda9 \uc218\uba85\uc740 15~30\uc77c\uc785\ub2c8\ub2e4.',\n                    size: '\ud06c\uae30: 30~38mm',\n                },\n                larva: {\n                    title: '\uc720\ucda9',\n                    description: '\ubab8\uae38\uc774 \uc57d 35mm (\ub178\uc219 \uc720\ucda9). \uba38\ub9ac\ub294 \uac08\uc0c9\uc774\uba70 \ubab8\uc740 \uc720\ubc31\uc0c9\uc785\ub2c8\ub2e4. \ub098\ubb34 \uc904\uae30 \uc18d \ubaa9\uc9c8\ubd80\ub97c \uac09\uc544\uba39\uc73c\uba70 \ud615\uc131\uce35 \ubd80\uc704\ub97c \uc9d1\uc911\uc801\uc73c\ub85c \uac00\ud574\ud569\ub2c8\ub2e4. \uc720\ucda9\uc774 \uac00\ud574\ud55c \ubd80\uc704\uc5d0\uc11c\ub294 \ubaa9\uc124(\ud1b1\ubc25\uacfc \ubc30\uc124\ubb3c)\uc774 \ubc30\ucd9c\ub429\ub2c8\ub2e4.',\n                    size: '\ud06c\uae30: \uc57d 35mm (\ub178\uc219 \uc720\ucda9)',\n                },\n                egg_pupa: {\n                    title: '\uc54c \ubc0f \ubc88\ub370\uae30',\n                    description: '<strong>\uc54c:<\/strong> \ud0c0\uc6d0\ud615\uc73c\ub85c \uae38\uc774 6~7mm. \uc554\ucef7 \uc131\ucda9\uc774 \uc218\ud53c\uc758 \uac08\ub77c\uc9c4 \ud2c8\uc774\ub098 \uc0c1\ucc98 \ubd80\uc704\uc5d0 \uc0b0\ub780\ud569\ub2c8\ub2e4. \uc54c \ub09c\uae30(\ubd80\ud654 \uae30\uac04)\ub294 10~15\uc77c\uc785\ub2c8\ub2e4. <strong>\ubc88\ub370\uae30:<\/strong> \uae38\uc774 32~46mm. \uc720\ucda9\uc774 \ubaa9\uc9c8\ubd80 \ub0b4\uc5d0 \ubc88\ub370\uae30 \ubc29\uc744 \ub9cc\ub4e4\uace0 \ubc88\ub370\uae30\uac00 \ub429\ub2c8\ub2e4. \ubc88\ub370\uae30 \uae30\uac04\uc740 \uc57d 20\uc77c\uc785\ub2c8\ub2e4.',\n                    size: '\uc54c: 6~7mm, \ubc88\ub370\uae30: 32~46mm',\n                }\n            };\n\n            const damageData = {\n                frass_resin: {\n                    title: '\ubaa9\uc7ac\ubd84(\ud1b1\ubc25) \ubc0f \uc218\uc9c0 \ubc30\ucd9c',\n                    description: '\uc720\ucda9\uc774 \uc904\uae30 \uc18d \ubaa9\uc9c8\ubd80\ub97c \uac09\uc544\uba39\uc73c\uba74\uc11c \uc678\ubd80\uc5d0 \ub2e4\ub7c9\uc758 \ubaa9\uc7ac\ubd84(\ud1b1\ubc25)\uacfc \ubc30\uc124\ubb3c(\ud504\ub77c\uc2a4)\uc744 \ubc30\ucd9c\ud569\ub2c8\ub2e4. \ud2b9\ud788 \uc9c0\uc81c\ubd80(\ub545\uac00) \uc8fc\uc704\uc5d0 \ud1b1\ubc25\uc774 \uc313\uc5ec\uc788\ub294 \ud615\ud0dc\ub85c \ubc1c\uacac\ub418\uba70, \uac00\ud574 \ubd80\uc704\uc5d0\uc11c\ub294 \uc1a1\uc9c4(\uc218\uc9c0)\uc774 \ud758\ub7ec\ub098\uc624\uae30\ub3c4 \ud569\ub2c8\ub2e4.',\n                },\n                entry_exit_holes: {\n                    title: '\uce68\uc785\uacf5 \ubc0f \ud0c8\ucd9c\uacf5',\n                    description: '\ub9e4\uac1c\ucda9\uc774 \uce68\uc785\ud55c \uc9c1\uacbd 1mm \uc815\ub3c4\uc758 \uc791\uc740 \uce68\uc785\uacf5\uc774 \uc904\uae30\ub098 \uad75\uc740 \uac00\uc9c0 \ud45c\uba74\uc5d0 \ub2e4\uc218 \uc0b0\uc7ac\ud574 \uc788\uc2b5\ub2c8\ub2e4. \uc131\ucda9\uc774 \ub098\ubb34\uc5d0\uc11c \ud0c8\ucd9c\ud558\ub294 \uc9c1\uacbd 5~7mm\uc758 \uc6d0\ud615 \ud0c8\ucd9c\uacf5\ub3c4 \ubc1c\uacac\ub429\ub2c8\ub2e4. \uc774 \uad6c\uba4d\ub4e4\uc740 \ud574\ucda9\uc758 \uc874\uc7ac\ub97c \ud30c\uc545\ud558\ub294 \uc911\uc694\ud55c \ub2e8\uc11c\uc785\ub2c8\ub2e4.',\n                },\n                wood_decay_dieback: {\n                    title: '\ubaa9\uc9c8\ubd80 \uac00\ud574 \ubc0f \uace0\uc0ac',\n                    description: '\uc720\ucda9\uc774 \ubaa9\uc9c8\ubd80 \ub0b4\uc5d0\uc11c \ud130\ub110\uc744 \ud615\uc131\ud558\uba70 \uac00\ud574\ud558\uba74 \ub098\ubb34\uc758 \uc218\ubd84 \ubc0f \uc591\ubd84 \uc774\ub3d9\uc774 \ubc29\ud574\ub429\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \uc78e\uacfc \uac00\uc9c0\uac00 \uc2dc\ub4e4\uace0, \ub098\ubb34\uc758 \uc218\uc138\uac00 \uc57d\ud654\ub418\uc5b4 \uacb0\uad6d \ub9d0\ub77c \uc8fd\uac8c \ub429\ub2c8\ub2e4. \uc2ec\ud55c \uacbd\uc6b0 \ub098\ubb34 \uc804\uccb4\uac00 \uace0\uc0ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.',\n                }\n            };\n            \n            tabs.forEach(tab => {\n                tab.addEventListener('click', () => {\n                    tabs.forEach(t => t.classList.remove('active'));\n                    tab.classList.add('active');\n                    sections.forEach(section => {\n                        section.classList.remove('active');\n                        if (section.id === tab.dataset.tab) {\n                            section.classList.add('active');\n                        }\n                    });\n                });\n            });\n\n            \/\/ Morphology section logic\n            const morphologyTypeButtons = document.querySelectorAll('#morphology .stage-btn');\n            const morphologyTitle = document.getElementById('morphology-title');\n            const morphologyDescription = document.getElementById('morphology-description');\n            const morphologySize = document.getElementById('morphology-size');\n\n            function updateMorphologyContent(type) {\n                morphologyTypeButtons.forEach(btn => btn.classList.remove('active'));\n                document.querySelector(`#morphology .stage-btn[data-type=\"${type}\"]`).classList.add('active');\n                \n                const data = morphologyData[type];\n                morphologyTitle.textContent = data.title;\n                morphologyDescription.textContent = data.description;\n                morphologySize.textContent = data.size;\n            }\n\n            \/\/ Initial content for morphology section\n            updateMorphologyContent('adult'); \n\n            morphologyTypeButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    updateMorphologyContent(button.dataset.type);\n                });\n            });\n\n\n            \/\/ Damage section logic\n            const damageTypeButtons = document.querySelectorAll('#damage .damage-btn');\n            const damageTitle = document.getElementById('damage-title');\n            const damageDescription = document.getElementById('damage-description');\n\n            function updateDamageContent(type) {\n                damageTypeButtons.forEach(btn => btn.classList.remove('active'));\n                document.querySelector(`#damage .damage-btn[data-damage-type=\"${type}\"]`).classList.add('active');\n                \n                const data = damageData[type];\n                damageTitle.textContent = data.title;\n                damageDescription.textContent = data.description;\n            }\n\n            \/\/ Initial content for damage section\n            updateDamageContent('frass_resin');\n\n            damageTypeButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    updateDamageContent(button.dataset.damageType);\n                });\n            });\n\n            const ctx = document.getElementById('controlChart').getContext('2d');\n            new Chart(ctx, {\n                type: 'bar',\n                data: {\n                    labels: ['1\uc6d4', '2\uc6d4', '3\uc6d4', '4\uc6d4', '5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4', '11\uc6d4', '12\uc6d4'],\n                    datasets: [{\n                        label: '\uc131\ucda9 \uc6b0\ud654 \ubc0f \ud65c\ub3d9\uae30',\n                        data: [0, 0, 0, 0, 5, 10, 8, 5, 2, 0, 0, 0], \/\/ Peak June-July, irregular emergence 5-10\n                        backgroundColor: 'rgba(236, 72, 153, 0.6)', \/* pink-500 *\/\n                        borderColor: 'rgba(236, 72, 153, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '\uc720\ucda9 \uac00\ud574\uae30 (\ubaa9\uc9c8\ubd80 \ub0b4\ubd80)',\n                        data: [10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10], \/\/ Year-round activity\n                        backgroundColor: 'rgba(120, 113, 108, 0.6)', \/* stone-500 *\/\n                        borderColor: 'rgba(120, 113, 108, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '\ubc29\uc81c \ucd94\ucc9c \uae30\uac04 (\uc131\ucda9 \ubc29\uc81c\/\ub098\ubb34\uc8fc\uc0ac)',\n                        data: [0, 0, 0, 0, 12, 12, 12, 12, 0, 0, 0, 0], \/\/ May-Aug for adult control\/tree injection\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 (\uc720\ucda9 \ubc29\uc81c\/\ud53c\ud574\ubaa9 \uc81c\uac70)',\n                        data: [0, 0, 0, 0, 0, 12, 12, 12, 12, 12, 12, 12], \/\/ June-Dec for larval control\/removal\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')) return ` ${context.dataset.label}: 5\uc6d4 ~ 8\uc6d4`;\n                                        return ` ${context.dataset.label}: 6\uc6d4 ~ 12\uc6d4 (\uc5f0\uc911 \uac00\ub2a5)`;\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\uc0ac\ud5a5\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","protected":false},"featured_media":3162,"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":[147,190,168,110,167],"pest-category":[143,94],"pest-overwintering":[100],"class_list":["post-3161","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-147","pest-target-190","pest-target-168","pest-target-110","pest-target-167","pest-category-143","pest-category-94","pest-overwintering-larva"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c.jpg",1115,540,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c-150x150.jpg",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c-300x145.jpg",300,145,true],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c-768x372.jpg",768,372,true],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c-1024x496.jpg",1024,496,true],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c.jpg",1115,540,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c.jpg",1115,540,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\uc0ac\ud5a5\ud558\ub298\uc18c \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ud615\ud0dc \ud53c\ud574 \uc99d\uc0c1 \uc0dd\ud65c\uc0ac \ubc0f \uc804\ud30c \ubc29\uc81c \ubc29\ubc95 \ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c (Aromia bungii)\uc774\ub780? \ubc9a\ub098\ubb34\uc0ac\ud5a5\ud558\ub298\uc18c\ub294 \ub531\uc815\ubc8c\ub808\ubaa9 \ud558\ub298\uc18c\uacfc\uc5d0 \uc18d\ud558\ub294 \ud574\ucda9\uc785\ub2c8\ub2e4. [&hellip;]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/3161","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\/3162"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3161"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=3161"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=3161"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=3161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}