@charset "UTF-8";
/* Font는 Pretendard Variable과 Black Han Sans를 사용합니다. */
/* Pretendard src : https://github.com/orioncactus/pretendard */
/* Black Han Sans src : https://fonts.google.com/specimen/Black+Han+Sans */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");
@import url("https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap");
:root {
  --text-size-xl: 20px;
  --text-size-lg: 18px;
  --text-size-md: 16px;
  --text-size-sm: 14px;
  --text-size-xs: 12px;
  --text-size-2xs: 10px;
  --text-line-height-compact: 130%;
  --text-line-height-body: 170%;
  --text-line-height-title: 130%;
  --text-line-height-display: 110%;
  --text-letter-spacing-md: -0.02em;
}

@media screen and (min-width: 992px) {
  :root {
    --text-size-00: 18px;
    --text-size-01: 20px;
    --text-size-02: 24px;
    --text-size-03: 28px;
    --text-size-04: 36px;
    --text-size-05: 44px;
    --text-size-06: 52px;
  }
}
@media screen and (max-width: 991.98px) {
  :root {
    --text-size-00: 18px;
    --text-size-01: 20px;
    --text-size-02: 22px;
    --text-size-03: 24px;
    --text-size-04: 28px;
    --text-size-05: 32px;
    --text-size-06: 36px;
  }
}
/* compact */
/* 주로 single line text에 쓰이는 line-height가 좁은 스타일입니다.*/
.p-text-compact-xl {
  font-size: var(--text-size-xl) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-xl-bold {
  font-size: var(--text-size-xl) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-lg {
  font-size: var(--text-size-lg) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-lg-bold {
  font-size: var(--text-size-lg) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-md {
  font-size: var(--text-size-md) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-md-bold {
  font-size: var(--text-size-md) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-sm {
  font-size: var(--text-size-sm) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-sm-bold {
  font-size: var(--text-size-sm) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-xs {
  font-size: var(--text-size-xs) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-xs-bold {
  font-size: var(--text-size-xs) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-2xs {
  font-size: var(--text-size-2xs) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-compact-2xs-bold {
  font-size: var(--text-size-2xs) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-compact) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

/* body */
/* 주로 줄글에 쓰이는 line-height가 높은 스타일입니다.*/
.p-text-body-xl {
  font-size: var(--text-size-xl) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-xl-bold {
  font-size: var(--text-size-xl) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-lg {
  font-size: var(--text-size-lg) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-lg-bold {
  font-size: var(--text-size-lg) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-md {
  font-size: var(--text-size-md) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-md-bold {
  font-size: var(--text-size-md) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-sm {
  font-size: var(--text-size-sm) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-sm-bold {
  font-size: var(--text-size-sm) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-xs {
  font-size: var(--text-size-xs) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-xs-bold {
  font-size: var(--text-size-xs) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-2xs {
  font-size: var(--text-size-2xs) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-body-2xs-bold {
  font-size: var(--text-size-2xs) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 600 !important;
  line-height: var(--text-line-height-body) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

/* title */
/* 타이틀에 사용되는 스타일입니다. */
.p-text-title-06 {
  font-size: var(--text-size-06) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-06-bold {
  font-size: var(--text-size-06) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 700 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-05 {
  font-size: var(--text-size-05) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-05-bold {
  font-size: var(--text-size-05) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 700 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-04 {
  font-size: var(--text-size-04) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-04-bold {
  font-size: var(--text-size-04) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 700 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-03 {
  font-size: var(--text-size-03) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-03-bold {
  font-size: var(--text-size-03) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 700 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-02 {
  font-size: var(--text-size-02) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-02-bold {
  font-size: var(--text-size-02) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 700 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-01 {
  font-size: var(--text-size-01) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-01-bold {
  font-size: var(--text-size-01) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 700 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-00 {
  font-size: var(--text-size-00) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-title-00-bold {
  font-size: var(--text-size-00) !important;
  font-family: "Pretendard Variable" !important;
  font-weight: 700 !important;
  line-height: var(--text-line-height-title) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

/* display */
/* display에 사용되는 스타일입니다. */
.p-text-display-06 {
  font-size: var(--text-size-06) !important;
  font-family: "Black Han Sans" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-display) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-display-05 {
  font-size: var(--text-size-05) !important;
  font-family: "Black Han Sans" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-display) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-display-04 {
  font-size: var(--text-size-04) !important;
  font-family: "Black Han Sans" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-display) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-display-03 {
  font-size: var(--text-size-03) !important;
  font-family: "Black Han Sans" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-display) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-display-02 {
  font-size: var(--text-size-02) !important;
  font-family: "Black Han Sans" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-display) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}

.p-text-display-01 {
  font-size: var(--text-size-01) !important;
  font-family: "Black Han Sans" !important;
  font-weight: 400 !important;
  line-height: var(--text-line-height-display) !important;
  letter-spacing: var(--text-letter-spacing-md) !important;
}