.datepicker{width:100%;position:relative}.datepicker__trigger{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #929292;justify-content:space-between;align-items:center;width:100%;padding:10px;font-family:Pretendard,sans-serif;display:flex}.datepicker__trigger:focus{border-color:#173269;outline:none}.datepicker__trigger--error{border-color:#e74c3c}.datepicker__value{color:#000;font-size:12px}.datepicker__value--placeholder{color:#929292}.datepicker__icon{color:#929292;flex-shrink:0}.datepicker__dropdown{z-index:100;box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;width:280px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #0000001a}.datepicker__header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px;display:flex}.datepicker__nav{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.datepicker__nav:hover{color:#173269;background:#f5f5f5}.datepicker__title{color:#000;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-family:Pretendard,sans-serif;font-size:13px;font-weight:600}.datepicker__title:hover{background:#f5f5f5}.datepicker__body{padding:8px 12px 12px}.datepicker__weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.datepicker__weekday{color:#929292;text-align:center;padding:4px 0;font-size:11px;font-weight:500}.datepicker__days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker__day{aspect-ratio:1;color:#000;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;font-family:Pretendard,sans-serif;font-size:12px;display:flex}.datepicker__day:hover:not(.datepicker__day--empty):not(.is-disabled){background:#f0f4fa}.datepicker__day.is-selected{color:#fff;background:#173269}.datepicker__day.is-selected:hover{background:#1a3a7a}.datepicker__day.is-disabled{color:#d0d0d0;cursor:default}.datepicker__day--empty{cursor:default}.datepicker__months{grid-template-columns:repeat(3,1fr);gap:6px;padding:12px;display:grid}.datepicker__month{color:#000;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;height:36px;font-family:Pretendard,sans-serif;font-size:13px;display:flex}.datepicker__month:hover{background:#f0f4fa}.datepicker__month.is-selected{color:#fff;background:#173269}.datepicker__years{grid-template-columns:repeat(3,1fr);gap:6px;padding:12px;display:grid}.datepicker__year{color:#000;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;height:36px;font-family:Pretendard,sans-serif;font-size:13px;display:flex}.datepicker__year:hover:not(.is-disabled){background:#f0f4fa}.datepicker__year.is-selected{color:#fff;background:#173269}.datepicker__year.is-disabled{color:#d0d0d0;cursor:default}
.signup{background:#fff;justify-content:center;align-items:flex-start;padding:50px 20px;display:flex}.signup__box{box-sizing:border-box;border:1px solid #173269;flex-direction:column;gap:30px;width:500px;max-width:100%;padding:40px;display:flex}.signup__tab{text-align:center;border-bottom:1px solid #173269;padding:10px}.signup__tab-text{color:#000;font-size:15px;font-weight:500}.signup__steps{justify-content:center;align-items:center;gap:16px;display:flex}.signup__step{opacity:.35;align-items:center;gap:8px;transition:opacity .2s;display:flex}.signup__step.is-active{opacity:1}.signup__step-number{color:#173269;border:1px solid #173269;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;line-height:1;display:flex}.signup__step.is-active .signup__step-number{color:#fff;background:#173269}.signup__step-label{color:#000;font-size:13px;font-weight:500}.signup__step-divider{background:#929292;width:30px;height:1px}.signup__terms{flex-direction:column;gap:20px;display:flex}.signup__terms-all{cursor:pointer;border-bottom:1px solid #e0e0e0;align-items:center;gap:10px;padding-bottom:14px;display:flex}.signup__terms-all-text{color:#000;font-size:15px;font-weight:700}.signup__terms-list{flex-direction:column;gap:14px;display:flex}.signup__terms-item{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.signup__terms-check{cursor:pointer;align-items:center;gap:10px;display:flex}.signup__terms-item-text{color:#000;font-size:13px;font-weight:400}.signup__terms-required{color:#173269;font-weight:500}.signup__terms-optional{color:#929292;font-weight:500}.signup__terms-desc{color:#929292;letter-spacing:-.3px;flex-basis:100%;margin-top:4px;padding-left:24px;font-size:12px;line-height:1.5}.signup__terms-link{flex-shrink:0;align-items:center;padding:4px;display:flex}.signup__terms-arrow{opacity:.4;width:14px;height:14px;transition:opacity .15s}.signup__terms-link:hover .signup__terms-arrow{opacity:.8}.signup__checkbox{appearance:none;cursor:pointer;border:1px solid #929292;flex-shrink:0;width:17px;height:17px;margin:0}.signup__checkbox:checked{background:#173269 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% no-repeat;border-color:#173269}.signup__form{flex-direction:column;gap:20px;display:flex}.signup__field{flex-direction:column;gap:5px;display:flex}.signup__label{color:#000;font-size:13px;font-weight:500}.signup__label-required{color:#e74c3c;font-weight:700}.signup__label-optional{color:#929292;font-size:12px;font-weight:400}.signup__input{color:#000;box-sizing:border-box;border:1px solid #929292;outline:none;padding:10px;font-family:Pretendard,sans-serif;font-size:12px}.signup__input::placeholder{color:#929292}.signup__input:focus{border-color:#173269}.signup__field-row{gap:8px;display:flex}.signup__field-row .signup__input{flex:1}.signup__check-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#173269;border:none;flex-shrink:0;padding:10px 16px;font-family:Pretendard,sans-serif;font-size:12px;font-weight:600}.signup__check-btn:hover{opacity:.9}.signup__check-btn:disabled{opacity:.5;cursor:default}.signup__phone-row{align-items:center;gap:6px;display:flex}.signup__input--phone{text-align:center;flex:1;min-width:0}.signup__phone-dash{color:#929292;flex-shrink:0;font-size:14px}.signup__otp-row{gap:8px;margin-top:8px;display:flex}.signup__input--otp{letter-spacing:4px;text-align:center;flex:1;min-width:0}.signup__otp-timer{color:#e53935;margin-top:4px;font-size:12px}.signup__error{color:#e74c3c;margin:0;font-size:12px}.signup__error--center{text-align:center}.signup__success{color:#27ae60;margin:0;font-size:12px}.signup__submit{color:#fff;cursor:pointer;background:#173269;border:none;border-radius:8px;width:100%;height:48px;font-family:Pretendard,sans-serif;font-size:16px;font-weight:700}.signup__submit:hover{opacity:.9}.signup__submit:disabled{opacity:.4;cursor:default}.signup__actions{gap:10px;display:flex}.signup__back-btn{color:#173269;cursor:pointer;background:#fff;border:1px solid #173269;border-radius:8px;flex:1;height:48px;font-family:Pretendard,sans-serif;font-size:16px;font-weight:700}.signup__back-btn:hover{background:#f5f5f5}.signup__actions .signup__submit{flex:2}.signup__login{justify-content:center;align-items:center;gap:10px;display:flex}.signup__login-text{color:#000;font-size:12px;font-weight:400}.signup__login-link{color:#173269;font-size:12px;font-weight:700;text-decoration:none}.signup__login-link:hover{text-decoration:underline}@media (max-width:768px){.signup{padding:50px 20px}.signup__box{gap:30px;width:100%;max-width:100%;padding:40px 20px}}
