@extends('programs.show')

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/common-renewal.css?v=241101">
    <link rel="stylesheet" type="text/css" href="/css/programs/charlesenter.css?v=241101">
@endpush

@section('details')
    <div class="container program charlesenter">
        <header class="area-pg-visual">
            <figure class="bgImage"></figure>
            <figure class="mo-bgImage"></figure>
            <div class="maxWidth">
                <div class="titleWrap">
                    <span>유튜버 Pick</span><span>인기</span>
                    <h1 class="title">찰스엔터 <br class="pc-br">어학연수 패키지</h1>
                    <p class="sub">나의 최애 유튜버가 다녀온 어학연수는?</p>
                </div>
                <div class="contactWrap">
                    <div class="box">
                        <strong>국가</strong>
                        <p>미국, 캐나다</p>
                    </div>
                    <div class="box">
                        <strong>대상</strong>
                        <p>만 18세 이상</p>
                    </div>
                    <a href="{{ route('inquiry.consultation.create', ['program_id' => $program['id']]) }}" 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>
                </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/junior-abroad-seminar-admission/pointView_icon_00.svg');"></figure>
                                    <p>출국 전, <br>영어회화 수업 무료</p>
                                    <span>오프라인 수업, 최대 4주</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/junior-abroad-seminar-admission/pointView_icon_01.svg');"></figure>
                                    <p>토익+문법마스터 <br>인강 100일 무료</p>
                                    <span>수속 고객 전원</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/junior-abroad-seminar-admission/pointView_icon_02.svg');"></figure>
                                    <p>말해보카 <br>3개월 이용권</p>
                                    <span>쿠폰 소진 시까지</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/junior-abroad-seminar-admission/pointView_icon_03.svg');"></figure>
                                    <p>학비 송금 <br>20년 무사고</p>
                                    <span>재무 안전성 최고 등급</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/junior-abroad-seminar-admission/pointView_icon_04.svg');"></figure>
                                    <p>전문가의 <br>1:1 밀착 케어</p>
                                    <span>480여 교육 이수 완료</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <!-- 유튜버 찰스엔터가 선택한 edm유학센터! -->
            <article class="selectEdmuhak">
                <div class="maxWidth">
                    <div class="paperWrap">
                        <div class="titleWrap articleTitle">
                            <h2 class="title">유튜버 <em>찰스엔터</em>가 <br class="mo-br">선택한 <em>edm유학센터!</em></h2>
                        </div>
                        <div class="info">
                            <div class="designBox top-imgWrap">
                                <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/selectEdmuhak_01.png');"></figure>
                            </div>
                            <div class="bottom-textWrap">
                                <div class="design-box"><span></span><span></span><span></span><span></span></div>
                                <div class="title"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/title-why.svg" alt="why?"></div>
                                <p class="txt1">찰스는 왜 <em>미국과 캐나다</em>를 함께 선택했을까요?</p>
                                <p>미국과 캐나다는 국경을 접하고 있어 교통편이 다양하고 이동 시간이 짧아요! <br>때문에 미국과 캐나다를 이동하며 어학연수를 하면 <em>미국의 다채로운 문화와 캐나다의 다문화 사회를 <br>모두 경험</em>할 수 있고, <em>교통비를 절감하며 미국과 캐나다의 주요 관광지를 여행</em>할 수 있다는 장점이 있어요.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <!-- 배너 : 어쩌면 일생에 한 번뿐일지 모를 어학연수! -->
            <article class="banner recommend">
                <div class="maxWidth">
                    <h2><em>어쩌면 일생에 <br class="mo-br">한 번뿐일지 모를 어학연수!</em></h2>
                    <p class="sub">국가를 이동하며 좀 더 다채로운 경험을 <br class="mo-br">해보는 건 어떨까요?</p>
                </div>
            </article>

            <!-- ep. 캐나다 어학연수 -->
            <article class="languageTraining canada moveArea">
                <div class="maxWidth">
                    <div class="paperWrap">
                        <div class="titleWrap articleTitle">
                            <h2 class="title">ep. <em>캐나다 어학연수</em></h2>
                        </div>
                        <div class="info">
                            <div class="designBox top-imgWrap common-videoPlay">
                                <div class="videoWrap youtube" data-youtube="JO1USEQP-oE?si=__fN0-efDqcBd39I">
                                    <figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_canada_01.png')"></figure>
                                </div>
                            </div>
                            <div class="thumbList flex">
                                <div class="imgWrap"><figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_canada_02.png');"></figure></div>
                                <div class="imgWrap"><figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_canada_03.png');"></figure></div>
                                <div class="imgWrap"><figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_canada_04.png');"></figure></div>
                                <div class="imgWrap"><figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_canada_05.png');"></figure></div>
                            </div>
                            <div class="bottom-textWrap">
                                <div class="design-box"><span></span><span></span><span></span><span></span></div>
                                <div class="title"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/title-languageTraining.svg" alt="찰스 Pick"></div>
                                <div class="flex top-info">
                                    <div class="textWrap">
                                        <p class="txt2"><em>ILSC, Toronto</em></p>
                                        <p>- 독창적인 ESL 커리큘럼: <br class="mo-br">니즈에 따른 스케줄 및 수업 선택</p>
                                        <p>- 다양한 대학과 연계되어 대학 진학 과정을 통한 조건부 입학 가능</p>
                                        <p>- 학사 학위와 영어교사 자격증을 보유한 우수한 강사진</p>
                                        <p>- 학생들을 위한 어드바이저가 상주하여 카운슬링 서비스 제공</p>
                                        <p>- 전문 코디네이터에 의해 구성된 다양한 방과 후 및 주말 액티비티</p>
                                    </div>
                                    <div class="logo"><figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_canada_logo.png');"></figure></div>
                                </div>
                                <div class="cost">
                                    <table>
                                        <colgroup>
                                            <col style="width: 20%;"/>
                                            <col style="width: 40%;"/>
                                            <col style="width: 40%;"/>
                                        </colgroup>
                                        <caption>[기간별 예상 비용]</caption>
                                        <thead>
                                            <tr>
                                                <th>기간</th>
                                                <th>학비</th>
                                                <th>홈스테이 ~ <br class="mo-br">기숙사</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <th>4주</th>
                                                <td>약 150만원<br class="mo-br">~160만원</td>
                                                <td>약 130~<br class="mo-br">230만원</td>
                                            </tr>
                                            <tr>
                                                <th>8주</th>
                                                <td>약 290만원<br class="mo-br">~300만원</td>
                                                <td>약 270~<br class="mo-br">430만원</td>
                                            </tr>
                                            <tr>
                                                <th>12주</th>
                                                <td>약 400만원<br class="mo-br">~410만원</td>
                                                <td>약 400~<br class="mo-br">630만원</td>
                                            </tr>
                                            <tr>
                                                <th>24주</th>
                                                <td>약 780만원<br class="mo-br">~790만원</td>
                                                <td>약 800~<br class="mo-br">1250만원</td>
                                            </tr>
                                            <tr>
                                                <th>36주</th>
                                                <td>약 1050만원<br class="mo-br">~1100만원</td>
                                                <td>약 1100~<br class="mo-br">1800만원</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="table-bottom">
                                        <p>※ ILSC Full-Time Morning, 24레슨 기준 비용</p>
                                        <p>※ 등록비 + 교재비 포함 어학원 프로모션 적용가 (기숙사별 비용 상이)</p>
                                        <p><em>※ 어학원 프로모션 : ILSC 1~23주 등록 시 20%, 24주 이상 25% 할인 (시기별 상이/ 별도문의)</em></p>
                                        <p><em>※ 기간별 edm유학센터 장학 혜택 추가 적용 가능 (별도 문의)</em></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </article>

            <!-- ep. 미국 어학연수 -->
            <article class="languageTraining usa">
                <div class="maxWidth">
                    <div class="paperWrap">
                        <div class="titleWrap articleTitle">
                            <h2 class="title">ep. <em>미국 어학연수</em></h2>
                        </div>
                        <div class="info">
                            <div class="designBox top-imgWrap common-videoPlay">
                                <div class="videoWrap youtube" data-youtube="IhoX5V-aMQw?si=UwiQBY35__UhC1ow">
                                    <figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_usa_01.png')"></figure>
                                </div>
                            </div>
                            <div class="thumbList flex">
                                <div class="imgWrap"><figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_usa_02.png');"></figure></div>
                                <div class="imgWrap"><figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_usa_03.png');"></figure></div>
                                <div class="imgWrap"><figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_usa_04.png');"></figure></div>
                                <div class="imgWrap"><figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_usa_05.png');"></figure></div>
                            </div>
                            <div class="bottom-textWrap">
                                <div class="design-box"><span></span><span></span><span></span><span></span></div>
                                <div class="title"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/title-languageTraining.svg" alt="찰스 Pick"></div>
                                <div class="flex top-info">
                                    <div class="textWrap">
                                        <p class="txt2"><em>Kaplan, Chicago</em></p>
                                        <p>- 30 개 이상의 다양한 국적, 연평균 5% 미만의 한국 학생 비율</p>
                                        <p>- 통유리창으로 둘러싸인 쾌적한 학업 환경이 돋보이는 최신식 센터</p>
                                        <p>- 미시간 호수 피크닉, 체육대회, 랭귀지 카페 참여 등 활발한 액티비티</p>
                                        <p>- 시카고 다운타운의 대표 명소 The Magnificent Mile 남쪽에 위치</p>
                                        <p>- 밀레니엄 파크, 트럼프 타워, 리글리 빌딩 등 유명 관광 명소 도보 거리</p>
                                    </div>
                                    <div class="logo"><figure style="background-image:url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/languageTraining_usa_logo.png');"></figure></div>
                                </div>
                                <div class="cost">
                                    <table>
                                        <colgroup>
                                            <col style="width: 20%;"/>
                                            <col style="width: 40%;"/>
                                            <col style="width: 40%;"/>
                                        </colgroup>
                                        <caption>[기간별 예상 비용] <p>Kaplan Chicago General English(4~12주), Semi-Intensive English(24~36주) 기준</p></caption>
                                        <thead>
                                            <tr>
                                                <th>기간</th>
                                                <th>학비</th>
                                                <th>홈스테이 ~ <br class="mo-br">기숙사</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <th>4주</th>
                                                <td>약 270<br class="mo-br">~280만원</td>
                                                <td>약 220~<br class="mo-br">340만원</td>
                                            </tr>
                                            <tr>
                                                <th>8주</th>
                                                <td>약 480<br class="mo-br">~490만원</td>
                                                <td>약 420~<br class="mo-br">680만원</td>
                                            </tr>
                                            <tr>
                                                <th>12주</th>
                                                <td>약 680<br class="mo-br">~700만원</td>
                                                <td>약 620~<br class="mo-br">1000만원</td>
                                            </tr>
                                            <tr>
                                                <th>24주</th>
                                                <td>약 1300<br class="mo-br">~1350만원</td>
                                                <td>약 1250~<br class="mo-br">2000만원</td>
                                            </tr>
                                            <tr>
                                                <th>36주</th>
                                                <td>약 1950<br class="mo-br">~2000만원</td>
                                                <td>약 1850~<br class="mo-br">3000만원</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="table-bottom">
                                        <p>※ Kaplan Chicago General English(4~12주), Semi-Intensive English(24~36주) 기준 비용</p>
                                        <p>※ 등록비 포함 어학원 프로모션 적용가 (기숙사별 비용 상이)</p>
                                        <p><em>※ 어학원 프로모션 : 5% (시기별 추가 프로모션 적용)</em></p>
                                        <p><em>※ 기간별 edm유학센터 장학 혜택 추가 적용 가능 (별도 문의) </em></p>
                                    </div>
                                </div>
                            </div>
                            <div class="contactBtn button-large"><a href="{{ route('inquiry.consultation.create', ['program_id' => $program['id']]) }}" class="btn">찰스엔터 패키지 문의하기</a></div>
                        </div>
                    </div>
                </div>

            </article>

            <!-- 캐나다 어학연수 추천 도시 -->
            <article class="recommendedCity canada">
                <div class="maxWidth">
                    <div class="paperWrap">
                        <div class="titleWrap articleTitle">
                            <h2 class="title"><em>캐나다 어학연수</em> 추천 도시</h2>
                        </div>
                        <div class="info">
                            <div class="designBox textType flex">
                                <div class="imgWrap"><figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/recommendedCity_canada_01.png');"></figure><div class="cityName flex"><p class="kor">토론토</p><p class="eng">Toronto</p></div></div>
                                <div class="textWrap">
                                    <b>캐나다 제1의 도시이자 <br class="mo-br">경제, 문화, 교육의 중심지 </b>
                                    <p>캐나다 최대 규모의 도시로 어학연수뿐 아니라 쇼핑, 미술과, 음식 등 다양한 문화 활동을 <br class="pc-br">경험할 수 있는 도시예요. 겨울은 영하 20도까지 내려갈 정도로 춥지만 대도시답게 <br class="pc-br">지하통로가 잘 발달되어 있어 일상생활에 큰 지장은 없어요!</p>
                                    <div class="bottom">
                                        <p>- 추천대상 : 캐나다의 시티 라이프를 즐기고 싶은 분</p>
                                        <p>- 미국 비행시간 : 뉴욕 (1.5시간), 보스턴 (1.5시간), 시카고 (2시간) </p>
                                    </div>
                                </div>
                            </div>
                            <div class="designBox textType flex">
                                <div class="imgWrap"><figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/recommendedCity_canada_02.png');"></figure><div class="cityName flex"><p class="kor">벤쿠버</p><p class="eng">Vancouver</p></div></div>
                                <div class="textWrap">
                                    <b>따뜻한 기후와 깨끗한 환경의 <br class="mo-br">자연 친화적 도시</b>
                                    <p>세계에서 가장 살기 좋은 도시로도 꼽혔던 밴쿠버는 따뜻한 기후와 깨끗한 환경으로 <br class="pc-br">학생들이 가장 선호하는 어학연수 도시 중 하나예요. 잘 보존된 자연과 현대적인 도시가 <br class="pc-br">조화롭게 어우러져 조용히 학업 하면서 다양한 액티비티 경험도 할 수 있답니다.</p>
                                    <div class="bottom">
                                        <p>- 추천대상 : 자연 친화적인 도시에서 학업 하길 원하는 분</p>
                                        <p>- 미국 비행시간 : 시애틀 (1시간), 샌프란시스코 (2시간), LA (2.5시간) </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <!-- 캐나다 어학연수 추천 도시 -->
            <article class="recommendedCity usa">
                <div class="maxWidth">
                    <div class="paperWrap">
                        <div class="titleWrap articleTitle">
                            <h2 class="title"><em>미국 어학연수</em> 추천 도시</h2>
                        </div>
                        <div class="info">
                            <div class="designBox textType flex">
                                <div class="imgWrap"><figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/recommendedCity_usa_01.png');"></figure><div class="cityName flex"><p class="kor">뉴욕</p><p class="eng">Newyork</p></div></div>
                                <div class="textWrap">
                                    <b>전 세계가 사랑하는 문화와 예술의 중심지</b>
                                    <p>설명이 필요 없는 세계적인 도시 뉴욕! 미국 내에서도 자유의 여신상, 엠파이어 스테이트 빌딩 등 이름만 들어도 유명한 스폿이 즐비하여 어학연수와 함께 다양한 추억을 만들기에 가장 잘 어울리는 도시로 적극 추천합니다. </p>
                                    <div class="bottom">
                                        <p>- 추천대상 : 쉽게 지루함을 느끼거나 활기찬 분위기를 좋아하는 분</p>
                                        <p>- 캐나다 비행시간 : 토론토 (1.5시간) </p>
                                    </div>
                                </div>
                            </div>
                            <div class="designBox textType flex">
                                <div class="imgWrap"><figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/recommendedCity_usa_02.png');"></figure><div class="cityName flex"><p class="kor">보스턴</p><p class="eng">Boston</p></div></div>
                                <div class="textWrap">
                                    <b>오랜 역사를 간직한 미국 최고의 대학 도시</b>
                                    <p>하버드, MIT 등 미국의 명문 대학들이 소재한 보스턴은 미국의 전형적인 교육, 문화의 도시로 알려져 있어요. 미국에서 가장 역사가 오래된 도시이기도 한 만큼 보수적인 생활 관습을 가지고 있지만 반면, 현대적이고 진보적인 사상을 지닌 도시이기도 해요.</p>
                                    <div class="bottom">
                                        <p>- 추천대상 : 한적한 도시, 학구적인 미국 분위기 속에서 연수를 희망하는 분</p>
                                        <p>- 캐나다 비행시간 : 토론토 (1.5시간)</p>
                                    </div>
                                </div>
                            </div>
                            <div class="designBox textType flex">
                                <div class="imgWrap"><figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/recommendedCity_usa_03.png');"></figure><div class="cityName flex"><p class="kor">시카고</p><p class="eng">Chicago</p></div></div>
                                <div class="textWrap">
                                    <b>아름다운 야경과 재즈의 선율을 <br class="mo-br">느낄 수 있는 도시</b>
                                    <p>시카고는 미국에서 뉴욕 다음으로 제일가는 ‘미국 제2의 도시’라고 불립니다. 현대 건축의 미를 뽐내고 있는 멋진 건물들이 빼곡히 채운 도심 속에서 아름다운 재즈음악이 흐르는 시카고 어학연수를 경험해 보세요.</p>
                                    <div class="bottom">
                                        <p>- 추천대상 : 한국인이 적은 대도시에서 어학연수를 원하는 분</p>
                                        <p>- 캐나다 비행시간 : 토론토 (1.5시간)</p>
                                    </div>
                                </div>
                            </div>
                            <div class="designBox textType flex">
                                <div class="imgWrap"><figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/recommendedCity_usa_04.png');"></figure><div class="cityName flex"><p class="kor">LA</p><p class="eng">Los Angeles</p></div></div>
                                <div class="textWrap">
                                    <b>연중 내내 따뜻한 천사의 도시</b>
                                    <p>캘리포니아의 수많은 해변들과 디즈니랜드, 유니버설 파크 등 관광 명소들이 있어 여행을 함께 즐길 수 있을 뿐 아니라 UCLA와 같은 명문 학교에서 제공하는 프로그램으로 미국 대학생들의 생활을 체험해 볼 수도 있어요. </p>
                                    <div class="bottom">
                                        <p>- 추천대상 : 영어 공부뿐만 아니라 다채로운 경험을 원하는 분</p>
                                        <p>- 캐나다 비행시간 : 밴쿠버 (2.5시간)</p>
                                    </div>
                                </div>
                            </div>
                            <div class="designBox textType flex">
                                <div class="imgWrap"><figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/recommendedCity_usa_05.png');"></figure><div class="cityName flex"><p class="kor">샌프란시스코</p><p class="eng">San Francisco</p></div></div>
                                <div class="textWrap">
                                    <b>미국인들이 가장 살고 싶어 하는 <br class="mo-br">도시 중의 하나</b>
                                    <p>미서부 지역에서 LA 다음으로 큰 도시인 샌프란시스코는 각각의 지역과 구역마다 유서 깊은 건물들을 그대로 유지하면서 현대적인 모습의 사무실과 상점들이 이상적으로 어우러지도록 잘 개조한 도시의 모습을 가지고 있어요.</p>
                                    <div class="bottom">
                                        <p>- 추천대상 : 자연과 도시가 잘 어우러져 있는 도시에서 학업을 원하는 분</p>
                                        <p>- 캐나다 비행시간 : 밴쿠버 (2~3시간)</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <!-- 더 많은 어학원을 확인해보세요! -->
            <article class="moreAnd">
                <div class="maxWidth">
                    <div class="paperWrap">
                        <div class="titleWrap articleTitle">
                            <p class="sub">edm유학센터에서 추천하는</p>
                            <h2 class="title"><em>더 많은 어학원</em>을 확인해 보세요!</h2>
                        </div>
                        <div class="info">
                            <div class="bottom-textWrap type2">
                                <div class="title"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/title-moreAnd.svg" alt="edm pick"></div>
                                <div class="logo"><figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/charlesenter/moreAnd_logo.png');"></figure></div>
                            </div>
                            <div class="contactBtn button-large"><a href="/schoolinfo/language-abroad" class="btn" target="_blank">학교정보 검색하기</a></div>
                        </div>
                    </div>
                </div>
            </article>

            <!-- 쏟아지는 edm유학센터 고객 후기! -->
            @include('include.real-review', ['key' => ''])

            <!-- edm유학센터 고객 후기 -->
            <article class="customerReview">
                <div class="maxWidth">
                    <div class="paperWrap">
                        <div class="titleWrap articleTitle">
                            <p class="sub">어학연수 준비 전 확인 필수!</p>
                            <h2 class="title"><em>edm유학센터 고객 후기</em></h2>
                        </div>
                        <div class="info flex">
                            <div class="designBox">
                                <p class="txt">많은 유학원을 상담받아 보았는데요. <br>가장 꼼꼼하게 상담해 주신 점이 좋았습니다. <br>든든한 보험을 들어놓고 출발한다는 기분이 들었던 <br>유일한 유학원이어서 선택하게 되었어요.</p>
                                <p class="name">신*진 님</p>
                            </div>
                            <div class="designBox">
                                <p class="txt">다른 유학원보다 훨씬 친절하고 제가 필요로 하는 점을 <br>확실하게 캐치하고 프로그램을 추천해 주셨어요. <br>비자부터 필요한 각종 서류를 준비하는데도 <br>크게 도움을 주셨어요.  </p>
                                <p class="name">박*수 님</p>
                            </div>
                            <div class="designBox">
                                <p class="txt">크고 제일 유명해서 신뢰가 갔어요. <br>그리고 원어민 수업도 저에겐 매력적이었습니다. <br>다른 친구들도 모두 edm유학원에서 해주는 혜택들을 <br>부러워한답니다!</p>
                                <p class="name">황*연 님</p>
                            </div>
                            <div class="designBox">
                                <p class="txt">다른 유학원들에 비해 체계적이고 <br>믿음직스럽다는 느낌이 강하게 들었어요! <br>담당자님도 매번 잘 챙겨주시고 <br>제가 원하는 정보가 있으면 같이 잘 알아봐 주셨답니다. </p>
                                <p class="name">차*인 님</p>
                            </div>
                            <div class="designBox">
                                <p class="txt">다른 학원들도 상담을 다녀봤는데, <br>edm 만큼 친절하고 자세하게 설명해 주시는 곳이 <br>없었습니다. 언제든 문의사항이 있으면 빠르고 친절하게 <br>상담해 주셨어요. </p>
                                <p class="name">장*은 님</p>
                            </div>
                            <div class="designBox">
                                <p class="txt">여러 유학원을 돌아다녀 보다 edm유학센터와 상담을 <br>한순간 이분이다! 라는 생각이 들었어요. <br>이 분이라면 해외에서 혹시라도 문제가 생기면 진심으로 <br>도움을 줄 것 같았거든요. </p>
                                <p class="name">김*이 님</p>
                            </div>
                            <div class="designBox">
                                <p class="txt">다른 학원들도 상담을 다녀봤는데, <br>edm 만큼 친절하고 자세하게 설명해 주시는 곳이 <br>없었습니다. 언제든 문의사항이 있으면 빠르고 친절하게 <br>상담해 주셨어요. </p>
                                <p class="name">김*연 님</p>
                            </div>
                            <div class="designBox">
                                <p class="txt">규모가 있어서 믿음직스러웠고 상담을 매우 친절하게 <br>잘해주셔서 선택하게 되었습니다! 특히 제가 고민 중인 <br>어학원에 대해 친절히 설명해 주시고 견적서까지 뽑아주셔서 좋았어요.</p>
                                <p class="name">김*비 님</p>
                            </div>
                            <div class="designBox">
                                <p class="txt">영국 현지에 런던지사가 있어 한국 시차와 <br>상관없이 문의가 가능하고 학교, 숙소, 글로벌센터 연락체계가 잘 되어 있어 안심하고 어학연수를 갈 수 있겠다고 <br>생각되었어요</p>
                                <p class="name">정*아 님</p>
                            </div>
                            <div class="designBox">
                                <p class="txt">출국 전 원어민 회화 수업에 메리트를 느꼈기 때문입니다. <br>또한 많은 학생들이 선택하고 후기도 많은 만큼 <br>믿을 수 있다는 생각이 들었기 때문입니다.</p>
                                <p class="name">이*민 님</p>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <!-- 압도적 어학연수 혜택 -->
            @include('programs.details.language-abroad-benefit', ['key' => 'moveArea'])
        </section>

        <!-- 유학티비 (type2 : maxWidth : 1080px ) -->
        @include('programs.details.uhak-tv', ['key' => ''])

        <!-- 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=241029') }}"></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: 4.35,
                        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;
                }
            });

            $('.videoWrap.youtube').on('click',function(){
                $(this).find('figure').hide();
                $(this).append('<iframe src="https://www.youtube.com/embed/' + $(this).data('youtube') + '?enablejsapi=1&autoplay=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
            });

        });
    </script>
@endsection