/* ============================================================
   랜딩 유틸리티 클래스 — 원본 _ds_bundle.js 주입분 대체(설계 명세 §3.5)
   마크업이 실사용하나 인라인 <style>에 정의가 없던 14종을 여기 직접 정의한다.
   .mla{margin-left:auto} 는 원본 인라인 <style> 정의분이라 landing.css 로
   이식되므로 여기 중복 정의하지 않는다.
   ============================================================ */

.fx { display: flex; }
.ac { align-items: center; }
.jc { justify-content: center; }
.jb { justify-content: space-between; }
/* .col 은 마크업에서 .fx 없이 단독 사용되므로 flex 를 자체 선언한다. */
.col { display: flex; flex-direction: column; }
.wrap { flex-wrap: wrap; }
.f1 { flex: 1; }
.tc { text-align: center; }

.gap8 { gap: 8px; }
.gap10 { gap: 10px; }
.gap12 { gap: 12px; }
.gap24 { gap: 24px; }

.mt12 { margin-top: 12px; }
.mt16 { margin-top: 16px; }