{"id":7413,"date":"2026-07-10T06:51:12","date_gmt":"2026-07-09T21:51:12","guid":{"rendered":"http:\/\/ptz.cbox.kr\/?p=7413"},"modified":"2026-07-11T08:43:06","modified_gmt":"2026-07-11T08:43:06","slug":"%eb%a7%8c%eb%82%a8","status":"publish","type":"post","link":"https:\/\/h9988.cbox.kr\/?p=7413","title":{"rendered":"[\ub9cc\ub0a8,\uc778\uc5f0]"},"content":{"rendered":"\n<div class=\"wp-block-uagb-image uagb-block-ca0e091f wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" src=\"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\ub2e4\uc2dc-\ub9cc\ub098\uace0-\uc2e4\uc740-\uc0ac\ub78c\uc774-\ub418\uc790s-2-1024x683.png\" alt=\"\ub2e4\uc2dc \ub9cc\ub098\uace0 \uc2e4\uc740 \uc0ac\ub78c\uc774 \ub418\uc790s\" class=\"uag-image-11979\" width=\"1024\" height=\"683\" title=\"\ub2e4\uc2dc \ub9cc\ub098\uace0 \uc2e4\uc740 \uc0ac\ub78c\uc774 \ub418\uc790s\" loading=\"lazy\" role=\"img\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/03\/\uc778\uc5f0.mp3\"><\/audio><\/figure>\n\n\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+KR:wght@300;400;700&family=Noto+Sans+KR:wght@300;400;700&display=swap');\n\n    .wp-custom-html-wrapper {\n        --color-bg: #f9f7f2;\n        --color-accent: #6b705c;\n        --color-text: #4a4a4a;\n        --color-card: #ffffff;\n        font-family: 'Noto Sans KR', sans-serif;\n        background-color: var(--color-bg);\n        color: var(--color-text);\n        scroll-behavior: smooth;\n        line-height: 1.6;\n    }\n\n    .wp-custom-html-wrapper .serif { font-family: 'Noto Serif KR', serif; }\n\n    .wp-custom-html-wrapper .chart-container {\n        position: relative;\n        width: 100%;\n        max-width: 500px;\n        margin-left: auto;\n        margin-right: auto;\n        height: 300px;\n        max-height: 350px;\n    }\n\n    .wp-custom-html-wrapper .fade-in { animation: wpFadeIn 1.2s ease-out forwards; }\n    @keyframes wpFadeIn {\n        from { opacity: 0; transform: translateY(15px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .wp-custom-html-wrapper .nav-link {\n        cursor: pointer;\n        transition: color 0.3s;\n    }\n    .wp-custom-html-wrapper .nav-link:hover { color: var(--color-accent); }\n\n    .wp-custom-html-wrapper .interactive-card {\n        transition: all 0.3s ease;\n    }\n    .wp-custom-html-wrapper .interactive-card:hover {\n        transform: scale(1.02);\n        box-shadow: 0 10px 25px rgba(107, 112, 92, 0.1);\n    }\n\n    .wp-custom-html-wrapper .quote-box::before {\n        content: '\"';\n        font-family: serif;\n        font-size: 4rem;\n        position: absolute;\n        top: -20px;\n        left: 10px;\n        color: rgba(107, 112, 92, 0.1);\n    }\n    \n    \/* \uc6cc\ub4dc\ud504\ub808\uc2a4 \ud14c\ub9c8\uc640\uc758 \uac04\uc12d \ucd5c\uc18c\ud654 *\/\n    .wp-custom-html-wrapper section { padding: 60px 20px; }\n    .wp-custom-html-wrapper h1, .wp-custom-html-wrapper h2, .wp-custom-html-wrapper h3, .wp-custom-html-wrapper h4, .wp-custom-html-wrapper h5 {\n        margin-top: 0;\n        color: inherit;\n    }\n<\/style>\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n<script>\n    \/\/ Tailwind \uc124\uc815 (\ud14c\ub9c8 \ucda9\ub3cc \ubc29\uc9c0\uc6a9 \uc811\ub450\uc0ac \uad8c\uc7a5\ub418\ub098, \uc5ec\uae30\uc11c\ub294 \uae30\ubcf8 \uc720\uc9c0)\n    tailwind.config = {\n        important: '.wp-custom-html-wrapper', \/\/ \uc774 \uc601\uc5ed \ub0b4\uc5d0\uc11c\ub9cc Tailwind \uc801\uc6a9\n    }\n<\/script>\n\n<div class=\"wp-custom-html-wrapper antialiased\">\n\n    <nav class=\"w-full z-10 bg-white\/70 backdrop-blur-md border-b border-stone-200\">\n        <div class=\"max-w-6xl mx-auto px-6 py-4 flex justify-between items-center\">\n            <div class=\"text-xl font-bold text-stone-700 serif\">\uc778\uc5f0\uc758 \ud5a5\uae30<\/div>\n            <div class=\"hidden md:flex space-x-10 text-sm font-medium tracking-wide\">\n                <span class=\"nav-link\" onclick=\"wpScrollToSection('wp-hero')\">\uc778\uc5f0<\/span>\n                <span class=\"nav-link\" onclick=\"wpScrollToSection('wp-reflection')\">\uc131\ucc30<\/span>\n                <span class=\"nav-link\" onclick=\"wpScrollToSection('wp-traits')\">\uc790\uc9c8<\/span>\n                <span class=\"nav-link\" onclick=\"wpScrollToSection('wp-action')\">\uc2e4\ucc9c<\/span>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <section id=\"wp-hero\" class=\"min-h-[80vh] flex items-center justify-center px-6\">\n        <div class=\"max-w-4xl text-center fade-in\">\n                        <h1 class=\"text-4xl md:text-6xl font-bold serif mb-10 leading-snug\">\uc5b8\uc81c\ub4e0 \ub2e4\uc2dc \ub9cc\ub098\uace0 \uc2f6\uc740<br><span class=\"text-emerald-800\">\uadf8\ub7f0 \uc0ac\ub78c<\/span>\uc774 \ub418\uc790<\/h1>\n            <p class=\"text-lg text-stone-600 leading-relaxed mb-12 max-w-2xl mx-auto\">\n                \uc0ac\ub78c\ub4e4\uc740 \ubb34\uc218\ud55c \uc778\uc5f0\uc744 \ub9fa\uace0 \uc0b4\uc544\uac04\ub2e4. \uadf8 \uc778\uc5f0\uc18d\uc5d0 \uace0\uc6b4 \uc0ac\ub791\ub3c4 \uc5ee\uc5b4\uac00\uc9c0\ub9cc \n                                     \uadf8 \uc778\uc5f0\uc18d\uc5d0 \ubbf8\uc6c0\ub3c4 \uc5ee\uc5b4\uc9c0\ub294\uac8c \uc788\ub2e4.\n            <\/p>\n           <p class=\"text-lg text-stone-600 leading-relaxed mb-12 max-w-2xl mx-auto\">\n  \uace0\uc6b4 \uc0ac\ub78c\uc774 \uc788\ub294 \ubc18\uba74, \ubbf8\uc6b4 \uc0ac\ub78c\ub3c4 \uc788\uace0,<br>\n  \ubc18\uae30\uace0 \uc2f6\uc740 \uc0ac\ub78c\uc774 \uc788\ub294 \ubc18\uba74 \uc678\uba74\ud558\uace0 \uc2f6\uc740 \uc0ac\ub78c\ub3c4 \uc788\ub2e4.<br><br>\n\n  \uace0\uc6b4 \uc778\uc5f0\ub3c4 \uc788\uc9c0\ub9cc \ud53c\ud558\uace0 \uc2f6\uc740 \uc545\uc5f0\ub3c4 \uc788\ub2e4.<br><br>\n\n  \uc6b0\ub9b0 \uc0ac\ub78c\uc744 \ub9cc\ub0a0 \ub54c,<br>\n  \ubc18\uac00\uc6b4 \uc0ac\ub78c\uc77c \ub54c\ub294 \ud589\ubcf5\ud568\uc774 \ucda9\uc871\ud574\uc628\ub2e4.<br><br>\n\n  \uadf8\ub7ec\ub098 \uc5b4\ub5a4 \uc0ac\ub78c\uc744 \ub9cc\ub0a0 \ub54c\ub294<br>\n  \uadf8\ub2e4\uc9c0 \ubc18\uac11\uc9c0 \uc54a\uc544 \ubb34\ub8cc\ud568\uc774 \ubab0\ub824\uc628\ub2e4.<br><br>\n\n  \ub098\uc5d0\uac8c \uae30\uc068\uc744 \uc8fc\ub294 \uc0ac\ub78c\uc774 \uc788\ub294\uac00 \ud558\uba74,<br>\n  \ub098\uc5d0\uac8c \uad34\ub85c\uc6c0\uc744 \uc8fc\ub294 \uc0ac\ub78c\ub3c4 \uc788\ub2e4.\n<\/p>\n<div class=\"flex justify-center space-x-4\">\n                <button onclick=\"wpScrollToSection('wp-reflection')\" class=\"px-8 py-3 bg-stone-800 text-white rounded-full text-sm font-bold hover:bg-stone-700 transition\">\uc131\ucc30 \uc2dc\uc791\ud558\uae30<\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"wp-reflection\" class=\"py-10 bg-stone-100\/50 px-0\">\n        <div class=\"max-w-5xl mx-auto\">\n            <div class=\"text-center mb-16\">\n                <h3 class=\"text-3xl font-bold serif mb-4\">\uc778\uc5f0\uc758 \ud48d\uacbd \ub4e4\uc5ec\ub2e4\ubcf4\uae30<\/h3>\n                <p class=\"text-stone-500\">\uc6b0\ub9ac\uac00 \ub9fa\uace0 \uc788\ub294 \ub2e4\uc591\ud55c \uad00\uacc4\uc758 \ubaa8\uc2b5\uc785\ub2c8\ub2e4. \ub098\ub294 \uc5b4\ub514\uc5d0 \uc18d\ud574 \uc788\uc744\uae4c\uc694?<\/p>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n                <div class=\"bg-white p-8 rounded-3xl shadow-sm border border-stone-200\">\n                    <h4 class=\"text-center text-sm font-bold text-stone-400 mb-6 uppercase tracking-wider\">\uad00\uacc4\uc758 \uc5d0\ub108\uc9c0 \ubd84\ud3ec<\/h4>\n                    <div class=\"chart-container\">\n                        <canvas id=\"relationChart\"><\/canvas>\n                    <\/div>\n                    <p class=\"text-xs text-center text-stone-800 mt-6 leading-relaxed\">\n                        \uae30\uc068\uc744 \uc8fc\ub294 \uc0ac\ub78c\uacfc \uad34\ub85c\uc6c0\uc744 \uc8fc\ub294 \uc0ac\ub78c \n                        <br>\uc0ac\uc774\uc758 \uade0\ud615\uc744 \uc0dd\uac01\ud574\ubcf4\uc138\uc694.<br>\n                        \uc9c4\uc194\ud55c \ub9c8\uc74c\uc740 \uc774 \uadf8\ub798\ud504\ub97c<br> &#8216;\uae30\uc068&#8217;\uc758 \uc601\uc5ed\uc73c\ub85c \uc774\ub3d9\uc2dc\ud0b5\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n                <div class=\"space-y-4\">\n                    <div class=\"quote-box relative p-10 bg-white rounded-2xl border-l-4 border-emerald-700 italic text-stone-700 leading-loose\">\n                        &#8220;\uacfc\uc5f0 \ub098\ub294 \ud0c0\uc778\uc5d0\uac8c <br>\uc5b4\ub5a4 \uc0ac\ub78c\uc73c\ub85c \uc788\ub294\uac00. \n                         <br>\uacfc\uc5f0 \ub098\ub294 \ub0a8\ub4e4\uc5d0\uac8c <br>\uc5b4\ub5a4 \uc778\uc0c1\uc744 \uc2ec\uc5b4 \uc8fc\uc5c8\ub294\uac00.&#8221;\n                    <\/div>\n                  \n                    <div class=\"quote-box relative p-10 bg-white rounded-2xl border-l-4 border-emerald-700 italic text-stone-700 leading-loose\">\n                      &#8220;\ud55c\ubc88 \ub9cc\ub098\uba74 \uc778\uac04\ubbf8\uac00 \ub118\uce58\ub294 <br>\uc0ac\ub78c\uc774 \ub418\uc5b4\uc57c\uaca0\ub2e4. \n                       <br>\ud55c\ubc88 \ub9cc\ub098\uace0 \ub09c \ud6c4 \ub2e4\uc2dc \ub9cc\ub098\uace0 \uc2f6\uc740 <br>\uc0ac\ub78c\uc774 \ub418\uc5b4\uc57c\uaca0\ub2e4.&#8221;\n                    <\/div>\n\n                     <div class=\"quote-box relative p-10 bg-white rounded-2xl border-l-4 border-emerald-700 italic text-stone-700 leading-loose\">\n                     \ud55c\ubc88 \ub9cc\ub098\uace0 \ub09c \ud6c4 \ub2e4\uc2dc \ubcf4\uace0 <br>\uc2f6\uc740 \ub9c8\uc74c\uc774 \n                                <br>    \ub4dc\ub294 \uac83\uc740 \uae30\uc220\uc774 \uc544\ub2c8\ub77c\n                                <br>     **&#8217;\uc9c4\uc2ec&#8217;**\uc758 \ubb38\uc81c\uc785\ub2c8\ub2e4. \n                        <br>\uc790\uc2e0\uc758 \uac10\uc815\ubfd0\ub9cc \uc544\ub2c8\ub77c <br>\ud0c0\uc778\uc758 \ud589\ubcf5\uae4c\uc9c0 \n                                 <br>\uace0\ub824\ud558\ub294 \ub9c8\uc74c\uc774 <br>\uc88b\uc740 \uad00\uacc4\uc758 \uc2dc\uc791\uc785\ub2c8\ub2e4.\n                    <\/div>\n\n                                 <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"wp-traits\" class=\"py-24 px-6\">\n        <div class=\"max-w-5xl mx-auto text-center mb-16\">\n            <h3 class=\"text-3xl font-bold serif mb-4\">\ub2e4\uc2dc \uc0dd\uac01\ub098\uac8c \ud558\ub294 \uc0ac\ub78c\uc758 \uc790\uc9c8<\/h3>\n            <p class=\"text-stone-500\">\uc778\uac04\ubbf8\uac00 \ub118\uce58\ub294 \uc0ac\ub78c\uc774 \ub418\uae30 \uc704\ud574 \uac16\ucd94\uc5b4\uc57c \ud560 \ub124 \uac00\uc9c0 \ud5a5\uae30\uc785\ub2c8\ub2e4.<\/p>\n            <p class=\"text-stone-500\">\uc774\ub7f0 \uc0ac\ub78c\uc774\uc57c \ub9d0\ub85c \ub2e4\uc2dc \ub9cc\ub098\uace0 \uc2f6\uc740 \uc0ac\ub78c\uc774 \uc544\ub2d0\uae4c ?  \uc774\ub7f0 \uc0ac\ub78c\uc774\uc57c \ub9d0\ub85c \ub2e4\uc2dc \uc0dd\uac01\ub098\uac8c \ud558\ub294 \uc0ac\ub78c\uc774 \uc544\ub2d0\uae4c ?<\/p>\n            <\/div>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto mb-20\">\n            <div class=\"interactive-card p-8 bg-white rounded-3xl border border-stone-100 text-center\">\n                <div class=\"text-3xl mb-4\">\ud83c\udf3f<\/div>\n                <h5 class=\"font-bold mb-3\">\uc9c4\uc194\ud568<\/h5>\n                <p class=\"text-xs text-stone-500 leading-relaxed\">\uafb8\ubc08\uc5c6\ub294 \ubaa8\uc2b5\uc73c\ub85c \uc0c1\ub300\uc758 \ub9c8\uc74c\uc744 \uc5ec\ub294 \ud798<\/p>\n            <\/div>\n            <div class=\"interactive-card p-8 bg-white rounded-3xl border border-stone-100 text-center\">\n                <div class=\"text-3xl mb-4\">\u2600\ufe0f<\/div>\n                <h5 class=\"font-bold mb-3\">\uc815\uaca8\uc6c0<\/h5>\n                <p class=\"text-xs text-stone-500 leading-relaxed\">\ub530\ub73b\ud55c \ub9d0 \ud55c\ub9c8\ub514\ub85c \uc628\uae30\ub97c \uc804\ud558\ub294 \ub9c8\uc74c<\/p>\n            <\/div>\n            <div class=\"interactive-card p-8 bg-white rounded-3xl border border-stone-100 text-center\">\n                <div class=\"text-3xl mb-4\">\ud83e\udd1d<\/div>\n                <h5 class=\"font-bold mb-3\">\uc778\uac04\ubbf8<\/h5>\n                <p class=\"text-xs text-stone-500 leading-relaxed\">\ubd80\uc871\ud568\uae4c\uc9c0 \ud488\uc5b4\uc8fc\ub294 \ub109\ub109\ud558\uace0 \ub113\uc740 \ud488<\/p>\n            <\/div>\n            <div class=\"interactive-card p-8 bg-white rounded-3xl border border-stone-100 text-center\">\n                <div class=\"text-3xl mb-4\">\ud83c\udf37<\/div>\n                <h5 class=\"font-bold mb-3\">\uace0\ub9c8\uc6c0<\/h5>\n                <p class=\"text-xs text-stone-500 leading-relaxed\">\uc791\uc740 \uc778\uc5f0\ub3c4 \uc18c\uc911\ud788 \uc5ec\uae30\uace0 \ud45c\ud604\ud558\ub294 \uc790\uc138<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"max-w-md mx-auto bg-stone-50 p-8 rounded-3xl border border-stone-200\">\n            <h4 class=\"text-center font-bold mb-6 serif\">\uc6b0\ub9ac\uac00 \uc9c0\ud5a5\ud574\uc57c \ud560 \uc131\ud488<\/h4>\n            <div class=\"chart-container\" style=\"height: 250px;\">\n                <canvas id=\"traitsChart\"><\/canvas>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"wp-action\" class=\"py-24 bg-emerald-900 text-emerald-100 px-6\">\n        <div class=\"max-w-4xl mx-auto text-center\">\n            <h3 class=\"text-3xl font-bold serif text-white mb-8\">\uc624\ub298\ubd80\ud130, \ub2e4\uc2dc \ub9cc\ub098\uace0 \uc2f6\uc740 \uc0ac\ub78c\uc774 \ub418\uae30 \uc704\ud574<\/h3>\n            <p class=\"mb-12 opacity-80\">\uc791\uc740 \uc2e4\ucc9c\uc774 \ubaa8\uc5ec \ub2f9\uc2e0\uc758 \ud5a5\uae30\uac00 \ub429\ub2c8\ub2e4. \uc624\ub298 \uc2e4\ucc9c\ud560 \ud55c \uac00\uc9c0\ub97c \ud074\ub9ad\ud574\ubcf4\uc138\uc694.<\/p>\n            \n            <div class=\"grid md:grid-cols-3 gap-6 mb-16\">\n                <button onclick=\"wpSelectAction('\uba3c\uc800 \ub530\ub73b\ud55c \uc778\uc0ac\ub97c \uac74\ub124\uaca0\uc2b5\ub2c8\ub2e4.')\" class=\"p-6 border border-emerald-700 rounded-2xl hover:bg-emerald-800 transition text-sm\">\uba3c\uc800 \uc778\uc0ac\ud558\uae30<\/button>\n                <button onclick=\"wpSelectAction('\uc0c1\ub300\uc758 \ub9d0\uc744 \ub05d\uae4c\uc9c0 \uacbd\uccad\ud558\uaca0\uc2b5\ub2c8\ub2e4.')\" class=\"p-6 border border-emerald-700 rounded-2xl hover:bg-emerald-800 transition text-sm\">\uc9c4\uc2ec\uc73c\ub85c \ub4e3\uae30<\/button>\n                <button onclick=\"wpSelectAction('\uc0c1\ub300\uc758 \uc7a5\uc810\uc744 \ucc3e\uc544 \uce6d\ucc2c\ud558\uaca0\uc2b5\ub2c8\ub2e4.')\" class=\"p-6 border border-emerald-700 rounded-2xl hover:bg-emerald-800 transition text-sm\">\uc7a5\uc810 \ubc1c\uacac\ud558\uae30<\/button>\n            <\/div>\n\n            <div id=\"resolveDisplay\" class=\"hidden fade-in bg-white\/10 p-8 rounded-3xl border border-white\/20\">\n                <p class=\"text-xl serif italic text-emerald-200\" id=\"resolveText\"><\/p>\n                <p class=\"mt-4 text-xs opacity-60\">\ub2f9\uc2e0\uc758 \uc544\ub984\ub2e4\uc6b4 \uc778\uc5f0\uc744 \uc751\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"py-24 bg-white px-6\">\n        <div class=\"max-w-3xl mx-auto text-center\">\n            <div class=\"mb-10 inline-block relative\">\n                <div class=\"w-24 h-32 border-4 border-stone-800 rounded-t-full mx-auto flex items-center justify-center overflow-hidden bg-stone-100\">\n                    <div class=\"w-full h-full bg-gradient-to-t from-transparent to-amber-200 animate-pulse\"><\/div>\n                <\/div>\n                <div class=\"text-xs mt-4 text-stone-400\">\ud658\ud55c \ube5b\uc774 \ub4e4\uc5b4\uc624\ub294 \ub098\ubb34 \ubb38<\/div>\n            <\/div>\n            <p class=\"text-2xl md:text-3xl serif leading-relaxed text-stone-800\">\n                &#8220;\uc5b8\uc81c\ub4e0 \ub9cc\ub098\uace0 \ud5e4\uc5b4\uc838\ub3c4<br>\n                \ub2e4\uc2dc \ub9cc\ub098\uace0 \uc2f6\uc740 \uadf8\ub7f0 \uc0ac\ub78c\uc774 \ub418\uc790.&#8221;\n            <\/p>\n        <\/div>\n    <\/section>\n\n   <\/div>\n\n<script>\n    \/\/ \ud568\uc218 \uc774\ub984 \uc911\ubcf5 \ubc29\uc9c0\ub97c \uc704\ud574 wp \uc811\ub450\uc0ac \ucd94\uac00\n    function wpScrollToSection(id) {\n        const element = document.getElementById(id);\n        if (element) {\n            element.scrollIntoView({ behavior: 'smooth' });\n        }\n    }\n\n    function wpSelectAction(text) {\n        const display = document.getElementById('resolveDisplay');\n        const target = document.getElementById('resolveText');\n        if (display && target) {\n            display.classList.remove('hidden');\n            target.innerText = text;\n        }\n    }\n\n    \/\/ Chart.js \ucd08\uae30\ud654 \ud568\uc218\n    function initWpCharts() {\n        if (typeof Chart === 'undefined') {\n            console.log('Chart.js \ub77c\uc774\ube0c\ub7ec\ub9ac\uac00 \uc544\uc9c1 \ub85c\ub4dc\ub418\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4.');\n            return;\n        }\n\n        \/\/ Relation Energy Bar Chart\n        const relCanvas = document.getElementById('relationChart');\n        if (relCanvas) {\n            const relCtx = relCanvas.getContext('2d');\n            new Chart(relCtx, {\n                type: 'bar',\n                data: {\n                    labels: ['\ud589\ubcf5\ud568\/\uae30\uc068', '\ubb34\ub8cc\ud568\/\uad34\ub85c\uc6c0'],\n                    datasets: [{\n                        label: '\uc778\uc5f0\uc758 \uc5d0\ub108\uc9c0',\n                        data: [75, 25],\n                        backgroundColor: ['#6b705c', '#ddbea9'],\n                        borderRadius: 10,\n                        barThickness: 40\n                    }]\n                },\n                options: {\n                    indexAxis: 'y',\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    plugins: { legend: { display: false } },\n                    scales: {\n                        x: { grid: { display: false }, ticks: { display: false } },\n                        y: { grid: { display: false } }\n                    }\n                }\n            });\n        }\n\n        \/\/ Traits Polar Area Chart\n        const traitsCanvas = document.getElementById('traitsChart');\n        if (traitsCanvas) {\n            const traitsCtx = traitsCanvas.getContext('2d');\n            new Chart(traitsCtx, {\n                type: 'polarArea',\n                data: {\n                    labels: ['\uc9c4\uc194\ud568', '\uc815\uaca8\uc6c0', '\uc778\uac04\ubbf8', '\uace0\ub9c8\uc6c0'],\n                    datasets: [{\n                        data: [90, 85, 95, 80],\n                        backgroundColor: [\n                            'rgba(107, 112, 92, 0.6)',\n                            'rgba(165, 165, 141, 0.6)',\n                            'rgba(183, 183, 164, 0.6)',\n                            'rgba(221, 190, 169, 0.6)'\n                        ],\n                        borderWidth: 2,\n                        borderColor: '#ffffff'\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    scales: {\n                        r: { ticks: { display: false }, grid: { color: '#eee' } }\n                    },\n                    plugins: {\n                        legend: { position: 'bottom', labels: { boxWidth: 10, font: { size: 11 } } }\n                    }\n                }\n            });\n        }\n    }\n\n    \/\/ \uc6cc\ub4dc\ud504\ub808\uc2a4 \ud658\uacbd\uc5d0\uc11c \uc2a4\ud06c\ub9bd\ud2b8 \ub85c\ub4dc \uc644\ub8cc \ud6c4 \ucc28\ud2b8 \ucd08\uae30\ud654\n    if (document.readyState === 'complete') {\n        initWpCharts();\n    } else {\n        window.addEventListener('load', initWpCharts);\n    }\n<\/script>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center has-background\" style=\"background-color:#d9e9f0\"><strong>[\ub9cc\ub0a8,\uc778\uc5f0]<\/strong><\/h1>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a53fc4587e7a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a53fc4587e7a\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/%EB%8B%A4%EC%8B%9C-%EB%A7%8C%EB%82%98%EA%B3%A0-%EC%8B%A4%EC%9D%80-%EC%82%AC%EB%9E%8C%EC%9D%B4-%EB%90%98%EC%9E%90-683x1024.png\" alt=\"\" class=\"wp-image-7420\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc778\uc5f0\uc758 \ud5a5\uae30 \uc778\uc5f0 \uc131\ucc30 \uc790\uc9c8 \uc2e4\ucc9c \uc5b8\uc81c\ub4e0 \ub2e4\uc2dc \ub9cc\ub098\uace0 \uc2f6\uc740\uadf8\ub7f0 \uc0ac\ub78c\uc774 \ub418\uc790 \uc0ac\ub78c\ub4e4\uc740 \ubb34\uc218\ud55c \uc778\uc5f0\uc744 \ub9fa\uace0 \uc0b4\uc544\uac04\ub2e4. \uadf8 \uc778\uc5f0\uc18d\uc5d0 \uace0\uc6b4 \uc0ac\ub791\ub3c4 \uc5ee\uc5b4\uac00\uc9c0\ub9cc \uadf8 \uc778\uc5f0\uc18d\uc5d0 \ubbf8\uc6c0\ub3c4 \uc5ee\uc5b4\uc9c0\ub294\uac8c \uc788\ub2e4. \uace0\uc6b4 \uc0ac\ub78c\uc774 \uc788\ub294 \ubc18\uba74, \ubbf8\uc6b4 \uc0ac\ub78c\ub3c4 \uc788\uace0, \ubc18\uae30\uace0 \uc2f6\uc740 \uc0ac\ub78c\uc774 \uc788\ub294 \ubc18\uba74 \uc678\uba74\ud558\uace0 \uc2f6\uc740 \uc0ac\ub78c\ub3c4 \uc788\ub2e4. \uace0\uc6b4 \uc778\uc5f0\ub3c4 \uc788\uc9c0\ub9cc \ud53c\ud558\uace0 \uc2f6\uc740 \uc545\uc5f0\ub3c4 \uc788\ub2e4. \uc6b0\ub9b0 \uc0ac\ub78c\uc744 \ub9cc\ub0a0 \ub54c, \ubc18\uac00\uc6b4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11994,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","pgc_sgb_lightbox_settings":"","fifu_image_url":"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\ub2e4\uc2dc-\ub9cc\ub098\uace0-\uc2e4\uc740-\uc0ac\ub78c\uc774-\ub418\uc790s-2-1024x683.png","fifu_image_alt":"","footnotes":""},"categories":[4],"tags":[],"class_list":["post-7413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-4"],"views":73,"uagb_featured_image_src":{"full":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\ub2e4\uc2dc-\ub9cc\ub098\uace0-\uc2e4\uc740-\uc0ac\ub78c\uc774-\ub418\uc790s-2-1024x683.png",0,0,false],"thumbnail":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\ub2e4\uc2dc-\ub9cc\ub098\uace0-\uc2e4\uc740-\uc0ac\ub78c\uc774-\ub418\uc790s-2-1024x683.png",150,150,false],"medium":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\ub2e4\uc2dc-\ub9cc\ub098\uace0-\uc2e4\uc740-\uc0ac\ub78c\uc774-\ub418\uc790s-2-1024x683.png",300,300,false],"medium_large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\ub2e4\uc2dc-\ub9cc\ub098\uace0-\uc2e4\uc740-\uc0ac\ub78c\uc774-\ub418\uc790s-2-1024x683.png",768,0,false],"large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\ub2e4\uc2dc-\ub9cc\ub098\uace0-\uc2e4\uc740-\uc0ac\ub78c\uc774-\ub418\uc790s-2-1024x683.png",1024,1024,false],"1536x1536":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\ub2e4\uc2dc-\ub9cc\ub098\uace0-\uc2e4\uc740-\uc0ac\ub78c\uc774-\ub418\uc790s-2-1024x683.png",1536,1536,false],"2048x2048":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/07\/\ub2e4\uc2dc-\ub9cc\ub098\uace0-\uc2e4\uc740-\uc0ac\ub78c\uc774-\ub418\uc790s-2-1024x683.png",2048,2048,false]},"uagb_author_info":{"display_name":"ds1avz10","author_link":"https:\/\/h9988.cbox.kr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\uc778\uc5f0\uc758 \ud5a5\uae30 \uc778\uc5f0 \uc131\ucc30 \uc790\uc9c8 \uc2e4\ucc9c \uc5b8\uc81c\ub4e0 \ub2e4\uc2dc \ub9cc\ub098\uace0 \uc2f6\uc740\uadf8\ub7f0 \uc0ac\ub78c\uc774 \ub418\uc790 \uc0ac\ub78c\ub4e4\uc740 \ubb34\uc218\ud55c \uc778\uc5f0\uc744 \ub9fa\uace0 \uc0b4\uc544\uac04\ub2e4. \uadf8 \uc778\uc5f0\uc18d\uc5d0 \uace0\uc6b4 \uc0ac\ub791\ub3c4 \uc5ee\uc5b4\uac00\uc9c0\ub9cc \uadf8 \uc778\uc5f0\uc18d\uc5d0 \ubbf8\uc6c0\ub3c4 \uc5ee\uc5b4\uc9c0\ub294\uac8c \uc788\ub2e4. \uace0\uc6b4 \uc0ac\ub78c\uc774 \uc788\ub294 \ubc18\uba74, \ubbf8\uc6b4 \uc0ac\ub78c\ub3c4 \uc788\uace0, \ubc18\uae30\uace0 \uc2f6\uc740 \uc0ac\ub78c\uc774 \uc788\ub294 \ubc18\uba74 \uc678\uba74\ud558\uace0 \uc2f6\uc740 \uc0ac\ub78c\ub3c4 \uc788\ub2e4. \uace0\uc6b4 \uc778\uc5f0\ub3c4 \uc788\uc9c0\ub9cc \ud53c\ud558\uace0 \uc2f6\uc740 \uc545\uc5f0\ub3c4 \uc788\ub2e4. \uc6b0\ub9b0 \uc0ac\ub78c\uc744 \ub9cc\ub0a0 \ub54c, \ubc18\uac00\uc6b4&hellip;","_links":{"self":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/7413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7413"}],"version-history":[{"count":7,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/7413\/revisions"}],"predecessor-version":[{"id":11992,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/7413\/revisions\/11992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/media\/11994"}],"wp:attachment":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}