{"id":14899,"date":"2025-10-25T15:18:03","date_gmt":"2025-10-25T15:18:03","guid":{"rendered":"https:\/\/o2nb.site\/?page_id=14899"},"modified":"2025-10-30T22:37:25","modified_gmt":"2025-10-30T22:37:25","slug":"tech","status":"publish","type":"page","link":"https:\/\/o2nb.site\/en\/tech\/","title":{"rendered":"o2&amp;b technology and competitiveness"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"14899\" class=\"elementor elementor-14899\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fab4c0f e-flex e-con-boxed e-con e-parent\" data-id=\"fab4c0f\" 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-87a3445 elementor-widget elementor-widget-html\" data-id=\"87a3445\" 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 \uae30\uc220 \ubc0f \uacbd\uc7c1\ub825 (MCDI) - \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 (\ucc38\uace0\uc6a9, Tailwind \ud074\ub798\uc2a4 \uc6b0\uc120 \uc0ac\uc6a9) --- *\/\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; \/* \ud328\ub529 \uc870\uc815 *\/\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); \/* \ubc18\uc751\ud615 \ud3f0\ud2b8 \ud06c\uae30 *\/\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); \/* \ubc18\uc751\ud615 \ud3f0\ud2b8 \ud06c\uae30 *\/\r\n            color: var(--accent-blue); \/* \ubc1d\uc740 \ud30c\ub780\uc0c9 *\/\r\n            font-weight: 600; \/* 700 -> 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); \/* \ud30c\ub780\uc0c9 \uac15\uc870\uc120 *\/\r\n            padding-bottom: 0.8rem;\r\n            margin-bottom: 2.5rem;\r\n            font-size: clamp(1.8rem, 4vw, 2.25rem); \/* \ubc18\uc751\ud615 \ud3f0\ud2b8 \ud06c\uae30 *\/\r\n            font-weight: 800; \/* 900 -> 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\uc744 \uc704\ud574 \ud328\ub529 \uc57d\uac04 \uc904\uc784 *\/\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); \/* \uadf8\ub9bc\uc790 \uac15\ud654 *\/\r\n            backdrop-filter: blur(12px);\r\n            border: 1px solid var(--card-border);\r\n            margin-bottom: 3rem; \/* \uce74\ub4dc \uac04\uaca9 *\/\r\n             transition: all 0.3s ease;\r\n        }\r\n         @media (min-width: 768px) { \/* md \uc774\uc0c1 *\/\r\n             .card {\r\n                 padding: 2rem; \/* \ub370\uc2a4\ud06c\ud0d1 \ud328\ub529 \ubcf5\uc6d0 *\/\r\n             }\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); \/* \ubc18\uc751\ud615 *\/\r\n            font-weight: 700; \/* 800 -> 700 *\/\r\n            color: #d1d5db; \/* Gray 300 *\/\r\n            margin-bottom: 1.5rem; \/* \uac04\uaca9 \uc870\uc815 *\/\r\n        }\r\n        .highlight-bar {\r\n            border-left: 5px solid var(--accent-blue); \/* \ud30c\ub780\uc0c9 \uac15\uc870\uc120 *\/\r\n            padding-left: 1rem;\r\n             margin-left: -1rem; \/* \uc548\ucabd\uc73c\ub85c \uc0b4\uc9dd \uc774\ub3d9 (\ub370\uc2a4\ud06c\ud0d1) *\/\r\n        }\r\n         @media (max-width: 768px) { \/* md \uc774\ud558 *\/\r\n             .highlight-bar {\r\n                 margin-left: 0; \/* \ubaa8\ubc14\uc77c\uc5d0\uc11c \uc548\ucabd \uc774\ub3d9 \uc81c\uac70 *\/\r\n             }\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; \/* gap \uc870\uc815 *\/\r\n            text-align: center;\r\n        }\r\n        .mcdi-step {\r\n            background: rgba(255, 255, 255, 0.03); \/* \uce74\ub4dc \ubc30\uacbd\ubcf4\ub2e4 \uc57d\uac04 \ubc1d\uac8c *\/\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            border-radius: 1rem;\r\n            padding: 1rem; \/* \ud328\ub529 \uc870\uc815 *\/\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; \/* 900 -> 700 *\/\r\n            font-size: 1.2rem; \/* 1.3rem -> 1.2rem *\/\r\n            color: var(--accent-blue); \/* \ud30c\ub780\uc0c9 *\/\r\n            margin-bottom: 0.75rem; \/* \uac04\uaca9 \uc870\uc815 *\/\r\n        }\r\n        .mcdi-icon {\r\n            font-size: 2.5rem; \/* 3rem -> 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; \/* 0.9rem -> 0.85rem *\/\r\n             color: #cbd5e1; \/* Slate 300 *\/\r\n             line-height: 1.4; \/* \uc904\uac04\uaca9 \ucd94\uac00 *\/\r\n         }\r\n         .mcdi-step span { \/* \uac15\uc870 \ud14d\uc2a4\ud2b8 *\/\r\n             color: #e2e8f0; \/* Slate 200 *\/\r\n         }\r\n\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; \/* \ub465\uadfc \ubaa8\uc11c\ub9ac *\/\r\n            overflow: hidden;\r\n            background: rgba(255, 255, 255, 0.03); \/* \ud14c\uc774\ube14 \ubc30\uacbd *\/\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); \/* \ubc18\uc751\ud615 \ud3f0\ud2b8 *\/\r\n            padding: 0.75rem 1rem; \/* \ud328\ub529 \uc870\uc815 *\/\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08); \/* \uad6c\ubd84\uc120 *\/\r\n            color: #e2e8f0; \/* \uae30\ubcf8 \ud14d\uc2a4\ud2b8 *\/\r\n            vertical-align: middle;\r\n        }\r\n        .dark-table th {\r\n             background: rgba(96, 165, 250, 0.15); \/* \ud5e4\ub354 \ubc30\uacbd (\ud30c\ub780\uc0c9 \uacc4\uc5f4) *\/\r\n            color: #dbeafe; \/* Blue 200 *\/\r\n            font-weight: 600; \/* 700 -> 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; \/* \ub9c8\uc9c0\ub9c9 \ud589 \uad6c\ubd84\uc120 \uc81c\uac70 *\/\r\n         }\r\n        .dark-table tbody tr:hover {\r\n            background: rgba(255, 255, 255, 0.05); \/* \ud589 \ud638\ubc84 \ud6a8\uacfc *\/\r\n        }\r\n        .dark-table td:first-child, .dark-table th:first-child {\r\n            text-align: left; \/* \uccab \ubc88\uc9f8 \uc5f4 \uc67c\ucabd \uc815\ub82c *\/\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; \/* Emerald 200 *\/\r\n        }\r\n        .dark-table .saving-percent {\r\n            font-size: clamp(0.9rem, 1.8vw, 1rem); \/* \ubc18\uc751\ud615 *\/\r\n            font-weight: 700; \/* 900 -> 700 *\/\r\n        }\r\n        .dark-table .saving-percent.positive { color: var(--accent-green); } \/* \ub179\uc0c9 *\/\r\n        .dark-table .saving-percent.negative { color: var(--accent-red); } \/* \ube68\uac04\uc0c9 *\/\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; \/* \ud328\ub529 \uc870\uc815 *\/\r\n            text-align: center;\r\n             color: #cbd5e1; \/* Slate 300 *\/\r\n        }\r\n         .efficiency-box p:first-child { \/* \uae30\uc220 \uc774\ub984 *\/\r\n             font-size: 1rem;\r\n             font-weight: 600; \/* 700 -> 600 *\/\r\n             color: #e2e8f0; \/* Slate 200 *\/\r\n         }\r\n        .efficiency-value {\r\n            font-size: clamp(2.5rem, 5vw, 3rem); \/* \ubc18\uc751\ud615 *\/\r\n            font-weight: 800; \/* 900 -> 800 *\/\r\n            margin: 0.5rem 0; \/* \uc0c1\ud558 \ub9c8\uc9c4 \ucd94\uac00 *\/\r\n        }\r\n        .efficiency-note {\r\n            font-size: 0.85rem; \/* 1rem -> 0.85rem *\/\r\n            font-weight: 500; \/* 700 -> 500 *\/\r\n            color: #94a3b8; \/* Slate 400 *\/\r\n        }\r\n         \/* \uc0c9\uc0c1 \uc801\uc6a9 *\/\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; \/* \ubaa8\ubc14\uc77c \uc6b0\uc120 \uc138\ub85c \ubc30\uce58 *\/\r\n             align-items: center;\r\n            gap: 2rem;\r\n            padding: 1.5rem; \/* \ud328\ub529 \uc870\uc815 *\/\r\n            background-color: rgba(255, 255, 255, 0.03); \/* \uce74\ub4dc \ubc30\uacbd\ubcf4\ub2e4 \uc57d\uac04 \ubc1d\uac8c *\/\r\n            border-radius: 1rem;\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n        }\r\n         @media (min-width: 768px) { \/* md \uc774\uc0c1 \uac00\ub85c \ubc30\uce58 *\/\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; \/* \ud328\ub529 \uc870\uc815 *\/\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1); \/* \uad6c\ubd84\uc120 \uc0c9\uc0c1 \ubcc0\uacbd *\/\r\n            font-weight: 500; \/* 600 -> 500 *\/\r\n             color: #cbd5e1; \/* Slate 300 *\/\r\n             font-size: 0.95rem; \/* \ud3f0\ud2b8 \ud06c\uae30 \uc870\uc815 *\/\r\n        }\r\n         .product-list li:last-child { border-bottom: none; }\r\n         .product-list span { \/* \uccb4\ud06c \uc544\uc774\ucf58 \uc0c9\uc0c1 *\/\r\n             color: var(--accent-green);\r\n             margin-right: 0.5rem;\r\n         }\r\n         .product-price-box {\r\n             padding: 1.5rem; \/* \ud328\ub529 \uc870\uc815 *\/\r\n             background-color: rgba(0, 0, 0, 0.2); \/* \uc5b4\ub450\uc6b4 \ubc30\uacbd *\/\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%; \/* \ubaa8\ubc14\uc77c\uc5d0\uc11c \uaf49 \ucc28\uac8c *\/\r\n             max-width: 300px; \/* \ucd5c\ub300 \ub108\ube44 *\/\r\n         }\r\n         @media (min-width: 768px) {\r\n             .product-price-box {\r\n                 width: auto; \/* \ub370\uc2a4\ud06c\ud0d1\uc5d0\uc11c \uc790\ub3d9 \ub108\ube44 *\/\r\n             }\r\n         }\r\n         .product-price {\r\n             font-size: clamp(2rem, 5vw, 2.5rem); \/* \ubc18\uc751\ud615 \uac00\uaca9 *\/\r\n             font-weight: 800; \/* 900 -> 800 *\/\r\n             color: var(--accent-yellow); \/* \ub178\ub780\uc0c9 *\/\r\n         }\r\n         .product-name {\r\n            font-size: clamp(1rem, 3vw, 1.1rem); \/* 1.1rem -> \ubc18\uc751\ud615 *\/\r\n             font-weight: 600; \/* 700 -> 600 *\/\r\n             margin-top: 0.5rem;\r\n             color: #d1d5db; \/* Gray 300 *\/\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; \/* \ud328\ub529 \uc870\uc815 *\/\r\n             border-radius: 9999px;\r\n             font-weight: 600; \/* 700 -> 600 *\/\r\n             font-size: 0.75rem; \/* 0.8rem -> 0.75rem *\/\r\n             color: #0d1117; \/* \uc5b4\ub450\uc6b4 \ud14d\uc2a4\ud2b8 *\/\r\n         }\r\n\r\n        \/* --- Section 7: \ud328\ud0a4\uc9c0 \uc2dc\uc2a4\ud15c \ud0c0\uc785 (\ub2e4\ud06c \ud14c\ub9c8 \uac1c\uc120) --- *\/\r\n        .package-card {\r\n            background: var(--card-bg); \/* \uce74\ub4dc \ubc30\uacbd *\/\r\n            border: 1px solid var(--card-border); \/* \ud14c\ub450\ub9ac \ucd94\uac00 *\/\r\n            padding: 1rem 1.5rem; \/* \ud328\ub529 \uc870\uc815 (\uc0c1\ud5581, \uc88c\uc6b01.5) *\/\r\n            border-radius: 1rem; \/* border-radius \uc218\uc815 *\/\r\n            transition: all 0.3s ease;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            text-align: left; \/* \uae30\ubcf8 \uc67c\ucabd \uc815\ub82c *\/\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); \/* \uadf8\ub9bc\uc790 \ucd94\uac00 *\/\r\n        }\r\n         @media (min-width: 768px) { \/* md \uc774\uc0c1 *\/\r\n             .package-card {\r\n                 padding: 1.5rem; \/* \ub370\uc2a4\ud06c\ud0d1 \ud328\ub529 *\/\r\n             }\r\n         }\r\n        .package-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\r\n            background: rgba(255, 255, 255, 0.07); \/* \ud638\ubc84 \uc2dc \ubc30\uacbd \uc0b4\uc9dd \ubc1d\uac8c *\/\r\n        }\r\n        .package-title {\r\n            font-size: 1.1rem; \/* 1.2rem -> 1.1rem (\ubaa8\ubc14\uc77c) *\/\r\n            font-weight: 700;\r\n            margin-bottom: 0.5rem;\r\n             white-space: nowrap; \/* \uc904\ubc14\uafc8 \ubc29\uc9c0 *\/\r\n        }\r\n         @media (min-width: 768px) { \/* md \uc774\uc0c1 *\/\r\n             .package-title {\r\n                 font-size: 1.2rem; \/* \ub370\uc2a4\ud06c\ud0d1 \ud3f0\ud2b8 \ud06c\uae30 *\/\r\n             }\r\n         }\r\n        .package-subtitle {\r\n            font-size: 0.8rem; \/* 0.9rem -> 0.8rem *\/\r\n            font-weight: 500;\r\n            margin-bottom: 1rem; \/* \ub9ac\uc2a4\ud2b8\uc640\uc758 \uac04\uaca9 \ud655\ubcf4 *\/\r\n        }\r\n         @media (min-width: 768px) { \/* md \uc774\uc0c1 *\/\r\n             .package-subtitle {\r\n                 font-size: 0.9rem; \/* \ub370\uc2a4\ud06c\ud0d1 \ud3f0\ud2b8 \ud06c\uae30 *\/\r\n             }\r\n         }\r\n        .package-list {\r\n            list-style: none;\r\n            padding-left: 0;\r\n            font-size: 0.8rem; \/* 0.85rem -> 0.8rem *\/\r\n            text-align: left;\r\n            flex-grow: 1;\r\n            color: #cbd5e1; \/* Slate 300 *\/\r\n        }\r\n         @media (min-width: 768px) { \/* md \uc774\uc0c1 *\/\r\n             .package-list {\r\n                 font-size: 0.85rem; \/* \ub370\uc2a4\ud06c\ud0d1 \ud3f0\ud2b8 \ud06c\uae30 *\/\r\n             }\r\n         }\r\n        .package-list li {\r\n            margin-bottom: 0.4rem; \/* \uac04\uaca9 \uc0b4\uc9dd \ub113\ud798 *\/\r\n            position: relative;\r\n            padding-left: 1.3rem; \/* \uc544\uc774\ucf58 \uacf5\uac04 \ud655\ubcf4 *\/\r\n             line-height: 1.4; \/* \uc904\uac04\uaca9 \ucd94\uac00 *\/\r\n        }\r\n        .package-list li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 2px; \/* \uc704\uce58 \ubbf8\uc138 \uc870\uc815 *\/\r\n            font-weight: 700;\r\n            font-size: 0.9rem; \/* \uc544\uc774\ucf58 \ud06c\uae30 \uc870\uc815 *\/\r\n            \/* \uac1c\ubcc4 \uc0c9\uc0c1 \uc801\uc6a9 *\/\r\n        }\r\n        \/* \uac1c\ubcc4 \uce74\ub4dc \uc0c9\uc0c1 \uc801\uc6a9 *\/\r\n        .package-card.yellow { border-top: 4px solid var(--accent-yellow); } \/* \ud558\ub2e8 \ud14c\ub450\ub9ac -> \uc0c1\ub2e8 \ud14c\ub450\ub9ac *\/\r\n        .package-card.yellow .package-title { color: #fde047; }\r\n        .package-card.yellow .package-subtitle { color: #fef3c7; }\r\n        .package-card.yellow .package-list li::before { color: var(--accent-yellow); }\r\n\r\n        .package-card.blue { border-top: 4px solid var(--accent-blue); }\r\n        .package-card.blue .package-title { color: #93c5fd; }\r\n        .package-card.blue .package-subtitle { color: #dbeafe; }\r\n        .package-card.blue .package-list li::before { color: var(--accent-blue); }\r\n\r\n        .package-card.purple { border-top: 4px solid var(--accent-purple); }\r\n        .package-card.purple .package-title { color: #d8b4fe; }\r\n        .package-card.purple .package-subtitle { color: #f3e8ff; }\r\n        .package-card.purple .package-list li::before { color: var(--accent-purple); }\r\n\r\n        .package-card.green { border-top: 4px solid var(--accent-green); }\r\n        .package-card.green .package-title { color: #6ee7b7; }\r\n        .package-card.green .package-subtitle { color: #d1fae5; }\r\n        .package-card.green .package-list li::before { color: var(--accent-green); }\r\n        .package-card.green .package-list strong { color: #a7f3d0; }\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; \/* \uac04\uaca9 \uc870\uc815 *\/\r\n            padding: 1.5rem 0; \/* \ud328\ub529 \uc870\uc815 *\/\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1); \/* \uc0c1\ub2e8 \uad6c\ubd84\uc120 *\/\r\n            color: #9ca3af; \/* Gray 400 *\/\r\n            font-size: 0.875rem; \/* \ud14d\uc2a4\ud2b8 \ud06c\uae30 *\/\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         .bg-accent-yellow-light { background-color: rgba(250, 204, 21, 0.1); }\r\n         .bg-accent-green-light { background-color: rgba(52, 211, 153, 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\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                Technology and competitiveness\r\n            <\/div>\r\n            <div class=\"header-subtitle\">\r\n                Core MCDI Desalination Technology: A Next-Generation Water Treatment Technology\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: MCDI \uae30\uc220 \uac1c\uc694 \ubc0f \uc6d0\ub9ac -->\r\n        <section id=\"mcdi-overview\" class=\"card\">\r\n            <h2 class=\"section-title\">1. Overview of MCDI (Membrane Capacitive Deionization) Technology<\/h2>\r\n\r\n            <p class=\"text-lg md:text-xl mb-8 font-medium text-slate-300 leading-relaxed\">\r\n                O\u2082&amp;B is <span class=\"font-bold text-accent-blue\">Development of a modular, fully automatic package system for water treatment processes.<\/span>We have advanced water technology and are in the process of <strong class=\"text-accent-green\">Electricity 80% savings<\/strong>, SW management without the need for experts, recovery rate <strong class=\"text-accent-green\">90% or higher<\/strong>We have MCDI water purification technology.\r\n            <\/p>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n                <!-- RO VS MCDI \uc694\uc57d \ube44\uad50 -->\r\n                <div class=\"space-y-4\">\r\n                    <h3 class=\"sub-header highlight-bar\">RO (Existing) VS MCDI (Our Technology)<\/h3>\r\n                    <div class=\"p-6 rounded-xl border border-accent-red bg-accent-red-light\">\r\n                        <p class=\"text-xl md:text-2xl font-bold text-red-300\">RO (Reverse Osmosis)<\/p>\r\n                        <p class=\"text-lg font-semibold mt-2 text-red-200\">High CAPEX | High OPEX<\/p>\r\n                        <p class=\"text-sm mt-1 text-slate-300\">High pressure process, membrane fouling, periodic replacement, specialist required<\/p>\r\n                    <\/div>\r\n                    <div class=\"p-6 rounded-xl border border-accent-blue bg-accent-blue-light\">\r\n                        <p class=\"text-xl md:text-2xl font-bold text-blue-300\">MCDI (Membrane Capacitive Deionization)<\/p>\r\n                        <p class=\"text-lg font-semibold mt-2 text-green-300\">Much Less Costs<\/p>\r\n                        <p class=\"text-sm mt-1 text-slate-300\">Low pressure, zero chemicals, modularity, low maintenance costs<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- MCDI \uc6d0\ub9ac \uc124\uba85 -->\r\n                <div class=\"space-y-4\">\r\n                    <h3 class=\"sub-header highlight-bar\">MCDI desalination technology principle<\/h3>\r\n                    <div class=\"mcdi-flow\">\r\n                        <div class=\"mcdi-step\">\r\n                            <div class=\"mcdi-icon text-blue-400\"><i class=\"fas fa-filter\"><\/i><\/div>\r\n                            <div class=\"mcdi-title\">water purification process<\/div>\r\n                            <p>Ionic substances in water are applied to the surface of a carbon electrode. <span class=\"font-bold text-blue-300\">Electrically adsorbed<\/span>and remove it.<\/p>\r\n                        <\/div>\r\n                        <div class=\"mcdi-step\">\r\n                            <div class=\"mcdi-icon text-yellow-400\"><i class=\"fas fa-recycle\"><\/i><\/div>\r\n                            <div class=\"mcdi-title text-yellow-400\">Regeneration process<\/div>\r\n                            <p>The direction of the electrode is changed so that the attached substance can be easily separated. <span class=\"font-bold text-red-400\">dispose<\/span>It will work.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Section 2: MCDI \uc2dc\uc2a4\ud15c \ud575\uc2ec \uac00\uce58 \ubc0f \uc81c\ud488 -->\r\n        <section id=\"mcdi-value\" class=\"card\">\r\n            <h2 class=\"section-title\">2. Core values and products of O2NB MCDI water purification technology<\/h2>\r\n            <div class=\"product-showcase\">\r\n                <div class=\"space-y-4 text-center md:text-left\">\r\n                    <h3 class=\"text-2xl font-bold text-slate-100\">O2NB MCDI water purification technology<\/h3>\r\n                    <ul class=\"product-list text-base md:text-lg\">\r\n                        <li><span>\u2713<\/span> Low-cost water purification equipment<\/li>\r\n                        <li><span>\u2713<\/span> Excellent processing efficiency<\/li>\r\n                        <li><span>\u2713<\/span> Easy to install and easy to manage<\/li>\r\n                        <li><span>\u2713<\/span> Scalability<\/li>\r\n                        <li><span>\u2713<\/span> Eco-Friendly \u2013 No Chemicals<\/li>\r\n                        <li><span>\u2713<\/span> Low Energy, Low Cost<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"text-center mt-6 md:mt-0\">\r\n                    <div class=\"product-price-box\">\r\n                        <div class=\"product-price\">41,800,000 won<\/div>\r\n                        <p class=\"product-name\">Electrosorption small-scale water purification device package system<\/p>\r\n                    <\/div>\r\n                    <div class=\"flex justify-center space-x-4 mt-6 product-tags\">\r\n                         <span class=\"bg-accent-green text-black\">Eco-friendly water purification treatment<\/span>\r\n                         <span class=\"bg-accent-blue text-black\">carbon emissions<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Section 3: MCDI \uc2dc\uc2a4\ud15c \uc7a5\uc810 (11\uac00\uc9c0) -->\r\n        <section id=\"mcdi-advantages\" class=\"card\">\r\n            <h2 class=\"section-title\">3. 11 Key Advantages of the MCDI System<\/h2>\r\n            <div class=\"overflow-x-auto\">\r\n                <table class=\"dark-table advantage-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th style=\"width: 5%;\">No.<\/th>\r\n                            <th class=\"text-left\">MCDI System Advantages<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr> <td>1<\/td> <td>Since MCDI is a low-pressure system, general pipes, especially vinyl pipes, can be used, and the cost of construction materials is lower than that of existing RO. <strong class=\"text-accent-green\">More than double the savings<\/strong>It will work.<\/td> <\/tr>\r\n                        <tr> <td>2<\/td> <td>The modular design and low-pressure piping configuration are highly flexible, allowing easy installation even for cross-operations for backwash or drainage.<\/td> <\/tr>\r\n                        <tr> <td>3<\/td> <td>Because it is a low-pressure system, professional installation and operation are not necessary, and the risk of pipe damage, etc. is extremely minimal.<\/td> <\/tr>\r\n                        <tr> <td>4<\/td> <td>The low pressure system is manufactured in cabinet form. <strong class=\"text-accent-blue\">Stacking method even in narrow areas<\/strong>It can be installed and is easy to operate and manage.<\/td> <\/tr>\r\n                        <tr> <td>5<\/td> <td>In the absence of the operator <strong class=\"text-accent-blue\">continuous autonomous driving<\/strong>This is possible and reduces costs by minimizing expensive RO valves and computerized control systems.<\/td> <\/tr>\r\n                        <tr> <td>6<\/td> <td>Because repair materials can be installed as general materials in remote areas or overseas, <strong class=\"text-accent-green\">Highest operating yield<\/strong>no see.<\/td> <\/tr>\r\n                        <tr> <td>7<\/td> <td>It can be installed with general materials (plastic\/vinyl, etc.) <strong class=\"text-accent-blue\">Air shortening<\/strong>This significantly reduces the overall construction cost.<\/td> <\/tr>\r\n                        <tr> <td>8<\/td> <td>Only the membrane filter needs to be installed in a fixed manner and can be supplied in one place as a HEAD type.<\/td> <\/tr>\r\n                        <tr> <td>9<\/td> <td>Because it can operate at room temperature, it only requires a heating system from the HVAC system.<\/td> <\/tr>\r\n                        <tr> <td>10<\/td> <td>Because it operates at low pressure <strong class=\"text-accent-yellow\">Solar power and ESS<\/strong>It can be operated stably even in remote areas using .<\/td> <\/tr>\r\n                        <tr> <td>11<\/td> <td>In the event of a pipe failure, the amount of leakage is small, minimizing the risk of loss of life or environmental pollution. (Superior safety compared to high-pressure RO)<\/td> <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Section 4: 20\ud1a4\/\uc77c \uc124\ube44 \uc6b4\uc601 CAPEX\/OPEX \ube44\uad50 -->\r\n        <section id=\"cost-analysis\" class=\"card\">\r\n            <h2 class=\"section-title\">4. RO vs. MCDI: Comparison of Operating Costs (Example: 20 tons\/day facility, 1 year)<\/h2>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n                <!-- CAPEX \ube44\uad50 -->\r\n                <div>\r\n                    <h3 class=\"sub-header highlight-bar\">Comparison of CAPEX (capital expenditure)<\/h3>\r\n                    <div class=\"overflow-x-auto\">\r\n                        <table class=\"dark-table cost-table\">\r\n                            <thead>\r\n                                <tr> <th>division<\/th> <th>water purification equipment<\/th> <th>Heating, cooling and air conditioning<\/th> <th>emergency generator<\/th> <th>Installation work<\/th> <th>Total cost (ten thousand won)<\/th> <th>RO contrast<\/th> <\/tr>\r\n                            <\/thead>\r\n                            <tbody>\r\n                                <tr class=\"bg-accent-red-light\">\r\n                                    <td>RO<\/td> <td>2,610<\/td> <td>1,620<\/td> <td>2,360<\/td> <td>2,470<\/td> <td>11,032<\/td> <td class=\"saving-percent negative\">100%<\/td>\r\n                                <\/tr>\r\n                                <tr class=\"mcdi-row\">\r\n                                    <td>MCDI<\/td> <td>3,240<\/td> <td>170<\/td> <td>700<\/td> <td>480<\/td> <td class=\"font-bold\">5,040<\/td> <td class=\"saving-percent positive\">45.7%<\/td>\r\n                                <\/tr>\r\n                            <\/tbody>\r\n                        <\/table>\r\n                    <\/div>\r\n                    <p class=\"text-sm mt-3 text-slate-400\">\u203b MCDI shows significant savings in auxiliary facility costs (air conditioning, generator, installation).<\/p>\r\n                <\/div>\r\n\r\n                <!-- OPEX \ube44\uad50 -->\r\n                <div>\r\n                    <h3 class=\"sub-header highlight-bar\">OPEX (Operating Expenses per Year) Comparison<\/h3>\r\n                    <div class=\"overflow-x-auto\">\r\n                        <table class=\"dark-table cost-table\">\r\n                            <thead>\r\n                                <tr> <th>division<\/th> <th>Electricity bill<\/th> <th>filter<\/th> <th>Chemicals<\/th> <th>inspection<\/th> <th>personnel expenses<\/th> <th>Total cost (ten thousand won)<\/th> <th>RO contrast<\/th> <\/tr>\r\n                            <\/thead>\r\n                            <tbody>\r\n                                <tr class=\"bg-accent-red-light\">\r\n                                    <td>RO<\/td> <td>883<\/td> <td>60<\/td> <td>65<\/td> <td>120<\/td> <td>913<\/td> <td>2,174<\/td> <td class=\"saving-percent negative\">100%<\/td>\r\n                                <\/tr>\r\n                                <tr class=\"mcdi-row\">\r\n                                    <td>MCDI<\/td> <td>250<\/td> <td>110<\/td> <td>5<\/td> <td>120<\/td> <td>130<\/td> <td class=\"font-bold\">899<\/td> <td class=\"saving-percent positive\">41.4%<\/td>\r\n                                <\/tr>\r\n                            <\/tbody>\r\n                        <\/table>\r\n                    <\/div>\r\n                    <p class=\"text-sm mt-3 text-slate-400\">\u203b MCDI has a notable effect in reducing electricity bills, chemicals, and labor costs.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Section 5: MCDI \uc131\ub2a5 \uc6b0\uc704 -->\r\n        <section id=\"efficiency-and-history\" class=\"card\">\r\n            <h2 class=\"section-title\">5. MCDI&#039;s Overwhelming Performance Compared to Global Technologies<\/h2>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\r\n                <!-- \ubd88\uc18c \uc81c\uac70 \ud6a8\uc728 \ube44\uad50 -->\r\n                <div>\r\n                    <h3 class=\"sub-header highlight-bar\">Fluoride removal efficiency compared to similar technologies (CDI)<\/h3>\r\n                    <div class=\"flex justify-around items-center mt-6 gap-4\">\r\n                        <div class=\"efficiency-box cdi flex-1\">\r\n                            <p>Similar CDI technology<\/p>\r\n                            <span class=\"efficiency-value\">31%<\/span>\r\n                            <p class=\"efficiency-note\">76ppm \u2192 41ppm<\/p>\r\n                        <\/div>\r\n                        <div class=\"text-4xl md:text-5xl font-extrabold text-slate-400 mx-2\">VS<\/div>\r\n                        <div class=\"efficiency-box mcdi flex-1\">\r\n                            <p>O\u2082&amp;B MCDI<\/p>\r\n                            <span class=\"efficiency-value\">95%<\/span>\r\n                            <p class=\"efficiency-note\">18ppm \u2192 0.26ppm<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"text-sm mt-4 text-center text-slate-300 font-medium\">\r\n                        O\u2082&amp;B MCDI is <strong class=\"text-accent-green\">World-class fluoride removal performance<\/strong>has been proven.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- \uae30\uc220 \uc5ed\uc0ac \ubc0f \uc131\ub2a5 \ube44\uad50 -->\r\n                <div>\r\n                    <h3 class=\"sub-header highlight-bar\">Technology History and Performance Comparison<\/h3>\r\n                    <ul class=\"text-base space-y-3 mt-4 font-medium text-slate-300\">\r\n                        <li><strong>Technical History:<\/strong> RO\/CDI is a technology that has been around for over 60 years vs MCDI is O\u2082&amp;B&#039;s exclusive technology <strong class=\"text-accent-blue\">Next-generation technology<\/strong>.<\/li>\r\n                        <li><strong>RO vs.:<\/strong> MCDI is <strong class=\"text-accent-green\">Doubled recovery capacity, improved efficiency, and tripled power consumption.<\/strong>.<\/li>\r\n                        <li><strong>CDI Preparation:<\/strong> MCDI is <strong class=\"text-accent-green\">Doubled removal capacity, improved recovery, and doubled power consumption.<\/strong>Overcoming existing limitations.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Section 6: \uae30\ud0c0 \uae30\uc220 \ube44\uad50 -->\r\n        <section id=\"other-tech-comparison\" class=\"card\">\r\n            <h2 class=\"section-title\">6. Comparison of Other Advanced Water Treatment Desalination Technologies<\/h2>\r\n            <div class=\"overflow-x-auto\">\r\n                <table class=\"dark-table comparison-table\">\r\n                    <thead>\r\n                        <tr> <th style=\"width: 15%;\">technology<\/th> <th style=\"width: 40%;\">merit<\/th> <th style=\"width: 45%;\">disadvantage<\/th> <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr class=\"mcdi-row\">\r\n                            <td>MCDI<\/td>\r\n                            <td>\u2022 Low power\/low cost<br\/>\u2022 Eco-friendly (No Chemicals)<br\/>\u2022 High-efficiency ion removal<br\/>\u2022 <strong class=\"text-blue-300\">Modularization (Top Technology)<\/strong><\/td>\r\n                            <td>\u2022 Concentration limits (overcoming technology)<br\/>\u2022 Early stage (commercial expansion)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>RO<\/td>\r\n                            <td>\u2022 High removal rate<br\/>\u2022 Proven technology<\/td>\r\n                            <td>\u2022 High cost (operation\/maintenance)<br\/>\u2022 Chemicals\/Environmental Impact<br\/>\u2022 <strong class=\"text-accent-red\">Water waste (wastewater 30-50%)<\/strong><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>EDI<\/td>\r\n                            <td>\u2022 High-purity water production<br\/>\u2022 Minimize chemicals<\/td>\r\n                            <td>\u2022 High initial\/maintenance costs<br\/>\u2022 High power consumption<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>UF<\/td>\r\n                            <td>\u2022 Simple operation<br\/>\u2022 No chemicals<\/td>\r\n                            <td>\u2022 Ion removal limit<br\/>\u2022 Membrane contamination problem<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            <p class=\"text-sm mt-4 text-slate-300 font-medium\">\r\n                \u203b O\u2082&amp;B MCDI is an **essential total solution** with overwhelming competitiveness in **efficiency, operating costs, and environmental friendliness**.\r\n            <\/p>\r\n        <\/section>\r\n\r\n        <!-- Section 7: \ud328\ud0a4\uc9c0 \uc2dc\uc2a4\ud15c \ud0c0\uc785 (\ub2e4\ud06c \ud14c\ub9c8 \uc801\uc6a9 \ubc0f \uac00\ub3c5\uc131 \uac1c\uc120) -->\r\n        <section id=\"mcdi-package-types\" class=\"card\">\r\n            <h2 class=\"section-title\">7. MCDI package system by industry and size<\/h2>\r\n            <!-- stray comments removed -->\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-left\">\r\n                <div class=\"package-card yellow p-6\">\r\n                    <h3 class=\"package-title\">MCDI unit<\/h3>\r\n                    <p class=\"package-subtitle\">Cassette (20-100 ton\/d)<\/p>\r\n                    <ul class=\"package-list\">\r\n                        <li>Low Energy\/Cost<\/li>\r\n                        <li>Excellent efficiency<\/li>\r\n                        <li>1\/5 of the electricity compared to RO<\/li>\r\n                        <li>Easy installation\/management<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"package-card blue p-6\">\r\n                    <h3 class=\"package-title\">village water purification plant<\/h3>\r\n                    <p class=\"package-subtitle\">Containers (500-1k ton\/d)<\/p>\r\n                    <ul class=\"package-list\">\r\n                        <li>Mobile, ideal for remote areas<\/li>\r\n                        <li>Quick installation\/operation<\/li>\r\n                        <li>Solar power connection possible<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"package-card purple p-6\">\r\n                    <h3 class=\"package-title\">large-scale plants<\/h3>\r\n                    <p class=\"package-subtitle\">Modular (1k ton\/d +)<\/p>\r\n                    <ul class=\"package-list\">\r\n                        <li>24k ton\/d expansion<\/li>\r\n                        <li>Industrial complex\/smart city<\/li>\r\n                        <li>Cost innovation<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"package-card green p-6\">\r\n                    <h3 class=\"package-title\">Water Station<\/h3>\r\n                    <p class=\"package-subtitle\">Standalone (20 ton\/d)<\/p>\r\n                    <ul class=\"package-list\">\r\n                        <li>Carbon Net Zero<\/li>\r\n                        <li><strong>Supply 1,000 people\/day<\/strong><\/li>\r\n                        <li>CSR\/Carbon Emissions Linkage<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            <p class=\"text-sm mt-6 text-center text-slate-400\">\r\n                O\u2082&amp;B builds eco-friendly ESG water treatment systems optimized for all environments.\r\n            <\/p>\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. | Next-Generation ESG Water Treatment Solutions<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n<\/body>\r\n<\/html>\r\n\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 \uae30\uc220 \ubc0f \uacbd\uc7c1\ub825 (MCDI) &#8211; \ub2e4\ud06c \ud14c\ub9c8 \uae30\uc220 \ubc0f \uacbd\uc7c1\ub825 \ud575\uc2ec MCDI \ud0c8\uc5fc \uae30\uc220: \ucc28\uc138\ub300 \uc218\ucc98\ub9ac \uae30\uc220\ub85c \uc8fc\ubaa9 1. MCDI (Membrane Capacitive Deionization) \uae30\uc220 \uac1c\uc694 O\u2082&#038;B\ub294 \uc218\ucc98\ub9ac \uacf5\uc815\uc758 \ubaa8\ub4c8\ud654 Full automatic \ud328\ud0a4\uc9c0 \uc2dc\uc2a4\ud15c \uac1c\ubc1c\ub85c \ubb3c \uae30\uc220\uc744 \uace0\ub3c4\ud654\ud588\uc73c\uba70, \uacf5\uc815 \uc911 \uc804\uae30 80% \uc808\uac10, \uc804\ubb38\uac00 \ubd88\ud544\uc694 SW \uad00\ub9ac, \ud68c\uc218\uc728 90% \uc774\uc0c1\uc758 MCDI \uc815\uc218\uae30\uc220\uc744 \ubcf4\uc720\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. RO [&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-14899","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\/en\/wp-json\/wp\/v2\/pages\/14899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/comments?post=14899"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/pages\/14899\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/en\/wp-json\/wp\/v2\/media?parent=14899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}