@media all and (max-width: 1520px) {
    .footer {height: auto;}
    .footer_inner {padding: 70px 20px; width: 95%; }
    .sitemap .gnb {gap: 30px;}
    .btm div {padding: 0 20px;}
}

@media all and (max-width: 1440px) {
    .footer_inner {gap: 30px;}
    .info {width: 600px;}
    .sitemap {width: calc(100% - 600px);}
    .info h3 {font-size: 36px;}
    .info h4 {font-size: 20px;}
    .info > p {font-size: 16px;}
    .sitemap .gnb > li > a {font-size: 18px;}
    .sitemap .gnb .submenu li {margin-bottom: 10px;}
    .sitemap .gnb .submenu a {font-size: 14px;}
}

@media all and (max-width: 1024px) {
    .info {width: 100%;}
    .sitemap {display: none;}
    .btm div {flex-direction: column-reverse; justify-content: center;}
}

@media all and (max-width: 768px) {
    .footer_inner {padding: 50px 20px;}
    .btm div {padding: 0 10px;}
    .info h3 {font-size: 26px; margin-bottom: 10px;}
    .info h4 {font-size: 16px;}
    .info h5 {font-size: 16px; margin-bottom: 20px;}
    .info > p {font-size: 14px; margin-bottom: 15px;}
    .info .contact li {font-size: 13px;}
    .info .logo_box p {font-size: 14px; margin-bottom: 10px;}
    .btm ul {margin-bottom: 5px;}
    .btm ul a {font-size: 12px;}
    .btm div p {font-size: 10px; line-height: 12px;}

    #footer {padding-bottom: 60px;}
    .info .logo {flex-wrap: wrap; gap: 15px; margin-bottom: 15px; width: 55%;}
    .info .logo_box {width: 100%;}
    .info .logo_box a {width: 100%;}
    .info > p {margin-bottom: 15px;}
    .info > p br {display: none;}
    .info .contact li img {margin-top: -3px;}
}

@media all and (max-width: 480px) {
    .info .logo {width: 80%;}
}