혹시 이걸 반대로도 추가하려면

1. tail.php (or /theme/[테마명]/tail.php)

<button type="button" id="top_btn"><i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span></button>    

코드 아래에 다음 코드 추가

<button type="button" id="bottom_btn"><i class="fa fa-arrow-down" aria-hidden="true"></i><span class="sound_only">하단으로</span></button>

        $(function() {
            $("#top_btn").on("click", function() {
                $("html, body").animate({scrollTop:0}, '500');
                return false;
            });
        });

코드 아래에 

        $(function() {
            $("#bottom_btn").on("click", function() {
                $("html, body").animate({scrollTop:$(document).height()-$(window).height()}, '500');
                return false;
            });
        });

코드 추가

2) /css/default.css (or /theme/[테마명]/css/default.css)

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}

아래에 추가

#bottom_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#bottom_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}

#top_btn {position:fixed;bottom:20px;~

는 68px 로 변경 #top_btn {position:fixed;bottom:68px;~

3) /extend/version.extend.php

G5_CSS_VER 숫자를 오늘날짜로 갱신 ex. 191210