{"id":14889,"date":"2025-10-25T14:56:18","date_gmt":"2025-10-25T14:56:18","guid":{"rendered":"https:\/\/o2nb.site\/?page_id=14889"},"modified":"2025-10-30T22:38:11","modified_gmt":"2025-10-30T22:38:11","slug":"capa","status":"publish","type":"page","link":"https:\/\/o2nb.site\/vi\/capa\/","title":{"rendered":"O2&amp;B \uc0ac\uc5c5\uc5ed\ub7c9 \ubc0f \uc2e4\uc801"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"14889\" class=\"elementor elementor-14889\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9453406 e-flex e-con-boxed e-con e-parent\" data-id=\"9453406\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2860d54 elementor-widget elementor-widget-html\" data-id=\"2860d54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ko\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>O2&B \uc0ac\uc5c5 \uc5ed\ub7c9 \ud1b5\ud569 \ubd84\uc11d - \ub2e4\ud06c \ud14c\ub9c8<\/title>\r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Fonts: Pretendard & Inter -->\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.9\/dist\/web\/static\/pretendard.min.css\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <!-- Font Awesome for Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" xintegrity=\"sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n\r\n    <style>\r\n        \/* --- \ub2e4\ud06c \ud14c\ub9c8 \uae30\ubcf8 & \uc2a4\ud06c\ub864 \uc124\uc815 --- *\/\r\n        html, body {\r\n            height: 100%;\r\n            width: 100%;\r\n            margin: 0;\r\n            padding: 0;\r\n            background-color: #0d1117; \/* \uc5b4\ub450\uc6b4 \ubc30\uacbd *\/\r\n            color: #e2e8f0; \/* \uae30\ubcf8 \ubc1d\uc740 \ud14d\uc2a4\ud2b8 *\/\r\n            font-family: 'Pretendard', 'Inter', sans-serif;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n        }\r\n\r\n        \/* --- \ub2e4\ud06c \ud14c\ub9c8 \uc0c9\uc0c1 \ubcc0\uc218 --- *\/\r\n        :root {\r\n            --dark-bg: #0d1117;\r\n            --card-bg: rgba(255, 255, 255, 0.05);\r\n            --card-border: rgba(255, 255, 255, 0.1);\r\n            --text-primary: #e2e8f0; \/* Slate 200 *\/\r\n            --text-secondary: #94a3b8; \/* Slate 400 *\/\r\n            --accent-blue: #60a5fa; \/* Blue 400 *\/\r\n            --accent-green: #34d399; \/* Emerald 400 *\/\r\n            --accent-yellow: #facc15; \/* Yellow 400 *\/\r\n            --accent-red: #f87171; \/* Red 400 *\/\r\n            --accent-purple: #c084fc; \/* Purple 400 *\/\r\n        }\r\n\r\n        \/* --- \ud5e4\ub354 \uc139\uc158 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        .header-section {\r\n             background: linear-gradient(145deg, #1e3a8a 0%, #0d1a2b 100%); \/* \ub2e4\ud06c \ub124\uc774\ube44 \uadf8\ub77c\ub370\uc774\uc158 *\/\r\n            padding: 4rem 1rem 3rem;\r\n            text-align: center;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        .header-title {\r\n            font-size: clamp(2.5rem, 6vw, 3.5rem);\r\n            color: #f1f5f9; \/* Slate 100 *\/\r\n            font-weight: 900;\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n        }\r\n        .header-subtitle {\r\n            font-size: clamp(1.2rem, 3vw, 1.6rem);\r\n            color: var(--accent-blue); \/* \ubc1d\uc740 \ud30c\ub780\uc0c9 *\/\r\n            font-weight: 600;\r\n            margin-top: 1rem;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* --- \uc139\uc158 \uc81c\ubaa9 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        .section-title {\r\n            color: #cbd5e1; \/* Slate 300 *\/\r\n            border-bottom: 3px solid var(--accent-blue);\r\n            padding-bottom: 0.8rem;\r\n            margin-bottom: 2.5rem;\r\n            font-size: clamp(1.8rem, 4vw, 2.25rem);\r\n            font-weight: 800;\r\n            text-align: left;\r\n        }\r\n\r\n        \/* --- \uce74\ub4dc (\uc720\ub9ac \ud6a8\uacfc - \ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        .card {\r\n            background: var(--card-bg);\r\n            border-radius: 1.25rem;\r\n            padding: 1.5rem; \/* \ubaa8\ubc14\uc77c \ud328\ub529 *\/\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n            backdrop-filter: blur(12px);\r\n            border: 1px solid var(--card-border);\r\n            margin-bottom: 3rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n         @media (min-width: 768px) {\r\n             .card { padding: 2rem; } \/* \ub370\uc2a4\ud06c\ud0d1 \ud328\ub529 *\/\r\n         }\r\n         .card:hover {\r\n             transform: translateY(-5px);\r\n             box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\r\n             background: rgba(255, 255, 255, 0.07);\r\n         }\r\n\r\n        \/* --- \ud558\uc704 \ud5e4\ub354 \ubc0f \uac15\uc870 \ubc14 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        .sub-header {\r\n            font-size: clamp(1.5rem, 3.5vw, 1.8rem);\r\n            font-weight: 700;\r\n            color: #d1d5db; \/* Gray 300 *\/\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        .highlight-bar {\r\n            border-left: 5px solid var(--accent-blue);\r\n            padding-left: 1rem;\r\n            margin-left: -1rem; \/* \ub370\uc2a4\ud06c\ud0d1\uc6a9 *\/\r\n        }\r\n         @media (max-width: 768px) {\r\n             .highlight-bar { margin-left: 0; } \/* \ubaa8\ubc14\uc77c *\/\r\n         }\r\n\r\n        \/* --- MCDI \uc6d0\ub9ac \uc2dc\uac01\ud654 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        .mcdi-flow {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 1.5rem;\r\n            text-align: center;\r\n        }\r\n        .mcdi-step {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            border-radius: 1rem;\r\n            padding: 1rem;\r\n            transition: all 0.3s ease;\r\n            color: var(--text-primary);\r\n        }\r\n        .mcdi-step:hover {\r\n            border-color: var(--accent-blue);\r\n            box-shadow: 0 0 15px rgba(96, 165, 250, 0.2);\r\n            background: rgba(96, 165, 250, 0.1);\r\n        }\r\n        .mcdi-title {\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n            color: var(--accent-blue);\r\n            margin-bottom: 0.75rem;\r\n        }\r\n        .mcdi-icon {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 1rem;\r\n            opacity: 0.8;\r\n        }\r\n         .mcdi-step p {\r\n             font-size: 0.85rem;\r\n             color: #cbd5e1;\r\n             line-height: 1.4;\r\n         }\r\n         .mcdi-step span { color: #e2e8f0; }\r\n\r\n        \/* --- \ud14c\uc774\ube14 \uc2a4\ud0c0\uc77c (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        .dark-table {\r\n            width: 100%;\r\n            border-collapse: separate;\r\n            border-spacing: 0;\r\n            border-radius: 1rem;\r\n            overflow: hidden;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        .dark-table th, .dark-table td {\r\n            text-align: center;\r\n            font-size: clamp(0.8rem, 1.5vw, 0.9rem);\r\n            padding: 0.75rem 1rem;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n            color: #e2e8f0;\r\n            vertical-align: middle;\r\n        }\r\n        .dark-table th {\r\n             background: rgba(96, 165, 250, 0.15);\r\n            color: #dbeafe;\r\n            font-weight: 600;\r\n             border-bottom: 1px solid rgba(96, 165, 250, 0.3);\r\n        }\r\n         .dark-table tbody tr:last-child td {\r\n             border-bottom: none;\r\n         }\r\n        .dark-table tbody tr:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n        }\r\n        .dark-table td:first-child, .dark-table th:first-child {\r\n            text-align: left;\r\n            font-weight: 500;\r\n        }\r\n         .dark-table .mcdi-row { \/* MCDI \ud589 \uac15\uc870 *\/\r\n            background-color: rgba(52, 211, 153, 0.1) !important;\r\n            font-weight: 600;\r\n            color: #a7f3d0;\r\n        }\r\n        .dark-table .saving-percent {\r\n            font-size: clamp(0.9rem, 1.8vw, 1rem);\r\n            font-weight: 700;\r\n        }\r\n        .dark-table .saving-percent.positive { color: var(--accent-green); }\r\n        .dark-table .saving-percent.negative { color: var(--accent-red); }\r\n         \r\n         .dark-table .patent-title { \/* \ud2b9\ud5c8\uba85 \uc2a4\ud0c0\uc77c *\/\r\n             color: #cbd5e1; \/* Slate 300 *\/\r\n             font-weight: 600;\r\n         }\r\n         .dark-table .award-title { \/* \uc218\uc0c1\uba85 \uc2a4\ud0c0\uc77c *\/\r\n             color: var(--accent-blue);\r\n             font-weight: 700;\r\n         }\r\n\r\n        \/* --- \ud6a8\uc728 \ube44\uad50 \ubc15\uc2a4 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        .efficiency-box {\r\n            background-color: rgba(255, 255, 255, 0.03);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 10px;\r\n            padding: 1.5rem;\r\n            text-align: center;\r\n             color: #cbd5e1;\r\n        }\r\n         .efficiency-box p:first-child {\r\n             font-size: 1rem;\r\n             font-weight: 600;\r\n             color: #e2e8f0;\r\n         }\r\n        .efficiency-value {\r\n            font-size: clamp(2.5rem, 5vw, 3rem);\r\n            font-weight: 800;\r\n            margin: 0.5rem 0;\r\n        }\r\n        .efficiency-note {\r\n            font-size: 0.85rem;\r\n            font-weight: 500;\r\n            color: #94a3b8;\r\n        }\r\n         .efficiency-box.mcdi .efficiency-value { color: var(--accent-green); }\r\n         .efficiency-box.cdi .efficiency-value { color: var(--accent-red); }\r\n\r\n        \/* --- \uc81c\ud488 \uc1fc\ucf00\uc774\uc2a4 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        .product-showcase {\r\n            display: flex;\r\n             flex-direction: column;\r\n             align-items: center;\r\n            gap: 2rem;\r\n            padding: 1.5rem;\r\n            background-color: rgba(255, 255, 255, 0.03);\r\n            border-radius: 1rem;\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n        }\r\n         @media (min-width: 768px) {\r\n             .product-showcase {\r\n                 flex-direction: row;\r\n                 justify-content: space-around;\r\n                 padding: 2rem;\r\n             }\r\n         }\r\n        .product-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            text-align: left;\r\n             width: 100%;\r\n             max-width: 300px;\r\n        }\r\n        .product-list li {\r\n            padding: 0.6rem 0;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n            font-weight: 500;\r\n             color: #cbd5e1;\r\n             font-size: 0.95rem;\r\n        }\r\n         .product-list li:last-child { border-bottom: none; }\r\n         .product-list span { \/* \uccb4\ud06c \uc544\uc774\ucf58 *\/\r\n             color: var(--accent-green);\r\n             margin-right: 0.5rem;\r\n         }\r\n         .product-price-box {\r\n             padding: 1.5rem;\r\n             background-color: rgba(0, 0, 0, 0.2);\r\n             border-radius: 1rem;\r\n             display: inline-block;\r\n             box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n             border: 1px solid rgba(255, 255, 255, 0.1);\r\n             width: 100%;\r\n             max-width: 300px;\r\n         }\r\n         @media (min-width: 768px) {\r\n             .product-price-box { width: auto; }\r\n         }\r\n         .product-price {\r\n             font-size: clamp(2rem, 5vw, 2.5rem);\r\n             font-weight: 800;\r\n             color: var(--accent-yellow);\r\n         }\r\n         .product-name {\r\n            font-size: clamp(1rem, 3vw, 1.1rem);\r\n             font-weight: 600;\r\n             margin-top: 0.5rem;\r\n             color: #d1d5db;\r\n             max-width: 250px;\r\n             margin-left: auto;\r\n             margin-right: auto;\r\n         }\r\n         .product-tags span {\r\n             padding: 0.3rem 0.8rem;\r\n             border-radius: 9999px;\r\n             font-weight: 600;\r\n             font-size: 0.75rem;\r\n             color: #0d1117;\r\n         }\r\n         .bg-tag-green { background-color: var(--accent-green); }\r\n         .bg-tag-blue { background-color: var(--accent-blue); }\r\n\r\n        \/* --- \uc778\uc99d\uc11c \uadf8\ub9ac\ub4dc (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        .cert-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n            gap: 1.5rem; \/* \uac04\uaca9 \uc870\uc815 *\/\r\n            padding: 1rem 0;\r\n        }\r\n        .cert-item {\r\n            background-color: var(--card-bg); \/* \uc720\ub9ac \ud6a8\uacfc *\/\r\n            border: 1px solid var(--card-border);\r\n            border-radius: 0.75rem;\r\n            padding: 1rem;\r\n            text-align: center;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        }\r\n        .cert-item:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\r\n            background-color: rgba(255, 255, 255, 0.07);\r\n        }\r\n        .cert-icon {\r\n            font-size: 2rem;\r\n            margin-bottom: 0.75rem; \/* \uac04\uaca9 \uc870\uc815 *\/\r\n            line-height: 1; \/* \uc544\uc774\ucf58\uc774 \uc704\ub85c \ub728\ub294 \ud604\uc0c1 \ubc29\uc9c0 *\/\r\n        }\r\n        .cert-name-main {\r\n            font-size: 0.95rem;\r\n            font-weight: 700;\r\n            color: #e2e8f0; \/* \ubc1d\uc740 \ud14d\uc2a4\ud2b8 *\/\r\n            line-height: 1.3;\r\n        }\r\n        .cert-detail-sub {\r\n            font-size: 0.8rem;\r\n            color: #94a3b8; \/* \uc5f0\ud55c \ud14d\uc2a4\ud2b8 *\/\r\n            margin-top: 0.2rem;\r\n        }\r\n         \/* \uc778\uc99d\uc11c \uc544\uc774\ud15c \ud558\ub2e8 \ud14c\ub450\ub9ac \uc0c9\uc0c1 -> \uc0c1\ub2e8 \ud14c\ub450\ub9ac \uc0c9\uc0c1\uc73c\ub85c \ubcc0\uacbd *\/\r\n        .cert-item.border-red { border-top: 4px solid var(--accent-red); }\r\n        .cert-item.border-yellow { border-top: 4px solid var(--accent-yellow); }\r\n        .cert-item.border-green { border-top: 4px solid var(--accent-green); }\r\n        .cert-item.border-gray { border-top: 4px solid #9ca3af; }\r\n        .cert-item.border-blue { border-top: 4px solid var(--accent-blue); }\r\n        .cert-item.border-teal { border-top: 4px solid #2dd4bf; }\r\n        .cert-item.border-purple { border-top: 4px solid var(--accent-purple); }\r\n        .cert-item.border-yellow-dark { border-top: 4px solid #d97706; }\r\n        .cert-item.border-sky { border-top: 4px solid #38bdf8; }\r\n        .cert-item.border-teal-dark { border-top: 4px solid #0d9488; }\r\n        .cert-item.border-emerald { border-top: 4px solid #059669; }\r\n        .cert-item.border-lime { border-top: 4px solid #65a30d; }\r\n\r\n\r\n        \/* --- \ubaa8\ub2ec \uc2a4\ud0c0\uc77c (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        .modal {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.85); \/* \uc5b4\ub450\uc6b4 \uc624\ubc84\ub808\uc774 *\/\r\n            display: none;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 1000;\r\n             backdrop-filter: blur(8px); \/* \ubc30\uacbd \ube14\ub7ec *\/\r\n        }\r\n        .modal-content {\r\n            background-color: #1f2937; \/* \uce74\ub4dc\ubcf4\ub2e4 \uc5b4\ub450\uc6b4 \ubc30\uacbd *\/\r\n            border: 1px solid var(--card-border);\r\n            border-radius: 1rem;\r\n            overflow: hidden;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);\r\n        }\r\n        .modal-header {\r\n            padding: 1rem 1.5rem;\r\n            background-color: rgba(255, 255, 255, 0.05); \/* \ud5e4\ub354 \ubc30\uacbd *\/\r\n            color: var(--text-primary);\r\n            font-weight: 600; \/* 700 -> 600 *\/\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n             border-bottom: 1px solid var(--card-border);\r\n        }\r\n        .modal-body {\r\n            padding: 1.5rem;\r\n            overflow-y: auto;\r\n            flex-grow: 1;\r\n            text-align: center;\r\n        }\r\n        .modal-image {\r\n            max-width: 100%;\r\n            height: auto;\r\n            border-radius: 0.5rem;\r\n             background-color: #374151; \/* \uc774\ubbf8\uc9c0 \ub85c\ub529 \uc911 \ubc30\uacbd *\/\r\n        }\r\n        .modal-body p {\r\n             color: var(--text-secondary); \/* \uc5f0\ud55c \ud14d\uc2a4\ud2b8 *\/\r\n        }\r\n        .close-button {\r\n            font-size: 1.8rem; \/* \ud06c\uae30 \ud0a4\uc6c0 *\/\r\n            cursor: pointer;\r\n            line-height: 1;\r\n            padding: 0 0.5rem;\r\n             color: var(--text-secondary);\r\n             transition: color 0.2s;\r\n        }\r\n         .close-button:hover {\r\n             color: var(--text-primary);\r\n         }\r\n\r\n        \/* --- \ud478\ud130 (\ub2e4\ud06c \ud14c\ub9c8) --- *\/\r\n        footer {\r\n            background-color: #111827; \/* \uc5b4\ub450\uc6b4 \ud68c\uc0c9 *\/\r\n            margin-top: 4rem;\r\n            padding: 1.5rem 0;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            color: #9ca3af; \/* Gray 400 *\/\r\n            font-size: 0.875rem;\r\n        }\r\n\r\n        \/* \uc720\ud2f8\ub9ac\ud2f0 *\/\r\n        .text-accent-blue { color: var(--accent-blue); }\r\n        .text-accent-green { color: var(--accent-green); }\r\n        .text-accent-yellow { color: var(--accent-yellow); }\r\n        .text-accent-red { color: var(--accent-red); }\r\n        .text-accent-purple { color: var(--accent-purple); }\r\n        .bg-accent-blue-light { background-color: rgba(96, 165, 250, 0.1); }\r\n        .bg-accent-red-light { background-color: rgba(248, 113, 113, 0.1); }\r\n        .border-accent-blue { border-color: rgba(96, 165, 250, 0.5); }\r\n        .border-accent-red { border-color: rgba(248, 113, 113, 0.5); }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n    <header class=\"header-section\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"header-title\">\r\n                Ph\u00e2n t\u00edch t\u1ed5ng h\u1ee3p n\u0103ng l\u1ef1c kinh doanh c\u1ee7a O\u2082&amp;B\r\n            <\/div>\r\n            <div class=\"header-subtitle\">\r\n                \u0110\u1ed5i m\u1edbi c\u00f4ng ngh\u1ec7, uy t\u00edn v\u00e0 t\u1ea7m \u1ea3nh h\u01b0\u1edfng to\u00e0n c\u1ea7u\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <main class=\"max-w-7xl mx-auto p-4 md:p-8 space-y-12\">\r\n\r\n        <!-- Section 1: R&D \ubc0f \uc9c0\uc801 \uc7ac\uc0b0\uad8c -->\r\n        <section id=\"ip-and-rd\" class=\"card\">\r\n            <h2 class=\"section-title\">I. L\u1ecbch s\u1eed \u0111\u1ed5i m\u1edbi c\u00f4ng ngh\u1ec7 (Nghi\u00ean c\u1ee9u v\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 s\u1edf h\u1eefu tr\u00ed tu\u1ec7)<\/h2>\r\n            <p class=\"text-lg md:text-xl text-slate-300 mb-8 leading-relaxed\">O\u2082&amp;B \u0111\u00e3 x\u00e2y d\u1ef1ng v\u1ecb th\u1ebf d\u1eabn \u0111\u1ea7u v\u1ec1 c\u00f4ng ngh\u1ec7 th\u00f4ng qua s\u1ef1 tham gia l\u00e2u d\u00e0i v\u00e0o c\u00e1c ho\u1ea1t \u0111\u1ed9ng nghi\u00ean c\u1ee9u v\u00e0 ph\u00e1t tri\u1ec3n qu\u1ed1c gia c\u0169ng nh\u01b0 danh m\u1ee5c b\u1eb1ng s\u00e1ng ch\u1ebf \u0111\u1ed9c quy\u1ec1n, v\u1edbi c\u00f4ng ngh\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc ti\u00ean ti\u1ebfn MCDI l\u00e0 c\u1ed1t l\u00f5i.<\/p>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n                <!-- R&D History -->\r\n                <div class=\"card bg-black\/10 p-6\"> <!-- \ub0b4\ubd80 \uce74\ub4dc \uc2a4\ud0c0\uc77c -->\r\n                    <h3 class=\"sub-header highlight-bar\">T\u00ecnh h\u00ecnh tham gia c\u00e1c d\u1ef1 \u00e1n nghi\u00ean c\u1ee9u v\u00e0 ph\u00e1t tri\u1ec3n l\u1edbn (t\u1eeb n\u0103m 2003 tr\u1edf \u0111i)<\/h3>\r\n                    <ul class=\"mt-4 space-y-3 text-sm text-slate-300\">\r\n                        <li class=\"border-b border-white\/10 pb-2\">\r\n                            <span class=\"font-bold text-accent-yellow\">2022-2023:<\/span> \u0110\u00e1nh gi\u00e1 hi\u1ec7u qu\u1ea3 lo\u1ea1i b\u1ecf ch\u1ea5t ion c\u1ee7a MCDI trong s\u1ea3n xu\u1ea5t h\u00e0ng lo\u1ea1t (B\u1ed9 Th\u01b0\u01a1ng m\u1ea1i, C\u00f4ng nghi\u1ec7p v\u00e0 N\u0103ng l\u01b0\u1ee3ng)\r\n                        <\/li>\r\n                        <li class=\"border-b border-white\/10 pb-2\">\r\n                            <span class=\"font-bold text-accent-yellow\">2016-2019:<\/span> Ph\u00e1t tri\u1ec3n v\u00e0 tr\u00ecnh di\u1ec5n g\u00f3i thi\u1ebft b\u1ecb l\u1ecdc n\u01b0\u1edbc h\u01b0\u1edbng \u0111\u1ebfn xu\u1ea5t kh\u1ea9u.\r\n                        <\/li>\r\n                        <li class=\"border-b border-white\/10 pb-2\">\r\n                            <span class=\"font-bold text-accent-yellow\">2011\u20132016:<\/span> Ph\u00e1t tri\u1ec3n m\u1ed9t h\u1ec7 th\u1ed1ng x\u1eed l\u00fd n\u01b0\u1edbc \u0111a n\u0103ng, quy m\u00f4 nh\u1ecf (C\u00f4ng ngh\u1ec7 m\u00f4i tr\u01b0\u1eddng h\u00e0ng \u0111\u1ea7u to\u00e0n c\u1ea7u)\r\n                        <\/li>\r\n                        <li class=\"border-b border-white\/10 pb-2\">\r\n                            <span class=\"font-bold text-accent-yellow\">2003\u20132007:<\/span> Ph\u00e1t tri\u1ec3n h\u1ec7 th\u1ed1ng l\u1ecdc n\u01b0\u1edbc t\u1ef1 \u0111\u1ed9ng b\u1eb1ng ozone\/than ho\u1ea1t t\u00ednh (C\u00f4ng ngh\u1ec7 K\u1ef9 thu\u1eadt M\u00f4i tr\u01b0\u1eddng G-7)\r\n                        <\/li>\r\n                        <li class=\"pb-2\">\r\n                            <span class=\"font-bold text-accent-yellow\">C\u00e1c c\u00f4ng ngh\u1ec7 c\u1ed1t l\u00f5i:<\/span> C\u00f4ng ngh\u1ec7 x\u1eed l\u00fd ch\u1ecdn l\u1ecdc flo v\u00e0 thu h\u1ed3i n\u0103ng l\u01b0\u1ee3ng d\u1ef1a tr\u00ean MCDI\/CDI\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <!-- Patents -->\r\n                <div class=\"card bg-black\/10 p-6\"> <!-- \ub0b4\ubd80 \uce74\ub4dc \uc2a4\ud0c0\uc77c -->\r\n                    <h3 class=\"sub-header highlight-bar\">Tr\u1ea1ng th\u00e1i \u0111\u0103ng k\u00fd b\u1eb1ng s\u00e1ng ch\u1ebf quan tr\u1ecdng<\/h3>\r\n                    <div class=\"overflow-x-auto mt-4\">\r\n                        <table class=\"dark-table min-w-full text-sm\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th class=\"px-3 py-2\">S\u1ed1 b\u1eb1ng s\u00e1ng ch\u1ebf<\/th>\r\n                                    <th class=\"px-3 py-2\">T\u00ean b\u1eb1ng s\u00e1ng ch\u1ebf<\/th>\r\n                                    <th class=\"px-3 py-2\">Ng\u00e0y \u0111\u0103ng k\u00fd<\/th>\r\n                                <\/tr>\r\n                            <\/thead>\r\n                            <tbody>\r\n                                <tr><td>S\u1ed1 10-2437597<\/td><td class=\"patent-title\">H\u1ec7 th\u1ed1ng x\u1eed l\u00fd n\u01b0\u1edbc CDI ch\u1ecdn l\u1ecdc florua<\/td><td>2022.08<\/td><\/tr>\r\n                                <tr><td>S\u1ed1 10-2539509<\/td><td class=\"patent-title\">Chuy\u1ec3n \u0111\u1ed5i n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi c\u1ee7a m\u00f4-\u0111un kh\u1eed mu\u1ed1i ki\u1ec3u t\u1ee5 \u0111i\u1ec7n<\/td><td>2023.05<\/td><\/tr>\r\n                                <tr><td>S\u1ed1 10-1965784<\/td><td class=\"patent-title\">H\u1ec7 th\u1ed1ng l\u1ecdc n\u01b0\u1edbc li\u00ean t\u1ee5c s\u1eed d\u1ee5ng ph\u01b0\u01a1ng ph\u00e1p kh\u1eed ion<\/td><td>2019.03<\/td><\/tr>\r\n                                <tr><td>TZ\/P19\/000058<\/td><td class=\"patent-title\">B\u1ed5 sung Florua c\u00f3 ch\u1ecdn l\u1ecdc<\/td><td>2019.02<\/td><\/tr>\r\n                                <tr><td>TZ\/P\/19\/000017<\/td><td class=\"patent-title\">\u0110\u01a0N V\u1eca PH\u00c1T \u0110I\u1ec6N T\u1ef0 CUNG<\/td><td>2019.03<\/td><\/tr>\r\n                            <\/tbody>\r\n                        <\/table>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Section 2: \uacf5\uc2e0\ub825 \ud655\ubcf4 (\uc778\uc99d\uc11c \ubc0f \uc218\uc0c1 \uc2e4\uc801) - \ud1b5\ud569 \uc139\uc158 -->\r\n        <section id=\"certifications-awards\" class=\"card\">\r\n            <h2 class=\"text-3xl section-title\">II. X\u00e2y d\u1ef1ng uy t\u00edn (Tr\u01b0ng b\u00e0y c\u00e1c ch\u1ee9ng nh\u1eadn v\u00e0 gi\u1ea3i th\u01b0\u1edfng)<\/h2>\r\n            <p class=\"text-lg md:text-xl text-slate-300 mb-8 leading-relaxed\">Ch\u00fang t\u00f4i \u0111\u00e3 kh\u1eb3ng \u0111\u1ecbnh \u0111\u01b0\u1ee3c s\u1ef1 xu\u1ea5t s\u1eafc trong c\u00f4ng ngh\u1ec7 v\u00e0 h\u1ec7 th\u1ed1ng qu\u1ea3n l\u00fd c\u1ee7a m\u00ecnh th\u00f4ng qua c\u00e1c c\u01a1 quan nh\u00e0 n\u01b0\u1edbc v\u00e0 c\u00e1c ch\u1ee9ng nh\u1eadn trong n\u01b0\u1edbc v\u00e0 qu\u1ed1c t\u1ebf. <strong class=\"text-accent-yellow\">(Nh\u1ea5p chu\u1ed9t \u0111\u1ec3 xem h\u00ecnh \u1ea3nh t\u00e0i li\u1ec7u)<\/strong><\/p>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n                \r\n                <!-- \uc88c\uce21: \uc218\uc0c1 \uc2e4\uc801 -->\r\n                <div class=\"card bg-black\/10 p-6 lg:col-span-1\"> <!-- \ub0b4\ubd80 \uce74\ub4dc \uc2a4\ud0c0\uc77c -->\r\n                    <h3 class=\"sub-header highlight-bar\">Gi\u1ea3i th\u01b0\u1edfng b\u00ean ngo\u00e0i<\/h3>\r\n                    <ul class=\"mt-4 space-y-3 text-sm text-slate-300\">\r\n                        <li class=\"border-b border-white\/10 pb-2\">\r\n                            <span class=\"award-title\">Gi\u1ea3i th\u01b0\u1edfng ESG n\u0103m 2024 (L\u0129nh v\u1ef1c C\u00f4ng ngh\u1ec7 N\u01b0\u1edbc)<\/span><br>\r\n                            <span class=\"text-slate-400\">Hi\u1ec7p h\u1ed9i ESG H\u00e0n Qu\u1ed1c\/Th\u1eddi b\u00e1o \u0111i\u1ec7n t\u1eed<\/span>\r\n                        <\/li>\r\n                        <li class=\"border-b border-white\/10 pb-2\">\r\n                            <span class=\"award-title\">Gi\u1ea3i th\u01b0\u1edfng Ph\u00e1t tri\u1ec3n Ng\u00e0nh C\u00f4ng nghi\u1ec7p G\u1ed1c c\u1ee7a Ch\u1ee7 Doanh nghi\u1ec7p Nh\u1ecf n\u0103m 2023<\/span><br>\r\n                            <span class=\"text-slate-400\">B\u1ed9 Th\u01b0\u01a1ng m\u1ea1i, C\u00f4ng nghi\u1ec7p v\u00e0 N\u0103ng l\u01b0\u1ee3ng (Gi\u1ea3i th\u01b0\u1edfng c\u1ea5p B\u1ed9 tr\u01b0\u1edfng)<\/span>\r\n                        <\/li>\r\n                        <li class=\"border-b border-white\/10 pb-2\">\r\n                            <span class=\"award-title\">Gi\u1ea3i th\u01b0\u1edfng S\u00e1ng t\u1ea1o IEVE n\u0103m 2025<\/span><br>\r\n                            <span class=\"text-slate-400\">Tri\u1ec3n l\u00e3m Xe \u0111i\u1ec7n Qu\u1ed1c t\u1ebf (Gi\u1ea3i th\u01b0\u1edfng S\u00e1ng t\u1ea1o C\u00f4ng ngh\u1ec7)<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- \uc6b0\uce21: \uc8fc\uc694 \uc778\uc99d\uc11c 12\uac1c \uc2ac\ub77c\uc774\ub4dc \ud615\ud0dc -->\r\n                <div class=\"card bg-black\/10 p-6 lg:col-span-2\"> <!-- \ub0b4\ubd80 \uce74\ub4dc \uc2a4\ud0c0\uc77c -->\r\n                    <h3 class=\"sub-header highlight-bar\">Ch\u1ee9ng ch\u1ec9 n\u0103ng l\u1ef1c kinh doanh c\u1ed1t l\u00f5i (t\u1ed5ng c\u1ed9ng 12 lo\u1ea1i)<\/h3>\r\n                    <div class=\"cert-grid\">\r\n                        \r\n                        <!-- 1. \ud601\uc2e0\uc81c\ud488 \uc9c0\uc815 \uc778\uc99d -->\r\n                        <div class=\"cert-item border-red\" \r\n                             onclick=\"showCertificationDetails('\ud601\uc2e0\uc81c\ud488 \uc9c0\uc815 \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/EF4444\/FFFFFF?text=\ud601\uc2e0\uc81c\ud488+\uc9c0\uc815+\uc778\uc99d\uc11c')\">\r\n                            <div class=\"cert-icon\" style=\"color: var(--accent-red);\">\u2b50<\/div>\r\n                            <div class=\"cert-name-main\">Ch\u1ee9ng nh\u1eadn ch\u1ec9 \u0111\u1ecbnh s\u1ea3n ph\u1ea9m s\u00e1ng t\u1ea1o<\/div>\r\n                            <div class=\"cert-detail-sub\">\u0110\u01b0\u1ee3c c\u00f4ng nh\u1eadn l\u00e0 s\u1ea3n ph\u1ea9m \u0111\u1ea5u th\u1ea7u c\u00f4ng xu\u1ea5t s\u1eafc.<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- 2. K-MARK \uc131\ub2a5 \uc778\uc99d -->\r\n                        <div class=\"cert-item border-yellow\"\r\n                             onclick=\"showCertificationDetails('K-MARK \uc131\ub2a5 \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/F59E0B\/FFFFFF?text=K-MARK+\uc131\ub2a5+\uc778\uc99d\uc11c')\">\r\n                            <div class=\"cert-icon\" style=\"color: var(--accent-yellow);\"><i class=\"fas fa-check-circle\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">Ch\u1ee9ng nh\u1eadn hi\u1ec7u su\u1ea5t K-MARK<\/div>\r\n                            <div class=\"cert-detail-sub\">Ch\u1ee9ng nh\u1eadn hi\u1ec7u su\u1ea5t c\u1ee7a thi\u1ebft b\u1ecb kh\u1eed mu\u1ed1i ki\u1ec3u t\u1ee5 \u0111i\u1ec7n<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- 3. ISO 14001 \uc778\uc99d -->\r\n                        <div class=\"cert-item border-green\"\r\n                             onclick=\"showCertificationDetails('ISO 14001 \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/10B981\/FFFFFF?text=ISO+14001+\uc778\uc99d\uc11c')\">\r\n                            <div class=\"cert-icon\" style=\"color: var(--accent-green);\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">Ch\u1ee9ng nh\u1eadn ISO 14001<\/div>\r\n                            <div class=\"cert-detail-sub\">H\u1ec7 th\u1ed1ng qu\u1ea3n l\u00fd m\u00f4i tr\u01b0\u1eddng<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- 4. ISO 9001 \uc778\uc99d -->\r\n                        <div class=\"cert-item border-gray\"\r\n                             onclick=\"showCertificationDetails('ISO 9001 \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/6B7280\/FFFFFF?text=ISO+9001+\uc778\uc99d\uc11c')\">\r\n                            <div class=\"cert-icon\" style=\"color: #9ca3af;\"><i class=\"fas fa-stamp\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">Ch\u1ee9ng nh\u1eadn ISO 9001<\/div>\r\n                            <div class=\"cert-detail-sub\">H\u1ec7 th\u1ed1ng qu\u1ea3n l\u00fd ch\u1ea5t l\u01b0\u1ee3ng<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- 5. INNO-BIZ \uc778\uc99d -->\r\n                        <div class=\"cert-item border-blue\"\r\n                             onclick=\"showCertificationDetails('INNO-BIZ (\uae30\uc220\ud601\uc2e0\ud615) \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/3B82F6\/FFFFFF?text=INNO-BIZ+\uc778\uc99d\uc11c')\">\r\n                            <div class=\"cert-icon\" style=\"color: var(--accent-blue);\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">Ch\u1ee9ng nh\u1eadn INNO-BIZ<\/div>\r\n                            <div class=\"cert-detail-sub\">c\u00e1c doanh nghi\u1ec7p v\u1eeba v\u00e0 nh\u1ecf \u0111\u1ed5i m\u1edbi c\u00f4ng ngh\u1ec7<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- 6. NET \uc2e0\uae30\uc220 \uc778\uc99d -->\r\n                        <div class=\"cert-item border-teal\"\r\n                             onclick=\"showCertificationDetails('NET (\uc2e0\uae30\uc220) \uc778\uc99d\uc11c', 'https:\/\/placehold.co\/800x600\/14B8A6\/FFFFFF?text=NET+\uc2e0\uae30\uc220+\uc778\uc99d\uc11c')\">\r\n                            <div class=\"cert-icon\" style=\"color: #2dd4bf;\"><i class=\"fas fa-certificate\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">Ch\u1ee9ng nh\u1eadn c\u00f4ng ngh\u1ec7 m\u1edbi NET<\/div>\r\n                            <div class=\"cert-detail-sub\">Ch\u1ec9 \u0111\u1ecbnh c\u00f4ng ngh\u1ec7 l\u1ecdc n\u01b0\u1edbc ti\u00ean ti\u1ebfn m\u1edbi<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- 7. \ubca4\ucc98\uae30\uc5c5 \ud655\uc778\uc11c -->\r\n                        <div class=\"cert-item border-purple\"\r\n                             onclick=\"showCertificationDetails('\ubca4\ucc98\uae30\uc5c5 \ud655\uc778\uc11c', 'https:\/\/placehold.co\/800x600\/8B5CF6\/FFFFFF?text=\ubca4\ucc98\uae30\uc5c5+\ud655\uc778\uc11c')\">\r\n                            <div class=\"cert-icon\" style=\"color: var(--accent-purple);\"><i class=\"fas fa-rocket\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">Gi\u1ea5y ch\u1ee9ng nh\u1eadn x\u00e1c nh\u1eadn kinh doanh m\u1ea1o hi\u1ec3m<\/div>\r\n                            <div class=\"cert-detail-sub\">C\u00f4ng ngh\u1ec7\/ti\u1ec1m n\u0103ng ph\u00e1t tri\u1ec3n tuy\u1ec7t v\u1eddi<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- 8. \uae30\uc5c5\ubd80\uc124\uc5f0\uad6c\uc18c -->\r\n                        <div class=\"cert-item border-yellow-dark\"\r\n                             onclick=\"showCertificationDetails('\uae30\uc5c5\ubd80\uc124\uc5f0\uad6c\uc18c \uc778\uc815\uc11c', 'https:\/\/placehold.co\/800x600\/D97706\/FFFFFF?text=\uae30\uc5c5\ubd80\uc124\uc5f0\uad6c\uc18c+\uc778\uc815\uc11c')\">\r\n                            <div class=\"cert-icon\" style=\"color: #d97706;\"><i class=\"fas fa-flask\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">Vi\u1ec7n Nghi\u00ean c\u1ee9u Doanh nghi\u1ec7p<\/div>\r\n                            <div class=\"cert-detail-sub\">Trung t\u00e2m nghi\u00ean c\u1ee9u v\u00e0 ph\u00e1t tri\u1ec3n \u0111\u01b0\u1ee3c c\u00f4ng nh\u1eadn tr\u00ean to\u00e0n qu\u1ed1c<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- 9. \uc218\ucd9c \uc720\ub9dd \uc911\uc18c\uae30\uc5c5 -->\r\n                        <div class=\"cert-item border-sky\"\r\n                             onclick=\"showCertificationDetails('\uc218\ucd9c \uc720\ub9dd \uc911\uc18c\uae30\uc5c5 \uc9c0\uc815\uc99d', 'https:\/\/placehold.co\/800x600\/0EA5E9\/FFFFFF?text=\uc218\ucd9c+\uc720\ub9dd+\uc911\uc18c\uae30\uc5c5+\uc9c0\uc815\uc99d')\">\r\n                            <div class=\"cert-icon\" style=\"color: #38bdf8;\"><i class=\"fas fa-globe-americas\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">C\u00e1c doanh nghi\u1ec7p v\u1eeba v\u00e0 nh\u1ecf xu\u1ea5t kh\u1ea9u \u0111\u1ea7y tri\u1ec3n v\u1ecdng<\/div>\r\n                            <div class=\"cert-detail-sub\">Ti\u1ec1m n\u0103ng t\u0103ng tr\u01b0\u1edfng to\u00e0n c\u1ea7u<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- 10. \uc131\ub2a5\uc778\uc99d (EPC) -->\r\n                        <div class=\"cert-item border-teal-dark\"\r\n                             onclick=\"showCertificationDetails('\uc131\ub2a5\uc778\uc99d (EPC)', 'https:\/\/placehold.co\/800x600\/0D9488\/FFFFFF?text=\uc131\ub2a5\uc778\uc99d+(EPC)')\">\r\n                            <div class=\"cert-icon\" style=\"color: #0d9488;\"><i class=\"fas fa-award\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">Ch\u1ee9ng nh\u1eadn hi\u1ec7u su\u1ea5t (EPC)<\/div>\r\n                            <div class=\"cert-detail-sub\">Ch\u1ec9 \u0111\u1ecbnh c\u00e1c m\u1eb7t h\u00e0ng mua s\u1eafm xu\u1ea5t s\u1eafc<\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- 11. \ud074\ub9b0 \uc0ac\uc5c5\uc7a5 -->\r\n                        <div class=\"cert-item border-emerald\"\r\n                             onclick=\"showCertificationDetails('\ud074\ub9b0 \uc0ac\uc5c5\uc7a5 \uc778\uc815\uc11c', 'https:\/\/placehold.co\/800x600\/059669\/FFFFFF?text=\ud074\ub9b0+\uc0ac\uc5c5\uc7a5+\uc778\uc815\uc11c')\">\r\n                            <div class=\"cert-icon\" style=\"color: #059669;\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">N\u01a1i l\u00e0m vi\u1ec7c s\u1ea1ch s\u1ebd<\/div>\r\n                            <div class=\"cert-detail-sub\">Qu\u1ea3n l\u00fd an to\u00e0n v\u00e0 s\u1ee9c kh\u1ecfe ngh\u1ec1 nghi\u1ec7p<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- 12. \ud658\uacbd\uc2e0\uae30\uc220 \uc778\uc99d -->\r\n                        <div class=\"cert-item border-lime\"\r\n                             onclick=\"showCertificationDetails('\ud658\uacbd\uc2e0\uae30\uc220 \uc778\uc99d', 'https:\/\/placehold.co\/800x600\/65A30D\/FFFFFF?text=\ud658\uacbd\uc2e0\uae30\uc220+\uc778\uc99d\uc11c')\">\r\n                            <div class=\"cert-icon\" style=\"color: #65a30d;\"><i class=\"fas fa-recycle\"><\/i><\/div>\r\n                            <div class=\"cert-name-main\">Ch\u1ee9ng nh\u1eadn c\u00f4ng ngh\u1ec7 m\u1edbi th\u00e2n thi\u1ec7n v\u1edbi m\u00f4i tr\u01b0\u1eddng<\/div>\r\n                            <div class=\"cert-detail-sub\">B\u1ed9 M\u00f4i tr\u01b0\u1eddng - Ki\u1ec3m ch\u1ee9ng c\u00f4ng ngh\u1ec7 m\u1edbi<\/div>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Section 3: \uc0ac\uc5c5 \uc218\ud589 \uc2e4\uc801 (\ub808\ud37c\ub7f0\uc2a4) -->\r\n        <section id=\"performance-reference\" class=\"card\">\r\n            <h2 class=\"text-3xl section-title\">III. K\u1ebft qu\u1ea3 ho\u1ea1t \u0111\u1ed9ng kinh doanh ch\u00ednh (Tham kh\u1ea3o trong n\u01b0\u1edbc v\u00e0 qu\u1ed1c t\u1ebf)<\/h2>\r\n            <p class=\"text-lg md:text-xl text-slate-300 mb-8 leading-relaxed\">T\u1eeb c\u00e1c d\u1ef1 \u00e1n h\u1ee3p t\u00e1c ODA \u0111\u1ebfn x\u1eed l\u00fd n\u01b0\u1edbc c\u00f4ng nghi\u1ec7p, c\u00f4ng ngh\u1ec7 MCDI \u0111\u00e3 t\u1ea1o d\u1ef1ng \u0111\u01b0\u1ee3c uy t\u00edn to\u00e0n c\u1ea7u nh\u1edd hi\u1ec7u su\u1ea5t v\u01b0\u1ee3t tr\u1ed9i v\u00e0 t\u00ednh ti\u1ebft ki\u1ec7m chi ph\u00ed trong c\u00e1c m\u00f4i tr\u01b0\u1eddng kh\u1eafc nghi\u1ec7t.<\/p>\r\n\r\n            <div class=\"overflow-x-auto mt-4\">\r\n                <table class=\"dark-table min-w-full text-sm\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th class=\"px-3 py-2\">T\u00ean doanh nghi\u1ec7p<\/th>\r\n                            <th class=\"px-3 py-2\">Ng\u01b0\u1eddi \u0111\u1eb7t h\u00e0ng v\u00e0 khu v\u1ef1c<\/th>\r\n                            <th class=\"px-3 py-2\">C\u00f4ng su\u1ea5t (m\u00b3\/ng\u00e0y)<\/th>\r\n                            <th class=\"px-3 py-2\">S\u1ed1 ti\u1ec1n (ng\u00e0n \u0111\u00f4 la M\u1ef9\/h\u00e0ng tr\u0103m tri\u1ec7u won)<\/th>\r\n                            <th class=\"px-3 py-2\">Ng\u00e0y k\u00fd h\u1ee3p \u0111\u1ed3ng<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr><td>D\u1ef1 \u00e1n KOICA IBS (Tanzania)<\/td><td>KOICA \/ Arusha, Tanzania<\/td><td>2,500<\/td><td class=\"text-accent-green font-bold\">2,3 t\u1ef7 won<\/td><td>2020.12<\/td><\/tr>\r\n                        <tr><td>H\u1ee3p t\u00e1c c\u00f4ng t\u01b0 trong ng\u00e0nh c\u1ea5p n\u01b0\u1edbc (Bangladesh)<\/td><td>Hi\u1ec7p h\u1ed9i C\u00f4ng nghi\u1ec7p N\u01b0\u1edbc H\u00e0n Qu\u1ed1c \/ Bangladesh<\/td><td>300<\/td><td class=\"text-accent-green font-bold\">1,09 t\u1ef7 won<\/td><td>2021.11<\/td><\/tr>\r\n                        <tr><td>Nh\u00e0 m\u00e1y x\u1eed l\u00fd n\u01b0\u1edbc c\u1ee7a Malaysia<\/td><td>B\u1ed9 M\u00f4i tr\u01b0\u1eddng \/ Malaysia<\/td><td>200<\/td><td class=\"text-accent-blue font-bold\">$300,000<\/td><td>2018.03<\/td><\/tr>\r\n                        <tr><td>D\u1ef1 \u00e1n c\u1ea5p n\u01b0\u1edbc cho l\u00e0ng Senegal<\/td><td>Vi\u1ec7n C\u00f4ng nghi\u1ec7p v\u00e0 C\u00f4ng ngh\u1ec7 M\u00f4i tr\u01b0\u1eddng \/ Senegal<\/td><td>200<\/td><td class=\"text-accent-blue font-bold\">$260,000<\/td><td>2017.07<\/td><\/tr>\r\n                        <tr><td>Ngu\u1ed3n cung c\u1ea5p n\u01b0\u1edbc cho m\u1ed9t ng\u00f4i l\u00e0ng \u1edf Ethiopia<\/td><td>Vi\u1ec7n C\u00f4ng nghi\u1ec7p v\u00e0 C\u00f4ng ngh\u1ec7 M\u00f4i tr\u01b0\u1eddng \/ Ethiopia<\/td><td>150<\/td><td class=\"text-accent-green font-bold\">320 tri\u1ec7u won<\/td><td>2020.06<\/td><\/tr>\r\n                        <tr><td>X\u1eed l\u00fd florua trong n\u01b0\u1edbc ng\u1ea7m \u1edf Tanzania<\/td><td>Tanzania \/ Arusha Uwiro<\/td><td>40<\/td><td class=\"text-accent-blue font-bold\">$130,000<\/td><td>2019.12<\/td><\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/main>\r\n\r\n    <footer class=\"mt-16 py-6\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-sm\">\r\n            <p>C\u00f4ng ty TNHH O\u2082&amp;B | Gi\u1ea3i ph\u00e1p x\u1eed l\u00fd n\u01b0\u1edbc ESG th\u1ebf h\u1ec7 m\u1edbi<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n    \r\n    <!-- Certification Modal Structure -->\r\n    <div id=\"certification-modal\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <span id=\"modal-title\">Xem chi ti\u1ebft ch\u1ee9ng ch\u1ec9<\/span>\r\n                <span class=\"close-button\" onclick=\"closeCertificationDetails()\">\u00d7<\/span>\r\n            <\/div>\r\n            <div class=\"modal-body\">\r\n                <img decoding=\"async\" id=\"modal-image\" class=\"modal-image\" src=\"\" alt=\"\uc778\uc99d\uc11c \uc774\ubbf8\uc9c0\">\r\n                <p class=\"mt-4 text-sm\">**L\u01b0u \u00fd:** \u0110\u00e2y ch\u1ec9 l\u00e0 h\u00ecnh \u1ea3nh minh h\u1ecda d\u00f9ng \u0111\u1ec3 x\u00e1c minh, kh\u00f4ng ph\u1ea3i l\u00e0 t\u00e0i li\u1ec7u g\u1ed1c.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/**\r\n         * \ud074\ub9ad\ub41c \uc778\uc99d\uc11c\uc758 \uc0c1\uc138 \uc774\ubbf8\uc9c0\ub97c \ubaa8\ub2ec\ub85c \ubcf4\uc5ec\uc8fc\ub294 \ud568\uc218\r\n         * @param {string} name - \uc778\uc99d\uc11c \uc774\ub984\r\n         * @param {string} imageURL - \uc778\uc99d\uc11c \uc774\ubbf8\uc9c0 URL (\ud50c\ub808\uc774\uc2a4\ud640\ub354 \uc0ac\uc6a9)\r\n         *\/\r\n        function showCertificationDetails(name, imageURL) {\r\n            const modal = document.getElementById('certification-modal');\r\n            const modalTitle = document.getElementById('modal-title');\r\n            const modalImage = document.getElementById('modal-image');\r\n            \r\n            modalTitle.textContent = name;\r\n            modalImage.src = imageURL;\r\n            \r\n            modal.style.display = 'flex';\r\n        }\r\n\r\n        \/**\r\n         * \ubaa8\ub2ec\uc744 \ub2eb\ub294 \ud568\uc218\r\n         *\/\r\n        function closeCertificationDetails() {\r\n            const modal = document.getElementById('certification-modal');\r\n            modal.style.display = 'none';\r\n        }\r\n\r\n        \/\/ \ubaa8\ub2ec \ubc14\uae65 \uc601\uc5ed \ud074\ub9ad \uc2dc \ub2eb\uae30\r\n        document.getElementById('certification-modal').addEventListener('click', function(event) {\r\n            if (event.target === this) {\r\n                closeCertificationDetails();\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>O2&#038;B \uc0ac\uc5c5 \uc5ed\ub7c9 \ud1b5\ud569 \ubd84\uc11d &#8211; \ub2e4\ud06c \ud14c\ub9c8 O\u2082&#038;B \uc0ac\uc5c5 \uc5ed\ub7c9 \ud1b5\ud569 \ubd84\uc11d \uae30\uc220 \ud601\uc2e0, \uacf5\uc2e0\ub825, \uadf8\ub9ac\uace0 \uae00\ub85c\ubc8c \ub808\ud37c\ub7f0\uc2a4 I. \uae30\uc220 \ud601\uc2e0\uc758 \uc5ed\uc0ac (R&#038;D \ubc0f \uc9c0\uc801 \uc7ac\uc0b0\uad8c) O\u2082&#038;B\ub294 MCDI \uace0\ub3c4 \uc218\ucc98\ub9ac \uae30\uc220\uc744 \ud575\uc2ec\uc73c\ub85c, \uc624\ub79c \uae30\uac04\uc758 \uad6d\uac00 R&#038;D \ucc38\uc5ec\uc640 \ub3c5\uc790\uc801\uc778 \ud2b9\ud5c8 \ud3ec\ud2b8\ud3f4\ub9ac\uc624\ub97c \ud1b5\ud574 \uae30\uc220 \ub9ac\ub354\uc2ed\uc744 \uad6c\ucd95\ud588\uc2b5\ub2c8\ub2e4. \uc8fc\uc694 R&#038;D \ud504\ub85c\uc81d\ud2b8 \ucc38\uc5ec \ud604\ud669 (2003\ub144~) 2022\ub144~2023\ub144: MCDI \uc774\uc628\uc131 \ubb3c\uc9c8 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14889","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/pages\/14889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/comments?post=14889"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/pages\/14889\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/media?parent=14889"}],"curies":[{"name":"trang web","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}