이화경 이화경 10-14
문항, 평가지 퍼블 추가
@a940f244eb625e870b701dd48c123d623b4278b1
html/onSejong/index.html
--- html/onSejong/index.html
+++ html/onSejong/index.html
@@ -677,7 +677,7 @@
                                 </li>
                             </ul>
                         </li>
-                        <li class="working">
+                        <li>
                             나의보관함
                             <ul>
                                 <li>
@@ -711,20 +711,12 @@
                                     </ul>
                                 </li>
                                 <li>
-                                    상세보기
-                                    <ul>
-                                        <li>영상,manager/mystorage/videoView.html</li>
-                                        <li class="before">이미지</li>
-                                        <li class="before">문서</li>
-                                    </ul>
-                                </li>
-                                <li>
                                     새로 만들기
-                                    <ul class="before">
-                                        <li>[팝업]새로만들기</li>
-                                        <li>콘텐츠 만들기</li>
-                                        <li>문항 만들기</li>
-                                        <li>평가지 만들기</li>
+                                    <ul>
+                                        <li class="working">[팝업]새로만들기,manager/mystorage/pop_attend.html</li>
+                                        <li class="working">콘텐츠 만들기,manager/mystorage/contentsWrite.html</li>
+                                        <li class="design">문항 만들기,manager/mystorage/quizWrite.html</li>
+                                        <li class="design">평가지 만들기,manager/mystorage/testWrite.html</li>
                                     </ul>
                                 </li>
                             </ul>
html/onSejong/manager/class/pop_addArchive_assessment.html
--- html/onSejong/manager/class/pop_addArchive_assessment.html
+++ html/onSejong/manager/class/pop_addArchive_assessment.html
@@ -77,16 +77,6 @@
 						</thead>
 						<tbody>
 							<tr>
-								<td colspan="5">
-									<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>
@@ -124,6 +114,12 @@
 						</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/myclass/contentList.html (added)
+++ html/onSejong/manager/myclass/contentList.html
@@ -0,0 +1,174 @@
+<!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-->
+		<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-->
+		<!-- 공통 메뉴 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">
+					<div class="site-cont">
+						<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"><button class="btn lg cta ico-plus">과정 개설하기</button></div>
+						</div>
+						<ul class="tabs-nav-lg">
+							<li><a href="#none" class="is-active" title="선택됨">진행중</a></li>
+							<li><a href="#none">진행예정</a></li>
+							<li><a href="#none">진행완료</a></li>
+						</ul>
+						<div class="fnc-area">
+							<div class="l-area">
+								<p>
+									Total<em>156</em>건
+								</p>
+							</div>
+							<div class="r-area">
+                                <fieldset class="search-area">
+                                    <legend>검색</legend>
+                                    <div class="search">
+                                        <input type="text" placeholder="콘텐츠 제목으로 검색하세요." title="콘텐츠 제목으로 검색하세요." />
+                                        <button class="btn ico-search">검색</button>
+                                    </div>
+                                </fieldset>
+                            </div>
+						</div>
+						<div class="list-type">
+							<table>
+								<caption>과제 목록</caption>
+								<colgroup>
+									<col style="width: 64px" />
+									<col style="width: 80px" />
+									<col />
+									<col style="width: 120px" />
+									<col style="width: 120px" />
+									<col style="width: 200px" />
+									<col style="width: 120px" />
+									<col style="width: 48px" />
+								</colgroup>
+								<thead>
+									<tr>
+										<th scope="col">번호</th>
+										<th scope="col">수강구분</th>
+										<th scope="col">과정명</th>
+										<th scope="col">대상학년</th>
+										<th scope="col">과목/전공</th>
+                                        <th scope="col">수업시간</th>
+										<th scope="col">
+											수강인원
+											<br />
+											<small class="txt-option block">(청강인원)/총인원</small>
+										</th>
+										<th scope="col">관리</th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr>
+										<td>3</td>
+										<td data-tit="과목">온세종학교</td>
+										<td class="align-left">
+											<a href="#none" class="table-title">인공지능 수학 1</a>
+										</td>
+                                        <td>중3</td>
+                                        <td>수학</td>
+										<td data-tit="제출기한">
+                                            (수)  18:00~19:40 <br>
+                                            (목)  18:00~19:40
+										</td>
+										<td data-tit="등록일">-(-)/25</td>
+										<td>
+											<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>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<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">
+								<span title="현재 페이지">1</span>
+							</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>
+				</div>
+			</div>
+			<footer class="site-footer"></footer>
+		</div>
+		<!-- toast -->
+		<div class="toast"></div>
+		<!--popup-->
+		<div class="dim"></div>
+	</body>
+</html>
 
html/onSejong/manager/mystorage/contentsWrite.html (added)
+++ html/onSejong/manager/mystorage/contentsWrite.html
@@ -0,0 +1,182 @@
+<!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-->
+		<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-->
+		<!-- 공통 메뉴 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">
+                    <div class="site-cont">
+                        <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>
+                        </div>
+                        <section class="section">
+                            <div class="section-tit-area">
+                                <div class="l-area">
+                                    <h3 class="txt-hide">콘텐츠 타입</h3>
+                                </div>
+                                <div class="r-area">
+                                    <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p>
+                                </div>
+                            </div>
+                            <div class="write-type">
+                                <table>
+                                    <colgroup>
+                                        <col style="width:200px">
+                                        <col>
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">유형</th>
+                                            <td>
+                                                <fieldset>
+                                                    <legend>콘텐츠 유형</legend>
+                                                    <div class="checkradio">
+                                                        <input type="radio" name="radio" id="r1" checked> 
+                                                        <label for="r1">영상업로드</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" name="radio" id="r2"> 
+                                                        <label for="r2">URL로 영상추가</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" name="radio" id="r3"> 
+                                                        <label for="r3">이미지업로드</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" name="radio" id="r4"> 
+                                                        <label for="r4">문서업로드</label>
+                                                    </div>
+                                                </fieldset>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">파일 업로드</th>
+                                            <td>
+                                                <div class="file-add-area">
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file" title="파일찾기">
+                                                        <span class="btn secondary ico-upload">파일 찾기</span>
+                                                    </div>
+                                                    <div class="item-area">
+                                                        <div class="item">
+                                                            <p class="txt">파일명.jpg</p>
+                                                            <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">URL 입력</th>
+                                            <td>
+                                                <div class="url-add-area">
+                                                    <label>
+                                                        <input type="text" placeholder="URL로 콘텐츠를 추가해주세요." title="텍스트 입력">
+                                                    </label>
+                                                    <button class="btn secondary">링크 추가</button>
+                                                </div>
+                                                <div class="item-list-box row1">
+                                                    <div class="item">
+                                                        <div class="txt-area">
+                                                            <i class="ico-link"></i>
+                                                            <a href="#none" class="txt">
+                                                                https://www.naver.com/
+                                                                https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/
+                                                                https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/
+                                                                https://www.naver.com/https://www.naver.com/https://www.naver.com/
+                                                            </a>
+                                                        </div>
+                                                        <div class="item-fnc-area">
+                                                            <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">제목<i class="required">*<span class="txt-hide">필수</span></i></th>
+                                            <td>
+                                                <input type="text" title="인풋박스" class="q4" placeholder="제목을 입력하세요.">
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">내용</th>
+                                            <td>
+                                                <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                        <div class="btn-cont">
+                            <a href="#none" class="btn lg">취소</a>
+                            <a href="#none" class="btn lg primary">저장</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+
+        <!--popup-->
+        <div class="dim"></div>
+
+        <script>
+            $(document).ready(function () {
+                //키워드 
+                var input = document.querySelector('input[name=basic]');
+                new Tagify(input);
+            });
+        </script>
+
+    </body>
+</html>
 
html/onSejong/manager/mystorage/pop_attend.html (added)
+++ html/onSejong/manager/mystorage/pop_attend.html
@@ -0,0 +1,94 @@
+<!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-->
+		<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-->
+
+		<!-- 공통 메뉴 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="popup-modal sm" data-popuppub="popupmodal" style="display: flex;">
+            <div class="pop-header">
+                <h1>새로 만들기</h1>
+            </div>
+            <div class="pop-body">
+                <ul class="border-box-list">
+                    <li>
+                        <button type="button" class="lnk-full">콘텐츠</button>
+                        <div class="txt-area">
+                            <h2 class="title">콘텐츠 <small>(영상, 이미지, 문서)</small></h2>
+                        </div>
+                        <div class="img-area">
+                            <img src="../../../../resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-contents.svg" alt="콘텐츠 추가" aria-hidden="true">
+                        </div>
+                    </li>
+                    <li>
+                        <button type="button" class="lnk-full">문항</button>
+                        <div class="txt-area">
+                            <h2 class="title">문항</h2>
+                        </div>
+                        <div class="img-area">
+                            <img src="../../../../resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-quiz.svg" alt="문항 추가" aria-hidden="true">
+                        </div>
+                    </li>
+                    <li>
+                        <button type="button" class="lnk-full">평가지</button>
+                        <div class="txt-area">
+                            <h2 class="title">평가지</h2>
+                        </div>
+                        <div class="img-area">
+                            <img src="../../../../resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-test.svg" alt="평가지 추가" aria-hidden="true">
+                        </div>
+                    </li>
+                </ul>
+            </div>
+            <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
+        </div>
+
+        <!-- toast -->
+        <div class="toast"></div>
+
+        <!--popup-->
+        <div class="dim"></div>
+
+        <script>
+            $(document).ready(function() {
+                popupOpenPub('popupmodal');
+            });
+        </script>
+    </body>
+</html>
 
html/onSejong/manager/mystorage/quizWrite.html (added)
+++ html/onSejong/manager/mystorage/quizWrite.html
@@ -0,0 +1,547 @@
+<!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-->
+		<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-->
+		<!-- 공통 메뉴 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">
+                    <div class="site-cont">
+                        <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>
+                        <section class="section">
+                            <h3 class="txt-hide">콘텐츠 유형 선택</h3>
+                            <div class="write-type">
+                                <table>
+                                    <colgroup>
+                                        <col style="width:200px">
+                                        <col>
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">유형</th>
+                                            <td>
+                                                <fieldset>
+                                                    <legend>문항 유형</legend>
+                                                    <div class="checkradio">
+                                                        <input type="radio" name="radio" id="r1" checked>
+                                                        <label for="r1">단일 문항</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" name="radio" id="r2">
+                                                        <label for="r2">세트 문항</label>
+                                                    </div>
+                                                </fieldset>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                        <section class="section">
+                            <header class="section-tit-area">
+                                <div class="l-area">
+                                    <h3 class="title-lg">문항정보</h3>
+                                </div>
+                            </header>
+                            <div class="write-type">
+                                <table>
+                                    <colgroup>
+                                        <col style="width:200px">
+                                        <col>
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">분류</th>
+                                            <td>
+                                                <div class="achievecode-sch-area"></div>
+                                                <div class="btn-add-cont">
+                                                    <button class="btn primary">확인</button>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">문항 난이도</th>
+                                            <td>
+                                                <fieldset class="checkradio-area">
+                                                    <legend>문항 난이도 선택</legend>
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="r1-1" name="r1" checked>
+                                                        <label for="r1-1">매우 쉬움</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="r1-2" name="r1">
+                                                        <label for="r1-2">쉬움</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="r1-3" name="r1">
+                                                        <label for="r1-3">보통</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="r1-4" name="r1">
+                                                        <label for="r1-4">어려움</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="r1-5" name="r1">
+                                                        <label for="r1-5">매움 어려움</label>
+                                                    </div>
+                                                </fieldset>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">문항 종류</th>
+                                            <td>
+                                                <fieldset class="tip-area">
+                                                    <legend>문항 종류 선택</legend>
+                                                    <div class="checkradio">
+                                                        <input type="radio" name="r2" id="r2-1"
+                                                            data-tip="정답이 1개인 문제 유형입니다. 보기를 입력하고 정답을 선택하세요." checked>
+                                                        <label for="r2-1">객관식(단일선택)</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" name="r2" id="r2-2"
+                                                            data-tip="정답이 2개 이상인 문제 유형입니다. 보기를 입력하고 정답을 2개 이상 선택해주세요.">
+                                                        <label for="r2-2">객관식(다중선택)</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" name="r2" id="r2-3"
+                                                            data-tip="정답이 명확한 단어 또는 구 ㆍ 절로 이루어진 유형입니다. 정답이 되는 모든 단어ㆍ구 ㆍ 절을 모두 작성해주세요.">
+                                                        <label for="r2-3">주관식(답답형)</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" name="r2" id="r2-4" data-tip="주관식 서술형 입력">
+                                                        <label for="r2-4">주관식(서술형)</label>
+                                                    </div>
+                                                    <p class="tip-txt"></p>
+                                                </fieldset>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">질문</th>
+                                            <td>
+                                                -에디터-
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">지문 또는 제시자료<small class="txt-option"> (선택)</small></th>
+                                            <td>
+                                                <ol class="a-write-list ui-sortable">
+                                                    <li class="a-item">
+                                                        <i class="ico-move ui-sortable-handle"></i>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                -에디터-
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <i class="ico-move ui-sortable-handle"></i>
+                                                        <div class="a-cont">
+                                                            <div class="file-add-area">
+                                                                <div class="file-custom">
+                                                                    <div class="preview-area">
+                                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="미리보기">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="item-area">
+                                                                    <div class="item">
+                                                                        <p class="txt">비디오파일.mp4</p>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <div class="file-custom">
+                                                                <input type="file" class="input-file">
+                                                                <button type="button" class="btn sm circle ico-attach">파일첨부</button>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <i class="ico-move ui-sortable-handle"></i>
+                                                        <div class="a-cont">
+                                                            <div class="file-add-area">
+                                                                <div class="file-custom">
+                                                                    <div class="preview-area">
+                                                                        <img src="../../../../resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="미리보기">
+                                                                    </div>
+                                                                </div>
+                                                                <div class="item-area">
+                                                                    <div class="item">
+                                                                        <p class="txt">오디오.mp3</p>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <div class="file-custom">
+                                                                <input type="file" class="input-file">
+                                                                <button type="button" class="btn sm circle ico-attach">파일첨부</button>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                </ol>
+                                                <div class="btn-add-cont">
+                                                    <button type="button" class="btn ico-document">
+                                                        텍스트추가
+                                                    </button>
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <button type="button" class="btn ico-headphone">음성파일 추가</button>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <!-- 단일선택-->
+                                        <tr>
+                                            <th scope="row">정답</th>
+                                            <td>
+                                                <fieldset class="checkradio-area">
+                                                    <legend>입력 타입 선택</legend>
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="inputType1" name="inputType" checked>
+                                                        <label for="inputType1">텍스트로만 입력</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="inputType2" name="inputType" checked>
+                                                        <label for="inputType2">편집기로 입력</label>
+                                                    </div>
+                                                </fieldset>
+                                                <ol class="a-write-list">
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <span class="num">1</span>
+                                                            <div class="checkradio">
+                                                                <input type="radio" id="a1_1_radio" name="a1">
+                                                                <label for="a1_1_radio"><small>정답</small></label>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                -에디터-
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <div class="file-custom">
+                                                                <input type="file" class="input-file">
+                                                                <button type="button" class="btn sm circle ico-attach">파일첨부</button>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <span class="num">2</span>
+                                                            <div class="checkradio">
+                                                                <input type="radio" id="a1_2_radio" name="a1">
+                                                                <label for="a1_2_radio"><small>정답</small></label>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                -에디터-
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <div class="file-custom">
+                                                                <input type="file" class="input-file">
+                                                                <button type="button" class="btn sm circle ico-attach">파일첨부</button>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <span class="num">3</span>
+                                                            <div class="checkradio">
+                                                                <input type="radio" id="a1_3_radio" name="a1">
+                                                                <label for="a1_3_radio"><small>정답</small></label>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                -에디터-
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <div class="file-custom">
+                                                                <input type="file" class="input-file">
+                                                                <button type="button" class="btn sm circle ico-attach">파일첨부</button>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                </ol>
+                                                <div class="btn-add-cont">
+                                                    <button type="button" class="btn">
+                                                        <i class="ico-plus"></i>
+                                                        <span>답가지 추가</span>
+                                                    </button>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <!-- 다중선택 -->
+                                        <tr>
+                                            <th scope="row">정답</th>
+                                            <td>
+                                                <ol class="a-write-list">
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <span class="num">1</span>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="a1_1_check" name="a1_check">
+                                                                <label for="a1_1_check"><small>정답</small></label>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                -에디터-
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <div class="file-custom">
+                                                                <input type="file" class="input-file">
+                                                                <button type="button" class="btn sm circle ico-attach">파일첨부</button>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <i class="ico-move"></i>
+                                                        <div class="a-info">
+                                                            <span class="num">2</span>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="a1_2_check" name="a1_check">
+                                                                <label for="a1_2_check"><small>정답</small></label>
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="a-txt">
+                                                                -에디터-
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <div class="file-custom">
+                                                                <input type="file" class="input-file">
+                                                                <button type="button" class="btn sm circle ico-attach">파일첨부</button>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                </ol>
+                                                <div class="btn-add-cont">
+                                                    <button type="button" class="btn">
+                                                        <i class="ico-plus"></i>
+                                                        <span>답가지 추가</span>
+                                                    </button>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <!-- 단답형-->
+                                        <tr>
+                                            <th scope="row">정답</th>
+                                            <td>
+                                                <ul class="tabs-nav-xsm">
+                                                    <li>
+                                                        <a href="#none">기본형</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="#none" class="is-active">확장형</a>
+                                                    </li>
+                                                </ul>
+                                                <ul class="a-write-list">
+                                                    <li class="a-item">
+                                                        <div class="a-cont">
+                                                            <div class="tag-add-area">
+                                                                <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <div class="a-info">
+                                                            <span class="num">㉠</span>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="tag-add-area">
+                                                                <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <div class="a-info">
+                                                            <span class="num">㉡</span>
+                                                        </div>
+                                                        <div class="a-cont">
+                                                            <div class="tag-add-area">
+                                                                <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag">
+                                                            </div>
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                </ul>
+                                                <div class="btn-add-cont">
+                                                    <button type="button" class="btn">
+                                                        <i class="ico-plus"></i>
+                                                        <span>단답형 정답 추가</span>
+                                                    </button>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <!-- 서술형-->
+                                        <tr>
+                                            <th scope="row">정답</th>
+                                            <td>
+                                                <ul class="tabs-nav-xsm">
+                                                    <li>
+                                                        <a href="#none">기본형</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="#none" class="is-active">확장형</a>
+                                                    </li>
+                                                </ul>
+                                                <ul class="a-write-list">
+                                                    <li class="a-item">
+                                                        <div class="a-cont">        
+                                                            <div class="a-txt">            
+                                                                -에디터-      
+                                                            </div>        
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <div class="a-info">
+                                                            <span class="num">㉠</span>
+                                                        </div>
+                                                        <div class="a-cont">            
+                                                            -에디터-    
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                    <li class="a-item">
+                                                        <div class="a-info">
+                                                            <span class="num">㉡</span>
+                                                        </div>
+                                                        <div class="a-cont">            
+                                                            -에디터-    
+                                                        </div>
+                                                        <div class="a-fnc">
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </li>
+                                                </ul>
+                                                <div class="btn-add-cont">
+                                                    <button type="button" class="btn">
+                                                        <i class="ico-plus"></i>
+                                                        <span>서술형 정답 추가</span>
+                                                    </button>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">해설 및 학습 자료 <small class="txt-option">(선택)</small></th>
+                                            <td>
+                                                <div class="btn-add-cont">
+                                                    <button type="button" class="btn ico-document">
+                                                        텍스트추가
+                                                    </button>
+                                                    <div class="file-custom">
+                                                        <input type="file" class="input-file">
+                                                        <button type="button" class="btn ico-headphone">음성파일 추가</button>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                        <div class="btn-cont">
+                            <button type="button" class="btn-add qesitmAdd">문항 추가</button>
+                        </div>
+                        <div class="btn-flex-cont">
+                            <div class="l-raea"><a href="#none" class="btn lg">취소</a></div>
+                            <div class="r-raea">
+                                <a href="#none" class="btn lg primary">저장</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+
+        <!--popup-->
+        <div class="dim"></div>
+
+        <script>
+            $(document).ready(function () {
+                //키워드 
+                var input = document.querySelector('input[name=basic]');
+                new Tagify(input);
+            });
+        </script>
+
+    </body>
+</html>
 
html/onSejong/manager/mystorage/testWrite.html (added)
+++ html/onSejong/manager/mystorage/testWrite.html
@@ -0,0 +1,605 @@
+<!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-->
+		<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-->
+		<!-- 공통 메뉴 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">
+                    <div class="site-cont">
+                        <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>
+                        </div>
+                        <section class="section test-write-area">
+                            <h3 class="txt-hide">평가지 정보</h3>
+                            <div class="search-box">
+                                <div class="search-box-write">
+                                    <div class="write-type2">
+                                        <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_1_1">
+                                                                <label for="sch1_1_1">유저가 입력한 과목1</label>
+                                                            </div>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="sch1_1_2">
+                                                                <label for="sch1_1_2">유저가 입력한 과목2</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_2_1">
+                                                                <label for="sch1_2_1">단일</label>
+                                                            </div>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="sch1_2_2">
+                                                                <label for="sch1_2_2">세트</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_3_1">
+                                                                <label for="sch1_3_1">매우 쉬움</label>
+                                                            </div>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="sch1_3_2">
+                                                                <label for="sch1_3_2">쉬움</label>
+                                                            </div>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="sch1_3_3">
+                                                                <label for="sch1_3_3">보통</label>
+                                                            </div>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="sch1_3_4">
+                                                                <label for="sch1_3_4">어려움</label>
+                                                            </div>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="sch1_3_5">
+                                                                <label for="sch1_3_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_4_1">
+                                                                <label for="sch1_4_1">객관식(단일선택)</label>
+                                                            </div>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="sch1_4_2">
+                                                                <label for="sch1_4_2">객관식(다중선택)</label>
+                                                            </div>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="sch1_4_3">
+                                                                <label for="sch1_4_3">주관식(단답형)</label>
+                                                            </div>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" id="sch1_4_4">
+                                                                <label for="sch1_4_4">주관식(서술형)</label>
+                                                            </div>
+                                                        </fieldset>
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
+                                </div>
+                                <div class="search-btn-cont">
+                                    <button type="button" class="btn-text">초기화 <i class="ico-refresh sm"></i></button>
+                                    <button type="submit" class="btn-search-box">선택된 조건으로 검색</button>
+                                </div>
+                            </div>
+
+                            <article class="test-cont">
+                                <h4 class="txt-hide">평가지 구성</h4>
+                                <div class="l-area">
+                                    <div class="bg-border-box">
+                                        <div class="box-body tabs-normal">
+                                            <ul class="tabs-nav-sm">
+                                                <li><a href="#schResult1" class="is-active">문항 검색 결과</a></li>
+                                            </ul>
+                                            <div id="schResult1" class="tabs-cont is-active">
+                                                <div class="scroll-area">
+                                                    <div class="fnc-area">
+                                                        <div class="l-area">
+                                                            <p>전체 <em class="accent">23</em>건</p>
+                                                        </div>
+                                                        <div class="r-area">
+                                                            <button type="button" class="btn sm">선택 미리보기</button>
+                                                        </div>
+                                                    </div>
+                                                    <div class="txt-none">
+                                                        <figure>
+                                                            <img src="../../../../resources/front/site/SITE_00000/images/common/common/img_file_check.svg"
+                                                                alt="콘텐츠 없음">
+                                                        </figure>
+                                                        <p>검색 결과가 없습니다.</p>
+                                                    </div>
+                                                    <ul class="test-add-list scroll">
+                                                        <li>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" class="icon-only" id="chk1_1">
+                                                                <label for="chk1_1">선택</label>
+                                                            </div>
+                                                            <div class="item">
+                                                                <div class="txt-area">
+                                                                    <div class="label-area">
+                                                                        <span class="label">NO: 632060</span>
+                                                                        <span class="label">세트문항</span>
+                                                                        <span class="label">객관식(단일선택)</span>
+                                                                        <span class="label red hover">매우 어려움</span>
+                                                                    </div>
+                                                                    <div class="editor-cont">
+                                                                        <a href="#none">
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png"
+                                                                                alt="" class="editor-img-math">(34px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png"
+                                                                                alt="" class="editor-img-math">(42px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png"
+                                                                                alt="" class="editor-img-math">(57px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png"
+                                                                                alt="" class="editor-img-math">(62px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png"
+                                                                                alt="" class="editor-img-math">(65px)
+                                                                            <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png"
+                                                                                alt="" class="editor-img-math">(79px)
+                                                                        </a>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                            <div class="item">
+                                                                <div class="txt-area">
+                                                                    <div class="label-area">
+                                                                        <span class="label">객관식(단일선택)</span>
+                                                                        <span class="label red hover">매우 어려움</span>
+                                                                    </div>
+                                                                    <div class="editor-cont"><a href="#none">1여러 가지 함수의<br>실수배,
+                                                                            합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a></div>
+                                                                </div>
+                                                            </div>
+                                                            <div class="add-fnc">
+                                                                <button type="button" class="btn sm circle ico-plus">추가</button>
+                                                            </div>
+                                                        </li>
+                                                        <li>
+                                                            <div class="checkradio">
+                                                                <input type="checkbox" class="icon-only" id="chk1_1">
+                                                                <label for="chk1_1">선택</label>
+                                                            </div>
+                                                            <div class="item">
+                                                                <div class="txt-area">
+                                                                    <div class="label-area">
+                                                                        <span class="label">객관식(다중선택)</span>
+                                                                        <span class="label red hover">어려움</span>
+                                                                    </div>
+                                                                    <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수
+                                                                            있다.</a></p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="add-fnc">
+                                                                <button type="button" class="btn sm circle ico-plus">추가</button>
+                                                            </div>
+                                                        </li>
+                                                        <li>
+                                                            <div class="item">
+                                                                <div class="txt-area">
+                                                                    <div class="label-area">
+                                                                        <span class="label">주관식(단답형)</span>
+                                                                        <span class="label blue hover">보통</span>
+                                                                    </div>
+                                                                    <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수
+                                                                            있다.</a></p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="add-fnc">
+                                                                <button type="button" class="btn sm circle ico-plus">추가</button>
+                                                            </div>
+                                                        </li>
+                                                        <li>
+                                                            <div class="item">
+                                                                <div class="txt-area">
+                                                                    <div class="label-area">
+                                                                        <div class="checkradio">
+                                                                            <input type="checkbox" class="icon-only"
+                                                                                id="chk1_4">
+                                                                            <label for="chk1_4">선택</label>
+                                                                        </div>
+                                                                        <span class="label">O/X 퀴즈</span>
+                                                                        <span class="label green hover">쉬움</span>
+                                                                    </div>
+                                                                    <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수
+                                                                            있다.</a></p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="add-fnc">
+                                                                <button type="button" class="btn sm circle ico-plus">추가</button>
+                                                            </div>
+                                                        </li>
+                                                        <li>
+                                                            <div class="item">
+                                                                <div class="txt-area">
+                                                                    <div class="label-area">
+                                                                        <div class="checkradio">
+                                                                            <input type="checkbox" class="icon-only"
+                                                                                id="chk1_5">
+                                                                            <label for="chk1_5">선택</label>
+                                                                        </div>
+                                                                        <span class="label">그래프/그림 완성형</span>
+                                                                        <span class="label green hover">매우 쉬움</span>
+                                                                    </div>
+                                                                    <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수
+                                                                            있다.</a></p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="add-fnc">
+                                                                <button type="button" class="btn sm circle ico-plus">추가</button>
+                                                            </div>
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                                <!-- <div class="loading-layer is-loading"></div> -->
+                                            </div>
+                                        </div>
+                                        <!-- <div class="box-footer flex-area">
+                                            <div class="l-area">
+                                                <button type="button" class="btn sm">전체선택</button>
+                                                <button type="button" class="btn sm">전체선택 취소</button>
+                                            </div>
+                                            <div class="r-area">
+                                                <p>총 <em>1</em> 문항 선택</p>
+                                            </div>
+                                        </div> -->
+                                    </div>
+                                </div>
+                                <div class="c-area">
+                                    <button class="btn circle sm" title="평가지에 문항추가">
+                                        <i class="ico-arrow-right sm"><span class="txt-hide">추가</span></i>
+                                    </button>
+                                </div>
+                                <div class="r-area bg-border-box wh">
+                                    <div class="box-body">
+                                        <div class="tit-area sm">
+                                            <div class="l-area">
+                                                <h3 class="tit-sm">평가지 문항</h3>
+                                            </div>
+                                            <div class="r-area">
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn sm">초기화</button>
+                                                    <button type="button" class="btn sm secondary">자동배점</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="scroll-area">
+                                            <div class="txt-none">
+                                                <p>좌측 영역에서 문항을 추가하세요.</p>
+                                            </div>
+                                            <ul class="test-add-list scroll ui-sortable" id="testAddList">
+                                                <li>
+                                                    <i class="ico-move ui-sortable-handle"></i>
+                                                    <div class="item">
+                                                        <span class="label num">1</span>
+                                                        <div class="checkradio">
+                                                            <input type="checkbox" class="icon-only" id="chk2_1">
+                                                            <label for="chk2_1">선택</label>
+                                                        </div>
+                                                        <div class="txt-area">
+                                                            <div class="label-area">
+                                                                <span class="label">NO: 632060</span>
+                                                                <span class="label">객관식(단일선택)</span>
+                                                                <span class="label green hover">쉬움</span>
+                                                            </div>
+                                                            <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                            </p>
+                                                        </div>
+                                                        <div class="box-fnc">
+                                                            <div class="input-box"><input type="number" style="width:64px"
+                                                                    class="align-right"><span class="font-color-gray">점</span>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </div>
+                                                    <div class="item">
+                                                        <span class="label num">2</span>
+                                                        <div class="checkradio">
+                                                            <input type="checkbox" class="icon-only" id="chk2_1">
+                                                            <label for="chk2_1">선택</label>
+                                                        </div>
+                                                        <div class="txt-area">
+                                                            <div class="label-area">
+                                                                <span class="label">객관식(단일선택)</span>
+                                                                <span class="label green hover">쉬움</span>
+                                                            </div>
+                                                            <div class="editor-cont">
+                                                                <a href="#none">
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png"
+                                                                        alt="" class="editor-img-math">(34px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png"
+                                                                        alt="" class="editor-img-math">(42px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png"
+                                                                        alt="" class="editor-img-math">(57px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png"
+                                                                        alt="" class="editor-img-math">(62px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png"
+                                                                        alt="" class="editor-img-math">(65px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png"
+                                                                        alt="" class="editor-img-math">(79px)
+                                                                </a>
+                                                            </div>
+                                                        </div>
+                                                        <div class="box-fnc">
+                                                            <div class="input-box"><input type="number" style="width:64px"
+                                                                    class="align-right"><span class="font-color-gray">점</span>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </div>
+                                                </li>
+                                                <li>
+                                                    <i class="ico-move ui-sortable-handle"></i>
+                                                    <div class="item">
+                                                        <span class="label num">3</span>
+                                                        <div class="txt-area">
+                                                            <div class="label-area">
+                                                                <span class="label">객관식(단일선택)</span>
+                                                                <button type="button" class="relative-z"
+                                                                    onclick="popupOpenPub('popup')">
+                                                                    <span class="label green hover">쉬움</span>
+                                                                </button>
+                                                            </div>
+                                                            <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                            </p>
+                                                        </div>
+                                                        <div class="box-fnc">
+                                                            <div class="input-box"><input type="number" style="width:64px"
+                                                                    class="align-right"><span class="font-color-gray">점</span>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </div>
+                                                </li>
+                                                <li>
+                                                    <i class="ico-move ui-sortable-handle"></i>
+                                                    <div class="item">
+                                                        <span class="label num">1</span>
+                                                        <div class="txt-area">
+                                                            <div class="label-area">
+                                                                <span class="label">객관식(단일선택)</span>
+                                                                <button type="button" class="relative-z"
+                                                                    onclick="popupOpenPub('popup')">
+                                                                    <span class="label green hover">쉬움</span>
+                                                                </button>
+                                                            </div>
+                                                            <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                            </p>
+                                                        </div>
+                                                        <div class="box-fnc">
+                                                            <div class="input-box"><input type="number" style="width:64px"
+                                                                    class="align-right"><span class="font-color-gray">점</span>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </div>
+                                                    <div class="item">
+                                                        <span class="label num">2</span>
+                                                        <div class="txt-area">
+                                                            <div class="label-area">
+                                                                <span class="label">객관식(단일선택)</span>
+                                                                <button type="button" class="relative-z"
+                                                                    onclick="popupOpenPub('popup')">
+                                                                    <span class="label green hover">쉬움</span>
+                                                                </button>
+                                                            </div>
+                                                            <div class="editor-cont">
+                                                                <a href="#none">
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png"
+                                                                        alt="" class="editor-img-math">(34px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png"
+                                                                        alt="" class="editor-img-math">(42px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png"
+                                                                        alt="" class="editor-img-math">(57px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png"
+                                                                        alt="" class="editor-img-math">(62px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png"
+                                                                        alt="" class="editor-img-math">(65px)
+                                                                    <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png"
+                                                                        alt="" class="editor-img-math">(79px)
+                                                                </a>
+                                                            </div>
+                                                        </div>
+                                                        <div class="box-fnc">
+                                                            <div class="input-box"><input type="number" style="width:64px"
+                                                                    class="align-right"><span class="font-color-gray">점</span>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </div>
+                                                </li>
+                                                <li>
+                                                    <i class="ico-move ui-sortable-handle"></i>
+                                                    <div class="item">
+                                                        <span class="label num">3</span>
+                                                        <div class="txt-area">
+                                                            <div class="label-area">
+                                                                <span class="label">객관식(단일선택)</span>
+                                                                <button type="button" class="relative-z"
+                                                                    onclick="popupOpenPub('popup')">
+                                                                    <span class="label green hover">쉬움</span>
+                                                                </button>
+                                                            </div>
+                                                            <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a>
+                                                            </p>
+                                                        </div>
+                                                        <div class="box-fnc">
+                                                            <div class="input-box"><input type="number" style="width:64px"
+                                                                    class="align-right"><span class="font-color-gray">점</span>
+                                                            </div>
+                                                            <button class="btn sm circle danger ico-delete">삭제</button>
+                                                        </div>
+                                                    </div>
+                                                </li>
+
+                                            </ul>
+                                        </div>
+                                    </div>
+                                    <div class="box-footer">
+                                        <p class="total-txt"><em>1</em> 문항 / 총 <em>80</em> 점</p>
+                                        <!-- <div class="label-area">
+                                            <span class="label">객관식(단일선택) <strong>10</strong>개</span>
+                                            <span class="label">객관식(다중선택) <strong>0</strong>개</span>
+                                            <span class="label">주관식(서술형) <strong>0</strong>개</span>
+                                        </div> -->
+                                    </div>
+                                </div>
+                            </article>
+                        </section>
+                        <section class="section">
+                            <header class="section-tit-area">
+                                <div class="l-area">
+                                    <h3 class="title-lg">기타 정보</h3>
+                                </div>
+                                <div class="r-area">
+                                    <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p>
+                                </div>
+                            </header>
+                            <div class="write-type">
+                                <table>
+                                    <colgroup>
+                                        <col style="width:200px">
+                                        <col>
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">제목<i class="required">*<span class="txt-hide">필수</span></i></th>
+                                            <td>
+                                                <input type="text" title="인풋박스" class="q4" placeholder="평가지 제목을 입력하세요.">
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">과목 정보<i class="required">*<span class="txt-hide">필수</span></i></th>
+                                            <td>
+                                                <div class="achievecode-sch-area"></div>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">문항순서<i class="required">*<span class="txt-hide">필수</span></i></th>
+                                            <td>
+                                                <fieldset class="checkradio-area">
+                                                    <legend>문항순서 선택</legend>
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="r1_1" name="r1" checked>
+                                                        <label for="r1_1">고정출력</label>
+                                                    </div>0
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="r1_2" name="r1">
+                                                        <label for="r1_2">무작위출력 <small>(평가지를 불러올 때 마다 랜덤으로 문항의 순서가 달라집니다.)</small></label>
+                                                    </div>
+                                                </fieldset>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">답가지순서<i class="required">*<span class="txt-hide">필수</span></i></th>
+                                            <td>
+                                                <fieldset class="checkradio-area">
+                                                    <legend>답가지순서 선택</legend>
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="r2_1" name="r2" checked>
+                                                        <label for="r2_1">고정출력</label>
+                                                    </div>
+                                                    <div class="checkradio">
+                                                        <input type="radio" id="r2_2" name="r2">
+                                                        <label for="r2_2">무작위출력 <small>(문항를 불러올 때 마다 랜덤으로 답가지의 순서가 달라집니다.)</small></label>
+                                                    </div>
+                                                </fieldset>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </section>
+                        <div class="btn-cont">
+                            <a href="#none" class="btn lg">취소</a>
+                            <a href="#none" class="btn lg primary">저장</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+
+        <!--popup-->
+        <div class="dim"></div>
+    </body>
+</html>
Add a comment
List