@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 class="on">
                <a href="#none">학습중</a>
            </li>
            <li>
                <a href="#none">휴강/학습종료</a>
            </li>
        </ul>
    </div>
    <div id="container" class="bg-gray">
        <ul class="my-lecture-list">
            <li>
                <strong>수강 중인 강의</strong>
                <div class="process">
                    <div class="title-bar">
                        <div class="title">Kings 6.0+_Reading_True False abc def ghi</div>
                        <div class="bar-wrap">
                            <div class="bar">
                                <div style="width:79%"></div>
                            </div>
                            <span>
                                10강/10강
                            </span>
                        </div>
                    </div>
                    <a href="#none" class="btn-play">
                    </a>
                </div>
            </li>
            <li>
                <strong>다음강의</strong>
                <div class="process">
                    <div class="title-bar">
                        <div class="title">Kings 6.0+_Reading_True False abc def ghi</div>
                        <div class="bar-wrap">
                            <div class="bar">
                                <div style="width:79%"></div>
                            </div>
                            <span>
                                10강/10강
                            </span>
                        </div>
                    </div>
                    <a href="#none" class="btn-play">
                    </a>
                </div>
            </li>
        </ul>
        <ul class="product-list">
            <li>
                <div class="title">
                    <img src="https://placehold.co/96x60" alt="">
                    <div>
                        <dl>
                            <dd class="green">General</dd>
                            <dd>무료연장</dd>
                            <dd>진도율 30%</dd>
                        </dl>
                        <h4>N개월 알짜패스패스 패스</h4>
                        <p>(제너럴) 라이팅 스피킹 30일 완성</p>
                    </div>
                </div>
                <div class="detail product">
                    <dl>
                        <dt>수강기간 :</dt>
                        <dd>24.03.15~25.04.30 (30일 남음)</dd>
                    </dl>
                    <dl>
                        <dt>교재 :</dt>
                        <dd>edm문법마스터ㅣCam18 l Cam17 l edm 아이..엘츠 교재 ㅣ Kings Wor...</dd>
                    </dl>
                </div>
                <ul class="btn-list">
                    <li>
                        <a href="#none">휴강신청</a>
                    </li>
                    <li>
                        <a href="#none">출석확인</a>
                    </li>
                    <li>
                        <a href="#none">수강후기 작성</a>
                    </li>
                </ul>
                <a href="#none" class="btn-go">
                    강의실 입장
                </a>
            </li>
            <li>
                <div class="title">
                    <img src="https://placehold.co/96x60" alt="">
                    <div>
                        <dl>
                            <dd class="green">General</dd>
                            <dd>진도율 30%</dd>
                        </dl>
                        <h4>N개월 알짜패스패스 패스</h4>
                        <p>(제너럴) 라이팅 스피킹 30일 완성</p>
                    </div>
                </div>
                <div class="detail product">
                    <dl>
                        <dt>수강기간 :</dt>
                        <dd>24.03.15~25.04.30 (30일 남음)</dd>
                    </dl>
                    <dl>
                        <dt>교재 :</dt>
                        <dd>edm문법마스터ㅣCam18 l Cam17 l edm 아이..엘츠 교재 ㅣ Kings Wor...</dd>
                    </dl>
                </div>
                <ul class="btn-list">
                    <li>
                        <a href="#none">휴강내역</a>
                    </li>
                    <li>
                        <a href="#none">수강후기 작성</a>
                    </li>
                </ul>
                <a href="#none" class="btn-go">
                    강의실 입장
                </a>
            </li>
        </ul>
    </div>
</div>
@endsection



@section('ielts-script')

@endsection