/* BASIC css start */
/* === »çÀÌÁî ÇÊÅÍ 2ÁÙ ·¹À̾ƿô (B¾È) === */
#catFilter .filter-sizes{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:6px;
  padding:6px 0;
}
#catFilter .filter-sizes .fs{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:56px;
  padding:4px 6px;
  border:1px solid #d9d9d9;
  border-radius:4px;
  background:#fff;
  cursor:pointer;
  line-height:1.2;
  text-align:center;
  box-sizing:border-box;
  position:relative;
  transition:border-color .15s, background .15s, color .15s;
}
#catFilter .filter-sizes .fs:hover{ border-color:#222; }
#catFilter .filter-sizes .fs input[type="checkbox"],
#catFilter .filter-sizes .fs input[type="radio"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
#catFilter .filter-sizes .fs .size-main{
  font-size:11px;
  white-space:nowrap;
}
#catFilter .filter-sizes .fs .size-sub{
  font-size:11px;
  color:#888;
  margin-top:2px;
  white-space:nowrap;
}
/* üũµÈ »óÅ */
#catFilter .filter-sizes .fs.is-checked{
  border-color:#222;
  background:#222;
}
#catFilter .filter-sizes .fs.is-checked .size-main{ color:#fff; }
#catFilter .filter-sizes .fs.is-checked .size-sub{ color:#bbb; }
/* BASIC css end */