/* ═══════════════════════════════════════════════════════════
   info03-elastic.css — info03 사진 탄성 변형 (index02.html 시안)
   명탐정토토(dosiraktoto02) · 2026-09-29 · v1

   레퍼런스(codepen.io/white_hat/pen/mdZPRYV)에서 "탄성"을 만드는 것은
   JS 가 아니라 이 한 줄이다 — transition: transform 0.2s ease-out.
   JS 는 매 프레임 목표값만 찍고, 실제로 늘어나고 되돌아오는 감각은
   브라우저의 전이가 만든다. 커서를 빼면 transform 을 지우기만 하면
   같은 전이를 타고 제자리로 돌아온다.

   [transform-origin 은 가운데]
   원본도 기본값(50% 50%)이다. 커서 축으로 늘리고 수직으로 누르는
   변형이라 기준점이 중심이어야 대칭이 맞는다.

   [will-change 를 안 건다]
   오버할 때만 도는 연출이라 레이어를 미리 잡아 둘 이유가 없다.
   이 페이지는 이미 상시 합성 레이어가 여럿이다.

   ※ js/info03-elastic.js 와 짝이다. index02.html 에서만 실린다.
   ═══════════════════════════════════════════════════════════ */

/* [transition 을 쓰지 않는다]
   원본은 transition: transform 0.2s ease-out 하나로 탄성을 만들지만,
   pointermove 마다 목표가 바뀌면 전이가 매번 처음부터 다시 시작해
   속도가 끊긴다 — 마우스를 움직이는 내내 "휙휙" 거린다(지적, 2026-09-29).
   지금은 js 가 매 프레임 스프링으로 값을 따라가므로 전이가 있으면
   오히려 두 번 보간되어 늘어진다. 그래서 여기서는 자리만 잡는다. */
#main_con > .info03_con > .contents_con > .contents_con > .contents_con > .img_con.is-elastic {
	will-change:transform;
	/* 터치로 눌러 끌 때 스크롤은 그대로 되게 둔다.
	   js 가 preventDefault 를 하지 않으므로 세로 스크롤은 브라우저가 가져간다 */
	-ms-touch-action:pan-y;
	    touch-action:pan-y;
}