/* 1. 박스 전체 링크 스타일 */
.tq-card-link { display: block; cursor: pointer; color: inherit; text-decoration: none!important; }
/* 2. 카드 기본 상태 */
.tq-fixed-card { position: relative; height: 300px; background: #fff; border-radius: 12px; padding: 20px; display: flex; flex-direction: column; overflow: hidden; border: 2px solid #e9e9e9; transition: all 0.3s ease-in-out; z-index: 1; }
/* 3. 호버 효과 */
.tq-card-link:hover .tq-fixed-card { border-color: #e74139; background-color: #fcfdfe; box-shadow: inset 0 0 15px rgba(44,68,127,0.03),0 10px 25px rgba(0,0,0,0.05)!important; }
/* 4. 제목 영역 (2줄 제한 + 삐져나옴 방지) */
.tq-title-area { line-height: 1.5; /* 줄 높이 고정 (20px * 1.5 = 30px) */ height: 3em; /* 1.5 * 2줄 = 3em (딱 60px) */ max-height: 3em; /* 초과분 절대 허용 안함 */ margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #222; word-break: break-all; /* 단어 단위로 끊어짐 방지 */ }
/* 5. 본문 영역 (2줄 말줄임) */
.tq-content-area { line-height: 1.6; max-height: calc(1.6em * 2); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; color: #666; word-break: break-word; }
/* 6. 하단 및 배지/썸네일 */
.tq-bottom-area { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; padding-top: 15px; }
.tq-badge { display: inline-block; padding: 4px 16px; background: #454545; border: 1px solid #eee; color: #fff; font-size: 14px; font-weight: 600; border-radius: 20px; }
.tq-thumb-small { width: 70px; height: 70px; border-radius: 8px; overflow: hidden; flex-shrink: 0; border: 1px solid #f0f0f0; }
.tq-thumb-small img { width: 100%; height: 100%; object-fit: cover; }
/* 상단 고정(공지) 배지 스타일 */
.thanq_notice { background-color: #0090da; color: #fff; font-weight: 700!important; padding: 4px 8px; font-size: 12px; letter-spacing: -0.5px; line-height: 14px; border-radius: 3px; }