/* 단원 버튼 */

  .unit-pagination button {

     font-family: 'Pretendard-Regular';

     padding: 5px 30px;

     color: #331600;

 }

  .unit-pagination .selected-btn {

 }

 /* ------------------------선생님 --------------------- */

         </select>

     </div>

     <div class="board-wrap">

         <div class="unit-pagination flex mt10" style="gap: 10px;">

             <button class="selected-btn">1</button>

             <button>2</button>

             <option value="">1단원</option>

         </select>

     </div>

     <div class="search-wrap flex justify-end mb20">

             <select name="" id="" class="mr10 data-wrap">

                 <option value="">중간</option>

     <div class="title-box flex justify-between mb40">

         <p class="title">문제</p>

         <select name="" id="">

         </select>

     </div>

     <div class="search-wrap flex justify-end mb20">

             <select name="" id="" class="mr10 data-wrap">

                 <option value="">전체</option>

 <template>

     <div class="title-box flex justify-between mb40">

         <p class="title">A교재</p>

             <option value="">1단원</option>

     </div>

         <div class="mb20 ">

             <div class="flex justify-between mb30 align-center">

                 <label for="" class="title1">지문</label>

 <script>

 import SvgIcon from '@jamescoyle/vue-icon';

 import { mdilArrowRight } from '@mdi/light-js';

 import ProgressBar from '../../component/ProgressBar.vue';

 export default {

     data() {

         return {

             mdiMagnify: mdiMagnify,

             mdilArrowRight: mdilArrowRight,

             timer: "00:00",

         </select>

     </div>

         <label for="" class="title2">단원</label>

             <button class="selected-btn">1</button>

             <button>2</button>

             <button>3</button>

     <div class="title-box flex justify-between mb40">

         <p class="title">단어장</p>

         <select name="" id="">

         </select>

     </div>

     <div class="search-wrap flex justify-between mb20 align-center">

         <div class="title2 gray">?단원 전체 목록</div>

         <div>