Code - yangart/sejongOn

<!DOCTYPE html> <html lang="ko"> <head> <title>온세종학교</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta name="format-detection" content="telephone=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">  <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>     <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>     <script src="/resources/front/site/SITE_00000/js/common.js"></script> <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>  </head> <body> <div class="accessibility"> <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> </div>  <div class="container">  <header class="site-header"></header> <div class="site-body" id="skipToContents"> <div class="wrap"> <div class="page-tit-area"> <div class="l-area"> <h2 class="title-xlg">개별 문제풀이 결과</h2> </div> <div class="r-area"> <select title="개별 문제풀이 결과 학생 선택"> <option>김채움</option> </select> </div> </div> <section class="section"> <h3 class="txt-hide">개별 문제풀이 결과 정보</h3> <div class="write-type"> <table> <caption>개별 문제풀이 결과 정보로 이름, 학년/학기, 과목/평가명, 응시일로 구성되어있습니다.</caption> <colgroup> <col style="width:160px;"> <col> <col style="width:160px;"> <col> </colgroup> <tbody> <tr> <th scope="row">이름</th> <td> 김채움 </td> <th scope="row">학년/학기</th> <td> 6학년 2학기 </td> </tr> <tr> <th scope="row">과목/평가명</th> <td> 공통수학/평가명 </td> <th scope="row">응시일</th> <td> 2025-04-14 </td> </tr> </tbody> </table> </div> </section> <section class="section"> <h3 class="txt-hide">문제풀이 결과 정보</h3> <ul class="summary-info-list"> <li class="primary"> <div class="txt-area"> <h4>채점결과</h4> <p><em class="accent">8.5</em> / 14</p> <small>정답</small> <div class="chart-area"> <div class="chart-bar-stack"> <span class="bar primary" style="width:80%;">80%</span> <span class="bar" style="width:20%;">20%</span> <div class="chart-marker-area"> <span class="chart-marker avg" style="left:80%">정답률 <strong>85%</strong></span> </div> </div> </div> </div> <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-write.svg" alt="" aria-hidden="true"> </li> <li class="secondary"> <div class="txt-area"> <h4>평균 풀이 시간</h4> <p><em class="accent">2</em>분 <em class="accent">40</em>초</p> <small>시간</small> <div class="chart-area" style="flex:1"> <div class="chart-bar-stack"> <span class="bar secondary" style="width:80%;">80%</span> <span class="bar" style="width:20%;">20%</span> <div class="chart-marker-area"> <span class="chart-marker avg" style="left:80%">평균 <strong>2분 25초</strong></span> </div> </div> </div> </div> <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-clock.svg" alt="" aria-hidden="true"> </li> </ul> </section> <section class="section"> <div class="section-tit-area"> <div class="l-area"> <h4 class="title-lg">문항별 정오 현황</h4> </div> <div class="r-area"> <button type="button" class="btn primary" title="새 창 열기">문제풀이 결과보기</button> </div> </div> <div class="list-type sm"> <table> <caption>문항별 정오 현황 목록</caption> <colgroup> <col style="width:96px"> <col style="width:120px"> <col> <col style="width:240px;"> </colgroup> <thead> <tr> <th scope="col">문항 번호</th> <th scope="col">채점 결과</th> <th scope="col">핵심 개념</th> <th scope="col">풀이시간(개인/평균)</th> </tr> </thead> <tbody> <tr> <td>1</td> <td> <i class="ico-ox-o">정답</i> </td> <td class="align-left"> 다섯자리 이상의 수 - 10,000이상의 큰 수의 자릿값과 위치적 기수법 </td> <td><em>00:00</em> / 00:04</td> </tr> <tr> <td>1</td> <td> <i class="ico-ox-x">오답</i> </td> <td class="align-left"> 다섯자리 이상의 수 - 10,000이상의 큰 수의 자릿값과 위치적 기수법 </td> <td><em>00:00</em> / 00:04</td> </tr> <tr> <td>1</td> <td> <strong>10점</strong> </td> <td class="align-left"> 주관식 다섯자리 이상의 수 - 10,000이상의 큰 수의 자릿값과 위치적 기수법 </td> <td><em>00:00</em> / 00:04</td> </tr> </tbody> </table> </div> </section> <section class="section"> <div class="section-tit-area"> <div class="l-area"> <h4 class="title-lg">내용 체계 영역별 분석</h4> </div> </div> <article class="section-box"> <header class="box-header"> <div class="l-area"> <h3 class="section-box-tit">영역별 도달율</h3> </div> </header> <div class="box-body"> <ul class="chart-bar-list"> <li> <div class="chart-tit-area"> <div class="chart-tit">다항식</div> </div> <div class="bar-area"> <button type="button" class="bar" style="width:22%;">22%</button><small class="chart-label">22%</small> </div> </li> <li> <div class="chart-tit-area"> <div class="chart-tit">방정식과 부등식</div> </div> <div class="bar-area"> <button type="button" class="bar" style="width:100%;">100%</button><small class="chart-label">100%</small> </div> </li> <li> <div class="chart-tit-area"> <div class="chart-tit">경우의 수</div> </div> <div class="bar-area"> <button type="button" class="bar" style="width:22%;">22%</button><small class="chart-label">22%</small> </div> </li> <li> <div class="chart-tit-area"> <div class="chart-tit">행렬</div> </div> <div class="bar-area"> <button type="button" class="bar" style="width:50%;">50%</button><small class="chart-label">50%</small> </div> </li> </ul> </div> </article> </section> </div> </div> </div>  <div class="toast"></div>  <div class="dim"></div> </body> </html>