안녕하세요,

현재 카페24 솔루션 안에서

특정 영역 클릭시 오픈되는 모달팝업(여러개)을 만들고 있는 중입니다,,,,,

독학으로 코딩하며,, 며칠동안 구글링을 하고 피지컬하게 또르륵 눈물도 흘리고 지푸라기라도 잡는 심정으로 질문글을 올립니다ㅠㅠ....................

구현은 했지만 모달팝업을 닫기(확인) 을 눌렀을때

주소링크 뒤에 .../#none 이 붙어서 그런지

홈페이지내의 뒤로가기 버튼을 눌렀을때 닫았던 모달팝업창이 계속뜨면서 전에 보던 페이지로 돌아갈 수 없는 이슈때문에 골머리를 썩히고 있습니다ㅠㅠ....

해결 할 수 있는 방법이 있을지 여쭤봅니다ㅠㅠ도와주세요 고수님들ㅠㅠㅠㅠㅠㅠㅠ

<code>

    <!-- 첫 번째 모달팝업 -->

    <div class="swiper-slide">
        <a href="#premium-01">
            <div class="premium-img"><img src="/premium-01.png"></div>
            <div class="premium-title">첫 번째 모달</div>
            <div class="premium-detail">상세보기</div>
        </a>
    </div>

    <!-- 첫 번째 모달팝업 오픈 -->

    <div id="premium-01" class="premium-overlay">
        <div class="premium-popup">
            <ul class="premium-contents">
                <li class="premium_logo"><img src="/logo.svg"/></li>
                <li class="premium_h1">더 나은 선택</li>
                <li class="premium_h2">FIRST</li>
                <li class="premium_p">
                    프리미엄
                </li>
             </ul>
             <a href="#none" class="close">확인</a>
        </div>
     </div>

    <!-- 두 번째 모달팝업 -->

    <div class="swiper-slide">
        <a href="#premium-02">
            <div class="premium-img"><img src="/premium-01.png"></div>
            <div class="premium-title">두 번째 모달</div>
            <div class="premium-detail">상세보기</div>
        </a>
    </div>

    <!-- 두번째 모달팝업 오픈 -->

    <div id="premium-02" class="premium-overlay">
        <div class="premium-popup">
            <ul class="premium-contents">
                <li class="premium_logo"><img src="/logo.svg"/></li>
                <li class="premium_h1">더돕습니다.</li>
                <li class="premium_h2">SECOND</li>
                <li class="premium_p">
                    최다
                </li>
             </ul>
             <a href="#none" class="close">확인</a>
        </div>
     </div>

</code>

현재 이런형식으로 html 과 css로만 작용되게 코드를 짜놓은 상태입니다,,,,