/* 레이아웃 CSS */
@media all and (max-width:1024px) { 
    .footer_gnb .inner {padding-left: 0px !important; padding-right: 0px !important;}
    .footer_copy .inner {padding-left: 0px !important; padding-right: 0px !important;}
}
* 하단메뉴 버튼시작*/
    .footer_nav {
        backdrop-filter: blur(4px);
        background: #ffffffeb;
        border-top: 1px solid #f1f2f4;
        bottom: 0;
        height: 64px;
        left: 0;
        padding: 0 8px;
        position: fixed;
        width: 100%;
        z-index: 1000;
        transition: all .4s ease-out;
        transform: translate3d(0,64px,0);
    }
    .footer_nav .footer_nav_grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        height: 100%;
    }
    .footer_nav .footer_nav_grid_item {
        align-items: center;
        color: #48546e;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        font-size: 10px;
        font-weight: 500;
        gap: 2px;
        justify-content: center;
    }
    .footer_nav .footer_nav_grid_item.active {
        color: #091227;
        font-weight: 800;
    }
    .footer_nav .footer_nav_grid_item i {
        display: inline-block;
        height: 22px;
        width: 22px;
    }
    .footer_nav .footer_nav_grid_item i svg {
    
    }
    .footer_nav .footer_nav_grid_item span {
        display: block;
    }

    @media all and (max-width: 768px) {
        .top_nav {display: flex !important;}
        .footer_nav {transform: translateZ(0) !important;}
    }
    
    
    /* 하단메뉴버튼 끝 */