@extends('ielts.layout')

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

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

@section('ielts-css')
    <!-- promotion -->
    {!! resource('css/ielts/promotion.css') !!}
@endsection

@section("ielts-content")
    <div id="wrap" class="promotionPage payback">
        <div class="contents">
            <p class="pageTitle">상품</p>

            <div class="mainBanner max-width">
                <div class="banner" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_banner.jpg');">
                    <div class="textWrap">
                        <p class="txt-1"><span>공부한 만큼</span> 돌려받는 페이백!</p>
                        <h1>수강료 <span>200%</span> <br>환급반</h1>
                    </div>
                </div>
            </div>

            <div class="page-nav">
                <div class="max-width flex">
                    <button type="button" class="active">상세정보</button>
                    <button type="button">유의사항</button>
                </div>
            </div>

            <main>
                <article class="mean">
                    <div class="max-width">
                        <div class="titleWrap">
                            <p class="title">200% 환급반이란?</p>
                            <p class="sub">1일 1강씩 120일 연속 출석할 경우 수강료 200%를 환급받을 수 있는 인강 챌린지</p>
                        </div>
                        <ul>
                            <li>
                                <p class="tit">출석 만으로 <em>200%</em> 페이백</p>
                                <p class="info">성적표 제출, 목표점수 달성같은 복잡한 조건 No 매일 출석 달성 + 수강후기만 남기만 200% 페이백 편의점 상품권 5,000원까지!</p>
                            </li>
                            <li>
                                <p class="tit">출석 실패해도, 수강기간 <em>100일</em> 무료연장</p>
                                <p class="info">출석 실패해도 충분히 공부할 수 있도록 <br>추가 요건 없이 수강기간 100일 무료 연장 </p>
                            </li>
                            <li>
                                <p class="tit">W/S <em>첨삭 5회</em> 무료</p>
                                <p class="info">원어민과 아이엘츠 전문가가 진행하는 <br>Writing/ Speaking 첨삭권 쿠폰 5회 제공 <br>원하는 첨삭으로 신청 가능 </p>
                            </li>
                            <li>
                                <p class="tit">매월 1회, CDT 모의고사 무료</p>
                                <p class="info">실제 시험환경과 동일한 CDT 모의고사 무료 <br>(매월 1회 모의고사 페이지에서 별도 신청)</p>
                            </li>
                        </ul>
                    </div>
                </article>
            </main>

            <div class="promotionContents">
                <article class="how">
                    <div class="max-width">
                        <div class="titleWrap">
                            <p class="title">200% 환급받는 법 </p>
                        </div>
                        <ul>
                            <li class="box">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_how_num1.png" alt="첫번째" class="num">
                                <p class="tit">200% 환급반 수강신청</p>
                                <p class="txt-1">입문 vs 실전 <br>나에게 맞는 옵션으로 200% 환급반 수강신청</p>
                                <div class="imgWrap" style="background-color: #F8F8F8;"><figure style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_how_img1.png');"></figure></div>
                            </li>
                            <li class="box">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_how_num2.png" alt="두번째" class="num">
                                <p class="tit">매일 수강하기</p>
                                <p class="txt-1">매일 신규강의 1강(이상)씩 들으며 출석 챙기기 <br>1일 수강 후 다음날 출석확인 가능</p>
                                <p class="txt-2">(남은 수업 일수에 맞추어 신규강의 남겨 놓기)</p>
                                <div class="imgWrap"><figure style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_how_img2.png');"></figure></div>
                            </li>
                            <li class="box">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_how_num3.png" alt="세번째" class="num">
                                <p class="tit">환급 챌린지 출석확인</p>
                                <p class="txt-1">내강의실 → 출석율&출석캘린더 확인</p>
                                <div class="imgWrap"><figure style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_how_img3.png');"></figure></div>
                            </li>
                            <li class="box">
                                <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_how_num4.png" alt="네번째" class="num">
                                <p class="tit">출석미션 완료 후 환급신청 </p>
                                <p class="txt-1">수강후기 작성하고 환급신청 게시판 작성</p>
                                <p class="txt-2">(고객지원 → 환급신청 게시판)</p>
                                <div class="imgWrap" style="background-color: #DDE7FF;"><figure style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_how_img4.png');"></figure></div>
                            </li>
                        </ul>
                    </div>
                </article>

                <article class="comparison">
                    <div class="max-width">
                        <div class="titleWrap">
                            <p class="title">입문 vs 실전</p>
                        </div>
                        <ul class="flex sb">
                            <li>
                                <div class="top">
                                    <figure style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book_icon1.svg');"></figure>
                                    <p>기초부터 overall 6.5점까지 문법,기본,실전 모두 잡고 싶다면?</p>
                                    <strong>입문 200% 환급반</strong>
                                </div>
                                <div class="box">
                                    <div class="tit">영어 문법, 아이엘츠 기본 꽉 잡고 가기</div>
                                    <div class="bookWrap">
                                        <div class="book"><figure class="type1" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book1_1.png');"></figure><p>edm 문법마스터</p></div>
                                        <div class="book"><figure class="type1" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book1_2.png');"></figure><p>edmIELTS 기본다지기</p></div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div class="tit">원어민 강의로 영어적 학습법 익히기</div>
                                    <div class="bookWrap">
                                        <div class="book"><figure class="type2" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book1_3.png');"></figure><p>Kings 4.0 이론/문제풀이</p></div>
                                        <div class="book"><figure class="type2" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book1_4.png');"></figure><p>edmIELTS Speaking</p></div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div class="tit">실전감 상승을 위한 모의고사 문제풀이</div>
                                    <div class="bookWrap">
                                        <div class="book"><figure class="type1" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book1_5.png');"></figure><p>실전모의고사1</p></div>
                                        <div class="book"><figure class="type1" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book1_6.png');"></figure><p>실전모의고사2</p></div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div class="tit">캠프리지 교재로 최신경향 문제 익히기</div>
                                    <div class="bookWrap">
                                        <div class="book"><figure class="type1" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book1_7.png');"></figure><p>Cambridge1</p></div>
                                        <div class="book"><figure class="type1" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book1_8.png');"></figure><p>Cambridge2</p></div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="top">
                                    <figure style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book_icon2.svg');"></figure>
                                    <p>overall 7.0 이상을 위한 완벽 대비</p>
                                    <strong>실전 200% 환급반</strong>
                                </div>
                                <div class="box">
                                    <div class="tit">실전감 상승을 위한 모의고사 문제풀이</div>
                                    <div class="bookWrap">
                                        <div class="book"><figure class="type1" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book2_1.png');"></figure><p>실전모의고사1</p></div>
                                        <div class="book"><figure class="type1" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book2_2.png');"></figure><p>실전모의고사2</p></div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div class="tit">캠브리지 교재로 최신경향 문제 익히기</div>
                                    <div class="bookWrap">
                                        <div class="book"><figure class="type1" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book2_3.png');"></figure><p>Cambridge1</p></div>
                                        <div class="book"><figure class="type1" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book2_4.png');"></figure><p>Cambridge2</p></div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div class="tit">시험 직전 고득점 노하우 습득</div>
                                    <div class="bookWrap">
                                        <div class="book"><figure class="type2" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book2_5.png');"></figure><p>실전기출 W/S</p></div>
                                        <div class="book"><figure class="type2" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book2_6.png');"></figure><p>파이널 특강</p></div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div class="tit">원어민식 공부법 습득하기</div>
                                    <div class="bookWrap">
                                        <div class="book"><figure class="type2" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book2_7.png');"></figure><p>Kings 6.0이론/문제풀이 </p></div>
                                        <div class="book"><figure class="type2" style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_book2_8.png');"></figure><p>edmIELTS Speaking</p></div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </article>

                @include('ielts.promotion.common.correction-service', ['style' => 'style2', 'bgColor' => 'linear-gradient(180deg, rgba(255, 254, 189, 0.00) 0%, #FFFEBD 100%);'])

                @include('ielts.promotion.common.cdt-mock-exam', ['free' => 'charge'])

                @include('ielts.promotion.common.official-host')

                @include('ielts.promotion.common.video')
            </div>
        </div>
        <div class="sticky-option bottom-sheet">

        </div>
    </div>
@endsection

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

@section('ielts-script')

@endsection