{"id":2940,"date":"2025-09-01T18:18:33","date_gmt":"2025-09-01T09:18:33","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2940"},"modified":"2025-09-01T18:19:27","modified_gmt":"2025-09-01T09:19:27","slug":"%ed%96%89%ec%a0%95%ec%9d%b8%ed%97%88%ea%b0%80","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2940","title":{"rendered":"\ud589\uc815\uc778\ud5c8\uac00"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n \ud589\uc815 \uc778\ud5c8\uac00 A to Z \uac00\uc774\ub4dc<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n <!-- Chosen Palette: Warm Neutrals with Calm Blue-Gray accents -->\r\n <!-- Application Structure Plan: The application is designed as a single-page dashboard with a tabbed navigation system. This structure was chosen over a linear document to allow users to quickly jump to the specific permit information they need, facilitating non-linear exploration and comparison. Key interactions include: 1) Clicking tabs to dynamically switch content. 2) An interactive, step-by-step process flow diagram for each permit to visualize the procedure. 3) A comparative chart to summarize key differences (e.g., associated costs). This user-centric design transforms a static guide into an intuitive tool, helping users grasp complex information efficiently and understand the value of expert consultation. -->\r\n <!-- Visualization & Content Choices: \r\n - Report Info: Permit Procedures -> Goal: Organize\/Explain Change -> Viz: Interactive Step-by-Step Diagram -> Interaction: Click steps for details -> Justification: Visually breaks down complex sequences into manageable chunks, clearer than a text list. -> Method: Styled HTML\/CSS with JS for interaction.\r\n - Report Info: Permit Types & Associated Burdens -> Goal: Compare -> Viz: Bar Chart -> Interaction: Hover for tooltips, filter data -> Justification: Provides an immediate visual comparison of financial burdens, which is a key decision-making factor for users. -> Library: Chart.js (Canvas).\r\n - Report Info: Detailed text (Definition, Prerequisites, etc.) -> Goal: Inform\/Organize -> Viz: Accordion\/Collapsible Cards -> Interaction: Click to expand\/collapse -> Justification: Prevents information overload by hiding details until requested, keeping the interface clean. -> Method: HTML\/CSS with JS toggle.\r\n - CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\r\n <style>\r\n body {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background-color: #f8f9fa;\r\n }\r\n .tab-active {\r\n border-color: #3b82f6;\r\n color: #3b82f6;\r\n background-color: #eff6ff;\r\n font-weight: 700;\r\n }\r\n .content-section {\r\n display: none;\r\n }\r\n .content-section.active {\r\n display: block;\r\n }\r\n .step-connector {\r\n flex-grow: 1;\r\n height: 2px;\r\n background-color: #d1d5db;\r\n }\r\n .step-item.active .step-circle {\r\n background-color: #3b82f6;\r\n color: white;\r\n }\r\n .step-item.active .step-title {\r\n color: #3b82f6;\r\n font-weight: 700;\r\n }\r\n .accordion-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-in-out;\r\n }\r\n .accordion-button.open + .accordion-content {\r\n max-height: 1000px;\r\n }\r\n .chart-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n height: 40vh;\r\n max-height: 450px;\r\n }\r\n @media (max-width: 768px) {\r\n .chart-container {\r\n height: 50vh;\r\n }\r\n }\r\n \/* Custom styles for the footer section based on the uploaded image *\/\r\n .footer-section {\r\n background-color: #f0f4f8;\r\n padding: 3rem 1.5rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n font-family: 'Noto Sans KR', sans-serif;\r\n }\r\n .footer-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n @media (min-width: 768px) {\r\n .footer-content {\r\n flex-direction: row;\r\n justify-content: space-between;\r\n text-align: left;\r\n }\r\n }\r\n .company-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n }\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n }\r\n .company-title {\r\n color: #ff9800;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n }\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n .copyright-text {\r\n margin-top: 2rem;\r\n font-size: 0.875rem;\r\n color: #6b7280;\r\n line-height: 1.5;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-gray-800\">\r\n\r\n <div class=\"container mx-auto p-4 md:p-8\">\r\n \r\n <header class=\"text-center mb-8 md:mb-12\">\r\n <h1 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-2\">\ud589\uc815 \uc778\ud5c8\uac00 A to Z \uac00\uc774\ub4dc<\/h1>\r\n <p class=\"text-md md:text-lg text-gray-600\">\uc804\ubb38\uac00\uc640 \ud568\uaed8 \uc2dc\uac04\uacfc \ube44\uc6a9\uc744 \uc808\uc57d\ud558\ub294 \ud604\uba85\ud55c \ubc29\ubc95<\/p>\r\n <\/header>\r\n\r\n <main>\r\n <!-- Introduction Section -->\r\n <section class=\"bg-white p-6 rounded-xl shadow-sm mb-8\">\r\n <h2 class=\"text-2xl font-bold text-gray-800 mb-4\">\ubcf5\uc7a1\ud55c \uc778\ud5c8\uac00, \uc65c \uc804\ubb38\uac00\uac00 \ud544\uc694\ud560\uae4c\uc694?<\/h2>\r\n <p class=\"text-gray-700 leading-relaxed\">\r\n \ud1a0\uc9c0 \uc6a9\ub3c4 \ubcc0\uacbd, \uac74\ubb3c \uc2e0\ucd95 \ub4f1 \uac1c\ubc1c \ud589\uc704\uc5d0 \ud544\uc218\uc801\uc778 \ud589\uc815 \uc778\ud5c8\uac00\ub294 \uad00\ub828 \ubc95\uaddc\uc640 \uc808\ucc28\uac00 \ub9e4\uc6b0 \ubcf5\uc7a1\ud569\ub2c8\ub2e4. \uc77c\ubc18\uc778\uc774 \ubaa8\ub4e0 \uacfc\uc815\uc744 \uc9c1\uc811 \ucc98\ub9ac\ud558\ub2e4 \ubcf4\uba74 \uc608\uc0c1\uce58 \ubabb\ud55c \ubb38\uc81c\uc5d0 \ubd80\ub52a\ud600 \uc2dc\uac04\uacfc \ube44\uc6a9\uc744 \ub0ad\ube44\ud558\uae30 \uc27d\uc2b5\ub2c8\ub2e4. \uc774 \uac00\uc774\ub4dc\ub294 \ub18d\uc9c0\uc804\uc6a9, \uc0b0\uc9c0\uc804\uc6a9 \ub4f1 6\uac00\uc9c0 \uc8fc\uc694 \uc778\ud5c8\uac00 \uc808\ucc28\uc758 \ud575\uc2ec\uc744 \uc2dc\uac01\uc801\uc73c\ub85c \uc815\ub9ac\ud558\uc5ec, \uc5ec\ub7ec\ubd84\uc774 \uc804\uccb4 \uacfc\uc815\uc744 \uc27d\uac8c \uc774\ud574\ud558\uace0 \uc804\ubb38\uac00\uc640 \ud6a8\uc728\uc801\uc73c\ub85c \ud611\uc5c5\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\uae30 \uc704\ud574 \ub9cc\ub4e4\uc5b4\uc84c\uc2b5\ub2c8\ub2e4. \uac01 \ud0ed\uc744 \ud074\ub9ad\ud558\uc5ec \ud544\uc694\ud55c \uc815\ubcf4\ub97c \ud655\uc778\ud558\uace0, \ud604\uba85\ud55c \uc758\uc0ac\uacb0\uc815\uc744 \ub0b4\ub824\ubcf4\uc138\uc694.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- Navigation Tabs -->\r\n <nav id=\"tabs\" class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-2 md:gap-4 mb-8\">\r\n <!-- Tabs will be inserted here by JS -->\r\n <\/nav>\r\n\r\n <!-- Content Sections -->\r\n <div id=\"content-container\" class=\"bg-white p-6 rounded-xl shadow-sm min-h-[400px]\">\r\n <!-- Content will be inserted here by JS -->\r\n <\/div>\r\n\r\n <!-- Comparison Chart Section -->\r\n <section class=\"bg-white p-6 rounded-xl shadow-sm mt-8\">\r\n <h2 class=\"text-2xl font-bold text-gray-800 mb-4 text-center\">\uc8fc\uc694 \uc778\ud5c8\uac00 \ud575\uc2ec \ube44\uad50<\/h2>\r\n <p class=\"text-gray-700 leading-relaxed text-center mb-6\">\r\n \uac01 \uc778\ud5c8\uac00 \uc808\ucc28\ub294 \uace0\uc720\ud55c \ubd80\ub2f4\uae08\uacfc \uace0\ub824\uc0ac\ud56d\uc744 \uac00\uc9d1\ub2c8\ub2e4. \uc544\ub798 \ucc28\ud2b8\ub294 \uac01 \ud5c8\uac00 \uc720\ud615\ubcc4 \uc8fc\uc694 \ube44\uc6a9 \ubd80\ub2f4(\ub18d\uc9c0\ubcf4\uc804\ubd80\ub2f4\uae08, \ub300\uccb4\uc0b0\ub9bc\uc790\uc6d0\uc870\uc131\ube44 \ub4f1)\uc758 \uc0c1\ub300\uc801 \ud06c\uae30\ub97c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4. \uc774\ub294 \ucd08\uae30 \ud22c\uc790 \ube44\uc6a9\uc744 \uac00\ub2a0\ud558\ub294 \ub370 \uc911\uc694\ud55c \ucc38\uace0 \uc790\ub8cc\uac00 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\uc815\ud655\ud55c \uae08\uc561\uc740 \ub300\uc0c1 \ud1a0\uc9c0\uc758 \uacf5\uc2dc\uc9c0\uac00 \ubc0f \uba74\uc801\uc5d0 \ub530\ub77c \ub2ec\ub77c\uc9d1\ub2c8\ub2e4.)\r\n <\/p>\r\n <div class=\"chart-container\">\r\n <canvas id=\"permitComparisonChart\"><\/canvas>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Expert Collaboration Section -->\r\n <section class=\"bg-gradient-to-r from-blue-500 to-indigo-600 text-white p-8 rounded-xl shadow-lg mt-8 text-center\">\r\n <h2 class=\"text-2xl md:text-3xl font-bold mb-4\">\uc131\uacf5\uc801\uc778 \uc778\ud5c8\uac00\ub97c \uc704\ud55c \uc804\ubb38\uac00 \ud611\uc5c5<\/h2>\r\n <p class=\"max-w-3xl mx-auto mb-6\">\r\n \uc778\ud5c8\uac00 \uc808\ucc28\ub294 \uc608\uce21 \ubd88\uac00\ub2a5\ud55c \ubcc0\uc218\uac00 \ub9ce\uace0, \uad00\ub828 \ubc95\uaddc\ub294 \uacc4\uc18d\ud574\uc11c \ubc14\ub01d\ub2c8\ub2e4. \uc804\ubb38\uac00\uc640 \ud568\uaed8\ub77c\uba74 \ubcf5\uc7a1\ud55c \uc11c\ub958 \uc900\ube44\ubd80\ud130 \ud589\uc815\uae30\uad00\uacfc\uc758 \uc18c\ud1b5\uae4c\uc9c0, \ubaa8\ub4e0 \uacfc\uc815\uc744 \uccb4\uacc4\uc801\uc774\uace0 \uc2e0\uc18d\ud558\uac8c \uc9c4\ud589\ud558\uc5ec \uc131\uacf5 \ud655\ub960\uc744 \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n <\/p>\r\n <div class=\"grid md:grid-cols-3 gap-6 text-left max-w-5xl mx-auto\">\r\n <div class=\"bg-white\/20 p-4 rounded-lg\">\r\n <h3 class=\"font-bold text-lg mb-2\">1. \uc0ac\uc804 \uacc4\ud68d \ub2e8\uacc4<\/h3>\r\n <p class=\"text-sm\">\ucd5c\uc801\uc758 \uc778\ud5c8\uac00 \uc808\ucc28\ub97c \uc124\uacc4\ud558\uace0, \ubc1c\uc0dd \uac00\ub2a5\ud55c \ubb38\uc81c\uc810\uc744 \ubbf8\ub9ac \uc9c4\ub2e8\ud558\uc5ec \ub9ac\uc2a4\ud06c\ub97c \ucd5c\uc18c\ud654\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white\/20 p-4 rounded-lg\">\r\n <h3 class=\"font-bold text-lg mb-2\">2. \uc11c\ub958 \uc900\ube44 \ub2e8\uacc4<\/h3>\r\n <p class=\"text-sm\">\ubc29\ub300\ud558\uace0 \ubcf5\uc7a1\ud55c \uc11c\ub958\ub97c \uc815\ud655\ud558\uac8c \uc900\ube44\ud558\uc5ec \uc2dc\uac04 \ub0ad\ube44\uc640 \ud589\uc815 \uc624\ub958\ub97c \uc904\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white\/20 p-4 rounded-lg\">\r\n <h3 class=\"font-bold text-lg mb-2\">3. \uc808\ucc28 \uc9c4\ud589 \ub2e8\uacc4<\/h3>\r\n <p class=\"text-sm\">\ud589\uc815 \uae30\uad00\uacfc\uc758 \uc18c\ud1b5\uc744 \uc804\ub2f4\ud558\uc5ec \uc808\ucc28\ub97c \uc6d0\ud65c\ud558\uace0 \uc2e0\uc18d\ud558\uac8c \uc9c4\ud589\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <button class=\"mt-8 bg-white text-blue-600 font-bold py-3 px-8 rounded-full hover:bg-gray-100 transition-colors duration-300\">\r\n \uc804\ubb38\uac00 \uc0c1\ub2f4 \uc2e0\uccad\ud558\uae30\r\n <\/button>\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- Footer section based on the uploaded image -->\r\n <footer class=\"footer-section mt-12\">\r\n <div class=\"footer-content\">\r\n <div class=\"company-info\">\r\n <p class=\"company-title\">VisaJobKorea<\/p>\r\n <p class=\"text-lg\">\ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/p>\r\n <\/div>\r\n <div class=\"contact-info text-sm text-gray-700\">\r\n <div class=\"contact-item\">\r\n <span class=\"text-lg\">\ud83c\udfe0<\/span>\r\n <span>\uacbd\uae30\ub3c4 \uace0\uc591\uc2dc \uc77c\uc0b0\ub3d9\uad6c \uc7a5\ud56d\ub3d9 895-1 \uc6b0\uc2e0\ud504\ub77c\uc790 505-2\ud638<\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <span class=\"text-lg\">\ud83d\udcde<\/span>\r\n <span>010-6584-0070<\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <span class=\"text-lg\">\ud83d\udce0<\/span>\r\n <span>031-624-2738<\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <span class=\"text-lg\">\u2709\ufe0f<\/span>\r\n <span>jirunpeople@naver.com<\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <span class=\"text-lg\">\ud83c\udf10<\/span>\r\n <a href=\"https:\/\/www.jbgmna.com\" class=\"text-blue-500 hover:underline\">www.jbgmna.com<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"copyright-text\">\r\n <p>Copyright \u00a9 2024 VisaJobKorea. All rights reserved.<\/p>\r\n <p>\ubcf8 \ud398\uc774\uc9c0\uc758 \ub0b4\uc6a9\uc740 \uc815\ubcf4 \uc81c\uacf5\uc744 \ubaa9\uc801\uc73c\ub85c \ud558\uba70, \ubc95\uc801 \ud6a8\ub825\uc744 \uac16\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uc815\ud655\ud55c \ub0b4\uc6a9\uc740 \ubc18\ub4dc\uc2dc \ud574\ub2f9 \uae30\uad00 \ubc0f \uad00\ub828 \ubc95\uaddc\ub97c \ud655\uc778\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n<script>\r\nconst permitData = {\r\n farmland: {\r\n id: 'farmland',\r\n title: '\ub18d\uc9c0\uc804\uc6a9\ud5c8\uac00',\r\n icon: '\ud83c\udf31',\r\n definition: '\ub18d\uc9c0\ub97c \ub18d\uc5c5 \uc0dd\uc0b0, \ub18d\uc9c0 \uac1c\ub7c9 \uc678\uc758 \ubaa9\uc801\uc73c\ub85c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574 \ubc1b\ub294 \ud5c8\uac00\uc785\ub2c8\ub2e4. (\uad00\ub828 \ubc95\uaddc: \ub18d\uc9c0\ubc95 \uc81c34\uc870)',\r\n prerequisites: [\r\n { title: '\uc0ac\uc5c5\uacc4\ud68d\uc11c', content: '\uc804\uc6a9 \ubaa9\uc801, \uc0ac\uc5c5 \uc2dc\ud589\uc790, \uc2dc\uc124\ubb3c \ubc30\uce58\ub3c4, \uc18c\uc694\uc790\uae08 \uc870\ub2ec \ubc29\uc548 \ub4f1\uc774 \ud3ec\ud568\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.' },\r\n { title: '\uc18c\uc720\uad8c \uc99d\uba85\uc11c\ub958', content: '\ud1a0\uc9c0 \ub4f1\uae30\ubd80\ub4f1\ubcf8 \ub4f1 \uc18c\uc720\uad8c\uc774\ub098 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uad8c\ub9ac\ub97c \uc99d\uba85\ud558\ub294 \uc11c\ub958\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.' },\r\n { title: '\ud53c\ud574\ubc29\uc9c0\uacc4\ud68d\uc11c', content: '\uc778\uadfc \ub18d\uc9c0\uc758 \ud53c\ud574\uac00 \uc6b0\ub824\ub418\ub294 \uacbd\uc6b0, \ud53c\ud574 \ubc29\uc9c0 \uacc4\ud68d\uc744 \uad6c\uccb4\uc801\uc73c\ub85c \uc218\ub9bd\ud558\uc5ec \uc81c\ucd9c\ud574\uc57c \ud569\ub2c8\ub2e4.' }\r\n ],\r\n procedure: [\r\n { title: '\uc2e0\uccad\uc11c \uc81c\ucd9c', detail: '\uad00\ud560 \uc2dc\u00b7\uad70\u00b7\uad6c\uccad\uc5d0 \ub18d\uc9c0\uc804\uc6a9\ud5c8\uac00 \uc2e0\uccad\uc11c\uc640 \uad6c\ube44\uc11c\ub958\ub97c \uc81c\ucd9c\ud569\ub2c8\ub2e4.' },\r\n { title: '\uc11c\ub958 \uac80\ud1a0 \ubc0f \ud604\uc7a5 \uc870\uc0ac', detail: '\ub2f4\ub2f9 \uacf5\ubb34\uc6d0\uc774 \uc81c\ucd9c\ub41c \uc11c\ub958\ub97c \uac80\ud1a0\ud558\uace0, \ub300\uc0c1 \ub18d\uc9c0\uc5d0 \ub300\ud55c \ud604\uc7a5 \uc870\uc0ac\ub97c \uc2e4\uc2dc\ud569\ub2c8\ub2e4.' },\r\n { title: '\ub18d\uc9c0\uad00\ub9ac\uc704\uc6d0\ud68c \uc2ec\uc758', detail: '\uc77c\uc815 \uaddc\ubaa8 \uc774\uc0c1\uc758 \ub18d\uc9c0\ub098 \uc911\uc694\ud55c \ub18d\uc5c5 \uc9c0\uc5ed\uc758 \uacbd\uc6b0, \ub18d\uc9c0\uad00\ub9ac\uc704\uc6d0\ud68c\uc758 \uc2ec\uc758\ub97c \uac70\uce60 \uc218 \uc788\uc2b5\ub2c8\ub2e4.' },\r\n { title: '\ud5c8\uac00\uc99d \ubc1c\uae09', detail: '\ubaa8\ub4e0 \uc808\ucc28\uac00 \uc644\ub8cc\ub418\uba74 \ub18d\uc9c0\ubcf4\uc804\ubd80\ub2f4\uae08 \ub0a9\ubd80\ub97c \uc870\uac74\uc73c\ub85c \ud5c8\uac00\uc99d\uc774 \ubc1c\uae09\ub429\ub2c8\ub2e4.' }\r\n ],\r\n precautions: '\ub18d\uc9c0\ubcf4\uc804\ubd80\ub2f4\uae08 \ub0a9\ubd80 \uc758\ubb34\uac00 \ubc1c\uc0dd\ud558\uba70, \ud5c8\uac00 \ubaa9\uc801 \uc678\ub85c \uc0ac\uc6a9\ud560 \uacbd\uc6b0 \ud5c8\uac00\uac00 \ucde8\uc18c\ub418\uace0 \uc6d0\uc0c1\ubcf5\uad6c \uba85\ub839\uc744 \ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.',\r\n postManagement: '\ud5c8\uac00 \ubaa9\uc801\ub300\ub85c \uc0ac\uc6a9\ud558\ub294\uc9c0 \uc9c0\uc18d\uc801\uc778 \uad00\ub9ac \uac10\ub3c5\uc744 \ubc1b\uc73c\uba70, \ubaa9\uc801\uc744 \ubcc0\uacbd\ud558\ub824\uba74 \uc0c8\ub85c\uc6b4 \ud5c8\uac00 \uc808\ucc28\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.',\r\n costFactor: 85\r\n },\r\n mountain: {\r\n id: 'mountain',\r\n title: '\uc0b0\uc9c0\uc804\uc6a9\ud5c8\uac00',\r\n icon: '\ud83c\udf32',\r\n definition: '\uc0b0\uc9c0\ub97c \uc870\ub9bc, \uc784\uc0b0\ubb3c \uc0dd\uc0b0 \ubc0f \uc0b0\ub9bc \uacf5\uc775 \ubaa9\uc801 \uc678\ub85c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574 \ubc1b\ub294 \ud5c8\uac00\uc785\ub2c8\ub2e4. (\uad00\ub828 \ubc95\uaddc: \uc0b0\uc9c0\uad00\ub9ac\ubc95 \uc81c14\uc870)',\r\n prerequisites: [\r\n { title: '\uc0ac\uc5c5\uacc4\ud68d\uc11c', content: '\uc0b0\uc9c0\uc804\uc6a9\uc758 \ubaa9\uc801, \uc0ac\uc5c5\uae30\uac04, \uc774\uc6a9\uacc4\ud68d \ub4f1\uc774 \ud3ec\ud568\ub41c \uc0c1\uc138 \uacc4\ud68d\uc11c\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.' },\r\n { title: '\uc0b0\uc9c0\ubcf5\uad6c\uacc4\ud68d\uc11c', content: '\uc804\uc6a9 \ud6c4 \ud6fc\uc190\ub41c \uc0b0\uc9c0\ub97c \uc5b4\ub5bb\uac8c \ubcf5\uad6c\ud560 \uac83\uc778\uc9c0\uc5d0 \ub300\ud55c \uad6c\uccb4\uc801\uc778 \uacc4\ud68d\uacfc \ube44\uc6a9 \uc0b0\ucd9c \ub0b4\uc5ed\uc744 \uc81c\ucd9c\ud574\uc57c \ud569\ub2c8\ub2e4.' },\r\n { title: '\ub300\uccb4\uc0b0\ub9bc\uc790\uc6d0\uc870\uc131\ube44', content: '\uc0b0\uc9c0 \uc804\uc6a9\uc5d0 \ub530\ub978 \uc0b0\ub9bc \uc190\uc2e4\uc744 \ub300\uccb4\ud558\uae30 \uc704\ud55c \ube44\uc6a9 \ub0a9\uc785 \uacc4\ud68d\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.' }\r\n ],\r\n procedure: [\r\n { title: '\uc2e0\uccad\uc11c \uc81c\ucd9c', detail: '\uc0b0\uc9c0 \uc18c\uc7ac\uc9c0 \uad00\ud560 \uc9c0\uc790\uccb4\uc5d0 \uc0b0\uc9c0\uc804\uc6a9\ud5c8\uac00 \uc2e0\uccad\uc11c \ubc0f \uad00\ub828 \uc11c\ub958\ub97c \uc81c\ucd9c\ud569\ub2c8\ub2e4.' },\r\n { title: '\ud604\uc7a5 \uc870\uc0ac \ubc0f \ubd80\uc11c \ud611\uc758', detail: '\ud604\uc7a5 \uc2e4\uc0ac\uc640 \ud568\uaed8 \ud658\uacbd, \uc7ac\ud574 \ub4f1 \uad00\ub828 \ubd80\uc11c\uc640\uc758 \ud611\uc758\uac00 \uc9c4\ud589\ub429\ub2c8\ub2e4.' },\r\n { title: '\uc0b0\uc9c0\uad00\ub9ac\uc704\uc6d0\ud68c \uc2ec\uc758', detail: '\ud544\uc694 \uc2dc, \uc804\ubb38\uac00\ub85c \uad6c\uc131\ub41c \uc0b0\uc9c0\uad00\ub9ac\uc704\uc6d0\ud68c\uc758 \uc2ec\uc758\ub97c \uac70\uccd0 \ud5c8\uac00 \uc5ec\ubd80\uac00 \uacb0\uc815\ub429\ub2c8\ub2e4.' },\r\n { title: '\ud5c8\uac00\uc99d \ubc1c\uae09', detail: '\ub300\uccb4\uc0b0\ub9bc\uc790\uc6d0\uc870\uc131\ube44 \ub0a9\ubd80\ub97c \uc870\uac74\uc73c\ub85c \ud5c8\uac00\uc99d\uc774 \ubc1c\uae09\ub429\ub2c8\ub2e4.' }\r\n ],\r\n precautions: '\ub300\uccb4\uc0b0\ub9bc\uc790\uc6d0\uc870\uc131\ube44 \ub0a9\ubd80 \uc758\ubb34\uac00 \uc788\uc73c\uba70, \ud5c8\uac00 \uae30\uac04 \ub0b4 \uc0ac\uc5c5\uc5d0 \ucc29\uc218\ud558\uc9c0 \uc54a\uc73c\uba74 \ud5c8\uac00\uac00 \ucde8\uc18c\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.',\r\n postManagement: '\uc0ac\uc5c5 \uc644\ub8cc \ud6c4\uc5d0\ub294 \uc81c\ucd9c\ud55c \uacc4\ud68d\uc11c\uc5d0 \ub530\ub77c \uc0b0\uc9c0 \ubcf5\uad6c \uc758\ubb34\ub97c \uc774\ud589\ud558\uace0, \uc900\uacf5 \uac80\uc0ac\ub97c \ubc1b\uc544\uc57c \ud569\ub2c8\ub2e4.',\r\n costFactor: 95\r\n },\r\n occupancy: {\r\n id: 'occupancy',\r\n title: '\ub3c4\ub85c\u00b7\ud558\ucc9c\u00b7\uad6c\uac70\uc810\uc6a9\ud5c8\uac00',\r\n icon: '\ud83c\udfde\ufe0f',\r\n definition: '\uacf5\uacf5\uc758 \uc790\uc0b0\uc778 \ub3c4\ub85c, \ud558\ucc9c, \uad6c\uac70(\ub18d\uc5c5\uc6a9 \uc218\ub85c)\ub97c \ud2b9\uc815 \ubaa9\uc801\uc744 \uc704\ud574 \uc810\uc720\ud558\uac70\ub098 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574 \ubc1b\ub294 \ud5c8\uac00\uc785\ub2c8\ub2e4. (\uad00\ub828 \ubc95\uaddc: \ub3c4\ub85c\ubc95, \ud558\ucc9c\ubc95 \ub4f1)',\r\n prerequisites: [\r\n { title: '\uc0ac\uc5c5\uacc4\ud68d\uc11c', content: '\uc810\uc6a9\uc758 \ubaa9\uc801, \uae30\uac04, \uc704\uce58, \uba74\uc801, \uc2dc\uc124\ubb3c \uc885\ub958 \ub4f1\uc744 \uba85\uc2dc\ud574\uc57c \ud569\ub2c8\ub2e4.' },\r\n { title: '\uc124\uacc4 \ub3c4\uba74', content: '\uc810\uc6a9 \uc2dc\uc124\ubb3c\uc758 \uad6c\uc870\uc640 \ubc30\uce58\ub97c \ubcf4\uc5ec\uc8fc\ub294 \uc0c1\uc138\ud55c \ub3c4\uba74\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.' },\r\n { title: '\ud604\uc7a5 \uc0ac\uc9c4', content: '\uc810\uc6a9 \uc608\uc815\uc9c0\uc758 \ud604\uc7ac \uc0c1\ud0dc\ub97c \ud655\uc778\ud560 \uc218 \uc788\ub294 \uc0ac\uc9c4 \uc790\ub8cc\ub97c \ucca8\ubd80\ud569\ub2c8\ub2e4.' }\r\n ],\r\n procedure: [\r\n { title: '\uc2e0\uccad\uc11c \uc81c\ucd9c', detail: '\ud574\ub2f9 \uc2dc\uc124 \uad00\ub9ac\uccad(\uc9c0\uc790\uccb4 \ub4f1)\uc5d0 \uc810\uc6a9\ud5c8\uac00 \uc2e0\uccad\uc11c\ub97c \uc81c\ucd9c\ud569\ub2c8\ub2e4.' },\r\n { title: '\uc11c\ub958 \uac80\ud1a0 \ubc0f \ud604\uc7a5 \uc870\uc0ac', detail: '\uc11c\ub958\uc758 \uc801\uc815\uc131\uc744 \uac80\ud1a0\ud558\uace0 \ud604\uc7a5\uc744 \ud655\uc778\ud558\uc5ec \uacf5\uacf5 \uc774\uc6a9\uc5d0 \ubbf8\uce58\ub294 \uc601\ud5a5\uc744 \ud3c9\uac00\ud569\ub2c8\ub2e4.' },\r\n { title: '\uc810\uc6a9\ub8cc \ub0a9\ubd80', detail: '\ud5c8\uac00 \uba74\uc801\uacfc \uae30\uac04\uc5d0 \ub530\ub77c \uc0b0\uc815\ub41c \uc810\uc6a9\ub8cc\ub97c \ub0a9\ubd80\ud569\ub2c8\ub2e4.' },\r\n { title: '\ud5c8\uac00\uc99d \ubc1c\uae09', detail: '\uc810\uc6a9\ub8cc \ub0a9\ubd80 \ud655\uc778 \ud6c4 \ud5c8\uac00\uc99d\uc774 \ubc1c\uae09\ub418\uba70, \uc774\ud6c4 \uc810\uc6a9 \ud589\uc704\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4.' }\r\n ],\r\n precautions: '\uc810\uc6a9 \ud589\uc704\uac00 \ud0c0\uc778\uc758 \ud1a0\uc9c0 \uc774\uc6a9\uc774\ub098 \uacf5\uacf5\uc758 \uc548\uc804\uc5d0 \ud53c\ud574\ub97c \uc8fc\uc9c0 \uc54a\ub3c4\ub85d \uc8fc\uc758\ud574\uc57c \ud558\uba70, \uc810\uc6a9 \uae30\uac04 \ub9cc\ub8cc \uc2dc \uc6d0\uc0c1\ubcf5\uad6c \uc758\ubb34\uac00 \uc788\uc2b5\ub2c8\ub2e4.',\r\n postManagement: '\ud5c8\uac00 \uae30\uac04\uc774 \ub9cc\ub8cc\ub418\uba74 \ubc18\ub4dc\uc2dc \uc6d0\uc0c1\ubcf5\uad6c\ud558\uac70\ub098 \uae30\uac04 \uc5f0\uc7a5 \uc2e0\uccad\uc744 \ud574\uc57c \ud569\ub2c8\ub2e4.',\r\n costFactor: 40\r\n },\r\n subdivision: {\r\n id: 'subdivision',\r\n title: '\ud1a0\uc9c0\ubd84\ud560',\r\n icon: '\ud83d\uddfa\ufe0f',\r\n definition: '\ud558\ub098\uc758 \uc9c0\ubc88\uc744 \uac00\uc9c4 \ud55c \ud544\uc9c0\uc758 \ud1a0\uc9c0\ub97c \ub450 \ud544\uc9c0 \uc774\uc0c1\uc73c\ub85c \ub098\ub204\uc5b4 \ub4f1\ub85d\ud558\ub294 \ud589\uc704\uc785\ub2c8\ub2e4. (\uad00\ub828 \ubc95\uaddc: \uad6d\ud1a0\uc758 \uacc4\ud68d \ubc0f \uc774\uc6a9\uc5d0 \uad00\ud55c \ubc95\ub960)',\r\n prerequisites: [\r\n { title: '\ubd84\ud560 \uc0ac\uc720\uc11c', content: '\ub9e4\ub9e4, \uc0c1\uc18d, \uc77c\ubd80 \uc6a9\ub3c4\ubcc0\uacbd \ub4f1 \ud1a0\uc9c0\ub97c \ubd84\ud560\ud574\uc57c \ud558\ub294 \uba85\ud655\ud55c \uc0ac\uc720\ub97c \uae30\uc7ac\ud574\uc57c \ud569\ub2c8\ub2e4.' },\r\n { title: '\ubd84\ud560 \ud6c4 \ud1a0\uc9c0\uc774\uc6a9\uacc4\ud68d', content: '\ubd84\ud560\ub41c \uac01 \ud544\uc9c0\ub97c \uc5b4\ub5bb\uac8c \uc774\uc6a9\ud560 \uac83\uc778\uc9c0\uc5d0 \ub300\ud55c \uacc4\ud68d\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.' },\r\n { title: '\uce21\ub7c9 \uc131\uacfc\ub3c4', content: '\uc9c0\uc801\uce21\ub7c9 \uc804\ubb38\uc5c5\uccb4\ub97c \ud1b5\ud574 \ubc1c\uae09\ubc1b\uc740 \uc815\ud655\ud55c \uce21\ub7c9 \uacb0\uacfc \ub3c4\uba74\uc744 \uc81c\ucd9c\ud574\uc57c \ud569\ub2c8\ub2e4.' }\r\n ],\r\n procedure: [\r\n { title: '\ud1a0\uc9c0\ubd84\ud560 \ud5c8\uac00 \uc2e0\uccad', detail: '\uac1c\ubc1c\ud589\uc704\ud5c8\uac00\uc758 \uc77c\ud658\uc73c\ub85c \uad00\ud560 \uc9c0\uc790\uccb4\uc5d0 \ubd84\ud560 \ud5c8\uac00\ub97c \uc2e0\uccad\ud569\ub2c8\ub2e4.' },\r\n { title: '\ud604\uc7a5 \uc870\uc0ac \ubc0f \ubd80\uc11c \ud611\uc758', detail: '\ubd84\ud560\uc774 \uad00\ub828 \ubc95\uaddc(\uac74\ucd95\uc120, \ucd5c\uc18c\uba74\uc801 \ub4f1)\uc5d0 \uc801\ud569\ud55c\uc9c0 \uac80\ud1a0\ud569\ub2c8\ub2e4.' },\r\n { title: '\uc9c0\uc801 \uce21\ub7c9 \uc2e4\uc2dc', detail: '\ud5c8\uac00 \uc644\ub8cc \ud6c4, \ud55c\uad6d\uad6d\ud1a0\uc815\ubcf4\uacf5\uc0ac \ub610\ub294 \uc9c0\uc801\uce21\ub7c9\uc5c5\uccb4\uc5d0 \uc758\ub8b0\ud558\uc5ec \ud604\uc7a5 \uce21\ub7c9\uc744 \uc2e4\uc2dc\ud569\ub2c8\ub2e4.' },\r\n { title: '\ubd84\ud560 \uc644\ub8cc \ubc0f \ub4f1\uae30', detail: '\uce21\ub7c9 \uacb0\uacfc\uac00 \uc9c0\uc801\uacf5\ubd80\uc5d0 \ubc18\uc601\ub418\uace0, \ubd84\ud560\ub41c \ud544\uc9c0\uc5d0 \ub300\ud574 \uac1c\ubcc4 \ub4f1\uae30\ub97c \uc2e0\uccad\ud569\ub2c8\ub2e4.' }\r\n ],\r\n precautions: '\ubd84\ud560 \ud6c4 \uac01 \ud544\uc9c0\ub294 \uac74\ucd95\ubc95 \ub4f1\uc5d0\uc11c \uc815\ud558\ub294 \ucd5c\uc18c \ub300\uc9c0 \uba74\uc801 \uae30\uc900 \uc774\uc0c1\uc774\uc5b4\uc57c \ud558\uba70, \uac1c\ubc1c\ud589\uc704\ud5c8\uac00 \uae30\uc900\uc5d0 \ubd80\ud569\ud574\uc57c \ud569\ub2c8\ub2e4.',\r\n postManagement: '\ubd84\ud560\ub41c \uac01 \ud544\uc9c0\ub294 \ub3c5\ub9bd\ub41c \ubd80\ub3d9\uc0b0\uc73c\ub85c, \uc18c\uc720\uad8c \ubc0f \uc774\uc6a9 \ud604\ud669\uc744 \uac1c\ubcc4\uc801\uc73c\ub85c \uad00\ub9ac\ud574\uc57c \ud569\ub2c8\ub2e4.',\r\n costFactor: 30\r\n },\r\n usechange: {\r\n id: 'usechange',\r\n title: '\uc6a9\ub3c4\ubcc0\uacbd',\r\n icon: '\ud83c\udfe2',\r\n definition: '\uac74\ucd95\ubb3c\ub300\uc7a5\uc5d0 \ub4f1\uc7ac\ub41c \uac74\ucd95\ubb3c\uc758 \uc0ac\uc6a9 \ubaa9\uc801(\uc6a9\ub3c4)\uc744 \ub2e4\ub978 \uc6a9\ub3c4\ub85c \ubcc0\uacbd\ud558\ub294 \ud589\uc704\uc785\ub2c8\ub2e4. (\uad00\ub828 \ubc95\uaddc: \uac74\ucd95\ubc95 \uc2dc\ud589\ub839 \uc81c14\uc870)',\r\n prerequisites: [\r\n { title: '\uac74\ucd95\ubb3c\ub300\uc7a5', content: '\ud604\uc7ac \uac74\ucd95\ubb3c\uc758 \uc6a9\ub3c4, \uba74\uc801, \uad6c\uc870 \ub4f1 \uae30\ubcf8 \uc815\ubcf4\ub97c \ud655\uc778\ud558\uae30 \uc704\ud574 \ud544\uc694\ud569\ub2c8\ub2e4.' },\r\n { title: '\ubcc0\uacbd \uc804\u00b7\ud6c4 \ub3c4\uba74', content: '\uc6a9\ub3c4\ubcc0\uacbd\uc5d0 \ub530\ub978 \uacf5\uac04\uc758 \ubcc0\ud654\ub97c \ubcf4\uc5ec\uc8fc\ub294 \uac74\ucd95 \ub3c4\uba74\uc744 \uc900\ube44\ud574\uc57c \ud569\ub2c8\ub2e4.' },\r\n { title: '\uc6a9\ub3c4\ubcc0\uacbd \uc0ac\uc720\uc11c', content: '\uc65c \uc6a9\ub3c4\ub97c \ubcc0\uacbd\ud574\uc57c \ud558\ub294\uc9c0\uc5d0 \ub300\ud55c \uc0ac\uc720\ub97c \uc124\uba85\ud558\ub294 \uc11c\ub958\uc785\ub2c8\ub2e4.' }\r\n ],\r\n procedure: [\r\n { title: '\ud5c8\uac00 \ub610\ub294 \uc2e0\uace0 \uc2e0\uccad', detail: '\ubcc0\uacbd\ud558\ub824\ub294 \uc6a9\ub3c4\uad70\uc758 \uc0c1\u00b7\ud558\uc704 \uad00\uacc4\uc5d0 \ub530\ub77c \ud5c8\uac00 \ub610\ub294 \uc2e0\uace0 \uc808\ucc28\ub97c \uc9c4\ud589\ud569\ub2c8\ub2e4.' },\r\n { title: '\uad00\ub828 \ubd80\uc11c \ud611\uc758', detail: '\uc8fc\ucc28, \uc18c\ubc29, \uc815\ud654\uc870 \ub4f1 \ubcc0\uacbd\ub418\ub294 \uc6a9\ub3c4\uc5d0 \ub9de\ub294 \uc124\ube44 \uae30\uc900 \ucda9\uc871 \uc5ec\ubd80\ub97c \uad00\ub828 \ubd80\uc11c\uc640 \ud611\uc758\ud569\ub2c8\ub2e4.' },\r\n { title: '\uc0ac\uc6a9\uc2b9\uc778(\ud544\uc694\uc2dc)', detail: '\uba74\uc801 100\u33a1 \uc774\uc0c1\uc774\uba74\uc11c \ub300\uc218\uc120\uc774 \ub3d9\ubc18\ub418\ub294 \uacbd\uc6b0, \uacf5\uc0ac \uc644\ub8cc \ud6c4 \uc0ac\uc6a9\uc2b9\uc778\uc744 \ubc1b\uc544\uc57c \ud569\ub2c8\ub2e4.' },\r\n { title: '\uac74\ucd95\ubb3c\ub300\uc7a5 \uae30\uc7ac\uc0ac\ud56d \ubcc0\uacbd', detail: '\ubaa8\ub4e0 \uc808\ucc28\uac00 \uc644\ub8cc\ub418\uba74 \uad6c\uccad\uc5d0\uc11c \uac74\ucd95\ubb3c\ub300\uc7a5\uc758 \uc6a9\ub3c4\ub97c \ucd5c\uc885 \ubcc0\uacbd\ud569\ub2c8\ub2e4.' }\r\n ],\r\n precautions: '\ubcc0\uacbd\ud558\ub824\ub294 \uc6a9\ub3c4\uac00 \ud574\ub2f9 \uc9c0\uc5ed\uc758 \uc6a9\ub3c4\uc9c0\uc5ed, \uc6a9\ub3c4\uc9c0\uad6c\uc5d0 \uc801\ud569\ud55c\uc9c0 \ubc18\ub4dc\uc2dc \ud655\uc778\ud574\uc57c \ud569\ub2c8\ub2e4. \uba74\uc801\uc5d0 \ub530\ub77c \ud5c8\uac00\uc640 \uc2e0\uace0\ub85c \uc808\ucc28\uac00 \ub098\ub269\ub2c8\ub2e4.',\r\n postManagement: '\ubcc0\uacbd\uc774 \uc644\ub8cc\ub41c \ud6c4\uc5d0\ub294 \uc0c8\ub85c\uc6b4 \uc6a9\ub3c4\uc5d0 \ub9de\uac8c \uac74\ucd95\ubb3c\uc744 \uc720\uc9c0 \ubc0f \uad00\ub9ac\ud574\uc57c \ud569\ub2c8\ub2e4.',\r\n costFactor: 50\r\n },\r\n building: {\r\n id: 'building',\r\n title: '\uac74\ucd95\uc778\ud5c8\uac00',\r\n icon: '\ud83c\udfd7\ufe0f',\r\n definition: '\uac74\ucd95\ubb3c\uc744 \uc2e0\ucd95, \uc99d\ucd95, \uac1c\ucd95, \uc7ac\ucd95, \uc774\uc804\ud558\ub294 \ud589\uc704\uc5d0 \ub300\ud574 \uc0ac\uc804\uc5d0 \ud5c8\uac00\ub97c \ubc1b\uac70\ub098 \uc2e0\uace0\ud558\ub294 \uc808\ucc28\uc785\ub2c8\ub2e4. (\uad00\ub828 \ubc95\uaddc: \uac74\ucd95\ubc95)',\r\n prerequisites: [\r\n { title: '\ud1a0\uc9c0 \uad00\ub828 \uc11c\ub958', content: '\ud1a0\uc9c0\uc774\uc6a9\uacc4\ud68d\ud655\uc778\uc6d0, \ud1a0\uc9c0\ub300\uc7a5, \ub4f1\uae30\ubd80\ub4f1\ubcf8 \ub4f1 \ud1a0\uc9c0\uc758 \uad8c\ub9ac \ubc0f \ud604\ud669 \uc11c\ub958\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.' },\r\n { title: '\uc124\uacc4 \ub3c4\uba74', content: '\uac74\ucd95\uc0ac\uac00 \uc791\uc131\ud55c \uac74\ucd95\uacc4\ud68d\ub3c4, \ubc30\uce58\ub3c4, \ud3c9\uba74\ub3c4, \uc785\uba74\ub3c4, \ub2e8\uba74\ub3c4 \ub4f1 \uc77c\uccb4\uc758 \uc124\uacc4\ub3c4\uc11c\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.' },\r\n { title: '\uad6c\uc870\uacc4\uc0b0\uc11c \ubc0f \uc124\ube44\ub3c4', content: '\uac74\ucd95\ubb3c\uc758 \uc548\uc804\uc744 \uc99d\uba85\ud558\ub294 \uad6c\uc870\uacc4\uc0b0\uc11c\uc640 \uc804\uae30, \ud1b5\uc2e0, \uae30\uacc4 \ub4f1 \uc124\ube44 \uad00\ub828 \ub3c4\uba74\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.' }\r\n ],\r\n procedure: [\r\n { title: '\uac74\ucd95\ud5c8\uac00 \uc2e0\uccad (\ub610\ub294 \uc2e0\uace0)', detail: '\uac74\ucd95\ubb3c\uc758 \uaddc\ubaa8\uc640 \uc6a9\ub3c4\uc5d0 \ub530\ub77c \ud5c8\uac00 \ub610\ub294 \uc2e0\uace0 \uc808\ucc28\ub97c \uc9c4\ud589\ud569\ub2c8\ub2e4.' },\r\n { title: '\uc11c\ub958 \uac80\ud1a0 \ubc0f \ud604\uc7a5 \uc870\uc0ac', detail: '\uc124\uacc4\ub3c4\uc11c\uac00 \uac74\ucd95\ubc95 \ubc0f \uad00\ub828 \ubc95\uaddc\uc5d0 \uc801\ud569\ud55c\uc9c0 \uac80\ud1a0\ud558\uace0, \ud604\uc7a5 \uc870\uac74\uc744 \ud655\uc778\ud569\ub2c8\ub2e4.' },\r\n { title: '\uac74\ucd95\ud5c8\uac00\uc99d \ubc1c\uae09', detail: '\ubaa8\ub4e0 \uc870\uac74\uc774 \ucda9\uc871\ub418\uba74 \ud5c8\uac00\uc99d\uc774 \ubc1c\uae09\ub429\ub2c8\ub2e4.' },\r\n { title: '\ucc29\uacf5\uc2e0\uace0 \ubc0f \uacf5\uc0ac', detail: '\ud5c8\uac00 \ud6c4 \uacf5\uc0ac \uc2dc\uc791 \uc804 \ucc29\uacf5\uc2e0\uace0\ub97c \ud558\uace0, \uc124\uacc4\ub3c4\uba74\uc5d0 \ub530\ub77c \uacf5\uc0ac\ub97c \uc9c4\ud589\ud569\ub2c8\ub2e4.' },\r\n { title: '\uc0ac\uc6a9\uc2b9\uc778 \uc2e0\uccad \ubc0f \ub4f1\uc7ac', detail: '\uacf5\uc0ac \uc644\ub8cc \ud6c4 \uc0ac\uc6a9\uc2b9\uc778\uc744 \ubc1b\uace0, \uac74\ucd95\ubb3c\ub300\uc7a5\uc5d0 \ub4f1\uc7ac\ud558\uc5ec \uc815\uc2dd\uc73c\ub85c \uac74\ucd95\ubb3c\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.' }\r\n ],\r\n precautions: '\uac74\ucd95\ubb3c\uc758 \uc6a9\ub3c4, \uaddc\ubaa8, \ub192\uc774, \uac74\ud3d0\uc728, \uc6a9\uc801\ub960 \ub4f1 \uad00\ub828 \ubc95\uaddc\uc758 \ubaa8\ub4e0 \uaddc\uc81c\ub97c \uc900\uc218\ud574\uc57c \ud569\ub2c8\ub2e4. \uc548\uc804 \ubc0f \ud658\uacbd \uad00\ub828 \ubc95\uaddc \uc900\uc218\ub294 \ud544\uc218\uc785\ub2c8\ub2e4.',\r\n postManagement: '\uc900\uacf5 \ud6c4\uc5d0\ub294 \uc815\uae30\uc801\uc778 \uc548\uc804 \uc810\uac80 \ub4f1 \uac74\ucd95\ubb3c\uc744 \uc801\ubc95\ud558\uac8c \uc720\uc9c0\u00b7\uad00\ub9ac\ud560 \uc758\ubb34\uac00 \uc788\uc2b5\ub2c8\ub2e4. \ucd94\ud6c4 \uc6a9\ub3c4\ubcc0\uacbd\uc774\ub098 \uc99d\ucd95 \uc2dc \uc0c8\ub85c\uc6b4 \ud5c8\uac00 \uc808\ucc28\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.',\r\n costFactor: 70\r\n },\r\n};\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const tabsContainer = document.getElementById('tabs');\r\n const contentContainer = document.getElementById('content-container');\r\n const tabKeys = Object.keys(permitData);\r\n\r\n \/\/ Create tabs\r\n tabKeys.forEach((key, index) => {\r\n const permit = permitData[key];\r\n const tabButton = document.createElement('button');\r\n tabButton.className = `tab-button text-sm md:text-base text-center p-3 md:p-4 rounded-lg border-2 border-transparent transition-all duration-300 ${index === 0 ? 'tab-active' : 'bg-white text-gray-600 hover:bg-gray-100'}`;\r\n tabButton.dataset.tab = key;\r\n tabButton.innerHTML = `<span class=\"text-xl mr-2\">${permit.icon}<\/span> ${permit.title}`;\r\n tabsContainer.appendChild(tabButton);\r\n });\r\n\r\n \/\/ Create content sections\r\n tabKeys.forEach((key, index) => {\r\n const permit = permitData[key];\r\n const section = document.createElement('div');\r\n section.id = key;\r\n section.className = `content-section ${index === 0 ? 'active' : ''}`;\r\n section.innerHTML = `\r\n <h3 class=\"text-2xl font-bold text-gray-900 mb-2\">${permit.icon} ${permit.title}<\/h3>\r\n <p class=\"text-gray-700 mb-6\">${permit.definition}<\/p>\r\n \r\n <div class=\"space-y-4\">\r\n ${generateAccordion('\uc900\ube44\uc694\uac74', '\ud83d\udcdd', permit.prerequisites)}\r\n ${generateProcedure('\uc808\ucc28', '\u27a1\ufe0f', permit.procedure)}\r\n ${generateInfoCard('\uc8fc\uc758\uc0ac\ud56d', '\u26a0\ufe0f', permit.precautions)}\r\n ${generateInfoCard('\uc0ac\ud6c4\uad00\ub9ac', '\ud83d\udccb', permit.postManagement)}\r\n <\/div>\r\n `;\r\n contentContainer.appendChild(section);\r\n });\r\n\r\n function generateAccordion(title, icon, items) {\r\n return `\r\n <div class=\"border rounded-lg\">\r\n <button class=\"accordion-button w-full flex justify-between items-center p-4 text-left font-bold text-lg\">\r\n <span>${icon} ${title}<\/span>\r\n <span class=\"transform transition-transform duration-300\">\u25bc<\/span>\r\n <\/button>\r\n <div class=\"accordion-content px-4 pb-4\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n ${items.map(item => `<li><strong>${item.title}:<\/strong> ${item.content}<\/li>`).join('')}\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n function generateProcedure(title, icon, steps) {\r\n return `\r\n <div class=\"border rounded-lg p-4\">\r\n <h4 class=\"font-bold text-lg mb-4\">${icon} ${title}<\/h4>\r\n <div class=\"flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0 md:space-x-4\">\r\n ${steps.map((step, i) => `\r\n <div class=\"step-item text-center flex-1 w-full md:w-auto\">\r\n <div class=\"step-circle mx-auto w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center font-bold text-gray-600 mb-2\">${i + 1}<\/div>\r\n <p class=\"step-title text-sm font-medium\">${step.title}<\/p>\r\n <\/div>\r\n ${i < steps.length - 1 ? '<div class=\"step-connector w-full md:w-auto h-0.5 md:h-auto md:flex-1 bg-gray-300\"><\/div>' : ''}\r\n `).join('')}\r\n <\/div>\r\n <div class=\"mt-4 p-4 bg-blue-50 rounded-lg text-gray-800\" id=\"${steps[0].title.replace(\/\\s+\/g, '')}-details\">\r\n <strong>1. ${steps[0].title}:<\/strong> ${steps[0].detail}\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n function generateInfoCard(title, icon, content) {\r\n return `\r\n <div class=\"border rounded-lg p-4\">\r\n <h4 class=\"font-bold text-lg mb-2\">${icon} ${title}<\/h4>\r\n <p class=\"text-gray-700\">${content}<\/p>\r\n <\/div>\r\n `;\r\n }\r\n\r\n \/\/ Tab switching logic\r\n tabsContainer.addEventListener('click', (e) => {\r\n const tabButton = e.target.closest('.tab-button');\r\n if (!tabButton) return;\r\n\r\n const tabId = tabButton.dataset.tab;\r\n \r\n document.querySelectorAll('.tab-button').forEach(btn => {\r\n btn.classList.remove('tab-active');\r\n btn.classList.add('bg-white', 'text-gray-600', 'hover:bg-gray-100');\r\n });\r\n tabButton.classList.add('tab-active');\r\n tabButton.classList.remove('bg-white', 'text-gray-600', 'hover:bg-gray-100');\r\n\r\n document.querySelectorAll('.content-section').forEach(section => {\r\n section.classList.remove('active');\r\n });\r\n document.getElementById(tabId).classList.add('active');\r\n });\r\n\r\n \/\/ Accordion logic\r\n contentContainer.addEventListener('click', e => {\r\n const button = e.target.closest('.accordion-button');\r\n if (button) {\r\n button.classList.toggle('open');\r\n const icon = button.querySelector('span:last-child');\r\n icon.style.transform = button.classList.contains('open') ? 'rotate(180deg)' : 'rotate(0deg)';\r\n }\r\n });\r\n\r\n \/\/ Chart.js implementation\r\n const ctx = document.getElementById('permitComparisonChart').getContext('2d');\r\n const chartLabels = Object.values(permitData).map(p => p.title);\r\n const chartData = Object.values(permitData).map(p => p.costFactor);\r\n\r\n const permitComparisonChart = new Chart(ctx, {\r\n type: 'bar',\r\n data: {\r\n labels: chartLabels,\r\n datasets: [{\r\n label: '\uc0c1\ub300\uc801 \ube44\uc6a9 \ubd80\ub2f4 \uc9c0\uc218',\r\n data: chartData,\r\n backgroundColor: 'rgba(59, 130, 246, 0.5)',\r\n borderColor: 'rgba(59, 130, 246, 1)',\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: {\r\n display: false\r\n },\r\n tooltip: {\r\n callbacks: {\r\n label: function(context) {\r\n let label = context.dataset.label || '';\r\n if (label) {\r\n label += ': ';\r\n }\r\n if (context.parsed.y !== null) {\r\n label += context.parsed.y;\r\n }\r\n return label;\r\n }\r\n }\r\n }\r\n },\r\n scales: {\r\n y: {\r\n beginAtZero: true,\r\n title: {\r\n display: true,\r\n text: '\ube44\uc6a9 \ubd80\ub2f4 \uc9c0\uc218 (\ub192\uc744\uc218\ub85d \ubd80\ub2f4 \ud07c)'\r\n }\r\n }\r\n }\r\n }\r\n });\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud589\uc815 \uc778\ud5c8\uac00 A to Z \uac00\uc774\ub4dc \ud589\uc815 \uc778\ud5c8\uac00 A to Z \uac00\uc774\ub4dc \uc804\ubb38\uac00\uc640 \ud568\uaed8 \uc2dc\uac04\uacfc \ube44\uc6a9\uc744 \uc808\uc57d\ud558\ub294 \ud604\uba85\ud55c \ubc29\ubc95 \ubcf5\uc7a1\ud55c \uc778\ud5c8\uac00, \uc65c \uc804\ubb38\uac00\uac00 \ud544\uc694\ud560\uae4c\uc694? \ud1a0\uc9c0 \uc6a9\ub3c4 \ubcc0\uacbd, \uac74\ubb3c \uc2e0\ucd95 \ub4f1 …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2940","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2940"}],"version-history":[{"count":4,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2940\/revisions"}],"predecessor-version":[{"id":2947,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2940\/revisions\/2947"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}