@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_challenge_lt{position:relative;margin-bottom:20px;background:#fff}
.pic_challenge_lt .lat_title {display:block;background:#fcfcfc;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;}
.pic_challenge_lt .lat_title a{color:#253dbe;display:inline-block;position:relative}
.pic_challenge_lt .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.pic_challenge_lt .lt_more {position:absolute;top:11px;right:15px;display:block;width:45px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_challenge_lt .lt_more:hover{color:#777}

.pic_challenge_lt .main {max-width: 1200px;margin: 0 auto;}
.pic_challenge_lt .cards {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0; justify-content: space-between;}
.pic_challenge_lt .cards_item {display: flex; margin-bottom: 15px; width: 24%;}
.pic_challenge_lt .cards_item:nth-of-type(4n) {margin-right: 0;}
.pic_challenge_lt .cards_item:nth-of-type(n+5) {margin-bottom: 0;}
.pic_challenge_lt .card_image {position: relative;max-height: 250px;}
.pic_challenge_lt .card_image img {width: 100%;height: 100%;object-fit: cover;}
.pic_challenge_lt .card_hot {position: absolute;bottom: 8px;right: 8px;display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border-radius: 0.25rem;background-color: #3a8afd;font-size: 18px;font-weight: 700;}
/* .pic_challenge_lt .cate {position: absolute;top: 8px;left: 8px;padding: 4px 8px;border-radius: 0.25rem;background-color: #3a8afd;font-size: 14px;font-weight: 700;} */

.pic_challenge_lt .card {background-color: white;border-radius: 12px;overflow: hidden; width: 100%;border: 1px solid #ccc;}
.pic_challenge_lt .card_content {position: relative; padding: 20px; }
.pic_challenge_lt .card_content::-webkit-scrollbar {width: 8px;}
.pic_challenge_lt .card_content::-webkit-scrollbar-track {box-shadow: 0;border-radius: 0;}
.pic_challenge_lt .card_content::-webkit-scrollbar-thumb {background: #3a8afd;border-radius: 15px;}
.pic_challenge_lt .card_title {position: relative;word-break: keep-all;font-size:1rem; line-height:120%; font-weight: 700;}
/* .pic_challenge_lt .card_title::after {position: absolute;display: block;width: 50px;height: 2px;bottom: 0px;left: 50%;transform: translateX(-50%);background-color: #3a8afd;content: "";} */
.pic_challenge_lt .card_text p {margin: 0 0 24px;font-size: 14px;line-height: 1.5;}
.pic_challenge_lt .card_text p:last-child {margin: 0;}

.pic_challenge_lt .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_challenge_lt .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_challenge_lt .bg_red { background-color: #dc3545 !important; color: #fff; }
.pic_challenge_lt .bg_orangered { background-color: orangered !important; color: #fff; }
.pic_challenge_lt .bg_green { background-color: #28a745 !important;	color: #fff; }
.pic_challenge_lt .bg_blue { background-color: #007bff !important; color: #fff; }
.pic_challenge_lt .bg_purple { background-color: #6f42c1 !important; color: #fff; }
.pic_challenge_lt .bg_yellow { background-color: #ffc107 !important; color: #fff; }
.pic_challenge_lt .bg_navy { background-color: #323c46 !important; color: #fff; }


/* 추가 스타일 */
.pic_challenge_lt .card {position: relative;}
.pic_challenge_lt .card>span.cate {position: absolute;top: 0;left: 0;padding: 5px 8px 4px 10px;background-color: var(--sc);font-size: 14px;font-weight: 700; z-index: 3;border-bottom-right-radius: 4px; color: #fff;font-weight: 400;}
.pic_challenge_lt .card.reserve_end>span.cate {position: absolute;top: 0;left: 0;padding: 5px 8px 4px 10px;background-color: #333;font-size: 14px;font-weight: 700; z-index: 3;border-bottom-right-radius: 4px; color: #fff;font-weight: 400;}
.pic_challenge_lt .card>a {display: block; position: relative; height: 100%;}
.pic_challenge_lt .card.reserve_end>a::after {content: ''; pointer-events: none; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 2}
.pic_challenge_lt .card>a .card_image {overflow: hidden; display: flex; justify-content: center; align-items: center;}
.pic_challenge_lt .card_content .date-txt {margin-bottom: 5px; font-weight: 400; font-size: 0.8rem; word-break: keep-all;}