.card {
	background: none;
	border: 1px solid #fff;
	border-radius: 5rem;
	transition:.3s ease;
}
.card-body a {
	color: #fff;
}
.card-title {
	margin-bottom: 0;
}
.card:hover {
	background: #33ff33;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 2rem;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.modal-content {
	background: #000;
}
.modal-body, .modal-body p {
	font-size: small;
}
.modal-body h4 {
	position: relative;
	margin-bottom: 2rem;
}
.modal-body h4:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #33ff33;
	bottom: -1rem;
}
/* 기본 아이콘 제거 */
.swiper-button-prev::after,
.swiper-button-next::after{
  display:none;
}

/* 공통 스타일 */
.swiper-button-prev,
.swiper-button-next{
  width:60px;
  height:60px;
  border:1px solid rgba(255,255,255,.4);
  border-radius:50%;
  backdrop-filter:blur(10px);
  background:rgba(255,255,255,.05);
  transition:all .4s cubic-bezier(.77,0,.18,1);
}

/* 화살표 라인 */
.swiper-button-prev::before,
.swiper-button-next::before{
  content:"";
  width:12px;
  height:12px;
  border-top:1px solid #fff;
  border-right:1px solid #fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(45deg);
}

.swiper-button-prev::before{
  transform:translate(-50%,-50%) rotate(-135deg);
}

/* Hover 효과 */
.swiper-button-prev:hover,
.swiper-button-next:hover{
  background:rgba(255,255,255,.15);
  border-color:#fff;
  transform:scale(1.1);
}

@media (max-width: 767px) {
	.row>* {
		margin: .2rem 0;
	}
	.card-body {
		padding: .2rem 1rem;
	}
	.card-body a {
		font-size: small;
	}
	.g-4, .gy-4 {
		--bs-gutter-y: 0;
	}
}