@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

/* 
	전 페이지에 공통으로 사용되는 css
	:: font-size -> 1rem = 1px
	:: pc first로 작업
	:: mobile : ~575px
	:: tablet : 576px ~ 991px
	:: desktop : 992px ~
*/

:root {
	/* brand color */
	--edm-brand-primary: #1EC95B;
	--edm-brand-red: #FC1D01;
	--edm-brand-blue: #006BC8;

	/* system color */
	--edm-color-system-success: #1EC95B;
	--edm-color-system-warning: #FC1D01;

	/* background color */
	--edm-bg-neutral: #F5F5F7;
	--edm-bg-yellow: #F8FAEC;
	--edm-bg-blue: #EAFAFF;

	/* gradient */
	--edm-gradient-red: linear-gradient(90deg, #FC1D01 0%, #FDA245 100%);
	--edm-gradient-green: linear-gradient(90deg, #1EC95B 0%, #01D29C 100%);

	/* border color */
	--edm-color-border-neutral: #DADADA;
	--edm-color-border-blue: #E4E8F1;
	--edm-color-border-black: #000000;

	/* font color */
	--edm-color-text-1: #000;
	--edm-color-text-2: #333;
	--edm-color-text-3: #666;
	--edm-color-text-4: #999;

	/* border radius */
	--edm-radius1: 4rem;
	--edm-radius2: 8rem;
	--edm-radius3: 12rem;
	--edm-radius4: 24rem;
	--edm-radiusFull: 9999999rem;

	/* font style */
	--edm-f-display: 700 54rem/130% Pretendard;
	--edm-f-h1: 700 40rem/130% Pretendard;
	--edm-f-h2: 700 32rem/130% Pretendard;
	--edm-f-h3: 700 26rem/150% Pretendard;
	--edm-f-h4: 700 22rem/150% Pretendard;
	--edm-f-h5: 700 20rem/150% Pretendard;
	--edm-f-body1: 700 18rem/150% Pretendard;
	--edm-f-body2: 600 16rem/150% Pretendard;
	--edm-f-detail: 400 14rem/150% Pretendard;

	--edm-f-display-ls: -1.08rem;
	--edm-f-h1-ls: -0.8rem;
	--edm-f-h2-ls: -0.64rem;
	--edm-f-h3-ls: -0.26rem;
	--edm-f-h4-ls: -0.22rem;
	--edm-f-h5-ls: -0.2rem;
	--edm-f-body1-ls: -0.18rem;
	--edm-f-body2-ls: -0.16rem;
	--edm-f-detail-ls: -0.14rem;

	/* shadows */
	--edm-sd-neutral-1: 0rem 4rem 10rem 0rem rgba(0, 0, 0, 0.12);
	--edm-sd-neutral-2: 0rem 8rem 20rem 0rem rgba(0, 0, 0, 0.12);
	--edm-sd-neutral-3: 0rem 14rem 40rem 0rem rgba(0, 0, 0, 0.14);
	--edm-sd-blue-1: 0rem 4rem 10rem 0rem #EBEFF4;
	--edm-sd-blue-2: 0rem 8rem 20rem 0rem #EBEFF4;
	--edm-sd-blue-3: 0rem 14rem 40rem 0rem #EBEFF4;
}




@media screen and (max-width: 991px) {
	:root{
		/* font style */
		--edm-f-display: 700 28rem/130% Pretendard;
		--edm-f-h1: 700 25rem/130% Pretendard;
		--edm-f-h2: 700 22rem/130% Pretendard; 
		--edm-f-h3: 700 20rem/150% Pretendard;
		--edm-f-h4: 700 18rem/150% Pretendard; 
		--edm-f-h5: 700 16rem/150% Pretendard; 
		--edm-f-body1: 700 15rem/150% Pretendard; 
		--edm-f-body2: 600 14rem/150% Pretendard; 
		--edm-f-detail: 400 13rem/150% Pretendard; 

		/* letter spacing */
		--edm-f-display-ls: -0.56rem;
		--edm-f-h1-ls: -0.5rem;
		--edm-f-h2-ls: -0.44rem;
		--edm-f-h3-ls: -0.2rem;
		--edm-f-h4-ls: -0.18rem;
		--edm-f-h5-ls: -0.16rem;
		--edm-f-body1-ls: -0.15rem;
		--edm-f-body2-ls: -0.14rem;
		--edm-f-detail-ls: -0.13rem;
	}
}