@media (max-width: 680px) {
    /************  layout  *****************/
    .wrapper {
        padding: 0 1.5rem;
    }
    .table_wrap {
        overflow-x: auto;
    }
    .custom_table:not(.col_style) {
        min-width: 40rem;
    }

}
@media (max-width: 600px) {
    /************  병원목록, 즐겨찾는 병원 관리  *****************/
    .table_wrap { overflow-x: auto; }
    .status_wrap {
        font-size: 1.4rem;
    }
    #hospital_info_section02 .article01 > ul > li > span {
        font-size: 1.4rem;
    }
}
@media (max-width: 520px) {
    /************  병원목록, 즐겨찾는 병원 관리  *****************/
    .hospital-filter-wrap {
        gap: 1.5rem;
        padding: 1.5rem 1rem;
        height: auto;
    }
    .filter_tab_wrapper .filter_tab_btn {
        flex: 0 0 31.3334%;
    }
    .hospital_name_wrap {
        gap:1rem;
    }
    .hospital-name {
        word-break: break-all;
        text-align: left;
    }
    .hospital_btn_wrap {
        flex-flow:wrap;
    }
    .hospital_info_section .hospital_btn.phone,
    .hospital_btn_wrap .hospital_btn {
        flex:1 0 100%;
    }
    #hospital_info_section02 .article01 > ul > li {
        margin-bottom: 1rem;
    }
    #hospital_info_section02 .article01 > ul > li:last-child {
        margin-bottom:0;
    }

    .ms_content .txt {
        margin-bottom: .25rem;
        /* flex: 0 0 60%;
        max-width: 60rem; */
    }
    #hospital_info_section04 .article01 > div {
        gap: 1.4rem;
        flex-flow:wrap;
    }
    #hospital_info_section04 .article01 .hospital_btn {
        flex: 1 0 calc(50% - 1.4rem);
    }
    .radio_type_list {
        flex-flow:wrap;
    }
    .radio_type {
        flex: 1 0 33.3334%;
    }
    .custom_file + .file_name {
        height: auto;
        min-height: 5.6rem;
    }
    .custom_file + .file_name .file_item {
        word-break: break-all;
    }
    .detail_view_title {
        flex-flow:column;
    }
    .h-info-menu-wrap {
        overflow-x: auto;
    }
    .h-info-menu {
        font-size: 1.4rem;
        padding-left:.5rem;
        padding-right: .5rem;
    }
}
@media (max-width: 480px) {
    /************  layout  *****************/
    .btn_wrap {
        flex-flow: column;
    }

    /************  계정찾기  *****************/
    .input_section .input_wrap.col3:not(.tel)>input,
    .input_section .input_wrap.col3:not(.tel) > *{
        width: 100%;
    }
    .input_section .input_wrap.col3:not(.tel) {
        flex-flow: column;
    }
    .btn, .input_section .input_wrap.col3:not(.tel) > .btn {
        width: 100%;
        flex:1;
    }
}