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="popup-modal lg" data-popuppub="popupmodal"> <div class="pop-header"> <h1>맞춤형 학습 목록</h1> <p>스스로 진단 결과 후속 학습이 필요한 항목들입니다.</p> </div> <div class="pop-body"> <ul class="tabs-nav-lg"> <li><a href="#none" class="is-active">국어</a></li> <li><a href="#none">영어</a></li> <li><a href="#none">수학</a></li> <li><a href="#none">과학</a></li> <li><a href="#none">사회</a></li> </ul> <div class="summary"> <i class="ico-info"></i> <div class="txt-area"> <strong class="summary-tit"><em>000</em>님의 수학과목 ‘스스로 진단’ 결과, 학습이 필요한 핵심개념은 총 <em class="accent">10</em>개입니다.</strong> <p><em>10</em>개 중 <em class="accent">5</em>개를 학습 완료</p> </div> </div> <div class="list-type"> <table> <caption>맞춤형 학습 목록으로 no,영역, 학습주제, 학습시작, 학습여부, 학습날짜로 구성되어 있습니다.</caption> <colgroup> <col style="width: 8%;"> <col style="width: 32%;"> </colgroup> <thead> <tr> <th scope="col">NO</th> <th scope="col">학습주제</th> <th scope="col">학습여부</th> <th scope="col">학습날짜</th> <th scope="col">학습시작</th> </tr> </thead> <tbody> <tr> <td>1</td> <td class=" align-left"><strong class="table-title">(몇십) X (몇십) 계산하기</strong></td> <td data-tit="학습여부"><span class="label-state success">완료</span></td> <td data-tit="학습날짜">2025-01-1</td> <td> <div class="btn-tbl-cont"> <button type="button" class="btn sm primary">학습시작</button> </div> </td> </tr> <tr> <td>2</td> <td class=" align-left"><strong class="table-title">(몇십) X (몇십) 계산하기</strong></td> <td data-tit="학습여부"><span class="label-state">미완료</span></td> <td data-tit="학습날짜">2025-01-1</td> <td> <div class="btn-tbl-cont"> <button type="button" class="btn sm primary">학습시작</button> </div> </td> </tr> <tr> <td>2</td> <td class=" align-left"><strong class="table-title">(몇십) X (몇십) 계산하기</strong></td> <td data-tit="학습여부"><span class="label-state">미완료</span></td> <td data-tit="학습날짜">2025-01-1</td> <td> <div class="btn-tbl-cont"> <button type="button" class="btn sm primary">학습시작</button> </div> </td> </tr> <tr> <td>2</td> <td class=" align-left"><strong class="table-title">(몇십) X (몇십) 계산하기</strong></td> <td data-tit="학습여부"><span class="label-state">미완료</span></td> <td data-tit="학습날짜">2025-01-1</td> <td> <div class="btn-tbl-cont"> <button type="button" class="btn sm primary">학습시작</button> </div> </td> </tr> <tr> <td>2</td> <td class=" align-left"><strong class="table-title">(몇십) X (몇십) 계산하기</strong></td> <td data-tit="학습여부"><span class="label-state">미완료</span></td> <td data-tit="학습날짜">2025-01-1</td> <td> <div class="btn-tbl-cont"> <button type="button" class="btn sm primary">학습시작</button> </div> </td> </tr> </tbody> </table> </div> </div> <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> </div>  <div class="toast"></div>  <div class="dim"></div> <script> $(document).ready(function() { popupOpenPub('popupmodal'); }); </script> </body> </html>