diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css index 0788dd7e..a20c5c1c 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/content.css +++ b/src/main/webapp/visitEdu/usr/publish/css/content.css @@ -288,8 +288,9 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .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 {display:flex; width:100%; padding:0 0 60px 0;} +.best_list .best_con {position: relative; width:24%; border:1px solid #d5d5d5; border-radius: 20px 0; overflow: hidden; margin: 0 30px 0 0;} +.best_list .best_con:last-child{margin: 0;} .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;} @@ -750,9 +751,30 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .edu_wrap .tb_type01 table tbody .edu_sus_num li p span{font-weight: 500;} .edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size: 15px; font-weight: 400;} +/*마이페이지 추가*/ +.mypage_wrap .mypage{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 40px 0;} +.mypage_wrap .mypage li{width: calc((100% - 170px)/4);} +.mypage_wrap .mypage .wrap{height: 178px; border-radius: 10px; background-color: #eaedf1;} +.mypage_wrap .mypage .wrap .title{border-radius: 10px 10px 0 0; background-color: #3a72db; text-align: center; font-size: 20px; color: #fff; font-weight: 500; line-height: 53px;} +.mypage_wrap .mypage .wrap .title p img{margin: 0 0 4px 0;} +.mypage_wrap .mypage .wrap .inner_text{width: calc(100% - 68px); height: calc(100% - 116px); padding: 7px 7px 10px 7px; margin: 23px auto 0 auto; border-radius: 10px; background-color: #fff; font-size: 18px; font-weight: 400; color: #666; text-align: center; line-height: 1.4;} +.mypage_wrap .mypage .wrap .inner_text a i{display: inline-block; width: 4px; height: 4px; background-color: #3a72db; margin: 0 5px 4px 0; border-radius: 100%;} +.mypage_wrap .mypage .wrap .inner_text a p span{margin: 0 0 0 20px; font-size: 22px; font-weight: 500; color: #222;} +.mypage_wrap .mypage .wrap .inner_text a:hover *{color: #e95504;} +.mypage_wrap .tb_tit02 .tb_tit02_left .t_best{background-image: none; padding: 0;} +.mypage_wrap .tb_list02 thead tr th{font-weight: 500;} +.mypage_wrap .tb_list02 tbody tr td{height: 47px;} +.mypage_wrap .mypage_table{display: flex;} +.mypage_wrap .mypage_table .right{margin: 0 60px 0 0;} +.mypage_wrap .mypage_table table tbody tr{cursor: pointer;} +.mypage_wrap .mypage_table table tbody tr:hover{color: #e95504;} +.mypage_wrap .first_line{margin: 0 0 60px 0;} + +/*마이페이지_m 추가*/ +.mypage_m .mypage_m_list ul{border-top: none;} -/*교육소개 추가*/ @media all and (max-width: 1300px){ + /*교육소개 추가*/ .edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 55%;} } @@ -771,12 +793,17 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa } -/*교육소개 추가*/ @media all and (max-width: 1100px){ + /*교육소개 추가*/ .edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 80%;} + + /*마이페이지 추가*/ + .mypage_wrap .mypage{margin: 0 0 20px 0;} + .mypage_wrap .mypage li{width: calc((100% - 45px)/2); margin: 0 0 40px 0;} + .mypage_wrap .mypage .wrap .inner_text{width: calc(100% - 67px); height: calc(100% - 116px); padding: 7px 7px 11px 7px; margin: 21px auto 0 auto;} + .mypage_wrap .mypage_table .right{margin: 0 40px 0 0;} } - @media all and (max-width: 1280px){ .list_top {padding: 15px 20px;} input[type="text"] {padding: 0 12px;} @@ -804,8 +831,8 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa } -/*교육소개 추가*/ @media all and (max-width: 860px){ + /*교육소개 추가*/ .edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 100%;} } @@ -983,20 +1010,26 @@ 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;} - + + /*마이페이지 추가*/ + .mypage_wrap .mypage{margin: 0 0 -60px 0;} } - -/*교육소개 추가*/ @media all and (max-width: 640px) { + /*교육소개 추가*/ .edu_wrap .tb_type01 table tbody .edu_sus_num li p{margin: auto auto auto 6px;} .edu_wrap .tb_type01 table tbody .edu_sus_num .sus_te p b span{font-size: 14px;} .edu_wrap .tb_type01 table tbody .edu_sus_num li p b{padding: 0 5px 0 0; margin: 0 5px 0 0;} .edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{height:12px; top:5px;} + + /*마이페이지 추가*/ + .mypage_wrap .mypage{margin: 0 0 -40px 0;} + .mypage_wrap .mypage li{width: calc((100% - 26px)/2); margin: 0 0 25px 0;} + .mypage_wrap .mypage .wrap .inner_text{width: calc(100% - 63px); height: calc(100% - 113px); padding: 9px 7px 8px 7px; margin: 21px auto 0 auto;} } - /*교육소개 추가*/ @media all and (max-width: 560px){ + /*교육소개 추가*/ .edu_wrap .tb_type01 table tbody .edu_sus_num li{padding: 5px;} .edu_wrap .tb_type01 table tbody .edu_sus_num li p{line-height: 1.2;} .edu_wrap .tb_type01 table tbody .edu_sus_num li p b::after{display: none;} @@ -1004,7 +1037,6 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .edu_wrap .edu_img img{width: 100%;} } - @media all and (max-width: 520px) { /* list top3 */ .list_top3 ul li {width: calc(100%);} @@ -1016,17 +1048,24 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .list_view .view_info {display: block;} .list_view .view_info p {margin-bottom: 10px;} .list_view .view_info p:last-child {margin-bottom: 0;} + + /*마이페이지 추가*/ + .mypage_wrap .mypage li{width: calc((100%)/1);} } - /*교육소개 추가*/ @media all and (max-width: 400px){ + /*교육소개 추가*/ .edu_wrap .tb_type01 table tbody .edu_sus_num li{border-radius: 10px; padding: 10px;} /* .edu_wrap .tb_type01 table tbody .edu_sus_num li p img{width: 8%;}*/ + + /*마이페이지 추가*/ + .mypage_wrap .tb_tit02{margin: -5px 0 10px 0;} + .mypage_wrap .tb_tit02 .tb_tit02_left .t_best{font-size: 19px;} } -/*교육소개 추가*/ @media all and (max-width: 340px){ + /*교육소개 추가*/ .edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 110%; padding: 5px;} .edu_wrap .tb_type01 table tbody .edu_sus_num li .num{width: 20px; height: 20px; font-size: 14px;} } diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon01.png b/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon01.png new file mode 100644 index 00000000..3a09c493 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon01.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon02.png b/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon02.png new file mode 100644 index 00000000..f5afbe40 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon02.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon03.png b/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon03.png new file mode 100644 index 00000000..41b8da02 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon03.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon04.png b/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon04.png new file mode 100644 index 00000000..a53e9c6c Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/mypage_icon04.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/sub_mypage.html b/src/main/webapp/visitEdu/usr/publish/sub_mypage.html new file mode 100644 index 00000000..3b991b1a --- /dev/null +++ b/src/main/webapp/visitEdu/usr/publish/sub_mypage.html @@ -0,0 +1,998 @@ + + + + + + + 한국저작권위원회 저작권 교육 시스템 > 마이페이지 + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 본문 바로가기 +
+ + +
+
+ + +
+
+
+

교육신청 취소

+ +
+
+
+
+ +
+
+ + + + + + + + + + + + + +
첨부파일 +
+ +
+
+ + + + + + + + + + + + + + + + +
파일 명종류크기
+

첨부하실 파일을 마우스끌어서 넣어주세요.

+
+
+
취소사유
+ +
+
+
+
+
+ +
+
+
+
+
+
+
+
+ + + +
+
+
+

교육대상자 확인

+ +
+
+
+
+ + + + + + + + + + + + + +
성명 + +
주민번호앞자리 +
+ +
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+
+
+
+ + + +
+
+
+

교육문의하기

+
+
+

안녕하세요.
한국저작권위원회입니다.

+
+
+
+
+
+ +
+
+
+
+
+
+
+ + + + +
+
+
+ +
+ + 회원가입 +
+ + +
+
+
+
+ + + +
+
+

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

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

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

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

마이페이지

+
+ +
+
+ + + +
+
+
+
+
찾아가는 교육 청소년
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
찾아가는 교육 청소년 목록표
교육일신청유형신청상태설문
2023-07-26오프라인교육예정미완료
2023-07-26오프라인교육확정완료
2023-07-21오프라인교육취소-
+
+
+
+
+
찾아가는 교육 성인
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
찾아가는 교육 성인 목록표
교육일신청유형신청상태설문
2023-07-26오프라인교육예정미완료
2023-07-26온라인교육완료완료
2023-07-21오프라인교육취소-
+
+
+
+
+
+
+
체험교실
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
체험교실 목록표
운영연도교육내용처리상태결과보고서
2023년담당교과운영확정미제출
2022년체육운영종료제출완료
2023년교과수업운영종료제출완료
+
+
+
+
+
실무역량강화 교육
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
실무역량강화 교육 목록표
교육일신청상태설문이수증
2023-07-26오프라인교육예정-
2023-07-26온라인교육완료출력
2023-07-21오프라인교육취소-
+
+
+ + +
+
+
+
찾아가는 교육 청소년
+
+
+ +
+
+
+ +
    +
  • + 교육일 + 2023-07-26 +
    • +
  • + 신청유형 + 오프라인 +
    • +
  • + 신청상태 + 교육예정 +
    • +
  • + 설문 + 미완료 +
    • +
+ + +
    +
  • + 교육일 + 2023-07-26 +
    • +
  • + 신청유형 + 오프라인 +
    • +
  • + 신청상태 + 교육확정 +
    • +
  • + 설문 + 완료 +
    • +
+ + +
    +
  • + 교육일 + 2023-07-21 +
    • +
  • + 신청유형 + 오프라인 +
    • +
  • + 신청상태 + 교육취소 +
    • +
  • + 설문 + - +
    • +
+ +
+
+
+
+
+
찾아가는 교육 성인
+
+
+ +
+
+
+ +
    +
  • + 교육일 + 2023-07-26 +
    • +
  • + 신청유형 + 오프라인 +
    • +
  • + 신청상태 + 교육예정 +
    • +
  • + 설문 + 미완료 +
    • +
+ + +
    +
  • + 교육일 + 2023-07-26 +
    • +
  • + 신청유형 + 온라인 +
    • +
  • + 신청상태 + 교육완료 +
    • +
  • + 설문 + 완료 +
    • +
+ + +
    +
  • + 교육일 + 2023-07-21 +
    • +
  • + 신청유형 + 오프라인 +
    • +
  • + 신청상태 + 교육취소 +
    • +
  • + 설문 + - +
    • +
+ +
+
+
+
+
+
체험교실
+
+
+ +
+
+
+ +
    +
  • + 운영연도 + 2023년 +
    • +
  • + 교육내용 + 담당교과 +
    • +
  • + 처리상태 + 운영확정 +
    • +
  • + 결과보고서 + 미제출 +
    • +
+ + +
    +
  • + 운영연도 + 2022년 +
    • +
  • + 교육내용 + 체육 +
    • +
  • + 처리상태 + 운영종료 +
    • +
  • + 결과보고서 + 제출완료 +
    • +
+ + +
    +
  • + 운영연도 + 2023년 +
    • +
  • + 교육내용 + 교과수업 +
    • +
  • + 처리상태 + 운영종료 +
    • +
  • + 결과보고서 + 제출완료 +
    • +
+ +
+
+
+
+
+
실무역량강화 교육
+
+
+ +
+
+
+ +
    +
  • + 교육일 + 2023-07-26 +
    • +
  • + 신청상태 + 오프라인 +
    • +
  • + 설문 + 교육예정 +
    • +
  • + 이수증 + - +
    • +
+ + +
    +
  • + 교육일 + 2023-07-26 +
    • +
  • + 신청상태 + 온라인 +
    • +
  • + 설문 + 교육완료 +
    • +
  • + 이수증 + 출력 +
    • +
+ + +
    +
  • + 교육일 + 2023-07-21 +
    • +
  • + 신청상태 + 오프라인 +
    • +
  • + 설문 + 교육취소 +
    • +
  • + 이수증 + - +
    • +
+ +
+
+ +
+
+
+ + + + + + \ No newline at end of file