.list-name {
  position: relative;
  font-size: 2.8rem;
  line-height: 4rem;
  letter-spacing: 0rem;
  color: #505050;
  width: 100%;
  border-bottom: 0.2rem solid #e4e4e4;
}
.list-name::after {
  content: '';
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  height: 0.2rem;
  width: 12.3rem;
  background: #33cf73;
}
.map-container {
  width: 120rem;
  margin: 3.4rem auto;
}
.map-container .about-content {
  width: 100%;
  margin-top: 38px;
  align-items: flex-start;
}
.map-container .about-content .left-box {
  width: 66rem;
}
.map-container .about-content .left-box .title {
  margin: 1.6rem 0 1.4rem;
  width: 49.2rem;
  font-size: 3.4rem;
  line-height: 5rem;
  letter-spacing: 0.1rem;
  color: #010101;
}
.map-container .about-content .map-box {
  width: 90rem ;
}
.map-container .about-content .map-box .company-s {
  background: #000;
  width: 100%;
  height: 31.4rem /* 314/16 */;
}
.map-container .content {
  width: 100%;
}
.map-container .content .count-box {
  width: 69rem /* 690/16 */;
}
.map-container .content .count-box .box {
  padding-top: 3rem /* 30/16 */;
  width: 100%;
  justify-content: flex-end;
}
.map-container .content .count-box .box .title {
  text-align: right;
  font-size: 2rem;
  line-height: 3rem;
  color: #010101;
  margin-right: 16px;
  margin-top: 6px;
}
.map-container .content .count-box .box .number {
  font-size: 6.8rem /* 68/16 */;
  letter-spacing: 0.2rem;
  color: #33cf73;
  font-family: number;
}
.map-container .content .count-box .synopsis2 {
  margin-top: 4rem /* 40/16 */;
  font-size: 1.8rem /* 18/16 */;
  line-height: 3rem /* 30/16 */;
  color: #505050;
}
.join-container {
  width: 100%;
}
.join-container .list-name {
  position: relative;
  max-width: 120rem;
  margin: 0 auto;
  font-size: 2.8rem;
  line-height: 4rem;
  color: #505050;
  width: 100%;
  border-bottom: 2px solid #e4e4e4;
  padding: 0 20px;
}
.join-container .list-name::after {
  content: '';
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  height: 2px;
  width: 12.3rem;
  padding: 0 20px;
  background: #33cf73;
}
.join-container .bg-content {
  width: 100%;
  background: #f9f9f9;
}
.join-container .join-content {
  width: 100%;
  height: 30rem /* 300/16 */;
  max-width: 120rem;
  margin: 0 auto;
}
.join-container .join-content .item {
  width: 33.3333%;
  text-align: center;
}
.join-container .join-content .item .icon {
  width: 8.2rem /* 82/16 */;
  height: 8.2rem /* 82/16 */;
  margin: 0 auto;
}
.join-container .join-content .item .title {
  font-size: 2.4rem /* 24/16 */;
  line-height: 4rem /* 40/16 */;
  letter-spacing: 0rem /* 0/16 */;
  color: #505050;
  padding: 2rem /* 20/16 */ 0;
}
.join-container .join-content .item .stage {
  font-size: 1.6rem /* 16/16 */;
  letter-spacing: 0rem /* 0/16 */;
  color: #505050;
}