@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_wp_2024 {position:relative;margin-bottom:20px;overflow:hidden;border: 0px solid #ccc8c6;background: none}
.pic_wp_2024 .lat_title_wp_2024 {display: block;line-height: 45px;font-size: 1.6em;color: #253dbe;text-align: center;position: relative;margin-bottom:20px;}
.pic_wp_2024 .lat_title_wp_2024 a {font-size:36px; color:#333;display: inline-block;position: relative;}

.pic_wp_2024 .lat_title_wp_2024::after {
  content: "";display: block;position: absolute;left: 50%;bottom: -5px;width: 50%;height: 5px;background-color: #228B22;transform: translateX(-50%);}
.pic_wp_2024 .lt_more {position:absolute;top:11px;right:0px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_wp_2024 .lt_more:hover {color: #777}
.pic_wp_2024 ul {display: flex;flex-wrap: wrap;gap: 20px;margin: 0;padding: 0;}
.pic_wp_2024 li {flex: 1 1 calc(25% - 20px);list-style: none;}
/* 화면이 1024px 이하일 때는 2개씩 */
@media (max-width: 1024px) {.pic_wp_2024 ul {flex-wrap: wrap;gap: 10px;}.pic_wp_2024 li {flex: 1 1 calc(50% - 20px);}}

.pic_wp_2024 li.galley_li_wp_2024:nth-child(4n+1) {clear: both!important;margin: 0 0px;}
.pic_wp_2024 li .lt_img {margin:0px 0;display:block}
.pic_wp_2024 li .lt_img img, .pic_wp_2024 li .lt_img video{width:100%;height:auto}
.lt_img img {transition: transform 0.3s ease;}
.lt_img:hover img {transform: scale(0.9); }

.pic_wp_2024 li a:hover {color:#a22121}
.pic_wp_2024 li .fa-heart {color:#ff0000}
.pic_wp_2024 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_wp_2024 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_wp_2024 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_wp_2024 li .fa-caret-right {color:#bbb}
.pic_wp_2024 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_wp_2024 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_wp_2024 .profile_img img{border-radius:50%}

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

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

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

.lt_box_wp {
  border: 1px solid rgba(0, 0, 0, 0.1); 
  padding: 0px;
  border-radius: 5px;
  margin-bottom: 0px; 
  /* background-color: #f9f9f9; */
}
.lt_caname {text-align: center;font-size:1.2em;font-weight: bold;display: block;margin-top: 5px;margin-bottom: 5px;}

/* .dark-mode .pic_wp_2024 {background: #1e1f23;border-radius: 12px;} */

/* 타이틀 */
.dark-mode .pic_wp_2024 .lat_title_wp_2024 a {color: #f1f3f5;}
.dark-mode .pic_wp_2024 .lat_title_wp_2024::after {background-color: #4dabf7;}
/* 더보기 버튼 */
.dark-mode .pic_wp_2024 .lt_more {color: #4dabf7;}
.dark-mode .pic_wp_2024 .lt_more:hover {color: #74c0fc;}

/* 리스트 아이템 */
/* .dark-mode .pic_wp_2024 li {background: #23252b;border-radius: 10px;overflow: hidden;transition: all 0.2s ease;}
.dark-mode .pic_wp_2024 li:hover {background: #2a2c31;transform: translateY(-3px);} */

/* 이미지 hover */
.dark-mode .lt_img:hover img {transform: scale(0.95);}
/* 텍스트 */
.dark-mode .lt_info_wp_2024 {color: #d1d5db;}
.dark-mode .lt_info_wp_2024 .lt_date {color: #868e96;}
/* 댓글 */
.dark-mode .pic_wp_2024 .lt_cmt {background: #2b2f3a;color: #4dabf7;}
/* 아이콘들 톤다운 */
.dark-mode .pic_wp_2024 li .fa-lock {background: #2b2f3a;color: #adb5bd;border: 1px solid #2b2f3a;}
.dark-mode .pic_wp_2024 li .new_icon {background: #1f3f2f;color: #51cf66;}
.dark-mode .pic_wp_2024 li .hot_icon {background: #3a1f1f;color: #ff6b6b;}
.dark-mode .pic_wp_2024 li .fa-download {background: #3a3320;color: #ffd43b;}
.dark-mode .pic_wp_2024 li .fa-link {background: #2f2240;color: #b197fc;}
/* 빈 상태 */
.dark-mode .pic_wp_2024 .empty_li {color: #868e96;}
.dark-mode .lt_box_wp {border: 1px solid rgba(112, 112, 112, 0.1);}
/* 인포 */
.lt_discount_wrap {overflow: hidden;margin-bottom: 0px;}
.lt_item {display: flex;align-items: stretch;border-bottom: 1px solid #f1f3f5;}
.lt_item:last-child {border-bottom: none;}
/* 좌측 타이틀 컬럼 */
.lt_left {width: auto;background: #f8f9fa;padding: 5px 14px;font-weight: 600;color: #333;border-right: 1px solid #e9ecef;display: flex;align-items: center;}
/* 우측 내용 */
.lt_right {flex: 1;padding: 5px 14px;text-align: right;color: #212529;word-break: break-all;}
.lt_right a {color: #2a7cff;text-decoration: none;}
.lt_right a:hover {text-decoration: underline;}
/* 피해금액 */
.lt_item:nth-child(3) .lt_right {color: #e03131;font-weight: 600;}
.lt_item:hover {background: #f9fafb;}

/* .dark-mode .lt_discount_wrap {background: #1e1f23;border: 1px solid #2a2c31;border-radius: 10px;overflow: hidden;} */
.dark-mode .lt_item {border-bottom: 1px solid #2a2c31;transition: background 0.2s ease;}
.dark-mode .lt_item:last-child {border-bottom: none;}
/* 좌측 타이틀 */
.dark-mode .lt_left {background: #23252b;color: #e5e7eb;border-right: 1px solid #2a2c31;}
/* 우측 내용 */
.dark-mode .lt_right {color: #d1d5db;}
.dark-mode .lt_right a {color: #4dabf7;}
.dark-mode .lt_right a:hover {color: #74c0fc;text-decoration: underline;}
/* 피해금액 (강조) */
.dark-mode .lt_item:nth-child(3) .lt_right {color: #ff6b6b;font-weight: 600;}
.dark-mode .lt_item:hover {background: #26282f;}

/* @media (max-width: 768px) {
  .pic_wp_2024 .lat_title_wp_2024 {
    margin-bottom:20px;
  }

  .pic_wp_2024 ul {display: flex;flex-wrap: wrap;margin: 0px;padding: 0;margin-bottom:0px;}
  .pic_wp_2024 li {flex: 1 0 50%;box-sizing: border-box;padding: 0 0px;margin-bottom:0px;}
  .pic_wp_2024 li {width: 50%;padding: 0 3px; margin-bottom:0px;}
} */