.join .join-head {
	display: flex;
	gap: 5rem;
}

.join .join-head .lt {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #d9d9e0;
	font-size: var(--f30);
	font-weight: bold;
	color: var(--themeColor);
	width: 30%;
	padding-left: 1rem;
}

.join .join-head .rt {
	flex: 1;
	border-bottom: 1px solid #d9d9e0;
}

.join .join-cont .join-search {
	width: 30%;
}

.join .join-cont .join-search .join-search-item {
	padding: 1.6rem .6rem;
	border-bottom: 1px solid #d9d9e0;
}

.join .join-cont .join-search .join-search-item .tt {
	font-size: var(--f24);
	color: #404042;
	font-weight: bold;
	margin-bottom: 1.2rem;
}

.join .join-cont .join-search .join-search-item .value {
	margin-top: .8rem;
	display: block;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: .7rem;
}

.join .join-cont .join-search .join-search-item .value span {
	font-size: var(--f18);
	color: #787777;
}

.join .join-cont .join-search .join-search-item .value input {
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	display: none;
	
}
.join .join-cont .join-search .join-search-item .value .check{
	border: 1px solid var(--themeColor);
	border-radius: .2rem;
	width: 1rem;
	height: 1rem;
	position: relative;
}
.join .join-cont .join-search .join-search-item .value .check .check-act{
	width: 100%;
	height: 100%;
	background: var(--themeColor);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	/* transition: opacity .3s; */
}
.join .join-cont .join-search .join-search-item .value .check .check-act i{
	color: #fff;
	font-size: var(--f16);
}
.join .join-cont .join-search .join-search-item .value:has(input:checked) .check .check-act {
	opacity: 1;
}
.join .join-cont{
	display: flex;
	gap: 5rem;
}
.join-list{
	flex: 1;
}
.join-list .item{
	display: flex;
	align-items: center;
	padding: 2rem;
	border-bottom: 1px solid #d9d9e0;
	gap: 1rem;
}
.join-list .item .txt{
	flex: 1;
}
.join-list .item i{
	color: var(--themeColor);
	font-size: var(--f24);
}
.join-list .item .tt{
	font-size: var(--f20);
	color: #000000;
	transition: color .5s;
}
.join-list .item .desc{
	display: flex;
	gap: 2rem;
	margin-top: 1rem;
}
.join-list .item .desc .desc-item{
	display: flex;
	align-items: center;
	gap: .5rem;
}
.join-list .item .desc .desc-item i{
	font-size: var(--f22);
}
.join-list .item .desc .desc-item span{
	color: var(--themeColor);
	font-size: var(--f16);
	font-weight: 300;
}
.join-list .item:hover .tt{
	color: var(--themeColor);
}