사이드 배너 축소/닫기 방법 질문드립니다.

<!-- 플로팅 배너 CSS --> 

<style> 

/* PC 배너1 스타일 */ 

.floBanPc1 { 

 position: fixed; 

 top: 741px; /* 윗쪽 끝에서부터의 거리 */ 

 right: -314px; 

 z-index: 99; 

} 

 

.floBanPc2 { 

 position: fixed; 

 top: 855px; /* 윗쪽 끝에서부터의 거리 */ 

 right: 50px; 

 z-index: 99; 

} 

 

.floBanPc3 { 

 position: fixed; 

 top: 770px; /* 윗쪽 끝에서부터의 거리 */ 

 right: 57px; 

 z-index: 99; 

} 

</style> 

 

<!-- 플로팅 배너 HTML --> 

<!-- 배너배경 --> 

<div class="floBanPc1 hidden-md hidden-sm hidden-xs"> 

 <img src="배너 이미지"> </div> 

 

<!-- 바로가기버튼 --> 

<div class="floBanPc2 hidden-md hidden-sm hidden-xs"> 

 <a href="바로가기 버튼 클릭 시 랜딩 사이트"> 

  <img src="바로가기 버튼"> 

</a> 

</div> 

 

<!-- X 버튼 --> 

<div class="floBanPc3 hidden-md hidden-sm hidden-xs"> 

 <img src="X 버튼"> 

</div>