@charset "utf-8";

:root {
	/*Common*/
	--header-hei: 12rem;
	--header-inner-padding: 10rem;
	--dep2-hei: 32rem;
	--spacing: 25px;
	--sub-visual-hei: 45rem;

	/* color */
	--color-black: #000;
	--color-white: #fff;
	--color-white2: #f8f8f8;
	--color-gray1: #515151;
	--color-gray2: #CED4DA;
	--color-gray3: #868e96;
	--color-gray4: #495057;
	--color-gray5: #212529;
	--cw-grey-50: #f8fafc;
	--cw-grey-100: #f1f5f9;
	--cw-grey-200: #e2e8f0;
	--cw-grey-300: #94a3b8;
	--cw-grey-600: #475569;
	--cw-grey-800: #1e293b;
	--cw-navy: #001a35;
	--color-red: #ff0000;
	--color-orange: #E99043;
	--brand-color-main: #043f7b;
	--brand-color-dmain: #003366;
	--brand-color-bright: #0070e0;
	--brand-color-sub: #dd4226;
	--gradient-01: linear-gradient(to right, #043f7b, #00A0E9);
	--gradient-02: linear-gradient(to right, #043f7b, #003366);
	--text-main: #111b25;
	--text-muted: #64748b;
	--text-light: #888888;
	--accent: #00a8cc;
	--envcolor: #00a884;
	--cscolor: #f39c12;
	--govcolor: #1e3a8a;
	--border-soft: #e2e8f0;

	/*  font-family */
	--font-Pretendard: 'Pretendard', sans-serif;
	--font-Paperlogy: 'Paperlogy', 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-23: 2.3rem;
	--rem-24: 2.4rem;
	--rem-25: 2.5rem;
	--rem-26: 2.6rem;
	--rem-28: 2.8rem;
	--rem-30: 3rem;
	--rem-32: 3.2rem;
	--rem-34: 3.4rem;
	--rem-35: 3.5rem;
	--rem-36: 3.6rem;
	--rem-38: 3.8rem;
	--rem-40: 4rem;
	--rem-45: 4.5rem;
	--rem-50: 5rem;
	--rem-55: 5.5rem;
	--rem-60: 6rem;
	--rem-65: 6.5rem;
	--rem-80: 8rem;
	--rem-320: 32rem;


	/* px */
	--px-base: 1720px;
	--px-base2: 1520px;
	--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;

	/* 애니메이션 */
	--transition-base: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 모바일CSS */
@media screen and (max-width: 1920px) {
	:root {
		--header-inner-padding: 5rem;
	}
}

@media screen and (max-width: 1600px) {
	:root {
		--header-inner-padding: 3rem;
	}
}

@media screen and (max-width: 1280px) {
	:root {
		--header-inner-padding: 2rem;
	}
}

@media screen and (max-width:1400px) {

	:root {
		/*Common*/
		--header-hei: 9rem;
		--sub-visual-hei: 40rem;

		/* px */
		/*--px-base: calc(100% - var(--spacing)*2);
		--px-base-main: calc(100% - var(--spacing)*2);*/
	}
}

@media screen and (max-width: 1100px) {
	:root {
		/*Common*/
		--header-hei: 8rem;
		--sub-visual-hei: 30rem;
		--spacing: 24px;
	}
}

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

@media screen and (max-width: 600px) {
	:root {
		--header-inner-padding: 1.25rem;
	}
}

@media screen and (max-width: 450px) {
	:root {
		--header-inner-padding: 1.2rem;
		--spacing: 16px;
	}
}