.main-con .top-tit > div {
    display: inline-block;
	animation: tit 0.73s linear infinite alternate;
}

.main-con .top-tit > div:nth-child(2) {
	animation: tit 0.74s linear infinite alternate;
}
.main-con .top-tit > div:nth-child(3) {
	animation: tit 0.75 linear infinite alternate;
}

.main-con .top-tit > div:nth-child(4) {
	animation: tit 0.84s linear infinite alternate;
}
.main-con .top-tit > div:nth-child(5) {
	animation: tit 0.84s linear infinite alternate;
}
.main-con .top-tit > div:last-child {
	animation: tit 0.84s linear infinite alternate;
}

.main-con .top-tit > div.t-arrow {
    display: inline-block;
    width: 80px;
    height: 70px;
	/*padding-bottom: 20%;*/
	/*margin-top: 10%;*/
	position: absolute;
	top: -4%;
	right: -45%;
	background: url(../img/main/t-arr4.png)no-repeat 0 0/ contain;
	z-index:4;
}


@-webkit-keyframes tit  {
	from{
		transform: translateY(50%);
	}
	to{
		transform: translateY(-50%);
	}
}

@media(max-width: 720px) {
	.main-con .top-tit > div.t-arrow {
		width: 60px;
	    height: 50px;
	}
}

@media(max-width: 480px) {
	.main-con .top-tit > div.t-arrow {
		left: 100%;
    }
	.main-con .top-tit2-4 > div.t-arrow {
		left: 100%;
    }
    .main-con .top-tit8-2 > div.t-arrow {
		left: 100%;
    }
    .main-con .top-tit8-2 > div.t-arrow {
		left: 100%;
    }
}

@media(max-width: 450px) {
	.main-con .top-tit2-2 > div.t-arrow,
	.main-con .top-tit2-4 > div.t-arrow {
		left: 95%;
		top: 110%;
    }
    .main-con .top-tit12-4 > div.t-arrow {
		left: 100%;
    }
    .main-con .top-tit3-1 > div.t-arrow {
		left: 95%;
		top: 110%;
    }
    .main-con .top-tit6-1 > div.t-arrow {
		left: 95%;
		top: 110%;
	}
	.main-con .top-tit8 > div.t-arrow {
		left: 105%;
    }
    .main-con .top-tit8-2 > div.t-arrow {
		left: 95%;
    }
}

@media(max-width: 430px) {
    .main-con .top-tit2-4 > div.t-arrow {
		left: 90%;
    }
    .main-con .top-tit3-1 > div.t-arrow {
		left: 90%;
    }
    .main-con .top-tit3-4 > div.t-arrow {
		left: 95%;
		top: 110%;
    }
    .main-con .top-tit6-1 > div.t-arrow {
		left: 90%;
		top: 110%;
	}
	.main-con .top-tit8-2 > div.t-arrow {
		left: 90%;
		top: 110%;
    }
}

@media(max-width: 400px) {
	.top-tit {
		z-index: 3;
	}
	.main-con .top-tit > div.t-arrow {
		right: -45%;
	}
	/*5자 기본*/
	.main-con .top-tit1 > div.t-arrow {
		top: 110%;
		right: -15%;
	}
	/*sub1*/
	.main-con .top-tit2 > div.t-arrow {
		right: -30%;
	}
	.main-con .top-tit2-2 > div.t-arrow {
		left: 88%;
		top: 125%;
    }
     .main-con .top-tit2-4 > div.t-arrow {
		left: 85%;
    }
	/*sub2*/
	.main-con .top-tit3 > div.t-arrow {
		left: 85%;
		top: 110%;
	}
	.main-con .top-tit6 > div.t-arrow {
		right: -30%;
	}
	/*sub6*/
	.main-con .top-tit6-1 > div.t-arrow {
		left: 85%;
		top: 110%;
	}
	/*sub6-1*/
	.main-con .top-tit7 > div.t-arrow {
		left: 94%;
		top: 125%;
	}
	.main-con .top-tit7-3 > div.t-arrow {
		left: 100%;
    }
    .main-con .top-tit7-6 > div.t-arrow {
		left: 100%;
    }
    .main-con .top-tit8 > div.t-arrow ,
    .main-con .top-tit9 > div.t-arrow {
		left: 100%;
    }
    .main-con .top-tit8-2 > div.t-arrow {
		left: 85%;
		top: 110%;
    }
     .main-con .top-tit12-4 > div.t-arrow {
		left: 94%;
		top: 125%;
    }
}

@media(max-width: 380px) {
	.main-con .top-tit6-1 > div.t-arrow {
		left: 80%;
		top: 120%;
	}
	.main-con .top-tit2-2 > div.t-arrow {
		left: 84%;
		top: 125%;
    }
    .main-con .top-tit2-4 > div.t-arrow {
		left: 80%;
    }
	.main-con .top-tit3 > div.t-arrow {
		left: 80%;
		top: 110%;
	}
	.main-con .top-tit3-3 > div.t-arrow {
		left: 100%;
	}
	.main-con .top-tit3-5 > div.t-arrow {
		left: 100%;
	}
	.main-con .top-tit7 > div.t-arrow {
		left: 85%;
	}
	.main-con .top-tit7-1 > div.t-arrow {
		left: 100%;
    }
    .main-con .top-tit7-6 > div.t-arrow {
		left: 98%;
    }
    .main-con .top-tit8 > div.t-arrow {
		left: 96%;
		top: 125%;
    }
    .main-con .top-tit8-2 > div.t-arrow {
		left: 80%;
    }
    .main-con .top-tit8-5 > div.t-arrow {
		left: 102%;
    }
    .main-con .top-tit9-2 > div.t-arrow {
		left: 98%;
    }
    .main-con .top-tit10 > div.t-arrow {
		left: 98%;
    }
     .main-con .top-tit12-4 > div.t-arrow {
		left: 88%;
    }
}

@media(max-width: 360px) {
	.main-con .top-tit1 > div.t-arrow {
		top: 110%;
		right: -10%;
	}
	.main-con .top-tit2-2 > div.t-arrow {
		left: 80%;
		top: 110%;
	}
	.main-con .top-tit2-4 > div.t-arrow {
		left: 75%;
    }
	.main-con .top-tit3 > div.t-arrow {
		left: 76%;
		top: 110%;
	}
	.main-con .top-tit6 > div.t-arrow {
		right: -38%;
	}
	.main-con .top-tit6-1 > div.t-arrow {
		left: 76%;
	}
	.main-con .top-tit7-3 > div.t-arrow {
		left: 93%;
		top: 110%;
    }
    .main-con .top-tit7-6 > div.t-arrow {
		left: 90%;
		top: 110%;
    }
    .main-con .top-tit8 > div.t-arrow,
    .main-con .top-tit9-2 > div.t-arrow {
		left: 90%;
		top: 125%;
    }
    .main-con .top-tit8-2 > div.t-arrow {
		left: 75%;
    }
     .main-con .top-tit12-4 > div.t-arrow {
		left: 83%;
    }
}

@media(max-width: 350px) {
	.main-con .top-tit2 > div.t-arrow {
		right: -26%;
	}
	.main-con .top-tit6 > div.t-arrow {
		left: 85%;
		top: 110%;
	}
	.main-con .top-tit7 > div.t-arrow {
		left: 82%;
	}
	.main-con .top-tit7-3 > div.t-arrow {
		left: 86%;
		top: 110%;
    }
    .main-con .top-tit8 > div.t-arrow ,
    .main-con .top-tit9 > div.t-arrow {
		left: 88%;
		top: 125%;
    }
    .main-con .top-tit8-2 > div.t-arrow {
		left: 75%;
    }
}

@media(max-width: 340px) {
	.main-con .top-tit1 > div.t-arrow {
		top: 110%;
		right: -6%;
	}
	.main-con .top-tit2 > div.t-arrow {
		right: -24%;
	}
	.main-con .top-tit2-2 > div.t-arrow {
		left: 74%;
		top: 110%;
	}
	.main-con .top-tit3-3 > div.t-arrow {
		left: 95%;
	}
	.main-con .top-tit3-5 > div.t-arrow {
		left: 98%;
	}
	.main-con .top-tit5-1 > div.t-arrow {
		left: 102%;
	}
	.main-con .top-tit6-1 > div.t-arrow {
		left: 74%;
	}
	.main-con .top-tit7 > div.t-arrow {
		left: 78%;
	}
	.main-con .top-tit7-1 > div.t-arrow {
		left: 95%;
    }
    .main-con .top-tit7-6 > div.t-arrow {
		left: 80%;
    }
    .main-con .top-tit8 > div.t-arrow {
		left: 83%;
		top: 125%;
    }
    .main-con .top-tit8-2 > div.t-arrow {
		left: 70%;
    }
     .main-con .top-tit11-4 > div.t-arrow {
		left: 80%;
    }
     .main-con .top-tit12 > div.t-arrow {
		left: 100%;
    }
    .main-con .top-tit12-4 > div.t-arrow {
		left: 75%;
    }
}

@media(max-width: 320px) {
	.main-con .top-tit1 > div.t-arrow {
		top: 110%;
		right: -2%;
	}
	.main-con .top-tit2 > div.t-arrow {
		right: -20%;
	}
	.main-con .top-tit3-5 > div.t-arrow {
		left: 94%;
	}
	.main-con .top-tit7-3 > div.t-arrow {
		left: 80%;
		top: 110%;
    }
     .main-con .top-tit8 > div.t-arrow {
		left: 78%;
		top: 125%;
    }
}