.ft-btn {
	top: 35%;
}

.ft-btn > div {
     position: relative;
}
.ft-btn > div > a {
	position: relative;
}
.ft-btn > div > a > p {
	display: none;
	width: 150%;
	height: auto;
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	position: absolute;
	top: 45%;
	left: -180%;
	transform: translateY(-50%);
	transition: 2s;
	color: #666;
	background-color: #fff;
	line-height: 2;
	padding: 2% 10%;
	border-radius: 20px;	
	box-shadow: 0px 3px 7px 0 rgb(0 0 0 / 30%);
}
/* SEOYA0628 다시 작성 위해 가림 원본임
.ft-btn > div:first-child > a {
	background: url(../img/btn/ex7.png)no-repeat 0 0/ contain;
}

.ft-btn > div:nth-child(2) > a {
	background: url(../img/btn/ex6.png)no-repeat 0 0/ contain;
}

.ft-btn > div:nth-child(2) > a {
	background: url(../img/btn/ka.png)no-repeat 0 0/ contain;
}
.ft-btn > div:nth-child(3) > a {
	background: url(../img/btn/na.png)no-repeat 0 0/ contain;
}

.ft-btn > div:nth-child(4) > a {
	background: url(../img/btn/call.png)no-repeat 0 0/ contain;
}
.ft-btn > div:nth-child(5) > a {
	background: url(../img/btn/ex8.png)no-repeat 0 0/ contain;
}
.ft-btn > div:last-child > a {
	background: url(../img/btn/ex8.png)no-repeat 0 0/ contain;
}
*/


.ft-btn .adex a {
	background: url(../img/btn/ex7.png)no-repeat 0 0/ contain;
}

.ft-btn .kakao a {
	background: url(../img/btn/ka.png)no-repeat 0 0/ contain;
}
.ft-btn .naver a {
	background: url(../img/btn/na.png)no-repeat 0 0/ contain;
}

.ft-btn .call a {
	background: url(../img/btn/call.png)no-repeat 0 0/ contain;
}
.ft-btn .join a {
	background: url(../img/btn/ex8.png)no-repeat 0 0/ contain;
}
.ft-btn .join-mo a {
	background: url(../img/btn/ex8.png)no-repeat 0 0/ contain;
}








.ft-btn > div > a:hover {
	display: inline-block;
	width: 100%;
	padding-bottom: 10%;
}
.ft-btn > div > a:hover > p {
	display: block;
}
.join-mo{
	display: none;
}

@media(max-width: 1420px) {
	.ft-btn {
		top: 26%;
	}
}

@media(max-width: 760px) {
	.ft-btn > div > a:hover > p {
		display: none;
		}
		.ft-btn {
			top: 30%;
		}
}
/*모바일 사이즈를 760px로 맞추기 위해 가림+모바일버전 문의 필요없음
@media(max-width: 650px) {
	.ft-btn {
		top: 40%;
	}
	.join-mo{		
		display: block;
	}
	.join{		
		display: none;
	}
}*/

@media(max-width: 520px) {
	.ft-btn > div > a:hover > p {
		display: none;
	}
}

@media(max-width: 430px) {
	.ft-btn {
		top: 32%;
		right: -5.5%;
	}
}

.ft-btn div:nth-child(2) > a{background:none;}
.ft-btn div:nth-child(2){display:block;position:absolute;top:-100px;right:27px;width:85px;height:85px;background:url(../img/btn/btn_card.png)top left no-repeat;background-size: 100%;filter: drop-shadow(0px 0px 4px rgb(0,0,0,0.6));pointer-events: none;z-index:999;

	animation: ani01_card 5s ease 0s infinite normal;
	-webkit-animation: ani01_card 5s ease 0s infinite normal;
	-moz-animation: ani01_card 5s ease 0s infinite normal;
	-o-animation: ani01_card 5s ease 0s infinite normal;
	-ms-animation: ani01_card 5s ease 0s infinite normal;

}
@keyframes ani01_card{
0% {right:-150px;opacity: 0;}
8%{right:50px;opacity: 1;}
15%{right:27px;opacity: 1;}
20%,35%{transform: rotate(0deg)}
23%,29%{transform: rotate(-3deg)}
26%,32%{transform: rotate(3deg)}
}


/*사이드 메뉴 전화부분 PC에서만 클릭 이벤트 비활성화*/


@media(min-width: 600px) {
.ft-btn > .call > a {
	pointer-events : none;
	cursor: default;
	}
.ft-btn > .call:hover > a > p {
		display: block;
	}
}



/*사이드 메뉴 전화부분 아이콘 크기 확대*/
.ft-btn > .call {
	width: 85px;
	height: 85px;
}

.ft-btn > .call > a {
    width: 85px;
    height: 85px;
    right: 10%;
}

.ft-btn > div {
	margin: 13% 0;
}

.ft-btn > .call > a > p {
	width:120%;
	left:-157%;
}

.ft-btn > div > a > p {
	left: -190%;
	padding: 5% 15% 0;
}