@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_lt_mpcf {position:relative;margin-bottom:0px;background:none}
.pic_lt_mpcf .lat_title {display:block;line-height:45px;font-size:2.0em;color:#253dbe}
.pic_lt_mpcf .lat_title a {color:#000;display:inline-block;position:relative}
.pic_lt_mpcf .mpcf_title {
  list-style: none;background-color: rgba(255, 255, 255, 0.5);
display: flex;margin-top:0px;margin-bottom:0px;align-items: center;padding: 5px;border: 0px solid rgba(0, 0, 0, 0.1);border-radius: 0px;}
.pic_lt_mpcf .mpcf_title img {width: 30px;height: auto;margin-right: 10px; vertical-align: middle;}

.pic_lt_mpcf .mpcf_title h2.lat_linkrank_title {font-size: 30px;font-weight: 100;color: #000000 !important;line-height: 40px;margin: 0;}
.pic_lt_mpcf .mpcf_title  h2.lat_linkrank_title a {font-size: 30px !important; color: #000000 !important;text-decoration: none;}
.pic_lt_mpcf .mpcf_title  h2.lat_linkrank_title a:hover {color: #e26925 !important;}

.pic_lt_mpcf .mpcf_title h2.lat_linkrank_title:hover {color: #e26925 !important;}
.pic_lt_mpcf .rank-1 {color: #C00020;}
.pic_lt_mpcf .rank-2 {color: #0075C0;}
.pic_lt_mpcf .rank-3 {color: #36C000;}
.pic_lt_mpcf .rank-other {font-size: 18px !important; color:#000000 !important;transition: color 0.3s ease;}
.pic_lt_mpcf .rank-other:hover {color: #0075C0 !important; }
.pic_lt_mpcf .clickable {width: 30px;height: auto;transition: transform 0.2s ease;}
.pic_lt_mpcf .clickable:hover {transform: scale(1.1);cursor: pointer;}
.pic_lt_mpcf .rank_image {width: 30px;height: auto;margin-right: 0px;vertical-align: middle;}
.pic_lt_mpcf .basic_li_title {
  display: flex;
  align-items: center; 
  flex-wrap: nowrap; 
  overflow: hidden;
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}

.pic_lt_mpcf .hover-title {
  display: inline-block;
  flex-shrink: 0; /* 줄어들지 않도록 설정 */
  vertical-align: middle;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@media (max-width: 768px) {
.pic_lt_mpcf .hover-title {max-width: 100%;font-size: 17px;}
.pic_lt_mpcf .mpcf_title img, 
.pic_lt_mpcf .clickable {width: 25px;}
.pic_lt_mpcf .mpcf_title h2.lat_linkrank_title a {font-size: 18px;}
}

.pic_lt_mpcf .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_lt_mpcf .lt_more:hover {color:#777}
/* .pic_lt_mpcf ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt_mpcf ul {margin: 0 -10px}
.pic_lt_mpcf li {float:left;width:25%;padding:0 10px}
.pic_lt_mpcf li.galley_li:nth-child(3n+1) {clear: both!important} */
.pic_lt_mpcf ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt_mpcf ul {margin: 0 -10px}
.pic_lt_mpcf li {float:left;width:33.33%;padding:0 10px;margin-bottom: 20px;
/* border-radius: 10px; 
  overflow: hidden;   
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
}
.pic_lt_mpcf li.galley_li:nth-child(3n+1) {clear: both!important}
.pic_lt_mpcf li a:hover {color:#a22121}
@media (max-width:768px) {
  .pic_lt_mpcf ul {display: flex;flex-wrap: wrap;gap: 0px; /* 간격을 일정하게 */margin: 0px;padding: 0;list-style: none;}
  .pic_lt_mpcf li {width: 50% !important;padding: 5px;margin-bottom: 0px; /* 좌우 */}
}

/* .pic_lt_mpcf li .lt_img {margin:5px 0;display:block}
.pic_lt_mpcf li .lt_img img, .pic_lt_mpcf li .lt_img video{width:100%;height:auto} */
.pic_lt_mpcf .lt_img {position: relative;display: block;overflow: hidden;border-radius: 10px;}
.pic_lt_mpcf .lt_img img {display: block;width: 100%;height: 100%;transition: transform 0.3s ease-in-out;}
.pic_lt_mpcf .lt_img:hover img {transform: scale(1.1);}
/* 롤오버 이미지 */
.pic_lt_mpcf .lt_img .rollover-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index: 2;}
/* 마우스를 올리면 롤오버 */
.pic_lt_mpcf .lt_img:hover .rollover-image {display: block;}

/* 오버레이 기본 */
.pic_lt_mpcf .lt_img .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.03);
    display: flex;align-items: center;justify-content: center;opacity: 1;transition: opacity 0.3s ease-in-out;}
/* 카테고리명 */
.pic_lt_mpcf .lt_img .category {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 5px;
  text-shadow: 2px 2px 3px #000, -2px -2px 3px #000, 2px -2px 3px #000, -2px 2px 3px #000;
}
.category_name {
    position: relative;color: #fff;
    font-size: 1.5rem;font-weight: bold;text-align: center;
    text-shadow: 2px 2px 3px #000, -2px -2px 3px #000, 2px -2px 3px #000, -2px 2px 3px #000;
}
.category-icon {
    width: auto !important;
    height: 100px !important;
    border-radius: 0%;  
    object-fit: cover;  
    margin-bottom: 20px;
}

.category-wrapper:hover .category_name {
    position: relative;
    transition: all 0.3s ease;
}
.no-image {
    width: 100%;
    height: 180px; /* 원래 이미지 높이에 맞게 설정 */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 14px;
}
.pic_lt_mpcf .category-wrapper {display: flex;flex-direction: column;
    align-items: center;justify-content: center;width: 100%;height: 100px;
    background-size: contain;background-repeat: no-repeat; /* 반복 방지 */background-position: center;
  }
/* .category-wrapper {filter: invert(100%) brightness(90%);} */
.pic_lt_mpcf li a:hover {color:#a22121}
.pic_lt_mpcf li .fa-heart {color:#ff0000}
.pic_lt_mpcf li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.pic_lt_mpcf li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.pic_lt_mpcf li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_lt_mpcf li .fa-caret-right {color:#bbb}
.pic_lt_mpcf li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_lt_mpcf li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.pic_lt_mpcf .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.pic_lt_mpcf .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.pic_lt_mpcf .empty_li:before {background:none;padding:0}

.pic_lt_mpcf .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.pic_lt_mpcf .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.pic_lt_mpcf .lt_more:hover {color:#777}