.quick_area {
	position: fixed;
    right: 60px;
    bottom: 80px;
    z-index: 110;
    cursor: pointer;
    animation: bounce 2s infinite cubic-bezier(0.28, 0.84, 0.42, 1);
    width: clamp(60px, 3.65vw, 70px);
}
.quick_area .quick_link {
  height:  clamp(60px, 3.65vw, 70px);
  width: 100%;
  margin-top: clamp(10px, 1.04vw, 20px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(25px, 1.56vw, 30px);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.45);
  border-radius: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
}
.quick_area .quick_link.youtube {
  box-shadow:none;
  border-radius:initial;
}
.quick_area .quick_link::after { 
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(-30%, 0);
	transform: translate(-30%, 0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: clamp(25px, 1.56vw, 30px);
}
.quick_area .quick_link:hover:after {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	background-color: rgba(255, 255, 255, 0.2);
}

.quick_area .quick_link.youtube::after { 
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.quick_area .quick_link.youtube:hover::after { 
	background-color:transparent;
}

.quick_area .quick_link.counsel,
.quick_area .quick_link.counsel::after {
  background-image: url(../img/quick_counsel_ico.png);
  background-color:#477B7A;
}
.quick_area .quick_link.kakao,
.quick_area .quick_link.kakao::after {
  background-image: url(../img/quick_kakao_ico.png);
  background-color:#371D1E;
}
.quick_area .quick_link.tell,
.quick_area .quick_link.tell::after {
  background-image: url(../img/quick_tell_ico.png);
  background-color:#AEB361;
}
.quick_area .quick_link.go_top,
.quick_area .quick_link.go_top::after {
  background-image: url(../img/quick_go_top_ico.png);
  background-color:#eee;
}

.quick_area .quick_link.youtube,
.quick_area .quick_link.youtube::after {
  background-image: url(/szp/img/i_youtube01.png);
  background-size:100%;
}


@media (max-width: 750px) {
	.quick_area {
		right: clamp(10px, 5.33vw, 40px);
		bottom: clamp(20px, 8.00vw, 60px);
		width: clamp(50px, 9.33vw, 70px);
	}
	.quick_area .quick_link {
		height:  clamp(50px, 9.33vw, 70px);
		margin-top:clamp(5px, 2.67vw, 20px);
		background-size: clamp(20px, 4.00vw, 30px);
	}
	.quick_area .quick_link::after { 
	    background-size: clamp(20px, 4.00vw, 30px);
	}
}