/* 어느 디자인에서나 똑같이 필요한 최소한만.
 *
 * 여기에는 색도 글꼴도 크기도 넣지 않습니다. 그런 것은 디자인마다 다르므로
 * styles/<이름>.css 가 정합니다. 이 파일은 새 디자인 파일이 아래 규칙을 잊어
 * 화면이 망가지는 일을 막는 안전선일 뿐입니다.
 */

* { box-sizing: border-box; }

/* hidden 속성이 붙은 것은 무조건 숨깁니다.
   (.row 처럼 display 를 정해 둔 규칙이 hidden 을 덮어쓰기 때문입니다) */
[hidden] { display: none !important; }

html, body {
  margin: 0;
  height: 100%;
  overflow: hidden;                /* 화면 안에서만 스크롤합니다 */
  -webkit-font-smoothing: antialiased;
  /* 한글이 낱말 가운데서 끊기지 않게. 영어에서는 하는 일이 없습니다. */
  word-break: keep-all;
}