@extends('programs.show')

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/common-renewal.css?v=241120">
    <link rel="stylesheet" type="text/css" href="/css/programs/education-free-by-college-canada.css?ver=241121"/>
@endpush

@section('details')
    <div class="container education-free-by-college-canada">
        <header class="area-pg-visual">
            <figure class="bgImage"></figure>
            <div class="maxWidth">
                <div class="titleWrap">
                    <span>추천</span><span>이달 한정 혜택</span>
                    <h1 class="title">캐나다 조기유학 <br>자녀 무상교육</h1>
                    <p class="sub">부모와 아이가 함께 성장할 수 있는 합리적인 방법</p>
                </div>
                <div class="contactWrap">
                    <div class="box">
                        <strong>국가</strong>
                        <p>캐나다</p>
                    </div>
                    <div class="box">
                        <strong>대상</strong>
                        <p>만 4세 ~ 만 18세 (온타리오 주 기준)</p>
                    </div>
                    <a href="/inquiry/consultation?program_id=37" class="contact-btn"><span>무료 상담 신청</span> <figure class="arrow"></figure></a>
                </div>
            </div>
        </header>

        <section>
            <!-- 페이지 탭 메뉴 -->
            <div id="page-tabMenu">
                <div class="maxWidth">
                    <button type="button" class="active">혜택</button>
                    <button type="button">상세</button>
                    <button type="button">관련 학교/어학원</button>
                    <button type="button">예상비용</button>
                </div>
            </div>

            <!-- 핵심 보기 슬라이드 -->
            <article id="pointView" class="moveArea">
                <div class="maxWidth">
                    <div class="slideWrap">
                        <div class="navigation">
                            <div class="fraction"></div>
                            <button type="button" class="control"></button>
                            <button type="button" class="nav-prev"></button>
                            <button type="button" class="nav-next"></button>
                        </div>
                        <div class="slide">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/education-free-by-college-canada/pointView_icon_01.svg');"></figure>
                                    <p>초중고 유학 <br>전문 컨설팅</p>
                                    <span>15년 이상 경력 조기유학 전문가</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/education-free-by-college-canada/pointView_icon_02.svg');"></figure>
                                    <p>조기유학 수속비 <br>50% 할인</p>
                                    <span>25만 원 상당</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/education-free-by-college-canada/pointView_icon_03.svg');"></figure>
                                    <p>학교 추가 지원 <br>1회 무료</p>
                                    <span>50만원 상당</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/education-free-by-college-canada/pointView_icon_04.svg');"></figure>
                                    <p>유학 선행학습 <br>1회 무료</p>
                                    <span>레벨테스트 포함</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/education-free-by-college-canada/pointView_icon_05.svg');"></figure>
                                    <p>정착 및 가디언 <br>추가 서비스</p>
                                    <span>현지 전문 글로벌 센터</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/education-free-by-college-canada/pointView_icon_06.svg');"></figure>
                                    <p>효율 극대화를 위한 <br>빈틈없는 스케줄링</p>
                                    <span>지원~학교 적응까지</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <!-- 캐나다 자녀 무상교육 -->
            <article class="freeEducation moveArea">
                <div class="maxWidth">
                    <div class="roundArea">
                        <div class="titleWrap articleTitle">
                            <p class="sub">부모가 공부하면 자녀가 받을 수 있는 최고의 혜택</p>
                            <h2 class="title">캐나다 자녀 무상교육</h2>
                        </div>
                        <div class="roundAreaCont">
                            <div class="feature">
                                <h3 class="title">특징</h3>
                                <div class="cont">
                                    <div class="desc">
                                        부모 중 1명이 1년 이상 유효한 학생/워킹 비자 소지 시, 자녀는 무상으로 캐나다 공립 교육을 받을 수 있습니다.<br>
                                        <strong>자녀가 1명이라면 유상 교육과 크게 비용 차이가 나지 않아,  2명 이상일 때 고려해 보시면 좋습니다.</strong>
                                    </div>
                                    <ul class="listFeature">
                                        <li>
                                            <figure></figure>
                                            <strong class="title">직접하는 자녀케어</strong>
                                            <p class="sub">
                                                부모+자녀 함께 유학으로 자녀의<br>
                                                건강, 교육, 생활 등 직접 관리 가능
                                            </p>
                                        </li>
                                        <li>
                                            <figure></figure>
                                            <strong class="title">자녀가 많을수록 유리</strong>
                                            <p class="sub">자녀가 2인 이상일 때 경제적인 비용으로 유학 가능</p>
                                        </li>
                                        <li>
                                            <figure></figure>
                                            <strong class="title">학업과 자녀 교육 병행의 고충</strong>
                                            <p class="sub">
                                                학교 선택의 범위가 좁고,<br>
                                                자녀 돌봄에만 집중하기는 어려움
                                            </p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="period">
                                <h3 class="title">자녀 무상교육 기간</h3>
                                <div class="cont">
                                    <div class="boxPeriod">
                                        <ul class="listPeriod">
                                            <li>
                                                <p class="sub"><span>College <br class="br_tablet">입학 전</span></p>
                                                <strong>1년</strong>
                                            </li>
                                            <li>
                                                <p class="sub"><span>College <br class="br_tablet">입학 후</span></p>
                                                <strong>2~3년</strong>
                                            </li>
                                            <li>
                                                <p class="sub"><span>졸업 후 <br class="pc-br">취업 비자 기간</span></p>
                                                <strong>3년</strong>
                                            </li>
                                            <li>
                                                <p class="sub"><span>총 기간</span></p>
                                                <strong>6~7년</strong>
                                            </li>
                                        </ul>
                                        <p>*브리티시 컬럼비아 주 기준 <br class="mo-br">(주 별로 상이할 수 있습니다.)</p>
                                    </div>
                                </div>
                            </div>
                            <div class="regionInfo">
                                <h3 class="title">주요 지역별 특징</h3>
                                <div class="cont">
                                    <ul class="listRegionInfo">
                                        <li>
                                            <strong class="title">온타리오 주</strong>
                                            <div class="info">
                                                <div class="textWrap">
                                                    <p>토론토 교육청 : 공립 컬리지 본 과정 이상 학업 시 가능</p>
                                                    <p>요크 교육청 : 공립 컬리지 진학 조건부 ESL 과정부터 적용 (최대 1년)</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <strong class="title">브리티시 컬럼비아 주</strong>
                                            <div class="info">
                                                <p>공립 컬리지 진학 조건부 ESL 과정부터 적용 (최대 1년)</p>
                                            </div>
                                        </li>
                                        <li>
                                            <strong class="title">퀘백/노바스코샤 주</strong>
                                            <div class="info">
                                                <p>사설 어학연수 학업 시에도 가능</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <!-- 동부/서부 인기 컬리지 -->
            <article class="region moveArea">
                <div class="maxWidth">
                    <div class="roundArea">
                        <div class="titleWrap articleTitle">
                            <p class="sub">나와 내 자녀에게 가장 잘 맞는 목적지</p>
                            <h2 class="title">동부/서부 인기 컬리지</h2>
                        </div>
                        <div class="regionWrap ontario">
                            <div class="thumb">
                                <div class="thumbBox">
                                    <figure></figure>
                                    <strong class="title">동부 - 온타리오 주</strong>
                                    <p class="sub">Ontario</p>
                                    <p class="desc">
                                        온타리오 주의 공립 컬리지들에서는 <br class="mo-br">다양한 프로그램을 운영하고 있으며,<br>
                                        조건부 입학 영어 과정을 공부할 경우 <br class="mo-br">해당 기간 자녀 무상교육 적용 여부는 <br class="mo-br">교육청마다 달라 미리 확인이 필요합니다.
                                    </p>
                                </div>
                            </div>
                            <div class="roundAreaCont regionCont">
                                <div class="imgWrap">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/education-free-by-college-canada/ontario_map.png" alt="동부 - 온타리오 주">
                                </div>
                                <div class="wrapCollege">
                                    <div class="regionCollege">
                                        <div class="collegeTitleWrap">
                                            <strong class="title">토론토</strong>
                                        </div>
                                        <div>
                                            <div class="boxCollege">
                                                <div class="con">
                                                    <div class="title">
                                                        <strong>세네카 컬리지</strong> <span>Seneca College</span>
                                                    </div>
                                                    <div class="info">
                                                        <div class="college">
                                                            <div class="imageWrap">
                                                                <div class="image image01"></div>
                                                            </div>
                                                            <div class="textWrap">
                                                                <div>
                                                                    <strong class="title">인기학과</strong>
                                                                    <p>비즈니스, IT, 미디어 커뮤니케이션, 간호학 등 헬스케어, 공학 및 기술, 유아교육과</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">관할 교육청</strong>
                                                                    <p>요크, 요크 카톨릭</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">특징</strong>
                                                                    <p>한국인 거주자가 많은 토론토 북부지역</p>
                                                                    <p>영어 부족 시, ESL 과정으로 입학 가능</p>
                                                                    <p>다양한 학과 운영 및 장학금 제도 운영</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="boxCollege">
                                                <div class="con">
                                                    <div class="title">
                                                        <strong>센테니얼 컬리지</strong> <span>Centennial College</span>
                                                    </div>
                                                    <div class="info">
                                                        <div class="college">
                                                            <div class="imageWrap">
                                                                <div class="image image02"></div>
                                                            </div>
                                                            <div class="textWrap">
                                                                <div>
                                                                    <strong class="title">인기학과</strong>
                                                                    <p>호텔경영, 비즈니스, 유아교육과, 자동차 정비</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">관할 교육청</strong>
                                                                    <p>토론토, 토론토 카톨릭</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">특징</strong>
                                                                    <p>온타리오 주에 설립된 최초 컬리지</p>
                                                                    <p>한국 사무소가 있어 피드백이 빠른 편</p>
                                                                    <p>삼성전자 캐나다 인력 양성 교육기관으로 선정</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="regionCollege">
                                        <div class="collegeTitleWrap">
                                            <strong class="title">해밀턴</strong>
                                        </div>
                                        <div>
                                            <div class="boxCollege">
                                                <div class="con">
                                                    <div class="title">
                                                        <strong>모학 컬리지</strong> <span>Mohawk College</span>
                                                    </div>
                                                    <div class="info">
                                                        <div class="college">
                                                            <div class="imageWrap">
                                                                <div class="image image03"></div>
                                                            </div>
                                                            <div class="textWrap">
                                                                <div>
                                                                    <strong class="title">인기학과</strong>
                                                                    <p>유아교육과, 공학, 항공정비, 그래픽 디자인</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">관할 교육청</strong>
                                                                    <p>해밀턴, 해밀턴 카톨릭</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">특징</strong>
                                                                    <p>집 렌트비가 저렴한 편</p>
                                                                    <p>적은 비율의 한국인 유학생</p>
                                                                    <p>여름학기 학업 시, 주니어 캠프 참여 가능</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="regionCollege">
                                        <div class="collegeTitleWrap">
                                            <strong class="title">나이아가라</strong>
                                        </div>
                                        <div>
                                            <div class="boxCollege">
                                                <div class="con">
                                                    <div class="title">
                                                        <strong>나이아가라 컬리지</strong> <span>Niagara College</span>
                                                    </div>
                                                    <div class="info">
                                                        <div class="college">
                                                            <div class="imageWrap">
                                                                <div class="image image04"></div>
                                                            </div>
                                                            <div class="textWrap">
                                                                <div>
                                                                    <strong class="title">인기학과</strong>
                                                                    <p>유아교육과, 간호학, 와인 및 맥주제조, 원예학, 조경학과</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">관할 교육청</strong>
                                                                    <p>나이아가라, 나이아가라 카톨릭</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">특징</strong>
                                                                    <p>한적하고 쾌적한 소도시</p>
                                                                    <p>한인들이 많지 않은 지역</p>
                                                                    <p>안정적인 유학생 서포트</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="regionCollege">
                                        <div class="collegeTitleWrap">
                                            <strong class="title">워터루(키치너)</strong>
                                        </div>
                                        <div>
                                            <div class="boxCollege">
                                                <div class="con">
                                                    <div class="title">
                                                        <strong>코네스토가 컬리지</strong> <span>Conestoga College</span>
                                                    </div>
                                                    <div class="info">
                                                        <div class="college">
                                                            <div class="imageWrap">
                                                                <div class="image image05"></div>
                                                            </div>
                                                            <div class="textWrap">
                                                                <div>
                                                                    <strong class="title">인기학과</strong>
                                                                    <p>요리학, 베이킹, 유아교육과, 엔지니어링, 포장 공학</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">관할 교육청</strong>
                                                                    <p>워터루, 워터루 카톨릭</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">특징</strong>
                                                                    <p>캐나다의 실리콘밸리</p>
                                                                    <p>성장이 매우 빠른 도시</p>
                                                                    <p>교육열이 높고 학군이 좋은 편</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="regionCollege">
                                        <div class="collegeTitleWrap">
                                            <strong class="title">런던</strong>
                                        </div>
                                        <div>
                                            <div class="boxCollege">
                                                <div class="con">
                                                    <div class="title">
                                                        <strong>팬쇼 컬리지</strong> <span>Fanshawe College</span>
                                                    </div>
                                                    <div class="info">
                                                        <div class="college">
                                                            <div class="imageWrap">
                                                                <div class="image image06"></div>
                                                            </div>
                                                            <div class="textWrap">
                                                                <div>
                                                                    <strong class="title">인기학과</strong>
                                                                    <p>유아교육, 용접학과, 자동차정비학, 항공학과, 요리학과</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">관할 교육청</strong>
                                                                    <p>탬즈밸리, 런던 카톨릭</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">특징</strong>
                                                                    <p>캐나다 10대 도시 중 하나</p>
                                                                    <p>행정과 교육의 도시</p>
                                                                    <p>우수한 도시 내 인프라</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="regionWrap metroVancouver">
                            <div class="thumb">
                                <div class="thumbBox">
                                    <figure></figure>
                                    <strong class="title">서부 - 광역 밴쿠버</strong>
                                    <p class="sub">Metro Vancouver</p>
                                    <p class="desc">
                                        밴쿠버, 노스밴쿠버, 리치먼드, 버나비 등 BC 주 21개 도시를 포함한 광범위한 지역으로<br>
                                        정규 학위과정은 물론 조건부 입학 영어과정 기간에도 무상교육 혜택을 받을 수 있습니다.
                                    </p>
                                </div>
                            </div>
                            <div class="roundAreaCont regionCont">
                                <div class="imgWrap">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/education-free-by-college-canada/metroVancouver_map.png" alt="서부 - 광역 밴쿠버">
                                </div>
                                <div class="wrapCollege">
                                    <div class="regionCollege">
                                        <div class="collegeTitleWrap">
                                            <strong class="title">광역 벤쿠버</strong>
                                        </div>
                                        <div>
                                            <div class="boxCollege">
                                                <div class="con">
                                                    <div class="title">
                                                        <strong>더글라스 컬리지</strong> <span>Douglas College</span>
                                                    </div>
                                                    <div class="info">
                                                        <div class="college">
                                                            <div class="imageWrap">
                                                                <div class="image image07"></div>
                                                            </div>
                                                            <div class="textWrap">
                                                                <div>
                                                                    <strong class="title">인기학과</strong>
                                                                    <p>IT분야, 호텔경영, 비즈니스, 의료계열, 범죄 심리학</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">관할 교육청</strong>
                                                                    <p>버나비, 코퀴틀람</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">특징</strong>
                                                                    <p>코퀴틀람과 뉴웨스트민스터에 캠퍼스 위치</p>
                                                                    <p>한국식 사교육이 발달한 코퀴틀람 지역</p>
                                                                    <p>신축 아파트가 많고, 대형 쇼핑몰 위치</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="boxCollege">
                                                <div class="con">
                                                    <div class="title">
                                                        <strong>콴틀렌 폴리테크닉 대학교</strong> <span>KPU - Kwantlen Polytechnic University</span>
                                                    </div>
                                                    <div class="info">
                                                        <div class="college">
                                                            <div class="imageWrap">
                                                                <div class="image image08"></div>
                                                            </div>
                                                            <div class="textWrap">
                                                                <div>
                                                                    <strong class="title">인기학과</strong>
                                                                    <p>IT분야, 양조학과, 원예학부, 잔디 관리학과, 침구학과</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">관할 교육청</strong>
                                                                    <p>밴쿠버, 랭리, 델타, 써리</p>
                                                                </div>
                                                                <div>
                                                                    <strong class="title">특징</strong>
                                                                    <p>광역 밴쿠버 지역 내에 5개 캠퍼스 보유</p>
                                                                    <p>2년제부터 4년제, 준석사 프로그램까지 제공하는 종합대학</p>
                                                                    <p>도심보다 생활비가 저렴한 써리, 랭리 지역 인기</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <article class="region">
                <div class="maxWidth">
                    <div class="roundArea">
                        <div class="titleWrap articleTitle">
                            <p class="sub">사설 어학연수 학업만으로도 자녀 무상 교육 가능</p>
                            <h2 class="title">몬트리올&할리팩스 어학원</h2>
                        </div>
                        <div class="regionWrap montreal">
                            <div class="thumb">
                                <div class="thumbBox">
                                    <figure></figure>
                                    <strong class="title">몬트리올</strong>
                                    <p class="sub">Montreal</p>
                                    <p class="desc">
                                        캐나다에서 두번째로 인구가 많은 도시이자 퀘백주의 경제, 문화 중심 도시인 몬트리올에서는<br>
                                        영어와 불어 교육청을 분리하여 운영하고 있습니다.
                                    </p>
                                </div>
                            </div>
                            <div class="roundAreaCont regionCont">
                                <div class="wrapSchool">
                                    <div class="infoSchool">
                                        <div class="schoolTitleWrap">
                                            <strong class="title">추천 어학원</strong>
                                        </div>
                                        <div>
                                            <ul class="listSchool">
                                                {{-- <li>
                                                    <div class="imageWrap">
                                                        <div class="image image01"></div>
                                                    </div>
                                                    <div class="textWrap">
                                                        <div class="title">
                                                            <strong>UMC</strong> <span>Upper Madison College</span>
                                                        </div>
                                                        <div class="text">
                                                            <p>다국적 학생들로 구성된 소규모 수업 진행</p>
                                                            <p>무상교육 목적 부모님과 학생을 위한 별도 규정 운영</p>
                                                            <p>3교시 종료 후, 부모 학생은 조기 퇴실 가능</p>
                                                            <p>금요일은 선택제 수업으로 운영</p>
                                                            <p>자녀를 위한 English/French 1:1 튜터링 제공</p>
                                                            <p>한국인 스태프 상주</p>
                                                        </div>
                                                    </div>
                                                </li> --}}
                                                <li>
                                                    <div class="imageWrap">
                                                        <div class="image image02"></div>
                                                    </div>
                                                    <div class="textWrap">
                                                        <div class="title">
                                                            <strong>ILSC</strong> <span>ILSC Language Schools</span>
                                                        </div>
                                                        <div class="text">
                                                            <p>독창적인 ESL 커리큘럼</p>
                                                            <p>니즈에 따라 스케쥴 및 수업 선택 가능</p>
                                                            <p>다양한 수업과 액티비티를 통한 영어/불어 학습</p>
                                                            <p>학사 학위와 영어교사 자격증을 보유한 우수한 강사진</p>
                                                            <p>학생들을 위한 어드바이저가 상주하여 카운슬링 서비스 제공</p>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="imageWrap">
                                                        <div class="image image03"></div>
                                                    </div>
                                                    <div class="textWrap">
                                                        <div class="title">
                                                            <strong>EC</strong> <span>English Language Centers</span>
                                                        </div>
                                                        <div class="text">
                                                            <p>몰타에 본사가 위치한 글로벌 그룹 어학원</p>
                                                            <p>정규 수업 후 무상 워크샵 제공(회화, 라이팅, 문법 수업 등)</p>
                                                            <p>다양한 수업과 액티비티를 통한 영어/불어 학습</p>
                                                            <p>특화된 회화 프로그램을 통한 영어 회화 능력 향상</p>
                                                            <p>가족적인 분위기</p>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="infoSchool textInfo">
                                        <div class="schoolTitleWrap">
                                            <strong class="title">자녀무상 <br class="pc-br">공립 교육청</strong>
                                        </div>
                                        <div class="textList">
                                            <p>- 몬트리올 교육청 <br class="mo-br">(English Montreal School Board)</p>
                                            <p>- 피어슨 교육청 <br class="mo-br">(Lester B. Pearson School Board)</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="regionWrap halifax">
                            <div class="thumb">
                                <div class="thumbBox">
                                    <figure></figure>
                                    <strong class="title">할리팩스</strong>
                                    <p class="sub">Halifax</p>
                                    <p class="desc">
                                        캐나다 노바스코샤 주의 주도이자 주요 항구 도시인 할리팩스는 대도시와 비교해 낮은 한인 비율과 안전하고 <br class="pc-br">
                                        우수한 영어 사용 환경으로 아이들이 학업에 집중하기 좋습니다.
                                    </p>
                                </div>
                            </div>
                            <div class="roundAreaCont regionCont">
                                <div class="wrapSchool">
                                    <div class="infoSchool">
                                        <div class="schoolTitleWrap">
                                            <strong class="title">추천 어학원</strong>
                                        </div>
                                        <div>
                                            <ul class="listSchool">
                                                <li>
                                                    <div class="imageWrap">
                                                        <div class="image image04"></div>
                                                    </div>
                                                    <div class="textWrap">
                                                        <div class="title">
                                                            <strong>OIEG</strong> <span>Oxford International Education Group</span>
                                                        </div>
                                                        <div class="text">
                                                            <p>1990년에 설립된 전통있는 영어 교육 그룹</p>
                                                            <p>40주 이상 등록 시, 원하는 시기에 최대 10주 방학 신청 가능</p>
                                                            <p>자녀 학업 관련 일정에 맞춰 맞춤형 수업 시간 제공</p>
                                                            <p>일반영어/ TESOL / English for parents 등 다양한 과정</p>
                                                            <p>무상교육 목적의 부모님과 학생을 위한 영어 프로그램 제공</p>
                                                            <p>학생들 수준을 고려해 세심히 티칭하는 만족도 높은 강사진</p>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="infoSchool textInfo">
                                        <div class="schoolTitleWrap">
                                            <strong class="title">자녀무상 <br class="pc-br">공립 교육청</strong>
                                        </div>
                                        <div>
                                            <p>할리팩스 교육청 <br class="mo-br">(Halifax Regional Centre for Education)</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <!-- 예상비용 -->
            <article class="cost moveArea">
                <div class="maxWidth">
                    <div class="roundArea">
                        <div class="titleWrap articleTitle">
                            <p class="sub">캐나다 조기유학 예상 비용 총 정리</p>
                            <h2 class="title">자녀 무상교육 예상 비용</h2>
                        </div>
                        <div class="roundAreaCont">
                            <div class="wrapTbl">
                                <div>
                                    <div class="innerWrapTbl">
                                        <table class="tblCost">
                                            <colgroup>
                                                <col/>
                                                <col/>
                                                <col/>
                                            </colgroup>
                                            <thead>
                                                <tr>
                                                    <th>항목</th>
                                                    <th>연간 예상 비용 (CAD)</th>
                                                    <th>한화 기준 비용 <span class="thDesc">($1=1,000원 기준)</span></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <th>지원비</th>
                                                    <td>$200~$400</td>
                                                    <td>약 20만 원~40만 원</td>
                                                </tr>
                                                <tr>
                                                    <th>컬리지 학비</th>
                                                    <td>$16,000~$20,000</td>
                                                    <td>약 1,600만 원~2,000만 원</td>
                                                </tr>
                                                <tr>
                                                    <th>보험 (자녀)</th>
                                                    <td>$600~$800</td>
                                                    <td>약 60만 원~80만 원</td>
                                                </tr>
                                                <tr>
                                                    <th>보험 <br class="mo-br">(부모 중 1명)</th>
                                                    <td>$600~$900</td>
                                                    <td>약 60만 원~90만 원</td>
                                                </tr>
                                                <tr>
                                                    <th>집 렌트비 <br class="mo-br">(2BED)</th>
                                                    <td>$36,000~$48,000</td>
                                                    <td>약 3,600만 원~4,800만 원</td>
                                                </tr>
                                                <tr>
                                                    <th>공과금 <br class="mo-br">(전기+가스+물)</th>
                                                    <td>$3,600</td>
                                                    <td>약 360만 원</td>
                                                </tr>
                                                <tr>
                                                    <th>생활비</th>
                                                    <td>$36,000</td>
                                                    <td>약 3,600만 원</td>
                                                </tr>
                                                <tr class="total">
                                                    <th>TOTAL</th>
                                                    <td colspan="2">약 9,300만 원~10,970만 원</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="tblCost optional">
                                            <colgroup>
                                                <col style="width: 25.2%;"/>
                                                <col style="width: 37.4%;"/>
                                                <col style="width: 37.4%;"/>
                                            </colgroup>
                                            <thead>
                                                <tr>
                                                    <th colspan="3">추가 선택 시</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <th>정착서비스</th>
                                                    <td>$2,300</td>
                                                    <td>약 230만 원</td>
                                                </tr>
                                                <tr>
                                                    <th>새 차 구입 비용</th>
                                                    <td>$30,000</td>
                                                    <td>약 3,000만 원</td>
                                                </tr>
                                                <tr>
                                                    <th>중고차 구입 비용</th>
                                                    <td>$18,000</td>
                                                    <td>약 1,800만 원</td>
                                                </tr>
                                                <tr>
                                                    <th>차량 유지비</th>
                                                    <td>$400</td>
                                                    <td>약 40만 원</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="table-bottom">
                                            <p>*1년 예상 평균 비용이며, 학교 지원비, 학비, 보험료, 렌트비 등은 변동될 수 있습니다.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
        </section>

        <!-- 유학티비 -->
        <article id="uhakTv" class="common-videoPlay iframe">
            <div class="maxWidth">
                <div class="articleTitle">
                    <h2 class="title">유학티비<figure></figure></h2>
                    <p class="sub">가장 신뢰할 수 있는 업계 1위 유학정보 채널</p>
                </div>
                <div class="slideWrap">
                    <div class="navigation">
                        <div class="fraction"></div>
                        <button type="button" class="nav-prev"></button>
                        <button type="button" class="nav-next"></button>
                    </div>
                    <div class="slide" id="video-swiper">
                        <div class="swiper-wrapper">
                            @php
                                $chanelVideos = [
                                    ['P4hBbIT7Qq4', '?si=6QUqCoZt-bfqr2Kt','캐나다 유학 예정이라면 필수 체크! 현지 케어 어디까지 되나요? #어학연수 #유학 | 유학원 현지센터'],
                                    ['tkEatL_vUpg', '?si=lw8uBLlCkUtWrLYq','캐나다 조기유학 자주 묻는 질문 Q&A | 자녀무상 vs 아이동반, 공립 vs 사립, 유학 추천 시기?'],
                                    ['Xp8CPFg6vww', '?si=sKHruqaxwGcbugTd','캐나다 조기유학을 위한 완벽한 도시 찾기! 토론토 vs 밴쿠버 비교해볼게요~📢'],
                                    ['PCEr0LFYNro', '?si=QNKpq_plJ1L-v_J0','캐나다 조기 유학 비용이 궁금하다면? | 아이 혼자 vs 부모 동반 케이스별 비용을 철저히 분석해드립니다'],
                                    ['z5gEpGpMHes', '?si=j513ly1AcNfUxYdo','진짜 캐나다 조기유학 생활은 어떨까? 한국 vs 캐나다 학교생활 비교!'],
                                    ['cPkLw3WsF68', '?si=3lqpJo7cR8O2-hRn','한국과 다른 학교 생활! | 솔직한 캐나다 조기유학 후기 + 일상, 학교 생활, 성적 변화'],
                                    ['V0IVpWqAu0k', '?si=qe-2ysCsrKBXcPeX','[조기유학] 랭리 교육청 | 밴쿠버 최고의 학군에서 만나는 정통 캐나다식 교육'],
                                    ['jlV22hfa2F0', '?si=NU13e3JRksblFiGx','[조기유학] 캐나다 코퀴틀람 교육청 | 우리 아이를 위한 최고의 교육 환경!'],
                                ];
                            @endphp

                            @foreach ($chanelVideos as list($thumbnail, $videoKey, $subject))
                                <div class="swiper-slide">
                                    <div class="videoWrap youtube" data-youtube="{{ $thumbnail }}{{ $videoKey }}">
                                        <figure style="background-image:url('https://img.youtube.com/vi/{{ $thumbnail }}/mqdefault.jpg')"></figure>
                                    </div>
                                    <div class="textWrap ellipsis2">
                                        <p class="text">{{ $subject }}</p>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </article>

        <!-- 왜 edm 유학센터인가요?! (type2 : maxWidth : 1080px ) -->
        @include('programs.details.why-edm-default', ['key' => ''])

        <!-- 2024 대한민국 퍼스트브랜드 대상 수상 (type2 : maxWidth : 1080px ) -->
        @include('include.korea-first-brand', ['key' => ''])
    </div>

    <script src="{{ asset('js/common-renewal.js?v=241025') }}"></script>
    <script>
        $(function(){
            // 핵심 보기
            var pointView = new Swiper("#pointView .slide", {
                slidesPerView: 1.5,
                slidesPerGroup: 1,
                spaceBetween: 8,
                touchRatio: 1,
                loop: true,
                autoplay : {
                    delay : 2400,
                    disableOnInteraction : false,
                },
                navigation: {
                    nextEl: '#pointView .slideWrap .nav-next',
                    prevEl: '#pointView .slideWrap .nav-prev',
                },
                pagination: {
                    el: "#pointView .slideWrap .fraction",
                    type: "fraction",
                },
                speed: 500,
                breakpoints: {
                    501:{
                        touchRatio: 1,
                        slidesPerView: 2.4,
                        slidesPerGroup: 1,
                        spaceBetween: 8,
                    },
                    769:{
                        touchRatio: 0,
                        slidesPerView: 3.3,
                        slidesPerGroup: 1,
                        spaceBetween: 12,
                    },
                    950:{
                        touchRatio: 0,
                        slidesPerView: 3.3,
                        slidesPerGroup: 1,
                        spaceBetween: 12,
                    },
                    1100:{
                        touchRatio: 0,
                        slidesPerView: 4.3,
                        slidesPerGroup: 1,
                        spaceBetween: 12,
                    },
                }
            });

            let videoPlay_point = true;
            $('#pointView .slideWrap .control').on('click',function(){
                if(videoPlay_point == true){
                    $(this).addClass('play');
                    pointView.autoplay.stop();
                    videoPlay_point = false;
                }else if(videoPlay_point == false){
                    pointView.autoplay.start();
                    $(this).removeClass('play');
                    videoPlay_point = true;
                }
            });
        });
    </script>
@endsection