<section id="network" class="py-5 bg-white">
    <div class="container py-5">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <h6 class="text-primary fw-bold text-uppercase mb-3">Network & Security</h6>
                <h2 class="fw-bold mb-4">실시간 지능형 DDoS 방어 시스템</h2>
                <p class="text-muted mb-4">단순한 트래픽 차단이 아닌, 정교한 데이터 정화 엔진(Scrubbing Center)을 통해 정상적인 비즈니스 트래픽만을 서버로
                    전달합니다.</p>
                <ul class="list-unstyled">
                    <li class="mb-3 d-flex align-items-start"><i
                            class="fa-solid fa-check-circle text-success me-3 mt-1"></i> <span><strong>L3/L4
                                Mitigation:</strong> UDP/SYN Flood 완벽 대응</span></li>
                    <li class="mb-3 d-flex align-items-start"><i
                            class="fa-solid fa-check-circle text-success me-3 mt-1"></i> <span><strong>BGP +
                                Anycast:</strong> 전 세계 주요 거점에서 공격 분산 처리</span></li>
                    <li class="mb-3 d-flex align-items-start"><i
                            class="fa-solid fa-check-circle text-success me-3 mt-1"></i> <span><strong>Always-on
                                Protection:</strong> 1초 미만의 탐지 및 즉각 대응</span></li>
                </ul>
            </div>
            <div class="col-lg-6">
                <div class="scrubbing-box">
                    <div class="text-center  text-white fw-bold mb-4 uppercase tracking-widest">트래픽 흐름도(Traffic Flow)
                    </div>
                    <div class="d-flex flex-column align-items-center gap-4">
                        <div class="flow-item w-100">전체 트래픽 (All Internet Traffic)</div>
                        <i class="fa-solid fa-arrow-down opacity-25"></i>
                        <div class="flow-item w-100 bg-primary border-primary text-white shadow-lg">DAEMON Clean Center
                        </div>
                        <i class="fa-solid fa-arrow-down opacity-25"></i>
                        <div class="flow-item w-100 border-success text-success fw-bold">정상 트래픽(Cleaned Data) -> 고객
                            서버(Client Server)
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>