/* 2024.04.16*/
.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-disabled);
        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: 8px;
    }


    /* /////////////////////////정보 영역 */
    .menu_m .menu_m_inner .info_area{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 40px;
        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 .name>span{
        text-decoration: underline;
    }

    /* 로그아웃 */
    .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 .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{
        margin: 8px 0;
        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 var(--color-border-disabled);
    }

    /* NEW 아이콘*/
    .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_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 var(--color-border-disabled);
    }
    
    .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: 12px 24px;
    }  
    
    /* /////////////////////////파트너스 영역 */
    .menu_m .menu_m_inner .partner{
        padding: 12px 24px;
    }


    /* /////////////////////////전체 메뉴 영역 */
    .menu_m .menu_m_inner .menu_list .list_box{
        padding: 8px 24px;
    }

    /* NEW 아이콘*/
    .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.time,
    .menu_m_footer .footer_inner .ft_info .info_right ul li.lunch{
        display: none;
    }
}