.item .Img .default, .sideDataItem .Img .default, .item .Img img, .sideDataItem .Img img {
  transition: all 0.5s ease-in-out;
}

.projectsList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 40px;
}
@media (max-width: 1024px) {
  .projectsList {
    gap: 10px 20px;
  }
}
.projectsList .projectsItem {
  width: calc((100% - 40px) / 2);
}
@media (max-width: 1024px) {
  .projectsList .projectsItem {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 640px) {
  .projectsList .projectsItem {
    width: 100%;
  }
}

.item .Img, .sideDataItem .Img {
  overflow: hidden;
}
.item .Img img, .sideDataItem .Img img {
  width: 100%;
  height: auto;
  display: block;
  backface-visibility: hidden;
}
@media (min-width: 1181px) {
  .item .Img:hover img, .item .Img:hover .default, .sideDataItem .Img:hover img, .sideDataItem .Img:hover .default {
    transform: scale(1.03);
    filter: brightness(0.9);
  }
}
.item .Txt, .sideDataItem .Txt {
  padding: 15px 0;
}
.item .Txt .title, .sideDataItem .Txt .title {
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}

.sideDataArea .slick-track {
  display: flex;
  align-items: stretch;
  margin: 0;
}
.sideDataArea .slick-slide {
  height: auto !important;
}
.sideDataArea .slick-slide > div {
  height: 100%;
}
.sideDataArea .slick-slide .sideDataItem {
  height: 100%;
}
.sideDataArea .slick-slide .item {
  height: 100%;
}

.unitTopBox .classBox {
  padding-left: 0;
}
@media (max-width: 1180px) {
  .unitTopBox .classBox {
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .unitTopBox .classBox {
    margin-right: auto;
  }
}

.classBox {
  width: 100%;
  max-width: 250px;
}
@media (max-width: 1024px) {
  .classBox {
    max-width: 100%;
  }
}
@media (min-width: 1025px) {
  .classBox .classCurrent {
    display: block;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
}

.classBoxRow .classLink,
.classBoxColumn .classLink {
  width: 100%;
  max-height: 65dvh;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  display: none;
  overflow-y: auto;
  position: absolute;
}
.classBoxRow .classLink::-webkit-scrollbar-track,
.classBoxColumn .classLink::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
  background-color: #dbdbdb;
}
.classBoxRow .classLink::-webkit-scrollbar,
.classBoxColumn .classLink::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #dbdbdb;
}
.classBoxRow .classLink::-webkit-scrollbar-thumb,
.classBoxColumn .classLink::-webkit-scrollbar-thumb {
  background: #D1A73C;
}
.classBoxRow .classLink,
.classBoxColumn .classLink {
  top: 100%;
  left: 0;
  z-index: 1;
}
.classBoxRow .classLink.open,
.classBoxColumn .classLink.open {
  display: block;
}
.classBoxRow .classLink > li,
.classBoxColumn .classLink > li {
  margin: 0;
}
.classBoxRow .classLink > li:not(:first-child),
.classBoxRow .classLink .classItem:not(:first-child),
.classBoxColumn .classLink > li:not(:first-child),
.classBoxColumn .classLink .classItem:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.classBoxRow .classLink > li > a.current,
.classBoxRow .classLink > li span.current,
.classBoxRow .classLink .classItem > a.current,
.classBoxRow .classLink .classItem span.current,
.classBoxColumn .classLink > li > a.current,
.classBoxColumn .classLink > li span.current,
.classBoxColumn .classLink .classItem > a.current,
.classBoxColumn .classLink .classItem span.current {
  color: #fff;
}
.classBoxRow .classLink > li ul,
.classBoxRow .classLink > li .dataList,
.classBoxRow .classLink .classItem ul,
.classBoxRow .classLink .classItem .dataList,
.classBoxColumn .classLink > li ul,
.classBoxColumn .classLink > li .dataList,
.classBoxColumn .classLink .classItem ul,
.classBoxColumn .classLink .classItem .dataList {
  display: none;
}
.classBoxRow .classLink a,
.classBoxRow .classLink span,
.classBoxColumn .classLink a,
.classBoxColumn .classLink span {
  color: #010101;
  background-color: #fff;
  display: block;
  padding: 14px 15px;
  position: relative;
}
.classBoxRow .classLink a.current,
.classBoxRow .classLink span.current,
.classBoxColumn .classLink a.current,
.classBoxColumn .classLink span.current {
  background-color: #D1A73C;
  color: #fff;
}