/* grid.css purged 2026-10-18 : 사이트 전체(aspx/master/html/js/cs)에서 쓰는 클래스만 남김. 원본 grid.css 는 그대로 둠 */
/* 루트 */	
: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;
	--pixel-m-0: -0px;
	--pixel-m-1: -1px;
	--pixel-m-2: -2px;
	--pixel-m-3: -3px;
	--pixel-m-4: -4px;
	--pixel-m-5: -5px;
	--pixel-m-6: -6px;
	--pixel-m-7: -7px;
	--pixel-m-8: -8px;
	--pixel-m-9: -9px;
	--pixel-m-10: -10px;
	--pixel-m-11: -11px;
	--pixel-m-12: -12px;
	--pixel-m-13: -13px;
	--pixel-m-14: -14px;		 
	--pixel-m-15: -15px;
	--pixel-m-16: -16px;
	--pixel-m-17: -17px;
	--pixel-m-18: -18px;
	--pixel-m-19: -19px;
	--pixel-m-20: -20px;
	--pixel-m-22: -22px;
	--pixel-m-24: -24px;
	--pixel-m-25: -25px;
	--pixel-m-26: -26px;
	--pixel-m-28: -28px;
	--pixel-m-30: -30px;
	--pixel-m-32: -32px;
	--pixel-m-34: -34px;
	--pixel-m-35: -35px;
	--pixel-m-36: -36px;
	--pixel-m-38: -38px;
	--pixel-m-40: -40px;
	--pixel-m-42: -42px;
	--pixel-m-44: -44px;
	--pixel-m-45: -45px;
	--pixel-m-46: -46px;
	--pixel-m-48: -48px;
	--pixel-m-50: -50px;
	--pixel-m-52: -52px;
	--pixel-m-54: -54px;
	--pixel-m-55: -55px;
	--pixel-m-56: -56px;
	--pixel-m-58: -58px;
	--pixel-m-60: -60px;
	--pixel-m-62: -62px;
	--pixel-m-64: -64px;
	--pixel-m-65: -65px;
	--pixel-m-66: -66px;
	--pixel-m-68: -68px;
	--pixel-m-70: -70px;
	--pixel-m-72: -72px;
	--pixel-m-74: -74px;
	--pixel-m-75: -75px;
	--pixel-m-76: -76px;
	--pixel-m-78: -78px;
	--pixel-m-80: -80px;
	--pixel-m-82: -82px;
	--pixel-m-84: -84px;
	--pixel-m-85: -85px;
	--pixel-m-86: -86px;
	--pixel-m-88: -88px;
	--pixel-m-90: -90px;
	--pixel-m-92: -92px;
	--pixel-m-94: -94px;
	--pixel-m-95: -95px;
	--pixel-m-96: -96px;
	--pixel-m-98: -98px;
	--pixel-m-100: -100px;
}

/* 색상 */
:root{
--color-disabled: #f1f1f1;
--color-active: #fa6377;   
--color-active2: #ca4b5c;	
--color-active3: #a93847;
--color-light-active: #fd8595;   
--color-hover: #b92f35;
--color-blue: #0d6efd;
--color-indigo: #160f93;
--color-purple: #6f42c1;
--color-pink: #fd2e6d;
--color-red: #dc3545;
--color-orange: #ff4800;
--color-yellow: #ffc107;
--color-green: #00aa78;
--color-teal: #20c997;
--color-cyan: #0dcaf0;	
--color-white: #fff;
--color-black: #000;
--color-warning: #ffc107; 
--color-success: #1dd347;
--color-danger-100: #FFD8D8;  
--color-danger-200: #ff0000;
--color-gray-100: #FAFAFA;
--color-gray-200: #F5F5F5;
--color-gray-300: #EEEEEE;
--color-gray-400: #DDDDDD;
--color-gray-500: #CCCCCC;
--color-gray-600: #AAAAAA;
--color-gray-700: #888888;
--color-gray-800: #666666;
--color-gray-900: #444444;
--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%);
--filter-active-100: invert(9%) sepia(56%) saturate(6837%) hue-rotate(350deg) brightness(116%) contrast(81%);
--filter-active-200: invert(8%) sepia(55%) saturate(4666%) hue-rotate(354deg) brightness(96%) contrast(95%);
--filter-active-300: invert(8%) sepia(34%) saturate(6994%) hue-rotate(345deg) brightness(84%) contrast(106%);
}
.px0{padding-left:var(--pixel-0) !important; padding-right:var(--pixel-0) !important;}
.px2{padding-left:var(--pixel-2) !important; padding-right:var(--pixel-2) !important;}
.px10{padding-left:var(--pixel-10) !important; padding-right:var(--pixel-10) !important;}
.px15{padding-left:var(--pixel-15) !important; padding-right:var(--pixel-15) !important;}
.px17{padding-left:var(--pixel-17) !important; padding-right:var(--pixel-17) !important;}
.px20{padding-left:var(--pixel-20) !important; padding-right:var(--pixel-20) !important;}
.px30{padding-left:var(--pixel-30) !important; padding-right:var(--pixel-30) !important;}
.px45{padding-left:var(--pixel-45) !important; padding-right:var(--pixel-45) !important;}
.py0{padding-top:var(--pixel-0) !important; padding-bottom:var(--pixel-0) !important;}
.py2{padding-top:var(--pixel-2) !important; padding-bottom:var(--pixel-2) !important;}
.py15{padding-top:var(--pixel-15) !important; padding-bottom:var(--pixel-15) !important;}
.py30{padding-top:var(--pixel-30) !important; padding-bottom:var(--pixel-30) !important;}
.mx5{margin-left:var(--pixel-5) !important; margin-right:var(--pixel-5) !important;}
.my20{margin-top:var(--pixel-20) !important; margin-bottom:var(--pixel-20) !important;}
.my25{margin-top:var(--pixel-25) !important; margin-bottom:var(--pixel-25) !important;}
.pt0{padding-top:var(--pixel-0) !important;}
}
@media (max-width:767px){
.pt-md-0 {padding-top:var(--pixel-0) !important;}
.pt-md-1 {padding-top:var(--pixel-1) !important;}
.pt-md-2 {padding-top:var(--pixel-2) !important;}
.pt-md-3 {padding-top:var(--pixel-3) !important;}
.pt-md-4 {padding-top:var(--pixel-4) !important;}
.pt-md-5 {padding-top:var(--pixel-5) !important;}
.pt-md-6 {padding-top:var(--pixel-6) !important;}
.pt-md-7 {padding-top:var(--pixel-7) !important;}
.pt-md-8 {padding-top:var(--pixel-8) !important;}
.pt-md-9 {padding-top:var(--pixel-9) !important;}
.pt-md-10 {padding-top:var(--pixel-10) !important;}
.pt-md-12 {padding-top:var(--pixel-12) !important;}
.pt-md-13 {padding-top:var(--pixel-13) !important;}
.pt-md-14 {padding-top:var(--pixel-14) !important;}
.pt-md-15 {padding-top:var(--pixel-15) !important;}
.pt-md-16 {padding-top:var(--pixel-16) !important;}
.pt-md-17 {padding-top:var(--pixel-17) !important;}
.pt-md-18 {padding-top:var(--pixel-18) !important;}
.pt-md-19 {padding-top:var(--pixel-19) !important;}
.pt-md-20 {padding-top:var(--pixel-20) !important;}
.pt-md-22 {padding-top:var(--pixel-22) !important;}
.pt-md-24 {padding-top:var(--pixel-24) !important;}
.pt-md-25 {padding-top:var(--pixel-25) !important;}
.pt-md-26 {padding-top:var(--pixel-26) !important;}
.pt-md-28 {padding-top:var(--pixel-28) !important;}
.pt-md-30 {padding-top:var(--pixel-30) !important;}
.pt-md-32 {padding-top:var(--pixel-32) !important;}
.pt-md-34 {padding-top:var(--pixel-34) !important;}
.pt-md-35 {padding-top:var(--pixel-35) !important;}
.pt-md-36 {padding-top:var(--pixel-36) !important;}
.pt-md-38 {padding-top:var(--pixel-38) !important;}
.pt-md-40 {padding-top:var(--pixel-40) !important;}
.pt-md-42 {padding-top:var(--pixel-42) !important;}
.pt-md-44 {padding-top:var(--pixel-44) !important;}
.pt-md-45 {padding-top:var(--pixel-45) !important;}
.pt-md-46 {padding-top:var(--pixel-46) !important;}
.pt-md-48 {padding-top:var(--pixel-48) !important;}
.pt-md-50 {padding-top:var(--pixel-50) !important;}
.pt-md-52 {padding-top:var(--pixel-52) !important;}
.pt-md-54 {padding-top:var(--pixel-54) !important;}
.pt-md-55 {padding-top:var(--pixel-55) !important;}
.pt-md-56 {padding-top:var(--pixel-56) !important;}
.pt-md-58 {padding-top:var(--pixel-58) !important;}
.pt-md-60 {padding-top:var(--pixel-60) !important;}
.pt-md-62 {padding-top:var(--pixel-62) !important;}
.pt-md-64 {padding-top:var(--pixel-64) !important;}
.pt-md-65 {padding-top:var(--pixel-65) !important;}
.pt-md-66 {padding-top:var(--pixel-66) !important;}
.pt-md-68 {padding-top:var(--pixel-68) !important;}
.pt-md-70 {padding-top:var(--pixel-70) !important;}
.pt-md-72 {padding-top:var(--pixel-72) !important;}
.pt-md-74 {padding-top:var(--pixel-74) !important;}
.pt-md-75 {padding-top:var(--pixel-75) !important;}
.pt-md-76 {padding-top:var(--pixel-76) !important;}
.pt-md-78 {padding-top:var(--pixel-78) !important;}
.pt-md-80 {padding-top:var(--pixel-80) !important;}
.pt-md-82 {padding-top:var(--pixel-82) !important;}
.pt-md-84 {padding-top:var(--pixel-84) !important;}
.pt-md-85 {padding-top:var(--pixel-85) !important;}
.pt-md-86 {padding-top:var(--pixel-86) !important;}
.pt-md-88 {padding-top:var(--pixel-88) !important;}
.pt-md-90 {padding-top:var(--pixel-90) !important;}
.pt-md-92 {padding-top:var(--pixel-92) !important;}
.pt-md-94 {padding-top:var(--pixel-94) !important;}
.pt-md-95 {padding-top:var(--pixel-95) !important;}
.pt-md-96 {padding-top:var(--pixel-96) !important;}
.pt-md-98 {padding-top:var(--pixel-98) !important;}
.pt-md-100 {padding-top:var(--pixel-100) !important;}
}
.pb0{padding-bottom:var(--pixel-0) !important;}
.pb20{padding-bottom:var(--pixel-20) !important;}
.pl10{padding-left:var(--pixel-10) !important;}
.pl15{padding-left:var(--pixel-15) !important;}
.pl34{padding-left:var(--pixel-34) !important;}
.pl50{padding-left:var(--pixel-50) !important;}
.mt0{margin-top:var(--pixel-0) !important;}
.mt5{margin-top:var(--pixel-5) !important;}
.mt6{margin-top:var(--pixel-6) !important;}
.mt8{margin-top:var(--pixel-8) !important;}
.mt10{margin-top:var(--pixel-10) !important;}
.mt12{margin-top:var(--pixel-12) !important;}
.mt13{margin-top:var(--pixel-13) !important;}
.mt15{margin-top:var(--pixel-15) !important;}
.mt20{margin-top:var(--pixel-20) !important;}
.mt24{margin-top:var(--pixel-24) !important;}
.mt25{margin-top:var(--pixel-25) !important;}
.mt30{margin-top:var(--pixel-30) !important;}
.mt32{margin-top:var(--pixel-32) !important;}
.mt35{margin-top:var(--pixel-35) !important;}
.mt38{margin-top:var(--pixel-38) !important;}
.mt40{margin-top:var(--pixel-40) !important;}
.mt42{margin-top:var(--pixel-42) !important;}
.mt44{margin-top:var(--pixel-44) !important;}
.mt45{margin-top:var(--pixel-45) !important;}
.mt50{margin-top:var(--pixel-50) !important;}
.mt54{margin-top:var(--pixel-54) !important;}      
@media (max-width:991px){
.mt-lg-0{margin-top:var(--pixel-0) !important;}
}
@media (max-width:767px){
.mt-md-3{margin-top:var(--pixel-3) !important;}
}
@media (max-width:575px){
.mt-sm-0{margin-top:var(--pixel-0) !important;}
}
.mb0{margin-bottom:var(--pixel-0) !important;}
.mb3{margin-bottom:var(--pixel-3) !important;}
.mb4{margin-bottom:var(--pixel-4) !important;}
.mb5{margin-bottom:var(--pixel-5) !important;}
.mb8{margin-bottom:var(--pixel-8) !important;}
.mb10{margin-bottom:var(--pixel-10) !important;}
.mb15{margin-bottom:var(--pixel-15) !important;}
.mb20{margin-bottom:var(--pixel-20) !important;}
.mb30{margin-bottom:var(--pixel-30) !important;}
.mb40{margin-bottom:var(--pixel-40) !important;}
.ml0{margin-left:var(--pixel-0) !important;}
.ml5{margin-left:var(--pixel-5) !important;}
.ml7{margin-left:var(--pixel-7) !important;}
.ml10{margin-left:var(--pixel-10) !important;}
.ml15{margin-left:var(--pixel-15) !important;}
@media (max-width:767px){
.ml-md-4{margin-left:var(--pixel-4) !important;}
}
.mr4{margin-right:var(--pixel-4) !important;}
.mr5{margin-right:var(--pixel-5) !important;}
.mr6{margin-right:var(--pixel-6) !important;}
.mr7{margin-right:var(--pixel-7) !important;}
.mr10{margin-right:var(--pixel-10) !important;}
.mr12{margin-right:var(--pixel-12) !important;}
.mr20{margin-right:var(--pixel-20) !important;}
.mr24{margin-right:var(--pixel-24) !important;}
.mr30{margin-right:var(--pixel-30) !important;}
}
@media (max-width:767px){
.ptm-md-0 {padding-top:var(--pixel-m-0) !important;}
.ptm-md-1 {padding-top:var(--pixel-m-1) !important;}
.ptm-md-2 {padding-top:var(--pixel-m-2) !important;}
.ptm-md-3 {padding-top:var(--pixel-m-3) !important;}
.ptm-md-4 {padding-top:var(--pixel-m-4) !important;}
.ptm-md-5 {padding-top:var(--pixel-m-5) !important;}
.ptm-md-6 {padding-top:var(--pixel-m-6) !important;}
.ptm-md-7 {padding-top:var(--pixel-m-7) !important;}
.ptm-md-8 {padding-top:var(--pixel-m-8) !important;}
.ptm-md-9 {padding-top:var(--pixel-m-9) !important;}
.ptm-md-10 {padding-top:var(--pixel-m-10) !important;}
.ptm-md-12 {padding-top:var(--pixel-m-12) !important;}
.ptm-md-13 {padding-top:var(--pixel-m-13) !important;}
.ptm-md-14 {padding-top:var(--pixel-m-14) !important;}
.ptm-md-15 {padding-top:var(--pixel-m-15) !important;}
.ptm-md-16 {padding-top:var(--pixel-m-16) !important;}
.ptm-md-17 {padding-top:var(--pixel-m-17) !important;}
.ptm-md-18 {padding-top:var(--pixel-m-18) !important;}
.ptm-md-19 {padding-top:var(--pixel-m-19) !important;}
.ptm-md-20 {padding-top:var(--pixel-m-20) !important;}
.ptm-md-22 {padding-top:var(--pixel-m-22) !important;}
.ptm-md-24 {padding-top:var(--pixel-m-24) !important;}
.ptm-md-25 {padding-top:var(--pixel-m-25) !important;}
.ptm-md-26 {padding-top:var(--pixel-m-26) !important;}
.ptm-md-28 {padding-top:var(--pixel-m-28) !important;}
.ptm-md-30 {padding-top:var(--pixel-m-30) !important;}
.ptm-md-32 {padding-top:var(--pixel-m-32) !important;}
.ptm-md-34 {padding-top:var(--pixel-m-34) !important;}
.ptm-md-35 {padding-top:var(--pixel-m-35) !important;}
.ptm-md-36 {padding-top:var(--pixel-m-36) !important;}
.ptm-md-38 {padding-top:var(--pixel-m-38) !important;}
.ptm-md-40 {padding-top:var(--pixel-m-40) !important;}
.ptm-md-42 {padding-top:var(--pixel-m-42) !important;}
.ptm-md-44 {padding-top:var(--pixel-m-44) !important;}
.ptm-md-45 {padding-top:var(--pixel-m-45) !important;}
.ptm-md-46 {padding-top:var(--pixel-m-46) !important;}
.ptm-md-48 {padding-top:var(--pixel-m-48) !important;}
.ptm-md-50 {padding-top:var(--pixel-m-50) !important;}
.ptm-md-52 {padding-top:var(--pixel-m-52) !important;}
.ptm-md-54 {padding-top:var(--pixel-m-54) !important;}
.ptm-md-55 {padding-top:var(--pixel-m-55) !important;}
.ptm-md-56 {padding-top:var(--pixel-m-56) !important;}
.ptm-md-58 {padding-top:var(--pixel-m-58) !important;}
.ptm-md-60 {padding-top:var(--pixel-m-60) !important;}
.ptm-md-62 {padding-top:var(--pixel-m-62) !important;}
.ptm-md-64 {padding-top:var(--pixel-m-64) !important;}
.ptm-md-65 {padding-top:var(--pixel-m-65) !important;}
.ptm-md-66 {padding-top:var(--pixel-m-66) !important;}
.ptm-md-68 {padding-top:var(--pixel-m-68) !important;}
.ptm-md-70 {padding-top:var(--pixel-m-70) !important;}
.ptm-md-72 {padding-top:var(--pixel-m-72) !important;}
.ptm-md-74 {padding-top:var(--pixel-m-74) !important;}
.ptm-md-75 {padding-top:var(--pixel-m-75) !important;}
.ptm-md-76 {padding-top:var(--pixel-m-76) !important;}
.ptm-md-78 {padding-top:var(--pixel-m-78) !important;}
.ptm-md-80 {padding-top:var(--pixel-m-80) !important;}
.ptm-md-82 {padding-top:var(--pixel-m-82) !important;}
.ptm-md-84 {padding-top:var(--pixel-m-84) !important;}
.ptm-md-85 {padding-top:var(--pixel-m-85) !important;}
.ptm-md-86 {padding-top:var(--pixel-m-86) !important;}
.ptm-md-88 {padding-top:var(--pixel-m-88) !important;}
.ptm-md-90 {padding-top:var(--pixel-m-90) !important;}
.ptm-md-92 {padding-top:var(--pixel-m-92) !important;}
.ptm-md-94 {padding-top:var(--pixel-m-94) !important;}
.ptm-md-95 {padding-top:var(--pixel-m-95) !important;}
.ptm-md-96 {padding-top:var(--pixel-m-96) !important;}
.ptm-md-98 {padding-top:var(--pixel-m-98) !important;}
.ptm-md-100 {padding-top:var(--pixel-m-100) !important;}
}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}
.f0{font-size:var(--pixel-0) !important;}
.f5{font-size:var(--pixel-5) !important;}
.f6{font-size:var(--pixel-6) !important;}
.f9{font-size:var(--pixel-9) !important;}
.f10{font-size:var(--pixel-10) !important;}
.f11{font-size:var(--pixel-10) !important;}
.f12{font-size:var(--pixel-12) !important;}
.f13{font-size:var(--pixel-13) !important;}
.f14{font-size:var(--pixel-14) !important;}
.f15{font-size:var(--pixel-15) !important;}
.f16{font-size:var(--pixel-16) !important;}
.f18{font-size:var(--pixel-18) !important;}
.f20{font-size:var(--pixel-20) !important;}
.f22{font-size:var(--pixel-22) !important;}
.f44{font-size:var(--pixel-44) !important;}
.f46{font-size:var(--pixel-46) !important;}
.bt2{border-top:2px solid !important;}
.bb0{border-bottom:0 !important;}
.br0{border-right:0 !important;}
.bdr4{border-radius:var(--pixel-4) !important;}
.bdr14{border-radius:var(--pixel-14) !important;}
.h1{height:var(--pixel-1) !important;}
.h2{height:var(--pixel-2) !important;}
.h3{height:var(--pixel-3) !important;}
.h4{height:var(--pixel-4) !important;}
.h5{height:var(--pixel-5) !important;}
.h6{height:var(--pixel-6) !important;}
.h8{height:var(--pixel-8) !important;}
.h9{height:var(--pixel-9) !important;}
.h10{height:var(--pixel-10) !important;}
.h12{height:var(--pixel-12) !important;}
.h14{height:var(--pixel-14) !important;}
.h15{height:var(--pixel-15) !important;}
.h16{height:var(--pixel-16) !important;}
.h19{height:var(--pixel-19) !important;}
.h20{height:var(--pixel-20) !important;}
.h45{height:var(--pixel-45) !important;}
.w25{width:25px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w65{width:65px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w120{width:120px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w180{width:180px !important;}
.w200{width:200px !important;}
.w210{width:210px !important;}
.col-1{width:8.333333% !important;}
.col-2{width:16.66667% !important;}
.col-3{width:25% !important;}
.col-4{width:33.33333% !important;}
.col-5{width:41.66667% !important;}
.col-6{width:50% !important;}
.col-7{width:58.33333%; !important}
.col-8{width:66.66667% !important;}
.col-10{width:83.33333% !important;}
.col-12{width:100% !important;}

@media (max-width:1200px){
.col-xl-5{width:41.66667% !important;}
.col-xl-7{width:58.33333% !important;}
}
@media (max-width:991px){
.col-lg-1{width:8.333333% !important;}
.col-lg-2{width:16.66667% !important;}
.col-lg-3{width:25% !important;}
.col-lg-4{width:33.33333% !important;}
.col-lg-5{width:41.66667% !important;}
.col-lg-6{width:50% !important;}
.col-lg-7{width:58.33333% !important;}
.col-lg-8{width:66.66667% !important;}
.col-lg-9{width:75% !important;}
.col-lg-10{width:83.33333% !important;}
.col-lg-11{width:91.66667% !important;}
.col-lg-12{width:100% !important;}
}
@media (max-width:767px){
.col-md-1{width:8.333333% !important;}
.col-md-2{width:16.66667% !important;}
.col-md-3{width:25% !important;}
.col-md-4{width:33.33333% !important;}
.col-md-5{width:41.66667% !important;}
.col-md-6{width:50% !important;}
.col-md-7{width:58.33333% !important;}
.col-md-8{width:66.66667% !important;}
.col-md-9{width:75% !important;}
.col-md-10{width:83.33333% !important;}
.col-md-12{width:100% !important;}
}
@media (max-width:575px){
.col-sm-3{width:25% !important;}
.col-sm-6{width:50% !important;}
.col-sm-9{width:75% !important;}
.col-sm-12{width:100% !important;}
}
.flex{display:flex; flex-wrap:wrap !important;}
.flex-tl{justify-content:flex-start !important;}
.flex-tr{justify-content:flex-end !important;}
.flex-tc{justify-content:center !important;}
.flex-tj{justify-content:space-between !important;}
.flex-vc{align-items:center !important;}
.flex-vt{align-items:flex-start !important;}
.flex-vb{align-items:flex-end !important;}
.flex-0{flex:none !important; -webkit-flex:none;}
.flex-1{flex:1 !important; -webkit-flex:1; min-width:0 !important;}
.g0{gap:var(--pixel-0) !important;}
.g2{gap:var(--pixel-2) !important;}
.g3{gap:var(--pixel-3) !important;}
.g7{gap:var(--pixel-7) !important;}
.tc{text-align:center !important;}
.tl{text-align:left !important;}
.tr{text-align:right !important;}
.d-block{display:block !important;}
.d-inline-block{display:inline-block !important;}
.d-hidden{display:none !important;}
.ft-active{color:var(--color-active) !important;}
.ft-blue{color:var(--color-blue) !important;}
.ft-purple{color:var(--color-purple) !important;}
.ft-red{color:var(--color-red) !important;}
.ft-orange{color:var(--color-orange) !important;}
.ft-green{color:var(--color-green) !important;}
.ft-white{color:var(--color-white) !important;}
.ft-black{color:var(--color-black) !important;}
.ft-gray-500{color:var(--color-gray-500) !important;}
.ft-gray-600{color:var(--color-gray-600) !important;}
.ft-gray-700{color:var(--color-gray-700) !important;}
.bg-active{background:var(--color-active) !important;}
.bg-blue{background:var(--color-blue) !important;}
.bg-purple{background:var(--color-purple) !important;}
.bg-pink{background:var(--color-pink) !important;}
.bg-red{background:var(--color-red) !important;}
.bg-orange{background:var(--color-orange) !important;}
.bg-yellow{background:var(--color-yellow) !important;}
.bg-green{background:var(--color-green) !important;}
.bg-cyan{background:var(--color-cyan) !important;}
.bg-white{background:var(--color-white) !important;}
.bg-black{background:var(--color-black) !important;}
.bg-warning{background:var(--color-warning) !important;}
.bg-success{background:var(--color-success) !important;}
.bg-gray-600{background:var(--color-gray-600) !important;}
.bg-gray-700{background:var(--color-gray-700) !important;}
.bg-gray-800{background:var(--color-gray-800) !important;}
.btn-active{background:var(--color-active) !important;}
.btn-purple{background:var(--color-purple) !important;}
.btn-red{background:var(--color-red) !important;}
.btn-orange{background:var(--color-orange) !important;}
.btn-cyan{background:var(--color-cyan) !important;}
.btn-white{background:var(--color-white) !important; color:var(--color-black) !important;}
.btn-black{background:var(--color-black) !important;}
.btn-warning{background:var(--color-warning) !important;}
.btn-success{background:var(--color-success) !important;}
.btn-gray-600{background:var(--color-gray-600) !important;}
.btn-gray-800{background:var(--color-gray-800) !important;}
.btn-gray-400-outline{border:1px solid; border-color:var(--color-gray-400) !important; color:var(--color-gray-600) !important; background:var(--color-white);}
.btn-gray-400-outline:hover{background:var(--color-gray-400) !important; color:var(--color-gray-900) !important;}
.dark-mode .btn-gray-400-outline{background:var(--color-gray-400) !important; color:var(--color-gray-900) !important;}