@charset "utf-8";

:root {
	--iw-gray-5:#f4f5f6;
	--iw-gray-10:#e6e8ea;
	--iw-gray-20:#cdd1d5;
	--iw-gray-30:#b1b8be;
	--iw-gray-40:#8a949e;
	--iw-gray-50:#6d7882;
	--iw-gray-60:#58616a;
	--iw-gray-70:#464c53;
	--iw-gray-80:#33363d;
	--iw-gray-90:#1e2124; /* base */
	--iw-gray-95:#131416;

	--iw-primary:#256ef4;
	--iw-primary-5:#ecf2fe;
	--iw-primary-10:#d8e5fd;
	--iw-primary-20:#b1cefb;
	--iw-primary-30:#86aff9;
	--iw-primary-40:#4c87f6;
	--iw-primary-50:#256ef4; /* base */
	--iw-primary-60:#0b50d0;
	--iw-primary-70:#083891;
	--iw-primary-80:#052561;
	--iw-primary-90:#03163a;
	--iw-primary-95:#020f27;
	
	--iw-secondary:#346fb2;
	--iw-secondary-5:#eef2f7;
	--iw-secondary-10:#d6e0eb;
	--iw-secondary-20:#bacbde;
	--iw-secondary-30:#90b0d5;
	--iw-secondary-40:#6b96c7;
	--iw-secondary-50:#346fb2; /* base */
	--iw-secondary-60:#1c589c;
	--iw-secondary-70:#063a74;
	--iw-secondary-80:#052b57;
	--iw-secondary-90:#031f3f;
	--iw-secondary-95:#02162c;
	 
	--iw-point:#d63d4a;
	--iw-point-5:#fbeff0;
	--iw-point-10:#f5d6d9;
	--iw-point-20:#ebadb2;
	--iw-point-30:#e0858c;
	--iw-point-40:#d65c66;
	--iw-point-50:#d63d4a; /* base */
	--iw-point-60:#ab2b36;
	--iw-point-70:#7a1f26;
	--iw-point-80:#521419;
	--iw-point-90:#310c0f;
	--iw-point-95:#21080a;
	
	--iw-danger:#de3412;
	--iw-danger-5:#fdefec;
	--iw-danger-10:#fcdfd9;
	--iw-danger-20:#f7afa1;
	--iw-danger-30:#f48771;
	--iw-danger-40:#f05f42;
	--iw-danger-50:#de3412; /* base */
	--iw-danger-60:#bd2c0f;
	--iw-danger-70:#8a240f;
	--iw-danger-80:#5c180a;
	--iw-danger-90:#390d05;
	--iw-danger-95:#260903;
	
	--iw-warning:#ffb114;
	--iw-warning-5:#fff3db;
	--iw-warning-10:#ffe0a3;
	--iw-warning-20:#ffc95c;
	--iw-warning-30:#ffb114; /* base */
	--iw-warning-40:#c78500;
	--iw-warning-50:#9e6a00;
	--iw-warning-60:#8a5c00;
	--iw-warning-70:#614100;
	--iw-warning-80:#422c00;
	--iw-warning-90:#2e1f00;
	--iw-warning-95:#241800;
	
	--iw-success:#228738;
	--iw-success-5:#eaf6ec;
	--iw-success-10:#d8eedd;
	--iw-success-20:#a9dab4;
	--iw-success-30:#7ec88e;
	--iw-success-40:#3fa654;
	--iw-success-50:#228738; /* base */
	--iw-success-60:#267337;
	--iw-success-70:#285d33;
	--iw-success-80:#1f4727;
	--iw-success-90:#122b18;
	--iw-success-95:#0e2012;
	
	--iw-info:#096ab3;
	--iw-info-5:#e7f4fe;
	--iw-info-10:#d3ebfd;
	--iw-info-20:#9ed2fa;
	--iw-info-30:#5fb5f7;
	--iw-info-40:#2098f3;
	--iw-info-50:#0b78cb;
	--iw-info-60:#096ab3; /* base */
	--iw-info-70:#085691;
	--iw-info-80:#053961;
	--iw-info-90:#03253f;
	--iw-info-95:#021a2c;
	
	/*--iw-color-text-primary:#0b50d0;  프라이머리 60 으로 교체 */
	/* --iw-color-text-secondary:#052b57; 세컨더리 80 으로 교체 */
	/* --iw-color-text-basic:#1f2123; gray 90 으로 교체 */
	/* --iw-color-text-disabled:#8f9499; gray 40 으로 교체  */
	--iw-color-element-point:#cc3340;/* point base 로 교체 */
	/* --iw-color-action-secondary-active:#063a74; 세컨더리 70 으로 교체*/
	
	--iw-color-border-gray:var(--iw-gray-30);/* 없음 #bfc2c5*/
	--iw-color-border-gray-light:var(--iw-gray-20);  /* 없음 #d7d9db */
	
	/* title 성격을 가진 font size */
	--iw-fz-xlg:4rem;
	--iw-fz-lg:3.2rem;
	--iw-fz-md:2.4rem;
	--iw-fz-sm:1.9rem;
	--iw-fz-xsm:1.7rem;
	--iw-fz-xxsm:1.5rem;

	/* body, 본문 font size */
	--iw-fz-b-lg:1.9rem;
	--iw-fz-b-md:1.7rem;
	--iw-fz-b-sm:1.5rem;
	--iw-fz-b-xsm:1.3rem;

	--iw-gap-1:0.4rem;
	--iw-gap-2:0.8rem;
	--iw-gap-3:1.2rem;
	--iw-gap-4:1.6rem;
	--iw-gap-5:2rem;
	--iw-gap-6:2.4rem;
	--iw-gap-7:2.8rem;
	--iw-gap-8:3.2rem;
	--iw-gap-9:3.6rem;
	--iw-gap-10:4rem;
	--iw-gap-11:4.4rem;
	--iw-gap-12:4.8rem;
	--iw-gap-13:5.2rem;
	--iw-gap-14:5.6rem;
	--iw-gap-15:6rem;
	--iw-gap-16:6.4rem;
	--iw-gap-17:6.8rem;
	--iw-gap-18:7.2rem;
	--iw-gap-19:7.6rem;
	--iw-gap-20:8rem;
}
@media only screen and (max-width:1024px) {
	:root {
		--iw-fz-xlg:2.8rem;
		--iw-fz-lg:2.4rem;
		--iw-fz-md:2.2rem;
	}
}
