/*
세로모드 모바일 디바이스 (가로 해상도가 576px 보다 작은 화면에 적용)
col-

*/
@media (max-width: 575px) {

}

/*
가로모드 모바일 디바이스 (가로 해상도가 576px보다 크고 768px 보다 작은 화면에 적용)
col-sm-
*/
@media (min-width: 576px) and (max-width: 767px) {

}

/*
태블릿 디바이스 (가로 해상도가 768px보다 크고 991px 보다 작은 화면에 적용)
col-md-
*/
@media (min-width: 768px) and (max-width: 991px) {

}

/*
데스크탑 (가로 해상도가 992px보다 크고 1199px 보다 작은 화면에 적용)
col-lg-
*/
@media (min-width: 992px) and (max-width: 1199px) {

}


/*
큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용)
col-xl-
*/
@media (min-width: 1200px) {

}