.shadow-xs {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;}
.shadow-sm {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;}
.shadow-DEFAULT {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;}
.shadow-md {box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;}
.shadow-lg {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);}
.shadow-xl {box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important;}
.shadow-2xl {box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;}
.shadow-inner {box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;}
.shadow-none {box-shadow: none !important;}

/* begin: media queries - Bootstrap breakpoint 기준
기본 CSS        → 모바일/공통 기본
max-width: 991.98px -> lg 미만 전체
max-width 575  → xs 전용
min 576~767.98 → sm 전용
min 768~991.98 → md 전용
min 992~1199.98 → lg 전용
min 1200~1399.98 → xl 전용
min 1400 → xxl 전용
*/
@media (max-width: 991.98px) {
}

@media (max-width: 575px) {
  .shadow-lg {box-shadow: none !important;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (min-width: 992px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
}

@media (min-width: 1400px) {
}
/* end: media queries */