function filterPapers() {
  var select = document.getElementById('topic-select');
  var topic = select.value;
  var papers = document.querySelectorAll('.paper');


  papers.forEach(paper => {
    var paperTopics = paper.getAttribute('data-topic').split(','); // °¢ ³í¹®ÀÇ ÁÖÁ¦µéÀ» ¹è¿­·Î º¯È¯
    var isTopicMatch = paperTopics.some(paperTopic => paperTopic.trim() === topic); // ¼±ÅÃµÈ ÁÖÁ¦¿Í ÀÏÄ¡ÇÏ´ÂÁö °Ë»ç
    if (topic === 'All' || isTopicMatch) {
      paper.style.display = ''; // ÁÖÁ¦°¡ ÀÏÄ¡Çϰųª 'All' ¼±Åà ½Ã Ç¥½Ã
    } else {
      paper.style.display = 'none'; // ÁÖÁ¦ ºÒÀÏÄ¡ ½Ã ¼û±è
    }
  });
}


document.getElementById('filter-topic').addEventListener('change', filterPapers); // À̺¥Æ® ¸®½º³Ê¸¦ ¿Ã¹Ù¸¥ select ¿ä¼Ò¿¡ ÇÒ´ç