@charset "utf-8";
#header {display:none;}

/* 인트로 페이지 */
.intro-page {display:flex; flex-direction:column; align-items:center; gap:var(--space-70); width:100%; height:100vh; justify-content:center;}
.intro-logo img {height:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
.intro-cards {max-width:1748px; padding: 0 var(--contain-padding); grid-template-columns:repeat(3, 1fr); display:grid; gap:clamp(20px, calc( 64 / var(--inner) * 100vw ), 64px); width:100%;}
.intro-card {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 var(--space-40); border-radius:clamp(16px, calc( 40 / var(--inner) * 100vw ), 40px); overflow:hidden; color:#fff;}
.intro-card-bg {position:absolute; inset:0; overflow:hidden; pointer-events:none;}
.intro-card-dim {position:absolute; inset:0; transition:background 0.3s ease;}
.intro-card-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:clamp(20px, calc( 64 / var(--inner) * 100vw ), 64px); width:100%;}
.intro-card-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); width:100%; text-align:center;}
.intro-card-title-wrap {font-family:'Work Sans', sans-serif; display:flex; flex-direction:column; align-items:center; gap:var(--space-16); width:100%;}
.intro-card-label {font-size:var(--font-size-18); font-weight:500; line-height:1.6em; letter-spacing:-0.03em; width:100%;}
.intro-card-title {font-size:var(--font-size-48); font-weight:500; line-height:1.2em; letter-spacing:-0.03em; width:100%;}
.intro-card-desc {font-size:var(--font-size-18); font-weight:600; line-height:1.6em; letter-spacing:-0.03em; width:100%;}
.intro-card-btn {height:56px; min-width:227px; font-family:'Work Sans', sans-serif; padding:10px var(--space-50); display:flex; align-items:center; justify-content:center; border:1px solid #fff; border-radius:100px; font-size:var(--font-size-16); font-weight:500; line-height:1.9em; letter-spacing:-0.05em; transition:background 0.3s ease, border-color 0.3s ease;}
.intro-card-btn span {padding-left:var(--space-16);}
.intro-card:hover .intro-card-dim {background:linear-gradient(0deg, rgba(15, 19, 140, 0.4), rgba(15, 19, 140, 0.4)), rgba(0, 0, 0, 0.48);}
.intro-card-btn:hover {background:var(--color-primary); border-color:var(--color-primary);}

@media (max-width:1024px) {
	.intro-cards {gap:10px;}
	.intro-card {padding: 0 10px;}
	.intro-card br {display: none;}
}
@media (max-width:700px) {
	.intro-page {height: auto; padding:50px 0;}
	.intro-cards {display:flex; flex-direction: column;}
	.intro-card-inner {padding:30px 0;}
	.intro-card-btn {height: 42px; min-width: auto;}
	.intro-card br {display: block;}
}