@extends('programs.show')

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/common-renewal.css?v=241127v1">
    <link rel="stylesheet" type="text/css" href="/css/programs/dndn-package-fair.css?v=241231-2">
@endpush

@section('details')
    <div class="container program dndn-package-fair">
        <header class="area-pg-visual">
            <figure class="bgImage"></figure>
            <div class="maxWidth">
                <div class="titleWrap">
                    <span>마감임박!</span><span>메가 혜택</span>
                    <h1 class="title">세계유학박람회 <br>부산/대구/경상 지역 <br><em>초특가 어학연수</em></h1>
                    <p class="sub">상담 신청 즉시 받을 수 있는 역대급 박람회 혜택!</p>
                </div>
                <div class="contactWrap">
                    <div class="box">
                        <strong>국가</strong>
                        <p>미국, 영국, 캐나다, 호주, 필리핀 <br>아일랜드, 뉴질랜드, 몰타</p>
                    </div>
                    <div class="box">
                        <strong>대상</strong>
                        <p>~1/27까지 신청자</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/dndn-package-fair/pointView_icon_01.svg');"></figure>
                                    <p>인기 도시 <br>숙소 빠르게 마감 중</p>
                                    <span>사전 예약 필수!</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/dndn-package-fair/pointView_icon_01.svg');"></figure>
                                    <p>초특가 <br>학비 할인</p>
                                    <span>최대 혜택 적용!</span>
                                </div>
                                <div class="swiper-slide">
                                    <figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/dndn-package-fair/pointView_icon_01.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/dndn-package-fair/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/dndn-package-fair/pointView_icon_01.svg');"></figure>
                                    <p>말해보카 <br>3개월 이용권</p>
                                    <span>쿠폰 소진 시까지</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <!-- NOTICE -->
            <article class="notice moveArea">
                <div class="maxWidth">
                    <div class="boxWrap">
                        <div class="txt0"><figure></figure>NOTICE</div>
                        <div class="articleTitle">
                            <h2 class="title">지금은 세계유학박람회 <br class="mo-br">참가 신청 기간!</h2>
                        </div>
                        <p class="sub">2025년 첫 박람회의 압도적 혜택</p>
                        <p class="sub"><b><em>현장에 가지 않아도 모든 혜택을 <br class="mo-br">그대로 누릴 수 있는 유일한 기회</em></b></p>
                        <div class="how">
                            <p class="txt1">참가 방법</p>
                            <ul>
                                <li>‘상담 예약’ 혹은 ‘박람회 신청’ 버튼 <br class="mo-br">클릭 후, 신청 정보 작성 <span>※ 선호하는 상담 방법, 상담 희망 시간, <br class="mo-br">거주 지역 정보 등 기입</span></li>
                                <li>가까운 지사의 담당자에게<br class="mo-br"> 방문/전화/화상상담 등 편한 방법으로<br class="mo-br"> <br class="pc-br">어학연수 상담과 혜택을 안내 받는다.</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </article>


            <!-- 국내 1위 · 국내 최대 규모 세계유학박람회 -->
            <article class="number1">
                <div class="maxWidth">
                    <div class="visitors">
                        <div class="articleTitle">
                            <h2 class="title">국내 1위 · 국내 최대 규모 <br class="mo-br">세계유학박람회</h2>
                        </div>
                        <div class="boxWrap">
                            <div class="slide">
                                <div class="textArea swiper-wrapper">
                                    <div class="textWrap swiper-slide">
                                        <span>누적 방문자 수</span>
                                        <p><em>60,000명</em> 이상 방문</p>
                                    </div>
                                    <div class="textWrap swiper-slide">
                                        <span>어학연수/대학</span>
                                        <p><em>2,400여개</em> 학교 상담</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="benefit">
                        <div class="articleTitle">
                            <h2 class="title">세계유학박람회 어학연수 <br class="mo-br"><em>역대급 혜택과 경품</em></h2>
                        </div>
                        <div class="roundArea">
                            <div class="box"><p class="title"><em>파격적인 학비 할인과 <br class="pc-br">추가 혜택</em></p></div>
                            <div class="box"><p class="sub">출국 전 무료 회화 수업</p><p class="title">4주 무료</p><span>(30주 이상 등록시)</span></div>
                            <div class="box"><p class="sub">말해보카</p><p class="title">3개월 이용권</p><span>(30주 이상 등록시)</span></div>
                            <div class="box"><p class="sub">어학연수</p><p class="title">국가별 백서 제공</p></div>
                            <div class="box"><p class="sub">토익/문법</p><p class="title">마스터 인강</p></div>
                            <div class="box"><p class="sub">비자대행비 면제</p><p class="title">10만 원</p></div>
                            <div class="box"><p class="sub">수속비 면제</p><p class="title">30만 원</p></div>
                        </div>
                        <p class="bottom-text">*부산/대구 포함 경상 지역 한정* <br>신청만 해도 받을 수 있는 <br class="mo-br">박람회 최대 혜택을 놓치지 마세요!</p>
                    </div>
                </div>
            </article>

            <!-- 조회수 폭발! 어학연수 브이로그 -->
            <article class="v-log common-videoPlay">
                <div class="maxWidth">
                    <div class="roundArea">
                        <div class="top-text">바로 확인</div>
                        <div class="articleTitle">
                            <h2 class="title">조회수 폭발! <br class="mo-br"><em>어학연수 브이로그</em></h2>
                        </div>
                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package-fair/v-log_text.svg" alt="edm 유학센터 x 찰스엔터">
                        <p>요즘 핫한 <em>유튜버 찰스엔터</em>의 <br class="mo-br">어학연수 전격 대공개</p>
                        <div class="videoArea flex">
                            <div class="player youtube" data-youtube="IhoX5V-aMQw"><figure></figure></div>
                            <div class="videoList flex">
                                <div class="videoWrap youtube active" data-youtube="IhoX5V-aMQw"><figure style="background-image:url('https://img.youtube.com/vi/IhoX5V-aMQw/mqdefault.jpg')"></figure></div>
                                <div class="videoWrap youtube" data-youtube="JO1USEQP-oE"><figure style="background-image:url('https://img.youtube.com/vi/JO1USEQP-oE/mqdefault.jpg')"></figure></div>
                                <div class="videoWrap youtube" data-youtube="DI1K-4MRkGQ"><figure style="background-image:url('https://img.youtube.com/vi/DI1K-4MRkGQ/mqdefault.jpg')"></figure></div>
                            </div>
                        </div>
                    </div>
                </div>
            </article>

            <div class="otherStyle">
                <!-- 어학연수 든든 패키지 -->
                <section class="dndn-package-section03 dndn2406" id="dndn-package-section03">
                    <div id="particles"></div>
                    <div class="dndn-package-width">
                        <h2 class="dndn-package-section03-title">
                            <span>고객이 원하는 <br class="mo-br">모든 혜택 총망라!</span> <br>
                            어학연수 <strong>든든 패키지</strong>
                        </h2>
                        <ul class="dndn-package-section03-con2">
                            <li>
                                <span><span>1</span></span>
                                <p>최대 혜택 적용!<strong>초특가 학비 할인</strong></p>
                            </li>
                            <li>
                                <span><span>2</span></span>
                                <p>출국 전 <strong>무료 회화 수업</p></strong>
                            </li>
                            <li>
                                <span><span>3</span></span>
                                <p>전문가의 <strong>원스톱 1:1 케어</strong></p>
                            </li>
                            <li>
                                <span><span>4</span></span>
                                <p>친구 추천 <strong>페이백 혜택</strong></p>
                            </li>
                            <li>
                                <span><span>5</span></span>
                                <p>말해보카 <strong>3개월 이용권</strong></p>
                            </li>
                            <li>
                                <span><span>6</span></span>
                                <p>토익/문법 <strong>마스터 인강</strong></p>
                            </li>
                            <li>
                                <span><span>7</span></span>
                                <p>어학연수 <strong>생활백서 증정</strong></p>
                            </li>
                        </ul>
                        <div class="dndn-package-section03-textBox dndn-package-section03-textBox2">
                            <span>긴급 소식 안내</span> <br>
                            <small>인기 국가 및 지역의 숙소 예약이<br class="mo-br"> 빠르게 마감되고 있습니다. <br> 어학연수를 고려 중이시라면 꼭 상담을<br class="mo-br"> 서둘러 주세요!</small>
                        </div>
                        <div class="dndn-package-section03-linkBox">
                            <a href="/inquiry/quote" class="btn_estimate">견적 요청  <svg viewBox="0 0 24 30"><defs><clipPath id="clip-path"><rect width="24" height="30" transform="translate(266 26.08)" fill="#fff"/></clipPath></defs><g transform="translate(-266 -26.08)" clip-path="url(#clip-path)"><path d="M3.2,0,0,3.108,8.373,11.25,0,19.392,3.2,22.5l8.374-8.142h0l3.2-3.109h0l-3.2-3.109,0,0Z" transform="translate(270.615 29.83)" fill="#fff"/></g></svg></a>
                            <a href="https://pf.kakao.com/_ZYxlVV" target="_blank" class="btn_kakaotalk">카카오톡 상담  <svg viewBox="0 0 24 30"><defs><clipPath id="clip-path"><rect width="24" height="30" transform="translate(266 26.08)" fill="#fff"/></clipPath></defs><g transform="translate(-266 -26.08)" clip-path="url(#clip-path)"><path d="M3.2,0,0,3.108,8.373,11.25,0,19.392,3.2,22.5l8.374-8.142h0l3.2-3.109h0l-3.2-3.109,0,0Z" transform="translate(270.615 29.83)" fill="#fff"/></g></svg></a>
                            <a href="/service/guidebook-download/request" class="btn_guidebook">가이드북 신청  <svg viewBox="0 0 24 30"><defs><clipPath id="clip-path"><rect width="24" height="30" transform="translate(266 26.08)" fill="#fff"/></clipPath></defs><g transform="translate(-266 -26.08)" clip-path="url(#clip-path)"><path d="M3.2,0,0,3.108,8.373,11.25,0,19.392,3.2,22.5l8.374-8.142h0l3.2-3.109h0l-3.2-3.109,0,0Z" transform="translate(270.615 29.83)" fill="#fff"/></g></svg></a>
                        </div>
                    </div>
                </section>

                <!-- 수업 4주 무료 -->
                <section class="dndn-package-section04">
                    <div class="dndn-package-width">

                        <div class="dndn-package-section04-con-wrap">
                            <div class="dndn-package-section04-con dndn-package-section04-con1">
                                <div class="dndn-package-section04-textBox">
                                    <h3 class="dndn-package-section04-con-title">
                                        <span><span>혜택1.</span><span>HOT</span></span>
                                        출국 전, 국내에서 <br>
                                        <strong>영어 회화 수업 4주 무료</strong>
                                    </h3>
                                    <p class="dndn-package-section04-con-text">출국 전, 어학연수 수업을 미리 경험하세요! <br> <strong>오직 edm유학센터에서만 제공</strong>되는   <br> '유학준비반 - 무료 영어 회화 수업' 혜택은 <br> <strong>최고의 강의 퀄리티</strong>를 보장합니다! </p>
                                    <ul class="dndn-package-section04-con-list">
                                        <li>30주 이상 등록, 보증금 30만원 추가 납부 시 제공 <br class="mo-br">(보증금 추후 환급) </li>
                                        <li>edm유학센터 강남지사에서 오프라인 수업 진행 </li>
                                        <li>부산/대구 지사 등록 학생의 경우 Zoom수업으로 진행</li>
                                        <li>매 월 선착순 30명 한정</li>
                                    </ul>
                                </div>
                                <div class="dndn-package-section04-imgBox"></div>
                            </div>

                            <div class="dndn-package-section04-con-con2 ">
                                <h3 class="dndn-package-section04-con-title dndn-package-section04-con-title-2">
                                    <span>edm유학센터  <strong style="margin-left: 4px"> '영어 회화 무료 수업'</strong></span>수강생들에게 물어봤습니다. <br>
                                    <small>(2022.06~08 유학준비반 수강생 대상<br class="mo-br"> 만족도 조사 결과 / 응답자 50명)</small>
                                </h3>
                                <div class="dndn-package-section04-con2-row1">
                                    <div class="dndn-package-section04-con2-row1-left">
                                        <h4 class="dndn-package-section04-con2-row1-left-title">수업 만족도 <strong>90%</strong> 이상</h4>
                                        <div class="dndn-package-section04-con2-row1-left-graph">매우만족 34% 만족57.4% 보통 8.5% 그래프</div>
                                        <div class="dndn-package-section04-con2-row1-left-color">
                                            <span><span></span>매우 만족</span>
                                            <span><span></span>만족</span>
                                            <span><span></span>보통</span>
                                            <span><span></span>불만족</span>
                                            <span><span></span>매우 불만족</span>
                                        </div>
                                    </div>
                                    <div class="dndn-package-section04-con2-row1-right">
                                        <h4 class="dndn-package-section04-con2-row1-right-title">수업의 장점 <strong>TOP 5</strong></h4>
                                        <ul class="dndn-package-section04-con2-row1-right-list">
                                            <li>1위 - 편안하고 친밀한 수업 분위기</li>
                                            <li>2위 - 어학연수 준비생들과의 교류 </li>
                                            <li>3위 - 다양한 영어회화 수업 방식</li>
                                            <li>4위 - 어학연수 수업을 미리 경험 가능</li>
                                            <li>5위 - 영어에 대한 자신감 상승</li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="dndn-package-section04-con2-row2">
                                    <div class="dndn-package-section04-con2-row2-row dndn-package-section04-con2-row2-row1">
                                        <div class="dndn-package-section04-con2-row2-imgBox"></div>
                                        <div class="dndn-package-section04-con2-row2-textBox">
                                            <p>수업이 강의식이 아니라 정말 다양한 활동 <strong>(토론, 스피드 퀴즈, 문법 공부, 리스닝 연습, 팀 짜서 간단한 발표하기 등)</strong>으로 진행돼서 너무 재밌었습니다.</p>
                                            <span><strong>캐나다 어학연수</strong>신*수 고객</span>
                                        </div>
                                    </div>
                                    <div class="dndn-package-section04-con2-row2-row dndn-package-section04-con2-row2-row2">
                                        <div class="dndn-package-section04-con2-row2-imgBox"></div>
                                        <div class="dndn-package-section04-con2-row2-textBox">
                                            <p><strong>매번 지루하지 않고 흥미 있는 수업이 이루어졌습니다. </strong>또한 매 수업후에 그날 배운 중요 단어나 문구, 억양, 발음 등 더 연습이 필요한 부분에 대한 <strong>코멘트와 피드백</strong>을 받아 볼 수 있어서 좋았습니다.</p>
                                            <span><strong>영국 어학연수</strong>김*진 고객</span>
                                        </div>
                                    </div>
                                    <div class="dndn-package-section04-con2-row2-row dndn-package-section04-con2-row2-row3">
                                        <div class="dndn-package-section04-con2-row2-imgBox"></div>
                                        <div class="dndn-package-section04-con2-row2-textBox">
                                            <p>영어로 말하고 듣는 것에 대한 두려움이 있었는데 원어민 선생님의 이야기를 듣고, 제가 이야기하는 것을 원어민 선생님이 이해주시는 모습을 보고 <strong>두려움이 조금은 없어진 것 같았습니다.</strong></p>
                                            <span><strong>미국 어학연수</strong>박*빈 고객</span>
                                        </div>
                                    </div>
                                    <div class="dndn-package-section04-con2-row2-row dndn-package-section04-con2-row2-row4">
                                        <div class="dndn-package-section04-con2-row2-imgBox"></div>
                                        <div class="dndn-package-section04-con2-row2-textBox">
                                            <p>원어민 선생님과 주3일씩 각각 다른 주제들을 영어로 토론하면서 영어로 대화하는 것에 대한 부담을 줄일 수 있었고, <strong>영어를 잘하지 못해도 부끄럼 없이 참여할 수 있었습니다.</strong></p>
                                            <span><strong>영국 어학연수</strong>김*령 고객</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="dndn-package-section04-con2-row3">
                                    <iframe src="https://www.youtube.com/embed/Pyje_94xu9k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                </div>
                            </div>
                        </div>

                        <div class="dndn-package-section04-con dndn-package-section04-con2">
                            <div class="dndn-package-section04-textBox">
                                <h3 class="dndn-package-section04-con-title">
                                    <span><span>혜택2.</span><span>HOT</span></span> <strong>어학연수 전문 담당자</strong><br>원스톱 밀착 케어
                                </h3>
                                <p class="dndn-package-section04-con-text">
                                    완벽한 어학연수를 위해<br>
                                    국내 최고 어학연수 전문가가<br>
                                    <strong>모든 준비 과정을 직접 안내해 드립니다.</strong>
                                </p>
                            </div>
                            <div class="dndn-package-section04-imgBox"></div>
                        </div>

                        <div class="dndn-package-section04-con dndn-package-section04-con3">
                            <div class="dndn-package-section04-textBox">
                                <h3 class="dndn-package-section04-con-title">
                                    <span><span>혜택3.</span><span>HOT</span></span> <strong>말해보카 </strong><br>3개월 이용권 증정!
                                </h3>
                                <p class="dndn-package-section04-con-text">어학연수 출국 전 얼마나 영어공부를 했는지에 따라 <br>어학연수 효과는 달라집니다. <br><strong>출국 전 3개월 동안 실전 영어를 워밍업 하세요! </strong></p>
                                <ul class="dndn-package-section04-con-list">
                                    <li>30주 이상 등록, 보증금 입금 시 제공</li>
                                    <li>선착순 증정으로 쿠폰 소진 시 종료</li>
                                </ul>
                            </div>
                            <div class="dndn-package-section04-imgBox"></div>
                        </div>

                        <div class="dndn-package-section04-con dndn-package-section04-con4">
                            <div class="dndn-package-section04-textBox">
                                <h3 class="dndn-package-section04-con-title">
                                    <span><span>혜택4.</span><span>HOT</span></span><strong>edm토익 + 문법마스터 <br>인강 100일 이용권 </strong><br> 전원 100% 증정
                                </h3>
                                <p class="dndn-package-section04-con-text">
                                    문법 공부도 완벽하게 지원합니다! <br><strong>기초 문법 향상을 위한 강의</strong>와 <br>적중률 높은 <strong>토익 기출 변형 문제</strong> 모음
                                </p>
                                <ul class="dndn-package-section04-con-list">
                                    <li>수속 고객 전원 증정</li>
                                    <li>100일 온라인 강의 이용권</li>
                                </ul>
                            </div>
                            <div class="dndn-package-section04-imgBox"></div>
                        </div>

                        <div class="dndn-package-section04-con dndn-package-section04-con5">
                            <div class="dndn-package-section04-textBox">
                                <h3 class="dndn-package-section04-con-title">
                                    <span><span>혜택5.</span><span>HOT</span></span> 어학연수 학비 할인<br><strong>최대 혜택 적용!</strong>
                                </h3>
                                <p class="dndn-package-section04-con-text">어학연수 기간이 길어질 수록 <br>더욱 낮아지는 학비!</p>
                                <p class="dndn-package-section04-con-text">어학연수 등록 주수 및 학교에 따른 <br><strong>초특가 할인 혜택이 상시 제공됩니다.</strong></p>
                                <ul class="dndn-package-section04-con-list">
                                    <li>등록 주수 및 학교별 학비 할인 금액 상이</li>
                                </ul>
                            </div>
                            <div class="dndn-package-section04-imgBox"></div>
                        </div>

                        <div class="dndn-package-section04-con dndn-package-section04-con6">
                            <div class="dndn-package-section04-textBox">
                                <h3 class="dndn-package-section04-con-title">
                                    <span><span>혜택6.</span><span>HOT</span></span> 국가별 어학연수 <br><strong>생활백서 증정</strong>
                                </h3>
                                <p class="dndn-package-section04-con-text">입국부터 현지 정착 및 여행 등에 필요한 <br>모든 정보를 책 한 권에!</p>
                                <p class="dndn-package-section04-con-text">국가별 생활백서는 <strong>edm유학센터의 <br>어학연수 고객들을 위해 자체 제작</strong>한 <br>핸디북입니다.</p>
                            </div>
                            <div class="dndn-package-section04-imgBox"></div>
                        </div>

                        <div class="dndn-package-section04-con dndn-package-section04-con7">
                            <div class="dndn-package-section04-textBox">
                                <h3 class="dndn-package-section04-con-title">
                                    <span><span>혜택7.</span><span>HOT</span></span> 친구 추천하면 <br><strong>10+10만원 페이백</strong>
                                </h3>
                                <p class="dndn-package-section04-con-text">친구, 가족 등 지인들에게 <br>edm유학센터를 추천해주세요.</p>
                                <p class="dndn-package-section04-con-text"><strong>추천인과 지인 모두에게 각 10만원씩 <br>페이백 혜택</strong>을 드립니다.</p>
                                <ul class="dndn-package-section04-con-list">
                                    <li>12주 이상 등록 시 해당</li>
                                    <li>담당 컨설턴트에게 지인을 직접 추천할 시에만 적용</li>
                                </ul>
                            </div>
                            <div class="dndn-package-section04-imgBox"></div>
                        </div>
                    </div>
                </section>

                <!-- 숙소 예약 마감 주의 -->
                <section class="dndn-package-section09">
                    <div class="dndn-package-width">
                        <div class="dndn-package-section09-con">
                            <div class="dndn-package-section09-title">
                                <p>
                                    <span class="dndn-package-section09-title-icon"></span><em>숙소 예약 마감 주의!</em><span class="dndn-package-section09-title-icon"></span>
                                </p>
                                <h2>"어학연수 준비, <br class="mo-br"><em class="color_purple">빠를수록 유리합니다.</em>"</h2>
                            </div>
                            <p class="dndn-package-section09-text">
                                홈스테이, 기숙사 등 숙소 예약은 <br class="mo-br">선착순으로 진행됩니다.<br class="pc-br">
                                <em class="color_purple">현지 상황에 <br class="mo-br">따라 예약이 조기에 마감</em>될 수 있으니,<br>
                                신속한 예약 가능 여부 확인을 위해 <br class="mo-br">edm유학센터로 문의주세요.
                            </p>
                        </div>
                    </div>
                </section>

                <!-- 어학연수 국가별 특징 -->
                <section class="dndn-package-section05">
                    <div class="dndn-package-width">
                        <h2 class="dndn-package-sub-title">어학연수 국가별 특징</h2>

                        {{-- 미국 어학연수 --}}
                        <div class="dndn-package-section05-con">
                            <div class="dndn-package-section05-imgBox dndn-package-section05-img01"></div>
                            <div class="dndn-package-section05-con-textBox">
                                <h3 class="dndn-package-section05-con-title">미국 어학연수</h3>
                                <table class="dndn-package-section05-table">
                                    <tbody>
                                    <tr>
                                        <th>특징</th>
                                        <td colspan="3">
                                            <ul>
                                                <li>전세계 공용어인 미국식 영어 습득 </li>
                                                <li>다양한 어학연수 지역과 프로그램</li>
                                                <li>미국대학 진학 전 영어과정 학생 多</li>
                                                <li>전반적인 물가 수준 높음</li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>추천도시</th>
                                        <td colspan="3">뉴욕, 보스턴, 샌프란시스코, 샌디에고, LA</td>
                                    </tr>
                                    <tr>
                                        <th>아르바이트</th>
                                        <td>불가</td>
                                        <th>한인비율</th>
                                        <td>보통</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{-- //미국 어학연수 --}}

                        {{-- 영국 어학연수 --}}
                        <div class="dndn-package-section05-con">
                            <div class="dndn-package-section05-imgBox dndn-package-section05-img02"></div>
                            <div class="dndn-package-section05-con-textBox">
                                <h3 class="dndn-package-section05-con-title">영국 어학연수</h3>
                                <table class="dndn-package-section05-table">
                                    <tbody>
                                    <tr>
                                        <th>특징</th>
                                        <td colspan="3">
                                            <ul>
                                                <li>전통과 역사를 가진 수준 높은 어학원 多</li>
                                                <li>어학연수 기간 중 유럽여행 가능</li>
                                                <li>유럽 학생들의 비율이 높음 </li>
                                                <li>일반영어, 시험반(아이엘츠, 캠브리지) 인기</li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>추천도시</th>
                                        <td colspan="3">런던, 브라이튼, 본머스, 옥스포드, 캠브리지</td>
                                    </tr>
                                    <tr>
                                        <th>아르바이트</th>
                                        <td>불가</td>
                                        <th>한인비율</th>
                                        <td>낮음</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{-- //영국 어학연수 --}}

                        {{-- 캐나다 어학연수 --}}
                        <div class="dndn-package-section05-con">
                            <div class="dndn-package-section05-imgBox dndn-package-section05-img03"></div>
                            <div class="dndn-package-section05-con-textBox">
                                <h3 class="dndn-package-section05-con-title">캐나다 어학연수</h3>
                                <table class="dndn-package-section05-table">
                                    <tbody>
                                    <tr>
                                        <th>특징</th>
                                        <td colspan="3">
                                            <ul>
                                                <li>가장 인기있는 어학연수 국가</li>
                                                <li>안전하고 아름다운 자연환경</li>
                                                <li>코업, 테솔, 통번역 등 다양한 프로그램</li>
                                                <li>유학 후 취업과 이민 기회 多</li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>추천도시</th>
                                        <td colspan="3">벤쿠버, 토론토, 몬트리올, 캘거리</td>
                                    </tr>
                                    <tr>
                                        <th>아르바이트</th>
                                        <td>불가</td>
                                        <th>한인비율</th>
                                        <td>높음</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{-- //캐나다 어학연수 --}}

                        {{-- 호주 어학연수 --}}
                        <div class="dndn-package-section05-con">
                            <div class="dndn-package-section05-imgBox dndn-package-section05-img04"></div>
                            <div class="dndn-package-section05-con-textBox">
                                <h3 class="dndn-package-section05-con-title">호주 어학연수</h3>
                                <table class="dndn-package-section05-table">
                                    <tbody>
                                    <tr>
                                        <th>특징</th>
                                        <td colspan="3">
                                            <ul>
                                                <li>상대적으로 저렴한 학비와 생활비</li>
                                                <li>경제활동을 통한 어학연수 비용 절약</li>
                                                <li>연중 온화한 날씨, 한국과 시차 적음</li>
                                                <li>다양한 액티비티 체험 가능</li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>추천도시</th>
                                        <td colspan="3">시드니, 브리즈번, 멜버른, 케언즈</td>
                                    </tr>
                                    <tr>
                                        <th>아르바이트</th>
                                        <td>가능</td>
                                        <th>한인비율</th>
                                        <td>높음</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{-- //호주 어학연수 --}}

                        {{-- 뉴질랜드 어학연수 --}}
                        <div class="dndn-package-section05-con">
                            <div class="dndn-package-section05-imgBox dndn-package-section05-img05"></div>
                            <div class="dndn-package-section05-con-textBox">
                                <h3 class="dndn-package-section05-con-title">뉴질랜드 어학연수</h3>
                                <table class="dndn-package-section05-table">
                                    <tbody>
                                    <tr>
                                        <th>특징</th>
                                        <td colspan="3">
                                            <ul>
                                                <li>깨끗하고 아름다운 자연환경</li>
                                                <li>안전하고 수준 높은 교육환경</li>
                                                <li>경제적인 학비와 낮은 생활비</li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>추천도시</th>
                                        <td colspan="3">퀸스타운, 오클랜드, 웰링턴, 크라이스트처치</td>
                                    </tr>
                                    <tr>
                                        <th>아르바이트</th>
                                        <td>가능</td>
                                        <th>한인비율</th>
                                        <td>낮음</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{-- //뉴질랜드 어학연수 --}}

                        {{-- 아일랜드 어학연수 --}}
                        <div class="dndn-package-section05-con">
                            <div class="dndn-package-section05-imgBox dndn-package-section05-img06"></div>
                            <div class="dndn-package-section05-con-textBox">
                                <h3 class="dndn-package-section05-con-title">아일랜드 어학연수</h3>
                                <table class="dndn-package-section05-table">
                                    <tbody>
                                    <tr>
                                        <th>특징</th>
                                        <td colspan="3">
                                            <ul>
                                                <li>영국 바로 옆에 위치한 유럽 국가 </li>
                                                <li>영국보다 학비가 저렴</li>
                                                <li>안전하고 깨끗한 환경</li>
                                                <li>어학연수 기간 중 유럽여행 가능</li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>추천도시</th>
                                        <td colspan="3">더블린, 코크, 리머릭, 골웨이</td>
                                    </tr>
                                    <tr>
                                        <th>아르바이트</th>
                                        <td>가능</td>
                                        <th>한인비율</th>
                                        <td>낮음</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{-- //아일랜드 어학연수 --}}

                        {{-- 몰타 어학연수 --}}
                        <div class="dndn-package-section05-con">
                            <div class="dndn-package-section05-imgBox dndn-package-section05-img07"></div>
                            <div class="dndn-package-section05-con-textBox">
                                <h3 class="dndn-package-section05-con-title">몰타 어학연수</h3>
                                <table class="dndn-package-section05-table">
                                    <tbody>
                                    <tr>
                                        <th>특징</th>
                                        <td colspan="3">
                                            <ul>
                                                <li>아름다운 지중해의 섬나라 </li>
                                                <li>영국식 문화와 영어 사용 환경 </li>
                                                <li>해양 스포츠와 휴양을 즐기기에 적합</li>
                                                <li>어학연수 기간 중 유럽여행 가능</li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>추천도시</th>
                                        <td colspan="3">발레타, 슬리에마, 세인트 줄리앙스</td>
                                    </tr>
                                    <tr>
                                        <th>아르바이트</th>
                                        <td>가능</td>
                                        <th>한인비율</th>
                                        <td>낮음</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{-- //몰타 어학연수 --}}

                        {{-- 필리핀 어학연수 --}}
                        <div class="dndn-package-section05-con">
                            <div class="dndn-package-section05-imgBox dndn-package-section05-img08"></div>
                            <div class="dndn-package-section05-con-textBox">
                                <h3 class="dndn-package-section05-con-title">필리핀 어학연수</h3>
                                <table class="dndn-package-section05-table">
                                    <tbody>
                                    <tr>
                                        <th>특징</th>
                                        <td colspan="3">
                                            <ul>
                                                <li>타 국가 대비 매우 저렴한 학비</li>
                                                <li>식사, 청소, 세탁 서비스가 포함된 기숙사</li>
                                                <li>소규모 집중 수업 진행 </li>
                                                <li>저렴한 비용으로 해양 스포츠 체험</li>
                                            </ul>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>추천도시</th>
                                        <td colspan="3">세부, 바기오</td>
                                    </tr>
                                    <tr>
                                        <th>아르바이트</th>
                                        <td>불가</td>
                                        <th>한인비율</th>
                                        <td>높음</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{-- //필리핀 어학연수 --}}

                    </div>
                </section>

                <!-- 선택에는 이유가 있습니다 -->
                <section class="dndn-package-section06">
                    <div class="dndn-package-width">
                        <h2 class="dndn-package-sub-title">
                            <span>소비자가 선택한 유학기업 1위!</span> <br>
                            <strong>선택에는 이유가 있습니다!</strong>
                        </h2>
                        <div class="dndn-package-section06-con">
                            <h3 class="dndn-package-section06-title">edm유학센터의 장점은 무엇인가요?</h3>
                            <p class="dndn-package-section06-text">(2022.06~08 수속 고객 대상 조사 결과 / 응답자 50명 / 중복응답 포함)</p>
                            <div class="dndn-package-section06-img"></div>
                            <div class="dndn-package-section06-text2">높은 서비스 만족도!</div>
                        </div>
                        <div class="dndn-package-section06-con dndn-package-section06-con2">
                            <h3 class="dndn-package-section06-title">edm유학센터를<br class="mo-br"> 추천할 의향이 있나요?</h3>
                            <p class="dndn-package-section06-text">(2022.06~08 수속 고객 대상 조사 결과 / 응답자 50명)</p>
                            <div class="dndn-package-section06-img"></div>
                            <div class="dndn-package-section06-text2">지인 추천 의사 100%</div>
                        </div>
                    </div>
                </section>
            </div>

            <!-- 어학연수 후기를 확인하세요! -->
            <article class="moveArea otherStyle">
                <section class="dndn-package-section07">
                    <div class="dndn-package-width">
                        <h2 class="dndn-package-sub-title">
                            <span>edm유학센터 고객들의</span> <br>
                            <strong>행복한 어학연수 후기를 확인하세요!</strong>
                        </h2>
                        <div class="dndn-package-section07-con">
                            <div class="dndn-package-section07-text">
                                <span>캐나다어학연수 </span>
                                <span>토론토어학연수</span>
                            </div>
                            <div class="dndn-package-section07-youtube">
                                <iframe src="https://www.youtube.com/embed/id7Iq47yPFk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                            </div>
                        </div>
                        <div class="dndn-package-section07-con">
                            <div class="dndn-package-section07-text">
                                <span>영국어학연수</span>
                                <span>런던어학연수</span>
                            </div>
                            <div class="dndn-package-section07-youtube ">
                                <iframe src="https://www.youtube.com/embed/K23T2CI7IGA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                            </div>
                        </div>
                    </div>
                </section>
            </article>

        </section>

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

        <!-- 유학티비 (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=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: 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;
                }
            });

            // 국내 1위 · 국내 최대 규모 세계유학박람회
            var number1Visitors = new Swiper(".number1 .visitors .slide", {
                direction: "vertical",
                slidesPerView: 1,
                slidesPerGroup: 1,
                spaceBetween: 0,
                loop: true,
                simulateTouch: false,
                touchRatio: 0,
                autoplay : {
                    delay : 1500,
                    disableOnInteraction : false,
                },
                speed: 1000,
            });

            number1Visitors.autoplay.stop();
            new IntersectionObserver((entries, observer) => {
                if (entries[0].isIntersecting) {
                    observer.disconnect();
                    number1Visitors.autoplay.start();
                }
            }).observe(document.querySelector('.number1 .visitors'));

            // 조회수 폭발! 어학연수 브이로그
            $('.v-log .videoArea .youtube').on('click',function(){
                $('.v-log .videoArea .player iframe, .v-log .videoArea .player figure').remove();
                $(this).addClass('active').siblings().removeClass('active');
                $('.v-log .videoArea .player').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>');
            });

            // 어학연수 든든 패키지
            let particles = document.getElementById('particles');
            let dndnPackageSection03 = document.getElementById('dndn-package-section03');
            let border = ["50%","0%"];
            let colors = ["#78F8E8","#FA3469","#A224A2","#90B3E5","#FF7E93"];

            function getParticles(){
                let np = Math.floor(particles.clientWidth / 20)
                particles.innerHTML = "";
                for (let I = 0; I < np; I++) {
                    let w = document.documentElement.clientWidth;
                    let h =  dndnPackageSection03.clientHeight;
                    let rndw = Math.floor(Math.random() * w ) + 1;
                    let rndh = Math.floor(Math.random() * h ) + 1;
                    let widthpt = Math.floor(Math.random() * 8) + 5;
                    let opty = Math.floor(Math.random() * 4) + 1;
                    let anima = Math.floor(Math.random() * 12) + 4;
                    let bdr = Math.floor(Math.random() * 2);
                    let color = Math.floor(Math.random() * 5);
                    let div = document.createElement("div");

                    div.style.position = "absolute";
                    div.style.marginLeft = rndw+"px";
                    div.style.marginTop = rndh+"px";
                    div.style.width = widthpt+"px";
                    div.style.height = widthpt+"px";
                    div.style.opacity = opty;
                    div.style.backgroundColor = colors[color];
                    div.style.borderRadius = border[bdr];
                    div.style.zIndex = "-1";
                    div.style.animation ="move "+anima+"s ease-in infinite";
                    particles.appendChild(div);
                }
            }
            window.addEventListener("resize", () => getParticles());
            window.addEventListener("load", () => getParticles());

        });
    </script>
@endsection