From 7421ef75b559fae5e8a1a3c4160817ebdf5c8412 Mon Sep 17 00:00:00 2001 From: redcontroller Date: Tue, 1 Aug 2023 00:41:15 +0900 Subject: [PATCH 1/3] =?UTF-8?q?[#11]=20=EB=A1=9C=EA=B7=B8=EC=9D=B8/?= =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=EB=AA=A8=EB=8B=AC=20?= =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- login-modal/images/Google__G__Logo 1.png | Bin 0 -> 808 bytes login-modal/images/Googlex4.png | Bin 0 -> 2522 bytes login-modal/images/check-box.svg | 6 + login-modal/images/checked-box.svg | 6 + login-modal/images/checkmark.png | Bin 0 -> 12628 bytes login-modal/images/close.png | Bin 0 -> 832 bytes login-modal/images/css_sprites.png | Bin 0 -> 2092 bytes login-modal/images/css_spritesx4.png | Bin 0 -> 8510 bytes login-modal/images/facebook.png | Bin 0 -> 412 bytes login-modal/images/facebookx4.png | Bin 0 -> 870 bytes login-modal/images/message-circle.png | Bin 0 -> 534 bytes login-modal/images/message-circlex4.png | Bin 0 -> 1559 bytes login-modal/images/naver-logo.png | Bin 0 -> 329 bytes login-modal/images/naverx4.png | Bin 0 -> 1043 bytes login-modal/index.html | 61 ++++ login-modal/style.css | 396 +++++++++++++++++++++++ 16 files changed, 469 insertions(+) create mode 100644 login-modal/images/Google__G__Logo 1.png create mode 100644 login-modal/images/Googlex4.png create mode 100644 login-modal/images/check-box.svg create mode 100644 login-modal/images/checked-box.svg create mode 100644 login-modal/images/checkmark.png create mode 100644 login-modal/images/close.png create mode 100644 login-modal/images/css_sprites.png create mode 100644 login-modal/images/css_spritesx4.png create mode 100644 login-modal/images/facebook.png create mode 100644 login-modal/images/facebookx4.png create mode 100644 login-modal/images/message-circle.png create mode 100644 login-modal/images/message-circlex4.png create mode 100644 login-modal/images/naver-logo.png create mode 100644 login-modal/images/naverx4.png create mode 100644 login-modal/index.html create mode 100644 login-modal/style.css diff --git a/login-modal/images/Google__G__Logo 1.png b/login-modal/images/Google__G__Logo 1.png new file mode 100644 index 0000000000000000000000000000000000000000..d1a63a8885e884fb7aaaae3a110e7049bd72694e GIT binary patch literal 808 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 + + + + + diff --git a/login-modal/images/checked-box.svg b/login-modal/images/checked-box.svg new file mode 100644 index 0000000..f1d0906 --- /dev/null +++ b/login-modal/images/checked-box.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/login-modal/images/checkmark.png b/login-modal/images/checkmark.png new file mode 100644 index 0000000000000000000000000000000000000000..998433d96402b9398723317d2af73a1df726acb4 GIT binary patch literal 12628 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 P34rn&_16`0=Ar)s{+cOl literal 0 HcmV?d00001 diff --git a/login-modal/images/close.png b/login-modal/images/close.png new file mode 100644 index 0000000000000000000000000000000000000000..14fd61e0ed10fd1babd4ff28346ba0107b0976f6 GIT binary patch literal 832 zcmV-G1Hb%@~0drDELIAGL9O(c600d`2O+f$vv5yPiz2Aa4_=^KRHfJUM;=@`)@C$Q7y7-?YWLT*61l&)#W{xVrx$dcGU z@4b~4e`h?vf|&7Vv>+`EN%GcP)@50ClU!+Obs*34`@vxFeL9^UHk-|_=rhQr})TDL*WC~X+4)#{KoZ5SiU zB@En1+nyjM6cY@TUV5S!P)sq zaiS)P!U{rp)+&X<2EuU)FM+}W!nvNojY1A0vADyDLJA_e(#3^B1`=Y~j{}7SB;*<> zHHtS#NDLh%iWf*1FmzNX&LCaF&{3c`fpif==Zj(u(q#;t4~i8?A24*TD8?Xt!qB;( z7=iQ=LuZR}5v0!;IvbQ$kQgv@rYMadF=6OTP-?#p5hF&qrmteCX0JeE$IvyQoJ|@0 zWQ4kyR~{1`25Oi-PiG%x9*@T_>SA9SiV{PIuVR!wHhogpZ~p?{gHubUv_L!n0000< KMNUMnLSTX}uvEbS literal 0 HcmV?d00001 diff --git a/login-modal/images/css_sprites.png b/login-modal/images/css_sprites.png new file mode 100644 index 0000000000000000000000000000000000000000..c9a1332c80c80b46c136ebe58b8d35eba210d764 GIT binary patch literal 2092 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 literal 0 HcmV?d00001 diff --git a/login-modal/images/message-circle.png b/login-modal/images/message-circle.png new file mode 100644 index 0000000000000000000000000000000000000000..ea9255a3a5c8ebbd95a0eb14f228ab6940b14c5a GIT binary patch literal 534 zcmV+x0_pvUP)1HKF(UK^JpwNLL)_rb5ThIcPe3>Ua05Jn96=K>?!<*5!38}6Hz-jSBs%k) zLP%;mG_5TQ6TYO2zP`S%oteHVup?twl4N&MDVmFek|ZjDvEs4-7mkqRSmozwoEou& z?s`CfxSb#+?YP-!T>WYao-a*#$iA73{l$@WH3upmb}f86hEydHJ)=lfNQB-%&{ zqu$}k;5L!)V^pn!^LzXe2I}Td2hDI?gEwae-+KYbMhb+)g;nkk{V}dfG?>v!D_hnv z&V5VNJQz+|YTH$Iq$rr$o1YQ~BlsIcKFk35< zxRbegH@HYb_5CN_a2muXYl(!}v&s+CUpZ>)QqQRl)seg=Ax$Tk6C3xfT5?A<8$13J YKh{r~l^X^3Y5)KL07*qoM6N<$f_F#QegFUf literal 0 HcmV?d00001 diff --git a/login-modal/images/message-circlex4.png b/login-modal/images/message-circlex4.png new file mode 100644 index 0000000000000000000000000000000000000000..58e7c7f5d3451939f30c54a06362a11fdf4fcaa4 GIT binary patch literal 1559 zcmV+y2I%>TP)@~0drDELIAGL9O(c600d`2O+f$vv5yP&=+6UYd z)I9-iAQdXR^JT`600I*{^Udzs`~4&&B+Js0|9;=j%x-1@A%qY@2qAfzM7KqS>`{AOnLm74xW47vFJ@2CA#wx%;rKRe9I(gW^NC|gyQI>1r{chy#A(v`AQWGMqY*!#Mf=-MOu>wT1! zt;j6P){72OqhyZ$`0k+%Zy#k2&mpy(=sPc7?cG~Ofl5<>gQ`nvk4x4rZ>PX&EJc8W zYn{fX{dE>&OZ75yvY2;>g||@GGHrM-FxKHYjbS zl1=w_At!~kQ1?fY!5Su%(pdZWi|utpR!D%89^P9-v@-MMv#1>=_W-LB-dlEYeYyVm z&rc9Zt^vLpT;P*UR7*cg&0-_c5?pQpo~^F93Hq3iHhtJB#?;|lj9XQ?jY8e31u7Yy zW2YGZ*B>K-Tmn2DR#OwzcK_eszx@%+qPNhq*7-Mt)6b@k?sB%$=oNU@I>o8k|K-GZya{dVxYI8Fs7`Ui;j(#Q4Sc_Dj%Zr(SRk3|$fX%&2;vj>j7DJx0aybZ3}nc^pI4FFTowV?m(qw-v>h2HkufHyYq1At5Y`f^gzV@uboUDO z0Nn+dAk&FkA@vl2;@pie2tKeXFq8)G;uIx7GhK5BCaW?xQPknsnleg&ZZv8q^&1dF zWf{+4FWL=VlNgy34rAwjA(Quuq6Mhaqz!Sc?8K~qNxT3PlK*CQ9e3?x-1x4B2;4)y z@|5;f_TQv$vW#^T*eDgK=}x&{8Bi1=_MPqH1SswEDm!qAv3oCj3zhbHm0L2it@8mQ zV6Q-FpH~^99>jW|1b=|iJ}KvMlZ#?>2Y>tWf(rz1EqPPv)O@Py)d%G+O(# zXSf^DWvQ7XLxn$U>ee&e@tCQjyJZQ_39dla_US^)uxn83H0HN@7d~0GC(4@JOqR4- zRZvajXtpUi-KC{NbQp` zw2RJ$@9yW_Q*eU~RR8 zmMiZTdZ~R%Xoc~=25M>!=0y^k5JCtcgb+dqA%qY@2qDA-djnH%Ueduc2mAm4002ov JPDHLkV1jaG+s*(0 literal 0 HcmV?d00001 diff --git a/login-modal/images/naver-logo.png b/login-modal/images/naver-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..cb4e41d1a22c035a31ac20a8407397b6251c4ea5 GIT binary patch literal 329 zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zoCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{yk3@$B+ufw^R4>HX8`E%5Pu@oiZu#16yPx zr;=L7CPy=cnGLK;2Q~CO-Dhf@d-$hOxv}QPT>F#LYV3Z#Ja^4lpuoo@()6}WfN5*+ z4#!Ix3cJ1ucl5TLT6n|3?fKQm4u9r9keYgqvr3(VZ_dl9uJ;*3`@TI%@qf6fWJYc4 zqq0RiS%vewxmRsrXP&p-R{lz`5uKBh7XQru% zO4hQm`8dAq7nN93IBU)-n*&0h?L$5^maPy!xTlu;)1N{{OXVK|X@{&z7+IO@Dw*mR W8cz|a{GkN&DTAl0pUXO@geCx;`Fhy^ literal 0 HcmV?d00001 diff --git a/login-modal/images/naverx4.png b/login-modal/images/naverx4.png new file mode 100644 index 0000000000000000000000000000000000000000..d3040b8e8ca28aa57d0cf7171f278889d0ec980d GIT binary patch literal 1043 zcmeAS@N?(olHy`uVBq!ia0vp^1t8491|*L?_~H$uI14-?iy0VnfNULa#-+B?RssbX zi-X*q7}lMWc?smOq&xaLGB9lH=l+w(%D}+9!qdeuq=ND7T}Qv$4kBz1?k@{UobG#d zLvj8A!K8(HyPRwt4|6sMJNP+NF+E_p5Gu}LIcI^4;_fA}sp7jfS_?O8IfNQd-to2i z{eP83WrCMJJ>Ho9?5CuH5)53@Ke(#PkNxRuyGtqO|LRu%SY*E{?cMRZb|G;OLnk}g zWY*QJ5qoS4)~mm}UE*MPOk?u-8*_OCHSG>8s_t>E*utj%&O=7QDW<_Z);#4A&lbDX zB9UU1Hui`T8-ORmN} zuvTJva`E~So<@m;-6*{J8%EF?%N{2r)kwM%Fgp&U@~;| z6`eJ4cY#~SMvX12_PJhJeysLc>GtP!U%5>b=d-0QO6FMGe`>`pua{ruFn@l(Z&{JZ zC$TA?PCIXjJ@V%Icexu2wH=zBGpm_mt`~?IPvKftDwmO_aaHm`l7??zLc_hOGis{d zIqhjGIyL>$vsdjwcNz7j9hlS~;PXFeTfEli?S|T^$>vIP=O4J=zivV=!|S^(wHhhu z_5m*gva+4S9|mM;JG45l+&hUY)p_OFSu^gQTsZr|eMiQhjK8F&&3^05QY`!@=kq4rns+3&^_l&;gfD^S zypmUJ_Z>cZs=t2ktrSH+NoGxtIx + + + + + + + 로그인 페이지 + + + + +
+
+

로그인 또는 회원가입

+ +
+
+ + +
+
+
    + + + \ No newline at end of file diff --git a/login-modal/style.css b/login-modal/style.css new file mode 100644 index 0000000..85c9f1d --- /dev/null +++ b/login-modal/style.css @@ -0,0 +1,396 @@ +@font-face { + font-family: 'SpoqaHanSansNeo-Regular'; + src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +body, h1, h2, div, p, a, button { + margin: 0; + padding: 0; + font-family: 'SpoqaHanSansNeo-Regular', sans-serif; + color: #000; +} + +label, input { + margin: 0; + font: inherit; + color: inherit; +} + +a, h1, h2 { + font: inherit; + color: inherit; + text-decoration: none; +} + +button { + font: inherit; + background-color: #fff; + border: 0; +} + +ul, li { + font: inherit; + margin: 0; + padding: 0; + list-style-type: none; +} + +/* CSS 적용 */ + +.a11y-hidden { + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; +} + +body { + height: 100vh; + display: flex; +} + +section { + max-width: 520px; + margin: auto auto; + border: 1px solid #C4C4C4; + border-radius: 10px; + background-color: #fff; +} + +.header { + width: 100%; + height: 58px; + display: flex; + justify-content: center; + align-items: center; + position: relative; + border-bottom: 1px solid #C4C4C4; +} + +.header h1 { + font-weight: 500; +} + +.header button { + width: 16px; + height: 16px; + margin-right: 24px; + right: 0; + background: url(./images/close.png) 0 0 no-repeat; + background-size: cover; + position: absolute; +} + +.header button:hover { + background-color: rgb(239, 237, 237, 0.8); +} + +.header button:focus { + background-color: rgb(211, 211, 211, 0.8); + /* box-shadow: inset 0 0px 2px 0 black; */ +} + +.main { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; +} + +/* 일반 로그인 부분 */ + +.normal-login { + width: 100%; + padding: 26px 24px 30px; + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.normal-login h2 { + font-size: 20px; + font-weight: 500; + line-height: 24px; + margin-right: auto; + margin-bottom: 24px; +} + +.normal-login .form { + /* width: 472px; */ + width: 100%; + height: fit-content; +} + +.form .input { + /* width: 472px; */ + width: 100%; + height: 50px; + color: #767676; + padding-left: 16px; + background-color: #fff; + border: 2px solid #F4492E; + border-radius: 5px; + box-sizing: border-box; +} + +.normal-login .form p { + font-size: 14px; + color: #F4492E; +} + +.normal-login .id-alert { + margin: 6px auto 10px 4px; +} + +.normal-login .pw-alert { + margin: 10px auto 12px 4px; +} + +.normal-login .hide { + overflow: hidden; + width: 1px; + height: 1px; + clip-path: inset(50%); + background-color: skyblue; +} + +.label-hold:hover { + cursor: pointer; +} + +.label-hold::before { + display: inline-block; + content: ''; + width: 22px; + height: 22px; + margin-right: 8px; + background-image: url(./images/check-box.svg); + vertical-align: top; +} + +.label-hold { + display: inline-block; + vertical-align: top; + padding-right: auto; +} + +.input-hold:focus-visible+.label-hold::before { + outline: 2px solid #000; + outline-offset: 1px; +} + +.input-hold:checked+.label-hold::before { + background-image: url(./images/checked-box.svg); +} + +.btn { + width: 100%; + height: 100%; + font-size: 16px; + font-weight: 500; + color: #767676; + border: 1px solid #767676; + border-radius: 5px; + background-color: #fff; + display: inline-block; + text-align: center; + line-height: 50px; + overflow: auto; +} + +.form .member { + width: 472px; + width: 100%; + height: 50px; + font-size: 18px; + font-weight: 700; + margin: 20px 0; + color: #fff; + border: none; + background-color: #2F80ED; +} + +.normal-login > div{ + color: #767676; + font-size: 14px; + font-weight: 400; +} + +.normal-login > div > a:nth-child(1) { + margin-right: 12px; +} + +.normal-login>div>a:nth-child(1)::after { + content: "|"; + margin-left: 12px; +} + +/* SNS 로그인 부분 */ + +.sns-login { + width: 100%; + padding: 0 24px 25px; + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; +} + +.sns-login > p { + width: 100%; + font-size: 14px; + font-weight: 400; + color: #767676; + text-align: center; + display: inline-block; +} + +.sns-login > p::before { + content: ""; + display: inline-block; + width: calc((100% - 52px)/2); + height: 1px; + margin-right: 13px; + vertical-align: middle; + background-color: #C4C4C4; +} + +.sns-login > p::after { + content: ""; + display: inline-block; + width: calc((100% - 52px)/2); + height: 1px; + margin-left: 13px; + vertical-align: middle; + background-color: #C4C4C4; +} + +.sns-group { + width: 100%; + display: flex; + flex-direction: column; + gap: 10px +} + +.sns-group > li { + width: 100%; + height: 50px; +} + +.btn::before { + content: ""; + display: inline-block; + width: 28px; + height: 28px; + margin-left: 12px; + position: absolute; + top: calc((50px - 28px)/2); + left: 0; +} + +.google { + border-color: #767676; + position: relative; +} + +.facebook { + border-color: #2D9CDB; + position: relative +} +.naver { + border-color: #00BF18; + position: relative +} +.kakao { + border-color: #F2C94C; + position: relative +} + +.google::before { + /* background: url('./images/css_sprites.png') -58px -10px no-repeat; + background-size: 96px 96px; */ + background: url('./images/css_spritesx4.png') -58px -10px no-repeat; + background-size: 96px 96px; +} + +.facebook::before { + content: ""; + /* background: url('./images/css_sprites.png') -10px -10px; + background-size: 96px 96px; */ + background: url('./images/css_spritesx4.png') -10px -10px no-repeat; + background-size: 96px 96px; +} + +.naver::before { + content: ""; + /* background: url('./images/css_sprites.png') -58px -58px; + background-size: 96px 96px; */ + background: url('./images/css_spritesx4.png') -58px -58px no-repeat; + background-size: 96px 96px; +} + +.kakao::before { + content: ""; + /* background: url('./images/css_sprites.png') -10px -58px; + background-size: 96px 96px; */ + background: url('./images/css_spritesx4.png') -10px -58px no-repeat; + background-size: 96px 96px; +} + +/* ~ 최대 765px 까지 스타일 적용 */ +@media (max-height: 765px) { + .section { + max-width: 100vw; + width: 90vw; + } + .form { + display: grid; + grid-template-areas: + "id pw lg lg" + "idt pwt lb ch" + ; + /* grid-template-columns: 1fr 1fr 1fr; */ + grid-template-columns: 1fr 1fr 0.2fr 1fr; + } + .normal-login .form > #input-id { + width: 95%; + grid-area: id; + } + .normal-login .form > .id-alert { + grid-area: idt; + } + .normal-login .form > #input-pw { + width: 95%; + grid-area: pw; + } + .normal-login .form > .pw-alert { + grid-area: pwt; + } + .normal-login .form>.member { + width: 90%; + height: 90%; + grid-area: lg; + margin: auto auto; + } + .normal-login .form > .input-hold.hide { + grid-area: lb; + } + .normal-login .form > .label-hold { + grid-area: ch; + } + .sns-login .sns-group { + width: 100%; + flex-direction: row; + justify-content: space-between; + /* flex-wrap: wrap; */ + } +} \ No newline at end of file From 61b23f968be13afb4bc019e687740f1933c66831 Mon Sep 17 00:00:00 2001 From: redcontroller Date: Wed, 2 Aug 2023 04:32:16 +0900 Subject: [PATCH 2/3] =?UTF-8?q?[#11]=20=EC=9B=B9=EC=A0=91=EA=B7=BC?= =?UTF-8?q?=EC=84=B1=EA=B4=80=EB=A0=A8=20=EC=88=98=EC=A0=95=EC=82=AC?= =?UTF-8?q?=ED=95=AD=20=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- login-modal/style.css | 29 ++++++++++++++++++++++++----- 1 file changed, 24 insertions(+), 5 deletions(-) diff --git a/login-modal/style.css b/login-modal/style.css index 85c9f1d..35c2f68 100644 --- a/login-modal/style.css +++ b/login-modal/style.css @@ -56,7 +56,7 @@ body { } section { - max-width: 520px; + width: 520px; margin: auto auto; border: 1px solid #C4C4C4; border-radius: 10px; @@ -88,6 +88,7 @@ section { } .header button:hover { + cursor: pointer; background-color: rgb(239, 237, 237, 0.8); } @@ -124,23 +125,29 @@ section { } .normal-login .form { - /* width: 472px; */ width: 100%; height: fit-content; } .form .input { - /* width: 472px; */ width: 100%; height: 50px; color: #767676; padding-left: 16px; background-color: #fff; - border: 2px solid #F4492E; + border: 1px solid #C4C4C4; border-radius: 5px; box-sizing: border-box; } +.form .input:hover { + border: 2px solid #F4492E; +} + +.form .input:focus { + outline: 1px solid #2F80ED; +} + .normal-login .form p { font-size: 14px; color: #F4492E; @@ -216,6 +223,11 @@ section { color: #fff; border: none; background-color: #2F80ED; + overflow: hidden; +} + +.form .member:hover { + cursor: pointer; } .normal-login > div{ @@ -225,14 +237,21 @@ section { } .normal-login > div > a:nth-child(1) { - margin-right: 12px; + position: relative; } .normal-login>div>a:nth-child(1)::after { content: "|"; margin-left: 12px; + cursor: default; + position: absolute; +} + +.normal-login>div>a:nth-child(2) { + margin-left: 24px; } + /* SNS 로그인 부분 */ .sns-login { From 9e1a2879b55e3efa91977bb9889e5140e647ca98 Mon Sep 17 00:00:00 2001 From: redcontroller Date: Wed, 2 Aug 2023 05:32:05 +0900 Subject: [PATCH 3/3] =?UTF-8?q?[#11]=20=EB=B0=98=EC=9D=91=ED=98=95=20?= =?UTF-8?q?=EA=B2=BD=EA=B3=A0=EB=AC=B8=EA=B5=AC=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- login-modal/index.html | 2 +- login-modal/style.css | 20 +++++++++++++++++--- 2 files changed, 18 insertions(+), 4 deletions(-) diff --git a/login-modal/index.html b/login-modal/index.html index c25dab6..e30e838 100644 --- a/login-modal/index.html +++ b/login-modal/index.html @@ -24,7 +24,7 @@

    위니브에서 여러분의 궁금증을 해결하세요! :)

    아이디를 입력해주세요

    - +

    아이디 혹은 비밀번호과 일치하지 않습니다.

    diff --git a/login-modal/style.css b/login-modal/style.css index 35c2f68..4db54dd 100644 --- a/login-modal/style.css +++ b/login-modal/style.css @@ -138,6 +138,11 @@ section { border: 1px solid #C4C4C4; border-radius: 5px; box-sizing: border-box; + margin-bottom: 10px; +} + +.form .input.pw { + margin-bottom: 16px; } .form .input:hover { @@ -151,14 +156,21 @@ section { .normal-login .form p { font-size: 14px; color: #F4492E; + display: none; } -.normal-login .id-alert { +.form .input:focus-visible + .id-alert { margin: 6px auto 10px 4px; + display: block; } -.normal-login .pw-alert { +.form .input:focus-visible+ .pw-alert { margin: 10px auto 12px 4px; + display: block; +} + +.form input[type='text']:focus-visible { + margin-bottom: 0; } .normal-login .hide { @@ -366,7 +378,7 @@ section { } /* ~ 최대 765px 까지 스타일 적용 */ -@media (max-height: 765px) { +@media (max-height: 750px) { .section { max-width: 100vw; width: 90vw; @@ -382,6 +394,7 @@ section { } .normal-login .form > #input-id { width: 95%; + margin-bottom: 0; grid-area: id; } .normal-login .form > .id-alert { @@ -389,6 +402,7 @@ section { } .normal-login .form > #input-pw { width: 95%; + margin-bottom: 0; grid-area: pw; } .normal-login .form > .pw-alert {