\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 \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 \n \n \n \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 \/* Ensure no default border or outline on normal state *\/\n border-radius: 0 !important; \/* Remove rounded corners for nav buttons *\/\n box-shadow: none !important; \/* Remove shadow for nav buttons *\/\n border: none !important; \/* Ensure no border on nav buttons *\/\n }\n .nav-btn.active {\n background-color: #78350f !important; \/* amber-900 *\/\n color: #fff7ed !important; \/* amber-50 *\/\n font-weight: 700;\n }\n .content-section {\n display: none;\n }\n .content-section.active {\n display: block;\n }\n .stage-btn.active, .damage-btn.active {\n background-color: #f59e0b; \/* amber-500 *\/\n color: white;\n font-weight: 600;\n transform: scale(1.05);\n }\n \/* Added to remove outline on focus for all relevant buttons *\/\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; \/* Explicitly remove border on focus *\/\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 \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-amber-100 focus:outline-none focus:ring-0\">\uac1c\uc694<\/button>\n <button data-tab=\"morphology\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-amber-100 focus:outline-none focus:ring-0\">\ubcd1\uc6d0\uade0 \ud615\ud0dc<\/button>\n <button data-tab=\"damage\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-amber-100 focus:outline-none focus:ring-0\">\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-amber-100 focus:outline-none focus:ring-0\">\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-amber-100 focus:outline-none focus:ring-0\">\ubc29\uc81c \ubc29\ubc95<\/button>\n <\/nav>\n\n <main id=\"app-content\" class=\"p-2 md:p-2\">\n \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-amber-800 mb-4\">\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 (<i>Rhizina undulata<\/i>)\uc774\ub780?<\/h2>\n <p class=\"text-gray-700 leading-relaxed\">\n \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 <i>Rhizina undulata<\/i> (\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f) \uacf0\ud321\uc774\uc5d0 \uc758\ud574 \ubc1c\uc0dd\ud558\ub294 \uce68\uc5fd\uc218\uc758 \ubfcc\ub9ac\ubcd1\ud574\uc785\ub2c8\ub2e4. \uc774 \ubcd1\uc6d0\uade0\uc740 40\u2103 \uc774\uc0c1\uc758 \uc628\ub3c4\uac00 3~5\uc2dc\uac04 \uc774\uc0c1 \uc9c0\uc18d\ub418\uba74 \ud3ec\uc790\uac00 \ubc1c\uc544\ud558\uc5ec \ubfcc\ub9ac\ub97c \uac10\uc5fc\uc2dc\ud0a4\ubbc0\ub85c, \ucde8\uc0ac\ub098 \uc4f0\ub808\uae30 \uc18c\uac01 \ub4f1\uc73c\ub85c \uc778\ud574 \ud1a0\uc591 \uc628\ub3c4\uac00 \ub192\uc544\uc9c8 \ub54c \ube48\ubc88\ud788 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc77c\ub2e8 \ubcd1\uc774 \ubc1c\uc0dd\ud558\uae30 \uc2dc\uc791\ud558\uba74 \ud1a0\uc591 \uc18d \ubcd1\uc6d0\uade0\uc758 \uade0\uc0ac\ub294 \ubd88\uaddc\uce59\ud55c \ub3d9\uc2ec\uc6d0\uc0c1\uc73c\ub85c 1\ub144\uc5d0 \uc57d 6~7m \uc815\ub3c4 \uc678\uacfd\uc73c\ub85c \ud655\uc0b0\ud558\uba70 \uade0\uc0ac\ud655\uc0b0 \ubc94\uc704 \ub0b4\uc5d0 \uc788\ub294 \ub098\ubb34\ub294 \ub300\ubd80\ubd84 \ub9d0\ub77c \uc8fd\uac8c \ub429\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> \ud3ec\uc790 (\ud1a0\uc591 \uc18d \ud3ec\uc790 \uc0c1\ud0dc\ub85c \uc874\uc7ac)<\/li>\n <li><strong>\ubc1c\uc0dd \ud69f\uc218:<\/strong> (\uc815\ubcf4 \uc5c6\uc74c)<\/li>\n <\/ul>\n <\/div>\n <div class=\"p-6 bg-white\">\n <h3 class=\"text-xl font-semibold text-amber-800 mb-3\">\ubd84\ud3ec \ubc0f \uc8fc\uc694 \uac00\ud574 \uc218\uc885<\/h3>\n <p class=\"text-gray-700 mb-4\">\n \ud55c\uad6d, \uc77c\ubcf8, \ubbf8\uad6d, \uce90\ub098\ub2e4, \uc720\ub7fd \uc5ec\ub7ec \uad6d\uac00, \ub0a8\uc544\ud504\ub9ac\uce74 \uacf5\ud654\uad6d \ub4f1 \uc804 \uc138\uacc4\uc801\uc73c\ub85c \ubd84\ud3ec\ud569\ub2c8\ub2e4. \uad6d\ub0b4\uc5d0\uc11c\ub294 1982\ub144 \uacbd\uc8fc \ub0a8\uc0b0\uc5d0\uc11c \ucc98\uc74c \ubcf4\uace0\ub418\uc5c8\uace0, 1990\ub144\ub300 \uac15\ub989 \uacbd\ud3ec\ub300 \uc8fc\ubcc0, \ucd5c\uadfc \uc11c\ud574\uc548 \ud574\uc218\uc695\uc7a5 \uc8fc\ubcc0 \ubc0f \ub300\ud615 \uc0b0\ubd88 \ubc1c\uc0dd \uce68\uc5fd\uc218\ub9bc\uc5d0\uc11c\ub3c4 \ubb38\uc81c\uac00 \ub429\ub2c8\ub2e4.\n <\/p>\n <p class=\"text-gray-700\">\uc8fc\uc694 \uac00\ud574 \uc218\uc885\uc740 <strong>\uc18c\ub098\ubb34, \uacf0\uc194, \uc804\ub098\ubb34, \uc77c\ubcf8\uc78e\uac08\ub098\ubb34<\/strong> \ub4f1 \uce68\uc5fd\uc218\ub958\uc785\ub2c8\ub2e4. \ud1a0\uc591 \ubbf8\uc0dd\ubb3c\uc774 \ud48d\ubd80\ud55c \uc0b0\uc545\uc9c0 \uc0b0\ub9bc\uc5d0\uc11c\ub294 \ud070 \ubb38\uc81c\uac00 \ub418\uc9c0 \uc54a\uc73c\ub098, \ud1a0\uc591 \ubbf8\uc0dd\ubb3c\uc774 \uc0c1\ub300\uc801\uc73c\ub85c \uc801\uc740 \ud574\uc548\uac00 \ubaa8\ub798\uc758 \uc18c\ub098\ubb34 \uc232\uc774\ub098 \uc0b0\uc131 \ud1a0\uc591\uc5d0\uc11c \uc798 \ubc1c\uc0dd\ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/section>\n\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-amber-800 mb-4\">\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 \ubcd1\uc6d0\uade0\uc758 \ud615\ud0dc\uc801 \ud2b9\uc9d5<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc744 \uc77c\uc73c\ud0a4\ub294 \uacf0\ud321\uc774\ub294 \ud1a0\uc591 \ud45c\uba74\uc5d0 \ud2b9\uc9d5\uc801\uc778 \uc790\uc2e4\uccb4(\ubc84\uc12f)\ub97c \ud615\uc131\ud558\uace0, \ubbf8\uc138\ud55c \uc790\ub0ad\uacfc \ud3ec\uc790\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=\"fruiting_body\" class=\"stage-btn active flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f (\uc790\uc2e4\uccb4)<\/button>\n <button data-type=\"ascus\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\uc790\ub0ad<\/button>\n <button data-type=\"ascospore\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\uc790\ub0ad\ud3ec\uc790<\/button>\n <\/div>\n <div id=\"morphology-content\" class=\"md:flex md:items-center md:space-x-6 p-4\"> \n <img decoding=\"async\" id=\"morphology-main-image\" src=\"https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_fruiting_body_forest.jpg\" alt=\"\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f \uc774\ubbf8\uc9c0\" class=\"w-full md:w-1\/2 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-amber-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 \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-amber-800 mb-4\">\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc758 \uc8fc\uc694 \ud53c\ud574 \uc99d\uc0c1<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 \ubfcc\ub9ac \uac10\uc5fc\uc73c\ub85c \uc2dc\uc791\ub418\uc5b4 \ub098\ubb34 \uc804\uccb4\ub97c \uace0\uc0ac\uc2dc\ud0ac \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-damage-type=\"leaf_browning_dieback\" class=\"damage-btn active flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\uc78e \uac08\ubcc0 \ubc0f \uace0\uc0ac<\/button>\n <button data-damage-type=\"root_rot_black_brown\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\ubfcc\ub9ac \ud751\uac08\uc0c9 \uc369\uc74c<\/button>\n <button data-damage-type=\"resin_sand_clumping\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\uc1a1\uc9c4 \uc720\ucd9c \ubc0f \ubaa8\ub798 \ub369\uc774<\/button>\n <button data-damage-type=\"overall_mortality\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\ub098\ubb34 \uc804\uccb4 \uace0\uc0ac<\/button>\n <\/div>\n <div id=\"damage-content\" class=\"md:flex md:items-center md:space-x-6 p-4\"> \n <img decoding=\"async\" id=\"damage-main-image\" src=\"https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_leaf_browning_dieback.jpg\" alt=\"\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc758 \ubcd1\uc9d5 \uc774\ubbf8\uc9c0\" class=\"w-full md:w-1\/2 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-amber-700 mb-2\"><\/h3>\n <p id=\"damage-description\" class=\"text-gray-700\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\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-amber-800 mb-4\">\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc758 \uc0dd\ud65c\uc0ac \ubc0f \uc804\uc5fc \uacbd\ub85c<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \ubcd1\uc6d0\uade0\uc740 \ud1a0\uc591 \uc18d\uc5d0 \ud3ec\uc790 \uc0c1\ud0dc\ub85c \uc874\uc7ac\ud558\ub2e4\uac00, \uace0\uc628(40\u2103 \uc774\uc0c1 3~5\uc2dc\uac04)\uc774 \uc9c0\uc18d\ub418\uba74 \ud3ec\uc790\uac00 \ubc1c\uc544\ud558\uc5ec \ubfcc\ub9ac\ub97c \uac10\uc5fc\uc2dc\ud0b5\ub2c8\ub2e4. \uc774\ud6c4 \uade0\uc0ac\uac00 \ubd88\uaddc\uce59\ud55c \ub3d9\uc2ec\uc6d0\uc0c1\uc73c\ub85c \ud655\uc0b0\ub418\uba70 \ub098\ubb34\ub97c \ub9d0\ub77c \uc8fd\uac8c \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 \ubc0f \uc0dd\uc874 (\ud3ec\uc790)<\/p><p class=\"text-sm\">\ud1a0\uc591 \uc18d\uc5d0 \ud3ec\uc790 \uc0c1\ud0dc\ub85c \uc874\uc7ac<\/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. \ud3ec\uc790 \ubc1c\uc544 \ubc0f \ubfcc\ub9ac \uac10\uc5fc (40\u2103 \uc774\uc0c1 \uace0\uc628 \uc2dc)<\/p><p class=\"text-sm\">\ucde8\uc0ac, \uc4f0\ub808\uae30 \uc18c\uac01 \ub4f1\uc73c\ub85c \ud1a0\uc591 \uc628\ub3c4\uac00 40\u2103 \uc774\uc0c1 3~5\uc2dc\uac04 \uc9c0\uc18d \uc2dc \ud3ec\uc790 \ubc1c\uc544\ud558\uc5ec \ubfcc\ub9ac \uac10\uc5fc<\/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. \uade0\uc0ac \ud655\uc0b0 \ubc0f \ub098\ubb34 \uace0\uc0ac<\/p><p class=\"text-sm\">\ud1a0\uc591 \uc18d\uc5d0\uc11c \ubcd1\uc6d0\uade0 \uade0\uc0ac\uac00 \ubd88\uaddc\uce59\ud55c \ub3d9\uc2ec\uc6d0\uc0c1\uc73c\ub85c 1\ub144\uc5d0 \uc57d 6~7m \ud655\uc0b0. \uade0\uc0ac \ubc94\uc704 \ub0b4 \ub098\ubb34 \uace0\uc0ac<\/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. \uc790\uc2e4\uccb4(\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f) \ud615\uc131<\/p><p class=\"text-sm\">\uac10\uc5fc\ubaa9, \uc8fc\ubcc0 \uac74\uc804\ubaa9 \uc9c0\uc81c\ubd80, \uac10\uc5fc\uc9c0\uc5ed \ud1a0\uc591 \uc704\uc5d0 \uc811\uc2dc \ubaa8\uc591\uc758 \uc790\uc2e4\uccb4 \ud615\uc131 (\uc605\uc740 \ub178\ub780\uc0c9\u2192\uc9d9\uc740 \uac08\uc0c9\u2192\uac80\uc740\uc0c9)<\/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. \ud3ec\uc790 \ud655\uc0b0 \ubc0f \uc0c8\ub85c\uc6b4 \uac10\uc5fc<\/p><p class=\"text-sm\">\uc790\uc2e4\uccb4\uc5d0\uc11c \ud3ec\uc790 \ubc29\ucd9c. \ubc14\ub78c, \ubb3c\uc5d0 \uc758\ud574 \ud655\uc0b0\ub418\uc5b4 \uc0c8\ub85c\uc6b4 \uc9c0\uc5ed \uac10\uc5fc. \ud2b9\ud788 \uc0b0\uc131\ud1a0\uc591\uc5d0\uc11c \ubc1c\uc0dd \uc798 \ub428<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\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-amber-800 mb-4\">\ud6a8\uacfc\uc801\uc778 \ubc29\uc81c \ubc29\ubc95<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 \uc608\ubc29\uc774 \uac00\uc7a5 \uc911\uc694\ud558\uba70, \ubc1c\uc0dd \uc2dc\uc5d0\ub294 \uade0\uc0ac \ud655\uc0b0 \uc800\uc9c0\ub97c \uc704\ud55c \ubb3c\ub9ac\uc801 \ubc29\uc81c\uc640 \ud658\uacbd \uac1c\uc120\uc5d0 \uc911\uc810\uc744 \ub461\ub2c8\ub2e4.\n <\/p>\n <div class=\"space-y-4\">\n <div class=\"p-4 border border-red-200 bg-red-50 rounded-lg\">\n <h3 class=\"text-xl font-semibold text-red-800 mb-2\">\u203b \ud2b9\ubcc4\ud55c \uce58\ub8cc \ubc29\ubc95 \uc5c6\uc74c<\/h3>\n <p class=\"text-gray-700\">\uc774 \ubcd1\uc740 \ud55c\ubc88 \ubc1c\uc0dd\ud558\uba74 \uce58\ub8cc\uac00 \ub9e4\uc6b0 \uc5b4\ub835\uc2b5\ub2c8\ub2e4. \uc608\ubc29\uacfc \ud655\uc0b0 \ubc29\uc9c0\uc5d0 \uc8fc\ub825\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n <div class=\"p-4 border border-blue-200 bg-blue-50 rounded-lg\">\n <h3 class=\"text-xl font-semibold text-blue-800 mb-2\">\u2460 \ud658\uacbd \uad00\ub9ac \ubc0f \uc608\ubc29<\/h3>\n <ul class=\"list-disc list-inside text-gray-700\">\n <li><strong>\ubd88 \ud53c\uc6b0\ub294 \ud589\uc704 \uae08\uc9c0:<\/strong> \uc18c\ub098\ubb34 \uc232 \uc548\uc5d0\uc11c \ucde8\uc0ac, \uc4f0\ub808\uae30 \uc18c\uac01 \ub4f1 \ubd88\uc744 \ud53c\uc6b0\ub294 \ud589\uc704\ub97c \ucca0\uc800\ud788 \uae08\uc9c0\ud569\ub2c8\ub2e4. \uc774\ub294 \ud3ec\uc790 \ubc1c\uc544\uc758 \uc8fc\uc694 \uc6d0\uc778\uc785\ub2c8\ub2e4.<\/li>\n <li><strong>\ud1a0\uc591 \uc0b0\ub3c4 \uac1c\uc120:<\/strong> \uc0b0\uc131 \ud1a0\uc591\uc5d0\uc11c \uc798 \ubc1c\uc0dd\ud558\ubbc0\ub85c, 1ha\ub2f9 2.5\ud1a4 \uc815\ub3c4\uc758 \uc11d\ud68c\ub97c \ubfcc\ub824 \ud1a0\uc591 \uc0b0\ub3c4\ub97c \uac1c\uc120\ud569\ub2c8\ub2e4.<\/li>\n <li><strong>\uc218\uc138 \uc99d\uc9c4:<\/strong> \ub098\ubb34\uc758 \uc218\uc138\ub97c \uac74\uac15\ud558\uac8c \uad00\ub9ac\ud558\uc5ec \uc800\ud56d\ub825\uc744 \ub192\uc785\ub2c8\ub2e4.<\/li>\n <li><strong>\ubbf8\uc0dd\ubb3c \ud68c\ubcf5:<\/strong> \uc0b0\ubd88 \uc9c0\uc5ed \uc7ac\uc870\ub9bc \uc804 \ud1a0\uc591 \ubbf8\uc0dd\ubb3c \ud68c\ubcf5\uc5d0 \ud798\uc501\ub2c8\ub2e4.<\/li>\n <\/ul>\n <\/div>\n <div class=\"p-4 border border-green-200 bg-green-50 rounded-lg\">\n <h3 class=\"text-xl font-semibold text-green-800 mb-2\">\u2461 \ubb3c\ub9ac\uc801 \ubc29\uc81c<\/h3>\n <ul class=\"list-disc list-inside text-gray-700\">\n <li><strong>\uade0\uc0ac\ud655\uc0b0 \uc800\uc9c0\ub300 \uc870\uc131:<\/strong> \ubcd1 \ubc1c\uc0dd \uc2dc \ud53c\ud574\ubaa9 \uc8fc\ubcc0\uc73c\ub85c \ud3ed 1m, \uae4a\uc774 80cm \uc815\ub3c4\uc758 \uace0\ub791\uc744 \ud30c\uace0 \uc18c\uc11d\ud68c\ub97c \uc11e\uc5b4 \ucc44\uc6cc \uade0\uc0ac\ud655\uc0b0 \uc800\uc9c0\ub300\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. (\uade0\uc0ac \ud655\uc0b0 \uc18d\ub3c4 \uc5f0 6~7m)<\/li>\n <li><strong>\ud53c\ud574\ubaa9 \uc81c\uac70 \ubc0f \uc18c\ub3c5:<\/strong> \uac10\uc5fc\ub418\uc5b4 \uc8fd\uc5b4\uac00\ub294 \ub098\ubb34\ub098 \uace0\uc0ac\ubaa9\uc740 \ubc8c\ucc44\ud558\uc5ec \uc81c\uac70\ud558\uace0, \ud574\ub2f9 \uc7a5\uc18c\uc5d0\ub294 \ubca0\ub178\ubc00 \uc218\ud654\uc81c\ub97c 1\u33a1\ub2f9 2L \uc815\ub3c4 \uc0b4\ud3ec\ud558\uc5ec \uc18c\ub3c5\ud569\ub2c8\ub2e4.<\/li>\n <li><strong>\uc790\uc2e4\uccb4 \uc81c\uac70:<\/strong> \uc790\uc2e4\uccb4(\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f)\ub294 \ubc1c\uacac \uc989\uc2dc \uc81c\uac70\ud558\uc5ec \ud3ec\uc790 \ud655\uc0b0\uc744 \ub9c9\uc2b5\ub2c8\ub2e4.<\/li>\n <\/ul>\n <\/div>\n <div class=\"p-4 border border-yellow-200 bg-yellow-50 rounded-lg\">\n <h3 class=\"text-xl font-semibold text-yellow-800 mb-2\">\u2462 \uae30\ud0c0<\/h3>\n <p class=\"text-gray-700\">\ubc1c\uc0dd\ub41c \uacf3\uc5d0\uc11c\ub294 \uc218\ub144\uac04 \uc784\ubaa9\uc758 \uc2dd\uc7ac\ub97c \ud53c\ud558\uac70\ub098 \ub0b4\ubcd1\uc131 \uc218\uc885\uc744 \uc2ec\ub294 \uac83\uc744 \uace0\ub824\ud569\ub2c8\ub2e4. \uc9c0\uc18d\uc801\uc778 \uc608\ucc30 \uc870\uc0ac\ub97c \ud1b5\ud55c \ucd08\uae30 \ubc1c\uacac\uc774 \ub9e4\uc6b0 \uc911\uc694\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-amber-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, \uc704\ud0a4\ubc31\uacfc, \uac15\uc6d0\ub300\ud559\uad50 \uc218\ubaa9\uc9c4\ub2e8\uc13c\ud130 \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 fruiting_body: {\n title: '\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f (\uc790\uc2e4\uccb4)',\n description: '\uac10\uc5fc\ubaa9, \uc8fc\ubcc0 \uac74\uc804\ubaa9\uc758 \uc9c0\uc81c\ubd80(\ub545\uac00), \ub610\ub294 \uac10\uc5fc\uc9c0\uc5ed\uc758 \ud1a0\uc591 \uc704\uc5d0 \ud615\uc131\ub418\ub294 \uc811\uc2dc \ubaa8\uc591\uc758 \uc790\uc2e4\uccb4(\ubc84\uc12f)\uc785\ub2c8\ub2e4. \ucc98\uc74c\uc5d0\ub294 \uc605\uc740 \ub178\ub780\uc0c9\uc744 \ub760\ub2e4\uac00 \uc810\ucc28 \uc9d9\uc740 \uac08\uc0c9~\ubc24\uc0c9\uc73c\ub85c \ubcc0\ud558\uba70 \uc131\uc219\ud558\uba74 \uc9d9\uc740 \ubc24\uc0c9~\uac80\uc740\uc0c9\uc744 \ub760\uac8c \ub429\ub2c8\ub2e4. \ud06c\uae30\ub294 3~8cm\uc774\uba70, \ub54c\ub54c\ub85c \uc5ec\ub7ec \uac1c\uac00 \ubb49\uccd0\uc11c \ud06c\uac8c \ud655\ub300\ub418\uae30\ub3c4 \ud569\ub2c8\ub2e4.',\n size: '\ud06c\uae30: 3~8cm',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_fruiting_body_forest.jpg' \n },\n ascus: {\n title: '\uc790\ub0ad',\n description: '\ubcd1\uc6d0\uade0\uc758 \uc790\ub0ad(ascus)\uc740 \ud06c\uae30 400~15\u339b \uc815\ub3c4\uc774\uba70, \uac01 \uc790\ub0ad \uc548\uc5d0\ub294 8\uac1c\uc758 \uc790\ub0ad\ud3ec\uc790\ub97c \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc790\ub0ad\uc758 \uc591 \ub05d\uc740 \ud22c\uba85\ud558\uace0 \ub05d\uc5d0 \uc9e7\uc740 \ud0c8\ucd9c\uad6c(apiculus)\uac00 \uc788\uc2b5\ub2c8\ub2e4.',\n size: '\ud06c\uae30: \uc57d 400~15\u339b',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_ascus.jpg' \n },\n ascospore: {\n title: '\uc790\ub0ad\ud3ec\uc790',\n description: '\uc790\ub0ad \uc548\uc5d0 \ub4e4\uc5b4\uc788\ub294 \ud3ec\uc790\ub85c, \ud06c\uae30\ub294 28~32 x 8~10\u03bcm\uc785\ub2c8\ub2e4. \uc790\ub0ad\ud3ec\uc790 \uc548\uc5d0\ub294 \ubcf4\ud1b5 2\uac1c\uc758 \uc9c0\uc9c8 \uc18c\uad6c\uccb4\uac00 \ub4e4\uc5b4 \uc788\uc73c\ub098, 2\uac1c \uc774\uc0c1\uc778 \uacbd\uc6b0\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ubc14\ub78c\uc774\ub098 \ubb3c\uc5d0 \uc758\ud574 \ud655\uc0b0\ub418\uc5b4 \uc0c8\ub85c\uc6b4 \uac10\uc5fc\uc744 \uc77c\uc73c\ud0b5\ub2c8\ub2e4.',\n size: '\ud06c\uae30: 28~32 x 8~10\u03bcm',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_ascospore.jpg' \n }\n };\n\n const damageData = {\n leaf_browning_dieback: {\n title: '\uc78e \uac08\ubcc0 \ubc0f \uace0\uc0ac',\n description: '\uac10\uc5fc\uc774 \uc9c4\uc804\ub418\uba74 \uce68\uc5fd\uc774 \uac08\ubcc0\ub418\uace0 \uc0dd\uc7a5\uc774 \uc800\ud574\ub429\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \ub098\ubb34 \uc804\uccb4\uac00 \uc218\ubd84 \ubd80\uc871\uc73c\ub85c \ub9c8\ub974\uba70 \uace0\uc0ac\ud558\uac8c \ub429\ub2c8\ub2e4. \uc624\ub798\ub41c \uac10\uc5fc\ubaa9\uc5d0\uc11c\ub294 \uc2e0\ucd08(\uc0c8\uc21c) \uc0dd\uc7a5 \uc800\ud558, \uc2dc\ub4e0 \uce68\uc5fd \ubc0f \uac00\uc9c0\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\uac10\uc5fc\ub418\uc5b4 \uc8fd\uc5b4\uac00\ub294 \ub098\ubb34 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_leaf_browning_dieback.jpg' \n },\n root_rot_black_brown: {\n title: '\ubfcc\ub9ac \ud751\uac08\uc0c9 \uc369\uc74c',\n description: '\ucd08\uae30\uc5d0\ub294 \ud1a0\uc591 \ud45c\uba74\uc5d0 \uac00\uae4c\uc6b4 \uc794\ubfcc\ub9ac\uac00 \uac80\uc740 \uac08\uc0c9\uc73c\ub85c \uc369\uc73c\uba70, \uac10\uc5fc\uc774 \uc9c4\uc804\ub418\uba74 \uc810\ucc28 \uad75\uc740 \ubfcc\ub9ac\ub85c \ubc88\uc9d1\ub2c8\ub2e4. \uac10\uc5fc\ub41c \ubfcc\ub9ac \ud45c\uba74\uc5d0 \ud558\uc580\uc0c9~\ub178\ub780\uc0c9\uc758 \uade0\uc0ac(mycelial mat)\uac00 \ub36e\uc5ec \uc788\uace0, \uc218\ud53c\ub97c \ubc97\uaca8\ubcf4\uba74 \uade0\uc0ac\uc18d\uc774 \uad00\ucc30\ub429\ub2c8\ub2e4. (\ubfcc\ub9ac \ud45c\uba74 \uade0\uc0ac \ubc0f \uade0\uc0ac\uc18d \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_root_rot_black_brown.jpg' \n },\n resin_sand_clumping: {\n title: '\uc1a1\uc9c4 \uc720\ucd9c \ubc0f \ubaa8\ub798 \ub369\uc774',\n description: '\ubcd1\uc6d0\uade0\uc774 \uce68\uc785\ud55c \ubfcc\ub9ac\uc5d0\uc11c\ub294 \ubd84\ube44\ub41c \uc1a1\uc9c4\uc73c\ub85c \uc778\ud574 \ubaa8\ub798 \ub369\uc774\uac00 \ud615\uc131\ub418\uae30\ub3c4 \ud569\ub2c8\ub2e4. \uc18c\ub098\ubb34\ub098 \uc7a3\ub098\ubb34 \uac19\uc740 \uce68\uc5fd\uc218\ub294 \ubcd1\ub4e0 \ub098\ubb34\uc758 \ubfcc\ub9ac\ubaa9\uacfc \uc904\uae30 \ubc11\ub3d9\uc5d0\uc11c \ub9ce\uc740 \uc591\uc758 \uc1a1\uc9c4\uc774 \ud758\ub7ec\ub098\uc640 \ud558\uc597\uac8c \uad73\ub294 \uc99d\uc0c1\uc744 \ubcf4\uc785\ub2c8\ub2e4. (\uc138\uadfc\uc5d0 \ud615\uc131\ub41c \ubaa8\ub798 \uacbd\ub2e8 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_resin_sand_clumping.jpg' \n },\n overall_mortality: {\n title: '\ub098\ubb34 \uc804\uccb4 \uace0\uc0ac',\n description: '\uade0\uc0ac \ud655\uc0b0 \ubc94\uc704 \ub0b4\uc5d0 \uc788\ub294 \ub098\ubb34\ub294 \ub300\ubd80\ubd84 \ub9d0\ub77c \uc8fd\ub294 \uce58\uba85\uc801\uc778 \ubcd1\ud574\uc785\ub2c8\ub2e4. \uc0b0\ubd88 \ubc1c\uc0dd \uc9c0\uc5ed \ub4f1 \ud1a0\uc591 \ubbf8\uc0dd\ubb3c\uc774 \ub2e8\uc21c\ud654\ub41c \uc0c1\ud0dc\uc5d0\uc11c \uc6b0\uc810\uade0\uc73c\ub85c \ubc1c\uc0dd\ud558\uc5ec \uc9d1\ub2e8 \uace0\uc0ac\ub97c \uc720\ubc1c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc758 \ubcd1\uc9d5 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_overall_mortality.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('fruiting_body'); \/\/ 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('leaf_browning_dieback'); \/\/ 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: ['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: '\ud3ec\uc790 \uc0dd\uc874 \ubc0f \uade0\uc0ac \ud65c\ub3d9',\n data: [10, 10, 8, 5, 2, 0, 0, 0, 0, 5, 8, 10], \/\/ Year-round, higher in cool\/humid\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: '\ubc84\uc12f(\uc790\uc2e4\uccb4) \ubc1c\uc0dd\uae30',\n data: [0, 0, 0, 0, 0, 0, 0, 5, 10, 8, 5, 2], \/\/ Peak fall\n backgroundColor: 'rgba(234, 88, 12, 0.6)', \/* orange-600 *\/\n borderColor: 'rgba(234, 88, 12, 1)',\n borderWidth: 1,\n yAxisID: 'y',\n },{\n label: '\ubc29\uc81c \ucd94\ucc9c \uae30\uac04 (\ubd88 \ud53c\uc6b0\ub294 \ud589\uc704 \uae08\uc9c0)',\n data: [0, 0, 0, 12, 12, 12, 12, 12, 12, 0, 0, 0], \/\/ Spring-Summer (when temp is high)\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 (\uade0\uc0ac\ud655\uc0b0 \uc800\uc9c0\/\ud53c\ud574\ubaa9 \uc81c\uac70)',\n data: [0, 0, 0, 0, 0, 0, 0, 0, 12, 12, 12, 12], \/\/ Fall-Winter\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('\ubd88 \ud53c\uc6b0\ub294')) return ` ${context.dataset.label}: 4\uc6d4 ~ 9\uc6d4`;\n return ` ${context.dataset.label}: 9\uc6d4 ~ 2\uc6d4`;\n }\n return ` ${context.dataset.label}: ${context.raw} (\ud65c\ub3d9 \ubc00\ub3c4)`;\n }\n }\n },\n title: {\n display: true,\n text: '\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 \uc6d4\ubcc4 \ud65c\ub3d9 \ubc0f \ubc29\uc81c \uc2dc\uae30'\n }\n },\n scales: {\n x: {\n stacked: true,\n },\n y: {\n stacked: true,\n display: true,\n title: {\n display: true,\n text: '\ud65c\ub3d9 \ubc00\ub3c4'\n },\n max: 12\n },\n y1: {\n display: false,\n max: 15\n }\n }\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"162\" data-id=\"3097\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-\uc790\uc2e4\uccb4.png\" alt=\"\" class=\"wp-image-3097\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"162\" data-id=\"3096\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f-\ub0b4\ubd80.png\" alt=\"\" class=\"wp-image-3096\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"162\" data-id=\"3095\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-\uc790\uc2e4\uccb4-old.png\" alt=\"\" class=\"wp-image-3095\"\/><\/figure>\n<\/figure>\n\n\n\n<p><\/p>\n","protected":false},"featured_media":3094,"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":[240,80,182,106],"pest-category":[86],"pest-overwintering":[],"class_list":["post-3093","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-240","pest-target-80","pest-target-182","pest-target-106","pest-category-86"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1.jpg",868,314,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-150x150.jpg",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-300x109.jpg",300,109,true],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-768x278.jpg",768,278,true],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1.jpg",868,314,false],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1.jpg",868,314,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1.jpg",868,314,false]},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ubcd1\uc6d0\uade0 \ud615\ud0dc \ud53c\ud574 \uc99d\uc0c1 \uc0dd\ud65c\uc0ac \ubc29\uc81c \ubc29\ubc95 \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 (Rhizina undulata)\uc774\ub780? \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 Rhizina undulata (\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f) \uacf0\ud321\uc774\uc5d0 \uc758\ud574 […]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/3093","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\/3094"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3093"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=3093"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=3093"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=3093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3093,"date":"2025-06-28T15:40:47","date_gmt":"2025-06-28T15:40:47","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?post_type=pest&p=3093"},"modified":"2025-06-29T05:16:07","modified_gmt":"2025-06-29T05:16:07","slug":"%eb%a6%ac%ec%a7%80%eb%82%98%eb%bf%8c%eb%a6%ac%ec%8d%a9%ec%9d%8c%eb%b3%91","status":"publish","type":"pest","link":"https:\/\/hstc.treecare.co.kr\/?pest=%eb%a6%ac%ec%a7%80%eb%82%98%eb%bf%8c%eb%a6%ac%ec%8d%a9%ec%9d%8c%eb%b3%91","title":{"rendered":"\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1"},"content":{"rendered":"\n\n\n\n \n \n \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 \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 \n \n \n \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 \/* Ensure no default border or outline on normal state *\/\n border-radius: 0 !important; \/* Remove rounded corners for nav buttons *\/\n box-shadow: none !important; \/* Remove shadow for nav buttons *\/\n border: none !important; \/* Ensure no border on nav buttons *\/\n }\n .nav-btn.active {\n background-color: #78350f !important; \/* amber-900 *\/\n color: #fff7ed !important; \/* amber-50 *\/\n font-weight: 700;\n }\n .content-section {\n display: none;\n }\n .content-section.active {\n display: block;\n }\n .stage-btn.active, .damage-btn.active {\n background-color: #f59e0b; \/* amber-500 *\/\n color: white;\n font-weight: 600;\n transform: scale(1.05);\n }\n \/* Added to remove outline on focus for all relevant buttons *\/\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; \/* Explicitly remove border on focus *\/\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 \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-amber-100 focus:outline-none focus:ring-0\">\uac1c\uc694<\/button>\n <button data-tab=\"morphology\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-amber-100 focus:outline-none focus:ring-0\">\ubcd1\uc6d0\uade0 \ud615\ud0dc<\/button>\n <button data-tab=\"damage\" class=\"nav-btn flex-1 text-center py-2 px-4 text-gray-700 hover:bg-amber-100 focus:outline-none focus:ring-0\">\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-amber-100 focus:outline-none focus:ring-0\">\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-amber-100 focus:outline-none focus:ring-0\">\ubc29\uc81c \ubc29\ubc95<\/button>\n <\/nav>\n\n <main id=\"app-content\" class=\"p-2 md:p-2\">\n \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-amber-800 mb-4\">\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 (<i>Rhizina undulata<\/i>)\uc774\ub780?<\/h2>\n <p class=\"text-gray-700 leading-relaxed\">\n \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 <i>Rhizina undulata<\/i> (\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f) \uacf0\ud321\uc774\uc5d0 \uc758\ud574 \ubc1c\uc0dd\ud558\ub294 \uce68\uc5fd\uc218\uc758 \ubfcc\ub9ac\ubcd1\ud574\uc785\ub2c8\ub2e4. \uc774 \ubcd1\uc6d0\uade0\uc740 40\u2103 \uc774\uc0c1\uc758 \uc628\ub3c4\uac00 3~5\uc2dc\uac04 \uc774\uc0c1 \uc9c0\uc18d\ub418\uba74 \ud3ec\uc790\uac00 \ubc1c\uc544\ud558\uc5ec \ubfcc\ub9ac\ub97c \uac10\uc5fc\uc2dc\ud0a4\ubbc0\ub85c, \ucde8\uc0ac\ub098 \uc4f0\ub808\uae30 \uc18c\uac01 \ub4f1\uc73c\ub85c \uc778\ud574 \ud1a0\uc591 \uc628\ub3c4\uac00 \ub192\uc544\uc9c8 \ub54c \ube48\ubc88\ud788 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc77c\ub2e8 \ubcd1\uc774 \ubc1c\uc0dd\ud558\uae30 \uc2dc\uc791\ud558\uba74 \ud1a0\uc591 \uc18d \ubcd1\uc6d0\uade0\uc758 \uade0\uc0ac\ub294 \ubd88\uaddc\uce59\ud55c \ub3d9\uc2ec\uc6d0\uc0c1\uc73c\ub85c 1\ub144\uc5d0 \uc57d 6~7m \uc815\ub3c4 \uc678\uacfd\uc73c\ub85c \ud655\uc0b0\ud558\uba70 \uade0\uc0ac\ud655\uc0b0 \ubc94\uc704 \ub0b4\uc5d0 \uc788\ub294 \ub098\ubb34\ub294 \ub300\ubd80\ubd84 \ub9d0\ub77c \uc8fd\uac8c \ub429\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> \ud3ec\uc790 (\ud1a0\uc591 \uc18d \ud3ec\uc790 \uc0c1\ud0dc\ub85c \uc874\uc7ac)<\/li>\n <li><strong>\ubc1c\uc0dd \ud69f\uc218:<\/strong> (\uc815\ubcf4 \uc5c6\uc74c)<\/li>\n <\/ul>\n <\/div>\n <div class=\"p-6 bg-white\">\n <h3 class=\"text-xl font-semibold text-amber-800 mb-3\">\ubd84\ud3ec \ubc0f \uc8fc\uc694 \uac00\ud574 \uc218\uc885<\/h3>\n <p class=\"text-gray-700 mb-4\">\n \ud55c\uad6d, \uc77c\ubcf8, \ubbf8\uad6d, \uce90\ub098\ub2e4, \uc720\ub7fd \uc5ec\ub7ec \uad6d\uac00, \ub0a8\uc544\ud504\ub9ac\uce74 \uacf5\ud654\uad6d \ub4f1 \uc804 \uc138\uacc4\uc801\uc73c\ub85c \ubd84\ud3ec\ud569\ub2c8\ub2e4. \uad6d\ub0b4\uc5d0\uc11c\ub294 1982\ub144 \uacbd\uc8fc \ub0a8\uc0b0\uc5d0\uc11c \ucc98\uc74c \ubcf4\uace0\ub418\uc5c8\uace0, 1990\ub144\ub300 \uac15\ub989 \uacbd\ud3ec\ub300 \uc8fc\ubcc0, \ucd5c\uadfc \uc11c\ud574\uc548 \ud574\uc218\uc695\uc7a5 \uc8fc\ubcc0 \ubc0f \ub300\ud615 \uc0b0\ubd88 \ubc1c\uc0dd \uce68\uc5fd\uc218\ub9bc\uc5d0\uc11c\ub3c4 \ubb38\uc81c\uac00 \ub429\ub2c8\ub2e4.\n <\/p>\n <p class=\"text-gray-700\">\uc8fc\uc694 \uac00\ud574 \uc218\uc885\uc740 <strong>\uc18c\ub098\ubb34, \uacf0\uc194, \uc804\ub098\ubb34, \uc77c\ubcf8\uc78e\uac08\ub098\ubb34<\/strong> \ub4f1 \uce68\uc5fd\uc218\ub958\uc785\ub2c8\ub2e4. \ud1a0\uc591 \ubbf8\uc0dd\ubb3c\uc774 \ud48d\ubd80\ud55c \uc0b0\uc545\uc9c0 \uc0b0\ub9bc\uc5d0\uc11c\ub294 \ud070 \ubb38\uc81c\uac00 \ub418\uc9c0 \uc54a\uc73c\ub098, \ud1a0\uc591 \ubbf8\uc0dd\ubb3c\uc774 \uc0c1\ub300\uc801\uc73c\ub85c \uc801\uc740 \ud574\uc548\uac00 \ubaa8\ub798\uc758 \uc18c\ub098\ubb34 \uc232\uc774\ub098 \uc0b0\uc131 \ud1a0\uc591\uc5d0\uc11c \uc798 \ubc1c\uc0dd\ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/section>\n\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-amber-800 mb-4\">\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 \ubcd1\uc6d0\uade0\uc758 \ud615\ud0dc\uc801 \ud2b9\uc9d5<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc744 \uc77c\uc73c\ud0a4\ub294 \uacf0\ud321\uc774\ub294 \ud1a0\uc591 \ud45c\uba74\uc5d0 \ud2b9\uc9d5\uc801\uc778 \uc790\uc2e4\uccb4(\ubc84\uc12f)\ub97c \ud615\uc131\ud558\uace0, \ubbf8\uc138\ud55c \uc790\ub0ad\uacfc \ud3ec\uc790\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=\"fruiting_body\" class=\"stage-btn active flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f (\uc790\uc2e4\uccb4)<\/button>\n <button data-type=\"ascus\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\uc790\ub0ad<\/button>\n <button data-type=\"ascospore\" class=\"stage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\uc790\ub0ad\ud3ec\uc790<\/button>\n <\/div>\n <div id=\"morphology-content\" class=\"md:flex md:items-center md:space-x-6 p-4\"> \n <img decoding=\"async\" id=\"morphology-main-image\" src=\"https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_fruiting_body_forest.jpg\" alt=\"\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f \uc774\ubbf8\uc9c0\" class=\"w-full md:w-1\/2 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-amber-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 \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-amber-800 mb-4\">\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc758 \uc8fc\uc694 \ud53c\ud574 \uc99d\uc0c1<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 \ubfcc\ub9ac \uac10\uc5fc\uc73c\ub85c \uc2dc\uc791\ub418\uc5b4 \ub098\ubb34 \uc804\uccb4\ub97c \uace0\uc0ac\uc2dc\ud0ac \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-damage-type=\"leaf_browning_dieback\" class=\"damage-btn active flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\uc78e \uac08\ubcc0 \ubc0f \uace0\uc0ac<\/button>\n <button data-damage-type=\"root_rot_black_brown\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\ubfcc\ub9ac \ud751\uac08\uc0c9 \uc369\uc74c<\/button>\n <button data-damage-type=\"resin_sand_clumping\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\uc1a1\uc9c4 \uc720\ucd9c \ubc0f \ubaa8\ub798 \ub369\uc774<\/button>\n <button data-damage-type=\"overall_mortality\" class=\"damage-btn flex-1 text-sm md:text-base py-2 px-4 bg-gray-200 font-semibold focus:outline-none focus:ring-0 transition-transform duration-200\">\ub098\ubb34 \uc804\uccb4 \uace0\uc0ac<\/button>\n <\/div>\n <div id=\"damage-content\" class=\"md:flex md:items-center md:space-x-6 p-4\"> \n <img decoding=\"async\" id=\"damage-main-image\" src=\"https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_leaf_browning_dieback.jpg\" alt=\"\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc758 \ubcd1\uc9d5 \uc774\ubbf8\uc9c0\" class=\"w-full md:w-1\/2 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-amber-700 mb-2\"><\/h3>\n <p id=\"damage-description\" class=\"text-gray-700\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\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-amber-800 mb-4\">\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc758 \uc0dd\ud65c\uc0ac \ubc0f \uc804\uc5fc \uacbd\ub85c<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \ubcd1\uc6d0\uade0\uc740 \ud1a0\uc591 \uc18d\uc5d0 \ud3ec\uc790 \uc0c1\ud0dc\ub85c \uc874\uc7ac\ud558\ub2e4\uac00, \uace0\uc628(40\u2103 \uc774\uc0c1 3~5\uc2dc\uac04)\uc774 \uc9c0\uc18d\ub418\uba74 \ud3ec\uc790\uac00 \ubc1c\uc544\ud558\uc5ec \ubfcc\ub9ac\ub97c \uac10\uc5fc\uc2dc\ud0b5\ub2c8\ub2e4. \uc774\ud6c4 \uade0\uc0ac\uac00 \ubd88\uaddc\uce59\ud55c \ub3d9\uc2ec\uc6d0\uc0c1\uc73c\ub85c \ud655\uc0b0\ub418\uba70 \ub098\ubb34\ub97c \ub9d0\ub77c \uc8fd\uac8c \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 \ubc0f \uc0dd\uc874 (\ud3ec\uc790)<\/p><p class=\"text-sm\">\ud1a0\uc591 \uc18d\uc5d0 \ud3ec\uc790 \uc0c1\ud0dc\ub85c \uc874\uc7ac<\/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. \ud3ec\uc790 \ubc1c\uc544 \ubc0f \ubfcc\ub9ac \uac10\uc5fc (40\u2103 \uc774\uc0c1 \uace0\uc628 \uc2dc)<\/p><p class=\"text-sm\">\ucde8\uc0ac, \uc4f0\ub808\uae30 \uc18c\uac01 \ub4f1\uc73c\ub85c \ud1a0\uc591 \uc628\ub3c4\uac00 40\u2103 \uc774\uc0c1 3~5\uc2dc\uac04 \uc9c0\uc18d \uc2dc \ud3ec\uc790 \ubc1c\uc544\ud558\uc5ec \ubfcc\ub9ac \uac10\uc5fc<\/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. \uade0\uc0ac \ud655\uc0b0 \ubc0f \ub098\ubb34 \uace0\uc0ac<\/p><p class=\"text-sm\">\ud1a0\uc591 \uc18d\uc5d0\uc11c \ubcd1\uc6d0\uade0 \uade0\uc0ac\uac00 \ubd88\uaddc\uce59\ud55c \ub3d9\uc2ec\uc6d0\uc0c1\uc73c\ub85c 1\ub144\uc5d0 \uc57d 6~7m \ud655\uc0b0. \uade0\uc0ac \ubc94\uc704 \ub0b4 \ub098\ubb34 \uace0\uc0ac<\/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. \uc790\uc2e4\uccb4(\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f) \ud615\uc131<\/p><p class=\"text-sm\">\uac10\uc5fc\ubaa9, \uc8fc\ubcc0 \uac74\uc804\ubaa9 \uc9c0\uc81c\ubd80, \uac10\uc5fc\uc9c0\uc5ed \ud1a0\uc591 \uc704\uc5d0 \uc811\uc2dc \ubaa8\uc591\uc758 \uc790\uc2e4\uccb4 \ud615\uc131 (\uc605\uc740 \ub178\ub780\uc0c9\u2192\uc9d9\uc740 \uac08\uc0c9\u2192\uac80\uc740\uc0c9)<\/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. \ud3ec\uc790 \ud655\uc0b0 \ubc0f \uc0c8\ub85c\uc6b4 \uac10\uc5fc<\/p><p class=\"text-sm\">\uc790\uc2e4\uccb4\uc5d0\uc11c \ud3ec\uc790 \ubc29\ucd9c. \ubc14\ub78c, \ubb3c\uc5d0 \uc758\ud574 \ud655\uc0b0\ub418\uc5b4 \uc0c8\ub85c\uc6b4 \uc9c0\uc5ed \uac10\uc5fc. \ud2b9\ud788 \uc0b0\uc131\ud1a0\uc591\uc5d0\uc11c \ubc1c\uc0dd \uc798 \ub428<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\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-amber-800 mb-4\">\ud6a8\uacfc\uc801\uc778 \ubc29\uc81c \ubc29\ubc95<\/h2>\n <p class=\"text-gray-700 leading-relaxed mb-6\">\n \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 \uc608\ubc29\uc774 \uac00\uc7a5 \uc911\uc694\ud558\uba70, \ubc1c\uc0dd \uc2dc\uc5d0\ub294 \uade0\uc0ac \ud655\uc0b0 \uc800\uc9c0\ub97c \uc704\ud55c \ubb3c\ub9ac\uc801 \ubc29\uc81c\uc640 \ud658\uacbd \uac1c\uc120\uc5d0 \uc911\uc810\uc744 \ub461\ub2c8\ub2e4.\n <\/p>\n <div class=\"space-y-4\">\n <div class=\"p-4 border border-red-200 bg-red-50 rounded-lg\">\n <h3 class=\"text-xl font-semibold text-red-800 mb-2\">\u203b \ud2b9\ubcc4\ud55c \uce58\ub8cc \ubc29\ubc95 \uc5c6\uc74c<\/h3>\n <p class=\"text-gray-700\">\uc774 \ubcd1\uc740 \ud55c\ubc88 \ubc1c\uc0dd\ud558\uba74 \uce58\ub8cc\uac00 \ub9e4\uc6b0 \uc5b4\ub835\uc2b5\ub2c8\ub2e4. \uc608\ubc29\uacfc \ud655\uc0b0 \ubc29\uc9c0\uc5d0 \uc8fc\ub825\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n <div class=\"p-4 border border-blue-200 bg-blue-50 rounded-lg\">\n <h3 class=\"text-xl font-semibold text-blue-800 mb-2\">\u2460 \ud658\uacbd \uad00\ub9ac \ubc0f \uc608\ubc29<\/h3>\n <ul class=\"list-disc list-inside text-gray-700\">\n <li><strong>\ubd88 \ud53c\uc6b0\ub294 \ud589\uc704 \uae08\uc9c0:<\/strong> \uc18c\ub098\ubb34 \uc232 \uc548\uc5d0\uc11c \ucde8\uc0ac, \uc4f0\ub808\uae30 \uc18c\uac01 \ub4f1 \ubd88\uc744 \ud53c\uc6b0\ub294 \ud589\uc704\ub97c \ucca0\uc800\ud788 \uae08\uc9c0\ud569\ub2c8\ub2e4. \uc774\ub294 \ud3ec\uc790 \ubc1c\uc544\uc758 \uc8fc\uc694 \uc6d0\uc778\uc785\ub2c8\ub2e4.<\/li>\n <li><strong>\ud1a0\uc591 \uc0b0\ub3c4 \uac1c\uc120:<\/strong> \uc0b0\uc131 \ud1a0\uc591\uc5d0\uc11c \uc798 \ubc1c\uc0dd\ud558\ubbc0\ub85c, 1ha\ub2f9 2.5\ud1a4 \uc815\ub3c4\uc758 \uc11d\ud68c\ub97c \ubfcc\ub824 \ud1a0\uc591 \uc0b0\ub3c4\ub97c \uac1c\uc120\ud569\ub2c8\ub2e4.<\/li>\n <li><strong>\uc218\uc138 \uc99d\uc9c4:<\/strong> \ub098\ubb34\uc758 \uc218\uc138\ub97c \uac74\uac15\ud558\uac8c \uad00\ub9ac\ud558\uc5ec \uc800\ud56d\ub825\uc744 \ub192\uc785\ub2c8\ub2e4.<\/li>\n <li><strong>\ubbf8\uc0dd\ubb3c \ud68c\ubcf5:<\/strong> \uc0b0\ubd88 \uc9c0\uc5ed \uc7ac\uc870\ub9bc \uc804 \ud1a0\uc591 \ubbf8\uc0dd\ubb3c \ud68c\ubcf5\uc5d0 \ud798\uc501\ub2c8\ub2e4.<\/li>\n <\/ul>\n <\/div>\n <div class=\"p-4 border border-green-200 bg-green-50 rounded-lg\">\n <h3 class=\"text-xl font-semibold text-green-800 mb-2\">\u2461 \ubb3c\ub9ac\uc801 \ubc29\uc81c<\/h3>\n <ul class=\"list-disc list-inside text-gray-700\">\n <li><strong>\uade0\uc0ac\ud655\uc0b0 \uc800\uc9c0\ub300 \uc870\uc131:<\/strong> \ubcd1 \ubc1c\uc0dd \uc2dc \ud53c\ud574\ubaa9 \uc8fc\ubcc0\uc73c\ub85c \ud3ed 1m, \uae4a\uc774 80cm \uc815\ub3c4\uc758 \uace0\ub791\uc744 \ud30c\uace0 \uc18c\uc11d\ud68c\ub97c \uc11e\uc5b4 \ucc44\uc6cc \uade0\uc0ac\ud655\uc0b0 \uc800\uc9c0\ub300\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. (\uade0\uc0ac \ud655\uc0b0 \uc18d\ub3c4 \uc5f0 6~7m)<\/li>\n <li><strong>\ud53c\ud574\ubaa9 \uc81c\uac70 \ubc0f \uc18c\ub3c5:<\/strong> \uac10\uc5fc\ub418\uc5b4 \uc8fd\uc5b4\uac00\ub294 \ub098\ubb34\ub098 \uace0\uc0ac\ubaa9\uc740 \ubc8c\ucc44\ud558\uc5ec \uc81c\uac70\ud558\uace0, \ud574\ub2f9 \uc7a5\uc18c\uc5d0\ub294 \ubca0\ub178\ubc00 \uc218\ud654\uc81c\ub97c 1\u33a1\ub2f9 2L \uc815\ub3c4 \uc0b4\ud3ec\ud558\uc5ec \uc18c\ub3c5\ud569\ub2c8\ub2e4.<\/li>\n <li><strong>\uc790\uc2e4\uccb4 \uc81c\uac70:<\/strong> \uc790\uc2e4\uccb4(\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f)\ub294 \ubc1c\uacac \uc989\uc2dc \uc81c\uac70\ud558\uc5ec \ud3ec\uc790 \ud655\uc0b0\uc744 \ub9c9\uc2b5\ub2c8\ub2e4.<\/li>\n <\/ul>\n <\/div>\n <div class=\"p-4 border border-yellow-200 bg-yellow-50 rounded-lg\">\n <h3 class=\"text-xl font-semibold text-yellow-800 mb-2\">\u2462 \uae30\ud0c0<\/h3>\n <p class=\"text-gray-700\">\ubc1c\uc0dd\ub41c \uacf3\uc5d0\uc11c\ub294 \uc218\ub144\uac04 \uc784\ubaa9\uc758 \uc2dd\uc7ac\ub97c \ud53c\ud558\uac70\ub098 \ub0b4\ubcd1\uc131 \uc218\uc885\uc744 \uc2ec\ub294 \uac83\uc744 \uace0\ub824\ud569\ub2c8\ub2e4. \uc9c0\uc18d\uc801\uc778 \uc608\ucc30 \uc870\uc0ac\ub97c \ud1b5\ud55c \ucd08\uae30 \ubc1c\uacac\uc774 \ub9e4\uc6b0 \uc911\uc694\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-amber-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, \uc704\ud0a4\ubc31\uacfc, \uac15\uc6d0\ub300\ud559\uad50 \uc218\ubaa9\uc9c4\ub2e8\uc13c\ud130 \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 fruiting_body: {\n title: '\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f (\uc790\uc2e4\uccb4)',\n description: '\uac10\uc5fc\ubaa9, \uc8fc\ubcc0 \uac74\uc804\ubaa9\uc758 \uc9c0\uc81c\ubd80(\ub545\uac00), \ub610\ub294 \uac10\uc5fc\uc9c0\uc5ed\uc758 \ud1a0\uc591 \uc704\uc5d0 \ud615\uc131\ub418\ub294 \uc811\uc2dc \ubaa8\uc591\uc758 \uc790\uc2e4\uccb4(\ubc84\uc12f)\uc785\ub2c8\ub2e4. \ucc98\uc74c\uc5d0\ub294 \uc605\uc740 \ub178\ub780\uc0c9\uc744 \ub760\ub2e4\uac00 \uc810\ucc28 \uc9d9\uc740 \uac08\uc0c9~\ubc24\uc0c9\uc73c\ub85c \ubcc0\ud558\uba70 \uc131\uc219\ud558\uba74 \uc9d9\uc740 \ubc24\uc0c9~\uac80\uc740\uc0c9\uc744 \ub760\uac8c \ub429\ub2c8\ub2e4. \ud06c\uae30\ub294 3~8cm\uc774\uba70, \ub54c\ub54c\ub85c \uc5ec\ub7ec \uac1c\uac00 \ubb49\uccd0\uc11c \ud06c\uac8c \ud655\ub300\ub418\uae30\ub3c4 \ud569\ub2c8\ub2e4.',\n size: '\ud06c\uae30: 3~8cm',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_fruiting_body_forest.jpg' \n },\n ascus: {\n title: '\uc790\ub0ad',\n description: '\ubcd1\uc6d0\uade0\uc758 \uc790\ub0ad(ascus)\uc740 \ud06c\uae30 400~15\u339b \uc815\ub3c4\uc774\uba70, \uac01 \uc790\ub0ad \uc548\uc5d0\ub294 8\uac1c\uc758 \uc790\ub0ad\ud3ec\uc790\ub97c \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc790\ub0ad\uc758 \uc591 \ub05d\uc740 \ud22c\uba85\ud558\uace0 \ub05d\uc5d0 \uc9e7\uc740 \ud0c8\ucd9c\uad6c(apiculus)\uac00 \uc788\uc2b5\ub2c8\ub2e4.',\n size: '\ud06c\uae30: \uc57d 400~15\u339b',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_ascus.jpg' \n },\n ascospore: {\n title: '\uc790\ub0ad\ud3ec\uc790',\n description: '\uc790\ub0ad \uc548\uc5d0 \ub4e4\uc5b4\uc788\ub294 \ud3ec\uc790\ub85c, \ud06c\uae30\ub294 28~32 x 8~10\u03bcm\uc785\ub2c8\ub2e4. \uc790\ub0ad\ud3ec\uc790 \uc548\uc5d0\ub294 \ubcf4\ud1b5 2\uac1c\uc758 \uc9c0\uc9c8 \uc18c\uad6c\uccb4\uac00 \ub4e4\uc5b4 \uc788\uc73c\ub098, 2\uac1c \uc774\uc0c1\uc778 \uacbd\uc6b0\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ubc14\ub78c\uc774\ub098 \ubb3c\uc5d0 \uc758\ud574 \ud655\uc0b0\ub418\uc5b4 \uc0c8\ub85c\uc6b4 \uac10\uc5fc\uc744 \uc77c\uc73c\ud0b5\ub2c8\ub2e4.',\n size: '\ud06c\uae30: 28~32 x 8~10\u03bcm',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_ascospore.jpg' \n }\n };\n\n const damageData = {\n leaf_browning_dieback: {\n title: '\uc78e \uac08\ubcc0 \ubc0f \uace0\uc0ac',\n description: '\uac10\uc5fc\uc774 \uc9c4\uc804\ub418\uba74 \uce68\uc5fd\uc774 \uac08\ubcc0\ub418\uace0 \uc0dd\uc7a5\uc774 \uc800\ud574\ub429\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \ub098\ubb34 \uc804\uccb4\uac00 \uc218\ubd84 \ubd80\uc871\uc73c\ub85c \ub9c8\ub974\uba70 \uace0\uc0ac\ud558\uac8c \ub429\ub2c8\ub2e4. \uc624\ub798\ub41c \uac10\uc5fc\ubaa9\uc5d0\uc11c\ub294 \uc2e0\ucd08(\uc0c8\uc21c) \uc0dd\uc7a5 \uc800\ud558, \uc2dc\ub4e0 \uce68\uc5fd \ubc0f \uac00\uc9c0\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\uac10\uc5fc\ub418\uc5b4 \uc8fd\uc5b4\uac00\ub294 \ub098\ubb34 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_leaf_browning_dieback.jpg' \n },\n root_rot_black_brown: {\n title: '\ubfcc\ub9ac \ud751\uac08\uc0c9 \uc369\uc74c',\n description: '\ucd08\uae30\uc5d0\ub294 \ud1a0\uc591 \ud45c\uba74\uc5d0 \uac00\uae4c\uc6b4 \uc794\ubfcc\ub9ac\uac00 \uac80\uc740 \uac08\uc0c9\uc73c\ub85c \uc369\uc73c\uba70, \uac10\uc5fc\uc774 \uc9c4\uc804\ub418\uba74 \uc810\ucc28 \uad75\uc740 \ubfcc\ub9ac\ub85c \ubc88\uc9d1\ub2c8\ub2e4. \uac10\uc5fc\ub41c \ubfcc\ub9ac \ud45c\uba74\uc5d0 \ud558\uc580\uc0c9~\ub178\ub780\uc0c9\uc758 \uade0\uc0ac(mycelial mat)\uac00 \ub36e\uc5ec \uc788\uace0, \uc218\ud53c\ub97c \ubc97\uaca8\ubcf4\uba74 \uade0\uc0ac\uc18d\uc774 \uad00\ucc30\ub429\ub2c8\ub2e4. (\ubfcc\ub9ac \ud45c\uba74 \uade0\uc0ac \ubc0f \uade0\uc0ac\uc18d \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_root_rot_black_brown.jpg' \n },\n resin_sand_clumping: {\n title: '\uc1a1\uc9c4 \uc720\ucd9c \ubc0f \ubaa8\ub798 \ub369\uc774',\n description: '\ubcd1\uc6d0\uade0\uc774 \uce68\uc785\ud55c \ubfcc\ub9ac\uc5d0\uc11c\ub294 \ubd84\ube44\ub41c \uc1a1\uc9c4\uc73c\ub85c \uc778\ud574 \ubaa8\ub798 \ub369\uc774\uac00 \ud615\uc131\ub418\uae30\ub3c4 \ud569\ub2c8\ub2e4. \uc18c\ub098\ubb34\ub098 \uc7a3\ub098\ubb34 \uac19\uc740 \uce68\uc5fd\uc218\ub294 \ubcd1\ub4e0 \ub098\ubb34\uc758 \ubfcc\ub9ac\ubaa9\uacfc \uc904\uae30 \ubc11\ub3d9\uc5d0\uc11c \ub9ce\uc740 \uc591\uc758 \uc1a1\uc9c4\uc774 \ud758\ub7ec\ub098\uc640 \ud558\uc597\uac8c \uad73\ub294 \uc99d\uc0c1\uc744 \ubcf4\uc785\ub2c8\ub2e4. (\uc138\uadfc\uc5d0 \ud615\uc131\ub41c \ubaa8\ub798 \uacbd\ub2e8 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_resin_sand_clumping.jpg' \n },\n overall_mortality: {\n title: '\ub098\ubb34 \uc804\uccb4 \uace0\uc0ac',\n description: '\uade0\uc0ac \ud655\uc0b0 \ubc94\uc704 \ub0b4\uc5d0 \uc788\ub294 \ub098\ubb34\ub294 \ub300\ubd80\ubd84 \ub9d0\ub77c \uc8fd\ub294 \uce58\uba85\uc801\uc778 \ubcd1\ud574\uc785\ub2c8\ub2e4. \uc0b0\ubd88 \ubc1c\uc0dd \uc9c0\uc5ed \ub4f1 \ud1a0\uc591 \ubbf8\uc0dd\ubb3c\uc774 \ub2e8\uc21c\ud654\ub41c \uc0c1\ud0dc\uc5d0\uc11c \uc6b0\uc810\uade0\uc73c\ub85c \ubc1c\uc0dd\ud558\uc5ec \uc9d1\ub2e8 \uace0\uc0ac\ub97c \uc720\ubc1c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc758 \ubcd1\uc9d5 \uc774\ubbf8\uc9c0 \ucc38\uace0)',\n image: 'https:\/\/storage.googleapis.com\/aai-web-samples\/Rhizina_undulata_overall_mortality.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('fruiting_body'); \/\/ 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('leaf_browning_dieback'); \/\/ 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: ['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: '\ud3ec\uc790 \uc0dd\uc874 \ubc0f \uade0\uc0ac \ud65c\ub3d9',\n data: [10, 10, 8, 5, 2, 0, 0, 0, 0, 5, 8, 10], \/\/ Year-round, higher in cool\/humid\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: '\ubc84\uc12f(\uc790\uc2e4\uccb4) \ubc1c\uc0dd\uae30',\n data: [0, 0, 0, 0, 0, 0, 0, 5, 10, 8, 5, 2], \/\/ Peak fall\n backgroundColor: 'rgba(234, 88, 12, 0.6)', \/* orange-600 *\/\n borderColor: 'rgba(234, 88, 12, 1)',\n borderWidth: 1,\n yAxisID: 'y',\n },{\n label: '\ubc29\uc81c \ucd94\ucc9c \uae30\uac04 (\ubd88 \ud53c\uc6b0\ub294 \ud589\uc704 \uae08\uc9c0)',\n data: [0, 0, 0, 12, 12, 12, 12, 12, 12, 0, 0, 0], \/\/ Spring-Summer (when temp is high)\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 (\uade0\uc0ac\ud655\uc0b0 \uc800\uc9c0\/\ud53c\ud574\ubaa9 \uc81c\uac70)',\n data: [0, 0, 0, 0, 0, 0, 0, 0, 12, 12, 12, 12], \/\/ Fall-Winter\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('\ubd88 \ud53c\uc6b0\ub294')) return ` ${context.dataset.label}: 4\uc6d4 ~ 9\uc6d4`;\n return ` ${context.dataset.label}: 9\uc6d4 ~ 2\uc6d4`;\n }\n return ` ${context.dataset.label}: ${context.raw} (\ud65c\ub3d9 \ubc00\ub3c4)`;\n }\n }\n },\n title: {\n display: true,\n text: '\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 \uc6d4\ubcc4 \ud65c\ub3d9 \ubc0f \ubc29\uc81c \uc2dc\uae30'\n }\n },\n scales: {\n x: {\n stacked: true,\n },\n y: {\n stacked: true,\n display: true,\n title: {\n display: true,\n text: '\ud65c\ub3d9 \ubc00\ub3c4'\n },\n max: 12\n },\n y1: {\n display: false,\n max: 15\n }\n }\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"162\" data-id=\"3097\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-\uc790\uc2e4\uccb4.png\" alt=\"\" class=\"wp-image-3097\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"162\" data-id=\"3096\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f-\ub0b4\ubd80.png\" alt=\"\" class=\"wp-image-3096\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"162\" data-id=\"3095\" src=\"https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-\uc790\uc2e4\uccb4-old.png\" alt=\"\" class=\"wp-image-3095\"\/><\/figure>\n<\/figure>\n\n\n\n<p><\/p>\n","protected":false},"featured_media":3094,"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":[240,80,182,106],"pest-category":[86],"pest-overwintering":[],"class_list":["post-3093","pest","type-pest","status-publish","has-post-thumbnail","hentry","pest-target-240","pest-target-80","pest-target-182","pest-target-106","pest-category-86"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1.jpg",868,314,false],"thumbnail":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-150x150.jpg",150,150,true],"medium":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-300x109.jpg",300,109,true],"medium_large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1-768x278.jpg",768,278,true],"large":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1.jpg",868,314,false],"1536x1536":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1.jpg",868,314,false],"2048x2048":["https:\/\/hstc.treecare.co.kr\/wp-content\/uploads\/2025\/06\/\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1.jpg",868,314,false]},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 \ub300\ud654\ud615 \uac00\uc774\ub4dc \uac1c\uc694 \ubcd1\uc6d0\uade0 \ud615\ud0dc \ud53c\ud574 \uc99d\uc0c1 \uc0dd\ud65c\uc0ac \ubc29\uc81c \ubc29\ubc95 \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1 (Rhizina undulata)\uc774\ub780? \ub9ac\uc9c0\ub098\ubfcc\ub9ac\uc369\uc74c\ubcd1\uc740 Rhizina undulata (\ud30c\uc0c1\ub545\ud574\ud30c\ub9ac\ubc84\uc12f) \uacf0\ud321\uc774\uc5d0 \uc758\ud574 […]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/pest\/3093","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\/3094"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3093"}],"wp:term":[{"taxonomy":"pest-target","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-target&post=3093"},{"taxonomy":"pest-category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-category&post=3093"},{"taxonomy":"pest-overwintering","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fpest-overwintering&post=3093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}