@charset "utf-8";

/* 참고: 
    https://developer.mozilla.org/ko/docs/Web/CSS/Reference/Properties/flex
    https://leecherry.tistory.com/10 
*/

.d-flex { display: flex; }

.flex-nowrap { flex-wrap: nowrap; } /* default */
.flex-wrap { flex-wrap: wrap; }

.flex-row { flex-direction: row; }  /* default */
.flex-column { flex-direction: column; } 

.flex-row-gap-1 { row-gap: 1rem; }
.flex-column-gap-1 { column-gap: 1rem; }

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

.align-items-stretch { align-items: stretch; } /* default */
.align-items-center { align-items: center; } 

.flex-fill { flex: 1 1 auto; } /* (= flex: <flex-grow> <flex-shrink> <flex-basis>;) */

.flex-flow { flex-flow: row nowrap; } /* (= flex-flow: <flex-direction> <flex-wrap>;) */