@charset "utf-8";

/* 웹진 전용 클래스 */
/* 공통 말줄임 (제목 & 본문) */
.list-webzine .list-title,
.list-webzine .list-webzine-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 2줄 제한 */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

/* 제목 스타일 */
.list-webzine .list-title {
    font-size: 1.1rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

/* 본문 스타일 (PC 전용) */
.list-webzine .list-webzine-desc {
    font-size: 0.95rem;
    line-height: 1.5;
    max-height: 3rem; /* 최대 2줄 높이 유지 */
    color: #6c757d; /* 부트스트랩 text-secondary 대용 */
}

/* 유틸리티 (이미지 및 폭 조절) */
.list-webzine .min-width-0 {
    min-width: 0;
}

.list-webzine .object-fit-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* 모바일 반응형 조정 (576px 미만) */
@media (max-width: 576px) {
    .list-webzine .list-title {
        font-size: 1rem;
        margin-bottom: 4px !important;
        -webkit-line-clamp: 2; /* 모바일에서도 제목은 2줄 유지 */
    }
}

/* 모바일 화면 (768px 미만) 설정 */
@media (max-width: 767px) {
    .form-control, 
    .form-control-lg, 
    textarea.form-control {
        font-size: 14px !important; /* 모바일에서 적당한 크기 */
        padding: 0.5rem 0.75rem !important; /* 안쪽 여백도 함께 조절 */
    }
}