From ff1ddb4e24e1334ccd1a623689141d5fe4be8d4f Mon Sep 17 00:00:00 2001 From: jeonsooyoung Date: Mon, 19 May 2025 22:43:33 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=EC=8A=A4=ED=94=84=EB=A6=B0=ED=8A=B8=20?= =?UTF-8?q?=EB=AF=B8=EC=85=98=202=20=EC=A7=84=ED=96=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- images/ico_google.png | Bin 0 -> 1619 bytes images/ico_kakao.png | Bin 0 -> 1490 bytes images/ico_visibility_off.png | Bin 0 -> 835 bytes images/ico_visibility_on.png | Bin 0 -> 720 bytes images/logo.png | Bin 2938 -> 6324 bytes images/logo_s.png | Bin 0 -> 2938 bytes index.html | 167 +++++++++++++++++++--------------- login.html | 77 ++++++++++++++++ palette.css | 12 +++ signup.html | 100 ++++++++++++++++++++ 10 files changed, 284 insertions(+), 72 deletions(-) create mode 100644 images/ico_google.png create mode 100644 images/ico_kakao.png create mode 100644 images/ico_visibility_off.png create mode 100644 images/ico_visibility_on.png create mode 100644 images/logo_s.png create mode 100644 login.html create mode 100644 palette.css create mode 100644 signup.html diff --git a/images/ico_google.png b/images/ico_google.png new file mode 100644 index 0000000000000000000000000000000000000000..f75dc76162756aee1e04293796c7dd74ef5f9ef0 GIT binary patch literal 1619 zcmV-Z2CVssP)`Td_iJ} zBxpiHfPnFm7%CFP3$zuAkpx*J(b5VmrF%QK@&8YE+udH^oZW4k_$A#=X6K*t?aX&( z{`p2h2_U5m$1ST)1?m-`T2Yj6raq=fao!a&R<3F7R3Af;P*5QHOtW5>%A<HR12{8cNJTV31!EEEbwF&;=-R>ZWdL#Aa*%XXyey3&>Y;5e=q!?9i; zroA3xg}y$so*!b-!yWL@H%Aap$(<$Wmi~c-m@4v7r9K1EVU( z4%~N!^j>}@3PCa{>(Zuujx{%4;Af@N=DF)hL>YZ#oiQo^xp0FJkuH!@vLtiq| zGB_d|dV6l65cjz`b%A#eg|57sF6K99r)oX_^~UMeNXNbb~_n zT|@G~9+LAe_~1kkOTiIC@()!#w^I zf}r}{k6@z8>N|D!9>gNF~kh?bu}#_{e>n68DiW8&ncGx+4xZan+-8}x&E@?x6q zGvF7Tv9V*6;Y!CM%i1Co(ah&5zj)>Qw{Wbh!*_c@Gg99D0<_dTtY2kd-74L8tW7zw z3)x(z>n$EbN+|Y|n}Zkysg zB0$PHabZ6NbT=4k1SbA)Ef%A zz~PbRsVUVp!D!&V+5Ah96lI}?b}oqY7P^ZVlPd%6ll!J?iC0lduscLAV_T_+XYV$6 zRCzhYSbN49C<`7%UX?qD0p|^5oe2w*7pcIN4efccGHoWEjoL# z=%t8~(?q$?Fbw~xUMUFYg2;qz+g{A4THAH&a<6X57mJxGx1+LBkCx)<_CE+H$-s=} R`>p^0002ovPDHLkV1jon2n+xK literal 0 HcmV?d00001 diff --git a/images/ico_kakao.png b/images/ico_kakao.png new file mode 100644 index 0000000000000000000000000000000000000000..bd767800535807645a71ebf12a6e340d942e82ab GIT binary patch literal 1490 zcmV;@1ugoCP)^Kzar43FneS!lBKTBzNEpkxHdDMCt(t zIM?p60@ZG+3Rjh05DeNxHZ>krSO8LMD zJW00ormmnO=#qD(gfMggl0n>6_DuB#R?|B2jzr1Cd0x85K+eE9KmyDcMSgA|5YO1j z*%CcW#r%>N*KsjFoFkA#nh8(DPP@F-gIp>W6ugu;Z;}N1AEc06YAo1Frm04WB;%#^ z_Jifj$Vee0%>wNd(Klso8)Uffm?zz!!Sob37fh0%IP9mw4c2TRO3{76Bo&B*hxgsB zzgIIonOyK<3fe$6TZXNzmyr170Csi`VQ;qpxtvhX412S696sZxdM0qix^YQ`` zTw3@C&VtG5_hA|d>%h{g@=@k0I#wMr^X*%|pP3|q)}Xa=xw50Ii>> zt+0q|JGlUvpEJh7c0!L=Uev}Ev1F?HKQiCM&3Dzd%m*#!j1yAu*}afCE1!if#$K0&6Qwx??{mw^m){nawie35PnC=QSPL<1vA*E z=Ds11BK#T7bJ=4pZf<7577T(I^~`T4v$K8dn~#_Oh5O(BrN&R!_SM+@+yEbv-rRTv zq0n1)OQ9zHFgWOe8I1V7y<+V?eXIjhFYmNNvdkQf4xrX^u!1f^=B(G`Nzexo!IOch zk*2)dNrKGPlqmWd`Cg?oUaBSVQ0Pj_wJ3Xx;>X;&J=C~X^`q_JuIv_DYnA+MZ?|~r zKKWQE)UU>CPySO^Y$hN&Hh}YeHJ`onfx2d^{z&f9kEF<_$@i%Q6HFT`RFOfVB11mV zN@C*Xd$?euvs09kxk;l$YO$KWf@WR?)Fu)jH=uwcvu

RF=tQ1w4AVtKO@8Rs~;N zZEXdm04dY#;Q9FXIEdK^PETz&1XVXdq?cDdv6aEhgtZ>of&;#p9oF)rPM}djfiW59 zWx;-M5^NR#-2f?oGJz8~N1`QgCo2JE4+@e8`1QUvo8M-jj6s@=j%j7aOz-g8Gd>Vl z&EVm}lFl1uwc8=mor2z7Uis8E-!=e`fas#yJnEoOz3ZR}YE-_S_)S+F^Q;HE`?nQI z9aA^(6a~`={G4>tggR*4io|udBFVb?Z-E*Xqo3DmIGK0IM|-B;mPNynBt|=tq_Nw& zSuV3V)M{8~0m`8k$Y)hIG;$fbjiM}1S>sv>C9R?#%n0+B4@N!~z+=?6U zb*Ejx+0oqG^{{Q6>BWNRF?F*+C!pvqhy&A(WJOLBq}@x*wTS0IVdw%VnY&!#9@TLj z`L=()q2p`jf*IVx#_;8~G6VS`2eHIBtm+c9&^FO}9R3--hKE>TCRte00W1T*MV?4u svxC1Y@g!sAG?9B!*qaAF~q5uE@07*qoM6N<$f@7}K4gdfE literal 0 HcmV?d00001 diff --git a/images/ico_visibility_off.png b/images/ico_visibility_off.png new file mode 100644 index 0000000000000000000000000000000000000000..5dc09fbe14825bbeca393fc3f3545a6f56862b1c GIT binary patch literal 835 zcmV-J1HAl+P)e&M|*af=8F2w|I_K2WKqn2=^P)zV-Z*tpm^aS2CVyQQkqHRJzqKV~( ziJ@&`E1?{g8%I2;)ZOvTrn4@U0*9WAU$U8*xAWdN@4asZ;6F}_$mo=B_)dHbT8wr% zIWP~x$Z+B2$mFHv*YipDrlIIP4ZzfZLx)&1#C_mcTF%VpPa;6~Vt6E;rXXX8I3r1J zjZDs3oF|(28}#KpHP1{o`@}erpc%=H==gOsnX&Tb`L3PO?RW<;O9R9R0>uKjMb zH5$4Cp)d{C=nHrC_TzSWGrvbgq=CfK-B5Pc@bRN#GD-ViBuQaNqctjS&9R zYB`4PPUyqYICtL@i8g2f4vC{DWK_QvO7b6r7C}4{q@r=tG}qyu!f%HyZ=h#j7~%i` N002ovPDHLkV1mIIh1~!E literal 0 HcmV?d00001 diff --git a/images/ico_visibility_on.png b/images/ico_visibility_on.png new file mode 100644 index 0000000000000000000000000000000000000000..32765f0b2c9af2a51208296273b255d5298f4aff GIT binary patch literal 720 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 AHUIzs delta 2917 zcmV-r3!3z_G5QuEiBL{Q4GJ0x0000DNk~Le0001)0000q2nGNE0GZyJijg5Se+v&u zL_t(|0qvY!Y!ufO$NzVBZS%F@(f|rZ?E+1xk{+4>qV$8U^G9H6?v0m`Z6MFv8A50|vFGL~+^*x=0uVrm%Qzz`NeLJ?GBs zdUn0vANG1PKWRL3XJ&UiGyi+;f4S$}yMT?2jg5_sjg5_sO~oTJov^t}x+8#BX!s_I ziH=JW@L%Wo`bTJ1a=m)FEFTUYB;%x{s-7p6fsM->5y#KB)U)rf9PbqO`t*M_8CM-JmaVLAUrat$~E;bW674i z5H&7U4qZ8eVBas50JWuce^}hOOP!N50$$k6dz?DZkTL9^z=QL@jR}mI96qV6*0NWQ zDS?fB^7Gg+-XA1EI_o@ekl=E}o$ZOwbxE!)waAevU}&gA1nBdv)~p71J}$J0gD4^m z6y&bf;#&@K2?mPo5^SPar>0@6bzexwLB3DxJ`TE%)4!F?ck=(}f9aCV)@SUX*yba8 zeu?)ab)2$ha-1T^7b7Rfl&F}cOI@h1ugAuX^|byrs@DZERqsOJnLQXD{t{n&F|5|i zqoHG1yk!q^A(#J+1aea35#OsatmOc`loon`Udy%pw3;EZ=MKuV$dM`sTK~37Tw6f* zLzTMIdW^2i<$mive-;Vd&)dimsubJI?__~>T8}NNf{#{lA|rt`XhvK#6MkCO3PViZ z=uTb2w?M+5cu#a5pFb@!-u9^f2OXk4sX4+7dOX%f8(U>KicW=uN+y6?1{&K z_g(}ZUpn*H*jNzP$zlb^##EV`P;N@C@aJCN0z6A@*?~SFIEkX-5NM4^Rr@=w`>6?R zC!b)5j`?71P9=sM8rmO5a0vy#z8hsq(pH@Z;UXAux`wbccT%W(aiaj(pIVrta~09i zPUf^3MItMaf3d*cf5ot5QCL_#zN0vC;v}wLpBbv)rnI%?C#q>(vu4`i-?|=HO@e#v zL~(`o*={jF&O7@J@sPmy80BT-cC$EmKMF)h^qy}QJ5XXIRfs{$|4aA7K3gXWfPF+6 z!L`Kwf;@U@d0g!5dk)DS+UG_dWE2@&Ahuvufrak|f3UsjW!$)VGv(*l>3`$RJ@{Em z3)+6M3(neU%l5pMrl-DxrXRe3muPu(a}?E6VN^f1Ja&BhM(WaCHI{OOYcGd2qGjrm z`(Tq7e`!Uwy`Gx4b<^djz?jvmR^dSV>uUMe)vFkrm{9wdE?%sTxoB-AG#a3;tpiod zm&Nw6fXh{6s`kd`PkpFx*o6>z#2Pb^R%9=3oZi;M;h4Y@*|2UMvLSTm9-OYl5LL!y z*+OoikA7OFLYob^xr+IVIxdxJ&}MiF?Q|XWe*!5mdz1pR{z)A>D1N3c&T%}CF_tee zKIb276Ki>+kz#~0kI+g=k+A^2YYEVYM(@S8gJiWXUjC=rW{bs5qZK|ra_bgZxGSh5 zs}?;jsoN5|dmlBcz8*W5t>s*bObrkK^2!zz12Z1xH48raTN05`9=JWaO~K)QTKQRM ze;oCnpg=SUjE}n$KISJuZbN~j6q!|EY{jPTkE`w9pE`-(9sh$8Qk1S=?Zfk%zZWaN z`{4(1z8W{5-Fx>bi#K&Y7$>r4*PviHr9{2TCVEK?iB2n7hgN!kUKWuxeMS%6OVRs# zdJ1uI)8Q;)H@=*pkV`FFEqWeXAMhlhf8?hrfejU5OkYZoJ-K3fTYnf*>)^yV-aGtZ zY(K}sIFxaNtdx=$$Eo9aGxcDOY~cJ`Cz53P zNldM3o#aF5{0~v25Jx$p3yQZ%l_E-B!6drF68jT#o%xcT$R@84x(~sip&qN{(;rU8M8+)P@JL}Io6qn}t^Fu5P6yoVcSXx&$#{5s zXWU5?^P{jvH|0Q!TDfvcE3tT1uUv^6w{NR*U*8$EuKV#0YDRmNkhs}gy>b;bsUO9C zcEj4#odatOuB1qnxK+t-p7Ti?e_Zy{3+RtT;FA@UFU$mw%BbRLkDRR#=nWg4fwY#3 z8lnA^Q1?a4lpw!G<|jbrqBY^W<3yTLWH-j9{jz9pkl`lpr+eRw35}h4Zbon1zJ-gQ zf3Af1{N~N%lbwz`=Z&4O#=b*TSH)ec(8#|T!}6g38V}|=s&0N`3hHZ_f6ilnmqIzQ z;rY^7x-YhgQ_2y4Q>HkK;YnWWK9OUEPARg#3jUC@+f9XwH%Phj^y2;$OQnPwxTzTLMiVFD}JYT_W*%gcP%mo}G z;Bi|K4Np^5tjOMKCQ^!wEzIHbMpT}uT237iheO57Bt`aeg)JBh%xcAW_zz#B93Ufo zl)@nW(Xvb!;Fk*Oy}GTVYN=dn#@smH*YLm;yZ}&8gRG;O2LMc8e>h3FrUd8?v?N|f z8oq4Sq;>p19-^Kfd38HC8|A8HF4c5S1t%~S7>E97QZ=EeU|-I;XrW4uTgAn&z+U@P z!J&(yk#BBN8b3zkjg?FE;#DwJ#9z3Sm_gdkWQlS5H`*Hy$!2o={X)kzQb2&>3q$=W zIu6cE`KrT%h7h>vf8;EHpzZ~WjTc6VjALIR!@6f6$xsqj21G^ZC~M)?9yW z$P^P-4j#xDpr&Pr-rfLDtWYT|QC@RgxvAGJ0|At9WEQ_EmK<)vSxa%_>zwrX`$d+u z%Q`fNI|MwKk;TTr)Wld9H;3b=2j;tnl6b#Qe z(leaH6^FwXe`;i|RI}R}QdwlyQ{r=QIwVf%mgH%+ur>NS4~Q*n{%(4-@*7@bjhdGV z^CiuetKd(zQyPLw8K~vyeG46UdP-N#sy8Y+A!fca=eZ8iPl3q(GK_ZnFXWLsq?*)Q ztT9m>(MAz@#L;n?@DgNUa}1KA(|0Dk>{Rm%_(yF#f8El@zLe>o2RH+gsWO?O8!#6Z zotr}J-Y_uZokf4u$E$0zW1h2yYR2GhQT!KRGwZ1C-#KFjb0^9Ko-Aq$ta6C!L=pwP!R0dUM+{mW P00000NkvXXu0mjf1>^-aC4DHEN@*W3!p=hj2DPR{aoP&HNEigBuy}32yWY7y=g#bUcD>&p_Ifiv zX*_dhW_LU@|9kGa=iIx1jg5_sjg5_sjg3vkBQl+^xl6hufLCbvCW?uUOA_#3=nzA& zsc4dl%-bbvA82T&%@$hRC@p?kItSatQP@-@Geky~%d2bXLFvVnh@Y%m$6$x(g-u1F zSqq+nvXcaM7PBufsB3CCxrzP<*i;lTOSb8dY}X{ZPzLB^(Jpp~ZrD@=N@VQZlLh-P z$^_~V1ROe^IoBclu$lL$=2CZ*hXsp5%CC(WexXeTAj-{(S)pcg8#SB#u$k9r5rH=3 zi9R+0IT=iQyby#y6Kv)^PEDXe=JpvxNIc`G_aHnnsLD0oJ+by(cEOP!N50$$k6dz?DZkTL9^z=QL@jR}mI96qV6*0NWQDS?fB^7Gg+-XA1E zI_o@ekl=E}o$ZOwbxE!)waAevU}&gA1nBdv)~p71J}$J0gD4^m6y&bf;#&@K2?mPo z5^SPar>0@6bzexwLB3DxJ`TE%)4!F?ck=(}>5|RXXY8QZ<|BH3iT5ORoU&$eoFc~; zBPYj{sFWjL6gbRM5S zEi&ZD)aaLJZ1kXQ_bw$am&=uKhR0kCMn*=^({mJ`j<|3i^B;lIH{o1aX5%`uMNT4f z)d2fm^rPSZB8YI92(jm zMsNuQz`h%0O43%H2jLUMq;nO~(N5;H8AT#1k+Hzuf5ot5 zQCL_#zN0vC;v}wLpBbv)rnI%?C#q>(vu4`i-?|=HO@e#vL~(`o*={jF&O7@J@sPmy z80BT-cC$EmKMF)h^qy}QJ5XXIRfs{$|4aA7K3gXWfPF+6!L`Kwf;@U@d0g!5dk)DS z+UG_dWE2@&Ahuvufrak|u)XPJ+_-r&<>%Pxf8)(P_*qK}+J3PM&f00q_QVRHe5{`mU4t^FNZavW$KdqV3QYVMYg@3nzwb+<*2}z z)vH$FK>O=z`PbE}7@L?-``nF+S%XY!hpFqmg2SGLO(oN|CVu zzH154heq$kwu5A~E?)kp+GdNzO`{b)K62|8S-2~xBdZoYE~(oRx_cirtG*sPm#yVo zicAd<0P@Nf6azCJ<~0jG`dbo_Q69KGx=q31ep>liXdLyQpg=SUjE}n$KISJuZbN~j z6q!|EY{jPTkE`w9pE`-(9sh$8Qk1S=?Zfk%zZWaN`{4(1z8W{5-Fx>bi#K&Y7$>r4 z*PviHr9{2TCVEK?iB2n7hgN!kUKWuxeMS%6OVRs#dJ1uI)8Q;)H@=*pkV`FFEqWeX zAMhlh(PkinmFX zB1&GtB)Y>A`xA4W`I4Q;CQXrzPsE+$@px3)$hBli+6#=At#>yW>Qf zQe-#Arv0*LZ;;_8@27j;j0ugMdTvH<+`fg2pMS1|`26P03S02&YGI;w7dV+!hPna*Q>mqIzQ;rY^7x-YhgQ_2y4Q>HkK;YnWWK9OUEPARg#3jUC@+=}lV8EW+rz z$=tS5vwCG*dEg3)3i%p5U%_qJ6^rxC1so#aaa$1$Pg7N_$lhuuQi_Z%%;ED!RGz6? zP8|`4L&eJ^MfP%qEf@>TYQ=c?4_~7kAR~R0!XW+8vP>A@mkR2=x~-#Xsa$Ku+&JIY z@W2$j08mhatfQF+08C#vNw}s2=nk|bUPl_fY}TZ8{68L|o*#L2J2xBUs%0+KbWQ~) zFclbw{%BG)p{ZbB&berzN{(B_#jwC$`%}T8i=vTlZc-XQM&pf@OZ4JZFjd4~xRjVd z+RkK&ar!sf8xP55a{T>5$2C$wfZ_{7{V6&Q&P@5L!-Iwpxas69fS~RLi;WjXiHu`k zA;Y?H)5;5Yt!YWW^W%RQ-8~yzNli}>^<zwrX`$d+u%Q`fNI|MwKk;TTr)Wld9H;3b=2j;tnl6b#Qe(leaH6^FwXYGkfdv)dX{S!C8z;&X61Bu?p; z3mtfRN>|OQH!343eVLcP6~-RPzk@ zM{PXa(#O7(>7NHU1CpsSnW7so7Z#nHLhRl!Fyoy?f7QpUYqMjXvxaKM;BHa;7hp5% zsP5l6V+M04$^@P)Y74A#i0ecYV+Ks2u)r?P!l(qB*<(geb*_YF#>6^{{reL(b5GK6 zh;rft-i{9VD)K=Z8(jkv8VW-P9TlTcr_XbEAl;o(u&lLpn|sE52l7V`F1u kV`F1uV`F1uV^gX8AHn4^?new-9RL6T07*qoM6N<$f=JMvQ~&?~ literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 9e2404d4..276fece0 100644 --- a/index.html +++ b/index.html @@ -1,87 +1,110 @@ - - - - - 판다마켓 - - - -

- -
-
+ + + + + 판다마켓 + + + +
-
-
-
- + + +
+
+
- Hot item -

인기 상품을
확인해 보세요

-

가장 HOT한 중고거래 물품을
판다 마켓에서 확인해 보세요

+

일상의 모든 물건을
거래해 보세요

+ 구경하러 가기
-
-
-
-
-
-
- Search -

구매를 원하는
상품을 검색하세요

-

구매하고 싶은 물품은 검색해서
쉽게 찾아보세요

+
+
+
+
+ +
+ Hot item +

인기 상품을
확인해 보세요

+

+ 가장 HOT한 중고거래 물품을
판다 마켓에서 확인해 보세요 +

+
-
- -
-
-
-
- +
+
+
+
+
+ Search +

구매를 원하는
상품을 검색하세요

+

+ 구매하고 싶은 물품은 검색해서
쉽게 찾아보세요 +

+
+ +
+
+
+
+
+
+ +
+ Register +

판매를 원하는
상품을 등록하세요

+

+ 어떤 물건이든 판매하고 싶은 상품을
쉽게 등록하세요 +

+
+
+
+
+
+
- Register -

판매를 원하는
상품을 등록하세요

-

어떤 물건이든 판매하고 싶은 상품을
쉽게 등록하세요

+

믿을 수 있는
판다마켓 중고 거래

- -
-
+
+
+
-
-

믿을 수 있는
판다마켓 중고 거래

+ ©codeit - 2024 +
+ Privacy Policy + FAQ +
+
+ 페이스북 + 트위터 + 유튜브 + 인스타그램
- - - - - \ No newline at end of file +
+ + diff --git a/login.html b/login.html new file mode 100644 index 00000000..b7b47fef --- /dev/null +++ b/login.html @@ -0,0 +1,77 @@ + + + + + + + 판다마켓 + + + +
+
+

+ 판다마켓 +

+ +
+ +
+
+
+ + diff --git a/palette.css b/palette.css new file mode 100644 index 00000000..c13efd2b --- /dev/null +++ b/palette.css @@ -0,0 +1,12 @@ +:root { + --gray900: #111827; + --gray800: #1f2937; + --gray700: #374151; + --gray600: #4b5563; + --gray500: #6b7280; + --gray400: #9ca3af; + --gray200: #e5e7eb; + --gray100: #f3f4f6; + --gray50: #f9fafb; + --blue: #3692ff; +} diff --git a/signup.html b/signup.html new file mode 100644 index 00000000..6991b15b --- /dev/null +++ b/signup.html @@ -0,0 +1,100 @@ + + + + + + + 판다마켓 + + + + +
+
+

+ 판다마켓 +

+ +
+ +
+
+
+ + From 795db65a97e37109d7a5c10cef546c41484732d2 Mon Sep 17 00:00:00 2001 From: jeonsooyoung Date: Tue, 20 May 2025 21:06:05 +0900 Subject: [PATCH 2/2] =?UTF-8?q?style.css=20=EC=BB=A4=EB=B0=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style.css | 741 ++++++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 642 insertions(+), 99 deletions(-) diff --git a/style.css b/style.css index 4d6851d7..128b4fda 100644 --- a/style.css +++ b/style.css @@ -1,129 +1,672 @@ @charset "UTF-8"; +@import 'palette.css'; + /* reset */ -html * {max-height: 999999px;} -html,body{ margin:0px;padding:0px; width:100%; font-family:"Pretendard" , sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased; letter-spacing: -1px; } -header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */ -ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px; padding:0px; font-weight:normal; word-break:keep-all } -input,textarea,button,select,option {font-family:"Pretendard", sans-serif; } -li{ list-style:none } -fieldset,img,a{ border:0px } -img { max-width:100%; max-height:100%; vertical-align: top; } -a{ display:inline-block;text-decoration:none; cursor: pointer; } -legend,.blind{ position:absolute;top:0;left:-px;width:0;height:0;overflow:hidden;font-size:0;line-height:0 } -caption{ display:none } -input, textarea, button { background: none; border:none; } -button { background: none; border:none; cursor: pointer; } -button,label{ cursor:pointer } -table{ width:100%;border-collapse:collapse;border-spacing:0;text-align:left; table-layout:fixed } -table th, table td{ text-align:left; word-break:break-word;word-wrap:break-word; } -var, em { font-style:normal } +html * { + max-height: 999999px; +} +html, +body { + min-width: 270px; + margin: 0px; + padding: 0px; + width: 100%; + font-family: 'Pretendard', sans-serif; + -webkit-text-size-adjust: none; + -webkit-font-smoothing: antialiased; + letter-spacing: -1px; +} +header, +footer, +section, +article, +aside, +nav, +address { + display: block; + margin: 0; +} /* ie8 */ +ul, +ol, +li, +dl, +dd, +dt, +input, +h1, +h2, +h3, +h4, +h5, +h6, +p, +b, +input, +button, +textarea, +fieldset, +legend, +td, +th { + margin: 0px; + padding: 0px; + font-weight: normal; + word-break: keep-all; +} +input, +textarea, +button, +select, +option { + font-family: 'Pretendard', sans-serif; +} +li { + list-style: none; +} +fieldset, +img, +a { + border: 0px; +} +img { + max-width: 100%; + max-height: 100%; + vertical-align: top; +} +a { + display: inline-block; + text-decoration: none; + cursor: pointer; +} +legend, +.blind { + position: absolute; + top: 0; + left: -px; + width: 0; + height: 0; + overflow: hidden; + font-size: 0; + line-height: 0; +} +caption { + display: none; +} +input, +textarea, +button { + background: none; + border: none; +} +button { + background: none; + border: none; + cursor: pointer; +} +button, +label { + cursor: pointer; +} +table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + text-align: left; + table-layout: fixed; +} +table th, +table td { + text-align: left; + word-break: break-word; + word-wrap: break-word; +} +var, +em { + font-style: normal; +} /* input */ -input::-webkit-input-placeholder{ color:#999 } -input::-moz-placeholder{ color:#999 } -input:-moz-placeholder{ color:#999 } -input:-ms-input-placeholder{ color:#999 } -textarea::-webkit-input-placeholder{ color:#999 } -textarea::-moz-placeholder{ color:#999 } -textarea:-moz-placeholder{ color:#999 } -textarea:-ms-input-placeholder{ color:#999 } - -input:focus::-webkit-input-placeholder{ color:transparent!important } -input:focus::-moz-placeholder{ color:transparent!important } -input:focus:-moz-placeholder{ color:transparent!important } -input:focus:-ms-input-placeholder{ color:transparent!important } -textarea:focus::-webkit-input-placeholder{ color:transparent!important } -textarea:focus::-moz-placeholder{ color:transparent!important } -textarea:focus:-moz-placeholder{ color:transparent!important } -textarea:focus:-ms-input-placeholder{ color:transparent!important } - -input:focus, div:focus, select:focus, option:focus, textarea:focus, button:focus{ outline: none; } -input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; } +input::-webkit-input-placeholder { + color: #999; +} +input::-moz-placeholder { + color: #999; +} +input:-moz-placeholder { + color: #999; +} +input:-ms-input-placeholder { + color: #999; +} +textarea::-webkit-input-placeholder { + color: #999; +} +textarea::-moz-placeholder { + color: #999; +} +textarea:-moz-placeholder { + color: #999; +} +textarea:-ms-input-placeholder { + color: #999; +} + +input:focus::-webkit-input-placeholder { + color: transparent !important; +} +input:focus::-moz-placeholder { + color: transparent !important; +} +input:focus:-moz-placeholder { + color: transparent !important; +} +input:focus:-ms-input-placeholder { + color: transparent !important; +} +textarea:focus::-webkit-input-placeholder { + color: transparent !important; +} +textarea:focus::-moz-placeholder { + color: transparent !important; +} +textarea:focus:-moz-placeholder { + color: transparent !important; +} +textarea:focus:-ms-input-placeholder { + color: transparent !important; +} + +input:focus, +div:focus, +select:focus, +option:focus, +textarea:focus, +button:focus { + outline: none; +} +input[type='number']::-webkit-outer-spin-button, +input[type='number']::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} /* scrollbar */ -::-webkit-scrollbar { width: 8px; } -::-webkit-scrollbar-thumb { height: 30%; background: #aaa; border-radius: 10px; } -::-webkit-scrollbar-track { background: #eee; } -.main::-webkit-scrollbar { display: none; } +::-webkit-scrollbar { + width: 8px; +} +::-webkit-scrollbar-thumb { + height: 30%; + background: #aaa; + border-radius: 10px; +} +::-webkit-scrollbar-track { + background: #eee; +} +.main::-webkit-scrollbar { + display: none; +} /* button */ -.btn-blue { min-width:88px; width:88px; height:48px; padding:14px 10px; background-color:#3692FF; text-align:center; border-radius:8px; line-height:20px; font-weight: 600; font-size:16px; color:#fff; box-sizing: border-box; } -.btn-blue.small48 { width:128px; height:48px; } -.btn-blue.medium { width:240px; height:48px; border-radius:24px; padding-top:11px; padding-bottom:11px; line-height:26px; font-size:18px } -.btn-blue.large { width:357px; height:56px; border-radius:28px; padding-top:16px; padding-bottom:16px; line-height:24px; font-size:20px } -.btn-blue:hover { background-color: #1967D6; } -.btn-blue:active,.btn-blue:focus { background-color: #1251AA; } -.btn-blue:disabled,.btn-blue.disabled { background-color: #9CA3AF; } +.btn-blue { + min-width: 88px; + width: 100%; + padding: 14px 10px; + background-color: var(--blue); + text-align: center; + border-radius: 8px; + line-height: 20px; + font-weight: 600; + font-size: 16px; + color: #fff; + box-sizing: border-box; +} +.btn-blue.small48 { + max-width: 128px; +} +.btn-blue.medium { + max-width: 240px; + border-radius: 24px; + padding-top: 11px; + padding-bottom: 11px; + line-height: 26px; + font-size: 18px; +} +.btn-blue.large { + max-width: 357px; + border-radius: 28px; + padding-top: 16px; + padding-bottom: 16px; + line-height: 24px; + font-size: 20px; +} +.btn-blue:hover { + background-color: #1967d6; +} +.btn-blue:active, +.btn-blue:focus { + background-color: #1251aa; +} +.btn-blue:disabled, +.btn-blue.disabled { + background-color: var(--gray400); +} /* layout */ -.main_inner { width:1110px; margin:0 auto; box-sizing: border-box; } +.main_inner { + width: 1110px; + margin: 0 auto; + box-sizing: border-box; +} /* header */ -.header { position:fixed; top:0; left:0; width:100%; height:70px; line-height: 70px; background-color:#fff; z-index:100; box-sizing: border-box;} -.header .main_inner { width:1120px; margin-top:10px; display: flex; justify-content: space-between; align-items: center;} -.header .logo, .header .logo a, .header .logo img { width:147px; height:50px } +.header { + position: fixed; + top: 0; + left: 0; + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + height: 70px; + line-height: 100%; + background-color: #fff; + z-index: 100; + box-sizing: border-box; +} +.header .main_inner { + width: 1120px; + margin-top: 10px; + display: flex; + justify-content: space-between; + align-items: center; +} +.header .logo, +.header .logo a, +.header .logo img { + max-width: 147px; + height: 50px; +} /* contents */ -#contents { margin-top:70px; } -.tag_text { margin-bottom:12px; line-height:26px; font-weight: 700; font-size:18px; color:#3692FF; text-align: left; } -.main_text { margin-bottom:24px; line-height:56px; font-weight: 700; font-size:40px; color:#374151; text-align: left; } -.desc_text { line-height:32px; font-weight: 500; font-size:24px; color:#374151; text-align: left; } +.contents { + margin-top: 70px; +} +.section { + position: relative; +} +.section_top .text_box, +.section_bottom .text_box { + position: absolute; + top: 240px; + left: 0; + text-align: left; +} +.section2 .text_box { + padding-right: 47px; +} +.section3 .text_box { + padding-left: 38px; +} +.section4 .text_box { + padding-right: 17px; +} +.tag_text { + margin-bottom: 12px; + line-height: 26px; + font-weight: 700; + font-size: 18px; + color: var(--blue); +} +.main_text { + margin-bottom: 24px; + line-height: 56px; + font-weight: 700; + font-size: 40px; + color: var(--gray700); +} +.desc_text { + line-height: 32px; + font-weight: 500; + font-size: 24px; + color: var(--gray700); +} -.section2,.section3,.section4 { padding:138px 0; height:720px; box-sizing: border-box; } -.section_bottom { margin-top:138px; } -.center_box { display:flex; justify-content: center; align-items: center; gap:64px; width: 988px; margin:0 auto; background-color: #FCFCFC; } -.section_top, .section_bottom { height:540px; background-color: #CFE5FF } -.section_top .main_inner { padding:240px 0 100px; background:url(images/img_home_top.png) no-repeat right bottom/ 746px auto; } -.section_bottom .main_inner { padding:255px 0 173px; background:url(images/img_home_bottom.png) no-repeat right bottom/ 746px auto; } -.section_top .main_text + .btn-blue { margin-top:8px; } +.section2, +.section3, +.section4 { + padding: 138px 0; + height: 720px; + box-sizing: border-box; +} +.section_bottom { + margin-top: 138px; +} +.center_box { + display: flex; + justify-content: space-between; + align-items: center; + gap: 64px; + width: 988px; + margin: 0 auto; + background-color: #fcfcfc; +} +.section_top, +.section_bottom { + height: 540px; + background-color: #cfe5ff; +} +.section_top .main_inner { + position: relative; + height: 100%; + background: url(images/img_home_top.png) no-repeat right bottom/ 746px auto; +} +.section_bottom .main_inner { + position: relative; + height: 100%; + background: url(images/img_home_bottom.png) no-repeat right bottom/ 746px auto; +} +.section_top .main_text + .btn-blue { + margin-top: 8px; +} /* footer */ -.footer { padding:32px 0 108px; background-color: #111827;line-height:20px; font-size:16px; } -.footer .main_inner { width:1120px; display: flex; justify-content: space-between; align-items: center; } -.copyright { color: #9CA3AF } -.footer .menus a { font-weight:400; color:#fff } -.footer .menus a + a { margin-left:30px; } -.footer .sns a + a { margin-left:12px; } +.footer { + padding: 32px 0 108px; + background-color: var(--gray900); + line-height: 20px; + font-size: 16px; +} +.footer .main_inner { + width: 1120px; + display: flex; + justify-content: space-between; + align-items: center; +} +.copyright { + color: var(--gray400); +} +.footer .menus a { + font-weight: 400; + color: #fff; +} +.footer .menus a + a { + margin-left: 30px; +} +.footer .sns a + a { + margin-left: 12px; +} @media (max-width: 1920px) { - .header {padding:0 200px;} - .header .main_inner {width:auto; } + .header { + padding: 0 200px; + } + .header .main_inner { + width: 100%; + } +} + +/* login, signup */ +html { + height: 100%; +} +.login_page { + width: 100%; + height: 100%; +} +.login_page .contents { + margin-top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; +} +.login_area_box { + display: flex; + gap: 24px; + flex-direction: column; + justify-content: space-between; +} + +.flex_center_box { + width: 640px; +} +.logo.large { + margin: 0 auto 40px; + max-width: 396px; + max-height: 132px; +} +.btn-blue.large.wide { + min-width: 100%; + width: 100%; + height: 54px; +} +.blue_box { + display: flex; + justify-content: space-between; + align-items: center; + padding: 16px 24px; + border-radius: 8px; + background-color: #e6f2ff; +} +.guide_signup_text { + font-size: 14px; + line-height: 24px; + text-align: center; +} +.guide_signup_text a { + margin-left: 4px; + font-size: 15px; + font-weight: 500; + line-height: 18px; + text-decoration-line: underline; + color: #3182f6; +} +.social_group { + display: flex; + gap: 10px; +} + +.input { + position: relative; +} +.input_box .label { + display: block; + margin-bottom: 16px; + width: 100%; + font-size: 18px; + font-weight: 700; + line-height: 26px; + text-align: left; + color: var(--gray800); +} +.input_box input { + width: 100%; + height: 56px; + padding: 16px 56px 16px 24px; + border-radius: 12px; + background-color: var(--gray100); + box-sizing: border-box; + line-height: 26px; + font-size: 16px; + color: var(--gray800); +} +.input_box .btn { + position: absolute; + width: 24px; + height: 24px; + right: 24px; + top: 50%; + transform: translateY(-50%); + text-indent: -9999px; +} +.input_box .btn_pw { + background: url(images/ico_visibility_off.png) no-repeat; +} +.input_box .btn_pw.show { + background: url(images/ico_visibility_on.png) no-repeat; } /* 브라우저 사이즈에 따른 사이즈 조절 */ + @media (max-width: 1120px) { -.btn-blue { min-width:7.8571vw; width:7.8571vw; height:4.2857vw; padding:1.2500vw 0.8929vw; border-radius:0.7143vw; line-height:1.7857vw; font-size:1.4286vw; } -.btn-blue.small48 { width:11.4286vw; height:4.2857vw; } -.btn-blue.medium { width:21.4286vw; height:4.2857vw; border-radius:2.1429vw; padding-top:0.9821vw; padding-bottom:0.9821vw; line-height:2.3214vw; font-size:1.6071vw } -.btn-blue.large { width:31.8750vw; height:5.0000vw; border-radius:2.5000vw; padding-top:1.4286vw; padding-bottom:1.4286vw; line-height:2.1429vw; font-size:1.7857vw } + .btn-blue { + padding: 1.25vw 0.8929vw; + font-size: 14px; + } + .btn-blue.small48 { + max-width: 100px; + } + .btn-blue.medium { + padding-top: 0.9821vw; + padding-bottom: 0.9821vw; + } + .btn-blue.large { + max-width: 500px; + padding-top: 1.4286vw; + padding-bottom: 1.4286vw; + font-size: 16px; + } -/* layout */ -.main_inner, .footer .main_inner { width:100%; } + /* layout */ + .main_inner, + .footer .main_inner { + width: 100%; + } -/* header */ -.header { padding:0 17.8571vw; height:6.2500vw; line-height: 6.2500vw; } -.header .main_inner { margin-top:0.8929vw; } -.header .logo, .header .logo a, .header .logo img { width:13.1250vw; height:4.4643vw } + /* header */ + .header { + padding: 0 5%; + } -/* contents */ -#contents { margin-top:6.2500vw; } -.tag_text { margin-bottom:1.0714vw; line-height:2.3214vw; font-size:1.6071vw; } -.main_text { margin-bottom:2.1429vw; line-height:5.0000vw; font-size:3.5714vw; } -.desc_text { line-height:2.8571vw; font-weight: 500; font-size:2.1429vw;} + /* contents */ -.section2,.section3,.section4 { padding:12.3214vw 0; height:64.2857vw;} -.section_bottom { margin-top:12.3214vw; } -.center_box { gap:5.7143vw; width: 88.2143vw; } -.center_box img {width:51.7857vw} -.section_top, .section_bottom { height:48.2143vw; } -.section_top .main_inner { padding:21.4286vw 5vw 8.9286vw; background-size: 66.6071vw auto; } -.section_bottom .main_inner { padding:22.7679vw 5vw 15.4464vw; background-size: 66.6071vw auto; } -.section_top .main_text + .btn-blue { margin-top:0.7143vw; } + .section_top .text_box, + .section_bottom .text_box { + top: 20%; + left: 5%; + } + .section2 .text_box { + padding-right: 5%; + } + .section3 .text_box { + padding-left: 5%; + } + .section4 .text_box { + padding-right: 5%; + } + .tag_text { + font-size: 14px; + } + .main_text { + margin-bottom: 2.1429vw; + line-height: 36px; + font-size: 30px; + } + .desc_text { + line-height: 24px; + font-size: 18px; + } + .section2, + .section3, + .section4 { + padding: 12.3214vw 0; + height: 64.2857vw; + } + .section_bottom { + margin-top: 12.3214vw; + } + .center_box { + gap: 5.7143vw; + width: 95%; + } + .center_box img { + width: 54%; + } -/* footer */ -.footer { padding:2.8571vw 5vw 9.6429vw; line-height:1.7857vw; font-size:1.4286vw; } -.footer .menus a + a { margin-left:2.6786vw; } -.footer .sns a + a { margin-left:1.0714vw; } -} \ No newline at end of file + /* footer */ + .footer { + padding: 2.8571vw 5vw 9.6429vw; + } +} +@media (max-width: 768px) { + .section_top, + .section_bottom { + height: 400px; + } + .section_top .main_inner { + background-size: 70% auto; + } + .section_bottom .main_inner { + padding: 22.7679vw 5vw 15.4464vw; + background-size: 70% auto; + } + .section_top .main_text + .btn-blue { + margin-top: 0.7143vw; + } + .main_text { + line-height: 30px; + font-size: 24px; + } + .desc_text { + line-height: 20px; + font-size: 14px; + } +} +@media (max-width: 640px) { + .flex_center_box { + margin: 0 auto; + width: 90%; + } +} +@media (max-width: 480px) { + .header .logo, + .header .logo a, + .header .logo img { + max-width: 120px; + height: 40px; + } + .section_top, + .section_bottom { + height: 200px; + } + .main_text { + line-height: 24px; + font-size: 18px; + } + .desc_text { + line-height: 18px; + font-size: 12px; + } + .sns { + display: none; + } + .login_page .logo.large { + width: 70%; + } +} +@media (max-width: 320px) { + .section_top, + .section_bottom { + height: 150px; + } + .section_top .main_inner { + background-size: 50% auto; + } + .section_bottom .main_inner { + background-size: 50% auto; + } + .main_text { + line-height: 20px; + font-size: 16px; + } + .desc_text { + line-height: 16px; + font-size: 12px; + } + .footer { + font-size: 12px; + } +}