.join_wrap {
  border-top: 1px solid #d5d5d5;
}
.join_wrap .type_wrap {margin: 2.4rem 0;}
.join_wrap .type_wrap ul {display: grid; grid-template-columns: repeat(2, 1fr); height: 4.8rem;}
.join_wrap .type_wrap ul li {}
.join_wrap .type_wrap ul li a {display: flex; align-items: center; justify-content: center; height: 100%; border-bottom: 1px solid #d5d5d5; font-size: 1.6rem; font-weight: 500; color: #878787;}
.join_wrap .type_wrap ul li a.on {border-bottom: 2px solid var(--brandColor); font-weight: 700; color: var(--brandColor);}

.regitster_wrap {}
.regitster_wrap .type_join {margin-bottom: 2.4rem;}
.regitster_wrap .type_join a {font-size: 1.8rem; font-weight: 500; color: #fff; background: var(--brandColor); width: 100%; height: 5.3rem; display: flex; align-items: center; justify-content: center; border-radius: 1rem;}
.regitster_wrap .or_wrap {font-size: 1.4rem; color: #878787; font-weight: 400; text-align: center; position: relative;}
.regitster_wrap .or_wrap span {background: #fff; padding: 0 3.2rem;}
.regitster_wrap .or_wrap i {position: absolute; width: 100%; height: 1px; background: #d5d5d5; content: ""; top: 50%; left: 0; z-index: -1;}
.sns_wrap {margin-top: 2.4rem;}
.sns_wrap ul {display: flex; flex-direction: column; gap: 0.8rem;}
.sns_wrap ul li {}
.sns_wrap ul li a {display: flex; align-items: center; background: #fff; border: 1px solid #d5d5d5; height: 5.3rem; border-radius: 1rem; justify-content: center; width: 100%;}
.sns_wrap ul li a img {width: 1.8rem;}
.sns_wrap ul li a p {font-size: 1.4rem; font-weight: 600; color: #1c1c1c;}
.sns_wrap ul li a div {display: flex; align-items: center; gap: 1rem;}