{"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\/ar\/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 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a\u0629\r\n <\/div>\r\n <div class=\"header-subtitle\">\r\n \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u0644\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0628\u062a\u0642\u0646\u064a\u0629 MCDI: \u062a\u062c\u0630\u0628 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0643\u062a\u0642\u0646\u064a\u0629 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0645\u0646 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u062a\u0627\u0644\u064a\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. \u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u062a\u0642\u0646\u064a\u0629 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u064a\u0629 \u0627\u0644\u063a\u0634\u0627\u0626\u064a\u0629 (MCDI)<\/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 \u0647\u0648 <span class=\"font-bold text-accent-blue\">\u062a\u0637\u0648\u064a\u0631 \u0646\u0638\u0627\u0645 \u0645\u0639\u064a\u0627\u0631\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u0648\u0622\u0644\u064a \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u064a\u0627\u0647<\/span>\u0644\u062f\u064a\u0646\u0627 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0645\u062a\u0637\u0648\u0631\u0629 \u0644\u0644\u0645\u064a\u0627\u0647\u060c \u0648\u062e\u0644\u0627\u0644 \u0647\u0630\u0647 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 <strong class=\"text-accent-green\">\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 80%<\/strong>, \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0628\u062f\u0648\u0646 \u062e\u0628\u0631\u0627\u0621\u060c \u0645\u0639\u062f\u0644 \u0627\u0644\u0627\u0633\u062a\u0631\u062f\u0627\u062f <strong class=\"text-accent-green\">90% \u0623\u0648 \u0623\u0639\u0644\u0649<\/strong>\u0646\u062d\u0646 \u0646\u0645\u062a\u0644\u0643 \u062a\u0642\u0646\u064a\u0629 \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 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\">\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a (\u0627\u0644\u062d\u0627\u0644\u064a\u0629) \u0645\u0642\u0627\u0628\u0644 \u062a\u0642\u0646\u064a\u0629 MCDI (\u062a\u0642\u0646\u064a\u062a\u0646\u0627)<\/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\">\u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a (RO)<\/p>\r\n <p class=\"text-lg font-semibold mt-2 text-red-200\">\u0646\u0641\u0642\u0627\u062a \u0631\u0623\u0633\u0645\u0627\u0644\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 | \u0646\u0641\u0642\u0627\u062a \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0639\u0627\u0644\u064a\u0629<\/p>\r\n <p class=\"text-sm mt-1 text-slate-300\">\u0639\u0645\u0644\u064a\u0629 \u0636\u063a\u0637 \u0639\u0627\u0644\u064d\u060c \u062a\u0644\u0648\u062b \u0627\u0644\u0623\u063a\u0634\u064a\u0629\u060c \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u062f\u0648\u0631\u064a\u060c \u0645\u0637\u0644\u0648\u0628 \u062e\u0628\u064a\u0631<\/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 (\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u064a\u0629 \u0627\u0644\u063a\u0634\u0627\u0626\u064a\u0629)<\/p>\r\n <p class=\"text-lg font-semibold mt-2 text-green-300\">\u062a\u0643\u0627\u0644\u064a\u0641 \u0623\u0642\u0644 \u0628\u0643\u062b\u064a\u0631<\/p>\r\n <p class=\"text-sm mt-1 text-slate-300\">\u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636\u060c \u0628\u062f\u0648\u0646 \u0645\u0648\u0627\u062f \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629\u060c \u062a\u0635\u0645\u064a\u0645 \u0645\u0639\u064a\u0627\u0631\u064a\u060c \u062a\u0643\u0627\u0644\u064a\u0641 \u0635\u064a\u0627\u0646\u0629 \u0645\u0646\u062e\u0641\u0636\u0629<\/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\">\u0645\u0628\u0627\u062f\u0626 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u062a\u062d\u0644\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0628\u062a\u0642\u0646\u064a\u0629 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\">\u0639\u0645\u0644\u064a\u0629 \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647<\/div>\r\n <p>\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0623\u064a\u0648\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0627\u0621 \u0639\u0644\u0649 \u0633\u0637\u062d \u0642\u0637\u0628 \u0627\u0644\u0643\u0631\u0628\u0648\u0646 <span class=\"font-bold text-blue-300\">\u0627\u0644\u0627\u0645\u062a\u0632\u0627\u0632 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a<\/span>\u0644\u0630\u0644\u0643\u060c \u0642\u0645 \u0628\u0625\u0632\u0627\u0644\u062a\u0647.<\/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\">\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u062c\u062f\u064a\u062f<\/div>\r\n <p>\u064a\u062a\u0645 \u062a\u063a\u064a\u064a\u0631 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0642\u0637\u0628 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a \u0628\u062d\u064a\u062b \u064a\u0633\u0647\u0644 \u0641\u0635\u0644 \u0627\u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0644\u062a\u0635\u0642\u0629. <span class=\"font-bold text-red-400\">\u0627\u0644\u062a\u062e\u0644\u0635<\/span>\u0625\u0646\u0647\u0627 \u062a\u0639\u0645\u0644.<\/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. \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0645\u0646\u062a\u062c\u0627\u062a \u062a\u0642\u0646\u064a\u0629 \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 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\">\u062a\u0642\u0646\u064a\u0629 \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 O2NB MCDI<\/h3>\r\n <ul class=\"product-list text-base md:text-lg\">\r\n <li><span>\u2713<\/span> \u0645\u0639\u062f\u0627\u062a \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/li>\r\n <li><span>\u2713<\/span> \u0643\u0641\u0627\u0621\u0629 \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0645\u062a\u0627\u0632\u0629<\/li>\r\n <li><span>\u2713<\/span> \u0633\u0647\u0644 \u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0648\u0633\u0647\u0644 \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/li>\r\n <li><span>\u2713<\/span> \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0633\u0639<\/li>\r\n <li><span>\u2713<\/span> \u0635\u062f\u064a\u0642 \u0644\u0644\u0628\u064a\u0626\u0629 \u2013 \u062e\u0627\u0644\u064d \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629<\/li>\r\n <li><span>\u2713<\/span> \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0645\u0646\u062e\u0641\u0636 \u0644\u0644\u0637\u0627\u0642\u0629\u060c \u062a\u0643\u0644\u0641\u0629 \u0645\u0646\u062e\u0641\u0636\u0629<\/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 \u0648\u0648\u0646<\/div>\r\n <p class=\"product-name\">\u0646\u0638\u0627\u0645 \u062d\u0632\u0645\u0629 \u062c\u0647\u0627\u0632 \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0635\u063a\u064a\u0631 \u0627\u0644\u062d\u062c\u0645 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0627\u0645\u062a\u0632\u0627\u0632 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a<\/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\">\u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629<\/span>\r\n <span class=\"bg-accent-blue text-black\">\u062d\u0642\u0648\u0642 \u0627\u0646\u0628\u0639\u0627\u062b\u0627\u062a \u0627\u0644\u0643\u0631\u0628\u0648\u0646<\/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 \u0645\u064a\u0632\u0629 \u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0623\u0646\u0638\u0645\u0629 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%;\">\u0644\u0627.<\/th>\r\n <th class=\"text-left\">\u0645\u0632\u0627\u064a\u0627 \u0646\u0638\u0627\u0645 MCDI<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr> <td>1<\/td> <td>\u0628\u0645\u0627 \u0623\u0646 \u0646\u0638\u0627\u0645 MCDI \u0647\u0648 \u0646\u0638\u0627\u0645 \u0645\u0646\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637\u060c \u0641\u0625\u0646\u0647 \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629\u060c \u0648\u062e\u0627\u0635\u0629 \u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0641\u064a\u0646\u064a\u0644\u060c \u0648\u064a\u062a\u0645 \u0645\u0642\u0627\u0631\u0646\u0629 \u062a\u0643\u0627\u0644\u064a\u0641 \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0628\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a. <strong class=\"text-accent-green\">\u0648\u0641\u0631 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0644\u0636\u0639\u0641<\/strong>\u0625\u0646\u0647\u0627 \u062a\u0639\u0645\u0644.<\/td> <\/tr>\r\n <tr> <td>2<\/td> <td>\u064a\u0633\u0645\u062d \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u064a\u0627\u0631\u064a \u0648\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u0636\u063a\u0637 \u0634\u062f\u064a\u062f\u0629 \u0627\u0644\u0645\u0631\u0648\u0646\u0629 \u0628\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u062d\u062a\u0649 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u062a\u0642\u0627\u0637\u0639 \u0644\u0644\u063a\u0633\u064a\u0644 \u0627\u0644\u0639\u0643\u0633\u064a \u0623\u0648 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628.<\/td> <\/tr>\r\n <tr> <td>3<\/td> <td>\u0648\u0628\u0645\u0627 \u0623\u0646\u0647 \u0646\u0638\u0627\u0645 \u0645\u0646\u062e\u0641\u0636 \u0627\u0644\u0636\u063a\u0637\u060c \u0641\u0625\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u063a\u064a\u0631 \u0636\u0631\u0648\u0631\u064a\u064a\u0646\u060c \u0643\u0645\u0627 \u0623\u0646 \u062e\u0637\u0631 \u062a\u0644\u0641 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0636\u0626\u064a\u0644 \u0644\u0644\u063a\u0627\u064a\u0629.<\/td> <\/tr>\r\n <tr> <td>4<\/td> <td>\u064a\u062a\u0645 \u062a\u0635\u0646\u064a\u0639 \u0646\u0638\u0627\u0645 \u0627\u0644\u0636\u063a\u0637 \u0627\u0644\u0645\u0646\u062e\u0641\u0636 \u0639\u0644\u0649 \u0634\u0643\u0644 \u062e\u0632\u0627\u0646\u0629. <strong class=\"text-accent-blue\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u062d\u062a\u0649 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629<\/strong>\u064a\u0645\u0643\u0646 \u062a\u062b\u0628\u064a\u062a\u0647 \u0648\u0647\u0648 \u0633\u0647\u0644 \u0627\u0644\u0625\u062f\u0627\u0631\u0629.<\/td> <\/tr>\r\n <tr> <td>5<\/td> <td>\u0641\u064a \u062d\u0627\u0644\u0629 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0645\u0634\u063a\u0644 <strong class=\"text-accent-blue\">\u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0622\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629<\/strong>\u0647\u0630\u0627 \u0645\u0645\u0643\u0646\u060c \u0648\u064a\u062a\u0645 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u062d\u064a\u062b \u064a\u062a\u0645 \u062a\u0642\u0644\u064a\u0644 \u0635\u0645\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0628\u0627\u0647\u0638\u0629 \u0627\u0644\u062b\u0645\u0646 \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0645\u062d\u0648\u0633\u0628\u0629.<\/td> <\/tr>\r\n <tr> <td>6<\/td> <td>\u0628\u0645\u0627 \u0623\u0646 \u0645\u0648\u0627\u062f \u0627\u0644\u0625\u0635\u0644\u0627\u062d \u064a\u0645\u0643\u0646 \u062a\u0631\u0643\u064a\u0628\u0647\u0627 \u0643\u0645\u0648\u0627\u062f \u0639\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0646\u0627\u0626\u064a\u0629 \u0623\u0648 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629\u060c <strong class=\"text-accent-green\">\u0623\u0639\u0644\u0649 \u0639\u0627\u0626\u062f \u062a\u0634\u063a\u064a\u0644\u064a<\/strong>\u0644\u0627 \u0623\u0631\u0649.<\/td> <\/tr>\r\n <tr> <td>7<\/td> <td>\u064a\u0645\u0643\u0646 \u062a\u0631\u0643\u064a\u0628\u0647 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0648\u0627\u062f \u0639\u0627\u0645\u0629 (\u0628\u0644\u0627\u0633\u062a\u064a\u0643\/\u0641\u064a\u0646\u064a\u0644\u060c \u0625\u0644\u062e). <strong class=\"text-accent-blue\">\u062a\u0642\u0635\u064a\u0631 \u0627\u0644\u0647\u0648\u0627\u0621<\/strong>\u064a\u0642\u0644\u0644 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0645\u0646 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629.<\/td> <\/tr>\r\n <tr> <td>8<\/td> <td>\u0644\u0627 \u064a\u0644\u0632\u0645 \u0633\u0648\u0649 \u062a\u0631\u0643\u064a\u0628 \u0645\u0631\u0634\u062d \u0627\u0644\u063a\u0634\u0627\u0621 \u0643\u0648\u062d\u062f\u0629 \u062b\u0627\u0628\u062a\u0629\u060c \u0648\u064a\u0645\u0643\u0646 \u062a\u0648\u0631\u064a\u062f\u0647 \u0645\u0646 \u0645\u0648\u0642\u0639 \u0648\u0627\u062d\u062f \u0643\u0646\u0648\u0639 \u0631\u0623\u0633.<\/td> <\/tr>\r\n <tr> <td>9<\/td> <td>\u0648\u0628\u0645\u0627 \u0623\u0646\u0647 \u064a\u0645\u0643\u0646 \u062a\u0634\u063a\u064a\u0644\u0647 \u0641\u064a \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u063a\u0631\u0641\u0629\u060c \u0641\u0625\u0646 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u062f\u0641\u0626\u0629 \u0641\u0642\u0637 \u0647\u0648 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0641\u064a \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0643\u064a\u064a\u0641 \u0648\u0627\u0644\u062a\u0647\u0648\u064a\u0629.<\/td> <\/tr>\r\n <tr> <td>10<\/td> <td>\u0644\u0623\u0646\u0647 \u064a\u0639\u0645\u0644 \u0639\u0646\u062f \u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636 <strong class=\"text-accent-yellow\">\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0634\u0645\u0633\u064a\u0629 \u0648\u0623\u0646\u0638\u0645\u0629 \u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0637\u0627\u0642\u0629<\/strong>\u064a\u0645\u0643\u0646 \u062a\u0634\u063a\u064a\u0644\u0647 \u0628\u062b\u0628\u0627\u062a \u062d\u062a\u0649 \u0641\u064a \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0646\u0627\u0626\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u062a\u0642\u0646\u064a\u0629.<\/td> <\/tr>\r\n <tr> <td>11<\/td> <td>\u0641\u064a \u062d\u0627\u0644 \u062d\u062f\u0648\u062b \u062a\u0645\u0632\u0642 \u0641\u064a \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628\u060c \u064a\u0643\u0648\u0646 \u062d\u062c\u0645 \u0627\u0644\u062a\u0633\u0631\u0628 \u0636\u0626\u064a\u0644\u0627\u064b\u060c \u0645\u0645\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0645\u0646 \u0627\u0644\u0623\u0636\u0631\u0627\u0631 \u0645\u062b\u0644 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0648\u0627\u0644\u062a\u0644\u0648\u062b \u0627\u0644\u0628\u064a\u0626\u064a. (\u0645\u0633\u062a\u0648\u0649 \u0623\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0645\u0642\u0627\u0631\u0646\u0629\u064b \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0636\u063a\u0637)<\/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. \u0645\u0642\u0627\u0631\u0646\u0629 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0628\u064a\u0646 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0648\u062a\u0642\u0646\u064a\u0629 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0623\u063a\u0634\u064a\u0629 (\u0645\u062b\u0627\u0644: \u0645\u0646\u0634\u0623\u0629 \u0628\u0633\u0639\u0629 20 \u0637\u0646\/\u064a\u0648\u0645\u060c \u0644\u0645\u062f\u0629 \u0639\u0627\u0645 \u0648\u0627\u062d\u062f)<\/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\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0646\u0641\u0642\u0627\u062a \u0627\u0644\u0631\u0623\u0633\u0645\u0627\u0644\u064a\u0629<\/h3>\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"dark-table cost-table\">\r\n <thead>\r\n <tr> <th>\u0642\u0633\u0645<\/th> <th>\u0645\u0639\u062f\u0627\u062a \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647<\/th> <th>\u0627\u0644\u062a\u062f\u0641\u0626\u0629 \u0648\u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0648\u062a\u0643\u064a\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621<\/th> <th>\u0645\u0648\u0644\u062f \u0637\u0648\u0627\u0631\u0626<\/th> <th>\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0631\u0643\u064a\u0628<\/th> <th>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 (10000 \u0648\u0648\u0646)<\/th> <th>\u0645\u0642\u0627\u0631\u0646\u0629\u064b \u0628\u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a<\/th> <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"bg-accent-red-light\">\r\n <td>\u0631\u0648\u0645\u0627\u0646\u064a\u0627<\/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 \u064a\u0648\u0636\u062d \u0646\u0638\u0627\u0645 MCDI \u0648\u0641\u0648\u0631\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0641\u064a \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 (\u0627\u0644\u062a\u062f\u0641\u0626\u0629 \u0648\u0627\u0644\u062a\u0647\u0648\u064a\u0629 \u0648\u062a\u0643\u064a\u064a\u0641 \u0627\u0644\u0647\u0648\u0627\u0621\u060c \u0648\u0627\u0644\u0645\u0648\u0644\u062f\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628).<\/p>\r\n <\/div>\r\n\r\n <!-- OPEX \ube44\uad50 -->\r\n <div>\r\n <h3 class=\"sub-header highlight-bar\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0645\u0635\u0627\u0631\u064a\u0641 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0627\u0644\u0633\u0646\u0648\u064a\u0629<\/h3>\r\n <div class=\"overflow-x-auto\">\r\n <table class=\"dark-table cost-table\">\r\n <thead>\r\n <tr> <th>\u0642\u0633\u0645<\/th> <th>\u0641\u0627\u062a\u0648\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/th> <th>\u0641\u0644\u062a\u0631<\/th> <th>\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629<\/th> <th>\u062a\u0642\u062a\u064a\u0634<\/th> <th>\u0646\u0641\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646<\/th> <th>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 (10000 \u0648\u0648\u0646)<\/th> <th>\u0645\u0642\u0627\u0631\u0646\u0629\u064b \u0628\u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a<\/th> <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"bg-accent-red-light\">\r\n <td>\u0631\u0648\u0645\u0627\u0646\u064a\u0627<\/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 \u064a\u0648\u0641\u0631 \u0646\u0638\u0627\u0645 MCDI \u0648\u0641\u0648\u0631\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0641\u064a \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u0629.<\/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. \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0630\u0647\u0644 \u0644\u0634\u0631\u0643\u0629 MCDI \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/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\">\u0643\u0641\u0627\u0621\u0629 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0641\u0644\u0648\u0631\u0627\u064a\u062f \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u062a\u0642\u0646\u064a\u0629 \u0645\u0645\u0627\u062b\u0644\u0629 (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>\u062a\u0642\u0646\u064a\u0629 CDI \u0645\u0645\u0627\u062b\u0644\u0629<\/p>\r\n <span class=\"efficiency-value\">31%<\/span>\r\n <p class=\"efficiency-note\">76 \u062c\u0632\u0621 \u0641\u064a \u0627\u0644\u0645\u0644\u064a\u0648\u0646 \u2192 41 \u062c\u0632\u0621 \u0641\u064a \u0627\u0644\u0645\u0644\u064a\u0648\u0646<\/p>\r\n <\/div>\r\n <div class=\"text-4xl md:text-5xl font-extrabold text-slate-400 mx-2\">\u0645\u0642\u0627\u0628\u0644<\/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\">18 \u062c\u0632\u0621 \u0641\u064a \u0627\u0644\u0645\u0644\u064a\u0648\u0646 \u2192 0.26 \u062c\u0632\u0621 \u0641\u064a \u0627\u0644\u0645\u0644\u064a\u0648\u0646<\/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 \u0647\u0648 <strong class=\"text-accent-green\">\u0623\u062f\u0627\u0621 \u0639\u0627\u0644\u0645\u064a \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0641\u064a \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0641\u0644\u0648\u0631\u0627\u064a\u062f<\/strong>\u062b\u0628\u062a \u0630\u0644\u0643.\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\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0623\u062f\u0627\u0621<\/h3>\r\n <ul class=\"text-base space-y-3 mt-4 font-medium text-slate-300\">\r\n <li><strong>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627:<\/strong> \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a\/\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u064a\u0629 (RO\/CDI) \u0639\u0645\u0631\u0647\u0627 \u0623\u0643\u062b\u0631 \u0645\u0646 60 \u0639\u0627\u0645\u064b\u0627\u060c \u0628\u064a\u0646\u0645\u0627 \u062a\u0642\u0646\u064a\u0629 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0637\u0648\u0631\u0627\u062a (MCDI) \u0647\u064a \u062a\u0642\u0646\u064a\u0629 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0645\u0646 \u0634\u0631\u0643\u0629 O\u2082&B. <strong class=\"text-accent-blue\">\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645<\/strong>.<\/li>\r\n <li><strong>\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0640 RO:<\/strong> MCDI \u0647\u0648 <strong class=\"text-accent-green\">\u062a\u0636\u0627\u0639\u0641\u062a \u0642\u062f\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u062f\u0627\u062f\u060c \u0648\u062a\u062d\u0633\u0646\u062a \u0627\u0644\u0643\u0641\u0627\u0621\u0629\u060c \u0648\u062a\u0636\u0627\u0639\u0641 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629 \u062b\u0644\u0627\u062b \u0645\u0631\u0627\u062a.<\/strong>.<\/li>\r\n <li><strong>\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0640 CDI:<\/strong> MCDI \u0647\u0648 <strong class=\"text-accent-green\">\u062a\u0636\u0627\u0639\u0641\u062a \u0642\u062f\u0631\u0629 \u0627\u0644\u0625\u0632\u0627\u0644\u0629\u060c \u0648\u062a\u062d\u0633\u0646\u062a \u0642\u062f\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u062f\u0627\u062f\u060c \u0648\u0627\u0646\u062e\u0641\u0636 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0635\u0641<\/strong>\u0627\u0644\u062a\u063a\u0644\u0628 \u0639\u0644\u0649 \u0627\u0644\u0642\u064a\u0648\u062f \u0627\u0644\u062d\u0627\u0644\u064a\u0629.<\/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. \u0645\u0642\u0627\u0631\u0646\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u062a\u062d\u0644\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0627\u0644\u0623\u062e\u0631\u0649<\/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%;\">\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<\/th> <th style=\"width: 40%;\">\u0627\u0633\u062a\u062d\u0642\u0627\u0642<\/th> <th style=\"width: 45%;\">\u0639\u064a\u0628<\/th> <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr class=\"mcdi-row\">\r\n <td>MCDI<\/td>\r\n <td>\u2022 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0645\u0646\u062e\u0641\u0636 \u0644\u0644\u0637\u0627\u0642\u0629 \/ \u062a\u0643\u0644\u0641\u0629 \u0645\u0646\u062e\u0641\u0636\u0629<br\/>\u2022 \u0635\u062f\u064a\u0642 \u0644\u0644\u0628\u064a\u0626\u0629 (\u062e\u0627\u0644\u064d \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629)<br\/>\u2022 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629<br\/>\u2022 <strong class=\"text-blue-300\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u064a\u0627\u0631\u064a (\u0623\u0641\u0636\u0644 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a)<\/strong><\/td>\r\n <td>\u2022 \u062d\u062f \u0627\u0644\u062a\u0631\u0643\u064a\u0632 (\u0627\u0644\u062a\u063a\u0644\u0628 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a)<br\/>\u2022 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629 (\u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u062a\u062c\u0627\u0631\u064a)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0631\u0648\u0645\u0627\u0646\u064a\u0627<\/td>\r\n <td>\u2022 \u0645\u0639\u062f\u0644 \u0625\u0632\u0627\u0644\u0629 \u0645\u0631\u062a\u0641\u0639<br\/>\u2022 \u062a\u0642\u0646\u064a\u0629 \u0645\u0648\u062b\u0642\u0629<\/td>\r\n <td>\u2022 \u062a\u0643\u0644\u0641\u0629 \u0639\u0627\u0644\u064a\u0629 (\u0627\u0644\u062a\u0634\u063a\u064a\u0644\/\u0627\u0644\u0635\u064a\u0627\u0646\u0629)<br\/>\u2022 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629\/\u0627\u0644\u0623\u062b\u0631 \u0627\u0644\u0628\u064a\u0626\u064a<br\/>\u2022 <strong class=\"text-accent-red\">\u0646\u0641\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 (\u0645\u064a\u0627\u0647 \u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a 30-50%)<\/strong><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 (EDI)<\/td>\r\n <td>\u2022 \u0625\u0646\u062a\u0627\u062c \u0645\u064a\u0627\u0647 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0646\u0642\u0627\u0621<br\/>\u2022 \u062a\u0642\u0644\u064a\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629<\/td>\r\n <td>\u2022 \u062a\u0643\u0627\u0644\u064a\u0641 \u0623\u0648\u0644\u064a\u0629\/\u0635\u064a\u0627\u0646\u0629 \u0645\u0631\u062a\u0641\u0639\u0629<br\/>\u2022 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0639\u0627\u0644\u064d \u0644\u0644\u0637\u0627\u0642\u0629<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u062c\u0627\u0645\u0639\u0629 \u0641\u0644\u0648\u0631\u064a\u062f\u0627<\/td>\r\n <td>\u2022 \u0639\u0645\u0644\u064a\u0629 \u0628\u0633\u064a\u0637\u0629<br\/>\u2022 \u062e\u0627\u0644\u064d \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629<\/td>\r\n <td>\u2022 \u062d\u062f \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a<br\/>\u2022 \u0645\u0634\u0643\u0644\u0629 \u062a\u0644\u0648\u062b \u0627\u0644\u0623\u063a\u0634\u064a\u0629<\/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 \u0647\u0648 **\u062d\u0644 \u0634\u0627\u0645\u0644 \u0623\u0633\u0627\u0633\u064a** \u064a\u062a\u0645\u062a\u0639 \u0628\u0642\u062f\u0631\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0647\u0627\u0626\u0644\u0629 \u0641\u064a **\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u0627\u0644\u0635\u062f\u0627\u0642\u0629 \u0627\u0644\u0628\u064a\u0626\u064a\u0629**.\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. \u0623\u0646\u0638\u0645\u0629 \u062a\u063a\u0644\u064a\u0641 MCDI \u062d\u0633\u0628 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0648\u0627\u0644\u062d\u062c\u0645<\/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\">\u0648\u062d\u062f\u0629 MCDI<\/h3>\r\n <p class=\"package-subtitle\">\u0643\u0627\u0633\u064a\u062a (20-100 \u0637\u0646\/\u064a\u0648\u0645)<\/p>\r\n <ul class=\"package-list\">\r\n <li>\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0645\u0646\u062e\u0641\u0636 \u0644\u0644\u0637\u0627\u0642\u0629\/\u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/li>\r\n <li>\u0643\u0641\u0627\u0621\u0629 \u0645\u0645\u062a\u0627\u0632\u0629<\/li>\r\n <li>\u064a\u0633\u062a\u0647\u0644\u0643 1\/5 \u0645\u0646 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a<\/li>\r\n <li>\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"package-card blue p-6\">\r\n <h3 class=\"package-title\">\u0645\u062d\u0637\u0629 \u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0641\u064a \u0627\u0644\u0642\u0631\u064a\u0629<\/h3>\r\n <p class=\"package-subtitle\">\u062d\u0627\u0648\u064a\u0629 (500-1000 \u0637\u0646\/\u064a\u0648\u0645)<\/p>\r\n <ul class=\"package-list\">\r\n <li>\u062a\u0637\u0628\u064a\u0642 \u062c\u0648\u0627\u0644\u060c \u0645\u064f\u062d\u0633\u064e\u0651\u0646 \u0644\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0646\u0627\u0626\u064a\u0629<\/li>\r\n <li>\u062a\u0631\u0643\u064a\u0628\/\u062a\u0634\u063a\u064a\u0644 \u0633\u0631\u064a\u0639<\/li>\r\n <li>\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0634\u0645\u0633\u064a\u0629<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"package-card purple p-6\">\r\n <h3 class=\"package-title\">\u0645\u0635\u0646\u0639 \u0648\u0627\u0633\u0639 \u0627\u0644\u0646\u0637\u0627\u0642<\/h3>\r\n <p class=\"package-subtitle\">\u0648\u062d\u062f\u0627\u062a \u0646\u0645\u0637\u064a\u0629 (1000 \u0637\u0646\/\u064a\u0648\u0645 \u0641\u0623\u0643\u062b\u0631)<\/p>\r\n <ul class=\"package-list\">\r\n <li>\u062a\u0648\u0633\u0639\u0629 \u0628\u0645\u0633\u062a\u0648\u0649 24 \u0623\u0644\u0641 \u0637\u0646\/\u064a\u0648\u0645<\/li>\r\n <li>\u0645\u062c\u0645\u0639 \u0635\u0646\u0627\u0639\u064a \/ \u0645\u062f\u064a\u0646\u0629 \u0630\u0643\u064a\u0629<\/li>\r\n <li>\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"package-card green p-6\">\r\n <h3 class=\"package-title\">\u0645\u062d\u0637\u0629 \u0645\u064a\u0627\u0647<\/h3>\r\n <p class=\"package-subtitle\">\u0645\u0633\u062a\u0642\u0644 (20 \u0637\u0646\/\u064a\u0648\u0645)<\/p>\r\n <ul class=\"package-list\">\r\n <li>\u0635\u0627\u0641\u064a \u0627\u0646\u0628\u0639\u0627\u062b\u0627\u062a \u0627\u0644\u0643\u0631\u0628\u0648\u0646 \u0635\u0641\u0631<\/li>\r\n <li><strong>\u0625\u0645\u062f\u0627\u062f\u0627\u062a \u062a\u0643\u0641\u064a 1000 \u0634\u062e\u0635 \u064a\u0648\u0645\u064a\u064b\u0627<\/strong><\/li>\r\n <li>\u0631\u0628\u0637 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0628\u062d\u0642\u0648\u0642 \u0627\u0646\u0628\u0639\u0627\u062b\u0627\u062a \u0627\u0644\u0643\u0631\u0628\u0648\u0646<\/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 \u062a\u0642\u0648\u0645 \u0634\u0631\u0643\u0629 O\u2082&B \u0628\u0628\u0646\u0627\u0621 \u0623\u0646\u0638\u0645\u0629 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 ESG \u0648\u0627\u0644\u0645\u064f\u062d\u0633\u0651\u0646\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0626\u0627\u062a.\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>\u0634\u0631\u0643\u0629 O\u2082&B \u0627\u0644\u0645\u062d\u062f\u0648\u062f\u0629 | \u062d\u0644\u0648\u0644 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0645\u0646 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u062a\u0627\u0644\u064a \u0648\u0641\u0642\u064b\u0627 \u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/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\/ar\/wp-json\/wp\/v2\/pages\/14899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/comments?post=14899"}],"version-history":[{"count":0,"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/pages\/14899\/revisions"}],"wp:attachment":[{"href":"https:\/\/o2nb.site\/ar\/wp-json\/wp\/v2\/media?parent=14899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}