@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: 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; }

/* ------ 등록/수정(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; }
}