/* 루트 */	
:root{
	--breakpoint-xs: 0;
	--breakpoint-sm: 575px;
	--breakpoint-md: 767px;
	--breakpoint-lg: 991px;
	--breakpoint-xl: 1200px;
	--pixel-0: 0px;
	--pixel-1: 1px;
	--pixel-2: 2px;
	--pixel-3: 3px;
	--pixel-4: 4px;
	--pixel-5: 5px;
	--pixel-6: 6px;
	--pixel-7: 7px;
	--pixel-8: 8px;
	--pixel-9: 9px;
	--pixel-10: 10px;
	--pixel-11: 11px;
	--pixel-12: 12px;
	--pixel-13: 13px;
	--pixel-14: 14px;		 
	--pixel-15: 15px;
	--pixel-16: 16px;
	--pixel-17: 17px;
	--pixel-18: 18px;
	--pixel-19: 19px;
	--pixel-20: 20px;
	--pixel-22: 22px;
	--pixel-24: 24px;
	--pixel-25: 25px;
	--pixel-26: 26px;
	--pixel-28: 28px;
	--pixel-30: 30px;
	--pixel-32: 32px;
	--pixel-34: 34px;
	--pixel-35: 35px;
	--pixel-36: 36px;
	--pixel-38: 38px;
	--pixel-40: 40px;
	--pixel-42: 42px;
	--pixel-44: 44px;
	--pixel-45: 45px;
	--pixel-46: 46px;
	--pixel-48: 48px;
	--pixel-50: 50px;
	--pixel-52: 52px;
	--pixel-54: 54px;
	--pixel-55: 55px;
	--pixel-56: 56px;
	--pixel-58: 58px;
	--pixel-60: 60px;
	--pixel-62: 62px;
	--pixel-64: 64px;
	--pixel-65: 65px;
	--pixel-66: 66px;
	--pixel-68: 68px;
	--pixel-70: 70px;
	--pixel-72: 72px;
	--pixel-74: 74px;
	--pixel-75: 75px;
	--pixel-76: 76px;
	--pixel-78: 78px;
	--pixel-80: 80px;
	--pixel-82: 82px;
	--pixel-84: 84px;
	--pixel-85: 85px;
	--pixel-86: 86px;
	--pixel-88: 88px;
	--pixel-90: 90px;
	--pixel-92: 92px;
	--pixel-94: 94px;
	--pixel-95: 95px;
	--pixel-96: 96px;
	--pixel-98: 98px;
	--pixel-100: 100px;
}

/* 색상 */
:root{
--color-blue: #0d6efd;
--color-indigo: #6610f2;
--color-purple: #6f42c1;
--color-pink: #d63384;
--color-red: #dc3545;
--color-orange: #fd7e14;
--color-yellow: #ffc107;
--color-green: #198754;
--color-teal: #20c997;
--color-cyan: #0dcaf0;	
--color-white: #fff;
--color-black: #000;
--color-gray: #6c757d;
--color-disabled: #f1f1f1;
--color-active: #173784;   
--color-active2: #1162FF;	
--color-active3: rgba(23, 114, 248, 0.05);
--color-hover: #ff0000;
--color-danger: #ff0000;  
--color-danger1: #FFD8D8;
--color-warning: #ffc107; 
--color-success: #1dd347;
--color-gray-100: #f8f9fa;
--color-gray-200: #eee;
--color-gray-300: #dee2e6;
--color-gray-400: #ced4da;
--color-gray-500: #bbb;
--color-gray-600: #979797;
--color-gray-700: #737373;
--color-gray-800: #535353;
--color-gray-900: #353535;
--color-black-100: #727272;
--color-black-200: #5e5e5e;
--color-black-300: #494949;
--color-black-400: #353535;
--color-black-500: #212121;
--color-black-600: #0c0c0c;
--color-black-700: #000000;
}

/* 필터색상 */
:root{
--filter-black: invert(0%) sepia(100%) saturate(0%) hue-rotate(15deg) brightness(101%) contrast(101%);
--filter-white: invert(100%) sepia(0%) saturate(0%) hue-rotate(254deg) brightness(100%) contrast(106%);
--filter-gray-100: invert(97%) sepia(6%) saturate(1054%) hue-rotate(67deg) brightness(117%) contrast(95%);
--filter-gray-200: invert(100%) sepia(2%) saturate(688%) hue-rotate(252deg) brightness(118%) contrast(87%);
--filter-gray-300: invert(90%) sepia(2%) saturate(2556%) hue-rotate(196deg) brightness(109%) contrast(80%);
--filter-gray-400: invert(97%) sepia(3%) saturate(948%) hue-rotate(179deg) brightness(88%) contrast(93%);
--filter-gray-500: invert(58%) sepia(97%) saturate(11%) hue-rotate(19deg) brightness(104%) contrast(105%);
--filter-gray-600: invert(70%) sepia(0%) saturate(416%) hue-rotate(168deg) brightness(88%) contrast(81%);
--filter-gray-700: invert(43%) sepia(12%) saturate(8%) hue-rotate(356deg) brightness(100%) contrast(86%);
--filter-gray-800: invert(33%) sepia(0%) saturate(27%) hue-rotate(171deg) brightness(91%) contrast(90%);
--filter-gray-900: invert(16%) sepia(1%) saturate(1500%) hue-rotate(93deg) brightness(91%) contrast(83%);
--filter-black-100: invert(46%) sepia(0%) saturate(2205%) hue-rotate(26deg) brightness(97%) contrast(81%);
--filter-black-200: invert(37%) sepia(0%) saturate(1539%) hue-rotate(235deg) brightness(93%) contrast(84%);
--filter-black-300: invert(24%) sepia(3%) saturate(24%) hue-rotate(329deg) brightness(102%) contrast(86%);
--filter-black-400: invert(11%) sepia(0%) saturate(5084%) hue-rotate(52deg) brightness(103%) contrast(75%);
--filter-black-500: invert(8%) sepia(14%) saturate(12%) hue-rotate(83deg) brightness(97%) contrast(89%);
--filter-black-600: invert(8%) sepia(14%) saturate(12%) hue-rotate(83deg) brightness(97%) contrast(89%);
--filter-black-700: invert(0%) sepia(95%) saturate(14%) hue-rotate(195deg) brightness(92%) contrast(100%);
}