/* ==================================================
   LEGACY PAGE : BOOTSTRAP THEME RESET
   Bootstrap / Theme CSS로부터 기존 작업물 보호
================================================== */

/* 01. 기본 기준값 */
.legacy-page {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  color: #222;
  text-align: left;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;

  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 02. 박스 모델 */
.legacy-page,
.legacy-page *,
.legacy-page *::before,
.legacy-page *::after {
  box-sizing: border-box;
}

/* 모든 요소 행간 통일 */
.legacy-page,
.legacy-page *,
.legacy-page *::before,
.legacy-page *::after {
  line-height: 1.1;
}

/* 03. 모든 요소의 타이포그래피 상속값 통일 */
.legacy-page * {
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}

/* 04. 제목 */
.legacy-page h1,
.legacy-page h2,
.legacy-page h3,
.legacy-page h4,
.legacy-page h5,
.legacy-page h6 {
  display: block;
  margin: 0;
  padding: 0;

  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: inherit;

  letter-spacing: normal;
  text-transform: none;
}

/* 05. 본문 텍스트 */
.legacy-page p,
.legacy-page div,
.legacy-page span,
.legacy-page em,
.legacy-page i,
.legacy-page small,
.legacy-page label,
.legacy-page address,
.legacy-page blockquote {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: inherit;
}

/* 시맨틱 강조 태그 */
.legacy-page strong,
.legacy-page b {
  font-weight: 700;
}

.legacy-page em,
.legacy-page i {
  font-style: normal;
}

/* small 태그의 브라우저 기본 축소 방지 */
.legacy-page small {
  font-size: inherit;
}

/* 06. 문단 및 인용문 여백 */
.legacy-page p,
.legacy-page blockquote {
  margin: 0;
  padding: 0;
}

/* 07. 링크 */
.legacy-page a {
  text-decoration: none;
}

/* 08. 리스트 */
.legacy-page ul,
.legacy-page ol,
.legacy-page menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.legacy-page li {
  margin: 0;
  padding: 0;
}

/* 10. 버튼 */
.legacy-page button {
  appearance: none;
  -webkit-appearance: none;

  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;

  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-transform: none;

  cursor: pointer;
}

/* 11. 폼 요소 */
.legacy-page input,
.legacy-page select,
.legacy-page textarea {
  margin: 0;
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.legacy-page input,
.legacy-page select,
.legacy-page textarea,
.legacy-page button {
  max-width: 100%;
}

.legacy-page textarea {
  resize: vertical;
}

.legacy-page input::placeholder,
.legacy-page textarea::placeholder {
  color: #999;
  opacity: 1;
}

/* 12. 테이블 */
.legacy-page table {
  border-collapse: collapse;
  border-spacing: 0;
}

.legacy-page th,
.legacy-page td {
  padding: 0;
  text-align: inherit;
  font: inherit;
}

/* 13. 구분선 */
.legacy-page hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #ddd;
  opacity: 1;
}

/* 14. Bootstrap 장식용 의사 요소로 인한 간섭 방지
   content를 일괄 초기화하지 않음 */
.legacy-page *::before,
.legacy-page *::after {
  box-sizing: border-box;
}

/* 15. 애니메이션 라이브러리 보호
   transform / opacity / visibility / transition
   display / position / overflow는 일괄 초기화 금지 */