이미지 상세 보기 모달 관련

• 디바이스 가로 길이가 768px 이하인 경우, 모달의 가로 길이를 디바이스 가로 길이만큼 늘려야 합니다.

  @media(max-width:768px){
  	.ImageInfo .content-wrapper{
    width: 100%;
 	}
  }

• 필수 이미지를 검색한 후 결과로 주어진 이미지를 클릭하면 모달이 뜨는데, 모달 영역 밖을 누르거나 / 키보드의 ESC 키를 누르거나 / 모달 우측의 닫기(x) 버튼을 누르면 닫히도록 수정해야 합니다.

      document.addEventListener("click", e=>{
        if(e.target == document.querySelector('.ImageInfo') || e.target == document.querySelector('.close')){
          this.$imageInfo.style.display = "none";
        }
      })
      document.addEventListener("keydown",e => {
        if(e.keyCode === 27){
          this.$imageInfo.style.display = "none";
        }
      })