footer {background-color: #272727;}
footer .inner {display: flex; justify-content: space-between; padding: 100px 0; align-items: flex-end;}

footer .footer_left .footer_logo {margin-bottom: 30px; display: inline-block;}
footer .footer_left .footer_link {margin-bottom: 40px;}
footer .footer_left .footer_link a {color: #fff; font-size: 20px; display: inline-block; margin-right: 20px;}
footer .footer_left .footer_info p {color: #fff; font-size: 16px; font-family: var(--font-l); line-height: 24px; -webkit-text-fill-color: #fff;}
footer .footer_left .footer_info p span {color: #fff; font-family: var(--font-sb);}

footer .footer_right span {font-family: var(--font-l); color: #fff; margin-bottom: 10px; display: inline-block; font-size: 18px;}
footer .footer_right .footer_num { font-family: var(--font-sb); color: #fff; font-size: 30px; margin-bottom: 30px; -webkit-text-fill-color: #fff;}
footer .footer_right .footer_work {color: #fff; font-family: var(--font-l); font-size: 16px; line-height: 24px; margin-bottom: 15px;}
footer .footer_right button {color: #fff; border: 1px solid #dbdbdb; padding: 8px 0; width: 160px; font-size: 15px; margin-bottom: 20px;}
footer .footer_right button:hover {border: 1px solid #fff;}
footer .footer_right .footer_sns a {margin-right: 10px;}
footer .footer_right .footer_sns a i {color: #fff; font-size: 32px;}

/* 태블릿 */
@media screen and (max-width: 1200px) {
        footer .inner {flex-direction: column; align-items: center; padding: 50px 0;}
        footer .footer_left {text-align: center; margin-bottom: 50px;}
        footer .footer_left .footer_link a {margin-right: 10px;}
        footer .footer_right {text-align: center;}
        footer .footer_right span {font-size: 16px;}
        footer .footer_right .footer_num {font-size: 24px;}
        footer .footer_right button {width: 100%; font-size: 14px;}

        footer .footer_left .footer_logo img {height: 25px;}
}

/* 모바일 */
@media screen and (max-width:767px) {
    footer .inner {padding: 50px 20px;}
    footer .footer_left .footer_logo img {height: 20px;}
    footer .footer_left .footer_link {margin-bottom: 25px;}
    footer .footer_left .footer_link a {font-size: 15px;}
    footer .footer_left .footer_info p {font-size: 14px; word-break: keep-all; line-height: 20px;}

    footer .footer_right span {margin-bottom: 5px;}
    footer .footer_right .footer_work {font-size: 14px; line-height: 20px;}

    footer .footer_right .footer_sns a i {font-size: 25px;}

}