@charset "utf-8";
/* 리스트 아이콘 수정 */
.webzine_title .fa-caret-right {color:#bbb}
.webzine_title .fa-lock {display:inline-block;line-height:16px;width:16px;color:#999;text-align:center;vertical-align:middle}
.webzine_title .new_icon {display:inline-block;font-size:0.88rem;width:16px;line-height:16px;color:#F26922;text-align:center;margin-left:5px;vertical-align:middle}
.webzine_title .fa-heart {display:inline-block;font-size:0.88rem;width:16px;line-height:16px;color:#FFC700;text-align:center;margin-left:5px;vertical-align:middle}
.webzine_title .fa-download {display:inline-block;font-size:0.88rem;width:16px;line-height:16px;color:#8ED100;text-align:center;margin-left:5px;vertical-align:middle}
.webzine_title .fa-link {display:inline-block;font-size:0.88rem;width:16px;line-height:16px;color:#AA20FF;text-align:center;margin-left:5px;vertical-align:middle}


/* 웹진 리스트 */
.webzine_list {width:100%;padding:0;margin:0;}

.webzine_item {padding:25px 10px;border-bottom:1px solid #ECF0F1;overflow:hidden;position:relative;}

.webzine_item:last-child {margin-bottom:0;}
.webzine_item:hover {background:#fafafa}

.webzine_title {font-size:1.25rem;font-weight:500;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.webzine_content {font-size:0.88rem;line-height:1.6;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:67px;}

.webzine_info {font-size:0.88rem;color:#777;display:flex;gap:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.webzine_info  i {font-size:1.00rem;line-height:0;}

/* 이미지가 있는 경우 스타일 */
/* .webzine_image {float:left;width:20%;max-width:150px;margin-right:15px;} */
.webzine_image {float:left;width:250px;margin-right:15px;}
.webzine_image img {width:100%;height:auto;display:block;}

.webzine_title .notice {float:left;display:inline-block;margin:2px 10px 0 0;background:#666;color:#fff;font-weight:normal !important;height:26px;line-height:10px;padding:8px 8px;border-radius:5px;font-size:0.81rem}

/* 반응형 스타일 */
@media (max-width:991.98px) {
  .webzine_item {padding:15px 5px;border-bottom:1px solid #ECF0F1;overflow:hidden;position:relative;}
  .webzine_title {font-size:1.00rem;margin-bottom:5px;}
  
  .webzine_image {float:left;width:150px;margin-right:10px;}
  .webzine_content {font-size:0.75rem;line-height:1.4;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:44px;}
  .webzine_info {font-size:0.75rem;color:#777;display:flex;gap:10px;}
  .webzine_info  i {font-size:0.75rem;line-height:0;}
  
  .webzine_title .notice {float:left;display:inline-block;margin-right:10px;background:#666;color:#fff;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:11px} /* 글제목줄 분류스타일 */
}