.l_sub_community .section_top .bg::before {
  background-image: url("/static/images/sub/community/section_top.jpg");
}

.l_sub_community_01 .section_01 .tabs {
  margin-top: -12px;
}

.l_sub_community_01 .section_01 .tabs .tablist {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(60px - 12px);
}

.l_sub_community_01 .section_01 .tabs .tablist button {
  padding: 12px;
  margin: 0 12px;
  position: relative;
  color: #333;
  font-size: 20px;
}

.l_sub_community_01 .section_01 .tabs .tablist button::before {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  width: 1px;
  height: 16px;
  background: #beb3ab;
  margin-top: -8px;
}

.l_sub_community_01 .section_01 .tabs .tablist button:last-of-type::before {
  display: none;
}

.l_sub_community_01 .section_01 .tabs .tablist button[role="tab"][aria-selected="true"], .l_sub_community_01 .section_01 .tabs .tablist button:hover, .l_sub_community_01 .section_01 .tabs .tablist button.active {
  color: #f67441;
  font-weight: 700;
}

.l_sub_community_01 .section_01 .table_wrap table tr td a {
  width: 74%;
}

.l_sub_community_02 .section_01 .img_list ul {
  display: flex;
  flex-wrap: wrap;
}

.l_sub_community_02 .section_01 .img_list ul li {
  width: 32%;
  margin-right: 2%;
  margin-top: 60px;
}

.l_sub_community_02 .section_01 .img_list ul li:nth-child(3n) {
  margin-right: 0;
}

.l_sub_community_02 .section_01 .img_list ul li:nth-child(-n + 3) {
  margin-top: 0;
}

.l_sub_community_02 .section_01 .img_list ul li .img_wrap {
  position: relative;
  width: 100%;
  height: 258px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 32px;
}

.l_sub_community_02 .section_01 .img_list ul li .img_wrap img {
  width: 100%;
  object-fit: cover;
}

.l_sub_community_02 .section_01 .img_list ul li .img_wrap::before {
  transition: 0.5s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url("/static/images/common/icon_plus.png") no-repeat center/72px auto;
  opacity: 0;
}

.l_sub_community_02 .section_01 .img_list ul li .txt_wrap {
  transition: 0.5s;
}

.l_sub_community_02 .section_01 .img_list ul li .txt_wrap .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 20px;
  font-weight: 500;
  color: #333;
}

.l_sub_community_02 .section_01 .img_list ul li .txt_wrap .date {
  margin-top: 24px;
  font-size: 16px;
  color: #666;
}

@media screen and (min-width: 1240px) {
  .l_sub_community_02 .section_01 .img_list ul li:hover .img_wrap::before {
    opacity: 1;
  }
  .l_sub_community_02 .section_01 .img_list ul li:hover .txt_wrap .title {
    font-weight: 700;
    color: #f67441;
  }
  .l_sub_community_02 .section_01 .img_list ul li:hover .txt_wrap .date {
    color: #f67441;
  }
}

@media screen and (max-width: 1240px) {
  .l_sub .section_top .bg::before {
    background-image: url("/static/images/sub/community/section_top_m.jpg");
  }
  .l_sub_community_01 .section_01 .tabs {
    margin-top: -0.625rem;
  }
  .l_sub_community_01 .section_01 .tabs .tablist {
    margin-bottom: calc(rem(100px) - 0.625rem);
  }
  .l_sub_community_01 .section_01 .tabs .tablist button {
    padding: 0.625rem;
    margin: 0 0.625rem;
    font-size: 1rem;
  }
  .l_sub_community_01 .section_01 .tabs .tablist button::before {
    right: -0.625rem;
    height: 0.937rem;
    margin-top: -0.469rem;
  }
  .l_sub_community_01 .section_01 .tabs .tablist button:last-of-type::before {
    display: none;
  }
  .l_sub_community_01 .section_01 .table_wrap table tr td.category {
    width: 28%;
  }
  .l_sub_community_01 .section_01 .table_wrap table tr td.date {
    display: none;
  }
  .l_sub_community_01 .section_01 .table_wrap table tr td a {
    width: 100%;
  }
  .l_sub_community_02 .section_01 .img_list ul li {
    width: 49%;
    margin-right: 2%;
    margin-top: 2.083rem;
  }
  .l_sub_community_02 .section_01 .img_list ul li:nth-child(3n) {
    margin-right: 2%;
  }
  .l_sub_community_02 .section_01 .img_list ul li:nth-child(-n + 3) {
    margin-top: 2.083rem;
  }
  .l_sub_community_02 .section_01 .img_list ul li:nth-child(2n) {
    margin-right: 0;
  }
  .l_sub_community_02 .section_01 .img_list ul li:nth-child(-n + 2) {
    margin-top: 0;
  }
  .l_sub_community_02 .section_01 .img_list ul li .img_wrap {
    height: auto;
    border-radius: 0.666rem;
    margin-bottom: 1.333rem;
  }
  .l_sub_community_02 .section_01 .img_list ul li .txt_wrap .title {
    font-size: 1.083rem;
  }
  .l_sub_community_02 .section_01 .img_list ul li .txt_wrap .date {
    margin-top: 0.833rem;
    font-size: 0.916rem;
  }
}

@media screen and (max-width: 768px) {
  .l_sub_community_02 .section_01 .img_list ul {
    flex-direction: column;
  }
  .l_sub_community_02 .section_01 .img_list ul li {
    width: 100%;
    margin-right: 0;
    margin-top: 2.083rem;
  }
  .l_sub_community_02 .section_01 .img_list ul li:nth-child(3n) {
    margin-right: 0;
  }
  .l_sub_community_02 .section_01 .img_list ul li:nth-child(-n + 2) {
    margin-top: 2.083rem;
  }
  .l_sub_community_02 .section_01 .img_list ul li:nth-child(1) {
    margin-top: 0;
  }
}