@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css');
/** Pretendard Font Variable **/
/* @font-face {
  font-family: 'Pretendard';
  src: local('Pretendard'), 
  url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/woff2/Pretendard-Regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: local('Pretendard'),
  url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/woff2/Pretendard-Medium.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: local('Pretendard'),
  url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/woff2/Pretendard-SemiBold.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: local('Pretendard'),
  url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/woff2/Pretendard-Bold.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
} */

/* @font-face {
	font-family: 'Pretendard'; 
	 font-weight: 45 920;
	 font-style: normal;
	 font-display: swap;
	 src: local('Pretendard Variable'), url('../../font/PretendardVariable.woff2') format('woff2-variations');
 }

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('../../font/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('../../font/Pretendard-Bold.woff2') format('woff2');
} */

:root {
	--font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	/* Font Weight */
	--font-weight-bold: 700;
	--font-weight-semi-bold: 600;
	--font-weight-medium: 500;
	--font-weight-regular: 400;
  
	/* Font Size */
  --font-size-4xl: 2.8rem;  /* 28px */
  --font-size-3xl: 2.6rem;  /* 26px */
  --font-size-2xl: 2.4rem;  /* 24px */
  --font-size-xl: 2.2rem; /* 22px */
  --font-size-lg: 2rem;  /* 20px */
  --font-size-md: 1.8rem; /* 18px */
  --font-size-base: 1.6rem; /* 16px */
  --font-size-sl:1.5rem; /* 15px */
  --font-size-sm: 1.4rem; /* 14px */
  --font-size-xs: 1.3rem; /* 13px */
  --font-size-2xs: 1.2rem; /* 12px */

  
	/* Line Height */
	--line-height-140: 1.4;
	--line-height-150: 1.5;
	--line-height-160: 1.6;
	--line-height-100: 1;
  }
  
	/* display-sm */
.display-sm-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-2xl); line-height: var(--line-height-140); }
.display-sm-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-2xl); line-height: var(--line-height-140); }
.display-sm-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-2xl); line-height: var(--line-height-140); }
.display-sm-r  { font-family: var(--font-family); font-weight: var(--font-weight-regular); font-size: var(--font-size-2xl); line-height: var(--line-height-140); }

/* display-lg */
.display-lg-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-4xl); line-height: var(--line-height-140); }
.display-lg-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-4xl); line-height: var(--line-height-140); }
.display-lg-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-4xl); line-height: var(--line-height-140); }

/* display-md */
.display-md-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-3xl); line-height: var(--line-height-140); }
.display-md-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-3xl); line-height: var(--line-height-140); }
.display-md-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-3xl); line-height: var(--line-height-140); }


/* heading-lg */
.heading-lg-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-xl);  line-height: var(--line-height-140); }
.heading-lg-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-xl);  line-height: var(--line-height-140); }
.heading-lg-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-xl);  line-height: var(--line-height-140); }

/* heading-md */
.heading-md-r  { font-family: var(--font-family); font-weight: var(--font-weight-regular); font-size: var(--font-size-lg);  line-height: var(--line-height-140); }
.heading-md-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-lg);  line-height: var(--line-height-140); }
.heading-md-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-lg);  line-height: var(--line-height-140); }
.heading-md-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-lg);  line-height: var(--line-height-140); }

/* heading-sm */
.heading-sm-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-md);  line-height: var(--line-height-140); }
.heading-sm-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-md);  line-height: var(--line-height-140); }
.heading-sm-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-md);  line-height: var(--line-height-140); }

/* heading-xs */
.heading-xs-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-base); line-height: var(--line-height-140); }
.heading-xs-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-base); line-height: var(--line-height-140); }
/* heading-4xs */
.heading-4xs-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold);      
	font-size: var(--font-size-xs);   line-height: var(--line-height-140); }
/* heading-3xs */
.heading-3xs-b { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); line-height: var(--line-height-140); }
.heading-3xs-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-sm); line-height: var(--line-height-140); }
.heading-3xs-m { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-sm); line-height: var(--line-height-140); }
.heading-3xs-b { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); line-height: var(--line-height-140); }

/* heading-2xs */
.heading-2xs-b { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-sl); line-height: var(--line-height-140); }
.heading-2xs-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-sl); line-height: var(--line-height-140); }
.heading-2xs-m { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-sl); line-height: var(--line-height-140); }

/* body-lg */
.body-lg-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-md); line-height: var(--line-height-160); }
.body-lg-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-md); line-height: var(--line-height-160); }
.body-lg-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-md); line-height: var(--line-height-160); }
.body-lg-r  { font-family: var(--font-family); font-weight: var(--font-weight-regular); font-size: var(--font-size-md); line-height: var(--line-height-160); }

/* body-md */
.body-md-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-base); line-height: var(--line-height-160); }
.body-md-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-base); line-height: var(--line-height-160); }
.body-md-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-base); line-height: var(--line-height-160); }
.body-md-r  { font-family: var(--font-family); font-weight: var(--font-weight-regular); font-size: var(--font-size-base); line-height: var(--line-height-160); }

/* body-sm */
.body-sm-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); line-height: var(--line-height-160); }
.body-sm-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-sm); line-height: var(--line-height-160); }
.body-sm-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-sm); line-height: var(--line-height-160); }
.body-sm-r  { font-family: var(--font-family); font-weight: var(--font-weight-regular); font-size: var(--font-size-sm); line-height: var(--line-height-160); }

/* caption-md */
.caption-md-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-xs); line-height: var(--line-height-150); }
.caption-md-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-xs); line-height: var(--line-height-150); }
.caption-md-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-xs); line-height: var(--line-height-150); }
.caption-md-r  { font-family: var(--font-family); font-weight: var(--font-weight-regular); font-size: var(--font-size-xs); line-height: var(--line-height-150); }

/* caption-sm */
.caption-sm-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); line-height: var(--line-height-150); }
.caption-sm-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-2xs); line-height: var(--line-height-150); }
.caption-sm-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-2xs); line-height: var(--line-height-150); }
.caption-sm-r  { font-family: var(--font-family); font-weight: var(--font-weight-regular); font-size: var(--font-size-2xs); line-height: var(--line-height-150); }

/* label-xl */
.label-xl-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-lg); line-height: var(--line-height-100); }

/* label-3xl */
.label-3xl-sb { font-family: var(--font-family); font-size: var(--font-size-2xl); font-style: normal; font-weight: var(--font-weight-semi-bold); line-height: var(--line-height-100); }

/* label-lg */
.label-lg-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-md); line-height: var(--line-height-100); }
.label-lg-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-md); line-height: var(--line-height-100); }

/* label-md */
.label-md-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-base); line-height: var(--line-height-100); }
.label-md-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-base); line-height: var(--line-height-100); }
.label-md-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-base); line-height: var(--line-height-100); }

/* label-sm */ 
.label-sm-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); line-height: var(--line-height-100); }
.label-sm-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-sm); line-height: var(--line-height-100); }
.label-sm-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-sm); line-height: var(--line-height-100); }
.label-sm-r  { font-family: var(--font-family); font-weight: var(--font-weight-regular); font-size: var(--font-size-sm); line-height: var(--line-height-100); }

/* label-xs */
.label-xs-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-xs); line-height: var(--line-height-100); }
.label-xs-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-xs); line-height: var(--line-height-100); }
.label-xs-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-xs); line-height: var(--line-height-100); }
.label-xs-r  { font-family: var(--font-family); font-weight: var(--font-weight-regular);    font-size: var(--font-size-xs);   line-height: var(--line-height-100); }

/* label-2xs */
.label-2xs-b  { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--font-size-2xs); line-height: var(--line-height-100); }
.label-2xs-sb { font-family: var(--font-family); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-2xs); line-height: var(--line-height-100); }
.label-2xs-m  { font-family: var(--font-family); font-weight: var(--font-weight-medium); font-size: var(--font-size-2xs); line-height: var(--line-height-100); }
.label-2xs-r  { font-family: var(--font-family); font-weight: var(--font-weight-regular); font-size: var(--font-size-2xs); line-height: var(--line-height-100); }