/* ==== 20-base/cds-responsive-utilities.css ==== */
/* css/v2 — 직접 수정하는 원본. 순서는 bundle-order.txt. */
/* 반응형 단일 클래스 유틸리티는 벤더 뒤의 [utilities]에서 로드한다.
 * 같은 명시도와 !important를 가진 벤더 규칙보다 뒤에서 적용하기 위함이다.
 * 컴포넌트 복합 셀렉터와 기존 base 유틸리티는 core에 유지한다.
 * 원래 규칙 순서, 미디어 조건, 중복 정의와 선언 원문을 보존한다. */
@media (max-width: 1023px) {
.cds-mm-w-100 {
width: 100% !important;
}
}
@media (max-width: 1023px) {
.cds-mm-block {
display: block;
}
}
@media (min-width: 1024px) {
.cds-mm-block {
display: none !important;
}
}
@media (max-width: 1023px) {
.cds-mm-hidden {
display: none !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-100 {
width: 100% !important;
}
}
@media (max-width:1023px) {
.cds-mm-mw-100 {
max-width: 100% !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-80 {
width: 80% !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-50 {
width: 50% !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-20 {
width: 20% !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-100px {
width: 100px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-125px {
width: 125px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-150px {
width: 150px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-175px {
width: 175px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-200px {
width: 200px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-225px {
width: 225px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-250px {
width: 250px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-275px {
width: 275px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-300px {
width: 300px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-325px {
width: 325px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-350px {
width: 350px !important;
}
}
@media (max-width:1023px) {
.cds-mm-minw-350px {
min-width: 350px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-375px {
width: 375px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-400px {
width: 400px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-425px {
width: 425px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-450px {
width: 450px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-475px {
width: 475px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-500px {
width: 500px !important;
}
}
@media (max-width:1023px) {
.cds-mm-w-550px {
width: 550px !important;
}
}
@media (max-width:1023px) {
.cds-mm-h-100px {
height: 100px !important;
}
}
@media (max-width: 1023px) {
.cds-mm-border-none {
border: none !important;
}
}
@media (max-width: 1023px) {
.cds-mm-d-none {
display: none !important;
}
}
@media (max-width: 1023px) {
.cds-mm-d-sticky,
    .cds-mm-sticky {
position: sticky !important;
}
}
@media (max-width: 1023px) {
.cds-mm-d-top-0 {
top: 0 !important;
}
}
@media (max-width: 1023px) {
.cds-mm-mx-1 {
margin-left: 2px !important;
        margin-right: 2px !important;
}
}
@media (max-width: 1023px) {
.cds-mm-mx-2 {
margin-left: 4px !important;
        margin-right: 4px !important;
}
}
@media (max-width: 1023px) {
.cds-mm-mx-3 {
margin-left: 8px !important;
        margin-right: 8px !important;
}
}
@media (max-width: 1023px) {
.cds-mm-mx-4 {
margin-left: 12px !important;
        margin-right: 12px !important;
}
}
@media (max-width: 1023px) {
.cds-mm-mx-5 {
margin-left: 16px !important;
        margin-right: 16px !important;
}
}
@media (max-width: 1023px) {
.cds-mm-cc-2 {
padding: 16px;
}
}
@media (max-width: 1023px) {
.cds-mm-0 {
width: 0 !important;
}
}
@media (max-width: 760px) {
.cds-mm-flex-column {
flex-direction: column;
}
}
@media( min-width: 1023px) {
.cds-dd-border-none {
border: none !important;
}
}
@media (min-width: 1024px) {
.cds-dd-d-none {
display: none !important;
}
}
@media (min-width: 1024px) {
.cds-dd-d-sticky,
    .cds-dd-sticky {
position: sticky !important;
}
}
@media (min-width: 1024px) {
.cds-dd-d-top-0 {
top: 0 !important;
}
}
@media (min-width: 1024px) {
.cds-dd-d-top-16px {
top: 16px !important;
}
}
@media (min-width: 1024px) {
.cds-dd-mx-1 {
margin-left: 2px !important;
        margin-right: 2px !important;
}
}
@media (min-width: 1024px) {
.cds-dd-mx-2 {
margin-left: 4px !important;
        margin-right: 4px !important;
}
}
@media (min-width: 1024px) {
.cds-dd-mx-3 {
margin-left: 8px !important;
        margin-right: 8px !important;
}
}
@media (min-width: 1024px) {
.cds-dd-mx-4 {
margin-left: 12px !important;
        margin-right: 12px !important;
}
}
@media (min-width: 1024px) {
.cds-dd-mx-5 {
margin-left: 16px !important;
        margin-right: 16px !important;
}
}
@media (min-width: 1024px) {
.cds-dd-cc-2 {
padding: 16px;
}
}
@media (min-width: 1024px) {
.cds-dd-h-200px {
height: 200px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-100px {
width: 100px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-125px {
width: 125px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-150px {
width: 150px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-256px {
width: 256px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-300px {
width: 300px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-320px {
width: 320px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-480px {
width: 480px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-620px {
width: 620px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-640px {
width: 640px !important;
}
}
@media (min-width: 1024px) {
.cds-dd-w-720px {
width: 720px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-760px {
width: 760px !important;
}
}
@media (min-width: 1024px) {
.cds-dd-w-800px {
width: 800px;
}
}
@media (min-width: 1024px) {
.cds-dd-w-1000px {
width: 1000px;
}
}