@extends("_promotion.layout-promotion", ["page" => "payback", 'service' => 'ielts'])
@section("promotion-contents")
    <article class="mean transArticle">
        <div class="max-width">
            <div class="titleWrap" style="background-color: #FFFEBD;">
                <figure class="pc-image" style="background-image: url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/payback/payback_mean.png');"></figure>
                <div class="textWrap">
                    <p class="title">200% 환급반이란?</p>
                    <p class="sub">1일 1강씩 120일 연속 출석할 경우 수강료 200%를 환급받을 수 있는 인강 챌린지</p>
                </div>
            </div>
            <ul>
                <li>
                    <p class="tit">출석 만으로 <em>200%</em> 페이백</p>
                    <p class="info">성적표 제출, 목표점수 달성같은 복잡한 조건 No <br>매일 출석 달성 + 수강후기만 남기만 200% 페이백 <br>편의점 상품권 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>

    <article class="how">
        <div class="max-width">
            <div class="titleWrap">
                <p class="title">200% 환급받는 법 </p>
            </div>
            <ul>
                <li class="box">
                    <div class="left">
                        <img src="{{ env('AWS_S3_IMG_URL') }}/common/promotion/how_num1.png" alt="첫번째" class="num">
                        <p class="tit">200% 환급반 수강신청</p>
                        <p class="txt-1">입문 vs 실전 <br>나에게 맞는 옵션으로 200% 환급반 수강신청</p>
                    </div>
                    <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">
                    <div class="left">
                        <img src="{{ env('AWS_S3_IMG_URL') }}/common/promotion/how_num2.png" alt="두번째" class="num">
                        <p class="tit">매일 수강하기</p>
                        <p class="txt-1">매일 신규강의 1강(이상)씩 들으며 출석 챙기기 <br>1일 수강 후 다음날 출석확인 가능</p>
                        <p class="txt-2">(남은 수업 일수에 맞추어 신규강의 남겨 놓기)</p>
                    </div>
                    <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">
                    <div class="left">
                        <img src="{{ env('AWS_S3_IMG_URL') }}/common/promotion/how_num3.png" alt="세번째" class="num">
                        <p class="tit">환급 챌린지 출석확인</p>
                        <p class="txt-1">내강의실 → 출석율&출석캘린더 확인</p>
                    </div>
                    <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">
                    <div class="left">
                        <img src="{{ env('AWS_S3_IMG_URL') }}/common/promotion/how_num4.png" alt="네번째" class="num">
                        <p class="tit">출석미션 완료 후 환급신청 </p>
                        <p class="txt-1">수강후기 작성하고 환급신청 게시판 작성</p>
                        <p class="txt-2">(고객지원 → 환급신청 게시판)</p>
                    </div>
                    <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 title-out">
        <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="boxArea">
                        <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>
                    </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="boxArea">
                        <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>
                    </div>
                </li>
            </ul>
        </div>
    </article>

    <!-- 첨삭 서비스
        correctionService.style2 => youtube 영역 스타일 변형 -->
    <article class="correctionService style2">
        <div class="max-width">
            <div class="titleWrap">
                <p class="title">빈틈없는 밀착피드백 <br class="pc-br">Writing & Speaking 1:1 첨삭</p>
            </div>
        </div>
        <div class="contentWrap">
            <div class="area">
                <div class="max-width">
                    <p class="sub-title">[공통] 첨삭 제출 후 실제 시험과 동일한 평가기준을 적용한 Score 제공</p>

                    <table>
                        <caption>Writing <span>sample</span></caption>
                        <tbody>
                            <tr>
                                <th>Task Achievment</th>
                                <th>Cohesion <br class="tab_pc-br">& Coherence</th>
                                <th class="table-pc">Lexical Resources</th>
                                <th class="table-pc">Grammatical Range <br>& Accurancy</th>
                                <th class="table-pc">Band Score</th>
                            </tr>
                            <tr>
                                <td>9.0</td>
                                <td>9.0</td>
                                <td class="table-pc">9.0</td>
                                <td class="table-pc">9.0</td>
                                <td class="table-pc">9.0</td>
                            </tr>
                            <tr class="afterNone">
                                <th>Lexical Resources</th>
                                <th>Grammatical Range <br>& Accurancy</th>
                            </tr>
                            <tr class="afterNone">
                                <td>9.0</td>
                                <td>9.0</td>
                            </tr>
                        </tbody>
                    </table>
                    <p class="table-foot">Band Score <span>9.0</span></p>
                    <table>
                        <caption>Reading <span>sample</span></caption>
                        <tbody>
                            <tr>
                                <th>Fluency</th>
                                <th>Lexical Resources</th>
                            </tr>
                            <tr>
                                <td>9.0</td>
                                <td>9.0</td>
                            </tr>
                            <tr>
                                <th>Grammatical Range <br>& Accurancy</th>
                                <th>Pronunciation</th>
                            </tr>
                            <tr>
                                <td>9.0</td>
                                <td>9.0</td>
                            </tr>
                        </tbody>
                    </table>
                    <p class="table-foot">Band Score <span>9.0</span></p>
                </div>
            </div>

            <div class="area other" style="background: linear-gradient(180deg, rgba(255, 254, 189, 0.00) 0%, #FFFEBD 100%);">
                <div class="max-width">
                    <p class="sub-title">
                        <span class="other1">제출한 페이지에 수기로 피드백이 제공되는 1:1 첨삭 서비스 제공</span>
                        <span class="other2">현재 수준과 피드백 스타일을 고려하여 2가지 중 선택 가능</span>
                    </p>
                    <div class="box">
                        <div class="other2">
                            <p class="title">Basic 첨삭</p>
                            <p class="info"><em>매 주 1회씩</em> 제출한 첨삭에 선생님이 직접 피드백을 적어주는 실속형 첨삭 서비스</p>
                        </div>
                        <p class="txt txt-1">문법/표현/발음 등의 교정과 항목별 평가 제공</p>
                        <p class="txt txt-2">Speaking - 녹음된 답변에 대해 타이핑 형태의 피드백 문서 제공</p>
                        <p class="txt txt-2">Writing - 작성된 답변을 출력하여 수기로 작성한 피드백 문서 제공</p>
                        <div class="flex sb mediaWrap">
                            <div class="imgWrap"><figure style="background-image:url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/promotion/correctionService_img1.jpg');"></figure></div>
                            <div class="viewWrap">
                                <div class="viewBox">
                                    <figure class="youtube" style="background-image:url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/promotion/correctionService_img2.svg');"></figure>
                                    <p class="view-tit">아이엘츠 <strong>2,300만뷰!</strong> Speaking 전문</p>
                                    <div class="flex person">
                                        <figure style="background-image:url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/promotion/correctionService_img5.png');"></figure>
                                        <div class="infoBox">
                                            <p class="info-tit">Johnny Carrol</p>
                                            <p class="txt-info"><strong>Career</strong></p>
                                            <p class="txt-info">B.A Hons Business in Accounting, Galway-Mayo institute of Technology, Ireland</p>
                                        </div>
                                    </div>
                                </div>
                                <a href="" target="_blank">아이엘츠 Speaking Mock Test 영상 보러 가기</a>
                            </div>
                        </div>
                    </div>
                    <div class="box other2">
                        <p class="title">Premium 첨삭</p>
                        <p class="info"><em>매 주 1회씩</em> 동영상으로 제공되는 1:1 과외형 첨삭 서비스 </p>
                        <div class="flex align-c">
                            <div class="videoWrap">
                                    <div class="video" data-youtube="_jg7JUnBpsA">
                                        <figure style="background-image:url('https://img.youtube.com/vi/_jg7JUnBpsA/mqdefault.jpg')"></figure>
                                    </div>
                            </div>
                            <div class="textWrap">
                                <p class="txt txt-1">매 월 1회씩! 내가 작성한 에세이/답변만을 위한 피드백 강의를 동영상으로 제공</p>
                                <p class="txt txt-2">희망 선생님 선택하여 신청 가능</p>
                                <p class="txt txt-2">디테일한 피드백 & 전략 1:1 과외형태로 제공</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </article>

    <!-- CDT 모의고사 매월 1회 무료
        cdtMockExam : CDT 모의고사 (월 1회 무료)
        cdtMockExam.charge : CDT 모의고사 + 첨삭 (유료) -->
    <article class="cdtMockExam" style="background-color: #fff;">
        <div class="max-width">
            <div class="titleWrap">
                <p class="title">
                    <span class="other1">CDT 모의고사 매월 1회 무료</span>
                    <span class="other2">고득점 치트키 CDT 모의고사 <br class="pc=br">응시권 2회 + 첨삭 2회 + 추가 응시권 매월 1회 무료</span>
                </p>
            </div>
            <div class="contentWrap">
                <div class="flex sb boxWrap">
                    <div class="box">
                        <div class="imgWrap">
                            <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/promotion/cdtMockExam_img1.jpg" alt="CDT모의고사 전영역 응시">
                        </div>
                        <div class="textWrap">
                            <p class="tit">CDT모의고사 전영역 응시</p>
                            <p class="info">실제 시험과 동일하게 설계</p>
                        </div>
                    </div>
                    <div class="box">
                        <div class="imgWrap">
                            <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/promotion/cdtMockExam_img2.jpg" alt="채점결과 확인 & 해설 복습">
                        </div>
                        <div class="textWrap">
                            <p class="tit">채점결과 확인 & 해설 복습</p>
                            <p class="info">Listening & Reading 응시 완료 시 <br class="pc-br">채점결과 즉시 확인 가능</p>
                        </div>
                    </div>
                    <div class="other1">
                        <p class="small">*유료 수강 중인 회원에 한해 무료로 제공되는 서비스로 모의고사 신청 게시판으로 별도 신청 후 이용이 가능합니다.</p>
                        <p class="small">*해당 무료 모의고사는 S/W 첨삭 서비스가 포함되어 있지 않습니다.</p>
                    </div>
                    <div class="other2">
                        <div class="box">
                            <div class="imgWrap">
                                <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/promotion/cdtMockExam_img3.jpg" alt="1:1 첨삭 피드백 확인 & 약점 보완">
                            </div>
                            <div class="textWrap">
                                <p class="tit">1:1 첨삭 피드백 확인 & 약점 보완</p>
                                <p class="info">Writing & Speaking 응시 완료 후 1:1 첨삭 신청, 상세 피드백 확인 가능</p>
                            </div>
                        </div>
                    </div>
                    <div class="other2 other-video">
                        <div class="videoWrap">
                            <div class="video" data-youtube="_jg7JUnBpsA">
                                <figure style="background-image:url('https://img.youtube.com/vi/_jg7JUnBpsA/mqdefault.jpg')"></figure>
                            </div>
                        </div>
                        <div class="textWrap">
                            <p class="tit">CDT 모의고사 튜토리얼</p>
                        </div>
                        <p class="small">*무료로 제공되는 CDT 모의고사 월 1회권은 신청 게시판으로 별도 신청 후 이용이 가능하며, S/W 첨삭 서비스 불포함입니다.</p>
                    </div>
                </div>
            </div>
        </div>
    </article>

    <!-- 홍보 영상 콘텐츠 -->
    <article class="videoComponent">
        <div class="max-width">
            <div class="titleWrap">
                <p class="sub">해외에서 200% 환급패스 듣고</p>
                <p class="title">Overall 7.0 받은 후기</p>
            </div>
            <div class="contentWrap videoWrap">
                <div class="video" data-youtube="_jg7JUnBpsA">
                    <figure style="background-image:url('https://img.youtube.com/vi/_jg7JUnBpsA/mqdefault.jpg')"></figure>
                </div>
                <!-- <p class="video-txt ellipsis_2"></p> -->
            </div>
        </div>
    </article>

    <!-- 홍보 영상 콘텐츠 -->
    <article class="videoComponent">
        <div class="max-width">
            <div class="titleWrap">
                <p class="title">실전모의고사2 강의 미리보기</p>
            </div>
            <div class="contentWrap videoWrap">
                <div class="video" data-youtube="_jg7JUnBpsA">
                    <figure style="background-image:url('https://img.youtube.com/vi/_jg7JUnBpsA/mqdefault.jpg')"></figure>
                </div>
                <!-- <p class="video-txt ellipsis_2"></p> -->
            </div>
        </div>
    </article>

@endsection