<script>	
//현재 윈도우 창크기 구하기
var windowWidth = $( window ).width();

var filter = "win16|win32|win64|mac|macintel";
if ( navigator.platform ) {
	
        //접속시 모바일 접속일 경우 
	if ( filter.indexOf( navigator.platform.toLowerCase() ) < 0 ) {
		//모바일 접속
		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");	
		
		
		$(".product_list_img_div").addClass("col-12");
		
		
		mediCustomQuery(windowWidth);
		
	}else{  //접속시 pc 접속 일 경우
		

		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");
		
		$(".product_list_img_div").addClass("col-3");
		
		mediCustomQuery(windowWidth);
	}
		
}




//윈도우 창 조절시  호출
$(window).resize(function() {	
	var w=$(window).width();	
	mediCustomQuery(w);
});

function mediCustomQuery(w){
	if(w >=1600) {
		
		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");
		
		$(".product_list_img_div").addClass("col-3");
		
	}else if(  1320<= w && w <1600 ){
		
		
		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");		
		
		
		$(".product_list_img_div").addClass("col-4");

	}else if(  1075< w && w < 1320 ){
	
		
		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");	
		
		
		$(".product_list_img_div").addClass("col-6");
		
	}else if(  361<= w && w < 599 ){
		//모바일에서 세로방향 전환시   360에서  > 598 크기
		
		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");	
		
		
		$(".product_list_img_div").addClass("col-6");	
		
	}else{

		$(".product_list_img_div").removeClass("col-3");
		$(".product_list_img_div").removeClass("col-4");
		$(".product_list_img_div").removeClass("col-6");
		$(".product_list_img_div").removeClass("col-12");	
		
		
		$(".product_list_img_div").addClass("col-12");		
	}
}
</script>