각각의 팝업이 나오게 하는 방법을 알수있을까요ㅠ 채택완료

<div>
  <div class="button_popup">
    <input type="checkbox" id="layerPopup1">
    <label class="button" for="layerPopup1">오시는 길</label>
    <div id="layer_bg">
      <div id="popup">
        <h2>제목입니다11111 <label for="layerPopup1">X</label></h2>
        <p>컨텐츠 영역입니다11111</p>
      </div>
    </div>
  </div>

  <div class="button_popup">
    <input type="checkbox" id="layerPopup2">
    <label class="button" for="layerPopup2">이벤트 가격안내</label>
    <div id="layer_bg">
      <div id="popup">
        <h2>제목입니다222222 <label for="layerPopup2">X</label></h2>
        <p>컨텐츠 영역입니다222222</p>
      </div>
    </div>
  </div>

  <div class="button_popup">
    <input type="checkbox" id="layerPopup3">
    <label class="button" for="layerPopup3">주의사항</label>
    <div id="layer_bg">
      <div id="popup">
        <h2>제목입니다333333 <label for="layerPopup3">X</label></h2>
        <p>컨텐츠 영역입니다333333</p>
      </div>
    </div>
  </div>

  <div class="button_popup">
    <input type="checkbox" id="layerPopup4">
    <label class="button" for="layerPopup4">자주묻는 질문</label>
    <div id="layer_bg">
      <div id="popup" class="popupclose">
        <h2>제목입니다444444 <label for="layerPopup4">X</label></h2>
        <p>컨텐츠 영역입니다444444</p>
      </div>
    </div>
  </div>
</div>