@charset "utf-8";

#kboard-layout.kboard-sns-list{}
#kboard-layout.kboard-sns-list ul{
  padding: 0; list-style: none;
}
#kboard-layout.kboard-sns-list ul li .list-content .list-arrow{
  display: block;
  width: clamp(40px, 4vw, 57px);
  height: clamp(40px, 4vw, 57px);
  background:#C7E800 url("data:image/svg+xml,%3Csvg id='Component_44_2' data-name='Component 44 – 2' xmlns='http://www.w3.org/2000/svg' width='57' height='57' viewBox='0 0 57 57'%3E%3Crect id='Rectangle_30' data-name='Rectangle 30' width='57' height='57' rx='28.5' fill='none'/%3E%3Cg id='Group_4774' data-name='Group 4774' transform='translate(29.338 37.733) rotate(-135)'%3E%3Cg id='Group_72' data-name='Group 72' transform='translate(12.371 11.873) rotate(180)'%3E%3Cpath id='Path_63' data-name='Path 63' d='M0,11.873V0' transform='translate(5.251)' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath id='Path_64' data-name='Path 64' d='M0,5.251,5.251,0,10.5,5.251' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
  border-radius: 50px;
  transition: .3s ease-out;
}
#kboard-layout.kboard-sns-list ul li:hover .list-content .list-arrow{
  background:#fff url("data:image/svg+xml,%3Csvg id='Component_44_2' data-name='Component 44 – 2' xmlns='http://www.w3.org/2000/svg' width='57' height='57' viewBox='0 0 57 57'%3E%3Crect id='Rectangle_30' data-name='Rectangle 30' width='57' height='57' rx='28.5' fill='none'/%3E%3Cg id='Group_4774' data-name='Group 4774' transform='translate(29.338 37.733) rotate(-135)'%3E%3Cg id='Group_72' data-name='Group 72' transform='translate(12.371 11.873) rotate(180)'%3E%3Cpath id='Path_63' data-name='Path 63' d='M0,11.873V0' transform='translate(5.251)' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath id='Path_64' data-name='Path 64' d='M0,5.251,5.251,0,10.5,5.251' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/cover;
  filter: invert(1);
}

#kboard-layout.kboard-sns-list ul li .list-thumb .list-cate{
  background: #000;
}
#kboard-layout.kboard-sns-list ul li .list-thumb .list-cate.cate-02{
  background: #fff; color: #000;
}

@media (max-width:720px){
  #kboard-layout.kboard-sns-list ul li .list-content{
    gap: 10px;
  }
}