/* Q&A CSS 시작 */
    .doctor_view_qa_list{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12rem;
        align-self: stretch;
        

    }

    .qa_list{
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        border-radius: 6.3rem;
        background: #FFF;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
        cursor:pointer;
    }

    .qa_list_content_area{
        display: flex;
        padding: 12rem;
        flex-direction: column;
        align-items: center;
        /*gap: 12rem;*/
        flex-shrink: 0;
        align-self: stretch;
        border-bottom: 1px solid #E2E2E2;
    }

    .qa_list_content_counsel{
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 16rem; /* 원하는 만큼 조절 */
    }

    .qa_list_content_counsel_left{
        display: flex;
        flex-direction: column;
        gap: 8rem;
        
        flex: 1;        /* 추가 */
        min-width: 0;   /* 추가 (ellipsis 필수) */
    }

    .qa_list_content_counsel_right{
        width: 82.2rem;
        height: 82.2rem;
        flex-shrink: 0; /* 오른쪽 고정 */
        border-radius: 10rem;
        background: #BDBDBD;
    }

    .qa_list_content_counsel_left_button{
        display: flex;
        align-items: flex-start;
        gap: 4rem;
    }

    .qa_list_content_counsel_left_btn{
        display: flex;
        padding: 3.2rem 6.3rem;
        justify-content: center;
        align-items: center;
    }

    .counsel_left_btn1{
        border-radius: 3.2rem;
        background: #DAE6FF;
    }

    .counsel_left_btn1 > span {
        color: var(--_, #0153F3);
        text-align: center;
        font-family: Pretendard;
        
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .counsel_left_btn2{
        border-radius: 3.2rem;
        background: var(--_2, #5480FF);
    }

    .counsel_left_btn2 > span {
        color: #FFF;
        text-align: center;
        font-family: Pretendard;
        
        font-style: normal;
        font-weight: 500;
        line-height: normal; /* 18px */
        
    }

    .qa_list_content_counsel_left_cont{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
        flex-shrink: 0;
        align-self: stretch;
    }

    .qa_list_content_counsel_left_cont_sub{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8rem;
        flex-shrink: 0;
        align-self: stretch;
    }

    .qa_list_content_subject{
        display: flex;
        
        align-items: flex-start; /* center → flex-start 추천 */
        gap: 8rem;
        flex-shrink: 0;
        align-self: stretch;
        min-width: 0; /* 추가 */
    }

    .qa_list_content_subject > span{
        display: block; /* flex 제거 */
        width: 100%; /* 고정값 대신 */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        color: #1F1F1F;
        font-family: Pretendard;
        font-size: 14.1rem;
        font-weight: 600;
        line-height: normal;
    }


    .qa_list_content_subject > span.content{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;

        overflow: hidden;
        text-overflow: ellipsis;

        white-space: normal; /* ✅ 추가 */

        color: #454545;
        font-family: Pretendard;
        font-size: 12.5rem;
        font-weight: 400;
        line-height: 17.2rem;
    }

    .qa_list_content_reply{
        display: flex;
        width: 100%;
        padding: 12rem;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 4rem;
        flex-shrink: 0;
        border-radius: 6.3rem;
        background: var(--_4, #EFF4FF);
        box-sizing:border-box;
        margin-top:10rem;
    }

    .qa_list_content_reply_tit{
        display: flex;
        
        align-items: center;
        gap: 4rem;
    }

    .qa_list_content_reply_tit > span {
        color: #0057FF;
        font-family: Pretendard;
        font-size: 11rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .qa_list_content_reply_cont{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4rem;
        align-self: stretch;
    }

    .qa_list_content_reply_cont_text{
        display: flex;
        align-items: center;
        gap: 4rem;
        align-self: stretch;
    }

    .qa_list_content_reply_cont_text > span{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal; /* ✅ nowrap → normal */

        color: #454545;
        font-family: Pretendard;
        font-size: 12.5rem;
        font-weight: 400;
        line-height: 17.2rem;
    }

    .qa_list_content_reply_cont_doctor{
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }

    .doctor_profile_area{
        display: flex;
        align-items: center;
        gap: 4rem;
    }

    .qa_list_content_reply_cont_doctor > span {
        color: #787878;
        font-family: Pretendard;
        font-size: 8rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .doctor_profile_img{
        display: flex;
        width: 16rem;
        height: 16rem;
        
        flex-direction: column;
        align-items: center;
        gap: 1px;
        aspect-ratio: 1/1;
        border-radius: 5953.95px;
        border: 0.5px solid var(--2, #E2E2E2);
        background: #FFF;
    }

    .doctor_profile_text{
        display: flex;
        height: 10rem;
        align-items: center; /* flex-start → center */

        gap: 8rem;
    }

    .doctor_profile_text > span {
        color: var(--2, #454545);
        font-family: Pretendard;
        font-size: 10rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;

        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
    }

    .qa_list_user_area{
        display: flex;
        height: 35px;
        padding: 0 12rem;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
    }

    .qa_list_user_info{
        display: flex;
        align-items: center;
        gap: 4rem;
    }

    .qa_list_user_info_txt{
        display: flex;
        padding-right: 8rem;
        align-items: center;
        gap: 10px;
    }

    .qa_list_user_info_txt > span {
        color: #454545;
        text-align: center;
        font-family: Pretendard;
        font-size: 10rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .info_text_line{
        width: 1px;
        height: 10rem;
        background: #BDBDBD;
    }

    .qa_list_user_btn{
        display: flex;
        align-items: center;
        gap: 6.3rem;
    }

    .qa_list_user_btn_view{
        display: flex;
        align-items: center;
        gap: 4rem;
    }

    .qa_list_user_btn_view > span {
        color: #787878;
        text-align: center;
        font-family: Pretendard;
        font-size: 10rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .font_14px{
        font-size: 11rem;
    }

    .font_12px{
        font-size: 9.5rem;
    }
    

    /* Q&A CSS 끝 */