@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

.m_footer {
    display: none;
}

@media (max-width: 1400px) {

    .m_footer {
        display: block;
        border-top: 1px solid #ccc;
        color: rgb(0, 0, 0);
        padding: 40px 0;
        font-size: 1rem;
        position: relative;
        margin-top: 50px;
        font-family: 'Pretendard-Regular';
    }

    .m_footer_content {
        display: flex;
        flex-direction: column;
        align-items: left;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .m_footer_section {
        text-align: left;
        margin: 10px 0px;
    }

    .m_footer_section img {
        width: 120px;
        margin-right: 20px;
    }

    .m_footer_section h2 {
        margin-right: 20px;
        font-family: 'Pretendard-Regular';
    }

    .m_about {
        display: flex;
        font-weight: bold;
        font-family: 'Pretendard-Regular';
    }

    .m_contact div {
        display: flex;
        flex-wrap: wrap;
    }

    .m_footer_section p,
    .m_footer_section ul,
    .m_footer_section a {
        color: rgb(0, 0, 0);
        text-decoration: none;
        margin: auto 5px;
        font-family: 'Pretendard-Regular';
    }

    .m_divide {
        display: block;
    }


    @media (max-width: 768px) {
        .m_footer_content {
            flex-direction: column;
            align-items: left;
            padding: 0 10px;
        }

        .m_about {
            flex-direction: column;
            align-items: left;
            text-align: left;
        }

        .m_about img {
            margin-bottom: 20px;
        }

        .m_contact div {
            flex-direction: column;
            align-items: left;
            text-align: left;
        }

        .m_contact div p {
            margin-bottom: 10px;
            font-size: 0.8rem;
        }

        .m_footer_section {
            text-align: left;
            margin: 10px 0px;
        }

        .m_footer_section img {
            margin: 0 auto 20px;
        }

        .m_divide {
            display: none;
        }
    }

}