@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:visible !important;}
.webzine_item:after {content:"";display:block;clear:both;}
.webzine_item:hover {background:#fafafa;}
.webzine_item:first-child {border-top:1px solid #ECF0F1;}
.webzine_item:last-child {margin-bottom:0;}

.webzine_title {font-size:0.88rem;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 {color:#777;display:flex;overflow:visible !important;margin-left:10px;position:relative;z-index:99;}
.webzine_info  i {line-height:0;}

/* 이미지가 있는 경우 스타일 */
.webzine_image {float:left;width:250px;margin-right:15px;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#f5f5f5;}
.webzine_image img {width:100%;height:100%;object-fit:cover;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}

/* 동영상 썸네일 & 플레이어 스타일 추가 */
.thumbnail-container {position:relative;width:100%;height:100%;cursor:pointer;}
.thumbnail-image, .video-preview-container {position:absolute;top:0;left:0;width:100%;height:100%;}
.thumbnail-image img {width:100%;height:100%;object-fit:cover;}
.preview-video {width:100%;height:100%;object-fit:cover;}

.video-player {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:2;}
.video-player iframe {width:100%;height:100%;border:none;}
.video-player video {width:100%;height:100%;object-fit:contain;}

.video-play-btn {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:44px;height:44px;background:rgba(0,0,0,0.6);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0.85;transition:all 0.2s ease;z-index:3;pointer-events:none;}
.thumbnail-container:hover .video-play-btn {opacity:1;transform:translate(-50%, -50%) scale(1.1);background:rgba(225,29,72,0.9);}

.portfolio_ca {position:absolute !important;top:8px !important;right:8px !important;z-index:10 !important;background:rgba(0,0,0,0.65) !important;color:#fff !important;padding:4px 8px !important;font-size:0.75rem !important;border-radius:4px !important;line-height:1.2 !important;text-decoration:none !important;transition:background 0.2s ease !important;}
.portfolio_ca:hover {background:var(--color-button) !important;color:#fff !important;}

/* 반응형 스타일 */
@media (max-width:768px) {
  .webzine_item {padding:15px 5px;border-bottom:1px solid #ECF0F1;overflow:visible !important;}
  .webzine_title {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 {color:#777;display:flex;gap:10px;overflow:visible !important;z-index:99;}
  .webzine_info  i {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} /* 글제목줄 분류스타일 */
}

/* 리스트, 읽기, 댓글 회원아이콘 추가 ----- */
.pf_icon_list {margin-right:4px}
.pf_icon_list img {border-radius:50%;width:22px;height:22px}