{"id":2971,"date":"2025-09-03T08:24:19","date_gmt":"2025-09-02T23:24:19","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2971"},"modified":"2025-09-03T08:25:52","modified_gmt":"2025-09-02T23:25:52","slug":"%ed%95%9c%ea%b5%ad%ec%96%b4%eb%8a%a5%eb%a0%a5%ec%8b%9c%ed%97%98%ea%b3%b5%eb%b6%80","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2971","title":{"rendered":"\ud55c\uad6d\uc5b4\ub2a5\ub825\uc2dc\ud5d8\uacf5\ubd80"},"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 TOPIK \ud55c\uad6d\uc5b4\ub2a5\ub825\uc2dc\ud5d8 \uc644\uc804\uc815\ubcf5 \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 <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chartjs-adapter-date-fns\"><\/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 <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: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n height: 400px;\r\n max-height: 50vh;\r\n }\r\n @media (max-width: 768px) {\r\n .chart-container {\r\n height: 300px;\r\n max-height: 60vh;\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 {\r\n color: #10B981; \r\n }\r\n .tab-button.active {\r\n border-color: #10B981;\r\n color: #10B981;\r\n font-weight: 700;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-stone-50 text-stone-800\">\r\n\r\n <header id=\"header\" class=\"bg-white\/80 backdrop-blur-lg 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-emerald-600\">TOPIK \uac00\uc774\ub4dc<\/a>\r\n <div class=\"hidden md:flex space-x-8\">\r\n <a href=\"#intro\" class=\"nav-link text-stone-600\">TOPIK \uc18c\uac1c<\/a>\r\n <a href=\"#schedule\" class=\"nav-link text-stone-600\">\uc2dc\ud5d8 \uc77c\uc815<\/a>\r\n <a href=\"#strategy\" class=\"nav-link text-stone-600\">\ud575\uc2ec \uc815\ubcf4<\/a>\r\n <a href=\"#contact\" class=\"nav-link text-stone-600\">\ubb38\uc758<\/a>\r\n <\/div>\r\n <button id=\"mobile-menu-button\" class=\"md:hidden text-stone-600 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 px-6 pb-4\">\r\n <a href=\"#intro\" class=\"block py-2 text-stone-600\">TOPIK \uc18c\uac1c<\/a>\r\n <a href=\"#schedule\" class=\"block py-2 text-stone-600\">\uc2dc\ud5d8 \uc77c\uc815<\/a>\r\n <a href=\"#strategy\" class=\"block py-2 text-stone-600\">\ud575\uc2ec \uc815\ubcf4<\/a>\r\n <a href=\"#contact\" class=\"block py-2 text-stone-600\">\ubb38\uc758<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"bg-white pt-16 pb-20\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h1 class=\"text-4xl md:text-5xl font-bold text-stone-800 mb-4\">\ud55c\uad6d\uc5b4\ub2a5\ub825\uc2dc\ud5d8(TOPIK) \uc644\uc804\uc815\ubcf5<\/h1>\r\n <p class=\"text-lg text-stone-600 max-w-3xl mx-auto\">\r\n \ud55c\uad6d \uc720\ud559, \ucde8\uc5c5, \uadf8\ub9ac\uace0 \uc548\uc815\uc801\uc778 \uc0dd\ud65c\uc758 \uccab\uac78\uc74c\uc740 \ubc14\ub85c \ud55c\uad6d\uc5b4\uc785\ub2c8\ub2e4. TOPIK \uc2dc\ud5d8 \uc815\ubcf4\ub97c \ud55c\ub208\uc5d0 \ud655\uc778\ud558\uace0, \uae30\ucd9c\ubb38\uc81c \uae30\ubc18\uc758 \uccb4\uacc4\uc801\uc778 \ud559\uc2b5 \uc804\ub7b5\uc73c\ub85c \ubaa9\ud45c\ub97c \ub2ec\uc131\ud558\uc138\uc694.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"intro\" class=\"py-20\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold mb-2\">TOPIK, \ubb34\uc5c7\uc774\ub4e0 \ubb3c\uc5b4\ubcf4\uc138\uc694<\/h2>\r\n <p class=\"text-stone-600\">TOPIK \uc2dc\ud5d8\uc758 \ubaa9\uc801\ubd80\ud130 \uc751\uc2dc \uc790\uaca9\uae4c\uc9c0, \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \uc815\ubcf4\ub4e4\uc744 \uc815\ub9ac\ud588\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"max-w-4xl mx-auto bg-white rounded-xl shadow-lg p-8\">\r\n <div class=\"grid md:grid-cols-3 gap-8 text-center\">\r\n <div class=\"border-b md:border-b-0 md:border-r border-stone-200 pb-6 md:pb-0 md:pr-8\">\r\n <h3 class=\"font-bold text-lg text-emerald-600 mb-2\">\uba85\uce6d<\/h3>\r\n <p class=\"text-stone-700\">\ud55c\uad6d\uc5b4\ub2a5\ub825\uc2dc\ud5d8 (TOPIK)<\/p>\r\n <p class=\"text-sm text-stone-500 mt-1\">Test of Proficiency in Korean<\/p>\r\n <\/div>\r\n <div class=\"border-b md:border-b-0 md:border-r border-stone-200 pb-6 md:pb-0 md:pr-8\">\r\n <h3 class=\"font-bold text-lg text-emerald-600 mb-2\">\ubaa9\uc801<\/h3>\r\n <p class=\"text-stone-700\">\uc720\ud559, \ucde8\uc5c5, \ube44\uc790 \ucde8\ub4dd \ub4f1<\/p>\r\n <p class=\"text-sm text-stone-500 mt-1\">\uacf5\uc2dd\uc801\uc778 \ud55c\uad6d\uc5b4 \ub2a5\ub825 \uc99d\uba85<\/p>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-lg text-emerald-600 mb-2\">\uc751\uc2dc \uc790\uaca9<\/h3>\r\n <p class=\"text-stone-700\">\uc81c\ud55c \uc5c6\uc74c<\/p>\r\n <p class=\"text-sm text-stone-500 mt-1\">\uad6d\uc801, \uc5f0\ub839 \ubb34\uad00 \ub204\uad6c\ub098 \uc751\uc2dc \uac00\ub2a5<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"schedule\" class=\"py-20 bg-white\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold mb-2\">2025\ub144 \uad6d\ub0b4 \uc2dc\ud5d8 \uc77c\uc815<\/h2>\r\n <p class=\"text-stone-600\">\ucc28\ud2b8\ub97c \ud1b5\ud574 2025\ub144 \uc2dc\ud5d8 \ubc0f \uc811\uc218 \uc77c\uc815\uc744 \ud55c\ub208\uc5d0 \ud30c\uc545\ud558\uace0 \uacc4\ud68d\uc744 \uc138\uc6cc\ubcf4\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"chart-container bg-stone-50 p-4 rounded-lg shadow-inner\">\r\n <canvas id=\"scheduleChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"strategy\" class=\"py-20\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold mb-2\">\ud569\uaca9\uc744 \uc704\ud55c \ud575\uc2ec \uc815\ubcf4<\/h2>\r\n <p class=\"text-stone-600\">\ucd5c\uc2e0 \ucd9c\uc81c \uacbd\ud5a5\uc744 \ud30c\uc545\ud558\uace0, \uae30\ucd9c\ubb38\uc81c\ub97c \ud65c\uc6a9\ud55c \ud6a8\uacfc\uc801\uc778 \ud559\uc2b5 \uc694\ub839\uc744 \ud655\uc778\ud558\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"max-w-4xl mx-auto\">\r\n <div class=\"flex justify-center border-b border-stone-200 mb-8\">\r\n <button class=\"tab-button py-3 px-6 text-lg border-b-2 border-transparent text-stone-500 active\" data-tab=\"trends\">\ucd9c\uc81c \uacbd\ud5a5<\/button>\r\n <button class=\"tab-button py-3 px-6 text-lg border-b-2 border-transparent text-stone-500\" data-tab=\"tips\">\ud559\uc2b5 \uc694\ub839<\/button>\r\n <\/div>\r\n <div id=\"trends\" class=\"tab-content\">\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div class=\"bg-white rounded-lg shadow-md p-6 text-center\">\r\n <h3 class=\"font-bold text-xl mb-3\">\ub4e3\uae30 \/ \uc77d\uae30<\/h3>\r\n <p class=\"text-stone-600\">\ub300\ud654\uc758 \uc804\uccb4 \ub9e5\ub77d\uacfc \ud654\uc790\uc758 \uc758\ub3c4\ub97c \ud30c\uc545\ud558\ub294 \ub2a5\ub825\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \uacbd\uc81c, \uc0ac\ud68c \ub4f1 \uc2ec\ud654 \uc8fc\uc81c \uad00\ub828 \uc5b4\ud718 \ud559\uc2b5\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6 text-center\">\r\n <h3 class=\"font-bold text-xl mb-3\">\uc4f0\uae30<\/h3>\r\n <p class=\"text-stone-600\">\uc8fc\uc81c\uc5d0 \ub300\ud55c \ub17c\ub9ac\uc801 \uae00\uc4f0\uae30 \ub2a5\ub825\uc744 \ud3c9\uac00\ud569\ub2c8\ub2e4. \ubb38\uc7a5 \uac04 \uc5f0\uacb0 \ud45c\ud604\uacfc \uc815\ud655\ud55c \ubb38\ubc95 \uc0ac\uc6a9\uc774 \ud569\uaca9\uc744 \uc88c\uc6b0\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6 text-center\">\r\n <h3 class=\"font-bold text-xl mb-3\">\ucd5c\uc2e0 \ub3d9\ud5a5<\/h3>\r\n <p class=\"text-stone-600\">IBT(\uc778\ud130\ub137 \uae30\ubc18 \uc2dc\ud5d8) \ubc0f \ub9d0\ud558\uae30 \ud3c9\uac00\uac00 \ub3c4\uc785\ub418\uc5b4, \uc2e4\uc6a9\uc801\uc778 \uc758\uc0ac\uc18c\ud1b5 \ub2a5\ub825\uc758 \uc911\uc694\uc131\uc774 \ub354\uc6b1 \ucee4\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"tips\" class=\"tab-content hidden\">\r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n <div class=\"bg-white rounded-lg shadow-md p-6 flex items-start space-x-4\">\r\n <div class=\"bg-emerald-100 text-emerald-600 p-3 rounded-full\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg mb-1\">\uc2e4\uc804\ucc98\ub7fc \uc2dc\uac04 \uad00\ub9ac<\/h4>\r\n <p class=\"text-stone-600\">\uc2e4\uc81c \uc2dc\ud5d8\ucc98\ub7fc \uc2dc\uac04\uc744 \uc7ac\uba70 \ubb38\uc81c\ub97c \ud480\uc5b4 \uc2dc\uac04 \uc548\ubc30 \ub2a5\ub825\uc744 \ud0a4\uc6b0\uc138\uc694.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6 flex items-start space-x-4\">\r\n <div class=\"bg-emerald-100 text-emerald-600 p-3 rounded-full\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg mb-1\">\uc624\ub2f5\ub178\ud2b8 \uc791\uc131<\/h4>\r\n <p class=\"text-stone-600\">\ud2c0\ub9b0 \ubb38\uc81c\ub294 \ubc18\ub4dc\uc2dc \uc6d0\uc778\uc744 \ubd84\uc11d\ud558\uace0 \uc815\ub9ac\ud558\uc5ec \uc2e4\uc218\ub97c \ubc18\ubcf5\ud558\uc9c0 \ub9c8\uc138\uc694.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6 flex items-start space-x-4\">\r\n <div class=\"bg-emerald-100 text-emerald-600 p-3 rounded-full\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.636 18.364a9 9 0 010-12.728m2.828 9.9a5 5 0 010-7.072\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg mb-1\">\uc2a4\ud06c\ub9bd\ud2b8(\ub300\ubcf8) \ud65c\uc6a9<\/h4>\r\n <p class=\"text-stone-600\">\ub4e3\uae30 \ubb38\uc81c\uc758 \ub300\ubcf8\uc744 \ubcf4\uba70 \uc815\ud655\ud55c \ubc1c\uc74c\uacfc \ud45c\ud604\uc744 \uc775\ud788\uace0 \ub530\ub77c \ub9d0\ud574\ubcf4\uc138\uc694.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6 flex items-start space-x-4\">\r\n <div class=\"bg-emerald-100 text-emerald-600 p-3 rounded-full\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.5L15.232 5.232z\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg mb-1\">\uc4f0\uae30 \ubc18\ubcf5 \uc5f0\uc2b5<\/h4>\r\n <p class=\"text-stone-600\">\ub2e4\uc591\ud55c \uc8fc\uc81c\ub85c \uafb8\uc900\ud788 \uae00\uc744 \uc4f0\ub294 \uc5f0\uc2b5\uc744 \ud1b5\ud574 \ub17c\ub9ac\ub825\uacfc \ud45c\ud604\ub825\uc744 \uae30\ub974\uc138\uc694.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contact\" class=\"bg-white text-stone-800 py-20\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"grid md:grid-cols-2 gap-12 mb-8\">\r\n <div>\r\n <h2 class=\"text-3xl font-bold text-amber-500\">Visa Job Korea<\/h2>\r\n <h3 class=\"text-2xl font-bold mt-2 text-stone-900\">\ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/h3>\r\n <p class=\"text-stone-700 mt-4\">\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=\"md:text-right text-base md:text-lg space-y-2 text-stone-800\">\r\n <p><span class=\"font-bold text-stone-900\">\uc8fc\uc18c:<\/span> \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=\"font-bold text-stone-900\">\uc804\ud654\ubc88\ud638:<\/span> 010-6584-0070<\/p>\r\n <p><span class=\"font-bold text-stone-900\">\ud329\uc2a4\ubc88\ud638:<\/span> 031-624-2738<\/p>\r\n <p><span class=\"font-bold text-stone-900\">\uba54\uc77c:<\/span> jirunpeople@naver.com<\/p>\r\n <p><span class=\"font-bold text-stone-900\">\ud648\ud398\uc774\uc9c0:<\/span> <a href=\"http:\/\/www.jbgmna.com\" target=\"_blank\" class=\"text-blue-600 hover:text-blue-500 transition-colors\">www.jbgmna.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <hr class=\"border-stone-300 my-8\">\r\n <div class=\"text-center text-sm space-y-2\">\r\n <p class=\"text-stone-600\">\u00a9 2024 \uc81c\uc774\ube44\uc9c0\uc5e0\uc5d0\uc774\uc5d0\uc774\uce58\uc5d4. All Rights Reserved.<\/p>\r\n <p class=\"text-stone-500 max-w-4xl mx-auto\">\r\n \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.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \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 document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const targetId = this.getAttribute('href');\r\n const targetElement = document.querySelector(targetId);\r\n if (targetElement) {\r\n targetElement.scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n if (!mobileMenu.classList.contains('hidden')) {\r\n mobileMenu.classList.add('hidden');\r\n }\r\n }\r\n });\r\n });\r\n\r\n const tabs = document.querySelectorAll('.tab-button');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n\r\n tabs.forEach(tab => {\r\n tab.addEventListener('click', () => {\r\n const target = tab.dataset.tab;\r\n\r\n tabs.forEach(t => {\r\n t.classList.remove('active');\r\n });\r\n tab.classList.add('active');\r\n\r\n tabContents.forEach(content => {\r\n if (content.id === target) {\r\n content.classList.remove('hidden');\r\n } else {\r\n content.classList.add('hidden');\r\n }\r\n });\r\n });\r\n });\r\n\r\n const scheduleData = {\r\n labels: ['\uc81c99\ud68c', '\uc81c100\ud68c', '\uc81c101\ud68c', '\uc81c102\ud68c', '\uc81c103\ud68c'],\r\n datasets: [{\r\n label: '\uc6d0\uc11c \uc811\uc218 \uae30\uac04',\r\n data: [\r\n [new Date('2025-02-11').getTime(), new Date('2025-02-17').getTime()],\r\n [new Date('2025-03-11').getTime(), new Date('2025-03-17').getTime()],\r\n [new Date('2025-05-13').getTime(), new Date('2025-05-19').getTime()],\r\n [new Date('2025-08-05').getTime(), new Date('2025-08-11').getTime()],\r\n [new Date('2025-09-02').getTime(), new Date('2025-09-08').getTime()],\r\n ],\r\n backgroundColor: 'rgba(22, 163, 74, 0.5)',\r\n borderColor: 'rgba(22, 163, 74, 1)',\r\n borderWidth: 1,\r\n barPercentage: 0.5,\r\n borderSkipped: false,\r\n }, {\r\n label: '\uc2dc\ud5d8\uc77c',\r\n data: [\r\n [new Date('2025-04-13').getTime(), new Date('2025-04-13').getTime()],\r\n [new Date('2025-05-11').getTime(), new Date('2025-05-11').getTime()],\r\n [new Date('2025-07-13').getTime(), new Date('2025-07-13').getTime()],\r\n [new Date('2025-10-19').getTime(), new Date('2025-10-19').getTime()],\r\n [new Date('2025-11-16').getTime(), new Date('2025-11-16').getTime()],\r\n ],\r\n backgroundColor: 'rgba(249, 115, 22, 0.7)',\r\n borderColor: 'rgba(249, 115, 22, 1)',\r\n borderWidth: 1,\r\n barPercentage: 0.5,\r\n }]\r\n };\r\n\r\n const config = {\r\n type: 'bar',\r\n data: scheduleData,\r\n options: {\r\n indexAxis: 'y',\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: {\r\n x: {\r\n type: 'time',\r\n time: {\r\n unit: 'month',\r\n displayFormats: {\r\n month: 'yyyy-MM'\r\n }\r\n },\r\n min: new Date('2025-01-01').getTime(),\r\n max: new Date('2025-12-31').getTime(),\r\n title: {\r\n display: true,\r\n text: '2025\ub144'\r\n }\r\n },\r\n y: {\r\n stacked: true\r\n }\r\n },\r\n plugins: {\r\n tooltip: {\r\n callbacks: {\r\n label: function(context) {\r\n const datasetLabel = context.dataset.label || '';\r\n const value = context.raw;\r\n const startDate = new Date(value[0]).toLocaleDateString('ko-KR');\r\n const endDate = new Date(value[1]).toLocaleDateString('ko-KR');\r\n if (startDate === endDate) {\r\n return `${datasetLabel}: ${startDate}`;\r\n }\r\n return `${datasetLabel}: ${startDate} ~ ${endDate}`;\r\n }\r\n }\r\n },\r\n legend: {\r\n position: 'top',\r\n }\r\n }\r\n }\r\n };\r\n\r\n const scheduleChart = new Chart(\r\n document.getElementById('scheduleChart'),\r\n config\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>TOPIK \ud55c\uad6d\uc5b4\ub2a5\ub825\uc2dc\ud5d8 \uc644\uc804\uc815\ubcf5 \uac00\uc774\ub4dc TOPIK \uac00\uc774\ub4dc TOPIK \uc18c\uac1c \uc2dc\ud5d8 \uc77c\uc815 \ud575\uc2ec \uc815\ubcf4 \ubb38\uc758 TOPIK \uc18c\uac1c \uc2dc\ud5d8 \uc77c\uc815 \ud575\uc2ec \uc815\ubcf4 \ubb38\uc758 \ud55c\uad6d\uc5b4\ub2a5\ub825\uc2dc\ud5d8(TOPIK) \uc644\uc804\uc815\ubcf5 \ud55c\uad6d \uc720\ud559, \ucde8\uc5c5, \uadf8\ub9ac\uace0 \uc548\uc815\uc801\uc778 \uc0dd\ud65c\uc758 \uccab\uac78\uc74c\uc740 \ubc14\ub85c …<\/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-2971","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2971","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=2971"}],"version-history":[{"count":4,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2971\/revisions"}],"predecessor-version":[{"id":2975,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2971\/revisions\/2975"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}