@extends('ielts.layout')

@section('gnb', view('gnb', ['service'=>'ielts']))

@section('subgnb', view('ielts.gnb'))

@section('ielts-css')
    <!-- promotion -->
    {!! resource('css/common/board.css') !!}
@endsection

@section("progress")
    @include('progress')
@endsection

@section("ielts-content")
    <div id="wrap" class="boardPage review class">
        <div class="max-width">
            <div class="pageTitle">
                <button type="button" onclick="history.back()" class="backBtn mo-backBtn"></button>
                <h1>수강후기</h1>
            </div>

            <!-- only pc : 합격자's pick -->
            <div class="pc-passPick">
                <div class="passPick">
                    <p class="pc-text title">합격자's Pick</p>
                    <div class="slide splide">
                        <div class="splide__track">
                            <div class="splide__list">
                                <div class="videoWrap splide__slide">
                                    <div class="playWrap" data-youtube="djKYUszYHDg">
                                        <iframe src="" title="시험대비 무료특강 동영상" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        <figure style="background-image:url('https://img.youtube.com/vi/djKYUszYHDg/mqdefault.jpg')"></figure>
                                    </div>
                                    <div class="subject ellipsis_1">N개월 알짜패스]인강만으로 한 달 만에 overall 6.5</div>
                                </div>
                                <div class="videoWrap splide__slide">
                                    <div class="playWrap" data-youtube="djKYUszYHDg">
                                        <iframe src="" title="시험대비 무료특강 동영상" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                        <figure style="background-image:url('https://img.youtube.com/vi/djKYUszYHDg/mqdefault.jpg')"></figure>
                                    </div>
                                    <div class="subject ellipsis_1">N개월 알짜패스]인강만으로 한 달 만에 overall 6.5 N개월 알짜패스]인강만으로 한 달 만에 overall 6.5</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- filter -->
            <div class="filterWrap">
                <div class="flex sb">
                    <div class="selectWrap flex">
                        <button type="button" data-list="option1">상품</button>
                        <button type="button" data-list="option1">옵션</button>
                        <button type="button" data-list="option2">추천 선생님</button>
                    </div>
                    <div class="writeBtnWrap pc-btn">
                        <button type="button" class="writeBtn">후기 작성 <figure></figure></button>
                    </div>
                </div>

                <div class="filter-bottom bottom-sheet type2 verChange">
                    <form action="">
                        <div class="slidingWrap">
                            <button type="button" class="closeBtn"><span>닫기</span></button>
                            <div class="optionArea" data-list="option1">
                                <div class="category flex customLine">
                                    <button type="button">상품</button>
                                    <button type="button">옵션</button>
                                </div>
                                <div class="scrollArea">
                                    <div class="scrollWidth">
                                        <div class="scrollWrap">
                                            <ul class="checkWrap">
                                                <li><label><input type="checkbox"><span>페이백 200%환급반</span></label></li>
                                                <li><label><input type="checkbox"><span>N개월 알짜패스</span></label></li>
                                                <li><label><input type="checkbox"><span>N개월 알짜패스</span></label></li>
                                                <li><label><input type="checkbox"><span>전강좌 + 응시권 패스</span></label></li>
                                                <li><label><input type="checkbox"><span>전강좌 + 응시권 패스</span></label></li>
                                                <li><label><input type="checkbox"><span>페이백 200%환급반</span></label></li>
                                                <li><label><input type="checkbox"><span>페이백 200%환급반</span></label></li>
                                            </ul>
                                            <ul class="checkWrap">
                                                <li><label><input type="checkbox"><span>150일</span></label></li>
                                                <li><label><input type="checkbox"><span>365일</span></label></li>
                                                <li><label><input type="checkbox"><span>옵션명이 길어지는 경우 두 줄 처리 됩니다. 옵션명이 길어지는 경우 두 줄 처리 됩니다. 옵션명이 길어지는 경우 두 줄 처리 됩니다.</span></label></li>
                                                <li><label><input type="checkbox"><span>전강좌 + 응시권 패스</span></label></li>
                                                <li><label><input type="checkbox"><span>크리스</span></label></li>
                                                <li><label><input type="checkbox"><span>소피아</span></label></li>
                                                <li><label><input type="checkbox"><span>크리스</span></label></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="optionArea noCategory" data-list="option2">
                                <div class="scrollArea">
                                    <div class="scrollWidth">
                                        <div class="scrollWrap">
                                            <ul class="checkWrap">
                                                <li><label><input type="checkbox"><span>%강사명%</span></label></li>
                                                <li><label><input type="checkbox"><span>다니엘</span></label></li>
                                                <li><label><input type="checkbox"><span>헤더</span></label></li>
                                                <li><label><input type="checkbox"><span>소피아</span></label></li>
                                                <li><label><input type="checkbox"><span>크리스</span></label></li>
                                                <li><label><input type="checkbox"><span>소피아</span></label></li>
                                                <li><label><input type="checkbox"><span>크리스</span></label></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="buttonWrap flex sb">
                                <button type="button" class="resetBtn">전체 초기화</button>
                                <input type="submit" class="submitBtn" value="리뷰보기"></input>
                            </div>
                        </div>
                    </form>

                    <div class="dim"></div>
                </div>
            </div>

            <!-- 리스트 -->
            <div class="listArea">
                <div class="listWrap">
                    <div class="roundArea">
                        <!-- subject -->
                        <div class="topWrap customLine">
                            <p class="subject">edm에듀케이션 역시 최고에요! </p>
                            <div class="flex sb">
                                <div class="box info flex">
                                    <div>ABCDEFG</div>
                                    <div>Academic</div>
                                    <div>24.10.11</div>
                                </div>
                                <div class="box reaction flex">
                                    <!--
                                        like, star 갯수대로 .num에 숫자가 들어감
                                    -->
                                    <button type="button" class="icon like" data-user-state="false">좋아요 <b class="num">0</b></button>
                                    <div class="mo_tab-star"><div class="icon star" data-number="">별점 <b class="num">0</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text">별점 <b class="num">0</b></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- filter -->
                        <div class="middleWrap">
                            <div class="box flex">
                                <p class="title"><b>수강상품</b></p>
                                <div class="textWrap"><b>페이백 200% 환급반 <span class="option-text">/ 입문반</span></b></div>
                            </div>
                            <div class="box flex option">
                                <p class="title"><b>수강상품</b></p>
                                <div class="textWrap"><b>입문반</b></div>
                            </div>
                            <div class="box flex teacher">
                                <p class="title"><b>추천 선생님</b></p>
                                <div class="textWrap">
                                    <span class="circleBox">알렉스</span>
                                    <span class="circleBox">에드워드</span>
                                </div>
                            </div>
                            <div class="box flex lecture">
                                <p class="title"><b>추천강좌</b></p>
                                <div class="textWrap">
                                    <span class="circleBox">추천 강좌명이 노출됩니다.</span>
                                </div>
                            </div>
                            <div class="box flex col2">
                                <p class="title"><b>수업시간</b></p>
                                <div class="textWrap">충분해요.</div>
                            </div>
                            <div class="box flex col2 last">
                                <p class="title"><b>수업 난이도</b></p>
                                <div class="textWrap">적당해요.</div>
                            </div>
                        </div>
                        <!-- 본문 -->
                        <div class="userContentText">
                            <div class="textWrap">
                                <div class="text">
                                    <textarea class="moreTextArea userText" readonly>국무위원은 국무총리의 제청으로 대통령이 임명한다. 명령·규칙 또는 처분이 헌법이나 법률에 위반되는 여부가 재판의 전제가 된 경우에는 대법원은 이를 최종적으로 심사할 권한을 가진다.</textarea>
                                </div>
                                <button type="button" class="moreBtn">더보기</button>

                                <!--
                                    이미지가 첨부되어 있을 때
                                    첨부된 이미지가 없으면 imgWrap을 제거합니다.
                                -->

                            </div>
                        </div>
                    </div>
                    <!-- 댓글 -->
                    <div class="commentArea">
                        <div class="comment">
                            <div class="box">
                                <div class="manager">
                                    <div class="profile"><figure style="background-image:url('');"></figure></div>
                                    <div class="info">
                                        <div class="name">edm IELTS</div>
                                        <div class="optionWrap">
                                            <span>2023.06.13</span>
                                            <span>00:00:01</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="textWrap">
                                    <div class="text">
                                        <textarea class="moreTextArea reply" readonly>모든 국민은 인간으로서의 존엄과 가치를 가지며, 행복을 추구할 권리를 가진다. 국가는 개인이 가지는 불가침의 기본적 인권을 확인하고 이를 보장할 의무를 진다. 헌법재판소에서 법률의 위헌결정, 탄핵의 결정, 정당해산의 결정 또는 헌법소원에 관한 인용결정을 할 때에는 재판관 6인 이상의 찬성이 있어야 한다. 새로운 회계연도가 개시될 때까지 예산안이 의결되지 못한 때에는 정부는 국회에서 예산안이 의결될 때까지 다음의 목적을 위한 경비는 전년도 예산에 준하여 집행할 수 있다. 대법원장의 임기는 6년으로 하며, 중임할 수 없다. 재산권의 행사는 공공복리에 적합하도록 하여야 한다. 국가는 국민 모두의 생산 및 생활의 기반이 되는 국토의 효율적이고 균형있는 이용·개발과 보전을 위하여 법률이 정하는 바에 의하여 그에 관한 필요한 제한과 의무를 과할 수 있다.</textarea>
                                    </div>
                                    <button type="button" class="moreBtn">더보기</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="listWrap">
                    <div class="roundArea">
                        <!-- subject -->
                        <div class="topWrap customLine">
                            <p class="subject">edm에듀케이션 역시 최고에요! </p>
                            <div class="flex sb">
                                <div class="box info flex">
                                    <div>ABCDEFG</div>
                                    <div>Academic</div>
                                    <div>24.10.11</div>
                                </div>
                                <div class="box reaction flex">
                                    <!--
                                        like, star 갯수대로 .num에 숫자가 들어감
                                    -->
                                    <button type="button" class="icon like" data-user-state="false">좋아요 <b class="num">63</b></button>
                                    <div class="mo_tab-star"><div class="icon star" data-number="">별점 <b class="num">5</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text">별점 <b class="num">5</b></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- filter -->
                        <div class="middleWrap">
                            <div class="box flex">
                                <p class="title"><b>수강상품</b></p>
                                <div class="textWrap"><b>페이백 200% 환급반 <span class="option-text">/ 입문반</span></b></div>
                            </div>
                            <div class="box flex option">
                                <p class="title"><b>수강상품</b></p>
                                <div class="textWrap"><b>입문반</b></div>
                            </div>
                            <div class="box flex teacher">
                                <p class="title"><b>추천 선생님</b></p>
                                <div class="textWrap">
                                    <span class="circleBox">알렉스</span>
                                    <span class="circleBox">에드워드</span>
                                </div>
                            </div>
                            <div class="box flex lecture">
                                <p class="title"><b>추천강좌</b></p>
                                <div class="textWrap">
                                    <span class="circleBox">추천 강좌명이 노출됩니다.</span>
                                </div>
                            </div>
                            <div class="box flex col2">
                                <p class="title"><b>수업시간</b></p>
                                <div class="textWrap">충분해요.</div>
                            </div>
                            <div class="box flex col2 last">
                                <p class="title"><b>수업 난이도</b></p>
                                <div class="textWrap">적당해요.</div>
                            </div>
                        </div>
                        <!-- 본문 -->
                        <div class="userContentText">
                            <div class="textWrap">
                                <div class="text">
                                    <textarea class="moreTextArea userText" readonly>학교교육 및 평생교육을 포함한 교육제도와 그 운영, 교육재정 및 교원의 지위에 관한 기본적인 사항은 법률로 정한다. 국군의 조직과 편성은 법률로 정한다. 국교는 인정되지 아니하며, 종교와 정치는 분리된다. 모든 국민은 능력에 따라 균등하게 교육을 받을 권리를 가진다. 국가는 농수산물의 수급균형과 유통구조의 개선에 노력하여 가격안정을 도모함으로써 농·어민의 이익을 보호한다. 모든 국민은 신체의 자유를 가진다. 누구든지 법률에 의하지 아니하고는 체포·구속·압수·수색 또는 심문을 받지 아니하며, 법률과 적법한 절차에 의하지 아니하고는 처벌·보안처분 또는 강제노역을 받지 아니한다.</textarea>
                                </div>
                                <button type="button" class="moreBtn">더보기</button>

                                <!--
                                    이미지가 첨부되어 있을 때
                                    첨부된 이미지가 없으면 imgWrap을 제거합니다.
                                -->
                                <div class="imgWrap">
                                    <div class="allNum"></div>
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/board/test_review_01.png" alt="이미지 설명글">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/board/test_review_01.png" alt="이미지 설명글">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/board/test_review_01.png" alt="이미지 설명글">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 댓글 -->
                    <div class="commentArea">
                        <div class="comment">
                            <div class="box">
                                <div class="manager">
                                    <div class="profile"><figure style="background-image:url('');"></figure></div>
                                    <div class="info">
                                        <div class="name">edm IELTS</div>
                                        <div class="optionWrap">
                                            <span>2023.06.13</span>
                                            <span>00:00:01</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="textWrap">
                                    <div class="text">
                                        <textarea class="moreTextArea reply" readonly>대통령의 임기가 만료되는 때에는 임기만료 70일 내지 40일전에 후임자를 선거한다. 누구든지 체포 또는 구속을 당한 때에는 즉시 변호인의 조력을 받을 권리를 가진다. 다만, 형사피고인이 스스로 변호인을 구할 수 없을 때에는 법률이 정하는 바에 의하여 국가가 변호인을 붙인다. 신체장애자 및 질병·노령 기타의 사유로 생활능력이 없는 국민은 법률이 정하는 바에 의하여 국가의 보호를 받는다. 대통령의 임기가 만료되는 때에는 임기만료 70일 내지 40일전에 후임자를 선거한다. 누구든지 체포 또는 구속을 당한 때에는 즉시 변호인의 조력을 받을 권리를 가진다. 다만, 형사피고인이 스스로 변호인을 구할 수 없을 때에는 법률이 정하는 바에 의하여 국가가 변호인을 붙인다. 신체장애자 및 질병·노령 기타의 사유로 생활능력이 없는 국민은 법률이 정하는 바에 의하여 국가의 보호를 받는다. 대통령의 임기가 만료되는 때에는 임기만료 70일 내지 40일전에 후임자를 선거한다. 누구든지 체포 또는 구속을 당한 때에는 즉시 변호인의 조력을 받을 권리를 가진다. 다만, 형사피고인이 스스로 변호인을 구할 수 없을 때에는 법률이 정하는 바에 의하여 국가가 변호인을 붙인다. 신체장애자 및 질병·노령 기타의 사유로 생활능력이 없는 국민은 법률이 정하는 바에 의하여 국가의 보호를 받는다. 대통령의 임기가 만료되는 때에는 임기만료 70일 내지 40일전에 후임자를 선거한다. 누구든지 체포 또는 구속을 당한 때에는 즉시 변호인의 조력을 받을 권리를 가진다. 다만, 형사피고인이 스스로 변호인을 구할 수 없을 때에는 법률이 정하는 바에 의하여 국가가 변호인을 붙인다. 신체장애자 및 질병·노령 기타의 사유로 생활능력이 없는 국민은 법률이 정하는 바에 의하여 국가의 보호를 받는다. </textarea>
                                    </div>
                                    <button type="button" class="moreBtn">더보기</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="listWrap">
                    <div class="roundArea">
                        <!-- subject -->
                        <div class="topWrap customLine">
                            <p class="subject">edm에듀케이션 역시 최고에요! </p>
                            <div class="flex sb">
                                <div class="box info flex">
                                    <div>ABCDEFG</div>
                                    <div>Academic</div>
                                    <div>24.10.11</div>
                                </div>
                                <div class="box reaction flex">
                                    <!--
                                        like, star 갯수대로 .num에 숫자가 들어감
                                    -->
                                    <button type="button" class="icon like" data-user-state="false">좋아요 <b class="num">13</b></button>
                                    <div class="mo_tab-star"><div class="icon star" data-number="">별점 <b class="num">2</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text">별점 <b class="num">2</b></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- filter -->
                        <div class="middleWrap">
                            <div class="box flex">
                                <p class="title"><b>수강상품</b></p>
                                <div class="textWrap"><b>페이백 200% 환급반 <span class="option-text">/ 입문반</span></b></div>
                            </div>
                            <div class="box flex option">
                                <p class="title"><b>수강상품</b></p>
                                <div class="textWrap"><b>입문반</b></div>
                            </div>
                            <div class="box flex teacher">
                                <p class="title"><b>추천 선생님</b></p>
                                <div class="textWrap">
                                    <span class="circleBox">알렉스</span>
                                    <span class="circleBox">에드워드</span>
                                </div>
                            </div>
                            <div class="box flex lecture">
                                <p class="title"><b>추천강좌</b></p>
                                <div class="textWrap">
                                    <span class="circleBox">추천 강좌명이 노출됩니다.</span>
                                </div>
                            </div>
                            <div class="box flex col2">
                                <p class="title"><b>수업시간</b></p>
                                <div class="textWrap">충분해요.</div>
                            </div>
                            <div class="box flex col2 last">
                                <p class="title"><b>수업 난이도</b></p>
                                <div class="textWrap">적당해요.</div>
                            </div>
                        </div>
                        <!-- 본문 -->
                        <div class="userContentText">
                            <div class="textWrap">
                                <div class="text">
                                    <textarea class="moreTextArea userText" readonly>헌법재판소는 법관의 자격을 가진 9인의 재판관으로 구성하며, 재판관은 대통령이 임명한다. 모든 국민은 학문과 예술의 자유를 가진다. 대통령은 조국의 평화적 통일을 위한 성실한 의무를 진다. 선거운동은 각급 선거관리위원회의 관리하에 법률이 정하는 범위안에서 하되, 균등한 기회가 보장되어야 한다.</textarea>
                                </div>
                                <button type="button" class="moreBtn">더보기</button>
                            </div>
                        </div>
                    </div>
                    <!-- 댓글 -->
                    <div class="commentArea">
                        <div class="comment">
                            <div class="box">
                                <div class="manager">
                                    <div class="profile"><figure style="background-image:url('');"></figure></div>
                                    <div class="info">
                                        <div class="name">edm IELTS</div>
                                        <div class="optionWrap">
                                            <span>2023.06.13</span>
                                            <span>00:00:01</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="textWrap">
                                    <div class="text">
                                        <textarea class="moreTextArea reply" readonly>모든 국민은 법률이 정하는 바에 의하여 선거권을 가진다. 새로운 회계연도가 개시될 때까지 예산안이 의결되지 못한 때에는 정부는 국회에서 예산안이 의결될 때까지 다음의 목적을 위한 경비는 전년도 예산에 준하여 집행할 수 있다.</textarea>
                                    </div>
                                    <button type="button" class="moreBtn">더보기</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="listWrap">
                    <div class="roundArea">
                        <!-- subject -->
                        <div class="topWrap customLine">
                            <p class="subject">edm에듀케이션 역시 최고에요! </p>
                            <div class="flex sb">
                                <div class="box info flex">
                                    <div>ABCDEFG</div>
                                    <div>Academic</div>
                                    <div>24.10.11</div>
                                </div>
                                <div class="box reaction flex">
                                    <!--
                                        like, star 갯수대로 .num에 숫자가 들어감
                                    -->
                                    <button type="button" class="icon like" data-user-state="false">좋아요 <b class="num">2</b></button>
                                    <div class="mo_tab-star"><div class="icon star" data-number="">별점 <b class="num">4</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text">별점 <b class="num">4</b></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- filter -->
                        <div class="middleWrap">
                            <div class="box flex">
                                <p class="title"><b>수강상품</b></p>
                                <div class="textWrap"><b>페이백 200% 환급반 <span class="option-text">/ 입문반</span></b></div>
                            </div>
                            <div class="box flex option">
                                <p class="title"><b>수강상품</b></p>
                                <div class="textWrap"><b>입문반</b></div>
                            </div>
                            <div class="box flex teacher">
                                <p class="title"><b>추천 선생님</b></p>
                                <div class="textWrap">
                                    <span class="circleBox">알렉스</span>
                                    <span class="circleBox">에드워드</span>
                                </div>
                            </div>
                            <div class="box flex lecture">
                                <p class="title"><b>추천강좌</b></p>
                                <div class="textWrap">
                                    <span class="circleBox">추천 강좌명이 노출됩니다.</span>
                                </div>
                            </div>
                            <div class="box flex col2">
                                <p class="title"><b>수업시간</b></p>
                                <div class="textWrap">충분해요.</div>
                            </div>
                            <div class="box flex col2 last">
                                <p class="title"><b>수업 난이도</b></p>
                                <div class="textWrap">적당해요.</div>
                            </div>
                        </div>
                        <!-- 본문 -->
                        <div class="userContentText">
                            <div class="textWrap">
                                <div class="text">
                                    <textarea class="moreTextArea userText" readonly>국민의 자유와 권리는 헌법에 열거되지 아니한 이유로 경시되지 아니한다. 대통령은 내란 또는 외환의 죄를 범한 경우를 제외하고는 재직중 형사상의 소추를 받지 아니한다. 이 헌법에 의한 최초의 대통령의 임기는 이 헌법시행일로부터 개시한다. 사면·감형 및 복권에 관한 사항은 법률로 정한다. 국토와 자원은 국가의 보호를 받으며, 국가는 그 균형있는 개발과 이용을 위하여 필요한 계획을 수립한다. 법관은 탄핵 또는 금고 이상의 형의 선고에 의하지 아니하고는 파면되지 아니하며, 징계처분에 의하지 아니하고는 정직·감봉 기타 불리한 처분을 받지 아니한다. 모든 국민은 근로의 의무를 진다. 국가는 근로의 의무의 내용과 조건을 민주주의원칙에 따라 법률로 정한다.</textarea>
                                </div>
                                <button type="button" class="moreBtn">더보기</button>

                                <!--
                                    이미지가 첨부되어 있을 때
                                    첨부된 이미지가 없으면 imgWrap을 제거합니다.
                                -->
                                <div class="imgWrap">
                                    <div class="allNum"></div>
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/board/test_review_01.png" alt="이미지 설명글">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/board/test_review_01.png" alt="이미지 설명글">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/board/test_review_01.png" alt="이미지 설명글">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/board/test_review_01.png" alt="이미지 설명글">
                                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/common/board/test_review_01.png" alt="이미지 설명글">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 댓글 -->
                    <div class="commentArea">
                        <div class="comment">
                            <div class="box">
                                <div class="manager">
                                    <div class="profile"><figure style="background-image:url('');"></figure></div>
                                    <div class="info">
                                        <div class="name">edm IELTS</div>
                                        <div class="optionWrap">
                                            <span>2023.06.13</span>
                                            <span>00:00:01</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="textWrap">
                                    <div class="text">
                                        <textarea class="moreTextArea reply" readonly>국무회의는 정부의 권한에 속하는 중요한 정책을 심의한다. 국회에 제출된 법률안 기타의 의안은 회기중에 의결되지 못한 이유로 폐기되지 아니한다. 다만, 국회의원의 임기가 만료된 때에는 그러하지 아니하다. 비상계엄하의 군사재판은 군인·군무원의 범죄나 군사에 관한 간첩죄의 경우와 초병·초소·유독음식물공급·포로에 관한 죄중 법률이 정한 경우에 한하여 단심으로 할 수 있다. 다만, 사형을 선고한 경우에는 그러하지 아니하다. 각급 선거관리위원회는 선거인명부의 작성등 선거사무와 국민투표사무에 관하여 관계 행정기관에 필요한 지시를 할 수 있다. 대통령후보자가 1인일 때에는 그 득표수가 선거권자 총수의 3분의 1 이상이 아니면 대통령으로 당선될 수 없다.</textarea>
                                    </div>
                                    <button type="button" class="moreBtn">더보기</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="listWrap">
                    <div class="roundArea">
                        <!-- subject -->
                        <div class="topWrap customLine">
                            <p class="subject">edm에듀케이션 역시 최고에요! </p>
                            <div class="flex sb">
                                <div class="box info flex">
                                    <div>ABCDEFG</div>
                                    <div>Academic</div>
                                    <div>24.10.11</div>
                                </div>
                                <div class="box reaction flex">
                                    <!--
                                        like, star 갯수대로 .num에 숫자가 들어감
                                    -->
                                    <button type="button" class="icon like" data-user-state="false">좋아요 <b class="num">34</b></button>
                                    <div class="mo_tab-star"><div class="icon star" data-number="">별점 <b class="num">3</b></div></div>
                                    <div class="pc-star">
                                        <div class="icon star flex" data-number="">
                                            <div class="iconWrap flex"><figure></figure><figure></figure><figure></figure><figure></figure><figure></figure></div>
                                            <div class="text">별점 <b class="num">3</b></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- filter -->
                        <div class="middleWrap">
                            <div class="box flex">
                                <p class="title"><b>수강상품</b></p>
                                <div class="textWrap"><b>페이백 200% 환급반 <span class="option-text">/ 입문반</span></b></div>
                            </div>
                            <div class="box flex option">
                                <p class="title"><b>수강상품</b></p>
                                <div class="textWrap"><b>입문반</b></div>
                            </div>
                            <div class="box flex teacher">
                                <p class="title"><b>추천 선생님</b></p>
                                <div class="textWrap">
                                    <span class="circleBox">알렉스</span>
                                    <span class="circleBox">에드워드</span>
                                </div>
                            </div>
                            <div class="box flex lecture">
                                <p class="title"><b>추천강좌</b></p>
                                <div class="textWrap">
                                    <span class="circleBox">추천 강좌명이 노출됩니다.</span>
                                </div>
                            </div>
                            <div class="box flex col2">
                                <p class="title"><b>수업시간</b></p>
                                <div class="textWrap">충분해요.</div>
                            </div>
                            <div class="box flex col2 last">
                                <p class="title"><b>수업 난이도</b></p>
                                <div class="textWrap">적당해요.</div>
                            </div>
                        </div>
                        <!-- 본문 -->
                        <div class="userContentText">
                            <div class="textWrap">
                                <div class="text">
                                    <textarea class="moreTextArea userText" readonly>국회는 의원의 자격을 심사하며, 의원을 징계할 수 있다. 군인·군무원·경찰공무원 기타 법률이 정하는 자가 전투·훈련등 직무집행과 관련하여 받은 손해에 대하여는 법률이 정하는 보상외에 국가 또는 공공단체에 공무원의 직무상 불법행위로 인한 배상은 청구할 수 없다. 각급 선거관리위원회의 조직·직무범위 기타 필요한 사항은 법률로 정한다. 대법관은 대법원장의 제청으로 국회의 동의를 얻어 대통령이 임명한다. 국회는 국가의 예산안을 심의·확정한다. 모든 국민은 능력에 따라 균등하게 교육을 받을 권리를 가진다. 모든 국민은 인간으로서의 존엄과 가치를 가지며, 행복을 추구할 권리를 가진다. 국가는 개인이 가지는 불가침의 기본적 인권을 확인하고 이를 보장할 의무를 진다. 국회의원은 그 지위를 남용하여 국가·공공단체 또는 기업체와의 계약이나 그 처분에 의하여 재산상의 권리·이익 또는 직위를 취득하거나 타인을 위하여 그 취득을 알선할 수 없다. 광물 기타 중요한 지하자원·수산자원·수력과 경제상 이용할 수 있는 자연력은 법률이 정하는 바에 의하여 일정한 기간 그 채취·개발 또는 이용을 특허할 수 있다. 헌법재판소는 법률에 저촉되지 아니하는 범위안에서 심판에 관한 절차, 내부규율과 사무처리에 관한 규칙을 제정할 수 있다. 대법원과 각급법원의 조직은 법률로 정한다. 모든 국민은 통신의 비밀을 침해받지 아니한다. 국회는 상호원조 또는 안전보장에 관한 조약, 중요한 국제조직에 관한 조약, 우호통상항해조약, 주권의 제약에 관한 조약, 강화조약, 국가나 국민에게 중대한 재정적 부담을 지우는 조약 또는 입법사항에 관한 조약의 체결·비준에 대한 동의권을 가진다.</textarea>
                                </div>
                                <button type="button" class="moreBtn">더보기</button>
                            </div>
                        </div>
                    </div>
                    <!-- 댓글 -->
                    <div class="commentArea">
                        <div class="comment">
                            <div class="box">
                                <div class="manager">
                                    <div class="profile"><figure style="background-image:url('');"></figure></div>
                                    <div class="info">
                                        <div class="name">edm IELTS</div>
                                        <div class="optionWrap">
                                            <span>2023.06.13</span>
                                            <span>00:00:01</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="textWrap">
                                    <div class="text">
                                        <textarea class="moreTextArea reply" readonly>국무회의는 정부의 권한에 속하는 중요한 정책을 심의한다. 국회에 제출된 법률안 기타의 의안은 회기중에 의결되지 못한 이유로 폐기되지 아니한다. 다만, 국회의원의 임기가 만료된 때에는 그러하지 아니하다. 비상계엄하의 군사재판은 군인·군무원의 범죄나 군사에 관한 간첩죄의 경우와 초병·초소·유독음식물공급·포로에 관한 죄중 법률이 정한 경우에 한하여 단심으로 할 수 있다. 다만, 사형을 선고한 경우에는 그러하지 아니하다. 각급 선거관리위원회는 선거인명부의 작성등 선거사무와 국민투표사무에 관하여 관계 행정기관에 필요한 지시를 할 수 있다. 대통령후보자가 1인일 때에는 그 득표수가 선거권자 총수의 3분의 1 이상이 아니면 대통령으로 당선될 수 없다.</textarea>
                                    </div>
                                    <button type="button" class="moreBtn">더보기</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 신청 버튼 -->
            <div class="writeBtnWrap bottom-fix-btn">
                <button type="button" class="writeBtn">후기 작성</button>
            </div>

            <!-- 글 작성 bottom-sheet -->
            <div class="write-bottom bottom-sheet type2 verChange">
                <form action="">
                    <div class="slidingWrap">
                        <button type="button" class="closeBtn"><span>닫기</span></button>
                        <p class="sheetTitle">수강후기</p>
                        <div class="contentArea scrollArea">
                            <div class="scrollWidth">
                                <div class="scrollWrap">
                                    <ul class="formList">
                                        <li class="required">
                                            <div class="title"><p>수강상품</p></div>
                                            <div class="inputArea noLine">
                                                <div class="inputWrap">
                                                    <div class="dropDownMenu type2">
                                                        <div class="selectBox">
                                                            <button type="button" class="label invalid" 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="%상품명% %옵션명%">%상품명% %옵션명%</button></li>
                                                                        <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>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="message error">수강 상품을 선택해 주세요.</div>
                                            </div>
                                        </li>
                                        <li class="required teacher">
                                            <div class="title"><p>추천 선생님(최대 3명 선택)</p></div>
                                            <div class="inputArea">
                                                <div class="inputWrap">
                                                    <label><input type="checkbox"><span>강사명</span></label>
                                                    <label><input type="checkbox"><span>소피아</span></label>
                                                    <label><input type="checkbox"><span>크리스</span></label>
                                                    <label><input type="checkbox"><span>강사명</span></label>
                                                    <label><input type="checkbox"><span>소피아</span></label>
                                                    <label><input type="checkbox"><span>크리스</span></label>
                                                    <label><input type="checkbox"><span>강사명</span></label>
                                                    <label><input type="checkbox"><span>소피아</span></label>
                                                    <label><input type="checkbox"><span>크리스</span></label>
                                                    <label><input type="checkbox"><span>강사명</span></label>
                                                    <label><input type="checkbox"><span>소피아</span></label>
                                                    <label><input type="checkbox"><span>크리스</span></label>
                                                </div>
                                            </div>
                                            <div class="message error">추천 선생님을 선택해 주세요.</div>
                                        </li>
                                        <li class="required starScore">
                                            <div class="title"><p>별점후기</p></div>
                                            <div class="inputArea invalid">
                                                <div class="starArea">
                                                    <div class="num"></div>
                                                    <!-- 별점 최소 1점 -->
                                                    <div class="starWrap flex" data-number="1">
                                                        <button type="button" class="star"></button>
                                                        <button type="button" class="star"></button>
                                                        <button type="button" class="star"></button>
                                                        <button type="button" class="star"></button>
                                                        <button type="button" class="star"></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="message error">별점 평가를 입력해 주세요.</div>
                                        </li>
                                        <li class="required">
                                            <div class="title"><p>수업 시간</p></div>
                                            <div class="inputArea radioBox col3">
                                                <label><input type="radio" name="classTime"><span>짧아요</span></label>
                                                <label><input type="radio" name="classTime"><span>충분해요</span></label>
                                                <label><input type="radio" name="classTime"><span>길어요</span></label>
                                            </div>
                                        </li>
                                        <li class="required">
                                            <div class="title"><p>수업 난이도</p></div>
                                            <div class="inputArea radioBox col3">
                                                <label><input type="radio" name="classLevel"><span>쉬운 편이에요</span></label>
                                                <label><input type="radio" name="classLevel"><span>적당해요</span></label>
                                                <label><input type="radio" name="classLevel"><span>어려워요</span></label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="title"><p>추천 강좌 선택</p></div>
                                            <div class="inputArea noLine">
                                                <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>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="required editWrap">
                                            <div class="title"><p>상세후기</p></div>
                                            <div class="inputArea noLine">
                                                <label><input type="text" placeholder="제목을 입력해 주세요." autocomplete="off" required class="invalid"></label>
                                                <div class="message error">제목을 입력해 주세요.</div>
                                                <p class="description">예시) 제로 베이스에서 7.0이 되기까지!, 2.8개월 걸린 밀착반 6.5 후기</p>
                                            </div>
                                            <div class="textWrap" data-error="">
                                                <textarea name="" id="" placeholder="" maxlength=""></textarea>
                                            </div>
                                            <div class="message error">상세 후기를 남겨주세요.</div>
                                        </li>
                                        <li class="file">
                                            <div class="title"><p>사진첨부(최대 5개 등록 가능)</p></div>
                                            <div class="inputArea noLine">
                                                <p class="description">*후기와 무관한 사진을 첨부한 경우 통보없이 삭제 및 이벤트 혜택 대상에서 제외됩니다.</p>
                                                <!-- 파일 첨부 -->
                                                <div class="uploadFile scroll-x-active">
                                                    <label class="uploadArea">
                                                        <figure class="upload-icon"></figure>
                                                        <input type="file" class="el-hide" class="file"><span class="hidden">파일 첨부</span>
                                                        <p><span>0</span>/5</p>
                                                    </label>
                                                    <div class="file-list"></div>
                                                </div>
                                                <div class="agreeWrap">
                                                    <label><input type="checkbox" required><span>최소 100자 이상 작성, 회원정보에 입력된 휴대번호로 상품 발송, 이벤트 상품은 품절 등의 사유로 동일 가격의 상품으로 대체될 수 있는 점. ID당 1회만 참여 가능 등 후기 이벤트 유의사항에 대해 확인하였습니다. </span></label>
                                                    <div class="message error">유의사항을 체크해 주세요.</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="buttonWrap flex sb">
                            <input type="reset" class="resetBtn cancel" value="취소"></input>
                            <input type="submit" class="submitBtn" value="등록"></input>
                        </div>
                    </div>
                </form>

                <div class="dim"></div>
            </div>

        </div>
    </div>
@endsection

@section('ielts-script')
    <script>
        $(function(){
            /************************************************************************
                list
            ************************************************************************/
            // 본문 > 이미지 개수
            $('.listWrap .userContentText .imgWrap').each(function(index,item){
                let _uploadImgLength = $(item).find('img').length;
                $(item).find('.allNum').text(_uploadImgLength);
            });

            // 좋아요, 별점 개수에 따라 data-number 값 변경
            $('.listWrap .topWrap .reaction .icon.star').each(function(index,item){
                let _thisLikeNum = $(item).find('.num').text();
                $(item).attr('data-number', _thisLikeNum);
            });


            /************************************************************************
                write (bottom-sheet)
            ************************************************************************/
            // 추천 선생님 최대 3명까지만 선택 가능
            $('.write-bottom .slidingWrap .formList > li.teacher input[type="checkbox"]').on('click',function(e){
                let count = $('.write-bottom .slidingWrap .formList > li.teacher input[type="checkbox"]:checked').length;
                $('.write-bottom .slidingWrap .formList > li.teacher input[type="checkbox"]:checked').parent().addClass('active');
                if(count >= 3){
                    $('.write-bottom .slidingWrap .formList > li.teacher label.active').siblings().addClass('deactivate');
                }else{
                    $('.write-bottom .slidingWrap .formList > li.teacher label').removeClass('deactivate active');
                }
            });
        });
    </script>
@endsection