/*floating banner 반응형 처리*/

#quick{position: fixed; bottom: auto; left: 5%;  background-size: contain; background-repeat: no-repeat; cursor:pointer;}
#quick2{position: fixed; bottom: auto; left: 5%; background-size: contain; background-repeat: no-repeat;}


@media screen and (max-height: 600px){        
	#quick{top: 354px; width: 130px; height: 50px;}
   	#quick2{top: 378px; width: 128px; height: 129px;}
}
        
@media screen and (min-height: 601px){        
	#quick{top: 401px; width: 150px; height: 50px;}
   	#quick2{top: 428px; width: 150px; height: 129px;}
}

@media screen and (min-height: 650px){        
	#quick{top: 381px; width: 150px; height: 50px;}
   	#quick2{top: 408px; width: 150px; height: 129px; }
}
        
@media screen and (min-height: 700px){        
	#quick{top: 431px; width: 150px; height: 50px;}
   	#quick2{top: 458px; width: 150px; height: 129px;}
}

@media screen and (min-height: 750px){        
	#quick{top: 451px; width: 150px; height: 50px;}
   	#quick2{top: 478px; width: 150px; height: 129px;}
}

@media screen and (min-height: 800px){        
	#quick{top: 471px; width: 150px; height: 50px;}
   	#quick2{top: 498px; width: 150px; height: 129px;}
}
        
@media screen and (min-height: 1000px){        
	#quick{top: 702px; width: 150px; height: 50px;}
   	#quick2{top: 728px; width: 150px; height: 129px;}
}
        
@media screen and (min-height: 1300px){        
	#quick{top: 1003px; width: 150px; height: 50px;}
   	#quick2{top: 1028px; width: 150px; height: 129px;}
}