/* 정적 레이아웃 유틸리티 (Tailwind 미사용, 접두어 ls-) */
.ls-flex{display:flex}
.ls-flex-col{flex-direction:column}
.ls-flex-wrap{flex-wrap:wrap}
.ls-gap-12{gap:3rem}
.ls-gap-3{gap:0.75rem}
.ls-gap-6{gap:1.5rem}
.ls-gap-8{gap:2rem}
.ls-gap-x-6{column-gap:1.5rem}
.ls-gap-y-12{row-gap:3rem}
.ls-grid{display:grid}
.ls-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ls-items-center{align-items:center}
.ls-items-end{align-items:flex-end}
.ls-justify-between{justify-content:space-between}
.ls-mt-10{margin-top:2.5rem}
.ls-mt-12{margin-top:3rem}
.ls-mt-16{margin-top:4rem}
.ls-mt-2{margin-top:0.5rem}
.ls-mt-20{margin-top:5rem}
@media (min-width:768px){
.ls-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ls-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
.ls-lg\:gap-20{gap:5rem}
.ls-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ls-lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ls-lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ls-lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}