2023/09/22 기소유예 대시보드, 교육기반강화, 대시보드 추가
This commit is contained in:
kmg
parent
963bd9ae8d
commit
5334607329
@ -84,6 +84,11 @@
|
|||||||
<li><a href="./sub45.html">m.저작권 체험교실 > 운영신청서 > 사전설문조사</a></li>
|
<li><a href="./sub45.html">m.저작권 체험교실 > 운영신청서 > 사전설문조사</a></li>
|
||||||
<li><a href="./sub46.html">m.저작권 체험교실 > 운영신청서 > 설문결과 상세</a></li>
|
<li><a href="./sub46.html">m.저작권 체험교실 > 운영신청서 > 설문결과 상세</a></li>
|
||||||
<li><a href="./sub47.html">m.저작권 체험교실 > 운영신청서 > 설문결과 수정</a></li>
|
<li><a href="./sub47.html">m.저작권 체험교실 > 운영신청서 > 설문결과 수정</a></li>
|
||||||
|
<li style="color: royalblue;">교육기반강화연수</li>
|
||||||
|
<li><a href="./sub_training.html">교육기반강화연수 > 목록</a></li>
|
||||||
|
<li><a href="./sub_training_dashboard.html">교육신청자 대시보드</a></li>
|
||||||
|
<li style="color: royalblue;">기소유예</li>
|
||||||
|
<li><a href="./sub_sus_dashboard.html">기소유예 교육신청 대시보드</a></li>
|
||||||
|
|
||||||
<li class="title">강사용</li>
|
<li class="title">강사용</li>
|
||||||
<li style="color: royalblue;">청소년 대상</li>
|
<li style="color: royalblue;">청소년 대상</li>
|
||||||
|
|||||||
@ -252,6 +252,87 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
|||||||
.cal_table_in {position: relative;}
|
.cal_table_in {position: relative;}
|
||||||
.tb_type01 table tbody tr td.chx_block div {margin-bottom: 7px;}
|
.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_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;}
|
||||||
|
.tb_tit02 .tb_tit02_left {display: flex; align-items: center;}
|
||||||
|
.tb_tit02 .tb_tit02_left p{font-size: 22px; font-weight: 600; color: #222; }
|
||||||
|
.tb_tit02 .tb_tit02_left .t_best {height:26px; background-image: url(../images/content/best_icon.jpg); background-repeat: no-repeat; font-size:22px; font-weight: 600; color: #222; padding: 0 0 0 35px; }
|
||||||
|
.tb_tit02 .tb_tit02_left .t_edu {height:24px; background-image: url(../images/content/edu_icon.jpg); background-repeat: no-repeat; font-size:22px; font-weight: 600; color: #222; padding: 0 0 0 35px; }
|
||||||
|
.tb_tit02 .tb_tit02_left span {align-self: flex-end; padding-left: 20px;}
|
||||||
|
.tb_tit02 .tb_tit02_left strong {display: block;}
|
||||||
|
.tb_tit02 .survey_tit {font-size: 20px; padding-top: 30px; word-break: break-all;}
|
||||||
|
.tb_tit02 .tit_span {color: #555; font-size: 14px; font-weight: 300; padding-left: 5px;}
|
||||||
|
.tb_tit02 .btn_wrap1 button {height: 30px; padding: 0 12px; }
|
||||||
|
.tb_tit02 .btn_wrap1 button.con_more {background-image: url(../images/main/main_cont_more.png); background-repeat: no-repeat; background-position: right center; padding: 0 25px 0 0; font-size: 17px; color: #777772; font-weight: 300;}
|
||||||
|
.tb_tit02.titBtn {margin-bottom: 10px;}
|
||||||
|
.tb_tit02.titBtn button {height: 34px; font-size: 14px; padding: 0 12px;}
|
||||||
|
|
||||||
|
.best_list {display:flex; width:100%; justify-content: space-between; padding:0 0 60px 0;}
|
||||||
|
.best_list .best_con {position: relative; width:23%; border:1px solid #d5d5d5; border-radius: 20px 0; overflow: hidden;}
|
||||||
|
.best_list .best_con:hover::after {position: absolute; content: ""; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #ed5908; border-radius: 20px 0; left: 0;top: 0;}
|
||||||
|
.best_list .best_con:hover {box-shadow: 0px 0px 10px rgba(237,89,8,0.8);}
|
||||||
|
.best_list .best_con .img {width: 100%; height: 215px; overflow: hidden; background-color: #f2f4f9;}
|
||||||
|
.best_list .best_con img {border-radius:20px 0 0 0; width: 100%; height: 215px; object-fit: cover;}
|
||||||
|
.best_list .best_con ul {padding: 14px;}
|
||||||
|
.best_list .best_con .con_title {display: inline-block; font-size:22px; font-weight:500; padding:5px 0; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
|
||||||
|
.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 {}
|
||||||
|
.edup_result ul li { display: inline; font-size:15px;}
|
||||||
|
.edup_result ul li.pass {position: relative; padding: 0 10px 0 25px;}
|
||||||
|
.edup_result ul li.pass::after{position: absolute; content: " ";width: 20px; height: 20px; border-radius: 5px; background-color: #999; left: 0; top: 55%; transform: translateY(-50%);}
|
||||||
|
.edup_result ul li.this {position: relative; padding: 0 10px 0 25px;}
|
||||||
|
.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; }
|
||||||
|
.edu_program table th {vertical-align: middle; line-height:20px; background-color: #f5f5f5; border-left:1px solid #d5d5d5; text-align: center; border-bottom: 1px solid #d5d5d5; padding:10px 0;}
|
||||||
|
.edu_program table th .ep_text {font-size:14px; color:#666666; }
|
||||||
|
.edu_program table td {border-bottom: 1px solid #d5d5d5; border-left:1px solid #d5d5d5; padding:15px 0; }
|
||||||
|
.edu_program table td.edup_title {padding:0 0 0 20px;}
|
||||||
|
.edu_program table td.edup_days {text-align: center; }
|
||||||
|
.edu_program table td.edup_time {text-align: center; }
|
||||||
|
.edu_program table td.edup_pass {color:#999999; text-align: center; }
|
||||||
|
.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;}
|
||||||
|
.edu_process .edu_apply i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/apply_icon.png) no-repeat; margin: 0 10px 0 0;}
|
||||||
|
.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;}
|
||||||
|
.tb_list02 table td {vertical-align: middle; line-height:20px; text-align: center; border-bottom: 1px solid #d5d5d5; padding:8px 0;}
|
||||||
|
.tb_list02 table .btnType02 {border-radius:5px; padding:5px 10px; font-size:15px; margin:0 0 0 3px;}
|
||||||
|
.tb_list02 table .btnType03 {border-radius:5px; padding:5px 10px; font-size:15px;}
|
||||||
|
.tb_list02 table .btnType04 {border-radius:5px; padding:5px 10px; font-size:15px;}
|
||||||
|
.tb_list02 table .btnType06 {border-radius:5px; padding:5px 10px; font-size:15px;}
|
||||||
|
|
||||||
|
|
||||||
/* 첨부파일 */
|
/* 첨부파일 */
|
||||||
.tb_type01.attach {margin-bottom: 10px;}
|
.tb_type01.attach {margin-bottom: 10px;}
|
||||||
.tb_type01.attach table, .tb_type01.list_nav table {border-top: 1px solid #e5e5e5;}
|
.tb_type01.attach table, .tb_type01.list_nav table {border-top: 1px solid #e5e5e5;}
|
||||||
@ -747,7 +828,10 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
|||||||
.tb_list01_m ul li>span {font-size: 14px; font-weight: 400;}
|
.tb_list01_m ul li>span {font-size: 14px; font-weight: 400;}
|
||||||
.tb_list01_m ul li>span:first-child {width: 100px;}
|
.tb_list01_m ul li>span:first-child {width: 100px;}
|
||||||
.tb_list01_m ul li>span:last-child {padding-left: 12px;}
|
.tb_list01_m ul li>span:last-child {padding-left: 12px;}
|
||||||
|
.tb_list01_m ul li .btnType02 {border-radius:5px; padding:5px 12px 7px 12px; font-size:13px; margin:0 0 0 3px;}
|
||||||
|
.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_notice {font-size: 14px;}
|
||||||
|
|
||||||
/* list view(글상세) */
|
/* list view(글상세) */
|
||||||
@ -788,6 +872,38 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
|
|||||||
|
|
||||||
/* login */
|
/* login */
|
||||||
.login_wrap{width: 100%; padding: 80px 30px 65px 30px; box-sizing: border-box;}
|
.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; }
|
||||||
|
.edup_result {display:block;}
|
||||||
|
.edup_result ul {padding:10px 0 0 0; }
|
||||||
|
.edu_program {overflow-x: scroll;}
|
||||||
|
.edu_program table {min-width: 767px;}
|
||||||
|
.edu_program>table>thead>tr>th, .edu_program>table>tbody>tr>th, .edu_program>table>tbody>tr>td {height: auto; padding: 10px 5px; font-size: 14px; font-weight: 400;}
|
||||||
|
.edu_program>table>thead>tr>th {padding: 12px 5px;}
|
||||||
|
.edu_program tbody td input[type="text"].input_time {height: 36px;}
|
||||||
|
.tb_tit02 .btn_wrap1 button.con_more {font-size:14px;}
|
||||||
|
|
||||||
|
/*교육신청자대시보드*/
|
||||||
|
.edu_process {display:block; width:100%;}
|
||||||
|
.edu_process .edu_apply {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; padding: 10px 0 10px 30px; margin:0 0 10px 0;}
|
||||||
|
.edu_process .edu_apply i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/apply_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
|
||||||
|
.edu_process .edu_apply .text_area {font-size:20px; font-weight:500; }
|
||||||
|
.edu_process .edu_apply .text_area p {font-size:16px; font-weight:500; }
|
||||||
|
.edu_process .edu_apply .text_area p span {font-size:30px; font-weight: 500; }
|
||||||
|
.edu_process .edu_register {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; padding: 10px 0 10px 30px; margin:0 0 10px 0;}
|
||||||
|
.edu_process .edu_register i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/register_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
|
||||||
|
.edu_process .edu_register .text_area {font-size:20px; font-weight:500; }
|
||||||
|
.edu_process .edu_register .text_area p {font-size:16px; font-weight:500; }
|
||||||
|
.edu_process .edu_register .text_area p span {font-size:30px; font-weight: 500; }
|
||||||
|
.edu_process .edu_close {display: flex; border:1px solid #d5d5d5; border-radius: 20px 0; width:93%; font-size:18px; align-items: center; justify-content: flex-start; padding: 10px 0 10px 30px;}
|
||||||
|
.edu_process .edu_close i{display: inline-block; width: 90px; height: 90px; background: url(../images/content/close_icon.png) no-repeat; background-size: 70%; background-position: center; margin: 0 10px 0 0;}
|
||||||
|
.edu_process .edu_close .text_area {font-size:20px; font-weight:500; }
|
||||||
|
.edu_process .edu_close .text_area p {font-size:16px; font-weight:500; }
|
||||||
|
.edu_process .edu_close .text_area p span {font-size:30px; font-weight: 500; }
|
||||||
|
.tb_list02 {display:none;}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-width: 640px) {
|
@media all and (max-width: 640px) {
|
||||||
|
|||||||
@ -100,7 +100,12 @@
|
|||||||
.pop_tb_type01 table tbody tr td .put_photo{position: absolute; right: 0; top: 0; border-left: 1px solid #e5e5e5; background-color: #fff;}
|
.pop_tb_type01 table tbody tr td .put_photo{position: absolute; right: 0; top: 0; border-left: 1px solid #e5e5e5; background-color: #fff;}
|
||||||
.pop_tb_type01 table tbody tr td .put_photo .put_photo_in {background-color: #f5f5f5; width: 116px; height: 150px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 7px; box-sizing: border-box; position: relative; overflow: hidden;}
|
.pop_tb_type01 table tbody tr td .put_photo .put_photo_in {background-color: #f5f5f5; width: 116px; height: 150px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 7px; box-sizing: border-box; position: relative; overflow: hidden;}
|
||||||
|
|
||||||
|
/* 교육문의 */
|
||||||
|
.popup_texta textarea {width:100%; height:200px; margin: 10px 0 0 0; font-size:15px;}
|
||||||
|
.text_greeting {margin:-20px 0 0; }
|
||||||
|
|
||||||
|
/* 기소유예 - 교육취소 */
|
||||||
|
.btnType01.right {float:right; margin:0 0 5px 0;}
|
||||||
|
|
||||||
@media all and (max-width: 767px){
|
@media all and (max-width: 767px){
|
||||||
.popup_cont {padding: 10px;}
|
.popup_cont {padding: 10px;}
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
src/main/webapp/visitEdu/usr/publish/images/content/edu_icon.jpg
Normal file
BIN
src/main/webapp/visitEdu/usr/publish/images/content/edu_icon.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
507
src/main/webapp/visitEdu/usr/publish/sub_sus_dashboard.html
Normal file
507
src/main/webapp/visitEdu/usr/publish/sub_sus_dashboard.html
Normal file
@ -0,0 +1,507 @@
|
|||||||
|
<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">
|
||||||
|
|
||||||
|
<!-- script -->
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/script/jquery-3.5.0.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>
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/datepicker/picker.js"></script>
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/datepicker/picker.date.js"></script>
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/datepicker/legacy.js"></script>
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/datepicker/ko_KR.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_type01">
|
||||||
|
<table>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width:22%;">
|
||||||
|
<col style="">
|
||||||
|
</colgroup>
|
||||||
|
<tr>
|
||||||
|
<th>첨부파일</th>
|
||||||
|
<td>
|
||||||
|
<div class="btn_wrap">
|
||||||
|
<button type="button" class="btnType01 right">파일찾기</button>
|
||||||
|
</div>
|
||||||
|
<div class="file_wrap">
|
||||||
|
<table>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: auto;">
|
||||||
|
<col style="width: 15%;">
|
||||||
|
<col style="width: 15%;">
|
||||||
|
</colgroup>
|
||||||
|
<thead>
|
||||||
|
<th>파일 명</th>
|
||||||
|
<th>종류</th>
|
||||||
|
<th>크기</th>
|
||||||
|
</thead>
|
||||||
|
<tbody class="tb_file_before">
|
||||||
|
<tr>
|
||||||
|
<td colspan="3">
|
||||||
|
<p>첨부하실 파일을 <span>마우스끌어서</span> 넣어주세요.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>취소사유</th>
|
||||||
|
<td><textarea></textarea></td>
|
||||||
|
</tr>
|
||||||
|
</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" style="display: none;">
|
||||||
|
<div class="popup_wrap popType01" tabindex="0" data-tooltip-con="edu_in" data-focus="edu_in"
|
||||||
|
data-focus-prev="edu_in_close">
|
||||||
|
<div class="popup_tit">
|
||||||
|
<p>교육문의하기</p> <button class="btn_popup_close tooltip-close" data-focus="edu_in_close"
|
||||||
|
title="팝업 닫기"><i></i></button>
|
||||||
|
</div>
|
||||||
|
<div class="popup_cont">
|
||||||
|
<p class="text_greeting">안녕하세요.</br>한국저작권위원회입니다.</p>
|
||||||
|
<div class="popup_texta"><textarea placeholder="문의내용을 입력해 주세요."></textarea></div>
|
||||||
|
<div class="pop_btn_wrap btn_layout01">
|
||||||
|
<div class="btn_left">
|
||||||
|
</div>
|
||||||
|
<div class="btn_center">
|
||||||
|
<button type="button" class="btnType05">문의하기</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn_right">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--// 교육문의 -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<header class="">
|
||||||
|
<div class="gnb_wrap">
|
||||||
|
<div class="inner">
|
||||||
|
<button class="site" alt="새창열림">
|
||||||
|
<img src="/offeduadvc/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="/offeduadvc/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="/offeduadvc/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 class="sns_go">
|
||||||
|
<button type="button" title="새창열림" onclick="window.open('http://www.facebook.com/koreacopyright')"><img
|
||||||
|
src="/offeduadvc/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="edu_process">
|
||||||
|
<li class="edu_apply"><i></i><div class="text_area">신청중 교육<p><span>0</span>건</p></div></li>
|
||||||
|
<li class="edu_register"><i></i><div class="text_area">수강중 교육<p><span>0</span>건</p></div></li>
|
||||||
|
<li class="edu_close"><i></i><div class="text_area">종료된 교육<p><span>5</span>건</p></div></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="tb_tit02">
|
||||||
|
<div class="tb_tit02_left">
|
||||||
|
<div class="t_best">최근 교육 목록</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn_wrap1">
|
||||||
|
<button type="button" title="최근 교육 목록 더보기" class="con_more" onclick="location.href=''">더보기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tb_list02">
|
||||||
|
<table>
|
||||||
|
<caption>최근 교육 목록표</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width:35%;">
|
||||||
|
<col style="width:;">
|
||||||
|
<col style="width:15%;">
|
||||||
|
<col style="width:13%;">
|
||||||
|
<col style="width:13%;">
|
||||||
|
</colgroup>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>교육과정</th>
|
||||||
|
<th>교육기간</th>
|
||||||
|
<th>신청결과</th>
|
||||||
|
<th>설문조사</th>
|
||||||
|
<th>교육결과</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>기소유예1차</td>
|
||||||
|
<td>2023-06-21(수)~2023-06-23(금)</td>
|
||||||
|
<td>신청완료<button type="button" title="신청취소" class="btnType02" data-tooltip="">취소</button></td>
|
||||||
|
<td><button type="button" title="설문하기" class="btnType04">설문하기</button></td>
|
||||||
|
<td>교육완료</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>기소유예2차</td>
|
||||||
|
<td>2023-06-21(수)~2023-06-23(금)</td>
|
||||||
|
<td>신청완료</td>
|
||||||
|
<td><button type="button" title="설문하기" class="btnType04">설문하기</button></td>
|
||||||
|
<td>교육완료</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>기소유예3차</td>
|
||||||
|
<td>2023-06-21(수)~2023-06-23(금)</td>
|
||||||
|
<td>신청완료</td>
|
||||||
|
<td><button type="button" title="설문보기" class="btnType06">설문보기</button></td>
|
||||||
|
<td><button type="button" title="이수증출력" class="btnType03">이수증출력</button></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!-- moblie table -->
|
||||||
|
<div class="tb_list01_m">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span>교육과정</span>
|
||||||
|
<span>기소유예1차</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>교육기간</span>
|
||||||
|
<span>2023-06-21(수)~2023-06-23(금)</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>신청결과</span>
|
||||||
|
<span>신청완료<button type="button" title="신청취소" class="btnType02" data-tooltip="">취소</button></span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>설문조사</span>
|
||||||
|
<span><button type="button" title="설문하기" class="btnType04" data-tooltip="">설문하기</button></span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>교육결과</span>
|
||||||
|
<span>교육완료</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span>교육과정</span>
|
||||||
|
<span>기소유예2차</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>교육기간</span>
|
||||||
|
<span>2023-06-21(수)~2023-06-23(금)</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>신청결과</span>
|
||||||
|
<span>신청완료</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>설문조사</span>
|
||||||
|
<span><button type="button" title="설문하기" class="btnType04" data-tooltip="">설문하기</button></span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>교육결과</span>
|
||||||
|
<span>교육완료</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span>교육과정</span>
|
||||||
|
<span>기소유예2차</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>교육기간</span>
|
||||||
|
<span>2023-06-21(수)~2023-06-23(금)</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>신청결과</span>
|
||||||
|
<span>신청완료</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>설문조사</span>
|
||||||
|
<span><button type="button" title="설문보기" class="btnType06" data-tooltip="">설문보기</button></span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>교육결과</span>
|
||||||
|
<span><button type="button" title="이수증출력" class="btnType03">이수증출력</button></span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!--// moblie table -->
|
||||||
|
</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="/offeduadvc/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>
|
||||||
755
src/main/webapp/visitEdu/usr/publish/sub_training.html
Normal file
755
src/main/webapp/visitEdu/usr/publish/sub_training.html
Normal file
@ -0,0 +1,755 @@
|
|||||||
|
<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="/offeduadvc/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="/offeduadvc/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="/offeduadvc/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 class="sns_go">
|
||||||
|
<button type="button" title="새창열림"><img
|
||||||
|
src="/offeduadvc/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"><a href="https://www.facebook.com/koreacopyright" target="_blank"></a></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tb_tit02">
|
||||||
|
<div class="tb_tit02_left">
|
||||||
|
<div class="t_best">베스트</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn_wrap1">
|
||||||
|
<button type="button" title="베스트 더보기" class="con_more" onclick="location.href=''">더보기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="best_list">
|
||||||
|
<div class="best_con">
|
||||||
|
<div class="img"><img src="/offeduadvc/visitEdu/usr/publish/images/content/popup_img_imsi.jpg" alt="핵심인재 역량강화"></div>
|
||||||
|
<ul>
|
||||||
|
<li class="con_title">핵심인재 역량강화 핵심인재 역량강화</li>
|
||||||
|
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
|
||||||
|
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="best_con">
|
||||||
|
<div class="img"><img src="https://www.copyright.or.kr/images/renewal/facebook_thumbnail.jpg" alt="핵심인재 역량강화"></div>
|
||||||
|
<ul>
|
||||||
|
<li class="con_title">핵심인재 역량강화</li>
|
||||||
|
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
|
||||||
|
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="best_con">
|
||||||
|
<div class="img"><img src="https://www.copyright.or.kr/images/renewal/facebook_thumbnail.jpg" alt="핵심인재 역량강화"></div>
|
||||||
|
<ul>
|
||||||
|
<li class="con_title">핵심인재 역량강화</li>
|
||||||
|
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
|
||||||
|
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="best_con">
|
||||||
|
<div class="img"><img src="https://www.copyright.or.kr/images/renewal/facebook_thumbnail.jpg" alt="핵심인재 역량강화"></div>
|
||||||
|
<ul>
|
||||||
|
<li class="con_title">핵심인재 역량강화</li>
|
||||||
|
<li class="con_date">2023-09-24 ~ 2023-09-30</li>
|
||||||
|
<li class="con_btn"><button type="button" title="수강신청">수강신청</button></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tb_tit02">
|
||||||
|
<div class="tb_tit02_left">
|
||||||
|
<div class="t_edu">교육과정</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="list_top">
|
||||||
|
<div class="list_top_left">
|
||||||
|
<label for="" class="label">교육과정 선택</label>
|
||||||
|
<select class="selType1">
|
||||||
|
<option for="">전체</option>
|
||||||
|
<option for="">지난교육일정</option>
|
||||||
|
<option for="">당월교육일정</option>
|
||||||
|
<option for="">교육예정일정</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="btn_wrap">
|
||||||
|
<div class="calendar_wrap">
|
||||||
|
<duet-date-picker identifier="date" name="searchStartDt" class="startDate hydrated" value=""></duet-date-picker>
|
||||||
|
</div>
|
||||||
|
~
|
||||||
|
<div class="calendar_wrap">
|
||||||
|
<duet-date-picker identifier="date" name="searchEndDt" class="endDate hydrated" value=""></duet-date-picker>
|
||||||
|
</div>
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/script/duetdatepicker.js"></script>
|
||||||
|
<button type="button" class="btnType01">검색</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="edup_result">
|
||||||
|
<div>총 <span>6</span>개의 검색결과가 있습니다.</div>
|
||||||
|
<ul>
|
||||||
|
<li class="pass">지난교육일정</li>
|
||||||
|
<li class="this">당월교육일정</li>
|
||||||
|
<li class="pre">교육예정일정</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="edu_program">
|
||||||
|
<table>
|
||||||
|
<caption>교육일정표</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width: ;">
|
||||||
|
<col style="width: ;">
|
||||||
|
<col style="width: ;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
<col style="width:4%;">
|
||||||
|
</colgroup>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="first" rowspan="2">교육과정명<br/><span class="ep_text">(상세 내용을 보시려면 과정을 클릭하세요)</span></th>
|
||||||
|
<th rowspan="2">일수</th>
|
||||||
|
<th rowspan="2">시간</th>
|
||||||
|
<th colspan="12">교육일정<sapn class="ep_text">(교육 시작일)</sapn></th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>1</th>
|
||||||
|
<th>2</th>
|
||||||
|
<th>3</th>
|
||||||
|
<th>4</th>
|
||||||
|
<th>5</th>
|
||||||
|
<th>6</th>
|
||||||
|
<th>7</th>
|
||||||
|
<th>8</th>
|
||||||
|
<th class="edup_this">9</th>
|
||||||
|
<th>10</th>
|
||||||
|
<th>11</th>
|
||||||
|
<th>12</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
|
||||||
|
<td class="edup_days">2</td>
|
||||||
|
<td class="edup_time">14</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">15,22</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">2</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">24</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">22</td>
|
||||||
|
<td class="edup_this">8</td>
|
||||||
|
<td class="edup_pre">14</td>
|
||||||
|
<td class="edup_pre">27</td>
|
||||||
|
<td class="edup_pre"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
|
||||||
|
<td class="edup_days">2</td>
|
||||||
|
<td class="edup_time">14</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">15,22</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">2</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">24</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">22</td>
|
||||||
|
<td class="edup_this">8</td>
|
||||||
|
<td class="edup_pre">14</td>
|
||||||
|
<td class="edup_pre">27</td>
|
||||||
|
<td class="edup_pre"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="edup_title"><a href="#">[경영기획] 경영기획기본</a></td>
|
||||||
|
<td class="edup_days">2</td>
|
||||||
|
<td class="edup_time">14</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">15,22</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">2</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">24</td>
|
||||||
|
<td class="edup_pass"></td>
|
||||||
|
<td class="edup_pass">22</td>
|
||||||
|
<td class="edup_this">8</td>
|
||||||
|
<td class="edup_pre">14</td>
|
||||||
|
<td class="edup_pre">27</td>
|
||||||
|
<td class="edup_pre"></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</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="/offeduadvc/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>
|
||||||
483
src/main/webapp/visitEdu/usr/publish/sub_training_dashboard.html
Normal file
483
src/main/webapp/visitEdu/usr/publish/sub_training_dashboard.html
Normal file
@ -0,0 +1,483 @@
|
|||||||
|
<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">
|
||||||
|
|
||||||
|
<!-- script -->
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/script/jquery-3.5.0.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>
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/datepicker/picker.js"></script>
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/datepicker/picker.date.js"></script>
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/datepicker/legacy.js"></script>
|
||||||
|
<script src="/offeduadvc/visitEdu/usr/publish/datepicker/ko_KR.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 popType01" tabindex="0" data-tooltip-con="edu_in" data-focus="edu_in"
|
||||||
|
data-focus-prev="edu_in_close">
|
||||||
|
<div class="popup_tit">
|
||||||
|
<p>교육문의하기</p> <button class="btn_popup_close tooltip-close" data-focus="edu_in_close"
|
||||||
|
title="팝업 닫기"><i></i></button>
|
||||||
|
</div>
|
||||||
|
<div class="popup_cont">
|
||||||
|
<p class="text_greeting">안녕하세요.</br>한국저작권위원회입니다.</p>
|
||||||
|
<div class="popup_texta"><textarea placeholder="문의내용을 입력해 주세요."></textarea></div>
|
||||||
|
<div class="pop_btn_wrap btn_layout01">
|
||||||
|
<div class="btn_left">
|
||||||
|
</div>
|
||||||
|
<div class="btn_center">
|
||||||
|
<button type="button" class="btnType05">문의하기</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn_right">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--// 교육문의 -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<header class="">
|
||||||
|
<div class="gnb_wrap">
|
||||||
|
<div class="inner">
|
||||||
|
<button class="site" alt="새창열림">
|
||||||
|
<img src="/offeduadvc/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="/offeduadvc/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="/offeduadvc/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 class="sns_go">
|
||||||
|
<button type="button" title="새창열림" onclick="window.open('http://www.facebook.com/koreacopyright')"><img
|
||||||
|
src="/offeduadvc/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="edu_process">
|
||||||
|
<li class="edu_apply"><i></i><div class="text_area">신청중 강의<p><span>0</span>건</p></div></li>
|
||||||
|
<li class="edu_register"><i></i><div class="text_area">수강중 강의<p><span>0</span>건</p></div></li>
|
||||||
|
<li class="edu_close"><i></i><div class="text_area">종료된 강의<p><span>5</span>건</p></div></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="tb_tit02">
|
||||||
|
<div class="tb_tit02_left">
|
||||||
|
<div class="t_best">최근 교육 목록</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn_wrap1">
|
||||||
|
<button type="button" title="최근 교육 목록 더보기" class="con_more" onclick="location.href=''">더보기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tb_list02">
|
||||||
|
<table>
|
||||||
|
<caption>최근 교육 목록표</caption>
|
||||||
|
<colgroup>
|
||||||
|
<col style="width:35%;">
|
||||||
|
<col style="width:;">
|
||||||
|
<col style="width:13%;">
|
||||||
|
<col style="width:13%;">
|
||||||
|
<col style="width:13%;">
|
||||||
|
</colgroup>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>교육과정</th>
|
||||||
|
<th>교육기간</th>
|
||||||
|
<th>교육결과</th>
|
||||||
|
<th>설문조사</th>
|
||||||
|
<th>이수증</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>경영기획기본</td>
|
||||||
|
<td>2023-06-21(수)~2023-06-23(금)</td>
|
||||||
|
<td>진행중</td>
|
||||||
|
<td><button type="button" title="설문등록" class="btnType04" data-tooltip="edu_in">설문등록</button></td>
|
||||||
|
<td>-</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>경영기획기본</td>
|
||||||
|
<td>2023-06-21(수)~2023-06-23(금)</td>
|
||||||
|
<td>진행중</td>
|
||||||
|
<td>설문결과</td>
|
||||||
|
<td><button type="button" title="출력" class="btnType03">출력</button></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!-- moblie table -->
|
||||||
|
<div class="tb_list01_m">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span>교육과정</span>
|
||||||
|
<span>경영기획기본</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>교육기간</span>
|
||||||
|
<span>2023-06-21(수)~2023-06-23(금)</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>교육결과</span>
|
||||||
|
<span>진행중</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>설문조사</span>
|
||||||
|
<span><button type="button" title="설문등록" class="btnType04">설문등록</button></span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>이수증</span>
|
||||||
|
<span>-</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span>교육과정</span>
|
||||||
|
<span>경영기획기본</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>교육기간</span>
|
||||||
|
<span>2023-06-21(수)~2023-06-23(금)</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>교육결과</span>
|
||||||
|
<span>진행중</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>설문조사</span>
|
||||||
|
<span>설문결과</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>이수증</span>
|
||||||
|
<span><button type="button" title="출력" class="btnType03">출력</button></span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!--// moblie table -->
|
||||||
|
</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="/offeduadvc/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