@extends('programs.show')

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

@endpush

@section('details')

    <article class="container program camp-canada-east">

        <!-- 메인비주얼 -->
        <section class="camp-canada-sectionTop">
            <div class="camp-canada-width">
                <div class="camp-canada-sectionTop-design">
                    <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-sectionTop-bg02-220422.png" alt="눈 내리는 디자인">
                </div>
                <h1 class="camp-canada-sectionTop-title">
                    <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-logo01-220422.png" alt="edm해외영어캠프">
                    <br>
                    <span>캐나다 동부 교육도시 워터루에서 즐기는 집중 영어 캠프</span> <br>
                    <strong>
                        <strong>캐나다 동부 </strong> <br>영어캠프
                    </strong>
                </h1>

                <ul class="camp-canada-sectionTop-list">
                    <li>
                        <dl>
                            <dt><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-sectionTop-icon01-220422.png" alt="체크"> 집중 영어수업</dt>
                            <dd>ESL 레벨에 따른 체계적인 영어수업</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-sectionTop-icon01-220422.png" alt="체크"> 참여형 학습</dt>
                            <dd>암기식이 아닌 참여형 학습을 통한 수업진행</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-sectionTop-icon01-220422.png" alt="체크"> 엄선된 숙소 옵션</dt>
                            <dd>홈스테이와 레지던스 중 선택 가능</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-sectionTop-icon01-220422.png" alt="체크"> 문화탐방 체험학습</dt>
                            <dd>캐나다 명문대학 및 컬리지와 킹스턴, 오타와, 몬트리올, 퀘백 등 동부 대표 지역 탐방</dd>
                        </dl>
                    </li>
                </ul>

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

        <!-- 영어캠프 -->
        <section class="camp-canada-camp">
            <div class="camp-canada-width">
                <h2 class="camp-canada-section-title">
                    <span>캐나다 최고의 교육도시 워터루에서 즐기는 집중 영어</span> <br>캐나다 동부 영어캠프
                </h2>

                <div class="camp-canada-camp-con">
                    <div class="camp-canada-camp-con-textBox">
                        <dl class="camp-canada-camp-con-textBox-row camp-canada-camp-con-textBox-flex">
                            <dt>일정</dt>
                            <dd>2022년 7월 20일~8월 10일 (3주) <br> <span>출발일 및 캠프일정은 항공사와 현지사정에 따라 변경될 수 있습니다</span></dd>
                        </dl>
                        <dl class="camp-canada-camp-con-textBox-row camp-canada-camp-con-textBox-flex">
                            <dt>대상</dt>
                            <dd>초/중/고등학생 (백신접종 완료자) <br><span>캠프 참가 가능 연령에 대한 문의 등 자세한 사항은 상담을 통해 확인하시기 바랍니다.</span></dd>
                        </dl>
                        <dl class="camp-canada-camp-con-textBox-row">
                            <dt>참가비</dt>
                            <dd>
                                <div class="textBox">
                                    <span>3주 참가비 (홈스테이)<br>
                                        <strong>590만원</strong>
                                    </span>
                                    <span>3주 참가비 (기숙사)<br>
                                        <strong>690만원</strong>
                                    </span>

                                </div>
                                <span>불포함 내역: 왕복 항공료, eTA 비자발급비, 여행자보험, 개인용돈 등  </span><br>
                                <span>참가비는 1인 기준입니다.</span> <br>
                                <span>참가비 포함 내역/불포함 내역의 자세한 내용은 상담을 통해 확인하시기 바랍니다.</span> <br>
                                <span>부모 동반 개별 숙소를 희망하시는 분은 개별로 문의 부탁드립니다.</span>
                            </dd>
                        </dl>
                        <dl class="camp-canada-camp-con-textBox-row">
                            <dt>수속 시 혜택</dt>
                            <dd>
                                <div class="imgBox">
                                    <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-camp-img01-220422.jpg" alt="지인과 함께 등록 시 각 10만원 할인">
                                </div>
                            </dd>
                        </dl>

                    </div>
                    <div class="camp-canada-camp-con-list">
                        <div class="camp-canada-camp-con-list-imgBox">
                            <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-camp-img02-220422.jpg" alt="영어 캠프 사진">
                        </div>
                        <dl class="camp-canada-camp-con-list-con">
                            <dt>주요 특징</dt>
                            <dd>
                                <ul>
                                    <li>초등/중등/고등 영어캠프</li>
                                    <li>English Immerging 환경</li>
                                    <li>오타와/몬트리올/퀘백 투어</li>
                                    <li>캠프 경력 인솔자의 안전 관리</li>
                                    <li>홈스테이, 기숙사 중 선택 가능</li>
                                </ul>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </section>
        <!-- //영어캠프 -->

        <!-- 캠프 프로그램 -->
        <section class="camp-canada-programs">
            <div class="camp-canada-width">
                <h2 class="camp-canada-section-title">
                    캠프 프로그램 <br>
                    <span>캐나다 최고의 교육도시에서 <br>단기간에 아이들은 영어를 배우고,<br class="mo-br"> 다양한 경험까지 누릴 수 있습니다.</span> <br>
                    <small><span>프로그램은 현지 사정에 대체될 수 있습니다.</span></small>
                </h2>

                <div class="camp-canada-programs-row">
                    <h3 class="camp-canada-programs-title title-color1">01. 집중 영어 수업</h3>
                    <div class="camp-canada-programs-imgBox">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img01-220422.jpg" alt="집중 영어 수업 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img02-220422.jpg" alt="집중 영어 수업 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img03-220422.jpg" alt="집중 영어 수업 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img04-220422.jpg" alt="집중 영어 수업 사진">
                    </div>
                </div>

                <div class="camp-canada-programs-row">
                    <h3 class="camp-canada-programs-title title-color2">02. 팀 프레젠테이션 활동</h3>
                    <div class="camp-canada-programs-imgBox">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img05-220422.jpg" alt="팀 프레젠테이션 활동 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img06-220422.jpg" alt="팀 프레젠테이션 활동 사진">
                        <img class="programs-img-col4" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img07-220422.jpg" alt="팀 프레젠테이션 활동 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img08-220422.jpg" alt="팀 프레젠테이션 활동 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img09-220422.jpg" alt="팀 프레젠테이션 활동 사진">
                    </div>
                </div>

                <div class="camp-canada-programs-row">
                    <h3 class="camp-canada-programs-title title-color3">03. 토론토대학교 등 명문 캐나다 대학교 탐방</h3>
                    <div class="camp-canada-programs-imgBox">
                        <img class="programs-img-col4" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img10-220422.jpg" alt="토론토대학교 등 명문 캐나다 대학교 탐방 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img11-220422.jpg" alt="토론토대학교 등 명문 캐나다 대학교 탐방 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img12-220422.jpg" alt="토론토대학교 등 명문 캐나다 대학교 탐방 사진">
                        <img class="programs-img-col3" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img13-220422.jpg" alt="토론토대학교 등 명문 캐나다 대학교 탐방 사진">
                        <img class="programs-img-col1" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img14-220422.jpg" alt="토론토대학교 등 명문 캐나다 대학교 탐방 사진">
                    </div>
                </div>

                <div class="camp-canada-programs-row">
                    <h3 class="camp-canada-programs-title title-color4">04. 나이아가라 폭포 등 캐나다 문화탐방</h3>
                    <div class="camp-canada-programs-imgBox">
                        <img class="programs-img-col4" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img15-220422.jpg" alt="나이아가라 폭포 등 캐나다 문화탐방 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img16-220422.jpg" alt="나이아가라 폭포 등 캐나다 문화탐방 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img17-220422.jpg" alt="나이아가라 폭포 등 캐나다 문화탐방 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img18-220422.jpg" alt="나이아가라 폭포 등 캐나다 문화탐방 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img19-220422.jpg" alt="나이아가라 폭포 등 캐나다 문화탐방 사진">
                    </div>
                </div>

                <div class="camp-canada-programs-row">
                    <h3 class="camp-canada-programs-title title-color5">05. 키치너 시청 탐방 및 모의 UN프레젠테이션</h3>
                    <div class="camp-canada-programs-imgBox">
                        <img class="programs-img-col4" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img20-220422.jpg" alt="키치너 시청 탐방 및 모의 UN프레젠테이션 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img21-220422.jpg" alt="키치너 시청 탐방 및 모의 UN프레젠테이션 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img22-220422.jpg" alt="키치너 시청 탐방 및 모의 UN프레젠테이션 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img23-220422.jpg" alt="키치너 시청 탐방 및 모의 UN프레젠테이션 사진">
                        <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img24-220422.jpg" alt="키치너 시청 탐방 및 모의 UN프레젠테이션 사진">

                    </div>
                </div>

                <div class="camp-canada-programs-row">
                    <h3 class="camp-canada-programs-title title-color6">06.캐나다 동부 투어 <small>킹스턴, 오타와, 몬트리올, 퀘백</small></h3>
                    <div class="camp-canada-programs-imgBox">
                        <img class="programs-img-col4" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img25-220422.jpg" alt="캐나다 동부 투어 사진">
                        <img class="programs-img-col4" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-programs-img26-220422.jpg" alt="캐나다 동부 투어 사진">
                    </div>
                </div>

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

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

                <div class="camp-canada-schedule-con">
                    <div id="imgPopupWrap">
                        <div id="imgPopup" onclick="imgPopup()">
                            <img id="imgPopCon"   src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/camp-canada/camp-canada-schedule-img01-220422.png" alt="캠프 프로그램 일정">
                        </div>
                    </div>
                    <span class="text-hidden">
                        <!-- - 달력 일정 - 스크린리더 때문에 적은 텍스트여서 화면에는 안보이지만 캠프 일정 이미지 수정시 수정해 주세요.  -->
                        7월 20일 (수) : 대한항공 KE073 인천출발 토론토도착 워터루도착 후 오리엔테이션 및 Team Building 홈스테이/ 레지던스 배정 귀가
                        7월 21일 (목) : 레벨테스트 English Class 미션탐방 University of Waterloo
                        7월 22일 (금) : English Class Team 발표 및 주간 우승팀 선정 English Drama/Speech
                        7월 23일 (토) : 문화탐방 출발 나이아가라 폭포 Maid of the Mist (안개속의 숙녀호) Clifton Hills 투어 워터루도착/귀가
                        7월 24일 (일) : Free Day with Homestay Family or Residence Activity
                        7월 25일 (월) : English Class 미션탐방 Wilfrid Laurier University Fairview Mall
                        7월 26일 (화) : English Class Team 발표 English Drama/ Speech
                        7월 27일 (수) : 미션탐방 University of Toronto Ripley’s Aquarium of Canada George Brown College 워터루도착/귀가
                        7월 28일 (목) : English Class Team 발표 및 주간 우승팀 선정 English Drama/ Speech
                        7월 29일 (금) : English Class 미션탐방 Conestoga college
                        7월 30일 (토) : 캐나다 동부 투어 워터루 출발 토론토 경유 킹스턴 천섬투어 오타와 국회의사당 몬트리얼 야경 투어
                        7월 31일 (일) : 캐나다 동부 투어 몬트리얼 탐방 퀘벡 탐방 올드퀘벡 투어
                        8월 01일 (월) : 캐나다 동부 투어 퀘벡출발 몬트리얼 기적의 성요셉 대성당 토론토 경유 워터루도착/귀가
                        8월 02일 (화) : English Class Team 발표 English Drama/ Speech
                        8월 03일 (수) : 문화탐방 출발 Canada’s Wonderland (캐나다 최대 테마파크) 워터루도착/귀가
                        8월 04일 (목) : English Class Team 발표 및 주간 우승팀 선정 English Drama/ Speech
                        8월 05일 (금) : English Class 야외학습 미션탐방 Waterloo Museum and DoonHeritage Village
                        8월 06일 (토) : 미션탐방 St. Jacob’s Farmers Market St. Jacob’s Village Conestoga Mall
                        8월 07일 (일) : Free Day with Homestay Family or Residence Activity
                        8월 08일 (월) : English Class 미션탐방 Queen’s Square Volunteer 키치너시청 모의유엔 및 프레젠테이션
                        8월 09일 (화) : English Class 골든벨 개인발표 졸업작품 준비 Talent Show and Graduation
                        8월 10일 (수) : 공항으로 출발 토론토 출발
                    </span>
                </div>
            </div>
        </section>
        <!-- //프로그램 일정 -->

        <!-- 영어 캠프 규정 -->
        <section class="camp-canada-regulation">
            <div class="camp-canada-width">
                <h3 class="camp-canada-regulation-title">영어 캠프 규정</h3>
                <ol class="camp-canada-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