</div>

                     </div>

                 </div>

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

                         <p class="title">전체 진행률</p>

                     </div>

                     <div class="flex">

                             <p class="name">학습 현황</p>

                             <div class="textbox">

                                 <p class="title2">오늘의 학습현황</p>

                                 <!-- 안전하게 진도율을 소수점 한자리 수까지 표시 -->

                             <p class="title2">학습시간</p>

                             <p class="name">학습시간 n시간</p>

                         </div>

                             <p class="name">이해/표현 점수</p>

                                 <ColumnLineChart/>

                             </div>

                         </div>

                     </div>

                         <p class="name">교재별 진행률</p>

                             <StackedBarChart />

                         </div>

                     </div>

                     <div class="flex">

                             <p class="name">오늘의 학습 일정</p>

                             <div class="flex-column" style="gap: 20px;">

                                 <div class=" flex justify-between align-center " style="gap: 70px;">

                             </div>

                         </div>

                             <div class="wrap">

                                 <p class="name">교재별 오답률</p>

                             </div>

                             <div class="wrap">

                                 <p class="name">LC/RC 세부 점수</p>

                             </div>

                         </div>

 <template>

 </template>

 <script>