2023/10/05 체험교실 대시보드 프로세스
This commit is contained in:
kmg
parent
7347601133
commit
36476a3701
@ -84,6 +84,7 @@
|
||||
<li><a href="./sub45.html">m.저작권 체험교실 > 운영신청서 > 사전설문조사</a></li>
|
||||
<li><a href="./sub46.html">m.저작권 체험교실 > 운영신청서 > 설문결과 상세</a></li>
|
||||
<li><a href="./sub47.html">m.저작권 체험교실 > 운영신청서 > 설문결과 수정</a></li>
|
||||
<li><a href="./sub_ex_dashboard.html">체험교실 대시보드 (프로세스)</a></li>
|
||||
<li style="color: royalblue;">교육기반강화연수</li>
|
||||
<li><a href="./sub_training.html">교육기반강화연수 > 목록</a></li>
|
||||
<li><a href="./sub_training_dashboard.html">교육신청자 대시보드</a></li>
|
||||
|
||||
@ -1,11 +1,10 @@
|
||||
.btn_cal{width: 20px; height: 20px; position: absolute; right: 15px; top: 0; background-repeat: no-repeat;}
|
||||
.btn_cal{width: 20ptb_list02x; height: 20px; position: absolute; right: 15px; top: 0; background-repeat: no-repeat;}
|
||||
.btn_cal i{display: inline-block; width: 20px; height: 20px; background-image: url(../images/content/calendarIcon.png); background-repeat: no-repeat; background-position: center;}
|
||||
|
||||
/* sub layout */
|
||||
.container {width: 100%; min-height: 650px; position: relative; display: inline-block; box-sizing: border-box; margin-top: 130px; }
|
||||
.container .inner{max-width: 1440px; width: 100%; padding: 0 20px; margin: 60px auto 76px auto; display: flex; box-sizing: border-box; justify-content: space-between;}
|
||||
/* .container .inner .cont_wrap {width: calc(100% - 275px);} */
|
||||
.container .inner .cont_wrap {width: 100%;}
|
||||
.container .inner .cont_wrap {width: calc(100% - 275px);}
|
||||
|
||||
.cont_nav{width: 100%; height: 60px; background-color: #2353b5; position: fixed; top: 134px; z-index: 10;}
|
||||
.cont_nav .inner{display: flex; max-width: 1400px; width: 100%; margin: 0 auto;}
|
||||
@ -19,7 +18,7 @@
|
||||
|
||||
.cont_wrap .cont_tit{display: flex; justify-content: space-between; padding-bottom: 20px; margin-bottom: 50px; border-bottom: 2px solid #000; }
|
||||
.cont_wrap h2{font-size: 32px; font-weight: 900; color: #222; font-family: 'nanumsquare', 'Noto Sans KR', sans-serif;}
|
||||
.cont_wrap .cont_tit .sns_go button {margin-left: 1px;display:none;}
|
||||
.cont_wrap .cont_tit .sns_go button {margin-left: 1px;}
|
||||
|
||||
.cont_wrap .tit_box {padding: 30px 40px 20px 40px; border: 1px solid #d5d7dc; border-radius: 10px; margin-bottom: 40px; display: flex; box-sizing: border-box; align-items: center;}
|
||||
.cont_wrap .tit_box i.tit_box_icon1 {background-image: url(../images/content/tit_box_icon1.png); width: 136px; height: 104px; background-size: 100%; background-repeat: no-repeat;}
|
||||
@ -229,6 +228,8 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
.tb_tit01.titBtn {margin-bottom: 10px;}
|
||||
.tb_tit01.titBtn button {height: 34px; font-size: 14px; padding: 0 12px;}
|
||||
.tb_wrap {width: 100%; margin-bottom: 60px;}
|
||||
|
||||
|
||||
/* table type01 */
|
||||
.tb_type01 {margin-bottom: 40px;}
|
||||
.tb_type01>table{width: 100%; table-layout: fixed; }
|
||||
@ -254,6 +255,8 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
.tb_type01 table tbody tr td.chx_block div {margin-bottom: 7px;}
|
||||
.tb_type01 table tbody tr td.chx_block div:last-child {margin-bottom: 0;}
|
||||
|
||||
|
||||
|
||||
/* 교육기반강화연수 */
|
||||
.tb_tit02 {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin:-5px 0 15px 0;}
|
||||
.tb_tit02>p {font-size: 18px;}
|
||||
@ -281,6 +284,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
.best_list .best_con .con_date {background: url(../images/content/calendar1_icon.jpg) no-repeat 5px; font-size: 18px; color:#444; padding:5px 0 10px 25px; font-weight: 300; letter-spacing:-0.5px; }
|
||||
.best_list .best_con .con_btn button {position: relative; width:100%; background-color: #666666; color:#fff; text-align: center; border-radius:3px; padding:3px 0 5px 0; font-size:18px; z-index: 1;}
|
||||
.best_list .best_con:hover .con_btn button {width:100%; background-color: #ed5908; color:#fff; text-align: center; border-radius:3px; padding:3px 0 5px 0; font-size:18px;}
|
||||
|
||||
.edup_result {display: flex; justify-content: space-between; padding:10px 0 10px 0;}
|
||||
.edup_result span {color:#ed5908; font-weight:700; }
|
||||
.edup_result ul {}
|
||||
@ -291,6 +295,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
.edup_result ul li.this::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #ed5908; left: 0; top: 55%; transform: translateY(-50%);}
|
||||
.edup_result ul li.pre {position: relative; padding: 0 0 0 25px;}
|
||||
.edup_result ul li.pre::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #e40000; left: 0; top: 55%; transform: translateY(-50%);}
|
||||
|
||||
.edu_program { }
|
||||
.edu_program table {border-top:2px solid #000; width:100%; }
|
||||
.edu_program table.ppre {color:#0c3a97; }
|
||||
@ -304,9 +309,11 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
.edu_program table th.edup_this {background:#ed5908; color: #ffffff;}
|
||||
.edu_program table td.edup_this {background:#fdeee6; color:#222222; text-align: center;}
|
||||
.edu_program table td.edup_pre {color:#e40000; text-align: center;}
|
||||
|
||||
.edu_program table th.first:first-child {border-left:0; }
|
||||
.edu_program table td:first-child {border-left:0; }
|
||||
|
||||
|
||||
/* 교육 신청자 대시보드 */
|
||||
.edu_process {display: flex; width: 100%; justify-content: space-between; align-items: flex-end; padding:0 0 40px 0;}
|
||||
.edu_process .edu_apply {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:28%; font-size:18px; align-items: center; justify-content: flex-start; padding: 30px 0 30px 40px;}
|
||||
@ -314,16 +321,19 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
.edu_process .edu_apply .text_area {font-size:24px; font-weight:500; }
|
||||
.edu_process .edu_apply .text_area p {font-size:18px; font-weight:500; }
|
||||
.edu_process .edu_apply .text_area p span {font-size:36px; font-weight: 500; }
|
||||
|
||||
.edu_process .edu_register {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:28%; font-size:18px; align-items: center; justify-content: flex-start; padding: 30px 0 30px 40px;}
|
||||
.edu_process .edu_register i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/register_icon.png) no-repeat; margin: 0 10px 0 0;}
|
||||
.edu_process .edu_register .text_area {font-size:24px; font-weight:500; }
|
||||
.edu_process .edu_register .text_area p {font-size:18px; font-weight:500; }
|
||||
.edu_process .edu_register .text_area p span {font-size:36px; font-weight: 500; }
|
||||
|
||||
.edu_process .edu_close {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:28%; font-size:18px; align-items: center; justify-content: flex-start; padding: 30px 0 30px 40px;}
|
||||
.edu_process .edu_close i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/close_icon.png) no-repeat; margin: 0 10px 0 0;}
|
||||
.edu_process .edu_close .text_area {font-size:24px; font-weight:500; }
|
||||
.edu_process .edu_close .text_area p {font-size:18px; font-weight:500; }
|
||||
.edu_process .edu_close .text_area p span {font-size:36px; font-weight: 500; }
|
||||
|
||||
.tb_list02 {width:100%; }
|
||||
.tb_list02 table {border-top:2px solid #000; width:100%; }
|
||||
.tb_list02 table th {vertical-align: middle; line-height:20px; background-color: #f5f5f5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:15px 0;}
|
||||
@ -334,6 +344,24 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
.tb_list02 table .btnType06 {border-radius:5px; padding:5px 10px; font-size:15px;}
|
||||
|
||||
|
||||
/*체험교실대시보드*/
|
||||
.ex_process {display:flex; justify-content:space-between; background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0 0 40px 0; }
|
||||
.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:22px; font-weight:500; letter-spacing:-0.5; }
|
||||
.ex_process li a {width:100%; padding:0; box-sizing: border-box; padding:45px 0 45px 125px ;}
|
||||
.ex_process li.p_1 {background-image: url(../images/content/ex_process1.png); background-position:50px center;}
|
||||
.ex_process li.p_2 {background-image: url(../images/content/ex_process2.png); background-position:50px center;}
|
||||
.ex_process li.p_3 {background-image: url(../images/content/ex_process3.png); background-position:50px center;}
|
||||
.ex_process li.p_4 {background-image: url(../images/content/ex_process4.png); background-position:50px center;}
|
||||
.ex_process li.p_5 {background-image: url(../images/content/ex_process5.png); background-position:50px center;}
|
||||
.ex_process li.p_1_on {background-image: url(../images/content/ex_process1_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
|
||||
.ex_process li.p_2_on {background-image: url(../images/content/ex_process2_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
|
||||
.ex_process li.p_3_on {background-image: url(../images/content/ex_process3_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
|
||||
.ex_process li.p_4_on {background-image: url(../images/content/ex_process4_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
|
||||
.ex_process li.p_5_on {background-image: url(../images/content/ex_process5_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
|
||||
.ex_process li::after {position:absolute; content:""; width:1px; height:60px; background-color: #d5d5d5; right: 0; align-items: center; margin:-85px 0 0 0;}
|
||||
.ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5::after, li.p_5_on::after {display:none; }
|
||||
|
||||
|
||||
/* 첨부파일 */
|
||||
.tb_type01.attach {margin-bottom: 10px;}
|
||||
.tb_type01.attach table, .tb_type01.list_nav table {border-top: 1px solid #e5e5e5;}
|
||||
@ -730,6 +758,23 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
/* 강사유형 선택 */
|
||||
.sel_tpye {margin: 100px 120px 24px 120px;}
|
||||
|
||||
/*체험교실대시보드*/
|
||||
.ex_process {background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0; margin:0 0 30px 0; }
|
||||
.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:17px; letter-spacing: -1px; font-weight:500;}
|
||||
.ex_process li a { padding:20px 0; text-align:center;}
|
||||
.ex_process li.p_1_on {background-image: none;}
|
||||
.ex_process li.p_2_on {background-image: none;}
|
||||
.ex_process li.p_3_on {background-image: none;}
|
||||
.ex_process li.p_4_on {background-image: none;}
|
||||
.ex_process li.p_5_on {background-image: none;}
|
||||
.ex_process li.p_1 {background-image: none;}
|
||||
.ex_process li.p_2 {background-image: none;}
|
||||
.ex_process li.p_3 {background-image: none;}
|
||||
.ex_process li.p_4 {background-image: none;}
|
||||
.ex_process li.p_5 {background-image: none;}
|
||||
.ex_process li::after {position:absolute; content:""; width:1px; height:30px; background-color: #d5d5d5; right: 0; margin:-45px 0 0 0;}
|
||||
.ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5_on::after {display:none; }
|
||||
|
||||
|
||||
}
|
||||
@media all and (max-width: 767px) {
|
||||
@ -833,6 +878,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
.tb_list01_m ul li .btnType03 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px;}
|
||||
.tb_list01_m ul li .btnType04 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px;}
|
||||
.tb_list01_m ul li .btnType06 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px;}
|
||||
|
||||
.list_notice {font-size: 14px;}
|
||||
|
||||
/* list view(글상세) */
|
||||
@ -873,7 +919,8 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
|
||||
/* login */
|
||||
.login_wrap{width: 100%; padding: 80px 30px 65px 30px; box-sizing: border-box;}
|
||||
/*교육기반강화연수*/
|
||||
|
||||
/*교육기반강화연수*/
|
||||
.best_list {display:block; }
|
||||
.best_list .best_con {width:100%; margin: 0 0 20px 0; }
|
||||
.best_list .best_con:hover {width:100%; margin: 0 0 20px 0; }
|
||||
@ -907,6 +954,9 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media all and (max-width: 640px) {
|
||||
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
578
src/main/webapp/visitEdu/usr/publish/sub_ex_dashboard.html
Normal file
578
src/main/webapp/visitEdu/usr/publish/sub_ex_dashboard.html
Normal file
@ -0,0 +1,578 @@
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>교육신청 > 교육신청·확인 > 한국저작권위원회 저작권 교육 시스템</title>
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/reset.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/font.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/common.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/content.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/popup.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/datepicker/classic.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/datepicker/classic.date.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/datapicker/default.css">
|
||||
|
||||
<!-- script -->
|
||||
<script src="/offeduadvc/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
|
||||
<script src="/offeduadvc/visitEdu/usr/datapicker/duet.system.js"></script>
|
||||
<script src="/offeduadvc/visitEdu/usr/datapicker/duet.js"></script>
|
||||
<script src="/offeduadvc/visitEdu/usr/datapicker/duet.esm.js"></script>
|
||||
<script src="/offeduadvc/visitEdu/usr/publish/script/common.js"></script>
|
||||
<script src="/offeduadvc/visitEdu/usr/publish/script/content.js"></script>
|
||||
<script src="/offeduadvc/visitEdu/usr/publish/script/popup.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- skip menu -->
|
||||
<div class="skip_menu">
|
||||
<a href="#sub" class="contGo" title="본문 바로가기">본문 바로가기</a>
|
||||
</div>
|
||||
|
||||
<!-- 팝업을 위한 mask -->
|
||||
<div class="mask2" onclick="timeLayerUtil()"></div>
|
||||
<div class="mask"></div>
|
||||
|
||||
<!-- 이전 교육신청 목록 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub01_pop01" data-focus="sub01_pop01"
|
||||
data-focus-prev="sub01_pop01_close">
|
||||
<div class="popup_tit">
|
||||
<p>이전 교육신청 목록</p> <button class="btn_popup_close tooltip-close" data-focus="sub01_pop01_close"
|
||||
title="팝업 닫기"><i></i></button>
|
||||
</div>
|
||||
<div class="popup_cont">
|
||||
<div class="cont_body">
|
||||
<div class="pop_tb_type02">
|
||||
<table>
|
||||
<caption>이전 교육신청 목록 교육구분, 신청일, 선택 을/를 제공하는 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: calc(100%/3);">
|
||||
<col style="width: calc(100%/3);">
|
||||
<col style="width: calc(100%/3);">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">교육구분</th>
|
||||
<th scope="col">신청일</th>
|
||||
<th scope="col">선택</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">온라인</th>
|
||||
<td>2020.11.01</td>
|
||||
<td><button type="button" class="btnType01">선택</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">오프라인</th>
|
||||
<td>2020.11.01</td>
|
||||
<td><button type="button" class="btnType01">선택</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">온라인</th>
|
||||
<td>2020.11.01</td>
|
||||
<td><button type="button" class="btnType01">선택</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">오프라인</th>
|
||||
<td>2020.11.01</td>
|
||||
<td><button type="button" class="btnType01">선택</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">온라인</th>
|
||||
<td>2020.11.01</td>
|
||||
<td><button type="button" class="btnType01">선택</button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pagination">
|
||||
<button type="button" class="btn_page_first" title="첫 페이지 이동"><i></i></button>
|
||||
<button type="button" class="btn_page_prev" title="이전 페이지 이동"><i></i></button>
|
||||
<button type="button" class="page_num on" title="1 페이지 이동">1</button>
|
||||
<button type="button" class="page_num" title="2 페이지 이동">2</button>
|
||||
<button type="button" class="page_num" title="3 페이지 이동">3</button>
|
||||
<button type="button" class="page_num" title="4 페이지 이동">4</button>
|
||||
<button type="button" class="page_num" title="5 페이지 이동">5</button>
|
||||
<button type="button" class="btn_page_next" title="다음 페이지 이동"><i></i></button>
|
||||
<button type="button" class="btn_page_last" title="마지막 페이지 이동"
|
||||
data-focus-next="sub01_pop01"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 이전 교육신청 목록 -->
|
||||
|
||||
<!-- 강의만족도 결과 등록 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup_wrap popType05" tabindex="0" data-tooltip-con="imsi" data-focus="imsi"
|
||||
data-focus-prev="imsi_close">
|
||||
<div class="popup_tit">
|
||||
<p>강의만족도 결과 등록</p> <button class="btn_popup_close tooltip-close" data-focus="imsi_close"
|
||||
title="팝업 닫기"><i></i></button>
|
||||
</div>
|
||||
<div class="popup_cont">
|
||||
<div class="cont_body">
|
||||
<div class="pop_tb_type02">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 15%;">
|
||||
<col style="width: 8%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 8%;">
|
||||
<col style="width: 10%;">
|
||||
</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">설문완료 여부</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">2021.07.26</th>
|
||||
<td>09:00~10:00(60분)</td>
|
||||
<td>학생</td>
|
||||
<td>초등 1~2학년</td>
|
||||
<td>홍강사</td>
|
||||
<td>20</td>
|
||||
<td>완료</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pop_tb_type01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 120px;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 120px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<p>참석자</p>
|
||||
</th>
|
||||
<td>20</td>
|
||||
<th scope="row">
|
||||
<p>응답율</p>
|
||||
</th>
|
||||
<td>100%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<p>응답</p>
|
||||
</th>
|
||||
<td>20</td>
|
||||
<th scope="row">
|
||||
<p>무응답</p>
|
||||
</th>
|
||||
<td>0</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pop_tb_type02">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: auto;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: 12%;">
|
||||
</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>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" class="t_left">1. 본 교육운영에 대하여 전반적으로 만족하십니까?</th>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="t_left">2. 본 교육 내용구성에 대해서는 어느 정도 만족 하십니까?</th>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="t_left">3. 교육 시간은 적절했다고 생각하십니까?</th>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
<td><input type="text" value="11" style="width: 100%;"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pop_btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
<button type="button" class="btnType05">제출</button><button type="button" class="btnType02 tooltip-close" data-focus="imsi-close" data-focus-next="imsi">취소</button>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 강의만족도 결과 등록 -->
|
||||
|
||||
<!-- 학교명 검색-->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup_wrap popType01" tabindex="0" data-tooltip-con="sub01_pop02" data-focus="sub01_pop02"
|
||||
data-focus-prev="sub01_pop02_close">
|
||||
<div class="popup_tit">
|
||||
<p>학교명 검색</p> <button class="btn_popup_close tooltip-close" data-focus="sub01_pop02_close"
|
||||
title="팝업 닫기"><i></i></button>
|
||||
</div>
|
||||
<div class="popup_cont">
|
||||
<div class="cont_body">
|
||||
<div class="list_top">
|
||||
<div>
|
||||
<label for="" class="label">학교급 선택</label>
|
||||
<select class="selType1">
|
||||
<option for="">선택</option>
|
||||
<option for="">초등</option>
|
||||
<option for="">중등</option>
|
||||
<option for="">고등</option>
|
||||
<option for="">특수</option>
|
||||
<option for="">기타</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="btn_wrap">
|
||||
<input type="text" title="검색어 입력" size="18">
|
||||
<button type="button" class="btnType01">검색</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pop_tb_type02">
|
||||
<table>
|
||||
<caption>학교명 검색 학교급, 지역, 행정구, 선택 을/를 제공하는 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 20%;">
|
||||
<col style="width: 20%;">
|
||||
<col style="width: 20%;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">학교급</th>
|
||||
<th scope="col">지역</th>
|
||||
<th scope="col">행정구</th>
|
||||
<th scope="col">선택</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">초등</th>
|
||||
<td>서울</td>
|
||||
<td>노원구</td>
|
||||
<td class="c_ce4900">서울중평초등학교</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pagination">
|
||||
<button type="button" class="btn_page_first" title="첫 페이지 이동"><i></i></button>
|
||||
<button type="button" class="btn_page_prev" title="이전 페이지 이동"><i></i></button>
|
||||
<button type="button" class="page_num on" title="1 페이지 이동">1</button>
|
||||
<button type="button" class="page_num" title="2 페이지 이동">2</button>
|
||||
<button type="button" class="page_num" title="3 페이지 이동">3</button>
|
||||
<button type="button" class="page_num" title="4 페이지 이동">4</button>
|
||||
<button type="button" class="page_num" title="5 페이지 이동">5</button>
|
||||
<button type="button" class="btn_page_next" title="다음 페이지 이동"><i></i></button>
|
||||
<button type="button" class="btn_page_last" title="마지막 페이지 이동"
|
||||
data-focus-next="sub01_pop02"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 학교명 검색 -->
|
||||
|
||||
<header class="">
|
||||
<div class="gnb_wrap">
|
||||
<div class="inner">
|
||||
<button class="site" alt="새창열림">
|
||||
<img src="/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<p>GO</p>
|
||||
</button>
|
||||
<div class="area_right">
|
||||
<a href="#" class="header_login"><i></i>로그인</a>
|
||||
<a href="#" class="header_join"><i></i>회원가입</a>
|
||||
<div class="btn_util">
|
||||
<button class="btn_minus" title="글자 축소"></button>
|
||||
<button class="btn_plus" title="글자 확대"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// skip menu -->
|
||||
|
||||
<!-- header -->
|
||||
<div class="header">
|
||||
<div class="header_inner">
|
||||
<h1 class="logo"><a href="#none"><img src="/visitEdu/usr/publish/images/common/ci.png"
|
||||
alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
|
||||
<div class="nav_wrap">
|
||||
<nav id="menu">
|
||||
<ul class="depth01 dep_li_04">
|
||||
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span
|
||||
class="menu_link_br">청소년</span></a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span
|
||||
class="menu_link_br">성인</span></a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">교육콘텐츠 신청</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">저작권 체험교실</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="area_right">
|
||||
<button class="btn_search" title="검색영역 열기"></button>
|
||||
<button class="btn_menu" title="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!--// header -->
|
||||
|
||||
<!-- full menu -->
|
||||
<div class="full_menu">
|
||||
<div class="inner">
|
||||
<h1 class="logo"><img src="/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></h1>
|
||||
<ul class="depth01">
|
||||
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span>청소년</span></a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span>성인</span></a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">교육과정 안내</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">알림마당</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
<li><a href="#">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#none" class="menu_link" target="_blank" title="새창열림">이용안내</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#none" target="_blank" title="새창열림">개인정보처리방침 <i class="link"></i></a></li>
|
||||
<li><a href="#none" target="_blank" title="새창열림">이메일무단수집거부 <i class="link"></i></a></li>
|
||||
<li><a href="#none" target="_blank" title="새창열림">고객서비스헌장 <i class="link"></i></a></li>
|
||||
<li><a href="#none" target="_blank" title="새창열림">저작권정책 <i class="link"></i></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<button class="btn_close" title="전체메뉴 닫기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// full menu -->
|
||||
|
||||
<!-- moblie menu -->
|
||||
<div id="m_menu" class="">
|
||||
<ul class="depth01">
|
||||
<li class="depth01_li"><button class="menu_tit" title="소메뉴 열기">찾아가는 저작권교육 <span>청소년</span></button>
|
||||
<ul class="depth02">
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><button class="menu_tit" title="소메뉴 열기">찾아가는 저작권교육 <span>성인</span></button>
|
||||
<ul class="depth02">
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><button class="menu_tit" title="소메뉴 열기">교육과정 안내</button>
|
||||
<ul class="depth02">
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><button class="menu_tit" title="소메뉴 열기">알림마당</button>
|
||||
<ul class="depth02">
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
<li><a href="#none">depth02</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><button class="menu_tit" title="소메뉴 열기">마이페이지</button>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">개인정보관리</a></li>
|
||||
<li><a href="#">신청현황</a></li>
|
||||
<li><a href="#">대리인정보관리</a></li>
|
||||
<li><a href="#">신청문의</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="btn_close_wrap"><button class="btn_close" title="모바일메뉴 닫기"></button></div>
|
||||
</div>
|
||||
<!--// moblie menu -->
|
||||
|
||||
<!-- content -->
|
||||
<div class="container">
|
||||
<div class="path">
|
||||
<div class="pathedfr">
|
||||
<ul>
|
||||
<li class="home"><i></i>HOME</li>
|
||||
<li> > </li>
|
||||
<li>교육신청·확인</li>
|
||||
<li> > </li>
|
||||
<li>교육신청</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<!-- <div class="snb">
|
||||
<h2>찾아가는 저작권 교육<span>청소년</span></h2>
|
||||
<div class="ssleftxt">
|
||||
<ul>
|
||||
<li><a href="#none">교육신청 방법</a></li>
|
||||
<li><a href="#none">교육일정 안내</a></li>
|
||||
<li class="menu_on"><a href="#none">교육신청</a></li>
|
||||
<li><a href="#none">교육신청 조회</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="cont_wrap">
|
||||
<div class="cont_tit">
|
||||
<h2>체험교실 대시보드</h2>
|
||||
</div>
|
||||
<!-- 체험교실 프로세스 -->
|
||||
<ul class="ex_process">
|
||||
<li class="p_1_on"><a href="#">신청정보</a></li>
|
||||
<li class="p_2"><a href="#">거래선 등록</a></li>
|
||||
<li class="p_3"><a href="#">운영계획</a></li>
|
||||
<li class="p_4"><a href="#">결과보고</a></li>
|
||||
<li class="p_5"><a href="#">최종결과</a></li>
|
||||
</ul>
|
||||
<!--// 체험교실 프로세스 -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// content -->
|
||||
|
||||
<!-- footer -->
|
||||
<footer>
|
||||
<div class="inner">
|
||||
<div class="site">
|
||||
<ul>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">이메일무단수집거부</a></li>
|
||||
<li><a href="/">고객서비스헌장</a></li>
|
||||
<li><a href="/">저작권정책</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="area_top">
|
||||
<h1 class="logo"><a href="#none"><img src="/visitEdu/usr/publish/images/common/ci.png"
|
||||
alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
|
||||
<address>
|
||||
<p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 대표번호 055.792.0000</p>
|
||||
<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
|
||||
</address>
|
||||
<div class="site_go">
|
||||
<label for="site_select" class="label">관련사이트 선택</label>
|
||||
<select name="" id="site_select">
|
||||
<option value="">관련사이트</option>
|
||||
<option value="">관련사이트</option>
|
||||
<option value="">관련사이트</option>
|
||||
<option value="">관련사이트</option>
|
||||
</select>
|
||||
<button class="btn_go" title="사이트 이동 새창열림">이동</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--// footer -->
|
||||
</body>
|
||||
Loading…
Reference in New Issue
Block a user