.login{min-height:100vh;justify-content:space-between;height:100%;padding:0 1.6875rem}.login,.login-motion{display:flex;flex-direction:column;align-items:center}.login-motion{position:relative;top:0;left:0;justify-content:center;flex-shrink:0;width:100%;height:calc(100vh - 30.3125rem);min-height:12.5rem;padding:12.58% 0}.login-motion__box{position:absolute;width:100%;height:7.8125rem;background-color:#fff;text-align:center}.login-motion__box:first-child{animation:animation4 6s infinite}.login-motion__box:nth-child(2){animation:animation3 6s infinite}.login-motion__box:nth-child(3){animation:animation2 6s infinite}.login-motion__box:nth-child(4){animation:animation1 6s infinite}.login-motion__img{height:4.375rem;margin-bottom:1.09375rem;animation:gelatine 1.5s infinite}.login-motion__title{position:relative;top:0;left:0;transform:translateY(-.625rem) translateZ(0);font-size:1.625rem;font-weight:500;opacity:0;will-change:transform,opacity;backface-visibility:hidden}.login-motion__box:first-child .login-motion__title,.login-motion__title{animation:slideDown 1.5s ease infinite}.login-bottom{width:100%;text-align:center}.login-bottom__label{display:inline-flex;align-items:center;justify-content:center;gap:2px;height:1.5625rem;margin-bottom:.9375rem;padding:0 .875rem;border-radius:.15625rem;background-color:#fff;box-shadow:0 0 .15625rem #00000026;font-size:.875rem}.login-bottom__label strong{font-weight:700}.login-bottom__label .icon__sns{width:1.125rem;height:1.125rem}.login .btn__container{flex-direction:column;gap:.625rem}.login .btn__container,.login-bottom__links{display:flex;align-items:center;justify-content:center}.login-bottom__links{flex-direction:row;margin-top:1.25rem}.login-bottom__links .btn__item--text{padding:.3125rem 1rem;color:#444;font-size:.8125rem;font-weight:500;line-height:150%;letter-spacing:-.03em;text-decoration:none}.login-bottom__links .divider{width:.03125rem;height:.75rem;background-color:#b7b7b7}.login .btn--login{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;width:100%;height:3rem;border-radius:.375rem;font-size:.9375rem}.login .btn--login .icon__sns{width:1.25rem}.login .btn--login-kakao{background-color:#fee500;color:#292929}.login .btn--login-naver{background-color:#03c75a;color:#fff}.login .btn--login-apple{background-color:#111;color:#fff}.login .btn--login-google{border:1px solid #747775}.login .btn--login-email{border:1px solid #d8d8d8}.login .footer{padding:4.75rem 0 2.8125rem}.login .footer .btn__item--text{margin-bottom:.25rem;font-weight:500;line-height:1.5;letter-spacing:-2%;font-weight:400;font-size:.75rem;color:#737373}.login .footer__copy{font-size:.625rem;color:#b7b7b7}.email-login .column-between__top .wrap{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:1.3125rem}.email-login .column-between__top .wrap .checkbox{font-size:.75rem;color:#b7b7b7}.email-login .column-between__top .wrap .btn__item--text{padding:.3125rem;font-size:.75rem;color:#737373;text-decoration:none}.email-login .column-between__top .wrap .btn__item--text:first-child{padding-left:0}.email-login .column-between__top .wrap .btn__item--text:last-child{margin-left:0;padding-right:0}.email-login .column-between__top .wrap .line--sm{width:.0625rem;height:.625rem;background-color:#d8d8d8}@keyframes animation1{0%,25%,to{visibility:hidden;opacity:0}1%,24%{visibility:visible;opacity:1}}@keyframes animation2{0%,25%,50%,to{visibility:hidden;opacity:0}25.1%,49%{visibility:visible;opacity:1}}@keyframes animation3{0%,50%,75%,to{visibility:hidden;opacity:0}50.1%,74%{visibility:visible;opacity:1}}@keyframes animation4{0%,75%,to{visibility:hidden;opacity:0}75.1%,99%{visibility:visible;opacity:1}}