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

@section("academy-css")

    {!! resource('css/academy/sub.css') !!}
    {!! resource('css/myclass/my_class_mo.css') !!}
    {!! resource('css/myclass/my_class_mo_academy.css') !!}
@endsection



@section("academy-content")
<div class="container_m boardList">
    <div class="max-width">
        <div id="nav">
            <button type="button" onclick="history.back()" class="ico-back">뒤로가기</button>
            <h2>자료실</h2>
        </div>
        <div id="tab">
            <ul>
                <li class="on"><a href="/m/academy/classroom/data">선생님 자료실</a></li>
                <li><a href="/m/academy/classroom/data2">모의고사 자료실</a></li>
            </ul>
        </div>

        <div class="filter">
            <div class="dropDownMenu type2">
                <div class="selectBox">
                    <button type="button" class="label" data-selected="수강상품 선택" data-default="수강상품 선택">수강상품 선택</button>
                    <div class="optionListWrap">
                        <div class="scrollWidth">
                            <ul class="optionList scrollWrap">
                                <!-- 활성화 메뉴 active class 추가 -->
                                <li class="optionItem"><button type="button" data-account="과목 1">과목 1</button></li>
                                <li class="optionItem"><button type="button" data-account="과목 2">과목 2</button></li>
                                <li class="optionItem"><button type="button" data-account="과목 3">과목 3</button></li>
                                <li class="optionItem"><button type="button" data-account="과목 4">과목 4</button></li>
                                <li class="optionItem"><button type="button" data-account="과목 5">과목 5</button></li>
                                <li class="optionItem"><button type="button" data-account="과목 6">과목 6</button></li>
                                <li class="optionItem"><button type="button" data-account="과목 7">과목 7</button></li>
                                <li class="optionItem"><button type="button" data-account="과목 8">과목 8</button></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dropDownMenu type2">
                <div class="selectBox">
                    <button type="button" class="label" data-selected="선생님 선택" data-default="선생님 선택">선생님 선택</button>
                    <div class="optionListWrap">
                        <div class="scrollWidth">
                            <ul class="optionList scrollWrap">
                                <!-- 활성화 메뉴 active class 추가 -->
                                <li class="optionItem"><button type="button" data-account="선생님 1">선생님 1</button></li>
                                <li class="optionItem"><button type="button" data-account="선생님 2">선생님 2</button></li>
                                <li class="optionItem"><button type="button" data-account="선생님 3">선생님 3</button></li>
                                <li class="optionItem"><button type="button" data-account="선생님 4">선생님 4</button></li>
                                <li class="optionItem"><button type="button" data-account="선생님 5">선생님 5</button></li>
                                <li class="optionItem"><button type="button" data-account="선생님 6">선생님 6</button></li>
                                <li class="optionItem"><button type="button" data-account="선생님 7">선생님 7</button></li>
                                <li class="optionItem"><button type="button" data-account="선생님 8">선생님 8</button></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <ul class="listWrap">
            <!--
                공지 : class="notice"가 추가됩니다.
                최근 글 : class="new"가 추가됩니다.
            -->
            <li class="notice">
                <a href="/m/academy/classroom/datav">
                    <div class="left">
                        <p class="subject ellipsis_1">안녕하세요 혹시 댓글미션의 정답은 어디서 볼수 있나요?안녕하세요 혹시 댓글미션의 정답은 어디서 볼수 있나요?</p>
                        <p class="dataName">(제너럴) 라이팅 스피킹 30일 완성1 PACK</p>
                    </div>
                    <div class="right">
                        <p class="name">엘리자베스</p>
                        <p class="date">24.03.11</p>
                    </div>
                </a>
            </li>
            <li class="notice">
                <a href="/m/academy/classroom/datav">
                    <div class="left">
                        <p class="subject ellipsis_1">안녕하세요 혹시 댓글미션의 정답은 어디서 볼수 있나요?안녕하세요 혹시 댓글미션의 정답은 어디서 볼수 있나요?</p>
                        <p class="dataName">(제너럴) 라이팅 스피킹 30일 완성1 PACK</p>
                    </div>
                    <div class="right">
                        <p class="name">이름</p>
                        <p class="date">24.03.11</p>
                    </div>
                </a>
            </li>
            <li class="new">
                <a href="/m/academy/classroom/datav">
                    <div class="left">
                        <p class="subject ellipsis_1">안녕하세요 혹시 댓글미션의 정답은 어디서 볼수 있나요?안녕하세요 혹시 댓글미션의 정답은 어디서 볼수 있나요?</p>
                        <p class="dataName">(제너럴) 라이팅 스피킹 30일 완성1 PACK</p>
                    </div>
                    <div class="right">
                        <p class="name">이름 3</p>
                        <p class="date">24.03.11</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="/m/academy/classroom/datav">
                    <div class="left">
                        <p class="subject ellipsis_1">안녕하세요 혹시 댓글미션의 정답은 어디서 볼수 있나요?안녕하세요 혹시 댓글미션의 정답은 어디서 볼수 있나요?</p>
                        <p class="dataName">(제너럴) 라이팅 스피킹 30일 완성1 PACK</p>
                    </div>
                    <div class="right">
                        <p class="name">엘리자베스</p>
                        <p class="date">24.03.11</p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>
@endsection



@section("academy-script")

@endsection