:root {
    font-size: 1rem;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}
body { font-family: inherit; }
.must.form-label::before { content: ''; display: inline-block; width: 4px; height: 4px; background: #e51f22; margin-right: 4px; vertical-align: middle; }
.bg-point { background-color: #ff2333; }
.border-point { border-color: #ff2333 !important; }
.text-point { color: #ff2333; }

/* .btn-primary 스타일을 따르는 커스텀 버튼 */
.btn-point {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff2333;
    --bs-btn-border-color: #ff2333;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e61f2e;
    --bs-btn-hover-border-color: #d91c2a;
    --bs-btn-focus-shadow-rgb: 255, 35, 51;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d91c2a;
    --bs-btn-active-border-color: #cc1a27;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff2333;
    --bs-btn-disabled-border-color: #ff2333;
}
.btn-point {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}
.btn-point:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
.btn-point:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}
.btn-point:active,
.btn-point.active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    box-shadow: var(--bs-btn-active-shadow);
}
.btn-point:disabled {
    color: var(--bs-btn-disabled-color);
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: 0.65;
}

.active {
    font-weight: bold;
    color: #ff2333;
}

/* 로그인 등: 아래→위 슬라이드업 + 페이드인 */
@keyframes slideUpFadeIn {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.animate-slide-up-fade-in {
    animation: slideUpFadeIn 0.45s ease-out forwards;
}
.animate-slide-up-fade-in.delay-1 { animation-delay: 0.2s; opacity: 0; }
.animate-slide-up-fade-in.delay-2 { animation-delay: 0.4s; opacity: 0; }
.animate-slide-up-fade-in.delay-3 { animation-delay: 0.6s; opacity: 0; }


.input-group-check {
    padding: .375rem 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.seller-apply-wrap {
    background-color: #f5f9fc;
    max-width: 50%;
    margin: 0 auto;
}

@media (max-width: 767.98px) {
    .seller-apply-wrap { max-width: 100% !important; }
}