찾아가는 교통안전교육

<div class="education_info">

        <style>
            h3.sub_title{font-size: 1.2625rem; font-weight: bold; margin-bottom: 20px;}
            td.txt_td{text-align:left; line-height: 26px;}
            .txt_box01 h4{font-weight: bold; font-size: 17px; line-height: 27px; margin-bottom: 5px;}
            .txt_box01 h5{}
            .txt_box01 p{font-size: 16px; padding: 0 10px; line-height: 23px;}
            .table_box{margin-top:40px;}
            .s_gnb>ul>li>a{    word-break: keep-all;}
            @media(max-width:650px){
                .subType1 .list_1 ul li:before{left: -10px; top: 5px; width: 20px;}
                .subType1 .list_1 ul li{flex-direction: column; padding-left: 20px;}
                .subType1 .list_1 ul li .tit{width:100%;}
                .subType1 .list_1 ul li .txt{width:100%;}
   
                .txt_box01 h4{font-size: 15px;}
                .txt_box01 h5{font-size: 15px; margin-bottom: 10px; margin-top: 5px;}
                .txt_box01 p{font-size: 15px;}
               
                .table_box{overflow: auto;}
                .table_box table{min-width: 450px;}
            }
        </style>
        <div class="cont">
            <div class="subType1">
                <div class="title_area">
                    <h2 style="word-break: keep-all;"><strong>01</strong> 교육정보</h2>
                </div>
                <div class="txt_area">
                    <div class="list_1">
                        <h3 class="sub_title">찾아가는 교통안전교육</h3>
                        <ul>
                            <li>
                                <div class="tit">교육 대상</div>
                                <div class="txt">
                                    <p>공원 방문이 어려운 초등학교, 유치원, 어린이집 등 어린이</p>
                                    <p>- 초등학교 20개교, 유치원 10개원, 어린이집 10개소(예정)</p>
                                </div>
                            </li>
                            <li>
                                <div class="tit">교육 기간</div>
                                <div class="txt">1월 및 12월중</div>
                            </li>
                            <li>
                                <div class="tit">교육 횟수</div>
                                <div class="txt">약 40회</div>
                            </li>
                            <li>
                                <div class="tit">교육예상인원</div>
                                <div class="txt">800여명</div>
                            </li>
                            <li>
                                <div class="tit">교육 방법</div>
                                <div class="txt">교통안전 강사 2인 편성 후 방문 강의</div>
                            </li>
                            <li>
                                <div class="tit">실습교육 중점 지도내용</div>
                                <div class="txt">
                                    <p>첫째, 등하교 안전교육</p>
                                    <p>둘째, 차만손 캠페인 - 운전자를 만나면 손을 들고 “제가 갈게요.” 말해요</p>
                                    <p>셋째, 무단횡단 금지</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
   
            <div class="subType1">
                <div class="title_area">
                    <h2><strong>02</strong> 교육과정</h2>
                </div>
               
                <div class="txt_area">
                    <div class="list_1">
                        <ul>
                            <li>
                                <div class="tit">교육 과정</div>
                                <div class="txt">
                                    <p>- 이론교육</p>
                                    <p>- 버스 안전 체험</p>
                                    <p>- 버스 안전 체험</p>
                                    <p>- 사각지대 체험</p>
                                    <p>- 횡단보도 건너기 체험</p>
                                    <p>- 전동차 체험</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
           
            <div class="rollingType1">
                <div class="big_img_area">
                    <div class="slider-for">
                        <div class="list"><img src="../theme/wering/img/education3_1_1.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_1_2.jpg"></div>
                    </div>
                </div>
                <div class="slider-nav">
                    <div class="list"><img src="../theme/wering/img/education3_1_1.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_1_2.jpg"></div>
                </div>
            </div>
   
            <div class="subType1">
                <div class="title_area">
                    <h2><strong>03</strong> 이론교육</h2>
                </div>
                <div class="txt_area">
                    <div class="list_1">
                        <h3 class="sub_title">이론교육 (20분)</h3>
                        <div class="txt_box01">
                            <h4>우리 동네에요.</h4>
                            <h5>- 무엇이 있을까요?</h5>
                            <p>경찰서, 우체국, 차도, 보도, 횡단보도, 주차장, 놀이터, 공원, 골목길, 공사장</p>
                            <h5>- 차도를 무단횡단하는 어린이</h5>
                            <h5>- 횡단보도 건너기(자석인형)</h5>
                            <h5>- 위험한 곳에서 놀고 있는 어린이를 안전한 놀이터나 공원으로 자석 인형 옮기기</h5>
                            <p>(주차장에서 축구하는 아이, 차 뒤에서 놀이 하는 아이, 골목길에서 위험하게 걷는 아이, 공사장에서 놀고 있는 아이)</p>
                            <h5>- 안전하게 놀 수 있는 곳이 어디일까요? (놀이터, 공원, 운동장)</h5>
                        </div>
                    </div>   
                    <div class="table_box">
                        <table>
                            <colgroup>
                                <col style="width:20%;">
                                <col style="width:30%;">
                                <col style="width:50%;">
                            </colgroup>
                            <thead>
                                <tr>
                                    <th scope="col">분류</th>
                                    <th scope="col">교안 및 교구</th>
                                    <th scope="col">교육내용</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>이론교육</td>
                                    <td>PPT, 동영상, 그림자료</td>
                                    <td class="txt_td">
                                        －교통사고 현황 알아보기<br>
                                        －교통 표지판 알아보기<br>
                                        －안전한 보행법(골목길, 차도와 인도가 구분된 길<br>
                                        －안전한 도로횡단 5원칙)<br>
                                        －무단횡단의 위험성과 안전한 횡단시설<br>
                                        －유형별 사고동영상 시청과 사고예방법<br>
                                        －사각지대 안전교육, 안전밸트
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>   
                </div>
            </div>
   
   
   
            <div class="rollingType1">
                <div class="big_img_area">
                    <div class="slider-for">
                        <div class="list"><img src="../theme/wering/img/education3_2_1.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_2_2.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_2_3.jpg"></div>
                    </div>
                </div>
                <div class="slider-nav">
                    <div class="list"><img src="../theme/wering/img/education3_2_1.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_2_2.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_2_3.jpg"></div>
                </div>
            </div>
            <!-- 버스 안전 체험-->
            <div class="subType1">
                <div class="title_area">
                    <h2><strong>04</strong> 버스 안전 체험</h2>
                </div>
                <div class="txt_area">
                    <div class="list_1">
                        <h3 class="sub_title">버스 안전 체험(15분)</h3>
                        <div class="txt_box01">
                            <h4>버스를 안전하게 이용해요.</h4>
                            <h5>1. 매트에 앉혀서 체험할 내용을 설명</h5>
                            <p> - 곰돌이 인형으로 시범</p>
                            <h5>2. 안전하게 버스 타기</h5>
                            <p> - 한 명씩 차례로 안전하게 타기</p>
                            <p> - 앞 친구 밀지 않기</p>
                            <p> - 버스에 앉으면 장난치지 않고, 창문 밖으로 손 내밀지 않기</p>
                            <h5>3. 안전벨트 체험</h5>
                            <p> - 사고 체험(주의-어린이가 놀라지 않게 안심시킴)</p>
                            <p> - 안전벨트 착용한 어린이들과 안전벨트 착용하지 않은 곰돌이 인형 비교</p>
                            <p> - 안전벨트 꼭 착용하기로 약속</p>
                            <h5>4. 안전하게 버스를 내리는 법</h5>
                            <p> - 버스에서 내리기 전 마지막 계단에서 멈춰서 차나 자전거가 오는지 살펴보기</p>
                            <p> - 깡충 뛰지 않고 한발씩 내리기</p>
                        </div>
                    </div>       
                </div>
            </div>
   
            <div class="rollingType1">
                <div class="big_img_area">
                    <div class="slider-for">
                        <div class="list"><img src="../theme/wering/img/education3_3_1.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_3_2.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_3_3.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_3_4.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_3_5.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_3_6.jpg"></div>
                    </div>
                </div>
                <div class="slider-nav">
                    <div class="list"><img src="../theme/wering/img/education3_3_1.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_3_2.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_3_3.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_3_4.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_3_5.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_3_6.jpg"></div>
                </div>
            </div>
   
            <!-- 사각지대 체험-->
            <div class="subType1">
                <div class="title_area">
                    <h2><strong>05</strong>사각지대 체험</h2>
                </div>
                <div class="txt_area">
                    <div class="list_1">
                        <h3 class="sub_title">사각지대 체험 (10분)</h3>
                        <div class="txt_box01">
                            <h4>사각지대에 대해 이해하고 자동차 주위에서 놀지 않는다.</h4>
                            <p> - 자동차 주위에는 보이지 않는 곳이 있어요.</p>
                            <p> - 하얀 페인트로 표시를 해 두었어요.</p>
                            <p> - 사각지대는 얼마나 넓을까요? </p>
                            <p> - 우리 친구들이 몇 명이나 들어갈 수 있을까요?</p>
                            <p> - 자동차 밑으로 공이 들어갔어요. 어떻게 할까요?</p>
                        </div>
                    </div>       
                </div>
            </div>
            <div class="rollingType1">
                <div class="big_img_area">
                    <div class="slider-for">
                        <div class="list"><img src="../theme/wering/img/education3_4_1.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_4_2.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_4_3.jpg"></div>
                    </div>
                </div>
                <div class="slider-nav">
                    <div class="list"><img src="../theme/wering/img/education3_4_1.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_4_2.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_4_3.jpg"></div>
                </div>
            </div>
   
            <!-- 횡단보도 건너기-->
            <div class="subType1">
                <div class="title_area">
                    <h2><strong>06</strong>횡단보도 건너기</h2>
                </div>
                <div class="txt_area">
                    <div class="list_1">
                        <h3 class="sub_title">횡단보도 건너기(15분)</h3>
                        <div class="txt_box01">
                            <h4>횡단보도를 안전하게 건널 수 있어요</h4>
                            <p> - 초록 불이 깜빡일 때는 다음신호를 기다려요.</p>
                            <p> - 횡단보도를 건너는 5가지 약속 지키며 건너요.</p>
                            <p> - 손을 들어요. </p>
                            <p> - 왼쪽을 보면서 건너다가 중앙선을 지나면 오른쪽을 봐요.</p>
                        </div>
                    </div>       
                </div>
            </div>
            <div class="rollingType1">
                <div class="big_img_area">
                    <div class="slider-for">
                        <div class="list"><img src="../theme/wering/img/education3_5_1.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_5_2.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_5_3.jpg"></div>
                    </div>
                </div>
                <div class="slider-nav">
                    <div class="list"><img src="../theme/wering/img/education3_5_1.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_5_2.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_5_3.jpg"></div>
                </div>
            </div>
   
            <!-- 전동차 체험-->
            <div class="subType1">
                <div class="title_area">
                    <h2><strong>06</strong>전동차 체험</h2>
                </div>
                <div class="txt_area">
                    <div class="list_1">
                        <h3 class="sub_title">전동차 체험(30분)</h3>
                        <div class="txt_box01">
                            <h4>전동자동차를 직접 운전해 보면서 운전자가 되어 횡단보도 신호등을 경험해 본다.</h4>
                            <h5>순서</h5>
                            <p>1. 자동차 안전하게 운전하는 법</p>
                            <p>2. 한 명이 시범</p>
                            <p>3. 안전벨트를 착용시키고 운전체험(어린이1명과 강사1명동행)</p>
                        </div>
                    </div>       
                </div>
            </div>
            <div class="rollingType1">
                <div class="big_img_area">
                    <div class="slider-for">
                        <div class="list"><img src="../theme/wering/img/education3_6_1.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_6_2.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_6_3.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_6_4.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_6_5.jpg"></div>
                        <div class="list"><img src="../theme/wering/img/education3_6_6.jpg"></div>
                    </div>
                </div>
                <div class="slider-nav">
                    <div class="list"><img src="../theme/wering/img/education3_6_1.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_6_2.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_6_3.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_6_4.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_6_5.jpg"></div>
                    <div class="list"><img src="../theme/wering/img/education3_6_6.jpg"></div>
                </div>
            </div>
   
        </div>
    </div>