.join_select_page{
	background:#fff;
	min-height:calc(100vh - 120px);
}

.join_select_contents{
	min-height:calc(100vh - 120px);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:40px 0;
	box-sizing:border-box;
}

.join_select_wrap{
	width:100%;
	max-width:1180px;
	margin:0 auto;
}

.join_select_grid{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:26px;
	flex-wrap:nowrap;
}

.join_select_card{
	display:block;
	width:300px;
	text-decoration:none;
	color:inherit;
	flex:0 0 300px;
}

.join_select_card_inner{
	position:relative;
	min-height:430px;
	padding:34px 28px 26px 28px;
	box-sizing:border-box;
	border:1px solid #e7eaf2;
	border-radius:30px;
	background:linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
	box-shadow:
		0 10px 30px rgba(17, 24, 39, 0.06),
		0 2px 10px rgba(17, 24, 39, 0.03);
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	transition:
		transform .2s ease,
		box-shadow .2s ease,
		border-color .2s ease;
	overflow:hidden;
}

.join_select_card_inner::after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:6px;
	background:linear-gradient(90deg, #4f46e5 0%, #7c3aed 100%);
	opacity:.9;
}

.join_select_card:hover .join_select_card_inner{
	transform:translateY(-8px);
	border-color:#cfd7ff;
	box-shadow:
		0 18px 44px rgba(55, 62, 187, 0.14),
		0 6px 18px rgba(17, 24, 39, 0.08);
}

.join_select_icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:88px;
	height:38px;
	border-radius:999px;
	background:#f3f5ff;
	color:#373ebb;
	font-size:13px;
	font-weight:800;
	letter-spacing:-0.2px;
}

.join_select_text_box{
	margin-top:24px;
	flex:1 1 auto;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.join_select_card h3{
	margin:0 0 16px 0;
	font-size:28px;
	line-height:1.28;
	font-weight:800;
	color:#111;
	letter-spacing:-0.6px;
	word-break:keep-all;
}

.join_select_card p{
	margin:0;
	font-size:15px;
	line-height:1.8;
	color:#666c7a;
	word-break:keep-all;
}

.join_select_btn{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:56px;
	margin-top:34px;
	border-radius:18px;
	background:#111827;
	color:#fff;
	font-size:15px;
	font-weight:800;
	letter-spacing:-0.2px;
	box-shadow:0 8px 18px rgba(17, 24, 39, 0.14);
}

.join_select_card:hover .join_select_btn{
	background:#373ebb;
}

@media (max-width:1100px){
	.join_select_contents{
		padding:50px 0;
	}

	.join_select_grid{
		flex-wrap:wrap;
	}

	.join_select_card{
		width:calc(50% - 13px);
		max-width:340px;
		flex:0 0 calc(50% - 13px);
	}

	.join_select_card_inner{
		min-height:390px;
	}
}

@media (max-width:720px){
	.join_select_page{
		min-height:auto;
	}

	.join_select_contents{
		min-height:auto;
		display:block;
		padding:28px 0 40px 0;
	}

	.join_select_grid{
		flex-direction:column;
		gap:18px;
	}

	.join_select_card{
		width:100%;
		max-width:none;
		flex:0 0 auto;
	}

	.join_select_card_inner{
		min-height:280px;
		border-radius:24px;
		padding:28px 22px 22px 22px;
	}

	.join_select_card h3{
		font-size:25px;
	}

	.join_select_btn{
		height:52px;
		margin-top:24px;
	}
}

.join_select_bottom_link{
    margin-top:24px;
    text-align:center;
}

.join_select_bottom_link a{
    color:#666c7a;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:color .18s ease;
}

.join_select_bottom_link a:hover{
    color:#373ebb;
}