@charset "utf-8";
/*퀵버튼*/
.quick { padding:15px 20px;  border-radius:7px; position:fixed; bottom:90px; right:30px; z-index: 10; background: #f8f9f8; box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);  text-align:center; cursor: pointer; text-align:center; opacity: 0; transform: translateY(20px); transition:transform .3s .3s ease-out,opacity .3s .3s ease-out,background-color .3s ease-out;}
.quick a {display:flex; justify-content:center; align-items:center; }
.quick a .quick_icon img { height:30px; padding-right:5px;}

.quick a span {position:relative;font-weight: 700; font-size: 2.8rem;}
.quick a span:after {content: ''; position: absolute; bottom:0; left:0; width:100%; height:8px; background: rgba(0,0,0,.2);}

@keyframes fixedmove {
  0%, 100% { transform:translate(0%,0)}
  50% {transform: translate(0,-15%); }
}

.quick {animation: fixedmove 1.5s infinite linear;}
body.headfixed .quick { opacity: 1;transform: translateY(0);}

@media screen and (max-width:768px){
  .quick { width:60px; height:60px; bottom:70px; right:10px; border-radius:50%; }
  .quick a span {display:none;}
  .quick a .quick_icon img { padding-right:0px; }
}