@extends('programs.show')

@push('head')
	<link rel="stylesheet" type="text/css" href="/css/programs/common-renewal.css?ver=250307"/>
	<link rel="stylesheet" type="text/css" href="/css/programs/dndn-package.css?ver=250514"/>

@endpush

@section('details')
	<article class="container program dndn-package dndn-package-default march">
		{{-- 타이틀 --}}
		<!-- 기존 섹션 -->
		<!-- <section class="dndn-package-section01 dndn2406">
			<div class="dndn-package-width">
				<h1 class="dndn-package-section01-title">
					<small>완벽한 어학연수를 위한 선택</small>
					믿고 가는 <br>어학연수
					<strong>든든패키지</strong>
					<span>7가지 패키지 혜택이 <br class="mo-br"><span>모두 무료!</span></span>
				</h1>
			</div>
		</section> -->
		{{-- //타이틀 --}}

		<!-- 비주얼 -->
		<!-- 24 크리스마스 전 섹션
		<header class="area-pg-visual area_renewal">
			<figure class="bgImage"></figure>
			<div class="maxWidth">
				<div class="titleWrap">
					<span>찰스엔터 추천</span><span>파격 혜택</span>
					<h1 class="title">어학연수 <br class="pc-br"><strong>블랙 프라이데이</strong></h1>
					<p class="sub">1년 동안 기다린 어학연수 최대 혜택!</p>
				</div>
				<div class="contactWrapBox">
					<div class="contactWrap">
						<div class="box">
							<strong>국가</strong>
							<p>
								미국, 영국, 캐나다, 호주, 필리핀<br>
								아일랜드, 뉴질랜드, 몰타
							</p>
						</div>
						<div class="box">
							<strong>대상</strong>
							<p>~11/25까지 상담 신청자 한정</p>
						</div>
						<a href="/inquiry/consultation" class="contact-btn"><span>상담 신청 바로가기</span> <figure class="arrow"></figure></a>
					</div>
				</div>
			</div>
		</header>
		 -->
        <header id="heroArea" class="area_renewal">
			<div class="visual">
				<figure class="bgImage"></figure>
				<div class="maxWidth">
					<div class="titleWrap">
						<span>고객들의 만족 후기로 검증된  프로그램</span>
						<h1 class="title">어학연수 <em>든든패키지</em></h1>
					</div>
					<div class="contactWrap">
						<div class="box">
							<div class="tit"><strong>국가</strong></div>
							<p>미국, 영국, 캐나다, 호주, 필리핀, 아일랜드, 뉴질랜드, 몰타</p>
						</div>
						<div class="box">
							<div class="tit"><strong>대상</strong></div>
							<p>25년~26년 어학연수 출국 예정자</p>
						</div>
						<div class="pc-btn"><a href="/inquiry/consultation?program_id=93" class="contact-btn"><span>무료 상담 신청</span> <figure class="arrow"></figure></a></div>
					</div>
				</div>
			</div>
			<div class="noticeBoard">
				<div class="maxWidth">
					<div class="board">
						<figure></figure>
						<div class="textWrap">
							<div class="text">
								<p>인기 어학연수 도시의 숙소 예약이 빠르게 마감 중입니다. 상담 예약을 서둘러 주세요.</p>
								<p>인기 어학연수 도시의 숙소 예약이 빠르게 마감 중입니다. 상담 예약을 서둘러 주세요.</p>
								<p>인기 어학연수 도시의 숙소 예약이 빠르게 마감 중입니다. 상담 예약을 서둘러 주세요.</p>
							</div>
							<div class="text">
								<p>인기 어학연수 도시의 숙소 예약이 빠르게 마감 중입니다. 상담 예약을 서둘러 주세요.</p>
								<p>인기 어학연수 도시의 숙소 예약이 빠르게 마감 중입니다. 상담 예약을 서둘러 주세요.</p>
								<p>인기 어학연수 도시의 숙소 예약이 빠르게 마감 중입니다. 상담 예약을 서둘러 주세요.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
		<!--// 비주얼  -->
		<section>
			<!-- 페이지 탭 메뉴 -->
			<div id="page-tabMenu" class="area_renewal">
				<div class="maxWidth">
					<button type="button" class="active">이달의 혜택</button>
					<button type="button">고객후기</button>
					<button type="button">상세 내용</button>
				</div>
			</div>

			<!-- 핵심 보기 슬라이드 -->
			<article id="pointView" class="moveArea area_renewal">
				<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/pointView_red_icon.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/pointView_red_icon.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/pointView_red_icon.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/pointView_red_icon.svg');"></figure>
									<p>말해보카 <br>3개월 이용권</p>
									<span>쿠폰 소진 시까지</span>
								</div>
								<div class="swiper-slide">
									<figure style="background-image: url('{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/dndn-package/pointView_red_icon.svg');"></figure>
									<p>친구 추천 <br>이벤트</p>
									<span>최대 20만원 페이백</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</article>

			<article>
                <!-- 5월 한정 혜택 -->
                <section class="area_renewal may">
                    <div class="maxWidth">
                        <div class="box">
                            <h2 class="title">다시 오지 않는 <br class="mo-br"><strong>5월 한정 혜택!</strong></h2>
                            <div class="innerBox">
                                <ul class="listEvent">
                                    <li>
                                        <div class="textWrap">
                                            <strong class="titleList">1. 지금이 기회! 영국 어학연수 <figure></figure></strong>
                                            <p class="text">
                                                런던, 브라이튼 등 인기 도시<br>
                                                검증된 명문 어학원만 엄선!<br>
                                                <strong>최대 30% 학비 할인 / 여름 성수기 비용 면제</strong>
                                            </p>
                                            <div>
                                                <a href="https://www.edmuhak.com/language-abroad/lang-abroad-info/13" class="contact-btn">자세히 보기<figure class="arrow"></figure></a>
                                            </div>
                                        </div>
                                        <div class="imgWrap">
                                            <figure></figure>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="textWrap">
                                            <strong class="titleList">2. 실속 Best! 캐나다 어학연수 <figure class="flag02"></figure></strong>
                                            <p class="text">
                                                ILSC, VGC, 카플란 등<br>
                                                높은 만족도+합리적 비용<br>
                                                <strong>최대 40% 학비 할인 / 어학원별 중복 혜택</strong>
                                            </p>
                                            <div>
                                                <a href="https://www.edmuhak.com/language-abroad/lang-abroad-info/14" class="contact-btn">자세히 보기<figure class="arrow"></figure></a>
                                            </div>
                                        </div>
                                        <div class="imgWrap">
                                            <figure class="img02"></figure>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="textWrap">
                                            <strong class="titleList">3. 호주 인기 도시별 패키지 <figure class="flag03"></figure></strong>
                                            <p class="text">
                                                시드니, 브리즈번 등 인기 도시<br>
                                                현지 만족도 높은 어학원<br>
                                                <strong>최대 30% 학비 할인 / 워홀러 추가 프로모션</strong>
                                            </p>
                                            <div>
                                                <a href="https://www.edmuhak.com/language-abroad/lang-abroad-info/15" class="contact-btn">자세히 보기<figure class="arrow"></figure></a>
                                            </div>
                                        </div>
                                        <div class="imgWrap">
                                            <figure class="img03"></figure>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </section>
				<!-- 조회수 폭발 브이로그 -->
				<section class="area_renewal march moveArea">
					<div class="area-vlog common-videoPlay">
						<div class="maxWidth">
							<div class="box-cont">
								<div class="tit-cont">
									<h2><span>핫한 유튜버들이 떠난 <br class="mo-br"><strong>어학연수 전격 대공개</strong></span></h2>
								</div>
								<div class="text-cont">
									<p class="text">지금 바로 확인하는 유튜버 추천 어학연수</p>
								</div>
								<div class="box-video">
									<div class="pc-video left">
									    <div class="videoWrap youtube mainVideo" data-youtube="JO1USEQP-oE">
    										<div class="video"><figure style="background-image:url('https://img.youtube.com/vi/JO1USEQP-oE/maxresdefault.jpg')"></figure></div>
                                            <p>[vlog] 캐나다 어학연수 브이로그 (feat.외국남자 3명과 동거)</p>
    									</div>
									</div>
                                    <div class="mo-video">
                                        <div class="videoWrap youtube" data-youtube="JO1USEQP-oE">
                                            <div class="video"><figure style="background-image:url('https://img.youtube.com/vi/JO1USEQP-oE/maxresdefault.jpg')"></figure></div>
                                            <p>[vlog] 캐나다 어학연수 브이로그 (feat.외국남자 3명과 동거)</p>
                                        </div>
                                        <div class="videoWrap youtube" data-youtube="IhoX5V-aMQw">
                                            <div class="video"><figure style="background-image:url('https://img.youtube.com/vi/IhoX5V-aMQw/maxresdefault.jpg')"></figure></div>
                                            <p>[vlog] 시카고 2주 어학연수: 해외생활 느낀 점, 한식처돌이, 지독한 인프피 콜렉터</p>
                                        </div>
                                        <div class="videoWrap youtube" data-youtube="B4KOaP5f5CE">
                                            <div class="video"><figure style="background-image:url('https://img.youtube.com/vi/B4KOaP5f5CE/maxresdefault.jpg')"></figure></div>
                                            <p>vlog. 🇬🇧Studying abroad in the UK. waking up at 6:30 and going to school. living on my own / suzlnne</p>
                                        </div>
                                    </div>
									<div class="pc-video right">
									    <ul class="videoList">
    										<li class="active">
    											<div class="video" data-youtube="JO1USEQP-oE">
                                                    <figure style="background-image:url('https://img.youtube.com/vi/JO1USEQP-oE/mqdefault.jpg')"></figure>
                                                </div>
                                                <p>[vlog] 캐나다 어학연수 브이로그 (feat.외국남자 3명과 동거)</p>
    										</li>
    										<li>
    											<div class="video" data-youtube="IhoX5V-aMQw">
                                                    <figure style="background-image:url('https://img.youtube.com/vi/IhoX5V-aMQw/mqdefault.jpg')"></figure>
                                                </div>
                                                <p>[vlog] 시카고 2주 어학연수: 해외생활 느낀 점, 한식처돌이, 지독한 인프피 콜렉터</p>
    										</li>
    										<li>
    											<div class="video" data-youtube="B4KOaP5f5CE">
                                                    <figure style="background-image:url('https://img.youtube.com/vi/B4KOaP5f5CE/mqdefault.jpg')"></figure>
                                                </div>
                                                <p>vlog. 🇬🇧Studying abroad in the UK. waking up at 6:30 and going to school. living on my own / suzlnne</p>
    										</li>
    									</ul>
									</div>
								</div>
							</div>
							<div class="box-cont special">
								<div class="tit-cont">
									<h2><span>edm유학센터 <br class="mo-br">어학연수가 <strong>특별한 이유</strong></span></h2>
								</div>
								<div class="text-cont">
									<p class="text">소비자 만족 유학기업 1위의 <br class="mo-br">차별화된 서비스</p>
								</div>
								<div class="roundWrap">
									<div class="roundBox">
										<p class="tit">고객의 높은 <em>서비스 만족도</em></p>
										<p class="sub">(2022.06~08 수속 고객 대상 조사 결과 / <br class="mo-br">응답자 50명 / 중복응답 포함)</p>
										<div class="imgWrap">
                                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/march-special-01.svg" alt="1위 1:1 밀착관리 35%, 2위 무료 원어민 수업 29%, 3위 전문성 25%, 4위 안정성 25%" class="pc-pic">
                                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/march-special-01-mo.svg" alt="1위 1:1 밀착관리 35%, 2위 무료 원어민 수업 29%, 3위 전문성 25%, 4위 안정성 25%" class="mo-pic">
                                        </div>
									</div>
									<div class="roundBox">
										<p class="tit">edm유학센터 <br class="mo-br"><em>지인 추천 의사 100%</em></p>
										<p class="sub">(2022.06~08 수속 고객 대상 조사 결과 / <br class="mo-br">응답자 50명)</p>
										<div class="imgWrap">
                                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/march-special-02.svg" alt="추천의사 100%" class="pc-pic">
                                            <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/march-special-02-mo.svg" alt="추천의사 100%" class="mo-pic">
                                        </div>
									</div>
								</div>
							</div>
							<div class="box-cont review">
								<div class="tit-cont">
									<h2><span>고객들의 <br class="mo-br"><strong>진짜 어학연수 후기</strong></span></h2>
								</div>
								<div class="text-cont">
									<p class="text">어학연수 후, 이렇게 달라졌어요!</p>
								</div>
								<div class="slideWrap">
									<div class="slide">
										<div class="swiper-wrapper">
										@php
											$marchSlide = [
												['다양한 국적과 배경의 친구들을 <br>통해 시야가 넓어지고, <br><em>제 마음가짐과 사고방식이 <br>긍정적</em>으로 달라졌어요!', '박*현 님', 'bg-1'],
												['어학연수 기간 동안 <br>영어 공부는 물론 <em>틈틈이 영국의 <br>도시 곳곳과 7개국을 여행</em>하며 <br>다양한 경험들을 할 수 있었습니다.', '김*언 님', 'bg-2'],
												['어학연수를 계획할 때 막막했지만, <br><em>꼼꼼한 준비와 현지에서의 <br>친절한 도움</em> 덕분에 <br>쉽게 적응할 수 있었습니다.', '신*진 님', 'bg-3'],
												['<em>기초적인 회화도 어렵던 제가 <br>이제는 대화를 리드</em>할 수 있을 <br>정도로 영어회화가 말도 안되게 <br>늘었어요.', '김*휘 님', 'bg-4'],
												['영어만 사용해야 하는 환경이라 <br><em>영어 실력이 정말 많이 늘었고, <br>덕분에 자신감도</em> 생겼답니다!', '함*주 님', 'bg-5'],
												['영어에 대한 막연한 두려움 대신 <br>그동안 쌓은 실력과 자신감으로, <br><em>해외 취업이라는 새로운 목표에 <br>도전</em>하려고 합니다.', '김*휘 님', 'bg-6'],
												['<em>우리나라에 관심이 많은 외국인 <br>친구들이 많아 친구 사귀기가 <br>쉬웠어요!</em> 두려워하지 말고 먼저 <br>다가가 보세요.', '이*현 님', 'bg-7'],
												['외국인과 대화할 때면 <br>항상 떨리고 두려웠는데, <br><em>이제는 어디서든 스몰 톡이 <br>자연스러울 만큼</em> 달라졌어요.','장*은 님', 'bg-8'],
												['어학연수를 통해 <br><em>다양한 문화적 차이에 대한 이해와 <br>가치관이 긍정적으로 달라지며,</em> <br>해외 취업을 준비하고 있습니다.', '이*성 님', 'bg-9'],
												['어학원에서 <em>기념일마다 이벤트와 <br>다양한 주제의 액티비티가 많아</em> <br>지루할 틈 없이 재미있게 공부하고 <br>즐기고 있어요!', '황*연 님', 'bg-10']
											];
										@endphp
										@foreach ($marchSlide as list($text, $name, $image))
											<div class="swiper-slide">
												<figure style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/march-special-slide-{{ $image }}.png');"></figure>
												<p>{!! $text !!}</p>
												<span>{{ $name }}</span>
											</div>
										@endforeach
										</div>
									</div>
									<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>
							</div>
                            <div class="box-cont">
								<div class="tit-cont">
									<h2><span>생생한 <br class="mo-br"><strong>어학연수 브이로그</strong></span></h2>
								</div>
								<div class="text-cont">
									<p class="text">미리 경험하는 진짜 어학연수 생활!</p>
								</div>
								<div class="box-video">
									<div class="pc-video left">
									    <div class="videoWrap youtube mainVideo" data-youtube="Vv9e8kHAOEs">
    										<div class="video"><figure style="background-image:url('https://img.youtube.com/vi/Vv9e8kHAOEs/maxresdefault.jpg')"></figure></div>
                                            <p>영국 어학연수 후기와 Q&A | 런던 생활비, 카플란 어학원, 유학원 선택, 기숙사, 꿀팁 정보 대공개</p>
    									</div>
									</div>
                                    <div class="mo-video">
                                        <div class="videoWrap youtube" data-youtube="Vv9e8kHAOEs">
    										<div class="video"><figure style="background-image:url('https://img.youtube.com/vi/Vv9e8kHAOEs/maxresdefault.jpg')"></figure></div>
                                            <p>영국 어학연수 후기와 Q&A | 런던 생활비, 카플란 어학원, 유학원 선택, 기숙사, 꿀팁 정보 대공개</p>
    									</div>
                                        <div class="videoWrap youtube" data-youtube="ztwpyfYmNx8">
    										<div class="video"><figure style="background-image:url('https://img.youtube.com/vi/ztwpyfYmNx8/maxresdefault.jpg')"></figure></div>
                                            <p>[호주 어학연수] 멜버른 오시기 전 꼭 시청하세요! 호주 날씨, 어학연수 팁, ILSC 어학원 후기</p>
    									</div>
                                        <div class="videoWrap youtube" data-youtube="JBuTyr5Lc2o">
    										<div class="video"><figure style="background-image:url('https://img.youtube.com/vi/JBuTyr5Lc2o/maxresdefault.jpg')"></figure></div>
                                            <p>휴학하고 캐나다 어학연수🇨🇦 | ILAC 토론토 둘러보기, 캐나다에서 편지 보내기, 야구 직관</p>
    									</div>
                                    </div>
									<div class="pc-video right">
									    <ul class="videoList">
    										<li class="active">
    											<div class="video" data-youtube="Vv9e8kHAOEs">
                                                    <figure style="background-image:url('https://img.youtube.com/vi/Vv9e8kHAOEs/mqdefault.jpg')"></figure>
                                                </div>
                                                <p>영국 어학연수 후기와 Q&A | 런던 생활비, 카플란 어학원, 유학원 선택, 기숙사, 꿀팁 정보 대공개</p>
    										</li>
    										<li>
    											<div class="video" data-youtube="ztwpyfYmNx8">
                                                    <figure style="background-image:url('https://img.youtube.com/vi/ztwpyfYmNx8/mqdefault.jpg')"></figure>
                                                </div>
                                                <p>[호주 어학연수] 멜버른 오시기 전 꼭 시청하세요! 호주 날씨, 어학연수 팁, ILSC 어학원 후기</p>
    										</li>
    										<li>
    											<div class="video" data-youtube="JBuTyr5Lc2o">
                                                    <figure style="background-image:url('https://img.youtube.com/vi/JBuTyr5Lc2o/mqdefault.jpg')"></figure>
                                                </div>
                                                <p>휴학하고 캐나다 어학연수🇨🇦 | ILAC 토론토 둘러보기, 캐나다에서 편지 보내기, 야구 직관</p>
    										</li>
    									</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>

				{{-- 어학연수 든든 패키지 --}}
				<!-- <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> -->
				{{-- //어학연수 든든 패키지 --}}

				{{-- 주목! 어학연수 혜택 베스트 --}}
				<section class="benefit-best area_renewal moveArea">
					<div class="maxWidth">
                        <div class="all-title">
                            <p class="sub">놓치면 후회할 다양한 베네핏</p>
                            <h2 class="title">주목! 어학연수 혜택 베스트</h2>
                        </div>

						<div class="roundWrap roundWrap1">
                            <div class="wrap-title">혜택1. 출국 전 <em>영어회화 수업 4주 무료</em></div>
							<article class="article article1">
								<div class="innerWrap textWrap">
									<h3>출국 전, 어학연수 수업을 미리 경험하세요!</h3>
                                    <p><em>오직 edm유학센터에서만 제공</em>되는 <br>‘유학준비반 - 무료 영어 회화 수업' 혜택은 <br>최고의 강의 퀄리티를 보장합니다!</p>
                                    <div class="bottom">
                                        <span>※30주 이상 등록, 보증금 30만원 추가 납부 시 제공 <br class="mo-br">(보증금 추후 환급)</span>
                                        <span>※edm유학센터 강남지사에서 오프라인 수업 진행</span>
                                        <span>※부산/대구 지사 등록 학생의 경우 Zoom수업으로 진행</span>
                                        <span>※매 월 선착순 30명 한정</span>
                                    </div>
								</div>
								<div class="innerWrap imgWrap">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-best-right1.png" alt="4주 무료, JOHN KIM, University of Technology, sydney Bachelor of Medical Science">
                                </div>
							</article>
							<article class="article article2">
                                <p class="sub-title">edm유학센터 <em>‘영어 회화 무료 수업’</em></p>
                                <h3>수강생들에게 물어봤습니다</h3>
                                <p class="sub-bottom">(2022.06~08 유학준비반 수강생 대상 만족도 조사 결과 / <br class="mo-br">응답자 50명)</p>
                                <div class="box-2">
                                    <div class="roundBox">
                                        <p>수업 만족도 <em>90% 이상</em></p>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-best-box1.svg" alt="57.4% 매우 만족, 34% 만족, 8.5% 보통" class="pc-pic">
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-best-box1-mo.svg" alt="57.4% 매우 만족, 34% 만족, 8.5% 보통" class="mo-pic">
                                    </div>
                                    <div class="roundBox">
                                        <p>수업의 장점 <em>TOP 5</em></p>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-best-box2.svg" alt="1위 편안하고 친밀한 수업 분위기, 2위 어학연수 준비생들과의 교류, 3위 다양한 영어회화 수업 방식, 4위 어학연수 수업을 미리 경험 가능, 5위 영어에 대한 자신감 상승" class="pc-pic">
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-best-box2-mo.svg" alt="1위 편안하고 친밀한 수업 분위기, 2위 어학연수 준비생들과의 교류, 3위 다양한 영어회화 수업 방식, 4위 어학연수 수업을 미리 경험 가능, 5위 영어에 대한 자신감 상승" class="mo-pic">
                                    </div>
                                </div>
                                <div class="review-text">
                                    <div class="roundBox">
                                        <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section04-img08-221026.jpg');"></div>
                                        <div class="textWrap">
                                            <p>수업이 강의식이 아니라 정말 다양한 활동 <em>(토론, 스피드 퀴즈, 문법 공부, 리스닝 연습, 팀 짜서 간단한 발표하기 등)</em>으로 진행돼서 너무 재밌었습니다.</p>
                                            <p class="name">캐나다 어학연수 - 신*수 고객</></p>
                                        </div>
                                    </div>
                                    <div class="roundBox">
                                        <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section04-img09-221026.jpg');"></div>
                                        <div class="textWrap">
                                            <p><em>매번 지루하지 않고 흥미 있는 수업이 이루어졌습니다. </em>또한 매 수업후에 그날 배운 중요 단어나 문구, 억양, 발음 등 더 연습이 필요한 부분에 대한 <em>코멘트와 피드백</em>을 받아 볼 수 있어서 좋았습니다.</p>
                                            <p class="name">영국 어학연수 - 김*진 고객</p>
                                        </div>
                                    </div>
                                    <div class="mo-btn"><button type="button" class="moreBtn">더보기 <svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 6L8.5 10L4.5 6" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button></div>
                                    <div class="roundBox">
                                        <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section04-img10-221026.jpg');"></div>
                                        <div class="textWrap">
                                            <p>영어로 말하고 듣는 것에 대한 두려움이 있었는데 원어민 선생님의 이야기를 듣고, 제가 이야기하는 것을 원어민 선생님이 이해주시는 모습을 보고 <em>두려움이 조금은 없어진 것 같았습니다.</em></p>
                                            <p class="name">미국 어학연수 - 박*빈 고객</p>
                                        </div>
                                    </div>
                                    <div class="roundBox">
                                        <div class="imgWrap" style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section04-img11-221026.jpg');"></div>
                                        <div class="textWrap">
                                            <p>원어민 선생님과 주3일씩 각각 다른 주제들을 영어로 토론하면서 영어로 대화하는 것에 대한 부담을 줄일 수 있었고, <em>영어를 잘하지 못해도 부끄럼 없이 참여할 수 있었습니다.</em></p>
                                            <spp class="name">영국 어학연수 - 김*령 고객</spp>
                                        </div>
                                    </div>
                                </div>
                                <div class="videoWrap youtube">
                                    <div class="video" data-youtube="Pyje_94xu9k">
                                        <figure style="background-image:url('https://img.youtube.com/vi/Pyje_94xu9k/maxresdefault.jpg')"></figure>
                                    </div>
                                </div>
                            </article>
						</div>

						<div class="roundWrap roundWrap2">
                            <div class="wrap-title">혜택 2. 어학연수 <em>학비 최대 혜택</em> 적용!</div>
                            <article class="article article1">
								<div class="innerWrap textWrap">
									<h3>기간이 길어질 수록 더욱 낮아지는 학비!</h3>
                                    <p>어학연수 등록 주수 및 학교에 따른 <br><em>초특가 할인 혜택</em>이 상시 제공됩니다.</p>
                                    <div class="bottom">
                                        <span>※등록 주수 및 학교별 학비 할인 금액 상이</span>
                                    </div>
								</div>
								<div class="innerWrap imgWrap">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-best-right2.png" alt="최대혜택, 어학연수 학비 초특가 할인혜택">
                                </div>
							</article>
						</div>

                        <div class="roundWrap roundWrap2">
                            <div class="wrap-title">혜택 3. <em>말해보카</em> 3개월 이용권</div>
                            <article class="article article1">
								<div class="innerWrap textWrap">
									<h3>출국 전부터 <em>실전 영어</em>를 준비해 보세요!</h3>
                                    <p>미리 영어 공부를 얼마나 했는지에 따라 <br>어학연수의 효과는 달라질 수 있습니다.</p>
                                    <div class="bottom">
                                        <span>※30주 이상 등록, 보증금 입금 시 제공</span>
                                        <span>※선착순 증정으로 쿠폰 소진 시 종료</span>
                                    </div>
								</div>
								<div class="innerWrap imgWrap">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-best-right3.png" alt="말해보카 3개월 이용권">
                                </div>
							</article>
						</div>

                        <div class="roundWrap roundWrap2">
                            <div class="wrap-title other">혜택 4. <em>edm토익 + 문법마스터</em> 인강 100일 이용권</div>
                            <article class="article article1">
								<div class="innerWrap textWrap">
									<h3>문법 공부도 완벽하게 지원합니다!</h3>
                                    <p><em>기초 문법 향상</em>을 위한 강의와 <br>적중률 높은 토익 기출 변형 문제 모음</p>
                                    <div class="bottom">
                                        <span>※수속 고객 전원 증정</span>
                                        <span>※100일 온라인 강의 이용권</span>
                                    </div>
								</div>
								<div class="innerWrap imgWrap">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-best-right4.png" alt="100일 이용권 edm토익">
                                </div>
							</article>
						</div>
                        <div class="roundWrap roundWrap2">
                            <div class="wrap-title">혜택 5. <em>국가별 어학연수 생활백서 증정</em></div>
                            <article class="article article1">
								<div class="innerWrap textWrap">
									<h3>입국부터 정착 & 여행 정보까지 모두 담은 책!</h3>
                                    <p>국가별 생활백서는 <br>edm유학센터의 <em>어학연수 고객들을 위해 <br>자체 제작</em>한 핸디북입니다.</p>
								</div>
								<div class="innerWrap imgWrap">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-best-right5.png" alt="증정, 국가별 어학연수 생활백서 증정">
                                </div>
							</article>
						</div>
                        <div class="roundWrap roundWrap2">
                            <div class="wrap-title">혜택 6. <em>친구 추천 10+10만 원 페이백</em></div>
                            <article class="article article1">
								<div class="innerWrap textWrap">
									<h3>친구, 가족 등 지인들에게 <br>edm유학센터를 추천해 주세요.</h3>
                                    <p>추천인과 지인 모두에게 <br><em>각 10만 원씩 페이백 혜택</em>을 드립니다.</p>
                                    <div class="bottom">
                                        <span>※12주 이상 등록 시 해당</span>
                                        <span>※필리핀 어학원 수속시 적용 불가</span>
                                        <span>※담당 컨설턴트에게 지인을 직접 추천할 시에만 적용</span>
                                    </div>
								</div>
								<div class="innerWrap imgWrap">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-best-right6.png" alt="증정, 국가별 어학연수 생활백서 증정">
                                </div>
							</article>
						</div>
					</div>
				</section>
				{{-- //수업 4주 무료 --}}

				<!-- 2025년, 어학연수 학비 인상 예정 -->
				<section class="area-notice area_renewal">
					<div class="maxWidth">
						<div class="box-cont">
							<em class="tag-notice">NOTICE</em>
							<p><b>주요 인기 어학연수 도시의 <br class="mo-br">숙소 예약이 빠르게 마감되고 있습니다. </b><br>희망하는 일정과 숙소 형태로 <br class="mo-br">원활한 예약을 위해 최소 출국 6개월 전부터 <br class="mo-br">준비하실 것을 권장해 드립니다.</p>
						</div>
					</div>
				</section>

				{{-- 어학연수 국가별 특징 --}}
				<section class="characteristic-country area_renewal">
					<div class="maxWidth">
                        <div class="all-title">
                            <p class="sub">손쉽게 확인하는 나라별 장단점 비교</p>
                            <h2 class="title">국가별 어학연수 특징</h2>
                        </div>

						<div class="slideWrap">
                            <div class="navigation">
                                <div class="mo-pagi pagination"></div>
                                <button type="button" class="nav-prev"></button>
                                <button type="button" class="nav-next"></button>
                            </div>
                            <div class="slide">
                                <div class="swiper-wrapper">
                                    @php
                                        $countrySlide = [
                                            ['미국','<p class="dotTxt">전세계 공용어인 미국식 영어 습득</p><p class="dotTxt">다양한 어학연수 지역과 프로그램</p><p class="dotTxt">대학 진학 연계 영어 과정 학생 다수</p><p class="dotTxt">전반적인 물가 수준 높음</p>','뉴욕, 보스턴, LA, 샌프란시스코, 샌디에고','불가','보통','img1'],
                                            ['영국','<p class="dotTxt">전통과 역사를 가진 수준 높은 어학원 多</p><p class="dotTxt">주변 유럽 국가로 여행 용이</p><p class="dotTxt">높은 유럽 학생 비율</p><p class="dotTxt">일반영어 및 시험 준비 과정 인기</p>','런던, 브라이튼, 본머스, 옥스포드, 캠브리지','불가','낮음','img2'],
                                            ['캐나다','<p class="dotTxt">가장 인기있는 어학연수 국가</p><p class="dotTxt">안전하고 아름다운 자연환경</p><p class="dotTxt">코업, 테솔, 통번역 등 다양한 프로그램</p><p class="dotTxt">유학 후 열린 현지 취업과 이민 기회</p>','밴쿠버, 토론토, 몬트리올, 캘거리','불가','높음','img3'],
                                            ['호주','<p class="dotTxt">상대적으로 저렴한 학비와 생활비</p><p class="dotTxt">경제활동을 통한 비용 절감 가능</p><p class="dotTxt">연중 온화한 날씨와 한국과 적은 시차</p><p class="dotTxt">전반적인 물가 수준 높음</p>','시드니, 브리즈번, 멜버른, 퍼스','가능','높음','img4'],
                                            ['뉴질랜드','<p class="dotTxt">깨끗하고 아름다운 자연환경</p><p class="dotTxt">국가에서 직접 관리 검증하는 어학원</p><p class="dotTxt">안전하고 수준 높은 교육 환경</p><p class="dotTxt">일반영어 및 시험 준비 과정 인기</p>','오클랜드','가능','낮음','img5'],
                                            ['아일랜드','<p class="dotTxt">영국과 가까이 위치한 유럽 국가</p><p class="dotTxt">영국보다 저렴한 학비</p><p class="dotTxt">안전하고 깨끗한 환경</p><p class="dotTxt">어학연수 기간 중 유럽여행 용이</p>','더블린, 코크','가능','낮음','img6'],
                                            ['몰타','<p class="dotTxt">아름다운 지중해의 섬나라</p><p class="dotTxt">영국식 문화와 영어 사용 환경</p><p class="dotTxt">해양 스포츠와 휴양을 즐기기에 적합한 환경</p><p class="dotTxt">어학연수 기간 중 유럽여행 용이</p>','발레타, 슬리에마, 세인트 줄리앙스','가능','낮음','img7'],
                                            ['필리핀','<p class="dotTxt">타 국가 대비 매우 저렴한 학비</p><p class="dotTxt">식사, 청소, 세탁 서비스가 포함된 기숙사</p><p class="dotTxt">소규모 집중 수업 진행</p><p class="dotTxt">저렴한 비용으로 해양 스포츠 체험</p>','세부, 바기오','불가','높음','img8']
                                        ];
                                    @endphp
                                    @foreach ($countrySlide as list($country, $info, $city, $partTime, $Koreans, $image))
                                        <div class="swiper-slide">
                                            <figure style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/characteristic-country-{{ $image }}.png');"></figure>
                                            <div class="textWrap">
                                                <h3><em>{{ $country }}</em> 어학연수</h3>
                                                <div class="box">
                                                    <div class="left"><span>주요특징</span></div>
                                                    <div class="right">{!! $info !!}</div>
                                                </div>
                                                <div class="box">
                                                    <div class="left"><span>추천도시</span></div>
                                                    <div class="right">{{ $city }}</div>
                                                </div>
                                                <div class="box">
                                                    <div class="left"><span>파트타임</span></div>
                                                    <div class="right">{{ $partTime }}</div>
                                                </div>
                                                <div class="box">
                                                    <div class="left"><span>한인비율</span></div>
                                                    <div class="right">{{ $Koreans }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
						</div>
					</div>
				</section>
				{{-- //어학연수 국가별 특징 --}}

                <!-- 이달의 추천 어학연수 기관 -->
                <section class="recommended-training area_renewal">
                    <div class="maxWidth">
                        <div class="all-title">
                            <p class="sub">놓칠 수 없는 신규 이벤트와 추가 혜택 </p>
                            <h2 class="title">이달의 추천 어학연수 기관</h2>
                        </div>
                        <ul class="list">
                            <li class="ec">
                                <figure style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/recommended-training-1.png');"></figure>
                                <div class="textWrap">
                                    <strong>EC English <br class="mo-br">Language <br class="mo-br">Centers</strong>
                                    <p>미국, 영국, 캐나다, 몰타 등</p>
                                </div>
                            </li>
                            <li class="kaplan">
                                <figure style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/recommended-training-2.png');"></figure>
                                <div class="textWrap">
                                    <strong>Kaplan <br class="mo-br">International <br class="mo-br">Languages</strong>
                                    <p>미국, 영국, 캐나다 등</p>
                                </div>
                            </li>
                            <li class="ilsc">
                                <figure style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/recommended-training-3.png');"></figure>
                                <div class="textWrap">
                                    <strong>ILSC <br class="mo-br">Language <br class="mo-br">Schools</strong>
                                    <p>캐나다, 호주</p>
                                </div>
                            </li>
                            <li class="ces">
                                <figure style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/recommended-training-4.png');"></figure>
                                <div class="textWrap">
                                    <strong>Centre <br class="mo-br">of English <br class="mo-br">Studies</strong>
                                    <p>영국, 아일랜드, 캐나다</p>
                                </div>
                            </li>
                            <li class="bayswater">
                                <figure style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/recommended-training-5.png');"></figure>
                                <div class="textWrap">
                                    <strong>Bayswater <br class="mo-br">College</strong>
                                    <p>영국, 캐나다</p>
                                </div>
                            </li>
                            <li class="vgc">
                                <figure style="background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/recommended-training-6.png');"></figure>
                                <div class="textWrap">
                                    <strong>VGC <br class="mo-br">International <br class="mo-br">College</strong>
                                    <p>캐나다</p>
                                </div>
                            </li>
                        </ul>
                        <p class="bottom-txt">※ 추가 혜택은 선착순으로 제공되며, <br class="mo-br">접수 상황에 따라 조기에 마감될 수 있습니다.</p>
                        <p class="next-txt">edm유학센터의 <br class="mo-br">더 많은 프로모션이 궁금하다면?</p>
                        <div class="link-btn"><a href="https://www.edmuhak.com/inquiry/consultation?program_id=93" class="btn">지금 바로 문의하기 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div>
                    </div>
                </section>
			</article>

            <!-- 쏟아지는 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' => ''])
		</section>
	</article>
<script src="{{ asset('js/common-renewal.js?v=241025') }}"></script>
<script>
    function isMobile() {
        const userAgent = navigator.userAgent.toLowerCase();
        const mobileKeywords = ['android', 'iphone', 'ipad', 'ipod', 'blackberry', 'windows phone', 'opera mini', 'mobile'];

        return mobileKeywords.some(keyword => userAgent.includes(keyword));
    }

	// 핵심 보기
	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;
		}
	});

	// 고객들의 진짜 어학연수 후기
	var marchReview = new Swiper(".march.dndn-package .area-vlog .box-cont.review .slide", {
		slidesPerView: 1.5,
		slidesPerGroup: 1,
		spaceBetween: 8,
		touchRatio: 1,
		loop: true,
		autoplay : {
			delay : 2400,
			disableOnInteraction : false,
		},
		navigation: {
			nextEl: '.march.dndn-package .area-vlog .box-cont.review .slideWrap .nav-next',
			prevEl: '.march.dndn-package .area-vlog .box-cont.review .slideWrap .nav-prev',
		},
		pagination: {
			el: ".march.dndn-package .area-vlog .box-cont.review .slideWrap .fraction",
			type: "fraction",
		},
		speed: 500,
        breakpoints: {
            600:{
                slidesPerView: 1.7,
            },
            769:{
                slidesPerView: 2.3,
                touchRatio: 0,
            },
            1000:{
                slidesPerView: 2.7,
                touchRatio: 0,
            },
            1400:{
                slidesPerView: 4,
                spaceBetween: 24,
                touchRatio: 0,
            }
        }
	});

    let videoPlay_review = true;
	$('.march.dndn-package .area-vlog .box-cont.review .slideWrap .control').on('click',function(){
		if(videoPlay_review == true){
			$(this).addClass('play');
			marchReview.autoplay.stop();
			videoPlay_review = false;
		}else if(videoPlay_review == false){
			marchReview.autoplay.start();
			$(this).removeClass('play');
			videoPlay_review = true;
		}
	});

    // 리뷰 더보기 버튼 (mobile)
    $('.benefit-best .article2 .review-text .moreBtn').on('click',function(){
        $(this).parents('.mo-btn').addClass('active');
    });

    // 국가별 어학연수 특징
    var countryBullet = ['미국','영국','캐나다','호주','뉴질랜드','아일랜드','몰타','필리핀'];
    var characteristicCountry = new Swiper(".characteristic-country .slide", {
		slidesPerView: 1,
		slidesPerGroup: 1,
		spaceBetween: 16,
		touchRatio: 1,
		loop: true,
		// autoplay : {
		// 	delay : 2400,
		// 	disableOnInteraction : false,
		// },
		navigation: {
			nextEl: '.characteristic-country .slideWrap .nav-next',
			prevEl: '.characteristic-country .slideWrap .nav-prev',
		},
		pagination: {
			el: ".characteristic-country .slideWrap .pagination",
			clickable: true,
            renderBullet: function (index, className) {
                return '<div class="' + className + '"><span>' + (countryBullet[index]) + '</span></div>';
            },
		},
		speed: 500,
        breakpoints:{
            769:{
                slidesPerView: 2,
                spaceBetween: 24,
                touchRatio: 0,
            },
            1200:{
                slidesPerView: 3,
                spaceBetween: 24,
                touchRatio: 0,
            }
        }
	});


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

    $('.videoWrap.youtube').each(function(index,item){
        $(item).on('click',function(){
            $('.videoWrap.youtube').find('figure').show().parents('.videoWrap.youtube').find('iframe').remove(); // default
            $(this).find('figure').hide();
            $(this).find('.video').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>');
        });
    });

    $('.area-vlog .videoList .video').click(function(){
        let _thisVideoText = $(this).parents('li').find('p').text();
        $('.area-vlog .videoList li').eq(0).addClass('active').siblings().removeClass('active'); // default
        $(this).parents('li').addClass('active').siblings().removeClass('active');
        $(this).closest('.box-video').find('.mainVideo figure').hide();
        $(this).closest('.box-video').find('.mainVideo .video').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>');
        $(this).parents('.box-video').find('.mainVideo p').text(_thisVideoText);
    });

    let resizeTimeout;
    var _window = $(window).outerWidth();
    addEventListener("resize", (event) => {
        resizeTimeout = setTimeout(() => {
            _window = $(window).outerWidth();
            if(_window >= 769){
                $('.area-vlog .mo-video .videoWrap.youtube iframe').remove();
                $('.area-vlog .mo-video .videoWrap.youtube figure').show();
                $('.area-vlog .videoList li').eq(0).addClass('active').siblings().removeClass('active'); // default
            }else{
                $('.area-vlog .mainVideo iframe').remove();
                $('.area-vlog .mainVideo figure').show();
            }
        }, 250);
    });


	// 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