.heritage-items {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8rem var(--spacing-28);
}
.heritage-items .heritage-item {
  flex: 0 0 calc(33.3333% - var(--spacing-28) * 2 / 3);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-10);
  transition: all 0.3s;
}
.heritage-items .heritage-item.fourColumn {
  flex: 0 0 calc(25% - var(--spacing-28) * 3 / 4);
}
.heritage-items .heritage-item:hover {
  transform: scale(1.015);
}
.heritage-items .heritage-item .heritage-name {
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
  color: var(--gray-700);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.heritage-items .heritage-item .heritage-type-wrap {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
}
.heritage-items .heritage-item .heritage-type-wrap .main-title {
  font-size: var(--typography-Body2-B-16-font-size);
  font-weight: var(--typography-Body2-B-16-font-weight);
  line-height: var(--typography-Body2-B-16-line-height);
  letter-spacing: var(--typography-Body2-B-16-letter-spacing);
  color: var(--teal-500);
  position: relative;
}
.heritage-items .heritage-item .heritage-type-wrap .main-title::after {
  content: "";
  position: absolute;
  left: 110%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 60%;
  background-color: var(--gray-200);
}
.heritage-items .heritage-item .heritage-type-wrap .sub-title {
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
  color: var(--gray-700);
}
.heritage-items .heritage-item .heritage-link {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  position: relative;
}
.heritage-items .heritage-item .heritage-link .heritage-type {
  z-index: 2;
  position: absolute;
  font-family: var(--font-family-sub);
  top: 0;
  left: 0;
  padding: var(--spacing-4) var(--spacing-12);
  font-size: var(--typography-Body2-B-16-font-size);
  font-weight: var(--typography-Body2-B-16-font-weight);
  line-height: var(--typography-Body2-B-16-line-height);
  letter-spacing: var(--typography-Body2-B-16-letter-spacing);
  color: var(--white);
  border-top-left-radius: var(--radius-md-8);
  border-bottom-right-radius: var(--radius-md-8);
}
.heritage-items .heritage-item .heritage-link .img-box {
  position: relative;
}
.heritage-items .heritage-item .heritage-link .img-box .heritage-img-hover {
  visibility: hidden;
  transition: all 0.3s;
  opacity: 0;
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(61, 139, 129, 0.7882352941);
  border-radius: var(--radius-md-6);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: var(--spacing-20);
  box-sizing: border-box;
}
.heritage-items .heritage-item .heritage-link .img-box .heritage-img-hover p {
  font-size: var(--typography-Body1-SB-18-font-size);
  font-weight: var(--typography-Body1-SB-18-font-weight);
  line-height: var(--typography-Body1-SB-18-line-height);
  letter-spacing: var(--typography-Body1-SB-18-letter-spacing);
  color: var(--white);
}
.heritage-items .heritage-item .heritage-link .img-box .heritage-img-hover span {
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
  color: var(--white);
  text-align: right;
}
.heritage-items .heritage-item .heritage-link .img-box:hover .heritage-img-hover {
  visibility: visible;
  opacity: 1;
}
.heritage-items .heritage-item .heritage-link h3 {
  font-size: var(--typography-Body1-SB-18-font-size);
  font-weight: var(--typography-Body1-SB-18-font-weight);
  line-height: var(--typography-Body1-SB-18-line-height);
  letter-spacing: var(--typography-Body1-SB-18-letter-spacing);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.heritage-items .heritage-item .heritage-link img {
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  object-fit: contain;
  min-height: 20.6rem;
  aspect-ratio: 1.522 / 1;
  border-radius: var(--radius-md-6);
  border: 1px solid var(--gray-200);
  background-color: var(--gray-50);
}
.heritage-items .heritage-item .heritage-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}
.heritage-items .heritage-item .heritage-content .heritage-category {
  background-color: var(--gray-50);
  padding: var(--spacing-6) var(--spacing-12);
  border-radius: var(--radius-xs-2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.heritage-items .heritage-item .heritage-content .heritage-category span {
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
  color: var(--gray-700);
}
.heritage-items .heritage-item .heritage-content .heritage-category strong {
  font-size: var(--typography-Body2-B-16-font-size);
  font-weight: var(--typography-Body2-B-16-font-weight);
  line-height: var(--typography-Body2-B-16-line-height);
  letter-spacing: var(--typography-Body2-B-16-letter-spacing);
  color: var(--teal-500);
}
.heritage-items .heritage-item .heritage-content .heritage-details {
  display: flex;
  flex-wrap: wrap;
}
.heritage-items .heritage-item .heritage-content .heritage-details .detail-item {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}
.heritage-items .heritage-item .heritage-content .heritage-details .detail-item:last-child {
  flex: 0.1 0 auto !important;
}
.heritage-items .heritage-item .heritage-content .heritage-details .detail-item dt {
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
  color: var(--gray-700);
}
.heritage-items .heritage-item .heritage-content .heritage-details .detail-item dd {
  font-size: var(--typography-Body2-M-16-font-size);
  font-weight: var(--typography-Body2-M-16-font-weight);
  line-height: var(--typography-Body2-M-16-line-height);
  letter-spacing: var(--typography-Body2-M-16-letter-spacing);
  color: var(--gray-900);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-width: 12rem;
  width: auto;
}
.heritage-items .heritage-item .heritage-content .heritage-details .detail-item dd time {
  font-size: var(--typography-Body3-M-4-font-size);
  font-weight: var(--typography-Body3-M-4-font-weight);
  line-height: var(--typography-Body3-M-4-line-height);
  letter-spacing: var(--typography-Body3-M-4-letter-spacing);
  color: var(--gray-900);
  display: block;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.heritage-items .heritage-item .heritage-content .more-btn button {
  width: 100%;
  padding: var(--spacing-10) 0;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s;
  border-top: 1px solid var(--gray-200);
}
.heritage-items .heritage-item .heritage-content .more-btn button img {
  transition: all 0.3s;
}
.heritage-items .heritage-item .heritage-content .more-btn button p {
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
}
.heritage-items .heritage-item .heritage-content .more-btn button.active img {
  transform: rotate(180deg);
}
.heritage-items .heritage-item .heritage-content .more-btn .heritage-more {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
  overflow: hidden;
  transition: all 0.3s;
  height: 0;
}
.heritage-items .heritage-item .heritage-content .more-btn .heritage-more .detail-item {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-12);
}
.heritage-items .heritage-item .heritage-content .more-btn .heritage-more .detail-item dt {
  color: var(--gray-700);
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
}
.heritage-items .heritage-item .heritage-content .more-btn .heritage-more .detail-item dd {
  color: var(--gray-900);
  font-size: var(--typography-Body2-M-16-font-size);
  font-weight: var(--typography-Body2-M-16-font-weight);
  line-height: var(--typography-Body2-M-16-line-height);
  letter-spacing: var(--typography-Body2-M-16-letter-spacing);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  text-align: center;
  max-width: 13rem;
  width: auto;
}
.heritage-items .heritage-item .heritage-content .more-btn .heritage-more .detail-item dd time {
  font-size: var(--typography-Body1-M-16-font-size);
  font-weight: var(--typography-Body1-M-16-font-weight);
  line-height: var(--typography-Body1-M-16-line-height);
  letter-spacing: var(--typography-Body1-M-16-letter-spacing);
  color: var(--gray-900);
  display: block;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.heritage-items .heritage-item .heritage-info {
  padding-top: var(--spacing-12);
  border-top: 1px solid var(--gray-200);
}
.heritage-items .heritage-item .heritage-info p {
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
  color: var(--gray-700);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
}

.heritage-items-fourColumn {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-28);
}
.heritage-items-fourColumn .atag {
  flex: 0 0 calc(25% - 2.1rem);
}
.heritage-items-fourColumn .heritage-item {
  height: 100%;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-md-8);
  transition: all 0.3s;
}
.heritage-items-fourColumn .heritage-item:hover {
  transform: scale(1.015);
}
.heritage-items-fourColumn .heritage-item .heritage-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-10);
  height: 100%;
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-title {
  font-size: var(--typography-Body1-SB-18-font-size);
  font-weight: var(--typography-Body1-SB-18-font-weight);
  line-height: var(--typography-Body1-SB-18-line-height);
  letter-spacing: var(--typography-Body1-SB-18-letter-spacing);
  color: var(--gray-900);
  padding: var(--spacing-24) var(--spacing-20) 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-width: 100%;
  min-height: 5.2rem;
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-total {
  background-color: var(--gray-50);
  padding: var(--spacing-6) var(--spacing-20);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-total p {
  font-size: var(--typography-Body1-M-18-font-size);
  font-weight: var(--typography-Body1-M-18-font-weight);
  line-height: var(--typography-Body1-M-18-line-height);
  letter-spacing: var(--typography-Body1-M-18-letter-spacing);
  color: var(--gray-700);
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-total strong {
  font-size: var(--typography-Heading7-B-22-font-size);
  font-weight: var(--typography-Heading7-B-22-font-weight);
  line-height: var(--typography-Heading7-B-22-line-height);
  letter-spacing: var(--typography-Heading7-B-22-letter-spacing);
  color: var(--teal-500);
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-details {
  display: flex;
  flex-direction: column;
  padding: 0 var(--spacing-20) var(--spacing-24);
  gap: var(--spacing-8);
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-details dt, .heritage-items-fourColumn .heritage-item .heritage-content .heritage-details dd, .heritage-items-fourColumn .heritage-item .heritage-content .heritage-details time {
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-details dt {
  color: var(--gray-700);
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-details dd {
  color: var(--gray-900);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-width: 14rem;
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-details time {
  color: var(--gray-900);
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-details .detail-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-20);
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-details .detail-item dd {
  color: var(--gray-900);
  font-size: var(--typography-Body2-M-16-font-size);
  font-weight: var(--typography-Body2-M-16-font-weight);
  line-height: var(--typography-Body2-M-16-line-height);
  letter-spacing: var(--typography-Body2-M-16-letter-spacing);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-width: 16rem;
  width: auto;
}
.heritage-items-fourColumn .heritage-item .heritage-content .heritage-details .detail-item dd time {
  font-size: var(--typography-Body3-M-16-font-size);
  font-weight: var(--typography-Body3-M-16-font-weight);
  line-height: var(--typography-Body3-M-16-line-height);
  letter-spacing: var(--typography-Body3-M-16-letter-spacing);
  color: var(--gray-900);
  display: block;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.heritage-items-fourColumn-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
  .heritage-items-fourColumn-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .heritage-items-fourColumn-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .heritage-items-fourColumn-grid {
    grid-template-columns: 1fr;
  }
}
.heritage-items-fourColumn-grid {
  width: 100%;
  gap: 4.8rem var(--spacing-24);
  height: 100%;
  overflow: hidden;
  transition: all 0.3s;
}
.heritage-items-fourColumn-grid .atag {
  grid-column: span 1;
}
.heritage-items-fourColumn-grid .asset-item {
  height: 100%;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}
.heritage-items-fourColumn-grid .asset-item .asset-title {
  font-size: var(--typography-Body1-SB-18-font-size);
  font-weight: var(--typography-Body1-SB-18-font-weight);
  line-height: var(--typography-Body1-SB-18-line-height);
  letter-spacing: var(--typography-Body1-SB-18-letter-spacing);
  color: var(--gray-900);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  width: auto;
}
.heritage-items-fourColumn-grid .asset-item:hover {
  transform: scale(1.015);
}
.heritage-items-fourColumn-grid .asset-item .asset-content {
  background-color: var(--gray-50);
  border-radius: var(--radius-md-8);
  padding-bottom: 0;
  height: 22rem;
}
.heritage-items-fourColumn-grid .asset-item .asset-content.bg-white {
  border: 1px solid var(--gray-200);
}
.heritage-items-fourColumn-grid .asset-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--radius-md-8);
}

.img-wrap {
  display: flex;
  gap: var(--spacing-28);
  width: 100%;
}
.img-wrap .img-item {
  object-fit: cover;
  aspect-ratio: 2.8/1;
  border-radius: var(--radius-md-8);
  overflow: hidden;
  width: 100%;
}
.img-wrap .img-item .img-box {
  width: 100%;
}
.img-wrap .img-item.one {
  flex: 1 0 calc(80% - 2.8rem);
}
.img-wrap .img-item.one img {
  width: 100%;
  height: auto;
  transform: translateY(-30%);
}
.img-wrap .img-item.two {
  flex: 1 0 20%;
}
.img-wrap .img-item.two img {
  width: 100%;
  height: 100%;
  height: auto;
  transform: translate(-9%, 10%);
}
.img-wrap .img-item.three {
  flex: 1 0 calc(80% - 2.8rem);
}
.img-wrap .img-item.three img {
  width: 100%;
  height: auto;
  transform: translateY(-20%);
}
.img-wrap .img-item.four {
  flex: 1 0 20%;
}
.img-wrap .img-item.four img {
  width: 100%;
  scale: 5;
  transform: translate(-5%, 25%);
}
.img-wrap .col-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-28);
  width: 100%;
}
.img-wrap .col-item ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-28);
}
.img-wrap .col-item ul.col-list {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: auto;
}
.img-wrap .col-item ul.col-list li {
  flex: 0 0 calc(50% - var(--spacing-28) / 2);
  aspect-ratio: auto;
}
.img-wrap .col-item ul.col-list li a {
  width: 100%;
}
.img-wrap .col-item ul.col-list li:first-child {
  grid-area: 1/1;
}
.img-wrap .col-item ul.col-list li:first-child a {
  background-color: var(--gray-900);
}
.img-wrap .col-item ul.col-list li:first-child a .btn-link {
  width: 50%;
  min-width: 10rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
.img-wrap .col-item ul.col-list li:last-child {
  grid-area: 2/1;
}
.img-wrap .col-item ul li {
  flex: 0 0 calc(50% - var(--spacing-28) / 2);
  aspect-ratio: 1/1.5;
}
.img-wrap .col-item ul li a {
  display: flex;
  overflow: hidden;
  border-radius: var(--radius-md-8);
  flex-direction: column;
  height: 100%;
}
.img-wrap .col-item ul li a h4 {
  z-index: 1;
  font-size: var(--typography-Heading8-B-20-font-size);
  font-weight: var(--typography-Heading8-B-20-font-weight);
  line-height: var(--typography-Heading8-B-20-line-height);
  letter-spacing: var(--typography-Heading8-B-20-letter-spacing);
}
.img-wrap .col-item ul li a img {
  width: 100%;
  height: auto;
}
.img-wrap .col-item ul li a .bg-img {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spacing-32);
  position: relative;
  flex: 1;
  overflow: hidden;
  gap: var(--spacing-16);
}
.img-wrap .col-item ul li a .bg-img.bg-black {
  background-color: var(--gray-900);
}
.img-wrap .col-item ul li a .bg-img p {
  z-index: 2;
  color: var(--white);
  font-size: var(--typography-Heading8-SB-20-font-size);
  font-weight: var(--typography-Heading8-SB-20-font-weight);
  line-height: var(--typography-Heading8-SB-20-line-height);
  letter-spacing: var(--typography-Heading8-SB-20-letter-spacing);
}
.img-wrap .col-item ul li a .bg-img .logo-icon {
  z-index: 1;
  height: 1.6vw;
  min-height: 2rem;
  max-height: 3.6rem;
  width: min-content;
}
.img-wrap .col-item ul li a .bg-img .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}
.img-wrap .col-item ul li a .bg-img .bg.scale-img {
  scale: 2;
}
.img-wrap .col-item ul li a .bg-img .bg.scale-img:hover {
  scale: 2.1;
}
.img-wrap .col-item ul li a .bg-img .bg.scale-left {
  transform: translate(20%, 25%);
}
.img-wrap .col-item ul li a .bg-img .grd-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 30%;
  background: linear-gradient(to bottom, #1e2124 50%, rgba(0, 0, 0, 0));
}
.img-wrap .col-item ul li a .bg-img video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  object-fit: cover;
  left: 0;
}
.img-wrap .col-item ul li a .btn-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  justify-content: space-between;
  background-color: var(--teal-500);
  padding: var(--spacing-12) var(--spacing-16);
  width: 100%;
  box-sizing: border-box;
}
.img-wrap .col-item ul li a .btn-link span {
  color: var(--white);
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
}
.img-wrap .col-item ul li a .btn-link img {
  width: 1.6rem;
  height: 1.6rem;
}
.img-wrap .col-item ul li a:hover .bg {
  scale: 1.1;
}

.four-col {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--spacing-28);
}
.four-col li {
  flex: 0 0 calc(25% - var(--spacing-28) * 3 / 4);
}
.four-col li a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-10);
  transition: all 0.3s;
}
.four-col li a:hover {
  scale: 1.02;
}
.four-col li article {
  position: relative;
}
.four-col li .title {
  font-size: var(--typography-Body1-B-18-font-size);
  font-weight: var(--typography-Body1-B-18-font-weight);
  line-height: var(--typography-Body1-B-18-line-height);
  letter-spacing: var(--typography-Body1-B-18-letter-spacing);
  font-family: var(--font-family-sub);
  color: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: var(--spacing-6) var(--spacing-12);
  border-top-left-radius: var(--radius-md-8);
  border-bottom-right-radius: var(--radius-md-8);
}
.four-col li .heritage-type-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}
.four-col li .heritage-type-wrap.gap-none {
  gap: 0;
}
.four-col li .heritage-type-wrap .sub-title {
  font-size: var(--typography-Body2-R-16-font-size);
  font-weight: var(--typography-Body2-R-16-font-weight);
  line-height: var(--typography-Body2-R-16-line-height);
  letter-spacing: var(--typography-Body2-R-16-letter-spacing);
  color: var(--gray-700);
}
.four-col li .heritage-type-wrap h3 {
  font-size: var(--typography-Body1-B-18-font-size);
  font-weight: var(--typography-Body1-B-18-font-weight);
  line-height: var(--typography-Body1-B-18-line-height);
  letter-spacing: var(--typography-Body1-B-18-letter-spacing);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  color: var(--gray-900);
}
.four-col li .heritage-type-wrap h3.web-none {
  -webkit-line-clamp: none;
  -webkit-box-orient: vertical;
  overflow: visible;
  text-overflow: visible;
  word-break: keep-all;
}
.four-col li p {
  font-size: var(--typography-Body1-B-18-font-size);
  font-weight: var(--typography-Body1-B-18-font-weight);
  line-height: var(--typography-Body1-B-18-line-height);
  letter-spacing: var(--typography-Body1-B-18-letter-spacing);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  color: var(--gray-900);
}
.four-col li .img-item {
  display: flex;
  position: relative;
  aspect-ratio: 1.5/1 !important;
}
.four-col li .img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*# sourceMappingURL=cardColumn.css.map */