{"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\/ko_kr\/tech\/","title":{"rendered":"o2&b \uae30\uc220 \ubc0f \uacbd\uc7c1\ub825"},"content":{"rendered":"\t\t
\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 \uae30\uc220 \ubc0f \uacbd\uc7c1\ub825\r\n <\/div>\r\n <div class=\"header-subtitle\">\r\n \ud575\uc2ec MCDI \ud0c8\uc5fc \uae30\uc220: \ucc28\uc138\ub300 \uc218\ucc98\ub9ac \uae30\uc220\ub85c \uc8fc\ubaa9\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. MCDI (Membrane Capacitive Deionization) \uae30\uc220 \uac1c\uc694<\/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\ub294 <span class=\"font-bold text-accent-blue\">\uc218\ucc98\ub9ac \uacf5\uc815\uc758 \ubaa8\ub4c8\ud654 Full automatic \ud328\ud0a4\uc9c0 \uc2dc\uc2a4\ud15c \uac1c\ubc1c<\/span>\ub85c \ubb3c \uae30\uc220\uc744 \uace0\ub3c4\ud654\ud588\uc73c\uba70, \uacf5\uc815 \uc911 <strong class=\"text-accent-green\">\uc804\uae30 80% \uc808\uac10<\/strong>, \uc804\ubb38\uac00 \ubd88\ud544\uc694 SW \uad00\ub9ac, \ud68c\uc218\uc728 <strong class=\"text-accent-green\">90% \uc774\uc0c1<\/strong>\uc758 MCDI \uc815\uc218\uae30\uc220\uc744 \ubcf4\uc720\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.\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\">\uace0\uc555 \uacf5\uc815, \ub9c9 \uc624\uc5fc, \uc8fc\uae30\uc801 \uad50\uccb4, \uc804\ubb38\uac00 \ud544\uc694<\/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\">\uc800\uc555, \ud654\ud559 \uc57d\ud488 Zero, \ubaa8\ub4c8\ud654, \ub0ae\uc740 \uc720\uc9c0 \ube44\uc6a9<\/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 \ud0c8\uc5fc \uae30\uc220 \uc6d0\ub9ac<\/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\">\uc815\uc218 \uacf5\uc815<\/div>\r\n <p>\ubb3c \uc18d \uc774\uc628\uc131 \ubb3c\uc9c8\uc744 \ud0c4\uc18c \uc804\uadf9 \ud45c\uba74\uc5d0 <span class=\"font-bold text-blue-300\">\uc804\uae30\uc801\uc73c\ub85c \ud761\ucc29<\/span>\ud558\uc5ec \uc81c\uac70\ud569\ub2c8\ub2e4.<\/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\">\uc7ac\uc0dd \uacf5\uc815<\/div>\r\n <p>\uc804\uadf9 \ubc29\ud5a5\uc774 \ubc14\ub00c\uc5b4 \ubd80\ucc29\ub41c \ubb3c\uc9c8\uc774 \uc27d\uac8c \ubd84\ub9ac\ub418\uc5b4 <span class=\"font-bold text-red-400\">\ubc30\ucd9c<\/span>\ub429\ub2c8\ub2e4.<\/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. \uc624\ud22c\uc5d4\ube44 MCDI \uc815\uc218 \uae30\uc220\uc758 \ud575\uc2ec \uac00\uce58 \ubc0f \uc81c\ud488<\/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\">\uc624\ud22c\uc5d4\ube44 MCDI \uc815\uc218\uae30\uc220<\/h3>\r\n <ul class=\"product-list text-base md:text-lg\">\r\n <li><span>\u2713<\/span> \uc800\ub834\ud55c \ube44\uc6a9\uc758 \uc815\uc218 \uc124\ube44<\/li>\r\n <li><span>\u2713<\/span> \uc6b0\uc218\ud55c \ucc98\ub9ac \ud6a8\uc728<\/li>\r\n <li><span>\u2713<\/span> \uc124\uce58\uac00 \uc27d\uace0 \uad00\ub9ac\uac00 \uac04\ud3b8<\/li>\r\n <li><span>\u2713<\/span> \ud655\uc7a5 \uac00\ub2a5\uc131<\/li>\r\n <li><span>\u2713<\/span> \ud658\uacbd \uce5c\ud654\uc801 \u2013 No Chemical<\/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 \uc6d0<\/div>\r\n <p class=\"product-name\">\uc804\uae30\ud761\ucc29\uc2dd \uc18c\uaddc\ubaa8 \uc815\uc218 \uc7a5\uce58 \ud328\ud0a4\uc9c0 \uc2dc\uc2a4\ud15c<\/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\">\uce5c\ud658\uacbd \uc815\uc218\ucc98\ub9ac<\/span>\r\n <span class=\"bg-accent-blue text-black\">\ud0c4\uc18c \ubc30\ucd9c\uad8c<\/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. MCDI \uc2dc\uc2a4\ud15c\uc758 11\uac00\uc9c0 \ud575\uc2ec \uc7a5\uc810<\/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 \uc2dc\uc2a4\ud15c \uc7a5\uc810<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr> <td>1<\/td> <td>MCDI\ub294 \uc800\uc555 \uc2dc\uc2a4\ud15c\uc774\ubbc0\ub85c, \uc77c\ubc18 \ubc30\uad00 \ud2b9\ud788 \ube44\ub2d0 \ubc30\uad00\uc744 \uc0ac\uc6a9\ud574\ub3c4 \ub418\uba70, \uacf5\uc0ac\uc6a9 \uc790\uc7ac\ube44\ub294 \uae30\uc874 RO \ub300\ube44 <strong class=\"text-accent-green\">2\ubc30 \uc774\uc0c1 \uc808\uac10<\/strong>\ub429\ub2c8\ub2e4.<\/td> <\/tr>\r\n <tr> <td>2<\/td> <td>\ubaa8\ub4c8\uc2dd \uc124\uacc4\uc640 \uc800\uc555 \ubc30\uad00 \uad6c\uc131\uc774 \ub9e4\uc6b0 \uc720\uc5f0\ud558\uc5ec \uc5ed\uc138\ub098 \ud0c8\ub9ac\ub97c \uc704\ud55c \uad50\ucc28 \uc6b4\uc804 \uc2dc\uc5d0\ub3c4 \uc27d\uac8c \uc124\uce58 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/td> <\/tr>\r\n <tr> <td>3<\/td> <td>\uc800\uc555 \uc2dc\uc2a4\ud15c\uc774\ubbc0\ub85c \uc804\ubb38\uac00\uc758 \uc124\uce58\uc640 \uc6b4\uc804\uc774 \ubd88\ud544\uc694\ud558\uba70, \ubc30\uad00 \ud30c\uc190 \ub4f1\uc758 \uc704\ud5d8\uc774 \uadf9\ud788 \ubbf8\ubbf8\ud569\ub2c8\ub2e4.<\/td> <\/tr>\r\n <tr> <td>4<\/td> <td>\uc800\uc555 \uc2dc\uc2a4\ud15c\uc740 \uce90\ube44\ub2db \ud615\ud0dc\ub85c \uc81c\uc791\ub418\uc5b4 <strong class=\"text-accent-blue\">\uc881\uc740 \uba74\uc801\uc5d0\ub3c4 \uc801\uce35 \ubc29\uc2dd<\/strong>\uc73c\ub85c \uc124\uce58 \uac00\ub2a5\ud558\uba70, \uc6b4\uc601 \uad00\ub9ac\uac00 \uc6a9\uc774\ud569\ub2c8\ub2e4.<\/td> <\/tr>\r\n <tr> <td>5<\/td> <td>\uc6b4\uc601\uc790 \ubd80\uc7ac \uc0c1\ud0dc\uc5d0\uc11c <strong class=\"text-accent-blue\">\uc5f0\uc18d \uc790\ub3d9 \uc6b4\uc804<\/strong>\uc774 \uac00\ub2a5\ud558\uba70, \uace0\uac00 RO \ubc38\ube0c \ubc0f \uc804\uc0b0 \uc81c\uc5b4 \uc2dc\uc2a4\ud15c\uc774 \ucd5c\uc18c\ud654\ub418\uc5b4 \ube44\uc6a9\uc774 \uc808\uac10\ub429\ub2c8\ub2e4.<\/td> <\/tr>\r\n <tr> <td>6<\/td> <td>\uc624\uc9c0\ub098 \ud574\uc678 \uc9c0\uc5ed\uc5d0\uc11c \ubcf4\uc218\uc6a9 \uc790\uc7ac\uac00 \uc77c\ubc18 \uc790\uc7ac\ub85c \uc124\uce58 \uac00\ub2a5\ud558\ubbc0\ub85c <strong class=\"text-accent-green\">\uc6b4\uc601 \uc218\uc728\uc774 \ucd5c\uace0<\/strong>\uc785\ub2c8\ub2e4.<\/td> <\/tr>\r\n <tr> <td>7<\/td> <td>\uc77c\ubc18 \uc790\uc7ac(\ud504\ub77c\uc2a4\ud2f1\/\ube44\ub2d0 \ub4f1)\ub85c \uc124\uce58 \uac00\ub2a5\ud558\uc5ec <strong class=\"text-accent-blue\">\uacf5\uae30 \ub2e8\ucd95<\/strong>\uc73c\ub85c \uc804\uccb4 \uacf5\uc0ac \ube44\uc6a9\uc744 \ud06c\uac8c \uc808\uac10\ud569\ub2c8\ub2e4.<\/td> <\/tr>\r\n <tr> <td>8<\/td> <td>\uba64\ube0c\ub808\uc778 \ud544\ud130\ub9cc \uace0\uc815\uc2dd\uc73c\ub85c \uc124\uce58\uac00 \ud544\uc694\ud558\uba70, HEAD \ud0c0\uc785\uc73c\ub85c \ud55c \uacf3\uc5d0\uc11c \uacf5\uae09 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/td> <\/tr>\r\n <tr> <td>9<\/td> <td>\uc0c1\uc628\uc5d0\uc11c \uc6b4\uc601\uc774 \uac00\ub2a5\ud558\ubbc0\ub85c HVAC \uc2dc\uc2a4\ud15c\uc5d0\uc11c \ub09c\ubc29 \uc2dc\uc2a4\ud15c\ub9cc \ud544\uc694\ud569\ub2c8\ub2e4.<\/td> <\/tr>\r\n <tr> <td>10<\/td> <td>\uc800\uc555\uc73c\ub85c \uc6b4\uc601\ub418\ubbc0\ub85c <strong class=\"text-accent-yellow\">\ud0dc\uc591\uad11\uacfc ESS<\/strong>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc624\uc9c0\uc5d0\uc11c\ub3c4 \uc548\uc815\uc801\uc73c\ub85c \uc6b4\uc601 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/td> <\/tr>\r\n <tr> <td>11<\/td> <td>\ubc30\uad00 \ud30c\uc190 \uc2dc \uc720\ucd9c\ub7c9\uc774 \uc801\uc5b4 \uc778\uba85 \ud53c\ud574 \ubc0f \ud658\uacbd \uc624\uc5fc \ub4f1\uc758 \ud53c\ud574\uac00 \ubbf8\ubbf8\ud569\ub2c8\ub2e4. (\uace0\uc555 RO \ub300\ube44 \uc548\uc804\uc131 \uc6b0\uc218)<\/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: \uc6b4\uc601 \ube44\uc6a9 \ube44\uad50 (\uc608\uc2dc 20\ud1a4\/\uc77c \uc124\ube44, 1\ub144)<\/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\">CAPEX (\uc124\ube44 \ud22c\uc790 \ube44\uc6a9) \ube44\uad50<\/h3>\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"dark-table cost-table\">\r\n <thead>\r\n <tr> <th>\uad6c\ubd84<\/th> <th>\uc815\uc218 \uc7a5\ube44<\/th> <th>\ub0c9\ub09c\ubc29\/\uacf5\uc870<\/th> <th>\ube44\uc0c1 \ubc1c\uc804\uae30<\/th> <th>\uc124\uce58 \uacf5\uc0ac<\/th> <th>\ucd1d \ube44\uc6a9 (\ub9cc\uc6d0)<\/th> <th>RO \ub300\ube44<\/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\ub294 \ubd80\ub300 \uc2dc\uc124 \ube44\uc6a9(\uacf5\uc870, \ubc1c\uc804\uae30, \uc124\uce58)\uc5d0\uc11c \ud070 \uc808\uac10\uc744 \ubcf4\uc785\ub2c8\ub2e4.<\/p>\r\n <\/div>\r\n\r\n <!-- OPEX \ube44\uad50 -->\r\n <div>\r\n <h3 class=\"sub-header highlight-bar\">OPEX (1\ub144 \uc6b4\uc601 \ube44\uc6a9) \ube44\uad50<\/h3>\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"dark-table cost-table\">\r\n <thead>\r\n <tr> <th>\uad6c\ubd84<\/th> <th>\uc804\uae30 \uc694\uae08<\/th> <th>\ud544\ud130<\/th> <th>\ucf00\ubbf8\uce7c<\/th> <th>\uc810\uac80<\/th> <th>\uc778\uac74\ube44<\/th> <th>\ucd1d \ube44\uc6a9 (\ub9cc\uc6d0)<\/th> <th>RO \ub300\ube44<\/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\ub294 \uc804\uae30 \uc694\uae08, \ucf00\ubbf8\uce7c, \uc778\uac74\ube44 \uc808\uac10 \ud6a8\uacfc\uac00 \ub450\ub4dc\ub7ec\uc9d1\ub2c8\ub2e4.<\/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. \uae00\ub85c\ubc8c \uae30\uc220 \ub300\ube44 MCDI\uc758 \uc555\ub3c4\uc801\uc778 \uc131\ub2a5<\/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\">\uc720\uc0ac \uae30\uc220(CDI) \ub300\ube44 \ubd88\uc18c \uc81c\uac70 \ud6a8\uc728<\/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>\uc720\uc0ac CDI \uae30\uc220<\/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\ub294 <strong class=\"text-accent-green\">\uc138\uacc4 \ucd5c\uace0 \uc218\uc900\uc758 \ubd88\uc18c \uc81c\uac70 \uc131\ub2a5<\/strong>\uc744 \uc785\uc99d\ud588\uc2b5\ub2c8\ub2e4.\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\">\uae30\uc220 \uc5ed\uc0ac\uc640 \uc131\ub2a5 \ube44\uad50<\/h3>\r\n <ul class=\"text-base space-y-3 mt-4 font-medium text-slate-300\">\r\n <li><strong>\uae30\uc220 \uc5ed\uc0ac:<\/strong> RO\/CDI\ub294 60\ub144 \uc774\uc0c1 \ub41c \uae30\uc220 vs MCDI\ub294 O\u2082&B\uc758 \ub3c5\ubcf4\uc801 <strong class=\"text-accent-blue\">\ucc28\uc138\ub300 \uae30\uc220<\/strong>.<\/li>\r\n <li><strong>RO \ub300\ube44:<\/strong> MCDI\ub294 <strong class=\"text-accent-green\">\ud68c\uc218\ub2a5 2\ubc30\u2191, \ud6a8\uc728 \uac1c\uc120, \uc804\ub825 3\ubc30\u2193<\/strong>.<\/li>\r\n <li><strong>CDI \ub300\ube44:<\/strong> MCDI\ub294 <strong class=\"text-accent-green\">\uc81c\uac70\ub2a5 2\ubc30\u2191, \ud68c\uc218\ub2a5 \uac1c\uc120, \uc804\ub825 2\ubc30\u2193<\/strong>\ub85c \uae30\uc874 \ud55c\uacc4 \uadf9\ubcf5.<\/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. \uae30\ud0c0 \uace0\ub3c4 \uc218\ucc98\ub9ac \ud0c8\uc5fc \uae30\uc220 \ube44\uad50<\/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%;\">\uae30\uc220<\/th> <th style=\"width: 40%;\">\uc7a5\uc810<\/th> <th style=\"width: 45%;\">\ub2e8\uc810<\/th> <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"mcdi-row\">\r\n <td>MCDI<\/td>\r\n <td>\u2022 \uc800\uc804\ub825\/\uc800\ube44\uc6a9<br\/>\u2022 \uce5c\ud658\uacbd (No Chemical)<br\/>\u2022 \uace0\ud6a8\uc728 \uc774\uc628 \uc81c\uac70<br\/>\u2022 <strong class=\"text-blue-300\">\ubaa8\ub4c8\ud654 (Top \uae30\uc220)<\/strong><\/td>\r\n <td>\u2022 \ub18d\ub3c4 \uc81c\ud55c (\uae30\uc220 \uadf9\ubcf5)<br\/>\u2022 \ucd08\uae30 \ub2e8\uacc4 (\uc0c1\uc6a9\ud654 \ud655\uc7a5)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>RO<\/td>\r\n <td>\u2022 \ub192\uc740 \uc81c\uac70\uc728<br\/>\u2022 \uac80\uc99d\ub41c \uae30\uc220<\/td>\r\n <td>\u2022 \uace0\ube44\uc6a9 (\uc6b4\uc601\/\uc720\uc9c0)<br\/>\u2022 \ud654\ud559 \uc57d\ud488\/\ud658\uacbd \uc601\ud5a5<br\/>\u2022 <strong class=\"text-accent-red\">\ubb3c \ub0ad\ube44 (\ud3d0\uc218 30-50%)<\/strong><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>EDI<\/td>\r\n <td>\u2022 \uace0\uc21c\ub3c4 \ubb3c \uc0dd\uc0b0<br\/>\u2022 \ud654\ud559 \ubb3c\uc9c8 \ucd5c\uc18c\ud654<\/td>\r\n <td>\u2022 \ub192\uc740 \ucd08\uae30\/\uc720\uc9c0 \ube44\uc6a9<br\/>\u2022 \ub192\uc740 \uc804\ub825 \uc18c\ube44<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>UF<\/td>\r\n <td>\u2022 \uac04\ub2e8\ud55c \uc6b4\uc601<br\/>\u2022 \ud654\ud559 \ubb3c\uc9c8 \uc5c6\uc74c<\/td>\r\n <td>\u2022 \uc774\uc628 \uc81c\uac70 \ud55c\uacc4<br\/>\u2022 \ub9c9 \uc624\uc5fc \ubb38\uc81c<\/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\ub294 **\ud6a8\uc728\uc131, \uc6b4\uc601 \ube44\uc6a9, \ud658\uacbd \uce5c\ud654\uc131**\uc5d0\uc11c \uc555\ub3c4\uc801 \uacbd\uc7c1\ub825\uc744 \uac16\ucd98 **\ud544\uc218 \ud1a0\ud0c8 \uc194\ub8e8\uc158**\uc785\ub2c8\ub2e4.\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. \uc0b0\uc5c5\ubcc4, \uaddc\ubaa8\ubcc4 MCDI \ud328\ud0a4\uc9c0 \uc2dc\uc2a4\ud15c<\/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 \uc720\ub2db<\/h3>\r\n <p class=\"package-subtitle\">\uce74\uc138\ud2b8 (20-100 ton\/d)<\/p>\r\n <ul class=\"package-list\">\r\n <li>Low Energy\/Cost<\/li>\r\n <li>\uc6b0\uc218 \ud6a8\uc728<\/li>\r\n <li>RO \ub300\ube44 \uc804\uae30 1\/5<\/li>\r\n <li>\uac04\ud3b8 \uc124\uce58\/\uad00\ub9ac<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"package-card blue p-6\">\r\n <h3 class=\"package-title\">\ub9c8\uc744 \uc815\uc218\uc7a5<\/h3>\r\n <p class=\"package-subtitle\">\ucee8\ud14c\uc774\ub108 (500-1k ton\/d)<\/p>\r\n <ul class=\"package-list\">\r\n <li>\uc774\ub3d9\ud615, \uc624\uc9c0 \ucd5c\uc801<\/li>\r\n <li>\ube60\ub978 \uc124\uce58\/\uc6b4\uc601<\/li>\r\n <li>\ud0dc\uc591\uad11 \uc5f0\uacc4 \uac00\ub2a5<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"package-card purple p-6\">\r\n <h3 class=\"package-title\">\ub300\uaddc\ubaa8 \ud50c\ub79c\ud2b8<\/h3>\r\n <p class=\"package-subtitle\">\ubaa8\ub4c8\uc2dd (1k ton\/d +)<\/p>\r\n <ul class=\"package-list\">\r\n <li>24k ton\/d \uae09 \ud655\uc7a5<\/li>\r\n <li>\uc0b0\uc5c5\ub2e8\uc9c0\/\uc2a4\ub9c8\ud2b8\uc2dc\ud2f0<\/li>\r\n <li>\ube44\uc6a9 \ud601\uc2e0<\/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\">\ub3c5\ub9bd\ud615 (20 ton\/d)<\/p>\r\n <ul class=\"package-list\">\r\n <li>Carbon Net Zero<\/li>\r\n <li><strong>1,000\uba85\/\uc77c \uacf5\uae09<\/strong><\/li>\r\n <li>CSR\/\ud0c4\uc18c\ubc30\ucd9c\uad8c \uc5f0\uacc4<\/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\ub294 \ubaa8\ub4e0 \ud658\uacbd\uc5d0 \ucd5c\uc801\ud654\ub41c \uce5c\ud658\uacbd ESG \uc218\ucc98\ub9ac \uc2dc\uc2a4\ud15c\uc744 \uad6c\ucd95\ud569\ub2c8\ub2e4.\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>(\uc8fc)\uc624\ud22c\uc5d4\ube44 | O\u2082&B Co., Ltd. | \ucc28\uc138\ub300 ESG \uc218\ucc98\ub9ac \uc194\ub8e8\uc158<\/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>\n\t\t","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>\n","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\/ko_kr\/wp-json\/wp\/v2\/pages\/14899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/comments?post=14899"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/pages\/14899\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/ko_kr\/wp-json\/wp\/v2\/media?parent=14899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}