@extends("academy.layout", ['service' => 'academy'])

@section("academy-css")
	<!-- slide -->
	{{-- <link href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css" rel="stylesheet"> --}}
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/splidejs/4.1.4/css/splide.min.css" integrity="sha512-KhFXpe+VJEu5HYbJyKQs9VvwGB+jQepqb4ZnlhUF/jQGxYJcjdxOTf6cr445hOc791FFLs18DKVpfrQnONOB1g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

	<!-- aos -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" referrerpolicy="no-referrer" />

	<!-- main -->
	{!! resource('css/academy/main.css') !!}
@endsection

@section("academy-content")
<div id="wrap" class="mainPage">
	<h1 class="pageTitle hidden">아이엘츠 어학센터</h1>

    <!-- 상단 배너 start -->
    <div class="top-banner main-apply">
        <div class="textWrap max-width">
			<p class="pretendard"><i class="ico_bell"></i>
                {{site_content_text('home.academy.generalLecture')}}</p>
			<a href="#none" class="popupOn">1:1 무료상담 신청하기</a>
        </div>
    </div>
    <div class="top-banner main-apply-info">
        <div class="max-width">
            <div class="textWrap title">
				<p class="pretendard"><i class="ico_bell"></i>
                    {!! site_content_text('home.academy.generalLectureMobile') !!}</p>
				<a href="#none" class="popupOn">1:1 무료상담 신청하기</a>
            </div>
            <ul class="ul pretendard">
                <li class="li">
                    <a href="/academy/enrol?anchor=5">
                        <div class="imgWrap" style="background: linear-gradient(180deg, #FFF9C9 0%, #FFEADC 100%);">
                            <p class="subTxt">최대 44만원 혜택</p>
                            <p class="mainTxt">오전종합반</p>
                            <p class="time">10:00 - 14:00</p>
                        </div>
                    </a>
                </li>
                <li class="li">
                    <a href="/academy/enrol?anchor=6">
                        <div class="imgWrap" style="background: linear-gradient(180deg, #FFF9C9 0%, #FFEADC 100%);">
                            <p class="subTxt">최대142만원혜택</p>
                            <p class="mainTxt">종일집중반</p>
                            <p class="time">10:00-18:00</p>
                        </div>
                    </a>
                </li>
                <li class="li">
                    <a href="/academy/enrol?anchor=7">
                        <div class="imgWrap" style="background: linear-gradient(180deg, #FFF9C9 0%, #FFEADC 100%);">
                            <p class="subTxt">최대18만원혜택</p>
                            <p class="mainTxt">저녁종합반</p>
                            <p class="time">19:00-21:00</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 상단 배너 end -->


	<div id="main_pin">
		<section class="section" id="main_banner">
			<div class="main_banner_slide">
				<div id="scroll-container">
					<div class="stepped-animation">
						<div class="single-step one">
							<div class="single-step__inner">
								IELTS 합격점수<br><span class="span"><em>평균 7.0</em></span><br>달성 기간 <span class="span"><em>1.8개월</em></span>
							</div>
						</div>
						<div class="single-step two">
							<div class="single-step__inner normal">
								edm의 미친 자신감,<br>확인하는데 단 3분이면<br>충분합니다.
							</div>
						</div>
					</div>
				</div>
				<span class="scroll-down">

				</span>
			</div>
		</section>
	</div>


	<section class="section">
		<article class="article transcript">
			<div class="max-width">
				<div class="txt-hero2">
					<span class="span">여러분과 같은 고민을 하던 수강생이었습니다.</span>
					실제 수강생 목표 달성 <em>합격</em>후기
				</div>
				<div class="txt-cate">
					게시판 후기
				</div>
			</div>

			<div class="trans-slide">
				<div class="slide-wrapper">
					@foreach ( $board_reviews as $review)
						<div class="slide">
							<div class="score"><span class="span">score</span><b>{{ $review['score'] }}</b></div>
							<figure class="figure">
								<strong class="strong">수강기간 {{ $review['due'] }}</strong>
								<p><em>{{ $review['title'] }}</em></p>
								<div class="div">
									{{ $review['desc'] }}
								</div>
								<span class="span">{{ $review['name'] }} 수강생</span>
							</figure>
						</div>
					@endforeach
				</div>
				<div class="max-width">
					<a href="{{ route('class.index', ['service' => 'academy']) }}">더 많은 후기 보러가기</a>
				</div>
			</div>

			<div class="max-width">
				<div class="txt-cate">
					카톡 후기
				</div>
			</div>
			<div class="kakaoReview">
				<div class="slideWrap">
					<div class="navigation max-width">
						<button type="button" class="button prev navi"><span class="span">이전</span><svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31 35L24 28L31 21" stroke="#40404E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg></button>
						<button type="button" class="button next navi"><span class="span">다음</span><svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M25 21L32 28L25 35" stroke="#40404E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg></button>
					</div>
					<div class="slide">
						<div class="swiper-wrapper">
							@foreach ( $kakao_reviews as $review)
								<div class="swiper-slide">
									<div class="imgWrap">
										<img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/{{ $review['file_name'] }}" alt="{{ $review['file_name'] }}" loading="lazy">
									</div>
									<p class="subject">{{ $review['text'] }}</p>
								</div>
							@endforeach
						</div>
					</div>
				</div>
			</div>
		</article>

        @if (! empty($eventBanner))
		<article class="eventBanner">
            <div id="eventBannerSlide">
                <div class="swiper-wrapper">
                    @foreach ( $eventBanner as $key => $banner )
                    <div class="swiper-slide timer">
                        <a href="{{ $banner['link'] }}">
                            <picture>
                                <source srcset="{{ env('AWS_S3_IMG_URL') }}{{ $banner['urls'][0] }}" media="(min-width: 1200px)">
                                <source srcset="{{ env('AWS_S3_IMG_URL') }}{{ $banner['urls'][1] }}" media="(min-width: 576px)">
                                <img src="{{ env('AWS_S3_IMG_URL') }}{{ $banner['urls'][2] }}" alt="{{ $banner['name'] }}" loading="lazy">
                            </picture>
                        </a>
                    </div>
                    @endforeach
                </div>
            </div>
        </article>
        @endif

		<article class="article teacherList">
			<div class="max-width">
				<div class="txt-hero2">
					<span class="span">강사의 차이가 성적의 차이를 만듭니다.</span>
					edm아이엘츠 스타강사 라인업
				</div>
			</div>
			<div class="max-width">
				<img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/teachers.webp" alt="" loading="lazy">
				<ul class="ul" id="teacherCheck" data-aos="">
					<li class="li">
						<svg class="ico-check" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27" height="27" viewBox="0 0 27 27"> <defs> <clipPath> <rect width="27" height="27" transform="translate(0 0)" fill="#fff"/> </clipPath> </defs> <g clip-path="url(#clip-path)"> <g transform="translate(4.172 6.885)"> <path d="M415.744,312.958c.832.9,1.767,1.647,2.649,2.5-3.474,3.52-7.222,7.222-10.709,10.729-2.163-2.214-5.091-5.025-7.26-7.234.9-.84,1.84-1.7,2.7-2.576,1.336,1.291,3.249,3.277,4.6,4.552,2.651-2.576,5.352-5.343,8.022-7.974Z" transform="translate(-400.425 -312.958)" fill="#afb1b9"/> </g> </g></svg>
						<p>영국, 호주 명문대 영어교육 석사 출신 원어민 강사진</p>
					</li>
					<li class="li">
						<svg class="ico-check" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27" height="27" viewBox="0 0 27 27"> <defs> <clipPath> <rect width="27" height="27" transform="translate(0 0)" fill="#fff"/> </clipPath> </defs> <g clip-path="url(#clip-path)"> <g transform="translate(4.172 6.885)"> <path d="M415.744,312.958c.832.9,1.767,1.647,2.649,2.5-3.474,3.52-7.222,7.222-10.709,10.729-2.163-2.214-5.091-5.025-7.26-7.234.9-.84,1.84-1.7,2.7-2.576,1.336,1.291,3.249,3.277,4.6,4.552,2.651-2.576,5.352-5.343,8.022-7.974Z" transform="translate(-400.425 -312.958)" fill="#afb1b9"/> </g> </g> </svg>
						<p>IELTS만 10년 이상의 검증된 경력과 문항 개발 능력 보유</p>
					</li>
					<li class="li">
						<svg class="ico-check" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27" height="27" viewBox="0 0 27 27"> <defs> <clipPath> <rect width="27" height="27" transform="translate(0 0)" fill="#fff"/> </clipPath> </defs> <g clip-path="url(#clip-path)"> <g transform="translate(4.172 6.885)"> <path d="M415.744,312.958c.832.9,1.767,1.647,2.649,2.5-3.474,3.52-7.222,7.222-10.709,10.729-2.163-2.214-5.091-5.025-7.26-7.234.9-.84,1.84-1.7,2.7-2.576,1.336,1.291,3.249,3.277,4.6,4.552,2.651-2.576,5.352-5.343,8.022-7.974Z" transform="translate(-400.425 -312.958)" fill="#afb1b9"/> </g> </g> </svg>
						<p>채점 기준에 맞춘 원어민식 자연스럽고 풍성한 표현법 전수</p>
					</li>
				</ul>
			</div>
			<div class="teacherVideo">
				<div class="slideWrap">
					<div class="navigation max-width">
						<button type="button" class="button prev navi"><span class="span">이전</span><svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31 35L24 28L31 21" stroke="#40404E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg></button>
						<button type="button" class="button next navi"><span class="span">다음</span><svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M25 21L32 28L25 35" stroke="#40404E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg></button>
					</div>
					<div class="slide">
						<div class="swiper-wrapper">
							@foreach ($videos as $video)
								<div class="swiper-slide">
									<div class="videoWrap" data-youtube="{{ $video['video_url'] }}">
										<figure>
                                            <img src="https://img.youtube.com/vi/{{ $video['video_url'] }}/maxresdefault.jpg" alt="youtube thumbnail" loading="lazy">
                                        </figure>
									</div>
									<p class="subject ellipsis_2">{{ $video['title'] }}</p>
								</div>
							@endforeach
						</div>
					</div>
				</div>
			</div>
		</article>

		<article class="article mantoman">
			<div class="max-width">
				<div class="txt-hero2"><span class="span">초단기 목표 점수 달성을 가능케한 시스템</span>1:1 빡센 밀착 관리</div>
				<div class="cardWrap flex">
					<div class="card" data-aos="fade-up" data-aos-duration="800">
						<div class="div">
							<span class="span">
								Point 1
							</span>
							<p>
								레벨테스트로 실력체크, <br>
								맞춤 수강 플랜 제시
							</p>
							<a href="{{ route('leveltest', ['service' => 'academy']) }}">레벨테스트 바로가기</a>
						</div>
						<img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/mantoman1.webp" alt="" loading="lazy">
					</div>
					<div class="card" data-aos="fade-up" data-aos-delay="100" data-aos-duration="800">
						<div class="div">
							<span class="span">
								Point 2
							</span>
							<p>
								강사팀 집중 Care <br>
								개인 맞춤 피드백
							</p>
						</div>
						<img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/mantoman2.webp" alt="" loading="lazy">
					</div>
					<div class="card" data-aos="fade-up" data-aos-delay="200" data-aos-duration="800">
						<div class="div">
							<span class="span">
								Point 3
							</span>
							<p>
								강사팀 집중 Care <br>
								1:1 Report (종일집중반)
							</p>
						</div>
						<img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/mantoman3.webp" alt="" loading="lazy">
					</div>
					<div class="card" data-aos="fade-up" data-aos-delay="300" data-aos-duration="800">
						<div class="div">
							<span class="span">
								Point 4
							</span>
							<p>
								실시간 카톡 질의 응답 <br>
								담당선생님, 수강생들과 <br>
								자유로운 소통
							</p>
						</div>
						<img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/mantoman4.webp" alt="" loading="lazy">
					</div>
				</div>
			</div>
		</article>

		<article class="article edmTestPlace">
			<div class="panel cover">
				<div class="max-width">
					<div class="txt-hero2"><span class="span">익숙한 곳에서 긴장감 없이 응시하세요.</span>실전 모의고사도<br>edm 공식 시험장에서</div>
				</div>
				<div class="placeWrap">
					<div class="placeSlide">
						<i class="ielts-logo"></i>
						<div class="navigation">
							<button type="button" class="button prev navi">
									<span class="span">이전</span>
							</button>
							<button type="button" class="button next navi">
									<span class="span">다음</span>
							</button>
						</div>
						<div class="slide">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="div">
										<i class="ico-place1"></i><strong class="strong">접근성</strong><span class="star-rate"></span><span class="span">5.0</span>
									</div>
									<div class="div">가깝고 익숙한 분위기에서<br>시험을 볼 수 있습니다.</div>
								</div>
								<div class="swiper-slide">
									<div class="div">
										<i class="ico-place2"></i><strong class="strong">시설</strong><span class="star-rate"></span><span class="span">5.0</span>
									</div>
									<div class="div">깔끔하고 조용하고 쾌적합니다~!</div>
								</div>
								<div class="swiper-slide">
									<div class="div">
										<i class="ico-place3"></i><strong class="strong">음향상태</strong><span class="star-rate"></span><span class="span">5.0</span>
									</div>
									<div class="div">화면이 크고 리스닝 음질이 좋아<br>불편함이 없었습니다.</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="panel benefits">
				<div class="present">
					<div class="max-width">
						<p class="title">실전 모의고사 구성 혜택</p>
						<div id="testSlide">
							<ul class="ul swiper-wrapper">
								<li class="li swiper-slide one">
									<figure></figure>
									<p>매월 2회 무료</p>
								</li>
								<li class="li swiper-slide two">
									<figure></figure>
									<p>어학센터 풀이 수업 진행</p>
								</li>
								<li class="li swiper-slide three">
									<figure></figure>
									<p>채점 및 1:1 피드백</p>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</article>

		<article class="article onlyEdm">
			<div class="max-width">
				<div class="txt-hero2"><span class="span">오직 edm 아이엘츠에서만!</span>자습 복습 동기부여 끝판왕</div>
				<div class="cardWrap flex">
					<div class="card">
						<img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_only_1.webp" alt="" loading="lazy">
						<p>
							<i class="ico-only-1"></i>
							<span class="span">online</span>
						</p>
						<div class="div">
							놓친 내용이 있다면?<br>
							센터 현강 온라인 다시보기 제공
						</div>
					</div>
					<div class="card">
						<img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_only_2.webp" alt="" loading="lazy">
						<p>
							<i class="ico-only-2"></i>
							<span class="span">study</span>
						</p>
						<div class="div">
							공부할 곳 찾아다니지 마세요!<br>
							쾌적&깔끔 무료 자습실 운영
						</div>
					</div>
					<div class="card">
						<img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_only_3.webp" alt="" loading="lazy">
						<p>
							<i class="ico-only-3"></i>
							<span class="span">special</span>
						</p>
						<div class="div">
							월 1회 시험대비 빈출 특강<br>
							<p>· 직전 1~2개월 기출 반영</p>
							<p>· 온라인 무료 제공</p>
						</div>
					</div>
					<div class="card">
						<img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_only_4.webp" alt="" loading="lazy">
						<p>
							<i class="ico-only-4"></i>
							<span class="span">scholarship</span>
						</p>
						<div class="div">
							성적올리고 상품받아가세요~ <br>
							이달의 장학생 선정
						</div>
					</div>
				</div>
			</div>
		</article>

		<article class="article oneStop">
			<div class="max-width">
				<div class="txt-hero2"><span class="span">IELTS부터 성공적인 유학까지</span>One-stop 시스템</div>
				<p class="subTitle">
					유학준비부터 IELTS까지<br>연계된 <em>통합 시스템</em>으로
				</p>
				<ul class="onestopUl">
					<li class="onestopLi">
						<div class="div logo-slide-wrap">
							<div class="line">
								<ul class="ul rolling-box">
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_01.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_02.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_03.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_04.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_05.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_06.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_07.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_08.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_09.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_10.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_11.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_12.webp" alt="" loading="lazy"></li>
								</ul>
							</div>
							<div class="line">
								<ul class="ul rolling-box">
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_13.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_14.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_15.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_16.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_17.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_18.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_19.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_20.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_21.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_22.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_23.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_24.webp" alt="" loading="lazy"></li>
								</ul>
							</div>
							<div class="line">
								<ul class="ul rolling-box">
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_25.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_26.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_27.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_28.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_29.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_30.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_31.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_32.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_33.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_34.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_35.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_36.webp" alt="" loading="lazy"></li>
								</ul>
							</div>
							<div class="line">
								<ul class="ul rolling-box">
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_37.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_38.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_39.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_40.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_41.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_42.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_43.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_44.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_45.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_46.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_47.webp" alt="" loading="lazy"></li>
									<li class="li"><img src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/img_banner_48.webp" alt="" loading="lazy"></li>
								</ul>
							</div>
						</div>
						<i class="txt-img">유학센터</i>
						<p>
							글로벌 대학의 정보를 빠르게 파악하고<br>최적의 방법으로 준비하실 수 있습니다.
						</p>
					</li>
					<li class="onestopLi">
						<div class="div onestopimg">

						</div>
						<i class="txt-img">아이엘츠</i>
						<p>
							시간과 노력을 절약하고 효율적으로 준비할 수 있도록<br>전문 컨설턴트의 실질적인 지원을 받을 수 있습니다.
						</p>
					</li>
				</ul>
			</div>
		</article>

		<article class="article bestPackage">
			<div class="max-width">
				<div class="txt-hero2"><i class="best"></i>합격생 추천<br>BEST 수강 패키지</div>
				<ul class="ul">
					<li class="li" data-aos="fade-up">
						<a href="/academy/product/7/11">
							<div class="div">
								<strong class="strong">오전반</strong>
								<p>
									월~금 (주5일)<br>
									10:00 - 14:00 (4시간)
								</p>
								<span class="span">
								#4과목종합반
								</span>
								<span class="span">
								#기본/중급/고급레벨구성
								</span>
								<span class="span">
								#21까지자습실제공
								</span>
							</div>
							<div class="div">
								수강신청
								<i class="ico-go"></i>
							</div>
						</a>
						<span class="tag"></span>
					</li>
					<li class="li" data-aos="fade-up" data-aos-delay="100">
						<a href="/academy/product/11/30">
							<div class="div">
								<strong class="strong">종일집중반</strong>
								<p>
									월~금 (주5일)<br>
									10:00 - 18:00 (8시간)
								</p>
								<span class="span">
								#4과목+라이팅스피킹집중반
								</span>
								<span class="span">
								#단기간고득점코스
								</span>
								<span class="span">
								#라이팅무제한첨삭
								</span>
							</div>
							<div class="div">
								수강신청
								<i class="ico-go"></i>
							</div>
						</a>
						<span class="tag"></span>
					</li>
					<li class="li" data-aos="fade-up" data-aos-delay="200">
						<a href="/academy/product/18/54">
							<div class="div">
								<strong class="strong">저녁반</strong>
								<p>
									월~금 (주5일)<br>
									19:00 - 21:00 (2시간)
								</p>
								<span class="span">
								#직장인/대학생추천
								</span>
								<span class="span">
								#기본/실전레벨구성
								</span>
								<span class="span">
								#수업다시보기제공
								</span>
							</div>
							<div class="div">
								수강신청
								<i class="ico-go"></i>
							</div>
						</a>
						<span class="tag"></span>
					</li>
					<li class="li" data-aos="fade-up" data-aos-delay="300">
						<a href="/academy/product/15/47">
							<div class="div">
								<strong class="strong">4개월 인텐시브</strong>
								<p>
								1개월 10:00 - 14:00<br>
								3개월 10:00 - 18:00
								</p>
								<span class="span">
								#초단기목표달성
								</span>
								<span class="span">
								#수강료43만원할인
								</span>
								<span class="span">
								#영국문화원시험응시권제공
								</span>
							</div>
							<div class="div">
								수강신청
								<i class="ico-go"></i>
							</div>
						</a>
						<span class="tag"></span>
					</li>
				</ul>
			</div>
		</article>

		<article class="article student">
			<div class="max-width">
				<div class="text" data-speed="0.1">
					<div class="clipper">
						<p class="h2">
							1,000명의 수강생이 아닌<br>
							단 1명의 합격에 집중합니다.
						</p>
						<div class="contents">
							지난 11년의 동안 우리는 유학 사업을 통해 수많은 학생들이 유학의 꿈을 이루는 과정을 지켜보며 큰 자부심을 느꼈습니다.<br>
							하지만 동시에 타 업체의 과장된 광고에 속아 돈과 시간만 낭비한 일부 수험생의 현실에 안타까움이 컸습니다. <br><br>

							이러한 현실 개선을 위해 우리는 짧은 시간 내에 목표에 도달할 수 있도록 검증된 IELTS 컨텐츠를 제공하는 것을 또 하나의 사명으로 삼게 되었습니다.<br>
							우리의 목표는 단순히 IELTS 고득점이 아니라, 학생들이 꿈꾸는 미래를 실현할 수 있도록 빠르고 확실하게 지원하는 것입니다. <br>
							<span class="span">이것이 저희가 그 무엇하나 허투루 준비할 수 없는 이유입니다.</span>
						</div>
					</div>
				</div>
			</div>
			<div class="img-wrap max-width">
				<div class="clipper">
					<img data-speed="0.5" src="{{ env('AWS_S3_IMG_URL') }}/academy/new_main/bg_student.webp" loading="lazy">
				</div>
			</div>
		</article>

		<article class="article qa">
			<div class="max-width">
				<ul class="ul">
					<li class="li">
						<strong class="strong">목표달성의 시작, 1:1 전문컨설팅</strong>
						<p>
							수강생 상황에 맞는 최적화된 학습플랜과<br>
							고득점 노하우를 얻으실 수 있습니다.
						</p>
						<div class="div">
							<a href="#none" class="popupOn" data-check="apply02">간편상담</a>
							<a href="#none" class="popupOn" data-check="apply01">방문상담</a>
						</div>
					</li>
					<li class="li">
						<strong class="strong">무료 레벨테스트</strong>
						<p>
							빠른 실력확인
						</p>
						<div class="div">
							<a href="{{ route('leveltest', ['service' => 'academy']) }}">응시하기</a>
						</div>
					</li>
				</ul>
			</div>
		</article>

	</section>
</div>

<div class="fab js-fab">
	<a href="tel:02-3444-8047" class="fab__button tel"><span class="el-hide">02-3444-8047</span></a>
	<button class="fab__button naver" data-label="Line" onClick="window.open('https://talk.naver.com/wc0zau', 'talktalk', 'scrollbars=1, resizable=1, width=486, height=745');return false;"></button>
</div>

@include("common.popup.consult" )

@endsection

@section("academy-script")
	<!-- gsap  -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollToPlugin.min.js" integrity="sha512-1PKqXBz2ju2JcAerHKL0ldg0PT/1vr3LghYAtc59+9xy8e19QEtaNUyt1gprouyWnpOPqNJjL4gXMRMEpHYyLQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

	<!-- main -->
	{!! resource('js/academy/main.js') !!}

@endsection