/* ************************************ 메인 ************************************ */

.main_card ul li b{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.main_card ul li img{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.main_body{overflow: hidden;}

.main_mov{padding-top: 130px;}
.main_mov div{position: relative; width: 400px; height: 400px; margin: 0 auto;}
.main_mov span{position: absolute; display: block; width: 100%; height: 100%; z-index: 2;}
.main_mov img{width: 100%;}
.main_mov video{width: 100%;}
.main_mov p{font-size: 15px; line-height: 1.5; color: #7B4B77; text-align: center;}
.main_mov p.main_mov_text{margin-top: 50px;}
.main_mov p b{font-weight: 800;}

.main_mov_img{}

.main_card{margin-top: 100px;}
.main_card ul{display: flex; flex-wrap: wrap; width: 100%; max-width: 1300px; margin: 0 auto;}
.main_card ul li{width: 32%; margin-left: 2%;}
.main_card ul li:nth-child(3n+1){margin-left: 0;}
.main_card ul li:nth-child(n+4){margin-top: 50px;}
.main_card ul li:nth-child(3n+2){margin-top: 100px;}
.main_card ul li img{width: 100%;}
.main_card ul li a{position: relative; display: block; width: 100%; border-radius: 20px; overflow: hidden;}
.main_card ul li strong{position: absolute; width: 100%; bottom: 10%; color: #fff; font-size: 21px; text-align: center; display: block; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6); z-index: 1;}
.main_card ul li b{position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; padding: 10px; background: #7B4B77; opacity: 0; transform: scale(1.2);}
.main_card ul li a:hover b{opacity: 1; transform: scale(1);}
.main_card ul li a:hover img{transform: scale(1.05);}
.main_card ul li b span{display: block; text-align: center; color: #fff;}
.main_card ul li b > span span{width: 100%;}
.main_card ul li b > span span.main_card_title{font-size: 35px; font-weight: 700; margin-bottom: 20px;}
.main_card ul li b > span span.main_card_text{font-size: 19px;}
.main_card ul li b > span span.main_card_go{display: inline-block; width: 110px; height: 110px; background: url("../imgs/arrow_go.png") no-repeat center #fff; background-size: 20px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin-top: 60px;}

.main_arrow_wrap{position: relative;}
.main_top_arrow{position: absolute; left: 50%; transform: translateX(-50%); top: 20px; width: 40px; height: 40px; background: url("../imgs/top_arrow.png") no-repeat center; background-size: contain; z-index: 1; animation:atArrow_ani_start 2s 1s forwards infinite ease;}
.logo_black_active .main_top_arrow{background-image: url("../imgs/top_arrow_black.png");}

/* PC Ver */
@media (max-width: 1300px){
	.main_card ul{width: 94%;}
	.main_card ul li:nth-child(n+4){margin-top: 30px;}
	.main_card ul li:nth-child(3n+2){margin-top: 60px;}
	
	.main_card ul li b br{display: none !important;}
	.main_card ul li b > span span.main_card_title{font-size: 25px; margin-bottom: 10px;}
	.main_card ul li b > span span.main_card_text{font-size: 15px;}
	.main_card ul li b > span span.main_card_go{width: 80px; height: 80px; background-size: 16px; margin-top: 30px;}
}


@media (max-width: 1023px){
	
}

/* Mobile Ver */
@media screen and (max-width: 767px) {
	.main_mov div{width: 300px; height: 300px;}
	
	.main_card ul li{width: 49%; margin-left: 2%;}
	.main_card ul li:nth-child(3n+1){margin-left: 2%;}
	.main_card ul li:nth-child(2n+1){margin-left: 0;}
	.main_card ul li:nth-child(3n+2){margin-top: 30px;}
	.main_card ul li:nth-child(2){margin-top: 0;}
	.main_card ul li:nth-child(n+3){margin-top: 30px;}
	
	.main_card ul li b br{display: block !important;}
	
	.main_card ul li strong{font-size: 19px;}
}


@media screen and (max-width: 480px) {
	/*	이미지 1개 로 정렬
	.main_card ul{width: 80%;}
	.main_card ul li{width: 100%; margin-left: 0 !important;}
	.main_card ul li:nth-child(n+2){margin-top: 30px;}
	*/
	/* 오버 삭제 */
	.main_card ul li a:hover b{opacity: 0;}
	.main_card ul li a:hover img{transform: scale(1);}
	.main_card ul li strong{font-size: 17px;}
	
	
	.main_top_arrow{width: 30px; height: 30px;}
}