/* 콘텐츠 css 시작 */
.doctor_view_cont_list {
    width:100%;
    display: flex;
    flex-wrap: wrap;   /* 🔥 줄바꿈 */
    column-gap: 12rem; /* 좌우 */
    row-gap: 16rem;     /* 🔥 위아래 */
}
/* 부모 */

/* 아이템 */
.doctor_view_cont_list_loop_cont{
    width: calc(50% - 6rem); /* 🔥 2열 고정 */
    border-radius: 8px;
background: #FFF;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

/* 🔥 아이템이 1개일 때 빈칸 생성 */
.doctor_view_cont_list_loop:has(.doctor_view_cont_list_loop_cont:only-child)::after {
    content: "";
    flex: 1;
}
/* 이미지 박스 */
.doctor_view_cont_list_loop_cont_img{
    width: 100%;
    height: 115px;
    overflow: hidden;        /* 🔥 넘치는 부분 자르기 */
    border-radius: 8px 8px 0 0;
    background: #E2E2E2;
}

/* 이미지 */
.doctor_view_cont_list_loop_cont_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;      /* 🔥 핵심 (꽉 채우기) */
}

.doctor_view_cont_list_loop_cont_info{
    display: flex;
    /* height: 85px; */
    padding: 8rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12rem;
    flex-shrink: 0;
    align-self: stretch;
    box-sizing: border-box;
}

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

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

.doctor_view_cont_list_loop_cont_info_hot_icon{
    display: flex;
    padding: 2px 5.5rem;
    justify-content: center;
    align-items: center;
    gap: 8rem;
    border-radius: 4rem;
    background: var(--_2, #DAE6FF);
    color: var(--_, #0153F3);
    text-align: center;
    font-family: Pretendard;
    font-size: 8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.doctor_view_cont_list_loop_cont_info_category_txt{
    color: var(--2, #454545);
    text-align: center;
    font-family: Pretendard;
    font-size: 10rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.doctor_view_cont_list_loop_cont_info_title{
   display: flex;
    height: 11rem;
    align-items: flex-start;
    gap: 8rem;
    align-self: stretch; 
}

.doctor_view_cont_list_loop_cont_info_title > span {
    overflow: hidden;
    color: var(--2, #454545);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Pretendard;
    font-size: 12.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 17.2rem; /* 137.5% */
}

.doctor_view_cont_list_loop_cont_info_bottom{
    display: flex;
    height: 12rem;
    justify-content: flex-end;
    align-items: center;
    gap: 4rem;
    flex-shrink: 0;
    align-self: stretch;
}
/* 콘텐츠 CSS 끝 */