@charset "utf-8";

/* 퀵버튼 */
.quick__02 {position:fixed; bottom:90px; right:30px; z-index: 50;}
.quick__02 .fixed_icon {position:fixed; bottom: 30px; right: 30px; display: inline-block; width: 48px;
  height: 48px; border-radius: 50%; background-color: #32415f; background-image: url('./link.svg'); background-repeat: no-repeat;  background-position: 50% 50%;  background-size:24px 24px; transition: .5s; cursor:pointer; box-shadow: 0 0 10px rgb(0 0 0 / 20%); cursor:pointer;}
.quick__02.active .fixed_icon {background-image: url('./res_menu_close_w.svg'); background-size:24px 24px; }

.quick__02 .inQuick { display: none; opacity: 1; transform: translateY(20px); text-align: center;
  position: relative; z-index: -9999; }
.quick__02.active .inQuick {display: block; animation: transQiuck .5s forwards;}

.quick__02 .inQuick li {margin-bottom: 10px;}
.quick__02 .inQuick li a {display:flex; justify-content: center;
  align-items: center; overflow:hidden; position:relative; width:50px; height:50px;  border-radius: 50px; -webkit-border-radius:50px; background-color:#f8f9f8; font-size:2.8rem; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.quick__02 .inQuick li a img {height:35px;}
.quick__02 .inQuick li:hover a { animation-name: push; animation-duration: .4s; animation-timing-function: linear;  animation-iteration-count: 1;}
.quick__02 .fixed_icon {animation: fixedmove 1.5s infinite linear;}


@keyframes push {
  50% {
    transform: scale(.9);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes transQiuck {
  0% {
    opacity: 0;
    transform: translateY(20px);
    z-index: -9999;
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
    z-index: 9;
  }
}

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



@media(max-width:560px){
  .quick__02 .fixed_icon {bottom: 15px; right: 10px; }
  .quick__02 .inQuick li a { width:50px; height:50px;  border-radius: 30px; -webkit-border-radius:30px;}
  .quick__02 .inQuick li a img.q_mob_icon {display:block;}
  .quick__02 .inQuick li a img.q_pc_icon {display:none;}
}
