@charset "utf-8";

:root {
	/*Common*/
	--header-hei: calc(var(--header-link-hei) + var(--header-gnb-hei));
	--header-link-hei: 5rem;
	--header-gnb-hei: 7rem;
	--dep2-hei: 30rem;
	--spacing: 30px;
	--sub-visual-hei: 45rem;

	/* color */
	--color-black: #000;
	--color-white: #fff;
	--color-white2: #f8f8f8;
	--color-gray1: #F1F3F5;
	--color-gray2: #CED4DA;
	--color-gray3: #868e96;
	--color-gray4: #495057;
	--color-gray5: #212529;
	--brand-color-main: #174B9F ;
	--brand-color-dmain: #00A84D;
	--brand-color-sub: #90B80D;
	--gradient-02:  linear-gradient(180deg, #00A84D 0%, #005BAC 100%);

	/*  font-family */
	--font-Pretendard: 'Pretendard', sans-serif;
	--font-nexonlv1: 'NEXON Lv1 Gothic', sans-serif;
	--font-nexonlv2: 'NEXON Lv2 Gothic', sans-serif;
    --font-Elice: 'Elice DX Neolli', 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-60: 6rem;
	--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: 1280px) {
	:root {
		/*Common*/
		--sub-visual-hei: 32rem;
		--spacing: 24px;
	}
}

@media screen and (max-width: 800px) {
	:root {
		/*Common*/
		--header-hei: calc(var(--header-link-hei) + var(--header-gnb-hei));
		--header-link-hei: 4rem;
		--header-gnb-hei: 6rem;
		--spacing: 20px;
		--sub-visual-hei: 24rem;
	}
}

@media screen and (max-width: 450px) {
	:root {
		/*Common*/
		--sub-visual-hei: 20rem;
	}
}