footer {background-color: #292929; position: relative;}
footer .inner {padding: 60px 0;}

footer .footer_top {border-bottom: 1px solid #555; padding-bottom: 20px; margin-bottom: 40px;}
footer .footer_top .footer_list {display: flex;}
footer .footer_top .footer_list > li {width: 200px;}
footer .footer_top .footer_list > li > a {color: #fff; margin-bottom: 30px; display: inline-block;}
footer .footer_top .footer_list ul li a {color: #888; font-size: 14px; display: inline-block; margin-bottom: 10px;}

footer .footer_top img {margin-left: auto; display: block; width: 166px;}
footer .footer_bottom p {color: #888; font-size: 14px; margin-bottom: 10px;}
footer .footer_bottom p span {color: #888; font-size: 14px; display: inline-block; margin-left: 20px;}

.go_top {background-color: #005a31; text-align: center; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; top: -30px; right: 15%; cursor: pointer; z-index: 1;}
.go_top i {display: block; color: #fff;}
.go_top span {color: #fff; font-size: 14px; font-family: var(--font-l);}



/* 태블릿 */
@media screen and (max-width: 1200px) {
    .go_top {border-radius: 50%; position: fixed; bottom: 20px; right: 20px; top: inherit;}

    footer .inner {padding: 100px 20px;}
    footer .footer_top .footer_list > li {width: 100%;}



}

/* 모바일 */
@media screen and (max-width:767px) {
    footer .inner {padding: 50px 20px;}
    footer .footer_top .footer_list {flex-wrap: wrap;}
    footer .footer_top .footer_list > li {width: 50%; margin-bottom: 50px;}

    footer .footer_top img {width: 110px;}
    footer .footer_bottom p {line-height: 20px;}
    footer .footer_bottom p span:nth-of-type(1) {margin-left: 0;}

    .go_top {width: 50px; height: 50px; right: 25px; bottom: 25px;}
    .go_top span {font-size: 12px;}
}