{"id":2874,"date":"2025-08-18T10:41:49","date_gmt":"2025-08-18T01:41:49","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2874"},"modified":"2025-08-18T10:42:53","modified_gmt":"2025-08-18T01:42:53","slug":"%ea%b8%b0%ec%a1%b4%ed%99%94%ed%95%99%eb%ac%bc%ec%a7%88-%ec%a0%9c%ec%a1%b0-%ec%88%98%ec%9e%85","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2874","title":{"rendered":"\uae30\uc874\ud654\ud559\ubb3c\uc9c8 \uc81c\uc870 \uc218\uc785"},"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 \uae30\uc874\ud654\ud559\ubb3c\uc9c8 \uad00\ub9ac \uc778\ud130\ub799\ud2f0\ube0c \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 <style>\r\n body { font-family: 'Noto Sans KR', sans-serif; }\r\n .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 300px; max-height: 400px; }\r\n @media (min-width: 768px) { .chart-container { height: 350px; } }\r\n .step-item { transition: all 0.3s ease; cursor: pointer; }\r\n .step-item.active { background-color: #e0f2fe; border-color: #38bdf8; }\r\n .step-details { display: none; }\r\n .step-item.active .step-details { display: block; }\r\n \r\n .top-nav {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n margin-top: 1rem;\r\n margin-bottom: 2rem;\r\n }\r\n .top-nav button {\r\n padding: 0.5rem 1rem;\r\n font-size: 0.875rem;\r\n font-weight: 500;\r\n color: #3b82f6; \/* Tailwind blue-500 *\/\r\n background-color: transparent;\r\n border-bottom: 2px solid transparent;\r\n transition: border-bottom-color 0.3s ease, color 0.3s ease;\r\n }\r\n .top-nav button:hover,\r\n .top-nav button.active {\r\n border-bottom-color: #3b82f6;\r\n color: #1d4ed8; \/* Tailwind blue-700 *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-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-slate-900 mb-2\">\uae30\uc874\ud654\ud559\ubb3c\uc9c8 \uad00\ub9ac \uac00\uc774\ub4dc<\/h1>\r\n <p class=\"text-md md:text-lg text-slate-600\">\ud68c\uc0ac\uc758 \uc548\uc804\uacfc \ubbf8\ub798\ub97c \uc704\ud55c \ud544\uc218 \uc774\ud589 \uc0ac\ud56d<\/p>\r\n <!-- Navigation buttons below the header, as requested -->\r\n <div class=\"top-nav\">\r\n <button onclick=\"scrollToSection('overview')\" class=\"active\">\uac1c\uc694<\/button>\r\n <button onclick=\"scrollToSection('requirements')\">\uc900\ube44\uc694\uac74<\/button>\r\n <button onclick=\"scrollToSection('procedure')\">\uc808\ucc28<\/button>\r\n <button onclick=\"scrollToSection('management')\">\uc0ac\ud6c4\uad00\ub9ac<\/button>\r\n <button onclick=\"scrollToSection('benefits')\">\uae30\ub300\ud6a8\uacfc<\/button>\r\n <button onclick=\"scrollToSection('contact')\">\uc804\ubb38\uac00\ubb38\uc758<\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <section id=\"overview\" class=\"mb-12\">\r\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-sm\">\r\n <h2 class=\"text-2xl font-bold text-slate-800 mb-4\">1. \uac1c\uc694: \uc6b0\ub9ac \ud68c\uc0ac\uac00 \uc65c \uc2e0\uacbd \uc368\uc57c \ud560\uae4c\uc694?<\/h2>\r\n <p class=\"text-slate-600 mb-6\">\r\n \uae30\uc874\ud654\ud559\ubb3c\uc9c8\uc758 \uccb4\uacc4\uc801\uc778 \uad00\ub9ac\ub294 \ub354 \uc774\uc0c1 \uc120\ud0dd\uc774 \uc544\ub2cc \ud544\uc218\uc785\ub2c8\ub2e4. '\ud654\ud559\ubb3c\uc9c8\uc758 \ub4f1\ub85d \ubc0f \ud3c9\uac00 \ub4f1\uc5d0 \uad00\ud55c \ubc95\ub960(\ud654\ud3c9\ubc95)'\uc740 \uc6b0\ub9ac \ubaa8\ub450\uc758 \uc548\uc804\uacfc \ud658\uacbd\uc744 \ubcf4\ud638\ud558\uae30 \uc704\ud55c \uc0ac\ud68c\uc801 \uc57d\uc18d\uc774\uba70, \uc774\ub97c \uc900\uc218\ud558\ub294 \uac83\uc740 \uae30\uc5c5\uc758 \uae30\ubcf8\uc801\uc778 \ucc45\uc784\uc785\ub2c8\ub2e4. \uc774 \uac00\uc774\ub4dc\ub294 \ubcf5\uc7a1\ud55c \uaddc\uc815\uc744 \uba85\ud655\ud788 \uc774\ud574\ud558\uace0, \uc6b0\ub9ac \ud68c\uc0ac\uac00 \ubc95\uc801 \uc758\ubb34\ub97c \ub118\uc5b4 \uc0ac\ud68c\uc801 \ucc45\uc784\uc744 \ub2e4\ud558\ub294 \ubaa8\ubc94 \uae30\uc5c5\uc73c\ub85c \ub098\uc544\uac00\ub294 \uae38\uc744 \uc548\ub0b4\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <div class=\"grid md:grid-cols-3 gap-6 text-center\">\r\n <div class=\"bg-slate-100 p-6 rounded-lg\">\r\n <div class=\"text-4xl mb-3\">\u2696\ufe0f<\/div>\r\n <h3 class=\"font-bold text-lg mb-2\">\ubc95\ub960 \uc900\uc218<\/h3>\r\n <p class=\"text-sm text-slate-600\">\uc5f0\uac04 1\ud1a4 \uc774\uc0c1 \uae30\uc874\ud654\ud559\ubb3c\uc9c8 \uc81c\uc870\u00b7\uc218\uc785 \uc2dc \ubc18\ub4dc\uc2dc \uc2e0\uace0\ud558\uc5ec \ubc95\uc801 \ub9ac\uc2a4\ud06c\ub97c \uc608\ubc29\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-100 p-6 rounded-lg\">\r\n <div class=\"text-4xl mb-3\">\ud83d\udee1\ufe0f<\/div>\r\n <h3 class=\"font-bold text-lg mb-2\">\uc548\uc804 \ud655\ubcf4<\/h3>\r\n <p class=\"text-sm text-slate-600\">\uc784\uc9c1\uc6d0\uc758 \uc548\uc804\uc744 \ucd5c\uc6b0\uc120\uc73c\ub85c \ud655\ubcf4\ud558\uace0, \uc548\uc804\ud55c \uc791\uc5c5 \ud658\uacbd\uc744 \uad6c\ucd95\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-100 p-6 rounded-lg\">\r\n <div class=\"text-4xl mb-3\">\ud83c\udf31<\/div>\r\n <h3 class=\"font-bold text-lg mb-2\">ESG \uacbd\uc601 \uc2e4\ucc9c<\/h3>\r\n <p class=\"text-sm text-slate-600\">\ud22c\uba85\ud55c \ud654\ud559\ubb3c\uc9c8 \uad00\ub9ac\ub97c \ud1b5\ud574 \uc9c0\uc18d\uac00\ub2a5\ud55c \uc131\uc7a5\uc758 \uae30\ubc18\uc744 \ub9c8\ub828\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"process\" class=\"mb-12\">\r\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-sm\">\r\n <h2 class=\"text-2xl font-bold text-slate-800 mb-6\">2. \ud575\uc2ec \uc808\ucc28: \uc900\ube44\ubd80\ud130 \uc2e0\uace0\uae4c\uc9c0 \ud55c\ub208\uc5d0<\/h2>\r\n <p class=\"text-slate-600 mb-8\">\r\n \uc131\uacf5\uc801\uc778 \uc0ac\uc804\uc2e0\uace0\ub294 \uccb4\uacc4\uc801\uc778 \uc900\ube44\uc5d0\uc11c \uc2dc\uc791\ub429\ub2c8\ub2e4. \uc544\ub798\uc758 \ud544\uc218 \uc900\ube44\uc0ac\ud56d\uc744 \ud655\uc778\ud558\uace0, 4\ub2e8\uacc4\uc758 \uba85\ud655\ud55c \uc808\ucc28\ub97c \ub530\ub77c \uc9c4\ud589\ud558\uc138\uc694. \uac01 \ub2e8\uacc4\ub97c \ud074\ub9ad\ud558\uba74 \uc0c1\uc138 \ub0b4\uc6a9\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n <\/p>\r\n \r\n <div class=\"mb-10\">\r\n <h3 id=\"requirements\" class=\"text-xl font-bold text-slate-800 mb-4\">\ud544\uc218 \uc900\ube44 \uc694\uac74<\/h3>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-4\">\r\n <div class=\"bg-slate-100 p-4 rounded-lg flex items-center\"><span class=\"text-2xl mr-3\">\ud83e\uddea<\/span> <div><h4 class=\"font-semibold\">\ud654\ud559\ubb3c\uc9c8 \uc815\ubcf4<\/h4><p class=\"text-sm text-slate-500\">CAS No., \uba85\uce6d, \ud568\ub7c9 \ub4f1<\/p><\/div><\/div>\r\n <div class=\"bg-slate-100 p-4 rounded-lg flex items-center\"><span class=\"text-2xl mr-3\">\ud83c\udfe2<\/span> <div><h4 class=\"font-semibold\">\uc0ac\uc5c5\uc790\ub4f1\ub85d\uc99d \uc0ac\ubcf8<\/h4><p class=\"text-sm text-slate-500\">\ud68c\uc0ac \uc815\ubcf4 \ud655\uc778<\/p><\/div><\/div>\r\n <div class=\"bg-slate-100 p-4 rounded-lg flex items-center\"><span class=\"text-2xl mr-3\">\u2696\ufe0f<\/span> <div><h4 class=\"font-semibold\">\uc5f0\uac04 \uc81c\uc870\u00b7\uc218\uc785\ub7c9<\/h4><p class=\"text-sm text-slate-500\">\uc608\uc0c1 \ucd1d\ub7c9 (\ud1a4 \ub2e8\uc704)<\/p><\/div><\/div>\r\n <div class=\"bg-slate-100 p-4 rounded-lg flex items-center\"><span class=\"text-2xl mr-3\">\ud83c\udfaf<\/span> <div><h4 class=\"font-semibold\">\uc6a9\ub3c4 \uc815\ubcf4<\/h4><p class=\"text-sm text-slate-500\">\uad6c\uccb4\uc801\uc778 \uc0ac\uc6a9 \ubaa9\uc801<\/p><\/div><\/div>\r\n <div class=\"bg-slate-100 p-4 rounded-lg flex items-center\"><span class=\"text-2xl mr-3\">\u270d\ufe0f<\/span> <div><h4 class=\"font-semibold\">\uc704\ud0c1\uacc4\uc57d\uc11c \uc0ac\ubcf8<\/h4><p class=\"text-sm text-slate-500\">\uc81c\uc870 \uc704\ud0c1 \uc2dc<\/p><\/div><\/div>\r\n <div class=\"bg-slate-100 p-4 rounded-lg flex items-center\"><span class=\"text-2xl mr-3\">\ud83e\udd1d<\/span> <div><h4 class=\"font-semibold\">\uc120\uc784\ud655\uc778\uc11c<\/h4><p class=\"text-sm text-slate-500\">\ud574\uc678 \uc81c\uc870\uc790 \uc120\uc784 \uc2dc<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 id=\"procedure\" class=\"text-xl font-bold text-slate-800 mb-4\">\uc0ac\uc804\uc2e0\uace0 \uc808\ucc28<\/h3>\r\n <div id=\"steps-container\" class=\"space-y-4\">\r\n <div class=\"step-item border-2 border-slate-200 rounded-lg p-4\">\r\n <div class=\"flex justify-between items-center\">\r\n <h4 class=\"font-bold text-lg text-blue-700\">1\ub2e8\uacc4: \ub300\uc0c1 \ud655\uc778<\/h4>\r\n <span class=\"text-2xl transform transition-transform duration-300\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"step-details mt-4 text-slate-600 border-t pt-4\">\r\n <p>\uac00\uc7a5 \uba3c\uc800, \uc6b0\ub9ac\uac00 \uc81c\uc870 \ub610\ub294 \uc218\uc785\ud558\ub294 \ud654\ud559\ubb3c\uc9c8\uc774 \uc5f0\uac04 1\ud1a4 \uc774\uc0c1 \ucde8\uae09\ub418\ub294 '\uae30\uc874\ud654\ud559\ubb3c\uc9c8'\uc5d0 \ud574\ub2f9\ud558\ub294\uc9c0 \uba85\ud655\ud788 \ud655\uc778\ud569\ub2c8\ub2e4. \uc774\ub294 \ubaa8\ub4e0 \uc808\ucc28\uc758 \uc2dc\uc791\uc810\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-item border-2 border-slate-200 rounded-lg p-4\">\r\n <div class=\"flex justify-between items-center\">\r\n <h4 class=\"font-bold text-lg text-blue-700\">2\ub2e8\uacc4: \uc2e0\uace0\uc11c \uc791\uc131<\/h4>\r\n <span class=\"text-2xl transform transition-transform duration-300\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"step-details mt-4 text-slate-600 border-t pt-4\">\r\n <p>\ud654\ud559\ubb3c\uc9c8\uc815\ubcf4\ucc98\ub9ac\uc2dc\uc2a4\ud15c(K-REACH IT \uc2dc\uc2a4\ud15c)\uc5d0 \uc811\uc18d\ud558\uc5ec \uc628\ub77c\uc778 \uc2e0\uace0\uc11c\ub97c \uc791\uc131\ud569\ub2c8\ub2e4. \uc900\ube44\ub41c \uc790\ub8cc\ub97c \ubc14\ud0d5\uc73c\ub85c \uac01 \ud56d\ubaa9\uc744 \uc815\ud655\ud558\uac8c \uae30\uc785\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-item border-2 border-slate-200 rounded-lg p-4\">\r\n <div class=\"flex justify-between items-center\">\r\n <h4 class=\"font-bold text-lg text-blue-700\">3\ub2e8\uacc4: \uc11c\ub958 \uc81c\ucd9c<\/h4>\r\n <span class=\"text-2xl transform transition-transform duration-300\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"step-details mt-4 text-slate-600 border-t pt-4\">\r\n <p>\uc791\uc131\ub41c \uc2e0\uace0\uc11c\uc640 \ud568\uaed8 \uc900\ube44\ud55c \ubaa8\ub4e0 \uc99d\ube59 \uc11c\ub958\ub97c \uc2dc\uc2a4\ud15c\uc744 \ud1b5\ud574 \uc628\ub77c\uc778\uc73c\ub85c \uc81c\ucd9c\ud569\ub2c8\ub2e4. \uc81c\ucd9c \uc804 \ubaa8\ub4e0 \uc11c\ub958\uac00 \ub204\ub77d \uc5c6\uc774 \ucca8\ubd80\ub418\uc5c8\ub294\uc9c0 \ub2e4\uc2dc \ud55c\ubc88 \ud655\uc778\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step-item border-2 border-slate-200 rounded-lg p-4\">\r\n <div class=\"flex justify-between items-center\">\r\n <h4 class=\"font-bold text-lg text-blue-700\">4\ub2e8\uacc4: \uc811\uc218 \uc644\ub8cc<\/h4>\r\n <span class=\"text-2xl transform transition-transform duration-300\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"step-details mt-4 text-slate-600 border-t pt-4\">\r\n <p>\uc81c\ucd9c\uc774 \uc131\uacf5\uc801\uc73c\ub85c \uc644\ub8cc\ub418\uba74 \uc2dc\uc2a4\ud15c\uc5d0\uc11c \uc811\uc218\uc99d\uc774 \ubc1c\uae09\ub429\ub2c8\ub2e4. \uc774\ub85c\uc368 \ub4f1\ub85d\uc720\uc608\uae30\uac04\uc744 \uacf5\uc2dd\uc801\uc73c\ub85c \ubd80\uc5ec\ubc1b\uac8c \ub418\uba70, \ud574\ub2f9 \uae30\uac04 \ub3d9\uc548\uc740 \ub4f1\ub85d \uc808\ucc28 \uc5c6\uc774 \uc81c\uc870 \ubc0f \uc218\uc785\uc774 \uac00\ub2a5\ud569\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=\"management\" class=\"mb-12\">\r\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-sm\">\r\n <h2 class=\"text-2xl font-bold text-slate-800 mb-6\">3. \uc0ac\ud6c4 \uad00\ub9ac: \uc2e0\uace0\ub294 \ub05d\uc774 \uc544\ub2cc \uc2dc\uc791\uc785\ub2c8\ub2e4<\/h2>\r\n <p class=\"text-slate-600 mb-8\">\r\n \uc0ac\uc804\uc2e0\uace0 \uc644\ub8cc \ud6c4\uc5d0\ub3c4 \uc9c0\uc18d\uc801\uc778 \uad00\ub9ac\uac00 \ud544\uc694\ud569\ub2c8\ub2e4. \ubcc0\uacbd\uc0ac\ud56d\uc744 \uc2e0\uc18d\ud788 \ubc18\uc601\ud558\uace0, \ucd5c\uc885 \ub4f1\ub85d \uc758\ubb34\ub97c \uc774\ud589\ud558\ub294 \uac83\uc740 \uae30\uc5c5\uc758 \uc2e0\ub8b0\ub3c4\ub97c \ub192\uc774\ub294 \uc911\uc694\ud55c \uacfc\uc815\uc785\ub2c8\ub2e4. \uc544\ub798 \ucc28\ud2b8\ub294 \ud1a4\uc218\ubcc4 \ub4f1\ub85d\uc720\uc608\uae30\uac04 \ub9c8\uac10 \uc2dc\uc810\uc744 \ubcf4\uc5ec\uc8fc\ubbc0\ub85c, \uacc4\ud68d \uc218\ub9bd\uc5d0 \ucc38\uace0\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.\r\n <\/p>\r\n <div class=\"grid md:grid-cols-3 gap-6 mb-10\">\r\n <div class=\"bg-blue-50 border-l-4 border-blue-500 p-6 rounded-r-lg\">\r\n <h3 class=\"font-bold text-lg mb-2\">\ubcc0\uacbd \uc2e0\uace0<\/h3>\r\n <p class=\"text-sm text-slate-600\">\uc0c1\ud638, \uc18c\uc7ac\uc9c0, \uc5f0\ub77d\ucc98, \uc5f0\uac04 \uc81c\uc870\u00b7\uc218\uc785\ub7c9, \uc6a9\ub3c4 \ub4f1 \uc8fc\uc694 \uc815\ubcf4\uac00 \ubcc0\uacbd\ub420 \uacbd\uc6b0, \uc989\uc2dc \ubcc0\uacbd \uc2e0\uace0\ub97c \ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-green-50 border-l-4 border-green-500 p-6 rounded-r-lg\">\r\n <h3 class=\"font-bold text-lg mb-2\">\ub4f1\ub85d \uc758\ubb34<\/h3>\r\n <p class=\"text-sm text-slate-600\">\ubd80\uc5ec\ubc1b\uc740 \ub4f1\ub85d\uc720\uc608\uae30\uac04 \ub0b4\uc5d0 \ubc18\ub4dc\uc2dc \ubcf8 \ub4f1\ub85d\uc744 \uc644\ub8cc\ud558\uc5ec \ubc95\uc801 \uc758\ubb34\ub97c \ucd5c\uc885\uc801\uc73c\ub85c \uc774\ud589\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-yellow-50 border-l-4 border-yellow-500 p-6 rounded-r-lg\">\r\n <h3 class=\"font-bold text-lg mb-2\">\uc815\ubcf4 \uacf5\uc720<\/h3>\r\n <p class=\"text-sm text-slate-600\">\ucde8\uae09 \ud654\ud559\ubb3c\uc9c8\uc758 \uc720\ud574\uc131 \ubc0f \uc548\uc804 \uc815\ubcf4\ub97c \uacf5\uae09\ub9dd \ub0b4 \ubaa8\ub4e0 \uad00\uacc4\uc790\uc5d0\uac8c \ud22c\uba85\ud558\uac8c \uc804\ub2ec\ud558\uace0 \uacf5\uc720\ud569\ub2c8\ub2e4.<\/p><\/div>\r\n <\/div>\r\n \r\n <div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-4 text-center\">\ud1a4\uc218\ubcc4 \ub4f1\ub85d\uc720\uc608\uae30\uac04 \ub9c8\uac10 \uc2dc\uc810<\/h3>\r\n <div class=\"chart-container\">\r\n <canvas id=\"deadlineChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"benefits\" class=\"mb-12\">\r\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-sm\">\r\n <h2 class=\"text-2xl font-bold text-slate-800 mb-6\">4. \uae30\ub300 \ud6a8\uacfc: \ub354 \uc548\uc804\ud558\uace0, \ub354 \uc2e0\ub8b0\ubc1b\ub294 \ud68c\uc0ac\ub85c<\/h2>\r\n <p class=\"text-slate-600 mb-8\">\r\n \ud654\ud559\ubb3c\uc9c8\uc758 \uccb4\uacc4\uc801\uc778 \uad00\ub9ac\ub294 \ub2e8\uc21c\ud55c \ube44\uc6a9\uc774\ub098 \uaddc\uc81c\uac00 \uc544\ub2cc, \uc6b0\ub9ac \ud68c\uc0ac\uc758 \uac00\uce58\ub97c \ub192\uc774\ub294 \uc911\uc694\ud55c \ud22c\uc790\uc785\ub2c8\ub2e4. \ubc95\ub960 \uc900\uc218\ub97c \ud1b5\ud574 \uc548\uc815\uc801\uc778 \uacbd\uc601 \ud658\uacbd\uc744 \ud655\ubcf4\ud558\uace0, \uc784\uc9c1\uc6d0\uacfc \uace0\uac1d \ubaa8\ub450\uc5d0\uac8c \uc2e0\ub8b0\ubc1b\ub294 \uae30\uc5c5\uc73c\ub85c \uc131\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ubaa8\ub4e0 \uc784\uc9c1\uc6d0\uc758 \uc790\uae0d\uc2ec\uc73c\ub85c \uc774\uc5b4\uc9c8 \uac83\uc785\ub2c8\ub2e4.\r\n <\/p>\r\n <div class=\"grid md:grid-cols-2 gap-6\">\r\n <div class=\"bg-slate-100 p-6 rounded-lg transform hover:scale-105 transition-transform duration-300\">\r\n <div class=\"text-blue-600 text-3xl mb-3\">\u2705<\/div>\r\n <h3 class=\"font-bold text-lg mb-2\">\ubc95\ub960 \uc900\uc218 \ubc0f \uc704\ud5d8 \uc608\ubc29<\/h3>\r\n <p class=\"text-sm text-slate-600\">\ud654\ud3c9\ubc95\uc744 \uc644\ubcbd\ud558\uac8c \uc900\uc218\ud558\uc5ec \uacfc\ud0dc\ub8cc, \uc601\uc5c5\uc815\uc9c0 \ub4f1 \uc7a0\uc7ac\uc801\uc778 \ubc95\uc801 \uc704\ud5d8\uc744 \uc0ac\uc804\uc5d0 \ucc28\ub2e8\ud558\uace0 \uc548\uc815\uc801\uc778 \uc0ac\uc5c5 \uc6b4\uc601\uc744 \ubcf4\uc7a5\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-100 p-6 rounded-lg transform hover:scale-105 transition-transform duration-300\">\r\n <div class=\"text-green-600 text-3xl mb-3\">\ud83d\udc77\u200d\u2642\ufe0f<\/div>\r\n <h3 class=\"font-bold text-lg mb-2\">\uc548\uc804 \ucd5c\uc6b0\uc120 \uc77c\ud130 \uc870\uc131<\/h3>\r\n <p class=\"text-sm text-slate-600\">\ud22c\uba85\ud55c \uc815\ubcf4 \uad00\ub9ac\uc640 \uccb4\uacc4\uc801\uc778 \uc2dc\uc2a4\ud15c\uc744 \ud1b5\ud574 \uc784\uc9c1\uc6d0\uc774 \ub354\uc6b1 \uc548\uc804\ud558\uace0 \ucf8c\uc801\ud55c \ud658\uacbd\uc5d0\uc11c \uadfc\ubb34\ud560 \uc218 \uc788\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-100 p-6 rounded-lg transform hover:scale-105 transition-transform duration-300\">\r\n <div class=\"text-purple-600 text-3xl mb-3\">\ud83d\udcc8<\/div>\r\n <h3 class=\"font-bold text-lg mb-2\">\uae30\uc5c5 \uacbd\uc7c1\ub825 \uac15\ud654<\/h3>\r\n <p class=\"text-sm text-slate-600\">\uccb4\uacc4\uc801\uc778 \uad00\ub9ac \uc2dc\uc2a4\ud15c\uc740 \uace0\uac1d\uc0ac\uc640 \ud611\ub825\uc0ac\uc5d0\uac8c \ub192\uc740 \uc2e0\ub8b0\ub97c \uc8fc\uba70, \uc774\ub294 \uace7 \ube44\uc988\ub2c8\uc2a4 \uacbd\uc7c1\ub825 \uac15\ud654\ub85c \uc774\uc5b4\uc9d1\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-100 p-6 rounded-lg transform hover:scale-105 transition-transform duration-300\">\r\n <div class=\"text-red-600 text-3xl mb-3\">\u2764\ufe0f<\/div>\r\n <h3 class=\"font-bold text-lg mb-2\">\uc784\uc9c1\uc6d0 \uc790\uae0d\uc2ec \uace0\ucde8<\/h3>\r\n <p class=\"text-sm text-slate-600\">\ud68c\uc0ac\uac00 \uc0ac\ud68c\uc801 \ucc45\uc784\uc744 \ub2e4\ud558\ub294 \ubaa8\ubc94\uc801\uc778 \uae30\uc5c5\uc774\ub77c\ub294 \uc0ac\uc2e4\uc740 \ubaa8\ub4e0 \uc784\uc9c1\uc6d0\uc5d0\uac8c \ub192\uc740 \uc790\uae0d\uc2ec\uacfc \uc560\uc0ac\uc2ec\uc744 \uc2ec\uc5b4\uc90d\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer class=\"mt-12 pt-8 border-t border-slate-200\">\r\n <div id=\"contact\" class=\"text-center p-6 rounded-lg bg-sky-700 text-white\">\r\n <h4 class=\"font-bold text-lg mb-4\">\ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/h4>\r\n <div class=\"text-sm space-y-1 text-slate-200\">\r\n <p>\uc8fc\uc18c: \uacbd\uae30\ub3c4 \uace0\uc591\uc2dc \uc77c\uc0b0\ub3d9\uad6c \uc7a5\ud56d\ub3d9 895-1 \uc6b0\uc2e0\ud504\ub77c\uc790 505-2\ud638<\/p>\r\n <p>\r\n <span class=\"mr-4\">\uc804\ud654: 010-6584-0070<\/span>\r\n <span>\ud329\uc2a4: 031-624-2738<\/span>\r\n <\/p>\r\n <p>\r\n <span class=\"mr-4\">\uc774\uba54\uc77c: jirunpeople@naver.com<\/span>\r\n <span>\ud648\ud398\uc774\uc9c0: <a href=\"http:\/\/www.jbgmna.com\" target=\"_blank\" class=\"hover:text-white\">www.jbgmna.com<\/a><\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n \r\n <script>\r\n function scrollToSection(id) {\r\n const element = document.getElementById(id);\r\n if (element) {\r\n element.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n }\r\n \r\n document.addEventListener('DOMContentLoaded', function () {\r\n const steps = document.querySelectorAll('.step-item');\r\n const navButtons = document.querySelectorAll('.top-nav button');\r\n\r\n function updateNavActiveState() {\r\n const sections = document.querySelectorAll('main section');\r\n let currentActive = '';\r\n sections.forEach(section => {\r\n const rect = section.getBoundingClientRect();\r\n if (rect.top <= window.innerHeight \/ 2 && rect.bottom >= window.innerHeight \/ 2) {\r\n currentActive = section.id;\r\n }\r\n });\r\n\r\n navButtons.forEach(button => {\r\n button.classList.remove('active');\r\n if (button.onclick.toString().includes(currentActive)) {\r\n button.classList.add('active');\r\n }\r\n });\r\n }\r\n\r\n steps.forEach(step => {\r\n step.addEventListener('click', () => {\r\n const currentlyActive = document.querySelector('.step-item.active');\r\n if (currentlyActive && currentlyActive !== step) {\r\n currentlyActive.classList.remove('active');\r\n currentlyActive.querySelector('.transform').style.transform = 'rotate(0deg)';\r\n }\r\n step.classList.toggle('active');\r\n const icon = step.querySelector('.transform');\r\n if (step.classList.contains('active')) {\r\n icon.style.transform = 'rotate(180deg)';\r\n } else {\r\n icon.style.transform = 'rotate(0deg)';\r\n }\r\n });\r\n });\r\n\r\n const ctx = document.getElementById('deadlineChart').getContext('2d');\r\n new Chart(ctx, {\r\n type: 'bar',\r\n data: {\r\n labels: ['1-10\ud1a4', '10-100\ud1a4', '100-1000\ud1a4', '1000\ud1a4 \uc774\uc0c1'],\r\n datasets: [{\r\n label: '\ub4f1\ub85d\uc720\uc608\uae30\uac04 \ub9c8\uac10 \uc5f0\ub3c4',\r\n data: [2030, 2027, 2024, 2021],\r\n backgroundColor: [\r\n 'rgba(59, 130, 246, 0.6)',\r\n 'rgba(34, 197, 94, 0.6)',\r\n 'rgba(251, 191, 36, 0.6)',\r\n 'rgba(239, 68, 68, 0.6)'\r\n ],\r\n borderColor: [\r\n 'rgba(59, 130, 246, 1)',\r\n 'rgba(34, 197, 94, 1)',\r\n 'rgba(251, 191, 36, 1)',\r\n 'rgba(239, 68, 68, 1)'\r\n ],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n indexAxis: 'y',\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 return ` ${context.raw}\ub144 12\uc6d4 31\uc77c\uae4c\uc9c0 \ub4f1\ub85d \uc644\ub8cc`;\r\n }\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n beginAtZero: false,\r\n min: 2020,\r\n ticks: {\r\n callback: function(value) {\r\n return value + '\ub144';\r\n }\r\n }\r\n }\r\n }\r\n }\r\n });\r\n \r\n \/\/ Initial call and event listener for scroll to update active state\r\n window.addEventListener('scroll', updateNavActiveState);\r\n updateNavActiveState();\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>\uae30\uc874\ud654\ud559\ubb3c\uc9c8 \uad00\ub9ac \uc778\ud130\ub799\ud2f0\ube0c \uac00\uc774\ub4dc \uae30\uc874\ud654\ud559\ubb3c\uc9c8 \uad00\ub9ac \uac00\uc774\ub4dc \ud68c\uc0ac\uc758 \uc548\uc804\uacfc \ubbf8\ub798\ub97c \uc704\ud55c \ud544\uc218 \uc774\ud589 \uc0ac\ud56d \uac1c\uc694 \uc900\ube44\uc694\uac74 \uc808\ucc28 \uc0ac\ud6c4\uad00\ub9ac \uae30\ub300\ud6a8\uacfc \uc804\ubb38\uac00\ubb38\uc758 1. \uac1c\uc694: \uc6b0\ub9ac \ud68c\uc0ac\uac00 \uc65c \uc2e0\uacbd \uc368\uc57c \ud560\uae4c\uc694? \uae30\uc874\ud654\ud559\ubb3c\uc9c8\uc758 \uccb4\uacc4\uc801\uc778 …<\/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-2874","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2874","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=2874"}],"version-history":[{"count":4,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2874\/revisions"}],"predecessor-version":[{"id":2878,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2874\/revisions\/2878"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}