/* ═══════════════════════════════════════════════════════════
   info03-ripple.css — info03 네온 리플 (index02.html 전용 시안)
   명탐정토토(dosiraktoto02) · 2026-09-29 · v1

   캔버스는 js/info03-ripple.js 가 만들어 .img_con 안에 넣는다.
   여기서는 자리만 잡아 준다. info03-glitch.css 와 같은 구조다.

   [마스크를 걸지 않는다]
   라운드 실루엣은 main_info03_img_con_img_test.webp 의 알파에 있고,
   셰이더가 마지막 줄에서 그 알파를 그대로 내보낸다.

   [pointer-events 를 끈다]
   캔버스가 사진을 덮으므로 켜 두면 마우스·터치를 캔버스가 먹는다.
   이벤트는 .img_con 이 받고, 캔버스와 같은 사각형이라 좌표가 일치한다.

   ※ js/info03-ripple.js 와 짝이다. index02.html 에서만 실린다.
     index.html 은 글리치(info03-glitch)를 그대로 쓴다.
   ═══════════════════════════════════════════════════════════ */

#main_con > .info03_con > .contents_con > .contents_con > .contents_con > .img_con > .ripple_cv {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	pointer-events:none;
	z-index:1;                       /* 사진 위 · 텍스트(z-index 10) 아래 */
	opacity:0;
	transition:opacity 0.3s ease;
}