/* 페이지 타이틀 영역 */
@keyframes zoom-out {
	0% { transform: translateX(-50%) scale(1); }
	100% { transform: translateX(-50%) scale(1.1); }
}

.page-title-wrap {
	position: relative; min-height: 320px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden;
	
	// 공통 배경 스타일
	&::before {
		content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(1); width: 100vw; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: -1; animation: zoom-out 3s linear;
	}
	
	// 배경 이미지 클래스별 설정 (background-image만 다름)
	&.community-bg {
		&::before {
			background-image: url('../img/community/bn_bg.webp');
		}
	}
	// tu-vcc 신청
	&.apply-bg-01 {
		&::before {
			background-image: url('../img/apply/bak_apply_01.webp');
		}
	}
	// program 신청
	&.apply-bg-02 {
		&::before {
			background-image: url('../img/apply/bak_apply_02.webp');
		}
	}
	// staff-startup 신청
	&.apply-bg-03 {
		&::before {
			background-image: url('../img/apply/bak_apply_03.webp');
		}
	}
	&.exploration-bg {
		&::before {
			background-image: url('../img/exploration/bn_bg.webp');
		}
	}
	&.support-bg {
		&::before {
			background-image: url('../img/support-space/bn_bg.webp');
		}
	}
	&.education-bg {
		&::before {
			background-image: url('../img/education/bn_bg.webp');
		}
	}
	&.startup-bg {
		&::before {
			background-image: url('../img/startup/bn_bg.webp');
		}
	}
	
	.page-title {
		position: relative; padding: 0 0 60px 0; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end;
		/* 상단 경로 */
		.s-tit {
			display: flex; align-items: center; gap: 8px; margin-bottom: 15px; flex-wrap: wrap;
			
			.img-area {
				display: flex; align-items: center; justify-content: center; opacity: 0,8;
				
				&.home {
					width: 25px; height: 25px; opacity: 1;
				}
				
				img {
					width: 100%; height: 100%; object-fit: contain; display: block;
				}
			}
			
			.breadcrumb-item {
				display: flex; align-items: center;
			}
			
			.breadcrumb-text {
				font-size: 1.6rem; color: #fff; font-weight: 700;
				
				&:hover {
					opacity: 0.8;
				}
			}
		}
		
		/* 페이지 타이틀 */
		.page-heading {
			.sub {
				font-size: 1.6rem; font-weight: 600; color: #fff; display: inline-block; background: rgba(0,0,0,0.2); padding: 3px 15px; border-radius: 100px;
			}
			.tit {
				font-size: 5rem; font-weight: 700; color: #fff;
			}
			
		}
	}
	
	@media (max-width: 1200px) {
		min-height: 330px;
		
		.page-title {
			padding: 0 0 30px 0;
			
			.s-tit {
				.breadcrumb-text {
					font-size: 1.4rem;
				}
			}
			
			.page-heading {
				.sub {
					font-size: 1.4rem; padding: 2px 8px;
				}
				.tit {
					font-size: 3.5rem;
				}
			}
		}
	}
	
	@media (max-width: 768px) {
		min-height: auto;
		
		.page-title {
			padding: 40px 0; flex-direction: column-reverse; align-items: center;
			
			.s-tit {
				gap: 6px; margin-bottom: 0;
				
				.img-area {
					&.home {
						width: 14px; height: 14px;
					}
				}
				
				.breadcrumb-text {
					font-size: 1.4rem;
				}
			}
			
			.page-heading {
				text-align: center;
				.sub {
					display: none;
				}
				.tit {
					font-size: 2.8rem;
				}
			}
		}
	}
	
	@media (max-width: 480px) {
		
		.page-title {
			padding: 20px 0 10px;
			
			.s-tit {
				margin-bottom: 15px; gap: 5px;
				
				.img-area {
					&.home {
						width: 12px; height: 12px;
					}
				}
				
				.breadcrumb-text {
					font-size: 1.4rem;
				}
			}
			
			.page-heading {
				.sub {
					font-size: 1.4rem; padding: 2px 6px;
				}
				.tit {
					font-size: 2.2rem; line-height: 1.5;
				}
			}
		}
	}
}