@extends('ielts.layout')

@section('ielts-css')
    {!! resource('css/ielts/sub.css') !!}

    {!! resource('css/myclass/my_class_mo.css') !!}
    {!! resource('css/myclass/my_class_mo_ielts.css') !!}
@endsection



@section("ielts-content")
<div class="container_m">

    <div id="nav">
        <a href="#none" class="ico-back">뒤로가기</a>
        <h2>휴강/연장신청</h2>
    </div>
    <div id="tab">
        <ul>
            <li>
                <a href="#none">휴강신청</a>
            </li>
            <li class="on">
                <a href="#none">무료연장신청</a>
            </li>
            <li>
                <a href="#none">유료연장신청</a>
            </li>
        </ul>
    </div>
    <div id="container" class="bg-gray">
        <div id="cnt-tab">
            <ul>
                <li>
                    <a href="#none">신청하기</a>
                </li>
                <li class="on">
                    <a href="#none">신청내역</a>
                </li>
            </ul>
        </div>
        <div class="bg-white">
            <table class="correct-table">
                <colgroup>
                    <col width="50%">
                    <col width="50%">
                </colgroup>
                <thead>
                    <tr>
                        <th>상품명</th>
                        <th>연장승인여부</th>
                    </tr>
                </thead>
                <tbody class="tdpd12">
                    <tr>
                        <td>N개월 실속팩 (옵션명)</td>
                        <td>연장 실패(승인 반려)</td>
                    </tr>
                    <!-- 연장 승인시 삭제 -->
                    <tr class="td-reply">
                        <td colspan="2">
                            <div class="bg-reply red">
                                <strong>불가사유</strong> 회원님 본인정보와 일치하는 성적표로 업로드해 주세요.
                            </div>
                        </td>
                    </tr>
                    <!-- //연장 승인시 삭제 -->
                    <tr>
                        <td>N개월 실속팩 (옵션명)</td>
                        <td>연장 승인</td>
                    </tr>
                </tbody>
            </table>
            <h3>연장 수강 기간</h3>
            <ul class="delay-list">
                <li>
                    <p>강좌명이 들어갑니다.강좌명이 들어갑니다.강좌명이 들어갑니다.강좌명이 들어갑니다.</p>
                    <span>24.04.01~24.07.30</span>
                </li>
                <li>
                    <p>강좌명이 들어갑니다.강좌명이 들어갑니다.강좌명이 들어갑니다.강좌명이 들어갑니다.</p>
                    <span>24.04.01~24.07.30</span>
                </li>
                <li>
                    <p>강좌명이 들어갑니다.강좌명이 들어갑니다.강좌명이 들어갑니다.강좌명이 들어갑니다.</p>
                    <span>24.04.01~24.07.30</span>
                </li>
            </ul>
        </div>
    </div>
</div>
@endsection



@section('ielts-script')

    {!! resource('js/common/image-file.js') !!}
@endsection