<!-- 띠 배너 -->
    <div class="promotionBanner">
        <a href="/refer_a_friend.html" class="bannerLink">  
            <img src="/web/upload/category/editor/2021/03/11/dc454e2d910b096ead46e4ae7f030705.png" alt="배너 내용을 적어주세요." /><!-- 원하는 배너 이미지로 변경 -->
        </a>
        <a href="" class="btnClose"><img src="http://sdsupport.cafe24.com/img/guide/tip/btn_close.png" alt="배너 닫기" /></a>
    </div>
    <!--// 띠 배너 -->

/* 띠 배너 js */
var bannerFunc = function(){
    $('.promotionBanner .btnClose').bind("click", function(){
        $('.promotionBanner').hide();
    });
};
$(function($){
    bannerFunc();
});

위와 같이 코딩을 하였는데 아래 사진에서 보이는 띠배너가 X를 누르면 새로고침하거나 다른 페이지로 넘어가도 없어진 상태로 유지하고 싶습니다.