{"id":2869,"date":"2025-08-18T10:40:47","date_gmt":"2025-08-18T01:40:47","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2869"},"modified":"2025-08-18T13:17:48","modified_gmt":"2025-08-18T04:17:48","slug":"%ec%a7%80%ec%a0%95%ed%8f%90%ea%b8%b0%eb%ac%bc%ec%98%81%ec%97%85%ed%97%88%ea%b0%80","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2869","title":{"rendered":"\uc9c0\uc815\ud3d0\uae30\ubb3c\uc601\uc5c5\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 \uc9c0\uc815\ud3d0\uae30\ubb3c \uc601\uc5c5\ud5c8\uac00 \uc644\ubcbd \uac00\uc774\ub4dc | \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/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 rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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: Calm Harmony -->\r\n <!-- Application Structure Plan: A single-page application with a fixed top navigation bar for smooth scrolling to thematic sections. This structure allows users to either follow a logical flow from top to bottom or jump directly to the information they need, enhancing usability. Key information like the permit procedure is visualized as an interactive, step-by-step diagram, and other key points are presented in digestible cards with icons, which is more engaging and easier to understand than plain text for a non-expert audience. -->\r\n <!-- Visualization & Content Choices:\r\n - Report Info: Importance of Designated Waste Management -> Goal: Inform -> Viz\/Method: Doughnut Chart (Chart.js) -> Interaction: Hover to see details -> Justification: Visually represents the equal importance of environment, safety, and legal compliance.\r\n - Report Info: Permit Procedure (5 steps) -> Goal: Organize -> Viz\/Method: Vertical Timeline Diagram (HTML\/Tailwind) -> Interaction: None (visual flow is the key) -> Justification: Simplifies a complex, sequential process into an intuitive visual guide.\r\n - Report Info: Prerequisites, Precautions, Benefits, etc. -> Goal: Inform -> Viz\/Method: Icon-based cards (HTML\/Tailwind) -> Interaction: Subtle hover effects -> Justification: Breaks down text into scannable, visually distinct blocks for quick comprehension.\r\n - Library\/Method: Chart.js for the chart, custom HTML\/CSS with Tailwind for all other visuals.\r\n -->\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 }\r\n .chart-container {\r\n position: relative;\r\n margin: auto;\r\n height: 300px;\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n @media (min-width: 768px) {\r\n .chart-container {\r\n height: 350px;\r\n max-width: 350px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-gray-800\">\r\n\r\n <header class=\"bg-white\/80 backdrop-blur-lg shadow-sm sticky top-0 z-50\">\r\n <nav class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex items-center justify-between h-16\">\r\n <div class=\"flex-shrink-0\">\r\n <a href=\"#\" class=\"text-xl font-bold text-blue-800\">\uc9c0\uc815\ud3d0\uae30\ubb3c \ud5c8\uac00 \uac00\uc774\ub4dc<\/a>\r\n <\/div>\r\n <div class=\"hidden md:block\">\r\n <div class=\"ml-10 flex items-baseline space-x-4\">\r\n <a href=\"#overview\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 px-3 py-2 rounded-md text-sm font-medium\">\uac1c\uc694<\/a>\r\n <a href=\"#requirements\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 px-3 py-2 rounded-md text-sm font-medium\">\uc900\ube44\uc694\uac74<\/a>\r\n <a href=\"#procedure\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 px-3 py-2 rounded-md text-sm font-medium\">\uc808\ucc28<\/a>\r\n <a href=\"#precautions\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 px-3 py-2 rounded-md text-sm font-medium\">\uc8fc\uc758\uc0ac\ud56d<\/a>\r\n <a href=\"#management\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 px-3 py-2 rounded-md text-sm font-medium\">\uc0ac\ud6c4\uad00\ub9ac<\/a>\r\n <a href=\"#benefits\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 px-3 py-2 rounded-md text-sm font-medium\">\ud61c\ud0dd<\/a>\r\n <a href=\"#contact\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 px-3 py-2 rounded-md text-sm font-medium\">\uc804\ubb38\uac00 \ubb38\uc758<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:hidden\">\r\n <button id=\"mobile-menu-button\" class=\"inline-flex items-center justify-center p-2 rounded-md text-gray-500 hover:text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500\">\r\n <span class=\"sr-only\">Open main menu<\/span>\r\n <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n <div id=\"mobile-menu\" class=\"md:hidden hidden\">\r\n <div class=\"px-2 pt-2 pb-3 space-y-1 sm:px-3\">\r\n <a href=\"#overview\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 block px-3 py-2 rounded-md text-base font-medium\">\uac1c\uc694<\/a>\r\n <a href=\"#requirements\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 block px-3 py-2 rounded-md text-base font-medium\">\uc900\ube44\uc694\uac74<\/a>\r\n <a href=\"#procedure\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 block px-3 py-2 rounded-md text-base font-medium\">\uc808\ucc28<\/a>\r\n <a href=\"#precautions\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 block px-3 py-2 rounded-md text-base font-medium\">\uc8fc\uc758\uc0ac\ud56d<\/a>\r\n <a href=\"#management\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 block px-3 py-2 rounded-md text-base font-medium\">\uc0ac\ud6c4\uad00\ub9ac<\/a>\r\n <a href=\"#benefits\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 block px-3 py-2 rounded-md text-base font-medium\">\ud61c\ud0dd<\/a>\r\n <a href=\"#contact\" class=\"text-gray-600 hover:bg-blue-100 hover:text-blue-800 block px-3 py-2 rounded-md text-base font-medium\">\uc804\ubb38\uac00 \ubb38\uc758<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"bg-white py-20 sm:py-24\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <h1 class=\"text-4xl md:text-5xl font-bold text-blue-900 tracking-tight\">\uc9c0\uc815\ud3d0\uae30\ubb3c \uc601\uc5c5\ud5c8\uac00<\/h1>\r\n <p class=\"mt-6 text-lg md:text-xl text-gray-600 max-w-3xl mx-auto\">\ubcf5\uc7a1\ud55c \ud5c8\uac00 \uc808\ucc28\ubd80\ud130 \uc0ac\ud6c4\uad00\ub9ac\uae4c\uc9c0, \uc804\ubb38\uac00\uac00 \uc54c\ub824\uc8fc\ub294 \uc644\ubcbd \uac00\uc774\ub4dc\uc785\ub2c8\ub2e4.<br>\ud658\uacbd\uacfc \uc548\uc804\uc744 \uc704\ud55c \uccab\uac78\uc74c, \uc800\ud76c\uac00 \ud568\uaed8 \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\r\n <div class=\"mt-10\">\r\n <a href=\"#overview\" class=\"inline-block bg-blue-700 text-white font-bold py-3 px-8 rounded-lg text-lg hover:bg-blue-800 transition-colors\">\uc790\uc138\ud788 \uc54c\uc544\ubcf4\uae30<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"overview\" class=\"py-20 sm:py-24\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl font-bold text-gray-900\">1. \uac1c\uc694: \uc9c0\uc815\ud3d0\uae30\ubb3c\uc774\ub780?<\/h2>\r\n <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\uc9c0\uc815\ud3d0\uae30\ubb3c\uc740 \uc65c \ud2b9\ubcc4\ud558\uac8c \uad00\ub9ac\ud574\uc57c \ud560\uae4c\uc694? \uadf8 \uc815\uc758\uc640 \uc911\uc694\uc131\uc744 \uc774\ud574\ud558\ub294 \uac83\uc774 \ubaa8\ub4e0 \uad00\ub9ac\uc758 \uc2dc\uc791\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n <div class=\"bg-white p-8 rounded-xl shadow-md\">\r\n <h3 class=\"text-2xl font-bold text-blue-800 mb-4\">\ud575\uc2ec \uac1c\ub150<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed\">\uc0ac\uc5c5\uc7a5 \ud3d0\uae30\ubb3c \uc911 <span class=\"font-semibold text-red-600\">\ud3d0\uc720, \ud3d0\uc0b0, \ud3d0\uc54c\uce7c\ub9ac<\/span> \ub4f1 \uc8fc\ubcc0 \ud658\uacbd\uc744 \uc624\uc5fc\uc2dc\ud0a4\uac70\ub098 \uc778\uccb4\uc5d0 \ud574\ub97c \ub07c\uce60 \uc218 \uc788\ub294 \uc720\ud574\ubb3c\uc9c8\uc744 \ud3ec\ud568\ud558\uc5ec, \ubc95\uc801\uc73c\ub85c \ud2b9\ubcc4\ud55c \uad00\ub9ac\uac00 \ud544\uc694\ud55c \ud3d0\uae30\ubb3c\uc744 \ub9d0\ud569\ub2c8\ub2e4. \uc77c\ubc18 \ud3d0\uae30\ubb3c\uacfc \ub2ec\ub9ac \uc5c4\uaca9\ud55c \uae30\uc900\uc5d0 \ub530\ub77c \uc218\uc9d1, \uc6b4\ubc18, \ubcf4\uad00, \ucc98\ub9ac\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-bold text-blue-800 mb-4 text-center\">\uad00\ub9ac\uc758 3\ub300 \uc911\uc694\uc131<\/h3>\r\n <div class=\"chart-container\">\r\n <canvas id=\"importanceChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"requirements\" class=\"py-20 sm:py-24 bg-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl font-bold text-gray-900\">2. \uc900\ube44\uc694\uac74: \ud5c8\uac00\ub97c \uc704\ud55c 3\uac00\uc9c0 \ud575\uc2ec \uc694\uc18c<\/h2>\r\n <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\uc9c0\uc815\ud3d0\uae30\ubb3c \uc601\uc5c5\ud5c8\uac00\ub97c \uc131\uacf5\uc801\uc73c\ub85c \ubc1b\uae30 \uc704\ud574\uc11c\ub294 \ubc95\uc5d0\uc11c \uc815\ud55c \uc138 \uac00\uc9c0 \ud575\uc2ec \uc694\uac74\uc744 \uac16\ucd94\uc5b4\uc57c \ud569\ub2c8\ub2e4. \uae30\uc220, \uc2dc\uc124, \uadf8\ub9ac\uace0 \uad6c\uccb4\uc801\uc778 \uad00\ub9ac \uacc4\ud68d\uc774 \ubc14\ub85c \uadf8\uac83\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"grid sm:grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-slate-50 p-8 rounded-xl shadow-md hover:shadow-lg hover:-translate-y-1 transition-all\">\r\n <div class=\"text-4xl mb-4 text-blue-600\">\u2460<\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\uae30\uc220\ub2a5\ub825<\/h3>\r\n <p class=\"text-gray-600\">\ud3d0\uae30\ubb3c\uad00\ub9ac\uae30\uc0ac, \ub300\uae30\ud658\uacbd\uae30\uc0ac \ub4f1 \uad00\ub828 \uc790\uaca9\uc99d\uc744 \uc18c\uc9c0\ud55c \uc804\ubb38 \uc778\ub825\uc744 \ud655\ubcf4\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-50 p-8 rounded-xl shadow-md hover:shadow-lg hover:-translate-y-1 transition-all\">\r\n <div class=\"text-4xl mb-4 text-blue-600\">\u2461<\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\uc2dc\uc124 \ubc0f \uc7a5\ube44<\/h3>\r\n <p class=\"text-gray-600\">\ubc95\uc801 \uae30\uc900\uc5d0 \ub9de\ub294 \ubcf4\uad00 \uc2dc\uc124, \uc720\ucd9c \ubc29\uc9c0 \uc2dc\uc124, \uc6b4\ubc18 \ucc28\ub7c9 \ubc0f \uc7a5\ube44\ub97c \uac16\ucd94\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-50 p-8 rounded-xl shadow-md hover:shadow-lg hover:-translate-y-1 transition-all\">\r\n <div class=\"text-4xl mb-4 text-blue-600\">\u2462<\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\uad00\ub9ac\uacc4\ud68d<\/h3>\r\n <p class=\"text-gray-600\">\ud3d0\uae30\ubb3c \uc218\uc9d1\ubd80\ud130 \ucd5c\uc885 \ucc98\ub9ac\uae4c\uc9c0\uc758 \uad6c\uccb4\uc801\uc778 \uacc4\ud68d\uacfc \ube44\uc0c1\uc2dc \ub300\uc751 \ub9e4\ub274\uc5bc\uc744 \ud3ec\ud568\ud55c \uc0ac\uc5c5\uacc4\ud68d\uc11c\ub97c \uc791\uc131\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"procedure\" class=\"py-20 sm:py-24\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl font-bold text-gray-900\">3. \uc808\ucc28: \ud55c\ub208\uc5d0 \ubcf4\ub294 \ud5c8\uac00 \uacfc\uc815<\/h2>\r\n <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\ubcf5\uc7a1\ud574 \ubcf4\uc774\ub294 \ud5c8\uac00 \uc808\ucc28\ub97c 5\ub2e8\uacc4\ub85c \ub098\ub204\uc5b4 \uc2dc\uac01\uc801\uc73c\ub85c \ud45c\ud604\ud588\uc2b5\ub2c8\ub2e4. \uac01 \ub2e8\uacc4\ub97c \ub530\ub77c\uac00\uba70 \uc804\uccb4 \uacfc\uc815\uc744 \uc27d\uac8c \ud30c\uc545\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"relative\">\r\n <div class=\"absolute left-1\/2 -translate-x-1\/2 w-1 h-full bg-blue-200 hidden md:block\" aria-hidden=\"true\"><\/div>\r\n <div class=\"space-y-12 md:space-y-0\">\r\n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center\">\r\n <div class=\"flex justify-center md:justify-end md:pr-8\">\r\n <div class=\"w-24 h-24 bg-blue-600 text-white rounded-full flex items-center justify-center text-3xl font-bold shadow-lg\">1<\/div>\r\n <\/div>\r\n <div class=\"mt-4 md:mt-0 bg-white p-6 rounded-lg shadow-md border-l-4 border-blue-600\">\r\n <h3 class=\"text-xl font-bold\">\uc0ac\uc804 \uac80\ud1a0 \ubc0f \uc0c1\ub2f4<\/h3>\r\n <p class=\"mt-2 text-gray-600\">\uc804\ubb38 \ud589\uc815\uc0ac\uc640 \ud568\uaed8 \uc0ac\uc5c5\uc7a5\uc758 \ud604\ud669\uc744 \ubd84\uc11d\ud558\uace0 \ud5c8\uac00 \uac00\ub2a5\uc131\uc744 \uc9c4\ub2e8\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center\">\r\n <div class=\"flex justify-center md:justify-start md:pl-8 md:order-2\">\r\n <div class=\"w-24 h-24 bg-blue-600 text-white rounded-full flex items-center justify-center text-3xl font-bold shadow-lg\">2<\/div>\r\n <\/div>\r\n <div class=\"mt-4 md:mt-0 bg-white p-6 rounded-lg shadow-md border-r-4 md:border-r-0 md:border-l-4 border-blue-600 md:order-1 md:text-right\">\r\n <h3 class=\"text-xl font-bold\">\uc11c\ub958 \uc900\ube44<\/h3>\r\n <p class=\"mt-2 text-gray-600\">\uc0ac\uc5c5\uacc4\ud68d\uc11c, \uc2dc\uc124 \uba85\uc138\uc11c, \uae30\uc220\ub2a5\ub825 \uc99d\ube59 \ub4f1 \ud544\uc694\ud55c \uc11c\ub958\ub97c \uaf3c\uaf3c\ud788 \uc900\ube44\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center\">\r\n <div class=\"flex justify-center md:justify-end md:pr-8\">\r\n <div class=\"w-24 h-24 bg-blue-600 text-white rounded-full flex items-center justify-center text-3xl font-bold shadow-lg\">3<\/div>\r\n <\/div>\r\n <div class=\"mt-4 md:mt-0 bg-white p-6 rounded-lg shadow-md border-l-4 border-blue-600\">\r\n <h3 class=\"text-xl font-bold\">\ud5c8\uac00 \uc2e0\uccad<\/h3>\r\n <p class=\"mt-2 text-gray-600\">\uc900\ube44\ub41c \uc11c\ub958\ub97c \uad00\ud560 \ud658\uacbd\uccad \ub610\ub294 \uc9c0\uc790\uccb4\uc5d0 \uacf5\uc2dd\uc801\uc73c\ub85c \uc81c\ucd9c\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center\">\r\n <div class=\"flex justify-center md:justify-start md:pl-8 md:order-2\">\r\n <div class=\"w-24 h-24 bg-blue-600 text-white rounded-full flex items-center justify-center text-3xl font-bold shadow-lg\">4<\/div>\r\n <\/div>\r\n <div class=\"mt-4 md:mt-0 bg-white p-6 rounded-lg shadow-md border-r-4 md:border-r-0 md:border-l-4 border-blue-600 md:order-1 md:text-right\">\r\n <h3 class=\"text-xl font-bold\">\ud604\uc7a5 \uc2e4\uc0ac<\/h3>\r\n <p class=\"mt-2 text-gray-600\">\ub2f4\ub2f9 \uacf5\ubb34\uc6d0\uc774 \uc0ac\uc5c5\uc7a5\uc744 \ubc29\ubb38\ud558\uc5ec \uc11c\ub958\uc640 \uc2e4\uc81c \uc2dc\uc124\uc774 \uc77c\uce58\ud558\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center\">\r\n <div class=\"flex justify-center md:justify-end md:pr-8\">\r\n <div class=\"w-24 h-24 bg-green-600 text-white rounded-full flex items-center justify-center text-3xl font-bold shadow-lg\">5<\/div>\r\n <\/div>\r\n <div class=\"mt-4 md:mt-0 bg-white p-6 rounded-lg shadow-md border-l-4 border-green-600\">\r\n <h3 class=\"text-xl font-bold\">\ud5c8\uac00\uc99d \ubc1c\uae09<\/h3>\r\n <p class=\"mt-2 text-gray-600\">\ubaa8\ub4e0 \uc694\uac74\uc774 \ucda9\uc871\ub418\uba74 \ucd5c\uc885\uc801\uc73c\ub85c \ud5c8\uac00\uc99d\uc774 \ubc1c\uae09\ub418\uace0, \ud569\ubc95\uc801\uc778 \uc601\uc5c5\uc774 \uac00\ub2a5\ud574\uc9d1\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"precautions\" class=\"py-20 sm:py-24 bg-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl font-bold text-gray-900\">4. \uc8fc\uc758\uc0ac\ud56d: \uc791\uc740 \uc2e4\uc218\uac00 \ud070 \uc0ac\uace0\ub85c \uc774\uc5b4\uc9d1\ub2c8\ub2e4<\/h2>\r\n <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\uc9c0\uc815\ud3d0\uae30\ubb3c \uad00\ub9ac\ub294 \uc0ac\uc18c\ud55c \ubd80\uc8fc\uc758\uac00 \ud658\uacbd\uc624\uc5fc\uc774\ub098 \uc548\uc804\uc0ac\uace0\ub85c \uc9c1\uacb0\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \uc784\uc9c1\uc6d0\uc774 \ubc18\ub4dc\uc2dc \uc219\uc9c0\ud574\uc57c \ud560 \ud575\uc2ec \uc8fc\uc758\uc0ac\ud56d\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div class=\"bg-amber-50 border-l-4 border-amber-500 p-8 rounded-lg shadow-sm\">\r\n <h3 class=\"text-xl font-bold text-amber-800 mb-2\">\uc815\ud655\ud55c \ubd84\ub958 \ubc0f \ubd84\ub9ac\ubcf4\uad00<\/h3>\r\n <p class=\"text-gray-700\">\ud3d0\uae30\ubb3c \uc885\ub958\ubcc4\ub85c \uc815\ud655\ud788 \ubd84\ub958\ud558\uace0, \uc9c0\uc815\ub41c \uc6a9\uae30\uc5d0 \ubd84\ub9ac\ud558\uc5ec \uc131\uc0c1\uc774 \ub2e4\ub978 \ud3d0\uae30\ubb3c\uc774 \uc11e\uc774\uc9c0 \uc54a\ub3c4\ub85d \ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-amber-50 border-l-4 border-amber-500 p-8 rounded-lg shadow-sm\">\r\n <h3 class=\"text-xl font-bold text-amber-800 mb-2\">\ubcf4\uad00 \uae30\uc900 \uc900\uc218<\/h3>\r\n <p class=\"text-gray-700\">\ubc95\uc5d0\uc11c \uc815\ud55c \ubcf4\uad00 \uae30\uac04(\ubcf4\ud1b5 60\uc77c \uc774\ub0b4)\uacfc \ubcf4\uad00\ub7c9\uc744 \ucd08\uacfc\ud558\uc9c0 \uc54a\ub3c4\ub85d \uc5c4\uaca9\ud788 \uad00\ub9ac\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-amber-50 border-l-4 border-amber-500 p-8 rounded-lg shadow-sm\">\r\n <h3 class=\"text-xl font-bold text-amber-800 mb-2\">\uc6b4\ubc18 \ubc0f \ucc98\ub9ac \uacfc\uc815 \uae30\ub85d<\/h3>\r\n <p class=\"text-gray-700\">\ud3d0\uae30\ubb3c \uc778\uacc4\u00b7\uc778\uc218 \uc2dc\ub9c8\ub2e4 '\uc62c\ubc14\ub85c\uc2dc\uc2a4\ud15c'\uc5d0 \uad00\ub828 \uc815\ubcf4\ub97c \uc785\ub825\ud558\uc5ec \ubaa8\ub4e0 \uacfc\uc815\uc744 \ud22c\uba85\ud558\uac8c \uae30\ub85d\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"management\" class=\"py-20 sm:py-24\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl font-bold text-gray-900\">5. \uc0ac\ud6c4\uad00\ub9ac: \ud5c8\uac00 \uc774\ud6c4\uac00 \ub354 \uc911\uc694\ud569\ub2c8\ub2e4<\/h2>\r\n <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\ud5c8\uac00\ub294 \ub05d\uc774 \uc544\ub2cc \uc2dc\uc791\uc785\ub2c8\ub2e4. \uc9c0\uc18d\uc801\uc774\uace0 \uccb4\uacc4\uc801\uc778 \uc0ac\ud6c4\uad00\ub9ac\ub97c \ud1b5\ud574 \uc548\uc804\ud55c \uc0ac\uc5c5\uc7a5\uc744 \uc720\uc9c0\ud558\uace0 \ubc95\uc801 \uc758\ubb34\ub97c \ub2e4\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div class=\"text-center p-8 bg-white rounded-xl shadow-md\">\r\n <div class=\"text-4xl mb-4\">\ud83d\udcda<\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\uc815\uae30 \uad50\uc721<\/h3>\r\n <p class=\"text-gray-600\">\ubaa8\ub4e0 \uc784\uc9c1\uc6d0\uc744 \ub300\uc0c1\uc73c\ub85c \uc548\uc804\uad00\ub9ac \ubc0f \ucde8\uae09 \uae30\uc900\uc5d0 \ub300\ud55c \uc815\uae30 \uad50\uc721\uc744 \uc2e4\uc2dc\ud558\uc5ec \uacbd\uac01\uc2ec\uc744 \uc720\uc9c0\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"text-center p-8 bg-white rounded-xl shadow-md\">\r\n <div class=\"text-4xl mb-4\">\u270d\ufe0f<\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\uc7a5\ubd80 \uc791\uc131 \ubc0f \ubcf4\uace0<\/h3>\r\n <p class=\"text-gray-600\">\ud3d0\uae30\ubb3c \uad00\ub9ac\ub300\uc7a5\uc744 \uaf3c\uaf3c\ud788 \uc791\uc131\ud558\uace0, \ub9e4\ub144 \uad00\ud560 \uae30\uad00\uc5d0 \uc6b4\uc601 \uc2e4\uc801\uc744 \ubcf4\uace0\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"text-center p-8 bg-white rounded-xl shadow-md\">\r\n <div class=\"text-4xl mb-4\">\ud83d\udee0\ufe0f<\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\uc2dc\uc124\ubb3c \uc810\uac80<\/h3>\r\n <p class=\"text-600\">\ubcf4\uad00 \ubc0f \ucc98\ub9ac \uc2dc\uc124, \uc6b4\ubc18 \uc7a5\ube44 \ub4f1\uc744 \uc815\uae30\uc801\uc73c\ub85c \uc810\uac80\ud558\uace0 \uc720\uc9c0\ubcf4\uc218\ud558\uc5ec \ucd5c\uc801\uc758 \uc0c1\ud0dc\ub97c \uc720\uc9c0\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"benefits\" class=\"py-20 sm:py-24 bg-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <h2 class=\"text-3xl font-bold text-gray-900\">6. \ud61c\ud0dd: \uc548\uc804\ud55c \uad00\ub9ac\uac00 \ud68c\uc0ac\uc758 \uac00\uce58\ub97c \ub192\uc785\ub2c8\ub2e4<\/h2>\r\n <p class=\"mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\uc5c4\uaca9\ud55c \uc9c0\uc815\ud3d0\uae30\ubb3c \uad00\ub9ac\ub294 \ub2e8\uc21c\ud55c \uaddc\uc81c \uc900\uc218\ub97c \ub118\uc5b4, \uae30\uc5c5\uc758 \uc2e0\ub8b0\ub3c4\uc640 \uacbd\uc7c1\ub825\uc744 \ub192\uc774\ub294 \uc911\uc694\ud55c \uc790\uc0b0\uc774 \ub429\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div class=\"bg-green-50 border-t-4 border-green-500 p-8 rounded-lg shadow-sm text-center\">\r\n <div class=\"text-4xl mb-4\">\ud83d\udcc8<\/div>\r\n <h3 class=\"text-xl font-bold text-green-800 mb-2\">\uae30\uc5c5 \uc2e0\ub8b0\ub3c4 \ud5a5\uc0c1<\/h3>\r\n <p class=\"text-gray-700\">\ud658\uacbd \ubc95\uaddc\ub97c \uc900\uc218\ud558\ub294 ESG \uacbd\uc601 \uc2e4\ucc9c \uae30\uc5c5\uc73c\ub85c \uc778\uc815\ubc1b\uc544 \ub300\uc678 \uc774\ubbf8\uc9c0\uac00 \uc88b\uc544\uc9d1\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-green-50 border-t-4 border-green-500 p-8 rounded-lg shadow-sm text-center\">\r\n <div class=\"text-4xl mb-4\">\ud83d\udee1\ufe0f<\/div>\r\n <h3 class=\"text-xl font-bold text-green-800 mb-2\">\uc548\uc804\ud55c \uc791\uc5c5 \ud658\uacbd<\/h3>\r\n <p class=\"text-gray-700\">\uc720\ud574\ubb3c\uc9c8\ub85c\ubd80\ud130 \uc784\uc9c1\uc6d0\uc758 \uac74\uac15\uacfc \uc548\uc804\uc744 \ubcf4\ud638\ud558\ub294 \ubaa8\ubc94\uc801\uc778 \uc0ac\uc5c5\uc7a5\uc744 \uad6c\ucd95\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-green-50 border-t-4 border-green-500 p-8 rounded-lg shadow-sm text-center\">\r\n <div class=\"text-4xl mb-4\">\u2696\ufe0f<\/div>\r\n <h3 class=\"text-xl font-bold text-green-800 mb-2\">\ubc95\uc801 \ub9ac\uc2a4\ud06c \uac10\uc18c<\/h3>\r\n <p class=\"text-gray-700\">\uc608\uc0c1\uce58 \ubabb\ud55c \ud658\uacbd \uc0ac\uace0\ub098 \ubc95\uc801 \ubd84\uc7c1\uc758 \uc704\ud5d8\uc744 \uc904\uc5ec \uc548\uc815\uc801\uc778 \uacbd\uc601 \ud65c\ub3d9\uc774 \uac00\ub2a5\ud574\uc9d1\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer id=\"contact\" class=\"bg-blue-800 text-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-16\">\r\n <div class=\"text-center\">\r\n <h2 class=\"text-3xl font-bold mb-4\">\uc804\ubb38\uac00\uc758 \ub3c4\uc6c0\uc774 \ud544\uc694\ud558\uc2e0\uac00\uc694?<\/h2>\r\n <p class=\"mt-4 text-lg text-blue-200\">\uc9c0\uc815\ud3d0\uae30\ubb3c \uc601\uc5c5\ud5c8\uac00\uc758 \ubaa8\ub4e0 \uacfc\uc815, \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c\uac00 \ud568\uaed8\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"mt-12 bg-blue-700 p-8 rounded-lg max-w-4xl mx-auto grid md:grid-cols-2 gap-8 text-left\">\r\n <div>\r\n <h3 class=\"text-xl font-bold text-blue-200\">\ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/h3>\r\n <p class=\"mt-2 text-blue-200\">\ub300\ud45c \ud589\uc815\uc0ac: \ubc15\uc885\uc77c<\/p>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <p class=\"flex items-start\">\r\n <span class=\"w-6 text-blue-200\">\ud83d\udccd<\/span>\r\n <span><strong>\uc8fc\uc18c:<\/strong> \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 <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"w-6 text-blue-200\">\ud83d\udcde<\/span>\r\n <span><strong>\uc804\ud654:<\/strong> 010-6584-0070<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"w-6 text-blue-200\">\ud83d\udce0<\/span>\r\n <span><strong>\ud329\uc2a4:<\/strong> 031-624-2738<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"w-6 text-blue-200\">\u2709\ufe0f<\/span>\r\n <span><strong>\uba54\uc77c:<\/strong> jirunpeople@naver.com<\/span>\r\n <\/p>\r\n <p class=\"flex items-center\">\r\n <span class=\"w-6 text-blue-200\">\ud83c\udf10<\/span>\r\n <span><strong>\ud648\ud398\uc774\uc9c0:<\/strong> <a href=\"http:\/\/www.jbgmna.com\" target=\"_blank\" class=\"hover:underline\">www.jbgmna.com<\/a><\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-12 text-center text-blue-300 text-sm\">\r\n <p>© 2024 \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c. All Rights Reserved.<\/p>\r\n <p class=\"mt-1\">\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 \uad00\ub828 \ubc95\uaddc\ub97c \ud655\uc778\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n const importanceChartCtx = document.getElementById('importanceChart').getContext('2d');\r\n const importanceChart = new Chart(importanceChartCtx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: ['\ud658\uacbd \ubcf4\ud638', '\uc784\uc9c1\uc6d0 \uc548\uc804', '\ubc95\uc801 \uc758\ubb34'],\r\n datasets: [{\r\n label: '\uc9c0\uc815\ud3d0\uae30\ubb3c \uad00\ub9ac\uc758 \uc911\uc694\uc131',\r\n data: [33.3, 33.3, 33.4],\r\n backgroundColor: [\r\n 'rgba(59, 130, 246, 0.7)', \/\/ blue-500\r\n 'rgba(16, 185, 129, 0.7)', \/\/ emerald-500\r\n 'rgba(245, 158, 11, 0.7)' \/\/ amber-500\r\n ],\r\n borderColor: [\r\n 'rgba(59, 130, 246, 1)',\r\n 'rgba(16, 185, 129, 1)',\r\n 'rgba(245, 158, 11, 1)'\r\n ],\r\n borderWidth: 1,\r\n hoverOffset: 8\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: {\r\n position: 'bottom',\r\n labels: {\r\n font: {\r\n size: 14,\r\n family: \"'Noto Sans KR', sans-serif\"\r\n },\r\n color: '#374151' \/\/ gray-700\r\n }\r\n },\r\n tooltip: {\r\n callbacks: {\r\n label: function(context) {\r\n let label = context.label || '';\r\n if (label) {\r\n label += ': ';\r\n }\r\n label += '\ub9e4\uc6b0 \uc911\uc694';\r\n return label;\r\n }\r\n }\r\n }\r\n },\r\n cutout: '60%'\r\n }\r\n });\r\n\r\n const mobileMenuButton = document.getElementById('mobile-menu-button');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n mobileMenuButton.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n });\r\n\r\n document.querySelectorAll('#mobile-menu a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n });\r\n });\r\n <\/script>\r\n\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>\uc9c0\uc815\ud3d0\uae30\ubb3c \uc601\uc5c5\ud5c8\uac00 \uc644\ubcbd \uac00\uc774\ub4dc | \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c \uc9c0\uc815\ud3d0\uae30\ubb3c \ud5c8\uac00 \uac00\uc774\ub4dc \uac1c\uc694 \uc900\ube44\uc694\uac74 \uc808\ucc28 \uc8fc\uc758\uc0ac\ud56d \uc0ac\ud6c4\uad00\ub9ac \ud61c\ud0dd \uc804\ubb38\uac00 \ubb38\uc758 Open main menu \uac1c\uc694 \uc900\ube44\uc694\uac74 \uc808\ucc28 \uc8fc\uc758\uc0ac\ud56d \uc0ac\ud6c4\uad00\ub9ac \ud61c\ud0dd \uc804\ubb38\uac00 \ubb38\uc758 \uc9c0\uc815\ud3d0\uae30\ubb3c \uc601\uc5c5\ud5c8\uac00 …<\/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-2869","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2869","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=2869"}],"version-history":[{"count":7,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2869\/revisions"}],"predecessor-version":[{"id":2926,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2869\/revisions\/2926"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}