{"id":2984,"date":"2025-09-03T08:30:40","date_gmt":"2025-09-02T23:30:40","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2984"},"modified":"2025-09-03T08:31:32","modified_gmt":"2025-09-02T23:31:32","slug":"dream-path-%ec%a7%81%ec%97%85%ec%86%8c%ea%b0%9c%ec%86%8c","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2984","title":{"rendered":"Dream Path \uc9c1\uc5c5\uc18c\uac1c\uc18c"},"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 Dream Path - \ub2f9\uc2e0\uc758 \ud55c\uad6d \ucde8\uc5c5 \ud30c\ud2b8\ub108<\/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 <style>\r\n body {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background-color: #FDFBF7;\r\n color: #333333;\r\n }\r\n .nav-link, .scroll-link {\r\n transition: color 0.3s, transform 0.2s;\r\n }\r\n .nav-link:hover, .scroll-link:hover {\r\n color: #4A7C59;\r\n transform: translateY(-2px);\r\n }\r\n .section-title {\r\n color: #4A4A4A;\r\n }\r\n .process-step {\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n .process-step:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n }\r\n .chart-container {\r\n position: relative;\r\n width: 100%;\r\n height: 300px;\r\n }\r\n @media (min-width: 768px) {\r\n .chart-container {\r\n height: 400px;\r\n }\r\n }\r\n\r\n .process-grid {\r\n position: relative;\r\n }\r\n\r\n .process-grid::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 100%;\r\n background-color: #ddd;\r\n z-index: 0;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .process-grid::before {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-[#FDFBF7]\">\r\n\r\n <!-- \ud5e4\ub354 \ubc0f \ub0b4\ube44\uac8c\uc774\uc158 -->\r\n <header id=\"header\" class=\"bg-white\/80 backdrop-blur-sm sticky top-0 z-50 shadow-sm\">\r\n <nav class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\r\n <a href=\"#\" class=\"text-2xl font-bold text-[#6B9080]\">Dream Path<\/a>\r\n <div class=\"hidden md:flex space-x-8\">\r\n <a href=\"#about\" class=\"nav-link text-gray-700\">\uc18c\uac1c<\/a>\r\n <a href=\"#services\" class=\"nav-link text-gray-700\">\ud575\uc2ec \uc11c\ube44\uc2a4<\/a>\r\n <a href=\"#process\" class=\"nav-link text-gray-700\">\ud504\ub85c\uc138\uc2a4<\/a>\r\n <a href=\"#insights\" class=\"nav-link text-gray-700\">\ucde8\uc5c5 \uac00\uc774\ub4dc<\/a>\r\n <a href=\"#contact\" class=\"nav-link text-gray-700\">\uc0c1\ub2f4 \uc2e0\uccad<\/a>\r\n <\/div>\r\n <button id=\"mobile-menu-button\" class=\"md:hidden text-gray-700 focus:outline-none\">\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 shadow-lg\">\r\n <a href=\"#about\" class=\"block py-2 px-6 text-sm text-gray-700 hover:bg-gray-100\">\uc18c\uac1c<\/a>\r\n <a href=\"#services\" class=\"block py-2 px-6 text-sm text-gray-700 hover:bg-gray-100\">\ud575\uc2ec \uc11c\ube44\uc2a4<\/a>\r\n <a href=\"#process\" class=\"block py-2 px-6 text-sm text-gray-700 hover:bg-gray-100\">\ud504\ub85c\uc138\uc2a4<\/a>\r\n <a href=\"#insights\" class=\"block py-2 px-6 text-sm text-gray-700 hover:bg-gray-100\">\ucde8\uc5c5 \uac00\uc774\ub4dc<\/a>\r\n <a href=\"#contact\" class=\"block py-2 px-6 text-sm text-gray-700 hover:bg-gray-100\">\uc0c1\ub2f4 \uc2e0\uccad<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <!-- \ud788\uc5b4\ub85c \uc139\uc158 -->\r\n <section class=\"relative bg-gray-100 py-24 md:py-32 flex items-center justify-center text-center overflow-hidden\">\r\n <!-- \ubc30\uacbd \uadf8\ub77c\ub370\uc774\uc158 \ubc0f \ud6a8\uacfc -->\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-[#EAE7DC] via-[#E4DBC5] to-[#D8C7A4] opacity-75\"><\/div>\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <h1 class=\"text-4xl md:text-6xl font-bold text-gray-800 mb-4 animate-fade-in-up\">\ub2f9\uc2e0\uc758 \uafc8, \ud55c\uad6d\uc5d0\uc11c\uc758 \uc0c8\ub85c\uc6b4 \uc2dc\uc791<\/h1>\r\n <p class=\"text-lg md:text-2xl text-gray-600 animate-fade-in-up delay-200\">\ub4dc\ub9bc\ud328\uc2a4\uac00 \ud569\ubc95\uc801\uc778 \uc678\uad6d\uc778 \uc804\ubb38 \ucde8\uc5c5 \uae38\uc744 \ud568\uaed8 \uc5f4\uc5b4\uac11\ub2c8\ub2e4.<\/p>\r\n <a href=\"#contact\" class=\"mt-8 inline-block bg-[#6B9080] text-white font-bold py-3 px-8 rounded-full shadow-lg hover:bg-[#4A7C59] transition-colors animate-fade-in-up delay-400 scroll-link\">\r\n \uc9c0\uae08 \ubc14\ub85c \uc0c1\ub2f4 \uc2e0\uccad\ud558\uae30\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \ud68c\uc0ac \uc18c\uac1c \uc139\uc158 -->\r\n <section id=\"about\" class=\"py-20\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-6\">\ub4dc\ub9bc\ud328\uc2a4\ub294 \ub204\uad6c\uc778\uac00?<\/h2>\r\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600 leading-relaxed\">\r\n \ub4dc\ub9bc\ud328\uc2a4\ub294 \ud55c\uad6d \ucde8\uc5c5\uc744 \ud76c\ub9dd\ud558\ub294 \uc678\uad6d\uc778\uc744 \uc704\ud55c \uc804\ubb38 \uc9c1\uc5c5\uc18c\uac1c\uc18c\uc785\ub2c8\ub2e4. \ud569\ubc95\uc801\uc778 \ube44\uc790\ub97c \uac00\uc9c4 \uc678\uad6d\uc778(D-10, F-4, H-2 \ub4f1)\ubd80\ud130 \ub300\ud55c\ubbfc\uad6d \uad6d\uc801\uc790\uc640 \uacb0\ud63c\ud55c \uc774\uc8fc\ubbfc, \uc720\ud559\uc0dd, \uc7ac\uc678\ub3d9\ud3ec\uae4c\uc9c0, \ud55c\uad6d\uc5d0\uc11c \uc0c8\ub85c\uc6b4 \uacbd\ub825\uc744 \uc313\uace0\uc790 \ud558\ub294 \ubaa8\ub4e0 \ubd84\ub4e4\uc744 \uc704\ud55c \uae38\uc7a1\uc774\uac00 \ub418\uc5b4 \ub4dc\ub9bd\ub2c8\ub2e4. \ubd88\ubc95 \uccb4\ub958\uc790\uac00 \uc544\ub2cc, \uc624\uc9c1 \ud569\ubc95\uc801\uc778 \uc808\ucc28\ub97c \ud1b5\ud574 \uc548\uc815\uc801\uc778 \ucde8\uc5c5\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \ud575\uc2ec \uc11c\ube44\uc2a4 \uc139\uc158 -->\r\n <section id=\"services\" class=\"py-20 bg-white shadow-inner\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">\uc131\uacf5\uc801\uc778 \uc815\ucc29\uc744 \uc704\ud55c \ud1a0\ud0c8 \uc194\ub8e8\uc158<\/h2>\r\n <p class=\"text-lg text-gray-600\">\uc6b0\ub9ac\ub294 \ub2e8\uc21c\ud788 \uc77c\uc790\ub9ac\ub97c \uc18c\uac1c\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n <div class=\"bg-gray-50 p-8 rounded-2xl shadow-md text-center hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl mb-4 text-[#6B9080] transition-transform duration-300 transform group-hover:scale-110\">\ud83e\udd1d<\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\ub9de\ucda4\ud615 \ucde8\uc5c5 \ucee8\uc124\ud305<\/h3>\r\n <p class=\"text-gray-600\">\uac1c\uc778\uc758 \uc804\uacf5, \uacbd\ub825, \ud76c\ub9dd \uc9c1\ubb34\ub97c \ubd84\uc11d\ud558\uc5ec \ucd5c\uc801\uc758 \uc77c\uc790\ub9ac\ub97c \uc81c\uc548\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-8 rounded-2xl shadow-md text-center hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl mb-4 text-[#6B9080]\">\ud83d\udcc4<\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\uc11c\ub958 \ubc0f \ube44\uc790 \uc9c0\uc6d0<\/h3>\r\n <p class=\"text-gray-600\">\ubcf5\uc7a1\ud55c \ube44\uc790 \uc11c\ub958 \uc900\ube44\uc640 \ucde8\uc5c5 \ube44\uc790 \uac31\uc2e0 \uc808\ucc28\ub97c \uc804\ubb38\uac00\uac00 \ub3c4\uc640\ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-8 rounded-2xl shadow-md text-center hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl mb-4 text-[#6B9080]\">\ud83c\udf10<\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\ud604\uc9c0 \ubb38\ud654 \uc801\uc751 \uad50\uc721<\/h3>\r\n <p class=\"text-gray-600\">\ud55c\uad6d\uc758 \uc9c1\uc7a5 \ubb38\ud654, \uc5d0\ud2f0\ucf13, \uc0dd\ud65c \ubc29\uc2dd\uc5d0 \ub300\ud55c \uc720\uc6a9\ud55c \uc815\ubcf4\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-8 rounded-2xl shadow-md text-center hover:shadow-xl transition-shadow\">\r\n <div class=\"text-4xl mb-4 text-[#6B9080]\">\ud83d\udcbc<\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\ucc44\uc6a9 \ud6c4 \uc0ac\ud6c4 \uad00\ub9ac<\/h3>\r\n <p class=\"text-gray-600\">\ucde8\uc5c5 \ud6c4 \ubc1c\uc0dd\ud560 \uc218 \uc788\ub294 \ubb38\uc81c\uc5d0 \ub300\ud55c \uc0c1\ub2f4\uacfc \uc870\uc5b8\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \ucde8\uc5c5 \ud504\ub85c\uc138\uc2a4 \uc139\uc158 -->\r\n <section id=\"process\" 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 md:text-4xl font-bold section-title mb-4\">\ub4dc\ub9bc\ud328\uc2a4 \ucde8\uc5c5 \ud504\ub85c\uc138\uc2a4<\/h2>\r\n <p class=\"text-lg text-gray-600\">\uc0c1\ub2f4\ubd80\ud130 \ucc44\uc6a9\uae4c\uc9c0, \ubaa8\ub4e0 \uacfc\uc815\uc744 \ud568\uaed8\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"process-grid grid md:grid-cols-5 gap-y-12 md:gap-8\">\r\n <!-- \ud504\ub85c\uc138\uc2a4 \ub2e8\uacc4 1 -->\r\n <div class=\"process-step bg-white p-6 rounded-2xl shadow-lg text-center relative z-10 md:w-full\">\r\n <div class=\"text-3xl font-bold text-[#6B9080] mb-2\">1<\/div>\r\n <h3 class=\"font-bold mb-2\">1:1 \uc0c1\ub2f4 \ubc0f \uad6c\uc9c1 \uc694\uccad<\/h3>\r\n <p class=\"text-sm text-gray-600\">\uc628\/\uc624\ud504\ub77c\uc778 \uc0c1\ub2f4\uc744 \ud1b5\ud574 \ud76c\ub9dd \uc9c1\uc885, \ube44\uc790 \uc0c1\ud0dc \ub4f1 \uc815\ubcf4\ub97c \uacf5\uc720\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <!-- \ud504\ub85c\uc138\uc2a4 \ub2e8\uacc4 2 -->\r\n <div class=\"process-step bg-white p-6 rounded-2xl shadow-lg text-center relative z-10 md:w-full\">\r\n <div class=\"text-3xl font-bold text-[#6B9080] mb-2\">2<\/div>\r\n <h3 class=\"font-bold mb-2\">\ub9de\ucda4\ud615 \uc77c\uc790\ub9ac \ub9e4\uce6d<\/h3>\r\n <p class=\"text-sm text-gray-600\">\uc804\ubb38 \ucee8\uc124\ud134\ud2b8\uac00 \ucd5c\uc801\uc758 \ucc44\uc6a9 \uacf5\uace0\ub97c \uc120\ubcc4\ud558\uc5ec \uc81c\uc2dc\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <!-- \ud504\ub85c\uc138\uc2a4 \ub2e8\uacc4 3 -->\r\n <div class=\"process-step bg-white p-6 rounded-2xl shadow-lg text-center relative z-10 md:w-full\">\r\n <div class=\"text-3xl font-bold text-[#6B9080] mb-2\">3<\/div>\r\n <h3 class=\"font-bold mb-2\">\uc11c\ub958 \ubc0f \uba74\uc811 \uc9c0\uc6d0<\/h3>\r\n <p class=\"text-sm text-gray-600\">\uc774\ub825\uc11c \uac80\ud1a0 \ubc0f \ud55c\uad6d \uae30\uc5c5 \ubb38\ud654\uc5d0 \ub9de\ub294 \uba74\uc811 \uc900\ube44\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <!-- \ud504\ub85c\uc138\uc2a4 \ub2e8\uacc4 4 -->\r\n <div class=\"process-step bg-white p-6 rounded-2xl shadow-lg text-center relative z-10 md:w-full\">\r\n <div class=\"text-3xl font-bold text-[#6B9080] mb-2\">4<\/div>\r\n <h3 class=\"font-bold mb-2\">\ucd5c\uc885 \ucc44\uc6a9 \ubc0f \ube44\uc790 \uc9c0\uc6d0<\/h3>\r\n <p class=\"text-sm text-gray-600\">\ud569\uaca9 \ud6c4, \ud569\ubc95\uc801 \ucde8\uc5c5\uc744 \uc704\ud55c \ubaa8\ub4e0 \ud589\uc815 \uc808\ucc28\ub97c \ud568\uaed8 \uc9c4\ud589\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <!-- \ud504\ub85c\uc138\uc2a4 \ub2e8\uacc4 5 -->\r\n <div class=\"process-step bg-white p-6 rounded-2xl shadow-lg text-center relative z-10 md:w-full\">\r\n <div class=\"text-3xl font-bold text-[#6B9080] mb-2\">5<\/div>\r\n <h3 class=\"font-bold mb-2\">\uc0c8\ub85c\uc6b4 \uc2dc\uc791<\/h3>\r\n <p class=\"text-sm text-gray-600\">\uc131\uacf5\uc801\uc778 \ucde8\uc5c5 \ud6c4 \uc548\uc815\uc801\uc778 \uc815\ucc29\uc744 \uc704\ud574 \uc9c0\uc18d\uc801\uc73c\ub85c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \ucde8\uc5c5 \uac00\uc774\ub4dc \uc139\uc158 -->\r\n <section id=\"insights\" class=\"py-20 bg-white shadow-inner\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">\uc131\uacf5 \ucde8\uc5c5\uc744 \uc704\ud55c \ud544\uc218 \uac00\uc774\ub4dc<\/h2>\r\n <p class=\"text-lg text-gray-600\">\ud55c\uad6d\uc758 \uc0b0\uc5c5 \uad6c\uc870\uc640 \ucc44\uc6a9 \ud2b8\ub80c\ub4dc\ub97c \ud55c\ub208\uc5d0 \ud30c\uc545\ud558\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n <div class=\"bg-gray-50 p-6 rounded-lg shadow-md\">\r\n <h3 class=\"text-2xl font-bold text-center mb-4\">\uc678\uad6d\uc778 \uc120\ud638 \uc9c1\uc5c5\uad70<\/h3>\r\n <div class=\"chart-container\">\r\n <canvas id=\"jobSectorsChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-6 rounded-lg shadow-md\">\r\n <h3 class=\"text-2xl font-bold text-center mb-4\">\uc678\uad6d\uc778 \ucc44\uc6a9 \ud575\uc2ec \uc870\uac74<\/h3>\r\n <div class=\"chart-container\">\r\n <canvas id=\"hiringConditionsChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-12 bg-gray-50 p-8 rounded-lg shadow-md\">\r\n <h3 class=\"text-2xl font-bold text-center mb-6\">\uc9c0\uc5ed\ubcc4 \uc8fc\uc694 \uc0b0\uc5c5<\/h3>\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-6 text-center\">\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#6B9080]\">\uc11c\uc6b8<\/h4>\r\n <p class=\"text-gray-600\">IT, \uae08\uc735, \uc2a4\ud0c0\ud2b8\uc5c5<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#6B9080]\">\uacbd\uae30<\/h4>\r\n <p class=\"text-gray-600\">IT, \ubc18\ub3c4\uccb4, \ucca8\ub2e8\uc81c\uc870\uc5c5<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#6B9080]\">\uc778\ucc9c<\/h4>\r\n <p class=\"text-gray-600\">\ubb3c\ub958, \ud56d\uacf5, \uad6d\uc81c\ubb34\uc5ed<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#6B9080]\">\uacbd\ub0a8<\/h4>\r\n <p class=\"text-gray-600\">\uc870\uc120, \uae30\uacc4, \ud56d\uacf5\uc6b0\uc8fc<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#6B9080]\">\uc6b8\uc0b0<\/h4>\r\n <p class=\"text-gray-600\">\uc790\ub3d9\ucc28, \uc11d\uc720\ud654\ud559, \uc911\uacf5\uc5c5<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#6B9080]\">\uacbd\ubd81<\/h4>\r\n <p class=\"text-gray-600\">\uc804\uc790, \ucca0\uac15, \uc2a4\ub9c8\ud2b8\ud31c<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#6B9080]\">\uac15\uc6d0<\/h4>\r\n <p class=\"text-gray-600\">\uad00\uad11, \ud5ec\uc2a4\ucf00\uc5b4, \ubc14\uc774\uc624\uc0b0\uc5c5<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#6B9080]\">\ubd80\uc0b0<\/h4>\r\n <p class=\"text-gray-600\">\ud574\uc591, \ubb3c\ub958, \uad6d\uc81c\ubb34\uc5ed<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#6B9080]\">\uc804\ub77c<\/h4>\r\n <p class=\"text-gray-600\">\ub18d\uc5c5, \uc2dd\ud488, \ud574\uc591\uc0b0\uc5c5<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#6B9080]\">\uad11\uc8fc<\/h4>\r\n <p class=\"text-gray-600\">\uc790\ub3d9\ucc28, \uad11\uc0b0\uc5c5, \ub514\uc790\uc778\/\ubb38\ud654<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \uc0c1\ub2f4 \uc2e0\uccad \uc139\uc158 -->\r\n <section id=\"contact\" class=\"py-20\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">\ud63c\uc790 \uace0\ubbfc\ud558\uc9c0 \ub9c8\uc138\uc694.<\/h2>\r\n <p class=\"max-w-2xl mx-auto text-lg text-gray-600 mb-8\">\r\n \uc9c0\uae08 \ubc14\ub85c \ub4dc\ub9bc\ud328\uc2a4\uc5d0 \uc0c1\ub2f4\uc744 \uc2e0\uccad\ud558\uace0, \ud55c\uad6d\uc5d0\uc11c\uc758 \uc131\uacf5\uc801\uc778 \uacbd\ub825\uacfc \ubbf8\ub798\ub97c \uc124\uacc4\ud558\uc138\uc694.\r\n <\/p>\r\n <button class=\"bg-[#6B9080] text-white font-bold py-3 px-8 rounded-full shadow-lg hover:bg-[#4A7C59] transition-colors\">\r\n \uc0c1\ub2f4 \uc2e0\uccad\ud558\uae30\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <!-- \ud478\ud130 -->\r\n <footer class=\"bg-gray-100 text-gray-800 py-10\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <p>© 2025 Dream Path. All Rights Reserved.<\/p>\r\n <div class=\"mt-4 text-sm text-gray-600\">\r\n <p>\uc774\uc6a9 \uacbd\ube44: \uc9c1\uc5c5\uc18c\uac1c\uc18c\uc6b4\uc601\uc9c0\uce68 \ubc0f \uc2dc\ud589\ub839\uc5d0 \uc758\uac70\ud558\uc5ec \ud569\ubc95\uc801\uc778 \ubc94\uc704 \ub0b4\uc5d0\uc11c \ud22c\uba85\ud558\uac8c \uc6b4\uc601\ub429\ub2c8\ub2e4. \uc0c1\ub2f4 \uc2dc \uad6c\uccb4\uc801\uc778 \uacbd\ube44\ub97c \uc548\ub0b4\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\r\n <p>\uc8fc\uc694 \ud61c\ud0dd: \ucd5c\uc2e0 \uc0b0\uc5c5 \ub3d9\ud5a5 \uc815\ubcf4 \uc81c\uacf5, \uac1c\uc778 \ub9de\ucda4 \ud3ec\uc9c0\uc158 \ucd94\ucc9c, \ucc44\uc6a9 \ud6c4 \uc548\uc815\uc801\uc778 \uc9c1\uc7a5 \uc0dd\ud65c \uc9c0\uc6d0<\/p>\r\n <\/div>\r\n <div class=\"mt-4 text-sm text-gray-600\">\r\n <p><strong>Dream Path<\/strong> \ub4dc\ub9bc\ud328\uc2a4\uc9c1\uc5c5\uc18c\uac1c\uc18c<\/p>\r\n <p>\ud83c\udfe1 \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>\ud83d\udcde 010-6584-0070<\/p>\r\n <p>\ud83d\udce0 031-624-2738<\/p>\r\n <p>\ud83d\udce7 jirunpeople@naver.com<\/p>\r\n <p>\ud83c\udf10 www.jbgmna.com<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ \ubaa8\ubc14\uc77c \uba54\ub274 \ud1a0\uae00 \uae30\ub2a5\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 \/\/ \ubd80\ub4dc\ub7ec\uc6b4 \uc2a4\ud06c\ub864 \uae30\ub2a5\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n mobileMenu.classList.add('hidden'); \/\/ \ubaa8\ubc14\uc77c \uba54\ub274 \ub2eb\uae30\r\n document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n\r\n \/\/ \uc678\uad6d\uc778 \uc120\ud638 \uc9c1\uc5c5\uad70 \ucc28\ud2b8\r\n const jobSectorsCtx = document.getElementById('jobSectorsChart').getContext('2d');\r\n new Chart(jobSectorsCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: ['\uc81c\uc870\/\uae30\uc220\uc9c1', 'IT\/\uc804\ubb38\uc9c1', '\uc0ac\ubb34\uc9c1', '\uc11c\ube44\uc2a4\uc5c5', '\ubb3c\ub958\/\ubb34\uc5ed'],\r\n datasets: [{\r\n label: '\uc120\ud638\ub3c4 (%)',\r\n data: [45, 25, 15, 10, 5],\r\n backgroundColor: [\r\n '#6B9080', '#A2B9BC', '#CCD5AE', '#FAE0B8', '#E4BC9D'\r\n ],\r\n borderColor: [\r\n '#6B9080', '#A2B9BC', '#CCD5AE', '#FAE0B8', '#E4BC9D'\r\n ],\r\n borderWidth: 1,\r\n borderRadius: 5,\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { display: false },\r\n tooltip: {\r\n callbacks: {\r\n label: function(context) {\r\n return context.label + ': ' + context.raw + '%';\r\n }\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n grid: { display: false }\r\n },\r\n y: {\r\n beginAtZero: true,\r\n title: {\r\n display: true,\r\n text: '\uc120\ud638\ub3c4 (%)',\r\n font: { size: 14, weight: 'bold' }\r\n },\r\n ticks: {\r\n callback: function(value) {\r\n return value + '%';\r\n }\r\n }\r\n }\r\n }\r\n }\r\n });\r\n\r\n \/\/ \uc678\uad6d\uc778 \ucc44\uc6a9 \ud575\uc2ec \uc870\uac74 \ucc28\ud2b8\r\n const hiringConditionsCtx = document.getElementById('hiringConditionsChart').getContext('2d');\r\n new Chart(hiringConditionsCtx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: ['\ud55c\uad6d\uc5b4 \ub2a5\ub825', '\uad00\ub828 \uc804\uacf5\/\uc790\uaca9\uc99d', '\ubb38\ud654 \uc774\ud574\ub3c4', '\uc601\uc5b4 \ub2a5\ub825'],\r\n datasets: [{\r\n label: '\uc911\uc694\ub3c4',\r\n data: [40, 35, 15, 10],\r\n backgroundColor: [\r\n '#6B9080', '#A2B9BC', '#CCD5AE', '#E4BC9D'\r\n ],\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: {\r\n position: 'top',\r\n labels: {\r\n font: { size: 14 }\r\n }\r\n },\r\n tooltip: {\r\n callbacks: {\r\n label: function(context) {\r\n return context.label + ': ' + context.raw + '%';\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>Dream Path – \ub2f9\uc2e0\uc758 \ud55c\uad6d \ucde8\uc5c5 \ud30c\ud2b8\ub108 Dream Path \uc18c\uac1c \ud575\uc2ec \uc11c\ube44\uc2a4 \ud504\ub85c\uc138\uc2a4 \ucde8\uc5c5 \uac00\uc774\ub4dc \uc0c1\ub2f4 \uc2e0\uccad \uc18c\uac1c \ud575\uc2ec \uc11c\ube44\uc2a4 \ud504\ub85c\uc138\uc2a4 \ucde8\uc5c5 \uac00\uc774\ub4dc \uc0c1\ub2f4 \uc2e0\uccad \ub2f9\uc2e0\uc758 \uafc8, \ud55c\uad6d\uc5d0\uc11c\uc758 \uc0c8\ub85c\uc6b4 \uc2dc\uc791 …<\/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-2984","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2984","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=2984"}],"version-history":[{"count":4,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2984\/revisions"}],"predecessor-version":[{"id":2988,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2984\/revisions\/2988"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}