@charset "utf-8";

/* ============================================================
   연세경영 우수논문 (excellent_paper) 게시판 스킨
   - 리스트/검색/상세 레이아웃은 프레임워크 CSS 사용
   - 본 파일은 프레임워크 미커버 영역만 정의
   ============================================================ */

/* ------ 리스트: 카드 마크업 보강 (퍼블 yonsei-paper.jsp 일치) ------ */
.bn-list-img01.type02 > ul > li { position: relative; }
.bn-list-img01.type02 > ul > li .b-img-box { position: relative; }
/* 분야 라벨: 이미지 우측 상단 오버레이 */
.bn-list-img01.type02 > ul > li .b-category {
	position: absolute;
	top: 16px;
	right: auto;
	left: 16px;
	z-index: 2;
	padding: 6px 14px;
	background: rgba(255,255,255,0.92);
	color: #222;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.bn-list-img01.type02 > ul > li .b-tag-box span { color: #c8102e; font-weight: 600; margin-right: 6px; }
.bn-list-img01.type02 > ul > li .b-tag-box { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ------ 상세(view): 본문 위 썸네일 img-box ------ */
.bn-view-common01.type03 .fr-view .img-box { margin: 24px 0; text-align: center; }
.bn-view-common01.type03 .fr-view .img-box img { max-width: 100%; height: auto; display: inline-block; }

/* ------ 상세(view): 원문링크 바로가기 버튼 ------ */
.bn-view-common01.type03 .list-info > div .td-info > p a[target="_blank"] {
	display: inline-block;
	padding: 4px 14px;
	background: #c8102e;
	color: #fff;
	border-radius: 8px;
	font-size: 16px;
	text-decoration: none;
}
.bn-view-common01.type03 .list-info > div .td-info > p a[target="_blank"]:hover { background: #a50d25; }

/* ------ 상세(view): 메타 표 6열 (프레임워크 ybri-img01-01.css 기본은 8열) ------ */
.bn-view-common01.type03 .list-info { grid-template-columns: repeat(6, auto); }

/* ------ 등록/수정(write): 게재년월 년/월 셀렉트 ------ */
.excellent-paper-write .b-vol-box .b-select { height: 40px; }

/* ------ 등록/수정(write) ------ */
.excellent-paper-write .b-vol-box { display: flex; align-items: center; gap: 6px; }
.excellent-paper-write .b-vol-box .b-input.type03 { width: 90px; height: 40px; padding: 0 10px; border: 1px solid #d1d1d1; }
.excellent-paper-write .b-vol-box span { color: #999; }
/* 키워드 동적 입력 (최대 5개) */
.excellent-paper-write .b-keyword-input-box { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.excellent-paper-write .b-keyword-input-box .keyword-row { display: inline-flex; align-items: center; gap: 4px; }
.excellent-paper-write .b-keyword-input-box .keyword-row .b-input.type04 { width: 160px; height: 40px; padding: 0 10px; border: 1px solid #d1d1d1; }
.excellent-paper-write .b-keyword-input-box .b-keyword-del {
	width: 28px; height: 28px;
	border: 1px solid #d1d1d1; background: #fff; color: #666;
	border-radius: 50%; font-size: 16px; line-height: 1; cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
}
.excellent-paper-write .b-keyword-input-box .b-keyword-del:hover { background: #f5f5f5; color: #c8102e; border-color: #c8102e; }
.excellent-paper-write .b-keyword-input-box .b-keyword-add {
	height: 40px; padding: 0 14px;
	border: 1px dashed #c8102e; background: #fff; color: #c8102e;
	border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer;
}
.excellent-paper-write .b-keyword-input-box .b-keyword-add:hover { background: #c8102e; color: #fff; }
@media (max-width: 768px) {
	.excellent-paper-write .b-keyword-input-box .keyword-row .b-input.type04 { width: calc(100vw - 120px); max-width: 220px; }
}








/* 260707 앤드와이즈 오승언 추가 */
.bn-list-img01.type02 > ul > li .b-img-box.business-excellent-thumbnail {
	aspect-ratio: 1280 / 711;   /* ★ 빈 박스라 이 비율이 없으면 높이 0 → 아무것도 안 보임 (필수) */
	background-color: #cfe2f3;  /* #cfe2f3ff = 불투명, #cfe2f3 와 동일 */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius:15px;
}
.bn-list-img01.type02 > ul > li a:hover .b-img-box.business-excellent-thumbnail {
	background-image: url('/_res/yonsei_ysb/ybri/img/common/business-thumbnail-hover.jpg');
}

/* 박스: z-index 복구 + y축(세로) 중앙 정렬 */
.bn-list-img01.type02 > ul > li .b-img-box.business-excellent-thumbnail {
	z-index: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;          /* ★ 세로 중앙 */
	gap: 8px;
	padding: 20px;
	box-sizing: border-box;
}
/* 호버(사진) 위 가독성 scrim */
.bn-list-img01.type02 > ul > li .b-img-box.business-excellent-thumbnail::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: rgba(0,0,0,.35); opacity: 0; transition: opacity .3s;
}
.bn-list-img01.type02 > ul > li a:hover .b-img-box.business-excellent-thumbnail::before { opacity: 1; }

/* 제목 — 키우고, 2줄 넘으면 … */
.bn-list-img01.type02 > ul > li .paper-title {
	position: relative; z-index: 1;
	font-size: 24px; font-weight: 700; line-height: 1.35; color: #1a1a1a;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
/* 학술지 — 키우고, 1줄 넘으면 … */
.bn-list-img01.type02 > ul > li .paper-journal {
	position: relative; z-index: 1;
	font-size: 16px; color: #333;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.bn-list-img01.type02 > ul > li .paper-coauthor { font-weight: 700; }

/* 호버 시 사진 위라 흰 글자 */
.bn-list-img01.type02 > ul > li a:hover .paper-title,
.bn-list-img01.type02 > ul > li a:hover .paper-journal { color: #fff; }

/* 저자 | 년도 — 같은 색, '|' 구분 */
.bn-list-img01.type02 > ul > li .paper-author-date {
	margin-top: 14px; display: flex; align-items: center;
	font-size: 15px; color: #555;                 /* 공통 색 */
}
.bn-list-img01.type02 > ul > li .paper-author-date .author,
.bn-list-img01.type02 > ul > li .paper-author-date .date {
	color: inherit; font-weight: 400;             /* 저자·년도 동일 색·굵기 */
}
.bn-list-img01.type02 > ul > li .paper-author-date .author + .date::before {
	content: "|"; margin: 0 8px; color: inherit;  /* 둘 다 있을 때만 '|' */
}

/* 긴 학술지명(nowrap)이 그리드 칸을 밀어 터뜨리는 것 방지 */
  .bn-list-img01.type02 > ul > li { min-width: 0; }
  .bn-list-img01.type02 > ul > li .b-img-box.business-excellent-thumbnail,
  .bn-list-img01.type02 > ul > li .paper-title,
  .bn-list-img01.type02 > ul > li .paper-journal { min-width: 0; }

/* 저자 | 년도: 저자 한 줄 …, 년도 안 깨지게 */
.bn-list-img01.type02 > ul > li .paper-author-date .author {
	min-width: 0;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.bn-list-img01.type02 > ul > li .paper-author-date .date {
	white-space: nowrap;   /* '2026년' 줄바꿈 방지 */
	flex-shrink: 0;        /* 년도 칸이 안 쪼그라들게 */
}