/* common-tech 유망기술소개 게시판 전용 */

/* 기술 검색 steps 박스: 검색조건 초기화 버튼 (common-patent/market 동일 디자인 b-tech-clean, inner-box 우측 상단 배치 - 피그마) */
.b-category-box-aif.steps .b-category-inner-box {
	position: relative;
	padding: 25px 40px 40px;
}
.b-category-box-aif.steps .b-tech-clean-box {
	position: absolute;
	top: 25px;
	right: 40px;
}
.b-category-box-aif.steps .b-tech-clean {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px 8px;
	border: 1px solid var(--color07);
	border-radius: 10px;
	background-color: var(--white100);
	font-size: 1.3rem;
	font-weight: var(--font-weight-medium);
	color: var(--color09);
	line-height: 1.6rem;
	box-sizing: border-box;
	cursor: pointer;
}
.b-category-box-aif.steps .b-tech-clean:hover {
	border-color: var(--color04);
}
.b-category-box-aif.steps .b-tech-clean::after {
	content: '';
	width: 1.2rem;
	height: 1.2rem;
	background: url(/_res/postech-aif/_share/img/board-aif/ico-tech-navi-cate-clean@2x.png) no-repeat center / 100%;
}

/* Step1 중 하위(2차)에 선택이 남아있는 비활성 항목 표식 (피그마 '케이스 설명').
   흰 배경 + 핑크 테두리 + 핑크 텍스트. 테두리는 box-shadow inset 으로 그려 칩 크기 변동(reflow) 없이 형제 칩과 정렬을 유지한다. */
.b-category-box-aif.steps .b-category-inner-box li.has-sub-selected > a {
	background-color: var(--white100);
	color: var(--color02);
	box-shadow: inset 0 0 0 1px var(--color02);
}

/* 목록 - 썸네일 비율 고정 (PC 기준 328:200 = 41:25) */
.bn-list-thumb-aif .b-box01 {
	aspect-ratio: 41 / 25;
	height: auto;
}

/* 파일 업로드 input full-width 확장 */
.bn-write-common-aif .b-file-upload-box .b-input {
	flex: 1;
	min-width: 0;
}

/* 상세 - PDF 뷰어 */
.b-pdf-viewer-box {
	position: relative;
	width: 100%;
	aspect-ratio: 8 / 5;
	height: auto;
	overflow: hidden;
	margin: 2rem 0;
}

/* 상세 - 기술이전 문의 */
.b-tech-contact-box {
	display: flex;
	align-items: center;
	gap: 8rem;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 2rem;
	padding: 4rem 6rem;
	margin: 4rem 0;
	box-sizing: border-box;
	width: 100%;
}
.b-tech-contact-box .b-contact-title {
	font-size: 1.8rem;
	font-weight: 700;
	white-space: nowrap;
	flex-shrink: 0;
}
.b-tech-contact-box .b-contact-sep {
	color: rgba(0,0,0,0.2);
	flex-shrink: 0;
}
.b-tech-contact-box .b-contact-item {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	font-size: 1.6rem;
	white-space: nowrap;
	flex-shrink: 0;
}
.b-tech-contact-box .b-contact-item a {
	color: inherit;
	text-decoration: none;
}
.b-tech-contact-box .b-btn.consult-btn {
	margin-left: auto;
	flex-shrink: 0;
}

@media screen and (max-width: 768px) {
	.b-pdf-viewer-box {
		aspect-ratio: unset;
		height: 400px;
	}
	.b-tech-contact-box {
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
		padding: 2.8rem 1.8rem;
		border-radius: 2rem;
	}
	.b-tech-contact-box .b-contact-sep {
		display: none;
	}
	.b-tech-contact-box .b-contact-item {
		white-space: normal;
	}
	.b-tech-contact-box .b-btn.consult-btn {
		margin-left: auto;
		width: auto;
	}
}