From cbf0c9f95f8bc78f398e8e3a64edf5f44a0de5c3 Mon Sep 17 00:00:00 2001 From: subsub Date: Tue, 18 Nov 2025 15:39:42 +0900 Subject: [PATCH] =?UTF-8?q?=EB=B3=B8=EC=9D=B8=EC=9D=B8=EC=A6=9D=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../jsp/web/kccadr/login/SsoLoginUsr.jsp | 14 +- .../visitEdu/usr/publish/css/content.css | 46 +++++- .../publish/images/content/login_phone.png | Bin 0 -> 2053 bytes .../images/content/login_phone_mobile.png | Bin 0 -> 4144 bytes .../webapp/visitEdu/usr/publish/login.html | 141 ++++++++++++++++++ 5 files changed, 195 insertions(+), 6 deletions(-) create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/login_phone.png create mode 100644 src/main/webapp/visitEdu/usr/publish/images/content/login_phone_mobile.png create mode 100644 src/main/webapp/visitEdu/usr/publish/login.html 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 0000000000000000000000000000000000000000..0c4b9e7b6c412a1b009d5cb32bd68defa8812548 GIT binary patch literal 2053 zcma)7c{J3G8vbQSDUsqDpQYR)dzvw1Y%z#o6r%Yo<71G08%vROvNalH8BrRt`^=Cf zOLhiXDp_KTaLK;+HDfGS=l*xkJ@?)}p7;6VJ?}a1`#k48Pr@CPAuo>z4*&qXMz;~> z$L#S7r%oPM-E&rL29C`2ped_K zz%KVDe;j{sTSw@&&WF-sYM0S#Y%A2Df#{yMN|QZ2>%9EM+e9|2x{{CgPpAF+cxH#y zCuLVJ{gZi~{Ot}{eS8Xm$eCJ=BjHJJyracve@*cz#p3xLsT%{0FAWp(=xqDkpUhrO zt?x{FsEXa#-JVv*AdbY6eC%o6UIBdS)l*lI{KgrV(&TSlLr34K;w1lQ;L!RVkd6o zgXug?u_kx}d+ZwyDx{J7o(=1ipdFlQ5OtrU9O+(%L$ksYoXhg`|1 z>Xeccc(PEY2elU!ZCQzW^yW7RHfcuROuWqcT}aN*@~R2x4;|iD0j?>K;Xd*LaTqgx zg~SNN91wOY5#WI{WwtIw4(nO-RGW`b1sSxe*5Yhu<=-Pwv0SO1H=~%F|6L-*xkXjOtk zc`M1zAhy%!C2ei(ngnp98u~?HifSWpy&^{0?)v)}GD-da)%9Oa#2;l*)+_89yGtyJ z7T4FMF7nLy*ZVe3rKP9O;M50DN>}4E1<#%=DJz@n&w}u+dbqi@t^BBZxZ`3)vG>vq zD$%bl_f_j3ir98iS68S0{%44Wc!m-N6%+*1$|ZJp8z^F$`x);;!J?wrx$Y#FqJ2bs z#=Is|NK8yj?Io(#XIjgp=5wC@)6EbKC=^PKI0`=}s@6K&^;AX?7IxXIkAJdFSY#jX zWJm<4UX!(PigGqB;hKVifm?AxAR=W=L^<{}al3 z8VIa@eH&M1P0`}dUs1QGWEK`mK~3`;8YUK@7Kw{~qt>M@#@}m#6zv*1pNYYL37nSp z%~x%cePH{}_eAaxcWZ`%jnpcGhAW2CX;~li!q#>aM( z4LaixDgg^78sdBf1qDr8E7Kq8Ha85uEF?C$De-XjiX8jD2V$Qn4);4F_d!-7o;6o; zV%dxj`1nw+e>9Lq*XA6geg(63RTE;P6THk3QLii5OV4SipG1ebgr9d#_mC#Y_%hhj zaDT;CpCfwaJC~aRBdo7&;*5=V(tV?$Y4^H1mQ3IU@hKyZW<-JG0SR?y%NohdQdj>A z5k#KfSd`+3>S@!}Y}W(n(MjnCZf-_CvoZ(-qngR4v*wu`5`=9GUdEyR#yL@5(ye)Iesu#u$5P8-9Ul| zD*|=iQ^v@_B^`YECyL(o&Y7Z%loLwU11`e>70Qzv8zvWpx-n&Sb*lH=3dPP3I2?&- z0}qL6W!*dG&f@19pA^>Kf@!Q^2ew0F7)B@H!NEZSn)r!g5^FIiM20bM}ddCqZ=%0BcyUF&oo^7YU30N zg=$*LR`C!DSm;0gP>wA~X?1m)X*R4t<)@{ju8>Z6TTuuLP9c2F=wFL8HZ~rA9~vxj z19A?WRKszn3h^Iefux9B?+chyzGro<{Ar3{!ZN;nK}(_468(uZn8ZlVk}=6@!GI-2 z*xDIfn@?jjcexFEsL8v;uGhocx~|C$9pO$q*_;q5e~^yjJ>)m1 literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..f81310e67017a8a05b4c08cad4566cc977377b33 GIT binary patch literal 4144 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 + + + + + + 교육현황 > 마이페이지 > 한국지식재산보호원 지식재산보호교육시스템 + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+

교육대상자 확인

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

지식재산보호교육시스템

+
+
+
+
+ +
+

본인인증

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