/* 모든 스타일은 css 충돌방지를 위해 .fix을 기준으로 작성 하시면 됩니다. 예) .fix .box {} */
  .fix{position:fixed;z-index:9999;bottom:80px;right:80px;}
.fix ul{gap:13px 0;display:flex;flex-direction:column;}
.fix ul li{width:80px;height:80px;border-radius:75px;background:#f3991f;}
.fix ul li:last-child{background:#000}
.fix ul li a{display:block;display:flex;align-items:center;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;height:100%;}
.fix ul li p{font-size:12px;color:#fff;font-weight:500;text-align:center;}
.fix ul li a img{display:block;margin:0 auto;margin-bottom:5px;}

@media screen and (max-width:1024px){
  .fix{right:0;bottom:0;width:100%;}
  .fix ul{flex-direction:row;}
  .fix ul li{width:25%;height:auto;border-radius:0;}
  .fix ul li a{padding:10px 0}
  .fix ul li img{}
}