@charset "utf-8";

:root {
	/*Common*/
    --header-gnb-hei: 10rem;
    --header-gnb-hei-m: 8rem;
	--sub-menu-height: 8rem;
	--sub-visual-height: 30rem;
	--spacing: 3.5rem;

	/* color */
	--color-black: #000;
	--color-white: #fff;
	--color-gray1: #f9f9f9;
	--color-gray2: #e2e2e2;
	--color-gray3: #ccc;
	--color-gray4: #aaaaaa;
	--grayText01: #767676;
	--color-green1:#599231;
	--color-green2:#9BD175;
	--color-blue1: #00A0E9;
	--color-blue2:#DCF5FF;
	--color-blue3: #1B4F8E;
	--color-blue4: #F3F8FF;
	--color-blue5: #8DBDF8;
	--color-blue6: #CFDAE9;
	--color-blue7: #A4B3C7;
	--color-blue8: #3E7ECD;


	/*  font-family */
	--font-Pretendard: 'Pretendard', sans-serif;
	--font-Pretendard: 'Pretendard', sans-serif;
	--font-Outfit: 'Outfit', 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-28: 2.8rem;
	--rem-30: 3rem;
	--rem-32: 3.2rem;
	--rem-35: 3.5rem;
	--rem-38: 3.8rem;
	--rem-40: 4rem;
	--rem-44: 4.4rem;
	--rem-50: 5rem;
	--rem-55: 5.5rem;
	--rem-60: 6rem;
	--rem-320: 32rem;

	/* px */
	--px-base: 1440px;
	--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; /* NanumSquareRoundL */
	--font-rg: 400; /* NanumSquareRoundR */
	--font-md: 500; /* NanumSquareRoundR */
	--font-sb: 600; /* NanumSquareRoundB */
	--font-bd: 700; /* NanumSquareRoundEB */
	--font-eb: 800; /* NanumSquareRoundEB */

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

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

	/* 애니메이션 */
	--transition-custom: all 0.8s ease-in-out;
}

/* 모바일CSS */
@media screen and (max-width: 1640px) {
	:root {
		/*Common*/
		--spacing: 3rem;
	}
}

@media screen and (max-width: 1024px) {
	:root {
		/*Common*/
		--sub-visual-height: 35rem;
		--spacing: 2.5rem;
	}
}

@media screen and (max-width: 800px) {
	:root {
		/*Common*/
		--sub-visual-height: 30rem;
		--spacing: 2rem;
	}
}