@charset "utf-8";

.latest_box.view_related { display: flex; flex-direction: column; gap: 0.5rem;}
.latest_box.view_related .latest_item { width: 100%;}
.latest_box.view_related .latest_item.none {display: flex !important; align-items: center; justify-content: center; font-size: 0.875rem; color: #000; font-weight: 400; line-height: 1; height: 10em; opacity: 0.5;}
.latest_box.view_related .latest_item > .link {display: inline-flex; max-width: 100%; flex-direction: column; gap: 0.625rem;}
.latest_box.view_related .latest_item .bo_img { position: relative; width: 100%;  aspect-ratio: 1 / 0.75; overflow: hidden;}
.latest_box.view_related .latest_item .bo_img > img { width: 100%; height: 100%;  object-fit: cover;}
.latest_box.view_related .latest_item .bo_titbox { width: 100%;}
.latest_box.view_related .latest_item .bo_titbox .bo_tit {font-size: 0.875rem; color: #333; font-weight: 400; line-height: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.latest_box.view_related .latest_item .bo_titbox .bo_tit::before { content: "•"; display: inline-block; margin-right: 0.25rem; color: #f44c70;}
.latest_box.view_related .latest_item:hover .bo_titbox .bo_tit {font-weight: 600;}


/* Tablet */
@media screen and (max-width: 1024px) {



}


/* mobile */
@media screen and (max-width: 599px) {
  



}