{"id":2961,"date":"2025-09-03T06:03:48","date_gmt":"2025-09-02T21:03:48","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2961"},"modified":"2025-09-03T06:05:00","modified_gmt":"2025-09-02T21:05:00","slug":"%ec%8b%9d%ed%92%88%ea%b0%80%ea%b3%b5%ec%a0%9c%ec%a1%b0%ed%97%88%ea%b0%80","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2961","title":{"rendered":"\uc2dd\ud488\uac00\uacf5\uc81c\uc870\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 \uc2dd\ud488\uac00\uacf5\uc81c\uc870\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: \uc0ac\uc6a9\uc790\uac00 \ubcf5\uc7a1\ud55c \ud5c8\uac00 \uc815\ubcf4\ub97c \ub2e8\uacc4\ubcc4\ub85c \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\ub3c4\ub85d \uc0c1\ub2e8 \uace0\uc815 \ub0b4\ube44\uac8c\uc774\uc158\uc744 \ud1b5\ud55c \uc2a4\ud06c\ub864 \uc774\ub3d9 \ubc29\uc2dd\uc744 \ucc44\ud0dd\ud588\uc2b5\ub2c8\ub2e4. '\uac1c\uc694', '\uc900\ube44\uc694\uac74', '\uc808\ucc28', '\ud575\uc2ec\uc815\ub9ac', '\uc804\ubb38\uac00 \ubb38\uc758'\uc758 5\uac1c \uc139\uc158\uc73c\ub85c \uc815\ubcf4\ub97c \uc7ac\uad6c\uc131\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 \uc6d0\ud558\ub294 \uc815\ubcf4\uc5d0 \ube60\ub974\uac8c \uc811\uadfc\ud560 \uc218 \uc788\ub3c4\ub85d \uc124\uacc4\ud588\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 '\uc900\ube44\uc694\uac74'\uc740 \ud0ed \uc778\ud130\ud398\uc774\uc2a4\ub97c, '\uc808\ucc28'\ub294 \uc2dc\uac01\uc801\uc778 \ucc28\ud2b8\ub97c \ud65c\uc6a9\ud558\uc5ec \uc815\ubcf4 \uc804\ub2ec\ub825\uc744 \ub192\uc600\uc2b5\ub2c8\ub2e4. \uc774\ub294 \uc120\ud615\uc801\uc778 \ubb38\uc11c \uad6c\uc870\ubcf4\ub2e4 \uc0ac\uc6a9\uc790 \uc911\uc2ec\uc758 \ube44\uc120\ud615\uc801 \ud0d0\uc0c9\uc744 \uc720\ub3c4\ud558\uc5ec \ud3b8\uc758\uc131\uc744 \uadf9\ub300\ud654\ud558\uae30 \uc704\ud568\uc785\ub2c8\ub2e4. -->\r\n <!-- Visualization & Content Choices: \r\n - \ud5c8\uac00 \uc808\ucc28: [\uc815\ubcf4] 4\ub2e8\uacc4 \ud5c8\uac00 \uc808\ucc28 -> [\ubaa9\ud45c] \uc808\ucc28\uc758 \ud750\ub984\uacfc \ub2e8\uacc4\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \uba85\ud655\ud788 \uc804\ub2ec -> [\uc2dc\uac01\ud654] Chart.js\ub97c \ud65c\uc6a9\ud55c \uc218\ud3c9 \ubc14 \ucc28\ud2b8 \ud615\ud0dc\uc758 \ud504\ub85c\uc138\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 -> [\uc0c1\ud638\uc791\uc6a9] \uac01 \ub2e8\uacc4\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub9ac\uba74 \uc0c1\uc138 \uc124\uba85 \ud234\ud301 \ud45c\uc2dc -> [\uadfc\uac70] \ud14d\uc2a4\ud2b8 \ubaa9\ub85d\ubcf4\ub2e4 \uc804\uccb4\uc801\uc778 \uacfc\uc815\uc758 \ud750\ub984\uc744 \uc9c1\uad00\uc801\uc73c\ub85c \ud30c\uc545\ud558\uae30 \uc6a9\uc774\ud568. [\ub77c\uc774\ube0c\ub7ec\ub9ac] Chart.js (Canvas).\r\n - \uc900\ube44 \uc694\uac74: [\uc815\ubcf4] \uc2dc\uc124, \uc11c\ub958, \uad50\uc721 3\uac00\uc9c0 \uc694\uac74 -> [\ubaa9\ud45c] \ub9ce\uc740 \uc591\uc758 \uc815\ubcf4\ub97c \uccb4\uacc4\uc801\uc73c\ub85c \ubd84\ub958\ud558\uc5ec \uc81c\uacf5 -> [\ud504\ub808\uc820\ud14c\uc774\uc158] \ud0ed(Tab) \uc778\ud130\ud398\uc774\uc2a4 -> [\uc0c1\ud638\uc791\uc6a9] \uac01 \ud0ed(\uc2dc\uc124\/\uc11c\ub958\/\uad50\uc721) \ud074\ub9ad \uc2dc \ud574\ub2f9 \ub0b4\uc6a9\ub9cc \ud45c\uc2dc -> [\uadfc\uac70] \uc815\ubcf4 \uacfc\ubd80\ud558\ub97c \ubc29\uc9c0\ud558\uace0 \uc0ac\uc6a9\uc790\uac00 \ud544\uc694\ud55c \uc815\ubcf4\uc5d0 \uc9d1\uc911\ud560 \uc218 \uc788\ub3c4\ub85d \ud568. [\uad6c\ud604] HTML\/CSS\/JS.\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: #F8F7F4;\r\n color: #333333;\r\n }\r\n .nav-link {\r\n transition: color 0.3s, border-bottom-color 0.3s;\r\n }\r\n .nav-link.active, .nav-link:hover {\r\n color: #2563EB;\r\n border-bottom-color: #2563EB;\r\n }\r\n .tab-button.active {\r\n border-color: #2563EB;\r\n background-color: #2563EB;\r\n color: white;\r\n }\r\n .tab-content {\r\n display: none;\r\n }\r\n .tab-content.active {\r\n display: block;\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: 800px;\r\n }\r\n @media (max-width: 768px) {\r\n .chart-container {\r\n height: 400px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-stone-50\">\r\n\r\n <header id=\"header\" class=\"bg-white\/80 backdrop-blur-md shadow-sm sticky top-0 z-50\">\r\n <nav class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\r\n <a href=\"#\" class=\"text-xl font-bold text-blue-600\">\uc2dd\ud488\uac00\uacf5\uc5c5 \ud5c8\uac00 \uac00\uc774\ub4dc<\/a>\r\n <div class=\"hidden md:flex items-center space-x-8\">\r\n <a href=\"#overview\" class=\"nav-link text-gray-600 border-b-2 border-transparent pb-1\">\uac1c\uc694<\/a>\r\n <a href=\"#requirements\" class=\"nav-link text-gray-600 border-b-2 border-transparent pb-1\">\uc900\ube44\uc694\uac74<\/a>\r\n <a href=\"#procedure\" class=\"nav-link text-gray-600 border-b-2 border-transparent pb-1\">\uc808\ucc28<\/a>\r\n <a href=\"#key-points\" class=\"nav-link text-gray-600 border-b-2 border-transparent pb-1\">\ud575\uc2ec\uc815\ub9ac<\/a>\r\n <a href=\"#contact\" class=\"nav-link text-gray-600 border-b-2 border-transparent pb-1\">\uc804\ubb38\uac00 \ubb38\uc758<\/a>\r\n <\/div>\r\n <button id=\"mobile-menu-button\" class=\"md:hidden\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\"><\/path><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white\">\r\n <a href=\"#overview\" class=\"block py-2 px-6 text-sm text-gray-700 hover:bg-gray-100\">\uac1c\uc694<\/a>\r\n <a href=\"#requirements\" class=\"block py-2 px-6 text-sm text-gray-700 hover:bg-gray-100\">\uc900\ube44\uc694\uac74<\/a>\r\n <a href=\"#procedure\" class=\"block py-2 px-6 text-sm text-gray-700 hover:bg-gray-100\">\uc808\ucc28<\/a>\r\n <a href=\"#key-points\" class=\"block py-2 px-6 text-sm text-gray-700 hover:bg-gray-100\">\ud575\uc2ec\uc815\ub9ac<\/a>\r\n <a href=\"#contact\" class=\"block py-2 px-6 text-sm text-gray-700 hover:bg-gray-100\">\uc804\ubb38\uac00 \ubb38\uc758<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <section id=\"hero\" class=\"bg-white pt-16 pb-20\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h1 class=\"text-4xl md:text-5xl font-bold text-gray-800 mb-4\">\uc2dd\ud488\uac00\uacf5\uc81c\uc870\uc5c5 \ud5c8\uac00,<\/h1>\r\n <h2 class=\"text-2xl md:text-3xl font-semibold text-blue-600 mb-6\">\uc804\ubb38\uac00\uc640 \ud568\uaed8\ub77c\uba74 \ube60\ub974\uace0 \uc815\ud655\ud569\ub2c8\ub2e4.<\/h2>\r\n <p class=\"max-w-3xl mx-auto text-gray-600 text-lg\">\r\n \ubcf5\uc7a1\ud558\uace0 \uae4c\ub2e4\ub85c\uc6b4 \ud5c8\uac00 \uc808\ucc28, \ub354 \uc774\uc0c1 \ud63c\uc790 \uace0\ubbfc\ud558\uc9c0 \ub9c8\uc138\uc694.<br>\r\n \ud589\uc815 \uc804\ubb38\uac00\uc758 \ub178\ud558\uc6b0\ub85c \ud5c8\uac00\uc758 A to Z\uae4c\uc9c0, \ud575\uc2ec\ub9cc \ub2f4\uc544 \uc54c\uae30 \uc27d\uac8c \uc548\ub0b4\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"overview\" class=\"py-20\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold text-gray-800\">\uc2dd\ud488\uac00\uacf5\uc81c\uc870\uc5c5 \ud5c8\uac00\ub780?<\/h2>\r\n <p class=\"text-gray-600 mt-2\">\uc548\uc804\ud55c \uc2dd\ud488\uc744 \uc704\ud55c \uccab\uac78\uc74c, \ud5c8\uac00\uc758 \uc911\uc694\uc131\uc744 \uc54c\uc544\ubcf4\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"max-w-4xl mx-auto grid md:grid-cols-2 gap-8\">\r\n <div class=\"bg-white p-8 rounded-lg shadow-md border-l-4 border-blue-500\">\r\n <h3 class=\"text-xl font-bold mb-3\">\ud5c8\uac00\uc758 \uc815\uc758<\/h3>\r\n <p class=\"text-gray-600\">\r\n \ud310\ub9e4\ub97c \ubaa9\uc801\uc73c\ub85c \uc2dd\ud488\uc744 \uc81c\uc870\u00b7\uac00\uacf5\ud558\ub294 \uc601\uc5c5\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4. [\uc2dd\ud488\uc704\uc0dd\ubc95] \ubc0f \uad00\ub828 \ubc95\ub839\uc5d0 \ub530\ub77c \uc704\uc0dd\uc801\uc778 \uc2dc\uc124\uacfc \uae30\uc900\uc744 \uac16\ucd94\uace0 \uad00\ud560 \uae30\uad00\uc758 \ud5c8\uac00\ub97c \ubc1b\uc544\uc57c \ud569\ubc95\uc801\uc778 \uc601\uc5c5\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-lg shadow-md border-l-4 border-green-500\">\r\n <h3 class=\"text-xl font-bold mb-3\">\ud5c8\uac00\uc758 \ud544\uc694\uc131<\/h3>\r\n <p class=\"text-gray-600\">\r\n \ubc95\uc801 \uc758\ubb34\uc0ac\ud56d\uc77c \ubfd0\ub9cc \uc544\ub2c8\ub77c, \uc548\uc804\ud55c \uc0dd\uc0b0 \uc2dc\uc2a4\ud15c\uc744 \uacf5\uc778\ubc1b\uc544 \uc18c\ube44\uc790\uc758 \uc2e0\ub8b0\ub97c \uc5bb\ub294 \uc911\uc694\ud55c \uacfc\uc815\uc785\ub2c8\ub2e4. \ud5c8\uac00 \uc5c6\uc774 \uc601\uc5c5 \uc2dc \ubc95\uc801 \ucc98\ubc8c\uc744 \ubc1b\uc744 \uc218 \uc788\uc73c\uba70, \ub300\ud615 \uc720\ud1b5\ub9dd \uc785\uc810 \ub4f1 \uc0ac\uc5c5 \ud655\uc7a5\uc5d0 \ud544\uc218\uc801\uc785\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"requirements\" class=\"py-20 bg-gray-100\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold text-gray-800\">\ud5c8\uac00\ub97c \uc704\ud55c \ud575\uc2ec \uc900\ube44\uc694\uac74<\/h2>\r\n <p class=\"text-gray-600 mt-2\">\ud5c8\uac00\uc758 \uc131\ud328\ub97c \uc88c\uc6b0\ud558\ub294 3\uac00\uc9c0 \ud575\uc2ec \uc694\uac74\uc744 \ud655\uc778\ud558\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"max-w-4xl mx-auto\">\r\n <div class=\"mb-6 flex justify-center space-x-2 md:space-x-4 p-1 bg-gray-200 rounded-lg\">\r\n <button data-tab=\"facility\" class=\"tab-button flex-1 py-2 px-4 rounded-md text-sm md:text-base font-semibold transition\">\ud83c\udfe2 \uc2dc\uc124 \uae30\uc900<\/button>\r\n <button data-tab=\"documents\" class=\"tab-button flex-1 py-2 px-4 rounded-md text-sm md:text-base font-semibold transition\">\ud83d\udcc4 \ud544\uc694 \uc11c\ub958<\/button>\r\n <button data-tab=\"education\" class=\"tab-button flex-1 py-2 px-4 rounded-md text-sm md:text-base font-semibold transition\"> \uc704\uc0dd \uad50\uc721<\/button>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-lg shadow-md min-h-[250px]\">\r\n <div id=\"facility\" class=\"tab-content\">\r\n <h3 class=\"text-2xl font-bold mb-4 text-blue-600\">\uc704\uc0dd\uc801\uc778 \uc2dc\uc124 \uae30\uc900<\/h3>\r\n <ul class=\"space-y-3 text-gray-700 list-disc list-inside\">\r\n <li><strong>\uc791\uc5c5\uc7a5:<\/strong> \ubc14\ub2e5, \ubcbd, \ucc9c\uc7a5\uc740 \ub0b4\uc218\uc131\/\ub0b4\uc5f4\uc131 \uc7ac\uc9c8\ub85c \ub9c8\uac10\ud558\uace0 \uccad\uacb0\ud558\uac8c \uc720\uc9c0<\/li>\r\n <li><strong>\ud658\uae30 \uc2dc\uc124:<\/strong> \uc720\ud574\ubb3c\uc9c8, \uc545\ucde8 \ub4f1\uc744 \ubc30\ucd9c\ud560 \uc218 \uc788\ub294 \ucda9\ubd84\ud55c \ud658\uae30 \uc2dc\uc124 \uad6c\ube44<\/li>\r\n <li><strong>\uae09\uc218 \uc2dc\uc124:<\/strong> \uc0c1\uc218\ub3c4 \ub610\ub294 \uc218\uc9c8\uac80\uc0ac\uc5d0 \ud569\uaca9\ud55c \uc9c0\ud558\uc218 \uc0ac\uc6a9<\/li>\r\n <li><strong>\ud654\uc7a5\uc2e4:<\/strong> \uc791\uc5c5\uc7a5\uc5d0 \uc601\ud5a5\uc744 \uc8fc\uc9c0 \uc54a\ub294 \uacf3\uc5d0 \uc815\ud654\uc870\ub97c \uac16\ucd98 \uc218\uc138\uc2dd \ud654\uc7a5\uc2e4 \uc124\uce58<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div id=\"documents\" class=\"tab-content\">\r\n <h3 class=\"text-2xl font-bold mb-4 text-blue-600\">\ud544\uc218 \uc81c\ucd9c \uc11c\ub958<\/h3>\r\n <ul class=\"space-y-3 text-gray-700 list-disc list-inside\">\r\n <li>\uc601\uc5c5\ub4f1\ub85d\uc2e0\uccad\uc11c<\/li>\r\n <li>\uad50\uc721\uc774\uc218\uc99d (\ubbf8\ub9ac \uc774\uc218\ud574\uc57c \ud568)<\/li>\r\n <li>\uac74\uac15\uc9c4\ub2e8\uacb0\uacfc\uc11c (\ubcf4\uac74\uc99d)<\/li>\r\n <li>\uc81c\uc870\ubc29\ubc95\uc124\uba85\uc11c<\/li>\r\n <li>\uc2dc\uc124\ubc30\uce58\ub3c4 \ubc0f \ud3c9\uba74\ub3c4<\/li>\r\n <li>\uc784\ub300\ucc28\uacc4\uc57d\uc11c (\uc784\ub300\ud55c \uacbd\uc6b0)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div id=\"education\" class=\"tab-content\">\r\n <h3 class=\"text-2xl font-bold mb-4 text-blue-600\">\uc704\uc0dd \uad50\uc721 \uc774\uc218<\/h3>\r\n <p class=\"text-gray-700 mb-4\">\uc2dd\ud488\uc758\uc57d\ud488\uc548\uc804\ucc98\uc7a5\uc774 \uc9c0\uc815\ud55c \uad50\uc721\uae30\uad00\uc5d0\uc11c \uc628\ub77c\uc778 \ub610\ub294 \uc624\ud504\ub77c\uc778\uc73c\ub85c \uc704\uc0dd \uad50\uc721\uc744 \uc774\uc218\ud574\uc57c \ud569\ub2c8\ub2e4. \ud5c8\uac00 \uc2e0\uccad \uc804 \ubbf8\ub9ac \uc774\uc218\uc99d\uc744 \ubc1c\uae09\ubc1b\uc544\uc57c \ud558\uba70, \ub9e4\ub144 \ubcf4\uc218\uad50\uc721\ub3c4 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\r\n <a href=\"https:\/\/www.kfia21.or.kr\" target=\"_blank\" class=\"text-blue-600 hover:underline\">\ud55c\uad6d\uc2dd\ud488\uc0b0\uc5c5\ud611\ud68c \uad50\uc721 \ubc14\ub85c\uac00\uae30 →<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"procedure\" class=\"py-20\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold text-gray-800\">\ud5c8\uac00 \uc808\ucc28 \ud55c\ub208\uc5d0 \ubcf4\uae30<\/h2>\r\n <p class=\"text-gray-600 mt-2\">\ubcf5\uc7a1\ud55c \uc808\ucc28\ub97c 4\ub2e8\uacc4\ub85c \ub098\ub204\uc5b4 \uc2dc\uac01\uc801\uc73c\ub85c \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"chart-container\">\r\n <canvas id=\"procedureChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"key-points\" class=\"py-20 bg-gray-100\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold text-gray-800\">\uc804\ubb38\uac00\uac00 \uc54c\ub824\uc8fc\ub294 \ud575\uc2ec\uc815\ub9ac<\/h2>\r\n <p class=\"text-gray-600 mt-2\">\uc131\uacf5\uc801\uc778 \ud5c8\uac00\uc640 \uc0ac\uc5c5 \uc6b4\uc601\uc744 \uc704\ud55c \uc8fc\uc758\uc0ac\ud56d\uacfc \ud61c\ud0dd\uc744 \ud655\uc778\ud558\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"max-w-5xl mx-auto grid md:grid-cols-2 gap-8\">\r\n <div class=\"bg-white p-8 rounded-lg shadow-md\">\r\n <h3 class=\"text-2xl font-bold mb-4 text-red-600\">\uc8fc\uc758\uc0ac\ud56d \ubc0f \uc0ac\ud6c4\uad00\ub9ac<\/h3>\r\n <div class=\"space-y-4\">\r\n <div>\r\n <h4 class=\"font-semibold text-lg\">\uac00\uc7a5 \ud070 \uac78\ub9bc\ub3cc, \uc2dc\uc124 \uae30\uc900<\/h4>\r\n <p class=\"text-gray-600\">\uc2dd\ud488 \uc704\uc0dd \uae30\uc900\uc740 \ub9e4\uc6b0 \uc5c4\uaca9\ud558\uace0 \ubcf5\uc7a1\ud569\ub2c8\ub2e4. \ucd08\uae30 \uc124\uacc4 \ub2e8\uacc4\ubd80\ud130 \uc804\ubb38\uac00\uc640 \ud568\uaed8 \ubc95\uaddc\uc5d0 \ub9de\ub294 \uc2dc\uc124\uc744 \uc900\ube44\ud558\ub294 \uac83\uc774 \uc2dc\uac04\uacfc \ube44\uc6a9\uc744 \uc808\uc57d\ud558\ub294 \uac00\uc7a5 \ube60\ub978 \uae38\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-lg\">\uc9c0\uc18d\uc801\uc778 \uc0ac\ud6c4\uad00\ub9ac<\/h4>\r\n <p class=\"text-gray-600\">\ud5c8\uac00 \uc774\ud6c4\uc5d0\ub3c4 \uc8fc\uae30\uc801\uc778 \uc704\uc0dd \uc810\uac80\uacfc \ubc95\uaddc \uac1c\uc815\uc5d0 \ub300\ud55c \uad00\uc2ec\uc774 \ud544\uc218\uc785\ub2c8\ub2e4. \uc704\ubc18 \uc2dc \uc601\uc5c5\uc815\uc9c0 \ub4f1 \ubd88\uc774\uc775\uc744 \ubc1b\uc744 \uc218 \uc788\uc73c\ub2c8, \uc0ac\ud6c4 \uad00\ub9ac \uacc4\ud68d\uae4c\uc9c0 \ubbf8\ub9ac \uc138\uc6cc\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-lg shadow-md\">\r\n <h3 class=\"text-2xl font-bold mb-4 text-green-600\">\ud5c8\uac00\ub97c \ud1b5\ud55c \uc0ac\uc5c5\uc801 \ud61c\ud0dd<\/h3>\r\n <div class=\"space-y-4\">\r\n <div>\r\n <h4 class=\"font-semibold text-lg\">\uc18c\ube44\uc790 \uc2e0\ub8b0 \ud655\ubcf4<\/h4>\r\n <p class=\"text-gray-600\">\uacf5\uc2dd \ud5c8\uac00\ub294 \uc81c\ud488\uc758 \uc548\uc804\uc131\uacfc \uc2e0\ub8b0\uc131\uc744 \uc99d\uba85\ud558\uc5ec \ub9e4\ucd9c \uc99d\ub300\uc5d0 \uc9c1\uc811\uc801\uc778 \uc601\ud5a5\uc744 \uc90d\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-lg\">\ud310\ub85c \ud655\ub300 \uae30\ud68c<\/h4>\r\n <p class=\"text-gray-600\">\ub300\ud615\ub9c8\ud2b8, \ubc31\ud654\uc810, \uc628\ub77c\uc778\ubab0 \ub4f1 \uc8fc\uc694 \uc720\ud1b5 \ucc44\ub110 \uc785\uc810 \uc2dc \ud5c8\uac00\uc99d\uc740 \ud544\uc218 \uc11c\ub958\ub85c, \uc0ac\uc5c5 \ud655\uc7a5\uc758 \ubc1c\ud310\uc774 \ub429\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-lg\">\uc815\ubd80 \uc9c0\uc6d0 \uc0ac\uc5c5<\/h4>\r\n <p class=\"text-gray-600\">\uc815\ubd80 \ubc0f \uc9c0\uc790\uccb4\uc5d0\uc11c \uc2dc\ud589\ud558\ub294 \uac01\uc885 \uc2dd\ud488 \uad00\ub828 \uc9c0\uc6d0 \uc0ac\uc5c5\uc5d0 \ucc38\uc5ec\ud560 \uc218 \uc788\ub294 \uc790\uaca9\uc774 \uc8fc\uc5b4\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 <footer id=\"contact\" class=\"bg-gray-900 text-white py-20\">\r\n <div class=\"container mx-auto px-6\">\r\n <!-- New section added based on q1.png -->\r\n <div class=\"bg-slate-950 p-10 rounded-lg shadow-xl text-center max-w-6xl mx-auto mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-4\">\uc804\ubb38\uac00\uc758 \ub3c4\uc6c0\uc774 \ud544\uc694\ud558\uc2e0\uac00\uc694?<\/h2>\r\n <p class=\"text-gray-300 text-lg md:text-xl font-medium mb-4\">\r\n \uc2dd\ud488\uac00\uacf5\uc81c\uc870\uc5c5 \ud5c8\uac00\ub294 \ucca0\uc800\ud55c \uc900\ube44\uc640 \uc815\ud655\ud55c \uc808\ucc28\uac00 \ud575\uc2ec\uc785\ub2c8\ub2e4.\r\n <\/p>\r\n <p class=\"text-gray-400 text-base md:text-lg max-w-3xl mx-auto\">\r\n \uc804\ubb38\uac00\uc640 \uc0c1\ub2f4\ud558\uc5ec \ud589\uc815\uc0c1 \uc624\ub958 \uc5c6\uc774 \uc2dc\uac04\uacfc \ube44\uc6a9\uc744 \uc808\uc57d\ud558\uace0, \uc0ac\uc5c5\uc5d0 \ucd5c\uc801\ud654\ub41c \uc870\uac74\uc73c\ub85c \ud5c8\uac00\ub97c \uc644\uc218\ud558\uc138\uc694.\r\n <\/p>\r\n <\/div>\r\n <!-- Main content area matching the uploaded image -->\r\n <div class=\"bg-slate-800 p-8 rounded-lg shadow-xl max-w-6xl mx-auto grid md:grid-cols-[2fr_3fr] gap-8 items-center\">\r\n <!-- Left Column: Agency Info -->\r\n <div class=\"text-left mb-6 md:mb-0 md:border-r border-gray-700 md:pr-8\">\r\n <p class=\"text-yellow-400 text-2xl md:text-3xl font-bold\">Visa Job Korea<\/p>\r\n <h3 class=\"text-2xl font-bold mb-1\">\ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/h3>\r\n <p class=\"text-gray-400 text-base md:text-lg\">\ud589\uc815\uc0ac\uc758 \uc804\ubb38\uc801\uc778 \uc9c0\uc2dd\uc73c\ub85c \ub3d5\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <!-- Right Column: Contact Details -->\r\n <div class=\"text-left grid grid-cols-1 sm:grid-cols-2 gap-y-4 gap-x-8 text-gray-400\">\r\n <div>\r\n <p class=\"font-bold text-gray-300\">\uc8fc\uc18c:<\/p>\r\n <p>\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 <\/div>\r\n <div>\r\n <p class=\"font-bold text-gray-300\">\uba54\uc77c:<\/p>\r\n <p class=\"text-blue-400 hover:underline\"><a href=\"mailto:jirunpeople@naver.com\">jirunpeople@naver.com<\/a><\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"font-bold text-gray-300\">\uc804\ud654\ubc88\ud638:<\/p>\r\n <p>010-6584-0070<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"font-bold text-gray-300\">\ud648\ud398\uc774\uc9c0:<\/p>\r\n <p class=\"text-blue-400 hover:underline\"><a href=\"http:\/\/www.jbgmna.com\" target=\"_blank\">www.jbgmna.com<\/a><\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"font-bold text-gray-300\">\ud329\uc2a4\ubc88\ud638:<\/p>\r\n <p>031-624-2738<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Copyright and disclaimer section -->\r\n <div class=\"mt-16 text-center text-gray-500 text-xs md:text-sm\">\r\n <hr class=\"border-gray-700 mb-4 max-w-6xl mx-auto\">\r\n <p class=\"mb-1\">© 2024 JBG MNA. 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 \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 <\/main>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function () {\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 const mobileNavLinks = mobileMenu.querySelectorAll('a');\r\n mobileNavLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n });\r\n });\r\n\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n\r\n function activateTab(tabName) {\r\n tabButtons.forEach(button => {\r\n button.classList.toggle('active', button.dataset.tab === tabName);\r\n });\r\n tabContents.forEach(content => {\r\n content.classList.toggle('active', content.id === tabName);\r\n });\r\n }\r\n \r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', () => {\r\n activateTab(button.dataset.tab);\r\n });\r\n });\r\n \r\n activateTab('facility');\r\n\r\n const procedureCtx = document.getElementById('procedureChart').getContext('2d');\r\n const procedureChart = new Chart(procedureCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: ['4. \uc644\ub8cc', '3. \uc2ec\uc0ac', '2. \uc2e0\uccad', '1. \uc900\ube44'],\r\n datasets: [{\r\n label: '\ud5c8\uac00 \uc808\ucc28',\r\n data: [4, 3, 2, 1],\r\n backgroundColor: [\r\n '#60A5FA', \r\n '#3B82F6',\r\n '#2563EB',\r\n '#1D4ED8'\r\n ],\r\n borderColor: 'rgba(255, 255, 255, 0.8)',\r\n borderWidth: 1,\r\n barPercentage: 0.6,\r\n categoryPercentage: 0.7\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 const step = context.raw;\r\n let description = '';\r\n if (step === 1) description = '\uc601\uc5c5\uc7a5\uc18c \uc120\uc815, \uc2dc\uc124 \uae30\uc900 \uac80\ud1a0, \uc704\uc0dd \uad50\uc721 \uc774\uc218, \uac74\uac15\uc9c4\ub2e8';\r\n if (step === 2) description = '\ud544\uc694 \uc11c\ub958 \uad6c\ube44 \ud6c4 \uad00\ud560 \uc2dc\u00b7\uad70\u00b7\uad6c\uccad\uc5d0 \ud5c8\uac00 \uc2e0\uccad\uc11c \uc81c\ucd9c';\r\n if (step === 3) description = '\ub2f4\ub2f9 \uacf5\ubb34\uc6d0\uc758 \ud604\uc7a5 \uc2e4\uc0ac \ubc0f \uc11c\ub958 \uc2ec\uc0ac, \ud544\uc694 \uc2dc \ubcf4\uc644 \uc694\uccad';\r\n if (step === 4) description = '\ucd5c\uc885 \ud5c8\uac00\uc99d \ubc1c\uae09 \ud6c4 \uc0ac\uc5c5\uc790\ub4f1\ub85d \ubc0f \uc601\uc5c5 \uac1c\uc2dc';\r\n return description.split(', ');\r\n }\r\n },\r\n backgroundColor: 'rgba(0, 0, 0, 0.8)',\r\n titleFont: { size: 14 },\r\n bodyFont: { size: 12 },\r\n padding: 10,\r\n displayColors: false\r\n }\r\n },\r\n scales: {\r\n x: {\r\n display: false,\r\n grid: {\r\n display: false\r\n }\r\n },\r\n y: {\r\n grid: {\r\n display: false\r\n },\r\n ticks: {\r\n font: {\r\n size: 14,\r\n weight: 'bold'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n });\r\n\r\n const sections = document.querySelectorAll('main section[id]');\r\n const navLinks = document.querySelectorAll('.hidden.md\\\\:flex a.nav-link');\r\n\r\n function changeNavOnScroll() {\r\n let current = '';\r\n sections.forEach(section => {\r\n const sectionTop = section.offsetTop;\r\n if (pageYOffset >= sectionTop - 80) {\r\n current = section.getAttribute('id');\r\n }\r\n });\r\n\r\n navLinks.forEach(link => {\r\n link.classList.remove('active');\r\n if (link.getAttribute('href').includes(current)) {\r\n link.classList.add('active');\r\n }\r\n });\r\n }\r\n\r\n window.addEventListener('scroll', changeNavOnScroll);\r\n changeNavOnScroll();\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>\uc2dd\ud488\uac00\uacf5\uc81c\uc870\uc5c5 \ud5c8\uac00 \uc644\ubcbd \uac00\uc774\ub4dc | \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c \uc2dd\ud488\uac00\uacf5\uc5c5 \ud5c8\uac00 \uac00\uc774\ub4dc \uac1c\uc694 \uc900\ube44\uc694\uac74 \uc808\ucc28 \ud575\uc2ec\uc815\ub9ac \uc804\ubb38\uac00 \ubb38\uc758 \uac1c\uc694 \uc900\ube44\uc694\uac74 \uc808\ucc28 \ud575\uc2ec\uc815\ub9ac \uc804\ubb38\uac00 \ubb38\uc758 \uc2dd\ud488\uac00\uacf5\uc81c\uc870\uc5c5 \ud5c8\uac00, \uc804\ubb38\uac00\uc640 \ud568\uaed8\ub77c\uba74 \ube60\ub974\uace0 \uc815\ud655\ud569\ub2c8\ub2e4. \ubcf5\uc7a1\ud558\uace0 \uae4c\ub2e4\ub85c\uc6b4 \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-2961","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2961","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=2961"}],"version-history":[{"count":4,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2961\/revisions"}],"predecessor-version":[{"id":2965,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2961\/revisions\/2965"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}