@media screen and (max-width:720px){

    /* header */
    .header_bg header {position:relative; height:70px; padding:0 10px;}
    .header_bg header .gnb {display:none;}
    .header_bg header h1 a img {height:20px;}
    /* header > m_nav */
    .header_bg header .m_nav {display:block;}
    .header_bg header .m_nav img {width:35px;}
    .header_bg header .m_nav_open {
        position:absolute; right:10px; top:60px; display:block; width:100px;
    }
    .header_bg header .m_nav_open a {
        color:#222; display:flex; flex-flow:column; align-items:center; padding:10px; transition:0.3s;
        background-color:#fff; border-radius:10px; justify-content:center; width:100%;
        margin-bottom:10px; box-shadow:1px 1px 1px rgba(255,255,255,0.4); font-size:14px; font-weight:700;
    }
    .header_bg header .m_nav_open a:nth-of-type(4) {background-color:#19b8d1;}
    .header_bg header .m_nav_open a:hover {
        background-color:#19b8d1; color:#222; transition:all 0.3s ease; text-shadow:1px 1px 1px rgba(0,0,0,0.2);
    }


    /* pr_p1 */
    body {height:max-content;}
    main .p1_bnr {height:300px; margin-bottom:80px;}
    main .p1_bnr h1 {font-size:32px; left:33%; top:40%;}
    main .p1_bnr p {font-size:16px; left:33%; bottom:40%;}
    /* footer */
    .footer_bg {height:350px;}
    .footer_bg footer {width:100%; padding:0 20px; flex-flow:column;}
    .footer_bg footer .footer_left {display:flex; flex-flow:column; margin-bottom:50px; align-items:center;}
    .footer_bg footer .footer_left h1 {}
    .footer_bg footer .footer_left h1 img {height:20px; margin-bottom:10px;}
    .footer_bg footer .footer_right {text-align:center; width:80%;}
    .footer_bg footer .footer_right p {font-size:14px; line-height:1.8;}
    br {display:none !important;}

}