/* Flex 기본 설정 */
.flex {
	display: flex;
}

.inline-flex {
	display: inline-flex;
}

/* 방향 */
.flex-row {
	flex-direction: row;
}

.flex-column {
	flex-direction: column;
}

/* 정렬 */
.align-center {
	align-items: center;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-baseline {
	align-items: baseline;
}

.align-stretch {
	align-items: stretch;
}

.justify-center {
	justify-content: center;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-evenly {
	justify-content: space-evenly;
}

/* Flex Wrap */
.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}

/* Gap */
.gap-1 {
	gap: 4px;
}

.gap-2 {
	gap: 8px;
}

.gap-3 {
	gap: 12px;
}

.gap-4 {
	gap: 16px;
}

.gap-5 {
	gap: 20px;
}
.gap-6 {
	gap: 24px;
}
.gap-7 {
	gap: 28px;
}
.gap-8 {
	gap: 32px;
}
.gap-9 {
	gap: 36px;
}
.gap-10 {
	gap: 40px;
}

/* Align Self */
.self-center {
	align-self: center;
}

.self-start {
	align-self: flex-start;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

/* Flex Grow, Shrink */
.flex-grow-0 {
	flex-grow: 0;
}

.flex-grow-1 {
	flex-grow: 1;
}

.flex-shrink-0 {
	flex-shrink: 0;
}

.flex-shrink-1 {
	flex-shrink: 1;
}

/* Order */
.order-0 {
	order: 0;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.order-3 {
	order: 3;
}

.order-last {
	order: 9999;
}