@charset "utf-8";

#r_quickmenu{position:fixed;right:26px;bottom:40px;z-index:50;display:flex;flex-direction:column;align-items:center;gap:14px}
#r_quickmenu li a{display:flex;align-items:center;justify-content:center;width:26px;aspect-ratio:1;border-radius:5px;background-color:transparent;transition:background-color 0.2s}
#r_quickmenu li.link--sns a{width: auto;}
#r_quickmenu li a.quick_tel{background-color:var(--primary);font-size:17px;color:#fff}
#r_quickmenu li a.quick_store img{width:26px}
#r_quickmenu li a.quick_instagram img{width:26px}
#r_quickmenu li a.quick_kakao img{width:26px}
#r_quickmenu li #toTop{background-color:#fff}
#r_quickmenu li #toTop img{width:17px}
#r_quickmenu li #toTop:hover img{animation:topArrow 1s ease-in-out infinite}

#r_quickmenu li a.quick_tel:hover i{animation:telSwing 0.6s ease-in-out infinite}
@keyframes topArrow {
0%, 100% {transform:translateY(0)}
25% {transform:translateY(-2px)}
75% {transform:translateY(2px)}
}
@keyframes telSwing {
0%, 100% { transform:rotate(0deg)} 
20% { transform:rotate(-8deg)}     
40% { transform:rotate(6deg)}    
60% { transform:rotate(-4deg)}      
80% { transform:rotate(3deg)}      
}

/* 반응형 [s] */
@media (max-width:1600px){
#r_quickmenu{right:20px;bottom:25px}
}
/* 반응형 [e] */