{"id":2914,"date":"2025-08-18T11:21:32","date_gmt":"2025-08-18T02:21:32","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2914"},"modified":"2025-08-18T11:22:11","modified_gmt":"2025-08-18T02:22:11","slug":"%ec%9a%94%ec%96%91%eb%b3%b4%ed%98%b8%ec%82%ac-%ea%b5%ad%ec%a0%81%ec%b7%a8%eb%93%9d","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2914","title":{"rendered":"\uc694\uc591\ubcf4\ud638\uc0ac \uad6d\uc801\ucde8\ub4dd"},"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 \uc678\uad6d\uc778 \uc694\uc591\ubcf4\ud638\uc0ac \ube44\uc790 \ubc0f \uad6d\uc801 \ucde8\ub4dd \uc548\ub0b4<\/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@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n <!-- Chosen Palette: Calm Harmony Palette -->\r\n <!-- Application Structure Plan: \uc0ac\uc6a9\uc790\uac00 '\uc694\uc591\ubcf4\ud638\uc0ac \ube44\uc790'\uc640 '\uad6d\uc801 \ucde8\ub4dd' \uc815\ubcf4\ub97c \ud55c\ub208\uc5d0 \ubcfc \uc218 \uc788\ub3c4\ub85d \uc804\uccb4 \ucf58\ud150\uce20\ub97c \ud3bc\uccd0\uc11c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4. \uae30\uc874 \ud0ed \ubc29\uc2dd \ub300\uc2e0, \uc0c1\ub2e8 \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uba74 \ud574\ub2f9 \uc139\uc158\uc73c\ub85c \ubd80\ub4dc\ub7fd\uac8c \uc2a4\ud06c\ub864\ud558\ub294 \uc575\ucee4 \ub9c1\ud06c \uae30\ub2a5\uc744 \uad6c\ud604\ud588\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ubcf5\uc7a1\ud55c \uc808\ucc28\uc640 \uc815\ubcf4\ub97c \ub04a\uae40 \uc5c6\uc774 \ud55c \ud398\uc774\uc9c0\uc5d0\uc11c \ucb49 \ud6d1\uc5b4\ubcfc \uc218 \uc788\uac8c \ud558\uc5ec \uc804\uccb4\uc801\uc778 \uc774\ud574\ub3c4\ub97c \ub192\uc785\ub2c8\ub2e4. '\ube44\uc790 \uc548\ub0b4' \uc139\uc158\uc5d0\uc11c\ub294 \uae30\uc874\uc758 \ube44\uc790\ubcc4 \uc815\ubcf4 \uc120\ud0dd\uae30\ub97c \uadf8\ub300\ub85c \uc720\uc9c0\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 \ud2b9\uc815 \ube44\uc790 \uc815\ubcf4\ub97c \uc120\ud0dd\uc801\uc73c\ub85c \ud0d0\uc0c9\ud560 \uc218 \uc788\ub3c4\ub85d \ud588\uc2b5\ub2c8\ub2e4. '\uad6d\uc801 \ucde8\ub4dd' \uc139\uc158\uc740 \ub2e8\uacc4\ubcc4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc73c\ub85c \ubcf5\uc7a1\ud55c \uc808\ucc28\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ubcf4\uc5ec\uc8fc\ub294 \ubc29\uc2dd\uc744 \uc720\uc9c0\ud558\uc5ec \uc815\ubcf4\uc758 \uba85\ud655\uc131\uc744 \ud655\ubcf4\ud588\uc2b5\ub2c8\ub2e4. -->\r\n <!-- Visualization & Content Choices: '\ube44\uc790 \uc548\ub0b4' \uc139\uc158\uc758 \ube44\uc790\ubcc4 \ucde8\uc5c5 \uc790\uc720\ub3c4 \ub9c9\ub300 \ucc28\ud2b8(Chart.js)\ub294 \uadf8\ub300\ub85c \uc720\uc9c0\ud558\uc5ec \ubcf5\uc7a1\ud55c \ube44\uc790 \uc815\ubcf4\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ube44\uad50\ud560 \uc218 \uc788\uac8c \ud569\ub2c8\ub2e4. '\uad6d\uc801 \ucde8\ub4dd' \uc139\uc158\uc758 \uc808\ucc28 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc740 Tailwind CSS Flexbox\ub97c \ud65c\uc6a9\ud558\uc5ec \ub2e8\uacc4\ubcc4 \ud750\ub984\uc744 \uba85\ud655\ud788 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4. \ubaa8\ub4e0 \uc2dc\uac01\ud654 \uc694\uc18c\ub294 \uc0ac\uc6a9\uc790\uc758 \uc774\ud574\ub97c \ub3d5\uace0 \uc815\ubcf4\ub97c \ub2e8\uc21c\ud654\ud558\ub294 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4. SVG\ub098 Mermaid JS\ub294 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4. -->\r\n <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\r\n <style>\r\n body { font-family: 'Noto Sans KR', sans-serif; }\r\n .visa-btn-active { background-color: #3b82f6; color: white; }\r\n .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 320px; max-height: 400px; }\r\n @media (min-width: 768px) { .chart-container { height: 400px; } }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-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\">\r\n <h1 class=\"text-3xl md:text-4xl font-bold text-gray-900\">\uc678\uad6d\uc778 \uc694\uc591\ubcf4\ud638\uc0ac \ucde8\uc5c5 \ubc0f \uad6d\uc801 \ucde8\ub4dd<\/h1>\r\n <p class=\"mt-2 text-lg text-gray-600\">\ub300\ud55c\ubbfc\uad6d\uc5d0\uc11c\uc758 \uc0c8\ub85c\uc6b4 \uc2dc\uc791\uc744 \uc704\ud55c \ube44\uc790 \ubc0f \uadc0\ud654 \uc815\ubcf4<\/p>\r\n <\/header>\r\n\r\n <nav class=\"mb-8 sticky top-0 bg-gray-50 z-10 py-4 border-b border-gray-200\">\r\n <div class=\"flex justify-center\">\r\n <button id=\"tab-visa\" class=\"py-4 px-6 text-lg transition-colors duration-300 text-gray-600 hover:text-blue-600 hover:border-b-2 hover:border-blue-600\">\uc694\uc591\ubcf4\ud638\uc0ac \ube44\uc790 \uc548\ub0b4<\/button>\r\n <button id=\"tab-naturalization\" class=\"py-4 px-6 text-lg transition-colors duration-300 text-gray-600 hover:text-green-600 hover:border-b-2 hover:border-green-600\">\ub300\ud55c\ubbfc\uad6d \uad6d\uc801 \ucde8\ub4dd<\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n <main>\r\n <!-- \uc694\uc591\ubcf4\ud638\uc0ac \ube44\uc790 \uc548\ub0b4 \uc139\uc158 (\ud56d\uc0c1 \ud45c\uc2dc) -->\r\n <section id=\"content-visa\" class=\"mb-12\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <h2 class=\"text-2xl font-bold mb-4 text-blue-600\">\uc694\uc591\ubcf4\ud638\uc0ac \ucde8\uc5c5 \ube44\uc790 \uc548\ub0b4 (2025\ub144 \ucd5c\uc2e0)<\/h2>\r\n <p class=\"mb-6 text-gray-700\">\r\n \ub300\ud55c\ubbfc\uad6d \uc694\uc591\uc2dc\uc124\uc5d0\uc11c \uc694\uc591\ubcf4\ud638\uc0ac\ub85c \uadfc\ubb34\ud558\uae30\ub97c \ud76c\ub9dd\ud558\ub294 \uc678\uad6d\uc778\uc744 \uc704\ud55c \ube44\uc790 \uc815\ubcf4\uc785\ub2c8\ub2e4. \uac01 \ube44\uc790 \uc720\ud615\uc5d0 \ub530\ub77c \ucde8\uc5c5 \uac00\ub2a5 \uc5ec\ubd80\uc640 \uc870\uac74\uc774 \ub2e4\ub974\ubbc0\ub85c, \ubcf8\uc778\uc758 \uc0c1\ud669\uc5d0 \ub9de\ub294 \ube44\uc790\ub97c \ud655\uc778\ud558\ub294 \uac83\uc774 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n \r\n <div class=\"bg-blue-50 border-l-4 border-blue-500 p-4 rounded-r-lg mb-8\">\r\n <h3 class=\"font-bold text-blue-800\">\ud83d\udcd1 \ucd5c\uc2e0 \uc815\ucc45 \uc5c5\ub370\uc774\ud2b8<\/h3>\r\n <p class=\"text-blue-700 mt-1\">2024\ub144 7\uc6d4\ubd80\ud130, \uad6d\ub0b4 \ub300\ud559 \uc878\uc5c5 \uc720\ud559\uc0dd(D-2, D-10)\uc774 \uc694\uc591\ubcf4\ud638\uc0ac \uc790\uaca9\uc99d \ucde8\ub4dd \ud6c4 \uc694\uc591\uae30\uad00\uc5d0 \ucde8\uc5c5 \uc2dc, \ud2b9\uc815\ud65c\ub3d9(E-7) \ube44\uc790\ub85c \ubcc0\uacbd\uc774 \uac00\ub2a5\ud574\uc84c\uc2b5\ub2c8\ub2e4. \uc774\ub294 \uc804\ubb38 \uc778\ub825\uc758 \uad6d\ub0b4 \uc815\ucc29\uc744 \ub3d5\uae30 \uc704\ud55c \uc911\uc694\ud55c \ubcc0\ud654\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <h3 class=\"text-xl font-semibold mb-4 text-center\">\uc54c\uc544\ubcf4\uace0 \uc2f6\uc740 \ube44\uc790 \uc720\ud615\uc744 \uc120\ud0dd\ud558\uc138\uc694<\/h3>\r\n <div id=\"visa-selector\" class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2 md:gap-4 mb-8\">\r\n <!-- Visa buttons will be injected here by JS -->\r\n <\/div>\r\n\r\n <div id=\"visa-details-container\" class=\"p-6 bg-gray-50 rounded-lg min-h-[200px]\">\r\n <!-- Visa details will be shown here -->\r\n <\/div>\r\n\r\n <div class=\"mt-10 pt-8 border-t\">\r\n <h3 class=\"text-xl font-semibold mb-4 text-center\">\ube44\uc790\ubcc4 \ucde8\uc5c5 \ud65c\ub3d9 \uc790\uc720\ub3c4 \ube44\uad50<\/h3>\r\n <p class=\"text-center text-gray-600 mb-4\">\ube44\uc790 \uc720\ud615\uc5d0 \ub530\ub77c \ud5c8\uc6a9\ub418\ub294 \ucde8\uc5c5 \ud65c\ub3d9\uc758 \ubc94\uc704\uac00 \ub2e4\ub985\ub2c8\ub2e4. \uc544\ub798 \ucc28\ud2b8\ub294 \uac01 \ube44\uc790\uc758 \uc77c\ubc18\uc801\uc778 \ucde8\uc5c5 \uc790\uc720\ub3c4\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\r\n <div class=\"chart-container\">\r\n <canvas id=\"visaFreedomChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \uad6d\uc801 \ucde8\ub4dd \uc548\ub0b4 \uc139\uc158 (\ud56d\uc0c1 \ud45c\uc2dc) -->\r\n <section id=\"content-naturalization\" class=\"mb-12\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <h2 class=\"text-2xl font-bold mb-4 text-green-600\">\ub300\ud55c\ubbfc\uad6d \uad6d\uc801 \ucde8\ub4dd \uc548\ub0b4<\/h2>\r\n <p class=\"mb-8 text-gray-700\">\r\n \ub300\ud55c\ubbfc\uad6d \uad6d\ubbfc\uc73c\ub85c\uc11c \uc0c8\ub85c\uc6b4 \uc0b6\uc744 \uc2dc\uc791\ud558\ub824\ub294 \uc678\uad6d\uc778\uc744 \uc704\ud55c \uadc0\ud654 \uc808\ucc28 \ubc0f \uc694\uac74 \uc548\ub0b4\uc785\ub2c8\ub2e4. \uadc0\ud654\ub294 \uc77c\ubc18\uadc0\ud654\uc640 \uac04\uc774\uadc0\ud654\ub85c \ub098\ub258\uba70, \uac01\uac01\uc758 \uc694\uac74\uacfc \uc808\ucc28\ub97c \uc815\ud655\ud788 \uc774\ud574\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n\r\n <h3 class=\"text-xl font-semibold mb-6 text-center\">\uad6d\uc801 \ucde8\ub4dd(\uadc0\ud654) \uc808\ucc28<\/h3>\r\n <div class=\"flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0 md:space-x-2 mb-8\">\r\n <div class=\"flex-1 text-center p-4 bg-green-50 rounded-lg\">\r\n <div class=\"text-3xl mb-2\">\u2460<\/div>\r\n <h4 class=\"font-bold\">\uc2e0\uccad \ubc0f \uc811\uc218<\/h4>\r\n <p class=\"text-sm text-gray-600\">\uad00\ud560 \ucd9c\uc785\uad6d\uad00\uc11c \ubc29\ubb38<\/p>\r\n <\/div>\r\n <div class=\"text-2xl text-green-400\">\u2192<\/div>\r\n <div class=\"flex-1 text-center p-4 bg-green-50 rounded-lg\">\r\n <div class=\"text-3xl mb-2\">\u2461<\/div>\r\n <h4 class=\"font-bold\">\uc11c\ub958 \uc2ec\uc0ac<\/h4>\r\n <p class=\"text-sm text-gray-600\">\uc790\uaca9 \uc694\uac74 \uac80\ud1a0<\/p>\r\n <\/div>\r\n <div class=\"text-2xl text-green-400\">\u2192<\/div>\r\n <div class=\"flex-1 text-center p-4 bg-green-50 rounded-lg\">\r\n <div class=\"text-3xl mb-2\">\u2462<\/div>\r\n <h4 class=\"font-bold\">\ud544\uae30\/\uba74\uc811 \uc2ec\uc0ac<\/h4>\r\n <p class=\"text-sm text-gray-600\">\uae30\ubcf8 \uc18c\uc591 \ud3c9\uac00<\/p>\r\n <\/div>\r\n <div class=\"text-2xl text-green-400\">\u2192<\/div>\r\n <div class=\"flex-1 text-center p-4 bg-green-50 rounded-lg\">\r\n <div class=\"text-3xl mb-2\">\u2463<\/div>\r\n <h4 class=\"font-bold\">\uadc0\ud654 \ud5c8\uac00<\/h4>\r\n <p class=\"text-sm text-gray-600\">\ubc95\ubb34\ubd80 \ucd5c\uc885 \uacb0\uc815<\/p>\r\n <\/div>\r\n <div class=\"text-2xl text-green-400\">\u2192<\/div>\r\n <div class=\"flex-1 text-center p-4 bg-green-50 rounded-lg\">\r\n <div class=\"text-3xl mb-2\">\u2464<\/div>\r\n <h4 class=\"font-bold\">\uad6d\ubbfc \uc120\uc11c\/\ucde8\ub4dd<\/h4>\r\n <p class=\"text-sm text-gray-600\">\uad6d\uc801\uc99d\uc11c \uc218\uc5ec<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-center text-gray-600 mb-8\">\u203b \uc804\uccb4 \uc18c\uc694 \uae30\uac04\uc740 \ud1b5\uc0c1 <strong>1\ub144 6\uac1c\uc6d4 ~ 2\ub144<\/strong> \uc815\ub3c4\uc785\ub2c8\ub2e4.<\/p>\r\n \r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n <div class=\"p-6 border border-gray-200 rounded-lg\">\r\n <h3 class=\"text-xl font-bold mb-3\">\uc77c\ubc18\uadc0\ud654<\/h3>\r\n <ul class=\"space-y-2 list-disc list-inside text-gray-700\">\r\n <li><strong>\uac70\uc8fc \uc694\uac74:<\/strong> 5\ub144 \uc774\uc0c1 \uacc4\uc18d \uccb4\ub958<\/li>\r\n <li><strong>\uc5f0\ub839 \uc694\uac74:<\/strong> \ub300\ud55c\ubbfc\uad6d \ubbfc\ubc95\uc0c1 \uc131\ub144<\/li>\r\n <li><strong>\ud488\ud589 \uc694\uac74:<\/strong> \ubc95\uaddc \uc900\uc218 \ubc0f \ub2e8\uc815\ud55c \ud488\ud589<\/li>\r\n <li><strong>\uc0dd\uacc4\uc720\uc9c0\ub2a5\ub825:<\/strong> \ubcf8\uc778 \ub610\ub294 \uac00\uc871\uc758 \uc790\uc0b0\/\uae30\ub2a5\uc73c\ub85c \uc0dd\uacc4 \uc720\uc9c0<\/li>\r\n <li><strong>\uae30\ubcf8 \uc18c\uc591:<\/strong> \uad6d\uc5b4\ub2a5\ub825 \ubc0f \ud55c\uad6d \ubb38\ud654 \uc774\ud574 (\uc2dc\ud5d8 \ud1b5\uacfc)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"p-6 border border-gray-200 rounded-lg\">\r\n <h3 class=\"text-xl font-bold mb-3\">\uac04\uc774\uadc0\ud654<\/h3>\r\n <p class=\"mb-3 text-gray-700\">\ud55c\uad6d\uc778\uacfc \ud63c\uc778\ud588\uac70\ub098, \ubd80\ubaa8 \uc911 \ud55c \uba85\uc774 \ud55c\uad6d\uc778\uc774\uc5c8\ub358 \uacbd\uc6b0 \ub4f1 \ud2b9\uc815 \uc694\uac74\uc744 \ub9cc\uc871\ud558\uba74 \uac70\uc8fc \uae30\uac04\uc774 3\ub144(\ub610\ub294 \uadf8 \uc774\ud558)\uc73c\ub85c \ub2e8\ucd95\ub429\ub2c8\ub2e4.<\/p>\r\n <h4 class=\"font-semibold mb-2\">\u26a0\ufe0f \uc8fc\uc758\uc0ac\ud56d<\/h4>\r\n <ul class=\"space-y-2 list-disc list-inside text-gray-700\">\r\n <li><strong>\uc815\ud655\ud55c \uc11c\ub958 \uc900\ube44:<\/strong> \uc11c\ub958\uac00 \ubcf5\uc7a1\ud558\ubbc0\ub85c \uc804\ubb38\uac00\uc758 \ub3c4\uc6c0\uc774 \ud544\uc694\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n <li><strong>\uc801\ubc95 \uccb4\ub958:<\/strong> \uc2e0\uccad \uc2dc\uc810\uc740 \ubb3c\ub860, \uacfc\uac70\uc5d0\ub3c4 \ubd88\ubc95\uccb4\ub958 \ub4f1 \ubc95 \uc704\ubc18 \uc774\ub825\uc774 \uc5c6\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/li>\r\n <li><strong>\uc678\uad6d \uad6d\uc801 \ud3ec\uae30:<\/strong> \uadc0\ud654 \ud5c8\uac00 \ud6c4 1\ub144 \ub0b4\uc5d0 \uc6d0 \uad6d\uc801\uc744 \ud3ec\uae30\ud574\uc57c \ud569\ub2c8\ub2e4. (\uc608\uc678 \uc788\uc74c)<\/li>\r\n <\/ul>\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-gray-200\">\r\n <div class=\"bg-blue-600 p-6 rounded-xl shadow-md text-center text-white\">\r\n <h3 class=\"text-xl font-bold mb-4\">\ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/h3>\r\n <div class=\"flex flex-col md:flex-row justify-between md:text-left text-center mt-4\">\r\n <div class=\"flex-1 mb-4 md:mb-0\">\r\n <p class=\"font-bold text-blue-100\">\uc8fc\uc18c<\/p>\r\n <p class=\"text-blue-200 mt-1\">\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 class=\"flex-1 mb-4 md:mb-0\">\r\n <p class=\"font-bold text-blue-100\">\uc804\ud654\ubc88\ud638<\/p>\r\n <p class=\"text-blue-200 mt-1\">010-6584-0070<\/p>\r\n <p class=\"font-bold text-blue-100 mt-4\">\ud329\uc2a4\ubc88\ud638<\/p>\r\n <p class=\"text-blue-200 mt-1\">031-624-2738<\/p>\r\n <\/div>\r\n <div class=\"flex-1\">\r\n <p class=\"font-bold text-blue-100\">\uc774\uba54\uc77c<\/p>\r\n <p class=\"text-blue-200 mt-1\">jirunpeople@naver.com<\/p>\r\n <p class=\"font-bold text-blue-100 mt-4\">\ud648\ud398\uc774\uc9c0<\/p>\r\n <p class=\"text-blue-200 mt-1\"><a href=\"http:\/\/www.jbgmna.com\" target=\"_blank\" class=\"hover:underline\">www.jbgmna.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const visaData = {\r\n 'F-4': {\r\n title: '\uc7ac\uc678\ub3d9\ud3ec (F-4)',\r\n description: '\ud55c\uad6d\uacc4 \uc678\uad6d\uc778\uc744 \uc704\ud55c \ube44\uc790\ub85c, \uc694\uc591\ubcf4\ud638\uc0ac\ub97c \ud3ec\ud568\ud55c \ub300\ubd80\ubd84\uc758 \uc9c1\uc885\uc5d0\uc11c \ube44\uad50\uc801 \uc790\uc720\ub85c\uc6b4 \ucde8\uc5c5 \ud65c\ub3d9\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.',\r\n details: [\r\n '<strong>\uc790\uaca9:<\/strong> \ubd80\ubaa8 \ub610\ub294 \uc870\ubd80\ubaa8 \uc911 \ud55c \uba85\uc774 \ud55c\uad6d \uad6d\uc801\uc744 \ubcf4\uc720\ud588\ub358 \uc678\uad6d \uad6d\uc801 \ub3d9\ud3ec',\r\n '<strong>\ucde8\uc5c5:<\/strong> \ub2e8\uc21c \ub178\ubb34\ub97c \uc81c\uc678\ud55c \uc9c1\uc885\uc5d0 \uc790\uc720\ub86d\uac8c \ucde8\uc5c5 \uac00\ub2a5 (\uc694\uc591\ubcf4\ud638\uc0ac\ub294 \ub2e8\uc21c \ub178\ubb34\uc5d0 \ud574\ub2f9 \uc548 \ub428)',\r\n '<strong>\ud2b9\uc9d5:<\/strong> \ud3ed\ub113\uc740 \ucde8\uc5c5 \ud65c\ub3d9\uc774 \ubcf4\uc7a5\ub418\uc5b4 \uc548\uc815\uc801\uc778 \ud65c\ub3d9 \uae30\ubc18\uc744 \ub9c8\ub828\ud558\uae30\uc5d0 \uc720\ub9ac\ud569\ub2c8\ub2e4.'\r\n ]\r\n },\r\n 'F-6': {\r\n title: '\uacb0\ud63c\uc774\ubbfc (F-6)',\r\n description: '\ub300\ud55c\ubbfc\uad6d \uad6d\ubbfc\uacfc \ud63c\uc778\ud55c \uc678\uad6d\uc778 \ubc30\uc6b0\uc790\ub97c \uc704\ud55c \ube44\uc790\ub85c, \uad6d\ub0b4 \ucde8\uc5c5 \ud65c\ub3d9\uc5d0 \uc81c\ud55c\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.',\r\n details: [\r\n '<strong>\uc790\uaca9:<\/strong> \ud55c\uad6d\uc778 \ubc30\uc6b0\uc790\uc640 \ubc95\ub960\uc0c1 \ud63c\uc778 \uad00\uacc4\ub97c \uc720\uc9c0\ud558\uace0 \uc788\ub294 \uc790',\r\n '<strong>\ucde8\uc5c5:<\/strong> \uc9c1\uc885 \uc81c\ud55c \uc5c6\uc774 \uc790\uc720\ub86d\uac8c \ucde8\uc5c5 \uac00\ub2a5. \uc694\uc591\ubcf4\ud638\uc0ac \uc790\uaca9\uc99d \ucde8\ub4dd \ud6c4 \uc989\uc2dc \uadfc\ubb34 \uac00\ub2a5',\r\n '<strong>\ud61c\ud0dd:<\/strong> 2\ub144 \uc774\uc0c1 \uccb4\ub958 \uc2dc \uc601\uc8fc(F-5) \uc790\uaca9 \uc2e0\uccad\uc774 \uac00\ub2a5\ud558\uc5ec \uc7a5\uae30 \uccb4\ub958\uc5d0 \uac00\uc7a5 \uc720\ub9ac\ud569\ub2c8\ub2e4.'\r\n ]\r\n },\r\n 'H-2': {\r\n title: '\ubc29\ubb38\ucde8\uc5c5 (H-2)',\r\n description: '\uc911\uad6d \ubc0f \uad6c\uc18c\ub828 \ub3d9\ud3ec\ub4e4\uc744 \uc704\ud55c \ube44\uc790\ub85c, \ud5c8\uc6a9\ub41c \uc5c5\uc885 \ub0b4\uc5d0\uc11c \ucde8\uc5c5\uc774 \uac00\ub2a5\ud558\uba70 \uc694\uc591\ubcf4\ud638\uc0ac\ub3c4 \ud3ec\ud568\ub429\ub2c8\ub2e4.',\r\n details: [\r\n '<strong>\uc790\uaca9:<\/strong> \ubc29\ubb38\ucde8\uc5c5 \ube44\uc790 \ubc1c\uae09 \ub300\uc0c1 \uad6d\uac00\uc758 \ub3d9\ud3ec',\r\n '<strong>\ucde8\uc5c5:<\/strong> \uc694\uc591\ubcf4\ud638\uc0ac \uc9c1\uc885\uc740 H-2 \ube44\uc790\ub85c \ucde8\uc5c5\uc774 \ud5c8\uc6a9\ub429\ub2c8\ub2e4.',\r\n '<strong>\uc8fc\uc758:<\/strong> \uc815\ud574\uc9c4 \uccb4\ub958 \uae30\uac04\uc774 \ub9cc\ub8cc\ub418\uba74 \ucd9c\uad6d\ud574\uc57c \ud558\ubbc0\ub85c, \uc7a5\uae30 \uadfc\ubb34\ub97c \uc704\ud574\uc11c\ub294 F-4 \ub4f1\uc73c\ub85c\uc758 \uc790\uaca9 \ubcc0\uacbd\uc744 \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4.'\r\n ]\r\n },\r\n 'F-2': {\r\n title: '\uac70\uc8fc (F-2)',\r\n description: '\uc7a5\uae30 \uccb4\ub958\ub97c \uc704\ud55c \ube44\uc790\ub85c, \ud2b9\uc815 \uc694\uac74\uc744 \ucda9\uc871\ud558\ub294 F-2 \ube44\uc790 \uc18c\uc9c0\uc790\ub294 \uc694\uc591\ubcf4\ud638\uc0ac\ub85c \ucde8\uc5c5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.',\r\n details: [\r\n '<strong>\uc790\uaca9:<\/strong> \uc810\uc218\uc81c, \uc601\uc8fc\uad8c\uc790\uc758 \ubc30\uc6b0\uc790 \ub4f1 \ub2e4\uc591\ud55c \uc720\ud615\uc774 \uc788\uc73c\uba70, \uc720\ud615\uc5d0 \ub530\ub77c \ucde8\uc5c5 \uac00\ub2a5 \uc5ec\ubd80\uac00 \ub2e4\ub985\ub2c8\ub2e4.',\r\n '<strong>\ucde8\uc5c5:<\/strong> \ucd9c\uc785\uad6d\uad00\ub9ac\ubc95 \uc2dc\ud589\ub839\uc5d0 \uba85\uc2dc\ub41c F-2 \uc790\uaca9 \uc18c\uc9c0\uc790\ub294 \ucde8\uc5c5\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.',\r\n '<strong>\ud2b9\uc9d5:<\/strong> \ub2e4\ub978 \ube44\uc790\uc5d0\uc11c \ubcc0\uacbd\ud558\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc73c\uba70, \uc601\uc8fc\uad8c(F-5)\uc73c\ub85c \uac00\ub294 \uc9d5\uac80\ub2e4\ub9ac \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.'\r\n ]\r\n },\r\n 'D-10': {\r\n title: '\uad6c\uc9c1 (D-10)',\r\n description: '\uad6d\ub0b4\uc5d0\uc11c \uad6c\uc9c1 \ud65c\ub3d9\uc744 \ud558\ub294 \ub3d9\uc548 \uccb4\ub958\ud560 \uc218 \uc788\ub294 \ube44\uc790\uc785\ub2c8\ub2e4. \ud2b9\uc815 \uc870\uac74 \ud558\uc5d0 \uc694\uc591\ubcf4\ud638\uc0ac \ucde8\uc5c5\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.',\r\n details: [\r\n '<strong>\uc790\uaca9:<\/strong> \uad6d\ub0b4 \ub300\ud559 \uc878\uc5c5\uc790 \ub610\ub294 \ud574\uc678 \uc804\ubb38\ud559\uc0ac \uc774\uc0c1 \ud559\uc704 \uc18c\uc9c0\uc790 \ub4f1',\r\n '<strong>\ucde8\uc5c5:<\/strong> \uad6d\ub0b4 \uc804\ubb38\ub300 \uc774\uc0c1 \uc878\uc5c5\uc790\uac00 \uc694\uc591\ubcf4\ud638\uc0ac \uc790\uaca9\uc99d \ucde8\ub4dd \ud6c4, E-7(\ud2b9\uc815\ud65c\ub3d9) \ube44\uc790\ub85c \ubcc0\uacbd\ud558\uc5ec \ucde8\uc5c5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.',\r\n '<strong>\uc8fc\uc758:<\/strong> D-10 \uc0c1\ud0dc\ub85c\ub294 \uc9c1\uc811 \ucde8\uc5c5\uc774 \ubd88\uac00\ud558\uba70, \ubc18\ub4dc\uc2dc E-7 \ub4f1 \ucde8\uc5c5 \ube44\uc790\ub85c \ubcc0\uacbd\ud574\uc57c \ud569\ub2c8\ub2e4.'\r\n ]\r\n },\r\n 'D-2': {\r\n title: '\uc720\ud559\uc0dd (D-2)',\r\n description: '\uad6d\ub0b4 \ub300\ud559\uc5d0\uc11c \uc720\ud559 \uc911\uc778 \ud559\uc0dd\uc744 \uc704\ud55c \ube44\uc790\uc785\ub2c8\ub2e4. \uc878\uc5c5 \ud6c4 \uc694\uc591\ubcf4\ud638\uc0ac\ub85c \ucde8\uc5c5\ud560 \uc218 \uc788\ub294 \uacbd\ub85c\uac00 \uc2e0\uc124\ub418\uc5c8\uc2b5\ub2c8\ub2e4.',\r\n details: [\r\n '<strong>\uc790\uaca9:<\/strong> \uad6d\ub0b4 \uc804\ubb38\ub300\ud559 \uc774\uc0c1 \uad50\uc721\uae30\uad00\uc5d0 \uc7ac\ud559 \uc911\uc778 \uc678\uad6d\uc778',\r\n '<strong>\ucde8\uc5c5:<\/strong> \uc878\uc5c5 \ud6c4 \uc694\uc591\ubcf4\ud638\uc0ac \uc790\uaca9\uc99d\uacfc \ud55c\uad6d\uc5b4 \ub2a5\ub825 \ub4f1 \uc694\uac74\uc744 \uac16\ucd94\uba74 E-7(\ud2b9\uc815\ud65c\ub3d9) \ube44\uc790\ub85c \ubcc0\uacbd\ud558\uc5ec \ucde8\uc5c5 \uac00\ub2a5\ud569\ub2c8\ub2e4.',\r\n '<strong>\ud2b9\uc9d5:<\/strong> 2024\ub144 7\uc6d4\ubd80\ud130 \uc2dc\ud589\ub41c \uc2dc\ubc94 \uc0ac\uc5c5\uc73c\ub85c, \uc80a\uc740 \uc778\uc7ac\uc758 \uc694\uc591 \ubd84\uc57c \uc9c4\ucd9c\uc744 \uc7a5\ub824\ud569\ub2c8\ub2e4.'\r\n ]\r\n }\r\n };\r\n\r\n const tabVisa = document.getElementById('tab-visa');\r\n const tabNaturalization = document.getElementById('tab-naturalization');\r\n const contentVisa = document.getElementById('content-visa');\r\n const contentNaturalization = document.getElementById('content-naturalization');\r\n const visaSelector = document.getElementById('visa-selector');\r\n const visaDetailsContainer = document.getElementById('visa-details-container');\r\n \r\n \/\/ \uae30\uc874 \ud0ed \uc804\ud658 \ub85c\uc9c1 \uc81c\uac70, \uc2a4\ud06c\ub864 \uc774\ub3d9 \uae30\ub2a5\uc73c\ub85c \ub300\uccb4\r\n tabVisa.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n contentVisa.scrollIntoView({ behavior: 'smooth' });\r\n });\r\n tabNaturalization.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n contentNaturalization.scrollIntoView({ behavior: 'smooth' });\r\n });\r\n\r\n function displayVisaDetails(visaKey) {\r\n const visa = visaData[visaKey];\r\n if (!visa) return;\r\n \r\n let detailsHtml = `<h4 class=\"text-xl font-bold mb-2 text-blue-700\">${visa.title}<\/h4>`;\r\n detailsHtml += `<p class=\"mb-4 text-gray-700\">${visa.description}<\/p>`;\r\n detailsHtml += '<ul class=\"space-y-2 list-disc list-inside text-gray-600\">';\r\n visa.details.forEach(detail => {\r\n detailsHtml += `<li>${detail}<\/li>`;\r\n });\r\n detailsHtml += '<\/ul>';\r\n\r\n visaDetailsContainer.innerHTML = detailsHtml;\r\n\r\n document.querySelectorAll('#visa-selector button').forEach(btn => {\r\n btn.classList.remove('visa-btn-active');\r\n });\r\n document.querySelector(`button[data-visa='${visaKey}']`).classList.add('visa-btn-active');\r\n }\r\n\r\n Object.keys(visaData).forEach(key => {\r\n const button = document.createElement('button');\r\n button.dataset.visa = key;\r\n button.textContent = key;\r\n button.className = 'p-3 text-center rounded-md transition-colors duration-300 bg-gray-200 text-gray-700 hover:bg-blue-500 hover:text-white font-semibold';\r\n button.addEventListener('click', () => displayVisaDetails(key));\r\n visaSelector.appendChild(button);\r\n });\r\n\r\n displayVisaDetails('F-4');\r\n\r\n const ctx = document.getElementById('visaFreedomChart').getContext('2d');\r\n new Chart(ctx, {\r\n type: 'bar',\r\n data: {\r\n labels: ['F-6', 'F-4', 'F-2', 'H-2', 'E-7(\ubcc0\uacbd \ud6c4)'],\r\n datasets: [{\r\n label: '\ucde8\uc5c5 \ud65c\ub3d9 \uc790\uc720\ub3c4 (\ub192\uc744\uc218\ub85d \uc790\uc720\ub85c\uc6c0)',\r\n data: [100, 90, 70, 50, 40],\r\n backgroundColor: [\r\n 'rgba(59, 130, 246, 0.7)',\r\n 'rgba(96, 165, 250, 0.7)',\r\n 'rgba(147, 197, 253, 0.7)',\r\n 'rgba(191, 219, 254, 0.7)',\r\n 'rgba(219, 234, 254, 0.7)'\r\n ],\r\n borderColor: [\r\n 'rgba(59, 130, 246, 1)',\r\n 'rgba(96, 165, 250, 1)',\r\n 'rgba(147, 197, 253, 1)',\r\n 'rgba(191, 219, 254, 1)',\r\n 'rgba(219, 234, 254, 1)'\r\n ],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n indexAxis: 'y',\r\n scales: {\r\n x: {\r\n beginAtZero: true,\r\n max: 100,\r\n ticks: {\r\n callback: function(value) {\r\n return value + '%'\r\n }\r\n }\r\n }\r\n },\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.x !== null) {\r\n label += context.parsed.x + '%';\r\n }\r\n return label;\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>\uc678\uad6d\uc778 \uc694\uc591\ubcf4\ud638\uc0ac \ube44\uc790 \ubc0f \uad6d\uc801 \ucde8\ub4dd \uc548\ub0b4 \uc678\uad6d\uc778 \uc694\uc591\ubcf4\ud638\uc0ac \ucde8\uc5c5 \ubc0f \uad6d\uc801 \ucde8\ub4dd \ub300\ud55c\ubbfc\uad6d\uc5d0\uc11c\uc758 \uc0c8\ub85c\uc6b4 \uc2dc\uc791\uc744 \uc704\ud55c \ube44\uc790 \ubc0f \uadc0\ud654 \uc815\ubcf4 \uc694\uc591\ubcf4\ud638\uc0ac \ube44\uc790 \uc548\ub0b4 \ub300\ud55c\ubbfc\uad6d \uad6d\uc801 \ucde8\ub4dd \uc694\uc591\ubcf4\ud638\uc0ac \ucde8\uc5c5 \ube44\uc790 …<\/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-2914","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2914","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=2914"}],"version-history":[{"count":4,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2914\/revisions"}],"predecessor-version":[{"id":2918,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2914\/revisions\/2918"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}