{"id":2465,"date":"2025-06-21T11:56:20","date_gmt":"2025-06-21T11:56:20","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?post_type=pest&p=2465"},"modified":"2025-06-21T11:56:23","modified_gmt":"2025-06-21T11:56:23","slug":"%ea%b0%88%ec%83%89%eb%82%a0%ea%b0%9c%eb%85%b8%eb%a6%b0%ec%9e%ac","status":"publish","type":"pest","link":"https:\/\/hstc.treecare.co.kr\/?pest=%ea%b0%88%ec%83%89%eb%82%a0%ea%b0%9c%eb%85%b8%eb%a6%b0%ec%9e%ac","title":{"rendered":"\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n \n \n \uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac \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&display=swap\" rel=\"stylesheet\">\n <!-- Chosen Palette: Olive Green & Earth Tones -->\n <!-- Application Structure Plan: The SPA for Brown-Winged Green Bug 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 facilitates 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 (especially fruit damage). '\uc0dd\ud65c\uc0ac' includes a flowchart to visualize its two-generational life cycle. '\ubc29\uc81c \ubc29\ubc95' incorporates a Chart.js visualization to illustrate optimal chemical control timings, primarily targeting adults before fruit maturation. -->\n <!-- Visualization & Content Choices: \n 1. Report Info: Pest Morphology (Adult, Nymph) -> Goal: Inform & Identify -> Viz\/Method: Interactive image gallery with buttons for '\uc131\ucda9' and '\uc57d\ucda9' -> Interaction: Clicking buttons updates image and descriptive text for each form. -> Justification: Visual identification of adult (distinct wings) and nymph (different instars) is crucial. -> Library\/Method: Vanilla JS.\n 2. Report Info: Damage Types (Fruit damage - spotting\/corking\/premature drop, Leaf damage - suction) -> Goal: Inform & Diagnose -> Viz\/Method: Interactive image gallery with buttons for '\uacfc\uc2e4 \ud53c\ud574 (\ud761\uc999)', '\uc78e \ud53c\ud574 (\ud761\uc999)', '\ub099\uacfc' -> Interaction: Clicking buttons updates image and descriptive text. -> Justification: The pest causes varied and specific fruit damage, which needs clear visual explanation. -> Library\/Method: Vanilla JS.\n 3. Report Info: Lifecycle (Adult overwintering, 2 generations\/year, specific timings for adults and eggs) -> Goal: Organize & Show Change -> Viz\/Method: HTML\/CSS vertical flowchart -> Interaction: Static visual aid -> Justification: Visualizing the two-generational lifecycle with key stages and approximate timings is essential for understanding pest biology and planning control measures. -> Library\/Method: HTML\/Tailwind.\n 4. Report Info: Chemical Control Timing (Targeting adults in spring\/early summer, and again before harvest) -> Goal: Inform & Guide -> Viz\/Method: Bar Chart -> Interaction: Hover tooltips -> Justification: The chart clearly illustrates the primary windows for chemical intervention, which targets adults moving to fruit and before harvest, making the timing actionable. -> Library\/Method: 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: #3f6212; \/* lime-800 *\/\n color: #ecfccb; \/* lime-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: #6d8b3c; \/* Olive-green shade *\/\n color: white;\n font-weight: 600;\n transform: scale(1.05);\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n <div class=\"container mx-auto p-4 md:p-8\">\n \n <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-lime-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-lime-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-lime-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-lime-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-lime-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-lime-800 mb-4\">\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac(Plautia stali)\ub780?<\/h2>\n <p class=\"text-gray-700 leading-relaxed\">\n \uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac\ub294 \ub178\ub9b0\uc7ac\ubaa9 \ub178\ub9b0\uc7ac\uacfc\uc5d0 \uc18d\ud558\ub294 \ud574\ucda9\uc73c\ub85c, \ubc24\ub098\ubb34, \uac10\ub098\ubb34, \ucf69, \ubc9a\ub098\ubb34, \ubc30\ub098\ubb34, \ud3ec\ub3c4\ub098\ubb34, \ucc38\ub2e4\ub798, \ubcf5\uc22d\uc544\ub098\ubb34 \ub4f1 \ub9e4\uc6b0 \ub2e4\uc591\ud55c \uc2dd\ubb3c\uc5d0 \ud53c\ud574\ub97c \uc8fc\ub294 \uad11\uc2dd\uc131 \ud574\ucda9\uc785\ub2c8\ub2e4. \uc131\ucda9\uacfc \uc57d\ucda9\uc774 \uc2dd\ubb3c\uccb4, \ud2b9\ud788 \uacfc\uc2e4\uc758 \uc218\uc561\uc744 \ud761\uc999\ud558\uc5ec \uc0c1\ud488 \uac00\uce58\ub97c \ub5a8\uc5b4\ub728\ub9ac\uace0 \ub099\uacfc\ub97c \uc720\ubc1c\ud569\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <div class=\"p-6 bg-white rounded-lg shadow\">\n <h3 class=\"text-xl font-semibold text-lime-800 mb-3\">\ubd84\ud3ec \ubc0f \ud2b9\uc9d5<\/h3>\n <p class=\"text-gray-700 mb-4\">\n \uad6d\ub0b4 \uc804\uc5ed\uc5d0 \ubd84\ud3ec\ud558\uba70, \uc77c\ubcf8, \uc911\uad6d, \ub7ec\uc2dc\uc544\uc5d0\ub3c4 \uc11c\uc2dd\ud569\ub2c8\ub2e4. \uc5f0\ub450\uc0c9\uc774\ub098 \ub179\uc0c9\uc758 \ubab8\uacfc \uac08\uc0c9 \uacc4\uc5f4\uc758 \uc55e\ub0a0\uac1c \ud601\uc9c8\ubd80\uac00 \ud2b9\uc9d5\uc785\ub2c8\ub2e4. \uc8fc\ub85c 4\uc6d4\uc5d0\uc11c 11\uc6d4\uc5d0 \uac78\uccd0 \ubc1c\uc0dd\ud558\uba70 \ube5b\uc5d0 \ubaa8\uc774\ub294 \uc131\uc9c8\uc774 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n <!-- \ud615\ud0dc Section -->\n <section id=\"morphology\" class=\"content-section space-y-6\">\n <div class=\"p-6 bg-white rounded-lg shadow\">\n <h2 class=\"text-2xl font-bold text-lime-800 mb-4\">\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac\uc758 \ud615\ud0dc\uc801 \ud2b9\uc9d5<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac\ub294 \uc131\ucda9\uacfc \uc57d\ucda9\uc758 \ubaa8\uc2b5\uc774 \ub2e4\ub985\ub2c8\ub2e4. \ud2b9\ud788 \uc131\ucda9\uc740 \uc774\ub984\ucc98\ub7fc \uac08\uc0c9\ube5b \ub0a0\uac1c\uac00 \ud2b9\uc9d5\uc785\ub2c8\ub2e4.\n <\/p>\n <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n <button data-type=\"adult\" class=\"stage-btn active text-sm md:text-base py-2 px-4 bg-gray-200 rounded-full font-semibold shadow-sm transition-transform duration-200\">\uc131\ucda9<\/button>\n <button data-type=\"nymph\" 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\">\uc57d\ucda9<\/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:\/\/placehold.co\/400x300\/a3e635\/16a34a?text=\uc774\ubbf8\uc9c0\" alt=\"\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac \ud615\ud0dc \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-lime-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-lime-800 mb-4\">\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac\uc758 \uc8fc\uc694 \ud53c\ud574 \uc99d\uc0c1<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac\ub294 \uad6c\uce68(\uc785)\uc744 \uc774\uc6a9\ud558\uc5ec \uc2dd\ubb3c\uccb4\uc758 \uc218\uc561\uc744 \ud761\uc999\ud558\uba70, \ud2b9\ud788 \uacfc\uc2e4\uc5d0 \ud070 \ud53c\ud574\ub97c \uc90d\ub2c8\ub2e4.\n <\/p>\n <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n <button data-damage-type=\"fruit_sucking\" 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\">\uacfc\uc2e4 \ud761\uc999 \ud53c\ud574<\/button>\n <button data-damage-type=\"leaf_sucking\" class=\"damage-btn text-sm md:text-base py-2 px-4 bg-gray-200 rounded-full font-semibold shadow-sm transition-transform duration-200\">\uc78e \ud761\uc999 \ud53c\ud574<\/button>\n <button data-damage-type=\"premature_drop\" 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\">\ud53c\ud574 \uacfc\uc2e4 \ub099\uacfc<\/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:\/\/placehold.co\/400x300\/e2e8f0\/334155?text=\ud53c\ud574+\uc774\ubbf8\uc9c0\" alt=\"\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac \ud53c\ud574 \uc774\ubbf8\uc9c0\" class=\"w-full md:w-1\/2 rounded-lg shadow-md mb-4 md:mb-0\">\n <div id=\"damage-text\" class=\"md:w-1\/2\">\n <h3 id=\"damage-title\" class=\"text-xl font-semibold text-lime-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-lime-800 mb-4\">\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac\uc758 \uc0dd\ud65c\uc0ac (\uc5f0 2\ud68c \ubc1c\uc0dd)<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac\ub294 1\ub144\uc5d0 2\ud68c \ubc1c\uc0dd\ud558\uba70, \uc131\ucda9 \uc0c1\ud0dc\ub85c \uc6d4\ub3d9\ud569\ub2c8\ub2e4. \ub530\ub73b\ud55c \uae30\ud6c4\uc5d0\uc11c\ub294 \uc5f0\uc911 \ubc1c\uc0dd\ud558\uae30\ub3c4 \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 rounded-lg\">\n <p class=\"font-semibold\">1. \uc6d4\ub3d9 (\uc131\ucda9)<\/p><p class=\"text-sm\">\ub099\uc5fd \uc18d\uc774\ub098 \ud480\ubfcc\ub9ac \uadfc\ucc98\uc5d0\uc11c \uc131\ucda9\uc73c\ub85c \uaca8\uc6b8\uc744 \uc9c0\ub0c4<\/p>\n <\/div>\n <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n <div class=\"w-full max-w-md text-center p-3 bg-green-100 rounded-lg\">\n <p class=\"font-semibold\">2. 1\uc138\ub300 \uc131\ucda9 \ud65c\ub3d9 (3\uc6d4 \ud558\uc21c ~ 4\uc6d4 \uc911\uc21c)<\/p><p class=\"text-sm\">\uc6d4\ub3d9 \uc131\ucda9\uc774 \uacfc\uc218\ub85c \uc774\ub3d9\ud558\uc5ec \uac00\ud574 \ubc0f \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-yellow-100 rounded-lg\">\n <p class=\"font-semibold\">3. \uc0b0\ub780 \ubc0f 1\uc138\ub300 \uc57d\ucda9 \ubd80\ud654 (5\uc6d4 \uc911\uc21c)<\/p><p class=\"text-sm\">\uc78e \ub4b7\uba74\uc5d0 \ub9c8\ub984\ubaa8\ud615\uc73c\ub85c \uc57d 15\uac1c\uc529 \uc54c\uc744 \ub0b3\uc74c. \uc57d\ucda9 \ubd80\ud654<\/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. 1\uc138\ub300 \uc131\ucda9 \ucd9c\ud604 \ubc0f \uac00\ud574 (7\uc6d4 ~ 8\uc6d4)<\/p><p class=\"text-sm\">\uc57d\ucda9\uc774 \uc131\uc7a5\ud558\uc5ec \uc131\ucda9\uc774 \ub428. \uacfc\uc2e4 \uac00\ud574 \uc2dc\uc791 (\uc0b0\ub780 \uc5c6\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-red-100 rounded-lg\">\n <p class=\"font-semibold\">5. 2\uc138\ub300 \uc131\ucda9 \ucd9c\ud604 \ubc0f \uc6d4\ub3d9 \uc774\ub3d9 (8\uc6d4 ~ 10\uc6d4)<\/p><p class=\"text-sm\">\uc0c8\ub85c\uc6b4 \uc131\ucda9\uc774 \ub098\ud0c0\ub098\uba70, 10~11\uc6d4\uc5d0 \uc6d4\ub3d9 \uc7a5\uc18c\ub85c \uc774\ub3d9<\/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-lime-800 mb-4\">\ud6a8\uacfc\uc801\uc778 \ubc29\uc81c \ubc29\ubc95<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac\ub294 \uacfc\uc2e4 \ud53c\ud574\uac00 \ud06c\ubbc0\ub85c, \ud53c\ud574 \ubc1c\uc0dd \uc804 \uc608\ubc29\uc801 \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 \ud654\ud559\uc801 \ubc29\uc81c<\/h3>\n <ul class=\"list-disc list-inside text-gray-700\">\n <li><strong>\uc0b4\ud3ec \uc2dc\uae30:<\/strong> \uacfc\uc2e4 \ub099\ud654 \uc9c1\ud6c4, \ubd09\uc9c0 \uc50c\uc6b0\uae30 \uc804, \uc218\ud655 \uc804 \ub4f1 \ub178\ub9b0\uc7ac \ubc29\uc81c \uc57d\uc81c\ub97c \uc0b4\ud3ec\ud569\ub2c8\ub2e4. \ud2b9\ud788 9~10\uc6d4\uc758 \ud53c\ud574\uac00 \ud06c\ubbc0\ub85c \uc774 \uc2dc\uae30 \ubc29\uc81c\ub3c4 \uc911\uc694\ud569\ub2c8\ub2e4.<\/li>\n <li><strong>\uc57d\uc81c \uc885\ub958:<\/strong> \ubc1c\uc0dd \ucd08\uae30\uc5d0 \ube44\ud39c\ud2b8\ub9b0 \uc720\uc81c, \uc5d0\ud1a0\ud39c\ud504\ub85d\uc2a4 \uc720\ud0c1\uc81c 1,000\ubc30\uc561\uc744 2~3\ud68c \uc774\ub0b4\ub85c \uacbd\uc5fd \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub18d\uc57d\uc548\uc804\uc815\ubcf4\uc2dc\uc2a4\ud15c(psis.rda.go.kr)\uc5d0\uc11c \ub4f1\ub85d\ub41c \uc57d\uc81c\ub97c \ud655\uc778\ud558\uc2ed\uc2dc\uc624.<\/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>\uc218\ub3d9 \uc81c\uac70:<\/strong> \ub178\ub9b0\uc7ac\ub294 \ub208\uc5d0 \uc798 \ub744\ubbc0\ub85c \ubc1c\uacac \uc989\uc2dc \uc7a1\uc544 \uc8fd\uc774\ub294 \uac83\uc774 \ud6a8\uacfc\uc801\uc785\ub2c8\ub2e4.<\/li>\n <li><strong>\uc0b0\ub780\ub41c \uc78e \uc81c\uac70:<\/strong> \uc54c\uc774 \uc0b0\ub780\ub41c \uc78e\uc744 \uc81c\uac70\ud558\uc5ec \ubd80\ud654\ub97c \ub9c9\uc2b5\ub2c8\ub2e4.<\/li>\n <li><strong>\uc9d1\ud569\ud398\ub85c\ubaac \ud2b8\ub7a9:<\/strong> \uacfc\uc218\uc6d0 \uc778\uadfc\uc5d0 \uc124\uce58\ud558\uc5ec \uc131\ucda9\uc744 \ub300\ub7c9 \uc720\uc0b4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\u203b \uacfc\uc218\uc6d0 \ub0b4\ubd80\uc5d0 \uc124\uce58 \uc2dc \ud53c\ud574 \uc99d\uac00 \uc6b0\ub824 \uc788\uc73c\ubbc0\ub85c \uc8fc\uc758)<\/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 \ud658\uacbd \uad00\ub9ac<\/h3>\n <p class=\"text-gray-700\">\uacfc\uc218\uc6d0 \uc8fc\ubcc0\uc758 \ub178\ub9b0\uc7ac\ub958 \ubc1c\uc0dd\uacfc \uad00\ub828\ub41c \uc7a1\ucd08\ub098 \uc2dd\ubb3c\ub958\ub97c \uc815\ub9ac\ud558\uc5ec \uc11c\uc2dd\ucc98\ub97c \uc904\uc785\ub2c8\ub2e4. \ud1b5\ud48d\uc774 \uc798 \uc548 \ub418\ub294 \uacf3\uc5d0\uc11c \ubc1c\uc0dd\uc774 \ub9ce\uc73c\ubbc0\ub85c \ud1b5\ud48d \uad00\ub9ac\uc5d0 \uc2e0\uacbd \uc501\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-lime-800 mb-4 text-center\">\uc8fc\uc694 \ud65c\ub3d9 \uc2dc\uae30 \ubc0f \ubc29\uc81c \uc801\uae30<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"controlChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"text-center mt-12 pt-4 border-t border-gray-200\">\n <p class=\"text-sm text-gray-500\">\uc815\ubcf4 \ucd9c\ucc98: \uc0b0\ub9bc\uccad, \ub18d\ucd0c\uc9c4\ud765\uccad \ub4f1 \uc804\ubb38 \uc790\ub8cc<\/p>\n <\/footer>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const tabs = document.querySelectorAll('.nav-btn');\n const sections = document.querySelectorAll('.content-section');\n\n const morphologyData = {\n adult: {\n title: '\uc131\ucda9',\n description: '\ubab8\uae38\uc774 10~12mm. \ubab8\uc740 \uad11\ud0dd \uc788\ub294 \ub179\uc0c9\uc774\uace0 \uc55e\ub0a0\uac1c \ud601\uc9c8\ubd80\ub294 \uac08\uc0c9\uc785\ub2c8\ub2e4. \uacb9\ub208\uc740 \ud751\uac08\uc0c9\uc774\uace0 \ub354\ub4ec\uc774\ub294 \uc5f0\ud55c \uac08\uc0c9\uc785\ub2c8\ub2e4.',\n size: '\ud06c\uae30: 10~12mm',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/plautia_stali_adult.jpg' \n },\n nymph: {\n title: '\uc57d\ucda9',\n description: '\uac13 \ubd80\ud654\ud55c 1\ub839 \uc57d\ucda9\uc740 \uac80\uc740\uc0c9\uc774\uba70, 2\ub839 \uc774\ud6c4\uc5d0\ub294 \ub300\ubd80\ubd84\uc758 \uc624\ub80c\uc9c0\uc0c9-\ubd89\uc740\uc0c9\uc774 \uc0ac\ub77c\uc9c0\uace0 \uc5b4\ub450\uc6b4 \uc0c9\uc744 \ub771\ub2c8\ub2e4. \ub2e4 \uc790\ub780 \uc57d\ucda9\uc740 \ub179\uc0c9\ud615\uacfc \uac80\uc740\uc0c9\ud615\uc774 \uc11e\uc5ec \uc788\uc2b5\ub2c8\ub2e4.',\n size: '\ud06c\uae30: \uc57d 2.4mm (1\ub839) ~ 12mm (5\ub839)',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/plautia_stali_nymph.jpg' \n },\n egg: {\n title: '\uc54c',\n description: '\uc78e \ub4b7\uba74\uc5d0 \ub9c8\ub984\ubaa8\ud615\uc73c\ub85c \uc57d 15\uac1c\uc529 \ubb34\ub354\uae30\ub85c \uc0b0\ub780\ub429\ub2c8\ub2e4. \ub178\ub780\ube5b\uc744 \ub764 \ud68c\ubc31\uc0c9\uc785\ub2c8\ub2e4.',\n size: '\ud06c\uae30: \uc57d 1mm',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/plautia_stali_egg.jpg' \n }\n };\n\n const damageData = {\n fruit_sucking: {\n title: '\uacfc\uc2e4 \ud761\uc999 \ud53c\ud574',\n description: '\uc131\ucda9\uacfc \uc57d\ucda9\uc774 \uad6c\uce68\uc744 \uacfc\uc2e4\uc5d0 \uaf42\uc544 \uc218\uc561\uc744 \ud761\uc999\ud569\ub2c8\ub2e4. \ud53c\ud574 \ubd80\uc704\uc5d0\ub294 8~10mm \uc815\ub3c4\uc758 \ub465\uadfc \uac80\uc740 \ubc18\uc810\uc774 \uc0dd\uae30\uace0, \uc911\uc559\ubd80\ub97c \uc808\uac1c\ud558\uba74 \uacfc\uc721\uc774 \ud770 \uc2a4\ud3f0\uc9c0 \ubaa8\uc591\uc73c\ub85c \ubcc0\ud569\ub2c8\ub2e4. \ubcf5\uc22d\uc544\ub294 \ud22c\uba85\ud55c \uc999\uc561\uc774 \uc720\ucd9c\ub418\uac70\ub098 \ucf54\ub974\ud06c\ud654\ub429\ub2c8\ub2e4.',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/plautia_stali_fruit_damage.jpg'\n },\n leaf_sucking: {\n title: '\uc78e \ud761\uc999 \ud53c\ud574',\n description: '\uc57d\ucda9\uc740 \uc78e \ub4b7\uba74\uc5d0 \uae30\uc0dd\ud558\uc5ec \uc218\uc561\uc744 \ud761\uc999 \uac00\ud574\ud569\ub2c8\ub2e4. \uc78e\uc5d0 \ub69c\ub837\ud55c \ud761\uc999 \ud754\uc801\uc744 \ub0a8\uae30\uba70, \uc78e\uc758 \ud65c\ub825\uc744 \ub5a8\uc5b4\ub728\ub9bd\ub2c8\ub2e4.',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/plautia_stali_leaf_damage.jpg'\n },\n premature_drop: {\n title: '\ud53c\ud574 \uacfc\uc2e4 \ub099\uacfc',\n description: '\uacfc\uc2e4\uc774 \uc131\uc219\ub418\uae30 \uc804\uc5d0 \ud53c\ud574\ub97c \ubc1b\uc73c\uba74 \uc2ec\ud558\uac8c \ub099\uacfc\ub429\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \uacfc\uc2e4 \uc218\ud655\ub7c9\uc774 \uac10\uc18c\ud558\uace0 \uacbd\uc81c\uc801 \ud53c\ud574\uac00 \ubc1c\uc0dd\ud569\ub2c8\ub2e4.',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/plautia_stali_fruit_drop.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('fruit_sucking'); \/\/ 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: ['3\uc6d4', '4\uc6d4', '5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4'],\n datasets: [{\n label: '1\uc138\ub300 \uc131\ucda9 \ud65c\ub3d9\uae30 (\uacfc\uc218\uc6d0 \uc774\ub3d9)',\n data: [0, 8, 10, 5, 0, 0, 0, 0], \/\/ Peak April-May\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: '2\uc138\ub300 \uc131\ucda9 \ud65c\ub3d9\uae30 (\ud53c\ud574 \uc2ec\ud654)',\n data: [0, 0, 0, 0, 5, 10, 8, 5], \/\/ Peak August-September\n backgroundColor: 'rgba(220, 38, 38, 0.6)', \/* red-600 *\/\n borderColor: 'rgba(220, 38, 38, 1)',\n borderWidth: 1,\n yAxisID: 'y',\n },{\n label: '\ubc29\uc81c \ucd94\ucc9c \uae30\uac04 (1\uc138\ub300 \uc131\ucda9\/\uc57d\ucda9)',\n data: [0, 12, 12, 0, 0, 0, 0, 0], \/\/ April-May, \ub099\ud654 \uc9c1\ud6c4\/\ubd09\uc9c0 \uc50c\uc6b0\uae30 \uc804\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 (2\uc138\ub300 \uc131\ucda9, \uc218\ud655 \uc804)',\n data: [0, 0, 0, 0, 0, 12, 12, 0], \/\/ Late Aug-Sept, \uc218\ud655 \uc804\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 return ` ${context.dataset.label}`;\n }\n return ` ${context.dataset.label}: ${context.raw} (\ud65c\ub3d9 \ubc00\ub3c4)`;\n }\n }\n },\n title: {\n display: true,\n text: '\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac \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":2466,"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":[112,136,148,147,150,146,149],"pest-category":[94,78],"pest-overwintering":[83],"class_list":["post-2465","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-112","pest-target-136","pest-target-148","pest-target-147","pest-target-150","pest-target-146","pest-target-149","pest-category-94","pest-category-78","pest-overwintering-adult"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/450px-\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac_\uc131\ucda9.png",450,298,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/450px-\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac_\uc131\ucda9-150x150.png",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/450px-\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac_\uc131\ucda9-300x199.png",300,199,true],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/450px-\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac_\uc131\ucda9.png",450,298,false],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/450px-\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac_\uc131\ucda9.png",450,298,false],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/450px-\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac_\uc131\ucda9.png",450,298,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/450px-\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac_\uc131\ucda9.png",450,298,false]},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ud615\ud0dc \ud53c\ud574 \uc99d\uc0c1 \uc0dd\ud65c\uc0ac \ubc29\uc81c \ubc29\ubc95 \uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac(Plautia stali)\ub780? \uac08\uc0c9\ub0a0\uac1c\ub178\ub9b0\uc7ac\ub294 \ub178\ub9b0\uc7ac\ubaa9 \ub178\ub9b0\uc7ac\uacfc\uc5d0 \uc18d\ud558\ub294 \ud574\ucda9\uc73c\ub85c, \ubc24\ub098\ubb34, \uac10\ub098\ubb34, \ucf69, […]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/2465","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\/2466"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2465"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=2465"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=2465"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=2465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}