/*
 * 웹·모바일 공용 유틸리티 클래스
 * 웹 web/head.jsp, 모바일 m/include.jsp 가 CSS 목록 맨 끝에서 싣는다.
 * 여러 화면에 인라인 style="..." 로 반복되던 고정 값을 클래스로 옮겼다(docs/CLEAN_CSS.md Phase 5).
 *
 * 인라인 style 은 !important 가 없는 모든 규칙을 이긴다. 같은 효과를 내려고 여기 클래스도 !important 를 붙인다.
 * 그래서 JS 가 같은 속성을 인라인으로 바꾸면(.css('cursor', ...)) 이 클래스를 이기지 못한다. 그런 요소에는 쓰지 않는다.
 *
 * Bootstrap 4 에 같은 뜻의 클래스가 있으면 그것을 쓴다:
 *   text-center, font-weight-bold, p-0, pl-0, w-100, h-100, h-auto, align-items-center, position-relative
 * 아래 둘은 앱 CSS 가 바꿔 놓아서 인라인 대신 쓰면 값이 달라진다. 쓰지 않는다.
 *   mb-0        — 웹 common.css 가 margin-bottom: .1rem 으로 바꿨다
 *   float-right — 모바일 m-base.min.css 가 margin-top: 3px 을 더한다
 */

.cursor-pointer { cursor: pointer !important; }

.font-size-10 { font-size: 10px !important; }
.font-size-11 { font-size: 11px !important; }
.font-size-12 { font-size: 12px !important; }
.font-size-14 { font-size: 14px !important; }