.service-qna {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 3rem;
    padding-block: 4rem 5rem;
    border-top: 1px solid #dce2ec;
    scroll-margin-top: 6rem;
    letter-spacing: 0;
}

.service-qna h2 {
    color: var(--blue-d, #1e3aab);
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.service-qna-list {
    min-width: 0;
}

.service-qna-item {
    padding-block: 1.75rem;
    border-bottom: 1px solid #dce2ec;
}

.service-qna-item:first-child {
    padding-top: 0;
}

.service-qna-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.service-qna-item h3 {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: .75rem;
    color: #171b23;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.6;
    overflow-wrap: anywhere;
    letter-spacing: 0;
}

.service-qna-number {
    color: var(--blue-d, #1e3aab);
    font-size: 1rem;
    line-height: 2;
    font-variant-numeric: tabular-nums;
}

.service-qna-answer {
    margin: .875rem 0 0 3.25rem;
    color: #566170;
    font-size: 1.0625rem;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

@media (max-width: 1023px) {
    .service-qna {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
        padding-block: 3rem 4rem;
    }
}

@media (max-width: 600px) {
    .service-qna h2 {
        font-size: 1.75rem;
    }

    .service-qna-item h3 {
        grid-template-columns: 2rem minmax(0, 1fr);
        gap: .5rem;
        font-size: 1.125rem;
    }

    .service-qna-number,
    .service-qna-answer {
        font-size: 1rem;
    }

    .service-qna-answer {
        margin-left: 2.5rem;
    }
}