@extends('programs.show')

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/programs/test-preparation.css?ver=241204"/>
@endpush

@section('details')
    <div class="program test-preparation">
        <section class="visual">
            <div class="maxWidth">
                <h4>점수와 레벨로 <br class="mo-br">확실히 인증하는 영어 실력</h4>
                <h1><em>시험 영어</em> <br class="mo-br">어학연수</h1>
                <h3 class="txtBold">중급~고급 레벨 어학연수 프로그램</h3>
                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_visual_logo.png" alt="british council ielts, ets toefl, cambridge university press & assessment" class="logo">
                <div class="content flex">
                    <div class="box" style="background: rgba(246, 52, 97,0.9);">
                        <span>합리적인 비용</span>
                        <p>초특가 <br>학비 할인</p>
                    </div>
                    <div class="box" style="background: rgba(26, 26, 134,0.9);">
                        <span>압도적 무료 혜택</span>
                        <p>출국 전 <br class="mo-br">무료 회화 수업 <br>출국 후 <br class="mo-br">현지 케어</p>
                    </div>
                </div>
            </div>
        </section>

        <article class="pointTextArea" style="background-color: #3207A5;"><h3><em>점수</em>와 함께 <em>실력</em>까지 <br class="mo-br">확실한 <em>업그레이드</em></h3></article>

        <section class="choiceWrap">
            <div class="maxWidth">
                <h2>시험 영어과정 선택 이유</h2>
                <h3>아이엘츠, 토플, 캠브리지 등 <br class="mo-br">국제 공인 시험 점수 취득 관련 <br class="pc-br"><em>최적의 <br class="mo-br">학습 방법</em>과 <em>전략</em>을 배울 수 있습니다. </h3>
                <figure></figure>
            </div>
        </section>

        <section class="reviewWrap" style="background-color: #FFECEC;">
            <div class="maxWidth area">
                <h2>만족도 최상! <br>실제 어학연수 후기</h2>
                <div class="talkBox">
                    <figure></figure>
                    <h3>취업할 때 필요한 <br class="mo-br"><em>영어 시험 점수</em>는 물론, <br>이런 목표 덕분에 <em>스스로 열심히</em> <br><em>공부해야겠다는 동기부여</em>가 <br class="mo-br">확실하게 됐어요!</h3>
                    <p>- 아이엘츠 준비 과정 장** 님의 후기 -</p>
                </div>
                <div class="videoWrap">
                    <iframe src="https://youtube.com/embed/sT7iCfVWbYI?si=fOGju4OE7mwdaWZi" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                </div>
                <div class="recommend area">
                    <h2>추천 대상</h2>
                    <ul class="flex">
                        <li>
                            <span>추천대상 1</span>
                            <p><em>유학, 이민 준비</em>에 <br>영어 점수가 <br class="pc-br">필요하신 분</p>
                        </li>
                        <li>
                            <span>추천대상 2</span>
                            <p><em>취업이나 이직</em>을 앞두고 <br>영어 점수 <em>고득점을 <br class="pc-br">목표로</em> 하는 분</p>
                        </li>
                        <li>
                            <span>추천대상 3</span>
                            <p>난이도 있는 수업으로 <br><em>어학연수 효과를 <br class="pc-br">극대화</em>하고 싶은 분</p>
                        </li>
                    </ul>
                </div>
            </div>
        </section>

        <article class="pointTextArea" style="background-color: #6400DD;"><h3>가장 <em>신뢰</em>할 수 있는 <br class="mo-br"><em>영어 수준 검증</em> 방법</h3></article>

        <section class="examType" style="background-color: #F3F2FF;">
            <div class="maxWidth area">
                <h2>공인 영어 시험 종류</h2>
                <div class="tableWrap">
                    <table>
                        <colgroup>
                            <col style="width: 19%;">
                            <col style="width: 27%;">
                            <col style="width: 27%;">
                            <col style="width: 27%;">
                        </colgroup>
                        <thead>
                            <th></th>
                            <th>
                                <p>아이엘츠</p>
                                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_examType_01.png" alt="british council ielts">
                            </th>
                            <th>
                                <p>토플</p>
                                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_examType_02.png" alt="ets toefl">
                            </th>
                            <th>
                                <p>캠브리지</p>
                                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_examType_03.png" alt="cambridge university press & assessment">
                            </th>
                        </thead>
                        <tbody>
                            <tr>
                                <th>목표</th>
                                <td colspan="3">해외 대학(원) 입학, 비자 취득, 이민, 취업 준비 시 활용</td>
                            </tr>
                            <tr>
                                <th>특징</th>
                                <td>전세계 대다수 기관이 <b>교육, <br>취업, 이민 관련 심사에 인정</b>하<br>여 <b>국제적으로 가장 많은 응시자</b><br>를 가진 영어 능력 평가시험</td>
                                <td><b>학술적 주제의 <br>대학 수준 영어</b>를 사용하고 <br>이해할 수 있는 능력을 평가</td>
                                <td>매년 전 세계 약 400만 명이 <br>응시하는 <b>영국 케임브리지 <br>대학에서 개발</b>한 <br>국제 공인 영어능력 시험</td>
                            </tr>
                            <tr>
                                <th>유효기간</th>
                                <td>2년</td>
                                <td>2년</td>
                                <td>유효기간 없음</td>
                            </tr>
                            <tr>
                                <th>정기 응시일</th>
                                <td>매주 시행</td>
                                <td>매주 시행</td>
                                <td>매월 시행</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="standard area">
                    <h2>시험 영어과정 선택 기준</h2>
                    <ul class="flex">
                        <li>
                            <figure></figure>
                            <p><em>공식 <br class="mo-br">시험 센터</em> <br>운영 여부</p>
                        </li>
                        <li>
                            <figure></figure>
                            <p>시험 영어 <br class="mo-br">담당 <br class="pc-br"><em>전문 <br class="mo-br">선생님 유무</em></p>
                        </li>
                        <li>
                            <figure></figure>
                            <p>교사진들의 <br><em>우수한 <br class="mo-br">티칭 실력</em></p>
                        </li>
                        <li>
                            <figure></figure>
                            <p>시험 <br><em>결과 달성률</em></p>
                        </li>
                        <li>
                            <figure></figure>
                            <p><em>아카데믹한</em> <br>분위기</p>
                        </li>
                        <li>
                            <figure></figure>
                            <p>높은 학생 <br><em>만족도</em></p>
                        </li>
                    </ul>
                </div>
                <div class="course area">
                    <h2>일반 영어과정 <br class="mo-br">VS 시험 영어과정</h2>
                    <div class="boxWrap flex">
                        <div class="box" style="background-color: #E3E2F4;">
                            <div class="title" style="background-color: #A6A4C4;">
                                <p>일반 영어</p>
                                <p class="sub">일상적인 주제 중심의 <br class="mo-br">영어 회화 <br class="mo-br">자신감에 집중</p>
                            </div>
                            <div class="info">
                                <p>본인 수준에 맞는 레벨의 수업에서 <br>자유로운 분위기 속 회화 능력 향상에 초점</p>
                            </div>
                            <div class="info">
                                <p>기본적인 과제는 충실할 수 있으나, <br>대부분 개인 의사에 따라 진행</p>
                            </div>
                            <div class="info">
                                <p>과정 수료 후 <br>별도의 성적표는 발급되지 않음</p>
                            </div>
                        </div>
                        <div class="box" style="background-color: #fff;">
                            <div class="title" style="background-color: #4D24EF;">
                                <p>시험 영어</p>
                                <p class="sub">고급 영어 실력 향상과 공인 영어 시험 <br class="mo-br">고득점 목표</p>
                            </div>
                            <div class="info">
                                <p>중급 이상의 레벨이 요구되며 <br>목표 달성을 위해 <em>아카데믹한 분위기</em></p>
                            </div>
                            <div class="info">
                                <p>꾸준한 학습을 위한 동기부여 장치로 <br><em>구체적인 목표와 시험일</em>이 정해져 있음</p>
                            </div>
                            <div class="info">
                                <p>영어 레벨을 증빙할 수 있는 <br><em>공인영어시험 성적 취득</em></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 어학연수 준비 서두르세요! -->
        @include('include.deadline')
        <!-- //어학연수 준비 서두르세요! -->

        {{-- 어학연수 추천 어학교 --}}
        <section class="recommendWrap">
            <div class="maxWidth">
                <h2 class="sub-title">시험 영어 과정 <br>추천 어학연수 기관</h2>
                <nav class="tabMenu">
                    <ul class="flex">
                        <li class="active"><p>아이엘츠</p><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_icon1.svg" alt="영국, 캐나다, 호주, 필리핀"></li>
                        <li><p>토플</p><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_icon2.svg" alt="미국, 캐나다"></li>
                        <li><p>캠브리지</p><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_icon3.svg" alt="영국, 캐나다"></li>
                    </ul>
                </nav>

                <div class="listWrap">
                    {{-- 아이엘츠 --}}
                    <div class="list">
                        <figure class="listLogo"></figure>

                        <p class="listTitle">영국 아이엘츠 어학연수</p>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_kapan.png');"></div>
                                    <div class="right">
                                        <p>카플란 인터내셔널 랭귀지스</p>
                                        <span>Kaplan International Languages</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">런던, 옥스포드, 캠브리지, 본머스, 리버풀, 맨체스터</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">자체 개발 커리큘럼/시스템과 시험 전문 교사진들의 높은 티칭 퀄리티</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_uk_img1.jpg');"></div>
                        </div>

                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_kings.png');"></div>
                                    <div class="right">
                                        <p>킹스 에듀케이션</p>
                                        <span>Kings Education</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">런던, 옥스포드, 브라이튼, 본머스</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">다수의 석사 이상 학위 소지 전문 교사진들과 아카데믹한 수업 분위기</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_uk_img2.jpg');"></div>
                        </div>

                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_ih.png');"></div>
                                    <div class="right">
                                        <p>인터내셔널 하우스</p>
                                        <span>IH (International House)</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">런던</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">아이엘츠, 캠브리지 공식 시험 센터로 높은 학생 만족도와 현지 연장률</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_uk_img3.jpg');"></div>
                        </div>

                        <p class="listTitle">캐나다 아이엘츠 어학연수</p>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_kapan.png');"></div>
                                    <div class="right">
                                        <p>카플란 인터내셔널 랭귀지스</p>
                                        <span>Kaplan International Languages</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">토론토, 밴쿠버</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">자체 개발 커리큘럼/시스템과 시험 전문 교사진들의 높은 티칭 퀄리티</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_ielts_canada_img1.jpg');"></div>
                        </div>

                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_vgc.png');"></div>
                                    <div class="right">
                                        <p>브이지씨 인터내셔널 컬리지</p>
                                        <span>VGC International College</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">밴쿠버</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">밴쿠버 로컬 중대형 규모로 IELTS 채점관 자격을 보유한 최고 수준의 교사진</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_ielts_canada_img2.jpg');"></div>
                        </div>

                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_ces.png');"></div>
                                    <div class="right">
                                        <p>씨이에스</p>
                                        <span>Centre of English Studies (CES)</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">토론토</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">시험 준비 과정에 대한 만족도가 높은 글로벌 어학원</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_ielts_canada_img3.jpg');"></div>
                        </div>

                        <p class="listTitle">호주 아이엘츠 어학연수</p>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_navitas.png');"></div>
                                    <div class="right">
                                        <p>나비타스 잉글리쉬</p>
                                        <span>Navitas English</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">시드니</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">매우 아카데믹한 분위기로 시험 및 학업 목적의 학생들의 만족도가 높음</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_australia_img1.jpg');"></div>
                        </div>

                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_ilsc.png');"></div>
                                    <div class="right">
                                        <p>아이엘에스씨</p>
                                        <span>ILSC Language Schools</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">시드니, 브리즈번, 멜버른</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">니즈에 따라 스케쥴/수업 선택이 가능한 독창적인 글로벌 어학원 커리큘럼</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_australia_img2.jpg');"></div>
                        </div>

                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_impact.png');"></div>
                                    <div class="right">
                                        <p>임팩트 잉글리쉬 컬리지</p>
                                        <span>Impact English College</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">브리즈번, 멜버른</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">우수한 아이엘츠 준비반 커리큘럼으로 시험 준비 과정에 높은 만족도</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_australia_img3.jpg');"></div>
                        </div>

                        <p class="listTitle">필리핀 아이엘츠 어학연수</p>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_cella.png');"></div>
                                    <div class="right">
                                        <p>셀라 잉글리쉬</p>
                                        <span>CELLA English</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">세부</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">최고의 위치와 학원 시설을 자랑하며, 코스에 따라 특성화 캠퍼스 운영</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_philippines_img1_250110.png');"></div>
                        </div>

                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_cia.png');"></div>
                                    <div class="right">
                                        <p>세부 인터내셔널 아카데미 (씨아이에이)</p>
                                        <span>Cebu International Academy (CIA)</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">세부</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">리조트 전체를 학교로 사용하며, 매일 테스트를 보는 등 철저한 시험 준비 관리</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_philippines_img2.jpg');"></div>
                        </div>

                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_beci.png');"></div>
                                    <div class="right">
                                        <p>비세부 아카데미</p>
                                        <span>B'Cebu Academy</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">세부</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">세미스파르타 전문 베씨어학원의 장점과 최고의 입지/시설을 가진 캠퍼스</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_philippines_img3.jpg');"></div>
                        </div>
                    </div>
                    {{-- //아이엘츠 --}}

                    {{-- 토플 --}}
                    <div class="list">
                        <figure class="listLogo"></figure>

                        <p class="listTitle">미국/캐나다 토플 어학연수</p>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_kapan.png');"></div>
                                    <div class="right">
                                        <p>카플란 인터내셔널 랭귀지스</p>
                                        <span>Kaplan International Languages</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">보스턴, LA, 뉴욕, 버클리, 토론토, 밴쿠버</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">자체 개발 커리큘럼/시스템과 시험 전문 교사진들의 높은 티칭 퀄리티</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_us_img1.jpg');"></div>
                        </div>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_kings.png');"></div>
                                    <div class="right">
                                        <p>킹스 에듀케이션</p>
                                        <span>Kings Education</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">뉴욕, LA, 보스턴</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">다수의 석사 이상 학위 소지 전문 교사진들과 아카데믹한 수업 분위기</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_us_img2.jpg');"></div>
                        </div>
                    </div>
                    {{-- //토플 --}}

                    {{-- 캠브리지 --}}
                    <div class="list">
                        <figure class="listLogo"></figure>

                        <p class="listTitle">영국 캠브리지 시험 어학연수</p>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_ih.png');"></div>
                                    <div class="right">
                                        <p>인터내셔널 하우스</p>
                                        <span>IH (International House)</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">런던</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">아이엘츠, 캠브리지 공식 시험 센터로 높은 학생 만족도와 현지 연장률</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_cambridge_uk_img1.jpg');"></div>
                        </div>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_stafford.png');"></div>
                                    <div class="right">
                                        <p>스타포드 하우스 인터내셔널</p>
                                        <span>Stafford House International</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">런던, 캔터베리</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">강사진 80% 이상이 DELTA 자격증 보유, 아카데믹하고 전문적인 수업 제공</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_cambridge_uk_img2.jpg');"></div>
                        </div>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_st.png');"></div>
                                    <div class="right">
                                        <p>세인트 자일스 인터내셔널</p>
                                        <span>St. Giles International</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">런던, 브라이튼, 캠브리지, 이스트본</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">아이엘츠, 캠브리지 공식 시험 센터로, 최상의 시험 준비반 만족도</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_cambridge_uk_img3.jpg');"></div>
                        </div>

                        <p class="listTitle">캐나다 캠브리지 시험 어학연수</p>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_bayswater.png');"></div>
                                    <div class="right">
                                        <p>베이스워터 컬리지</p>
                                        <span>Bayswater College</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">런던, 옥스포드, 캠브리지, 본머스, 리버풀, 맨체스터</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">전문 자격증을 보유한 강사진과 자체 학습 플랫폼을 운영 중인 글로벌 어학원</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_cambridge_canada_img1.jpg');"></div>
                        </div>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_ilac.png');"></div>
                                    <div class="right">
                                        <p>아일락</p>
                                        <span>International Language Academy of Canada(ILAC)</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">토론토, 밴쿠버</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">17단계로 세분화된 레벨이 특징인 캐나다 내 가장 규모가 큰 어학원</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_cambridge_canada_img2.jpg');"></div>
                        </div>
                        <div class="content flex">
                            <div class="textWrap">
                                <div class="top flex">
                                    <div class="logo" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_ces.png');"></div>
                                    <div class="right">
                                        <p>씨이에스</p>
                                        <span>Centre of English Studies (CES)</span>
                                    </div>
                                </div>
                                <div class="infoWrap">
                                    <div class="info">
                                        <p class="infoTitle">추천 센터</p>
                                        <p class="sub">토론토</p>
                                    </div>
                                    <div class="info">
                                        <p class="infoTitle">특징</p>
                                        <p class="sub">아이엘츠, 캠브리지 공식 시험 센터로, 최상의 시험 준비반 만족도</p>
                                    </div>
                                </div>
                            </div>
                            <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/test-preparation/test-preparation_recommend_cambridge_canada_img3.jpg');"></div>
                        </div>
                    </div>
                    {{-- //캠브리지 --}}
                </div>
            </div>
        </section>
        {{-- //어학연수 추천 어학교 --}}

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

        <!-- 압도적 어학연수 혜택 (type2 : maxWidth : 1080px ) -->
        @include('programs.details.language-abroad-benefit', ['key' => 'type2'])

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

        <!-- edm조기유학 선택 이유 (type2 : maxWidth : 1080px ) -->
        @include('programs.details.why-edm-default', ['key' => 'type2'])

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

    </div>

    <script type="text/javascript">
        $(function(){
            let _userH = $(window).innerHeight()/4;

            $(window).on('scroll',function(){
                $('.recommendWrap .tabMenu li').removeClass('active');
                var arr = [];
                let tabMenuH = $('.recommendWrap .tabMenu').outerHeight();

                $('.recommendWrap .listWrap .list').each(function(index,item){
                    let arr2 = $(item).offset().top - tabMenuH;
                    arr.push(arr2);
                });

                let thisScroll = $(this).scrollTop();
                for(var i = 0; i < arr.length; i++){
                    if(arr[i] <= thisScroll + _userH){
                        $('.recommendWrap .tabMenu li').eq(i).addClass('active').siblings().removeClass('active');
                        $('.recommendWrap, .recommendWrap .tabMenu').addClass('bgColor' + i).removeClass('bgColor' + (i+1));
                    }else if(thisScroll + _userH < arr[0]){
                        $('.recommendWrap .tabMenu li').eq(0).addClass('active').siblings().removeClass('active');
                        $('.recommendWrap, .recommendWrap .tabMenu').removeClass('bgColor' + i);
                    }
                }
            });

            $('.recommendWrap .tabMenu li').on('click',function(){
                if($(this).index() == '0'){
                    $('.recommendWrap, .recommendWrap .tabMenu').removeClass('bgColor1 bgColor2');
                }else if($(this).index() == '1'){
                    $('.recommendWrap, .recommendWrap .tabMenu').addClass('bgColor1').removeClass('bgColor2');
                }else{
                    $('.recommendWrap, .recommendWrap .tabMenu').addClass('bgColor2').removeClass('bgColor1');
                }

                var arr = [];
                let tabMenuH = $('.recommendWrap .tabMenu').outerHeight();
                let thisIndex = $(this).index();

                $('.recommendWrap .listWrap .list').each(function(index,item){
                    let arr2 = $(item).offset().top - tabMenuH;
                    arr.push(arr2);
                });

                $(window).scrollTop(arr[thisIndex]);
            });
        });
    </script>
@endsection