.menu_m {
    display: none;
}
@media screen and (max-width: 1024px) {
    .menu_m {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: var(--color-bg-inverse);
        z-index: 9999;
        overflow-y: scroll;
    }
    .menu_m .menu_m_inner .top_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        padding: 0 32px;
        width: 100%;
        height: 56px;
        position: sticky;
        top: 0;
        z-index: var(--z-index-1);
        background: var(--color-bg-inverse);
        position: relative;
    }
    .menu_m .menu_m_inner .top_title .down_btn {
        display: flex;
        gap: 4px;
        align-items: center;
        justify-content: center;
        padding: 4px 12px;
        color: var(--color-text-inverse);
        background-color: var(--color-bg-brand);
        font-size: var(--font-size-14);
        font-weight: var(--font-weight-m);
        border-radius: var(--border-radius-full);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 80px;
    }
    .menu_m .menu_m_inner .top_title .down_btn .iconbox {
        width: 20px;
    }
    .menu_m .menu_m_inner .top_title .allmenu_tit {
        font-size: var(--font-size-20);
        font-weight: var(--font-weight-sb);
    }
    .menu_m .menu_m_inner .top_title .right_icon {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
    }
    .menu_m .menu_m_inner .info_area {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 24px 40px 12px;
        width: 100%;
        background: var(--color-bg-inverse);
    }
    .menu_m .menu_m_inner .info_area .info {
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: var(--font-weight-sb);
        cursor: pointer;
    }
    .menu_m .menu_m_inner .info_area .info .login {
        display: flex;
        gap: 8px;
    }
    .menu_m .menu_m_inner .info_area .login .name {
        display: flex;
        align-items: center;
    }
    .menu_m .menu_m_inner .info_area .name_wrap {
        display: flex;
        text-align: center;
        gap: 8px;
    }
    .menu_m .menu_m_inner .info_area .icon_my_icon {
        width: 50px;
        height: 50px;
    }
    .menu_m .menu_m_inner .info_area .name_wrap .name {
        display: flex;
        align-items: center;
    }
    .menu_m .menu_m_inner .info_area .name_wrap .name > span {
        text-decoration: underline;
    }
    .menu_m .menu_m_inner .info_area .name_wrap.medi25_care .name > span {
        text-decoration: initial;
    }
    .menu_m .menu_m_inner .info_area .logout {
        font-size: var(--font-size-14);
        color: var(--color-text-tertiary);
        cursor: pointer;
    }
    .menu_m .menu_m_inner .announcement_wrap {
        height: 54px;
        margin: 8px auto 0;
        width: calc(100% - 80px);
        display: flex;
        border: 1px solid #f2f4f7;
        box-shadow: 0 0 16px 0 rgba(52, 64, 84, 0.07);
        border-radius: 8px;
        position: relative;
    }
    .menu_m .menu_m_inner .announcement_wrap::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 1px;
        height: 20px;
        background-color: #e9ebee;
    }
    .menu_m .menu_m_inner .announcement_wrap > div {
        display: flex;
        gap: 4px;
        align-items: center;
        justify-content: center;
        width: calc(100% / 2);
        cursor: pointer;
    }
    .menu_m .menu_top_wrap {
        padding: 0 0 12px 0;
        background-color: var(--color-bg-inverse);
    }
    .menu_m .menu_m_inner .download_container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 22px 40px;
        border-bottom: 8px solid #f2f4f7;
        cursor: pointer;
    }
    .menu_m .menu_m_inner .download_container .download_wrap {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .menu_m .menu_top_wrap .banner_area .imgbox {
        width: 128px;
    }
    .menu_m .menu_top_wrap .banner_area .go_medi25care .imgbox {
        width: 178px;
    }
    .menu_m .menu_top_wrap .banner_area .go_medi,
    .menu_m .menu_top_wrap .banner_area .go_medi25care {
        display: block;
        margin: 0 auto;
        width: calc(100% - 80px);
        height: 242px;
        background-color: #e7f4e8;
        border-radius: var(--border-radius-20);
    }
    .menu_m .menu_top_wrap .banner_area .go_medi {
        background-color: var(--color-bg-lightskyblue);
    }
    .menu_m .menu_top_wrap .banner_area .a_wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        margin: 0 auto;
        max-width: 80%;
    }
    .menu_m .menu_top_wrap .banner_area .a_wrap .txtbox {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .menu_m .menu_top_wrap .banner_area .a_wrap .txtbox .title {
        font-size: var(--font-size-32);
        font-weight: var(--font-weight-b);
    }
    .menu_m .menu_top_wrap .banner_area .a_wrap .txtbox .subtitle {
        font-size: var(--font-size-20);
        font-weight: var(--font-weight-m);
    }
    .menu_m .menu_top_wrap .banner_area .a_wrap .txtbox .button {
        display: block;
        padding: 4px 12px;
        width: 120px;
        text-align: center;
        font-size: var(--font-size-20);
        font-weight: var(--font-weight-m);
        border: var(--border-width-1) solid #1d2939;
        background-color: var(--color-bg-inverse);
    }
    .menu_m .menu_top_wrap .go_medi25care .a_wrap .txtbox {
        gap: 28px;
    }
    .menu_m .menu_top_wrap .go_medi .a_wrap .txtbox .title {
        color: #006bad;
    }
    .menu_m .menu_top_wrap .go_medi .a_wrap .txtbox .subtitle {
        color: #006bad;
    }
    .menu_m .menu_top_wrap .go_medi .a_wrap .txtbox .button {
        color: #006bad;
        border: var(--border-width-1) solid #006bad;
    }
    .menu_m .menu_m_inner .partner {
        padding: 12px 40px;
        background: var(--color-bg-inverse);
    }
    .menu_m .menu_m_inner .partner > a {
        display: block;
        padding: 8px 12px;
        border-radius: var(--border-radius-8);
        background: var(--color-bg-disabled);
        text-align: center;
        cursor: pointer;
    }
    .menu_m .menu_m_inner .icon_menu {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        background: var(--color-bg-inverse);
    }
    .menu_m .menu_m_inner .icon_menu .icon_menu_list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px 0;
        gap: 8px;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }
    .menu_m .menu_m_inner .icon_menu .icon_menu_list > span {
        font-size: var(--font-size-14);
        color: var(--color-text-secondary);
    }
    .menu_m .menu_m_inner .menu_list {
        border-top: 8px solid #f2f4f7;
        border-bottom: 8px solid #f2f4f7;
        background: var(--color-bg-inverse);
    }
    .menu_m .menu_m_inner .menu_list .list_box {
        padding: 8px 40px;
        position: relative;
        border-bottom: var(--border-width-1) solid #f2f4f7;
    }
    .menu_m .menu_m_inner .menu_list .list_box .icon_new {
        width: 16px;
        height: 16px;
        line-height: 16px;
        position: absolute;
        left: 92px;
        top: 20px;
        font-size: var(--font-size-12);
        color: var(--color-text-inverse);
        background: var(--color-icon-red);
        border-radius: var(--border-radius-full);
        text-align: center;
    }
    .menu_m .menu_m_inner .menu_list .list_box:last-of-type {
        border-bottom: none;
    }
    .menu_m .menu_m_inner .menu_list .list_box .menu_title {
        padding: 12px 0;
        font-size: var(--font-size-14);
        color: var(--color-text-secondary);
    }
    .menu_m .menu_m_inner .menu_list .list_box .sub_menu li > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        padding: 12px 0;
        font-weight: var(--font-weight-m);
    }
    .menu_m .menu_m_inner .menu_list .list_box .sub_menu li > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        padding: 12px 0;
        font-weight: var(--font-weight-m);
        cursor: pointer;
    }
    .menu_m .menu_m_inner .menu_list .list_box.care .menu_title {
        color: var(--color-text-primary);
        font-size: var(--font-size-16);
        font-weight: var(--font-weight-sb);
    }
    .menu_m .menu_m_inner .menu_list .list_box.care .sub_menu li > div {
        justify-content: initial;
    }
    .menu_m .menu_m_inner .menu_list .list_box .sub_menu .sub_menu_wrap {
        display: flex;
        gap: 8px;
        align-items: center;
    }
    .menu_m_footer {
        padding: 0 0 32px 0;
        width: 100%;
        background: var(--color-bg-inverse);
    }
    .menu_m_footer .footer_inner {
        padding: 0 40px;
        color: var(--color-text-tertiary);
        font-size: var(--font-size-14);
    }
    .menu_m_footer .footer_inner .ft_menu {
        padding: 24px 0;
        border-bottom: var(--border-width-1) solid #f2f4f7;
    }
    .menu_m_footer .footer_inner .ft_menu ul {
        display: flex;
        gap: 20px;
    }
    .menu_m_footer .footer_inner .ft_menu ul li a {
        color: var(--color-text-disabled);
    }
    .menu_m_footer .footer_inner .ft_menu ul li.privacy_policy a {
        color: var(--color-text-primary);
        font-weight: var(--font-weight-m);
    }
    .menu_m_footer .footer_inner .ft_info {
        display: flex;
        justify-content: space-between;
        padding: 32px 0 16px 0;
    }
    .menu_m_footer .footer_inner .ft_info .info_left ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .menu_m_footer .footer_inner .ft_info .info_left ul li.company {
        color: var(--color-text-primary);
        font-weight: var(--font-weight-m);
    }
    .menu_m_footer .footer_inner .ft_info .info_right ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .menu_m_footer .footer_inner .ft_info .info_right ul li.cus_title {
        color: var(--color-text-primary);
        font-size: var(--font-size-20);
        font-weight: var(--font-weight-sb);
    }
    .menu_m_footer .footer_inner .ft_info .info_right ul li.cus_num {
        color: var(--color-text-primary);
        font-size: var(--font-size-42);
        font-weight: var(--font-weight-sb);
        cursor: pointer;
    }
    .menu_m_footer .footer_inner .copy {
        color: var(--color-text-primary);
        font-weight: var(--font-weight-m);
    }
}
@media screen and (max-width: 767px) {
    .menu_m .menu_m_inner .top_title {
        padding: 0 20px;
    }
    .menu_m .menu_m_inner .info_area {
        padding: 24px 24px 12px;
    }
    .menu_m .menu_top_wrap .banner_area .imgbox {
        width: 100px;
    }
    .menu_m .menu_top_wrap .banner_area .go_medi25care .imgbox {
        width: 133px;
    }
    .menu_m .menu_top_wrap .banner_area .go_medi,
    .menu_m .menu_top_wrap .banner_area .go_medi25care {
        width: 100%;
        height: 190px;
        border-radius: 0;
    }
    .menu_m .menu_top_wrap .banner_area .a_wrap {
        padding: 20px 0;
        width: calc(100% - 40px);
        max-width: 440px;
    }
    .menu_m .menu_m_inner .download_container {
        padding: 22px 24px;
    }
    .menu_m .menu_m_inner .announcement_wrap {
        width: calc(100% - 48px);
    }
    .menu_m .menu_top_wrap .banner_area .a_wrap .txtbox {
        gap: 18px;
    }
    .menu_m .menu_top_wrap .banner_area .a_wrap .txtbox .title {
        font-size: var(--font-size-20);
    }
    .menu_m .menu_top_wrap .banner_area .a_wrap .txtbox .subtitle {
        font-size: var(--font-size-14);
    }
    .menu_m .menu_top_wrap .banner_area .a_wrap .txtbox .button {
        width: 100px;
        font-size: var(--font-size-16);
    }
    .menu_m .menu_top_wrap .go_medi25care .a_wrap .txtbox {
        gap: 24px;
    }
    .menu_m .menu_m_inner .partner {
        padding: 12px 24px;
    }
    .menu_m .menu_m_inner .menu_list .list_box {
        padding: 8px 24px;
    }
    .menu_m .menu_m_inner .menu_list .list_box .icon_new {
        left: 76px;
    }
    .menu_m_footer {
        padding: 0 0 20px 0;
    }
    .menu_m_footer .footer_inner {
        padding: 0 24px;
        font-size: var(--font-size-12);
    }
    .menu_m_footer .footer_inner .ft_menu {
        padding: 20px 0;
    }
    .menu_m_footer .footer_inner .ft_menu ul {
        gap: 8px;
    }
    .menu_m_footer .footer_inner .ft_menu .directions {
        display: none;
    }
    .menu_m_footer .footer_inner .ft_info {
        flex-direction: column-reverse;
        padding: 20px 0 12px 0;
    }
    .menu_m .menu_m_inner .top_title .down_btn {
        left: 70px;
    }
    .menu_m_footer .footer_inner .ft_info .info_left ul {
        padding: 12px 0 0 0;
    }
    .menu_m_footer .footer_inner .ft_info .info_right ul {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }
    .menu_m_footer .footer_inner .ft_info .info_right ul li.cus_title {
        font-size: var(--font-size-14);
    }
    .menu_m_footer .footer_inner .ft_info .info_right ul li.cus_num {
        font-size: var(--font-size-20);
        text-decoration: none;
    }
    .menu_m_footer .footer_inner .ft_info .info_right ul li.lunch,
    .menu_m_footer .footer_inner .ft_info .info_right ul li.time {
        display: none;
    }
}