{"id":2976,"date":"2025-09-03T08:26:52","date_gmt":"2025-09-02T23:26:52","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2976"},"modified":"2025-09-03T08:27:43","modified_gmt":"2025-09-02T23:27:43","slug":"%ed%9a%8c%ec%82%ac%eb%a9%b4%ec%a0%91%ea%b7%80%ed%99%94%eb%a9%b4%ec%a0%91%ec%8b%9c%ed%97%98","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2976","title":{"rendered":"\ud68c\uc0ac\uba74\uc811\uadc0\ud654\uba74\uc811\uc2dc\ud5d8"},"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\uc744 \uc704\ud55c \ud55c\uad6d \ucde8\uc5c5\/\uadc0\ud654 \uba74\uc811 \uac00\uc774\ub4dc<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n <!-- Chosen Palette: Warm Neutrals & Calm Green -->\r\n <!-- Application Structure Plan: A two-tab Single Page Application (SPA) structure was chosen to clearly separate the user's two primary goals: Job Interview and Naturalization Interview. This task-oriented design prevents information overload and allows users to focus on the content relevant to their specific needs. Navigation is handled by prominent buttons in the header, which toggle the visibility of the corresponding content sections. Within each section, information is organized into cards and interactive accordions for detailed topics like past questions, making complex information easily digestible. This structure prioritizes user flow and usability over mirroring the original report's linear format. -->\r\n <!-- Visualization & Content Choices: \r\n - Report Info: Job interview question trends -> Goal: Compare -> Viz: Horizontal Bar Chart -> Interaction: Hover tooltips -> Justification: Visually compares the frequency of different question categories, allowing users to prioritize their preparation. -> Library: Chart.js.\r\n - Report Info: Naturalization interview topic distribution -> Goal: Inform\/Compare -> Viz: Donut Chart -> Interaction: Hover tooltips -> Justification: Shows the proportional importance of different knowledge areas (history, culture, etc.) at a glance. -> Library: Chart.js.\r\n - Report Info: Past interview questions (both types) -> Goal: Organize\/Inform -> Presentation: Interactive Accordion -> Interaction: Click to expand\/collapse -> Justification: Presents a large number of Q&As in a compact, user-controlled format, preventing a long, overwhelming page scroll. -> Method: HTML\/CSS\/JS.\r\n - Report Info: Korean company culture -> Goal: Inform -> Presentation: Thematic Cards with Icons -> Interaction: Hover effects -> Justification: Breaks down abstract cultural concepts into visually distinct and memorable points. -> Method: HTML\/Tailwind CSS.\r\n -->\r\n <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\r\n <style>\r\n body { font-family: 'Noto Sans KR', sans-serif; background-color: #F9F7F3; }\r\n .nav-btn { transition: all 0.3s ease; }\r\n .nav-btn.active { background-color: #3A6B4C; color: white; }\r\n .nav-btn:not(.active) { background-color: #EAE8E2; color: #5a5a5a; }\r\n .content-section { display: none; }\r\n .content-section.active { display: block; }\r\n .accordion-header { cursor: pointer; transition: background-color 0.3s ease; }\r\n .accordion-header:hover { background-color: #f0ede9; }\r\n .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out; }\r\n .accordion-item.open .accordion-content { max-height: 500px; }\r\n .accordion-arrow { transition: transform 0.3s ease; }\r\n .accordion-item.open .accordion-arrow { transform: rotate(180deg); }\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 <\/style>\r\n<\/head>\r\n<body class=\"text-gray-800\">\r\n\r\n <header class=\"bg-white shadow-md sticky top-0 z-10\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-4\">\r\n <h1 class=\"text-2xl md:text-3xl font-bold text-center text-[#3A6B4C]\">\uc678\uad6d\uc778\uc744 \uc704\ud55c \ud55c\uad6d \uc0dd\ud65c \uc131\uacf5 \uac00\uc774\ub4dc<\/h1>\r\n <p class=\"text-center text-gray-500 mt-1\">\ucde8\uc5c5 \uba74\uc811\uacfc \uadc0\ud654 \uba74\uc811, \uc644\ubcbd\ud558\uac8c \uc900\ube44\ud558\uc138\uc694.<\/p>\r\n <nav class=\"flex justify-center space-x-2 sm:space-x-4 mt-4\">\r\n <button id=\"job-nav-btn\" class=\"nav-btn active text-sm sm:text-base font-bold py-2 px-4 sm:px-6 rounded-full shadow\">\ud83d\udcbc \ucde8\uc5c5 \uba74\uc811<\/button>\r\n <button id=\"nat-nav-btn\" class=\"nav-btn text-sm sm:text-base font-bold py-2 px-4 sm:px-6 rounded-full shadow\">\ud83c\uddf0\ud83c\uddf7 \uadc0\ud654 \uba74\uc811<\/button>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-8\">\r\n \r\n <section id=\"job-interview-section\" class=\"content-section active\">\r\n <div class=\"text-center mb-8\">\r\n <h2 class=\"text-3xl font-bold mb-2\">\ud68c\uc0ac \ucde8\uc5c5 \uba74\uc811 \uc900\ube44<\/h2>\r\n <p class=\"text-gray-600\">\uc131\uacf5\uc801\uc778 \ucde8\uc5c5\uc744 \uc704\ud55c \uccab\uac78\uc74c, \uba74\uc811 \uc900\ube44\uc758 \ubaa8\ub4e0 \uac83\uc744 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\r\n <h3 class=\"font-bold text-xl mb-3 text-[#3A6B4C]\">1. \ud68c\uc0ac\uc640 \ub098, \uad00\uacc4 \uc774\ud574\ud558\uae30<\/h3>\r\n <p class=\"text-gray-600\">\ud68c\uc0ac\ub294 \uc774\uc724 \ucd94\uad6c\ub97c \ubaa9\ud45c\ub85c \ud558\ub294 \uc870\uc9c1\uc774\uba70, \ub2f9\uc2e0\uc740 \ud68c\uc0ac\uc758 \ubaa9\ud45c \ub2ec\uc131\uc5d0 \uae30\uc5ec\ud558\uace0 \uadf8 \ub300\uac00\ub85c \uc131\uc7a5\uacfc \ubcf4\uc0c1\uc744 \uc5bb\ub294 \ud30c\ud2b8\ub108\uc785\ub2c8\ub2e4. \uba74\uc811\uc740 \uc774 \ud30c\ud2b8\ub108\uc2ed\uc758 \uac00\ub2a5\uc131\uc744 \ud655\uc778\ud558\ub294 \uc790\ub9ac\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\r\n <h3 class=\"font-bold text-xl mb-3 text-[#3A6B4C]\">2. \uba74\uc811 \uc2dc\ud5d8\uc758 \ud575\uc2ec<\/h3>\r\n <p class=\"text-gray-600\">\uba74\uc811\uad00\uc740 \ub2f9\uc2e0\uc758 \uc9c1\ubb34 \ub2a5\ub825, \uc778\uc131, \uadf8\ub9ac\uace0 \uc6b0\ub9ac \ud68c\uc0ac\uc640 \uc798 \ub9de\uc744\uc9c0\ub97c \uc885\ud569\uc801\uc73c\ub85c \ud3c9\uac00\ud569\ub2c8\ub2e4. \uc790\uc2e0\uac10 \uc788\uace0 \uc194\uc9c1\ud55c \ud0dc\ub3c4\ub85c \ub2f9\uc2e0\uc758 \uac15\uc810\uc744 \ubcf4\uc5ec\uc8fc\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\r\n <h3 class=\"font-bold text-xl mb-3 text-[#3A6B4C]\">3. \ud569\uaca9\uc744 \uc704\ud55c \ucd5c\uc885 TIP<\/h3>\r\n <p class=\"text-gray-600\">\ud68c\uc0ac\uc758 \ube44\uc804\uacfc \uc790\uc2e0\uc758 \ubaa9\ud45c\ub97c \uc5f0\uacb0\ud558\uc5ec \ub2f5\ubcc0\ud558\uc138\uc694. \ub9c8\uc9c0\ub9c9\uc73c\ub85c \ud558\uace0 \uc2f6\uc740 \ub9d0\uc5d0\uc11c \ud68c\uc0ac\uc5d0 \ub300\ud55c \uc5f4\uc815\uacfc \uae30\uc5ec \uc758\uc9c0\ub97c \ubcf4\uc5ec\uc8fc\ub294 \uac83\uc774 \uc88b\uc740 \uc778\uc0c1\uc744 \ub0a8\uae41\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg mt-8\">\r\n <h3 class=\"font-bold text-xl text-center mb-4 text-[#3A6B4C]\">\uba74\uc811 \uc9c8\ubb38 \ucd9c\uc81c \uacbd\ud5a5 \ubd84\uc11d<\/h3>\r\n <p class=\"text-center text-gray-600 mb-4\">\uba74\uc811\uc5d0\uc11c\ub294 \ub2e4\uc591\ud55c \uc720\ud615\uc758 \uc9c8\ubb38\uc774 \ub098\uc635\ub2c8\ub2e4. \uc544\ub798 \ucc28\ud2b8\ub97c \ud1b5\ud574 \uc5b4\ub5a4 \ubd80\ubd84\uc5d0 \uc9d1\uc911\ud574\uc11c \uc900\ube44\ud574\uc57c \ud560\uc9c0 \ud30c\uc545\ud574\ubcf4\uc138\uc694.<\/p>\r\n <div class=\"chart-container\">\r\n <canvas id=\"jobQuestionChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg mt-8\">\r\n <h3 class=\"font-bold text-xl mb-4 text-[#3A6B4C]\">\uae30\ucd9c \ubb38\uc81c \ubc0f \ub2f5\ubcc0 \uc694\ub839<\/h3>\r\n <div id=\"job-accordion\" class=\"space-y-2\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg mt-8\">\r\n <h3 class=\"font-bold text-xl text-center mb-6 text-[#3A6B4C]\">\uc990\uac70\uc6b4 \ud68c\uc0ac \uc0dd\ud65c\uc744 \uc704\ud55c \ud55c\uad6d \ud68c\uc0ac \ubb38\ud654<\/h3>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 text-center\">\r\n <div class=\"bg-green-50 p-4 rounded-lg\">\r\n <div class=\"text-4xl mb-2\">\ud83e\udd1d<\/div>\r\n <h4 class=\"font-bold\">\ud300\uc6cc\ud06c (Teamwork)<\/h4>\r\n <p class=\"text-sm text-gray-600\">\uac1c\uc778\uc758 \uc131\uacfc\ub3c4 \uc911\uc694\ud558\uc9c0\ub9cc, \ud55c\uad6d \ud68c\uc0ac\ub294 \ud300 \uc804\uccb4\uc758 \uc870\ud654\ub97c \ub9e4\uc6b0 \uc911\uc694\ud558\uac8c \uc0dd\uac01\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-green-50 p-4 rounded-lg\">\r\n <div class=\"text-4xl mb-2\">\ud83c\udf7b<\/div>\r\n <h4 class=\"font-bold\">\ud68c\uc2dd (Hoesik)<\/h4>\r\n <p class=\"text-sm text-gray-600\">\uc5c5\ubb34 \uc678 \uc2dc\uac04\uc5d0 \ub3d9\ub8cc\ub4e4\uacfc \uce5c\ubaa9\uc744 \ub2e4\uc9c0\ub294 \uc790\ub9ac\uc785\ub2c8\ub2e4. \ud300\uc758 \uc77c\uc6d0\uc73c\ub85c \ucc38\uc5ec\ud558\ub294 \ubaa8\uc2b5\uc744 \ubcf4\uc5ec\uc8fc\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"bg-green-50 p-4 rounded-lg\">\r\n <div class=\"text-4xl mb-2\">\ud83d\uddc2\ufe0f<\/div>\r\n <h4 class=\"font-bold\">\uc0c1\ud558 \uad00\uacc4 (Hierarchy)<\/h4>\r\n <p class=\"text-sm text-gray-600\">\uc9c1\uae09\uacfc \ub098\uc774\uc5d0 \ub530\ub978 \uc608\uc758\ub97c \uc911\uc2dc\ud569\ub2c8\ub2e4. '\ub2d8' \ud638\uce6d\uacfc \uc874\ub313\ub9d0 \uc0ac\uc6a9\uc740 \uae30\ubcf8\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-green-50 p-4 rounded-lg\">\r\n <div class=\"text-4xl mb-2\">\ud83d\udcca<\/div>\r\n <h4 class=\"font-bold\">\ubcf4\uace0 \ubb38\ud654 (Reporting)<\/h4>\r\n <p class=\"text-sm text-gray-600\">\uc5c5\ubb34 \uc9c4\ud589 \uc0c1\ud669\uc744 \uc911\uac04\uc911\uac04 \uc0c1\uc0ac\uc5d0\uac8c \ubcf4\uace0\ud558\uc5ec \ubc29\ud5a5\uc744 \ud655\uc778\ubc1b\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"naturalization-section\" class=\"content-section\">\r\n <div class=\"text-center mb-8\">\r\n <h2 class=\"text-3xl font-bold mb-2\">\uadc0\ud654 \uba74\uc811 \uc2dc\ud5d8 \uc900\ube44<\/h2>\r\n <p class=\"text-gray-600\">\ub300\ud55c\ubbfc\uad6d \uad6d\ubbfc\uc774 \ub418\uae30 \uc704\ud55c \ub9c8\uc9c0\ub9c9 \uad00\ubb38, \uadc0\ud654 \uba74\uc811\uc744 \ucca0\uc800\ud788 \uc900\ube44\ud574\ubd05\uc2dc\ub2e4.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\r\n <h3 class=\"font-bold text-xl mb-3 text-[#3A6B4C]\">\uadc0\ud654 \uba74\uc811\uc758 \ubaa9\uc801<\/h3>\r\n <p class=\"text-gray-600\">\uadc0\ud654 \uba74\uc811\uc740 \uc2e0\uccad\uc778\uc774 \ub300\ud55c\ubbfc\uad6d \uad6d\ubbfc\uc73c\ub85c\uc11c \uae30\ubcf8\uc801\uc778 \uc18c\uc591\uc744 \uac16\ucd94\uc5c8\ub294\uc9c0, \uadf8\ub9ac\uace0 \ud55c\uad6d \uc0ac\ud68c\uc5d0 \uc801\uc751\ud558\uace0 \ub300\ud55c\ubbfc\uad6d \uad6d\ubbfc\uacfc \uc870\ud654\ub86d\uac8c \uc0b4\uc544\uac08 \uc218 \uc788\ub294\uc9c0\ub97c \uc885\ud569\uc801\uc73c\ub85c \ud3c9\uac00\ud558\uae30 \uc704\ud574 \uc2e4\uc2dc\ub429\ub2c8\ub2e4. \ub2e8\uc21c\ud788 \uc9c0\uc2dd\uc744 \ubb3b\ub294 \uac83\uc744 \ub118\uc5b4, \ud55c\uad6d\uc5d0 \ub300\ud55c \uc560\uc815\uacfc \uc774\ud574\ub3c4\ub97c \ud655\uc778\ud558\ub294 \uacfc\uc815\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg mt-8\">\r\n <h3 class=\"font-bold text-xl text-center mb-4 text-[#3A6B4C]\">\uba74\uc811 \uc2dc\ud5d8 \uc8fc\uc81c \ubd84\ud3ec<\/h3>\r\n <p class=\"text-center text-gray-600 mb-4\">\uadc0\ud654 \uba74\uc811\uc5d0\uc11c\ub294 \uc560\uad6d\uac00\ubd80\ud130 \ud55c\uad6d\uc758 \uc5ed\uc0ac, \ubb38\ud654, \uc2dc\uc0ac\uae4c\uc9c0 \ub2e4\uc591\ud55c \ubd84\uc57c\uc758 \uc9c8\ubb38\uc774 \ucd9c\uc81c\ub429\ub2c8\ub2e4. \uac01 \uc8fc\uc81c\uc758 \uc911\uc694\ub3c4\ub97c \ud655\uc778\ud558\uace0 \ud559\uc2b5 \uacc4\ud68d\uc744 \uc138\uc6cc\ubcf4\uc138\uc694.<\/p>\r\n <div class=\"chart-container h-[350px] md:h-[400px]\">\r\n <canvas id=\"natTopicChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-6 rounded-xl shadow-lg mt-8\">\r\n <h3 class=\"font-bold text-xl mb-4 text-[#3A6B4C]\">\uc8fc\uc694 \uc8fc\uc81c\ubcc4 \ud575\uc2ec \uc815\ub9ac<\/h3>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <h4 class=\"font-semibold text-lg mb-2\">\ud83c\uddf0\ud83c\uddf7 \ub300\ud55c\ubbfc\uad6d \uc0c1\uc9d5<\/h4>\r\n <ul class=\"list-disc list-inside text-gray-600 space-y-1\">\r\n <li><b>\uad6d\uae30(\ud0dc\uadf9\uae30):<\/b> \ud770\uc0c9 \ubc14\ud0d5, \ud0dc\uadf9 \ubb38\uc591, 4\uad18(\uac74, \uace4, \uac10, \ub9ac)\uc758 \uc758\ubbf8<\/li>\r\n <li><b>\uad6d\uac00(\uc560\uad6d\uac00):<\/b> 1\uc808~4\uc808 \uc758\ubbf8 \uc774\ud574 \ubc0f \uc81c\ucc3d \ub2a5\ub825<\/li>\r\n <li><b>\uad6d\ud654(\ubb34\uad81\ud654):<\/b> '\uc601\uc6d0\ud788 \ud53c\uace0 \ub610 \ud53c\uc5b4\uc11c \uc9c0\uc9c0 \uc54a\ub294 \uaf43'\uc774\ub77c\ub294 \uc758\ubbf8<\/li>\r\n <li><b>\uad6d\uc0c8:<\/b> \uad6d\uac00\uc758 \uc911\uc694 \ubb38\uc11c\uc5d0 \uc0ac\uc6a9\ud558\ub294 \ub3c4\uc7a5<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold text-lg mb-2\">\ud83d\udcdc \uc5ed\uc0ac\uc640 \ubb38\ud654<\/h4>\r\n <ul class=\"list-disc list-inside text-gray-600 space-y-1\">\r\n <li><b>\uc8fc\uc694 \uc5ed\uc0ac\uc801 \uc0ac\uac74:<\/b> \uc0bc\uad6d\uc2dc\ub300, \uace0\ub824, \uc870\uc120, \uc77c\uc81c\uac15\uc810\uae30, 6.25 \uc804\uc7c1, \ubbfc\uc8fc\ud654 \uc6b4\ub3d9<\/li>\r\n <li><b>\uc8fc\uc694 \uba85\uc808:<\/b> \uc124\ub0a0, \ucd94\uc11d\uc758 \uc758\ubbf8\uc640 \ud48d\uc2b5<\/li>\r\n <li><b>\ubb38\ud654\uc720\uc0b0:<\/b> \uacbd\ubcf5\uad81, \uc11d\uad74\uc554, \ud55c\uae00 \ub4f1 \uc720\ub124\uc2a4\ucf54 \uc138\uacc4\uc720\uc0b0<\/li>\r\n <li><b>\ubbfc\uc8fc\uc8fc\uc758:<\/b> 4.19 \ud601\uba85, 5.18 \ubbfc\uc8fc\ud654 \uc6b4\ub3d9, 6\uc6d4 \ubbfc\uc8fc \ud56d\uc7c1\uc758 \uc758\uc758<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white p-6 rounded-xl shadow-lg mt-8\">\r\n <h3 class=\"font-bold text-xl mb-4 text-[#3A6B4C]\">\uae30\ucd9c \ubb38\uc81c \ubc0f \ub2f5\ubcc0 \uc694\ub839<\/h3>\r\n <div id=\"nat-accordion\" class=\"space-y-2\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer class=\"text-center py-6 mt-8 bg-gray-100\">\r\n <p class=\"text-gray-500 text-sm\">\ubcf8 \ud398\uc774\uc9c0\ub294 \ub300\ud55c\ubbfc\uad6d \uccb4\ub958 \uc678\uad6d\uc778\uc758 \uc131\uacf5\uc801\uc778 \uc815\ucc29\uc744 \uc751\uc6d0\ud569\ub2c8\ub2e4.<\/p>\r\n <\/footer>\r\n\r\n <div class=\"bg-white border-t border-gray-200 py-8 text-sm\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center text-center md:text-left space-y-4 md:space-y-0\">\r\n <div class=\"flex flex-col items-center md:items-start space-y-1\">\r\n <div class=\"flex items-center space-x-2\">\r\n <span class=\"text-lg font-bold text-orange-500\">VisaJobKorea<\/span>\r\n <span class=\"text-lg font-bold\">\ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/span>\r\n <\/div>\r\n <p class=\"text-gray-500\">\ud589\uc815\uc0ac\uc758 \uc804\ubb38\uc801\uc778 \uc9c0\uc2dd\uc73c\ub85c \ub3d5\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"flex-col items-center md:items-end space-y-1\">\r\n <div class=\"grid grid-cols-2 gap-x-8 gap-y-1 text-right\">\r\n <span class=\"text-gray-500\">\uc8fc\uc18c:<\/span>\r\n <span>\uacbd\uae30\ub3c4 \uace0\uc591\uc2dc \uc77c\uc0b0\ub3d9\uad6c \uc7a5\ud56d\ub3d9 895-1 \uc6b0\uc2e0\ud504\ub77c\uc790 505-2\ud638<\/span>\r\n <span class=\"text-gray-500\">\uc774\uba54\uc77c:<\/span>\r\n <span>jirunpeople@naver.com<\/span>\r\n <span class=\"text-gray-500\">\ud648\ud398\uc774\uc9c0:<\/span>\r\n <a href=\"http:\/\/www.jbgmna.com\" class=\"text-blue-600 hover:underline\">www.jbgmna.com<\/a>\r\n <span class=\"text-gray-500\">\uc804\ud654\ubc88\ud638:<\/span>\r\n <span>010-6584-0070<\/span>\r\n <span class=\"text-gray-500\">\ud329\uc2a4\ubc88\ud638:<\/span>\r\n <span>031-624-2738<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 mt-8 text-center text-gray-400\">\r\n <p>\u00a9 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\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n const jobNavBtn = document.getElementById('job-nav-btn');\r\n const natNavBtn = document.getElementById('nat-nav-btn');\r\n const jobSection = document.getElementById('job-interview-section');\r\n const natSection = document.getElementById('naturalization-section');\r\n const sections = [jobSection, natSection];\r\n const navBtns = [jobNavBtn, natNavBtn];\r\n\r\n function switchTab(activeIndex) {\r\n navBtns.forEach((btn, index) => {\r\n if (index === activeIndex) {\r\n btn.classList.add('active');\r\n } else {\r\n btn.classList.remove('active');\r\n }\r\n });\r\n sections.forEach((section, index) => {\r\n if (index === activeIndex) {\r\n section.classList.add('active');\r\n } else {\r\n section.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n jobNavBtn.addEventListener('click', () => switchTab(0));\r\n natNavBtn.addEventListener('click', () => switchTab(1));\r\n\r\n function createAccordionItem(id, question, answer) {\r\n return `\r\n <div class=\"accordion-item border rounded-lg overflow-hidden\">\r\n <div class=\"accordion-header flex justify-between items-center p-4 bg-gray-50\">\r\n <h4 class=\"font-semibold text-gray-700\">Q. ${question}<\/h4>\r\n <span class=\"accordion-arrow text-xl text-gray-500\">\u25bc<\/span>\r\n <\/div>\r\n <div class=\"accordion-content bg-white\">\r\n <div class=\"p-4 border-t\">\r\n <p class=\"text-gray-600\">${answer}<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n function setupAccordion(containerId) {\r\n const container = document.getElementById(containerId);\r\n container.addEventListener('click', function(event) {\r\n const header = event.target.closest('.accordion-header');\r\n if (header) {\r\n const item = header.parentElement;\r\n item.classList.toggle('open');\r\n }\r\n });\r\n }\r\n\r\n const jobQuestions = [\r\n { q: \"\uc790\uae30\uc18c\uac1c\ub97c \ud574\ubcf4\uc138\uc694.\", a: \"<b>\uc694\ub839:<\/b> 1\ubd84 \ub0b4\uc678\ub85c \uc790\uc2e0\uc758 \uac15\uc810\uacfc \uc9c1\ubb34 \uad00\ub828 \uacbd\ud5d8\uc744 \uc5f0\uacb0\ud558\uc5ec \uac04\uacb0\ud558\uac8c \ub9d0\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. '\uc800\ub294 OOO \uacbd\ud5d8\uc744 \ud1b5\ud574 OOO \uc5ed\ub7c9\uc744 \ud0a4\uc6e0\uc73c\uba70, \uc774\ub294 \uadc0\uc0ac\uc758 OOO \uc9c1\ubb34\uc5d0 \uae30\uc5ec\ud560 \uc218 \uc788\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.' \uc640 \uac19\uc740 \ud615\uc2dd\uc73c\ub85c \uc900\ube44\ud558\uc138\uc694.\" },\r\n { q: \"\uc6b0\ub9ac \ud68c\uc0ac\uc5d0 \uc9c0\uc6d0\ud55c \ub3d9\uae30\ub294 \ubb34\uc5c7\uc778\uac00\uc694?\", a: \"<b>\uc694\ub839:<\/b> \ud68c\uc0ac\uc5d0 \ub300\ud55c \ucda9\ubd84\ud55c \uc870\uc0ac\ub97c \ubc14\ud0d5\uc73c\ub85c \ub2f5\ubcc0\ud574\uc57c \ud569\ub2c8\ub2e4. \ud68c\uc0ac\uc758 \ube44\uc804, \uc81c\ud488\/\uc11c\ube44\uc2a4, \uc778\uc7ac\uc0c1 \ub4f1\uc744 \uc5b8\uae09\ud558\uba70 \uc790\uc2e0\uc758 \uac00\uce58\uad00\uacfc \ubd80\ud569\ud558\ub294 \uc810\uc744 \uc5b4\ud544\ud558\uc138\uc694. '\uadc0\uc0ac\uc758 OOO\uc774\ub77c\ub294 \ube44\uc804\uc5d0 \uae4a\uc774 \uacf5\uac10\ud588\uc73c\uba70, \uc800\uc758 OOO \uc5ed\ub7c9\uc73c\ub85c \ud568\uaed8 \uc131\uc7a5\ud558\uace0 \uc2f6\uc5b4 \uc9c0\uc6d0\ud588\uc2b5\ub2c8\ub2e4.' \ucc98\ub7fc \uad6c\uccb4\uc801\uc73c\ub85c \ub9d0\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.\" },\r\n { q: \"\uc790\uc2e0\uc758 \uc7a5\uc810\uacfc \ub2e8\uc810\uc740 \ubb34\uc5c7\uc778\uac00\uc694?\", a: \"<b>\uc694\ub839:<\/b> \uc7a5\uc810\uc740 \uc9c1\ubb34\uc640 \uad00\ub828\ub41c \uac83\uc73c\ub85c, \ub2e8\uc810\uc740 \uc194\uc9c1\ud558\uac8c \uc778\uc815\ud558\ub418 \uac1c\uc120 \ub178\ub825\uc744 \ud568\uaed8 \uc774\uc57c\uae30\ud574\uc57c \ud569\ub2c8\ub2e4. '\uc800\uc758 \ub2e8\uc810\uc740 OO\uc774\uc9c0\ub9cc, \uc774\ub97c \uac1c\uc120\ud558\uae30 \uc704\ud574 OO \ub178\ub825\uc744 \ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.' \uc640 \uac19\uc774 \uae0d\uc815\uc801\uc778 \ub9c8\ubb34\ub9ac\uac00 \uc911\uc694\ud569\ub2c8\ub2e4.\" },\r\n { q: \"\ub9c8\uc9c0\ub9c9\uc73c\ub85c \ud558\uace0 \uc2f6\uc740 \ub9d0\uc774 \uc788\ub098\uc694?\", a: \"<b>\uc694\ub839:<\/b> \ub9c8\uc9c0\ub9c9 \uae30\ud68c\uc785\ub2c8\ub2e4. \uba74\uc811\uc5d0 \ub300\ud55c \uac10\uc0ac \ud45c\uc2dc\uc640 \ud568\uaed8 \ud68c\uc0ac\uc5d0 \ub300\ud55c \uac15\ud55c \uc785\uc0ac \uc758\uc9c0\uc640 \uc5f4\uc815\uc744 \ub2e4\uc2dc \ud55c\ubc88 \uc5b4\ud544\ud558\uc138\uc694. '\uc624\ub298 \uadc0\ud55c \uc2dc\uac04\uc744 \ub0b4\uc5b4\uc8fc\uc154\uc11c \uac10\uc0ac\ud569\ub2c8\ub2e4. \ub9cc\uc57d \uc785\uc0ac \uae30\ud68c\uac00 \uc8fc\uc5b4\uc9c4\ub2e4\uba74, OOO \uc790\uc138\ub85c \ud68c\uc0ac \ubc1c\uc804\uc5d0 \uae30\uc5ec\ud558\uace0 \uc2f6\uc2b5\ub2c8\ub2e4.' \ucc98\ub7fc \ud3ec\ubd80\ub97c \ubcf4\uc5ec\uc8fc\uc138\uc694.\" }\r\n ];\r\n\r\n const natQuestions = [\r\n { q: \"\uc560\uad6d\uac00\ub97c 1\uc808 \ubd88\ub7ec\ubcf4\uc138\uc694.\", a: \"<b>\uc694\ub839:<\/b> \uc815\ud655\ud55c \uc74c\uc815\uacfc \uac00\uc0ac\ub85c \ubd80\ub974\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \ud3c9\uc18c\uc5d0 \uafb8\uc900\ud788 \ub4e3\uace0 \ub530\ub77c \ubd80\ub974\ub294 \uc5f0\uc2b5\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \ub2e8\uc21c\ud788 \uc678\uc6b0\ub294 \uac83\uc744 \ub118\uc5b4, \uac00\uc0ac\uc758 \uc758\ubbf8\ub97c \uc774\ud574\ud558\uace0 \ubd80\ub974\uba74 \ub354 \uc88b\uc740 \uc778\uc0c1\uc744 \uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\" },\r\n { q: \"\ub300\ud55c\ubbfc\uad6d\uc758 \uad6d\uacbd\uc77c 5\uac00\uc9c0\ub97c \ub9d0\ud574\ubcf4\uc138\uc694.\", a: \"<b>\uc694\ub839:<\/b> \uc0bc\uc77c\uc808(3.1), \uc81c\ud5cc\uc808(7.17), \uad11\ubcf5\uc808(8.15), \uac1c\ucc9c\uc808(10.3), \ud55c\uae00\ub0a0(10.9) \uc785\ub2c8\ub2e4. \uac01 \uad6d\uacbd\uc77c\uc758 \ub0a0\uc9dc\uc640 \uc758\ubbf8\ub97c \uc815\ud655\ud788 \uc54c\uace0 \uc788\uc5b4\uc57c \ud569\ub2c8\ub2e4.\" },\r\n { q: \"\ub3c5\ub3c4\ub294 \uc5b4\ub290 \ub098\ub77c \ub545\uc785\ub2c8\uae4c?\", a: \"<b>\uc694\ub839:<\/b> \ub9dd\uc124\uc784 \uc5c6\uc774 '\ub300\ud55c\ubbfc\uad6d \ub545\uc785\ub2c8\ub2e4.'\ub77c\uace0 \uc790\uc2e0\uc788\uac8c \ub300\ub2f5\ud574\uc57c \ud569\ub2c8\ub2e4. \uc5ed\uc0ac\uc801, \uc9c0\ub9ac\uc801, \uad6d\uc81c\ubc95\uc801\uc73c\ub85c \uc6b0\ub9ac \uc601\ud1a0\uc784\uc744 \uba85\ud655\ud788 \uc778\uc9c0\ud558\uace0 \uc788\ub2e4\ub294 \ud655\uc2e0\uc744 \ubcf4\uc5ec\uc8fc\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.\" },\r\n { q: \"\ub300\ud55c\ubbfc\uad6d \uad6d\ubbfc\uc758 4\ub300 \uc758\ubb34\ub294 \ubb34\uc5c7\uc778\uac00\uc694?\", a: \"<b>\uc694\ub839:<\/b> \uad6d\ubc29, \ub0a9\uc138, \uad50\uc721, \uadfc\ub85c\uc758 \uc758\ubb34\uc785\ub2c8\ub2e4. \uac01 \uc758\ubb34\uac00 \ubb34\uc5c7\uc744 \uc758\ubbf8\ud558\ub294\uc9c0 \uac04\ub2e8\ud788 \uc124\uba85\ud560 \uc218 \uc788\ub3c4\ub85d \uc900\ube44\ud558\uba74 \uc88b\uc2b5\ub2c8\ub2e4. \uc774\ub294 \uad6d\ubbfc\uc73c\ub85c\uc11c\uc758 \ucc45\uc784\uac10\uc744 \uc774\ud574\ud558\uace0 \uc788\uc74c\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\" }\r\n ];\r\n\r\n const jobAccordionContainer = document.getElementById('job-accordion');\r\n jobQuestions.forEach((item, i) => {\r\n jobAccordionContainer.innerHTML += createAccordionItem(`job-q-${i}`, item.q, item.a);\r\n });\r\n\r\n const natAccordionContainer = document.getElementById('nat-accordion');\r\n natQuestions.forEach((item, i) => {\r\n natAccordionContainer.innerHTML += createAccordionItem(`nat-q-${i}`, item.q, item.a);\r\n });\r\n\r\n setupAccordion('job-accordion');\r\n setupAccordion('nat-accordion');\r\n\r\n const jobChartCtx = document.getElementById('jobQuestionChart').getContext('2d');\r\n new Chart(jobChartCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: ['\uc778\uc131\/\uac00\uce58\uad00', '\uc9c1\ubb34 \uc804\ubb38\uc131', '\ud68c\uc0ac \uc774\ud574\ub3c4', '\uacbd\ud5d8\/\uacbd\ub825', '\ubb38\uc81c \ud574\uacb0 \ub2a5\ub825'],\r\n datasets: [{\r\n label: '\uc9c8\ubb38 \ube48\ub3c4',\r\n data: [30, 25, 20, 15, 10],\r\n backgroundColor: ['#6FB089', '#8BC34A', '#AED581', '#C5E1A5', '#DCEDC8'],\r\n borderColor: '#ffffff',\r\n borderWidth: 2\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: { display: false },\r\n title: { display: true, text: '\uba74\uc811 \uc9c8\ubb38 \uc720\ud615\ubcc4 \uc911\uc694\ub3c4' },\r\n tooltip: {\r\n callbacks: {\r\n label: function(context) {\r\n return ` ${context.raw}%`;\r\n }\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n beginAtZero: true,\r\n ticks: { callback: value => `${value}%` }\r\n }\r\n }\r\n }\r\n });\r\n\r\n const natChartCtx = document.getElementById('natTopicChart').getContext('2d');\r\n new Chart(natChartCtx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: ['\ub300\ud55c\ubbfc\uad6d \uc0c1\uc9d5', '\uc5ed\uc0ac', '\ubb38\ud654\/\uc0ac\ud68c', '\uc815\uce58\/\ubc95', '\uc2dc\uc0ac\/\uc77c\ubc18\uc0c1\uc2dd'],\r\n datasets: [{\r\n label: '\uc8fc\uc81c\ubcc4 \ucd9c\uc81c \ube44\uc911',\r\n data: [35, 25, 20, 15, 5],\r\n backgroundColor: ['#3A6B4C', '#6FB089', '#8BC34A', '#AED581', '#C5E1A5'],\r\n hoverOffset: 4\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { position: 'top' },\r\n title: { display: true, text: '\uadc0\ud654 \uba74\uc811 \uc8fc\uc81c\ubcc4 \ucd9c\uc81c \ube44\uc911' },\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 if (context.parsed !== null) {\r\n label += `${context.parsed}%`;\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\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\uc744 \uc704\ud55c \ud55c\uad6d \ucde8\uc5c5\/\uadc0\ud654 \uba74\uc811 \uac00\uc774\ub4dc \uc678\uad6d\uc778\uc744 \uc704\ud55c \ud55c\uad6d \uc0dd\ud65c \uc131\uacf5 \uac00\uc774\ub4dc \ucde8\uc5c5 \uba74\uc811\uacfc \uadc0\ud654 \uba74\uc811, \uc644\ubcbd\ud558\uac8c \uc900\ube44\ud558\uc138\uc694. \ud83d\udcbc \ucde8\uc5c5 \uba74\uc811 \ud83c\uddf0\ud83c\uddf7 \uadc0\ud654 \uba74\uc811 \ud68c\uc0ac \ucde8\uc5c5 \uba74\uc811 \uc900\ube44 \uc131\uacf5\uc801\uc778 \ucde8\uc5c5\uc744 …<\/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-2976","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2976","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=2976"}],"version-history":[{"count":4,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2976\/revisions"}],"predecessor-version":[{"id":2980,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2976\/revisions\/2980"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}