@charset "utf-8";
/* ============================================================
 * 모바일 판 잔손질
 *
 * 원래 이 파일은 자유 스크롤로 바꾸면서 어긋난 애니메이션 타이밍을
 * 압축하고 .active 규칙을 .elz-seen 으로 복제하는 용도였다.
 *
 * 스냅 스크롤(한 화면씩 끊어 넘기기)을 되살리면서 그 보정이 필요 없어졌다.
 * fullpage 가 섹션 진입에 맞춰 .active 를 달아 주므로 원본 타이밍이
 * 그대로 맞는다. 보정을 남겨두면 애니메이션이 미리 다 끝난 것처럼 보인다.
 *
 * 지금은 화면을 넘기는 요소만 잡는다.
 * ============================================================ */

@media (max-width: 820px) {
  /* ★ html·body 에 overflow-x 를 걸면 안 된다.
     한 축만 hidden 으로 줘도 나머지 축의 visible 이 auto 로 바뀐다(CSS 규칙).
     그러면 html 이 스크롤 상자가 되어 문서 높이가 화면 높이에 갇히고,
     fullpage 가 돌지 않는 페이지(게시판 등)는 세로 스크롤이 아예 죽는다.
     실제로 게시판 본문이 2051px 인데 문서는 812px 로 잘려 있었다.
     가로 삐져나감은 아래 요소별 제한으로 이미 막힌다. */
  #wrap, #fullpage { overflow-x: clip; }
  input, textarea, select { max-width: 100%; box-sizing: border-box; }
  img, video, iframe, table { max-width: 100%; }
}