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

@section('css')
@endsection

@section('gnb', view('gnb', ['service'=>'academy']))

@section('subgnb', view('academy.gnb'))

@section('content')

        <!-- 메인 콘테이너 -->
        <main class="main-container">
            <!-- 메인 슬라이더 -->
            <section class="main-banner">
                <div id="main-swiper" class="swiper">
                    <!-- 슬라이더  -->
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" style="background: #910606;">
                            <a href="https://www.edmclass.com/academy/lecture/list.php" target="_self">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/ielts_banner_20230629100129.png" alt="아이엘츠, IELTS, edm아이엘츠, 1.8개월 단기 목표달성 아이엘츠학원">
                            </a>
                        </div>
                        <div class="swiper-slide" style="background: #03a4d7;">
                            <a href="https://www.edmclass.com/index.php/a-class_evt/?uid=30320&mod=document&pageid=1" target="_self">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/ielts_banner_20230901083947.png" alt="아이엘츠문법, IELTS기초, edm아이엘츠, 아이엘츠학원, 아이엘츠인강, 아이엘츠후기">
                            </a>
                        </div>
                        <div class="swiper-slide" style="background: #3d7dff;">
                            <a href="https://www.edmclass.com/academy/lecture/list.php" target="_self">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/ielts_banner_20230814100027.png" alt="아이엘츠학원 추천, 아이엘츠 레벨테스트 후 강의 수강신청, IELTS, edm아이엘츠">
                            </a>
                        </div>
                        <div class="swiper-slide" style="background: #ffdc22;">
                            <a href="https://www.edmclass.com/academy/promotion/morning_class/" target="_self">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/ielts_banner_20230519092431.png" alt="아이엘츠는 edm아이엘츠, 아이엘츠학원 1위에서 IELTS모의고사, 아이엘츠시험, 아이엘츠점수 고득점 달성까지 한 번에">
                            </a>
                        </div>
                        <div class="swiper-slide" style="background: #00ab69;">
                            <a href="https://www.edmclass.com/index.php/a-class_evt/?uid=28903&mod=document&pageid=1" target="_self">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/ielts_banner_20230519152023.png" alt="아이엘츠 무료테스트, 레벨테스트, 무료강의, IELTS기출문제까지 모두 제공하는 edm학원 추천">
                            </a>
                        </div>
                        <div class="swiper-slide" style="background: #c22640;">
                            <a href="https://www.edmclass.com/academy/promotion/ccare/" target="_self">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/ielts_banner_20230316111628.png" alt="edm아이엘츠 학원 단기완성 밀착관리반, 강남 IELTS 목표 점수 달성, 모의고사, 시험까지 한 번에">
                            </a>
                        </div>
                        <div class="swiper-slide" style="background: #010a1f;">
                            <a href="https://www.edmclass.com/index.php/a-class_cdt_promotion/" target="_self">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/ielts_banner_20230324094529.png" alt="edm아이엘츠 공식시험 패키지는 IELTS시험 접수와 모의고사, 점수 결과/첨삭까지 모두 제공">
                            </a>
                        </div>
                        <div class="swiper-slide" style="background: #390c8a;">
                            <a href="https://www.edmclass.com/academy/promotion/score-guarantee/" target="_self">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/ielts_banner_20220824151147.png" alt="edm아이엘츠 학원 점수보장반, IELTS모의고사, 시험까지 한 번에!">
                            </a>
                        </div>
                        <div class="swiper-slide" style="background: #3f2d29;">
                            <a href="https://www.edmclass.com/academy/promotion/intensive/" target="_self">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/ielts_banner_202306201045.png" alt="아이엘츠학원, edm아이엘츠 4개월 완성 인텐시브 코스, 강남 IELTS어학원">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                    <!-- 슬라이더 end -->
                </div>
                <!-- 자랑 -->
                <div class="main-banner-text">
                    <div>
                        <div>
                            <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/banner-icon03.svg" class="icon" alt="합격률 아이콘">
                            <dl>
                                <dt>1.8개월만에 합격</dt>
                                <dd>~2023.08 누적 수강생 평균</dd>
                            </dl>
                        </div>
                        <div>
                            <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/banner-icon02.svg" class="icon" alt="IELTS 공식시험장 아이콘">
                            <dl>
                                <dt>IELTS 공식시험장</dt>
                                <dd><img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/banner-logo2-210923.png" alt="edm 아이엘츠 britsh council IELTS"></dd>
                            </dl>
                        </div>
                        <div>
                            <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/banner-icon01.svg" class="icon" alt="1위 트로피 아이콘">
                            <dl>
                                <dt>IELTS 1위</dt>
                                <dd>9년 연속, 교육브랜드 대상</dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <!-- 자랑 -->
            </section>
            <!-- //메인 슬라이더 end -->
        </main>
        <!-- 메인 컨텐츠 -->
        <article>
            <!-- 합격후기 -->
            <section>
                <div class="contents-header">
                    <div class="wrapper">
                        <h3 class="contents-title">edm아이엘츠 실시간 합격후기</h3>
                        <p class="contents-text">직전 1~2개월 합격후기로 증명하는 edm아이엘츠!</p>
                    </div>
                </div>
                <!-- tab -->
                <div class="tab">
                    <div class="wrapper">
                        <ul>
                            <li class="on">
                                <a href="#tab-content-1">전체</a>
                            </li>
                            <li>
                                <a href="#tab-content-2">성적표 인증</a>
                            </li>
                            <li>
                                <a href="#tab-content-3">수강후기</a>
                            </li>
                            <li>
                                <a href="#tab-content-4">반별 카톡방</a>
                            </li>
                        </ul>
                        <a class="btn-more" href="#none">더보기</a>
                    </div>
                </div>
                <div id="review-event" class="contents-body bg-skyblue">
                    <!-- tab1 -->
                    <div id="tab-content-1">
                        <div class="wrapper">
                            <div id="review-swiper-1" class="review-swiper">
                                <div class="swiper-wrapper">
                                    <!-- 반별 카톡방 -->
                                    <div class="swiper-slide kakao">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico move"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <a href="#none">강좌보기 →</a>
                                        </div>
                                    </div>
                                    <!-- //반별 카톡방 -->
                                    <!-- 수강후기 -->
                                    <div class="swiper-slide ">
                                        <span class="new"> New </span>
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <!-- //수강후기 -->
                                    <div class="swiper-slide">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="score-img score-75"> 7.5 Pass </div>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="score-img score-80"> 8.0 Pass </div>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="score-img score-85"> 8.5 Pass </div>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="score-img score-90"> 9.0 Pass </div>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- If we need navigation buttons -->
                        <div class="review-button-prev-1"></div>
                        <div class="review-button-next-1"></div>
                    </div>
                    <!-- tab2 -->
                    <div id="tab-content-2" style="display: none;">
                        <div class="wrapper">
                            <div id="review-swiper-2" class="review-swiper">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="score-img score-65"> 6.5 Pass </div>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="score-img score-70"> 7.0 Pass </div>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="score-img score-75"> 7.5 Pass </div>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="score-img score-80"> 8.0 Pass </div>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="score-img score-85"> 8.5 Pass </div>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="score-img score-90"> 9.0 Pass </div>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- If we need navigation buttons -->
                        <div class="review-button-prev-2"></div>
                        <div class="review-button-next-2"></div>
                    </div>
                    <!-- tab3 -->
                    <div id="tab-content-3" style="display: none;">
                        <div class="wrapper">
                            <div id="review-swiper-3" class="review-swiper">
                                <div class="swiper-wrapper">
                                    <!-- 수강후기 -->
                                    <div class="swiper-slide ">
                                        <span class="new"> New </span>
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide ">
                                        <span class="new"> New </span>
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide ">
                                        <span class="new"> New </span>
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide ">
                                        <span class="new"> New </span>
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide ">
                                        <span class="new"> New </span>
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide ">
                                        <span class="new"> New </span>
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide ">
                                        <span class="new"> New </span>
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <div class="swiper-slide ">
                                        <span class="new"> New </span>
                                        <a class="btn-icon" href="#none">
                                            <i class="ico arrow"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <span>한*규 수강생</span>
                                        </div>
                                    </div>
                                    <!-- //수강후기 -->
                                </div>
                            </div>
                        </div>
                        <!-- If we need navigation buttons -->
                        <div class="review-button-prev-3"></div>
                        <div class="review-button-next-3"></div>
                    </div>
                    <!-- tab4 -->
                    <div id="tab-content-4" style="display: none;">
                        <div class="wrapper">
                            <div id="review-swiper-4" class="review-swiper">
                                <div class="swiper-wrapper">
                                    <!-- 반별 카톡방 -->
                                    <div class="swiper-slide kakao">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico move"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <a href="#none">강좌보기 →</a>
                                        </div>
                                    </div>
                                    <div class="swiper-slide kakao">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico move"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <a href="#none">강좌보기 →</a>
                                        </div>
                                    </div>
                                    <div class="swiper-slide kakao">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico move"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <a href="#none">강좌보기 →</a>
                                        </div>
                                    </div>
                                    <div class="swiper-slide kakao">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico move"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <a href="#none">강좌보기 →</a>
                                        </div>
                                    </div>
                                    <div class="swiper-slide kakao">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico move"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <a href="#none">강좌보기 →</a>
                                        </div>
                                    </div>
                                    <div class="swiper-slide kakao">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico move"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <a href="#none">강좌보기 →</a>
                                        </div>
                                    </div>
                                    <div class="swiper-slide kakao">
                                        <a class="btn-icon" href="#none">
                                            <i class="ico move"></i>
                                        </a>
                                        <div class="review-title">
                                            <p>밀착관리반 1반</p>
                                            <a href="#none">강좌보기 →</a>
                                        </div>
                                    </div>
                                    <!-- //반별 카톡방 -->
                                </div>
                            </div>
                        </div>
                        <!-- If we need navigation buttons -->
                        <div class="review-button-prev-4"></div>
                        <div class="review-button-next-4"></div>
                    </div>
                </div>
            </section>
            <!-- //합격후기 -->
            <!-- 인기강좌 -->
            <section>
                <div class="contents-header">
                    <div class="wrapper">
                        <h3 class="contents-title">인기 강좌</h3>
                        <p class="contents-text">합격생이 선택한 edm아이엘츠 Top3 인기 강좌!</p>
                    </div>
                </div>
                <div class="contents-body">
                    <div class="wrapper">
                        <div class="best row p18">
                            <a href="#none" class="column c4">
                                <div class="thumbnail">
                                    <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/popularity-img01-221116.png" alt="">
                                </div>
                                <div class="best-title">
                                    <p>밀착관리반</p>
                                    <p>1:1 무제한 피드백으로 단기 합격</p>
                                    <div> 라이팅, 스피킹 무제한 첨삭, 피드백 1:1 정기 학습상담, 철저한 성적 관리라이팅, 스피킹 무제한 첨삭, 피드백 1:1 정기 학습상담, 철저한 성적 관리 </div>
                                    <span class="btn-icon" href="#none">
                                        <i class="ico arrow"></i>
                                    </span>
                                </div>
                            </a>
                            <a href="#none" class="column c4">
                                <div class="thumbnail">
                                    <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/popularity-img02-220624.png" alt="">
                                </div>
                                <div class="best-title">
                                    <p>오전반</p>
                                    <p>강남 IELTS 대표 강좌</p>
                                    <div> 4영역 유형분석 & 실전 문제풀이 기본부터 Overall 7.0+ 까지 </div>
                                    <span class="btn-icon" href="#none">
                                        <i class="ico arrow"></i>
                                    </span>
                                </div>
                            </a>
                            <a href="#none" class="column c4">
                                <div class="thumbnail">
                                    <img src="{{ env('AWS_S3_IMG_URL') }}/academy/main/popularity-img02-221110.png" alt="">
                                </div>
                                <div class="best-title">
                                    <p>점수보장반</p>
                                    <p>시험직전 1개월 점수 UP</p>
                                    <div> 출석&과제 Cheak로 매일 관리 월 3회 모의고사로 실전감각 UP </div>
                                    <span class="btn-icon" href="#none">
                                        <i class="ico arrow"></i>
                                    </span>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- //인기강좌 -->
            <!-- 가로 배너 -->
            <section class="main-advertisement"></section>
            <!-- //가로 배너 -->
            <!-- only 아이엘츠 -->
            <section>
                <div class="contents-header">
                    <div class="wrapper">
                        <h3 class="contents-title">Only One IELTS 1위<br>edm아이엘츠에서만!</h3>
                    </div>
                </div>
                <!-- tab -->
                <div class="tab-pager"></div>
                <div class="contents-body bg-darkblue">
                    <div class="wrapper">
                        <div id="only-swiper" class="swiper">
                            <!-- 슬라이더  -->
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div>
                                        <h4>IELTS 플래그십센터</h4>
                                        <p>IELTS 공부부터 시험까지 한번에!!</p>
                                        <div class="flagship">
                                            <div class="img-list">
                                                <img src="https://placehold.co/695x273" alt="첨삭문서1">
                                            </div>
                                            <div>
                                                <p class="ielts-logo">edm아이엘츠 x BRITISH COUNCIL IELTS</p>
                                                <p>플래그십 센터는</p>
                                                <ul>
                                                    <li>
                                                        <span>01</span>
                                                        <p class="yellow">2명중 1명이 응시<span>영국문화원 전체 응시자 기준(2022)</span></p>
                                                    </li>
                                                    <li>
                                                        <span>02</span>
                                                        <p>최고의 접근성&시설</p>
                                                    </li>
                                                    <li>
                                                        <span>03</span>
                                                        <p>PBT,CDT,UKVI 모두 가능!</p>
                                                    </li>
                                                    <li>
                                                        <span>04</span>
                                                        <p>18만원 혜택, 시험 응시권 패키지</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="free-test">
                                        <h4>월 2회 실전 무료 모의고사</h4>
                                        <p>IELTS 공식 시험센터에서 진행 되는 실전 모의고사로<br>실력 Cheak & 실제 시험 연습을!</p>
                                        <ul>
                                            <li>
                                                <div class="num"> 01 </div>
                                                <p> IELTS 공식시험장<br> 실전 모의고사 응시 </p>
                                                <i class="ico-free-01"></i>
                                            </li>
                                            <li>
                                                <div class="num"> 02 </div>
                                                <p> 실전 모의고사<br> 무료 풀이수업 진행 </p>
                                                <i class="ico-free-02"></i>
                                            </li>
                                            <li>
                                                <div class="num"> 03 </div>
                                                <p> 채점 및<br> Writing 피드백 제공 </p>
                                                <i class="ico-free-03"></i>
                                            </li>
                                            <li>
                                                <div class="num"> 04 </div>
                                                <p> 월 2회 시험 대비<br> 후 시험일정 잡기 </p>
                                                <i class="ico-free-04"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="group-study">
                                        <h4>Group Study & 자습실 이용 가능</h4>
                                        <p>선생님과 함께하는 스터디 참석을! 9pm 까지 자습실에서 복습을!</p>
                                        <ul>
                                            <li>
                                                <img src="https://placehold.co/250x202" alt="첨삭문서1">
                                            </li>
                                            <li>
                                                <img src="https://placehold.co/250x202" alt="첨삭문서1">
                                            </li>
                                            <li>
                                                <img src="https://placehold.co/250x202" alt="첨삭문서1">
                                            </li>
                                            <li>
                                                <img src="https://placehold.co/250x202" alt="첨삭문서1">
                                            </li>
                                        </ul>
                                        <span>IELTS 기출자료 / 단어 제공 & 매일 강사님과 함께 체계적인 스터디 & 독립된 자습실 제공</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="online-study">
                                        <h4>Online 특강 & 현장강의</h4>
                                        <p>시험대비 특강과 현장강의로 시험 완벽 대비 !!</p>
                                        <ul>
                                            <li>
                                                <img src="https://placehold.co/396x224" alt="첨삭문서1">
                                            </li>
                                            <li>
                                                <img src="https://placehold.co/396x224" alt="첨삭문서1">
                                            </li>
                                        </ul>
                                        <span>IELTS 기출자료 / 단어 제공 & 매일 강사님과 함께 체계적인 스터디 & 독립된 자습실 제공</span>
                                    </div>
                                </div>
                            </div>
                            <!-- 슬라이더 end -->
                        </div>
                    </div>
                </div>
            </section>
            <!-- //only 아이엘츠 -->
            <!-- 1:1 첨삭내역 -->
            <section class="main-editing">
                <div class="contents-header">
                    <div class="wrapper">
                        <h3 class="contents-title">실시간 1:1 첨삭내역</h3>
                        <p class="contents-text">매일 첨삭으로 단기간 합격! 타사 대비<br>가장 많은 첨삭 무료 제공!</p>
                    </div>
                </div>
                <div class="tab">
                </div>
                <div class="contents-body">
                    <div class="wrapper">
                        <div class="row">
                            <div class="column c6">
                                <div class="edit-wrapper">
                                    <div id="edit-swiper" class="swiper">
                                        <!-- 슬라이더  -->
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <a href="#none" target="_self">
                                                    <img src="https://placehold.co/136x194" alt="첨삭문서1">
                                                </a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href="#none" target="_self">
                                                    <img src="https://placehold.co/136x194" alt="첨삭문서1">
                                                </a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href="#none" target="_self">
                                                    <img src="https://placehold.co/136x194" alt="첨삭문서1">
                                                </a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href="#none" target="_self">
                                                    <img src="https://placehold.co/136x194" alt="첨삭문서1">
                                                </a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href="#none" target="_self">
                                                    <img src="https://placehold.co/136x194" alt="첨삭문서1">
                                                </a>
                                            </div>
                                        </div>
                                        <!-- 슬라이더 end -->
                                    </div>
                                </div>
                                <div class="edit-btn-wrapper">
                                    <div> 실시간 1:1 첨삭내역<br> 최근 진행된 수강생들의 실제 첨삭 내역입니다! </div>
                                    <button class="swiper-button"></button>
                                </div>
                            </div>
                            <div class="column c6">
                                <div id="edit-list-swiper" class="swiper">
                                    <!-- 슬라이더  -->
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="badge blue"> Academic </div>
                                            <div class="badge"> Task 1 </div>
                                            <div class="name"> 지** </div>
                                            <div class="class"> 밀착2 수강 </div>
                                            <div class="date"> 12.26 </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="badge green"> Academic </div>
                                            <div class="badge"> Task 1 </div>
                                            <div class="name"> 지** </div>
                                            <div class="class"> 기본 수강 </div>
                                            <div class="date"> 12.26 </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="badge blue"> Academic </div>
                                            <div class="badge"> Task 1 </div>
                                            <div class="name"> 지** </div>
                                            <div class="class"> 고급반 수강 </div>
                                            <div class="date"> 12.26 </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="badge blue"> Academic </div>
                                            <div class="badge"> Task 1 </div>
                                            <div class="name"> 지** </div>
                                            <div class="class"> 기본 수강 </div>
                                            <div class="date"> 12.26 </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="badge blue"> Academic </div>
                                            <div class="badge"> Task 1 </div>
                                            <div class="name"> 지** </div>
                                            <div class="class"> 밀착1 수강 </div>
                                            <div class="date"> 12.26 </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="badge blue"> Academic </div>
                                            <div class="badge"> Task 1 </div>
                                            <div class="name"> 지** </div>
                                            <div class="class"> 고급반 수강 </div>
                                            <div class="date"> 12.26 </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="badge blue"> Academic </div>
                                            <div class="badge"> Task 1 </div>
                                            <div class="name"> 지** </div>
                                            <div class="class"> 기본 수강 </div>
                                            <div class="date"> 12.26 </div>
                                        </div>
                                    </div>
                                    <!-- 슬라이더 end -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- //1:1 첨삭내역 -->
            <!-- 방문상담 이벤트 -->
            <section id="main-event" class="bg-gray">
                <div class="wrapper">
                    <!-- 배너 -->
                    <form>
                        <div class="main-event">
                            <h5>이벤트 신청</h5>
                            <div>
                                <div class="main-event-input">
                                    <input type="text" name="inquiry_apply_content_name" value="" placeholder="이름">
                                    <input type="text" name="inquiry_apply_content_hp" value="" placeholder="전화번호">
                                </div>
                                <div>
                                    <input type="checkbox" name="inquiry_apply_content_agree" id="event-check">
                                    <label for="event-check">개인정보 수집 및 이용에 동의합니다. <a href="javascript:void(0);" onclick="$('#side-pop-privacy').show()">자세히 보기</a></label>
                                </div>
                            </div>
                            <button onclick="inquiry_apply_content(this.form); return false;">신청하기</button>
                        </div>
                    </form>
                    <a class="btn-more-event" href="#none">더 많은 이벤트 보러가기</a>
                </div>
            </section>
            <!-- //방문상담 이벤트 -->
            <!-- 밀착관리 & 반 별 단톡방 -->
            <section class="bg-skyblue" id="main-skyblue">
                <div class="wrapper">
                    <div class="row">
                        <div class="column c6">
                            <div class="contents-header">
                                <div class="contents-title">밀착관리반 1:1 Report</div>
                                <div class="contents-text">강사팀 집중 Care !!</div>
                            </div>
                            <div class="contents-body">
                                <div class="edit-wrapper">
                                    <div id="edit-swiper-2" class="swiper">
                                        <!-- 슬라이더  -->
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <a href="#none" target="_self">
                                                    <img src="https://placehold.co/136x194" alt="첨삭문서1">
                                                </a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href="#none" target="_self">
                                                    <img src="https://placehold.co/136x194" alt="첨삭문서1">
                                                </a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href="#none" target="_self">
                                                    <img src="https://placehold.co/136x194" alt="첨삭문서1">
                                                </a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href="#none" target="_self">
                                                    <img src="https://placehold.co/136x194" alt="첨삭문서1">
                                                </a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href="#none" target="_self">
                                                    <img src="https://placehold.co/136x194" alt="첨삭문서1">
                                                </a>
                                            </div>
                                        </div>
                                        <!-- 슬라이더 end -->
                                    </div>
                                </div>
                                <div class="edit-btn-wrapper">
                                    <div> 실시간 1:1 첨삭내역<br> 최근 진행된 수강생들의 실제 첨삭 내역입니다! </div>
                                    <button class="swiper-button-2"></button>
                                </div>
                            </div>
                        </div>
                        <div class="column c6">
                            <div class="contents-header">
                                <div class="contents-title">반 별 단톡방</div>
                                <div class="contents-text">레벨 별 단체 톡방에서 자유로운 소통 가능</div>
                            </div>
                            <div class="contents-body">
                                <img src="https://placehold.co/505x326" alt="첨삭문서1">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- //밀착관리 & 반 별 단톡방 -->
            <!-- 합격의 비밀 -->
            <section class="main-secret">
                <div class="contents-header">
                    <div class="wrapper">
                        <h3 class="contents-title">합격의 비밀!</h3>
                        <p class="contents-text">#합격후기 보면 나도 합격:D #무료학습자료로 초고속 달성</p>
                    </div>
                </div>
                <div class="contents-body mpb0">
                    <div class="wrapper">
                        <div class="row">
                            <div class="column c6">
                                <div class="story-title">edm 아이엘츠 이야기 :D</div>
                                <div class="swiper" id="story-swiper">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                    </div>
                                </div>
                                <div class="story-thumb-wrapper">
                                    <div class="story-button-prev"></div>
                                    <div thumbsSlider="" class="swiper" id="story-swiper-list">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="story-button-next"></div>
                                </div>
                                <div class="story-more">
                                    <a class="btn-more" href="#none"> Youtube 보러가기 </a>
                                </div>
                                <div class="story-latest-board">
                                    <h3> REAL 합격후기 <a class="btn-more" href="#none">더보기</a>
                                    </h3>
                                    <ul>
                                        <li>
                                            <span class="badge">학원</span>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="name">우소연</span>
                                            <span class="date">08.31</span>
                                        </li>
                                        <li>
                                            <span class="badge">학원</span>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="name">우소연</span>
                                            <span class="date">08.31</span>
                                        </li>
                                        <li>
                                            <span class="badge">학원</span>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="name">우소연</span>
                                            <span class="date">08.31</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="column c6">
                                <!-- 무료 학습자료 -->
                                <div class="story-title">무료 학습자료가 수두룩 :D</div>
                                <div class="swiper" id="story-swiper-2">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="https://placehold.co/505x284" />
                                        </div>
                                    </div>
                                </div>
                                <div class="story-thumb-wrapper">
                                    <div class="story-button-prev-2"></div>
                                    <div thumbsSlider="" class="swiper" id="story-swiper-list-2">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                            <div class="swiper-slide">
                                                <img src="https://placehold.co/505x284" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="story-button-next-2"></div>
                                </div>
                                <div class="story-more">
                                    <a class="btn-more" href="#none"> 강의 더보기 </a>
                                </div>
                                <div class="story-latest-board mmb0">
                                    <h3> IELTS 무료 학습자료 <a class="btn-more" href="#none">더보기</a>
                                    </h3>
                                    <ul>
                                        <li>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="name">우소연</span>
                                            <span class="date">08.31</span>
                                        </li>
                                        <li>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="name">우소연</span>
                                            <span class="date">08.31</span>
                                        </li>
                                        <li>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="name">우소연</span>
                                            <span class="date">08.31</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- //합격의 비밀 -->
            <!-- IELTS 시험정보 -->
            <section class="main-test-banner">
                <div class="contents-header">
                    <div class="wrapper">
                        <h3 class="contents-title">IELTS 시험정보</h3>
                        <p class="contents-text">#시작 전 레벨 Check! #공식 시험센터에서<br>18만원 무료 혜택 받자!</p>
                    </div>
                </div>
                <div class="contents-body">
                    <div class="wrapper">
                        <div class="row">
                            <div class="column c4">
                                <a class="test-banner" href="#none">
                                    <p>정확한 실력 확인</p>
                                    <h3>Level Test</h3>
                                    <span href="#none">현재 레벨 확인하기</span>
                                </a>
                            </div>
                            <div class="column c4">
                                <a class="test-banner" href="#none">
                                    <p><i class="img-ielts">IELTS</i>시험 접수처</p>
                                    <h3>IELTS 공식시험장</h3>
                                    <span href="#none">18만원 혜택 받기</span>
                                </a>
                            </div>
                            <div class="column c4">
                                <a class="test-banner" href="#none">
                                    <p><i class="img-ielts-full">british council IELTS</i></p>
                                    <h3>플래그십 센터</h3>
                                    <span href="#none">IELTS 시험접수하기</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- //IELTS 시험정보 -->
            <!-- 스타강사 라인업 -->
            <section class="teacher-wrapper bg-skyblue">
                <div class="contents-header pb0">
                    <div class="wrapper">
                        <h3 class="contents-title">스타강사 라인업</h3>
                        <p class="contents-text">#신뢰와 성실! #아이엘츠 합격의 지름길! #IELTS 전문 강사팀</p>
                        <div class="swiper" id="teacher-swiper">
                            <div class="swiper-wrapper">
                                <a class="swiper-slide" href="#none">
                                    <div class="teacher-img">
                                        <img src="https://placehold.co/202x276" />
                                    </div>
                                    <div class="teacher-profile">
                                        <div class="teacher-name"> Heather </div>
                                        <div class="teacher-text"> 실전스킬 전수!<br>IELTS 스타일리스트 </div>
                                    </div>
                                </a>
                                <a class="swiper-slide" href="#none">
                                    <div class="teacher-img">
                                        <img src="https://placehold.co/202x276" />
                                    </div>
                                    <div class="teacher-profile">
                                        <div class="teacher-name"> Heather </div>
                                        <div class="teacher-text"> 실전스킬 전수!<br>IELTS 스타일리스트 </div>
                                    </div>
                                </a>
                                <a class="swiper-slide" href="#none">
                                    <div class="teacher-img">
                                        <img src="https://placehold.co/202x276" />
                                    </div>
                                    <div class="teacher-profile">
                                        <div class="teacher-name"> Heather </div>
                                        <div class="teacher-text"> 실전스킬 전수!<br>IELTS 스타일리스트 </div>
                                    </div>
                                </a>
                                <a class="swiper-slide" href="#none">
                                    <div class="teacher-img">
                                        <img src="https://placehold.co/202x276" />
                                    </div>
                                    <div class="teacher-profile">
                                        <div class="teacher-name"> Heather </div>
                                        <div class="teacher-text"> 실전스킬 전수!<br>IELTS 스타일리스트 </div>
                                    </div>
                                </a>
                                <a class="swiper-slide" href="#none">
                                    <div class="teacher-img">
                                        <img src="https://placehold.co/202x276" />
                                    </div>
                                    <div class="teacher-profile">
                                        <div class="teacher-name"> Heather </div>
                                        <div class="teacher-text"> 실전스킬 전수!<br>IELTS 스타일리스트 </div>
                                    </div>
                                </a>
                                <a class="swiper-slide" href="#none">
                                    <div class="teacher-img">
                                        <img src="https://placehold.co/202x276" />
                                    </div>
                                    <div class="teacher-profile">
                                        <div class="teacher-name"> Heather </div>
                                        <div class="teacher-text"> 실전스킬 전수!<br>IELTS 스타일리스트 </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="teacher-button-prev"></div>
                    <div class="teacher-button-next"></div>
                </div>
                <div class="contents-body">
                    <div class="wrapper">
                        <!-- 스타강사 라인업 컨텐츠 -->
                    </div>
                </div>
            </section>
            <!-- //스타강사 라인업 -->
            <section class="main-notice">
                <div class="contents-body">
                    <div class="wrapper">
                        <div class="row">
                            <div class="column c6">
                                <div class="story-latest-board mt0">
                                    <h3> 공지사항 <a class="btn-more" href="#none">더보기</a>
                                    </h3>
                                    <ul>
                                        <li>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="date">2023-08-28</span>
                                        </li>
                                        <li>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="date">2023-08-18</span>
                                        </li>
                                        <li>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="date">2023-07-27</span>
                                        </li>
                                        <li>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="date">2023-07-14</span>
                                        </li>
                                        <li>
                                            <a href="#none">제목이 들어갑니다. 제목이 들어간다구요. 제목이라니까요?</a>
                                            <span class="date">2023-07-10</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="column c6">
                                <img src="https://placehold.co/505x195" />
                                <ul class="address">
                                    <li><i class="fas fa-phone-alt" aria-hidden="true"></i> <strong>전화</strong><span>02-3444-8047</span></li>
                                    <li><i class="fas fa-map-marker-alt" aria-hidden="true"></i> <strong>주소</strong><span>서울 서초구 서초대로 77길 55 에이프로스퀘어 13층</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="bg-skyblue">
                <div class="contents-header">
                    <div class="wrapper">
                        <div class="contents-text">여러분의 IELTS 학습플랜부터 혜택까지</div>
                        <div class="contents-title"><span class="point-color">edm아이엘츠</span>가 모두 드립니다!</div>
                    </div>
                </div>
                <div class="contents-body">
                    <div class="wrapper">
                        <div id="quick-link" class="row">
                            <div class="column c3">
                                <a class="quick-btn" href="#none">
                                    <div>
                                        <i class="apply"></i>
                                        <span>수강신청</span>
                                    </div>
                                </a>
                            </div>
                            <div class="column c3">
                                <a class="quick-btn" href="#none">
                                    <div>
                                        <i class="level"></i>
                                        <span>레벨테스트</span>
                                    </div>
                                </a>
                            </div>
                            <div class="column c3">
                                <a class="quick-btn" href="#none">
                                    <div>
                                        <i class="counsel"></i>
                                        <span>수강상담</span>
                                    </div>
                                </a>
                            </div>
                            <div class="column c3">
                                <a class="quick-btn" href="#none">
                                    <div>
                                        <i class="katalk"></i>
                                        <span>카톡문의</span>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </article>
        <!-- //메인 컨텐츠 -->

@endsection

@section('script')
    {!! resource('js/main.js') !!}
@endsection

@section('footer', view('footer'))