@extends('programs.show')

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/programs/camp-philippines.css"/>
    <link rel="stylesheet" type="text/css" href="/css/programs/fonts.css"/>

@endpush

@section('details')

    <article class="container program camp-philippines">

        <!-- 메인비주얼 -->
        <section class="camp-philippines-sectionTop">
            <div class="camp-philippines-width">
                <div class="camp-philippines-sectionTop-design">
                    <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-philippines/camp-philippines-sectionTop-bg02-220422.png" alt="야자수 디자인">
                </div>
                <h1 class="camp-philippines-sectionTop-title">
                    <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-philippines/camp-philippines-logo01-220422.png" alt="edm해외영어캠프">
                    <br>
                    <span>안전한 환경 속 밀착형 관리와 다양한 액티비티</span> <br>
                    <strong>
                        <strong>필리핀 세부 </strong> <br>  영어캠프
                    </strong>
                </h1>

                <ul class="camp-philippines-sectionTop-list">
                    <li>
                        <dl>
                            <dt><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-philippines/camp-philippines-sectionTop-icon01-220422.png" alt="체크"> 1:1 수업</dt>
                            <dd>ESL 레벨에 따른 체계적인 영어수업</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-philippines/camp-philippines-sectionTop-icon01-220422.png" alt="체크"> 그룹 수업</dt>
                            <dd>암기식이 아닌 참여형 학습을 통한 수업진행</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-philippines/camp-philippines-sectionTop-icon01-220422.png" alt="체크"> 자기 주도 학습</dt>
                            <dd>수학학습, 영어일기 및 에세이 작성</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-philippines/camp-philippines-sectionTop-icon01-220422.png" alt="체크"> 주말 액티비티</dt>
                            <dd>아일랜드 호핑투어, 시티투어, 미션 쇼핑 등 <br>주말에 현지에서 안전하게 즐기는 다양한 액티비티</dd>
                        </dl>
                    </li>
                </ul>

            </div>
        </section>
        <!-- //메인비주얼 -->

        <!-- 영어캠프 -->
        <section class="camp-philippines-camp">
            <div class="camp-philippines-width">
                <h2 class="camp-philippines-section-title ">
                    <span>1:1수업과 다양한 프로젝트 활동을 통해<br class="mo-br"> 습득하는 영어 실력!</span> <br>
                    필리핀 세부 영어캠프
                </h2>

                <div class="camp-philippines-camp-con">
                    <div class="camp-philippines-camp-con-textBox">
                        <dl class="camp-philippines-camp-con-textBox-row camp-philippines-camp-con-textBox-flex">
                            <dt>일정</dt>
                            <dd>2022년 7월 23일~8월 19일 (4주) <br> <span>출발일 및 캠프일정은 항공사와 현지사정에 따라 변경될 수 있습니다.</span></dd>
                        </dl>
                        <dl class="camp-philippines-camp-con-textBox-row camp-philippines-camp-con-textBox-flex">
                            <dt>대상</dt>
                            <dd>초등학교 3학년 ~ 고등학교 1학년 <br><span>캠프 참가 가능 연령에 대한 문의 등 자세한 사항은 상담을 통해 확인하시기 바랍니다.</span></dd>
                        </dl>
                        <dl class="camp-philippines-camp-con-textBox-row">
                            <dt>참가비</dt>
                            <dd>
                                <div class="textBox">
                                    <span>4주 참가비 (기숙사 2~3인 1실 기준)<br>
                                        <strong>300만원</strong>
                                    </span>
                                </div>
                                <span>불포함 내역: 왕복 항공료, 여권 발급, 개인용돈, 개인 비상약  </span> <br>
                                <span>참가비는 1인 기준입니다.</span> <br>
                                <span>참가비 포함 내역/불포함 내역의 자세한 내용은 상담을 통해 확인하시기 바랍니다.</span>
                            </dd>
                        </dl>
                        <dl class="camp-philippines-camp-con-textBox-row">
                            <dt>준비서류</dt>
                            <dd class="camp-philippines-camp-con-textBox-row-text">
                                여권, 여권사진 1매, 부모님 여권사본, <br> 영문주민등록등본 1통
                            </dd>
                        </dl>

                    </div>
                    <div class="camp-philippines-camp-con-list">
                        <div class="camp-philippines-camp-con-list-imgBox">
                            <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-philippines/camp-philippines-camp-img02-220422.png" alt="영어 캠프 사진">
                        </div>
                        <dl class="camp-philippines-camp-con-list-con">
                            <dt>주요 특징</dt>
                            <dd>
                                <ul>
                                    <li>한국인 선생님 상주 24시간 안전 관리</li>
                                    <li>1:1 수업 및 레벨별 토론 중심 그룹수업</li>
                                    <li>수학, 영어 에세이 등 자기주도학습</li>
                                </ul>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </section>
        <!-- //영어캠프 -->


        <!-- 캠프 프로그램 -->
        <section class="camp-philippines-programs">
            <div class="camp-philippines-width">
                <h2 class="camp-philippines-section-title">
                    캠프 프로그램 <br>
                    <span>안전한 환경 속에서 자녀가 <br class="mo-br">친구들과 우정을 쌓고 <br>글로벌 마인드를 기를 수 있습니다.</span> <br>
                    <small><span>프로그램은 현지 사정에 대체될 수 있습니다.</span></small>
                </h2>

                <div class="camp-philippines-programs-row">
                    <h3 class="camp-philippines-programs-title title-color1">01. 커리큘럼</h3>
                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox1"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">안전 제일 관리 시스템</h4>
                            <div class="camp-philippines-programs-row-con1-textBox-hashtag">
                                <span>밀착형 관리</span>
                            </div>
                            <ul class="camp-philippines-programs-row-con1-textBox-textList">
                                <li>매일 학생들의 활동 모습을 부모님들이 볼 수 있게 밴드 운영합니다.</li>
                            </ul>
                            <div class="camp-philippines-programs-row-con1-textBox-hashtag">
                                <span>담당자 상주</span>
                            </div>
                            <ul class="camp-philippines-programs-row-con1-textBox-textList">
                                <li>아이들의 주변에는 24시간 한국인 담당 선생님 및 관리자 <br>그리고 안전 요원이 상주 하여 학생들의 건강과 위생, 학습 그리고 안전을 지도합니다.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox2"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">주중 10시간 집중학습</h4>
                            <div class="camp-philippines-programs-row-con1-textBox-hashtag">
                                <span>오전/오후 영어수업과 저녁 방과 후 수업으로 구성됩니다.</span>
                            </div>
                            <ul class="camp-philippines-programs-row-con1-textBox-textList">
                                <li>오전/오후 1:1 수업 및 그룹수업, 스페셜 액티비티 수업 <br>(09:00~17:50, 점심시간 포함) </li>
                                <li>저녁 방과 후 수업 및 자기주도 학습 <br>(18:00~20:50, 저녁식사 포함)</li>
                            </ul>
                        </div>
                    </div>
                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox3"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">1:1 수업 및 그룹 수업</h4>
                            <div class="camp-philippines-programs-row-con1-textBox-hashtag">
                                <span>1:1 수업</span>
                            </div>
                            <ul class="camp-philippines-programs-row-con1-textBox-textList">
                                <li>Speaking, Reading, Writing, Grammar 4대 영역을 중심으로 가르치는 수업으로, 개별 학습자의 특성을 고려한 수업이 진행되며 배운 영어를 실제로 사용하며 느끼는 즐거움과 성취감을 심어주는 수업이 될 것입니다.</li>
                            </ul>
                            <div class="camp-philippines-programs-row-con1-textBox-hashtag">
                                <span>그룹 수업</span>
                            </div>
                            <ul class="camp-philippines-programs-row-con1-textBox-textList">
                                <li>레벨에 따라 자유로운 토론 중심의 현지 선생님과의 그룹 수업, 프레젠테이션 수업은 학생들의 협동심과 발표력을 길러주며 함께 하면 무엇이든 할 수 있다는 단결력 및 성취감을 극대화 시키는 프로그램입니다.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox4"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">자기주도학습</h4>
                            <div class="camp-philippines-programs-row-con1-textBox-hashtag">
                                <span>수학학습</span>
                            </div>
                            <ul class="camp-philippines-programs-row-con1-textBox-textList">
                                <li>캠프 동안 뒤처질 수 있는 아이들의 수학 학습을 한국인 선생님 지도하에 보충할 수 있습니다.</li>
                            </ul>
                            <div class="camp-philippines-programs-row-con1-textBox-hashtag">
                                <span>영어일기 및 에세이 작성, 단어테스트</span>
                            </div>
                            <ul class="camp-philippines-programs-row-con1-textBox-textList">
                                <li>매일 진행하는 영어 일기 첨삭 지도는 아이들의 스펠링 암기력 및 문장 구성력 그리고 문법을 향상시키는 길라잡이가 되어줍니다.</li>
                            </ul>
                        </div>
                    </div>

                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox5"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">이국적인 추억 주말 액티비티</h4>
                            <p class="camp-philippines-programs-row-con1-textBox-textText">
                                신나는 주말 액티비티는 열심히 공부하는 학생들에게 심신을 단련하는 시간이 될 뿐만 아니라 건강한 캠프 생활을 할 수 있는 활력을 주며, 귀국 후에도 인생의 좋은 추억을 만들어 줄 것입니다.
                            </p>
                        </div>
                    </div>

                </div>

                <div class="camp-philippines-programs-row">
                    <h3 class="camp-philippines-programs-title title-color2">02. 주간 스케쥴 예시</h3>
                    <table class="camp-philippines-programs-row-con2">
                        <thead>
                        <tr>
                            <th></th>
                            <th>월</th>
                            <th>화</th>
                            <th>수</th>
                            <th>목</th>
                            <th>금</th>
                            <th>토</th>
                            <th>일</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>07:30~08:50</td>
                            <td colspan="7">기상 / 체조 / 세면 / 아침식사 / 수업준비</td>
                        </tr>
                        <tr>
                            <td>09:00~09:50</td>
                            <td rowspan="3" colspan="5">1:1 수업 및 그룹수업 (3H)</td>
                            <td rowspan="9" colspan="2">호핑투어 <br>리조트 <br>데이트립 <br>수영장 <br>파파키즈 <br>봉사활동</td>
                        </tr>
                        <tr>
                            <td>10:00~10:50</td>
                        </tr>
                        <tr>
                            <td>11:00~11:50</td>
                        </tr>
                        <tr>
                            <td>12:00~13:00</td>
                            <td colspan="5">점심식사</td>
                        </tr>
                        <tr>
                            <td>13:00~13:50</td>
                            <td rowspan="5" colspan="5">1:1 수업 및 그룹수업 , 스페셜 액티비티 수업 (5H)</td>
                        </tr>
                        <tr>
                            <td>14:00~14:50</td>
                        </tr>
                        <tr>
                            <td>15:00~15:50</td>
                        </tr>
                        <tr>
                            <td>16:00~16:50</td>
                        </tr>
                        <tr>
                            <td>17:00~17:50</td>
                        </tr>
                        <tr>
                            <td>18:00~18:50</td>
                            <td colspan="5">저녁식사 및 자기주도 학습 준비</td>
                            <td colspan="2">저녁식사</td>
                        </tr>
                        <tr>
                            <td>19:00~20:50</td>
                            <td colspan="5">자기주도 학습 및 간식시간 / 단어 테스트 (1H), 수학수업 (1H), 방학숙제 등</td>
                            <td rowspan="3" colspan="2">스크린영어 <br>휴식 및 <br>부모님과 통화</td>
                        </tr>
                        <tr>
                            <td>21:00~22:00</td>
                            <td colspan="5">휴식 및 개인 정리</td>
                        </tr>
                        <tr>
                            <td>22:00~</td>
                            <td colspan="5">취침 준비</td>
                        </tr>

                        </tbody>
                    </table>
                </div>

                <div class="camp-philippines-programs-row camp-philippines-programs-row2">
                    <h3 class="camp-philippines-programs-title title-color3">03. 주말에도, 방과 후에도 알찬 시간활용</h3>
                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox6"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">아일랜드 호핑투어 <span>Island Hopping Tour</span></h4>
                            <p class="camp-philippines-programs-row-con1-textBox-textText">
                                필리핀 세부 최고의 야외활동 이라고 불리는 “아일랜드 호핑 투어”는 방카라고 불리우는 필리핀 전통 배를 타고 아름다운 산호와 물고기가 많은 곳에서 스노쿨링과 크고 작은 물고기를 잡을 수 있는 낚시를 즐기게 됩니다. 또한 아름다운 섬에서 맛있는 Sea Food와 바비큐 등 맛있는 점심 식사를 즐기게 됩니다.
                            </p>
                        </div>
                    </div>

                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox7"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">시티투어 <span>City Tour</span></h4>
                            <p class="camp-philippines-programs-row-con1-textBox-textText">
                                시티투어는 필리핀 세부 시티의 주요 관광지로 유명한 산토니뇨 성당, 마젤란 크로스, 도교사원, 산페드로요세, 레아탬플 등 역사적인 유적지를 둘러보며 필리핀의 역사와 문화를 체험하고 이해하는 액티비티입니다.
                            </p>
                        </div>
                    </div>

                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox8"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">미션 쇼핑 <span>Mall Shopping</span></h4>
                            <p class="camp-philippines-programs-row-con1-textBox-textText">
                                세부의 대표적인 종합 쇼핑몰에서 필요한 물품을 직접 소통해 구매하고 다양한 미션을 해결하며, 즐거운 시간을 보낼 수 있는 액티비티입니다.
                            </p>
                        </div>
                    </div>

                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox9"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">파파키즈 <span>PAPAKITS</span></h4>
                            <p class="camp-philippines-programs-row-con1-textBox-textText">
                                드넓은 대지의 어드벤처로 짚라인, 승마체험, 낚시 등 체험을 합니다. 특히 짚라인은 섬에서 섬으로 바다를 넘어 이동하는 장거리 체험으로 세부 최고의 짚라인을 자랑합니다.
                            </p>
                        </div>
                    </div>

                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox10"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">봉사활동 <span>Outreach</span></h4>
                            <p class="camp-philippines-programs-row-con1-textBox-textText">
                                저소득층 자녀들에게 나눔 봉사 활동으로 인도주의의 정신을 경험하고 실천과 나눔으로 감사의 마음을 가지도록 합니다. 행사 후 모든 학생들에게는 봉사활동 수료증이 발급됩니다.
                            </p>
                        </div>
                    </div>

                    <div class="camp-philippines-programs-row-con1">
                        <div class="camp-philippines-programs-row-con1-imgBox camp-philippines-programs-row-con-imgBox11"></div>
                        <div class="camp-philippines-programs-row-con1-textBox">
                            <h4 class="camp-philippines-programs-row-con-textBox-title">리조트데이트립 <span>Resort Daytrip</span></h4>
                            <p class="camp-philippines-programs-row-con1-textBox-textText">
                                필리핀 세부 특급 Resort에서 즐기는 액티비티로 넓은 수영장에서 수영을 하거나, 카약, 암벽등반, 게임존 등 다양한 놀 거리가 많은 세부 최고의 Resort 입니다. 드넓은 바다를 보며 즐기는 Resort 특식 뷔페 점심 식사도 빼놓을 수 없는 즐거움입니다.
                            </p>
                        </div>
                    </div>

                </div>


            </div>
        </section>
        <!-- //캠프 프로그램 -->

        <!-- 프로그램 일정 -->
        <section class="camp-philippines-schedule">
            <div class="camp-philippines-width">
                <h2 class="camp-philippines-section-title">프로그램 일정
                    <br>
                    <small><span>아래 스케쥴은 현지 사정에 의해 변동될 수 있습니다.</span></small>
                </h2>

                <div class="camp-philippines-schedule-con">
                    <div id="imgPopupWrap">
                        <div id="imgPopup" onclick="imgPopup()">
                            <img id="imgPopCon"   src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-philippines/camp-philippines-schedule-img01-220422.jpg" alt="캠프 프로그램 일정">
                        </div>
                    </div>
                    <span class="text-hidden">
                        <!-- - 달력 일정 - 스크린리더 때문에 적은 텍스트여서 화면에는 안보이지만 캠프 일정 이미지 수정시 수정해 주세요.  -->
                        토요일 : 세부행 출국
                        일요일 : 오리엔테이션, 쇼핑몰 방문
                        1주차 월, 화, 수, 목, 금 : 영어수업, 방과후 수업
                        1주차 토요일 : 호핑투어
                        1주차 일요일 : 수영장
                        2주차 월, 화, 수, 목, 금 : 영어수업, 방과후 수업
                        2주차 토요일 : 봉사활동 , 수영장
                        2주차 일요일 : 파파키즈 (짚라인, 승마. 낚시)
                        3주차 월, 화, 수, 목, 금 : 영어수업, 방과후 수업
                        3주차 토요일 : 리조트 데이 트립
                        3주차 일요일 : 쇼핑몰 방문, 졸업 준비
                        4주차 월, 화 : 영어수업, 방과후 수업
                        4주차 수요일 : 영어수업, 테스트
                        4주차 목요일 : 영어수업, 졸업식
                        4주차 금요일 : 영어수업
                        4주차 토요일 : 한국행 입국
                    </span>
                </div>
            </div>
        </section>
        <!-- //프로그램 일정 -->

        <!-- 영어 캠프 규정 -->
        <section class="camp-philippines-regulation">
            <div class="camp-philippines-width">
                <h3 class="camp-philippines-regulation-title">영어 캠프 규정</h3>
                <ol class="camp-philippines-regulation-list">
                    <li>캠프 수속계약금 (보증금) 환불은 불가합니다. </li>
                    <li>캠프 상세 일정, 출국, 귀국일 등은 현지 및 항공사 사정에 따라 일부 변경될 수 있습니다. </li>
                    <li>캠프 참가자의 신체, 정신적 정보를 제공해야 하며, 이 정보로 인한 참가불가능, 입출국 거절, 중도 귀국 등은 현지 학교의 규정을 따릅니다</li>
                </ol>
            </div>
        </section>
        <!-- //영어 캠프 규정 -->

    </article>

    <script>
        let imgPop = document.getElementById("imgPopup")
        let imgPopWrap = document.getElementById("imgPopupWrap")
        let body = document.querySelector('body')
        function imgPopup() {
            imgPop.classList.toggle('open');
            body.classList.toggle('popup-open');
        }

        window.onload = function(){
            let imgHeight = document.getElementById("imgPopCon").clientHeight;
            imgPopWrap.style.height = imgHeight+"px" ;
        }
    </script>



@endsection