diff --git a/src/main/webapp/visitEdu/usr/publish/00_guide.html b/src/main/webapp/visitEdu/usr/publish/00_guide.html index cce15e4d..2f46d1d1 100644 --- a/src/main/webapp/visitEdu/usr/publish/00_guide.html +++ b/src/main/webapp/visitEdu/usr/publish/00_guide.html @@ -84,6 +84,7 @@
  • m.저작권 체험교실 > 운영신청서 > 사전설문조사
  • m.저작권 체험교실 > 운영신청서 > 설문결과 상세
  • m.저작권 체험교실 > 운영신청서 > 설문결과 수정
    • +
  • 체험교실 대시보드 (프로세스)
  • 교육기반강화연수
  • 교육기반강화연수 > 목록
  • 교육신청자 대시보드
    • diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css index cbc639ec..f8ab290c 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/content.css +++ b/src/main/webapp/visitEdu/usr/publish/css/content.css @@ -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;} @@ -729,6 +757,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; } } @@ -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; } @@ -904,9 +951,12 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .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) { } diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process1.png b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process1.png new file mode 100644 index 00000000..4db48080 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process1.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process1_on.png b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process1_on.png new file mode 100644 index 00000000..ad661720 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process1_on.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process2.png b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process2.png new file mode 100644 index 00000000..c8328ff9 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process2.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process2_on.png b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process2_on.png new file mode 100644 index 00000000..ae904d45 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process2_on.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process3.png b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process3.png new file mode 100644 index 00000000..110dc095 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process3.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process3_on.png b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process3_on.png new file mode 100644 index 00000000..1b6f5913 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process3_on.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process4.png b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process4.png new file mode 100644 index 00000000..a9b84e23 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process4.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process4_on.png b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process4_on.png new file mode 100644 index 00000000..f195b2f8 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process4_on.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process5.png b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process5.png new file mode 100644 index 00000000..3acba3b4 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process5.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process5_on.png b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process5_on.png new file mode 100644 index 00000000..a538eab7 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process5_on.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/ex_process_bar.jpg b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process_bar.jpg new file mode 100644 index 00000000..badf1006 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/ex_process_bar.jpg differ diff --git a/src/main/webapp/visitEdu/usr/publish/sub_ex_dashboard.html b/src/main/webapp/visitEdu/usr/publish/sub_ex_dashboard.html new file mode 100644 index 00000000..cc931ef0 --- /dev/null +++ b/src/main/webapp/visitEdu/usr/publish/sub_ex_dashboard.html @@ -0,0 +1,578 @@ + + + + + + + 교육신청 > 교육신청·확인 > 한국저작권위원회 저작권 교육 시스템 + + + + + + + + + + + + + + + + + + + + + + + +
    + 본문 바로가기 +
    + + +
    +
    + + +
    +
    +
    +

    이전 교육신청 목록

    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    이전 교육신청 목록 교육구분, 신청일, 선택 을/를 제공하는 표
    교육구분신청일선택
    온라인2020.11.01
    오프라인2020.11.01
    온라인2020.11.01
    오프라인2020.11.01
    온라인2020.11.01
    +
    + + +
    +
    +
    +
    + + + +
    +
    +
    +

    강의만족도 결과 등록

    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    교육일차시구분대상배정강사인원설문완료 여부
    2021.07.2609:00~10:00(60분)학생초등 1~2학년홍강사20완료
    +
    + +
    + + + + + + + + + + + + + + + + + + + + + +
    +

    참석자

    +     		20 +

    응답율

    +     		100%
    +

    응답

    +     		20 +

    무응답

    +     		0
    +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    평가문항매우만족만족보통불만족매우불만족
    1. 본 교육운영에 대하여 전반적으로 만족하십니까?
    2. 본 교육 내용구성에 대해서는 어느 정도 만족 하십니까?
    3. 교육 시간은 적절했다고 생각하십니까?
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +

    학교명 검색

    +
    +
    +
    +
    +
    + + +
    +
    + + +
    +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + +
    학교명 검색 학교급, 지역, 행정구, 선택 을/를 제공하는 표
    학교급지역행정구선택
    초등서울노원구서울중평초등학교
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    + +
    + + 회원가입 +
    + + +
    +
    +
    +
    + + + +
    +
    +

    한국저작권위원회 저작권 교육 시스템

    +
    + +
    +
    + + +
    +
    +
    +
    + + + +
    +
    +

    한국저작권위원회 저작권 교육 시스템

    + + +
    +
    + + + + + + + +
    +
    +
    +
      +
    • HOME
      • +
    •  > 
      • +
    • 교육신청·확인
      • +
    •  > 
      • +
    • 교육신청
      • +
    +
    +
    +
    + +
    +
    +

    체험교실 대시보드

    +
    + + + + + +
    +
    +
    + + + + + + \ No newline at end of file