@media (max-width:1330px) {
    header .h_inner {width:95%;}
    footer .f_inner {width:95%;}
}
@media (max-width:780px) {
    header .h_inner .nomal_nav {display:none;}
    header .h_inner .hambug_menu {display:inline-block;}
}
@media (max-width:560px) {
    footer {padding:30px 20px;}
    footer .f_inner .f_top {flex-direction: column;}
    footer .f_inner .f_top .f_name {display:flex;}
    footer .f_inner .f_top .f_name p:nth-child(2) {margin-left:20px;}
    footer .f_inner .f_top .f_siteMap {flex-direction:row; flex-wrap: wrap;}
    footer .f_inner .f_top .f_siteMap a {line-height:1; margin-left:20px;}
    footer .f_inner .f_top .f_help h2 {margin-bottom:5px !important;}
    footer .f_inner .f_top .f_help p {line-height:1.5;}
    footer .f_inner .f_top .f_help p:last-child {margin-bottom:15px;}
    footer .f_inner .f_top .f_down h2 {margin-bottom:5px !important;}
    footer .f_inner hr {margin:24px 0;}
}
@media (max-width:400px) {
    footer .f_inner .f_top .f_siteMap {
        flex-direction: column;
    }
    footer .f_inner .f_top .f_siteMap h2 {margin-bottom:5px;}
    footer .f_inner .f_top .f_siteMap a {line-height:1.3; margin-left:0;}
    footer .f_inner .f_top .f_siteMap a:last-child {margin-bottom:15px;}
    header {height:50px;}
    header .h_inner .main_logo a img {width:55%;}
    .hambug_menu .bar {width:28px; height:2px;}
    .bar3 {bottom:0 !important;}
}