<!DOCTYPE html>
<html lang="en" xmlns:th=http://www.thymeleaf.org>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <meta name="description" content="포항시 교통정보센터입니다"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>포항시 교통정보센터</title>
    <th:block th:include="include/head.html"></th:block>
    <link rel="stylesheet" th:href="@{/css/center.css}">
</head>
<body id="body">
<th:block th:include="include/header.html"></th:block>
<div class="centerWrap">
    <div class="container">
        <h2 class="header">포항교통정보센터 소개</h2>
        <div class="content1">
            <div>
                <h2>설립 목적</h2>
                <div class="box">
                    <p>
                        포항시의 각종 교통정보를 연계 및 제공하여 시민들이 더욱 편리하게 교통시설을 이용하고 교통 서비스의 질적 개선을 도모하고자 설립되었습니다.
                    </p>
                </div>
                <h2>역할</h2>
                <div class="box">
                    <p>포항시 교통정보센터는 교통정보 수집·가공·분석·정보제공 등 교통 운영 및 관리에 대한 업무를 수행하며, 교통정보시스템의 효율적인 운영과 유지관리,
                        현장 시설물과 센터 시설물의 예방정비 및 유지보수 업무를 담당하고 있습니다.</p>
                </div>
                <div class="img-box">
                    <img src="/images/background/center_img2.png" alt="포항시 지능형교통시스템(ITS) 조감도">
                </div>
            </div>
        </div>
        <div class="content1">
            <h2>시스템안내</h2>
            <div class="content3">
                <div>
                    <div>도시교통정보시스템</div>
                    <div>
                        <div>도로교통전광판, 교통관제 CCTV 운영</div>
                        <div>차량탑재장치(OBE), 노변기지국(RSE) 간 교통정보 수집</div>
                    </div>
                </div>
                <div>
                    <div>스마트교차로시스템</div>
                    <div>
                        <div>교통량 수집분석을 통한 교차로 최적 주기 산출</div>
                        <div>대기행렬 분석 및 소통정보 제공</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content1">
            <h2>홍보 동영상</h2>
            <div class="content4">
                <div>
                    <video src="/api/common/video/promotion1.mp4" width="100%" height="100%" controls></video>
                </div>
                <div>
                    <video src="/api/common/video/promotion2.mp4" width="100%" height="100%" controls></video>
                </div>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include/footer.html"></th:block>
</body>
</html>