{"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\/sw\/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                Uchambuzi jumuishi wa uwezo wa biashara wa O\u2082&amp;B\r\n            <\/div>\r\n            <div class=\"header-subtitle\">\r\n                Ubunifu wa kiteknolojia, uaminifu, na marejeleo ya kimataifa\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. Historia ya Ubunifu wa Teknolojia (Utafiti na Maendeleo na Haki Miliki)<\/h2>\r\n            <p class=\"text-lg md:text-xl text-slate-300 mb-8 leading-relaxed\">O\u2082&amp;B imejenga uongozi wake wa kiteknolojia kupitia ushiriki wa muda mrefu katika utafiti na maendeleo ya kitaifa na jalada la hati miliki, huku teknolojia ya juu ya matibabu ya maji ya MCDI ikiwa ndio msingi wake.<\/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\">Hali ya ushiriki katika miradi mikubwa ya utafiti na maendeleo (2003~)<\/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> Tathmini ya utendaji wa kuondoa dutu za ioni za MCDI kwa ajili ya uzalishaji wa wingi (Wizara ya Biashara, Viwanda na Nishati)\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> Uundaji na maonyesho ya kifurushi cha kifaa cha kusafisha maji kinacholenga usafirishaji nje ya nchi\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> Uundaji wa kifurushi cha matibabu ya maji cha matumizi mengi na cha kiwango kidogo (Teknolojia ya Mazingira ya Juu ya Dunia)\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> Ukuzaji wa mfumo otomatiki wa kusafisha maji ya ozoni\/kaboni ulioamilishwa (Teknolojia ya Uhandisi wa Mazingira ya G-7)\r\n                        <\/li>\r\n                        <li class=\"pb-2\">\r\n                            <span class=\"font-bold text-accent-yellow\">Teknolojia Kuu:<\/span> Teknolojia ya kuchagua matibabu na urejeshaji nishati inayotokana na 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\">Hali muhimu ya usajili wa hataza<\/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\">Nambari ya hati miliki<\/th>\r\n                                    <th class=\"px-3 py-2\">Jina la hati miliki<\/th>\r\n                                    <th class=\"px-3 py-2\">Tarehe ya usajili<\/th>\r\n                                <\/tr>\r\n                            <\/thead>\r\n                            <tbody>\r\n                                <tr><td>Nambari 10-2437597<\/td><td class=\"patent-title\">Mfumo wa matibabu ya maji wa CDI teule wa floridi<\/td><td>2022.08<\/td><\/tr>\r\n                                <tr><td>Nambari 10-2539509<\/td><td class=\"patent-title\">Ubadilishaji wa nguvu inayotumia nishati ya jua wa moduli ya kuondoa chumvi kwenye maji aina ya capacitor<\/td><td>2023.05<\/td><\/tr>\r\n                                <tr><td>Nambari 10-1965784<\/td><td class=\"patent-title\">Mfumo endelevu wa utakaso wa maji kwa kutumia njia ya kuondoa ioni<\/td><td>2019.03<\/td><\/tr>\r\n                                <tr><td>TZ\/P19\/000058<\/td><td class=\"patent-title\">Nyongeza ya Fluoridi Teule<\/td><td>2019.02<\/td><\/tr>\r\n                                <tr><td>TZ\/P\/19\/000017<\/td><td class=\"patent-title\">KITENGO CHA KUZALISHA UWEZO WA KUJITUMA<\/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. Kuhakikisha Uaminifu (Uthibitisho na Onyesho la Tuzo)<\/h2>\r\n            <p class=\"text-lg md:text-xl text-slate-300 mb-8 leading-relaxed\">Tumehakikisha ubora katika mfumo wetu wa teknolojia na usimamizi kupitia taasisi za umma na vyeti vya ndani na kimataifa. <strong class=\"text-accent-yellow\">(Bonyeza ili kuona picha ya hati)<\/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\">Tuzo za nje<\/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\">Tuzo za ESG za 2024 (Sekta ya Teknolojia ya Maji)<\/span><br>\r\n                            <span class=\"text-slate-400\">Korea ESG Society\/Electronic Times<\/span>\r\n                        <\/li>\r\n                        <li class=\"border-b border-white\/10 pb-2\">\r\n                            <span class=\"award-title\">Tuzo ya Maendeleo ya Sekta ya Mizizi ya Wamiliki wa Biashara Ndogo ya 2023<\/span><br>\r\n                            <span class=\"text-slate-400\">Wizara ya Biashara, Viwanda na Nishati (Tuzo ya Wizara)<\/span>\r\n                        <\/li>\r\n                        <li class=\"border-b border-white\/10 pb-2\">\r\n                            <span class=\"award-title\">Tuzo za Ubunifu za IEVE za 2025<\/span><br>\r\n                            <span class=\"text-slate-400\">Maonyesho ya Kimataifa ya Uhamaji Mtandaoni (Tuzo ya Ubunifu wa Teknolojia)<\/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\">Vyeti Muhimu vya Uwezo wa Biashara (aina 12 kwa jumla)<\/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\">Uthibitishaji wa Uteuzi wa Bidhaa Bunifu<\/div>\r\n                            <div class=\"cert-detail-sub\">Uteuzi kama bidhaa bora ya ununuzi wa umma<\/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\">Cheti cha utendaji wa K-MARK<\/div>\r\n                            <div class=\"cert-detail-sub\">Uthibitisho wa utendaji wa kifaa cha kuondoa chumvi kwenye maji cha aina ya capacitor<\/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\">Cheti cha ISO 14001<\/div>\r\n                            <div class=\"cert-detail-sub\">Mfumo wa Usimamizi wa Mazingira<\/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\">Cheti cha ISO 9001<\/div>\r\n                            <div class=\"cert-detail-sub\">Mfumo wa Usimamizi wa Ubora<\/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\">Cheti cha INNO-BIZ<\/div>\r\n                            <div class=\"cert-detail-sub\">Biashara ndogo na za ukubwa wa kati zenye ubunifu wa teknolojia<\/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\">Cheti cha Teknolojia Mpya NET<\/div>\r\n                            <div class=\"cert-detail-sub\">Uteuzi wa teknolojia mpya ya hali ya juu ya utakaso wa maji<\/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\">Cheti cha Uthibitisho wa Biashara ya Ubia<\/div>\r\n                            <div class=\"cert-detail-sub\">Uwezekano bora wa teknolojia\/ukuaji<\/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\">Taasisi ya Utafiti wa Kampuni<\/div>\r\n                            <div class=\"cert-detail-sub\">Kituo cha Utafiti na Maendeleo kinachotambuliwa kitaifa<\/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\">Kuahidi kuuza nje biashara ndogo na za ukubwa wa kati<\/div>\r\n                            <div class=\"cert-detail-sub\">Uwezo wa ukuaji wa kimataifa<\/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\">Cheti cha Utendaji (EPC)<\/div>\r\n                            <div class=\"cert-detail-sub\">Uteuzi wa Bidhaa Bora za Ununuzi<\/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\">Safi mahali pa kazi<\/div>\r\n                            <div class=\"cert-detail-sub\">Usimamizi wa usalama na afya kazini<\/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\">Cheti cha Teknolojia Mpya ya Mazingira<\/div>\r\n                            <div class=\"cert-detail-sub\">Uthibitishaji wa Teknolojia Mpya wa Wizara ya Mazingira<\/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. Utendaji Mkuu wa Biashara (Marejeleo ya Ndani na Kimataifa)<\/h2>\r\n            <p class=\"text-lg md:text-xl text-slate-300 mb-8 leading-relaxed\">Kuanzia miradi ya ushirikiano ya ODA hadi matibabu ya maji ya viwandani, teknolojia ya MCDI imepata marejeleo ya kimataifa kwa kuonyesha utendaji mzuri na ufanisi wa gharama katika mazingira yenye mahitaji mengi.<\/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\">Jina la biashara<\/th>\r\n                            <th class=\"px-3 py-2\">Mpangaji na eneo<\/th>\r\n                            <th class=\"px-3 py-2\">Uwezo (m\u00b3\/siku)<\/th>\r\n                            <th class=\"px-3 py-2\">Kiasi (maelfu ya dola\/mamia ya mamilioni ya won)<\/th>\r\n                            <th class=\"px-3 py-2\">Tarehe ya mkataba<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr><td>Mradi wa KOICA IBS (Tanzania)<\/td><td>KOICA \/ Arusha, Tanzania<\/td><td>2,500<\/td><td class=\"text-accent-green font-bold\">bilioni 2.3 zilizoshinda<\/td><td>2020.12<\/td><\/tr>\r\n                        <tr><td>Kuingia kwa Pamoja kwa Sekta ya Maji kati ya Umma na Binafsi (Bangladesh)<\/td><td>Chama cha Sekta ya Maji cha Korea \/ Bangladesh<\/td><td>300<\/td><td class=\"text-accent-green font-bold\">bilioni 1.09 zilizoshinda<\/td><td>2021.11<\/td><\/tr>\r\n                        <tr><td>Kiwanda cha kutibu maji cha Malaysia<\/td><td>Wizara ya Mazingira \/ Malaysia<\/td><td>200<\/td><td class=\"text-accent-blue font-bold\">$300,000<\/td><td>2018.03<\/td><\/tr>\r\n                        <tr><td>Mradi wa usambazaji wa maji kijijini Senegal<\/td><td>Taasisi ya Viwanda na Teknolojia ya Mazingira \/ Senegali<\/td><td>200<\/td><td class=\"text-accent-blue font-bold\">$260,000<\/td><td>2017.07<\/td><\/tr>\r\n                        <tr><td>Ugavi wa maji wa kijiji cha Ethiopia<\/td><td>Taasisi ya Viwanda na Teknolojia ya Mazingira \/ Ethiopia<\/td><td>150<\/td><td class=\"text-accent-green font-bold\">Won milioni 320<\/td><td>2020.06<\/td><\/tr>\r\n                        <tr><td>Matibabu ya floridi ya chini ya ardhi nchini 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>O\u2082&amp;B Co., Ltd. | Suluhisho za Matibabu ya Maji za Kizazi Kijacho za ESG<\/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\">Tazama maelezo ya cheti<\/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\">**Kumbuka:** Hii ni picha ya kishikilia nafasi kwa madhumuni ya uthibitishaji pekee, si hati asili.<\/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\/sw\/wp-json\/wp\/v2\/pages\/14889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o2nb.site\/sw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o2nb.site\/sw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o2nb.site\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o2nb.site\/sw\/wp-json\/wp\/v2\/comments?post=14889"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/sw\/wp-json\/wp\/v2\/pages\/14889\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/sw\/wp-json\/wp\/v2\/media?parent=14889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}