{"id":2809,"date":"2025-08-12T17:06:20","date_gmt":"2025-08-12T08:06:20","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2809"},"modified":"2025-08-12T19:02:16","modified_gmt":"2025-08-12T10:02:16","slug":"%eb%86%8d%ec%96%b4%ec%97%85%eb%b2%95%ec%9d%b8%ec%84%a4%eb%a6%bd","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2809","title":{"rendered":"\ub18d\uc5c5\uc5c5\ubc95\uc778\uc124\ub9bd"},"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\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 \ub18d\uc5b4\uc5c5\ubc95\uc778 \uc124\ub9bd \uc778\ud130\ub799\ud2f0\ube0c \uac00\uc774\ub4dc | \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/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;900&display=swap\" rel=\"stylesheet\">\r\n <!-- Chosen Palette: Calm Harmony -->\r\n <!-- Application Structure Plan: A task-oriented, single-page application with a sticky navigation bar for easy access to key sections. The structure is designed to guide the user from a high-level comparison to detailed procedures and benefits. It starts with an \"At-a-Glance Comparison\" to help users make an initial choice, followed by a \"Step-by-Step Process\" diagram for clarity, an interactive \"Benefits & Support\" section with a chart to highlight financial incentives, and concludes with essential registration info. This non-linear, dashboard-like approach is chosen over a simple document layout to empower users (young entrepreneurs) to quickly find the information most relevant to their decision-making process, enhancing usability and engagement. -->\r\n <!-- Visualization & Content Choices: \r\n 1. Report Info: Comparison between Yeongnong Johap Beobin and Nong-eop Hoesa Beobin. Goal: Compare. Viz\/Method: A structured two-column HTML\/Tailwind layout. Interaction: Clear visual separation and iconography. Justification: Provides a direct, easy-to-digest comparison of the two main options, which is the user's primary decision point. Method: HTML\/Tailwind.\r\n 2. Report Info: Establishment process. Goal: Organize. Viz\/Method: A numbered, vertical timeline\/flowchart created with HTML\/Tailwind. Interaction: Each step is a distinct card. Justification: Simplifies a complex, multi-step process into a manageable visual flow. Method: HTML\/Tailwind.\r\n 3. Report Info: Tax benefits and policy loans. Goal: Inform\/Compare. Viz\/Method: A dynamic bar chart for tax benefits and info cards for policy loans. Interaction: The chart visually quantifies the advantages. Justification: Financial incentives are a major motivator; a chart makes these benefits more tangible and impactful than a text list. Library: Chart.js (Canvas).\r\n 4. Report Info: Required registrations (Gyeong-yeong-che, Nongji-daejang). Goal: Inform. Viz\/Method: Simple icon-based info cards. Interaction: None. Justification: Presents necessary but secondary information concisely without cluttering the main flow. Method: HTML\/Tailwind.\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 .nav-active {\r\n color: #10B981;\r\n font-weight: 700;\r\n border-bottom: 2px solid #10B981;\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: 350px;\r\n max-height: 500px;\r\n }\r\n @media (min-width: 768px) {\r\n .chart-container {\r\n height: 450px;\r\n }\r\n }\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-800\">\r\n\r\n <!-- Header & Navigation -->\r\n <header class=\"bg-white\/80 backdrop-blur-lg shadow-sm sticky top-0 z-50\">\r\n <nav class=\"container mx-auto px-6 py-3 flex justify-between items-center\">\r\n <a href=\"#\" class=\"text-xl font-bold text-emerald-600\">\ub18d\uc5b4\uc5c5\ubc95\uc778 \uc124\ub9bd \uac00\uc774\ub4dc<\/a>\r\n <div class=\"hidden md:flex space-x-8\">\r\n <a href=\"#comparison\" class=\"nav-link text-slate-600 hover:text-emerald-600 transition\">\ud55c\ub208\uc5d0 \ube44\uad50<\/a>\r\n <a href=\"#process\" class=\"nav-link text-slate-600 hover:text-emerald-600 transition\">\uc124\ub9bd \uc808\ucc28<\/a>\r\n <a href=\"#benefits\" class=\"nav-link text-slate-600 hover:text-emerald-600 transition\">\ud575\uc2ec \ud61c\ud0dd<\/a>\r\n <a href=\"#contact\" class=\"nav-link text-slate-600 hover:text-emerald-600 transition\">\uc804\ubb38\uac00 \uc0c1\ub2f4<\/a>\r\n <\/div>\r\n <div class=\"md:hidden\">\r\n <button id=\"mobile-menu-button\" class=\"text-slate-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 <\/div>\r\n <\/nav>\r\n <div id=\"mobile-menu\" class=\"hidden md:hidden\">\r\n <a href=\"#comparison\" class=\"block text-center py-2 px-4 text-sm text-slate-600 hover:bg-emerald-50\">\ud55c\ub208\uc5d0 \ube44\uad50<\/a>\r\n <a href=\"#process\" class=\"block text-center py-2 px-4 text-sm text-slate-600 hover:bg-emerald-50\">\uc124\ub9bd \uc808\ucc28<\/a>\r\n <a href=\"#benefits\" class=\"block text-center py-2 px-4 text-sm text-slate-600 hover:bg-emerald-50\">\ud575\uc2ec \ud61c\ud0dd<\/a>\r\n <a href=\"#contact\" class=\"block text-center py-2 px-4 text-sm text-slate-600 hover:bg-emerald-50\">\uc804\ubb38\uac00 \uc0c1\ub2f4<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"container mx-auto px-6 py-8 md:py-12\">\r\n\r\n <!-- Hero Section -->\r\n <section class=\"text-center mb-16 md:mb-24\">\r\n <h1 class=\"text-4xl md:text-5xl font-extrabold text-slate-900 mb-4 leading-tight\">\ub18d\uc5b4\uc5c5\uc758 \uafc8 \ubc95\uc778 \uc124\ub9bd\uc73c\ub85c \uc2e4\ud604\ud558\uc138\uc694<\/h1>\r\n <p class=\"text-lg text-slate-600 max-w-3xl mx-auto\">\uccad\ub144 \ub18d\uc5b4\uc5c5\uc778\uc744 \uc704\ud55c \ub9de\ucda4\ud615 \ubc95\uc778 \uc124\ub9bd A to Z. \ubcf5\uc7a1\ud55c \uc808\ucc28\uc640 \uaddc\uc815, \uc800\ud76c\uac00 \uba85\ucf8c\ud558\uac8c \uc815\ub9ac\ud574 \ub4dc\ub9bd\ub2c8\ub2e4. \ub2f9\uc2e0\uc758 \uc131\uacf5\uc801\uc778 \uccab\uac78\uc74c\uc744 \uc751\uc6d0\ud569\ub2c8\ub2e4.<\/p>\r\n <\/section>\r\n\r\n <!-- Comparison Section -->\r\n <section id=\"comparison\" class=\"scroll-mt-20 mb-16 md:mb-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold text-slate-900\">\uc601\ub18d\uc870\ud569\ubc95\uc778 vs \ub18d\uc5c5\ud68c\uc0ac\ubc95\uc778, \ud55c\ub208\uc5d0 \ube44\uad50<\/h2>\r\n <p class=\"mt-2 text-slate-500\">\ub098\uc758 \uc0ac\uc5c5 \ubaa8\ub378\uc5d0 \uac00\uc7a5 \uc801\ud569\ud55c \ubc95\uc778 \ud615\ud0dc\ub294 \ubb34\uc5c7\uc77c\uae4c\uc694? \ud575\uc2ec \ucc28\uc774\uc810\uc744 \ube44\uad50\ud574\ubcf4\uace0 \ucd5c\uc801\uc758 \uc120\ud0dd\uc744 \ud558\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n <!-- Yeongnong Johap Beobin -->\r\n <div class=\"bg-white p-8 rounded-xl shadow-lg border border-slate-200\">\r\n <div class=\"flex items-center mb-4\">\r\n <span class=\"text-3xl mr-4\">\ud83e\udd1d<\/span>\r\n <h3 class=\"text-2xl font-bold text-emerald-700\">\uc601\ub18d\uc870\ud569\ubc95\uc778<\/h3>\r\n <\/div>\r\n <p class=\"text-slate-600 mb-6\">'\ud611\uc5c5\uc801 \ub18d\uc5c5 \uacbd\uc601'\uc744 \ud1b5\ud574 \uc0dd\uc0b0\uc131\uc744 \ub192\uc774\uace0 \uc870\ud569\uc6d0 \uacf5\ub3d9\uc758 \uc774\uc775\uc744 \ucd94\uad6c\ud558\ub294 \ud615\ud0dc\uc785\ub2c8\ub2e4.<\/p>\r\n <ul class=\"space-y-4 text-slate-700\">\r\n <li class=\"flex items-start\"><span class=\"font-bold text-emerald-600 mr-2 w-5 h-5 text-center\">\u2713<\/span><div><strong class=\"font-semibold\">\uc124\ub9bd \uc694\uac74:<\/strong> \ub18d\uc5c5\uc778 5\uc778 \uc774\uc0c1<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"font-bold text-emerald-600 mr-2 w-5 h-5 text-center\">\u2713<\/span><div><strong class=\"font-semibold\">\ubc95\uc801 \uc131\uaca9:<\/strong> \ubbfc\ubc95\uc0c1 \uc870\ud569 \uaddc\uc815 \uc900\uc6a9<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"font-bold text-emerald-600 mr-2 w-5 h-5 text-center\">\u2713<\/span><div><strong class=\"font-semibold\">\ube44\ub18d\uc5c5\uc778 \ucd9c\uc790:<\/strong> \uc900\uc870\ud569\uc6d0\uc73c\ub85c \ucc38\uc5ec (\uc758\uacb0\uad8c \uc5c6\uc74c)<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"font-bold text-emerald-600 mr-2 w-5 h-5 text-center\">\u2713<\/span><div><strong class=\"font-semibold\">\uc8fc\uc694 \uc0ac\uc5c5:<\/strong> \ub18d\uc0b0\ubb3c \uacf5\ub3d9 \uc0dd\uc0b0\u00b7\ucd9c\ud558\u00b7\uac00\uacf5\u00b7\uc218\ucd9c<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"font-bold text-emerald-600 mr-2 w-5 h-5 text-center\">\u2713<\/span><div><strong class=\"font-semibold\">\uc138\uc81c \ud61c\ud0dd:<\/strong> \uc870\ud569\uc6d0 \ubc30\ub2f9\uc18c\ub4dd \ube44\uacfc\uc138, \ubc95\uc778\uc138 \uba74\uc81c \ub4f1<\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n <!-- Nong-eop Hoesa Beobin -->\r\n <div class=\"bg-white p-8 rounded-xl shadow-lg border border-slate-200\">\r\n <div class=\"flex items-center mb-4\">\r\n <span class=\"text-3xl mr-4\">\ud83c\udfe2<\/span>\r\n <h3 class=\"text-2xl font-bold text-sky-700\">\ub18d\uc5c5\ud68c\uc0ac\ubc95\uc778<\/h3>\r\n <\/div>\r\n <p class=\"text-slate-600 mb-6\">'\uae30\uc5c5\uc801 \ub18d\uc5c5 \uacbd\uc601'\uc744 \ud1b5\ud574 \uc774\uc724\uc744 \ucc3d\ucd9c\ud558\uace0 \ub18d\uc5c5 \uad00\ub828 \ubd80\ub300\uc0ac\uc5c5\uae4c\uc9c0 \ud655\uc7a5 \uac00\ub2a5\ud55c \ud615\ud0dc\uc785\ub2c8\ub2e4.<\/p>\r\n <ul class=\"space-y-4 text-slate-700\">\r\n <li class=\"flex items-start\"><span class=\"font-bold text-sky-600 mr-2 w-5 h-5 text-center\">\u2713<\/span><div><strong class=\"font-semibold\">\uc124\ub9bd \uc694\uac74:<\/strong> \ub18d\uc5c5\uc778 1\uc778 \uc774\uc0c1<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"font-bold text-sky-600 mr-2 w-5 h-5 text-center\">\u2713<\/span><div><strong class=\"font-semibold\">\ubc95\uc801 \uc131\uaca9:<\/strong> \uc0c1\ubc95\uc0c1 \ud68c\uc0ac \uaddc\uc815 \uc900\uc6a9<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"font-bold text-sky-600 mr-2 w-5 h-5 text-center\">\u2713<\/span><div><strong class=\"font-semibold\">\ube44\ub18d\uc5c5\uc778 \ucd9c\uc790:<\/strong> \ucd1d \ucd9c\uc790\uc561\uc758 90%\uae4c\uc9c0 \uac00\ub2a5 (\uc758\uacb0\uad8c \uc788\uc74c)<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"font-bold text-sky-600 mr-2 w-5 h-5 text-center\">\u2713<\/span><div><strong class=\"font-semibold\">\uc8fc\uc694 \uc0ac\uc5c5:<\/strong> \ub18d\uc0b0\ubb3c \uc720\ud1b5\u00b7\uac00\uacf5\u00b7\ud310\ub9e4 \ubc0f \ub18d\ucd0c \uad00\uad11\uc0ac\uc5c5 \ub4f1<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"font-bold text-sky-600 mr-2 w-5 h-5 text-center\">\u2713<\/span><div><strong class=\"font-semibold\">\uc138\uc81c \ud61c\ud0dd:<\/strong> \ub18d\uc5c5\uc18c\ub4dd \ubc95\uc778\uc138 \uba74\uc81c, \ubc30\ub2f9\uc18c\ub4dd \ubd84\ub9ac\uacfc\uc138 \ub4f1<\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Process Section -->\r\n <section id=\"process\" class=\"scroll-mt-20 mb-16 md:mb-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold text-slate-900\">\ub18d\uc5b4\uc5c5\ubc95\uc778 \uc124\ub9bd \uc808\ucc28, 5\ub2e8\uacc4\ub85c \uc644\uc131<\/h2>\r\n <p class=\"mt-2 text-slate-500\">\ubcf5\uc7a1\ud574 \ubcf4\uc774\ub294 \uc124\ub9bd \uacfc\uc815, \ud575\uc2ec \ub2e8\uacc4\ub9cc \ub530\ub77c\uc624\uba74 \uc5b4\ub835\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uc804\uccb4 \ud750\ub984\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"relative\">\r\n <!-- The connecting line -->\r\n <div class=\"hidden md:block absolute left-1\/2 top-5 bottom-5 w-0.5 bg-slate-300\"><\/div>\r\n <div class=\"space-y-12 md:space-y-0\">\r\n <!-- Step 1 -->\r\n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center relative\">\r\n <div class=\"md:text-right md:pr-8\">\r\n <div class=\"bg-emerald-500 text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold mx-auto md:mr-0 mb-4\">1<\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800\">\ubc1c\uae30\uc778 \uad6c\uc131 \ubc0f \uc0ac\uc5c5\uacc4\ud68d \uc218\ub9bd<\/h3>\r\n <p class=\"text-slate-600 mt-2\">\ubc95\uc778 \ud615\ud0dc\uc5d0 \ub9de\ub294 \uc124\ub9bd\uc790(\uc870\ud569\uc6d0\/\ubc1c\uae30\uc778)\ub97c \uad6c\uc131\ud558\uace0, \uad6c\uccb4\uc801\uc778 \uc0ac\uc5c5 \ubaa9\ud45c, \uc790\uae08 \uacc4\ud68d \ub4f1\uc744 \ub2f4\uc740 \uc0ac\uc5c5\uacc4\ud68d\uc11c\ub97c \uc791\uc131\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"hidden md:block absolute left-1\/2 -translate-x-1\/2 w-4 h-4 bg-white border-2 border-emerald-500 rounded-full\"><\/div>\r\n <div class=\"h-12 md:hidden\"><\/div>\r\n <\/div>\r\n <!-- Step 2 -->\r\n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center relative\">\r\n <div class=\"md:col-start-2 md:text-left md:pl-8\">\r\n <div class=\"bg-emerald-500 text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold mx-auto md:ml-0 mb-4\">2<\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800\">\uc815\uad00 \uc791\uc131 \ubc0f \ucd9c\uc790\uae08 \ub0a9\uc785<\/h3>\r\n <p class=\"text-slate-600 mt-2\">\ubc95\uc778\uc758 \uae30\ubcf8 \uaddc\uce59\uc778 \uc815\uad00\uc744 \uc791\uc131\ud558\uace0 \ucc3d\ub9bd\ucd1d\ud68c \uc758\uc0ac\ub85d\uc744 \ub9cc\ub4ed\ub2c8\ub2e4. \uc774\ud6c4 \uc815\ud574\uc9c4 \ucd9c\uc790\uae08\uc744 \uc9c0\uc815\ub41c \uae08\uc735\uae30\uad00\uc5d0 \ub0a9\uc785\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"hidden md:block absolute left-1\/2 -translate-x-1\/2 w-4 h-4 bg-white border-2 border-emerald-500 rounded-full\"><\/div>\r\n <div class=\"h-12 md:hidden\"><\/div>\r\n <\/div>\r\n <!-- Step 3 -->\r\n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center relative\">\r\n <div class=\"md:text-right md:pr-8\">\r\n <div class=\"bg-emerald-500 text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold mx-auto md:mr-0 mb-4\">3<\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800\">\uc124\ub9bd \ub4f1\uae30<\/h3>\r\n <p class=\"text-slate-600 mt-2\">\ud544\uc694 \uc11c\ub958\ub97c \uad6c\ube44\ud558\uc5ec \uc8fc\uc0ac\ubb34\uc18c \uc18c\uc7ac\uc9c0\uc758 \uad00\ud560 \ub4f1\uae30\uc18c\uc5d0 \ubc95\uc778 \uc124\ub9bd \ub4f1\uae30\ub97c \uc2e0\uccad\ud569\ub2c8\ub2e4. \ubc95\uc778\uaca9\uc774 \uc131\ub9bd\ub418\ub294 \ub2e8\uacc4\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"hidden md:block absolute left-1\/2 -translate-x-1\/2 w-4 h-4 bg-white border-2 border-emerald-500 rounded-full\"><\/div>\r\n <div class=\"h-12 md:hidden\"><\/div>\r\n <\/div>\r\n <!-- Step 4 -->\r\n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center relative\">\r\n <div class=\"md:col-start-2 md:text-left md:pl-8\">\r\n <div class=\"bg-emerald-500 text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold mx-auto md:ml-0 mb-4\">4<\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800\">\uc124\ub9bd \uc2e0\uace0 \ubc0f \uc0ac\uc5c5\uc790 \ub4f1\ub85d<\/h3>\r\n <p class=\"text-slate-600 mt-2\">\ub4f1\uae30 \uc644\ub8cc \ud6c4 30\uc77c \uc774\ub0b4\uc5d0 \uad00\ud560 \uc2dc\/\uad70\/\uad6c\uccad\uc5d0 \ubc95\uc778 \uc124\ub9bd \uc2e0\uace0\ub97c \ud558\uace0, \uc138\ubb34\uc11c\uc5d0\uc11c \uc0ac\uc5c5\uc790 \ub4f1\ub85d\uc744 \uc644\ub8cc\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"hidden md:block absolute left-1\/2 -translate-x-1\/2 w-4 h-4 bg-white border-2 border-emerald-500 rounded-full\"><\/div>\r\n <div class=\"h-12 md:hidden\"><\/div>\r\n <\/div>\r\n <!-- Step 5 -->\r\n <div class=\"md:grid md:grid-cols-2 md:gap-8 items-center relative\">\r\n <div class=\"md:text-right md:pr-8\">\r\n <div class=\"bg-emerald-500 text-white w-12 h-12 rounded-full flex items-center justify-center text-xl font-bold mx-auto md:mr-0 mb-4\">5<\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800\">\ub18d\uc5c5\uacbd\uc601\uccb4 \ub4f1\ub85d<\/h3>\r\n <p class=\"text-slate-600 mt-2\">\uad6d\ub9bd\ub18d\uc0b0\ubb3c\ud488\uc9c8\uad00\ub9ac\uc6d0\uc5d0 \ub18d\uc5c5\uacbd\uc601\uccb4\ub85c \ub4f1\ub85d\ud558\uc5ec \uac01\uc885 \uc815\ucc45\uc790\uae08 \uc9c0\uc6d0 \ubc0f \uc138\uc81c \ud61c\ud0dd\uc758 \ub300\uc0c1 \uc790\uaca9\uc744 \uac16\ucda5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"hidden md:block absolute left-1\/2 -translate-x-1\/2 w-4 h-4 bg-white border-2 border-emerald-500 rounded-full\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Benefits Section -->\r\n <section id=\"benefits\" class=\"scroll-mt-20 mb-16 md:mb-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold text-slate-900\">\ud575\uc2ec \ud61c\ud0dd \ubc0f \uc9c0\uc6d0 \uc815\ucc45 (2025\ub144 \uae30\uc900)<\/h2>\r\n <p class=\"mt-2 text-slate-500\">\ub18d\uc5b4\uc5c5\ubc95\uc778 \uc124\ub9bd \uc2dc \ubc1b\uc744 \uc218 \uc788\ub294 \uac15\ub825\ud55c \uc138\uc81c \ud61c\ud0dd\uacfc \uc815\ucc45\uc790\uae08\uc744 \ud655\uc778\ud558\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-lg border border-slate-200\">\r\n <div class=\"grid md:grid-cols-5 gap-8\">\r\n <div class=\"md:col-span-3\">\r\n <h3 class=\"text-xl font-bold mb-4 text-slate-800\">\uc8fc\uc694 \uc138\uae08 \uac10\uba74 \ud61c\ud0dd<\/h3>\r\n <p class=\"text-slate-600 mb-6\">\ub18d\uc5c5 \uc18c\ub4dd\uc5d0 \ub300\ud55c \ubc95\uc778\uc138\ubd80\ud130 \ubd80\ub3d9\uc0b0 \ucde8\ub4dd\uae4c\uc9c0, \ub2e4\uc591\ud55c \uc138\uae08 \uac10\uba74\uc73c\ub85c \ucd08\uae30 \ubd80\ub2f4\uc744 \ud06c\uac8c \uc904\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <div class=\"chart-container\">\r\n <canvas id=\"taxBenefitChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:col-span-2 bg-emerald-50 p-6 rounded-lg\">\r\n <h3 class=\"text-xl font-bold mb-4 text-emerald-800\">\uccad\ub144\ub18d\uc5c5\uc778 \uc601\ub18d\uc815\ucc29 \uc9c0\uc6d0<\/h3>\r\n <p class=\"text-sm text-emerald-700 mb-6\">\ub9cc 40\uc138 \ubbf8\ub9cc \uccad\ub144 \ucc3d\uc5c5\uac00\ub97c \uc704\ud55c \ud30c\uaca9\uc801\uc778 \uc9c0\uc6d0\uc785\ub2c8\ub2e4.<\/p>\r\n <div class=\"space-y-4\">\r\n <div class=\"bg-white p-4 rounded-md shadow-sm\">\r\n <p class=\"font-bold text-emerald-600\">\uc601\ub18d\uc815\ucc29\uc9c0\uc6d0\uae08<\/p>\r\n <p class=\"text-2xl font-bold text-slate-800\">\uc6d4 \ucd5c\ub300 110\ub9cc\uc6d0<\/p>\r\n <p class=\"text-sm text-slate-500\">\ucd5c\ub300 3\ub144\uac04 \uc9c0\uc6d0<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-4 rounded-md shadow-sm\">\r\n <p class=\"font-bold text-emerald-600\">\uc601\ub18d\ucc3d\uc5c5\uc790\uae08<\/p>\r\n <p class=\"text-2xl font-bold text-slate-800\">\ucd5c\ub300 5\uc5b5\uc6d0<\/p>\r\n <p class=\"text-sm text-slate-500\">\uc5f0 1.5% \uae08\ub9ac, 5\ub144 \uac70\uce58 20\ub144 \uc0c1\ud658<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-4 rounded-md shadow-sm\">\r\n <p class=\"font-bold text-emerald-600\">\ub18d\uc5c5\uc815\ucc45\uc790\uae08 (\uc77c\ubc18)<\/p>\r\n <p class=\"text-2xl font-bold text-slate-800\">\uc5f0 2.17%<\/p>\r\n <p class=\"text-sm text-slate-500\">2025\ub144 8\uc6d4 \uae30\uc900 \ubcc0\ub3d9\uae08\ub9ac<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact Section -->\r\n <section id=\"contact\" class=\"scroll-mt-20 text-center bg-white py-16 md:py-20 rounded-2xl shadow-xl border border-slate-200\">\r\n <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">\uc131\uacf5\uc801\uc778 \uccab\uac78\uc74c \uc804\ubb38\uac00\uc640 \ud568\uaed8\ud558\uc138\uc694<\/h2>\r\n <p class=\"text-slate-600 max-w-2xl mx-auto mb-8\">\ubcf5\uc7a1\ud55c \ubc95\uc778 \uc124\ub9bd, \uc11c\ub958 \uc900\ube44\ubd80\ud130 \ub4f1\uae30, \uc0ac\ud6c4\uad00\ub9ac\uae4c\uc9c0. \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c\uac00 \ucc98\uc74c\ubd80\ud130 \ub05d\uae4c\uc9c0 \ud568\uaed8\ud569\ub2c8\ub2e4.<\/p>\r\n <div class=\"bg-slate-100 inline-block p-8 rounded-lg text-left max-w-md w-full\">\r\n <h3 class=\"text-xl font-bold text-emerald-700 mb-4\">\ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/h3>\r\n <p class=\"text-slate-700 mb-2\"><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 class=\"text-slate-700 mb-2\"><strong>\uc804\ud654:<\/strong> 010-6584-0070<\/p>\r\n <p class=\"text-slate-700 mb-2\"><strong>\ud329\uc2a4:<\/strong> 031-624-2738<\/p>\r\n <p class=\"text-slate-700 mb-2\"><strong>\uba54\uc77c:<\/strong> jirunpeople@naver.com<\/p>\r\n <p class=\"text-slate-700\"><strong>\ud648\ud53c:<\/strong> <a href=\"http:\/\/www.jbgmna.com\" target=\"_blank\" class=\"text-emerald-600 hover:underline\">www.jbgmna.com<\/a><\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <footer class=\"bg-slate-200 text-slate-600 text-center text-sm py-4 mt-8\">\r\n <p class=\"mb-1\">\u00a9 2024 \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c. All Rights Reserved.<\/p>\r\n <p>\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 <\/footer>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n \/\/ Mobile menu toggle\r\n const mobileMenuButton = document.getElementById('mobile-menu-button');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n mobileMenuButton.addEventListener('click', function () {\r\n mobileMenu.classList.toggle('hidden');\r\n });\r\n\r\n \/\/ Smooth scrolling for mobile menu links\r\n mobileMenu.addEventListener('click', (e) => {\r\n if(e.target.tagName === 'A') {\r\n mobileMenu.classList.add('hidden');\r\n }\r\n });\r\n\r\n \/\/ Navigation active state on scroll\r\n const sections = document.querySelectorAll('section');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n navLinks.forEach(link => {\r\n link.classList.remove('nav-active');\r\n if (link.getAttribute('href').substring(1) === entry.target.id) {\r\n link.classList.add('nav-active');\r\n }\r\n });\r\n }\r\n });\r\n }, { rootMargin: '-50% 0px -50% 0px' });\r\n\r\n sections.forEach(section => {\r\n observer.observe(section);\r\n });\r\n\r\n \/\/ Chart.js implementation\r\n const ctx = document.getElementById('taxBenefitChart').getContext('2d');\r\n const taxBenefitChart = new Chart(ctx, {\r\n type: 'bar',\r\n data: {\r\n labels: ['\uc791\ubb3c\uc7ac\ubc30\uc5c5 \uc18c\ub4dd \ubc95\uc778\uc138', '\uc591\ub3c4\uc18c\ub4dd\uc138 (8\ub144 \uc790\uacbd)', '\ucde8\ub4dd\uc138 (\uc601\ub18d\ubaa9\uc801 \ubd80\ub3d9\uc0b0)', '\uae30\ud0c0 (\ub4f1\ub85d\uba74\ud5c8\uc138, \uc7ac\uc0b0\uc138 \ub4f1)'],\r\n datasets: [{\r\n label: '\uac10\uba74\uc728 (%)',\r\n data: [100, 100, 50, 75],\r\n backgroundColor: [\r\n 'rgba(16, 185, 129, 0.6)',\r\n 'rgba(5, 150, 105, 0.6)',\r\n 'rgba(14, 165, 233, 0.6)',\r\n 'rgba(2, 132, 199, 0.6)'\r\n ],\r\n borderColor: [\r\n 'rgba(16, 185, 129, 1)',\r\n 'rgba(5, 150, 105, 1)',\r\n 'rgba(14, 165, 233, 1)',\r\n 'rgba(2, 132, 199, 1)'\r\n ],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n indexAxis: 'y',\r\n plugins: {\r\n legend: {\r\n display: false\r\n },\r\n tooltip: {\r\n callbacks: {\r\n label: function(context) {\r\n return ' \ucd5c\ub300 ' + context.raw + '% \uac10\uba74';\r\n }\r\n }\r\n },\r\n title: {\r\n display: true,\r\n text: '\ub18d\uc5b4\uc5c5\ubc95\uc778 \uc8fc\uc694 \uc138\uae08 \uac10\uba74 \ud61c\ud0dd',\r\n font: {\r\n size: 16,\r\n weight: 'bold',\r\n },\r\n padding: {\r\n bottom: 20\r\n }\r\n }\r\n },\r\n scales: {\r\n x: {\r\n beginAtZero: true,\r\n max: 100,\r\n ticks: {\r\n callback: function(value) {\r\n return value + '%'\r\n }\r\n }\r\n }\r\n }\r\n }\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>\ub18d\uc5b4\uc5c5\ubc95\uc778 \uc124\ub9bd \uc778\ud130\ub799\ud2f0\ube0c \uac00\uc774\ub4dc | \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c \ub18d\uc5b4\uc5c5\ubc95\uc778 \uc124\ub9bd \uac00\uc774\ub4dc \ud55c\ub208\uc5d0 \ube44\uad50 \uc124\ub9bd \uc808\ucc28 \ud575\uc2ec \ud61c\ud0dd \uc804\ubb38\uac00 \uc0c1\ub2f4 \ud55c\ub208\uc5d0 \ube44\uad50 \uc124\ub9bd \uc808\ucc28 \ud575\uc2ec \ud61c\ud0dd \uc804\ubb38\uac00 \uc0c1\ub2f4 \ub18d\uc5b4\uc5c5\uc758 \uafc8 \ubc95\uc778 \uc124\ub9bd\uc73c\ub85c \uc2e4\ud604\ud558\uc138\uc694 …<\/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-2809","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2809","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=2809"}],"version-history":[{"count":14,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2809\/revisions"}],"predecessor-version":[{"id":2825,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2809\/revisions\/2825"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}