{"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\/vi\/tech\/","title":{"rendered":"o2&b \uae30\uc220 \ubc0f \uacbd\uc7c1\ub825"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 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 C\u00f4ng ngh\u1ec7 v\u00e0 kh\u1ea3 n\u0103ng c\u1ea1nh tranh\r\n <\/div>\r\n <div class=\"header-subtitle\">\r\n C\u00f4ng ngh\u1ec7 kh\u1eed mu\u1ed1i MCDI c\u1ed1t l\u00f5i: Thu h\u00fat s\u1ef1 ch\u00fa \u00fd nh\u01b0 m\u1ed9t c\u00f4ng ngh\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc th\u1ebf h\u1ec7 m\u1edbi.\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. T\u1ed5ng quan v\u1ec1 c\u00f4ng ngh\u1ec7 MCDI (Kh\u1eed ion b\u1eb1ng m\u00e0ng \u0111i\u1ec7n dung)<\/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&B l\u00e0 <span class=\"font-bold text-accent-blue\">Ph\u00e1t tri\u1ec3n h\u1ec7 th\u1ed1ng tr\u1ecdn g\u00f3i t\u1ef1 \u0111\u1ed9ng ho\u00e0n to\u00e0n theo m\u00f4-\u0111un cho c\u00e1c quy tr\u00ecnh x\u1eed l\u00fd n\u01b0\u1edbc.<\/span>Ch\u00fang t\u00f4i c\u00f3 c\u00f4ng ngh\u1ec7 x\u1eed l\u00fd n\u01b0\u1edbc ti\u00ean ti\u1ebfn, v\u00e0 trong qu\u00e1 tr\u00ecnh n\u00e0y... <strong class=\"text-accent-green\">Ti\u1ebft ki\u1ec7m \u0111i\u1ec7n n\u0103ng 80%<\/strong>, Qu\u1ea3n l\u00fd ph\u1ea7n m\u1ec1m kh\u00f4ng c\u1ea7n chuy\u00ean gia, t\u1ef7 l\u1ec7 ph\u1ee5c h\u1ed3i <strong class=\"text-accent-green\">90% tr\u1edf l\u00ean<\/strong>Ch\u00fang t\u00f4i s\u1edf h\u1eefu c\u00f4ng ngh\u1ec7 l\u1ecdc n\u01b0\u1edbc MCDI.\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 (C\u00f4ng ngh\u1ec7 hi\u1ec7n c\u00f3) so v\u1edbi MCDI (C\u00f4ng ngh\u1ec7 c\u1ee7a ch\u00fang t\u00f4i)<\/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 (Th\u1ea9m th\u1ea5u ng\u01b0\u1ee3c)<\/p>\r\n <p class=\"text-lg font-semibold mt-2 text-red-200\">Chi ph\u00ed \u0111\u1ea7u t\u01b0 cao | Chi ph\u00ed v\u1eadn h\u00e0nh cao<\/p>\r\n <p class=\"text-sm mt-1 text-slate-300\">Quy tr\u00ecnh \u00e1p su\u1ea5t cao, m\u00e0ng l\u1ecdc b\u1ecb t\u1eafc ngh\u1ebdn, c\u1ea7n thay th\u1ebf \u0111\u1ecbnh k\u1ef3, c\u1ea7n chuy\u00ean gia.<\/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 (Kh\u1eed ion b\u1eb1ng m\u00e0ng \u0111i\u1ec7n dung)<\/p>\r\n <p class=\"text-lg font-semibold mt-2 text-green-300\">Chi ph\u00ed th\u1ea5p h\u01a1n nhi\u1ec1u<\/p>\r\n <p class=\"text-sm mt-1 text-slate-300\">\u00c1p su\u1ea5t th\u1ea5p, kh\u00f4ng s\u1eed d\u1ee5ng h\u00f3a ch\u1ea5t, thi\u1ebft k\u1ebf d\u1ea1ng m\u00f4-\u0111un, chi ph\u00ed b\u1ea3o tr\u00ec th\u1ea5p.<\/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\">Nguy\u00ean l\u00fd c\u00f4ng ngh\u1ec7 kh\u1eed mu\u1ed1i MCDI<\/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\">Quy tr\u00ecnh l\u1ecdc n\u01b0\u1edbc<\/div>\r\n <p>C\u00e1c ch\u1ea5t ion trong n\u01b0\u1edbc tr\u00ean b\u1ec1 m\u1eb7t \u0111i\u1ec7n c\u1ef1c cacbon <span class=\"font-bold text-blue-300\">h\u1ea5p ph\u1ee5 \u0111i\u1ec7n<\/span>Do \u0111\u00f3, h\u00e3y lo\u1ea1i b\u1ecf n\u00f3.<\/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\">Qu\u00e1 tr\u00ecnh t\u00e1i t\u1ea1o<\/div>\r\n <p>H\u01b0\u1edbng c\u1ee7a \u0111i\u1ec7n c\u1ef1c \u0111\u01b0\u1ee3c thay \u0111\u1ed5i \u0111\u1ec3 v\u1eadt li\u1ec7u g\u1eafn k\u00e8m d\u1ec5 d\u00e0ng t\u00e1ch r\u1eddi. <span class=\"font-bold text-red-400\">x\u1eed l\u00fd<\/span>N\u00f3 ho\u1ea1t \u0111\u1ed9ng.<\/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. Gi\u00e1 tr\u1ecb c\u1ed1t l\u00f5i v\u00e0 s\u1ea3n ph\u1ea9m c\u1ee7a c\u00f4ng ngh\u1ec7 l\u1ecdc n\u01b0\u1edbc O2NB MCDI<\/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\">C\u00f4ng ngh\u1ec7 l\u1ecdc n\u01b0\u1edbc O2NB MCDI<\/h3>\r\n <ul class=\"product-list text-base md:text-lg\">\r\n <li><span>\u2713<\/span> Thi\u1ebft b\u1ecb l\u1ecdc n\u01b0\u1edbc gi\u00e1 r\u1ebb<\/li>\r\n <li><span>\u2713<\/span> Hi\u1ec7u qu\u1ea3 x\u1eed l\u00fd tuy\u1ec7t v\u1eddi<\/li>\r\n <li><span>\u2713<\/span> D\u1ec5 l\u1eafp \u0111\u1eb7t v\u00e0 d\u1ec5 qu\u1ea3n l\u00fd.<\/li>\r\n <li><span>\u2713<\/span> Ti\u1ec1m n\u0103ng m\u1edf r\u1ed9ng<\/li>\r\n <li><span>\u2713<\/span> Th\u00e2n thi\u1ec7n v\u1edbi m\u00f4i tr\u01b0\u1eddng \u2013 Kh\u00f4ng ch\u1ee9a h\u00f3a ch\u1ea5t<\/li>\r\n <li><span>\u2713<\/span> N\u0103ng l\u01b0\u1ee3ng th\u1ea5p, chi ph\u00ed th\u1ea5p<\/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\">H\u1ec7 th\u1ed1ng thi\u1ebft b\u1ecb l\u1ecdc n\u01b0\u1edbc quy m\u00f4 nh\u1ecf b\u1eb1ng ph\u01b0\u01a1ng ph\u00e1p \u0111i\u1ec7n h\u1ea5p ph\u1ee5<\/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\">L\u1ecdc n\u01b0\u1edbc th\u00e2n thi\u1ec7n v\u1edbi m\u00f4i tr\u01b0\u1eddng<\/span>\r\n <span class=\"bg-accent-blue text-black\">quy\u1ec1n ph\u00e1t th\u1ea3i carbon<\/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 \u01afu \u0111i\u1ec3m ch\u00ednh c\u1ee7a h\u1ec7 th\u1ed1ng MCDI<\/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%;\">KH\u00d4NG.<\/th>\r\n <th class=\"text-left\">\u01afu \u0111i\u1ec3m c\u1ee7a h\u1ec7 th\u1ed1ng MCDI<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr> <td>1<\/td> <td>V\u00ec MCDI l\u00e0 h\u1ec7 th\u1ed1ng \u00e1p su\u1ea5t th\u1ea5p, n\u00ean c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng \u0111\u01b0\u1eddng \u1ed1ng ti\u00eau chu\u1ea9n, \u0111\u1eb7c bi\u1ec7t l\u00e0 \u1ed1ng nh\u1ef1a vinyl, v\u00e0 chi ph\u00ed v\u1eadt li\u1ec7u x\u00e2y d\u1ef1ng t\u01b0\u01a1ng \u0111\u01b0\u01a1ng v\u1edbi h\u1ec7 th\u1ed1ng RO th\u00f4ng th\u01b0\u1eddng. <strong class=\"text-accent-green\">Ti\u1ebft ki\u1ec7m h\u01a1n g\u1ea5p \u0111\u00f4i<\/strong>N\u00f3 ho\u1ea1t \u0111\u1ed9ng.<\/td> <\/tr>\r\n <tr> <td>2<\/td> <td>Thi\u1ebft k\u1ebf d\u1ea1ng m\u00f4-\u0111un v\u00e0 c\u1ea5u h\u00ecnh \u0111\u01b0\u1eddng \u1ed1ng \u00e1p su\u1ea5t th\u1ea5p c\u1ef1c k\u1ef3 linh ho\u1ea1t cho ph\u00e9p l\u1eafp \u0111\u1eb7t d\u1ec5 d\u00e0ng ngay c\u1ea3 trong qu\u00e1 tr\u00ecnh v\u1eadn h\u00e0nh ch\u00e9o \u0111\u1ec3 r\u1eeda ng\u01b0\u1ee3c ho\u1eb7c th\u00e1o \u0111\u01b0\u1eddng \u1ed1ng.<\/td> <\/tr>\r\n <tr> <td>3<\/td> <td>V\u00ec \u0111\u00e2y l\u00e0 h\u1ec7 th\u1ed1ng \u00e1p su\u1ea5t th\u1ea5p, vi\u1ec7c l\u1eafp \u0111\u1eb7t v\u00e0 v\u1eadn h\u00e0nh chuy\u00ean nghi\u1ec7p l\u00e0 kh\u00f4ng c\u1ea7n thi\u1ebft, v\u00e0 nguy c\u01a1 h\u01b0 h\u1ecfng \u0111\u01b0\u1eddng \u1ed1ng l\u00e0 c\u1ef1c k\u1ef3 th\u1ea5p.<\/td> <\/tr>\r\n <tr> <td>4<\/td> <td>H\u1ec7 th\u1ed1ng \u00e1p su\u1ea5t th\u1ea5p \u0111\u01b0\u1ee3c ch\u1ebf t\u1ea1o d\u01b0\u1edbi d\u1ea1ng m\u1ed9t t\u1ee7. <strong class=\"text-accent-blue\">Ph\u01b0\u01a1ng ph\u00e1p c\u00e1n m\u00e0ng, ngay c\u1ea3 tr\u00ean nh\u1eefng khu v\u1ef1c nh\u1ecf.<\/strong>N\u00f3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c c\u00e0i \u0111\u1eb7t v\u00e0 d\u1ec5 d\u00e0ng qu\u1ea3n l\u00fd.<\/td> <\/tr>\r\n <tr> <td>5<\/td> <td>Trong tr\u01b0\u1eddng h\u1ee3p kh\u00f4ng c\u00f3 ng\u01b0\u1eddi v\u1eadn h\u00e0nh <strong class=\"text-accent-blue\">L\u00e1i xe t\u1ef1 \u0111\u1ed9ng li\u00ean t\u1ee5c<\/strong>\u0110i\u1ec1u n\u00e0y ho\u00e0n to\u00e0n kh\u1ea3 thi, v\u00e0 chi ph\u00ed \u0111\u01b0\u1ee3c gi\u1ea3m thi\u1ec3u do vi\u1ec7c s\u1eed d\u1ee5ng c\u00e1c van RO \u0111\u1eaft ti\u1ec1n v\u00e0 h\u1ec7 th\u1ed1ng \u0111i\u1ec1u khi\u1ec3n b\u1eb1ng m\u00e1y t\u00ednh \u0111\u01b0\u1ee3c h\u1ea1n ch\u1ebf t\u1ed1i \u0111a.<\/td> <\/tr>\r\n <tr> <td>6<\/td> <td>V\u00ec v\u1eadt li\u1ec7u s\u1eeda ch\u1eefa c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c l\u1eafp \u0111\u1eb7t nh\u01b0 v\u1eadt li\u1ec7u th\u00f4ng th\u01b0\u1eddng \u1edf c\u00e1c v\u00f9ng xa x\u00f4i ho\u1eb7c khu v\u1ef1c n\u01b0\u1edbc ngo\u00e0i, <strong class=\"text-accent-green\">L\u1ee3i nhu\u1eadn ho\u1ea1t \u0111\u1ed9ng cao nh\u1ea5t<\/strong>Kh\u00f4ng th\u1ea5y.<\/td> <\/tr>\r\n <tr> <td>7<\/td> <td>N\u00f3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c l\u1eafp \u0111\u1eb7t b\u1eb1ng c\u00e1c v\u1eadt li\u1ec7u th\u00f4ng th\u01b0\u1eddng (nh\u1ef1a\/vinyl, v.v.). <strong class=\"text-accent-blue\">M\u1ee1 kh\u00f4ng kh\u00ed<\/strong>Gi\u1ea3m \u0111\u00e1ng k\u1ec3 chi ph\u00ed x\u00e2y d\u1ef1ng t\u1ed5ng th\u1ec3.<\/td> <\/tr>\r\n <tr> <td>8<\/td> <td>Ch\u1ec9 c\u1ea7n l\u1eafp \u0111\u1eb7t m\u00e0ng l\u1ecdc nh\u01b0 m\u1ed9t kh\u1ed1i c\u1ed1 \u0111\u1ecbnh v\u00e0 n\u00f3 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c cung c\u1ea5p t\u1eeb m\u1ed9t v\u1ecb tr\u00ed duy nh\u1ea5t d\u01b0\u1edbi d\u1ea1ng \u0111\u1ea7u m\u00e1y (HEAD).<\/td> <\/tr>\r\n <tr> <td>9<\/td> <td>V\u00ec n\u00f3 c\u00f3 th\u1ec3 ho\u1ea1t \u0111\u1ed9ng \u1edf nhi\u1ec7t \u0111\u1ed9 ph\u00f2ng, n\u00ean ch\u1ec9 c\u1ea7n h\u1ec7 th\u1ed1ng s\u01b0\u1edfi trong h\u1ec7 th\u1ed1ng HVAC.<\/td> <\/tr>\r\n <tr> <td>10<\/td> <td>V\u00ec n\u00f3 ho\u1ea1t \u0111\u1ed9ng \u1edf \u00e1p su\u1ea5t th\u1ea5p. <strong class=\"text-accent-yellow\">N\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi v\u00e0 h\u1ec7 th\u1ed1ng l\u01b0u tr\u1eef n\u0103ng l\u01b0\u1ee3ng (ESS).<\/strong>Nh\u1edd \u0111\u00f3, thi\u1ebft b\u1ecb c\u00f3 th\u1ec3 ho\u1ea1t \u0111\u1ed9ng \u1ed5n \u0111\u1ecbnh ngay c\u1ea3 \u1edf nh\u1eefng v\u00f9ng h\u1ebbo l\u00e1nh.<\/td> <\/tr>\r\n <tr> <td>11<\/td> <td>Trong tr\u01b0\u1eddng h\u1ee3p \u0111\u01b0\u1eddng \u1ed1ng b\u1ecb v\u1ee1, l\u01b0\u1ee3ng ch\u1ea5t l\u1ecfng r\u00f2 r\u1ec9 r\u1ea5t nh\u1ecf, d\u1eabn \u0111\u1ebfn thi\u1ec7t h\u1ea1i t\u1ed1i thi\u1ec3u nh\u01b0 th\u01b0\u01a1ng vong v\u00e0 \u00f4 nhi\u1ec5m m\u00f4i tr\u01b0\u1eddng. (An to\u00e0n h\u01a1n so v\u1edbi h\u1ec7 th\u1ed1ng th\u1ea9m th\u1ea5u ng\u01b0\u1ee3c \u00e1p su\u1ea5t cao)<\/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. So s\u00e1nh chi ph\u00ed v\u1eadn h\u00e0nh gi\u1eefa RO v\u00e0 MCDI (V\u00ed d\u1ee5: Nh\u00e0 m\u00e1y c\u00f4ng su\u1ea5t 20 t\u1ea5n\/ng\u00e0y, th\u1eddi gian v\u1eadn h\u00e0nh 1 n\u0103m)<\/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\">So s\u00e1nh chi ph\u00ed \u0111\u1ea7u t\u01b0 (CAPEX)<\/h3>\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"dark-table cost-table\">\r\n <thead>\r\n <tr> <th>ph\u00e2n c\u00f4ng<\/th> <th>Thi\u1ebft b\u1ecb l\u1ecdc n\u01b0\u1edbc<\/th> <th>H\u1ec7 th\u1ed1ng s\u01b0\u1edfi, l\u00e0m m\u00e1t v\u00e0 \u0111i\u1ec1u h\u00f2a kh\u00f4ng kh\u00ed<\/th> <th>M\u00e1y ph\u00e1t \u0111i\u1ec7n d\u1ef1 ph\u00f2ng<\/th> <th>C\u00f4ng vi\u1ec7c l\u1eafp \u0111\u1eb7t<\/th> <th>T\u1ed5ng chi ph\u00ed (10.000 won)<\/th> <th>RO t\u01b0\u01a1ng ph\u1ea3n<\/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 ch\u1ee9ng minh kh\u1ea3 n\u0103ng ti\u1ebft ki\u1ec7m \u0111\u00e1ng k\u1ec3 chi ph\u00ed cho c\u00e1c thi\u1ebft b\u1ecb ph\u1ee5 tr\u1ee3 (h\u1ec7 th\u1ed1ng \u0111i\u1ec1u h\u00f2a kh\u00f4ng kh\u00ed, m\u00e1y ph\u00e1t \u0111i\u1ec7n, l\u1eafp \u0111\u1eb7t).<\/p>\r\n <\/div>\r\n\r\n <!-- OPEX \ube44\uad50 -->\r\n <div>\r\n <h3 class=\"sub-header highlight-bar\">So s\u00e1nh chi ph\u00ed ho\u1ea1t \u0111\u1ed9ng h\u00e0ng n\u0103m (OPEX)<\/h3>\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"dark-table cost-table\">\r\n <thead>\r\n <tr> <th>ph\u00e2n c\u00f4ng<\/th> <th>h\u00f3a \u0111\u01a1n ti\u1ec1n \u0111i\u1ec7n<\/th> <th>l\u1ecdc<\/th> <th>H\u00f3a ch\u1ea5t<\/th> <th>\u0111i\u1ec1u tra<\/th> <th>chi ph\u00ed nh\u00e2n s\u1ef1<\/th> <th>T\u1ed5ng chi ph\u00ed (10.000 won)<\/th> <th>RO t\u01b0\u01a1ng ph\u1ea3n<\/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 mang l\u1ea1i nh\u1eefng kho\u1ea3n ti\u1ebft ki\u1ec7m \u0111\u00e1ng k\u1ec3 v\u1ec1 \u0111i\u1ec7n n\u0103ng, h\u00f3a ch\u1ea5t v\u00e0 chi ph\u00ed nh\u00e2n c\u00f4ng.<\/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. Hi\u1ec7u su\u1ea5t v\u01b0\u1ee3t tr\u1ed9i c\u1ee7a MCDI so v\u1edbi c\u00f4ng ngh\u1ec7 to\u00e0n c\u1ea7u<\/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\">Hi\u1ec7u qu\u1ea3 lo\u1ea1i b\u1ecf florua so v\u1edbi c\u00f4ng ngh\u1ec7 t\u01b0\u01a1ng t\u1ef1 (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>C\u00f4ng ngh\u1ec7 CDI t\u01b0\u01a1ng t\u1ef1<\/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&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&B MCDI l\u00e0 <strong class=\"text-accent-green\">Hi\u1ec7u su\u1ea5t lo\u1ea1i b\u1ecf florua h\u00e0ng \u0111\u1ea7u th\u1ebf gi\u1edbi<\/strong>\u0111\u00e3 \u0111\u01b0\u1ee3c ch\u1ee9ng minh.\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\">So s\u00e1nh l\u1ecbch s\u1eed c\u00f4ng ngh\u1ec7 v\u00e0 hi\u1ec7u n\u0103ng<\/h3>\r\n <ul class=\"text-base space-y-3 mt-4 font-medium text-slate-300\">\r\n <li><strong>L\u1ecbch s\u1eed c\u00f4ng ngh\u1ec7:<\/strong> C\u00f4ng ngh\u1ec7 RO\/CDI \u0111\u00e3 c\u00f3 h\u01a1n 60 n\u0103m tu\u1ed5i, trong khi MCDI l\u00e0 c\u00f4ng ngh\u1ec7 v\u01b0\u1ee3t tr\u1ed9i c\u1ee7a O\u2082&B. <strong class=\"text-accent-blue\">C\u00f4ng ngh\u1ec7 th\u1ebf h\u1ec7 ti\u1ebfp theo<\/strong>.<\/li>\r\n <li><strong>So v\u1edbi RO:<\/strong> MCDI l\u00e0 <strong class=\"text-accent-green\">Kh\u1ea3 n\u0103ng ph\u1ee5c h\u1ed3i t\u0103ng g\u1ea5p \u0111\u00f4i, hi\u1ec7u su\u1ea5t \u0111\u01b0\u1ee3c c\u1ea3i thi\u1ec7n, m\u1ee9c ti\u00eau th\u1ee5 \u0111i\u1ec7n n\u0103ng t\u0103ng g\u1ea5p ba.<\/strong>.<\/li>\r\n <li><strong>So v\u1edbi CDI:<\/strong> MCDI l\u00e0 <strong class=\"text-accent-green\">Kh\u1ea3 n\u0103ng lo\u1ea1i b\u1ecf t\u0103ng g\u1ea5p \u0111\u00f4i, kh\u1ea3 n\u0103ng thu h\u1ed3i \u0111\u01b0\u1ee3c c\u1ea3i thi\u1ec7n, m\u1ee9c ti\u00eau th\u1ee5 \u0111i\u1ec7n n\u0103ng gi\u1ea3m m\u1ed9t n\u1eeda.<\/strong>V\u01b0\u1ee3t qua nh\u1eefng h\u1ea1n ch\u1ebf hi\u1ec7n c\u00f3.<\/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. So s\u00e1nh v\u1edbi c\u00e1c c\u00f4ng ngh\u1ec7 kh\u1eed mu\u1ed1i x\u1eed l\u00fd n\u01b0\u1edbc ti\u00ean ti\u1ebfn kh\u00e1c<\/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%;\">c\u00f4ng ngh\u1ec7<\/th> <th style=\"width: 40%;\">c\u00f4ng lao<\/th> <th style=\"width: 45%;\">\u0111i\u1ec1u b\u1ea5t l\u1ee3i<\/th> <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"mcdi-row\">\r\n <td>MCDI<\/td>\r\n <td>\u2022 C\u00f4ng su\u1ea5t th\u1ea5p\/chi ph\u00ed th\u1ea5p<br\/>\u2022 Th\u00e2n thi\u1ec7n v\u1edbi m\u00f4i tr\u01b0\u1eddng (Kh\u00f4ng ch\u1ee9a h\u00f3a ch\u1ea5t)<br\/>\u2022 Lo\u1ea1i b\u1ecf ion hi\u1ec7u qu\u1ea3 cao<br\/>\u2022 <strong class=\"text-blue-300\">M\u00f4 \u0111un h\u00f3a (C\u00f4ng ngh\u1ec7 h\u00e0ng \u0111\u1ea7u)<\/strong><\/td>\r\n <td>\u2022 Gi\u1edbi h\u1ea1n n\u1ed3ng \u0111\u1ed9 (v\u01b0\u1ee3t qua r\u00e0o c\u1ea3n c\u00f4ng ngh\u1ec7)<br\/>\u2022 Giai \u0111o\u1ea1n ban \u0111\u1ea7u (m\u1edf r\u1ed9ng th\u01b0\u01a1ng m\u1ea1i h\u00f3a)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>RO<\/td>\r\n <td>\u2022 T\u1ef7 l\u1ec7 lo\u1ea1i b\u1ecf cao<br\/>\u2022 C\u00f4ng ngh\u1ec7 \u0111\u00e3 \u0111\u01b0\u1ee3c ki\u1ec3m ch\u1ee9ng<\/td>\r\n <td>\u2022 Chi ph\u00ed cao (v\u1eadn h\u00e0nh\/b\u1ea3o tr\u00ec)<br\/>\u2022 H\u00f3a ch\u1ea5t\/T\u00e1c \u0111\u1ed9ng \u0111\u1ebfn m\u00f4i tr\u01b0\u1eddng<br\/>\u2022 <strong class=\"text-accent-red\">N\u01b0\u1edbc th\u1ea3i (n\u01b0\u1edbc th\u1ea3i 30-50%)<\/strong><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>EDI<\/td>\r\n <td>\u2022 S\u1ea3n xu\u1ea5t n\u01b0\u1edbc tinh khi\u1ebft cao<br\/>\u2022 Gi\u1ea3m thi\u1ec3u h\u00f3a ch\u1ea5t<\/td>\r\n <td>\u2022 Chi ph\u00ed ban \u0111\u1ea7u\/b\u1ea3o tr\u00ec cao<br\/>\u2022 Ti\u00eau th\u1ee5 \u0111i\u1ec7n n\u0103ng cao<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0110\u1ea1i h\u1ecdc Florida<\/td>\r\n <td>\u2022 Thao t\u00e1c \u0111\u01a1n gi\u1ea3n<br\/>\u2022 Kh\u00f4ng ch\u1ee9a h\u00f3a ch\u1ea5t<\/td>\r\n <td>\u2022 Gi\u1edbi h\u1ea1n lo\u1ea1i b\u1ecf ion<br\/>\u2022 V\u1ea5n \u0111\u1ec1 nhi\u1ec5m b\u1ea9n m\u00e0ng l\u1ecdc<\/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&B MCDI l\u00e0 m\u1ed9t **gi\u1ea3i ph\u00e1p t\u1ed5ng th\u1ec3 thi\u1ebft y\u1ebfu** v\u1edbi kh\u1ea3 n\u0103ng c\u1ea1nh tranh v\u01b0\u1ee3t tr\u1ed9i v\u1ec1 **hi\u1ec7u qu\u1ea3, chi ph\u00ed v\u1eadn h\u00e0nh v\u00e0 th\u00e2n thi\u1ec7n v\u1edbi m\u00f4i tr\u01b0\u1eddng**.\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. H\u1ec7 th\u1ed1ng \u0111\u00f3ng g\u00f3i MCDI theo ng\u00e0nh v\u00e0 quy m\u00f4<\/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\">\u0110\u01a1n v\u1ecb MCDI<\/h3>\r\n <p class=\"package-subtitle\">Th\u00f9ng ch\u1ee9a (20-100 t\u1ea5n\/ng\u00e0y)<\/p>\r\n <ul class=\"package-list\">\r\n <li>N\u0103ng l\u01b0\u1ee3ng\/Chi ph\u00ed th\u1ea5p<\/li>\r\n <li>Hi\u1ec7u qu\u1ea3 tuy\u1ec7t v\u1eddi<\/li>\r\n <li>Ti\u00eau th\u1ee5 \u0111i\u1ec7n n\u0103ng ch\u1ec9 b\u1eb1ng 1\/5 so v\u1edbi m\u00e1y l\u1ecdc n\u01b0\u1edbc RO.<\/li>\r\n <li>D\u1ec5 d\u00e0ng c\u00e0i \u0111\u1eb7t\/qu\u1ea3n l\u00fd<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"package-card blue p-6\">\r\n <h3 class=\"package-title\">Nh\u00e0 m\u00e1y l\u1ecdc n\u01b0\u1edbc l\u00e0ng<\/h3>\r\n <p class=\"package-subtitle\">Container (500-1.000 t\u1ea5n\/ng\u00e0y)<\/p>\r\n <ul class=\"package-list\">\r\n <li>Phi\u00ean b\u1ea3n di \u0111\u1ed9ng, \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a cho c\u00e1c khu v\u1ef1c v\u00f9ng s\u00e2u v\u00f9ng xa.<\/li>\r\n <li>L\u1eafp \u0111\u1eb7t\/v\u1eadn h\u00e0nh nhanh ch\u00f3ng<\/li>\r\n <li>C\u00f3 th\u1ec3 k\u1ebft n\u1ed1i v\u1edbi n\u0103ng l\u01b0\u1ee3ng m\u1eb7t tr\u1eddi<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"package-card purple p-6\">\r\n <h3 class=\"package-title\">Nh\u00e0 m\u00e1y quy m\u00f4 l\u1edbn<\/h3>\r\n <p class=\"package-subtitle\">M\u00f4-\u0111un (1k t\u1ea5n\/ng\u00e0y tr\u1edf l\u00ean)<\/p>\r\n <ul class=\"package-list\">\r\n <li>M\u1edf r\u1ed9ng c\u00f4ng su\u1ea5t 24.000 t\u1ea5n\/ng\u00e0y<\/li>\r\n <li>Khu ph\u1ee9c h\u1ee3p c\u00f4ng nghi\u1ec7p\/Th\u00e0nh ph\u1ed1 th\u00f4ng minh<\/li>\r\n <li>\u0110\u1ed5i m\u1edbi chi ph\u00ed<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"package-card green p-6\">\r\n <h3 class=\"package-title\">Tr\u1ea1m c\u1ea5p n\u01b0\u1edbc<\/h3>\r\n <p class=\"package-subtitle\">Ho\u1ea1t \u0111\u1ed9ng \u0111\u1ed9c l\u1eadp (20 t\u1ea5n\/ng\u00e0y)<\/p>\r\n <ul class=\"package-list\">\r\n <li>Kh\u00f4ng ph\u00e1t th\u1ea3i carbon r\u00f2ng<\/li>\r\n <li><strong>Cung c\u1ea5p \u0111\u1ee7 cho 1.000 ng\u01b0\u1eddi\/ng\u00e0y<\/strong><\/li>\r\n <li>M\u1ed1i li\u00ean h\u1ec7 gi\u1eefa tr\u00e1ch nhi\u1ec7m x\u00e3 h\u1ed9i doanh nghi\u1ec7p (CSR) v\u00e0 quy\u1ec1n ph\u00e1t th\u1ea3i carbon<\/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&B s\u1ea3n xu\u1ea5t c\u00e1c h\u1ec7 th\u1ed1ng x\u1eed l\u00fd n\u01b0\u1edbc th\u00e2n thi\u1ec7n v\u1edbi m\u00f4i tr\u01b0\u1eddng, \u0111\u00e1p \u1ee9ng c\u00e1c ti\u00eau ch\u00ed ESG, \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a cho m\u1ecdi m\u00f4i tr\u01b0\u1eddng.\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>C\u00f4ng ty TNHH O\u2082&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<\/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&B \uae30\uc220 \ubc0f \uacbd\uc7c1\ub825 (MCDI) – \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&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 […]<\/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\/vi\/wp-json\/wp\/v2\/pages\/14899","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=14899"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/pages\/14899\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/vi\/wp-json\/wp\/v2\/media?parent=14899"}],"curies":[{"name":"trang web","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}