/** 오른쪽 퀵메뉴 공통 시작 **/
.quick {
  position: absolute;
  text-align: center;
  /*z-index: 9500;*/
  z-index: 1999;
  width: 70px;
  right: 50%;
  margin-right: -720px;
  top: 200px;
}

.scrolled .quick {
  top: 675px;
}

.quick.fixed {
  /*position: fixed;
  top: 175px;*/
}

.quick .link {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  display: inline-block;
  margin-top: 10px;
  border-radius: 50%;
  width: 64px;
  height: 65px;
  overflow: hidden;
}

.quick .link img {
  width: 100%;
  height: 100%;
}

.quick .quick__links {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border: 1px solid #dddddd;
}

.quick .quick__links a {
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
}

.quick .quick__links a:hover {
  background: #47b59d;
}

.quick .quick__links a:hover p {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.quick .quick__links a:last-child {
  border-style: none;
}

.quick .quick__links p {
  letter-spacing: -.075em;
  text-align: center;
  font-size: 0.75rem;
  font-size: #888888;
  line-height: 13px;
}

.quick .quick__links i {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  height: 22px;
  background: no-repeat center;
}
.quick .quick__links a.notice i{background-image:url('/assets/images/ico_event_note.png') ;}
.quick .quick__links a.faq i{background-image:url('/assets/images/ico_quiz.png') ;}
.quick .quick__links a.cyber i{background-image:url('/assets/images/ico_order_approve.png') ;}
.quick .quick__links a.hani i{background-image:url('/assets/images/ico_hani.png');background-size: 22px 22px;}
/** 오른쪽 퀵메뉴 공통 종료 **/