.main-container{box-sizing:border-box;padding:var(--pd-96) 0 var(--pd-24);height:100dvh}@media screen and (min-width: 767px){.main-container{padding-top:5%}}.auth-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}@media (min-width: 767px){.auth-container{max-width:var(--col-4)}}.auth-container .auth-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--gp-72);width:100%;max-width:var(--wd-container);box-sizing:border-box;padding:0 var(--pd-container)}.auth-container .auth-wrapper .title-container{display:flex;flex-direction:column;align-items:center;gap:var(--gp-16);width:100%}.auth-container .auth-wrapper .title-container .title--lg{width:100%;font-size:var(--fs-40);text-align:center}.auth-container .auth-wrapper .title-container .desc--sm{width:100%;font-size:var(--fs-18);line-height:1.45;text-align:center}.auth-container .auth-wrapper .button-container{display:flex;flex-direction:column;align-items:center;gap:var(--gp-40);width:100%}.auth-container .auth-wrapper .button-container .button-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.auth-container .auth-wrapper .button-container .button-wrapper .button-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:52px;border-radius:var(--cn-8);transition:all .2s}.auth-container .auth-wrapper .button-container .button-wrapper .button-box .btn-wrap{display:flex;justify-content:center;align-items:center;gap:var(--gp-8);width:100%;height:100%}.auth-container .auth-wrapper .button-container .button-wrapper .button-box .btn-wrap .icon-box{display:flex;justify-content:center;align-items:center;width:24px;height:24px;flex-shrink:0}.auth-container .auth-wrapper .button-container .button-wrapper .button-box .btn-wrap .icon-box img{width:100%;height:100%;object-fit:cover;object-position:center}.auth-container .auth-wrapper .button-container .button-wrapper .button-box .btn-wrap .text--lg{font-size:var(--fs-18);text-align:center}.auth-container .auth-wrapper .button-container .button-wrapper .button-box.btn-kakao{background:#ffde00}.auth-container .auth-wrapper .button-container .button-wrapper .button-box.btn-kakao .text--lg{color:#371c1c}.auth-container .auth-wrapper .button-container .button-wrapper .button-box.btn-naver{background:#00c754}.auth-container .auth-wrapper .button-container .button-wrapper .button-box.btn-naver .text--lg{color:#fff}.auth-container .auth-wrapper .button-container .button-wrapper .button-box.btn-google{background:#fff;border:1px solid #ddd}.auth-container .auth-wrapper .button-container .button-wrapper .button-box.btn-google .text--lg{color:#333}.auth-container .auth-wrapper .button-container .policy-wrapper{display:flex;align-items:center;gap:var(--gp-12)}.auth-container .auth-wrapper .button-container .policy-wrapper .button-text{display:flex;flex-direction:column;align-items:center;width:100%;border-bottom:1px solid var(--color-neutral-900)}.auth-container .auth-wrapper .button-container .policy-wrapper .button-text .text--sm{font-size:var(--fs-15);text-align:center;white-space:nowrap}.auth-container .auth-wrapper .button-container .policy-wrapper .rectangle{width:1px;height:16px;background:var(--color-neutral-300);flex-shrink:0}.auth-container .auth-wrapper .button-container .login-box{display:flex;flex-direction:column;align-items:center;gap:var(--gp-12);width:100%;box-sizing:border-box;padding:var(--pd-24) 0 0;border-top:1px solid var(--color-neutral-300)}.auth-container .auth-wrapper .button-container .login-box .text--sm{font-size:var(--fs-15);text-align:center}.auth-container .auth-wrapper .button-container .login-box .button-text{display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--color-main-600)}.auth-container .auth-wrapper .button-container .login-box .button-text .text--sm{font-size:var(--fs-15);text-align:center;color:var(--color-main-600)}.copyright-container{display:flex;flex-direction:column;align-items:center}.copyright-container .text--xs{font-size:var(--fs-14);text-align:center;color:var(--color-neutral-500)}
