@extends('ielts.layout')

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

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



@section("ielts-content")
<div class="container">
    <div class="path-wrapper">
        <div class="wrapper">
            <dl class="path">
                <dt class="blind">path</dt>
                <dd>전체</dd>
                <dd>나의 강의실</dd>
                <dd>CDT학습</dd>
            </dl>
        </div>
    </div>
    <div class="my-class-wrapper">
        <div class="wrapper">
            <div class="my-class-menu">
                <ul>
                    <li>
                        <a href="#none">
                            <i class="ico-myclass-01"></i>
                            <span>메인</span>
                        </a>
                    </li>
                    <li>
                        <a href="#none">
                            <i class="ico-myclass-02"></i>
                            <span>강의수강</span>
                        </a>
                    </li>
                    <li>
                        <a href="#none">
                            <i class="ico-myclass-03"></i>
                            <span>첨삭 학습</span>
                        </a>
                    </li>
                    <li class="on">
                        <a href="#none">
                            <i class="ico-myclass-04"></i>
                            <span>CDT 모의고사</span>
                        </a>
                    </li>
                    <li>
                        <a href="#none">
                            <i class="ico-myclass-05"></i>
                            <span>게시판</span>
                        </a>
                    </li>
                    <li>
                        <a href="#none">
                            <i class="ico-myclass-06"></i>
                            <span>휴강/연장 신청</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="my-class-contents">
                <div class="row">
                    <div class="column c100p">
                        <div class="my-tab">
                            <ul>
                                <li><a href="#none">CDT 응시</a></li>
                                <li class="on"><a href="#none">종료/휴강</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="column c100p">
                        <div class="card my-class-sub">
                            <table class="correct-table">
                                <colgroup>
                                    <col>
                                    <col width="160">
                                    <col width="200">
                                    <col width="140">
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>구매상품</th>
                                        <th>잔여횟수/전체횟수</th>
                                        <th>이용기간</th>
                                        <th>내용 보기</th>
                                    </tr>
                                </thead>
                                <tbody class="tdpd16">
                                    <tr>
                                        <td>
                                            <img src="https://placehold.co/96x60?text=thumbnail" class="thumb" alt="">
                                            <ul>
                                                <li>CDT 모의고사 풀패키지 풀패키지 풀패키지</li>
                                                <li>CDT 모의고사 풀패키지 풀패키지 풀패키지 CDT 모의고사 풀패키지 풀패키지 풀패키지</li>
                                            </ul>
                                        </td>
                                        <td class="text-left">
                                            [CDT] 5회 / 10회<br>
                                            [첨삭] 1회 / 3회
                                        </td>
                                        <td class="pd1600">
                                            24.03.01 ~ 24.09.30<br>
                                            24.03.01 ~ 24.09.30
                                        </td>
                                        <td>
                                            <a href="#none" class="my-btn-default4"><span>결과</span>보기</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <img src="https://placehold.co/96x60?text=thumbnail" class="thumb" alt="">
                                            <ul>
                                                <li>CDT 모의고사 풀패키지 풀패키지 풀패키지</li>
                                                <li>CDT 모의고사 풀패키지 풀패키지 풀패키지 CDT 모의고사 풀패키지 풀패키지 풀패키지</li>
                                            </ul>
                                        </td>
                                        <td class="text-left">
                                            [CDT] 5회 / 10회<br>
                                            [첨삭] 1회 / 3회
                                        </td>
                                        <td class="pd1600">
                                            24.03.01 ~ 24.09.30<br>
                                            24.03.01 ~ 24.09.30
                                        </td>
                                        <td>
                                            <a href="#none" class="my-btn-default4"><span>결과</span>보기</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <img src="https://placehold.co/96x60?text=thumbnail" class="thumb" alt="">
                                            <ul>
                                                <li>CDT 모의고사 풀패키지 풀패키지 풀패키지</li>
                                                <li>CDT 모의고사 풀패키지 풀패키지 풀패키지 CDT 모의고사 풀패키지 풀패키지 풀패키지</li>
                                            </ul>
                                        </td>
                                        <td class="text-left">
                                            [CDT] 5회 / 10회<br>
                                            [첨삭] 1회 / 3회
                                        </td>
                                        <td class="pd1600">
                                            지급일로부터 30일<br>
                                            <span class="cdt-table-noti">※ 매 종강일마다 1회씩 지급</span>
                                            24.03.01 ~ 24.09.30
                                        </td>
                                        <td>
                                            <a href="#none" class="my-btn-default4"><span>결과</span>보기</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" class="no-data">
                                            종료/휴강 CDT가 없습니다.
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="board-footer">
                                <div class="pagination">
                                    <a class="prev-all" href="#none">처음</a>
                                    <a class="prev" href="#none">이전 페이지</a>
                                    <a class="on" href="#none">1</a>
                                    <a href="#none">2</a>
                                    <a href="#none">3</a>
                                    <a class="next" href="#none">다음 페이지</a>
                                    <a class="next-all" href="#none">마지막</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection



@section('ielts-script')

@endsection