@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>첨삭학습</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 class="on">
                        <a href="#none">
                            <i class="ico-myclass-03"></i>
                            <span>첨삭 학습</span>
                        </a>
                    </li>
                    <li>
                        <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="card my-class-sub">
                            <h2>1:1 학습문의</h2>
                            <h3 class="board-title">IELTS Writing 어휘&문장연습 책 공부중인데 여쭤볼게 있어서 글 남겨요</h3>
                            <table class="correct-table gray">
                                <colgroup>
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th class="text-left pl16">
                                            <strong>작성자</strong>
                                            <span>소피아</span>
                                            <strong>작성일</strong>
                                            <span>25.04.05</span>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="pd32 board-contents bdb0">
                                            해외 취업준비로 제너럴 프리패스 기본반 듣고있습니다. <br>
                                            강좌가 워낙 다양해서 좀 놀라긴했는데 사이트에 나와있는 6개월 플랜표?대로 공부하니까 진도가 술술~ 나갔어요 <br>
                                            영어를 너무 오랜만에해서 걱정했었는데무료 수강권으로 먼저 들어볼수도있고덕분에 재미나게 공부중입니다
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="file-list">
                                <ul>
                                    <li>
                                        <a href="#none">%첨부파일명%. 확장자</a>
                                        <a href="#none">
                                            다운로드
                                            <i class="ico-download"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#none">%첨부파일명%. 확장자</a>
                                        <a href="#none">
                                            다운로드
                                            <i class="ico-download"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="view-footer bdt0">
                                <div class="view-btn-area">
                                    <div class="view-btn-left">
                                        <a class="button primary" href="#none">목록</a>
                                    </div>
                                    <div class="view-btn-right">
                                        <a class="button primary" href="#none">수정</a>
                                        <a class="button error" href="#none">삭제</a>
                                    </div>
                                </div>
                            </div>
                            <h6 class="mt60">학습 문의 <span class="point-color">8</span> 건</h6>
                            <div class="cmt-wrap">
                                <div class="cmt-write">
                                    <textarea name="" id="" placeholder="내용을 입력해주세요."></textarea>
                                    <button>등록</button>
                                </div>
                                <div class="cmt-view">
                                    <ul>
                                        <!-- depth 1 cmt -->
                                        <li>
                                            <div class="cmt-view-wrap">
                                                <div class="cmt-info">
                                                    <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile_edm.svg);"></i>
                                                    <strong>edm아이엘츠</strong>
                                                    <span>2020-12-31 00:09:51</span>
                                                </div>
                                                <div class="cmt-contents">
                                                    메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                </div>
                                                <div class="cmt-button">
                                                    <a href="#none">답글</a>
                                                    <a href="#none">답글 1개 숨기기</a>
                                                </div>
                                                <a href="#none" class="ico-delete"></a>
                                            </div>
                                            <!-- depth 2 cmt -->
                                            <ul class="depth">
                                                <li>
                                                    <div class="cmt-view-wrap">
                                                        <div class="cmt-info">
                                                            <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile.svg);"></i>
                                                            <strong>계정명</strong>
                                                            <span>2020-12-31 00:09:51</span>
                                                        </div>
                                                        <div class="cmt-contents">
                                                            <span class="at">@edmIELTS</span>메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                        </div>
                                                        <div class="cmt-button">
                                                            <a href="#none">답글</a>
                                                            <a href="#none">답글 1개 숨기기</a>
                                                        </div>
                                                    </div>
                                                    <a href="#none" class="ico-delete"></a>
                                                </li>
                                                <li>
                                                    <div class="cmt-view-wrap">
                                                        <div class="cmt-info">
                                                            <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile.svg);"></i>
                                                            <strong>계정명</strong>
                                                            <span>2020-12-31 00:09:51</span>
                                                        </div>
                                                        <div class="cmt-contents">
                                                            <span class="at">@edmIELTS</span>메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                        </div>
                                                        <div class="cmt-button">
                                                            <a href="#none">답글</a>
                                                            <a href="#none">답글 1개 숨기기</a>
                                                        </div>
                                                    </div>
                                                    <a href="#none" class="ico-delete"></a>
                                                </li>
                                            </ul>
                                        </li>
                                        <!-- depth 1 cmt -->
                                        <li>
                                            <div class="cmt-view-wrap">
                                                <div class="cmt-info">
                                                    <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile_edm.svg);"></i>
                                                    <strong>edm아이엘츠</strong>
                                                    <span>2020-12-31 00:09:51</span>
                                                </div>
                                                <div class="cmt-contents">
                                                    메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                </div>
                                                <div class="cmt-button">
                                                    <a href="#none">답글</a>
                                                    <a href="#none">답글 1개 숨기기</a>
                                                </div>
                                                <a href="#none" class="ico-delete"></a>
                                            </div>
                                            <!-- depth 2 cmt -->
                                            <ul class="depth">
                                                <li>
                                                    <div class="cmt-view-wrap">
                                                        <div class="cmt-info">
                                                            <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile.svg);"></i>
                                                            <strong>계정명</strong>
                                                            <span>2020-12-31 00:09:51</span>
                                                        </div>
                                                        <div class="cmt-contents">
                                                            <span class="at">@edmIELTS</span>메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                        </div>
                                                        <div class="cmt-button">
                                                            <a href="#none">답글</a>
                                                            <a href="#none">답글 1개 숨기기</a>
                                                        </div>
                                                    </div>
                                                    <a href="#none" class="ico-delete"></a>
                                                </li>
                                                <li>
                                                    <div class="cmt-view-wrap">
                                                        <div class="cmt-info">
                                                            <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile.svg);"></i>
                                                            <strong>계정명</strong>
                                                            <span>2020-12-31 00:09:51</span>
                                                        </div>
                                                        <div class="cmt-contents">
                                                            <span class="at">@edmIELTS</span>메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                        </div>
                                                        <div class="cmt-button">
                                                            <a href="#none">답글</a>
                                                            <a href="#none">답글 1개 숨기기</a>
                                                        </div>
                                                    </div>
                                                    <a href="#none" class="ico-delete"></a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection



@section('ielts-script')

@endsection