@media (max-width:767px) {
    #course_view .view_info1 .c_img {text-align:center;}
    #course_view .view_info1 .c_button_list {display:table-cell; height:40px; vertical-align:bottom; text-align:center; padding:10px 0 20px 0;}
    #course_view .view_info1 .tag {padding:0 0 10px 0;}
    #course_view .view_info2 .fb {text-align:center;}
    
    #mycourse_view .view_info1 .c_img {text-align:center;}
    #mycourse_view .view_info1 .c_button_list {display:table-cell; height:40px; vertical-align:bottom; text-align:center; padding:10px 0 20px 0;}
    #mycourse_view .view_info2 .fb {text-align:center;}
}

@media (max-width:991px) { 
	/** Respond 1.4.2 patch for IE8 **/
	#courseinfo .content2 div div {display:table-cell; height:35px; vertical-align:middle;}
	#courseinfo .content_img {height:65px;display:table-cell; vertical-align:middle;}
	#courseinfo .sbj {padding:3px 1px 3px 1px;}
	#courseinfo .sbj a {color:#3f3f3f; font-weight:bold;}
	#courseinfo .price {padding:5px 0 0 1px; text-align:left; width:auto; min-width:50px;}
	#courseinfo .period {padding:5px 0 0 10px; text-align:left; width:auto; min-width:90px;}
	#courseinfo .state {padding:5px 0 0 1px; text-align:left; width:auto; min-width:60px;}
	#courseinfo .score {padding:5px 0 0 10px; text-align:left; width:auto; min-width:40px; max-width:100%;}
	#courseinfo .reg_date {padding:5px 0 0 10px; text-align:left; width:auto; min-width:0; max-width:100%;}
	
	#courseinfo .buttons .pagebox01 {margin-top:20px; padding:0;}
}