/* Align */
	.ac {text-align:center;}
	.ar {text-align:right;}
	.al {text-align:left;}
	.txt-left {text-align:left !important;}
	.of {overflow:hidden;}
	.pr {position:relative;}
	.ec {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
	.tal,
	.tal th,
	.tal td {padding:0; text-align:left;}
	th.ac,
	td.ac,
	.ac th,
	.ac td {padding-left:0 !important; padding-right:0 !important; text-align:center;}
	.vam {vertical-align:middle;}

/* Breakpoint */
	.mobile {display:none !important;}

/* Color */
	/* Background */
		.bg-mc {background:var(--mc);}
		.bg-nvi {background:var(--moc);}
		.bg-tra,
		.bg-tra:hover {background:transparent !important;}
		.bg-blu {background:#0087FF;}
		.bg-pnk {background:#FF4B6C;}
		.bg-gry {background:#8E9192;}
		.bg-gry02 {background:#5e5d67;}
		.bg-lgry {background:#F2F4F4;}
		.bg-lgry02 {background:#f1f1f1;}
		.bg-lgry03 {background:#EFF1F1;}
		.bg-org {background:#FC941A;}
		.bg-sky {background:#DFEFFA;}
		.bg-wht {background:white;}
		.bg-red {background:#FF5449;}
		.bg-green {background:#12a035;}
		.bg-yellow {background:#ffb800;}
		.bg-rose {background:#e5378b;}

	/* Font Color */
		.cr-mn {color:var(--mc);}
		.cr-moc {color:var(--moc);}
		.cr-cr {color:var(--initcr);}
		.cr-000 {color:#000;}
		.cr-fff {color:#fff !important;}
		.cr-555 {color:#555;}
		.cr-999 {color:#999;}
		.cr-gray {color:#747878;}
		.cr-lgry {color:#8E9192;}
		.cr-lgry02 {color:#cacaca;}
		.cr-lgry03 {color:#5C5F5F;}
		.cr-gry {color:#393C3D;}
		.cr-dgry {color:#444748;}
		.cr-dgry02 {color:#191c1d;}

		.cr-blu {color:#005EB4;}
		.cr-lblu {color:#3B4ED6;}
		.cr-dblu {color:#003469;}
		.cr-red {color:#FF5449;}
		.cr-dred {color:#BA1A1A;}
		.cr-lgrn {color:#00BF2F;}
		.cr-emr {color:#00B1B1;}
		.cr-sky {color:#0087FF;}
		.cr-dylw {color:#B7A920;}
		.cr-pur {color:#6F3CD2;}

/* Debug */
	.pop-debug {display:block !important; overflow-y:auto; position:fixed; left:0; top:0; background:white; width:100vw; height:100vh; z-index:99999;}

/* Dimmed */
	.dimmed:before {content:""; position:fixed; left:0; top:0; width:100vw; height:100vh; background:#00000033; z-index:-1;}

/* Divider */
	[class*="divider"] {border-top: 1px solid #EFF1F1;}
	.divider-full {width:100vw;}
	
/* Ellipsis */
	[class*="elps-"] {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; word-break:break-all;}
	.elps-02 {-webkit-line-clamp:2;}
	.elps-03 {-webkit-line-clamp:3;}
	.elps-04 {-webkit-line-clamp:4;}

/* ETC */
	.reset {all: revert;}
	.wa {width:auto !important;}
	.ttu {text-decoration:underline;}
	.h100 {height:100%;}
	.not-hover { cursor: default;}
	.cursor { cursor: pointer;}

/* Flex Layout */
	[class*="fx-"] {display:flex; max-width:100%; word-break:keep-all;}
	span[class*="fx-"] {display:inline-flex;}
	.fx-col {flex-direction:column;}
	.fx-row {flex-direction:row;}
	.fx-fix {flex:0 0 fit-content;}
	.fx-fa {flex:0 0 auto;}
	.fx-i {display:inline-flex;}
	.fx-1 > *,
	.fx-1 {flex:1;}
	.fx-2 {flex:0 0 66%;}
	[class*="fx-"][class*="jcsb"] {justify-content:space-between;}
	.fx-jcsa {justify-content:space-around;}
	.fx-jcfe {justify-content:flex-end;}
	.fx-jcfs {justify-content:flex-start;}
	.fx-jcc {justify-content:center !important;}
	.fx-aic {align-items:center;}
	.fx-aife {align-items:flex-end;}
	.fx-aifs {align-items:flex-start;}
	.fx-asc {align-self:center;}
	.fx-fdc {flex-direction:column;}
	.fx-c {justify-content:center; align-items:center; text-align:center;}
	.fx-jsbic {justify-content:space-between; align-items:center;}
	.fx-nw {flex-wrap: nowrap;}
	.fx-wrap { flex-wrap: wrap;}

/* Font Size */
	.fs-13 {font-size:13px;}
	.fs-14 {font-size:14px;}
	.fs-15 {font-size:15px;}
	.fs-16 {font-size:16px;}
	.fs-18 {font-size:18px;}
	.fs-20 {font-size:20px;}
	.fs-24 {font-size:24px;}
	
/* Font Weight */
	.fwn {font-weight:400;}

/* Gap */
	[class*="gap-"] {display:flex;}
	.gap-6 {gap:6px;}
	.gap-10 {gap:10px;}
	.gap-12 {gap:12px;}
	.gap-15 {gap:15px;}
	.gap-16 {gap:16px;}
	.gap-18 {gap:18px;}
	.gap-20 {gap:20px;}
	.gap-24 {gap:24px;}
	.gap-30 {gap:30px;}
	.gap-50 {gap:50px;}

/* Grid Layout */
	[class*="gr-"] {display:grid;}

	.gr-col-02 {grid-template-columns: repeat(2, 1fr) !important;}
	.gr-col-03 {grid-template-columns: repeat(3, 1fr);}
	.gr-col-04 {grid-template-columns: repeat(4, 1fr);}
	.gr-col-05 {grid-template-columns: repeat(5, 1fr);}
	.gr-col-06 {grid-template-columns: repeat(6, 1fr);}
	
/* Hide */
	.hide, .blind {display:none;}
	
/* Interval */	
	.mt0 {margin-top:0 !important;}
	.mt10 {margin-top:10px !important;}
	.mt12 {margin-top:12px !important;}
	.mt15 {margin-top:15px;}
	.mt20 {margin-top:20px !important;}
	.mt22 {margin-top:22px !important;}
	.mt24 {margin-top:24px;}
	.mt30 {margin-top:30px !important;}
	.mt32 {margin-top:32px !important;}
	.mt40 {margin-top:40px;}
	.mt50 {margin-top:50px !important;}
	.mt60 {margin-top:60px;}
	.mt80 {margin-top:80px;}

	.mb20 { margin-bottom: 20px !important;}
	.mb40 { margin-bottom: 40px !important;}

	.ml30 {margin-left:30px;}

	.mt-1 {margin-top:-1px !important;}
	.mt-20 {margin-top:-20px !important;}

	.pb100 { padding-bottom: 100px !important;}

/* No */
	.no-bdr-l {border-left:none !important;}
	.no-bdrr {border-radius:0;}
	.no-bg {background:none;}
	.no-pad {padding:0;}
	.no-lr-pad {padding-left:0; padding-right:0;}
	
/* Position */
	.pst-sticky {position:sticky; left:0;}

/* Skeleton */
	.skeleton { width: 100%; padding: 10px; background: #ebebeb;}