549 lines
33 KiB
TypeScript
549 lines
33 KiB
TypeScript
"use client";
|
||
|
||
import { useEffect, useRef } from "react";
|
||
|
||
export default function GlobalCaseSection() {
|
||
const rootRef = useRef<HTMLDivElement>(null);
|
||
|
||
useEffect(() => {
|
||
const root = rootRef.current;
|
||
if (!root) return;
|
||
|
||
const cleanups: Array<() => void> = [];
|
||
const sliders = Array.from(root.querySelectorAll(".image-slider"));
|
||
|
||
sliders.forEach((sliderElement) => {
|
||
const slider = sliderElement as HTMLElement;
|
||
const viewport = slider.querySelector(
|
||
".image-slider-viewport",
|
||
) as HTMLElement | null;
|
||
const track = slider.querySelector(".image-slider-track") as HTMLElement | null;
|
||
const dotsWrap = slider.querySelector(
|
||
".image-slider-dots",
|
||
) as HTMLElement | null;
|
||
const pages = Array.from(
|
||
slider.querySelectorAll(".image-slider-page"),
|
||
) as HTMLElement[];
|
||
|
||
if (!viewport || !track || !dotsWrap || pages.length === 0) return;
|
||
|
||
let page = 0;
|
||
let dragging = false;
|
||
let isHover = false;
|
||
let startX = 0;
|
||
let deltaX = 0;
|
||
let timer: number | null = null;
|
||
|
||
const autoPlayMs = Number(slider.dataset.autoplay ?? "4500");
|
||
const canSlide = pages.length > 1;
|
||
|
||
if (!canSlide) {
|
||
dotsWrap.style.display = "none";
|
||
} else {
|
||
dotsWrap.style.display = "";
|
||
}
|
||
|
||
const render = () => {
|
||
track.style.transform = `translateX(-${page * 100}%)`;
|
||
|
||
Array.from(dotsWrap.querySelectorAll("button")).forEach((dot, index) => {
|
||
dot.classList.toggle("is-active", index === page);
|
||
});
|
||
};
|
||
|
||
const goTo = (nextPage: number) => {
|
||
if (!canSlide) return;
|
||
|
||
if (nextPage < 0) page = pages.length - 1;
|
||
else if (nextPage >= pages.length) page = 0;
|
||
else page = nextPage;
|
||
|
||
render();
|
||
};
|
||
|
||
const stopTimer = () => {
|
||
if (timer !== null) {
|
||
window.clearInterval(timer);
|
||
timer = null;
|
||
}
|
||
};
|
||
|
||
const startTimer = () => {
|
||
stopTimer();
|
||
if (!canSlide || dragging || isHover) return;
|
||
|
||
timer = window.setInterval(() => {
|
||
page = page + 1 >= pages.length ? 0 : page + 1;
|
||
render();
|
||
}, autoPlayMs);
|
||
};
|
||
|
||
const dotButtons = pages.map((_, index) => {
|
||
const button = document.createElement("button");
|
||
button.type = "button";
|
||
button.className = "image-slider-dot";
|
||
|
||
const onClick = () => {
|
||
goTo(index);
|
||
startTimer();
|
||
};
|
||
|
||
button.addEventListener("click", onClick);
|
||
dotsWrap.appendChild(button);
|
||
|
||
cleanups.push(() => {
|
||
button.removeEventListener("click", onClick);
|
||
});
|
||
|
||
return button;
|
||
});
|
||
|
||
const onMouseEnter = () => {
|
||
isHover = true;
|
||
stopTimer();
|
||
};
|
||
|
||
const onMouseLeave = () => {
|
||
isHover = false;
|
||
startTimer();
|
||
};
|
||
|
||
const onPointerDown = (event: PointerEvent) => {
|
||
if (!canSlide) return;
|
||
|
||
dragging = true;
|
||
startX = event.clientX;
|
||
deltaX = 0;
|
||
viewport.setPointerCapture(event.pointerId);
|
||
};
|
||
|
||
const onPointerMove = (event: PointerEvent) => {
|
||
if (!dragging) return;
|
||
deltaX = event.clientX - startX;
|
||
};
|
||
|
||
const onPointerUp = () => {
|
||
if (!dragging) return;
|
||
|
||
dragging = false;
|
||
|
||
if (deltaX > 50) goTo(page - 1);
|
||
if (deltaX < -50) goTo(page + 1);
|
||
|
||
deltaX = 0;
|
||
startTimer();
|
||
};
|
||
|
||
viewport.addEventListener("mouseenter", onMouseEnter);
|
||
viewport.addEventListener("mouseleave", onMouseLeave);
|
||
viewport.addEventListener("pointerdown", onPointerDown);
|
||
viewport.addEventListener("pointermove", onPointerMove);
|
||
viewport.addEventListener("pointerup", onPointerUp);
|
||
viewport.addEventListener("pointercancel", onPointerUp);
|
||
|
||
cleanups.push(() => {
|
||
stopTimer();
|
||
viewport.removeEventListener("mouseenter", onMouseEnter);
|
||
viewport.removeEventListener("mouseleave", onMouseLeave);
|
||
viewport.removeEventListener("pointerdown", onPointerDown);
|
||
viewport.removeEventListener("pointermove", onPointerMove);
|
||
viewport.removeEventListener("pointerup", onPointerUp);
|
||
viewport.removeEventListener("pointercancel", onPointerUp);
|
||
dotButtons.forEach((button) => button.remove());
|
||
});
|
||
|
||
render();
|
||
startTimer();
|
||
});
|
||
|
||
return () => {
|
||
cleanups.forEach((cleanup) => cleanup());
|
||
};
|
||
}, []);
|
||
|
||
const contentsHtml = `
|
||
<div class="contents-page">
|
||
<div class="page-title">
|
||
<h2>
|
||
<span class="title-text">해외 재이용 사례</span>
|
||
<span class="title-bg"> </span>
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="sections global-case-sections">
|
||
<section id="example-global-overview" class="section first">
|
||
<div class="section-title">
|
||
<span class="section-bar"> </span>
|
||
<h3>사례 개요</h3>
|
||
</div>
|
||
|
||
<div class="content-group global-content-group">
|
||
<div class="content-block">
|
||
<div class="block-title">
|
||
<span class="block-title-icon">
|
||
<span class="bubble bubble-sky"> </span>
|
||
<span class="bubble bubble-green"> </span>
|
||
</span>
|
||
<h4>주요 국가 물 재이용 계획</h4>
|
||
</div>
|
||
|
||
<div class="global-notice-box">
|
||
<div class="global-notice-row">
|
||
<img
|
||
src="/images/landing/business/globalCase/icon_bullet_water.png"
|
||
alt="bullet"
|
||
class="global-water-bullet"
|
||
/>
|
||
<div>
|
||
<strong class="global-notice-title">우리나라 하수처리수 재이용률은 15% 수준</strong>
|
||
<ul class="global-plain-list">
|
||
<li>2024년 하수도 통계 기준 <b>15.6%</b>이며, 제2차 물 재이용 기본 계획을 고려한 <b class="global-text-dark">2030년 목표는 17%</b></li>
|
||
<li>대만은 가뭄과 공업용수 증가에 대응하여 <b class="global-text-dark">현재 4.3% 수준이며, 16.5%까지 확대 계획 수립</b></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="global-table-wrap global-overview-table-wrap">
|
||
<table class="global-table overview-compare-table">
|
||
<thead>
|
||
<tr>
|
||
<th class="th-gray">국가</th>
|
||
<th class="th-blue">해외정보</th>
|
||
<th class="th-teal-2">현재</th>
|
||
<th class="th-green-2">미래(목표, 예측치)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="country-cell">
|
||
<div class="country-wrap">
|
||
<img src="/images/landing/business/globalCase/flag_kr.png" alt="한국 국기" class="country-flag" />
|
||
한국
|
||
</div>
|
||
</td>
|
||
<td class="bg-cyan">12.1%</td>
|
||
<td>15.6%</td>
|
||
<td class="bg-green">17%</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="country-cell">
|
||
<div class="country-wrap">
|
||
<img src="/images/landing/business/globalCase/flag_tw.png" alt="대만 국기" class="country-flag" />
|
||
대만
|
||
</div>
|
||
</td>
|
||
<td class="bg-cyan">2.4%</td>
|
||
<td>4.3%</td>
|
||
<td class="bg-green">16.5%</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-block">
|
||
<div class="block-title">
|
||
<span class="block-title-icon">
|
||
<span class="bubble bubble-sky"> </span>
|
||
<span class="bubble bubble-green"> </span>
|
||
</span>
|
||
<h4>주요 국가의 하수처리수 재이용률 (%)</h4>
|
||
</div>
|
||
|
||
<div class="global-description-box">
|
||
<ul class="global-plain-list">
|
||
<li>전 세계적으로 물 재이용은 호주, 유럽, 아프리카, 미국 등 가뭄이 잦거나 심각한 가뭄이 발생한 국가에서 많이 이루어짐</li>
|
||
<li>이스라엘, 쿠웨이트 등 중동 및 북아프리카 지역은 가용 수자원이 제한되어 있어 재이용량 비중도 매우 높은 편</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="global-table-wrap global-overview-table-wrap">
|
||
<table class="global-table reuse-rate-table">
|
||
<thead>
|
||
<tr>
|
||
<th class="th-gray">국가명</th>
|
||
<th class="th-blue">지역</th>
|
||
<th class="th-green-2">재이용률</th>
|
||
<th class="th-gray">국가명</th>
|
||
<th class="th-blue">지역</th>
|
||
<th class="th-green-2">재이용률</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td class="cell-strong">이스라엘</td><td class="bg-cyan">중동&북아프리카</td><td class="bg-green">92.3</td><td class="cell-strong">튀르키예</td><td class="bg-cyan">동유럽&중앙아시아</td><td class="bg-green">26.6</td></tr>
|
||
<tr><td class="cell-strong">쿠웨이트</td><td class="bg-cyan">중동&북아프리카</td><td class="bg-green">89.3</td><td class="cell-strong">독일</td><td class="bg-cyan">서유럽</td><td class="bg-green">25.0</td></tr>
|
||
<tr><td class="cell-strong">호주</td><td class="bg-cyan">동아시아&태평양</td><td class="bg-green">49.0</td><td class="cell-strong">스페인</td><td class="bg-cyan">서유럽</td><td class="bg-green">24.4</td></tr>
|
||
<tr><td class="cell-strong">싱가포르</td><td class="bg-cyan">동아시아&태평양</td><td class="bg-green">44.4</td><td class="cell-strong">한국</td><td class="bg-cyan">동아시아&태평양</td><td class="bg-green">12.1</td></tr>
|
||
<tr><td class="cell-strong">그리스</td><td class="bg-cyan">서유럽</td><td class="bg-green">39.1</td><td class="cell-strong">미국</td><td class="bg-cyan">북아메리카</td><td class="bg-green">13.1</td></tr>
|
||
<tr><td class="cell-strong">사우디아라비아</td><td class="bg-cyan">중동&북아프리카</td><td class="bg-green">32.8</td><td class="cell-strong">프랑스</td><td class="bg-cyan">서유럽</td><td class="bg-green">9.5</td></tr>
|
||
<tr><td class="cell-strong">이탈리아</td><td class="bg-cyan">서유럽</td><td class="bg-green">31.7</td><td class="cell-strong">대만</td><td class="bg-cyan">동아시아&태평양</td><td class="bg-green">2.4</td></tr>
|
||
<tr><td class="cell-strong">룩셈부르크</td><td class="bg-cyan">서유럽</td><td class="bg-green">29.1</td><td class="cell-strong">일본</td><td class="bg-cyan">동아시아&태평양</td><td class="bg-green">0.8</td></tr>
|
||
<tr><td class="cell-strong">포르투갈</td><td class="bg-cyan">서유럽</td><td class="bg-green">29.0</td><td class="cell-strong"></td><td class="bg-cyan"></td><td class="bg-green"></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<section id="example-global-taiwan" class="section">
|
||
<div class="section-title">
|
||
<span class="section-bar"> </span>
|
||
<h3>[대만] 국가 주도의 공업용수 공급</h3>
|
||
</div>
|
||
|
||
<div class="image-slider" data-autoplay="4500">
|
||
<div class="image-slider-inner">
|
||
<div class="image-slider-viewport">
|
||
<div class="image-slider-track">
|
||
<div class="image-slider-page">
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/taiwan_01.png" alt="대만 국가 주도의 공업용수 공급 1" /></div>
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/taiwan_02.png" alt="대만 국가 주도의 공업용수 공급 2" /></div>
|
||
</div>
|
||
<div class="image-slider-page">
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/taiwan_03.png" alt="대만 국가 주도의 공업용수 공급 3" /></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="image-slider-dots"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-group global-content-group">
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>재생 수자원 개발법 제정 (2015년제정, 2022개정)</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">목적: 수자원 지속 가능성 향상, 재생 수자원 활용을 통해 물부족 문제 해결</li>
|
||
<li class="depth-0">내용: 재생 수자원 정의·분류, 이용 의무, 이용 제한, 수질 기준 등</li>
|
||
</ul>
|
||
<div class="info-card-grid">
|
||
<div class="info-card"><strong>제4조.</strong><p>물 소비 계획에 따른 재이용수 이용 관련 내용 (일정 비율 재이용수 사용 규정)</p></div>
|
||
<div class="info-card"><strong>제5조.</strong><p>재이용수의 운영자, 사용자 관련 내용 (지자체에서 하수 무상공급 제공 가능)</p></div>
|
||
<div class="info-card"><strong>제7조.</strong><p>재이용수 이용 범위, 이용량 재이용수 수질 기준 내용</p></div>
|
||
<div class="info-card"><strong>제8조.</strong><p>재이용수 사업 주체, 책임 등에 관한 내용 (광역인 경우, 정부가 지자체 지정)</p></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>대만정부 하수재이용 사업 시행</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">대만은 물 재이용에 적극적이며 국가주도로 하수재이용 사업 시행(안핑)</li>
|
||
<li class="depth-1">1,518억의 사업비 중 92% 국비, 지방비 8% 투입</li>
|
||
<li class="depth-1">재이용수는 24km 관로로 타이난 TSMC로 공급</li>
|
||
<li class="depth-0">안핑을 포함한 16건 공사 완료시 628,100 CMD 공급 가능</li>
|
||
<li class="depth-0">공급단가는 수질과 운영조건에 따라 다르게 책정</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>대만 재이용 시설별 재이용수 공급단지</h4></div>
|
||
<div class="table-wrap global-table-padding">
|
||
<table class="contents-table global-price-table">
|
||
<thead>
|
||
<tr><th class="th-gray">사업</th><th class="th-blue">가격(NTD/㎥)</th><th class="th-green">가격(원/㎥)</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>Fongshan(가오슝)</td><td class="bg-cyan">23.39</td><td class="bg-green">1,038원</td></tr>
|
||
<tr><td>Linhai(가오슝)</td><td class="bg-cyan">19.28</td><td class="bg-green">858원</td></tr>
|
||
<tr><td>Anping(타이난)</td><td class="bg-cyan">38.28</td><td class="bg-green">1,699원</td></tr>
|
||
<tr><td>Yongkang(타이난)</td><td class="bg-cyan">23.67</td><td class="bg-green">1,050원</td></tr>
|
||
<tr><td>Rende(타이난)</td><td class="bg-cyan">28.26</td><td class="bg-green">1,254원</td></tr>
|
||
<tr><td>Shuinan(타이중)</td><td class="bg-cyan">15.00</td><td class="bg-green">668원</td></tr>
|
||
<tr><td>Quaitou(가오슝)</td><td class="bg-cyan">35.44</td><td class="bg-green">1,573원</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>특이사항</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">대만은 강수량이 풍부하지만 지역별 편차로 수자원 확보에 어려움을 겪고 있으며, 특히 남부 지역은 우기와 건기의 강수 차이가 큼</li>
|
||
<li class="depth-0">최근 수년간 심각한 가뭄이 발생하면서 반도체 산업을 국가 핵심 산업으로 지정, 공업용수 수요가 크게 증가</li>
|
||
<li class="depth-0">주요 반도체 공장이 남부에 집중되어 있어 물 부족 문제가 지속적으로 발생, 2021년 가뭄 당시 산업단지 용수 공급에도 차질 발생</li>
|
||
<li class="depth-0">정부는 2023년부터 산업용수 추가 요금을 부과하고, 농업용수 규제를 강화하는 등 용수 관리 정책 시행</li>
|
||
<li class="depth-0">기후변화 대응을 위해 수자원 보호 및 재이용 정책을 지속적으로 확대</li>
|
||
<li class="depth-0">산업용수 다소비 산업과 하수처리수를 재이용수 주요 공급원으로 활용 계획</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<section id="example-global-singapore" class="section">
|
||
<div class="section-title"><span class="section-bar"> </span><h3>[싱가포르] 수요가 높은 산업의 물 재이용 의무화</h3></div>
|
||
<div class="image-slider" data-autoplay="4500">
|
||
<div class="image-slider-inner">
|
||
<div class="image-slider-viewport">
|
||
<div class="image-slider-track">
|
||
<div class="image-slider-page">
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/singapore_01.png" alt="싱가포르 NEWater 사례 1" /></div>
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/singapore_02.png" alt="싱가포르 NEWater 사례 2" /></div>
|
||
</div>
|
||
<div class="image-slider-page">
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/singapore_03.png" alt="싱가포르 NEWater 사례 3" /></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="image-slider-dots"></div>
|
||
</div>
|
||
</div>
|
||
<div class="content-group global-content-group">
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>싱가포르 NEWater 비중 확대</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">2003년 공식 NEWater 공장을 가동했으며 신뢰확보를 위해 NEWater Visitor Center를 함께 건설</li>
|
||
<li class="depth-0">NEWater 전체파이프 공급 → 반도체 공장에서 가장 많이 사용</li>
|
||
<li class="depth-0">2060년까지 NEWater 비중 55%까지 높이는 것이 싱가포르의 목표</li>
|
||
</ul>
|
||
</div>
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>싱가포르 재이용수 의무화 및 지원정책</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">공업용수 수요가 높은 산업에 대해 물 재이용을 의무화</li>
|
||
<li class="depth-1">반도체업계 전체 비 재이용수(non-domestic용수) 17% 차지 → 공업용수 수요 원인</li>
|
||
<li class="depth-1">2024년 1월 1일부터 연간 최소 60,000㎥를 소비하는 사업자는 재이용수 사용 의무화</li>
|
||
<li class="depth-1">반도체 공장의 경우 최소 50% 이상의 재이용수를 요구함(현재는 43% 정도)</li>
|
||
<li class="depth-0">재정 지원을 통해 재이용 활성화를 지원</li>
|
||
<li class="depth-1">재이용 설비를 기준으로 2025년까지 싱가포르 수자원공사의 2가지 금융상품 제공</li>
|
||
<li class="depth-2">1. Water Efficiency Fund</li>
|
||
<li class="depth-2">2. Industrial Water Solutions Demonstration Fund</li>
|
||
<li class="depth-1">2025년 기준 지원 한도 상향 → 물 재이용 활성 도모</li>
|
||
<li class="depth-3">* 투입비용 50% → 75% 지원 / WSDP: $400만 → $500만</li>
|
||
<li class="depth-3">* 물 효율이 높은 장비를 도입하는 데에도 최대 $300만 지원 가능</li>
|
||
</ul>
|
||
</div>
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>특이사항</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">싱가포르는 천연 수자원이 많지 않아, 말레이시아 조호르와 1962년 맺은 협약으로 물을 수입해왔으며, 재이용수를 늘리기 위한 노력을 계속하고 있음</li>
|
||
<li class="depth-1">싱가포르는 국토 내에 호수와 하천이 적고 집수공간도 적어 빗물로 확보할 수 있는 수자원량은 전체 물 수요의 20%에 불과함</li>
|
||
<li class="depth-0">싱가포르는 2002년부터 하수 재이용수인 NEWater를 개발, 비음용수와 간접음용수로 활용하고 있음</li>
|
||
<li class="depth-1">재이용수를 NEWater라는 이름으로 명명하고 NEWater에 대한 신뢰 확보를 위해 NEWater 방문자 센터도 건설함</li>
|
||
<li class="depth-1">비음용수로 많이 사용하며 건기에는 NEWater를 저수지에 추가하여 원수와 섞음. 원수는 상수도에서 처리 한 후 가정에 수돗물로 공급함</li>
|
||
<li class="depth-1">NEWater는 전용 파이프를 통해 주로 웨이퍼 제조 공장, 산업단지, 상업용 건물에서 산업 및 냉각수로 사용. 제일 많이 사용하는 곳은 웨이퍼 제조 공장</li>
|
||
<li class="depth-0">2024년 4월 기준 1㎥ 당 공업용수 가격은 $1.66이며, Non-domestic 기준 NEWater 가격은 $2.41</li>
|
||
<li class="depth-0">공업용수 가격 $1.66은 수도요금(water tariff)과 수자원세(waterborne tax)로 구분됨. $1.66에는 $1만큼의 수자원세가 포함됨</li>
|
||
<li class="depth-0">2023년 싱가포르는 산업용수 수요가 높은 산업에 대해 물 재이용을 의무화했으며, 정부는 기금을 통해 물 재이용을 지원함</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<section id="example-global-australia" class="section">
|
||
<div class="section-title"><span class="section-bar"> </span><h3>[호주] 생활 속 물 재이용 / 광역 물 재이용수 공급</h3></div>
|
||
<div class="image-slider" data-autoplay="4500">
|
||
<div class="image-slider-inner">
|
||
<div class="image-slider-viewport">
|
||
<div class="image-slider-track">
|
||
<div class="image-slider-page">
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/australia_01.png" alt="호주 생활 속 물 재이용 1" /></div>
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/australia_02.png" alt="호주 광역 물 재이용수 공급 2" /></div>
|
||
</div>
|
||
<div class="image-slider-page">
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/australia_03.png" alt="호주 광역 물 재이용수 공급 3" /></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="image-slider-dots"></div>
|
||
</div>
|
||
</div>
|
||
<div class="content-group global-content-group">
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>생활용수로 재이용수의 적극 활용</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">재이용수를 공원, 골프장 등의 관계용수로 공급(초록색 지역)</li>
|
||
<li class="depth-0">Dual pipe로 재이용수를 특정 주거단지로 공급(보라색 지역)</li>
|
||
<li class="depth-0">현재 7,000여 가구가 재이용수를 사용</li>
|
||
<li class="depth-0">2030년까지 43,000가구로 확대 예정</li>
|
||
</ul>
|
||
</div>
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>호주 재이용수 광역 활용(퀸즈랜드주 브리즈번)</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">SEQ Water Grid는 브리즈번 남동부지역의 식수 공급을 위해 설정한 광역 수로망</li>
|
||
<li class="depth-0">이 광역수로망을 활용하여 물이 부족한 지역으로 물을 공급</li>
|
||
<li class="depth-1">12개 댐, 32개 수처리 시설, 3개 재이용시설, 담수화 플랜트 1개, 저수지 28개와 <span class="global-accent">600km 이상의 물 공급 관로를 건설</span></li>
|
||
<li class="depth-1">지역적으로 강수량이 고르지 않아, <span class="global-accent">댐의 저수율이 불균등 할 때</span> 지역의 물 공급을 보충하는 중요한 역할 수행</li>
|
||
</ul>
|
||
</div>
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>특이사항</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">호주는 2000~2009년 강수량 감소로 밀레니엄 가뭄이 발생하여 심각한 물 부족 현상이 발생함</li>
|
||
<li class="depth-0">호주는 해안 도시에 인구가 밀집하여 거주하고 있으며 인구 증가율이 타 선진국 대비 높아, 향후 도시에 공급할 수자원 확보가 필요함</li>
|
||
<li class="depth-0">호주정부는 1990년대부터 하·폐수가 방류될 경우의 환경 피해에 대해 인식하기 시작하고 배출규제와 위원회를 구성하기 시작</li>
|
||
<li class="depth-0">연방정부는 주에 인센티브를 주는 방식으로 물 정책을 장려하고 토지소유권과 물 권리를 구분하여 거래를 허용하고 물 재이용 활성화를 위한 Water Smart Australia 프로그램을 시행</li>
|
||
<li class="depth-0">호주의 용수공급 체계는 영국과 미국의 특성들이 존재하지만, 주의 특성과 주정부의 정책 방향에 따라 주마다 많은 차이가 있음</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<section id="example-global-eu" class="section">
|
||
<div class="section-title"><span class="section-bar"> </span><h3>[EU] 법률을 제정, EU국가에서 물 재이용 유도</h3></div>
|
||
<div class="image-slider" data-autoplay="4500">
|
||
<div class="image-slider-inner">
|
||
<div class="image-slider-viewport">
|
||
<div class="image-slider-track">
|
||
<div class="image-slider-page">
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/eu_01.png" alt="EU 물 재이용 기술 사례" /></div>
|
||
<div class="image-slide"><img src="/images/landing/business/globalCase/eu_02.png" alt="EU 물 재이용 유도 사례" /></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="image-slider-dots"></div>
|
||
</div>
|
||
</div>
|
||
<div class="content-group global-content-group">
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>물 재이용에 대한 법률을 제정(2020 제정, 2023 시행)</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">유럽 지역의 물 부족 문제를 인식하고 ’20년 물 재이용 법률을 제정 (2020/741)</li>
|
||
<li class="depth-0">2023년부터 모든 EU국가에서 시행</li>
|
||
</ul>
|
||
</div>
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>유럽연합 회원국 물 재이용 지원정책</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">유럽연합 차원에서 다양한 물 재이용 프로그램 자금 지원</li>
|
||
<li class="depth-1">2021년부터 3년간 Life RECYCLIO 프로그램 지원 → 세부내용 물 재이용 프로그램</li>
|
||
<li class="depth-2">1. 환경 관련 사업에 자금을 지원하는 Life 프로그램의 일환으로 80만 유로를 지원</li>
|
||
<li class="depth-2">2. 식품·농업 분야 물 재이용 확대를 위해 기술 이전 및 평가 실시</li>
|
||
<li class="depth-1">물 재이용 정책 수행을 위해 BOOST-INN 180만 유로를 지원</li>
|
||
<li class="depth-3">* 프랑스, 이탈리아, 스페인 등 유럽 선진국 솔루션 공유</li>
|
||
<li class="depth-0">EU산하 JRC(공동연구센터)에서 물 재이용 기술제공 지원</li>
|
||
<li class="depth-1">‘물 재이용 회원 관리 실무 커뮤니티(Water Reuse Management Community of Practice)’ 시범사업 수행<br /> 유럽 전역에 성공적인 모델 활용 및 혁신적인 물 재이용 솔루션을 확장할 수 있는 기술을 제공</li>
|
||
</ul>
|
||
</div>
|
||
<div class="content-block">
|
||
<div class="block-title"><span class="block-title-icon"><span class="bubble bubble-sky"> </span><span class="bubble bubble-green"> </span></span><h4>특이사항</h4></div>
|
||
<ul class="content-rich-list">
|
||
<li class="depth-0">2019년 기준 EU 인구의 38%가 물 부족의 영향을 받을 것으로 예상됨. 이 흐름대로면 2030년까지 유럽 유역 전반에 물 부족 문제가 발생하게 될 것으로 예상. 인구 증가, 도시화의 확대, 염분화 및 기후변화들이 수자원 문제들의 주요 요인이며, 식습관 변화와 산업용수 수요 증가 등으로 악화되고 있는 상황</li>
|
||
<li class="depth-0">유럽의 물 부족 상황은 지역에 따라 다르게 나타나 스페인을 비롯한 남부유럽에서 특히 심각함. 전반적으로 북유럽에 비해 남유럽의 물 스트레스가 심하며, 특히 스페인과 포르투갈, 프랑스 동부지역의 물 스트레스가 심각함</li>
|
||
<li class="depth-0">유럽 연합에서도 물 부족 문제를 인식하고 2000년 EU Water Framework Directive를 개발, 이후 2020년 재이용에 관한 법률을 제정</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
`;
|
||
|
||
return (
|
||
<div
|
||
ref={rootRef}
|
||
className="bg-white"
|
||
dangerouslySetInnerHTML={{ __html: contentsHtml }}
|
||
/>
|
||
);
|
||
}
|