@extends("products.layout-product", ['page' => 'timepass'])

@section("product-contents")
    <article class="mean">
        <div class="max-width">
            <div class="titleWrap">
                <figure class="pc-image" style="background-image: url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/timepass/timepass_mean.png');"></figure>
                <div class="textWrap">
                    <p class="title">실전올패스란?</p>
                    <p class="sub">실전과정(문제풀이~실전훈련)을 Overall 7.0 도달시까지 무제한 학습할 수 있는 수강 상품</p>
                </div>
            </div>
            <p class="sub-title">실전올패스 만의 강력한 혜택</p>
            <ul>
                <li>
                    <div class="titWrap">
                        <figure style="background-image: url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/timepass/meanIcon_1.svg');"></figure>
                        <p class="tit">아이엘츠 공식 시험 응시권</p>
                    </div>
                    <p class="info">아이엘츠 공식주관사 ‘주한영국문화원’ <br class='pc-br'>시험 응시권 <br class='mo_tab-br'>제공 (30만원 상당)</p>
                </li>
                <li>
                    <div class="titWrap">
                        <figure style="background-image: url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/timepass/meanIcon_2.svg');"></figure>
                        <p class="tit">무제한 연장</p>
                    </div>
                    <p class="info">Overall 7.0 이상이 나올때까지! <em>IELTS</em> 성적표 제출 <br class='mo_tab-br'>시마다 강의 무제한 연장 (상품마다 연장기간 상이)</p>
                </li>
                <li>
                    <div class="titWrap">
                        <figure style="background-image: url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/timepass/meanIcon_3.svg');"></figure>
                        <p class="tit">W/S 첨삭도 무제한으로</p>
                    </div>
                    <p class="info">매주 1개씩/ 매일 5개씩 원하는 첨삭스타일에 맞추어 <br class="mo_tab-br">W/S 첨삭 추가 가능</p>
                </li>
            </ul>
        </div>
    </article>

    <article class="how">
        <div class="max-width">
            <div class="titleWrap">
                <p class="title">실전올패스 고득점 플랜</p>
            </div>
            <ul>
                <li class="box">
                    <div class="left">
                        <div class="flex titleArea">
                            <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/how_num1.png" alt="첫번째" class="num">
                            <p class="tit">유형별 전략익히기 </p>
                        </div>
                        <div class="txtArea">
                            <p class="txt-2"><b>실전모의고사 1, 2</b></p>
                            <p class="txt-2">전 영역 유형별 전략 학습</p>
                        </div>
                        <div class="txtArea">
                            <p class="txt-2"><b>Kings 6.0+이론편</b></p>
                            <p class="txt-2">유형별 접근 방법 학습 및 연습문제를 통한 적용 훈련</p>
                        </div>
                    </div>
                    <div class="imgWrap" style="background-color: #F8F8F8;"><figure style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/timepass/timepass_how_img1.png');"></figure></div>
                </li>
                <li class="box">
                    <div class="left">
                        <div class="flex titleArea">
                            <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/how_num2.png" alt="두번째" class="num">
                            <p class="tit">실전 문제풀이 훈련</p>
                        </div>
                        <div class="txtArea">
                            <p class="txt-2"><b>IELTS Cambridge 18, 19</b></p>
                            <p class="txt-2">영역별 최신 기출경향 파악 </p>
                        </div>
                        <div class="txtArea">
                            <p class="txt-2"><b>Kings 6.0+문제풀이편</b></p>
                            <p class="txt-2">모의고사형 풀이 강의</p>
                        </div>
                    </div>
                    <div class="imgWrap"><figure style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/timepass/timepass_how_img2.png');"></figure></div>
                </li>
                <li class="box">
                    <div class="left">
                        <div class="flex titleArea">
                            <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/how_num3.png" alt="세번째" class="num">
                            <p class="tit">고득점 실전 마무리</p>
                        </div>
                        <div class="txtArea">
                            <p class="txt-2"><b>실전 기출 W/S</b></p>
                            <p class="txt-2">고난도 스피킹, 라이팅 집중공략</p>
                        </div>
                        <div class="txtArea">
                            <p class="txt-2"><b>파이널 특강</b></p>
                            <p class="txt-2">고득점 훈련</p>
                            <p class="txt-2">시험팁 공부</p>
                        </div>
                    </div>
                    <div class="imgWrap"><figure style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/timepass/timepass_how_img3.png');"></figure></div>
                </li>
                <li class="box">
                    <div class="left">
                        <div class="flex titleArea">
                            <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/how_num4.png" alt="네번째" class="num">
                            <p class="tit">출공식시험 응시로 목표점수 달성</p>
                        </div>
                        <div class="txtArea">
                            <p class="txt-2"><b>Academic/General Module</b></p>
                        </div>
                        <div class="txtArea">
                            <p class="txt-2"><b>Paper IELTS / Computer IELTS 모두 접수 가능</b></p>
                        </div>
                    </div>
                    <div class="imgWrap"><figure style="background-image:url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/timepass/timepass_how_img4.png');"></figure></div>
                </li>
            </ul>
        </div>
    </article>

    <article class="comparison type2">
        <div class="max-width">
            <div class="titleWrap">
                <p class="title">학습플랜에 따른 맞춤형 상품 제안</p>
            </div>
            <ul class="flex sb">
                <li>
                    <div class="top">
                        <strong>많이 써보고, 말하고, <br class="mo_tab-br">첨삭받고!</strong>
                    </div>
                    <div class="box">
                        <div class="circleBox">
                            <figure style="background-image: url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/timepass/comparison_1.png');"></figure>
                            <p>무제한첨삭</p>
                        </div>
                        <div class="dotBox">
                            <p>수강기간 총 60일간 매일 최고 5회까지 첨삭 신청 가능</p>
                            <p>최대 300번의 Writing/ Speaking 첨삭 제공</p>
                            <p>7.0 성적 미만 성적표 제출 시 강의/첨삭 30일 연장</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="top">
                        <strong>매주 인강 <br class="tablet-br">& 주말 첨삭 플랜</strong>
                    </div>
                    <div class="box">
                        <div class="circleBox">
                            <figure style="background-image: url('{{ env('AWS_S3_IMG_URL') }}/ielts/promotion/timepass/comparison_2.png');"></figure>
                            <p>무제한첨삭</p>
                        </div>
                        <div class="dotBox">
                            <p>수강기간 총 180일간 주 1회 첨삭 (Writing, Speaking 중 택1)</p>
                            <p>총 25회 첨삭 제공</p>
                            <p>Overall 7.0 성적 미만 성적표 제출 시 강의 100일 연장</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </article>

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

    @include('ielts.promotion.common.promotion-video')

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

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