@charset "utf-8";

:root {
	/*Common*/
	--header-hei: 9.6rem;
	--dep2-hei: 30rem;
	--spacing: 3.5rem;

	/* color */
	--color-black: #000;
	--color-white: #fff;
	--color-white2: #f8f8f8;
	--white-white3: #eee;
	--color-grey1: #707070;
	--color-grey2: #8e9097;
	--color-grey3: #e6e6e6;
	--color-grey4: #aaaaaa;
	--brand-color-main: #9ab83f;
	--brand-color-dmain: #abcd03;
	--brand-color-sub: #4b8013;

	/*  font-family */
	--font-Pretendard: 'Pretendard', sans-serif;
	--font-Elice: 'Elice DX Neolli', sans-serif;
	--font-Outfit: 'Outfit', sans-serif;
	--font-Anta: 'Anta', sans-serif;

	/* rem */
	--rem-13: 1.3rem;
	--rem-14: 1.4rem;
	--rem-15: 1.5rem;
	--rem-16: 1.6rem;
	--rem-17: 1.7rem;
	--rem-18: 1.8rem;
	--rem-19: 1.9rem;
	--rem-20: 2rem;
	--rem-22: 2.2rem;
	--rem-24: 2.4rem;
	--rem-25: 2.5rem;
	--rem-26: 2.6rem;
	--rem-30: 3rem;
	--rem-40: 4rem;
	--rem-50: 5rem;
	--rem-320: 32rem;

	/* px */
	--px-base: 1400px;
	--px-base2: 1600px;
	--px-14: 14px;
	--px-15: 15px;
	--px-16: 16px;
	--px-17: 17px;
	--px-18: 18px;
	--px-20: 20px;
	--px-25: 25px;
	--px-26: 26px;
	--px-30: 30px;

	/* font-weight */
	--font-lg: 300;
	--font-rg: 400;
	--font-md: 500;
	--font-sb: 600;
	--font-bd: 700;
	--font-eb: 800;

	/* text-align */
	--text-ag-left: left;
	--text-ag-right: right;
	--text-ag-center: center;

	/* margin */
	--margin-top0: 0;
}

/* 모바일CSS */
@media screen and (max-width: 1800px) {
	:root {
		--spacing: 3rem;
		/*--header-hei: 8.6rem;
		--sub-visual-hei: 24rem;*/
	}
}

@media screen and (max-width: 1700px) {
	:root {
		--spacing: 2.5rem;
		/*--header-hei: 8.6rem;
		--sub-visual-hei: 24rem;*/
	}
}


@media screen and (max-width: 1280px) {
	:root {
		--spacing: 2rem;
		/*--header-hei: 8.6rem;
		--sub-visual-hei: 24rem;*/
	}
}

@media screen and (max-width: 800px) {
	:root {
		--spacing: 1.5rem;
		/*--header-hei: 4.4375rem;
		--sub-visual-hei: 20rem;*/
	}
}