/* Pretendard subset*/
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(https://static-m.akplaza.com/static/fonts/Pretendard-Black.subset.woff2) format('woff2'), url(https://static-m.akplaza.com/static/fonts/Pretendard-Black.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), /*url(https://static-m.akplaza.com/static/fonts/Pretendard-ExtraBold.subset.woff2) format('woff2'),*/ url(https://static-m.akplaza.com/static/fonts/Pretendard-ExtraBold.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), /*url(https://static-m.akplaza.com/static/fonts/Pretendard-Bold.subset.woff2) format('woff2'),*/ url(https://static-m.akplaza.com/static/fonts/Pretendard-Bold.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), /*url(https://static-m.akplaza.com/static/fonts/Pretendard-SemiBold.subset.woff2) format('woff2'),*/ url(https://static-m.akplaza.com/static/fonts/Pretendard-SemiBold.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), /* url(https://static-m.akplaza.com/static/fonts/Pretendard-Medium.subset.woff2) format('woff2'),*/ url(https://static-m.akplaza.com/static/fonts/Pretendard-Medium.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), /*url(https://static-m.akplaza.com/static/fonts/Pretendard-Regular.subset.woff2) format('woff2'),*/ url(https://static-m.akplaza.com/static/fonts/Pretendard-Regular.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(https://static-m.akplaza.com/static/fonts/Pretendard-Light.subset.woff2) format('woff2'), url(https://static-m.akplaza.com/static/fonts/Pretendard-Light.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(https://static-m.akplaza.com/static/fonts/Pretendard-ExtraLight.subset.woff2) format('woff2'), url(https://static-m.akplaza.com/static/fonts/Pretendard-ExtraLight.subset.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(https://static-m.akplaza.com/static/fonts/Pretendard-Thin.subset.woff2) format('woff2'), url(https://static-m.akplaza.com/static/fonts/Pretendard-Thin.subset.woff) format('woff');
}

/* default 로 이동 */

:root {

	/* line-height */
	--baseline: 4px;
	/* 4px */
	--baseline-1x: calc(var(--baseline)* 1);
	/* 8px */
	--baseline-2x: calc(var(--baseline)* 2);
	/* 12px */
	--baseline-3x: calc(var(--baseline)* 3);
	/* 16px */
	--baseline-4x: calc(var(--baseline)* 4);
	/* 20px */
	--baseline-5x: calc(var(--baseline)* 5);
	/* 24px */
	--baseline-6x: calc(var(--baseline)* 6);
	/* 28px */
	--baseline-7x: calc(var(--baseline)* 7);
	/* 32px */
	--baseline-8x: calc(var(--baseline)* 8);
	/* 36px */
	--baseline-9x: calc(var(--baseline)* 9);
	/* 40px */
	--baseline-10x: calc(var(--baseline)* 10);
	/* 44px */
	--baseline-11x: calc(var(--baseline)* 11);
	/* 48px */
	--baseline-12x: calc(var(--baseline)* 12);
	/* 52px */
	--baseline-13x: calc(var(--baseline)* 13);
	/* 56px */
	--baseline-14x: calc(var(--baseline)* 14);
	/* 60px */
	--baseline-15x: calc(var(--baseline)* 15);
	
	/* font size */
	/* 32px */
	--fontsize-display-L : calc(var(--baseline-12x) / 1.5);    /* 700*/
	/* 28px */
	--fontsize-display-M: calc(var(--baseline-11x) / 1.55);    /* 700*/
	/* 26px */
	--fontsize-heading-L: calc(var(--baseline-10x) / 1.5);     /* 700*/
	/* 24px */
	--fontsize-heading-M: calc(var(--baseline-9x) / 1.5);     /* 700*/
	/* 22px */
	--fontsize-title-XL: calc(var(--baseline-9x) / 1.6);      /* 700*/
	/* 20px */
	--fontsize-title-L: calc(var(--baseline-8x) / 1.6);       /* 700*/
	/* 18px */
	--fontsize-title-M: calc(var(--baseline-7x) / 1.55);       /* 700*/
	--fontsize-title-S: calc(var(--baseline-7x) / 1.55);       /* 400*/
	/* 16px */
	--fontsize-body-RB: calc(var(--baseline-6x) / 1.5);       /* 700*/
	--fontsize-label-L: calc(var(--baseline-6x) / 1.5);       /* 500*/
	--fontsize-body-R: calc(var(--baseline-6x) / 1.5);        /* 400*/
	/* 14px */
	--fontsize-body-S: calc(var(--baseline-5x) / 1.4);        /* 700*/
	--fontsize-body-XS: calc(var(--baseline-5x) / 1.5);       /* 400*/
	--fontsize-label-R: calc(var(--baseline-5x) / 1.5);       /* 500*/
	/* 12px */
	--fontsize-label-S: calc(var(--baseline-4x) / 1.333);       /* 500*/
	--fontsize-description: calc(var(--baseline-4x) / 1.333);   /* 400*/
}

/* 32px 서브페이지 타이틀 */
.display-L {
	font-size: calc(var(--baseline-12x) / 1.5);
	line-height: var(--baseline-12x);
	font-weight: 700;
}

/* 28.4px 메인영역(이름) */
.display-M {
	font-size: calc(var(--baseline-11x) / 1.55);
	line-height: var(--baseline-11x);
	font-weight: 700;
}

/* 26.6px 쇼핑행사 타이틀 */
.heading-L {
	font-size: calc(var(--baseline-10x) / 1.5);
	line-height: var(--baseline-10x);
	font-weight: 700;
}

/* 24px 메인,마이페이지 영역(이름) */
.heading-M {
	font-size: calc(var(--baseline-9x) / 1.5);
	line-height: var(--baseline-9x);
	font-weight: 700;
}

/* 20px 본문 타이틀-대 */
.title-L {
	font-size: calc(var(--baseline-8x) / 1.6);
	line-height: var(--baseline-8x);
	font-weight: 700;
}

/* 18px 본문 타이틀-중 */
.title-MB {
	font-size: calc(var(--baseline-7x) / 1.55);
	line-height: var(--baseline-7x);
	font-weight: 700;
}

/* 18px GNB 메뉴(1dep) */
.title-M {
	font-size: calc(var(--baseline-7x) / 1.55);
	line-height: var(--baseline-7x);
}

/* 16px 본문 타이틀-소 */
.title-S {
	font-size: calc(var(--baseline-6x) / 1.5);
	line-height: var(--baseline-6x);
	font-weight: 700;
}

/* 16px 본문 내용 */
.body-R {
	font-size: calc(var(--baseline-6x) / 1.5);
	line-height: var(--baseline-6x);
}

/* 14.2px 본문 하위내용 강조, 테이블 구분값 */
.body-SB {
	font-size: calc(var(--baseline-5x) / 1.4);
	line-height: var(--baseline-5x);
	font-weight: 700;
}

/* 13.3px 본문기간, 하위내용, 보조설명 */
.body-SX {
	font-size: calc(var(--baseline-5x) / 1.5);
	line-height: var(--baseline-5x);
}

/* 13.3px 타이틀 라벨 */
.label-L {
	font-size: calc(var(--baseline-5x) / 1.5);
	line-height: var(--baseline-5x);
	font-weight: 500;
}

/* 12px 목록 라벨 */
.label-S {
	font-size: calc(var(--baseline-4x) / 1.333);
	line-height: var(--baseline-4x);
	font-weight: 500;
}

/* 12px 푸터영역 상세설명(제일작은) */
.description {
	font-size: calc(var(--baseline-4x) / 1.333);
	line-height: var(--baseline-4x);
}