이화경 이화경 09-29
퍼블 수정 및 추가
@6b6f245909644057e25dc319b6f0e512c595f2e5
html/onSejong/index.html
--- html/onSejong/index.html
+++ html/onSejong/index.html
@@ -487,7 +487,7 @@
                             </li>
                             <li>공지사항
                                 <ul>
-                                    <li>공지사항</li>
+                                    <li class="working">공지사항,manager/class/notice.html</li>
                                     <li>상세보기,manager/class/noticeView.html</li>
                                     <li>글쓰기,manager/class/noticeWrite.html</li>
                                 </ul>
html/onSejong/manager/class/assessment.html
--- html/onSejong/manager/class/assessment.html
+++ html/onSejong/manager/class/assessment.html
@@ -88,6 +88,8 @@
                         <div class="r-area">
                             <select class="select-sort border-none" title="정렬 선택">
                                 <option>최신 등록일 순</option>
+                                <option>시작일 기준 정렬</option>
+                                <option>종료일 기준 정렬</option>
                             </select>
                             <fieldset class="search-area">
                                 <legend>검색</legend>
@@ -98,13 +100,6 @@
                             </fieldset>
                         </div>
                     </div>
-                </div>
-                <div class="txt-none">
-                    <figure>
-                        <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음"
-                            aria-hidden="true">
-                    </figure>
-                    <p>목록이 비어있습니다.</p>
                 </div>
                 <div class="list-type">
                     <table>
@@ -219,6 +214,13 @@
                         </tbody>
                     </table>
                 </div>
+                <div class="txt-none">
+                    <figure>
+                        <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음"
+                            aria-hidden="true">
+                    </figure>
+                    <p>목록이 비어있습니다.</p>
+                </div>
                 <ul class="pagenation">
                     <li class="ppv">
                         <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
html/onSejong/manager/class/assessmentView.html
--- html/onSejong/manager/class/assessmentView.html
+++ html/onSejong/manager/class/assessmentView.html
@@ -64,14 +64,14 @@
                                     <i class="ico-profile"></i>
                                     <strong class="info-tit">작성자</strong>
                                     <div class="txt-area">
-                                        작성자
+                                        홍길동
                                     </div>
                                 </li>
                                 <li>
                                     <i class="ico-calendar"></i>
                                     <strong  class="info-tit">등록일</strong>
                                     <div class="txt-area">
-                                        2024.01.01
+                                        2025.01.01
                                     </div>
                                 </li>
                             </ul>
@@ -88,7 +88,7 @@
                             <div class="view-cont-tit-area">
                                 <div class="l-area">
                                     <span class="label primary-inverse">풀이기간</span>
-                                    <h4 class="title-sm font-color-primary">2024-11-11(월) ~ 2024-11-15(금)</h4>
+                                    <h4 class="title-sm font-color-primary">2025-11-11(월) ~ 2025-11-15(금)</h4>
                                 </div>
                                 <div class="r-area">
                                     <a href="#none" class="btn-text primary">문제풀이결과 <i class="ico-circle-chevron-right primary"></i></a>
html/onSejong/manager/class/assessmentWrite.html
--- html/onSejong/manager/class/assessmentWrite.html
+++ html/onSejong/manager/class/assessmentWrite.html
@@ -119,34 +119,36 @@
                                         <fieldset class="checkradio-area dir-col">
                                             <legend>풀이대상 선택</legend>
                                             <div class="checkradio">
-                                                <input type="radio" name="r2" id="r2-1" checked="">
-                                                <label for="r2-1">전체</label>
+                                                <input type="radio" name="r2" id="r2-1">
+                                                <label for="r2-1">전체 수강생</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="r2" id="r2-3">
-                                                <label for="r2-3">선택입력</label>
+                                                <input type="radio" name="r2" id="r2-2">
+                                                <label for="r2-2">선택입력</label>
                                                 <div class="checkradio-option">
-                                                    <button class="btn sm secondary">멤버선택</button>
+                                                    <button class="btn sm secondary">수강생선택</button>
                                                     <span>135명</span>
                                                 </div>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="r2" id="r2-2">
-                                                <label for="r2-2">모둠 선택</label>
-                                                <div class="checkradio-option percent-width10">
-                                                    <select title="모둠선택">
-                                                        <option>모둠 선택</option>
+                                                <input type="radio" name="r2" id="r2-3" checked>
+                                                <label for="r2-3">그룹 선택</label>
+                                                <div class="checkradio-option">
+                                                    <select title="그룹 선택1" class="sm">
+                                                        <option>그룹 선 택</option>
                                                     </select>
-                                                    <div class="chip-area q4">
-                                                        <span class="chip-tag">
-                                                            추가된 모둠명
-                                                            <button type="button" class="ico-close">삭제</button>
-                                                        </span>
-                                                        <span class="chip-tag">
-                                                            추가된 모둠명
-                                                            <button type="button" class="ico-close">삭제</button>
-                                                        </span>
-                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="item-add-area">
+                                                <div class="chip-area">
+                                                    <span class="chip-tag">
+                                                        추가된 그룹명1
+                                                        <button type="button" class="ico-delete">삭제</button>
+                                                    </span>
+                                                    <span class="chip-tag">
+                                                        추가된 그룹명2
+                                                        <button type="button" class="ico-delete">삭제</button>
+                                                    </span>
                                                 </div>
                                             </div>
                                         </fieldset>
@@ -164,7 +166,7 @@
                                         <div class="btn-group">
                                             <button type="button" class="btn ico-archive">나의 보관함에서 선택</button>
                                             <button type="button" class="btn ico-search">콘텐츠에서 검색</button>
-                                            <a href="#none" class="btn ico-edit">직접 만들기(일반유형)</a>
+                                            <a href="#none" class="btn ico-edit">직접 만들기</a>
                                         </div>
                                         <p class="msg warning"><i class="ico-info"></i> 하나의 평가지만 추가 가능합니다.</p>
                                         <div class="item-add-area">
@@ -172,7 +174,6 @@
                                                 <li>
                                                     <a href="#none" target="_blank" title="새 창 열기"
                                                         class="link-full">미리보기</a>
-                                                    <span class="label num">22</span>
                                                     <div class="txt-area">
                                                         <div class="item-info">
                                                             <div class="img-area">
html/onSejong/manager/class/class.html
--- html/onSejong/manager/class/class.html
+++ html/onSejong/manager/class/class.html
@@ -1,317 +1,417 @@
 <!DOCTYPE html>
 <html lang="ko">
+    <head>
+        <title>온세종학교</title>
 
-<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" />
 
-    <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" />
 
-    <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+        <!-- 공통 plugin -->
+        <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>
+        <!-- //공통 plugin -->
 
-    <!-- 공통 plugin -->
-    <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>
-    <!-- //공통 plugin -->
+        <!-- 페이지 plugin-->
+        <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+        <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
+        <!-- chart -->
+        <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
+        <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
+        <!-- //chart -->
+        <!-- //페이지 plugin-->
 
-    <!-- 페이지 plugin-->
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
-    <!-- chart -->
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
-    <!-- //chart -->
-    <!-- //페이지 plugin-->
+        <!-- 공통 퍼블 layout: 개발시 삭제-->
+        <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+        <!--//퍼블 layout-->
 
-    <!-- 공통 퍼블 layout: 개발시 삭제-->
-    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
-    <!--//퍼블 layout-->
+        <!-- 공통 메뉴 js-->
+        <!-- //공통 메뉴 js -->
 
-    <!-- 공통 메뉴 js-->
-    <!-- //공통 메뉴 js -->
+        <!--공통 퍼블 js-->
+        <script src="/resources/front/site/SITE_00000/js/common.js"></script>
+        <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+        <!--//공통 퍼블 js-->
+    </head>
 
-    <!--공통 퍼블 js-->
-    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
-    <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
-    <!--//공통 퍼블 js-->
-</head>
-
-<body>
-    <div class="accessibility">
-        <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
-    </div>
-    <!-- for-teacher / for-student -->
-    <div class="container">
-        <!-- 통합 헤더 및 네비게이션 -->
-        <header class="site-header"></header>
-        <div class="site-body" id="skipToContents">
-            <div class="wrap">
-                <ul class="breadcrumb">
-                    <li><a href="#none" class="home">홈</a></li>
-                    <li><a href="#none">1depth</a></li>
-                    <li><a href="#none">2depth</a></li>
-                </ul>
-                <div class="page-tit-area">
-                    <div class="l-area">
-                        <h2 class="title-xlg">수강신청</h2>
-                    </div>
-                    <div class="r-area">
-                        <a href="#none" class="btn lg cta ico-plus">과정 개설하기</a>
-                    </div>
-                </div>
-                <div class="search-box">
-                    <div class="search-box-write">
-                        <table>
-                            <caption>상세검색</caption>
-                            <colgroup>
-                                <col style="width:100px">
-                                <col>
-                            </colgroup>
-                            <tbody>
-                                <tr>
-                                    <th scope="row">문항 난이도</th>
-                                    <td>
-                                        <fieldset class="checkradio-area">
-                                            <legend>문항 난이도 선택</legend>
-                                            <div class="checkradio">
-                                                <input type="checkbox" id="sch1_5_1">
-                                                <label for="sch1_5_1">매우 쉬움</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="checkbox" id="sch1_5_2">
-                                                <label for="sch1_5_2">쉬움</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="checkbox" id="sch1_5_3">
-                                                <label for="sch1_5_3">보통</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="checkbox" id="sch1_5_4">
-                                                <label for="sch1_5_4">어려움</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="checkbox" id="sch1_5_5">
-                                                <label for="sch1_5_5">매우 어려움</label>
-                                            </div>
-                                        </fieldset>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">문항 유형</th>
-                                    <td>
-                                        <fieldset class="checkradio-area">
-                                            <legend>문항 유형 선택</legend>
-                                            <div class="checkradio">
-                                                <input type="checkbox" id="sch1_6_1">
-                                                <label for="sch1_6_1">객관식(단일선택)</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="checkbox" id="sch1_6_2">
-                                                <label for="sch1_6_2">객관식(다중선택)</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="checkbox" id="sch1_6_3">
-                                                <label for="sch1_6_3">주관식(단답형)</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="checkbox" id="sch1_6_4">
-                                                <label for="sch1_6_4">주관식(서술형)</label>
-                                            </div>
-                                        </fieldset>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">문항ID</th>
-                                    <td>
-                                        <input type="text" class="q1" placeholder="문항ID를 입력해주세요." title="문항 id 입력">
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">검색어</th>
-                                    <td>
-                                        <input type="text" class="q2" placeholder="과정명, 선생님명으로 검색하세요." title="과정명, 선생님명 입력">
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div class="search-btn-cont">
-                        <button type="submit" class="btn-search-box">검색</button>
-                    </div>
-                </div>
-                <div class="fnc-extend-area">
-                    <div class="extend-default-area">
+    <body>
+        <div class="accessibility">
+            <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
+        </div>
+        <!-- for-teacher / for-student -->
+        <div class="container">
+            <!-- 통합 헤더 및 네비게이션 -->
+            <header class="site-header"></header>
+            <div class="site-body" id="skipToContents">
+                <div class="wrap">
+                    <ul class="breadcrumb">
+                        <li><a href="#none" class="home">홈</a></li>
+                        <li><a href="#none">1depth</a></li>
+                        <li><a href="#none">2depth</a></li>
+                    </ul>
+                    <div class="page-tit-area">
                         <div class="l-area">
-                            <p class="total">총 <em>156</em>건</p>
+                            <h2 class="title-xlg">수강신청</h2>
                         </div>
                         <div class="r-area">
-                            <select class="select-sort border-none" title="정렬 선택">
-                                <option>최신 등록일 순</option>
-                            </select>
-                            <select class="border-none" title="보기 개수 선택">
-                                <option>24개씩 보기</option>
-                            </select>
-                            <fieldset class="search-area">
-                                <legend>검색</legend>
-                                <div class="search">
-                                    <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
-                                    <button class="btn ico-search">검색</button>
-                                </div>
-                            </fieldset>
-                            <fieldset class="checkradio-custom-row-area item-type-checkradio-area">
-                                <legend>리스트형 선택</legend>
-                                <div class="checkradio item-type-checkradio">
-                                    <input type="radio" title="피드형 선택" name="itemtype" checked id="item-type-feed">
-                                    <label for="item-type-feed"><i class="ico-thumblist"></i><span class="txt-hide">썸네일형</span></label>
-                                </div>
-                                <div class="checkradio item-type-checkradio">
-                                    <input type="radio" title="썸네일형 선택" name="itemtype" id="item-type-thumb">
-                                    <label for="item-type-thumb"><i class="ico-thumbnail"></i><span class="txt-hide">피드형</span></label>
-                                </div>
-                            </fieldset>
+                            <a href="#none" class="btn lg cta ico-plus">과정 개설하기</a>
                         </div>
                     </div>
-                    <div class="extend-filter-area">
-                        <div class="l-area">
-                            <fieldset class="filter-group">
-                                <legend>필터 선택</legend>
-                                <div class="checkradio">
-                                    <input type="radio" name="extend-filter" id="extend-filter0" checked>
-                                    <label for="extend-filter0">전체</label>
-                                </div>
-                                <div class="checkradio">
-                                    <input type="radio" name="extend-filter" id="extend-filter1">
-                                    <label for="extend-filter1">임시저장</label>
-                                </div>
-                                <div class="checkradio">
-                                    <input type="radio" name="extend-filter" id="extend-filter2">
-                                    <label for="extend-filter2">비공개</label>
-                                </div>
-                                <div class="checkradio">
-                                    <input type="radio" name="extend-filter" id="extend-filter3">
-                                    <label for="extend-filter3">진행중</label>
-                                </div>
-                            </fieldset>
+                    <div class="summary-page">
+                    <div class="l-area">
+                        <div class="img-area">
+                            <img src="/resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg" alt="" aria-hidden="true">
+                        </div>
+                        <div class="txt-area">
+                            <p>온라인공동교육과정은 소규모 학교나 특정 교과목 개설이 어려운 학교를 위해, 여러 학교가 협력하여 온라인으로 개설·운영하는 교육과정입니다. 학생의 소질, 적성, 진로에 맞는 다양한 과목을 제공하여 학생의 과목 선택권을 넓히고, 실시간 쌍방향 수업과 학습 복습 기능을 통해 학습 효과를 높입니다. </p><br>
+                            <p>온세종학교 특화 교육과정을 만나보세요!</p>
+                            <ul class="bullet">
+                                <li>외국어 국제형 특화 </li>
+                                <li>AI 디지털 교육 특화 </li>
+                                <li>약학 계열 특화 </li>
+                                <li>조세 및 회계 분야 특화</li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="r-area">
+                        <div class="btn-group"><button class="btn sm ico-download secondary back">자세한 내용 PDF 다운로드</button>
                         </div>
                     </div>
                 </div>
-                <div class="txt-none">
-                    <figure>
-                        <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
-                    </figure>
-                    <p>수업 목록이 비어있습니다.</p>
-                </div>
-                <ul class="item-type-list item-type-feed">
-                    <li>
-                        <!-- <a href="#none" class="lnk-full">상세보기</a> -->
-                        <div class="item-checkradio checkradio order-front">
-                            <input type="checkbox" id="itemchk1" class="icon-only">
-                            <label for="itemchk1">선택</label>
+                    <div class="search-box">
+                        <div class="search-box-write">
+                            <table>
+                                <caption>
+                                    상세검색
+                                </caption>
+                                <colgroup>
+                                    <col style="width: 100px" />
+                                    <col />
+                                </colgroup>
+                                <tbody>
+                                    <tr>
+                                        <th>운영기간</th>
+                                        <td>
+                                            <select title="년도 선택">
+                                                <option>2025년 1학기</option>
+                                            </select>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">대상학년</th>
+                                        <td>
+                                            <fieldset class="checkradio-area">
+                                                <legend>특성 선택</legend>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c1-1" checked />
+                                                    <label for="c1-1" class="pramury">전체</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c1-2" />
+                                                    <label for="c1-2">중3</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c1-3" />
+                                                    <label for="c1-3">고1</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c1-4" />
+                                                    <label for="c1-4">고2</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c1-5" />
+                                                    <label for="c1-5">고3</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c1-6" />
+                                                    <label for="c1-6">기타</label>
+                                                </div>
+                                            </fieldset>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">교과(군)</th>
+                                        <td>
+                                            <fieldset class="checkradio-area">
+                                                <legend>교과 선택</legend>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c3-1" />
+                                                    <label for="c3-1">국어</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c3-2" />
+                                                    <label for="c3-2">수학</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c3-3" />
+                                                    <label for="c3-3">사회</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c3-4" />
+                                                    <label for="c3-4">과학</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c3-5" />
+                                                    <label for="c3-5">영어</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c3-6" />
+                                                    <label for="c3-6">외국어</label>
+                                                </div>
+                                            </fieldset>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">운영요일</th>
+                                        <td>
+                                            <fieldset class="checkradio-area">
+                                                <legend>운영요일 선택</legend>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c4-1" checked />
+                                                    <label for="c4-1">전체</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c4-2" />
+                                                    <label for="c4-2">월</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c4-3" />
+                                                    <label for="c4-3">화</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c4-4" />
+                                                    <label for="c4-4">수</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c4-5" />
+                                                    <label for="c4-5">목</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c4-6" />
+                                                    <label for="c4-6">금</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c4-7" />
+                                                    <label for="c4-7">토</label>
+                                                </div>
+                                            </fieldset>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">운영시간</th>
+                                        <td>
+                                            <fieldset class="checkradio-area">
+                                                <legend>운영시간 선택</legend>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c5-1" checked />
+                                                    <label for="c5-1">전체</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c5-2" />
+                                                    <label for="c5-2">평일/오전</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c5-3" />
+                                                    <label for="c5-3">평일/오후</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c5-4" />
+                                                    <label for="c5-4">평일/방과후</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c5-5" />
+                                                    <label for="c5-5">토요일/오전</label>
+                                                </div>
+                                                <div class="checkradio">
+                                                    <input type="checkbox" id="c5-6" />
+                                                    <label for="c5-6">토요일/오후</label>
+                                                </div>
+                                            </fieldset>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">검색어</th>
+                                        <td>
+                                            <input
+                                                type="text"
+                                                class="q2"
+                                                placeholder="과정명, 선생님명으로 검색하세요."
+                                                title="과정명, 선생님명 입력"
+                                            />
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
                         </div>
-                        <div class="img-area">
-                            <figure>
-                                <img src="/resources/front/site/SITE_00000/images/custom/common/img-thumb-cont-none.svg" alt="이미지">
-                            </figure>
+                        <div class="search-btn-cont">
+                            <button type="submit" class="btn-search-box">검색</button>
                         </div>
-                        <div class="cont">
-                            <div class="txt-area">
-                                <div class="label-area">
-                                    <span class="label primary">온세종학교</span>
-                                    <span class="label">고1,고2</span>
-                                    <span class="label">수학</span>
+                    </div>
+                    <div class="fnc-extend-area">
+                        <div class="extend-default-area">
+                            <div class="l-area">
+                                <p class="total">총 <em>156</em>건</p>
+                            </div>
+                            <div class="r-area">
+                                <select class="select-sort border-none" title="정렬 선택">
+                                    <option>인기과정 순</option>
+                                    <option>최신 등록일순</option>
+                                    <option>과정명 오름차순</option>
+                                </select>
+                                <fieldset class="checkradio-custom-row-area item-type-checkradio-area">
+                                    <legend>리스트형 선택</legend>
+                                    <div class="checkradio item-type-checkradio">
+                                        <input
+                                            type="radio"
+                                            title="피드형 선택"
+                                            name="itemtype"
+                                            checked
+                                            id="item-type-feed"
+                                        />
+                                        <label for="item-type-feed"
+                                            ><i class="ico-thumblist"></i><span class="txt-hide">썸네일형</span></label
+                                        >
+                                    </div>
+                                    <div class="checkradio item-type-checkradio">
+                                        <input
+                                            type="radio"
+                                            title="썸네일형 선택"
+                                            name="itemtype"
+                                            id="item-type-thumb"
+                                        />
+                                        <label for="item-type-thumb"
+                                            ><i class="ico-thumbnail"></i><span class="txt-hide">피드형</span></label
+                                        >
+                                    </div>
+                                </fieldset>
+                            </div>
+                        </div>
+                        <div class="extend-filter-area">
+                            <div class="l-area">
+                                <fieldset class="filter-group">
+                                    <legend>필터 선택</legend>
+                                    <div class="checkradio">
+                                        <input type="checkbox" name="extend-filter" id="extend-filter0" checked />
+                                        <label for="extend-filter0">신청가능한 과정만 보기</label>
+                                    </div>
+                                </fieldset>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="txt-none">
+                        <figure>
+                            <img
+                                src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg"
+                                alt="콘텐츠 없음"
+                                aria-hidden="true"
+                            />
+                        </figure>
+                        <p>수업 목록이 비어있습니다.</p>
+                    </div>
+                    <ul class="item-type-list item-type-feed">
+                        <li>
+                            <div class="item-checkradio checkradio order-front">
+                                <input type="checkbox" id="itemchk1" class="icon-only" />
+                                <label for="itemchk1">선택</label>
+                            </div>
+                            <div class="img-area">
+                                <figure>
+                                    <img
+                                        src="/resources/front/site/SITE_00000/images/custom/common/img-thumb-cont-none.svg"
+                                        alt="이미지"
+                                    />
+                                </figure>
+                            </div>
+                            <div class="cont">
+                                <div class="txt-area">
+                                    <div class="label-area">
+                                        <span class="label primary">온세종학교</span>
+                                        <span class="label">고1,고2</span>
+                                        <span class="label">수학</span>
+                                    </div>
+                                    <h4 class="item-title">인공지능수학</h4>
+                                    <ul class="info-inline-list u-block">
+                                        <li>
+                                            <strong class="info-tit">운영시간</strong>
+                                            <div class="txt-area">
+                                                (화) 7교시 18:30~21:00<br />(목) 7교시 18:30~21:00
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">지도교사</strong>
+                                            <div class="txt-area">강민설, 홍길동</div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">모집인원/신청자(명)</strong>
+                                            <div class="txt-area"><em>15</em>/3</div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">거점학교(장소)</strong>
+                                            <div class="txt-area">온세종학교</div>
+                                        </li>
+                                    </ul>
                                 </div>
-                                <h4 class="item-title">인공지능수학</h4>
-                                <ul class="info-inline-list u-block">
-                                    <li>
-                                        <strong class="info-tit">운영시간</strong>
-                                        <div class="txt-area">(화) 7교시 18:30~21:00<br>(목) 7교시 18:30~21:00</div>
-                                    </li>
-                                    <li>
-                                        <strong class="info-tit">지도교사</strong>
-                                        <div class="txt-area">강민설, 홍길동</div>
-                                    </li>
-                                    <li>
-                                        <strong class="info-tit">모집인원/신청자(명)</strong>
-                                        <div class="txt-area"><em>15</em>/3</div>
-                                    </li>
-                                    <li>
-                                        <strong class="info-tit">거점학교(장소):</strong>
-                                        <div class="txt-area">온세종학교</div>
-                                    </li>
-                                </ul>
-                            </div>
-                            <div class="item-btn-area order-front">
-                                <a href="#none" class="btn primary">수업 시작하기</a>
-                                <a href="#none" class="btn accent">화상수업하기</a>
-                                <a href="#none" class="btn">문제풀이 결과 보기</a>
-                            </div>
-                        </div>
-                        <div class="etc-fnc-area">
-                            <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
-                            <ul class="etc-fnc">
-                                <li><a href="#none">수정</a></li>
-                                <li><button type="button">삭제</button></li>
-                            </ul>
-                        </div>
-                    </li>
-                    <li>
-                        <!-- <a href="#none" class="lnk-full">상세보기</a> -->
-                        <div class="item-checkradio checkradio order-front">
-                            <input type="checkbox" id="itemchk2" class="icon-only">
-                            <label for="itemchk2">선택</label>
-                        </div>
-                        <div class="img-area">
-                            <figure>
-                                <img src="/resources/front/site/SITE_00000/images/custom/common/img-thumb-cont-none.svg" alt="이미지">
-                            </figure>
-                        </div>
-                        <div class="cont">
-                            <div class="txt-area">
-                                <div class="label-area">
-                                    <span class="label primary">온세종학교</span>
-                                    <span class="label">고1,고2</span>
-                                    <span class="label">수학</span>
+                                <div class="item-btn-area order-front">
+                                    <a href="#none" class="btn accent">강의계획서 보기</a>
+                                    <a href="#none" class="btn primary">신청하기</a>
                                 </div>
-                                <h4 class="item-title">인공지능수학</h4>
-                                <ul class="info-inline-list u-block">
-                                    <li>
-                                        <strong class="info-tit">운영시간</strong>
-                                        <div class="txt-area">(화) 7교시 18:30~21:00<br>(목) 7교시 18:30~21:00</div>
-                                    </li>
-                                    <li>
-                                        <strong class="info-tit">지도교사</strong>
-                                        <div class="txt-area">강민설, 홍길동</div>
-                                    </li>
-                                    <li>
-                                        <strong class="info-tit">모집인원/신청자(명)</strong>
-                                        <div class="txt-area"><em>15</em>/3</div>
-                                    </li>
-                                    <li>
-                                        <strong class="info-tit">거점학교(장소):</strong>
-                                        <div class="txt-area">온세종학교</div>
-                                    </li>
-                                </ul>
                             </div>
-                            <div class="item-btn-area order-front">
-                                <a href="#none" class="btn primary">수업 시작하기</a>
-                                <a href="#none" class="btn accent">화상수업하기</a>
-                                <a href="#none" class="btn">문제풀이 결과 보기</a>
+                        </li>
+                        <li>
+                            <div class="item-checkradio checkradio order-front">
+                                <input type="checkbox" id="itemchk2" class="icon-only" />
+                                <label for="itemchk2">선택</label>
                             </div>
-                        </div>
-                        <div class="etc-fnc-area">
-                            <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
-                            <ul class="etc-fnc">
-                                <li><a href="#none">수정</a></li>
-                                <li><button type="button">삭제</button></li>
-                            </ul>
-                        </div>
-                    </li>
-                    <!-- <li>
+                            <div class="img-area">
+                                <figure>
+                                    <img
+                                        src="/resources/front/site/SITE_00000/images/custom/common/img-thumb-cont-none.svg"
+                                        alt="이미지"
+                                    />
+                                </figure>
+                            </div>
+                            <div class="cont">
+                                <div class="txt-area">
+                                    <div class="label-area">
+                                        <span class="label primary">온세종학교</span>
+                                        <span class="label">고1</span>
+                                        <span class="label">수학</span>
+                                    </div>
+                                    <h4 class="item-title">수학과제탐구</h4>
+                                    <ul class="info-inline-list u-block">
+                                        <li>
+                                            <strong class="info-tit">운영시간</strong>
+                                            <div class="txt-area">(목) 7교시 18:30~21:00</div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">지도교사</strong>
+                                            <div class="txt-area">강민설</div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">모집인원/신청자(명)</strong>
+                                            <div class="txt-area"><em>15</em>/3</div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">거점학교(장소)</strong>
+                                            <div class="txt-area">온세종학교</div>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="item-btn-area order-front">
+                                    <a href="#none" class="btn accent">강의계획서 보기</a>
+                                    <a href="#none" class="btn primary">신청하기</a>
+                                </div>
+                            </div>
+                            </div>
+                        </li>
+                        <!-- <li>
                         <a href="#none" class="lnk-full">상세보기</a>
                         <div class="item-checkradio checkradio order-front">
                             <input type="checkbox" id="itemchk1" class="icon-only">
@@ -421,47 +521,59 @@
                             </ul>
                         </div>
                     </li> -->
-                </ul>
-                <ul class="pagenation">
-                    <li class="ppv">
-                        <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
-                    </li>
-                    <li class="pv">
-                        <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
-                    </li>
-                    <li class="current">
-                        <a href="#none" title="1번째 목록으로 이동합니다">1</a>
-                    </li>
-                    <li>
-                        <a href="#none" title="2번째 목록으로 이동합니다">2</a>
-                    </li>
-                    <li>
-                        <a href="#none" title="3번째 목록으로 이동합니다">3</a>
-                    </li>
-                    <li>
-                        <a href="#none" title="4번째 목록으로 이동합니다">4</a>
-                    </li>
-                    <li>
-                        <a href="#none" title="5번째 목록으로 이동합니다">5</a>
-                    </li>
-                    <li class="fw">
-                        <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
-                    </li>
-                    <li class="ffw">
-                        <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
-                    </li>
-                </ul>
+                    </ul>
+                    <!-- <ul class="pagenation">
+                        <li class="ppv">
+                            <a
+                                href="#none"
+                                class="btn ico-ppv circle sm"
+                                title="전체 목록에서 가장 처음 목록으로 이동합니다"
+                                >처음으로</a
+                            >
+                        </li>
+                        <li class="pv">
+                            <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
+                        </li>
+                        <li class="current">
+                            <a href="#none" title="1번째 목록으로 이동합니다">1</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="2번째 목록으로 이동합니다">2</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="3번째 목록으로 이동합니다">3</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="4번째 목록으로 이동합니다">4</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="5번째 목록으로 이동합니다">5</a>
+                        </li>
+                        <li class="fw">
+                            <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
+                        </li>
+                        <li class="ffw">
+                            <a
+                                href="#none"
+                                class="btn ico-ffw circle sm"
+                                title="전체 목록에서 가장 마지막 목록으로 이동합니다"
+                                >끝으로</a
+                            >
+                        </li>
+                    </ul> -->
+                    <div class="btn-cont">
+                        <a href="#none" class="btn lg ico-plus back">더보기</a>
+                    </div>
+                </div>
             </div>
+
+            <footer class="site-footer"></footer>
         </div>
 
-        <footer class="site-footer"></footer>
-    </div>
+        <!-- toast -->
+        <div class="toast"></div>
 
-    <!-- toast -->
-    <div class="toast"></div>
-
-    <!--popup-->
-    <div class="dim"></div>
-</body>
-
-</html>
(파일 끝에 줄바꿈 문자 없음)
+        <!--popup-->
+        <div class="dim"></div>
+    </body>
+</html>
 
html/onSejong/manager/class/classList.html (added)
+++ html/onSejong/manager/class/classList.html
@@ -0,0 +1,212 @@
+<!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">
+
+    <!-- 공통 plugin -->
+    <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>
+    <!-- //공통 plugin -->
+
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+
+    <!-- 공통 메뉴 js-->
+    <!-- //공통 메뉴 js -->
+
+    <!--공통 퍼블 js-->
+    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+
+<body>
+    <div class="accessibility">
+        <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
+    </div>
+    <!-- for-teacher / for-student -->
+    <div class="container">
+        <!-- 통합 헤더 및 네비게이션 -->
+        <header class="site-header"></header>
+        <div class="site-body" id="skipToContents">
+            <div class="wrap">
+                <ul class="breadcrumb">
+                    <li><a href="#none" class="home">홈</a></li>
+                    <li><a href="#none">1depth</a></li>
+                    <li><a href="#none">2depth</a></li>
+                </ul>
+                <div class="page-tit-area">
+                    <div class="l-area">
+                        <h2 class="title-xlg">인공지능수학</h2>
+                    </div>
+                    <div class="r-area">
+                        <div class="btn-group">
+                            <button class="btn ico-code-scan">출석QR코드</button>
+                            <button class="btn ico-people">멤버관리</button>
+                        </div>
+                    </div>
+                </div>
+                <ul class="tabs-nav-lg">
+                    <li><a href="#none">홈</a></li>
+                    <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>
+                    <li><a href="#none">자유게시판(팀프로젝트)</a></li>
+                </ul>
+                <div class="section-tit-area">
+                    <div class="l-area">
+                        <h3 class="title-lg">수업</h3>
+                    </div>
+                    <div class="r-area">
+                        <div class="btn-group">
+                            <a href="#none" class="btn lg cta ico-plus">수업 만들기</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="fnc-extend-area">
+                    <div class="extend-default-area">
+                        <div class="l-area">
+                            <p class="total">총 <em>156</em>건</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="txt-none">
+                        <figure>
+                            <img
+                                src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg"
+                                alt="콘텐츠 없음"
+                                aria-hidden="true"
+                            />
+                        </figure>
+                        <p>수업 목록이 비어있습니다.</p>
+                    </div>
+                    <ul class="item-type-list item-type-feed">
+                        <li>
+                            <div class="item-checkradio checkradio order-front">
+                                <input type="checkbox" id="itemchk1" class="icon-only" />
+                                <label for="itemchk1">선택</label>
+                            </div>
+                            <div class="img-area">
+                                <figure>
+                                    <img
+                                        src="/resources/front/site/SITE_00000/images/custom/common/img-thumb-cont-none.svg"
+                                        alt="이미지"
+                                    />
+                                </figure>
+                            </div>
+                            <div class="cont">
+                                <div class="txt-area">
+                                    <div class="label-area">
+                                        <span class="label primary">온세종학교</span>
+                                        <span class="label">고1,고2</span>
+                                        <span class="label">수학</span>
+                                    </div>
+                                    <h4 class="item-title">인공지능수학</h4>
+                                    <ul class="info-inline-list u-block">
+                                        <li>
+                                            <strong class="info-tit">운영시간</strong>
+                                            <div class="txt-area">
+                                                (화) 7교시 18:30~21:00<br />(목) 7교시 18:30~21:00
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">지도교사</strong>
+                                            <div class="txt-area">강민설, 홍길동</div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">모집인원/신청자(명)</strong>
+                                            <div class="txt-area"><em>15</em>/3</div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">거점학교(장소)</strong>
+                                            <div class="txt-area">온세종학교</div>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="item-btn-area order-front">
+                                    <a href="#none" class="btn accent">강의계획서 보기</a>
+                                    <a href="#none" class="btn primary">신청하기</a>
+                                </div>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="item-checkradio checkradio order-front">
+                                <input type="checkbox" id="itemchk2" class="icon-only" />
+                                <label for="itemchk2">선택</label>
+                            </div>
+                            <div class="img-area">
+                                <figure>
+                                    <img
+                                        src="/resources/front/site/SITE_00000/images/custom/common/img-thumb-cont-none.svg"
+                                        alt="이미지"
+                                    />
+                                </figure>
+                            </div>
+                            <div class="cont">
+                                <div class="txt-area">
+                                    <div class="label-area">
+                                        <span class="label primary">온세종학교</span>
+                                        <span class="label">고1</span>
+                                        <span class="label">수학</span>
+                                    </div>
+                                    <h4 class="item-title">수학과제탐구</h4>
+                                    <ul class="info-inline-list u-block">
+                                        <li>
+                                            <strong class="info-tit">운영시간</strong>
+                                            <div class="txt-area">(목) 7교시 18:30~21:00</div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">지도교사</strong>
+                                            <div class="txt-area">강민설</div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">모집인원/신청자(명)</strong>
+                                            <div class="txt-area"><em>15</em>/3</div>
+                                        </li>
+                                        <li>
+                                            <strong class="info-tit">거점학교(장소)</strong>
+                                            <div class="txt-area">온세종학교</div>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="item-btn-area order-front">
+                                    <a href="#none" class="btn accent">강의계획서 보기</a>
+                                    <a href="#none" class="btn primary">신청하기</a>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                    <div class="btn-cont">
+                        <a href="#none" class="btn lg ico-plus back">더보기</a>
+                    </div>
+            </div>
+        </div>
+        <footer class="site-footer"></footer>
+    </div>
+    <!-- toast -->
+    <div class="toast"></div>
+
+    <!--popup-->
+    <div class="dim"></div>
+
+    <script>
+    </script>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
html/onSejong/manager/class/classWrite.html
--- html/onSejong/manager/class/classWrite.html
+++ html/onSejong/manager/class/classWrite.html
@@ -105,9 +105,8 @@
                                 <tr>
                                     <th scope="row">수업명<i class="required">필수</i></th>
                                     <td>
-                                        <input type="text" class="percent-width1" placeholder="차시 입력">
-                                        <input type="text" class="percent-width8" placeholder="수업명을 입력하세요.">
-                                        <!-- <input type="text" placeholder="제목을 입력하세요." title="제목을 입력하세요." class="q4"> -->
+                                        <input type="text" class="q1" placeholder="차시 입력">
+                                        <input type="text" class="q3" placeholder="수업명을 입력하세요.">
                                     </td>
                                 </tr>
                                 <tr>
@@ -145,7 +144,7 @@
                                                                 <option>요일선택</option>
                                                             </select>
                                                             <select>
-                                                                <option>교시선택</option>
+                                                                <option>시작시간</option>
                                                             </select>
                                                             <div class="time-set">
                                                                 <select title="시작 시">
@@ -296,9 +295,8 @@
                                 <tr>
                                     <th scope="row">수업명<i class="required">필수</i></th>
                                     <td>
-                                        <input type="text" class="percent-width1" placeholder="차시 입력">
-                                        <input type="text" class="percent-width8" placeholder="수업명을 입력하세요.">
-                                        <!-- <input type="text" placeholder="제목을 입력하세요." title="제목을 입력하세요." class="q4"> -->
+                                        <input type="text" class="q1" placeholder="차시 입력">
+                                        <input type="text" class="q3" placeholder="수업명을 입력하세요.">
                                     </td>
                                 </tr>
                                 <tr>
@@ -336,7 +334,7 @@
                                                                 <option>요일선택</option>
                                                             </select>
                                                             <select>
-                                                                <option>교시선택</option>
+                                                                <option>시작시간</option>
                                                             </select>
                                                             <div class="time-set">
                                                                 <select title="시작 시">
@@ -384,32 +382,6 @@
                                         </div>
                                     </td>
                                 </tr>
-                                <!-- <tr>
-                                    <th scope="row">수업자료 파일첨부<i class="required">필수</i></th>
-                                    <td>
-                                        <div class="file-drag-area">
-                                            <input type="file" class="input-file">
-                                            <p>첨부할 파일을 여기에 끌어다 놓거나, 버튼을 눌러 파일을 직접 선택해주세요.<br>
-                                                대용량 파일(최대300MB)을 업로드 할 경우 서비스 적용에 다소 시간이 소요될 수 있습니다.</p>
-                                            <span class="btn ico-upload primary">파일 선택</span>
-                                        </div>
-                                        <div class="item-list-box drag-file-list">
-                                            <div class="item">
-                                                <div class="txt-area">
-                                                    <i class="ico-attach"></i>
-                                                    <p class="txt">
-                                                        첨부파일명.pdf
-                                                    </p>
-                                                    <small>124kb</small>
-                                                </div>
-                                                <div class="item-fnc-area">
-                                                    <a href="#none" class="ico-download">다운로드</a>
-                                                    <button type="button" class="ico-delete">삭제</button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </td>
-                                </tr> -->
                                 <tr>
                                     <th scope="row">공개여부<i class="required">필수</i></th>
                                     <td>
@@ -464,9 +436,8 @@
                                 <tr>
                                     <th scope="row">수업명<i class="required">필수</i></th>
                                     <td>
-                                        <input type="text" class="percent-width1" placeholder="차시 입력">
-                                        <input type="text" class="percent-width8" placeholder="수업명을 입력하세요.">
-                                        <!-- <input type="text" placeholder="제목을 입력하세요." title="제목을 입력하세요." class="q4"> -->
+                                        <input type="text" class="q1" placeholder="차시 입력">
+                                        <input type="text" class="q3" placeholder="수업명을 입력하세요.">
                                     </td>
                                 </tr>
                                 <tr>
@@ -504,7 +475,7 @@
                                                                 <option>요일선택</option>
                                                             </select>
                                                             <select>
-                                                                <option>교시선택</option>
+                                                                <option>시작시간</option>
                                                             </select>
                                                             <div class="time-set">
                                                                 <select title="시작 시">
html/onSejong/manager/class/homework.html
--- html/onSejong/manager/class/homework.html
+++ html/onSejong/manager/class/homework.html
@@ -43,28 +43,6 @@
         <!-- 통합 헤더 및 네비게이션 -->
         <header class="site-header"></header>
         <div class="site-body" id="skipToContents">
-            <!-- <div class="class-top">
-                <div class="wrap">
-                    <div class="class-tit-area">
-                        <select title="클래스명 선택">
-                            <option value="">인공지능수학</option>
-                            <option value="">인공지능수학2</option>
-                            <option value="">인공지능수학3</option>
-                        </select>
-                    </div>
-                    <nav class="class-nav">
-                        <ul>
-                            <li><a href="#none">홈</a></li>
-                            <li><a href="#noe">수업</a></li>
-                            <li><a href="#noe" class="is-active" title="선택됨">과제</a></li>
-                            <li><a href="#noe">평가</a></li>
-                            <li><a href="#noe">공지사항</a></li>
-                            <li><a href="#noe">질의응답</a></li>
-                            <li><a href="#noe">자유게시판</a></li>
-                        </ul>
-                    </nav>
-                </div>
-            </div> -->
             <div class="wrap">
                 <ul class="breadcrumb">
                     <li><a href="#none" class="home">홈</a></li>
@@ -120,13 +98,6 @@
                         </div>
                     </div>
                 </div>
-                <div class="txt-none">
-                    <figure>
-                        <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음"
-                            aria-hidden="true">
-                    </figure>
-                    <p>과제 목록이 비어있습니다.</p>
-                </div>
                 <div class="list-type">
                     <table>
                         <caption>과제 목록</caption>
@@ -154,7 +125,7 @@
                         </thead>
                         <tbody>
                             <tr>
-                                <td>1</td>
+                                <td>3</td>
                                 <td data-tit="과목">국어</td>
                                 <td class=" align-left">
                                     <a href="#none" class="table-title">기말고사 대비 기출 100문제_이것만 다 풀면 100점입니다!!</a>
@@ -182,7 +153,7 @@
                                 </td>
                             </tr>
                             <tr>
-                                <td>1</td>
+                                <td>2</td>
                                 <td data-tit="과목">국어</td>
                                 <td class=" align-left">
                                     <a href="#none" class="table-title">기말고사 대비 기출 100문제_이것만 다 풀면 100점입니다!!</a>
@@ -239,6 +210,13 @@
                         </tbody>
                     </table>
                 </div>
+                <div class="txt-none">
+                    <figure>
+                        <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음"
+                            aria-hidden="true">
+                    </figure>
+                    <p>과제 목록이 비어있습니다.</p>
+                </div>
                 <ul class="pagenation">
                     <li class="ppv">
                         <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
html/onSejong/manager/class/homeworkView.html
--- html/onSejong/manager/class/homeworkView.html
+++ html/onSejong/manager/class/homeworkView.html
@@ -66,7 +66,7 @@
                                     <i class="ico-calendar"></i>
                                     <strong  class="info-tit">등록일</strong>
                                     <div class="txt-area">
-                                        2024.01.01
+                                        2025.01.01
                                     </div>
                                 </li>
                             </ul>
@@ -83,11 +83,10 @@
                             <div class="view-cont-tit-area">
                                 <div class="l-area">
                                     <span class="label primary-inverse">제출기한</span>
-                                    <h4 class="title-sm font-color-primary">2024-11-11(월) ~ 2024-11-15(금)</h4>
+                                    <h4 class="title-sm font-color-primary">2025-11-11(월) ~ 2025-11-15(금)</h4>
                                 </div>
                                 <div class="r-area">
-                                    <a href="#none" class="btn-text primary">문제풀이결과 <i class="ico-circle-chevron-right primary"></i></a>
-                                    <a href="#none" class="btn-text primary">9명 중 <em class="accent">6</em>명 <i class="ico-circle-chevron-right primary"></i></a>
+                                    <a href="#none" class="btn-text primary">9명 중 <em class="accent">6</em>명 제출완료<i class="ico-circle-chevron-right primary"></i></a>
                                 </div>
                             </div>
                             <div class="view-cont-txt-area">
@@ -108,32 +107,6 @@
                                         </div>
                                     </div>
                                     <ul class="reference-list">
-                                        <li class="item">
-                                            <a href="#none" class="lnk-full">상세보기</a>
-                                            <div class="img-weboffice-area">
-                                                <img src="/resources/front/site/SITE_00000/images/custom/ico-img/ico-img-weboffice-hwp.svg" alt="hwp">
-                                            </div>
-                                            <div class="txt-area">
-                                                <div class="label-area order-front">
-                                                    <span class="label-cont-weboffice">웹오피스</span>
-                                                    <span class="label">편집</span>
-                                                </div>
-                                                <div class="txt">파일명.hwp</div>
-                                            </div>
-                                        </li>
-                                    <li class="item">
-                                        <a href="#none" class="lnk-full">상세보기</a>
-                                        <div class="img-weboffice-area">
-                                            <img src="/resources/front/site/SITE_00000/images/custom/ico-img/ico-img-weboffice-hwp.svg" alt="hwp">
-                                        </div>
-                                        <div class="txt-area">
-                                            <div class="label-area order-front">
-                                                <span class="label-cont-weboffice">웹오피스</span>
-                                                <span class="label">보기</span>
-                                            </div>
-                                            <div class="txt">파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명.hwp</div>
-                                        </div>
-                                    </li>
                                         <li class="item">
                                             <a href="#none" class="lnk-full">상세보기</a>
                                             <div class="img-area">
@@ -177,10 +150,7 @@
                                             </div>
                                             <div class="txt-area">
                                                 <div class="label-area order-front">
-                                                    <span class="label-cont-quiz">문항</span>
-                                                    <button type="button" class="label"><i class="ico-link-item"></i>세트문항</button>
-                                                    <span class="label">서술형</span>
-                                                    <span class="label green">매우 쉬움</span>
+                                                    <span class="label-cont-doc">문서</span>
                                                 </div>
                                                 <div class="txt">[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면</div>
                                             </div>
@@ -287,7 +257,6 @@
                 </section>
                 <div class="btn-cont">
                     <a href="#none" class="btn lg">목록으로</a>
-                    <a href="#none" class="btn lg primary">과제 제출하기</a>
                 </div>
             </div>
         </div>
html/onSejong/manager/class/homeworkWrite.html
--- html/onSejong/manager/class/homeworkWrite.html
+++ html/onSejong/manager/class/homeworkWrite.html
@@ -84,7 +84,7 @@
                                         <fieldset>
                                             <legend>제출 기간</legend>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio" id="r1">
+                                                <input type="radio" name="radio" id="r1" checked>
                                                 <label for="r1">기한없음</label>
                                             </div>
                                             <div class="checkradio">
@@ -118,91 +118,69 @@
                                     <td>
                                         <fieldset class="checkradio-area">
                                             <legend>채점 방식 선택</legend>
-                                            <ul class="bullet-none">
-                                                <li>
-                                                    <div class="checkradio">
-                                                        <input type="radio" name="r3" id="r3-1" checked>
-                                                        <label for="r3-1">점수채점</label>
-                                                        <div class="checkradio-option">
-                                                            <select title="모둠 선택1" class="sm">
-                                                                <option>점수 선택</option>
-                                                            </select>
-                                                            <select title="모둠 선택2" class="sm">
-                                                                <option>점수 선택</option>
-                                                            </select>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                                <li>
-                                                    <div class="checkradio">
-                                                        <input type="radio" name="r3" id="r3-2">
-                                                        <label for="r3-2">루브릭</label>
-                                                        <div class="checkradio-option">
-                                                            <select title="모둠 선택1" class="sm">
-                                                                <option>루브릭 선택</option>
-                                                            </select>
-                                                            <select title="모둠 선택2" class="sm">
-                                                                <option>루브릭선택</option>
-                                                            </select>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                                <li>
-                                                    <div class="checkradio">
-                                                        <input type="radio" name="r3" id="r3-3">
-                                                        <label for="r3-3">미채점</label>
-                                                    </div>
-                                                </li>
-                                            </ul>
+                                            <div class="checkradio">
+                                                <input type="radio" name="r3" id="r3-1" checked>
+                                                <label for="r3-1">점수채점</label>
+                                                <fieldset class="checkradio-option">
+                                                    <select title="점수 선택">
+                                                        <option>점수 선택</option>
+                                                    </select>
+                                                </fieldset>
+                                            </div>
+                                            <div class="checkradio">
+                                                <input type="radio" name="r3" id="r3-2">
+                                                <label for="r3-2">루브릭</label>
+                                                <fieldset  class="checkradio-option">
+                                                    <select title="루브릭 선택">
+                                                        <option>루브릭 선택</option>
+                                                    </select>
+                                                </fieldset>
+                                            </div>
+                                            <div class="checkradio">
+                                                <input type="radio" name="r3" id="r3-3">
+                                                <label for="r3-3">미채점</label>
+                                            </div>
                                         </fieldset>
                                     </td>
                                 </tr>
                                 <tr>
                                     <th scope="row">제출 대상<i class="required">필수</i></th>
                                     <td>
-                                        <fieldset>
-                                            <legend>제출 대상</legend>
-                                            <ul class="bullet-none">
-                                                <li>
-                                                    <div class="checkradio">
-                                                        <input type="radio" name="r4" id="r4-1">
-                                                        <label for="r4-1">수강생 전체</label>
-                                                    </div>
-                                                </li>
-                                                <li>
-                                                    <div class="checkradio">
-                                                        <input type="radio" name="r4" id="r4-2">
-                                                        <label for="r4-2">선택입력</label>
-                                                        <div class="checkradio-option">
-                                                            <button class="btn sm secondary">수강생 선택</button>
-                                                            <span>135명</span>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                                <li>
-                                                    <div class="checkradio">
-                                                        <input type="radio" name="r4" id="r4-3" checked>
-                                                        <label for="r4-3">그룹 선택</label>
-                                                        <div class="checkradio-option">
-                                                            <select title="그룹 선택1" class="sm">
-                                                                <option>그룹 선택</option>
-                                                            </select>
-                                                        </div>
-                                                    </div>
-                                                    <div class="item-add-area">
-                                                        <div class="chip-area">
-                                                            <span class="chip-tag">
-                                                                추가된 모둠명1
-                                                                <button type="button" class="ico-delete">삭제</button>
-                                                            </span>
-                                                            <span class="chip-tag">
-                                                                추가된 모둠명2
-                                                                <button type="button" class="ico-delete">삭제</button>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </li>
-                                            </ul>
+                                        <fieldset class="checkradio-area dir-col">
+                                            <legend>풀이대상 선택</legend>
+                                            <div class="checkradio">
+                                                <input type="radio" name="r4" id="r4-1">
+                                                <label for="r4-1">전체 수강생</label>
+                                            </div>
+                                            <div class="checkradio">
+                                                <input type="radio" name="r4" id="r4-2">
+                                                <label for="r4-2">선택입력</label>
+                                                <div class="checkradio-option">
+                                                    <button class="btn sm secondary">수강생선택</button>
+                                                    <span>135명</span>
+                                                </div>
+                                            </div>
+                                            <div class="checkradio">
+                                                <input type="radio" name="r4" id="r4-3" checked>
+                                                <label for="r4-3">그룹 선택</label>
+                                                <div class="checkradio-option">
+                                                    <select title="그룹 선택1" class="sm">
+                                                        <option>그룹 선 택</option>
+                                                    </select>
+                                                </div>
+                                            </div>
+                                            <div class="item-add-area">
+                                                <div class="chip-area">
+                                                    <span class="chip-tag">
+                                                        추가된 그룹명1
+                                                        <button type="button" class="ico-delete">삭제</button>
+                                                    </span>
+                                                    <span class="chip-tag">
+                                                        추가된 그룹명2
+                                                        <button type="button" class="ico-delete">삭제</button>
+                                                    </span>
+                                                </div>
+                                            </div>
                                         </fieldset>
                                     </td>
                                 </tr>
@@ -307,6 +285,22 @@
                                     </td>
                                 </tr>
                                 <tr>
+                                    <th scope="row">과제물 유형 <i class="required">필수수</i></th>
+                                    <td>
+                                        <fieldset class="checkradio-area">
+                                            <legend>과제물 유형형</legend>
+                                            <div class="checkradio">
+                                                <input type="radio" name="radio5" id="radio5-1" checked>
+                                                <label for="radio5-1">일반적인 게시물</label>
+                                            </div>
+                                            <div class="checkradio">
+                                                <input type="radio" name="radio5" id="radio5-2">
+                                                <label for="radio5-2">항목으로 지정된 형식</label>
+                                            </div>
+                                        </fieldset>
+                                    </td>
+                                </tr>
+                                <tr>
                                     <th scope="row">과제물 선택</th>
                                     <td>
                                         <div class="file-drag-area">
@@ -330,22 +324,6 @@
                                                 </div>
                                             </div>
                                         </div>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">과제물 유형 <i class="required">필수수</i></th>
-                                    <td>
-                                        <fieldset class="checkradio-area">
-                                            <legend>과제물 유형형</legend>
-                                            <div class="checkradio">
-                                                <input type="radio" name="radio5" id="radio5-1" checked>
-                                                <label for="radio5-1">일반적인 게시물</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="radio" name="radio5" id="radio5-2">
-                                                <label for="radio5-2">항목으로 지정된 형식</label>
-                                            </div>
-                                        </fieldset>
                                     </td>
                                 </tr>
                             </tbody>
@@ -372,7 +350,7 @@
                                                 </div>
                                                 <div class="a-cont">
                                                     <div class="a-txt">
-                                                        <input type="text" placeholder="질문을 입력하세요.">
+                                                        <input type="text" placeholder="명칭이나 질문을 입력하세요.">
                                                     </div>
                                                 </div>
                                                 <div class="a-fnc">
@@ -386,7 +364,7 @@
                                                 </div>
                                                 <div class="a-cont">
                                                     <div class="a-txt">
-                                                        <input type="text" placeholder="질문을 입력하세요.">
+                                                        <input type="text" placeholder="명칭이나 질문을 입력하세요.">
                                                     </div>
                                                 </div>
                                                 <div class="a-fnc">
html/onSejong/manager/class/notice.html
--- html/onSejong/manager/class/notice.html
+++ html/onSejong/manager/class/notice.html
@@ -53,22 +53,26 @@
                         <div class="l-area">
                             <h2 class="title-xlg">인공지능수학</h2>
                         </div>
-                        <div class="r-area">
-                            <div class="btn-group">
-                                <button class="btn ico-code-scan">출석QR코드</button>
-                                <button class="btn ico-people">멤버관리</button>
-                            </div>
-                        </div>
                     </div>
                     <ul class="tabs-nav-lg">
                         <li><a href="#none">홈</a></li>
                         <li><a href="#none">수업</a></li>
                         <li><a href="#none">과제</a></li>
-                        <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" class="is-active">공지사항</a></li>
                         <li><a href="#none">질의응답</a></li>
                         <li><a href="#none">자유게시판(팀프로젝트)</a></li>
                     </ul>
+                    <div class="section-tit-area">
+                    <div class="l-area">
+                        <h3 class="title-lg">공지사항</h3>
+                    </div>
+                    <div class="r-area">
+                        <div class="btn-group">
+                            <a href="#none" class="btn lg cta ico-plus">글쓰기</a>
+                        </div>
+                    </div>
+                </div>
                     <div class="fnc-extend-area">
                         <div class="extend-default-area">
                             <div class="l-area">
@@ -88,27 +92,55 @@
                                 </fieldset>
                             </div>
                         </div>
-                        <div class="extend-filter-area">
-                            <div class="l-area">
-                                <fieldset class="filter-group">
-                                    <legend>필터 선택</legend>
-                                    <label class="chip"
-                                        ><input type="radio" name="chipC" checked="" /><span>전체</span></label
-                                    >
-                                    <label class="chip"><input type="radio" name="chipC" /><span>포털</span></label>
-                                    <label class="chip"><input type="radio" name="chipC" /><span>다채움</span></label>
-                                    <label class="chip"><input type="radio" name="chipC" /><span>체인지</span></label>
-                                </fieldset>
-                            </div>
-                            <div class="r-area"></div>
-                        </div>
                     </div>
                     <ul class="box-list">
                         <li>
                             <a href="#none" class="lnk-full">상세보기</a>
                             <div class="labl-area">
-                                <span class="label blue">다채움</span>
+                                <span class="label primary">고정</span>
                             </div>
+                            <h3>일부 브라우저에서 듣기평가 음성이 재생되지 않는 현상이 있습니다.</h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2025.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                오디오 재생 버튼을 클릭하여 듣기평가가 정상적으로 작동하는지 먼저 확인해 주세요. 오디오
+                                재생이 정상적으로 이루어 지지 않을 경우 먼저 오디오의 소리가 커져 있는지 확인하고 불률이
+                                적절한 높이로 설정되어 있는지 확인이 필요합니다.
+                            </div>
+                        </li>
+                        <li>
+                            <a href="#none" class="lnk-full">상세보기</a>
+                            <div class="labl-area">
+                                <span class="label primary">고정</span>
+                            </div>
+                            <h3>창의적 사고가 필요한 이유 3가지 : 다양한 경험의 중요성</h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2025.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                창의적 사고가 필요한 이유는, 어느 중요한 순간에 써먹기 위한 것이 아니라 평소 일상을
+                                다르게 느끼고 매일매일 새로운 발견에 심취하기 위해서 이며, 창의적 사고가 필요한 이유는,
+                                어느 중요한 순간에 써먹기 위한 것이 아니라 평소 일상을 다르게 느끼고 매일매일 새로운
+                                발견에 심취하기 위해서 이며,
+                            </div>
+                        </li>
+                        <li>
+                            <a href="#none" class="lnk-full">상세보기</a>
                             <h3>
                                 창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의
                                 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
@@ -117,87 +149,7 @@
                             <ul class="info-inline-list no-style">
                                 <li>
                                     <i class="ico-calendar"></i>
-                                    <div class="txt-area">2024.07.01</div>
-                                </li>
-                                <li>
-                                    <i class="ico-visibility"></i>
-                                    <div class="txt-area">134</div>
-                                </li>
-                            </ul>
-                            <div class="txt-area editor-img-none">
-                                <img
-                                    src="../../../../../resources/front/site/SITE_00002/images/custom/main/visual1.png"
-                                    alt="메인 배너"
-                                />
-                                창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
-                                축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의
-                                전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해
-                                창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
-                                연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
-                                전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이
-                                본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라
-                            </div>
-                        </li>
-                        <li>
-                            <a href="#none" class="lnk-full">상세보기</a>
-                            <div class="labl-area">
-                                <span class="label green">체인지</span>
-                            </div>
-                            <h3>창의성은 기억에서 나온다</h3>
-                            <ul class="info-inline-list no-style">
-                                <li>
-                                    <i class="ico-calendar"></i>
-                                    <div class="txt-area">2024.07.01</div>
-                                </li>
-                                <li>
-                                    <i class="ico-visibility"></i>
-                                    <div class="txt-area">134</div>
-                                </li>
-                            </ul>
-                            <div class="txt-area editor-img-none">
-                                <img
-                                    src="../../../../../resources/front/site/SITE_00002/images/custom/main/visual1.png"
-                                    alt="메인 배너"
-                                />
-                                <a
-                                    href="/cop/bbs/selectBoardArticle.do?nttNo=61&amp;bbsId=BBSMSTR_000000000001&amp;fromMain=Y"
-                                    target="_blank"
-                                >
-                                    <p>
-                                        다채움 2.0 영상 매뉴얼(교사용, 학생용, 학부모용)과 따라하기
-                                        가이드북(학생용)입니다.
-                                    </p>
-                                    <p>1. 다채움 2.0 영상 매뉴얼(교사용) https://www.youtube.com/watch?v=x3CKYd6KA6o</p>
-                                </a>
-                                <p>
-                                    <a
-                                        href="/cop/bbs/selectBoardArticle.do?nttNo=61&amp;bbsId=BBSMSTR_000000000001&amp;fromMain=Y"
-                                        target="_blank"
-                                        >2.&nbsp;다채움 2.0 영상 매뉴얼(학생용)&nbsp;</a
-                                    ><a href="https://www.youtube.com/watch?v=Mx_nWeb7Q44"
-                                        >https://www.youtube.com/watch?v=Mx_nWeb7Q44</a
-                                    >
-                                </p>
-                                <p>
-                                    3.&nbsp;다채움 2.0 영상 매뉴얼(학부모용) https://www.youtube.com/watch?v=REW16hOCo5k
-                                </p>
-                                <p>4. 다채움 2.0 따라하기 가이드북(학생용) - 첨부파일 참고</p>
-                            </div>
-                        </li>
-                        <li>
-                            <a href="#none" class="lnk-full">상세보기</a>
-                            <div class="labl-area">
-                                <span class="label yellow">포털</span>
-                            </div>
-                            <h3>
-                                창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의
-                                중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
-                                경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
-                            </h3>
-                            <ul class="info-inline-list no-style">
-                                <li>
-                                    <i class="ico-calendar"></i>
-                                    <div class="txt-area">2024.07.01</div>
+                                    <div class="txt-area">2025.07.01</div>
                                 </li>
                                 <li>
                                     <i class="ico-visibility"></i>
@@ -216,9 +168,45 @@
                         </li>
                         <li>
                             <a href="#none" class="lnk-full">상세보기</a>
-                            <div class="labl-area">
-                                <span class="label red">늘봄</span>
+                            <h3>일부 브라우저에서 듣기평가 음성이 재생되지 않는 현상이 있습니다.</h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2025.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                오디오 재생 버튼을 클릭하여 듣기평가가 정상적으로 작동하는지 먼저 확인해 주세요. 오디오
+                                재생이 정상적으로 이루어 지지 않을 경우 먼저 오디오의 소리가 커져 있는지 확인하고 불률이
+                                적절한 높이로 설정되어 있는지 확인이 필요합니다.
                             </div>
+                        </li>
+                        <li>
+                            <a href="#none" class="lnk-full">상세보기</a>
+                            <h3>창의적 사고가 필요한 이유 3가지 : 다양한 경험의 중요성</h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2025.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                창의적 사고가 필요한 이유는, 어느 중요한 순간에 써먹기 위한 것이 아니라 평소 일상을
+                                다르게 느끼고 매일매일 새로운 발견에 심취하기 위해서 이며, 창의적 사고가 필요한 이유는,
+                                어느 중요한 순간에 써먹기 위한 것이 아니라 평소 일상을 다르게 느끼고 매일매일 새로운
+                                발견에 심취하기 위해서 이며,
+                            </div>
+                        </li>
+                        <li>
+                            <a href="#none" class="lnk-full">상세보기</a>
                             <h3>
                                 창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의
                                 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
@@ -227,7 +215,7 @@
                             <ul class="info-inline-list no-style">
                                 <li>
                                     <i class="ico-calendar"></i>
-                                    <div class="txt-area">2024.07.01</div>
+                                    <div class="txt-area">2025.07.01</div>
                                 </li>
                                 <li>
                                     <i class="ico-visibility"></i>
@@ -245,234 +233,70 @@
                             </div>
                         </li>
                         <li>
-                            <a href="#none">
-                                <div class="labl-area">
-                                    <span class="label blue">다채움</span>
-                                </div>
-                                <h3>
-                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
-                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
-                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
-                                </h3>
-                                <ul class="info-inline-list no-style">
-                                    <li>
-                                        <i class="ico-calendar"></i>
-                                        <div class="txt-area">2024.07.01</div>
-                                    </li>
-                                    <li>
-                                        <i class="ico-visibility"></i>
-                                        <div class="txt-area">134</div>
-                                    </li>
-                                </ul>
-                                <div class="txt-area editor-img-none">
-                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
-                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
-                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
-                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
-                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
-                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
-                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
-                                    전유물이 아니라
-                                </div>
-                            </a>
+                            <a href="#none" class="lnk-full">상세보기</a>
+                            <h3>일부 브라우저에서 듣기평가 음성이 재생되지 않는 현상이 있습니다.</h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2025.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                오디오 재생 버튼을 클릭하여 듣기평가가 정상적으로 작동하는지 먼저 확인해 주세요. 오디오
+                                재생이 정상적으로 이루어 지지 않을 경우 먼저 오디오의 소리가 커져 있는지 확인하고 불률이
+                                적절한 높이로 설정되어 있는지 확인이 필요합니다.
+                            </div>
                         </li>
                         <li>
-                            <a href="#none">
-                                <div class="labl-area">
-                                    <span class="label green">체인지</span>
-                                </div>
-                                <h3>창의성은 기억에서 나온다</h3>
-                                <ul class="info-inline-list no-style">
-                                    <li>
-                                        <i class="ico-calendar"></i>
-                                        <div class="txt-area">2024.07.01</div>
-                                    </li>
-                                    <li>
-                                        <i class="ico-visibility"></i>
-                                        <div class="txt-area">134</div>
-                                    </li>
-                                </ul>
-                                <div class="txt-area">창의성은 단순히 천재들의 전유물이 아닙니다.</div>
-                            </a>
+                            <a href="#none" class="lnk-full">상세보기</a>
+                            <h3>창의적 사고가 필요한 이유 3가지 : 다양한 경험의 중요성</h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2025.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                창의적 사고가 필요한 이유는, 어느 중요한 순간에 써먹기 위한 것이 아니라 평소 일상을
+                                다르게 느끼고 매일매일 새로운 발견에 심취하기 위해서 이며, 창의적 사고가 필요한 이유는,
+                                어느 중요한 순간에 써먹기 위한 것이 아니라 평소 일상을 다르게 느끼고 매일매일 새로운
+                                발견에 심취하기 위해서 이며,
+                            </div>
                         </li>
                         <li>
-                            <a href="#none">
-                                <div class="labl-area">
-                                    <span class="label yellow">포털</span>
-                                </div>
-                                <h3>
-                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
-                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
-                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
-                                </h3>
-                                <ul class="info-inline-list no-style">
-                                    <li>
-                                        <i class="ico-calendar"></i>
-                                        <div class="txt-area">2024.07.01</div>
-                                    </li>
-                                    <li>
-                                        <i class="ico-visibility"></i>
-                                        <div class="txt-area">134</div>
-                                    </li>
-                                </ul>
-                                <div class="txt-area editor-img-none">
-                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
-                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
-                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
-                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
-                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
-                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
-                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
-                                    전유물이 아니라
-                                </div>
-                            </a>
-                        </li>
-                        <li>
-                            <a href="#none">
-                                <div class="labl-area">
-                                    <span class="label red">늘봄</span>
-                                </div>
-                                <h3>
-                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
-                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
-                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
-                                </h3>
-                                <ul class="info-inline-list no-style">
-                                    <li>
-                                        <i class="ico-calendar"></i>
-                                        <div class="txt-area">2024.07.01</div>
-                                    </li>
-                                    <li>
-                                        <i class="ico-visibility"></i>
-                                        <div class="txt-area">134</div>
-                                    </li>
-                                </ul>
-                                <div class="txt-area editor-img-none">
-                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
-                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
-                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
-                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
-                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
-                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
-                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
-                                    전유물이 아니라
-                                </div>
-                            </a>
-                        </li>
-                        <li>
-                            <a href="#none">
-                                <div class="labl-area">
-                                    <span class="label blue">다채움</span>
-                                </div>
-                                <h3>
-                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
-                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
-                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
-                                </h3>
-                                <ul class="info-inline-list no-style">
-                                    <li>
-                                        <i class="ico-calendar"></i>
-                                        <div class="txt-area">2024.07.01</div>
-                                    </li>
-                                    <li>
-                                        <i class="ico-visibility"></i>
-                                        <div class="txt-area">134</div>
-                                    </li>
-                                </ul>
-                                <div class="txt-area editor-img-none">
-                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
-                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
-                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
-                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
-                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
-                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
-                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
-                                    전유물이 아니라
-                                </div>
-                            </a>
-                        </li>
-                        <li>
-                            <a href="#none">
-                                <div class="labl-area">
-                                    <span class="label green">체인지</span>
-                                </div>
-                                <h3>창의성은 기억에서 나온다</h3>
-                                <ul class="info-inline-list no-style">
-                                    <li>
-                                        <i class="ico-calendar"></i>
-                                        <div class="txt-area">2024.07.01</div>
-                                    </li>
-                                    <li>
-                                        <i class="ico-visibility"></i>
-                                        <div class="txt-area">134</div>
-                                    </li>
-                                </ul>
-                                <div class="txt-area">창의성은 단순히 천재들의 전유물이 아닙니다.</div>
-                            </a>
-                        </li>
-                        <li>
-                            <a href="#none">
-                                <div class="labl-area">
-                                    <span class="label yellow">포털</span>
-                                </div>
-                                <h3>
-                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
-                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
-                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
-                                </h3>
-                                <ul class="info-inline-list no-style">
-                                    <li>
-                                        <i class="ico-calendar"></i>
-                                        <div class="txt-area">2024.07.01</div>
-                                    </li>
-                                    <li>
-                                        <i class="ico-visibility"></i>
-                                        <div class="txt-area">134</div>
-                                    </li>
-                                </ul>
-                                <div class="txt-area editor-img-none">
-                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
-                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
-                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
-                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
-                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
-                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
-                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
-                                    전유물이 아니라
-                                </div>
-                            </a>
-                        </li>
-                        <li>
-                            <a href="#none">
-                                <div class="labl-area">
-                                    <span class="label red">늘봄</span>
-                                </div>
-                                <h3>
-                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
-                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
-                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
-                                </h3>
-                                <ul class="info-inline-list no-style">
-                                    <li>
-                                        <i class="ico-calendar"></i>
-                                        <div class="txt-area">2024.07.01</div>
-                                    </li>
-                                    <li>
-                                        <i class="ico-visibility"></i>
-                                        <div class="txt-area">134</div>
-                                    </li>
-                                </ul>
-                                <div class="txt-area editor-img-none">
-                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
-                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
-                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
-                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
-                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
-                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
-                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
-                                    전유물이 아니라
-                                </div>
-                            </a>
+                            <a href="#none" class="lnk-full">상세보기</a>
+                            <h3>
+                                창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의
+                                중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
+                                경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
+                            </h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2025.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
+                                축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의
+                                전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해
+                                창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
+                                연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
+                                전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이
+                                본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라
+                            </div>
                         </li>
                     </ul>
                     <ul class="pagenation">
html/onSejong/manager/class/pop_addArchive.html
--- html/onSejong/manager/class/pop_addArchive.html
+++ html/onSejong/manager/class/pop_addArchive.html
@@ -80,16 +80,6 @@
                     </thead>
                     <tbody>
                         <tr>
-                            <td colspan="6">
-                                <div class="txt-none">
-                                    <figure>
-                                        <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
-                                    </figure>
-                                    <p>나의 보관함에 콘텐츠가 없어요.</p>
-                                </div>
-                            </td>
-                        </tr>
-                        <tr>
                             <td>
                                 <input type="checkbox" class="icon-only" id="chk1">
                                 <label for="chk1">선택</label>
@@ -97,13 +87,17 @@
                             <td><span class="label-cont-video">영상</span></td>
                             <td class="align-left">
                                 <a href="#none" class="table-title">
+                                    <i class="ico-lock"></i>
                                     콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 
-                                    <span class="table-info"><i class="ico-lock"></i></span>
                                 </a>
                             </td>
                             <td>2025-09-10</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -116,7 +110,11 @@
                             </td>
                             <td>2025-09-05</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -129,7 +127,11 @@
                             </td>
                             <td>2025-09-10</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -142,7 +144,11 @@
                             </td>
                             <td>2025-09-07</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -155,7 +161,11 @@
                             </td>
                             <td>2025-09-10</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -165,18 +175,27 @@
                             <td><span class="label-cont-video">영상</span></td>
                             <td class=" align-left">
                                 <a href="#none" class="table-title">
+                                    <i class="ico-lock"></i>
                                     콘텐츠 제목 표시
-                                    <span class="table-info"><i class="ico-lock"></i></span>
                                 </a>
                             </td>
                             <td>2025-09-10</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
-                        
                     </tbody>
                 </table>
             </div>
+            <div class="txt-none">
+                <figure>
+                    <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
+                </figure>
+                <p>나의 보관함에 콘텐츠가 없어요.</p>
+            </div>
             <ul class="pagenation">
                 <li class="ppv">
                     <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
html/onSejong/manager/class/pop_addArchive_assessment.html
--- html/onSejong/manager/class/pop_addArchive_assessment.html
+++ html/onSejong/manager/class/pop_addArchive_assessment.html
@@ -101,7 +101,11 @@
                             </td>
                             <td>홍길동</td>
                             <td>2025-09-10</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -113,7 +117,11 @@
                             </td>
                             <td>홍길동</td>
                             <td>2025-09-05</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                     </tbody>
                 </table>
html/onSejong/manager/class/pop_loadClass.html
--- html/onSejong/manager/class/pop_loadClass.html
+++ html/onSejong/manager/class/pop_loadClass.html
@@ -76,52 +76,106 @@
                     <tbody>
                         <tr>
                             <td>대면수업</td>
-                            <td>수업명 표시</td>
+                            <td class="align-left">
+                                <a href="#none" class="table-title">
+                                    수업명 표시
+                                </a>
+                            </td>
                             <td>홍길동(teacher1)</td>
                             <td>2025-09-10</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <button type="button" class="btn sm primary">추가</button>
+                            </td>
                         </tr>
                         <tr>
                             <td>영상수업</td>
-                            <td>수업명 표시</td>
+                            <td class="align-left">
+                                <a href="#none" class="table-title">
+                                    수업명 표시
+                                </a>
+                            </td>
                             <td>홍길동(teacher1)</td>
                             <td>2025-09-10</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>화상수업</td>
-                            <td>수업명 표시</td>
+                            <td class="align-left">
+                                <a href="#none" class="table-title">
+                                    수업명 표시
+                                </a>
+                            </td>
                             <td>홍길동(teacher1)</td>
                             <td>2025-09-10</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>공동문서편집</td>
-                            <td>수업명 표시</td>
+                            <td class="align-left">
+                                <a href="#none" class="table-title">
+                                    수업명 표시
+                                </a>
+                            </td>
                             <td>홍길동(teacher1)</td>
                             <td>2025-09-10</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>대면수업</td>
-                            <td>수업명 표시</td>
+                            <td class="align-left">
+                                <a href="#none" class="table-title">
+                                    수업명 표시
+                                </a>
+                            </td>
                             <td>홍길동(teacher1)</td>
                             <td>2025-09-10</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>영상수업</td>
-                            <td>수업명 표시</td>
+                            <td class="align-left">
+                                <a href="#none" class="table-title">
+                                    수업명 표시
+                                </a>
+                            </td>
                             <td>홍길동(teacher1)</td>
                             <td>2025-09-10</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>화상수업</td>
-                            <td>수업명 표시</td>
+                            <td class="align-left">
+                                <a href="#none" class="table-title">
+                                    수업명 표시
+                                </a>
+                            </td>
                             <td>홍길동(teacher1)</td>
                             <td>2025-09-10</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                     </tbody>
                 </table>
html/onSejong/manager/class/pop_loadHomework.html
--- html/onSejong/manager/class/pop_loadHomework.html
+++ html/onSejong/manager/class/pop_loadHomework.html
@@ -57,15 +57,15 @@
             </div>
             <div class="list-type">
                 <table>
-                    <caption>스스로 학습 출발점 선택 목록으로 no, 영역, 학습주제, 정답률, 맞힌문항으로 구성되어 있습니다.</caption>
-                        <col style="width: 40%;">
+                    <caption>과제 정보</caption>
+                        <col style="width: 55%;">
                         <col>
                         <col>
                         <col>
                     </colgroup>
                     <thead>
                         <tr>
-                            <th scope="col">수업명</th>
+                            <th scope="col">과제명</th>
                             <th scope="col">작성자</th>
                             <th scope="col">업로드일</th>
                             <th scope="col">선택</th>
@@ -73,16 +73,32 @@
                     </thead>
                     <tbody>
                         <tr>
-                            <td>과제명 표시</td>
+                            <td class="align-left">
+                                <a href="#none" class="table-title">
+                                    과제명 표시
+                                </a>
+                            </td>
                             <td>홍길동(teacher1)</td>
                             <td>2025-09-10</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
-                            <td>과제명 표시</td>
+                            <td class="align-left">
+                                <a href="#none" class="table-title">
+                                    과제명 표시
+                                </a>
+                            </td>
                             <td>홍길동(teacher1)</td>
                             <td>2025-09-10</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                     </tbody>
                 </table>
html/onSejong/manager/class/pop_searchContents.html
--- html/onSejong/manager/class/pop_searchContents.html
+++ html/onSejong/manager/class/pop_searchContents.html
@@ -55,12 +55,6 @@
                     </fieldset>
                 </div>
             </div>
-            <div class="txt-none">
-                <figure>
-                    <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
-                </figure>
-                <p>나의 보관함에 콘텐츠가 없어요.</p>
-            </div>
             <div class="list-type">
                 <table>
                     <caption>나의 보관함 목록으로 수업유형, 수업명, 작성자, 업로드일, 선택으로 구성되어 있습니다.</caption>
@@ -93,13 +87,18 @@
                             <td><span class="label-cont-video">영상</span></td>
                             <td class="align-left">
                                 <a href="#none" class="table-title">
+                                    <i class="ico-lock"></i>
                                     콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 
-                                    <span class="table-info"><i class="ico-lock"></i></span>
+                                    <span class="table-info"></span>
                                 </a>
                             </td>
                             <td>2025-09-10</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -112,7 +111,11 @@
                             </td>
                             <td>2025-09-05</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -125,7 +128,11 @@
                             </td>
                             <td>2025-09-10</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -138,7 +145,11 @@
                             </td>
                             <td>2025-09-07</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -151,7 +162,11 @@
                             </td>
                             <td>2025-09-10</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
                             <td>
@@ -161,18 +176,28 @@
                             <td><span class="label-cont-video">영상</span></td>
                             <td class=" align-left">
                                 <a href="#none" class="table-title">
+                                    <i class="ico-lock"></i>
                                     콘텐츠 제목 표시
-                                    <span class="table-info"><i class="ico-lock"></i></span>
+                                    <span class="table-info"></span>
                                 </a>
                             </td>
                             <td>2025-09-10</td>
                             <td>홍길동</td>
-                            <td><button type="button" class="btn primary">추가</button></td>
+                            <td>
+                                <div class="btn-tbl-cont">
+                                    <button type="button" class="btn sm primary">추가</button>
+                                </div>
+                            </td>
                         </tr>
-                        
                     </tbody>
                 </table>
             </div>
+            <div class="txt-none">
+                <figure>
+                    <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
+                </figure>
+                <p>나의 보관함에 콘텐츠가 없어요.</p>
+            </div>
             <ul class="pagenation">
                 <li class="ppv">
                     <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
Add a comment
List