/* common.css 도입 호환층 — style.css 뒤에 로드한다.
   반입된 기존 구현은 옛 common 을 style.css 상단에 복사해 쓰고 있어 유틸 이름이 두 벌 존재한다.
   여기서 두 가지를 한다 — ① 기존이 전제하지 않던 common.css 전역 선언 중화, ② 신규 규약 유틸 승격. */

/* ① 전역 중화 — 기존 18섹션이 상속받지 않던 값들 */
body {
  font-family: inherit;
  letter-spacing: normal;
  line-height: normal;
  word-break: normal;
}

img {
  object-fit: fill;
}

/* ② 신규 규약 유틸 승격 — style.css 의 .flexcol/.flexrow 가 align/justify 를 뒤에서 덮는다.
      이름이 style.css 에 없어 기존 섹션은 쓰지 않으므로 파급이 없다. */
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-cc {
  display: flex;
  justify-content: center;
  align-items: center;
}

.justify-c {
  justify-content: center;
}

.justify-sb {
  justify-content: space-between;
}

.justify-sa {
  justify-content: space-around;
}

.justify-end {
  justify-content: end;
}

.align-c {
  align-items: center;
}

.align-start {
  align-items: start;
}

.align-end {
  align-items: end;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.front {
  position: relative;
  z-index: 10;
  width: 100%;
}