/* 컨설팅 정보 카드 전체 */
.consult-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 32px 28px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* 제목 */
.consult-card .consult-title {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
}

/* 소제목 (서비스, 일정 등) */
.consult-card .section-title {
    font-weight: 600;
    font-size: 14px;
    color: #111;
    margin-bottom: 8px;
}

/* 본문 단락 */
.consult-card p {
    font-size: 14px;
    color: #111;
    line-height: 1.6;
    margin-bottom: 0;
}

/* 리스트 (컨설팅 일정) */
.consult-card ul {
    padding-left: 18px;
    margin-bottom: 0;
}

.consult-card ul li {
    font-size: 14px;
    color: #111;
    margin-bottom: 4px;
    line-height: 1.6;
}

/* 하단 문의 정보 */
.consult-card a {
    color: #FF5500;
    text-decoration: none;
}

.consult-card a:hover {
    text-decoration: underline;
}

.guide-line-black {
    border-bottom: 1px solid #111; /* 연회색 */
    margin: 24px 0 24px 0; /* 위아래 여백 */
}

.guide-line-gray {
    border-bottom: 1px solid #ececec; /* 연회색 */
    margin: 24px 0 24px 0; /* 위아래 여백 */
}

/* ===== 결제 카드 ===== */
.payment-card {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 32px 28px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* 제목 */
.payment-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 24px;
}

/* 옵션 버튼 컨테이너 */
.payment-options {
    margin-bottom: 24px;
}

/* 각 옵션 */
.payment-option {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 8px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #fff;
}

.payment-option img {
    height: 20px;
    margin-right: 8px;
}

.payment-option span {
    font-size: 15px;
    color: #000;
}

/* 선택된 상태 */
.payment-option.active {
    border-color: #ff5500;
    background-color: rgba(255, 85, 0, 0.08);
}

.payment-option input {
    display: none;
}

/* 설명 텍스트 */
.payment-desc p {
    font-size: 14px;
    color: #111;
    line-height: 1.6;
    margin-bottom: 0;
}

.payment-desc .mt-16 {
    margin-top: 16px;
}

/* ===== 결제 하단 고정 바 ===== */
.payment-fixed-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    padding: 16px 0;
    z-index: 1000;
}

/* 가격 섹션 */
.payment-prices .label {
    font-size: 13px;
    color: #888;
    margin-bottom: 2px;
}

.payment-prices .value {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.payment-prices .value.total {
    color: #ff5500;
}

/* 금액 간격 */
.payment-prices .price-item {
    text-align: center;
}

/* 동의 영역 */
.agree-wrap input {
    margin-right: 6px;
    width: 16px;
    height: 16px;
}

.agree-text {
    font-size: 13px;
    color: #555;
}

/* 버튼 */
#payBtn {
    background-color: #ddd;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    padding: 10px 32px;
    cursor: not-allowed;
    transition: all 0.2s ease;
}

/* 활성화 시 */
#payBtn.active {
    background-color: #ff5500;
    cursor: pointer;
}

/* 기본 체크박스 숨기기 */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
}

/* 체크 상태 */
input[type="checkbox"]:checked {
    background-color: #ff5500;
    border-color: #ff5500;
}

/* 체크 표시(✔️) */
input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}

/* ✅ 768px 이하 (모바일)일 때 */
@media (max-width: 768px) {
    .payment-prices .value {
        font-size: 15.5px; /* 원하는 크기로 조정 */
    }

    .payment-card {
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 8px;
        padding: 24px 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    }

    .consult-card {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 8px;
        padding: 24px 20px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }


}