{"id":2879,"date":"2025-08-18T10:44:52","date_gmt":"2025-08-18T01:44:52","guid":{"rendered":"http:\/\/jbgmna.com\/?page_id=2879"},"modified":"2025-08-18T13:20:32","modified_gmt":"2025-08-18T04:20:32","slug":"%ec%83%9d%ed%99%9c%ed%99%94%ed%95%99%ec%a0%9c%ed%92%88%ec%9d%b8%ec%a6%9d-msds%ec%9e%91%ec%84%b1","status":"publish","type":"page","link":"http:\/\/jbgmna.com\/?page_id=2879","title":{"rendered":"\uc0dd\ud65c\ud654\ud559\uc81c\ud488\uc778\uc99d MSDS\uc791\uc131"},"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 \uc0dd\ud65c\ud654\ud559\uc81c\ud488 \ud1b5\ud569 \uad00\ub9ac \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&display=swap\" rel=\"stylesheet\">\r\n <!-- Chosen Palette: Calm Harmony -->\r\n <!-- Application Structure Plan: The application is structured as a single-page, multi-section layout with a sticky top navigation for easy access. This thematic section approach (Overview, Process, Checklist, FAQ, Contact) was chosen over a linear document format to allow users (company employees) to quickly jump to the information they need most. The core of the interactivity has been changed to a static, expanded list of steps for immediate viewing. This task-oriented design enhances usability and comprehension for non-experts. -->\r\n <!-- Visualization & Content Choices:\r\n - Overview: Goal: Inform. Method: Styled cards (HTML\/Tailwind) to separate and highlight the definitions of 'Certification' and 'MSDS'. Interaction: Subtle hover effects. Justification: Improves scannability of key concepts.\r\n - Core Process: Goal: Explain a complex process. Method: A series of vertically stacked cards (HTML\/Tailwind) now presents all 5 steps in an expanded, non-interactive list. Interaction: None. Justification: Provides a linear, comprehensive overview of the entire process without requiring user interaction, which is beneficial for users who want to quickly scan all steps.\r\n - Checklist & FAQ: Goal: Organize & Inform. Method: Styled lists and an accordion menu (HTML\/Tailwind\/JS). Interaction: Clicking questions in the FAQ reveals answers. Justification: Makes dense information actionable and digestible, preventing user overload.\r\n - Library\/Method: Vanilla JS for navigation and UI interactions. Chart.js is no longer used for the process visualization.\r\n -->\r\n <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\r\n <style>\r\n body { font-family: 'Noto Sans KR', sans-serif; }\r\n .chart-container { position: relative; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; height: 350px; max-height: 400px; }\r\n @media (max-width: 768px) { .chart-container { height: 450px; } }\r\n .nav-link { transition: color 0.3s, border-bottom-color 0.3s; }\r\n .nav-link.active, .nav-link:hover { color: #2563eb; border-bottom-color: #2563eb; }\r\n .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out; }\r\n .step-info-card { transition: opacity 0.5s, transform 0.5s; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800\">\r\n\r\n <header class=\"bg-white shadow-md sticky top-0 z-50\">\r\n <nav class=\"container mx-auto px-6 py-3\">\r\n <div class=\"flex justify-between items-center\">\r\n <div class=\"text-xl font-bold text-gray-700\">\r\n <a href=\"#\">\ud654\ud559\uc81c\ud488 \uad00\ub9ac \uac00\uc774\ub4dc<\/a>\r\n <\/div>\r\n <div class=\"hidden md:flex items-center space-x-8\">\r\n <a href=\"#overview\" class=\"nav-link border-b-2 border-transparent pb-1\">\uac1c\uc694<\/a>\r\n <a href=\"#process\" class=\"nav-link border-b-2 border-transparent pb-1\">\ud575\uc2ec \uc808\ucc28<\/a>\r\n <a href=\"#checklist\" class=\"nav-link border-b-2 border-transparent pb-1\">\ud544\uc218 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/a>\r\n <a href=\"#faq\" class=\"nav-link border-b-2 border-transparent pb-1\">\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38<\/a>\r\n <a href=\"#contact\" class=\"nav-link border-b-2 border-transparent pb-1\">\uc804\ubb38\uac00 \ubb38\uc758<\/a>\r\n <\/div>\r\n <div class=\"md:hidden\">\r\n <button id=\"mobile-menu-button\" class=\"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 <\/div>\r\n <\/div>\r\n <div id=\"mobile-menu\" class=\"hidden md:hidden mt-4\">\r\n <a href=\"#overview\" class=\"block py-2 text-gray-700\">\uac1c\uc694<\/a>\r\n <a href=\"#process\" class=\"block py-2 text-gray-700\">\ud575\uc2ec \uc808\ucc28<\/a>\r\n <a href=\"#checklist\" class=\"block py-2 text-gray-700\">\ud544\uc218 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/a>\r\n <a href=\"#faq\" class=\"block py-2 text-gray-700\">\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38<\/a>\r\n <a href=\"#contact\" class=\"block py-2 text-gray-700\">\uc804\ubb38\uac00 \ubb38\uc758<\/a>\r\n <\/div>\r\n <\/nav>\r\n <\/header>\r\n\r\n <main>\r\n <section id=\"hero\" class=\"bg-blue-50 py-20\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h1 class=\"text-4xl md:text-5xl font-bold text-blue-800 mb-4\">\uc0dd\ud65c\ud654\ud559\uc81c\ud488 \uc778\uc99d \ubc0f MSDS,<\/h1>\r\n <p class=\"text-xl text-gray-600\">\ubcf5\uc7a1\ud55c \uaddc\uc81c\ub97c \uba85\ucf8c\ud55c \uac00\uc774\ub4dc\ub85c \ud574\uacb0\ud558\uc138\uc694.<\/p>\r\n <p class=\"mt-4 max-w-2xl mx-auto\">\ubcf8 \uac00\uc774\ub4dc\ub294 \uae30\uc5c5\uc758 \ubaa8\ub4e0 \uc784\uc9c1\uc6d0\uc774 \ud654\ud559\ubb3c\uc9c8 \uad00\ub828 \ubc95\uaddc\ub97c \uc27d\uac8c \uc774\ud574\ud558\uace0, \uc2e4\ubb34\uc5d0 \ubc14\ub85c \uc801\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\uae30 \uc704\ud574 \uc81c\uc791\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"overview\" class=\"py-16 md:py-24 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\">\uac1c\uc694: \uc65c \uc911\uc694\ud560\uae4c\uc694?<\/h2>\r\n <p class=\"mt-4 text-lg text-gray-600\">\uc6b0\ub9ac \uc0dd\ud65c \uc18d \uc81c\ud488\ub4e4\uc758 \uc548\uc804\uc740 '\ud654\uad00\ubc95'\uacfc '\ud654\ud3c9\ubc95'\uc774\ub77c\ub294 \ub450 \uac00\uc9c0 \uc8fc\uc694 \ubc95\ub960\ub85c \uad00\ub9ac\ub429\ub2c8\ub2e4.<br>\uae30\uc5c5\uc758 \ud22c\uba85\uc131\uacfc \uc18c\ube44\uc790\uc758 \uc548\uc804\uc744 \uc704\ud574 \ubc18\ub4dc\uc2dc \uc54c\uc544\uc57c \ud560 \ud575\uc2ec \uac1c\ub150\ub4e4\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\r\n <div class=\"bg-gray-50 p-8 rounded-lg shadow-sm hover:shadow-lg transition-shadow duration-300\">\r\n <h3 class=\"text-2xl font-semibold mb-4 flex items-center\"><span class=\"text-3xl mr-3\">\ud83d\udcdc<\/span>\uc0dd\ud65c\ud654\ud559\uc81c\ud488 \uc778\uc99d<\/h3>\r\n <p class=\"text-gray-700\">\uc815\ubd80\uac00 \uc9c0\uc815\ud55c \uc548\uc804 \uae30\uc900\uc5d0 \ub530\ub77c \uc81c\ud488\uc758 \uc548\uc804\uc131\uc744 \uacf5\uc2dd\uc801\uc73c\ub85c \ud655\uc778\ubc1b\ub294 \ud544\uc218 \uc808\ucc28\uc785\ub2c8\ub2e4. \uc774 \uc778\uc99d\uc744 \ud1b5\ud574 \uc18c\ube44\uc790\ub294 \uc548\uc2ec\ud558\uace0 \uc81c\ud488\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, \uae30\uc5c5\uc740 \uc81c\ud488\uc758 \uc2e0\ub8b0\ub3c4\ub97c \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 p-8 rounded-lg shadow-sm hover:shadow-lg transition-shadow duration-300\">\r\n <h3 class=\"text-2xl font-semibold mb-4 flex items-center\"><span class=\"text-3xl mr-3\">\ud83e\uddea<\/span>MSDS (\ubb3c\uc9c8\uc548\uc804\ubcf4\uac74\uc790\ub8cc)<\/h3>\r\n <p class=\"text-gray-700\">\uc81c\ud488\uc5d0 \ud568\uc720\ub41c \ud654\ud559\ubb3c\uc9c8\uc758 \uc720\ud574\uc131, \uc704\ud5d8\uc131, \uc751\uae09\uc870\uce58 \uc694\ub839 \ub4f1 16\uac00\uc9c0 \ud56d\ubaa9\uc744 \uc0c1\uc138\ud788 \uae30\uc220\ud55c \uc124\uba85\uc11c\uc785\ub2c8\ub2e4. \uc774\ub294 \uc791\uc5c5\uc790\uc758 \uc548\uc804\uc744 \ubcf4\uc7a5\ud558\uace0 \ud654\ud559\uc0ac\uace0 \ubc1c\uc0dd \uc2dc \uc2e0\uc18d\ud558\uac8c \ub300\uc751\ud558\uae30 \uc704\ud55c \ud575\uc2ec \uc790\ub8cc\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"process\" class=\"py-16 md:py-24 bg-gray-50\">\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\">\ud575\uc2ec \uc808\ucc28: \ud55c\ub208\uc5d0 \ubcf4\uae30<\/h2>\r\n <p class=\"mt-4 text-lg text-gray-600\">\uc778\uc99d\ubd80\ud130 \uc81c\ucd9c\uae4c\uc9c0\uc758 \ubcf5\uc7a1\ud55c \uacfc\uc815\uc744 5\ub2e8\uacc4\ub85c \uc815\ub9ac\ud588\uc2b5\ub2c8\ub2e4.<br>\uc774\uc81c \ubaa8\ub4e0 \ub2e8\uacc4\ub97c \ud55c\ub208\uc5d0 \ud655\uc778\ud558\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"space-y-8 max-w-4xl mx-auto\">\r\n <div class=\"bg-white p-8 rounded-lg shadow-md\">\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-4\">1\ub2e8\uacc4: \uc81c\ud488 \ubd84\ub958 \ubc0f \ud655\uc778<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed\">\uc6b0\ub9ac \ud68c\uc0ac\uc758 \uc81c\ud488\uc774 '\ud654\ud559\ubb3c\uc9c8\uad00\ub9ac\ubc95(\ud654\uad00\ubc95)'\uacfc '\ud654\ud559\ubb3c\uc9c8\uc758 \ub4f1\ub85d \ubc0f \ud3c9\uac00 \ub4f1\uc5d0 \uad00\ud55c \ubc95\ub960(\ud654\ud3c9\ubc95)' \uc911 \uc5b4\ub5a4 \ubc95\uaddc\uc758 \uc801\uc6a9\uc744 \ubc1b\ub294\uc9c0, \uc548\uc804\ud655\uc778\ub300\uc0c1\uc0dd\ud65c\ud654\ud559\uc81c\ud488\uc5d0 \ud574\ub2f9\ud558\ub294\uc9c0 \uc815\ud655\ud788 \ud655\uc778\ud558\ub294 \uccab \ub2e8\uacc4\uc785\ub2c8\ub2e4. \uc804\ubb38\uac00\uc758 \uac80\ud1a0\ub97c \ud1b5\ud574 \ubd88\ud544\uc694\ud55c \uc808\ucc28\ub97c \uc904\uc774\uace0 \uc815\ud655\ud55c \ubc29\ud5a5\uc744 \uc124\uc815\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-lg shadow-md\">\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-4\">2\ub2e8\uacc4: \uc548\uc804\uc131 \uc2dc\ud5d8 \uc758\ub8b0<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed\">\uc81c\ud488\uc758 \uc548\uc804\uc131\uc744 \uc785\uc99d\ud558\uae30 \uc704\ud574 \uc815\ubd80\uac00 \uc778\uc815\ud55c \uacf5\uc778 \uc2dc\ud5d8\ubd84\uc11d\uae30\uad00\uc5d0 \uc81c\ud488 \uc2dc\ud5d8\uc744 \uc758\ub8b0\ud569\ub2c8\ub2e4. \uc81c\ud488\uc758 \ud2b9\uc131\uacfc \uc6a9\ub3c4\uc5d0 \ub530\ub77c \ud544\uc694\ud55c \uc2dc\ud5d8 \ud56d\ubaa9\uc774 \ub2ec\ub77c\uc9c0\uba70, \uc774 \uacb0\uacfc\ub97c \ubc14\ud0d5\uc73c\ub85c \uc548\uc804\uae30\uc900 \uc801\ud569 \uc5ec\ubd80\ub97c \ud310\ub2e8\ud558\uac8c \ub429\ub2c8\ub2e4. \uc2dc\ud5d8 \uc131\uc801\uc11c\ub294 \uc778\uc99d \uc2e0\uccad\uc758 \ud575\uc2ec \uc99d\ube59 \uc790\ub8cc\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-lg shadow-md\">\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-4\">3\ub2e8\uacc4: MSDS \uc791\uc131<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed\">\uc2dc\ud5d8 \uacb0\uacfc\uc640 \uc81c\ud488\uc758 \ubaa8\ub4e0 \uc131\ubd84 \uc815\ubcf4\ub97c \ubc14\ud0d5\uc73c\ub85c, \ubc95\uc801 \uc591\uc2dd\uc5d0 \ub9de\ub294 \ubb3c\uc9c8\uc548\uc804\ubcf4\uac74\uc790\ub8cc(MSDS)\ub97c \uc791\uc131\ud569\ub2c8\ub2e4. MSDS\uc5d0\ub294 \ud654\ud559\ubb3c\uc9c8\uc758 \uba85\uce6d, \uc720\ud574\uc131\u00b7\uc704\ud5d8\uc131, \uad6c\uc131\uc131\ubd84\uc758 \uba85\uce6d \ubc0f \ud568\uc720\ub7c9, \uc751\uae09\uc870\uce58 \uc694\ub839, \ucde8\uae09\ubc29\ubc95 \ub4f1 16\uac00\uc9c0 \ud544\uc218 \ud56d\ubaa9\uc774 \uc815\ud655\ud558\uac8c \ud3ec\ud568\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-lg shadow-md\">\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-4\">4\ub2e8\uacc4: \uc2e0\uace0 \ubc0f \uc81c\ucd9c<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed\">\uc900\ube44\ub41c \ubaa8\ub4e0 \uc11c\ub958(\uc548\uc804\uc131 \uc2dc\ud5d8 \uc131\uc801\uc11c, MSDS, \uc81c\ud488 \uc815\ubcf4 \ub4f1)\ub97c \ud654\ud559\uc81c\ud488\uad00\ub9ac\uc2dc\uc2a4\ud15c(chemp.me.go.kr)\uc744 \ud1b5\ud574 \uc628\ub77c\uc778\uc73c\ub85c \uc81c\ucd9c\ud569\ub2c8\ub2e4. \uc774 \ub2e8\uacc4\uc5d0\uc11c \uc11c\ub958\uac00 \ubbf8\ube44\ud558\uac70\ub098 \ub0b4\uc6a9\uc774 \ubd80\uc815\ud655\ud558\uba74 \ubcf4\uc644 \uc694\uccad\uc744 \ubc1b\uc744 \uc218 \uc788\uc73c\ubbc0\ub85c \uaf3c\uaf3c\ud55c \ud655\uc778\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-lg shadow-md\">\r\n <h3 class=\"text-2xl font-bold text-blue-700 mb-4\">5\ub2e8\uacc4: \uc801\ud569\uc131 \ud655\uc778 \ubc0f \uc778\uc99d \uc644\ub8cc<\/h3>\r\n <p class=\"text-gray-700 leading-relaxed\">\uc81c\ucd9c\ub41c \uc11c\ub958\ub97c \ubc14\ud0d5\uc73c\ub85c \ud654\ud559\ubb3c\uc9c8\uc548\uc804\uc6d0\uc5d0\uc11c \ucd5c\uc885 \uac80\ud1a0\ub97c \uc9c4\ud589\ud569\ub2c8\ub2e4. \ubaa8\ub4e0 \uae30\uc900\uc5d0 \uc801\ud569\ud558\ub2e4\uace0 \ud310\ub2e8\ub418\uba74 \uace0\uc720\uc758 \uc2e0\uace0\ubc88\ud638 \ub610\ub294 \uc2b9\uc778\ubc88\ud638\uac00 \ubd80\uc5ec\ub418\uba70, \uc774\ub85c\uc368 \uacf5\uc2dd\uc801\uc778 \ud310\ub9e4 \ubc0f \uc720\ud1b5\uc774 \uac00\ub2a5\ud574\uc9d1\ub2c8\ub2e4. \uc778\uc99d \ud6c4\uc5d0\ub3c4 \uc0ac\ud6c4\uad00\ub9ac\ub294 \uc9c0\uc18d\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"checklist\" class=\"py-16 md:py-24 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\">\ud544\uc218 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/h2>\r\n <p class=\"mt-4 text-lg text-gray-600\">\uc2e4\ubb34\uc5d0\uc11c \ub193\uce58\uae30 \uc26c\uc6b4 \ud575\uc2ec \uc900\ube44 \uc11c\ub958\uc640 \uc8fc\uc758\uc0ac\ud56d\uc744 \ud655\uc778\ud558\uc138\uc694.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-12 max-w-5xl mx-auto\">\r\n <div>\r\n <h3 class=\"text-2xl font-semibold mb-6 border-l-4 border-blue-500 pl-4\">\u2705 \uc900\ube44 \uc11c\ub958<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start\"><span class=\"text-blue-500 mr-3 mt-1\">\u25cf<\/span><div><strong class=\"font-medium\">\uc81c\ud488 \uc815\ubcf4:<\/strong> \uc81c\ud488\uba85, \uc6a9\ub3c4, \uc81c\ud615, \uc911\ub7c9\/\uc6a9\ub7c9, \uc81c\uc870\/\uc218\uc785\uc790 \uc815\ubcf4<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"text-blue-500 mr-3 mt-1\">\u25cf<\/span><div><strong class=\"font-medium\">\ud654\ud559\ubb3c\uc9c8 \uc815\ubcf4:<\/strong> \uc804\uc131\ubd84, \uac01 \uc131\ubd84\uc758 \ud568\ub7c9 \ubc0f \ubc30\ud569\ube44\uc728<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"text-blue-500 mr-3 mt-1\">\u25cf<\/span><div><strong class=\"font-medium\">\uc548\uc804\uc131 \ud3c9\uac00 \uc790\ub8cc:<\/strong> \uacf5\uc778 \uc2dc\ud5d8\uae30\uad00\uc758 \uc2dc\ud5d8\ubd84\uc11d \uc131\uc801\uc11c<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"text-blue-500 mr-3 mt-1\">\u25cf<\/span><div><strong class=\"font-medium\">\ud45c\uc2dc \uacac\ubcf8:<\/strong> \uc81c\ud488 \ud3ec\uc7a5\uc5d0 \ubd80\ucc29\ub420 \ub77c\ubca8 \ubc0f \uacbd\uace0 \ubb38\uad6c \uc2dc\uc548<\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-2xl font-semibold mb-6 border-l-4 border-yellow-500 pl-4\">\u26a0\ufe0f \uc8fc\uc758\uc0ac\ud56d & \uc0ac\ud6c4\uad00\ub9ac<\/h3>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start\"><span class=\"text-yellow-500 mr-3 mt-1\">\u25cf<\/span><div><strong class=\"font-medium\">\uae30\ud55c \uc900\uc218:<\/strong> \ud654\ud3c9\ubc95 \uc790\uc9c4\uc2e0\uace0 \ub4f1 \uc815\ubd80 \uacf5\uace0 \uae30\ud55c \uc5c4\uc218<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"text-yellow-500 mr-3 mt-1\">\u25cf<\/span><div><strong class=\"font-medium\">\ucd5c\uc2e0 \uc815\ubcf4 \ubc18\uc601:<\/strong> \ubc95\uaddc \uac1c\uc815\uc0ac\ud56d\uc744 \uc8fc\uae30\uc801\uc73c\ub85c \ud655\uc778\ud558\uace0 \ubc18\uc601<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"text-yellow-500 mr-3 mt-1\">\u25cf<\/span><div><strong class=\"font-medium\">MSDS \ubc30\ud3ec \ubc0f \uad50\uc721:<\/strong> \uc0ac\uc5c5\uc7a5 \ub0b4 \uadfc\ub85c\uc790\uac00 \uc27d\uac8c \ubcfc \uc218 \uc788\ub3c4\ub85d \ube44\uce58\ud558\uace0 \uc815\uae30 \uad50\uc721 \uc2e4\uc2dc<\/div><\/li>\r\n <li class=\"flex items-start\"><span class=\"text-yellow-500 mr-3 mt-1\">\u25cf<\/span><div><strong class=\"font-medium\">\ubcc0\uacbd \uc2e0\uace0:<\/strong> \uc131\ubd84, \uc6a9\ub7c9 \ub4f1 \uc8fc\uc694 \uc0ac\ud56d \ubcc0\uacbd \uc2dc \uc989\uc2dc \uc2e0\uace0<\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"faq\" class=\"py-16 md:py-24 bg-gray-50\">\r\n <div class=\"container mx-auto px-6 max-w-3xl\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl font-bold\">\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 (FAQ)<\/h2>\r\n <p class=\"mt-4 text-lg text-gray-600\">\uae30\uc5c5 \ub2f4\ub2f9\uc790\ub4e4\uc774 \uac00\uc7a5 \uad81\uae08\ud574\ud558\ub294 \uc9c8\ubb38\uacfc \ub2f5\ubcc0\uc744 \ubaa8\uc558\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"faq-item bg-white p-6 rounded-lg shadow-sm\">\r\n <button class=\"faq-question w-full text-left flex justify-between items-center\">\r\n <span class=\"text-lg font-medium\">Q. \uc800\ud76c \uc81c\ud488\ub3c4 \uc778\uc99d \ub300\uc0c1\uc778\uac00\uc694?<\/span>\r\n <span class=\"transform transition-transform duration-300\">\u25bc<\/span>\r\n <\/button>\r\n <div class=\"accordion-content mt-4 text-gray-700\">\r\n <p>A. \uc138\uc815\uc81c, \ubc29\ud5a5\uc81c, \uc811\ucc29\uc81c \ub4f1 '\uc548\uc804\ud655\uc778\ub300\uc0c1\uc0dd\ud65c\ud654\ud559\uc81c\ud488'\uc73c\ub85c \uc9c0\uc815\ub41c 40\uc5ec\uac1c \ud488\ubaa9\uc740 \ubc18\ub4dc\uc2dc \uc778\uc99d\uc744 \ubc1b\uc544\uc57c \ud569\ub2c8\ub2e4. \uc81c\ud488\uc774 \uc5b4\ub5a4 \ubc95\uaddc\uc758 \uc801\uc6a9\uc744 \ubc1b\ub294\uc9c0 \uc804\ubb38\uac00\uc640 \uc0c1\ub2f4\ud558\uc5ec \uc815\ud655\ud788 \ud655\uc778\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item bg-white p-6 rounded-lg shadow-sm\">\r\n <button class=\"faq-question w-full text-left flex justify-between items-center\">\r\n <span class=\"text-lg font-medium\">Q. \ud654\ud3c9\ubc95 \uc790\uc9c4\uc2e0\uace0 \uae30\uac04\uc744 \ub193\uce58\uba74 \uc5b4\ub5bb\uac8c \ub418\ub098\uc694?<\/span>\r\n <span class=\"transform transition-transform duration-300\">\u25bc<\/span>\r\n <\/button>\r\n <div class=\"accordion-content mt-4 text-gray-700\">\r\n <p>A. \uc790\uc9c4\uc2e0\uace0 \uae30\uac04\uc774 \uc9c0\ub098\uba74 \ubc95\uaddc \uc704\ubc18\uc73c\ub85c \uac04\uc8fc\ub418\uc5b4 \uacfc\ud0dc\ub8cc, \uacfc\uc9d5\uae08 \ub610\ub294 \ud615\uc0ac\ucc98\ubc8c\uc744 \ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc815\ubd80\uc758 \uc790\uc9c4\uc2e0\uace0 \uae30\uac04\uc740 \ubc95\uaddc \uc704\ubc18 \uc0ac\ud56d\uc744 \ubc14\ub85c\uc7a1\uc744 \uc218 \uc788\ub294 \uc911\uc694\ud55c \uae30\ud68c\uc774\ubbc0\ub85c \ubc18\ub4dc\uc2dc \uae30\ud55c \ub0b4\uc5d0 \uc774\ud589\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item bg-white p-6 rounded-lg shadow-sm\">\r\n <button class=\"faq-question w-full text-left flex justify-between items-center\">\r\n <span class=\"text-lg font-medium\">Q. MSDS\ub294 \uc5b8\uc81c, \uc5b4\ub5bb\uac8c \uc81c\uacf5\ud574\uc57c \ud558\ub098\uc694?<\/span>\r\n <span class=\"transform transition-transform duration-300\">\u25bc<\/span>\r\n <\/button>\r\n <div class=\"accordion-content mt-4 text-gray-700\">\r\n <p>A. MSDS\ub294 \ud574\ub2f9 \ud654\ud559\ubb3c\uc9c8\uc744 \uc591\ub3c4\ud558\uac70\ub098 \uc81c\uacf5\ud560 \ub54c \ud568\uaed8 \uc81c\uacf5\ud574\uc57c \ud558\uba70, \uc0ac\uc5c5\uc7a5 \ub0b4\uc5d0\ub294 \ucde8\uae09 \uadfc\ub85c\uc790\uac00 \uc27d\uac8c \uc811\uadfc\ud560 \uc218 \uc788\ub294 \uc7a5\uc18c\uc5d0 \ud56d\uc0c1 \uac8c\uc2dc\ud558\uac70\ub098 \ube44\uce58\ud574\uc57c \ud569\ub2c8\ub2e4. \ub610\ud55c, \uc2e0\uaddc \uc785\uc0ac\uc790\ub098 \uc791\uc5c5 \ub0b4\uc6a9 \ubcc0\uacbd \uc2dc\uc5d0\ub294 \ubc18\ub4dc\uc2dc MSDS \uad50\uc721\uc744 \uc2e4\uc2dc\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contact\" class=\"py-16 md:py-24 bg-blue-600 text-white\">\r\n <div class=\"container mx-auto px-6 text-center\">\r\n <h2 class=\"text-3xl font-bold mb-4\">\uc804\ubb38\uac00\uc758 \ub3c4\uc6c0\uc774 \ud544\uc694\ud558\uc2e0\uac00\uc694?<\/h2>\r\n <p class=\"mt-4 text-lg text-blue-100 max-w-2xl mx-auto\">\ubcf5\uc7a1\ud558\uace0 \uae4c\ub2e4\ub85c\uc6b4 \ud654\ud559\ubb3c\uc9c8 \uaddc\uc81c, \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c\uac00 \uba85\ucf8c\ud55c \ud574\uacb0\ucc45\uc744 \uc81c\uc2dc\ud569\ub2c8\ub2e4.<\/p>\r\n <div class=\"mt-10 bg-white text-gray-800 rounded-lg shadow-xl p-8 max-w-2xl mx-auto inline-block\">\r\n <h3 class=\"text-2xl font-bold text-blue-800\">\ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c<\/h3>\r\n <div class=\"mt-6 text-left space-y-4\">\r\n <p class=\"flex items-center\"><span class=\"text-xl mr-3\">\ud83d\udccd<\/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 class=\"flex items-center\"><span class=\"text-xl mr-3\">\ud83d\udcde<\/span><strong>\uc804\ud654:<\/strong> 010-6584-0070<\/p>\r\n <p class=\"flex items-center\"><span class=\"text-xl mr-3\">\ud83d\udce0<\/span><strong>\ud329\uc2a4:<\/strong> 031-624-2738<\/p>\r\n <p class=\"flex items-center\"><span class=\"text-xl mr-3\">\ud83d\udce7<\/span><strong>\uba54\uc77c:<\/strong> jirunpeople@naver.com<\/p>\r\n <p class=\"flex items-center\"><span class=\"text-xl mr-3\">\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 <\/section>\r\n <\/main>\r\n\r\n <footer class=\"bg-gray-800 text-white py-6\">\r\n <div class=\"container mx-auto px-6 text-center text-sm\">\r\n <p>© 2024 \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c. All Rights Reserved.<\/p>\r\n <p class=\"mt-2\">\ubcf8 \ud398\uc774\uc9c0\ub294 \uc815\ubcf4 \uc81c\uacf5\uc744 \ubaa9\uc801\uc73c\ub85c \ud558\uba70, \ubc95\ub960 \uc790\ubb38\uc744 \ub300\uccb4\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n <\/footer>\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 const navLinks = document.querySelectorAll('nav a');\r\n navLinks.forEach(link => {\r\n link.addEventListener('click', (e) => {\r\n if (link.hash !== \"\") {\r\n e.preventDefault();\r\n const targetElement = document.querySelector(link.hash);\r\n if (targetElement) {\r\n targetElement.scrollIntoView({ behavior: 'smooth' });\r\n if (mobileMenu.classList.contains('hidden') === false) {\r\n mobileMenu.classList.add('hidden');\r\n }\r\n }\r\n }\r\n });\r\n });\r\n\r\n const sections = document.querySelectorAll('main section[id]');\r\n const topNavLinks = document.querySelectorAll('header nav .hidden a');\r\n\r\n window.addEventListener('scroll', () => {\r\n let current = '';\r\n sections.forEach(section => {\r\n const sectionTop = section.offsetTop;\r\n if (pageYOffset >= sectionTop - 100) {\r\n current = section.getAttribute('id');\r\n }\r\n });\r\n\r\n topNavLinks.forEach(link => {\r\n link.classList.remove('active');\r\n if (link.href.includes(current)) {\r\n link.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n const content = item.querySelector('.accordion-content');\r\n const icon = question.querySelector('span:last-child');\r\n\r\n question.addEventListener('click', () => {\r\n const isOpening = content.style.maxHeight === '0px' || !content.style.maxHeight;\r\n\r\n faqItems.forEach(otherItem => {\r\n otherItem.querySelector('.accordion-content').style.maxHeight = '0px';\r\n otherItem.querySelector('.faq-question span:last-child').style.transform = 'rotate(0deg)';\r\n });\r\n\r\n if (isOpening) {\r\n content.style.maxHeight = content.scrollHeight + 'px';\r\n icon.style.transform = 'rotate(180deg)';\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>\uc0dd\ud65c\ud654\ud559\uc81c\ud488 \ud1b5\ud569 \uad00\ub9ac \uac00\uc774\ub4dc | \ube44\uc790\uc7a1\ucf54\ub9ac\uc544\ud589\uc815\uc0ac\uc0ac\ubb34\uc18c \ud654\ud559\uc81c\ud488 \uad00\ub9ac \uac00\uc774\ub4dc \uac1c\uc694 \ud575\uc2ec \uc808\ucc28 \ud544\uc218 \uccb4\ud06c\ub9ac\uc2a4\ud2b8 \uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 \uc804\ubb38\uac00 \ubb38\uc758 \uac1c\uc694 \ud575\uc2ec \uc808\ucc28 \ud544\uc218 \uccb4\ud06c\ub9ac\uc2a4\ud2b8 \uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 \uc804\ubb38\uac00 \ubb38\uc758 \uc0dd\ud65c\ud654\ud559\uc81c\ud488 …<\/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-2879","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2879","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=2879"}],"version-history":[{"count":7,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2879\/revisions"}],"predecessor-version":[{"id":2929,"href":"http:\/\/jbgmna.com\/index.php?rest_route=\/wp\/v2\/pages\/2879\/revisions\/2929"}],"wp:attachment":[{"href":"http:\/\/jbgmna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}