{"id":2989,"date":"2025-09-03T08:32:17","date_gmt":"2025-09-02T23:32:17","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2989"},"modified":"2025-09-03T09:03:59","modified_gmt":"2025-09-03T00:03:59","slug":"dream-path-%ec%bc%80%ec%96%b4%ec%97%85%ec%a2%85","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2989","title":{"rendered":"Dream Path \ucf00\uc5b4\uc5c5\uc885"},"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 \uc720\ud559\uc0dd \ubc0f \uac70\uc8fc\uc790\ub97c \uc704\ud55c \uc694\uc591\uae30\uad00 \uc885\uc0ac \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 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: Warm Neutral Harmony -->\r\n <!-- Application Structure Plan: A single-page application with a sticky top navigation for easy access to thematic sections (Certification, Terminology, Rules, Contact). The core interaction is a filterable grid for professional terms, allowing users to focus on specific study categories. This structure enhances usability by providing both a clear overview and focused learning paths, which is more effective for digesting dense information than a simple linear document. -->\r\n <!-- Visualization & Content Choices: \r\n - Report Info: Exam subject breakdown -> Goal: Inform -> Viz\/Presentation: Chart.js Donut Chart -> Interaction: Hover tooltips -> Justification: Visually simplifies the exam's structure and focus areas, making it easier to grasp than text alone.\r\n - Report Info: 30+ professional terms -> Goal: Organize & Teach -> Viz\/Presentation: Interactive Card Grid -> Interaction: Category filtering via buttons -> Justification: Transforms a long, static list into an engaging, manageable learning tool, which is crucial for the target audience.\r\n - Report Info: General text content -> Goal: Inform -> Viz\/Presentation: Structured HTML\/Tailwind sections with icons -> Interaction: None -> Justification: Clean, readable layout for static information.\r\n -->\r\n <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\r\n <style>\r\n body {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n }\r\n .chart-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n height: 300px;\r\n max-height: 400px;\r\n }\r\n @media (min-width: 768px) {\r\n .chart-container {\r\n height: 400px;\r\n }\r\n }\r\n .nav-link {\r\n transition: color 0.3s, border-bottom-color 0.3s;\r\n }\r\n .nav-link:hover, .nav-link.active {\r\n color: #0d9488; \r\n border-bottom-color: #0d9488;\r\n }\r\n .filter-btn {\r\n transition: background-color 0.3s, color 0.3s;\r\n }\r\n .filter-btn.active {\r\n background-color: #0d9488;\r\n color: white;\r\n }\r\n \/* Custom styles for the terminology card text, replacing the image *\/\r\n .term-card-placeholder {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 128px; \/* Same as the previous image height *\/\r\n background-color: #f5f5f4;\r\n border-radius: 0.375rem;\r\n margin-bottom: 1rem;\r\n text-align: center;\r\n }\r\n .term-card-placeholder h4 {\r\n font-size: 1.5rem; \/* Large font size for visibility *\/\r\n font-weight: 700;\r\n color: #333333;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-stone-50 text-stone-800\">\r\n\r\n <header class=\"bg-white\/80 backdrop-blur-lg sticky top-0 z-50 shadow-sm\">\r\n <nav class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex items-center justify-between h-16\">\r\n <div class=\"flex-shrink-0\">\r\n <a href=\"#home\" class=\"text-2xl font-bold text-teal-700\">\ucf00\uc5b4 \uac00\uc774\ub4dc<\/a>\r\n <\/div>\r\n <div class=\"hidden md:block\">\r\n <div class=\"ml-10 flex items-baseline space-x-4\">\r\n <a href=\"#certification\" class=\"nav-link text-stone-600 px-3 py-2 rounded-md text-sm font-medium border-b-2 border-transparent\">\uc790\uaca9\uc99d \ucde8\ub4dd<\/a>\r\n <a href=\"#terminology\" class=\"nav-link text-stone-600 px-3 py-2 rounded-md text-sm font-medium border-b-2 border-transparent\">\uc804\ubb38 \uc6a9\uc5b4<\/a>\r\n <a href=\"#rules\" class=\"nav-link text-stone-600 px-3 py-2 rounded-md text-sm font-medium border-b-2 border-transparent\">\ud589\ub3d9 \uaddc\uce59<\/a>\r\n <a href=\"#contact\" class=\"nav-link text-stone-600 px-3 py-2 rounded-md text-sm font-medium border-b-2 border-transparent\">\ubb38\uc758 \ubc0f \uc0c1\ub2f4<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:hidden\">\r\n <button id=\"mobile-menu-button\" class=\"inline-flex items-center justify-center p-2 rounded-md text-stone-500 hover:text-teal-700 hover:bg-stone-100 focus:outline-none\">\r\n <span class=\"sr-only\">Open main menu<\/span>\r\n <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n <div id=\"mobile-menu\" class=\"md:hidden hidden\">\r\n <div class=\"px-2 pt-2 pb-3 space-y-1 sm:px-3\">\r\n <a href=\"#certification\" class=\"block nav-link text-stone-600 px-3 py-2 rounded-md text-base font-medium\">\uc790\uaca9\uc99d \ucde8\ub4dd<\/a>\r\n <a href=\"#terminology\" class=\"block nav-link text-stone-600 px-3 py-2 rounded-md text-base font-medium\">\uc804\ubb38 \uc6a9\uc5b4<\/a>\r\n <a href=\"#rules\" class=\"block nav-link text-stone-600 px-3 py-2 rounded-md text-base font-medium\">\ud589\ub3d9 \uaddc\uce59<\/a>\r\n <a href=\"#contact\" class=\"block nav-link text-stone-600 px-3 py-2 rounded-md text-base font-medium\">\ubb38\uc758 \ubc0f \uc0c1\ub2f4<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <section id=\"home\" class=\"bg-white py-20 sm:py-24\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <h1 class=\"text-2xl sm:text-4xl font-bold text-stone-800 tracking-tight\">\uc678\uad6d\uc778 \uc720\ud559\uc0dd \ubc0f \uac70\uc8fc\uc790\ub97c \uc704\ud55c<br class=\"sm:hidden\"><span class=\"text-teal-700\"> \uc694\uc591\ubcf4\ud638\uc0ac \ucde8\uc5c5 \uac00\uc774\ub4dc<\/span><\/h1>\r\n <p class=\"mt-6 text-lg text-stone-600 max-w-2xl mx-auto\">\ud55c\uad6d\uc5d0\uc11c\uc758 \uc0c8\ub85c\uc6b4 \ucd9c\ubc1c\uc744 \uc751\uc6d0\ud569\ub2c8\ub2e4. \uc694\uc591\ubcf4\ud638\uc0ac\uac00 \ub418\uae30 \uc704\ud55c \ubaa8\ub4e0 \uc815\ubcf4\uc640 \ud301\uc744 \uc774\uacf3\uc5d0\uc11c \ud655\uc778\ud558\uace0, \uc5ec\ub7ec\ubd84\uc758 \uc131\uacf5\uc801\uc778 \ucee4\ub9ac\uc5b4\ub97c \uc2dc\uc791\ud558\uc138\uc694.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"certification\" class=\"py-20 sm:py-24\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold tracking-tight\">\uc694\uc591\ubcf4\ud638\uc0ac \uc790\uaca9\uc99d \ucde8\ub4dd\uc758 \ubaa8\ub4e0 \uac83<\/h2>\r\n <p class=\"mt-4 text-lg text-stone-600\">\uc790\uaca9\uc99d \ucde8\ub4dd \uacfc\uc815\ubd80\ud130 \uc2dc\ud5d8 \ud569\uaca9 \uc804\ub7b5\uae4c\uc9c0, \ud575\uc2ec \uc815\ubcf4\ub97c \uc548\ub0b4\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n <div>\r\n <h3 class=\"text-2xl font-semibold mb-4\">\uc2dc\ud5d8 \uc900\ube44\uc640 \ud569\uaca9 \uc804\ub7b5<\/h3>\r\n <p class=\"mb-4 text-stone-700\">\uc694\uc591\ubcf4\ud638\uc0ac \uc790\uaca9\uc99d \uc2dc\ud5d8\uc740 \ud544\uae30(\uac1d\uad00\uc2dd)\uc640 \uc2e4\uae30\ub85c \uad6c\uc131\ub418\uba70, \uac01 \uacfc\ubaa9 60\uc810 \uc774\uc0c1 \ub4dd\uc810 \uc2dc \ud569\uaca9\uc785\ub2c8\ub2e4. \ucd5c\uadfc\uc5d0\ub294 \uc2e4\uc81c \uc5c5\ubb34 \uc0c1\ud669\uc744 \uac00\uc815\ud55c \uc0ac\ub840\ud615 \ubb38\uc81c\uc758 \ube44\uc911\uc774 \ub192\uc544\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <div class=\"space-y-4\">\r\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-stone-200\">\r\n <h4 class=\"font-bold text-teal-700\">\ud544\uae30 \uc2dc\ud5d8 \ucd9c\uc81c \uacbd\ud5a5<\/h4>\r\n <ul class=\"list-disc list-inside mt-2 text-stone-600\">\r\n <li><b>\uc694\uc591\ubcf4\ud638 \uac1c\ub860:<\/b> \uc5ed\ud560, \uc9c1\uc5c5 \uc724\ub9ac, \uc81c\ub3c4 \ub4f1 \uae30\ucd08 \uc9c0\uc2dd<\/li>\r\n <li><b>\uc694\uc591\ubcf4\ud638 \uac15\ub860:<\/b> \ub178\uc778 \ud2b9\uc131, \uce58\ub9e4, \ub178\uc778\ud559\ub300 \uc608\ubc29 \ub4f1 \uc2e4\uc81c \ub3cc\ubd04 \uae30\uc220<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-stone-200\">\r\n <h4 class=\"font-bold text-teal-700\">\uc2e4\uae30 \uc2dc\ud5d8 \ucd9c\uc81c \uacbd\ud5a5<\/h4>\r\n <ul class=\"list-disc list-inside mt-2 text-stone-600\">\r\n <li><b>\uc0c1\ud669 \ud310\ub2e8:<\/b> \ud2b9\uc815 \uc0c1\ud669\uc5d0\uc11c\uc758 \uc62c\ubc14\ub978 \ub300\ucc98 \ubc29\ubc95<\/li>\r\n <li><b>\uc808\ucc28 \uc774\ud574:<\/b> \uc2e0\uccb4 \ud65c\ub3d9 \uc9c0\uc6d0, \ud658\uacbd \uad00\ub9ac \ub4f1 \uc815\ud574\uc9c4 \uc21c\uc11c<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"bg-white p-6 rounded-lg shadow-md border border-stone-200\">\r\n <h3 class=\"text-2xl font-semibold mb-4 text-center\">\uc2dc\ud5d8 \uacfc\ubaa9\ubcc4 \ucd9c\uc81c \ubb38\ud56d \uc218 (\uc608\uc2dc)<\/h3>\r\n <div class=\"chart-container\">\r\n <canvas id=\"examChart\"><\/canvas>\r\n <\/div>\r\n <p class=\"text-center mt-4 text-sm text-stone-500\">\uc2e4\uc81c \uc2dc\ud5d8\uc5d0\uc11c\ub294 \ud544\uae30\uc640 \uc2e4\uae30 \uc2dc\ud5d8\uc774 \ud1b5\ud569\ub418\uc5b4 \ucd1d 80\ubb38\ud56d\uc73c\ub85c \uc9c4\ud589\ub429\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"terminology\" class=\"py-20 sm:py-24 bg-white\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold tracking-tight\">\uc694\uc591\uae30\uad00 \uc804\ubb38 \uc6a9\uc5b4 & \uc0dd\ud65c \uc815\ubcf4<\/h2>\r\n <p class=\"mt-4 text-lg text-stone-600\">\uc131\uacf5\uc801\uc778 \uc5c5\ubb34 \uc801\uc751\uc744 \uc704\ud574 \ud544\uc218\uc801\uc778 \uc804\ubb38 \uc6a9\uc5b4\ub4e4\uc744 \uce74\ud14c\uace0\ub9ac\ubcc4\ub85c \ud559\uc2b5\ud574\ubcf4\uc138\uc694.<\/p>\r\n <\/div>\r\n <div id=\"filter-buttons\" class=\"flex flex-wrap justify-center gap-2 mb-8\">\r\n <button class=\"filter-btn active px-4 py-2 text-sm font-medium border border-stone-300 rounded-full\" data-filter=\"all\">\uc804\uccb4\ubcf4\uae30<\/button>\r\n <button class=\"filter-btn px-4 py-2 text-sm font-medium border border-stone-300 rounded-full\" data-filter=\"physical\">\uc2e0\uccb4\ud65c\ub3d9 \uc9c0\uc6d0<\/button>\r\n <button class=\"filter-btn px-4 py-2 text-sm font-medium border border-stone-300 rounded-full\" data-filter=\"daily\">\uc77c\uc0c1\uc0dd\ud65c \uc9c0\uc6d0<\/button>\r\n <button class=\"filter-btn px-4 py-2 text-sm font-medium border border-stone-300 rounded-full\" data-filter=\"dementia\">\uce58\ub9e4 \uad00\ub9ac<\/button>\r\n <button class=\"filter-btn px-4 py-2 text-sm font-medium border border-stone-300 rounded-full\" data-filter=\"ethics\">\ubc95\uaddc \ubc0f \uc724\ub9ac<\/button>\r\n <\/div>\r\n <div id=\"terminology-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"rules\" class=\"py-20 sm:py-24\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold tracking-tight\">\ud589\ub3d9 \uaddc\uce59 \ubc0f \uc8fc\uc758\uc0ac\ud56d<\/h2>\r\n <p class=\"mt-4 text-lg text-stone-600\">\uc131\uacf5\uc801\uc778 \uc9c1\uc7a5 \uc0dd\ud65c\uc744 \uc704\ud574 \ubc18\ub4dc\uc2dc \uc54c\uc544\uc57c \ud560 \ud55c\uad6d\uc758 \ubb38\ud654\uc640 \ubc95\uaddc\uc785\ub2c8\ub2e4.<\/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-6 rounded-lg shadow-sm border border-stone-200\">\r\n <h3 class=\"text-xl font-semibold mb-3 text-red-600 flex items-center\"><span class=\"text-2xl mr-2\">\u26a0\ufe0f<\/span>\ub178\uc778\ubcf5\uc9c0\ubc95\uacfc \ub178\uc778\ud559\ub300<\/h3>\r\n <p class=\"text-stone-700\">\ud55c\uad6d\uc758 \ub178\uc778\ubcf5\uc9c0\ubc95\uc740 \ub178\uc778\ud559\ub300\ub85c\ubd80\ud130 \uc5b4\ub974\uc2e0\uc744 \ubcf4\ud638\ud558\ub294 \uac15\ub825\ud55c \ubc95\ub960\uc785\ub2c8\ub2e4. \uc694\uc591\ubcf4\ud638\uc0ac\ub294 \ub178\uc778\ud559\ub300 \uc2e0\uace0\uc758\ubb34\uc790\uc774\uba70, \ud559\ub300 \ubc1c\uc0dd \uc2dc \uc989\uc2dc \uc2e0\uace0\ud574\uc57c \ud569\ub2c8\ub2e4. \uc5b4\ub974\uc2e0\uacfc\uc758 \uac08\ub4f1 \ubc1c\uc0dd \uc2dc, \uac10\uc815\uc801 \ub300\ucc98\ubcf4\ub2e4 \uae30\uad00 \ucc45\uc784\uc790\uc5d0\uac8c \ubcf4\uace0\ud558\uace0 \ub3c4\uc6c0\uc744 \uc694\uccad\ud558\ub294 \uac83\uc774 \uc548\uc804\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-lg shadow-sm border border-stone-200\">\r\n <h3 class=\"text-xl font-semibold mb-3 text-blue-600 flex items-center\"><span class=\"text-2xl mr-2\">\ud83d\udde3\ufe0f<\/span>\ud55c\uad6d\uc5b4 \ub2a5\ub825\uc758 \uc911\uc694\uc131<\/h3>\r\n <p class=\"text-stone-700\">\uc5b4\ub974\uc2e0\uacfc\uc758 \uc6d0\ud65c\ud55c \uc18c\ud1b5\uc740 \uc2e0\ub8b0 \uad00\uacc4\uc758 \ud575\uc2ec\uc785\ub2c8\ub2e4. \ub3d9\ub8cc \ubc0f \uc0c1\uc0ac\uc640\uc758 \ud611\ub825\uc744 \uc704\ud574\uc11c\ub3c4 \ud544\uc218\uc801\uc785\ub2c8\ub2e4. \uafb8\uc900\ud55c \ud55c\uad6d\uc5b4 \ud559\uc2b5\uc740 \uc5c5\ubb34 \ub9cc\uc871\ub3c4\uc640 \uc9c1\uc5c5 \uc131\uc7a5\uc5d0 \ud070 \ub3c4\uc6c0\uc774 \ub418\uba70, \ucde8\uc5c5 \ubc0f \ube44\uc790 \ubcc0\uacbd\uc5d0\ub3c4 \uc911\uc694\ud55c \uc694\uc18c\ub85c \uc791\uc6a9\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-12 bg-teal-50 border-l-4 border-teal-500 text-teal-800 p-6 rounded-r-lg max-w-4xl mx-auto\">\r\n <h4 class=\"font-bold text-lg mb-2\">\ucd5c\uc2e0 \uc815\ubcf4 \uc694\uc57d (2025\ub144 \uae30\uc900)<\/h4>\r\n <p class=\"text-sm\">2025\ub144 \uc2dc\ud5d8\uc740 \uc8fc\uc911 \uc0c1\uc2dc \uc2dc\ud589\ub418\uba70, \uc77c\ubd80 \uc6d4\uc5d0 \ud55c\ud574 \ud1a0\uc694\uc77c \uc2dc\ud5d8\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc6d0\uc11c \uc811\uc218\ub294 \uc2dc\ud5d8\uc7a5\uc18c\ubcc4\ub85c \uc77c\uc815\uc774 \ub2e4\ub974\ub2c8 \uc0ac\uc804 \ud655\uc778\uc774 \ud544\uc218\uc785\ub2c8\ub2e4. \ud2b9\ud788, \uad6d\ub0b4 \ub300\ud559 \uc878\uc5c5 \uc678\uad6d\uc778 \uc720\ud559\uc0dd\uc740 \uc694\uc591\ubcf4\ud638\uc0ac \uc790\uaca9\uc99d \ucde8\ub4dd \ubc0f TOPIK 3\uae09 \uc774\uc0c1 \ub4f1\uc758 \uc694\uac74\uc744 \uac16\ucd94\uba74 \ud2b9\uc815\ud65c\ub3d9(E-7) \ube44\uc790\ub85c \ubcc0\uacbd\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Updated Contact Section and Footer based on user's request -->\r\n <section id=\"contact\" class=\"py-20 sm:py-24 bg-stone-100 text-stone-800\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"bg-white rounded-lg shadow-xl p-8 max-w-4xl mx-auto\">\r\n <!-- Flex container for the two-column layout -->\r\n <div class=\"flex flex-col md:flex-row items-start justify-between\">\r\n <!-- Left column for the logo\/title -->\r\n <div class=\"flex flex-col items-center md:items-start mb-8 md:mb-0 md:w-1\/3 text-center md:text-left\">\r\n <h3 class=\"text-2xl font-bold text-yellow-600 mb-1\">Dream Path \ub4dc\ub9bc\ud328\uc2a4<\/h3>\r\n <p class=\"text-xl font-semibold text-stone-800\">\ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/p>\r\n <\/div>\r\n <!-- Right column for contact details with icons -->\r\n <div class=\"space-y-3 md:w-2\/3 md:ml-12 text-center md:text-left\">\r\n <p><span class=\"inline-block w-6 text-yellow-600\">\ud83c\udfe0<\/span> <strong>\uc8fc\uc18c:<\/strong> \uacbd\uae30\ub3c4 \uace0\uc591\uc2dc \uc77c\uc0b0\ub3d9\uad6c \uc7a5\ud56d\ub3d9 895-1 \uc6b0\uc2e0\ud504\ub77c\uc790 505-2\ud638<\/p>\r\n <p><span class=\"inline-block w-6 text-yellow-600\">\ud83d\udcde<\/span> <strong>\uc804\ud654:<\/strong> 010-6584-0070<\/p>\r\n <p><span class=\"inline-block w-6 text-yellow-600\">\ud83d\udce0<\/span> <strong>\ud329\uc2a4:<\/strong> 031-624-2738<\/p>\r\n <p><span class=\"inline-block w-6 text-yellow-600\">\u2709\ufe0f<\/span> <strong>\uba54\uc77c:<\/strong> jirunpeople@naver.com<\/p>\r\n <p><span class=\"inline-block w-6 text-yellow-600\">\ud83c\udf10<\/span> <strong>\ud648\ud53c:<\/strong> <a href=\"http:\/\/www.jbgmna.com\" target=\"_blank\" class=\"text-blue-600 hover:underline\">www.jbgmna.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Updated Footer -->\r\n <footer class=\"bg-stone-200 text-stone-600 py-4\">\r\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 text-center text-sm\">\r\n <p>Copyright © 2024 VisaJobKorea. All rights reserved.<\/p>\r\n <p class=\"mt-2 text-xs\">\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 <\/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\r\n mobileMenuButton.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n });\r\n \r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n if (mobileMenu.classList.contains('hidden') === false) {\r\n mobileMenu.classList.add('hidden');\r\n }\r\n document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n\r\n const examCtx = document.getElementById('examChart').getContext('2d');\r\n const examChart = new Chart(examCtx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: ['\uc694\uc591\ubcf4\ud638\ub860 (\uc774\ub860)', '\uc694\uc591\ubcf4\ud638 \uac01\ub860 (\uc2e4\ubb34)', '\uc2e4\uae30'],\r\n datasets: [{\r\n label: '\ucd9c\uc81c \ubb38\ud56d \uc218',\r\n data: [15, 20, 45],\r\n backgroundColor: [\r\n 'rgba(20, 184, 166, 0.7)',\r\n 'rgba(15, 118, 110, 0.7)',\r\n 'rgba(13, 148, 136, 0.7)'\r\n ],\r\n borderColor: [\r\n 'rgb(20, 184, 166)',\r\n 'rgb(15, 118, 110)',\r\n 'rgb(13, 148, 136)'\r\n ],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: {\r\n position: 'top',\r\n },\r\n tooltip: {\r\n callbacks: {\r\n label: function(context) {\r\n let label = context.label || '';\r\n if (label) {\r\n label += ': ';\r\n }\r\n if (context.parsed !== null) {\r\n label += context.parsed + '\ubb38\ud56d';\r\n }\r\n return label;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n });\r\n \r\n \/\/ \ud55c\uae00 \uc804\ubb38\uc6a9\uc5b4\ub85c \uad50\uccb4\ud55c \ub370\uc774\ud130\r\n const terminologyData = [\r\n { term: '\uccb4\uc704 \ubcc0\uacbd', description: '\uc695\ucc3d \uc608\ubc29\uc744 \uc704\ud574 \uc694\uc591 \ub300\uc0c1\uc790\uc758 \uc790\uc138\ub97c \uc8fc\uae30\uc801\uc73c\ub85c \ubc14\uafb8\uc5b4\uc8fc\ub294 \ud589\uc704\uc785\ub2c8\ub2e4.', category: 'physical' },\r\n { term: '\uc695\ucc3d', description: '\uc9c0\uc18d\uc801\uc778 \uc555\ubc15\uc73c\ub85c \uc778\ud574 \ud53c\ubd80 \uc870\uc9c1\uc774 \uad34\uc0ac\ub418\ub294 \uc0c1\ucc98\uc785\ub2c8\ub2e4.', category: 'physical' },\r\n { term: '\uc5f0\ud558\uace4\ub780', description: '\uc74c\uc2dd\uc744 \uc0bc\ud0a4\ub294 \ub370 \uc5b4\ub824\uc6c0\uc744 \uacaa\ub294 \uc99d\uc0c1\uc785\ub2c8\ub2e4. \uc0bc\ud0b4\uc7a5\uc560\ub77c\uace0\ub3c4 \ud569\ub2c8\ub2e4.', category: 'physical' },\r\n { term: '\uad6c\uac15 \uc704\uc0dd', description: '\uad6c\uac15\uc758 \uccad\uacb0\uc744 \uc720\uc9c0\ud558\uace0 \uac10\uc5fc\uc744 \uc608\ubc29\ud558\ub294 \ud65c\ub3d9\uc785\ub2c8\ub2e4.', category: 'physical' },\r\n { term: '\uacbd\uad00 \uc601\uc591', description: '\uc785\uc73c\ub85c \uc2dd\uc0ac\ud558\uae30 \uc5b4\ub824\uc6b4 \ub300\uc0c1\uc790\uc5d0\uac8c \ud29c\ube0c\ub97c \ud1b5\ud574 \uc601\uc591\ubd84\uc744 \uacf5\uae09\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'physical' },\r\n { term: '\uad00\uc808 \uad6c\ucd95', description: '\uad00\uc808\uc774 \uad73\uc5b4\uc838 \uc6c0\uc9c1\uc784\uc5d0 \uc81c\ud55c\uc774 \uc0dd\uae30\ub294 \uc0c1\ud0dc\uc785\ub2c8\ub2e4.', category: 'physical' },\r\n { term: '\ud761\uc778', description: '\uc74c\uc2dd\ubb3c\uc774\ub098 \uc774\ubb3c\uc9c8\uc774 \uae30\ub3c4\ub85c \ub118\uc5b4\uac00\ub294 \ud604\uc0c1\uc785\ub2c8\ub2e4.', category: 'physical' },\r\n { term: '\ub9c8\ube44', description: '\uc2e0\uccb4 \uc77c\ubd80\uc758 \uc6b4\ub3d9 \uae30\ub2a5 \ub610\ub294 \uac10\uac01\uc744 \uc0c1\uc2e4\ud55c \uc0c1\ud0dc\uc785\ub2c8\ub2e4.', category: 'physical' },\r\n { term: '\uc640\uc0c1 \uc0c1\ud0dc', description: '\uc9c8\ubcd1\uc774\ub098 \ubd80\uc0c1\uc73c\ub85c \uc778\ud574 \uc624\uc9c1 \uce68\ub300\uc5d0\uc11c\ub9cc \uc0dd\ud65c\ud558\ub294 \uc0c1\ud0dc\uc785\ub2c8\ub2e4.', category: 'daily' },\r\n { term: '\ubcf4\ud589 \ubcf4\uc870', description: '\uc9c0\ud321\uc774\ub098 \ubcf4\ud589\uae30 \ub4f1 \ubcf4\uc870\uae30\uad6c\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub300\uc0c1\uc790\uac00 \uc548\uc804\ud558\uac8c \uac78\uc744 \uc218 \uc788\ub3c4\ub85d \ub3d5\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'daily' },\r\n { term: '\ub099\uc0c1 \uc608\ubc29', description: '\ub118\uc5b4\uc838\uc11c \ub2e4\uce58\ub294 \uac83\uc744 \ub9c9\uae30 \uc704\ud55c \ubaa8\ub4e0 \ud65c\ub3d9\uc785\ub2c8\ub2e4.', category: 'daily' },\r\n { term: '\uc2dd\uc0ac \ubcf4\uc870', description: '\ud63c\uc790\uc11c \uc2dd\uc0ac\ud558\uae30 \ud798\ub4e0 \ub300\uc0c1\uc790\ub97c \ub3c4\uc640\uc8fc\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'daily' },\r\n { term: '\uac1c\uc778 \uc704\uc0dd', description: '\uc138\uc218, \ubaa9\uc695, \uc637 \uac08\uc544\uc785\uae30 \ub4f1 \uac1c\uc778\uc758 \uccad\uacb0 \uc720\uc9c0\ub97c \ub3d5\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'daily' },\r\n { term: '\ubc30\uc124 \ubcf4\uc870', description: '\ud654\uc7a5\uc2e4 \uc774\uc6a9, \uae30\uc800\uadc0 \uad50\ud658 \ub4f1 \ubc30\uc124 \ud65c\ub3d9\uc744 \ub3d5\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'daily' },\r\n { term: '\uc758\uc0ac\uc18c\ud1b5', description: '\uc694\uc591 \ub300\uc0c1\uc790\uc640 \ud6a8\uacfc\uc801\uc73c\ub85c \ub300\ud654\ud558\uace0 \uac10\uc815\uc744 \uad50\ud658\ud558\ub294 \uae30\uc220\uc785\ub2c8\ub2e4.', category: 'daily' },\r\n { term: '\ud658\uacbd \uad00\ub9ac', description: '\uc694\uc591 \ub300\uc0c1\uc790\uac00 \ud3b8\uc548\ud558\uace0 \uc548\uc804\ud558\uac8c \uc0dd\ud65c\ud560 \uc218 \uc788\ub3c4\ub85d \uc8fc\ubcc0 \ud658\uacbd\uc744 \uc815\ub9ac\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'daily' },\r\n { term: '\ubc30\ud68c', description: '\uce58\ub9e4 \ud658\uc790\uac00 \ubaa9\uc801\uc9c0 \uc5c6\uc774 \uc815\ucc98 \uc5c6\uc774 \ub5a0\ub3c4\ub294 \ud589\ub3d9\uc785\ub2c8\ub2e4.', category: 'dementia' },\r\n { term: '\uc9c0\ub0a8\ub825 \uc0c1\uc2e4', description: '\uc2dc\uac04, \uc7a5\uc18c, \uc0ac\ub78c\uc744 \uc81c\ub300\ub85c \uc54c\uc544\ubcf4\uc9c0 \ubabb\ud558\ub294 \uc0c1\ud0dc\uc785\ub2c8\ub2e4.', category: 'dementia' },\r\n { term: '\uc778\uc9c0 \uc790\uadf9 \ud6c8\ub828', description: '\uae30\uc5b5\ub825, \ud310\ub2e8\ub825 \ub4f1 \uc778\uc9c0 \uae30\ub2a5\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\ub294 \ud65c\ub3d9\uc785\ub2c8\ub2e4.', category: 'dementia' },\r\n { term: '\ub9dd\uc0c1', description: '\uc0ac\uc2e4\uc774 \uc544\ub2cc \uac83\uc744 \uc9c4\uc9dc\ub77c\uace0 \uad73\uac8c \ubbff\ub294 \uc99d\uc0c1\uc785\ub2c8\ub2e4.', category: 'dementia' },\r\n { term: '\ud658\uac01', description: '\uc2e4\uc81c\ub85c\ub294 \uc5c6\ub294 \uac83\uc744 \ubcf4\uac70\ub098 \ub4e3\ub294 \ub4f1\uc758 \uc99d\uc0c1\uc744 \uacaa\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'dementia' },\r\n { term: '\uc218\uba74 \uc7a5\uc560', description: '\uc7a0\ub4e4\uae30 \uc5b4\ub835\uac70\ub098 \uc790\uc8fc \uae68\uace0, \ub108\ubb34 \uc77c\ucc0d \uae68\ub294 \ub4f1\uc758 \uc99d\uc0c1\uc785\ub2c8\ub2e4.', category: 'dementia' },\r\n { term: '\ubc18\ubcf5 \ud589\ub3d9', description: '\uac19\uc740 \uc9c8\ubb38\uc744 \ubc18\ubcf5\ud558\uac70\ub098 \uac19\uc740 \ud589\ub3d9\uc744 \ub418\ud480\uc774\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'dementia' },\r\n { term: '\uacf5\uaca9\uc801 \ud589\ub3d9', description: '\uac11\uc790\uae30 \ud654\ub97c \ub0b4\uac70\ub098 \ud3ed\ub825\uc801\uc778 \ud589\ub3d9\uc744 \ubcf4\uc774\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'dementia' },\r\n { term: '\ub178\uc778 \ud559\ub300', description: '\ub178\uc778\uc5d0\uac8c \uc2e0\uccb4\uc801, \uc815\uc11c\uc801, \uc131\uc801, \uacbd\uc81c\uc801 \uace0\ud1b5\uc774\ub098 \ud574\ub97c \uac00\ud558\ub294 \ud589\uc704\uc785\ub2c8\ub2e4.', category: 'ethics' },\r\n { term: '\ub3c5\uac70\ub178\uc778', description: '\uac00\uc871 \uc5c6\uc774 \ud63c\uc790 \uc0dd\ud65c\ud558\ub294 \ub178\uc778\uc744 \uc77c\uceeb\uc2b5\ub2c8\ub2e4.', category: 'ethics' },\r\n { term: '\uc874\uc5c4\uc0ac', description: '\ud68c\ubcf5 \uac00\ub2a5\uc131\uc774 \uc5c6\ub294 \ud658\uc790\uac00 \uc0dd\uba85 \uc5f0\uc7a5 \uce58\ub8cc\ub97c \uc911\ub2e8\ud558\uace0 \uc790\uc5f0\uc2a4\ub7ec\uc6b4 \uc8fd\uc74c\uc744 \ub9de\uc774\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'ethics' },\r\n { term: '\ube44\ubc00 \uc720\uc9c0 \uc758\ubb34', description: '\uc5c5\ubb34 \uc911 \uc54c\uac8c \ub41c \uc694\uc591 \ub300\uc0c1\uc790\uc758 \uac1c\uc778 \uc815\ubcf4\ub97c \uc678\ubd80\uc5d0 \ub204\uc124\ud558\uc9c0 \uc54a\uc744 \uc758\ubb34\uc785\ub2c8\ub2e4.', category: 'ethics' },\r\n { term: '\uc790\uae30 \uacb0\uc815\uad8c \uc874\uc911', description: '\uc694\uc591 \ub300\uc0c1\uc790\uac00 \uc790\uc2e0\uc758 \uc0b6\uc5d0 \ub300\ud574 \uc2a4\uc2a4\ub85c \uacb0\uc815\ud560 \uad8c\ub9ac\ub97c \uc874\uc911\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'ethics' },\r\n { term: '\uc804\ubb38\uc9c1 \uc724\ub9ac', description: '\uc694\uc591\ubcf4\ud638\uc0ac\uac00 \uc9c0\ucf1c\uc57c \ud560 \uc804\ubb38\uac00\ub85c\uc11c\uc758 \ud589\ub3d9 \uaddc\ubc94 \ubc0f \uac00\uce58\uc785\ub2c8\ub2e4.', category: 'ethics' },\r\n { term: '\uc2e0\uccb4 \uad6c\uc18d', description: '\ub300\uc0c1\uc790\uc758 \uc6c0\uc9c1\uc784\uc744 \uc5b5\uc81c\ud558\uae30 \uc704\ud574 \ubab8\uc744 \ubb36\uac70\ub098 \uc81c\ud55c\ud558\ub294 \ud589\uc704\uc785\ub2c8\ub2e4. \ucd5c\uc18c\ud654\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.', category: 'ethics' },\r\n { term: '\uae30\ub85d \ubc0f \ubcf4\uace0', description: '\uc694\uc591 \ub300\uc0c1\uc790\uc758 \uc0c1\ud0dc \ubcc0\ud654\uc640 \uc81c\uacf5\ud55c \uc11c\ube44\uc2a4 \ub0b4\uc6a9\uc744 \uc815\ud655\ud558\uac8c \uae30\ub85d\ud558\uace0 \uae30\uad00\uc5d0 \ubcf4\uace0\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.', category: 'ethics' }\r\n ];\r\n\r\n const grid = document.getElementById('terminology-grid');\r\n const filterButtons = document.querySelectorAll('.filter-btn');\r\n\r\n function renderTerms(filter = 'all') {\r\n grid.innerHTML = '';\r\n const filteredData = filter === 'all' ? terminologyData : terminologyData.filter(item => item.category === filter);\r\n\r\n filteredData.forEach(item => {\r\n const card = document.createElement('div');\r\n card.className = 'bg-stone-50 border border-stone-200 rounded-lg p-4 shadow-sm transform hover:-translate-y-1 transition-transform duration-300';\r\n card.innerHTML = `\r\n <div class=\"term-card-placeholder\">\r\n <h4>${item.term}<\/h4>\r\n <\/div>\r\n <h4 class=\"font-bold text-lg text-teal-800\">${item.term}<\/h4>\r\n <p class=\"text-stone-600 text-sm mt-1\">${item.description}<\/p>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n }\r\n\r\n filterButtons.forEach(button => {\r\n button.addEventListener('click', () => {\r\n filterButtons.forEach(btn => btn.classList.remove('active'));\r\n button.classList.add('active');\r\n renderTerms(button.dataset.filter);\r\n });\r\n });\r\n\r\n renderTerms();\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 \uc720\ud559\uc0dd \ubc0f \uac70\uc8fc\uc790\ub97c \uc704\ud55c \uc694\uc591\uae30\uad00 \uc885\uc0ac \uac00\uc774\ub4dc \ucf00\uc5b4 \uac00\uc774\ub4dc \uc790\uaca9\uc99d \ucde8\ub4dd \uc804\ubb38 \uc6a9\uc5b4 \ud589\ub3d9 \uaddc\uce59 \ubb38\uc758 \ubc0f \uc0c1\ub2f4 Open main menu \uc790\uaca9\uc99d \ucde8\ub4dd \uc804\ubb38 \uc6a9\uc5b4 \ud589\ub3d9 \uaddc\uce59 \ubb38\uc758 \ubc0f …<\/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-2989","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2989","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=2989"}],"version-history":[{"count":7,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2989\/revisions"}],"predecessor-version":[{"id":3005,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2989\/revisions\/3005"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}