diff --git a/src/main/webapp/WEB-INF/jsp/web/kccadr/login/SsoLoginUsr.jsp b/src/main/webapp/WEB-INF/jsp/web/kccadr/login/SsoLoginUsr.jsp index 6814e1c0..b2e8e323 100644 --- a/src/main/webapp/WEB-INF/jsp/web/kccadr/login/SsoLoginUsr.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/kccadr/login/SsoLoginUsr.jsp @@ -57,6 +57,13 @@ function actionLogin() {
+
+ + + 개인의 휴대폰 번호를 이용해 본인여부를 확인할 수 있는 서비스입니다. + +
+
diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css index b4b57ced..a552e20c 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/content.css +++ b/src/main/webapp/visitEdu/usr/publish/css/content.css @@ -807,7 +807,32 @@ duet-date-picker *:focus{outline: auto !important;} .t_dashboard_btm table:nth-child(1),.t_dashboard_btm table:nth-child(2) {margin-bottom: 30px;} /* login */ -.login_wrap{width: 400px; margin: 0 auto; border: 1px solid #d5d5d5; padding: 90px 80px 75px 80px; text-align: center;} +.login_wrap{display:flex;justify-content:center;align-items:stretch;gap:30px;} +.login_wrap .box{width:calc(100%/3);padding:30px 30px 40px 30px;text-align:center;border:1px solid #7ca4ee;border-radius:10px;background:#f7fbfe;} +.login_wrap .icon{display:inline-block;width:107px;height:107px;margin:0 0 20px 0;background:#e5e5e5;border-radius:100%;} +.login_wrap .phone{background-image:url(../images/content/login_phone.png);} +.login_wrap .login_title{font-size:2.1rem;font-weight:600;color:#333;margin:0 0 30px 0;} +.login_wrap .summary{display:block;font-size:1.5rem;font-weight:300;color:#7c7c7c;line-height:1.4;} +.login_wrap button{margin:30px 0 0 0;} + +.login_tit{font-size: 28px; color: #555; font-weight: 400; margin:40px 0;} +.login_tit span{font-weight: 500; color: #222;} +.login_form input[type="text"],.login_form input[type="password"]{width: 100%; height: 46px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 15px; margin-bottom: 10px; box-sizing: border-box;} +.login_form input[type="text"]::placeholder,.login_form input[type="password"]::placeholder{font-size: 16px;} +.login_form .login_btn_wrap{margin-top: 10px;} +.login_form .login_btn_wrap button{width: 100%; height: 46px; border-radius: 5px; margin-bottom: 10px;} +.login_form .btn_login{background-color: #3a72db; font-size: 18px; color: #fff; transition: background-color 0.3s ease-in-out;} +.login_form .btn_login:hover{background-color: #0c3a97; transition: background-color 0.3s ease-in-out;} +.login_form .btn_join{background-color: #888888; font-size: 18px; color: #fff; transition: background-color 0.3s ease-in-out;} +.login_form .btn_join:hover{background-color: #666; transition: background-color 0.3s ease-in-out;} +.login_form .login_util{display: flex; justify-content: center; margin-top: 20px;} +.login_form .login_util a{position: relative; padding: 0 15px; font-size: 18px; color: #666666; font-weight: 300;} +.login_form .login_util a:hover{color: #222;} +.login_form .login_util a::after{position: absolute; content: " "; width: 1px; height: 15px; background-color: #cccccc; right: 0; top: 3px;} +.login_form .login_util a:first-child{padding-left: 0;} +.login_form .login_util a:last-child{padding-right: 0;} +.login_form .login_util a:last-child::after{display: none;} + .login_tit{font-size: 28px; color: #555; font-weight: 400; margin-bottom: 40px;} .login_tit span{font-weight: 500; color: #222;} .login_form input[type="text"],.login_form input[type="password"]{width: 100%; height: 46px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 15px; margin-bottom: 10px; box-sizing: border-box;} @@ -1212,6 +1237,15 @@ duet-date-picker *:focus{outline: auto !important;} #egov_file_view_table ul{gap:16px;} .fileView a{padding:0 0 0 46px;font-size:3.2rem;background-image:url(../images/content/icon_file_mobile.png);background-position:left 8px;} + + /* 로그인 */ + .login_wrap{flex-wrap:wrap;} + .login_wrap .box{width:100%;padding:60px 30px 80px 30px;border:2px solid #7ca4ee;border-radius:20px;} + .login_wrap .icon{width:214px;height:214px;} + .login_wrap .phone{background-image:url(../images/content/login_phone_mobile.png);} + .login_wrap .login_title{font-size:4.2rem;margin:0 0 60px 0;} + .login_wrap .summary{font-size:3rem;} + .login_wrap button{margin:60px 0 0 0;} } @media all and (max-width: 860px){ @@ -1507,8 +1541,6 @@ duet-date-picker *:focus{outline: auto !important;} .t_dashboard_top>.tb_type01>table>colgroup>col {width: 80px !important;} .t_dashboard_btm .tb_list01 {display: block; width: 100%; margin-top: 40px;} - /* login */ - .login_wrap{width: 100%; padding: 80px 30px 65px 30px; box-sizing: border-box;} /*교육기반강화연수*/ .best_list {display:block; } @@ -1592,6 +1624,14 @@ duet-date-picker *:focus{outline: auto !important;} #egov_file_view_table ul{gap:8px;} .fileView a{padding:0 0 0 23px;font-size:1.6rem;background-image:url(../images/content/icon_file.png);background-position:left 5px;} + + /* 로그인 */ + .login_wrap .box{padding:30px 30px 40px 30px;border:1px solid #7ca4ee;border-radius:10px;} + .login_wrap .icon{width:107px;height:107px;} + .login_wrap .phone{background-image:url(../images/content/login_phone.png);} + .login_wrap .login_title{font-size:2.1rem;margin:0 0 30px 0;} + .login_wrap .summary{font-size:1.5rem;} + .login_wrap button{margin:30px 0 0 0;} } @media (max-width: 479px){ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/login_phone.png b/src/main/webapp/visitEdu/usr/publish/images/content/login_phone.png new file mode 100644 index 00000000..0c4b9e7b Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/login_phone.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/images/content/login_phone_mobile.png b/src/main/webapp/visitEdu/usr/publish/images/content/login_phone_mobile.png new file mode 100644 index 00000000..f81310e6 Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/content/login_phone_mobile.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/login.html b/src/main/webapp/visitEdu/usr/publish/login.html new file mode 100644 index 00000000..26fca04d --- /dev/null +++ b/src/main/webapp/visitEdu/usr/publish/login.html @@ -0,0 +1,141 @@ + + + + + + + 교육현황 > 마이페이지 > 한국지식재산보호원 지식재산보호교육시스템 + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

교육대상자 확인

+
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
교육대상자 확인 : 성명, 주민번호앞자리, 성별 등의 정보입력
성명 + + +
생년월일/성별 +
+ + - + + ●●●●●● +
+
휴대폰 번호 + +
+ +
+
+
+
+
+ + +
+
+
+
+
+
+
+ +
+ + +
+
+
+ 본인인증 +

지식재산보호교육시스템

+
+
+
+
+ +
+

본인인증

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