@extends("academy.layout", ['service' => 'academy'])

@section("academy-css")

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



@section("academy-content")
<div class="container">
    <div class="path-wrapper">
        <div class="wrapper">
            <dl class="path">
                <dt class="blind">path</dt>
                <dd>전체</dd>
                <dd>나의 강의실</dd>
                <dd>현장 강의</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 class="on">
                        <a href="#none">
                            <i class="ico-myclass-07"></i>
                            <span>현장 강의</span>
                        </a>
                    </li>
                    <li>
                        <a href="#none">
                            <i class="ico-myclass-03"></i>
                            <span>CDT<br>모의고사</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-05"></i>
                            <span>1:1<br>게시판</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="my-class-contents">
                <div class="row">
                    <div class="column c100p">
                        <div class="my-tab">
                            <ul>
                                <li class="on"><a href="#none">학습중</a></li>
                                <li><a href="#none">학습종료</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="column c100p">
                        <div class="card my-class-sub">

                            <div class="my-class-list">
                                <ul>
                                    <!-- 반복 -->
                                    <li>
                                        <img src="https://placehold.co/238x149?text=thumbnail" alt="">
                                        <div>
                                            <p class="pd-name">N개월 알짜</p>
                                            <a href="#none" class="pd-option">(제너럴) 라이팅 스피킹 30일 완성 PACK 30일 완성 PACK30일
                                                완성 라이팅 스피킹 30일 완성 PACK 30일 완성 PACK30일 완성</a>
                                            <p class="pd-detail">수강기간: 2024.03.15 ~ 2024.04.30&nbsp;&nbsp;잔여 수강일:
                                                30일&nbsp;&nbsp;Academic</p>
                                            <p class="pd-detail">교재: edm문법마스터ㅣCam18 l Cam17 l edm 아이엘츠 교재 ㅣ Kings
                                                Work-Sheet 12 Kings Work-Sheet 12</p>
                                            <div class="process-wrap">
                                                <div class="process">
                                                    <div class="bar">
                                                        <div class="bar-inner" style="width:80%"></div>
                                                    </div>
                                                    <p>진도율 <span>80%</span></p>
                                                </div>
                                                <a href="#none" class="my-btn-default sm">강의실 입장<i
                                                        class="ico-arrow"></i></a>
                                            </div>
                                        </div>
                                        <ul class="mini-menu">
                                            <li>
                                                <a href="#none">수강평 작성</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <!-- 반복 -->
                                    <li>
                                        <img src="https://placehold.co/238x149?text=thumbnail" alt="">
                                        <div>
                                            <p class="pd-name">N개월 알짜</p>
                                            <a href="#none" class="pd-option">(제너럴) 라이팅 스피킹 30일 완성 PACK 30일 완성 PACK30일
                                                완성 라이팅 스피킹 30일 완성 PACK 30일 완성 PACK30일 완성</a>
                                            <p class="pd-detail">수강기간: 2024.03.15 ~ 2024.04.30&nbsp;&nbsp;잔여 수강일:
                                                30일&nbsp;&nbsp;Academic</p>
                                            <p class="pd-detail">교재: edm문법마스터ㅣCam18 l Cam17 l edm 아이엘츠 교재 ㅣ Kings
                                                Work-Sheet 12 Kings Work-Sheet 12</p>
                                            <div class="process-wrap">
                                                <div class="process">
                                                    <div class="bar">
                                                        <div class="bar-inner" style="width:80%"></div>
                                                    </div>
                                                    <p>진도율 <span>80%</span></p>
                                                </div>
                                                <a href="#none" class="my-btn-default sm">강의실 입장<i
                                                        class="ico-arrow"></i></a>
                                            </div>
                                        </div>
                                        <ul class="mini-menu">
                                            <li>
                                                <a href="#none">수강평 작성</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection



@section("academy-script")

@endsection