@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: 4px;
	--edm-radius2: 8px;
	--edm-radius3: 12px;
	--edm-radius4: 24px;
	--edm-radiusFull: 9999999px;

	/* font style */
	--edm-f-display: 700 54rem/130% Pretendard; letter-spacing: -1.08rem;
	--edm-f-h1: 700 40rem/130% Pretendard; letter-spacing: -0.8rem;
	--edm-f-h2: 700 32rem/130% Pretendard; letter-spacing: -0.64rem;
	--edm-f-h3: 700 26rem/150% Pretendard; letter-spacing: -0.26rem;
	--edm-f-h4: 700 22rem/150% Pretendard; letter-spacing: -0.22rem;
	--edm-f-h5: 700 20rem/150% Pretendard; letter-spacing: -0.2rem;
	--edm-f-body1: 700 18rem/150% Pretendard; letter-spacing: -0.18rem;
	--edm-f-body2: 600 16rem/150% Pretendard; letter-spacing: -0.16rem;
	--edm-f-detail: 400 14rem/150% Pretendard; letter-spacing: -0.14rem;

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




@media screen and (max-width: 991px) {
	:root{
		/* font style */
		--edm-f-display: 700 28rem/130% Pretendard; letter-spacing: -0.56rem;
		--edm-f-h1: 700 25rem/130% Pretendard; letter-spacing: -0.5rem;
		--edm-f-h2: 700 22rem/130% Pretendard; letter-spacing: -0.44rem;
		--edm-f-h3: 700 20rem/150% Pretendard; letter-spacing: -0.2rem;
		--edm-f-h4: 700 18rem/150% Pretendard; letter-spacing: -0.18rem;
		--edm-f-h5: 700 16rem/150% Pretendard; letter-spacing: -0.16rem;
		--edm-f-body1: 700 15rem/150% Pretendard; letter-spacing: -0.15rem;
		--edm-f-body2: 600 14rem/150% Pretendard; letter-spacing: -0.14rem;
		--edm-f-detail: 400 13rem/150% Pretendard; letter-spacing: -0.13rem;
	}
}