/* 하단 네비게이션 */
header > .mobile_navigation {
    display: none;
}

@media screen and (max-width: 1024px) {
    header {
        box-shadow: 0 -1rem 2rem rgba(0, 0, 0, 0.2);
    }

    header > .mobile_navigation {
        width: 95%;
        height: 100%;
        display: block;
        margin: 0 auto;
    }

    header > .mobile_navigation > ul {
        position: relative;
        width: 100%;
        height: 100%;
        justify-content: space-between;
    }

    header > .mobile_navigation > ul > li {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 10rem;
        height: 60%;
        margin: 0;
        cursor: pointer;
    }

    header > .mobile_navigation > ul > li:nth-of-type(3) {
        position: relative;
        height: 100%;
        top: -4rem;
    }

    header > .mobile_navigation > ul > li:nth-of-type(3) > div {
        width: 10rem;
        height: 10rem;
    }

    header > .mobile_navigation > ul > li > div {
        width: 3.6rem;
        height: 3.6rem;
        box-sizing: border-box;
        background-size: contain !important;
    }
}