.mobile_top_area{
    display:none;
    width: 100vw;
    min-width:100vw;
    /*height: 178.575px;*/
    padding-bottom: 1.108px;
    flex-direction: column;
    align-items: flex-start;

    border-bottom: 1.108px solid #E5E7EB;
    background: #FFF;
}

.mobile_top_header{
    /**/display: flex;
    padding: clamp(16px, 3vw, 32px) clamp(16px, 3vw, 32px);
    justify-content: space-between;
    align-items: center;
    /*gap: 193.201px;*/
    align-self: stretch;
    border-bottom: 1.108px solid #F3F4F6;
}

.mobile_top_header_tit{
    display: flex;
    height: 27.988px;
    align-items: center;
    gap: 7.997px;
    width:70%;
}

.mobile_top_header_tit_icon{
    width: 19.992px;
    height: 19.992px;
}

.mobile_top_header_tit_txt{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0A0A0A;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
}

.mobile_top_header_cart{
    display: flex;
    width: 39.983px;
    padding: 7.997px 7.997px 0 7.997px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
}

.mobile_top_header_cart_icon{
    height: 23.99px;
    align-self: stretch;
    position: relative;
}

.mobile_top_category_area{
    display: flex;
    /*height: 112.386px;*/
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
}

.mobile_top_category_list_area{
    display: flex;
    /*height: 63.298px;*/
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    border-bottom: 1.108px solid #F3F4F6;
}

.mobile_top_category_list{
    display: flex;
    padding: clamp(16px, 3vw, 32px) 0 clamp(16px, 3vw, 32px)  clamp(16px, 3vw, 32px);
    align-items: flex-start;
    gap: 7.997px;
    flex-shrink: 0;
    align-self: stretch;
    width: 100%;
    overflow-x: auto;          /* 가로 스크롤 */
    overflow-y: hidden;

    white-space: nowrap;       /* 줄바꿈 방지 */
    -webkit-overflow-scrolling: touch; /* 모바일 터치 스크롤 */
    touch-action: pan-x;

    box-sizing: border-box;

}
.mobile_top_category_list::-webkit-scrollbar {
    display: none;
}

.mobile_top_category_btn_area{
    display: flex;
    /*height: 38.201px;*/
    align-items: flex-start;
    gap: 7.997px;
    flex-shrink: 0;
    align-self: stretch;
    flex: 0 0 auto;   /* ❗ 절대 줄어들지 않게 */
}

.mobile_top_category_btn{
    display: flex;
    border:0px;
    padding: 8.212px 14.94px 9.988px 15.993px;
    justify-content: center;
    align-items: center;
    color: #2E7D32;
    border-radius: 37170400px;
    border: 1.108px solid #E5E7EB;
    background: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    white-space: nowrap;
    cursor:pointer;
}

.mobile_category_on{
    border-radius: 37170400px;
    background: #C8E6C9;
}

.mobile_top_hospital_list_area{
    display: flex;
    flex-direction: row;           /* ⭐ 가로 정렬 */
    gap: 12px;

    padding: 20px 0 20px clamp(16px, 3vw, 32px);

    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;
}


.mobile_top_hospital_list_area::-webkit-scrollbar {
    display: none;
}

.mobile_top_hospital_btn_area{
    display: flex;
    flex-direction: row;        /* ⭐ 가로로 나열 */
    gap: 10.004px;

    flex-wrap: nowrap;          /* ⭐ 줄바꿈 금지 */
    width: max-content;         /* ⭐ 내용만큼 넓이 */
    
}



.mobile_top_hospital_btn_text{
    display: flex;
    /*height: 23.99px;*/
    align-items: center;
    gap: 5.989px;
    flex-shrink: 0;
    align-self: stretch;
    white-space: nowrap;        /* ⭐ 내부 줄바꿈 방지 */
    padding-bottom:20px;

}

.mobile_top_hospital_btn_text > div.hospital_text{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.mobile_top_hospital_btn_text > div.hospital_text > span{
    color: #004030;
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
 }


 .mobile_top_hospital_btn_text > div.hospital_text2{
    display: flex;
    padding: 0.991px 5.71px 2.984px 5.989px;
    justify-content: center;
    align-items: center;
    border-radius: 37170400px;
    background: rgba(0, 64, 48, 0.10);
 }

.mobile_top_hospital_btn_text > div.hospital_text2 > span{
    color: #004030;
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
 }


 .mobile_top_hospital_on_line{
    
    border-bottom:2px solid #004030;
 }


 .top_cart_count_area{
    display: flex;
    width: 19.992px;
    height: 19.992px;
    justify-content: center;
    align-items: center;
    border-radius: 37170400px;
    background: #004030;
    position: absolute;
    top: -15px;
    left: 10px;
 }


 .top_cart_count_area > span {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    
 } 

 .mobile_top_hospital_btn_text_new {
    display: flex;
    height: 46.18px;
    align-items: flex-start;
    gap: 7.997px;
    flex-shrink: 0;
    align-self: stretch;
 }

.mobile_top_hospital_btn_text_new_btn{
    display: flex;
    height: 46.18px;
    padding: 11px;
    flex-direction: row;
    align-items: center;
    gap: 12px;              /* 간격 강화 */
    border-radius: 10px;
    border: 1.108px solid #E5E7EB;
    background: #FFF;
    cursor:pointer;
}


.hospital_btn_on{
    border-radius: 10px;
    background: #004030;
    border:unset;
    

}


.mobile_top_hospital_btn_text_new_btn_con{
    display: flex;
    height: 23.99px;
    align-items: center;
    gap: 5.989px;
    flex-shrink: 0;
    flex: 0 0 auto;        /* 추가 */
}

 .mobile_top_hospital_btn_text_new_btn_clinic{
    display: flex;
    justify-content: center;
    align-items: center;
 }

  .mobile_top_hospital_btn_text_new_btn_clinic > span {
    color: #4A5565;
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
 }

 .mobile_top_hospital_btn_text_new_btn_gugun{
    display: flex;
    padding: 0.991px 5.656px 2.984px 5.989px;
    justify-content: center;
    align-items: center;

    border-radius: 37170400px;
    background: #F3F4F6;

 }

 .mobile_top_hospital_btn_text_new_btn_gugun > span {
    color: #6A7282;
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */

 }

 .hospital_btn_on .mobile_top_hospital_btn_text_new_btn_clinic > span {
    color: #FFFFFF;
}

.hospital_btn_on .mobile_top_hospital_btn_text_new_btn_gugun {
    border-radius: 37170400px;
    background: rgba(255, 255, 255, 0.20);
}

.hospital_btn_on .mobile_top_hospital_btn_text_new_btn_gugun > span {
    color: #FFFFFF;
}

/* PC (1020px 이상) */
@media (max-width: 1020px) {
    .mobile_top_area{
        display: flex !important;

    }
}