jQuery(document).ready(function($){
    // 팝업 열기
    $('.cd-popup-trigger').on('click', function(event){
        event.preventDefault();
        let content = $(this).data('content'); // 텍스트
        let imgSrc  = $(this).data('img');     // 이미지 경로

        $('#popup-content').html(content);     // 텍스트 넣기
        $('#popup-img').attr('src', imgSrc);   // 이미지 넣기

        $('#popup').addClass('is-visible');
        $('body').css('overflow', 'hidden');
    });

    // 팝업 닫기
    $('.cd-popup').on('click', function(event){
        if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup') ) {
            event.preventDefault();
            $(this).removeClass('is-visible');
            $('body').css('overflow', '');
            $('#popup-img').attr('src', ''); // 닫을 때 이미지 초기화
        }
    });

    // ESC 키 닫기
    $(document).keyup(function(event){
        if(event.which == 27){
            $('.cd-popup').removeClass('is-visible');
            $('body').css('overflow', '');
            $('#popup-img').attr('src', '');
        }
    });
});