.column-mainContents.journal {
  margin: 0;
  padding: 260px 0 40px;
}
@media only screen and (max-width: 768px) {
  .column-mainContents.journal {
    padding: 230px 0 50px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .column-mainContents.journal {
    padding: 280px 0 40px;
  }
}
.column-mainContents.journal .title {
  line-height: 22px;
  margin: 0 30px 20px;
  font-family: var(--poppins);
  font-weight: var(--font-regular);
  font-size: 12px;
  letter-spacing: 1px;
}
.column-mainContents.journal .journal-container {
  position: relative;
}
.column-mainContents.journal .swiper-container {
  margin: 0;
  padding: 0;
}
.column-mainContents.journal .swiper-container .swiper-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
}
.column-mainContents.journal .swiper-container .swiper-slide a {
  color: var(--blk);
  text-decoration: none;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.column-mainContents.journal .swiper-container .swiper-slide a img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.column-mainContents.journal .swiper-container .swiper-slide a:hover {
  opacity: 0.6;
}
.column-mainContents.journal .swiper-container .swiper-slide .item-detail {
  padding: 7px 0 0;
  text-align: center;
}
.column-mainContents.journal .swiper-container .swiper-slide .item-detail .number {
  line-height: 18px;
  margin: 0;
  font-family: var(--poppins);
  font-weight: var(--font-regular);
  font-size: 11px;
  letter-spacing: 1px;
}
.column-mainContents.journal .swiper-container .swiper-slide .item-detail .item-name {
  line-height: 26px;
  margin: 5px 0 0;
  font-family: var(--fot-cezanne);
  font-weight: var(--font-medium);
  font-size: 14px;
  letter-spacing: 1px;
}
.column-mainContents.journal .swiper-container .swiper-slide .item-detail ul {
  padding: 0;
}
.column-mainContents.journal .swiper-container .swiper-slide .item-detail ul li {
  display: inline;
  line-height: 20px;
  padding: 0 5px;
  font-family: var(--fot-cezanne);
  font-weight: var(--font-medium);
  font-size: 12px;
  letter-spacing: 1px;
}
.column-mainContents.journal .swiper-container .swiper-slide .item-detail ul li:first-child {
  border-right: 1px solid #eee;
}
.column-mainContents.journal .swiper-container .slick-slide {
  height: 100%;
  display: block;
}
.column-mainContents.journal .swiper-container .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-position: top;
     object-position: top;
}
.column-mainContents.journal .slider-arrows {
  position: absolute;
  z-index: 3;
  top: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.column-mainContents.journal .slider-arrows .slider-arrow {
  position: absolute;
  height: auto;
  width: 8vw;
  top: 0;
  bottom: 0;
  pointer-events: all;
  cursor: none;
  background-image: none;
}
@media only screen and (max-width: 768px) {
  .column-mainContents.journal .slider-arrows .slider-arrow {
    width: 10vw;
  }
}
.column-mainContents.journal .slider-arrows .slider-arrow span {
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translate(-50%, -50%) rotate;
  border: none;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 3;
  outline: none;
  background: none;
  font-size: 0;
  padding: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.column-mainContents.journal .slider-arrows .slider-arrow:hover span {
  opacity: 1;
}
.column-mainContents.journal .slider-arrows .slider-arrow.swiper-button-disabled {
  opacity: 0;
  cursor: default;
  pointer-events: none;
}
.column-mainContents.journal .slider-arrows .slider-arrow.swiper-button-disabled span {
  opacity: 0;
}
.column-mainContents.journal .slider-arrows .swiper-button-prev {
  right: inherit;
  left: 0;
  margin-top: 0;
}
.column-mainContents.journal .slider-arrows .swiper-button-prev span {
  transform: translate(-50%, -50%) rotate(135deg);
}
.column-mainContents.journal .slider-arrows .swiper-button-prev:after {
  display: none;
}
.column-mainContents.journal .slider-arrows .swiper-button-next {
  right: 0;
  left: inherit;
  margin-top: 0;
}
.column-mainContents.journal .slider-arrows .swiper-button-next span {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.column-mainContents.journal .slider-arrows .swiper-button-next:after {
  display: none;
}