/* 손대는 클래스. 붙이면 테마보다 이 값이 이긴다.
   기본 글꼴: Paperlogy — 300 라이트 / 500 본문 / 700 제목 / 100 얇을 때 */

@font-face {
  font-family: 'Paperlogy';
  src: url('../font/Paperlogy-100.woff2') format('woff2');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('../font/Paperlogy-300.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('../font/Paperlogy-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('../font/Paperlogy-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Thin.woff2') format('woff2');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Light.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

html, body {
  font-family: Paperlogy, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font1 { font-family: Paperlogy, sans-serif !important; }
.font2 { font-family: Gulim, Dotum, sans-serif !important; }
.font3 { font-family: Pretendard, sans-serif !important; }

.b100 { font-weight: 100 !important; }
.b300 { font-weight: 300 !important; }
.b500 { font-weight: 500 !important; }
.b700 { font-weight: 700 !important; }

.f11 { font-size: 11px !important; }
.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f18 { font-size: 18px !important; }
.f20 { font-size: 20px !important; }
.f22 { font-size: 22px !important; }
.f24 { font-size: 24px !important; }
.f28 { font-size: 28px !important; }
.f32 { font-size: 32px !important; }
.f36 { font-size: 36px !important; }
.f40 { font-size: 40px !important; }
.f48 { font-size: 48px !important; }
.f56 { font-size: 56px !important; }

.lh12 { line-height: 1.2 !important; }
.lh14 { line-height: 1.4 !important; }
.lh16 { line-height: 1.6 !important; }
.lh18 { line-height: 1.8 !important; }

.ac { text-align: center !important; }
.al { text-align: left !important; }
.ar { text-align: right !important; }

.sec-table { width: 100%; border: 0; border-collapse: collapse; }
.sec-table td { vertical-align: middle; }

img { max-width: 100%; height: auto; border: 0; }
a { color: inherit; }
