/* BASIC css start */
#aside { overflow: hidden; width: 170px;  float: left;}


.shop-cate { width: 150px;}

#aside .hd {  color: #5B5B5B; font-size: 14px; font-weight: bold; color: #4B4B4B; font-family: Tahoma; text-decoration:none; border-bottom:0px solid #D7D7D7 }

#aside .snb { padding: 10px 0 20px; border-top: 0px solid #dbdbdb; }

#aside .snb li { padding: 5px 0 0px 0px; }

#aside .snb li a {  word-wrap: break-word;  color: #5B5B5B; font-size: 14px; font-weight: bold; color: #4B4B4B; font-family: Tahoma; text-decoration:none; }

#aside .snb li a:hover { color: #A1A1A1;   }

#floatingBanner {
  position: fixed;
  top: 120px;         /* 상단에서 120px 위치 */
  right: 10px;        /* 우측에서 10px 위치 */
  width: 150px;       /* 배너 너비 축소 */
  z-index: 999;
  animation: floatUpDown 3s ease-in-out infinite;
}

#floatingBanner img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
}

#floatingBanner img:hover {
  transform: scale(1.05);
}

@keyframes floatUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); } /* 살짝 더 부드럽게 */
}


#qrFloatingBanner {
  position: fixed;
  right: 10px;
  bottom: 20px;       /* 기존 배너보다 더 아래쪽 */
  width: 130px;       /* 적당한 크기 */
  z-index: 998;       /* 기존 배너보다 살짝 낮게 */
  animation: floatUpDownQR 3s ease-in-out infinite;
}

#qrFloatingBanner img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
}

#qrFloatingBanner img:hover {
  transform: scale(1.05);
}

@keyframes floatUpDownQR {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
/* BASIC css end */