@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="my-class">
        <h3>내 강의실</h3>
        <ul>
            <li>
                <a href="#none" class="ico-quick-01">
                    <i></i>
                    <span>강의수강</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-quick-02">
                    <i></i>
                    <span>첨삭학습</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-quick-03">
                    <i></i>
                    <span>CDT모의고사</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-quick-04">
                    <i></i>
                    <span>1:1게시판</span>
                </a>
            </li>
        </ul>
    </div>
    <!-- 최근 수강 -->
    <div id="recent">
        <h3>최근 수강</h3>
        <p class="lesson-title">Kings 6.0+_Reading_True False Not Given_3 강좌명이 들어갑니다. 강좌명이 들어갑니다.</p>
        <div class="process">
            <div class="bar">
                <div style="width: 80%;"></div>
            </div>
            <span>8강/10강</span>
            <a href="#none" class="btn-go">바로가기</a>
        </div>
    </div>
    <div id="status">
        <div>
            <h3>출석현황</h3>
            <div class="attendance">
                <span>출석율</span>
                <p>92.24%</p>
                <span>잔여출석일수</span>
                <p>90일</p>
            </div>
        </div>
        <ul>
            <li>
                <a href="#none" class="ico-my-01">
                    <i></i>
                    <strong>기기관리</strong>
                    <span>기기 설정하기</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-my-02">
                    <i></i>
                    <strong>수강후기</strong>
                    <span>후기 남기기</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-my-03">
                    <i></i>
                    <strong>수강증</strong>
                    <span>수강증 확인</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-my-04">
                    <i></i>
                    <strong>휴강/연장</strong>
                    <span>신청하기</span>
                </a>
            </li>
        </ul>
    </div>
    <div id="event">
        <div class="event-banner">
            <h3>EVENT</h3>
            <ul>
                <li>
                    <a href="#none">
                        합격 후기 작성시 네이버페이 포인트 30,000원 100%
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="board">
        <div class="board-wrap">
            <div class="board-title">
                <h3>1:1 학습문의</h3>
                <a href="#none" class="btn-more">더보기</a>
            </div>
            <ul>
                <li class="no-data">
                    1:1 문의 내역이 없습니다.
                </li>
                <li>
                    <a href="#none">
                        <span class="reply fin">답변완료</span>
                        <span class="title">[기본 다지기] Listening part 4강이 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="reply">미답변</span>
                        <span class="title">[기본 다지기] Listening part 4강이 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="reply">미답변</span>
                        <span class="title">[기본 다지기] Listening part 4강이 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="reply">미답변</span>
                        <span class="title">[기본 다지기] Listening part 4강이 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
            </ul>
        </div>
        <div class="board-wrap">
            <div class="board-title">
                <h3>공지사항</h3>
                <a href="#none" class="btn-more">더보기</a>
            </div>
            <ul>
                <li class="no-data">
                    공지사항이 없습니다.
                </li>
                <li>
                    <a href="#none">
                        <span class="title">영국문화원 시험접수 관련 안내</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="title">영국문화원 시험접수 관련 안내</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="title">2024년 아이엘츠 응시료 지원사업 안내 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="title">2024년 아이엘츠 응시료 지원사업 안내 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
            </ul>
        </div>
    </div>
    <div id="product">
        <div class="product-wrap">
            <h3>수강중인 상품</h3>
            <ul class="product-list">
                <li class="no-data">
                    수강중인 상품이 없습니다.
                </li>
                <li>
                    <div class="title">
                        <img src="https://placehold.co/96x60" alt="">
                        <div>
                            <h4>N개월 알짜패스패스 패스</h4>
                            <p>(제너럴) 라이팅 스피킹 30일 완성</p>
                        </div>
                    </div>
                    <div class="detail">
                        <dl>
                            <dt>CDT :</dt>
                            <dd>3회</dd>
                        </dl>
                        <dl>
                            <dt>첨삭 :</dt>
                            <dd>무제한</dd>
                        </dl>
                        <dl>
                            <dt>강좌 :</dt>
                            <dd>진도율: 70% <span>(수강기간: 24.03.01 ~ 24.09.30)</span></dd>
                        </dl>
                    </div>
                    <a href="#none" class="btn-go">
                        <i></i>
                        수강하기
                    </a>
                </li>
                <li>
                    <div class="title">
                        <img src="https://placehold.co/96x60" alt="">
                        <div>
                            <h4>N개월 알짜패스패스 패스</h4>
                            <p>(제너럴) 라이팅 스피킹 30일 완성</p>
                        </div>
                    </div>
                    <div class="detail">
                        <dl>
                            <dt>CDT :</dt>
                            <dd>3회</dd>
                        </dl>
                        <dl>
                            <dt>첨삭 :</dt>
                            <dd>무제한</dd>
                        </dl>
                        <dl>
                            <dt>강좌 :</dt>
                            <dd>진도율: 70% <span>(수강기간: 24.03.01 ~ 24.09.30)</span></dd>
                        </dl>
                    </div>
                    <a href="#none" class="btn-go">
                        <i></i>
                        수강하기
                    </a>
                </li>
            </ul>
            <h3>웰컴 패키지</h3>
            <ul class="welcome-list">
                <li>
                    <a href="#none">
                        <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/img_welcome_1.jpg" alt="">
                        <p>웰컴패키지<br>스케줄러</p>
                        <i class="ico-download"></i>
                    </a>
                </li>
                <li>
                    <a href="#none">
                        <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/img_welcome_2.jpg" alt="">
                        <p>웰컴패키지<br>오답노트</p>
                        <i class="ico-download"></i>
                    </a>
                </li>
                <li>
                    <a href="#none">
                        <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/img_welcome_3.jpg" alt="">
                        <p>웰컴패키지<br>단어장1</p>
                        <i class="ico-download"></i>
                    </a>
                </li>
                <li>
                    <a href="#none">
                        <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/img_welcome_3.jpg" alt="">
                        <p>웰컴패키지<br>단어장2</p>
                        <i class="ico-download"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
@endsection



@section('ielts-script')

@endsection