{"id":3302,"date":"2025-07-02T12:29:22","date_gmt":"2025-07-02T12:29:22","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?post_type=pest&#038;p=3302"},"modified":"2025-07-02T12:40:17","modified_gmt":"2025-07-02T12:40:17","slug":"%ec%86%8c%eb%82%98%eb%ac%b4%ec%9d%91%ec%95%a0","status":"publish","type":"pest","link":"https:\/\/hstc.treecare.co.kr\/?pest=%ec%86%8c%eb%82%98%eb%ac%b4%ec%9d%91%ec%95%a0","title":{"rendered":"\uc18c\ub098\ubb34\uc751\uc560"},"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>\uc18c\ub098\ubb34\uc751\uc560 \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    <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: #166534 !important; \/* emerald-800 *\/\n            color: #ecfdf5 !important; \/* emerald-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: #22c55e; \/* emerald-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            <\/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-emerald-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-emerald-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-emerald-100\">\ud53c\ud574 \uc591\uc0c1<\/button>\n            <button data-tab=\"ecology\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-emerald-100\">\uc0dd\ud65c\uc0ac<\/button>\n            <button data-tab=\"control\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-emerald-100\">\ubc29\uc81c \ubc29\ubc95<\/button>\n        <\/nav>\n\n        <main id=\"app-content\" class=\"p-2 md:p-2\">\n            \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-emerald-800 mb-4\">\uc18c\ub098\ubb34\uc751\uc560 (<i>Oligonychus ununguis<\/i>)\ub780?<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed\">\n                        \uc18c\ub098\ubb34\uc751\uc560\ub294 \uac70\ubbf8\uac15 \uc751\uc560\ubaa9\uc5d0 \uc18d\ud558\ub294 \ud574\ucda9\uc73c\ub85c, \uc18c\ub098\ubb34\ub958\uc758 \uc78e(\uce68\uc5fd)\uc5d0\uc11c \uc999\uc744 \ube68\uc544\uba39\uc5b4 \ud53c\ud574\ub97c \uc90d\ub2c8\ub2e4. \ud06c\uae30\uac00 \ub9e4\uc6b0 \uc791\uc544 \uc721\uc548\uc73c\ub85c \uad00\ucc30\ud558\uae30 \uc5b4\ub835\uace0, \uace0\uc628 \uac74\uc870\ud55c \ud658\uacbd\uc5d0\uc11c \uae09\uaca9\ud788 \uc99d\uc2dd\ud558\uc5ec \ud070 \ud53c\ud574\ub97c \uc720\ubc1c\ud558\ub294 \uac83\uc774 \ud2b9\uc9d5\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> \uac00\uc9c0\uc758 \ubd84\uae30\uc810\uc774\ub098 \uc78e \uae30\ubd80\uc5d0 \uc54c \uc0c1\ud0dc\ub85c \uc6d4\ub3d9\ud568,.<\/li>\n                        <li><strong>\ubc1c\uc0dd \ud69f\uc218:<\/strong> \uc5f0 8~10\ud68c \ubc1c\uc0dd\ud558\uba70 \uc138\ub300 \uae30\uac04\uc774 \uc9e7\uc544 \uc99d\uc2dd \uc18d\ub3c4\uac00 \ub9e4\uc6b0 \ube60\ub984.<\/li>\n                        <li><strong>\uc8fc\uc694 \uae30\uc8fc\uc2dd\ubb3c:<\/strong> \uc18c\ub098\ubb34, \uc7a3\ub098\ubb34, \uac00\ubb38\ube44\ub098\ubb34, \ud5a5\ub098\ubb34, \uc0bc\ub098\ubb34, \uc804\ub098\ubb34 \ub4f1 \ub300\ubd80\ubd84\uc758 \uce68\uc5fd\uc218.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/section>\n\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-emerald-800 mb-4\">\uc18c\ub098\ubb34\uc751\uc560\uc758 \ud615\ud0dc<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \uc131\ucda9, \uc57d\ucda9, \uc54c \ubaa8\ub450 \ud06c\uae30\uac00 \ub9e4\uc6b0 \uc791\uc544 \ub3cb\ubcf4\uae30\ub098 \ud604\ubbf8\uacbd\uc73c\ub85c \uad00\ucc30\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-type=\"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\">\uc57d\ucda9\/\uc720\ucda9<\/button>\n                        <button data-type=\"egg\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uc54c<\/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-emerald-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            <section id=\"damage\" class=\"content-section space-y-6\">\n                <div class=\"p-6 bg-white\">\n                    <h2 class=\"text-2xl font-bold text-emerald-800 mb-4\">\uc8fc\uc694 \ud53c\ud574 \uc591\uc0c1<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \uc999\uc561\uc744 \ube68\uc544\uba39\uc5b4 \uc78e\uc774 \ud1f4\uc0c9\ub418\uba70, \uc2ec\ud558\uba74 \ub098\ubb34 \uc804\uccb4\uac00 \uc801\uac08\uc0c9\uc73c\ub85c \ubcc0\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"flex flex-wrap justify-center gap-2 md:gap-4 mb-6\">\n                        <button data-damage-type=\"leaf_damage\" class=\"damage-btn active flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uc78e \ubcc0\uc0c9 \ud53c\ud574<\/button>\n                        <button data-damage-type=\"webbing\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold transition-transform duration-200\">\uac70\ubbf8\uc904 \ubc1c\uc0dd<\/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-emerald-700 mb-2\"><\/h3>\n                            <p id=\"damage-description\" class=\"text-gray-700\"><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\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-emerald-800 mb-4\">\uc18c\ub098\ubb34\uc751\uc560 \uc0dd\ud65c\uc0ac<\/h2>\n                     <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \uc54c\ub85c \uc6d4\ub3d9\ud558\uba70, 1\ub144\uc5d0 2\ud68c(\ucd08\uc5ec\ub984, \uac00\uc744) \ubc1c\uc0dd \ucd5c\uc131\uae30\ub97c \ubcf4\uc785\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. \uc6d4\ub3d9 (\uaca8\uc6b8)<\/p><p class=\"text-sm\">\uac00\uc9c0\ub098 \uc78e \uae30\ubd80\uc5d0 \ubd89\uc740\uc0c9 \uc54c \uc0c1\ud0dc\ub85c \uaca8\uc6b8\uc744 \ubcf4\ub0c4.<\/p>\n                        <\/div>\n                        <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                        <div class=\"w-full max-w-md text-center p-3 bg-green-100\">\n                            <p class=\"font-semibold\">2. \ubd80\ud654 \ubc0f 1\ucc28 \uc99d\uc2dd (4\uc6d4 \ud558\uc21c ~ 7\uc6d4)<\/p><p class=\"text-sm\">\uc6d4\ub3d9\uc54c\uc774 \ubd80\ud654\ud558\uc5ec \ud65c\ub3d9\uc744 \uc2dc\uc791. 6~7\uc6d4\uc5d0 1\ucc28 \ubc1c\uc0dd \ucd5c\uc131\uae30\ub97c \ub9de\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-yellow-100\">\n                            <p class=\"font-semibold\">3. \uc5ec\ub984\ucca0 \ubc00\ub3c4 \uac10\uc18c (8\uc6d4)<\/p><p class=\"text-sm\">\uc7a5\ub9c8\uc640 \uace0\uc628\uc73c\ub85c \uc778\ud574 \uc77c\uc2dc\uc801\uc73c\ub85c \ubc00\ub3c4\uac00 \uac10\uc18c\ud568.<\/p>\n                        <\/div>\n                        <div class=\"text-2xl text-gray-400\">\u2193<\/div>\n                         <div class=\"w-full max-w-md text-center p-3 bg-red-100\">\n                            <p class=\"font-semibold\">4. 2\ucc28 \uc99d\uc2dd \ubc0f \uc6d4\ub3d9\uc54c \uc0b0\ub780 (9\uc6d4 ~ 10\uc6d4)<\/p><p class=\"text-sm\">\ub0a0\uc528\uac00 \ub2e4\uc2dc \uac74\uc870\ud574\uc9c0\uba74\uc11c 2\ucc28 \ubc1c\uc0dd \ucd5c\uc131\uae30\ub97c \ub9de\uc774\ud558\uace0, \uc554\ucef7 \uc131\ucda9\uc774 \uc6d4\ub3d9\uc54c\uc744 \ub0b3\uc74c.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\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-emerald-800 mb-4\">\ud6a8\uacfc\uc801\uc778 \ubc29\uc81c \ubc29\ubc95<\/h2>\n                    <p class=\"text-gray-700 leading-relaxed mb-6\">\n                        \uc6d4\ub3d9\uc54c\uc774 \ubd80\ud654\ud558\ub294 \uc2dc\uae30\uc5d0 \ub9de\ucdb0 \ubc29\uc81c\ud558\ub294 \uac83\uc774 \uac00\uc7a5 \uc911\uc694\ud558\uba70, \uc800\ud56d\uc131\uc774 \uc27d\uac8c \uc0dd\uae30\ubbc0\ub85c \uc57d\uc81c\ub97c \ubc88\uac08\uc544 \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"p-4 bg-gray-100 rounded-lg\">\n                        <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\uac04\ub2e8 \uc9c4\ub2e8\ubc95<\/h3>\n                        <p class=\"text-gray-700\">\uc18c\ub098\ubb34 \uac00\uc9c0 \ubc11\uc5d0 \ud770 \uc885\uc774\ub97c \ub193\uace0 \uac00\uc9c0\ub97c \ud138\uc5c8\uc744 \ub54c, \ubd89\uc740 \uc810\ub4e4\uc774 \uc6c0\uc9c1\uc774\uba74 \uc751\uc560\uac00 \ubc1c\uc0dd\ud55c \uac83\uc785\ub2c8\ub2e4,.<\/p>\n                    <\/div>\n                    <div class=\"space-y-4 mt-6\">\n                        <div class=\"p-4 bg-green-50\">\n                             <h3 class=\"text-xl font-semibold text-green-800 mb-2\">\u2460 \ud658\uacbd\uc801\u00b7\ubb3c\ub9ac\uc801 \ubc29\uc81c<\/h3>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\ubb3c \ubd84\uc0ac:<\/strong> \uac74\uc870\ud560 \ub54c \uc751\uc560 \ubc1c\uc0dd\uc774 \uc2ec\ud558\ubbc0\ub85c, \uc8fc\uae30\uc801\uc73c\ub85c \ub098\ubb34\uc5d0 \ubb3c\uc744 \uac15\ud558\uac8c \ubfcc\ub824\uc8fc\uba74 \ubc00\ub3c4\ub97c \uc904\uc774\uace0 \ud655\uc0b0\uc744 \ub9c9\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\uac00\uc9c0\uce58\uae30:<\/strong> \ud53c\ud574\uac00 \uc2ec\ud55c \uac00\uc9c0\ub294 \uc798\ub77c\ub0b4\uc5b4 \uc18c\uac01\ud569\ub2c8\ub2e4.<\/li>\n                             <\/ul>\n                        <\/div>\n                        <div class=\"p-4 bg-blue-50\">\n                             <h3 class=\"text-xl font-semibold text-blue-800 mb-2\">\u2461 \ud654\ud559\uc801 \ubc29\uc81c (\uc0b4\ube44\uc81c)<\/h3>\n                             \n                             <h4 class=\"text-lg font-semibold text-blue-700 mt-4 mb-2\">\uc5fd\uba74 \uc0b4\ud3ec<\/h4>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\ubc29\uc81c \uc801\uae30:<\/strong> \uc6d4\ub3d9\uc54c \ubd80\ud654 \uc2dc\uae30\uc778 **4\uc6d4 \ud558\uc21c~5\uc6d4 \ucd08\uc21c** \ubc0f 2\ucc28 \ubc1c\uc0dd\uae30\uc778 **9\uc6d4 \ucd08\uc21c**.<\/li>\n                                 <li><strong>\ub4f1\ub85d \uc57d\uc81c (\uc18c\ub098\ubb34-\uc751\uc560\ub958):<\/strong>\n                                     <ul class=\"list-disc list-inside text-gray-700 pl-4 mt-1\">\n                                         <li>\ud50c\ub8e8\ud398\ub179\uc218\ub860 \uc720\uc81c (2,000\ubc30 \ud76c\uc11d)<\/li>\n                                         <li>\uc544\uc138\ud034\ub178\uc2e4 \uc561\uc0c1\uc218\ud654\uc81c (4,000\ubc30 \ud76c\uc11d)<\/li>\n                                         <li>\ud398\ub098\uc790\ud038 \uc561\uc0c1\uc218\ud654\uc81c (2,000\ubc30 \ud76c\uc11d)<\/li>\n                                         <li>\ud50c\ub8e8\ud53c\ub77c\ub514\ud4e8\ub860 \uc561\uc0c1\uc218\ud654\uc81c (1,000\ubc30 \ud76c\uc11d)<\/li>\n                                     <\/ul>\n                                 <\/li>\n                             <\/ul>\n\n                             <h4 class=\"text-lg font-semibold text-blue-700 mt-4 mb-2\">\ub098\ubb34\uc8fc\uc0ac (\uc218\uac04\uc8fc\uc785)<\/h4>\n                             <ul class=\"list-disc list-inside text-gray-700\">\n                                 <li><strong>\ud2b9\uc9d5:<\/strong> \uc57d\uc81c \uc0b4\ud3ec\uac00 \uc5b4\ub824\uc6b4 \uace0\ubaa9\uc774\ub098 \ub3c4\uc2ec\uc9c0\uc5d0\uc11c \ud6a8\uacfc\uc801\uc785\ub2c8\ub2e4. \ub098\ubb34\uc758 \uc218\uc561 \uc774\ub3d9\uc774 \ud65c\ubc1c\ud55c \uc2dc\uae30(\ubd04~\uc5ec\ub984)\uc5d0 \uc8fc\uc785\ud574\uc57c \uc57d\ud6a8\uac00 \uc88b\uc2b5\ub2c8\ub2e4.<\/li>\n                                 <li><strong>\ub4f1\ub85d \uc57d\uc81c (\uc18c\ub098\ubb34-\uc751\uc560\ub958):<\/strong>\n                                     <ul class=\"list-disc list-inside text-gray-700 pl-4 mt-1\">\n                                         <li>\uc5d0\ub9c8\uba55\ud2f4\ubca4\uc870\uc5d0\uc774\ud2b8 \uc720\uc81c<\/li>\n                                     <\/ul>\n                                 <\/li>\n                             <\/ul>\n                            <p class=\"text-sm text-red-600 mt-4\"><strong>\u203b \uc8fc\uc758\uc0ac\ud56d:<\/strong> \uc751\uc560\ub294 \uc57d\uc81c \uc800\ud56d\uc131\uc774 \ub9e4\uc6b0 \uc27d\uac8c \uc0dd\uae30\ubbc0\ub85c, \ub3d9\uc77c \uacc4\ud1b5\uc758 \uc57d\uc81c\ub97c \uc5f0\uc18d\ud574\uc11c \uc0ac\uc6a9\ud558\uc9c0 \ub9d0\uace0 \ub2e4\ub978 \uacc4\ud1b5\uc758 \uc57d\uc81c\ub97c \ubc88\uac08\uc544 \uac00\uba70 \uc0b4\ud3ec\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 bg-white\">\n                    <h3 class=\"text-xl font-semibold text-emerald-800 mb-4 text-center\">\uc18c\ub098\ubb34\uc751\uc560 \ubc1c\uc0dd \ubc0f \ubc29\uc81c \uc2dc\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: \uc18c\ub098\ubb34_\uc751\uc560\ub958(\uc0b0\ub9bc\uccad), \uc18c\ub098\ubb34\uc751\uc560(\ub098\ubb34\uc758\uc0ac), \uc0dd\ud65c\uad8c \uc218\ubaa9\ubcd1\ud574\ucda9 \ub4f1\ub85d \ub18d\uc57d\ubaa9\ub85d \ub4f1 \uad00\ub828 \uc790\ub8cc \uc885\ud569<\/p>\n        <\/footer>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            \/\/ \ud0ed \uba54\ub274 \uc124\uc815\n            const tabs = document.querySelectorAll('.nav-btn');\n            const sections = document.querySelectorAll('.content-section');\n\n            const handleTabClick = (event) => {\n                const targetTab = event.currentTarget;\n                const targetSectionId = targetTab.dataset.tab;\n\n                tabs.forEach(t => t.classList.remove('active'));\n                sections.forEach(s => s.classList.remove('active'));\n\n                targetTab.classList.add('active');\n                document.getElementById(targetSectionId).classList.add('active');\n            };\n\n            tabs.forEach(tab => {\n                tab.addEventListener('click', handleTabClick);\n            });\n\n            \/\/ \ub370\uc774\ud130 \uc815\uc758\n            const morphologyData = {\n                adult: {\n                    title: '\uc131\ucda9',\n                    description: '\ubab8\uc740 \ud0c0\uc6d0\ud615\uc774\uba70 \uc554\ucef7\uc740 \uc554\uc801\uc0c9, \uc218\ucef7\uc740 \ub2f4\uc801\uc0c9\uc744 \ub764\ub2e4. \uc628\ubab8\uc5d0 \uae34 \ud138\uc774 \ub098 \uc788\uc2b5\ub2c8\ub2e4.',\n                    size: '\uc554\ucef7: \uc57d 0.5mm, \uc218\ucef7: \uc57d 0.35mm',\n                },\n                larva: {\n                    title: '\uc57d\ucda9\/\uc720\ucda9',\n                    description: '\uc54c\uc5d0\uc11c \uac13 \uae68\uc5b4\ub09c \uc720\ucda9\uc740 \ub2e4\ub9ac\uac00 3\uc30d\uc774\uc9c0\ub9cc, \ud0c8\ud53c \ud6c4 \uc57d\ucda9\uc774 \ub418\uba74 4\uc30d\uc774 \ub429\ub2c8\ub2e4. \uc720\ucda9\uacfc \uc57d\ucda9 \ubaa8\ub450 \uc999\uc561\uc744 \ube68\uc544\uba39\uc73c\uba70 \ud53c\ud574\ub97c \uc90d\ub2c8\ub2e4.',\n                    size: '\ubab8 \uae38\uc774: \uc57d 0.2~0.4mm',\n                },\n                egg: {\n                    title: '\uc54c',\n                    description: '\uad6c\ud615\uc774\uba70 \ubc1d\uc740 \uc801\uc0c9\uc744 \ub764\ub2e4. \uc54c\uc758 \uc704\ucabd\uc5d0\ub294 \uc2e4 \uac19\uc740 \ub3cc\uae30\uac00 1\uac1c \ub098 \uc788\uc2b5\ub2c8\ub2e4. \uac00\uc9c0\uc758 \uac70\uce5c \uaecd\uc9c8 \ud2c8\uc774\ub098 \uc78e\uc774 \ubd99\uc5b4\uc788\ub294 \uacf3\uc5d0 \ub0b3\uc2b5\ub2c8\ub2e4.',\n                    size: '\uc9c1\uacbd: \uc57d 0.13mm',\n                }\n            };\n\n            const damageData = {\n                leaf_damage: {\n                    title: '\uc78e \ubcc0\uc0c9 \ud53c\ud574',\n                    description: '\uc131\ucda9\uacfc \uc57d\ucda9\uc774 \uc78e(\uce68\uc5fd)\uc758 \uc999\uc561\uc744 \ube68\uc544\uba39\uc73c\uba74, \uc78e \ud45c\uba74\uc5d0 \ubbf8\uc138\ud55c \ud770 \ubc18\uc810\uc774 \uc0dd\uae41\ub2c8\ub2e4. \ud53c\ud574\uac00 \uc2ec\ud574\uc9c0\uba74 \uc78e \uc804\uccb4\uac00 \ub204\ub807\uac8c \ubcc0\ud558\uace0, \uc810\ucc28 \ud68c\uac08\uc0c9 \ub610\ub294 \uc801\uac08\uc0c9\uc73c\ub85c \ubcc0\ud558\uba70 \ub9d0\ub77c \uc8fd\uc2b5\ub2c8\ub2e4,.',\n                },\n                webbing: {\n                    title: '\uac70\ubbf8\uc904 \ubc1c\uc0dd',\n                    description: '\ubc00\ub3c4\uac00 \ub192\uc544\uc9c0\uba74 \uc78e\uacfc \uac00\uc9c0 \uc0ac\uc774\uc5d0 \ubbf8\uc138\ud55c \uac70\ubbf8\uc904\uc744 \uce58\uace0 \uadf8 \uc18d\uc5d0\uc11c \ud65c\ub3d9\ud569\ub2c8\ub2e4. \uc774 \uac70\ubbf8\uc904\uc5d0 \uba3c\uc9c0\ub098 \ud0c8\ud53c\uac01 \ub4f1\uc774 \ubd99\uc5b4 \uc9c0\uc800\ubd84\ud558\uac8c \ubcf4\uc785\ub2c8\ub2e4.',\n                }\n            };\n            \n            \/\/ \ud615\ud0dc \uc139\uc158 \ub85c\uc9c1\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.innerHTML = data.description;\n                morphologySize.innerHTML = data.size;\n            }\n            \n            morphologyTypeButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    updateMorphologyContent(button.dataset.type);\n                });\n            });\n\n            \/\/ \ud53c\ud574\uc591\uc0c1 \uc139\uc158 \ub85c\uc9c1\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.innerHTML = data.description;\n            }\n            \n            damageTypeButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    updateDamageContent(button.dataset.damageType);\n                });\n            });\n\n            \/\/ \ucd5c\ucd08 \ucf58\ud150\uce20 \ub85c\ub4dc\n            updateMorphologyContent('adult'); \n            updateDamageContent('leaf_damage');\n\n            \/\/ \ucc28\ud2b8 \uc0dd\uc131\n            const ctx = document.getElementById('controlChart').getContext('2d');\n            new Chart(ctx, {\n                type: 'bar',\n                data: {\n                    labels: ['4\uc6d4', '5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4'],\n                    datasets: [{\n                        label: '\uc751\uc560 \ubc1c\uc0dd \ubc00\ub3c4',\n                        data: [2, 7, 10, 8, 3, 9, 7], \n                        backgroundColor: 'rgba(22, 163, 74, 0.6)', \/* emerald-600 *\/\n                        borderColor: 'rgba(22, 163, 74, 1)',\n                        borderWidth: 1,\n                        yAxisID: 'y',\n                    },{\n                        label: '1\ucc28 \ubc29\uc81c \ucd94\ucc9c',\n                        data: [12, 12, 0, 0, 0, 0, 0], \n                        type: 'line',\n                        fill: true,\n                        backgroundColor: 'rgba(59, 130, 246, 0.2)', \n                        borderColor: 'rgba(59, 130, 246, 0)',\n                        pointRadius: 0,\n                        yAxisID: 'y1'\n                    },{\n                        label: '2\ucc28 \ubc29\uc81c \ucd94\ucc9c',\n                        data: [0, 0, 0, 0, 0, 12, 0], \n                        type: 'line',\n                        fill: true,\n                        backgroundColor: 'rgba(239, 68, 68, 0.2)', \n                        borderColor: 'rgba(239, 68, 68, 0)',\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                               filter: function(legendItem, chartData) {\n                                   return !legendItem.text.includes('\ubc29\uc81c \ucd94\ucc9c');\n                               }\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')) {\n                                        return null;\n                                    }\n                                    return ` ${context.dataset.label}: ${context.raw} (\uc0c1\ub300\uc801 \ubc00\ub3c4)`;\n                                 }\n                           }\n                        },\n                        title: {\n                            display: true,\n                            text: '\uc18c\ub098\ubb34\uc751\uc560 \ubc1c\uc0dd \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: '\ubc1c\uc0dd \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","protected":false},"featured_media":3303,"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":[80],"pest-category":[94,78],"pest-overwintering":[82],"class_list":["post-3302","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-80","pest-category-94","pest-category-78","pest-overwintering-egg"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\uc18c\ub098\ubb34\uc751\uc560.jpg",1177,656,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\uc18c\ub098\ubb34\uc751\uc560-150x150.jpg",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\uc18c\ub098\ubb34\uc751\uc560-300x167.jpg",300,167,true],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\uc18c\ub098\ubb34\uc751\uc560-768x428.jpg",768,428,true],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\uc18c\ub098\ubb34\uc751\uc560-1024x571.jpg",1024,571,true],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\uc18c\ub098\ubb34\uc751\uc560.jpg",1177,656,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/07\/\uc18c\ub098\ubb34\uc751\uc560.jpg",1177,656,false]},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\uc18c\ub098\ubb34\uc751\uc560 \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ud615\ud0dc \ud53c\ud574 \uc591\uc0c1 \uc0dd\ud65c\uc0ac \ubc29\uc81c \ubc29\ubc95 \uc18c\ub098\ubb34\uc751\uc560 (Oligonychus ununguis)\ub780? \uc18c\ub098\ubb34\uc751\uc560\ub294 \uac70\ubbf8\uac15 \uc751\uc560\ubaa9\uc5d0 \uc18d\ud558\ub294 \ud574\ucda9\uc73c\ub85c, \uc18c\ub098\ubb34\ub958\uc758 \uc78e(\uce68\uc5fd)\uc5d0\uc11c [&hellip;]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/3302","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\/3303"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3302"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=3302"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=3302"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=3302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}